@charset "utf-8";

/************************************************************************
* FONT *
************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@font-face {font-family: 'Pretendard'; font-weight: 300;}


@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500;700&;900&display=swap');


@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;
  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:'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:'GmarketSansBold';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansLight';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}


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


br,br *{font-family:'Nanum Gothic' !important;}



.fGSB,.fGSB *{font-family:'GmarketSansBold' !important;}
.fGSM,.fGSM *{font-family:'GmarketSansMedium' !important;}
.fGSL,.fGSL *{font-family:'GmarketSansLight' !important;font-weight:100 !important;}

.f_Ubuntu, .f_Ubuntu *{font-family: 'Ubuntu', sans-serif;}

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

.UPP{text-transform: uppercase !important;}


.stroke{color: transparent;-webkit-text-stroke-color: #000;-webkit-text-stroke-width: thin;}
.stroke2{color: transparent;-webkit-text-stroke-color: #646464;-webkit-text-stroke-width: 1px;}
.stroke3{color: transparent;-webkit-text-stroke-color: #aae3ef;-webkit-text-stroke-width: 1px;}
.stroke4{color: transparent;-webkit-text-stroke-color: #30c0bd;-webkit-text-stroke-width: 0.5px;}



/************************************************************************
* 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-weight:normal;color:#0d0d0d;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:900;}
font,span{display:block;}
img {max-width:100%;}

.hr{border-top:1px solid #ddd;   margin:40px 0; }
hr .M80{height:1px;margin:80px 0;border:none;color:#e6e6e6;background:#ddd;border:solid 1px #ff0000;}


 
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:1600px;margin:0 auto;position:relative;}
@media all and (max-width:1600px){
.WRAP{width:94% !important;max-width:100% !important;}
}
@media all and (max-width:960px) {
.WRAP.sub{width:100% !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;}

.LEFT{clear:both;}
.LEFT>li{float:left;}

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

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

.FBD{font-weight:bold;}

.PL200{padding-left: 100px !important;}
.PL200{padding-left: 200px !important;}


.fcol_white,.fcol_white a{color:#fff !important;}
.fcol_black,.fcol_black a{color:#000 !important;}
.fcol_blue,.fcol_blue a{color:#134aa9 !important;}
.fcol_gray,.fcol_gray a{color:#9f9f9f !important;}
.fcol_red,.fcol_red a{color:#d50113 !important;}
.fcol_yellow,.fcol_yellow a{color:#ffba16 !important;}
.fcol_orange,.fcol_orange a{color:#ff4c27 !important;}
.fcol_green,.fcol_green a{color:#04843f !important;}
.fcol_brown,.fcol_brown a{color:#8e726a !important;}
.fcol_pink,.fcol_pink a{color:#ffafe7 !important;}
.fcol_purple,.fcol_purple a{color:#685b6d !important;}
.fcol_epurple,.fcol_epurple a{color:#7e6f84 !important;}
.fcol_lgreen,.fcol_lgreen a{color:#19a48f !important;}
.fcol_dgreen,.fcol_dgreen a{color:#027c6b !important;}
.fcol_gblue,.fcol_gblue a{color:#1dbacb !important;}


.bgfafafa{background: #fafafa !important;}


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

.uli1 li{width:100%;}
.uli2 li{width:50%;}
.uli3 li{width:33.33%;}
.uli4 li{width:25%;}
.uli5 li{width:20%;}
.uli6 li{width:16.6666%;}
.uli7 li{width:14.2857%;}
.uli8 li{width:12.5%;}

.mt10{margin-top:10px !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;}
.mt140{margin-top:140px !important;}
.mt160{margin-top:160px !important;}

@media screen and (max-width:1280px) {
.mt10{margin-top:8px !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;}
.mt140{margin-top:100px !important;}
.mt160{margin-top:110px !important;}
}

@media screen and (max-width:640px) {
.mt10{margin-top: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;}
.mt140{margin-top:70px !important;}
.mt160{margin-top:90px !important;}
}




h2{font-size:60px;line-height:140%;font-weight:900;letter-spacing:-0.04em;}
h3{font-size:50px;line-height:140%;font-weight:700;letter-spacing:-0.04em;}
h4{font-size:45px;line-height:140%;font-weight:700;}
h5{font-size:40px;line-height:140%;font-weight:900;}
h6,h6>*{font-size:35px;line-height:140%;font-weight:900;}


@media screen and (max-width:1500px){
h2{font-size:56px;}
h3{font-size:40px;}
h4{font-size:41px;}
h5{font-size:36px;}
h6,h6>*{font-size:31px;}
}
@media screen and (max-width:1280px){
h2{font-size:50px;}
h3{font-size:40px;}
h4{font-size:30px;}
h5{font-size:28px;}
h6,h6>*{font-size:28px;}
}
@media screen and (max-width:1100px){
h2{font-size:44px;}
h3{font-size:38px;}
h4{font-size:26px;}
h5{font-size:25px;}
h6,h6>*{font-size:25px;}
}
@media screen and (max-width:767px){
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:22px;}
h5,h5>*{font-size:20px;}
}
@media screen and (max-width:640px){
h2,h2>*{font-size:34px;}
h3,h3>*{font-size:26px;}
h4,h4>*{font-size:20px;}
h5{font-size:18px;}
h6,h6>*{font-size:18px;}
}



.txt{font-weight:300;line-height:160%;word-wrap:break-word;display:block;word-break:keep-all;}
.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.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.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.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.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;}
}





.button{width:220px;padding:12px 15px;font-size:16px;display:block;text-align:left;font-weight:600;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;position:relative;}
.button:hover{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.button.type1{background:#b6bab8;padding-top:20px;color:#fff;text-align:center;border-radius:30px;margin:0 auto;}
.button.type1:hover{background:#1e1e1e;}

.button.type2{width:112px;border:solid 1px #e4e4e4;background: #fff; color:#777;text-align:center;padding:10px 16px;border-radius:30px;font-weight: 300;margin: 0 5px;}
.button.type2:hover{background:#555;color:#fff;}

.button.type3{background:#04843f;padding-top:20px;color:#fff;text-align:center;border-radius:30px;}
.button.type3:hover{background:#ffba16;color:#000;}

@media all and (max-width:1280px){
.button{width:200px;font-weight:500;font-size:15px;}

.button.type1{}
}

@media all and (max-width:767px){
.button{padding:16px 20px;font-size:14px;}
}

@media all and (max-width:520px){
.button{width:180px;padding:16px 16px;}

.button.type1{}
}



.list li{width:100%;padding-bottom:8px;font-size:17px;line-height:150%;font-weight:400;position:relative;}
.list li:last-child{padding-bottom:0 !important;}

.list.type1 li{padding-left:20px;text-align:left !important;}
.list.type1 li:after{width:4px;height:4px;display:block;content:"";position:absolute;top:8px;left:0;background:#685b6d;border-radius:100%;}

.list.type2 li{padding-left:14px;padding-bottom:0;font-size:18px;text-align:left !important;}
.list.type2 li:after{width:4px;height:4px;display:block;content:"";position:absolute;top:8px;left:0;background:#685b6d;border-radius:100%;}

.list.type3 li{padding:4.5px 0;padding-left: 16px; color:#4c4c4c;font-size: 20px; font-weight: 300; letter-spacing: 0;position:relative;}
.list.type3 li:after{width:6px;height:1px;background:#666;position:absolute;top:17px;left:0;display:block;content:"";}

.list.type4 li{padding:12px 0;padding-left: 24px; color:#092885;font-size: 20px; font-weight: 500; letter-spacing: 0;margin: 10px 0; background:#f2f4f7;position:relative;}
.list.type4 li:after{width:4px;height:4px;background:#092885;position:absolute;top:25px;left:12px;display:block;content:"";}
.list.type4 li:last-child{padding-bottom:12px !important;}


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

.list.type1 li:after{top:6px;}
}
@media screen and (max-width:1280px){
.list li{font-size:13px;}

.list.type1 li:after{top:4px;}

.list.type2 li{font-size:14px;}
.list.type2 li:after{top:6px;}
}
@media screen and (max-width:767px){
.list.type1 li{padding-left:16px;}

.list.type2 li{padding-left:16px;font-size:13px;}
}




.table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;border-top:solid 1px #000;}
.table tr th,.table tr td{padding:16px 0 12px 0;color:#292929;line-height:160%;font-size:16px;letter-spacing:-0.04em;vertical-align:middle;}

.table thead th{background:#999;color:#fff;}
.table tbody th{border-bottom:dashed 1px #01b097;}
.table tr th{font-family:'GmarketSansMedium';text-align:center;}
.table tr td{padding-left:2%;padding-right:2%;font-family:'GmarketSansMedium';text-align:left;border-bottom:dashed 1px #ddd;}

.table.type1 *{text-align:center;}
@media screen and (max-width:1280px){
.table tr th,.table tr td{font-size:15px;}
}
@media screen and (max-width:860px){
.motable{width:100%;overflow-x:auto;}
.mothide{display:block;}
.table{min-width:860px;}
}
@media screen and (max-width:767px){
.table tr th,.table tr td{font-size:14px;}
}







/************************************************************************
* HEADER *
************************************************************************/

