@charset "utf-8";
/** font ----------------------------------------------------------------------------------- **/
@font-face {font-family:'NanumGothic';src:url('/resources/font/NanumGothic.eot');src:url('/resources/font/NanumGothic.eot?#iefix') format('embedded-opentype'),url('/resources/font/NanumGothic.woff') format('woff'),url('/resources/font/NanumGothic.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'NanumGothicL';src:url('/resources/font/NanumGothicLight.eot');src:url('/resources/font/NanumGothicLight.eot?#iefix') format('embedded-opentype'),url('/resources/font/NanumGothicLight.woff') format('woff'),url('/resources/font/NanumGothicLight.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'NanumGothicB';src:url('/resources/font/NanumGothicBold.eot');src:url('/resources/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('/resources/font/NanumGothicBold.woff') format('woff'),url('/resources/font/NanumGothicBold.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'NanumGothicEB';src:url('/resources/font/NanumGothicExtraBold.eot');src:url('/resources/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),url('/resources/font/NanumGothicExtraBold.woff') format('woff'),url('/resources/font/NanumGothicExtraBold.ttf') format('truetype');font-weight:normal;font-style:normal;}
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


/** 초기화  ----------------------------------------------------------------------------------- **/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button,
menu, nav, section, hgroup, article, header, aside, footer {
 font-family: Malgun Gothic, Noto Sans, Dotum, '돋움', Helvetica, Apple SD Gothic Neo, sans-serif;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 padding: 0;
 margin: 0;
 border: 0;
}
html{
 width:100vw;
 height:100vh;
 font-size:14px;
}
body {
 background-color: #dbe0e5;
 line-height: 1.4;
 color: #313131;
 overflow:auto;
}
@media (max-width: 767px) {
	body {
		overflow: visible;
		height:100%;
	}	
	.mobile-scroll-container{
		width: 100%;
		overflow-y:auto;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.mobile-scroll-container:before{
		content: '← 스크롤지원  →';
		color: #999;
		left:0;
	}
	
	.mobile-scroll-container > table {
		width: auto !important;
		min-width: 900px !important;
		float: none !important;
	}
	.mobile-scroll-container > table.kcsc-table {
		min-width: 1900px !important;
		float: none !important;
	}
}

a {
 text-decoration: none;
 color: inherit;
 cursor: pointer;
}
a:hover {
 text-decoration: none;
}
ol, ul {
 list-style: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}
img {
 max-width:100%;
}

::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color: #e9e9e9;
}
::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: #909aa7;
  border-radius: 5px;
}

/* select & input */
select {
    height: 30px;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.4rem;
    line-height: 1rem !important;
}
input[type=radio]{
	border: 1px solid rgb(160,160,160);
	border-radius: 0px;
	width:14px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer
}
input[type=checkbox]{
	border: 1px solid rgb(160,160,160);
	border-radius: 0px;
	width:14px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer
}
input[type=text] {
    height: 30px;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.4rem;
    line-height: 1rem !important;
}
input[type=password]{
    height: 30px;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.4rem;
    line-height: 1rem !important;
}
input[type=email]{
    height: 30px;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.4rem;
    line-height: 1rem !important;
}
input[type=tel]{
    height: 30px;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.4rem;
    line-height: 1rem !important;
}
input[type=number]{
    height: 30px;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.4rem;
    line-height: 1rem !important;
}
input[type=file]{
    padding: 0.2rem 0.5rem 0.2rem 0.2rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.4rem;
    line-height: 1rem !important;
}
textarea{
    width: 100%;
    height: 113px;
    border: 1px solid rgb(160,160,160);
    padding: 0.5rem 0.5rem;
    font-size: 0.9rem;
}
/** button **/
.submit-btn {
	float: right;
    background-color: #00aab9;
    border: 1px solid #00aab9;
    border-radius:5px;
    height: 30px;
    padding: 0.4rem 1rem !important;
    font-size: 1rem;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;	
}
.submit-btn:hover {
	background-color: #434f5d;
    border: 1px solid #434f5d;
    color: #fff;
    text-decoration: none;
}

.to-list-btn{
	background-color: #5d5d5d;
	border: 1px solid #5d5d5d;
}
.remove-btn {
	display:inline-block;
    padding: 0.6rem 1.8rem;
    border: 1px solid #b92200;
    background-color: #b92200;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;	
}

/** IAF code selector **/
#iaf_code_selector .modal-body{
	padding:1rem;
	width:calc(100% - 2rem);
	height: auto;
}

#iaf_code_selector > .modal-content{
	max-width: 600px;
	max-height: 800px;
}

.code-list{
	clear: both;
	overflow: auto;
	height: auto;
}
.code-list label{
	display: block;
	cursor:pointer;
	margin:2px 0px !important;
	padding:5px 0px !important;
}
.code-list label:hover{
	transition:0.2s;
	background-color: rgba(0,0,0,0.05);
}
.code-list label span{
	font-weight: 600;
}
.code-list label input[type=checkbox], .code-list label input[type=radio]{
	display:inline-block !important;
	width: 18px !important;
	min-width: 18px !important;
	height: 18px !important;
	margin-right:2rem;
}
.code-list-left{
	width:33.3%;
	float:left;
}
.code-list-middle{
	width:33.3%;
	float:left;
}
.code-list-right{
	width:33.3%;
	float:left;
}
.code-submit-wrapper{
	text-align: center;
	padding:1rem
}

