@charset "utf-8";
@import url("fonts.css");
/*
 Noto Sans KR(본고딕) : font-weight: 100, 300, 400, 500, 700
 Nanumgothic(나눔고딕): font-weight: 400, 700, 800
*/
/******* Reset *******/
*       {padding:0;margin:0;}
html,body{width:100%;height:100%;font-size: 62.5% !important; }
body { position: relative; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button,
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: inherit; vertical-align: baseline;
 font-family:"Noto Sans KR",sans-serif;letter-spacing:-0.02rem;word-break:break-all
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
table, th, td{vertical-align:middle;}
iframe { border:0; vertical-align:middle; width:100%; }
legend {width:0;height:0;line-height:0;font-size:0px;float:left;position:absolute;visibility:hidden;overflow:hidden}
p {margin:0;}
strong {font-weight:700}
address,i {font-style:normal}
button {cursor:pointer;}
a {color:inherit;text-decoration:none; cursor:pointer;}

/***** form, input set *****/
button,input,select,textarea{
  margin:0;vertical-align:baseline;vertical-align:middle;font-family:"Noto Sans KR",sans-serif !important; font-size:1.4rem !important; box-sizing:border-box;
  }
button,input,select {display:inline-block;height:3.2rem !important; }
button,input{overflow:visible;line-height:normal;}
button,select{text-transform:none; padding-top:0; padding-bottom:0;}
button[disabled],html input[disabled]{cursor:default}
button,html input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;cursor:pointer;appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{appearance:none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;height:1.5rem!important;}
input[type='text'],input[type='number'],input[type='email'],input[type='password']{padding:0 1rem;border:1px solid #999; color:#545454;}
input[type='text']::-ms-clear,
input[type='number']::-ms-clear,
input[type='email']::-ms-clear,
input[type='password']::-ms-clear{display:none;}
input[type='file'],input[type='text'],input[type='password'],select{vertical-align:middle;}
input[type='file']{padding:0;}
input[readonly="readonly"],input[readonly]{border:1px solid #999;color:#928881}
input[disabled="disabled"],input[disabled]{border:1px solid #dedede;background:#fff;color:#928881}
select{margin:0;padding:0;border:1px solid #999;box-sizing:border-box;line-height:1.1; background-color: inherit; }
select::-ms-expand { display: none; /* for IE10, 11 */ display: hidden; /* 영역유지하고 싶을 때 */ }
textarea{width:100%;resize:none;border:1px solid #999;padding:5px;}
img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}
mark{background:none}
input[type="search"], input[type="text"],
input[type="number"], input[type="email"],
input[type="select"], input[type="password"] { appearance: none; border-radius:0.3rem; box-sizing:border-box;}
select, textarea { appearance: none; border-radius:0.3rem;  color:#545454; }
select { padding: 0 26px 0 10px!important; background:#fff url("images/layout/select_arrow.png") no-repeat center right; min-width:145px; }
input:focus,
select:focus,
textarea:focus { outline:none; border-color:#4096ff !important; }
input[type="text"].any-invalid, input[type="number"].any-invalid { background-color:#F00; color:#FFF; }

label { display:inline-flex; align-items:center; gap:0.2rem; }
label input, label span { flex:none; }

pre { white-space:pre-wrap; word-break:break-all;  line-height:1.5; }

/***** scroll bar *****/
::-webkit-scrollbar { width: 9px; height:9px; } /* width */
::-webkit-scrollbar-track {  background: transparent !important; } /* Track */
::-webkit-scrollbar-thumb {  background: #c5c5c5; border-radius:10px; border:solid 1px #bbb; } /* Handle */
::-webkit-scrollbar-thumb:hover {  background: #888; border:solid 1px #888; } /* Handle on hover */

.nav_body::-webkit-scrollbar { width: 5px; height:5px; } /* width */
.nav_body::-webkit-scrollbar-track {  background: transparent !important; } /* Track */
.nav_body::-webkit-scrollbar-thumb {  background: #c5c5c5; border-radius:10px; border:solid 1px #bbb; } /* Handle */
.nav_body::-webkit-scrollbar-thumb:hover {  background: #888; border:solid 1px #888; } /* Handle on hover */

/***** link *****/
a:link {text-decoration:underline; color:#333;}
a:visited {text-decoration:none; color:#333;}
a:hover {color:#06c; text-decoration:underline;}
a:active {color:#06c; text-decoration:underline;}
a:focus {color:#06c; text-decoration:underline;}
.link {text-decoration:underline; color:#333;cursor:pointer;}
.link:hover {color:#06c; text-decoration:underline;}

/***** selector *****/
*::-webkit-input-placeholder,*::-moz-placeholder,::-ms-input-placeholder,input:-moz-placeholder{color:#000 !important}
::selection{background:#333;color:#fff}
::-moz-selection{background:#333;color:#fff}

/***** color *****/
.color_sky {color:#007ed2 !important;}
.color_org {color:#ff4e00 !important;}
.color_red {color:#ff0000 !important;}
.color_yell {color:#ff9211 !important;}
.color_blue {color:#3366cc !important;}
.color_green {color:#56b145 !important;}
.color_gray {color:#999999 !important;}
.color_bluegreen {color:#0072aa !important;}
.tx_small { display: inline-block; font-size:12px; color:#666; }
.tx_bold { font-weight:500 !important; transform:rotate(0.03deg); }
.tx_exbold { font-weight:700 !important;transform:rotate(0.03deg); }

/***** align *****/
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.ft_left{float:left !important;}
.ft_right{float:right !important;}
.vt_md{vertical-align:middle !important}

/***** width *****/
.wd10{width:10% !important; }
.wd20{width:20% !important; }
.wd30{width:30% !important; }
.wd40{width:40% !important; }
.wd50{width:50% !important; }
.wd60{width:60% !important; }
.wd70{width:70% !important; }
.wd80{width:80% !important; }
.wd90{width:90% !important; }
.wd95{width:95% !important; }
.wd96{width:96% !important; }
.wd97{width:97% !important; }
.wd98{width:98% !important; }
.wd99{width:99% !important; }
.wd100{width:100% !important; }

/***** height *****/
.h100 { height:100% !important; }

/***** padding *****/
.pt1,.pt_1{padding-top:0.1rem !important;}
.pt2,.pt_2{padding-top:0.2rem !important;}
.pt3,.pt_3{padding-top:0.3rem !important;}
.pt5,.pt_5{padding-top:0.5rem !important;}
.pt10,.pt_10{padding-top:1.0rem !important;}
.pt15,.pt_15{padding-top:1.5rem !important;}
.pt20,.pt_20{padding-top:2.0rem !important;}
.pt25,.pt_25{padding-top:2.5rem !important;}
.pt30,.pt_30{padding-top:3.0rem !important;}
.pt35,.pt_35{padding-top:3.5rem !important;}
.pt40,.pt_40{padding-top:4.0rem !important;}
.pt45,.pt_45{padding-top:4.5rem !important;}
.pt50,.pt_50{padding-top:5.0rem !important;}

.pr1,.pr_1{padding-right:0.1rem !important;}
.pr2,.pr_2{padding-right:0.2rem !important;}
.pr3,.pr_3{padding-right:0.3rem !important;}
.pr5,.pr_5{padding-right:0.5rem !important;}
.pr10,.pr_10{padding-right:1.0rem !important;}
.pr15,.pr_15{padding-right:1.5rem !important;}
.pr20,.pr_20{padding-right:2.0rem !important;}
.pr25,.pr_25{padding-right:2.5rem !important;}
.pr30,.pr_30{padding-right:3.0rem !important;}
.pr35,.pr_35{padding-right:3.5rem !important;}
.pr40,.pr_40{padding-right:4.0rem !important;}
.pr45,.pr_45{padding-right:4.5rem !important;}
.pr50,.pr_50{padding-right:5.0rem !important;}

.pb1,.pb_1{padding-bottom:0.1rem !important;}
.pb2,.pb_2{padding-bottom:0.2rem !important;}
.pb3,.pb_3{padding-bottom:0.3rem !important;}
.pb5,.pb_5{padding-bottom:0.5rem !important;}
.pb10,.pb_10{padding-bottom:1.0rem !important;}
.pb15,.pb_15{padding-bottom:1.5rem !important;}
.pb20,.pb_20{padding-bottom:2.0rem !important;}
.pb25,.pb_25{padding-bottom:2.5rem !important;}
.pb30,.pb_30{padding-bottom:3.0rem !important;}
.pb35,.pb_35{padding-bottom:3.5rem !important;}
.pb40,.pb_40{padding-bottom:4.0rem !important;}
.pb45,.pb_45{padding-bottom:4.5rem !important;}
.pb50,.pb_50{padding-bottom:5.0rem !important;}

.pl0,.pl_0{padding-left:0 !important;}
.pl1,.pl_1{padding-left:0.1rem !important;}
.pl2,.pl_2{padding-left:0.2rem !important;}
.pl3,.pl_3{padding-left:0.3rem !important;}
.pl5,.pl_5{padding-left:0.5rem !important;}
.pl10,.pl_10{padding-left:1.0rem !important;}
.pl15,.pl_15{padding-left:1.5rem !important;}
.pl20,.pl_20{padding-left:2.0rem !important;}
.pl25,.pl_25{padding-left:2.5rem !important;}
.pl30,.pl_30{padding-left:3.0rem !important;}
.pl35,.pl_35{padding-left:3.5rem !important;}
.pl40,.pl_40{padding-left:4.0rem !important;}
.pl45,.pl_45{padding-left:4.5rem !important;}
.pl50,.pl_50{padding-left:5.0rem !important;}
.pl80,.pl_80{padding-left:8.0rem !important;}

/***** margin *****/
.mt0,.mt_0{margin-top:0 !important;}
.mt1,.mt_1{margin-top:0.1rem !important;}
.mt2,.mt_2{margin-top:0.2rem !important;}
.mt3,.mt_3{margin-top:0.3rem !important;}
.mt5,.mt_5{margin-top:0.5rem !important;}
.mt10,.mt_10{margin-top:1.0rem !important;}
.mt15,.mt_15{margin-top:1.5rem !important;}
.mt20,.mt_20{margin-top:2.0rem !important;}
.mt25,.mt_25{margin-top:2.5rem !important;}
.mt30,.mt_30{margin-top:3.0rem !important;}
.mt35,.mt_35{margin-top:3.5rem !important;}
.mt40,.mt_40{margin-top:4.0rem !important;}
.mt45,.mt_45{margin-top:4.5rem !important;}
.mt50,.mt_50{margin-top:5.0rem !important;}
.mt54,.mt_54{margin-top:5.4rem !important;}
.mt60,.mt_60{margin-top:6.0rem !important;}
.mt71,.mt_71{margin-top:7.1rem !important;}
.mt105,.mt_105{margin-top:10.5rem !important;}

.mr1,.mr_1{margin-right:0.1rem !important;}
.mr2,.mr_2{margin-right:0.2rem !important;}
.mr3,.mr_3{margin-right:0.3rem !important;}
.mr5,.mr_5{margin-right:0.5rem !important;}
.mr10,.mr_10{margin-right:1.0rem !important;}
.mr15,.mr_15{margin-right:1.5rem !important;}
.mr20,.mr_20{margin-right:2.0rem !important;}
.mr25,.mr_25{margin-right:2.5rem !important;}
.mr30,.mr_30{margin-right:3.0rem !important;}
.mr35,.mr_35{margin-right:3.5rem !important;}
.mr40,.mr_40{margin-right:4.0rem !important;}
.mr45,.mr_45{margin-right:4.5rem !important;}
.mr50,.mr_50{margin-right:5.0rem !important;}

.mb0,.mb_0{margin-bottom:0px !important;}
.mb1,.mb_1{margin-bottom:0.1rem !important;}
.mb2,.mb_2{margin-bottom:0.2rem !important;}
.mb3,.mb_3{margin-bottom:0.3rem !important;}
.mb5,.mb_5{margin-bottom:0.5rem !important;}
.mb10,.mb_10{margin-bottom:1.0rem !important;}
.mb15,.mb_15{margin-bottom:1.5rem !important;}
.mb20,.mb_20{margin-bottom:2.0rem !important;}
.mb25,.mb_25{margin-bottom:2.5rem !important;}
.mb30,.mb_30{margin-bottom:3.0rem !important;}
.mb35,.mb_35{margin-bottom:3.5rem !important;}
.mb40,.mb_40{margin-bottom:4.0rem !important;}
.mb45,.mb_45{margin-bottom:4.5rem !important;}
.mb50,.mb50{margin-bottom:5.0rem !important;}
.mb60,.mb60{margin-bottom:6.0rem !important;}

.ml0,.ml_0{margin-left:0 !important;}
.ml1,.ml_1{margin-left:0.1rem !important;}
.ml3,.ml_2{margin-left:0.2rem !important;}
.ml3,.ml_3{margin-left:0.3rem !important;}
.ml5,.ml_5{margin-left:0.5rem !important;}
.ml10,.ml_10{margin-left:1.0rem !important;}
.ml15,.ml_15{margin-left:1.5rem !important;}
.ml17,.ml_17{margin-left:1.7rem !important;}
.ml18,.ml_18{margin-left:1.8rem !important;}
.ml20,.ml_20{margin-left:2.0rem !important;}
.ml25,.ml_25{margin-left:2.5rem !important;}
.ml30,.ml_30{margin-left:3.5rem !important;}
.ml35,.ml_35{margin-left:3.5rem !important;}
.ml40,.ml_40{margin-left:4.0rem !important;}
.ml45,.ml_45{margin-left:4.5rem !important;}
.ml50,.ml_50{margin-left:5.0rem !important;}

.hide { visibility:hidden !important; }

/* print시, 배경그래픽 강제 설정(chrome)*/
@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}