@charset "utf-8";

html {word-break:keep-all;}
.header > .gnb_web_area::before {height:100vh !important;;}
.header > .gnb_web_area h4 {display:none;}

		.wrap { height:100%;  overflow:hidden;}

.wrap .areas {min-height:100%; margin-bottom:-407px;}
@media all and (max-width:800px) {
	.wrap .areas {min-height:100%; margin-bottom:-134px;}
}

/* **************************************** *
 * h_txt 
 * *****************************************/



 .h_txt {
    position: fixed;
    color: #888;
    z-index: 80;
    overflow: hidden;
    box-sizing: border-box;
}


 .h_txt:before {content:''; position:Absolute; height:1px; background:#ddd;}





/*웹1*/
	@media (min-width:1024px) {
		 .h_txt {
			letter-spacing: 3px;
			bottom: -50px;
			left: 0px;
			font-size: 15px;
			line-height: 50px;
			 transform: rotate(-90deg) translateY(-180px) ; 
		}

	}


/*웹1*/
	@media (min-width:1476px) {
		 .h_txt {
			margin-bottom: 300px;
			padding-left: 120px;
		}
		.h_txt:before { top:24px; left:0px; width:90px; }
	}

/*웹2*/
	@media (min-width:1024px) and (max-width:1475px) {
		 .h_txt {
			margin-bottom: 300px;
	        padding-left: 60px;
		}
		.h_txt:before { top:24px; left:0px; width:40px; }

	}


	/*패드*/
	@media (max-width:1023px)  {
		 .h_txt {
display:none;
		}



}








.stickyMenu,
.quickLayer,
.header > .title_area {display: none !important;}

.eng {font-family: "Noto Sans";}

/** main_section **/
.wrap .areas {height: 100%; margin-bottom: 0;}
.wrap .container {padding-top:0; height: 100%;}
.wrap .content {height: 100%;}
.main_section {position: relative; width: 100%; height: 100%; box-sizing: border-box;}


.pages {position: relative; display:block; height: 100%; min-width: 320px; min-height: 320px;  padding-top: 0; background: #fff; }
.pages .slick_slider { opacity:0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; }
.pages .slick-initialized {display: block; max-width: none; position: relative; top: 0; left: 0; margin-left: 0; height: 100%; width: 100%; opacity:1; }
.pages .slick-list { z-index:1; }
.pages .slick-list,
.pages .slick-track,
.pages .slick-slide { height: 100%; width: 100%; }
.slick_slider .page {position: relative;  
width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;}
.slick_slider .page .bg { position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick_slider.ani .page.slick-active .bg {
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s; 
}


.slick_slider .page .bg .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990;}

.slick_slider .page .bg img, .slick_slider .page .bg iframe, .slick_slider .page .bg #player
{height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }




.slick_slider .page .bg ._file_src_video_stay
{height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }


.slick_slider .page .bg img {display: none;}



.slick_slider .page.page_01 .bg {background-image: url("/img_new/main01.jpg");}
.slick_slider .page.page_01 .bg:before {content:''; background:rgba(242, 107, 54, 0.3);width:100%; height:100%; display:block;
z-index:10; }


.slick_slider .page.page_02 .bg {background-image: url("/img_new/main02.jpg");}
.slick_slider .page.page_03 .bg {background-image: url("/img_new/main03.jpg");}
.slick_slider .page.page_04 .bg {background-image: url("/img_new/main04.jpg");}
.slick_slider .page.page_04 .bg:before {content:''; background:rgba(21, 34, 49, 0.5);width:100%; height:100%; display:block;
z-index:10;
}

.slick_slider .intro {position: absolute; top:0; left:400px; right:0; bottom:0; display: table; 
width: 100%; height:100%;  box-sizing: border-box;}
.slick_slider .intro .text_box {display: table-cell; text-align: left; vertical-align: middle;}
.slick_slider .intro .title {position: relative; padding-bottom:25px; letter-spacing: -2.5px; }
.slick_slider .intro .title em {display: block; font-size:72px; line-height:110px; font-style:normal;
color:#fff;   opacity: 0;

font-weight: 700;
font-size: 30px;
line-height: 60px;
letter-spacing: 6px;




}






.slick_slider.ani .page.slick-active .intro .title em {-webkit-transform:translateX(0);
transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }


.slick_slider .intro .desc {color: #fff; padding-left:20px;
font-size: 56px;
line-height: 80px;
margin-bottom: 40px;
letter-spacing: -3px;
font-family: 'Play','Noto Sans KR', sans-serif;
font-weight: 200;}
.slick_slider .intro .desc strong {color:#fff; font-weight:800;}


.slick_slider .intro .desc  a {
    display: block;
    width: 200px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 50px;
    border: 1px solid rgba(255,255,255,0.4);
    margin-top: 60px;
    letter-spacing: 5px;
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
}


.slick_slider.ani .page.slick-active .intro .desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.slick_slider .intro .desc .br {display: block;}
.slick_slider .intro a.btn_box {margin-top:50px; display: inline-block; width: 156px; height: 56px; border:2px solid #ffffff; text-align: center; -webkit-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
.slick_slider .intro a.btn_box:hover {background-color:#00aeef; border-color:#00aeef;}
.slick_slider.ani .page.slick-active .intro a.btn_box {-webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 1;}


.slick_slider .intro a.btn_box em {position: relative; display: inline-block; padding-right:15px; height: 56px; line-height: 56px; font-size:16px; color:#ffffff;}
.slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 12px; margin-top:-5px;
background: url("/nimg/sub/icons.png") no-repeat -550px -60px;}

.slick_slider .slick-arrow {position: absolute; top:50%; display: block; width: 50px;  display:none !important;
height: 100px; margin-top:-50px; z-index: 7; border:none; background: none; outline: none; text-indent: -999em;}
.slick_slider .slick-arrow:before {content: ""; position: absolute; top:50%; left:50%; display: block; width: 38px; height: 82px; margin-top:-41px; margin-left:-19px; background: url("http://www.hls.co.kr/assets/user/assets/images/icons/icons.png") no-repeat -500px -160px; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); opacity: 0; opacity: 0.3;}
.slick_slider .slick-arrow:hover:before {opacity: 1;}
.slick_slider .slick-arrow.slick-prev {left:58px;}
.slick_slider .slick-arrow.slick-next {right:58px;}
.slick_slider .slick-arrow.slick-next:before {background-position: -550px -160px;}

.slick_slider .slick-dots {position: absolute; bottom:130px; left:170px;  width:100%;  z-index:80; }


.slick_slider .slick-dots li:nth-child(1) {background:url("/img_new/main01.jpg") no-repeat center right; background-size:auto 180px;}
.slick_slider .slick-dots li:nth-child(2) {background:url("/img_new/main02.jpg") no-repeat center right; background-size:auto 180px;}
.slick_slider .slick-dots li:nth-child(3) {background:url("/img_new/main03.jpg") no-repeat center right; background-size:auto 280px;}
.slick_slider .slick-dots li:nth-child(4) {background:url("/img_new/main04.jpg") no-repeat center right; background-size:auto 180px;}

.slick_slider .slick-dots li {display: inline-block;  vertical-align:middle; margin:0px 20px;  width:170px; height: 100px; 
}


.slick_slider .slick-dots li button {position: relative; display: block; width: 100%; height:100%;  border:none;
background: none; outline: none; overflow: hidden; background:rgba(0,0,0,0.6)}



.slick_slider .slick-dots li.slick-active button {background:none; border:5px solid #fff;}





@media all and (max-width:1024px) {
	.slick_slider .intro .title {letter-spacing: -2px;}
	.slick_slider .intro .title em {font-size:70px; line-height:90px;}
}



/*웹2*/
	@media (min-width:1024px) and (max-width:1475px) {
.slick_slider .intro {left:260px;}
.slick_slider .slick-dots {left:120px;}

	}







@media all and (max-width:768px) {
	.areas {height: 100%; box-sizing: border-box;}
	.slick_slider .intro {padding:55px 10px 70px;}
	.slick_slider .slick-arrow {display: none !important;}
	.slick_slider .intro .title {padding-bottom:12px; letter-spacing: -1.5px;}
	.slick_slider .intro .title em {font-size:30px; line-height:40px;  -webkit-transform:translateX(-25px); transform:translateX(-25px);}
	.slick_slider .intro .title:after {width:40px; height: 2px; margin-left:-20px;}
	.slick_slider .intro .desc {margin-top:13px; font-size:14px; line-height:18px; -webkit-transform:translateX(25px); transform:translateX(25px); }


	.slick_slider .page .bg {background-size:cover; background-position:center right;}
}

.sticky_top {display: none;}





	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.slick_slider .intro {left:5%;}
.slick_slider.ani .page.slick-active .intro .desc {font-size:40px; line-height:50px;}
.slick_slider .slick-dots{left:5%;}
.slick_slider .slick-dots li {margin:0px 10px;  width: 110px; height: 80px;}



	 	}

	/*모바일*/
	@media (max-width:640px) {
	.slick_slider.ani .page.slick-active .intro .title em {font-size:18px; line-height:30px;}
.slick_slider .intro {left:2%;}
.slick_slider.ani .page.slick-active .intro .desc {font-size:24px; line-height:33px; letter-spacing:-1px;}


.slick_slider .slick-dots{left:2%;}
.slick_slider .slick-dots li {margin:0px 3px;  width: 60px; height: 40px;}
.slick_slider .slick-dots li  em{ display:none;}
		.slick_slider .intro .desc a {
			width: 140px;
			line-height: 40px;
			margin-top: 20px;
			letter-spacing: 2px;
			font-size:10px;
		}

.slick_slider .page .bg:before {content:''; width:100%; height:100%; display:block;
z-index:10;
}



.slick_slider .page.page_01 .bg:before { background:rgba(202, 52, 52, 0.6)}
.slick_slider .page.page_02 .bg:before { background:rgba(65, 128, 159, 0.6)}
.slick_slider .page.page_03 .bg:before { background:rgba(170, 120, 2, 0.6)}
.slick_slider .page.page_04 .bg:before { background:rgba(21, 34, 49, 0.5);}







	 	}
