@charset "UTF-8";
body.main {position: fixed; width:100%; height:100%;}
body.main:has(.on-scroll) {position: relative; overflow-y:auto;}

.intro {position: fixed; top:0; left:0; z-index: 10; width:100%; height:100vh; background:#fff; transition: all .5s;}
.intro img {width: 100%;}
.intro.remove {opacity:0; visibility: hidden;}
.intro .intro-inner {overflow:hidden;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.intro .center-box {position: relative;width: 100%;;height: 48vw;}

/*svg 선*/
.intro .stroke1 {position: absolute; left:-27.35vw; top:-1.15vw; z-index: -1;}
.intro .stroke2 {position: absolute; right:-32vw; bottom:-2.6vw; z-index: -1;}

.intro .stroke1 path {fill: none; stroke-dasharray: 2200; stroke-dashoffset: 2200;}
.intro .stroke2 path {fill: none; stroke-dasharray: 2200; stroke-dashoffset: -2200;}

/*이미지 박스*/
.intro .img {position: absolute;z-index: 1;filter: blur(10px);opacity: 0;}
.intro .img1 {right: 22.5vw;top: -2vw;width: 15.37vw;}
.intro .img2 {left: 22.1vw;top: 14.2vw;width: 25vw;}
.intro .img3 {left: 45.5vw;top: 23.9vw;width: 9.17vw;}
.intro .img4 {right: 6.2vw;top: 15.2vw;width: 8.34vw;}
.intro .img5 {left: 22.1vw;top: 35.2vw;width: 18.25vw;}

/*텍스트*/
.intro .txt {position: absolute;z-index: 1;overflow: hidden;}
.intro .txt img {transform: translateY(100%);}
.intro .txt1 {left: 29.7vw;top: 4.9vw;width: 23.9vw;}
.intro .txt2 {right: 22.5vw;top: 14.8vw;width: 23.7vw;}
.intro .txt3 {left: 14.5vw;top: 25.1vw;width: 26.93vw;}
.intro .txt4 {right: 34.6vw;top: 25.1vw;width: 7.5vw;}
.intro .txt5 {right: 22vw;top: 35vw;width: 32.6vw;}

/*데코*/
.intro .deco {position: absolute;animation: sparkleRotate 4s linear infinite, sparkleBlink 1.5s ease-in-out infinite alternate;z-index: 1;}
.intro .deco1 {top: 2vw;left: 50vw;width: 26px;height: 26px;}
.intro .deco2 {bottom: 13.5vw;right: 16.6vw;width: 36px;height: 36px;}
.intro .deco3 {top: 8.6vw;right: 13.1vw;width: 74px;height: 74px;}
.intro .deco4 {top: 24.7vw;left: 8.2vw;width: 47px;height: 47px;}
.intro .deco5 {bottom: 14.1vw;left: 42.1vw;width: 35px;height: 35px;}

/*라인*/
.intro .line {position: absolute;width: 0;height: 1px;background: #e5e5e5;animation: decoLine 1s linear;animation-fill-mode: both;}
.intro .line1 {top: 11vw;left: 0;}
.intro .line2 {top: 20.9vw;right: 0;}
.intro .line3 {top: 30.8vw;left: 0;}

@keyframes sparkleRotate{
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes sparkleBlink{
  0%   { opacity: .6; }
  100% { opacity: 1; }
}

@keyframes decoLine{
  0%   { width: 0; }
  100% { width: 100%; }
}

@media screen and (max-width:1024px) {
  /*svg 선*/
  .intro .stroke1 {left:-22.35vw; top:2.15vw; z-index: -1;}.intro .stroke2 {right:-20vw; bottom:3.6vw;}
  .intro .stroke2 {right:-20vw; bottom:11.6vw;}

  /*데코*/
  .intro .deco {position: absolute;animation: sparkleRotate 4s linear infinite, sparkleBlink 1.5s ease-in-out infinite alternate;z-index: 1;}
  .intro .deco1 {width: 24px;height: 24px;}
  .intro .deco2 {bottom: 30.5vw;width: 31px;height: 31px;}
  .intro .deco3 {width: 50px;height: 50px;}
  .intro .deco4 {width: 37px;height: 37px;}
  .intro .deco5 {bottom: 22.1vw;width: 30px;height: 30px;}
}


/* Noto */
@font-face{font-family:'nt';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Thin.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Thin.woff) format("woff")}
@font-face{font-family:'nl';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Light.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'ndl';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-DemiLight.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-DemiLight.woff) format("woff")}
@font-face{font-family:'nr';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Regular.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:'nm';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Medium.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'nb';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Bold.woff) format("woff")}
@font-face{font-family:'nbl';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Black.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Black.woff) format("woff")}

/* Play */
@font-face{font-family:'pr';font-style:normal;src:url(/Web-home/_UI/font/play/Play-Regular.woff) format("woff")}
@font-face{font-family:'pb';font-style:normal;src:url(/Web-home/_UI/font/play/Play-Bold.woff) format("woff")}

