@charset "utf-8";
/* CSS Document */
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

.subTitle {
	font-family:'NanumSquare',sans-serif;
    font-size: 40px;
    color: #000;
    line-height: 100%;
	font-weight:600;
	display:inline-block;
}

.none {display:none}
body {overflow-x:hidden;background:#f9f9f9;font-size:14px;color:#666}
#skipNavi {position:absolute; top:0; left:0; width:100%;}
#skipNavi a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1em;}
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {position: absolute; top: 0; padding: 5px 0; font-weight:bold; color:#fff; background:#000; z-index:500;}

.menu{width:50px;float:left;margin:10px 0 10px 0;cursor:pointer;display:none;position:absolute; top:17px; right:20px}

.top_bt{width:400px;float:right;margin-right:3px;text-align:right;}
.top_bt li{display:inline-block;margin-left:10px}
.top_bt a, .top_bt a:link{color:#666}
.top_bt a:focus, .top_bt a:hover{color:#f00}

.mgnbbg {width:280px; height:100%; position:fixed; top:0; left:-300px; z-index:999999;overflow-y:auto;overflow-x:hidden} 
.mgnb {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:100;}
.mgnbwrap .head{text-align:center}
.mgnb .mgnbwrap .head { background:#ccc; width:100%; position:relative;padding-bottom:20px;border-top:3px solid #0075be;border-bottom:1px solid #999}
.mgnb .mgnbwrap .head .headlogo { padding:20px 0 0 10px;width:50%}
.mgnb .mgnbwrap .head a { position:absolute; top:25px; right:10px;}
.mbtn { width:100%; overflow:auto; padding:3px 0; background:#fff;}
.mbtn li { float:left; margin-left:3px;width:48%; border:1px solid #ccc;font-weight:600;}
.mbtn li a {display:block; padding:15px 0 15px 46px}
.mbtn li.mbtn01 {background:url(/image/btn_logout.gif) no-repeat 10px 36%; display:block; color:#666;font-size:16px;}
.mbtn li.mbtn02 {background:url(/image/btn_modi.gif) no-repeat 10px 45%; display:block; color:#666; font-size:16px;}

.mgnb .motab {width:100%;overflow:hidden;position:relative}
.mgnb .motab>li {width:50%; float:left; color:#000; font-size:18px; background:#fff; text-align:center;font-weight:600;border-left:1px solid #666;margin-left:-1px;border-bottom:1px solid #666}
.mgnb .motab li.on {background:url(/image/m_tab_bg.png);border-top:1px solid #666;border-bottom:none !important}
.mgnb .motab li a {display:block;padding:10px 0;}

.mgnb .molist{display:none}
.mgnb .active {display:block;}

.mgnb .molist>li .ct_op{display:inline-block;text-indent:-999px;background:url(/image/bt_cate.png) no-repeat 50px center;height:51px; width:100%;position:absolute;top:0;right:0;border:none}
.mgnb .molist>li {position:relative; border-bottom:1px solid #cdcdcd;width:100%}
.mgnb .molist>li .ct_cl{background-position:-80px center}
.mgnb .molist>li a {display:block; font-size:16px; color:#424242; padding-left:45px; font-weight:bold; padding:15px 0 15px 20px; width:100%;background: url(/image/bt_cate.png) #ebebeb no-repeat 230px center;text-align:left;}
.mgnb .molist>ul { background:#fff; overflow:hidden;}
.mgnb .molist>ul li {border-bottom:1px dotted #ddd; font-size:14px; color:#424242;background:url(/image/btn_list.gif) no-repeat 25px center;}
.mgnb .molist>ul li.selected a{color:#124eba;}
.mgnb .molist>ul li:last-child {border-bottom:0;}
.mgnb .molist>ul li a {padding:8px 10px 8px 50px; display:block;}
.mgnb .molist>ul li a:hover {color:#124eba;}

.mgnb .copy{font-size:12px;background:#333;color:#ccc;padding:10px}
.mgnb .copy .footcol a:link{color:#999}

.wrap_bg{width:100%;height:100%;position:fixed;display:none;z-index:99999;background:#000;filter:alpha(opacity=80);opacity:0.8;}
.m_close {cursor:pointer;position:absolute;top:0px;left:280px;width:30px;height:30px;background:#fff url(/image/bt_close2.png);text-indent:-99999px;z-index:999999;display:none;}
.newclass{position:fixed;}
.oldclass{position:relative;}
.cate_tab{width:100%;border-top:2px solid #0072bc;border-left:none !important}
.cate_tab:after{display:block;visibility:hidden;clear:both;content:""}
.cate_tab li{float:left;width:33.3%;font-size:14px}
.cate_tab li a{display:block;height:30px;line-height:30px;color:#333;background:#eaf3ff;border:1px solid #ccc;border-left:none;text-align:center}
.cate_tab li a.ct_tab_sl{background:#fff;border-bottom-color:#fff;color:#545454}

.sub_cate{display:none}
.sub_cate > li{position:relative}
.sub_cate > li > a{border-top:1px solid #cdcdcd;background:#f7f7f7 !important;display:block;font-size:14px !important;padding:8px 0 8px 30px !important;}

.ct_op2{display:inline-block;text-indent:-999px;background:url(/image/bt_cate_s.png) no-repeat 267px center;height:38px; width:100%;position:absolute;top:0;right:0;border:none}
.ct_cl2{background-position:-50px center}

.sub_cate2{display:none}
.sub_cate2 > li > a{border-top:1px solid #cdcdcd;background:#fff !important;display:block;font-size:12px !important;padding:4px 0 4px 45px !important}
.point{}

.fIximg{width:100%}

body{overflow-x:hidden}

.go-top {border-radius:5px;right:50px;bottom:100px;width:50px;height:50px;position:fixed;z-index:9999;-moz-border-radius:5px;-webkit-border-radius:5px;-0-border-radius:5px; background:#333 url("/image/gotop.png") no-repeat center;cursor:pointer}

#header {width:100%;}
#haeder:after{clear:both;content:'';display:block;visibility:hidden}
#header .top_head {width:100%; overflow:hidden;  }
#header .top_head .headIn {overflow:hidden;max-width:1180px; margin:0 auto;background:#4d4d4d;padding:8px 10px;}
#header .top_head .headIn ul {overflow:hidden; float:right}
#header .top_head .headIn ul li {float:left; margin-left:10px; font-size:11px; /*background:url(/image/bar.gif) no-repeat 0 center;*/ line-height:100%}
#header .top_head .headIn ul li select {font-size:11px}
#header .top_head .headIn ul li a {color:#fff; padding-left:15px}
#header .top_head .headIn ul li:first-child {background:none}

#header .head {max-width:1200px; margin:0 auto; background:#fff9e6}
.head:after{display:block;content:'';clear:both; visibility:hidden}
#header .head .logo {float:left; margin:17px 0 17px 24px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.gnb {float:right;position:relative;z-index:99999999; margin-top:12px;margin-right:8px}
.gnb>ul>li{display:inline-block;text-align:center;position:relative;height:65px}
.gnb>ul>li>a {font-size:16px;color:#222222; font-weight:600; padding:15px 0 20px;margin:0 22px; display:block}
.gnb>ul>li>a:hover{}
.gnb>ul>li ul{position:absolute;z-index:9999999;top:65px; background-color:rgba(255,255,255,0.8); min-width:120px;left:50%; margin-left:-60px;overflow:hidden; max-height:0;}
.gnb>ul>li ul li{text-align:left}
.gnb>ul>li ul li a {font-size:13px; margin:0; letter-spacing:-0.5px; padding:7px 15px;display:block; color:#000}
.gnb>ul>li ul li a:hover {font-weight:bold;max-height:500px}
.gnb>ul>li:hover .subList {max-height:500px}
/**/
.gnb>ul {max-width:1200px;text-align:center; margin:0 auto}
.gnb li.on a, .gnb li.active a {text-decoration:none;}
.gnb>li>ul{display:block;padding-top:0px;height:0;overflow:hidden;}

.topbtn:hover .dropdown {max-height:200px; transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}
/**/

#Container {width:100%; overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.mainslide {width:100%;  position:relative;}
.mainslide .slideIn { margin:0 auto; max-width:1200px;overflow:hidden}
.mainslide .slideIn .slide {width:100%; position:relative; display:block;min-height:200px; border-bottom:1px solid #fff}

/*quick menu*/
.quickmenu { max-width:1202px; margin:0 auto;overflow:visible;padding-left:1px}
.quickmenu:after{display:block;clear:both;content:'';visibility:hidden}
.quickmenu ul li {float:left; width:33.333333%;border-right:1px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;position:relative}
.quickmenu ul li:last-child {width:33.333334%}
.quickmenu ul li a {color:#fff; display:block; text-align:center; padding:21% 0 14%;position:absolute;z-index:9;width:100%;height:100%}
.quickmenu ul li img{width:100%;}
.quickmenu ul li a h2 {font-size:30px; font-weight:600}
.menuTit {font-size:18px; margin:10px 0 25px}
.menuCon {font-size:14px}



/*section01*/
.section01 {overflow:hidden; clear:both}
.section01:after{display:block;content:'';clear:both;visibility:hidden}
.section01 .inner {background:#fff;margin:2px auto; max-width:1200px; overflow:hidden; padding:40px 40px 60px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}

.box01 {width:30%; float:left; position:relative; margin-right:4%;}
.box01 h2 {font-size:16px; color:#353535; font-weight:600; }
.box01 h2 span {border-bottom:1px solid #6d6d6d;padding-bottom:10px; display:inline-block}
.box01 .plus { position:absolute; top:15px; right:0px}
.box01 ul {margin-top:26px; height:138px}
.box01 ul li {background:url(/image/dot.gif) no-repeat 0 10px; padding-left:10px; margin-bottom:7px; overflow:hidden}
.box01 ul li a {font-size:12px; color:#444; width:60%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; float:left}
.box01 ul li a:hover { text-decoration:underline}
.box01 ul li span {font-size:12px; color:#444; float:right}

.box02 {width:33%; float:left; position:relative; margin-right:2%}
.box02 h2 {font-size:16px; color:#353535; font-weight:600; }
.box02 h2 span {border-bottom:1px solid #6d6d6d;padding-bottom:10px; display:inline-block}
.box02 .plus { position:absolute; top:15px; right:0px}
.box02 ul {margin-top:26px;}
.box02 ul li {overflow:hidden}
.box02 ul li:first-child {margin-bottom:27px}
.box02 ul li .boardimg { width:25%; height:51px; float:left; margin-right:4%}
.box02 ul li .boardimg img {width:100%}
.box02 ul li .textarea {font-size:12px !important; display:block; float:left; width:71%;padding:0;margin-top:-6px}
.box02 ul li .tit a {line-height:150%; color:#000; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-weight:600}
.box02 ul li .con a{color:#707070;display:block;width:95%;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;text-overflow:ellipsis; line-height: 1.5em; height: 3em;}

.section02 ul li{position:relative}
.section02 ul li a{position:absolute;width:100%;height:100%;z-index:9;left:0;top:0;font-size:24px}


#footer {width:100%; color:#fff;margin-bottom:-30px}
.footIn {text-align:center;margin:0 auto; max-width:1200px; border-bottom:1px solid #fff;position:relative; overflow:hidden; background:#414141;padding:35px 35px 60px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box01 {width:31%;margin-right:2%; float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box01 h2 {color:#fff; font-size:16px; font-weight:normal; background:url(/image/border01.gif) no-repeat left bottom; padding:15px 0; }
.foot_box01 ul {margin-top:13px}
.foot_box01 ul li {background:url(/image/foot_arrow.png) no-repeat 0 center; margin-bottom:16px; padding-left:20px;}
.foot_box01 ul li a {color:#a9a9a9; font-size:14px}

.foot_box02 { width:35%; margin-right:2%; float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box02 h2 {color:#fff; font-size:16px; font-weight:normal; background:url(/image/border02.gif) no-repeat left bottom; padding:15px 0}
.foot_box02 ul {margin-top:13px}
.foot_box02 ul li { margin-bottom:16px; padding-left:27px;color:#a9a9a9; font-size:14px}
.foot_box02 ul li a {color:#a9a9a9;}
.foot_box02 ul li.li01 { background:url(/image/foot_icon01.png) no-repeat 0 center}
.foot_box02 ul li.li02 { background:url(/image/foot_icon02.png) no-repeat 0 center}
.foot_box02 ul li.li03 { background:url(/image/foot_icon03.png) no-repeat 0 center}
.foot_box02 ul li.li04 { background:url(/image/foot_icon04.png) no-repeat 0 center}

.foot_box03 {width:30%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box03 h2 {color:#fff; font-size:16px; font-weight:normal; background:url(/image/border03.gif) no-repeat left bottom; padding:15px 0}
.foot_box03 ul {margin-top:13px}
.foot_box03 ul li {width:50%; float:left;color:#a9a9a9; font-size:14px; margin-bottom:10px;}
.foot_box03 ul li a {color:#a9a9a9; }
.foot_box03 ul li a img { margin-right:10px; vertical-align:middle}

.address {font-size:12px;color:#c3c3c3; text-align:center;margin:0 auto; max-width:1200px;background:#414141; padding:25px 0}
.address a {color:#999; }
.address span{color:#666}

.footIn .top { position:absolute;top:0px; right:0; }


#gotop {right:100px;bottom:100px;width: 50px;height:50px;position:fixed;z-index:9999; background:url("/image/topbtn15.png") no-repeat;cursor:pointer;opacity:0.7}
#gotop:hover {opacity:1}

.o-img {overflow:hidden;height:auto;padding:0;background:#000;position:relative}
.o-img img { position:relative;width:100%; z-index: 1; }
.o-img img {opacity:0.5;-ms-filter:alpha(opacity=50);filter:alpha(opacity=50);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.o-img:hover img, .o-img a:focus img {-webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);-ms-transform:matrix(1.1, 0, 0, 1.1, 0, 0);transform:matrix(1.1, 0, 0, 1.1, 0, 0);opacity:0.95;-ms-filter:alpha(opacity=95);filter:alpha(opacity=95)}
.o-img:hover a h2, .o-img a:focus h2, .o-img:hover a p.menuTit, .o-img a:focus p.menuTit{color:#fffebd !important}
.o-img:hover a p.menuCon, .o-img a:focus p.menuCon{color:#dedede !important}
.o-img:hover a, .o-img a:focus{color:#fffebd !important}

.o-img2 {overflow:hidden;height:auto;padding:0;background:#000;position:relative}
.o-img2 img { position:relative;width:100%; z-index: 1; }
.o-img2 img {opacity:0.5;-ms-filter:alpha(opacity=50);filter:alpha(opacity=50);-webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);-ms-transform:matrix(1.1, 0, 0, 1.1, 0, 0);transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.o-img2:hover img, .o-img2 a:focus img {-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);opacity:0.95;-ms-filter:alpha(opacity=95);filter:alpha(opacity=95)}
.o-img2:hover a, .o-img2 a:focus{color:#fffebd !important}


/*sub*/
.subslide {max-width:1200px; margin:0 auto}

.location {max-width:1200px; margin:0 auto; border-bottom:1px solid #cecece;background:#fff}
.loc_wrap {max-width:1200px; margin:0 auto;padding-left:15px}
.loc_wrap:after{display:block;visibility:hidden;clear:both;content:""}
.loc_wrap>ul:after{display:block;visibility:hidden;clear:both;content:""}
.loc_wrap>ul>li {background:url(/image/location_bg.gif) no-repeat 0px center;float:left; margin-right:15px;position:relative; height:40px}
.loc_wrap>ul>li button {background:#fff;  margin:0px 0px 0 35px; height:40px}
.loc_wrap>ul>li:first-child {padding-left:0; background:none}
.loc_wrap>ul>li a { padding-top:12px;display:block}
button.accordion {color:#1b1b1b; font-size:14px;}
button.accordion span {display:block; padding:4px 0 0 12px; float:right}
.panel {position:absolute;z-index:999; border:1px solid #e9e9e9;top:40px; left:5px;display:none }
.panel>ul>li {background:#fff; min-width:133px; font-size:13px;}
.panel>ul>li a {padding:10px 20px; display:block}
.panel>ul>li:hover {background:#e9e9e9;}
div.panel.show {display:block}

.contents {width:100%;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.contents .contIn {max-width:1200px; margin:0 auto; padding:90px 80px 80px 100px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;background:#fff}
.subTitle {font-size:30px; color:#151515; line-height:100%;}
.contents .subIn {font-size:14px; min-height:450px;margin-top:60px}
.subIn h2 {color:#444; font-size:24px; font-weight:600; margin-top:70px; line-height:130%}
.subIn h2 span.red {color:#c01b17}
p.pcon {font-size:14px;color:#666; margin-top:40px}
.new {background:url(/image/contents_bg.jpg) no-repeat right 0; margin-top:85px; color:#666}
.new span{font-size:24px; color:#444; font-weight:600; line-height:120%}
.new span strong {color:#c01b17;}
.new p {width:60%; margin-top:30px; min-height:330px}

.mt10 {margin-top:10px}
.flximg {width:100%}

.tred{color:#ed1c24 !important}
.tred2{color:#bf1a18 !important}
.bold{font-weight:600}
.tblack{color:#000}
.big{font-size:24px}
.middle{font-size:18px}

.space-block{padding:3%}
.space-block2{padding:5%}

.block:after{display:block;visibility:hidden;content:'';clear:both}
.btitle{font-size:18px;color:#000;font-weight:600;display:block;margin-bottom:10px;margin-top:50px}
.stitle{font-size:16px;color:#000;font-weight:600;display:block;margin-bottom:3px}
.copy{font-size:24px}

.tright{text-align:right;margin-top:20px}
.copywriter{font-size:24px;font-weight:600;color:#000}

.img-set{width:100%;margin-bottom:23px;margin-top:24px;min-height:140px}
.img-set li{width:48%;margin-right:1%;float:left}
.img-set li img{width:100%;max-width:221px}
.img-set:after{clear:both;content:'';display:block;visibility:hidden}
.float-right{float:right !important;text-align:right;margin-right:0 !important}

.tb-style{border:0;border-spacing:0; border-collapse:collapse;border-top:3px solid #e94d01;border-spacing:0; border-collapse:collapse;padding:0;width:100%;max-width:1000px;margin-bottom:4%}
.tb-style td{border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:12px 0 12px 10px;}
.tb-style th{border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:12px 0 12px 10px;background:#f4f4f4;color:#000}
.text-cener{text-align:center;padding-left:0 !important}
.tb-none{border-left:none !important}
.tb-bg{background:#f4f4f4}
.sermon-time{width:48%;margin-right:2%;float:left}

.tb-style2{border:0;border-spacing:0; border-collapse:collapse;border-top:3px solid #0072bc;border-spacing:0; border-collapse:collapse;padding:0;margin:0;width:100%;max-width:900px}
.tb-style2 td{border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:10px 0 10px 10px;text-align:center}
.tb-style2 th{border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:10px 0 10px 10px;background:#ebf7ff;color:#000}
.br_0{border-right:none !important}

.table01{border:0;border-spacing:0; border-collapse:collapse;border-top:3px solid #0072bc;border-spacing:0; border-collapse:collapse;padding:0;margin:0;width:100%;max-width:900px}
.table01 td{border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:10px 0 10px 0;text-align:center}
.table01 th{border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:10px 0 10px 0;background:#ebf7ff;color:#000}
.br_0{border-right:none !important}
.tsmall{font-size:14px;color:#333}

.text-left{text-align:left !important;padding-left:10px !important}
.text-block{margin-bottom:20px}

.left-area{max-width:367px;float:left;width:35%}
.right-area{float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;padding-left:35px;width:65%}
.left-area2{max-width:140px;float:left;width:1%}
.right-area2{float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;padding-left:170px;width:99%}

.tyear{min-width:60px;font-size:18px;color:#0072bc;width:15%}
.tmonth{min-width:40px;font-size:14px;color:#000;width:10%}

.pastor-img{width:1%;float:left;margin-bottom:30px}
.pastor-txt{width:99%;float:left;padding-left:240px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;-o-box-sizing: border-box;}

.serve-people h3{background:url('/image/symbol.jpg') no-repeat;padding:1px 0 0 30px;height:30px;margin-bottom:30px}
.people{width:140px}
.serve{margin-top:10px;margin-bottom:30px}
.serve:after{display:block;content:'';visibility:hidden;clear:both}
.serve li{width:33%;float:left;margin-bottom:30px;min-width:160px}
.people p{margin-top:3px;text-align:center}
.people img{border:1px solid #cdcdcd}

.contact{max-width:1000px;height:400px;position:relative;overflow:hidden;margin-bottom:10px}
.root_daum_roughmap{width:100% !important;height:100% !important;position:absolute}

.title-img{max-width:1000px;width:100%;margin-bottom:6%}
.title-img img{width:100%}

.teach-bg1{max-width:1000px;height:125px;background:url('/image/3_1_1.jpg');width:100%}
.teach-bg2{max-width:1000px;height:125px;background:url('/image/3_2_1.jpg');width:100%}
.teach-bg3{max-width:1000px;height:125px;background:url('/image/3_3_1.jpg');width:100%}
.teach{margin-top:5%;margin-bottom:1%}
.teach:after{clear:both;content:'';display:block;visibility:hidden}
.teach-img{width:91px}
.teach-txt{width:91px;}
.teach-txt span{font-size:16px;font-weight:600;color:#000}
.te-block{width:91px;margin:0 auto}

@media only screen and (max-width:1000px) {
#header .top_head {display:none}
#header .head {height:42px; padding-bottom:20px;}
#header .head .logo {text-align:center; width:100%; margin:10px 0px}
#header .head .logo img{width:40%;max-width:161px}
#header .head .gnb {display:none}
#header .head .menu {display:block}	
#header .top_head .headIn ul li select {display:none}
.menu {top:7px; left:15px; right:auto}
.mainslide { background:none;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.mainslide .slideIn { margin:0 auto; max-width:1200px;overflow:visible; }
.mainslide .slide .bxslider{margin-left:0; width:100%;left:0; float:none;}
.section02 ul li a {font-size:18px;padding:22% 0}
.subslide {display:block}

.location {border-top:1px solid #cecece;}
.contents .subIn {margin:50px auto; }

.footIn {padding:3% 5%}
.contents .contIn {padding:8% 5%}
}


@media only screen and (max-width:830px) {
.sermon-time{ width: 100%;margin-right:0;float:none;margin-bottom:40px;}
.float-right{float:left !important;text-align:left;}
.img-set li{width:33%;}
}


@media only screen and (max-width:800px) {
.section01 { background:#f6f6f6}
.box01 {width:47%; margin-right:6%}
.box02 {width:47%; margin-right:0 }
.box03 {float:none; width:100%;padding-bottom:56%; margin-bottom:35px}

.foot_box01 {width:48%; margin-bottom:2%}
.foot_box02 {width:48%;}
.foot_box03 {float:none; width:52%}
.quickmenu ul li a {padding:18% 0 17%;}
.quickmenu ul li a h2 {font-size:20px; font-weight:600}
.menuTit {font-size:18px; margin:10px 0 10px}
.menuCon {font-size:12px;line-height:18px}
.contents .contIn {padding:7% 3%}
.subTitle {font-size:24px;font-weight:600}
}

@media only screen and (max-width:640px) {
.subslide {display:none}
.quickmenu ul li a h2 {font-size:18px;}
.quickmenu ul li a {padding:23% 0 12%;}
.menuCon {display:none}
.box01 {width:100%; margin-bottom:35px;float:none}
.box02 {width:100%;float:none}	
.sBtn a {padding:7px 10px}
.sns li {margin:0 2%}
.location_sns {display:none}
.section02 ul li a {font-size:14px;padding:19% 0}
.mainslide .bx-wrapper .bx-pager.bx-default-pager a {width: 5px; height: 5px; text-indent: -9999px; display: block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.copywriter{font-size:18px;font-weight:600;color:#000}
.space-block2{padding:8%}
.serve li{width:50%;}
.img-set li{width:48%;margin-right:1%;float:left}
}


@media only screen and (max-width:480px) {
.big{font-size:18px}
.middle{font-size:14px}
.stitle{font-size:14px;}
.quickmenu ul li a h2 {font-size:14px}
.mainslide .slide .bxslider{max-width:500px; left:50%; margin-left:-250px}
.foot_box01 {width:100%; }
.foot_box02 {width:100%; margin-bottom:25px}
.foot_box03 {width:100%}
button.accordion {font-size: 12px;}
.loc_wrap>ul>li a{font-size:12px}
.pastor-img{width:100%;float:none;}
.pastor-txt{width:100%;float:none;padding-left:0}
.left-area{width:100%;float:none;}
.right-area{width:100%;float:none;padding-left:0;padding-top:20px}
.left-area2{width:100%;float:none;}
.right-area2{width:100%;float:none;padding-left:0;padding-top:20px}
.float-right{float:right !important;text-align:right;}
}
@media only screen and (max-width:420px) {
.section02 ul {margin:0 auto}
.section02 ul li {width:50%; margin-bottom:1px}
.section02 ul li a {font-size:16px;padding:21% 0}
body{font-size:13px}
.contents .subIn {font-size:13px;}

}

@media only screen and (max-width:380px) {
#header .head .logo {text-align:center; width:100%; margin:4% 0 0 0}
.quickmenu ul li a {padding:20% 0 12%;}
mainslide .bxslider {max-width:420px; left:50%; margin-left:-210px}
.footIn {padding:3% 7%}
#footer .footIn .top {bottom:0; top:initial}
.loc_wrap>ul>li button {margin:0 0 0 25px}
.loc_wrap>ul>li{margin-right:2px}
}

@media only screen and (max-width:340px) {
#header .head .logo {text-align:center; width:100%; margin:5% 0 0 0}
.section02 ul li a {font-size:14px;padding:21% 0}
}