@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

* {margin:0; padding:0}
body { position:relative; background:#fff;}

html, body { padding:0; margin:0; font-size:12px; font-family:'Noto Sans KR', sans-serif;   font-weight: 400; color:#000;}
textarea{border: 1px solid #d9d9d9;background: #f4f4f4;}
input, select{vertical-align:middle } 
ul, li, ol, li, dl, dt, dd { padding:0; margin:0; }
ul, ol, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-size:100%; font-weight:normal; }
div, p, address, pre, form, fieldset, blockquote, th, td { padding:0; margin:0; border:none;}
table { border-collapse:collapse; border-spacing:0; }
abbr, acronym, fieldset, img { border:0; }
img { vertical-align:middle; border:none;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
strong { font-style:normal; font-weight:bold; }
caption, th { text-align:left; }
q:before,q:after { content:''; }
hr { display:none; }
fieldset legend {visibility:hidden; font-size:0; line-height:0}
input.txt {height:17px; padding:3px 0 0 5px; background:#fff; border:0; vertical-align:middle}
button {cursor:pointer; border:0; vertical-align:middle; transition: all 0.2s ease 0s;}
input, textarea, label, button {
    word-wrap: break-word;
    word-break: keep-all;
font-family:NanumGothic;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0px;
}

input.text, input[type="text"], textarea {ime-mode: active;}


input[type="text"], input[type="password"]{
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-left: 1px;
    padding: 5px 10px;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;

}

.notext {text-indent:-9999px;}
.hide{position:absolute; width:1px;	height:1px;	overflow:hidden; top:-1000%; left:-1000%;}
a { color:#595959; text-decoration: none;}
a:active, a:hover, a:focus{color:#000; /* text-decoration:underline;  transition: all 0.2s ease 0s; */ text-decoration: none; transition: all .2s;}
input:hover{  transition: all .2s;}






/* Padding */
.pt0 {padding-top:0px;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt11 {padding-top:11px;}
.pt12 {padding-top:12px;}
.pt13 {padding-top:13px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt16 {padding-top:16px;}
.pt17 {padding-top:17px;}
.pt18 {padding-top:18px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}


.pr0 {padding-right:0px;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr22 {padding-right:22px;}
.pr22 {padding-right:22px;}
.pr30 {padding-right:30px;}

.pl0 {padding-left:0px;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl13 {padding-left:13px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl17 {padding-left:17px;}
.pl18 {padding-left:18px;}
.pl19 {padding-left:19px;}
.pl20 {padding-left:20px;}
.pl22 {padding-left:22px;}
.pl25 {padding-left:25px;}
.pl26 {padding-left:26px;}
.pl28 {padding-left:28px;}
.pl35 {padding-left:44px;}
.pl30 {padding-left:30px;}
.pl31 {padding-left:31px;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl205 {padding-left:205px;}


.pb0 {padding-bottom:0px;}
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}


/* Margin */
.mt1 {margin-top:1px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt_5 {margin-top:-5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt_8 {margin-top:-8px;}
.mt10 {margin-top:10px;}
.mt_10 {margin-top:-10px;}
.mt15 {margin-top:15px;}
.mt_15 {margin-top:-15px;}
.mt_20 {margin-top:-20px;}
.mt_22 {margin-top:10px;}
.mt_50 {margin-top:-50px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.ml2 {margin-left:2px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml_10 {margin-left:-10px;}
.ml_15 {margin-left:-15px;}
.ml_20 {margin-left:-18px;}
.ml_30 {margin-left:-25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml42 {margin-left:42px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml92 {margin-left:92px;}
.ml100 {margin-left:100px;}
.ml110 {margin-left:110px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb_5 {margin-bottom:-5px;}
.mb10 {margin-bottom:10px;}
.mb13 {margin-bottom:13px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}

table caption {
text-indent:-9999px;
width:1px;
height:1px;
font-size:1px;
visibility:hidden;
overflow:hidden;
}




table.pyo_table {font-size:13px; color:#000; border-top:2px solid #555; border-bottom:2px solid #dfdfdf; width:100%; margin:5px 0 0px 0px; letter-spacing:0pt; font-weight: normal; font-weight:bold;}
table.pyo_table img {vertical-align:middle;}
table.pyo_table th {font-weight:bold; border:1px solid #dfdfdf; height:30px; color:#000; background:#f3f3f3; text-align:center; line-height:160%;}
table.pyo_table td{border:1px solid #dfdfdf;  padding:6px 5px 6px 5px; height:25px; line-height:160%; }
table.pyo_table p{color:#4c688c; padding: 5px 0 0 0; font-size: 12px;}
table.pyo_table td.txt-center{text-align:center;}

/*  ÀÎDz ¹Ú½º  */
input.input_text {width:100%; font-size: 14px;  font-weight:bold; border-top: 1px solid #cbcbcb;  border-left: 1px solid #cbcbcb;  border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;  height: 28px; vertical-align: middle;  background: #f9f9f9; color:#4C4C4C;}
input.input_text02 { border-top: 1px solid #cbcbcb;   border:none;  background: #444444; width:100px; height: 28px; line-height: 22px; vertical-align: middle;}
input.input_text03 {width:100px; font-size: 14px;  font-weight:bold; border-top: 1px solid #cbcbcb;  border-left: 1px solid #cbcbcb;  border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;  height: 28px; vertical-align: middle;  background: #f9f9f9; color:#4C4C4C;}

select{border: 1px solid #ddd; vertical-align: top;  }

select.selbox01 {line-height: 36px; min-width: 115px; height: 36px;  padding:8px 0px;}
select.selbox02 {line-height: 22px; min-width: 115px; padding:4px;}

.color-white{color:#fff;}
.color-blue{color:#4c688c;}

/*Á¤·Ä*/
.fl_left{float:left;}
.fl_right{float:right;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}



.txt-inb{margin-top:3px; display: inline-block; margin-right: 15px;}