@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face { font-family: 'Noto Sans KR'; }

/* 초기화 */
html {overflow-y:scroll;}
body {
	margin:0;
	padding:0;
	font-size:0.8em;
	font-family: 'Noto Sans KR', 'Nanum Gothic Coding', sans-serif;
	font-weight:400;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin:0;
	padding:0;
	border:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-family: 'Noto Sans KR', 'Nanum Gothic Coding', sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, li {
	list-style-type:none;
	margin:0;
	border:0;
	padding:0;
}
legend {
	position:absolute;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden;
}
label, input, button, select, img {vertical-align:middle;}
input, button {
	margin:0;
	padding:0;
	font-family: 'Noto Sans KR', 'Nanum Gothic Coding', sans-serif;
	font-weight:400;
	font-size:1em;
}
button {cursor:pointer;}
tbody a, th, td, tr {
	font-size: 1em;
	font-weight:300;
}
textarea, select {
	font-family: 'Noto Sans KR', 'Nanum Gothic Coding', sans-serif;
	font-weight:400;
	font-size:1em;
}
select {margin:0}
p {
	margin:0;
	padding:0;
	word-break:break-all;
}
hr {display:none;}
pre {
	overflow-x:scroll;
	font-size:1.1em;
}
a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
ul::after{
	clear:both;
	content:"";
	display:block;
	visibility:hidden;
}

/* 팝업레이어 */
#hd_pop {
	z-index:9999999;
	position:relative;
	margin:0 auto;
	width:970px;
	height:0;
}
#hd_pop h2 {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.hd_pops {
	position:absolute;
	border:1px solid #e9e9e9;
	background:#fff;
}
.hd_pops_footer {
	padding:10px 0;
	background:#000;
	color:#fff;
	text-align:right;
}
.hd_pops_footer button {
	margin-right:5px;
	padding:5px 10px;
	border:0;
	background:#393939;
	color:#fff;
}

/* 상단 회원가입 등 링크 */
#hd_top {width: 100%;}
#tnb_wrap {
	padding:0;
	list-style:none;
	width:100%;
	border-bottom:1px solid #f5f5f5;
}
#tnb {
	margin:0 auto;
	width:1100px;
}
#tnb li {
	margin:0 0 0 10px;
	float:right;
}
#tnb a {
	display:inline-block;
	padding:0 5px;
	height:40px;
	letter-spacing:-1px;
	font-size:0.9em;
	line-height:40px;
}
#tnb #login_wrap{position:relative;}
#tnb #login_btn {
	display:none;
	position:absolute;
	top:40px;
	right:0;
	width:200px;
	background:#fff;
	z-index:9999;
}

/* 상단 레이아웃 */

#hd {
	width:100%;
	background:#fff;
	border-bottom:1px solid #eee;
}
#hd_wrapper {
	position:relative;
	margin:0 auto;
	width:1100px;
	height:100px;
}
#logo {
	margin-top: 15px;
	display:block;
	float:left;
}
#logo img {padding:0;height: 70px;}

/* 메인메뉴 */

#gnb {float:right;}
#gnb h2 {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
#gnb_1dul {
	width:880px;
}
#gnb_1dul:hover .gnb_2dul {/*height:185px;*/ height:230px;}
.gnb_1dli {
	float:left;
	position:relative;
	width:146px;
	height:99px;
	text-align:center;
}
.gnb_1da {
	font-size:1.25em;
	line-height:100px;
	display:inline-block;
	font-weight:600;
}
.gnb_2dul {
	position:absolute;
	top:101px;
	width:170px;
	height:0;
	overflow:hidden;
	background-color:#fff;
	z-index:9999 !important;
	-ms-transition:ease-in-out 0.5s;
	-moz-transition:ease-in-out 0.5s;
	-webkit-transition:ease-in-out 0.5s;
	transition:ease-in-out 0.5s;
}
.gnb_2da {
	display:block;
	font-size:1.15em;
	font-weight:600;
	width:100%;
	height:45px;
	line-height:45px;
	text-align:center;
	color: #000 !important;
	letter-spacing:-0.1em;
}
.gnb_1dli_over .gnb_2dul {
	-ms-transition:ease-in-out 0.5s;
	-moz-transition:ease-in-out 0.5s;
	-webkit-transition:ease-in-out 0.5s;
	transition:ease-in-out 0.5s;
}

