@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700'); /* font-family: 'Raleway', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i'); /* font-family: 'Merriweather', serif; */


.main_container { width: 100%; height: 100%;}
.swiper-slide { position:relative;}

.mainVideo_area { position:absolute; width:100%; height:100%; overflow:hidden; opacity:1;  z-index:1;}
.main_video {position: absolute;top: 50%; left: 50%; min-width:100%; min-height:100%; width:auto; height: auto; transform: translateX(-50%) translateY(-50%); z-index:2; }
.mobile_video {position: absolute;top: 50%; left: 50%; min-width:100%; min-height:100%; width:auto; height: auto; transform: translateX(-50%) translateY(-50%); z-index:2; }

.mainCon02 { }
.mainSlider, .mainSlider .lSSlideOuter  { position:relative; /*width:calc(100% - 150px); height:100h !important;*/ z-index:1;}
.lSSlideWrapper { z-index:1;}
.mainSlider .lightslider, .mainSlider .lightslider li { /*height:100h !important;*/  padding-bottom:0 !important;}
.mainSlider .lSAction { position:absolute; width:120px; height:58px; left:51.3%; bottom:33%; margin-left:-60px; z-index:2;}
.mainSlider .lSAction > a { position:absolute; display:inline-block;width:40px; height:40px; top:0; margin:0; font-family: 'Oranienbaum', serif; font-size:5em; line-height:40px;  color:#fff; text-align:center; opacity:1; filter: alpha(opacity=100;); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:2;}
.mainSlider .lSAction > a.lSPrev { left:10px;}
.mainSlider .lSAction > a.lSPrev:hover { left:0;}
.mainSlider .lSAction > a.lSNext {right:10px;}
.mainSlider .lSAction > a.lSNext:hover {  right:0px;}

.count { position:absolute; display:block; width:60px; right:200px; bottom:40px; text-align:center; font-family: 'Playfair Display', serif; font-size:1.5em; line-height:1.5em; color:#fff;  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);z-index:5;}
.count .current { position:absolute; right:35px; top:-10px;}
.count .count_line {}
.count .total { position:absolute; left:35px; bottom:-5px;}


<!--main sub-->
.spList { background:#fff;}
.spList > li {position:relative; height:33.33vh; overflow:hidden;}
.spList li:after {content:"";display:block;clear:both; }
.spList li a.spLink { display:block; width:100%; height:100%; }
.spList li .spImg { float:left; position:relative; display:block; width:65%; height:33.33vh; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; overflow:hidden;}
.spList li .spImg iframe {position:absolute; top: 50%; left: 50%; width:250%; min-height:250%; height: auto; transform: translateX(-50%) translateY(-50%); z-index:2;}
.spImg .lightslider li { height:33.33vh; }
.spList li.spCon02 .spImg { width:50%;}
.spList li.spCon03 .spImg { float:right; width:50%;}
.spList li.spCon04 .spImg { float:left;}
.spList li .spText { float:left; margin:0 5%; color:#000; padding-top:5%; padding-top:10vh; opacity:0.5; filter: alpha(opacity=50;);  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.spList li:hover .spText, .spList li a:hover .spText, .spList li a:focus .spText { opacity:1; filter: alpha(opacity=100;); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.spList li.spCon02 .spText { position:absolute; width:25%;}
.spList li.spCon03 .spText { position:absolute; right:50%; width:25%; margin:auto;}
.spList li.spCon04 .spText { position:absolute; width:26%;}
.spList li .spText .title {display:block;font-family: "Josefin Sans",sans-serif;font-size:2.3em;line-height:1.5em;text-transform:uppercase;margin-bottom:0.5em;}
.spList li .spText .text {
    font-family: 'IBMPlexSansKR-Regular';
    font-size: 15px;
}

.spList li .spText .sptext01 li { float:left; margin-left:2.5%; padding-top:3%}
.spList li .spText .sptext01 li:hover { font-weight:bold;}

.spList li .spText .sptext01 li { float:left; margin-left:2.5%; padding-top:3%}
.spList li .spText .sptext01 li:hover { font-weight:bold;}

@media  (max-width: 1440px){.spList li.spCon04 .spText{width:22%;}}
@media  (max-width: 1366px){.spList li.spCon03 .spText{width:32%;} .spList li.spCon04 .spText{ padding-top:6vh;}}
@media  (max-width: 1050px){.spList li.spCon03 .spText{width:35%;} .spList li .spImg{ width:60%;} .spList li.spCon04 .spText{ width:27%;} }


@media  (max-width: 800px){
	body{background:#eaeaea;}
	.spList{margin-top:5.5%;}
	.spList li .spImg{width:100%;}
	.spList > li{height:57.33vh;}
	.spList li .spText{width:100%; padding-top:33vh;} 
	.spList li .spText .title{margin-top:1em;}
	.spList li .spText .sptext01 li{float:none; display:inline-block; margin:auto 5px; text-align:center;}
	.spList li.spCon03 .spImg{width:100%;} .spList li.spCon02 .spImg{width:100%;} 
	.spList li.spCon03 .spText{width:100%;right:0%;max-width: 100%;margin: auto;text-align: center;}
	.spList li.spCon02 .spText{width:100%;right:0%;max-width: 100%;margin: auto;text-align: center;}
	.spList li.spCon04 .spText{width:100%;max-width: 100%;margin: auto; right:0 !important; text-align:center; padding-top:33vh;}
}

@media  (max-width: 500px){
.spList li .spText .sptext01 li{margin: auto 3px;}
.spList li.spCon04 .spText{padding-top:31vh;}
}

@media  (max-width: 325px){
.sptext01{line-height:1;}
.spList li .spText .sptext01 li{font-size:11.5px;}
.spList li .spText{padding-top:30vh;}
}