/** login page **/
.login-container{
	display: flex;
	width: 100vw;
	height: 100vh;
	background-color: transparent;
	box-shadow: none;
	justify-content: center;
	align-items: center;
}
.login-header{
	width: 100%;
    height: 80px;
    text-align: center;    
    margin-bottom:10px;
}
.login-header h1{
	font-size: 32px;
    font-weight: 600;
    color:#1965bf;
}
.login-header img{
	max-width:60%;
	height:auto;
	margin-bottom:10px;
}
.login-contents{
	text-align: center;
}
.login-contents label{
	display:block;
	width:100%;
	margin-bottom: 10px;
}
.login-contents label span{
	display:none;
	width: 60px;
}
.login-contents label input{
	text-indent: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    width: 260px;
    margin-right: 0px;
}
.login-footer{
	width:100%;
	height:100%;
	margin-top:30px;
}
.login-btn{
	display: block;
	width:260px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px 0px;
	background:#434f5d;
	color:#fff;
	font-weight:600;	
    cursor: pointer;
 	background: #3a95ff;
	border: rgba(0,0,0,0.4);
    border-radius: 5px;
}
.login-footer p{
	font-size:11px;
	color:#777;
	text-align: center;
}

/**	header ********************************************************************************/
header{
	display: block;
	background:#272a31;	
	/*box-shadow: 0px 3px 3px rgba(0,0,0,0.3);*/
}
.header-container{
	max-width:1900px;
	width:100%;
	margin: 0 auto;
	padding:0px;
	box-sizing: border-box;
}
.kcsc-gnb-list{
	min-height: 50px;
	display: flex;
	flex-direction:row;
}
.kcsc-gnb-list > li{
	display: inline-flex;
	height: 50px;
	padding:10px 0px 0px 0px;
	margin:0;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	font-size:13px;
	font-weight: 600;
    border-left: 1px solid rgba(255,255,255,0.2);
    position: relative;
    min-width: 80px;
    justify-content: center;
    align-items: center;
}

.kcsc-gnb-list > li > i{
	display: inline-block;
	position:absolute;
	top:0;
	left:5px;
	color:rgba(255,255,255,0.2);
}

