@charset "utf-8";
@import url("common.css");

/* layout */
body.hidden {overflow:hidden;}
#wrap { position:relative; min-width:1100px; margin:0 auto; line-height:1.5;}
.img_con {position:relative;}


/*  Header */


.banner {position:relative;width:100%;height:100px;min-width:1350px;background:url("/images/common/top_banner_bg.jpg") center top repeat-x;overflow:hidden;/*visibility:hidden;*/ }
.banner a {display:block;}
.banner .inner {width:1200px;margin:0 auto;}
.banner .btn_close {display:block;position:absolute;top:5px;right:10px;font-size:0;}
.banner .btn_close::after {
  content: "\e870";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: 30px;
  color: #fff;
  transition:transform .5s;
}
.banner .btn_close:hover::after {
  transform:rotate(90deg);
}



header {    position:relative;        width: 100%;        height: 100px;    text-align: center;    position: absolute;        left: 0;        right: 0;      top: 0;    /*overflow: hidden;*/    z-index: 100; border-bottom:1px solid rgba(255,255,255,0.1); min-width:1100px;}
.wrap_sub header {position:fixed;}

#navbg {   position: absolute;   width: 100%;   background:rgba(255,255,255,1);   top: 0;   height: 367px;    z-index: 30;  overflow: hidden;  display: none;  }
#navbg::before {  display:block;  content: "";  position: absolute;  top: 99px;  left:40px;        width:240px;   height:233px;   background:url("/images/common/header_des_n.png") 0 0 no-repeat; background-size:100%;}


.header_con {    zoom: 1;    width: 1000px;    text-align: center;    position: relative;    height:97px;    margin:0 auto;      overflow: hidden;    padding-right:96px;   }
.header_con:after {display:block; content:''; clear:both;}

header h1 { position: absolute; z-index: 35;left:40px;top:32px;transition:top .4s;}
header h1 a {display: block;width:240px;height:36px;background:url("/images/common/logo.png") 0 0 no-repeat;text-indent:-9999px;overflow:hidden;}
header.bkon {/*background:#fff;*/box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.34);z-index:57;}
header.bkon h1 a, .wrap_sub #header.fixed h1 a {background:url("/images/common/logo_ov.png") 0 0 no-repeat;}
.wrap_sub header h1 {z-index:100;}

.header_con .gnb {position: relative; display:inline-block;z-index: 80; width: 600x;}
.header_con .gnb_depth_1 {display: table; width: 100%; table-layout: fixed;}
.header_con .gnb_depth_1>li {display: table-cell; width: 25%; position: relative;}


