@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=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dongle:wght@300;400;700&display=swap');

html { 
scroll-behavior: smooth; 
background-color: white;
font-size: 100%;
font-weight: 400;
font-family: 'Noto Sans KR';
-webkit-text-size-adjust: 100%;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
* {margin:0; padding:0; border:0 none transparent; box-sizing:border-box;}
:before, :after {box-sizing:border-box;}
html, body, pre {font-family:"Noto Sans KR", sans-serif;  font-weight:400; letter-spacing:-0.03em; /*-webkit-text-size-adjust:100%;*/}
body{background-color:#fff;}
form, fieldset, p, figure {word-break:normal; word-wrap:break-word;}
legend, caption, figcaption {display:none;}
img, fieldset {/*'transparent' for Opera7*/}
img {border: 0; max-width:100%; vertical-align: middle;}
menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}
table {width:100%; border-collapse:collapse;}
table th, table td { vertical-align:top; word-break:normal; word-wrap:break-word;}
input, select, textarea, button {font-family:"Noto Sans KR", sans-serif;  font-weight:400; vertical-align:middle;}
textarea {resize:none;}
button, label {cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}
a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
a:link, a:visited {}
a:hover, a:active {color:#333;}
h1, h2, h3, h4, h5, h6 {line-height:1; word-break:normal; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:700;}
address, em, i {font-style:normal;}
hr {border-top:1px solid #e5e9ec;}
figure > span {line-height:0; display:block;}
figure.caption figcaption {display:block;}
*:focus {outline:none;}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clr {clear:both;}

.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.vm, .btns {vertical-align:middle;}

.ml10{margin-left:10px;}

.w100{width:100%;}
.nobg {background:none !important;}
.nobd {border:0 none !important;}
.nobl {border-left:0 none !important;}
.nobt {border-top:0 none !important;}
.nomg {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.noml {margin-left:0 !important;}
.nopdt {padding-top:0 !important;}
.nopd {padding:0 !important;}
.nopb {padding-bottom:0 !important;}
.nopl {padding-left:0 !important;}
.nodp {display:none;}
.blind, .hide {position:absolute !important; width:0 !important; height:0 !important; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

.btnL {margin-top:20px; text-align:left;}
.btnL .btn:not(:last-child), .btnL a:not(:last-child) {margin-right:3px;}
.btnR {margin-top:20px; text-align:right;}
.btnR .btn:not(:first-child), .btnR a:not(:first-child) {margin-left:3px;}
.btnR.pgNext {float:right; margin-top:-30px;}
.btnR.fr:first-child {margin-top:0;}
.btnC {margin-top:30px; text-align:center;}
.btnC .btn, .btnC a, .btnC input[type="button"] {margin:0 1.5px;}
.btnC .btn:first-child, .btnC a:first-child {margin-left:0;}
.btnC .btn:last-child, .btnC a:last-child {margin-right:0;}
.btnC .fr {margin-right:0;}

.btnTop {margin-bottom:8px;}
.btnMid {margin-top:20px; margin-bottom:60px;}
.btnBtm {margin-top:30px !important;}

.tblTop {margin-bottom:20px;}
.tblMid {margin-bottom:40px;}
.tblBtm {margin-top:10px;}

.tabBtm {margin-top:40px;}

.pgMid {margin-top:30px; margin-bottom:30px;}
.pgBtm {margin-top:50px;}

.autoImg {overflow:hidden;}

::-webkit-input-placeholder {color:#aaa;} 
:-moz-placeholder {color:#aaa; opacity:1;}
::-moz-placeholder {color:#aaa; opacity:1;}
:-ms-input-placeholder {color:#aaa !important;}
::-ms-input-placeholder {color:#aaa;}
.placeholder {color:#aaa !important;}

.mb70{margin-bottom:70px !important;}
.mt40{margin-top:40px !important;}
.pb80{padding-bottom:80px !important;}
.pb0{padding-bottom:0px !important;}
.pt180{padding-top:180px !important;}
.prl40{padding:0 40px !important}
.pb100{padding-bottom:100px !important}
.pb20{padding-bottom:20px !important}
.mb0{margin-bottom:0px !important}
.pt0{padding-top:0px !important;}
.mtm20{margin-top:-40px !important;}
a {color: inherit;}
a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none;}
/* input
------------------------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {width:100%; height:42px; padding:0 8px; border:1px solid #e5e9ec; background-color:#fff; outline:0; transition:background 0.2s linear 0s,box-shadow 0.2s linear 0s;-webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0px;    font-size: inherit;}
.uneditable-input.focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, .m-uneditable-input:focus { /* background-color:#f4f5f7; font-weight:500;*/}
input[type=image] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none;-webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0px;    font-size: inherit;}

/*input[type="radio"], input[type="checkbox"] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none; vertical-align:-3px;}*/


input[disabled], select[disabled] {background:#e5e9ec;}
input[disabled] + label {color:#dbdbdb; cursor:default;}
input[disabled] + label:before {border-color:#dbdbdb;}

input[readonly], select[readonly] {/*font-weight:500;*/ color:#333; background:#f7f7f7;}

select {height:42px;  border:1px solid #e5e9ec; padding:0 10px}

/* SelectBox Style */
select {height:42px; width:100%; font-size:inherit; margin:0; color:#353535; padding-left:8px; padding-right:34px; vertical-align: middle; min-width:40px; box-sizing:border-box;
background: #fff url("/m/2022/img/icon/icon_select_arrow.png") no-repeat right center;
background-size:auto 100%;
border:1px solid #c6c6c6;
font-family: inherit;
border-radius: 0px;
-webkit-appearance: none; 
-moz-appearance: none;
appearance: none;
}



textarea {width:100%; padding:8px; border:1px solid #e8e8e8; background:#fff;    font-size: inherit;}

input.error, select.error {border-color:#e07b46;}


[class*="box-section"] {padding-bottom:110px}
[class*="box-section"]:last-child {padding-bottom:160px}
[class*="box-section"] > .box-section {padding-bottom:0}


button {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: 0;
    font-family: 'Noto Sans KR', dotum,'����',gulim,'����',Arial, AppleGothic, verdana, sans-serif, helvetica;
    vertical-align: top;
    cursor: pointer;
}