@charset "utf-8";
/* CSS Document */
/* @font-face {font-family: "HDharmony";
  src: url("../font/HdHarmony/현대하모니+B.eot"); IE9
  src: url("../font/HdHarmony/현대하모니+B.eot?#iefix") format("embedded-opentype"), IE6-IE8
  url("../font/HdHarmony/HDharmonyB.woff") format("woff"), chrome、firefox
  url("../font/HdHarmony/현대하모니+B.ttf") format("truetype"), chrome、firefox、opera、Safari, Android, iOS 4.2+
  url("../font/HdHarmony/HDharmonyB.svg#Harmony") format("svg"); iOS 4.1-
  font-weight: bold;
}

@font-face {font-family: "HDharmony";
  src: url("../font/HdHarmony/현대하모니+M.eot"); IE9
  src: url("../font/HdHarmony/현대하모니+M.eot?#iefix") format("embedded-opentype"), IE6-IE8
  url("../font/HdHarmony/HDharmonyM.woff") format("woff"), chrome、firefox
  url("../font/HdHarmony/현대하모니+M.ttf") format("truetype"), chrome、firefox、opera、Safari, Android, iOS 4.2+
  url("../font/HdHarmony/HDharmonyM.svg#Harmony") format("svg"); iOS 4.1-
  font-weight: normal;
}
 */
 
 /* web font */
/* ------------------------------------------ */
/* @font-face {
    font-style: normal;
    font-family: 'HDHarmonyL';
    src: url('../font/HdHarmony/HDHarmonyL.eot?#iefix') format('embedded-opentype');
    src: local("☺"),
         url("../font/HdHarmony/HDHarmonyL.woff") format("woff"),
         url("../font/HdHarmony/HDHarmonyL.ttf") format("truetype");
}

@font-face {
    font-style: normal;
    font-family: 'HDHarmonyM';
    src: url('../font/HdHarmony/HDHarmonyM.eot?#iefix') format('embedded-opentype');
    src: local("☺"),
         url("../font/HdHarmony/HDHarmonyM.woff") format("woff"),
         url("../font/HdHarmony/HDHarmonyM.ttf") format("truetype");
}

@font-face {
    font-style: normal;
    font-family: 'HDHarmonyB';
    font-weight: 700;
    src: url(../font/HdHarmony/hdharmony.eot);                                    IE9 호환성 보기
    src: local("☺"),                                                 웹 브라우저가 지원하지 않는 불필요한 웹 폰트 호출을 막는데 사용
         url(../font/HdHarmony/hdharmony.eot?#iefix) format('embedded-opentype'), IE6-IE8
         url(../font/HdHarmony/hdharmony.woff) format('woff'),                    표준 브라우저
         url(../font/HdHarmony/hdharmony.ttf) format('truetype'),                 Safari, Android, iOS
         url(../font/HdHarmony/hdharmony.svg#hdharmony) format('svg');            TTF에서도 커버가 안되는 기기들에 대한 대응
} */

@font-face {
    font-style: normal;
    font-family: 'HDHarmonyL';
    src: url('../font/HdHarmony/HyundaiSansHeadKRLight.eot?#iefix') format('embedded-opentype');
    src: local("☺"),
         url("../font/HdHarmony/HyundaiSansHeadKRLight.woff") format("woff"),
         url("../font/HdHarmony/HyundaiSansHeadKRLight.ttf") format("truetype");
}

@font-face {
    font-style: normal;
    font-family: 'HDHarmonyM';
    src: url('../font/HdHarmony/HyundaiSansTextKRMedium.eot?#iefix') format('embedded-opentype');
    src: local("☺"),
         url("../font/HdHarmony/HyundaiSansTextKRMedium.woff") format("woff"),
         url("../font/HdHarmony/HyundaiSansTextKRMedium.ttf") format("truetype");
}

