@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');




@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}



@font-face {
  font-family: "THEjunggt150";
  src: url("/fonts/THEjunggt150.eot?#iefix") format("embedded-opentype"), url("/fonts/THEjunggt150.woff2") format("woff2"), url("/fonts/THEjunggt150.woff") format("woff");
}
@font-face {
  font-family: "trajanProBold";
  src: url("/fonts/trajan-pro-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/trajan-pro-bold.woff2") format("woff2"), url("/fonts/trajan-pro-bold.woff") format("woff");
}



@charset "utf-8";
/* common */
* {font-family:'Nanum Gothic', sans-serif;}
body{margin:0; padding:0;  font-family:'Noto Sans KR',dotum,Helvetica,sans-serif; text-align:left; font-size:0.750em; color:#666; background:#fff;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object{margin:0;padding:0}
img,fieldset,iframe{border:none}
iframe{display:block}
li{list-style-type:none}
table{clear:both; border-collapse:collapse; border-spacing:0; }
em,address{font-style:normal}
#skip, .hide, legend, hr, .skip{display:none}
a, a:hover, a:active{text-decoration:none}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {vertical-align:top}


.snsstab_cont2{margin-top:70px;}

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,aside,details, /* 1 */
figcaption,figure,footer,header,main, /* 2 */
menu,nav,section,summary { /* 1 */  display: block;}

#skipnavigation {z-index:9999;position:absolute;left:0;top:0}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:1px;height:1px;overflow:hidden;color:#000;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{width:auto;height:auto;background:#ffd;}

.eng {font-family:Helvetica !important}

#container{position:relative;padding-top:0px;min-width:1200px;}
body.hasEvent #container{margin-top:115px;}
.mainVisual{position:relative;padding-top:0px;overflow:hidden;height:100%;background:#eae9e5;}
.mainVisual .box{overflow:hidden;height:100%}

.mainVisual .visual_logo{position:absolute;left:0px;width:37.2%;bottom:0px;z-index:200;height:60px;background:#1c3b33;line-height:60px;}
.mainVisual .visual_logo p{font-size:32px;color:#fff;padding-left:28%;}
.mainVisual .scroll{position:absolute;right:50px;bottom:20px;z-index:200}
.mainVisual .line_box{display:none;width:76%;top:0px;height:100%;position:absolute;left:12%;z-index:188;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;}
.mainVisual .line_box .line{position:absolute;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;position:absolute;width:33%;left:33%;top:0px;height:100%;z-index:188}
.mainVisual .round_bg{display:none;position:absolute;left:0px;bottom:0px;z-index:99;background:url('../images/main_visual_bg.png') no-repeat center top;height:113px;background-size:100% 113px;width:100%;}

.mainVisual .quick_sns{position:absolute;right:90px;top:30%;z-index:199;}
.mainVisual .quick_sns ul{}
.mainVisual .quick_sns ul li{margin-bottom:7px}
.mainVisual .quick_sns ul li.sns1 a{display:block;background:url('../images/main_quick01.png') no-repeat center center;width:62px;height:62px;}
.mainVisual .quick_sns ul li.sns2 a{display:block;background:url('../images/main_quick02.png') no-repeat center center;width:62px;height:62px;}
.mainVisual .quick_sns ul li.sns3 a{display:block;background:url('../images/main_quick03.png') no-repeat center center;width:62px;height:62px;}
.mainVisual .quick_sns ul li.sns4 a{display:block;background:url('../images/main_quick05.png') no-repeat center center;width:62px;height:62px;}
.mainVisual .quick_sns ul li.sns5 a{display:block;background:url('../images/main_quick06.png') no-repeat center center;width:62px;height:62px;}
.mainVisual .quick_sns ul li:hover a{opacity:0.6}

.nquick_sns{position:fixed;right:50px;top:30%;z-index:99;display:none}
.nquick_sns ul{}
.nquick_sns ul li{margin-bottom:7px;height:56px;width:187px;position:relative}
.nquick_sns ul li a {display:block;position:absolute;height:56px;width:56px;right:0px;top:0px;background:#fff;border-radius:31px;transition: all 0.3s;}
.nquick_sns ul li a span.text{opacity:0;transition: all 1s;}
.nquick_sns ul li a span.icon{display:block;width:56px;height:56px;border-radius:31px;position:absolute;right:0px;top:0px;z-index:1}
.nquick_sns ul li a span.text{position:absolute;right:32px;top:0px;width:154px;text-align:center;font-size:18px;color:#2a3d49;line-height:56px;font-family:'THEjunggt150';letter-spacing:-1px;z-index:2}
.nquick_sns ul li.sns1 a span.icon{background:url('../images/main_quick_bg01.png') no-repeat center center #fff;background-size:36px 36px}
.nquick_sns ul li.sns2 a span.icon{background:url('../images/main_quick_bg02.png') no-repeat center center #fff;background-size:36px 36px}
.nquick_sns ul li.sns3 a span.icon{background:url('../images/main_quick_bg03.png') no-repeat center center #fff;background-size:36px 36px}
.nquick_sns ul li.sns4 a span.icon{background:url('../images/main_quick_bg05.png') no-repeat center center #fff;background-size:36px 36px}
.nquick_sns ul li.sns5 a span.icon{background:url('../images/main_quick_bg06.png') no-repeat center center #fff;background-size:36px 36px}
.nquick_sns ul li a:hover {width:187px;}
.nquick_sns ul li a:hover span.text {display:block;opacity:1}


.nquick_sns.on ul li a {background:#2a3d49;}
.nquick_sns.on ul li a span.text{color:#fff;}
.nquick_sns.on ul li.sns1 a span.icon{background:url('../images/main_quick_bg01_on.png') no-repeat center center #2a3d49;background-size:36px 36px}
.nquick_sns.on ul li.sns2 a span.icon{background:url('../images/main_quick_bg02_on.png') no-repeat center center #2a3d49;background-size:36px 36px}
.nquick_sns.on ul li.sns3 a span.icon{background:url('../images/main_quick_bg03_on.png') no-repeat center center #2a3d49;background-size:36px 36px}
.nquick_sns.on ul li.sns4 a span.icon{background:url('../images/main_quick_bg05_on.png') no-repeat center center #2a3d49;background-size:36px 36px}
.nquick_sns.on ul li.sns5 a span.icon{background:url('../images/main_quick_bg06_on.png') no-repeat center center #2a3d49;background-size:36px 36px}

#scrollPanel .bslide .background{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
    background-size: 100%;
	/*
	*/
}
#scrollPanel .bslide.current .background{
	/*
	animation: swaying-background 10s infinite ease-in-out;
	*/
}

@keyframes swaying-background {
  0%, 100% {
    background-size: 120%;
  }
  50% {
    background-size: 100%;
  }
}

#mmovie_area{position:fixed;width:100%;height:100%;overflow:hidden;left:0px;width:100%;z-index:999999;top:0px;}
#mmovie_area .bg{position:absolute;width:100%;height:100%;left:0px;width:100%;top:0px;z-index:9997;background:#000;opacity:0.8;}
#mmovie_area .iframe{position:absolute;width:1415px;height:619px;left:50%;margin-left:-707px;top:50%;margin-top:-309px;z-index:9998;}
#mmovie_area .iframe iframe{width:100%;height:100%;}
#mmovie_area .close{position:absolute;z-index:9998;left:50%;margin-left:510px;top:50%;margin-top:-370px;}

.rolling_area{position:absolute;height:100%;width:100%;overflow:hidden}
#scrollPanel{position:absolute;height:100%;width:100%;z-index:80;overflow:hidden}
#scrollPanel .bslide { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%;height: 100%; }
#scrollPanel .util { position: absolute; overflow: hidden; width: 100%; height: 100%;}
#scrollPanel .bg-flexible {position: absolute; left:0%; top:0%;}
#scrollPanel .bg-flexible img{;}
#scrollPanel .helper {z-index:99;}
#scrollPanel .current {z-index:100;}

#tempSlide{display:none;opacity:0}

#scrollPanel .slide3 .bg{position:absolute;left:0%;top:0px;width:100%;height:100%;z-index:8;background:#000;opacity:0}
#scrollPanel .slide3 .text_animation{position:absolute;left:50%;margin-left:-553px;top:20%;width:1107px;height:58px;;z-index:11;transform:scale(0.8)}
#scrollPanel .slide3 .text_animation div{display:none}
#scrollPanel .slide3 #animation1{position:absolute;left:0%;top:0%;width:100%;height:100%;;z-index:11;background:url('../images/new/mn_visual01_txt.png') no-repeat center top;}

#scrollPanel .slide4 .bg{position:absolute;left:0%;top:0px;width:100%;height:100%;z-index:8;background:#000;opacity:0}
#scrollPanel .slide4 .text_animation{position:absolute;left:50%;margin-left:-553px;top:20%;width:1107px;height:58px;;z-index:11;transform:scale(0.8)}
#scrollPanel .slide4 .text_animation div{display:none}
#scrollPanel .slide4 #animation2{position:absolute;left:0%;top:0%;width:100%;height:100%;;z-index:11;background:url('../images/new/mn_visual02_txt.png') no-repeat center top;}


#scrollPanel .slide5 .bg{position:absolute;left:0%;top:0px;width:100%;height:100%;z-index:8;background:#000;opacity:0}
#scrollPanel .slide5 .text_animation{position:absolute;left:50%;margin-left:-553px;top:20%;width:1107px;height:58px;;z-index:11;transform:scale(0.8)}
#scrollPanel .slide5 .text_animation div{display:none}
#scrollPanel .slide5 #animation3{position:absolute;left:0%;top:0%;width:100%;height:100%;;z-index:11;background:url('../images/new/mn_visual03_txt.png') no-repeat center top;}


#scrollPanel .slide6 .bg{position:absolute;left:0%;top:0px;width:100%;height:100%;z-index:8;background:#000;opacity:0}
#scrollPanel .slide6 .text_animation{position:absolute;left:50%;margin-left:-553px;top:20%;width:1107px;height:58px;;z-index:11;transform:scale(0.8)}
#scrollPanel .slide6 .text_animation div{display:none}
#scrollPanel .slide6 #animation4{position:absolute;left:0%;top:0%;width:100%;height:100%;;z-index:11;background:url('../images/new/mn_visual04_txt.png') no-repeat center top;}


.slider_main{position:Absolute;bottom:3%;left:0px;width:100%;display:block;text-align:center;z-index:333}
.slider_main .prev{display:inline-block;width:56px;height:31px;background:url('../images/new/icon_slide_prev.png') no-repeat left top;vertical-align:middle}
.slider_main .next{display:inline-block;width:56px;height:31px;background:url('../images/new/icon_slide_next.png') no-repeat left top;vertical-align:middle}
.slider_main .page{display:inline-block;padding:0px 10px;}
.slider_main .page a{display:inline-block;width:25px;height:25px;background:url('../images/new/icon_pager.png') no-repeat left top;vertical-align:middle;margin-left:5px;margin-right:5px;}
.slider_main .page a.active{display:inline-block;width:25px;height:25px;background:url('../images/new/icon_pager_on.png') no-repeat left top;}

.slider_main.white .prev{display:inline-block;width:56px;height:31px;background:url('../images/new/icon_slide_prev_w.png') no-repeat left top;vertical-align:middle}
.slider_main.white .next{display:inline-block;width:56px;height:31px;background:url('../images/new/icon_slide_next_w.png') no-repeat left top;vertical-align:middle}
.slider_main.white .page a{display:inline-block;width:25px;height:25px;background:url('../images/new/icon_pager_w.png') no-repeat left top;vertical-align:middle;margin-left:5px;margin-right:5px;}
.slider_main.white .page a.active{display:inline-block;width:25px;height:25px;background:url('../images/new/icon_pager_on_w.png') no-repeat left top;}


.popup_btn{position:absolute;right:-50px;top:173px;width:50px;height:275px;background:url('/popup/popup_down.jpg') no-repeat left top;}
#popupLayer.open .popup_btn{background:url('/popup/popup_up.jpg') no-repeat right top;}



.skytelling {display:block;position:absolute;top:70%;right:5px;z-index:80;width:193px;height:193px;transform:scale(0.7)}
.skytelling .bg{position:absolute;z-index:120;background:url('../images/new/mn_sty_ntext.png') no-repeat center center;width:100%;height:100%;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1) rotate(0);
  animation: main_guest_bg 16s 0s linear infinite;}

.skytelling .text{display:block;position:absolute;background:url('../images/new/mn_sty_n.png') no-repeat center center;width:153px;height:153px;;z-index:121;lefT:20px;top:20px;}
@keyframes main_guest_bg {
	from { transform: translate(-50%,-50%) scale(1) rotate(-360deg); }
	to {  }
}
.scrollbt {display:block;position:absolute;bottom:142px;right:18px;writing-mode: vertical-rl;text-orientation: sideways;z-index:3;color: rgba(255, 255, 255, 1);font-size:16px;font-weight:500;line-height:26px;transition:all .3s;z-index:120}
.scrollbt.on {opacity: 1; transition: opacity .3s;}
.scrollbt .roune_box {display:inline-block;position:relative;width:8px;height:32px;}
.scrollbt.off {opacity:0;transition:all .3s}
.scrollbt .roune_box .round {position:absolute;display:block;width:8px;height:8px;margin-top:8px;background:#fff;border-radius:50%;animation:roundmotiom 0.6s linear 0s infinite alternate;}
@keyframes roundmotiom {
	0% {transform:translateY(0)}
	100% {transform:translateY(100%)}
}

#top_event{position:relative;background:url('/web/design/images/top_event_bg.jpg') no-repeat center top;text-align:center;background-size:100% 100%;display:none}
#top_event a.close{position:absolute;right:10px;top:10px;}
#sub_wrap #top_event{display:none}
#wrap {min-width:1200px;}
#main_wrap {min-width:1200px;overflow:hidden;}

#header {position:fixed;left:0px;width:100%;top:0px;z-index:100;width:100%;min-width:1200px;display:none}
body.hasEvent #header{display:block}

#header .header_box{position:relative}
#header .header_box .line{display:block; clear:both; content:"";position:absolute;left:0px;width:100%;height:1px;background:#e1e1e1;z-index:23;top:78px;display:none}
#header .bg{position:absolute;top:0px;left:0px;width:100%;height:79px;background:#515f6c;display:none}
#header:hover .bg{position:absolute;top:0px;left:0px;width:100%;height:79px;background:#ffff;display:block;box-shadow: 0 5px 15px rgba(0,0,0,0.5);}
#header h1 {position:absolute;top:24px;left:80px;z-index:10;}
#header h1 a{display:block;text-align:center;}
#header h1 a span{width:163px;;height:26px;background:url('../images/t_logo.png') no-repeat center center;display:block;}
#header .tel {position:absolute;top:10px;right:90px;font-size:0px;background:url('../images/t_tel.png') no-repeat center center;width:205px;height:56px;z-index:10}

#header h1 a{display:block;text-align:center;}
#header.white h1 a span{width:163px;;height:26px;background:url('../images/new/mn_t_logo.png') no-repeat center center;display:block;}
#header.white .tel {position:absolute;top:10px;right:90px;font-size:0px;background:url('../images/new/mn_t_tel.png') no-repeat center center;width:205px;height:56px;z-index:10}

#gnb {text-align:center;z-index:12;position:absolute;left:50%;top:0px;margin-left:-600px;width:1200px;}
#gnb:after {display:block; clear:both; content:""}
#gnb > li {display:inline-block;text-align:center; position:relative;width:120px;}
#gnb > li p{height:79px;}
#gnb > li p a{display:block;line-height:79px;text-align:center;padding:0px 0px;}
#gnb > li p a span{font-size:15px;color:#000;font-family:'THEjunggt150';line-height:79x;display:block;height:79x;padding:0px 10px;font-weight:400;letter-spacing:-1px;}
#header.white #gnb > li p a span{font-size:15px;color:#fff;font-family:'THEjunggt150';line-height:79x;display:block;height:79x;padding:0px 10px;font-weight:400;letter-spacing:-1px;}
#gnb > li:hover p{border-bottom:1px solid #223544}

#gnb > li ul{position:absolute;left:0px;top:79px;border-right:1px solid #e1e1e1;width:100%;display:none}
#header.on #gnb > li ul{z-index:8;}
#header.on #gnb > li ul li{margin-top:15px;margin-right:0px;position:relative}
#header.on #gnb > li ul li a{font-size:14px;color:#7d7d7d;line-height:130%;display:block;padding:0px 10px;font-weight:400;letter-spacing:-1px;}
#header.on #gnb > li ul li:after{content:'';position:absolute;width:1px;height:15px;background:#fff;right:0px;top:23px;}
#header.on #gnb > li ul li:last-child:after{display:none;}

#header.on #gnb > li:last-child ul{border-right:0px solid #fff}

#header.on{background:#fff;;}
#header.on h1 a span{background:url('../images/t_logo_white.png') no-repeat center center;}
#header.on .tel {background:url('../images/t_tel_white.png') no-repeat center center}
#header.on #gnb > li p a span{color:#000;}
#header.on #gnb > li p a:hover span{color:#333;}
#header.on #gnb > li.active p a span{color:#000;}


#sub_wrap #header{background:transparent;display:block;}
#sub_wrap #header h1 a span{background:url('../images/new/mn_t_logo.png') no-repeat center center;}
#sub_wrap #header .tel {position:absolute;top:10px;font-size:0px;background:url('../images/new/mn_t_tel.png') no-repeat center center;width:205px;height:56px;z-index:10}
#sub_wrap #header #gnb > li p a span{font-size:15px;color:#fff;font-family:'THEjunggt150';line-height:79x;display:block;height:79x;padding:0px 10px;font-weight:400;letter-spacing:-1px;}
#sub_wrap #header #gnb > li p a:hover span{}
#sub_wrap #header #gnb > li.active p a span{}
#sub_wrap #header.on .header_box::before,#header.on .header_box::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);
}
#sub_wrap #header.on{background:#fff;display:block;}
#sub_wrap #header.on h1 a span{background:url('../images/t_logo_white.png') no-repeat center center;}
#sub_wrap #header.on .tel {background:url('../images/t_tel_white.png') no-repeat center center}
#sub_wrap #header.on #gnb > li p a span{color:#000;}
#sub_wrap #header.on #gnb > li p a:hover span{color:#333;}
#sub_wrap #header.on #gnb > li.active p a span{color:#000;}
#sub_wrap #header.on .header_box::before,#header.on .header_box::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);
}

#sub_wrap #header:hover .header_box::before,#header.on:hover .header_box::before {
 display:none;
}



#header #gnb > li ul li.active a,#header #gnb > li ul li:hover a{color:#223544;font-weight:700}


.sub_visual{background:url('../images/new/sub_visual.jpg') no-repeat center center;height:613px;background-size:cover;position:relative;margin-top:0px;}
.sub_visual .txt{position:absolute;top:249px;left:50%;margin-left:-550px;width:1100px;}
.sub_visual .txt .txt1{font-family:'trajanProBold';font-size:70px;color:#ffffff;line-height:100%;margin-bottom:10px;}
.sub_visual .txt .txt2{font-size:35px;color:#ffffff;font-family:'nanumsquare';}

#rolling{position:absolute;left:0px;width:510px;top:85px;}

#rolling .lSAction{position:absolute;right:0px;bottom:0px;width:99px;height:50px}
#rolling .lSAction a{width:50px;height:50px;background:url('../images/main_arrow.png') no-repeat left top;}
#rolling .lSAction a.lSNext{background-position:right top;right:0px;margin-top:0px;top:0px;}
#rolling .lSAction a.lSPrev{left:0px;margin-top:0px;top:0px;background-position:left bottom;width:49px;}
#rolling .lSAction a.lSNext:hover{background-position:right bottom;}
#rolling .lSAction a.lSPrev:hover{background-position:left top;}


#pop_div{position:fixed;left:0px;width:100%;top:0px;height:100%;z-index:333;display:none}
#pop_div .bg{position:absolute;left:0px;width:100%;top:0px;height:100%;z-index:222;background:#000;opacity:0.8}
#pop_div .pop_area{position:absolute;left:0px;width:100%;top:20%;z-index:277;text-align:center;}
#pop_div .pop_area a{position:absolute;top:-30px;text-align:center;color:#fff;font-size:16px;width:100%;left:0px;}
#pop_div .pop_area img{width:420px;}

.ccctab4 {height:50px;width:1100px;margin:0 auto;margin-bottom:57px;}
.ccctab4 ul {}
.ccctab4 li {float:left;width:545px;margin-right:5px;height:56px;margin-bottom:9px}
.ccctab4 ul.three li {float:left;width:361px;margin-right:5px;height:56px;margin-bottom:9px}
.ccctab4 li.last {margin-right:0px;}
.ccctab4 li.active {}
.ccctab4 li a{font-family:'NanumSquare';display:block;border:1px solid #e7e7e7;background:#e7e7e7;font-size:23px;line-height:56px;color:#0b5a4b;text-align:center;}
.ccctab4 li.active a{background:#0b5a4b;color:#fff;border:1px solid #0b5a4b;}
.ccctab4 li.tab02.active a{background:#0b5a4b;border:1px solid #0b5a4b}

.sncctab ul {width: 100%; display: flex; margin: 0 0 2rem; }
.sncctab ul li { width: 50%; margin: 0 -1px -1px 0; }
.sncctab ul.three li { width: 33%; margin: 0 -1px -1px 0; }
.sncctab ul.eight{display: block; margin: 0 0 0rem;margin-left:3px;}
.sncctab ul.eight li { width: 12.5%; margin: 0 -1px -1px 0;float:left}

.sncctab ul li a {
    border: 1px solid #D7D9DB;
    background: #fff;
    color:#000;
    display: block;
    padding: 1rem 0;
    text-align: center;
    line-height: 1.4;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 700;
}
.sncctab ul li.active a{
  color: #000;
  background:#e6e6e7;
  position: relative;
  border: 1px solid #e6e6e7;
}

.sncctab2 {margin-bottom:0px;margin-top:20px;}
.sncctab2 ul {}
.sncctab2 li {float:left;width:49%;margin-right:1%;margin-bottom:0px;}
.sncctab2 ul.six li {float:left;width:16.6%;margin-right:0%;margin-bottom:0px;}
.sncctab2 ul.four li {float:left;width:24%;margin-right:1%;}
.sncctab2 li.active {}
.sncctab2 li a{display:block;font-size:14px;line-height:50px;color:#000000;text-align:center;height:50px;background:#f3f3f3;font-weight:700;letter-spacing:-1px;border:1px solid #fff;border-top:0px;border-left:0px;}
.sncctab2 ul.four li a{font-size:12px;font-weight:400;}
.sncctab2 ul.five li a{font-size:12px;font-weight:400;}
.sncctab2 li.active a{background:#fff;color:#000000;border-top:1px solid #223544}

.snsstab_cont22 img{width:100%;}


.nsstab_cont4{display:none;padding-top:0px;clear:both;position:relative}
.nsstab_cont4 iframe{border:0px;width:100%;height:600px;}

.footer{background:#fff;padding-top:0px;;}
.footer .box {position:relative;background:#21282e;padding-top:0px;}

.footer .box .footer_area1{width:1600px;margin:0 auto;height:105px;position:relative}
.footer .box .footer_area1 .logo{position:absolute;top:35px;left:2px;}
.footer .box .footer_area2{border-top:1px solid #909497;position:relative}
.footer .box .footer_area2 .box2{width:1600px;margin:0 auto;position:relative;padding:29px 0px 30px 0px;;}
.footer .box .footer_area2 .box2 .text{font-size:13px;color:#a2a4a7;line-height:180%;background:url('../images/footer_logo_right.jpg') no-repeat left center;padding-left:78px;}
.footer .box .footer_area2 .box2 .text2{}
.footer .box .footer_area2 .box2 .text2 p{font-size:13px;color:#a2a4a7;padding-top:0px;padding-bottom:28px;text-align:right}
.footer .box .footer_area1 ul{position:absolute;right:0px;top:53px;}
.footer .box .footer_area1 ul li{float:left;background:url('../images/footer_line.jpg') no-repeat left center;padding:0px 0px 0px 20px;margin-left:20px;}
.footer .box .footer_area1 ul li.first{background:url('') no-repeat left center;}
.footer .box .footer_area1 ul li a{font-size:13px;color:#a2a4a7;}
.footer .box .footer_area1 ul li a.strong{color:#fff;}
.footer .box .footer_area2 .sns{position:absolute;top:45px;right:0px;}


body .lSSlideOuter .lSPager.lSpg > li a{width:12px;height:12px;}
body  .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #4296b4;width:57px;
}

/* 버튼 */
.plusMore {position:relative; display:block; width:213px; height:213px; border-radius:100%; border:1px solid rgba(200,200,200,0.2); box-sizing:border-box; transition:all 0.7s ease;}
.plusMore::after {content:''; width:100%; height:100%; background:url("../images/new/p_plus.png")no-repeat center; position:absolute; top:0; left:0; transition:all 0.7s ease;}
.plusMore span {position:absolute; top:50%; left:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; line-height:1;  width:100%; height:100%; font-size: 14px; font-weight: 500; letter-spacing: 1.54px; background:#fff; color:#000; opacity:0; transition:all 0.7s ease; border-radius:100%; transform:translate(-50%,-50%);}
.plusMore:hover {border:1px solid transparent !important; transition:all 0.7s ease;}
.plusMore:hover::after {transform:rotate(-180deg); opacity:0; transition:all 0.7s ease;}
.plusMore:hover span {width:87px; height:87px; opacity:1; transition:all 0.7s ease;}

.plusMore.yw {border:1px solid rgba(178,131,79,0.2);}
.plusMore.yw::after {background:url("/img/plus_yw.svg")no-repeat center;}
.plusMore.yw span {background:var(--sub); color:#fff;}

.cursor {
  position: absolute; z-index:1; top:50%; left:50%; transition:all 0.2s linear;
 width: 490px;
height: 490px;
border-radius: 490px;
opacity: 0.4;
background:#B2834F;
filter: blur(200px);
transform:translate(-50%,-50%);
}


#main_housing_divs{position:relative;z-index:3;background:#2c3b46;height: var(--vh);overflow: hidden;}
#main_housing_divs .marquee_list {width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#main_housing_divs .marquee_list ul li {padding:0 0 30px;}
#main_housing_divs .marquee_list ul li img {width:100%;}
#main_housing_divs .marquee_list .left {width:20%;}
#main_housing_divs .marquee_list .right {width:20%;}
#main_housing_divs .marquee_list .left ul {-webkit-animation:marquee calc(var(--length) * 4) linear infinite;  animation: marquee calc(var(--length) * 4) linear infinite;}
#main_housing_divs .marquee_list .right ul { -webkit-animation:marquee_down calc(var(--length2) * 4) linear infinite; animation:marquee_down calc(var(--length2) * 4) linear infinite;}

#main_housing_divs .main_housing_area{position:absolute;left:50%;width:600px;margin-lefT:-200px;top:40%;}
#main_housing_divs .main_housing_area .title{font-family:'trajanProBold';font-size:70px;color:#ffffff;margin-bottom:73px;letter-spacing:-1px;}
#main_housing_divs .main_housing_area .exp1{font-size:23px;color:#ffffff;font-family:'nanumsquare';margin-bottom:15px;}
#main_housing_divs .main_housing_area .exp2{font-size:15px;color:#b6b6b6;font-family:'nanumsquare';}

#main_housing_divs .plusMore {bottom:auto; top:30%; left:50%; margin-left:-350px;position: absolute;z-index:100}


#main_skytalk_divs{position:relative;z-index:3;background:#fff;padding:0px 0px;}
#main_skytalk_divs .main_skytalk_title{font-family:'trajanProBold';font-size:70px;color:#2c3b46;margin-bottom:43px;letter-spacing:-1px;padding-top:90px;padding-bottom:0px;text-align:center;}
#main_skytalk_divs .main_skytalk_sns{text-align:center;padding:10px 0px;}
#main_skytalk_divs .main_skytalk_sns a{text-align:center;display:inline-block;position:relative;padding-right:30px;margin-left:30px;}
#main_skytalk_divs .main_skytalk_sns a:before{content:'';position:absolute;right:0px;top:2px;background:url('../images/new/main_sky_talk_line.png') no-repeat center center;width:18px;height:39px;}
#main_skytalk_divs .main_skytalk_sns a.last:before{display:none}
#main_skytalk_divs .main_skytalk_sns a img{width:auto;margin-right:10px;}

#main_skytalk_divs  ul {display:flex; flex-wrap:wrap; max-width:1124px; margin:0 auto;}
#main_skytalk_divs  ul li {width:calc((100% - 40px) / 4); margin-right:10px;opacity:0.4;margin-bottom:10px; transition:all 0.4s ease;}
#main_skytalk_divs  ul li:hover {opacity:1; transition:all 0.4s ease;}
#main_skytalk_divs  ul li:nth-of-type(4n) {margin-right:0;}
#main_skytalk_divs  ul li a {position:relative; display:block; width:100%;  aspect-ratio: 1 / 1; overflow:hidden;}
#main_skytalk_divs  ul li a > img {display: block; width: 100%; height: 100%; object-fit: cover;}
#main_skytalk_divs  ul li span {position:absolute; top:15px; right:13px; filter: brightness(0) invert(1);}
#main_skytalk_divs .plusMore {bottom:auto; top:2%; left:50%; margin-left:120px;position: absolute;z-index:100;border:1px solid rgba(0,0,0,0.2);}
#main_skytalk_divs .plusMore span{background:#2c3b46;color:#fff;}
#main_skytalk_divs .plusMore::after {content:''; width:100%; height:100%; background:url("../images/new/p_plus.png")no-repeat center; position:absolute; top:0; left:0; transition:all 0.7s ease;}



#main_model_divs{position:relative;z-index:3;background:#fff;padding:81px 0px;}
#main_model_divs .main_model_title{font-family:'trajanProBold';font-size:70px;color:#2c3b46;margin-bottom:73px;letter-spacing:-1px;padding-top:118px;padding-bottom:10px;text-align:center;}
#main_model_divs .main_model_title span{font-size:70px;color:#2c3b46;text-align:center;}



#main_model_divs .charter_list {display:flex; flex-wrap:nowrap;width:1260px;margin:0 auto}
#main_model_divs .charter_list li {position:relative; width:33%; height:536px;  transition:all 0.5s ease; background:#000;}
#main_model_divs .charter_list li a {position:relative; display:flex; flex-wrap:wrap; align-content:flex-end; width:100%; height:100%; position:relative; z-index:10;}
#main_model_divs .charter_list li::after {content:''; width:100%; height:0; position:absolute; bottom:0; left:0; opacity: 0.7; background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 100%);}
#main_model_divs .charter_list li .bg {position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all 0.5s ease; transition:all 0.5s ease;}
#main_model_divs .charter_list li h4 {position:relative; z-index:20; width:100%; font-family:'trajanProBold'; font-size: 2.812rem; font-weight: 500; line-height: 100%; letter-spacing: -0.9px; color:#fff; padding-bottom:40px; box-sizing:border-box; text-align:center; white-space:nowrap; transform:translateY(70px); opacity:0; visibility:hidden; transition:all 0.5s ease;}
#main_model_divs .charter_list li h4:after{content:'';background:url('../images/new/main_model_arrow.png') no-repeat center center;width:73px;height:49px;display:inline-block;line-height:96px;vertical-align:middle}

#main_model_divs .charter_list li.on {width:50%; transition:all 0.5s ease;}
#main_model_divs .charter_list li.on::after {height:45%; transition:all 0.5s ease;}
#main_model_divs .charter_list li.on h4 {transform:translateY(0); opacity:1; visibility:visible; transition:all 0.5s ease; transition-delay:0.1s;}
#main_model_divs .charter_list li.off {width:25%; transition:all 0.5s ease;}
#main_model_divs .charter_list li.off .bg {opacity:0.5; transition:all 0.5s ease;}

#main_model_divs .plusMore {bottom:auto; top:10%; left:50%; margin-left:250px;position: absolute;z-index:100;border:1px solid rgba(0,0,0,0.2);}
#main_model_divs .plusMore span{background:#2c3b46;color:#fff;}
#main_model_divs .plusMore::after {content:''; width:100%; height:100%; background:url("../images/new/p_plus.png")no-repeat center; position:absolute; top:0; left:0; transition:all 0.7s ease;}



#main_contact_divs{position:relative;z-index:3;background:url('../images/new/main_contactus_bg2.jpg');height:100%;}
#main_contact_divs .bg{content:'';background:#000;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.5;z-index:3;display:none}

#main_contact_divs .main_contact_area{position:absolute;left:0px;left:0px;top:0px;width:100%;height:100%;z-index:4}
#main_contact_divs .main_contact_title{font-family:'trajanProBold';font-size:70px;color:#fff;margin-bottom:43px;letter-spacing:-1px;padding-top:288px;padding-bottom:10px;text-align:center;display:none}
#main_contact_divs .plusMore {bottom:auto; top:50%; left:50%; margin-left:120px;position: absolute;z-index:100;border:1px solid #dedede;display:none}

#main_contact_divs .exp1{width:600px;margin:0 auto;color:#fff;font-family:'NanumSquareB';font-size:25px;font-weight:400;padding-top:70px;display:none}
#main_contact_divs .exp1 p{font-weight:700;font-size:25px;}
#main_contact_divs .exp2{width:600px;margin:0 auto;color:#fff;font-family:'NanumSquareB';font-size:25px;font-weight:400;padding-top:100px;display:none}
#main_contact_divs .exp2 p{font-weight:700;font-size:25px;}






/* 슬릭기본 */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-track {display:flex; }
.slick-slide{border:0; outline: 0 !important;}
.slick-initialized .slick-slide{display:block; outline: 0 !important;}
/* 슬릭기본 */






#main_unit_divs{position:relative;z-index:3;background:#2c3b46;padding:0px 0px;height:100%;}
#main_unit_divs .main_unit_title{font-family:'trajanProBold';font-size:70px;color:#fff;margin-bottom:73px;letter-spacing:-1px;padding-top:118px;padding-bottom:10px;text-align:center;}

#main_unit_divs .main_unit_list li {}
#main_unit_divs .main_unit_list li a{display:block;}
#main_unit_divs .main_unit_list .slick-track {padding:0;}
#main_unit_divs .main_unit_list li.slick-center:hover .txt::before {opacity: 0.98; transform:scale(40); transition:all 0.6s ease;}
#main_unit_divs .main_unit_list .slick-list {margin-left:-20px;}
#main_unit_divs .main_unit_list li {margin-left:20px;}
#main_unit_divs .main_unit_list li.slick-center:hover .txt::before {opacity: 0.98; transform:scale(1) !important; transition:all 0.6s ease;}

#main_unit_divs .main_unit_list {}
#main_unit_divs .main_unit_list .slick-track {padding:5% 0;}
#main_unit_divs .main_unit_list li {position:relative; transition:all 0.5s ease; z-index:1; background:var(--main); transform:scale(0.956); overflow:hidden;}
#main_unit_divs .main_unit_list li::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:60; opacity:1; visibility:visible; transition:all 0.3s ease;}
#main_unit_divs .main_unit_list li img {opacity:0.35; filter: grayscale(100%);}
#main_unit_divs .main_unit_list li.slick-center {transform:scale(1.434); z-index:10; transition:all 0.5s ease;}
#main_unit_divs .main_unit_list li.slick-center::after {opacity:0; visibility:hidden; transition:all 0.3s ease;}
#main_unit_divs .main_unit_list li.slick-center img {opacity:1; filter: grayscale(0); }
#main_unit_divs .main_unit_list li .img {width:100%; display:block; aspect-ratio: 3 / 2;   overflow:hidden;}
#main_unit_divs .main_unit_list li .img img {width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
#main_unit_divs .main_unit_list li .txt {position:absolute;right:10px;bottom:10px;color:#2c3b46;font-size:20px;border-bottom:1px solid #2c3b46}

#main_unit_divs .main_unit_list li.slick-center:hover .txt::before {opacity: 0.98; transform:scale(10); transition:all 0.6s ease;}
#main_unit_divs .slick-arrow {top:-65px; margin-top:0;}
#main_unit_divs .slick-arrow::before {font-size:24px; line-height:24px;}
#main_unit_divs .slick-arrow {font-size:0; border:0; background:transparent; cursor:pointer; position:absolute; top:50%; z-index:60; margin-top:-25px; transition:all 0.4s ease; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0;}
#main_unit_divs .slick-arrow:hover {opacity:0.5; transition:all 0.4s ease;}
#main_unit_divs .slick-arrow::before {display:block;}
#main_unit_divs .slick-prev {left:50%; margin-left:-515px;background:url('../images/new/main_unit_prev.png') no-repeat center center;width:104px;height:69px;}
#main_unit_divs .slick-prev::before {content:'';}
#main_unit_divs .slick-next {right:50%; margin-right:-515px;background:url('../images/new/main_unit_next.png') no-repeat center center;width:104px;height:69px;}
#main_unit_divs .slick-next::before {content:'';}

@-webkit-keyframes marquee {
 0% {
  -webkit-transform:translateY(0);
 transform:translateY(0)
 }
 to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
@keyframes marquee {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}


@-webkit-keyframes marquee_down {
 0% {
   -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 to {
 -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes marquee_down {
 0% {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
} 



#main_premium_divs{position:relative;z-index:3;background:url('../images/main_premium_bg.jpg') no-repeat center center #eae9e5;background-size:cover}
#main_premium_divs .main_premium_title{text-align:center;padding:38px 0px 70px 0px;} 
#main_premium_divs  #main_premium_div{height:835px;position:relative;}
#main_premium_divs  #main_premium_div li{position:relative;height:835px;}
#main_premium_divs  #main_premium_div li img{}
#main_premium_divs  #main_premium_div li .box{}
#main_premium_divs  #main_premium_div li .box .text1{position:absolute;left:50%;margin-left:-40%;width:40%;top:13%;text-align:center;}
#main_premium_divs  #main_premium_div li .box .text1 .eng{font-size:20px;color:#ada282;font-family:'Nanum Myeongjo' !important;;font-weight:800}
#main_premium_divs  #main_premium_div li .box .text1 .kor{font-size:30px;color:#ada282;font-family:'THEjunggt150';;font-weight:400;padding-top:15px;letter-spacing:-1px;}
#main_premium_divs  #main_premium_div li .box .text1 .big{font-size:53px;color:#2c3b46;font-family:'Nanum Myeongjo';;font-weight:700;padding-top:40px;line-height:140%;letter-spacing:-1px;}
#main_premium_divs  #main_premium_div li .box .text1 .big span{font-size:40px;color:#2c3b46;font-family:'Nanum Myeongjo';;font-weight:700}
#main_premium_divs  #main_premium_div li .box .text1 .exp{font-size:25px;color:#ada282;font-family:'THEjunggt150';;font-weight:400;padding-top:50px;line-height:140%;letter-spacing:-1px;}

#main_premium_divs  #main_premium_div li .box .obj{position:absolute;left:55%;top:10%;width:40%}
#main_premium_divs  #main_premium_div li .box .obj img{width:100%;}

#main_premium_divs  #main_premium_div2{background:url('../images/main_premium_new_bg.jpg') no-repeat center center;height:829px;position:relative;}
#main_premium_divs  #main_premium_div2 .lSSlideWrapper ul{width:1409px;margin:0 auto}
#main_premium_divs  #main_premium_div2 .lSSlideWrapper li{position:relative;height:829px;text-align:right}
#main_premium_divs  #main_premium_div2 .lSSlideWrapper li img{}
#main_premium_divs  #main_premium_div2 li .box{}


#main_premium_divs .lSSlideOuter{height:100%;}
#main_premium_divs .lSSlideOuter .lSPager.lSpg{position:absolute;top:90%;margin:0px;text-align:center;left:0px;width:100%;}
#main_premium_divs .lSSlideOuter .lSPager.lSpg li{text-align:center;display:inline-block;}
#main_premium_divs .lSSlideOuter .lSPager.lSpg li a{width:18px;height:18px;background:#a4a4a4;text-indent:-99999}
#main_premium_divs .lSSlideOuter .lSPager.lSpg li.active a{width:18px;height:18px;background:#354651;}
#main_premium_divs .lSAction > .lSPrev{width:49px;height:8px;background:url('../images/main_premium_prev.png') no-repeat left center;bottom:69px;left:50%;top:auto;margin-top:0px;margin-left:-140px;}
#main_premium_divs .lSAction > .lSNext{width:49px;height:8px;background:url('../images/main_premium_next.png') no-repeat left center;bottom:69px;left:50%;top:auto;margin-top:0px;margin-left:90px;}



#main_interview_divs{background:url('../images/main_interview_bg.jpg') no-repeat center center #e2dcd7;;position:relative;z-index:3;display:none;height:1062px;position:relative;overflow:hidden}
#main_interview_divs .main_interview_title{text-align:center;position:absolute;left:0px;top:68px;width:100%;}
#main_interview_divs .camera{position:absolute;z-index:110;bottom:0px;left:50%;margin-left:-300px;}
#main_interview_divs  #main_interview_div{position:absolute;left:50%;width:1880px;margin-left:-940px;top:202px;height:840px}
#main_interview_divs  #main_interview_div .lSSlideWrapper  ul{width:1880px;margin:0 auto}
#main_interview_divs  #main_interview_div .lSSlideWrapper  li{width:1880px;overflow:hidden;height:840px;position:relative}
#main_interview_divs  #main_interview_div li img{}

#main_interview_divs .lSSlideOuter{height:100%;}
#main_interview_divs .lSSlideOuter .lSPager.lSpg{position:absolute;bottom:0%;margin:0px;text-align:center;left:0px;width:100%;}
#main_interview_divs .lSSlideOuter .lSPager.lSpg li{text-align:center;display:inline-block;}
#main_interview_divs .lSSlideOuter .lSPager.lSpg li a{width:18px;height:18px;background:#a4a4a4;text-indent:-99999}
#main_interview_divs .lSSlideOuter .lSPager.lSpg li.active a{width:18px;height:18px;background:#354651;}
#main_interview_divs .lSAction{position:absolute;bottom:0px;left:0px;width:100%;z-index:999}
#main_interview_divs .lSAction > .lSPrev{width:65px;height:8px;background:url('../images/main_interview_prev.png') no-repeat left center;bottom:9px;left:50%;top:auto;margin-top:0px;margin-left:-100px;z-index:99}
#main_interview_divs .lSAction > .lSNext{width:65px;height:8px;background:url('../images/main_interview_next.png') no-repeat left center;bottom:9px;left:50%;top:auto;margin-top:0px;margin-left:40px;z-index:99}


#main_checkpoint_divs{background:url('../images/main_checkpoint_bg.jpg') no-repeat center center;position:relative;z-index:3;background-size:cover;padding-bottom:50px;}
#main_checkpoint_divs .main_checkpoint_title{text-align:center;padding:58px 0px 39px 0px;}
#main_checkpoint_divs  #main_checkpoint_div{height:724px;position:relative;overflow:hidden}
#main_checkpoint_divs  #main_checkpoint_div ul{position:absolute;left:50%;margin-left:-725px;width:890px;}
#main_checkpoint_divs  #main_checkpoint_div ul li{float:left;margin-right:25px;margin-bottom:20px;}
#main_checkpoint_divs  .main_checkpoint_obj{position:absolute;left:50%;margin-left:70px;}



#main_quick_divs{position:relative;z-index:3;padding-top:100px;padding-bottom:100px;}
#main_quick_divs .main_quick_area{margin:0 auto;width:1522px;}
#main_quick_divs .main_quick_area1{text-align:center;height:95px;}
#main_quick_divs .main_quick_area2{text-align:center;height:90px;}
#main_quick_divs .main_quick_area3{text-align:center;position:relative;height:130px;}
#main_quick_divs .main_quick_area img{display:none}



#main_map{height:863px;}
#main_map .box{position:relative}
#main_map .box .area1{float:left;width:30%;height:863px;position:relative}
#main_map .box .area1 .title{position:absolute;background:url('../images/main_banner_txt.png') no-repeat  center bottom;z-index:3;width:299px;height:397px;top:65px;left:50%;margin-left:-150px;}
#main_map .box .area1 .bg{background:url('../images/main_banner_bg.jpg') no-repeat  center bottom;height:100%;width:100%}
#main_map .box .area2{float:left;width:70%;height:863px;position:relative;background:url('../images/main_map_bg.jpg') no-repeat  center bottom;}
#main_map .box .area2 .title{text-align:center;padding-top:65px;}

#snb_wrap{position:relative;height:78px;background:#fff;position:relative;width:1100px;margin:0 auto}


#snb{right:0%;bottom:0px;height:78px;; z-index:89;position:absolute;}
#snb:after {content:""; display:block; clear:both; }
#snb > li {float:left;position:relative;height:78px;}
#snb > li.home{float:left; position:relative;height:78px;width:46px;background:url('/home/design/images/navi_line.jpg') no-repeat right center;}
#snb > li.home a{display:block;background:url('/home/design/images/snb-home.jpg') no-repeat left center;height:100%;}

#snb > li + li > a {background:url("/home/design/images/snb-arrow.jpg") no-repeat 90% 50%;}
#snb > li:first-child + li + li > a {margin-top:1px;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;background:url('/home/design/images/navi_line.jpg') no-repeat right center;}
#snb .ov > a {
    display:block;
    height:78px;
    line-height:78px;
    padding:0 35px 0 15px;
    font-size:15px;
    letter-spacing:-0.075em;
    min-width:160px;
    font-family:'Noto Sans KR';color:#000000;
    font-weight:700;
}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fafbfc;display:none;}
#snb .ov ul li {border:1px solid #dcdcdc;margin-top:-1px; font-family:'Noto Sans KR'; font-weight:400; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:13px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov ul li a span{font-size:13px;color:#999;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#fafbfc;color:#333;}
#snb .ov ul li a:hover span{color:#333;}
#snb .ov ul li.active a {background:#fafbfc;color:#333;}
#snb .ov ul li.active a span{color:#333;}



.sub_menu{background:#f0f0f0}
.sub_menu ul{width:1100px;margin:0 auto;}
.sub_menu ul li{float:left;width:25%;}
.sub_menu ul.two li{float:left;width:50%;}
.sub_menu ul li.first a{border-left:1px solid #bababa}
.sub_menu ul li a{border-right:1px solid #bababa;display:block;height:80px;line-height:80px;font-size:24px;text-align:center;color:#404040;font-weight:700}
.sub_menu ul li.on a{color:#fff;background:#cacaca}

.content{padding-top:0px;}
.content .title{padding-top:75px;text-align:center;}
.content .title h4{color:#000;font-size:50px;font-weight:700;text-align:center;display:inline-block;line-height:98px;border-bottom:2px solid #000000;}
.content .cont{padding-bottom:100px;padding-top:52px;text-align:center;width:1100px;margin:0 auto;position:relative;margin-top:45px;}

.sub_tab{border-bottom:0px solid #e3e3e3;height:60px;}
.sub_tab ul{width:1000px;margin:0 auto}
.sub_tab ul li{float:left;width:498px;margin-right:2px}
.sub_tab ul.four li{float:left;width:248px;margin-right:2px}
.sub_tab ul li a{display:block;text-align:center;height:60px;line-height:60px;color:#7c5a30;font-size:20px;background:#f8f1eb;}
.sub_tab ul li.active a{color:#fff;background:#4b3635}

.ncctab {height:49px;width:1100px;margin:0 auto;margin-bottom:59px;}
.ncctab ul {height:49px;}
.ncctab li {float:left;width:155px;margin-right:2px;margin-bottom:2px;}
.ncctab li a{display:block;font-size:26px;line-height:49px;color:#fff;text-align:center;height:49px;background:#bebebe;font-weight:700;letter-spacing:-1px;}
.ncctab li.active a{background:#8eb22f;color:#fff;}


.ctab {border-top:0px solid #dddddd;width:100%;}
.ctab li {float:left;border:1px solid #44474c;margin-right:3px;}
.ctab li a{display:block;height:58px;width:328px;font-size:36px;color:#44474c;line-height:58px;}
.ctab li.active {border:1px solid #f37022;background:#f37022;}
.ctab li.active a {color:#fff;}
.ctab li.last a {}
.ctab_cont {display:none;clear:both;padding-top:54px;}
.ctab_cont img{width:100%;display:block;}
.ctab_cont .f_btn{padding-top:30px;padding-bottom:20px;}
.ctab_cont2 {display:none;clear:both;padding-top:24px;width:1000px;margin:0 auto}
#slider_area .prev{position:absolute;left:00px;top:50%;margin-top:-10px;z-index:100}
#slider_area .next{position:absolute;right:0px;top:50%;margin-top:-10px;z-index:100}

.movie_area{padding-top:34px;}
.movie_area iframe{height:588px;width:100%;}


#interior_tab.ctab li a{width:494px;font-size:26px;}
#interior_tab.ctab li a span{font-size:36px;}

#plane_tab li.o1.active{background:#f47a63;border:1px solid #f47a63;}
#plane_tab li.o2.active{background:#bd73b0;border:1px solid #bd73b0;}
#plane_tab li.o3.active{background:#3e85c7;border:1px solid #3e85c7;}

#view_tab.ctab{width:1003px;margin:0 auto;}
#view_tab.ctab li{width:auto;margin-right:3px;}
#view_tab.ctab li.last{margin-right:0px;}
#view_tab li.o1 a {background:url('../images/sub03_tab01.jpg') no-repeat center center;width:248px;height:55px}
#view_tab li.o1.active a {background:url('../images/sub03_tab01_on.jpg') no-repeat center center;width:248px;height:55px}
#view_tab li.o2 a {background:url('../images/sub03_tab02.jpg') no-repeat center center;width:248px;height:55px}
#view_tab li.o2.active a {background:url('../images/sub03_tab02_on.jpg') no-repeat center center;width:248px;height:55px}
#view_tab li.o3 a {background:url('../images/sub03_tab03.jpg') no-repeat center center;width:248px;height:55px}
#view_tab li.o3.active a {background:url('../images/sub03_tab03_on.jpg') no-repeat center center;width:248px;height:55px}
#view_tab li.o4 a {background:url('../images/sub03_tab04.jpg') no-repeat center center;width:248px;height:55px}
#view_tab li.o4.active a {background:url('../images/sub03_tab04_on.jpg') no-repeat center center;width:248px;height:55px}

.news_wrap {
  margin-right: -25px;
}
.news_wrap .btn_more {
  width: 200px;
  margin: 0 auto;
}
.news_wrap .btn_more a {
  display: block;
  padding: 13px 0;
  border: 1px solid #ccc;
  font-size: 18px;
  text-align: center;
  color:#000;
  font-family:'Noto Sans KR'
}
.news_wrap .flex-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.news_wrap .flex-container .item {
  width: 33.333%;
  margin-bottom: 50px;
}
.news_wrap .flex-container a {
  display: block;
  padding-right: 25px;
  height: 100%;
}
.news_wrap .flex-container a:hover .desc {
  color: #2c3c4a;
}
.news_wrap .flex-container .thumb_img {
  position: relative;
}
.news_wrap .flex-container .thumb_img .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 71.428%;
}
.news_wrap .flex-container .thumb_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news_wrap .flex-container .thumb_img .press.on {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 20px 10px;
  font-size: 18px;
  color: #fff;
  background-color: #2c3c4a;
  z-index: 1;
}
.news_wrap .flex-container .desc {
  margin-top: 30px;
  text-align: left;
}
.news_wrap .flex-container .desc .press.on {
  display: none;
}
.news_wrap .flex-container .desc .btitle {
  height: 60px;
  font-size: 20px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.35rem;
  max-height: 2.7rem;
  font-weight:700;
  color:#000;
  font-family:'Noto Sans KR'
}
.news_wrap .flex-container .desc .date {
  padding-top: 20px;
  font-size: 14px;
  color: #2c3c4a;
  font-weight:700;
  font-family:'Noto Sans KR'
}


.sky_wrap {
  margin-right: -25px;
}
.sky_wrap .btn_more {
  width: 200px;
  margin: 0 auto;
}
.sky_wrap .btn_more a {
  display: block;
  padding: 13px 0;
  border: 1px solid #ccc;
  font-size: 18px;
  text-align: center;
  color:#000;
  font-family:'Noto Sans KR'
}
.sky_wrap .flex-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.sky_wrap .flex-container .item {
  width: 33.333%;
  margin-bottom: 50px;
}
.sky_wrap .flex-container a {
  display: block;
  padding-right: 25px;
  height: 100%;

}
.sky_wrap .flex-container a:hover .desc {
  color: #2c3c4a;
}
.sky_wrap .flex-container .thumb_img {
  position: relative;
}
.sky_wrap .flex-container .thumb_img:before {
  content:'';
  position: absolute;
  width:38px;
  height:38px;
  left:50%;
  margin-lefT:-19px;
  top:50%;
  margin-top:-19px;
  background:url('../images/sky_icon.png') no-repeat;
  z-index:10
}
.sky_wrap .flex-container .thumb_img .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.sky_wrap .flex-container .thumb_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sky_wrap .flex-container .thumb_img .press.on {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 20px 10px;
  font-size: 18px;
  color: #fff;
  background-color: #2c3c4a;
  z-index: 1;
  display:none;

}
.sky_wrap .flex-container .desc {
  padding-top: 30px;
  text-align: left;
  border:1px solid #dedede;

}
.sky_wrap .flex-container .desc .press.on {
  display: none;
}
.sky_wrap .flex-container .desc .btitle {
  height: 60px;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.35rem;
  max-height: 2.7rem;
  font-weight:700;
  color:#000;
  font-family:'Noto Sans KR';
  padding:0px 15px;
}
.sky_wrap .flex-container .desc .date {
  font-size: 13px;
  color: #2c3c4a;
  font-weight:400;
  font-family:'Noto Sans KR';
  padding:20px 15px;
  display:block;
  
}

.blogarea1{position:absolute;left:0;bottom:160px; width:100%;z-index:98;display:none}
.blogbox1{position:absolute; right:0; bottom:0; max-width:300px; height:200px; box-sizing:border-box; background:#2c3b48; border-radius:20px 0 0 20px;
transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
transition-delay:-0.5s;}
.blogbox1 > dl{display:flex; height:200px; align-items:center; box-sizing:border-box; padding:15px 0;}
.blogbox1 > dl dt{width:230px; text-align:left; flex-shrink:0; padding-left:20px;}	
.blogbox1 > dl dt em{position:relative; display:block; color:#fff; font-size:26px; line-height:30px; font-weight:600; padding-left:90px;}
.blogbox1 > dl dt em::before{position:absolute; left:20px; top:-14px; width:62px; height:62px; background:url(../images/main_sky_title.png) no-repeat; content:""}
.blogbox1 > dl dt a{position:absolute; left:20px; bottom:20px; display:inline-block; line-height:28px; font-size:16px; color:rgba(255,255,255,.3);}

.blogbox1 > dl dt a.on::before{

}
.blogbox1 > dl dd{overflow:hidden; flex-grow:1; height:170px;}
.blogbox1 .bslide1{margin-top:7px;}
.blogbox1 > dl dd .slick-slide{width:155px; height:170px; margin:0 10px;}
.blogbox1 > dl dd .slick-slide span.img1{display:block;  width:155px; height:170px; overflow:hidden;position:relative}
.blogbox1 > dl dd .slick-slide span.img1:before {
  content:'';
  position: absolute;
  width:38px;
  height:38px;
  left:50%;
  margin-lefT:-19px;
  top:50%;
  margin-top:-19px;
  background:url('../images/sky_icon.png') no-repeat;
  z-index:10
}

.blogbox1 > dl dd .slick-slide span.img1 img{width:100%;opacity:0.5}

.blogbox1.on{max-width:100%;
transition: all 1.4s ease;
-webkit-transition: all 1.4s ease;
transition-delay:-0.0s;
}
.blogbox1.on .bslide1{ }









.movie iframe{border:0px;width:100%;height:600px;}
.movie_shorts iframe{border:0px;width:100%;height:700px;}

.newsList{width:100%;color:#656565;border-top:2px solid #003c5e;border-collapse: collapse;border-spacing: 0;}
.newsList tr th{border-bottom:1px solid #DBDBDB;color:#222;font-size:16px;text-align:center;padding:15px 0;font-weight:700;background:#FAFAFA;;}
.newsList tr th:first-child{}
.newsList tr td{border-bottom:1px solid #e3e3e3;text-align:center;font-size:14px;padding:15px 0;}
.newsList tr td .media{color:#888;}
.newsList tr td.alignL {text-indent:5px; text-align: left;padding:15px 20px}
.newsList tr td.alignL a {color:#656565;font-size:14px;}

.page_list{text-align:center; margin-top: 30px;}
.page_list a,.page_list strong{margin:0 2px; width:31px; height:31px; line-height:33px; display:inline-block; text-align:center; border:1px solid #a1abbe; font-size:12px; color:#a1abbe; vertical-align: top; background-color: #fff;}
.page_list a.num.active,.page_list a.on,.page_list strong{ width:31px; height:31px; line-height:28px; border:1px solid #f58028; font-weight:600; color:#f58028;}
.page_list a.arrow{border:none;}
.page_list a.arrow.mr{margin-right: 15px;}
.page_list a.arrow.ml{margin-left: 15px;}

.page_list .pasing_div{display:none}

.page_list a.start{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_1.gif') no-repeat;border:0px;}
.page_list a.prev{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_2.gif') no-repeat;;border:0px;}
.page_list a.next{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_3.gif') no-repeat;border:0px;}
.page_list a.last{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_4.gif') no-repeat;;border:0px;}

.regist { width: 1000px; margin: 0 auto 80px; text-align:left; }
.regist input{display:inline-block;}
.regist .reg_terms { font-size:12px; line-height:1.7;}
.regist .reg_terms>h5 { color:#222222; font-size:20px; line-height:60px; text-align: left; font-weight: 700; border-top: 1px solid #e1e1e1;margin-bottom:5px;}
.regist .reg_terms>p { color:#828282; font-size:15px; line-height:5px; margin-bottom: 20px; text-align: left; }
.regist .reg_terms .terms_box { padding:20px; border:1px solid #e5e5e5; background-color:#f5f5f5; color:#666666; font-size: 13px; height:100px;overflow-y:scroll}
.regist .reg_terms .terms_box h4 { margin-top:10px; color:#1b1b1b; font-size: 16px; font-weight:normal; }
.regist .reg_terms .terms_box li {line-height:1.5;}
.regist .reg_terms .terms_box>p {line-height:1.7;}

.regist .agree_radio { margin:25px 0 50px; text-align:center; color:#000; font-size:15px;}
.regist .agree_radio .type-radio { margin:-2px 5px 0 0;}

.regist .reg_table>table {width:100%;}
.regist .reg_table>table tr:first-child th { border-top: 3px solid #6a9d3a; }
.regist .reg_table>table tr:first-child td { border-top: 3px solid #c9c9c9; }
.regist .reg_table>table th {box-sizing:border-box; padding:12px 12px; text-align:left; border-bottom:1px solid #ddd; font-size:15px; color:#000; font-weight:bold; vertical-align:middle; }
.regist .reg_table>table th>span { color:#e83829;}
.regist .reg_table>table td {box-sizing:border-box; padding:10px 20px; font-size:12px; color:#666; background-color:#fff; border-bottom:1px solid #ddd; font-size:14px;}
.regist .reg_table>table td input[type='text'], .regist .reg_table>table td select {box-sizing:border-box; height:30px !important; padding-left:10px; line-height:30px; background-color:#fff; border:1px solid #d6d6d6;}
.regist .reg_table>table td .type-checkbox { margin:-2px 0 0;}
.regist .reg_table .btn_zip {display:inline-block; width:100px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#9b9b9b; font-size:14px;}

.regist .button {margin-top:50px; text-align:center;border:0px;}
.regist .button>a, .regist .button>button {border:0px;box-sizing:border-box; display:inline-block; width:130px; height:50px; line-height:50px; text-align:center; font-size:16px;}
.regist .button>a.btn_regist, .regist .button>button.btn_regist {font-weight: 700; color:#fff; background-color:#6a9d3a; vertical-align:top;}
.regist .button>a.btn_cancel {margin-left:6px; color:#162333; font-weight: 700; border:1px solid #162333;}

.radio-area label.rdo {
    margin: 0 60px 20px 0;
	cursor:pointer;
}
.radio-area{
   margin: 0 0 -20px;
}

label.rdo {
    display: inline-block;
    position: relative;
    padding: 0 0 0 31px;
}
label.rdo input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    cursor: pointer;
}
label.rdo span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
}
label.rdo span::before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    background: url(../images/radio.png) 0 0 no-repeat;
        background-position-x: 0px;
        background-position-y: 0px;
}
label.rdo input:checked + span::before {
    background-position: 0 -20px;
}
    
label.chk{
    cursor: pointer;
}
label.chk span::before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    background: url(../images/check.png) 0 0 no-repeat;
}
label.chk span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
}
label.chk input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    cursor: pointer;
}
label.chk input:checked + span::before {
    background-position: 0 -20px;
}
label.chk {
    display: inline-block;
    position: relative;
    padding: 0 0 0 31px;
}
.privacy-agreement .check-area .chk {
    float: right;
}
#joinForm{}
#joinForm td.etc_area{font-weight:700;padding-top:20px;padding-bottom:20px;}
#joinForm td.etc_area p{margin-top:10px;}
#joinForm td.etc_area p label{margin-right:20px;font-weight:400}

/* 개인정보취급 */
.clauseBox {text-align:left;margin-top:2px;border:1px solid #dddddd;}
.clauseBox p{height:110px; margin-bottom:10px; 	padding:10px 3%;background:#fff;	color:#6D6D6D;	 font-size:13px;	line-height:130%; letter-spacing:-1px;	overflow-y: scroll;}
.clauseBox .check{padding:15px 15px;color:#888888;background:#f3f3f3;border-top:1px solid #dddddd;text-align:right;position:relative}
.clauseBox .check .checkT{height:30px;	line-height: 30px;	font-size:14px;	margin-right:15px;	display:inline-block; font-weight:400;}
.clauseBox .check .check_box{position:absolute;}
.check input {vertical-align:middle}
.check label{	font-size:15px;color:#444444;margin-right:10px; vertical-align:middle; }
.clauseBox .check .infotext{color:#cc221d;}

/*  tableForm table */
table.tableForm{width:100%;	color:#656565; border-top:1px solid #000000}
table.tableForm tr th{padding: 17px 20px 16px;
border-bottom: 1px solid #e1e1e1;
font-weight: 400;
font-size: 18px;
line-height: 45px;
text-align: left;
color: #555555;
font-family:'Spoqa Han Sans Neo'
}
table.tableForm tr th label{
font-weight: 400;
font-size: 18px;
line-height: 45px;
text-align: left;
color: #555555;
font-family:'Spoqa Han Sans Neo'
}

table.tableForm tr.last th{	letter-spacing:3px;}
table.tableForm tr td{padding: 17px 20px 16px;border-bottom: 1px solid #e1e1e1;text-align:left;}
table.tableForm tr td .boxed{font-size: 18px;
line-height: 45px;
color: #666666;}


table.tableForm tr td input[type="text"] {border: none;
height: 45px;
font-size: 18px;
background: #f7f7f7;
line-height: 18px;
color: #666666;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
display: inline-block;
}
table.tableForm tr td .boxed .at {
    display: inline-block;
    margin-left: 0;
    width: 44px;
    text-align: center;
}
table.tableForm tr td input[type="radio"] {vertical-align:middle} 
table.tableForm tr td select {height:34px; border:1px solid #dddddd; background:#fff; vertical-align:middle}
table.tableForm tr td.address p {margin-top:5px;}
table.tableForm tr td.address p:first-child {margin-top:0px;}

.textLine{	height: 24px;	line-height: 16px;	font-size: 12px;	text-indent:5px;	border: 1px solid #DADADA;	color: #000;	background:#f5f5f5;}
.selectLine{height: 26px;	line-height: 32px;	font-size: 12px;	text-indent:5px;	border: 1px solid #DADADA;	color: #000;	background:#f5f5f5;}
.formBtn{	text-align: center;	margin-top:50px;}
.formBtn a ,.formBtn button{display: inline-block; vertical-align:middle;	width:250px; height:52px; line-height:52px;  font-size:19px; color:#fff; }
.formBtn a:hover,.formBtn button:hover {color:#fff; }
.formBtn .btn_ok{    border: 1px solid #28313a;
    background: #28313a;
    color: #ffffff;
}}
.formBtn .btn_cancel{background:#b7b7b7; border:1px solid #a0a0a0; width:141px; height:39px}

.inputW1 {width:100px;}
.inputW2{width:150px;}
.inputW3{width:70px;}
.inputW4{width:90%;}

.selectW1 {width:70px}
.selectW2{width:150px}

/* list table */
table.tableList{width:100%; color:#656565; border-top:0px solid #323232}
table.tableList tr th{background:#7f858f;color:#fff;height:45px; border-bottom:1px solid #e3e3e3; letter-spacing: 4px; font-size:16px; text-align: center;font-family: 'Spoqa Han Sans Neo'; font-weight:400}

table.tableList tr td{height:45px; border-bottom:1px solid #e3e3e3; text-align: center; font-size:16px;}
table.tableList tr td.alingL {text-indent: 5px; text-align: left;}
table.tableList tr td.alingL a {color:#656565; font-size:16px;}

/* 페이징 처리 부분 */
.paging {text-align:center; margin-top:25px;}
.paging a.num{display:inline-block; vertical-align:middle;margin:0px 4px;background:#fff; width:33px; height:33px; line-height:33px; font-size:16px;border:1px solid #dddddd; text-align:center; color:#aaaaaa}
.paging a.num:hover, .paging a.num.active {background:#fff;border:1px solid #2f436c;color:#183642;}
.paging a.prev {background:#f3f3f3 url('../images/common/btn_prev.png') no-repeat center center;}
.paging a.next {background:#f3f3f3 url('../images/common/btn_next.png') no-repeat center center;}
.paging .txt {/*text-indent:-9999px;*/ font-size:0px !important}

/*	quick Btns Type  */
#wrap.main .pageFixBtns {display:none;}
.pageFixBtns { position:fixed; right:60px; bottom:80px; z-index:9; }
.pageFixBtns.blog {bottom:150px;} 
.pageFixBtns.blog .helpTy1 {background-color:#2db400;}
.pageFixBtns.blog .i-blog img {margin-top:15px}
.pageFixBtns .i-regi img {margin-top:11px}
.pageFixBtns.blog .helpTy1  {padding:0 20px}
.helpTy1 {
	display:block; height:65px; overflow:hidden; padding:0 13px 0 19px; letter-spacing:-5px; background-color:#fb7219; border-radius:35px; text-align:center; white-space:nowrap;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 16px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 16px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 16px 0px;
}
.helpTy1 .event-only { display:inline-block; vertical-align:middle; width:1px; height:70px; overflow:hidden; margin-left:-1px; text-align:left; background:url('../images/common/icon_arrow.png') no-repeat  128px 26px; box-sizing:border-box; -webkit-transition:width .3s ease-out;-moz-transition:width .3s ease-out;-ms-transition:width .3s ease-out;-o-transition:width .3s ease-out;transition:width .3s ease-out }
.helpTy1:hover .event-only, .helpTy1:focus .event-only, .helpTy1.on .event-only { width:140px; height:65px; }
.helpTy1 .event-only .in { display:block; padding:22px 0 0 10px; font-size:20px; color:#fff; letter-spacing:0; font-weight:700; }

/* tab */
.tab  {overflow:hidden; margin-bottom:52px;}
.tab li {float:left; width:49%; margin-left:1%}
.tab li:first-child {margin-left:0}
.tab li a {font-size:30px; letter-spacing:-0.025; color:#fff; background:#bebebe; display:block; text-align:center; height:52px; line-height:52px;}
.tab li.active a {background:#232e65; }
.tab_cont {display:none}

.tab_img  {overflow:hidden; margin-bottom:52px;}
.tab_img li {float:left; width:25%;}

/* 0710추가 */
.result_area > p {font-size:32px; text-align:center; letter-spacing:-0.025em; color:#000; margin-bottom:55px;}
.result_area > form {padding:70px 0 0; text-align:center; margin:0 0 20px}
.result_area > form p {font-size:17px; color:#000; letter-spacing:-0.025em; margin-bottom:60px}
.result_area > form div {width:641px; margin:0 auto 20px; overflow:hidden;}
.result_area > form div ul {width:460px;text-align:left;margin:0 auto}
.result_area > form div li {margin-top:14px}
.result_area > form div li:first-child {margin-top:0px}
.result_area > form div li label {display:inline-block; width:80px; margin-right:20px; font-size:18px; color:#000; letter-spacing:-0.025em; text-align: justify; vertical-align:middle}
.result_area > form div li input {border:1px solid #ddd; padding:10px 10px; vertical-align:middle; width:326px; font-size:14px;}
.result_area > form div span {display:block;padding-top:30px;}
.result_area > form div span a {display:inline-block; width:150px; height:52px; line-height:52px; text-align:center; font-size:20px; }
.result_area > form div span a.ok {background:#2e3c68; color:#fff}
.result_area > form div span a.cancel {background:#bdbdbd; color:#fff}
.result_area > form div + p {font-size:15px; color:#787878}
.result_area .celebration {text-align:center; margin:20px 0}

.result_table {width:792px; margin-top:35px; text-align:center; margin:0 auto}
.result_table thead th {background:#2a8cfa; font-size:16px; letter-spacing:-0.05em; color:#fff; padding:10px 0; border-left:1px solid #fff; font-weight:normal}
.result_table thead th span {font-size:13px;}
.result_table thead th:first-child {border-left:none}
.result_table tbody th {font-size:16px; letter-spacing:-0.05em; color:#333; padding:12px 0; font-weight:normal; border-bottom:1px solid #131313; vertical-align:top}
.result_table tbody td {font-size:16px; letter-spacing:-0.05em; color:#333; padding:12px 0; font-weight:normal; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb;}
.result_table tbody td:first-child {border-left:none}

.result_area input::-webkit-input-placeholder {color:#787878; opacity:0.5}
.result_area input::-moz-placeholder {color:#787878; opacity:0.5}

.privacy-agreement {margin: 30px 0 0;text-align:left;font-family:'NanumSquareB';}
.privacy-agreement .title-area {margin: 0 0 17px; padding: 0 0 7px; border-bottom: 1px solid #2d3d47; font-size: 0;}
.privacy-agreement .title-area .title {display: inline-block; font-weight: 500; font-size: 20px; line-height: 40px; color: #2d3d47; vertical-align: middle;}
.privacy-agreement .title-area a {display: inline-block; position: relative; margin: 0 0 0 15px; font-weight: 400; font-size: 15px; line-height: 27px; vertical-align: middle; color: #389bbd;}
.privacy-agreement .title-area a:after {display: block; content: ''; position: absolute; right: 0; bottom: 4px; left: 0; height: 1px; background: #b9d7e3;}

.privacy-agreement article {overflow-y: auto; height: 259px; padding: 24px 22px; background: #f7f7f7;}
.privacy-agreement article .term {font-size: 16px; line-height: 28px; color: #555555;}
.privacy-agreement article .term ul {}
.privacy-agreement article .term ul li {position: relative; margin: 5px 0 0; padding: 0 0 0 14px; font-size: 0;}
.privacy-agreement article .term ul li:first-child {margin: 0;}
.privacy-agreement article .term ul li:after {display: block; content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #555555;}
.privacy-agreement article .term ul li dl dt {display: inline-block; vertical-align: top; font-size: 16px; line-height: 26px;}
.privacy-agreement article .term ul li dl dd {display: inline-block; margin: 0 0 0 3px; vertical-align: top; font-size: 16px; line-height: 26px;}

.privacy-agreement .check-area {overflow: hidden; padding: 19px 0 40px; border-bottom: 1px solid #e1e1e1; text-align: center;}
.privacy-agreement .check-area .text {float: left; font-size: 18px; line-height: 20px; color: #555555;}
.privacy-agreement .check-area .chk {float: right;}

.nssub_tab2{}
.nssub_tab2 ul{margin:0 auto;width:1100px;}
.nssub_tab2 li{float:left;width:154px;margin-right:3px;}
.nssub_tab2 li a{display:block;height:60px;background:#c6c7c7;border:0px solid #6f6f6f;;color:#fff;font-size:24px;text-align:center;line-height:60px}
.nssub_tab2 li.active a{color:#fff;}
.nsstab_cont2{display:none;padding-top:84px;clear:both;position:relative}
.nsstab_cont3{display:none;padding-top:37px;clear:both;position:relative}

.nsstab_cont3 ul{position:absolute;right:0px;top:38px;z-index:10}
.nsstab_cont3 ul li{float:left;margin-left:6px;}
.nsstab_cont3 ul li a{display:block;height:49px;line-height:49px;background:#8c7265;color:#fff;font-size:20px;width:124px;text-align:center;}
.nsstab_cont3 ul li a span{display:inline-block;margin-left:8px;}
.nsstab_cont3 ul li.active a{display:block;height:49px;line-height:49px;background:#003f3e;color:#fff;}

.nsstab_cont3_sub{display:none;position:relative}
.nssub_tab2 li#unit_1.active a{background:#13a0db;border:0px solid #13a0db}
.nssub_tab2 li#unit_2.active a{background:#2bc4f4;border:0px solid #7b9fd3}
.nssub_tab2 li#unit_3.active a{background:#165baa;border:0px solid #c2da69}
.nssub_tab2 li#unit_4.active a{background:#c675b0;border:0px solid #98ce97}
.nssub_tab2 li#unit_5.active a{background:#433796;border:0px solid #ebbe6b}
.nssub_tab2 li#unit_6.active a{background:#b15575;border:0px solid #f0831e}
.nssub_tab2 li#unit_7.active a{background:#f2666f;border:0px solid #b49b7f}


#sub_wrap #quick{position:absolute;left:50%;margin-left:600px;top:356px;}
#sub_wrap #quick.on{position:fixed;left:50%;margin-left:600px;top:100px;}

.full_popup{position:fixed;left:0px;top:-100%;height:100%;width:100%;z-index:99999}
.full_popup .bg{position:absolute;left:0px;top:0px;height:100%;width:100%;background:#000;opacity:0.8;z-index:99997}
.full_popup .popup_area{z-index:99998}

.layer_popup{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:8888;display:none}
.layer_popup .bg{background:#000;z-index:8887;left:0px;top:0px;width:100%;height:100%;opacity:0.8}
.layer_popup .layer_cont{background:#fff;z-index:8888;left:50%;margin-left:-600px;width:1200px;top:50%;margin-top:-300px;position:absolute;}
.layer_popup .layer_cont a.close{position:absolute;right:0px;top:-20px;}
.layer_popup .layer_cont .layer_li{padding-left:5px;padding-bottom:30px;}
.layer_popup .layer_cont ul{}
.layer_popup .layer_cont ul li{float:left;margin-right:10px;margin-bottom:10px;}
.layer_popup .layer_cont ul li a{display:block;width:332px;height:186px;}

.layer_popup .layer_cont ul li.l_li1 a{background:url('/home/images/nl_movie01.jpg') no-repeat center top;}
.layer_popup .layer_cont ul li.l_li1 a:hover{background:url('/home/images/nl_movie01_on.jpg') no-repeat center top;}

.layer_popup .layer_cont ul li.l_li2 a{background:url('/home/images/nl_movie02.jpg') no-repeat center top;}
.layer_popup .layer_cont ul li.l_li2 a:hover{background:url('/home/images/nl_movie02_on.jpg') no-repeat center top;}

.layer_popup .layer_cont ul li.l_li3 a{background:url('/home/images/nl_movie03.jpg') no-repeat center top;}
.layer_popup .layer_cont ul li.l_li3 a:hover{background:url('/home/images/nl_movie03_on.jpg') no-repeat center top;}

.layer_popup .layer_cont ul li.l_li4 a{background:url('/home/images/nl_movie04.jpg') no-repeat center top;}
.layer_popup .layer_cont ul li.l_li4 a:hover{background:url('/home/images/nl_movie04_on.jpg') no-repeat center top;}

.layer_popup .layer_cont ul li.l_li5 a{background:url('/home/images/nl_movie05.jpg') no-repeat center top;}
.layer_popup .layer_cont ul li.l_li5 a:hover{background:url('/home/images/nl_movie05_on.jpg') no-repeat center top;}

.layer_popup .layer_cont ul li.l_li6 a{background:url('/home/images/nl_movie06.jpg') no-repeat center top;}
.layer_popup .layer_cont ul li.l_li6 a:hover{background:url('/home/images/nl_movie06_on.jpg') no-repeat center top;}


.newsList{width:100%;color:#656565;border-top:2px solid #4b3634}
.newsList tr th{border-bottom:1px solid #e3e3e3;color:#000;font-size:14px;text-align:center;padding:15px 0;font-weight:700;background: url('../images/list_th_bl.gif') 0 50% no-repeat;}
.newsList tr th:first-child{background:none;}
.newsList tr td{border-bottom:1px solid #e3e3e3;text-align:center;font-size:13px;padding:15px 0;}
.newsList tr td .media{display:inline-block;background: #4b3634;width:90%;height:28px;line-height:28px;color:#fff;}
.newsList tr td.alignL {text-indent:5px; text-align: left;padding:15px 20px}
.newsList tr td.alignL a {color:#656565;font-size:14px;}

.page_list{text-align:center; margin-top: 30px;}
.page_list a{margin:0 2px; width:31px; height:31px; line-height:33px; display:inline-block; text-align:center; border:1px solid #a1abbe; font-size:12px; color:#a1abbe; vertical-align: top; background-color: #fff;}
.page_list a.num.active,.page_list a.on{ width:31px; height:31px; line-height:28px; border:1px solid #f58028; font-weight:600; color:#f58028;}
.page_list a.arrow{border:none;}
.page_list a.arrow.mr{margin-right: 15px;}
.page_list a.arrow.ml{margin-left: 15px;}

.page_list a.start{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_1.gif') no-repeat;border:0px;}
.page_list a.prev{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_2.gif') no-repeat;;border:0px;}
.page_list a.next{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_3.gif') no-repeat;border:0px;}
.page_list a.last{margin:0 2px; width:31px; height:31px;background:url('../images/page_arrow_4.gif') no-repeat;;border:0px;}

.dimm{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:#000;opacity:.8}
.dimm img{display:block}

.hide-txt {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  margin: -1px;
  padding: 0;
  border: 0;
}
.ico-close04{width:20px;width:1.25rem;height:19px;height:1.1875rem;background:url("../images/ico_close04.png") no-repeat 0 0;display:inline-block;}
.popup-type03 .close .ico-close04{vertical-align:middle}

.popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:200;text-align:center}
.popup-wrap:before{content:'';display:inline-block;vertical-align:middle;height:100%}
.popup-wrap.full-size{max-width:100%;max-height:-webkit-calc(100% - 30px);max-height:calc(100% - 30px);padding:30px;padding:1.875rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0}
.popup-wrap.full-size::before{width:0}
.popup-wrap.full-size02 .popup-dialog{overflow:hidden;position:fixed;top:60px;top:3.75rem;left:60px;left:3.75rem;bottom:60px;bottom:3.75rem;right:60px;right:3.75rem}
.popup-wrap.full-size02 .popup-container{min-height:auto;height:100%}
.popup-wrap.full-size02 .popup-content{overflow:hidden;width:100%;height:-webkit-calc(100% - 72px);height:calc(100% - 72px);display:table}
.popup-wrap.full-size02 .popup-content .img-box{text-align:center;display:table-cell;vertical-align:top;max-width:auto;width:100%;height:-webkit-calc(100vh - 260px);height:calc(100vh - 260px)}
.popup-wrap.full-size02 .popup-content .img-box img{max-width:auto;height:100%}
.popup-wrap.full-size03 .popup-dialog{overflow:hidden;position:fixed;top:60px;top:3.75rem;left:60px;left:3.75rem;bottom:60px;bottom:3.75rem;right:60px;right:3.75rem}
.popup-wrap.full-size03 .popup-container{min-height:auto;height:100%}
.popup-wrap.full-size03 .popup-content{overflow:hidden;width:100%;height:-webkit-calc(100% - 72px);height:calc(100% - 72px);display:table}
.popup-wrap.full-size03 .popup-content .img-box{text-align:center;display:table-cell;vertical-align:top;max-width:auto;width:100%;height:-webkit-calc(100vh - 260px);height:calc(100vh - 260px)}
.popup-wrap.full-size03 .popup-content .img-box img{max-width:auto;}
.popup-type03 .popup-header{position:relative;padding:24px 41px;padding:1.5rem 2.5625rem}
.popup-type03 .popup-header .tit01{font-size:24px;font-size:1.5rem;font-family:"SDGothicNeobTTF-eSm";text-align:left}
.popup-type03 .close{position:absolute;top:0;right:0;width:72px;width:4.5rem;height:72px;height:4.5rem;padding:0;cursor:pointer;border: 0;
  background: none;}
.popup-type03 .close .ico-close04{vertical-align:middle}
.popup-type03 .popup-container{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:204px;min-height:12.75rem}
.popup-type03 .popup-container .swiper-button-prev{width:31px;width:1.9375rem;height:77px;height:4.8125rem;background:url("/common/front/images/common/ico_swiper_left.png") no-repeat center center;margin-top:-44px;margin-top:-2.75rem}
.popup-type03 .popup-container .swiper-button-next{width:31px;width:1.9375rem;height:77px;height:4.8125rem;background:url("/common/front/images/common/ico_swiper_right.png") no-repeat center center;margin-top:-44px;margin-top:-2.75rem}
.popup-type03 .popup-container .swiper-slide{position:relative;height:auto;max-width:100%;background:#fff}
.popup-type03 .popup-container .swiper-slide.swiper-slide-active{position:relative;opacity:1!important}
.popup-type03 .popup-container .swiper-slide .img-box{background:none;height:auto}
.popup-type03 .popup-container .swiper-slide img{width:100%}
.popup-type03 .popup-container .description-wrap{padding:40px;padding:2.5rem;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup-type03 .popup-container .description-wrap .tit{font-size:18px;font-size:1.125rem;font-family:"SDGothicNeobTTF-dMd";color:#333}
.popup-type03 .popup-container .description-wrap .cnt{margin-top:18px;margin-top:1.125rem;font-size:18px;font-size:1.125rem;font-family:"SDGothicNeobTTF-bLt";color:#666}
.popup-type03.medium .swiper-button-prev{top:37%;left:42px;left:2.625rem}
.popup-type03.medium .swiper-button-next{top:37%;right:42px;right:2.625rem}

@media (max-width: 1600px) {
	#main_quick_divs .main_quick_area{width:95%;}
	#main_quick_divs .main_quick_area3 img{width:100%;}
	.footer .box .footer_area1{width:95%;}
	.footer .box .footer_area2 .box2{width:95%;}

	#main_checkpoint_divs  #main_checkpoint_div{height:630px;position:relative}
	#main_checkpoint_divs  #main_checkpoint_div ul{position:absolute;left:50%;margin-left:-45%;width:50%;}
	#main_checkpoint_divs  #main_checkpoint_div ul li{float:left;margin-right:3%;margin-bottom:3%;width:45%}
	#main_checkpoint_divs  #main_checkpoint_div ul li img{width:100%;}
	#main_checkpoint_divs  .main_checkpoint_obj{position:absolute;left:50%;margin-left:5%;width:45%;}
	#main_checkpoint_divs  .main_checkpoint_obj img{width:90%;}
	#gnb > li{width:120px;}
	#header .tel{right:10px;}
	#header h1{left:20px;}
	#header.white .tel{right:10px;}
}

@media (max-width: 1400px) {
	#header h1{left:10px;}
	#gnb > li{}


	#main_premium_divs  #main_premium_div2 ul{width:95%;margin:0 auto}
	#main_premium_divs  #main_premium_div2 li img{width:100%;}
	#main_premium_divs  #main_premium_div2 li .box{}

}

.fp-controlArrow.fp-prev{display:none}
.fp-controlArrow.fp-next{display:none}


.visual-tit .char {/* letter-spacing:-1pt; */}
.visual-tit .char, .visual-tit .word {display:inline-block; opacity:0; line-height:inherit; letter-spacing:inherit;font-family:'trajanProBold';line-height:90%}
.visual-tit .word {overflow:hidden;  opacity:1;font-family:'trajanProBold';}
.visual-tit.splitting, .visual-sub-txt.splitting{opacity:1.0;font-family:'trajanProBold';}
.section.active .visual-tit.splitting .char {animation: slide-up 0.9s ease; animation-fill-mode: both; animation-delay:calc( 0.6s + (.05s * var(--char-index)) );}
.sub_visual .visual-tit.splitting .char {animation: slide-up 0.9s ease; animation-fill-mode: both; animation-delay:calc( 0.6s + (.05s * var(--char-index)) );}

@keyframes slide-up {
	from{opacity:1; transform: translateY(60px);}
	to{opacity:1.0; transform: translateY(0);}
}


.popuparea1{
	position:absolute; top:0;
	display:flex; align-items:center;
	width:100%; height:100%;
	background:rgba(44,59,70,.9);
	z-index:2222;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.popuparea1.on{
	right:0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.popuparea1 > *{
	width:100%; max-width:1820px;
	margin:0 auto;
	
}
.popuparea1 > *.popuplayer{
	position:relative;
	text-align:center;/*추후삭제*/
}
.popuparea1 > *.popuplayer .sbar1{
	position:absolute; left:105px; bottom:-50px;
	width:calc(100% - 210px); height:2px;
	background:rgba(255,255,255,.4);
	z-index:10;	
	display:none;/*추후삭제*/
	
}

.popuparea1 > *.popuplayer .sbar1 > span{
	position:absolute; left:0; top:0;
	height:100%;
	background:#fff;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}


.popuparea1 > *.ctr1{
	position:fixed; right:0; top:calc(50% - 320px );	
	width:60px; height:200px;
	border-radius:20px 0 0 20px;
	background:#2c3b46;
	z-index:2;
}
.popuparea1.on > *.ctr1{
	right:0;
}
.popuparea1 > *.ctr1 em{
	display:block;
	text-align:center;
	transform:rotate(90deg);
	margin-top:60px;
	white-space:nowrap;
	font-weight:500; color:#fff; font-size:15px;
	font-family: "Noto Sans KR",dotum,Arial,Malgun Gothic;
}
.popuparea1 > *.ctr1 a{
	position:absolute; left:0px; bottom:10px;
	font-size:0; line-height:0;
	cursor:pointer;
}
.popuparea1 > *.ctr1 a::before{
	position:absolute; left:0; bottom:50px;
	display:block;
	width:60px; height:1px;
	background:rgba(255,255,255,.4);
	content:"";
}

.popuparea1 > *.ctr1 a::after{position:absolute; left:24px; bottom:14px; width:8px; height:8px; border-left:2px solid; border-bottom:2px  solid; border-color:#fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	content:"";
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.popuparea1.on > *.ctr1 a::after{left:26px;
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
}	
	
.popuplayer > div > div{border-left:1px solid #000; box-sizing:border-box;
	display:inline-block;/*추후삭제*/
	margin-right:5px;/*추후삭제*/
	margin-left:5px;/*추후삭제*/
}
.popuplayer > div > div:nth-of-type(1){border:none;}