@charset "euc-kr";

/************************************************************************
* FONT *
************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200,300;400;700&display=swap');

@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: local('NanumMyeongjo'), url(http://fonts.gstatic.com/s/nanummyeongjo/v7/9Btx3DZF0dXLMZlywRbVRNhxy2LscnM.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: local('NanumMyeongjo Bold'), local('NanumMyeongjoBold'), url(http://fonts.gstatic.com/s/nanummyeongjo/v7/9Bty3DZF0dXLMZlywRbVRNhxy2pXV2Azr_c.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 800;
  src: local('NanumMyeongjo ExtraBold'), local('NanumMyeongjoExtraBold'), url(http://fonts.gstatic.com/s/nanummyeongjo/v7/9Bty3DZF0dXLMZlywRbVRNhxy2pLVGAzr_c.woff) format('woff');
}


@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500;  
	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: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('NanumGothic'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_3Rfi-oW3hYwmKDpxS7F_D-djY.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LQv3LyVsg.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LXv7LyVsg.woff) format('woff');
}




*{font-family:Noto Sans KR,Nanum Gothic,나눔고딕,sans-serif;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}



@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/************************************************************************
* 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-all;
}
body{font-size:13px;font-weight:normal;color:#434343;position:relative;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
ol,ul,li{list-style:none;}
table{max-width:100%;border-collapse:collapse;border-spacing:0;}
form,fieldset,iframe{display:block;border:0;}
img,button{border:0 none;vertical-align:middle;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
caption,legend{display:none;} 
input,textarea,select{margin:0;padding:0;vertical-align:middle;outline:none;}
textarea{border:1px solid #666;resize:none;}
button{overflow:visible;margin:0;padding:0;border:0 none;background:none;font-size:0;vertical-align:top;cursor:pointer;display:block;}
button::-moz-focus-inner{border:0;padding:0;}
a,img{outline:none;temp:expression(this.hideFocus=true);}
b{font-weight:700 !important;}
font,span{display:block;}

hr{height:1px;margin:120px 0;border:none;color:#e6e6e6;background:#ddd;}
@media screen and (max-width:960px) {
hr{margin:60px 0;}
}

 
a{color:#000;text-decoration:none;word-break:break-all;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}

*::-moz-selection{background-color:#000000;color:#ffffff;}
*::selection{background-color:#d0d6dd;color:#000000;}






/************************************************************************
* COMMON *
************************************************************************/
.WRAP{max-width:1500px;margin:0 auto;position:relative;}
.contents.sub .WRAP{max-width:1500px;}

@media all and (max-width:1600px){
.WRAP,.contents.sub .WRAP{width:94%;max-width:100%;}
}


.CLEAR{zoom:1;}
.CLEAR:after{content:"";clear:both;display:block;}
.FL{float:left;}
.FR{float:right;}

@media all and (max-width:1280px){
.CLEAR.mFhide .FL{width:100% !important;float:none;}
.CLEAR.mFhide .FR{width:100% !important;margin-top:40px;float:none;}
}

.LEFT{zoom:1;clear:both;overflow:hidden;}
.LEFT:after{content:"";clear:both;display:block;}
.LEFT>li{float:left;}

.TC{text-align:center !important;}
.TR{text-align:right !important;}
.TL{text-align:left !important;}

.mCenter{margin-left:auto !important;margin-right:auto !important;display:block;}

.TxtUP{text-transform: uppercase;}

.superscript {vertical-align:0.3em;font-size:12px;font-weight: 400 !important;letter-spacing: -0.01em !important;margin-left: 1px;}
.subscript {vertical-align:-0.3em;font-size:12px;font-weight: 400 !important;letter-spacing: -0.01em !important;margin-left: 1px;}




