/* 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:#404040; overflow:hidden;}
#wrap_head h1 { width:100%; text-align:left; padding:15px; }
.topbtn { position:absolute; top:20px; right:10px; }
.topbtn img { width:70%; }
nav:not(.mm-menu){ display: none;}
.header a
{
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 20px;
right: 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; border-top:solid 1px #353535;} /* 탭 height:33px */
#wrap_head #head_navi_tab li{height:100%; float:left; width:25%; padding-top:15px; letter-spacing:-1px; font-size:16px; /*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 .bright_tab{background-color:#aa1e1d; color:#ffffff; position:relative; /*text-shadow: 0 1px 1px #b35a04;*/}
#wrap_head #head_navi_tab .dark_tab{ color:#dddddd; /*text-shadow: 0 0 3px #222222;*/}
/* SUB 메뉴 */
#wrap_head #head_navi_sub{clear:both; width:99%; background-color:#f0f0f0; 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:13px; letter-spacing:-1px; text-align:center; cursor:pointer; }
#wrap_head #head_navi_sub li:first-child { display:none; }
#wrap_head #head_navi_sub .on_menu{color:#f5625f; }
#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 {}
/* ###### [BOTTOM] ###### */
#wrap_foot{clear:both;}
#wrap_foot #foot_menu_up{text-align:center; background-color:#e5e5e5; }
#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:#ebebeb;
font-family: Arial, Helvetica, sans-serif;
}
#wrap_foot #foot_menu_dn li{display:inline; margin:0 5px;}
#wrap_foot #foot_menu_dn li a { display:inline-block; border-radius:2px; border: solid 1px #cecece; background:#ebebeb; padding:6px 7px; }
#wrap_foot #foot_menu_dn li span{font-size:12px; color:#333;}
.copyright { width:100%; background:#ebebeb; 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:#848484;}
/* ### [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; font-size:16px;}
.contentAra img { width:50%; }
.sub1txt { width:100%; margin-top:7px; line-height:1.5em; /*word-break:keep-all;*/}
.txtleft { }
.txtright {margin:0; }
.txtright img { width:90%; margin-top:10px; }
.txtright01 { text-align:right; }
.mcontent {padding:0 10px 20px 10px;}
/*인사말*/
.txtTit { color:#aa1e1d; font-size:20px; line-height:28px; padding:0; margin:0; font-weight:600;word-break:keep-all;font-family:'Nanum Myeongjo','나눔명조', '나눔고딕', 'Nanum Gothic', sans-serif; }
.txtTit span { font-weight:normal; font-size:12px; }
.imgArea { width:100%; text-align:center;}
.imgArea span { display:block; margin-top:10px; font-size:16px; }
h3.tit01 { padding:0 0 0 10px; margin:10px 0 15px; color:#333; font-size:18px; line-height:20px; background: url(/img/img/text_dot.gif) no-repeat 0 5px; }
/*표*/
.sbtable { width:100%; padding:0; margin:0 0 20px 0; border-top:solid 2px #333;}
.sbtable thead { border-left:solid 1px #ddd; }
.sbtable th { padding:0; margin:0; background:#f5f5f5; padding:10px 3px; font-size:13px; font-weight:bold; color:#333; letter-spacing:-1px; vertical-align:middle; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd; word-break:keep-all;}
.sbtable tbody {border-left:solid 1px #ddd;}
.sbtable td { margin:0; border-bottom:solid 1px #ddd; padding:10px 8px !important; vertical-align:middle; text-align:left;}
.sbtable01 { width:100%; padding:0; margin:0 0 10px 0; border-top:solid 2px #333;border-left:solid 1px #ddd; }
.sbtable01 thead { border-left:solid 1px #ddd; }
.sbtable01 th { padding:0; margin:0; background:#f5f5f5; padding:10px; font-size:13px; font-weight:bold; color:#333; vertical-align:middle; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; }
.sbtable01 tbody {border-left:solid 1px #ddd;}
.sbtable01 td { margin:0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:10px !important; vertical-align:middle; text-align:center; word-break:keep-all;}
.sbtable01 td.end { background:#fff0f0; font-weight:bold; }
.sbtable02 { width:98%; padding:0; margin:0; border-top:solid 2px #333;border-left:solid 1px #ddd; }
.sbtable02 th { padding:0; margin:0; background:#f5f5f5; padding:5px 10px; font-size:13px; font-weight:bold; color:#333; vertical-align:middle; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; text-align:center; }
.sbtable02 td { margin:0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 10px !important; vertical-align:middle; text-align:center; }
.sbtable02 td.end { background:#fff0f0; font-weight:bold; }
/*예수성심성당*/
.tit02 { padding:5px 10px; color:#fff; font-size:18px; line-height:20px; background:#9f9f9f; }
.txtArea { float:left; width:100%; padding:0; margin:0; }
.imgright { display:none; float:right; margin:0 0 15px 15px; }
.lefttxt { float:left; width:100%; padding:0; margin:0; }
.sub3text dl { width:100%; overflow:hidden; }
.sub3text dl dt { width:100%; margin:20px 0 30px; }
.sub3text dl dd { margin-bottom:20px; color:#5c5c5c; font-size:16px; line-height:24px !important; }
.sub3text dl dd.lefttxt { float:left !important; }
.sub3text dl dd.imgright { float:right !important; margin:0 0 0 15px;}
.sub3text strong {font-weight:bold; color:#333;}
.f_clear {clear:both}
.sub3text dl.first dt { margin:0 0 30px !important; }
.red { color:#aa1e1d !important; }
.red01 { color:#f5625f !important; }
.ffnam { font-family:'Nanum Myeongjo','나눔명조', '나눔고딕', 'Nanum Gothic', sans-serif; }
.f12 { font-size:12px !important; }
.f18 { font-size:18px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt40 { margin-top:40px !important; }
.mt60 { margin-top:60px !important; }
.pt20 { padding-top:20px !important; }
.pt40 { padding-top:40px !important; }
.mtab { width:100%; margin:20px 0; }
/*연혁*/
.hisBox { width:100%; }
.hisBox li { margin-bottom:10px; overflow:hidden; border-bottom: dashed 1px #ddd; }
.hisBox li:last-child { border:none; }
.hisBox li strong {display:block; float:left; width:12%; font-size:14px; font-weight:bold }
.hisBox li div { float:left; width:88%; margin-bottom:5px; line-height:1.5em; word-break:keep-all;}
.hisTab { width:100%; overflow:hidden; }
.hisTab li { float:left; width:33%; height:45px; text-align:center; }
.hisTab li a {display:block; width:100%; height:43px; line-height:40px; font-size:16px; color:#757575; background:#f3f2f2; border-bottom:solid 2px #333; }
.hisTab li.on a { height:45px;border:none; background:#333 url(/img/img/his_dot.gif) no-repeat bottom center; color:#fff;}
/*신부님/수녀님*/
ul.fatherlist { width:100%; margin:0; padding:0; overflow:hidden; }
ul.fatherlist li { float:left; width:100%; }
.faBox { width:98%; margin-bottom:20px; border-top:solid 2px #333; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd; overflow:hidden;}
.faBox table { float:left; }
.faimg { float:left; padding:0; margin:10px; }
.faBox span { float:left; display:block; width:100%; height:20px; padding:10px 0; font-size:16px; font-weight:bold; line-height:20px; color:#333; text-align:center; background:#f7f7f7; border-bottom:solid 1px #d4d4d4; }
.faBox dl { float:left; width:50%; padding:10px 13px 10px 14px; }
.faBox dl dt { float:left; width:35%; padding:5px 0; color:#333; font-weight:bold; }
.faBox dl dd { float:left; width:65%; padding:5px 0; }
ul.fatherlist01 { margin-left:-40px; overflow:hidden; }
ul.fatherlist01 li { float:left; width:360px; margin-left:40px; }
/*오시는길*/
.root_daum_roughmap { width:100% !important; }
/*사무실안내*/
.office_info { background:#f9f9f9; border:solid 1px #ddd; padding:15px 20px; }
.office_info ul { width:100%; overflow:hidden; }
.office_info ul li { min-height:82px; overflow:hidden; }
.office_info ul li strong { display:block; width:100%; font-size:18px; color:#f5625f; font-weight:bold; }
.office_info ul li.off01 { padding:0 0 20px 95px; border-bottom:solid 1px #dadada; background:url(/img/img/sub3icon01.png) no-repeat 0 10px; }
.office_info ul li.off01 table { width:100%; }
.office_info ul li.off01 table th { text-align:left; width:40%; }
.office_info ul li.off02 { padding:20px 0 0 95px; background:url(/img/img/sub3icon02.png) no-repeat 0 20px; }
.office_info ul li.off02 .offTel { display:block; font-size:20px; margin:5px 0 3px; }
.office_info ul li.off02 .offFax { display:block; font-size:13px; color:#808080; }
.offBox { margin-top:40px; overflow:hidden; }
.offBox img { float:right; }
.offTxt01 { float:left; width:100%; margin-bottom:10px;}
.offTxt01 p,
.offTxt p { margin:15px 0 5px; padding:0; }
.offTxt01 p span,
.offTxt p span { display: inline-block; background:#888888; color:#fff; font-size:16px; padding:1px 3px; }
/*숫자 리스트*/
.numlist { list-style:decimal !important; border:solid 3px #ddd; padding:20px; }
.numlist li { margin:5px 0 5px 20px;list-style:decimal !important; word-break:keep-all; }
/*가톨릭교리*/
.cbox {}
.cbox img { width:40%; }
.tit03 { padding:0 0 0 10px; margin:10px 0 15px; color:#aa1e1d; font-size:18px; line-height:20px; background: url(/img/img/text_dot.gif) no-repeat 0 5px; font-family:'Nanum Myeongjo','나눔명조', '나눔고딕', 'Nanum Gothic', sans-serif; }
/*단체안내*/
ul.groupBox { width:100%; }
ul.groupBox li { padding-bottom:40px; margin-bottom:40px; border-bottom:dashed 1px #ddd; }
ul.groupBox li:last-child {border-bottom:none;}
.gtit { font-size:18px; font-weight:bold; margin-bottom:10px; color:#333; }
.gtit01 { padding:2px 0 3px 10px; margin-bottom:5px; text-align:left; background:url(/img/img/main_notice_dot.gif) no-repeat 0 10px; font-weight:bold;}
.gtable { width:100%; margin-bottom:5px; }
.gtable th { width:18%; padding:4px 0 4px 10px; text-align:left; background:url(/img/img/main_notice_dot.gif) no-repeat 0 10px; font-weight:bold; }
.gtable td { padding-left:15px; color:#5c5c5c; }
.sbtable03 { width:100%; padding:0; margin:0; border-top:solid 2px #333; }
.sbtable03 th { width:25%; padding:0; margin:0; background:#f5f5f5; padding:5px 10px; font-size:13px; font-weight:bold; color:#333; vertical-align:middle; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd; }
.sbtable03 td { margin:0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 10px; vertical-align:middle; text-align:left; }
.left { float:left; }
.right { float:right; }
/*탭*/
.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:100%; height:38px; line-height:40px; font-size:16px; background:#f3f2f2; color:#757575; }
.tab02 ul li.on a { background:#f5625f; color:#fff; }
.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:100%; height:38px; line-height:40px; font-size:16px; background:#f3f2f2; color:#757575; }
.tab03 ul li.on a { background:#f5625f; color:#fff; }
.tab09 { width:100%; margin:25px 0 30px; overflow:hidden; }
.tab09 ul li { float:left; width:33%; height:35px; margin-right:1px; text-align:center; }
.tab09 ul li a { display:block; width:100%; height:34px; line-height:35px; font-size:13px; background:#f3f2f2; color:#757575; }
.tab09 ul li.on a { background:#f5625f; color:#fff; }
.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;
border-bottom:solid 2px #aa1e1d;
}
.slidesjs-pagination .active {
color:red;
}
.slidesjs-pagination { position:absolute; bottom:10px; 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(/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(/img/img/mdot.png) no-repeat 0 -10px; text-indent:-3000px; }
.slidesjs-pagination .active {width:10px; height:10px; background:url(/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
}
}
.mNotice { border-bottom: solid 1px #dadada; overflow:hidden; font-size:15px; }
.juboImg { float:left; width:55px; height:55px; margin-right:20px; background:url(/img/img/micon01.png) no-repeat; background-size: 100% 100%; }
.noticeImg { float:left; width:55px; height:55px; margin-right:20px; background:url(/img/img/micon02.png) no-repeat; background-size: 100% 100%; }
.mNotice h3 { color:#aa1e1d; font-size:18px; font-weight:bold; }
.mNotice h3 span { display:block; width:100%; margin-bottom:2px; font-size:12px; line-height:25px; color:#666; font-weight:normal; }
.mNotice a { display:block; padding:25px 30px; }
#mbtn { width:100%; margin:0; padding:15px 0; background:url(/img/img/mbtn_bg.png); }
#mbtn ul { width:100%; overflow:hidden; }
#mbtn ul li { float:left; width:21%; padding:20px 2%; text-align:center; }
#mbtn ul li img { width:65px; }
#mbtn ul li span { display:block; margin-top:5px; font-size:12px; color:#666; }
.w100 { width:100%; }
.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; }