@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

/* reset */
*{font-family: 'NanumSquare', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}
body {overflow-x: hidden;font-size: 14px;color: #666;line-height: 1.5;font-family: 'NanumSquare', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
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, pre {margin: 0;padding: 0;border: 0;}
iframe {overflow: auto;width: 100%;border: 0;vertical-align: middle;}
table {width: 100%;border-collapse: separate;border-spacing: 0;font-size: inherit;word-break: keep-all;}
th, td {font-size: inherit;line-height: inherit;}
ul, ol, li, dl{list-style: none;}
img {max-width: 100%;max-height: 100%;}
a {text-decoration: none;color: inherit;}
a[aria-disabled="true"]{pointer-events: none;cursor: default;}
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;}
button, input[type="button"], input[type="reset"], input[type="submit"] {overflow: visible;-webkit-appearance: button;cursor: pointer;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"]{width: 100%;height: 40px;padding: 0 10px;background-color: #FFF;box-sizing: border-box;color: #000;font-size: 14px;font-weight: 800;letter-spacing: -0.8px;line-height: normal;transition: .5s;-webkit-transition: .5s;}
input::placeholder, textarea::placeholder{color: #444;font-weight: 400;}
input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly]{color: #AFAFAF;cursor: no-drop;}
select{width: 100%;height: 40px;padding: 0 25px 0 10px;background-color: #FFF;background-image: url(../images/layout/arrow_select.svg);background-position: calc(100% - 5px) center;background-repeat: no-repeat;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #000;font-size: 14px;font-weight: 800;letter-spacing: -0.8px;transition: .5s;-webkit-transition: .5s;}
select option {color:#333;}
select:required:invalid {color: #333;}
textarea {width: 100%;padding: 15px 15px;border: 1px solid #DDD;box-sizing: border-box;color: #000;font-size: 14px;font-weight: 800;line-height: 150%;letter-spacing: -0.8px;word-break: keep-all;resize: none;}
select::-ms-expand {display: none;}
button {border: 0;background-color: transparent;}
::selection{background-color: #efefef;color: #000;}
::-moz-selection {background-color: #efefef;color: #000;}
::-webkit-selection {background-color: #efefef;color: #000;}
:focus{outline: none;}

/* skipNav */
#skipNav{position: absolute;top: 0;width: 100%;overflow: hidden;z-index: 101;}
#skipNav a{display: block;height: 1px;margin-bottom: -1px;overflow: hidden;text-align: center;text-decoration: none;color: #333;font-size: 14px;}   
#skipNav a:hover, #skipNav a:focus, #skipNav a:active{display: block;height: 22px;padding: 10px 0;background: none repeat scroll 0 0 #f2f2f2;}

/* hidden */
.clearfix:after{content: "";display: block;clear: both;}
.hidden{display: none;}
.blind{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);}
.ovh{overflow: hidden;}
.ova{overflow: auto;}
.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: flex !important;}

/* align */
.positionRelative{position: relative !important;}
.positionAbsolute{position: absolute !important;}
.justifyCenter{justify-content: center !important;}
.justifySpacebetween{justify-content: space-between !important;}
.alignitemsCenter{align-items: center !important;}
.directionRow{flex-direction: row !important;}
.flexwrapWrap{flex-wrap: wrap !important;}
.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;}
.fb300 {font-weight: 300 !important;}
.fb400 {font-weight: 400 !important;}
.fb500 {font-weight: 500 !important;}
.fb600 {font-weight: 600 !important;}
.fb700 {font-weight: 700 !important;}
.fb800 {font-weight: 800 !important;}
.fn {font-weight: normal !important;}
.u {text-decoration: underline !important;}
.i {font-style: italic !important;}
.middle {vertical-align: middle !important;}
.wkeep {word-break: keep-all !important;}
.wbreak {word-break: break-all !important;}

/* border */
.bd1{border: 1px solid #D1D1D1 !important;}
.bd0{border: 0 !important;}
.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;}

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

.mb0 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 05px !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;}

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

/* 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;}

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

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

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

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