#sub-area{position:relative; box-sizing:border-box; width:100%; max-width:1200px; margin:0 auto 150px; letter-spacing:-0.055em;}
.sub-visual{width:100%; overflow:hidden; height:200px;}
.sub-visual img{display:block; margin:0 auto;}
.sub-nav{width:100%; background:#ebedf1; height:42px; border-bottom:1px #c8c8c8 solid;}
.sub-nav-area{width:100%; max-width:1200px; margin:0 auto; line-height:42px;}
.sub-nav-area span{display:inline-block; border-right:1px #c8c8c8 solid; padding:0 40px;}
.sub-nav-area span:first-child{border-left:1px #d8d8d8 solid;}
.plus-minus{position:absolute; right:0; top:-43px; z-index:999;}
.plus-minus .button{width:42px; height:42px; border-left:1px #c8c8c8 solid; float:left; text-align:center;  font-size:0;}
.plus-minus .button i{font-size:15.5px; display:block; line-height:42px;}
.plus-minus .button.minus{border-right:1px #c8c8c8 solid;}

.sub-title{position:relative; text-align:center; font-size:40px; font-weight:600; letter-spacing:-0.1em; padding:50px 0 10px;  margin-bottom:50px;}
.sub-title td{font-size:40px; font-weight:600;}
.sub-title:after{content:""; display:block; width:90px; height:6px; background:#222; position:absolute; left:50%; margin-left:-45px; bottom:0;}

.sub-content{position:relative; width:100%:}

/*주보성인,사목지침*/
.sub-cont01{text-align:center; font-weight:700}
.sub-cont01 p{font-size:30px; color:#1e3d7d; margin-bottom:10px;}
.sub-cont01 div{font-size:25px; width:800px; margin:0 auto; color:#1e3156;}
.sub-cont01 .sc-font01{font-size:16px; line-height:1.7em; font-weight:400;}
.sub-cont01:after{content:""; display:block; width:2px; height:80px; background:#8b8b8b; margin:40px auto 20px; }
.sub-cont02 dt{font-weight:700; font-size:20px; color:#213c72; margin:60px 0 10px;}
.sub-cont02 dd{font-size:16px; line-height:1.7em;}
.sub-cont03{text-align:right; margin-top:70px; font-size:17px;}
.sub-cont03 span{font-style:oblique; font-weight:700; font-size:20px;}
.sub-cont04{box-sizing:border-box; padding:20px; border:1px #c8c8c8 solid; background:#ebedf1; font-size:15px; color:#555; margin-top:60px;}
.sub-cont04 p{font-weight:700; margin-bottom:5px;}
.sub-cont05{border-top:1px #c8c8c8 dashed;  font-size:13px; padding-top:30px; margin-top:50px;}
.sub-cont-ul01 i{font-size:15px; margin-right:5px; display:inline-block; vertical-align:0px;}

/*본당성직자*/
.clergy-area:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clergy{position:relative; min-height:175px; padding-left:180px; float:left; width:50%; box-sizing:border-box; margin-top:50px;overflow:hidden;}
.clergy:first-child, .clergy:nth-child(2){margin-top:0;}
.clergy dt{border:1px #c8c8c8 solid; display:inline-block; position:absolute; left:0; top:0; width:150px; height:175px;}
.clergy dt > img{position:absolute;width:100%; height:auto; display:block; top:0; margin-left:0; left:0; margin-top:0;}
.clergy-text01{padding:50px 0 20px;}
.clergy-text01 span{color:#213c73; font-size:17px; font-weight:700;}
.clergy-text01 p{font-size:28px; font-weight:700;}
.clergy-text02 span{border:1px #c8c8c8 solid; border-radius:9999px; padding:5px 10px; display:inline-block;}
.clergy-text02 p{display:inline-block; margin-left:10px;}

/*미사시간*/
.missa-time{ border-collapse:collapse; width:800px; max-width:100%; margin:0 auto;}
.missa-time th{background: #386dd7; border-bottom:1px #c8c8c8 solid; border-collapse:collapse; padding:10px; font-weight:700; font-size:16px; color:#fff;}
.missa-time td:first-child{text-align:center; color:#386dd7; background:#ebedf1; border-right:1px #c8c8c8 solid;}
.missa-time td{border-collapse:collapse;  border-bottom:1px #c8c8c8 solid; padding:10px 15px; font-size:15.5px; line-height:185%; color:#666;}

/*오시는길*/
.map{width:100%; height:400px; border:1px #c8c8c8 solid;}
.map-list li{border-top:1px #c8c8c8 solid; padding-top:20px; margin-top:20px;}
.map-list li:first-child{border-top:0;}
.map-list dl{position:relative; padding-left:120px;}
.map-list dt{position:absolute; left:0; color:#213c73; font-size:17px; font-weight:700;}
.map-list dd{font-size:15.5px; color:#666;}
.map-station p{display:inline-block; margin-right:10px;}
.map-station p a:hover,
.map-bus p a:hover{text-decoration:underline;}
.m-num{margin-left:3px; display:inline-block; font-size:14px; color:#386dd7; width:26px; height:26px; line-height:26px; background:#ebedf1; border-radius:50%; text-align:center; }
.map-bus p:first-child{margin-bottom:10px;}
.mb01,.mb02{background:#d77438; color:#fff; font-size:13px; display:inline-block; padding:2px 5px; border-radius:3px;}
.mb02{background:#9ebd40;}

/*갤러리*/
.gallery-list li{float:left; margin:0 2% 30px; width:29%;}
.gallery-list:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.gallery-img{border:1px #c8c8c8 solid; margin-bottom:20px; height:250px; overflow:hidden; position:relative;}
.gallery-img img{width:100%; height:auto; display:block; top:0; margin-left:0; left:0; margin-top:0; }
/* 마우스 오버시 효과 */
.gallery-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
.gallery-img img,
.clergy dt > img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}

.gallery-text{display:-webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  line-height:20px; height:20px; position:relative; }
.gallery-text2{display:-webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  line-height:16px; height:16px; position:relative; font-weight:300;}
.search{text-align:right; vertical-align:top; margin-right:3%; margin-bottom:20px;}
.search input{border:1px #c8c8c8 solid; width:220px; height:30px; line-height:30px;}
.search a{background:#386dd7; color:#fff; padding:0 20px; height:32px; line-height:32px; display:inline-block;}
.search a.a22{background:#a0a0a0; color:#fff; padding:0 20px; height:32px; line-height:32px; display:inline-block;}
.paging{text-align:center; margin-top:60px;}
.paging a,
.paging strong{display:inline-block; margin-left:-1px; border:1px #c8c8c8 solid; width:40px; height:40px; line-height:40px; vertical-align:top;}
.paging strong{color:#386dd7; background:#ebedf1;}
.paging strong:after{content:""; width:100%; height:3px; display:block;background:#386dd7; position:relative; margin-top:-2px; color:#386dd7;}
.p-prev, 
.p-next{font-size:16px;overflow:hidden;}
.p-prev i, 
.p-next i{font-size:16px; line-height:40px;}



/*일정표*/
.calendar-top{position:relative; padding-bottom:50px; }
.calendar-top ul{border:1px #c8c8c8 solid; display:inline-block;  padding:0 10px;background: rgb(249,249,249);
background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);}
.calendar-top ul:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.calendar-top li{float:left; border-left:1px #c8c8c8 solid; text-align:center; line-height:43px;  padding:0 5px}
.calendar-top li:first-child{border-left:0;}
.calendar-top li.ct-day{font-size:17.5px; font-weight:700; padding:0 20px; }
.calendar-top li.ct-day a{display:block;vertical-align:10px}
.calendar-top li.ct-day i{margin-right:5px;}
.calendar-tab{position:absolute; right:0; top:0; z-index:999;}
.calendar-tab a{display:block; position:relative; float:left; border:1px #c6c6c6 solid; padding:10px 10px; background:#fff; margin-left:5px;}
.calendar-tab a i{font-size:20px; margin-right:5px; vertical-align:-2px;}
.calendar-tab a.selected{border-color:#386dd7; color:#386dd7;;}
.calendar-tab a.selected:after{display:block; position:absolute; width:100%; height:3px; background:#386dd7; content:""; left:0; top:0px;}

.calendar-box{width:100%; border-collapse:collapse; table-layout: fixed;}
.calendar-box th,
.calendar-box td{border:1px #d6d6d6 solid; width:14%; border-collapse:collapse; box-sizing:border-box; position:relative;}
.calendar-box th{background:#ebedf1; padding:10px; }
.calendar-box td{padding:10px 10px 10px 30px; height:95px;}
.c-day{text-align:center; font-size:10px; color:#103f9b; width:25px; height:25px; line-height:25px; border:1px #d6d6d6 solid; border-width:0 1px 1px 0; position:absolute; left:0; top:0;}
.c-schedule{font-size:12px; display:block; box-sizing:border-box; padding:0 5px; position:relative; }
/*.c-schedule > p{overflow:hidden;width:100%; height:20px; line-height:20px; height:auto; word-break:keep-all; }*/
.c-schedule > p{width:100%; height:20px; line-height:20px; height:auto; word-break:keep-all; }

.cs-notice{background:#386dd7; color:#fff; border-radius:5px; padding:0 5px;}
.c-schedule-box{display:none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); position:absolute; z-index:99; background:#fff; border:1px #386dd7 solid; border-radius:10px;padding:10px; box-sizing:border-box; width:170px; right:-175px; top:-55px;}
.c-schedule-box:after {display:block; position:absolute; content:""; width:8px; height:20px; background:url(../../images/sub/comment-img.png); left:-8px; top:50%; margin-top:-10px;}
.c-schedule:hover .c-schedule-box{display:block;}
.csb-text01{font-size:13.5px; color:#103f9b;}
.csb-text02{font-size:12.5px; margin:2px 0;}
.csb-text02 span{background:#386dd7; padding:1px 3px; color:#fff; display:inline-block; margin-left:2px; font-size:11px;}
.csb-text03{border-top:1px #d6d6d6 dashed; margin-top:10px; padding-top:10px; font-size:12.5px; display:-webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  line-height:20px; height:40px;}

.event-list{margin-top:-20px;}
.event-list-box{position:relative; background:#f3f3f3; padding:20px; margin-bottom:5px; border-radius:5px;}
.event-list-box dt{position:absolute; width:80px; height:80px; box-sizing:border-box; left:20px; background:#386dd7; color:#fff; text-align:center; border-radius:5px;}
.event-list-box dt p{font-size:25px; padding-top:20px; font-weight:700; line-height:0.75; }
.event-list-box dt span{}
.event-list-box dd{padding-left:90px;}
.event-list-box-ul li{border:1px #c5c8d0 solid; box-sizing:border-box; padding:14px; margin-top:10px; background:#fff; border-radius:0 5px 0 5px;}
.event-list-box-ul li:first-child{margin-top:0;}
.event-header{position:relative; cursor:pointer;  }
.eh01{font-weight:700; font-size:17.5px; color:#13419e; margin-bottom:5px; padding-right:50px;}
.eh02{font-size:14px;}
.eh-p{background:#386dd7; color:#fff; border-radius:20px; padding:0 10px; margin-left:5px; }
.eh-btn01{position:absolute; right:-14px; top:-14px; font-size:0; width:50px; height:50px; text-align:center;  border-radius:0 0 0 5px; border:1px #c5c8d0 solid; border-width:0 0 1px 1px;}
.eh-btn01 i{font-size:25px; color:#8192b3;line-height:50px; }
.event-summary{border-top:1px #c8c8c8 dashed; padding-top:20px; margin-top:10px;}
.event-summary-btn{text-align:right; padding-top:20px;}
.event-summary-btn a{display:inline-block; padding:10px 20px; border:1px #386dd7 solid; color:#386dd7; background:#fff;}
.open-close{text-align:right; margin-bottom:10px; position:relative; z-index:99;}
.open-close span{cursor:pointer; display:inline-block; border:1px #cdcdcd solid; border-radius:99999px; padding:5px 15px; font-size:12.5px; margin-left:5px;}
.open-close span i{font-size:14px; margin-right:2px;}

/*일정표/갤러리 view page*/
.view-title{border-top:2px #333 solid; border-bottom:1px #c8c8c8 solid; font-size:25px; padding:15px 10px; line-height:1.2em;}
.view-title span{font-size:15.5px;}
.view-cont{padding:20px 10px; border-bottom:1px #c8c8c8 solid;}
.view-btn{position:relative; margin-top:20px;}
.view-prev-next a{border:1px #c8c8c8 solid; padding:10px 25px; display:inline-block; background:#ebedf1;}
.view-list-a{display:inline-block; position:absolute; right:0; top:0; padding:10px 25px; background:#555; color:#fff;}
.view-list-b{display:inline-block; position:absolute; left:0; top:0; padding:10px 25px; background:#555; color:#fff;}
.view-cont-t01{margin-bottom:10px;}
.view-cont-t01 p{display:inline-block; padding:7px 10px;color:#12367c; font-size:15.5px; background:#ebedf1;}
.view-cont-t01 span{display:inline-block; font-size:13px; vertical-align:1px;border-radius:9999px; padding:0 5px; background:#386dd7; color:#fff;}



/*=================================== 회원가입, 정보수정, 아이디/비밀번호찾기 ===================================*/
.member-area:after{clear:both; content:"."; display:block; height:0; visibility:hidden;margin-top:-100px;}
/*회원가입*/
#content{position:relative;float:left;width:100%;margin:8% 0%;}
.bn_list{position:relative;float:left;width:100%;}
.bn_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.bn_list ul li{position:relative;float:left;width:48%;margin:1%;background:#fff;overflow:hidden;}
.bn_list ul li a{position:relative;float:left;border:1px solid #e0e0e0;margin:0;padding:0;}

/* 회원구분 */
#join1{position:relative;float:left;width:100%;height:100%;text-align:center;}
.join_box{position:relative;float:left;width:41.5%;text-align:center;border:1px solid #aaa;padding:6% 4%;background:url(../img/gradation.png) no-repeat;background-size:100% 100%;}
.join_box img{width:100px;}
.join_box b{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;letter-spacing:-1px;color:#000;padding-top:90px;margin:0 0 10px 0;}
b.join_img1{background:url(../img/join_img1.png) no-repeat top center;background-size:70px;}
b.join_img2{background:url(../img/join_img2.png) no-repeat top center;background-size:70px;}
.join_box p{float:left;width:100%;line-height:18px;font-size:14px;font-weight:300;color:#555;}
.join_box a{display:inline-block;line-height:22px;font-size:12px;text-align:center;font-weight:400;color:#fff;background:#000;padding:0 10px;margin-top:6%;}

/* 약관 */
.terms{position:relative;float:left;width:94%;height:auto;padding:3%;background:#f4f4f4;}
.terms_title{float:left;width:100%;line-height:22px;font-size:16px;font-weight:600;color:#000;border-bottom:1px solid #ccc;padding-bottom:2%;margin-bottom:3%;}
.terms textarea{float:left;width:100%;min-height:180px;line-height:14px;font-size:11px;font-weight:300;color:#666;border:none;background:none;}
.terms2{position:relative;float:left;width:95%;padding:2.5%;background:#f4f4f4;}
.terms2 pre{float:left;width:100%;white-space:pre-wrap;line-height:15px;font-size:12px;font-family:'Noto Sans KR' !important;font-weight:300;color:#666;}

/* 동의 */
.agree{float:left;width:100%;margin:4% 0;}
.agree input{float:left;width:15px;height:15px;line-height:15px;margin-right:4px;}
.agree label{float:left;font-size:14px;line-height:15px;}

/* 가입폼 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;border-top:3px solid #000;}
.tbl table th{font-size:14px;font-weight:500;background:#f9f9f9;text-align:left;}
.tbl table td{text-align:left;font-size:12px;}
.tbl table td span{float:left;height:30px;line-height:30px;font-size:14px;color:#000;margin:0 2%;}
.tbl table td strong{position:relative;float:left;width:6px;line-height:30px;font-size:18px;color:#777;margin:0 1%;overflow:hidden;}
.tbl table td textarea{float:left;width:92%;height:70px;padding:2%;line-height:16px;font-size:12px;color:#777;border:1px solid #ccc;}
.tbl table th,.tbl table td{padding:2%;}
.tbl table tr{border-bottom:1px solid #ccc;}
table tr.tbl_line{border-bottom:1px solid #000 !important}

.tbl_ment{float:left;width:100%;line-height:16px;font-size:12px;font-weight:300;color:#555;margin-top:5px;}

input.tbl_btn{float:left;height:30px;line-height:30px;font-size:12px;font-weight:500;cursor:pointer;text-align:center;padding:0 5px;color:#fff;background:#666;border:none;margin:1px;}


/* 가입완료 */
.finish_box{position:relative;float:left;width:98%;text-align:center;background:#f9f9f9;border:10px solid #eee;padding:100px 0;}
.f_bg1{float:left;width:100%;height:300px;background:url(../img/f_Bg1.png) no-repeat center top;}
.finish_box b{float:left;width:100%;line-height:100%;font-size:36px;font-weight:400;color:#000;margin:70px 0 20px 0;}
.finish_box p{float:left;width:100%;line-height:100%;font-size:20px;color:#777;}
.finish_box span{color:#004cbf;}


/* 아이디/비밀번호찾기 */
.id_pw{position:relative;float:left;width:94%;padding:50px 3%;background:#f1f1f1;}
.id_pw_title{float:left;width:100%;line-height:100%;font-size:24px;text-align:center;font-weight:600;color:#000;margin-bottom:14px;}
.tbl2{position:relative;float:left;width:42%;min-height:300px;padding:3%;margin:0 1%;background:#fff;box-shadow:3px 3px 3px #ccc;}
.tbl2 table{float:left;width:100%;border-top:1px solid #000;margin-bottom:20px;}
.tbl2 table th{font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl2 table td{text-align:left;font-size:14px;}
.tbl2 table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 12px 0 11px;overflow:hidden;}
.tbl2 table td select.sct1{float:left;width:27%;height:36px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
.tbl2 table th,.tbl2 table td{padding:10px;border-bottom:1px solid #ccc;}
/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin:60px 0 0 0;}
.btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn{display:inline-block;width:20%;height:60px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#0277bc;text-align:center;color:#fff;border:2px solid #03579f;margin:0 1px;}
input.btn2{display:inline-block;width:20%;height:60px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 1px;}
/* 상세페이지 버튼 */
.btn2_w{position:relative;float:left;width:105%;text-align:center;margin:0 0 0 -2.4%;}
.btn2_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn3{display:inline-block;width:29%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#34409b;text-align:center;color:#fff;border:2px solid #34409b;margin:0 1px;}
input.btn4{display:inline-block;width:28%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#34409b;border:2px solid #34409b;margin:0 1px;}
input.btn6{display:inline-block;width:28%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#9f1313;text-align:center;color:#ffea00;border:2px solid #34409b;margin:0 1px;}
input.btn5{display:inline-block;width:47%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#f7f7f7;text-align:center;color:#777;border:2px solid #ccc;margin:0 1px;}

/* INPUT, SELECT style */
input.ip01{float:left;width:40%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip02{float:left;width:11%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip03{float:left;width:97%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip04{float:left;width:180px;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip05{float:left;width:93%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip06{float:left;width:22%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}

.sct1{position:relative;float:left;width:100px;height:36px;background:#fff;border:1px solid #ccc;}
.sct1 select{float:left;width:100px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 90% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct2{position:relative;float:left;width:140px;height:36px;background:#fff;border:1px solid #ccc;}
.sct2 select{float:left;width:140px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 94% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct3{position:relative;float:left;width:320px;height:36px;background:#fff;border:1px solid #ccc;}
.sct3 select{float:left;width:320px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 96% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct1 select::-ms-expand,.sct2 select::-ms-expand,.sct3 select::-ms-expand{display:none;}



.gallery-img img{width:100%;height:auto;}

/*================================== respensive ==================================*/

@media (max-width:1200px) {
#sub-area{padding:0 1%; box-sizing:border-box;}
.sub-visual{height:150px;}
.sub-title{font-size:30px; padding-top:20px; margin-bottom:100px;}

/*주보성인,사목지침*/
.sub-cont01 div{width:100%;}

/*본당성직자*/
.clergy-text01{padding-top:35px}
.clergy-text01 p{font-size:20px;}
.clergy-text02 p{display:block; margin-left:0; margin-top:5px;}

/*미사시간*/
.missa-time{width:100%;}

/*갤러리*/
.gallery-img{height:220px;}
.gallery-img img{width:100%;}

/* 회원가입 */
#content{position:relative;float:left;width:1000px;margin:0 30px;}
.m_title{position:relative;float:left;width:100%;text-align:center;background:url(../img/title_line.gif) repeat-x 0 50%;margin-bottom:15px;}
.m_title span{display:inline-block;line-height:30px;font-size:28px;font-weight:500;color:#000;padding:0 22px;background:#fff;}

.bn_list{position:relative;float:left;width:100%;}
.bn_list ul{position:relative;float:left;width:1008px;margin:-4px 0 0 -4px;}
.bn_list ul li{position:relative;float:left;width:328px;height:250px;margin:4px;}
.bn_list ul li a{position:relative;float:left;width:326px;height:244px;background:#fff;border:1px solid #e0e0e0;margin:0;padding:0;overflow:hidden;}
a.more{position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;font-size:25px;font-weight:500;text-align:center;color:#fff;background:#6e95fa;}

/* 회원구분 */
#join1{position:relative;float:left;width:100%;height:100%;text-align:center;}
.join_box{position:relative;float:left;width:46%;text-align:center;border:5px solid #e0e0e0;margin:0 1.5%;padding:80px 0;background:url(../img/gradation.png) no-repeat;background-size:100% 100%;}
.join_box img{width:100px;}
.join_box b{float:left;width:100%;line-height:100%;font-size:50px;font-weight:400;letter-spacing:-3px;color:#000;padding-top:120px;margin:0 0 10px 0;}
b.join_img1{background:url(../img/join_img1.png) no-repeat top center;background-size:100px;}
b.join_img2{background:url(../img/join_img2.png) no-repeat top center;background-size:100px;}
.join_box p{float:left;width:100%;line-height:24px;font-size:16px;font-weight:300;color:#555;}
.join_box a{display:inline-block;line-height:36px;font-size:16px;text-align:center;font-weight:400;color:#fff;background:#000;padding:0 30px;margin-top:30px;}


/* 약관 */
.terms{position:relative;float:left;width:94%;height:auto;padding:3%;background:#f4f4f4;}
.terms_title{float:left;width:100%;font-size:22px;font-weight:600;color:#000;margin-bottom:20px;}
.terms textarea{float:left;width:100%;min-height:320px;line-height:16px;font-size:13px;color:#666;border:none;border-top:1px solid #ccc;background:none;}
.terms2{position:relative;float:left;width:95%;padding:2.5%;background:#f4f4f4;}
.terms2 pre{float:left;width:100%;white-space:pre-wrap;line-height:18px;font-size:13px;font-weight:300;color:#666;}


/* 동의 */
.agree{float:left;width:100%;margin:20px 0;}
.agree input{float:left;width:18px;height:18px;line-height:18px;margin-right:10px;}
.agree label{float:left;font-size:17px;line-height:18px;}

/* 가입폼 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;border-top:3px solid #000;}
.tbl table th{font-size:18px;font-weight:500;background:#f9f9f9;text-align:left;}
.tbl table td{text-align:left;font-size:14px;}
.tbl table td span{float:left;height:36px;line-height:36px;font-size:16px;color:#000;margin:0 10px;}
.tbl table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 12px 0 11px;overflow:hidden;}
.tbl table td textarea{float:left;width:98%;height:120px;padding:10px;line-height:22px;font-size:14px;color:#777;border:1px solid #ccc;}
.tbl table th,.tbl table td{padding:15px;}
.tbl table tr{border-bottom:1px solid #ccc;}
table tr.tbl_line{border-bottom:1px solid #000 !important}

.tbl_ment{float:left;width:100%;line-height:20px;font-size:13px;font-weight:300;color:#555;margin-top:5px;}

input.tbl_btn{float:left;width:140px;height:36px;line-height:36px;font-size:14px;font-weight:500;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:2px;}
input:hover.tbl_btn{background:#333;}


/* 가입완료 */
.finish_box{position:relative;float:left;width:98%;text-align:center;background:#f9f9f9;border:10px solid #eee;padding:100px 0;}
.f_bg1{float:left;width:100%;height:300px;background:url(../img/f_Bg1.png) no-repeat center top;}
.finish_box b{float:left;width:100%;line-height:100%;font-size:36px;font-weight:400;color:#000;margin:70px 0 20px 0;}
.finish_box p{float:left;width:100%;line-height:100%;font-size:20px;color:#777;}
.finish_box span{color:#004cbf;}

/* 아이디/비밀번호찾기 */
.id_pw{position:relative;float:left;width:94%;padding:50px 3%;background:#f1f1f1;}
.id_pw_title{float:left;width:100%;line-height:100%;font-size:24px;text-align:center;font-weight:600;color:#000;margin-bottom:14px;}
.tbl2{position:relative;float:left;width:42%;min-height:300px;padding:3%;margin:0 1%;background:#fff;box-shadow:3px 3px 3px #ccc;}
.tbl2 table{float:left;width:100%;border-top:1px solid #000;margin-bottom:20px;}
.tbl2 table th{font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl2 table td{text-align:left;font-size:14px;}
.tbl2 table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 12px 0 11px;overflow:hidden;}
.tbl2 table td select.sct1{float:left;width:27%;height:36px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
.tbl2 table th,.tbl2 table td{padding:10px;border-bottom:1px solid #ccc;}

/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin:60px 0 0 0;}
.btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn{display:inline-block;width:20%;height:60px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#0277bc;text-align:center;color:#fff;border:2px solid #03579f;margin:0 1px;}
input.btn2{display:inline-block;width:20%;height:60px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 1px;}
/* 상세페이지 버튼 */
.btn2_w{position:relative;float:left;width:105%;text-align:center;margin:0 0 0 -2.4%;}
.btn2_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn3{display:inline-block;width:29%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#34409b;text-align:center;color:#fff;border:2px solid #34409b;margin:0 1px;}
input.btn4{display:inline-block;width:28%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#34409b;border:2px solid #34409b;margin:0 1px;}
input.btn6{display:inline-block;width:28%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#9f1313;text-align:center;color:#ffea00;border:2px solid #34409b;margin:0 1px;}
input.btn5{display:inline-block;width:47%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#f7f7f7;text-align:center;color:#777;border:2px solid #ccc;margin:0 1px;}

/* INPUT, SELECT style */
input.ip01{float:left;width:40%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip02{float:left;width:11%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip03{float:left;width:97%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip04{float:left;width:180px;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip05{float:left;width:93%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip06{float:left;width:22%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}


.sct1{position:relative;float:left;width:100px;height:36px;background:#fff;border:1px solid #ccc;}
.sct1 select{float:left;width:100px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 90% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct2{position:relative;float:left;width:140px;height:36px;background:#fff;border:1px solid #ccc;}
.sct2 select{float:left;width:140px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 94% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct3{position:relative;float:left;width:320px;height:36px;background:#fff;border:1px solid #ccc;}
.sct3 select{float:left;width:320px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 96% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct1 select::-ms-expand,.sct2 select::-ms-expand,.sct3 select::-ms-expand{display:none;}



	#memofile{
		width:100%;
		max-width:1200px;
	}

}

@media (max-width:768px) {
.sub-visual{display:none;}
.sub-title{font-size:30px; padding-top:20px; margin-bottom:70px;}
.sub-title td{font-size:30px;}
.sub-title:after{ width:50px; height:4px; margin-left:-25px;}
.sub-nav{display:none;}
.plus-minus{top:0;}
.plus-minus .button{border-bottom:1px #c8c8c8 solid;}
#sub-area{padding:0 1%; margin-bottom:50px;}

/*주보성인,사목지침*/
.sub-cont01 p{font-size:25px;}
.sub-cont01 div{font-size:18px;}
.sub-cont01:after{height:50px; margin:20px auto 0px;}
.sub-cont02 dt{margin-top:50px;}

/*본당성직자*/
.clergy{width:100%; margin-top:30px;overflow:hidden;}
.clergy:nth-child(2){margin-top:30px;}

/*오시는길*/
.map-station p{margin-top:5px;}
.map-station p:first-child{margin-top:0;}

/*일정표*/
.calendar-tab{position:relative; right:auto; top:auto; text-align:center;  margin-bottom:20px;}
.calendar-tab a{display:inline-block; float:none;}
.calendar-top{text-align:center; padding-bottom:20px;}
.calendar-top li{padding:0 2px; font-size:12px; display:inline-block; float:none;}
.calendar-top li.ct-day{font-size:12px;padding:0 4px;}
.event-list{margin-top:-20px;}
.event-list-box dt{position:relative; width:auto; height:auto; padding:10px 0; box-sizing:border-box; left:0; border-radius:5px 5px 0 0; margin-bottom:5px;}
.event-list-box dt p{display:inline-block; padding-top:0;}
.event-list-box dd{padding-left:0;}
.eh-btn01{width:30px; height:30px;}
.eh-btn01 i{line-height:30px; font-size:20px;}
.event-summary-btn a{padding:5px 10px;}
.calendar-box td{padding:30px 2px 10px 2px; height:auto;}

.cs-notice{background:#386dd7; color:#fff; border-radius:5px;}

.c-schedule{font-size:9px; display:block; box-sizing:border-box; padding:0 5px 0 0; position:relative; }
.c-schedule > p{height:auto; line-height:1em; font-size:9px; padding:2px; word-break:keep-all;}

/*갤러리*/
.gallery-list li{width:46%;}
.gallery-img{height:180px;}
.gallery-img img{width:100%;}
/* 마우스 오버시 효과 */
.gallery-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
.gallery-img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}

/*=================================== 회원가입, 정보수정, 아이디/비밀번호찾기 ===================================*/
/*회원가입*/
#content{position:relative;float:left;width:98%;margin:8% 1%;}
.bn_list{position:relative;float:left;width:100%;}
.bn_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.bn_list ul li{position:relative;float:left;width:48%;margin:1%;background:#fff;overflow:hidden;}
.bn_list ul li a{position:relative;float:left;border:1px solid #e0e0e0;margin:0;padding:0;}

/* 회원구분 */
#join1{position:relative;float:left;width:100%;height:100%;text-align:center;}
.join_box{position:relative;float:left;width:41.5%;text-align:center;border:1px solid #aaa;padding:6% 4%;background:url(../img/gradation.png) no-repeat;background-size:100% 100%;}
.join_box img{width:100px;}
.join_box b{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;letter-spacing:-1px;color:#000;padding-top:90px;margin:0 0 10px 0;}
b.join_img1{background:url(../img/join_img1.png) no-repeat top center;background-size:70px;}
b.join_img2{background:url(../img/join_img2.png) no-repeat top center;background-size:70px;}
.join_box p{float:left;width:100%;line-height:18px;font-size:14px;font-weight:300;color:#555;}
.join_box a{display:inline-block;line-height:22px;font-size:12px;text-align:center;font-weight:400;color:#fff;background:#000;padding:0 10px;margin-top:6%;}

/* 약관 */
.terms{position:relative;float:left;width:94%;height:auto;padding:3%;background:#f4f4f4;}
.terms_title{float:left;width:100%;line-height:22px;font-size:16px;font-weight:600;color:#000;border-bottom:1px solid #ccc;padding-bottom:2%;margin-bottom:3%;}
.terms textarea{float:left;width:100%;min-height:180px;line-height:14px;font-size:11px;font-weight:300;color:#666;border:none;background:none;}
.terms2{position:relative;float:left;width:95%;padding:2.5%;background:#f4f4f4;}
.terms2 pre{float:left;width:100%;white-space:pre-wrap;line-height:15px;font-size:12px;font-family:'Noto Sans KR' !important;font-weight:300;color:#666;}

/* 동의 */
.agree{float:left;width:100%;margin:4% 0;}
.agree input{float:left;width:15px;height:15px;line-height:15px;margin-right:4px;}
.agree label{float:left;font-size:14px;line-height:15px;}

/* 가입폼 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:95%;border-top:3px solid #000;}
.tbl table th{font-size:14px;font-weight:500;background:#f9f9f9;text-align:left;}
.tbl table td{text-align:left;font-size:12px;}
.tbl table td span{float:left;height:30px;line-height:30px;font-size:14px;color:#000;margin:0 2%;}
.tbl table td strong{position:relative;float:left;width:6px;line-height:30px;font-size:18px;color:#777;margin:0 1%;overflow:hidden;}
.tbl table td textarea{float:left;width:92%;height:70px;padding:2%;line-height:16px;font-size:12px;color:#777;border:1px solid #ccc;}
.tbl table th,.tbl table td{padding:2%;}
.tbl table tr{border-bottom:1px solid #ccc;}
table tr.tbl_line{border-bottom:1px solid #000 !important}

.tbl_ment{float:left;width:100%;line-height:16px;font-size:12px;font-weight:300;color:#555;margin-top:5px;}

input.tbl_btn{float:left;width:90px;height:30px;line-height:30px;font-size:12px;font-weight:500;cursor:pointer;text-align:center;padding:0 5px;color:#fff;background:#666;border:none;margin:1px;}


/* 가입완료 */
.finish_box{position:relative;float:left;width:98%;text-align:center;background:#f9f9f9;border:10px solid #eee;padding:100px 0;}
.f_bg1{float:left;width:100%;height:300px;background:url(../img/f_Bg1.png) no-repeat center top;}
.finish_box b{float:left;width:100%;line-height:100%;font-size:36px;font-weight:400;color:#000;margin:70px 0 20px 0;}
.finish_box p{float:left;width:100%;line-height:100%;font-size:20px;color:#777;}
.finish_box span{color:#004cbf;}


/* 아이디/비밀번호찾기 */
.id_pw{position:relative;float:left;width:94%;padding:50px 3%;background:#f1f1f1;}
.id_pw_title{float:left;width:100%;line-height:100%;font-size:24px;text-align:center;font-weight:600;color:#000;margin-bottom:14px;}
.tbl2{position:relative;float:left;width:90%;min-height:300px;padding:3%;margin:0 1%;background:#fff;box-shadow:3px 3px 3px #ccc;}
.tbl2 table{float:left;width:100%;border-top:1px solid #000;margin-bottom:20px;}
.tbl2 table th{font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl2 table td{text-align:left;font-size:14px;}
.tbl2 table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 2px 0 2px;overflow:hidden;}
.tbl2 table td select.sct1{float:left;width:30%;height:36px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
.tbl2 table th,.tbl2 table td{padding:10px;border-bottom:1px solid #ccc;}

/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin:6% 0 0 0;}
.btn_w input{display:inline-block;width:40%;height:40px;line-height:100%;font-size:16px;font-weight:600;cursor:pointer;margin:0;padding:0;border-radius:0 !important;}
input.btn{background:#0277bc;text-align:center;color:#fff;border:2px solid #03579f;}
input.btn2{background:#eee;text-align:center;color:#555;border:2px solid #ccc;}
/* 상세페이지 버튼 */
.btn2_w{position:relative;float:left;width:105%;text-align:center;margin:0 0 0 -2.4%;}
.btn2_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn3{display:inline-block;width:29%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#34409b;text-align:center;color:#fff;border:2px solid #34409b;margin:0 1px;}
input.btn4{display:inline-block;width:28%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#34409b;border:2px solid #34409b;margin:0 1px;}
input.btn6{display:inline-block;width:28%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#9f1313;text-align:center;color:#ffea00;border:2px solid #34409b;margin:0 1px;}
input.btn5{display:inline-block;width:47%;line-height:100%;font-size:15px;padding:2% 0;font-weight:600;cursor:pointer;background:#f7f7f7;text-align:center;color:#777;border:2px solid #ccc;margin:0 1px;}

/* INPUT, SELECT style */
input.ip01{float:left;width:90%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip02{float:left;width:22%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip03{float:left;width:14%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip04{float:left;width:180px;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip05{float:left;width:93%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip06{float:left;width:22%;height:36px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}


.sct1{position:relative;float:left;width:20%;height:28px;background:#fff;border:1px solid #ccc;margin:1px;}
.sct1 select{float:left;width:100%;padding-left:8px;height:28px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 90% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct2{position:relative;float:left;width:40%;height:28px;background:#fff;border:1px solid #ccc;margin:1px;}
.sct2 select{float:left;width:100%;padding-left:8px;height:28px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 94% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct3{position:relative;float:left;width:320px;height:28px;background:#fff;border:1px solid #ccc;margin:1px;}
.sct3 select{float:left;width:320px;padding-left:8px;height:30px28pxfont-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 96% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct1 select::-ms-expand,.sct2 select::-ms-expand,.sct3 select::-ms-expand{display:none;}



	#memofile{
		width:100%;
		max-width:768px;
	}
}

@media (max-width:480px) {
/*갤러리*/
.gallery-img{height:120px;}
.gallery-img img{width:120%;}

	#memofile{
		width:100%;
	}
}