.kcsc-gnb-list > li[data-action=new]{
	padding: 0px;
	line-height: 32px;
}
.kcsc-gnb-list > li[data-action=new] span{
    display: block;
    padding: 0px 6px;
    font-weight: 600;
    background-color: #21946d;
    border-radius:2px;
}
.kcsc-gnb-list > li[data-action=search]{
	padding:0px;
}
.kcsc-gnb-list > li[data-action=search] > form{
	padding:0px;
	margin:0px;
}
.kcsc-gnb-list > li label{
	padding: 7px 0px;
	border-radius:2px;
}
.kcsc-gnb-list > li label > span{
	font-weight: 600;
	padding:0px 0px 0px 10px;
	text-align: center;
}
.kcsc-gnb-list > li label > input{
	height: auto;
	
}
.kcsc-gnb-list > li input{
	width:147px;
	border:none;
	border-radius:2px;
	margin-left:10px;
	font-size:13px;
}
.kcsc-gnb-list > li input::placeholder {color: #377da7;opacity: 0.7;}
.kcsc-gnb-list > li input:-ms-input-placeholder {color: #377da7;opacity: 0.7;}
.kcsc-gnb-list > li input::-ms-input-placeholder {color: #377da7;opacity: 0.7;}

.kcsc-gnb-list > li:not(.no-hover):hover{
    border-bottom:4px solid #006fb7;
}

.kcsc-gnb-list > li.active{
	transition:0.2s;
	background-color: #006fb7;
}
.kcsc-gnb-list > li.active > i{
	color:rgba(255,255,255,0.4);
}

@media (max-width: 767px) {
	.kcsc-gnb-list {
		flex-flow: wrap;
	}
	.kcsc-gnb-list > li {
		width: 25%;
		padding: 0;
	}
	.kcsc-gnb-list > li[data-action="logo"] {
		width: 100%;
	}
	.kcsc-gnb-list > li[data-action="new"] {
		display: none;
	}
	.kcsc-gnb-list > li[data-action="working-month"] {
		width: 100%;
		justify-content: center !important;
	}
	.kcsc-gnb-list > li > i {
		display: none;
	}
}

/**	container ********************************************************************************/
.kcsc-container{
	max-width:1900px;
	width:100%;
	min-height: calc(100vh - 50px);
	height:auto;
	margin:0px auto;
	padding:0px;
	/*box-shadow: 0px 10px 10px rgba(0,0,0,0.3);*/
	background-color: #fff;
	overflow-y:visible;
}
.body-menu-tab{
	display: block;
	padding:10px;
	margin:0px -30px;
	background-color: #eee;
}
.body-menu-tab li{
	display: inline-block;
	width:200px;
	height: 1.4em;
	text-align: center;
	
}
.body-menu-tab li.active{
	font-weight: 600;	
}
.body-menu-tab li a{
	width:100%;
	height:100%;
	font-weight: 600;
	font-size:1.4em;
}
@media (max-width: 767px) {
	.kcsc-container {
		min-height: initial;
		height: auto;
	}	
}

/**	footer ********************************************************************************/
.kcsc-footer{
    
}

/**공통**/
.kcsc-title-wrap{
	width:100%;
	height:auto;
	margin-top:15px;
	position:relative;
	margin-bottom: 10px;	
}
.kcsc-title-wrap:after{
	content:"";
	clear:both;
	display:block
}
.kcsc-search-wrap{
	width:100%;
	margin-bottom:10px;
	background-color:#f5f5f5;

    margin-top: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 10px 15px;
    clear: both;
    overflow: auto;
    height: auto;
    box-sizing: border-box;
    width: calc(100% + 2rem);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.kcsc-search-wrap:after{
	content:"";
	clear:both;
	display:block
}
.search-box input{
	width:95px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius:3px;
	text-align: center;
	padding: 0.3rem 0.5rem;
}
.search-box input[type=submit]{
	cursor: pointer;
	background-color: #00aab9;
	color:#fff;
	border:1px solid #00aab9;
}

.search-box select{
	min-width:80px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius:3px;
	text-align: center;
}
.search-month-tabs{
	float:left;
	display: block;
	width:calc(100% - 550px);
}
.search-month-tabs ul{
	padding:0px;
	margin:0px 5px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.search-month-tabs ul li{
	display: inline-block;
	text-align:center;
	min-width:5.5%;
	background-color: #949ba3;
	border-radius:2px;
	box-sizing: border-box;
}
.search-month-tabs ul li a{
	display: block;
	padding:5px 0px;
	color:#fff;
	font-weight: 600;
}
.search-month-tabs ul li a.active{
	background-color: #2783db;
}
.search-month-tabs ul li.prev-year{
	min-width:6.5%;
	background-color: #657a93;
}
.search-month-tabs ul li.next-year{
	min-width:6.5%;
	background-color: #657a93;
}
@media (max-width: 767px) {
	.kcsc-search-wrap{
		width: calc(100% + 2rem);
	}
	.kcsc-search-wrap .search-box{
		width: 100%;
		float: none;
		padding: 0.5rem;
		box-sizing:border-box;
		word-wrap: break-word;
		text-wrap: initial;
	}
	.kcsc-search-wrap .search-box input {
		margin-bottom: 0.5rem;
	}
	.search-month-tabs{
		width: 100% !important;
		padding: 0.5rem;
		box-sizing:border-box;;	
		float: none;
	}
	.search-month-tabs ul{
		width: 100%;
	}
	.search-month-tabs ul li{
		padding: 0.2rem;
		margin: 0.1rem;
	}
}
	


.kcsc-button-wrap{
	position:absolute;
	right:0px;
	top:0px;
	clear: both;
	overflow: auto;
	height: auto;
}
.kcsc-button-wrap:after{
	content:"";
	clear:both;
	display:block
}
.kcsc-btn{
	display:inline-block;
	background-color: #00aab9;
    border: none !important;
    border-radius:5px;
    /*height: 30px;*/
    padding: 0.4rem 0.4rem !important;
    font-size: 0.9rem;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;
    box-sizing: border-box;	
}
button.tab-on{
	background-color: #434f5d;
}
h2.table-title{
	display:inline-block;
	width:100%;		
	font-size:18px;
	font-weight:600;
}
span.table-more{
	display:inline-block;
	width:45px;
	position:absolute;
	right:0px;
	top:5px;
	font-size:12px;
	cursor: pointer;
}
span.table-more:hover{
	color:#00aab9;
}
.kcsc-table-wrap{
	height:206px;
	overflow-y:scroll;
	border:1px solid #ccc;
	box-sizing: border-box;
}
.kcsc-table{
	width:100%;
	background-color: #fff;
}
.kcsc-table thead tr{
	background:#1d4c83;
	color:#fff;	
}
.kcsc-table thead tr th{
	height:30px;
	line-height:30px;
	text-align: center;
	font-size:0.9rem;
	font-weight: 600;
	border-right:1px solid rgba(255,255,255,0.2);
}
.kcsc-table tbody tr{
	height:34px;
	/*line-height:40px;*/
	border-bottom: solid 1px #ccc;
	color:#555555;
	box-sizing: border-box;
}
.kcsc-table tbody td{
	text-align: center;
	word-break: break-all;
}
.kcsc-table tbody td > a{
	font-weight: 600;
	color:#0045c2;
}
.kcsc-table tbody td > a > i > strong{
	font-weight: 600;
}


.kcsc-table tfoot td.table-pagination{
	text-align: center;
	padding:10px;
	font-size:1.1em;
}
.kcsc-table tfoot td.table-pagination a{
	display: inline-block;
	padding:0px 3px;
}
.kcsc-table tfoot td.table-pagination strong{
	font-weight: 600;
}
/** main page **/
.icr-email-wrap{
	max-height: 797px;
	min-height: 797px;
	height:100%;
	overflow-y:scroll;
	border:1px solid #ccc;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	border-radius:3px;
}
.evaluation-table-wrap{
	max-height: 488px;
	min-height: 488px;
	height:60%;
	overflow-y:scroll;
	border:1px solid #ccc;
	background-color: #f7f7f7;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	border-radius:3px;
}
.evaluation-table-wrap table{
	background-color: #fff;
	border:none;
}
.notice-table-wrap{
    max-height: 300px;
    min-height: 300px;
    height: 40%;
    overflow-y: scroll;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    border-radius:3px;
}
.notice-table-wrap table{
	background-color: #fff;
	border:none;
}

.icr-email-list{
	border:none;
	background-color: #fff;
}
.icr-email-list tr{
	border-bottom:1px solid rgba(0,0,0,0.09) !important;
}
.icr-email-list tr:nth-child(2n+1) td{
	background-color: rgba(0,0,0,0.05);
}
.icr-email-list tr:hover td{
	background-color: rgba(0,0,0,0.05);
}
.icr-email-list tr td{
	text-align: left;
	padding:3px;
	font-size:0.9em;
}

.icr-email-list tr td span.date{
	
}

.icr-email-list tr td span.time{
	font-size:0.9rem;
	font-weight: 600;
	color:#434f5d;
}

/* email-link modal */
.email-link-search-wrap{
	padding:4px;
}
.email-link-search-list{
	
}
.email-link-search-list > table{
	width: 100%;
}
.email-link-search-list > table > thead > tr > th:nth-child(1){width:40%;}
.email-link-search-list > table > thead > tr > th:nth-child(2){width:20%;}
.email-link-search-list > table > thead > tr > th:nth-child(3){width:20%;}
.email-link-search-list > table > thead > tr > th:nth-child(4){width:10%;}
.email-link-search-list > table > thead > tr > th:nth-child(5){width:10%;}
.email-link-search-list > table > tbody > tr > td:nth-child(1){text-align: left;font-weight: 600;color:#1d4c83;cursor:pointer;}

#email_link_company_search_btn{
    padding: 4px 10px;
    border: 1px solid #777;
    cursor: pointer;
}

#email_link_year_selector{
	float:right;
}


.kcsc-main-wrapper{
	position: relative;
	clear: both;
	height: 100%;
}

.kcsc-main-wrapper > .kcsc-main-left{
	float:left;
	width: 60%;
	height: 100%;
	padding:0 15px;
	box-sizing: border-box;
}

.kcsc-nickname-wrap{
	margin-bottom:5px !important;
}
.kcsc-nickname-wrap input{
	width:100%;
	border: 1px solid #ccc;
	font-weight: bold;
}

.kcsc-main-wrapper > .kcsc-main-right{
	float:left;
	width: 40%;
	height: 100%;	
	padding:0 15px;
	box-sizing: border-box;
}

.kcsc-mail-list{
	display:block;
	width:100%;
	min-height:40px;
	line-height:40px;
	border:solid 1px #ccc;
	border-bottom:none;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.kcsc-mail-list li{
	display:inline-block;
	width:15%;
	min-width: 5rem;
	text-align: center;
	cursor: pointer;
	/*border-right:solid 1px #434f5d;*/
	box-sizing: border-box;
}
.kcsc-mail-list li:last-child{
	border-right:none;
}
.kcsc-mail-list li:hover{
	color:#00aab9;	
}
.kcsc-mail-list li.tab-on{
	background: #64a1c9;
    color: #fff;
}

@media (max-width: 767px) {
	.kcsc-main-wrapper{
		height: auto;
	}
	.kcsc-main-wrapper > .kcsc-main-left{
		width:100%;
		height: auto;
		float: none;
	}
	.kcsc-main-wrapper > .kcsc-main-right{
		width:100%;
		height: auto;
		float: none;
	}
}

.email-popup{
	display:inline-block;
	background-color: #396bb7;
	color:#fff !important;
	font-size:12px;
	padding:2px 4px;
	border-radius:3px;
	font-weight: 600;
	margin-right: 5px;
	margin-top:2px;
}

.email-information{}
.email-information li{display: block;border-bottom:1px solid #ccc;padding:10px 0px;}
.email-information li span.key{display: inline-block;width:20%;font-weight: 600;}
.email-information li span.value{display: inline-block;width:80%;}
.email-information li span.value > a{font-weight: 600;display: inline-block;padding:2px 5px;border-radius:2px;background-color: #434f5d;color:#fff;cursor:pointer;}
.email-linked{color:#396bb7;}

.search-box{
	float:left;
  	width: 300px;
  	vertical-align: middle;
  	white-space: nowrap;
  	position: relative;  	
}
.search-box input#search{
  	width: 300px;
  	height: 30px;
  	background: fff;
  	border:solid 1px #ccc;
  	box-sizing: border-box;
  	font-size: 10pt;
  	float: left;
  	color: #63717f;
  	padding-left: 45px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
  	-webkit-transition: background .55s ease;
	-moz-transition: background .55s ease;
	-ms-transition: background .55s ease;
	-o-transition: background .55s ease;
	transition: background .55s ease;
}
.search-box input#search::-webkit-input-placeholder {
   color: #666;
}
.search-box input#search:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}
.search-box input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}
.search-box input#search:-ms-input-placeholder {  
   color: #666;  
}
.search-box .icon{
  position: absolute;
  top:0px;
  margin-left: 17px;
  margin-top: 4px;
  z-index: 1;
  color: #4f5b66;
}


/**고객정보상세**/
.detail-action-button{
	min-width: 100px;
	height:inherit;
	text-align: center;
	vertical-align: middle;
	margin:4px 0px;
	
}
.kcsc-evaluate-wrapper{
	height: 100%;
}

.kcsc-evaluate-wrapper > .kcsc-evaluate-left{
	float:left;
	width: 50%;
	height: 100%;
	padding:0 15px;
	box-sizing: border-box;
}
.kcsc-evaluate-wrapper > .kcsc-evaluate-right{
	float:left;
	width: 50%;
	height: 100%;	
	padding:0 15px;
	box-sizing: border-box;
}
.kcsc-evaluate-wrapper > .kcsc-evaluate-right .kcsc-right-top{
	margin-top:15px;
	border:solid 1px #ccc;
}

.kcsc-evaluate-wrapper > .kcsc-evaluate-top{
	width: 100%;
	height: 55%;
	padding:0 15px;
	box-sizing: border-box;
}

.kcsc-evaluate-wrapper > .kcsc-evaluate-bottom{
	width: 100%;
	height: 45%;
	padding:0 15px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.kcsc-evaluate-wrapper > .kcsc-evaluate-left,
	.kcsc-evaluate-wrapper > .kcsc-evaluate-right{
		float: none;
		width: 100%;
	}
	.kcsc-button-wrap{
		position: relative;
		float:right;
		margin-bottom: 0.5rem;
	}
}

#company_info_table tbody tr{
	height: 30px;
}
#company_info_table tbody{
	
}
#company_info_table tbody tr th{
	background: #434f5d;
    color: #fff;
    text-align: center;
}
#company_info_table tbody tr td{
	text-indent: 10px;
	text-align: left;
	font-size:0.9rem;
}
#company_info_table tbody tr:last-child{
	border-bottom:none !important;
}
#company_info_table .company-etc{
	min-height:40px;
}
.ev-detail-wrap{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	padding: 0px 10px;
    box-sizing: border-box;
}
.ev-detail-wrap:after{
	content:"";
	clear:both;
	display:block
}
.ev-detail-wrap.history{
	padding:0px;
	border:1px solid #ccc;
	box-sizing: border-box;
	min-height: 192px;
	max-height: 192px;
	overflow-y:scroll;
}
.ev-detail-wrap .kcsc-title-wrap{
	margin-top:15px !important;
	margin-bottom:5px !important;
}
.ev-detail-wrap .kcsc-title-wrap:after{
	content:"";
	clear:both;
	display:block
}
.ev-detail-wrap .kcsc-title-wrap h2.table-title{
	font-size:16px;
}
.ev-detail-wrap .detail-button-wrap{
	background-color:#e7e7e7;
	margin-right: -10px;
    margin-left: -10px;
	padding:10px 15px;
	clear: both;
	overflow: auto;
	height: auto;
}
.ev-detail-wrap .detail-button-wrap .kcsc-btn{
	background-color: #fff;
	color:#00aab9;
	text-align: center;
	margin:1px 1px;
	border-radius:0px;
	border:2px solid #00aab9 !important;
	display: inline-block;
}

