/* 말씀묵상 기록보기 */
.posup {position:relative;z-index:100;}
.yearArea {position:relative;top:-40px;text-align:center;padding:55px 0 10px;margin-bottom:-40px;background:#5e5e5e;z-index:50;}
.yearArea a {display:inline-block;width:12%;margin:0 10px;}
.yearArea a img {vertical-align:middle;}
.yearArea span {font:bold 33px "Arial";color:#fff;vertical-align:middle;}
.meditationTbl {width:100%;}
.meditationTbl th {padding:5px 0;font:bold 17px "Arial";color:#fff;background:#5e5e5e;}
.meditationTbl td {font:14px "Malgun Gothic","맑은고딕","Arial";text-align:right;vertical-align:top;padding:7px;height:3em;border-bottom:1px solid #ddd;}
.meditationTbl td.sat {padding-right:12px;color:#278bef;} 
.meditationTbl td.sun {padding-right:12px;color:#cc0000;}
.meditationTbl td.complete {background:#f9f4bd;}
.meditationTbl td.today {border:2px solid #666;}
.meditationTbl td p{text-align:left;padding-top:2px;letter-spacing:-1px;line-height:95%;}

/* 말씀묵상기록하기 */
.topArea {border-top:0px solid #ddd;border-bottom:0px solid #ddd;}
.topArea:after {content:"";display:block;clear:both;}
.topArea .tblBox {float:left;width:50%;height:100%;padding-top:10px; /* mediaquery !!! */}
.topArea .snsTbl {width:90%;height:100%;margin:0 auto;}
.topArea .snsTbl tr {}
.topArea .snsTbl tr td {padding:2px;}
.topArea .snsTbl tr td img {vertical-align:middle;}
.topArea .openAll {float:right;width:50%;}
.topArea .openAll img {vertical-align:top;}
.nalja {padding:15px 0;text-align:center;font:bold 23px "Malgun Gothic","맑은고딕","Arial";border-top:1px solid #ddd;}
.nalja1 {padding:5px 40px;text-align:right;font:bold 12px "Malgun Gothic","맑은고딕","Arial";}
#container.meditWrite {padding-bottom:0px;}
.Mlist {width:85%;margin:0 auto;}
.Mlist li {width:100%;padding:20px 0;border-bottom:1px solid #ddd;}
.Mlist li.first {border-top:1px solid #ddd;}
.Mlist li:after {content:"";display:block;clear:both;}
.Mlist .tit {float:left;width:28.5%;margin-left:5px;margin-right:10px;font:bold 20px "Malgun Gothic","맑은고딕","Arial";}
.Mlist .tit img {width:30%;vertical-align:middle;}
.Mlist .txt {float:left;width:54%;padding-top:5px;font:11px "Malgun Gothic","맑은고딕","Arial";}
.Mlist .rollout {float:right;width:8%;padding-top:5px;}
.Mlist li.last .tit {width:50%;}
.Mlist li.last .tit img {width:20%;}
.Mlist li.last .txt {width:34%;}
.Mlist li.docu {padding-bottom:0;border-bottom:1px solid #eee;display:none;}
.Mlist li.docu p {font:bold 14px "Malgun Gothic","맑은고딕","Arial";}
.Mlist li.docu p.docuClose {padding-top:10px;text-align:center;} 
.Mlist li.docu p.docuClose img {width:30%;}


/* 읽을거리 */
.readitView .nalja {width:85%;padding-left:7.5%;text-align:left;border-bottom:1px solid #ddd;}
.readitView .nalja img {vertical-align:middle;width:25px;}


/* 읽을거리-목록 */
.topLine {position:relative;width:100%;}
.topLine h2.pageTit {position:relative;text-align:left;padding:15px 0 15px 5%;font:bold 21px "Malgun Gothic","맑은고딕";background:#7d7d7d;color:#fff;}
.topLine h2.pageTit span {position:absolute;right:5%;top:17px;font:16px "Malgun Gothic","맑은고딕","Arial";}
.topLine .sForm {position:absolute;width:190px;right:5%;top:8px;}
.topLine .sForm.after {content:"";display:block;clear:both;}
.topLine .sForm input {float:left;width:110px;height:28px;padding-left:1%;font:bold 16px/35px "Malgun Gothic","맑은고딕",Arial;}
.topLine .sForm a.sBtn {float:left;width:67px;height:28px;padding-top:5px;text-align:center;background:#515151;font:bold 16px "Malgun Gothic","맑은고딕",Arial;color:#fff;}

/* 읽을거리-보기 */
.storyList {}
.storyList li {padding:15px 10px;border-bottom:1px solid #ddd;}
.storyList li a {display:block;position:relative;width:100%;}
.storyList li a .tit {font:bold 15px "Malgun Gothic","맑은고딕";}
.storyList li a .when {position:absolute;right:0;top:0;font:14px "Malgun Gothic","맑은고딕";}
p.more {text-align:center;padding:10px;background:#aba88c;}
p.more a {font:bold 16px "Malgun Gothic","맑은고딕";color:#fff;}

/* 읽을거리-보기 */
.malssm {width:85%;margin:0 auto;padding:30px 0;font:bold 14px "Malgun Gothic","맑은고딕","Arial";}
.malssmTit {position:relative;width:90%;padding:15px 5%;border-bottom:1px solid #ddd;font:bold 17px "Malgun Gothic","맑은고딕",Arial;}
.malssmTit span {position:absolute;right:5%;top:15px;font:15px "Malgun Gothic","맑은고딕",Arial;}


/* 나눔동창 */
h2.simple {text-align:center;padding:20px;border-top:1px solid #ddd;font:bold 20px "Malgun Gothic","맑은고딕",Arial;}
.giveBox {width:85%;margin:40px auto;background:#dbd9c4;padding-top:10px;}
.giveBox h3.give {padding:10px 0 0 5%;font:17px "Malgun Gothic","맑은고딕",Arial;}
.giveBox h3 img {width:20px;vertical-align:middle;}
.giveBox table {width:90%;margin:10px auto;border-top:1px solid #333;border-left:1px solid #333;}
.giveBox table td {width:50%;border-bottom:1px solid #333;border-right:1px solid #333;padding:10px;text-align:center;background:#8a8769;font:15px "Malgun Gothic","맑은고딕",Arial;color:#fff;}
.giveBox table td.dark {background:#676448;}
.giveBox a.btn_give {display:block;width:100%;padding:10px 0;text-align:center;background:#7a775a;font:bold 22px "Malgun Gothic","맑은고딕",Arial;color:#fff;}


/* 말씀묵상법 */
.Mlist.mm .tit {float:none;width:100%;margin-bottom:10px;}
.Mlist.mm .tit img {width:9%;}
.Mlist.mm .text {width:96%;margin:0 auto;font:13px "Malgun Gothic","맑은고딕","Arial";}
.Mlist.mm .text h3.inText {padding-left:15px;background:url('/img/bg_bullet.gif') no-repeat 0 50%;background-size:10px;}
.Mlist.mm .text p.txtofH3 {padding:5px 0 5px 15px;}
.Mlist.mm .text p.txtofH3 strong {text-decoration:underline;}
.Mlist.mm .text h4 {padding:10px 0 0 15px;}
.Mlist.mm .text p.txtofH4 {padding:0 0 0 23px;}




	@media  all and (max-width:736px) { .topArea .tblBox {padding-top:15px;} }
	@media  all and (max-width:667px) { .topArea .tblBox {padding-top:15px;} }
	@media  all and (max-width:640px) { .topArea .tblBox {padding-top:15px;} }
	@media  all and (max-width:568px) { .topArea .tblBox {padding-top:15px;} }
	@media  all and (max-width:533px) { .topArea .tblBox {padding-top:15px;} }
	@media  all and (max-width:480px) { .topArea .tblBox {padding-top:15px;} }
	@media  all and (max-width:414px) { .topArea .tblBox {padding-top:10px;} }
	@media  all and (max-width:400px) { .topArea .tblBox {padding-top:10px;} }
	@media  all and (max-width:375px) { .topArea .tblBox {padding-top:8px;} }
	@media  all and (max-width:360px) { .topArea .tblBox {padding-top:8px;} }
	@media  all and (max-width:320px) { .topArea .tblBox {padding-top:8px;} }

textarea.textarea {background:#e8e6dd;width:95%;margin:0 auto;border-radius:10px;border:1px solid #e8e6dd;height:100px;text-align:center;padding:5px}
input.btn {background: #e8e6dd;font:10px ngN;width:30px;height:20px;line-height:20px;border-radius:5px;border: 1px solid #e8e6dd;text-align: center;color: #444;cursor: pointer;}

.aTitle {color:#f05a28;font:12px ngB;letter-spacing:-1px}
.qt1  {padding-bottom:15px;}
.qt2  {color:#20409a;}
.qt3 {font:12px ngB;color:#d3646f;}
.qt4 {font:12px ngB;}
.question2 {padding-left:52px;}