@charset "utf-8";

/************************************************************************
* FONT *
************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@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;
}





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

@media screen and (max-width:640px) {
.fGSB,.fGSB *{font-family:'Pretendard-ExtraBold' !important;}
.fGSM,.fGSM *{font-family:'Pretendard-Bold' !important;}
.fGSL,.fGSL *{font-family:'Pretendard-SemiBold' !important;}
}

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

.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:'GmarketSansMedium',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;}
}







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



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




@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;}
.disF.jfs{justify-content:flex-start;}

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

.mAuto{margin-left:auto;margin-right:auto;display:block;}
.plr7{padding-left:7%;padding-right:7%;}
@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%;}
}
@media screen and (max-width:1100px){
.plr7{padding-left:0;padding-right:0;}
}

.fcol_white,.fcol_white a{color:#fff !important;}
.fcol_blue,.fcol_blue a{color:#1b439a !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_brown,.fcol_brown a{color:#8e726a !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;}


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



.pl30{padding-left:30px;}
.pl20{padding-left:20px;}
.pl10{padding-left:10px;}
@media screen and (max-width:1280px){
.pl30{padding-left:20px;}
}
@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:32px;}
h4{font-size:28px;}
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:27px;}
h5,h5>*{font-size:18px;}
}



.txt{font-weight:300;line-height:150%;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;}
}








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

header : 드롭다운 on , 스크롤 fix , 햄버거 ov
#navi : 드롭다운 over
************************************************************************/
header{width:100%;height:129px;position:fixed;visibility:visible;transition:all 0.3s ease-in-out;z-index:99999;}
header:before{width:100%;height:1px;content:"";display:block;position:absolute;left:0;bottom:0;background-color:rgba(255,255,255,0.2);}
header.ov:before{width:0;background-color:rgba(156,119,71,0.3);animation:line_w 0.5s 0.3s;animation-fill-mode:both;}

header h1{position:absolute;text-align:left;z-index:999999;}
header h1 a{margin:10px 0 0 20px;display:inline-block;overflow:hidden;}
header h1 a img.color{display:block;}
header h1 a img.white{display:none;}
img.logo{width:87px;height:109px;}



header.on #navi{position:relative;z-index:2;}
header #gnb{position:relative;max-width:1760px;margin:0 auto;text-align:center;}
header #gnb .depth1{display:inline-block;margin:0 auto;}
header #gnb .depth1>li{height:129px;line-height:129px;padding:0 60px;position:relative;display:inline-block;vertical-align:top;transition:all 0.3s ease-in-out;}
header #gnb .depth1>li>a{font-weight:bold;font-size:20px;color:#9c7747;display:block;line-height:129px;transition:all 0.1s ease-in-out;}

header #gnb .depth1>li>a{color:rgba(0,0,0,0.3);}
header.on #gnb .depth1>li.on > a,
header #gnb .depth1>li> a.active{color:rgba(156,119,71,1);}

header #navi.over #gnb .depth1>li{}
header #navi.over #gnb .depth1>li.on>a{color:rgba(156,119,71,1);}


header #gnb .depth2{min-width:100%;width:100%;padding-top:35px;display:none;position:absolute;left:0;top:129px;text-align:center;background:none;z-index:3;border:none !important;border-width:0 1px 1px;box-sizing:border-box;}
header #gnb .depth2>li{opacity:0;animation:gnbSub 0.5s 0.3s;animation-fill-mode:forwards;}
header #gnb .depth2>li a{padding:10px 0;position:relative;display:block;font-size:19px;line-height:140%;letter-spacing:-0.03em;font-weight:300;color:#333;}
header #gnb .depth2>li a:hover{color:#9c7747;font-weight:500;}


header.on #navi.over #gnb .depth2{display:block;}
header.on #navi.over #gnb .depth2 li a{color:#fff;}
header.on #navi.over #gnb .on .depth2 li a{color:rgba(156,119,71,0.6);}
header.on #navi.over #gnb .depth2 li a:hover,
header.on #navi.over #gnb .depth2 li a.active{color:rgba(156,119,71,1);}