/* 사이드바 */

#info_nav {
	position:fixed;
	top:142px;
	right:0;
	width:120px;
	height:600px;
	background:rgba(146,146,146,0.9);
	z-index:999999999;
}
#info_nav li {text-align:center;}
#info_nav li a:first-child {padding-top: 20px;}
#info_nav li:first-child span {padding-top: 5px;}
#info_nav span {
	color:#fff;
	display:block;
}
#info_nav a {
	padding:10px 0;
	display:block;
}
#info_nav img {display: inline-block;}
#info_nav p {
	padding:10px 0;
	color:#fff;
}

/* 중간 레이아웃 */

#container {position:relative;}
#container:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#container_title {
	margin:20px auto;
	width:1100px;
	height:50px;
	border-bottom: 1px solid #eee;
	font-weight:500;
	font-size: 30px;
	letter-spacing:-1px;
	z-index:5;
	position: relative;
}
#container_title > div {
	position:absolute;
	top:4px;
	left:0;
	display:inline-block;
	border-bottom: 4px solid #be1d2c;
}
#bo_gall, #bo_v, #bo_w, #bo_list, .mbskin {
	margin:0 auto;
	padding-bottom:60px;
	width:1100px !important;
	min-height: 650px;
	position:relative;
}
.mbskin {
	padding:30px 0;
	min-height:850px;
}
#bo_wrap {
	margin:0 auto 10px;
	width:1100px;
	display: none;
}
#bo_wrap img {width:100%;}
#bo_list_total {display: none;}
#swiper-wrapper {
	position: relative;
	height: 500px;
}
#swiper::after {
	content:"";
	display:block;
	clear:both;
}
#swiper {
	position: absolute;
	left: calc(50% - 800px);
	width: 1600px;
	height: 500px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination {
	left: calc(50% - 28px);
}
.swiper-pagination-bullet {
	margin: 0 3px;
}
#program_wrap {
	position:relative;
	margin:0 auto;
	height:500px;
}
#main_events #events_wrap {
	margin:0 auto;
	width:1000px;
	padding-top:130px;
}
#main_events::after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
}
#events_wrap #left_event {
	width:500px;
	height:250px;
	float:left;
	position: relative;
}
#left_event #best_board {
	display:block;
	font-size:1.4em;
	letter-spacing:-1px;
	color: #767676;
}
.latest_wrap .lt ul {
	margin-top: 20px;
	list-style:none;
	box-sizing:border-box;
	width:100%;
	display:block;
}
.latest_wrap .lt li {
	position: relative;
	padding-bottom:15px;
	list-style:none;
	box-sizing:border-box;
	width:100%;
}
.latest_wrap .lt ul li b {
	position: absolute;
	right: 42px;
	top: 2px;
	font-weight: 500;
}
.latest_wrap .lt ul li span {padding-left: 2px;}
.latest_wrap .lt li span {display:inline-block; vertical-align:middle;}
.latest_wrap .lt li a {
	padding-left: 5px;
	width: 80%;
	display: inline-block;
	font-size: 14px;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space:nowrap;
	vertical-align:middle;
}
.latest_wrap .lt .subject {
	position: absolute;
	top: 5px;
	left: 0;
}
.latest_wrap .lt .lt_title {display: none;}
.latest_wrap .lt .lt_title a {}
.latest_wrap .lt .lt_more {display: none;}
.latest_wrap .lt .lt_more a {display: inline-block;}
.latest_wrap .lt .cnt_cmt {}
#left_event #best_board::after {
	content:"";
	display: block;
	width: 460px;
	height: 1px;
	background-color: #767676;
}

