@charset "utf-8";

/* Font */
@font-face{font-family:'pt';font-style:normal;src:url(../font/Pretendard/Pretendard-Thin.woff2) format("woff2"),url(../font/Pretendard/Pretendard-Thin.woff) format("woff")}
@font-face{font-family:'pel';font-style:normal;src:url(../font/Pretendard/Pretendard-ExtraLight.woff2) format("woff2"),url(../font/Pretendard/Pretendard-ExtraLight.woff) format("woff")}
@font-face{font-family:'pl';font-style:normal;src:url(../font/Pretendard/Pretendard-Light.woff2) format("woff2"),url(../font/Pretendard/Pretendard-Light.woff) format("woff")}
@font-face{font-family:'pr';font-style:normal;src:url(../font/Pretendard/Pretendard-Regular.woff2) format("woff2"),url(../font/Pretendard/Pretendard-Regular.woff) format("woff")}
@font-face{font-family:'pm';font-style:normal;src:url(../font/Pretendard/Pretendard-Medium.woff2) format("woff2"),url(../font/Pretendard/Pretendard-Medium.woff) format("woff")}
@font-face{font-family:'psb';font-style:normal;src:url(../font/Pretendard/Pretendard-SemiBold.woff2) format("woff2"),url(../font/Pretendard/Pretendard-SemiBold.woff) format("woff")}
@font-face{font-family:'pb';font-style:normal;src:url(../font/Pretendard/Pretendard-Bold.woff2) format("woff2"),url(../font/Pretendard/Pretendard-Bold.woff) format("woff")}
@font-face{font-family:'peb';font-style:normal;src:url(../font/Pretendard/Pretendard-ExtraBold.woff2) format("woff2"),url(../font/Pretendard/Pretendard-ExtraBold.woff) format("woff")}
@font-face{font-family:'pbl';font-style:normal;src:url(../font/Pretendard/Pretendard-Black.woff2) format("woff2"),url(../font/Pretendard/Pretendard-Black.woff) format("woff")}

/* CSS Reset */
*,: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:'pr',sans-serif;line-height:1.5;font-size:16px;color:#333;word-wrap:break-word;letter-spacing: -.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
body{word-break:keep-all; overflow-x: hidden !important;}
body::-webkit-scrollbar {width: 18px;}
body::-webkit-scrollbar-thumb {background: linear-gradient(34deg, rgba(137,49,208,1) 0%, rgba(0,76,237,1) 100%); border: 3px solid #fff; border-radius: 10px;}
body::-webkit-scrollbar-track {background-color: #fff;}
header,article,section,nav,footer{display:block}
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:'pr',sans-serif;background-color:transparent;overflow:visible;border:0}
a,button,input{border:0 none}
/* a:focus,button:focus,input:focus,select:focus {outline: none;} */
/* a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline: 2px solid #333;} */
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-collapse:collapse;border-spacing:0;table-layout:fixed;text-align:center}
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:'pr'}
input[type="radio"]{position:relative;top:2px}
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}
h1,h2,h3,h4,h5,h6,strong{font-weight:400}

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

/* Margin Custom */
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb126 {margin-bottom:126px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.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%;}