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

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

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

.font_RHD,
.font_RHD * { font-family:'Red Hat Display'; }
.font_Mon,
.font_Mon * { font-family:'Montserrat'; }

/* header */
header { position:absolute; top:0; left:0; width:100%; z-index:999; height:120px; transition:all .5s;	}
header .topbox { position:relative; top:0; left:0; width:100%; }
header h1 { position:absolute; left:40px; text-align:left; padding:40px 0 0 0; z-index:999; transition:all 0.3s ease-in-out; }
header h1 a { display:inline-block; width:190px; transition:all 0.3s ease-in-out; }
.subBody header h1 { left:60px;}
.subBody header h1 .logo-1 {fill:#231f20; transition:all 0.3s ease-in-out;}
@media screen and (max-width:1024px){
    header h1 { left:25px; padding:25px 0 0 0; }
    header h1 a { width:180px; }
    .subBody header h1 { left:30px; }
}
@media screen and (max-width:640px){
    header h1 { left:20px; padding:20px 0 0 0; }
    .subBody header h1 { left:20px; }
    header h1 a { width:160px; }
}

header #navi { position:relative; padding:48px 40px 0 0; }
header #navi #gnb { position:relative; z-index:2; text-align:right; }
header #navi #gnb > ul { display:inline-block; }
header #navi #gnb > ul > li { position:relative;display:inline-block; }
header #navi #gnb > ul > li:not(:last-child) { margin-right:76px; }
header #navi #gnb > ul > li > a { position:relative; z-index:3; font-weight:600; font-size:18px; font-family:var(--font-family); color:#222; letter-spacing:0.01em; line-height:130%; transition:all 0.3s ease; text-align:center; }
.mainBody header #navi #gnb > ul > li > a { color:#fff; }
header #navi #gnb > ul > li > a:hover { color:#ec1c24; }
.subBody header #navi { padding:48px 60px 0 0; }

@media screen and (max-width:1024px){
    header #navi { display:none}
}

.allBox { display:none; position:fixed; right:0; top:0; z-index:9999; width:100px; background:none; transition:all 0.8s; }
.allBox.on { z-index:999999; }
.allBox.on .allmenu { z-index:999; }
.allmenu { position:relative; width:100px; height:100px; display:flex; justify-content:center; align-items:center;}
.allmenu a {font-size:15px; font-weight:300; color:#fff; width:23px; height:20px; position:relative; display:block; margin:0 auto; }
.allmenu a:before { content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:9px; transition:all 0.3s ease }
.allmenu a:after { content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:18px; transition:all 0.5s ease }
.allmenu span { position:relative; display:block; background-color:#fff; width:100%; height:2px; transition:all 0.5s ease }
.allBox.on .allmenu a:before { width:0; left:unset; right:0; }
.allBox.on .allmenu span,
.allBox.on .allmenu a:before,
.allBox.on .allmenu a:after { background-color:#fff; }
.allBox.on .allmenu span { transform:translate(-2px, 8px) rotate(45deg); }
.allBox.on .allmenu a:after { transform:translate(-2px, -10px) rotate(-45deg); }
.subBody .allmenu a:before,
.subBody .allmenu a:after,
.subBody .allmenu span { background-color:#222; }
@media screen and (max-width:1024px){
    .allBox { display:block; }
    .allBox,
    .allmenu { width:80px; height:80px; }
    .subBody .allmenu { height:100%; }
}
@media screen and (max-width:640px){
    .allBox,
    .allmenu { width:60px; height:60px;}
}

.web #allmenuBox { display:none }

.mobile #allmenuBox { position:fixed; right:-480px; top:0; max-width:480px; width:100%; height:100vh; background:#000; z-index:10000; transition:all 0.3s 0.1s ease-in-out; }
.mobile #allmenuBox.on { right:0; }
.mobile #allmenuBox .menuBox { height:100%; }
.mobile #allmenuBox #gnb { position:absolute; top:110px; left:0; width:100%; padding:0 40px; height:calc(100% - 110px - 160px); overflow:auto; text-align:center; }
.mobile #allmenuBox #gnb > ul > li { position:relative; margin-top:40px; }
.mobile #allmenuBox #gnb > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox #gnb > ul > li > a { position:relative; color:#fff; font-weight:700; font-size:24px; display:inline-block; }
.mobile #allmenuBox .copyright { position:absolute; bottom:20px; left:0; width:100%; text-align:center; color:rgba(255,255,255,0.8); font-size:14px; }
@media screen and (max-width:760px){
    .mobile #allmenuBox .allCont .lang { right:20px; top:20px; }
	.mobile #allmenuBox #gnb { top:100px; padding:0 20px; }
	.mobile #allmenuBox #gnb > ul > li { margin-top:25px; }
	.mobile #allmenuBox #gnb > ul > li > a { font-size:20px; }
}

footer { position:relative; }
footer .footer_box { display:flex; align-items:center; height:126px; background-color:#222; padding:0 110px; }
footer .footer_box .f-main { display:none }
footer .footer_box .f-sub { display:block }
footer .footer_box .infobox { position:relative; z-index:8; }
footer .footer_box .infobox li { position:relative; color:rgba(255,255,255,1); font-weight:400; font-size:14px; line-height:130%; }
footer .footer_box .infobox li.f-sub { margin-top:10px; }
footer .footer_box .infobox li.f-sub a { color:rgba(255,255,255,0.6); }
footer .family { position:absolute; right:110px; top:50%; transform:translateY(-50%); z-index:5; }
footer .family > p { position:relative; z-index:22; cursor:pointer; width:130px; height:34px; font-family:var(--font-family); font-weight:500; font-size:12px; color:#fff; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #888; }
footer .family > p:before {content:""; display:block; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%); width:7px; height:1px; }
footer .family.on > p:after { opacity:0; }
footer .family > p:after { opacity:1; transition:all 0.3s; content:""; display:block; background:#fff; position:absolute; right:3px; top:50%; transform:translateY(-50%); width:1px; height:7px; }
footer .family > p i { display:none; margin-left:17px; font-size:14px; transition:all 0.3s }
footer .family.on > p i { transform:rotate(180deg); }
footer .family .sbox { position:absolute; left:0; bottom:0; display:none; padding-bottom:35px; width:100%; text-align:left; }
footer .family .sbox ul { padding:10px; background:rgba(0,0,0,0.5) }
footer .family .sbox li { padding:7px 0; font-weight:500; font-size:14px; }
footer .family .sbox li a { color:#fff; }
footer .family-box { position:absolute; left:0; bottom:0; width:100%; display:none; z-index:3 } 
footer .family-box:before {content:""; display:block; background:#222; position:absolute; left:0; top:0; width:100%; height:100%; }
footer .family-box .box { position:relative; z-index:3; padding:60px 110px 125px; text-align:left }
footer .family-box .box > ul { position:relative; display:flex; gap:0 20px; padding-bottom:40px; }
footer .family-box .box > ul:before {content:""; display:block; background:#323232; position:absolute; left:0; bottom:0; width:100%; height:1px; }
footer .family-box .box > ul > li { width:calc((100% - 100px)/6) }
footer .family-box .box > ul > li dt { font-size:14px; font-weight:700; color:#fff; margin-bottom:20px; }
footer .family-box .box > ul > li dt.tit { color:#ec1c24 }
footer .family-box .box > ul > li dd { margin-top:10px; }
footer .family-box .box > ul > li dd a { font-size:14px; font-weight:200; color:#fff; opacity:0.8; }
footer .family-box .btn_close { position:absolute; right:110px; top:40px; z-index:33; display:none }
footer .family-box .btn_close i { font-size:18px; }
.mainBody footer { position:fixed; left:0; bottom:0; width:100%; z-index:9; }
.mainBody footer .footer_box { display:flex; justify-content:center; align-items:center; text-align:center; height:auto; background:none; padding:0 0 30px; }
.mainBody footer .footer_box .f-main { display:block }
.mainBody footer .footer_box .f-sub { display:none }
.mainBody footer .footer_box .infobox ul { display:flex; flex-wrap:wrap; justify-content:center; }
.mainBody footer .footer_box .infobox li:not(:last-child) { margin-right:30px; }
.mainBody footer .footer_box .infobox li { position:relative; color:rgba(255,255,255,0.8); font-weight:400; font-size:14px; line-height:130%; }
.mainBody footer .footer_box .infobox li:after { content:""; display:block; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:rgba(255,255,255,0.2); }
.mainBody footer .footer_box .infobox li:first-child:after { display:none } 
.mainBody footer .family-box .btn_close { right:38px; }
.mainBody footer .family { position:absolute; right:38px; bottom:0; top:unset; }
.mainBody footer .family > p { width:130px; font-size:12px; color:#fff; padding-left:17px; border:1px solid #888; }
.mainBody footer .family .sbox ul { border:1px solid #888; padding:10px; }
.mainBody footer .family .sbox li { font-size:12px; }
.mainBody footer .family-box:before { background:#1a1a1a; opacity:0.8; }
.mainBody footer .family-box .box { padding:60px 0 105px; margin:0 auto; max-width:1400px; }
.mainBody footer .family-box .box > ul:before { display:none; }
.mainBody footer .family > p:before {right:16px; }
.mainBody footer .family > p:after { right:19px; }
@media screen and (max-width:1180px){
    .mainBody footer { bottom:0; padding:0 150px; }
    .mainBody footer .footer_box { padding:0 0 20px; }
    .mainBody footer .footer_box .infobox li { line-height:1.6; }
    .mainBody footer .footer_box { text-align:left }
    footer .family { bottom:5px; }
    footer .family-box .btn_close { right:110px; }
}
@media screen and (max-width:1024px){
    footer .family { display:none }
    .mainBody footer { padding:0 0; }
    .mainBody footer .footer_box .infobox li.copyright { width:100%; text-align:center; margin:0; padding:0; }
    .mainBody footer .footer_box .infobox li.copyright:after { display:none; }
    footer .footer_box { padding:0 70px 10px; }
}
@media screen and (max-width:860px){
    footer .footer_box { flex-direction:column-reverse; text-align:center }
}
@media screen and (max-width:760px){
    .mainBody footer .footer_box .infobox li:first-child { width:100%; text-align:center; margin-right:0; }
    .mainBody footer .footer_box .infobox li:nth-child(3) { margin-right:0; }
    .mainBody footer .footer_box .infobox li:nth-child(2):after { display:none; }
}
@media screen and (max-width:640px){
    footer .footer_box { padding:0 20px 10px; }
}


#btn_top { position:fixed; bottom:70px; right:30px; z-index:2; }
#btn_top a { border-radius:50%; background:#222; width:45px; height:45px; display:flex; align-items:center; justify-content:center; }
#btn_top a i { color:#fff; font-size:14px; }
.mainBody #btn_top { display:none }


/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:0; 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:#014789;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%; margin-top:8px;}
.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; }


.privacy .content_lv1{ margin-bottom:10px; font-size:16px; line-height:170%; color:#333; }
.privacy .content_lv2 { margin-bottom:10px; font-size:14px; line-height:170%; color:#333; padding-left:20px; }
.privacy table { }
.privacy th { padding:12px 20px; border:1px solid #ddd; background-color:#fafafa; font-weight:700; color:#333 }
.privacy td { padding:12px 20px; border:1px solid #ddd }

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

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