.header .ttBox{width: 100%;}
.header .ttBox .WRAP{display:flex;justify-content:flex-end;padding-right: 13%;}
.header .ttBox a{padding:6px 14px;font-size:14px;color: #656e79;font-weight: 300;}
.header .ttBox a:hover{color: #000;}
.header .ttBox a:last-child{padding-right:0;}

.header{position:fixed;width:100%;z-index:300;}
.header_Box{ box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;}


.header .logo{width:400px;z-index:100;position:relative;}
.header .logo a{width:100%;display:block;}

.header .gnb{vertical-align:middle;text-align:center;position:relative;}
.header .gnb>ul{}
.header .gnb>ul>li{position:relative;display:inline-block;vertical-align:top;}
.header .gnb>ul>li>a{display:inline-block;vertical-align:top;font-size:19px;line-height:80px;letter-spacing:-0.03em;color:#202020;padding:0 55px;box-sizing:border-box; transition:0.4s;}
.header.hs .gnb>ul>li>a{color:#666;}
.header .gnb>ul>li>ul{display:none;position:absolute;top:80px;left:0;text-align:center;background:#fff;width:100%;padding:20px 0;box-shadow:2px 2px 20px rgba(0,0,0,0.1);border-radius: 10px;}
.header .gnb>ul>li>ul>li{}
.header .gnb>ul>li>ul>li>a{display:inline-block;vertical-align:top;width:100%;font-size:16px;letter-spacing:-0.03em;color:#666;padding:12px 0;}
.header .gnb>ul>li>ul>li:hover>a{color:#01b097;}

.header .m_btn{position:relative;cursor:pointer;z-index:100;}
.header .m_btn .icon{width:30px;height:18px;margin:38px 0;display:inline-block;vertical-align:top;position:relative;}

/*
.header .m_btn .icon .change_txt{width: 23px;height: 17px; position: absolute;left:-30px;}
.header .m_btn .icon .change_txt img{width: 100%;display: block;}
*/

.header .m_btn .icon::before{width:100%;height:2px;content:"";position:absolute;top:0;left:0;background:#222;transition:0.3s;}
.header .m_btn .icon::after{width:100%;height:2px;content:"";position:absolute;bottom:0;left:0;background:#222;transition:0.3s;}
.header .m_btn .icon span{width:100%;height:2px;display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%);background:#222;z-index:1;transition:0.3s;}
.header.all .m_btn.on .icon::before{background:#01b097;width:30px;height:4px;transform:translateY(5px) rotate(-45deg);margin-left: -5px;}
.header.all .m_btn.on .icon::after{background:#01b097;width:30px;height:4px;transform:translateY(0px) rotate(45deg);margin-left: -5px;}
.header.all .m_btn.on .icon span{width:0;}
.header.hs .m_btn .icon::before{background:#000;}
.header.hs .m_btn .icon::after{background:#000;}
.header.hs .m_btn .icon span{background:#000;}
.header .m_btn .icon p{font-size:0;}
.header .m_btn .icon p.menu{width: 23px;height: 17px; position: absolute;top:0; left:-30px;display: block;transition:all 0.2s ease;}
.header .m_btn.on .icon p.menu{top:0;left:-50px;width:0;height: 0;transition:all 0.2s ease;}
.header .m_btn:hover .icon::before,.header .m_btn.on .icon::before{top:30%;transition:0.3s;transition-delay:0.2s;}
.header .m_btn:hover .icon::after,.header .m_btn.on .icon::after{bottom:30%;transition:0.3s;transition-delay:0.2s;}
.header .m_btn:hover .icon span,.header .m_btn.on .icon span{width:0;transition:0.3s;}


.header .all_manu{position:fixed;display:none;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);}
.header .all_manu .line_ctn{top:0;}
.header .all_manu .w1600>ul{padding-top:160px;padding-left:30%;}
.header .all_manu .w1600>ul>li{position:relative;width:400px;margin:15px 0;
border:solid 3px #e1f1f3;border-radius: 10px; text-align: center;}
.header .all_manu .w1600>ul>li:hover{border:solid 3px #06ceb1;}
.header .all_manu .w1600>ul>li:first-of-type{margin-top:0;}
.header .all_manu .w1600>ul>li:last-of-type{margin-bottom:0;}
.header .all_manu .w1600>ul>li>a{position:relative;display:inline-block;vertical-align:top;width:100%;font-weight:300;font-size:30px;letter-spacing:-0.03em;color:#fff;padding:20px 0;}
.header .all_manu .w1600>ul>li>a::after{content:"";display:inline-block;position:absolute;top:34px;left:385px;width:0;height:1px;background:#06ceb1;}
/*
.header .all_manu .w1600>ul>li:first-of-type>a{padding-top:0;}
.header .all_manu .w1600>ul>li:first-of-type>a::after{top:16px;}
*/
.header .all_manu .w1600>ul>li>ul{/* display:none;*/ position:absolute;top:0; margin-left: 3px; width:100%;vertical-align:top;padding-left:70px;}
/*
.header .all_manu .w1600>ul>li>ul::before{content:"";display:inline-block;position:absolute;top:12px;left:44px;width:25px;height:25px;border:1px solid #01b097;border-radius:50%;box-sizing:border-box;opacity:1;}
*/
.header .all_manu .w1600>ul>li>ul::after{content:"";display:inline-block;position:absolute;top:30px;left:52px;width:9px;height:9px;background:#06ceb1;border-radius:50%;box-sizing:border-box;opacity:1;}
.header .all_manu .w1600>ul>li:first-of-type>ul{top:0px;}
.header .all_manu .w1600>ul>li>ul>li{width: 100%;
border-bottom:solid 1px #eee;background: #fafafa;border-radius: 5px;}
.header .all_manu .w1600>ul>li>ul>li:first-of-type{position:relative;}

.header .all_manu .w1600>ul>li>ul>li>a{width: 100%;display:inline-block;font-size:20px;letter-spacing:-0.03em;color:#666;padding:15px 30px;text-align: left !important;}
.header .all_manu .w1600>ul>li>ul>li:hover>a,.header .all_manu .w1600>ul>li:hover>a{font-weight:bold;color:#06ceb1;}
.header .all_manu .w1600>ul>li:hover>a::after{width:60px;transition:0.4s;}
.header .all_manu .w1600>ul>li:hover>ul::before,.header .all_manu .w1600>ul>li:hover>ul::after{opacity:1;transition:0.3s 0.4s;}

.header.hs,
.header.on,
.header.all{background:#fff;}

.header.all .gnb>ul{display:none;}
.header.all .all_manu{display:block;}

.header.hs .gnb>ul>li>a,
.header.on .gnb>ul>li>a{color:#333;}


@media screen and (max-width:1550px) and (max-height:850px){
.header{padding-left:3%;padding-right:3%;}
.header .gnb{width:calc(100% - 253px);}
.header .gnb>ul>li>a{font-size:17px;padding:0 30px;line-height:79px}
.header .gnb>ul>li>ul{top:80px;}
.header .gnb>ul>li>ul>li>a{font-size:15px;}

.header .m_btn .icon{margin:28px 0;}
.header .all_manu{top:80px;}
}
@media screen and (max-width:1400px){
.header{padding-left:2%;padding-right:2%;}
.header .gnb>ul>li>a{line-height:79px;}
.header .gnb>ul>li>ul{top:80px;}
.header .gnb>ul>li>ul>li>a{font-size:15px;}

.header .m_btn .icon{margin:28px 0;}

.header .all_manu{top:80px;}
}
@media screen and (max-width:1100px){
.header .gnb>ul{display:none;}

.header .all_manu{display:block;right:-100%;left:auto;width:100%;max-width:300px;transition:0.4s;}
.header .all_manu .line_ctn{display:none;}
.header .all_manu::after{display:none;}
.header .all_manu .w1600>ul{padding-top:34px;text-align:right;}
.header .all_manu .w1600>ul>li:last-of-type,
.header .all_manu .w1600>ul>li{width:100%;margin:6px 0;text-align:left;}
.header .all_manu .w1600>ul>li>a{width:100%;font-size:30px;padding:14px 0;}
.header .all_manu .w1600>ul>li>a::after{display:none;}
.header .all_manu .w1600>ul>li>ul{display:none;position:static;padding-left:0;}
.header .all_manu .w1600>ul>li>ul::before{display:none;}
.header .all_manu .w1600>ul>li>ul::after{display:none;}
.header .all_manu .w1600>ul>li>ul>li>a{display:inline-block;width:100%;padding:8px 0;}
.header .all_manu .w1600>ul>li>ul>li:hover>a{font-weight:400;color:#000;}

.header.all .all_manu{right:0;}
}
@media screen and (max-width:767px){
.header .logo{width:200px;}

.header .m_btn .icon{margin:22px 0;width:40px;height:28px;}
.header .m_btn .icon::before{height:3px;}
.header .m_btn .icon::after{height:3px;}
.header .m_btn .icon span{height:3px;}

.header .all_manu{max-width:220px;top:70px;}
.header .all_manu .w1600>ul>li>a{font-size:24px;}
.header .all_manu .w1600>ul>li>ul>li>a{font-size:16px;}
}



/************************************************************************
* main_visual *
************************************************************************/
.visual{min-height:1000px;overflow:hidden;position:relative;background:#e1f1f3;--wave:6.1979vw;}

.visual .sliderWrap{position:relative;width:1600px;height:1000px;margin: 0 auto;margin-top:150px;/*overflow:hidden;*/}
.visual .sliderItems{position:relative;width:1600px;}
.visual .sliderItems .box{display:none;margin-left:2%;position:absolute;left:0;top:0;z-index:1;}
.visual .sliderItems .box:first-child{display:block;}
.visual .sliderItems .txt{position:relative;z-index:1;padding-top:220px;}
.visual .sliderItems .txt span{display:block;opacity:0;}
.visual .sliderItems .txt span img{width:100%;}
.visual .sliderItems strong{font-size:55px;color:#222;font-weight:700;line-height:130%;font-family:'GmarketSansMedium';}
.visual .sliderItems strong b{color:#00aaab;font-size:60px; font-weight:800;text-transform: uppercase !important;font-family:'GmarketSansBold' !important;}
.visual .sliderItems strong .y{font-size:220px;animation:visualBounce 2s ease-in-out infinite alternate;}
.visual .sliderItems p{margin-top:60px;color:#0eb3d3;font-size:30px;line-height:140%;letter-spacing: -0.03em;}
.visual .sliderItems p b{font-size:35px !important;font-weight: 800 !important;}
.visual .sliderItems .img{width: 1000px;height: 679px; position:absolute;top:100px;left:600px;display:block;}




.visual .sliderWrap .nav{position:absolute;bottom:20%;left:0;font-size:1px;color:transparent;transform:rotate(-90deg);z-index:99;}
.visual .sliderWrap .paging{position:absolute;top:0;left:16px;height:290px;}
.visual .sliderWrap .paging button{position:absolute;left:0;width:50px;height:50px;background:none;border:solid 1px #fff;border-radius:50%;font-size:1px;color:transparent;overflow:hidden;text-indent:-999px;display:flex;align-items:center;justify-content:center;}
.visual .sliderWrap .paging button::before{display:block;content:'';position:absolute;top:clac(50% - 7px);left:clac(50% - 4px);width:14px;height:8px;background:url(/img/icons.png) no-repeat;}
.visual .sliderWrap .paging .slick-prev{top:0;}
.visual .sliderWrap .paging .slick-prev::before{}
.visual .sliderWrap .paging .slick-next{top:340px;}
.visual .sliderWrap .paging .slick-next::before{transform:rotate(-180deg);}
.visual .sliderWrap .paging .num1{position:absolute;top:72px;left:8px;font-weight:800;color:#fff;font-size:16px;line-height:16px;transform:rotate(90deg);width:22px;}
.visual .sliderWrap .paging .numLast{position:absolute;top:305px;left:8px;font-weight:800;color:#fff;font-size:16px;line-height:16px;transform:rotate(90deg);width:22px;}
.visual .sliderWrap .paging .bar{display:block;position:absolute;top:108px;left:21px;width:1px;height:178px;margin-left:-1px;background-color:rgba(255,255,255,0.5);}
.visual .sliderWrap .paging .bar span{display:block;top:0;left:0;width:1px;}
.visual .sliderWrap .paging .bar span.on i{display:block;height:0%;background-color:#fff;animation:height 2s forwards ease;}

.visual .sliderWrap .timer{position:absolute;top:405px;left:15px;width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,0.5);overflow:hidden;transform:rotate(90deg);}
.visual .sliderWrap .timer .progress{width:50px;height:50px;border-radius:50%;position:relative;overflow:hidden;}
.visual .sliderWrap .timer .progress div{position:absolute;left:25px;top:0;display:none;width:1px;height:1px;background:#f3f9ff;transform-origin:0px 25px;}
.visual .sliderWrap .timer .inner{display:block;width:calc(100% - 2px);height:calc(100% - 2px);background:#00aaab;position:absolute;top:1px;left:1px;border-radius:50%;text-align:center;font-size:2rem;}
.visual .sliderWrap .timer button{position:absolute;z-index:1;left:0;width:100%;height:100%;background:none;border:0;font-size:1px;color:transparent;overflow:hidden;text-indent:-999px;}
.visual .sliderWrap .timer .play{display:none;}
.visual .sliderWrap .timer .play::before{display:block;content:'';position:absolute;top:18px;left:22px;width:9px;height:13px;background:url(/img/icons.png) -20px -40px no-repeat;}
.visual .sliderWrap .timer .pause::before{display:block;content:'';position:absolute;top:18px;left:20px;width:9px;height:12px;background:url(/img/icons.png) 0 -40px no-repeat;}

@media all and (max-width:1500px) {
.visual{min-height:1050px;--wave:10vw;}
.visual .sliderWrap{margin:5% 0 0 10%;height:1050px;}
.visual .sliderItems .box{margin-left:5%;}
.visual .sliderItems .txt span img{width:95%;}
}
@media all and (max-width:1280px) {
.visual{min-height:950px;--wave:12vw;}
.visual .sliderWrap{height:950px;}
.visual .sliderItems{min-width:100%;}
.visual .sliderItems .box{margin-left:0;}
.visual .sliderItems .txt span img{width:90%;}
.visual .sliderItems strong{font-size:60px;}
.visual .sliderItems strong .y{font-size:200px;}
.visual .sliderItems p{font-size:28px;}
}
@media all and (max-width:1100px) {
.visual{min-height:900px;--wave:13vw;}
.visual .sliderWrap{height:900px;}
.visual .sliderItems .txt span img{width:85%;}
.visual .sliderItems strong{font-size:55px;}
.visual .sliderItems strong .y{font-size:185px;}
.visual .sliderItems p{margin-top:50px;font-size:26px;}
}
@media all and (max-width:960px) {
.visual{min-height:850px;--wave:14vw;}
.visual .sliderWrap{margin:4% 0 0 8%;height:850px;}
.visual .sliderItems .txt span img{width:80%;}
.visual .sliderItems strong{font-size:50px;}
.visual .sliderItems strong .y{font-size:175px;}
.visual .sliderItems p{margin-top:40px;font-size:24px;}
}
@media all and (max-width:840px) {
.visual{min-height:800px;--wave:15vw;}
.visual .sliderWrap{margin:2% 0 0 6%;height:800px;}
.visual .sliderItems .txt span img{width:70%;}
.visual .sliderItems strong{font-size:40px;}
.visual .sliderItems strong .y{font-size:155px;}
.visual .sliderItems p{font-size:22px;}
}
@media all and (max-width:767px) {
.visual{min-height:750px;--wave:16vw;}
.visual .sliderWrap{margin:2% 0 0 4%;height:750px;}
.visual .sliderItems .txt span img{width:60%;}
.visual .sliderItems strong{font-size:30px;}
.visual .sliderItems strong .y{font-size:135px;}
.visual .sliderItems p{font-size:20px;}
}
@media all and (max-width:640px) {
.visual{min-height:650px;--wave:17vw;}
.visual .sliderWrap{margin:2% 0 0 4%;height:650px;}
.visual .sliderItems .txt span img{width:50%;}
.visual .sliderItems strong{font-size:28px;}
.visual .sliderItems strong .y{font-size:110px;}
.visual .sliderItems p{font-size:18px;}

.visual .sliderWrap .nav{bottom:18%;}
.visual .sliderWrap .paging button{width:40px;height:40px;}
.visual .sliderWrap .paging .slick-next{top:260px;}
.visual .sliderWrap .paging .num1{top:62px;font-size:14px;line-height:14px;}
.visual .sliderWrap .paging .numLast{top:225px;font-size:14px;line-height:14px;}
.visual .sliderWrap .paging .bar{top:88px;height:120px;}

.visual .sliderWrap .timer{top:318px;width:40px;height:40px;}
.visual .sliderWrap .timer .progress{width:40px;height:40px;}
.visual .sliderWrap .timer .play::before{top:13px;left:16px;width:8px;height:13px;background:url(/img/icons_play.png) 0 0 no-repeat;background-size:cover;}
.visual .sliderWrap .timer .pause::before{top:13px;left:14px;width:9px;height:12px;background:url(/img/icons_stop.png) 0 0 no-repeat;background-size:cover;}
}
@media all and (max-width:500px) {
.visual{min-height:600px;--wave:18vw;}
.visual .sliderWrap{margin:0 0 0 2%;height:600px;}
.visual .sliderItems .txt span img{width:40%;}
.visual .sliderItems strong{font-size:26px;}
.visual .sliderItems strong .y{font-size:90px;}
.visual .sliderItems p{font-size:16px;}

.visual .sliderWrap .nav{bottom:17%;}
.visual .sliderWrap .paging button{width:30px;height:30px;}
.visual .sliderWrap .paging button::before{left:clac(50% - 5px);}
.visual .sliderWrap .paging .slick-next{top:170px;}
.visual .sliderWrap .paging .num1{top:46px;left:4px;font-size:12px;line-height:12px;}
.visual .sliderWrap .paging .numLast{top:145px;left:4px;font-size:12px;line-height:12px;}
.visual .sliderWrap .paging .bar{top:68px;left:16px;height:60px;}

.visual .sliderWrap .timer{top:208px;width:30px;height:30px;}
.visual .sliderWrap .timer .progress{width:30px;height:30px;}
.visual .sliderWrap .timer .play::before{top:8px;left:10px;}
.visual .sliderWrap .timer .pause::before{top:8px;left:10px;}
}
@media all and (max-width:400px) {
.visual{min-height:550px;--wave:19vw;}
.visual .sliderWrap{height:550px;}
.visual .sliderItems .txt span img{width:30%;}
.visual .sliderItems strong{font-size:23px;}
.visual .sliderItems strong .y{font-size:80px;}
.visual .sliderItems p{font-size:14px;}
}




.visual .objs{}
.visual .objs i{display:block;position:absolute;transition:all .6s;}
.visual .objs .obj1{width:700px;height:716px;top:-200px;left:-200px;animation:visual_obj1 3s ease-in-out infinite alternate;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_01.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj2{width:700px;height:716px;top:-200px;left:450px;animation:visual_obj2 50s ease-in-out infinite alternate;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_02.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj3{width:700px;height:716px;top:-200px;left:1000px;animation:visual_obj3 5s ease-out infinite alternate-reverse;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_03.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj4{width:700px;height:716px;top:-200px;right:-150px;animation:visual_obj4 100s linear infinite;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_04.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj5{width:223px;height:260px;top:-80px;right:100px;animation:visual_obj1 2.2s ease-in-out infinite alternate;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_05.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj6{width:337px;height:335px;top:97px;right:258px;animation:visual_obj6 5s linear infinite;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_06.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj7{width:95px;height:94px;top:224px;right:94px;animation:visual_obj7 6s ease-out infinite alternate-reverse;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_07.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj8{width:152px;height:90px;top:497px;right:266px;animation:visual_obj8 85s linear infinite;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_08.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj9{width:83px;height:253px;bottom:100px;right:824px;animation:visual_obj9 2s ease-in-out infinite alternate;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_09.png) no-repeat 0 0;background-size:100% auto;}
.visual .objs .obj10{width:1042px;height:1040px;bottom:-470px;right:50px;background:url(http://114.108.177.188/htdocs/sfsc/sfsc/img/objs_10.png) no-repeat 0 0;background-size:100% auto;}

@media all and (max-width:1500px){
.visual .objs .obj1{width:10%;top:12%;left:8%;}
.visual .objs .obj2{width:25%;top:18%;left:-18%;}
.visual .objs .obj3{width:3%;top:40%;left:18%;}
.visual .objs .obj4{width:35%;top:-35%;right:8.5%;}
.visual .objs .obj5{width:14%;top:-6%;right:7.5%;}
.visual .objs .obj6{width:24%;top:7%;right:18.5%;}
.visual .objs .obj7{width:6%;top:17%;right:8%;}
.visual .objs .obj8{width:9%;top:42%;right:20%;}
.visual .objs .obj9{width:5.5%;bottom:6%;right:40%;}
.visual .objs .obj10{width:50%;bottom:-50%;right:2%;}
}
@media all and (max-width:1280px){
.visual .objs .obj1{top:11%;}
.visual .objs .obj2{top:17%;left:-16%;}
.visual .objs .obj3{top:38%;}
.visual .objs .obj4{top:-34%;}
.visual .objs .obj5{top:-5%;}
.visual .objs .obj6{top:6%;}
.visual .objs .obj7{top:16%;}
.visual .objs .obj8{top:40%;}
.visual .objs .obj9{bottom:5%;}
.visual .objs .obj10{bottom:-60%;}
}
@media all and (max-width:1100px){
.visual .objs .obj2{left:-14%;}
}
@media all and (max-width:840px){
.visual .objs .obj3{top:50%;left:16%;}
.visual .objs .obj4{top:-38%;right:6%;}
.visual .objs .obj5{right:5.5%;}
.visual .objs .obj6{top:10%;right:16%;}
.visual .objs .obj7{top:26%;right:6%;}
.visual .objs .obj8{top:45%;right:16%;}
.visual .objs .obj9{bottom:0;right:35%;}
.visual .objs .obj10{bottom:-80%;}
}
@media all and (max-width:640px){
.visual .objs .obj2{left:-14%;}
.visual .objs .obj3{left:12%;}
.visual .objs .obj4{top:-28%;right:10%;}
.visual .objs .obj5{right:8%;}
.visual .objs .obj6{top:12%;right:18%;}
.visual .objs .obj7{top:34%;right:8%;}
.visual .objs .obj8{right:25%;}
.visual .objs .obj9{bottom:-20%;right:30%;}
.visual .objs .obj10{bottom:-100%;}
}
@media all and (max-width:500px){
.visual .objs .obj10{bottom:-120%;}
}






@keyframes visual_obj1 {
	0%    {transform:translateY(0);opacity:1;}
	100%   {transform:translateY(60px);opacity:0.5;}
}
@keyframes visual_obj2 {
	0%    {transform:translateY(0);opacity:1;}
	100%   {transform:translateY(55px);opacity:0.5;}
}
@keyframes visual_obj3 {
	0%    {transform:translateY(0);opacity:1;}
	100%   {transform:translateY(90px);opacity:0.5;}
}
@keyframes visual_obj4 {
	0%    {transform:translateY(0);opacity:1;}
	100%   {transform:translateY(75px);opacity:0.5;}
}
@keyframes visual_obj5 {
	0%    {transform:translateY(0);}
	100%   {transform:translateY(3px);}
}
@keyframes visual_obj6 {
	0%    {transform:translateX(0) translateY(0);}
	30%   {transform:translateX(10px) translateY(-10px);}
	70%   {transform:translateX(5px) translateY(-15px);}
	100%   {transform:translateX(0) translateY(0);}
}
@keyframes visual_obj7 {
	0%    {transform:translateX(0) translateY(0);opacity:0.8}
	100%   {transform:translateX(-10px) translateY(30px);opacity:1}
}
@keyframes visual_obj8 {
	0%    {transform:rotate(0);}
	100%   {transform:rotate(-360deg);}
}
@keyframes visual_obj9 {
	0%    {transform:translateY(0) scale(1);}
	100%   {transform:translateY(-10px) scale(1.1);}
}
@keyframes visualBounce {
	0%    {transform:translateY(0);}
	100%   {transform:translateY(20px);}
}
@keyframes height{
	100%{height:100%;}
}






/************************************************************************
* sub_visual *
************************************************************************/
.visual.svis{min-height:630px;}

.visual.svis .sliderWrap{margin:5% 0 0 10%;height:630px;}
.visual.svis .sliderItems .txt{padding:0;width: 100%;}
.visual.svis .sliderItems .txt span img{width:80%;}
.visual.svis .sliderItems strong{font-size:50px;}
.visual.svis .sliderItems strong .y{font-size:175px;}
.visual.svis .sliderItems p{margin-top:350px;font-size:26px;}
.visual.svis .sliderItems p span:nth-child(2){margin-top:20px;font-size:70px;font-family: 'Ubuntu', sans-serif;font-weight: 500;letter-spacing: -0.03em;}

.visual.svis .sliderWrap .nav{display:none;}

@media all and (max-width:1500px) {
.visual.svis{min-height:600px;--wave:15vw;}
.visual.svis .sliderWrap{margin:5% 0 0 6%;height:600px;}
.visual.svis .sliderItems .txt span img{width:70%;}
.visual.svis .sliderItems strong{font-size:40px;}
.visual.svis .sliderItems strong .y{font-size:155px;}
.visual.svis .sliderItems p{font-size:22px;}
}
@media all and (max-width:1100px) {
.visual.svis{min-height:550px;--wave:16vw;}
.visual.svis .sliderWrap{margin:5% 0 0 4%;height:550px;}
.visual.svis .sliderItems .txt span img{width:60%;}
.visual.svis .sliderItems strong{font-size:30px;}
.visual.svis .sliderItems strong .y{font-size:135px;}
.visual.svis .sliderItems p{font-size:20px;}
}
@media all and (max-width:960px) {
.visual.svis{min-height:450px;}
.visual.svis .sliderWrap{margin:5% 0 0 4%;height:450px;}
.visual.svis .sliderItems .txt span img{width:50%;}
.visual.svis .sliderItems strong{font-size:28px;}
.visual.svis .sliderItems strong .y{font-size:110px;}
.visual.svis .sliderItems p{font-size:18px;}
}
@media all and (max-width:767px) {
.visual.svis{min-height:400px;--wave:18vw;}
.visual.svis .sliderWrap{margin:5% 0 0 2%;height:400px;}
.visual.svis .sliderItems .txt span img{width:40%;}
.visual.svis .sliderItems strong{font-size:26px;}
.visual.svis .sliderItems strong .y{font-size:90px;}
.visual.svis .sliderItems p{font-size:16px;}
}
@media all and (max-width:640px) {
.visual.svis{min-height:350px;}
.visual.svis .sliderWrap{margin:8% 0 0 2%;height:350px;}
.visual.svis .sliderItems .txt span img{width:30%;}
.visual.svis .sliderItems strong{font-size:23px;}
.visual.svis .sliderItems strong .y{font-size:80px;}
.visual.svis .sliderItems p{font-size:14px;}
}
@media all and (max-width:500px) {
.visual.svis{min-height:300px;}
.visual.svis .sliderWrap{margin:12% 0 0 2%;height:300px;}
}





@media all and (max-width:1500px){
.visual.svis .objs .obj10{bottom:-88%;}
}
@media all and (max-width:1280px){
.visual.svis .objs .obj10{bottom:-100%;}
}
@media all and (max-width:1100px){
.visual.svis .objs .obj10{bottom:-120%;}
}
@media all and (max-width:960px){
.visual.svis .objs .obj10{bottom:-160%;}
}
@media all and (max-width:840px){
.visual.svis .objs .obj9{bottom:-15%;}
.visual.svis .objs .obj10{bottom:-170%;}
}
@media all and (max-width:640px){
.visual.svis .objs .obj9{bottom:-20%;}
.visual.svis .objs .obj10{bottom:-220%;}
}
@media all and (max-width:500px){
.visual.svis .objs .obj9{bottom:-24%;}
.visual.svis .objs .obj10{bottom:-240%;}
}
@media all and (max-width:400px){
.visual.svis .objs .obj9{bottom:-28%;}
.visual.svis .objs .obj10{bottom:-260%;}
}



/************************************************************************
* sub_lnb *
************************************************************************/
#lnb{position:relative;margin:0;border-bottom:solid 1px #ddd; z-index:1;}
.lnbClone{height:70px;display:none;}
#lnb .lnbIn{position:relative;*zoom:1;padding-left: 20px;}
#lnb .lnbIn:after{content:"";display:block;clear:both;}
#lnb .lnbIn .nav{float:left;}
#lnb .lnbIn .nav>li{position:relative;float:left;}
#lnb .lnbIn .nav>li:after{width:1px;height:22px;margin-top:-11px;background:#ddd;position:absolute;right:0;top:50%;display:block;content:"";}
#lnb .lnbIn .nav>li:last-child:after{width:0px;height:0px;}
/*
#lnb .lnbIn .nav>li:nth-child(3){background:rgba(50,50,50,0.9);color:#fff;}

#lnb .lnbIn .nav>li:nth-child(3):after{display:none;}

#lnb .lnbIn .nav>li:nth-child(3) a{color:#fff;}
*/
#lnb .lnbIn .nav>li>a{width:260px;max-width:260px;padding:0 12%;font-size:16px;font-weight:300;line-height:58px;color:#5d5d5d;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#lnb .lnbIn .nav>li.home>a{min-width:58px;max-width:58px;padding:0;text-align:center;font-weight:500;color:rgba(255,255,255,0.6);}
#lnb .lnbIn .nav>li.home img{margin-top: -5px;}
#lnb .lnbIn .nav>li.home>a:hover{color:rgba(255,255,255,1);
}
#lnb .lnbIn .nav ul{width:100%;display:block;position:absolute;top:100%;left:0;background-color:#f8f8f8;border: solid 1px #ddd;}
#lnb .lnbIn .nav ul a{padding:0 12%;position:relative;display:block;border-bottom:dashed 1px rgba(0,0,0,0.2);font-size:16px;line-height:50px;font-weight: 300; color:#666;}
#lnb .lnbIn .nav ul>li:last-child a{border-bottom:none !important;}
#lnb .lnbIn .nav ul a:hover{background:#ddd;color:#000;}
#lnb .lnbIn .nav li>.menu_icon:after{width:18px;height:17px;margin-top:-8px;position:absolute;top:50%;right:12%;display:inline-block;background:url(/img/ico.png) no-repeat 0 0;content:"";}
#lnb .lnbIn .nav li.active>.menu_icon:after{height:1px;margin-top:0;background:url(/img/ico2.png) no-repeat 0 -7px;}

#lnb .lnbIn .nav li:nth-child(3).active>.menu_icon:after{height:1px;margin-top:0;background:url(/img/ico3.png) no-repeat 0 -7px;}

@media all and (max-width:1800px){
#lnb .WRAP{width:95%; margin: 0 auto;}
}
@media screen and (max-width:1500px){
.lnbClone{height:70px;}
#lnb .lnbIn .nav>li>a{line-height:70px;}
#lnb .lnbIn .nav>li.home>a{min-width:70px;max-width:70px;}
}

@media screen and (max-width:1280px){
#lnb{max-width:1280px;}

.lnbClone{height:64px;}
#lnb .lnbIn .nav>li>a{min-width:300px;max-width:300px;font-size:16px;line-height:64px;}
#lnb .lnbIn .nav>li.home>a{min-width:64px;max-width:64px;}
#lnb .lnbIn .nav ul a{font-size:14px;line-height:52px;}
}

@media screen and (max-width:960px){
#lnb{max-width:960px; margin-top: -56px;}

.lnbClone{height:56px;}
#lnb .lnbIn .nav>li>a{min-width:240px;max-width:240px;font-size:15px;line-height:56px;}
#lnb .lnbIn .nav>li.home>a{min-width:56px;max-width:56px;}
#lnb .lnbIn .nav ul a{font-size:13px;line-height:48px;}
}

@media screen and (max-width:840px){
#lnb{max-width:840px;}

#lnb .lnbIn .nav>li>a{min-width:220px;max-width:220px;}
}

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

@media screen and (max-width:640px){
#lnb{margin-top: -50px;}
	
.lnbClone{height:50px;}
#lnb .lnbIn .nav>li>a{min-width:200px;max-width:200px;line-height:50px;}
#lnb .lnbIn .nav>li.home>a{min-width:45px;max-width:45px;}
}

@media screen and (max-width:540px){
#lnb .lnbIn{padding-left: 5px;}
#lnb .lnbIn .nav>li>a{min-width:180px;max-width:180px;font-size:13px;}
}

@media screen and (max-width:480px){
#lnb .lnbIn .nav>li:nth-child(2){width:160px;}
#lnb .lnbIn .nav>li:nth-child(3){width:180px;}
#lnb .lnbIn .nav>li>a{width:180px;}
#lnb .lnbIn .nav li>.menu_icon:after{width:8px;height:4px;margin-top:-2px;background-size:100% auto;}
}

@media screen and (max-width:420px){
#lnb .lnbIn{padding-left: 0;}
#lnb .lnbIn .nav>li:nth-child(2){width:140px;}
#lnb .lnbIn .nav>li:nth-child(3){width:160px;}
#lnb .lnbIn .nav>li>a{font-size:12px;}
#lnb .lnbIn .nav>li.home img{width:20px;width:20px;}

#lnb .lnbIn .nav .sub>li>a{font-size:12px; letter-spacing: -0.03em;}
}

@media screen and (max-width:370px){
#lnb .lnbIn .nav>li:nth-child(3){width:142px;}
#lnb .lnbIn .nav>li.home img{width:17px;width:17px;}
	
#lnb .lnbIn .nav>li>a{font-size:11px;}
	
#lnb .lnbIn .nav .sub>li>a{font-size:11px;}
}
@media screen and (max-width:350px){
#lnb .lnbIn .nav>li:nth-child(3){width:142px;}
#lnb .lnbIn .nav>li.home>a{min-width:30px;max-width:30px;}
#lnb .lnbIn .nav>li.home img{width:15px;width:15px;}
}
@media screen and (max-width:330px){
#lnb .lnbIn .nav>li:nth-child(2){width:130px;}
#lnb .lnbIn .nav>li:nth-child(3){width:142px;}
}
@media screen and (max-width:320px){
#lnb{display: none;}

}







/************************************************************************
* subTabMenu *
************************************************************************/
.subTabMenu{}
.subTabMenu li{transition:all 0.2s ease;}
.subTabMenu li a{width:95%;margin:0 auto;border:solid 1px #ddd;background:#fff;padding:20px 10px 18px 10px;text-align:center;font-size:18px;line-height:130%;display:block;border-radius:15px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition:all 0.2s ease;}
.subTabMenu li:hover a,.subTabMenu li.active a{background-image: linear-gradient(-45deg, #51d1ae 0%, #33c2bb 65%, #0eb3d3 100%);border-color:#51d1ae;color:#fff;font-weight: 700;transition:all 0.15s ease;}
@media all and (max-width:1100px){
.subTabMenu li a{font-size:16px;}
}
@media all and (max-width:960px) {
.subTabMenu{width:60%;margin:0 auto;}
.subTabMenu li:hover a,.subTabMenu li.active a{background:#0bb89c;border-color:#0bb89c;}
}
@media all and (max-width:640px){
.subTabMenu li a{font-size:14px;padding:16px 0 13px 0;border-radius:5px;}
}
@media all and (max-width:500px) {
.subTabMenu{width:70%;}
}
@media all and (max-width:400px){
.subTabMenu{width:80%;}
.subTabMenu li a{padding:13px 0 10px 0;}
}



/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;padding:22px 0 40px 0;background: #f4f4f5; position:relative;}
footer *{line-height:160% !important;color:#808080;}

footer .bot1{border-bottom:solid 1px #e3e3e3;padding-bottom:22px;}
footer .copy{word-wrap:break-word;display:block;word-break:keep-all;}
footer .copy br.hhide{display:none;}

footer .bot2{}
footer .bot2 .w30 img{width: 75%; display: block;}



footer .terms{padding-left: 20px;}
footer .terms a{font-size: 14px; padding:0 15px;font-weight: 500; position:relative;}
footer .terms a:first-child{padding-left:0;}
footer .terms a:first-child:after{display: none;}
footer .terms a:after{width:2px;height:2px;background:#888;position:absolute;top:calc(80% - 5px);left:0;display:block;content:"";}
footer .terms a:hover{color:#000;font-weight: 500;}


footer .sns{display:flex;justify-content: flex-end;padding-right: 3%;}
footer .sns a{margin:0 10px;width:27px;height:23px;display:flex;align-items:center;justify-content:center;position: relative;}
footer .sns a:first-child{margin-left:0;}
footer .sns a img{width:100%;transition:all 0.2s ease;}
footer .sns a:hover img{margin-top: -15px;position: absolute;transition:all 0.2s ease;}


@media screen and (max-width:1280px){
footer .disF .w70{width:65% !important;}
footer .disF .w30{width:35% !important;}
}
@media screen and (max-width:1120px){
footer .disF .w70{width:100% !important;margin-bottom:20px;}
footer .disF .w30{width:100% !important;}
}

@media screen and (max-width:700px){
footer .copy br.hhide{display:block;}
}





/************************************************************************
* ETC *
************************************************************************/
#back2top{height:60px;position:fixed;bottom:20px;right:20px;display:none;z-index:99;}
#back2top>img{cursor:pointer;}

@media all and (max-width:767px){
#back2top{bottom:14px;right:5px;}
#back2top>img{width:48px;height:auto;}
}