#left_event .buttons {
	position:absolute;
	top:0;
	right:50px;
}
#left_event .buttons label {margin-left:2px;cursor:pointer;}
#left_event input:nth-of-type(1) {display:none;}
#left_event input:nth-of-type(1) ~ div:nth-of-type(1) {display:none;}
#left_event input:nth-of-type(1):checked ~ div:nth-of-type(1) {display:block;}
#left_event input:nth-of-type(2) {display:none;}
#left_event input:nth-of-type(2) ~ div:nth-of-type(2) {display:none;}
#left_event input:nth-of-type(2):checked ~ div:nth-of-type(2) {display: block;}
#left_event input:nth-of-type(3) {display:none;}
#left_event input:nth-of-type(3) ~ div:nth-of-type(3) {display:none;}
#left_event input:nth-of-type(3):checked ~ div:nth-of-type(3) {display: block;}
#left_event .buttons label {color:#767676;}
#left_event input:nth-of-type(1):checked ~ section.buttons > label:nth-of-type(1) {color:#000;}
#left_event input:nth-of-type(2):checked ~ section.buttons > label:nth-of-type(2) {color:#000;}
#left_event input:nth-of-type(3):checked ~ section.buttons > label:nth-of-type(3) {color:#000;}
#events_wrap #right_event {
	width:500px;
	height:250px;
	float:left;
}
#edu_1, #edu_2 {
	width:250px;
	height:250px;
	float:left;
}
#edu_1 {
	background:#767676;
	text-align:center;
}
#edu_1 div {
	margin:13px;
	width:220px;
	height:220px;
	border:2px solid #fff;
	display:inline-block;
}
#edu_1 h5 {
	margin-top:80px;
	padding:10px 20px;
	background:#fff;
	font-size:1.3em;
	color:#767676;
	display:inline-block;
}
#edu_1 span {
	margin-top:65px;
	display:block;
}
#edu_2 {
	box-sizing:border-box;
	border:2px solid #c2c2c2;
	text-align:center;
}
#edu_2 h5 {
	margin-top:30px;
	font-size:1.3em;
	display:block;
}
#edu_2 h5::after{
	margin:5px auto 0;
	width:20px;
	height:1px;
	border-top:2px solid #000;
	display:block;
	content:"";
}
#edu_2 span {
	margin-top:11px;
	display:block;
}
#right_event span::after{
	margin:0 auto;
	width:40px;
	height:1px;
	border-top:1px solid #000;
	display:block;
	content:"";
}

/* 하단 레이아웃 */

#ft {
	width: 100%;
	/*height: 240px;*/
	height: 190px;
	background:#767676;
}
#ft_copy {
	position:relative;
	margin:0 auto;
	text-align:center;
	width:1100px;
	/*height:240px;*/
	height:190px;
	color:#fff;
}
#ft_copy #ft_wrap {
}
#family_icons_wrap {
	padding: 20px 0 10px;
}
#family_icons_wrap a {
	padding: 10px;
}
#family_icons_wrap a img {
	width: 30px;
}
#ft_copy #ft_logo {
	margin-bottom: 5px;
}
#ft_copy div p {
	padding-top:5px;
	font-size:12px;
	display:block;
	text-align:center;
	font-family:"nanum gothic";
}
#family_copy {padding-top:20px;}
#ft_copy #family_icons {
	float:right;
	padding-top:35px;
}
#ft_copy #family_copy img {
	height: 30px;
}

/* 게시물 선택복사 선택이동 */

.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */

#hd_login_msg {
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.msg_sound_only, .sound_only {
	display:inline-block !important;
	position:absolute;
	top:0;
	left:0;
	margin:0 !important;
	padding:0 !important;
	font-size:0;
	line-height:0;
	border:0 !important;
	overflow:hidden !important;
}

/* 본문 바로가기 */

#skip_to_container a {
	z-index:100000;
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
#skip_to_container a:focus, #skip_to_container a:active {
	width:100%;
	height:75px;
	background:#21272e;
	color:#fff;
	font-size:2em;
	text-align:center;
	text-decoration:none;
	line-height:3.3em;
}

/* ie6 이미지 너비 지정 */
.img_fix {
	width:100%;
	height:auto;
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
	display:inline-block;
	position:relative;
}
#captcha legend {
	position:absolute;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden;
}
#captcha #captcha_img {
	width:160px;
	height:60px;
	border:1px solid #e9e9e9;
	vertical-align:top;
	padding:0;
	margin:0;
}
#captcha #captcha_mp3 {
	position:absolute;
	top:0;
	left:161px;
	margin:0;
	padding:0;
	width:31px;
	height:31px;
	border:0;
	background:transparent;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#captcha #captcha_mp3 span {
	position:absolute;
	top:0;
	left:0;
	width:31px;
	height:31px;
	background:url('../../../img/captcha.png') no-repeat;
}
#captcha #captcha_reload {
	position:absolute;
	top:31px;
	left:161px;
	margin:0;
	padding:0;
	width:31px;
	height:31px;
	border:0;
	background:transparent;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	background:url('../../../img/captcha.png') no-repeat  0 -30px;
	border-top:1px solid #ccc;
	text-indent:-999px;
}
#captcha #captcha_key {
	margin:0 0 0 33px;
	padding:0 5px;
	width:70px;
	height:60px;
	border:1px solid #b8c9c2;
	background:#f7f7f7;
	font-size:1.333em;
	text-align:center;
	line-height:2.8em;
	vertical-align:top;
}
#captcha #captcha_info {
	display:block;
	margin:5px 0 0;
	font-size:0.95em;
	letter-spacing:-0.1em;
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */

#captcha.m_captcha audio {
	display:block;
	margin:0 0 5px;
	width:187px;
}
#captcha.m_captcha #captcha_img {
	width:160px;
	height:60px;
	border:1px solid #e9e9e9;
	margin-bottom:3px;
	margin-top:5px;
	display:block;
}
#captcha.m_captcha #captcha_reload {
	position:static;
	margin:0;
	padding:0;
	width:31px;
	height:31px;
	border:0;
	background:transparent;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	background:url('../../../img/captcha.png') no-repeat  0 -30px;
	text-indent:-999px;
}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {
	margin:0;
	padding:0 5px;
	width:115px;
	height:29px;
	border:1px solid #b8c9c2;
	background:#f7f7f7;
	font-size:1.333em;
	text-align:center;
	line-height:29px;
	margin-left:3px;
}
#captcha.m_captcha #captcha_info {
	display:block;
	margin:5px 0 0;
	font-size:0.95em;
	letter-spacing:-0.1em;
}
#captcha.m_captcha #captcha_mp3 {
	width:31px;
	height:31px;
	background:url('../../../img/captcha.png') no-repeat;
	vertical-align:top;
	overflow:hidden;
	cursor:pointer;
	text-indent:-9999px;
	border:none;
}

/* ckeditor 단축키 */

.cke_sc {
	margin:0 0 5px;
	text-align:right;
}
.btn_cke_sc{
	display:inline-block;
	padding:0 10px;
	height:23px;
	border:1px solid #ccc;
	background:#fafafa;
	color:#000;
	text-decoration:none;
	line-height:1.9em;
	vertical-align:middle;
	cursor:pointer;
}
.cke_sc_def {
	margin:0 0 5px;
	padding:10px;
	border:1px solid #ccc;
	background:#f7f7f7;
	text-align:center;
}
.cke_sc_def dl{
	margin:0 0 5px;
	text-align:left;
	zoom:1;
}
.cke_sc_def dl:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
.cke_sc_def dt, .cke_sc_def dd {
	float:left;
	margin:0;
	padding:5px 0;
	border-bottom:1px solid #e9e9e9;
}
.cke_sc_def dt {
	width:20%;
	font-weight:bold;
}
.cke_sc_def dd {width:30%}

/* 버튼 */

a.btn01 {
	display:inline-block;
	padding:7px;
	border:1px solid #ccc;
	background:#fafafa;
	color:#000;
	text-decoration:none;
	vertical-align:middle;
}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {
	display:inline-block;
	margin:0;
	padding:7px;
	border:1px solid #ccc;
	background:#fafafa;
	color:#000;
	text-decoration:none;
}
a.btn02 {
	display:inline-block;
	padding:7px;
	border:1px solid #3b3c3f;
	background:#4b545e;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {
	display:inline-block;
	margin:0;
	padding:7px;
	border:1px solid #3b3c3f;
	background:#4b545e;
	color:#fff;
	text-decoration:none;
}

.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {
	padding:8px;
	border:0;
	background:#8b022f;
	color:#fff;
	cursor:pointer;
}
fieldset .btn_submit {
	margin-left:-70px;
	padding:0 20px;
	height:40px;
	font-size:14px;
	line-height:40px;
}
a.btn_cancel {
	display:inline-block;
	padding:7px;
	border:1px solid #ccc;
	background:#fafafa;
	color:#000;
	text-decoration:none;
	vertical-align:middle;
}
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;
} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px;}
button.btn_frmline {font-size:1em;}

