@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: 100;
  font-weight: normal;
  src: url('../fonts/NotoSansCJKkr-Light.eot');
  src: url('../fonts/NotoSansCJKkr-Light.eot') format('embedded-opentype'),
    url('../fonts/NotoSansCJKkr-Light.woff') format('woff'),
    url('../fonts/NotoSansCJKkr-Light.otf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: 100;
  font-weight: bold;
  src: url('../fonts/NotoSansCJKkr-Regular.eot');
  src: url('../fonts/NotoSansCJKkr-Regular.eot') format('embedded-opentype'),
    url('../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
    url('../fonts/NotoSansCJKkr-Regular.otf') format('truetype');
}
html, body {margin:0;padding:0;width:100%;height:100%; }
html {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0;padding:0;}

body, input, textarea, select, button, table, small {font-size:12px; line-height:18px;word-break:keep-all;} 
body {-webkit-text-size-adjust:none; color:#6d6d6d; font-family:'Malgun Gothic','sans-serif';}
/* 20141216 폰트 관련 수정 끝 */

body.iframe {overflow:auto;}
img {border:0;vertical-align:top;}
legend {display:none;}
iframe, fieldset {border:0;}
/* * {word-break:break-all;} */
ul,ol,li,dl,dt,dd{list-style:none;}
sup {vertical-align:top;display:inline-block;height:16px;margin-top:-2px;}
em, var, address {font-style:normal}
/*:root sup {height:17px;}*/
header, nav, article, footer, address, section, aside {display:block;}/* html5 reset */
table{border-collapse:collapse; border-spacing:0;}/* 20140403 추가 */

/* alink */
a {text-decoration: none}

#wrapper {width:100%;}

/* 로그인 */
.login {}
.login h1 {text-align:center;}
.login fieldset {width:326px; margin:202px auto 0;}
.login fieldset ul {margin:34px 0 0;}
.login fieldset input {width:291px; height:38px; margin:0 0 12px; padding-left:12px; line-height:38px; border:1px solid #eaeef5;}
.login fieldset input:focus {border:1px solid #568ff0;}
.login fieldset input.id {background:#eaeef5 url(../img/id_bg.png) 0 14px no-repeat;}
.login fieldset input.pw {background:#eaeef5 url(../img/pw_bg.png) 0 14px no-repeat;}
.login fieldset input.on {background:#eaeef5}
.login fieldset button {width:306px; height:40px; line-height:40px; font-size:16px; background:#689efa; text-align:center; color:#fff; border:none;}
.refreshButton {width:70px!important; height:50px!important; margin-left: 5px!important; line-height:40px; font-size:12px!important; background:#689efa; text-align:center; color:#fff; border:none;}

div.convert { margin:0 auto; text-align: -webkit-center;}
.header {height:50px; background-color: #1d7ffa;min-width: 1300px;}
.header h1 {padding:10px 0 0;}
.headerItem {width:1216px;}
.headerItem img {float: left;}
.contents {width:1216px;}
.contents .selectfile {float: left;}
.contents h2 {float:left; padding:0 0 13px 11px; font-size:16px; background:url(../img/tit_bg.png) 0 3px no-repeat;}
.contents p.result {padding:9px 0 38px ; text-align:right;}
.contents p.result span {display:inline-block; padding-left:25px; color:#272727;}
.contents p.result span.upload {padding:0 20px 0 0; border-right:1px solid #ccc;}
.contents p.result span.title {padding:0 20px 0 0; font-weight:bold; border-right:1px solid #ccc;}
.contents p.result span.title {padding:0 20px 0 0; font-weight:bold; border-right:1px solid #ccc;}
.contents p.result span.total {padding-left:20px;}
.contents p.result span.success {color:#3c7df0;}
.contents p.result span.fail {color:#fe4646;}
.contents p.result span.convert {color:#ff9000;}
.contents p.result span.ready {}
.contents p.number {float:right; margin:0 0 6px;}
.contents table {width:100%;}
.contents table th, .contents table td {border-bottom:1px solid #c4c4c4; border-right:1px solid #c4c4c4;}
.contents table th {height:25px; color:#6d6d6d; background:#f2f2f2; border-top:1px solid #c4c4c4;}
.contents table th.last, .contents table td.last {border-right:none}
.contents table td {height:40px; text-align:center;}
.hiddenItem {float: left;}

/* 각 필드의 셀크기를 고정해달라고 요청 - 20150519 */
.contents table th.no {width:35px;};
.contents table th.result {width:314px;}
.contents table th.original {width:314px;}
.contents table th.division {width:94px;}
.contents table th.status {width:38px;}
.contents table th.request {width:118px;}
.contents table th.start {width:118px;}
.contents table th.complete {width:118px;}
.contents table th.reconverter {width:40px;}
.contents table th.last {width:27px;}

.contents p.copyright {float:right; margin:15px 0 0; font-size:10px; text-align:right;}
.paging {margin:14px 0 0 25px; text-align:center;}
/*.paging a, .paging em  {display:inline-block; padding:0 5px; color:#6d6d6d;}*/
.paging li  {display:inline-block; padding:0 5px; color:#6d6d6d;}
.paging a.btn {padding:0 1px;}
.paging a:hover, .paging em {color:#3c7df0;}
.paging img {margin:-2px 0 0; vertical-align:middle}

/* 파일 업로드 모달 */
.popup.file_upload {}
.popup.file_upload fieldset {position:relative; width:500px; height:450px;}
.popup.file_upload div.box {height:395px; overflow:auto}
.popup.file_upload table {width:100%;}
.popup.file_upload td {height:56px; border-bottom:1px solid #ddd;}
.popup.file_upload tr:hover {background: #c5d8fd}
.popup.file_upload td a {display:block; color:#2d2d2d;}
.popup.file_upload td.date {color:#999;}

.popup.file_upload img {border: none; width:42px; height:42px;}
.popup.file_upload .last_list {cursor: pointer;}

/* PDF 뷰어 설정 모달 */

.container{
	padding: 0;
}
.pdfmodal{
    padding-right: 3px;
    padding-left: 0px;
    width: 400px;
    padding-top: 5px;
}
.pdfmodalDiv{
    padding-left: 15px;
}
.configmodalDiv{
    padding-left: 0px;
    width: 380px;
}
.modalSBtn{	
    padding: 7px 15px;
    background-color: #fff;
    border-color: #c8c8c8;
    color: #6c6c6c;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #c8c8c8;
    font-family: 'Noto Sans KR', sans-serif;
}
.modalBtnBox{
	padding-top: 10px;
}
.modalSBtn:hover {
	background-color: #c8c8c8;
	color:#fff;
}
.configBox{
	overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
}
.configName{
	font-family: 'Noto Sans KR', sans-serif;
	color: #2f3133;
	font-weight: bolder;
	display: block;
}
.pdfHr{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.modalSBtn_focus{
	padding: 7px 15px;
	background-color: #fff;
	border-color: #1d7ffa;
	color: #1d7ffa;
	cursor: pointer;
	border-radius: 2px;
    border: 1px solid #1d7ffa;
    font-family: 'Noto Sans KR', sans-serif;
}
.modalSBtn_focus:hover{
	background-color: #1d7ffa;
	color:#fff;
}
.modalInput{
	display: block;
    margin-top: 10px;
    width: 60px;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #c8c8c8;
    padding-left: 5px;
    padding-right: 5px;
}
.modalInput:hover {border-color: #465263;outline:none;}
.modalInput:focus {border-color: #1d7ffa; outline:none;}
.modalBCDiv{
	width: 30px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #c8c8c8;
    text-align: -webkit-center;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 10px;
    cursor: pointer;
}
.modalBCDiv:hover{
	border: 1px solid #1d7ffa;
}
.modalBCDiv_focus{
	border: 1px solid #1d7ffa;
}
.modalPdfBC{
	width: 22px;
    height: 22px;
}
.resetBtn{
	float: right;
    cursor: pointer;
}
.modal-title{
	padding: 19px 5px 20px 20px;
    /*border-bottom: 1px solid #e5e5e5;*/
}
.modal-nav{
	width: 49%;
	height: 40px;
	display: -webkit-inline-box;
	justify-content: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	border-radius: 5px 5px 0 0;
	font-family: NotoSans-Medium,sans-serif;
	border: 1px solid #c8c8c8;
	font-weight:bold;
	background-color: #ddd;
	cursor: pointer;
}
.modal-nav_focus{
	color:#1d7ffa;
	border-bottom: 0px;
	background-color: white;
}
.modal_nav_div{
	text-align: -webkit-center;
}
.modal_save_btn{
	background-color:#1d7ffa;
	border-color:#1d7ffa;
}

.modalTHCDiv{
	border: 1px solid #c8c8c8;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    margin-top: 10px;
    cursor: pointer;
    background-color: white;
}

/* 메뉴바 */
.listmenubar{
	z-index: 2;
    background-color: white;
    width: 100px;
    position: absolute;
    inset: 50px auto auto auto;
    box-shadow: 0 2px 8px -2px;
    padding-top: 5px;
	padding-bottom: 5px;
	display: none;
}
.listmenutab{
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;

}
.listmenutab:hover{
	background-color: #c8c8c8;
}
.listmenutab:focus{
	background-color: white;
	border: 1px solid #1d7ffa;
}
.listmenuicon{
	cursor: pointer;
}
#bodyClick{
	width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
}
.domainList{
	margin-top: 10;
    border: 1px solid #c8c8c8;
    width: 350;
    padding: 5px;
}
.domainListName{
	width: 310px;
    display: inline-grid;
    height: 34;
    align-content: center;
}
.allowedDomainListDiv{
	overflow-y: scroll;
   	height: 300;
    max-width: 375;
}
.deleteBtn{
	padding: 7px 15px;
	background-color: #fff;
    border-color: #c8c8c8;
    color: #6c6c6c;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #c8c8c8;
    font-family: 'Noto Sans KR', sans-serif;
}
.deleteBtn:hover{
	background-color: #c8c8c8;
	color:#fff;
}

.tooltip-custom {
    font-family: 'Noto Sans KR', sans-serif;
	color: #2f3133;
	font-weight: bolder;
	display: block;
    position: relative;
    height: 13px;
    margin-top: 30px;
}

.tooltip-custom[tip]:not([tip=""])::before {
    content: attr(tip);
    position: absolute;
    left: 0%;
    bottom: 130%;
    width: auto;
    height: auto;
    max-height: 100px;
    max-width: 370px;
    padding: 5px 6px;
    background: #ffffff;
    color: #2f3133;
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    white-space: nowrap;
    z-index: 1000;
    font-size: 10.5px;
}

.tooltip-custom[tip]:not([tip=""])::after {
    content: '';
    position: absolute;
    left: 5%;
    bottom: 90%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f3133ba;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 1000;
}

.tooltip-custom:hover[tip]:not([tip=""])::before,
.tooltip-custom:hover[tip]:not([tip=""])::after {
    opacity: 1;
}

.log-view {
    font-family: 'Noto Sans KR', sans-serif;
	color: #2f3133;
}