@charset "utf-8";

/* base */
html,body{width:100%;height:100%;}
body{font-size:14px;color:#666;}
body,h1,h2,h3,h4,h5,h6,div,p,span,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,tr,form,fieldset,legend,hr,input,select,button,textarea,a{margin:0;padding:0;line-height:1.2;font-family:'NotoSansKR', dotum , sans-serif;letter-spacing:-0.25px;}
ul, ol {list-style:none;}
table{border-spacing:0;border:0;table-layout:fixed;border-collapse:collapse;}
img, fieldset, abbr, acronym {border:0;}
textarea{resize:none}
select{-webkit-appearance:none;}
address, caption, cite, code, dfn, em, var,i {font-style:normal;font-weight:normal;}
hr{display:none}
caption, legend {width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
*,*:before, *:after {box-sizing: border-box;}
a{color:inherit;font-family:inherit;text-decoration:none;}
button{border:none}

input, select, button, textarea{padding:0;margin:0;border:none;background:none;vertical-align:top;}
label{display:inline-block;}
button{cursor:pointer;outline:none;}
textarea{width:100%;}

select, input{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input::-ms-clear{display:none;}
input::-ms-reveal {display:none;}

.inp1::-webkit-input-placeholder{color:#b2b2b2;}
.inp1:-ms-input-placeholder{color:#b2b2b2;}
.inp1::placeholder{color:#b2b2b2;}

input[type=text]::-ms-clear{display:none;}
select::-ms-expand{ display:none;}
input, select, button, textarea{padding:0;margin:0;border:none;background:none;vertical-align:top;outline:0;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-out-spin-button {-webkit-appearance: none;-moz-appearance:none;appearance:none;}
input[type=number]{-moz-appearance:textfield;}

.hide{position:absolute;left:-10000px;top:auto; height:0;overflow:hidden;}
strong{font-weight:600;}

/* input */
input.inp1:disabled{background-color:#f5f5f5}
.readonly, input[readonly]{background-color:#f7f7f7}

.inp1,.sel1{height:48px;margin-right:5px;padding:9px 20px;width:200px;font-size:16px;color:#333;border:1px solid #ccc;background-color:#fff;}
textarea.inp1{width:100%;height:200px;margin-left:0;}
.sel1{padding:10px 50px 10px 10px;}
.sel1{background:url('../../image/bg-select.png') no-repeat 100% 50%;}

.sel-wp{display:inline-block;width:160px;margin-right:8px;}
.sel-wp .sel1{min-width:100%;}

.inp-wp{display:inline-block;width:300px;margin-right:8px;border:1px solid #d6d6d6;vertical-align:top;box-sizing:border-box;}
.inp-wp .inp1{border:none;width:100%;}

[class^="radi"], [class^="chck"]{position:relative;display:inline-block;}
[class^="radi"] label, [class^="chck"] label{display:inline-block;position:relative;padding-left:25px;line-height:20px;color:#333;cursor:pointer}
[class^="radi"] input, [class^="chck"] input{position:absolute;top:5px;width:0;height:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
[class^="radi"] label:before, [class^="chck"] label:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;}

.chck1 label:before{background-image:url('../../image/bg-checkbox.png');width:20px;height:20px;}
.chck1 input:checked ~ label:before{background-position:0 -20px;}
.chck1 input:disabled ~ label:before{background-position:0 -40px;}

.radi1 label:before{background-image:url('../../image/bg-radio.png');}
.radi1 input:checked ~ label:before{background-position:0 -20px;}
.radi1 input:disabled ~ label:before{background-position:0 -40px;}

.radi2 label{position:relative;height:35px;min-width:100px;line-height:32px;padding-left:0;text-align:center;font-size:16px;color:#899fa9;border:1px solid #899fa9;background-color:#fff;}
.radi2 input:checked ~ label{background-color:#ecf0f1}

.radi2.all label{color:#fff;background-color:#899fa9;border:1px solid #899fa9;}
.radi2.all input:checked ~ label{background-color:#71828a}

.radi3 label{position:relative;height:40px;min-width:100px;line-height:37px;padding-left:0;text-align:center;font-size:16px;color:#333;border:1px solid #333;background-color:#fff;border-radius:40px;}
.radi3 input:checked ~ label{line-height:37px;background-color:#666;color:#fff;border-color:#666}

.radi4 label{position:relative;height:35px;min-width:81px;line-height:32px;padding-left:0;text-align:center;font-size:16px;color:#899fa9;border:1px solid #899fa9;background-color:#fff;}
.radi4 input:checked ~ label{background-color:#ecf0f1}

.radi4.all label{color:#fff;background-color:#899fa9;border:1px solid #899fa9;}
.radi4.all input:checked ~ label{background-color:#71828a}

/* button */
.btn-wp{margin-top:30px;text-align:center;overflow:hidden}
.btn-wp2{margin-top:10px;text-align:left;position:absolute; }
[class^="btnTy"]{display:inline-block;height:50px;margin:0 8px;padding:15px 20px;font-size:18px;min-width:160px;border-width:1px;border-style:solid;text-align:center;}
[class^="btnTy"] > span{position:relative;display:inline-block;line-height:18px;vertical-align:top;pointer-events:none;}
[class^="btnTy"].mL0{margin-left:0;}

.btnTy1{color:#666;border-color:#666;background-color:#fff;}
.btnTy1:hover{background-color:#e7e7e7}
.btnTy2{color:#444;border-color:#ffab28;background-color:#ffab28;}
.btnTy2:hover{border-color:#ffc05f;background-color:#ffc05f}
.btnTy3{color:#ffab28;border-color:#ffab28;background-color:#fff;}
.btnTy3:hover{background-color:#fff0d8}
.btnTy4{color:#fff;border-color:#899fa9;background-color:#899fa9;}
.btnTy5{color:#899fa9;border-color:#899fa9;background-color:#fff;font-size:16px;}
.btnTy5:hover{background-color:#ecf0f1}
.btnTy6{color:#333;border-color:#e8e8e8;background-color:#e8e8e8;font-size:16px;}
.btnTy6:hover{border-color:#e8e8e8}

[class^="btnTy"].big{height:60px;padding:18px 20px;font-weight:600;min-width:200px;border-width:2px}
[class^="btnTy"].min{height:40px;padding:10px 20px;font-size:16px;min-width:110px;}
[class^="btnTy"].disabled,
[class^="btnTy"]:disabled{color:#999;border-color:#dfdfdf;background-color:#dfdfdf;cursor:default;pointer-events:none;}
.btnTy3.disabled,
.btnTy3.big:disabled{color:#899fa9;border-color:#899fa9;background-color:#fff;border-width:2px;cursor: default;pointer-events:none;}

[class^="btnTy"] .icn-excel{padding-left:20px;background:url('../../image/icn-excel.png') no-repeat 0 50%}

/* trim */
.ellips{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ellips2{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* layerpopup */
.laypop-pop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;}
.layer-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:400px;background-color:#fff; overflow:hidden;}

.layer-header{height:70px;padding: 12px 20px;background-color:#ffab28;}
.layer-header>h1{font-size:24px;color:#333;line-height:1;padding:10px;font-weight:500;letter-spacing:-1px;vertical-align:middle;}
.layer-header>button{position:absolute;right:0;top:0;padding:0;width:70px;height:70px;background:url('../../image/btn-pop-close.png') no-repeat 50% 50%;}

.layer-close{}

.laypop-btn-wp{padding:10px 0 30px;text-align:center;overflow:hidden}
.laypop-btn-wp > button{min-width:120px;}

.layer-ct{padding:40px 20px 30px;text-align:center;}
.layer-ct > .tit{font-size:18px;margin-bottom:10px;color:#333}
.layer-ct > .txt > p{line-height:1.5;font-size:16px;}

.colum{display:table;width:100%;}
.colum > *{display:table-cell;vertical-align:middle;table-layout:fixed}


/*여백*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mB10{margin-bottom:10px}

.mL8{margin-left:8px;}
.mL10{margin-left:10px;}
.mL20{margin-left:20px;}
.mL30{margin-left:30px;}

.mR8{margin-right:8px;}

.txC{text-align:center;}
.txR{text-align:right;}

.fL{float:left;}
.fR{float:right;}

.wd150{width:150px;}
.wd160{width:160px;}
.wd350{width:350px;}
.wd480{width:480px;}
.wd500{width:500px;}
.wd650{width:650px;}
.wd100p{width:100%;}
.wd45p{width:45%;}


.fc1{color:#333}
.fc2{color:#eb6c11}

.bold{font-weight:bold;}