@charset "utf-8";

body::-webkit-scrollbar { width:10px; }
body::-webkit-scrollbar-track { background:#f1f1f1; }
body::-webkit-scrollbar-thumb { background:#888; border-radius:6px; }

:root {
    --baseFont:'Pretendard', sans-serif;
	--engFont1:'Inter', sans-serif;
	--engFont2:'Ubuntu', sans-serif;
	--engFont3:'Roboto', sans-serif;
	--engFont4:'Red Hat Display', sans-serif;
	--mainColor1:#C7000B;
	--fontColor:#000;
	--grayColor1:#333;
	--grayColor2:#666;
	--grayColor3:#999;
}

.inner1700 { width:100%; max-width:1700px;  margin:0 auto; }
@media (max-width:1740px) { 
	.inner1700 { padding-right:20px; padding-left:20px; }
}


.btn-top { position:fixed; bottom:50px; right:25px; z-index:999; cursor:pointer; background:url("/img/common/icon-top.svg") center center no-repeat; width:60px; height:60px; transition:0.4s; border:1px solid rgba(255,255,255,0.3); border-radius:50px; }
.btn-top:hover { background:url("/img/common/icon-top-hover.svg") center center no-repeat; border:1px solid rgba(255,255,255,1); }
.btn-top.active { border:1px solid rgba(199, 0, 11, 0.3); background:url("/img/common/icon-top-hover.svg") center center no-repeat;}
.btn-top.active:hover { border:1px solid var(--mainColor1); }

#wrap { position:relative; }
.header { background:#fff; position:absolute; top:0; left:0; z-index:500; width:100%; }

.header .inner1700 { display:flex; align-items:center; justify-content:space-between; height:100px; }
.logo-wrap { display:flex; align-items:flex-end; }
h1.logo a { width:100%; height:100%; display:block; }
.lang { display:flex; align-items:center; margin-left:25px; margin-bottom:3px; cursor:pointer; }
.lang .icon { height:fit-content; }
.lang .lang-inner { display:none; }
.lang .lang-inner.on { display:flex; }
.lang .lang-inner a { position:relative; color:var(--grayColor2); font-family:var(--engFont1); font-size:15px; font-weight:400; display:block; margin:0 11.5px; }
.lang .lang-inner a::before { content:""; width:3px; height:3px; border-radius:990px; opacity:0.3; background:#FFF; position:absolute; top:50%; right:-13px; transform:translateY(-50%); }
.lang .lang-inner a:first-child { margin-left:10px; }
.lang .lang-inner a:last-child { margin-right:0; }
.lang .lang-inner a:last-child::before { display:none; }
.lang .lang-inner .active { color:var(--mainColor1); font-weight:600; }

header nav { position:absolute; right:0; top:0; padding-right:2% }
header nav .depth1 { display:flex; justify-content:flex-end; }
header nav .depth1 > li { position:relative; width:60px; margin-left:20px; transition:0.5s;  }
header nav .depth1 > li:nth-child(1), 
header nav .depth1 > li:nth-child(2),
header nav .depth1 > li:nth-child(5),
header nav .depth1 > li:nth-child(8) { width:120px; }
header nav .depth1 > li:nth-child(3) { width:130px; } 
header nav .depth1 > li:nth-child(4),
header nav .depth1 > li:nth-child(6) { width:80px; }
header nav .depth1 > li:nth-child(7) { width:60px; }
header nav .depth1 > li.on { width:200px; margin-left:50px; }
header nav .depth1 > li:last-child { margin-right:100px; }
header nav .depth1 > li > a { position:relative; text-wrap:nowrap; color:#111; font-size:17px; font-weight:600; width:100%; padding-right:20px; height:100px; display:flex; align-items:center; transition:0.3s; }
header nav .depth1 > li > a span { position:absolute; right:30px; transition:0.3s; }
header nav .depth1 > li.on > a { background:var(--mainColor1); color:#fff; padding-right:0; }
header nav .depth1 > li.on > a span { right:50%; transform:translateX(50%); }
header nav .depth2 { z-index:-3; opacity:0; visibility:hidden; position:absolute; top:100%; left:0; background:#FFF; padding:20px 0; transition:0.3s; width:100%; }
header nav .depth2.on { opacity:0.8; visibility:visible; z-index:9; }
header nav .depth2 > li { text-align:center; overflow:hidden }
header nav .depth2 > li:not(last-child) { margin-bottom:10px; }
header nav .depth2 > li > a { color:var(--grayColor1); font-size:17px; font-weight:400; line-height:1.3; transition:0.3s; padding:0 5px; text-wrap:nowrap; }
header nav .depth2 > li:hover > a,
header nav .depth2 > li.active > a { color:var(--mainColor1); font-weight:500; }
header nav .depth1 > li.on .depth2 > li > a { text-wrap:nowrap; }
header nav .depth3 { padding:10px 0 5px; display:none }
header nav .depth3 > li:not(last-child) { margin-bottom:5px; }
header nav .depth3 > li > a { color:var(--grayColor2); font-size:15px; font-weight:400; transition:0.3s; }
header nav .depth3 > li > a:hover { color:var(--fontColor); font-weight:500; }

.allBtn, #BtnClose { background:var(--mainColor1); width:110px; height:100px; position:absolute; top:0; right:0; cursor:pointer; z-index:5; }
.allBtn-wrap { height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; }
.allBtn-wrap span { width:25px; height:1px; background:#fff; margin-bottom:10px; display:block; }
.allBtn span:last-child { margin-bottom:0; }

#allMenu { position:fixed; top:0; right:0; margin-right:-100vw; width:1372px; height:100vh; z-index:50; overflow:hidden }
#allMenu:before { content:""; display:block; position:absolute; top:0; right:0; width:632px; height:100vh; background:#F8F8F8 url("/img/common/bg.svg") no-repeat bottom right; z-index:1 }
#allMenu .depth1 { background:#fff; padding-left:90px; padding-top:95px; height:100%; overflow:hidden; overflow-y:auto }
#allMenu .depth1 > li { position:relative; display:flex; }
#allMenu .depth1 > li:not(last-child) { margin-bottom:35px; }
#allMenu .depth1 > li > a { font-size:46px; font-weight:600; color:rgba(0, 0, 0, 0.1); position:relative; display:block; width:50.75%; transition:0.3s; }
#allMenu .depth1 > li:last-child > a { margin-bottom:0; }
#allMenu .depth1 > li.active > a,
#allMenu .depth1 > li.on > a { color:rgba(0, 0, 0, 1); }
#allMenu .depth1 > li.active > a::after,
#allMenu .depth1 > li.on > a::after { content:"\e940"; font-family:xeicon !important; position:absolute; right:60px; top:50%; transform:translateY(-50%); color:var(--fontColor); font-size:35px; font-weight:400; opacity:1; }
#allMenu .depth1 > li.active.off > a::after { display:none }
#allMenu .depth1 > li.active.off > a { color:rgba(0, 0, 0, 0.1); }
#allMenu .depth2 { display:none; width:632px; position:absolute; top:0; right:0; padding:15px 0 15px 90px; z-index:3 }
#allMenu .depth1 > li:nth-child(3) .depth2 { margin-top:-10%; }
#allMenu .depth1 > li:nth-child(6) .depth2 { margin-top:-20%; }
#allMenu .depth1 > li:nth-child(7) .depth2,
#allMenu .depth1 > li:nth-child(8) .depth2 { top:unset; bottom:0; }
#allMenu .depth1 > li.active .depth2,
#allMenu .depth1 > li.on .depth2 { display:block; }
#allMenu .depth1 > li.active.off .depth2 { display:none; }
#allMenu .depth2 > li { margin-bottom:60px; }
#allMenu .depth2 > li:last-child { margin-bottom:0; }
#allMenu .depth2 > li > a { font-size:24px; font-weight:500; color:var(--fontColor); transition:0.3s; }
#allMenu .depth2 > li:hover > a { color:var(--mainColor1); }
#allMenu .depth3 { display:flex; flex-wrap:wrap; gap:10px 0; margin-top:20px; }
#allMenu .depth3 > li > a { color:var(--grayColor2); text-align:center; font-size:18px; font-weight:300; margin-right:40px; transition:0.3s; }
#allMenu .depth3 > li:last-child > a { margin-right:0; }
#allMenu .depth3 > li > a:hover { color:var(--fontColor); font-weight:500; }

.close-wrap { height:100%; position:relative; }
#BtnClose span { position:absolute; top:50%; left:40%; width:25px; height:1px; background:#fff; }
#BtnClose span:first-child { transform:rotate(45deg); }
#BtnClose span:nth-child(2) { transform:rotate(-45deg); }

.side-deimmed { visibility:hidden; position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; }
.side-deimmed.show { opacity:1; z-index:40; visibility:visible; }

/* animation */
.overflowHidden #allMenu .depth1 > li > a { opacity:0; }
.overflowHidden #allMenu .depth2 { opacity:0; }
.overflowHidden #allMenu .depth1 > li:nth-child(1) > a { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(2) > a { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(3) > a { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(4) > a { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(5) > a { animation:ani_3 0.8s 1.1s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(6) > a { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(7) > a { animation:ani_3 0.8s 1.5s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(8) > a { animation:ani_3 0.8s 1.7s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth1 > li:nth-child(9) > a { animation:ani_3 0.8s 1.9s; animation-fill-mode:both; }
.overflowHidden #allMenu .depth2 { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }

@media (max-width:1875px) { 
	#allMenu .depth1 { padding-top:40px; }
	header nav .depth1 > li.on { width:180px; }
}
@media (max-width:1600px) { 
	#allMenu { width:1100px; }
	#allMenu .depth1 > li > a { width:49.9%; }
	#allMenu:before,
	#allMenu .depth2 { width:507px; }
	#allMenu .depth2 > li { margin-bottom:40px; }
	header nav .depth1 > li { width:55px; margin-left:10px; }
	header nav .depth1 > li:nth-child(1), 
	header nav .depth1 > li:nth-child(2),
	header nav .depth1 > li:nth-child(5),
	header nav .depth1 > li:nth-child(8) { width:115px; }
	header nav .depth1 > li:nth-child(3) { width:125px; } 
	header nav .depth1 > li:nth-child(4),
	header nav .depth1 > li:nth-child(6) { width:75px; }
	header nav .depth1 > li:nth-child(7) { width:55px; }
	header nav .depth1 > li.on{ width:180px; margin-left:35px; }
}
@media (max-width:1400px) { 
	#allMenu { width:1000px; }
	#allMenu .depth1 > li > a { width:49.4%; }
	#allMenu .depth1 > li:nth-child(6) .depth2 { margin-top:-30%; }
	#allMenu:before,
	#allMenu .depth2 { width:461px; }
	#allMenu .depth2 > li { margin-bottom:30px; }
	h1.logo a img { width:220px; }
	header nav { padding-right:1% }
	header nav .depth1 > li { width:50px; margin-left:0; }
	header nav .depth1 > li:nth-child(1), 
	header nav .depth1 > li:nth-child(2),
	header nav .depth1 > li:nth-child(5),
	header nav .depth1 > li:nth-child(8) { width:110px; }
	header nav .depth1 > li:nth-child(3) { width:120px; } 
	header nav .depth1 > li:nth-child(4),
	header nav .depth1 > li:nth-child(6) { width:70px; }
	header nav .depth1 > li:nth-child(7) { width:50px; }
	header nav .depth1 > li.on{ width:150px; margin-left:20px; }
	header nav .depth2 > li > a { font-size:16px; }
	header nav .depth3 > li > a { font-size:15px; }
}
@media (max-width:1280px) { 
	h1.logo a img { width:200px; }
	#allMenu { width:900px; }
	#allMenu .depth1 { padding-left:70px; }
	#allMenu .depth1 > li > a { font-size:48px; width:50.1%; }
	#allMenu .depth1 > li > a.active::after { font-size:30px; }
	#allMenu:before { background-size:contain; }
	#allMenu:before,
	#allMenu .depth2 { width:415px; }
	#allMenu .depth2 { padding-left:70px; }
	#allMenu .depth2 > li { margin-bottom:20px; }
	#allMenu .depth2 > li > a { font-size:22px; }
}
@media (max-width:1200px) { 
	header nav { display:none; }
}
@media (max-width:1024px) { 
	#allMenu { width:80%; }
	#allMenu .depth1 { padding-left:40px; }	
	#allMenu .depth1 > li:not(last-child) { margin-bottom:30px; }
	#allMenu .depth1 > li > a { font-size:38px; width:51.9%; }
	#allMenu .depth1 > li > a.active::after { font-size:25px; right:20px; }
	#allMenu .depth1 > li.active > a::after,
	#allMenu .depth1 > li.on > a::after { right:40px; font-size:26px; } 
	#allMenu .depth1 > li:nth-child(6) .depth2 { margin-top:-45%; }
	#allMenu:before,
	#allMenu .depth2 { width:45%; }
	#allMenu .depth2 { padding-left:40px; }
	#allMenu .depth2 > li > a { font-size:20px; }
	#allMenu .depth3 { flex-direction:column; margin-top:15px; gap:0; }
	#allMenu .depth3 > li > a { margin-right:0; margin-bottom:10px; display:block; text-align:left; font-size:17px; }
	.header .inner1700 { height:60px; }
	.allBtn, #BtnClose { width:60px; height:60px; }
	#BtnClose span { left:30%; }
	.lang { margin-bottom:0; margin-left:15px; }
	.lang .lang-inner { display:flex; }
	.lang .lang-inner a { margin:0 5px; }
	.lang .lang-inner a:first-child { margin-left:10px; }
}
@media (max-width:768px) {
    #allMenu .depth1 { padding-left:20px; padding-top:60px; }
	#allMenu .depth1 > li:not(last-child) { margin-bottom:25px; }
	#allMenu .depth1 > li > a { font-size:28px; width:53%; }
	#allMenu .depth1 > li > a.active::after { right:15px; font-size:22px; }
	#allMenu .depth2 > li { margin-bottom:15px; }
	#allMenu .depth2 > li > a { font-size:18px; }
	#allMenu .depth3 { flex-direction:column; }
	#allMenu .depth3 > li > a { margin-bottom:10px; font-size:16px; }
	#allMenu .depth1 > li:nth-child(6) .depth2 { margin-top:-50%; }
	#allMenu .depth1 > li:nth-child(7) .depth2,
	#allMenu .depth1 > li:nth-child(8) .depth2 { top:0; bottom:unset; }
}

@media (max-width:576px) {
	h1.logo a img { width:190px; } 
	.lang .lang-inner a { font-size:14px; }
	#allMenu { width:95%; }
	#allMenu:before,
	#allMenu .depth2 { width:55%; }
	#allMenu .depth1 > li > a { font-size:22px; width:45%; }
	#allMenu .depth1 > li.active > a::after,
	#allMenu .depth1 > li.on > a::after { right:25px; font-size:18px; } 
	#allMenu .depth1 > li:nth-child(6) .depth2 { margin-top:-55%; }
	#allMenu .depth2 { padding:8px 0 8px 20px; }
	#allMenu .depth2 > li > a { font-size:18px; }
	#allMenu .depth3 > li > a { margin-bottom:5px; font-size:14px; }
}


/* footer */
.footer { padding:100px 0; border-top:1px solid #E9E9E9; }
.footer .wrap { display:flex; justify-content:space-between; }
.footer .info { display:flex; flex-wrap:wrap; gap:20px 30px; margin-top:55px; }
.footer .info ul { display:flex; flex-wrap:wrap; }
.footer .info ul li { color:var(--grayColor1); font-size:17px; font-weight:300; margin-bottom:20px; }
.footer .info ul li strong { color:var(--fontColor); font-weight:600; }
.footer .info ul li:not(:last-child) { margin-right:30px; }
.footer .info ul li.full { width:100%; }
.footer .copyright { color:var(--grayColor3); font-size:17px; font-weight:300; margin-top:95px; }
.footer .copyright.copy-m { display:none; }
.footer-term { display:flex; flex-direction:column; justify-content:flex-end; }
.footer-link { display:inline-flex; flex-direction:column; align-items:flex-end; }
.footer-link a { color:var(--fontColor); font-size:18px; font-weight:600; text-align:right; position:relative; transition:1s; display:flex; }
.footer-link a:not(:last-child) { margin-bottom:25px; }
.footer-link a::after { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-5px; background-color:rgba(0, 0, 0, 0.4); width:0; transition:0.5s; height:1px; }
.footer-link a:hover::after { width:100%; }
.footer-link a:first-child { padding-top:0; }
.footer .alto { color:var(--fontColor); text-align:right; font-size:17px; font-weight:500; background:#EBEBEB; width:265px; height:65px; display:flex; justify-content:space-between; align-items:center; margin-top:53px; padding:20px 30px; }

@media (max-width:1200px) { 
	.footer .info dl dd,
	.footer .info dl dt,
	.footer .alto,
	.footer .copyright { font-size:16px; }
	.footer-link a { font-size:17px; }
}
@media (max-width:1024px) { 
	.footer .info { gap:20px 25px; margin-top:55px; }
	.footer .alto { margin-top:45px; }
	.footer .copyright { margin-top:90px; }
}
@media (max-width:768px) { 
	.footer { padding:80px 0; }
	.footer-logo { width:65%; margin:0 auto }
	.footer .info { gap:15px; margin:40px 0 0; flex-direction:column; }
	.footer .info ul { justify-content:center; text-align:center }
	.footer .wrap { flex-direction:column; align-items:flex-start; }
	.footer-term { width:100%; }
	.footer-link { width:100%; display:block; text-align:center }
	.footer-link a { display:inline-block }
	.footer-link a:not(:last-child) { margin:0 25px 0 0; }
	.footer .alto { margin:30px auto; font-size:16px; width:220px; height:55px; }
	.footer .copyright { margin-top:0; text-align:center }
	.footer .copyright.copy-pc { display:none; }
	.footer .copyright.copy-m { display:block; }
	.footer .info dl { align-items:flex-start; }
}
@media (max-width:576px) {
    .footer { padding:50px 0; }
	.footer .info { gap:10px; margin:30px 0 0; }
	.footer .info dl:last-child dt { width:100%; max-width:39px; }
	.footer .info dl dd,
	.footer .info dl dt,
	.footer .alto,
	.footer .copyright { font-size:15px; }
	.footer-link a { font-size:16px; }
	.footer-link { width:100%; display:flex; flex-wrap:wrap; text-align:center; align-items:center; flex-direction:row; justify-content:center; gap:10px 20px; }
	.footer-link a:not(:last-child) { margin:0; }
	.footer-link a::after { display:none }
}


.btnCont { display:flex; justify-content:center; align-items:center; gap:0 10px; }
.viewBtn,
.btnCont a,
.btnCont button { transition:0.3s; width:211px; height:65px; display:flex; justify-content:center; align-items:center; gap:0 10px; background:var(--mainColor1); color:#fff; font-size:16px; font-weight:500; line-height:1.3; border-radius:70px; }
.viewBtn span,
.btnCont span { margin-right:-30px; position:relative; display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:40px; transition:0.4s; }
.viewBtn span:before,
.btnCont span:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; height:10px; background:#fff; border-radius:40px; transition:0.4s; }
.viewBtn span:after,
.btnCont span:after { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1; width:40px; height:40px; border-radius:40px; transition:0.4s; background:url(/img/sub/arr_icon.svg) center center no-repeat;}
.viewBtn:hover span:before,
.btnCont a:hover span:before { width:40px; height:40px; z-index:1 }
.btnCont button { width:auto; padding:0 50px; }
.btnCont button span { display:none }
.btnCont button:hover { background:#111 }
.btnCont .line { border:1px solid #555; background:none; color:#333; }
@media screen and (max-width:1024px){
	.viewBtn,
	.btnCont a,
	.btnCont button { width:200px; height:60px; font-size:15px; }
	.viewBtn span,
	.btnCont span { margin-right:-25px; width:36px; height:36px; }
	.viewBtn:hover span:before,
	.btnCont a:hover span:before,
	.btnCont button:hover span:before,
	.btnCont button span:after,
	.viewBtn span:after,
	.btnCont span:after { width:36px; height:36px; }
	.btnCont button { width:auto; padding:0 40px; }
}
@media screen and (max-width:640px){
	.viewBtn,
	.btnCont a,
	.btnCont button { width:170px; height:55px; }
	.viewBtn span,
	.btnCont span { margin-right:-20px; width:32px; height:32px; }
	.viewBtn:hover span:before,
	.btnCont a:hover span:before,
	.btnCont button:hover span:before,
	.btnCont button span:after,
	.viewBtn span:after,
	.btnCont span:after { width:32px; height:32px; }
	.btnCont button { width:auto; padding:0 30px; }
}

/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; font-size:15px; line-height:140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align:left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top:0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top:30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt { font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd { padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul { padding:10px; }
.privacy > dl > dd ul li { line-height:120%; margin-top:10px; }
.privacy > dl > dd ul li:first-child { margin-top:0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height:140%; }
.sTxt h3 { font-size:16px; color:#333; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 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; }

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