@charset "euc-kr";

/************************************************************************
* HTML_RESET *
************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button,input{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	background:transparent;
	word-break:break-word;
}




/************************************************************************
* HEADER *
************************************************************************/
#whole{overflow:hidden;position:relative;left:-160px;}
#header{width:100%;height:106px;position:fixed;top:0;left:0;z-index:999;transition:all 0.1s ease-out;/*border-bottom:solid 1px rgba(255,255,255,0.4);background: rgba(255,255,255,0);*/}
#header h1{width:250px;height:auto;font-size:0;position:absolute;left:0;top:26px;}
#header h1 img.white{width: 100%; display:block;}
#header h1 img.color{width: 100%; display:none;}

#header #gnb{position:absolute;top:0;right:2%;}
#header #gnb>ul>li{float:left;padding: 0 10px;position:relative;}
#header #gnb>ul>li.mobile_title{display:none;}
#header #gnb>ul>li>a{padding:0 40px;color:#fff;font-size:20px;line-height:106px;letter-spacing:0em;font-weight:500;display:block;}
#header #gnb>ul>li>a.mobile{display:none;}
#header #gnb>ul>li:hover>a{color:#00c6ff;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;position:relative;}
#header #gnb>ul>li>a:after{width:0;height:4px;display:block;content:"";position:absolute;left:50%;bottom:0;background:#10a7ef;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#header #gnb>ul>li:hover>a:after{width:100%;margin-left:-50%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

#header #gnb>ul>li>ul{width:100%;background-color:rgba(0,0,0,0.6);position:absolute;top:106px;left:0;display:none;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
#header #gnb>ul>li:last-child>ul{left:auto;right:0;}
#header #gnb>ul>li:hover>ul{display:block;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}

#header #gnb>ul>li>ul>li{font-size:16px;text-align:center;}
#header #gnb>ul>li>ul>li>a{padding:14px 0;display:block;font-size:16px;letter-spacing:-0.04em;font-weight:normal;transition:all 0.1s ease-out;border-bottom:1px dashed rgba(255,255,255,0.2);position:relative;color:rgba(255,255,255,0.7);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#header #gnb>ul>li>ul>li>a span.icon{margin-top:-8px;display:block;position:absolute;top:50%;right:10px;}
#header #gnb>ul>li>ul>li>a span.icon i{font-size:20px;color:#fff;}
#header #gnb>ul>li>ul>li>a span.icon i.off{display:none;}
#header #gnb>ul>li>ul>li>a:hover{background-color:#000;color:#fff;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#header #gnb>ul>li>ul>li>a:hover span.icon i{color:#333;}
#header #gnb>ul>li>ul>li.active>a{background-color:#ffffff;color:#000;}
#header #gnb>ul>li>ul>li.active>a span.icon i.on{display:none;}
#header #gnb>ul>li>ul>li.active>a span.icon{margin-top:-10px;}
#header #gnb>ul>li>ul>li.active>a span.icon i.off{display:block;color:#000;}
#header #gnb>ul>li>ul>li>ul{display:none;}
#header #gnb>ul>li>ul>li>ul li a{padding:12px 0;display:block;border-bottom:1px solid #a1a8ae;font-size:1em;background-color:#8e8e8e;color:#fff;transition:all 0.25s ease-out;}
#header #gnb>ul>li>ul>li>ul li a:hover{background-color:#3d3f44;}
#header .mg_control{display:none;}

#header.changed{height:86px;height:86px;background:rgba(0,0,0,0.5);border-bottom:none;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#header.changed h1{width:230px;height:auto;top:25px;}
#header.changed h1 img.white{width:230px;display:inline-block !important;}
#header.changed h1 img.color{display:none !important;}

#header.changed #gnb>ul>li>a{line-height:86px;color:#fff;}
#header.changed #gnb>ul>li:hover>a{color:#00adf7;}
#header.changed #gnb>ul>li>ul{top:86px;}
#header.changed #allmenu .open{top:26px;}

@media screen and (max-width:2140px) {
#header #gnb{right:8%;}
}

@media screen and (max-width:2000px) {
#header #gnb{right:10%;}
#header #gnb>ul>li>a{padding:0 33px;}
#header #gnb>ul>li:nth-child(4)>a{padding:0 40px;}
#header #gnb>ul>li>ul>li>a{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;padding:14px 8px;}
}

