@charset "utf-8";



/* 노토산스 font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/NotoSansKr/woff/NotoSansKR-Thin.woff) format('woff'),
    url(fonts/NotoSansKr/otf/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansKr/woff/NotoSansKR-Light.woff) format('woff'),
    url(fonts/NotoSansKr/otf/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(fonts/NotoSansKr/woff/NotoSansKR-Regular.woff) format('woff'),
    url(fonts/NotoSansKr/otf/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(fonts/NotoSansKr/woff/NotoSansKR-Medium.woff) format('woff'),
    url(fonts/NotoSansKr/otf/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/NotoSansKr/woff/NotoSansKR-Bold.woff) format('woff'),
    url(fonts/NotoSansKr/otf/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(fonts/NotoSansKr/woff/NotoSansKR-Black.woff) format('woff'),
    url(fonts/NotoSansKr/otf/NotoSansKR-Black.otf) format('opentype');
 }





html,body  {height:100%;font-family:'Noto Sans KR', "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Arial, Helvetica, sans-serif;}
pre,textarea,input{font-family: 'Noto Sans KR', "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Arial, Helvetica, sans-serif;}


body.login_body {color:#444;font-size:13px;line-height: 1.5em;word-wrap:break-word;word-break:keep-all;white-space:normal;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;}
img, fieldset, button {border:none;}
hr, button img {display:none;}
li {list-style:none;}
a {color:#444;text-decoration:none;vertical-align:top;}
a:hover, a:active, a:focus, a:visited {text-decoration:none;}
textarea {overflow:auto;white-space:pre-line;} 
table {width:100%;border-collapse:separate;border-spacing:0;}
th { white-space: nowrap; padding: 0px 0px; }
th, td {vertical-align:middle;word-wrap:break-word;word-break:break-all;}
form {margin:0;padding:0;}
img {vertical-align:top;}
legend {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;} 
caption {width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}
em {font-weight:500;}
input, textarea, select {border: 1px solid #D6DBE4;border-radius: 3px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
button{cursor:pointer;}
h1, h2, h3, h4, h5, h6 {font-weight:300;}
*:focus {outline: none;}



/*공통*/

