@charset "utf-8";

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

h4 {font-size:30px; color:#004886; font-weight:700; line-height:1em; margin-bottom:20px;}
h4:before {content:""; display:inline-block; width:24px; height:24px; border-top:6px solid #004886; border-left:6px solid #004886; border-bottom:6px solid #c2263a; border-right:6px solid #c2263a; border-radius:5px; vertical-align:middle; margin-right:10px; margin-bottom:3px;}

h5 {font-size:26px; color:#004886; 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;}

@media screen and (max-width:768px){
	h3 {font-size:30px}

	h4 {font-size:22px; margin-bottom:15px; line-height:1.5em; padding-bottom:10px}
	h4:before {width:21px; height:22px; margin-top:-1px; vertical-align:middle;}

	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:18px 15px;display:block;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;}
	.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:13px;}
}

@media screen and (max-width:480px){
	h3 {font-size:25px; margin-bottom:20px;}

	h4 {font-size:18px; margin-bottom:10px;}
	h4:before {width:16px; height:17px; margin-top:-2px; margin-right:5px}
	h4.bottom0 {margin-bottom:0;}

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


/*-----------------------------------------------블릿-----------------------------------------------*/
/*블릿*/
.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:#004886; margin-left:-15px; margin-top:-5px;}

.bul02 {font-size:15px;}
.bul02 > li{color:#2b2b2; padding-left:15px; margin-bottom:8px}
.bul02 > li:before {content:""; display:inline-block; width:4px; height:4px; margin-right:7px; vertical-align: middle; background:#004886; margin-left:-15px;}
.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:#004886; display:inline-block; border-radius:50%}

.bul03 > li {margin-top:5px;padding-left:22px;}
.bul03 > li:first-child:before {content:"\2460"; display:inline-block; margin-right:3px; vertical-align: top; margin-left:-20px;}
.bul03 > li:nth-child(2):before {content:"\2461"; display:inline-block; margin-right:3px; vertical-align: top; margin-left:-20px;}
.bul03 > li:nth-child(3):before {content:"\2462"; display:inline-block; margin-right:3px; vertical-align: top; margin-left:-20px;}
.bul03 > li:nth-child(4):before {content:"\2463"; display:inline-block; margin-right:3px; vertical-align: top; margin-left:-20px;}
.bul03 > li:nth-child(5):before {content:"\2464"; display:inline-block; margin-right:3px; 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:768px){
	.bul01 {font-size:13px;}

	.bul01 > li, .bul02 > li {padding-left:10px}

	.bul01 > li:before {width:6px;}
	.bul01 > li:before, .bul02 > li:before {margin-left:-10px;}

	.bul02 {font-size:12px;}
	.bul02 > li{padding-bottom:5px;}

	.num_ul > li {margin-bottom:2vw; margin-left:9.5vw;}
	.num_ul > li .num {width:7vw; height:7vw; line-height:7vw; margin-left:-9.5vw; margin-right:2vw;}
}


/*-----------------------------------------------WHY K-SAFETY EXPO-----------------------------------------------*/
.sub01_1 .sec01 {position:relative; overflow:hidden}
.sub01_1 .sec01 .is_cont {padding-top:90px}
.sub01_1 .sec01 .tltBox {opacity:0; margin-bottom:90px;}
.sub01_1 .sec01 .tltBox .txt {color:#00a5a1; font-size:46px; line-height:1.3em; margin-top:20px}
.sub01_1 .sec01 .tltBox .txt span {color:#003964;}

.sub01_1 .sec01 dl {overflow:hidden; margin-bottom:30px;}
.sub01_1 .sec01 dt {float:left; width:16%;}
.sub01_1 .sec01 dd {float:left; width:80%; margin-left:4%; text-align:left;}
.sub01_1 .sec01 dt img {max-width:100%;}
.why {color:#00a5a1; font-size:34px; font-weight:600; line-height:1.2em; overflow:hidden; margin-top:3%;}
.why p.dblue {color:#003964;}
.whytxt {color:#666; font-size:20px; line-height:1.7 em; margin-top:20px;}
.whytxt .bul01 {word-break:break-all;}

/*애니메이션*/
.sub01_1 .sec01.active .tltBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-up 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}

@media screen and (max-width:1220px){
	.sub01_1 .sec01 .tltBox .txt {font-size:40px}
 
	.why {font-size:26px; margin-top:3%;}
	.whytxt {color:#666; font-size:16px;}
}

@media all and (max-width:1024px) {
	.why {font-size:24px; margin-top:0;}
	.whytxt {font-size:14px;}
}

@media screen and (max-width:768px){
	.sub01_1 .sec01 .is_cont {padding-top:66px}
	.sub01_1 .sec01 .tltBox .txt {font-size:32px}

	.why {font-size:20px;}
	.whytxt {margin-top:15px;}
}

@media screen and (max-width:480px){
	.sub01_1 .sec01 .is_cont {padding-top:46px}
	.sub01_1 .sec01 .tltBox .txt {font-size:26px}

	.sub01_1 .sec01 dt {width:20%;}
	.sub01_1 .sec01 dd {width:76%; margin-left:4%;}
	.why {font-size:16px;}
	.whytxt {font-size:12px; margin-top:10px;}
}

.sub01_1 .sec02 .is_cont {padding-top:100px}
.sub01_1 .sec02 .tltBox {color:#004886; font-size:36px; line-height:1.3em;}

.sub01_1 .sec02 .sec02Ul {margin-top:85px}
.sub01_1 .sec02 .sec02Ul li {position:relative; display:inline-block; margin-right:160px;}
.sub01_1 .sec02 .sec02Ul .icon img {opacity:0}
.sub01_1 .sec02 .sec02Ul li:last-child {margin-right:0;}

.sub01_1 .sec02 .sec02Ul li:after {content:""; display:block; width:100%; border-top:1px dotted #484747; position:absolute; top:116px; right:-200px; z-index:0}
.sub01_1 .sec02 .sec02Ul li:last-child:after {display:none}

.sub01_1 .sec02 .sec02Ul li .icon {position:relative; margin:0 auto; width:232px; z-index:2}
.sub01_1 .sec02 .sec02Ul li .icon:before {content:""; display:inline-block; width:9px;height:9px; background:#e9691a; border-radius:50%; position:absolute; top:50%; left:-4px; transform: translateY(-50%); z-index:1}
.sub01_1 .sec02 .sec02Ul li .icon:after {content:""; display:inline-block; width:9px;height:9px; background:#e9691a; border-radius:50%; position:absolute; top:50%; right:-4px; transform: translateY(-50%);}
.sub01_1 .sec02 .sec02Ul li:first-child .icon:before {display:none}
.sub01_1 .sec02 .sec02Ul li:last-child .icon:after {display:none}

.sub01_1 .sec02 .sec02Ul .tlt {margin-top:23px; font-size:28px; color:#004886}
.sub01_1 .sec02 .sec02Ul .txt {margin-top:12px; font-weight:400}

/*애니메이션*/
.sub01_1 .sec02.active .sec02Ul .icon img {opacity:1; animation-fill-mode: both !important; animation: fanfare2 0.5s;}
.sub01_1 .sec02.active .sec02Ul li:nth-child(1) .icon img {animation-delay:0.2s}
.sub01_1 .sec02.active .sec02Ul li:nth-child(2) .icon img {animation-delay:0.3s}
.sub01_1 .sec02.active .sec02Ul li:nth-child(3) .icon img {animation-delay:0.4s}

@media screen and (max-width:1220px){
	.sub01_1 .sec02 .tltBox {font-size:30px;}
	.sub01_1 .sec02 .sec02Ul li {margin-right:100px;}
	.sub01_1 .sec02 .sec02Ul li:after {top:100px}

	.sub01_1 .sec02 .sec02Ul li .icon {width:200px}
	.sub01_1 .sec02 .sec02Ul li .icon img {width:100%}

	.sub01_1 .sec02 .sec02Ul .tlt {font-size:23px;}
}

@media screen and (max-width:1024px){
	.sub01_1 .sec02 .sec02Ul li {margin-right:40px;}
	.sub01_1 .sec02 .sec02Ul li:after {top:85px; left:180px}

	.sub01_1 .sec02 .sec02Ul li .icon {width:170px}
	.sub01_1 .sec02 .sec02Ul .tlt {font-size:20px;}
	.sub01_1 .sec02 .sec02Ul .txt {font-size:14px;}
}

@media screen and (max-width:768px){
	.sub01_1 .sec02 .is_cont {padding-top:60px}
	.sub01_1 .sec02 .tltBox {font-size:22px;}

	.sub01_1 .sec02 .sec02Ul {margin-top:40px}
	.sub01_1 .sec02 .sec02Ul li {margin-right:10px;}
	.sub01_1 .sec02 .sec02Ul li:after {top:60px; left:100px}

	.sub01_1 .sec02 .sec02Ul li .icon {width:120px}
	.sub01_1 .sec02 .sec02Ul .tlt {font-size:16px;}
	.sub01_1 .sec02 .sec02Ul .txt {font-size:13px;}
}

@media screen and (max-width:680px){
	.sub01_1 .sec02 .sec02Ul li:after, .sub01_1 .sec02 .sec02Ul li .icon:before, .sub01_1 .sec02 .sec02Ul li .icon:after {display:none}
	.sub01_1 .sec02 .sec02Ul li {margin:0 0 15px 0; display:block}

	.sub01_1 .sec02 .sec02Ul li .icon {width:180px}
}

@media screen and (max-width:480px){
	.sub01_1 .sec02 .is_cont {padding-top:40px}
	.sub01_1 .sec02 .sec02Ul {margin-top:20px}

	.sub01_1 .sec02 .tltBox {font-size:16px;}
	.sub01_1 .sec02 .sec02Ul .tlt {font-size:15px; margin-top:10px}
	.sub01_1 .sec02 .sec02Ul .txt {margin-top:5px}
}


/*-----------------------------------------------박람회 개요-----------------------------------------------*/
.sub02_1 .sec01 {overflow:hidden}
.sub02_1 .sec01 .imgBox {float:left; width:40%;}
.sub02_1 .sec01 .imgBox img {max-width:100%;}
.sub02_1 .sec01 .txtBox {float:right; width:58%; font-size:22px; letter-spacing:-0.03em; line-height:1.4em;}
.sub02_1 .sec01 .txtBox .tltimg {margin-bottom:40px; font-size:40px; line-height:1.2em;}

.sub02_1 .sec01 .txtBox dl {overflow:hidden;}
.sub02_1 .sec01 .txtBox dl dd{padding:0 0 15px;}
.sub02_1 .sec01 .txtBox dt {float:left; width:17%; font-weight:700; color:#004886; letter-spacing:1.7em;}
.sub02_1 .sec01 .txtBox dt.lt0 {letter-spacing:-0.03em;}
.sub02_1 .sec01 .txtBox dt.lt4 {letter-spacing:0.4em;}
.sub02_1 .sec01 .txtBox dd {float:left; width:83%;}
.sub02_1 .sec01 .txtBox dd p{font-size:0.85em;}

.sub02_1 .sec01 .txtBox .iconUl li {display:inline-block; margin-right:10px}
.sub02_1 .sec01 .txtBox .iconUl li:last-child {margin-right:0}

.sub02_1 .sec01 .down_btn a {display:block; width:60%; padding:20px 0; line-height:1em; background:#00a5a1; border:1px solid #00a5a1; border-radius:50px; color:#fff; margin-top:40px; transition:all 0.3s}
.sub02_1 .sec01 .down_btn a:hover {background:#fff; color:#00a5a1;}
.sub02_1 .sec01 .down_btn i {font-size:22px}

/*애니메이션*/
.sub02_1 .sec01.active .imgBox img {animation-fill-mode: both !important; animation: fade-in 0.7s; animation-timing-function: ease-out; animation-delay:0.6s}
.sub02_1 .sec01.active .txtBox {animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}

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

@media screen and (max-width:1200px){
	.sub02_1 .sec01 .imgBox, .sub02_1 .sec01 .txtBox {float:none; width:100%;}
	.sub02_1 .sec01 .imgBox {text-align:center;}
	.sub02_1 .sec01 .imgBox img {max-width:100%}
	.sub02_1 .sec01 .txtBox {margin-top:7vw;}
	.sub02_1 .sec01 .txtBox .tltimg {margin-bottom:3vw; font-size:40px;}

	.sub02_1 .sec01 .txtBox dt{float:left; width:14%;}
	.sub02_1 .sec01 .txtBox dd{float:left; width:86%;}

	.sub02_1 .sec01 .down_btn a {width:100%; padding:20px 0; }
}

@media screen and (max-width:768px){
	.sub02_1 .sec01 .txtBox {font-size:15px;}
	.sub02_1 .sec01 .txtBox .tltimg {margin-bottom:3vw; font-size:6vw;}

	.sub02_1 .sec01 .txtBox dt{float:left; width:19%;}
	.sub02_1 .sec01 .txtBox dd{float:left; width:81%;}
	.sub02_1 .sec01 .txtBox dd img {height:20px;}

	.sub02_1 .sec01 .txtBox .iconUl img {height:20px}

	.sub02_1 .sec01 .down_btn a {padding:15px 0;}
}

@media screen and (max-width:480px){
	.sub02_1 .sec01 .txtBox {font-size:14px;}
	.sub02_1 .sec01 .txtBox .tltimg {margin-bottom:4vw; font-size:6.3vw;}

	.sub02_1 .sec01 .txtBox dt{float:left; width:25%;}
	.sub02_1 .sec01 .txtBox dd{float:left; width:75%;}
	.sub02_1 .sec01 .txtBox dd img {height:15px;}

	.sub02_1 .sec01 .txtBox .iconUl img {height:18px}

	.sub02_1 .sec01 .down_btn a {padding:10px 0; margin-top:10px; }
	.sub02_1 .sec01 .down_btn i {font-size:14px}
}

.sub02_1 .sec02 {margin-top:140px;}
.sub02_1 .sec02 .txtBox {margin-bottom:100px;}
.sub02_1 .sec02 .txtBox .tlt {font-size:46px; line-height:1.2em; color:#003964;}
.sub02_1 .sec02 .txtBox .txt {font-size:24px; margin-top:20px; line-height:1.5em; color:#003964;}

/*애니메이션*/
.sub02_1 .sec02.active .img img {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){
	.sub02_1 .sec02 {margin-top:100px;}
	.sub02_1 .sec02 .txtBox {margin-bottom:80px;}
	.sub02_1 .sec02 .txtBox .tlt {font-size:36px;}
	.sub02_1 .sec02 .txtBox .txt {font-size:22px;}
}

@media screen and (max-width:768px){
	.sub02_1 .sec02 {margin-top:70px;}
	.sub02_1 .sec02 .txtBox {margin-bottom:60px;}
	.sub02_1 .sec02 .txtBox  .tlt {font-size:30px;}
	.sub02_1 .sec02 .txtBox  .txt {font-size:18px; margin-top:15px}
}

@media screen and (max-width:480px){
	.sub02_1 .sec02 {margin-top:50px;}
	.sub02_1 .sec02 .txtBox {margin-bottom:40px;}
	.sub02_1 .sec02 .txtBox  .tlt {font-size:24px;}
	.sub02_1 .sec02 .txtBox  .txt {font-size:14px; margin-top:10px}
}


/*-----------------------------------------------전시회 참가신청(참가업체)-----------------------------------------------*/
.sub03_1_1 .mgBox {height:80px; line-height:80px; width:100%; background:#004886; font-size:25px; color:#fff; text-align:center;}
.sub03_1_1 .bgc {background:#56c8c2 !important;}
.sub03_1_1 .bgc2 {background:#56b8c8 !important;}

.sub03_1_1 .sec04Box {float:left; width:48%; margin-right:4%}
.sub03_1_1 .sec04Box:nth-child(2) {margin-right:0}

.sub03_1_1 .borderBox {border:5px solid #ddd; padding:40px}
.sub03_1_1 .borderBox .tlt {font-size:24px; margin-bottom:15px;}
.sub03_1_1 .borderBox .txt {font-size:16px; margin-bottom:10px;}

/*애니메이션*/
.sub03_1_1 .sec01.active, .sub03_1_1 .sec02.active, .sub03_1_1 .sec03.active, .sub03_1_1 .sec04.active {opacity:1; 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){
	.sub03_1_1 .mgBox {height:60px; line-height:60px; font-size:20px}

	.sub03_1_1 .sec04Box {width:100%; margin-right:0;}

	.sub03_1_1 .borderBox {padding:30px}
	.sub03_1_1 .borderBox .tlt {font-size:20px; margin-bottom:10px;}
	.sub03_1_1 .borderBox .txt {font-size:14px;}
}

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

	.sub03_1_1 .borderBox {padding:20px}
	.sub03_1_1 .borderBox .tlt {font-size:16px;}
	.sub03_1_1 .borderBox .txt {font-size:12px;}
}


/*-----------------------------------------------전시회 참관안내-----------------------------------------------*/
.stepBox {position:relative; font-size:16px;}
.stepBox li {position:relative; display:inline-block; width:16.8%; margin-right:3%; line-height:1.3; height:200px; text-align:center; background:#f3f3f3; border-radius:20px; border: thick double #e3e3e3;}
.stepBox li:nth-child(2n) {background:#e3f2f1 !important; border: thick double #cbe6e4 !important;}
.stepBox li:hover {box-shadow: 3px 10px 10px rgb(0,0,0,0.2); }
.stepBox li:last-child {margin-right:0}
.stepBox li:after {content:"\f105"; display:inline-block; font-family: FontAwesome; font-size:40px;position:absolute; top:35%; right:-85px; color:#ccc; width:60px; height:60px; line-height:60px; transform:translateX(-50%); z-index:1}
.stepBox li:last-child:after {display:none}
.stepBox .box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; padding:0 20px;}
.stepBox .box .txt {font-size:18px; font-weight:600; color:#161616; margin-bottom:5px;}

.stepBox .icon {margin-bottom:10px;}

@media all and (max-width:1220px) {
	.stepBox {font-size:15px;}
	.stepBox li {width:16.8%; margin-right:3%; height:180px; }
	.stepBox li:after {font-size:36px;position:absolute; top:35%; right:-67px; width:45px; height:45px; line-height:43px;}
	.stepBox .box {padding:0 15px;}
	.stepBox .box .txt {font-size:17px;}

	.stepBox .icon img{height:80px;}
}

@media all and (max-width:1024px) {
	.stepBox li {width:16.8%; margin-right:3%; height:180px; border-radius:15px;}
	.stepBox li:after {font-size:32px;position:absolute; top:35%; right:-65px; width:45px; height:45px; line-height:43px;}
	.stepBox .box {padding:0 15px;}
	.stepBox .box .txt {font-size:16px;}

	.stepBox .icon img{height:60px;}
}

@media all and (max-width:768px) {
	.stepBox li {width:45%; margin-right:4%; margin-bottom:2%; font-size:13px; height:160px; border-radius:10px;}
	.stepBox li:after {font-size:32px;position:absolute; top:35%; right:-65px; width:45px; height:45px; line-height:43px;}
	.stepBox .box {padding:0 15px;}
	.stepBox .box .txt {font-size:16px;}

	.stepBox .icon img{height:60px;}
}

@media all and (max-width:480px) {
	.stepBox li {width:44%; margin-right:5%; margin-bottom:2%; font-size:13px;}
	.stepBox li:after {font-size:30px;position:absolute; top:35%; right:-60px; width:45px; height:45px; line-height:43px;}
	.stepBox .box {padding:0 15px;}
	.stepBox .box .txt {font-size:14px;}
}

/*애니메이션*/
.sub03_2_1 .sec01.active {animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.2s}
.sub03_2_1 .sec02.active {animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.3s}
.sub03_2_1 .sec03.active {animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.4s}


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

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

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


/*애니메이션*/
.sub03_3_1 .sec01.active .borderBox {animation-fill-mode: both !important; animation: bounce-in-down 0.5s;animation-timing-function: ease-out; animation-delay:0.2s}
.sub03_3_1 .sec02.active, .sub03_3_1 .sec03.active, .sub03_3_1 .sec04.active, .sub03_3_1 .sec05.active, .sub03_3_1 .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_3_1 .borderBox {padding:30px}
	.sub03_3_1 .borderBox .tlt {font-size:28px;}
	.sub03_3_1 .borderBox .txt {font-size:16px;}

	.sub03_3_1 .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_3_1 .borderBox {padding:20px}
	.sub03_3_1 .borderBox .tlt {font-size:20px;}
	.sub03_3_1 .borderBox .txt {font-size:12px;}

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


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

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

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

.sub03_5 .sec04Ul {overflow:hidden}
.sub03_5 .sec04Ul > li a{position:relative; float:left; width:24.25%; margin:0 1% 3% 0; overflow:hidden;}
.sub03_5 .sec04Ul > li a:nth-child(4n) {margin-right:0}
.sub03_5 .sec04Ul > li a img{border:1px solid #ccc;}
.sub03_5 .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;}
.sub03_5 .sec04Ul > li .img {}
.sub03_5 .sec04Ul img {width:100%}

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

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

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

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

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

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

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

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

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

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

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

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


/*-----------------------------------------------부스 배치도-----------------------------------------------*/
.sub03_6_1 .btnBox {padding:0 0 20px 0;}
.sub03_6_1 .btnBox a {color:#fff; display:inline-block; background:#004886; border:2px solid #004886; padding:10px 40px 12px; border-radius:50px}

@media screen and (max-width:1220px){
	.sub03_6_1 .btnBox a {font-size:13px; padding:10px 20px}
}

@media screen and (max-width:768px){
	.sub03_6_1 .btnBox {padding:0 0 10px 0;}
	.sub03_6_1 .btnBox a {padding:5px 10px; line-height:1.3em}
}


/*-----------------------------------------------비즈니스 프로그램-----------------------------------------------*/
.sub08_1 .sec01 ul {overflow:hidden}
.sub08_1 .sec01 ul li {position:relative; float:left; width:32%; height:480px; margin:0 2% 2% 0; color:#fff; background-color:#000 !important; background-size:cover !important; border-radius:20px;}
.sub08_1 .sec01 ul li:nth-child(3n) {margin:0 0 2% 0;}

.sub08_1 .sec01 ul li:nth-child(1) {background:url(/share/img/sub/img08_1_1_bg01.jpg) no-repeat 0 0;}
.sub08_1 .sec01 ul li:nth-child(2) {background:url(/share/img/sub/img08_1_1_bg02.jpg) no-repeat 0 0;}
.sub08_1 .sec01 ul li:nth-child(3) {background:url(/share/img/sub/img08_1_1_bg03.jpg) no-repeat 0 0;}

.sub08_1 .sec01 ul .txtBox {position:relative; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); text-align:center;}
.sub08_1 .sec01 ul .tlt {font-size:28px; font-weight:600; line-height:1.4em;}
.sub08_1 .sec01 ul .txt {font-size:18px; line-height:1.4em; width:70%; margin:30px auto 0; word-break:keep-all; padding-top:30px; border-top:1px solid #fff;}
.sub08_1 .sec01 ul .txt span {display:block;}
.sub08_1 .sec01 ul .txt p {font-weight:bold; margin-top:20px;}

/*애니메이션*/
.sub08_1 .sec01.active ul li .tlt {animation-fill-mode: both !important; animation: fanfare2 0.5s;}
.sub08_1 .sec01.active ul li:nth-child(1) .tlt {animation-delay:0.2s}
.sub08_1 .sec01.active ul li:nth-child(2) .tlt {animation-delay:0.3s}
.sub08_1 .sec01.active ul li:nth-child(3) .tlt {animation-delay:0.4s}

@media screen and (max-width:1200px){
	.sub08_1 .sec01 ul li {height:440px;}

	.sub08_1 .sec01 ul .tlt {font-size:26px;}
	.sub08_1 .sec01 ul .txt {font-size:16px; margin-top:20px; padding-top:20px;}
}

@media screen and (max-width:1024px){
	.sub08_1 .sec01 ul .tlt {font-size:24px;}
	.sub08_1 .sec01 ul .txt {font-size:14px;}
}

@media screen and (max-width:900px){
	.sub08_1 .sec01 ul li {width:49%; height:48vw}
	.sub08_1 .sec01 ul li:nth-child(3n) {margin-right:2%}
	.sub08_1 .sec01 ul li:nth-child(2n) {margin-right:0%}
}

@media screen and (max-width:768px){
	.sub08_1 .sec01 ul li {width:49%; height:54vw}

	.sub08_1 .sec01 ul .tlt {font-size:20px;}
	.sub08_1 .sec01 ul .txt {font-size:14px; margin-top:10px}
}

@media screen and (max-width:600px){
	.sub08_1 .sec01 ul li {width:49%; height:58vw; border-radius:15px;}

	.sub08_1 .sec01 ul .tlt {font-size:18px;}
	.sub08_1 .sec01 ul .txt {font-size:12px; margin-top:10px; padding-top:10px;}
	.sub08_1 .sec01 ul .txt p {font-weight:bold; margin-top:10px;}
	.sub08_1 .sec01 ul .txt span {display:inline-block;}
}

@media screen and (max-width:480px){
	.sub08_1 .sec01 ul li {width:100%; height:70vw; border-radius:10px;}

	.sub08_1 .sec01 ul .tlt {font-size:16px;}
	.sub08_1 .sec01 ul .txt {font-size:11px;}
}


/*-----------------------------------------------부대행사-----------------------------------------------*/
.sub08_2 .sec01 ul {overflow:hidden; margin:0 auto;}
.sub08_2 .sec01 ul li {position:relative; display:inline-block; width:32%; height:480px; margin:0 2% 2% 0; color:#fff; background-color:#000 !important; background-size: cover !important; border-radius:20px;}
.sub08_2 .sec01 ul li:nth-child(2n) {margin:0 0 2% 0;}

.sub08_2 .sec01 ul li:nth-child(1) {background:url(/share/img/sub/img08_2_1_bg01.jpg) no-repeat 0 0;}
.sub08_2 .sec01 ul li:nth-child(2) {background:url(/share/img/sub/img08_2_1_bg02.jpg) no-repeat 0 0;}

.sub08_2 .sec01 ul .txtBox {position:relative; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); text-align:center; color:#fff}
.sub08_2 .sec01 ul .tlt {font-size:28px; font-weight:600; line-height:1.4em; height:80px; display:flex; align-items:center; justify-content:center;}
.sub08_2 .sec01 ul .txt {font-size:18px; line-height:1.4em; width:70%; margin:30px auto 0; word-break:keep-all; padding-top:30px; border-top:1px solid #fff;}
.sub08_2 .sec01 ul .txt span {display:block;}
.sub08_2 .sec01 ul .txt p {font-weight:bold; margin-top:20px;}

/*애니메이션*/
.sub08_2 .sec01.active ul li .tlt {animation-fill-mode: both !important; animation: fanfare2 0.5s;}
.sub08_2 .sec01.active ul li:nth-child(1) .tlt {animation-delay:0.2s}
.sub08_2 .sec01.active ul li:nth-child(2) .tlt {animation-delay:0.3s}

@media screen and (max-width:1200px){
	.sub08_2 .sec01 ul li {width:40%; height:440px;}

	.sub08_2 .sec01 ul .tlt {font-size:26px;}
	.sub08_2 .sec01 ul .txt {font-size:16px; margin-top:20px; padding-top:20px;}
}

@media screen and (max-width:1024px){
	.sub08_2 .sec01 ul .tlt {font-size:24px; height:75px;}
	.sub08_2 .sec01 ul .txt {font-size:14px;}
}

@media screen and (max-width:900px){
	.sub08_2 .sec01 ul li {width:48.5%; height:48vw}
	.sub08_2 .sec01 ul li:nth-child(2n) {margin-right:0%}
}

@media screen and (max-width:768px){
	.sub08_2 .sec01 ul li {height:54vw}

	.sub08_2 .sec01 ul .tlt {font-size:20px; height:70px;}
	.sub08_2 .sec01 ul .txt {font-size:14px; margin-top:10px}
}

@media screen and (max-width:600px){
	.sub08_2 .sec01 ul li {height:58vw; border-radius:15px;}

	.sub08_2 .sec01 ul .tlt {font-size:18px; height:60px;}
	.sub08_2 .sec01 ul .txt {font-size:12px; margin-top:10px; padding-top:10px;}
	.sub08_2 .sec01 ul .txt p {font-weight:bold; margin-top:10px;}
	.sub08_2 .sec01 ul .txt span {display:inline-block;}
}

@media screen and (max-width:480px){
	.sub08_2 .sec01 ul li {width:100%; height:70vw; border-radius:10px;}

	.sub08_2 .sec01 ul .tlt {font-size:16px; height:50px;}
	.sub08_2 .sec01 ul .txt {font-size:11px;}
}


/*-----------------------------------------------이벤트-----------------------------------------------*/
.evtBox {width:100%; padding:50px 100px 40px; border:5px solid #004886; border-radius:20px; font-size:20px; line-height:1.4em;}
.evtBox:hover {border-color:#004886}
.evtBox p {color:#141414; font-family:'GmarketSansBold'; font-size:32px; margin-bottom:20px;}
.evtBox p a {color:#141414; font-family:'GmarketSansLight'; font-size:24px;}
.evtBox .bnl {display:block;}

.evt_dl {overflow:hidden; margin-top:20px; padding-top:20px; border-top:1px solid #d7d7d7;}
.evt_dl dt, .evt_dl dd {float:none; display:inline-block; vertical-align:top; font-size:19px; margin-bottom:15px;}
.evt_dl dt {width:10%; color:#343434; font-family: 'GmarketSansMedium';}
.evt_dl dd {width:80%; margin-left:5%; line-height:1.5em; letter-spacing:0;}

@media all and (max-width:1200px) {
	.evtBox {padding:40px 6% 30px; font-size:18px;}
	.evtBox p {font-size:28px; margin-bottom:15px;}
	.evtBox p a {font-size:20px;}

	.evt_dl dt, .evt_dl dd {font-size:18px;}
}

@media screen and (max-width:1024px){
	.evtBox p {font-size:26px; margin-bottom:10px;}
	.evtBox p a {font-size:18px; }
	.evtBox .bnl {display:inline-block;}

	.evt_dl dt {width:15%;}
	.evt_dl dd {width:75%; margin-left:5%;}
}

@media all and (max-width:768px) {
	.evtBox {padding:30px 6% 20px; font-size:16px;}
	.evtBox p {font-size:22px;}
	.evtBox p a {font-size:16px;}
	.evtBox .bnl {display:inline-block;}

	.evt_dl {margin-top:15px; padding-top:15px;}
	.evt_dl dt, .evt_dl dd {font-size:16px; margin-bottom:10px;}
	.evt_dl dt {width:20%;}
	.evt_dl dd {width:70%; margin-left:5%;}
}

@media all and (max-width:480px) {
	.evtBox {padding:30px 8% 20px; font-size:14px;}
	.evtBox p {font-size:18px;}
	.evtBox p a {font-size:14px;}
	.evtBox .bnl {display:inline-block;}

	.evt_dl {margin-top:10px; padding-top:10px;}
	.evt_dl dt, .evt_dl dd {font-size:12px; margin-bottom:5px;}
}

















/* 참가신청 */
.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 li .stxt {font-size:13px; line-height:1em !important;}

.ul_table01.tlt {border-top: 3px solid #343434}
.ul_table01.tlt li {background:#e5ecef; color: #222; 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:#f4f4f4}

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


/*-----------------------------------------------전시회 참관안내-----------------------------------------------*/
/*애니메이션*/
.sub02_3_1 .sec01.active, .sub02_3_1 .sec02.active, .sub02_3_1 .sec03.active, .sub02_3_1 .sec04.active, .sub02_3_1 .sec05.active, .sub02_3_1 .sec06.active, .sub02_3_1 .sec07.active {opacity:1; animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.2s}




/*사전등록*/
.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%}
}


/*-----------------------------------------------부스배치도-----------------------------------------------*/
.sub02_5_1 .btnBox {padding:0 0 20px 0;}
.sub02_5_1 .btnBox a {display:inline-block; border:2px solid #004886; padding:10px 40px; border-radius:50px}

@media screen and (max-width:1220px){
	.sub02_5_1 .btnBox a {font-size:13px; padding:10px 20px}
}

@media screen and (max-width:768px){
	.sub02_5_1 .btnBox {padding:0 0 10px 0;}
	.sub02_5_1 .btnBox a {padding:5px 10px; line-height:1.3em}
}


/*-----------------------------------------------참가업체-----------------------------------------------*/
.sub02_6_1 .sec01 {overflow:hidden}
.sub02_6_1 .sec01 dl {position:relative; float:left; width:22%; margin-right:4%;  text-align:center; margin-bottom:4%;}
.sub02_6_1 .sec01 dl:nth-child(4n) {margin-right:0}
.sub02_6_1 .sec01 dl dt {font-size:26px; color:#ea4f4c; margin:0 0 0px 0; letter-spacing:-1px;}
.sub02_6_1 .sec01 dl dt img {width:100%}
.sub02_6_1 .sec01 dl dd {height:50px; font-size:15px; line-height:1.2em; color:#fff; background:#15161d; display:flex; align-items:center; justify-content:center;}

@media screen and (max-width:1220px){
	.sub02_6_1 .sec01 dl dd {font-size:14px;}
}

@media screen and (max-width:768px){
	.sub02_6_1 .sec01 dl {width:47%; margin-right:6%; margin-bottom:6%;}
	.sub02_6_1 .sec01 dl:nth-child(2n) {margin-right:0}
	.sub02_6_1 .sec01 dl dd {font-size:13px;}
}

@media screen and (max-width:480px){
	.sub02_6_1 .sec01 dl {width:100%; margin-right:0; margin-bottom:30px}
	.sub02_6_1 .sec01 dl dd {height:30px; font-size:12px;}
}


/*-----------------------------------------------지난 전시회 결과-----------------------------------------------*/
.sub02_8_1 .sec01 {background:url(/share/img/sub/img02_8_1_1.jpg) no-repeat 50% 0}
.sub02_8_1 .sec01 .is_cont {height:685px; padding-top:80px;}

.sub02_8_1 .sec01 .txtBox .tlt {font-size:35px; font-weight:500; line-height:1.4em}
.sub02_8_1 .sec01 .txtBox .cl {color:#fecc00; font-size:38px;}

.sub02_8_1 .sec01 .numUl {margin-top:80px;}
.sub02_8_1 .sec01 .numUl li {position:relative; display:inline-block; vertical-align:top; width:19%; margin-right:1%; background:#fecc00; color:#004886; height:340px}
.sub02_8_1 .sec01 .numUl li:last-child {margin-right:0}

.sub02_8_1 .sec01 .numUl .li_txtBox {padding-top:50px; font-size:16px; width:100%}
.sub02_8_1 .sec01 .numUl .li_txtBox .num {line-height:1.5em}
.sub02_8_1 .sec01 .numUl .li_txtBox span {font-size:55px; font-weight:700}

.sub02_8_1 .sec01 .numUl .li_txtBox .txt {margin-top:10px}


@media screen and (max-width:1220px){
	.sub02_8_1 .sec01 {background-size:cover}
	.sub02_8_1 .sec01 .is_cont {height:940px;}
	.sub02_8_1 .sec01 .numUl li {width:32.333%; margin-bottom:1%}

	.sub02_8_1 .sec01 .numUl .li_txtBox {font-size:18px}
	.sub02_8_1 .sec01 .numUl .li_txtBox span {font-size:50px}
}

@media screen and (max-width:768px){
	.sub02_8_1 .sec01 .is_cont {height:1050px; padding-top:60px;}

	.sub02_8_1 .sec01 .txtBox .tlt {font-size:25px;}
	.sub02_8_1 .sec01 .txtBox .cl {font-size:28px;}

	.sub02_8_1 .sec01 .numUl {margin-top:60px}
	.sub02_8_1 .sec01 .numUl .li_txtBox {font-size:16px; padding-top:30px}
	.sub02_8_1 .sec01 .numUl .li_txtBox span {font-size:45px}

	.sub02_8_1 .sec01 .numUl li {width:48%; margin:0 2% 2% 0; height:260px}
	.sub02_8_1 .sec01 .numUl li:nth-child(2n) {margin-right:0}
}

@media screen and (max-width:480px){
	.sub02_8_1 .sec01 .is_cont {height:900px; padding-top:40px;}

	.sub02_8_1 .sec01 .txtBox .tlt {font-size:18px;}
	.sub02_8_1 .sec01 .txtBox .cl {font-size:22px;}
	.sub02_8_1 .sec01 .txtBox .txt {margin-top:10px; font-size:14px}

	.sub02_8_1 .sec01 .numUl {margin-top:30px}
	.sub02_8_1 .sec01 .numUl .li_txtBox {font-size:13px; padding-top:15px}
	.sub02_8_1 .sec01 .numUl .li_txtBox span {font-size:35px}

	.sub02_8_1 .sec01 .numUl li {height:240px}

	.sub02_8_1 .sec03 .downUl li {width:100%; margin-right:0;margin-bottom:20px}
}


/*-----------------------------------------------콘퍼런스 프로그램-----------------------------------------------*/
/*탭*/
.cont_tb_tab2 {clear:both;}
.cont_tb_tab2 .tabs {overflow:hidden; padding-bottom:1px; margin-bottom:50px;}
.cont_tb_tab2 .tabs li {width:50%; float:left; text-align:center; display:block; margin:0 -1px -1px 0; color:#7f7f7f; background:#fff; font-size:18px; font-weight:600; line-height:1.6em; padding:10px 0; border:1px solid #d1d1d1; cursor:pointer}
.cont_tb_tab2 .tabs li.pd15 {padding:15px 0;}
.cont_tb_tab2 .tabs li a {display:block;}
.cont_tb_tab2 .tabs li:first-child{margin-left:0;}
.cont_tb_tab2 .tabs li:hover, .cont_tb_tab2 .tabs li.active {color:#fff; background:#004886; border-color:#004886}
.cont_tb_tab2 .tabs li:hover a, .cont_tb_tab2 .tabs li.active a {color:#376ac7;}
.cont_tb_tab2 .tabs li p {font-size:16px; font-weight:normal; }
.cont_tb_tab2 .cont_tb_tab_viw {width:100%;}

@media screen and (max-width:1024px){
	.cont_tb_tab2 .tabs li {font-size:17px;}
	.cont_tb_tab2 .tabs li p {font-size:15px;}
}

@media screen and (max-width:768px){
	.cont_tb_tab2 .tabs {margin-bottom:30px;}
	.cont_tb_tab2 .tabs li {font-size:16px;}
	.cont_tb_tab2 .tabs li p {font-size:12px;}
}

@media screen and (max-width:580px){
	.cont_tb_tab2 .tabs li {line-height:1.5em; padding:10px 5px}
	.cont_tb_tab2 .tabs li.pd15 {padding:10px 5px;}
	.cont_tb_tab2 .tabs li p span {display:none;}
}

@media screen and (max-width:480px){
	.cont_tb_tab2 .tabs {margin-bottom:20px;}
	.cont_tb_tab2 .tabs li {font-size:12px;}
}

/*.sub03_3_1 .mgBox {height:80px; line-height:80px; width:100%; background:#004886; font-size:25px; color:#fff; text-align:center;}

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

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

.sub03_3_1 .btnBox {padding:0 0 20px 0;}
.sub03_3_1 .btnBox a {display:inline-block; border:2px solid #004886; padding:10px 40px; border-radius:50px}

@media screen and (max-width:1220px){
	.sub03_3_1 .btnBox a {font-size:13px; padding:10px 20px}
}

@media screen and (max-width:768px){
	.sub03_3_1 .btnBox {padding:0 0 10px 0;}
	.sub03_3_1 .btnBox a {padding:5px 10px; line-height:1.3em}
}


/*-----------------------------------------------연사 등록-----------------------------------------------*/
.sub03_4 .sec01 .tltBox {/*opacity:0;*/ background:#004886; max-width:1200px; padding:20px 0 17px 0;}
.sub03_4 .sec01 .tltBox .txt {color:#fff;font-size:30px; line-height:1.3em;}

/*애니메이션*/
/*.sub03_4 .sec01.active .tltBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-up 0.7s; animation-timing-function: ease-out; animation-delay:0.3s}*/

@media screen and (max-width:1220px){
	.sub03_4 .sec01 .tltBox .txt {font-size:26px}
}

@media screen and (max-width:768px){
	.sub03_4 .sec01 .tltBox .txt {font-size:20px}
}

@media screen and (max-width:480px){
	.sub03_4 .sec01 .tltBox {padding:15px 0 12px 0;}
	.sub03_4 .sec01 .tltBox .txt {font-size:16px}
}


/*-----------------------------------------------지난 콘퍼런스 결과-----------------------------------------------*/
.modal {position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:-1;opacity:0;transition:all 0.2s;}
.modal.on{opacity:1;z-index:999;}

.modal .md_cont {position:absolute; top:45%; left:50%; transform: translate(-50%,-50%); max-width:100%; height:80%}
.modal .md_cont  .md_close {display:inline-block; text-align:right; color:#fff; font-size:40px; width:100%; margin-bottom:10px}
.modal .md_cont_scroll {overflow:hidden; overflow-y: scroll; width:850px; height:100%;}
.modal .md_cont_scroll img {width:100%}

@media screen and (max-width:1220px){
	.modal .md_cont_scroll {width:700px}
}

@media screen and (max-width:768px){
	.modal .md_cont {width:90%}
	.modal .md_cont_scroll {max-width:760px; width:100%}
	.modal .md_cont  .md_close {font-size:30px;}
}


/*-----------------------------------------------콘퍼런스 등록-----------------------------------------------*/
/*한줄일때 .sub03_7_1 .mgBox {height:80px; line-height:80px; width:100%; background:#004886; font-size:25px; color:#fff; text-align:center;}

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

@media screen and (max-width:480px){
	.sub03_7_1 .mgBox {height:50px; line-height:50px; font-size:16px}
}*/
.sub03_7_1 .mgBox {padding:20px 0; line-height:1.4em; width:100%; background:#004886; font-size:25px; color:#fff; text-align:center;}

@media screen and (max-width:768px){
	.sub03_7_1 .mgBox {padding:15px 0; font-size:20px}
}

@media screen and (max-width:480px){
	.sub03_7_1 .mgBox {padding:10px 0; font-size:16px}
}

.sub03_7_1 .sec01 .downUl {overflow:hidden}
.sub03_7_1 .sec01 .downUl li {position:relative; float:left; width:32%; margin-right:1%; border:1px solid #ddd;}
.sub03_7_1 .sec01 .downUl li:last-child {margin-right:0}

.sub03_7_1 .sec01 .downUl .data_tlt {background:#000; color:#fff; height:60px; line-height:60px; font-size:23px;}
.sub03_7_1 .sec01 .downUl .imgBox {position:relative; overflow:hidden}
.sub03_7_1 .sec01 .downUl .imgBox .img img {width:100%}
.sub03_7_1 .sec01 .downUl .imgBox .txtBox_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#004886; z-index:2}
.sub03_7_1 .sec01 .downUl .imgBox .txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; width:90%}
.sub03_7_1 .sec01 .downUl .imgBox .txtBox .tlt {font-size:30px; line-height:1.5em; font-weight:700}
.sub03_7_1 .sec01 .downUl .imgBox .txtBox .txt {font-size:14px; line-height:1.5em;}

.sub03_7_1 .sec01 .downUl .imgBox:hover .txtBox_bg {display:none}

.sub03_7_1 .sec01 .downUl .btnBox {padding:20px}
.sub03_7_1 .sec01 .downUl .btnBox a {display:inline-block; border:2px solid #004886; padding:10px 40px; border-radius:50px}

@media screen and (max-width:1220px){
	.sub03_7_1 .sec01 .downUl .imgBox .txtBox .tlt {font-size:22px;}
	.sub03_7_1 .sec01 .downUl .btnBox a {font-size:13px; padding:10px 20px}
}

@media screen and (max-width:768px){
	.sub03_7_1 .sec01 .downUl .data_tlt {height:50px; line-height:50px; font-size:15px;}
	.sub03_7_1 .sec01 .downUl .imgBox .txtBox_bg {display:none}

	.sub03_7_1 .sec01 .downUl .btnBox {padding:10px}
	.sub03_7_1 .sec01 .downUl .btnBox a {padding:5px 10px; line-height:1.3em}
}

@media screen and (max-width:480px){
	.sub03_7_1 .sec01 .downUl li {width:100%; margin-right:0;margin-bottom:20px}
}


/*-----------------------------------------------교육 및 체험 프로그램-----------------------------------------------*/
.sub04_1 .sec01 dl {overflow:hidden; margin-bottom:40px;}
.sub04_1 .sec01 dl:last-child {margin-bottom:0;}
.sub04_1 .sec01 dt {float:left; width:52%;}
.sub04_1 .sec01 dd {float:left; width:44%; margin-left:4%;}
.sub04_1 .sec01 dt img {max-width:100%;}
.sub04_1 .sec01 dd .add {color:#888;}
.chtlt {color:#000; font-size:30px; line-height:1.2em; margin-bottom:20px; overflow:hidden;}
.chtxt {color:#666; font-size:16px; line-height:1.7em; display:flex;}
.chtxt p {margin-right:10px; min-width:10%; font-weight:600;}
.chtxt p.fwn {font-weight:normal; color:#000; min-width:24% !important;}
.chtxt2 {font-size:0.9em !important;}

@media all and (max-width:1200px) {
	.sub04_1 .sec01 dd .add {font-size:14px;}
	.chtlt {font-size:26px;}
	.chtxt {color:#666; font-size:16px;}
}

@media all and (max-width:1024px) {
	.sub04_1 .sec01 dd .add {font-size:13px;}
	.sub04_1 .sec01 dd .add span {display:none;}
	.chtlt {font-size:24px;}
	.chtxt {font-size:14px;}
	.chtxt p {margin-right:5px;}
}

@media all and (max-width:768px) {
	.sub04_1 .sec01 dl {margin-bottom:40px;}
	.sub04_1 .sec01 dt, .sub04_1 .sec01 dd {float:none; width:100%; margin-left:0;}
	.sub04_1 .sec01 dd {margin-top:4%;}
	.sub04_1 .sec01 dd .add {font-size:12px;}
	.chtlt {font-size:20px;margin-bottom:10px;}
	.chtxt p {min-width:14%;}
}

@media all and (max-width:480px) {
	.sub04_1 .sec01 dl {margin-bottom:20px;}
	.chtlt {font-size:16px;}
	.chtxt {font-size:12px;}
	.chtxt p {min-width:10%;}
}


/*-----------------------------------------------부대/동시개최 행사-----------------------------------------------*/
.sub04_2 .sec01 .imgBox { padding: 7% 10px; text-align: center; color:#fff; }
.sub04_2 .sec01 .imgBox p {font-size:1.3em; display: inline-block; padding: 10px 40px; font-weight: 700; border: 1px solid #fff; line-height:1.1em; }
.sub04_2 .sec01 .imgBox h5 { padding: 20px 0 0 0; line-height: 1.3em; }
.sub04_2 .sec01 .imgBox.bg01 { background: url(/share/img/sub/img04_2_1_1.jpg) no-repeat; background-size: cover; }
.sub04_2 .sec01 .imgBox.bg02 { background: url(/share/img/sub/img04_2_1_2.jpg) no-repeat; background-size: cover; }
.sub04_2 .sec01 .imgBox.bg03 { background: url(/share/img/sub/img04_2_1_3.jpg) no-repeat; background-size: cover; }


/*-----------------------------------------------참가혜택-----------------------------------------------*/
.sub05_1_1 .sec01 .btnBox a {display:inline-block; border:2px solid #004886; padding:10px 30px; border-radius:50px}

@media screen and (max-width:1220px){
	.sub05_1_1 .sec01 .btnBox a {font-size:13px; padding:8px 20px}
}

@media screen and (max-width:768px){
	.sub05_1_1 .sec01 .btnBox a {padding:5px 15px; line-height:1.3em}
}


/*-----------------------------------------------오시는길-----------------------------------------------*/
.loc_map {width:1200px !important; height:500px !important}


/*애니메이션*/
.sub05_2_1 .sec01.active .loc_map {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){
	.loc_map {width:100% !important;}
}


/*-----------------------------------------------숙박 및 관광-----------------------------------------------*/
.sub05_3_1 .sec05_4Ul {overflow:hidden}
.sub05_3_1 .sec05_4Ul li {position:relative; float:left; width:48.5%; margin-right:2%;}
.sub05_3_1 .sec05_4Ul li:last-child {margin-right:0;}
.sub05_3_1 .sec05_4Ul li a {display:block; border:5px solid #ddd; border-radius:20px; height:280px; padding-top:55px; transition:all 0.3s}
.sub05_3_1 .sec05_4Ul li:hover a {border-color:#004886}
.sub05_3_1 .sec05_4Ul li .txt {font-size:20px; margin-top:20px}

/*애니메이션*/
.sub05_3_1 .sec05_4Ul {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){
	.sub05_3_1 .sec05_4Ul .icon img {height:90px}
}

@media screen and (max-width:768px){
	.sub05_3_1 .sec05_4Ul li a {border-width:7px; height:170px; padding-top:25px;}
	.sub05_3_1 .sec05_4Ul .icon img {height:65px}
	.sub05_3_1 .sec05_4Ul li .txt {font-size:16px; margin-top:15px}
}

@media screen and (max-width:480px){
	.sub05_3_1 .sec05_4Ul li a {border-width:5px; height:135px; padding-top:20px;}
	.sub05_3_1 .sec05_4Ul .icon img {height:50px}
	.sub05_3_1 .sec05_4Ul li .txt {font-size:13px; margin-top:10px}
}


/*-----------------------------------------------협력업체-----------------------------------------------*/
.sub05_5_1 .sec05_4Ul {overflow:hidden; }
.sub05_5_1 .sec05_4Ul li {position:relative; width:48.5%; margin:0 auto;}
.sub05_5_1 .sec05_4Ul li a {display:block; border:5px solid #ddd; border-radius:20px; height:280px; padding-top:55px; transition:all 0.3s}
.sub05_5_1 .sec05_4Ul li:hover a {border-color:#004886}
.sub05_5_1 .sec05_4Ul li .txt {font-size:20px; margin-top:20px}

/*애니메이션*/
.sub05_5_1 .sec05_4Ul {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){
	.sub05_5_1 .sec05_4Ul .icon img {height:90px}
}

@media screen and (max-width:768px){
	.sub05_5_1 .sec05_4Ul li a {border-width:7px; height:170px; padding-top:25px;}
	.sub05_5_1 .sec05_4Ul .icon img {height:65px}
	.sub05_5_1 .sec05_4Ul li .txt {font-size:16px; margin-top:15px}
}

@media screen and (max-width:480px){
	.sub05_5_1 .sec05_4Ul li a {border-width:5px; height:135px; padding-top:20px;}
	.sub05_5_1 .sec05_4Ul .icon img {height:50px}
	.sub05_5_1 .sec05_4Ul li .txt {font-size:13px; margin-top:10px}
}


/*-----------------------------------------------갤러리 영역-----------------------------------------------*/
/*갤러리*/
.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:#004886}

@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);
    -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:#004886}
.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:#004886}
  25%{border-color:#e2e2e2}
  50%{border-color:#004886}
  75%{border-color:#e2e2e2}
  100%{border-color:#004886;}
}

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

.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){
	.join_tab {width:70%;}
}

@media screen and (max-width:768px){
	.join_tab {width:100%; margin:0 auto 30px;}
	.join_tab:after {top:45px;}
	.join_tab li {width:100px;}


	.join_tab .dongBox {width:100px; height:100px; border-width:4px}
	.join_tab img {margin-top:12px; height:40px}
	.join_tab .num {font-size:18px; margin-top:5px;}
	.join_tab .txt {margin-top:5px; font-size:16px;}

	div.table_box table.type02.view_table01 > tbody > tr > th {width:30%;}
	div.table_box table.view_table01 > tbody > tr > th, div.table_box table.view_table01 > thead > tr > th {width:30%; padding:10px}
	div.table_box table.type02.view_table01 > tbody > tr > td {width:70%;}
	div.table_box table.view_table01 > tbody > tr > td {width:70%; padding:10px;}

	/* 회원가입 완료 */
	.reg_resulBox .txtBox {font-size:25px;}
	.reg_resulBox .txtBox i {font-size:60px; margin-bottom:15px;}
	.reg_resulBox #result_email {font-size:16px;}
}

@media screen and (max-width:480px){
	/* 회원가입 완료 */
	.reg_resulBox .txtBox {font-size:20px;}
	.reg_resulBox .txtBox i {font-size:40px; margin-bottom:10px;}
	.reg_resulBox #result_email {font-size:14px;}


	.join_tab:after {top:45px;}
	.join_tab li {width:75px;}

	.join_tab .dongBox {width:75px; height:75px;}
	.join_tab img {margin-top:8px; height:28px}
	.join_tab .num {font-size:14px; margin-top:5px;}
	.join_tab .txt {margin-top:5px; font-size:12px;}
}


/*-----------------------------------------------어드민-----------------------------------------------*/
.stxt {font-size:14px; line-height:1.5em;}
.stxt_g {font-size:13px; line-height:17px; color:#999;}
.stlt {color: #004886; vertical-align: middle; font-size:24px; margin-bottom:20px;}
.stlt:before {content:""; display:inline-block; width:20px; height:20px; background:#fff; border:7px solid #004886; border-radius:50%; margin-right:10px; vertical-align: middle;}

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

/* 참가업체 관리 */
.table_basic {width:100%; border-top:2px solid #004886}
.table_basic th {padding:20px;}
.table_basic thead th {background:#f4f4f4; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_basic thead th:first-child {border-left:0}
.table_basic tbody th {background:#f4f4f4; 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}

.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:#f4f4f4 !important;}

/* 신청내역 조회 */
.com_tlt {position:relative; color:#fff; padding:10px 20px; font-size:20px; width:100%; background:#022042; overflow:hidden}

.bod_line{border-top:2px solid #004886; 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:#f4f4f4; 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;}

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

.agreement {height: 345px; border-top: 2px solid #004886 !important; border: 1px solid #ddd; overflow-x: auto; margin-bottom: 10px;}
.agreement2 {height: 200px; border-top: 2px solid #004886 !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";}

/*인보이스 조회*/
.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;}

/* 사전등록 관리 */
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; }


/*-----------------------------------------------온라인 참가신청-----------------------------------------------*/
/*부스선택*/
.booth_ul {width:100%; position:relative; margin:0 auto;}
.booth_ul li {position:relative; display:inline-block; width:31%; margin:0 1% 1% 0; height:610px; border:1px solid #ccc; 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;}

.booth_ul .icon1 {font-size:13px; 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:630px;}
	.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:900px) {
	.booth_ul li {height:580px;}
}

@media all and (max-width:768px) {
	.booth_ul {/*width:90%;*/}
	.booth_ul li {height:520px;}
	.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;}
}

/*온라인 참가신청 리스트*/
.signup_btn {background:#3a8bcf; padding:15px 80px; color:#fff; border-radius:50px;}
.signup_btn2 {background:#004886; padding:15px 80px; color:#fff; border-radius:50px;}

@media all and (max-width:768px) {
	.signup_btn, .signup_btn2 {font-size:3.4vw;}
}