@charset "utf-8";

/* font */
@font-face {font-family: 'NotoSans-Thin';
src: url('../../font/NotoSans-Thin.eot');
src: url('../../font/NotoSans-Thin.woff2') format('woff2'),
	url('../../font/NotoSans-Thin.woff') format('woff'),
	url('../../font/NotoSans-Thin.ttf') format('truetype'),
	url('../../font/NotoSans-Thin.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'NotoSans-Light';
src: url('../../font/NotoSans-Light.eot');
src: url('../../font/NotoSans-Light.woff2') format('woff2'),
	url('../../font/NotoSans-Light.woff') format('woff'),
	url('../../font/NotoSans-Light.ttf') format('truetype'),
	url('../../font/NotoSans-Light.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'NotoSans-DemiLight';
src: url('../../font/NotoSans-DemiLight.eot');
src: url('../../font/NotoSans-DemiLight.woff2') format('woff2'),
	url('../../font/NotoSans-DemiLight.woff') format('woff'),
	url('../../font/NotoSans-DemiLight.ttf') format('truetype'),
	url('../../font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
font-family: 'NotoSans-Regular';
src: url('../../font/NotoSans-Regular.eot');
src: url('../../font/NotoSans-Regular.woff2') format('woff2'),
	url('../../font/NotoSans-Regular.woff') format('woff'),
	url('../../font/NotoSans-Regular.ttf') format('truetype'),
	url('../../font/NotoSans-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
font-family: 'NotoSans-Medium';
src: url('../../font/NotoSans-Medium.eot');
src: url('../../font/NotoSans-Medium.woff2') format('woff2'),
	url('../../font/NotoSans-Medium.woff') format('woff'),
	url('../../font/NotoSans-Medium.ttf') format('truetype'),
	url('../../font/NotoSans-Medium.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
font-family: 'NotoSans-Bold';
src: url('../../font/NotoSans-Bold.eot');
src: url('../../font/NotoSans-Bold.woff2') format('woff2'),
	url('../../font/NotoSans-Bold.woff') format('woff'),
	url('../../font/NotoSans-Bold.ttf') format('truetype'),
	url('../../font/NotoSans-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

/* default style */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section  {  	margin:0;	padding:0;	border:0;	vertical-align:baseline;	background:transparent;  }
body {  font-family: 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana; color:#666666; font-size:14px; letter-spacing: -0.09em;}
/* KACES-CSR-4190, 웹 취약점 조치, 20211116, 조승배, 개행문자 적용을 위한 pre 태그 추가 */
pre {  font-family: 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana; color:#666666; font-size:14px; letter-spacing: -0.09em;}
h1, h2, h3, h4, h5, h6  {  font-weight:Normal;  }
ol, ul  {  list-style:none; }


em,address {  font-style:normal;  }
blockquote, q  {  quotes:none;  }
blockquote:before, blockquote:after,q:before, q:after  {  content:'';  }
table  {  border-collapse:collapse; border-spacing:0; table-layout:fixed;  border: 0;}
th  {  font-weight:Normal;  }
button  {  margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1;}
/* KACES-CSR-6404, 웹 접근성 보완 조치, 20221226, 김현중 */
/* a:link, a:visited, a:hover, a,active, a:focus  {  text-decoration:none; color:inherit; cursor:pointer;  } */
a:link, a:visited, a:hover, a,active, a:focus  {  text-decoration:none; color:inherit; cursor:pointer; outline-offset: 3px;}
legend {  width: 0;  height: 0;  visibility: hidden;  font-size: 0;  line-height: 0; display:none !important; }
caption {width: 0; height: 0; overflow: hidden; text-indent: -9999px;}
textarea  {  resize: vertical;  font: inherit;  overflow-y: auto; box-sizing: border-box; }
input, select  {  color: inherit;  font-family: 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana; box-sizing: border-box; border: 1px solid #ceced0;}
select {padding-left: 9px;}
input[type="text"], input[type="password"] {padding: 5px 9px;}
input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
input[type="radio"] {margin: 0; vertical-align: middle; position: relative; bottom: 1px; width: 17px; height: 17px; border: 0 !important;}
input[type="checkbox"] {border: 1px solid #c2c2c2; background: #ffffff; margin: 0; vertical-align: middle; position: relative; bottom: 1px; border: 0 !important;}

/* //default style */

/*공통*/
.font_t {font-family: 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important;}
.font_l {font-family:'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important;}
.font_dl {font-family: 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important;}
.font_r {font-family:'NotoSans-Regular', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important}
.font_m {font-family:'NotoSans-Medium', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important;}
.font_b {font-family:'NotoSans-Bold', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important}
strong.font_m {font-weight: normal;}

.hidden {text-indent: -9999px; overflow: hidden; line-height: 0; width: 0; height: 0; display: inline-block; position: absolute;}
.dnone{ display: none !important;}
.bgnone {  background: none !important;  }
.fr {  float: right !important;  }
.fl {  float: left !important;  }
.valign {  vertical-align: middle;  }
.valignt {  vertical-align: top !important;  }
.clfix:after {  content: "."; display: block; height: 0px; clear: both; visibility: hidden;  }
.clfix {  display: block;  }
.Ralign {  text-align:right !important;  }
.Lalign {  text-align:left !important;  }
.nobor {border-right: 0 !important;}
.btn, .btni {text-align: center; display: inline-block; box-sizing: border-box; padding: 8px 20px;}
.btn_black {background: #1b1b1b; color: #ffffff !important;}
.btn_white {background: #ffffff; border: 1px solid #898989;}
.btn_gray {background: #626264; color: #ffffff !important;}
.btn_gray2 {background: #767a83; color: #ffffff !important;}
.btn_gray span {color: #ffffff;}
.btn_red {background: #6d152a; color: #ffffff !important;}
.btnmini {padding: 5px 10px; font-size: 12px; text-align: center; display: inline-block; box-sizing: border-box; letter-spacing: 0;}
.nolignh {  line-height: normal;  }
.nolist {  padding: 0 !important; background: none !important;  }

.eng0 {  letter-spacing: 0px !important;  }
.eng4 {  letter-spacing: -0.04em !important;  }
.eng6 {  letter-spacing: -0.06em !important;  }

.txtred {  color: #ff1851 !important;  }
.txtwhit {  color: #fff !important;  }
.txtblue {  color: #4391fc !important;  }
.txtpink {  color: #f5184e !important;  }
.txtblack {  color: #313131 !important;  }
.txtblack2 {  color: #121212 !important;  }
.txtgray {  color: #888888 !important;  }
.txtgray2 { color: #808080  !important;  }
.click {  cursor: pointer !important;  }
.txt_cen {  text-align: center !important;  }
.t12 { font-size:12px;}
.t13 { font-size:13px;}
.t14 { font-size:14px;}
.t15 { font-size:15px;}

.mauto  {  margin: 0 auto !important;  }
/* KACES-CSR-6404, 웹 접근성 보완 조치, 20221226, 김현중 */
.m3  {  margin: 3px !important;  }
.mt0  {  margin-top: 0 !important;  }
.mt5 {  margin-top:5px !important;  }
.mt10  {  margin-top:10px !important;  }
.mt13  {  margin-top:13px !important;  }
.mt20  {  margin-top:20px !important;  }
.mt40  {  margin-top:40px !important;  }
.mt100  {  margin-top:100px !important;  }

.ml0 {  margin-left:0px !important;  }
.ml10 {  margin-left:10px !important;  }
.mr0 {  margin-right:0px !important;  }
.mr2 {  margin-right:5px !important;  }
.mr10 {  margin-right:10px !important;  }
.mb10 {margin-bottom:10px !important;  }
.mb20 {margin-bottom:20px !important;  }

.p0 {  padding:0px !important;  }
.pr0 {  padding-right:0px !important;  }

.lignh22 {line-height: 22px;}

.WP30  {  width: 30% }
.WP50  {  width: 50% }
.WP100 {  width: 100% !important; }

.W120 {  width: 120px }
.W170 {  width: 170px }

.bar {display: inline-block; text-indent: -9999px; background: url("../../images/comm/icon/bar.gif") no-repeat center; width: 1px; padding: 0 11px;}
.layer_open{overflow:hidden;/*height:1250px!important;*/}

.bor_r {border-right: 1px solid #e1e1e1 !important;}

.linkw {background: url('../../images/comm/icon/ic_linkw.gif') no-repeat right center; color: #ffffff; font-size: 11px; padding-right: 19px;}
.newWindows {background: url('../../images/comm/icon/ic_linkb.gif') no-repeat right center; padding-right: 19px;}

@media only all and (min-width:1025px) {
.pchi {display:none}
}


@media only all and (max-width:1024px) {
.mbhi {display:none}
.mWP15 {  width: 15% !important }
.mWP20 {  width: 20% !important }
}

@media all and (max-width:599px){
.tbhi {display:none}

}

.layer_preview {  position:absolute;  z-index:999;  top:0px;  left:0px;  background:#fff;  clear:both;  display:inline-block;  border:1px solid #b0b0b0;  width:350px;  height:400px;  z-index:777}
.layer_preview .preview {  overflow-y:auto}
.layer_preview .preview .tit {   position:relative;   width:100%; display:inline-block;    padding: 10px 15px;   background:#404950;  color:#fff;  box-sizing:border-box;  font-size:14px;  font-weight:600;  border-bottom:1px dashed #d0d0d0;     }
.layer_preview .preview .cont {  box-sizing:border-box;  clear:both;  display:inline-block;  margin:auto;  width:100%;  height:100%;   text-align:left;  line-height:150%;  }
.layer_preview .preview .concon { padding:15px; }
.layer_preview .preview .image {   position:relative;  padding:0;  margin:0;  overflow:auto;  }
.layer_preview .preview .image img {  }

/*버튼:공통*/

.layer_preview .ctrl_btn {  border-top:1px solid #c0c0c0;  text-align:right;  padding:10px 10px 0px 0px;  height:40px;  bottom:0;  left:0;  right:0;line-height:21px;overflow:hidden;color:#000;  background:#fff;  }
.layer_preview .ctrl_btn .btn, .layer_preview .ctrl_btn .btn span {position:relative; display:inline-block; margin:0 5px 0 0; border:0 none; text-decoration:none !important; vertical-align:top; white-space:nowrap; overflow:visible;padding:0px;}
.layer_preview .ctrl_btn .btn	{cursor:pointer; vertical-align:middle;  }
.layer_preview .ctrl_btn  span.btn, span.btn	span	{color:#999;  }

/*버튼:흰색*/
.layer_preview .ctrl_btn  .btn_white	{background:url(../../images/mng/bg_button.png) no-repeat; color:#626262;  }
.layer_preview .ctrl_btn  .btn_white span {  left:9px; height:26px; padding:0 15px 0 3px; background:url(../../images/mng/bg_button.png) no-repeat right top; letter-spacing:-1px; line-height:24px; color:#626262;  }

/* skipMenu */
/* 메뉴를 건너 뛰고 페이지 본문으로 이동하기 */
.skipMenu { position:relative;}
.skipMenu a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; background: #fff; white-space:nowrap;}
.skipMenu a:focus,
.skipMenu a:active { height:auto; width:auto; padding: 10px 20px; position: absolute; left: 0; z-index: 200;}

/* KACES-CSR-3514, 웹접근성 관련 수정 ,20210909 김현중 */
.survey input:focus {outline:1px dotted black;}