.ev-detail-wrap .detail-button-wrap .kcsc-btn.remove-evaluation{
	margin-right:20px !important;
	background-color: #900 !important;
	color:#fff !important;
	border:none !important;
}


.ev-detail-wrap .detail-button-wrap .toggle-flag-wrap{
	width:calc(100% - 420px);
	height:100%;
	float:left;
	
}

.ev-detail-wrap .detail-button-wrap .state-select-wrap{
	width:420px;
	height:100%;
	float:right;
}

@media (max-width: 767px) {
	.ev-detail-wrap .detail-button-wrap .toggle-flag-wrap{
		float: none;
		width: 100%;
		margin-bottom: 1rem;
	}
	.ev-detail-wrap .detail-button-wrap .state-select-wrap {
		float: none;
		width: 100%;
	}	
}

.ev-detail-wrap .detail-button-wrap .state-select-wrap button{
	height: 30px;
    padding: 0.3rem 0.5rem;
    border: 2px solid #999;
    font-weight: 600;
    border-radius: 0px;
    background-color: #fff;
    color:#333;
    cursor:pointer;
}

.ev-detail-wrap .detail-button-wrap input.tab-on{
	background-color: #00aab9;
	color:#fff;
}
.ev-detail-wrap .detail-button-wrap:after{
	content:"";
	clear:both;
	display:block
}
.ev-detail-wrap .detail-button-wrap input.tab-hidden{
	display: none;
}

