@charset "utf-8";

#content {position: relative}
.subtit {padding-bottom: 80px;}
article .container{padding: 4em 30px 0}

#header, #header .logo, #header #gnb ul li, #cnt5 .program ul li a {-webkit-transition: 0.3s all;transition: 0.3s all}
#cnt1 ul li a {-webkit-transition: 0.1s all;transition: 0.1s all}
.logo{background: url(../images/logo1x.png); width: 222px; height: 29px;}
.logo a{width: 100%; height: 100%; display: block; text-indent: -9999em;}

.top-bnr{width: 230px; margin:0;}

#header {position: absolute; width: 100%; z-index: 10; padding: 1.6em 0 1em; min-width:1200px;}
.header-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90%; margin:0 auto; padding: 15px;}
#header #gnb {font-weight: 500; width: 70%; max-width: 960px;}
#header #gnb ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#header #gnb ul li {font-size: 17px; color: #fff;}
#header #gnb ul li a:hover, #header #gnb ul li a:focus {color: #fabe00}

#header.on {background: rgba(33, 33, 33, .70); margin-top: 0; padding:.2em 0; position: fixed;}
/*#header.on .logo {transform: scale(0.8); margin-top: 10px;}*/
.on .header-wrap{}
#header.on #gnb ul li {color: #fff}

.main-visual{background: rgba(33,33,33,.25)}
.main-visual .swiper-slide{height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.visual-desc p{font-weight: 400; color: #f9f9f9;}

.main-visual .swiper-button-prev{background:url(../images/main-ctrl.png) left center; width:64px; height:97px;  top:42%; left:3%}
.main-visual .swiper-button-next{background:url(../images/main-ctrl.png) right center; width:64px; height:97px;  top:42%; right:3%;}

.main-visual.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30%;}


.main-pagi .swiper-pagination-bullet{width: 160px; height: 30px; border-radius:0; background: url(../images/pagination-bg.png); opacity:1; position: relative;}
.main-pagi .swiper-pagination-bullet:before,.main-pagi .swiper-pagination-bullet:after{content:''; position: absolute; left:0; bottom:0;width: 100%; height: 2px; }
.main-pagi .swiper-pagination-bullet:before{background: rgba(50,50,50,.5);}
.main-pagi .swiper-pagination-bullet:after{background: rgba(255,255,255,1); width: 0;}

.main-pagi.swiper-pagination span:nth-child(1){background-position: 0 0;}
.main-pagi.swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background-position: 0 -30px;}

.main-pagi.swiper-pagination span:nth-child(2){background-position: -170px 0;}
.main-pagi.swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background-position: -170px -30px;}

.main-pagi.swiper-pagination span:nth-child(3){background-position: -340px 0;}
.main-pagi.swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background-position: -340px -30px;}

.main-pagi.swiper-pagination span:nth-child(4){background-position: -510px 0;}
.main-pagi.swiper-pagination span:nth-child(4).swiper-pagination-bullet-active{background-position: -510px -30px;}

