@charset "utf-8";
/*
::-webkit-scrollbar {
    width:5px;
}
::-webkit-scrollbar-thumb {
    background-color:#000;
}
::-webkit-scrollbar-track {
    background-color:#ccc;
}
*/

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


body,html { min-height:100%; font-size:62.5%; }
@media screen and (max-width:1440px){
	body,html { font-size:60%; }
}
@media screen and (max-width:1024px){
	body,html { font-size:55%; }
}
@media screen and (max-width:640px){
	body,html { font-size:50%; }
}


.innerP50 { padding:0 50px; }
@media screen and (max-width:1440px){
	.innerP50 { padding:0 20px; }
}

.innerP100 { padding:0 100px; }
@media screen and (max-width:1440px){
	.innerP100 { padding:0 20px; }
}

.inner1500 { max-width:1500px; margin:0 auto; }
@media screen and (max-width:1540px){
	.inner1500 { padding:0 20px; }
}
:root { 
    --mainFont:Tektur;
	--subFont:Pretendard;
    --mainColor:#094fa3; 
    --main2Color:#007dc5; 
    --subColor:#111;
}

/* font size */
.font150 { font-size:15.0rem; }
.font100 { font-size:10.0rem; }
.font90 { font-size:9.0rem; }
.font80 { font-size:8.0rem; }
.font70 { font-size:7.0rem; }
.font66 { font-size:6.6rem; }
.font60 { font-size:6.0rem; }
.font56 { font-size:5.6rem; }
.font55 { font-size:5.5rem; }
.font50 { font-size:5.0rem; }
.font46 { font-size:4.6rem; }
.font45 { font-size:4.5rem; }
.font40 { font-size:4.0rem; }
.font36 { font-size:3.6rem; }
.font35 { font-size:3.5rem; }
.font34 { font-size:3.4rem; }
.font30 { font-size:3.0rem; }
.font28 { font-size:2.8rem; }
.font26 { font-size:2.6rem; }
.font25 { font-size:2.5rem; }
.font24 { font-size:2.4rem; }
@media screen and (max-width:1440px){
	.font150 { font-size:calc(15.0rem * 0.9); }
	.font100 { font-size:calc(10.0rem * 0.9); }
	.font90 { font-size:calc(9.0rem * 0.9); }
	.font80 { font-size:calc(8.0rem * 0.9); }
	.font70 { font-size:calc(7.0rem * 0.9); }
	.font66 { font-size:calc(6.6rem * 0.9); }
	.font60 { font-size:calc(6.0rem * 0.9); }
	.font56 { font-size:calc(5.6rem * 0.9); }
	.font55 { font-size:calc(5.5rem * 0.9); }
	.font50 { font-size:calc(5.0rem * 0.9); }
	.font46 { font-size:calc(4.6rem * 0.9); }
	.font45 { font-size:calc(4.5rem * 0.9); }
	.font40 { font-size:calc(4.0rem * 0.9); }
	.font36 { font-size:calc(3.6rem * 0.9); }
	.font35 { font-size:calc(3.5rem * 0.9); }
	.font34 { font-size:calc(3.4rem * 0.9); }
	.font30 { font-size:calc(3.0rem * 0.9); }
	.font28 { font-size:calc(2.8rem * 0.9); }
	.font26 { font-size:calc(2.6rem * 0.9); }
}
@media screen and (max-width:1280px){
	.font150 { font-size:calc(15.0rem * 0.68); }
	.font100 { font-size:calc(10.0rem * 0.70); }
	.font90 { font-size:calc(9.0rem * 0.75); }
	.font80 { font-size:calc(8.0rem * 0.75); }
	.font70 { font-size:calc(7.0rem * 0.75); }
	.font66 { font-size:calc(6.6rem * 0.75); }
	.font60 { font-size:calc(6.0rem * 0.70); }
	.font56 { font-size:calc(5.6rem * 0.70); }
	.font55 { font-size:calc(5.5rem * 0.70); }
	.font50 { font-size:calc(5.0rem * 0.70); }
	.font46 { font-size:calc(4.6rem * 0.70); }
	.font45 { font-size:calc(4.5rem * 0.70); }
	.font40 { font-size:calc(4.0rem * 0.8); }
	.font36 { font-size:calc(3.6rem * 0.8); }
	.font35 { font-size:calc(3.5rem * 0.8); }
	.font34 { font-size:calc(3.4rem * 0.8); }
	.font30 { font-size:calc(3.0rem * 0.8); }
	.font28 { font-size:calc(2.8rem * 0.8); }
	.font26 { font-size:calc(2.6rem * 0.8); }
}
@media screen and (max-width:1024px){
	.font150 { font-size:calc(15.0rem * 0.60); }
	.font100 { font-size:calc(10.0rem * 0.50); }
	.font90 { font-size:calc(9.0rem * 0.65); }
	.font80 { font-size:calc(8.0rem * 0.65); }
	.font70 { font-size:calc(7.0rem * 0.65); }
	.font66 { font-size:calc(6.6rem * 0.65); }
	.font60 { font-size:calc(6.0rem * 0.65); }
	.font56 { font-size:calc(5.6rem * 0.65); }
	.font55 { font-size:calc(5.5rem * 0.65); }
	.font50 { font-size:calc(5.0rem * 0.65); }
	.font46 { font-size:calc(4.5rem * 0.65); }
	.font45 { font-size:calc(4.6rem * 0.65); }
	.font40 { font-size:calc(4.0rem * 0.70); }
	.font36 { font-size:calc(3.6rem * 0.75); }
	.font35 { font-size:calc(3.5rem * 0.75); }
	.font34 { font-size:calc(3.4rem * 0.75); }
	.font30 { font-size:calc(3.0rem * 0.75); }
	.font28 { font-size:calc(2.8rem * 0.75); }
	.font26 { font-size:calc(2.6rem * 0.75); }
	.font25 { font-size:calc(2.5rem * 0.85); }
	.font24 { font-size:calc(2.4rem * 0.85); }
}
@media screen and (max-width:860px){
	.font150 { font-size:calc(15.0rem * 0.48); }
	.font100 { font-size:calc(10.0rem * 0.42); }
	.font90 { font-size:calc(9.0rem * 0.6); }
	.font80 { font-size:calc(8.0rem * 0.6); }
	.font70 { font-size:calc(7.0rem * 0.6); }
	.font66 { font-size:calc(6.6rem * 0.6); }
	.font60 { font-size:calc(6.0rem * 0.6); }
	.font56 { font-size:calc(5.6rem * 0.6); }
	.font55 { font-size:calc(5.5rem * 0.6); }
	.font50 { font-size:calc(5.0rem * 0.6); }
	.font46 { font-size:calc(4.6rem * 0.6); }
	.font45 { font-size:calc(4.5rem * 0.6); }
}
@media screen and (max-width:640px){
	.font150 { font-size:calc(15.0rem * 0.34); }
	.font100 { font-size:calc(10.0rem * 0.34); }
	.font90 { font-size:calc(9.0rem * 0.5); }
	.font80 { font-size:calc(8.0rem * 0.5); }
	.font70 { font-size:calc(7.0rem * 0.5); }
	.font66 { font-size:calc(6.6rem * 0.5); }
	.font60 { font-size:calc(6.0rem * 0.5); }
	.font56 { font-size:calc(5.6rem * 0.5); }
	.font55 { font-size:calc(5.5rem * 0.5); }
	.font50 { font-size:calc(5.0rem * 0.5); }
	.font46 { font-size:calc(4.6rem * 0.5); }
	.font45 { font-size:calc(4.5rem * 0.5); }
	.font40 { font-size:calc(4.0rem * 0.55); }
	.font36 { font-size:calc(3.6rem * 0.68); }
	.font35 { font-size:calc(3.5rem * 0.68); }
	.font34 { font-size:calc(3.4rem * 0.68); }
	.font30 { font-size:calc(3.0rem * 0.68); }
	.font28 { font-size:calc(2.8rem * 0.7); }
	.font26 { font-size:calc(2.6rem * 0.7); }
	.font25 { font-size:calc(2.5rem * 0.75); }
	.font24 { font-size:calc(2.4rem * 0.75); }
}

