@charset "euc-kr";

.sidemenu ul{display: none!important;}

.menu{width: 23%; margin-right: 4%; margin-top: 60px; background: #ECEEEF; box-sizing: border-box; margin-bottom: 100px;}
.menu>ul{border: 1px solid #E1E1E1; border-bottom: 0;}
.menu ul li span{cursor: pointer; text-overflow: ellipsis; padding: 10px 0; white-space: nowrap; border-bottom: 1px solid #E1E1E1; font-size: 16px; line-height: 1.5em; text-indent: 20px; display: block; background: url(/qt/img/sub-menu-icons.svg) 98% -45px no-repeat; font-weight: 200;}
.menu ul li.on span{background-position: 98% 0;}
.menu ul li.link span{background-position: }
.menu ul li a{font-size: inherit; color: inherit; font-weight: inherit;}
.menu ul li.this ul{display: block}
.menu ul li ul{display: none; background: #fff;}
.menu ul li ul li a{cursor: pointer; text-overflow: ellipsis; padding: 10px 0; white-space: nowrap; border-bottom: 1px solid #E1E1E1; font-size: 15px; line-height: 1.5em; text-indent: 20px; display: block; color: #555; transition: 0.2s all; font-weight: 200;}
.menu ul li ul li.on a,.menu ul li ul li.on:hover a{background: linear-gradient(to right, #7392D6 1%,#4CDCDA 100%); color: #fff; border-bottom: 1px solid transparent; }
.menu ul li ul li a .link.icon{display: block; float: right; width: 20px; height: 20px; background: url(/qt/img/sub-menu-icons.svg) 0 -90px; padding: 0; margin-right: 15px;}
.menu ul li ul li:hover a{background: rgba(7,54,141,0.1);}
.menu ul li.subscribe{position: relative;}
.menu ul li.subscribe:after{content: ""; position: absolute; top: 10px; width: 24px; height: 24px; left: -8px; background: url(/qt/img/sub-icons.svg) 0 -462px no-repeat; display: block;}

.menu .out-more{background: #fff;}
.menu .out-more img{width: 100%; margin-top: 15px;}

.menu .cover{text-align: center; background: #ECEEEF;}
.menu .cover img{width: 102px; display: inline-block; margin-top: 20px; cursor: pointer;}


.menu .app-link{background: #fff; padding-top: 15px;}
.menu .app-link p{padding: 7px 10px; background: #EFF1F6; border: 1px solid #E1E1E1; box-sizing: border-box; cursor: pointer;}
.menu .app-link p span{font-size: 16px; color: #333; vertical-align: middle; font-weight: 200;}
.menu .app-link .every,
.menu .app-link .lite{border-bottom: 0;}
.menu .app-link .every img{width: 45px; height: 45px; display: inline-block; margin-right: 7px; vertical-align: middle;}
.menu .app-link .lite img{width: 45px; height: 45px; display: inline-block; margin-right: 7px; vertical-align: middle;}
.menu .app-link .duplus img{width: 45px; height: 45px; display: inline-block; margin-right: 7px; vertical-align: middle;}

.todayqt .contents{width: 73%; padding: 0 3%; box-sizing: border-box; margin-top: 60px;}
.todayqt .contents .date{text-align: center; margin-bottom: 40px;}
.todayqt .contents .date li{line-height: 1.5em;}
.todayqt .contents .date li:nth-child(1){font-size: 20px; color: #B8B8B8;}
.todayqt .contents .date li:nth-child(2){color: #333; display: inline-block; font-size: 22px;}
.todayqt .contents .date li:nth-child(2) span{font-size: 20px; color: inherit; font-weight: 200;}
.todayqt .contents .date li:nth-child(3){font-size: 20px; color: #B8B8B8;}

.todayqt .contents .font-size{font-size: 16px;}

.todayqt .contents h1{font-size: inherit;}
.todayqt .contents h1 span{font-size: 1.63em; color: #333; font-weight: 500; display: block; text-align: center; width: 100%; line-height: 1.46em;}
.todayqt .contents h1 em{font-size: 1.06em; font-weight: 200; color: #555; display: block; text-align: center; width: 100%; line-height: 1.47em; margin-top: 12px;}

.todayqt .contents .btn-area{margin-top: 15px; margin-bottom: 15px;}
.todayqt .contents .btn-area .left{margin-top: 30px;}
.todayqt .contents .btn-area .link-st button{background: transparent; font-size: 14px; padding: 7px 12px; color: #777; font-weight: 400; border: 1px solid #e1e1e1; border-right: 0; vertical-align: middle; transition: none; line-height: 1; margin-right: -5px; word-spacing: -2px; position: relative; z-index: 0;}
.todayqt .contents .btn-area .link-st button:last-child{border-right: 1px solid #e1e1e1;}
.todayqt .contents .btn-area .link-st button:active{box-shadow: none;}
.todayqt .contents .btn-area .link-st button.on{color: #EF6678; border: 1px solid #EF6678; z-index: 1; font-weight: 500;}

.todayqt .contents .btn-area .font-st{margin-top: 30px;}
.todayqt .contents .btn-area .font-st button{width: 30px; height: 30px; display: block; background: url(/qt/img/sub-icons.svg) -1px -1px no-repeat; text-indent: -9999em; float: left; margin-left: -1px; border: 1px solid #e1e1e1;}
.todayqt .contents .btn-area .font-st button.bigger{background-position: -30px -2px;}
.todayqt .contents .btn-area .font-st button.smaller{background-position: -1px -2px;}
.todayqt .contents .btn-area .font-st button.print{background-position: -58px 0px;}

.todayqt .contents .btn-area .bible-st{margin-top: 2px; float: right;}
.todayqt .contents .btn-area .bible-st button{background: transparent; font-size: 14px; color: #777; font-weight: 400; border-right: 1px solid #e1e1e1; line-height: 1.2em; margin-left: -4px; padding: 0 8px;}
.todayqt .contents .btn-area .bible-st button.on{color: #6582C8; font-weight: 500; font-size: 14px;}
.todayqt .contents .btn-area .bible-st button:active{box-shadow: none;}
.todayqt .contents .btn-area .bible-st button:last-child{border-right: 0;}
.todayqt .contents .btn-area .bible-st label{font-size: 14px; color: #777; background: #F5F5F5; border-radius: 30px; padding: 5px 15px; line-height: 1;}


.todayqt .contents .box{width: 100%; border-radius: 10px; background: #F5F5F5; padding: 25px; box-sizing: border-box; font-size: 1em; color: #777; line-height: 1.7em; padding-left: 35px;}
.todayqt .contents .box p{font-size: inherit; color: inherit;}
.todayqt .contents .box p.title{color: #333; margin-bottom: 4px; position: relative;}
.todayqt .contents .box p.title:before{content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; background: #738ECE; position: absolute; top: 10px; left: -14px;}
.todayqt .contents .box p.title a{text-decoration: underline;}


.todayqt .contents .bible .title{color: #6582C8; font-size: 1.06em; line-height: 1.5em; padding: 40px 0 10px; font-weight: 500;}

.todayqt.detail .contents .bible .title{color: #333; font-size: 1.06em; line-height: 1.5em; padding: 40px 0 20px; font-weight: 500;}
.todayqt.detail .contents .bible .title:before{content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; background: #738ECE; margin-right: 7px; margin-top: -3px;}

.todayqt .contents .bible .title:first-child{padding-top: 17px;}
.todayqt .contents .bible table th{font-size: 1.06em; font-weight: 400; color: #555; vertical-align: top; width: 40px; text-align: left; line-height: 1.87em;}
.todayqt .contents .bible table td{font-size: 1.06em; font-weight: 400; color: #555; line-height: 1.87em;}
.todayqt .contents .bible .text{font-size: 1.06em; font-weight: 400; color: #555; line-height: 1.87em; word-wrap: break-word;}

.todayqt .contents .bible .text.reference-nanum > span,
.todayqt .contents .bible .text.reference-take > span {
    display: inline-block;
    width: 100%;
    background: #F5F5F5;
    border-radius: 10px;
    padding: 24px;
}
.todayqt .contents .bible .text.reference-nanum > span.blue,
.todayqt .contents .bible .text.reference-take > span.blue {
    color: #738ECE
} 

.todayqt .contents .bible .text.story-box{width: 100%;
    border-radius: 10px; background: #EFF1F6; padding: 24px; box-sizing: border-box; font-size: 1em;
    color: #777; line-height: 1.7em; margin-bottom: 40px;}
.todayqt .amen{margin-top: 40px; }
.todayqt .amen .btn{display: inline-block; margin:  30px 5px 0; width: 140px; padding: 12px; line-height: 1.2em; font-size: 15px; color: #6582C8; text-align: center; background: transparent; border-radius: 30px; border: 1px solid #7F98D4;}

.todayqt .amen p{padding-top: 10px; font-size: 15px;}
.todayqt .amen p span{font-size: inherit; vertical-align: middle;}
.todayqt .amen .icon.heart{width: 24px; height: 20px; vertical-align: middle; display: inline-block; background: url(/qt/img/sub-icons.svg) 0 -30px no-repeat; margin-right: 4px;}
.todayqt .amen .icon.heart.on{background-position: -24px -30px;}


.todayqt .copyright{line-height: 1.2em; font-size: 14px; padding: 13.5px; text-align: center; color: #B8B8B8; border-top: 1px dashed #E1E1E1; border-bottom: 1px dashed #E1E1E1; margin: 40px 0 40px}

.todayqt .books-area{margin-top: 30px; text-align: right;}
.todayqt .books-area img{max-width: 175px; display: inline-block; width: 100%; border: 1px solid #e1e1e1;}

.todayqt .share{margin-top: 40px;}
.todayqt .share .now{border: 1px solid #ccc; color: #777; display: inline-block; font-size: 15px; padding: 4px 12px; border-radius: 20px; margin-left: 0px;}
.todayqt .share .now span{font-size: inherit;}
.todayqt .share button{width: 30px; height: 30px; background: url(/qt/img/sub-icons.svg) -70px -50px no-repeat; display: inline-block;padding: 0; vertical-align: middle; transition: none;}
.todayqt .share button.list{background-position: -70px -80px;}
.todayqt .share button.on.list{background-position: -100px -80px;}
.todayqt .share button.on.nanum{background-position: -100px -50px;}

.todayqt .share .percentage{margin-top: 5px;}
.todayqt .share .percentage .bar{vertical-align: middle; display:inline-block; width: 220px; height: 20px; position:relative; border-radius: 20px; background: #EFF1F6; border: 1px solid #e1e1e1; overflow: hidden;}
.todayqt .share .percentage .bar .percent{display: inline-block; width:50%; height: 20px; position: absolute; top: 0; left:0; letter-spacing: 0; background: linear-gradient(to right, #ef6678 1%,#ec8c6a 100%); transition: 0.5s width; animation-name: loading; animation-duration:2s;}

@keyframes loading{
	0%{width: 0%;}
}

.todayqt .share .percentage .text{vertical-align: middle; color: #EF6678;}

.todayqt .share-nanum .line{border-left: 1px solid #E1E1E1; padding-top: 60px; margin-top: -20px;}
.todayqt .share-nanum .person{width: 100%; box-sizing: border-box; padding-bottom: 50px;}
.todayqt .share-nanum .person:last-child{padding-bottom: 60px;}
.todayqt .share-nanum .person p{float: left;}
.todayqt .share-nanum .person .time{width: 18%; margin-left: -2%; margin-top: 17px;}
.todayqt .share-nanum .person .time em{color: #A2B1D4; font-weight: 700; font-size: 24px; vertical-align: middle;}
.todayqt .share-nanum .person .time .icon{display:inline-block; width: 27px; height: 27px; background: url(../img/main-icons.svg) 0 -285px; vertical-align: middle; margin-right: 7px;}
.todayqt .share-nanum .person .name{width: 13%; cursor: pointer;}
.todayqt .share-nanum .person .name span.img{width: 80px; height: 80px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; border: 1px solid #e1e1e1; box-sizing: border-box; position: relative;}
.todayqt .share-nanum .person .name em{font-size: 16px; font-weight: 500; text-align: center; word-wrap: break-word; display: block; width: 80px; margin-top: 6px; line-height: 1.2em;}
.todayqt .share-nanum .person .text{width: 71%; background: #F5F5F5; border-radius: 10px; box-sizing: border-box; padding: 30px 20px; cursor: pointer}
.todayqt .share-nanum .person .text span{padding: 0; font-size: 16px; line-height: 1.75em; display: block; height: 107px; -webkit-box-orient: vertical; -webkit-line-clamp:4; display: -webkit-box; text-overflow: ellipsis; overflow: hidden;}

.todayqt .person.empty .text{text-align: center; font-size: 14px; color: #777;}
.todayqt .person.empty .text span{color: inherit; font-size: inherit; font-weight: inherit;}
.todayqt .person.empty .text .btn-write{border: 1px solid #7F98D4; border-radius: 30px; font-size: 14px; color: #6582C8; padding: 7px 11px; line-height: 1.2em; background: transparent; margin-top: 20px;}
.todayqt .share-nanum .person.me .name span.img{border: 2px solid #EF6678;}
.todayqt .share-nanum .person.me .name span.img:before{content: "me"; color: #fff; background: #EF6678; width: 23px; height: 23px; display: block; position: absolute; top: 0px; left: -5px; font-size: 11px; border-radius: 50%; text-align: center; vertical-align: middle; text-align: center; line-height: 23px;}
.todayqt .share-nanum .person.me .text{background: rgba(237,124,112,0.1);}

.todayqt .share-nanum .person:last-child{padding-bottom: 100px}
.todayqt .share-list table{width: 100%; margin-top: 30px}
.todayqt .share-list table tbody{width: 100%;}

.todayqt .share-list .th-area th{font-size: 14px; color: #333; padding: 12px 0; line-height: 1.2em; text-transform: capitalize; font-weight: 400; background: #F5F5F5;}
.todayqt .share-list .th-area th.time{width: 16%}
.todayqt .share-list .th-area th.name{width: 16%}
.todayqt .share-list .th-area th.title{width: 52%}
.todayqt .share-list .th-area th.views{width: 16%}

.todayqt .calendar-list.share-list .th-area th.time{width: 10%}
.todayqt .calendar-list.share-list .th-area th.name{width: 17%}
.todayqt .calendar-list.share-list .th-area th.title{width: 48%}
.todayqt .calendar-list.share-list .th-area th.views{width: 25%}
.todayqt .calendar-list.share-list td.views{text-align: left; padding-left: 10px;}

.todayqt .share-list table{border-bottom: 1px solid #e1e1e1;}
.todayqt .share-list td{text-align: center; padding: 12px 0; border-top: 1px solid #e1e1e1; font-size: 15px; color: #555;}
.todayqt .share-list td.title span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 350px; text-align: left; font-size: inherit; color: inherit;}
.todayqt .share-list td span{color: inherit;}
.todayqt .share-list tr:nth-child(2) td{border-top: 0;}


.todayqt .share-list tr.sun td{background: #fafafa; border-top: 1px solid #F4B7C1;}

.todayqt .share-list tr.sun td.time span{color: #EF6678;}
.todayqt .share-list tr.sun td.name{color: #EF6678;}
.todayqt .share-list tr.sun td.name span{letter-spacing: 4px;}

.todayqt .share-list tr.today td{font-weight: 500; background: #F7F9FC}
.todayqt .share-list tr.today td.time{position: relative; z-index: 0;}
.todayqt .share-list tr.today td.time span{color: #fff; position: relative; z-index: 1;}
.todayqt .share-list tr.today td.time:before{content: ""; width: 30px; height: 30px; background: #6582C8; border-radius: 50%; top: 0; left: 0; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; display: block; z-index: 0;}


.todayqt .share-list .person.me td.name span{font-size: inherit; color: inherit; font-weight: inherit; position: relative;}
.todayqt .share-list .person.me td.name span:before{content: "me"; color: #fff; background: #EF6678; width: 20px; height: 20px; display: block; position: absolute; top: 0; left: -24px; font-size: 11px; border-radius: 50%; text-align: center;}

.todayqt .share-list .person.hide td.title{position: relative;}
.todayqt .share-list .person.hide td.title:before{content: ""; background: url(/qt/img/sub-icons.svg) 0 -442px no-repeat; width: 20px; height: 20px; display: block; position: absolute; top: 12px; left: -22px;}

.todayqt .share-list tr:hover td{color: #6582C8; cursor: pointer;}

.todayqt .paging{text-align: center; margin-top: 40px;}
.todayqt .paging button{display: inline-block; width: 34px; height: 34px; line-height: 34px; vertical-align: middle; background: url(/qt/img/sub-icons.svg) 0 -118px; transition: none;}
.todayqt .paging button.first{background-position: 0 -152px;}
.todayqt .paging button.before{background-position: 0 -118px;}
.todayqt .paging button.next{background-position: 0 -118px; transform: rotate(180deg);}
.todayqt .paging button.last{background-position: 0 -152px; transform: rotate(180deg);}
.todayqt .paging button.first:hover{background-position: -34px -152px;}
.todayqt .paging button.before:hover{background-position: -34px -118px;}
.todayqt .paging button.next:hover{background-position: -34px -118px; transform: rotate(180deg);}
.todayqt .paging button.last:hover{background-position: -34px -152px; transform: rotate(180deg);}
.todayqt .paging ul{display: inline-block; padding: 0 15px;}
.todayqt .paging ul li{display: inline-block; color: #555555; font-size: 15px; padding: 0 5px;}
.todayqt .paging ul li a{color: inherit; font-size: inherit; font-weight: inherit;}
.todayqt .paging ul li.on,
.todayqt .paging ul li:hover{color: #6582C8; text-decoration: underline;}

.todayqt .sns-area{border-top: 1px solid #e1e1e1; padding-top: 20px; margin-top: 60px;}
.todayqt .sns-area button:active{box-shadow: none;}
.todayqt .sns-area .like{margin-top: 5px;}
.todayqt .sns-area .like button.icon{width: 30px; height: 24px; vertical-align: middle; display: inline-block; background: url(/qt/img/sub-icons.svg) 0 -222px no-repeat; transition: none;}
.todayqt .sns-area .like.on button.icon{background-position: -30px -222px;}
.todayqt .sns-area .like span{font-size: 14px; vertical-align: middle; color: #777;}
.todayqt .sns-area .like.on span{color: #EF6678;}
.todayqt .sns-area .sns button{width: 36px; height: 36px; display: inline-block; background: url(/qt/img/sub-icons.svg) 0 -186px no-repeat; text-indent: -9999em; margin-left: 6px;}
.todayqt .sns-area .sns button.fb{background-position: -0px -186px;}
.todayqt .sns-area .sns button.tw{background-position: -36px -186px;}
.todayqt .sns-area .sns button.kt{background-position: -72px -186px;}
.todayqt .sns-area .sns button.link{background-position: -108px -186px;}

.todayqt .reply-area{background: #EFF1F6; border-radius: 10px; margin-top: 100px;}
.todayqt .reply-area .profile{text-align: center; position: relative; top: -40px;}
.todayqt .reply-area .profile .img{display:block; width: 80px; height: 80px; background: url(/qt/img/no-img.png) 50% 50% no-repeat; background-size: cover; margin:  0 auto; border-radius: 50%; box-shadow: 0px 0px 5px rgba(0,0,0,0.2)}
.todayqt .reply-area .profile button{display: block; line-height: 1.2em; padding: 5px 10px; font-size: 13px; color: #b8b8b8; background: transparent; margin: 10px auto 0; border: 1px solid #ccc; border-radius: 30px;}
.todayqt .reply-area .profile .name{font-size: 16px; font-weight: 500; color: #333; display: block; margin: 10px auto;}
.todayqt .reply-area .profile .intro{font-size: 14px; color: #777; font-weight: 400; width: 300px; display: inline-block; word-break: keep-all;}
.todayqt .reply-area .count{padding: 0 30px;}
.todayqt .reply-area .count .inner{border-bottom: 1px solid #e1e1e1; padding-bottom: 10px;}
.todayqt .reply-area .count span{font-size: 15px; color: #555;}
.todayqt .reply-area .count em{color: inherit; font-size: inherit;}
.todayqt .reply-area .count em.red-t{color: #EF6678}
.todayqt .reply-area .count .heart{display: inline-block; width: 24px; height: 20px; background: url(/qt/img/sub-icons.svg) -24px -30px no-repeat; vertical-align: middle}
.todayqt .reply-area .reply{padding: 25px 30px 0;}
.todayqt .reply-area .reply .inner{border-bottom: 1px solid #e1e1e1; padding-bottom: 25px;}
.todayqt .reply-area .reply .left{width: 11%;}
.todayqt .reply-area .reply .right{width: 89%;}
.todayqt .reply-area .reply .img{display: block; width: 49.5px; height: 49.5px; background: url(/qt/img/no-img.png) 50% 50% no-repeat; background-size: cover; border-radius: 50%;}
.todayqt .reply-area .reply .name{font-size: 14px; color: #777;}
.todayqt .reply-area .reply .name .date{font-size: 13px; color: #777;}
.todayqt .reply-area .reply .text{display: block; font-size: 15px; color: #555; vertical-align: middle; line-height: 1.5em;}
.todayqt .reply-area .reply .remove.icon{width: 12px; height: 12px; display: inline-block; background: url(/qt/img/sub-icons.svg) 0 -246px no-repeat; text-indent: -9999em; vertical-align: middle; margin: 0 5px; cursor: pointer;}

.todayqt .reply-area .input .white{background: #fff; display: block; margin-bottom: 40px; border-radius: 10px; text-align: right}
.todayqt .reply-area .input .white textarea{background: #fff; border: 0; border-radius: 10px; height: 50px; font-size: 16px;}
.todayqt .reply-area .input button.confirm{display: inline-block; padding: 10px 0; line-height: 1; border-radius: 30px; border: 1px solid #7F98D4; color: #6582C8; font-size: 14px; background: transparent; width: 85px; text-align: center; margin: 15px 15px 15px 0;}

.todayqt .write-area h1 em{margin-bottom: 12px;}
.todayqt .write-area h1 button.more-bible{border: 1px solid #7F98D4; border-radius: 30px; color: #6582C8; font-size: 14px; padding: 7px 10px; line-height: 1.2em; background: transparent; margin: 0 10px;}
.todayqt .write-area h1 button.more-bible .icon.more{width: 0; display: inline-block; border-color: #6582C8 transparent transparent transparent; border-style: solid; border-width: 4px; margin-left: 4px;}
.todayqt .write-area h1 button.more-bible.on .icon.more{transform: rotate(180deg); position: relative; top: -4px;}
.todayqt .write-area input[type="text"]{border: 1px solid #e1e1e1; width: 100%; border-radius: 10px; line-height: 1.2em; padding: 15px 20px; box-sizing: border-box; font-size: 16px;}
.todayqt .write-area textarea{font-size: 16px; width: 100%; padding: 15px 20px; box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 10px; margin-bottom: 26px;}
.todayqt .write-area textarea.text1{height: 290px;}
.todayqt .write-area textarea.text2{height: 140px;}
.todayqt .write-area textarea.text3{height: 140px; margin-bottom: 10px;}

.todayqt .write-area .box{margin-bottom: 30px; display: none;}
.todayqt .write-area .box .table-wrap{height: 250px; overflow-y: scroll;}
.todayqt .write-area .box p.title{color: #6582C8; padding-top: 0;}

.todayqt .write-area .open{text-align: right;}
.todayqt .write-area .open span{vertical-align: middle; font-size: 14px; color: #444; margin-top: 2px; display: inline-block;}
.todayqt .write-area .btn-area{text-align: center;}
.todayqt .write-area .btn-area button{width: 140px; text-align: center; display: inline-block; padding: 12px 0; color: #fff; background: #7D95CF; border-radius: 30px; font-size: 15px; line-height: 1.2em;}
.todayqt .contents .write-area .btn-area{margin-top: 15px; margin-bottom: 0;}

.todayqt .vedio{}
.todayqt .contents .diary-detail.btn-area{margin-top: 30px;}
.diary-detail.btn-area:after{content: ""; display: block; clear: both;}
.diary-detail.btn-area button{border: 1px solid #E1E1E1; width: auto; text-align: center; display: inline-block; padding: 8px 20px; color: #555; background: transparent; border-radius: 30px; font-size: 14px; line-height: 1.2em; float: left; margin-right: 5px;}
.diary-detail.btn-area button.line-st{float: right; margin-right: 0;}

span.fw-400{font-size: inherit; font-weight: 400; color: inherit;}
.matop-0{margin-top: 0!important;}

h2{text-align: center; line-height: 1.2em;}
h2 span{font-size: 20px; font-weight: 200; color: #333; position: relative; width: auto; display: inline-block; padding-top: 7px;}
h2 span:before{content: ""; display: block; width: 25px; border-bottom: 2px solid #777; position: absolute; top: 0; left:0;}

h3{font-size: 26px; font-weight: 500; text-align: center; margin: 40px 0; }

h3:before{content: ""; display: inline-block; width: 16px; height: 16px; background: url(/qt/img/sub-icons.svg) 0 -278px; position: relative; top: -10px; left: -10px;}
h3:after{content: ""; display: inline-block; width: 16px; height: 16px; background: url(/qt/img/sub-icons.svg) -16px -278px; position: relative; top: -10px; right: -10px;}
h3.noimg:before{display: none;}
h3.noimg:after{display: none;}
h4{font-size: 22px; font-weight: 500; color: #333; line-height: 1.2em;}
h4 span.sub{vertical-align: middle; font-size: 16px; color: #999; font-weight: 400; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; line-height: 1.2em;}
h4 .sena{font-size: 1.32em; font-weight: 400;}

.calendar .select-area{text-align: center; margin: 40px 0;}
.calendar .select-area select{font-size: 20px; font-weight: 700; color: #555; padding: 0 40px 0 30px; margin-right: 4px; vertical-align: middle;}
.calendar .select-area button.down{height: 34px; line-height: 34px; font-size: 16px; font-weight: 700; color: #6582C8; padding: 0 15px; background: transparent; border-radius: 30px; border: 1px solid #7F98D4; vertical-align: middle;}
.calendar .select-area .icon.down{display: inline-block; width: 18px; height: 20px; background: url(/qt/img/sub-icons.svg) 0 -258px; vertical-align: middle;  margin-left: 5px; margin-top: -2px;}
.calendar .notice{margin-bottom: 15px;}
.calendar .notice div{font-size: 15px; color: #777; }
.calendar .notice button{color: #777; font-size: 14px; background: transparent; line-height: 1; display: inline-block;}
.calendar .notice button:nth-child(1){border-right: 1px solid #e1e1e1;}
.calendar .notice button:active{box-shadow: none;}
.calendar .notice button.on{color: #6582C8;}
.calendar .calendar-table table{width: 100%;}
.calendar .calendar-table table th{background: #DDE4F1; font-size: 13px; font-weight: 400; padding: 7px; border-collapse:collapse; border: 1px solid #BFCBE1; width: 14.285714%;}
.calendar .calendar-table table th:nth-child(1){color: #EF6678}
.calendar .calendar-table table td:nth-child(1) .day{color: #EF6678}
.calendar .calendar-table table td{border: 1px solid #e1e1e1; border-collapse: collapse; transition: 0.2s all; }
.calendar .calendar-table table td span.day{display: block; width: 100%; padding: 8px 10px; background: #EFF1F6; box-sizing: border-box; border-bottom: 1px solid #e1e1e1; text-align: left; font-size: 14px; color: #555; line-height: 1; border-top: 1px solid #EFF1F6; border-left: 1px solid #EFF1F6; transition: 0.2s all;}
.calendar .calendar-table table td span.bible{font-size: 13px; color: #6582C8; padding: 10px 0 30px 10px; display: block; letter-spacing: -0.5px;border-left: 1px solid #fff; transition: 0.2s all; cursor: pointer;}

.calendar .calendar-table table td:hover{border-color: #6582C8;}
.calendar .calendar-table table td:hover span.bible{text-decoration: underline; border-left: 1px solid #6582C8;}
.calendar .calendar-table table td:hover span.day{border-left: 1px solid #6582C8; border-top: 1px solid #6582C8;}

.calendar .calendar-table table td.today  span.day{background: #6582C8; color: #fff; position: relative; border-bottom: 1px solid #6582C8;}
.calendar .calendar-table table td.today  span.day:after{content: "Today"; color: rgba(255,255,255,0.7); font-size: 13px; position: absolute; right: 10px;}
.calendar .calendar-table table td.today{border-color: #6582C8;}
.calendar .calendar-table table td.today span.bible{border-left: 1px solid #6582C8;}
.calendar .calendar-table table td.today span.day{border-left: 1px solid #6582C8; border-top: 1px solid #6582C8;}


.video a{display: block; float: left; width: 48.5%; padding: 0; margin: 40px 0 0; box-sizing: border-box; position: relative;}
.video a:after{content: ""; display: block; width: 50px; height: 50px; background: url(/qt/img/sub-icons.svg) 0 -332px no-repeat; position: absolute; bottom: 95px; left: 50%; margin-left: -25px;}
.video a:hover:after{background-position: -50px -332px;}
.video a img{width: 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.16);}
.video a:nth-child(odd){margin-right: 3%;}
.video span{display: block; margin-top: 20px; text-align: center; font-size: 20px; font-weight: 500;}
.video span em{font-weight: 400;}

.contents .howto .h4-wrap{margin-top: 40px;} 
.contents .howto .h4-wrap h4{margin-bottom: 10px;} 
.contents .howto{margin-top: 40px;}
.contents .howto .box{width: 48.61%; box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 10px; float: left; height: 274px; margin-bottom: 2.7777%; background: transparent; position: relative;}
.contents .howto.real .box{height: auto; overflow: visible;}
.contents .howto .box p.title{padding-top: 0; padding-bottom: 50px; font-size: 22px; font-weight: 500; color: #6582C8;}
.contents .howto .box p.title:before{content: ""; display: none;}
.contents .howto .box p.text{font-size: 16px; line-height: 1.8em; height: 168px; overflow: hidden;}
.contents .howto .box:nth-child(odd){margin-right: 2.7777%;}
.contents .howto .box p.img{position: absolute; display: block; width: 72px; height: 72px; background: url(/qt/img/howto-icons.svg) 0 0 no-repeat; top: 20px; right: 20px;}
.contents .howto .box p.img.no1{background-position: 0 0px;}
.contents .howto .box p.img.no2{background-position: 0 -72px;}
.contents .howto .box p.img.no3{background-position: 0 -144px;}
.contents .howto .box p.img.no4{background-position: 0 -216px;}
.contents .howto .box p.img.no5{background-position: 0 -288px;}
.contents .howto .box p.img.no6{background-position: 0 -360px;}

.generation .section{margin-top: 50px; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1;}
.generation .section .left{width: 27%; margin-right: 5%; position: relative;}
.generation .section .left img{width: 93%; margin-left: 7%; box-shadow: 0px 3px 6px rgba(0,0,0,0.2)}
.generation .section .left:before{content:""; display:block; width: 175px; height: 175px; background: #EAEEF9; position: absolute; bottom: -15px; left: 0; z-index: -2;}
.generation .section .right{width: 68%;}
.generation .section h4{margin-bottom: 20px;}
.generation .section .btn-area{text-align: right; margin-bottom: 0; display: flex; justify-content: flex-end; gap: 10px;}
.generation .section .btn-area button{width: 140px; line-height: 1.2em; padding: 12px 0;font-size: 15px; color: #6582C8; font-weight: 400; text-align: center; background: transparent; border-radius: 30px; border: 1px solid #7F98D4; margin-left: 6px; margin: 0;}
.generation .section .btn-area button.st2{background: #7D95CF; color: #fff;}
.generation .section .btn-area button.st3 { /*κΈ°λ³Έ λ²„νŠΌ ?Š€????Ό*/
    background-color: rgba(255, 206, 0, .4);
    border-color: #ffce00;
    color: #333;
}
.generation .section .btn-area button.st3:hover { /*마우?Š€?˜€λ²? ?–ˆ?„ ?•Œ*/
    background-color: rgba(255,206,0,1);
}

.generation .overseas-link{width: auto; line-height: 1.2em; padding: 12px 30px; font-size: 15px; color: #EF6678; font-weight: 400; text-align: center; background: transparent; border-radius: 30px; border: 1px solid #EF6678; margin: 60px auto 0; display: block;}
.generation .overseas-link .icon.arrow{width: 12px; height: 12px; background: url(/qt/img/sub-icons.svg) 0 -430px; display: inline-block; vertical-align: middle; margin-left: 5px;}

.generation.plus .section{border-bottom: 0;}
.generation.plus .section .left img.img1{width: 90%; margin-left: 0; margin-top: 38px;}
.generation.plus .section .left img.img2{width: 90%; margin-left: 0; position: absolute; top: 0; left: 38px; z-index: -1}
.generation.plus .section .left:before{right: -30px; left: auto;}
.generation.plus .section .right{width: 63%;}
.generation.plus .section h4{margin-top: 30px;}
.generation.plus .section ul li{text-indent: -14px; line-height: 1.87em; padding-left: 14px; font-size: 17px; color: #555;}
.generation.plus .section ul li:before{content: ""; display: inline-block; width: 4px; height: 4px; background: #6582C8; margin-right: 10px; vertical-align: middle; border-radius: 50%;}

.generation.plus .section .sub-t{margin-top: 10px;}
.generation.mobile .section .left{width: 40%; }
.generation.mobile .section .left img{box-shadow: none; width: 100%; margin-left: 0; margin-top: -5px; max-width: 280px; border: 1px solid #ddd; border-radius: 30px; padding: 3px;}
.generation.mobile .section .left:before{display: none;}
.generation.mobile .section .right{width: 55%; }
.generation.mobile .section ul{margin-top: 40px;}
.generation.mobile .section ul li{text-indent: -14px; line-height: 1.87em; padding-left: 14px; font-size: 16px; color: #777;}
.generation.mobile .section ul li:before{content: ""; display: inline-block; width: 4px; height: 4px; background: #777; margin-right: 10px; vertical-align: middle; border-radius: 50%;}

.generation.mobile .section .btn-area button.none{display: inline-block; background: transparent; text-align: center; padding: 0; border: none; width: auto;}
.generation.mobile .section .btn-area button.none:active{box-shadow: none;}
.generation.mobile .section .btn-area button.none span{width: auto; line-height: 1.2em; padding: 7px 16px;font-size: 14px; color: #6582C8; font-weight: 400; text-align: center; background: transparent; border-radius: 30px; border: 1px solid #7F98D4; display: inline-block;}
.generation.mobile .section .btn-area button.none:active span{box-shadow : inset 2px 2px 1000px rgba(7,54,141,0.2) }

.summary{border: 1px solid #e1e1e1; margin-top: 20px; padding: 30px 60px;}
.slick-prev, .slick-next{width: 38px; height: 38px; border-radius: 50%; z-index: 0;}
.slick-prev{left: 12px;}
.slick-next{right: 12px;}
.slick-prev:before{background: url(/qt/img/sub-icons.svg) 0 -294px; width: 38px; height: 38px;}
.slick-next:before{background: url(/qt/img/sub-icons.svg) -38px -294px; width: 38px; height: 38px;}

.reference h1{margin-bottom: 30px;}
.reference .img-area a img{width: 100%;}
.reference .img-area a {display: block; margin-top: 25px; border: 1px solid #e1e1e1; box-sizing: border-box;}
.reference .sub-t{font-size: 1em; line-height: 1.87em;}
.reference p.text font{color: #333!important; font-weight: 500;}
.reference p.text font:before{content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; background: #738ECE; margin-right: 7px; margin-top: -3px;}
.reference .change{margin-bottom: 20px;}
.reference .change button{width: auto; min-width: 82px; padding: 7px 12px; text-align: center; color: #777; border: 1px solid #e1e1e1; font-size: 14px; font-weight: 400; margin-left: -1px; background: #fff; display: block; float: left; line-height: 1; position: relative; z-index: 0;}
.reference .change button.on{background: transparent; color: #EF6678; border: 1px solid #EF6678; position: relative;z-index: 1; font-weight: 500;}
.reference .change button:active{box-shadow: none;}
.books p{width: 33.3333%; float: left; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px;}
.books p img{width: 100%; padding: 0 10px; box-sizing: border-box;}
.books p span{display: block; width: 60%; margin: 20px auto 30px; text-align: center; color: #555; height: 40px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient:vertical;}

.play{margin-top: 40px;}
.play .inner{width: 100%; height: 100%; padding-bottom: 56.25%; margin: 0 auto; position: relative;}
.play iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


.answer{background: #EFF1F6; padding: 25px; font-size: 16px; color: #555; line-height: 1.87em; border-radius: 10px; margin-top: 40px;}

.qna{margin-top: 40px;}
.qna ul{background: #EFF1F6; border-radius: 10px; padding: 24px;}
.qna ul li{margin-left: 21px; text-indent: -10.5px; line-height: 1.87em; font-size: 16px; color: #555;}
.qna ul li span{display: inline-block; padding-right: 5px; color: #555; font-size: 16px;}
.qna .btn-area{margin-top: 15px!important;}
.qna .btn-area button{width: auto; line-height: 1.2em; padding: 10px 25px;font-size: 15px; color: #6582C8; font-weight: 400; text-align: center; background: transparent; border-radius: 30px; border: 1px solid #7F98D4; margin-left: 6px;}
.qna .btn-area .sub-t{margin-left: 5px;}

.qna-write.write-area textarea{margin-top: 26px; margin-bottom: 10px;}

.overseas{margin-top: -20px;}
.overseas .note{font-size: 17px; color: #555; margin-bottom: 40px; text-align: center;}
.overseas dl dt{float: left; width: 12.5%;}
.overseas dl dd{float: left; width: 87.5%; font-size: 20px; color: #333; font-weight: 500; line-height: 1.5em; margin-bottom:40px;}
.overseas dl dd span{display: block; color: #6582C8; font-size: 17px; font-weight: 400; line-height: 1.5em;margin-top: 10px;}
.overseas dl dt span{width: 70px; height: 70px; line-height: 70px; background: #E2E8F6; border-radius: 50%; display: block; text-align: center; font-size: 15px; color: #333; vertical-align: middle;}
.overseas dl dt span em{font-size: 27px; color: #333; display: inline-block; vertical-align: middle; margin-left: 3px;}
.overseas .tel{font-size: 16px; color: #777; text-align: center; border: 1px solid #ccc; border-radius: 30px; padding: 5px;}

.church h4{margin-top: 40px;}
.church .step{margin-top: 20px; margin-bottom: 10px; float: left; margin-right: 16px;}
.church .step span{color: #6582C8; font-size: 19px; display: block;}
.church .step em{color: #777; font-size: 17px; font-weight: 500; display: block; margin-bottom: 20px;}
.church .step img{height: 310px; border: 1px solid #e1e1e1; margin-right: 10px; box-sizing: border-box; cursor: pointer}
.church ul{margin-top: 20px;}
.church ul li{float: left; margin-right: 40px; position: relative;}
.church ul li:last-child{margin-right: 0;}
.church ul li:last-child:after{display: none;}
.church ul li em{width: 148px; height: 148px; display: table-cell; vertical-align: middle; text-align: center; border: 5px solid #D0D8EB; border-radius: 20px; box-sizing: border-box; padding: 0px; color: #6582C8; font-weight: 500; font-size: 17px;}
.church ul li em span{font-size: 16px; color: #555; font-weight: 400; display: block; line-height: 1.87em;}
.church ul li:after{content: ''; display: block; float: left; width: 20px; height: 28px; background: url(/qt/img/sub-icons.svg) 0 -402px; position: absolute; right: -32px; top: 50%; margin-top: -14px;}
.church .sample{margin-top: 20px; font-size: 17px; font-weight: 400; color: #555; line-height: 1.87em;}

.loginplz img{width: 160px; margin-top: 40px; margin-bottom: 10px;}
.loginplz p{font-size: 17px; color: #555;}
.loginplz a{background: #6582C8; display: inline-block; width: 140px; height: 45px; line-height: 45px; border-radius: 30px; color: #fff; font-size: 15px; margin-top: 15px;}



.img-pop{position: fixed; overflow-y: scroll; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,0.8); text-align: center; z-index: 9999;}
.img-pop img{max-width: 1024px; display: inline-block;}
.img-pop p{font-size: 13px; padding: 50px; margin: 0 auto; text-align: center; color: rgba(255,255,255,0.8);}
img.pop{cursor: pointer;}

.foot-st .line.b8{margin-bottom: 20px;}
.foot-st.btn-area button{width: auto; line-height: 1.2em; padding: 7px 15px;font-size: 14px; color: #6582C8; font-weight: 400; text-align: center; background: transparent; border-radius: 30px; border: 1px solid #7F98D4; margin-left: 6px;}

.line.b8{margin-top: 40px; margin-bottom: 40px; border-bottom: 1px solid #b8b8b8;}
.line.b8.top{margin-top: 20px; margin-bottom: 30px;}

.ly_loading{margin: 0 auto; display: block; margin-top: 100px; width: 100px;}

/*footer .w100{min-width: auto;}*/

/*footer{width: 100%;}
footer .w100{}*/