@charset "utf-8";

/*--------------------------------------------------------------------------
| Reset
|--------------------------------------------------------------------------*/

/* Common Reset */
*{padding:0;margin:0;box-sizing:border-box}
body{min-width:360px;color:#333;background:#fff}/* overflow:hidden; */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,dl,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table,th,td{border-spacing:0;border-collapse:collapse}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
img{border:0}
h1,h2,h3,h4,h5,h6,strong,th{font-weight:700;line-height:1.5em}
h1,h2,h3,h4,h5,h6,strong,p,label,a{line-height:1.5em;word-break:keep-all}
address{font-style:normal}
label{cursor:pointer;vertical-align:middle}
input{vertical-align:middle;-webkit-border-radius:0}
input::-ms-clear{display:none;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 300px white inset}
select, textarea{vertical-align:middle;}
.select{padding:0 10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}
.select::-ms-expand{display:none}
::placeholder{color:#b7b7b7;opacity:1}
:-ms-input-placeholder{color:#b7b7b7}
button,input[type=button],input[type=submit]{cursor:pointer;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;}
title{display:block;}


/*--------------------------------------------------------------------------
| Common
|--------------------------------------------------------------------------*/

/* Common Class */
.o-hd{overflow:hidden}
.clearfix::after{content:"";display:block;clear:both}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.hidden{width:0;height:0;overflow:hidden;visibility:hidden;margin:0;padding:0;font-size:0;line-height:0}
.blind{width:0;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.visible{visibility:visible;opacity:1}
.pull-left{float:left}
.pull-right{float:right}
.cursor{cursor:pointer!important}
.no-result{padding:130px 20px;font-size:16px;text-align:center;background:#eee}
.video-wrap{position:relative;padding-top:56.2%}
.video_wrap iframe{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%}
.mask{position:fixed;display:block;top:0;bottom:0;left:0;right:0;visibility:hidden;opacity:0;background:rgba(0,0,0,0.6);cursor:pointer;transition:opacity .25s,visibility .25s;z-index:2500}
.mask.show{visibility:visible;opacity:1}
.editor-contents img{height:auto!important;max-width:100%}
.default-editor table, .default-editor thead, .default-editor tbody, .default-editor tr, .default-editor th, .default-editor td {border:1px solid;border-spacing:revert;border-collapse:unset}
.ic{display:inline-block;position:relative;top:-1px;vertical-align:middle}

@media (min-width:1025px){
	.a-under:hover{text-decoration: underline;}
}
/* Wrap */
.wrap{max-height:100vh;overflow-x:hidden;overflow-y:scroll;animation:fadeIn .15s linear forwards}
.wrap.move{animation:fadeOut .075s ease-in-out forwards}
@keyframes fadeIn{
  from{opacity:0.03}
  to{opacity:1}
}
@keyframes fadeOut{
  from{opacity:1}
  to{opacity:0.03}
}

@media (min-width:1025px) {
	.wrap::-webkit-scrollbar{width:12px}
	.wrap::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:5px;background-color:#9f9f9f;background-clip:padding-box;}
	.wrap::-webkit-scrollbar-track{background-color:#eee}
}



/*--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------*/

/* Common Layout */
.flex-wrap {display:flex; justify-content:space-between;}
.hide{display:none}
@media (max-width:1920px){.hide_1920{display:none}.show_1920{display:block}.center_1920{text-align:center}}
@media (max-width:1600px){.hide_1600{display:none}.show_1600{display:block}.center_1600{text-align:center}}
@media (max-width:1440px){.hide_1440{display:none}.show_1440{display:block}.center_1440{text-align:center}}
@media (max-width:1280px){.hide_1280{display:none}.show_1280{display:block}.center_1280{text-align:center}}
@media (max-width:1024px){.hide_1024{display:none}.show_1024{display:block}.center_1024{text-align:center}}
@media (max-width:970px){.hide_970{display:none}.show_970{display:block}.center_970{text-align:center}}
@media (max-width:768px){.hide_768{display:none}.show_768{display:block}.center_768{text-align:center}}
@media (max-width:640px){.hide_640{display:none}.show_640{display:block}.center_640{text-align:center}}
@media (max-width:480px){.hide_480{display:none}.show_480{display:block}.center_480{text-align:center}}
@media (max-width:400px){.hide_400{display:none}.show_400{display:block}.center_400{text-align:center}}
@media (max-width:360px){.hide_360{display:none}.show_360{display:block}.center_360{text-align:center}}

/* Padding & Margin */
.pt5{padding-top:5px}.pb5{padding-bottom:5px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}
.pt25{padding-top:25px}.pb25{padding-bottom:25px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pt35{padding-top:35px}.pb35{padding-bottom:35px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}
.pt45{padding-top:45px}.pb45{padding-bottom:45px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pt60{padding-top:60px}.pb60{padding-bottom:60px}.pt70{padding-top:80px}.pb70{padding-bottom:70px}
.pt80{padding-top:80px}.pb80{padding-bottom:80px}.pt90{padding-top:90px}.pb90{padding-bottom:90px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.pt110{padding-top:110px}.pb110{padding-bottom:110px}
.pt120{padding-top:120px}.pb120{padding-bottom:120px}
.mt5{margin-top:5px}.mb5{margin-bottom:5px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.mt25{margin-top:25px}.mb25{margin-bottom:25px}
.mt30{margin-top:30px}.mb30{margin-bottom:30px}.mt35{margin-top:35px}.mb35{margin-bottom:35px}.mt40{margin-top:40px}.mb40{margin-bottom:40px}.mt45{margin-top:45px}.mb45{margin-bottom:45px}.mt50{margin-top:50px}.mb50{margin-bottom:50px}
.mt60{margin-top:60px}.mb60{margin-bottom:60px}.mt70{margin-top:80px}.mb70{margin-bottom:70px}.mt80{margin-top:80px}.mb80{margin-bottom:80px}.mt90{margin-top:90px}.mb90{margin-bottom:90px}.mt100{margin-top:100px}.mb100{margin-bottom:100px}
.mt110{margin-top:110px}.mb110{margin-bottom:110px}.mt120{margin-top:120px}.mb120{margin-bottom:120px}.mt130{margin-top:130px}.mb130{margin-bottom:130px}.mt150{margin-top:150px}.mb150{margin-bottom:150px}
.mt180{margin-top:180px}.mb180{margin-bottom:180px}.mt200{margin-top:200px}.mb200{margin-bottom:200px}.mt250{margin-top:250px}.mb250{margin-bottom:250px}.mt300{margin-top:300px}.mb300{margin-bottom:300px}
@media (max-width:970px){
	.pt10{padding-top:8px}.pb10{padding-bottom:8px}.pt15{padding-top:12px}.pb15{padding-bottom:12px}.pt20{padding-top:16px}.pb20{padding-bottom:16px}.pt25{padding-top:20px}.pb25{padding-bottom:20px}
	.pt30{padding-top:24px}.pb30{padding-bottom:24px}.pt35{padding-top:30px}.pb35{padding-bottom:30px}.pt40{padding-top:35px}.pb40{padding-bottom:35px}.pt45{padding-top:38px}.pb45{padding-bottom:38px}
	.pt50{padding-top:40px}.pb50{padding-bottom:40px}.pt60{padding-top:48px}.pb60{padding-bottom:48px}.pt70{padding-top:58px}.pb70{padding-bottom:58px}.pt80{padding-top:60px}.pb80{padding-bottom:60px}
	.pt90{padding-top:62px}.pb90{padding-bottom:62px}.pt100{padding-top:64px}.pb100{padding-bottom:64px}.pt110{padding-top:67px}.pb110{padding-bottom:67px}.pt120{padding-top:71px}.pb120{padding-bottom:71px}
	.mt10{margin-top:8px}.mb10{margin-bottom:8px}.mt15{margin-top:12px}.mb15{margin-bottom:12px}.mt20{margin-top:16px}.mb20{margin-bottom:16px}.mt25{margin-top:20px}.mb25{margin-bottom:20px}
	.mt30{margin-top:24px}.mb30{margin-bottom:24px}.mt35{margin-top:30px}.mb35{margin-bottom:30px}.mt40{margin-top:35px}.mb40{margin-bottom:35px}.mt45{margin-top:38px}.mb45{margin-bottom:38px}.mt50{margin-top:40px}.mb50{margin-bottom:40px}
	.mt60{margin-top:48px}.mb60{margin-bottom:48px}.mt70{margin-top:58px}.mb70{margin-bottom:58px}.mt80{margin-top:60px}.mb80{margin-bottom:60px}	.mt90{margin-top:62px}.mb90{margin-bottom:62px}.mt100{margin-top:64px}.mb100{margin-bottom:64px}
	.mt110{margin-top:67px}.mb110{margin-bottom:67px}.mt120{margin-top:71px}.mb120{margin-bottom:71px}.mt130{margin-top:80px}.mb130{margin-bottom:80px}.mt150{margin-top:90px}.mb150{margin-bottom:90px}
	.mt180{margin-top:105px}.mb180{margin-bottom:105px}.mt200{margin-top:130px}.mb200{margin-bottom:130px}.mt250{margin-top:170px}.mb250{margin-bottom:170px}.mt300{margin-top:205px}.mb300{margin-bottom:205px}
}
@media (max-width:480px){
	.pt10{padding-top:7px}.pb10{padding-bottom:7px}.pt15{padding-top:10px}.pb15{padding-bottom:10px}.pt20{padding-top:12px}.pb20{padding-bottom:12px}.pt25{padding-top:16px}.pb25{padding-bottom:16px}
	.pt30{padding-top:20px}.pb30{padding-bottom:20px}.pt35{padding-top:25px}.pb35{padding-bottom:25px}.pt40{padding-top:30px}.pb40{padding-bottom:30px}.pt45{padding-top:33px}.pb45{padding-bottom:33px}
	.pt50{padding-top:37px}.pb50{padding-bottom:37px}.pt60{padding-top:42px}.pb60{padding-bottom:42px}.pt70{padding-top:46px}.pb70{padding-bottom:46px}.pt80{padding-top:48px}.pb80{padding-bottom:48px}
	.pt90{padding-top:50px}.pb90{padding-bottom:50px}.pt100{padding-top:53px}.pb100{padding-bottom:53px}.pt110{padding-top:58px}.pb110{padding-bottom:58px}.pt120{padding-top:62px}.pb120{padding-bottom:62px}
	.mt10{margin-top:7px}.mb10{margin-bottom:7px}.mt15{margin-top:10px}.mb15{margin-bottom:10px}.mt20{margin-top:12px}.mb20{margin-bottom:12px}.mt25{margin-top:16px}.mb25{margin-bottom:16px}
	.mt30{margin-top:20px}.mb30{margin-bottom:20px}.mt35{margin-top:25px}.mb35{margin-bottom:25px}.mt40{margin-top:30px}.mb40{margin-bottom:30px}.mt45{margin-top:33px}.mb45{margin-bottom:33px}.mt50{margin-top:37px}.mb50{margin-bottom:37px}
	.mt60{margin-top:42px}.mb60{margin-bottom:42px}.mt70{margin-top:46px}.mb70{margin-bottom:46px}.mt80{margin-top:48px}.mb80{margin-bottom:48px}.mt90{margin-top:50px}.mb90{margin-bottom:50px}.mt100{margin-top:53px}.mb100{margin-bottom:53px}
	.mt110{margin-top:58px}.mb110{margin-bottom:58px}.mt120{margin-top:62px}.mb120{margin-bottom:62px}.mt130{margin-top:70px}.mb130{margin-bottom:70px}.mt150{margin-top:80px}.mb150{margin-bottom:80px}
	.mt180{margin-top:95px}.mb180{margin-bottom:95px}.mt200{margin-top:110px}.mb200{margin-bottom:110px}.mt250{margin-top:128px}.mb250{margin-bottom:128px}.mt300{margin-top:150px}.mb300{margin-bottom:150px}
}


/*--------------------------------------------------------------------------
| Animation
|--------------------------------------------------------------------------*/

/* Common Animation */
html:not(.old-ie) .animate-element{transition:visibility 1.1s ease, opacity 1.1s ease, transform 1.1s ease}

/* Fade */
html:not(.old-ie) .fadeIn{visibility:hidden;opacity:0}
html:not(.old-ie) .fadeIn.animated, html:not(.old-ie) body.is_mobile .fadeIn{visibility:visible;opacity:1}
html:not(.old-ie) .fadeInUp{position:relative;visibility:hidden;opacity:0;transform:translateY(110px)}
html:not(.old-ie) .fadeInUp.animated, html:not(.old-ie) body.is_mobile .fadeInUp{visibility:visible;opacity:1;transform:translateY(0)}
html:not(.old-ie) .fadeInDown{position:relative;visibility:hidden;opacity:0;transform:translateY(-110px)}
html:not(.old-ie) .fadeInDown.animated, html:not(.old-ie) body.is_mobile .fadeInDown{visibility:visible;opacity:1;transform:translateY(0)}
html:not(.old-ie) .fadeInRight{position:relative;visibility:hidden;opacity:0;transform:translateX(-110px)}
html:not(.old-ie) .fadeInRight.animated, html:not(.old-ie) body.is_mobile .fadeInRight{visibility:visible;opacity:1;transform:translateX(0)}
html:not(.old-ie) .fadeInLeft{position:relative;visibility:hidden;opacity:0;transform:translateX(110px)}
html:not(.old-ie) .fadeInLeft.animated, html:not(.old-ie) body.is_mobile .fadeInLeft{visibility:visible;opacity:1;transform:translateY(0)}

/* btn */
.btn{display:inline-block;text-align:center;cursor:pointer}



:root {
	font-size: var(--font-16);
	--color-base: #111;
	--color-dark: #333;
	--color-tab: #262626;
	--color-date: #4c4c4c;
	--color-gray: #fafafa;
	--color-gray2: #b3b3b3;
	--color-gray3: #fcfcfc;
	--color-gray4: #f3f3f3;
	--color-black: #1a1a1a;
	--color-text: #666;
	--color-text2: #999;
	--color-point: #12b2b2;
	--color-point2: #068080;
	--color-point3: #1ca59c;
	--color-deep: #182b8c;
	--color-blue: #0055ff;
	--color-yellow: #ffea00;
	--color-line: #e6e6e6;
	--color-line2: #dedede;
	--color-line3: #dbdbdb;
	--color-line4: #e0e0e0;
	--color-line5: #ccc;
	--font-base: 'Pretendard', sans-serif;
	--font-serif: 'Nanum Myeongjo', serif;
	--font-14: clamp(13px, 3.611vw * 0.5, 14px);
	--font-15: clamp(14px, 3.889vw * 0.5, 15px);
	--font-16: clamp(14px, 3.889vw * 0.5, 16px);
	--font-16-13: clamp(13px, 3.611vw * 0.5, 16px);
	--font-16-15: clamp(15px, 4.167vw * 0.5, 16px);
	--font-17: clamp(15px, 4.167vw * 0.5, 17px);
	--font-17-14: clamp(14px, 3.889vw * 0.5, 17px);
	--font-18: clamp(15px, 4.167vw * 0.5, 18px);
	--font-18-14: clamp(14px, 3.889vw * 0.5, 18px);
	--font-18-16: clamp(16px, 4.444vw * 0.5, 18px);
	--font-20: clamp(14px, 3.889vw * 0.5, 20px);
	--font-20-18: clamp(18px, 5vw * 0.5, 20px);
	--font-22: clamp(20px, 5.556vw * 0.5, 22px);
	--font-22-16: clamp(16px, 4.444vw * 0.5, 22px);
	--font-22-18: clamp(18px, 5vw * 0.5, 22px);
	--font-24: clamp(16px, 4.444vw * 0.5, 24px);
	--font-24-22: clamp(22px, 6.111vw * 0.5, 24px);
	--font-26: clamp(22px, 6.111vw * 0.5, 26px);
	--font-26-24: clamp(24px, 6.667vw * 0.5, 26px);
	--font-28: clamp(26px, 7.222vw * 0.5, 28px);
	--font-30: clamp(26px, 7.222vw * 0.5, 30px);
	--font-32: clamp(26px, 7.222vw * 0.5, 32px);
	--font-34: clamp(28px, 7.778vw * 0.5, 34px);
	--font-34-24: clamp(24px, 6.667vw * 0.5, 34px);
	--font-34-26: clamp(26px, 7.222vw * 0.5, 34px);
	--font-36: clamp(28px, 7.778vw * 0.5, 36px);
	--font-38: clamp(28px, 7.778vw * 0.5, 38px);
	--font-40: clamp(30px, 8.333vw * 0.5, 40px);
	--font-40-19: clamp(19px, 5.278vw * 0.5, 40px);
	--font-40-26: clamp(26px, 7.222vw * 0.5, 40px);
	--font-40-36: clamp(36px, 10vw * 0.5, 40px);
	--font-42: clamp(28px, 7.778vw * 0.5, 42px);
	--font-42-34: clamp(34px, 9.444vw * 0.5, 42px);
	--font-50: clamp(36px, 10vw * 0.5, 50px);
	--font-50-38: clamp(38px, 10.556vw * 0.5, 50px);
	--font-50-40: clamp(40px, 10vw * 0.5, 50px);
	--space-13: clamp(10px, 2.778vw * 0.5, 13px);
	--space-15: clamp(10px, 2.778vw * 0.5, 15px);
	--space-20: clamp(10px, 2.778vw * 0.5, 20px);
	--space-20-12: clamp(12px, 3.333vw * 0.5, 20px);
	--space-20-15: clamp(15px, 4.167vw * 0.5, 20px);
	--space-20-16: clamp(16px, 4.444vw * 0.5, 20px);
	--space-20-17: clamp(17px, 4.722vw * 0.5, 20px);
	--space-24: clamp(20px, 5.556vw * 0.5, 24px);
	--space-24-18: clamp(18px, 5vw * 0.5, 24px);
	--space-28: clamp(20px, 5.556vw * 0.5, 28px);
	--space-30: clamp(20px, 5.556vw * 0.5, 30px);
	--space-30-16: clamp(16px, 4.444vw * 0.5, 30px);
	--space-30-19: clamp(19px, 5.278vw * 0.5, 30px);
	--space-35: clamp(25px, 6.944vw * 0.5, 35px);
	--space-38: clamp(32px, 8.889vw * 0.5, 38px);
	--space-40: clamp(30px, 8.333vw * 0.5, 40px);
	--space-40-20: clamp(20px, 5.556vw * 0.5, 40px);
	--space-40-24: clamp(24px, 6.667vw * 0.5, 40px);
	--space-40-26: clamp(26px, 7.222vw * 0.5, 40px);
	--space-40-34: clamp(34px, 9.444vw * 0.5, 40px);
	--space-50: clamp(40px, 11.111vw * 0.5, 50px);
	--space-50-30: clamp(30px, 8.333vw * 0.5, 50px);
	--space-60: clamp(30px, 8.333vw * 0.5, 60px);
	--space-60-40: clamp(40px, 11.111vw * 0.5, 60px);
	--space-60-46: clamp(46px, 12.778vw * 0.5, 60px);
	--space-60-50: clamp(50px, 13.889vw * 0.5, 60px);
	--space-60-52: clamp(52px, 14.444vw * 0.5, 60px);
	--space-60-54: clamp(54px, 15vw * 0.5, 60px);
	--space-66: clamp(57px, 15.833vw * 0.5, 66px);
	--space-70: clamp(60px, 16.667vw * 0.5, 70px);
	--space-70-40: clamp(40px, 11.111vw * 0.6, 70px);
	--space-70-55: clamp(55px, 15.278vw * 0.5, 70px);
	--space-80: clamp(60px, 16.667vw * 0.6, 80px);
	--space-80-40: clamp(40px, 11.111vw * 0.6, 80px);
	--space-100: clamp(50px, 13.889vw * 0.6, 100px);
	--space-100-40: clamp(40px, 11.111vw * 0.6, 100px);
	--space-100-60: clamp(60px, 16.667vw * 0.6, 100px);
	--space-100-80: clamp(80px, 22.222vw * 0.6, 100px);
	--space-110: clamp(50px, 13.889vw * 0.6, 110px);
	--space-120: clamp(60px, 16.667vw * 0.6, 120px);
	--space-120-40: clamp(40px, 11.111vw * 0.6, 120px);
	--space-120-50: clamp(50px, 13.889vw * 0.6, 120px);
	--space-120-80: clamp(80px, 22.222vw * 0.6, 120px);
	--space-130: clamp(110px, 30.556vw * 0.5, 130px);
	--space-160: clamp(80px, 22.222vw * 0.6, 160px);
	--gap16: clamp(8px, 2.222vw * 0.5, 16px);
	--gap20: clamp(8px, 2.222vw * 0.8, 20px);
	--gap24: clamp(16px, 4.444vw * 0.5, 24px);
	--font-sm: 300;
	--font-rg: 400;
	--font-md: 500;
	--font-bd: 700;
	--font-bk: 900;
	--padding-inner: clamp(16px, 4.444vw * 0.6, 30px);
	--mpadding-inner: calc(var(--padding-inner) * -1);
	--easing: cubic-bezier(.48,.37,.32,1.06);
	--easing_out: cubic-bezier(.18,.61,.34,.99);
	--easing_in: cubic-bezier(.44,0,.99,.73);
	--trans: .3s ease;
	--delay: 0s;
	--height: calc(var(--vh, 1vh) * 100);
	--ios-pdd-btm: env(safe-area-inset-bottom);
}

/* reset */
* {letter-spacing: -0.01em;}

/* skip navigation */
#accessibility {position:absolute; z-index:99999; top:0; left:5%; width:90%}
#accessibility a {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:hidden; background:#fff; color:var(--color-black)}
#accessibility a:focus, #accessibility a:active {height:50px}
#accessibility a span {display:block; height:50px; border:1px solid var(--color-black); text-align:center; line-height:50px}

/* scrollbar */
.scrollbar-custom::-webkit-scrollbar {width: 6px; border-radius: 10px;}
.scrollbar-custom::-webkit-scrollbar-track {background: none;}
.scrollbar-custom::-webkit-scrollbar-thumb {background: rgba(216,216,216,0.7); border-radius: 10px;}

/* firfox scrollbar */
.scrollbar-custom {scrollbar-width: thin; scrollbar-color: rgba(216,216,216,0.7) transparent;}

/* common */
.clearfix::after {content:""; display:block; clear:both}
.d_flex {display:flex;}
.d_inflex {display: inline-flex;}
.d_flex_ct {display: flex; justify-content: center; align-items: center;}
.d_inflex_ct {display: inline-flex; justify-content: center; align-items: center;}
.flex_ct {justify-content: center;}
.flex_vct {align-items: center;}
.txt_ct {text-align:center}
.txt_lt {text-align: left;}
.txt_rt {text-align:right}
.txt_just {text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; width: 100%;}
.txt_keep {word-break: keep-all;}
.txt_break {word-break: break-all;}
.txt_wrap {white-space: nowrap; letter-spacing: inherit;}
.hyphen {-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.noscroll {overflow: hidden;} 

.row.d_flex .col {flex: 1;}

@media (min-width: 993px) {
	.p_txt_ct {text-align: center;}
}

@media (max-width: 992px) {
	.m_flex_col {flex-direction: column;}
}

.inner {position: relative; margin: 0 auto; padding: 0 var(--padding-inner);}
.inner::after {content: ""; display: block; clear: both;}
.inner {max-width: calc(1300px + var(--padding-inner) * 2);}
.inner.md {max-width: calc(1240px + var(--padding-inner) * 2);}
.inner.sm {max-width: calc(1080px + var(--padding-inner) * 2);}

@media (min-width: 1301px) {
	.inner.full {max-width: inherit; width: 93.75%; padding: 0;}
}

.xp_show,
.p_show,
.t_show,
.xm_show,
.m_show {display: none !important;}

@media (max-width: 1300px) {
	.xxp_hide {display: none !important;}
}

@media (max-width: 1200px) {
	.xp_hide {display: none !important;}
	.xp_show {display: inherit !important;}
}

@media (min-width: 993px) {
	.p_hide {display: none !important;}
	.p_show {display: inherit !important;}
}

@media (max-width: 992px) {
	.t_hide {display: none !important;}
	.t_show {display: inherit !important;}
}

@media (max-width: 768px) {
	.xm_hide {display: none !important;}
	.xm_show {display: inherit !important;}
}

@media (max-width: 576px) {
	.m_hide {display: none !important;}
	.m_show {display: inherit !important;}
}

/* font */
.lts_mdd,
.lts_mdd * {letter-spacing: -0.025em;}
.lts_lg,
.lts_lg * {letter-spacing: -0.05em;}

/* color */
.txt_white {color: #fff !important;}
.txt_black {color: var(--color-base) !important;}
.txt_point {color: var(--color-point2) !important;}
.bg_gray {background-color: #f7f7f7 !important;}
.bg_gray2 {background-color: var(--color-gray) !important;}

/* margin */
.mt60 {margin-top: var(--space-60-50);}
.mt70 {margin-top: var(--space-70-40);}

.mg24,
.mb24 {margin-bottom: var(--space-24);}
.mb110 {margin-bottom: var(--space-110);}

.gap40 {gap: 40px;}

.el_desc {font-size: 14px; line-height: 1.714; letter-spacing: -0.025em; color: var(--color-text); margin: -.35em 0;}

.el_img {position: relative; overflow: hidden;}
.el_img img,
.el_img .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.el_img img {-o-object-fit: cover;object-fit: cover; -o-object-position: center; object-position: center;}
.el_img .img {background-repeat: no-repeat; background-position: center; background-size: cover;}
.el_ico {position: relative; overflow: hidden; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: contain;}
.el_ico svg,
.el_ico img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center;}
span.el_ico {display: inline-block;}
.el_ico.ccl {width: var(--space-60-54); background-color: var(--color-point2); border-radius: 50%;}
.img_change {position: relative;}
.img_change img {transition: var(--trans); transition-property: opacity; transition:var(--trans);}
.img_change .on {position: absolute; left: 0; top: 0; width: 100%; opacity: 0;}




.ico_home {width: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 2' viewBox='0 0 18 21'%3E%3Cpath fill='%23262626' d='M9 0 0 8v13h6v-8h6v8h6V8L9 0z'/%3E%3C/svg%3E");}
.ico_download {width: 22px; aspect-ratio: 1 / 1.182; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Cpath fill='%23068080' d='M14.18 4v2H20v18H2V6h5.82V4H0v22h22V4h-7.82z'/%3E%3Cpath fill='%23068080' d='m4.29 13.71 6.71 6.7 6.71-6.7-1.42-1.42-4.29 4.3V0h-2v16.59l-4.29-4.3-1.42 1.42z'/%3E%3C/svg%3E");}
.ico_download2 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Cpath fill='%23fff' d='M14.18 4v2H20v18H2V6h5.82V4H0v22h22V4h-7.82z'/%3E%3Cpath fill='%23fff' d='m4.29 13.71 6.71 6.7 6.71-6.7-1.42-1.42-4.29 4.3V0h-2v16.59l-4.29-4.3-1.42 1.42z'/%3E%3C/svg%3E"); background-size: 36.67% auto; background-position: center 45%;}
.ico_detail {width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.8 17.8'%3E%3Cpath fill='%231a1a1a' d='m17.53 16.26-4.23-4.15a7.276 7.276 0 0 0 1.73-4.71c0-4.08-3.37-7.4-7.51-7.4S0 3.32 0 7.39s3.37 7.4 7.52 7.4c1.67 0 3.21-.55 4.46-1.46l4.29 4.21c.18.17.4.26.63.26s.47-.09.64-.27a.9.9 0 0 0-.01-1.27ZM1.8 7.39c0-3.08 2.57-5.59 5.72-5.59s5.72 2.51 5.72 5.59c0 1.59-.69 3.03-1.78 4.05-.02.02-.04.02-.06.04 0 0-.01.02-.02.03a5.77 5.77 0 0 1-3.85 1.47c-3.15 0-5.72-2.51-5.72-5.59Z' class='cls-1'/%3E%3C/svg%3E");}
.ico_detail2 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.8 17.8'%3E%3Cpath fill='%23fff' d='m17.53 16.26-4.23-4.15a7.276 7.276 0 0 0 1.73-4.71c0-4.08-3.37-7.4-7.51-7.4S0 3.32 0 7.39s3.37 7.4 7.52 7.4c1.67 0 3.21-.55 4.46-1.46l4.29 4.21c.18.17.4.26.63.26s.47-.09.64-.27a.9.9 0 0 0-.01-1.27ZM1.8 7.39c0-3.08 2.57-5.59 5.72-5.59s5.72 2.51 5.72 5.59c0 1.59-.69 3.03-1.78 4.05-.02.02-.04.02-.06.04 0 0-.01.02-.02.03a5.77 5.77 0 0 1-3.85 1.47c-3.15 0-5.72-2.51-5.72-5.59Z'/%3E%3C/svg%3E"); background-size: 45% auto;}
.ico_link {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='192' version='1.2'%3E%3Cstyle%3E.s0%7Bfill:none;stroke:%23fff;stroke-width:19.2%7D%3C/style%3E%3Cpath d='M170 134.3v48.1H10v-160h48.2M95.3 9.6H170v76.5' class='s0'/%3E%3Cpath d='M164.7 15.9 61.6 129.7' style='fill:%23fff;stroke:%23fff;stroke-width:19.2'/%3E%3C/svg%3E"); background-size: 36.67% auto;}
.ico_file {width:26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='27' version='1.2'%3E%3Cpath d='M10.5 4.4c0-.8-.2-1.5-.6-2.1-.5-.5-1.1-.8-1.7-.8H8c-1.4 0-2.5 1.3-2.5 2.8v8.1c0 .6.2 1.1.6 1.5.4.4.8.6 1.4.6h.1c.5 0 1-.2 1.4-.6.3-.4.5-.9.5-1.5V7.9' style='fill:none;stroke:%23068080;stroke-linecap:round;stroke-width:1.5'/%3E%3Cpath d='M18.5 9.1V9h-.1v-.1L14 4.6l-.1-.1h-12c-.2 0-.4.2-.4.4v20.2c0 .2.2.4.4.4h16.2c.2 0 .4-.2.4-.4v-16z' style='fill:none;stroke:%23068080;stroke-width:1.5'/%3E%3C/svg%3E");}
.ico_close {width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.44' height='20.438'%3E%3Cpath fill='%23111' d='m20.43 1.427-19 19-1.42-1.416 19-19ZM1.43.011l19 19-1.42 1.416-19-19Z'/%3E%3C/svg%3E");}
.ico_arr {width: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.22' height='11.03'%3E%3Cpath d='m1129 1796 5-5-5-5' style='fill:none;stroke:%23333;stroke-linecap:round;stroke-width:1px;fill-rule:evenodd' transform='translate(-1128.5 -1785.5)'/%3E%3C/svg%3E");}

@media (max-width: 992px) {
	.el_ico.mccl {width: 40px; background-color: var(--color-point3); border-radius: 50%;}
	.ico_detail.mccl {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.8 17.8'%3E%3Cpath fill='%23fff' d='m17.53 16.26-4.23-4.15a7.276 7.276 0 0 0 1.73-4.71c0-4.08-3.37-7.4-7.51-7.4S0 3.32 0 7.39s3.37 7.4 7.52 7.4c1.67 0 3.21-.55 4.46-1.46l4.29 4.21c.18.17.4.26.63.26s.47-.09.64-.27a.9.9 0 0 0-.01-1.27ZM1.8 7.39c0-3.08 2.57-5.59 5.72-5.59s5.72 2.51 5.72 5.59c0 1.59-.69 3.03-1.78 4.05-.02.02-.04.02-.06.04 0 0-.01.02-.02.03a5.77 5.77 0 0 1-3.85 1.47c-3.15 0-5.72-2.51-5.72-5.59Z'/%3E%3C/svg%3E"); background-size: auto 21px; background-position: center 45%;}
	.ico_file.mccl {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='27' version='1.2'%3E%3Cpath d='M10.5 4.4c0-.8-.2-1.5-.6-2.1-.5-.5-1.1-.8-1.7-.8H8c-1.4 0-2.5 1.3-2.5 2.8v8.1c0 .6.2 1.1.6 1.5.4.4.8.6 1.4.6h.1c.5 0 1-.2 1.4-.6.3-.4.5-.9.5-1.5V7.9' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:1.5'/%3E%3Cpath d='M18.5 9.1V9h-.1v-.1L14 4.6l-.1-.1h-12c-.2 0-.4.2-.4.4v20.2c0 .2.2.4.4.4h16.2c.2 0 .4-.2.4-.4v-16z' style='fill:none;stroke:%23fff;stroke-width:1.5'/%3E%3C/svg%3E"); background-size: auto 23px; background-position: center 45%;}
	.ico_download2 {background-size: 37% auto;}
	.ico_link {background-size: 37.04% auto;}
}

/* btn */
.el_btn {display: inline-flex; justify-content: center; align-items: center; padding-bottom: .15em; cursor: pointer;}
.el_btn::before,
.el_btn::after {background-repeat: no-repeat; background-position: center; background-size: contain;}
.el_btn .ico {display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain;}
.el_btn.basic {font-size: var(--font-16); border: 1px solid var(--color-base); height: clamp(42px, 11.667vw * 0.5, 50px); padding: 0 1.5em; padding-bottom: .1em; border-radius: 1px; transition: var(--trans); transition-property: background, color, border-color; background: #fff;}
.el_btn.basic:not(.black):not(.point):not(.type2):hover {background: var(--color-base); color: #fff;}
.el_btn.basic:disabled,
.el_btn.basic[disabled] {pointer-events: none; background: var(--color-line); color: #a6a6a6; border-color: var(--color-gray2);}
.el_btn.basic.type2 {color: #fff; background: transparent; border-color: #fff; min-width: 106px; height: clamp(42px, 11.667vw * 0.5, 46px);}
.el_btn.basic.type2:hover {background:#fff; color: #031f61;}
.el_btn.basic.type2:disabled,
.el_btn.basic.type2[disabled] {border-color: #1d3671; background: #0a2461; color: #1d3671;}
.el_btn.basic.mdd {width: clamp(130px, 36.111vw * 0.5, 140px); padding-left: 0; padding-right: 0;}
.el_btn.basic.h54 {height: clamp(50px, 13.889vw * 0.5, 54px);}
.el_btn.list {height: 56px; width: 150px; font-size: 16px; background: var(--color-base); color: #fff;}
.el_btn.list::before {content: ""; display: inline-block; width: 13px; aspect-ratio: 1; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath d='M0 0h3v3H0zM5 0h3v3H5zM10 0h3v3h-3zM0 5h3v3H0zM5 5h3v3H5zM10 5h3v3h-3zM0 10h3v3H0zM5 10h3v3H5zM10 10h3v3h-3z' class='cls-1'/%3E%3C/svg%3E");}
.el_btn.link {min-width: clamp(178px, 49.444vw * 0.5, 190px); height: clamp(38px, 10.556vw * 0.5, 42px); padding: 0 1.65em .2em;}
.el_btn.link::before {content: ""; display: inline-block; width: 17px; aspect-ratio: 1; margin-right: 11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.2 17.2'%3E%3Cpath fill='%23fff' d='M15 16H1.2V2.2h3.92V1H0v16.2h16.2v-5.12H15V16z'/%3E%3Cpath fill='%23fff' d='M8.6 0v1.2h5.66l-9.27 9.99.88.82L15 2.16V7.6h1.2V0H8.6z'/%3E%3C/svg%3E");}
.el_btn.download {height: 46px; max-width: 200px; font-size: 16px; font-weight: var(--font-md);}
.el_btn.download::before {content: ""; display: inline-block; width: 20px; aspect-ratio: 1; margin-right: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Cpath fill='%23fff' d='M14.18 4v2H20v18H2V6h5.82V4H0v22h22V4h-7.82z'/%3E%3Cpath fill='%23fff' d='m4.29 13.71 6.71 6.7 6.71-6.7-1.42-1.42-4.29 4.3V0h-2v16.59l-4.29-4.3-1.42 1.42z'/%3E%3C/svg%3E");}
.el_btn.black {background: var(--color-base); color: #fff;}
.el_btn.point {background: var(--color-point2); border-color: var(--color-point2); color: #fff;}

.btn_area {--gap: 12px; display: flex; flex-wrap: wrap; gap: var(--gap);}
.btn_area.column {flex-direction: column;}
.btn_area.column .el_btn {width: 100%;}
.btn_area.ct {justify-content: center;}

@media (max-width: 992px) {
	.el_btn.basic {padding: 0 1.93em;}
	.el_btn.link {padding-left: 1.524em; padding-right: 1.524em;}
	.el_btn.t_full {max-width: inherit !important;}
}

@media (max-width: 768px) {
	.el_btn.xm_full {max-width: inherit !important;}
}

/* form */
.frm_input,
.frm_select {width: 100%; background-color: #fff;}
.frm_select {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 8 4'%3E%3Cpath d='m4 4 4-4H0l4 4z' style='fill:%231a1a1a'/%3E%3C/svg%3E") no-repeat right center/8px; padding-right: 20px;}
.frm_input::-webkit-input-placeholder {color: #b2b2b2;}
.frm_input::-moz-placeholder {color: #b2b2b2;}
.frm_input::placeholder {color: #b2b2b2;}

/* custom select */
.nice-select {position: relative; cursor: pointer; display: flex; align-items: center;}
.nice-select .list {display: none; position: absolute; top: 100%; left: -12px; right: -12px; background: #fff; border-radius: 2px; overflow: hidden; box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.2); padding: 6px 0; width: auto !important; transform: translateY(8px); z-index: 50;}
.nice-select.open .list {display: block;}
.nice-select .option {font-size: 15px; line-height: 1; letter-spacing: -0.025em; color: var(--color-dark); padding: 7px 10px;}
.nice-select .option.focus,
.nice-select .option:hover {font-weight: var(--font-md); color: var(--color-deep);}

/* table */
.tbl_basic {border-top: 1px solid var(--color-base);}
.tbl_basic th,
.tbl_basic td {font-size: var(--font-18-16); line-height: 1.667; letter-spacing: -0.025em; text-align: center; vertical-align: middle; height: clamp(56px, 15.556vw * 0.5, 76px);  padding: .969em .625em;}
.tbl_basic th {font-weight: var(--font-bd);}
.tbl_basic td {color: var(--color-date); border-bottom: 1px solid var(--color-line4);}
.tbl_basic thead th {border-bottom: 1px solid var(--color-line5); background: var(--color-gray3); height: clamp(54px, 15vw * 0.5, 76px);}
.tbl_basic tr.total td {background: #f2f7f7; color: var(--color-base);}
.tbl_basic td.td_lt {text-align: left;}
.tbl_basic td.bd_rt {border-right: 1px solid var(--color-line4);}
.tbl_basic td.tit {color: var(--color-base);}
.tbl_link {font-weight: var(--font-md); color: var(--color-base); letter-spacing: inherit;}

@media (max-width: 992px) {
	.tbl_basic th,
	.tbl_basic td {line-height: 1.5;}

	.tbl_basic.res table,
	.tbl_basic.res tbody {display: block;}
	.tbl_basic.res colgroup {display: none;}
	.tbl_basic.res thead {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
	.tbl_basic.res tr {display: flex; width: 100%; border-bottom: 1px solid var(--color-line4); flex-wrap: wrap; padding: var(--font-26-24) var(--space-20-16) calc(var(--font-26-24) - .215em);}
	.tbl_basic.res td {border: none; text-align: left; padding: 0; height: auto; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-break: normal;}
	.tbl_basic.res td:not(.inline) {display: block; width: 100%;}
	.tbl_basic.res td.inline {display: inline-flex; align-items: center;}
	.tbl_basic.res td.inline:not(:last-of-type)::after {content: ""; display: block; width: 1px; height: 12px; background: var(--color-line4); background: var(--color-line4); margin: 0 13px;}
	.tbl_basic.res td.tit {font-size: 18px; line-height: 1.555; margin: -.35em 0; margin-bottom: 0.556em;}
	.tbl_basic.res td.inline,
	.tbl_basic.res td.date,
	.tbl_basic.res td.name,
	.tbl_basic.res td.auth {font-size: 14px; line-height: 1.6; color: var(--color-date);}
	.tbl_basic.res td.date {order: 2;}
	.tbl_basic.res td.name {order: 3;}
	.tbl_basic.res.mdd tr {padding: 20.23px clamp(12px, 3.333vw * 0.5, 16px) calc(19px - .35em);}
}

/* layout */
#wrap {min-width: 320px;}

/* header */
.ly_header {position: fixed; left: 0; top: 0; width: 100%; z-index: 200; padding-top: env(safe-area-inset-top); height: 120px; transition: var(--trans); transition-property: transform, background, height;}
.ly_header::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--color-line); pointer-events: none; opacity: 0; transition: var(--trans); transition-property: opacity, background; z-index: 1;}
.page-sub:not(.nosnb) .ly_header {position: absolute;}
.ly_header.fixed {transform: translateY(-100%);}
.down .ly_header.fixed {transform: translateY(-100%);}
.up .ly_header {transform: translateY(0);}
.ly_header .inner {height: 100%; display: flex; align-items: center;}
.header_bg {--shadow: 0px 6px 15.84px 0.16px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: -1; box-shadow: var(--shadow) rgba(0, 0, 0, 0.08); opacity: 0;  transition: var(--trans); transition-property: padding-bottom, opacity, box-shadow; box-sizing: content-box;}
.gnbOn .header_bg {box-shadow: var(--shadow) rgba(0, 0, 0, 0.3);}

.up .ly_header.fixed .header_bg,
.ly_header.on .header_bg {opacity: 1;}

/* 서브페이지 */
.page-sub .ly_header::after {opacity: 0.1;}
.page-sub .ly_header:not(.gnbOn)::after {background: #fff;}

@media (min-width: 1201px) {
	.ly_header.fixed {height: 100px;}
	.ly_header.gnbOn::after {opacity: 1;}
}

@media (max-width: 1200px) {
	.ly_header {height: 100px;} /* mo X 1.25 */
}

@media (max-width: 576px) {
	.ly_header {height: 80px;} 
}

/* logo */
.header_logo {flex-shrink: 0;}
.header_logo a {display: block;}

body:not(.navOn) .ly_header.fixed .header_logo .on,
body:not(.navOn) .ly_header.on .header_logo .on {opacity: 1;}
body:not(.navOn) .ly_header.fixed .header_logo .off,
body:not(.navOn) .ly_header.on .header_logo .off {opacity: 0;}

@media (min-width: 1201px) {
	.header_logo  {margin-right: 2%;}
}

@media (max-width: 1200px) {
	.header_logo {width: clamp(162px, 45vw * 0.6, 210px); position: relative; z-index: 300;}
}

@media (max-width: 576px) {
	.header_logo {width: 162px;}
}

/* mobile util */
.header_util_mo {margin-left: auto; display: flex; position: relative; z-index: 300;}
.header_util_mo .nav_btn {display: block; width: 28px; aspect-ratio: 1; cursor: pointer; }
.header_util_mo .btn_lang {margin-right: 13px; font-size: 14px; color: #fff; font-weight: var(--font-md); transition: color var(--trans);}
.header_util_mo .btn_lang .el_ico {width: 28px; margin-left: 6px;}
.header_util_mo .btn_lang img {transform: scale(.82);}

body:not(.navOn) .ly_header.fixed .btn_lang {color: var(--color-dark);}


@media (min-width: 577px) {
	.header_util_mo .nav_btn {width: 34px;} /* mo X 1.2 */
	.header_util_mo .btn_lang {margin-right: 16px;}
	.header_util_mo .btn_lang .el_ico {width: 34px; margin-left: 7px;}
}

/* toggle */ 
.nav_toggle {position: relative; margin-right: -2px;}
.nav_toggle .line {display: block; width: 24px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform-origin: center; transform: translate(-50%, -50%); transition: var(--trans); transition-property: background, transform, margin-top, opacity;}

.nav_toggle .line:nth-child(1) {margin-top: -7px;}
.nav_toggle .line:nth-child(3) {margin-top: 7px;}

.nav_toggle.on .line:nth-child(1) {transform: translate(-50%, -50%) rotate(45deg); margin-top: 0;}
.nav_toggle.on .line:nth-child(2) {transform: translate(-50%, -50%) scaleX(0); opacity: 0;}
.nav_toggle.on .line:nth-child(3) {transform: translate(-50%, -50%) rotate(-45deg); margin-top: 0;}

body:not(.navOn) .ly_header.fixed .nav_toggle .line {background: var(--color-dark);}

@media (min-width: 577px) {
	.nav_toggle .line {width: 29px;}
	.nav_toggle:not(.on) .line:nth-child(1) {margin-top: -8.5px;}
	.nav_toggle:not(.on) .line:nth-child(3) {margin-top: 8.5px;}
}

@media (min-width: 1201px) {
	.header_nav {height: 100%; display: flex; flex-grow: 1;}
}

@media (max-width: 1200px) {
	.header_nav {position: fixed; left: 0; top: 0; width: 100%; height: 100vh;  z-index: 200; background: #fff; transform: translateX(-100%); transition: transform .3s var(--easing_in); pointer-events: none; visibility: hidden;}
	.header_nav.open {transform: translateX(0); transition-timing-function: var(--easing_out); pointer-events: all;}
	.header_nav::before {content: ""; display: block; width: 100%; height: 100px; background: var(--color-deep) / auto 100%; transition: var(--trans); transition-property: height;}
	/* .header_nav.open::after {content: ""; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #fff; z-index: -1; pointer-events: none;} */
}

@media (max-width: 576px) {
	.header_nav::before {height: 80px;}
}

/* gnb */
.gnb_link,
.sub_link {display: flex; align-items: center; line-height: 1; letter-spacing: -0.025em; transition: var(--trans); transition-property: color;}
.gnb_link {font-weight: var(--font-md);}

.gnb_list > li.on .gnb_link {color: var(--color-deep); font-weight: var(--font-bd);}

.sub_link span {display: inline-block; position: relative; letter-spacing: inherit;}
.sub_link span::after {content: ""; display: block; width: 100%; height: 2px; background: var(--color-deep); position: absolute; left: 0; bottom: -6px; opacity: 0; pointer-events: none; transition: var(--trans); transition-property: opacity, transform; transform-origin: center; transform: scaleX(0);}
.sub_link:hover {color: var(--color-deep); font-weight: var(--font-bd);}
.sub_link:hover span::after {opacity: 1; transform: scaleX(1);}

@media (min-width: 1201px) {
	#gnb {height: 100%; margin-left: auto; width: 100%; max-width: 820px;}

	.gnb_link,
	.sub_link {justify-content: center; text-align: center; flex-direction: column;}

	.gnb_list {display: flex; height: 100%;}
	.gnb_list > li {flex: 1 0 auto; position: relative;}
	.gnb_link {height: 100%; font-size: 19px;  color: #fff; transition: var(--trans); transition-property: color; position: relative;}
	.gnb_link span {display: inline-block;}

	.ly_header.fixed .gnb_link,
	.ly_header.on .gnb_link {color: var(--color-base);}

	.gnb_sub {position: absolute; width: 100%; clip-path: polygon(0 0, 100% 0%, 100% 0%, 0% 0%); transition: var(--trans); transition-property: clip-path; position: relative; pointer-events: none;}
	.gnb_sub::before,
	.gnb_sub::after {content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 1px; top: 0; background: var(--color-line); opacity: 0; transition: var(--trans); transition-property: opacity;}
	.gnb_sub::after {left: auto; right: 1px;}
	.gnbOn .gnb_sub {clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); pointer-events: all;}
	.gnbOn .gnb_sub::before,
	.gnbOn .gnb_list > li:last-child .gnb_sub::after {opacity: 1;}

	.sub_list {padding: 22px 0 35px;}
	.sub_link {font-size: 15px; padding: 0.834em 0;}
	.sub_link span + span {margin-top: .45em;}
}

@media (max-width: 1200px) {
	#gnb {overflow: auto; height: calc(100vh - 100px - 50px - var(--ios-pdd-btm));}
	.gnb_list {padding: 15px var(--padding-inner);}	
	.gnb_list > li {cursor: pointer;}
	.gnb_list > li:not(:first-of-type)::before {content: ""; display: block; height: 1px; background: var(--color-line); margin: 10px 0; }
	.gnb_link {height: 50px; font-size: 17px;}
	.gnb_link.has_sub {pointer-events: none; }
	.gnb_link.has_sub::after {content: ""; display: block; width: 16px; aspect-ratio: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8.406'%3E%3Cpath d='m342 177-6 6-6-6' style='fill:none;stroke:%23333333;stroke-linecap:round;stroke-width:2px;fill-rule:evenodd' transform='translate(-329 -176)'/%3E%3C/svg%3E") no-repeat center/contain; margin-left: auto; margin-top: 5px;}
	.gnb_list > li.on .gnb_link::after {transform: rotate(180deg);}
	.gnb_sub {padding: 10px 21px; background: var(--color-gray);}

	.gnb_sub {display: none;}
	.sub_link {font-size: 15px; height: 42px; color: #444;}
	.sub_link span + span {padding-left: .25em;}
	.sub_link.line2 span:first-of-type::after {transform-origin: right center;}
	.sub_link.line2 span:last-of-type::after {transform-origin: 0 center;}
}

@media (max-width: 576px) {
	#gnb {height: calc(100vh - 80px - 50px - var(--ios-pdd-btm));}
}

/* utiil */ 
.header_util .dropdown .drop_btn {letter-spacing: 0.05em;}
@media (min-width: 1201px) {
	.header_util {margin-left: auto; display: flex; font-size: 12px; font-weight: var(--font-md); align-items: center; align-self: center; flex-shrink: 0; transition: var(--trans); transition-property: color, fill;}
	.header_util .dropdown:not(:first-child) {margin-left: 20px;}
	.header_util .dropdown:not(:first-child)::before {content: ""; display: block; width: 1px; height: 10px; background: var(--color); opacity: 0.6; position: absolute; left: -10px; top: 50%; margin-top: -4px; transition: var(--trans); transition-property: background; }

	.header_util .dropdown .drop_btn {--color: #fff; fill: var(--color);  padding: 14px; color: var(--color); fill: var(--color); border-radius: 2px; overflow: hidden;}
	.header_util .drop_btn.on {--color: var(--color-dark); background: #fff;}
	.header_util .drop_btn .el_ico {width: 8px; margin-left: 10px; margin-top: 4px;}

	.header_util .drop_content {background: #fff; box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.2); top: 0; z-index: 0; padding: calc(40px - 5px) 0 7px; border-radius: 2px;}
	.header_util .drop_content a {color: var(--color-dark); padding: 5px 14px; line-height: 1.3;}
	.header_util .drop_content a.current,
	.header_util .drop_content a:hover {color: var(--color-blue);}

	.ly_header.fixed .header_util .drop_btn,
	.ly_header.on .header_util .drop_btn {--color: var(--color-dark);}
}

@media (max-width: 1200px) {
	.bottom_util {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 250; padding-bottom: var(--ios-pdd-btm); background: var(--color-dark); font-size: 14px; transform: translateX(-100%); transition:transform .3s var(--easing_in);}
	.bottom_util .dropdown {width: 100%;}
	.bottom_util .drop_btn {background: var(--color-dark); color: var(--color-gray2); fill: var(--color-gray2);  font-weight: var(--font-md); width: 100%; height: 50px; padding: 0 var(--padding-inner);}
	.bottom_util .dropdown .drop_btn .el_ico {width: 9px; margin-left: auto; transform: rotate(180deg);}
	.bottom_util .dropdown .drop_btn.on .el_ico {transform: rotate(0deg);}
	.bottom_util .drop_content {top: inherit; bottom: 100%; background: var(--color-dark); padding: 13px 0 0; margin-bottom: -6px; box-shadow: 0px -2px 9.8px 0.2px rgba(0, 0, 0, 0.2);}
	.bottom_util .drop_content a {color: #fff; padding: 11px var(--padding-inner); line-height: 1;}

	.navOn .bottom_util {transform: translateX(0); transition-timing-function: var(--easing_out);}
}

/* footer */
#footer {padding-bottom: var(--ios-pdd-btm);}
.footer_contact {background: url(../img/footer_contact_bg.jpg) no-repeat center/cover; color: #e5e5e5; padding: 52px 0;}
.footer_contact .ft_tit {font-size: var(--font-30); font-weight: var(--font-bd); line-height: 1.467; margin: -.3em 0; white-space: nowrap;}
.footer_contact .list dt {font-size: 20px; line-height: 1.2; font-weight: var(--font-bd); margin: -.1em 0 16px;}
.footer_contact .list dt span {letter-spacing: -0.05em;}
.footer_contact .list dt .sub {font-size: var(--font-15); font-weight: var(--font-rg); white-space: nowrap;}
.footer_contact .list dd {font-size: var(--font-17-14); line-height: 1;}
.footer_contact .list dd .name {font-weight: var(--font-bd);}
.footer_contact .list dd:not(:first-of-type) {margin-top: 0.824em;}

@media (min-width: 993px) {
	.footer_contact {--pdd: min(2.2vw, 30px); min-height: 190px;}
	.footer_contact .ft_tit {width: 21.81%; min-width: 250px; flex: 1 0 auto; padding-right: var(--pdd);}
	.footer_contact .list:not(:last-of-type) {flex: 1 1 auto; min-width: 260px;}
	.footer_contact .list:last-of-type {flex-shrink: 0; padding-right: 0;}
	.footer_contact .list {padding: 0 var(--pdd); border-left: 2px solid rgba(229,229,229,0.3);}
}

@media (min-width: 993px) and (max-width: 1200px) {
	.footer_contact .list:last-of-type {flex-shrink: 1;}
}

@media (max-width: 992px) {
	.footer_contact {padding: var(--space-50-30) 0 var(--font-50);}
	.footer_contact .ft_tit {line-height: 1.384; margin-bottom: -.15em;}
	.footer_contact .list::before {content: ""; display: block; width: 100%; height: 1px; background: rgba(229,229,229,0.3); margin: var(--space-24) 0;}
	.footer_contact .list dt {font-size: var(--font-18-16); line-height: 1.5; margin: -.25em 0 0.8125em;}
}


.footer_menu .inner {height: clamp(68px, 18.889vw * 0.6, 102px);}
.ft_menu_list {display: flex; font-size: var(--font-15); line-height: 1;}
.ft_menu_list strong {font-weight: var(--font-md); letter-spacing: inherit;}
.ft_menu_list > li:not(:first-child) {margin-left: 1.933em;}

@media (min-width: 993px) {
	.ft_menu_list {margin-left: auto;}
}

@media (max-width: 992px) {
	.ft_menu_list a {letter-spacing: -0.025em;}
	.ft_menu_list > li:not(:first-child) {margin-left: 1.7143em;}
}

.footer_info {border-top: 1px solid #d6d6d6; padding: 40px 0 63px; color: var(--color-dark);}
.footer_info address {font-size: 0; margin: -6px 0;}
.footer_info address span {display: inline-block; font-size: 14px; line-height: 1.857;}
.footer_info address span + span::before,
.footer_info address .xm_show + span::before {content: ""; display: inline-block; width: 1px; height: 10px; background: #999; margin: -2px 12px 0; vertical-align: middle;}
.footer_info address strong {font-weight: var(--font-md);}
.footer_info .copy {font-size: 14px; line-height: 1; letter-spacing: -0.025em; margin-top: 30px; font-weight: var(--font-sm);}
.footer_info .logo {margin-bottom: var(--space-40);}
.footer_info .logo img {height: clamp(40px, 11.111vw * 0.5, 46px);}

.btn_blog {--color: #00b35f; font-size: 14px; line-height: 1; color: var(--color); border: 1px solid var(--color); border-radius: 18px; width: 155px; height: 36px;}
.btn_blog .ico_blog {width: 13px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0.01 0.02 35.58 53.27'%3E%3Cpath d='M1649.01 5237.05a11.326 11.326 0 0 0 10.11 5.29 14.22 14.22 0 0 0 11.61-5.35q4.35-5.355 4.36-14.22 0-8.115-3.81-12.84a12.806 12.806 0 0 0-10.54-4.71 13.122 13.122 0 0 0-11.73 6.43h-.1v-22.57h-9.4v52.39h9.4v-4.42h.1Zm-.23-14.72a10.347 10.347 0 0 1 2.4-7.04 7.811 7.811 0 0 1 6.15-2.76 7.159 7.159 0 0 1 6 2.73 12.027 12.027 0 0 1 2.12 7.54c0 3.87-.77 6.86-2.32 9a7.529 7.529 0 0 1-6.44 3.2 7.324 7.324 0 0 1-5.66-2.49 8.885 8.885 0 0 1-2.25-6.17v-4.01Z' style='fill:%2300b35f;fill-rule:evenodd' transform='translate(-1639.5 -5189.06)'/%3E%3C/svg%3E"); margin-right: 7px;}

@media (min-width: 993px) {
	.footer_info .col_rt {margin-left: auto;}
	.footer_info .logo {position: absolute; top: -67px; transform: translateY(-100%); margin: 0;}
}

@media (max-width: 992px) {
	.footer_info {padding: var(--space-40) 0;}
	.footer_info address span + span::before {margin: -2px 0.786em 0;}
	.footer_info address .xm_show + span::before {display: none;}
	.footer_info .copy  {font-size: 13px; letter-spacing: -0.025em;}
	.footer_info .col_rt {margin-top: var(--font-50-40);}
}

@media (max-width: 380px) {
	.footer_info address span {letter-spacing: -0.025em;}
	.footer_info address span:last-of-type {display: block;}
	.footer_info address span:last-of-type::before {display: none;}
	.footer_info .copy {line-height: 1.4;}
}

.gotoTop {position: fixed; right: var(--padding-inner); bottom: clamp(24px, 6.667vw * 0.5, 30px); margin-bottom: var(--ios-pdd-btm); width: 49px; aspect-ratio: 1; border-radius: 50%; background: #fff; box-shadow: 0px 2px 15.84px 0.16px rgba(0, 0, 0, 0.15); overflow: hidden; z-index: 100; opacity: 0; transition: opacity var(--trans);}
.gotoTop.on {opacity: 1;}
.gotoTop .el_ico {width: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.72' height='24.5' data-name='>'%3E%3Cpath d='M9.34.5h1v24h-1z' data-name='-' style='fill:%23111'/%3E%3Cpath d='m1856 2306 9-9h1l9 9' data-name='>' style='fill:none;stroke:%23111;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;fill-rule:evenodd' transform='translate(-1855.66 -2296.5)'/%3E%3C/svg%3E"); }

/* dropdown */
.dropdown {position: relative;}
.dropdown .drop_btn {position: relative; z-index: 1;}
.dropdown .drop_btn.on .el_ico {transform: rotate(180deg);}
.dropdown .drop_btn,
.drop_content a {display: flex; align-items: center; line-height: 1; letter-spacing: -0.025em;}
.drop_content {position: absolute; left: 0; top: 100%; width: 100%;}

.dropdown.basic .drop_btn {width: 100%; height: 100%; background: #fff;} 
.dropdown.basic .drop_btn .txt {display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: .5em; letter-spacing: inherit;}
.dropdown.basic .drop_btn .el_ico {width: 12px; margin-left: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8.406'%3E%3Cpath d='m342 177-6 6-6-6' style='fill:none;stroke:%23333333;stroke-linecap:round;stroke-width:2px;fill-rule:evenodd' transform='translate(-329 -176)'/%3E%3C/svg%3E"); flex-shrink: 0;}
.dropdown.basic .drop_btn,
.dropdown.basic .drop_content a {font-size: 16px; padding: 0 var(--padding-inner); color: var(--color-tab);}
.dropdown.basic .drop_content {background: #fff; border: 1px solid var(--color-line2); z-index: 10; padding: 10px 0; transform: translateY(-1px);}
.dropdown.basic .drop_content a {padding-top: 0.35em; padding-bottom: 0.35em; line-height: 1.375;}
.dropdown.basic .drop_content a:hover,
.dropdown.basic .current a {color: var(--color-blue); font-weight: var(--font-md);}

.tab_list.basic {display: flex;}
.tab_list.basic .tab_link {display: inline-flex; flex: 1; justify-content: center; align-items: center; height: clamp(64px, 17.778vw * 0.5, 70px); background: #fff; font-size: 17px; letter-spacing: -0.025em; color: var(--color-text); position: relative;}
.tab_list.basic .tab_link::after {content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid var(--color-line4); pointer-events: none;}
.tab_list.basic .tab_link:not(:first-of-type)::after {left: -1px;}
.tab_list.basic .tab_link.active {background: var(--color-point2); color: #fff; font-weight: var(--font-bd); position: relative; z-index: 1;}
.tab_list.basic .tab_link.active::after {border-color: var(--color-point2);}

@media (max-width: 992px) {
	.tab_list.basic {flex-wrap: wrap; padding-bottom: 1px;}
	.tab_list.basic .tab_link {font-size: 16px; flex-basis: 50%; width: 50%; margin-bottom: -1px;}
}

/* tab slider */
.tab_slider {height: 100%;}
.tab_slider .swiper-slide {flex: 1; width: auto;}

@media (max-width: 1200px) {
	.tab_slider .swiper-slide {flex: 1 0 auto;}
}

/* overflow slider */
.horz_scroll {height: 100%;}
.horz_scroll .swiper-slide {flex: 1; width: auto; box-sizing: border-box;}
.horz_scroll.swiper-horizontal > .swiper-scrollbar {position: static; margin-top: 10px; width: 100%; height: 8px;}

.sticky_wrap {position: relative;}
.js-sticky.fixed {position: fixed; left: 0; top: 0; width: 100%; z-index: 100;}


@media (max-width: 992px) {
	.tab_list.basic {flex-wrap: wrap; padding-bottom: 1px;}
	.tab_list.basic .tab_link {font-size: 16px; flex-basis: 50%; width: 50%; margin-bottom: -1px;}
}

.lightbox_figure {text-align: center; padding: var(--space-40-26); max-height: 75vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(216,216,216,0.7) transparent;}
.lightbox_figure::-webkit-scrollbar {width: 8px; border-radius: 10px;}
.lightbox_figure::-webkit-scrollbar-track {background: none;}
.lightbox_figure::-webkit-scrollbar-thumb {background: rgba(216,216,216,0.7); border-radius: 10px;}
.lightbox_figure .lightboxImg {max-height: clamp(297px, 82.5vw * 0.6, 405px); border: 4px solid var(--color-line4); margin-bottom: var(--space-28);} 
.lightbox_figure .lightboxTit {font-size: var(--font-18-16); line-height: 1.778; letter-spacing: -0.05em; font-weight: var(--font-bd); max-width: 360px; margin: -.5em auto -.25em;}
.lightbox_figure .lightboxTit .sub {display: block; font-size: 0.889em; margin-top: .35em;}

@media (max-width: 992px) {
	.lightbox_figure .lightboxTit {line-height: 1.75;}
}

.dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 900; display: none;}


/* animation */
.is-mobile [data-scroll-img],
.is-mobile [data-scroll-zoomin] {transition: transform .1s;} /* 모바일에서 버벅이는 현상 제어 */
[data-anim] {--dist: 100px; --dur: 1.5s; opacity: 0;}
[data-anim].on.stop-anim {animation-duration: 0s !important; animation-delay: 0s !important;}
[data-anim="fadeUp"].on {animation: fadeUp var(--dur) var(--delay) var(--easing_out) both;}
[data-anim="fadeDown"].on {animation: fadeDown var(--dur) var(--delay) var(--easing_out) both;}
[data-anim="fadeLeft"].on {animation: fadeLeft var(--dur) var(--delay) var(--easing_out) both;}
[data-anim="transUp"].on {animation: transUp var(--dur) var(--delay) var(--easing_out) both; transform-origin: center 0;}
[data-anim="zoomIn"].on {--dur: 3s; animation: zoomIn var(--dur) var(--delay) var(--easing_out) both; transform-origin: 80% 20%;}

@keyframes fadeUp {
	0% {
		transform: translateY(var(--dist));
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeDown {
	0% {
		transform: translateY(calc(var(--dist) * -1));
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeLeft {
	0% {
		transform: translateX(var(--dist));
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes transUp {
	0% {
		transform: translateY(50%) perspective(400px) rotateX(20deg);
		opacity: 0;
	}
	100% {
		transform: translateY(0) rotateX(0);
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		transform: scale(1.5);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.txt_anim_wrap {overflow: hidden; display: inline-block; vertical-align: top;}
.txt_anim {display: inline-block;  white-space:nowrap;}
[data-anim-txt] {--dur: 1s; opacity: 0;}
[data-anim-txt="up"].on {animation: textUp var(--dur) var(--delay) var(--easing_out) both;}
[data-anim-txt="down"].on {animation: textDwon var(--dur) var(--delay) var(--easing_out) both;}

@keyframes textUp {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes textDwon {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}