.ev-detail-wrap .save-button-wrap{
	padding:11px 5px 11px 5px;
	text-align: center;
}
.ev-detail-wrap .save-button-wrap .kcsc-btn{
	padding: 0.4rem 3rem !important;
}
.ev-detail-sub-wrap{
	display:inline-block;
	width:24%;
}
.ev-cost-table thead tr th{
	height:30px;
	line-height:30px;
}
.ev-cost-table td{
	padding:0 5px;
}
.ev-detail-wrap select{
	color:#666;
	border:solid 1px #ccc;
	border-radius: 5px;
	box-sizing: border-box;		
}
.state-select{
	float:right;
	margin-right:0px !important;
}
.ev-detail-wrap input{
	border:solid 1px #ccc;
	border-radius: 5px;
	box-sizing: border-box;		
}
.ev-code-input{
	width:120px;
	margin-right: 0px !important;
	cursor: pointer;
}
.ev-date-input{
	width:100px;	
}
.ev-check-input{
	margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.ev-cost-input{
	width:100%;
}
.ev-range-input, .ev-visit-input{
	width:100%;
}
.ev-detail-wrap textarea{
	border:solid 1px #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	resize: none;	
}
.ev-detail-wrap input#search::-webkit-input-placeholder {
   color: #666;
}
.ev-detail-wrap textarea::-webkit-input-placeholder {
   color: #666;
}
.ev-detail-wrap .ev-md-btn{
	height:25px;
}


.modal-body form#agent_assign_form label[data-mandatory=Y] span:after{
	content: "";
}
#agent_list td{
	text-align:center;
}


/**심사원정보**/
.kcsc-agent-wrapper .kcsc-agent-top, .kcsc-agent-wrapper .kcsc-agent-middle, .kcsc-agent-wrapper .kcsc-agent-bottom{
	/*float:left;*/
	width: 100%;
	box-sizing: border-box;	
}
.kcsc-agent-wrapper .kcsc-agent-info-wrap{
	margin-bottom:20px;
	display: flex;
	flex-direction: row;
	
}

.kcsc-agent-wrapper .kcsc-agent-top .kcsc-top-left{
	display:flex;
	width: 50%;
	height: 100%;
	padding-right:15px;
	box-sizing: border-box;	
}
.kcsc-agent-wrapper .kcsc-agent-top .kcsc-top-right{
	display:flex;
	width: 50%;
	height: 100%;
	padding-left:15px;
	box-sizing: border-box;	
}
.agent-info-table tbody tr{
	height: 36px;
}
.agent-info-table tbody{
	border-top:solid 1px #ccc;
}
.agent-info-table tbody tr th{
	width:15%;
	background: #434f5d;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.agent-info-table tbody tr td{
	width:85%;
	text-indent: 10px;
}
.agent-info-table .company-etc{
	min-height:40px;
}



.agent-ex{
	font-size:0.8rem;
	color:#666;
}