.fcol_white,.fcol_white a{color:#fff !important;}
.fcol_black,.fcol_black a{color:#000 !important;}
.fcol_blue,.fcol_blue a{color:#2960c5 !important;}
.fcol_gray,.fcol_gray a{color:#9f9f9f !important;}
.fcol_red,.fcol_red a{color:#FF0000 !important;}
.fcol_green,.fcol_green a{color:#83d127 !important;}
.fcol_orange,.fcol_orange a{color:#ff5a00 !important;}
.fcol_yellow,.fcol_yellow a{color:#FFCC00 !important;}
.fcol_sky,.fcol_sky a{color:#00a4ea !important;}


.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w17{width:17%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w57{width:57%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w83{width:83%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}

.uli1 li{width:100% !important;}
.uli2 li{width:50% !important;}
.uli3 li{width:33.33% !important;}
.uli4 li{width:25% !important;}
.uli5 li{width:20% !important;}
.uli6 li{width:16.6666% !important;}
.uli7 li{width:14.2857% !important;}
.uli8 li{width:12.5% !important;}
.uli14 li{width:calc(100%/14.01) !important;}

.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt110{margin-top:110px !important;}
.mt120{margin-top:120px !important;}
.mt130{margin-top:130px !important;}
.mt140{margin-top:140px !important;}
.mt150{margin-top:150px !important;}
.mt160{margin-top:160px !important;}

@media screen and (max-width:1280px) {
.mt10{margin-top:8px !important;}
.mt15{margin-top:13px !important;}
.mt20{margin-top:15px !important;}
.mt30{margin-top:20px !important;}
.mt40{margin-top:30px !important;}
.mt50{margin-top:38px !important;}
.mt60{margin-top:44px !important;}
.mt70{margin-top:52px !important;}
.mt80{margin-top:60px !important;}
.mt90{margin-top:70px !important;}
.mt100{margin-top:80px !important;}
.mt110{margin-top:86px !important;}
.mt120{margin-top:90px !important;}
.mt130{margin-top:96px !important;}
.mt140{margin-top:100px !important;}
.mt150{margin-top:106px !important;}
.mt160{margin-top:110px !important;}
}

@media screen and (max-width:640px) {
.mt10{margin-top:5px !important;}
.mt15{margin-top:7.5px !important;}
.mt20{margin-top:10px !important;}
.mt30{margin-top:15px !important;}
.mt40{margin-top:20px !important;}
.mt50{margin-top:25px !important;}
.mt60{margin-top:30px !important;}
.mt70{margin-top:35px !important;}
.mt80{margin-top:40px !important;}
.mt90{margin-top:45px !important;}
.mt100{margin-top:50px !important;}
.mt110{margin-top:55px !important;}
.mt120{margin-top:60px !important;}
.mt130{margin-top:65px !important;}
.mt140{margin-top:70px !important;}
.mt150{margin-top:75px !important;}
.mt160{margin-top:90px !important;}
}

@media screen and (min-width:768px) {
.PH{display:none !important;}
}

@media screen and (max-width:767px) {
.MH{display:none !important;}
}

.disF{display:flex;justify-content:space-between;flex-wrap:wrap;}
.disF.jc{justify-content:center;}
.disF.ac{align-items:center;}

.ff-Gmarket {font-family: 'Gmarket Sans' !important;}

.op70 {opacity: 0.7;}
.op60 {opacity: 0.6;}
.op50 {opacity: 0.5;}
.op40 {opacity: 0.4;}
.op30 {opacity: 0.3;}

.fw200{font-weight:200 !important;}
.fw300{font-weight:300 !important;}
.fw500{font-weight:500 !important;}
.fw700{font-weight:700 !important;}
.fw900{font-weight:900 !important;}

/************************************************************************
* CONTENTS_COMMON *
************************************************************************/


h2{font-size:50px;line-height:140%;font-weight:700;letter-spacing:-0.02em;}
h3{font-size:40px;line-height:140%;font-weight:700;letter-spacing:-0.02em;}
h4{font-size:32px;line-height:140%;font-weight:700;}
h5{font-size:26px;line-height:160%;font-weight:700;}
@media screen and (max-width:1500px){
h2{font-size:44px;}
h3{font-size:36px;}
h4{font-size:30px;}
h5{font-size:24px;}
}
@media screen and (max-width:1280px){
h2{font-size:38px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5{font-size:22px;}
}
@media screen and (max-width:1100px){
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:26px;}
h5{font-size:20px;}
}
@media screen and (max-width:767px){
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:24px;}
h5{font-size:18px;}
}
@media screen and (max-width:640px){
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:22px;}
}
@media screen and (max-width:460px){
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:20px;}
h5{font-size:16px;}
}



.txt{font-weight:300;line-height:160%;color:#717171;}
.txt.type60{font-size:60px;}
.txt.type40{font-size:40px;}
.txt.type35{font-size:35px;}
.txt.type30{font-size:30px;}
.txt.type29{font-size:29px;}
.txt.type28{font-size:28px;}
.txt.type27{font-size:27px;}
.txt.type26{font-size:26px;}
.txt.type25{font-size:25px;}
.txt.type24{font-size:24px;}
.txt.type23{font-size:23px;}
.txt.type22{font-size:22px;}
.txt.type21{font-size:21px;}
.txt.type20{font-size:20px;}
.txt.type19{font-size:19px;}
.txt.type18{font-size:18px;}
.txt.type17{font-size:17px;font-weight:400;}
.txt.type16{font-size:16px;font-weight:400;}
.txt.type15{font-size:15px;font-weight:400;}
.txt.type14{font-size:14px;font-weight:400;}
.txt.type13{font-size:13px;font-weight:400;}
.txt.type12{font-size:12px;font-weight:400;}
.txt.type11{font-size:11px;font-weight:400;}
.txt.type10{font-size:10px;font-weight:400;}

@media screen and (max-width:1500px){
.txt.type60{font-size:57px;}
.txt.type40{font-size:37px;}
.txt.type35{font-size:33px;}
.txt.type30{font-size:28px;}
.txt.type29{font-size:27px;}
.txt.type28{font-size:26px;}
.txt.type27{font-size:25px;}
.txt.type26{font-size:24px;}
.txt.type25{font-size:23px;}
.txt.type24{font-size:22px;}
.txt.type23{font-size:21px;}
.txt.type22{font-size:20px;}
.txt.type21{font-size:19px;}
.txt.type20{font-size:18px;}
.txt.type19{font-size:17px;font-weight:400;}
.txt.type18{font-size:16px;font-weight:400;}
.txt.type17{font-size:15px;}
.txt.type16{font-size:14px;}
.txt.type15{font-size:13px;}
.txt.type14{font-size:12px;}
.txt.type13{font-size:11px;}
.txt.type12{font-size:10px;}
.txt.type11{font-size:9px;}
.txt.type10{font-size:8px;}
}

@media screen and (max-width:1280px){
.txt.type60{font-size:55px;}
.txt.type40{font-size:35px;}
.txt.type35{font-size:31px;}
.txt.type30{font-size:26px;}
.txt.type29{font-size:25px;}
.txt.type28{font-size:24px;}
.txt.type27{font-size:23px;}
.txt.type26{font-size:22px;}
.txt.type25{font-size:21px;}
.txt.type24{font-size:20px;}
.txt.type23{font-size:19px;}
.txt.type22{font-size:18px;}
.txt.type21{font-size:17px;}
.txt.type20{font-size:16px;}
.txt.type19{font-size:15px;}
.txt.type18{font-size:14px;}
.txt.type17{font-size:13px;}
}

@media screen and (max-width:767px){
.txt.type60{font-size:50px;}
.txt.type40{font-size:30px;}
.txt.type35{font-size:29px;}
.txt.type30{font-size:24px;}
.txt.type29{font-size:23px;}
.txt.type28{font-size:22px;}
.txt.type27{font-size:21px;}
.txt.type26{font-size:20px;}
.txt.type25{font-size:19px;}
.txt.type24{font-size:18px;}
.txt.type23{font-size:17px;font-weight:400;}
.txt.type22{font-size:16px;font-weight:400;}
.txt.type21{font-size:15px;font-weight:400;}
.txt.type20{font-size:14px;font-weight:400;}
.txt.type19{font-size:13px;}
}

@media screen and (max-width:640px){
.txt.type60{font-size:45px;}
.txt.type40{font-size:25px;}
.txt.type35{font-size:23px;}
.txt.type30{font-size:22px;}
.txt.type29{font-size:21px;}
.txt.type28{font-size:20px;}
.txt.type27{font-size:19px;}
.txt.type26{font-size:18px;}
.txt.type25{font-size:17px;font-weight:400;}
.txt.type24{font-size:16px;font-weight:400;}
.txt.type23{font-size:15px;}
.txt.type22{font-size:14px;}
.txt.type21{font-size:13px;}
}



.list li{width:100%;/*padding-bottom:12px;*/font-size:17px;line-height:160%;font-weight:400;position:relative;}
.list li:last-child{padding-bottom:0;}


.list.type1 li{padding-left:10px;color:#717171;}
.list.type1 li:after{width:2px;height:2px;display:block;content:"";position:absolute;top:12px;left:0;background:#555;}

.list.type2 li{padding-left:15px;color:#717171;font-weight: 300 !important;padding-top: 3px;padding-bottom: 3px;}
.list.type2 li:after{width:6px;height:1px;display:block;content:"";position:absolute;top:18px;left:0;background:#555;}
.list.type2 li:hover{color: #222;}

.list.type3 li{padding:18px 0;font-size:20px;text-align:left !important;list-style: decimal !important;position: relative;color: #666;}
.list.type3 li:after{display: none;}


@media screen and (max-width:1280px){
.list li{font-size:16px;}
}

@media screen and (max-width:1100px){
.list li{font-size:14px;}

.list.type1 li{padding-left:8px;}
    
.list.type3 li{padding:17px 0;font-size:18px !important;}
}
@media screen and (max-width:767px){
.list.type3 li{padding:14px 0;font-size:17px !important;}
}
@media screen and (max-width:640px){
.list.type1 li{padding-left:6px;}
.list.type1 li:after{top:10px;}
    
.list.type3 li{padding:10px 0;font-size:16px !important;color: #333;}
}
@media screen and (max-width:460px){
.list.type3 li{font-size:15px !important;}
}




.button{padding:14px 24px;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:-0.04em;border-radius:30px;display:block;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;position:relative;}


.button.type1{padding-right:74px;border:solid 1px #fff;}
.button.type1:after{width:8px;height:8px;border:solid #fff;border-width:2px 2px 0 0;position:absolute;top:calc(50% - 4px);right:40px;display:block;content:"";transform:rotate(45deg);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.button.type1:before{width:18px;height:1px;background:#fff;position:absolute;top:50%;right:40px;display:block;content:"";-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.button.type1:hover:after{right:30px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.button.type1:hover:before{width:28px;right:30px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.button.type2{padding-left:44px;padding-right:44px;padding-top:18px;background:#bd6f0a;font-size:24px;}

@media screen and (max-width:1280px){
.button{padding:12px 20px;font-size:15px;}

.button.type1{padding-right:60px;}
}
@media screen and (max-width:920px){
.button{font-size:14px;}
}
@media screen and (max-width:767px){
.button{font-size:13px;}
}


.table{width:100%;border-top:solid 1px #333;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;border-left:solid 1px #e5e5eb;}
.table tr th,.table tr td{padding:12px 0;text-align:center;color:#666;font-size:18px;line-height:160%;font-weight:300;letter-spacing:-0.04em;vertical-align:middle;border-bottom:solid 1px #dedede;border-right:solid 1px #e5e5eb;}
.table tr th:first-child, .table tr td:first-child{border-left:solid 1px rgba(255,255,255,0);}
.table tr td:last-child{border-right:none;}
.table thead th{background:#e5e5eb;color:#333;border-color:#fff;font-size:20px !important;font-weight:500 !important;}
.table tbody th{background:#e5e5eb;border-color:#fff;font-s`1ize:20px !important;font-weight:500 !important;}

.table tbody td{background:#e5e5eb;border-color:#fff;font-size:20px !important;font-weight:500 !important;}


.table.type1 tbody tr td{text-align:center;background: #fff;}
.table.type1 tbody tr td.tdBLN{border-right: none;text-align: left;padding-left:2.5%;line-height: 180% !important;}
.table.type1 tbody tr td{background: #fff;color:#333;font-size:16px !important;font-weight:300 !important;border-bottom:solid 1px #dedede;border-right:solid 1px #e5e5eb;letter-spacing: -0.02em;}
.table.type1 tr td:last-child{border-right:none;}

.table.type2 tbody tr td{background: #fff;color:#333;font-size:16px !important;font-weight:300 !important;border-bottom:solid 1px #dedede;border-right:solid 1px #e5e5eb;letter-spacing: -0.02em;}
.table.type2 tbody tr:last-child td{border-bottom:solid 1px #bbb;}
.table.type2 tbody tr td:first-child{color:#fff;font-size:17px !important;font-weight:400 !important;letter-spacing: 0 !important;background: #5e82c5 !important;}
.table.type2 tbody tr td:last-child{border-right:none;}


.table.type3 thead tr th{font-size: 16px !important;}
.table.type3 tbody tr td{background: #fff;color:#333;font-size:17px !important;font-weight:300 !important;border-bottom:solid 1px #dedede;border-right:solid 1px #e5e5eb;letter-spacing: -0.02em;}
.table.type3 tbody tr td:first-child{color:#fff;font-size:17px !important;font-weight:400 !important;letter-spacing: 0 !important;background: #5e82c5;}
.table.type3 thead tr th.tdBLN, .table.type3 tbody tr td.tdBLN{border-right:none;}


.table.type4 thead tr th{font-size: 17px !important;background:#eee;}
.table.type4 tbody tr th{background:#f5f5f5;border-bottom:solid 1px #dedede;}
.table.type4 tbody tr td{background: #fff;color:#333;font-size:17px !important;font-weight:300 !important;border-bottom:solid 1px #dedede;letter-spacing: -0.02em;text-align: left !important;padding-left:20px;}

.table.type5 thead tr th{font-size: 16px !important;background:#eee;padding:25px 10px;}
.table.type5 tbody tr th{background:#f5f5f5;border-bottom:solid 1px #dedede;padding:25px 10px;}
.table.type5 tbody tr td{background: #fff;color:#333;font-size:16px !important;font-weight:300 !important;border-bottom:solid 1px #dedede;letter-spacing: -0.02em;text-align: left !important;padding:25px 10px;}
.table.type5 tbody tr td:nth-child(3),.table.type5 tbody tr td:nth-child(4){text-align: center!important;}



@media screen and (max-width:1280px){
.table thead th{font-size:16px !important;}
.table thead td{font-size:16px !important;font-weight:300;};}
.table.type2 tbody tr td:first-child{font-size:16px !important;}
.table.type2 tbody tr td{font-size:15px !important;}
.table.type3 tbody tr td:first-child{font-size:16px !important;}

.table.type4 thead tr th{font-size: 15px !important;}
.table.type4 tbody tr th{font-size:15px !important;}
.table.type4 tbody tr td{font-size:15px !important;}
}

@media screen and (max-width:1100px){
.table thead th{font-size:18px !important;font-weight:400 !important;}
.table tr th,.table tr td{padding:12px 0;font-size:15px !important;}
	
.table.type4 tbody tr td{padding-left: 10px !important;}
}

@media screen and (max-width:900px){
.table.type4 thead tr th{font-size: 14px !important;}
.table.type4 tbody tr th{font-size:14px !important;}
.table.type4 tbody tr td{font-size:14px !important;}
.table.type4 tbody tr td{padding-left: 5px !important;}
}

@media screen and (max-width:960px){
.table.type2 tbody tr td:first-child{font-size:15px !important;}
.table.type2 tbody tr td{font-size:14px !important;}
.table.type3 tbody tr td:first-child{font-size:15px !important;}
}

@media screen and (max-width:900px){
.mobileOver{width:100%;overflow-y:auto;}
.mobileOver table.table{width:900px;min-width:900px;}
}

@media screen and (max-width:767px){
.table thead th{font-size:15px !important;}
.table.type2 tbody tr td:first-child{font-size:14px !important;}
.table.type2 tbody tr td{font-size:13px !important;}
	
.table.type3 tbody tr td:first-child{font-size:14px !important;}
.table.type3 tbody tr td{font-size:13px !important;}
	
.table.type4 tbody tr td{padding-left: 20px !important;}
}

@media screen and (max-width:540px){
.table thead th{font-size:14px !important;}
.table.type2 tbody tr td:first-child{font-size:13px !important;}
.table.type2 tbody tr td{font-size:13px !important;}
	
.table.type3 tbody tr td:first-child{font-size:13px !important;}
.table.type3 tbody tr td{font-size:13px !important;}
}

@media screen and (max-width:420px){
.table.type4 thead tr th{font-size: 12px !important;}
.table.type4 tbody tr th{font-size:12px !important;}
.table.type4 tbody tr td{font-size:12px !important;}
.table.type4 tbody tr td{padding-left: 5px !important;}
}




p.line{width:70px;height:4px;margin-left:auto;margin-right:auto;margin-top:40px;background:#000;}




/************************************************************************
* 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:230px;height:47px;font-size:0;position:absolute;left:0;top:25px;}
#header h1 img.white{display:block;}
#header h1 img.color{display:none;}

#header #gnb{position:absolute;top:0;right:10%;}
#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: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:1280px) {
#header #gnb>ul>li>a{padding:0 30px;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 #gnb>ul>li>a{padding:0 25px;}
}

@media screen and (max-width:1100px) {
#header{height:90px;line-height:90px;}
#header h1{width:230px;height:auto;left:0;top:15px;}
#header h1 img{margin-top:16px;}

#header #gnb{width:180px;height:100%;position:fixed;top:0;left:auto;right:-180px;background-color:#444;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:#333;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 #666;}
#header #gnb>ul>li:hover>a:after{width:0;}
#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:150px;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:200px;}
#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;}

#header.changed{height:60px;line-height:60px;}
}

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

@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:110px;}
.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:100px;}
.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) !important;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:-50px;}	
.main_visual ul.slick-dots li button{width:40px;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:25px;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:80%;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;}
}






/************************************************************************
* 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;}
}