@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:#00297a; 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:#00297a; 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;}

h6 {font-size:24px; color:#00297a; font-weight:700; line-height:1em; margin-bottom:20px; letter-spacing:-0.04em;}
h6 p{font-size:16px; color:#666; font-weight:500;  line-height:1em; margin-top:5px;}
h6:before {content:""; display:inline-block; width:24px; height:24px; border-top:6px solid #00297a; border-left:6px solid #00297a; border-bottom:6px solid #c2263a; border-right:6px solid #c2263a; border-radius:5px; vertical-align:middle; margin-right:10px; margin-bottom:3px;}

/*스크롤*/
.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;}

	/*스크롤*/
	.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;}
}


/*-----------------------------------------------블릿-----------------------------------------------*/
/*블릿*/
.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;}

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


/*-----------------------------------------------행사 개요 new-----------------------------------------------*/
.sub01_1 .sec01 {background:#f9f9f9; padding:80px 0;}

.sub01_1 .txtBox{margin-bottom:50px;font-size:20px;line-height:1.6;}
.sub01_1 .txtBox .tlt{margin-bottom:20px;font-size:34px;font-weight:700;line-height:1.2;}

/* 사진 */
.photo3_ul{overflow:hidden;}
.photo3_ul li{position:relative;float:left;width:32%;margin-right:2%;}
.photo3_ul li:last-child{margin-right:0;}
.photo3_ul .img{background:#fff;border-radius:20px;overflow:hidden;}
.photo3_ul .img img{display:block;width:100%;height:auto;}

/* 공통 드래그 스크롤 */
.drag-scroll{cursor:grab;user-select:none;scrollbar-width:none;-ms-overflow-style:none;}
.drag-scroll::-webkit-scrollbar{display:none;}
.drag-scroll.dragging{cursor:grabbing;}
.drag-scroll img{pointer-events:none;user-select:none;-webkit-user-drag:none;}

@media screen and (max-width:1220px){
	.sub01_1 .sec01 .txtBox{margin-bottom:40px;font-size:18px;}
	.sub01_1 .sec01 .txtBox .tlt{margin-bottom:18px;font-size:30px;}
}

@media screen and (max-width:1024px){
	.sub01_1 .sec01 .txtBox{margin-bottom:36px;font-size:17px;}
	.sub01_1 .sec01 .txtBox .tlt{margin-bottom:16px;font-size:28px;}
}

@media screen and (max-width:900px){
	.br900{display:none;}
}

@media screen and (max-width:768px){
	.sub01_1 .sec01 .txtBox{margin-bottom:30px;font-size:16px;}
	.sub01_1 .sec01 .txtBox .tlt{margin-bottom:15px;font-size:24px;}

	.drag-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
	.drag-scroll li{float:none;flex:0 0 80%;width:auto;margin:0;scroll-snap-align:start;}
}

@media screen and (max-width:600px){
	.br480{display:none;}
}

@media screen and (max-width:480px){
	.sub01_1 .sec01 .txtBox{margin-bottom:25px;font-size:15px;}
	.sub01_1 .sec01 .txtBox .tlt{margin-bottom:12px;font-size:22px;}
}

/*다운로드 버튼*/
.sub01_1 .sec01 .down_btn{text-align:center;}
.sub01_1 .sec01 .down_btn a{display:block;width:50%;margin:0 auto;padding:20px 0;font-size:20px;font-weight:600;line-height:1;color:#fff;background:#00297a;border:1px solid #00297a;border-radius:50px;transition:.3s;box-sizing:border-box;}
.sub01_1 .sec01 .down_btn a:hover{color:#00297a; background:#fff;}
.sub01_1 .sec01 .down_btn i{margin-left:8px; font-size:20px;}

@media screen and (max-width:1200px){
	.sub01_1 .sec01 .down_btn a{width:60%;}
}

@media screen and (max-width:768px){
	.sub01_1 .sec01 .down_btn a{width:80%; padding:16px 0; font-size:18px;}
	.sub01_1 .sec01 .down_btn i{font-size:18px;}
}

@media screen and (max-width:480px){
	.sub01_1 .sec01 .down_btn a{width:100%; padding:14px 0; font-size:16px;}
	.sub01_1 .sec01 .down_btn i{font-size:16px;}
}

/*Overview */
.overview_list{margin:0;padding:0;list-style:none;}
.overview_list > li{display:flex;align-items:flex-start;gap:24px;margin-bottom:20px;}
.overview_list > li:last-child{margin-bottom:0;}

.overview_list .label{flex:0 0 170px;height:46px;padding:0 16px;display:flex;justify-content:center;align-items:center;background:#00297a;color:#fff;border-radius:999px;font-size:18px;font-weight:700;line-height:1.2;text-align:center;box-sizing:border-box;}
.overview_list .label br{display:none;}

.overview_list .cont{flex:1;font-size:21px;line-height:1.75;color:#222;word-break:keep-all;}
.overview_list .cont strong{font-weight:700;}

.logoUl{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:0;list-style:none;}
.logoUl li{margin:0;padding:0;display:block;}
.logoUl img{display:block;height:40px;width:auto;}

@media (max-width:1024px){
	.overview_list>li{gap:20px;}
	.overview_list .label{flex-basis:150px;height:42px;font-size:17px;}
	.overview_list .cont{font-size:18px;}

	.logoUl img{height:36px;}
}

@media (max-width:768px){
	.overview_list>li{gap:14px;margin-bottom:18px;}
	.overview_list .label{flex:0 0 100px;height:36px;padding:0 10px;font-size:14px;}
	.overview_list .cont{font-size:16px;line-height:1.65;}

	.logoUl{gap:8px;}
	.logoUl img{height:30px;}

	.overview_list .label br{display:block;}
	.overview_list > li:nth-child(6) .label{height:50px;line-height:1.15;}
}

@media (max-width:480px){
	.overview_list>li{gap:10px;}
	.overview_list .label{flex-basis:82px;height:34px;font-size:13px;}
	.overview_list .cont{font-size:15px;}

	.logoUl img{height:28px;}

	.overview_list > li:nth-child(6) .label{height:46px;}
}

/*Exhibition Field*/
.field_wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;}

.field_card{padding:28px 20px;border:1px solid #e7e7e7;border-radius:18px;background:#fff;text-align:center;transition:.25s;}
.field_card:hover{border-color:#00297a;box-shadow:0 10px 25px rgba(0,0,0,.08);transform:translateY(-4px);}

.field_card .icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.field_card .icon img{width:36px;height:36px;}

.field_card strong{display:block;margin-bottom:8px;font-size:22px;color:#00297a; line-height:1.4;}
.field_card p{margin:0;font-size:16px;color:#666;line-height:1.6;}

.natural .icon{background:#82B366;}
.fire .icon{background:#F28B82;}
.life .icon{background:#C889D5;}
.industry .icon{background:#C79669;}
.police .icon{background:#4F78BF;}
.transport .icon{background:#27B8C7;}

@media(max-width:1024px){
	.field_wrap{grid-template-columns:repeat(2,1fr);}

	.field_card{padding:24px 18px;}
	.field_card strong{font-size:20px;}
}

@media(max-width:768px){
	.field_wrap{grid-template-columns:1fr;gap:14px;}

	.field_card{display:flex;align-items:center;text-align:left;padding:18px;}
	.field_card .icon{width:56px;height:56px;margin:0 16px 0 0;flex-shrink:0;}
	.field_card .icon img{width:28px;height:28px;}

	.field_card strong{font-size:18px;margin-bottom:4px;}
	.field_card p{display:none; font-size:14px;}
}

/*Special Zone*/
.special_zone{margin-top:60px;padding:50px 30px;background:#f6fbff;border-radius:30px;display:flex;justify-content:center;align-items:center;gap:75px;position:relative;}
.special_zone:before{content:"";position:absolute;left:18%;right:50%;top:50%;height:2px;background:#214c9e;transform:translateY(-50%);}
.special_zone:after{content:"";position:absolute;left:50%;right:18%;top:50%;height:2px;background:#2c8ddc;transform:translateY(-50%);}

.special_item{position:relative;z-index:2;text-align:center;padding-top:0;}

/*Badge*/
.badge{
	position:absolute;
	top:-14px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	width:190px;
	height:56px;
	padding:6px 16px;
	border-radius:999px;
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	white-space:normal;
	background:#0080c5;
	z-index:20;
	box-shadow:0 0 0 3px #fff;
}
.badge.deep{background:#214c9e;}

/*Circle*/
.circle{border-radius:50%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;}

.circle.small{position:relative;width:205px;height:205px;background:#fff;border:1px dashed #005ca6;display:flex;justify-content:center;align-items:center;padding:38px 20px 20px;box-sizing:border-box;}
.circle.small1:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #214c9e;pointer-events:none;}
.circle.small2:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #0080c5;pointer-events:none;}
.circle.small p{margin:0;color:#444;font-size:16px;line-height:1.55;word-break:keep-all;overflow-wrap:break-word;}

.circle.big{
    position:relative;
    width:235px;
    height:235px;
    border-radius:50%;
    background:linear-gradient(135deg,#214c9e 0%,#146fb3 50%,#0080c5 100%);
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
    font-size:19px;
    font-weight:700;
    line-height:1.45;
    padding:26px;
    box-sizing:border-box;
}

.circle.big:before{
	content:"";
	position:absolute;
	inset:-12px;
	border-radius:50%;
	padding:6px;
	background:linear-gradient(135deg,
		#214c9e 0%,
		#146fb3 50%,
		#0080c5 100%);
	-webkit-mask:
		radial-gradient(farthest-side,
		transparent calc(100% - 7px),
		#000 calc(100% - 6px));
			mask:
		radial-gradient(farthest-side,
		transparent calc(100% - 7px),
		#000 calc(100% - 6px));
	pointer-events:none;
}

@media (max-width:1024px){
	.special_zone{gap:45px;}

	.badge{width:170px;height:50px;font-size:13px;}

	.circle.small{width:180px;height:180px;}
	.circle.small p{font-size:14px;}

	.circle.big{width:205px;height:205px;font-size:17px;}
}

@media (max-width:768px){
	.special_zone{flex-direction:column;gap:42px;padding:35px 20px;}
	.special_zone:before, .special_zone:after{display:none;}

	.special_item:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);width:2px;height:36px;background:#2c8ddc;}

	.badge{width:150px;height:42px;padding:4px 10px;font-size:12px;line-height:1.2;white-space:normal;}

	.circle.small{width:180px;height:180px;padding:30px 18px 18px;}
	.circle.small p{font-size:13px;line-height:1.45;}

	.circle.big{width:205px;height:205px;padding:22px;font-size:16px;line-height:1.4;}
	.circle.big:before{inset:-8px;padding:5px;}
}


/*-----------------------------------------------지난 참가사-----------------------------------------------*/
.btnBox_pdf {padding:0 0 20px 0;}
.btnBox_pdf a {color:#fff; display:inline-block; background:#00297a; border:2px solid #00297a; padding:10px 40px 12px; border-radius:50px}

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

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


/*-----------------------------------------------Exhibitor Application-----------------------------------------------*/
.sub02_1_1 .mgBox {height:80px; line-height:80px; width:100%; background:#004886; font-size:25px; color:#fff; text-align:center;}
.sub02_1_1 .bgc {background:#56c8c2 !important;}
.sub02_1_1 .bgc2 {background:#56b8c8 !important;}

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

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


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

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

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

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

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

/* 참가신청 */
.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 #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_1 .sec03 .sec03_listUl li {position:relative; display:inline-block; vertical-align:top; margin-right:55px}
.sub02_1 .sec03 .sec03_listUl li:last-child {margin-right:0}
.sub02_1 .sec03 .sec03_listUl .iconBox {position:relative; width:184px; height:184px; background:#f3f3f3; border-radius:50%; margin:0 auto}
.sub02_1 .sec03 .sec03_listUl li:after {content:""; display:inline-block; position:absolute; top:70px; right:-42px; width:25px; height:43px; background:url(/share/img/sub/arrow_r03_1_3_1.png) no-repeat 0 0; background-size:100% 100%}
.sub02_1 .sec03 .sec03_listUl li:last-child:after {display:none}

.sub02_1 .sec03 .sec03_listUl .iconBox .icon {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.sub02_1 .sec03 .sec03_listUl .txt {font-size:20px; margin-top:10px; line-height:1.3em; font-weight:600; text-align:center;}
.sub02_1 .sec03 .sec03_listUl .txt2 {font-size:16px; margin-top:10px; line-height:1.3em; text-align:center;}

@media screen and (max-width:1240px){
	.sub02_1 .sec03 .sec03_listUl li:after {top:45px}
	.sub02_1 .sec03 .sec03_listUl .iconBox {width:135px; height:135px}
	.sub02_1 .sec03 .sec03_listUl .txt {font-size:18px;}
}

@media screen and (max-width:1024px){
	.sub02_1 .sec03 .sec03_listUl li {margin-right:5vw}
	.sub02_1 .sec03 .sec03_listUl li:after {top:5vw; right:-4vw; width:2.5vw; height:4.3vw;}
	.sub02_1 .sec03 .sec03_listUl .iconBox {width:14vw; height:14vw;}
	.sub02_1 .sec03 .sec03_listUl .iconBox img {height:7vw}
	.sub02_1 .sec03 .sec03_listUl .txt {font-size:1.8vw; margin-top:1vw;}
	.sub02_1 .sec03 .sec03_listUl .txt2 {font-size:1.4vw; margin-top:1vw;}
}

@media screen and (max-width:768px){
	.sub02_1 .sec03 .sec03_listUl li {width:32%; margin-right:1%; margin-bottom:3vw}
	.sub02_1 .sec03 .sec03_listUl li:nth-child(3n) {margin-right:0} 
	.sub02_1 .sec03 .sec03_listUl li:after {top:8vw; right:-2.5vw; width:3.5vw; height:5.3vw;}
	.sub02_1 .sec03 .sec03_listUl li:nth-child(3n):after {display:none}
	.sub02_1 .sec03 .sec03_listUl .iconBox {width:20vw; height:20vw;}
	.sub02_1 .sec03 .sec03_listUl .iconBox img {height:9vw}
	.sub02_1 .sec03 .sec03_listUl .txt {font-size:2.8vw; margin-top:2vw;}
	.sub02_1 .sec03 .sec03_listUl .txt2 {font-size:2.2vw; margin-top:2vw;}
}

@media screen and (max-width:480px){
	.sub02_1 .sec03 .sec03_listUl {text-align:left;}
	.sub02_1 .sec03 .sec03_listUl li, .sub02_1 .sec03 .sec03_listUl li:nth-child(3n) {width:48.5%; margin-right:1.2%; margin-bottom:4vw; text-align:center}
	.sub02_1 .sec03 .sec03_listUl li:nth-child(2n) {margin-right:0} 
	.sub02_1 .sec03 .sec03_listUl li:after, .sub02_1 .sec03 .sec03_listUl li:nth-child(3n):after {display:inline-block; top:12vw; right:-3.4vw; width:5.5vw; height:8vw;}
	.sub02_1 .sec03 .sec03_listUl li:nth-child(2n):after {display:none}
	.sub02_1 .sec03 .sec03_listUl .iconBox {width:30vw; height:30vw;}
	.sub02_1 .sec03 .sec03_listUl .iconBox img {height:13vw}
	.sub02_1 .sec03 .sec03_listUl .txt {font-size:3.8vw; margin-top:2vw;}
	.sub02_1 .sec03 .sec03_listUl .txt2 {font-size:3vw; margin-top:2vw;}
}


/*-----------------------------------------------참관 안내-----------------------------------------------*/
.sub04_1_1 .mgBox {height:80px; line-height:80px; width:100%; background:#00297a; font-size:24px; color:#fff; text-align:center;}
.sub04_1_1 .bgc {background:#56c8c2 !important;}
.sub04_1_1 .bgc2 {background:#56b8c8 !important;}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sub04_5_1 .mgBox {height:80px; line-height:80px; width:100%; background:#00297a; 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;}


/*애니메이션*/
.sub04_5_1 .sec01.active .borderBox {animation-fill-mode: both !important; animation: bounce-in-down 0.5s;animation-timing-function: ease-out; animation-delay:0.2s}
.sub04_5_1 .sec02.active, .sub04_5_1 .sec03.active, .sub04_5_1 .sec04.active, .sub04_5_1 .sec05.active, .sub04_5_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}

	.sub04_5_1 .borderBox {padding:30px}
	.sub04_5_1 .borderBox .tlt {font-size:28px;}
	.sub04_5_1 .borderBox .txt {font-size:16px;}

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

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

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






















/*-----------------------------------------------전시회 참관안내-----------------------------------------------*/
/*애니메이션*/
.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}


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

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


/*애니메이션*/
.sub02_4_1 .sec01.active .borderBox {animation-fill-mode: both !important; animation: bounce-in-down 0.5s;animation-timing-function: ease-out; animation-delay:0.2s}
.sub02_4_1 .sec02.active, .sub02_4_1 .sec03.active, .sub02_4_1 .sec04.active, .sub02_4_1 .sec05.active, .sub02_4_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}

	.sub02_4_1 .borderBox {padding:30px}
	.sub02_4_1 .borderBox .tlt {font-size:28px;}
	.sub02_4_1 .borderBox .txt {font-size:16px;}

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

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

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


/*-----------------------------------------------부스배치도-----------------------------------------------*/
.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}
}


/*-----------------------------------------------DSK 솔루션 허브-----------------------------------------------*/
.sub02_13_1 .sec02Box {/*float:right;*/float:left; width:50%;}

.sub02_13_1 .borderBox {border:5px solid #ddd; padding:30px 40px}
.sub02_13_1 .borderBox .tlt {font-size:20px; margin-bottom:15px;}

.sub02_13_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){
	.sub02_13_1 .sec02Box {width:100%;}

	.sub02_13_1 .borderBox .tlt {font-size:18px;}

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

@media screen and (max-width:480px){
	.sub02_13_1 .borderBox {padding:20px 30px}
	.sub02_13_1 .borderBox .tlt {font-size:16px;}

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

.sub02_13_1 .btnBox {padding:20px 0 0 0;}
.sub02_13_1 .btnBox a {display:inline-block; border:2px solid #004886; padding:15px 45px; border-radius:50px; font-size:1.3em; color:#004886; font-weight:700;}

.sub02_13_1 .mvBox {background:#f5f5f5;border:1px solid #ddd;padding:30px}

@media screen and (max-width:1220px){
	.sub02_13_1 .btnBox a {padding:10px 35px}
}

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

	.sub02_13_1 .mvBox {padding:15px}
}

@media screen and (max-width:480px){
	.sub02_13_1 .btnBox a {font-size:12px; padding:8px 20px; line-height:1.3em}

	.sub02_13_1 .mvBox {padding:10px}
}


/*-----------------------------------------------콘퍼런스 소개-----------------------------------------------*/
.sub03_1_1 .whyBox .tlt {font-size:38px; line-height:1.5em}
.sub03_1_1 .whyBox .txt {font-size:18px; margin-top:20px; line-height:1.5em}

/*애니메이션*/
.sub03_1_1 .sec01.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){
	.sub03_1_1 .whyBox .tlt {font-size:30px;}
	.sub03_1_1 .whyBox .txt {font-size:16px;}
}

@media screen and (max-width:768px){
	.sub03_1_1 .whyBox .tlt {font-size:26px;}
	.sub03_1_1 .whyBox .txt {font-size:14px; margin-top:15px}
}

@media screen and (max-width:480px){
	.sub03_1_1 .whyBox .tlt {font-size:20px;}
	.sub03_1_1 .whyBox .txt {font-size:12px; margin-top:10px}
}


/*-----------------------------------------------콘퍼런스 일정-----------------------------------------------*/
.sub03_2_1 .sec01.active, .sub03_2_1 .sec02.active {animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.2s}


/*-----------------------------------------------콘퍼런스 프로그램-----------------------------------------------*/
/*탭*/
.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}
}


/*-----------------------------------------------지난 콘퍼런스 결과-----------------------------------------------*/
.sub03_6_1 .sec01 {background:url(/share/img/sub/img03_6_1_1.jpg) no-repeat 50% 0}
.sub03_6_1 .sec01 .is_cont {height:685px; padding-top:80px;}

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

.sub03_6_1 .sec01 .txtBox .txt {margin-top:15px; font-size:20px; color:#bcbcbc; line-height:1.4em}

.sub03_6_1 .sec01 .numUl {margin-top:80px;}
.sub03_6_1 .sec01 .numUl li {position:relative; display:inline-block; width:23%; margin-right:1%; background:#fecc00; color:#004886; height:180px}
.sub03_6_1 .sec01 .numUl li:last-child {margin-right:0}

.sub03_6_1 .sec01 .numUl .li_txtBox {position:absolute; top:50%;; left:50%; transform: translate(-50%,-50%); font-size:20px; width:100%}
.sub03_6_1 .sec01 .numUl .li_txtBox .num {line-height:1.5em}
.sub03_6_1 .sec01 .numUl .li_txtBox span {font-size:70px; font-weight:700}

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

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

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

.sub03_6_1 .sec03 .downUl .imgBox:hover .txtBox_bg {display:none}

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

.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){
	.sub03_6_1 .sec01 .numUl .li_txtBox {font-size:18px}
	.sub03_6_1 .sec01 .numUl .li_txtBox span {font-size:50px}


	.sub03_6_1 .sec03 .downUl .imgBox .txtBox .tlt {font-size:22px;}
	.sub03_6_1 .sec03 .downUl .btnBox a {font-size:13px; padding:10px 20px}

	.modal .md_cont_scroll {width:700px}
}

@media screen and (max-width:768px){
	.sub03_6_1 .sec01 {background-size:cover}
	.sub03_6_1 .sec01 .is_cont {height:550px; padding-top:60px;}

	.sub03_6_1 .sec01 .txtBox .tlt {font-size:25px;}
	.sub03_6_1 .sec01 .txtBox .cl {font-size:28px;}
	.sub03_6_1 .sec01 .txtBox .txt {margin-top:10px; font-size:16px}

	.sub03_6_1 .sec01 .numUl {margin-top:60px}
	.sub03_6_1 .sec01 .numUl .li_txtBox {font-size:16px}
	.sub03_6_1 .sec01 .numUl .li_txtBox span {font-size:45px}

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


	.sub03_6_1 .sec03 .downUl .data_tlt {height:50px; line-height:50px; font-size:15px;}
	.sub03_6_1 .sec03 .downUl .imgBox .txtBox_bg {display:none}

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

	.modal .md_cont {width:90%}
	.modal .md_cont_scroll {max-width:760px; width:100%}
	.modal .md_cont  .md_close {font-size:30px;}
}

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

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

	.sub03_6_1 .sec01 .numUl {margin-top:30px}
	.sub03_6_1 .sec01 .numUl .li_txtBox {font-size:14px}
	.sub03_6_1 .sec01 .numUl .li_txtBox span {font-size:35px}

	.sub03_6_1 .sec01 .numUl li {height:90px}

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


/*-----------------------------------------------콘퍼런스 등록-----------------------------------------------*/
/*한줄일때 .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; }


/*-----------------------------------------------오시는길-----------------------------------------------*/
.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}
}


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

.in_txt {position:absolute; top:0; right:0; padding:5px 10px; background:#00297a; 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;}
}