#sfl{
	display: none;
	height:30px;
}
.list_subject {
	margin: 5px 0;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px;
	border-bottom: 1px solid #eee;
}

/* 게시판용 버튼 */

a.btn_b01 {
	border-radius:3px;
	box-sizing:border-box;
	height:40px;
	display:inline-block;
	padding:0 7px;
	background:#f2f5f9;
	color:#000;
	text-decoration:none;
	font-size:14px;
	line-height:40px;
}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;}
a.btn_b02 {
	border-radius:3px;
	box-sizing:border-box;
	height:40px;
	display:inline-block;
	padding:0 7px;
	background:#4b545e;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:40px;
}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none;}
a.btn_admin {
	border-radius:3px;
	box-sizing:border-box;
	height:40px;
	display:inline-block;
	padding:0 7px;
	background:#e8180c;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:40px;
} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none;}
.bo_fx {margin-bottom: 20px;}
#bo_sch {float: right;}
#bo_v_top {display:none;}
#bo_vc {border:0;background:#fff;}

/* 이전글 다음글 글제목 */

#next_prev {
	margin:10px 0;
	border:1px solid #eee;
}
#next_prev div {
	padding:10px 10px;
	border-bottom:1px solid #eee;
}
#next_prev div:last-child {border:0;}
#next_prev div a {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:96%;
	display:inline-block;
}

/* 댓글 스타일 */

.cnt_cmt {
	display:inline-block;
	margin:0 0 0 3px;
	font-weight:bold;
}

/* 기본테이블 */

.tbl_wrap table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.tbl_wrap caption {
	padding:10px 0;
	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:1px solid #d1dee2;
	border-bottom:1px solid #d1dee2;
	background:#eee;
	color:#000;
	font-size:0.95em;
	text-align:center;
	letter-spacing:-0.1em;
	font-weight:500;
}
.tbl_head01 thead a {color:#000;}
.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:16px 10px;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	line-height:1.5em;
	word-break:break-all;
}
.tbl_head01 td a {font-weight:bold;}

.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;
}

.form_qna_label th {width:150px;}

/* 폼 테이블 */

.tbl_frm01 {margin:20px 0;}
.tbl_frm01 th {
	width:230px;
	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 {
	box-sizing:border-box;
	border:1px solid #e4eaec;
	background:#f7f7f7;
	color:#000;
	vertical-align:middle;
	line-height:2em;
}
.tbl_frm01 textarea {padding:2px 2px 3px;}
.frm_input {
	box-sizing:border-box;
	width:250px;
	height:40px;
	padding-left:10px;
	border:1px solid #eee;
}
.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;
}
.tbl_frm01  caption {
	display: none;
}
/* 자료 없는 목록 */

.empty_table {
	padding:50px 0 !important;
	text-align:center;
}
.empty_list {
	padding:20px 0 !important;
	text-align:center;
}

/* 필수입력 */

.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important;}

/* 테이블 항목별 정의 */