.btnArr { position:relative; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:none; border-radius:5px; border:1px solid #fff; overflow:hidden; transition:all 0.6s; }
.btnArr.bk { background:#000; border:1px solid #000; }
.btnArr.wh { background:#fff; border:1px solid #000; }
.btnArr:before { content:''; display:block; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%, -50%); width:5px; height:5px; opacity:0; border-radius:5px; background:#fff; transition:all 0.6s; }
.btnArr.wh:before { background:#000; }

:hover > .btnArr:before,
a:hover .btnArr:before { width:120%; height:120%; opacity:1; }
.btnArr > span { position:relative; z-index:3; width:100%; height:100%; }
.btnArr > span:after,
.btnArr > span:before { content:''; display:block; position:absolute; left:50%; top:50%; width:18px; height:18px; background:url(/img/svg/icon_arr.svg) center center no-repeat; transition:all 0.4s; }
.btnArr > span:after { transform:translate(-50%, -50%); filter:brightness(0) invert(1) }
.btnArr > span:before { transform:translate(calc(-50% - 10px), calc(-50% + 10px)); opacity:0; }
.btnArr.wh > span:after { filter:grayscale(1) brightness(0); } 
.btnArr.wh > span:before { filter:brightness(0) invert(1) } 
.btnArr.down > span:after,
.btnArr.down > span:before { background:url(/img/svg/icon_arr_down.svg) center center no-repeat; }
.btnArr.down > span:before { transform:translate(-50%, calc(-50% - 18px)); }
a:hover .btnArr > span:after,
:hover > .btnArr > span:after { transform:translate(calc(-50% + 10px), calc(-50% - 10px)); opacity:0; }
a:hover .btnArr > span:before,
:hover > .btnArr > span:before { transform:translate(-50%, -50%); opacity:1; }
a:hover .btnArr.down > span:after,
:hover > .btnArr.down > span:after { transform:translate(-50%, calc(-50% + 18px)); opacity:0; }
a:hover .btnArr.down > span:before,
:hover > .btnArr.down > span:before { transform:translate(-50%, -50%); opacity:1; }
.btnArr-txt { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:20px; background:none; border-radius:8px; border:1px solid #000; height:50px; padding:0 10px 0 20px; }
.btnArr-txt.wh { border:none; background:#fff; }
.btnArr-txt:before { content:''; display:block; position:absolute; left:-1px; top:-1px; width:0; height:calc(100% + 2px); background:#000; transition:all 0.4s; border-radius:8px; } 
.btnArr-txt .atxt { position:relative; z-index:2; color:#111; font-size:1.7rem; font-weight:500; line-height:1.3; transition:all 0.6s; text-align:left; }
.btnArr-txt:hover .atxt { color:#fff; }
.btnArr-txt:hover:before { width:calc(100% + 2px); }
@media screen and (max-width:1024px){
	.btnArr { width:25px; height:25px; border-radius:3px; }
	.btnArr:before { border-radius:3px; }
	.btnArr > span:after,
	.btnArr > span:before { background-size:14px auto; }
	.btnArr.down > span:after,
	.btnArr.down > span:before { background-size:11px auto; }
	.btnArr-txt { gap:15px; border-radius:5px; height:40px; padding:0 8px 0 15px; }
	.btnArr-txt:before { border-radius:5px; } 
}
@keyframes ani_btnA1 {
	0% { margin:0; }
	100% {  }
}
@keyframes ani_btnA2 {
	0% { margin:4px 0 0 -4px; opacity:0;}
	100% { margin:0 0 0 0; opacity:1; }
}

body.bg { background:#000 }

#wrap { font-size:1.6rem; }

/* header */
header { position:absolute; top:0; left:0; width:100%; z-index:99; transition:top 0.4s ease; }
header.fix { top:-100px; } 
header > div { display:flex; justify-content:space-between; }
header h1 { margin-top:20px; position:relative; z-index:5; }
header h1 img { transition:all 0.25s; filter:none; } 
#wrap.on header h1 img { filter:brightness(0) invert(1); }
#wrap.on header.over h1 img { filter:none; }
header h1 a { display:block; }
header.over_all h1 { z-index:999; }
@media screen and (max-width:1024px){
	header { position:fixed; }
	header.fix:before,
	.subbody header:before { content:''; display:block; position:absolute; left:0; top:65px; width:100%; height:1px; background:#ddd; }
	header.fix { top:-67px; background:rgba(255, 255, 255, 1); }
	header.fix.nav-down { top:0; background:rgba(255, 255, 255, 1); box-shadow:0px 0px 2px 0px rgba(255, 255, 255, 0.30); }
	header h1 { margin:11px 0; }
	header h1 img { width:100px; height:auto; }
	header.fix h1 img { filter:none !important; }
}

header #navi #gnb > ul { display:flex; text-align:center; }
header #navi #gnb > ul > li { transition:all 0.5s; padding:0 30px; height:100px; display:flex; align-items:center; justify-content:center; }
header #navi #gnb > ul > li > a { position:relative; z-index:1; text-wrap:nowrap; color:#111; font-size:2.0rem; font-weight:500; line-height:1.3; transition:all 0.3s; }
header #navi #gnb > ul > li > a:before { content:''; display:block; position:absolute; left:0; bottom:-7px; height:2px; width:0; background:#111; transition:all 0.3s; }
header.over #navi #gnb > ul > li:not(:hover) > a,
#wrap.on header.over #navi #gnb > ul > li:not(:hover) > a { color:#aaa; }
#wrap.on header #navi #gnb > ul > li > a { color:#fff; }
#wrap.on header.over #navi #gnb > ul > li.on > a { color:#111; }
header.over #navi #gnb > ul > li.on > a:before { width:100%; }
header #navi #gnb > ul > li > .subDepth { display:none; text-align:left; position:absolute; left:0; top:0; width:100%; }
header #navi #gnb > ul > li > .subDepth .box { transition:all 0.4s 0.1s; padding:100px 50px 30px 50px; background:#fff; }
header #navi #gnb > ul > li > .subDepth .box .pc { display:none }
header #navi #gnb > ul > li > .subDepth .box > ul { position:relative; display:flex; justify-content:center; gap:8px; margin-top:20px; }
header #navi #gnb > ul > li > .subDepth .box > ul > li { position:relative; height:200px; overflow:hidden; border-radius:10px; }
header #navi #gnb > ul > li > .subDepth .box > ul > li > a { position:relative; z-index:2; font-size:2.0rem; padding:20px; color:#fff; font-weight:500; line-height:1.3; transition:all 0.4s; display:block; width:100%; height:100%; }
header #navi #gnb > ul > li > .subDepth .box > ul > li .bg { position:absolute; left:0; top:0; width:100%; height:100%; display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; }
header #navi #gnb > ul > li > .subDepth .box > ul > li .btnArr { position:absolute; right:20px; bottom:20px; z-index:1; }
header #navi #gnb > ul > li > .subDepth .box > ul.m2 > li { width:calc((100% - 8px) / 2); }
header #navi #gnb > ul > li > .subDepth .box > ul.m3 > li { width:calc((100% - 16px) / 3); }
header #navi #gnb > ul > li > .subDepth .box > ul.m4 > li { width:calc((100% - 24px) / 4); }
header #navi #gnb > ul > li > .subDepth .box > ul.m5 > li { width:calc((100% - 32px) / 5); }
header #navi #gnb > ul > li > .subDepth .box > ul.m6 > li { width:calc((100% - 40px) / 6); }
header #navi #gnb > ul > li > .subDepth .box > ul.m7 > li { width:calc((100% - 48px) / 7); }
header #navi #gnb > ul > li > .subDepth .box > ul.m8 > li { width:calc((100% - 56px) / 8); }
header #navi #gnb > ul > li > .subDepth .box > ul.m9 > li { width:calc((100% - 64px) / 9); }
header #navi #gnb .subDepth.menu1 li:nth-child(1) .bg { background-image:url(/img/common/gnb/gnb01_1.png); } 
header #navi #gnb .subDepth.menu1 li:nth-child(2) .bg { background-image:url(/img/common/gnb/gnb01_2.png); } 
header #navi #gnb .subDepth.menu1 li:nth-child(3) .bg { background-image:url(/img/common/gnb/gnb01_3.png); } 
header #navi #gnb .subDepth.menu1 li:nth-child(4) .bg { background-image:url(/img/common/gnb/gnb01_4.png); } 
header #navi #gnb .subDepth.menu1 li:nth-child(5) .bg { background-image:url(/img/common/gnb/gnb01_5.png); } 
header #navi #gnb .subDepth.menu1 li:nth-child(6) .bg { background-image:url(/img/common/gnb/gnb01_6.png); } 
header #navi #gnb .subDepth.menu1 li:nth-child(7 ) .bg { background-image:url(/img/common/gnb/gnb01_7.png); } 
header #navi #gnb .subDepth.menu2 li:nth-child(1) .bg { background-image:url(/img/common/gnb/gnb02_1.png); } 
header #navi #gnb .subDepth.menu2 li:nth-child(2) .bg { background-image:url(/img/common/gnb/gnb02_2.png); } 
header #navi #gnb .subDepth.menu2 li:nth-child(3) .bg { background-image:url(/img/common/gnb/gnb02_3.png?v=2); } 
header #navi #gnb .subDepth.menu2 li:nth-child(4) .bg { background-image:url(/img/common/gnb/gnb02_4.png); } 
header #navi #gnb .subDepth.menu3 li:nth-child(1) .bg { background-image:url(/img/common/gnb/gnb03_1.png); } 
header #navi #gnb .subDepth.menu3 li:nth-child(2) .bg { background-image:url(/img/common/gnb/gnb03_2.png); } 
header #navi #gnb .subDepth.menu3 li:nth-child(3) .bg { background-image:url(/img/common/gnb/gnb03_3.png); } 
header #navi #gnb .subDepth.menu3 li:nth-child(4) .bg { background-image:url(/img/common/gnb/gnb03_4.png); }
header #navi #gnb .subDepth.menu4 li:nth-child(1) .bg { background-image:url(/img/common/gnb/gnb04_1.png?v=1); } 
header #navi #gnb .subDepth.menu4 li:nth-child(2) .bg { background-image:url(/img/common/gnb/gnb04_2.png?v=1); } 
header #navi #gnb .subDepth.menu4 li:nth-child(3) .bg { background-image:url(/img/common/gnb/gnb04_3.png?v=1); } 
header #navi #gnb .subDepth.menu4 li:nth-child(4) .bg { background-image:url(/img/common/gnb/gnb04_4.png?v=1); } 
header #navi #gnb .subDepth.menu5 li:nth-child(1) .bg { background-image:url(/img/common/gnb/gnb05_1.png); } 
header #navi #gnb .subDepth.menu5 li:nth-child(2) .bg { background-image:url(/img/common/gnb/gnb05_2.png); } 
header #navi #gnb .subDepth.menu5 li:nth-child(3) .bg { background-image:url(/img/common/gnb/gnb05_3.png); } 
header #navi #gnb .subDepth.menu5 li:nth-child(4) .bg { background-image:url(/img/common/gnb/gnb05_4.png); } 
header #navi #gnb .subDepth.menu6 li:nth-child(1) .bg { background-image:url(/img/common/gnb/gnb06_1.png); } 
header #navi #gnb .subDepth.menu6 li:nth-child(2) .bg { background-image:url(/img/common/gnb/gnb06_2.png); } 
header #navi #gnb .subDepth.menu6 li:nth-child(3) .bg { background-image:url(/img/common/gnb/gnb06_3.png); } 
header #navi #gnb .subDepth.menu6 li:nth-child(4) .bg { background-image:url(/img/common/gnb/gnb06_4.png); } 
header #navi #gnb .subDepth.menu7 li:nth-child(1) .bg { background-image:url(/img/common/gnb/gnb07_1.png); } 
header #navi #gnb .subDepth.menu7 li:nth-child(2) .bg { background-image:url(/img/common/gnb/gnb07_2.png); } 
header #navi #gnb .subDepth.menu7 li:nth-child(3) .bg { background-image:url(/img/common/gnb/gnb07_3.png); } 
@media screen and (max-width:1440px){
	header #navi #gnb > ul > li { padding:0 25px; }
	header #navi #gnb > ul > li > .subDepth .box > ul > li { height:160px; }
}
@media screen and (max-width:1280px){
	header #navi #gnb > ul > li { padding:0 20px; }
	header #navi #gnb > ul > li > a { font-size:1.8rem; }
	header #navi #gnb > ul > li > .subDepth .box > ul > li { height:120px; }
	header #navi #gnb > ul > li > .subDepth .box > ul > li > a { font-size:1.8rem; padding:10px; }
	header #navi #gnb > ul > li > .subDepth .box > ul > li .btnArr { right:10px; bottom:10px; }
}
@media screen and (max-width:1024px){
	header #navi { display:none }
}

header .top-menu { display:flex; align-items:center; gap:0 10px; }
header .top-menu .lang { position:relative; z-index:2; height:45px; padding:0 20px; border:1px solid #000; border-radius:8px; display:flex; gap:15px; align-items:center; transition:all 0.3s; }
#wrap.on header.over .top-menu .lang,
header .top-menu .lang a { color:#aaa; font-size:1.8rem; font-weight:500; line-height:1.3; transition:all 0.3s; }
header .top-menu .lang a.on { color:#000; }
#wrap.on header.over .top-menu .lang { border:1px solid #000; }
#wrap.on header .top-menu .lang { border:1px solid #fff; }
#wrap.on header.over .top-menu .lang a { color:#aaa; }
#wrap.on header .top-menu .lang a { color:rgba(255, 255, 255, 0.5); }
#wrap.on header.over .top-menu .lang a.on { color:#000; }
#wrap.on header .top-menu .lang a.on { color:#fff; }
header.over .top-menu .lang,
#wrap.on header.over .top-menu .lang { border:1px solid #ddd; }
header.over .top-menu .lang a,
#wrap.on header.over .top-menu .lang a { color:#aaa; }
header.over .top-menu .lang a.on,
#wrap.on header.over .top-menu .lang a.on { color:#666; }
@media screen and (max-width:1024px){
	header .top-menu { gap:0 5px; }
	header .top-menu .lang { height:35px; padding:0 10px; gap:8px; border-radius:5px; }
	header .top-menu .lang a { font-size:1.7rem; }
	header.fix .top-menu .lang { border:1px solid #000 !important; }
	header.fix .top-menu .lang a { color:#aaa !important; }
	header.fix .top-menu .lang a.on { color:#000 !important; }
}

#wrap.on header.over .searchBox > .btn,
header .searchBox > .btn { width:45px; height:45px; border:1px solid #000; border-radius:8px; position:relative; z-index:2; transition:all 0.3s; }
header .searchBox > .btn img { transition:all 0.3s; }
#wrap.on header .searchBox > .btn { border:1px solid #fff; }
header .searchBox > .btn a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
#wrap.on header .searchBox > .btn img { filter:brightness(0) invert(1); }
#wrap.on header.over .searchBox > .btn img { filter:none; }
header .searchBox .s-box { position:absolute; left:0; top:0; width:100%; display:none; z-index:3; }
header .searchBox .ipbox { padding:140px 50px; background:#fff; }
header .searchBox .ipbtn { position:relative; width:100%; max-width:900px; margin:0 auto; height:70px; }
header .searchBox .ipbtn input[type="text"] { width:100%; border:none; outline:none; color:#111; font-size:2.0rem; font-weight:600; padding:0 70px 0 30px; height:100%; line-height:100%; background:#fff; border:1px solid #000; border-radius:10px; }
header .searchBox .ipbtn input::placeholder{ color:#aaa; font-weight:400; }
header .searchBox .ipbtn .btn { position:absolute; right:10px; top:50%; transform:translateY(-50%); }
header .searchBox .ipbtn .btn button { border:none; outline:none; background:none; width:50px; height:50px; background:#000 url(/img/svg/search_icon_ov.svg) center center no-repeat; border-radius:8px; }
header .searchBox .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }
header .searchBox .btnClose { cursor:pointer; position:absolute; right:50px; top:28px; width:45px; height:45px; display:flex; align-items:center; justify-content:center; border:1px solid #000; border-radius:8px; background:url(/img/svg/close_icon.svg) center center no-repeat; }
header.over .searchBox > .btn,
#wrap.on header.over .searchBox > .btn { border:1px solid #ddd; }
header.over .searchBox > .btn img,
#wrap.on header.over .searchBox > .btn img { filter:brightness(0) invert(0.7); }
@media screen and (max-width:1024px){
	#wrap.on header.over .searchBox > .btn,
	header .searchBox > .btn { width:35px; height:35px; border-radius:5px; }
	header .searchBox > .btn img { width:15px; }
	header .searchBox .ipbox { padding:90px 20px 40px; }
	header .searchBox .ipbtn { height:50px; }
	header .searchBox .ipbtn input[type="text"] { font-size:1.8rem; padding:0 60px 0 15px; border-radius:8px; }
	header .searchBox .ipbtn .btn button { width:35px; height:35px; border-radius:5px; background-size:15px auto; }
	header .searchBox .btnClose { right:20px; top:15px; width:35px; height:35px; border-radius:5px; background-size:18px auto; }
	header.fix .searchBox > .btn { border:1px solid #000 !important; }
	header.fix .searchBox > .btn img { filter:none !important; }
}


header .allmenu { position:relative; z-index:2; opacity:1; }
#wrap.on header.over .allmenu a,
header .allmenu a { position:relative; width:45px; height:45px; display:block; transition:all 0.7s; border:1px solid #000; border-radius:8px; transition:all 0.3s; }
#wrap.on header .allmenu a { border:1px solid #fff; }
header .allmenu span { position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); display:block; width:17px; height:3px; background:#000; transition:all 0.3s; }
#wrap.on header .allmenu span { background:#fff; }
header .allmenu span:nth-child(2) { transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(90deg); }
header .allmenu span:nth-child(3) { display:none }
header .searchBox .btnClose { cursor:pointer; position:absolute; right:50px; top:28px; width:45px; height:45px; display:flex; align-items:center; justify-content:center; border:1px solid #000; border-radius:8px; background:url(/img/svg/close_icon.svg) center center no-repeat; }
header.over .allmenu a,
#wrap.on header.over .allmenu a { border:1px solid #ddd; }
header.over .allmenu span,
#wrap.on header.over .allmenu span { background:#aaa; }
@media screen and (max-width:1024px){
	#wrap.on header.over .allmenu a,
	header .allmenu a { width:35px; height:35px; border-radius:5px; }
	header .allmenu span { width:14px; height:1px; }
	header .allmenu span:nth-child(1) { margin-top:-6px; }
	header .allmenu span:nth-child(2) { margin-top:0; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(0deg); }
	header .allmenu span:nth-child(3) { display:block; margin-top:6px; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(0deg); }
	header.fix .allmenu a { border:1px solid #000 !important; }
	header.fix .allmenu span { background:#000 !important; }
}

#allmenuBox .btnClose { opacity:0; transition:all 0.7s; cursor:pointer; }
#allmenuBox.on .btnClose { opacity:1; position:absolute; right:50px; top:28px; z-index:10; width:45px; height:45px; display:flex; align-items:center; justify-content:center; border:1px solid #000; border-radius:8px; background:#fff url(/img/svg/close_icon.svg) center center no-repeat; }
#allmenuBox .subDepth .box h4.title { display:none }
#allmenuBox { z-index:999; position:fixed; top:-100%; left:0; width:100%; height:100vh; background:#fff; transition:all 0.8s; overflow:hidden; }
#allmenuBox.on { top:0; }
#allmenuBox .menuBox { position:relative; width:100%; display:flex; align-items:center; }
#allmenuBox .menuBox .mCont { position:relative; z-index:3; }
#allmenuBox .menuBox .mCont,
#allmenuBox .menuBox .mCont > ul { width:100%; }
#allmenuBox .menuBox .mCont > ul > li { position:relative; transition:all 0.3s; display:flex; align-items:center; padding:0 100px; height:104px; }
#allmenuBox .menuBox .mCont > ul > li:before { content:''; display:block; position:absolute; left:0; top:0; width:0; height:100%; background:var(--mainColor); transition:all 0.4s; }
.web #allmenuBox .menuBox.over .mCont > ul > li.hover:before { width:0; }
.web #allmenuBox .menuBox .mCont > ul > li.hover:before,
.web #allmenuBox .menuBox .mCont > ul > li.on:before,
.web #allmenuBox .menuBox.over .mCont > ul > li.on.hover:before { width:100%; }
#allmenuBox .menuBox .mCont > ul > li > a { position:relative; width:596px; color:#111; font-weight:500; font-size:8.0rem; line-height:1.3; transition:all 0.3s; }
.web #allmenuBox .menuBox.over .mCont > ul > li:not(:hover) > a { color:#aaa; }
.web #allmenuBox .menuBox .mCont > ul > li.hover > a,
.web #allmenuBox .menuBox .mCont > ul > li.on > a { color:#fff; }
#allmenuBox .menuBox .mCont > ul > li .subDepth { width:calc(100% - 596px); position:relative; opacity:0; visibility:hidden; z-index:-55 }
.web #allmenuBox .menuBox .mCont > ul > li.hover .subDepth,
.web #allmenuBox .menuBox.over .mCont > ul > li .subDepth { opacity:1; visibility:visible; z-index:2; }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box { opacity:0; }
.web #allmenuBox .menuBox .mCont > ul > li.hover .subDepth .box,
.web #allmenuBox .menuBox.over .mCont > ul > li.on.hover .subDepth .box,
.web #allmenuBox .menuBox.over .mCont > ul > li .subDepth .box { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .mCont > ul > li .subDepth .pc { display:none }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul { display:flex; flex-wrap:wrap; gap:10px 60px; }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul > li { }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul > li > a { color:rgba(255,255,255,1); font-weight:400; font-size:2.0rem; line-height:1.3; transition:all 0.3s; }
#allmenuBox .menuBox .copyright-box { position:absolute; right:50px; bottom:50px; text-align:right; }
#allmenuBox .menuBox .copyright-box .logo { filter:grayscale(1) brightness(0.85); }
#allmenuBox .menuBox .copyright-box .logo img { width:57px; }
#allmenuBox .menuBox .copyright-box .copyright { margin-top:20px; color:rgba(0,0,0,0.3); font-size:1.6rem; font-weight:400; line-height:1.3; }
@media screen and (max-width:1440px){
	#allmenuBox .menuBox .mCont > ul > li > a { width:450px; font-size:6.5rem; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth { width:calc(100% - 450px); }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul { gap:10px 50px; }
}
@media screen and (max-width:1280px){
	#allmenuBox .menuBox .mCont > ul > li { padding:0 50px; height:90px; }
	#allmenuBox .menuBox .mCont > ul > li > a { width:360px; font-size:5.5rem; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth { width:calc(100% - 360px); }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul { gap:5px 45px; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul > li > a { font-size:1.9rem; }
}

/* animation */
.web #allmenuBox .menuBox > ul > li { opacity:0; }
.web #allmenuBox.on .menuBox > ul > li { animation:ani_5 0.5s 0.3s; animation-fill-mode:both; }

@media screen and (max-width:1024px){
    #allmenuBox { position:fixed; top:0; left:unset; right:-520px; max-width:520px; width:100%; height:100vh; background:#fff; transition:all 0.3s 0.1s ease-in-out; z-index:10000; }
    #allmenuBox.on { right:0; z-index:10000; opacity:1; visibility:visible; transition:all 0.3s 0.1s ease-in-out; }
    #allmenuBox .menuCont { position:relative; z-index:5; height:100vh; } 
    #allmenuBox .menuBox { align-items:flex-start;}
    #allmenuBox .menuBox .mCont > ul { position:relative; top:80px; padding:0; height:100%; }
    #allmenuBox .menuBox .mCont > ul > li { position:relative; display:block; height:auto; padding:10px 20px;  }
	#allmenuBox .menuBox .mCont > ul > li:before { width:100%; height:0; } 
	#allmenuBox .menuBox .mCont > ul > li.hover:before { height:100%; } 
    #allmenuBox .menuBox .mCont > ul > li > a { width:auto; font-size:3.2rem; line-height:1.3;}
	#allmenuBox .menuBox .mCont > ul > li.hover > a { color:#fff; }
	#allmenuBox .menuBox .mCont > ul > li > a br { display:none; }
    #allmenuBox .menuBox .mCont > ul > li > .subDepth { position:relative; display:none; width:100%; }
	#allmenuBox .menuBox .mCont > ul > li.hover .subDepth { display:block; opacity:1; visibility:visible; z-index:2; }
	#allmenuBox .menuBox .mCont > ul > li.hover .subDepth .box { animation:ani_3_2 0.5s 0.3s; animation-fill-mode:both; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul { padding:10px 0 15px; gap:5px 30px; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul > li > a { font-size:2.0rem; color:rgba(255,255,255,1); }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .pc { margin-top:10px; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .pc a { font-size:2.0rem; color:rgba(255,255,255,1); }
	#allmenuBox.on .btnClose { right:20px; top:15px; width:35px; height:35px; border-radius:5px; background-size:18px auto; }
	#allmenuBox .menuBox .copyright-box { right:20px; bottom:20px; }
	#allmenuBox .menuBox .copyright-box .logo img { width:42px; }
	#allmenuBox .menuBox .copyright-box .copyright { margin-top:10px; }
}

footer { position:relative; background:#010318; z-index:2; padding:80px 0 60px; }
footer .footer_box { display:flex; justify-content:space-between; }
footer .l-box { width:calc(100% - 1170px); }
footer .l-box .logo img { width:80px; }
footer .r-box { width:1170px; }
footer .r-box .f-t .infobox { display:flex; gap:30px; }
footer .r-box .f-t .infobox dl { width:100%; }
footer .r-box .f-t .infobox dt { color:#fff; font-size:1.8rem; font-weight:500; line-height:1.3; }
footer .r-box .f-t .infobox dd { margin-top:25px; }
footer .r-box .f-t .infobox dd li:not(:last-child) { margin-bottom:10px; }
footer .r-box .f-t .infobox dd li { display:flex; opacity:0.6; color:#fff; font-size:1.8rem; font-weight:300; line-height:1.3; font-family:var(--subFont); }
footer .r-box .f-t .infobox dd li strong { width:50px; display:block; flex-shrink:0; font-weight:400; }
footer .r-box .f-b { margin-top:60px; display:flex; justify-content:flex-end; align-items:center; gap:30px; }
footer .r-box .f-b .fmenu ul { display:flex; gap:20px; }
footer .r-box .f-b .fmenu ul li a { color:#fff; font-size:1.7rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
footer .r-box .f-b .sns ul { display:flex; gap:10px; align-items:center; }
footer .r-box .f-b .sns ul li a { width:40px; height:40px; border:1px solid rgba(255,255,255,0.2); border-radius:8px; display:flex; align-items:center; justify-content:center; }
footer .copyright { margin-top:30px; font-size:1.6rem; font-weight:400; color:#fff; font-weight:400; line-height:1.3; }
@media screen and (max-width:1440px){
	footer .l-box { width:180px; }
	footer .l-box .logo img { width:75px; }
	footer .r-box { width:calc(100% - 180px); }
	footer .r-box .f-t .infobox { gap:25px; }
	footer .r-box .f-t .infobox dt { font-size:1.7rem; }
	footer .r-box .f-t .infobox dd { margin-top:20px; }
	footer .r-box .f-t .infobox dd li { font-size:1.7rem; }
	footer .r-box .f-t .infobox dd li strong { width:45px; }
	footer .r-box .f-t .infobox dd li br { display:none }
}
@media screen and (max-width:1280px){
	footer .r-box .f-t .infobox { gap:25px; }
	footer .r-box .f-t .infobox dt { font-size:1.6rem; }
	footer .r-box .f-t .infobox dd li { font-size:1.6rem; }
	footer .r-box .f-t .infobox dd li:first-child { flex-wrap:wrap; }
	footer .r-box .f-t .infobox dd li:first-child strong { width:100%; margin-bottom:2px; }
}
@media screen and (max-width:1024px){
	footer { padding:60px 0 40px; }
	footer .footer_box { flex-wrap:wrap; }
	footer .l-box { width:100%; display:flex; align-items:center; }
	footer .r-box { width:100%; margin-top:40px; }
	footer .r-box .f-b .sns ul li a { border-radius:5px; }
	footer .copyright { margin:0 0 0 20px; }
}
@media screen and (max-width:760px){
	footer .r-box .f-t .infobox { flex-wrap:wrap; }
	footer .r-box .f-t .infobox dl { width:calc((100% - 25px) / 2); }
}
@media screen and (max-width:640px){
	footer .l-box .logo img { width:65px; }
	footer .r-box .f-t .infobox { gap:15px; }
	footer .r-box .f-t .infobox dl { width:calc((100% - 15px) / 2); }
	footer .r-box .f-t .infobox dd { margin-top:15px; }
	footer .r-box .f-t .infobox dd li:not(:last-child) { margin-bottom:5px; }
	footer .r-box .f-b { margin-top:40px; gap:20px; }
	footer .r-box .f-b .fmenu ul { gap:15px; }
	footer .r-box .f-b .sns ul { gap:5px; }
}

.btn_top { mix-blend-mode:exclusion; position:fixed; bottom:60px; right:20px; z-index:100; background:#fff; width:40px; height:40px; border-radius:8px; }
.btn_top a { text-align:center; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
@media screen and (max-width:1440px){
	.btn_top { bottom:110px; }
}
@media screen and (max-width:1024px){
	.btn_top { bottom:90px; }
}
@media screen and (max-width:640px){
	.btn_top { bottom:85px; }
}


/* privacy */
.privacy * { font-family:var(--subFont); }
.privacy .ptxt { color:#333; font-size:2.2rem; font-weight:300; line-height:1.63; }
.privacy .p-list:not(:last-child) { margin-bottom:120px; }
.privacy .p-list > dl { margin-top:60px; }
.privacy .p-list > dl > dt { color:#222; font-size:2.0rem; font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.privacy .p-list > dl > dd { margin-top:15px; color:#666; font-size:1.8rem; font-weight:300; line-height:1.66; letter-spacing:-0.030em; display:flex; gap:40px; flex-direction:column; }
.privacy .p-list > dl > dd .list ul { padding-left:15px; }
.privacy .p-list > dl > dd .list li { position:relative; display:flex; gap:10px; }
.privacy .p-list > dl > dd .list li:before { content:''; display:block; width:4px; height:4px; border-radius:4px; background:#666; margin:13px 0 0 5px; flex-shrink:0; }
@media screen and (max-width:1440px){
	.privacy .p-list:not(:last-child) { margin-bottom:100px; }
}
@media screen and (max-width:1024px){
	.privacy .ptxt { font-size:2.0rem;  }
	.privacy .p-list:not(:last-child) { margin-bottom:80px; }
	.privacy .p-list > dl { margin-top:30px; }
	.privacy .p-list > dl > dt { font-size:1.8rem; }
	.privacy .p-list > dl > dd { font-size:1.7rem; gap:20px; }
	.privacy .p-list > dl > dd .list ul { padding-left:8px; }
	.privacy .p-list > dl > dd .list li { gap:5px; }
	.privacy .p-list > dl > dd .list li:before { width:3px; height:3px; margin:10px 0 0 2px; }
}
@media screen and (max-width:640px){
	.privacy .ptxt { font-size:1.9rem;  }
	.privacy .p-list:not(:last-child) { margin-bottom:60px; }
	.privacy .p-list > dl { margin-top:20px; }
	.privacy .p-list > dl > dd { margin-top:10px; gap:15px;  }
}


/* 게시글 동영상 반응형 */
.video-container { position:relative; overflow:hidden; max-width:1000px; 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; }


#allmenuBox .os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(255,255,255,0.1); width:5px; border-radius:5px; }
#allmenuBox .os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(255,255,255,0.1); height:5px; border-radius:5px; }
#allmenuBox .os-theme-dark > .os-scrollbar-vertical, 
#allmenuBox .os-theme-light > .os-scrollbar-vertical { width:5px; }
#allmenuBox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#fff; width:5px; height:5px; border-radius:5px; opacity:0.8 }
#allmenuBox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
#allmenuBox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
#allmenuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
#allmenuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#fff; border-radius:5px; opacity:1; }


.btnMore { display:flex; align-items:center; justify-content:center; }
.btnMore a { position:relative; }
.btnMore .plus { position:relative; display:block; width:100px; height:100px; border-radius:100px; background:var(--mainColor); }
.btnMore .plus:before { content:''; display:block; z-index:2; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), -50%); width:3px; height:21px; background:#fff; border-radius:3px; transition:all 0.5s; }
.btnMore .plus:after { content:''; display:block; z-index:2; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), -50%); width:21px; height:3px; background:#fff; border-radius:3px; transition:all 0.5s; }
.btnMore .txtIcon { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); animation:aniMore 5s linear infinite;  }
.btnMore .txtIcon img { width:100%; }
.btnMore a:hover .plus:before,
.btnMore a:hover .plus:after { transform:translate(calc(-50% - 0.5px), -50%) rotate(-180deg); }
@media screen and (max-width:1280px){
	.btnMore .plus { width:80px; height:80px; }
	.btnMore .txtIcon { width:130px; }
}
@media screen and (max-width:1024px){
	.btnMore .plus { width:60px; height:60px; }
	.btnMore .plus:before { width:2px; height:18px; }
	.btnMore .plus:after { width:18px; height:2px; }
	.btnMore .txtIcon { width:100px; }
}
@keyframes aniMore {
    0% { transform:translate(-50%, -50%) rotate(0deg); }
    100% { transform:translate(-50%, -50%) rotate(360deg); }
}


.slick-slide img {
	-webkit-user-drag:none; /* 이미지 드래그 방지 */
}



.global-box .map-list { display:none }
.global-box .global-popup { opacity:0; visibility:hidden; transition:all 0.3s; position:absolute; z-index:-5; left:100px; top:50%; transform:translate(0, -50%); width:500px; max-height:660px; border-radius:10px; border:2px solid #fff; background:#000; box-shadow:0px 0px 30px 0px rgba(0, 125, 197, 0.30); }
.global-box .global-popup.on { opacity:1; z-index:5; visibility:visible; }
.global-box .global-popup .body { position:relative; padding:30px 30px 50px; z-index:10; }
.global-box .global-popup .scroll-box { overflow:auto; max-height:600px; padding-right:20px; }
.global-box .global-popup .titbox { display:flex; align-items:center; justify-content:center; text-align:center; }
.global-box .global-popup .titbox h3 { color:#fff; font-weight:500; line-height:1.3; margin-left:20px; }
.global-box .global-popup .listbox { margin-top:50px; }
.global-box .global-popup .listbox .box:not(:last-child) { margin-bottom:60px; }
.global-box .global-popup .listbox .box { display:flex; }
.global-box .global-popup .listbox .box .imgbox { width:160px; }
.global-box .global-popup .listbox .box .imgbox figure { position:relative; overflow:hidden; border-radius:8px; } 
.global-box .global-popup .listbox .box .imgbox figure:before{ content:""; display:block; padding-bottom:75.4%; }
.global-box .global-popup .listbox .box .imgbox figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
.global-box .global-popup .listbox .box .txtbox { width:calc(100% - 160px); padding-left:20px; }
.global-box .global-popup .listbox .type { height:25px; border-radius:5px; border:1px solid #fff; color:#fff; font-size:1.4rem; font-weight:400; line-height:1.3; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; }
.global-box .global-popup .listbox dt { margin-top:10px; color:#fff; font-weight:500; line-height:1.3; }
.global-box .global-popup .listbox dd { margin-top:10px; color:#fff; font-size:1.8rem; font-weight:300; line-height:1.3; }
@media screen and (max-width:1440px){
	.global-box .global-popup { left:50px; width:400px; max-height:540px; }
	.global-box .global-popup .body { padding:20px 20px 50px; }
	.global-box .global-popup .scroll-box { max-height:500px; padding-right:10px; }
	.global-box .global-popup .listbox dd { font-size:1.7rem; }
	.global-box .global-popup .listbox .box .imgbox { width:140px; }
	.global-box .global-popup .listbox .box .txtbox { width:calc(100% - 140px); padding-left:15px; }
	.global-box .global-popup .listbox .box:not(:last-child) { margin-bottom:30px; }
}
@media screen and (max-width:1280px){
	.global-box .global-popup { width:360px; max-height:500px; }
	.global-box .global-popup .scroll-box { max-height:460px; }
	.global-box .global-popup .listbox .box .imgbox { width:130px; }
	.global-box .global-popup .listbox .box .txtbox { width:calc(100% - 130px); }
}
@media screen and (max-width:1024px){
	.global-box .global-popup { display:none }
	.global-box .map-list { display:block; padding:40px 20px; }
	.global-box .mapCont:not(:last-child) { margin-bottom:20px; }
	.global-box .mapCont .titbox { display:flex; align-items:center; justify-content:center; text-align:center; }
	.global-box .mapCont .titbox img { width:30px; }
	.global-box .mapCont .titbox h3 { color:#fff; font-weight:500; line-height:1.3; margin-left:10px; }
	.global-box .mapCont .listbox { margin:10px 0 0; padding:20px; border-radius:8px; border:1px solid #fff; background:rgba(255, 255, 255, 0.10); backdrop-filter:blur(25px); }
	.global-box .map-list .listbox .box { display:flex !important; }
	.global-box .map-list .listbox .imgbox { width:160px; }
	.global-box .map-list .listbox .imgbox figure { position:relative; overflow:hidden; border-radius:5px; } 
	.global-box .map-list .listbox .imgbox figure:before{ content:""; display:block; padding-bottom:75.4%; }
	.global-box .map-list .listbox .imgbox figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
	.global-box .map-list .listbox .txtbox { width:calc(100% - 160px); padding-left:15px; }
	.global-box .map-list .listbox .type { height:25px; border-radius:5px; border:1px solid #fff; color:#fff; font-size:1.4rem; font-weight:400; line-height:1.3; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; }
	.global-box .map-list .listbox dt { margin-top:10px; color:#fff; font-weight:500; line-height:1.3; }
	.global-box .map-list .listbox dd { margin-top:5px; color:#fff; font-size:1.8rem; font-weight:300; line-height:1.3; }
	.global-box .map-list .slick-arrow { text-indent:-9999em; position:absolute; top:220px; z-index:5; border:1px solid var(--mainColor); width:40px; height:40px; border-radius:50px; background:var(--mainColor) }
	.global-box .map-list .slick-prev { left:7px; }
	.global-box .map-list .slick-next { right:7px; }
	.global-box .map-list .slick-dots { display:flex !important; align-items:center; justify-content:center; gap:5px; margin-top:20px; }
	.global-box .map-list .slick-dots button { border:none; width:10px; height:10px; border-radius:8px; background:rgba(255, 255, 255, 0.3); outline:none; text-indent:-9999em; }
	.global-box .map-list .slick-dots .slick-active button { background:#fff; }
}


.subbody .os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(0, 0, 0, 0.2); width:3px; border-radius:3px; }
.subbody .os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(0, 0, 0, 0.2); height:3px; border-radius:3px; }
.subbody .os-theme-dark > .os-scrollbar-vertical, 
.subbody .os-theme-light > .os-scrollbar-vertical { width:3px; }
.subbody .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#222; width:3px; height:3px; border-radius:3px; }
.subbody .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.subbody .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.subbody .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.subbody .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#000; border-radius:3px; opacity:1; }
.subbody .privacy-box .os-theme-dark > .os-scrollbar-vertical,
.subbody .privacy-box .os-theme-dark > .os-scrollbar-horizontal { background:#fff; border-radius:3px; }

.global-popup .os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(255, 255, 255, 0.2); width:2px; border-radius:2px; }
.global-popup .os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(255, 255, 255, 0.2); height:2px; border-radius:2px; }
.global-popup .os-theme-dark > .os-scrollbar-vertical, 
.global-popup .os-theme-light > .os-scrollbar-vertical { width:2px; }
.global-popup .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:rgba(255, 255, 255, 1); width:2px; height:2px; border-radius:2px; }
.global-popup .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.global-popup .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.global-popup .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.global-popup .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:rgba(255, 255, 255, 1); border-radius:2px; }