@media screen and (max-width:1760px) {
#header #gnb{right:18%;}
#header #gnb>ul>li>a{padding:0 30px;font-size:18px;letter-spacing:-0.04em;}
#header #gnb>ul>li>ul>li>a{font-size:14px;letter-spacing:-0.04em;}
}

@media screen and (max-width:1580px) {
#header h1{width:240px !important;height:auto;left:0;top:25px;}

#header #gnb>ul>li>a{padding:0 20px;}
#header #gnb>ul>li:nth-child(4)>a{padding:0 40px;}
}

@media screen and (max-width:1400px) {
#header #gnb{right:15%;}
#header #gnb>ul>li>a{padding:0 15px;}
}

@media screen and (max-width:1280px) {
#header h1{width:220px;top:25px;}
#header.changed h1{width:220px;top:15px;}
#header.changed h1 img.white{width:220px;}
	
#header #gnb{right:17%;}
#header #gnb>ul>li>a{font-size:16px;}
#header #gnb>ul>li>ul>li>a span.icon{margin-top:-8px;display:block;position:absolute;top:50%;right:10px;}
#header h1 img{width: 100%;margin-top:6px;}
}

@media screen and (max-width:1200px) {
#header h1{width:200px;top:30px;}
#header.changed h1{width:200px;top:20px;}
#header.changed h1 img.white{width:200px;}
	
#header #gnb{right:16%;}
#header #gnb>ul>li>a{padding:0 10px;}
}

@media screen and (max-width:1100px) {
#header{height:90px;line-height:90px;}
#header h1{width:220px !important;top:20px;}
#header img.white{width:220px !important;}

#header #gnb{width:240px;height:100%;position:fixed;top:0;left:auto;right:-240px;background-color:#2f3749;z-index:999999;}
#header #gnb>ul{position:relative;}
#header #gnb>ul>li{float:none;}
#header #gnb>ul>li.mobile_title{width:100%;height:90px;line-height:90px;text-indent:20px;color:#fff;font-size:18px;font-weight:normal;background-color:#111;display:block;}
#header #gnb>ul>li>a{height:54px;padding:0 20px;line-height:54px;color:#bbb !important;font-size:16px;font-weight:normal;border-bottom:1px solid #4e586f;}
#header #gnb>ul>li:hover>a:after{width:0;}
#header #gnb>ul>li:nth-child(4)>a{padding:0 20px;}
#header #gnb>ul>li>a.pc{display:none;}
#header #gnb>ul>li>a.mobile{display:block;}
#header #gnb>ul>li:hover>a{color:#fff !important;}

#header #gnb>ul>li ul{position:relative;top:auto !important;}
#header #gnb>ul>li ul li a{padding-left:22px;color:#ccc;font-size:15px;line-height:18px;text-align:left;letter-spacing:-0.04em;font-weight:normal;}

#header .mg_control{display:block;text-align:center;position:absolute;top:0;right:0;font-size:0;letter-spacing:0;word-spacing:0;cursor:pointer;}
#header .mg_control i.material-icons{font-size:52px;color:rgba(255,255,255,0.7);vertical-align:middle;}
#header .mg_control #mg_close{display:none;}

#header.changed{height:66px;line-height:66px;}
#header.changed h1{width:170px;top: 0;}
#header.changed h1 img{margin-top:0;}
#header.changed h1 img.white{display:inline-block !important;}
#header.changed h1 img.color{display:none !important;}
#header.changed .mg_control{top:0;}
#header.changed .mg_control i.material-icons{color:#fff;}
#header.changed #gnb>ul>li.mobile_title{height:66px;line-height:66px;}
#header.changed #gnb>ul>li>a{line-height:54px;}
}

@media screen and (max-width:767px) {
#header{height:76px;line-height:76px;}
	
#header h1{width:180px !important;;top:15px;}
#header img.white{width:180px !important;}
	
#header #gnb>ul>li.mobile_title{height:76px;line-height:76px;font-size:16px;}
#header #gnb>ul>li>a{font-size:16px;}
#header #gnb>ul>li ul li a{font-size:14px;}
#header .mg_control i.material-icons{font-size:44px;margin-top: 5px;}

#header.changed{height:60px;line-height:60px;}
#header.changed h1{width:180px;top: 0;}
}

