@import url('/css/nav.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

#wrap{width:100%;}
#container{width:1180px; margin:45px auto;}

/*=============sec1===============*/
#sec1{width:100%; overflow:hidden;}
#sec1 > div{float:left; height:369px;}

/*대예배말씀*/
.word_box{position:relative; width:880px; height:100%; background:url(/image/word_bg2.jpg) no-repeat center; overflow:hidden;}
.word_box div{float:right; margin:68px 70px 0 0;}
.word_box h2{font-size:20px; letter-spacing:-0.25px; color:#fff; font-weight:500;}
.word_box h3{max-width:335px; font-size:36px; letter-spacing:-0.25px; margin:24px 0 29px 0; line-height:normal;}
.word_box h3 a{color:#fff;}
.word_box h3 strong{font-weight:200; word-break:keep-all;}
.word_box h3 span{font-size:18px; font-weight:500; vertical-align:baseline;}

.word_box li{width:187px; height:22px; line-height:20px; background:#737373; margin-bottom:2px;}
.word_box li a{font-family:"Malgun Gothic"; font-size:13px; letter-spacing:-0.1px; color:#fff; margin-left:7px;}

a.word_more{position:absolute; bottom:30px; right:25px; display:block; width:95px; height:95px; background:#3ab8ff; font-size:20px; line-height:23px; text-align:center; color:#fff;
	border-radius:95px; -webkit-border-radius:95px; -moz-border-radius:95px; -o-border-radius:95px;}
a.word_more span{display: block; margin-top: 27px;}

/*행복한 5분말씀*/
.five_word{position:relative; width:280px; height:100%; background:url(/image/five_bg.jpg) no-repeat right; margin-left:20px;}
.five_word h2{font-size:24px; letter-spacing:-0.1px; padding:27px 0 0 26px; font-weight:500; color:#fff; line-height:normal;}
.five_word h2 span{color:#ffc516;}
.five_word h2 a{position:relative; display:block; margin-top:10px; z-index:1; width:38px;}
.five_word > img{position:absolute; bottom:0; right:0;}

/*=============sec2===============*/
#sec2{width:100%; overflow:hidden; margin:20px 0; line-height: normal;}
#sec2 > div{float:left; width:280px; height:350px; margin-right:20px;}

/*worship_box*/
.worship_box{position:relative;}
.worship_box h2{font-size:21px; letter-spacing:-0.1px; padding:15px 0 15px 14px; color:#fff; font-weight:200;}
.worship_box img{max-width:none;}
.worship_box p{width:70%; font-size:17px; color:#fff; line-height:25px; height:50px; padding:13px 17px 0 17px; overflow:hidden; word-break:keep-all;}
.worship_box > a{position:absolute; bottom:16px; right:17px;}

span.worsip_box_img{display:block; width:280px; height:222px;}
span.worsip_box_img img{width:100%; height:100%;}

.s2_bg01{background:#15b18d;}
.s2_bg02{background:#439bb4;}
.s2_bg03{background:#909ac5;}

/*행복한소식*/
#sec2 > div.notice{margin-right:0; background:#3d5985;}
.notice h2{font-size:21px; letter-spacing:-0.1px; padding:15px 15px 20px 15px; color:#fff; font-weight:200; overflow:hidden;}
.notice h2 a{float:right;}

.notice li{border-bottom:1px solid rgba(0,0,0,0.16); padding:0 17px 10px 17px; margin-bottom:10px;}
.notice li:last-child{border-bottom:0;}
.notice li a{display: block; color:#dce9ff; font-size:15px; word-break:keep-all; 
	/*말줄임*/width: 85%; text-overflow: ellipsis;  -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; }
.notice li span{display:block; font-size:13px; color:#c6dbff; letter-spacing:0.05px; margin-top:7px;}

/*=============sec3===============*/
#sec3{width:100%; overflow:hidden; line-height: normal;}
#sec3 > div{float:left; height:270px; margin-right:20px;}

/*2018비전*/
.vision_box{width:580px; height:100%; background:url(/image/vision_bg2.jpg) no-repeat center; overflow:hidden;}
.vision_box > a{display:block; width:100%; height:100%;}
.vision_box div{float:right; margin:78px 16px 0 0;}
.vision_box h2{font-family:"NanumSquare"; font-size:22px; color:#14587f; letter-spacing:-0.5px; font-style:italic; font-weight:500;}
.vision_box p{font-family: "Nanum Myeongjo"; font-size:24px; color:#1b1b1b; letter-spacing:-1px; font-style:italic; font-weight:600; word-break:keep-all;}

/*안내 박스 guide*/
.guide{width:280px; text-align:center;}
.guide h2{color:#fff; font-size:24px; padding:50px 0 20px 0; font-weight:500;}
.guide p{font-size:19px; letter-spacing:-0.25px; line-height:24px; word-break:keep-all;}
.guide a{display:block; width:102px; height:35px; line-height:35px; background:#fff; margin:40px auto; font-family:"Malgun Gothic"; font-size:16px; letter-spacing:-0.75px; 
	border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; -o-border-radius:35px;}

.guide.g_bg01 p{color:#ffdff6;}
.guide.g_bg02 p{color:#fff;}

.guide.g_bg01 a{color:#9f3882;}
.guide.g_bg02 a{color:#505b1f;}

#sec3 > div.g_bg01{background:#a86896;}
#sec3 > div.g_bg02{background:#99ae3d; margin-right:0;}