@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/****************************************/
/*	Name: 온맘교회 MOBILE
/*	Version: 1.0
/*	Author: k.s.y
/****************************************/
body{overflow-y:scroll;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input{margin:0;padding:0;border:0;outline:0;background:transparent;word-wrap:break-word;font-size:1em;font-style:normal;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
html, body {height:100%;}
body {padding:0 !important;margin:0 !important;font-family:Nanum Gothic,'나눔고딕',NanumGothic,Malgun Gothic,'돋움',Dotum,helvetica,arial,sans-serif;font-size:14px;line-height:1.2;-webkit-text-size-adjust: none;-moz-text-size-adjust: none; color:#353535;background-color:#eee}

li {list-style:none;}
img {vertical-align:top;}
a {text-decoration:none;box-sizing:border-box;color:#353535}
table {table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;}
input,
button,
select,
textarea{margin:0;padding:0;background:none;border:0;border-radius:0;font-family:Nanum Gothic,'나눔고딕',NanumGothic,Malgun Gothic,'돋움',Dotum,helvetica,arial,sans-serif;font-size:1em;line-height:1.5;}
input,select,textarea {-webkit-appearance:none;-moz-appearance:none;}/*-webkit-user-modify:read-write-plaintext-only;-moz-user-modify:read-write-plaintext-only;*/
select {padding-right:20px;background:url(../img/com/icon_select_arr.png) no-repeat 100% 50%; background-size:15px auto;}
button {-webkit-user-select: none;-moz-user-select: none;-ms-user-select:none; user-select:none;}
fieldset {border:0;}
legend, caption {height:0;font-size:0;visibility:hidden}
legend {position:absolute;}
.hid, .skip{position:absolute;left:-5000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
::-webkit-input-placeholder {color:#afaeae;}
::-moz-placeholder {color:#afaeae;} /* firefox 19+ */
:-ms-input-placeholder { color:#afaeae;} /* ie */
input:-moz-placeholder { color:#afaeae;}
img {width:100%;}

#wrapper{position:relative;width:100%;height:100%}
.gotop{position:fixed;right:15px;bottom:15px;z-index:4}
.gotop img{width:50px}

/*테마 컬러*/
.red header,
.red .side-menu .nav-header,
.red .myinfo{background-color:#cb2322}
.red .mn1Box.recentW ul li strong,
.red .mn1Box.recentI li a > span strong{color:#cb2322}

.green header,
.green .side-menu .nav-header,
.green .myinfo{background-color:#61b004}
.green .mn1Box.recentW ul li strong,
.green .mn1Box.recentI li a > span strong{color:#61b004}

.blue header,
.blue .side-menu .nav-header,
.blue .myinfo{background-color:#0469b0}
.blue .mn1Box.recentW ul li strong,
.blue .mn1Box.recentI li a > span strong{color:#0469b0}

.brown header,
.brown .side-menu .nav-header,
.brown .myinfo{background-color:#b07104}
.brown .mn1Box.recentW ul li strong,
.brown .mn1Box.recentI li a > span strong{color:#b07104}

.violet header,
.violet .side-menu .nav-header,
.violet .myinfo{background-color:#7820b9}
.violet .mn1Box.recentW ul li strong, 
.violet .mn1Box.recentI li a > span strong{color:#7820b9}

.red .nav-header .wrt,
.green .nav-header .wrt,
.blue .nav-header .wrt,
.brown .nav-header .wrt,
.violet .nav-header .wrt,
.red .myinfo > a.btn_red,
.green .myinfo > a.btn_red,
.blue .myinfo > a.btn_red,
.brown .myinfo > a.btn_red,
.violet .myinfo > a.btn_red{background-color:#353535}


/* header */
header{width:100%;background-color:#353535;height:38px;padding-top:12px;position:relative}
header h1{text-align:center}
header h1 a{font-size:1.4em;color:#fff;font-weight:normal}
header > a > img {width:21px}
header .sideMenu_open, header .txt1, header .txt2{position:absolute;top:17px}
header .home, header .loginGo{position:absolute;top:15px}
header .sideMenu_open, header .txt1{left:17px}
header .loginGo, header .home, header .txt2{right:15px;}
header .txt1, header .txt2{font-size:1.1em;color:#fff}
.back{position:absolute;left:15px;top:15px}
.back img{width:12px}





/*footer*/
#footer {position:relative;z-index:1;width:100%;padding-bottom:24px;width:100%;background:#3a3a3a;color:#d6d6d6;padding:25px 0;text-align:center;letter-spacing:-0.08em;font-size:0.85em}
#footer a{color:#d6d6d6;}
#footer div{text-align:center;}
#footer div a{padding:3px 20px;border:1px solid #d6d6d6;font-size:1.12em}
#footer ul {margin:15px 0;overflow:hidden}
#footer ul li{display:inline;padding:0 10px;background:url('../../images/common/per2.png') no-repeat 0 3px;background-size:1px 80% }
#footer ul li:first-child{background:none}
#footer copyright em{color:#e40e64;font-size:0.85em}
#footer copyright em a{text-decoration:underline;color:#e40e64}
#footer1 {position:relative;z-index:1;width:100%;color:#d6d6d6;text-align:center;}

#footer2{color:#999;text-align:center;font-size:0.85em;width:100%;letter-spacing:-0.05em;padding:20px 0}
#footer3{color:#999;text-align:center;font-size:0.85em;width:100%;letter-spacing:-0.05em;position:fixed;bottom: 20px;left:0;}
#footer4{color:#999;text-align:center;font-size:0.85em;width:100%;letter-spacing:-0.05em;;padding-bottom: 20px;left:0;}
#footer5{color:#999;text-align:center;font-size:0.85em;width:100%;letter-spacing:-0.05em;;padding-top: 150px;padding-bottom: 20px;left:0;}



@media all and (min-height:500px){
.footmin #footer2{position:fixed;bottom:0;left:0;}
}

/*main 1*/
.newArti{width:100%;overflow:hidden;margin:10px 0;border-top:1px solid #cecece;border-bottom:1px solid #cecece;background-color:#fff;min-height:38px;letter-spacing:-0.1em}
.newArti dt{float:left;background:url('../../images/common/icon_alram.png') no-repeat 12px 11px;padding:11px 0 0 30px;background-size:30%;font-weight:bold}
.newArti dd{float:left;width:78%;padding-top:11px;margin-left:7px;padding-bottom:10px}
.newArti dd img{width:15px;margin-top:1px}
.newArti dd em{text-decoration:underline}

.rollingBan{padding-bottom:20px}
/*.rollingBan img{height:160px}*/
.rollingBan .swiper-button-prev{background: url('../../images/common/bt_roll_lf.png') no-repeat;background-size: 18px;height:30px}
.rollingBan .swiper-button-next{background: url('../../images/common/bt_roll_rf.png') no-repeat;background-size: 18px;height:30px;right:0}
.rollingBan .swiper-pagination-bullet-active{background:#545454}
.rollingBan.swiper-container-horizontal .swiper-pagination{bottom:0px}

.mn1Box{border:1px solid #cecece;margin:15px 12px;background-color:#fff;clear:both;}
.mn1Box h2, h2{height:40px;line-height:40px;font-size:1.05em;padding-left:12px;border-bottom:1px solid #cecece;font-weight:bold;background-color:#f7f7f7}
.mn1Box.recentW ul li{border-top:1px solid #eeeeee;height:38px;line-height:38px;letter-spacing:-0.07em;padding:0 12px}
.mn1Box.recentW ul li a{display:block;width:100%;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.mn1Box.recentW ul li:first-child{border:0}
.mn1Box.recentW ul li strong{color:#cb2322}

.mn1Box.recentM ul{overflow:hidden;margin:15px 15px}
.mn1Box.recentM ul li{width:47.5%;float:right;letter-spacing:-0.05em}
.mn1Box.recentM ul li:first-child{float:left}
.mn1Box.recentM ul li a{display:block;position:relative;z-index:1;border:1px solid #d6d6d6}
.mn1Box.recentM ul li a > span{display:block;width:100%;height:35px;line-height:35px;position:absolute;left:0px;bottom:0px;background:#000;font-size:0.85em;color:#fff;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.mn1Box.recentM ul li a > span > em{padding-left:7px}
.mn1Box.recentM ul li > span{display:block;font-size:0.9em;padding:7px 0 0 7px}
.per{background:url('../../images/common/per1.png') no-repeat 0 2px;background-size:1px 80%;padding-left:7px;margin-left:7px}
.mn1Box ul li .ico{position:absolute;right:7px;top:7px;z-index:100;width:16%}

.mn1Box.recentI li{position:relative;border-top:1px solid #d6d6d6;padding:15px 0;}
.mn1Box.recentI li:first-child{border-top:0}
.mn1Box.recentI li a{display:block;overflow:hidden;margin:0 15px}
.mn1Box.recentI li a > em{float:left;width:38%;position:relative;border:1px solid #d6d6d6;box-sizing:border-box;}
.mn1Box.recentI li a > span{float:right;width:58%;line-height:130%;padding-top:20px}
.mn1Box.recentI li a > span strong{color:#cb2322}
.mn1Box.recentI li a > span > span{display:block;margin-top:8px}

.bnArea{margin:15px 12px}
.bnArea a{display:block;width:48%;float:left;border:1px solid #d0d0d0;box-sizing:border-box;}
.bnArea:after{content:"";display:block;clear:both;}
.bnArea a:first-child{width:100%;margin-bottom:15px}
.bnArea a:nth-child(3){float:right}
.bnArea a:nth-child(4){width:100%;margin-top:15px}
.bnArea a:nth-child(5){margin-top:15px}

.padtype{padding: 0 12px}
.bgW{background-color:#fff}


/*btn*/
.bt_red{display:block;width:100%;height:40px;line-height:40px;color:#fff;text-align:center;font-size:1.2em;background: #e40e64}
.bt_red.arr{background: #e40e64 url('../../images/common/arr_btR.png') no-repeat 59% 14px;background-size:7px;}
.bt_white{display:block;width:100%;height:40px;line-height:38px;border:1px solid #c6c6c6;box-sizing:border-box;text-align:center;background-color:#fff}
.bt_white > span{display:inline-block;background: url('../../images/common/arr_bott.png') no-repeat 100% 18px;background-size:9px;padding-right:15px}
.bt_white.mr{margin:10px 0 20px}
.btn_red{height:30px;line-height:30px;background-color:#cb2322;color:#fff;padding:0 20px}
.btn_gry{height:27px;line-height:24px;color:#9b9b9b;padding:0 20px 0 15px;border:1px solid #313030;font-size:0.85em;background: #434242 url('../../images/common/arr_bt.png') no-repeat 95% 8px;background-size:6px}
.btn_whit{height:27px;line-height:24px;color:#868686;padding:0 20px 0 15px;border:1px solid #cecece;font-size:0.85em;background: url('../../images/common/arr_bt.png') no-repeat 95% 8px;background-size:6px}
.btnG{height:29px;line-height:29px;color:#fff;padding:0 20px 0 15px;font-size:0.85em;background-color: #353535}

/*여백*/
.mgt10{margin-top:10px}
.mgt15{margin-top:15px}
.mgb10{margin-bottom:10px}
.mgb30{margin-bottom:30px}
.mgb40{margin-bottom:40px}
.pdb50{padding-bottom:50px}

/*input*/
input[type="text"], 
input[type="password"], 
input[type="tel"],
input[type="number"],
input[type="email"] {width:100%;min-width:40px;border:1px solid #c6c6c6;height:40px;line-height:40px;box-sizing:border-box;background-color:#fff;padding-left:10px}

/*input[type="checkbox"] {display: none;}*/
input[type="checkbox"] + label{display: inline-block;cursor:pointer;position:relative;padding-left:22px;font-size:0.8em;top:1px}
input[type="checkbox"]+ label:before {content: "";display: inline-block;width:16px;height:16px;margin-right: 10px;position: absolute;left:0;bottom:-1px;background-color: #fff;border:1px solid #c6c6c6}
input[type="checkbox"]:checked + label:before {content: "\2713";  /* 체크모양 */ font-size:1.5em;font-weight:800;color: #c6c6c6;background:#fff;text-align: center;line-height: 18px} 

.rdio {position: relative;}
.rdio input[type="radio"] {position: absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.rdio input[type="radio"] + label {display: inline-block;position:relative;padding-left:25px;cursor:pointer;	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.rdio input[type="radio"] + label:before {content:'';position:absolute;left:0;top:-2px;width:18px;height:18px;text-align:center;background:#ffff;border:1px solid #c6c6c6;border-radius:100%;}
.rdio input[type="radio"] + label:active:before,
.rdio input[type="radio"]:checked + label:active:before {}
.rdio input[type="radio"]:checked + label:before {background: #fff;border-color: #e40e64;}
.rdio input[type="radio"]:checked + label:after {content:'';position:absolute;top:3px;left:5px;width:10px;height: 10px;background: #e40e64;border-radius: 100%}

select{height:35px;font-size:1em;padding:0 30px 0 5px;border:1px solid #cecece;	background:#FFF url('../../images/common/selectBg.png') no-repeat right -1px;background-size:30px;-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box;letter-spacing:-0.12em}

/*list*/
.referList li{text-indent:-15px;margin:5px 0 0 15px}
.referList li:first-child{margin-top:0}
.referList li em{color:#cb2322}

.redB, .redB a{font-size:1.15em;color:#e40e64;font-weight:bold;letter-spacing:-0.05em}
.strTxt{font-size:0.85em;color:#545454}

/* aside */
.side-menu{position:absolute;top:0;left:-100%;z-index:1000;bottom:0;width:85%;background:#fff;box-sizing:border-box;-webkit-transition:left 0.5s;transition:left 0.5s;}

.side-menu .nav-header{background:#353535;color:#fff;padding:18px 15px 23px	 }
.side-menu .nav-header strong{font-size:1.2em;font-weight:normal;line-height:150%}
.nav-header .wrt{float:right;height:30px;line-height:30px;background: #cb2322 url('../../images/common/ico_write.png') no-repeat 20px 5px;background-size:15px;color:#fff;padding:0 20px 0 40px}

.side-menu .nav-global {margin-bottom:20px}
.side-menu .nav-global > li {background:#f7f7f7;border-bottom:1px solid #cecece;}
.side-menu .nav-global > li > a,
.side-menu .nav-global > li > button {display:block;width:100%;padding:10px 0;color:#dacec2;font-size:1.15em;color:#353535;text-align:left;font-weight:bold}
.side-menu .nav-global > li > button span{display:block;margin:0 15px;background:url('../../images/common/nav_arrOpen.png') no-repeat 100% 7px;background-size:15px}
.side-menu .nav-global > li > button.open span{background:url('../../images/common/nav_arrClose.png') no-repeat 100% 7px;background-size:15px}
.side-menu .nav-global > li > button.open{border-bottom:1px solid #cecece;}

.side-menu .navList{display:none;position:relative;background:#fff;font-size:1.05em}
.side-menu .navList:after{content:'';display:block;clear:both;width:100%;}
.side-menu .navList li{height:43px;line-height:43px;border-top:1px solid #eee;margin-left:15px;box-sizing:border-box;}
.side-menu .navList li:first-child{border-top:0}
.side-menu .navList li a{display:block;color:#353535}
.side-menu .navList li a:before{content:'';display:inline-block;margin-right:10px;width:15px;height:18px;background:url('../../images/common/ico_navList.png') no-repeat 0 100%;background-size:100%;vertical-align:middle;}
.side-menu .navList li a.road:before{background:url('../../images/common/ico_navPosition.png') no-repeat 0 100%;background-size:100%;width:13px;height:20px;margin:0 12px 0 2px}
.side-menu .navList > button {position:absolute;top:-43px;display:block;width:100%;height:43px;font-size:0;line-height:0;cursor:pointer}
.side-menu .navSNS{border-top:1px solid #cecece;border-bottom:1px solid #cecece;padding:15px 15px 0;background:#f7f7f7}
.side-menu .navSNS ul{width:100%;overflow:hidden;margin-left:-10px}
.side-menu .navSNS li{float:left;margin-bottom:10px}
.side-menu .navSNS li a{display:block;padding-left:10px}
.side-menu .navSNS li a img{width:30px}
.side-menu .navLogin{margin-top:30px;border-top:1px solid #cecece;border-bottom:1px solid #cecece;background:#f7f7f7;position:relative}
.side-menu .navLogin > div{margin-right:70px;padding:20px 15px}
.side-menu .navLogin > div img{width:40px;vertical-align:middle;margin-right:7px}
.side-menu .navLogin .bt{display:inline-block;border:1px solid #cecece;background:#fff;width:70px;height:28px;line-height:28px;position:absolute;right:15px;top:23px;text-align:center;box-sizing:border-box;letter-spacing:-0.07em}

.side-menu.open {position:relative;left:0;right:0;}
.side-menu .side-menu-close {overflow:hidden;position:absolute;top:0;right:0;width:42px;height:47px;font-size:0;line-height:0;}
.side-menu .side-menu-close:before,
.side-menu .side-menu-close:after {content:'';display:block;position:absolute;left:20px;top:22px;width:1px;height:23px;background:#fff;}
.side-menu .side-menu-close:before {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.side-menu .side-menu-close:after {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.cont-notice{overflow:hidden;position:relative;background:#5c504c;padding:12px 15px 14px;}
.cont-notice h2,
.cont-notice .tit {font-size:1.133em;color:#efddc8;margin-bottom:15px}
.cont-notice p{color:#fff}
.cont-notice .btn-close{display:block;position:absolute;right:0;bottom:0;width:44px;height:44px;}
.cont-notice .btn-close img {position:absolute;top:50%;left:50%;margin:-7px;width:14px;height:14px;}
.cont-notice .box-wrap {display:block;margin:10px 0 0 0;}
.cont-notice .box-wrap .check-type {color:#fff;}
.cont-notice .box-wrap .check-type:before {border-color:#96837b;background-color:#fff;}
.cont-notice.fiexd {position:fixed;top:0;left:0;width:100%;box-sizing:border-box;}
.cont-notice.fiexd:before {content:'';display:block;position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:103;}


/*모바일 뉴스킨 관련 추가 2016-08-29*/
.banbox{margin: 15px 12px;}
.banbox >ul{display: flex; justify-content: space-between;margin-bottom: 15px;}
.banbox  >ul li{margin-right: 15px;width: 100%;overflow: hidden;padding-bottom: 0;}
.banbox  >ul li:last-child{margin-right: 0;}



.bnArea >ul{display: flex; justify-content: space-between;}
.bnArea >ul li{margin-right: 15px;width: 100%;overflow: hidden;padding-bottom: 0;}
.bnArea >ul li:last-child{margin-right: 0;}


/*멀티배너*/

#container2 {position: relative;}
.swiper-pagination2 {text-align: center; margin-top:15px;}
.swiper-pagination-bullet {width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2;}
.rollingBan2 .swiper-pagination-bullet-active{background:#545454}
.swiper-container-horizontal>.swiper-pagination2 .swiper-pagination-bullet {margin: 0 5px;}
.rollingBan2 {padding-bottom: 10px;}
.rollingBan2 .swiper-button-next2 {color:#fff;position: absolute;line-height: 26px;text-align: center; right: 0;;width: 26px;height: 26px;bottom: 0;background: rgba(0,0,0,0.2)}
.rollingBan2 .swiper-button-prev2 {color:#fff;line-height: 26px;text-align: center; position: absolute; ;width: 26px;height: 26px;right: 26px;bottom: 0;background: rgba(0,0,0,0.2)}
.swiper-button-next2:hover{background-color: rgba(0,0,0,0.8);}
.swiper-button-prev2:hover{background-color: rgba(0,0,0,0.8);}
.hban>ul{height: 100%;overflow: hidden;}
.hban>ul>li{width: 50%;float: left;}

.ban4> .imglist> li.img4c {margin-bottom: 15px;}
.ban4> .imglist> li.img4c a  img{width: 50%;float: left;}

.mn1Box2{margin: 15px 12px;  clear: both;}

.pb15{padding-bottom: 15px !important;}
.mt15{margin-top: -15px !important}
.mt015{margin-top: 15px;}
.contents{margin:0px 12px;margin-bottom: 15px;}
.contentsmt15{margin: 15px 12px;margin-bottom: 15px;}

.cf{display: block;content: "";clear:both;}