@charset "utf-8"; 
.board_w { position:relative; width:100%; clear:both; }
/*�Խ��ǻ�� �Ǹ޴�*/
#selTab{margin-bottom:20px; height:auto; overflow:hidden;}
#selTab li {border:1px solid #ededed; padding:5px 6px; height:35px; line-height:35px; cursor:pointer; font-size: 13px; display: inline-block; width: 14%; text-align: center; float:left; }
#selTab li.active {background-color:#9c76b5; border:1px solid #9c76b5; color:#fff !important;} 

/*20191218 추가*/
#selTab.type1 li { width:13%;}

@media only screen and (max-width: 480px) {
	#selTab.type1 li {width:16%; padding:5px 2px; box-sizing:border-box; height:auto;}
	#selTab.type1 li:nth-child(2) {width:20%;}
	#selTab.type1 li:nth-child(4) {width:22%;}
	#selTab.type1 li:nth-child(6) {width:24%;}
}


/*�Խ����ϴ� �Խñ��̵��޴�*/
#moveTab a {border:1px solid #ededed; padding:5px 6px; cursor:pointer; font-size: 13px; display: inline-block; text-align: center; background-color:#9c76b5; border:1px solid #9c76b5; color:#fff !important;}
#moveTab select { height:33px; line-height:33px; font-size:14px; vertical-align:middle; margin-right:5px; }

