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


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:52%; }
}


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

.inner1440 { max-width:1440px; margin:0 auto; }
@media screen and (max-width:1480px){
	.inner1440 { padding:0 20px; }
}
:root { 
    --mainFont:Rajdhani;
	--subFont:Pretendard;
    --mainColor:#ed6c00; 
    --main2Color:#3e3a39; 
    --subColor:#111; 
}

#wrap { font-size:1.6rem; }

/* header */
header { position:fixed; top:0; left:0; width:100%; z-index:99; transition:top 0.5s ease; visibility:visible; }
header.fix { top:-100px; } 
header > div { display:flex; justify-content:space-between; }
header h1 { opacity:1; margin-top:15px; left:0; transition:all 0.5s; }
header.On h1,
.subbody header h1 { opacity:1;  }
header h1 svg { height:auto; }
header.On h1 svg,
.subbody header h1 svg { width:146px; }
header h1 svg .bg1 { fill:#fff; transition:all 0.5s; }
header h1 a { display:block; }
header.over_all h1 { z-index:999; }
header.headerFixed.nav-down { position:fixed; top:0; }
/* header.off { top:-100px; visibility:hidden; overflow:hidden; } */
header.headerFixed.nav-down h1 svg .bg1 { fill:#3E3A39; }
header.headerFixed.nav-down.off h1 svg .bg1 { fill:#fff; }
@media screen and (max-width:1024px){
	header.On h1 svg,
	.subbody header h1 svg  { width:110px; }
}


header .gnb-box { opacity:0; position:relative; height:60px; padding:0 30px 0 15px; background:var(--mainColor); border-radius:60px; margin-top:20px; gap:0 25px; display:flex; justify-content:center; align-items:center; }
header.On .gnb-box,
.subbody header .gnb-box { opacity:1; }
header #navi #gnb { overflow:hidden }
header #navi #gnb > ul { display:flex; text-align:center; }
header #navi #gnb > ul > li { transition:all 0.5s; }
header #navi #gnb > ul > li > a { display:block; padding:13px 15px; text-wrap:nowrap; color:#fff; font-size:2.0rem; font-weight:700; line-height:1.3; transition:all 0.3s; }
header.over #navi #gnb > ul > li:not(:hover) > a { color:rgba(255,255,255,0.5); }
header #navi #gnb > ul > li > .subDepth { display:none; text-align:left; position:absolute; left:0; top:50px;  }
header #navi #gnb > ul > li > .subDepth .box { transition:all 0.4s 0.1s; display:flex; margin-top:20px; padding:30px 40px; background:#3e3a39; border-radius:30px; }
header #navi #gnb > ul > li > .subDepth .box h4.title { color:#fff; font-size:3.6rem; font-weight:700; line-height:1.3; width:330px; }
header #navi #gnb > ul > li > .subDepth .box > ul { position:relative; width:calc(100% - 330px); }
header #navi #gnb > ul > li > .subDepth .box > ul > li:not(:last-child) { margin-bottom:10px; }
header #navi #gnb > ul > li > .subDepth .box > ul > li > a { position:relative; font-size:2.0rem; color:rgba(255,255,255,1); font-weight:500; line-height:1.3; transition:all 0.4s; }
header #navi #gnb > ul > li > .subDepth .box > ul > li > a.kor { font-size:1.8rem; font-weight:400; }
@media screen and (max-width:1024px){
	header #navi { display:none }
	header .gnb-box { height:45px; padding:0 20px; }
}

header .top-menu { display:flex; align-items:center; gap:0 10px; }
@media screen and (max-width:1024px){
	header .top-menu { gap:0 10px; }
}

header .sns { position:absolute; left:220px; top:35px; }
header .sns ul { display:flex; align-items:center; gap:10px; }
header .sns ul li a { transition:all 0.5s; width:30px; height:30px; display:flex; align-items:center; justify-content:center; text-indent:-9999em; overflow:hidden; background-position:center center; background-repeat:no-repeat; }
header.headerFixed.nav-down .sns ul li a { filter:brightness(0.25) invert(1); }
header.headerFixed.nav-down.off .sns ul li a { filter:none; }
header .sns ul li:nth-child(1) a { background-image:url(/img/svg/btn_sns_t01.svg); }
header .sns ul li:nth-child(2) a { background-image:url(/img/svg/btn_sns_t03.svg); }
header .sns ul li:nth-child(3) a { background-image:url(/img/svg/btn_sns_t04.svg); }
@media screen and (max-width:1440px){
	header .sns { left:200px; }
}
@media screen and (max-width:1280px){
	header .sns { left:180px; }
	header .sns ul { gap:5px; }
}
@media screen and (max-width:1024px){
	header .sns { left:150px; top:30px; }
	header .sns ul { gap:5px; }
}
@media screen and (max-width:640px){
	header .sns ul { gap:3px; }
	header .sns ul li a { width:24px; height:24px; background-size:auto 16px; }
}

header .searchBox .btn img { width:25px; height:auto }
header .searchBox .s-box { position:absolute; left:0; top:70px; display:none; }
header .searchBox .ipbox { padding:60px 100px; background:#3e3a39; border-radius:30px; }
header .searchBox .ipbtn { position:relative; width:100%; height:60px; }
header .searchBox .ipbtn input[type="text"] { width:100%; border:none; outline:none; color:#fff; font-size:2.0rem; font-weight:600; padding:0 90px 0 30px; height:100%; line-height:100%; background:#3e3a39; border:2px solid rgba(255,255,255,0.3); border-radius: 60px; }
header .searchBox .ipbtn input::placeholder{ color:rgba(255,255,255,0.5); font-weight:400; }
header .searchBox .ipbtn .btn { position:absolute; right:15px; top:50%; transform:translateY(-50%); }
header .searchBox .ipbtn .btn button { border:none; outline:none; background:none; width:30px; height:30px; background:url(/img/svg/search_icon_ov.svg) no-repeat center / cover; }
header .searchBox .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }
@media screen and (max-width:1024px){
	header .searchBox .s-box { left:unset; right:0; top:60px; width:calc(100vw - 40px) !important; max-width:640px !important; border-radius:15px; }
	header .searchBox .ipbox { padding:30px 25px; border-radius:15px; }
	header .searchBox .ipbtn { height:50px; }
	header .searchBox .ipbtn .btn button { width:24px; height:24px; }
}


header .allmenu { position:relative; z-index:20; opacity:1; }
header .allmenu a { position:relative; width:30px; height:30px; display:block; transition:all 0.7s; }
header .allmenu span { position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); display:block; width:23px; height:3px; background:#fff; border-radius:3px; transition:all 0.2s ease-in-out; }
header .allmenu span:nth-child(1) {  }
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 .allmenu a:hover { transform:rotate(-180deg); }
@media screen and (max-width:1024px){
	header .allmenu span { width:20px; height:2px; }
	header .allmenu a:hover { transform:rotate(0deg); }
	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); }
}

#allmenuBox .btnClose { opacity:0; transition:all 0.7s; }
#allmenuBox.on .btnClose { opacity:1; position:absolute; top:40px; right:40px; width:30px; height:30px; cursor:pointer; z-index:2; background:url(/img/svg/btnClose.svg) center center no-repeat;  }
#allmenuBox .btnClose:hover { transform:rotate(-180deg); }
#allmenuBox .subDepth .box h4.title { display:none }
#allmenuBox { z-index:999; position:fixed; top:-100%; left:0; width:100%; height:100vh; background:#111; transition:all 0.8s; overflow:hidden; }
#allmenuBox.on { top:0; }
#allmenuBox .menuBox { position:relative; width:100%; display:flex; align-items:flex-end; padding:0 100px; }
#allmenuBox .menuBox .mCont > ul { width:100%; height:100vh }
#allmenuBox .menuBox .mCont > ul > li { position:relative; transition:all 0.3s; display:flex; align-items:center; padding-left:50px; }
#allmenuBox .menuBox .mCont > ul > li:before { content:attr(data-num); display:block; position:absolute; left:0; top:5px; color:rgba(255,255,255,0.5); font-size:2.4rem; font-weight:600; line-height:1.3; }
#allmenuBox .menuBox .mCont > ul > li > a { position:relative; width:596px; color:#fff; font-weight:700; font-size:10.0rem; line-height:1.3; transition:all 0.3s; }
#allmenuBox .menuBox .mCont > ul > li:hover > a { color:var(--mainColor); }
#allmenuBox .menuBox .mCont > ul > li .subDepth { width:calc(100% - 596px); }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul { display:flex; flex-wrap:wrap; gap:0 40px; }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul > li { }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul > li > a { color:rgba(255,255,255,0.5); font-weight:500; font-size:2.2rem; line-height:1.3; transition:all 0.3s; }
#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul > li > a.kor { font-size:2.0rem; font-weight:400; }
#allmenuBox .menuBox .mCont > ul > li:hover .subDepth .box > ul > li > a { color:rgba(255,255,255,1); }

/* animation  */
.web #allmenuBox .menuBox { overflow:auto; }
.web #allmenuBox .menuBox .mCont > ul { height:100vh }
.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; 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; background:rgba(0,0,0,0.9); backdrop-filter:blur(7.5px); }
    #allmenuBox .menuCont { position:relative; z-index:5; height:100vh; } 
    #allmenuBox .menuBox { align-items:flex-start; padding:0 60px; width:100%; }
    #allmenuBox .menuBox .mCont { width:100%; }
    #allmenuBox .menuBox .mCont > ul { position:relative; top:100px; padding:0; height:100%; }
    #allmenuBox .menuBox .mCont > ul > li { position:relative; padding-left:30px; display:block;}
	#allmenuBox .menuBox .mCont > ul > li:not(:last-child) { margin-bottom:20px; }
	#allmenuBox .menuBox .mCont > ul > li::before { top:0; font-size:2.0rem; }
    #allmenuBox .menuBox .mCont > ul > li > a { width:auto; font-size:3.2rem; line-height:1.3;}
	#allmenuBox .menuBox .mCont > ul > li.hover > a { color:var(--mainColor); }
	#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; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth .box > ul { padding:10px 0 15px; gap:10px 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 .box > ul > li > a.kor { font-size:1.8rem; }
	#allmenuBox.on .btnClose { top:30px; right:30px; }
}
@media screen and (max-width:640px){
    #allmenuBox .menuBox { padding:0 30px; }
    #allmenuBox .menuBox .mCont > ul { top:80px; }
	#allmenuBox.on .btnClose { top:20px; right:20px; }
}