header .gnb_bg{width:100%;height:0;position:absolute;top:0;left:0;background-color:rgba(255,255,255,1);transition:all 0.3s ease-in-out;}
header .gnb_bg.on:after{width:100%;height:1px;opacity:0;content:"";display:block;position:absolute;left:0;top:129px;background-color:#f5f5f5;animation:ani_5 0.3s 0.1s;animation-fill-mode:forwards;}
header .gnb_bg.on{height:420px;}


header.ov #gnb{display:none;}



.allBox{position:absolute;right:20px;top:0;z-index:7;transition:all 0.3s ease-in-out;}

.allmenu a{width:54px;height:44px;display:block;position:relative;}
.allmenu a span{width:100%;height:5px;margin-top:40px;background-color:#9c7747;display:block;text-align:center;transition:all 0.3s ease-in-out;}
.allmenu a span:before{width:70%;height:5px;content:"";display:block;background-color:#9c7747;position:absolute;right:0;top:calc(50% - 3px);transition:all 0.3s ease-in-out;}
.allmenu a span:after{width:100%;height:5px;content:"";display:block;background-color:#9c7747;position:absolute;right:0;bottom:0;transition:all 0.3s ease-in-out;}
.allmenu a:hover span:before{width:100%;}

.allmenu.on a span{height:0;width:0;}
.allmenu.on a span:before{transform:translateY(4px) rotate(-45deg);background-color:#9c7747;}
.allmenu.on a span:after{transform:translateY(-16px) rotate(45deg);background-color:#9c7747;}

.allmenu.on a span:before{width:100%;}



#allmenuBox{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100vh;z-index:-22;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;}
#allmenuBox.on{z-index:5555;opacity:1;visibility:visible;}
#allmenuBox .menuBox{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#fff }
#allmenuBox .menuBox:after{content:"";display:block;visibility:hidden;clear:both;height:0;}
#allmenuBox .menuBox .box{position:relative;float:left;width:50vw;height:100%;}

#allmenuBox #gnb{position:absolute;left:22%;top:180px;}
#allmenuBox #gnb li{position:relative;white-space:nowrap;}
#allmenuBox #gnb .depth1{animation:gnbSub 0.5s 0.3s;animation-fill-mode:forwards;}
#allmenuBox #gnb .depth1>li{margin:44px 0;font-size:40px;line-height:140%;min-height:30px;color:#333;font-weight:300;transition:all 0.3s 0.3s ease-in-out;}
#allmenuBox #gnb .depth1>li>a{position:relative;color:#9c7747;font-weight:300;transition:all 0.5s 0.0s ease-in-out;display:inline-block;padding-right:45px;z-index:3;}
#allmenuBox #gnb .depth1>li>a:before{width:0;height:1px;content:"";display:block;position:absolute;left:0;top:50%;background-color:rgba(156,119,71,0.3);}

#allmenuBox #gnb .depth2{position:relative;visibility:hidden;padding:35px 0 20px 550px !important;margin:0 !important;display:none;top:-34px;}
#allmenuBox #gnb .depth1>li.hover .depth2:before{width:0;height:1px;content:"";display:block;position:absolute;left:0;top:40px;z-index:2;background-color:#e0e0e0;animation:line_w1 0.5s 0.3s;animation-fill-mode:both;}
#allmenuBox #gnb .depth1>li.hover .depth2{visibility:visible;display:block;}

#allmenuBox #gnb .depth2>li{position:relative;margin:30px 0 0 0;font-size:20px;line-height:140%;color:#333;font-weight:400;transition:all 0.5s 0.0s ease-in-out;opacity:0;animation:gnbSub 0.5s 0.3s;animation-fill-mode:forwards;}
#allmenuBox #gnb .depth2>li:first-child{margin:0 !important;}
#allmenuBox #gnb .depth2>li a{position:relative;font-weight:400;display:inline-block;color:#333;z-index:5;}
#allmenuBox #gnb .depth2>li a:hover{color:#9c7747;}


header.fix{background:rgba(255,255,255,1);}


@media screen and (max-width:1280px){
header{height:119px;}

img.logo{width:77px;height:96px;}


header #gnb .depth1>li{height:119px;line-height:119px;padding:0 45px;}
header #gnb .depth1>li>a{font-size:18px;line-height:119px;}

header #gnb .depth2{top:119px;}
header #gnb .depth2> li a{font-size:18px;}

header .gnb_bg.on:after{top:119px;}


.allmenu a{width:44px;height:34px;}
.allmenu a span{height:4px;}
.allmenu a span:before{height:4px;top:calc(50% - 2px);}
.allmenu a span:after{height:4px;}

.allmenu.on a span:before{transform:translateY(0) rotate(-45deg);}
.allmenu.on a span:after{transform:translateY(-16px) rotate(45deg);}

#allmenuBox #gnb{left:17%;}
#allmenuBox #gnb .depth1>li{margin:40px 0;font-size:35px;}

#allmenuBox #gnb .depth2{padding:35px 0 20px 350px !important;}
#allmenuBox #gnb .depth2>li{margin:30px 0 0 0;font-size:19px;}
}
@media screen and (max-width:1100px){
header{height:109px;}
img.logo{width:67px;height:84px;}

header #gnb{display:none;}

.allmenu a span{margin-top:35px;}

#allmenuBox #gnb{left:14%;}
#allmenuBox #gnb .depth1>li{margin:35px 0;font-size:30px;}
}
@media screen and (max-width:860px){
header{height:96px;}
img.logo{width:57px;height:71px;}

.allmenu a{width:40px;height:30px;}

.allmenu.on a span:before{transform:translateY(-2px) rotate(-45deg);}

.allmenu a span{margin-top:32px;}

#allmenuBox #gnb{top:120px;left:10%;}
#allmenuBox #gnb .depth1>li{margin:35px 0;font-size:25px;}
#allmenuBox #gnb .depth1>li > a{padding-right:45px;}

#allmenuBox #gnb .depth2{padding:30px 0 20px 350px !important;}
#allmenuBox #gnb .depth2>li{font-size:18px;}
}
@media screen and (max-width:640px){
header{height:auto;}
header:before{display:none;}

header h1{position:absolute;top:10px;right:10px;}
header h1 a{margin:0;}
header h1 a img.color{display:none;}
header h1 a img.white{display:block;}
img.logo{width:77px;height:96px;transition:all 0.2s ease;}

.allBox{left:10px;top:10px;}

.allmenu{display:none;}


#allmenuBox{z-index:100000 !important;}
#allmenuBox .menuBox{background:none;}

#allmenuBox #gnb{padding:14px 0;top:0;left:20px;}
#allmenuBox #gnb a{color:#fff !important;}
#allmenuBox #gnb .depth1>li{margin:0;padding:7px 0;font-size:28px;min-height:20px;}
#allmenuBox #gnb .depth1>li>a{padding:0;font-family:'GmarketSansBold';}

#allmenuBox #gnb .depth2{padding:0 0 10px 10px !important;top:10px;}
#allmenuBox #gnb .depth2>li{margin:10px 0 0 0;font-size:20px;}


header.fix{background:none;}
header.fix img.logo{width:67px;height:84px;transition:all 0.2s ease;}



/* mobile allmenu show */
header h1 a img.color{display:block;}
header h1 a img.white{display:none;}

.allBox{position:static;}

#allmenuBox{position:static !important;height:auto !important;z-index:100000 !important;background:#fffaf7;padding-left:20px;margin:0 !important;}
#allmenuBox .menuBox{position:static !important;height:auto !important;}
#allmenuBox #gnb{position:static !important;}
#allmenuBox #gnb .depth1>li>a{color:#9c7747 !important;}

#allmenuBox #gnb .depth2>li a{color:rgba(156,119,71,0.6) !important;}
#allmenuBox #gnb .depth2>li a.active{color:rgba(156,119,71,1) !important;}

#allmenuBox #gnb .depth2.active{display:block !important;visibility:visible !important;}
}
/*
@media screen and (max-width:640px){
header{height:auto;}
header:before{display:none;}

header h1{position:absolute;top:10px;right:10px;z-index:100001;}
header h1 a{margin:0;}
header h1 a img.color{display:none;}
header h1 a img.white{display:block;}
img.logo{width:77px;height:96px;transition:all 0.2s ease;}

.allBox{left:10px;top:10px;}

.allmenu{display:none;}


#allmenuBox{width:calc(100vw - 77px);z-index:100000 !important;}
#allmenuBox .menuBox{background:none;}

#allmenuBox #gnb{padding:14px 0;top:0;left:20px;}
#allmenuBox #gnb a{color:#fff !important;}
#allmenuBox #gnb .depth1>li{margin:0;padding:7px 0;font-size:28px;min-height:20px;}
#allmenuBox #gnb .depth1>li>a{padding:0;font-family:'GmarketSansBold';}

#allmenuBox #gnb .depth2{padding:0 0 10px 10px !important;top:10px;}
#allmenuBox #gnb .depth2>li{margin:10px 0 0 0;font-size:20px;}


header.fix{background:none;}
header.fix img.logo{width:67px;height:84px;transition:all 0.2s ease;}



/* mobile allmenu show 
header h1 a img.color{display:block;}
header h1 a img.white{display:none;}

.allBox{position:fixed;}

#allmenuBox{position:fixed !important;z-index:100000 !important;background:#none;padding-left:20px;margin:0 !important;}
#allmenuBox .menuBox{position:absolute !important;}
#allmenuBox #gnb{position:absolute !important;}
#allmenuBox #gnb .depth1>li>a{color:#9c7747 !important;}

#allmenuBox #gnb .depth2>li a{color:rgba(156,119,71,0.6) !important;}
#allmenuBox #gnb .depth2>li a.active{color:rgba(156,119,71,1) !important;}

#allmenuBox #gnb .depth2.active{display:block !important;visibility:visible !important;}


/*
.fix #allmenuBox #gnb .depth1>li>a{color:#fff !important;}
.fix #allmenuBox #gnb .depth2>li a{color:rgba(255,255,255,0.6) !important;}
.fix #allmenuBox #gnb .depth2>li a.active{color:rgba(255,255,255,1) !important;}
}*/

@media screen and (max-width:540px){
img.logo{width:67px;height:84px;}
header.fix img.logo{width:57px;height:71px;}

#allmenuBox{padding-left:15px;}
#allmenuBox #gnb{left:15px;}
#allmenuBox #gnb .depth1>li{padding:6px 0;font-size:24px;min-height:auto;}
#allmenuBox #gnb .depth2>li{margin:8px 0 0 0;font-size:18px;}
}
@media screen and (max-width:440px){
img.logo{width:57px;height:71px;}
header.fix img.logo{width:47px;height:60px;}

#allmenuBox #gnb .depth1>li{padding:5px 0;font-size:20px;}
#allmenuBox #gnb .depth2>li{margin:6px 0 0 0;font-size:16px;}
}






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



@keyframes line_w {
	0%{width:0;}
	100% {width:100%;}
}
@keyframes line_w1 {
	0%{width:0;}
	100% {width:520px;}
}
@keyframes line_h {
	0%{height:0;}
	100% {height:100%;}
}
@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;}
	}
}




@keyframes scroll {
	0%{transform:translateX(3px);}
	50%{transform:translateX(-3px);}
	100%{transform:translateX(3px);}
}


@keyframes vsImg {
	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 scaleY_bar {
	0%{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);opacity:0;}
	100%{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:1;}
}

@keyframes ani_1 {
	0%{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);opacity: 0;}
	100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity: 1;}
}

@keyframes ani_2 {
	0%{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);opacity: 0;}
	100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity: 1;}
}

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

