:root {
	--search_title_zone : left;
	--search_select_width : 20%;
	--search_input_width : 67%;
	--search_btn_width : 10%;
	--input_height: 36px;
	--context_height : 4.125em;
	--context_box_bordertop : 1px solid #ddd;
	--context_box_borderbottom : 1px solid #ddd;
	--content_li_bordertop : 1px solid #e7e7e7;
	--content_box_hover : #f0f8ff;
	--img_box : 1px solid #ddd;
	--title_color : #000;
	--title_fontsize : 18px;
	--content_color : #767676;
	--content_fontsize:14px;
	--content2_color: #666;
	--total_msg_color:#767676;
	--total_count: #767676;
	--bootstrap_1em: 14px;
    --content2_subtitle: 12px;
	--content2_icon: 22px;
	--paging_icon: 30px;
}
@media all and (min-width:320px) and (max-width:767px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 30%;
		--search_input_width : 50%;
		--search_btn_width : 17%;
		--input_height: 36px;
		--context_height : 4.125em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--title_fontsize : 18px;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 14px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

/* ---------------------------------------------------------
	layout : 테블렛 ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:768px) and (max-width:1024px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 25%;
		--search_input_width : 55%;
		--search_btn_width : 17%;
		--input_height: 36px;
		--context_height : 5.925em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--title_fontsize : 18px;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 14px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

/* ---------------------------------------------------------
	layout : 데스크탑 ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:1025px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 20%;
		--search_input_width : 67%;
		--search_btn_width : 10%;
		--input_height: 36px;
		--context_height : 9.825em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--title_fontsize : 18px;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 14px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

#bbs_content { margin:0 auto; padding:0px;  min-height: 300px; overflow-x: hidden; }

.bbs_content input[type='text'], .bbs_content input[type='password'], .bbs_content input[type='file'], .bbs_content input[type='email'], .bbs_content input[type='number'], .bbs_content input[type='search'], .bbs_content input[type='tel'], .bbs_content input[type='url'], .bbs_content textarea, [action] .bbs_content textarea { -webkit-border-radius: 0; -webkit-appearance: none; padding: 0 .525em; border: 1px solid #dadada; background-color: #ffffff; font-size:14px; }
input[readonly] { background-color: #f3f3f8; opacity: 1; }
input .placeholder { padding: 0 8px; color: #bbb; }
html input[type='button'], input[type='submit'], input[type='reset'], button, button[class*='button'], button[type='submit'], button[type='reset'], .button, a[class*='button'] { -webkit-border-radius: 0; -webkit-appearance: none; padding: .5em .75em; border: 1px solid #dadada; background-color: #eee; color: #333; line-height: 1.375; white-space: nowrap; }

[class*='search1select'] { position: relative; margin: 0 -.5% 1.5em; overflow: hidden; font-size:var(--bootstrap_1em); }
[class*='search1select'] fieldset { margin: 0; }
[class*='search1select'] fieldset legend { display:none; }
[class*='search'] form, [class*='search'] fieldset { margin: 0; }

.search1select2 .search_title_zone { width: 100%;display: inline-flex;text-align: var(--search_title_zone); }
.search1select2 [class*='select'] { width: 20%; }
[class*='search1select'] [class*='select'] { width: var(--search_select_width); height: var(--input_height); margin-left: .5%; margin-right: .5%; background-color:#fff; border: 1px solid #ccc; }
.search1select2 .text1 { width: 39%; }
[class*='search1select'] .text1 { width: var(--search_input_width); height: var(--input_height); margin-left: .5%; margin-right: .5%; border: 1px solid #ccc; padding: 0 10px; border-radius:2px; }
[class*='search1select'] .submit { width: var(--search_btn_width); height: var(--input_height); margin-left: .5%; margin-right: .5%; padding-left: 0; padding-right: 0; }
.button.submit { border:1px solid #175fa5; background-color: #175fa5; color: #fff; border-radius:2px; }
.button.submit:hover { border:1px solid #124c84; background-color: #2874b7; color: #fff; transition: .2s ease-out; -webkit-appearance: none;}


button, input[type='button'], input[type='submit'], input[type='reset'], input[type='image'] { overflow: visible; cursor: pointer; }
label, input, textarea, select, button, table, pre, pre, code, kbd, samp, i, em, cite, dfn, var, address { font-style: normal; font-size: var(--bootstrap_1em); font-family: inherit; letter-spacing: inherit; }
[class*='search1select'] fieldset { margin: 0; }
[class*='search'] form, [class*='search'] fieldset { margin: 0; }
[class*='search1select'] { position: relative; margin: 0 -.5% 1.5em; overflow: hidden; }

.search1select2 input:hover { border:1px solid #428bca; }
.bbs_select { height:34px;padding:7px;min-width: 120px;border:1px solid #dadada; font-size:14px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bbs/images/select-arrow.png) no-repeat right center; }
.bbs_select:hover, .bbs_select:active, .bbs_select:focus { border:1px solid #428bca; }
.bbs_select::-ms-expand { display: none; }

{* 목록(그림1.글3.아이콘1) 20180222 *}
.list1f1t3i1 { margin:0 0 1.5em;line-height:20px;overflow:hidden; }
.list1f1t3i1 .lst1 { list-style:none;margin:0;padding:0;border-top: 2px solid #175fa5;border-bottom:var(--context_box_borderbottom);overflow:hidden; }
.list1f1t3i1 .li1 { margin:0;padding:0;border-top:var(--content_li_bordertop);overflow:hidden; }
.list1f1t3i1 .li1:first-child { border:0; }
.list1f1t3i1 .li1 .a1 { display:block;padding:1.375em 0;text-decoration:none;overflow:hidden; }
.list1f1t3i1 .li1 .a1:hover, .list1f1t3i1 .li1 .a1:focus, .list1f1t3i1 .li1 .a1 { transition:.2s; }
.list1f1t3i1 .li1 .a1:hover, .list1f1t3i1 .li1 .a1:focus, .list1f1t3i1 .li1 .a1:active { background:var(--content_box_hover);  }
.list1f1t3i1 .li1 .a1:hover .t2:after, .list1f1t3i1 .li1 .a1:focus .t2:after, .list1f1t3i1 .li1 .a1:active .t2:after { display:none; }
.list1f1t3i1 .li1 .f1 { float:left;position:relative;width:27%;margin:0 3% 0 0; }
.list1f1t3i1 .li1 .f1 .f1p1 { display:block;position:relative;padding:0 0 66.666%;overflow:hidden;border:var(--img_box); }
.list1f1t3i1 .li1 .f1 img { display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;transition:.2s; }

.list1f1t3i1 .li1 .f1+.wrap1texts { float:left;width:70%; }

.list1f1t3i1 .li1 .t1 { display:block; color:var(--title_color); font-weight:500; font-size:var(--title_fontsize); }
.list1f1t3i1 .li1 .curno { display:block; color:#175fa5; font-weight:500; font-size:var(--title_fontsize);}
.list1f1t3i1 .li1 .curno:hover, .list1f1t3i1 .li1 .curno:focus, .list1f1t3i1 .li1 .curno:active { background:var(--content_box_hover);  }

.list1f1t3i1 .li1 .answer_title::before { display:block; float:left; content:''; width:15px; height:15px; border:2px solid #f50; border-top:none; border-right:none; margin-right:5px; } {* 답변추가 2020.04.16 *}
.answer .t1, .answer .wrap1t3  { padding-left:20px; } {* 답변추가 2020.04.16 *}
.list1f1t3i1 .answer { border-top:1px dotted #e7e7e7; }
.list1f1t3i1 .li1 .t1 .comment_num { margin-left:3px; } {* 댓글카운트 추가 2020.04.16 *}

.list1f1t3i1 .li1 .t2 { display:block;position:relative;
	max-height: var(--context_height);
	margin:.833em 0 0;
	color:var(--content_color);
	font-size:var(--content_fontsize);
	overflow:hidden;
}
.list1f1t3i1 .li1 .t2curno { display:block;position:relative;background:#f0f8ff;
	max-height: var(--context_height);
	margin:.833em 0 0;
	color:var(--content_color);
	font-size:var(--content_fontsize);
	overflow:hidden;
}
.list1f1t3i1 .li1 .t2:after { content:'…';display:block;
	position:absolute;right:0;bottom:0;
	width:3em;height:1.375em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.list1f1t3i1 .li1 .wrap1ics { display:block;margin:.75em 0; }
.list1f1t3i1 .li1 .wrap1ics>img { vertical-align:middle; }
.list1f1t3i1 .li1 .wrap1t3 { display:block;margin:.75em 0 0;color:var(--content2_color); }
.list1f1t3i1 .li1 .t3 { display:inline;
	padding:0 .2em 0 .6em;
	background:url('/bbs/images/sep1s.png') no-repeat 0 50%;
	font-size:var(--content2_subtitle);
}
.list1f1t3i1 .li1 .t3:first-child { display:inline;padding-left:0;background:transparent; }
.list1f1t3i1 .ic1.new { display:inline-block;overflow:hidden;
	margin:0 0 -4px;
	text-align:center;
}
.list1f1t3i1 .ic1.new:before { content:'N';display:inline-block;
	width:12px;height:12px;
	margin:0 0 2px;
	padding:2px;
	background:#f50;
	color:#fff;
	font:normal 12px/1 Helvetica,Arial,sans-serif;
	white-space:nowrap;
}
.list1f1t3i1 .ic1.new .t1 { position:absolute;left:-9999px; }
{* effect *}
.list1f1t3i1 .a1:hover .f1 img, .list1f1t3i1 .a1:focus .f1 img { transform:scale(1.1); }
.infomenu1 { z-index:10;clear:both;position:relative;margin:24px 0 0; }
.infomenu1:before,
.infomenu1:after { content:'';display:table;clear:both; }
.infomenu1 .info1 { color:var(--total_msg_color); margin: 5px; font-size:var(--bootstrap_1em); }
.infomenu1 .info1 b { color:var(--total_count); }
.infomenu1 .left { float:left;text-align:left; }
.infomenu1 .right { float:right;text-align:right; }
.infomenu1 .center { margin:0 auto;text-align:center; }
.infomenu1 .center .button { margin-left:4px;margin-right:4px; }

.infomenu1 a.sale_registration_btn { display:block; color: white; float:right;  background:rgb(1, 57, 131); padding:10px 20px; margin-bottom:10px; }
.infomenu1 a.sale_registration_btn:hover { background:#2874b7; text-decoration:none; }
.infomenu1 a i { margin-right:0px; font-size:var(--content2_icon); }

.right { float: right; padding: .375em 0; }
.mg0 { margin: 0 !important; }


.bbs_pagination { clear:both;width:100%;margin:4px auto 8px;text-align:center; }
.bbs_pagination .m { display:inline; }
.bbs_pagination .m a { display:inline-block;
	width:24px;height:24px;
	margin:0 1px 6px 1px;
	border:1px solid #d7d7d7;
	background:#fff;
	color:#777;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
	box-sizing:border-box;
}
.bbs_pagination .pages .m a { width:24px; min-width:16px; padding:0 12px; line-height:24px; box-sizing:border-box; }
.bbs_pagination .pages .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; transition: .2s ease-out; -webkit-appearance: none;}
.bbs_pagination .pages .on a { border-color:transparent; background:#2874b7; color:#fff; }


.bbs_pagination .control .m a .ic { display:block;
	font-weight:100;
	font-family: Arial, sans-serif;
}
.bbs_pagination .control .m a .ic:hover { display:block;
	font-weight:100;
	font-family: Arial, sans-serif;
	color:#fff;
}
.bbs_pagination a:not([href]) { cursor:default; }
.bbs_pagination .control a:not([href]) { opacity:.4; }

@media all and (max-width:360px) {
	.bbs_pagination { margin-top:12px;margin-bottom:0; }
	.bbs_pagination .m a { width:34px;height:34px; }
	.bbs_pagination .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; }
	.bbs_pagination .pages .m a { width:auto;line-height:34px; }
	.bbs_pagination .control .m a .ic { line-height:27px;font-size:var(--paging_icon); }
	.bbs_pagination:nth-of-child(9) { background:red; color:red; }
}

@media all and (min-width:360px){
	.bbs_pagination { margin-top:12px;margin-bottom:0; }
	.bbs_pagination .m a { width:34px;height:34px; }
	.bbs_pagination .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; }
	.bbs_pagination .pages .m a { width:auto;line-height:34px; }
	.bbs_pagination .control .m a .ic { line-height:27px;font-size:var(--paging_icon); }
	.bbs_pagination:nth-of-child(9) { background:red; color:red; }
}

/* ========== BBS Button  ========== */
.bbs_btn_zone_list { z-index: 10; clear: both; position: relative; margin: 10px 0;  }
.bbs_btn_zone_list:before,
.bbs_btn_zone_list:after { content:'';display:table;clear:both; }
.bbs_btn_zone_list .left { float:left;text-align:left; margin:0;}
.bbs_btn_zone_list .right { float:right;text-align:right; margin:0;}
.bbs_btn_zone_list a i {  font-size:22px; }

.bbs_button {  }
.bbs_button.write_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.reply_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.modify_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.delete_btn { background:#363940;  color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.list_btn {  background:#fff;  color: #333; border: 1px solid #999; padding: 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }

.bbs_button.write_btn:hover,
.bbs_button.reply_btn:hover,
.bbs_button.modify_btn:hover,
.bbs_button.delete_btn:hover,
.bbs_button.list_btn:hover { background:#2874b7; color:#fff; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

.Pstyle {
   opacity : 0;
   display : none;
   position : relative;
   width : 300px;
   border : 2px solid #fff;
   padding : 10px;
   background-color : #fff;
   border-radius:5px;
}
.b-close {
   position : absolute;
   right : 5px;
   top : 5px;
   padding : 0px; /* padding : 5px; */
   display : inline-block;
   cursor : pointer;
   color:#2874b7;
   background:#fff;
}

#bbs_sec_pw_list {
    margin-left: .5%;
    margin-right: .5%;
    border: 1px solid #ccc;
    padding: 0 10px;
    width: 150px;
    border-radius: 2px;
    height: 36px;
}

#bbs_sec_pw {
    margin-left: .5%;
    margin-right: .5%;
    border: 1px solid #ccc;
    padding: 0 10px;
    width: 150px;
    border-radius: 2px;
    height: 36px;
}

#sec_btn {
    padding: 8px;
    font-size: var(--bootstrap_1em);
    text-decoration: none;
    border-radius: 2px;

	background:#fd0066;color:#fff;border:1px solid #fd0066;
}
#sec_btn:hover { background:#ff0000; cursor:pointer; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

