@charset "utf-8";
/*
	Template
*/

/** Common **/
.placeholder {color:#afafaf;}
:-ms-input-placeholder {color:#afafaf;} /* M$ */
::-webkit-input-placeholder {color:#afafaf;} /* webkit */
::-moz-placeholder {color:#afafaf;} /* firefox */

.tarea_ty {width:100%;height:100px;padding:15px;border:solid 1px #e5e5e5;font-size:13px;color:#000;box-sizing:border-box;resize:none;}

.btn1 {display: inline-block;padding: 0 25px;height: 3em;line-height: 3;font-size: 1.125em !important;font-weight: 500;text-align: center;color: #fff;background: url(../../images/template/grad1.jpg) repeat-y left top;background-size:100%;border-radius:1.9em !important;border: 0;min-width: 170px;}

/* Input Size */
.w30 {width:30%;}
.w50 {width:50%;}
.w100 {width:100%;}

/* table_ty */
.table_ty {border-top:solid 2px #0a326f;}
.table_ty th, .table_ty td {padding:10px 5px;border:solid #cbcbcb;border-width:0 1px 1px 0;font-size:14px;font-weight:400;text-align:center;line-height:24px;}
.table_ty th:first-child, .table_ty td:first-child {border-left:solid 1px #cbcbcb;}
.table_ty thead th,
.table_ty tbody th {background:#f5f5f5;font-weight:500;color:#333;}
.table_ty .table_hd {padding:20px 10px !important;font-weight:500;color:#333;}
.table_ty .table_hd .tit {margin-bottom:20px;font-size:20px;font-weight:700;color:#0a326f;}
.table_ty .tl {padding:10px 20px;text-align:left;}
.table_ty .tr {padding:10px 20px;text-align:right;}
.table_ty .tc {text-align:center;}
.table_ty .sq_tit {margin-top:10px;}
.table_ty .sq_tit > span {display:inline-block;height:24px;padding:0 10px;background:#1a4f9f;border-radius:10px;font-weight:500;color:#fff;line-height:22px;vertical-align:top;}
.table_ty .ht {font-weight:500 !important;color:#1a4f9f !important;}
.table_ty .str, .table_ty .str > li {font-weight:500 !important;color:#333 !important;}


/* Btns */
.btn_ty {display:inline-block;min-width: 150px;padding:0 20px;background:#2c4c89;border:1px solid #2c4c89;font-weight:400;color:#fff;text-align:center;line-height:2.5;cursor:pointer;box-sizing:border-box;transition:background 0.3s; margin: 0 auto;}/* 주색 */
.btn_ty02 {color: #999;border-color: #999;background-color: #fff;}
.btn_ty03 {color: #fff;border-color: #192a49;background-color: #192a49;}
.btn_ty:hover {background:#0262c9;border-color: #0262c9;}
.btn_ty02:hover {color: #192a49;border-color: #192a49;background-color: #fff;}
.btn_ty03:hover {color: #192a49;border-color: #192a49;background-color: #fff;}
.clo_btn {background: #2b2d30;}

.btn_go:after {content:"";display:inline-block;width:25px;height:25px;margin-left:5px;background:url(../../images/template/ico_go.png) no-repeat center center;vertical-align:middle;}
.btn_down {display: inline-block;padding: 0 27px;line-height: 3.4375;color: #fff;background-color: #a51d2d;}
.btn_down:after {content:"";display:inline-block;width:19px;height:16px;margin-left:14px;background:url(/img/ico_down.png) no-repeat center center;vertical-align:middle;position: relative;top: -2px;}

.top_btns {margin-bottom:20px; margin-top: 40px;}

.btm_btns {margin-top:40px;text-align:center;}
.btm_btns .sort_l {float:left;}
.btm_btns .sort_r {float:right;}

.tb_outline {border-top-color:#000 !important;}


/*** BOARD ***/
/* List */
.respon_l .div_tb {box-sizing:border-box;}
.respon_l .div_td {word-break:break-all;}

.bd_top_sec {margin-bottom:60px;text-align:center;}
.bd_top_sec .tit {margin-bottom:20px;font-size:30px;font-weight:700;color:#404040;line-height:30px;}
.bd_top_sec .tit > span {color:#0a326f;}
.bd_top_sec .txt {font-size:15px;color:#606060;line-height:30px;}


/** 페이징 **/
.pg_wrap {margin:30px 0 0;padding:0;}
.pg_wrap .pg {display:block;}
.pg_wrap .pg_page, 
.pg_wrap .pg_current {width:30px;margin:0;padding:0;height:auto;background:#fff;line-height:28px;vertical-align:top;box-sizing:border-box;}
.pg_wrap .pg_start,
.pg_wrap .pg_end {width:40px;}
.pg_wrap .pg_page {border:solid 1px #ddd;color:#666;transition:all 0.4s;}
.pg_wrap .pg_page:hover, .pg_wrap .pg_page:focus, .pg_wrap .pg_page:active,
.pg_wrap .pg_current {border:solid 1px #0a326f;color:#0a326f;}

.sub_photo {margin-bottom:30px;}
.sub_photo .photo li {}
.sub_photo .photo li img {width:auto;height:auto;margin:0 auto;}
.sub_photo .bx-wrapper .bx-pager {color:#990e17;}
.sub_photo .txt {padding:30px 0;border-bottom:1px solid #dbdbdb;}


/** 검색2 **/
.bd_search2 {margin-bottom:40px;text-align:right;}
.bd_search2.top {margin:0 0 40px;}
.bd_search2 .select_ty {width:12%; min-width:75px;  height:35px;}
.bd_search2 .input_ty {width:35%;min-height:35px;padding:0 10px;margin-right:-4px;margin-left:1px;}
.bd_search2 .btn_search {width:8%;min-width: 50px; height:35px;min-height:35px;text-align:center;padding:0;font-size:14px;font-weight:300;line-height:35px;background:#9b8873;}


/** 상세 **/
#bo_v .view_top_sec {padding:60px 60px;background:#c0a355 url(../../images/template/simbol_bg.png) no-repeat right top;box-sizing:border-box;}
#bo_v .view_top_sec #bo_v_title {margin-bottom:25px;font-size:30px;font-weight:700;color:#fff;line-height:30px;}
#bo_v .view_top_sec .info {font-size:15px;color:#e7dbbc;line-height:15px;}
#bo_v .view_top_sec .info > span {display:inline-block;margin-right:15px;padding-right:15px;border-right:solid 1px #e7dbbc;vertical-align:top;}
#bo_v .view_top_sec .info > span:last-child,
#bo_v .view_top_sec .info > span.last {margin:0;padding:0;border:none;}

#bo_v_file .view_file_download img {width:auto;margin-right:5px;vertical-align:middle;}

#bo_v_atc {padding:0 0 40px;border-bottom:solid 1px #dbdbdb;}
#bo_v_atc #bo_v_atc_title {display:none;}
#bo_v_atc #bo_v_img {text-align:center;}
#bo_v_atc #bo_v_img img {width:auto;max-width:100%;}
#bo_v_atc #bo_v_con {margin:0;font-family:'Nanum Gothic' !important;font-size:14px;color:#606060;line-height:30px;}
#bo_v_atc #bo_v_con h4, #bo_v_atc #bo_v_con p, #bo_v_atc #bo_v_con div {font-family:'Nanum Gothic' !important;font-size:14px;}
#bo_v_atc #bo_v_con img {display:block;width:auto;max-width:100%;margin:0 auto;}

/* 카테고리 분류 */
#bo_cate { display:block; margin-bottom:35px;overflow:hidden;}
#bo_cate > h2 { display:none; }
#bo_cate > ul {}
#bo_cate > ul:after {display: block;clear: both;content: '';}
#bo_cate > ul > li {position: relative;width: calc(12.5% - 4px); margin-left: 4px; margin-bottom: 4px; float: left; background: #f5f5f5;}
#bo_cate > ul > li:nth-child(8n+1) {margin-left: 2px;}
#bo_cate > ul > li:nth-child(8n+8) {margin-right: 2px;}
#bo_cate > ul > li > a {position: relative;text-align: center;line-height: 2.5;z-index: 1;transition: color .3s;}
#bo_cate > ul > li a:before {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../../images/main/now_bg.jpg) repeat-y left top;background-size:100% 100%;opacity: 0;transition:.3s;z-index: -1;}
#bo_cate > ul > li:hover > a,
#bo_cate > ul > li > #bo_cate_on {color: #fff;}
#bo_cate > ul > li:hover > a:before,
#bo_cate > ul > li > #bo_cate_on:before {opacity: 1;}



	/* 상세 : 댓글 */
	#bo_vc {margin-top: 40px;border-top: 1px solid #333;}
	#bo_vc h2 {display: none;}
	#bo_vc article {position: relative;border-bottom: 1px solid #ddd;}
	#bo_vc article .c_wrap {position: relative;width: 100%;box-sizing:border-box;padding:30px 50px;font-size: 1.15em;}
	#bo_vc article .c_wrap:after {display: block;content: '';clear: both;}
	#bo_vc article .c_wrap .btn_name {position: relative;padding-left: 50px;min-height: 30px;}
	#bo_vc article .c_wrap .btn_name > img {position: absolute;top: 0;left: 0;bottom: 0;margin: auto auto auto 0;width: auto;max-width: 40px;height: auto;max-height: 40px; border-radius: 50%; overflow: hidden;}
	#bo_vc article.re .c_wrap {padding-left: 80px;}
	#bo_vc header {display: inline-block;position:relative;margin-bottom: 6px;}
	#bo_vc header .icon_reply {position:absolute;top:3px;left:-30px !important;}
	#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
	#bo_vc p {margin-top: 10px;color: #787878;}
	#bo_vc .c_wrap p {margin-top: 0;font-size: 0.875em;word-break:break-all;}
	#bo_vc p.comm_date {display: inline-block;font-size: 0.875em;margin-left: 20px;line-height: 15px;padding-left: 20px;color: #999;background: url(../../images/template/ico_clock.png) no-repeat left center;}
	#bo_vc p a {text-decoration:underline;display: inline-block;}
	#bo_vc p a.s_cmt {text-decoration:none}
		/* 댓글 : 답변 수정 삭제 위치 */
		.bo_vc_act {position: absolute;top: 30px;right: 0;}
		.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
		.bo_vc_act li {float:left;margin-left:7px}
		.bo_vc_act li a {}
		/* 댓글 : 댓글리스트 */
		#bo_vc .tbl_wrap {margin: 0;}
		#bo_vc .tbl_frm01 table,
		#bo_vc .tbl_frm01 tbody,
		#bo_vc .tbl_frm01 tr,
		#bo_vc .tbl_frm01 th {display: block;}
		#bo_vc .tbl_frm01 th.th_no {display: none;}
		#bo_vc .tbl_frm01 td {display: block;border: 0;padding: 40px 50px;background-color: #f4f4f4;}
		#bo_vc .tbl_frm01 td textarea#wr_content {padding: 10px 20px;background-color: #fff;height: 115px !important;}
		.respon_v #bo_vc #bo_v_top {margin-top: 0;}
		#bo_vc .btn_ty {min-width: 100px;height: 40px;line-height: 38px;border: 1px solid #ddd;color: #787878;background-color: #fff;}
		#bo_vc .btn_ty:hover {color: #fff;border-color: #333;background-color: #333;}
		#bo_vc .tbl_frm01 .btn_ty {color: #fff;border-color: #333;background-color: #333;}
		#bo_vc_empty {margin:0 !important;padding:30px 0 !important;text-align:center;font-size: 1.2em;}
		#bo_vc #bo_vc_winfo {float:left}
		#bo_vc footer {zoom:1}
		#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
		/* 댓글 : 댓글 최초등록 */
		#bo_vc_w {position:relative;border-bottom: 1px solid #ddd;}
		#bo_vc_w h2 {display: none;}
		#bo_vc_w .tbl_wrap {margin:0}
		#bo_vc_w .tbl_frm01 table,
		#bo_vc_w .tbl_frm01 tbody,
		#bo_vc_w .tbl_frm01 tr,
		#bo_vc_w .tbl_frm01 th {display: block;}
		#bo_vc_w .tbl_frm01 th.th_no {display: none;}
		#bo_vc_w .tbl_frm01 td {display: block;border: 0;padding: 30px 50px;background-color: #f4f4f4;}
		#bo_vc_w .tbl_frm01 td textarea#wr_content {padding: 10px 20px;background-color: #fff;height: 115px !important;}
		.respon_v #bo_vc_w #bo_v_top {margin-top: 0;}
		#bo_vc_w #char_cnt {display:block;margin-bottom:5px}


.red {color: red;}


.sitemap {}
.sitemap .ul1 {}
.sitemap .ul1 > li {float: left;width: 24%;margin-left: 1.33%;margin-bottom: 2%;}
.sitemap .ul1 > li:nth-child(4n+1) {clear: both;margin-left: 0;}
.sitemap .ul1 > li > a {position: relative;padding-left: 10px;font-size: 1.3em;line-height: 2;font-weight: 500;color: #333;border-bottom: 2px solid #4d5f8b;}
.sitemap .ul1 > li > a:hover {color: #4d5f8b;}
.sitemap .ul1 > li > a:before {display: block;content: '·';position: absolute;top: 0;left: 0;}
.sitemap .ul2 {box-sizing:border-box;padding: 10px 20px;background-color: #f5f5f5;color: #4d5f8b;}
.sitemap .ul2 > li {}
.sitemap .ul2 > li > a {font-size: 0.9em;line-height: 1.8;position: relative;padding-left: 10px;}
.sitemap .ul2 > li > a:hover {text-decoration: underline;}
.sitemap .ul2 > li > a:before {display: block;content: '-';position: absolute;top: 0;left: 0;}
.sitemap .ul3 {box-sizing:border-box;padding: 10px 10px;margin-bottom: 10px;background-color: #f0f0f0;color: #4d5f8b;}
.sitemap .ul3 > li {}
.sitemap .ul3 > li > a {font-size: 0.9em;line-height: 1.8;position: relative;padding-left: 10px;}
.sitemap .ul3 > li > a:hover {text-decoration: underline;}
.sitemap .ul3 > li > a:before {display: block;content: '·';position: absolute;top: 0;left: 0;}

.email {}
.email .arti01 {padding: 50px;box-sizing:border-box;border: 1px solid #ddd;}

@media(max-width:1300px){
	#bo_cate.bo_cate2_5 > ul > li {width: calc(16.6% - 1px);margin-left: 1px;margin-bottom: 1px;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(8n+1) {margin-left: 0;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(8n+8) {margin-right: 0;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(6n+1) {margin-left: 1px;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(6n+6) {margin-right: 1px;}
}

@media(max-width:1024px){
}


@media(max-width:800px){
	#bo_vc article {padding-right: 120px;}
	#bo_vc article header .bo_vc_hdinfo {top: 1em;transform: translateY(0);margin-top: 3px;}
	#bo_vc article footer {margin-right: -90px;}
	#bo_vc article footer:after {display: block;clear: both;content: '';}
	#bo_vc .bo_vc_act {position: static;transform: translateY(0);float: right;}
	
	#bo_cate.bo_cate2_5 > ul > li {width: calc(50% - 1px);margin-left: 1px !important;margin-bottom: 1px !important;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(6n+1) {margin-left: 0 !important;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(6n+6) {margin-right: 0 !important;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(2n+1) {margin-left: 0 !important;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(4n+4) {margin-right: 0 !important;}
	#bo_cate.bo_cate2_5 > ul > li:nth-child(4n+1) {margin-left: 0 !important;}
}

@media(max-width:640px){
	#bo_cate {margin-bottom: 2em;}
	#bo_cate > ul > li {width: calc(24% - 1%);margin-left: 1%;}
	#bo_cate > ul > li:nth-child(4n+1) {margin-left: 1%;}
	#bo_cate > ul > li:nth-child(4n+4) {margin-right: 0;}

	#bo_vc {margin-top: 5vw;}
	#bo_vc h2 {margin-bottom: 5vw;}
	#bo_vc article {padding: 3vw;}
	#bo_vc article p {width: 100%;padding-left: 3vw;box-sizing:border-box;padding-right: 11vw;}
	#bo_vc article header .bo_vc_hdinfo {right: 15vw;}
	#bo_vc article footer {margin-right: 0;margin-top: 0;}
	#bo_vc article header .member {width: auto;margin-top: 0;}
	#bo_vc article header .member span {padding-left: 3vw;}
	#bo_vc article header .icon_reply img {width: 3vw;}
	#bo_vc article header .icon_reply span {margin-left: 2vw;}
	#bo_vc article .flie_down {margin-left: 5vw;margin-top: 2vw;}
	#bo_vc .bo_vc_act {position: absolute;top: 0;right: 0;}
	#bo_vc .bo_vc_act > li {float: none;margin-left: 0;margin-bottom: 0.5vw;}
	#bo_vc .bo_vc_act > li a {width: auto;line-height: 2;padding: 0 3vw;}
	#bo_vc article + .add {margin-left: 3vw !important;}
	#bo_vc article + .add + .add {margin-left: 6vw !important;}
	#bo_vc article + .add + .add + .add {margin-left: 9vw !important;}
	#bo_vc article + .add + .add + .add + .add {margin-left: 12vw !important;}

	#bo_vc_w {padding: 3vw;}
	.area textarea {height: 30vw;}
	.area input {height: 30vw;box-sizing:border-box;padding: 2vw;word-break:break-all;white-space: inherit;}


	.email .arti01 {padding: 5vw;}

	.sitemap .ul1 > li {width: 49%;margin-left: 2%;}
	.sitemap .ul1 > li:nth-child(3n+1) {clear:none;margin-left: 2%;}
	.sitemap .ul1 > li:nth-child(2n+1) {clear:both;margin-left: 0;}
	.sitemap .ul1 > li .ul2 {height: auto !important;}

	.btm_btns {margin-top: 5vw;}

	.respon_v #bo_v_atc {padding-bottom: 5vw;}
	#bo_v_file .view_file_download img {width: 5vw;}

	.btn_ty {min-width: 0;padding: 0 3vw;font-size: 1em;}

	.pg_wrap .pg_page, .pg_wrap .pg_current {width: 6vw;line-height: 6vw;}
	.pg_wrap .pg_first,
	.pg_wrap .pg_prev,
	.pg_wrap .pg_next,
	.pg_wrap .pg_end {width: 8vw;}
}