@keyframes ani_4 {
	0%{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);opacity: 0;}
	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity: 1;}
}
@keyframes ani_5 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


@keyframes ani_over {
	0% {opacity: 0;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes line_over {
	0%{ opacity:0;}
	80%{ opacity:0.3;}
	99%{ opacity:0.3;}
	100%{ opacity:0;}
}

@keyframes txt_big {
	0%{ opacity:0;}
	40%{opacity:0;}
	100%{ opacity:1;}
}
@-webkit-keyframes txt_big {
	0%{ opacity:0;}
	40%{opacity:0;}
	100%{ opacity:1;}
}

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


@keyframes txt_op {
	0%{opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes txt_op {
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes img_b {
	0%{transform:scale(1.2);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes img_b {
	0%{transform:scale(1.2);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}






/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;background:#fff;display:block;}
footer *{color:#9c7747;}

footer div{padding:30px 20px;}
footer img{margin-right:60px;}
footer font,
footer font a{font-size:14px;line-height:160%;font-family:'GmarketSansLight';}
footer font a{display:inline-block;}
footer font br.hide{display:none;}

@media screen and (max-width:1280px){
footer div{padding:20px;}
}
@media screen and (max-width:970px){
footer img{margin-right:40px;}
footer font,
footer font a{font-size:13px;}
}
@media screen and (max-width:820px){
footer img{margin-right:30px;}
footer font,
footer font a{font-size:12px;}
footer font br.hide{display:block;}
}
@media screen and (max-width:767px){
footer img{display:none;}
footer font,
footer font a{font-size:16px;}
}
@media screen and (max-width:640px){
footer{display:none;}
footer div{padding:10px 15px;}
footer font,
footer font a{font-size:15px;}
}
@media screen and (max-width:540px){
footer font,
footer font a{font-size:14px;}
}
@media screen and (max-width:460px){
footer div{padding:10px;}
footer font,
footer font a{font-size:13px;}
}
@media screen and (max-width:430px){
footer font,
footer font a{font-size:12px;}
}






/************************************************************************
* POPUP *
************************************************************************/
.ft_popup{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:99999;}
.ft_popup .popup_wrap{max-width:740px;margin:0 auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;background:#fff;}
.ft_popup .popup_wrap .titArea{height:60px;line-height:60px;padding:0 20px;position:relative;background:#000;text-align:left;}
.ft_popup .popup_wrap .titArea p{font-size:20px;font-weight:500;color:#fff;}

.ft_popup .popup_wrap .conArea{padding:25px 20px;}
.ft_popup .popup_wrap .conArea *{font-family:'Noto Sans KR';}
.ft_popup .popup_wrap .conArea p{line-height:1.5;font-size:15px;color:#333;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:380px;padding:20px;margin:10px 0;font-size:15px;border:1px solid #ddd;overflow-y:scroll;}

.ft_popup .popup_wrap .close{width:30px;height:30px;display:block;position:absolute;top:15px;right:35px;cursor:pointer;}
.ft_popup .popup_wrap .close:after{width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;content:"";transform:rotate(45deg);}
.ft_popup .popup_wrap .close:before{width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;content:"";transform:rotate(-45deg);}

@media screen and (max-width:767px) {
.ft_popup .popup_wrap{max-width:100%;}
.ft_popup .popup_wrap .conArea{padding:20px 15px;}
.ft_popup .popup_wrap .conArea p{font-size:15px;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:360px;padding:18px;font-size:14px;}
}
@media screen and (max-width:640px) {
.ft_popup .popup_wrap .titArea{height:50px;line-height:50px;padding:0 15px;}

.ft_popup .popup_wrap .conArea{padding:15px 10px;}
.ft_popup .popup_wrap .conArea p{font-size:14px;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:340px;padding:15px;font-size:13px;}

.ft_popup .popup_wrap .close{top:10px;right:30px;}
}

@media screen and (max-height:700px) {
.ft_popup .popup_wrap{height:100%;}
.ft_popup .popup_wrap .conArea{height:100%;padding-bottom:120px;overflow-y:scroll;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:100%;padding:10px;}
}






/************************************************************************
* ETC *
************************************************************************/
#back2top{width:70px;height:70px;position:fixed;bottom:20px;right:20px;display:none;z-index:98;box-shadow:2px 2px 20px rgba(0,0,0,0.1);border-radius:50%;}
#back2top>img{width:100%;cursor:pointer;}

@media screen and (max-width:767px){
#back2top{width:60px;height:60px;}
}
@media screen and (max-width:640px){
#back2top{width:50px;height:50px;bottom:10px;right:10px;}
}





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








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