@charset "UTF-8";

/* padding & margin */
.pt5{padding-top:.5em;}
.pt10{padding-top:1em;}
.pt15{padding-top:1.5em;}
.pt20{padding-top:2em;}
.pt25{padding-top:2.5em;}
.pt30{padding-top:3em;}
.pt35{padding-top:3.5em;}
.pt40{padding-top:4em;}
.pt45{padding-top:4.5em;}
.pt50{padding-top:5em;}
.pb5{padding-bottom:.5em;}
.pb10{padding-bottom:1em;}
.pb20{padding-bottom:2em;}
.pb30{padding-bottom:3em;}
.pb40{padding-bottom:4em;}
.pb50{padding-bottom:5em;}
.pr5{padding-right:.5em;}
.pl5{padding-left:.5em;}
.pr10{padding-right:1em;}
.pl10{padding-left:1em;}
.pl20{padding-left:2em;}
.pr20{padding-right:2em;}
.pr25{padding-right:2.5em;}
.pl30{padding-left:3em;}
.mt5{margin-top:.5em;}
.mt10{margin-top:1em;}
.mt15{margin-top:1.5em;}
.mt20{margin-top:2em;}
.mt25{margin-top:2.5em;}
.mt30{margin-top:3em;}
.mt35{margin-top:3.5em;}
.mt40{margin-top:4em;}
.mt45{margin-top:4.5em;}
.mt50{margin-top:5em;}

.mb2{margin-bottom:.2em;}
.mb3{margin-bottom:.3em;}
.mb5{margin-bottom:.5em !important;}
.mb10{margin-bottom:1em !important;}
.mb15{margin-bottom:1.5em !important;}
.mb20{margin-bottom:2em !important;}
.mb25{margin-bottom:2.5em !important;}
.mb30{margin-bottom:3em;}
.mb40{margin-bottom:4em;}
.mb50{margin-bottom:5em;}

.mr5{margin-right:.5em;}
.mr10{margin-right:1em;}
.mr15{margin-right:1.5em;}
.mr20{margin-right:2em;}
.mr25{margin-right:2.5em;}
.mr30{margin-right:3em;}
.mr35{margin-right:3.5em;}
.mr40{margin-right:4em;}
.mr45{margin-right:4.5em;}
.mr50{margin-right:5em;}

.ml5{margin-left:.5em;}
.ml10{margin-left:1em;}
.ml15{margin-left:1.5em;}
.ml20{margin-left:2em;}
.ml25{margin-left:2.5em;}
.ml30{margin-left:3em;}
.ml35{margin-left:3.5em;}
.ml40{margin-left:4em;}
.ml45{margin-left:4.5em;}
.ml50{margin-left:5em;}

/* 사이즈 */
.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

