@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 */

* { padding:0; margin:0; box-sizing:border-box; } 
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.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; } 
p { } 





/* 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:760px) { 
.pc_view { display: block; } 
.mobile_view { display: none; } 
 } 

@media (max-width:759px) { 
 .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; } 

.tal { text-align: left !important; } 
.tac { text-align: center !important;} 
.tar { text-align: right !important; } 
.mb5 {margin-bottom: 5px;}