@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:collapse;border-spacing:0;table-layout:fixed; zoom:1}
tbody, tfoot, thead, tr, th, td {word-break:break-all; word-break: keep-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 !important;}
.tar{text-align:right !important;}
.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;}

.flex{ display:flex}
.flex.fw{ flex-wrap:wrap}
.flex.col{ flex-direction:column}
.flex.space{ justify-content: space-between}
.flex.vspace{ align-content:space-between}
.flex.hc{ justify-content:center}
.flex.hr{ justify-content:flex-end}
.flex.vt{ align-content:flex-start; align-items:flex-start}
.flex.vc{ align-content:center; align-items:center}
.flex.vb{ align-content:flex-end; align-items:flex-end}
.flex.rev{ flex-direction: row-reverse;}
.flex.cev{ flex-direction: column-reverse;}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}




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


/**/
:root{
    --maincolor:#C1D6C5;
    --subcolor:#004b43;
    --color01:#004b43;
    --color02:#54b09b;
}


.c_point{color: #1c7d6f !important;vertical-align:baseline;}
.c_blue{ color: #1478eb !important; vertical-align:baseline;}
.c_red{ color: #e52f2f !important; vertical-align:baseline;}
.c_black{ color:#000 !important; vertical-align:baseline;}
.c_gray{ color:#999 !important; vertical-align:baseline;}

.box1, .wrap{width:1400px;max-width:96%;margin: 0 auto;position: relative;}
.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}

a, .btn { transition:all .3s }
.pc_no { display:none !important }
.mobile_only { display:none !important }
.s_mobile_only { display:none !important }
.ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) }

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; max-width:100%; max-height:100%}

.bgfix{ background-position:center; background-repeat:no-repeat; background-size:cover}

.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}


.strong{font-weight:700}

.page_sec1{ margin-top:1em !important}
.page_sec2{ margin-top:2em !important}
.page_sec3{ margin-top:3em !important}
.page_sec4{ margin-top:4em !important}
.page_sec5{ margin-top:5em !important}


.pd0{ padding:0 !important;}
.pt0{ padding-top:0 !important;}
.pb0{ padding-bottom:0 !important;}

