@charset "utf-8";
/* @import url(font/font.css); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..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=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
@import url('https://fonts.googleapis.com/earlyaccess/kopubbatang.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'nm-sq-neo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@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: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* font-family: 'Nanum Myeongjo', serif; */

/* --------------------------------------------
 * default
/* ------------------------------------------ */
* {box-sizing : border-box; word-break:keep-all;}
html,body,div,span,object,iframe,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,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;list-style:none;}

body,input,textarea,select,button,table{font-family:'Noto Sans KR', 'NotoSansKR','Montserrat','Roboto', sans-serif; font-size:14px;letter-spacing:-1px;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body{overflow-x:hidden;word-wrap:break-word;word-break:keep-all}
img,fieldset,iframe{border:0}
img{max-width:100%;vertical-align:middle;}
li{list-style:none}
i{font-style:normal}
em,address{font-style:normal}
hr{display:none}

input,textarea,a,button,select{margin:0;padding:0}
input,select,button{vertical-align:middle;box-sizing:border-box}
button{border:0;background:none;cursor:pointer}

/* --------------------------------------------
 * html5 block
/* ------------------------------------------ */
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption {display:block;}

/* --------------------------------------------
 * link
/* ------------------------------------------ */
a:link		{color:#333;text-decoration:none;}
a:visited	{color:#333;text-decoration:none;}
a:hover	{color:#333;text-decoration:none;}
a:active	{color:#333;text-decoration:none;}
a:focus	{}

/* --------------------------------------------
 * table
/* ------------------------------------------ */
table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed; zoom:1}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}
legend,.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}


/* --------------------------------------------
 * form
/* ------------------------------------------ */
input[type=text],
input[type=password],
input[type=number]{border-radius:0;-webkit-appearance:none;appearance:none}
button,
input[type=button],
input[type=submit],
input[type=reset] {cursor:pointer;width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;}
input[type="radio"],
input[type="checkbox"] {width:13px;height:13px;padding:0;}
input[type="password"]{font-family:'arial' !important;}
button::-moz-focus-inner {padding:0;border:0;}
select	{vertical-align:middle;font:12px,dotum;}
textarea {width:100%;padding:7px; border:1px solid #bebebe;font-size:12px;border-radius:2px; resize:none; -webkit-appearance:none}
input,button,select,textarea {vertical-align:middle;border:0;}

input.inf1 {margin:0;border:1px solid #ccc;font-size:12px;color:#333;font-family:'돋움','Dotum';background-color:#fff;height:28px;}
input.inf1::-ms-value {background-color:#fff;border:0;}
input.inf1::-webkit-file-upload-button {height:28px;border:0;}

.input_chk1 {display:inline-block; position:relative;padding-bottom: 10px;}
.input_chk1 input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.input_chk1 input[type="checkbox"] + em {width: 25px;height: 25px;background: url('../images/common/bul_checkbox.png') 0 -25px;display: inline-block;vertical-align: middle;margin-right: 10px;border:none;margin-bottom: 3px;}
.input_chk1 input[type="checkbox"]:checked + em{background: url('../images/common/bul_checkbox.png') 0 0; width: 25px; height: 25px; display: inline-block; border:none}


/* --------------------------------------------
 * aline
/* ------------------------------------------ */
.fl-l {float: left;}
.fl-r {float: right;}
.of_h:after{display:block;clear:both;content:''}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ps_r{position:relative}
.ps_a{position:absolute}
.tx_gotham{font-family:"Gotham Book"}
.flex_c {display: flex;justify-content: center;align-items: center;}
.flex_s {display: flex;justify-content: space-between;align-items: center;}


/* 글자 2줄만들기 */
.wb{word-break:keep-all;word-wrap:break-word;white-space:pre-wrap;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
/* 글자 여러줄 자르기 */
.ellipsis_ver{overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical;word-wrap:break-word}
/* 한줄 줄임*/
.ellipsis { text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
/* link */
a:link,a:visited{color:#666;text-decoration:none}
a:active,a:hover,a:focus{text-decoration:none}
/*그리드*/
.row { display: flex; flex-wrap: wrap; }
.row > [class*='col_'] { width: 100%; box-sizing: border-box; }
.row > .col_1 { width: 8.333%; }
.row > .col_2 { width: 16.666%; }
.row > .col_3 { width: 25%; }
.row > .col_4 { width: 33.333%; }
.row > .col_5 { width: 41.666%; }
.row > .col_6 { width: 50%; }
.row > .col_7 { width: 58.333%; }
.row > .col_8 { width: 66.666%; }
.row > .col_9 { width: 75%; }
.row > .col_10 { width: 83.333%; }
.row > .col_11 { width: 91.666%; }
.row > .col_12 { width: 100%; }

.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}


@media (max-width: 1024px) {
    .row > .col_1,
    .row > .col_2,
    .row > .col_3,
    .row > .col_4,
    .row > .col_5,
    .row > .col_6,
    .row > .col_7,
    .row > .col_8,
    .row > .col_9,
    .row > .col_10,
    .row > .col_11,
    .row > .col_12 { width: 100%; }
  }