@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:bold;}

/** paginb_Bx **/
.paginb_Bx {position:relative; text-align: center; height:40px; line-height:40px; margin:30px 0 17px;}
.paginb_Bx a {display:inline-block; height:40px; line-height:40px; width:40px; border:1px solid #dfdfdf; color:#777; background:#fff; margin:0 2px;}
.paginb_Bx a:hover,
.paginb_Bx a.nowpage {background:#999; color:#fff; border:1px solid #999;}
.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 {letter-spacing:-1px; font-weight:bold; color:#bbb;}
.paginb_Bx a.direction:hover {color:#fff;}
.paginb_Bx a.direction.next {text-indent:1px;}
.paginb_Bx a.direction.prev {text-indent:-1px;}
.paginb_Bx .btn01 { float:right; width:auto; vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:40px; border:1px solid #475893; background:#475893; text-align:center; font-weight:bold; color:#fff; }

@media (max-width: 768px) {
	.paginb_Bx {height: auto;}
	.paginb_Bx .btn01 {display: block; float: none; width: 120px; margin: 20px auto 0;}
}
@media (max-width: 425px) {
	.paginb_Bx a {height: 28px; line-height: 28px; width: 28px;}
}


/** search_bx **/
.search_bx *{line-height: 1.1em; vertical-align: top;}
.search_bx {text-align: center; padding: 25px 0 0 0;}
.search_bx .search_sel{width: 55px; height: 25px; padding:0; border: 1px solid #ccc; padding:0;}
.search_bx .search_inpuut{width: 149px; height: 23px; padding:0; border: 1px solid #ccc; padding:0;}

/**lst_tab_bx**/
.lst_tab_bx {width: 100%; overflow: hidden; height:25px;}
.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_guide{width: auto; overflow: hidden;}
.view_guide .view_h{padding: 14px 15px; border-top: 2px solid #000; color: #353535; font-size: 15px; background-color: #eff2f8; font-weight: bold; border-bottom: 1px solid #ccc;}
.view_guide .txt_bottom{border-bottom: 1px solid #e4e4e4; overflow: hidden; width: auto; min-height:46px; }
.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 .view_txt{min-height: 296px; line-height: 18px; border-bottom: 1px solid #e4e4e4;}
.view_guide .file_bottom {border-bottom: 1px solid #e4e4e4; overflow: hidden; width: auto; min-height:46px; padding: 12px 0 12px 10px;}
.view_guide .file_bottom .txt {font-weight:bold}
#font_plus_minus {padding:20px 15px; width:100%; box-sizing:border-box;  word-wrap:break-word;}
#font_plus_minus img {max-width:740px !important;}
.view_guide .input_btm{width: auto; padding: 10px 0;overflow: hidden; border-top: 2px solid #000;}
.view_guide .input_btm strong{display: block; float: left; color: #000; font-size: 12px; padding: 7px 13px 0 10px;}
.view_guide .input_btm .ico_h{padding-left: 18px !important; background:url("../images/sub/ico_write.gif") no-repeat left 4px;}
.view_guide .input_btm input{display: block; float: left; width: 60px; height: 24px; padding:0; border: 1px solid #ccc; line-height: 24px;}
.view_guide .input_btm .spam_ico{display: block; float: left; margin: 0 0 0 5px;}
.view_guide .text_area_bx{width: auto; overflow: hidden;}
.view_guide .text_area_bx .i_text{padding: 10px; width: 659px; height: 57px; display: block; float: left; border: 1px solid #ccc; line-height: 18px;}
.view_guide .text_area_bx .repple_btn{display: block; float: left; margin: 0 0 0 8px; }
.view_guide .view_btn_bx{width: auto; overflow: hidden; padding: 15px 0;}
.view_guide .view_btn_bx .lft_bx{float: left;}
.view_guide .view_btn_bx .rgt_bx{float: right;}
.view_guide .comment_m {border-top:1px solid #ddd; padding:7px; text-align:left;}
.view_guide .comment_m input {width:100px; margin-bottom:3px;}
.view_guide .comment_m textarea {padding: 10px; width: 651px; height: 57px; margin-right:5px; vertical-align:top;}

.view_paging {width:100%; border:1px solid #ccc;}
.view_paging th {width: 150px; padding:2px; 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 (max-width: 640px) {
	.view_guide .file_bottom .txt {display: none;}
	.view_paging th {width: 100px;}
}
@media (max-width: 375px) {
	.view_guide .txt_bottom .txt_bx span {font-size: 13px;}
	.view_guide .txt_bottom .txt_bx .rgt_txt02 {margin-right: 0;}
	.view_paging th {width: 80px; font-size: 13px;}

}


/** write_guide **/
table.write_guide{
	width:100%;
	border-left:1px solid #e4e4e4;
	border-top: 2px solid #000;
	box-sizing:border-box;
}
table.write_guide th{
	width: 150px;
	font-size:14px; 
	color:#000;
	background-color:#eff2f8;
	border-right:1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
table.write_guide td{
	padding:10px; 
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
table.write_guide td input[type=text] {
	width:99%;
	height:30px; 
	padding:10px; 
	background:#fff; 
	border:1px solid #dadada; 
	float:left;
}
table.write_guide td input.small-input {
	width:200px;
	margin-right:10px;
}
table.write_guide td select {
	width:150px;
	height:34px; 
	line-height:34px;
	border:1px solid #e4e4e4;
	float:left;
}
table.write_guide textarea {
	width:99%;
	height:200px;
	line-height:18px;
	border:1px solid #e4e4e4; 
}
table.write_guide .line_txt{
	width:20px;
	line-height:34px;
	font-size:12px;  
	text-align:center;
	display: block; 
	float:left; 
}

@media (max-width: 540px) {
	table.write_guide th {width: 100px;}
}
@media (max-width: 450px) {
	table.write_guide td input {width: 100% !important;}
	table.write_guide td #zsfImg {margin-left: 0 !important; margin-top: 5px !important;}
}
@media (max-width: 350px) {
	table.write_guide th {display: block; width: 100%; padding: 5px;}
	table.write_guide td {display: block; width: 100%; overflow: hidden; text-align: center;}
}

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

@media (max-width: 480px) {
	.password_bx { border: 6px solid #ebebeb; padding: 50px 0; }
	.password_bx strong {display: block; margin-bottom: 20px; color:#000; font-size: 15px;}
}

/** 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:10px;
	border:1px solid #e4e4e4; 
	overflow-y: auto;
}
.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; 
}

.scroll_table {position: relative; width: 100%; overflow-y: auto;}
.scroll_table::-webkit-scrollbar {height: 10px;}
.scroll_table::-webkit-scrollbar-thumb { background: #333; background-clip: padding-box; border: 2px solid transparent; border-radius: 20px;}
.scroll_table::-webkit-scrollbar-track { background: #e9e9e9; border-radius: 20px;}
.scroll_table em {display: none; margin-bottom: 10px; font-style: normal;}
.scroll_table table {min-width: 620px;}
@media (max-width: 680px) {
	.scroll_table em {display: block;}
}

/** lst_guide01 **/
.lst_guide01{width:100%; border-top:2px solid #000;}
.lst_guide01 th{background-color: #eff2f8; color: #370000; text-align: center; font-weight: normal; padding: 10px 0; border-bottom: 1px solid #e4e4e4; text-align: center; color: #000;}
.lst_guide01 td{background-color: #fff; color: #370000; text-align: center; font-weight: normal; padding: 10px 0; border-bottom: 1px solid #e4e4e4; text-align: center; color: #000;}
.lst_guide01 td.num{color: #ccc;}
.lst_guide01 td.td_lft{text-align: left; padding: 10px 0 10px 10px;}

.lst_guide01 thead th:first-child {width: 70px;}
.lst_guide01 thead th:nth-child(2) {width: calc(100% - 340px);}
.lst_guide01 thead th:nth-child(3) {width: 100px;}
.lst_guide01 thead th:nth-child(4) {width: 100px;}
.lst_guide01 thead th:last-child {width: 70px;}
.lst_guide01 tbody td:nth-child(2) {width: calc(100% - 340px);}
.lst_guide01 tbody td:nth-child(2) a {}
.no_cont {width:100%;text-align:center;padding:80px 0; color:#828282; font-size:13px;}

@media (max-width: 768px) {
	.lst_guide01 thead th:first-child {width: 60px;}

	.lst_guide01.bbs_table thead th:nth-child(3) {display: none;}
	.lst_guide01.bbs_table thead th:last-child {display: none;}

	.lst_guide01.bbs_table tbody td:nth-child(3) {display: none;}
	.lst_guide01.bbs_table tbody td:last-child {display: none;}
	
	.lst_guide01.bbs_table thead th:nth-child(2) {width: calc(100% - 170px);}
	.lst_guide01.bbs_table tbody td:nth-child(2) {width: calc(100% - 170px);}
}

@media (max-width: 480px) {
	.lst_guide01.bbs_table thead th:nth-child(4) {display: none;}
	.lst_guide01.bbs_table tbody td:nth-child(2) {display: block; width: 100%; border-bottom: none;padding: 5px 5px 0 0;}
	.lst_guide01.bbs_table tbody td:nth-child(4) {display: block; width: 100%; text-align: right; padding: 5px 10px 5px 0; font-size: 13px; color:#999}
}

/** 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 #e4e4e4;}
.view_bx dl dt{color: #353537; float: left; background-color: #fff; border-top:1px solid #e4e4e4; font-weight: bold; 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 #e4e4e4; border-left:1px solid #e4e4e4; font-weight: bold; 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: bold; 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%;}

table.view_table input.box,
table.view_table textarea.textarea {border:1px solid #ccc;}
.view_table th{background-color: #eff2f8; color: #370000; text-align: center; font-weight: normal; padding: 10px 0; border-bottom: 1px solid #e4e4e4; text-align: center; color: #000;}
.view_table td{background-color: #fff; color: #370000; text-align: center; font-weight: normal; padding: 10px 10px; border-bottom: 1px solid #e4e4e4; text-align:left; color: #000;}

/** Tab_img (갤러리 리스트) **/
.Tab_img {margin-bottom:20px;}
.Tab_img li {display:inline-block; margin:0 18px 18px 0;}
.Tab_img li:nth-child(4n){margin-right:0;}
.Tab_img li.last {margin-right:0;}
.Tab_img li>a{display:block; width:179px; height:169px; position:relative;}
.Tab_img li>a img {width:179px; height:169px;}
.Tab_img li>a span{display:block; width:179px; height:35px; line-height:35px; text-align:center; font-size:14px; color: #fff; position:absolute; left:0; bottom:0; background: url(/images/common/thum_lst_img_line.png) no-repeat left top;}


/** 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;
	width:995px;
	margin:0 auto;
	overflow:hidden;
}
.faq ul {
	border-bottom:1px solid #ddd;
	padding:0 20px;
}
.faq li {
	padding:15px 0; 
	position:relative;
	cursor:pointer;
}
.faq li:last-child {
	line-height:24px;
	background:#f6f6f6;
	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:50px;
	font-size:24px;
	color:#1f2774;
	display:inline-block;
}
.faq li:last-child span {
	color:#da3223;
	width:50px;
	display:table-cell;
}
.faq li.faq_off {
	display:none;
}

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



/*탭게시판*/
.tabList {width: 100%; margin-bottom: 20px; overflow: hidden; border: 1px solid #e2e2e2;}
.tabList li {width: 50%; height: 50px; line-height: 50px; text-align: center; float: left; background: #fff;}
.tabList li:first-child {border-right: 1px solid #e2e2e2;}
.tabList li.on, .tabList li:hover {background: #465986; color:#fff; font-weight: bold;}

.tabCont {display: none;}
.tabCont.on {display: block;}