@charset "utf-8";
/*게시판안에 공통으로 적용되는 css 파일*/
body *{box-sizing: border-box;}

/* 버튼 */
.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {font-size:0.80rem;font-family:'맑은 고딕','Nanum Gothic','굴림', '돋음','Tahoma', 'Sans-serif';padding:6px 15px 8px 15px;color:#fff; border: 1px solid #d71c48;cursor:pointer;border-radius:3px; background:#ff3061; background: linear-gradient(to bottom, #ff3061 20%, #d71c48 100%);}
.btn_submit:hover {color:#fff;border: 1px solid #d71c48;font-weight:normal;background:#ff3061; background: linear-gradient(to bottom, #d71c48 10%, #ff3061 100%);}
fieldset#bo_sch .b_select,fieldset#bo_sch .b_input {padding:0 8px;height:32px;line-height:32px;}
fieldset#bo_sch .b_input {display:inline-block;width:calc(100% - (100px + 60px));}
fieldset#bo_sch .btn_submit {padding:0 15px;height:32px;line-height:32px;}

a.btn_cancel {display:inline-block;padding:6px 15px 8px 15px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:3px;background: linear-gradient(to bottom, #fff 20%, #f5f5f5 100%);}
a.btn_cancel:hover {color:#fff;background: #555;border: 1px solid #555;font-weight:normal;background: linear-gradient(to bottom, #555 10%, #333 100%);}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;border-radius:3px;} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:0.85em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

a.btn_ps {display: inline-block;margin: 0px;border-radius:3px;box-sizing: content-box;background: transparent;outline: 0;vertical-align: middle;font-family: inherit;font-size: 12px;text-decoration: none;	white-space: nowrap;cursor: pointer;font-family:'맑은 고딕','Nanum Gothic','굴림', '돋음','Tahoma', 'Sans-serif';}
a.ps_btn1{color:#555;height:23px;font-size:0.80rem;padding:4px 10px 2px 10px;border: 1px solid #cccccc;border-bottom-color: #cccccc;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); background: #fff; background: linear-gradient(to bottom, #fff 20%, #f5f5f5 100%);}
a.ps_btn1:hover {color:#fff;background: #555;border: 1px solid #555;font-weight:normal;background: linear-gradient(to bottom, #555 10%, #333 100%);}
a.ps_btn2{color:#fff;height:23px;font-size:0.80rem;padding:4px 10px 2px 10px;border: 1px solid #b81020;border-bottom-color: #E8180C;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); background: #fff; background: linear-gradient(to bottom, #E8180C 20%, #b81020 100%);}
a.ps_btn2:hover {color:#fff;background: #555;border: 1px solid #555;font-weight:normal;background: linear-gradient(to bottom, #555 10%, #333 100%);}
a.ps_btn3{color:#fff;height:23px;font-size:0.80rem;padding:4px 10px 2px 10px;border: 1px solid #555;border-bottom-color: #cccccc;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); background: #fff; background: linear-gradient(to bottom, #555 10%, #333 100%);}
a.ps_btn3:hover {color:#fff;background: #555;border: 1px solid #b81020;font-weight:normal;background: linear-gradient(to bottom, #ff3061 20%, #E8180C 100%);}

/*관리자에 사용하는 버튼*/
a.ps_btn4{color:#555;height:23px;font-size:0.80rem;padding:4px 10px 2px 10px;border: 1px solid #cccccc;border-bottom-color: #cccccc;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); background: #fff; background: linear-gradient(to bottom, #fff 20%, #f5f5f5 100%);}
a.ps_btn4:hover {color:#fff;background: #555;border: 1px solid #555;font-weight:normal;background: linear-gradient(to bottom, #555 10%, #333 100%);}
a.ps_btn5{color:#fff;height:23px;font-size:0.80rem;padding:4px 10px 2px 10px;border: 1px solid #b81020;border-bottom-color: #E8180C;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); background: #fff; background: linear-gradient(to bottom, #E8180C 20%, #b81020 100%);}
a.ps_btn5:hover {color:#fff;/*background: #555;border: 1px solid #555;*/font-weight:normal;/*background: linear-gradient(to bottom, #555 10%, #333 100%);*/}
a.ps_btn6{color:#fff;height:23px;font-size:0.80rem;margin-right:5px;padding:4px 10px 2px 10px;border: 1px solid #555;border-bottom-color: #cccccc;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); background: #fff; background: linear-gradient(to bottom, #555 10%, #333 100%);}
a.ps_btn6:hover {color:#fff;background: #555;/*border: 1px solid #b81020;*/font-weight:normal;/*background: linear-gradient(to bottom, #ff3061 20%, #E8180C 100%);*/}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #555;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:0px solid #d1dee2;border-bottom:1px solid #cccccc;background:#F7F7F7;color:#383838;font-size:1.05em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:14px 8px; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:120px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #ccc;background-color:#ffffff !important;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 페이징2 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current { display: inline-block; width: 34px; height: 30px; margin: 3px; line-height: 30px; vertical-align: middle;}
.pg a:focus, .pg a:hover {background-color: #222; color: #fff; vertical-align: middle;}
.pg_page { display: inline-block; width: 34px; height: 30px; margin: 3px; line-height: 30px; vertical-align: middle;background:#fff;text-decoration:none}
.pg_start, .pg_prev {border: 1px solid #cccccc; vertical-align: middle; line-height: 30px; }
.pg_end, .pg_next {border: 1px solid #cccccc; vertical-align: middle; line-height: 30px; }
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/*페이징 화살표*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  margin-top:20px;
  content: "\f105";
}

/*간격조절*/
.pd6{padding:6px 0 ;}
.pd12{padding:12px 0 ;}
.pd24{padding:24px 0 24px 0;}
.pd_top24{padding:24px 0px 0px 0px;}
.pd_top12{padding:12px 0px 0px 0px;}
.pd_bottom12{padding:0px 0px 12px 0px;}

/*페이지내에 제목 타이틀*/
/*#container_title {font-size:30px; font-weight:400; position:relative; margin:15px 0 0px 0;line-height:1.6;font-family:NanumSquare;}
#container_title h3:before {content:''; display:block; width:60px; height:3px; background-color:#11b1a3; position:absolute; left:0px; top:-5px;}
#container h3:before {content:''; display:block; width:60px; height:3px; background-color:#11b1a3; position:absolute; left:0px; top:-5px;}
#container .section2 h3{font-size: 30px;font-weight: 400;position: relative;line-height: 1.6;}
#container .section2 h3:before {content:''; display:block; width:60px; height:3px; background-color:#fff; position:absolute; left:0px; top:-5px;}
*/
/*리스트 타이틀*/
#container {clear:both; height:65px; margin:0 0 0px 0;}
#container_title {font-size:35px;position:relative; margin:0px 0 0px 0;line-height:1.6;}
#container_title:before {content:''; display:inline-block; width:12px; height:12px; background-image:url(../_img/sub/h2_bu.png); background-repeat:no-repeat; background-position:center center; padding-right:40px; vertical-align:middle;}
#container_title:after {content:''; display:inline-block; width:12px; height:12px; background-image:url(../_img/sub/h2_bu.png); background-repeat:no-repeat; background-position:center center; padding-left:40px; vertical-align:middle;}

#container h3 {font-size:35px; color:#000; position:relative; margin:0 0 15px 0; padding:0; line-height:35px;}
#container h3:before {content:''; display:inline-block; width:12px; height:12px; background-image:url(../_img/sub/h2_bu.png); background-repeat:no-repeat; background-position:center center; padding-right:40px; vertical-align:middle;}
#container h3:after {content:''; display:inline-block; width:12px; height:12px; background-image:url(../_img/sub/h2_bu.png); background-repeat:no-repeat; background-position:center center; padding-left:40px; vertical-align:middle;}
/*글쓰기,수정,뷰 타이틀*/
#container .section2 h3{font-size: 30px;font-weight: 400;position: relative;line-height: 1.6;background:none;}
#container .section2 h3:before {content:''; display:block; width:60px; height:3px; background-color:#fff; position:absolute; left:0px; top:-5px;background:none;}
#container .section2 h3:after {content:''; display:block; width:60px; height:3px; background-color:#fff; position:absolute; left:0px; top:-5px;background:none;}

/*에디터 내에 테이블 스타일 관련*/
#bo_v_con table { width:100%; border-collapse:collapse; border-spacing:0; margin:5px 0; }
#bo_v_con th { width:20%; padding:10px 10px; border:1px solid #e9e9e9; background:#f5f8f9; text-align:center; }
#bo_v_con td { padding:10px 10px; border:1px solid #e9e9e9; text-align:center; }

/*에디터 내에 Ul,li 스타일 관련*/
#bo_v_con ul{margin-left:0px;}
#bo_v_con li{margin-left:17px;}

#ctt_con .img_wrap_box {position:relative; width:100%;  overflow:hidden; text-align:center;}
	#ctt_con .img_wrap_box .img_c {display:inline-block; width:50%; float:left; padding:5px; box-sizing: border-box; text-align:center;}
@media only screen and (max-width: 1200px) {
	#ctt_con .img_wrap_box .img_c {display:inline-block; width:100%; max-width:790px;  float:none; padding:5px; box-sizing: border-box; text-align:center; margin:0 auto 15px auto !important;}
}

/* 로그인 팝업레이어관련 */
#fixdedLayer {
	padding: 200px 0 0 0;
	position: fixed !important;
	overflow: auto !important;
	width: 100%;
	z-index: 10000;
}

#fixdedLayer .btn_fixdedLayerClose {
	background-image: url(../_img/common/btn_close01.png);
	width: 48px;
	height: 48px;
}

#fixdedLayer .pos_abs {
	right: 20px;
	top: 1em;
}


/* 로그인 창 */
.login_wrap {
	width: 90%;
	max-width: 542px;
	position: relative;
	background-color: #1a4883;
	margin: 0 auto;
	font-size: 1.15em;
}

.login_wrap .btn_close {
	background-image: url(../_img/common/btn_close03.png) ;
	background-repeat: no-repeat;
	background-size:80%;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -2000px;
	cursor: pointer;
}

.login_wrap h2 {
	display: block;
	color: #fff;
	font-size: 2.0em;
	text-align: center;
	padding: 1em 0 1em 0;
}

.login_wrap p {
	display: block;
	color: #fff;
	font-size: 0.85em;
	text-align: center;
	line-height: 1.65em;
	padding: 0.2em 0 0.8em 0;
}

.login_wrap fieldset {
	width: 100%;
	display: block;
	padding: 1.2em 2.2em;
	background-color: #fff;
}

.login_wrap input[type=text],.login_wrap input[type=password] {
	border: 1px solid #ccc;
	line-height: 60px;
	height: 60px;
	margin: 0 0 10px 0;
	padding: 0 1em;
	width: 100%;
	font-size: 1.5em;
}

.login_wrap ::placeholder {
	color: #7e7e7e;
}

.login_wrap .btn_close {
	top: -45px;
}

.login_wrap .login_submit {
	color: #fff !important;
	border: none !important;
	background-color: #898989;
	font-size:1.2em;
	line-height: 60px;
	height: 60px;
	width: 100%;
}

.login_wrap .login_submit:hover {
	background-color: #2f2f2f;
}

.fixwrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

/* 숨김 레이어 내용상자 */
.layer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
}

@media (max-width:768px){
	.page_top_ul_menu {display:none;}
}

@media (max-width:680px){
	#bo_w .tbl_frm01 th {
		width:auto !important;
		padding: 7px 13px;
		border: 1px solid #e9e9e9;
		border-left: 0;
		background: #f5f8f9;
		text-align: left;
		display:block;
		width:100%;
	}
	#bo_w .tbl_frm01 td {
		display:block;
		width:100%;
	}
}
@media (max-width:370px){
	fieldset#bo_sch .b_input {
		display: inline-block;
		width: calc(100% - (100px + 60px));
	}
}