@font-face {
    font-style: normal;
    font-family: 'HDHarmonyB';
    font-weight: 700;
    src: url(../font/HdHarmony/HyundaiSansTextKRBold.eot);                                    /* IE9 호환성 보기 */
    src: local("☺"),                                                 /* 웹 브라우저가 지원하지 않는 불필요한 웹 폰트 호출을 막는데 사용 */
         url(../font/HdHarmony/HyundaiSansTextKRBold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../font/HdHarmony/HyundaiSansTextKRBold.woff) format('woff'),                     /* 표준 브라우저 */
         url(../font/HdHarmony/HyundaiSansTextKRBold.ttf) format('truetype'),                 /* Safari, Android, iOS */
         url(../font/HdHarmony/hdharmony.svg#hdharmony) format('svg');            /* TTF에서도 커버가 안되는 기기들에 대한 대응 */
}

@font-face {
    font-family: 'NotoSansKR-Bold';
    src: url(../font/NotoSansKR/NotoSansKR-Bold.otf);
}
 
/**
	입력 테이블 css
*/
textarea{border:1px solid #aeaeae;border-radius:3px}
table.wwFormTable {
	border-collapse: collapse;
/* 	font-family: Tahoma; */
	font-size: 13px;
	margin: 10px 3px;
	width:calc(100% - 16px);
}
table.wwFormTable2 {
	border-collapse: collapse;
/* 	font-family: Tahoma; */
	font-size: 13px;
}

table.wwFormTable3 {
	font-size: 13px;
}

table.wwFormTable4 {
	border-collapse: collapse;
	font-size: 13px;
}

table.wwFormTable th {
	border: none;
	height: 40px;
	text-align: center;
}

/* 외주배포 페이지 추가 START*/

table.wfFormTable {
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	margin: 10px;
}

table.wfFormTable td {
	border: 1px solid #a4bed4;
	background: #FFFFff;
	height: 26px;
	width: 150px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.wfFormTable td.tdLabel {
	border: 1px solid #a4bed4;
	height: 26px;
	width: 100px;
	font-family: HDharmony;
	font-weight : bold;
	font-size : 13px;
	letter-spacing: 0px;
	color: #505151;
	padding-left: 15px;
	padding-right: 0px;
	background: #EFEFEF;
	text-align: left;
}

table.wfFormTableCen {
	border-collapse: collapse;
	font-family: HDharmony;
	font-weight : normal;
	font-size : 13px;
/* 	margin: 10px; */
	margin-top:-1px;
	width : 98%;
}

/* border 색상 수정 - 원본 - JDR 2020-11-04 */
/* table.wfFormTableCen td {
	border: 1px solid #a4bed4;
	background: #FFFFff;
	height: 26px;
	width: 150px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
} */

/* label 색상 수정 - 수정본 - JDR 2020-11-04 */
table.wfFormTableCen td {
	border: 1px solid #d6d6d6;
	background: #FFFFff;
	height: 26px;
	width: 150px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* label 색상 수정 - 원본 - JDR 2020-11-04 */
/* table.wfFormTableCen td.tdLabel {
	border: 1px solid #a4bed4;
	height: 26px;
	width: 100px;
	color: #000117;
	padding-left: 0px;
	padding-right: 0px;
	background: #dcecff;
	text-align: center;
} */

/* label 색상 수정 - 수정본 - JDR 2020-11-04 */
table.wfFormTableCen td.tdLabel {
	border: 1px solid #d6d6d6;
	height: 26px;
	width: 100px;
	font-family: HDharmony;
	font-weight : bold;
	font-size : 13px;
	letter-spacing: 0px;
	color: #505151;
/* 	padding-left: 0px;
	padding-right: 0px; */
	background: #EFEFEF;
	text-align:right;
}

table.wwFormTable2 td.tdLabel {
	border: 1px solid #a4bed4;
	height: 35px;
	width: 120px;
	font-family: HDharmony;
	font-weight : bold;
	font-size : 13px;
	letter-spacing: 0px;
	color: #505151;
	padding-left: 5px;
	background: #EFEFEF;
	text-align: left;
}

/* label 색상 수정 - 원본 - JDR 2020-11-04 */
/* 외주배포 페이지 추가 END */
/* table.wwFormTable td.tdLabel {
	border: 1px solid #a4bed4;
	height: 26px;
	width: 110px;
	color: #000117;
	padding-left: 15px;
	padding-right: 10px;
	background: #dcecff;
	text-align: right;
	font-size:12px;
} */

/* label 색상 수정 - 수정본 - JDR 2020-11-04 */
/* 외주배포 페이지 추가 END */
table.wwFormTable td.tdLabel {
	border: 1px solid #aeadad;
	height: 20px;
	width: 90px;
	font-family: HDharmony;
	font-weight : bold;
	font-size : 13px;
	letter-spacing: 0px;
	color: #505151;
/* 	padding-left: 15px; */
	padding-right: 5px;
	background:#efefef;
	text-align: right;
	
}

/* border 색상 수정 - 원본 - JDR 2020-11-04 */
/* table.wwFormTable td {
	border: 1px solid #a4bed4;
	background: #FFFFff;
	height: 26px;
	width: 240px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
} */

/* border 색상 수정 - 수정본 - JDR 2020-11-04 */
table.wwFormTable td {
	border: 1px solid #d6d6d6;
	background: #FFFFff;
	height: 26px;
	width: 240px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.wwFormTable4 td {
	border: 1px solid #a4bed4;
	background: #FFFFff;
	height: 26px;
	width: 600px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.wwFormTable4 td.tdLabel {
	border: 1px solid #a4bed4;
	height: 26px;
	width: 100px;
	font-family: HDharmony;
	font-weight : bold;
	font-size : 13px;
	letter-spacing: 0px;
	color: #505151;
	padding-right: 10px;
	background:#EFEFEF;
	text-align: right;
}

table.wwFormTable3 td.tdLabel {
	border: 1px solid #a4bed4;
	height: 35px;
	width: 120px;
	font-family: HDharmony;
	font-weight : bold;
	font-size : 13px;
	letter-spacing: 0px;
	color: #505151;
	background:#EFEFEF;
	text-align: center;
}

.btnArea {
	text-align: center;
	height: 40px;
}

.btnAreaApp {
	text-align: right;
	height: 30px;
}
.report_title{
	font: normal normal bold 14px/16px HDharmony;
	letter-spacing: 0.37px;
	color: #0A3A75;
	position:relative;top:2px;
}

/* main 색상 수정 - 원본 - JDR 2020-11-06 */
/* .boxarea {
	margin: 5px;
	border: 3px solid #A4BED4;
	background: #FFFFFF;
	padding: 5px;
} */

/* main 색상 수정 - 수정본 - JDR 2020-11-06 */
.boxarea {
	margin: 5px;
	border: 1px solid #c8c8c8;
	background: #FFFFFF;
	border-radius:10px;
	/* padding: 5px; */
}

.box_title {
	font-family: HDharmony;
	font-weight : bold;
	font-size : 13px;
	padding-left: 20px;
	background-color: #A4BED4;
	color : white;
}

/* main 색상 수정 - 원본 - JDR 2020-11-06 */
/* .boxarea2 {
	margin: 5px;
	border: 3px solid #A4BED4;
	background: #A4BED4;
	padding: 5px;
}

.box_title2{
	font: 12pt "맑은고딕", "Malgun Gothic", "AppleGothic", "sans-serif";
	padding-left: 20px;
	font-weight: bold;
	background-color: #A4BED4;
	color : white;
	background-image: url('../img/TA/D1_1.png');
	background-repeat: no-repeat;
} */

/* main 색상 수정 - 수정본 - JDR 2020-11-06 */
/* .boxarea2 {
	margin: 5px;
	border-bottom: 3px solid #505151;
	background: #ffffff;
	padding: 5px;
}
 */
.box_title2{
	top: 567px;
	left: 50px;	
	height: 17px;
	text-align: left;
	font-family: HDharmony;
	font-weight : bold;
	font-size : 16px;
	letter-spacing: 0px;
	color: #0A3A75;
	opacity: 1;
}

input[type=text] {
	padding-left: 10px;
	height:20px;
	font-family: HDharmony;
	font-size : 13px;
	font-weight : normal;
	letter-spacing: 0px;
	color: #151515;
	border: 1px solid #aeaeae;
	border-radius:2px;
}

textarea {
	padding-left: 10px;
	height:20px;
	font-family: HDharmony;
	font-size : 13px;
	font-weight : normal;
	letter-spacing: 0px;
	color: #151515;
	border: 1px solid #aeaeae;
	border-radius:2px;
}

input::placeholder {color:#a0a0a5; font-style: italic;}
input::-webkit-input-placeholder {color:#a0a0a5; font-style: italic;}
input:-ms-input-placeholder {color:#a0a0a5; font-style: italic;}
 

input[type=password] {
	padding-left: 10px;
	font-family: HDharmony;
	font-weight : normal;
	font-size : 13px;
	letter-spacing: 0px;
	color: #151515;
	border: 1px solid #aeaeae;
	border-radius:2px;
}

input.btn {
	min-width:64px;
    background-color:#0A3A75;
    border:0 none;
    color:#fff;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: HDharmony;
	font-weight : normal;
	font-size : 13px;
	letter-spacing: 0px;
    margin: 0 2px;
    cursor: pointer;
    border-radius:3px;
}

input.btn:hover {
	background-color:#6281a7;
}

input.btn:active {
	background-color:#001c3f;
}

input.btn2{
padding:4px 15px 4px 15px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
background-color: rgb(60, 132, 198);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
border: 1px solid #ccc;
border-top-color: #8ba2c1;
border-right-color: #5890bf;
border-bottom-color: #4f93ca;
border-left-color: #768fa5;

font-family: 나눔고딕, "맑은 고딕";
font-weight: 800;
font-size: 15px;
color: #fff;
text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
text-align: center;
}

html,body {
	
	height: 100%;
	font-family: HDharmony;
	font-weight : normal;
	font-size : 13px;
}

div,table,td {
	padding: 0px;
	margin: 0px;
}

table {
	border: 0px;	
}

img {
	border: 0px;
	font-size: 0px;
	vertical-align: middle;
}

a:link,a:visited,a:active {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #405783;
	text-decoration: underline;
}

a.link_fff {
	font-size: 12px;
	color: #a6a6a6;
	text-decoration: none;
}

div,p,ol,ul,li,img,a,form,span,iframe,dl,dt,dd {
	margin: 0px;
	padding: 0px;
}

div,p,li,dt,dd,span {
/* 	text-align: justify; */
}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
}

ul,ol {
	list-style: none;
}

table.boardTitle {
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 13px;
	margin: 10px;
	width:calc(100% - 20px);
}

table.boardTitle th {
	border: none;
	height: 40px;
	text-align: center;
}

table.boardTitle td {
	border: 1px solid #d6d6d6;
	background: #FFFFff;
	height: 26px;
	width: 900px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.boardTitle td.tdLabel {
	border: 1px solid #d6d6d6;
	height: 20px;
	width: 90px;
	font-family: HDharmony;
	font-size : 13px;
	font-weight:bold;
	letter-spacing: 0px;
	color: #505151;
	padding-right: 5px;
	background: #EFEFEF;
	text-align: right;
}


.board_notice {
	font-family: HDharmony;
	font-size : 13px;
	background-image: url('../img/ico/board_notice.png');
	padding-left: 50px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

input[readonly],textarea[readonly] {
	background-color: #efefef;
	border:1px solid #ababab;
	color:#000
}

.highlight_str {
	background-color: #FFF1CC;
	font-weight:bold;
	
}

.button_st {
    width:100px;
    background-color: #FFFFFF;
    border: 1px solid #0A3A75;
    color:#0A3A75;
    padding: 3px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: HDharmony;
	font-size : 13px;
	letter-spacing: 0px;
    margin: 4px;
    cursor: pointer;
    border-radius:3px;
}
.button_st:hover {
    background-color: #EBF1F8;
}

.button_st:active {
    background-color: #BED1E8;
}

select{
	width: 160px;
	height: 24px;
	font-family: HDharmony;
	padding-left : 10px;
	font-size : 13px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #aeaeae;
	border-radius: 2px;
	opacity: 1;
}
.button_dot{
	width: 24px !important;
	height: 24px;
	padding:0;
	background:#3e3e3e 0% 0% no-repeat padding-box;	
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:0;
	border-radius: 3px;
	position : absolute;
	opacity: 1;
	
}
.image-reset-button{
    background-image: url('../img/ico/pass_reset.png');
    background-repeat: no-repeat;
    background-position: absolute;
    position: absolute;
    vertical-align: middle;
    margin-top: 5px;
    border: none;
    width: 18px;
    height: 18px;
}
em{
	color : red;
}

/* 20200329 new */
iframe{border:0 none}
#page{text-align:center}
#page div{display:inline-block}
.btnArea{margin-top:10px;text-align:center}