@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/**********************************************
note : 신규작업
**********************************************/
/* 박스 */
.box-skin.media-box {overflow:hidden;max-height:192px;padding:16px;background-color:#f4f4f4}
.box-skin.media-box .header {position:relative;float:left;width:150px;padding-right:20px}
.box-skin.media-box .header::after {content:"\70";position:absolute;display:inline-block;font:normal normal normal 14px/1 'ndsoft fonts';font-size:100px;text-rendering:auto;z-index:2;left:-35px;bottom:-20px;color:rgba(0,0,0,.04)}
.box-skin.media-box .content {float:left;width:calc(100% - 150px);padding-left:20px;border-left:1px solid rgba(0,0,0,.12)}
.box-skin.media-box .header > a {padding:10px 0;height:150px}
.box-skin.media-box .header > a[class*="btm-"] {background-position:right bottom}

/**********************************************
note : 자동박스
**********************************************/
.auto-article .line-7x4 {overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:1.625;max-height:6.5em}

/**********************************************
note : 안내데스크
**********************************************/
/* 인사말 */
.com-1 {max-width:780px;margin:0 auto}
#user-wrap.user-com .com-1 .com-header {position:relative;padding-bottom:35px;margin-bottom:35px;font-size:18px;text-align:center;color:#222;letter-spacing:-.08em;border-bottom:none}
.com-1 .com-header > p {margin-bottom:0}
.com-1 .com-header > p > span {display:block;margin-bottom:15px;color:#fd5f0f;font-size:27px;letter-spacing:-.08em}
.com-1 .com-header::after {content:'';position:absolute;left:50%;bottom:0;z-index:2;display:block;width:50px;border-bottom:2px solid #fd5f0f;-ms-transform:translateX(-50%);transform:translateX(-50%)}
.com-1 .com-header img {display:block;width:100%;max-width:780px;margin:0 auto 30px}
.com-1 .com-content p {color:#555;font-size:15px;padding:0 30px}
@media screen and (max-width: 39.9375em) {
	#user-wrap.user-com .com-1 .com-header p {padding:0 15px}
	.com-1 .com-header > p > span {margin-bottom:10px;font-size:18px}
	.com-1 .com-header img {margin-bottom:20px}
	.com-1 .com-content p {padding:0 15px}
}

/* 임직원 */
.com-2 .reporter-wrap > .row > .columns > .row {padding:1rem;border:1px solid rgba(0,0,0,.08);background-color:rgba(0,0,0,.01)}
.com-2 .reporter-wrap h5 {position:relative;padding-left:1.25rem;margin-bottom:1.25rem;font-size:1rem;}
.com-2 .reporter-wrap h5::after {content:'';display:inline-block;position:absolute;left:0;top:50%;width:15px;height:.125rem;background-color:#e73f72;transform:rotate(-40deg)}
.com-2 .reporter-wrap > .row > .columns > .row {height:183px}
.com-2 .reporter-wrap > .row > .columns > .row.row-cus {height:250px}
.com-2 .reporter-wrap .about-margin {margin-top:25px}
.com-2 .reporter-wrap .row .reporter-img > img {width:50px;height:auto}
.com-2 .reporter-wrap .row .contents > strong {color:#222;font-size:15px}
.com-2 .reporter-wrap .row .contents > p {font-size:12px;padding-top:5px;margin-bottom:0}
@media screen and (max-width: 39.9375em) {
    .com-2 .reporter-wrap > .row > .columns > .row {overflow:hidden;height:auto}
	.com-2 .reporter-wrap > .row > .columns > .row.row-cus {overflow:hidden;height:auto}
	.com-2 .reporter-wrap > .row > .columns.small-marbtm-20 {margin-bottom:20px}
	.com-2 .reporter-wrap .about-margin {margin-top:20px}
	.com-2 .reporter-wrap .small-martop-20 {margin-top:20px}
}

/* CI */
.com-3 {text-align:center}
.com-3 .com-title {display:block;position:relative;padding-bottom:20px;margin-bottom:30px;text-align:left;font-size:30px;color:#222}
.com-3 .com-title::after {content:'';display:block;position:absolute;z-index:2;left:0;bottom:0;width:60px;border-bottom:3px solid #0097e0}
.com-3 p {margin-bottom:50px;text-align:left}
.com-3 img {margin-bottom:100px}

/* 세종소개 */
.com-about.com-4 header {display:block;margin:2rem 0;font-size:2.75rem;font-weight:300;color:rgba(0,0,0,.84);line-height:1.2;letter-spacing:-.3rem}
.com-about.com-4 header > span {padding-right:6px;color:#fff}
.com-about.com-4 p {text-align:justify}
.com-about.com-4 section > .dis-table-cell {position:relative;float:left;width:50%}
.com-about.com-4 section > .dis-table-cell.com-left {padding:1.875rem 2.5rem 0 0}
.com-about.com-4 section > .dis-table-cell.com-right {padding:15rem 0 3.125rem 2.5rem;background:url('/image/company/com-4.gif') no-repeat right top}
.com-about.com-4 section > .dis-table-cell.com-right::before {content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.08)}
@media screen and (max-width: 39.9375em) {
	.com-about.com-4 {background:url('/com/image/skin1-2.gif') no-repeat right top}
	.com-about.com-4 header {font-size:2rem;letter-spacing:-.25rem}
	.com-about.com-4 header > u {text-decoration:none}
	.com-about.com-4 section > .dis-table-cell {width:100%;padding:0}
	.com-about.com-4 section > .dis-table-cell.com-left,
	.com-about.com-4 section > .dis-table-cell.com-right {padding:0;background:none}
	.com-about.com-4 section > .dis-table-cell.com-right::before {display:none}
}



/* 김민희 / 907457 / 20200106 com-6 윤리강령 페이지*/
.com-6 .com6box {border:1px solid #888; padding:.67rem; background-color:#ededed; margin-bottom:1rem}
.com-6 .com6box p {margin:0; font-weight:bold}
.com-6 .com6con {font-size:13px; color:#777}

#admin-wrap .edit-level1 {min-height:10px}

/* 강수현 / 1241926 / 20230214 */
.com-2 .reporter-wrap > .row > .columns > .row.row-cus {height:320px !important;}


/* 윤미정 / 1495356 / 20250804 */
.com-2 .reporter-wrap > .row > .columns > .row.row-cus {height:auto !important;}