/* Crimson */
@font-face{font-family:'cr';font-style:normal;src:url(/Web-home/_UI/font/crimsontext/CrimsonText-Regular.woff2) format("woff2")}
@font-face{font-family:'cs';font-style:normal;src:url(/Web-home/_UI/font/crimsontext/CrimsonText-SemiBold.woff2) format("woff2")}
@font-face{font-family:'cb';font-style:normal;src:url(/Web-home/_UI/font/crimsontext/CrimsonText-Bold.woff2) format("woff2")}

/* Crimson */
@font-face{font-family:'cr';font-style:normal;src:url(/Web-home/_UI/font/crimsontext/CrimsonText-Regular.woff2) format("woff2")}
@font-face{font-family:'cs';font-style:normal;src:url(/Web-home/_UI/font/crimsontext/CrimsonText-SemiBold.woff2) format("woff2")}

/* Gmarket */
@font-face{font-family:'gl';font-style:normal;src:url(/Web-home/_UI/font/gmarket/Gmarket-Light.woff2) format("woff2"),url(/Web-home/_UI/font/gmarket/Gmarket-Light.woff) format("woff")}
@font-face{font-family:'gm';font-style:normal;src:url(/Web-home/_UI/font/gmarket/Gmarket-Medium.woff2) format("woff2"),url(/Web-home/_UI/font/gmarket/Gmarket-Medium.woff) format("woff")}
@font-face{font-family:'gb';font-style:normal;src:url(/Web-home/_UI/font/gmarket/Gmarket-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/gmarket/Gmarket-Bold.woff) format("woff")}

/* Paper */
@font-face{font-family:paper;font-weight: 100;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-1Thin.woff2) format("woff2")}
@font-face{font-family:paper;font-weight: 200;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-2ExtraLight.woff2) format("woff2")}
@font-face{font-family:paper;font-weight: 300;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-3Light.woff2) format("woff2")}
@font-face{font-family:paper;font-weight: 400;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-4Regular.woff2) format("woff2")}
@font-face{font-family:paper;font-weight: 500;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-5Medium.woff2) format("woff2")}
@font-face{font-family:paper;font-weight: 600;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-6SemiBold.woff2) format("woff2")}
@font-face{font-family:paper;font-weight: 700;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-7Bold.woff2) format("woff2")}
@font-face{font-family:paper;font-weight: 800;font-style:normal;src:url(/Web-home/_UI/font/paper/Paperlogy-8ExtraBold.woff2) format("woff2")}

/* CSS Reset */