footer { position:relative; background:#171717; z-index:2; padding:100px 0; }
footer .top { display:flex; justify-content:space-between; align-items:center; }
footer .top .logo svg { width:146px; }
footer .top .logo svg .bg1 { fill:#fff; }
footer .top .fmenu ul { display:flex; }
footer .top .fmenu li:not(:last-child) { margin-right:33px; padding-right:33px; }
footer .top .fmenu li { position:relative; }
footer .top .fmenu li:not(:last-child):before { content:''; display:block; position:absolute; right:-3px; top:50%; transform:translateY(-50%); background:#fff; width:6px; height:6px; border-radius:6px; } 
footer .top .fmenu a { font-size:2.0rem; color:#fff; font-weight:500; line-height:1.3; }
footer .infobox { margin-top:120px; display:flex; justify-content:space-between; align-items:flex-end; }
footer .infobox .info { display:flex; gap:60px; }
footer .infobox .info h5 { color:#fff; font-size:2.0rem; font-weight:700; line-height:1.3; }
footer .infobox .info ul { margin-top:12px; }
footer .infobox .info li { position:relative; font-size:1.8rem; color:#fff; font-weight:400; line-height:1.3; display:flex; }
footer .infobox .info li:not(:last-child) { margin-bottom:6px; }
footer .infobox .info li strong { font-weight:500; display:inline-block; width:50px; }
footer .infobox .info li span { width:calc(100% - 50px); font-weight:400; }
footer .infobox .info li span.kor { font-size:1.8rem; font-family:var(--subFont); }
footer .infobox .info li a { color:#fff; }
footer .infobox .info .box:first-child li { font-size:2.0rem; }
footer .infobox .info .box .fs { display:none }
footer .infobox .copyright { font-size:2.0rem; font-weight:400; color:rgba(255,255,255,0.5); font-weight:500; line-height:1.3; text-align:right; }
@media screen and (max-width:1280px){
	footer .infobox { flex-wrap:wrap; }
	footer .infobox .info { width:100%; justify-content:space-between; }
	footer .infobox .info li br { display:none }
	footer .infobox .copyright { width:100%; text-align:center; margin-top:40px; }
}
@media screen and (max-width:1024px){
	footer .top .logo img { width:110px; }
	footer { padding:60px 0; }
	footer .top .fmenu li:not(:last-child) { margin-right:22px; padding-right:22px; }
	footer .top .fmenu li:not(:last-child):before { right:-2px; width:4px; height:4px; } 
	footer .top .fmenu a { font-size:1.9rem; }
	footer .infobox { margin-top:80px; }
	footer .infobox .info { gap:30px; }
	footer .infobox .info ul { margin-top:8px; }
}
@media screen and (max-width:640px){
	footer .infobox { margin-top:60px; }
	footer .infobox .info { flex-wrap:wrap; gap:30px; }
	footer .infobox .info .box { width:100%; }
	footer .infobox .info .sns ul { display:flex; gap:30px; }
}

#btn_top { position:absolute; right:100px; top:calc(-60px - 60px); }
#btn_top .btn_top { color:#fff; font-size:2.0rem; font-weight:700; line-height:1.3; text-align:center; display:flex; align-items:center; justify-content:center; width:60px; height:60px; background:var(--mainColor); border-radius:5.0rem; }
@media screen and (max-width:1440px){
	#btn_top { right:20px; }
}
@media screen and (max-width:1024px){
	#btn_top { top:calc(-20px - 50px); }
	#btn_top .btn_top { width:50px; height:50px; }
}

/* privacy */
.privacy .p-list * { font-family:var(--subFont); }
.privacy .p-list .ptxt { color:#333; font-size:var(--font22); font-weight:300; line-height:1.6; }
.privacy .p-list:not(:last-child) { margin-bottom:60px; }
.privacy .p-list h4 { color:#111; font-size:var(--font28); font-weight:500; line-height:1.3; }
.privacy .p-list > dl { margin-top:40px; }
.privacy .p-list > dl > dt { color:#111; font-size:var(--font20); font-weight:400; line-height:1.66; }
.privacy .p-list > dl > dd { margin-top:15px; color:#666; font-size:var(--font18); font-weight:300; line-height:1.66; }
.privacy .p-list > dl > dd > p { margin-top:10px; color:#666; font-size:var(--font18); font-weight:300; line-height:1.66; }
.privacy .p-list > dl > dd > p strong { font-weight:500; }
.privacy .p-list > dl > dd > ul { margin-top:10px; }
.privacy .p-list > dl > dd > ul > li:not(:last-child) { margin-bottom:15px; }
.privacy .p-list > dl > dd > ul > li { color:#666; font-size:var(--font18); font-weight:300; line-height:1.66; }
@media screen and (max-width:1440px){
	.privacy .p-list:not(:last-child) { margin-bottom:50px; }
}
@media screen and (max-width:1024px){
	.privacy .p-list:not(:last-child) { margin-bottom:40px; }
	.privacy .p-list > dl { margin-top:30px; }
	.privacy .p-list > dl > dd { margin-top:10px; }
	.privacy .p-list > dl > dd > ul { margin-top:5px; }
	.privacy .p-list > dl > dd > ul > li strong { margin-bottom:5px; }
	.privacy .p-list > dl > dd > ul > li:not(:last-child) { margin-bottom:10px; }
}
@media screen and (max-width:1024px){
	.privacy .p-list:not(:last-child) { margin-bottom:20px; }
	.privacy .p-list > dl { margin-top:20px; }
	.privacy .p-list > dl > dd > ul > li:not(:last-child) { margin-bottom:8px; }
}


/* 게시글 동영상 반응형 */
.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 img { max-width:none !important;  }
.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 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; }
	.btnMore .txtIcon img { width:100%; }
}
@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; /* 이미지 드래그 방지 */
}