@charset "utf-8";

/*스크롤*/
.scroll-guide{display:none;  position: relative;padding:18px 15px;;background:#f6f6f6;margin-bottom:15px;}
.scroll-guide .guide-arrow-l, .scroll-guide .guide-arrow-r{ position:absolute;width:20px;height:20px;margin-top:-10px;top:50%;line-height:20px;font-weight:600; color:#000}
.scroll-guide .guide-arrow-l {left:10px;}
.scroll-guide .guide-arrow-r{right:10px;}
.scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:14px;}

@media screen and (max-width:1024px){
	.tb-scroll .mscroll {overflow-x:scroll;width:auto;}
	.tb-scroll .mscroll table{width:1000px;}

	.scroll-guide {display:block; position:relative; padding:1.8vw 1.5vw;display:block;background:#f6f6f6;margin-bottom:1.5vw;}
	.scroll-guide .guide-arrow-l, .scroll-guide .guide-arrow-r{ position:absolute;width:2vw;height:2vw;margin-top:-1vw;top:50%;line-height:2vw;font-weight:600;}
	.scroll-guide .guide-arrow-l {left:1vw;}
	.scroll-guide .guide-arrow-r{right:1vw;}
	.scroll-guide p{text-align:center;font-weight:600;color:#666;font-size:2.4vw;}
}

@media screen and (max-width:480px){
	.scroll-guide {padding:2.8vw 3.5vw;margin-bottom:2.5vw;}
	.scroll-guide .guide-arrow-l, .scroll-guide .guide-arrow-r{width:3vw;height:3vw;margin-top:-2vw; line-height:3vw}
	.scroll-guide .guide-arrow-l {left:2vw;}
	.scroll-guide .guide-arrow-r{right:2vw;}
	.scroll-guide p{font-size:3.4vw;}
}


/*-----------------------------------------------타이틀-----------------------------------------------*/
.board_tit {font-size:32px; text-align:center; margin-top:30px; margin-bottom:50px; font-weight:700}
.board_tit:after {display: block; content: ''; margin:0 auto; margin-top:35px; width:40px; height:2px; background:#252323;}

@media only screen and  (max-width:1024px) { 
	.board_tit {font-size:3.2vw; margin-top:3vw; margin-bottom:5vw;}
	.board_tit:after {margin-top:3.5vw; width:4vw; height:0.2vw;}
}

@media only screen and  (max-width:768px) { 
	.board_tit {font-size:4.2vw; margin-top:4vw; margin-bottom:6vw;}
	.board_tit:after {margin-top:4.5vw; width:5vw; height:0.4vw;}
}

@media only screen and  (max-width:480px) { 
	.board_tit {font-size:5.2vw; margin-top:5vw; margin-bottom:7vw;}
	.board_tit:after {margin-top:5.5vw; width:6vw; height:0.6vw;}
}


/*참가신청조회*/
.search {border:2px solid #ddd; padding:70px 0; position:relative; margin-bottom:10px;}
.search .search_box { width:500px; margin:auto; overflow:hidden; }
.search .search_box p span {width:100px; display:inline-block; }
.search .search_box p input {height:30px;}
a.cfn_sea_btn{display:block; float:left; margin-left:10px; background:#0772ca; color:#fff; font-size:14px; padding:20px 15px 20px 15px}

.tax_right {margin-top:5px; font-size:12px; color:#999; float:right;}


/*인보이스*/
.invoice {width:100%; border:2px solid #606060; padding:100px 150px 50px 150px; box-sizing:border-box;}
.invoice_tit {text-align:center; font-size:60px; display:block; font-weight:400; padding-bottom:30px; color:#808080;}
.invoice_subtit {text-align:center; font-size:25px; font-weight:400; padding-bottom:80px;}
.bexco_seal {width:397px; height:109px; text-align:center; margin:50px auto 0;}

.account{background:#f9f9f9; text-align:center; font-size:14px; border:2px solid #ddd; padding:40px 0; margin-bottom:10px; color:#333; font-size:22px; font-weight:500; }

.table_border_0 {border:0px !important; }
.table_border_0  th, .table_border_0 td  {border:0px !important; padding:5px  !important; font-size:15px;}

@media only screen and  (max-width:1024px) {
}

@media only screen and  (max-width:768px) {
}

@media only screen and  (max-width:480px) {
}


/*프린트버튼*/
.btn_print {float:right; display:block; background:#0066b3; padding:10px 20px; font-size:14px; cursor:pointer; font-weight:400;}
.btn_print a{color:#fff !important;}

@media only screen and  (max-width:1024px) {
	.btn_print {padding:1vw 2vw; font-size:1.4vw;}
}

@media only screen and  (max-width:768px) {
	.btn_print {padding:2vw 3vw; font-size:2.4vw;}
}

@media only screen and  (max-width:480px) {
	.btn_print {padding:3vw 4vw; font-size:3.4vw;}
}

/*이벤트 부스배치도보기*/
.btn_booth {width:130px; background:#ee579c; padding:8px 15px; font-size:14px; cursor:pointer; font-weight:400;color:#fff !important; border-radius: 5px;}

@media only screen and  (max-width:1024px) {
	.btn_booth {width:13vw; padding:0.8vw 1.5vw; font-size:1.4vw; border-radius:0.5vw;}
}

@media only screen and  (max-width:768px) {
	.btn_booth {width:23vw; padding:1vw 2.5vw; font-size:2.4vw; border-radius:0.7vw;}
}

@media only screen and  (max-width:480px) {
	.btn_booth {width:33vw; padding:1.2vw 3.5vw; font-size:3.4vw; border-radius:0.9vw;}
}


/*관람안내*/
.stlt {color: #1d2087; vertical-align: middle; font-size:24px; font-weight:500; margin-bottom:20px;}
.stlt:before {content:""; display:inline-block; width:20px; height:20px; background:#fff; border:5px solid #1d2087; border-radius:50%; margin-right:10px; margin-bottom:3px; vertical-align: middle;}

@media only screen and  (max-width:1024px) {
	.stlt {font-size:2.4vw; margin-bottom:2vw;}
	.stlt:before {width:2vw; height:2vw; border-width:0.5vw; margin-right:1vw; margin-bottom:0.3vw;}
}

@media only screen and  (max-width:768px) {
	.stlt {font-size:3.4vw; margin-bottom:3vw;}
	.stlt:before {width:3vw; height:3vw; border-width:0.7vw; margin-right:2vw; margin-bottom:0.5vw;}
}

@media only screen and  (max-width:480px) {	
	.stlt {font-size:4.4vw; margin-bottom:4vw;}
	.stlt:before {width:4vw; height:4vw; border-width:0.9vw; margin-right:3vw; margin-bottom:0.7vw;}
}


/*관람안내*/
.guide_2box {display:flex;}
.guide_2box .txt_box {width:49%;}
.guide_2box .txt_boxl {}
.guide_2box .txt_boxr {margin-left:auto}

.guide_2box .txt_boxr .mob_img {display:none}

.lin_graybox_r {font-size:16px; border:3px solid #45aede; padding:20px 20px 25px 30px; letter-spacing:0px !important; line-height:1.6em; border-radius:20px; height:210px;}
.lin_graybox_r h3 {color:#45aede; font-size:20px; font-weight:bold; margin:0 0 15px 0;}
.lin_graybox_r h3:before {content: ''; display:inline-block; width: 4px; height: 20px;background: #45aede; margin-right:10px; margin-top:-4px;vertical-align:middle}
.lin_graybox_r a{color:#45aede;}

.lin_graybox {font-size:16px; border:3px solid #45aede; padding:25px 25px 30px 30px; letter-spacing:0px !important; border-radius:20px;}
.lin_graybox h3 {color:#45aede; font-size:20px; font-weight:bold; margin:0 0 20px 0;}

.table_t01 {width:100%;}
.table_t01 th {font-size:16px; padding:15px;}
.table_t01 thead th {background:#45aede; color:#fff; border-left:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5);}
.table_t01 thead th:first-child {border-left:0}
.table_t01 tbody th {background:#f4f4f4; color:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_t01 tbody th.cr {color:#555}
.table_t01 tbody th:first-child {border-left:0}
.table_t01 tbody td {font-size:16px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px;}
.table_t01 tbody td.p10 {padding:10px !important;}
.table_t01 tbody td.pl40 {text-align:left !important; padding-left:40px !important;}
.table_t01 tbody td:first-child {border-left:0}
.table_t01 a {color:#333; text-decoration:underline;}

.guide_btn {text-align:left; }
.guide_btn a{padding:8px 20px; font-size:1em; background:#45aede; color:#fff !important; display:inline-block; border-radius:8px; box-sizing:Border-box; font-weight:500; margin-top:10px;}


.registrarBox .registrar_listDl {display:flex; align-items:center; margin-bottom:70px}
.registrarBox .registrar_listDl dt {width:153px; height:40px; line-height:40px; margin-right:40px; font-size:24px; font-weight:700; color:#fff; background:#45aede; border-radius:50px; text-align:center}
.registrarBox .registrar_listDl .registrar_listUl li {position:relative; display:inline-block; vertical-align:top; margin-right:40px;}
.registrarBox .registrar_listDl .registrar_listUl li:last-child {margin-right:0}
.registrarBox .registrar_listDl .registrar_listUl li:after {content:""; display:inline-block; position:absolute; top:60px; right:-30px; width:14px; height:22px; background:url(/images/sub/guide_admission_arrow.png) no-repeat 0 0; background-size:100% 100%}
.registrarBox .registrar_listDl .registrar_listUl li:last-child:after {display:none}
.registrarBox .registrar_listDl .registrar_listUl .icon {margin:0 auto; text-align:center}
.registrarBox .registrar_listDl .registrar_listUl .txt {font-size:18px; color:#666; margin-top:15px; line-height:1.3em; text-align:center}


@media all and (max-width:1220px) {
	.guide_2box {display:block;}
	.guide_2box .txt_box {width:100%;}
	
	.guide_2box .txt_boxr {margin-top:20px}
	.guide_2box .txt_boxr .pc_img {display:none}
	.guide_2box .txt_boxr .mob_img {display:block}


	.registrarBox .registrar_listDl .registrar_listUl .icon img {height:110px}
	.registrarBox .registrar_listDl .registrar_listUl li:after {top:45px}
}

@media all and (max-width:1024px) {
	.lin_graybox_r {font-size:1.6vw; border-width:0.3vw; padding:2vw 2vw 2.5vw 3vw; border-radius:2vw; height:auto;}
	.lin_graybox_r h3 {font-size:2vw; margin:0 0 1.5vw 0;}
	.lin_graybox_r h3:before {width:0.4vw; height:2vw; margin-right:1vw; margin-top:-0.4vw;}

	.lin_graybox {font-size:1.6vw; border-width:0.3vw; padding:2.5vw 2.5vw 3vw 3vw; border-radius:2vw;}
	.lin_graybox h3 {font-size:2vw; margin:0 0 2vw 0;}


	.registrarBox .registrar_listDl {margin-bottom:7vw}
	.registrarBox .registrar_listDl dt {width:15.3vw; height:4vw; line-height:4vw; margin-right:4vw; font-size:2.4vw; border-radius:5vw;}
	.registrarBox .registrar_listDl .registrar_listUl li {margin-right:4vw;}
	.registrarBox .registrar_listDl .registrar_listUl li:after {top:4.5vw; right:-3vw; width:1.4vw; height:2.2vw;}
	.registrarBox .registrar_listDl .registrar_listUl .icon img {height:11vw}
	.registrarBox .registrar_listDl .registrar_listUl .txt {font-size:1.8vw; margin-top:1.5vw;}
}

@media all and (max-width:768px) {
	.lin_graybox_r {font-size:2.6vw; border-width:0.5vw; padding:3vw 3vw 3.5vw 4vw; border-radius:3vw;}
	.lin_graybox_r h3 {font-size:3vw; margin:0 0 2.5vw 0;}
	.lin_graybox_r h3:before {width:0.6vw; height:3vw; margin-right:2vw; margin-top:-0.6vw;}

	.lin_graybox {font-size:2.6vw; border-width:0.5vw; padding:3.5vw 3.5vw 4vw 4vw; border-radius:3vw;}
	.lin_graybox h3 {font-size:3vw; margin:0 0 3vw 0;}


	.registrarBox .registrar_listDl {margin-bottom:3vw; display:block}
	.registrarBox .registrar_listDl dt {width:25vw; height:7vw; line-height:7vw; margin-right:0; font-size:3.4vw; border-radius:6vw; margin-bottom:2vw}
	.registrarBox .registrar_listDl .registrar_listUl li {margin:0 6vw 3vw 0;}
	.registrarBox .registrar_listDl .registrar_listUl li:after {top:6.5vw; right:-4.5vw; width:2vw; height:3vw;}
	.registrarBox .registrar_listDl .registrar_listUl .icon img {height:17vw}
	.registrarBox .registrar_listDl .registrar_listUl .txt {font-size:2.8vw; margin-top:2.5vw;}
}

@media all and (max-width:480px) {
	.lin_graybox_r {font-size:3.6vw; border-width:0.7vw; padding:4vw 4vw 4.5vw 5vw; border-radius:4vw;}
	.lin_graybox_r h3 {font-size:4vw; margin:0 0 3.5vw 0;}
	.lin_graybox_r h3:before {width:0.6vw; height:3vw; margin-right:3vw; margin-top:-0.8vw;}

	.lin_graybox {font-size:3.6vw; border-width:0.7vw; padding:4.5vw 4.5vw 5vw 5vw; border-radius:4vw;}
	.lin_graybox h3 {font-size:4vw; margin:0 0 4vw 0;}


	.registrarBox .registrar_listDl {margin-bottom:4vw;}
	.registrarBox .registrar_listDl dt {width:35vw; height:10vw; line-height:10vw; font-size:4vw; border-radius:7vw; margin-bottom:3vw}
	.registrarBox .registrar_listDl .registrar_listUl li {margin:0 8vw 4vw 0;}
	.registrarBox .registrar_listDl .registrar_listUl li:after {top:8.5vw; right:-6vw; width:2.7vw; height:4vw;}
	.registrarBox .registrar_listDl .registrar_listUl .icon img {height:20vw}
	.registrarBox .registrar_listDl .registrar_listUl .txt {font-size:3.8vw; margin-top:3.5vw;}
}



/*차량버튼*/
.btn_park {display: inline-block; padding: 12px 25px; border: 0; background: #999/*#104d8c*/; color: #fff !important; text-decoration: none; vertical-align: middle; font-size: 16px;}
.noline {border:0; width:20px;}

@media all and (max-width:1024px) {
	.btn_park {padding:1.2vw 2.5vw; font-size:1.6vw;}
	.noline {width:2vw;}
}

@media all and (max-width:768px) {
	.btn_park {padding:2.2vw 3.5vw; font-size:2.6vw;}
	.noline {width:3vw;}
}

@media all and (max-width:480px) {
	.btn_park {padding:3.2vw 4.5vw; font-size:3.6vw;}
	.noline {width:4vw;}
}



/*오시는길*/
.mapBox {position:relative; display:flex; width:100%}

.mapBox .map {width:59%}
.mapBox .root_daum_roughmap  {width:100% !important;}

.map_txtBox {margin-left:auto; /*height:542px;*/ width:38%; background:#f7f7f7; color:#010101; padding:25px 40px; box-sizing:border-box; font-size:16px;}
.map_txtBox dt {font-weight:500; width:80%; margin-top:20px;}
.map_txtBox dd {margin-top:3px; }
.map_txt {font-size:26px; padding-bottom:15px; border-bottom:1px solid #e6e6e6;}

.subway_g {background:#10aa18; border-radius:50px; color:#fff; font-size:14px;  width:23px; height:23px; text-align:center;display:inline-block; margin-right:5px;}
.subway_donghae {background:#3155b5; border-radius:20px; color:#fff; font-size:14px; padding:2px 10px;  display:inline-block;  margin-right:5px;}

@media all and (max-width:1024px) {
	.mapBox {display:block;}
	.mapBox .map {width:100%}
	.map_txtBox {width:100%; padding:4vw; font-size:1.6vw;}
	.map_txtBox dt {margin-top:2vw;}
	.map_txtBox dd {margin-top:0.3vw; }
	.map_txt {font-size:2.6vw; padding-bottom:1.5vw;}

	.subway_g {border-radius:5vw; font-size:1.4vw; width:2.3vw; height:2.3vw; margin-right:0.5vw;}
	.subway_donghae {border-radius:2vw; font-size:1.4vw; padding:0.2vw 1vw; margin-right:0.5vw;}

	.map_instagram {height:4.9vw}
}

@media all and (max-width:768px) {
	.map_txtBox {padding:5vw; font-size:2.6vw;}
	.map_txtBox dt {margin-top:3vw;}
	.map_txtBox dd {margin-top:0.5vw;}
	.map_txt {font-size:3.6vw; padding-bottom:2.5vw;}

	.subway_g {border-radius:6vw; font-size:2.4vw; width:3.5vw; height:3.5vw; line-height:3.5vw; margin-right:0.7vw;}
	.subway_donghae {border-radius:3vw; font-size:2.4vw; padding:0.4vw 2vw; margin-right:0.7vw;}

	.map_instagram {height:5.9vw}
}

@media all and (max-width:480px) {
	.map_txtBox {padding:6vw; font-size:3.6vw;}
	.map_txtBox dt {margin-top:4vw;}
	.map_txtBox dd {margin-top:0.7vw;}
	.map_txt {font-size:4.6vw; padding-bottom:3.5vw;}

	.subway_g {border-radius:7vw; font-size:3.4vw; width:4.5vw; height:4.5vw; line-height:4.5vw; margin-right:0.9vw;}
	.subway_donghae {border-radius:4vw; font-size:3.4vw; padding:0.6vw 3vw; margin-right:0.9vw;}

	.map_instagram {height:6.9vw}
}



/*행사소개*/
.intro {text-align:center;}
.intro p {font-size:20px; margin-top:30px; line-height:1.6em; margin-bottom:60px;}
.intro:after{display:block; content: ''; margin:0 auto !important; width:50px; height:5px; background:#554c9b;}

.overview {display:flex; margin-top:70px;}
.overview .imgBox {width:32%;}
.overview .imgBox img {max-width:100%;}
.overview .txtBox {margin-left:auto; width:64%; font-size:18px; line-height:1.6em;}

.overview .txtBox dl {overflow:hidden;}
.overview .txtBox dl dt, .txtBox dl dd{padding:10px 0 15px;}
.overview .txtBox dt.tlt:before {content:""; display:inline-block; width:5px; height:5px; background-color:#252323; /*border:4px solid #00aeef;*/ border-radius:50%; margin-right:10px; margin-bottom:5px; vertical-align: middle;}
.overview .txtBox dt {float:left; width:16%;font-weight:bold;}
.overview .txtBox dd {float:left; width:84%;}
/*.txtBox dd img {height:35px;}*/

.overview .exhibit_itmesUl li {display:inline-block; margin-right:5px; text-align:center}
.overview .exhibit_itmesUl li:last-child {margin-right:0}
.overview .exhibit_itmesUl .txt {line-height:1.4em; font-size:18px; margin-top:10px; font-weight:300}

.stxt {font-size:16px;}

.down_btn a {display:block; max-width:372px; height:55px; line-height:57px; background:#9babc4; color:#fff; margin-bottom:10px; border-radius:50px; font-size:20px; word-spacing:-0.2em; font-family: 'GmarketSansMedium';}
.down_btn i {font-size:22px}



.whyBox {margin-top:70px; width:100%; background:#f5f6f7; height:615px; padding:70px 90px;}

.whyBox p {color:#1d2087; font-size:42px; font-weight:bold; margin-bottom:10px;}
.whyBox dl {overflow:hidden; font-size:20px; line-height:1.4em;}
.whyBox dl dt, .whyBox dl dd {float:left; margin-top:40px;}
.whyBox dl dt {margin-right:30px;}
.whyBox dl dt img {width:90%;}
.whyBox .txt p {color:#000; font-size:24px; font-weight:bold; margin-bottom:7px;}


.withBox {margin-top:70px; padding:40px 40px 20px; border:1px solid #ddd;}
.withBox .txt {margin:40px auto; width:1000px; height:65px; line-height:65px; border-radius:50px; background:#1d2087; color:#fff; font-size:22px;}
.withBox .imgBox img {max-width:100%}
.withBox .mob_img {display:none}

@media all and (max-width:1220px) {
	.overview .exhibit_itmesUl .crc img {height:90px}
	.overview .exhibit_itmesUl .txt {font-size:16px}

	.withBox .txt {width:100%}
}

@media all and (max-width:1024px) {
	.intro .imgBox img {height:11.5vw}
	.intro p {font-size:2vw; margin-top:3vw; margin-bottom:6vw;}
	.intro:after {width:5vw; height:0.5vw}

	.overview {display:block; margin-top:7vw;}
	.overview .imgBox {width:100%; text-align:center}
	.overview .txtBox {width:100%; font-size:1.8vw; margin-top:4vw}

	.overview .exhibit_itmesUl li {margin-right:0.7vw}
	.overview .exhibit_itmesUl .crc img {height:11.9vw}
	.overview .exhibit_itmesUl .txt {font-size:1.8vw}

	.overview .txtBox dl dt, .txtBox dl dd {padding:1vw 0 1.5vw;}
	.overview .txtBox dt.tlt:before {width:0.5vw; height:0.5vw; margin-right:1vw; margin-bottom:0.5vw;}

	.stxt {font-size:1.6vw;}

	.down_btn a {max-width:37.2vw; height:5.5vw; line-height:5.7vw; margin:0 auto 1vw; border-radius:5vw; font-size:2vw;}
	.down_btn i {font-size:2.2vw}


	.whyBox {margin-top:7vw; height:auto; padding:7vw 9vw;}
	.whyBox p {font-size:4.2vw; margin-bottom:1vw;}
	.whyBox dl {font-size:2vw;}
	.whyBox dl dt, .whyBox dl dd {margin-top:4vw;}
	.whyBox dl dt {margin-right:3vw;}
	.whyBox dl dt img {width:auto; height:6vw}
	.whyBox .txt p {font-size:2.4vw; margin-bottom:0.7vw;}

	.withBox {margin-top:7vw; padding:4vw 4vw 2vw;}
	.withBox .txt {margin:4vw auto; height:6.5vw; line-height:6.5vw; border-radius:5vw; font-size:2.2vw;}
}

@media all and (max-width:768px) {
	.intro .imgBox img {height:13.5vw}
	.intro p {font-size:3vw; margin-top:4vw; margin-bottom:7vw;}
	.intro:after {width:6vw; height:0.7vw}

	.overview {margin-top:8vw;}
	.overview .txtBox {font-size:2.8vw; margin-top:5vw}

	.overview .exhibit_itmesUl li {margin-right:1vw}
	.overview .exhibit_itmesUl .crc img {height:12.9vw}
	.overview .exhibit_itmesUl .txt {font-size:2.8vw}

	.overview .txtBox dl dt, .txtBox dl dd {padding:2vw 0 2.5vw;}
	.overview .txtBox dt.tlt:before {width:0.7vw; height:0.7vw; margin-right:2vw; margin-bottom:0.7vw;}
	.overview .txtBox dt {width:20%;}
	.overview .txtBox dd {width:80%;}

	.overview .txtBox .crc_dl dt, .txtBox .crc_dl dd {display:block; width:100%}

	.stxt {font-size:2.6vw;}

	.down_btn a {max-width:55vw; height:8.5vw; line-height:8.7vw; margin-bottom:2vw; border-radius:6vw; font-size:3vw;}
	.down_btn i {font-size:3.2vw}


	.whyBox {margin-top:8vw; padding:8vw 6vw;}
	.whyBox p {font-size:5.2vw; margin-bottom:2vw;}
	.whyBox dl {font-size:3vw; display:flex;}
	.whyBox dl dt, .whyBox dl dd {margin-top:5vw; float:none}
	.whyBox dl dt {margin-right:4vw;}
	.whyBox dl dt img {height:7vw}
	.whyBox .txt p {font-size:3.4vw; margin-bottom:0.9vw;}

	.withBox {margin-top:8vw; padding:5vw 5vw 3vw;}
	.withBox .pc_img {display:none}
	.withBox .mob_img {display:block}
	.withBox .txt {margin:5vw auto; padding:3vw; height:auto; line-height:auto; border-radius:2vw; line-height:1.3em; font-size:3vw;}
	.withBox .txt .bk {display:block}
}

@media all and (max-width:480px) {
	.intro .imgBox img {height:15.5vw}
	.intro p {font-size:4vw; margin-top:5vw; margin-bottom:8vw;}
	.intro:after {width:7vw; height:0.9vw}

	.overview {margin-top:9vw;}
	.overview .txtBox {font-size:3.8vw; margin-top:6vw}

	.overview .exhibit_itmesUl li {margin-right:1.3vw}
	.overview .exhibit_itmesUl .crc img {height:13.9vw}
	.overview .exhibit_itmesUl .txt {font-size:3vw}

	.overview .txtBox dl dt, .txtBox dl dd {float:none;}
	.overview .txtBox dt.tlt:before {width:0.9vw; height:0.9vw; margin-right:3vw; margin-bottom:0.9vw;}
	.overview .txtBox dt {width:100%; padding-bottom:0vw !important}
	.overview .txtBox dd {width:100%; padding-top:1vw}

	.stxt {font-size:3.6vw;}

	.down_btn a {max-width:86vw; height:11.5vw; line-height:11.7vw; margin-bottom:3vw; border-radius:6vw; font-size:4vw;}
	.down_btn i {font-size:4.2vw}


	.whyBox {margin-top:9vw; padding:9vw 5vw;}
	.whyBox p {font-size:6.2vw; margin-bottom:3vw;}
	.whyBox dl {font-size:4vw;}
	.whyBox dl dt, .whyBox dl dd {margin-top:6vw;}
	.whyBox dl dt {margin-right:3vw;}
	.whyBox dl dt img {height:8vw}
	.whyBox .txt p {font-size:4.2vw; margin-bottom:1.1vw;}

	.withBox {margin-top:9vw; padding:6vw 5vw 4vw;}
	.withBox .txt {margin:6vw auto; padding:4vw; border-radius:3vw; font-size:3.5vw;}
}


/*참가안내*/
.application_orderBox {position:relative; background:#f7f7f7; border:1px solid #eee; padding:40px; text-align:center}
.application_orderBox .application_orderUl li {position:relative; display:inline-block; vertical-align:top; margin-right:105px;}
.application_orderBox .application_orderUl li:last-child {margin-right:0}
.application_orderBox .application_orderUl li:after {content:""; display:inline-block; position:absolute; top:40px; right:-75px; width:24px; height:42px; background:url(/images/sub/application_order_arrow.png) no-repeat 0 0; background-size:100% 100%}
.application_orderBox .application_orderUl li:last-child:after {display:none}
.application_orderBox .application_orderUl .txtBox {margin-top:20px}
.application_orderBox .application_orderUl .txtBox .tlt {font-size:20px; line-height:1.3em; font-weight:500}
.application_orderBox .application_orderUl .txtBox .txt {font-size:15px; line-height:1.3em; color:#6d6d6d; margin-top:10px}

@media all and (max-width:1220px) {
	.application_orderBox .application_orderUl li {margin-right:80px;}
	.application_orderBox .application_orderUl li:after {right:-65px}
}

@media all and (max-width:1024px) {
	.application_orderBox {padding:4vw;}
	.application_orderBox .application_orderUl li {margin-right:8vw}
	.application_orderBox .application_orderUl li:after {top:4vw; right:-6.5vw; width:2.4vw; height:4.2vw;}
	.application_orderBox .application_orderUl .imgBox img {height:7.6vw}
	.application_orderBox .application_orderUl .txtBox {margin-top:2vw}
	.application_orderBox .application_orderUl .txtBox .tlt {font-size:2vw;}
	.application_orderBox .application_orderUl .txtBox .txt {font-size:1.5vw; margin-top:1vw}
}

@media all and (max-width:768px) {
	.application_orderBox {padding:5vw 5vw 0 5vw;}
	.application_orderBox .application_orderUl li {margin-right:0; margin-bottom:6vw; width:48%}
	.application_orderBox .application_orderUl li:nth-child(2n) {margin-right:0}
	.application_orderBox .application_orderUl li:after {top:5vw; right:0vw; width:3vw; height:4.8vw;}
	.application_orderBox .application_orderUl li:nth-child(2n):after {display:none}
	.application_orderBox .application_orderUl .imgBox img {height:9.6vw}
	.application_orderBox .application_orderUl .txtBox {margin-top:3vw}
	.application_orderBox .application_orderUl .txtBox .tlt {font-size:3vw;}
	.application_orderBox .application_orderUl .txtBox .txt {font-size:2.5vw; margin-top:2vw}
}

@media all and (max-width:480px) {
	.application_orderBox {padding:5vw 3vw 0 5vw;}
	.application_orderBox .application_orderUl li {margin-bottom:7vw; width:49.2%}
	.application_orderBox .application_orderUl li:after {top:2vw; right:-3vw; width:4vw; height:5.8vw;}
	.application_orderBox .application_orderUl .imgBox img {height:11.6vw}
	.application_orderBox .application_orderUl .txtBox {margin-top:4vw}
	.application_orderBox .application_orderUl .txtBox .tlt {font-size:4vw;}
	.application_orderBox .application_orderUl .txtBox .txt {font-size:3.5vw; margin-top:3vw}
}


/*부대행사&이벤트*/
.eventBox .eventUl {text-align:center; border-top:2px solid #333; padding-top:30px}
.eventBox .eventUl li {display:inline-block; vertical-align:top; width:33%; margin:0 -2px 30px; padding:0 1% 30px; border-bottom:1px solid #ddd}
.eventBox .eventUl li img {max-width:100%}
.eventBox .eventUl a {cursor:pointer}

.eventBox .eventUl02 {text-align:left; border-bottom:1px solid #ddd}
.eventBox .eventUl02 li {border-bottom:0; padding-bottom:0 !important}

@media all and (max-width:1024px) {
	.eventBox .eventUl {border-width:0.2vw; padding-top:3vw}
	.eventBox .eventUl li {margin-bottom:3vw; padding-bottom:3vw}
}

@media all and (max-width:768px) {
	.eventBox .eventUl {border-width:0.4vw; padding-top:4vw}
	.eventBox .eventUl li {width:48.8%; margin-bottom:4vw; padding:0 1.5% 4vw}
	.eventBox .eventUl li:nth-child(2n) {margin-right:0}
}

@media all and (max-width:480px) {
	.eventBox .eventUl {border-width:0.6vw; padding-top:5vw}
	.eventBox .eventUl li {margin-bottom:5vw; padding-bottom:5vw}
}


/* --------------------------------------------------갤러리-------------------------------------------------- */
.grid {overflow:hidden}
.grid > li {position:relative; width:32%; margin:0 2% 2.3% 0 !important; border:1px solid #ddd; box-sizing:border-box}
.grid li:hover {border-color:#587252}
.grid li:nth-child(3n) {margin-right:0 !important}
.grid li .item_img {position:relative; width:100%; height:300px; overflow:hidden;}
.grid li .item_img img {width:100%; height:100%;}
.grid li .item_txtbox {padding:25px 20px; height:160px; text-align:center}
.grid li .item_tlt {font-size:18px; color:#212121; font-weight:600; margin-bottom:15px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.grid li .item_data {color:#888; font-size:14px; line-height:1.5em}

@media screen and (max-width:1420px){
	.grid li .item_img {height:20vw}
}

@media screen and (max-width:1024px){
	.grid li .item_img {height:30vw}
	.grid li .item_txtbox {padding:2.5vw 2vw; height:16vw}
	.grid li .item_tlt {font-size:1.8vw; margin-bottom:1.5vw; line-height:1.4em}
	.grid li .item_data {font-size:1.4vw;}
	
}

@media screen and (max-width:768px){
	.grid  > li, .grid li:nth-child(3n) {width:49% !important; margin-right:2% !important}
	.grid li:nth-child(2n) {margin-right:0 !important}

	.grid li .item_img {height:33vw}
	.grid li .item_txtbox {padding:3.5vw 3vw; height:26vw}
	.grid li .item_tlt {font-size:2.8vw; margin-bottom:2.5vw;}
	.grid li .item_data {font-size:2.4vw;}
}

@media screen and (max-width:480px){
	.grid li .item_img {height:36vw}
	.grid li .item_txtbox {padding:4.5vw 4vw; height:36vw}
	.grid li .item_tlt {font-size:3.8vw; margin-bottom:3.5vw;}
	.grid li .item_data {font-size:3.4vw;}
}

/*이벤트 이미지확대*/
.sample_image {overflow: hidden;}
.sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.sample_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}