@charset "utf-8";
/* @import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" ); */

/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); */

/*------------------------------------------------
* default definition
------------------------------------------------*/
/*
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('/css/font/Spoqa Han Sans Bold.woff2') format('woff2'),
    url('/css/font/Spoqa Han Sans Bold.woff') format('woff'),
    url('/css/font/Spoqa Han Sans Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('/css/font/Spoqa Han Sans Regular.woff2') format('woff2'),
    url('/css/font/Spoqa Han Sans Regular.woff') format('woff'),
    url('/css/font/Spoqa Han Sans Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('/css/font/Spoqa Han Sans Light.woff2') format('woff2'),
    url('/css/font/Spoqa Han Sans Light.woff') format('woff'),
    url('/css/font/Spoqa Han Sans Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('/css/font/Spoqa Han Sans Thin.woff2') format('woff2'),
    url('/css/font/Spoqa Han Sans Thin.woff') format('woff'),
    url('/css/font/Spoqa Han Sans Thin.ttf') format('truetype');
}
*/

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,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,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video,input{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	box-sizing:border-box;
}
html,body {height:100%;font-size:15px;color:#252525;font-family: 'Spoqa Han Sans', 'Sans-serif'; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol,li{list-style:none}
hr,legend {display:none;}
table {border-collapse:collapse; table-layout:fixed;}

:focus {outline:none;}

html {-webkit-text-size-adjust: none;}

.w50 {width:50px;}
.w95_ {width:95%;}
.w100 {width:100px;}
.w100_ {width:100%;}
.w150 {width:150px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w300_name {width:300px; background:#f4f4f4; color:#898989;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w650 {width:650px;}

.h50 {height:50px;}
.h100 {height:100px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h400 {height:400px;}
.h500 {height:500px;}

.padT7 {padding-top:7px;}
.padT10 {padding-top:10px;}
.padT15 {padding-top:15px;}
.padT20 {padding-top:20px;}

.padB20 {padding-bottom:20px;}

.font_num {font-size:12px;}
.font_name {font-size:13px;}

/*------------------------------------------------
* Global
* not use global : bg, block, btn, cate, date, find, info, number, photo, toggle
/*------------------------------------------------*/
.hidden {overflow:hidden;}
.float {display:block;}
.float:after {content:"";clear:both;display:block;}
.floatL {position:relative;float:left;}
.floatR {position:relative;float:right;}
.txtflow {display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.block {display:block !important;}
.fixed {position:fixed;}


/*------------------------------------------------
* color
/*------------------------------------------------*/
.color_red {color:#eb4e38;}
.color_blue {color:#7cb5ec;}

.bg_red {background-color:#c72e23 !important;}


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,f4f4f4+100 */
.gradient_gray {
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

/*------------------------------------------------
* z-index
/*------------------------------------------------*/
.idx_contract {z-index:0;}

.header {z-index:9000;}
.header_search {z-index:9100;}
.idx_slider,
.content {z-index:100;}

.footer {z-index:200;}

.dimmed {z-index:9100;}

/*------------------------------------------------
* button
/*------------------------------------------------*/
/* */
.btn {display:inline-block;min-width:100px;height:28px;line-height:28px;background-color:#7d7d7d;color:#fff !important;padding:0 15px;font-size:13px !important;}
.btn-area {
	user-select:none;
	-ms-user-select: none;
}

button {position:relative;border:0;background:transparent;cursor:pointer;border:1px solid #ccc;border-radius:3px;height:30px;line-height:28px;padding:0 10px;box-sizing:border-box;
	font-family:"Noto Sans KR","malgun gothic",'Nanum Gothic',NanumGothic,"돋움",dotum,sans-serif;
	user-select:none;
	-ms-user-select: none;
}
button span {position:relative;}

/* gnb */
.btn-gnb {width:40px;height:40px;padding:0;border:0;}
.btn-gnb span {position:absolute;display:block;width:20px;height:4px;left:50%;top:11px;margin-left:-11px;text-indent:-9999px;background:#141414;transition: 0.4s;transform:translateZ(0);z-index:9400;}
.btn-gnb span:nth-child(2) {top:19px;}
.btn-gnb span:nth-child(3) {top:27px;}
.btn-gnb.close span:nth-child(1) {transform: rotate(-45deg) translate3d(-5px, 5px,0) ;}
.btn-gnb.close span:nth-child(2) {opacity:0;}
.btn-gnb.close span:nth-child(3) {transform: rotate(45deg) translate3d(-6px, -6px,0) ;}


/* 검색 */
.btn-search {width:27px;height:27px;background:url('/img/common/fkmwu_sp.png') no-repeat;background-position:-495px -70px;padding:0;border:0;}
.btn-search span {display:none;}

/* 검색 */
.btn-form-search {width:27px;height:27px;background:url('/img/common/fkmwu_sp.png') no-repeat;background-position:-495px -70px;padding:0;border:0;}
.btn-form-search span {display:none;}

/* 검색 닫기 */
.btn-search-close {width:23px;height:23px;background:url('/img/common/fkmwu_sp.png') no-repeat;background-position:-780px -71px;padding:0;border:0;}
.btn-search-close span {display:none;}

/* 더보기 */
.btn-view-more {width:100%;height:auto;background-color:#ed1f24;border:0;padding:10px 0;border-radius:0;display:none;}
.btn-view-more>span {color:#fff;font-size:1.2rem;font-weight:bold;}
.btn-view-more>span>span {font-weight:normal;font-size:1.1rem;}

/* board-viev */
.btn-view-pre,
.btn-view-next {
	position:relative;
	display:block;
	width:30px;
	height:30px;
	border-radius:3px;
	background:#fff;
	user-select:none;
	-ms-user-select: none;
	text-indent:-9999px;
}
.btn-view-pre:after,
.btn-view-next:after {position:absolute;content:"";display:block;width:12px;height:12px;left:50%;top:50%;margin:-6px 0 0 -6px;background:url('/img/common/fkmwu_sp.png') no-repeat;}
.btn-view-pre:after {background-position:-1063px -71px;}
.btn-view-next:after {background-position:-993px -71px;}
span.btn-view-pre,
span.btn-view-next {opacity:0.3;}

/* btn-login-bar */
.btn-login-bar {width:100%;height:50px;border:0;background:#c72e23;color:#fff;font-size:18px;font-weight:400;}

/* btn-submit, btn-cancel*/
.btn-submit,
.btn-cancel {font-size:15px;min-width:100px;height:36px;line-height:34px;padding:0 20px;}

/* btn-idchk, btn-zipnum, btn-bd-search */
.btn-idchk,
.btn-zipnum,
.btn-bd-search {font-size:13px;min-width:60px;height:30px;line-height:26px;font-weight:300;}

/* btn-bd  */
.btn-bd {display:inline-block;border:1px solid #ccc;border-radius:3px;height:24px;line-height:22px;padding:0 10px;box-sizing:border-box;font-size:12px;min-width:60px;text-align:center;}

/* btn-comment */
.btn-comment {font-size:13px;width:70px;height:50px;line-height:48px;font-weight:300;}



/*------------------------------------------------
* Form
/*------------------------------------------------*/
input, textarea {border:1px solid #e1e1e1;background:#fff;outline:none;font-family:"malgun gothic","돋움",dotum,"굴림",gulim,sans-serif;box-sizing:border-box;color:#000;}
input:focus, textarea:focus {border:1px solid #252525;}
textarea {width:100%;resize:none;padding:7px;line-height:18px;}

input[type="text"],
input[type="password"],
input[type="file"] {height:30px; line-height:30px;border-radius:0;padding:0 7px;}
input[type="image"] {border:none;border-radius:0;}
input[type="submit"] {height:25px;}

/* input, checkbox */
input[type="radio"],
input[type="checkbox"] {position:absolute;width:0;height:0;opacity:0;border:none;}
input[type="radio"]+label,
input[type="checkbox"]+label {position:relative;display:inline-block;top:0px;cursor:pointer;margin-right:15px;}
input[type="radio"]+label:before,
input[type="checkbox"]+label:before {content:"";display:inline-block;position:relative;top:-1px;width:19px;height:18px;background-image:url('/img/input/minimal.png');background-repeat:no-repeat;vertical-align:middle;margin-right:5px;}
input[type="radio"]:disabled+label,
input[type="checkbox"]:disabled+label {cursor:default;}

input[type="radio"]+label:before {background-position:-100px 0;}
input[type="radio"]+label:hover:before {background-position:-120px 0;}
input[type="radio"]:checked+label:before {background-position:-140px 0;}
input[type="radio"]:disabled+label:before {background-position:-160px 0;}
input[type="radio"]:checked:disabled+label:before {background-position:-180px 0;}

input[type="checkbox"]+label:before {background-position:0px 0;}
input[type="checkbox"]+label:hover:before {background-position:-20px 0;}
input[type="checkbox"]:checked+label:before {background-position:-40px 0;}
input[type="checkbox"]:disabled+label:before {background-position:-60px 0;}
input[type="checkbox"]:checked:disabled+label:before {background-position:-80px 0;}

input[type=text]::-ms-clear {display: none;}

select {
	height: 30px; 
	width:100%;
	font-family:"돋움",dotum,"굴림",gulim,sans-serif !important;
	font-size:12px !important;
	border: 1px solid #bbbbbb; 
	background:url('/img/common/bg_select.png') no-repeat;
	background-position:right 0px;
	background-color:#fff;
	box-sizing: border-box; 
	display:inline-block;
	-moz-appearance: none; 
	appearance: none; 
	-webkit-appearance: none; 
	padding:3px 30px 0px 6px;
	color: #000; 
	text-overflow:ellipsis;overflow:hidden;white-space:pre;
}
option {height:36px;}
select::-ms-expand{
    display: none;
}

.prims-input {width:100%;}
.prims-input:after {clear:both;display:block;content:"";}
.prims-input>label {position:relative;top:9px;margin-right:10px;float:left;font-weight:bold;}
.prims-input>span {display:block;float:left;}

.prims-select {width:100%;}
.prims-select:after {clear:both;display:block;content:"";}
.prims-select>label {position:relative;top:9px;margin-right:10px;float:left;font-weight:bold;}
.prims-select>span {display:block;float:left;}


/* placeholder */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#97c9fe;}
input:-moz-placeholder,
textarea:-moz-placeholder {color:#97c9fe;}
input::-moz-placeholder,
textarea::-moz-placeholder {color:#97c9fe;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#97c9fe;}


/*------------------------------------------------
* Link
/*------------------------------------------------*/
a:link {color:#252525; text-decoration:none;}
a:visited {color:#252525; text-decoration:none;}
a:hover {color:#252525; text-decoration:none;}
a:active {color:#252525; text-decoration:none;}


/*------------------------------------------------
* table
/*------------------------------------------------*/
table {width:100%; border-top:2px solid #d2d6de;}
table th,
table td {border-bottom:1px solid #ebebeb; padding:7px 10px;height:38px;}
table th {background:#f9f9f9;font-weight:400;}

.tbl_box { border-top:2px solid #d2d6de;}
/*
.tbl_box ul {display:table;width:100%;}
.tbl_box ul li {display:table-cell;border-bottom:1px solid #ebebeb; padding:10px 10px;box-sizing:border-box;}


	.tbl_r_no {width:60px;text-align:center;}
	.tbl_r_code {width:70px;text-align:center;padding:10px 0 !important;}
	.tbl_r_subject {width:auto;}
	.tbl_r_subject a {display:block;width:620px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;}
	.tbl_r_subject a span {font-weight:bold;}
	.tbl_r_addfile {width:100px;text-align:center;}
	.tbl_r_writer {width:90px;text-align:center;}
	.tbl_r_date {width:80px;text-align:center;}
	.tbl_r_read {width:50px;text-align:center;}
	.tbl_r_link {width:450px;}
	.tbl_r_link a {font-weight:400;}

	.tbl_job_gbn {width:60px;text-align:center;}
	.tbl_job_flow {width:60px;text-align:center;}
	.tbl_job_type {width:60px;text-align:center;}
	.tbl_job_com {width:150px;text-align:center;}
	.tbl_job_com>div {width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.tbl_job_subject {width:auto;}
	.tbl_job_subject a {display:block;width:440px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;}

	.tbl_job_gbn .label,
	.tbl_job_flow .label,
	.tbl_job_type .label {display:none;}

.tbl_header ul {background:#f9f9f9;font-weight:400;}
.tbl_header	.tbl_r_subject {text-align:center;}
.tbl_body ul:hover {background-color:#f7f7f7;}

*/
.tbl_box .tbl_header {display:none;}
.tbl_box .tbl_body {width:100%;}
.tbl_box .tbl_body ul {position:relative;padding:15px 0 15px 0;border-bottom:1px solid #f1f1f1;}
.tbl_box .tbl_body ul:after {content:"";display:block;clear:both;}

	.tbl_r_no {float:left;position:relative;width:40px;background-color:#f4f4f4;border:1px solid #e1e1e1;border-radius:5px;text-align:center;top:4px;margin-right:10px;}
	.tbl_r_no.notice {color:#fff;background-color:#ed1f24;border:1px solid #ed1f24;}
	.tbl_r_code {float:left;margin-right:15px;font-size:13px;}
	.tbl_r_subject {float:left;width:calc(100% - 50px);font-size:17px;margin-bottom:5px;}
	.tbl_r_subject a,
	.tbl_r_subject>span {display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;}
	.tbl_r_subject a span {font-weight:bold;}
	.tbl_r_addfile {float:left;padding-top:2px;}
	.tbl_r_writer {float:left;margin-right:15px;}
	.tbl_r_date {float:left;margin-right:15px;margin-left:50px;color:#919191;}
	.tbl_r_date:before {position:relative;top:-1px;display:inline-block;content:"";width:14px;height:16px;padding-right:3px;background:url('/img/common/fkmwu_sp.png') no-repeat;background-position:-851px -71px;vertical-align:middle;opacity:0.2;}
	.tbl_r_read {float:left;color:#919191;margin-right:15px;}
	.tbl_r_read:before {position:relative;top:-1px;display:inline-block;content:"";width:12px;height:16px;padding-right:3px;background:url('/img/common/fkmwu_sp.png') no-repeat;background-position:-922px -71px;vertical-align:middle;opacity:0.2;}
	
	.tbl_job_subject {float:left;width:calc(100% - 50px);font-size:17px;margin-bottom:5px;}
	.tbl_job_subject a {display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;}
	.tbl_job_subject a span {font-weight:bold;}
	.tbl_job_com {float:left;margin-right:15px;font-size:13px;}
	.tbl_job_gbn {clear:both;margin-right:15px;margin-left:50px;margin-top:5px;float:left;}
	.tbl_job_flow {float:left;margin-right:15px;margin-top:5px;}
	.tbl_job_type {float:left;margin-top:5px;}

	.job1 .tbl_job_gbn,
	.job1 .tbl_job_flow,
	.job1 .tbl_job_type {color:#f44336;}

	.job2 .tbl_job_gbn,
	.job2 .tbl_job_flow,
	.job2 .tbl_job_type {color:#2196f3;}

	.job1 .label {color:#252525;margin-right:5px;}
	.job2 .label {color:#252525;margin-right:5px;}

	.job_end .tbl_job_gbn,
	.job_end .tbl_job_flow,
	.job_end .tbl_job_type,
	.job_end .label	{color:#acacac !important;}




/*------------------------------------------------
* popup
/*------------------------------------------------*/
/* layout */
.popup {position:absolute; overflow-y:visible; padding:0px; border:1px solid #596476; background:#fff; min-width:380px;  max-height:650px; z-index:9999;box-shadow:5px 5px 15px 0px rgba(0,0,0,.35);display:none;}
.popup.scroll {overflow-y:auto;}

.pop-header {position:relative;height:35px;}
.pop-header.ui-draggable-handle {cursor:move;}
.pop-header h1 {color:#000;height:35px;padding:15px 0 0 20px;font-family:'Malgun Gothic';font-size:16px;}
.pop-header .btn-layer-close {position:absolute;top:20px;right:20px;}
.pop-body {padding:20px;}


/*------------------------------------------------
* 기타
/*------------------------------------------------*/
.ifrm {position:absolute;}
.no_data {text-align:center;}

/*------------------------------------------------
*  loading image
/*------------------------------------------------*/
#loading,
#loadingSmall {
	width: 56px;
	height: 56px;
	left:50%; 
	top:40%;
	margin:-28px 0 0 -28px;
	position:absolute;
	background: url('../../images/common/loading.gif') no-repeat;
	z-index:9999;
	opacity: 0.80;
	filter: alpha(opacity=80);
	display:none;
}
#loadingSmall {width:18px;height:18px;background-size:contain;}
#loadingBg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9998;
	background:#fff;
	opacity: 0;
	filter: alpha(opacity=0);
	display:none;
}


.dimmed {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.3;display:none;}
.dimmed_header {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:8000;display:none;}
.dimmed_header a {display:block;width:100%;height:100%;} /* iphone click 대응 */


/* ajax loading */
.ajax_lading {position:fixed;left:50%;top:50%;width:300px;padding:20px;margin:-25px 0 0 -150px;z-index:9999;background:#ebebeb;border:1px solid #e1e1e1;font-size:13px;font-weight:bold;text-align:center;display:none;}
.ajax_lading_bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:#fff;display:none;
	opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0.0; /* Safari 1.x */
	-moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}



/*------------------------------------------------
* Layout
/*------------------------------------------------*/
body {}



.wrap {position:absolute;width:100%;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);}
.wrap h1 {padding:20px 0 80px;}
.wrap h1 svg {width:500px;height:auto;}
.wrap .cont {margin-bottom:80px;}
.wrap .cont a {display:inline-block;padding:10px 20px;border-radius:10px;font-size:18px;background:#2196f3;color:#fff;}