.main-pagi.swiper-pagination span.swiper-pagination-bullet-active:after{
	-webkit-animation:timer 4.4s ease-out;
	animation:timer 4.4s ease-out;
}
@-webkit-keyframes timer {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
@keyframes timer {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
.visual-desc *{text-shadow: 0 0 24px rgba(33,33,33,.5)}
.visual-desc{width: 100%;}

/*cnt01*/
.cnt01{background: url(../images/cnt01-bg.jpg)center center/cover no-repeat;}
/*
.fp-viewing-1 .video-background {
	-webkit-filter: blur(5px);filter: blur(5px);
}
*/
.video-area{width: 50%; max-width: 670px; position: relative;}

/*cnt02*/
.system-desc{background: url(../images/cnt02-top.jpg); color: #454545; width: 100%; max-width:1020px; margin:0 auto; -webkit-box-shadow: 10px 0 25px rgba(33,33,33,.3); box-shadow: 10px 0 25px rgba(33,33,33,.3)}
.system-txt{width: 41%; margin: 0 0 0 auto; text-align: left; padding: 4% 2% 4% 0;}
.system-txt h3{font-size: 1.875em; font-weight: 700;}
.system-txt p{line-height: 1.6; word-break: keep-all;}


/*cnt03*/
.subj-list{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin: 8% 0 0}
.subj-icon{display: inline-block; width: 20vw; height: 20vw; max-width:160px; max-height: 160px;background:#fff url(../images/subject-sprite.png); border-radius:50%;}
.subj-icon.icon1{background-position: 0 0;}
.subj-icon.icon2{background-position: -160px 0;}
.subj-icon.icon3{background-position: -320px 0;}
.subj-icon.icon4{background-position: -480px 0;}
.subj-icon.icon5{background-position: -640px 0;}
.subj-list > li:hover .subj-icon.icon1{background-position: 0 -160px;}
.subj-list > li:hover .subj-icon.icon2{background-position: -160px -160px;}
.subj-list > li:hover .subj-icon.icon3{background-position: -320px -160px;}
.subj-list > li:hover .subj-icon.icon4{background-position: -480px -160px;}
.subj-list > li:hover .subj-icon.icon5{background-position: -640px -160px;}
.subj-list > li .subj-tit{font-size: 1.875em; }
.subj-sub-list{line-height: 1.6;}

/*cnt04*/

.fl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
/*	max-width: 1920px;*/
	margin: 0 auto;
}

.cnt04 .fl .left,
.cnt04 .fl .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 50%;
	height: 100vh;
	display: table;
	-webkit-transition: .3s;
	transition: .3s
}



.cnt04 .fl.hov-on .left,
.cnt04 .fl.hov-on .right {
	width: 34%;
}

.cnt04 .fl.hov-on .left:hover,
.cnt04 .fl.hov-on .right:hover {
	-webkit-box-flex: 2.4;
	-ms-flex: 2.4;
	flex: 2.4;
	width: 66%;
}

.cnt04 .fl .left {
	background: url(../images/cnt04-digital01-normal.jpg)center center /cover no-repeat;
}

.cnt04 .fl .left:hover {
	background: url(../images/cnt04-digital01-hover.jpg)center center/cover no-repeat
}

.cnt04 .fl .right {
	background: url(../images/cnt04-digital02-normal.jpg)center center/cover no-repeat
}

.cnt04 .fl .right:hover {
	background: url(../images/cnt04-digital02-hover.jpg)center center/cover no-repeat
}

.cnt04 .fl .left .hov-text-area,
.cnt04 .fl .right .hov-text-area {
	max-width: 840px;
	width: 90%;
	text-align: left;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.normal-img{display: table-cell;}
.hover-img{display: none;}
.normal-img,.hover-img{ vertical-align: middle; text-align: center;}

.fl .on .normal-img{display: none;}
.fl .on .hover-img{display: table-cell;}
#cnt04 .fl .hov-text-area h3{width: 42%;}
#cnt04 .fl .hov-text-area p{width: 58%;line-height: 1.8; padding: 0 0 0 3%; border-left:1px solid #d7d7d7; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 5%}

.normal-img .more-btn{ color: #222; font-family:'RIDIBatang',serif; }
.more-btn{max-width: 182px; display: block; margin: 2.4% auto 0; background: #fff; font-size: 24px; padding: 18px 0; border-radius:30px;}

/*cnt05*/
.cnt05 .fx{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end; }
.doc-left.left{width: 45.5%;}
.doc-right.right{width: 52.3%;}
.doc-bg{background: #fff url(../images/cnt05-doc-bg.jpg)top right; position: relative; color: #222; padding: 7% 0 5% 13%; overflow: hidden;}
.doc-bg h3{position: relative; width: 42%; min-width: 210px;}
.doc-bg h3 em{font-size: .7em;}
.doc-bg h3:after{content:''; position: absolute; bottom:-18px; right:10px; background: #fabe00; width: 300px; height: 1px;}
.doc-bg ul{line-height: 2;}
.case-list > li{ background: #fff; margin: 2% 0 0 ; width: 48%;}
.case-be-img{}
.case-img-area{background: #ccc; height: 184px;}
.case-be-img,.case-af-img{width: 49.25%;}

.case-desc{background: #454545; font-family:'RIDIBatang',serif; font-size: 1.5em; padding: .3em;}
/*cnt06*/
/*cnt07*/
.service-list-icon{display: inline-block;width:70px; height: 80px; background: url(../images/service-list-sprite.png)no-repeat; margin:25px 0;}
.service-list-icon.icon1{background-position: 0 0;}
.service-list-icon.icon2{background-position: -70px 0;}
.service-list-icon.icon3{background-position: -140px 0;}

.service-list {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1220px; margin: 0 auto;}
.service-list li{line-height: 1.6; padding: 106px 1em 50px; width: 400px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.service01{background: url(../images/cnt07-service01-bg.jpg)no-repeat;}
.service02{background: url(../images/cnt07-service02-bg.jpg)no-repeat;}
.service03{background: url(../images/cnt07-service03-bg.jpg)no-repeat;}

.case-tit{background: #fff; color: #222; padding: .6em;}
/*cnt08*/

.cnt08{background: url(../images/cnt08-interior-bg.jpg)center center /cover no-repeat;}

.interior-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width:100%; max-width:1100px; margin:0 auto; position: relative;}
.interiorView{width: 80%; margin: 0;}
.interiorThumb{width: 18.5%;margin:0; max-height: 500px;}
.interiorThumb .swiper-slide{opacity: .5;}
.interiorThumb .swiper-slide-thumb-active{opacity:1;}

.ctrl2{position: absolute;}
.map-area,.time-area{width: 50%; height: 540px;}
.map-area{position: relative;}
.time-area{background: url(../images/time-bg-200514.jpg)center center /cover no-repeat;}


#footer{
    background:#535353;
    padding: 80px 0;
}
.fx{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#footer .logo{}
#footer .logo a{width: 100%; height: 100%; display: block; text-indent: -9999em;}
#footer .container .text-area{width: 68%;line-height: 1.8;}
.foot-link{width: 110px;}
.foot-link li{display: inline-block;}
.foot-link li a{display:block; width: 100%; height: 100%;}

.map-desc{position: absolute; top:30px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; background: rgba(51,51,51,.8); padding:.8em ; width: 80%; text-align: center; border-radius:20px;}
#map{width: 100%; height: 100%;}
#map .iw_inner h3{color: #333;}
#map .iw_inner a{font-size: 15px;}

.video-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
	background: url(../images/video-thumb-bg.jpg)center center;
}

.video-background iframe {
	width: 100vw;
	height: 56.25vw;
	/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh;
	/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.lnb{color: #000; position: fixed; top:20%; left:0; z-index: 2; width: 82px;}
.lnb li{line-height: 2; margin:2em 0; font-size:12px; text-align: right; color: #d7d7d7; position: relative;}
.lnb li:before{ left:0; top:11px; width: 66%; height: 1px;}
.lnb li:after{ left:66%; top:8px; width: 8px; height: 8px; border-radius:50%;}
.lnb li:before,.lnb li:after{content:''; position: absolute;background: #fabe00; opacity:0;}
.lnb li.active:before,.lnb li.active:after{opacity:1;}
.lnb li.active a{color: #fabe00;}

#fp-nav ul li a.active span{background: #fabe00;}
#fp-nav ul li a span{background: #d7d7d7;}
/*bg-imgs*/

.cnt01-bg{background: url(../images/cnt01-bg.jpg)center center/cover;}
.cnt02-bg{background: url(../images/cnt02-bg.jpg)center center/cover;}
.cnt03-bg{background: url(../images/cnt03-bg.jpg)center center/cover;}
.cnt05-bg{background: url(../images/cnt05-bg.jpg)center center/cover;}
.cnt06-bg{background: url(../images/cnt06-bg.jpg)center center/cover;}
.cnt08-bg{background: url(../images/cnt08-bg.jpg)center center/cover;}

.quick{position: fixed; top:100px; right:0; width: 140px; z-index: 10;}
.quick li{}
.quick li a{display: block; width: 100%; height: 100%; text-indent: -9999em;}
.quick-top li{width: 100%; background: url(../images/quick-bg1.png)top left/100% no-repeat; border-radius:5px;}
.quick-top li.n_blog{height:159px;}
.quick-top li.n_res{height:48px; background-position: 0 -159px}
.quick-top li.kakao{height:48px; background-position: 0 -207px}
.quick-top li a{}
.quick-bottom{width: 60px; margin:16px auto 0 auto;}
.quick-bottom a{display: block; width: 60px; height: 60px; border-radius:30px; background: url(../images/quick-bg2.png)left top/100% no-repeat; text-indent: -9999em;margin-bottom: 10px;}

.quick-bottom .q_time{background-color: #fff;}
.quick-bottom .q_gotop{background-position: 0 -60px; background-color: #fabe00;}


.main-content .xm{padding:180px 0;}