@charset "UTF-8";

/* ----------------------------------
	wrap-micro-camp
----------------------------------*/
/*
>> NanumBarunGothic
	Ultra Light(200),
	Light(300), 
	Regular(400), 
	Bold(700), 
*/	

/* ----------------------------------
	Normalize
----------------------------------*/
.wrap-micro-camp *,
.wrap-micro-camp *:before,
.wrap-micro-camp *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* .wrap-micro-camp .btn_kind2 {height:38px;} */

/*---------------------------------*/

.micro-camp-container * {font-family: 'NanumBarunGothic', sans-serif;font-weight: 400;}
.micro-camp-container .inner-cont {max-width:1000px;height:100%;margin:0 auto;padding:0 20px;}
.micro-camp-container [class^='pos-left-'] {position:relative;float:left;}
.micro-camp-container b {font-weight:700;}

.micro-camp-container .pager-wrap {text-align:center;margin-top:35px;}
.micro-camp-container .pager-wrap ul {}
.micro-camp-container .pager-wrap ul li {display:inline-block;vertical-align: middle;border-radius: 50%;margin:0 5px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out; 
}
.micro-camp-container .pager-wrap ul li.active {background-color:#000;}
.micro-camp-container .pager-wrap ul li.active button {color:#fff;}


.micro-camp-container .pager-wrap ul li button,
.micro-camp-container .pager-wrap ul li a {display:block;width:25px;height:25px;line-height:26px;color:#000;font-size:14px;letter-spacing:-1px;font-weight:700;outline:none;}

.micro-camp-container .pager-wrap ul [class^='go-'] button {position:relative;width:25px;height:25px;}
.micro-camp-container .pager-wrap ul [class^='go-'] button:before {
	content:'';
	position:absolute;top:0;left:0;
	display:inline-block;vertical-align:top;color:transparent;
	overflow:hidden;line-height:999px;
	background:url('../images/sp_pagination.png') no-repeat;
	-webkit-background-size:74px auto;
	background-size:74px auto;
}
.micro-camp-container .pager-wrap ul .go-prev-first {margin:0;}
.micro-camp-container .pager-wrap ul .go-prev {margin:0 20px 0 0;}
.micro-camp-container .pager-wrap ul .go-next {margin:0 0 0 20px;}
.micro-camp-container .pager-wrap ul .go-next-last {margin:0;}


.micro-camp-container .pager-wrap ul .go-prev-first button:before {width:14px;height:14px;top:7px;left:5px;background-position:0 0;}
.micro-camp-container .pager-wrap ul .go-prev button:before {width:14px;height:14px;top:7px;left:9px;background-position:-23px 0;}
.micro-camp-container .pager-wrap ul .go-next button:before {width:14px;height:14px;top:7px;left:9px;background-position:-43px 0;}
.micro-camp-container .pager-wrap ul .go-next-last button:before {width:14px;height:14px;top:7px;left:5px;background-position:-60px 0;}


/*==============================================================
	MAIN
==============================================================*/

/* ----------------------------------
	Popup
----------------------------------*/
.popup-layer.popup-427-video .dim {background:#000;opacity:.65;}
.popup-layer.popup-427-video .popup-cont {overflow:visible;height:100%;}
.popup-layer.popup-427-video .popup-cont .btn-close {position:absolute;top:-37px;right:0;z-index:300;width:24px;height:24px;}
.popup-layer.popup-427-video .popup-cont .btn-close .ico-close {
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('../images/ico_close.png');	 

}
.popup-layer.popup-427-video .popup-cont .video-cont {width:100%;height:100%;}
.popup-layer.popup-427-video .popup-cont .video-cont iframe {display:block;width:100%;height:100%;}

/*---------------------------------*/

.micro-camp-main {width:1280px;margin:0 auto;}

.micro-camp-main .section01 .inner-cont {padding:0;}

.micro-camp-main .section01 .pos-dsc {display:inline-block;width:100%;text-align:right;}
.micro-camp-main .section01 .pos-dsc em {display:block;margin:28px 0 0;}
.micro-camp-main .section01 .pos-dsc em > img {width:140px;height:auto;}
.micro-camp-main .section01 .logo {margin:52px auto 0;width:507px;height:auto;}
.micro-camp-main .section01 .pos-btn {display:inline-block;width:100%;text-align:right;}
.micro-camp-main .section01 .pos-btn .btn-video {display:inline-block;margin:154px 0 0 0;}
.micro-camp-main .section01 .pos-btn .btn-video > img {width:367px;height:auto;}

.micro-camp-main .section02 .inner-cont {padding-top:55px;}

.micro-camp-main .section02 [class^='pos-left-'] {}
.micro-camp-main .section02 .pos-left-title {width:191px;}
.micro-camp-main .section02 .pos-left-title h2 {font-size:30px;letter-spacing:-1px;color:#446086;font-weight: 200;line-height:2.45rem;}
.micro-camp-main .section02 .pos-left-slider {width:769px;}

.micro-camp-main .section02 .slider-progress {width:768px;height:auto;}
.micro-camp-main .section02 .slider-progress .img-cont {width:100%;height:auto;}
.micro-camp-main .section02 .slider-progress .slider-cont {width:100%;height:auto;}
.micro-camp-main .section02 .slider-progress .slider-controls {margin-top:12px;background-color:#fff;width:100%;height:68px;}
.micro-camp-main .section02 .slider-progress .slider-controls .progress-cont {padding-top:12px;}
.micro-camp-main .section02 .slider-progress .slider-controls .progress-cont .progress-bg {overflow: hidden;position:relative;display: block;width: 100%;height: 2px;background-color: #e7e7e7;}
.micro-camp-main .section02 .slider-progress .slider-controls .progress-cont .progress-bar {display: inline-block;height: 2px;background: #000;position: absolute;top: 0;left: 0;z-index:200;}
.micro-camp-main .section02 .slider-progress .slider-controls .progress-cont .progress-label {}

.micro-camp-main .section02 .slider-progress .slider-btn {float:right;padding-top:10px;margin-right:28px;width:100px;}
.micro-camp-main .section02 .slider-progress .slider-btn > * {display:inline-block;vertical-align: top;}
.micro-camp-main .section02 .slider-progress .slider-btn button {outline:none;}
.micro-camp-main .section02 .slider-progress .slider-btn b {font-size:15px;line-height:1;letter-spacing: -.5px;color:#808080;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out; 
}
.micro-camp-main .section02 .slider-progress .slider-btn .bar {color:#e5e5e5;margin:2px 8px 0;}
.micro-camp-main .section02 .slider-progress .slider-btn button:HOVER b {color:#000;}


.micro-camp-main .section03 .inner-cont {padding-top:110px;}
.micro-camp-main .section03 .title-cont {}
.micro-camp-main .section03 .title-cont h2 {font-size:30px;letter-spacing:-1px;color:#f59e00;font-weight: 200;line-height:2.45rem;-webkit-text-shadow: 0px 0px 41.76px 45.24px rgba(0, 0, 0, 0.8);text-shadow: 0px 0px 41.76px 45.24px rgba(0, 0, 0, 0.8);}
.micro-camp-main .section03 .cont-list {overflow:hidden;margin-top:40px;}
.micro-camp-main .section03 .cont-list li {float: left;}
.micro-camp-main .section03 .cont-list li + li {margin-left:39px;}

.micro-camp-main .section04 .inner-cont {padding-top:110px;}
.micro-camp-main .section04 .title-cont {}
.micro-camp-main .section04 .title-cont h2 {font-size:30px;letter-spacing:-1px;color:#31979b;font-weight: 200;line-height:2.45rem;}

.micro-camp-main .section04 .map-cont {display:inline-block;margin-top:60px;width:100%;height:auto;}
.micro-camp-main .section04 .pos-left-nav {width:180px;}
.micro-camp-main .section04 .pos-left-nav .nav {}
.micro-camp-main .section04 .pos-left-nav .nav li {position:relative;margin-top:35px;line-height:1;}
.micro-camp-main .section04 .pos-left-nav .nav li:first-child {margin-top:25px;}
.micro-camp-main .section04 .pos-left-nav .nav li a {display:inline-block;width:auto;height:100%;}
.micro-camp-main .section04 .pos-left-nav .nav li a > * {display:inline-block;vertical-align:top;}
.micro-camp-main .section04 .pos-left-nav .nav li .ico-circle {position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:4px;}
.micro-camp-main .section04 .pos-left-nav .nav li .ico-circle:before {content:'';display:block;width:6px;height:4px;position:absolute;left:50%;top:50%;margin-top:-2px;border-radius:10px;background-color:#000;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out; 
}
.micro-camp-main .section04 .pos-left-nav .nav li span {margin-left:12px;font-size:16px;color:#000;letter-spacing:-1px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out; 
}

.micro-camp-main .section04 .pos-left-nav .nav li.active span {margin-left:18px;color:#31979b;font-weight:700;}
.micro-camp-main .section04 .pos-left-nav .nav li.active .ico-circle:before {width:12px;background-color:#31979b;}

.micro-camp-main .section04 .pos-left-nav .change-map-img {}
.micro-camp-main .section04 .pos-left-nav .change-map-img .img-cont {position: absolute;left:-100px;top:400px;z-index:100;width:243px;height:331px;
	opacity:0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.micro-camp-main .section04 .pos-left-nav .change-map-img .img-cont > img {display:block;width:100%;height:100%;object-fit:cover;}

.micro-camp-main .section04 .pos-left-nav .change-map-img .img-cont.active {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.micro-camp-main .section04 .pos-left-thumb {width: calc(100% - 180px);}
.micro-camp-main .section04 .pos-left-thumb .thumb-list {overflow:hidden;min-height:712px;}
.micro-camp-main .section04 .pos-left-thumb .thumb-list li {position:relative;float:left;margin-right:24px;width:244px;min-height:356px;}
.micro-camp-main .section04 .pos-left-thumb .thumb-list li:nth-child(3n) {margin-right:0;}
.micro-camp-main .section04 .pos-left-thumb .thumb-list li .img-cont {overflow:hidden;width:244px;height:244px;}
.micro-camp-main .section04 .pos-left-thumb .thumb-list li .img-cont > img {display:block;width:100%;height:100%;object-fit:cover;}
.micro-camp-main .section04 .pos-left-thumb .thumb-list li .text-cont {margin-top:12px;}
.micro-camp-main .section04 .pos-left-thumb .thumb-list li .text-cont .title {font-size:16px;line-height:25px;height:50px;letter-spacing: -1px;color:#222;
	overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;
}
.micro-camp-main .section04 .pos-left-thumb .thumb-list li .text-cont .date {display:block;margin-top:2px;font-size:14px;letter-spacing:-1px;color:#777;}

.micro-camp-main .section04 .pos-left-thumb .nodata-cont {display:inline-block;width:100%;height:100%;text-align:center;}
.micro-camp-main .section04 .pos-left-thumb .nodata-cont .img-cont {padding-top:180px;margin:0 auto;width:286px;height:auto;}


.micro-camp-main .section05 .inner-cont {padding-top:120px;}
.micro-camp-main .section05 .title-cont {}
.micro-camp-main .section05 .title-cont h2 {font-size:30px;letter-spacing:-1px;color:#446086;font-weight: 200;line-height:2.45rem;}
.micro-camp-main .section05 .title-cont .dsc-list {position:relative;margin-top:35px;padding-left:20px;}
.micro-camp-main .section05 .title-cont .dsc-list:before {content:'';position:absolute;top:7px;left:3px;width:1px;height:86px;border-left:1px solid #93a9c1;}
.micro-camp-main .section05 .title-cont .dsc-list li {font-size:18px;line-height:34px;letter-spacing:-1px;color:#446086;}
.micro-camp-main .section05 .title-cont .dsc-list li .num {font-style: italic;margin-right:5px;}

.micro-camp-main .section05 .info-box {margin-top:185px;}
.micro-camp-main .section05 .info-box ul {font-size:0;}
.micro-camp-main .section05 .info-box ul li {display:inline-block;}
.micro-camp-main .section05 .info-box ul li > img {display:block;width:100%;height:100%;}

.micro-camp-main .section06 .inner-cont {padding-top:90px;}
.micro-camp-main .section06 .pos-left-title {width:180px;}
.micro-camp-main .section06 .pos-left-title .title-cont {padding-top:30px;}
.micro-camp-main .section06 .pos-left-title .title-cont h2 {font-size:30px;letter-spacing:-1px;color:#f56c76;font-weight: 200;line-height:2.45rem;}

.micro-camp-main .section06 .pos-left-pdf {width: calc(100% - 180px);} 
.micro-camp-main .section06 .pos-left-pdf .pdf-list {overflow:hidden;}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li {position:relative;float:left;margin-right:24px;width:244px;min-height:420px;}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li:nth-child(3n) {margin-right:0;}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li .img-cont {overflow:hidden;width:244px;height:341px;border:1px solid #f0f0f0;}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li .img-cont > img {display:block;width:100%;height:100%;object-fit:cover;}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li .text-cont {margin-top:12px;text-align:center;overflow:hidden;height:50px;}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li .text-cont .title {display:block;height:50px;font-size:16px;line-height:25px;letter-spacing: -1px;color:#222;word-break:keep-all;}

.micro-camp-main .section06 .pos-left-pdf .pdf-list li .img-mask {position:absolute;top:0;left:0;width:244px;height:341px;background:rgba(0,0,0,0.6);text-align:center;z-index:200;opacity:0;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li .img-mask .pos {position:absolute;top:50%;left:50%;width:52px;height:52px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.micro-camp-main .section06 .pos-left-pdf .pdf-list li .img-mask .ico-download {display: inline-block;width:52px;height:52px;background-size:52px;background-position: 0 0;background:url('../images/ico_download.png') no-repeat;}

.micro-camp-main .section06 .pos-left-pdf .pdf-list li a:HOVER .img-mask {opacity:1;}


/*==============================================================
    PLAY_RIGHT_VIEW
==============================================================*/
.micro-camp-play-view {background-color:#979797;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:900;}
.micro-camp-play-view .play-view-area {position:relative;margin:0 auto;width:1280px;height:100%;background-color:#fff;}
.micro-camp-play-view .play-view-area .btn-close {position:absolute;top:20px;right:-72px;width:52px;height:52px;}
.micro-camp-play-view .play-view-area .btn-close .ico-close {
    display: inline-block;
	position: absolute;
	width: 52px;
	height: 52px;
	background-size: 52px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('../images/ico_view_close.png');	 

}

.micro-camp-play-view .play-view-cont {position:relative;width:100%;height:100%;overflow-y: scroll;padding:50px 130px 0;}
.micro-camp-play-view .play-view-cont::-webkit-scrollbar {width:5px;height:4px;border:none;}
.micro-camp-play-view .play-view-cont::-webkit-scrollbar-button:start:decrement, 
.micro-camp-play-view .play-view-cont::-webkit-scrollbar-button:end:increment {display:block;height:1px;background:#ccc;}
.micro-camp-play-view .play-view-cont::-webkit-scrollbar-track {background:#fff;}
.micro-camp-play-view .play-view-cont::-webkit-scrollbar-thumb {height:1px;width:1px;background:#ccc;}
.micro-camp-play-view .play-view-cont .inner-cont {position:relative;max-width:100%;height:100%;padding:0;}

.micro-camp-play-view .play-view-cont .play-view-header {position:relative;width:100%;padding:0 15px;}
.micro-camp-play-view .play-view-cont .play-view-header h3 {width: calc(100% - 100px);font-size:23px;line-height:2rem;color:#222;font-weight:700;}
.micro-camp-play-view .play-view-cont .play-view-header .date {position:absolute;right:20px;bottom:0;font-size:16px;color:#777;}

.micro-camp-play-view .play-view-cont .play-view-body {position:relative;margin-top:28px;padding:30px 20px;border-top:2px solid #454545;min-height:1000px;}
.micro-camp-play-view .play-view-cont .play-view-body .sns-list {position:absolute;top:-5px;right:-48px;}
.micro-camp-play-view .play-view-cont .play-view-body .sns-list li {width:28px;height:28px;}
.micro-camp-play-view .play-view-cont .play-view-body .sns-list li + li {margin-top:10px;}

.micro-camp-play-view .play-view-cont .play-view-body .contents-area {color:#222;text-align: left;font-size:18px;line-height:2;}

.micro-camp-play-view .play-view-cont .play-view-footer {padding-bottom:60px;border-top:2px solid #454545;text-align: center;}
.micro-camp-play-view .play-view-cont .play-view-footer .btn-confirm {display:inline-block;margin-top:35px;width:172px;height:47px;line-height:47px;border:1px solid #222;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out; 
}
.micro-camp-play-view .play-view-cont .play-view-footer .btn-confirm span {font-size:20px;font-weight:bold;color:#222;}
.micro-camp-play-view .play-view-cont .play-view-footer .btn-confirm:HOVER {background:#222;}
.micro-camp-play-view .play-view-cont .play-view-footer .btn-confirm:HOVER span {color:#fff;}