@charset "UTF-8";

*{ font-family: 'Noto Sans KR', "dotumche", "돋움", "dotum", sans-serif; font-weight: 400; font-style: normal; color: #111; font-size: 14px;}
html, body{padding:0; margin:0; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body * {box-sizing: border-box; line-height: 1;}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
input::-webkit-contacts-auto-fill-button {visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}
button{border:0 none;border-radius:0;background-color:transparent;cursor:pointer}
body{ word-wrap:break-word;word-break:keep-all}
body,th,td,input,select,textarea,button{font-size:14px; }
a{color:#666;text-decoration:none}
a:active, a:hover{text-decoration:underline}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
.blind, caption, legend {visibility:hidden; overflow:hidden; position:absolute; top:-999em; left:-999em; width:1px; height:1px; font-size:0; line-height:0}
.hide {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.screen_out {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
table {border-collapse: collapse; border-spacing: 0;}
.ally-hidden {position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0);}
img, fieldset {display:inline; max-width:100%; border:0px; line-height:0;}
dfn,em {font-weight: bold; font-style: normal;}
del,s {display: inline-block;}
figcaption {display: block;}
button, input[type="button"] {border:0; cursor: pointer;}
.label-hidden {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0);}
.off {display: block;height: 0px; overflow: hidden;}

/* link style */
a:link {color:#111; text-decoration:none;}
a:visited {color:#111; text-decoration:none;}
a:active {color:#111; text-decoration:none;}
a:hover {color:#111;}
:focus{outline: 2px dotted #337aff; outline-offset:-2px; position: relative; z-index: 1;}

/* ------ input ------ */
.intxt {display: inline-block;transition: border 0.3s; position: relative; min-width: 250px; height: 30px; padding: 2px 10px; border: 1px solid #bbb; border-radius: 4px;}
.intxt::placeholder {color: #888;}
.intxt:read-only {background-color:#f8f8f8; color: #666;}
.intxt:disabled {background-color: #f8f8f8; color: #666;}
.intxt:focus {outline: 2px solid #337aff;}

/* ------ select ------ */
.sel {display: inline-block;min-width: 0; height: 30px; padding: 2px 10px 2px 10px; color: #69758C; border: 1px solid #bbb; border-radius: 4px;}
.sel:focus {outline: 2px solid #337aff;}
.sel > option {color: inherit;}
.sel > option:disabled {background-color: #ddd;}
.sel:disabled {border-color: #bbb; background-color: #eee; }

/* ------ radio button ------ */
.radio {display: inline-block; position: relative; min-height: 30px; padding-left: 25px; line-height: 1; white-space: nowrap; vertical-align: middle; cursor: pointer;}
.radio > input[type="radio"] {width: 0; height: 0; font-size: 0;}
.radio > span,
.radio > label {display: inline-block; line-height: 30px;vertical-align: middle;margin-left: 2px;}
.radio > label {cursor: pointer;}
.radio > span::before,
.radio > label::before {content:''; position:absolute; top: 5px; left: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; background-color: #fff; box-sizing: border-box;}
.radio > span::after,
.radio > label::after {content:""; position:absolute; top: 10px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background-color: #337aff; opacity: 0;}

/* focused */
.radio > input[type="radio"]:focus + span,
.radio > input[type="radio"]:focus + label {outline: 2px dotted #337aff; outline-offset: 2px;}
.radio > input[type="radio"]:focus + span::before,
.radio > input[type="radio"]:focus + label::before {border-color: #337aff; outline: 2px dotted #337aff; outline-offset: 2px;}
.radio.type-b > input[type="radio"]:focus + span::before,
.radio.type-b > input[type="radio"]:focus + label::before {border-color: #337aff;}

/* checked */
.radio > input[type="radio"]:checked + span,
.radio > input[type="radio"]:checked + label {font-weight: 500;}
.radio > input[type="radio"]:checked + span::before,
.radio > input[type="radio"]:checked + label::before {border-color: #337aff; background-color: #fff;}
.radio > input[type="radio"]:checked + span::after,
.radio > input[type="radio"]:checked + label::after {opacity: 1;}

/* disabled */
.radio > input[type="radio"]:disabled + span,
.radio > input[type="radio"]:disabled + label {color: #bbb;}
.radio > input[type="radio"]:disabled + span::before,
.radio > input[type="radio"]:disabled + label::before {border-color: #bbb; background-color: #eee;}
.radio > input[type="radio"]:checked:disabled + span::before,
.radio > input[type="radio"]:checked:disabled + label::before {border-color: #bbb;}
.radio > input[type="radio"]:checked:disabled + span::after,
.radio > input[type="radio"]:checked:disabled + label::after {background-color: #bbb;}

/* ------ checkbox button ------ */
.check {display: inline-block; position: relative; min-height: 20px; padding-left: 25px; line-height: 1; white-space: nowrap; vertical-align: middle; cursor: pointer;}
.check > input[type="checkbox"] {width: 0; height: 0; font-size: 0;}
.check > span,
.check > label {display:inline-block; vertical-align: middle; margin-left: 2px;}
.check > label {cursor: pointer;}
.check > span::before,
.check > label::before {content:''; position:absolute; top: 0;/*5px*/ left: 0; width: 20px; height: 20px; border: 1px solid #ddd; background-color: #fff; box-sizing: border-box;}
.check > span::after,
.check > label::after {content:''; position:absolute; top: 5px;/*10px*/ left: 5px; width: 10px; height: 7px; border-left: 2px solid #337aff; border-bottom: 2px solid #337aff; opacity: 0; transform: rotate(-45deg); box-sizing: border-box;}

/* focused */
.check > input[type="checkbox"]:focus + span,
.check > input[type="checkbox"]:focus + label {outline: 2px dotted #337aff; outline-offset: 2px;}
.check > input[type="checkbox"]:focus + span::before,
.check > input[type="checkbox"]:focus + label::before {border-color: #337aff; outline: 2px dotted #337aff; outline-offset: 2px;}
.check.type-b > input[type="checkbox"]:focus + span::before,
.check.type-b > input[type="checkbox"]:focus + label::before {border-color: #337aff;}

/* checked */
.check > input[type="checkbox"]:checked + span::before,
.check > input[type="checkbox"]:checked + label::before {border-color: #337aff;}
.check > input[type="checkbox"]:checked + span::after,
.check > input[type="checkbox"]:checked + label::after {opacity: 1;}
.check > input[type="checkbox"]:checked + span,
.check > input[type="checkbox"]:checked + label {font-weight: 500;}

/* disabled */
.check > input[type="checkbox"]:disabled + span::before,
.check > input[type="checkbox"]:disabled + label::before {border-color: #bcbcbc; background-color: #eee;}
.check > input[type="checkbox"]:disabled + span,
.check > input[type="checkbox"]:disabled + label {color: #bcbcbc;}
.check > input[type="checkbox"]:checked:disabled + span::before,
.check > input[type="checkbox"]:checked:disabled + label::before {border-color: #bcbcbc;}
.check > input[type="checkbox"]:checked:disabled + span::after,
.check > input[type="checkbox"]:checked:disabled + label::after {border-color: #bcbcbc;}

/* 테이블 */
.table_wrap {margin: 10px 0; height: 560px; overflow-y: scroll; border: 1px solid #337aff; background-color: #fff; padding: 10px; border-radius: 4px;}
/* default */
.bod-table {width: 100%; border: 1px solid #d7e5fc; background-color: #fff; /*border-top: 2px solid #000;*/}
.bod-table caption {width: 0; height: 0; font-size: 0;}

/* th */
.bod-table tr th {padding: 8px 9px; border: 1px solid #d7e5fc; font-weight: 500; text-align: center; background-color: #edf4ff; position: relative; /*line-height: 1.2;*/}
.bod-table tr th + th {border-left: 1px solid #d7e5fc;}
.bod-table thead tr {padding:4px 0;}
.bod-table thead tr:nth-child(n + 2) th {border-left: 1px solid #d7e5fc;}
.bod-table tr th .filter {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.bod-table tr th .filter::before {content: ""; background: url(../../images/renewal_image/filter_icon.png) no-repeat center center;display: inline-block; width: 20px; height: 20px; border-radius: 4px; background-size: 60%; background-color: #9faac1; border: 1px solid #858c99;}
.bod-table tr th .filter:focus { outline: 2px dotted #337aff; outline-offset:2px;} 
.bod-table tbody tr th {border-top: 0;}
.bod-table tr th.blueBg {background-color: #e3edfd !important;}


/* td */
.bod-table tr td {padding: 8px 10px; border-bottom: 1px solid #d7e5fc; text-align: left;}
.bod-table tr td a:hover {text-decoration: underline;}
.bod-table tr th + td {border-left: 1px solid #d7e5fc;}
.bod-table tr td + td {border-left: 1px solid #d7e5fc;}
.bod-table tr .noFile {text-align: center; padding: 15px 10px; font-size: 16px; font-weight: 500; color: #888;}
.bod-table tr .noFile::before {content: ""; display: inline-block; background: url(../../images/renewal_image/nofile_icon.png) no-repeat; width: 16px; height: 19px; background-size: 100%; margin-right: 5px; position: relative; top: -2px; vertical-align: middle;}

.bod-table tbody tr {transition: all 0.1s;}
.bod-table tbody tr:hover {background-color:#f5f9ff !important;}

/* 공통 */
.txtC {text-align: center !important;}
.txtR {text-align: right !important;}
.txtL {text-align: left !important;}

.gubun {background: url(../../images/renewal_image/tip.png) repeat-x left bottom; min-height: 2px; margin: 20px 0;}

.clearBox::after {content: ""; display: block; clear: both;}
.left {float: left;}
.right {float: right;}

.mb10 {margin-bottom: 10px !important;}

.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}

.wp100 {width: 100% !important;}