@media screen and (max-width:540px) {
#header h1{width:160px;}
#header h1 img{margin-top:7px;}
	
#header.changed h1{width:160px;top: 0;}
}

@media screen and (max-width:460px) {
#header h1{width:140px;}
#header h1 img{width:140px;margin-top:7px;}
	
#header.changed h1{width:140px;top: 0;}
}

@media screen and (max-width:360px) {
#header h1{width:160px;}
#header h1 img{margin-top:8px;}
}



/************************************************************************
* language *
************************************************************************/

#gnb_lang_area{width:100px;display:block;position:absolute;top:35px;right:250px;vertical-align:middle;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.gnb_lang{height:36px;display:block;overflow:hidden;transition:all 0.4s;-webkit-transition:all 0.4s;border:solid 1px rgba(255,255,255,0.5);}
.gnb_lang.on{height:110px;background:rgba(0,0,0,0.7);transition:all 0.4s;-webkit-transition:all 0.4s;}
.gnb_lang>a{height:35px;padding-left:20px;display:none;color:#fff;text-decoration:none;line-height:36px;font-size:14px;font-weight:bold;text-align:left;transition:color 0.4s;-webkit-transition:color 0.4s;}
.gnb_lang>a:hover{background:rgba(0,0,0,0.9);}
.gnb_lang>a:first-child{display:block;}
.gnb_lang>a:first-child>svg{width:9px;height:5px;position:relative;top:-2px;right:-16px;transition:all 0.4s;-webkit-transition:all 0.4s;}
.gnb_lang>a:first-child>svg *{fill:rgba(0,0,0,0.5);transition:all 0.4s;-webkit-transition:all 0.4s;}
.gnb_lang.on>a:first-child>svg{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);transition:all 0.4s;-webkit-transition:all 0.4s;}
.gnb_lang>a:first-child>svg *,#gnb.noTop>.inner_wrap>.gnb_lang>a:first-child>svg *{fill:#fff;transition:all 0.4s;-webkit-transition:all 0.4s;}

#header.changed #gnb_lang_area{top:25px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}


@media screen and (max-width:1920px) {
#gnb_lang_area{right:150px;}
}

@media screen and (max-width:1760px) {
#gnb_lang_area{right:180px;}
}
@media screen and (max-width:1640px) {
#gnb_lang_area{right:170px;}
}
@media screen and (max-width:1540px) {
#gnb_lang_area{right:160px;}
}
@media all and (max-width:1167px){
#gnb_lang_area{right:120px;}
}
@media screen and (max-width:1100px) {
#gnb_lang_area{top:27px;}
.gnb_lang{height:36px;}
.gnb_lang.on{height:72px;}
.gnb_lang>a{height:36px;line-height:36px;font-size:12px;}
}
@media screen and (max-width:767px) {
#gnb_lang_area{width:90px;top:23px;right:100px;}
.gnb_lang{height:32px;}
.gnb_lang.on{height:64px;}
.gnb_lang>a{height:32px;line-height:32px;font-size:12px;}
}
@media screen and (max-width:640px) {
#gnb_lang_area{width:80px;right:85px;top:22px;}
.gnb_lang>a{padding-left:15px;}
.gnb_lang>a:first-child>svg{right:0;}
}
@media all and (max-width:480px){
#gnb_lang_area{width:65px;right:65px;}
.gnb_lang>a{font-size:10px;}

}


/************************************************************************
* ALL MENU *
************************************************************************/
#allmenu{width:0;position:absolute;right:0;top:0;transition:width .5s ease .2s;z-index:99999999 !important;}
#allmenu .allmenu-bg{width:0;height:100%;position:absolute;right:0;top:0;background-color:rgba(0,0,0,0.9);content:'';opacity:0;transition:opacity .5s ease .2s;}

/* allmenu open btn */
#allmenu .open{width:64px;height:33px;position:absolute;top:43px;right:120px;transition:right .2s ease;}
#allmenu .open span{width:60px;height:22px;position:absolute;border-top:2px solid #fff;border-bottom:2px solid #fff;transition:height .2s ease .1s, top .2s ease .1s;}
#allmenu .open span:before{width:80%;height:2px;margin-top:0px;position:absolute;right:0;top:42%;background-color:#fff;content:'';transition:width .2s ease;}
#allmenu .open:hover span:before,#allmenu .open:focus span:before,#allmenu .open:active span:before{width:100%;}

