@charset "utf-8";

/************************************************************************   게  시  판   ******************************************************************************************************/

.notice {display:inline-block; height:20px; line-height:19px; width:35px; font-size:13px; color:#fff; background:#465986; margin:0 2px;}
tr.td_notice td {background:#f9f9f9;}
tr.td_notice td a {font-weight:500;}

/** paginb_Bx **/
.paginb_Bx {position:relative; text-align:center; height:38px; line-height:38px; margin:30px 0 17px;}
.paginb_Bx a {display:inline-block; vertical-align:top; width:40px; height:38px; line-height:38px; color:#929292; font-size:17px; margin:0 2px;}
.paginb_Bx a:hover,
.paginb_Bx a.nowpage {color:#000;}
.paginb_Bx a.nowpage {cursor:default;}

.paginb_Bx .btn_wrte {position:absolute; display:inline-block; padding:0; border:none; background:none; right:-2px; width:auto; height:23px;}
.paginb_Bx a.btn_wrte:hover {background:none;}
.paginb_Bx a.direction {border-radius:38px; font-weight:500; color:#bbb; border:1px solid #d8d8d8; font-size:0 }
.paginb_Bx a.direction:hover {color:#fff;}
.paginb_Bx a.direction.next {margin-left:20px; background:url('../images/contents/icon_btn_next.gif') no-repeat center}
.paginb_Bx a.direction.prev {margin-right:20px; background:url('../images/contents/icon_btn_prev.gif') no-repeat center}
.paginb_Bx a.direction.first {width:46px;background:url('../images/contents/icon_btn_first.gif') no-repeat center}
.paginb_Bx a.direction.end {width:46px;background:url('../images/contents/icon_btn_end.gif') no-repeat center}

/* .paginb_Bx a.btn01 { float:right; width:auto; vertical-align:top; padding:0 30px; font-weight:500; color:#fff; } */
.paginb_Bx a.btn01 {position: absolute; right: 0; top: 0; width:auto; vertical-align:top; padding:0 30px; font-weight:500; color:#fff; }
.paginb_Bx a.btn01:hover { color:#fff; }

@media screen and (max-width:800px) {
	.paginb_Bx a.btn01 {left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:150%; width: 100px;}
	
}
@media screen and (max-width:765px) {
	.paginb_Bx { height:24px; line-height:24px;}
	.paginb_Bx a {width:24px; height:24px; line-height:24px; font-size:15px; }
	.paginb_Bx a.direction.next {margin-left:5px;}
	.paginb_Bx a.direction.prev {margin-right:5px;}
	.paginb_Bx a.direction.next,
	.paginb_Bx a.direction.prev {background-size:6px auto}
	.paginb_Bx a.direction.first, 
	.paginb_Bx a.direction.end {width:36px;background-size:10px auto}
	.paginb_Bx a.btn01 { height:30px; line-height:30px; padding:0 10px;  }
}
@media screen and (max-width:480px) {
	/* .paginb_Bx a.btn01 { float:none; width:auto; margin:20px auto 50px; } */
	.paginb_Bx a.btn01 {width: 70%;}
}
@media screen and (max-width:340px) {
	.paginb_Bx { height:20px; line-height:20px;}
	.paginb_Bx a {width:20px; height:20px; line-height:20px; font-size:13px; }
	.paginb_Bx a.direction.next {margin-left:5px;}
	.paginb_Bx a.direction.prev {margin-right:5px;}
	.paginb_Bx a.direction.first, 
	.paginb_Bx a.direction.end {width:30px;}
}

/* search */
.sub_search { text-align:center; margin:0 0 45px; }
.sub_search .sub_tipbox2 {float:left;padding: 0px 93px 0 66px; border-right: 1px solid #ddd; color:#333;}
.sub_search .sub_tipbox2 div{font-size:15px;}
.sub_search .syb-botm{position:relative; top:4px; }

.sub_search2 { float:left; width:210px; margin:0 0 25px; }
.sub_search2 .selectric-wrapper { display:inline-block; vertical-align:top; width:150px }

.guide_box  { overflow:hidden; background:#edf8f0; border:1px #d1ead3 solid; font-size:16px; padding:20px; margin:0 0 30px; }
.guide_box .ex_icon { float:left; margin-right:20px; width:45px; height:45px; line-height:47px; border-radius:45px; text-align:center; 
border:1px solid #246f1c; }
.guide_box .ex_icon i { color:#246f1c; font-size:24px; }
.guide_box.mtop { margin-top:75px; }
.guide_box.tit { text-align:center; color:#246f1c; font-size:22px; font-weight:600 }

.search_select { font-size:18px; vertical-align:top; padding:0 0 0 5px; background:#fff; border:1px  solid #d4d4d4; width:100px; height:56px; line-height:56px; }
.search_input { font-size:18px; vertical-align:top; padding:0 10px; background:#fff; border:1px  solid #166adc !important; border-right:none; width:503px; height:56px;/*  line-height:56px;  */}
a.search_btn, .search_btn { display:inline-block; vertical-align:top; width:56px; height:56px; line-height:56px; 
background:#166adc url('../images/common/icon_search.png') no-repeat center; border:none; font-size:0; cursor:pointer; text-align:center;}
.email_f, .email_e, .email_s { width:150px;}


@media screen and (max-width:1240px) {
	.search_select, .search_input { font-size:13px; height:40px; /* line-height:40px;  */}
	.search_input { width:260px; }
	a.search_btn, .search_btn { width:40px; height:40px; line-height:40px; background-size:20px auto }
}
@media screen and (max-width:1040px) {
	.guide_box.mtop { margin-top:56px; }
	.sub_search2 { margin:0 0 10px; }
}
@media screen and (max-width:820px) {
	.guide_box,
	.guide { font-size:14px; }
	.guide_box br { display:none }
}
@media screen and (max-width:480px) {
	.sub_search { margin:0 0 25px; }
	.search_input { width:calc(100% - 40px); }
	.guide_box { font-size:13px; padding:10px 10px 10px 15px; margin:0 0 20px; line-height:18px;; }
	.guide { font-size:13px; }
	.guide_box .ex_icon { margin-top:5px; }
	.guide_box.mtop { margin-top:36px; }
	.guide_box.tit { font-size:18px; }
}
@media screen and (max-width:400px) {
	.guide_box .ex_icon { margin-top:12px; }
}


.boardSearch {
	width:40%;
	height:60px;
	min-width:300px;
	margin:0 auto;
	margin-bottom:30px;
	border:2px solid #ddd;
	position:relative;
}
.boardSearch input.bsInput {
	width:calc(100% - 60px);
	line-height:56px;
	border:0;
	text-indent:15px;
	font-size:18px;
	float:left;
}
.boardSearch a {
	width:60px;
	height:60px;
	line-height:55px;
	text-align:center;
	font-size:22px;
	display:block;
	float:right;
}


/**lst_tab_bx**/
.lst_tab_bx {width:100%; overflow:hidden; height:30px;}
.lst_tab_bx .count_bx{float:left; display:block; color:#000;}
.lst_tab_bx .paginb_bx{float:right; display:block; color:#000;}

/** view_guide **/
.view_title { padding:30px 0 20px; }
.view_title h3 { display:block; padding-bottom:25px; font-size:30px; font-weight:600; color:#000; }
.view_title h4 { display:block; color:#666; font-size:14px; font-weight:500; }
.view_title span { font-size:16px; color:#999 }
.view_title span.hit { margin-left:20px; /*background:url('../images/contents/icon_hit.png') no-repeat 0 center;*/ padding-left:25px }

.view_guide{width:auto; overflow:hidden; color:#353535; font-size:15px; }
.view_guide h3 { height:50px; line-height:50px; border-bottom:1px solid #dcdcdc; color:#353535; font-size:18px; padding-left:15px; }
.view_guide h3 b { color:#246f1c; font-size:18px; }
.view_guide h4 { padding:10px 0 0; color:#666; font-size:14px; font-weight:500; padding-left:15px; }

.view_guide .view_file { text-align:center; font-size:14px; line-height:16px; background-color:#f4f4f4; margin-bottom:50px; }
.view_guide .file_txt { border-bottom:1px dashed #ddd; display:block; overflow:hidden; }
.view_guide .file_txt:last-child {
	border-bottom:0;
}
.view_guide .file_txt .tit { float:left; width:10%; line-height:50px;}
.view_guide .file_txt .info { float:left; width:90%; line-height:50px; padding-left:10px; text-align:left; }
.view_guide .file_txt .info i { color:#166adc; margin-right:5px }

.view_guide .txt_bottom{border-bottom:1px solid #d6d6d6; overflow:hidden; width:auto;}
.view_guide .txt_bottom .txt_bx{float:right; overflow:hidden; padding:8px 0 12px;}
.view_guide .txt_bottom .txt_bx .rgt_txt{float:left; padding:4px 10px 0 0;}
.view_guide .txt_bottom .txt_bx .rgt_txt01{float:left; padding:4px 10px 0 0;}
.view_guide .txt_bottom .txt_bx .rgt_txt02{float:left; padding:4px 0 0 0; margin:0 15px 0 0;}
.view_guide .txt_bottom .txt_bx a{float:left; margin:0 5px 0 0;}
.view_guide .txt_bottom .view_txt .text_bx_img{text-align:center;}

/* view_list_wrap 상세설명 */
.view_guide .view_list_wrap { overflow:hidden; }
.view_guide .view_list_wrap .img { float:left; width:200px; margin-top:20px; }
.view_guide .view_list_wrap .view_list {float:right; width:100%; margin-top:20px; padding:14px 24px;background:#f2f2f2;}
.view_guide .view_list_wrap .view_list.img_w {width:calc(100% - 230px)}
.view_guide .view_list_wrap .view_list .item{position:relative;line-height:26px;padding-left:16px;}
.view_guide .view_list_wrap .view_list .item:after{content:"";display:block;width:3px;height:3px;position:absolute;top:11px;left:5px;background:#246f1c}
.view_guide .view_list_wrap .view_list .item .title{display: inline-block;color:#333;font-weight:600;width:85px;vertical-align: top;}
.view_guide .view_list_wrap .view_list .item .summary{display: inline-block;color:#666666;padding-left:10px;vertical-align: top;width:calc(100% - 105px)}

.view_guide .view_txt {height:auto; line-height:1.5; padding-bottom:50px; }
.view_guide .view_txt img {max-width:100%}
.view_guide .view_txt .player { position:relative; width:100%; padding-top:57%; }
.view_guide .view_txt .player iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
.view_guide .view_txt .view_table_wrap:after {display:block; content:""; clear:both }
#font_plus_minus {padding:20px 0px 50px; width:100%; box-sizing:border-box;  word-wrap:break-word;}
#font_plus_minus img {max-width:100% !important; height: auto;}

.view_explain {border-bottom:1px solid #246f1c;margin:20px 0 8px}
.view_explain .view_explain_tit {display:block;padding-top:6px;border-radius:5px 5px 0 0; width:100px;height:30px;line-height:1;background:#246f1c;
text-align:center;color:#fff;font-size:16px;font-weight:500}


/* 댓글작성 */
.view_guide .input_btm {width:auto; padding:10px 0; overflow:hidden; border-top:2px solid #000;}
.view_guide .input_btm .w_input {width:100px; }
.view_guide .input_btm .bb { display:inline-block; }
.view_guide .input_btm strong {display:inline-block; line-height:35px; color:#333; font-size:12px; padding:0 13px 0 10px;}
.view_guide .input_btm .ico_h {background:url("../images/sub/ico_write.gif") no-repeat left 4px;}
.view_guide .input_btm input {display:inline-block; width:60px; height:35px; height:35px; padding:0; border:1px solid #ccc; background:#f5f5f5}
.view_guide .input_btm .spam_ico {display:inline-block; vertical-align:top; margin:0 0 0 5px; }
.view_guide .input_btm .spam_ico img { height:35px !important;}
.view_guide .text_area_bx {width:auto; overflow:hidden; margin-bottom:50px; }
.view_guide .text_area_bx .i_text { padding:10px; width:89%; height:57px; display:block; float:left; border:1px solid #ccc; background:#f5f5f5; line-height:18px;}
.view_guide .repple_btn {display:block; float:left; margin:0 0 0 1%; width:10%; height:57px; line-height:57px; padding:0; background:#104a70; }

/* 댓글목록 */
.view_table input.box, .view_table textarea.textarea { border:1px solid #ccc; }
.view_table th { text-align:center; padding:10px 0; text-align:center; color:#000;}
.view_table td { text-align:center; text-align:left; color:#000;  }
.view_table .writer { text-align:left; width:60%; padding:0 5px; border-top:1px solid #d6d6d6; }
.view_table .rep { text-align:right; width:40%; padding:10px 5px;  border-top:1px solid #d6d6d6;  }
.view_table .rep_con { padding:10px 5px 20px; color:#666; font-size:15px; }

/* 댓글수정 */
.view_guide .comment_m_wrap { overflow:hidden; padding:10px; border-radius:5px; background:#f5f5f5 }
.view_guide .comment_m {padding:7px; text-align:left; overflow:hidden}
.view_guide .comment_m input {width:100px; height:35px; line-height:35px; margin-bottom:3px;}
.view_guide .comment_m textarea { float:left; padding:10px; width:85%; height:57px; margin-top:5px; vertical-align:top; }
.view_guide .comment_m .repple_btn { float:left; margin-top:5px; width:13.5%; }
.view_guide .comment_m strong { line-height:35px; color:#666; margin-right:10px}

/* 버튼영역 */
.view_guide .view_btn_bx {position:relative; padding:15px 0; margin-top:15px; text-align:center; border-top:1px solid #d6d6d6; }
.view_guide .view_btn_bx .lft_bx{float:left; }
.view_guide .view_btn_bx .rgt_bx{float:right;}
.btn_con_prev {position:absolute; top:60px; left:0; padding-left:20px; background:url('../images/contents/icon_arrow_left.gif') no-repeat 0 4px}
.btn_con_next {position:absolute; top:60px; right:0; padding-right:20px; background:url('../images/contents/icon_arrow_right.gif') no-repeat right 4px}
.view_guide .view_btn_bx .btn_list { margin-top:27px; display:inline-block; width:180px; height:50px; line-height:50px; border-radius:5px; color:#ed6d00; border: 2px solid #ed6d00; font-size:17px; }
.view_guide .view_btn_bx .btn_list i { font-size:24px; margin-right:5px }

/* 이전글다음글 */
.view_paging {width:100%; border:1px solid #ccc;}
.view_paging th {padding:2px; width:154px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#eee; text-align:center;}
.view_paging td {padding:2px 10px; border-bottom:1px solid #ccc; background:#fff;}
.view_paging td span {display:block; height:32px; overflow:hidden;}
.view_paging td a {display:block; color:#7c97b2; line-height:32px;}


@media screen and (max-width:1240px) {
	.view_guide .input_btm strong { line-height:30px; }
	.view_guide .input_btm input { height:30px; line-height:30px;}
	.view_guide .input_btm .spam_ico img { height:30px !important;}
	.view_guide .comment_m input { height:30px; line-height:30px;}
	.view_guide .comment_m strong { line-height:30px; }
}
@media screen and (max-width:1040px) {
	.view_paging th { width:130px; }
	.view_table .rep_con { font-size:14px; }
	.view_explain .view_explain_tit { line-height:1.3; }
}
@media screen and (max-width:765px) {
	.view_title { padding:20px 0 10px;}
	.view_title span { font-size:13px; }
	.view_title h3 { padding-bottom:15px; font-size:24px; line-height:30px }
	.view_guide .writer { width:50%; }
	.view_guide .rep { width:50%; }
	.view_guide .writer a,
	.view_guide .rep a { width:50px; padding:0 } 
	.view_guide .text_area_bx .i_text{width:80%;}
	.view_guide .repple_btn{ width:18%; }
	.view_guide .input_btm .ico_h {width:89px; margin-bottom:3px; }
	.view_guide .input_btm .w_input { width:140px; }
	.view_paging th { width:90px; }

	.view_guide .view_file { font-size:13px;}
	.view_guide .file_txt .tit { width:15%; }
	.view_guide .file_txt .info { width:85%; }

	.btn_con_prev {top:30px;}
	.btn_con_next {top:30px;}

	/* view_list_wrap 상세설명 */
	.view_guide .view_list_wrap .img { float:none; width:200px; margin:20px auto; }
	.view_guide .view_list_wrap .view_list { padding:14px; }
	.view_guide .view_list_wrap .view_list.img_w { float:none; width:100% }

	.view_guide .view_btn_bx .btn_list { margin-top:5px; width:160px; height:45px; line-height:45px; font-size:15px; }
	.view_guide .view_btn_bx .btn_list i { font-size:18px; margin-right:3px }
}
@media screen and (max-width:510px) {
	.view_title h3 { font-size:20px; line-height:24px }
	.view_guide h3,
	.view_guide h3 b { font-size:16px; }
	.view_table .writer { width:65%; }
	.view_table .rep { width:35%; }
	.view_guide .writer a,
	.view_guide .rep a { width:40px; font-size:13px; } 
	.view_guide .comment_m_wrap { padding:5px; }
	.view_guide .comment_m textarea { width:80%; }
	.view_guide .comment_m .repple_btn { width:18.5%}
	.view_table .rep_con { font-size:13px; }
	.view_guide .text_area_bx { margin-bottom:30px; }
	.view_explain .view_explain_tit { font-size:14px; }
	.view_guide .view_btn_bx .btn_list { width:120px; height:35px; line-height:35px; font-size:13px; }
}
@media (max-width:380px) {
	.view_guide h3,
	.view_guide h3 b { font-size:14px; }
	.view_guide .input_btm .bb {clear:both; display:block; margin-top:5px;}
	.view_guide .input_btm .ico_h {margin-bottom:0; }
	.view_guide .view_btn_bx .btn_list { width:80px; }
	.view_guide .view_btn_bx .btn_list i { font-size:16px; }
	
	.view_guide .file_txt .tit { display:none; }
	.view_guide .file_txt .info { width:100%; }
}

/** write_guide **/
.write_guide {
	width:100%;
	border-left:1px solid #d6d6d6;
	box-sizing:border-box;
}
.write_guide.mtop { margin-top:20px; }
.write_guide th {
	font-size:15px; 
	color:#333;
	font-weight:500;
	background-color:#eff2f8;
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}
.write_guide th.th2{
	font-size:15px; 
	color:#333;
	font-weight:500;
	background-color:#f5f5f5;
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}
.write_guide td {
	font-size:15px; 
	padding:10px; 
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}

.write_guide span { margin-left:10px; font-size:13px }
.write_guide br { display:none }
.write_guide .w1 { width:154px; }
.write_guide .w2 { width:130px; }
.write_guide .input_w { width:60px }
.write_guide .input_w2 { width:65px }
.upload_input { width:300px }
.info_line { display:inline-block; color:#ff4200; line-height:40px; margin-left:5px}
.info_block { display:block; color:#333; line-height:21px; margin-top:10px; }
.write_input_subj { width:100% }

@media screen and (max-width:1240px) {
	.info_line { line-height:30px; }
}
@media screen and (max-width:1040px) {
	.write_guide .w1 { width:130px; }
	.write_guide .w2 { width:110px; }
	.write_guide th,
	.write_guide th.th2,
	.write_guide td { font-size:14px; }
	.info_block { margin:10px 20px 0; text-align:left; }
}
@media screen and (max-width:768px) {
	.write_guide .w1 { width:90px; }
	.write_guide .w2 { width:90px; }
}
@media screen and (max-width:510px) {
	.write_guide th,
	.write_guide th.th2,
	.write_guide td { font-size:13px; }
	.write_guide br { display:block }
	.write_guide .w1 { width:60px; }
	.write_guide .w2 { width:80px; }
	.write_guide .input_w { width:50px }
	.write_guide .input_w2 { width:55px }
	.upload_input { width:auto }
	.info_line { display:block; line-height:24px; margin-top:5px}
}

/** password_bx **/
.password_bx { width:auto; overflow:hidden; border:11px solid #ebebeb; text-align:center; padding:130px 0;}
.password_bx strong { display:inline-block; line-height:40px;}
.password_bx input { display:inline-block; width:150px; height:40px; padding:0; border:1px solid #ccc; line-height:40px; text-indent:3px;}
.password_bx a img {vertical-align:bottom;}

@media screen and (max-width:1240px) {
	.password_bx strong{ line-height:30px;}
	.password_bx input { height:30px; line-height:30px; }
}
@media screen and (max-width:510px) {
	.password_bx { border:5px solid #ebebeb; padding:70px 0 90px;}
	.password_bx strong { display:block; margin-bottom:10px; }

}
/** passwd_div **/
.passwd_div {text-align:center;}
.passwd_div ul li {display:inline-block;}
.passwd_div ul li a img {vertical-align:middle; margin-top:-5px;}

/** scroll_bx **/
.scroll_bx{
	width:auto; 
	height:150px;
	padding:30px; 
	margin-top:20px;
	border:1px solid #d6d6d6; 
	overflow-y:auto;
}

@media screen and (max-width:1020px) {
	.scroll_bx{
		padding:20px; 
	}
}
.scroll_bx strong{
	font-size:16px; 
	color:#000; 
	display:block;
	padding:0 0 20px;
}

.scroll_bx .dl_lst dt{
	color:#000; 
	margin-bottom:5px;
}
.scroll_bx .dl_lst dd{
	padding:0 0 10px; 
	line-height:20px;
	color:#7b7b7b;
	font-size:14px; 
}

/** lst_guide01 **/
.lst_guide01{width:100%; /* border-top:3px solid #000; */ border-top:2px solid #000; table-layout: fixed;}
.lst_guide01 th{background:#eee; color:#370000; text-align:center; font-size:17px; font-weight:normal; height:39px; padding:10px 0; 
border-bottom:1px solid #d6d6d6; text-align:center; color:#000;}
.lst_guide01 td{line-height:1; background:#fff; color:#370000; text-align:center; font-size:17px; font-weight:normal; height:99px; padding:10px 0; 
border-bottom:1px solid #d6d6d6; text-align:center; color:#303030; }
.lst_guide01 td strong {display:block;font-size:18px;color:#333;}
.lst_guide01 td span {font-size:14px;}
.lst_guide01 td.num {width:100px;}
.lst_guide01 td.num div {
	/*background: #180000; */
    /* color: #fff; */
    padding: 10px;
    border-radius: 100px;
    width: 40px;
    margin: 0 auto;
    height: 40px;
    line-height: 1.4;
    border: 1px solid #999;
}
.lst_guide01 td.date,
.lst_guide01 td.sub {width:100px;color:#999; font-size:13px;}
.lst_guide01 td.hit {width:70px;color:#999; font-size:13px;}
.lst_guide01 td.wirter {width:120px;color:#999; font-size:13px;}

.lst_guide01 td.td_lft {text-align:left; padding:10px 0 10px 10px;}
.lst_guide01 td.td_lft strong { color:#246f1c }
.lst_guide01 th a, 
.lst_guide01 td a { color:#000; font-weight:600; font-size:17px; /* line-height:1.1; */ line-height:1.3; width:90%;
display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align: middle;}
.lst_guide01 th a:hover, .lst_guide01 td a:hover { color:#ed6d00 }
.lst_guide01 td div.wirter{color: #999;font-size: 14px;}
.no_cont {width:100%;text-align:center;padding:80px 0; color:#828282; font-size:18px;}
.lst_guide01 td.subject img { width:30px; padding-left: 15px; }

@media screen and (max-width:1040px) {
	.lst_guide01 th, .lst_guide01 td,
	.lst_guide01 th a, .lst_guide01 td a,
	.lst_guide01 td strong { font-size:14px; }
}
@media screen and (max-width:765px) {
	.lst_guide01 td.num {width:40px}
	.lst_guide01 td.date,
	.lst_guide01 td.hit,
	.lst_guide01 td.wirter {width:80px}
}
@media screen and (max-width:640px) {
	.lst_guide01 th, .lst_guide01 td { height:45px;}
	.lst_guide01 td.subject { padding-top:15px; }
	.lst_guide01 th a, .lst_guide01 td a { font-size:13px; }
	.lst_guide01 td strong  {font-size:13px;}
	.lst_guide01 td span {font-size:13px;}
	.lst_guide01 td.num {width:40px}
	.lst_guide01 td.date,
	.lst_guide01 td.sub {width:80px; font-size:11px;}
	.lst_guide01 td.hit, .lst_guide01 td.wirter {display:none}
}


/* 게시판 상단 카테고리 */
.list_category{background-color:#fafafa;padding:15px 0 15px 0;margin-bottom:30px;border:1px solid #e7e7e7;border-top:2px solid #246f1c}
.list_category .list_category_depth {padding-left:25px;margin:0 16px 10px 15px;line-height:.9}
.list_category .list_category_depth .view_text{position:relative;display:inline-block;font-size:16px;color:#000;font-weight:500}
.list_category ul:after{content:"";display:block;clear:both}
.list_category ul{padding:0 40px;}
.list_category ul li{float:left;width:20%;line-height:24px}
.list_category ul li a{font-size:16px;color:#333;}
.list_category ul li a:hover{text-decoration: underline;}

@media screen and (max-width:1040px) {
	.list_category{padding:15px 0 10px 0;}
	.list_category .list_category_depth{padding-left:10px;margin:0 10px 10px 0;}
	.list_category ul{padding:0 10px;}
	.list_category ul li{width:60%;}
	.list_category ul li:nth-child(2n) {width:40%;}
	.list_category ul li a{font-size:13px;}
}


/* notice */
.notice_w { overflow:hidden; margin-bottom:60px; }
.notice_w li { float:left; width:23.875%; margin-right:1.5% }
.notice_w li:last-child { margin-right:0 }
.notice { display:block; position:relative; width:100%; height:315px; background:#ececec url('../images/contents/icon_notice.png') no-repeat 23px top;
padding:43px 20px 23px 23px;
-moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; 
-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;}

.notice dt { overflow:hidden; font-size:17px; line-height:26px; height:55px; padding-left:78px; margin-bottom:33px; font-weight:500; color:#000 }
.notice dd.info { overflow:hidden; font-size:15px; line-height:24px; height:100px; font-weight:300; color:#404040 }
.notice dd.date { position:absolute; left:23px; bottom:23px; font-family:'Arial'; font-size:16px; font-weight:bold; color:#2a2a2a }
.notice:hover { background:#bbb url('../images/contents/icon_notice.png') no-repeat 23px top; }

/* 반응형 --------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width:1340px) {
	.notice_w li { width:25%; margin-right:0 }
	.notice_w li:last-child { width:25% }
	.notice { padding-top:20px; width:98%; }
	.notice, .notice:hover { background-size:48px; }
	.notice dt { font-size:15px; line-height:24px; padding-left:58px; }
	.notice dt br { display:none }
}
@media (max-width:1040px) {
	.notice_w li { width:50%; margin-bottom:10px; }
	.notice_w li:last-child { width:50% }
	.notice_w li:nth-child(2n) .notice { float:right }
	.notice { padding-top:20px; height:235px; }
	.notice dt { margin-bottom:20px; padding-left:68px;}
	.notice dd.info { height:75px; }
}
@media (max-width:640px) {
	.notice_w { margin-bottom:20px; }
	.notice_w li { float:none; width:100%; }
	.notice_w li:last-child { width:100% }
	.notice_w li:nth-child(2n) .notice { float:none }

	.notice { width:100%; height:230px; padding:25px 20px; background-size:48px; }
	.notice:hover { background-size:48px; }
	.notice dt { font-size:16px; line-height:24px; }
	.notice dd.info { font-size:14px; line-height:21px; height:80px; }
	.notice dd.date { left:20px; bottom:20px; font-size:14px; }
}
@media (max-width:480px) {
	.notice { padding:20px 20px; background-size:40px; }
	.notice:hover { background-size:40px; }
	.notice dt { font-size:14px; line-height:21px; padding-left:55px; }
}

/** view_bx **/
.view_bx{overflow:hidden; border-top:2px solid #000; padding:0 0 20px;}
.view_bx .title_bx{width:auto;}
.view_bx dl{line-height:1.1em; vertical-align:top;}
.view_bx dl{width:auto; overflow:hidden; background-color:#eff2f8; border-bottom:1px solid #d6d6d6;}
.view_bx dl dt{color:#353537; float:left; background-color:#fff; border-top:1px solid #d6d6d6; font-weight:500; width:100px; padding:12px 0 12px 26px; height:100%; text-align:left; }
.view_bx dl dd{color:#353537; float:left; background-color:#fff; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; font-weight:500; width:603px; text-align:left; padding:12px 20px;}
.view_bx dl .top_dt{width:100px; background-color:#eff2f8; float:left; border-top:0 none;}
.view_bx dl .top_dd{width:603px; background-color:#eff2f8; border-top:0 none;}
.view_bx dl dd a{ font-weight:500; color:#065ddf;}
.view_bx dl .gray_bg {background-color:#eff2f8;} 
.view_bx .text_bx {word-wrap:break-word;  line-height:21px !important;  color:#353537; padding:30px 15px; width:auto; border-bottom:1px solid #d5d5d5;}
.view_bx .text_bx img {max-width:100%;}

/** photo (갤러리 리스트) **/
.photo { overflow:hidden }
.photo li { float:left; width:32.6%; margin-right:1.1%; margin-bottom:1.1% }
.photo li:nth-child(3n) { margin-right:0 }
.photo li .wrap { display:block; background:#ececec; padding:25px 25px; width:100%; }
.photo li .wrap .frame { z-index:1; width:100%; height:270px; overflow:hidden; background:#000;}
.photo li .wrap .frame img { width:100%; z-index:1; height:270px; 
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
}
.photo li .wrap .frame:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity:0.5; filter:alpha(opacity=50);
}

.photo li .wrap .info p.tit {padding:19px 0 26px; height:98px; font-size:18px; line-height:26px; font-weight:500; color:#333; border-bottom:1px solid #d1d1d1 }
.photo li .wrap .info p.con {position:relative;height:37px;font-size:16px}
.photo li .wrap .info p.con .date {position:absolute;left:0;top:18px;color:#9d9d9d}
.photo li .wrap .info p.con .hit {position:absolute;right:0;top:18px;color:#9d9d9d}
.photo li .wrap .info p.con .hit img {vertical-align:top;padding-top:6px;}


/* 사무소소개 */
.photo.office li .wrap { padding:25px 25px 15px; height:500px; }
.photo.office li .wrap .info p.tit {padding:15px 0; height:auto; }
.photo.office li .wrap .info li {clear:both;float:none;width:auto;color:#333}
.photo.office li .wrap .info p.con {position:static;height:auto;padding-top:10px;}
.photo.office li .wrap .info li span.tit {float:left;display:block;vertical-align:top;width:40px;color:#f08080;padding-right:10px}
.photo.office li .wrap .info li span.txt {float:left;display:block;vertical-align:top;width:calc(100% - 40px);color:#333;}

.photo.office li .wrap .info li span.tit2 {float:left;display:block;vertical-align:top;width:65px;color:#f08080;padding-right:5px}
.photo.office li .wrap .info li span.txt2 {float:left;display:block;vertical-align:top;width:calc(100% - 65px);color:#333;}

/* 소식지 */
.photo.letter li { width:24.175% }
.photo.letter li:nth-child(3n) { margin-right:1.1% }
.photo.letter li:nth-child(4n) { margin-right:0 }
.photo.letter li .wrap .frame { height:370px; }
.photo.letter li .wrap .frame img { height:370px; }
.photo.letter li .wrap .info p.tit { height:62px; }
.photo.letter li .wrap .info .down {position:absolute;right:0;top:18px;height:26px;padding:0 0 0 20px;width:auto;
color:#246f1c;background:url('/images/contents/icon_down.gif') no-repeat left center}
.photo.letter li .wrap .info .down:hover { color:#246f1c }

/* ============================================================================================================================================================== */

@media screen and (max-width:1240px) { 
	.photo li { width:49.5%; margin-right:0; }
	.photo li:nth-child(2n) { float:right; }
	.photo li:nth-child(3n) { margin-right:0; }

	.photo.letter li { width:49.5%; margin-right:0; }
	.photo.letter li:nth-child(2n) { float:right; }
	.photo.letter li:nth-child(3n),
	.photo.letter li:nth-child(4n) { margin-right:0 }

}

/* ============================================================================================================================================================== */

@media screen and (max-width:1040px) { 

	.photo.office.st li .wrap { height:500px; }

}
/* ============================================================================================================================================================== */

@media screen and (max-width:820px) { 
	.photo li .wrap .frame,
	.photo li .wrap .frame img { height:180px; }
	.photo li .wrap .info p.tit {font-size:16px; line-height:24px;}

	.photo.office li .wrap { height:380px; }
	.photo.office.st li .wrap { height:400px; }

}

/* ============================================================================================================================================================== */

@media screen and (max-width:640px) { 
	.photo li .wrap .frame,
	.photo li .wrap .frame img { height:140px; }

	.photo.office li .wrap,
	.photo.office.st li .wrap { height:380px; }

	.photo.letter li { float:none; width:auto; margin-bottom:10px }
	.photo.letter li:nth-child(2n) { float:none; }
	.photo.letter li .wrap .info .down { top:10px; }
}

/* ============================================================================================================================================================== */

@media screen and (max-width:500px) { 
	.photo li { float:none; width:auto; margin-bottom:10px }
	.photo li:nth-child(2n) { float:none; }
	.photo li .wrap { padding:15px; }
	.photo li .wrap .frame,
	.photo li .wrap .frame img { height:200px; }
	.photo li .wrap .info p.con { height:27px;}
	.photo li .wrap .info p.con .date,
	.photo li .wrap .info p.con .hit {top:10px;}
	.photo li .wrap .info p.con .hit img {padding-top:3px;}
	.photo li .wrap .info p.tit { padding:15px 0; height:70px; font-size:14px; line-height:21px;}

	.photo.letter li .wrap .info p.tit { height:52px; }
	.photo.office li .wrap { height:400px; }
	.photo.office.st li .wrap { height:420px; }

}
/* ============================================================================================================================================================== */

@media screen and (max-width:380px) { 

	.photo.office.st li .wrap { height:420px; }

}


/** 제품상세 **/
.goods_v_cont .img {display:inline-block; vertical-align:top; width:360px; height:320px; background:#f8f8f8; border:1px solid #d9d9d9; margin:0 30px 0 0;}
.goods_v_cont .img p {line-height:0;}
.goods_v_cont .img img {width:100%; height:100%;}
.goods_v_cont .data {display:inline-block; vertical-align:top; width:800px;}
.goods_v_cont .data h4 {font-size:23px; color:#112a8a; font-weight:600; padding:0 0 17px 0; background:none; margin:0; border-bottom:1px solid #d9d9d9;}
.goods_v_cont .data dl {padding:21px 0 17px 3px;}
.goods_v_cont .data dl dt {display:inline-block; vertical-align:top; width:90px; margin-bottom:20px; font-size:15px; color:#818181; font-weight:500; line-height:21px;}
.goods_v_cont .data dl dd {display:inline-block; vertical-align:top; width:700px; margin-bottom:20px; font-size:15px; color:#484848; font-weight:500; line-height:21px;}
.goods_v_cont .data .btn01 {display:inline-block; width:174px; height:38px; line-height:38px; margin-right:17px; color:#fff; font-weight:500; font-size:17px; text-indent:40px; background:url("/images/sub/btn01_bg.jpg") no-repeat;}
a.btn_down, .btn_down { display:inline-block; width:220px; padding:0 40px 0 20px; height:38px; line-height:38px; border-radius:38px; font-weight:500; font-size:16px; text-indent:15px; 
background:#375196 url("../images/common/btn_down.gif") no-repeat 85% center; font-weight:500; color:#fff; }

.goods_v_cont .detail_data {width:100%;}
.goods_v_cont .detail_data .con_tit { display:block; height:40px; line-height:40px; background:url('../images/sub/product_info_bg.gif') repeat; 
padding-left:20px; margin:50px 0 20px; font-size:18px; font-weight:500;color:#fff; }
.goods_v_cont .detail_data img {max-width:757px;}
.goods_v_cont .go_list {display:block; width:118px; text-align:center; padding:12px 0; font-weight:500; font-size:16px; color:#696969; margin:50px auto 0; background:#e9e9e9;}


/** gallery_cont **/
.gallery_cont {padding:0 0 30px;}
.gallery_cont h3 {font-size:28px; margin-bottom:19px;}
.gallery_cont .view_bx {width:auto;}
.gallery_cont .view_bx .gtb01 {width:100%}
.gallery_cont .view_bx .gtb01 thead{background:#eee;}
.gallery_cont .view_bx .gtb01 tr{height:40px; border-bottom:1px solid #ddd;}
.gallery_cont .view_bx .gtb01 th{border-right:1px solid #ddd; color:#000;}
.gallery_cont .view_bx .gtb01 td{padding:15px;}


/* FAQ */
.faq {border-top:2px solid #000;margin:0 auto;overflow:hidden;}
.faq ul {border-bottom:1px solid #ddd;padding:0 20px;}
.faq li {padding:10px 0 20px; position:relative;cursor:pointer;}
.faq li:last-child {line-height:24px;background:#eff2f8;padding:20px;margin-bottom:20px;font-size:14px;}
.faq li:last-child div {display:table-cell;}
.faq li div.faq_minus,
.faq div.faq_plus {position:absolute;right:10px;top:19px;}
.faq li span {width:40px;font-size:24px;font-weight:500;color:#2a94bd;display:inline-block;}
.faq li:last-child span {color:#da3223 !important;width:40px;display:table-cell;}
.faq li.faq_off {display:none;}
.faq li p { padding-left:40px }
.faq li b { font-size:16px; color:#000 }

.faq div.faq_minus { display:inline-block; width:12px !important; height:15px; background:url('../images/common/faq_minus.gif') no-repeat }
.faq div.faq_plus { display:inline-block; width:12px; height:15px; background:url('../images/common/faq_plus.gif') no-repeat }


/* 테이블 */
.fbig {width:200px;color:#006187; font-size:20px; }
.c_btn_prev, .c_btn_next {display:inline-block; border-radius:3px; width:30px; height:30px; line-height:30px; border:1px solid #dcdcdc; box-shadow:0 2px 2px rgba(221, 221, 221, 0.7); 
background:linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);}
.calendar {width:100%; margin:30px auto 50px; border-top:2px solid #000; border-bottom:none;  border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.calendar th {background-color:#eff2f8; color:#370000; text-align:center; font-weight:500; padding:10px 0; border-bottom:1px solid #ccc; }
.calendar td {padding:10px; height:70px; color:#797979; font-size:14px; font-weight:500; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; text-align:center;}
.calendar td:last-child {border-right:none}
.calendar td a {display:inline-block; font-size:14px; color:#fff; }
.calendar td a:hover{color:#fff;}
.calendar td.b01 {background:#ececec;}
.calendar td.b02 {background:#80c7e7;border-right:1px dashed #fff;border-bottom:1px dashed #fff}
.calendar td.b03 {background:#34a0d1;border-right:1px dashed #fff;border-bottom:1px dashed #fff}
.r_box {float:right;border:1px solid #dcdcdc;padding:5px 15px; font-size:13px}
.y_bar {display:inline-block; width:30px; height:10px; margin-right:10px; background:#80c7e7}
.n_bar {display:inline-block; width:30px; height:10px; margin:0 10px 0 15px; background:#ececec}


.btnDown {
}
.btnDown a {
	height: 50px;
	line-height: 52px;
	padding: 0 20px;
	display: inline-block;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}
@media screen and (max-width:1040px) {
	.btnDown a {
		width: 100%;
		text-align: center;
	}
}