@charset "utf-8";

/************************************************************************
* FONT *
************************************************************************/
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');


@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:'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-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-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}



@font-face {
    font-family: 'KCC-Sonkeechung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KCC-Sonkeechung.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}




@font-face { 
    font-family: 'Vitro_core';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_core.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
	
	


@font-face { 
    font-family: 'Blacksword';
    src: url('/fonts/Blacksword.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



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


.fNMJ,.fNMJ *{font-family:'Nanum Myeongjo';}
.fKCS,.fKCS *{font-family:'KCC-Sonkeechung';}
.fJM,.fJM *{font-family:'Jeju Myeongjo';}
.fNK,.fNK *{font-family:'NanumGangBuJangNimCe';}
.fVC,.fVC *{font-family:'Vitro_core';}

.fP100,.fP100 *{font-family:'Pretendard-Thin';}
.fP200,.fP200 *{font-family:'Pretendard-ExtraLight';}
.fP300,.fP300 *{font-family:'Pretendard-Light';}
.fP400,.fP400 *{font-family:'Pretendard-Regular';}
.fP500,.fP500 *{font-family:'Pretendard-Medium';}
.fP600,.fP600 *{font-family:'Pretendard-SemiBold';}
.fP700,.fP700 *{font-family:'Pretendard-Bold';}
.fP800,.fP800 *{font-family:'Pretendard-ExtraBold';}
.fP900,.fP900 *{font-family:'Pretendard-Black';}



*{font-family:'Pretendard-Regular',Noto Sans KR,Nanum Gothic,나눔고딕,sans-serif;box-sizing:border-box;letter-spacing:-0.01em;}





/************************************************************************
* 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:16px;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;}
b{font-weight:900;}
font,span{display:block;}
hr{height:1px;margin:80px 0;border:none;color:#ddd;background:#ddd;}
img {max-width:100%;}

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




@media (prefers-reduced-motion:no-preference){
:root{scroll-behavior:smooth;}
}



.blind{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden;}





/************************************************************************
* COMMON *
************************************************************************/
#wrap{width:100%;max-width:100%;overflow-x:hidden;}

.WRAP{max-width:1500px;margin:0 auto;position:relative;}
.WRAP-1800{max-width:1800px;margin:0 auto;position:relative;}
.WRAP-1700{max-width:1700px;margin:0 auto;position:relative;}
@media screen and (max-width:1820px){
.WRAP-1800{width:94% !important;max-width:100% !important;}
}
@media screen and (max-width:1720px){
.WRAP-1700{width:94% !important;max-width:100% !important;}
}
@media screen and (max-width:1520px){
.WRAP{width:94% !important;max-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.js{justify-content:flex-start;}
.disF.je{justify-content:flex-end;}
.disF.ac{align-items:center;}
.disF.as{align-items:flex-start;}
.disF.ae{align-items:flex-end;}
.disInline{display:inline-block !important;}


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

.TC{text-align:center !important;}
.TR{text-align:right !important;}
.TsI{font-style:italic !important;}
.TtU{text-transform:uppercase !important;}

.FBD{font-weight:bold;}

.fcol_white,.fcol_white a{color:#fff !important;}
.fcol_blue,.fcol_blue a{color:#0883e6 !important;}
.fcol_gray,.fcol_gray a{color:#9e9e9e !important;}
.fcol_red,.fcol_red a{color:#d50113 !important;}
.fcol_yellow,.fcol_yellow a{color:#ffba16 !important;}
.fcol_green,.fcol_green a{color:#008078 !important;}
.fcol_pink,.fcol_pink a{color:#a97a71 !important;}
.fcol_lgreen,.fcol_lgreen a{color:#62ac07 !important;}
.fcol_navy,.fcol_navy a{color:#293f85 !important;}
.fcol_orange,.fcol_orange a{color:#ff6000 !important;}
.fcol_brown,.fcol_brown a{color:#6f5b51 !important;}
.fcol_khaki,.fcol_khaki{color:#424834 !important;}
.fcol_lbeige,.fcol_lbeige{color:#f5efe5 !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%;}

.mt5{margin-top:5px !important;}
.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;}
}



.mAuto{margin-left:auto;margin-right:auto;display:block;}


.pl30{padding-left:30px;}
.pl20{padding-left:20px;}
.pl10{padding-left:10px;}
@media screen and (max-width:1500px){
.plr7{padding-left:5%;padding-right:5%;}
}
@media screen and (max-width:1280px){
.plr7{padding-left:3%;padding-right:3%;}
.pl30{padding-left:20px;}
}
@media screen and (max-width:1100px){
.plr7{padding-left:0;padding-right:0;}
}
@media screen and (max-width:960px){
.pl30{padding-left:10px;}
.pl20{padding-left:10px;}
}
@media screen and (max-width:640px){
.pl30{padding-left:5px;}
.pl20{padding-left:5px;}
.pl10{padding-left:5px;}
}





h2{font-size:60px;line-height:120%;font-weight:900;letter-spacing:-0.02em;word-wrap:break-word;display:block;word-break:keep-all;}
h3{font-size:50px;line-height:120%;font-weight:900;word-wrap:break-word;display:block;word-break:keep-all;}
h4{font-size:40px;line-height:120%;font-weight:700;word-wrap:break-word;display:block;word-break:keep-all;}
h5,h5>*{font-size:34px;line-height:120%;font-weight:900;word-wrap:break-word;display:block;word-break:keep-all;}
@media screen and (max-width:1500px){
h2{font-size:56px;}
h3{font-size:46px;}
h4{font-size:36px;}
h5,h5>*{font-size:31px;}
}
@media screen and (max-width:1280px){
h2{font-size:50px;}
h3{font-size:40px;}
h4{font-size:32px;}
h5,h5>*{font-size:28px;}
}
@media screen and (max-width:1100px){
h2{font-size:44px;}
h3{font-size:38px;}
h4{font-size:30px;}
h5,h5>*{font-size:25px;}
}
@media screen and (max-width:767px){
h2{font-size:40px;}
h3{font-size:30px;}
h4{font-size:25px;}
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:23px;}
h5,h5>*{font-size:18px;}
}
@media screen and (max-width:560px){
h2,h2>*{font-size:30px;}
h3,h3>*{font-size:24px;}
h4,h4>*{font-size:20px;}
h5,h5>*{font-size:16px;}
}



.txt{font-weight:400;line-height:140%;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;}
.txt.type16{font-size:16px;}
.txt.type15{font-size:15px;}
.txt.type14{font-size:14px;}
.txt.type13{font-size:13px;}
.txt.type12{font-size:12px;}
.txt.type11{font-size:11px;}
.txt.type10{font-size:10px;}
@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;}
.txt.type18{font-size:16px;}
.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;}
.txt.type22{font-size:16px;}
.txt.type21{font-size:15px;}
.txt.type20{font-size:14px;}
.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;}
.txt.type24{font-size:16px;}
.txt.type23{font-size:15px;}
.txt.type22{font-size:14px;}
.txt.type21{font-size:13px;}
}
@media screen and (max-width:520px){
.txt.type30{font-size:20px;}
.txt.type29{font-size:19px;}
.txt.type28{font-size:18px;}
.txt.type27{font-size:17px;}
.txt.type26{font-size:16px;}
.txt.type25{font-size:15px;}
.txt.type24{font-size:14px;}
.txt.type23{font-size:13px;}
}



.lih140{line-height:140% !important;}
.lih160{line-height:160% !important;}
.lih180{line-height:180% !important;}








/************************************************************************
* HEADER *
************************************************************************/
.header{position:fixed;width:100%;box-sizing:border-box;padding-left:2%;padding-right:2%;z-index:300;display:flex;justify-content:space-between;align-items:center;}
.header .logo{width:300px;z-index:100;}
.header .logo a{width:100%;}

.header .gnb{vertical-align:middle;text-align:center;}
.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:18px;line-height:110px;letter-spacing:-0.03em;color:#fff;padding:0 35px;box-sizing:border-box;transition:0.4s;text-shadow:1px 1px 4px rgba(0,0,0,0.4);}
.header.hs .gnb>ul>li>a{color:#666;}
.header .gnb>ul>li>ul{display:none;position:absolute;top:110px;left:0;text-align:center;background:#fff;width:100%;padding:20px 0;border-top-left-radius:30px;border-bottom-right-radius:30px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);}
.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:#006fb6;}

.header .m_btn{position:relative;cursor:pointer;z-index:100;display:none;}
.header .m_btn .icon{width:46px;height:34px;margin:38px 0;display:inline-block;vertical-align:top;position:relative;}
.header .m_btn .icon::before{width:100%;height:4px;content:"";position:absolute;top:0;left:0;background:#6f5b51;transition:0.3s;}
.header .m_btn .icon::after{width:100%;height:4px;content:"";position:absolute;bottom:0;left:0;background:#6f5b51;transition:0.3s;}
.header .m_btn .icon span{width:50%;height:4px;display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%);background:#6f5b51;z-index:1;transition:0.3s;}
.header.all .m_btn.on .icon::before{background:#6f5b51;transform:translateY(10px) rotate(-45deg);}
.header.all .m_btn.on .icon::after{background:#6f5b51;transform:translateY(0px) rotate(45deg);}
.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: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:#fff;}
.header .all_manu .line_ctn{top:0;}
.header .all_manu .w1600>ul{padding-top:140px;padding-left:10%;}
.header .all_manu .w1600>ul>li{position:relative;width:400px;margin:13px 0;}
.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:#333;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:#006fb6;}
.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:10px;width:100%;vertical-align:top;padding-left:85px;}
.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 #006fb6;border-radius:50%;box-sizing:border-box;opacity:1;}
.header .all_manu .w1600>ul>li>ul::after{content:"";display:inline-block;position:absolute;top:20px;left:52px;width:9px;height:9px;background:#006fb6;border-radius:50%;box-sizing:border-box;opacity:1;}
.header .all_manu .w1600>ul>li:first-of-type>ul{top:-8px;}
.header .all_manu .w1600>ul>li>ul>li:first-of-type{position:relative;}

.header .all_manu .w1600>ul>li>ul>li>a{display:inline-block;font-size:20px;letter-spacing:-0.03em;color:#666;padding:15px 0;}
.header .all_manu .w1600>ul>li>ul>li:hover>a,.header .all_manu .w1600>ul>li:hover>a{font-weight:bold;color:#6f5b51;}
.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{}

.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:#fff;}


@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 22px;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;}
}
@media screen and (max-width:1500px){
.header .gnb>ul>li>a{padding:0 20px;}
}
@media screen and (max-width:1400px){
.header{padding-left:2%;padding-right:2%;}
.header .logo{width:320px;}
.header .gnb>ul>li>a{line-height:79px;padding:0 18px;}
.header .gnb>ul>li>ul{top:80px;}
.header .gnb>ul>li>ul>li>a{font-size:15px;}

.header .m_btn .icon{margin:28px 0;}
}
@media screen and (max-width:1199px){
.header .gnb{margin-left:-10%;}
.header .gnb>ul>li>a{padding:0 15px; font-size:16px;}
}
@media screen and (max-width:1100px){
.header .logo{width:280px;}

.header .gnb{margin-left:0;}
.header .gnb>ul{display:none;}

.header .all_manu{display:block;right:-100%;left:auto;width:100%;max-width:300px;transition:0.4s;padding-top:80px;}
.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:26px;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;}

.header .m_btn{display:block;}
}
@media screen and (max-width:767px){
.header .logo{width:240px;}

.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;padding-top:70px;}
.header .all_manu .w1600>ul>li>a{font-size:20px;padding:8px 0;}
.header .all_manu .w1600>ul>li>ul>li>a{font-size:16px;}
}







/************************************************************************
* main_visual *
************************************************************************/
.mainVisual_wrap{height:1118px;position:relative;background:#000;overflow:hidden;z-index:1;}
.mainVisual_wrap img.logo{width:35%;max-width:350px;position:absolute;top:max(3% , 20px);left:50%;transform:translateX(-50%);z-index:99;}
.mainVisual_slide_wrap{width:100%;height:100%;overflow:hidden;position:relative;}
.mainVisual_slide_wrap .swiper-container{height:100%;}

.mainVisual_slide_wrap .swiper-slide{overflow:hidden;}
.mainVisual_slide_wrap .swiper-slide .img_wrap{width:100%;height:100%;overflow:hidden;}
.mainVisual_slide_wrap .swiper-slide .bg{width:100%;height:100%;object-fit:cover;}
.mainVisual_slide_wrap .swiper-slide.swiper-slide-active .bg{transform:scale(1);animation:scale 4.5s 1 alternate;}


.mainVisual_slide_wrap .swiper-slide .inner{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:99;}
.mainVisual_slide_wrap .swiper-slide .inner p{width:100%;word-break:keep-all;display:block;overflow:hidden;text-align:center;color:#fff;opacity:0;}
.mainVisual_slide_wrap .swiper-slide .inner .tit1{margin-top:max(5% , 10px);font-size:60px;line-height:140%;text-shadow:1px 1px 10px rgba(0,0,0,0.6);font-weight:200;letter-spacing:-0.04em;}
.mainVisual_slide_wrap .swiper-slide .inner .tit1 b{font-weight:900;text-shadow:1px 1px 10px rgba(0,0,0,0.6);letter-spacing:-0.04em;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:38px;font-weight:normal;}

.mainVisual_slide_wrap .swiper-slide.swiper-slide-active p{opacity:1;overflow:hidden;}
.mainVisual_slide_wrap .swiper-slide.swiper-slide-active .tit1{animation:maintxtani 5.5s;animation-delay:1s;animation-fill-mode:forwards;transform:translateY(100px);opacity:0;}
.mainVisual_slide_wrap .swiper-slide.swiper-slide-active .tit2{animation:maintxtani 5.5s;animation-delay:1.2s;animation-fill-mode:forwards;transform:translateY(100px);opacity:0;color:#fff;display:block;}


.mainVisual_slide_wrap .control_area{position:absolute;left:15%;bottom:13%;z-index:99;}
.mainVisual_slide_wrap .control_area .swiper-button-next,
.mainVisual_slide_wrap .control_area .swiper-button-prev{width:60px;height:60px;margin-top:-40px;border-radius:50%;border:solid 1px rgba(255,255,255,0.8);position:absolute;z-index:99;}
.mainVisual_slide_wrap .control_area .swiper-button-next{left:70px;}
.mainVisual_slide_wrap .control_area .swiper-button-prev{left:0;}
.mainVisual_slide_wrap .control_area .swiper-button-next:after,
.mainVisual_slide_wrap .control_area .swiper-button-prev:after{width:10px;height:10px;border:solid rgba(255,255,255,0.8);border-width:2px 2px 0 0;position:absolute;top:calc(50% - 5px);right:calc(50% - 5px);display:block;content:"";transform:rotate(45deg);}
.mainVisual_slide_wrap .control_area .swiper-button-prev:after{border-width:0 0 2px 2px;left:calc(50% - 5px);}


.mainVisual_slide_wrap .swiper-pagination{top:-16px;bottom:auto;left:155px;color:rgba(255,255,255,0.8);display:flex;}
.mainVisual_slide_wrap .swiper-pagination span{font-size:16px;position:relative;padding:0 5px;}
.mainVisual_slide_wrap .swiper-pagination .swiper-pagination-current{color:rgba(255,255,255,1);}
.mainVisual_slide_wrap .swiper-pagination .swiper-pagination-total{color:rgba(255,255,255,0.8);}

.mainVisual_slide_wrap .control_area .progress_bar{width:150px;height:2px;background:#fff;position:absolute;left:220px;top:-8px;}
.mainVisual_slide_wrap .control_area .progress_bar .bar{height:100%;position:absolute;top:0;left:0;background:#6f5b51;}

.mainVisual_slide_wrap .visual_btn{width:20px;height:20px;border:none;z-index:10;position:absolute;left:400px;top:-14px;}
.mainVisual_slide_wrap .visual_btn.pause{background:url("/img/stop-btn.svg") no-repeat center center;}
.mainVisual_slide_wrap .visual_btn.play{background:url("/img/play-btn.svg") no-repeat center center;}

@media screen and (max-width:1800px){
.mainVisual_wrap{height:1000px;}
}
@media screen and (max-width:1700px){
.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:55px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:35px;}

.mainVisual_slide_wrap .control_area{left:10%;bottom:10%;}
}
@media screen and (max-width:1600px){
.mainVisual_wrap{height:900px;}
}
@media screen and (max-width:1500px){
.mainVisual_wrap{height:800px;}

.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:50px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:32px;}

.mainVisual_slide_wrap .control_area{left:5%;bottom:8%;}
}
@media screen and (max-width:1350px){
.mainVisual_wrap{height:700px;}
}
@media screen and (max-width:1280px){
.mainVisual_wrap{height:600px;}

.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:45px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:29px;}

.mainVisual_slide_wrap .control_area{left:50px;transform:scale(0.9);}
}
@media screen and (max-width:1100px){
.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:40px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:27px;}
}
@media screen and (max-width:960px){
.mainVisual_wrap{height:550px;}
}
@media screen and (max-width:960px){
.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:35px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:26px;}

.mainVisual_slide_wrap .control_area{left:40px;transform:scale(0.8);}
}
@media screen and (max-width:860px){
.mainVisual_wrap{height:500px;}

.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:30px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:24px;}
}
@media screen and (max-width:800px){
.mainVisual_wrap{height:450px;}
}
@media screen and (max-width:767px){
.mainVisual_wrap{height:400px;}

.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:28px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:22px;}

.mainVisual_slide_wrap .control_area{left:35px;transform:scale(0.7);}
}
@media screen and (max-width:640px){
.mainVisual_wrap{height:350px;}

.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:25px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:20px;}
}
@media screen and (max-width:560px){
.mainVisual_wrap{height:300px;}

.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:22px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:18px;}

.mainVisual_slide_wrap .control_area{left:30px;transform:scale(0.6);}
}
@media screen and (max-width:470px){
.mainVisual_wrap{height:250px;}

.mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:20px;}
.mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:16px;}

.mainVisual_slide_wrap .control_area{left:20px;transform:scale(0.55);}
}
@media screen and (max-width:400px){
.mainVisual_wrap{height:230px;}

.mainVisual_slide_wrap .control_area{left:15px;transform:scale(0.5);}
}
@media screen and (max-width:360px){
.mainVisual_wrap{height:210px;}
}
@media screen and (max-width:350px){
.mainVisual_wrap{height:195px;}
}
@media screen and (max-width:310px){
.mainVisual_wrap{height:180px;}
}





/************************************************************************
* sub_visual *
************************************************************************/
.mainVisual_wrap.svis{height:700px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner p{padding:5px;text-shadow:1px 1px 10px rgba(0,0,0,0.4);}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:42px;margin-bottom:0 !important;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:30px;}

@media screen and (max-width:1800px){
.mainVisual_wrap.svis{height:650px;}
}
@media screen and (max-width:1700px){
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:40px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:28px;}
}
@media screen and (max-width:1600px){
.mainVisual_wrap.svis{height:600px;}
}
@media screen and (max-width:1500px){
.mainVisual_wrap.svis{height:570px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:38px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:26px;}
}
@media screen and (max-width:1280px){
.mainVisual_wrap.svis{height:520px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:36px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:24px;}
}
@media screen and (max-width:1100px){
.mainVisual_wrap.svis{height:500px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:34px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:22px;}
}
@media screen and (max-width:960px){
.mainVisual_wrap.svis{height:470px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:32px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:20px;}
}
@media screen and (max-width:860px){
.mainVisual_wrap.svis{height:450px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:30px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:18px;}
}
@media screen and (max-width:767px){
.mainVisual_wrap.svis{height:400px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:28px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:16px;}
}
@media screen and (max-width:640px){
.mainVisual_wrap.svis{height:380px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:26px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:15px;}
}
@media screen and (max-width:560px){
.mainVisual_wrap.svis{height:350px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:24px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:14px;}
}
@media screen and (max-width:460px){
.mainVisual_wrap.svis{height:320px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:22px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:13px;}
}
@media screen and (max-width:380px){
.mainVisual_wrap.svis{height:300px;}

.svis .mainVisual_slide_wrap .swiper-slide .inner .tit1{font-size:20px;}
.svis .mainVisual_slide_wrap .swiper-slide .inner .tit2{font-size:12px;}
}







/************************************************************************
* right_fixed *
************************************************************************/
.right_fixed{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:9999999;}
.right_fixed a{width:85px;height:85px;margin-bottom:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}
.right_fixed a:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.3);transform:scale(1.1);transition:all 0.2s ease;}
.right_fixed a:last-child{margin-bottom:0 !important;}
.right_fixed a.blog{background:#2db400;}
.right_fixed a.insta{background:linear-gradient(120deg, #4f5bd5 20% , #a73196 60% , #fa831e 90% , #fed772 100%);}
.right_fixed a img{width:50%;max-width:50px;display:block;}

@media screen and (max-width:1280px){
.right_fixed{top:50%;right:15px;}
.right_fixed a{width:75px;height:75px;margin-bottom:5px;}
}
@media screen and (max-width:1100px){
.right_fixed{top:auto;bottom:70px;right:10px;transform:translateY(0);}
.right_fixed a{width:65px;height:65px;}
}
@media screen and (max-width:960px){
.right_fixed a{width:55px;height:55px;}
}
@media screen and (max-width:767px){
.right_fixed{bottom:65px;}
.right_fixed a{width:50px;height:50px;}
}
@media screen and (max-width:640px){
.right_fixed{bottom:55px;right:5px;}
.right_fixed a{width:45px;height:45px;}
}
@media screen and (max-width:460px){
.right_fixed{bottom:50px;}
.right_fixed a{width:40px;height:40px;line-height:40px;}
}
@media screen and (max-width:360px){
.right_fixed{bottom:48px;}
.right_fixed a{width:38px;height:38px;line-height:38px;}
}






/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;padding:60px 0;background:#6f5b52;}
footer *{color:#fff;}

footer .copyBox{width:70%;}
footer .copy{word-wrap:break-word;display:block;word-break:keep-all;line-height:170% !important;}
footer .copy br.hide{display:none;}

footer .customerBox{width:30%;}
footer .customerBox *{text-align:right;}
footer .customerBox .snsBox{display:flex;justify-content:flex-end;}
footer .customerBox .snsBox a{width:29px;margin:0 5px;display:block;transition:all 0.2s ease;}
footer .customerBox .snsBox a:hover{opacity:0.7;transition:all 0.2s ease;}
footer .customerBox .snsBox a img{width:100%;display:block;}

@media screen and (max-width:1280px){
footer{padding:50px 0;}
}
@media screen and (max-width:767px){
footer{padding:40px 0;}
footer *{text-align:center;}

footer .copyBox{width:100% !important;margin-bottom:30px;}

footer .customerBox{width:100% !important;}
footer .customerBox *{text-align:center;}
footer .customerBox .snsBox{justify-content:center;}
}
@media screen and (max-width:640px){
footer{padding:35px 0;}

footer .copy br.hide{display:block;}
}





/************************************************************************
* ETC *
************************************************************************/
#back2top{width:65px;height:65px;font-size:24px;line-height:65px;text-align:center;color:#000;border:solid 1px rgba(0,0,0,0.1);background:rgba(255,255,255,1);border-radius:50%;position:fixed;bottom:20px;right:20px;display:none;cursor:pointer;z-index:98;}

@media screen and (max-width:1500px){
#back2top{width:60px;height:60px;font-size:22px;line-height:60px;bottom:15px;right:15px;}
}
@media screen and (max-width:1280px){
#back2top{width:58px;height:58px;font-size:20px;line-height:58px;}
}
@media screen and (max-width:1100px){
#back2top{width:54px;height:54px;font-size:19px;line-height:54px;bottom:10px;right:10px;}
}
@media screen and (max-width:767px){
#back2top{width:50px;height:50px;font-size:18px;line-height:50px;}
}
@media screen and (max-width:640px){
#back2top{width:45px;height:45px;font-size:16px;line-height:45px;bottom:5px;right:5px;}
}
@media screen and (max-width:460px){
#back2top{width:40px;height:40px;line-height:40px;}
}
@media screen and (max-width:360px){
#back2top{width:38px;height:38px;line-height:38px;}
}





/************************************************************************
* keyframes animation *
************************************************************************/
@keyframes gnbSub {
	0%{transform:translateY(30px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}


@keyframes line_w1 {
	0%{width:0;}
	100% {width:520px;}
}
@media screen and (max-width:1600px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:375px;}
	}
}
@media screen and (max-width:1250px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:320px;}
	}
}
@media screen and (max-width:640px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:0;}
	}
}



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


@-webkit-keyframes slideInUp {
	0% {opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);}
	100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp {
	0% {opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);}
	100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}



@keyframes maintxtani {
	form { transform:translateY(100px);opacity:0;}
	30% { transform:translateY(0);opacity:1;}
	70% { transform:translateY(0);opacity:1;}
	to { transform:translateY(0);opacity:1;}
}
@-webkit-keyframes maintxtani {
	form { transform:translateY(100px);opacity:0;}
	30% { transform:translateY(0);opacity:1;}
	70% { transform:translateY(0);opacity:1;}
	to { transform:translateY(0);opacity:1;}
}




/************************************************************************
* motion *
************************************************************************/
.ex{opacity:0;}
.ex.in-view{animation-name:fadeUpAni;animation-duration:0.7s;animation-fill-mode:forwards;animation-delay:0.5s;}

@keyframes upslide{
	0%{opacity:0;transform:translateY(100%)}
	to{opacity:1;transform:translateY(0%)}
}
@keyframes leftslide{
	0%{opacity:0;transform:translateX(100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes rightslide{
	0%{opacity:0;transform:translateX(-100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes downslide{
	0%{opacity:0;transform:translateY(-100%)}
	to{opacity:1;transform:translateY(0%)}
}

@keyframes fade{
	0%{opacity:0;}
	50%{opacity:1;}
	to{opacity:0;}
}

@keyframes scaleminus {
	0%{
		opacity:0;
		transform:scale(0.8);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}

@keyframes scaleplus {
	0%{
		opacity:0;
		transform:scale(1.05);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}







.effect{opacity:0;}

.in-view .effect.up-1{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.up-2{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.up-3{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.up-4{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.up-5{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.up-6{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.up-7{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.up-8{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.up-9{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.up-10{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.up-11{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.up-12{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.up-14{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.up-15{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.up-16{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.left-1{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.left-2{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.left-3{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.left-4{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.left-5{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.left-6{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.left-7{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.left-8{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.left-9{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.left-10{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.left-11{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.left-12{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.left-14{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.left-15{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.left-16{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.right-1{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.right-2{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.right-3{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.right-4{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.right-5{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.right-6{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.right-7{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.right-8{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.right-9{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.right-10{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.right-11{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.right-12{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.right-14{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.right-15{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.right-16{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.down-1{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.down-2{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.down-3{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.down-4{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.down-5{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.down-6{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.down-7{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.down-8{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.down-9{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.down-10{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.down-11{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.down-12{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.down-14{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.down-15{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.down-16{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.scaleminus-1{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.scaleminus-2{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.scaleminus-3{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.scaleminus-4{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.scaleminus-5{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}