@charset "utf-8";

/* font */
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-style: normal;
    src: url("fonts/Pretendard-Thin.woff2") format("woff2"),
         url("fonts/Pretendard-Thin.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-style: normal;
    src: url("fonts/Pretendard-ExtraLight.woff2") format("woff2"),
         url("fonts/Pretendard-ExtraLight.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-style: normal;
    src: url("fonts/Pretendard-Light.woff2") format("woff2"),
         url("fonts/Pretendard-Light.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-style: normal;
    src: url("fonts/Pretendard-Regular.woff2") format("woff2"),
         url("fonts/Pretendard-Regular.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    src: url("fonts/Pretendard-Medium.woff2") format("woff2"),
         url("fonts/Pretendard-Medium.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-style: normal;
    src: url("fonts/Pretendard-SemiBold.woff2") format("woff2"),
         url("fonts/Pretendard-SemiBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-style: normal;
    src: url("fonts/Pretendard-Bold.woff2") format("woff2"),
         url("fonts/Pretendard-Bold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-style: normal;
    src: url("fonts/Pretendard-ExtraBold.woff2") format("woff2"),
         url("fonts/Pretendard-ExtraBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-style: normal;
    src: url("fonts/Pretendard-Black.woff2") format("woff2"),
         url("fonts/Pretendard-Black.woff") format("woff");
    font-display: swap;
}

/* reset */
*{font-family: "Pretendard", "Apple SD Gothic Neo", "돋움", "Dotum", Tahoma, Verdana, sans-serif;}
html {width: 100%;height: 100%;background: #fff;}
body {position: relative;font-size: 16px;color: #333;line-height: 1.5;font-family: "Pretendard", "Apple SD Gothic Neo", "돋움", "Dotum", Tahoma, Verdana, sans-serif;/* -webkit-animation: fade 0.5s ease-in-out both;animation: fade 0.5s ease-in-out both; */}
html, body, div, span, iframe, p, dl,  dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, button, select, table, th, td, article, aside, section, figure, figcaption, img {margin: 0;padding: 0;border: 0;}
iframe {overflow: auto;width: 100%;border: 0;}
table {width: 100%;border-collapse: separate;border-spacing: 0;font-size: inherit;}
th, td {font-size: inherit;line-height: inherit;word-break: keep-all;}
ul, ol, li, dl{list-style: none;}
img {max-width: 100%;}
a {text-decoration: none;color: inherit;}
address, cite, em {font-style: normal;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: 600;font-size: inherit;}
strong, b {font-weight: 600;}
caption, legend {position: absolute;top: -9999px;left: -9999px;}
input, textarea, select, label, button {display: inline-block;vertical-align: middle;font-size: inherit;font-family: inherit;line-height: inherit;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select {height: 44px;padding: 0 15px;border: 1px solid #CCC;border-radius: 3px;box-sizing: border-box;font-size: 14px;color: #222;font-weight: 400;letter-spacing: -0.6px;box-sizing: border-box;}
input[type="checkbox"], input[type="radio"] {padding: 0;border: 0;box-sizing: border-box;}
input[type="image"] {border: 0 none;}
input[type="text"], img, select {vertical-align: middle;}
select{height: 44px;padding: 0 25px 0 15px;background-color: #fff;background-image: url(../images/layout/icon_select.png);background-size: 14px 15px;background-position: right 10px center;background-repeat: no-repeat;border: 1px solid #CCC;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 14px;color: #222;font-weight: 400;letter-spacing: -0.6px;}
select::-ms-expand {display: none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {overflow: visible;-webkit-appearance: button;}
button {border: 0;background-color: transparent;cursor: pointer;}
select[disabled], input[disabled], select[readonly], input[readonly]{background-color: #eee;color: #333;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* hidden */
.clearfix:after{content: "";display: block;clear: both;}
.non{display: none;}
.blind{position: absolute;left: -9999px;width: 1px;height: 1px;margin: 0;font-size: 0;line-height: 0;overflow: hidden;}
.ovh{overflow: hidden;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.txthidden{display: block;overflow: hidden;text-indent: -9999px;white-space: nowrap;}

/* element */
.ele-block{display: block !important;}
.ele-inline{display: inline-block !important;}
.ele-flex{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.align-center{align-items: center !important;}
.ele-cell{display: table-cell !important;}

/* align */
.fl {float: left !important;}
.fr {float: right !important;}
.fnon {float: none !important;}
.clb {clear: both !important;}
.ta_c {text-align: center !important;}
.ta_l {text-align: left !important;}
.ta_r {text-align: right !important;}
.fm {font-weight: 500 !important;}
.fb {font-weight: 600 !important;}
.feb {font-weight: 700 !important;}
.fn {font-weight: normal !important;}
.u {text-decoration: underline;}
.i {font-style: italic;}
.middle {vertical-align: middle;}
.wkeep {word-break: keep-all;}
.wbreak {word-break: break-all;}

/* border */
.bt0{border-top: 0 !important;}
.bb0{border-bottom: 0 !important;}
.bl0{border-left: 0 !important;}
.br0{border-right: 0 !important;}

/* margin */
.mauto {margin: 0 auto !important;}
.mg0 {margin: 0 !important;}

.mt0 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}

.mr0 {margin-right: 0px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}

.ml0 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}

/* padding */
.pd0 {padding: 0 !important;}
.pd05 {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd15 {padding: 15px !important;}
.pd20 {padding: 20px !important;}
.pd25 {padding: 25px !important;}
.pd30 {padding: 30px !important;}
.pd35 {padding: 35px !important;}
.pd40 {padding: 40px !important;}
.pd45 {padding: 45px !important;}
.pd50 {padding: 50px !important;}
.pd60 {padding: 60px !important;}
.pd70 {padding: 70px !important;}
.pd80 {padding: 80px !important;}
.pd90 {padding: 90px !important;}

.pl0 {padding-left: 0 !important;}
.pl05 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl60 {padding-left: 60px !important;}
.pl70 {padding-left: 70px !important;}
.pl80 {padding-left: 80px !important;}
.pl90 {padding-left: 90px !important;}

.pr0 {padding-right: 0 !important;}
.pr05 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr60 {padding-right: 60px !important;}
.pr70 {padding-right: 70px !important;}
.pr80 {padding-right: 80px !important;}
.pr90 {padding-right: 90px !important;}

.pt0 {padding-top: 0 !important;}
.pt05 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb05 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}

@media screen and (max-width: 767px){
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"]{height: 40px;padding: 0 13px;}
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}