/**{box-sizing: border-box;}*/
html,body {font-size:14px}
em{font-style:normal; font-weight:500}
input:disabled{background:#fff}
.blind{overflow:hidden; font-size:0; line-height:0;}
.ellipsis {width:100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis2 {overflow:hidden;text-overflow:ellipsis;	word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}


.txt-blue {color:#004b8e}
.txt-red {color:#ff0014}


/* 커스텀 체크박스 */
.checks {position: relative;}
.checks input[type="checkbox"] {/* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 26px;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.checks input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0px;width: 16px;height: 16px;line-height:16px;text-align: center;background: url(../images/kr/main/icon_check.svg) no-repeat left top;border:none;border-radius : 3px;}

.checks input[type="checkbox"]:disabled + label, .checks input[type="checkbox"]:checked:disabled + label:before {pointer-events: none;}
.checks input[type="checkbox"]:checked + label:before {content: '';color: #fff;background:url(../images/kr/main/icon_check.svg) no-repeat left top -16px;border:none;}
.checks input[type="checkbox"]:disabled + label:before {content: '';color: #fff;background: url(../images/kr/main/icon_check_disabled.svg) no-repeat 0 0;border:none;}
.checks input[type="checkbox"]:checked:disabled + label:before {content: '';color: #fff;background-position:0 -16px;border:none;}
 


/* 커스텀 체크박스 */
.radios {position: relative;}
.radios input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0 } /* 실제 체크박스는 화면에서 숨김 */
.radios input[type="radio"] + label {display: inline-block;position: relative;padding-left: 26px;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.radios input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 3px;width: 16px;height: 16px;line-height:16px;text-align: center;background: #fff;border: 1px solid #D6DBE4;border-radius : 50%;box-sizing:border-box;}
.radios input[type="radio"]:disabled + label {pointer-events: none;}
.radios input[type="radio"]:checked + label:before {content: '';color: #fff;background: #004B8E url('../images/kr/main/icon_radio.svg') center center no-repeat;border:1px solid #004B8E;}
.radios input[type="radio"]:disabled + label:before {content: '';color: #fff;background: #ebeef2;background-image:none;border:1px solid #D6DBE4;}

.radios input[type="radio"]:checked:disabled + label:before {content: '';color: #fff;background: #ebeef2 url('../images/kr/main/icon_radio.svg') center center no-repeat !important;border: 1px solid #D6DBE4 !important;}

/* 슬라이드 */
.slide {position: relative; overflow: hidden;}
.slide .item {width:10000%; height:100%;}
.slide .item:after {content: ""; display: block; clear: both;}
.slide .item .slide-box {position: relative; float: left;}
.slide .item + .pagenation:after {content: "";display: block; clear: both;}
.slide .item + .pagenation {position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); z-index:2;}
.slide .item + .pagenation>li {position:relative; float: left; width: 8px; height: 8px; border-radius: 50%; background-color: #e6e7e8; margin:5px; text-indent: -9999px; cursor: pointer;}
.slide .item + .pagenation>li:after{content: ""; position:absolute; left:0; top:0; display: block; width:8px; height:8px; padding:5px; margin:-5px 0px 0px -5px;}
.slide .item + .pagenation>li.on {background-color: #004b8e;}
.slide .movebtn {  position: absolute; left: 50%; bottom: 9px;  width: 125px; transform: translateX(-50%);display:flex;justify-content: space-between;z-index:1 }
.slide .movebtn .slideprev:after {content:''; display:block; width:25px; height:22px; background:url('../images/kr/main/title_arrow.png') center no-repeat; transform: rotate(180deg); }
.slide .movebtn .slidenext:after {content:''; display:block; width:25px; height:22px; background:url('../images/kr/main/title_arrow.png') center no-repeat; }

/* custom selectbox */
.select-box.type01 > a {display: inline-block;min-width:76px;font-size: 15px;padding: 0 5px;overflow:hidden; text-align: right;}
.select-box.type01 > a:after,.select-box > ul > li:first-child:after{display:inline-block;}
.select-box.type01 > a:after {content:''; width:7px; height:9px; background:url('../images/kr/main/arrow_down.svg') no-repeat; margin-left:10px}
.select-box.type01 > a.on:after { background:url('../images/kr/main/arrow_up.svg') no-repeat;}
.select-box.type01 > ul {position:absolute; top: 56px; right:30px; background:#fff;display:none;border:none; border-radius:4px; padding: 10px 0; margin:0px; z-index:10; box-shadow:0px 2px 3px rgba(0,0,0,0.1);}
.select-box.type01 > ul > li{cursor:pointer;font-size: 14px;color: #4C4C4E;padding: 0 14px;line-height: 34px; font-weight: 500;}
.select-box.type01 > ul > li:hover {background:#F8F9FB; color:#004A8D; font-weight:bold;}

.select-box.type02 {position:relative;border-bottom: 3px solid #fff;}
.select-box.type02 > a {display: inline-block;width: 100%;font-size: 15px;padding: 0 5px;overflow:hidden;text-align: left;color: #fff;}
.select-box.type02 > a:after,.select-box > ul > li:first-child:after{display:inline-block;}
.select-box.type02 > a:after {content:'';position: absolute;right: 2px;width:7px;height:9px;background: url('../images/kr/main/arrow_down_white.svg')  no-repeat;margin-left:10px;}
.select-box.type02 > a.on:after {background: url('../images/kr/main/arrow_up_white.svg') no-repeat;}
.select-box.type02 > ul {position:absolute;width: 100%; background:#fff;display:none;border: 1px solid #4C4C4E;border-radius: 5px;padding: 10px 0;z-index:10;}
.select-box.type02 > ul > li{cursor:pointer;font-size: 14px;color: #4C4C4E;padding: 7px 14px;line-height: 22px;font-weight: 300;}
.select-box.type02 > ul > li:hover {background:#F8F9FB; color:#004A8D}

/* 전자계약시스템 커스텀 */
.admin_contract_sys{padding:0px 30px; box-sizing:border-box;}
.admin_contract_sys #countTbody tr td:hover{color:#003b8e;}
.admin_contract_sys #countTbody tr td:first-child:hover{color:#000;}


/* 전체 스크롤바 커스텀*/


/*::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-track {background-color: #f3f3f3;}
::-webkit-scrollbar-thumb {border-radius: 3px;  background-color: #ddd;}
::-webkit-scrollbar-button { width: 0; height: 0;}

* {
    scrollbar-face-color: #ddd;
    scrollbar-track-color: #f3f3f3;
    scrollbar-arrow-color: none;
    scrollbar-highlight-color: #ddd;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #ddd;
    scrollbar-darkshadow-color: none;
}*/