#sec_btn_list {
    padding: 8px;
    font-size: var(--bootstrap_1em);
    text-decoration: none;
    border-radius: 2px;

	background:#fd0066;color:#fff;border:1px solid #fd0066;
}
#sec_btn_list:hover { background:#ff0000; cursor:pointer; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

.Tab { overflow: hidden;margin:20px 0; }
.Tab li { float: left; padding:0; text-align: center; margin-bottom: 3px; }
.Tab li a { display: block; background:#fff; border:1px solid #d7d7d7; border-radius:5px; padding: 3px 10px; margin:3px 3px 3px 0; color: #000000; font-size: 14px;letter-spacing: 0; }
.Tab li a:hover, .Tab li a:focus, .Tab li a:active { background:#f2f4f2; }
.Tab li.active a { background: #175fa5;color: #fff; font-weight:100; border:1px solid #175fa5; }
.Tab li.active a:hover, .Tab li.active a:focus, .Tab li.active a:active { background: #4a9ad7;color: #fff; border:1px solid #4a9ad7; }
.Tab.w50 li { }
.selectLocation { display: none; }

@media (max-width: 767px) {
	.Tab { display: none; }
	.selectLocation { display: block; padding: 10px 0; height: 43px; width: 100%; margin: 0; background: #ffffff; }
}