@charset "utf-8";

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


body,html { min-height:100% }


.inner1600 { position:relative; max-width:1600px; margin:0 auto; }
.inner1600:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
@media screen and (max-width:1640px){
	.inner1600 { padding:0 20px; }
}
:root { 
    /*--mainFont:Poppins;
	--mainFont:Montserrat;*/
	--subFont:Poppins;
    --mainColor:#ff4500; 
    --subColor:#df2a23; 
}

/* header */
header { position:fixed; top:0; left:0; width:100%; z-index:999; }
header:before { content:""; display:block; position:absolute; left:0; top:40px; width:100%; height:80px; background:rgba(255,255,255,0); z-index:2}
header.over:before { background:rgba(255,255,255,1); transition:all 0.4s; }
header:after { content:""; display:block; position:absolute; left:0; top:120px; width:100%; height:1px; background:rgba(255,255,255,0.20); z-index:2 }
header.over:after,
header.on:after,
header.active:after { background:#e5e5e5; transition:all 0.4s; }
/*
header.active:before { background:rgba(255,255,255,1); }
*/
header h1 { text-align:left; }
header h1 a { display:block; }
header h1 a svg { width:227px; height:auto }
header h1 a svg .logo-4 { transition:all 0.4s; }
header h1 a svg .logo-1,
header h1 a svg .logo-2,
header h1 a svg .logo-3  { fill:#fff; transition:all 0.4s; }
header.over h1 a svg .logo-1,
header.on h1 a svg .logo-1,
header.fix h1 a svg .logo-1,
header.over h1 a svg .logo-2,
header.on h1 a svg .logo-2,
header.fix h1 a svg .logo-2,
header.over h1 a svg .logo-3,
header.on h1 a svg .logo-3,
header.fix h1 a svg .logo-3,
header.over h1 a svg .logo-4,
header.on h1 a svg .logo-4,
header.fix h1 a svg .logo-4 { fill:#231b1c }
header.on:before,
header.fix:before { background:rgba(255,255,255,0.5); }
header.fix.over:before { background:rgba(255,255,255,1); }
@media screen and (max-width:1024px){
    header { background:rgba(255,255,255,0.20); height:120px; }
}
@media screen and (max-width:640px){
    header { height:100px; }
    header h1 a svg { width:200px; }
    header:before { height:60px; }
    header:after { top:100px; width:100%; height:1px; background:rgba(255,255,255,0.20); z-index:2 }
}

header .topBox { position:relative;z-index:6; display:flex; justify-content:flex-end; align-items:center; height:40px; padding-right:50px; background:#010101; }
header .topBox ul { display:flex; }
header .topBox li { position:relative; }
header .topBox li:not(:last-child) { margin-right:15px; padding-right:15px; }
header .topBox li:not(:last-child):before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:rgba(255,255,255,0.5); }
header .topBox li a { color:#fff; font-size:14px; font-weight:500; }
header .topBox li a.link { padding-right:22px; background:url(/img/common/icon_link.png) center right no-repeat }
@media screen and (max-width:1280px){
    header .topBox { padding-right:35px; }
}
@media screen and (max-width:640px){
    header .topBox { padding-right:20px; }
}

header .lefTop { position:absolute; padding-left:50px; z-index:55; display:flex; align-items:center; height:80px; }
@media screen and (max-width:640px){
    header .lefTop { padding-left:20px; height:60px; }
}

header #navi { position:relative; z-index:5; display:flex; justify-content:flex-end; padding-right:330px; }
header #navi #gnb > ul { display:flex; text-align:center; }
header #navi #gnb > ul > li { width:175px; }
header #navi #gnb > ul > li > a { position:relative; display:flex; height:80px; justify-content:center; align-items:center; color:#fff; font-size:20px; font-weight:500; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > a:before { content:""; display:block; position:absolute; left:0; bottom:-1px; width:0; height:2px; background-color:var(--mainColor); transition:all 0.3s ease-in-out; }
header.over #navi #gnb > ul > li > a,
header.on #navi #gnb > ul > li > a,
header.fix #navi #gnb > ul > li > a { color:#111; }
header #navi #gnb > ul > li > a:hover:before,
header #navi #gnb > ul > li.on > a:before { width:100%; z-index:6 }
header #navi #gnb > ul > li > .subDepth { position:relative; display:none; padding-top:33px; padding-bottom:60px; }
header #navi #gnb > ul > li > .subDepth:after { content:""; display:block; width:1px; height:0; background:#e5e5e5; position:absolute; left:0; top:0; z-index:3; }
header #navi #gnb > ul > li:last-child > .subDepth:before { content:""; display:block; width:1px; height:0; background:#e5e5e5; position:absolute; right:0; top:0; z-index:3; }
header.over #navi #gnb > ul > li > .subDepth:before,
header.over #navi #gnb > ul > li > .subDepth:after { animation:ani_h 0.3s 0.2s; animation-fill-mode:forwards;}
header.over #navi #gnb > ul > li > .subDepth { display:block } 
header #navi #gnb > ul > li > .subDepth > ul > li { opacity:0; padding:0 5px; }
header #navi #gnb > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:17px; }
header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:15px; color:#999; font-weight:300; line-height:1.3; transition:all 0.3s ease-in-out; display:inline-block; }
header #navi #gnb > ul > li > .subDepth > ul > li > a:hover { color:#111; }
header.over #navi #gnb > ul > li > .subDepth > ul > li { animation:gnbSub 0.6s 0.3s; animation-fill-mode:forwards; }
header .gnb_bg { height:0; position:absolute; top:120px; left:0; width:100%; background:rgba(255,255,255,0); transition:all 0.4s; z-index:1; }
header.over .gnb_bg { background:rgba(255,255,255,1); border-bottom:1px solid #e5e5e5; }
@media screen and (max-width:1600px){
    header #navi { padding-right:240px; }
    header #navi #gnb > ul > li { width:150px; }
}
@media screen and (max-width:1400px){
    header #navi { padding-right:200px; }
    header #navi #gnb > ul > li { width:130px; }
}
@media screen and (max-width:1280px){
    header #navi { display:none }
}



header .language { margin:-4px 0 0 30px; display:flex; align-items:center; }
header .language .icon img { filter:brightness(0) invert(1); transition:all 0.4s; }
header .language .box { margin-left:10px; }
header .language .box ul { display:flex; }
header .language .box ul li:not(:last-child) { margin-right:20px }
header .language .box ul li { position:relative; }
header .language .box ul li:not(:last-child):before { content:""; display:block; position:absolute; right:-10px; top:50%; height:14px; width:1px; background:#fff; transform:translateY(-50%); transition:all 0.4s;  }
header .language .box ul li a { font-family:var(--mainFont); color:#fff; font-size:17px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; transition:all 0.4s; }
header.over .language .icon img,
header.on .language .icon img,
header.fix .language .icon img { filter:brightness(0) invert(0); }
header.over .language .box ul li:not(:last-child):before,
header.on .language .box ul li:not(:last-child):before,
header.fix .language .box ul li:not(:last-child):before { background:#000; }
header.over .language .box ul li a,
header.on .language .box ul li a,
header.fix .language .box ul li a { color:#000; }
@media screen and (max-width:1024px){
    header .language { display:none }
}


header .search-box { position:absolute; right:50px; top:60px; width:250px; z-index:5; background:#fff; border-radius:40px; }
header .search-box .ipbox input[type="text"] { width:100%; height:40px; background:none; outline:none; border:none; padding:0 50px 0 25px; color:#111; font-size:15px; font-weight:400; }
header .search-box .ipbox .btn { position:absolute; right:10px; top:50%; transform:translateY(-50%); width:40px; height:40px; display:flex; align-items:center; justify-content:center; outline:none; border:none; background:url(/img/common/btn_search.png) center center no-repeat; }
header.over .search-box,
header.on .search-box,
header.fix .search-box { background:#000; }
header.over .search-box .ipbox input[type="text"],
header.on .search-box .ipbox input[type="text"],
header.active .search-box .ipbox input[type="text"],
header.fix .search-box .ipbox input[type="text"] { color:#fff; }
header.over .search-box .ipbox .btn,
header.on .search-box .ipbox .btn,
header.fix .search-box .ipbox .btn,
header.active .search-box .ipbox .btn { filter:brightness(0) invert(1); }
@media screen and (max-width:1600px){
    header .search-box { width:220px; }
}
@media screen and (max-width:1400px){
    header .search-box { width:170px; }
    header .search-box .ipbox input[type="text"] { padding:0 35px 0 15px; }
    header .search-box .ipbox .btn { right:5px; width:30px;}
}
@media screen and (max-width:1280px){
    header .search-box { width:245px; right:80px; }
    header .search-box .ipbox input[type="text"] { padding:0 45px 0 20px; }
    header .search-box .ipbox .btn { right:5px; width:40px;}
}
@media screen and (max-width:1024px){
    header .search-box { display:none }
}

.allmenu { position:absolute; z-index:7; right:35px; top:70px; display:none; }
.allmenu a { position:relative; width:28px; height:21px; display:block; }
.allmenu span { position:absolute; width:100%; height:3px; background-color:rgba(255,255,255,1); display:block; top:0; border-radius:5px; }
.allmenu span:before { content:""; display:block; width:100%; height:3px; background-color:rgba(255,255,255,1); position:absolute; left:0; top:9px; border-radius:5px; }
.allmenu span:after { content:""; display:block; width:100%; height:3px; background-color:rgba(255,255,255,1); position:absolute; left:0; top:18px; border-radius:5px; }
.subbody header .allmenu span,
.subbody header .allmenu span:before,
.subbody header .allmenu span:after { background-color:#111; }
header.on .allmenu span,
header.on .allmenu span:before,
header.on .allmenu span:after { background-color:#000; }
@media screen and (max-width:1280px){
	.allmenu { position:absolute; z-index:7; display:block; }
}
@media screen and (max-width:640px){
	.allmenu { right:20px; top:58px; }
}

#allmenuBox { display:none }
.mobile #allmenuBox { display:block; position:fixed; right:-480px; top:0; max-width:480px; width:100%; height:100vh; background:#111; z-index:100000; transition:all 0.3s 0.1s ease-in-out; }
.mobile #allmenuBox.on { right:0; }
.mobile #allmenuBox h1 a .logo-2 { fill:#fff; }
.mobile #allmenuBox .menuBox { margin-top:60px; width:100%; text-align:center; padding:30px 20px 0 20px; }
.mobile #allmenuBox .menuBox .inner { padding:0; }
.mobile #allmenuBox .menuBox #gnb > ul > li { position:relative; margin-top:35px; text-align:center }
.mobile #allmenuBox .menuBox #gnb > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox .menuBox #gnb > ul > li > a { position:relative; color:#fff; font-weight:600; font-size:22px; display:inline-block; }
.mobile #allmenuBox .menuBox #gnb > ul > li.hover > a { color:#ff7b0f; } 
.mobile #allmenuBox .menuBox #gnb > ul > li > .subDepth { position:relative; display:none; padding:25px 0 20px 0px; }
.mobile #allmenuBox .menuBox #gnb > ul > li > .subDepth > ul > li { position:relative; margin-top:0; padding:12px 20px; border-radius:10px; }
.mobile #allmenuBox .menuBox #gnb > ul > li > .subDepth > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox .menuBox #gnb > ul > li > .subDepth > ul > li > a { position:relative; color:#ccc; font-weight:300; font-size:16px; cursor:pointer; transition:all 0.3s }
.mobile #allmenuBox .menuBox #gnb > ul > li > .subDepth > ul > li.on > a { color:#0898e3; }
.mobile #allmenuBox .btn_close { position:absolute; right:20px; top:20px; width:40px; height:40px; z-index:11; opacity:1; cursor:pointer; }
.mobile #allmenuBox .btn_close:before { content:""; display:block; width:28px; height:2px; background-color:#fff; position:absolute; left:0; top:0; margin:15px 0 0 8px; border-radius:5px; transform:rotate(45deg); }
.mobile #allmenuBox .btn_close:after { content:""; display:block; width:28px; height:2px; background-color:#fff; position:absolute; left:0; top:0; margin:15px 0 0 8px; border-radius:5px; transform:rotate(-45deg); }
.mobile #allmenuBox .lang { display:none; padding:30px 0 0 }
.mobile #allmenuBox .lang .language { display:flex }
.mobile #allmenuBox .lang .language .icon img { filter:brightness(0) invert(1); }
.mobile #allmenuBox .language .box ul li a { color:#fff; }
.mobile #allmenuBox .language .box ul li:not(:last-child):before { background:#fff; }
.mobile #allmenuBox .search { display:none; }
.mobile #allmenuBox .search .search-box { display:block; right:25px; top:70px; width:calc(100% - 55px); background:#fff; }
.mobile #allmenuBox .search .search-box .ipbox input[type="text"] { color:#111;}
.mobile #allmenuBox .search .search-box .btn { filter:brightness(0) invert(0); }
@media screen and (max-width:1024px){
    .mobile #allmenuBox .lang,
    .mobile #allmenuBox .search { display:block }
}
@media screen and (max-width:640px){
    .mobile #allmenuBox .menuBox > ul > li > a { font-size:20px; }
}



footer { padding:60px 0 0; background:#fff; border-top:1px solid #e5e5e5; }
footer .footer_box { position:relative;  }
footer .footer_box .f-box { display:flex; justify-content:space-between; flex-wrap:wrap; }
footer .footer_box .l_box .logo svg { width:380px; height:auto }
footer .footer_box .l_box .logo svg .logo-1,
footer .footer_box .l_box .logo svg .logo-2,
footer .footer_box .l_box .logo svg .logo-3,
footer .footer_box .l_box .logo svg .logo-4 { fill:#231B1C }
footer .footer_box .l_box .infobox { margin-top:40px; }
footer .footer_box .l_box .infobox li:not(:last-child) { margin-bottom:30px; }
footer .footer_box .l_box .infobox li { font-size:18px; font-weight:300; color:#111; line-height:1.5; letter-spacing:-0.02em; display:flex; flex-wrap:wrap; text-align:left }
footer .footer_box .l_box .infobox li strong { font-weight:500; width:100px; }
footer .footer_box .l_box .infobox li .txt { width:calc(100% - 100px) }
footer .footer_box .r_box { max-width:750px; width:100%; }
footer .footer_box .all-menu { margin-top:20px; }
footer .footer_box .all-menu > ul { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:20px; border-top:1px solid #e5e5e5; } 
footer .footer_box .all-menu > ul > li { }
footer .footer_box .all-menu > ul > li > a { font-size:20px; font-weight:400; color:#111; line-height:1.3; letter-spacing:-0.02em; }
footer .footer_box .all-menu > ul > li .subDepth > ul { margin-top:30px; }
footer .footer_box .all-menu > ul > li .subDepth > ul > li:not(:last-child) { margin-bottom:10px; }
footer .footer_box .all-menu > ul > li .subDepth > ul > li a { font-size:15px; font-weight:300; color:#888; line-height:1.3; letter-spacing:-0.02em; }
footer .footer_box .award-logo > ul { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
footer .footer_bottom { margin-top:60px; border-top:1px solid rgba(255,255,255,0.2); background:#000; }
footer .fb-box { height:115px; display:flex; align-items:center; justify-content:space-between; }
footer .fb-box .sns-box { display:flex; align-items:center; gap:0 10px;}
footer .fb-box .sns li { display:inline-block; }
footer .fb-box .sns li:not(:last-child) { margin-right:8px; }
footer .fb-box .sns li a { display:flex; align-items:center; justify-content:center; background:rgba(34, 34, 34, 1); width:45px; height:45px; border-radius:45px; }
footer .fb-box .copyright { font-family:var(--mainFont); font-size:16px; color:#888; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
footer .fb-box .catalog { margin-left:10px; }
footer .fb-box .catalog a { width:220px; height:55px; display:flex; align-items:center; justify-content:center; background:var(--mainColor); }
footer .fb-box .catalog a span { display:inline-block; padding-right:33px; font-family:var(--mainFont); font-size:16px; font-weight:600; color:#fff; line-height:1.3; letter-spacing:-0.02em; background:url(/img/common/btn_down.png) right center no-repeat; }
footer .fb-box #btn_top a { width:55px; height:55px; border:1px solid rgba(255, 255, 255, 0.2); overflow:hidden; text-indent:-9999em; display:block; background:url(/img/common/btn_top.png) center center no-repeat; }
@media screen and (max-width:1400px){
    footer .footer_box .all-menu > ul > li { width:140px; }
}
@media screen and (max-width:1280px){
    footer { padding:80px 0 0; }
    footer .footer_box .all-menu { display:none; }
	footer .footer_box .award-logo { margin-top:30px; }
	footer .footer_box .award-logo > ul { gap:20px; justify-content:center; }
    footer .footer_box .f-box { justify-content:center; text-align:center; }
    footer .footer_box .l_box .infobox { margin-top:50px; }
	footer .footer_box .r_box { width:100%; }
    footer .footer_bottom { margin-top:80px; }
}
@media screen and (max-width:1024px){
    footer { padding:60px 0 0; }
    footer .footer_box .l_box .infobox { margin-top:40px; }
    footer .footer_box .l_box .infobox li:not(:last-child) { margin-bottom:12px; }
    footer .footer_box .l_box .infobox li { font-size:16px; }
    footer .footer_box .l_box .infobox li strong { }
    footer .footer_bottom { margin-top:50px; }
    footer .fb-box { padding:30px 0; height:auto; justify-content:center; flex-direction:column-reverse; text-align:center }
    footer .fb-box .copyright { margin-top:20px; font-size:15px; }
}
@media screen and (max-width:760px){
	footer .footer_box .l_box .infobox li br { display:none }
	footer .footer_box .l_box .infobox li .m_br { display:block }
]
@media screen and (max-width:640px){
    footer { padding:50px 0 0; }
    footer .footer_box .l_box .logo svg { width:220px; }
    footer .footer_box .l_box .infobox { margin-top:30px; } 
	footer .footer_box .l_box .infobox li strong,
	footer .footer_box .l_box .infobox li .txt { width:100%; margin-top:5px; }
    footer .footer_bottom { margin-top:40px; }
    footer .fb-box { padding:25px 0; }
    footer .fb-box .sns li a { width:40px; height:40px; }
    footer .fb-box .sns li:not(:last-child) { margin-right:5px; }
    footer .fb-box .catalog { margin-left:4px; }
    footer .fb-box .catalog a { width:180px; height:45px; }
    footer .fb-box #btn_top a { width:45px; height:45px; }
    footer .fb-box .copyright { margin-top:15px; font-size:14px; }
}



/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:20px; padding-bottom:10%; font-size:15px;line-height:1.4; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#222; 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:16px; color:#222;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:1.4;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:1.2; 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:#222; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 8px; }


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