/* 컬러 */
.red {color:#E83E30 !important;}
.orange {color:#e45f00  !important}
.blue {color:#196bf9  !important;}
.drak_blue {color:#4174B9  !important;}
.drak_blue {color:#006bda  !important;}
.purple {color:#7833DC !important;}
.drak_purple {color:#8D60A6 !important;}
.black {color:#000 !important;}
.green {color:#7dcc27 !important;}
.yellow {color:#E9A315 !important;}
.gray {color:#999;}
.white {color:#fff !important;}

/* 폰트굵기 */
.font_bold {font-weight: bold;}
.font_300 {font-weight: 300;}
.font_400 {font-weight: 400;}
.font_500 {font-weight: 500;}
.font_normal {font-weight: normal;}

/* 인풋 사이즈 */
input[size="100"]{width:98%}
input[size="80"]{width:80%}
input[size="70"]{width:70%}
input[size="60"]{width:60%}
input[size="50"]{width:50%}
input[size="40"]{width:40%}
input[size="30"]{width:30em}
input[size="20"]{width:20em}
input[size="15"]{width:15em}
input[size="10"]{width:10em}
input[size="5"]{width:5em}
input[size="3"]{width:3em}
input[size="2"]{width:2em}
input[size="1"]{width:1em}
input[type="file"]{padding:0}


/* 체크박스 css */
.chk_box {overflow:hidden;position:relative;display: inline-block;}
.chk_box input[type="checkbox"] {display: none;}
.chk_box input[type="checkbox"] + label {font-weight:400;padding:12px 0 8px 30px; cursor: pointer; position:relative;overflow:hidden;margin:0;top:unset;text-align:left;color:#333;font-size:13px;}
.chk_box input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background: url('../images/common/check_w.svg') 50% 50% no-repeat;background-size:18px auto;border: 2px solid #fff;}
.chk_box input[type="checkbox"] + label > div {height:19px}
.chk_box input[type="checkbox"]:checked + label {box-shadow:2px 2px 2px rgb(0 0 0 / 50%);}
.chk_box input[type="checkbox"]:checked + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background:#a161ff url('../images/common/check_w.svg') 50% 50% no-repeat;background-size:18px auto;border: 2px solid #a161ff;}

/* 라디오 css */
.radio_box {overflow:hidden;position:relative;}
.radio_box input[type="radio"] {display: none;}
.radio_box input[type="radio"] + label {font-weight:400;padding:12px 0 8px 30px;width:100%; cursor: pointer; float: left;position:relative;overflow:hidden;margin:0;top:unset;text-align:left;color:#333;font-size:13px;}
.radio_box input[type="radio"] + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background:#ececec url('../images/common/radio_chk.svg') 50% 50% no-repeat;background-size:15px;}
.radio_box input[type="radio"] + label > div {height:19px}
.radio_box input[type="radio"]:checked + label {box-shadow:2px 2px 2px rgb(0 0 0 / 50%);}
.radio_box input[type="radio"]:checked + label:before {content:'';position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:100%;background:#7833DC url('../images/common/radio_chk.svg') 50% 50% no-repeat;background-size:15px;}

/* position */
.p_fixed {position: fixed;}
.p_absoloute {position: absolute;}
.p_relatvie {position: relative;}

/* display */
.dis_b {display: block;}
.dis_ib {display: inline-block;}
.dis_i {display: inline;}
.dis_n {display: none;}
.ov {overflow: hidden;}

.inner {padding:40px;}

/* 정렬 */
.left {float: left;}
.right {float: right;}
.t_right {text-align: right;}
.t_left {text-align: left;}
.t_center {text-align: center;}
.clear::after {display: block;content: '';clear: both}

.tit_st1 {font-size: 1.7rem;color:#111956;font-weight: 500;}
.tit_st2 {padding-left: 26px;font-size:1.3rem;color:#000;font-weight: 500;background: url('../images/common/bul_ic1.svg') no-repeat 0 2px / 18px;}

/* dl_st1 */
.dl_st1 {display: flex;margin-bottom: 15px;}
.dl_st1 dt {min-width: 120px;height: 40px;line-height: 44px;text-align: center;color: #fff;background: #001e64;border-radius: 40px;font-size: 20px;font-weight: 500;}
.dl_st1 dd {padding-top: 10px;padding-left: 20px;color: #000;font-size: 18px;font-weight: 500;}

/* bullet list */
.bul_lst {}
.bul_lst > li {padding:.444em 0 0 2.667em; position:relative; line-height:1.4;}
.bul_lst > li:before {content:''; display:block; width:1.778em; height:1.778em; border-radius:100%; background:url("../image/common/ico_arr_down.svg") center no-repeat #5a5a5a; position:absolute; top:.222em; left:0;}
.bul_lst > li:not(:nth-child(1)) {margin-top:.444em;}

.bul_lst2 {}
.bul_lst2 > li {margin-left: 1em;padding:.444em 0 0 .75em; position:relative; line-height:1.4;}
.bul_lst2 > li:before {content:''; display:block; width:5px; height:2px; background-color:currentColor; position:absolute; top:.95em; left:0;}

.bul_lst3 {}
.bul_lst3 > li {padding:.111em 0 0 .75em; margin-left:1em; position:relative; /* line-height:1.4; */}
.bul_lst3 > li:before {content:''; display:block; width:4px; height:4px; border-radius:100%; background-color:currentColor; position:absolute; top:.6em; left:0;}


/*박스스타일*/
.box_st1 {border:1px solid #ccc !important; padding:20px !important;}
.box_st1 > ul {margin:0 !important;}
.box_st1 > h5.first {margin-top:0 !important;}
.box_st1 ul.num li {margin:15px 0; line-height:24px;}
.box_st1 ul.num li span {background:#c00000; color:#fff; border-radius:100px; padding:3px 4px; font-size:13px; font-weight:bold; margin-right:8px;}
.box_st1 .tip {display:block; width:40px; border:1px solid #bb1515; padding:2px 0; border-radius:2px; text-align:center; color:#bb1515; font-weight:bold;}
.box_st2 {background:#f6f6f6; padding:6px; border:1px solid #ccc;}
.box_st2 > div {background:#fff;}
.box_st2 > div div {border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px; }
.box_st2 > div div:last-of-type {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.box_st2 ul li {overflow:hidden;}
.box_st2 ul li .sbtn_style {float:right;}
.box_st3 {background:#e6edf1; padding:8px;}
.box_st3 > div {background:#fff;}
.box_st4 {border:1px dashed #ddd; padding:20px;}

/* table set */
.table_basic {width:100%; border-collapse:collapse; border-spacing:0; overflow:auto; max-height:800px;}
.table_basic thead tr:first-child th {border-top:1px solid #555 !important;}
.table_basic tbody tr:first-child > * {border-top:1px solid #555 !important;}
.table_basic thead + tbody tr:first-child > * {border-top:none !important;}
.table_basic thead th{background:#f2f2f2; font-weight:bold;color:#333;}
.table_basic tbody th {background:#f8f8f8;font-weight:500;color:#333;}
.table_basic th, .table_basic td {border-left:none; border:1px solid #ddd;padding:10px; line-height:150%;text-align:center;}
.table_basic td {text-align:left;}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #eeeeee;
  /* border-radius: 5px; */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#b8b8b8, #b9b9b9);
  /* border-radius: 5px; */
}


/* 애니메이션-fadein */
@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity: 0;}
    to {opacity: 1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity: 0;}
    to {opacity: 1;}
}

/* 애니메이션-drone */
@keyframes drone{
	from{ transform:translate(0, 20px);}
  50% { transform:translate(0, 0);}
	to { transform:translate(0, 20px);}
}
@-moz-keyframes drone{ /* Firefox */
  from{ transform:translate(0, 20px);}
  50% { transform:translate(0, 0);}
	to { transform:translate(0, 20px);}
}
@-webkit-keyframes drone{ /* Safari and Chrome */
  from{ transform:translate(0, 20px);}
  50% { transform:translate(0, 0);}
	to { transform:translate(0, 20px);}
}
@-o-keyframes drone{ /* Opera */
  from{ transform:translate(0, 20px);}
  50% { transform:translate(0, 0);}
	to { transform:translate(0, 20px);}
}

/* 애니메이션-car1 */
@keyframes car1{
	0% { transform:translate(1300px, 0);opacity: 1;}
  20% { opacity: 1;}
	100% { transform:translate(150px, 0);opacity: 0;}
}
@-moz-keyframes car1{ /* Firefox */
	0% { transform:translate(1300px, 0);opacity: 1;}
  20% { opacity: 1;}
	100% { transform:translate(150px, 0);opacity: 0;}
}
@-webkit-keyframes car1{ /* Safari and Chrome */
	0% { transform:translate(1300px, 0);opacity: 1;}
  20% { opacity: 1;}
	100% { transform:translate(150px, 0);opacity: 0;}
}
@-o-keyframes car1{ /* Opera */
	0% { transform:translate(1300px, 0);opacity: 1;}
  20% { opacity: 1;}
	100% { transform:translate(150px, 0);opacity: 0;}
}

/* 애니메이션-car2 */
@keyframes car2{
	0% { transform:translate(200px, 0);opacity: 0;}
  50% { opacity: 1;}
	100% { transform:translate(1200px, 0);opacity: 0;}
}
@-moz-keyframes car2{ /* Firefox */
	0% { transform:translate(200px, 0);opacity: 0;}
  50% { opacity: 1;}
	100% { transform:translate(1200px, 0);opacity: 0;}
}
@-webkit-keyframes car2{ /* Safari and Chrome */
	0% { transform:translate(200px, 0);opacity: 0;}
  50% { opacity: 1;}
	100% { transform:translate(1200px, 0);opacity: 0;}
}
@-o-keyframes car2{ /* Opera */
	0% { transform:translate(200px, 0);opacity: 0;}
  50% { opacity: 1;}
	100% { transform:translate(1200px, 0);opacity: 0;}
}

/* 애니메이션-airplane */
@keyframes airplane{
	0% { transform:translate(0, 0);opacity: 1;}
  40% {opacity: 1;}
	100% { transform:translate(280px, -130px);opacity: 0;}
}
@-moz-keyframes airplane{ /* Firefox */
	0% { transform:translate(0, 0);opacity: 1;}
  40% {opacity: 1;}
	100% { transform:translate(280px, -130px);opacity: 0;}
}
@-webkit-keyframes airplane{ /* Safari and Chrome */
	0% { transform:translate(0, 0);opacity: 1;}
  40% {opacity: 1;}
	100% { transform:translate(280px, -130px);opacity: 0;}
}
@-o-keyframes airplane{ /* Opera */
	0% { transform:translate(0, 0);opacity: 1;}
  40% {opacity: 1;}
	100% { transform:translate(280px, -130px);opacity: 0;}
}

/* 애니메이션-man */
@keyframes man{
	0% { transform:translate(0, 0);opacity: 1;}
  40% {opacity: 1;}
	100% { transform:translate(55px, 100px);opacity: 0;}
}



body, html {width: 100vw;height: 100vh;overflow-x: hidden;overflow-y: auto;}
#wrapper, #container {width: 100%;height: 100%;overflow: auto;}

/* main */
.left_header {display: inline-block;position: absolute;top: 40px;left: 40px; z-index: 20;}
.left_header .title_wrap > span {color: #fff;font-size: 1.9rem;display: block;margin-bottom:25px;}
.left_header .title_wrap h1 {font-weight: bold;font-size: 4rem;line-height: 50px;color:#fff;word-break: keep-all;width: 290px;}
.left_header .date_wrap {color: #fff;font-size: 1.6rem;font-weight: 500;}
.left_header .week {display: inline-block;background: #757fbb;border-radius: 100px;width: 36px;height: 36px;text-align: center;line-height: 40px;}
.left_header .txt {font-size: 1.5rem;color: #aaacc1;width: 390px;word-break: keep-all;}
.left_header .txt > em {color: #c9cbdb !important;}
.left_header .menu_list {width: 250px;display: inline-block;}
.left_header .menu_list li {margin-bottom: 25px;border-bottom:1px solid #4d5179;position: relative;}
.left_header .menu_list li::before {content: '';position: absolute;display: block;right: 0;top: 20px;width: 20px;height:20px;background: url('../images/common/simple-right_w.svg') no-repeat;}
.left_header .menu_list a {padding:10px 0;color: #fff;font-size: 2rem;font-weight: 500;display: block;}

/* line2 btn */
.line_on{position:relative;}
.line_on::after{content:'';display:block;position:absolute;left:0; bottom:0px;width:0;height:2px;background-color:#fff;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;transition:width 0.3s ease;}
.line_on:hover:after { width:100%; }

/* gnb */
.gnb {position: absolute;top: 30px;right: 30px;z-index: 20;}
.gnb .point {padding: 2px 0 5px 34px;background: url('../images/common/point_ic.svg') 0 2px / 24px no-repeat;font-weight: 500;color: #fff;font-size: 18px;display: inline-block;vertical-align: sub;letter-spacing: 0px;}
.gnb .login_bt {padding: 0 20px;border-radius: 50px;display: inline-block;color: #000;background: #fff;height:38px;line-height: 40px;font-weight: 500;font-size: 1rem;cursor: pointer;}
.gnb .accessor {color: #fff;padding: 0 20px;border-radius: 50px;display: inline-block;height: 38px;line-height: 40px;font-weight: 500;background: #681e87 linear-gradient(70deg, #681e87, #d857f8)}
.gnb .accessor img {width: 15px;height: auto;vertical-align: middle;margin-right: 5px;}

/* 메인-선물이미지 */
.gift_img {display: inline-block;position: absolute;top: 130px;right: 20px;}

/* 메인-오브젝트 */
.object > span {position: absolute;display: inline-block;}
.drone {top:13%;left:26%;z-index: 5;
animation-duration:3s;animation-name: drone;animation-iteration-count:infinite;animation-timing-function:ease-in-out;}
.car1 {width:54px;top:97%;z-index: 5;
animation-duration:8s;animation-name: car1;animation-iteration-count:infinite;}
.car2 {width:60px;top:94%;z-index: 5;
animation-duration:10s;animation-name: car2;animation-iteration-count:infinite;}
.airplane {width: 491px;bottom: 0;left: 290px;z-index: 1;
animation-duration:7s;animation-name: airplane;animation-iteration-count:infinite;}
.movie {width: 491px;top: 60%;left: 360px;}
.man {top: 28%;left: 52%;z-index: 5;
animation-duration:5s;animation-name: man;animation-iteration-count:infinite;}

/* 푸터 로고*/
.foot_logo {position: fixed;bottom: 10px;left: 0;z-index: 5;}

/* 메인-경운대지도*/
.main_map {height:100%;position: absolute;top: 0;right: 0;}
.main_img {position: relative;
  height: 100%;
  min-width: 1288px;
  max-width: 1920px;
  max-height: 1080px;
  min-height: 971px;
  z-index: 1;
  margin: 0 auto;
  overflow: hidden;
}
.main_img > img {
  height: 100%;
  width: auto;
  min-width: 1288px;
  max-width: 1920px;
  max-height: 1080px;
  min-height: 971px;
}



/* 메인-버튼 */
.bt_box.mo {display: none;}
.bt_box > .btn {display: inline-block;border: 0;position: absolute;backface-visibility: visible;cursor: pointer;z-index: 10;/*transition: .3s;*/ white-space: nowrap;border-radius: 50%;background:transparent url(../images/common/img_transparent.png);}
.bt_box > .btn > ul {position: absolute;width: 162px;left: -140px;}
.bt_box > .btn > ul li {/*opacity: 0;*/display: none;}
.bt_box > .btn.active > ul li {/*opacity: 1;*/display: block;text-align: center;
animation: fadein 1s;-moz-animation: fadein 1s; /* Firefox */-webkit-animation: fadein 1s; /* Safari and Chrome */-o-animation: fadein 1s; /* Opera */}
.bt_box > .btn.active > ul li:nth-child(2) {animation: fadein 1.3s;-moz-animation: fadein 1.5s; /* Firefox */-webkit-animation: fadein 1.5s; /* Safari and Chrome */-o-animation: fadein 1.5s; /* Opera */}
.bt_box > .btn.active > ul li:nth-child(3) {animation: fadein 1.6s;-moz-animation: fadein 2s; /* Firefox */-webkit-animation: fadein 2s; /* Safari and Chrome */-o-animation: fadein 2s; /* Opera */}
.bt_box > .btn.active > ul li:nth-child(4) {animation: fadein 1.9s;-moz-animation: fadein 2.5s; /* Firefox */-webkit-animation: fadein 2.5s; /* Safari and Chrome */-o-animation: fadein 2.5s; /* Opera */}

.bt_box > .btn > ul li {margin-bottom: 3px;}
.bt_box > .btn > ul a {width: 100%;height: 36px;line-height: 36px;background: #232a60;display: block;color: #e5ff00;font-weight: 500;font-size: 16px;border-radius: 5px;padding: 0 5px;border: 2px solid #e5ff00;box-shadow: 0 0 14px rgba(0 0 0 / 95%);}
.bt_box > .btn > ul.ins a {border-color: #5bfdff;color: #5bfdff;}

/* 메인 - 버튼 hover 영역 */
.bt_box .bt_01 {left: 41%;top: 32%;width: 10%;height: 10%;}
.bt_box .bt_02 {left: 49%;top: 48%;width: 14%;height: 9%;}
.bt_box .bt_03 {left: 58%;top: 35%;width: 8%;height: 6%;}
.bt_box .bt_05 {left: 55%;top: 27%;width: 7%;height: 8%;}
.bt_box .bt_06 {left: 47%;top: 18%;width: 10%;height: 9%;}
.bt_box .bt_08 {left: 34%;top: 15%;width: 10%;height: 9%;}
.bt_box .bt_09 {left: 36%;top: 9%;width: 9%;height: 7%;}
.bt_box .bt_10 {left: 62%;top: 42%;width: 9%;height: 7%;}
.bt_box .bt_11 {left: 54%;top: 22%;width: 5%;height: 6%;}
.bt_box .bt_12 {left: 49%;top: 3%;width: 9%;height: 12%;}
.bt_box .bt_13 {left: 40%;top: 75%;width: 9%;height: 11%;}
.bt_box .bt_16 {left: 13%;top: 8%;width: 8%;height: 18%;}
.bt_box .bt_18 {left: 9%;top: 26%;width: 8%;height: 11%;}
.bt_box .bt_01 > ul {margin-top:30px;}
.bt_box .bt_03 > ul {left: auto;right: -150px;margin-top:-10px;}
.bt_box .bt_05 > ul {left: -135px;}
.bt_box .bt_06 > ul {left: -130px;margin-top:10px;}
.bt_box .bt_10 > ul {margin-top: 20px;}
.bt_box .bt_11 > ul {left: auto;right: -150px;}
.bt_box .bt_12 > ul {left: auto;right: -150px;}
.bt_box .bt_13 > ul {margin-top: 20px;}
.bt_box .bt_18 > ul {left: -115px;}

/* 서브 */
.sub {background: url('../images/content/sub_bg.jpg') no-repeat 50% 50% / cover;}
.sub .top_header .back_ico {color: #fff;font-size: 1.2rem;font-weight: 500;position: absolute;top: 20px;left: 20px;cursor: pointer;z-index: 10;}
.sub .top_header .back_ico > img {width:12px;margin-right:10px;}
.sub .top_header .back_ico > i {margin-right: 8px;}
.sub .top_header .hak_link {padding:7px 20px 0;position: absolute;top: 20px;right: 20px;color: #000;font-size: 1.1rem;background: #fff;font-weight: 500;border-radius: 50px;height:40px;box-shadow: 0 0 15px rgb(0 0 0 / 60%);cursor: pointer;z-index: 10;}
.sub .top_header .hak_link > i {margin-left: 8px;}
.sub .top_header .hak_link img {width:18px;margin-left:5px;}

/* 학과소개 */
.hak_info_box {position: absolute;top: 20px;left:50%;transform: translateX(-50%);z-index: 10;width: 620px;height: 200px;padding:20px 20px 15px;margin:0 auto; background: rgba(255,255,255,.5);border-radius: 20px; box-shadow: 0 0 15px rgba(0,0,0,.6);}
.hak_info_box .hak_name span {color: #000;font-weight: 500;}
.hak_info_box .hak_name h2 {color: #000;font-weight: bold;font-size: 24px;}
.hak_info_box .hak_info dl {margin-bottom: 5px;}
.hak_info_box .hak_info dt {padding:5px 0 1px;margin-right: 5px;display: inline-block;background: #333;color: #fff;border-radius: 30px;width:80px;text-align: center;}
.hak_info_box .hak_info dd {display: inline-block;color: #000;font-weight: 500;}

.booth_wrap {width: 100%;height: 100%;position: relative;}
.booth_bg {position: absolute;left: 0;bottom: 0;width: 100%;height: 80%;overflow: hidden;}
.booth_bg > img {vertical-align: bottom;width: 100%;height: 100%;}
.booth_bg .booth_logo {min-width: 1500px;display: inline-block;position: absolute;left: 50%;top: 9.5%;transform: translateX(-50%);top: 78px;}

/* 부스 비주얼 */
.booth_wrap .visual {position: absolute;left: 5.5%;bottom: 9.1%;background: #ccc;width: 44.3%;height: 53.4%;z-index: 20;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.booth_wrap .visual > * {text-shadow: 0 0 20px rgba(0 0 0 / 90%);}
.booth_wrap .visual > .sub_tit {color: #fff;font-size: 1.6rem;font-weight: 500;}
.booth_wrap .visual > .tit {color: #fff;font-weight: 600;font-size: 4.3rem;display: block;word-break: break-all;}
.booth_wrap .visual > .txt {color: #e7e7e7;font-size: 1.6rem;text-align: center;text-shadow: 0 0 5px rgba(0 0 0 / 90%);}

/* 부스 메뉴 */
.booth_wrap .sub_menu {position: absolute;right: 5.5%;bottom: 9.1%;width: 44.3%;height: 53.4%;z-index: 20;text-align: center;}
.booth_wrap .sub_menu > .tit {padding-top: 45px;display: block;color: #fff;font-size: 2.5rem;letter-spacing:0.01em;text-shadow: 0 0 10px rgba(0 0 0 / 20%);font-weight: 300;}
.booth_wrap .swiper-slide > div > span > img {width:90px;margin: 0 auto;}

/* 부스 swiper */
.booth_wrap .swiper {width: 75%;height: 70%;overflow:hidden; margin:0 auto;}
.booth_wrap .swiper-slide {text-align: center;font-size: 18px;padding-top: 20px;cursor: pointer;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.booth_wrap .swiper-slide > div {padding: 30px;background: #ccc;border-radius: 40px;height:100%;width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;}
.booth_wrap .swiper-slide .tit {color: #fff;font-size: 2rem;font-weight: 500;word-break: break-all;line-height: 1.2;}
.booth_wrap .swiper-slide .txt {color: #fff;font-size: 1.2rem;word-break: break-all;opacity: .75;}
.booth_wrap .slide1 > div  {background: #719aff !important;}
.booth_wrap .slide2 > div  {background: #3ec2c7 !important;}
.booth_wrap .slide3 > div  {background: #cc83df !important}
.booth_wrap .slide4 > div  {background: #719aff !important;}
.booth_wrap .swiper-slide > div span,
.booth_wrap .swiper-slide > div strong {display: block ;width: 100%;text-align: center;}
.booth_wrap .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.booth_wrap .swiper-button-next:after, .booth_wrap .swiper-button-prev:after {color:#fff;opacity: .4;transition:all 0.3s;text-shadow: 0 0 5px rgb(0 0 0 / 40%);}
.booth_wrap .swiper-button-next:hover:after, .booth_wrap .swiper-button-prev:hover:after {opacity: 1;}
.booth_wrap .swiper-horizontal>.swiper-pagination-bullets, .booth_wrap .swiper-pagination-bullets.swiper-pagination-horizontal, .booth_wrap .swiper-pagination-custom, .booth_wrap .swiper-pagination-fraction {bottom: 20px;}
.booth_wrap.swiper-button-next, .booth_wrap .swiper-button-prev,
.booth_wrap .swiper-button-next, .booth_wrap .swiper-button-prev {top: 55%;}
.booth_wrap .swiper-button-prev, .booth_wrap .swiper-rtl .swiper-button-next {left: 5%;}
.booth_wrap .swiper-button-next, .booth_wrap .swiper-rtl .swiper-button-prev {right: 5%;}
.swiper-pagination-bullet-active {padding: 0 12px;}
.swiper-pagination-bullet {border-radius: 50px;}
.booth_wrap .swiper-pagination{text-align:center; width:100%; bottom:20px;}
.swiper-pagination-bullet {background: #fff !important;}
.booth_wrap .swiper-pagination-bullet-active{background: #4fa9ff !important;margin: 0 5px;width: 30px;}
.swiper-pagination-bullet {border-radius: 40px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background: url('../images/common/arr_left_w.svg') no-repeat !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background: url('../images/common/arr_right_w.svg') no-repeat !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .15 !important;}


/* 팝업창 */
.dim-layer {opacity:0;webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;position:fixed;right: -500%;width:100%;height:100%;z-index: 90;}
.dim-layer.active {opacity:1;left:0;top:0;}
.dimBg {background:rgba(0,0,0,0.3);position:absolute;top:0;z-index:9999;width:100%;height:100%;}
.pop-layer {padding-bottom:50px;width:50%;height:800px;overflow: hidden;background:#fff;position:absolute;top:50%;left:50%; z-index:9999;border-radius:20px;box-shadow: 0 0 15px rgb(0 0 0 / 50%);}
.pop-layer.cont-pop { transform: translate(-50%, -50%); }
.pop-head {z-index: 5;height:60px;padding:25px 20px 15px 20px;display:block;position: absolute;top: 0;width: 100%;left: 0;background: #fff;border-bottom: 1px solid #ccc;box-shadow: 0 0px 8px rgb(0 0 0 / 20%);}
.pop-head .tit {color: #000;font-weight: 500;font-size: 24px;}
.pop-conts {padding:0 20px;overflow-y: auto;height:100%;height: 100%;width: 95%;margin: 0 auto;padding-top: 85px;}
.pop-layer.cont-pop div.tab-content { display: none; }
.btn-layerClose {cursor:pointer;font-size:35px;color:#000;position:absolute;top:10px;right:15px;box-sizing:border-box;width: 40px;height: 40px;}

.dim-layer.right_show {left: -500%;right: inherit;top: 0%;opacity: 0;display: inherit;}
.dim-layer.right_show.active {left: 0%;top: 0%;opacity: 1;display: inherit;}
.dim-layer.right_show .btn-layerClose {right: 40px;}

.tab-wrap {overflow: hidden;}
.tab-wrap .category {display: flex;}
.tab-wrap .category li {display:inline-block;position: relative;height: 100%;}
.tab-wrap .category li a {font-weight: 500;font-size: 1.2rem;color: #000;padding: 0 20px;}
.tab-wrap .category li a.on {color: #d6191b;}
.tab-wrap li a.on::after {content: '';position: absolute;bottom: -10px;left: 0;width: 100%;height:3px;display: block;background: #d6191b;}
.tab-wrap .tab-content li {/*margin-bottom:5px;*/overflow:hidden;}
.tab-wrap .tab-content li .date {float:right;font-size:13px;color:#777;}


h2.tit {color: #000;font-weight: 500;font-size: 2rem !important;display: block;}



/* 로그인 */
#login .pop-conts {padding: 30px 20px 30px;width: 100%;height: 100%;overflow: hidden;margin-top: 0;}
#login .pop-layer {padding: 10px;width: 450px;height: auto;display: block !important;border-radius: 30px;}
#login .pop-layer .input_box input {padding: 17px 15px;display: block;width: 100%;border-radius: 5px;margin-bottom: 5px;background: #f4f4f4;box-sizing: border-box;}
#login .btn_login {padding: 17px 15px;display: block;width: 100%;border-radius: 50px;background: #222;color: #fff;font-size: 17px;font-weight: 500;cursor: pointer;text-align: center;}
#login .txt  {font-size: 1rem;}
#login .tit {position: relative;}
#login .tit::after {content: '';display: block;width: 40px;height: 3px;background: #000;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);}


/* 팝업 왼쪽에서 열리게 */
.dim-layer.right_show .pop-layer {padding-bottom: 0;width: 70%;height: 100%;border-radius: 0;left: 0;margin-left: 0 !important;}
.dim-layer.right_show .pop-conts {margin-top: 0;padding:40px;width: 100%;height: 100%;}
.dim-layer.right_show.active .dimBg {position: fixed;right: 0;}

/* 이벤트 팝업 */
.event_bt {display: inline-block;background: #3b7dd9;border-radius: 40px;color: #fff;font-weight: 500;font-size: 25px;padding: 15px 40px 13px 40px;box-shadow: 2px 6px 0 #2b6bc5;}


/* 설문조사 */
#survey .pop-conts{margin:50px auto; height:96%; padding-bottom:20px;padding-top:0;}
.surveyWrap{}
.surveyWrap .survey_box{display:grid; padding-bottom:50px;width: 100%;overflow: hidden;}
.surveyWrap .survey_box .question{text-align:left; font-size:1.2rem; font-weight:500;color:#000;}
.surveyWrap .survey_box .answer{}
.surveyWrap .survey_box .radio_box{width:33.33333%; float:left;}
.surveyWrap .survey_box .radio_box input[type="radio"] + label{font-size:15px; }
.surveyWrap .survey_box .radio_box input[type="radio"] + label:before{background:#eee;}
.surveyWrap .survey_box .radio_box input[type="radio"]:checked + label:before{background: #3e57e1 url(../images/common/radio_chk.svg) 50% 50% no-repeat;}
.surveyWrap .sub_text{background: #e5e9f9;padding: 10px;font-size: .96rem;text-align: left;line-height: 18px;color: #0d5cd3;margin-bottom: 15px;font-weight:500;}
.surveyWrap .survey_box .answer_10 .radio_box{width:10%;}


/* 팝업 #hd_pop */
#hd_pop .hd_pops {z-index: 50;}
#hd_pop .hd_pops_con {padding-top:0 !important;padding-left: 0 !important;}
#hd_pop .hd_pops_close  {position: absolute;top: 6px;right: 15px;height: 26px;font-size: 13px !important;color: #000;font-weight: 500 !important;line-height: 26px !important;}
#hd_pop .hd_pops_footer {background: #000;height: 40px;padding:12px 20px;position: relative;}
#hd_pop .hd_pops_footer .hd_pops_reject  {color: #bdbdbd;}

/* 전시장 모두보기 버튼 */
.all_bt input[type="checkbox"] + label {color: #fff;font-size: 1.2rem;padding: 13px 0 8px 35px;font-weight: 500;}


/* 반응형 */
@media (max-width: 1700px) {


  .airplane,
  .object {display: none !important;}


}

@media (max-width: 1100px) {

  body {background: #21285a url('../images/main/mo_bg.jpg') 50% 50% / cover no-repeat !important;}
  html {font-size: 13px;}

  #container.main {padding:20px;}

  .gnb {position: static;text-align: right;}
  .all_bt {display: none;}

  .left_header {position: static;margin-top: 20px;width: 100%;}
  .left_header .title_wrap {text-align: center;margin-bottom: 20px !important;}
  .left_header .title_wrap > span {font-size: 1.7rem;margin-bottom: 5px;}
  .left_header .title_wrap h1 {font-size: 3.0rem;width: 100%;}
  .left_header .date_wrap {text-align: center;}
  .left_header .txt {width: 100%;text-align: center;margin: 0 auto;color: #fff;font-size: 1.3rem;}
  .left_header .txt > em {color: #fff !important;}

  .left_header .menu_list {margin-top: 30px !important;display: flex;width: 100%;justify-content: space-around;align-content: center;}
  .left_header .menu_list li {width: 42%;border-bottom: 1px solid #fff;}
  .left_header .menu_list a {font-size: 1.5rem;}

  .foot_logo {display: none;}
  .gift_img {display: none;}

  .main_map {position: static;}
  .main_img > img {display: none;}
  /* 메인 전시장메뉴 */
  .bt_box {display: none;}
  .main_img {min-width: auto;max-width: 100%;max-height: 100%;min-height: auto;}

  .bt_box.mo {text-align: center;display: block;padding-top: 30px;}
  .bt_box.mo > .btn {width: 100%;height: auto;margin: 0 auto;position: static;}
  .bt_box.mo > .btn.active {display: block !important;transition: none;}
  .bt_box.mo > .btn > ul {width: 100%;position: static;}
  .bt_box.mo > .btn > ul li {display: block !important;animation: none !important;margin-bottom: 10px;}
  .bt_box.mo > .btn > ul a {border: 0;box-shadow: none;font-size: 1.4rem;height: 50px;line-height: 54px;}
  .bt_box.mo > .btn.ins > ul a {background-color: #c0bad7;background: rgb(244 235 255 / 75%);color: #000;}
  .bt_box.mo > .btn.hak > ul a {background-color: #842eb0;background: rgb(173 46 207 / 70%);color: #fff;}


  /* 팝업창 */
  .dim-layer.right_show .pop-layer {width: 100%;}
  .dim-layer.right_show .btn-layerClose {right: 20px;}
  .dim-layer.right_show .pop-conts {padding: 40px 20px;}
  .pop-layer.cont-pop {width: 90%;max-height: 90%;}
  .pop-head {box-shadow: none;border: 0;padding: 20px;height: auto;position: static;}
  .pop-conts {padding-top:0;padding-bottom: 80px;}

  /* 사업단소개 */
  #linc_info #section_3 .festival_info > div {float: revert;width:100% !important;margin-bottom: 10px;}

  #survey .pop-layer {width: 100%;height: 100%;border-radius: 0;}

  /* 탭 */
  .tab-wrap .category {flex-wrap: wrap;border-left: 1px solid #dfdfdf;}
  .tab-wrap .category li {width: 50%;height: 50px;margin-top: -1px;border: 1px solid #dfdfdf;border-width: 1px 1px 1px 0;}
  .tab-wrap .category li a {line-height: 1.2;width: 100%;display: block;height: 100%;background: #f9f9f9;padding:0 10px;display: flex;align-items: center;}
  .tab-wrap li a.on {background: #fff4f4}
  .tab-wrap li a.on::after {bottom: 0;}

  /* 로그인 */
  #login .pop-layer {max-width: 90%;}
  #login .txt  {font-size: 1.1rem;}

  /* 서브 */
  .sub .top_header {padding: 20px;}
  .sub .top_header::after {content:'';display:block;clear:both;}
  .sub .top_header .back_ico {position: static;float: left;margin-top: 10px;}
  .sub .top_header .hak_link {position: static;float: right;}
  .hak_info_box {position: static;transform: none;max-width: 100%;margin-top: 60px;}

  .booth_bg {display: none;}
  .booth_wrap .visual {padding: 20px;position: static;width: 90%;height: 380px;margin: 0 auto;box-shadow: 0 0 20px rgb(0 0 0 / 80%);border-radius: 20px;}
  .booth_wrap .visual > .tit {font-size: 3.5rem;text-align: center;line-height: 1.2;}
  .booth_wrap .sub_menu {position: relative;width: 90%;height: 500px;margin: 0 auto;left: 0;right: 0;bottom: 0;}
  .booth_wrap .swiper-slide > div {padding:30px 10px;}
  .booth_wrap .sub_menu > .tit {font-size: 2rem;text-align: left;}
  .booth_wrap .swiper {width: 100%;}
  .booth_wrap .swiper-slide {}
    .booth_wrap .swiper-button-next, .booth_wrap .swiper-rtl .swiper-button-prev {right: 0 !important;}
    .booth_wrap .swiper-button-prev, .booth_wrap .swiper-rtl .swiper-button-next {right: 40px !important;left: unset;}
  .booth_wrap.swiper-button-next, .booth_wrap .swiper-button-prev, .booth_wrap .swiper-button-next, .booth_wrap .swiper-button-prev {top: 70px;width: 15px !important;height: 25px !important;background-size: 100% 100% !important;}

}


@media (max-width: 700px) {
  /* 서브 상단 영상 떨어짐 */
  .hak_info_box {height: auto;display: flex;flex-direction: column;align-items: flex-start;}
  .hak_info_box .right {margin-top: 20px;}
}