@charset "utf-8";

/*-----------------------------------------------타이틀-----------------------------------------------*/
h3 {font-size:40px; color:#232326; text-align:center; font-weight:600; margin-bottom:45px; line-height:1.5em;}

h4 {font-size:30px; color:#27348b; font-weight:700; line-height:1.3em; margin-bottom:30px;}
h4.bottom0 {border-bottom:0; margin-bottom:10px;}
h4 p {font-size:0.6em; line-height:1.3em; display:inline-block;}

h5 {font-size:26px; color:#25257d; font-weight:700; line-height:1em; margin-bottom:20px;}
h5 p{font-size:18px; color:#666; font-weight:500;  line-height:1em; margin-top:5px;}

/*스크롤*/
.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){
	h3 {font-size:4vw; margin-bottom:4.5vw;}

	h4 {font-size:3vw; border-width:0.4vw; margin-bottom:3vw;}
	h4.bottom0 {margin-bottom:2vw;}
}

@media screen and (max-width:768px){
	h3 {font-size:5vw; margin-bottom:4.5vw;}

	h4 {font-size:4vw; border-width:0.6vw; margin-bottom:4vw;}
	h4.bottom0 {margin-bottom:3vw;}

	h5 {font-size:18px; line-height:1.4em; margin-bottom:15px;}
	h5 p{font-size:14px;}

	/*스크롤*/
	.tb-scroll .mscroll {overflow-x:scroll;width:auto;}
	.tb-scroll .mscroll table{width:700px;}

	.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){
	h3 {font-size:6vw; margin-bottom:5.5vw;}

	h4 {font-size:5vw; border-width:0.7vw; margin-bottom:5vw;}
	h4.bottom0 {margin-bottom:4vw;}

	h5 {font-size:16px; margin-bottom:10px;}
	h5 p{font-size:12px;}

	.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;}
}


/*-----------------------------------------------블릿-----------------------------------------------*/
/*블릿*/
.bul01 {font-size:18px;}
.bul01 > li{color:#222; margin-bottom:8px; padding-left:15px;}
.bul01 > li:before {content:""; display:inline-block; width:8px; height:2px; margin-right:7px; vertical-align: middle; background:#27348b; margin-left:-15px;}

.bul02 {font-size:15px;}
.bul02 > li{color:#2b2b2; padding-left:13px; margin-bottom:8px}
.bul02 > li:before {content:""; display:inline-block; width:4px; height:4px; margin-right:8px; vertical-align: middle; background:#27348b; margin-left:-12px;}
.bul02 span {font-size:11px; color:#999; padding-right:3px;}

.num_ul > li {margin-bottom:10px; margin-left:22px;}
.num_ul > li .num {width:30px; height:30px; line-height:30px; margin-left:-22px; margin-right:11px; vertical-align:middle; text-align:center; color:#fff; background:#27348b; display:inline-block; border-radius:50%}

.bul03 > li {margin-top:5px;padding-left:22px;}
.bul03 > li:before {content:"\2460"; display:inline-block; margin-right:5px; vertical-align: top; margin-left:-20px;}

.bul03_2 {font-size:0.9em; margin-top:5px;}
.bul03_2 > li {margin-bottom:5px;padding-left:4px;}
.bul03_2 > li:before {content:""; display:inline-block; width:4px; height:1px; margin-right:5px; vertical-align: middle; background:#333; margin-left:-10px;}

@media screen and (max-width:1024px){
	/*블릿*/
	.bul01 {font-size:1.8vw;}
	.bul01 > li {margin-bottom:0.8vw; padding-left:1.5vw;}
	.bul01 > li:before {width:0.8vw; height:0.2vw; margin-right:0.7vw; margin-left:-1.5vw;}

	.bul02 {font-size:1.5vw;}
	.bul02 > li{padding-left:1.5vw; margin-bottom:0.8vw}
	.bul02 > li:before {width:0.4vw; height:0.4vw; margin-right:0.7vw; margin-left:-1.5vw;}
	.bul02 span {font-size:1.1vw; padding-right:0.3vw;}

	.num_ul > li {margin-bottom:1vw; margin-left:2.2vw;}
	.num_ul > li .num {width:3vw; height:3vw; line-height:3vw; margin-left:-2.2vw; margin-right:1.1vw;}

	.bul03 > li {margin-top:0.5vw;padding-left:2.2vw;}
	.bul03 > li:before {margin-right:0.5vw; margin-left:-2vw;}

	.bul03_2 {font-size:0.9em; margin-top:0.5vw;}
	.bul03_2 > li {margin-bottom:0.5vw;padding-left:0.4vw;}
	.bul03_2 > li:before {width:0.4vw; margin-right:0.5vw; margin-left:-1vw;}
}

@media screen and (max-width:768px){
	/*블릿*/
	.bul01 {font-size:2.8vw;}
	.bul01 > li {margin-bottom:1vw; padding-left:2.5vw;}
	.bul01 > li:before {width:1vw; height:0.4vw; margin-right:0.9vw; margin-left:-1.7vw;}

	.bul02 {font-size:2.5vw;}
	.bul02 > li{padding-left:2.5vw; margin-bottom:1vw}
	.bul02 > li:before {width:0.6vw; height:0.6vw; margin-right:0.9vw; margin-left:-1.7vw;}
	.bul02 span {font-size:2.1vw; padding-right:0.5vw;}

	.num_ul > li {margin-bottom:2vw; margin-left:3.2vw;}
	.num_ul > li .num {width:5vw; height:5vw; line-height:5vw; margin-left:-3.2vw; margin-right:2.1vw;}

	.bul03 > li {margin-top:0.7vw;padding-left:3.2vw;}
	.bul03 > li:before {margin-right:0.7vw; margin-left:-2.2vw;}

	.bul03_2 {font-size:0.9em; margin-top:0.7vw;}
	.bul03_2 > li {margin-bottom:0.7vw;padding-left:0.6vw;}
	.bul03_2 > li:before {width:0.6vw; margin-right:0.7vw; margin-left:-1.2vw;}
}

@media screen and (max-width:480px){
	/*블릿*/
	.bul01 {font-size:3.8vw;}
	.bul01 > li {margin-bottom:1.2vw; padding-left:3.5vw;}
	.bul01 > li:before {width:1.2vw; height:0.6vw; margin-right:1.1vw; margin-left:-1.9vw;}

	.bul02 {font-size:3.5vw;}
	.bul02 > li{padding-left:3.5vw; margin-bottom:1.2vw}
	.bul02 > li:before {width:0.8vw; height:0.8vw; margin-right:1.1vw; margin-left:-1.9vw;}
	.bul02 span {font-size:3.1vw; padding-right:0.7vw;}

	.num_ul > li {margin-bottom:3vw; margin-left:4.2vw;}
	.num_ul > li .num {width:7vw; height:7vw; line-height:7vw; margin-left:-4.2vw; margin-right:3.1vw;}

	.bul03 > li {margin-top:0.9vw;padding-left:4.2vw;}
	.bul03 > li:before {margin-right:0.9vw; margin-left:-2.4vw;}

	.bul03_2 {font-size:0.9em; margin-top:0.9vw;}
	.bul03_2 > li {margin-bottom:0.9vw;padding-left:0.8vw;}
	.bul03_2 > li:before {width:0.8vw; margin-right:0.9vw; margin-left:-1.4vw;}
}


/*서브 타이틀*/
.sub_tltBox .tltBox {font-size:30px; color:#25257c; font-weight:700; margin-bottom:35px; line-height:1.3em}
.sub_tltBox .tltBox:after {content:""; display:inline-block; vertical-align:middle; width:11px; height:30px; background:url(/share/img/sub/tlt_line01_1.png) no-repeat 0 0; background-size:100% 100%; margin-left:8px}

@media screen and (max-width:1024px){
	.sub_tltBox .tltBox {font-size:3vw; margin-bottom:3.5vw;}
	.sub_tltBox .tltBox:after {width:1.1vw; height:3vw; margin-left:0.8vw}
}

@media screen and (max-width:768px){
	.sub_tltBox .tltBox {font-size:4vw; margin-bottom:4.5vw;}
	.sub_tltBox .tltBox:after {width:2.1vw; height:4vw; margin-left:1vw}
}

@media screen and (max-width:480px){
	.sub_tltBox .tltBox {font-size:5vw; margin-bottom:5.5vw;}
	.sub_tltBox .tltBox:after {width:3.1vw; height:5vw; margin-left:2vw}
}


/*공용*/
.downBox {position:relative; display:inline-block; font-size:18px; color:#b08662; font-weight:700; padding:11px 77px 11px 37px;; border-radius:50px; border:2px solid #b08662}
.downBox:after {content:""; display:inline-block;  position:absolute; top:50%; transform: translateY(-50%); right:34px; width:21px; height:21px; background:url(/share/img/sub/down_arrow.png) no-repeat 0 0; background-size:100% 100%;}
.link_arrow:after {top:52%; width:18px; height:15px; background:url(/share/img/sub/link_arrow.png) no-repeat 0 0; background-size:100% 100%;}


.overviewBox {position:relative; display:flex;}
.overviewBox .lBox {width:380px}
.overviewBox .rBox {margin-left:auto; width:780px}

.table_st01 {border-top:3px solid #25257c;}
.table_st01 table {width:100%}
.table_st01 th, .table_st01 td {padding:14px 20px; line-height:1.5em; vertical-align:top;}
.table_st01 tr {border-bottom:1px solid #d4d4d4}
.table_st01 th {font-size:20px; font-weight:500; color:#25257c; display: flex; justify-content: space-between; vertical-align:middle;}
.table_st01 td {width:83%; font-size:16px;}

.table_st02 table {border-top:3px solid #25257c; width:100%}
.table_st02 thead th, .table_st02 tbody th {background:#f9f9f9; font-size:18px; color:#25257c; vertical-align:middle;}
.table_st02 th, .table_st02 td {padding:14px 20px; line-height:1.5em; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:16px; vertical-align:middle;}
.table_st02 td.va_t {vertical-align:top !important;}
.table_st02 td.bg {background:#f9f9f9; font-weight:bold; text-align:center;}
.table_st02 th:last-child, .table_st02 td:last-child {border-right:0}
.table_st02 .line_r {border-right:1px solid #d4d4d4 !important}


@media screen and (max-width:1220px){
	.overviewBox .lBox {width:32%}
	.overviewBox .rBox {width:66%}
}

@media screen and (max-width:1024px){
	.downBox {font-size:1.8vw; padding:1.1vw 7.7vw 1.1vw 3.7vw;; border-radius:5vw;}
	.downBox:after {right:3.4vw; width:2.1vw; height:2.1vw}
	.link_arrow:after {width:1.8vw; height:1.5vw;}

	.overviewBox {display:block;}
	.overviewBox .lBox {width:100%}
	.overviewBox .rBox {width:100%}

	.table_st01 table {border-top-width:0.3vw}
	.table_st01 th, .table_st01 td {padding:1.4vw 2vw;}
	.table_st01 th {font-size:2vw}
	.table_st01 td {width:83%; font-size:1.6vw;}

	.table_st02 table {border-top-width:0.3vw}
	.table_st02 thead th, .table_st02 tbody th {font-size:1.8vw}
	.table_st02 th, .table_st02 td {padding:1.4vw 2vw; font-size:1.6vw}
}

@media screen and (max-width:768px){
	.downBox {font-size:2.8vw; padding:1.8vw 10.7vw 1.8vw 4.7vw;; border-radius:6vw;}
	.downBox:after {right:4.4vw; width:3.1vw; height:3.1vw}
	.link_arrow:after {width:2.8vw; height:2.5vw;}

	.table_st01 table {border-top-width:0.5vw}
	.table_st01 th, .table_st01 td {padding:2.4vw 3vw;}
	.table_st01 th {font-size:2.6vw}
	.table_st01 td {width:70%; font-size:2.4vw;}

	.table_st02 table {border-top-width:0.5vw}
	.table_st02 thead th, .table_st02 tbody th {font-size:2.6vw}
	.table_st02 th, .table_st02 td {padding:2.4vw 3vw; font-size:2.4vw}
}

@media screen and (max-width:480px){
	.downBox {font-size:3.8vw; padding:2.8vw 12.7vw 2.8vw 5.7vw;; border-radius:7vw;}
	.downBox:after {right:5.4vw; width:4.1vw; height:4.1vw}
	.link_arrow:after {width:3.8vw; height:3.5vw;}

	.table_st01 table {border-top-width:0.7vw}
	.table_st01 th, .table_st01 td {padding:3.4vw 4vw;}
	.table_st01 th {font-size:3.6vw}
	.table_st01 td {width:70%; font-size:3.4vw;}

	.table_st02 table {border-top-width:0.7vw}
	.table_st02 thead th, .table_st02 tbody th {font-size:3.6vw}
	.table_st02 th, .table_st02 td {padding:3.4vw 4vw; font-size:3.4vw}
}



/*-----------------------------------------------BIBS-----------------------------------------------*/
/*행사개요*/
.sub01_1 .sec01 .tlt {font-size:31px; margin-bottom:25px}
.sub01_1 .sec01 .txt {font-size:16px; color:#2c2c2c}

.sub01_1 .item_listUl li {display:inline-block; vertical-align:top; margin:0 15px 35px 0}
.sub01_1 .item_listUl li:nth-child(4n) {margin-right:0}
.sub01_1 .item_listUl li:nth-child(n+5) {margin-bottom:0}

.sub01_1 .overviewBox .lBox {opacity:0;}
.sub01_1 .overviewBox .rBox {opacity:0;}


/*이펙트*/
.sub01_1 .active .overviewBox .lBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}
.sub01_1 .active .overviewBox .rBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-left 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}


@media screen and (max-width:1220px){
	.sub01_1 .item_listUl li {margin-right:5px}
	.sub01_1 .item_listUl img {height:148px}
}

@media screen and (max-width:1024px){
	.sub01_1 .sec01 .tlt {font-size:3.1vw; margin-bottom:2.5vw}
	.sub01_1 .sec01 .txt {font-size:1.6vw;}

	.sub01_1 .item_listUl li {margin:0 1.5vw 3.5vw 0}
	.sub01_1 .item_listUl li:nth-child(4n) {margin-right:0}
	.sub01_1 .item_listUl li:nth-child(n+5) {margin-bottom:0}
	.sub01_1 .item_listUl img {height:17.3vw;}
}

@media screen and (max-width:768px){
	.sub01_1 .sec01 .tlt {font-size:4.1vw; margin-bottom:3.5vw}
	.sub01_1 .sec01 .txt {font-size:2.4vw;}

	.sub01_1 .item_listUl li {margin:0 0 4.5vw 0; width:24.5%; text-align:center}
	.sub01_1 .item_listUl li:nth-child(4n) {margin-right:0}
	.sub01_1 .item_listUl li:nth-child(n+5) {margin-bottom:0}
	.sub01_1 .item_listUl img {height:auto; width:90%}
}

@media screen and (max-width:480px){
	.sub01_1 .sec01 .tlt {font-size:5vw; margin-bottom:4.5vw}
	.sub01_1 .sec01 .txt {font-size:3.4vw;}

	.sub01_1 .item_listUl li, .sub01_1 .item_listUl li:nth-child(4n) {margin:0 0 4vw 0; width:32%;}
	.sub01_1 .item_listUl li:nth-child(3n) {margin-right:0}
	.sub01_1 .item_listUl li:nth-child(n+7) {margin-bottom:0}
	.sub01_1 .item_listUl img {height:auto; width:95%}
}

/*참가업체리스트(게시판)*/
.sub01_4 .sec01 {overflow:hidden; margin-bottom:50px;}
.sub01_4 .sec01 .imgBox {float:left; width:40%; border:1px solid #ccc; padding:3% 0; min-height:200px; display:flex; align-items:center; justify-content:center;}
.sub01_4 .sec01 .imgBox img {max-width:80%;}
.sub01_4 .sec01 .txtBox {float:right; width:56%; font-size:18px; letter-spacing:-0.03em; line-height:1.2em;}
.sub01_4 .sec01 .txtBox .tltimg {margin-bottom:20px; font-size:34px; color:#004886 !important; line-height:1.2em;}

.sub01_4 .sec01 .txtBox dl {overflow:hidden;}
.sub01_4 .sec01 .txtBox dl dd{padding:0 0 10px;}
.sub01_4 .sec01 .txtBox dt {float:left; width:17%; font-weight:700; color:#004886; letter-spacing:1.7em;}
.sub01_4 .sec01 .txtBox dd {float:left; width:100%;}

.sub01_4 .sec01 .txtBox .cate {display:inline-block; padding:5px 15px; font-size:16px; background:#666; color: #fff; font-weight: bold; border-radius:50px; margin-bottom:15px;}

.contBox {padding:40px;}
.contBox_bg {background:#eee;}
.booth_no {font-size:22px; font-weight:700; padding:15px 10px;}

.sub01_4 .sec04Ul {overflow:hidden}
.sub01_4 .sec04Ul > li a{position:relative; float:left; width:24.25%; margin:0 1% 3% 0; overflow:hidden;}
.sub01_4 .sec04Ul > li a:nth-child(4n) {margin-right:0}
.sub01_4 .sec04Ul > li a img{border:1px solid #ccc;}
.sub01_4 .sec04Ul > li p{text-align:center; margin-top:10px; height:50px; overflow:hidden; text-overflow:ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
.sub01_4 .sec04Ul > li .img {}
.sub01_4 .sec04Ul img {width:100%}

@media screen and (max-width:1300px){
	.sub01_4 .sec01 {margin-bottom:40px;}
	.sub01_4 .sec01 .txtBox {font-size:17px;}
	.sub01_4 .sec01 .txtBox .tltimg {margin-bottom:20px;}
}

@media screen and (max-width:1200px){
	.sub01_4 .sec01 .imgBox, .sub01_4 .sec01 .txtBox {float:none; width:100%;}
	.sub01_4 .sec01 .txtBox {margin-top:40px;}
	.sub01_4 .sec01 .txtBox .tltimg {margin-bottom:15px; font-size:32px;}

	.sub01_4 .sec01 .txtBox dt{float:left; width:14%;}
	.sub01_4 .sec01 .txtBox dd{float:left; width:100%;}

	.booth_no {font-size:20px;}
}

@media screen and (max-width:768px){
	.sub01_4 .sec01 {margin-bottom:30px;}
	.sub01_4 .sec01 .txtBox {font-size:16px; margin-top:30px;}
	.sub01_4 .sec01 .txtBox .tltimg {margin-bottom:10px; font-size:4.2vw;}

	.sub01_4 .sec01 .txtBox dt{float:left; width:19%;}
	.sub01_4 .sec01 .txtBox dd{float:left; width:100%;}

	.contBox {padding:30px;}
	.booth_no {font-size:18px;}

	.sub01_4 .sec04Ul > li a{width:49%; margin:0 2% 3% 0; }
	.sub01_4 .sec04Ul > li a:nth-child(2n) {margin-right:0}
}

@media screen and (max-width:480px){
	.sub01_4 .sec01 {margin-bottom:20px;}
	.sub01_4 .sec01 .imgBox {min-height:150px;}
	.sub01_4 .sec01 .txtBox {font-size:14px; margin-top:30px;}
	.sub01_4 .sec01 .txtBox .tltimg {margin-bottom:4vw; font-size:5.5vw;}

	.sub01_4 .sec01 .txtBox dt{float:left; width:25%;}
	.sub01_4 .sec01 .txtBox dd{float:left; width:100%;}

	.contBox {padding:20px;}
	.booth_no {font-size:16px; padding:10px 5px;}

	.sub01_4 .sec04Ul > li {width:100%;}
}



/*-----------------------------------------------참가업체-----------------------------------------------*/
/*참가안내*/
.sub02_1 .sec01 .step_listUl li {position:relative; display:inline-block; vertical-align:top; border:1px solid #d4d4d4; border-top:3px solid #25257c; /*width:21%; margin-right:4.5%*/width:17%; margin-right:3.1%}
.sub02_1 .sec01 .step_listUl li:last-child {margin-right:0}
.sub02_1 .sec01 .step_listUl li:after {content:""; display:inline-block; width:16px; height:13px; position:absolute; top:50%; right:-18%; background:url(/share/img/sub/step_list_arrow.png) no-repeat 0 0; background-size:100% 100%}
.sub02_1 .sec01 .step_listUl li:last-child:after {display:none}

.sub02_1 .sec01 .step_listUl .tltBox {font-weight:700; padding:14px 15px; font-size:18px; color:#25257c; background:#f9f9f9; border-bottom:1px solid #d4d4d4;}
.sub02_1 .sec01 .step_listUl .txtBox {padding:14px 15px; height:80px; font-size:16px; line-height:1.5em}

.sub02_1 .sp_img img {height:150px;}


.sub02_1 .overviewBox .lBox {opacity:0;}
.sub02_1 .overviewBox .rBox {opacity:0;}


/*이펙트*/
.sub02_1 .active .overviewBox .lBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}
.sub02_1 .active .overviewBox .rBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-left 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}


@media screen and (max-width:1220px){
	.sub02_1 .sec01 .step_listUl .txtBox {font-size:14px}
}

@media screen and (max-width:1024px){
	.sub02_1 .sec01 .step_listUl li {border-top-width:0.3vw; /*width:21%; margin-right:4.5%*/width:17%; margin-right:3.1%}
	.sub02_1 .sec01 .step_listUl li:after {width:1.6vw; height:1.3vw; right:-18%;}

	.sub02_1 .sec01 .step_listUl .tltBox {padding:1.4vw 1.5vw; font-size:1.8vw;}
	.sub02_1 .sec01 .step_listUl .txtBox {padding:1.4vw 1.5vw; height:8vw; font-size:1.6vw}

	.sub02_1 .sp_img img {height:15vw;}
}

@media screen and (max-width:768px){
	.sub02_1 .sec01 .step_listUl li {border-top-width:0.5vw; width:47%; margin:0 5.2% 4vw 0}
	.sub02_1 .sec01 .step_listUl li:nth-child(2n) {margin-right:0}
	.sub02_1 .sec01 .step_listUl li:after {width:2.6vw; height:2.3vw; right:-9.5%;}
	.sub02_1 .sec01 .step_listUl li:nth-child(2n):after {display:none}

	.sub02_1 .sec01 .step_listUl .tltBox {padding:2.4vw 2.5vw; font-size:2.6vw;}
	.sub02_1 .sec01 .step_listUl .txtBox {padding:2.4vw 2.5vw; height:13vw; font-size:2.4vw}

	.sub02_1 .sp_img img {height:20vw;}
}

@media screen and (max-width:480px){
	.sub02_1 .sec01 .step_listUl li {border-top-width:0.7vw; width:47%; margin:0 5% 4vw 0}
	.sub02_1 .sec01 .step_listUl li:after {width:3.4vw; height:3.1vw; right:-11.5%;}

	.sub02_1 .sec01 .step_listUl .tltBox {padding:3.4vw 3.5vw; font-size:3.6vw;}
	.sub02_1 .sec01 .step_listUl .txtBox {padding:3.4vw 3.5vw; height:18vw; font-size:3.4vw}

	.sub02_1 .sp_img img {height:25vw;}
}


/*BIBS Awards*/
.awards_imgBox .flex_imgBox {display:flex; justify-content:center}
.awards_imgBox img {max-width:100%}
.awards_imgBox .flex_imgBox.img_wd2 img {max-width:50%}
.awards_imgBox .flex_imgBox.img_wd3 img {max-width:33.333%}

.awards_imgBox .flex_imgBox_a {display:flex; justify-content:center; width:100%}
.awards_imgBox .flex_imgBox_a img {width:100%}
.awards_imgBox .flex_imgBox_a.img_wd2 a {max-width:50%}
.awards_imgBox .flex_imgBox_a.img_wd3 a {max-width:33.333%}

@media screen and (max-width:768px){
	.awards_imgBox img {width:100%}
	.awards_imgBox .flex_imgBox.img_wd2 img {max-width:100%; width:50%}
	.awards_imgBox .flex_imgBox.img_wd3 img {max-width:100%; width:33.333%}
}


/*자주하는 질문*/
.qna_listBox {border-top:3px solid #25257d}
.qna_listBox > div {position:relative; word-break: break-all;}
.qna_listBox .qna_tlt {font-size:18px; padding:20px 20px 20px 70px; border-bottom:1px solid #d4d4d4; cursor:pointer}
.qna_listBox .qna_tlt:before {content:"Q"; display:block; width:35px; height:35px; line-height:30px; background:#25257d; color:#fff; font-size:20px; text-align:center; font-weight:700; border-radius:50%; position:absolute; top:20px; left:20px;}

.qna_listBox .qna_txt {background:#f9f9f9; padding:25px 20px 25px 70px; border-bottom:1px solid #d4d4d4; font-size:16px; line-height:1.5em; display:none}
.qna_listBox .qna_txt:before {content:"A"; display:block; width:35px; height:35px; line-height:30px; background:#b08662; color:#fff; font-size:20px; text-align:center; font-weight:700; border-radius:50%; position:absolute; top:25px; left:20px;}


@media screen and (max-width:1024px){
	.qna_listBox {border-top-width:0.3vw}
	.qna_listBox .qna_tlt {font-size:1.8vw; padding:2vw 2vw 2vw 7vw;}
	.qna_listBox .qna_tlt:before, .qna_listBox .qna_txt:before {width:3.5vw; height:3.5vw; line-height:3vw; font-size:2vw; top:2vw; left:2vw;}
	.qna_listBox .qna_txt {padding:2.5vw 2vw 2.5vw 7vw; font-size:1.6vw}
}

@media screen and (max-width:768px){
	.qna_listBox {border-top-width:0.5vw}
	.qna_listBox .qna_tlt {font-size:2.8vw; padding:3vw 3vw 3vw 11vw;}
	.qna_listBox .qna_tlt:before, .qna_listBox .qna_txt:before {width:5.5vw; height:5.5vw; line-height:5vw; font-size:3vw; top:3vw; left:3vw;}
	.qna_listBox .qna_txt {padding:3.5vw 3vw 3.5vw 11vw; font-size:2.6vw}
}

@media screen and (max-width:480px){
	.qna_listBox {border-top-width:0.7vw}
	.qna_listBox .qna_tlt {font-size:3.8vw; padding:4vw 4vw 4vw 15vw;}
	.qna_listBox .qna_tlt:before, .qna_listBox .qna_txt:before {width:7.5vw; height:7.5vw; line-height:7vw; font-size:4vw; top:4vw; left:4vw;}
	.qna_listBox .qna_txt {padding:4.5vw 4vw 4.5vw 15vw; font-size:3.6vw}
}


/*-----------------------------------------------참관객-----------------------------------------------*/
/*관람안내*/
.sub03_1 .step_listUl li {position: relative; display:inline-block; vertical-align:top; margin:0 20px 35px 0}
.sub03_1 .step_listUl li.last {margin-right:0}
.sub03_1 .step_listUl li:after {content:"\f105"; display:inline-block; font-family: FontAwesome; font-size:30px;position:absolute; top:45%; right:-15px; color:#ccc; z-index:1;}
.sub03_1 .step_listUl li:last-child:after {display:none}
.sub03_1 .step_listUl2 li {margin-bottom:0 !important;}
.sub03_1 .step_listUl .tlt {display:block; font-size:1.1em; font-weight:700; letter-spacing:-0.05em; font-style:normal; margin-bottom:20px; color:#25257c; border:2px solid #25257c; border-radius:50px; padding:10px 50px 10px 40px;}
.sub03_1 .step_listUl .tlt2 {color:#b08662 !important; border:2px solid #b08662 !important;}

.loc_map {width:780px !important; height:400px !important}

@media screen and (max-width:1220px){
	.loc_map {width:100% !important;}
}

.tsBox {display:flex;flex-wrap:wrap;width:100%; margin-top:20px;}
.tsBox > li {position:relative;padding-left:0px;box-sizing:border-box;width:50%;padding-right:20px;margin-top:20px;}
.tsBox .tlt {display:block;font-size:1.111em;color:#25257c;font-weight:700;letter-spacing:-0.05em;font-style:normal;}
/*.tsBox .txt {display:block;font-size:0.944em;color:#333333;font-weight:400;letter-spacing:-0.05em;}*/
.tsBox > li.last:before {background-color:#124cb7;}

.sub03_1 .overviewBox .lBox {opacity:0;}
.sub03_1 .overviewBox .rBox {opacity:0;}


/*이펙트*/
.sub03_1 .active .overviewBox .lBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}
.sub03_1 .active .overviewBox .rBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-left 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}

@media screen and (max-width:1220px){
	.sub03_1 .step_listUl li {margin-right:10px}
	.sub03_1 .step_listUl img {height:13vw;}
	.sub03_1 .step_listUl li:after {font-size:24px; top:43%; right:-10px;}
}

@media screen and (max-width:1024px){
	.sub03_1 .step_listUl li {margin:0 1.5vw 3.5vw 0}
	.sub03_1 .step_listUl img {height:17.3vw;}
	.sub03_1 .step_listUl li:after {font-size:26px; top:43%; right:-12px;}
	.sub03_1 .step_listUl .tlt {margin-bottom:15px; padding:1.1vw 7.7vw 1.1vw 3.7vw; border-radius:5vw;}

	.tsBox {display:block; margin-top:30px;}
	.tsBox > li {width:100%;padding-right:0;}
}

@media screen and (max-width:768px){
	.sub03_1 .step_listUl li {margin:0 0 4.5vw 0; width:24.5%; text-align:center}
	.sub03_1 .step_listUl img {height:auto; width:90%}
	.sub03_1 .step_listUl li:after {font-size:24px; top:40%; right:-5px;}
	.sub03_1 .step_listUl2 li {margin-bottom:4.5vw !important;}
	.sub03_1 .step_listUl2 li:last-child {margin-bottom:0 !important;}
	.sub03_1 .step_listUl .tlt {margin-bottom:10px; padding:1.5vw 10.7vw 1.5vw 4.7vw; border-radius:6vw;}
}

@media screen and (max-width:480px){
	.sub03_1 .step_listUl li {margin:0 0 4vw 0; width:32%;}
	.sub03_1 .step_listUl li:nth-child(3n) {margin-right:0}
	.sub03_1 .step_listUl img {height:auto; width:95%}
	.sub03_1 .step_listUl .tlt {padding:2vw 12.7vw 2vw 5.7vw; border-radius:7vw;}
}


/*사전등록*/
.sub03_2 .sec01 {overflow:hidden}
.sub03_2 .borderBox {border: 5px solid #ddd; padding: 40px;} /*사전등록 완료 동시 적용*/
.sub03_2 .borderBox .tlt {font-size:34px; line-height:1.5em; margin-bottom:5px}
.sub03_2 .borderBox .txt {font-size:20px;}
.sub03_2 .borderBox img {width:150px;}

.sub03_2 .mgBox {height:80px; line-height:80px; width:100%; background:#3a5dab; font-size:25px; color:#fff; text-align:center;}
.sub03_2 .mgBox.navy {background:#202556;}

.gray_mgBox {height:80px; line-height:80px; width:100%; background:#666; font-size:25px; color:#fff; text-align:center;}


/*이펙트*/
.sub03_2 .sec01.active .borderBox {animation-fill-mode: both !important; animation: bounce-in-down 0.5s;animation-timing-function: ease-out; animation-delay:0.2s}
.sub03_2 .sec02.active, .sub02_2 .sec03.active, .sub02_2 .sec04.active, .sub02_2 .sec05.active, .sub02_2 .sec06.active {animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.2s}


@media screen and (max-width:768px){
	.gray_mgBox {height:60px; line-height:60px; font-size:20px}

	.sub03_2 .borderBox {padding:30px}
	.sub03_2 .borderBox .tlt {font-size:28px;}
	.sub03_2 .borderBox .txt {font-size:16px;}
	.sub03_2 .borderBox img {width:100px;}

	.sub03_2 .mgBox {height:60px; line-height:60px; font-size:20px}
}

@media screen and (max-width:480px){
	.gray_mgBox {height:50px; line-height:50px; font-size:16px}

	.sub03_2 .borderBox {padding:20px}
	.sub03_2 .borderBox .tlt {font-size:20px;}
	.sub03_2 .borderBox .txt {font-size:12px;}
	.sub03_2 .borderBox img {width:60px;}

	.sub03_2 .mgBox {height:50px; line-height:50px; font-size:16px}
}

.policy {float:left; padding:10px 0px 10px 20px; font-size:14px; font-weight:bold; color:#333;}
div.gain{display:block;  background:#f6f6f6; border:1px solid #ccc; overflow:hidden; margin-bottom:5px;}
span.gain_open{float:left; padding:10px 0px 10px 20px; font-size:14px; font-weight:bold; color:#333;}
span.gain_close{float:left; padding:10px 0px 10px 20px; font-size:14px; font-weight:bold; color:#333; }

span.gain_check{float:right; padding:10px 20px 10px 0; font-size:14px;}
p.gain_content{ font-size:12px; line-height:18px; padding:20px; border-top:1px dashed #ccc; clear:both; height:120px; overflow-y:scroll; background:#fff; }

div.take{display:block;  background:#f6f6f6; border:1px solid #ccc; overflow:hidden; margin-top:30px;}
span.take_open{float:left; padding:10px 0px 10px 20px; font-size:14px; font-weight:bold; color:#333;  width:600px; }
span.take_close{float:left; padding:10px 0px 10px 20px; font-size:14px; font-weight:bold; color:#333;  width:600px; }
span.take_check{float:right; padding:10px 20px 10px 0; font-size:14px;}
p.take_content{ font-size:12px; line-height:18px; padding:20px; border-top:1px dashed #ccc; clear:both; height:120px; overflow-y:scroll;  background:#fff;}

/*사전등록 조회*/
.prs_ckbox {position:relative; max-width:800px; margin:0 auto; border: 5px solid #ddd; padding:40px 0}
.prs_ckbox dl {width:80%; margin:0 auto;}
.prs_ckbox dt, .prs_ckbox dd {margin-bottom:10px; vertical-align:middle; height:50px; line-height:50px;}
.prs_ckbox dt {float:left; width:15%;}
.prs_ckbox dd {float:right; width:83%}

@media all and (max-width:768px) {
	.prs_ckbox {padding:4vw 0}
	.prs_ckbox dt {width:24%;}
	.prs_ckbox dd {width:74%}
}

/*숙박/관광*/
.sub03_5 .sec01 ul {overflow:hidden}
.sub03_5 .sec01 ul li {position:relative; float:left; width:48.5%; margin-right:2%;}
.sub03_5 .sec01 ul li:last-child {margin-right:0;}
.sub03_5 .sec01 ul li a {display:block; border:4px solid #ddd; border-radius:25px; height:280px; transition:all 0.3s; box-sizing:border-box;}
.sub03_5 .sec01 ul li:hover a {border-color:#b08662}
.sub03_5 .sec01 ul li .imgBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.sub03_5 .sec01 ul li .txt {font-size:20px; margin-top:20px; }

/*애니메이션*/
.sub03_5 .sec01 ul {animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.2s}

@media screen and (max-width:1220px){
	.sub03_5 .sec01 ul li a {height:23vw;}
	.sub03_5 .sec01 ul li img {height:8.77vw;}
	.sub03_5 .sec01 ul li .txt {font-size:1.64vw; margin-top:1.64vw;}
}

@media screen and (max-width:1024px){
	.sub03_5 .sec01 ul li a {height:27.4vw;}
	.sub03_5 .sec01 ul li img {height:10.449vw;}
	.sub03_5 .sec01 ul li .txt {font-size:1.953vw; margin-top:1.953vw;}
}

@media screen and (max-width:768px){
	.sub03_5 .sec01 ul li a {height:37vw;}
	.sub03_5 .sec01 ul li img {height:13.9vw;}
	.sub03_5 .sec01 ul li .txt {font-size:2.6vw;}
}

@media screen and (max-width:480px){
	.sub03_5 .sec01 ul li a {height:50vw;}
	.sub03_5 .sec01 ul li img {height:14vw;}
	.sub03_5 .sec01 ul li .txt {font-size:3.8vw; margin-top:3.8vw}
}


/*-----------------------------------------------갤러리 영역-----------------------------------------------*/
/*갤러리*/
.grid {position:relative; overflow:hidden}
.grid li {position:relative; float:left; width:32.333%; margin:0 1.3% 20px 0; border:1px solid #e8e8e8; box-sizing:border-box; overflow:hidden; transition:all 0.3s}
.grid li:nth-child(3n) {margin-right:0}
.grid li .item_img {position:relative; width:100%; height:215px; overflow:hidden;}
.grid li .item_img img {width:100%; height:100%;}
.grid li .item_txtbox {padding:20px 20px 30px;}
.grid li .item_tlt {color:#343434; font-size:18px; line-height:1.4em; font-weight:600; /*height:58px;*/ margin-bottom:10px; vertical-align:top; text-overflow: ellipsis; overflow:hidden}
.grid li .txt {color:#969292; font-size:14px; line-height:1.4em; font-weight:600; /*height:58px;*/ vertical-align:top; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; /* ellipsis line */ -webkit-box-orient: vertical;}
/*.grid li .item_data {color:#969292;margin-top:10px;}*/

.grid li:hover {border-color:#3a5dab}

@media screen and (max-width:768px){
	.grid li {width:48.333%; margin:0 1.3% 20px 0;}
	.grid li:nth-child(3n) {margin-right:1.3%}
	.grid li:nth-child(2n) {margin-right:0}

	.grid li .item_img {height:24vw;}

	.grid li .item_tlt {font-size:16px;}
	.grid li .txt {font-size:13px;}
}

@media screen and (max-width:480px){
	.grid li {width:100%; margin:0 0 20px 0;}
	.grid li:nth-child(3n) {margin-right:0}

	.grid li .item_img {height:55vw;}

	.grid li .item_tlt {font-size:14px;}
	.grid li .txt {font-size:12px;}
}

/*참가업체*/
.grid2 {position:relative; overflow:hidden}
.grid2 li {position:relative; float:left; width:24%; margin:0 1.3% 20px 0; border:1px solid #e8e8e8; box-sizing:border-box; overflow:hidden; transition:all 0.3s}
.grid2 li:nth-child(4n) {margin-right:0}
.grid2 li .item_img {position:relative; width:100%; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.grid2 li .item_img::after {display: block; content: ""; padding-bottom: 100%;}
.grid2 li .item_img img {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); max-width:90%; max-height:90%;}
.grid2 li .item_txtbox {padding:10px 20px 20px;}
.grid2 li .item_tlt {text-align:center; color:#000; font-size:18px; line-height:1.2em; font-weight:600; height:65px; vertical-align:top; text-overflow: ellipsis; overflow:hidden}
.grid2 li .txt {color:#969292; font-size:14px; line-height:1.4em; font-weight:600; /*height:58px;*/ vertical-align:top; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; /* ellipsis line */ -webkit-box-orient: vertical;}

.grid2 li:hover {border-color:#004886}

.in_txt {position:absolute; top:0; right:0; padding:5px 10px; background:#004886; color:#fff; z-index:1;}

@media screen and (max-width:1220px){
	.grid2 li .item_tlt {font-size:14px;}
}

@media screen and (max-width:768px){
	.grid2 li {width:48.333%; margin:0 1.3% 20px 0;}
	.grid2 li:nth-child(3n) {margin-right:1.3%}
	.grid2 li:nth-child(2n) {margin-right:0}

	.grid2 li .item_tlt {font-size:16px;}
	.grid2 li .txt {font-size:13px;}
}

@media screen and (max-width:480px){
	.grid2 li {width:100%; margin:0 0 20px 0;}
	.grid2 li:nth-child(3n) {margin-right:0}

	.grid2 li .item_tlt {font-size:14px; height:35px;}
	.grid2 li .txt {font-size:12px;}
}

/*이미지확대*/
a .sample_image {overflow: hidden;}
a .sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);ckark
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
a:hover .sample_image 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);
}


/*-----------------------------------------------회원가입-----------------------------------------------*/
/* 회원가입 약관 */
.join_tab {position:relative; width:50%; margin:0 auto 70px; overflow:hidden;}
.join_tab:after {content:""; display:block; width:100%; height:6px; background:#e2e2e2; position:absolute; top:60px; left:0; border-radius:50px; z-index:0}
.join_tab li {position:relative; display:inline-block; width:120px; font-family: 'GmarketSansMedium'; z-index:1}
.join_tab li:nth-child(1) {float:left;}
.join_tab li:nth-child(2) {margin:0 auto;}
.join_tab li:nth-child(3) {float:right;}

.join_tab .dongBox {width:120px; height:120px; border:6px solid #d2d2d2; color:#d2d2d2; border-radius:50%; background:#fff}
.join_tab img {margin-top:18px;}
.join_tab .num {font-size:23px; font-weight:700; margin-top:5px;}
.join_tab .txt {margin-top:10px; font-size:20px; }

.join_tab .on .txt {color:#27348b}
.join_tab .on .dongBox {animation: join_tab_on 1.7s; animation-iteration-count: infinite; animation-fill-mode: both;}

@keyframes join_tab_on
{
  0%{border-color:#27348b}
  25%{border-color:#e2e2e2}
  50%{border-color:#27348b}
  75%{border-color:#e2e2e2}
  100%{border-color:#27348b;}
}

#fregister_term .checkbox, #fregister_private .checkbox {margin:20px 20px 0 0;}

/*회원가입 - 휴대폰인증*/
div.table_box {width: 100%; border-top: 1px solid #999; border-bottom: 1px solid #999;}
div.table_box table.view_table01 { width: 100%;}
div.table_box table.type02.view_table01 > tbody > tr > th {width:20%; background: #fff;}
div.table_box table.view_table01 > tbody > tr > th, div.table_box table.view_table01 > thead > tr > th {width:20%; position: relative; padding: 10px 10px 10px 20px; border-top: 1px solid #e8e8e8; background: #f5f5f5; text-align: left; color:#666;font-weight: normal;}
div.table_box table.type02.view_table01 > tbody > tr > td {width:80%; padding: 18px 20px 19px 0;}
div.table_box table.view_table01 > tbody > tr > td {width:80%; position: relative;  padding: 15px 25px 15px; border-top: 1px solid #e8e8e8;}
div.table_box table.view_table01 textarea {min-height:100px;}
div.table_box table.view_table01 > tbody > tr > td ul li {display:inline-block; width:24.5%;}

.back_none {background:none !important;}

.alert {display: inline-block;color: #ff674e;text-align: left; margin-top:5px;}


/* 회원가입 완료 */
.reg_resulBox .txtBox {font-size:30px;}
.reg_resulBox .txtBox i {font-size:80px; margin-bottom:20px;}
.reg_resulBox #result_email {font-size:20px;}

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

@media screen and (max-width:1024px){
	/* 회원가입 약관 */
	.join_tab {margin:0 auto 7vw;}
	.join_tab:after {height:0.6vw;  top:6vw; left:0; border-radius:5vw;}
	.join_tab li {width:12vw;}

	.join_tab .dongBox {width:12vw; height:12vw; border-width:0.6vw;}
	.join_tab img {margin-top:1.8vw;}
	.join_tab .num {font-size:2.3vw; margin-top:0.5vw;}
	.join_tab .txt {margin-top:1vw; font-size:2vw;}

	#fregister_term .checkbox, #fregister_private .checkbox {margin:2vw 2vw 0 0;}

	/*회원가입 - 휴대폰인증*/
	div.table_box table.type02.view_table01 > tbody > tr > th {width:20%;}
	div.table_box table.view_table01 > tbody > tr > th, div.table_box table.view_table01 > thead > tr > th {width:20%; padding: 1vw 1vw 1vw 2vw;}
	div.table_box table.type02.view_table01 > tbody > tr > td {width:80%; padding: 1.8vw 2vw 1.9vw 0;}
	div.table_box table.view_table01 > tbody > tr > td {width:80%; padding: 1.5vw 2.5vw 1.5vw;}
	div.table_box table.view_table01 textarea {min-height:10vw;}
	div.table_box table.view_table01 > tbody > tr > td ul li {width:33%;}

	.alert {margin-top:0.5vw;}

	/* 회원가입 완료 */
	.reg_resulBox .txtBox {font-size:3vw;}
	.reg_resulBox .txtBox i {font-size:8vw; margin-bottom:2vw;}
	.reg_resulBox #result_email {font-size:2vw;}
}

@media screen and (max-width:768px){
	/* 회원가입 약관 */
	.join_tab {width:90%; margin:0 auto 8vw;}
	.join_tab:after {height:0.8vw;  top:7vw; left:0; border-radius:6vw;}
	.join_tab li {width:17vw;}

	.join_tab .dongBox {width:17vw; height:17vw; border-width:0.8vw;}
	.join_tab img {margin-top:2.8vw;}
	.join_tab .num {font-size:3.3vw; margin-top:0.7vw;}
	.join_tab .txt {margin-top:2vw; font-size:3vw;}

	#fregister_term .checkbox, #fregister_private .checkbox {margin:3vw 3vw 0 0;}

	/*회원가입 - 휴대폰인증*/
	div.table_box table.type02.view_table01 > tbody > tr > th {width:20%;}
	div.table_box table.view_table01 > tbody > tr > th, div.table_box table.view_table01 > thead > tr > th {width:20%; padding: 2vw 2vw 2vw 3vw;}
	div.table_box table.type02.view_table01 > tbody > tr > td {width:80%; padding: 2.8vw 3vw 2.9vw 0;}
	div.table_box table.view_table01 > tbody > tr > td {width:80%; padding: 2.5vw 3.5vw 2.5vw;}
	div.table_box table.view_table01 textarea {min-height:15vw;}
	div.table_box table.view_table01 > tbody > tr > td ul li {width:45%;}

	.alert {margin-top:0.7vw;}

	/* 회원가입 완료 */
	.reg_resulBox .txtBox {font-size:4vw;}
	.reg_resulBox .txtBox i {font-size:9vw; margin-bottom:3vw;}
	.reg_resulBox #result_email {font-size:3vw;}
}

@media screen and (max-width:480px){
	/* 회원가입 약관 */
	.join_tab {width:96%; margin:0 auto 9vw;}
	.join_tab:after {height:1vw;  top:8vw; left:0; border-radius:7vw;}
	.join_tab li {width:22vw;}

	.join_tab .dongBox {width:22vw; height:22vw; border-width:1vw;}
	.join_tab img {margin-top:3.8vw;}
	.join_tab .num {font-size:4.3vw; margin-top:0.9vw;}
	.join_tab .txt {margin-top:3vw; font-size:4vw;}

	#fregister_term .checkbox, #fregister_private .checkbox {margin:4vw 4vw 0 0;}

	/*회원가입 - 휴대폰인증*/
	div.table_box table.type02.view_table01 > tbody > tr > th {width:20%;}
	div.table_box table.view_table01 > tbody > tr > th, div.table_box table.view_table01 > thead > tr > th {width:20%; padding: 3vw 3vw 3vw 4vw;}
	div.table_box table.type02.view_table01 > tbody > tr > td {width:80%; padding: 3.8vw 4vw 3.9vw 0;}
	div.table_box table.view_table01 > tbody > tr > td {width:80%; padding: 3.5vw 4.5vw 3.5vw;}
	div.table_box table.view_table01 textarea {min-height:20vw;}
	div.table_box table.view_table01 > tbody > tr > td ul li {width:100%;}

	.alert {margin-top:0.9vw;}

	/* 회원가입 완료 */
	.reg_resulBox .txtBox {font-size:5vw;}
	.reg_resulBox .txtBox i {font-size:10vw; margin-bottom:4vw;}
	.reg_resulBox #result_email {font-size:4vw;}
}


/*-----------------------------------------------온라인 참가신청-----------------------------------------------*/
/*부스선택*/
.booth_ul {width:100%; position:relative; margin:0 auto;}
.booth_ul li {position:relative; display:inline-block; width:48.5%; margin:0 2% 1% 0; height:600px; background:#edefef; border-radius:10px; text-align:center;}
.booth_ul li:hover {box-shadow: 3px 10px 10px rgb(0,0,0,0.2); }
.booth_ul li:last-child {margin-right:0 !important;}
.booth_ul .box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.booth_ul .box .txt {font-size:18px; line-height:1.2em; color:#000; margin:0 30px 30px; padding:0 0 20px; border-bottom:1px solid #cacbcb;}
.booth_ul .box .txt .point {font-size:28px; font-weight:500; margin-bottom:10px;}

.booth_ul .icon1 {font-size:0.95em; margin:0 30px;}
.booth_ul .icon2 {margin-top:20px;}
.booth_ul .icon2 i {font-size:40px; color:#ef5122;}
.booth_ul .icon2 .fa-file-word-o {color:#295490 !important;}

@media all and (max-width:1200px) {
	.booth_ul li {width:48%; height:650px;}
	.booth_ul li:nth-child(2n) {margin-right:0 !important;}
	.booth_ul .box .txt { font-size:16px; margin:0 15% 30px; padding:0 0 20px;}
	.booth_ul .box .txt .point {font-size:26px; margin-bottom:10px;}

	.booth_ul .icon1 {margin:0 15%;}
	.booth_ul .icon2 {margin-top:15px;}
}

@media all and (max-width:768px) {
	.booth_ul {/*width:90%;*/}
	.booth_ul li {height:580px;}
	.booth_ul .box .txt { font-size:14px; margin:0 30px 15px; padding:0 0 10px;}
	.booth_ul .box .txt .point {font-size:20px; margin-bottom:5px;}

	.booth_ul .icon1 {font-size:12px; margin:0 30px;}
	.booth_ul .icon2 {margin-top:15px;}
	.booth_ul .icon2 i {font-size:36px;}
}

@media all and (max-width:480px) {
	.booth_ul li {display:block; width:100%; height:100px; margin-right:0; margin-bottom:4%; text-align:center;}
	.booth_ul li .box > div {display:inline-block; vertical-align:middle;}
	.booth_ul .box .txt {font-family:'GmarketSansMedium'; margin:30px 15px 25px; padding:0; border-bottom:none;}
	.booth_ul .box .bnl {display:inline-block;}

	.booth_ul li .box .icon1 {display:none;}
	.booth_ul .icon2 i{}
}

/*참가신청 메인*/
.ul_table01 {position:relative;}
.ul_table01 ul {display:table; overflow:hidden; width:100%;}
.ul_table01 li {position:relative; vertical-align: middle; margin-left:-4px;}

.ul_table01.tlt {border-top: 3px solid #25257c}
.ul_table01.tlt li {background:#f9f9f9; color: #25257c; font-weight: 700; padding:20px 0; display:table-cell; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1}
.ul_table01.tlt li:first-child, .ul_table01.txt li:first-child {border-left:0}

.ul_table01.txt li {padding:15px 0; display:table-cell; border-bottom:1px solid #ddd; border-left:1px solid #ddd}
.ul_table01.txt ul:nth-child(2n) {background:#f7f7fe}

.online_table.tlt li:nth-child(1) {width:10%;}
.online_table.tlt li:nth-child(2) {width:29%;}
.online_table.tlt li:nth-child(3) {width:24%;}
.online_table.tlt li:nth-child(4) {width:11%;}
.online_table.tlt li:nth-child(5) {width:26%;}

.online_table.txt li:nth-child(1) {width:10%;}
.online_table.txt li:nth-child(2) {width:29%;}
.online_table.txt li:nth-child(3) {width:24%;}
.online_table.txt li:nth-child(4) {width:11%;}
.online_table.txt li:nth-child(5) {width:26%;}

@media all and (max-width:768px) {
	.online_table.tlt li {display:inline-block;}
	.online_table.tlt li:nth-child(1) {width:66.6%;}
	.online_table.tlt li:nth-child(2) {width:33.7%;}
	.online_table.tlt li:nth-child(3) {width:33.66%; border-left:0}
	.online_table.tlt li:nth-child(4) {width:33.66%;}
	.online_table.tlt li:nth-child(5) {width:33.65%;}

	.online_table.tlt li+li+li {border-top:1px solid rgba(255,255,255,0.5)}
	
	
	.online_table.txt li {width:33.58% !important; display:inline-block; padding:5vw 0}
	.online_table.txt li.fast {width:66.6% !important;}
	.online_table.txt li.line_lnone {border-left:0}
	.online_table.txt div {width:100%; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%)}
	
	.prs_table.tlt li {display:inline-block !important;}
	.prs_table li {width:26% !important}
	.prs_table li:nth-child(3n) {width:48% !important}
	
	.prs_table.tlt li {border-top:1px solid rgba(255,255,255,0.5)}

	.prs_table.txt li {display:inline-block; padding:5vw 0}
	.prs_table.txt li:nth-child(4n) {border-left:0}
	.prs_table.txt div {width:100%; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%)}
	.prs_table.txt .tel a {color:#666}
}

@media all and (max-width:480px) {
	.online_table.tlt li {display:inline-block; padding:3.5vw 0}
	.online_table.tlt li:nth-child(1) {width:66.4%;}
	.online_table.tlt li:nth-child(2) {width:33.6%;}
}

.online_table2.tlt li:nth-child(1) {width:10%;}
.online_table2.tlt li:nth-child(2) {width:30%;}
.online_table2.tlt li:nth-child(3) {width:30%;}
.online_table2.tlt li:nth-child(4) {width:30%;}

.online_table2.txt li:nth-child(1) {width:10%;}
.online_table2.txt li:nth-child(2) {width:30%;}
.online_table2.txt li:nth-child(3) {width:30%;}
.online_table2.txt li:nth-child(4) {width:30%;}

@media all and (max-width:768px) {
	.online_table2.tlt li {display:inline-block;}
	.online_table2.tlt li:nth-child(1) {width:50%;}
	.online_table2.tlt li:nth-child(2) {width:50%;}
	.online_table2.tlt li:nth-child(3) {width:50%; border-left:0}
	.online_table2.tlt li:nth-child(4) {width:50%;}

	.online_table2.tlt li+li+li {border-top:1px solid rgba(255,255,255,0.5)}

	.online_table2.txt li {width:50% !important; display:inline-block; padding:5vw 0}
	.online_table2.txt li.fast {width:50% !important;}
	.online_table2.txt li.line_lnone {border-left:0}
	.online_table2.txt div {width:100%; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%)}
}

@media all and (max-width:480px) {
	.online_table2.tlt li {display:inline-block; padding:3.5vw 0}
	.online_table2.tlt li:nth-child(1) {width:50%;}
	.online_table2.tlt li:nth-child(2) {width:50%;}
}

/*부스신청*/
.stlt {color:#25257c; vertical-align: middle; font-size:24px; font-weight:600; margin-bottom:20px;}
.stlt:before {content:""; display:inline-block; width:24px; height:24px; border-top:6px solid #25257c; border-left:6px solid #25257c; border-bottom:6px solid #b08662; border-right:6px solid #b08662; border-radius:5px; vertical-align:middle; margin-right:10px;}

@media all and (max-width:1024px) {
	.stlt {font-size:22px; margin-bottom:15px;}
	.stlt:before {width:20px; height:20px; border-width:5px;}
}

@media all and (max-width:768px) {
	.stlt {font-size:18px;}
	.stlt:before {width:16px; height:16px; border-width:4px; margin-right:5px;}
}

.table_basic {width:100%; border-top:3px solid #25257c}
.table_basic th {padding:20px;}
.table_basic thead th {background:#f9f9f9; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#25257c;}
.table_basic thead th:first-child {border-left:0}
.table_basic tbody th {background:#f9f9f9; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_basic tbody th:first-child {border-left:0}
.table_basic tbody th span {vertical-align:middle}
.table_basic tbody td {border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.table_basic tbody td:first-child {border-left:0}
.table_basic a{color:#555;}
.l_line {border-left:1px solid #ddd !important}

.agreement {height: 345px; border-top: 3px solid #25257c !important; border: 1px solid #ddd; overflow-x: auto; margin-bottom: 10px;}
.agreement2 {height: 200px; border-top: 3px solid #25257c !important; border: 1px solid #ddd; overflow-x: auto; margin-bottom: 10px;}
.agreement pre, .agreement2 pre { width: 94%; margin: 3%; line-height: 26px; white-space: pre-wrap; color: #666; font-family: "NotoKrR";}

.com_tlt {position:relative; color:#fff; padding:10px 20px; font-size:20px; width:100%; background:#022042; overflow:hidden}

.bod_line{border-top:3px solid #25257c; border-bottom:1px solid #ddd; margin-bottom:10px;}
.bod_line_bnone {border-bottom:0}
.bod_line.write_line {padding-bottom:0}
.wt_dl_line {border-bottom:1px solid #ddd;}
.wt_dl_box {width:100%;position:relative;}
.wt_dl {overflow:hidden; background:#f9f9f9; display:flex}
.wt_dl dt, .wt_dl dd{padding:16px 20px}
.wt_dl dt{float:left; width:20%; display:table-cell}
.wt_dl dd{float:left; width:80%; background:#fff;}
.wt_dl dd textarea {min-height:100px;}

.txt_inp {width:465px;}
.stxt_inp01 {width:150px;}
.stxt_inp02 {width:297px;}

@media all and (max-width:768px) {
	.wt_dl dt, .wt_dl dd{padding:5vw 3vw}
	.wt_dl dt{width:30%;}
	.wt_dl dd{width:70%;}
	.wt_dl dd img{margin_bottom:40px;}
	.txt_inp {width:100%;}
	.stxt_inp01{width:31%}
	.stxt_inp02 {width:63%}
}

/*인보이스 조회*/
.invoice {width:100%; border:2px solid #999; padding:70px 50px;}
.invoice_tlt p {font-size:60px; font-weight:400; margin-bottom:50px; color: #808080;}
.invoice_tlt .subtlt {font-size:32px; font-weight:600; margin-bottom:15px;}

/*어드민*/
.stxt {font-size:14px; line-height:1.5em;}
.stxt_g {font-size:13px; line-height:17px; color:#999;}

.btn_adm_sch {background:#022042; color:#fff; text-decoration:none; vertical-align:middle; line-height:18px; height: 38px; padding:0 20px; text-align:center; font-weight:bold; border:0;}
.btn_adm01 {display:inline-block; background:#f44010; color:#fff; vertical-align:middle; font-size:1em; font-weight:600; padding:4px 10px; border:0;} /*삭제*/
.btn_adm02 {display:inline-block; background:#cb630f; color:#fff; vertical-align:middle; font-size:1em; font-weight:600; padding:4px 10px; border:0;} /*변경*/
.btn_adm03 {display:inline-block; background:#969696; color:#fff; vertical-align:middle; font-size:1em; font-weight:600; padding:4px 10px; border:0;} /*수정*/
.ex_btn {cursor:pointer; display:inline-block;padding:11px 24px;border:0;background:#217346;color:#fff; text-decoration:none;vertical-align:middle;}

.add_ctrl {display:inline-block;padding:4px 10px; font-size:13px; background:#dedede; color:#022042; vertical-align:middle;}
.add_ctrl_box {width:30px; height:25px !important; font-size:13px; padding:0 5px !important; background:#f9f9f9 !important;}

/* 사전등록 관리 */
table.t_conf4{width:100%; border-top:1px solid #133258; background:#fff; line-height:24px;  line-height:1em; }
table.t_conf4 th{padding:7px 4px 7px 4px;background:#23507a  ; color:#cde0f6; font-weight:bold; text-align:center; border-left:1px solid #668cb8; border-bottom:1px solid #668cb8; font-size:12px;}
table.t_conf4 td{padding:13px 4px 12px 4px; border-left:1px dashed #ccc; border-bottom:1px dashed #ccc; vertical-align:middle; overflow:hidden; text-align:center; line-height:1.5em; font-size:12px; color:#333;}
table.t_conf4 td.three_line{border-bottom:1px solid #7c93ae; }

table.t_conf4 tr.bg1 td{background:#f8f5f5;}
table.t_conf4 th a{color:#cde0f6; }