@charset 'utf-8';
.body_hidden {height:100%; min-height:100%; overflow:hidden; touch-action:none;}

#wrap { min-height:calc(100vh - 280px); position:relative; background-color:#fff; }
@media screen and (max-width:1008px){
	#wrap { min-height:100%; }
}

.inner { max-width:1500px; width:100%; margin:0 auto; }
.inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
@media screen and (max-width:1540px){
	.inner { padding:0 20px; }
}

.font_Lato,
.font_Lato * { font-family:'Lato'; }

/* header */
header { position:absolute; top:0; left:0; width:100%; z-index:999; height:120px; transition:all .5s; }
header.over { border-bottom:1px solid #ddd; background-color:#fff; }
header.m-on { border-bottom:1px solid #ddd; }
header.m-on.over { background-color:#fff; }
header .topbox { position:relative; top:0; left:0; width:100%; }
header h1 { position:absolute; left:100px; text-align:left; padding:33px 0 0 0; z-index:999; transition:all 0.3s ease-in-out; }
header h1 a { display:inline-block; width:212px; transition:all 0.3s ease-in-out; }
header.over h1 .logo-475,
header.m-on h1 .logo-475{fill:#232222; transition:all 0.3s ease-in-out;}
header.over h1 .logo-473,
header.m-on h1 .logo-473{fill:#005f30; transition:all 0.3s ease-in-out;}
@media screen and (max-width:1400px){
    header h1 { left:60px; }
    header h1 a { width:200px; }
}
@media screen and (max-width:1280px){
    header h1 { left:30px; }
}
@media screen and (max-width:1024px){
    header h1 { left:0; width:100%; text-align:center; padding:25px 0 0 0; }
    .mainBody header h1 { padding-left:0; }
    header h1 a { width:180px; margin:0 auto; }
}
@media screen and (max-width:640px){
    header h1 { padding:18px 0 0 0; }
}


header #navi { position:relative; margin-right:300px; }
header #navi #gnb { position:relative; z-index:2; text-align:right; }
header #navi #gnb > ul { display:inline-block; }
header #navi #gnb > ul > li { position:relative; width:166px; margin:0 -2px; display:inline-block; }
header #navi #gnb > ul > li > a { position:relative; z-index:3; font-weight:600; font-size:18px; font-family:var(--font-family); color:#fff; letter-spacing:-0.02em; transition:all 0.3s ease; padding:48px 0 54px 0; display:block; text-align:center; }
header #navi.over #gnb > ul > li > a { color:#111; }
header #navi #gnb > ul > li > .subDepth { opacity:0; z-index:5; position:absolute; left:50%; transform:translateX(-50%); top:120px; width:100%; transition:all 1.0s; background:#fff; overflow:hidden }
header #navi #gnb > ul > li > .subDepth:before { content:""; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%); width:0; height:2px; background-color:#005F30; transition:all 0.6s ease-in-out }
header #navi #gnb > ul > li.on > .subDepth:before { width:100%; }
header #navi #gnb > ul > li.on > .subDepth { opacity:1; z-index:10 }
header #navi #gnb > ul > li > .subDepth > ul { text-align:center; padding:40px 12px; }
header #navi #gnb > ul > li > .subDepth > ul > li:not(:last-child){ margin-bottom:25px; }
header #navi #gnb > ul > li > .subDepth > ul > li > a { position:relative; font-size:16px; color:#999; font-weight:500; line-height:130%; letter-spacing:-0.02em; transition:all 0.3s ease; }
header #navi #gnb > ul > li > .subDepth > ul > li a:hover{ color:#005F30; }
header #navi #gnb > ul > li > .subDepth > ul > li > ul { display:none }
header.m-on #navi #gnb > ul > li > a { color:#111; }
header.m-on #navi #gnb > ul > li > .subDepth { background:#f6f6f6; }
@media screen and (max-width:1600px){
    header #navi { margin-right:250px; }
    header #navi #gnb > ul > li { width:155px; }
}
@media screen and (max-width:1500px){
    header #navi { margin-right:240px; }
    header #navi #gnb > ul > li { width:140px; }
    header #navi #gnb > ul > li > .subDepth { width:145px; }
}
@media screen and (max-width:1400px){
    header #navi { margin-right:200px; }
    header #navi #gnb > ul > li { width:130px; }
}
@media screen and (max-width:1280px){
    header #navi { margin-right:180px; }
    header #navi #gnb > ul > li { width:120px; }
    header #navi #gnb > ul > li > a { font-size:16px; }
    header #navi #gnb > ul > li > .subDepth > ul { padding:30px 5px; }
    header #navi #gnb > ul > li > .subDepth > ul > li:not(:last-child){ margin-bottom:18px; }
    header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:14px; }
}
@media screen and (max-width:1100px){
    header #navi { margin-right:160px; }
    header #navi #gnb > ul > li { width:110px; }
}
@media screen and (max-width:1024px){
    header #navi { display:none }
}

.language { position:absolute; right:185px; top:50px; width:60px; }
.language .sel { position:relative; z-index:5; padding:0 10px 0 7px; width:100%; cursor:pointer; display:block; font-family:var(--font-family); font-size:14px; font-weight:700; color:#fff; transition:all 0.4s ease-in-out; }
.language .sel:after { content:"\e936"; display:block; font-family:"xeicon"; font-size:14px; color:#fff; position:absolute; right:5px; top:0; transition:all 0.4s ease-in-out; }
header.over .language .sel,
header.over .language .sel:after { color:#111 }
.language.on .sel:after { transform:rotate(180deg); }
.language .box { position:absolute; left:50%; top:0; padding-top:20px; width:100%; transform:translateX(-50%); overflow:hidden }
.language.on .box { z-index:1; }
.language .box ul { opacity:0; padding:0; background-color:#fff; box-shadow:0px 0px 25px rgba(0, 95, 48, 0.1); border-radius:0; text-align:center; transition:all 0.3s; }
.language.on .box ul { opacity:1; }
.language ul li:first-child { padding-top:15px; }
.language ul li:last-child { padding-bottom:15px; }
.language ul li:not(:last-child) { margin-bottom:10px; }
.language ul li a { color:#ccc; font-size:14px; font-weight:400; transition:all 0.3s; font-family:var(--font-family); }
.language ul li a:hover { color:#111; }
header.m-on .language .sel,
header.m-on .language .sel:after { color:#111 }
header.m-on .language .box ul { background-color:#f6f6f6; }
header.m-on .language ul li a { color:#999; }
@media screen and (max-width:1400px){
    .language { right:120px; }
}
@media screen and (max-width:1280px){
    .language { right:90px; }
}
@media screen and (max-width:1024px){	
	.language { display:none; }
}

/*
.allBox { position:fixed; left:0; top:0; z-index:9999; width:100px; height:100vh; border-right:1px solid #ddd; background-color:#fff; transition:all 0.8s; }
.subBody .allBox { }
.allBox.on { background-color:#1a1a1a; z-index:999999; border-right:1px solid #1a1a1a; }
.allBox.on .allmenu { z-index:999; }
.allmenu { position:relative; width:100px; height:100px; display:flex; justify-content:center; align-items:center;}
.allmenu a {font-size:15px; font-weight:300; color:#fff; width:23px; height:20px; position:relative; display:block; margin:0 auto; }
.allmenu a:before { content:""; display:block; width:70%; height:2px; background-color:#000; position:absolute; left:0; top:9px; transition:all 0.3s ease }
.allmenu a:after { content:""; display:block; width:100%; height:2px; background-color:#000; position:absolute; left:0; top:18px; transition:all 0.5s ease }
.allmenu span { position:relative; display:block; background-color:#000; width:100%; height:2px; transition:all 0.5s ease }
.allBox.on .allmenu a:before { width:0; left:unset; right:0; }
.allBox.on .allmenu span,
.allBox.on .allmenu a:before,
.allBox.on .allmenu a:after { background-color:#fff; }
.allBox.on .allmenu span { transform:translate(-2px, 8px) rotate(45deg); }
.allBox.on .allmenu a:after { transform:translate(-2px, -10px) rotate(-45deg); }
@media screen and (max-width:1024px){
    .allBox { border-bottom:1px solid #ddd; }
    .allBox.on { border-bottom:1px solid #1a1a1a; }
    .allBox,
    .allmenu { width:80px; height:80px; }
    .subBody .allmenu { height:100%; }
}
@media screen and (max-width:640px){
    .allBox,
    .allmenu { width:60px; height:60px;}
}
*/
.allBox { position:absolute; right:70px; top:3px; z-index:9999; transition:all 0.8s; }
.subBody .allBox { }
.allBox.on { z-index:999999; }
.allBox.on .allmenu { z-index:999; }
.allmenu { position:relative; width:100px; height:100px; display:flex; justify-content:center; align-items:center;}
.allmenu a {font-size:15px; font-weight:300; color:#fff; width:39px; height:20px; position:relative; display:block; margin:0 auto; z-index:2 }
.allmenu a:before { content:""; display:none; width:70%; height:2px; background-color:#fff; position:absolute; left:0; top:9px; transition:all 0.3s ease }
.allmenu a:after { content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:26px; transition:all 0.5s ease }
.allmenu a > span { position:relative; display:block; background-color:#fff; width:100%; height:2px; transition:all 0.5s ease; text-align:center;  }
.allmenu .stxt { font-size:12px; display:block; transition:all 0.3s; color:#fff; position:absolute; left:50%; top:50%; padding-top:5px; transform:translate(-50%, -50%); }
.allBox.on .allmenu a:before { width:0; left:unset; right:0; }
.allBox.on .allmenu a > span,
.allBox.on .allmenu a:before,
.allBox.on .allmenu a:after { background-color:#fff; }
.allBox.on .allmenu a > span { transform:translate(-2px, 13px) rotate(45deg); }
.allBox.on .allmenu a:after { transform:translate(-2px, -13px) rotate(-45deg); }
.allBox.on .allmenu .stxt  { opacity:0; }
header.over .allmenu a > span,
header.m-on .allmenu a > span,
header.over .allmenu a:after,
header.m-on .allmenu a:after { background-color:#000; }
header.over .allmenu .stxt,
header.m-on .allmenu .stxt { color:#000; }
@media screen and (max-width:1400px){
    .allBox { right:30px; }
}
@media screen and (max-width:1280px){
    .allBox { right:0; }
}
@media screen and (max-width:1024px){
    .allBox,
    .allmenu { width:80px; height:80px; }
    .subBody .allmenu { height:100%; }
}
@media screen and (max-width:640px){
    .allBox,
    .allmenu { width:80px; height:60px;}
}

.web #allmenuBox { opacity:0; visibility:hidden; position:fixed; left:0; top:0; z-index:-11111; background:#1e1e1e; transition:all 1.0s ease-in-out; }
.web #allmenuBox .allCont { opacity:0; position:absolute; width:100%; height:100%;	}
.web #allmenuBox.on { opacity:1; width:100vw; height:100vh; visibility:visible; z-index:10000; }
.web #allmenuBox.on .allCont { opacity:1; animation:allBox 1.0s 0.2s; animation-fill-mode:both; }
.web #allmenuBox.off { animation:allBox_s 0.5s 0.1s; animation-fill-mode:both;	}
.web #allmenuBox .btn_close { border:1px solid #000 }
.web #allmenuBox .allCont .lang { position:absolute; right:110px; top:100px; z-index:33; }
.web #allmenuBox .allCont .lang ul { height:auto !important; display:flex; width:auto; }
.web #allmenuBox .allCont .lang li { position:relative; margin-left:15px; padding-left:15px; }
.web #allmenuBox .allCont .lang li:first-child { margin-left:0; padding-left:0; }
.web #allmenuBox .allCont .lang li:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#fff; } 
.web #allmenuBox .allCont .lang li:first-child:before { display:none }
.web #allmenuBox .allCont .lang li a { font-size:14px; font-weight:700; color:#555; font-family:var(--font-family); }
.web #allmenuBox .allCont .lang li.on a { color:#fff; }
.web #allmenuBox .allCont .aFooter { position:absolute; right:0; width:53%; bottom:50px; z-index:33; }
.web #allmenuBox .allCont .aFooter ul { padding-left:100px; display:flex; flex-wrap:wrap; }
.web #allmenuBox .allCont .aFooter ul li { position:relative; width:100%; color:#fff; font-weight:300; font-size:14px; opacity:0.8; }
.web #allmenuBox .allCont .aFooter ul li:not(last-child) { margin-bottom:12px }
.web #allmenuBox .allCont .aFooter ul li:nth-child(2),
.web #allmenuBox .allCont .aFooter ul li:nth-child(4) { display:none }
.web #allmenuBox .allCont .aFooter ul li:nth-child(1),
.web #allmenuBox .allCont .aFooter ul li:nth-child(3) { width:auto; }
.web #allmenuBox .allCont .aFooter ul li:nth-child(3) { margin-left:10px; padding-left:10px; }
.web #allmenuBox .allCont .aFooter ul li:nth-child(3):before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:rgba(255,255,255,0.8); } 
.web #allmenuBox .allCont .aFooter ul li span.s { display:inline-block; margin:0 2px; }
.web #allmenuBox .menuCont { height:100%; }
.web #allmenuBox .menuBox { position:relative; display:flex; align-items:center; width:100%; height:100%; }
.web #allmenuBox .menuBox:before { content:""; display:block; position:absolute; right:0; top:0; width:53%; height:100%; background:#0a0a0a url(/img/common/allmenu_bg.png) no-repeat right bottom; }
.web #allmenuBox .menuBox .menuTop { width:100%; }
.web #allmenuBox .menuBox .menuTop #gnb { width:100%; padding:0 0 0 200px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li { position:relative; width:100%; display:flex; align-items:center; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:not(:last-child) { margin-bottom:50px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { position:relative; color:#555; font-size:54px; font-weight:700; transition:all 0.3s ease-in-out; width:37%; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a:before { content:""; display:block; position:absolute; right:120px; top:50%; transform:translateY(-50%); opacity:0; width:11px; height:19px; background:url(/img/common/allmenu_arr.png) no-repeat center center; transition:all 0.3s ease-in-out; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover > a:before { right:80px; opacity:1; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover { z-index:3; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover > a,
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a:hover { color:#fff; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 37%); margin-top:-20px;}
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(4) > .subDepth { margin-top:-100px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(5) > .subDepth { margin-top:-180px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(6) > a:before { display:none }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul { display:none; padding-left:100px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover > .subDepth > ul { display:block; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { position:relative; opacity:1; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:40px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { color:rgba(255,255,255,0.3); font-size:24px; font-weight:400; white-space:nowrap; transition:all 0.3s ease-in-out;}
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a:hover,
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li.on > a { color:#fff; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul { position:relative; padding:20px 0 10px 5px; display:flex; gap:20px 40px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a { font-size:20px; font-weight:300; color:rgba(255,255,255,0.3); }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a:hover { color:rgba(255,255,255,1); }
.web #allmenuBox .leftbox { display:none }
@media screen and (max-width:1600px){
    .web #allmenuBox .menuBox .menuTop #gnb { padding:0 0 0 180px; }
}
@media screen and (max-width:1400px){
    .web #allmenuBox .menuBox:before { background-size:60% auto; }
    .web #allmenuBox .menuBox .menuTop #gnb { padding:0 0 0 140px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li:not(:last-child) { margin-bottom:40px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:48px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(4) > .subDepth { margin-top:-80px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(5) > .subDepth { margin-top:-160px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:35px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { font-size:22px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul { padding:18px 0 10px 5px; gap:20px 30px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a { font-size:19px; }
}
@media screen and (max-width:1280px){
    .web #allmenuBox .menuBox:before { background-size:45% auto; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:36px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(4) > .subDepth { margin-top:-70px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li:nth-child(5) > .subDepth { margin-top:-150px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:30px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { font-size:20px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul { gap:20px 25px; }
    .web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a { font-size:18px; }
}

.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { opacity:0; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }

.mobile #allmenuBox { position:fixed; right:-480px; top:0; max-width:480px; width:100%; height:100vh; background:#1e1e1e; z-index:10000; transition:all 0.3s 0.1s ease-in-out; }
.mobile #allmenuBox.on { right:0; }
.mobile #allmenuBox:before { content:""; display:block; position:absolute; right:0; top:0; width:100%; height:100%; background:url(/img/common/allmenu_bg.png) no-repeat right bottom; background-size:50% auto; }
.mobile #allmenuBox .allCont .lang { position:absolute; right:35px; top:35px; z-index:33; }
.mobile #allmenuBox .allCont .lang ul { height:auto !important; display:flex; width:auto; }
.mobile #allmenuBox .allCont .lang li { position:relative; margin-left:15px; padding-left:15px; }
.mobile #allmenuBox .allCont .lang li:first-child { margin-left:0; padding-left:0; }
.mobile #allmenuBox .allCont .lang li:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#fff; } 
.mobile #allmenuBox .allCont .lang li:first-child:before { display:none }
.mobile #allmenuBox .allCont .lang li a { font-size:14px; font-weight:700; color:#555; font-family:var(--font-family); }
.mobile #allmenuBox .allCont .lang li.on a { color:#fff; }
.mobile #allmenuBox .allCont .aFooter { position:absolute; left:0; bottom:80px; width:100%; z-index:33; text-align:center; }
.mobile #allmenuBox .allCont .aFooter ul { display:flex; flex-wrap:wrap; justify-content:center; }
.mobile #allmenuBox .allCont .aFooter ul li { position:relative; width:100%; color:#fff; font-weight:300; font-size:14px; opacity:0.8; }
.mobile #allmenuBox .allCont .aFooter ul li:not(last-child) { margin-bottom:12px }
.mobile #allmenuBox .allCont .aFooter ul li:nth-child(2),
.mobile #allmenuBox .allCont .aFooter ul li:nth-child(4) { display:none }
.mobile #allmenuBox .allCont .aFooter ul li:nth-child(1),
.mobile #allmenuBox .allCont .aFooter ul li:nth-child(3) { width:auto; }
.mobile #allmenuBox .allCont .aFooter ul li:nth-child(3) { margin-left:10px; padding-left:10px; }
.mobile #allmenuBox .allCont .aFooter ul li:nth-child(3):before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:rgba(255,255,255,0.8); } 
.mobile #allmenuBox .allCont .aFooter ul li span.s { display:inline-block; margin:0 2px; }
.mobile #allmenuBox .menuBox { height:100%; }
.mobile #allmenuBox #gnb { position:absolute; top:110px; left:0; width:100%; padding:0 40px; height:calc(100% - 110px - 160px); overflow:auto; text-align:left; }
.mobile #allmenuBox #gnb > ul > li { position:relative; margin-top:40px; }
.mobile #allmenuBox #gnb > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox #gnb > ul > li > a { position:relative; color:#fff; font-weight:700; font-size:26px; display:inline-block; }
.mobile #allmenuBox #gnb > ul > li > .subDepth { position:relative; display:none; padding:25px 0 10px 0; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li { position:relative; margin-top:15px; padding-left:10px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a { position:relative; color:#fff; font-weight:400; font-size:17px; display:inline-block; padding-right:20px; }
.mobile #allmenuBox #gnb > ul > li .sub-menu > li.sm > a:after { content:"\e914"; display:block; position:absolute; right:0; top:1px; color:#777; font-family:xeicon; font-size:13px; font-weight:300; }
.mobile #allmenuBox #gnb > ul > li .sub-menu > li.sm.active > a:after { content:"\e91b"; color:#000; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul { padding:8px 0 20px 15px; display:none; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li { margin-top:10px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a { font-size:14px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a:hover { color:#666; }
@media screen and (max-width:1024px){
    .mobile #allmenuBox .allCont .lang { right:100px; top:40px; }
}
@media screen and (max-width:640px){
    .mobile #allmenuBox .allCont .lang { right:80px; top:30px; }
	.mobile #allmenuBox #gnb { top:100px; padding:0 20px; }
	.mobile #allmenuBox #gnb > ul > li { margin-top:25px; }
	.mobile #allmenuBox #gnb > ul > li > a { font-size:22px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth { padding:20px 0 10px 0; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li { margin-top:12px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a { font-size:16px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul { padding:0px 0 10px 15px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li { margin-top:8px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a { font-size:13px; }
}

footer { position:relative; background-color:#121212; position:relative; z-index:10; height:630px; }
.body_hidden footer { z-index:9; }
.fp-viewing-LAST .allBox { height:calc(100vh - 630px) }
.fp-viewing-LAST .ov .allBox { height:100vh }
.fp-viewing-LAST .inquiry-btn { bottom:670px; }
footer .footer_box { position:relative; padding:100px; }
footer .footer_box .b_info .flogo { width:252px; }
footer .footer_box .fbox { margin-top:80px; }
footer .footer_box .fbox .tit { font-weight:700; color:#fff; font-size:16px; letter-spacing:-0.02em; }
footer .footer_box .fbox ul { max-width:900px; }
footer .footer_box .fbox li { font-weight:400; color:#888; font-size:14px; letter-spacing:-0.02em; display:inline-block; margin:18px 20px 0 0; line-height:1.3 }
footer .footer_box .fbox li .s { display:none }
footer .footer_box .fbox li strong { font-weight:700; color:#fff; display:inline-block; margin-right:10px; }
footer .footer_box .fmenu { margin-top:60px; }
footer .footer_box .fmenu ul { display:flex; gap:0 20px; }
footer .footer_box .fmenu ul li a { width:155px; height:48px; border:1px solid rgba(255, 255, 255, 0.2); font-weight:400; color:#fff; font-size:14px; letter-spacing:-0.02em; display:flex; justify-content:center; align-items:center; }
footer .footer_box .all-menu { position:absolute; top:100px; right:100px; }
footer .footer_box .all-menu > ul { display:flex; gap:0 40px; text-align:center; } 
footer .footer_box .all-menu > ul > li { min-width:62px; }
footer .footer_box .all-menu > ul > li > a { font-weight:700; color:#fff; font-size:18px; letter-spacing:-0.02em; }
footer .footer_box .all-menu > ul > li .subDepth { padding-top:30px; }
footer .footer_box .all-menu > ul > li .subDepth li:not(:last-child) { margin-bottom:20px; }
footer .footer_box .all-menu > ul > li .subDepth li a { font-weight:400; color:#888; font-size:16px; letter-spacing:-0.02em; }
footer .footer_box .all-menu > ul > li .subDepth li a span.br { display:block }
footer .footer_box .all-menu > ul > li .subDepth li ul { display:none }
footer .copyright { position:absolute; left:0; bottom:0; height:80px; width:100%; font-family:var(--font-family); font-weight:700; color:#fff; font-size:14px; letter-spacing:-0.02em; border-top:1px solid rgba(255,255,255,0.1); display:flex; justify-content:center; align-items:center; }
@media screen and (max-width:1820px){
    footer .footer_box .fbox .infobox ul:first-child > li:nth-child(2) { width:70%; }
    footer .footer_box .all-menu > ul { display:flex; gap:0 35px; } 
}
@media screen and (max-width:1400px){
    footer .footer_box .all-menu { right:60px; }
}
@media screen and (max-width:1280px){
    footer .footer_box .b_info .flogo { width:230px; }
    footer .footer_box .all-menu { right:30px; }
    footer .footer_box .all-menu > ul { display:flex; gap:0 30px; } 
    footer .footer_box .all-menu > ul > li > a { font-size:16px; }
    footer .footer_box .all-menu > ul > li .subDepth { padding-top:25px; }
    footer .footer_box .all-menu > ul > li .subDepth li:not(:last-child) { margin-bottom:15px; }
    footer .footer_box .all-menu > ul > li .subDepth li a { font-size:14px; }
}
@media screen and (max-width:1140px){
    footer .footer_box .all-menu { display:none; }
}
@media screen and (max-width:1024px){
    footer { height:550px; }
    .fp-viewing-LAST .allBox { height:auto }
    .fp-viewing-LAST .inquiry-btn { bottom:20px; }
    footer .footer_box { padding:80px 20px; }
    footer .footer_box .b_info .flogo { width:200px; margin:0 auto }
    footer .footer_box .fbox { margin-top:50px;  }
    footer .footer_box .fbox .tit { font-size:16px; text-align:center;}
    footer .footer_box .fbox ul { max-width:900px; padding-top:5px; }
    footer .footer_box .fbox li { font-size:14px;  margin:10px 15px 0 0; }
    footer .footer_box .fbox li strong { margin-right:6px; }
    footer .footer_box .fbox .infobox ul:first-child > li:nth-child(2) { width:auto; }
    footer .footer_box .fmenu { margin-top:50px; }
    footer .footer_box .fmenu ul { gap:20px 20px; justify-content:center;}
    footer .footer_box .fmenu ul li a { width:130px; height:40px; font-size:14px; }
}
@media screen and (max-width:640px){
    footer { height:570px; }
    footer .footer_box { padding:60px 20px; }
    footer .footer_box .fbox { margin-top:40px;  }
    footer .footer_box .fbox .infobox ul { text-align:center }
    footer .footer_box .fbox .infobox ul:nth-child(2) { margin-top:10px; }
    footer .footer_box .fbox .infobox ul:nth-child(2) > li strong { display:block; margin-bottom:2px; }
    footer .footer_box .fmenu { margin-top:40px; }
}

#btn_top { position:fixed; bottom:40px; right:40px; width:120px; z-index:2; text-align:center;	}
.mainBody #btn_top { display:none }
#btn_top .txt { margin-top:0px; display:block; font-size:16px; font-weight:700; color:#005f30;}
@media screen and (max-width:1024px){
    #btn_top { right:20px; width:100px; }
}
@media screen and (max-width:760px){
    #btn_top { right:10px; width:80px; }
    #btn_top .txt { font-size:14px; }
}

.inquiry-btn { position:fixed; right:40px; bottom:40px; z-index:99; background:none; border:none; outline:none; width:120px; height:120px; transition:all 0.8s;}
.subBody .inquiry-btn { bottom:90px; }
.inquiry-btn .icon { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.inquiry-btn .txt_ani { transform-origin:center; animation:rotate 8s linear infinite; }
.inquiry-btn .txt_box { transition:all 0.3s ease; opacity:1; }
.subBody .inquiry-btn .inquiry-txt,
.fp-viewing-BUSINESS .inquiry-btn .inquiry-txt { fill:#005F30;opacity:1;transition:all 0.3s ease-in-out; }
.subBody .inquiry-btn .inquiry-circle,
.fp-viewing-BUSINESS .inquiry-btn .inquiry-circle{ fill:#005F30;opacity:1;transition:all 0.3s ease-in-out; }
@media screen and (max-width:1024px){
    .inquiry-btn { right:20px; bottom:20px; width:100px; height:100px; }
    .inquiry-btn .svg { width:100px; height:100px; }
    .inquiry-btn .icon { width:25px; }
}
@media screen and (max-width:760px){
    .inquiry-btn { right:10px; bottom:10px;}
    .inquiry-btn,
    .inquiry-btn .svg { width:80px; height:80px; }
    .inquiry-btn .icon { width:22px; }
}


/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:0; font-size:18px; line-height:140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align:left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top:0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top:30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:17px;color:#005f30;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:17px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top:10px; }
.privacy > dl > dd ul li:first-child { margin-top:0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height:140%; margin-top:8px;}
.sTxt h3 { font-size:18px; color:#333; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 8px; }
.privacy .content_lv1{ margin-bottom:10px; font-size:18px; line-height:170%; color:#333; }
.privacy .content_lv2 { margin-bottom:10px; font-size:17px; line-height:170%; color:#333; padding-left:20px; }
.privacy table { }
.privacy th { padding:12px 20px; border:1px solid #ddd; background-color:#fafafa; font-weight:700; color:#333 }
.privacy td { padding:12px 20px; border:1px solid #ddd }
@media screen and (max-width:640px){
    .privacy { font-size:16px; }
    .privacy h2 { font-size:16px; }
    .privacy > dl > dt{ font-size:15px; }
    .privacy > dl > dd{ font-size:15px; }
    .sTxt h3 { font-size:16px; }
    .privacy .content_lv1{ font-size:16px; }
    .privacy .content_lv2 { font-size:15px; }
}

/* slick-slider 필수 css */
/* .slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;} */
.slick-slider{position:relative; display:block; user-select:text !important; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform:translate3d(0,0,0);}
.slick-slide img{display:block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list { transform:translate3d(0, 0, 0); }
.slick-slide { transform:translate3d(0,0,0); }