/*ÃÊ±âÈ­*/
html {overflow-y:scroll; overflow-x:hidden !important;}
body {width:100%; min-width:320px; margin:0;padding:0;font-size:14px;line-height: 170%; font-family:'NanumBarunGothic',dotum,Sans-serif; background:#fff;}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./NanumBarunGothic.eot);
  src: local('NanumBarunGothic'),
       local('NanumBarunGothic'),
       url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumBarunGothic.woff2) format('woff2'),
       url(/css/font/NanumBarunGothic.woff) format('woff'),
       url(/css/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: bold;
  font-weight: 500;
  src: url(./NanumBarunGothic.eot);
  src: local('NanumBarunGothic'),
       local('NanumBarunGothic'),
       url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumBarunGothic.woff2) format('woff2'),
       url(/css/font/NanumBarunGothic.woff) format('woff'),
       url(/css/font/NanumBarunGothic.ttf) format('truetype');
}


#mlogo {padding:10px 0; }



/* menu */
#mw {width:100%; padding:0;margin:0;background-color:#ffffff;}
.menu{font-size:15px;font-weight:bold;height:100%;background:#3d61a3;/*background:url(/m/img/tm_bg.gif) bottom repeat-x;margin-top:1px;*/}
.menu .mn{ width:99%; margin:0; padding:0px 0 0 5px;}
.menu .mn li{display:inline;float:left;text-align:center;height:33px;}
.menu .mn li a{position:relative;float:left;color:#fff; padding:5px 7px 7px 5px;cursor:pointer;letter-spacing:0.5px;/*background:url(/m/img/mline.gif) left no-repeat;*/}
/*.menu .mn li a span{float:left;padding:5px 7px 5px 5px;cursor:pointer;letter-spacing:-0.5px;}*/
.menu .mn a:haver {color:#e6c820}
/*.menu .mn li.on{letter-spacing:-1px;}
.menu .mn li.on a,.menu .mn li.on a:hover{color:#ff4e00;font-weight:nomal ;z-index:12;}
.menu .mn li.no a{background-position:100px 0px;}*/


#mwinfo {padding:0;margin:0;/*border-bottom:2px solid #5464a0;*/}
.menuinfo{font-size:13px;font-weight:bold;height:100%;background:#6b7ea1;}
.menuinfo .mninfo{ width:100%; margin:0; padding:0;}
.menuinfo .mninfo li{display:inline;float:left;text-align:center;color:#fff; padding:3px 10px 3px 10px; border-right:1px solid #9da9c1;}
.menuinfo .mninfo li a{position:relative;float:left;color:#eee;cursor:pointer;/*background:url(/m/img/mline.gif) left no-repeat;*/}
/*.menuinfo .mninfo li a span{float:left;padding:5px 7px 5px 5px;cursor:pointer;letter-spacing:-0.5px;}*/
.mninfo li a:haver {color:#d6c72b}

.ic1 {list-style:none; background: url('/m/img/ic1.png') no-repeat 0 50%; padding-left:22px; margin-left:2px; padding-top:3px;}
.ic2 {list-style:none;  background: url('/m/img/ic2.png') no-repeat 0 50%; padding-left:20px; margin-left:2px; padding-top:3px;}
.ic3 {list-style:none;  background: url('/m/img/ic3.png') no-repeat 0 50%; padding-left:25px; margin-left:2px; padding-top:3px;}

.titbox {border:1px solid #ddd; padding:5px 15px; background:#4f6788;}
.titbox p {color:#fff;font-size:18px;font-weight:bold; }

.scontentbg_lg {width:95%; background:#f9f9f9; margin:30px 0; padding:20px; margin:40px auto;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}


/**mainpage**/

#mainpage {position:relative; width:100%; min-width:320px;  min-height:300px; height:auto; /*background:#589a36;background:url(/m/img/bg.gif) repeat-x;*/ padding:0; margin-top:0; }


@media only screen and (min-width: 768px) {
    #mainpage { max-width:768px; margin:0 auto; }
	.sl-menu2 ul { padding-bottom:20px;}
}

@media only screen and (max-width: 300px) {
   .img_pastor {width:100%; text-align:center; }
}


/*.slmu {position:relative; width:100%; min-width:320px; margin:0 auto; padding:0; }


.sl-menu {width:330px; /*height:455px;/ margin:0 auto;padding-top:10px; }
.sl-menu ul {list-style:none; float:left; min-width:330px;margin:0 auto; clear:both;}
.sl-menu ul li {float:left; width:33.3%;text-align:center;margin:10px 0;}
.sl-menu ul li a {font:bold 15px 'NanumBarunGothic',dotum,Sans-serif; color:#fff;padding:15px 0;}
.sl-menu ul li a:hover {opacity:0.9}
.sl-menu ul li img {margin:10px 0;}*/


.slmu2 {position:relative; width:100%; min-width:320px; margin:0 auto; padding:0; }
.sl-menu2 {width:95%; /*height:455px;*/ margin:0 auto; padding-top:0px; }
.sl-menu2 ul {list-style:none; float:left; min-width:320px; margin:0 auto; clear:both;}
.sl-menu2 ul li {float:left; width:20%;text-align:center;margin:5px 0;}
.sl-menu2 ul li a {font:bold 16px 'NanumBarunGothic',dotum,Sans-serif; color:#000;/*color:#504642; color:#fff;*/padding:10px 0; letter-spacing:-0.5px;}
.sl-menu2 ul li a:hover {opacity:0.9}
.sl-menu2 ul li img {margin:10px 0;}

@media only screen and (max-width: 350px) {
   .sl-menu2 ul li a {font-size:15px; }
}



/* search */
.search {background:url(/m/img/search_bg3.gif) 0px 0px repeat-x;color:#f1f1f4;height:40px;}
.search .searchm{display:block;overflow:hidden;position:relative;padding:7px 0 0 5px;}
.search .searchbtn {position:absolute;margin-right:5px;margin-top:7px;top:0;right:0;padding:0;width:35px;height:25px;border:0 none;background:transparent url(/m/img/search_btn3.gif) no-repeat 0 0;text-indent:-1000em;}
.search_bline {position:relative;overflow:hidden;height:21px;margin-right:45px;border:2px solid #f66211;}
.s_in {border:0;width:100%;height:21px;font-size:14px;margin-top:-5px;padding-top:5px;padding-left:3px;}

/* content */
.tit {border-bottom:1px solid #c8cddf;height:24px; padding-bottom:5px; color:#3d61a3;font-size:17px;}
.tit_t {float:left;height:22px;background:transparent url(http://m.sunglim.org/img/tit_icon1.gif) no-repeat 0 0;font-weight:bold;padding-left:15px;margin-left:3px;letter-spacing:-1px;}
.tit_btn {float:right;margin-right:2px;}
.tit_line {border-top:1px solid #d5d5d5;}

/* detail */
#tbox .tbox_tit {background-color:#feecdc; padding:8px; 0px; 8px; 12px;}
#tbox .tbox_img {padding:10px 10px;text-align:center;}

/* etc */
.im_c{text-align:center;padding:0 10px;}
.fx2{width:100%;}
.fx1{width:95%;padding:5px 5px;text-align:center;}
.fx3{width:75%;padding:10px 10px;text-align:center;}