/* MAIN CSS */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* ■ 기본환경 ################################################## */
body{ color:#000000; background:#fff; line-height:100%; word-wrap:break-word; word-break:break-all;}
body,input,textarea,select,table,button{font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
*{-webkit-text-size-adjust:none;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal;}
hr{display:none !important;}
img,fieldset{border:0;}
img,fieldset,input,select{vertical-align:middle;}
a, label, a:link, a:hover, a:active{color:#000000; text-decoration:none; cursor:pointer;}
address,i,caption,cite,code,dfn,em,var{font-style:normal; font-weight:normal;}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea{border:1px solid #565656; -webkit-appearance:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
input[type="checkbox"]{border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; margin-right:1px;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox;}
select{-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px;}
/* ■ 레아아웃 ##################################################### */
/* ###### [TOP] ###### */
#wrap_head{background-color:#fff; overflow:hidden;}
#wrap_head h1 { width:100%; text-align:center; padding:15px 0; }
.topbtn { position:absolute; top:17px; right:7px; }
.topbtn img { width:70%; }
nav:not(.mm-menu){ display: none;}
.header a
{
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 20px;
left: 15px;
}
.header a img { width:80%; }
/* Top 메뉴 */
#wrap_head #head_top{overflow:hidden; margin-top:4px;}
#wrap_head #head_top .top_logo{float:left; margin:15px 0 15px 10px;}
#wrap_head #head_top .top_title{float:left; margin:14px 0 0 13px;}
#wrap_head #head_top .top_title a{font-weight:bold; font-size:17px; color:#ffddaa; letter-spacing:-1px; word-spacing:-1px;}
#wrap_head #head_top .top_icon{float:right; margin:7px 8px 0 0; padding:2px 3px 0 3px; border-top:1px solid #3a3a3a;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
background:-webkit-gradient(linear,left top,left bottom,from(#292929),to(#000000));
}
/* TAB 메뉴 */
#wrap_head #head_navi_tab{clear:both; width:100%; margin:0; height:45px; background:#3d3d3d; border-bottom:solid 3px #d71921;} /* 탭 height:33px */
#wrap_head #head_navi_tab li{height:100%; float:left; padding-top:15px; letter-spacing:-1px; font-size:15px; /*border-left:solid 1px #2e2e2e; border-bottom:0 solid #3b456c;*/box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer; text-align:center; vertical-align:middle; }
#wrap_head #head_navi_tab li:nth-child(1) { width:26%; }
#wrap_head #head_navi_tab li:nth-child(2) { width:20%; }
#wrap_head #head_navi_tab li:nth-child(3) { width:23%; }
#wrap_head #head_navi_tab li:nth-child(4) { width:18%; }
#wrap_head #head_navi_tab li:nth-child(5) { width:13%; }
#wrap_head #head_navi_tab .bright_tab{background-color:#d71921; color:#ffffff; position:relative; /*text-shadow: 0 1px 1px #b35a04;*/}
#wrap_head #head_navi_tab .dark_tab{background-color:#3f3939; color:#dddddd; /*text-shadow: 0 0 3px #222222;*/}
/* SUB 메뉴 */
#wrap_head #head_navi_sub{clear:both; width:99%; background-color:#f1f1f1; border-bottom:solid 1px #ddd; letter-spacing:-1px; overflow:auto; padding:3px 0 3px 5px; }
#wrap_head #head_navi_sub li{ margin:8px 0; float:left; width:25%; font-size:15px; text-align:center; cursor:pointer; background:url(/bbs/img/img/mmndot.gif) repeat-y top right; }
#wrap_head #head_navi_sub li:first-child { display:none; }
#wrap_head #head_navi_sub .on_menu{color:#d71921; }
#wrap_head #head_navi_sub .off_menu{color:#666;}
#wrap_head #head_navi_sub .sub_stick{color:#888888; font-size:9px; padding:5px 4px 0 4px;}
/* ###### [MIDDLE] ###### */
#wrap_middle{clear:both; background:#fff; }
.main {background:#efefef;}
/* ###### [BOTTOM] ###### */
#wrap_foot{clear:both;}
#wrap_foot #foot_menu_up{text-align:center; background-color:#333; }
#wrap_foot #foot_menu_up li{display:inline-block; padding:8px 20px; margin:3px 0; font-size:13px; color:#555555; cursor:pointer;}
#wrap_foot #foot_menu_up li img{position:relative; bottom:2px;}
#wrap_foot #foot_menu_up .dlm_stick{color:#999999; text-shadow: 1px 1px 0 #dddddd; font-size:11px;}
#wrap_foot #foot_menu_dn{
text-align:center; padding:15px 0 20px 0;
background:#444;
font-family: Arial, Helvetica, sans-serif;
}
#wrap_foot #foot_menu_dn li{display:inline; margin:0 2px;}
#wrap_foot #foot_menu_dn li a { display:inline-block; border-radius:3px; border: solid 1px #222; background:#333; padding:6px 7px; }
#wrap_foot #foot_menu_dn li span{font-size:12px; color:#fff;}
.copyright { width:100%; background:#444; text-align:center; padding:0 0 20px 0; color:#999; font-size:11px; font-family: Arial, Helvetica, sans-serif;}
.copyright span { display:block; margin:-5px 0 7px 0;}
.copyright span a {color:#999;}
/* ### [TOOL BAR LAYER] ### */
#toolbar_float_space{height:37px; display:none; background-color:#e5e5e5;}
#toolbar_float_layer{
position:absolute; width:100%; height:37px; bottom:0; background-color:#000000; display:none; overflow:hidden; text-align:center; opacity: 1;
-webkit-transition-property: opacity; -webkit-transition-duration: 2s; -webkit-transition-delay: 0.3s; -webkit-transition-timing-function: ease;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.00, #777777),color-stop(0.15,#000000)); z-index:10;
}
#toolbar_float_layer img{margin:7px 11px 0 11px;}
/* ■ public class ################################################# */
/* 컨텐츠 상단 판넬 - GRAY */
.top_panel_gray{font-size:20px; font-weight:bold; border-bottom:solid 3px #bbb; margin:0; padding:7px 0 15px; text-align:left; }
.top_panel_gray_title{float:left; margin:18px 0 5px 10px; font-size:20px; font-weight:bold; color:#000; text-shadow:0px 1px 0px #ffffff; cursor:pointer; letter-spacing:-1px;}
.top_panel_gray_menu{ position:relative; float:right; margin:16px 12px 0 0;}
.top_panel_gray_bottom{margin:6px 0 6px 10px; font-size:12px; color:#888888;}
.top_panel_gray_bottom strong{color:#222222; margin-right:11px; font-weight:normal;}
/* 컨텐츠 상단 판넬 - BLACK */
.top_panel_black{border-bottom:1px solid #121a1a; overflow:hidden; background-color:#3d4143; background:-webkit-gradient(linear,left top,left bottom,from(#555555),to(#181c1d));}
.top_panel_black_title{float:left; margin:15px 0 5px 10px; font-size:18px; font-weight:bold; color:#d7ffaa; text-shadow: 0 1px 0 #000000; cursor:pointer; letter-spacing:-1px;}
.top_panel_black_menu{float:right; margin:16px 12px 0 0;}
.top_panel_black_bottom{margin:7px 0 10px 10px; font-size:12px; color:#888888;}
.top_panel_black_bottom strong{color:#ccaa55; margin-right:11px; font-weight:normal;}
/* ■ 버튼 class ############################################ */
/* 버튼 - 반들거리는 오렌지색(사이즈 고정) : ex */
.Button_aquar_orange{
width:55px;
height:25px;
font-size:13px;
border-width:0px;
border-color:transparent;
padding:0;
margin:0;
color:#ffffff;
cursor:pointer;
background:url(../b_img/i_button/bg_orng.gif) no-repeat;
overflow:hidden;
white-space:nowrap;
text-align:center;
letter-spacing:-1px;
text-shadow: 0 1px 0px #ce7c5f;
box-shadow: 0px 1px 1px #999999;
-moz-box-shadow: 0px 1px 1px #999999;
-webkit-box-shadow: 0px 1px 1px #999999;
}
/* 버튼 - 반들거리는 회색(사이즈 고정) : ex */
.Button_aquar_gray{
width:55px;
height:25px;
font-size:13px;
border-width:0;
padding:0;
margin:0;
color:#ffffff;
cursor:pointer;
background:url(../b_img/i_button/bg_gray.gif) no-repeat;
overflow:hidden;
white-space:nowrap;
text-align:center;
letter-spacing:-1px;
vertical-align:middle;
text-shadow: 0 1px 0px #888888;
box-shadow: 0px 1px 1px #999999;
-moz-box-shadow: 0px 1px 1px #999999;
-webkit-box-shadow: 0px 1px 1px #999999;
}
/* 버튼 - 입체형 회색 (사이즈 자유변경 : a , span , div , li ...) */
/* 버튼 */
/* 버튼 */
.Button_emboss{
font-size:12px;
color:#000000;
border-width:1px;
border-style:solid;
border-color:#bfbfbf #aaaaaa #999999 #aaaaaa;
padding:4px 5px 4px 5px;
display:inline;
box-shadow: 0px 1px 2px #bbbbbb;
-moz-box-shadow: 0px 1px 2px #bbbbbb;
-webkit-box-shadow: 0px 1px 2px #bbbbbb;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#f4f4f4;
background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#dadada));
cursor:pointer;
vertical-align:middle;
white-space:nowrap;
text-shadow: 0 1px 0 #ffffff;
}
.Button_emboss small{font-size:8px; color:#505050; vertical-align:bottom;}
.Button_emboss:link, .Button_emboss:hover, .Button_emboss:active{color:#000000;}
/* 버튼 - glass 형 (사이즈 자유변경 : .a , span , div , li ...) */
/* 유리버튼1 */
/* 유리버튼2 */
.Button_glass{
display:inline-block;
cursor:pointer;
height:25px;
font-size:13px;
color:#000000;
margin:0;
text-decoration:none;
text-shadow: 0 1px 0 #ffffff;
background-color:#e1e1e1;
padding:4px 6px 0 6px;
border-width:0 5px;
border:1px solid #bbbbbb;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.0,#ffffff),color-stop(0.5,#e2e2e2),color-stop(0.5,#cccccc),color-stop(1.0,#eeeeee));
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.Button_glass:link, .Button_glass:hover, .Button_glass:active{color:#000000;}
/* 버튼 - glass 블랙 (사이즈 자유변경 : a , span , div , li ...) */
/* 버튼 */
/* 버튼 */
.Button_glass_black{
font-size:13px;
color:#d2d2d2;
border:1px solid #272727;
padding:4px 6px 4px 6px;
display:inline;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#292929;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.0,#686a71),color-stop(0.5,#3f3f3f),color-stop(0.5,#292929),color-stop(1.0,#313131));
cursor:pointer;
vertical-align:middle;
white-space:nowrap;
text-shadow: 0 -1px 0 #000000;
}
.Button_glass_black:link, .Button_glass_black:hover, .Button_glass_black:active{color:#d2d2d2;}
/* 버튼 - 강한느낌 회색 (사이즈 자유변경 : .a , span , div , li ...) */
/* 굵은버튼1 */
/* 긁은버튼2 */
.Button_strong{
display:inline-block;
cursor:pointer;
height:33px;
font-size:16px;
font-weight:bold;
color:#000000;
margin:0;
text-decoration:none;
text-shadow: 0 1px 0 #ffffff;
padding:9px 3px 0 3px;
border-width:0 10px;
border-image:url(../b_img/i_button/bg_strong.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong.png) 0 10 0 10 stretch stretch;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.Button_strong:link, .Button_strong:hover, .Button_strong:active{color:#000000;}
.Button_strong_transparent{ /* 반투명 버튼 */
border-image:url(../b_img/i_button/bg_strong2.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong2.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong2.png) 0 10 0 10 stretch stretch;
}
.Button_strong_black{ /* 검은 버튼 */
color:#eeeeee;
text-shadow: 0 -1px 0 #000000;
border-image:url(../b_img/i_button/bg_strong3.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong3.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong3.png) 0 10 0 10 stretch stretch;
}
.Button_strong_black:link, .Button_strong_black:hover, .Button_strong_black:active{color:#eeeeee;}
.Button_strong_yellow{ /* 노란버튼 */
text-shadow: 0 1px 0 #ffffcc;
border-image:url(../b_img/i_button/bg_strong4.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong4.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong4.png) 0 10 0 10 stretch stretch;
}
/* ■ usual ################################################### */
/* 게시판 본문내 이미지 zoom 표시 */
.img_zoomMark{
padding-right:6px; margin-top:10px;
background:url('../b_img/icons_mobile/arrow_right_orng.png') no-repeat right 1px;
}
.display_none{display:none;}
.clear_both{clear:both;}
/*********추가****************/
.mtit {font-size:20px; font-weight:bold; border-bottom:solid 1px #ddd; margin:20px 0; padding:7px 0 15px; text-align:left;}
.mtit01 { margin:20px 10px; }
.contentAra { position:relative; width:100%; margin-bottom:30px; }
.contentAra img { width:100%; }
.txtTit { width:100%;font-family:'Nanum Myeongjo','나눔명조', '나눔고딕', 'Nanum Gothic', sans-serif; color:#000; font-size:20px; line-height:25px;padding:15px 0 15px; background:url(/bbs/img/img/txt_bg.gif) no-repeat top left; }
.txtTit span { display:block; font-size:25px; line-height:30px; }
.sub1txt { width:100%; }
.txtleft { }
.txtright {margin:0; }
.txtright img { width:90%; margin-top:10px; }
.txtright01 { text-align:right; }
/*지도신부님*/
.contop { width:100%; overflow:hidden; padding-bottom:20px; border-bottom:solid 1px #ddd; }
.contop img { }
.contop p { }
.contop p strong { display:block; margin:0 0 10px; color:#000; font-size:16px; }
.txtTit01 { padding:15px 0 15px; background:url(../img/img/txt_bg.gif) no-repeat top left; font-size:22px; line-height:32px; font-family:'Nanum Myeongjo','나눔명조', '나눔고딕', 'Nanum Gothic', sans-serif; color:#000; margin:0; }
.txtTit01 span { display:block; }
.sub2txt { padding:30px 0; font-size:15px; }
.red { color:#da050e !important; }
.mtab { width:100%; margin:20px 0; }
/*표*/
.djtable { width:100%; padding:0; margin:0; border-top:solid 2px #dc3f46; border-left:solid 1px #ddd; }
.djtable th { padding:0; margin:0; background:#f5f5f5; padding:10px 0; font-size:14px; font-weight:bold; color:#333; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; vertical-align:middle }
.djtable td { margin:0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:10px 5px !important; text-align:center; vertical-align:middle; color:#666; line-height:18px; }
.djtable td.tdtit { word-break:break-all; }
.djtable td.tdleft { text-align:left; padding:10px !important; }
/*탭*/
.tab02 { width:100%; margin:25px 0; overflow:hidden; }
.tab02 ul li { float:left; width:50%; height:40px; text-align:center; }
.tab02 ul li a { display:block; width:99%; height:38px; line-height:40px; font-size:16px; background:#f9f9f9; color:#757575;border:solid 1px #dadada; }
.tab02 ul li.on a { background:#646464; color:#fff;border:solid 1px #5f5f5f; }
.tab03 { width:100%; margin:25px 0; overflow:hidden; }
.tab03 ul li { float:left; width:33%; height:40px; text-align:center; }
.tab03 ul li a { display:block; width:99%; height:38px; line-height:40px; font-size:16px; background:#f9f9f9; color:#757575;border:solid 1px #dadada; }
.tab03 ul li.on a { background:#646464; color:#fff;border:solid 1px #5f5f5f; }
.tabBox { margin:0 10px -25px 10px; }
/*회칙*/
.txtBox { border:solid 3px #e6e6e6; padding:20px 10px; }
.txtBox p { margin-bottom:30px; line-height:24px; }
.txtBox p strong { display:block; margin-bottom:20px; font-weight:bold; color:#333; font-size:16px; }
.tcenter { text-align:center; }
.tright { text-align:right; }
/*오시는길*/
ul.locaList { width:100%; padding:0; margin-bottom:30px; border-top:solid 2px #dc3f46; border-bottom:solid 1px #ddd; }
ul.locaList li { padding:10px 7px; font-family:"Arial Black", Gadget, sans-serif; font-size:17px; line-height:20px; }
ul.locaList li:first-child { height:40px; }
ul.locaList li span { display:block; float:left; width:60px; height:100%; padding-left:0; font-weight:bold; color:#da050e; border-right:solid 1px #efefef; margin-right:10px; }
ul.locaList li:first-child span { line-height:40px; }
.mapbtn { width:100%; margin-top:20px; text-align:center; }
.mbtn { display: inline-block; width:95%; font-size:22px; padding:15px 0; }
/*메인*/
#slides {
display: none
}
.container {
margin: 0 auto;
position:relative;
}
.slidesjs-pagination .active {
color:red;
}
.slidesjs-pagination { position:absolute; bottom:-20px; left:50%; margin-left:-32px; z-index:998; }
.slidesjs-pagination li { float:left; }
.slidesjs-pagination li a { display:block; width:10px; height:10px; margin:0 3px; background:url(/bbs/img/img/mdot.png) no-repeat 0 0; text-indent:-3000px; transition: none; }
.slidesjs-pagination li a:hover { display:block; width:10px; height:10px; background:url(/bbs/img/img/mdot.png) no-repeat 0 -10px; text-indent:-3000px; }
.slidesjs-pagination .active {width:10px; height:10px; background:url(/bbs/img/img/mdot.png) no-repeat 0 -10px; text-indent:-3000px;}
@media (max-width: 767px) {
body {
padding:0;
}
.container {
width: auto
}
}
/* For smartphones */
@media (max-width: 480px) {
.container {
width: auto
}
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
.container {
width: 724px
}
}
/* For larger displays */
@media (min-width: 1200px) {
.container {
width: 1170px
}
}
#micon { width:100%; margin:20px 0 10px 0; padding:5px 0; }
#micon ul { width:100%; overflow:hidden; }
#micon ul li { float:left; width:21%; padding:20px 2%; text-align:center; }
#micon ul li img { width:65px; }
#micon ul li span { display:block; margin-top:5px; }
.footerBtn { width:100%; padding-bottom:20px; }
.footerBtn ul { overflow:hidden; margin:20px 10px 0; border-top:solid 1px #ccc; border-left:solid 1px #ccc; }
.footerBtn ul li { float:left; width:50%; background:#f9f9f9;}
.footerBtn ul li a { display:block; padding:13px 0; font-size:15px; text-align:center; border:solid 1px #ccc; border-width:0 1px 1px 0; }
.w100 { width:100%; }
/*한생명운동*/
.txtArea { margin:0 10px 30px; }
.onetxt { margin:30px 0 0 0; }
.onetxt h4 { font-size:20px; color:#000; font-weight:bold; padding:13px 0; background:url(/bbs/img/img/one_dot.gif) no-repeat top left; }
.onetxt p { margin:0; color:#666; font-size:16px; line-height:20px;}
.onetxt p.txtTit { color:#000; font-size:20px; line-height:25px;padding:15px 0 15px; }
.onetxt .onetit { display:block; padding:10px 0 7px; font-weight:bold; font-size:18px; color:#da050e;}
.onehistory { width:100%; border-top:solid 1px #333; margin:20px 0 0 0 !important; }
.onehistory li { padding:5px 0; border-bottom:solid 1px #e8e8e8; overflow:hidden;line-height:18px; }
.onehistory li strong { display:block; float:left; width:35%; font-size:14px; color:#333; font-weight:normal; letter-spacing:-1px; }
.onehistory li span { display:block; float:left; width:65%; font-size:14px; color:#848484; }
.onetxt ol { padding:10px 15px; margin:10px 0 20px; border:solid 2px #ddd; background:#f9f9f9; }
.onetxt ol li { padding:7px 0; color:#666;line-height:18px; font-size:14px; }
.txt01 { display:block; font-size:15px; padding:7px 0; line-height:20px; }
.ullist { color:#666; color:#666; font-size:16px; line-height:20px;}
.mimg { width:100%; }
.mimg img { width:100%; }
/*
.onetxt ul { list-style: disc; margin:0 0 20px 20px; } */
.onetxt ul li { padding:5px 0; }
.btnArea { width:100%; margin:30px 0; text-align:center; }
.btnArea01 { width:100%; margin:20px 0 20px; text-align:center; }
.line02 { border-style: dotted; border-width:1px; margin:50px 0 -20px; }
.btn01 {
color:#fff !important;
font-size:16px;
font-weight:bold;
padding:13px 30px 12px;
position:relative;
display:inline-block;
text-shadow:0 1px 0 #555;
-webkit-transition:border-color .218s;
-moz-transition:border .218s;
-o-transition:border-color .218s;
transition:border-color .218s;
background:-webkit-gradient(linear,0% 0%,0% 100%,from(#e62931),to(#c1040c));
background:-moz-linear-gradient(linear,0% 0%,0% 100%,from(#e62931),to(#c1040c));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62931', endColorstr='#c1040c',GradientType=0 ); /* IE6-9 */
-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
border:solid 1px #b30a11;
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
margin:0;
white-space:nowrap;
vertical-align:top;
cursor:pointer;
}
.cate { width:100%; margin-bottom:5px; overflow:hidden; border-bottom:solid 2px #ddd; }
.cate ul { }
.cate ul li { float:left;height:32px; width:20%; margin:0; text-align:center; }
.cate ul li a { display:block; height:32px; padding:0; margin:0; line-height:32px; font-size:14px; color:#757575; }
.cate ul li.on a { background:#fff; color:#d71921; }
.cate08 { width:100%; margin-bottom:5px; overflow:hidden; border-bottom:solid 2px #ddd; }
.cate08 ul li { float:left; width:19%; margin-right:1px; text-align:center; }
.cate08 ul li a { display:block; height:32px; padding:0; margin:0; line-height:32px; font-size:14px; color:#757575; }
.cate08 ul li.on a { background:#fff; color:#d71921; }
/* 교구인준단체 */
.groupArae { width:100%; border-top:solid 2px #666; margin:10px 0 40px; padding:0; }
.groupArae ul { padding:0; margin:0; }
.groupArae ul li { padding:10px; overflow:hidden;border-bottom:solid 1px #ddd; }
.g_imgBox { float:left; width:200px; height:80px; border:solid 1px #ddd; margin-right:25px; }
.g_textBox { float:left; width:100%; }
.g_textBox strong { display:block; width:100%; margin:10px 0; color:#333; font-size:17px; }
.g_textBox span { display:block; float:left; width:100%; margin:0; padding:3px 0; font-size:14px; color:#666; }
.g_textBox span a { color:#06F; margin-bottom:7px; }
/*평협소개*/
.contop01 { margin-bottom:50px; overflow:hidden; }
.contop01 .txtTit { font-size:20px !important; }
.contop01 span { display:inline !important; font-size:20px !important; }
.contop01 img { width:100%; margin-top:0 !important; }
/*연혁-역대회장*/
.historylist { 100%; }
.historylist li { float:left; width:35%; padding:5%; margin:0 2% 5% 2%; background:#f8f8f8; border:solid 1px #d7d7d7;text-align:center; }
.historylist li strong { display:block; padding-bottom:5px; font-weight:bold; color:#333; font-size:16px; }
.hiBox { width:100%; padding-top:5px; }
.hiBox span { display:block; width:100%; font-size:13px; padding-top:3px; }
.faimg { }