body.page-sub #allmenu .open span{border-top:4px solid #3b3b3b;border-bottom:4px solid #3b3b3b;}
body.page-sub #allmenu .open span:before{background-color:#3b3b3b;}

/* allmenu menu */
#allmenu .menu{width:100%;padding-top:70px;overflow:hidden;visibility:hidden;position:relative;top:90px;right:-9999%;z-index:1;}
#allmenu .menu>ul{width:100%;max-width:2400px;margin:0 auto;clear:both;overflow:hidden;}
#allmenu .menu>ul>li{width:calc(100%/6.005);text-align:center;float:left;}
#allmenu .menu .depth-01>li>a{font-size:24px;line-height:100px;font-weight:normal;color:#fff;letter-spacing:-0.04em;display:block;}

/* menu-list */
.menu-list{width:96%;margin:0 auto;text-align:left;}
.menu-list li{margin:0 !important;position:relative;}
.menu-list li:before{margin-top:-15px;position:absolute;right:15px;top:50%;z-index:1;font-size:17px;color:#d4d0cb;letter-spacing:-0.5px;}
.menu-list a{padding:18px 0;display:block;border-bottom:1px solid rgba(255,255,255,0.1);font-size:17px;color:#fff;line-height:140%;letter-spacing:-0.5px;}
.menu-list a:before{width:0;height:100%;position:absolute;left:0;top:0;background-color:#00a4ea;content:'';transition:width .2s ease;}
.menu-list span{position:relative;z-index:1;padding-left:54px;}
.menu-list span:before{width:6px;height:6px;margin-top:-3px;position:absolute;left:20px;top:50%;border-radius:9999px;border:1px solid rgba(255,255,255,0.3);content:'';transition:background .2s ease;}
.menu-list a:hover,.menu-list a:focus, .menu-list a:active{font-weight:normal;}
.menu-list a:hover:before, .menu-list a:focus:before, .menu-list a:active:before{width:100%;}
.menu-list a:hover span:before, .menu-list a:focus span:before, .menu-list a:active span:before{background-color:#fff;}
.ss_list{padding-left:24px;}

/* allmenu close */
#allmenu .close{width:40px;height:40px;position:absolute;right:1%;top:0;border:1px solid #d4d0cc;text-indent:-9999px}
#allmenu .close:before{width:1px;height:20px;margin-top:-10px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(45deg);transition:transform .2s ease;}
#allmenu .close span:before{width:1px;height:20px;margin-top:-10px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(-45deg);transition:transform .2s ease;}
#allmenu .close:hover:before, #allmenu .close:focus:before, #allmenu .close:active:before{transform:rotate(225deg);}
#allmenu .close:hover span:before, #allmenu .close:focus span:before, #allmenu .close:active span:before{transform:rotate(135deg);}

/* allmenu active */
#allmenu.active{width:100%;height:100%;position:fixed;}
#allmenu.active .allmenu-bg{width:100%;opacity:1;}
#allmenu.active .open{top:-110px;}
#allmenu.active .menu{visibility:visible;right:0;}


@media screen and (max-width:1920px) {
#allmenu .open{right:40px;}
}

@media screen and (max-width:1280px) {
#allmenu .open{right:30px;}
#allmenu .open span{width:35px;height:22px;}
	
.menu-list li:before{font-size:16px;letter-spacing:-0.6px;}
.menu-list a{font-size:16px;letter-spacing:-0.6px;}
}

@media screen and (max-width:1150px) {
.menu-list li:before{letter-spacing:-0.8px;}
.menu-list a{letter-spacing:-0.8px;}
.menu-list span{padding-left:15px;}
.menu-list span:before{width:4px;height:4px;margin-top:-3px;position:absolute;left:4px;}
}

@media screen and (max-width:1100px){
#allmenu{display:none !important;}
}






/************************************************************************
* main_visual *
************************************************************************/
.main_visual{height:1104px;position:relative;}
.main_visual .slick-initialized .slick-slide{height:1104px;background-position:center center;background-size:cover;}
.main_visual .slick-initialized .slick-slide>a{height:100%;display:block;cursor:default;}
.main_visual .slick-initialized .slick-slide>a>div{width:100%;max-width:1500px;height:100%;margin:0 auto;display:table;}
.main_visual .slick-initialized .slick-slide>a>div p{display:table-cell;vertical-align:middle;text-align:center;}

.main_visual .slick-initialized .slick-slide>a>div p button{padding:10px 5px; /*border:1px solid #999;*/ background:none; position:relative; transition:all ease 0.3s;margin:0 auto;}

.main_visual .slick-initialized .slick-slide>a>div p button:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
/*.main_visual .slick-initialized .slick-slide>a>div p button:before{position:absolute; top:50%; right:30px; width:15px; height:2px; background:#666; content:'';}
.main_visual .slick-initialized .slick-slide>a>div p button:nth-child(2):hover{color: #2fb14a;}*/

.main_visual .slick-initialized .slick-slide>a>div p button img{width:90%;margin-top:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.main_visual .slick-initialized .slick-slide>a>div p button img.sns1{display:inline-block;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;display:inline-block;}
.main_visual .slick-initialized .slick-slide>a>div p button:hover img.sns1{display: none;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.main_visual .slick-initialized .slick-slide>a>div p button img.sns1_ov{display: none;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.main_visual .slick-initialized .slick-slide>a>div p button:hover img.sns1_ov{display: inline-block;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;display:inline-block;}


.main_visual .tit,.main_visual .auth,.main_visual .but{display:block;}
.main_visual .tit{font-size:70px;font-weight:700;color:#fff;font-family: 'Gmarket Sans';line-height: 120%;}
.main_visual .tit font b{font-weight: 800 !important;line-height: 120%;font-family: 'Gmarket Sans';}
.main_visual .auth{font-size:27px;font-weight:400;color:rgba(255,255,255,0.8);}
.slick-active .tit,.slick-active .auth,.slick-active .auth2,.slick-active .but{-webkit-animation:move 1.6s ease;-moz-animation:move 1.6s ease;-o-animation:move 1.6s ease;-ms-animation:move 1.6s ease;animation:move 1.6s ease;}


@-webkit-keyframes move {
	0% {transform:translateX(120px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateX(120px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateX(120px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateX(120px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}
@keyframes move {
	0% {transform:translateX(120px);opacity:0;}
	100% {transform:translateX(0);opacity:1;}
}

.main_visual .slick-prev{width:26px;height:46px;background-image:url(/new/img/btn_prev.png);background-repeat:no-repeat;left:2%;z-index:99;opacity:0.4;}
.main_visual .slick-next{width:26px;height:46px;background-image:url(/new/img/btn_next.png);background-repeat:no-repeat;right:2%;z-index:99;opacity:0.6;}
.main_visual .slick-prev:before,.main_visual .slick-next:before{content:"";}
.main_visual .slick-prev:hover,.main_visual .slick-next:hover{opacity:1;}

.main_visual .controls{width:100%;text-align:left;position:absolute;left:3%;bottom:50%;z-index:99;}
.main_visual .controls .dots{display:inline-block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.main_visual ul.slick-dots{bottom:0;position:static;}
.main_visual ul.slick-dots li{width:auto;margin:0 4px;display:inline-block;}
.main_visual ul.slick-dots li button{width:50px;height:2px;background: rgba(255,255,255,0.3);cursor:pointer;display:block;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.main_visual ul.slick-dots li.slick-active button,.main_visual ul.slick-dots li:hover button{height:4px;background:#fff;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.main_visual  button.control{width:11px;height:14px;margin-top:-7px;cursor:pointer;text-indent:-20000px;border:none;vertical-align:top;display:none !important;}
.main_visual  button.control.play{background:url(/img/btn_play.png) no-repeat;}
.main_visual  button.control.pause{background:url(/img/btn_stop.png) no-repeat;}

.main_visual .view{position:absolute;left:0;right:0;bottom:8%;text-align:center;transform:translateY(0);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.main_visual .view:hover{transform:translateY(10px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.main_visual .view span{cursor:pointer;font-size:14px;display:inline-block;font-weight:normal;color:#fff;}
.main_visual .view img{width:auto;margin-bottom:10px;display:inline;}


@media all and (max-width:1500px){
.main_visual{height:900px;}
.main_visual .slick-initialized .slick-slide{height:900px;}

.main_visual .tit font{font-size:60px;}

.main_visual .slick-prev,.main_visual .slick-next{display:none !important;}
	
.main_visual .controls{left:0;}	
}
@media all and (max-width:1280px){
.main_visual{height:840px;}
.main_visual .slick-initialized .slick-slide{height:840px;}


.main_visual .tit font{font-size:54px;}
.main_visual .auth{font-size:25px;}
}

@media all and (max-width:1100px){
.main_visual{height:780px;}
.main_visual .slick-initialized .slick-slide{height:780px;}

.main_visual .tit {font-size:53px;}
.main_visual .tit font{font-size:50px;}
.main_visual .auth{font-size:25px;}
	
.main_visual .controls{left:-30px;}	
}


@media all and (max-width:767px){
.main_visual{height:690px;}
.main_visual .slick-initialized .slick-slide{height:690px;}

.main_visual .tit {font-size:48px;}
.main_visual .tit font{font-size:43px;}
.main_visual .auth{font-size:20px;}
	
.main_visual .slick-initialized .slick-slide>a>div p button img{width:80%;}	
.main_visual .controls{left:-90px;border:solid 1px #ffcc00;}	
.main_visual ul.slick-dots li button{width:30px;height:4px;opacity:.8;}
}

@media all and (max-width:640px){
.main_visual{height:620px;}
.main_visual .slick-initialized .slick-slide{height:620px;}

.main_visual .tit {font-size:42px;}
.main_visual .tit font{font-size:38px;}
.main_visual .auth{font-size:18px;}
	
.main_visual .slick-initialized .slick-slide>a>div p button img{width:70%;}   
}
@media all and (max-width:560px){
.main_visual{height:580px;}
.main_visual .slick-initialized .slick-slide{height:580px;}

.main_visual .tit {font-size:34px;}
.main_visual .tit font{font-size:30px;}
.main_visual .auth{font-size:15px;}
	
.main_visual .slick-initialized .slick-slide>a>div p button img{width:65%;}
	
.main_visual .controls{left:-30px;bottom:15%;}	
.main_visual ul.slick-dots li button{width:15px;opacity:1;background: #10a7ef;}
.main_visual ul.slick-dots li{margin:0 3px;}   
}

@media all and (max-width:450px){
.main_visual .auth2{left:5%;}  
.main_visual .slick-initialized .slick-slide>a>div p button{padding:5px 0;}
.main_visual .slick-initialized .slick-slide>a>div p button img{width:65%;}  
}
@media all and (max-width:420px){
.main_visual{height:500px;}
.main_visual .slick-initialized .slick-slide{height:500px;}
	
.main_visual .tit {font-size:30px;}
.main_visual .tit font{font-size:26px;}
.main_visual .auth{font-size:12px;}
	
.main_visual .slick-initialized .slick-slide>a>div p button img{width:95%;}
	
.main_visual .controls{left:-15px;bottom:10%;}		
.main_visual ul.slick-dots li button{width:15px;}
}

@media all and (max-width:380px){
.main_visual{height:430px;}
.main_visual .slick-initialized .slick-slide{height:430px;}

.main_visual .tit {font-size:25px;}
.main_visual .tit font{font-size:20px;}
.main_visual .auth{font-size:12px;}
	 
.main_visual .slick-initialized .slick-slide>a>div p button{padding:5px 0;}
	
.main_visual .controls{left:-10px;bottom:10%;}	
.main_visual ul.slick-dots li button{width:12px}	
}

@media all and (max-width:320px){
.main_visual{height:380px;}
.main_visual .slick-initialized .slick-slide{height:380px;}
.main_visual .auth{font-size:11px;}
}


.slick-list,.slick-slider,.slick-track{position:relative;display:block;}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden;}
.slick-slider{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;}
.slick-list{overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:0;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{top:0;left:0;}
.slick-track:after,.slick-track:before{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{height:100%;min-height:1px;display:none;float:left;}
[dir=rtl] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-vertical .slick-slide{height:auto;border:1px solid transparent;display:block;}
.slick-arrow.slick-hidden{display:none;}

.slick-prev,.slick-next{width:26px;height:46px;padding:0;font-size:0;line-height:0;position:absolute;top:50%;display:block;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25;}
.slick-prev:before,.slick-next:before{font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

@media all and (max-width:767px){
.slick-prev,.slick-next{top:auto;bottom:4%;}
}




/************************************************************************
* sub_visual *
************************************************************************/

#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:570px; box-sizing:border-box;z-index: 0 ;}
	#visual .subtop{position:absolute; width:100%; height:570px; background-repeat:no-repeat; background-size:cover;z-index:-1; justify-content: center;animation:animate_background 2s ease-in-out;}
	#visual .subtop_svis1{background-image:url('/new/img/svis1.jpg');}
	#visual .subtop_svis2{background-image:url('/new/img/svis2.jpg');}
	#visual .subtop_svis3{background-image:url('/new/img/svis3.jpg');}
	#visual .subtop_svis4{background-image:url('/new/img/svis4.jpg');}
	#visual .subtop_svis5{background-image:url('/new/img/svis5.jpg');}

	#visual.subtop_none{background-color:#f0f0f0; height:600px}

	@keyframes animate_background {
	0% {transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
	100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}


#visual h2{color:#fff; font-size:55px;  line-height:100%; padding:0 3%;font-family: 'Gmarket Sans' !important;} 
#visual .subtop h2 {color:#fff; font-weight:300; letter-spacing:0.5pt; line-height:120%;font-weight:600;top:37%;position: relative;}
#visual .subtop font.txt.type18 {color:#fff; font-weight:300;margin-top: 215px; }
#visual .subtop .svis_ttl {width:16%;position: relative;bottom: -130px;opacity: 0.7;}


@media all and (max-width:1280px){
#visual{height:500px;}
#visual .subtop{height:500px;}
#visual .subtop h2 {font-size: 50px;}
#visual .subtop font.txt.type18 {margin-top: 190px;}
}

@media all and (max-width:960px){
#visual{height:470px;}
#visual .subtop{height:470px;}
#visual .subtop h2 {font-size: 48px;}
#visual .subtop font.txt.type18 {margin-top: 175px;}
}

@media all and (max-width:767px){
#visual{height:400px;}
#visual .subtop{height:400px;}
#visual .subtop h2 {font-size: 40px;}
#visual .subtop font.txt.type18 {margin-top: 155px;}
}

@media all and (max-width:540px){
#visual{height:350px;}
#visual .subtop{height:350px;}
#visual .subtop h2 {font-size: 33px;letter-spacing: 0;}
#visual .subtop font.txt.type18 {margin-top: 140px;}
}

@media all and (max-width:420px){
#visual{height:300px;}
#visual .subtop{height:300px;}
#visual .subtop h2 {font-size: 28px;}
#visual .subtop font.txt.type18 {font-size: 12px; margin-top: 115px;}
}

@media all and (max-width:360px){
#visual{height:250px;}
#visual .subtop{height:250px;}
#visual .subtop h2 {font-size: 27px;}
#visual .subtop font.txt.type18 {font-size: 11px; margin-top: 95px;}
}







/************************************************************************
* sub_gnb *
************************************************************************/
.sTop{width:100%;margin:0.2% 0;border-bottom:solid 1px #d9dada;}

.topGnb{width:100%;text-align:center;overflow:hidden;position:relative;}
.topGnb ul{width:100%;margin: 0 auto;font-size:0;overflow-y:hidden;overflow-x:auto;position:relative;vertical-align:top;white-space:nowrap;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;flex-wrap:wrap;}
.topGnb ul::-webkit-scrollbar{display:none;}
.topGnb ul::-o-scrollbar{display:none;}
.topGnb ul::-ms-scrollbar{display:none;}
.topGnb ul li{width:calc(100%/6.05);}
.topGnb ul li a{width:100%;text-align:center;font-size:20px;line-height:56px;color:#333;font-weight:300;display:block;position:relative;}
.topGnb ul li a:after{width:0;height:4px;background:#000;content:'';position:absolute;left:50%;bottom:0 !important;opacity:1;border-radius: 30px; display:block;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.topGnb ul li.active a{font-weight:400;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.topGnb ul li:hover a:after,.topGnb ul li.active a:after{width:100%;margin-left:-50%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

@media screen and (max-width:1280px){
.topGnb ul{width:90%;}
.topGnb ul li a{font-size:18px;}
}

@media all and (max-width:960px){
.topGnb ul{width:100%;}
.topGnb ul li{width:calc(100%/3.05);border-right:solid 1px #d9dada;border-bottom:solid 1px #d9dada;}
.topGnb ul li:nth-child(3), .topGnb ul li:last-child{;border-right:solid 0px #d9dada;}
.topGnb ul li:nth-child(4), .topGnb ul li:nth-child(5), .topGnb ul li:last-child{;border-bottom:solid 0px #d9dada;}
.topGnb ul li a{font-size:16px;line-height:52px;}
}

@media screen and (max-width:767px){
.topGnb ul li a{font-size:14px;line-height:46px;}

}

@media screen and (max-width:420px){
.topGnb ul li{width:calc(100%/2.05);}
.topGnb ul li:nth-child(2), .topGnb ul li:nth-child(4), .topGnb ul li:last-child{border-right:solid 0px #d9dada;}
.topGnb ul li:nth-child(3){border-right:solid 1px #d9dada;}
.topGnb ul li:nth-child(4){border-bottom:solid 1px #d9dada;}
}






/************************************************************************
* 게시판 *
************************************************************************/
/*.GalleryLayout .photoList ul li a .inbox .txtArea .tt {display: flex;align-items: center;justify-content: center; height: 70px !important;}*/


/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;padding:60px 0 !important;background: #303030;}

footer *{color:#fff;font-size: 15px; font-weight: 300;letter-spacing:0em;}
footer .logo{width:10%;}
footer .logo img{width: 100%;}

footer .btm_menu{}
footer .btm_menu li{padding:0 24px;color:#7a7a7a;font-size:14px;font-weight:300;position:relative;}
footer .btm_menu li:after{width:1px;height:14px;margin-top:-7px;background:#515151;position:absolute;right:0;top:50%;display:block;content:"";}
footer .btm_menu li:first-child{padding-left:0;}
footer .btm_menu li:last-child:after{display: none;}
footer .btm_menu li a{color:#7a7a7a;}
footer .btm_menu li a:hover{color:#fff;}

footer .copy{color:#fff;font-size: 14px; font-weight: 300;letter-spacing:0em;opacity: .8;line-height: 180%;}
footer .copy b{color:#ffcc00;margin-top: 10px !important;}
footer .copy2{width: 100%; color:#fff;font-size: 14px; font-weight: 300;letter-spacing:0em !important;opacity: .5;line-height: 180%;}
footer .copy2 a{cursor:text !important;}

footer br.PPH{display:none;}
footer br.PPH2{display:none;}
footer br.PPH3{display:none;}

@media all and (max-width:870px){
footer *{font-size: 13px;letter-spacing: -0.02em;}
footer .logo{width:15%;}
}

@media all and (max-width:767px){
footer{padding:100px 0;height:auto;}
footer .copy{font-size: 13px;letter-spacing: -0.02em;line-height: 130%;}
footer b{margin-top: 50px !important;padding-top: 50px !important;}
footer .copy2{font-size: 13px;letter-spacing: -0.02em;}
footer br.PPH{display:block;}
footer br.PPH2{display:block;}
footer br.PPH3{display:block;}
}

@media all and (max-width:640px){
footer *{font-size: 13px;}
footer .btm_menu li{padding:0 15px;}
}

@media all and (max-width:520px){
footer *{font-size: 12px;}
footer .logo{width:20%;}
footer .btm_menu li{padding:0 10px;}
}

@media all and (max-width:420px){
footer .btm_menu li{width: calc(80%/2);padding: 5px;}
footer .btm_menu li:first-child{padding-left:5px;}
footer .btm_menu li:after{right:15%;}
footer .btm_menu li:last-child:after{display: block;}
}

@media all and (max-width:360px){
footer *{font-size: 12px;}
footer .btm_menu li{width: calc(100%/2);}
}




/************************************************************************
* ETC *
************************************************************************/
#back2top{height:35px;position:fixed;bottom:80px;right:10%;display:none;z-index:3000;}
#back2top>img{cursor:pointer;}

@media all and (max-width:2000px){
#back2top{right:2%;}
}
@media all and (max-width:767px){
#back2top{bottom:10px;right:1%;}
#back2top>img{width:36px;height:auto;}
}