.mt0{margin-top:0 !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt7{ margin-top:7px !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;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !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;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}

.ml0{ margin-left:0 !important;}
.ml5{ 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;}
.ml40{ margin-left:40px !important;}
.ml50{ margin-left:50px !important;}

.mr0{ margin-right:0 !important;}
.mr3{ margin-right:3px !important;}
.mr5{ 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;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}

.fwB{ font-weight:700}
.fwM{ font-weight:500}
.fwR{ font-weight:400}
.fwL{ font-weight:300}

.w100{ width:100%;}
.scrollst{ overflow:hidden}

.label_wrap{ }
.label_wrap > li{ flex:0 1 25%; margin:.5em 0; box-sizing:border-box}
.label_wrap.stw_2 > li{ flex:0 1 50%;}
.label_wrap.stw_16 > li{ flex:0 1 16.66%;}

.label_st{ display:inline-block;cursor:pointer}
.label_st > *{ display:inline-block;vertical-align:middle; cursor:pointer;}
.label_st:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.25em; padding-right:.25em}
.label_st:not(.cssbrowser) input ~ span{ color:#888}
.label_st:not(.cssbrowser) input ~ .xi:before{ color:#aaa}
.label_st:not(.cssbrowser) input:checked ~ span{ color:#333}
.label_st:not(.cssbrowser) input:checked ~ .xi:before{ color:#d9a14c}
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92b"}
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before{ content:"\e9c7"}
.label_st:not(.cssbrowser) input[type=checkbox],
.label_st:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden;}

.label_st:not(.cssbrowser) input ~ .xi.st1{ padding-right:0; padding-left:.125em; font-size:1em}
.label_st:not(.cssbrowser) input ~ .xi.st1:before{ content:"\e929"; opacity:0}
.label_st:not(.cssbrowser) input:checked ~ .xi.st1:before{ content:"\e929"; opacity:1}

.label_st.mg{ margin-left:2em}
.label_st.mg:first-child{ margin-left:0}

.label_select{ position:relative; background:#fff; display:inline-block; }
.label_select select{ background:none; padding-right:2.25em !important; appearance:none;-webkit-appearance:none; position:relative; z-index:1}
.label_select select::-ms-expand{display:none;}
.label_select:after{ content:"\e942"; font-family:xeicon!important; position:absolute; z-index:0; right:0; top:50%; margin-top:-.5em; width:3em; text-align:center}

.input_st{display:inline-block; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em 1em;  box-sizing:border-box; line-height:2em !important; height:3em !important; border-radius: 3px !important;}
input[type=text].input_st,
input[type=password].input_st,
input[type=tel].input_st{ }
input[type=file].input_st{ background:none; border:none; padding:0}
textarea.input_st{ padding:1em; width:100%; height:10em!important; line-height:1.2}

input[type=button]:not([readonly=readonly]).input_st:hover,
input[type=submit]:not([readonly=readonly]).input_st:hover,
button:not([readonly=readonly]).input_st:hover,
a.input_st:hover{transition:.3s}

.input_st .xi{ margin:0 .125em} 

.input_st:hover,
.input_st:focus{ border-color:#666; color:#111}
.label_select .input_st:hover,
.label_select .input_st:focus{ background:none}
.input_st[disabled=disabled]:not([type=button]),
.input_st[readonly=readonly]:not([type=button]){ cursor:default; background:#f5f5f5; border-color:#ddd !important; color:#666}

select.input_st:hover,
select.input_st:focus{ color:#666}
.input_st .xi{ font-size:1.5em}

.input_st.s1{ line-height:2.5em; height:3.5em; padding:.5em 1.5em; font-size:1.063em}
.input_st.s2{ line-height:1em; height:2.5em; padding:.5em 1em; font-size:.938em}
.input_st.s3{ line-height:1em; height:2em; padding:.25em .5em; font-size:.875em}

.input_st.c1{ background:#0b4790; border-color:#0b4790; color:#fff}
.input_st.c1.re{ background:none; border-color:#0b4790; color:#0b4790}
.input_st.c2{ background:#999; border-color:#999; color:#fff}
.input_st.c2.re{ background:#f5f5f5; border-color:#ccc; color:#888}
.input_st.c3{ background:#333; border-color:#333; color:#fff}
.input_st.c3.re{ background:#fff; border-color:#666; color:#666}
.input_st.c4{ background:#eb3b4b; border-color:#eb3b4b; color:#222}
.input_st.c4.re{ background:#fff; border-color:#eb3b4b; color:#222}

.input_st.w1{ width:16.25em}
.input_st.w2{ width:7.5em}
.input_st.w3{ width:37em; max-width:100%}
.input_st.w4{ width:20em}
.input_st.w5{ width:9.4em}
.input_st.w6{ width:3em}
.input_st.w7{ width:120px}

.w_form_tit{width:17em;}
.w_auto{width:auto;} 

.w10{ width:10% !important}
.w15{ width:15% !important}
.w25{ width:25% !important}
.w30{ width:30% !important}
.w35{ width:35% !important}
.w45{ width:45% !important}
.w50{ width:50% !important}
.w65{ width:65% !important}
.w75{ width:75% !important}
.w100{ width:100% !important}

.input_sec{ display:inline-block; width:1.25em; text-align:center; vertical-align:middle}
.input_sec.s1{ width:.5em}
.input_sec.s2{ padding:0 1.5em 0 .5em}

@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%; }

    .fixed_w {overflow-x:scroll;}
	.fixed_w .fixed_st {width:1000px !important; table-layout:fixed;}
	.table_info{display:block;}

    .mobile_only { display:block !important }
  }