.header_con .gnb_depth_1>li>a img {vertical-align:middle;}
.header_con .gnb_depth_1>li>a {    display: block;    position:relative;    color: #fff;    font-size: 17px;    text-align: center;    padding: 35px 0 4px;    height: 97px;      font-family: 'Noto Sans KR';    transition:top .4s, padding .4s, height .4s; font-weight:400}
.header_con .gnb_depth_1>li>a::after {      display:none;    content: '';    position: absolute;    bottom:0;    left:50%;    height: 1px;    width:35px;        background: #eee;        transform:translate(-50%, 0);}
.header_con .gnb_depth_1>li>a.on::after {background:#2b3c49;}
.header_con .gnb_depth_1>li.on > a::after {background:#2b3c49;}
.header_con .gnb_depth_1>li.on a::before { display:block;    content: '';    position: absolute;    bottom:20px;    left:50%;    height: 1px;    width:50%;        background: #eee;        transform:translate(-50%, 0); }
header.bkon .header_con .gnb_depth_1>li.on a::before, header.fixed .header_con .gnb_depth_1>li.on a::before {display:none;}
#header.fixed .header_con .gnb_depth_1>li.on > a {color:#2c3b48;font-family:'Noto Sans KR';}
#header.fixed .header_con .gnb_depth_1>li.on>a::after {display:block;height:5px;background:#2c3b48;}

.header_con .gnb_depth_2 {text-align: center; padding-top: 15px;}

header.bkon .header_con .gnb_depth_1>li>a {color:#333;}
header.bkon .header_con .gnb_depth_1>li>a::after {display:block;}
header.bkon .header_con .gnb_depth_1>li::before{  content: "";  position: absolute;  top: 0;  left:-1px;    background:#e7e7e7;  width:1px;   height:367px;   z-index: 80;  }
header.bkon .header_con .gnb_depth_1>li:last-child::after {  content: "";  position: absolute;  top: 0;  right:0;    background:#e7e7e7;  width:1px;   height:367px;   z-index: 80;  }

.header_con .gnb_depth_2 > li {display:block; position: relative;}
.header_con .gnb_depth_2 > li > a {    display: inline-block;    padding: 4px 0 3px;    color: #82919d;    position: relative;    white-space: nowrap;    font-size: 15px;  font-weight:400;    font-family: 'Noto Sans KR';}
.header_con .gnb_depth_2 > li > a strong { display: inline-block; position: relative; padding-bottom: 4px;}
.header_con .gnb_depth_2 li a.current,.header_con .gnb_depth_2 li a:hover {color: #2c3b48;font-family:'Noto Sans KR';}



header .top_tel {position:absolute;right:145px;top:35px;width:195px;height:30px;background:url("/images/common/top_tel.png") 0 0 no-repeat;text-indent:-9999px;z-index:80;overflow:hidden;transition:top .4s;}
header.bkon .top_tel, header.fixed .top_tel {background:url("/images/common/top_tel_ov.png") 0 0 no-repeat;}

header .top_logo {position:absolute;right:40px;top:20px;width:58px;height:59px;background:url("/images/common/hanulche_logo.png") 0 0 no-repeat;text-indent:-9999px;z-index:80;overflow:hidden;transition:top .4s;}
header.bkon .top_logo, header.fixed .top_logo {background:url("/images/common/hanulche_logo_ov.png") 0 0 no-repeat;}


.wrap_sub #header.fixed {position:fixed;top:0;left:0;right:0; border-bottom:none}
.wrap_sub #header.fixed::before {content:'';position:absolute;top:0;left:0;right:0;height:79px;width:100%;background:#fff;box-shadow: 0 5px 15px rgba(0,0,0,0.5);}
.wrap_sub #header::before {display:block;}
.wrap_sub #header.fixed h1 {top:20px;}
.wrap_sub #header.fixed .header_con .gnb_depth_1>li>a {padding-top:25px;color:#2d3b46;height:79px;}
.wrap_sub #header.fixed .top_tel {top:23px;}
.wrap_sub #header.fixed .top_logo {top:10px;}
.wrap_sub #header.fixed.bkon h1 {top:40px;}
.wrap_sub #header.fixed.bkon .header_con .gnb_depth_1>li>a {padding-top:45px;color:#2d3b46;height:97px;}
.wrap_sub #header.fixed.bkon .top_tel {top:43px;}
.wrap_sub #header.fixed.bkon .top_logo {top:20px;}




#footer				{background-color:#21282e; width:100%; padding:30px 0}

.footer_wrap		{max-width:1280px; margin:0 auto;}
.footer_wrap dl	{margin-right:80px; }
.footer_wrap dl dt	{ color:#999; font-family: 'Noto Sans KR'; font-size:13px; font-weight:400; display:inline-block; padding-right:10px;}
.footer_wrap dl dd	{display:inline-block; padding-right:10px;}
.footer_wrap dl dd:last-child	{font-size:13px; padding-left:30px;}


.footer_bottom	{border-top:1px solid #4c5257; margin-top:25px; padding-top:25px;}
.b_w					{max-width:1280px; margin:0 auto; position:relative }
.b_w	.txt			{ font-size:13px; color:#fff; line-height:1.8 }
.b_w	.link			{position:absolute; top:0; left:800px;}
.b_w	.link	a		{font-size:12px; color:#fff; display:inline-block; padding:0 10px; border-right:1px solid #666; line-height:1}
.b_w	.link	a:last-child	{border-right:none}
.b_w	.link	a:nth-child(2)	{color:#6f90a3}


.main_pop_wrap {position:fixed;top: 50%;left: 50%;z-index: 9999;display: flex;transform: translate(-50%, -50%);}
.main_pop_wrap > .main_pop {position: relative;top: 0;margin: 0;}
.main_pop_wrap > .main_pop.pop01{left:auto;}
.main_pop_wrap > .main_pop.pop02{left:auto;}
.main_pop_wrap > .main_pop.pop03{left:auto;}
.main_pop_wrap > .main_pop.pop04{left:auto;}

.main_pop {position:fixed; width:400px; height:620px; top:50%; margin-left:-200px; margin-top: -315px; z-index: 99991;}
.main_pop .pop_wrap {position: relative;}
.main_pop .pop_wrap img {width:100%}
.main_pop span {position:absolute;top:0;right:0;width:35px;height:35px;background:#5e5e5e;overflow:hidden;font-size:0;z-index:10001;}
.main_pop span a::after {position:absolute;top:0px;left:6px;content:'\e870';font-family:Linearicons-Free;color:#fff;font-size:24px;transition:transform .5s;}
.main_pop span a:hover::after {transform:rotate(90deg);}

.main_pop.pop01{left: 0;}
.main_pop.pop02{left: calc(30% + 360px);}
.main_pop.pop03{left: calc(30% + 720px);}
.main_pop.pop04{left: calc(30% + 1080px);}



.main_pop_mv {position:fixed;width: 1075px;height: auto;left:50%;top:50%;margin-left:-539px;z-index: 99999;animation-name: main-pop0;animation-duration: 1.5s;animation-delay: 0s;animation-fill-mode: both;background: #000;transform: translateY(-50%);}
.main_pop_mv .pop_wrap {position: relative;  }
.main_pop_mv span {position:absolute;top:0;right:-55px;width:55px;height:55px;overflow:hidden;font-size:0;z-index:10001; background-color:#999}
.main_pop_mv span a::after {position:absolute;top:-9px;left:5px;content:'\e870';font-family:Linearicons-Free;color:#fff;font-size:46px;transition:transform .5s;}
.main_pop_mv span a:hover::after {transform:rotate(90deg);}


@keyframes main-pop0 {
  from {top: -1000px; opacity: 9}
  to {top: 50%;}
}




.layerPopup {    position:absolute;    z-index:1000;    display:none;    left:50%;    top:50%;    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);    box-shadow: 0 5px 15px rgba(0,0,0,0.5);    background-clip: padding-box;    background:#fff;}
.layerPopup h3 {font-size:36px; color: #222; padding-bottom: 12px;}
.layerPopup .layerPopup_in {display:block; position: relative; text-align: left;}
.layerPopup .closeLayer {display:inline-block;color:#4a525f; position:absolute; right:-20px; top:-86px; font-size:0; color: transparent;}
.layerPopup .closeLayer a {width: inherit; height: inherit; padding:10px 20px; font-size: 45px; color: #fff;}
.imgIcon.closex:after {}
.layerContent {    padding-top: 50px;    margin-top: 20px;}
.layerContent.rejectbox {  border-top: 1px solid #ccc;  line-height: 1.7;  font-size: 16px;}
.layerPopup .closeLayer:hover {color:#095573;}
#layerScreen, .pop_bg{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=30);opacity:0.6;-moz-opacity:0.3;display:none;}
#layerScreen.vOn {z-index:99990;}
#layerScreen2 {position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=30);opacity:0.6;-moz-opacity:0.3;display:none;z-index:10005;}
.pop_bg{display: block;}
.type-file {border: 1px solid #ccc; height: 40px; font-size: 14px;}

#layerScreen3 {position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;display:none;z-index:99998;}



/* container */
#container { position:relative;overflow:hidden;}
.contents { width:1140px; margin:0 auto; padding:65px 0 80px; position: relative; margin-bottom: 50px; min-height:500px;}
.sub_top {background:url("/images/common/sub_visual.jpg") repeat-x center; overflow: hidden; background-size: cover; height: 300px; position: relative; text-align:center;}
.sub_top p		{margin-top:100px; line-height:200px; height:200px;  display:inline-block; }
.sub_top p	img	{vertical-align:middle}




#top-sub {position:relative; margin:0 auto 80px auto; border-bottom:1px solid #ddd;}
#top-sub:after	{content:" "; display:block; clear:both; height:0; visibility:hidden;}

.path {position:relative;width:1140px; margin:0 auto; z-index:11;background:#fff;}
.path > ul	{width:1198px; margin:0 auto; border-left:1px solid #ddd; }
.path > ul > li {position:relative;float:left;width:230px; padding-left:20px;border-right:1px solid #ddd;line-height:50px; font-size:15px; color:#121212; font-family: 'Noto Sans KR'; font-weight:400 }
.path > ul > li a {display:block; }
.path > ul > li ul {position:absolute;left:-1px;margin:auto;top:50px;display:none;}
.path > ul > li:first-child {width:60px;background:url("/images/common/home_icon.jpg") no-repeat center 15px; text-indent:-9999em; padding:0; border-left:1px solid #ddd}
.path > ul > li:nth-child(2) {background:url("/images/common/navi_arrow.jpg") no-repeat 90% 15px;}
.path > ul > li:nth-child(2):hover {background:url("/images/common/navi_arrow_on.jpg") no-repeat 90% 15px; }
.path > ul > li:last-child	{background:url("/images/common/navi_btn.jpg") no-repeat 90% 15px;}
.path > ul > li:last-child:hover	{background:url("/images/common/navi_btn_on.jpg") no-repeat 90% 15px;}


.path > ul li:hover ul {display: block; }
.path > ul li ul li {float:none;border:1px solid #dcdcdc;margin-top:-1px; background:#fff; }
.path > ul li ul li:first-child {margin-top:0;}
.path > ul li ul li a {display:block;color:#999;width:230px; padding-left:20px;background:none;  line-height:35px; font-family: 'Noto Sans KR';  font-size:14px;}
.path > ul li ul li a:hover {background:#f3f3f3;color:#333;}


.sub_tlt			{text-align:center; color:#2b3c49; font-size:42px; font-weight:500; background:url("/images/common/sub_tlt_bg.jpg") no-repeat center bottom; padding-bottom:30px;}






/* main */
.main_container {overflow: hidden;position:relative;}
.en {display:block;font-size:14px;letter-spacing:5px;}
.circle {position:relative;top:20px;}

.btn_detail {display:inline-block;background:#3c317b;width:220px;height:40px;padding:0 20px;color:#fff!important;font-family:'Noto Sans KR';line-height:40px;text-align:center;overflow:hidden;}
.btn_detail::after {display:inline-block;content:'\f067';font-family:'FontAwesome';font-size:10px;float:right;line-height:40px;transition: all ease .8s;}
.btn_detail:hover::after {transform: rotate( 180deg );}

.visual_wrap {position:relative;width:100%;height:940px;overflow:hidden;}
.visual_slide {overflow:hidden;}
.visual_slide .visual {position:relative;width:100%;height:940px;overflow:hidden;}
.visual_slide .slick-slide {line-height:0;}
.visual_slide .visual .img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-position:center top;background-repeat:no-repeat;background-size:cover;}

.visual_slide li.visual2 .img {background-image:url("/images/main/main_v1.jpg");}
.visual_slide li.visual3 .img {background-image:url("https://www.hanulche-skyand.com/resources/img/main/main_visual3.jpg");}
.visual_slide li.visual4 .img {background-image:url("https://www.hanulche-skyand.com/resources/img/main/main_visual4.jpg");}
.visual_slide li.visual5 .img {background-image:url("https://www.hanulche-skyand.com/resources/img/main/main_visual5.jpg");}
.visual_slide li .txt {position:absolute;width:1200px;left:50%;top:175px;margin-left:-600px;color:#fff;z-index:11;}
.visual_slide li .txt .txt_con {position:relative;}
.visual_slide li .txt .txt_con::before {content:'';position:absolute;left:-370px;top:10px;width:357px;height:1px;background:rgba(255,255,255,1);}
.visual_slide li .txt .en {font-size:14px;letter-spacing:5px;text-shadow: 4px 4px 15px rgba(0, 117, 204, .5);}
.visual_slide li .txt .tit {position:relative;font-size:86px;line-height:1;text-shadow: 4px 4px 15px rgba(0, 117, 204, .5);margin-top:15px;}
/*.visual_slide li .txt .tit span {position:absolute;top:0;left:0;padding-left:140px;}*/
.visual_slide li .txt .tit_s {font-size:30px;margin-top:15px;}
.visual_slide .slick-dots {position:absolute;left:40px;top:50%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);z-index:20;}
.visual_slide .slick-dots li {position:relative;margin-top:45px;}
.visual_slide .slick-dots li::before {display:block;content:'';width:1px;height:45px;position:absolute;top:-45px;left:20px;background:rgba(255,255,255,1);}
.visual_slide .slick-dots li:first-child {margin-top:0;}
.visual_slide .slick-dots li:first-child::before {display:none;}
.visual_slide .slick-dots li a {display:block;color:#fff;}
.visual_slide .slick-dots li dl {overflow:hidden;}
.visual_slide .slick-dots li dl dt, .visual_slide .slick-dots li dl dd {float:left;font-size:14px;font-family: 'Noto Sans KR';line-height:30px;}
.visual_slide .slick-dots li dl dd {display:none;}
.visual_slide .slick-dots li dl dt {width:30px;height:30px;;border-radius:50%;text-align:center;margin-right:15px;}
.visual_slide .slick-dots li.slick-active dl dt {background:#fff;color:#433675;}
.visual_slide .slick-dots li dl {padding:5px 30px 5px 5px;border-radius:20px 20px;}
.visual_wrap .slick-arrow {position:absolute;top:695px;width:23px;height:23px;background-repeat:no-repeat;background-position:0 0;text-indent:-9999px;overflow:hidden;z-index:15;}
.visual_wrap .slick-arrow.slick-next {left:40px;background-image:url("https://www.hanulche-skyand.com/resources/img/arrow_next.png");}
.visual_wrap .slick-arrow.slick-prev {left:10px;background-image:url("https://www.hanulche-skyand.com/resources/img/arrow_prev.png");}
.visual_wrap .page_info {position:absolute;top:655px;left:0;width:76px;text-align:center;z-index:20;color:#fff;font-size:16px;}
.visual_wrap .page_info strong {font-size:24px;}

.visual_slide .movie_bg {position:relative;width:100%;height:100%; background-color:red}
.visual_slide #bgVideo {
    display:block;
    width:100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background:url("https://www.hanulche-skyand.com/resources/img/main/bg_visual_movie.jpg") center top no-repeat;background-size:cover;
}

.visual_wrap .visual_con {position:absolute;width:1400px;height:100%;top:0;left:50%;margin-left:-700px;z-index:11;}
.visual_wrap .visual_con>div {position:relative;width:100%;height:100%;color:#fff; }
.visual_wrap .visual_con>div p {position:absolute;}
.visual_wrap .visual_con>div p.copy1 {top:390px;left:70px;}
.visual_wrap .visual_con>div p.copy2 {top:440px;left:145px;}
.visual_wrap .visual_con>div p.copy3 {top:510px;left:145px;}

.visual_wrap .visual2 .visual_con>div p.copy1 {top:300px;left:0;}
.visual_wrap .visual2 .visual_con>div p.copy2 {top:470px;left:0;}

.visual_wrap .visual3 .visual_con>div p.copy {top:154px;right:95px;}
.visual_wrap .visual4 .visual_con>div p.copy {top:185px;left:80px;}


.contactus				{position:relative}
.contactus	 a			{position:absolute; display:block; top:250px; left:650px; width:385px; height:80px;}

.contactus2				{position:relative}
.contactus2	 a.link1			{position:absolute;display:block;top: 247px;left:650px;width:385px;height:50px;}
.contactus2	 a.link2			{position:absolute;display:block;top: 308px;left:650px;width:385px;height:50px;}
.contactus2	 a.link3			{position:absolute;display:block;top:247px;left:650px;width:192px;height:50px; border:0px solid red}
.contactus2	 a.link4			{position:absolute;display:block;top:247px;left:655px;width:385px;height:50px; border:0px solid red}



.board_con {min-height: 300px; background:#fff;}
.board_con table{  width:100%;  text-align:center;}
.board_con table tr{  border-bottom: 1px solid #dcdee2;}
.board_con table th,
.board_con table td{  padding:18px 0; line-height: 30px;  font-size:14px;  vertical-align: middle;  border-bottom:1px solid #ccc;  font-family:'Noto Sans KR'; font-weight:400}
.board_con table>thead th{  border-top:2px solid #001138;  font-weight:bold;  font-size:14px;  color:#404041;  position: relative;}
.board_con table>thead th::after{  content:"";  position:absolute;  top:50%;  right:0;  display:block;  height:9px;  width:0;  border-right:1px dotted #404041;  transform: translateY(-50%);}
.board_con table>thead th:last-of-type::after{  display: none;}.board_con table>tbody{  border-top:2px solid #001138;}
.board_con table>tbody .num{  color:#bebebe;}
.board_con table>tbody .photo>span{  display: table-cell;  border: 1px solid #e6e6e6;  width: 183px;  height: 108px;  box-sizing: border-box;  overflow: hidden;  vertical-align: middle;}
.board_con table>tbody .photo>span>img{  width:100%;}
.board_con table>tbody .media{  color:#bebebe;}
.board_con table>tbody .media>span{  display:block;margin:auto; background-color: #ab8767; width:60%; height:28px; line-height: 28px; color:#fff;}
.board_con table>tbody .notice{  padding-left: 15px;  text-align:left;}
.board_con table>tbody .notice .media{  display:inline-block;  padding:5px 20px;   color:#fff;  height:28px; line-height: 28px;  background-color: #073c61;  margin-bottom:8px;}
.board_con table>tbody .notice>a{  color:#404041;  font-size:15px;  display: block;}
.board_con table>tbody .date{  color:#bebebe;}

.page_list {clear: both; text-align:center; padding-top: 30px;}
.page_list a {display: inline-block; width:31px; height:31px; line-height:26px;}
.page_list a.arrow {background-color: #fff; font-size: 0; color: transparent;}
.page_list a.prev {margin-right: 8px;}
.page_list a.next {margin-left: 8px;}
.page_list a.on { border:2px solid #001138; font-weight:600; color:#001138;}
.page_list a.prev:before{font-family: 'FontAwesome'; content: "\f104"; font-size:20px; color: #888; margin-left: -3px;}
.page_list a.first:before{font-family: 'FontAwesome'; content: "\f100"; font-size:20px; color: #888;}
.page_list a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:20px; color: #888; margin-left:3px;}
.page_list a.last:before{font-family: 'FontAwesome'; content: "\f101"; font-size:20px; color: #888;}





.main_1280		{max-width:1280px; margin:0 auto}

.main_feature					{background:url("/images/main/main_bg1.jpg") no-repeat left top; padding:130px 0  150px 0; }
.main_feature		.feature_tlt			{text-align:center}
.main_feature		.feature_list		{ margin-top:50px; }
.main_feature		.feature_list	li	{float:left; width:300px; margin-right:26px; box-shadow:5px 5px 5px rgba(0,0,0,.1) }
.main_feature		.feature_list	li:last-child			{margin-right:0; float:right}



.main-premium {overflow:hidden; background:url('/images/main/main_bg2.jpg') no-repeat center bottom; background-size:cover; padding:150px 0; }
.main-premium .gslide{overflow-x:hidden;position:relative;width:100%; left: 50%; margin-left: -640px; height:560px;}
.main-premium .gslide:after{content:""; display:block; clear:both;}
.main-premium .gslide .controll{position:absolute; z-index:9; top:20px; left:0;  text-align:left; }
.main-premium .gslide .controll > div		{float:absolute; top:0; right:0;  width:100%;  padding-top:10px;}
.main-premium .gslide .controll > div > a {position:relative;display:inline-block;margin:0;width:45px;height:45px;  vertical-align:middle;overflow: hidden; font-size:0;}
.main-premium .gslide .controll > div > a.btn_stop	{width:45px; height:45px;}
.main-premium .gslide .controll > div > a.btn_play	{width:45px; height:45px;}
.main-premium .gslide .controll > div > a:before,
.main-premium .gslide .controll > div > a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-premium .gslide .controll > div > a.btn_prev:before,
.main-premium .gslide .controll > div > a.btn_next:before{width:10px;height:10px;border-width:2px;border-style: solid;border-color: #666;transform: rotate(45deg);}
.main-premium .gslide .controll > div > a.btn_prev:before{right: -5px;border-width: 0 0 2px 2px;}
.main-premium .gslide .controll > div > a.btn_next:before{left: -5px;border-width: 2px 2px 0 0;}
.main-premium .gslide .controll > div > a.btn_stop:before{width: 2px;height:14px;box-shadow: -3px 0 #666, 3px 0 #666;}
.main-premium .gslide .controll > div > a.btn_play:before{right: -5px;width: 0;height: 0;border-width: 8px 0 8px 10px;border-style: solid;border-color: transparent transparent transparent #666;}
.main-premium .gslide .controll p:first-child	{margin-top:10px; margin-bottom:30px;}


.main-premium .gslide .move{width:calc(100% - 360px); float:right; overflow: hidden}
.main-premium .gslide .move ul{position:relative; z-index:0; width:30000px; height:100%; padding:0; margin:0;}
.main-premium .gslide .move ul:after{content:""; display:block; clear:both;}
.main-premium .gslide .move ul li{overflow:hidden; float:left; box-shadow:5px 5px 10px rgba(0,0,0,0.3); position:relative; width:700px; margin-top:0; height:520px; padding:0; margin-right:0;background-position:center; background-size:cover; list-style:none;transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.main-premium .gslide .move ul li:first-child{margin-top:0;}
.main-premium .gslide .move ul li.off{opacity:0;}
.main-premium .gslide .move ul li span	{display:block; padding:10px; font-size:13px; color:#fff; position:absolute; bottom:10px; right:10px}




.main_customer				{background: url(/images/main/main_bg3.jpg) no-repeat center top #334049;padding:100px 0;}
.main_customer .customer_tlt			{ text-align:center}
.main_customer .customer_list			{margin-top:50px;}
.main_customer .customer_list	 li		{width:33.3%; border:1px solid #999; background-color:rgba(150,150,150,0.1); float:left; margin-left:-1px; text-align:center;}
.main_customer .customer_list	 li	a	{display:block; width:100%; padding:25px 0;}



.quick_btn		{position:fixed; top:100px; right:0; z-index:999}


#vis,
#vis .vis {width:100% !important;position:relative;z-index:0;overflow:hidden;height:100vh; z-index:1; background-position:left top;  }
#vis .vis .bg,
#vis .vis .bg2 {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:left top;background-size:cover; transition:2s linear;transform:scale(1.1);}
#vis .vis:before {display:none;}
#vis .vis1 .bg  {background-image:url("/images/main/main_v1.jpg")}
#vis .vis1 .bg2 {background-image:url('/images/main/main_v2.jpg')}


#vis .vis1 .info {width:60%;position:absolute;left:200px;top:180px;}
#vis .vis1 .info .img1 {position:absolute;top:20px;left:0px;transition:1.5s;opacity:0;transition-delay:0.5s;}
#vis .vis1 .info .img2 {position:absolute;top:180px;left:0px;transition:1.5s;opacity:0;transition-delay:1s;}

#vis .vis .bgg {width:100%;height:100%;position:relative;}
#vis .vis .bgg:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover;background-repeat:no-repeat;transition:2s linear;transform:scale(1.1); }
#vis .vis1 .bgg:before  {background-image:url("/images/main/main_v1.jpg");}


#vis .active .vis .bgg:before {transform:scale(1); }
#vis .active .vis .bg,
#vis .active .vis .bg2 {transform:scale(1); }
#vis .active .vis1 .info .img1 {left:0;top:40px;opacity:1;}
#vis .active .vis1 .info .img2 {left:0;top:200px;opacity:1;}


/*예비당첨자*/
.winner_box{text-align:center; font-weight:normal; padding-bottom:40px; overflow:hidden; width:1200px;}
.winner_box legend{display:none;}
.winner_box .bg1{width:600px; float:left;}
.winner_box .bg1 img {width:100%}
.winner_box h4.tit1{line-height:55px; font-size:55px; color:#fff;}
.winner_box p.txt1{line-height:30px;font-size:20px;color:#fff;margin-top: 30px;}
.winner_box p.txt1 strong {color:#fff;}
.winner_box .cont1{position:relative; width:600px; height:348px; /* border:1px solid #e4e4e4; margin:0 auto; background:#fff; */ }
.winner_box .cont1 .dbox1{margin:0 auto; width:400px;}
.winner_box .cont1 dl{width:400px;font-size:16px;color:#fff;margin-top: 50px;}
.winner_box .cont1 dl dt{clear:both; float:left; width:110px; height:30px; line-height:30px; margin-bottom:8px; text-align:left;}
.winner_box .cont1 dl dd{float:left; height:60px; line-height:30px; margin-bottom:10px;}
.input_txt01{height:28px; color:#fff; line-height:28px; font-size:16px; font-weight:bold; padding: 0 0 0 10px; background:#131b21 !important; border:none !important;}
.wbtn1{font-size:24px;width:400px;height:60px;color:#fff;border:1px solid #8ebe3f;cursor:pointer;background:#8ebe3f url(/extra/img/ico1.png) no-repeat 94% center;margin-top: 40px;}

.winner_box .dbox1 input {width:400px; height:60px; box-sizing:border-box;}
.winner_box .txtr {float:left; width:600px; height:590px; box-sizing:border-box; background:url(/images/sub/winner_bg.jpg) left top; padding-top:70px; box-sizing:border-box;}


.win_box {background:url(/images/sub/winner_bg.jpg) left top; width:1200px; padding: 80px 0; box-sizing:border-box; margin-bottom: 100px; text-align: center;}
.win_box > img {margin-bottom:30px;}
.win_box .cont1 {width:1030px; box-sizing:border-box; border-radius: 10px; margin:0 auto;}
.win_box .cont1 h1 {font-size: 34px;line-height:34px;color:#fff;padding-top: 80px;font-weight: 600;}
.win_box .cont1 > p {color: #fff; font-size:20px; line-height:32px; padding-top:30px;}
.win_box .cont1 p.wp1 {margin-bottom:0;}
.win_box .cont1 p.wp1 > span { }
.win_box .cont1 a span {font-size:24px;color:#fff;width:540px;height:60px;margin-top: 30px;display:inline-block;background: #8ebe3f;line-height: 60px;}
.win_box .cont1 .box_name {width:540px;background: #f5f5f5;margin: 0 auto;font-size: 16px;color: #333;padding: 30px 100px;box-sizing:border-box;}
.win_box .cont1 .box_name em {color:#263746;font-size: 16px;}
.win_box .cont1 .box_name p {font-size: 24px;line-height:36px;color: #263746;position: relative;margin-top: 40px;font-weight: 500;}
.win_box .cont1 .box_name p:before {position: absolute; content: ""; width:330px; height: 1px; background: #ddd; top:-15px; left:0;}




/*========================================================
@media screen and (max-width: 1500px)
========================================================*/

@media screen and (max-width: 1500px) {



#vis,
#vis .vis {width:100% !important;position:relative;z-index:0;overflow:hidden;height:100vh; z-index:1; background-position:20% top;  }
#vis .vis .bg {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:20% top;background-size:cover; transition:2s linear;transform:scale(1.1);}
#vis .vis1 .info {width:60%;position:absolute;left:130px;top:250px;}


.main_feature					{background:url("/images/main/main_bg1.jpg") no-repeat -200px top; padding:130px 0  150px 0; }


}


/*========================================================
@media screen and (max-width: 1280px)
========================================================*/

@media screen and (max-width: 1280px) {



.header_con .gnb {position: relative; display:inline-block;z-index: 80; width: 450px;}


#vis,
#vis .vis {width:100% !important;position:relative;z-index:0;overflow:hidden;height:100vh; z-index:1; background-position:35% top;  }
#vis .vis .bg {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:35% top;background-size:cover; transition:2s linear;transform:scale(1.1);}
#vis .vis1 .info {width:60%;position:absolute;left:60px;top:250px;}


.main_feature					{background:url("/images/main/main_bg1.jpg") no-repeat -300px top; padding:100px 0  120px 0; }

.main_feature		.main_1280		{max-width:1280px; margin:0 3%; }
.main_feature		.feature_tlt			{text-align:center}
.main_feature		.feature_list		{ margin-top:50px; }
.main_feature		.feature_list	li	{float:left; width:23.5%; margin-right:2%; box-shadow:5px 5px 5px rgba(0,0,0,.1) }
.main_feature		.feature_list	li img	{width:100%;}
.main_feature		.feature_list	li:last-child			{margin-right:0; float:right}



.main-premium {overflow:hidden; background:url('/images/main/main_bg2.jpg') no-repeat center bottom; background-size:cover; padding:120px 0; }
.main-premium .gslide{overflow-x:hidden;position:relative;width:100%; left: 50%; margin-left: -500px; height:560px;}


.main_customer				{background:url("/images/main/main_bg3.jpg") no-repeat left top; padding:100px 2% ; }
.main_customer .customer_tlt			{ text-align:center}
.main_customer .customer_list			{margin-top:50px;}
.main_customer .customer_list	 li		{width:33.3%; border:1px solid #999; background-color:rgba(150,150,150,0.1); float:left; margin-left:-1px; text-align:center;}
.main_customer .customer_list	 li	a	{display:block; width:100%; padding:25px 0;}



#footer				{background-color:#21282e; width:100%; padding:30px 2%}


}



#mapZoom {width:1140px; margin:0 auto;}
html.magnifying > body {  overflow-x: hidden !important;}
.magnify,.magnify > .magnify-lens,.magnify-mobile,.lens-mobile {
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none;
}
.magnify {overflow:hidden;  position: relative;  width: auto;  height: auto;  box-shadow: none;  display: inline-block;  z-index: inherit;}
.magnify > .magnify-lens {
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  box-shadow: 0 0 0 7px rgba(45, 18, 27, 1),0 0 7px 7px rgba(0, 0, 0, 0.25),inset 0 0 20px 2px rgba(0, 0, 0, 0.25);
  cursor: none;
  display: none;
  z-index: 99;
}


.foot_summary {padding-top: 40px;}
.foot_summary ul {}
.foot_summary ul li {margin-left:12px; text-indent: -14px;  font-family: 'Noto Sans KR';  color:}



.ui_tabcontents {}
.ui_tabcontents .tab {display: block;width: 100%;overflow:hidden;}
.ui_tabcontents .tab li {display: table; float:left;table-layout: fixed; width:50%; height: 46px;margin-bottom:5px;}
.ui_tabcontents .tab.col_7 li {width:14.2857%;}
.ui_tabcontents .tab.col_6 li {width:16.666666666%;}
.ui_tabcontents .tab.col_5 li {width:20%;}
.ui_tabcontents .tab.col_3 li {width:33.3333%;}
.ui_tabcontents .tab.col_4 li {width:25%;}
.ui_tabcontents .tab.col_2 li {width:50%;}
.ui_tabcontents .tab li a, .ui_tabcontents .tab li em {display:table-cell; height:100%; width:100%;color: #2c3b48; font-family:'Noto Sans KR'; font-size: 15px; text-align: center; padding:10px 0; background: #e6e6e7;border:1px solid #ddd;vertical-align: middle; font-weight:400}
.ui_tabcontents .tab li a.cf {background:#0090d6;color:#fff;}
.ui_tabcontents .tab li.on a, .ui_tabcontents .tab li.on em {  color: #2c3b48;    background: #fff;    border:1px solid #2c3b48;  border-bottom:1px solid #fff;  position: relative;}
.ui_tabcontents .tab li a strong {	font-size: 18px;}






ul.tabs{display: table; float:left;table-layout: fixed; width:100%; height: 46px;margin-bottom:5px;}
ul.tabs li{display:table-cell; height:100%; width:100%;color: #2c3b48; font-family:'Noto Sans KR'; font-size: 15px; text-align: center; padding:10px 0; background: #e6e6e7;border:1px solid #ddd;vertical-align: middle; font-weight:400}
ul.tabs li.current{  color: #2c3b48;    background: #fff;    border:1px solid #2c3b48;  border-bottom:1px solid #fff;  position: relative;}



.tab-content{  display: none;  padding-top:100px}
.tab-content.current{  display: inherit;}


.tab_col2	li	{width:50%}
.tab_col3	li	{width:33.3%}
.tab_col4	li	{width:24.5%; margin-right:0.25%}
.tab_col5	li	{width:12.2%}
.tab_col8	li	{width:12.0%}



.skytelling_area {width:76px;height:400px;position:fixed;top:300px;left:0;overflow:hidden;z-index:20;}
.skytelling_area .bg {display:block;width:76px;height:400px;position:absolute;top:0;left:0;z-index:21;}
.skytelling_area .btn_sky {position:relative;display:block;font-size:0;width:76px;height:410px;background:url("/images/skytelling/btn_sky_default_3.png") left top no-repeat;overflow:hidden;z-index:22; }
.skytelling_area .hv {overflow:hidden;width:0px;height:410px;background:url("/images/skytelling/btn_sky_on_2.png") center top no-repeat;position:absolute;top:0;left:0;overflow:hidden;z-index:23;}
.wrap_sub .skytelling_area {top:320px;}
.wrap_sub .skytelling_area.on {margin-top:100px;}

.skytelling_area .banner_btm		{}





.vr_list li			{width:33%; float:left; margin-right:0.5%}
.vr_list li:last-child		{margin-right:0}
.vr_list li	img		{width:100%;}



.apt_slider {width:1000px;margin:0 auto;}

.apt_slider .slick-arrow {position:absolute;top:50%;width:35px;height:35px;margin-top:-15px;background-repeat:no-repeat;background-position:0 0;text-indent:-9999px;overflow:hidden;z-index:20;}
.apt_slider .slick-arrow.slick-next {right:-55px;background-image:url("/images/sub/prev_arrow.png");}
.apt_slider .slick-arrow.slick-prev {left:-55px;background-image:url("/images/sub/next_arrow.png");}