/* Board Search **********************************************************************************************************************************************************************************************/
.board_top_w { position:relative; width:100%; margin:0px 0px 20px 0px; clear:both; }
.board_top_w p.text { font-size:16px; line-height:40px; font-weight:bold; color:#333; }
.board_top_w p.text span { font-size:16px; font-weight:bold; color:#7a6b8f; }
.sb_search { position:absolute; top:0px; right:0px; width:485px; }
.sb_search select { width:100px; height:35px; line-height:35px; font-size:14px; vertical-align:middle; float:left; margin-right:5px; }
.sb_search .sbs_ip { width:280px; height:33px; line-height:33px; font-size:14px; vertical-align:middle; float:left; margin-right:5px; padding:0 5px; color:#333; border:1px solid #ddd; background-color:#fff; }
.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block; width:80px; height:35px; line-height:35px; float:left; font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#7a6b8f; }

/* Board **********************************************************************************************************************************************************************************************/
/* List */
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
.sb_list .sb_table th { height:50px; line-height:50px; color:#333; font-size:14px; border-top:3px solid #7a6b8f; border-bottom:1px solid #ddd; background-color:#fafafa; }
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td { height:30px; padding:10px 5px; line-height:18px; font-size:14px; border-bottom:1px solid #ddd; color:#666; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#333; font-weight:bold; }

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #7a6b8f; border-left:1px solid #ddd; }
.sb_view .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:8px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #7a6b8f; border-left:1px solid #ddd; }
.sb_form .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sb_form .sv_table td.con { padding:20px 10px; }
	.sb_form .sv_table td input { vertical-align:middle;  }
	.input_w95{width:95%}

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #7a6b8f; }
.sb_list ul.web_zine_w li { position:relative; width:100%; height:185px; padding:20px; border-bottom:1px solid #ddd; }
.sb_list ul.web_zine_w li p.wz_img { width:225px; height:180px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:180px; border:1px solid #ddd; }
.sb_list ul.web_zine_w li dl { position:relative; width:65%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:18px; color:#333; padding:15px 0px; font-weight:bold; }
.sb_list ul.web_zine_w li dl dd.con { font-size:14px; color:#666; line-height:24px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #7a6b8f; border-bottom:1px solid #ddd; }
.sb_gall .sp_table { position:relative; width:98%; padding:0 1%; }
.sb_gall .sp_table dl { position:relative; width:22.5%; padding:30px 1% 10px 1%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:180px; padding:2px; border:1px solid #ddd; }
.sb_gall .sp_table dl dt img { width:100%; height:180px; }
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; font-size:14px; text-align:center; color:#666; font-weight:bold; }
.sb_gall .sp_table dl dd span { display:block; }


/* 성인지통계 */
.sb_gall.h_sb { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #7a6b8f; border-bottom:1px solid #ddd; }
.sb_gall.h_sb .sp_table { position:relative; width:98%; padding:0 1%; }
.sb_gall.h_sb .sp_table dl { position:relative; width:22.5%; padding:30px 1% 10px 1%; float:left; }
.sb_gall.h_sb .sp_table dl dt { position:relative; width:100%; height:180px ; padding:2px; border:1px solid #ddd; }
.sb_gall.h_sb .sp_table dl dt img { width:100%; height:180px ; }
.sb_gall.h_sb .sp_table dl dd { position:relative; width:100%; padding-top:15px ; font-size:14px; text-align:center; color:#666; font-weight:bold; height: auto;}
.sb_gall.h_sb .sp_table dl dd a{ padding-bottom:15px; }
.sb_gall.h_sb .sp_table dl dd span { display:block; }
.sb_gall.h_sb .sp_table dl dd .gallery__info--other {
	border-top: 1px solid #b0b0b0;
    margin-top: 10px;
    padding: 10px 0;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    color: #707070;
}
.sb_gall.h_sb .sp_table dl dd .gallery__info--other li {
    display: inline-block;
}
.sb_gall.h_sb .sp_table dl dd .gallery__info--other li span {
	display: inline-block !important;
}
.sb_gall.h_sb .sp_table dl dd .gallery__info--other li.data span {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #c7c7c7;
}



/* Certification */
.sb_cert { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #7a6b8f; border-bottom:1px solid #000; }
.sb_cert .sp_box { position:relative; width:98%; padding:0 1%; margin-top:20px; }
.sb_cert .sp_box dl { position:relative; width:18%; margin:20px 1%; float:left; }
.sb_cert .sp_box dl dt { position:relative; width:99%; border:1px solid #d5d5d5; }
.sb_cert .sp_box dl dt img { width:100%; }
.sb_cert .sp_box dl dd { position:relative; width:100%; padding:20px 0px 0px 0px; font-size:18px; text-align:center; color:#333; font-weight:bold; line-height:28px; }
.sb_cert .sp_box dl dd span.sc31_txt { font-size:14px; text-align:center; color:#666; font-weight:bold; line-height:28px; }
.sb_cert .sp_box dl dd span { display:block; }

/* Board Button **********************************************************************************************************************************************************************************************/
.sb_btn_w { position:relative; width:100%; height:100px; margin:20px 0px 0px 0px; clear:both; }
.sb_btn_w .sb_btn { float:right; }
.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#7a6b8f; }
.sb_btn_w .sb_btn p.b_btn_on a { font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#7a6b8f; }
.sb_btn_w .sb_btn p.b_btn_off a { font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }

.sb_btn_w .sb_btn button { margin:7px 1px 0px 1px; overflow:visible; display:inline-block; text-decoration:none !important; text-align:center; white-space:nowrap; cursor:pointer; }
.sb_btn_w .sb_btn button.b_btn_off,
.sb_btn_w .sb_btn button.b_btn_off:visited { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#444; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.b_btn_off:hover,
.sb_btn_w .sb_btn button.b_btn_off:active { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#444; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.b_btn_off:focus { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#444; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.b_btn_on,
.sb_btn_w .sb_btn button.b_btn_on:visited { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#7a6b8f; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.b_btn_on:hover,
.sb_btn_w .sb_btn button.b_btn_on:active { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#7a6b8f; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.b_btn_on:focus { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#7a6b8f; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }

/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { margin:40px 0px 20px 0px; text-align:center; clear:both; }
.sb_page a, .sb_page em, .sb_page img, .sb_page span { display:inline-block; vertical-align:top; }
.sb_page ol li { padding:0px 1px; }
.sb_page .no_off a { font-weight:bold; width:29px; height:34px; font-size:13px; line-height:28px; color:#7a6b8f; background:url("../images/board/no_bg.gif") no-repeat; }
.sb_page .no_on a { font-weight:bold; width:29px; height:34px; font-size:13px; line-height:28px; color:#fff; text-decoration:underline; background:url("../images/board/no_on_bg.gif") no-repeat; }
.m_sb_page { display:none; }

/* Search **********************************************************************************************************************************************************************************************/
.sc_search_w { position:relative; width:100%; clear:both; }
.sc_search_w .sc_st { position:relative; width:45%; height:26px; padding:15px 27%; border:1px solid #e4e4e4; background-color:#fafafa; }
.sc_search_w .sc_st .sbs_ip { width:78%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px; }
.sc_search_w .sc_st a.sbs_btn, 
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active { width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#7a6b8f; font-weight:bold; }

.sc_search_w .search_list_w { position:relative; width:100%; }
.sc_search_w .search_list_w h4 { min-height:36px; line-height:24px; padding-left:22px; font-size:18px; color:#444; font-weight:bold; margin:30px 0 10px 0; background:url("../images/sub/icon02.gif") no-repeat left 5px; }

.sc_search_w .search_list_w .search_list { padding:15px 0 15px 15px; border-top:3px solid #7a6b8f; border-bottom:1px solid #e4e4e4; }
.sc_search_w .search_list_w .search_list li { min-height:26px; line-height:26px; padding:5px 0px 5px 16px; font-size:16px; color:#444; font-weight:bold; background:url("../images/sub/icon03.gif") no-repeat left 14px; }
.sc_search_w .search_list_w .search_list li a { display:block; }
.sc_search_w .search_list_w .search_list li span { color:#7a6b8f; }

.sc_search_w .search_list_w .search_list02 { padding:15px 0 15px 15px; border-top:3px solid #7a6b8f; border-bottom:1px solid #e4e4e4; }
.sc_search_w .search_list_w .search_list02 dl { padding:10px 0; }
.sc_search_w .search_list_w .search_list02 dl dt { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#444; font-weight:bold; background:url("../images/sub/icon03.gif") no-repeat left 9px; }
.sc_search_w .search_list_w .search_list02 dl dt a { font-size:16px; color:#444; font-weight:bold; }

.sc_search_w .search_list_w .search_list02 dl dt span { color:#7a6b8f; }
.sc_search_w .search_list_w .search_list02 dl dt span.date { color:#666; padding-left:10px; }
.sc_search_w .search_list_w .search_list02 dl dd { font-size:13px; color:#888; font-weight:normal; padding:10px 0px 5px 15px; line-height:24px; }
.sc_search_w .search_list_w .search_list02 dl dd span { color:#7a6b8f; }

/* Board comment **********************************************************************************************************************************************************************************************/
.sbc { position:relative; width:100%; clear:both; border-top:1px solid #e4e4e4; padding:30px 0px 0px 0px; margin:30px 0px; }
.sbc .sbcw_w { position:relative; width:100%; }
.sbc .sbcw_w .sbcw_top { position:relative; width:95.5%; height:38px; line-height:40px; padding:0px 2%; background-color:#f8f9fa; border:1px solid #e4e4e4; }
.sbc .sbcw_w .sbcw_top span.txt01 { float:left; font-size:15px; font-weight:bold; }
.sbc .sbcw_w .sbcw_top span.txt02 { float:right; }
.sbc .sbcw_w .sbcw_bot { position:relative; width:100%; height:80px; margin-top:3px; }
.sbc .sbcw_w .sbcw_bot .txt_a { position:relative; width:87%; height:78px; float:left; margin-right:0.5%; }
.sbc .sbcw_w .sbcw_bot .txt_a .textarea { width:95%; height:68px; border:1px solid #e4e4e4; padding:5px 2%; font-size:13px; line-height:16px; }
.sbc .sbcw_w .sbcw_bot .btn { position:relative; width:12%; height:80px; float:left; text-align:center; font-weight:bold; line-height:80px; color:#fff; background-color:#a3432f;}
.sbc .sbcw_w .sbcw_bot .btn a { text-align:center; font-weight:bold; line-height:80px; color:#fff; background-color:#a3432f;}
.sbc .sbcv_w { position:relative; width:100%; clear:both; border-top:1px solid #e4e4e4; margin:30px 0px;}
.sbc .sbcv_w .sbcv_top { position:relative; width:95.5%; height:38px; line-height:40px; padding:10px 2% 0px 2%; font-size:15px; font-weight:bold; }
.sbc .sbcv_w .sbcv_list_w { position:relative; width:100%; margin-top:15px; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_top { position:relative; width:95.5%; height:38px; line-height:40px; padding:0px 2%; background-color:#f8f9fa; border:1px solid #e4e4e4; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_top span.txt01 { float:left; font-size:15px; font-weight:bold; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_top span.txt02 { float:right; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_bot { position:relative; width:95.5%; margin-top:3px; border:1px solid #e4e4e4; padding:3% 2%; font-size:15px; line-height:24px; }



/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* tablet device *******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media all and (min-width:641px) and (max-width:989px) { 
.board_w { position:relative; width:100%; clear:both; padding:0px; }

/* Board Search **********************************************************************************************************************************************************************************************/
.board_top_w { position:relative; width:100%; height:60px; margin:0px 0px 40px 0px; clear:both; }
.board_top_w p.text { font-size:16px; line-height:18px; font-weight:bold; color:#333; text-align:right; }
.board_top_w p.text span { font-size:16px; font-weight:bold; color:#7a6b8f; }
.sb_search { position:absolute; top:35px; right:0px; width:60%; }
.sb_search select { width:29%; height:35px; line-height:35px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }
.sb_search .sbs_ip { width:44%; height:33px; line-height:33px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; padding:0 2%; color:#333; border:1px solid #ddd; background-color:#fff; }
.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block; width:20%; height:35px; line-height:35px; float:left; font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#7a6b8f; }


/* Board **********************************************************************************************************************************************************************************************/
/* List */
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
 
.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #7a6b8f; border-bottom:1px solid #ddd; background-color:#fafafa; }
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td { height:25px; padding:10px 5px; line-height:18px; font-size:14px; border-bottom:1px solid #ddd; color:#666; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#333 !important; font-weight:bold; }

.sb_list .sb_table td a, 
.sb_list .sb_table td a:visited,
.sb_list .sb_table td a:hover, 
.sb_list .sb_table td a:active { color:#333; font-weight:bold; }

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #7a6b8f; border-left:1px solid #ddd; }
.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:2px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #7a6b8f; border-left:1px solid #ddd; }
.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle; }

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #7a6b8f; }
.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:155px; height:100%; padding:2% 20px; border-bottom:1px solid #ddd; }
.sb_list ul.web_zine_w li p.wz_img { width:30%; height:auto; min-height:150px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:150px; border:1px solid #ddd; }
.sb_list ul.web_zine_w li dl { position:relative; width:49%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-weight:bold; }
.sb_list ul.web_zine_w li dl dd.con { font-size:12px; color:#666; line-height:24px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #7a6b8f; border-bottom:1px solid #000; }
.sb_gall .sp_table { position:relative; width:98%; padding:0 1%; }
.sb_gall .sp_table dl { position:relative; width:31%; padding:30px 1% 10px 1%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:150px; padding:2px; border:1px solid #ddd; }
.sb_gall .sp_table dl dt img { width:100%; height:148px; }
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; font-size:12px; text-align:center; color:#666; font-weight:bold; }
.sb_gall .sp_table dl dd span { display:block; }


/* Certification */
.sb_cert { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #7a6b8f; border-bottom:1px solid #000; }
.sb_cert .sp_box { position:relative; width:98%; padding:0 1%; margin-top:20px; }
.sb_cert .sp_box dl { position:relative; width:31%; margin:20px 1%; float:left; }
.sb_cert .sp_box dl dt { position:relative; width:99%; border:1px solid #d5d5d5; }
.sb_cert .sp_box dl dt img { width:100%; }
.sb_cert .sp_box dl dd { position:relative; width:100%; padding:20px 0px 0px 0px; font-size:18px; text-align:center; color:#333; font-weight:bold; line-height:30px; }
.sb_cert .sp_box dl dd span.sc31_txt { font-size:14px; text-align:center; color:#666; font-weight:bold; line-height:28px; }
.sb_cert .sp_box dl dd span { display:block; }

/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { display:none; }
.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #ddd; background-color:#fafafa; clear:both; }
.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; }
.m_sb_page ul li strong { color:#7a6b8f; }
.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #ddd; }
.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #ddd; }
.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

 }



/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* mobile device ******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media all and (min-width:320px) and (max-width:640px) { 
	.board_w { position:relative; width:100%; clear:both; padding:0px; }

	/* Board Search **********************************************************************************************************************************************************************************************/
	.board_top_w { position:relative; width:100%; height:60px; margin:0px 0px 15px 0px; clear:both; }
	.board_top_w p.text { font-size:14px; line-height:18px; font-weight:bold; color:#333; text-align:right; }
	.board_top_w p.text span { font-size:14px; font-weight:bold; color:#7a6b8f; }
	.sb_search { position:absolute; top:30px; right:0px; width:80%; }
	.sb_search select { width:29%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }
	.sb_search .sbs_ip { width:44%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; padding:0 2%; color:#333; border:1px solid #ddd; background-color:#fff; }
	.sb_search a.sbs_btn, 
	.sb_search a.sbs_btn:visited,
	.sb_search a.sbs_btn:hover,
	.sb_search a.sbs_btn:active { display:block; width:20%; height:30px; line-height:28px; float:left; font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#7a6b8f; }

	.sb_search2 { position:absolute; top:30px; right:80%; width:20%; }
	.sb_search2 select { width:98%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }

	/* Board ******************************************************************************************************************************************************************************************************/
	/* List */
	.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
	.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
	.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #7a6b8f; border-bottom:1px solid #ddd; background-color:#fafafa; }
	.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
	.sb_list .sb_table td { height:26px; padding:5px 10px; line-height:14px; font-size:12px; color:#8b8b8b; border-bottom:1px solid #ddd; }
	.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
	.sb_list .sb_table td a.notice, 
	.sb_list .sb_table td a.notice:visited,
	.sb_list .sb_table td a.notice:hover, 
	.sb_list .sb_table td a.notice:active { color:#8b8b8b; font-weight:bold; }
	.sb_list .sb_table td ul { width:60px; margin:0 auto; }
	.sb_list .sb_table td ul.sort li { float:left; margin:2px 0px; }

	.sb_list .sb_table td a:hover {color:#333;}

	/* View */
	.sb_view { position:relative; width:100%; clear:both; }
	.sb_view .sv_table { width:99.5%; border-top:3px solid #7a6b8f; border-left:1px solid #ddd; }
	.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:12px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
	.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
	.sb_view a.file { padding:0; }
	.sb_view .file_icon { padding:2px 5px 0px 0px; }
	.sb_view span.down { color:#999; font-size:11px; }
	.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
	.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
	.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

	/* Form */
	.sb_form { position:relative; width:100%; clear:both; }
	.sb_form .sv_table { width:99.5%; border-top:3px solid #7a6b8f; border-left:1px solid #ddd; }
	.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:12px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; }
	.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
	.sb_form .sv_table td.con { padding:20px 10px; }
	.sb_form .sv_table td input { vertical-align:middle; }

	/* Web Zine */
	.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #7a6b8f; }
	.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:95px; height:100%; padding:3% 1%; border-bottom:1px solid #ddd; }
	.sb_list ul.web_zine_w li p.wz_img { width:25%; height:100%; min-height:95px; margin-right:3%; float:left; }
	.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:95px; border:1px solid #ddd; }
	.sb_list ul.web_zine_w li dl { position:relative; width:65%; float:left; }
	.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-weight:bold; }
	.sb_list ul.web_zine_w li dl dd.con { font-size:12px; color:#666; line-height:20px; }

	/* Gallery */
	.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #7a6b8f; border-bottom:1px solid #ddd; }
	.sb_gall .sp_table { position:relative; width:98%; padding:20px 1% 10px 1%; }
	.sb_gall .sp_table dl { position:relative; width:46%; padding:10px 2%; float:left; }
	.sb_gall .sp_table dl dt { position:relative; width:100%; height:160px; padding:2px; border:1px solid #ddd; }
	.sb_gall .sp_table dl dt img { width:100%; height:158px; }
	.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; font-size:12px; text-align:center; color:#666; font-weight:bold; }
	.sb_gall .sp_table dl dd span { display:block; }

	.sb_gall.h_sb .sp_table dl dd .gallery__info--other li.data span {
		padding: 0 10px 0 0;
		margin: 0 0 0 0;
		border-right: 0;
	}
	/* Certification */
	.sb_cert { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #7a6b8f; border-bottom:1px solid #000; }
	.sb_cert .sp_box { position:relative; width:98%; padding:20px 1% 10px 1%; margin-top:20px; }
	.sb_cert .sp_box dl { position:relative; width:46%; margin:0px 2%; float:left; }
	.sb_cert .sp_box dl dt { position:relative; width:99%; border:1px solid #d5d5d5; }
	.sb_cert .sp_box dl dt img { width:100%; }
	.sb_cert .sp_box dl dd { position:relative; width:100%; padding:20px 0px 0px 0px; font-size:14px; text-align:center; color:#333; font-weight:bold; line-height:24px; }
	.sb_cert .sp_box dl dd span.sc31_txt { display:none; }
	.sb_cert .sp_box dl dd span { display:block; }

	/* Board Page **********************************************************************************************************************************************************************************************/
	.sb_page { display:none; }
	.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #ddd; background-color:#fafafa; clear:both; }
	.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:12px; }
	.m_sb_page ul li strong { color:#7a6b8f; }
	.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #ddd; }
	.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
	.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #ddd; }
	.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

	/* Board Button **********************************************************************************************************************************************************************************************/
	.sb_btn_w { position:relative; width:100%; height:30px; margin:20px 0px 0px 0px; clear:both; }
	.sb_btn_w .sb_btn { float:right; }
	.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#7a6b8f; }
	.sb_btn_w .sb_btn p.b_btn_on a { font-size:12px; font-weight:bold; color:#fff; padding:0 10px; display:block; }
	.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#7a6b8f; }
	.sb_btn_w .sb_btn p.b_btn_off a { font-size:12px; font-weight:bold; color:#fff; padding:0 10px; display:block; }

	.sb_btn_w .sb_btn button { margin:7px 1px 0px 1px; overflow:visible; display:inline-block; text-decoration:none !important; text-align:center; white-space:nowrap; cursor:pointer; }
	.sb_btn_w .sb_btn button.b_btn_off,
	.sb_btn_w .sb_btn button.b_btn_off:visited { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#444; padding:0 10px; display:block; }
	.sb_btn_w .sb_btn button.b_btn_off:hover,
	.sb_btn_w .sb_btn button.b_btn_off:active { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#444; padding:0 10px; display:block; }
	.sb_btn_w .sb_btn button.b_btn_off:focus { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#444; padding:0 10px; display:block; }
	.sb_btn_w .sb_btn button.b_btn_on,
	.sb_btn_w .sb_btn button.b_btn_on:visited { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#7a6b8f; font-size:14px; font-weight:bold; color:#fff; padding:0 10px; display:block; }
	.sb_btn_w .sb_btn button.b_btn_on:hover,
	.sb_btn_w .sb_btn button.b_btn_on:active { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#7a6b8f; font-size:14px; font-weight:bold; color:#fff; padding:0 10px; display:block; }
	.sb_btn_w .sb_btn button.b_btn_on:focus { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#7a6b8f; font-size:14px; font-weight:bold; color:#fff; padding:0 10px; display:block; }

	/* Search **********************************************************************************************************************************************************************************************/
	.sc_search_w { position:relative; width:100%; clear:both; }
	.sc_search_w .sc_st { position:relative; width:89%; height:26px; padding:15px 5%; border:1px solid #e4e4e4; background-color:#fafafa; }
	.sc_search_w .sc_st label { width:23%; line-height:26px; font-size:12px; color:#7a6b8f; font-weight:bold; display:block; float:left; }
	.sc_search_w .sc_st .sbs_ip { width:50%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px; background-color:#fff; }
	.sc_search_w .sc_st a.sbs_btn, 
	.sc_search_w .sc_st a.sbs_btn:visited,
	.sc_search_w .sc_st a.sbs_btn:hover,
	.sc_search_w .sc_st a.sbs_btn:active { width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#7a6b8f; font-weight:bold; }



 }


/* SiteMap */
.sm_w { position:relative; width:31%; margin:40px 1% 0px 1%; overflow:hidden; float:left; }
.sm_tit { line-height:30px; padding:12px 20px;  border-top:4px solid #7a6b8f; font-size:19px;text-align:center; color:#604a7f;   }
.sm_box { position:relative; width:93%; background-color:#f9fafb; padding:20px 3%; overflow:hidden; clear:both; font-size:15px; color:#666; line-height:28px; border-top:4px solid #604a7f; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; }
ul.sitemap_ul1 { position:relative; padding:15px 30px 20px 30px; background-color:#f9fafb; }
ul.sitemap_ul1 li { line-height:32px; padding:0px 0px 0px 14px; margin:0px; background:url("/home/images/sub/icon_h7.gif") no-repeat 0px 11px; }
ul.sitemap_ul1 li a,
ul.sitemap_ul1 li a:visited { font-size:15px; color:#666; }
ul.sitemap_ul1 li a:hover,
ul.sitemap_ul1 li a:active { font-size:15px; color:#333; text-decoration:underline; }
ul.sitemap_ul1 li.none { background:none; margin:0px; padding:0px; }
ul.sitemap_ul2 { position:relative; padding:5px 0px; }
ul.sitemap_ul2 li { line-height:28px; padding:0px 0px 0px 10px; margin:0px; background:url("/home/images/sub/icon_ul02.gif") no-repeat 0px 11px; }
ul.sitemap_ul2 li a,
ul.sitemap_ul2 li a:visited { font-size:14px; color:#666; }
ul.sitemap_ul2 li a:hover,
ul.sitemap_ul2 li a:active { font-size:14px; color:#333; text-decoration:underline; }
ul.sitemap_ul2 li.none { background:none; margin:0px; padding:0px; }
ul.sitemap_ul3 { position:relative; padding:5px 0px; }
ul.sitemap_ul3 li { line-height:18px; padding:3px 0px 3px 10px; margin:0px; background:url("/home/images/sub/icon_ul03.gif") no-repeat 0px 10px; }
ul.sitemap_ul3 li a,
ul.sitemap_ul3 li a:visited { font-size:13px; color:#666; }
ul.sitemap_ul3 li a:hover,
ul.sitemap_ul3 li a:active { font-size:13px; color:#333; text-decoration:underline; }
ul.sitemap_ul3 li.none { background:none; margin:0px; padding:0px; }
ul.sitemap_ul4 { position:relative; padding:5px 0px; }
ul.sitemap_ul4 li { line-height:18px; padding:3px 0px 3px 10px; margin:0px; background:url("/home/images/sub/icon_ul03.gif") no-repeat 0px 9px; }
ul.sitemap_ul4 li a,
ul.sitemap_ul4 li a:visited { font-size:13px; color:#666; }
ul.sitemap_ul4 li a:hover,
ul.sitemap_ul4 li a:active { font-size:13px; color:#333; text-decoration:underline; }
ul.sitemap_ul4 li.none { background:none; margin:0px; padding:0px; }
ul.sitemap_ul5 { position:relative; padding:5px 0px; }
ul.sitemap_ul5 li { line-height:18px; padding:3px 0px 3px 10px; margin:0px; background:url("/home/images/sub/icon07.gif") no-repeat 0px 12px; }
ul.sitemap_ul5 li a,
ul.sitemap_ul5 li a:visited { font-size:13px; color:#666; }
ul.sitemap_ul5 li a:hover,
ul.sitemap_ul5 li a:active { font-size:13px; color:#333; text-decoration:underline; }
ul.sitemap_ul5 li.none { background:none; margin:0px; padding:0px; }

.sm_clear_t { position:relative; width:100%; clear:both; margin:0; padding:0; visibility:hidden; font-size:0; height:0px; overflow:hidden; }


/* Board comment **********************************************************************************************************************************************************************************************/
.sbc { position:relative; width:100%; clear:both; border-top:1px solid #e4e4e4; padding:30px 0px 0px 0px; margin:30px 0px; }
.sbc .sbcw_w { position:relative; width:100%; }
.sbc .sbcw_w .sbcw_top { position:relative; width:91%; height:38px; line-height:40px; padding:0px 4%; background-color:#f8f9fa; border:1px solid #e4e4e4; }
.sbc .sbcw_w .sbcw_top span.txt01 { float:left; font-size:15px; font-weight:bold; }
.sbc .sbcw_w .sbcw_top span.txt02 { float:right; }
.sbc .sbcw_w .sbcw_bot { position:relative; width:100%; height:80px; margin-top:3px; }
.sbc .sbcw_w .sbcw_bot .txt_a { position:relative; width:75%; height:78px; float:left; margin-right:0.5%; }
.sbc .sbcw_w .sbcw_bot .txt_a .textarea { width:91%; height:68px; border:1px solid #e4e4e4; padding:5px 4%; font-size:13px; line-height:16px; }
.sbc .sbcw_w .sbcw_bot .btn { position:relative; width:24%; height:80px; float:left; text-align:center; font-weight:bold; line-height:80px; color:#fff; background-color:#a3432f;}
.sbc .sbcw_w .sbcw_bot .btn a { text-align:center; font-weight:bold; line-height:80px; color:#fff; background-color:#a3432f;}

.sbc .sbcv_w { position:relative; width:100%; clear:both; border-top:1px solid #e4e4e4; margin:30px 0px;}
.sbc .sbcv_w .sbcv_top { position:relative; width:91%; height:38px; line-height:40px; padding:10px 2% 0px 4%; font-size:15px; font-weight:bold; }
.sbc .sbcv_w .sbcv_list_w { position:relative; width:100%; margin-top:15px; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_top { position:relative; width:91%; height:38px; line-height:40px; padding:0px 4%; background-color:#f8f9fa; border:1px solid #e4e4e4; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_top span.txt01 { float:left; font-size:15px; font-weight:bold; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_top span.txt02 { float:right; }
.sbc .sbcv_w .sbcv_list_w .sbcv_list_bot { position:relative; width:91%; margin-top:3px; border:1px solid #e4e4e4; padding:5% 4%; font-size:13px; line-height:24px; }

/* 이슈페이퍼 */
.issue-wrap .swiper{width:100%; position: relative; margin: 30px 0 0;}
.issue-wrap .swiper .swiper-slide{background:#fff;}
.issue-wrap .swiper-button-next, .issue-wrap .swiper-button-prev{ position: absolute; background-image: none; background:url(../images/main/btn_prev2.png) no-repeat center / 100%; z-index: 9999; width:44px; height:44px;}
.issue-wrap .swiper-button-next{transform: rotate(-180deg);}
@media(max-width:1024px){
	.issue-wrap .swiper-button-next, .issue-wrap .swiper-button-prev{ width:34px; height:34px;}
	.issue-wrap .swiper-button-next {right: 4px;}
	.issue-wrap .swiper-button-prev {left: 4px;}
}
@media(max-width:768px){
	.issue-wrap .swiper-button-next, .issue-wrap .swiper-button-prev{ width:30px; height:30px;}
}