.td_board {
	width:120px;
	text-align:center;
}
.td_category {
	width:80px;
	text-align:center;
}
.td_chk {
	width:30px;
	text-align:center;
}
.td_date {
	width:60px;
	text-align:center;
}
.td_datetime {
	width:110px;
	text-align:center;
}
.td_group {
	width:100px;
	text-align:center;
}
.td_mb_id {
	width:100px;
	text-align:center;
}
.td_mng {
	width:80px;
	text-align:center;
}
.td_name {
	width:100px;
	text-align:center;
}
.td_nick {
	width:100px;
	text-align:center;
}
.td_num {
	width:50px;
	text-align:center;
}
.td_numbig {
	width:80px;
	text-align:center;
}
.td_stat {
	width:60px;
	text-align:center;
}
.td_cate {
	width:70px;
	text-align:center;
}
.txt_active {color:#5d910b;}
.txt_done {color:#e8180c;}
.txt_expired {color:#ccc;}
.txt_rdy {color:#8abc2a;}

/* 새창 기본 스타일 */

.new_win .tbl_wrap {margin:0 20px;}
.new_win #win_title {
	margin:0 0 20px;
	padding:20px;
	border-top:3px solid #333;
	border-bottom:1px solid #dde4e9;
	background:#fff;font-size:1.2em;
}
.new_win #win_title .sv {
	font-size:0.75em;
	line-height:1.2em;
}
.new_win .win_ul {
	margin:-20px 0 20px 0;
	padding:0 20px;
	border-bottom:1px solid #455255;
	background:#484848;
	list-style:none;
	zoom:1;
}
.new_win .win_ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
.new_win .win_ul li {
	float:left;
	margin-left:-1px;
}
.new_win .win_ul a {
	display:block;
	padding:10px 10px 8px;
	border-right:1px solid #455255;
	border-left:1px solid #455255;
	color:#fff;
	font-family: 'Noto Sans KR', 'Nanum Gothic Coding', sans-serif;
	text-decoration:none;
}
.new_win .win_desc {padding:20px;}
.new_win .win_btn {
	clear:both;
	padding:20px;
	text-align:center;
} /* 새창용 */
.new_win .win_btn button {
	display:inline-block;
	padding:0 10px;
	height:30px;
	border:0;
	background:#4b545e;
	color:#fff;
	line-height:2em;
	cursor:pointer;
}
.new_win .win_btn input {
	padding:0 10px;
	height:30px;
	line-height:2em;
}
.new_win .win_btn a {
	display:inline-block;
	padding:0 10px;
	height:30px;
	background:#4b545e;
	color:#fff;
	vertical-align:middle;
	line-height:2.4em;
}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none;}

/* 검색결과 색상 */

.sch_word {color:#ff3061;}

/* 자바스크립트 alert 대안 */

#validation_check {
	margin:100px auto;
	width:500px;
}
#validation_check h1 {
	margin-bottom:20px;
	font-size:1.3em;
}
#validation_check p {
	margin-bottom:20px;
	padding:30px 20px;
	border:1px solid #e9e9e9;
	background:#fff;
}

/* 사이드뷰 */

.sv_wrap {
	display:inline-block;
	position:relative;
	font-weight:normal;
}
.sv_wrap .sv {
	display:none;
	z-index:1000;
	margin:5px 0 0;
	border:1px solid #283646;
}
.sv_wrap .sv a {
	display:inline-block;
	margin:0;
	padding:3px;
	width:94px;
	border-bottom:1px solid #283646;
	background:#111;
	color:#fff !important;
}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none;}
.sv_on {
	display:block !important;
	position:absolute;
	top:10px;
	left:20px;
	width:auto;
	height:auto;
}
.sv_nojs .sv {display:block;}

/* 페이징 */

.pg_wrap {
	margin:0 0 70px;
	text-align:center;
}
.pg_wrap::after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
}
.pg_page, .pg_current {
	display:inline-block;
	padding:5px 10px;
	color:#000;
	font-size:14px;
	border-radius:4px;
}
.pg a:focus, .pg a:hover {text-decoration:none;}
.pg_page {
	font-weight:bold;
	text-decoration:none;
}
.pg_start, .pg_prev {
	font-family:serif !important;
	font-weight:bold;
}
.pg_end, .pg_next {
	font-family:serif !important;
	font-weight:bold;
}
.pg_current {
	background:#8b022f;
	color:#fff;
}
#bo_v_table {display:none !important;}
#fwrite {margin-bottom:50px;}

.write_wrap th {
	margin: 10px 0;
	width: 1100px;
	display: block;
	text-align: left;
	border-bottom: 1px solid #eee;
	padding: 10px;
	font-size:14px;
	font-weight: bold;
}
.write_wrap td {
	width: 1100px;
	display: block;
}
.write_wrap .frm_input {
	width: 100% !important;
	border:1px solid #fff !important;
}
#bo_v_con {
	width: 900px;
}
#bo_v_atc {
	padding-top:10px;
}
#bo_v header {padding-top:10px;}
#bo_v_title {font-size: 20px;}
#bo_cate {
	position: absolute;
	top: 32px;
	left: 0;
}
#go-to-list {
	width: 100%;
	height: 50px;
	background: #8b022f;
	text-align: center;
}
#go-to-list a {
	display: inline-block;
	color: #fff;
	line-height: 50px;
}
#go-to-list:hover {
	opacity: 0.8;
}
.if_text {
	font-size: 20px;
	display: block;
	padding-top: 50px;
	text-align: center;
	color: #8b022f;
}
.if_text b {
	padding-bottom: 10px;
	display: inline-block;
}
#bo_v_con {margin: 0 auto !important;}