@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}







*, *:before, *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing: inherit;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
html {/*font-size: 62.5%;*/ font-size: 16px; height: 100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;color: #3a3a3a; }
body { line-height: 1; font-family: 'Pretendard-Regular'; letter-spacing: -0.5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
button {border:none;     font-family: inherit;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

h1, h2, h3, h4, h5, h6 {color: #333;}
p { font-size: 15px; line-height: 2.3rem; color: #333; }
a { color: inherit;text-decoration: none;}
input {-webkit-border-radius:0;  border-radius: 0; -moz-border-radius: 0;  font-family: inherit;    border: 0;outline: none;}
input[type="text"], input[type="password"], input[type="button"] {-moz-appearance: none; -webkit-appearance: none;appearance:none;}
input[type="submit"] {-moz-appearance: none;-webkit-appearance:none;appearance:none;}
textarea {resize:none;font-family: inherit;-moz-appearance: none;-webkit-appearance:none;appearance:none;border-radius:0;-webkit-border-radius:0;outline: none;}
select {border-radius:0;font-family: inherit;outline: none;}

/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }



/*---------------------------css 커스터마이징-------------------------------------------*/
.container {margin: 0 auto;	width:1200px; padding: 0 15px;}
.container_fluid {margin: 0 auto;}
.text_left {text-align: left;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.invisible {visibility: hidden;}
.visible {visibility: visible;}
.hide_01 {display: none;}
.show {display: block !important;}
.float_l {float:left;}
.float_r {float:right;}
.po_fixed {position:fixed;}
.po_abs {position:absolute;}
.po_rel {position:relative;}
.po_static {position:static;}
.clear {clear:both;}
.over_h {overflow:hidden;}
.z_10 {z-index:10;}
.z_100 {z-index:100;}
.z_1000 {z-index:1000;}
.z_9999 {z-index:9999;}
.mar_t_0 {margin-top:0 !important;}
.mar_l_0 {margin-left:0 !important;}
.mar_r_0 {margin-right:0 !important;}
.mar_b_0 {margin-bottom:0 !important;}
.bor_t_0 {border-top:0 !important;}
.bor_l_0 {border-left:0 !important;}
.bor_r_0 {border-right:0 !important;}
.bor_b_0 {border-bottom:0 !important;}
.bor_0 {border:none !important;}
.pad_t_0 {padding-top:0 !important;}
.pad_l_0 {padding-left:0 !important;}
.pad_r_0 {padding-right:0 !important;}
.pad_b_0 {padding-bottom:0 !important;}
.font_bold {font-weight: bold;}
.d_inline {display: inline-block;}
.d_table {display:table}
.v_center {display:table-cell; vertical-align:middle;}
.vh_center {transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; position: absolute;}
.after:after {content: ''; clear: both; display: block;}

.mar_t_0 {margin-top:0 !important;}
.mar_l_0 {margin-left:0 !important;}
.mar_r_0 {margin-right:0 !important;}
.mar_b_0 {margin-bottom:0 !important;}
.pad_t_0 {padding-top:0 !important;}
.pad_l_0 {padding-left:0 !important;}
.pad_r_0 {padding-right:0 !important;}
.pad_b_0 {padding-bottom:0 !important;}

.bor_t_0 {border-top:0 !important;}
.bor_l_0 {border-left:0 !important;}
.bor_r_0 {border-right:0 !important;}
.bor_b_0 {border-bottom:0 !important;}
.bor_0 {border:none !important;}

.mar_b_50 {margin-bottom: 50px;}
.mar_b_80 {margin-bottom: 80px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_b_120 {margin-bottom: 120px;}
.mar_b_150 {margin-bottom: 150px;}

.mar_t_50 {margin-top: 50px;}
.mar_t_60 {margin-top: 60px;}
.mar_t_80 {margin-top: 80px;}
.mar_t_100 {margin-top: 100px;}
.mar_t_150 {margin-top: 150px;}

.pad_t_50 {padding-top: 50px;}
.pad_t_100 {padding-top: 100px;}
.pad_t_120 {padding-top: 120px;}
.pad_t_150 {padding-top: 150px;}

.pad_b_50 {padding-bottom: 50px;}
.pad_b_100 {padding-bottom: 100px;}
.pad_b_120 {padding-bottom: 120px;}
.pad_b_150 {padding-bottom: 150px;}

.pad_lr_80 {padding: 0 80px;}