/*심사현황표*/
.pay-report-title{
	display: inline-block;
    width: calc(100% - 210px);
    font-size: 18px;
    font-weight: 600;
}
.pay-report-title select{
    font-size: 1rem;
    font-weight: 500;
}
.pay-report-radio{
	display: inline-block;
    width:200px;
    text-align: right;
}

/** 공통 SMS 발송 모달 **/
#sms_send_modal div.modal-body div.kcsc-evaluate-wrapper{
	padding:1rem;
}

#sms_send_modal div.modal-body div.kcsc-evaluate-wrapper .kcsc-evaluate-right{
	overflow-y:scroll;
	border:1px solid #ccc;
	padding:0px;
	width:calc(50% - 1rem);
	margin-left:1rem;
	background-color: #e8e8e8;
}

#sms_send_modal div.modal-body div.kcsc-evaluate-wrapper input[type=submit]{
	padding:0.6rem 1.8rem;
	background-color: #00aab9;
	border:none;
	cursor:pointer;
	border-radius: 3px;
    box-sizing: border-box;
	font-size: 0.9rem;
    color: #fff;
    font-weight:600;
    margin: 0.5rem 0rem;
}
#common_sms_send_list{
	border:none;
	font-size:13px;
	background-color: #fff;
}
#common_sms_send_list td{
	padding:0.4rem 0.4rem;
}
#common_sms_send_list tbody tr td:nth-child(1){
	text-align: left;
	font-weight: 600;
}
#common_sms_send_list tbody tr td:nth-child(2){
	font-weight: 600;
	color:#434f5d;
}
#common_sms_send_list tbody tr td:nth-child(3){
	text-align: left;
}
#common_sms_message_length{
	float:right;
	font-size:12px;
	font-weight: 600;
	color:#333;
}
#sms_send_modal div.modal-body div.kcsc-evaluate-wrapper textarea{
	width:calc(100% - 1rem);
}

#sms_send_modal div.modal-body div.kcsc-evaluate-wrapper h4{
	font-weight: 600;
	text-align: center;
	background-color: #eee;
	border:1px solid #aaa;
	margin-top:1rem;
	padding:8px 0px;
}
#common_sms_template li{
	display: block;
	border:1px solid #eee;
	margin:0.3rem 0;
	padding:0.5rem;
	cursor:pointer;
	font-size:13px;
}
#common_sms_template li:hover{
	background-color: #eee;
	transition:0.2s;
}
#common_sms_template li.split{
	font-weight: 600;
	text-align: center;
	background-color: #eee;
	border:1px solid #aaa;
	margin-top:1rem;
}
#common_sms_template li.split:hover{
	
}
/**고객관리**/
.company-table td{
	text-align: center;
}

/*심사일정*/
.fc-view-container{
	background-color: #fff;
}
.fc-day-grid-event .fc-content{
	white-space: normal !important;
	overflow: visible !important;
}

/* date picker common */
.ui-widget-header{
	background: none;
	background-color: #333;
	border:1px solid #333;
}

/*Agent date picker*/
.agent-assignment-calendar{
	width:calc(100% - 40px);
	height: 450px;
	position: absolute !important;
	padding:0px;
	/*opacity:1.0 !important;*/
}
.agent-assignment-calendar td{
	width:67px;
	height: 50px;
}
.agent-assignment-calendar td a{
	display: block;
	/*width:67px;*/
	height: 54px;
	padding:0px;
	overflow: hidden;
}
.agent-assigned{
	background:none !important;
	background-color: #9e2d2d !important;
	color:#fff !important;
	transition:0.2s;
}

.agent-temporary-assigned{
	background:none !important;
	background-color: #1f64a0 !important;
	color:#fff !important;
	transition:0.2s;
}

.agent-temporary-others-assigned{
	background:none !important;
	background-color: #e5e5e5 !important;
	color:#333 !important;
	transition:0.2s;
}

.holiday-assigned{
	background:none !important;
	background-color: #f164a0 !important;
	color:#fff !important;
	transition:0.2s;
}

.agent-assigned span{
	font-size:10px;
	font-weight: 600;
	display: inline-block;
	overflow: hidden;
}

/*message box*/
.jMsgbox-overlay{
	z-index: 1000001 !important;
	background-color:rgba(0,0,0,0.3) !important;
}
.jMsgbox-wrap{
	z-index: 1000001 !important;
}
.jMsgbox-content .jMsgbox-confirm{
	width:inherit !important; 
}

/*information*/
span.information{
	font-size:12px;
	font-weight: 600;	
}

/**notification**/
.hwc-notification{
	position: fixed;left:0;top:0;width:100%;height: 48px;font-size: 14px;background-color: #1d5aa7;overflow:hidden;
	z-index: 1000000;
}

