@charset "utf-8";

.body_hidden {height:100%; min-height:100%; overflow:hidden; touch-action:none;}
#wrap {  position:relative; background-color:#fff; }


body,html { min-height:100% }


.inner1700 { position:relative; max-width:1700px; margin:0 auto; }
.inner1500 { position:relative; max-width:1500px; margin:0 auto; }
@media screen and (max-width:1740px){
	.inner1700 { padding:0 20px; }
}
@media screen and (max-width:1540px){
	.inner1500 { padding:0 20px; }
}
:root { 
    --rootFont:Pretendard;
    --mainFont:Outfit;
    --subFont:Lato;
    --mainColor:#005CCD; 
    --subColor:#df2a23; 
}

/* header */
header { position:absolute; top:0; left:0; width:100%; z-index:90; transition:all 0.3s; }
header h1 { position:absolute; left:0; top:0; padding:45px 0 0 0; z-index:10; }
header h1 a { display:block; }
header h1 a img,
header h1 a svg { width:203px; height:auto; }
header h1 a svg .logo-1 { transition:all 0.4s; }
header.on h1 a svg .logo-1 { stroke:#231815; fill:#231815;}
header.on h1 a svg .logo-2 { fill:#a20000; }
header.on h1 a svg .logo-3 { stroke:#231815; fill:#231815;}
@media screen and (max-width:1740px){
	header h1 { padding:40px 0 0 20px; }
}
@media screen and (max-width:640px){
	header.fix { position:fixed; transform:translateY(-100px); }
	header.fix:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100px; background:rgba(0,0,0,0.5); }
	header.fix.nav-down { transform:translateY(0); }
	header h1 { padding:45px 0 0 20px; }
	header h1 a img,
	header h1 a svg { width:150px; }
}


header .topbox { position:absolute; top:15px; right:0; display:flex; z-index:10; }
header .topbox .tmenu { margin-right:30px; display:flex; }
header .topbox .tmenu > ul { display:flex; }
header .topbox .tmenu > ul:not(:last-child) { margin-right:30px; }
header .topbox .tmenu > ul > li:not(:last-child) { margin-right:30px; }
header .topbox .tmenu > ul > li a { font-size:16px; color:#fff; font-weight:200; line-height:1.3; }
header.on .topbox .tmenu > ul > li a { color:#666; }
header .topbox .tmenu > ul > li span { display:none }
@media screen and (max-width:1740px){
	header .topbox { right:20px; }
}
@media screen and (max-width:640px){
	header .topbox { right:20px; }
	header .topbox .tmenu { margin-right:0; }
	header .topbox .tmenu > ul.md { display:none }
}

header #navi { position:relative; z-index:5; display:flex; justify-content:center; padding-top:41px; }
header #navi #gnb .menu > ul { display:flex; text-align:center; }
header #navi #gnb .menu > ul > li { position:relative; width:200px; }
header #navi #gnb .menu > ul > li:not(:last-child) { margin-right:1px; }
header #navi #gnb .menu > ul > li:before { content:""; display:block; position:absolute; left:0; top:-41px; background:#fff; width:100%; height:112px; opacity:0; transition:all 0.4s; }
header #navi #gnb .menu > ul > li.on:before { opacity:1; }
header #navi #gnb .menu > ul > li > a { position:relative; display:flex; height:71px; justify-content:center; align-items:center; color:#fff; font-size:18px; font-weight:600; transition:all 0.3s ease-in-out; }
header #navi #gnb .menu > ul > li > a:before { content:""; display:block; position:absolute; left:30px; bottom:0; background:var(--mainColor); width:0; height:1px; transition:all 0.3s }
header #navi #gnb .menu > ul > li > a > strong { font-weight:600; }
header #navi #gnb .menu > ul > li > a > span { display:none }
header #navi #gnb .menu > ul > li:not(:last-child) > a:after { content:""; display:block; position:absolute; right:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:rgba(255,255,255,0.2); }
header #navi #gnb .menu > ul > li.on > a { color:#111; }
header #navi #gnb .menu > ul > li.on > a:before { width:calc(100% - 60px); }
header #navi #gnb .menu > ul > li > .subDepth { position:absolute; left:50%; top:71px; transform:translateX(-50%); display:none; background:#fff; }
header #navi #gnb .menu > ul > li > .subDepth > ul { width:200px; text-align:left; padding:40px 0 30px; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li { position:relative; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:5px; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li.sm:before { content:""; display:block; width:8px; height:12px; position:absolute; right:28px; top:50%; transform:translateY(-50%); z-index:3; background:url(/img/common/gnb_arr.png) left center no-repeat; transition:all 0.3s ease-in-out; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li.active.sm:before { background:url(/img/common/gnb_arr_on.png) left center no-repeat; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li > a { position:relative; font-size:16px; color:#333; font-weight:400; line-height:1.3; transition:all 0.3s; padding:5px 40px 5px 30px; display:block; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li.active > a,
header #navi #gnb .menu > ul > li > .subDepth > ul > li > a:hover { color:var(--mainColor); }
header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 { z-index:-11; opacity:0; visibility:hidden; position:absolute; left:200px; width:200px; top:-40px; background:#f5f5f5; overflow:hidden; padding:40px 0; }
header.over #navi #gnb .menu > ul > li.on > .subDepth > ul > li.active .depth3 { opacity:1; visibility:visible; z-index:5; animation:ani_5 0.4s 0.1s; width:100%; animation-fill-mode:both; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 li { }
header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 li:not(:last-child) { margin-bottom:10px; }
header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 li a { padding:5px 30px; width:100%; display:flex; font-size:16px; color:#666; font-weight:400; line-height:1.3;}
header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 li a:hover { color:var(--mainColor); }
header.over #navi #gnb .menu > ul > li.on > .subDepth > ul > li.active .depth3  li a { animation:ani_1 0.5s 0.2s; animation-fill-mode:both;}
header.on #navi #gnb .menu > ul > li > a { color:#222 }
header.on #navi #gnb .menu > ul > li:not(:last-child) > a:after { background:#ddd; }
@media screen and (max-width:1740px){
    header #navi { padding-left:9%; }
}
@media screen and (max-width:1600px){
    header #navi #gnb .menu > ul > li,
	header #navi #gnb .menu > ul > li > .subDepth > ul,
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 { width:180px; }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 { left:180px; }
	
	header #navi #gnb .menu > ul > li > a:before { left:20px; }
	header #navi #gnb .menu > ul > li.on > a:before { width:calc(100% - 40px); }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li > a,
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 li a { padding:5px 30px 5px 20px; }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li.sm:before { right:20px; }
}
@media screen and (max-width:1400px){
    header #navi #gnb .menu > ul > li,
	header #navi #gnb .menu > ul > li > .subDepth > ul,
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 { width:160px; }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 { left:160px; }

	header #navi #gnb .menu > ul > li > .subDepth > ul,
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 { padding:30px 0; top:-30px; }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:3px; }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 li:not(:last-child) { margin-bottom:5px; }

	header #navi #gnb .menu > ul > li > a:before { left:15px; }
	header #navi #gnb .menu > ul > li.on > a:before { width:calc(100% - 30px); }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li > a { padding:5px 25px 5px 15px; font-size:15px; }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li .depth3 li a { padding:5px 10px; font-size:15px; }
	header #navi #gnb .menu > ul > li > .subDepth > ul > li.sm:before { right:15px; }
}
@media screen and (max-width:1280px){
    header #navi { display:none }
}

header .language { position:relative; }
header .language > a { position:relative; padding:0 20px 3px 0; font-size:14px; display:inline-block; color:#fff; font-weight:400; line-height:1.3; }
header .language > a i { transition:all 0.3s; position:absolute; right:0; top:50%; width:10px; height:6px; margin-top:-5px; text-indent:-9999em; overflow:hidden; background:url(/img/common/lang_arr.png) center center no-repeat; }
header .language > a.on i { transform:rotate(180deg); }
header .language .box { position:absolute; top:24px; left:0; width:100%; display:none }
header .language ul { padding:10px 2px; text-align:center; width:100%; background:rgba(255,255,255,0.1); border-radius:5px; backdrop-filter:blur(5px); }
header .language ul li:not(:last-child) { margin-bottom:4px; }
header .language ul li a { font-size:14px; color:rgba(255,255,255,0.7); font-weight:400; line-height:1.3; letter-spacing:-0.02em; }
header .language ul li.on a,
header .language ul li a:hover { color:#fff; }
header.on .language > a { color:#666; }
header.on .language > a i { background:url(/img/common/lang_arr_on.png) center center no-repeat; }
header.on .language ul { background:rgba(0,0,0,0.1); }
header.on .language ul li a { color:#555; }

header .top-right { position:absolute; z-index:7; right:0; top:65px; display:block; display:flex; align-items:center; }
header .topSearch  { margin-right:30px; }
header .topSearch svg { width:30px; height:auto; vertical-align:middle }
header.on .topSearch svg .search-3 { stroke:#000; fill:#000; }
@media screen and (max-width:1740px){
	header .top-right { right:20px; }
}
@media screen and (max-width:640px){
	header .top-right { top:50px; }
	header .topSearch { margin-right:15px; }
	header .topSearch .topSearch svg { width:26px; }
}

.allmenu { position:relative; z-index:7; }
.allmenu a { position:relative; width:24px; height:22px; display:block; }
.allmenu span { position:absolute; width:100%; height:2px; background:#fff; display:block; left:0; top:0; transition:all 0.3s; }
.allmenu span:before { content:""; display:block; width:18px; height:2px; border-radius:2px; background:#fff; position:absolute; left:8px; top:10px; transition:all 0.3s; }
.allmenu span:after { content:""; display:block; width:100%; height:2px; border-radius:2px; background:#fff; position:absolute; left:0; top:20px; transition:all 0.3s; }
.allmenu a:hover span,
.allmenu a:hover span:after { width:18px; }
.allmenu a:hover span:before { width:24px; left:0; }
header.on .allmenu span,
header.on .allmenu span:before,
header.on .allmenu span:after { background:#000; }
@media screen and (max-width:640px){
	.allmenu a { width:20px; height:20px; }
	.allmenu span:before { width:16px; left:4px; top:8px; }
	.allmenu span:after { top:16px; }
	.allmenu a:hover span,
	.allmenu a:hover span:after { width:16px; }
	.allmenu a:hover span:before { width:20px; }
}

#allmenuBox .a-box .allTxt { display:none }
#allmenuBox .a-box .allTxt .all-logo { opacity:0 }
.web #allmenuBox { visibility:hidden; z-index:-111; display:block; position:absolute; left:0; top:0; width:100%; height:100vh; }
.web #allmenuBox.on { visibility:visible; z-index:999; }
.web #allmenuBox:before { transition:all 0.5s; content:""; display:block; width:calc(100% - 20%); height:calc(100% - 20%); background:#fff; position:absolute; left:10%; top:10%; opacity:0 }
.web #allmenuBox.on:before { width:100%; height:100%; left:0; top:0; opacity:1 }
.web #allmenuBox .a-box { position:relative; z-index:2; display:flex; width:100%; }
.web #allmenuBox .a-box .left { width:32%; height:100vh; background:url(/img/common/allmenu_bg.jpg) no-repeat center / cover; }
.web #allmenuBox.on .a-box .left { animation:ani_5 0.5s 0.2s; animation-fill-mode:both}
.web #allmenuBox .a-box .logo { position:absolute; left:60px; top:35px; }
.web #allmenuBox .a-box .logo img,
.web #allmenuBox .a-box .logo svg { width:178px; }
.web #allmenuBox .a-box .info { position:absolute; left:60px; bottom:60px; }
.web #allmenuBox .a-box .info .sns > ul > li:not(:last-child) { margin-bottom:10px; }
.web #allmenuBox .a-box .info .sns > ul > li > a { display:inline-block; font-size:15px; font-weight:400; color:#fff; line-height:1.3; border:1px solid #fff; border-radius:40px; padding:11px 20px; }
.web #allmenuBox .a-box .info .sns > ul > li > a > span { display:none; }
.web #allmenuBox .a-box .info .aFooter { margin-top:30px; font-size:16px; font-weight:400; color:#fff; line-height:1.3; }
.web #allmenuBox .a-box .menuBox { width:calc(68% - 50px); height:100vh; padding:10% 0 0 100px; }
.web #allmenuBox .a-box .menuBox #gnb { height:calc(100% - 12%); }
.web #allmenuBox .a-box .menuBox .menu { height:100% }
.web #allmenuBox .a-box .menuBox .menu ul { position:relative; width:100%; }
.web #allmenuBox .a-box .menuBox .menu ul > li { width:100%; }
.web #allmenuBox .a-box .menuBox .menu ul > li:not(:last-child) { margin-bottom:50px; }
.web #allmenuBox .a-box .menuBox .menu ul > li > a { font-size:40px; font-weight:500; color:#111; line-height:1.3; letter-spacing:2.4px; }
.web #allmenuBox .a-box .menuBox .menu ul > li > a > strong { display:none }
.web #allmenuBox .a-box .menuBox .menu ul > li > a > span { font-weight:500; font-family:var(--mainFont); }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth { display:none; padding-top:20px; }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul { display:flex; flex-wrap:wrap; width:100%; }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li:not(:last-child) { margin-bottom:20px; }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li { position:relative; width:20%; }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li > a { width:175px; font-size:18px; font-weight:500; color:#333; letter-spacing:-0.02em; line-height:1.3; display:inline-block; padding-right:17px; background:#fff url(/img/common/allmenu_arr.png) right 6px no-repeat; }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li > a > br { display:none }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li > a > span { display:block }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li > ul { width:calc(100% - 20%); padding-left:3%; display:flex; flex-wrap:wrap; gap:10px 0 }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li li:not(:last-child) { margin-bottom:0; }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li li { width:25%; }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li li a { font-size:16px; font-weight:300; color:#555; letter-spacing:-0.02em; line-height:1.3 }
.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li.sm { display:flex; } 
.web #allmenuBox .a-box .menuBox .menu ul > li:nth-child(2) .subDepth > ul > li,
.web #allmenuBox .a-box .menuBox .menu ul > li:nth-child(3) .subDepth > ul > li,
.web #allmenuBox .a-box .menuBox .menu ul > li:nth-child(4) .subDepth > ul > li { width:100%; }
/* .web #allmenuBox .a-box .menuBox .menu ul > li:nth-child(2) .subDepth > ul > li:nth-child(2) ul { margin-top:-65px; } */
@media screen and (max-width:1740px){
	.web #allmenuBox .a-box .logo { left:40px; }
	.web #allmenuBox .a-box .info { left:40px; bottom:40px; }
}
@media screen and (max-width:1600px){
	.web #allmenuBox .a-box .left { width:25%; }
	.web #allmenuBox .a-box .menuBox { width:calc(75% - 40px); padding:10% 0 0 50px; }
}
@media screen and (max-width:1440px){
	.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li { width:25%; }
	.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li li { width:33.333%; }
}
@media screen and (max-width:1280px){
	.web #allmenuBox .a-box .menuBox .menu ul > li:not(:last-child) { margin-bottom:40px; }
	.web #allmenuBox .a-box .menuBox .menu ul > li > a { font-size:30px; }
	.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth { padding-top:15px; }
	.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li:not(:last-child) { margin-bottom:15px; }
	.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li > a { font-size:17px; }
	.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li li a { font-size:15px; }
	.web #allmenuBox .a-box .menuBox .menu ul > li .subDepth > ul > li > ul { gap:7px 0 }
}

.web #allmenuBox.on .btn_close { position:absolute; right:60px; top:40px; z-index:10; }
.web #allmenuBox.on .btn_close a { position:relative; width:24px; height:24px; display:block; }
.web #allmenuBox.on .btn_close span { position:absolute; width:0; height:2px; background:#000; display:block; left:0; top:0; transition:all 0.3s; }
.web #allmenuBox.on .btn_close span:before { content:""; display:block; width:30px; height:2px; border-radius:2px; background:#000; position:absolute; left:0; top:0; margin:10px 0 0 -4px; transform:rotate(45deg); }
.web #allmenuBox.on .btn_close span:after { content:""; display:block; width:30px; height:2px; border-radius:2px;background:#000; position:absolute; left:0; top:0;  margin:10px 0 0 -4px; transform:rotate(-45deg);}

.web #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.web #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:3px; }
.web #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { height:3px; }
.web #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#333; width:3px; border-radius:3px; opacity:1 }
.web #allmenuBox .a-box .menuBox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.web #allmenuBox .a-box .menuBox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.web #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.web #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#333; border-radius:3px; opacity:1 }


/* animation */
.web #allmenuBox .logo { opacity:0; }
.web #allmenuBox.on .logo { animation:ani_4 0.7s 0.3s; animation-fill-mode:both; }
.web #allmenuBox .info { opacity:0; }
.web #allmenuBox.on .info { animation:ani_3 0.7s 0.3s; animation-fill-mode:both; }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li { opacity:0 }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li:nth-child(1) { animation:ani_2 0.7s 0.1s; animation-fill-mode:both; }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li:nth-child(2) { animation:ani_2 0.7s 0.3s; animation-fill-mode:both; }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li:nth-child(3) { animation:ani_2 0.7s 0.5s; animation-fill-mode:both; }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li:nth-child(4) { animation:ani_2 0.7s 0.7s; animation-fill-mode:both; }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li:nth-child(5) { animation:ani_2 0.7s 0.9s; animation-fill-mode:both; }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li:nth-child(6) { animation:ani_2 0.7s 1.1s; animation-fill-mode:both; }
.web #allmenuBox.on .a-box .menuBox .menu > ul > li:nth-child(7) { animation:ani_2 0.7s 1.3s; animation-fill-mode:both; }
.web #allmenuBox .btn_close { opacity:0 }
.web #allmenuBox.on .btn_close { animation:ani_5 0.7s 0.3s; animation-fill-mode:both; }

.mobile #allmenuBox { display:block; position:fixed; right:-480px; top:0; max-width:480px; width:100%; height:calc(var(--vh) * 100); background:#00061c; z-index:100000; transition:all 0.3s 0.1s ease-in-out; }
.mobile #allmenuBox.on { right:0; }
.mobile #allmenuBox .a-box .logo { position:absolute; left:20px; top:20px; opacity:0;  }
.mobile #allmenuBox .a-box .logo svg { width:150px; }
.mobile #allmenuBox .a-box .info { position:absolute; left:0; bottom:20px; width:100%; opacity:0; }
.mobile #allmenuBox .a-box .info .sns > ul { display:flex; justify-content:center; }
.mobile #allmenuBox .a-box .info .sns > ul > li:not(:last-child) { margin-right:10px; }
.mobile #allmenuBox .a-box .info .sns > ul > li > a { display:inline-block; font-size:15px; font-weight:400; color:#fff; line-height:1.3; border:1px solid #fff; border-radius:40px; padding:8px 15px; }
.mobile #allmenuBox .a-box .info .sns > ul > li > a > span { display:none; }
.mobile #allmenuBox .a-box .info .aFooter { text-align:center; margin-top:15px; font-size:15px; font-weight:400; color:#fff; line-height:1.3; }
.mobile #allmenuBox .a-box .menuBox { width:100%; }
.mobile #allmenuBox .a-box .menuBox #gnb { overflow:auto; height:calc((var(--vh) * 100) - 230px); }
.mobile #allmenuBox .a-box .menuBox .menu { height:100% }
.mobile #allmenuBox .menuBox { padding:110px 0 0 20px; }
.mobile #allmenuBox .menuBox #gnb .menu ul { padding-bottom:10px; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li { position:relative; margin-top:25px; text-align:left }
.mobile #allmenuBox .menuBox #gnb .menu ul > li:first-child { margin-top:0; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > a { position:relative; color:#fff; font-weight:600; font-size:21px; display:inline-block; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > a > span { display:none }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth { position:relative; display:none; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul { padding:10px 0 15px; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li { position:relative; margin-top:0; padding:10px 15px; display:flex; gap:0 10px; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li > a { position:relative; color:#fff; font-weight:300; font-size:17px; line-height:1.3; cursor:pointer; transition:all 0.3s; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li.sm > a { width:130px; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li.sm > a:before { content:""; display:block; width:6px; height:10px; position:absolute; right:0; top:7px; z-index:3; background:url(/img/common/gnb_arr_m.png) left center no-repeat; transition:all 0.3s ease-in-out; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li > ul { display:none; padding-bottom:0; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li > ul > li:not(last-child) { margin-bottom:15px; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li > ul > li { position:relative; margin-top:0; padding:0; padding-top:4px; }
.mobile #allmenuBox .menuBox #gnb .menu ul > li > .subDepth > ul > li > ul > li a { position:relative; color:rgba(255,255,255,0.6); font-weight:300; font-size:16px; cursor:pointer; transition:all 0.3s }
.mobile #allmenuBox .btn_close { position:absolute; right:10px; top:20px; width:40px; height:40px; z-index:11; opacity:1; cursor:pointer; }
.mobile #allmenuBox .btn_close:before { content:""; display:block; width:28px; height:2px; background-color:#fff; position:absolute; left:0; top:0; margin:15px 0 0 8px; border-radius:5px; transform:rotate(45deg); }
.mobile #allmenuBox .btn_close:after { content:""; display:block; width:28px; height:2px; background-color:#fff; position:absolute; left:0; top:0; margin:15px 0 0 8px; border-radius:5px; transform:rotate(-45deg); }
.mobile #allmenuBox .a-box .menuBox .menu ul > li:nth-child(1) > .subDepth > ul,
.mobile #allmenuBox .a-box .menuBox .menu ul > li:nth-child(5) > .subDepth > ul,
.mobile #allmenuBox .a-box .menuBox .menu ul > li:nth-child(6) > .subDepth > ul { display:flex; flex-wrap:wrap; }
.mobile #allmenuBox .a-box .menuBox .menu ul > li:nth-child(1) > .subDepth > ul > li,
.mobile #allmenuBox .a-box .menuBox .menu ul > li:nth-child(5) > .subDepth > ul > li,
.mobile #allmenuBox .a-box .menuBox .menu ul > li:nth-child(6) > .subDepth > ul > li { width:50%; }


.mobile #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.mobile #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:3px; }
.mobile #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { height:3px; }
.mobile #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:rgba(255,255,255,0.6); width:3px; border-radius:3px; opacity:1 }
.mobile #allmenuBox .a-box .menuBox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.mobile #allmenuBox .a-box .menuBox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.mobile #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.mobile #allmenuBox .a-box .menuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:rgba(255,255,255,0.6); border-radius:3px; opacity:1 }

.mobile #allmenuBox.on .a-box .logo,
.mobile #allmenuBox.on .a-box .info { animation:ani_5 0.5s 0.2s; animation-fill-mode:both; }

footer { background:#fff; }
footer .footer_box { padding:80px 0 150px; position:relative; display:flex; justify-content:space-between; }
.subbody footer .footer_box { border-top:1px solid #eee }
footer .footer_box .l-box .infobox .fmenu ul { display:flex; }
footer .footer_box .l-box .infobox .fmenu li { position:relative; }
footer .footer_box .l-box .infobox .fmenu li:not(:last-child) { margin-right:15px; padding-right:15px; }
footer .footer_box .l-box .infobox .fmenu li a { position:relative; font-size:18px; font-weight:400; color:#333; line-height:1.3; }
footer .footer_box .l-box .infobox .fmenu li a strong { font-weight:600; }
footer .footer_box .l-box .infobox .info { margin-top:60px; }
footer .footer_box .l-box .infobox .info ul { display:flex; }
footer .footer_box .l-box .infobox .info li:not(:last-child) { margin-right:50px; }
footer .footer_box .l-box .infobox .info li { font-size:18px; color:#666; font-weight:400; line-height:1.3; }
footer .footer_box .l-box .infobox .info li a { color:#666; }
footer .footer_box .l-box .copyright { margin-top:20px; font-size:18px; color:#999; font-weight:400; line-height:1.3; letter-spacing:-0.02em; }
footer .footer_box .r-box .sns-box ul li:not(:last-child) { margin-bottom:10px; }
footer .footer_box .r-box .sns-box ul li { text-align:right; }
footer .footer_box .r-box .sns-box ul li a { font-size:16px; font-weight:400; color:#666; line-height:1.3; display:flex; align-items:center; justify-content:flex-end; }
footer .footer_box .r-box .sns-box ul li span.txt { margin-left:4px; }
footer .footer_box .r-box .sns-box ul li span.icon { display:flex; justify-content:center; align-items:center; margin-left:20px; background:#aaa; width:40px; height:40px; border-radius:40px; }
footer .footer_box .r-box .sns-box ul li span.icon-blog { background:#aaa url(/img/common/blog_icon.png) center center no-repeat; }
footer .footer_box .r-box .sns-box ul li span.icon-youtube { background:#aaa url(/img/common/youtube_icon.png) center center no-repeat; }
footer .footer_box .r-box .sns-box ul li.download { display:none }
@media screen and (max-width:1280px){
	footer .footer_box .l-box .infobox .fmenu li:not(:last-child) { margin-right:10px; padding-right:10px; }
	footer .footer_box .l-box .infobox .info li:not(:last-child) { margin-right:40px; }
	footer .footer_box .r-box .sns-box ul li span.txt { display:none; margin-left:0; }
	footer .footer_box .r-box .sns-box ul li span.icon { margin-left:0; }
	footer .footer_box .r-box .sns-box ul li a { width:40px; height:40px; text-indent:-99999em; overflow:hidden }
}
@media screen and (max-width:1024px){
	footer .footer_box { padding:80px 0 120px; }
	footer .footer_box .l-box { width:100%; }
	footer .footer_box .l-box .infobox .fmenu ul { text-align:center; justify-content:center; }
	footer .footer_box .l-box .infobox .fmenu li:not(:last-child) { margin-right:7px; padding-right:7px; }
	footer .footer_box .l-box .infobox .info { margin-top:35px; }
	footer .footer_box .l-box .infobox .info ul { flex-wrap:wrap; text-align:center; justify-content:center; }
	footer .footer_box .l-box .infobox .info li { margin-top:5px; }
	footer .footer_box .l-box .infobox .info li:not(:last-child) { margin-right:30px; }
	footer .footer_box .l-box .infobox .fmenu li a,
	footer .footer_box .l-box .infobox .info li,
	footer .footer_box .l-box .copyright { font-size:16px; }
	footer .footer_box .l-box .copyright { margin-top:20px; text-align:center }
	footer .footer_box .r-box { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); }
	footer .footer_box .r-box .sns-box ul { display:flex; }
	footer .footer_box .r-box .sns-box li:not(:last-child) { margin-right:5px; margin-bottom:0; }
}
@media screen and (max-width:640px){
footer .footer_box .r-box { position:absolute; bottom:70px; }
	footer .footer_box { padding:60px 0 140px; }
}


.s_off #quickMenu { bottom:120px; }
#quickMenu { position:fixed; bottom:90px; right:30px; z-index:15; transition:all 0.3s; }
#quickMenu .btn a { position:relative; display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:70px; background:var(--mainColor) url(/img/common/quickmenu_p.png) center center no-repeat;}
#quickMenu.on .btn a { opacity:0; }
#quickMenu .list { display:none; position:absolute; bottom:0; left:0; width:70px; text-align:center; background:rgba(0,0,0,0.7); border-radius:70px; }
#quickMenu.on .list{ display:block; }
#quickMenu .list li { position:relative; }
#quickMenu .list li:before { content:""; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:40px; height:1px; background:rgba(255,255,255,0.1); }
#quickMenu .list li a { width:100%; height:70px; display:block; }
#quickMenu .list li a .txt { transition:all 0.3s; opacity:0; font-size:14px; font-weight:500; color:#fff; line-height:1.3; position:absolute; top:50%; left:0; transform:translate(0, -50%); width:100%;}
#quickMenu .list li a .icon { transition:all 0.3s; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
#quickMenu .list li a:hover .txt { opacity:1; }
#quickMenu .list li a:hover .icon { opacity:0; }
#quickMenu .list .close a { display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:70px; background:url(/img/common/quickmenu_close.png) center center no-repeat;}
@media screen and (max-width:1740px){
	#quickMenu { right:20px; }
}
@media screen and (max-width:640px){
	#quickMenu { bottom:0; left:0; right:0; width:100%; opacity:0; transition:all 0.3s; z-index:-11 }
	.ov #quickMenu { opacity:1; z-index:15; }
	.s_off #quickMenu { bottom:0; }
	#quickMenu .list .close,
	#quickMenu .btn { display:none }
	#quickMenu .list { display:block; width:100%; border-radius:0; background:var(--mainColor); }
	#quickMenu .list ul { display:flex }
	#quickMenu .list li { width:25%; }
	#quickMenu .list li a { height:60px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
	#quickMenu .list li a .icon img { height:22px; }
	#quickMenu .list li a .txt,
	#quickMenu .list li a:hover .txt,
	#quickMenu .list li a .icon,
	#quickMenu .list li a:hover .icon { opacity:1; }
	#quickMenu .list li a br { display:none }
	#quickMenu .list li a .txt,
	#quickMenu .list li a .icon{ position:relative; top:unset; left:unset; transform:translate(0, 0); }
	#quickMenu .list li a .txt { margin-top:4px; font-size:13px; }
	#quickMenu .list li:before { top:50%; left:0; transform:translate(0, -50%); width:1px; height:20px; }
	#quickMenu .list li:first-child:before { display:none; }
}

.btnTop { position:absolute; right:30px; bottom:30px; }
.btnTop > a { position:relative; display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:70px; border:1px solid #000; }
.btnTop > a span { font-family:var(--mainFont); font-size:16px; font-weight:400; color:#000; line-height:1.3; letter-spacing:0.96px; }
.btnTop > a:before { content:""; display:block; position:absolute; left:50%; transform:translate(-50%, -50%); top:50%; width:0; height:0; border-radius:100%; background:#000 url(/img/common/btntop_arr.png) center center no-repeat; transition:all 0.25s; }
.btnTop > a:hover:before { width:100%; height:100%; }
.btnTop > a:hover span { opacity:0; }
@media screen and (max-width:1740px){
	.btnTop { right:20px; }
}
@media screen and (max-width:640px){
	.btnTop { bottom:70px; }
	.btnTop > a { width:50px; height:50px; }
	.btnTop > a span { font-size:14px; }
	.btnTop > a:before { background-size:14px auto; }
}


/* privacy 
#privacy { position:fixed; top:0; left:0; visibility:hidden; z-index:-1; transition:all 0.3s; opacity:0; width:100%; height:100%; }
#privacy.on { visibility:visible; opacity:1; z-index:99999; }
#privacy .bg { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.80); }
#privacy .privacyBody { position:absolute; left:50%; transform:translate(-50%, -50%); top:50%; z-index:5; max-width:1200px; width:100%; }
#privacy .privacyBody .line-box { margin-top:30px; width:100%; background-color:#fff; padding:20px; }
#privacy .privacyBody .line-box > div { border:1px solid #ddd; padding:10px; }
#privacy .privacyBody .privacy-box { height:calc(100vh - 475px); padding:20px; }
#privacy .btn_close { cursor:pointer; position:absolute; top:15px; right:-15px; width:50px; height:50px; background:url(/img/common/btn_close_p.png) center center no-repeat;}

@media screen and (max-width:1280px){
    #privacy .privacyBody { left:80px; top:100px; transform:translate(0); width:calc(100vw - 160px); height:calc(100vh - 160px); }
    #privacy .privacyBody .privacy-box { height:calc(100vh - 370px); }
    #privacy .btn_close { top:0; }
}
@media screen and (max-width:1024px){
    #privacy .privacyBody { left:40px; top:100px; width:calc(100vw - 80px); }
    #privacy .btn_close { right:-5px; width:40px; height:40px;  }
}
@media screen and (max-width:640px){
    #privacy .privacyBody { left:20px; top:100px; width:calc(100vw - 40px); }
	#privacy .privacyBody .line-box { margin-top:15px; padding:10px; }
	#privacy .privacyBody .line-box > div { padding:5px; }
    #privacy .privacyBody .privacy-box { height:calc(100vh - 300px); padding:10px; }
    #privacy .btn_close { top:-5px; background-size:15px auto; }
}
@media screen and (max-height:760px){
    #privacy .privacyBody .privacy-box {  height:calc(100vh - 300px);}
}
@media screen and (max-height:680px){
	#privacy .privacyBody .line-box { margin-top:15px; }
	#privacy .privacyBody .line-box > div { padding:5px; }
    #privacy .privacyBody .privacy-box {  height:calc(100vh - 255px); padding:10px; }
}
*/

.privacy * { color:#888; font-size:16px; font-weight:300; line-height:1.7; }
.privacy h2 { color:#333; font-size:19px; font-weight:600; line-height:1.3; }
.privacy h2.top { margin-top:40px; }
.privacy h3 { color:#555; font-size:17px; font-weight:600; line-height:1.3; }
.privacy .privacy-box p:not(:last-child) { margin-bottom:10px;  }
.privacy .privacy-box p+dl { margin-top:40px; }
.privacy .privacy-box dl { margin-top:20px; }
.privacy .privacy-box dl > dd p,
.privacy .privacy-box dl > dd li { margin-top:8px; }
.privacy .privacy-box dl > dd li ul { padding-left:18px; }
.privacy .privacy-box dl > dd li li { margin-top:10px; line-height:1.5 }
.privacy .privacy-box .txtList li { position:relative; padding-left:20px; }
.privacy .privacy-box .txtList li > strong { font-weight:300; position:absolute; left:0; top:0; }
.privacy .privacy-box .txtList li ul { padding-left:0; }
.privacy .privacy-box .txtList li ul li { margin-top:2px; padding-left:15px; }
.privacy .privacy-box .txtList li ul li > strong { position:absolute; left:0; top:-2px; }
.privacy .privacy-box .list { padding:0; }
.privacy .privacy-box .list li { margin-top:0; position:relative; padding-left:10px; }
.privacy .privacy-box .list li:before { content:""; display:block; position:absolute; left:0; top:10px; width:5px; height:1px; background:#888; }
.privacy .privacy-box .txt_b  { color:#666; font-size:14px; font-weight:300; line-height:1.5; margin-top:20px; }
.privacy .privacy-box table { margin-top:20px; }
.privacy .privacy-box th { padding:12px 20px; border:1px solid #ddd; background-color:#fafafa; font-weight:700; color:#333 }
.privacy .privacy-box td { padding:12px 20px; border:1px solid #ddd }
.privacy .privacy-box th.th-left,
.privacy .privacy-box td.td-left { text-align:left; }
.privacy .privacy-box th.noline { border-left:none }
.privacy .privacy-box td.noline { border-right:none }
@media screen and (max-width:1024px){
	.privacy * { font-size:15px; }
	.privacy h2 { font-size:18px; }
	.privacy h2.top { margin-top:30px; }
	.privacy h3 { font-size:16px; }
	.privacy .privacy-box p:not(:last-child) { margin-bottom:8px;  }
	.privacy .privacy-box p+dl { margin-top:30px; }
	.privacy .privacy-box dl { margin-top:15px; }
	.privacy .privacy-box dl > dd p,
	.privacy .privacy-box dl > dd li { margin-top:6px; }
	.privacy .privacy-box dl > dd li ul { padding-left:14px; }
	.privacy .privacy-box dl > dd li li { margin-top:8px;}
	.privacy .privacy-box .txtList li { padding-left:18px; }
	.privacy .privacy-box .list li { padding-left:8px; }
	.privacy .privacy-box .list li:before { top:9px; width:4px; }
	.privacy .privacy-box th,
	.privacy .privacy-box td { padding:10px 15px; }
	.privacy .privacy-box .w1 { width:90px !important }
}


.os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:4px; }
.os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { height:4px; }
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:var(--mainColor); width:4px; border-radius:4px; opacity:0.7 }
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:var(--mainColor); border-radius:4px; opacity:1 }


/* Slider */
.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-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; }
.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; margin-left:auto; margin-right:auto; }
.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; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:block; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }



/* 게시글 동영상 반응형 */
.video-container { position:relative; overflow:hidden; max-width:1280px; margin:0 auto; }
.video-container:before { content:''; display:block; padding-bottom:56.25%; /* 16:9 비율 */ }
.video-container video,
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }