@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

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



/* Common Reset */
/* html{font-size:6.25%;-webkit-text-size-adjust:100%;}
html.safari{font-size:0.052083333vw;} */
*{padding:0;margin:0;box-sizing:border-box;}
body{min-width:360px;font-family:"Pretendard","Noto Sans KR",sans-serif;font-size:16rem;color:#222;}
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.5;}
h1,h2,h3,h4,h5,h6,strong,p,label,a{line-height:1.5;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:#aaa;opacity:1;}
:-ms-input-placeholder{color:#aaa;}
button,input[type=button],input[type=submit]{cursor:pointer;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

    --sect_right_width: 75%;





/* @media (max-width:1280px){
	html,
	html.safari{font-size:0.0781vw;}
}
@media (max-width:1024px){
	html,
	html.safari{font-size:0.0977vw;}
}
@media (max-width:640px){
	html,
	html.safari{font-size:0.1563vw;}
}
@media (max-width:540px){
	html,
	html.safari{font-size:0.22vw;}/* 가장 작은 width */
} */



/* 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-hidden{position:absolute;visibility:hidden;opacity:0;transition:visibility .2s, opacity .2s;}
.visible{position:relative;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;}
.no-result--bg-white{padding:80px 20px;font-size:16px;text-align:center;background:#fff;}
.video-wrap{position:relative;padding-top:56.25%;}
.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{max-width:100%;height:auto!important;}
.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;}
.sr-only{border:0!important;clip:rect(1px, 1px, 1px, 1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;}


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







/* Button */
.btn-wrap{display:flex;align-items:center;gap:10rem;}
.btn-wrap.animation-oh {display:flex;}

.btn-default::before{content:"";position:absolute;top:50%;left:50%;width:100%;padding-top:100%;border-radius:50%;background-color:#d20138;transform:translate(-50%, -50%) scale(0);transition:transform .5s;}
.btn-default.point-bg--red::before,
.btn-default.dark::before{background-color:#fff;}
.btn-default.has-icon .btn-default__icon{position:relative;font-size:26rem;top:-1rem;}
.btn-default__text{display:flex;gap:10rem;justify-content:center;align-items:center;position:relative;width:100%;height:100%;z-index:10;}
.btn-arrow{display:flex;justify-content:center;align-items:center;gap:27rem;width:100%;max-width:220rem;height:60rem;overflow:hidden;font-weight:600;border:2px solid #222;}
.btn-arrow__icon{position:relative;top:-2rem;}
.jcsb{justify-content:space-between;padding:0 30rem;}
.jcsb .btn-default__icon:not(.img){transform:translateX(5px);}
@keyframes moveArrow {
	0%{transform:translateX(0px);}
	49%{transform:translateX(70rem);}
	50%{transform:translateX(-20rem);}
	100%{transform:translateX(0px);}
}




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

/* Common Layout */

.flex-wrap{display:flex;justify-content:space-between;}
.img-wrap{font-size:0;line-height:1;}
.hide{display:none;}



@media (max-width:1920px){
.hide_1920{display:none;}.show_1920{display:block;}.center_1920{text-align:center;}
}
@media (max-width:1540px){
.hide_1540{display:none;}.show_1540{display:block;}.center_1540{text-align:center;}
}
@media (max-width:1440px){
.hide_1440{display:none;}.show_1440{display:block;}.center_1440{text-align:center;}
}
@media (max-width:1320px){
.hide_1320{display:none;}.show_1320{display:block;}.center_1320{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;}
}

@media (min-width:990px){
.pc_view {display: block;}
.mobile_view {display: none;}
}

@media (max-width:989px){
    .pc_view {display: none;}
    .mobile_view {display: block;}
    }





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

/* Common Animation */
html:not(.old-ie) .animate-element{transition:visibility 1.1s cubic-bezier(0.25,1,0.5,1), opacity 1.1s cubic-bezier(0.25,1,0.5,1), transform 1.1s cubic-bezier(0.25,1,0.5,1);}

/* Fade */
html:not(.old-ie) .fadeIn{visibility:hidden;opacity:0;}
html:not(.old-ie) .fadeIn.animated{visibility:visible;opacity:1;}
html:not(.old-ie) .fadeInUp{position:relative;visibility:hidden;opacity:0;transform:translateY(110px);}
html:not(.old-ie) .fadeInUp.animated{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{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{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{visibility:visible;opacity:1;transform:translateY(0);}
@media (max-width:1280px){html:not(.old-ie) .fadeInRight, html:not(.old-ie) .fadeInLeft{transform:translateY(110px);}
html:not(.old-ie) .fadeInRight.animated, html:not(.old-ie) .fadeInLeft.animated{transform:translateY(0);}
}



.animation-oh {overflow: hidden;}

.animation-item {display: inline-block}

@media(min-width: 1025px) {
.animation-oh {
        display:block
    }

    span.animation-oh {
        display: inline-block;
        line-height: 1
    }

    .animation-item {
        display: inline-block
    }
}

.body_wrap {    position: relative;
    height: 100%;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    animation: fadeIn .15s linear forwards;}