.hwc-notification span{color:#fff;float:left;display:inline-block;height: 40px;line-height: 30p;vertical-align: middle;margin-right:10px;font-size:30px;padding:10px;background-color: rgba(0,0,0,0.15);}
.hwc-notification[level=info]{background-color: #1d5aa7;}
.hwc-notification[level=tip]{background-color: #0d949e;}
.hwc-notification[level=done]{background-color: #2bb736;}
.hwc-notification[level=warning]{background-color: #b51717;}
.hwc-notification[level=error]{background-color: #484848;}

.hwc-notification message{float:left;display:inline-block;line-height: 48px;vertical-align: middle;color:#fff;font-weight: 600;padding-left:10px;}
.hwc-notification close{float:right;display: inline-block;line-height: 30px;color:#fff;padding:10px;cursor:pointer;text-align: center;vertical-align: middle;}
.hwc-notification close:hover{background-color: rgba(0,0,0,0.3);}

.royalty-inline-widget{
	position: fixed;
	z-index:100;
	width:230px;
	min-height: 210px;
	border:1px solid #ccc;
	background-color: #fff;
	padding:10px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.royalty-inline-widget span{
	display: block;
	padding:10px 5px;
	font-size:0.9rem;
	font-weight: 600;
}

.royalty-inline-widget ul{
	padding:0px;
	margin:0px;
}

.royalty-inline-widget ul li{
	display:block;
	position:relative;
	clear:both;
	overflow:auto;
	padding:0px;
	border-bottom:1px solid #ccc;
	vertical-align: middle;
	height: 30px;
	line-height:30px;
	cursor:pointer;
	font-size:0.9rem;
	color:#009abd;
	font-weight: 600;
}
.royalty-inline-widget ul li:before{
	content: "♕ ";
	color:#333;
	font-weight: 400;
	
}
.royalty-inline-widget ul li:nth-child(3n){
	border-bottom:2px solid #333;
}
.royalty-inline-widget ul li span{
	float:right;
	font-weight: 600;
	display: inline-block;
	height: 30px;
	line-height:30px;
	vertical-align: middle;
	padding:0px;
	color:#333;
}
.royalty-inline-widget ul li:hover{
	background-color: #eee;
	transition:0.1s;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.leave-balnk-button{
	background-color: #999 !important;
}


/* symbols */
.state-symbol{min-width: 35px;
	margin-left:2px;
	margin-right:2px;
	height: 20px;
	text-align: center;line-height: 20px;vertical-align: middle;border-radius:2px;color:#fff;font-weight: 600;font-size:0.9rem;display: inline-block;background-color: #999;
}
.state-symbol[data-type=유효]{background-color: #11bd11;}/* old state safe */
.state-symbol[data-type=진행]{background-color: #11bd11;}
.state-symbol[data-type=완료]{background-color: #1111bd;}
.state-symbol[data-type=연기]{background-color: #666666;}
.state-symbol[data-type=취소]{background-color: #bd1111;}

.evcat-symbol{width:20px;height: 20px;text-align: center;line-height: 20px;vertical-align: middle;border-radius:50%;color:#fff;font-weight: 600;font-size:0.9rem;display: inline-block;}

.summary-row td{
	background-color: #fff;
	padding:0px 0px;
	color:#333;
	font-weight: 600;
	border:1px solid #ccc;
}

.summary-list .evcat-symbol{
	border-radius:2px;
	margin-right:3px;
	padding:0px;
	font-size:13px;
	min-width:30px;
}
.summary-list li{
	height: 30px;
}
.summary-list label{
	min-width:83px;
	display: inline-block;
}
.summary-list label category{

	display: inline-block;
	min-width:40px !important;
}
.evcat-symbol[data-type=EMPTY]{background-color: #999999;}
.evcat-symbol[data-type=ISO9001]{background-color: #219ccc;}
.evcat-symbol[data-type=ISO14001]{background-color: #cc4121;}
.evcat-symbol[data-type=ISO45001]{background-color: #b3ad00;}
.evcat-symbol[data-type=ISO22000]{background-color: #21bf3c;}
.evcat-symbol[data-type=ISO13485]{background-color: #2126bf;}
.evcat-symbol[data-type=IATF16949]{background-color: #8921bf;}

.evcat-symbol[data-type=FSSC22000]{background-color: #a4d56e;}
.evcat-symbol[data-type=할랄인증]{background-color: #c0e498;}

.evcat-symbol[data-type=ISO27001]{background-color: #ef87ab;}
.evcat-symbol[data-type=ISO27701]{background-color: #f2b4b8;}
.evcat-symbol[data-type=ISO20000-1]{background-color: #f8d4d7;}

.evcat-symbol[data-type=ISO37001]{background-color: #bfbfbf;}
.evcat-symbol[data-type=ISO37301]{background-color: #909090;}
.evcat-symbol[data-type=ISO22716]{background-color: #f9ca02;}
.evcat-symbol[data-type=ISO50001]{background-color: #02cda3;}
.evcat-symbol[data-type=ISO22301]{background-color: #c65911;}
.evcat-symbol[data-type=ISO44001]{background-color: #ed7c2f;}
.evcat-symbol[data-type=ISO10004]{background-color: #f9ad23;}


.evcat-symbol[data-type='914']{background-color:#1759ee;width:auto;min-width:20px;}
.evcat-symbol[data-type='1445']{background-color:#1759ee;width:auto;min-width:20px;}
.evcat-symbol[data-type='91445']{background-color:#1759ee;width:auto;min-width:20px;}


.evcat-symbol[data-type=OHSAS18001]{background-color: #de9c08;}
.evcat-symbol[data-type='918']{background-color:#ee6617;width:auto;min-width:20px;}
.evcat-symbol[data-type='1418']{background-color:#ee1717;width:auto;min-width:20px;}
.evcat-symbol[data-type='91418']{background-color:#cd17ee;width:auto;min-width:20px;}

.evcat-text-symbol{
	margin-right:5px;
	padding:0px;
	height: 20px;text-align: center;line-height: 20px;
	vertical-align: middle;border-radius:2px;color:#fff;font-weight: 600;
	font-size:13px;display: inline-block;
	background-color: #333;
}
.evcat-text-symbol[data-type=TOTAL]{background-color: #005bb9;}
.evcat-text-symbol[data-type='13485']{}
.evcat-text-symbol[data-type='16949']{}
.evcat-text-symbol[data-type='45001']{}

.evcat-text-symbol[data-type='ISO37301']{background-color:#909090;}
.evcat-text-symbol[data-type='ISO37001']{background-color:#bfbfbf;}
.evcat-text-symbol[data-type='ISO22716']{background-color:#f9ca02;}
.evcat-text-symbol[data-type='ISO50001']{background-color:#02cda3;}
.evcat-text-symbol[data-type='ISO22301']{background-color:#c65911;}
.evcat-text-symbol[data-type='ISO44001']{background-color:#ed7c2f;}
.evcat-text-symbol[data-type='ISO10004']{background-color:#f9ad23;}

.evcat-text-symbol[data-type='FSSC22000']{background-color:#a4d56e;}
.evcat-text-symbol[data-type='할랄인증']{background-color:#c0e498;}

.evcat-text-symbol[data-type='914']{background-color:#1759ee;}
.evcat-text-symbol[data-type='945']{background-color:#17d3ee;}
.evcat-text-symbol[data-type='1445']{background-color:#000000;}
.evcat-text-symbol[data-type='91445']{background-color:#830057;}

.evcat-text-symbol[data-type='918']{background-color:#ee6617;}
.evcat-text-symbol[data-type='1418']{background-color:#ee1717;}
.evcat-text-symbol[data-type='91418']{background-color:#cd17ee;}

.agent-cost-confirmed{
	padding:2px 4px;
	background-color: #1b94ea;
	color:#fff;
	font-size:12px;
	font-weight: 600;
	float:left;
}
.agent-cost-predicted{
	padding:2px 4px;
	background-color: #777;
	color:#fff;
	font-size:12px;
	font-weight: 600;
	float:left;
}
.ev-current-cycle{
	font-size:0.9rem;
	display:inline-block;
	padding:2px 4px;
	border-radius:2px;
	font-weight: 600;
	color:#fff;
	min-width: 35px;
	margin-left:2px;
	margin-right:2px;
}
.ev-current-cycle[data-cycle=최초]{background-color: #2f98c0;}
.ev-current-cycle[data-cycle=전환]{background-color: #a7940f;}
.ev-current-cycle[data-cycle=사후1]{background-color: #666666;}
.ev-current-cycle[data-cycle=사후2]{background-color: #424a84;}
.ev-current-cycle[data-cycle=갱신]{background-color: #954d6b;}

.split-row td{
	border-top: 2px solid #959da9 !important;
}

.flag-button{
	font-size:0.8rem;
	font-weight: 600;
	padding:0px 1px;
	display: inline-block;
	color:#fff;
	margin:0px 0px 0px 1px;
	border-radius:2px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.flag-button[data-type=question]{background-color: #00a1ff;}
.flag-button[data-type=contract]{background-color: #a2a2a2;}
.flag-button[data-type=pay]{background-color: #00889e;}
.flag-button[data-type=notpay]{background-color: #9e1111;}
.flag-button[data-type=consult]{background-color: #e07f3a;}
.flag-button[data-type=consult-pay-req]{background-color: #e03a3a;}
.flag-button[data-type=consult-pay-done]{background-color: #00889e;}
.flag-button[data-type=bill]{background-color: #2854a4;}
.flag-button[data-type=cancel]{background-color: #bd1111;}
.flag-button[data-type=assign]{background-color: #156bd1;}

.row-condition-1{
	background-color: #eceff3;
}
.row-condition-2{
	background-color: #ffffff;
}

/** KCSC SUMMARY ********************************************/

.kscs-summary-table{
	width:100%;
	margin-bottom:15px;
	
}
.kscs-summary-table thead tr th{
	text-align: center;
	font-weight: 600;
	height: 30px;
	background-color: #1d4c83;
	color:#fff;
	border:1px solid rgba(255,255,255,0.2);
	width:6.25%;
}
.kscs-summary-table tbody tr th{
	font-weight: 600;
	background-color: #eee;
	text-align: center;
	height: 30px;
	border:1px solid #ccc;
}
.kscs-summary-table tbody tr td{
	text-align: center;
	height: 30px;
	border:1px solid #ccc;
	background-color: #fff;
}
.kscs-summary-table tbody tr td a{
	display: block;
	height: 100%;
	vertical-align:middle;
	line-height:40px;
	cursor:pointer;
}
.kscs-summary-table tbody tr td a.active{
	background-color: #e4f0ff;
}
.kscs-summary-table tbody tr td a:hover{
	background-color: #feffaf;
	transition:0.1s;
}


/** email template styles **/
.trumbowyg-editor table td {
    border: 1px dotted black;
    min-width: 10px;
}

/* company detail modal styles */
#common_company_detail_modal .modal-body{
	padding:1rem;
	height: calc(100% - 9.0rem);
}
#common_company_detail_modal > .modal-content{
	max-width:1200px;
	max-height: 900px;
	margin-top: calc(50vh - 450px);
    margin-bottom: calc(50vh - 450px);
}
#common_company_detail_modal .kcsc-evaluate-left{
	width:45%;
}
#common_company_detail_modal .kcsc-evaluate-right{
	width:55%;
}
#common_company_detail_modal .modal-body h2{
	padding:0.5rem 0rem;
}

#common_company_detail_modal .kcsc-evaluate-right .kcsc-table-wrap{
	height: calc(100% - 3rem);
}
#common_company_detail_modal .kcsc-title-wrap{
	margin-top:0px;
	padding-top:15px;
}

#common_company_detail_modal #common_contact_list tbody td{
	cursor:pointer;
}
#common_company_detail_modal #common_contact_list tbody td:first-child{
	font-weight: 600;
}
#common_company_detail_modal #common_contact_list tbody tr:hover td{
	background-color: #eee;
}
#common_company_detail_modal .not-available{
	font-size:1.0rem;
	color:#00aab9;
}
#common_company_detail_modal .kcsc-table tfoot tr td{
	background-color: #f0f0f0;
	border:1px solid #ccc;
}
#common_company_detail_modal .remove-company{
	background-color: #b92000;
	
}