@charset "utf-8";
@import url("asis-default.css");

/* Reset */
* {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%; line-height: 1;}

body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; box-sizing: border-box; font-size: 1rem; letter-spacing: -0.05rem;}
body,input,select,textarea,button {border:none; font-family:"PretendardGOV", "Roboto", "Dotum", "돋움", sans-serif; color:#727272; font-weight: 400; background: none; padding: none; margin: 0;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
.hide{display: none;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a {color:#727272;text-decoration:none; word-break: keep-all; color: inherit;}
h1, h2, h3, h4, h5, h6, strong, p, label, a  { word-break:keep-all;}

#wrap {min-width: 1280px; width: 100%;}

/* 20250521 - 푸터 하단 고정 */
body > #wrap {
 display: flex;
 flex-direction: column;
 min-height: 100vh;
}

body > #wrap #header {
 width: 100%;
}

body > #wrap #container {
 flex: 1;
}


/* Form */
textarea { border:1px solid #dbdbdb;}
select {height:40px; font-size:14px; color:#373737; border:1px solid #ddd;}
input[type=tel],
input[type=time],
input[type=password],
input[type=email],
input[type=text],
input[type=file],
input[type=url],
input[type=number],
input[type=date] {height:40px; font-size:14px; color:#373737; border:1px solid #ddd;  padding:0 10px; background:#fff; text-indent:0px; /*  transition: all 0.5s; */ vertical-align:middle; box-sizing: border-box;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:13px; line-height:100%;}
input[type=search]{
 margin: 0;
 padding: 0;
 border: none;
 background: inherit;
 outline: none;
 color: inherit;
 -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
 display: none;
}

textarea {padding:5px 10px; height: 70px; font-size:14px; color:#373737; border:1px solid #ddd; background:#fff; text-indent:0px; /*  transition: all 0.5s; */ vertical-align:middle; box-sizing: border-box;}
/* select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;} */

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#ddd; color:#666; -webkit-appearance:none;font-size:14px; box-sizing: border-box;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; background:#eaeaea;border:1px solid #ddd; height: 70px; box-sizing: border-box;}
button,
button:focus,
button:active{
 /*padding: 0;
 letter-spacing:-0.09rem;
 margin: 0;*/
 cursor: pointer;
}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.skip { position: absolute; left: 0; top:-50px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #000; color: #fff; transition: all 0.5s;}
.skip:focus { top: 0;}
.input_read {height:40px; font-size:15px; color:#373737; border: none !important;  padding:0 10px; background:#fff; text-indent:0px; /*  transition: all 0.5s; */ vertical-align:middle;}




/*** 테이블용 채크 라디오
input[type="checkbox"] { position: absolute; left: -4000%;}
input[type="checkbox"] + label { font-size: 15px; color:#222; line-height: 27px;}
input[type="checkbox"] + label:before { content: ""; display: inline-block; margin: 0 5px 0 0; width: 27px; height: 27px; background: url("../img/checkbox.png") no-repeat center center; vertical-align:-8px;}
input[type="checkbox"]:checked + label:before {background: url("../img/checkbox_on.png") no-repeat center center;}

input[type="radio"] { position: absolute; left: -4000%;}
input[type="radio"] + label { font-size: 15px; color:#222; line-height: 27px;}
input[type="radio"] + label:before { content: ""; display: inline-block; margin: 0 5px 0 0; width: 20px; height: 20px; background: url("../img/radio.png") no-repeat center center;  vertical-align:-5px;}
input[type="radio"]:checked + label:before { background: url("../img/radio_on.png") no-repeat center center;}
input[type="radio"] + label.padNone {padding:0px;}
***/

/* radio */
/* disabled 마우스 커서 공통 처리 */
.mu-radio {position:relative; display:inline-block; min-height:40px;}
.mu-radio:last-of-type {margin-right:0;}
.mu-radio input {overflow:hidden; position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.mu-radio label {position:relative; display:inline-block; line-height:36px; vertical-align:middle; cursor:pointer;}
.mu-radio label:before {content:""; position:absolute; top:calc(50% - 9px); left:0; width:16px; height:16px; border:1px solid #707070; border-radius:50%; background:#fff;}
.mu-radio label span {display:inline-block; line-height:40px; padding-left:25px; font-weight:400; white-space:nowrap; color:#555;}
.mu-radio label .blind {padding-left:22px;}
.mu-radio input:hover:not(:disabled) + label:before {border-color:#1759dd;}
.mu-radio input:checked + label:before {border-color:#1759dd; background-color:#1759dd;}
.mu-radio input:checked + label:after {content:""; position:absolute; top:calc(50% - 3px); left:6px; width:6px; height:6px; border-radius:50%; background-color:#fff;}
.mu-radio input:disabled + label span {color:#aaa;}
.mu-radio input:disabled + label:before {border-color:#dadce0; background-color:#f2f4f6;}
.mu-radio input:disabled:checked + label:before {background-color:#dadce0;}
.mu-radio input:disabled:checked + label:after {content:""; background-color:#fff;}
.mu-radio input[readonly] + label span {color:#aaa;}
.mu-radio input[readonly] + label:before {background-color:#eee;}
.mu-radio input[readonly]:checked + label:before {border-color:#e0e0e0;}
.mu-radio input[readonly]:checked + label:after {background-color:#ccc;}
.mu-radio label span:empty {min-width:22px; padding-left:22px;}/* empty */


/* checkbox */
.mu-checkbox {position:relative; display:inline-block; min-height:40px;}
.mu-checkbox input {overflow:hidden; position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.mu-checkbox label {display:inline-block; position:relative; line-height:40px; vertical-align:middle; cursor:pointer;}
.mu-checkbox label:before {content:""; position:absolute; top:calc(50% - 9px); left:0; width:16px; height:16px; border:1px solid #707070; border-radius:2px; background:#fff;}
.mu-checkbox label span {display:inline-block; line-height:40px; padding-left:25px; font-weight:400; white-space:nowrap;}
.mu-checkbox label .blind {padding-left:22px;}
.mu-checkbox input:hover:not(:disabled) + label:before {border-color:#1759dd;}
.mu-checkbox input:checked + label:before {content:""; border-color:#1759dd; background:#1759dd url("../img/ico-check.svg") no-repeat 3px 4px; background-size: 60%;}
.mu-checkbox input:disabled + label span {color:#dadce0;}
.mu-checkbox input:disabled + label:before {border-color:#dadce0; background-color:#f2f4f6;}
.mu-checkbox input:disabled:checked + label:before {content:""; border-color:#dadce0; background:#dadce0 url("../img/ico-check.svg") no-repeat 3px 4px; background-size: 60%;}
.mu-checkbox input[readonly] + label span {color:#aaa;}
.mu-checkbox input[readonly] + label:before {background-color:#eee;}
.mu-checkbox input[readonly]:checked + label:before {border-color:#ccc; background:#eee url("../img/ico-check.svg") no-repeat 3px 4px; background-size: 60%;}
.mu-checkbox label span:empty {min-width:22px; padding-left:22px;}/* empty */

.mu-item-group > .mu-radio + .mu-radio {margin:0 0 0 20px;}
.mu-item-group > .mu-checkbox + .mu-checkbox {margin:0 0 0 20px;}
.size {width: 18px!important;}


.tree-checkbox {position:relative; display:block; min-height:30px; padding: 0px 0; }
.tree-checkbox input {overflow:hidden; position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; padding:0; border:0; }
.tree-checkbox label {display:inline-block; position:relative; line-height:30px; vertical-align:middle; cursor:pointer;}
.tree-checkbox label:before {content:""; position:absolute; top:calc(50% - 9px); left:0; width:16px; height:16px; border:1px solid #ccc;  border-radius:2px;  background:#fff url("../img/ico-check-off.svg") no-repeat 3px 4px; background-size: 60%;}
.tree-checkbox label span {display:inline-block; line-height:30px; padding-left:25px; font-weight:400; white-space:nowrap;}
.tree-checkbox label .blind {padding-left:22px;}
.tree-checkbox input:hover:not(:disabled) + label:before {border-color:#1759dd; background:#1759dd url("../img/ico-check.svg") no-repeat 3px 4px; background-size: 60%;}
.tree-checkbox input:checked + label:before {content:""; border-color:#1759dd; background:#1759dd url("../img/ico-check.svg") no-repeat 3px 4px; background-size: 60%;}
.tree-checkbox input:disabled + label span {color:#dadce0;}
.tree-checkbox input:disabled + label:before {border-color:#dadce0; background-color:#f2f4f6;}
.tree-checkbox input:disabled:checked + label:before {content:""; border-color:#dadce0; background:#dadce0 url("../img/ico-check.svg") no-repeat 3px 4px; background-size: 60%;}
.tree-checkbox input[readonly] + label span {color:#aaa;}
.tree-checkbox input[readonly] + label:before {background-color:#eee;}
.tree-checkbox input[readonly]:checked + label:before {border-color:#ccc; background:#eee url("../img/ico-check.svg") no-repeat 3px 4px; background-size: 60%;}
.tree-checkbox label span:empty {min-width:22px; padding-left:22px;}/* empty */

/* 에러페이지 */
#error-wrap{width:100%; min-width:800px; height:100vh; min-height:740px; background:#f8f8f8; font-family:"SCoreDream"; position:relative;}
.refusal-box{width:800px; height:540px; position:absolute; left:50%; top:50%; margin:-270px 0 0 -400px; text-align:center; padding:60px; padding-top:300px;
 background-image:url(../../images/img-refusal.png); background-repeat:no-repeat; background-position:center 60px;
}
.refusal-box dl{}
.refusal-box dl dt{font-size:26px; font-weight:800; color:#377fc2; margin-bottom:10px;}
.refusal-box dl dd{font-size:16px; font-weight:normal; color:#414042;}
.refusal-box .error-btn{position:relative; left:auto; top:auto; right:auto; text-align:center; margin-top:40px;}
.refusal-box .error-btn a{display:inline-block;}
.refusal-box a{display:inline-block; font-size:14px; font-weight:normal; color:#414042; text-align:center; width:240px; height:38px; line-height:38px; border-radius:3px; border:1px solid #bcbec0; background-image:url(../../images/bg-gra.jpg); background-repeat:repeat-x; background-position:left top; background-size:100% 100%; margin:5px 0; position:relative;}
.refusal-box a:after{content:""; display:inline-block; width:6px; height:12px; background:url(../../images/btn-arrow.png) no-repeat center center; vertical-align:middle; position:absolute; right:20px; top:50%; margin-top:-6px;}
.refusal-box .error-btn a.btn-blue{background:#32a4ec; color:#ffffff; border:1px solid transparent;}
.refusal-box .error-btn a.btn-blue:after{    background: url(../../images/btn-arrow4.png) no-repeat center center;}

.error-box{width:800px; position:absolute; left:50%; top:50%; margin:-370px 0 0 -400px; text-align:center; padding:60px; padding-top:300px;
 background-image:url(../../images/img-error.png); background-repeat:no-repeat; background-position:center 60px;}
.error-box p{font-size:26px; font-weight:800; color:#377fc2; margin-bottom:10px; line-height:140%;}
.error-box dl{padding:20px; border:1px solid #e6e7e8; border-left:none; border-right:none; margin-top:40px;}
.error-box dl dt{font-size:16px; font-weight:bold; color:#ed1a3b; margin-bottom:10px;}
.error-box dl dd{font-size:16px; font-weight:normal; color:#414042;}
.error-box .error-btn{position:relative; left:auto; top:auto; right:auto; text-align:center; margin-top:40px;}
.error-box .error-btn a{display:inline-block;}
.error-box a{display:block; font-size:14px; font-weight:normal; color:#414042; text-align:center; width:240px; height:38px; line-height:38px; border-radius:3px; border:1px solid #bcbec0; background-image:url(../../images/bg-gra.jpg); background-repeat:repeat-x; background-position:left top; background-size:100% 100%; margin:5px 0; position:relative;}
.error-box a:after{content:""; display:inline-block; width:6px; height:12px; background:url(../../images/btn-arrow.png) no-repeat center center; vertical-align:middle; position:absolute; right:20px; top:50%; margin-top:-6px;}
.error-box .error-btn a.btn-blue{background:#377fc2; color:#ffffff; border:1px solid transparent;}
.error-box .error-btn a.btn-blue:after{    background: url(../../images/btn-arrow2.png) no-repeat center center;}

/* 검색 일자 버튼 */
.mon-con {display: inline-block;}
.mon-con .monBt {border: 1px solid #ddd; padding: 9px 10px; background: #fff;}
.mon-con .monBton {border: 1px solid #005eb8; padding: 9px 10px; background: #005eb8; color: #fff;}

search-wrap .search-con .list input:focus{
 box-shadow: var(--box-shadow-outline-inset);
 }