@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:#203a83; font-weight:700; line-height:1em; margin-bottom:20px;}
h4:before {content:""; display:inline-block; width:24px; height:24px; border-top:6px solid #203a83; border-left:6px solid #203a83; border-bottom:6px solid #e11d2a; border-right:6px solid #e11d2a; border-radius:5px; vertical-align:middle; margin-right:10px; margin-bottom:3px;}

h5 {font-size:26px; color:#203a83; 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:#203a83; 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 #203a83; border-left:6px solid #203a83; border-bottom:6px solid #e11d2a; border-right:6px solid #e11d2a; 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:#203a83; 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:#203a83; 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:#203a83; 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;}
}


/*-----------------------------------------------공통 사용-----------------------------------------------*/
/*br 안보이게 처리*/
@media screen and (max-width:1024px){
	.br1024{display:none;}
}

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

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

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

/*모바일 br 효과*/
.mobile_block {display:inline;}

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

/*사진4*/
.photo4_list {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;}
.photo4_item {overflow:hidden;aspect-ratio:4 / 3;border:1px solid #e1e5eb;border-radius:12px;background:#f5f6f8;box-sizing:border-box;}
.photo4_item img {display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}

@media screen and (max-width:1200px){
	.photo4_list {gap:15px;}
}

@media screen and (max-width:1024px){
	.photo4_list {grid-template-columns:repeat(2,1fr);gap:15px;}
}

@media screen and (max-width:768px){
	.photo4_list {grid-template-columns:repeat(2,1fr);gap:14px;}
}

@media screen and (max-width:600px){
	.photo4_list {gap:10px;}
}

@media screen and (max-width:480px){
	.photo4_list {grid-template-columns:1fr;gap:10px;}
	.photo4_item {border-radius:8px;}
}


/*-----------------------------------------------행사 개요 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: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:#203a83;border:1px solid #203a83;border-radius:50px;transition:.3s;box-sizing:border-box;}
.sub01_1 .sec01 .down_btn a:hover{color:#203a83; 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;}

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

.overview_list .label.seminar{
	height:60px;
	padding:0 10px;

	display:flex;
	justify-content:center;
	align-items:center;

	text-align:center;
	line-height:1.2;
}

.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:160px;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 120px;
		height:42px;
		padding:0 10px;
		font-size:14px;

		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		line-height:1.15;
	}

	/* 2줄 버튼 */
	.overview_list .label.seminar,
	/*.overview_list > li:nth-child(7) .label,*/
	.overview_list > li:nth-child(8) .label{
		height:54px;
	}

	.overview_list .cont{
		font-size:16px;
		line-height:1.65;
	}

	.logoUl{
		gap:8px;
	}

	.logoUl img{
		height:30px;
	}

	.overview_list .label br{
		display:block;
	}
}

@media (max-width:480px){
	.overview_list>li{
		gap:10px;
	}

	.overview_list .label{
		flex:0 0 100px;
		height:38px;
		font-size:13px;

		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		line-height:1.15;
	}

	/* 2줄 버튼 */
	.overview_list .label.seminar,
	.overview_list > li:nth-child(7) .label,
	.overview_list > li:nth-child(8) .label{
		height:50px;
	}

	.overview_list .cont{
		font-size:15px;
	}

	.logoUl img{
		height:28px;
	}
}

/*파트너사*/
.partner_logo_list {display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px;width:100%;}

.partner_logo_item {display:flex;align-items:center;justify-content:center;height:50px;min-width:0;}
.partner_logo_item a {display:flex;align-items:center;justify-content:center;width:100%;height:50px;}
.partner_logo_item img {display:block;width:auto;height:50px;max-width:100%;object-fit:contain;object-position:center center;}
.partner_logo_item a:hover img {opacity:.7;}

@media screen and (max-width:1200px){
	.partner_logo_list {gap:36px 25px;}
}

@media screen and (max-width:768px){
	.partner_logo_list {grid-template-columns:repeat(2,1fr);gap:36px 25px;}

	.partner_logo_item,
	.partner_logo_item a {height:45px;}
	.partner_logo_item img {height:45px;}
}

@media screen and (max-width:480px){
	.partner_logo_list {grid-template-columns:repeat(2,1fr);gap:36px 25px;}

	.partner_logo_item,
	.partner_logo_item a {height:36px;}
	.partner_logo_item img {height:36px;}
}

/*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:#203a83;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:#203a83; 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:#fff;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;}
}


/*-----------------------------------------------행사 리플렛-----------------------------------------------*/
.leaflet-viewer {width: 100%;display: flex;flex-direction: column;gap: 30px;}

.leaflet-viewer-item {width: 100%;border: 1px solid #e5e5e5;box-sizing: border-box;}

.leaflet-open {position: relative;display: block;width: 100%;margin: 0;padding: 0;border: 0;background: #fff;cursor: pointer;overflow: hidden;}
.leaflet-open img {display: block;width: 100%;max-width: 100%;height: auto;margin: 0;}

/* =========================
   전체화면 보기 버튼
========================= */
.leaflet-open-text {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 230px;
	height: 64px;
	padding: 0 35px;
	background: rgba(0, 0, 0, 0.78);
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	opacity: 0;
	transition: opacity 0.25s ease;
}

/* hover 시 중앙 버튼 표시 */
.leaflet-open:hover .leaflet-open-text {opacity: 1;}
.leaflet-open::after {content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);transition: background 0.25s ease;pointer-events: none;}
.leaflet-open:hover::after {background: rgba(0, 0, 0, 0.10);}

/* =========================
   전체화면 이미지 뷰어
========================= */
.leaflet-modal {position: fixed;top: 0;left: 0;z-index: 99999;display: none;width: 100%;height: 100%;margin: 0;padding: 0;background: #111;}
.leaflet-modal.is-open {display: block;}

.leaflet-modal-bg {position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;}

.leaflet-modal-inner {position: relative;z-index: 1;width: 100%;height: 100%;}

/* =========================
   닫기 버튼
========================= */
.leaflet-modal-close {position: absolute;top: 20px;right: 20px;z-index: 30;width: 50px;height: 50px;margin: 0;padding: 0;border: 0;border-radius: 50%;background: rgba(0, 0, 0, 0.75);cursor: pointer;}
.leaflet-modal-close span {position: absolute;top: 24px;left: 12px;display: block;width: 26px;height: 2px;background: #fff;}
.leaflet-modal-close span:first-child {transform: rotate(45deg);}
.leaflet-modal-close span:last-child {transform: rotate(-45deg);}

/* =========================
   확대 안내 문구
========================= */
.leaflet-modal-guide {
	position: absolute;
	top: 20px;
	left: 50%;
	z-index: 20;
	transform: translateX(-50%);
	padding: 11px 20px;
	border-radius: 24px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
}

/* PC 기본 문구 */
.leaflet-modal-guide::before {content: "Use the mouse wheel to zoom in and out";}

/* 기존 HTML 텍스트 숨김 */
.leaflet-modal-guide {font-size: 0;}
.leaflet-modal-guide::before {font-size: 13px;}

/* =========================
   확대 / 이동 영역
========================= */
.leaflet-modal-viewport {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: grab;
	touch-action: none;
}

.leaflet-modal-viewport.is-dragging {cursor: grabbing;}

/* 확대 대상 이미지 */
.leaflet-modal-viewport img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: auto;
	height: auto;
	max-width: 90vw;
	max-height: 90vh;
	margin: 0;
	padding: 0;
	transform: translate(-50%, -50%);
	transform-origin: center center;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

.leaflet-open-text {gap: 10px;}
.leaflet-open-icon {position: relative;display: block;width: 18px;height: 18px;border: 2px solid #fff;box-sizing: border-box;}
.leaflet-open-icon::before,
.leaflet-open-icon::after {content: "";position: absolute;background: #fff;}
.leaflet-open-icon::before {top: -4px;right: -4px;width: 8px;height: 2px;}
.leaflet-open-icon::after {top: -4px;right: -4px;width: 2px;height: 8px;}

@media all and (max-width: 768px) {
	.leaflet-viewer {gap: 20px;}

	/* 모바일에서는 중앙 버튼 항상 표시 */
	.leaflet-open-text {min-width: 210px;height: 56px;padding: 0 28px;font-size: 15px;opacity: 1;}

	/* 모바일에서는 어두운 배경도 항상 표시 */
	.leaflet-open::after {background: rgba(0, 0, 0, 0.01);}

	/* 닫기 버튼 */
	.leaflet-modal-close {top: 12px;right: 12px;width: 46px;height: 46px;}
	.leaflet-modal-close span {top: 22px;left: 11px;width: 24px;}

	/* 모바일 안내 문구 */
	.leaflet-modal-guide {top: 15px;left: 15px;right: 70px;transform: none;max-width: none;padding: 9px 14px;border-radius: 18px;white-space: normal;}
	.leaflet-modal-guide::before {content: "두 손가락으로 확대/축소할 수 있습니다";font-size: 11px;}

	/* 모바일 확대 이미지 */
	.leaflet-modal-viewport img {max-width: calc(100vw - 20px);max-height: calc(100vh - 20px);}

	.leaflet-open::after {background: rgba(0, 0, 0, 0.06);}

	.leaflet-open-text {min-width: 210px;height: 56px;padding: 0 25px;gap: 9px;font-size: 15px;opacity: 1;}
	.leaflet-open-icon {width: 16px;height: 16px;border-width: 2px;}
	.leaflet-open-icon::before {top: -4px;right: -4px;width: 7px;height: 2px;}
	.leaflet-open-icon::after {top: -4px;right: -4px;width: 2px;height: 7px;}
}

@media all and (max-width: 480px) {
	.leaflet-viewer {gap: 15px;}

	.leaflet-open-text {min-width: 190px;height: 50px;padding: 0 20px;font-size: 14px;gap: 8px;}
	.leaflet-open-icon {width: 15px;height: 15px;}
}


/*-----------------------------------------------지난 참가사-----------------------------------------------*/
.btnBox_pdf {padding:0 0 20px 0;}
.btnBox_pdf a {color:#fff; display:inline-block; background:#203a83; border:2px solid #203a83; 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:#203a83; 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;}
}


/*-----------------------------------------------참가업체 리스트(게시판)-----------------------------------------------*/
.sub02_2 .sec01 {overflow:hidden; margin-bottom:50px;}
.sub02_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;}
.sub02_2 .sec01 .imgBox img {max-width:80%;}
.sub02_2 .sec01 .txtBox {float:right; width:56%; font-size:18px; letter-spacing:-0.03em; line-height:1.2em;}
.sub02_2 .sec01 .txtBox .tltimg {margin-bottom:20px; font-size:34px; line-height:1.2em;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*-----------------------------------------------부스배치도-----------------------------------------------*/
.layout-viewer {position: relative;width: 100%;padding: 0;overflow: hidden;background: #fff;border: 1px solid #e5e5e5;box-sizing: border-box;}

/*부스배치도 표시 영역*/
.layout-viewer__viewport {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #fff;
	cursor: grab;

	/* 기본 상태에서는 페이지 세로 스크롤 허용 */
	touch-action: pan-y;
}

.layout-viewer__viewport.is-zoomed {touch-action: none;} /* 확대 상태에서는 이미지 드래그 */
.layout-viewer__viewport.is-dragging {cursor: grabbing;}

/*확대되는 실제 이미지 영역: JS에서 width를 100% → 150% → 200% 방식으로 변경*/
.layout-viewer__content {position: absolute;left: 0;top: 0;width: 100%;margin: 0;padding: 0;will-change: width, transform;}

/*이미지*/
.layout-viewer__image {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;

	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;

	pointer-events: none;

	/* 브라우저 기본 고품질 보간 */
	image-rendering: auto;
}

/*컨트롤 버튼*/
.layout-viewer__controls {position: absolute;right: 25px;top: 25px;z-index: 10;display: flex;align-items: center;gap: 6px;}

.layout-viewer__btn {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	padding: 0;
	margin: 0;

	border: 0;
	border-radius: 5px;

	background: rgba(35, 35, 35, .92);
	color: #fff;

	font-family: Arial, sans-serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1;
	text-align: center;

	cursor: pointer;

	box-shadow: 0 2px 8px rgba(0,0,0,.25);

	-webkit-appearance: none;
	appearance: none;

	transition: background .2s, transform .15s;
}

.layout-viewer__btn:hover {background: #111;}
.layout-viewer__btn:active {transform: scale(.94);}

/*전체보기 버튼*/
.layout-viewer__reset {width: 78px;font-size: 13px;white-space: nowrap;}

/*안내 문구*/
.layout-guide {margin-bottom: 10px;font-size: 14px;color: #666;text-align: right;}

/*실제 브라우저 전체화면*/
.layout-viewer:fullscreen {width: 100%;height: 100%;padding: 0;background: #111;border: 0;}
.layout-viewer:fullscreen .layout-viewer__viewport {width: 100%;height: 100%;overflow: auto;}
.layout-viewer:fullscreen .layout-viewer__content {position: relative;width: 100%;}

/*Safari 전체화면*/
.layout-viewer:-webkit-full-screen {width: 100%;height: 100%;padding: 0;background: #111;border: 0;}
.layout-viewer:-webkit-full-screen .layout-viewer__viewport {width: 100%;height: 100%;}
.layout-viewer:-webkit-full-screen .layout-viewer__content {position: absolute;left: 0;top: 0;}

@media screen and (max-width: 768px) {
	.layout-viewer {padding: 0;border-left: 0;border-right: 0;}

	.layout-viewer__controls {right: 18px;top: 18px;gap: 5px;}

	.layout-viewer__btn {width: 40px;height: 40px;font-size: 19px;}

	.layout-viewer__reset {width: 70px;font-size: 12px;}

	/* 모바일에서는 전체화면 버튼 숨김 */
	#layoutFullscreen {display: none;}

	.layout-guide {margin-bottom: 8px;font-size: 13px;text-align: center;}
}


/*-----------------------------------------------참관 안내-----------------------------------------------*/
.sub04_1_1 .mgBox {height:80px; line-height:80px; width:100%; background:#203a83; 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_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:#203a83; 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}
}


.productPhotoList {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.productPhotoList > li {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.productPhotoList > li a {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}

/* 이미지 영역 */
.productPhotoList .productPhotoImg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 280px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}

.productPhotoList .productPhotoImg img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

/* 설명 */
.productPhotoList > li p {
	margin: 10px 0 0;
	text-align: center;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media screen and (max-width: 768px) {
	.productPhotoList > li {grid-template-columns: repeat(2, 1fr);gap: 10px;}
	.productPhotoList .productPhotoImg {height: 250px;}
}

@media screen and (max-width: 480px) {
	.productPhotoList > li {grid-template-columns: 1fr;gap: 15px;}
	.productPhotoList .productPhotoImg {height: 300px;}
}


/*-----------------------------------------------셔틀버스 이용안내-----------------------------------------------*/
/*sec02*/
.shuttle_info_list {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	width:100%;
}

.shuttle_info_item {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	min-height:285px;
	padding:30px 25px 25px;
	border:2px solid rgba(32,58,131,.30);
	border-radius:15px;
	background:#fff;
	box-sizing:border-box;
	text-align:center;
}

.shuttle_info_icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:82px;
	height:82px;
	margin-bottom:18px;
	border-radius:50%;
	background:#f1f4fa;
	color:#203a83;
	font-size:46px;
	line-height:1;
	box-sizing:border-box;
	flex-shrink:0;
}

.shuttle_info_cont {width:100%;min-width:0;}

.shuttle_info_title {
	position:relative;
	margin:0 0 18px;
	padding-bottom:18px;
	color:#222;
	font-size:22px;
	font-weight:700;
	line-height:1.4em;
}

.shuttle_info_title:after {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:100%;
	max-width:240px;
	height:1px;
	background:#dbe4f4;
	transform:translateX(-50%);
}

.shuttle_info_txt {
	margin:0;
	color:#333;
	font-size:17px;
	font-weight:400;
	line-height:1.6em;
}

/* 운행구간 */
.shuttle_route {
	margin:0;
	padding:0;
	list-style:none;
}

.shuttle_route li {
	color:#333;
	font-size:17px;
	font-weight:400;
	line-height:1.6em;
}

.shuttle_route li span {
	margin:0 4px;
	color:#203a83;
	font-weight:700;
}

/*sec03*/
.shuttle_stop_list {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
	width:100%;
}

.shuttle_stop_item {
	overflow:hidden;
	border:1px solid #dfe3ea;
	border-radius:15px;
	background:#fff;
	box-sizing:border-box;
}

.shuttle_stop_title {
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:0 20px;
	color:#fff;
	font-size:18px;
	font-weight:700;
	line-height:1.3em;
	letter-spacing:-0.03em;
	box-sizing:border-box;
}

.shuttle_stop_title i {
	margin:0 8px;
	font-size:14px;
}

.shuttle_stop_item.blue .shuttle_stop_title {
	background:#203a83;
}

.shuttle_stop_item.red .shuttle_stop_title {
	background:#e11d2a;
}

.shuttle_stop_desc {
	min-height:78px;
	padding:17px 20px;
	color:#555;
	font-size:16px;
	line-height:1.65em;
	box-sizing:border-box;
}

/*sec04*/
.shuttle_schedule_wrap {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:25px;
	width:100%;
}

.shuttle_schedule_box {
	min-width:0;
	overflow:hidden;
	border:1px solid #dfe3ea;
	border-radius:15px;
	background:#fff;
	box-sizing:border-box;
}

.shuttle_schedule_date {
	margin:0;
	padding:14px 15px 12px;
	background:#fff;
	color:#203a83;
	font-size:21px;
	font-weight:700;
	line-height:1.4em;
	text-align:center;
	letter-spacing:-0.03em;
	box-sizing:border-box;
}

/* 부산역 ↔ 벡스코 */
.shuttle_schedule_route_group {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	width:100%;
}

.shuttle_schedule_route_group .shuttle_schedule_route {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:0 10px;
	background:#203a83;
	color:#fff;
	font-size:18px;
	font-weight:700;
	line-height:1.3em;
	letter-spacing:-0.03em;
	text-align:center;
	box-sizing:border-box;
}

.shuttle_schedule_route_group
.shuttle_schedule_route + .shuttle_schedule_route:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:2px;
	height:100%;
	background:#fff;
}

/* 오송 ↔ 벡스코 */
.shuttle_schedule_box > .shuttle_schedule_route {
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	margin:0;
	padding:0 10px;
	background:#e11d2a;
	color:#fff;
	font-size:18px;
	font-weight:700;
	line-height:1.3em;
	letter-spacing:-0.03em;
	text-align:center;
	box-sizing:border-box;
}

/* 시간표 */
.shuttle_schedule_table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	border:0;
}

.shuttle_schedule_table th,
.shuttle_schedule_table td {
	height:38px;
	padding:6px 8px;
	border:1px solid #fff;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
}

.shuttle_schedule_table th {
	background:#d7e1ef;
	color:#222;
	font-size:16px;
	font-weight:700;
	line-height:1.3em;
}

.shuttle_schedule_table td {
	background:#f4f6f9;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:1.3em;
}

@media screen and (max-width:1200px){
	/* sec02 */
	.shuttle_info_list {
		gap:15px;
	}

	.shuttle_info_item {
		min-height:270px;
		padding:28px 20px 24px;
	}

	.shuttle_info_icon {
		width:78px;
		height:78px;
		margin-bottom:16px;
		font-size:43px;
	}

	.shuttle_info_title {
		margin-bottom:16px;
		padding-bottom:16px;
		font-size:21px;
	}

	.shuttle_info_txt,
	.shuttle_route li {
		font-size:16px;
	}

	/* sec03 */
	.shuttle_stop_title {
		font-size:17px;
	}

	.shuttle_stop_desc {
		font-size:15px;
	}

	/* sec04 */
	.shuttle_schedule_wrap {
		gap:20px;
	}

	.shuttle_schedule_date {
		font-size:20px;
	}

	.shuttle_schedule_route_group .shuttle_schedule_route,
	.shuttle_schedule_box > .shuttle_schedule_route {
		min-height:46px;
		font-size:17px;
	}

	.shuttle_schedule_table th,
	.shuttle_schedule_table td {
		height:36px;
		font-size:15px;
	}
}

@media screen and (max-width:1024px){
	/* sec02 */
	.shuttle_info_list {
		gap:12px;
	}

	.shuttle_info_item {
		min-height:255px;
		padding:25px 18px 22px;
	}

	.shuttle_info_icon {
		width:72px;
		height:72px;
		margin-bottom:15px;
		font-size:40px;
	}

	.shuttle_info_title {
		font-size:19px;
	}

	.shuttle_info_txt,
	.shuttle_route li {
		font-size:15px;
	}

	/* sec03 */
	.shuttle_stop_list {
		gap:15px;
	}

	.shuttle_stop_title {
		padding:9px 15px;
		font-size:16px;
	}

	.shuttle_stop_desc {
		font-size:14px;
	}

	/* sec04 */
	.shuttle_schedule_wrap {
		gap:15px;
	}

	.shuttle_schedule_date {
		font-size:19px;
	}

	.shuttle_schedule_route_group .shuttle_schedule_route,
	.shuttle_schedule_box > .shuttle_schedule_route {
		min-height:44px;
		padding:0 8px;
		font-size:16px;
	}

	.shuttle_schedule_table th,
	.shuttle_schedule_table td {
		height:36px;
		padding:5px 6px;
		font-size:15px;
	}
}

@media screen and (max-width:768px){
	/* sec02 */
	.shuttle_info_list {
		grid-template-columns:1fr;
		gap:15px;
	}

	.shuttle_info_item {
		min-height:230px;
		padding:25px 20px;
	}

	.shuttle_info_icon {
		width:70px;
		height:70px;
		margin-bottom:14px;
		font-size:38px;
	}

	.shuttle_info_title {
		margin-bottom:15px;
		padding-bottom:15px;
		font-size:18px;
	}

	.shuttle_info_title:after {
		max-width:300px;
	}

	.shuttle_info_txt,
	.shuttle_route li {
		font-size:15px;
	}

	/* sec03 */
	.shuttle_stop_list {
		grid-template-columns:1fr;
		gap:12px;
	}

	.shuttle_stop_title {
		min-height:45px;
		font-size:16px;
	}

	.shuttle_stop_desc {
		min-height:auto;
		padding:14px 18px;
	}

	/* sec04 */
	.shuttle_schedule_wrap {
		grid-template-columns:1fr;
		gap:35px;
	}

	.shuttle_schedule_date {
		padding:12px 12px 10px;
		font-size:18px;
	}

	.shuttle_schedule_route_group .shuttle_schedule_route,
	.shuttle_schedule_box > .shuttle_schedule_route {
		min-height:45px;
		font-size:16px;
	}

	.shuttle_schedule_table th,
	.shuttle_schedule_table td {
		height:36px;
		padding:5px 6px;
		font-size:15px;
	}
}

@media screen and (max-width:600px){
	/* sec02 */
	.shuttle_info_item {
		min-height:210px;
		padding:22px 15px;
	}

	.shuttle_info_icon {
		width:64px;
		height:64px;
		margin-bottom:12px;
		font-size:35px;
	}

	.shuttle_info_title {
		margin-bottom:13px;
		padding-bottom:13px;
		font-size:17px;
	}

	.shuttle_info_txt,
	.shuttle_route li {
		font-size:14px;
	}

	/* sec03 */
	.shuttle_stop_title {
		font-size:15px;
	}

	.shuttle_stop_desc {
		font-size:13px;
	}

	/* sec04 */
	.shuttle_schedule_date {
		padding:11px 10px 9px;
		font-size:17px;
	}

	.shuttle_schedule_route_group .shuttle_schedule_route,
	.shuttle_schedule_box > .shuttle_schedule_route {
		min-height:43px;
		padding:0 5px;
		font-size:15px;
	}

	.shuttle_schedule_table th,
	.shuttle_schedule_table td {
		height:35px;
		padding:5px 4px;
		font-size:14px;
	}
}

@media screen and (max-width:480px){
	/* sec02 */
	.shuttle_info_list {gap:12px;}

	.shuttle_info_item {min-height:195px;padding:20px 12px;border-radius:12px;}

	.shuttle_info_icon {width:60px;height:60px;margin-bottom:10px;font-size:32px;}

	.shuttle_info_title {margin-bottom:12px;padding-bottom:12px;font-size:16px;}
	.shuttle_info_title:after {max-width:220px;}

	.shuttle_info_txt,
	.shuttle_route li {font-size:13px;}

	/* sec03 */
	.shuttle_stop_item {border-radius:10px;}

	.shuttle_stop_title {min-height:42px;padding:0 12px;font-size:14px;}

	.shuttle_stop_title i {margin:0 5px;font-size:12px;}

	.shuttle_stop_desc {padding:12px 14px;font-size:12px;}

	/* sec04 */
	.shuttle_schedule_wrap {gap:28px;}

	.shuttle_schedule_box {border-radius:10px;}

	.shuttle_schedule_date {padding:10px 8px 8px;font-size:16px;}

	.shuttle_schedule_route_group .shuttle_schedule_route,
	.shuttle_schedule_box > .shuttle_schedule_route {min-height:42px;padding:0 4px;font-size:13px;}

	.shuttle_schedule_table th,
	.shuttle_schedule_table td {height:34px;padding:5px 3px;font-size:13px;}
}


/*-----------------------------------------------프로그램-----------------------------------------------*/
.event_photo{width:100%;text-align:center;}
.event_photo img{display:block;width:100%;max-width:800px;height:auto;margin:0 auto;border-radius:20px;}

/*공통 풀 버튼*/
.btn_full_blue{
	position:relative;
	width:100%;
	height:78px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	padding:0 40px;
	box-sizing:border-box;
	overflow:hidden;
	border:1px solid #203a83;
	border-radius:999px;
	background:#203a83;
	color:#fff;
	font-size:28px;
	font-weight:600;
	text-decoration:none;
	transition:
		background .35s ease,
		border-color .35s ease,
		color .35s ease;
}

.btn_full_blue:before{
	content:"";
	position:absolute;
	top:-60%;
	left:-50%;
	width:28%;
	height:220%;
	background:linear-gradient(
		90deg,
		rgba(255,255,255,0),
		rgba(255,255,255,.08),
		rgba(255,255,255,.5),
		rgba(255,255,255,.08),
		rgba(255,255,255,0)
	);
	transform:rotate(18deg);
	transition:left .75s ease;
	pointer-events:none;
}

.btn_full_blue span,
.btn_full_blue i{
	position:relative;
	z-index:1;
}
.btn_full_blue i{
	transition:transform .3s ease;
}

/*Hover*/
.btn_full_blue:hover{background:#3daaf2;border-color:#3daaf2;color:#fff;}
.btn_full_blue:hover:before{left:120%;}
.btn_full_blue:hover i{transform:translateX(6px);}

.btn_full_blue.btn_light_blue{background:#2f7ed8;border-color:#2f7ed8;}
.btn_full_blue.btn_light_blue:hover{background:#3daaf2;border-color:#3daaf2;color:#fff;}


@media (max-width:1200px){
	.btn_full_blue{height:74px;font-size:26px;}
}

@media (max-width:1024px){
	.btn_full_blue{height:68px;font-size:22px;}
}

@media (max-width:768px){
	.btn_full_blue{height:54px;padding:0 25px;gap:10px;font-size:18px;}
}

@media (max-width:480px){
	.btn_full_blue{height:42px;padding:0 20px;gap:10px;font-size:14px;}
}

/*공통 버튼 btn-outline*/
.btn-outline{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:15px;

	min-width:465px;
	height:58px;
	padding:0 35px;

	border:1px solid #203a83;
	border-radius:30px;

	background:#203a83;
	color:#fff;

	font-size:20px;
	font-weight:700;
	line-height:1.2em;
	text-align:center;
	text-decoration:none;

	box-sizing:border-box;
	transition:
		background .25s ease,
		color .25s ease,
		border-color .25s ease;
}
.btn-outline i{font-size:16px;transition:transform .25s ease;}
.btn-outline:hover{background:#fff;color:#203a83;border-color:#203a83;}
.btn-outline:hover i{transform:translateX(4px);}

@media (max-width:1200px){
	.btn-outline{min-width:400px;}
}

@media (max-width:1024px){
	.btn-outline{width:100%;min-width:0;height:54px;font-size:18px;}
}

@media (max-width:768px){
	.btn-outline{width:100%;height:52px;padding:0 20px;font-size:17px;}
}

@media (max-width:480px){
	.btn-outline{height:48px;font-size:15px;border-radius:24px;}
	.btn-outline i{font-size:13px;}
}


/*글로벌 비즈니스포럼*/
.forum_box{display:flex;gap:50px;padding:40px;border:1px solid rgba(32,58,131,.30);border-radius:24px;background:#fff;box-sizing:border-box;}

.forum_poster{flex:0 0 350px;}
.forum_poster img{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;}

.forum_info{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
}

.forum_title{margin:8px 0 8px;font-size:48px;font-weight:700;color:#111;line-height:1em;}
.forum_title sup{font-size:0.6em;vertical-align:0.6em;}

.forum_subtitle{margin-bottom:45px;font-size:22px;font-weight:700;color:#222;}

.forum_list{margin:0;padding:0;list-style:none;}
.forum_list li{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;}
.forum_list li:last-child{margin-bottom:0;}

.forum_label{flex:0 0 120px;display:flex;align-items:center;justify-content:center;height:48px;padding:0 18px;box-sizing:border-box;}

.forum_cont{flex:1;padding-top:8px;font-size:22px;line-height:1.7;color:#222;}

.forum_notice{margin-top:12px;font-size:18px;color:#666;}

.forum_btn_wrap{margin-top:auto;padding-top:40px;}

@media (max-width:1200px){
	.forum_cont br{display:none;}
}

@media (max-width:1024px){
	.forum_box{gap:32px;padding:30px;}

	.forum_poster{flex-basis:240px;}

	.forum_title{font-size:36px;}

	.forum_subtitle{margin-bottom:30px;font-size:20px;}

	.forum_label{flex:0 0 110px;height:44px;font-size:17px;}

	.forum_cont{font-size:18px;}

	.forum_notice{font-size:16px;}

	.forum_btn_wrap{padding-top:30px;}
}

@media (max-width:768px){
	.forum_box{flex-direction:column;gap:24px;padding:20px;}

	.forum_poster{flex:none;width:220px;margin:0 auto;}

	.forum_title{margin:0 0 6px;text-align:center;font-size:28px;line-height:1.2em;}

	.forum_subtitle{margin-bottom:24px;text-align:center;font-size:18px;}

	.forum_list li{gap:12px;margin-bottom:18px;}

	.forum_label{flex:0 0 90px;height:38px;padding:0 12px;font-size:14px;}

	.forum_cont{padding-top:4px;font-size:16px;line-height:1.6;}

	.forum_notice{margin-top:8px;font-size:14px;}

	.forum_btn_wrap{margin-top:0;padding-top:30px;}
}

@media (max-width:480px){
	.forum_box{padding:15px;border-radius:18px;}

	.forum_poster{width:190px;}

	.forum_title{font-size:24px;}

	.forum_subtitle{font-size:16px;}

	.forum_list li{gap:10px;}

	.forum_label{flex:0 0 75px;height:36px;padding:0 8px;font-size:13px;}

	.forum_cont{font-size:14px;}

	.forum_notice{font-size:12px;}

	.forum_btn_wrap{padding-top:25px;}
}


/*글로벌 비즈니스 포럼 주요 연사*/
.forum_speaker_group {width:100%;}

.forum_speaker_group_title {display:flex;align-items:center;justify-content:center;gap:20px;width:100%;}
.forum_speaker_group_line {flex:1;height:1px;background:#b8c5d8;}
.forum_speaker_group_label {display:flex;align-items:center;justify-content:center;min-width:140px;height:46px;padding:0 30px;border-radius:30px;background:#203a83;color:#fff;font-size:20px;font-weight:700;line-height:1;box-sizing:border-box;}

.forum_speaker_list {display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;margin-top:40px;}
.forum_speaker_item {display:flex;align-items:center;gap:26px;min-width:0;}

.forum_speaker_photo {flex:0 0 220px;width:220px;aspect-ratio:4 / 5;overflow:hidden;border-radius:14px;background:#f1f3f6;}
.forum_speaker_photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

.forum_speaker_info {flex:1;min-width:0;}

.forum_speaker_head {display:flex;align-items:center;gap:20px;}

.forum_speaker_num {flex:0 0 auto;color:rgba(32,58,131,.60);font-size:52px;font-weight:600;line-height:1;letter-spacing:-0.04em;}

.forum_speaker_name_wrap {min-width:0;}
.forum_speaker_name {color:#152763;font-size:24px;font-weight:700;line-height:1.35em;letter-spacing:-0.02em;}
.forum_speaker_kor {color:#152763;font-size:18px;font-weight:500;line-height:1.4em;letter-spacing:-0.03em;}
.forum_speaker_line {width:100%;height:1px;margin:18px 0;border-top:1px dashed rgba(32,58,131,.30);box-sizing:border-box;}

.forum_speaker_detail {color:#444;font-size:18px;font-weight:400;line-height:1.55em;letter-spacing:-0.02em;}
.forum_speaker_affiliation,
.forum_speaker_job {display:flex;align-items:flex-start;gap:9px;width:100%;}

.forum_speaker_affiliation i,
.forum_speaker_job i {flex:0 0 18px;width:18px;margin-top:5px;color:#203a83;font-size:15px;line-height:1;text-align:center;}

.forum_speaker_affiliation span,
.forum_speaker_job span {flex:1;min-width:0;}
.forum_speaker_affiliation span {color:#203a83;}
.forum_speaker_position {margin-top:8px;padding-left:27px;color:#999;font-size:18px;font-weight:400;line-height:1.5em;letter-spacing:-0.03em;}

@media screen and (max-width:1200px) {
	.forum_speaker_list {gap:30px;}
	.forum_speaker_item {gap:22px;}

	.forum_speaker_photo {flex-basis:190px;width:190px;height:240px;}

	.forum_speaker_num {font-size:48px;}

	.forum_speaker_name {font-size:22px;}

	.forum_speaker_detail,
	.forum_speaker_position {font-size:17px;}
}

@media screen and (max-width:1024px) {
	.forum_speaker_list {grid-template-columns:1fr;gap:30px;}
	.forum_speaker_item {gap:30px;}

	.forum_speaker_photo {flex:0 0 220px;width:220px;height:260px;}
}

@media screen and (max-width:768px) {
	.forum_speaker_group_title {gap:14px;}
	.forum_speaker_group_label {min-width:120px;height:42px;padding:0 24px;font-size:18px;}

	.forum_speaker_list {margin-top:30px;gap:35px;}
	.forum_speaker_item {flex-direction:column;align-items:center;gap:20px;}

	.forum_speaker_photo {flex:none;width:220px;height:270px;}

	.forum_speaker_info {width:100%;}

	.forum_speaker_head {justify-content:center;}

	.forum_speaker_line {margin:16px 0;}

	.forum_speaker_detail {text-align:left;}

	.forum_speaker_affiliation,
	.forum_speaker_job {text-align:left;}

	.forum_speaker_position {padding-left:27px;text-align:left;}
}

@media screen and (max-width:480px) {
	.forum_speaker_group_title {gap:10px;}
	.forum_speaker_group_label {min-width:105px;height:38px;padding:0 18px;font-size:16px;}

	.forum_speaker_list {margin-top:25px;gap:30px;}

	.forum_speaker_photo {width:180px;height:220px;}

	.forum_speaker_head {gap:12px;}

	.forum_speaker_num {font-size:42px;}

	.forum_speaker_name {font-size:19px;}
	.forum_speaker_kor {font-size:15px;}

	.forum_speaker_detail,
	.forum_speaker_position {font-size:16px;}

	.forum_speaker_affiliation i,
	.forum_speaker_job i {margin-top:4px;font-size:14px;}

	.forum_speaker_position {padding-left:27px;}
}


/*도슨트 투어*/
.docent_photo{width:100%;}
.docent_photo img{display:block;width:100%;height:400px;object-fit:cover;object-position:center 35%; /*50% 정중앙*/border-radius:24px;}

/*신청 안내 제목*/
.docent_section_title {display:flex;align-items:center;justify-content:center;margin:0 0 40px;color:#203a83;font-size:30px;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;text-align:center;}
.docent_section_title:before,
.docent_section_title:after {content:"";display:block;width:200px;height:2px;background:#b8c5d8;}

.docent_section_title:before {margin-right:25px;}
.docent_section_title:after {margin-left:25px;}

@media screen and (max-width:1200px){
	.docent_section_title {margin-bottom:37px;font-size:27px;}
	.docent_section_title:before,
	.docent_section_title:after {width:160px;}

	.docent_section_title:before {margin-right:22px;}
	.docent_section_title:after {margin-left:22px;}
}

@media screen and (max-width:1024px){
	.docent_section_title {margin-bottom:35px;font-size:25px;}
	.docent_section_title:before,
	.docent_section_title:after {width:125px;}

	.docent_section_title:before {margin-right:20px;}
	.docent_section_title:after {margin-left:20px;}
}

@media screen and (max-width:768px){
	.docent_section_title {margin-bottom:32px;font-size:22px;}
	.docent_section_title:before,
	.docent_section_title:after {width:80px;}

	.docent_section_title:before {margin-right:16px;}
	.docent_section_title:after {margin-left:16px;}
}

@media screen and (max-width:600px){
	.docent_section_title {margin-bottom:29px;font-size:20px;}
	.docent_section_title:before,
	.docent_section_title:after {width:55px;}

	.docent_section_title:before {margin-right:12px;}
	.docent_section_title:after {margin-left:12px;}
}

@media screen and (max-width:480px){
	.docent_section_title {margin-bottom:25px;font-size:18px;}
	.docent_section_title:before,
	.docent_section_title:after {width:35px;}

	.docent_section_title:before {margin-right:9px;}
	.docent_section_title:after {margin-left:9px;}
}

.docent_info_list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.docent_info_item{display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;border:2px solid rgba(32,58,131,.30);border-radius:18px;background:#fff;box-sizing:border-box;text-align:center;}
.docent_info_icon{display:flex;align-items:center;justify-content:center;width:82px;height:82px;margin-bottom:15px;border-radius:50%;background:rgba(32,58,131,.07);color:#203a83;font-size:46px;}
.docent_info_title{color:#203a83;font-size:22px;font-weight:700;line-height:1.4em;letter-spacing:-0.04em;}
.docent_info_line{width:100%;height:1px;margin:18px 0;background:rgba(32,58,131,.18);}
.docent_info_cont{color:#333;font-size:17px;line-height:1.6em;letter-spacing:-0.03em;}

.docent_notice{margin-top:14px;color:#666;font-size:15px;line-height:1.6em;letter-spacing:-0.03em;text-align:right;}

@media screen and (max-width:1200px){
	.docent_photo img{height:300px;}

	.docent_info_list{gap:14px;}
	.docent_info_item{padding:25px 15px 22px;}
	.docent_info_icon{width:76px;height:76px;font-size:42px;}
	.docent_info_title{font-size:20px;}
	.docent_info_cont{font-size:16px;}
}

@media screen and (max-width:1024px){
	.docent_photo img{height:270px;}

	.docent_info_list{grid-template-columns:repeat(2,1fr);gap:16px;}
	.docent_info_item{padding:26px 25px 22px;}
	.docent_info_icon{width:72px;height:72px;font-size:40px;}
}

@media screen and (max-width:768px){
	.docent_photo img{height:230px;border-radius:18px;}

	.docent_info_list{gap:12px;}

	.docent_info_item{padding:22px 15px 20px;border-radius:15px;}
	.docent_info_icon{width:66px;height:66px;margin-bottom:12px;font-size:36px;}
	.docent_info_title{font-size:18px;}
	.docent_info_line{margin:15px 0;}
	.docent_info_cont{font-size:15px;}

	.docent_notice{font-size:14px;}
}

@media screen and (max-width:480px){
	.docent_photo img{height:180px;border-radius:14px;}

	.docent_info_list{gap:9px;}

	.docent_info_item{padding:18px 8px 16px;border-radius:12px;}
	.docent_info_icon{width:56px;height:56px;margin-bottom:10px;font-size:30px;}
	.docent_info_title{	font-size:16px;}
	.docent_info_line{margin:12px 0;}

	.docent_info_cont{font-size:13px;line-height:1.55em;}

	.docent_notice{margin-top:10px;font-size:12px;}
}


/*-----------------------------------------------체험존&이벤트-----------------------------------------------*/
.program_intro {text-align:center;}
.program_title {color:#203a83;font-size:48px;font-weight:700;line-height:1.2em;text-align:center;}
.program_title span {color:#222;font-size:0.8em;}
.program_desc {color:#222;font-size:20px;line-height:1.5em;text-align:center;letter-spacing:-0.03em;}
.program_desc strong {display:block;margin-bottom:0;color:#222;font-size:20px;font-weight:700;}
.program_desc p {margin:0;color:#333;font-size:20px;font-weight:400;}

.sub03_3 .experience_area {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:0;
	width:100%;
	padding:20px;
	border:2px solid rgba(32,58,131,.30);
	border-radius:15px;
	background:#fff;
	box-sizing:border-box;
}

.sub03_3 .experience_card {
	position:relative;
	display:grid;
	grid-template-columns:50% 50%;
	min-width:0;
	background:#fff;
	box-sizing:border-box;
}

.sub03_3 .experience_card:first-child {padding-right:18px;border-right:1px solid rgba(32,58,131,.20);}
.sub03_3 .experience_card:last-child {padding-left:18px;}

.sub03_3 .experience_img {
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	aspect-ratio:3 / 2;
	background:#f4f6fa;
	border-radius:10px;
}

.sub03_3 .experience_img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}

.sub03_3 .experience_info {
	display:flex;
	flex-direction:column;
	align-items:center;
	min-width:0;
	padding:0 10px 4px 20px;
	text-align:center;
	box-sizing:border-box;
}

.sub03_3 .experience_title {
	position:relative;
	display:inline-block;
	margin:0 0 17px;
	padding:0 4px 10px;
	color:#111;
	font-size:19px;
	font-weight:700;
	line-height:1.5em;
	text-align:center;
}

.sub03_3 .experience_title:after {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:32px;
	height:3px;
	background:#203a83;
	border-radius:3px;
	transform:translateX(-50%);
}

.sub03_3 .experience_txt {
	margin:0;
	color:#555;
	font-size:17px;
	font-weight:400;
	line-height:1.55em;
	text-align:center;
}

.sub03_3 .experience_txt strong {color:#203a83;font-weight:700;}

.sub03_3 .experience_location {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	margin-top:auto;
	padding-top:18px;
	color:#222;
	font-size:15px;
	font-weight:400;
	line-height:1.4em;
	text-align:center;
	white-space:nowrap;
	box-sizing:border-box;
}

.sub03_3 .experience_location > span:last-child {display:block;}


.sub03_3 .location_icon {
	display:inline-block;
	width:19px;
	height:22px;
	margin-right:7px;
	flex-shrink:0;
	color:#3d6fc4;
	font-family:"FontAwesome";
	font-size:21px;
	font-weight:normal;
	line-height:22px;
	text-align:center;
}

.sub03_3 .location_icon:before {content:"\f041";}
.sub03_3 .location_icon:after {display:none;}


@media screen and (max-width:1200px){
	.program_title {font-size:36px;}
	.program_desc,
	.program_desc p {font-size:18px;}
	.program_desc strong {font-size:19px;}

	.sub03_3 .experience_area {padding:18px;}

	.sub03_3 .experience_card {grid-template-columns:50% 50%;}
	.sub03_3 .experience_card:first-child {padding-right:15px;}
	.sub03_3 .experience_card:last-child {padding-left:15px;}

	.sub03_3 .experience_info {padding-left:15px;padding-right:8px;}

	.sub03_3 .experience_title {font-size:18px;}

	.sub03_3 .experience_txt {font-size:16px;}

	.sub03_3 .experience_location {font-size:14px;}
}

@media screen and (max-width:1024px){
	.sub03_3 .experience_area {padding:16px;}

	.sub03_3 .experience_card {grid-template-columns:50% 50%;}
	.sub03_3 .experience_card:first-child {padding-right:12px;}
	.sub03_3 .experience_card:last-child {padding-left:12px;}

	.sub03_3 .experience_info {padding-left:10px;padding-right:5px;}

	.sub03_3 .experience_title {font-size:17px;}

	.sub03_3 .experience_txt {font-size:15px;}

	.sub03_3 .experience_location {font-size:13px;padding-top:15px;}

	.sub03_3 .location_icon {width:18px;height:20px;margin-right:5px;font-size:19px;line-height:20px;}
}

@media screen and (max-width:768px){
	.program_title {font-size:28px;}
	.program_desc,
	.program_desc p {font-size:16px;}
	.program_desc strong {font-size:17px;}

	.sub03_3 .experience_area {display:block;padding:14px;}

	.sub03_3 .experience_card,
	.sub03_3 .experience_card:first-child,
	.sub03_3 .experience_card:last-child {display:grid;grid-template-columns:50% 50%;min-width:0;padding:0;border-right:0;}
	.sub03_3 .experience_card:first-child {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e5e5;}

	.sub03_3 .experience_img {aspect-ratio:3 / 2;}

	.sub03_3 .experience_info {padding:0 8px 2px 15px;}

	.sub03_3 .experience_title {margin-bottom:13px;padding-bottom:8px;font-size:16px;}
	.sub03_3 .experience_title:after {width:27px;height:2px;}

	.sub03_3 .experience_txt {font-size:14px;line-height:1.5em;}

	.sub03_3 .experience_location {padding-top:14px;font-size:13px;}

	.sub03_3 .location_icon {width:18px;height:20px;margin-right:5px;font-size:19px;line-height:20px;}
}

@media screen and (max-width:600px){
	.sub03_3 .experience_area {padding:10px;}

	.sub03_3 .experience_card,
	.sub03_3 .experience_card:first-child,
	.sub03_3 .experience_card:last-child {grid-template-columns:50% 50%;}

	.sub03_3 .experience_info {padding-left:12px;}

	.sub03_3 .experience_location {padding-top:12px;}
}

@media screen and (max-width:480px){
	.sub03_3 .program_title {margin-bottom:10px;}

	.sub03_3 .program_desc,
	.sub03_3 .program_desc p {font-size:14px;line-height:1.5em;}
	.sub03_3 .program_desc strong {font-size:15px;}

	.pc_br {display:none;}

	.sub03_3 .experience_area {padding:10px;border-radius:12px;}

	.sub03_3 .experience_card,
	.sub03_3 .experience_card:first-child,
	.sub03_3 .experience_card:last-child {grid-template-columns:50% 50%;}
	.sub03_3 .experience_card:first-child {margin-bottom:10px;padding-bottom:10px;}

	.sub03_3 .experience_img {aspect-ratio:3 / 2;border-radius:8px;}

	.sub03_3 .experience_info {padding:0 5px 1px 10px;}

	.sub03_3 .experience_title {margin-bottom:10px;padding-bottom:7px;font-size:14px;line-height:1.4em;}
	.sub03_3 .experience_title:after {width:23px;height:2px;}

	.sub03_3 .experience_txt {font-size:12px;line-height:1.45em;}

	.sub03_3 .experience_location {padding-top:10px;font-size:11px;}

	.sub03_3 .location_icon {width:17px;height:18px;margin-right:4px;font-size:17px;line-height:18px;}
}


/*체험존&이벤트*/
.event_title{margin-bottom:45px;font-size:48px;font-weight:700;color:#111;line-height:1.2em;}

@media (max-width:1024px){
	.event_title{font-size:36px; margin-bottom:30px;}
}

@media (max-width:768px){
	.event_title{margin-bottom:24px;text-align:center;font-size:28px;line-height:1.2em;}
}

/* 이벤트 경품 이미지*/
.event_prize{display:flex;gap:30px;}

.prize_item{flex:1;text-align:center;}
.prize_item .img{border:1px solid #e5e5e5;border-radius:20px;overflow:hidden;background:#fff;}
.prize_item .img img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;}

.prize_item p{margin:14px 0 0;font-size:0;line-height:1.45;}
.prize_item strong{font-size:20px;font-weight:700;color:#111;}
.prize_item span{font-size:20px;font-weight:700;color:#111;}

@media (max-width:1024px){
	.event_prize{gap:20px;}

	.prize_item strong,
	.prize_item span{font-size:18px;}
}

@media (max-width:768px){
	.event_prize{flex-direction:column;gap:24px;}

	.prize_item{width:100%;max-width:500px;/*margin:0 auto;*/}
	.prize_item strong,
	.prize_item span{font-size:16px;}
}

@media (max-width:480px){
	.prize_item p{margin-top:12px;}

	.prize_item strong,
	.prize_item span{font-size:14px;}
}


/*-----------------------------------------------공식행사-----------------------------------------------*/
/* 초대장 전체 박스 */
.invitation_intro_box {
	position:relative;
	overflow:hidden;
	width:100%;
	padding:50px 40px 55px;
	border:1px solid #e2e7ef;
	border-radius:20px;
	background:#f8f9fc;
	box-sizing:border-box;
}

/* 왼쪽 사선 면 */
.invitation_intro_box:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:430px;
	height:100%;
	background:rgba(220,227,237,.2);
	clip-path:polygon(
		0 0,
		18% 0,
		68% 100%,
		0 100%
	);
	pointer-events:none;
}

/* 오른쪽 사선 면 */
.invitation_intro_box:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:380px;
	height:100%;
	background:rgba(220,227,237,.1);
	clip-path:polygon(
		18% 0,
		100% 0,
		100% 100%,
		68% 100%
	);
	pointer-events:none;
}

/* 본문 */
.invitation_intro_box .program_intro {
	position:relative;
	z-index:1;
}

/* 로고 */
.invitation_logo {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:22px;
}

.invitation_logo img {
	display:block;
	width:145px;
	max-width:100%;
	height:auto;
}

/* 타이틀 + 월계수 */
.invitation_title_wrap {
	display:flex;
	align-items:center;
	justify-content:center;
}

.invitation_title_box {
	text-align:center;
}

.invitation_eng {
	margin-top:-12px;
	color:#8a94a3;
	font-size:12px;
	font-weight:500;
	line-height:1.2em;
	letter-spacing:.22em;
}

/* 월계수 */
.invitation_laurel {
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:58px;
	overflow:hidden;
	opacity:.7;
}

.invitation_laurel img {
	display:block;
	width:27px;
	height:50px;
	filter:
		brightness(0)
		saturate(100%)
		invert(48%)
		sepia(10%)
		saturate(650%)
		hue-rotate(178deg)
		brightness(88%)
		contrast(86%);
}

.invitation_laurel_left {
	margin-right:8px;
}

.invitation_laurel_right {
	margin-left:8px;
}

.invitation_laurel_right img {
	transform:scaleX(-1);
}

/*주요 인사*/
.invitation_official {
	display:flex;
	align-items:center;
	justify-content:center;
}

.official_item {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	text-align:center;
	white-space:nowrap;
}

/* 이름 */
.official_item strong {
	order:1;
	color:#203a83;
	font-size:42px;
	font-weight:700;
	line-height:1.2em;
	letter-spacing:-0.04em;
}

/* 직책 */
.official_item > span {
	order:2;
	color:#555;
	font-size:18px;
	font-weight:400;
	line-height:1.4em;
}

.official_divider {
	width:1px;
	height:44px;
	margin:0 40px;
	background:#d4d8de;
}

/*개막행사 내부 박스*/
.invitation_opening_box {width:100%;margin-top:50px;padding:45px 55px 40px;border:1px solid #dce3ed;border-radius:18px;background:rgba(255,255,255,.35);box-sizing:border-box;}

/* 개막행사 타이틀 */
.invitation_section_title {display:flex;align-items:center;justify-content:center;margin:0 0 38px;color:#203a83;font-size:30px;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;text-align:center;}

.invitation_section_title:before,
.invitation_section_title:after {content:"";display:block;width:200px;height:2px;background:#b8c5d8;}

.invitation_section_title:before {margin-right:25px;}
.invitation_section_title:after {margin-left:25px;}

/*DATE / VENUE*/
.invitation_opening_info {display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin:0 auto;}

.opening_info_row {display:flex;align-items:center;width:100%;margin-bottom:18px;}
.opening_info_row:last-child {margin-bottom:0;}

.opening_label {flex:0 0 120px;color:#203a83;font-size:22px;font-weight:700;line-height:1.4em;letter-spacing:.08em;}
.opening_label.datetxt {letter-spacing:.3em;}

.opening_cont {color:#222;font-size:22px;font-weight:700;line-height:1.5em;white-space:nowrap;}

/*사무국 연락처*/
.opening_contact {margin-top:30px;padding-top:0;border-top:0;color:#444;font-size:20px;line-height:1.6em;text-align:center;}
.opening_contact_title {font-weight:400;}
.opening_contact_info {margin-top:5px;}
.opening_contact_bar {margin:0 14px;color:#a0a6b0;}

@media screen and (max-width:1200px){
	.invitation_intro_box {padding:45px 35px 50px;border-radius:18px;}

	.invitation_title_wrap {margin-bottom:0;}

	.official_item strong {font-size:36px;}
	.official_item > span {font-size:17px;}

	.official_divider {height:38px;margin-left:30px;margin-right:30px;}

	.invitation_opening_box {margin-top:45px;padding:42px 45px 38px;}

	.invitation_section_title {margin-bottom:35px;font-size:27px;}

	.invitation_section_title:before,
	.invitation_section_title:after {width:160px;}

	.invitation_section_title:before {margin-right:22px;}
	.invitation_section_title:after {margin-left:22px;}

	.opening_label {flex-basis:110px;font-size:20px;}

	.opening_cont {font-size:20px;}

	.opening_contact {font-size:19px;}
}

@media screen and (max-width:1024px){
	.invitation_intro_box {padding:40px 30px 45px;}

	.official_item strong {font-size:32px;}
	.official_item > span {font-size:16px;}

	.official_divider {height:34px;margin-left:24px;margin-right:24px;}

	.invitation_opening_box {margin-top:40px;padding:38px 38px 35px;}

	.invitation_section_title {margin-bottom:32px;font-size:25px;}

	.invitation_section_title:before,
	.invitation_section_title:after {width:125px;}

	.invitation_section_title:before {margin-right:20px;}
	.invitation_section_title:after {margin-left:20px;}

	.opening_label {flex-basis:100px;font-size:19px;}

	.opening_cont {font-size:19px;}

	.opening_contact {margin-top:25px;font-size:18px;}
}

@media screen and (max-width:768px){
	.invitation_logo {margin-bottom:18px;}
	.invitation_logo img {width:125px;}

	.invitation_intro_box {padding:35px 25px 40px;border-radius:16px;}

	.invitation_laurel {width:30px;height:48px;}
	.invitation_laurel img {width:22px;height:42px;}

	.invitation_laurel_left {margin-right:5px;}
	.invitation_laurel_right {margin-left:5px;}

	.invitation_eng {margin-top:-9px;font-size:10px;letter-spacing:.18em;}

	/* 주요 인사 */
	.invitation_official {align-items:flex-start;}

	.official_item strong {font-size:28px;}
	.official_item > span {font-size:14px;}

	.official_divider {height:32px;margin-left:20px;margin-right:20px;}

	/* 개막행사 */
	.invitation_opening_box {margin-top:35px;padding:35px 30px;border-radius:16px;}

	.invitation_section_title {margin-bottom:30px;font-size:22px;}

	.invitation_section_title:before,
	.invitation_section_title:after {width:80px;}

	.invitation_section_title:before {margin-right:16px;}
	.invitation_section_title:after {margin-left:16px;}

	.opening_info_row {margin-bottom:15px;}

	.opening_label {flex-basis:90px;font-size:17px;}

	.opening_cont {font-size:17px;}

	.opening_contact {margin-top:20px;font-size:17px;}
}

@media screen and (max-width:600px){
	.invitation_intro_box {padding:30px 20px 35px;}

	/* 주요 인사 */
	.invitation_official {flex-direction:column;align-items:center;gap:18px;}

	.official_divider {display:none;}

	.official_item strong {font-size:25px;}
	.official_item > span {font-size:13px;}

	/* 개막행사 */
	.invitation_opening_box {margin-top:30px;padding:30px 22px;}

	.invitation_section_title {margin-bottom:28px;font-size:20px;}

	.invitation_section_title:before,
	.invitation_section_title:after {width:55px;}

	.invitation_section_title:before {margin-right:12px;}
	.invitation_section_title:after {margin-left:12px;}

	.invitation_opening_info {/*width:100%;align-items:center;*/}

	.opening_info_row {/*align-items:flex-start;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;*/}

	.opening_label {flex:0 0 75px;font-size:16px;}

	.opening_cont {font-size:16px;white-space:normal;}

	.opening_contact {margin-top:15px;font-size:16px;}
	.opening_contact_bar {margin:0 8px;}
}

@media screen and (max-width:480px){
	.invitation_logo {margin-bottom:15px;}

	.invitation_logo img {width:110px;}

	.invitation_intro_box {padding:25px 15px 30px;border-radius:12px;}

	.invitation_laurel {width:24px;height:40px;}

	.invitation_laurel img {width:18px;height:36px;}

	.invitation_laurel_left {margin-right:3px;}
	.invitation_laurel_right {margin-left:3px;}

	.invitation_eng {margin-top:-6px;font-size:8px;letter-spacing:.15em;}

	/* 주요 인사 */
	.official_item strong {font-size:22px;}
	.official_item > span {font-size:12px;}

	/* 개막행사 */
	.invitation_opening_box {margin-top:25px;padding:25px 16px 28px;border-radius:12px;}

	.invitation_section_title {margin-bottom:25px;font-size:18px;}

	.invitation_section_title:before,
	.invitation_section_title:after {width:35px;}

	.invitation_section_title:before {margin-right:9px;}
	.invitation_section_title:after {margin-left:9px;}

	.opening_info_row {margin-bottom:13px;}

	.opening_label {flex:0 0 65px;font-size:13px;}

	.opening_cont {font-size:13px;line-height:1.55em;}

	.opening_contact {font-size:14px;line-height:1.55em;}
	.opening_contact_info span:not(.opening_contact_bar) {display:block;}
	.opening_contact_bar {display:none;}
}


/*-----------------------------------------------전시회 참관안내-----------------------------------------------*/
/*애니메이션*/
.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:#203a83; 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 #203a83; 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:#203a83; 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:#203a83; 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 #203a83; padding:15px 45px; border-radius:50px; font-size:1.3em; color:#203a83; 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:#203a83; border-color:#203a83}
.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:#203a83; 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 #203a83; 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:#203a83; 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:#203a83; 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:#203a83; 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 #203a83; 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:#203a83; 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:#203a83; 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:#203a83; 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 #203a83; 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}
}


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

@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:#203a83}

.in_txt {position:absolute; top:0; right:0; padding:5px 10px; background:#203a83; 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:#203a83}
.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:#203a83}
  25%{border-color:#e2e2e2}
  50%{border-color:#203a83}
  75%{border-color:#e2e2e2}
  100%{border-color:#203a83;}
}

#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: #203a83; vertical-align: middle; font-size:24px; margin-bottom:20px;}
.stlt:before {content:""; display:inline-block; width:20px; height:20px; background:#fff; border:7px solid #203a83; 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 #203a83}
.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 #203a83; 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 #203a83 !important; border: 1px solid #ddd; overflow-x: auto; margin-bottom: 10px;}
.agreement2 {height: 200px; border-top: 2px solid #203a83 !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:#203a83; padding:15px 80px; color:#fff; border-radius:50px;}

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