@charset "UTF-8";
@import url('main.css');
@import url('sub.css');
@import url('swiper.min.css');
@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=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
@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=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');

@font-face {
    font-family: 'KBIZHanmaumMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-2ExtraLight';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html,body{height:100%;}
body {
    -webkit-text-size-adjust: none;
    min-width:1440px;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
blockquote,
button,
mark,
textarea,
select,
em,
strong,
p,
header,
section,
article,
footer,
hgroup,
aside,
nav,
figure,
address,
a {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-weight:300;
    font-style: normal;
    color: #14100c;
    letter-spacing: -1px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: keep-all;
}
input,button,img{vertical-align:middle;}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; outline:0; text-decoration:none; letter-spacing:-1px;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none; font-size:0;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body, input, textarea, select, button, table {font-family:'Montserrat','Noto Sans KR', sans-serif,'Malgun Gothic','Nanum Barun Gothic','Roboto',Dotum,'돋움',Gulim,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
ul, ol {list-style-type:none;}
input, select {vertical-align:middle;}
a {text-decoration:none; color:#454545}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
q:before,q:after{content:'';}
abbr,acronym {border: 0;}

table {border-collapse: collapse;}
colgroup {display: table-column-group;}
caption,
legend {
    visibility: hidden;
    overflow: hidden;
    height: 0;
}
td,
th {
    color: #666666;
    word-break: break-all;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

mark,
var {
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-style: normal;
    background: none;
}
img {
    vertical-align: middle;
    border: none;
}
hr {display: none;}
button {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    line-height: 1.5;
}

/* no style */
.hidden {display:none;}
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}
.line_no {border:none !important;}
.line_no_top {border-top:none !important;}
.line_no_left {border-left:none !important;}
.line_no_right {border-right:none !important;}
.line_no_bottom {border-bottom:none !important;}

/* align */
.align_c{text-align:center !important;}
.align_l{text-align:left !important;}
.align_r{text-align:right !important;}

/* float */
.float_l{float:left !important;}
.float_r{float:right !important;}
.float_clear{clear:both !important;}

/*form*/
input{vertical-align:middle;}
textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}
select:focus {outline: none;}

input[type="text"], 
input[type="password"],
textarea{  
appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
select {
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;
}

input[type="text"] {width:100%; border:1px solid #dcdcdc; height:50px; padding:0 10px; color:#5a5858; font-weight:300; font-size:17px !important;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
input[type="text"]::-webkit-input-placeholder {color:#c9c9c9;}
input[type="text"]:-input-placeholder {color:#c9c9c9;}
input[type="text"]:-ms-input-placeholder {color:#c9c9c9;}
input[type="text"]::-moz-input-placeholder {color:#c9c9c9;}

input[type="password"] {width:100%; border:1px solid #dcdcdc; height:50px; padding:0 10px; color:#5a5858; font-weight:300; font-size:17px !important;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
input[type="password"]::-webkit-input-placeholder {color:#c9c9c9;}
input[type="password"]:-input-placeholder {color:#c9c9c9;}
input[type="password"]:-ms-input-placeholder {color:#c9c9c9;}
input[type="password"]::-moz-input-placeholder {color:#c9c9c9;}

select {width:100%; height:50px; padding:0 10px; color:#555; font-weight:300;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; 
    background:#f5f5f5 url('../image/arrow.png') no-repeat 99% 50%; border:1px solid #ddd; 
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;}
select::-ms-expand{display: none;}


textarea {width:100%; border:1px solid #dcdcdc; padding:10px; color:#5a5858; font-weight:300; resize:none;/*크기조절안되게*/
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    
}
textarea::-webkit-input-placeholder {color:#c9c9c9;}
textarea:-input-placeholder {color:#c9c9c9;}
textarea:-ms-input-placeholder {color:#c9c9c9;}
textarea::-moz-input-placeholder {color:#c9c9c9;}

.form_w0 {width:auto !important;}
.form_w5 {width:5% !important;}
.form_w10 {width:10% !important;}
.form_w15 {width:15% !important;}
.form_w20 {width:20% !important;}
.form_w25 {width:25% !important;}
.form_w30 {width:30% !important;}
.form_w35 {width:35% !important;}
.form_w40 {width:40% !important;}
.form_w45 {width:45% !important;}
.form_w50 {width:50% !important;}
.form_w55 {width:55% !important;}
.form_w60 {width:60% !important;}
.form_w65 {width:65% !important;}
.form_w70 {width:70% !important;}
.form_w75 {width:75% !important;}
.form_w80 {width:80% !important;}
.form_w85 {width:85% !important;}
.form_w90 {width:90% !important;}
.form_w95 {width:95% !important;}
.form_w100 {width:100% !important;}

/* margin */
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:50px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}
.mt_65 {margin-top:65px !important;}
.mt_70 {margin-top:70px !important;}
.mt_75 {margin-top:75px !important;}
.mt_80 {margin-top:80px !important;}
.mt_85 {margin-top:85px !important;}
.mt_90 {margin-top:90px !important;}
.mt_95 {margin-top:95px !important;}
.mt_100 {margin-top:100px !important;}

.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:50px !important;}
.mr_50 {margin-right:50px !important;}
.mr_55 {margin-right:55px !important;}
.mr_60 {margin-right:60px !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:50px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:50px !important;}
.ml_50 {margin-left:50px !important;}
.ml_55 {margin-left:55px !important;}
.ml_60 {margin-left:60px !important;}

/* padding */
.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:50px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}
.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}
.pr_40 {padding-right:40px !important;}
.pr_45 {padding-right:50px !important;}
.pr_50 {padding-right:50px !important;}
.pr_55 {padding-right:55px !important;}
.pr_60 {padding-right:60px !important;}
.pb_0 {padding-bottom:0px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:50px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}
.pb_70 {padding-bottom:70px !important;}
.pb_80 {padding-bottom:80px !important;}
.pb_90 {padding-bottom:90px !important;}
.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pl_40 {padding-left:40px !important;}
.pl_45 {padding-left:50px !important;}
.pl_50 {padding-left:50px !important;}
.pl_55 {padding-left:55px !important;}
.pl_60 {padding-left:60px !important;}