html {font-size: 62.5%;}
body {font-size: 1.6rem;}
*,:after,:before,::after,::before{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html,body{overflow: visible;width:100%;height:100%;font-family:paper;font-weight: 400;line-height:1.5;color:#333;word-wrap:break-word;letter-spacing: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
div, dl, dt, dd, ul, ol, li, form, fieldset, p, button, th, td, i, em {font-size:1.6rem;}
body{word-break:keep-all; overflow-x: hidden !important;}
body::-webkit-scrollbar {width: 1.5rem; height: 1.5rem;}
body::-webkit-scrollbar-thumb {background: #012a64; border:2px solid #f1f1f1; border-radius: 1rem;}
body::-webkit-scrollbar-track {background-color: #f1f1f1;}
header,article,section,nav,footer{display:block}
h1, h2, h3, h4, h5, h6, strong{font-weight:400;}
img,fieldset,iframe,button{border:0 none}
li{list-style:none}
img{width:auto;max-width:100%;vertical-align:top;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{font-family:paper;font-weight: 400;background-color:transparent;overflow:visible;border:0}
a,button,input{border:0 none}
input[type="button"],
input[type="submit"] {cursor: pointer;}
a:focus,button:focus,input:focus,select:focus,textarea:focus {outline: none;}
a:focus-visible,
button:focus-visible,
input[type='button']:focus-visible {box-shadow: 0 0 0 1px #ce0202; border-radius: .3rem;}
/* input:focus-visible,select:focus-visible {box-shadow: inset 0 0 0 1px #005EAD} */
a:link,a:active,a:visited{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#002d56;}
legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;border-spacing:0;table-layout:fixed;}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
th{text-align:center}
input::-ms-clear{display:none}
input,button{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:paper;font-weight: 400;}
input[type="radio"]{position:relative;top:.2rem}
pre{white-space:pre-line;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow-y:auto}
select::-ms-expand{display:none}
textarea{resize:none}
figure{text-align:center}
strong, b{font-family:paper;font-weight: 700;}

/* 4K 대응 */
@media screen and (min-width:2000px) {
  html, body {font-size: .5vw !important;}
}

/* Wizard Reset */
._objHtml,
._objWidget {overflow:visible}
._contentBuilder {overflow: hidden; min-height: 50rem;}
._contentBuilder ._obj ._relative{position:relative}
.simplemodal-wrap{font-size:1.3rem}
.hidden{position:absolute;top:-9999rem;left:-9999rem;display: none;}
.hidden2,
.hidden-text{position:absolute;top:-9999rem;left:-9999rem;}
@media screen and (max-width: 768px) {
  ._contentBuilder {min-height: auto;}
}

/* Clear Fix */
.clearfix, .clear-fix {zoom: 1;}
.clearfix::after, .clear-fix::after {content: ""; display: block; clear: both;}

/* Margin Custom */
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: .5rem;}
.mt10 {margin-top: 1rem;}
.mt15 {margin-top: 1.5rem;}
.mt20 {margin-top: 2rem;}
.mt25 {margin-top: 2.5rem;}
.mt30 {margin-top: 3rem;}
.mt35 {margin-top: 3.5rem;}
.mt40 {margin-top: 4rem;}
.mt45 {margin-top: 4.5rem;}
.mt50 {margin-top: 5rem;}
.mt55 {margin-top: 5.5rem;}
.mt60 {margin-top: 6rem;}
.mt65 {margin-top: 6.5rem;}
.mt70 {margin-top: 7rem;}
.mt75 {margin-top: 7.5rem;}
.mt80 {margin-top: 8rem;}
.mt85 {margin-top: 8.5rem;}
.mt90 {margin-top: 9rem;}
.mt95 {margin-top: 9.5rem;}
.mt100 {margin-top: 10rem;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: .5rem;}
.mb10 {margin-bottom: 1rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb20 {margin-bottom: 2rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb35 {margin-bottom: 3.5rem;}
.mb40 {margin-bottom: 4rem;}
.mb45 {margin-bottom: 4.5rem;}
.mb50 {margin-bottom: 5rem;}
.mb55 {margin-bottom: 5.5rem;}
.mb60 {margin-bottom: 6rem;}
.mb65 {margin-bottom: 6.5rem;}
.mb70 {margin-bottom: 7rem;}
.mb75 {margin-bottom: 7.5rem;}
.mb80 {margin-bottom: 8rem;}
.mb85 {margin-bottom: 8.5rem;}
.mb90 {margin-bottom: 9rem;}
.mb95 {margin-bottom: 9.5rem;}
.mb100 {margin-bottom: 10rem;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: .5rem;}
.ml10 {margin-left: 1rem;}
.ml15 {margin-left: 1.5rem;}
.ml20 {margin-left: 2rem;}
.ml25 {margin-left: 2.5rem;}
.ml30 {margin-left: 3rem;}
.ml35 {margin-left: 3.5rem;}
.ml40 {margin-left: 4rem;}
.ml45 {margin-left: 4.5rem;}
.ml50 {margin-left: 5rem;}
.ml55 {margin-left: 5.5rem;}
.ml60 {margin-left: 6rem;}
.ml65 {margin-left: 6.5rem;}
.ml70 {margin-left: 7rem;}
.ml75 {margin-left: 7.5rem;}
.ml80 {margin-left: 8rem;}
.ml85 {margin-left: 8.5rem;}
.ml90 {margin-left: 9rem;}
.ml95 {margin-left: 9.5rem;}
.ml100 {margin-left: 10rem;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: .5rem;}
.mr10 {margin-right: 1rem;}
.mr15 {margin-right: 1.5rem;}
.mr20 {margin-right: 2rem;}
.mr25 {margin-right: 2.5rem;}
.mr30 {margin-right: 3rem;}
.mr35 {margin-right: 3.5rem;}
.mr40 {margin-right: 4rem;}
.mr45 {margin-right: 4.5rem;}
.mr50 {margin-right: 5rem;}
.mr55 {margin-right: 5.5rem;}
.mr60 {margin-right: 6rem;}
.mr65 {margin-right: 6.5rem;}
.mr70 {margin-right: 7rem;}
.mr75 {margin-right: 7.5rem;}
.mr80 {margin-right: 8rem;}
.mr85 {margin-right: 8.5rem;}
.mr90 {margin-right: 9rem;}
.mr95 {margin-right: 9.5rem;}
.mr100 {margin-right: 10rem;}

.per5 {width: 5%;}
.per10 {width: 10%;}
.per15 {width: 15%;}
.per20 {width: 20%;}
.per25 {width: 25%;}
.per30 {width: 30%;}
.per35 {width: 35%;}
.per40 {width: 40%;}
.per45 {width: 45%;}
.per50 {width: 50%;}
.per55 {width: 55%;}
.per60 {width: 60%;}
.per65 {width: 65%;}
.per70 {width: 70%;}
.per75 {width: 75%;}
.per80 {width: 80%;}
.per85 {width: 85%;}
.per90 {width: 90%;}
.per95 {width: 95%;}
.per100 {width: 100%;}

@page {
  size : 22in 30in;
  margin: 80px;
}

@media print {
  body {
	zoom: 1.2;
  }

  html, body {
	width: 100%;
	margin: 0;
	padding: 0;
  }

}