/*전체 공통*/
.lang ul {max-height:485px; overflow-y:auto; overflow-x:hidden}
.scroll::-webkit-scrollbar{width:10px;height:5px;background:#eee;}
.scroll::-webkit-scrollbar-track {width:10px;height:10px;background:#eee;}
.scroll::-webkit-scrollbar-thumb {width:9px;height:9px;background:#27c7df; border-radius:10px}
/*서브페이지 공통*/
*{outline:none !important;}
#sub_contents {padding:60px 0;}
#sub_contents:after {display:block; content:''; clear:both;}
.main_contents .searchDiv input{outline:none;}
#A_Header .menu_wrap .loginLinks .bookcart_shopping .shoppingnumber{background:#8f45e3;line-height:18px;}
.inner2 {max-width:980px; margin:0 auto;}
.main_title {background-image:url(/common/images/sub/sub_tit_img.jpg); background-repeat:no-repeat; position:relative; background-position:center; background-size:cover;}
.main_title h1,
.main_title h2 {font-size:45px; line-height:55px; color:#fff; font-weight:900;}
.main_title .inner2 {display:flex; width:100%; max-width:1180px; height:220px; align-items:center;}
[class^="section_tit"] {border-bottom:1px solid #333; }
[class^="section_tit"]:after {clear:both; content:''; display:block;}
[class^="section_tit"] h2,
[class^="section_tit"] h4,
[class^="section_tit"] h1 {font-size:26px; color:#333; display:inline-block;line-height:1.3;}
.section_tit h2,
.section_tit h4,
.section_tit h1 {padding:0 0 30px;}
.section_tit02 {border-bottom:none;}

.section_tit03 {padding-bottom:20px;}
.section_tit03 .book_sel,
.book_sel.flex {display:flex; justify-content:space-between; align-items:center; margin-top:20px;}
.section_tit03 .book_sel:after,
.book_sel.flex:after {display:none !important}
.section_tit03 .book_sel .lang_box {float:none;}

.pdt10 {padding-top:10px;}
.pd_40 {padding:40px 0;}
.pdt30 {padding-top:30px !important;}

#srchForm {margin-bottom:20px;}
#srchForm:has(.total_box) {margin-bottom:0 !important;}
#srchForm:has(.lang_box) {margin-bottom:4rem;}

@media screen and (max-width:1024px){
   .section_tit03 .book_sel,
   .book_sel.flex {display:block;}
   .total_box2 {margin-top:12px;}
   .total_box2 .total {font-size:14px;}
   #srchForm {margin-bottom:0}
   #srchForm:has(.lang_box) {margin-bottom:3rem;}
}

@media screen and (max-width:480px){
   #srchForm:has(.lang_box) {margin-bottom:2rem;}
}

body.align_right .main_title {background-image:url(/common/images/sub/sub_tit_img_rtl.jpg);}

#nav {display:none; background-color:#fff; border-bottom:1px solid #ddd;}
#nav .inner2:after {display:block; clear:both; *zoom:1; content:'';}
#nav .inner2 > ul > li {position:relative; float:left; box-sizing:border-box; width:300px; border-right:1px solid #ddd;}
#nav .inner2 > ul > li.nav_gnb {text-transform:uppercase;}
#nav .inner2 > ul > li.nav_gnb .down_{text-transform:none;font-size:16px;}
#nav .inner2 > ul > li .tit {box-sizing:border-box; width:100%; padding:0 40px 0 20px;height:60px;line-height:60px; font-size:16px;; color:#333; background:transparent url(/common/images/sub/arrow_lnb.png) no-repeat 94% center; cursor:pointer;  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; overflow:hidden;}
#nav .inner2 .sub_menu {display:none; position:absolute; top:60px; box-sizing:border-box; width:100%; background-color:#fff; z-index:9; border:1px solid #ddd;}
/* #nav .inner2 .sub_menu { overflow:hidden;max-height:0; position:absolute; top:60px; box-sizing:border-box; width:100%; background-color:#fff; z-index:1; border:1px solid #ddd;transition:0.5s ease ;} */
/* #nav .inner2 .sub_menu.on{max-height:200px;} */
#nav .inner2 .sub_menu li {padding:10px 0 ; border-bottom:1px solid #ddd;}
#nav .inner2 .sub_menu li a {display:block; box-sizing:border-box; width:100%; padding:0 30px 0 20px;  font-size:16px; color:#666; text-align:left;}
#nav .inner2 .sub_menu li a:hover {color:#8f45e3;}

#nav .inner2 > ul > li.nav_gnb_book {width:450px;}
#nav .inner2 .nav_lnb .sub_menu li:nth-child(2n) {background-color:#f9fbfc}


#nav .inner2 > ul > li .tit .linetit{height:60px; line-height:inherit; padding-top:9px;display:block; line-height:23px;overflow:hidden;box-sizing:border-box;}
#nav .inner2 > ul > li .tit .linetit02{height:60px; line-height:inherit; padding-top:9px;display:block; line-height:23px;overflow:hidden;box-sizing:border-box;padding-right:10px; text-align:right;}

/* list paging */
.list_paging {margin:40px 0 0 0; font-size:0; text-align:center;}
.list_paging > a {display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-position:center center; vertical-align:top; font-size:0;}
.list_paging > a.paging_prev2 {background-image:url(/common/images/sub/paging_first.png);}
.list_paging > a.paging_prev {background-image:url(/common/images/sub/paging_prev.png);}

.list_paging > a.paging_next {background-image:url(/common/images/sub/paging_next.png);}
.list_paging > a.paging_next2 {background-image:url(/common/images/sub/paging_last.png);}
.list_paging ul {display:inline-block; margin:0 15px; vertical-align:top;}
.list_paging ul:after {display:block; clear:both; *zoom:1; content:'';}
.list_paging ul li {float:left; margin:0 5px;}
.list_paging ul li a {display:block; width:40px; height:40px; line-height:40px; color:#999; text-align:center; font-weight:500;}
.list_paging ul li.active a {background-color:#8f45e3; border-radius:50%; color:#fff;}
.list_paging ul li.active2 a {background-color:#565cde;}
.list_paging ul li.active3 a {background-color:#ffbd3f;}
.list_paging ul li.active4 a {background-color:#ec4c70;}
.list_paging ul li.active5 a {background-color:black;}

/*북리스트*/
.line_text_box {border:1px solid #ddd; padding:50px 100px; }
.line_text_box div {font-size:19px; color:#666; line-height:27px; text-align:justify;}
.line_text_box div h2 {font-weight:normal; font-size:inherit; display:inline-block}
.tab {width:100%; border:1px solid #ddd; border-radius:30px; background:#fff; }
.tab:after {display:block; content:''; clear:both;}
.tab li {float:left; width:50%; text-align:center; height:60px; line-height:60px; box-sizing:border-box; border-radius:50px;}
.tab li a{width:100%; height:100%; display:block; font-size:1.125rem; color:#999; }
.tab li.active {border:2px solid #8f45e3; }
.tab li.active a {color:#8f45e3; font-weight:700;}
.lang_box .lang_tit {color:#666; margin:0 25px 0 0; display:inline-block; /*width:72px;*/font-size:18px;}
.lang_box select {border-radius:50px; background:  url(/common/images/sub/arrow_down.png) no-repeat 90% center #f1f5f7; width:440px;height:46px; padding:0 40px 0 30px; color:#333; font-weight:bold; margin-right:10px;font-size:18px !important;}
.lang_box select:last-child{margin-right:0;}
.total_box {font-size: 1.5rem;margin-top: 3rem;}
.total_box .count {color: #565ddf; font-weight: bold; font-size: 105%}
.total_box {border-bottom:1px solid #333; padding:0 0 10px; clear:both;}
.total_box:after {display:block; content:''; clear:both;}
.gospel_search{display:inline-block;}
.gospel_search select {background:  url(/common/images/sub/arrow_down.png) no-repeat 90% center;border:1px solid #ddd; width:100px; height:46px; padding:10px; color:#333; font-weight:400; margin-right:10px;font-size:18px !important;}
.gospel_search .inputbox{position:relative; width:200px;display:inline-block;}
.gospel_search .inputbox button{position:absolute;right:10px; top:57%; transform:translateY(-50%);}
.gospel_search .inputbox input{border:1px solid #ddd; width:calc(100% - 10px); height:46px; padding-left:10px;color:#333; font-weight:400;font-size:18px;}
/*.total_box .total {color:#333; padding:0 0 25px;}*/
.total_box .total {color:#333; margin-top:10px; float:left;}
.book_area {padding:55px 0 0;}
.book_area .book_list {padding-top:30px;}
.book_area .book_list:after {display:block; content:''; clear:both;}
.book_area .book_list > li {float:left; width:calc((100% - 60px)/4); margin:0 0 40px 20px;}
.book_area .book_list > li:nth-child(4n+1) {margin-left:0; clear:both;}
.book_area .book_list > li .img_area {max-width:260px; margin:0 auto;}
.book_area .book_list > li .img_area img{width:100%; height:100%;}
.book_area .book_list > li .txt_area {text-align:center;}
.s_tit {font-size:14px; color:#dab866; font-weight:700; line-height:30px;}
.book_area .book_list > li .txt_area .b_name{font-size:16px;}
.book .book_sel:after {display:block; clear:both; content:'';}
.book .lang_box {float:left; padding:5px 15px;}
.book .sort_box .lang_tit {text-align:right;font-size:18px;}
.book2 .lang_box {float:none; }
.book2 .sort_box .lang_tit {text-align:left;}
.book2 .sort_box{margin:10px 0 0;}

.inner_full {background:#f1f5f7; padding:30px 0}

[class*="book_swiper"] .inner_full {padding:40px 0;}
[class*="book_swiper"] [class^="section_tit"] {padding-bottom:20px; border-bottom:none;}
[class*="book_swiper"] [class^="section_tit"] h4 {padding-bottom:0}
[class*="book_swiper"] .book_list {padding:0 50px;}
[class*="book_swiper"] .book_list:not(.slick-initialized) {display: flex; flex-wrap: nowrap;}
[class*="book_swiper"] .book_list:not(.slick-initialized) *:not(:first-child):not(:nth-child(2)) {display: none}
.book_swiper2 .book_list:not(.slick-initialized) > *:not(:first-child) {display: none}
.book_swiper3 .book_list:not(.slick-initialized) > *:not(:first-child) {display: none}

[class*="book_swiper"] .book_list .slick-track {display:inline-block;}
[class*="book_swiper"] .book_list a.inner {display:flex; justify-content:space-between; width:auto; padding:0}
[class*="book_swiper"] .slick-arrow {position:absolute; top:50%; width:40px; height:40px; margin-top:-50px; font-size:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
[class*="book_swiper"] .slick-arrow.slick-disabled {opacity:0}
[class*="book_swiper"] .slick-prev {left:0; background-image:url(/common/images/sub/arrow_prev.png)}
[class*="book_swiper"] .slick-next {right:0; background-image:url(/common/images/sub/arrow_next.png)}
[class*="book_swiper"].rtl .slick-prev {left:auto; right:0; transform:scaleX(-1)}
[class*="book_swiper"].rtl .slick-next {right:auto; left:0;; transform:scaleX(-1)}
[class*="book_swiper"] .slick-dots {margin-top:20px; text-align:center; font-size:0;}
[class*="book_swiper"] .slick-dots li {display:inline-block; padding:0 4px;}
[class*="book_swiper"] .slick-dots button {display:block; width:10px; height:10px; border-radius:100%; background:rgba(0,0,0,0.2); font-size:0}
[class*="book_swiper"] .slick-dots .slick-active button {background:#8f45e3}

.book_swiper .book_list {padding:0 40px;}
.book_swiper .book_list .slick-slide {padding:0 20px;}
.book_swiper .book_list a.inner {display:block;}
.book_swiper .txt_area {margin-top:5px;}
.inner .book_swiper .book_list {margin:0 -10px; padding:30px 0;}
.inner .book_swiper .book_list .slick-slide {text-align:center;}
.inner .book_swiper .book_list .slick-prev {left:-50px;}
.inner .book_swiper .book_list .slick-next {right:-50px;}
.inner .book_swiper.rtl .book_list .slick-prev {left:auto; right:-50px;}
.inner .book_swiper.rtl .book_list .slick-next {right:auto; left:-50px;}


.book_swiper2 [class^="section_tit"],
.book_swiper3 [class^="section_tit"] {padding:0 50px 20px;}
.book_swiper2 > .inner,
.book_swiper3 > .inner {padding:0;}

.align_right .slick-slide {float:right;}

.book_swiper2 .book_list .slick-slide {padding:15px 20px;}
.book_swiper2 .slick-list {margin:0 -20px;}
.book_swiper2 .img_area {width:38%; flex-shrink:0;}
.book_swiper2 .img_area img {box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.book_swiper2 .txt_area {display:flex; flex-direction:column; justify-content:space-between; flex-grow:1; margin-left:20px;}
.book_swiper2 .b_name {display:block; font-weight:bold; font-size:18px;}
.book_swiper2 .b_writer {display:block; margin-top:10px; font-size:15px}
.book_swiper2 .b_review {margin-top:20px;}
.book_swiper2 .b_review p {overflow:hidden; text-overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; font-size:14px;}


.book_swiper3 .slick-list {padding-bottom:25px;}
.book_swiper3 .img_area {position:relative; width:290px; flex-shrink:0;}
.book_swiper3 .img_area:after {position:absolute; bottom:-15px; right:-10px; width:72px; height:72px; background:url(/common/images/sub/thumbup.png) #fff no-repeat center / 100%; border-radius:100%; box-shadow:5px 5px 10px rgba(0,0,0,0.1); content:''}
.book_swiper3 .txt_area {display:flex; flex-direction:column; justify-content:space-between; margin-left:30px; flex-grow:1; text-align:left;}
.book_swiper3 .b_name {display:block; font-size:20px; font-weight:bold;}
.book_swiper3 .b_writer {display:block; margin-top:10px; font-size:15px; font-weight:bold;}
.book_swiper3 .b_review {display:block; margin-top:22px; padding:20px; background:#f7f7f7;}
.book_swiper3 .b_review p {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:8;}
.book_swiper3 .b_review .reviewer {display:block; margin-top:12px;}

.align_right .book_swiper2 .txt_area {margin:0 20px 0 0;}
.align_right .book_swiper3 .txt_area {margin:0 40px 0 0;}
.align_right [class*="book_swiper"] .slick-prev {left:auto; right:0; background-image:url(/common/images/sub/arrow_next.png);}
.align_right [class*="book_swiper"] .slick-next {right:auto; left:0; background-image:url(/common/images/sub/arrow_prev.png);}


@media screen and (max-width:1024px){
   [class*="book_swiper"] .book_list {margin:10px -10px 0; padding:0;}
   [class*="book_swiper"] .book_list .slick-slide {padding:0 10px;}
   [class*="book_swiper"] [class^="section_tit"] {position:relative; padding:0 70px 0 0 !important;}
   [class*="book_swiper"] h4 {line-height:30px}
   [class*="book_swiper"] .pager {position:absolute; top:0; right:0; font-size:0;}
   [class*="book_swiper"] .pager .slick-arrow {display:inline-block; position:relative; top:auto; margin:0; width:30px; height:30px; font-size:0;}
   [class*="book_swiper"] .pager .slick-arrow + .slick-arrow {margin-left:10px;}
   [class*="book_swiper"] .slick-arrow.slick-disabled {opacity:.3}
   [class*="book_swiper"] .txt_area {margin-top:10px;}
   [class*="book_swiper"] .s_tit {font-size:13px; line-height:1.2;}
   .book_area.book_swiper2 {padding-top:30px;}

   .book_swiper3 .slick-list {padding-bottom:15px;}

   .book_swiper3 .inner {padding:0;}
   .book_swiper2 .book_list,
   .book_swiper3 .book_list {margin-top:12px; padding:0 40px;}
   .book_swiper2 .slick-list {margin:0;}
   .book_swiper2 .book_list a.inner,
   .book_swiper3 .book_list a.inner {display:block; padding:0;}
   .book_swiper2 .img_area,
   .book_swiper3 .img_area {float:left; margin-right:20px;}
   .book_swiper3 .img_area:after {bottom:-10px; width:8vw; height:8vw; min-width:40px; min-height:40px; max-width:72px; max-height:72px;}
   .book_swiper2 .txt_area,
   .book_swiper3 .txt_area {display:block; margin:0;}
   .book_swiper2 .b_name,
   .book_swiper3 .b_name {margin-top:5px; font-size:16px;}
   .book_swiper2 .b_writer,
   .book_swiper3 .b_writer {display:inline-block; font-size:13px;}
   .book_swiper2 .b_review,
   .book_swiper3 .b_review {margin-top:12px; padding:0; background:none; font-size:14px;}
   .book_swiper3 .b_review p {font-size:14px;}
   .book_swiper3 .b_review .reviewer {font-size:14px;}
   .book_swiper2 .slick-dots,
   .book_swiper3 .slick-dots {display:none !important;}

   .align_right .book_swiper2 .txt_area {margin:0 10px 0 0;}
   .align_right .book_swiper3 .txt_area {margin:0 20px 0 0;}
}


@media screen and (max-width:767px){
   .book .lang_box {padding:5px 0 0;}

   .book_swiper2 .img_area,
   .book_swiper3 .img_area {width:40%}
}

@media screen and (max-width:640px){
   .book_swiper2 .book_list,
   .book_swiper3 .book_list {padding:0;}
}


@media screen and (max-width:480px){
   .book_swiper2 .book_list a.inner,
   .book_swiper3 .book_list a.inner {position:relative;}
   .book_swiper2 .img_area,
   .book_swiper3 .img_area {float:none; margin:0; position:absolute; top:0; left:0;}
   .book_swiper2 .top_txt,
   .book_swiper3 .top_txt {padding-left:calc(40% + 12px); min-height:calc(40vw * 1.38);}
   .book_swiper2 .b_review {max-height:57px;}
}



/*북 상세*/

.bg_type01 {background:url(/common/images/sub/bg_type01.png)no-repeat center 0;}
[class^="section_tit"] .right {float:right;}
[class^="section_tit"] .right .sns_link {overflow:hidden; margin-bottom:0;}
[class^="section_tit"] .right .sns_link li {float:left; width:40px; height:40px;  font-size:0;margin:0 0 0 7px; }
[class^="section_tit"] .right .sns_link li a {font-size:0;display:block; background-image:url(/common/images/sub/sns_icon.png);background-repeat:no-repeat; width:100%; height:100%; transition:all 0.3s ease-in-out;}
[class^="section_tit"] .right .sns_link li:nth-child(1) a{background-position:0 0;}
[class^="section_tit"] .right .sns_link li:nth-child(2) a{background-position:-80px 0;}
[class^="section_tit"] .right .sns_link li:nth-child(3) a{background-position:-160px 0;}
[class^="section_tit"] .right .sns_link li:nth-child(4) a{background-position:-240px 0;}

[class^="section_tit"] .right .sns_link li:nth-child(1):hover a{background-position:0 -80px;}
[class^="section_tit"] .right .sns_link li:nth-child(2):hover a{background-position:-80px -80px;}
[class^="section_tit"] .right .sns_link li:nth-child(3):hover a{background-position:-160px -80px;}
[class^="section_tit"] .right .sns_link li:nth-child(4):hover a{background-position:-240px -80px;}

.book_detail {padding:30px 0 40px; }
.book_detail:after {display:block; clear:both; content:'';}
.book_detail .book_img {width:330px; float:left;}
.book_detail .book_img .img_area {width:100%; max-width:330px;margin-top:30px; }
.book_detail .book_img .img_area img {width:100%; }
.book_detail .book_img .book_info {}
.book_detail .book_img .book_info ul{margin:0 auto; width:90%; overflow:hidden; padding:10px 0 0;}
.book_detail .book_img .book_info ul li{color:#333;/*float:left;*/padding:0 20px;position:relative;font-size:16px;}
.book_detail .book_img .book_info ul li:before {content:'';display:inline-block; width:1px; height:20px; margin:0 10px;background:#ddd;position:absolute; top:3px;left:-10px;}
/* .book_detail .book_img .book_info ul li:first-child:before {display:none;} */
.book_detail .book_img .book_info ul li span{color:#999; margin:0 10px 0 0;font-size:16px;}
.book_detail .book_txt  {width:calc(100% - 330px);float:right; padding:20px 0 0 70px; box-sizing:border-box;}
.book_detail .book_txt .b_name {font-size:20px; line-height:27px;font-weight:300; color:#333;}
.book_detail .book_txt .a_name {font-size:22px; line-height:28px;}
.book_detail .book_txt .b_writer {color:#333; font-size:14px; margin-top:10px;}


.book_detail .book_txt .b_info {font-size:18px;; color:#666; line-height:27px;; margin-top:20px; max-height:350px; border:1px solid #ddd; padding:15px;padding-bottom:0;overflow-y:scroll;/*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:14;*/ }
.v_m {background:url('/common/images/sub/down_25.png')no-repeat; background-size:30px; width:30px;height:30px;margin:0 auto;text-align:center; display:block;}
.v_m.on{background:url('/common/images/sub/up_25.png')no-repeat; background-size:30px; width:30px;height:30px;margin:0 auto;text-align:center; display:block;}
.r_m{position:relative;margin-top:5px;clear:both;float:right; width:calc(100% - 400px);}
.r_m::before{position:absolute; content:'';width:100%;height:1px ; background:#ddd;left:0; top:50%;transform:translateY(-50%);z-index:-1;}

.view_middle {clear:both; margin-bottom:20px; }
.view_middle:after {display:block; clear:both; content:'';}
.view_middle .eb_download {border:1px solid #ddd; width:100%; box-sizing:border-box; padding:20px;margin-bottom:20px;}
.view_middle .small_tit {float:left; width:40%; font-size:20px; font-weight:600; color:#333; text-align:center;line-height:50px;}
.view_middle .eb_download a {border:1px solid #8f45e3; color:#8f45e3;  background:url(/common/images/sub/ic_download.png) no-repeat 90% center; text-align:center; width:250px; margin:15px 0 0 5px;margin-top:0; height:50px; line-height:48px; display:inline-block; box-sizing:border-box; padding:0 4% 0 0 }
.view_middle .eb_download a:nth-of-type(1) {margin:0 0 0 0; background-position:90% center; }

.view_middle .add_cart {border:1px solid #ddd; width:100%; box-sizing:border-box;  padding:20px; }
.view_middle .add_cart a {color:#fff; background:#8f45e3; height:50px; line-height:48px; text-align:center; font-weight:500; display:inline-block; width:510px; margin:15px auto 0; margin-top:0 }

.pop_confirmbox {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:51;}
.pop_confirmbox .pop_wrap {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; box-sizing:border-box;background-color:#fff;  border-radius:5px; max-width:500px; width:100%;height:auto;padding-bottom:30px;}
.pop_confirmbox .pop_wrap ul{display:flex; justify-content:space-between; margin-top:30px;padding:0 10px;box-sizing:border-box;}
.pop_confirmbox .pop_wrap ul li {flex-grow:1; width:100%; padding:0 5px;}
.pop_confirmbox .pop_wrap ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:60px; font-size:15px; padding:0 5px; font-weight:500; color:#fff; background-color:#8f45e3;word-break:normal; border-radius:10px; text-align:center; box-sizing:border-box; line-height:1.2}
.pop_confirmbox .pop_close{width:100%; height:35px; background:#8f45e3; color:#fff;text-align:right; padding-right:20px;}
.pop_confirmbox .no{text-align:center;margin:10px 0;}


/* 장바구니 추가 클릭시 - 코로나 사태로 장바구니 추가 안되게 알림 문구내역 띄우기 */
.pop_confirmbox3 {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:51;}
.pop_confirmbox3 .pop_wrap {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; box-sizing:border-box;background-color:#fff;  border-radius:5px; max-width:500px; width:100%;height:auto;padding-bottom:30px;}
.pop_confirmbox3 .pop_wrap ul{margin-top:30px;padding:0 10px;box-sizing:border-box;}
.pop_confirmbox3 .pop_wrap ul li{width:calc(50% - 5px);box-sizing:border-box;float:left;}
.pop_confirmbox3 .pop_wrap ul:active{display:block; clear:both; content:'';}
.pop_confirmbox3 .pop_wrap ul li:nth-child(1){margin-right:10px;}
.pop_confirmbox3 .pop_wrap ul li a{width:100%; font-size:16px;height:60px; font-weight:500; color:#fff; background-color:#8f45e3;word-break:break-all;border-radius:10px; display:inline-block;line-height:60px;text-align:center;}
.pop_confirmbox3 .pop_close{width:100%; height:35px; background:#8f45e3; color:#fff;text-align:right; padding-right:20px;}
.pop_confirmbox3 .no{text-align:center;margin:10px 0;}





.audio_area {box-sizing:border-box; width:100%; border:1px solid #ddd;  padding:30px 80px 50px;}
.audio_area .total_box {position:relative; padding:0 0 20px; margin:0 0 10px;}
.audio_area .total_box .small_tit {
    display:inline; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.audio_area .down_audio {display:inline-block ; width:100%; text-align:center; margin:0 auto; height:42px; line-height:38px; color:#8f45e3; border:1px solid #8f45e3; font-size:1rem; margin-top:10px; background:url(/common/images/sub/ic_download.png) no-repeat 95% center;  box-sizing:border-box; padding:0 20px 0 0; bottom:10px;}
.audio_area .sound_list {}
.audio_area .sound_list li{border-bottom:1px solid #999;}
.audio_area .sound_list li .audio_tit { padding:25px 0 25px 20px; box-sizing:border-box; border-bottom:1px solid #ddd}
.audio_area .sound_list li .audio_tit p {color:#333;}
.audio_area .sound_list li .sound_box {padding:20px 0}
.audio_area .sound_list li .sound_box iframe {height:120px; width:100%;}
.audio_area .sound_list li.download {text-align:center;}
.audio_area .sound_list .down_audio{display:inline-block ; width:120px; text-align:center; margin:0 auto; height:48px; line-height:48px; color:#8f45e3; border:1px solid #8f45e3; font-size:1rem; background:url(/common/images/sub/ic_download.png) no-repeat 74% center;}

.multiSounds__list {left:170px !important; }
.multiSounds__details {display:none !important;}


.wrap_review {margin-top:40px; padding:30px 0 40px;}
.wrap_review .wrap_list {margin-top:20px; padding:15px 40px; border:1px solid #e5e5e5;}
.wrap_review .wrap_list li {padding:24px 0; border-bottom:1px solid #e5e5e5}
.wrap_review .wrap_list li:last-child {border-bottom:none;}
.wrap_review .wrap_list .inner {width:auto;}
.wrap_review .wrap_list .tit {display:block; font-size:20px; font-weight:normal; color:#000;}
.wrap_review .wrap_list .reviewer {display:block; margin-top:12px; padding-left:100px; font-size:13px; background:url(/common/images/sub/stars.png) no-repeat 0 0 / auto 16px; line-height:16px;}
.wrap_review .wrap_list .conts_review {margin-top:20px; text-align:justify;}
.wrap_review .wrap_list .conts_review .conts {display:inline; margin-bottom:10px;}
.wrap_review .wrap_list .conts_review p,
.wrap_review .wrap_list .conts_review .ellip_txt {display:inline; color:#666; line-height:1.6; font-size:15px;}
.wrap_review .wrap_list .conts_review .conts.ellip p {display:none;}
.wrap_review .wrap_list .conts_review .more {display:inline-block; position:relative; text-decoration:underline; padding-right:16px; color:#8f45e3; font-weight:bold; font-size:0;}
.wrap_review .wrap_list .conts_review .more [class^="lab"] {font-size:14px;}
.wrap_review .wrap_list .conts_review .more .lab_close {display:none;}
.wrap_review .wrap_list .conts_review .more.hide {display:none;}
.wrap_review .wrap_list .conts_review .more:after {position:absolute; top:50%; right:0; width:12px; height:8px; margin-top:-2px; background:url(/common/images/common/arrow_purple01.png) no-repeat center / 100%; transition:.2s; content:''}
.wrap_review .wrap_list .conts_review.on p {display:block !important;}
.wrap_review .wrap_list .conts_review.on p + p {margin-top:1em;}
.wrap_review .wrap_list .conts_review.on .ellip_txt {display:none !important;}
.wrap_review .wrap_list .conts_review.on .more {margin-top:12px;}
.wrap_review .wrap_list .conts_review.on .more .lab_close {display:inline;}
.wrap_review .wrap_list .conts_review.on .more .lab_more {display:none;}
.wrap_review .wrap_list .conts_review.on .more:after {transform:rotate(180deg);}
.wrap_review .wrap_more {margin-top:15px; text-align:right;}
.wrap_review .wrap_more .link {display:inline-block; position:relative; padding:5px 20px 5px 0; font-size:16px; font-weight:bold}
.wrap_review .wrap_more .link:after {position:absolute; top:50%; right:0; width:12px; height:8px; margin-top:-3px; background:url(/common/images/common/arrow_purple01.png) no-repeat center / 100%; transform:rotate(-90deg); content:''}

.align_right .wrap_review .wrap_list .conts_review .more {padding:0 0 0 16px;}
.align_right .wrap_review .wrap_list .conts_review .more:after {right:auto; left:0;}
.align_right .wrap_review .wrap_list .reviewer {padding:0 100px 0 0; background-position:right 0;}
.align_right .wrap_review .wrap_more {text-align:left}
.align_right .wrap_review .wrap_more .link {padding-right:0; padding-left:20px;}
.align_right .wrap_review .wrap_more .link:after {right:auto; left:0; transform:rotate(90deg)}

@media screen and (max-width:1024px){
   .wrap_review {margin-top:20px; padding:15px 0 20px;}
   .wrap_review .wrap_list {margin:0 -20px; padding:0 20px; background:#f7f7f7; border:none;}
   .wrap_review .wrap_list .inner {padding:0;}
   .wrap_review .wrap_list .tit {font-size:16px; }
   .wrap_review .wrap_list .reviewer {margin-top:5px;}
   .wrap_review .wrap_list .conts_review {margin-top:12px; line-height:1.4;}
   .wrap_review .wrap_list .conts_review p,
   .wrap_review .wrap_list .conts_review .ellip_txt {font-size:14px; line-height:1.4;}
   .wrap_review .wrap_list .conts_review .conts {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; display:-ms-flexbox; display:box; text-align:justify; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
   .wrap_review .wrap_list .conts_review.on .conts {display:block; text-overflow:inherit; }
   .wrap_review .wrap_list .conts_review .more.hide {display:inline-block;}
   .wrap_review .wrap_more .link {font-size:14px}
}

/* PDF 다운로드 */
[class^="pdfDown_title"] {width:98%;height:auto;background:#EAC7C8;color:#fff;padding:14px;font-weight:600;border-radius:2px;}
.pdfDown_title  {margin-top:14px;}
.pdf_refer_button {display:block; text-align:center; margin-top:12px; clear: both}
.pdfDown_p      {line-height:26px;padding-top:80px;padding-left:10px;padding-right:10px;display:inline-block;text-align:justify;word-break:keep-all;}
.pdfDown_p2     {line-height:26px;padding-top:80px;padding-left:10px;padding-right:10px;margin-bottom:20px;display:inline-block;text-align:justify;word-break:keep-all;}
.pdfDown_p3     {line-height:26px;font-weight:600;text-align:center;margin-bottom:30px;word-break:keep-all;}

.pdfDown_img    {margin:20px auto;text-align:center;}
.pdfDown_box    {text-align:center;}
.pdfDown_box select {margin-top:30px;margin-bottom:10px;border-radius:50px; background:  url(/common/images/sub/arrow_down.png) no-repeat 90% center #f1f5f7; width:420px;height:46px; padding:0 40px 0 30px; color:#333; font-weight:bold; margin-right:30px;font-size:15px !important;}
.pdfDown_box select:last-child{margin-right:0;}

.pdfDown_button     {display:inline-block;text-align:center;width:212px;height:50px;line-height:50px;color:#fff;font-weight:600;font-size:14px;background:#8F45E3;}
.pdfDown_button_in  {display:block;margin-top:8px;}
#pdfDown_loading {transform:scale(0.5); text-align:center;margin-top:-30px;}

.pdf_leader_box,
.pdfDown_bottomBox {margin-top:40px; border-radius:20px;text-align:center;}

.pdf_leader_box {background:#f7f7f7; padding:30px 20px;}
.pdf_leader_box strong {font-weight:500; line-height:1.6;}
.pdf_leader_box .emph {color:#8F45E3;}
.pdf_leader_box .list_reader {margin-top:30px; font-size:0;}
.pdf_leader_box li {display:inline-block; padding:12px;}
.pdf_leader_box .lab {display:block; margin-top:5px; font-size:16px; font-weight:400;}

.pdfDown_bottomBox  {background:#F1F5F7;padding:0 10px;}
.pdfDown_bottomBox  .pdfDown_p3{height:26px;padding-top:30px;}
.pdfDown_bottomBox  img{display:block; max-width:100%; margin:0 auto;}

@media screen and (max-width:1000px){
   .pdf_leader_box .list_reader {display:flex; width:100%; justify-content:space-around;}
   .pdf_leader_box li {width:20%; padding:12px 8px; box-sizing:border-box;}
   .pdf_leader_box .lab {font-size:14px;}
}
@media screen and (max-width:600px){
   .pdf_leader_box .list_reader {flex-wrap:wrap; justify-content:center}
   .pdf_leader_box li {width:33.333%; padding:8px;}
   .pdf_leader_box .list_reader:not:has(i) img {width: 100%}
   .pdf_leader_box .list_reader li:not(:has(i)) {width: 100%}
   .pdf_leader_box .list_reader:not(:has(i)) {flex-direction: column}
}

/*sermons 설교*/
.subj_toggle {}
.subj_toggle li{}
.subj_toggle .subj_tit{ border-bottom:1px solid #ddd;box-sizing:border-box; padding:25px 80px 25px 20px; background:url(/common/images/sub/arrow_down.png) no-repeat 95% center; }
.subj_toggle .subj_tit strong {color:#333; font-weight:normal;  }
.subj_toggle .subj_tit.open {border-bottom:1px solid #8f45e3; background-image:url(/common/images/sub/arrow_up.png);}
.subj_toggle .subj_tit.open strong {color:#8f45e3; font-weight:700; }
.faq_st .subj_toggle .subj_tit.open{border-bottom:1px solid #8f45e3; background-image:url(/common/images/sub/enter_plus.png);}


.subj_toggle .subj_tit04{ border-bottom:1px solid #ddd;box-sizing:border-box; padding:25px 80px 25px 20px; background:url(/common/images/sub/arrow_down.png) no-repeat 95% center; }
.subj_toggle .subj_tit04 strong {color:#333; font-weight:normal; word-break: break-all; }
.subj_toggle .subj_tit04 h2 { word-break: break-all; }
.subj_toggle .subj_tit04.open {border-bottom:1px solid #8f45e3; background-image:url(/common/images/sub/arrow_up.png);}
.subj_toggle .subj_tit04.open strong {color:#8f45e3; font-weight:700; }

.subj_toggle .subj_tit06{ border-bottom:1px solid #ddd;box-sizing:border-box; padding:25px 80px 25px 20px; background:url(/common/images/sub/arrow_next.png) no-repeat 95% center; }
.subj_toggle .subj_tit06.open {border-bottom:1px solid #8f45e3; background-image:url(/common/images/sub/arrow_next.png);}

.subj_toggle .subj_con {display:none; box-sizing:border-box; padding:25px 0;height:auto;}
.subj_toggle .subj_con ul li{position:relative; padding:0 0 0 50px;line-height:34px; }
.subj_toggle .subj_con ul li:before {content:''; width:16px; height:1px; background:#8f45e3; display:block; position:absolute; top:50%; left:20px; opacity:0; transform:translateY(-50%);}
.subj_toggle .subj_con ul li a{color:#999; }
.subj_toggle .subj_con ul li:hover a{color:#333; }
.subj_toggle .subj_con ul li:hover:before {opacity:1;}


/* sermons view*/
.border_view {font-size:20px; }
.border_view img {display: block}
.border_view .tit {font-size:20px; padding:20px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.border_view .tit p,.border_view .tit h1{font-size:26px;color:#333; padding:0 0 30px; display:inline-block;line-height:34px;font-weight:700;}
.border_view .tit0413 p {font-size:21px; line-height:28px; padding:0;}

/*p에서 h3로 변경함으로 추가된 코드*/
.border_view .tit h3{font-size:26px;color:#333; padding:0 0 30px; display:inline-block;line-height:34px;font-weight:700;}
.border_view .tit0413 h3{font-size:21px; line-height:28px; padding:0;}

.border_view .tit0413 h1 {font-size:24px;font-weight:bold;line-height:1.7;}
.border_view .tit .border_views {color:#999; float:right;}
.border_view .con { padding:30px 20px 30px 20px; min-height:200px;}
.border_view .con img {max-width:100%; height:auto}
.border_view .con p {color:#666; margin-bottom:25px; }
.border_view .con p:last-child {margin-bottom:0;}
.border_view .move_page {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.border_view .move_page li {display:flex; border-bottom:1px solid #ddd; height:50px; line-height:50px; overflow:hidden;}
.border_view .move_page li:last-child {border-bottom:none;}
.border_view .move_page li > strong {display:inline-block; min-width:120px; flex-shrink:0; padding:0 0 0 20px; box-sizing:border-box;}
.border_view .move_page li > p {flex-grow:1; width:calc(100% - 120px); color:#999;}
.border_view .top{border-top:1px solid #333;padding-top:20px;}
.border_view .top strong{font-size:18px; font-weight:400;}
.border_view .bfo{position:relative;}
.border_view .bfo::before{content:''; display:inline-block; height:10px; width:1px ; background:#ddd; margin:0 10px;}
.btn_box {margin:40px 0 0; text-align:center; }
.btn_box button {border-radius:5px; width:280px; height:54px;}
.btn_purp{background:#8f45e3; color:#fff;}

/* What's the Gospel? */
.bstudy_gospel .text_area {padding:30px 0 0 0;}
.bstudy_gospel .text_area p {font-size:18px; line-height:27px;; color:#666;text-align:justify;}
.bstudy_gospel .text_area .txt + .txt {margin:25px 0 0 0;}
.bstudy_gospel .text_area .blue_box {margin:35px 0; box-sizing:border-box; width:100%; padding:20px 60px 25px 50px; background-color:#f3f7fa;}
.bstudy_gospel .text_area .blue_box02 {overflow:hidden;}
.bstudy_gospel .text_area .blue_box02 strong {display:block; float:left; width:130px; font-size:1.125rem; font-weight:600; color:#dab866;}
.bstudy_gospel .text_area .blue_box02 ul {float:left; width:calc(100% - 130px);}
.bstudy_gospel .text_area .blue_box02 ul li {font-size:1rem; line-height:1.8; color:#666;}
.bstudy_gospel .text_area .blue_box03 ul li {overflow:hidden; margin:20px 0 0 0;}
.bstudy_gospel .text_area .blue_box03 ul li:first-child {margin:0;}
.bstudy_gospel .text_area .blue_box03 ul li span {float:left; display:block; width:130px; font-size:1rem; line-height:1.8; color:#999;}
.bstudy_gospel .text_area .blue_box03 ul li p {float:left; text-align:left; width:calc(100% - 130px); font-size:1rem; line-height:1.8; color:#333;}
.bstudy_gospel .text_area .img_area {overflow:hidden; margin:0 0 40px;}
.bstudy_gospel .text_area .img_area .img_box {float:left; position:relative; width:380px; margin:0 20px 0 0;}
.bstudy_gospel .text_area .img_area .img_box img {max-width:100%;}
.bstudy_gospel .text_area .img_area .txt_box {float:left; width:calc(100% - 400px);}
.bstudy_gospel .text_area .img_area02 {margin:30px 0 40px;}
.bstudy_gospel .text_area .img_area02 .img_box {float:right; margin:0 0 0 20px;}
.bstudy_gospel .text_area .img_area02 .txt_box {float:right;}

/*bibical terms*/
.bibical_terms [class^="section_tit"] {padding:0 0 30px;}
.bibical_terms [class^="section_tit"] h2{padding-bottom:0;}
.bibical_terms [class^="section_tit"] .mini_tit {font-size:16px; color:#999; margin-top:7px;}
.subj_toggle .subj_con .txt {color:#666; line-height:28px; padding:0 80px 0 30px;}
.subj_toggle .subj_con div span{font-size:18px !important; line-height:27px !important;}

/*faq*/
.tab_type2 li {width:calc(100%/4); height:50px; line-height:50px;}
.tab_type2 li a {font-size:16px;}
.tab_type2 li.active a {line-height:45px;}

/*tabernacle study*/
.tabernacle .text_box {background:#f3f7fa; box-sizing:border-box; padding:50px 100px 70px; margin:0 0 30px;}
.tabernacle .text_box ul li.img img {display:block; max-width:100%; margin:0 auto;}

.tabernacle .text_box ul li:first-child {padding-top:0;}
.tabernacle .text_box ul li {clear:both; color:#666; line-height:28px; padding-top:30px;letter-spacing:0; text-align:justify; /*0721추가*/word-break:break-word}
.tabernacle.privacy .text_box ul li {text-align:left}
.tabernacle .subj_toggle .subj_tit{background-image:url(/common/images/sub/arrow_next.png); background-size:30px}


/*tabernacle study view*/
.view_type2 {padding:40px 0; border-bottom:1px solid #ddd;}
.view_type2 .img_box {max-width:350px; margin:0 auto;}
.view_type2 img {text-align:center; max-width:100%; margin:0 auto; text-align:center; height:auto !important;}
.view_type2 .txt_area {padding:15px;}
.view_type2 .color_box {background:#f3f7fa; padding:30px 50px; box-sizing:border-box; margin:30px 0 0; cursor:pointer;}
.view_type2 .color_box:after {display:block; content:''; clear:both;}
.view_type2 .color_box strong {color:#dab866; font-size:18px;  width:170px; float:left;}
.view_type2 .color_box .txt {width:calc(100% - 170px); float:right; }
.view_type2 .color_box p {color:#333; line-height:2;}
.view_type2 .color_box p:nth-child(2) {color:#999;}
.view_type2 .txt_area *{letter-spacing:normal;font-family:initial;font-size:revert;margin:revert; padding:revert;list-style:disc;}
.view_type2 .txt_area em{font-style:italic;}


/*tabernacle study view2*/
.tabernacle_view .view_type2 {padding:0 0 40px;}
.view_type2 .tit_box{padding:23px 15px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.view_type2 .tit_box:after {display:block; clear:both; content:'';}
.view_type2 .tit_box strong {font-size:19px;width:auto; max-width:190px; float:left;line-height:26px; position:relative;}
.view_type2 .tit_box strong::after{position:absolute; content:''; width:1px ; height:50px; background:#ddd; right:-10px;top:50%;transform:translateY(-50%);}
.view_type2 .tit_box .txt p, .view_type2 .tit_box .txt h1 {font-size:1.25rem; font-weight:normal;  float:left; color:#333;padding-left:30px;width:70%;}
.c_ylw {color:#dab866;}
.c_hpink {color: #ec4c70}
.btns {text-align:center; margin-top:30px; clear:both;}
.btns button { box-sizing:border-box; padding:0 15px; min-width:240px; height:54px; font-weight:700; margin:0 2px; border-radius:5px; text-transform:uppercase; vertical-align:top; font-size:16px;}
/* .btn_purp {width:50%;} */
.btn_wh {background:#fff; color:#666; border:1px solid #999;}
.lastcheck{
    width:100% !important;
    padding:20px;
    text-align:center;
    border:1px solid #8f45e3;;
    box-sizing:border-box;
}
.lastcheck p{
    font-size:18px;
    color:#8f45e3; }


/*검새결과*/
.search_result{margin-bottom:60px;}
.search_result .select_box_top {width:100%;margin-bottom:20px;}
.search_result .select_box_top select{width:98%;display:inline-block;margin:10px 10px;float:left;background:#fff url(/common/images/sub/arrow_lnb.png) no-repeat 94% center;padding:10px;height:60px; font-weight:400; border:1px solid #ddd;font-size:16px; color:#333;}
.search_result .select_box{background:#f4f4f4; padding:10px;border:1px solid #ddd;margin-bottom:20px;margin-bottom:20px;}
.search_result .select_box select{ width:25%;display:inline-block;margin-right:20px;float:left;background:#fff url(/common/images/sub/arrow_lnb.png) no-repeat 94% center;padding:10px;height:60px; font-weight:400; border:1px solid #ddd;font-size:16px; color:#333;}
.search_result .select_box input{float:left; box-sizing:border-box;width:50%; display:inline-block;margin-right:20px;height:60px; line-height:60px; color:#333; border:1px solid #ddd;padding:10px;font-size:16px;font-weight:400;}
.search_result .select_box button { width:calc((100% - 75%) - 40px);display:inline-block;background:#333;text-align:center;color:#fff;height:60px; line-height:60px; }
.search_result .select_box button img{vertical-align:middle;}
.search_result .but_box{ clear:both; display: grid;grid-template-columns: repeat(4, 1fr); gap: 0.75rem; padding: 1rem; background: #f5f5f5; border-radius: 1rem;}
.search_result .but_box button{padding: 0.5rem 1rem; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); font-size: 1rem; text-align: left;background: white;display: flex; gap: 0.5rem; border-radius: 1rem; letter-spacing: -0.03em; justify-content: space-between; align-items: center; }
.search_result .but_box button.on{background:black; color:#fff;border-color:#565ddf;}
.search_result .but_box button span {font-size: 90%; }
.search_result .but_box button span.count {color: #999;font-weight: 500;}
.search_result .but_box button.on span.count {color: white}
.search_result::after{clear:both; display:block; content:'';}
.search_result .search_box{
   --border-color: #ddd;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 1rem;
   border-radius: 3rem;
   border: solid 2px var(--border-color);
}
.search_result .search_box select { background: transparent url(/common/images/sub/arrow_lnb.png) no-repeat 94% center; width: 200px; padding: 1rem 1.5rem; border-right: solid 1px var(--border-color)}
.align_right .search_result .search_box select { border-left: solid 1px var(--border-color); border-right: none }
.search_result .search_box input { background: none; flex: 1; padding: 1rem 1rem; border: none}
.search_result .search_box button { width: 70px; }

/*검색-뉴디자인*/
.search_result .select_box_top {box-sizing:border-box;overflow:hidden;background:#f4f4f4; padding:15px;border:1px solid #aaaaaa;}
.search_result .select_box_top select{display:inline-block;margin:0 15px 0 0;float:left;background:#fff url(/common/images/sub/arrow_lnb.png) no-repeat 94% center;padding:10px;height:60px; font-weight:400; border:1px solid #ddd;font-size:16px; color:#333;}
.search_result .select_box_top select:nth-child(1){width:25%;}
.search_result .select_box_top select:nth-child(2){width:25%;}
.search_result .select_box_top input {float:left; box-sizing:border-box; width:calc((100% - 50%) - 105px);display:inline-block;margin-right:15px;height:60px; line-height:60px; color:#333; border:1px solid #ddd;padding:10px;font-size:16px;font-weight:400;}
.search_result .select_box_top button {float:left; width:60px;display:inline-block;background:#333;text-align:center;color:#fff;height:60px; line-height:60px;}
.search_result .select_box_top button img{vertical-align:middle;}
.search_result .select_box{box-sizing:border-box;background:#f4f4f4; padding:10px;border:1px solid #ddd;margin-bottom:20px;margin-bottom:20px;}

.search_result .select_box select{ width:25%;display:inline-block;margin-right:20px;float:left;background:#fff url(/common/images/sub/arrow_lnb.png) no-repeat 94% center;padding:10px;height:60px; font-weight:400; border:1px solid #ddd;font-size:16px; color:#333;}
.search_result .select_box input{float:left; box-sizing:border-box;width:50%; display:inline-block;margin-right:20px;height:60px; line-height:60px; color:#333; border:1px solid #ddd;padding:10px;font-size:16px;font-weight:400;}
.search_result .select_box button { width:calc((100% - 75%) - 40px);display:inline-block;background:#333;text-align:center;color:#fff;height:60px; line-height:60px; }
.search_result .select_box button img{vertical-align:middle;}

/*Messages from Us*/

.total_box .total_right{float:right;}
.total_box .total_right .search_box {border: solid 1px #ddd; border-radius: 0.5rem; display: flex; height:46px; position: relative}
.total_box .total_right .search_box select {width:120px; background:url(/common/images/sub/arrow_down.png) no-repeat 90% center; font-size:14px; color:#333; box-sizing:border-box; padding:0 1rem; border-right: solid 1px #ddd}
.total_box .total_right .search_box input {border:none; box-sizing:border-box; padding: 0 1rem; background: transparent}
.total_box .total_right .search_box button {font-size:0;background:url(/common/images/sub/ic_seach.png)no-repeat 0 0; width:25px; height:25px; position:absolute; top:50%; transform:translateY(-50%); right:20px;}
.message_list > li{border-bottom:1px solid #ddd; box-sizing:border-box; padding:25px 15px; min-height:140px; cursor:pointer;}
.message_list > li:after {display:block; content:''; clear:both;}
.message_list > li:nth-child(2n) {background:#f6f6f6;}
.message_list li .tit_area {padding:0 0 10px;}
.message_list li .tit_area em,.message_list li .tit_area h2{font-size:1.25rem;font-weight:normal; line-height:27px; color:#333; }
.message_list li .tit_area span{font-size:22px; line-height:27px; color:red; }
.message_list li .tit_area .date{float:right; color:#666; line-height:35px;font-size:16px;}
.message_list li .tit_area .date .views{ color:#999;font-size:16px; }
.message_list li .tit_area .date .views:before { height:10px; width:1px; background:#ddd; display:inline-block; content:'';  margin:0 10px;}
.message_list li .tit_area .con_ul {display: flex; justify-content: flex-end; align-items: center; gap: 0.5rem; flex-wrap: wrap;}
.message_list .item {
   border: solid 1px #eee;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
   padding: 2rem;
   background: white !important;
   margin: 2rem 0;
   min-height: auto;
   border-radius: 1rem;
}
.message_list .item.item-one {
   padding: 0;
   border: none;
   box-shadow: none;
}
.message_list .item .info {
   display: flex;
   margin: 0 0 2rem 0;
   justify-content: space-between;
   align-items: center;
   transition: 0.5s;
}
.message_list .item .info.close {
   margin: 0;
}
.message_list .item .info .title {font-size: 1.25rem; font-weight: 600; letter-spacing: 0.03em; text-align: left}
.message_list .item.item-none .info {
   margin: 0;
}

.message_list .item.item-one .info::after,
.message_list .item.item-none .info::after {
   display: none;
}
.message_list .item .info::after {
   display: inline-block;
   width: 13px;
   height: 8px;
   background: url(/common/images/common/arrow02.png) no-repeat center / 13px auto;
   transition: .2s;
   content: '';
   transform: rotate(-180deg);
}
.message_list .item .info.close::after {
   transform: rotate(0);
}

.message_list .item .subList > li {border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 25px 15px; min-height: 140px;}
.message_list .item .subList > li:nth-child(2n) {background: #f6f6f6;}
.message_list .item .subList > li:first-child {border-top: 1px solid #ddd;}
.message_list .item .subList .sub-more {background: transparent !important; border-bottom: none; padding-bottom: 0; min-height: 0; display: flex;justify-content: center;}
.message_list .item .subList .sub-more a {padding: 1rem 2rem; background: black; color: white; border-radius: 5rem; min-width: 10rem; text-align: center}

.message_list li p.txt {color:#666;font-size:1rem;line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; display:-ms-flexbox; display:box;/* word-break:break-all; word-break:break-all;*/text-align:justify; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:auto;}/*0721수정*/
.message_list li .img_box {max-width:240px; height:210px; float:left;margin-right:20px; overflow:hidden;}
.message_list li .img_box img { width:auto; height:100%;}
.message_list li .img_box + .tit_area {overflow:hidden;}

/*Messages from coworkers*/

.btn_blue {background:#565cde; color:#fff;}
.post_area {border-radius: 2rem; background: #fffaf0; min-height: 150px; box-sizing:border-box; padding:30px 50px; position:relative; margin:20px 0 30px;}
.post_area p{font-size:18px; line-height:25px;color:#666;/* width:calc(100% - 240px); */width:66%;margin:0 auto 0 0;}
.post_area p span{font-weight:bold; font-size:18px;line-height:25px;} /* 1.125rem */
.post_area .btn_post {box-sizing:border-box;position:absolute; top:50%; transform:translateY(-50%);word-break:break-all;right:50px; width:auto; min-width:180px;padding:0 10px; height:100px; font-weight:bold; background:url(/common/images/sub/ic_post.png)no-repeat center 16px #565cde; color:#fff; border-radius:10px; text-align:center; line-height:145px; font-size:18px; cursor:pointer;}
.newest {background:#565cde; box-sizing:border-box; padding:40px 0; overflow:hidden; margin:0 0 60px; border-radius: 1rem}
.newest .img_box {max-width:280px; height:285px;width:280px; position:relative;float:left;overflow:hidden;text-align:center;}
.newest .img_box img {max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.newest .txt_box {width:calc(100% - 280px); float:right; box-sizing:border-box; padding:0 0 0 0px; color:#fff;}
.newest .txt_box h3,.newest .txt_box h2 {font-size:22px; padding:20px 0;}
/*.newest .txt_box p {font-size:18px; line-height:25px; margin-bottom:20px; text-align:justify;overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:keep-all; -webkit-box-orient:vertical; -webkit-line-clamp:7; display:-webkit-box; display:-ms-flexbox; display:box; height:auto;}*/
.newest .txt_box p {font-size:18px; line-height:25px; margin-bottom:20px; text-align:justify;overflow:hidden; vertical-align:top; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:7; display:-webkit-box; display:-ms-flexbox; display:box; height:auto;}
.newest .con_ul li.date {color:#fff;margin-left:15px;}
.newest .con_ul li.views {color:#fff;}
.con_ul{}
.con_ul:after {display:block; content:''; clear:both;}
.con_ul li {float:left; font-size:16px;}
.con_ul li:before {content:''; width:1px; height:10px; background:#ddd; display:inline-block; margin:0 10px;}
.con_ul li:first-child:before, .coworker .con_ul li.date:before {display:none;}
.con_ul li.date {float:right; color:#999; position:relative;}
.con_ul li.date span.views{font-size:16px;}
.con_ul li.date span.views:before {content:''; width:1px; height:10px; background:#ddd; display:inline-block; margin:0 10px; }
.con_ul li.contry {color:#666;}
.con_ul li.contry span.auther {color:#666; font-size:14px; float:right; line-height:20px}
/*.con_ul li.views {color:#999; float:right;}*/


.message_img_list {}
.message_img_list:after {display:block; content:''; clear:both;}
.message_img_list > li {padding:30px 15px 20px; border-bottom:1px solid #ddd; overflow:hidden; cursor:pointer;}
.message_img_list > li:nth-child(2n) {background:#f6f6f6}
.message_img_list li .img_box {max-width:240px; height:210px; float:left;overflow:hidden;position:relative;}
.message_img_list li .img_box img {width:auto; height:100%;left:50%; top:50%; transform:translate(-50%,-50%);position:absolute; border-radius: 0.5rem}
.message_img_list li .tit_area {float:right; width:calc(100% - 240px); box-sizing:border-box; padding:0px 0 0 40px; }
.message_img_list li .tit_area em,.message_img_list li .tit_area h2 {font-size:1.2rem;font-weight:normal; line-height:27px;color:#333; padding-bottom:5px; display:block;}
.message_img_list li .tit_area p.txt {color:#999; font-size:1rem; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; display:-ms-flexbox; display:box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; height:100px;margin-bottom:25px; text-align:justify}

.newest .con_ul li:before  {background:#fff;}

/*20200722_일련번호*/
.message_list strong.num {color:#999; font-size:16px; display:block; margin:0 0 5px; font-weight:normal}
.message_img_list li .tit_area  strong.num {font-size:1rem; color:#999; display:block; margin:0 0 5px;font-weight:normal }
.video_list .txt_area  strong.num {font-size:1rem; color:#999; display:block; margin:0 0 5px; font-weight:normal}

/*/*Messages from coworkers view*/
.coworker .border_view .tit {padding:20px;}
.border_view .tit .con_ul li {font-size:18px;}
.border_view .tit .con_ul li span {font-size:18px;}
.border_view .tit .con_ul li span:before {content:''; display:inline-block; height:10px; width:1px ; background:#ddd; margin:0 10px;}
.border_view .tit .con_ul li:before  {background:#ddd; margin:0 15px;}
.border_view .tit .con_ul li.contry {color:#666;}
.border_view .tit .con_ul li.contry {color:#666;}
/* .border_view .con .img_box{max-width:460px; margin-top:20px; text-align:center; box-sizing:border-box;} */
.border_view .con .img_box{margin-top:20px; text-align:center; box-sizing:border-box;}
/* .border_view .con .img_box img{ width:100%; height:auto;} */
.border_view .con .img_box img{height:auto;}
/*
.border_view .con .txt_box {margin-top:20px; word-break:break-all;}
*/
/*0721수정*/

.border_view .con .txt_box {margin-top:20px;}

.border_view .con .txt_box iframe{max-width:100%;}
.border_view .con .txt_box img{max-width:100%;height:auto;}


/*첨부파일*/

.file_box {position:relative; float:left; }
.file_box:after {display:block; clear:both; *zoom:1; content:'';}
.file_box label {float:left;display:block;width:180px;height:46px;line-height:46px;font-weight:700;color:#565cde; text-align:center;cursor:pointer;font-size:16px;background:#fff; border:1px solid #565cde; border-radius:30px; box-sizing:border-box;}
.file_box input[type="file"] {display:none; position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.file_box .upload_name {display:block; float:left; overflow:hidden; width:380px; height:40px;  text-overflow:ellipsis; white-space:nowrap; word-break:break-all; margin:0 0 0 10px; background:#fff; color:#666; border:none;}

/*
.file_box_alert {position:absolute;left:190px;margin-left:10px;color:blue;width:175px;}
*/
.file_box_alert {float:left;margin-left:10px;color:blue;width:90%;margin-top:5px;}

/*Messages coworkers write 작성*/
.input_table td .wd_100 input , .input_table td .wd_100 textarea {width:100%;}
.input_table td .lang_box select{font-weight:normal;}
textarea {background:#f1f5f7; border-radius:23px; border:none; min-height:160px; box-sizing:border-box; padding:20px 30px;}



/*book review  */
.btn_ylw{background:#ffbd3f; color:#fff; padding:0 20px;}
.review .post_area .btn_post {background:url(/common/images/sub/ic_post_review.png)no-repeat center 16px #ffbd3f; background-size:40px;}
.review .tit_area .txt {margin-bottom:20px;margin-top:10px;}
.review .message_list li p.txt{-webkit-line-clamp:4; text-align: left; letter-spacing: -0.03em}
.review .con_ul li.views {float:right; color:#999;}
.review .con_ul li.date:before {display:none;}
.review .con_ul li.date span.views {}


/*book review 작성 */
.review_write .fb_area {border:none; padding:0;}
.review_write .fb_area .fb_box button {float:left; height:46px;}
.review_write .fb_area .fb_box .ip_box {position:relative; width:380px; overflow:hidden;}
.review_write .fb_area .fb_box .ip_box:after {display:block; clear:both; content:'';}
.review_write .fb_area .fb_box .ip_box input {width:380px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 50px 0 30px;}
.review_write .fb_area .fb_box .ip_box .ic_x {position:absolute; top:13px; right:10px; width:20px; height:20px; background:url(/common/images/sub/ic_x.png)no-repeat center rgba(0,0,0,0.7);  border-radius:50%; font-size:0;}

/*book review 상세*/
.review .book_detail {padding:20px; border:1px solid #ddd;}
.review .book_detail .book_img {width:150px;}
.review .book_detail .book_txt {width:calc(100% - 150px); padding:15px 0 0 30px;}
.review .book_detail .s_tit {font-size:14px; color:#dab866; font-weight:700; line-height:30px; margin-bottom:10px;}

.review .book_detail .book_txt .book_info ul{}
.review .book_detail .book_txt .book_info ul li{color:#333; float:left; position:relative;font-size:16px;}
.review .book_detail .book_txt .book_info ul li:nth-child(2){margin:0 0 0 20px; padding:0 0 0 20px;}
.review .book_detail .book_txt .book_info ul li:nth-child(3){margin:0 0 0 20px; padding:0 0 0 20px;}
.review .book_detail .book_txt .book_info ul li:nth-child(2):before {content:'';display:inline-block; width:1px; height:20px; margin:0 10px;background:#ddd;position:absolute; top:3px;left:-10px;}
.review .book_detail .book_txt .book_info ul li:nth-child(3):before {content:'';display:inline-block; width:1px; height:20px; margin:0 10px;background:#ddd;position:absolute; top:3px;left:-10px;}
.review .book_detail .book_txt .book_info ul li span{color:#999; margin:0 10px 0 0;font-size:16px;}


/*video/*/
.video .post_area .btn_post {background:url(/common/images/sub/ic_video.png) no-repeat center 16px #ec4c70;background-size:40px;}
.video .post_area {background: #fff6f8;}
.video .post_area .c_ylw {color: #ec4c70}
.btn_red {color:#fff; background:#ec4c70;}
.border_view .con .video_box{ position:relative;height:0;padding-bottom:56.25%;width:100%; text-align:center;}
.border_view .con .video_box iframe{width:100%;  position:absolute;top:0;left:0;width:100%;height:100%;}
.border_view .con .video_box img{max-width:100%;}
.video_list {padding:30px 0 0;}
.video_list:after  {display:block; content:''; clear:both;}
ul.video_list {--gap-size: 1.5rem; display: flex; gap: var(--gap-size); flex-wrap: wrap; }
.video_list > li {width: calc(50% - var(--gap-size) / 2); background: #f7f7f7; box-sizing:border-box; float:left; box-shadow: 1px 1px 3px rgba(0,0,0,0.25)}
.video_list > li .video_area {/*max-width:460px; */width:100%; position:relative;  width:100%;height:0;padding-bottom:56.25%; }
.video_list > li .video_area .bg {width:100%; height:100%;/* background:url(/common/images/sub/ic_play.png) no-repeat center /*rgba(0,0,0,0.7);*/ position:absolute; top:0; left:0; opacity:1;z-index:9;}
.video_list > li .video_area img {width:100% !important;}
.video_list > li .txt_area {padding: 1.5rem 1rem }
.video_list > li .txt_area p,.video_list > li .txt_area h2 {color:#333; margin:0 0 5px; font-size:22px; line-height:27px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.video_list > li iframe{  position:absolute;top:0;left:0;width:100%;height:100%;}



/*Our Gospel Songs*/
.gospel .top_box {border:1px solid #ddd; padding:60px 80px 70px 100px; box-sizing:border-box;}
.gospel .top_box strong {color:#333; font-size:22px; line-height:30px;display:block; padding:0 0 10px;}
.gospel .top_box p {padding:10px 0; font-size:18px; line-height:26px;color:#666;}
.gospel .lang_box {padding:30px 0; display:inline-block;}
.gospel .song_toggle{border-bottom:1px solid #ddd;padding-bottom:30px}
.gospel .song_toggle > li.song_name {box-sizing:border-box; padding:20px 10px;}
.gospel .song_toggle li.song_name:after {display:block; content:''; clear:both;}
.gospel .song_toggle li.song_name h3 {display:block; margin:0 0 10px; font-size:22px;  }
.gospel .song_toggle li.song_name .bt {overflow:hidden;}
.gospel .song_toggle li.song_name .info {float:left;}
.gospel .song_toggle li.song_name .info { overflow:hidden;}
.gospel .song_toggle li.song_name .info li{float:left; font-size:1rem;}
.gospel .song_toggle li.song_name .info li:before {display:inline-block; content:''; width:1px; height:8px; margin:0 10px; background:#ddd;}
.gospel .song_toggle li.song_name .info li:first-child:before {display:none;}
.gospel .song_toggle li.song_name .info li span {color:#999; margin-right:10px;font-size:16px;}
.gospel .song_toggle li.song_name .info li em {color:#333;font-size:16px;}
.gospel .song_toggle li.song_name .right_c {float:right;}
.gospel .song_toggle li.song_name .right_c span {color:#999; font-weight:500; font-size:0.875rem; margin-right:20px;}
.gospel .song_toggle li.song_name .right_c a {width:70px; height:30px; line-height:26px; display:inline-block; box-sizing:border-box; text-align:center; font-size:0.875rem; border-radius: 5px;}
.gospel .song_toggle li.song_name .right_c a.gif {color:#565cde; border:1px solid #565cde}
.gospel .song_toggle li.song_name .right_c a.pdf {color:#ec4c70; border:1px solid #ec4c70}
.gospel .song_toggle li.aco {margin-bottom:10px; }
.gospel .song_toggle li.aco, .gospel .song_toggle li.video {background:#f1f5f7; border-radius:5px; }
.gospel .song_toggle .aco_tit {box-sizing:border-box; padding:20px 80px 20px 30px; background:url(/common/images/sub/arrow_down.png) no-repeat 95% center; cursor:pointer;}
.gospel .song_toggle .aco_tit strong { font-weight:normal; font-size:1rem; color:#333; }
.gospel .song_toggle .aco_con {padding:0 30px 30px; display:none;}
.gospel .song_toggle .aco_con iframe { width:100%;}
.gospel .song_toggle .aco_tit.open {background-image:url(/common/images/sub/arrow_up.png);}
.gospel .top_box .text_left{width:75%;float:left;}
.gospel .top_box .go_img_box {float:right; width:20%; text-align:center;}
.gospel .top_box .go_img_box img{width:100%;max-width:220px; }
.video_slide .slick-slide {margin:0 5px; }
.video_slide .slick-slide .slide{position:relative;}
.video_slide .slick-slide .slide iframe{width:920px; height:531px;}
.video_slide .slick-slide .slide::after{content:'';position:absolute; width:100%; height:100%; background:url(/common/images/sub/ic_play.png) no-repeat center /*rgba(0,0,0,0.7)*/; top:0; left:0; opacity:1;}

.video_slide .slick-arrow {width:20px; height:20px; transform:translateY(-50%); z-index:10; position:absolute; font-size:0;top:50%;}
.video_slide .slick-prev { background:url(/common/images/sub/slide_prev.png)no-repeat 0 0; left:15px;}
.video_slide .slick-next { background:url(/common/images/sub/slide_next.png)no-repeat 0 0; right:15px;}

.video_slide .slick-track{width:100% !important; transform:none !important;}
.video_slide .slick-initialized .slick-slide {float:none!important;; width:100%!important;; height:100%!important;;}
.video_slide .slick-slide{float:none!important;; }
.video_slide .iframe_box{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
    margin-bottom:15px;
}
.video_slide .iframe_box iframe {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}


/*about_us*/
.main_about {width:100%; background:#d8ebf5 url(/common/images/sub/bg_about.png) no-repeat right 0 / contain;}
.main_about > div {box-sizing:border-box; width:67%; padding:50px 70px 190px 100px; background-color:rgba(255,255,255,0.9);}
.main_about p , .main_bt p {color:#666; line-height:27px;; font-size:18px; text-align:justify;}
.main_bt {background:#fff; top:-100px; width:100%; box-sizing:border-box; padding:50px 100px 60px; position:relative;}
.about_box:after {display:block; content:''; clear:both;}
.about_box li {float:left; width:calc((100% - 20px)/2); box-sizing:border-box; padding:80px 80px 30px 100px; border:1px solid #ddd; height:auto;min-height:650px;}
.about_box li:nth-child(odd) {margin-right:20px;}
.about_box li.box1 {background:url(/common/images/sub/bg_about02.png)no-repeat 325px 250px}
.about_box li.box2 {background:url(/common/images/sub/bg_about03.png)no-repeat 280px 250px;}
.about_box li h4 {font-size:23px; margin-bottom:30px;}
.about_box li p{color:#666; line-height:27px;font-size:18px; text-align:justify;}
.about_box li strong {display:block; margin:0 0 10px 0;line-height:27px;font-size:18px; font-weight:600; color:#333;  }

/*About the Author*/
.author_box {box-sizing:border-box; padding:50px 0 60px;/* background:url(/common/images/sub/bg_about04.png) no-repeat 0 center / contain;*/ background-color:#f5edc3;position:relative;}
/* .author_box::after{content:''; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);background:url(/common/images/sub/bg_about04.png) no-repeat;z-index:6;    background-position:right 0;background-size:1575px;} */
.author_box .tit {color:#333; font-size:23px; margin-bottom:20px;z-index:7; position:relative; }
.author_box p {color:#666; line-height:27px;font-size:18px; text-align:justify;width:540px;z-index:7; position:relative;}

/* .author_box .inner2::after{display:block; content:''; clear:both;} */
.author_box .inner2{position:relative;overflow:hidden;}
.author_box .inner2::after{content:''; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);background:url(/common/images/sub/bg_about04.png) no-repeat;z-index:6;    background-position:right center;;background-size:cover;}

/*faith Statement*/
.faith_box {display:flex; flex-wrap:wrap; margin:0 -10px;}
.faith_box li {width:calc(33.333% - 20px); min-height:300px; margin:0 10px; border:1px solid #ddd; padding:30px 40px; box-sizing:border-box;  margin-bottom:20px; transition:0.4s;}
.faith_box li strong {font-size:23px;color:#333; display:block; margin-bottom:15px;}
.faith_box li p {color:#666; line-height:28px;}
.faith_box li:hover {border-top:2px solid #8f45e3; }

/*faq*/

/* .subj_toggle_next .subj_tit {background:url(/common/images/sub/arrow_next.png) no-repeat 95% center; } */
.subj_toggle_next .subj_tit {background:url(/common/images/sub/enter_plus.png) no-repeat 95% center; background-size:26px;}

/*contact us*/
.contact .input_table {border-bottom: 1px solid #ddd;}
.contact .table_box {padding-left:20px; padding:0px 20px 10px;}
.contact .table_box > div {margin-top:30px; color:#999;}
.contact .table_box > div strong {line-height:2;}
.contact .input_table .lang_box select {font-size:inherit !important}
.input_table tr:first-child td {padding:20px 0 10px;}
.input_table tr:last-child td {padding:10px 0 20px;}

/*contact us02*/
.sky_box {padding:20px 25px; box-sizing:border-box; background:#f1f5f7; margin: 20px 0 30px;}
.sky_box .bold{color:#333; font-weight:700;margin-bottom:17px; display:block;}
.sky_box p {color:#666; line-height:27px; font-size:18px; text-align:justify;margin-bottom:15px;}
.sky_box a {border:1px solid #8f45e3; color:#8f45e3; width:250px; height:46px; line-height:46px; box-sizing:border-box;display:block; border-radius:23px; text-align:center;}
.fb_area {border:1px solid #ddd; border-radius:23px; box-sizing:border-box; padding:25px 30px; }
.fb_box {}
.fb_box h6{}
.fb_box select{width:100%; background:url(/common/images/sub/arrow_down.png)no-repeat 97% center; height:46px; border:1px solid #ddd; padding:0 30px; margin:10px 0;}
.fb_box select + select {margin:0 0 10px;}
.fb_box button {width:140px; height:40px; border-radius:5px; font-weight:700; /*font-size:14px;*/ margin-right:10px;font-size:1rem;}
.fb_img {padding:0 0 30px; border-bottom:1px solid #ddd; }
.fb_img:after {display:block; content:''; clear:both;}
.fb_img li {margin:30px 0 0 10px; font-size:14px; color:#333; float:left; width:calc((100% - 50px)/5); position:relative; box-sizing:border-box; cursor:pointer}
.fb_img li a p {overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; display:-ms-flexbox; display:box; height:3rem;}
.fb_img li:nth-child(5n+1) {margin-left: 0; clear:both}
.fb_img li .ic_x {position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/common/images/sub/ic_x.png)no-repeat center rgba(0,0,0,0.7);  border-radius:50%;}
.fb_area .sub_txt { padding:20px 0 5px;}
.fb_area .sub_txt p {font-size:0.875rem; color:#999; line-height:1.5;}
.fb_img li img {width:100%; vertical-align:top;}
.fb_img li .img_border {position:relative;width:100%; height:100%;}
.fb_img li .img_border.on:after  {display:block;position:absolute;border:10px solid #8f45e3;box-sizing:border-box;content:'';width:100%;top:0;height:100%;left:0;right:0; bottom:0;}
.fb_img li p {overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; display:-ms-flexbox; display:box; height:3rem; line-height:1.5;}
.hide_sel {display:none;}

.chk_wrap {margin:10px 0 0 0;}
.chk_wrap::after {display:block; clear:both; *zoom:1; content:'';}
.chk_wrap .chk_box {float:left;}
.chk_wrap .chk_box + .chk_box {margin:0 0 0 30px;}
.chk_wrap .chk_box input {display:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.chk_wrap .chk_box label {display:block; cursor:pointer;}
.chk_wrap .chk_box label::after {display:block; clear:both; *zoom:1; content:'';}
.chk_wrap .chk_box label span {position:relative; float:left; box-sizing:border-box; width:22px; height:22px; background-color:#fff; border:1px solid #ddd; border-radius:50%;}
.chk_wrap .chk_box label p {float:left; margin:0 0 0 10px; line-height:22px; font-size:1rem; color:#666;}
.chk_wrap .chk_box input:checked + label span:before {display:block; position:absolute; top:4px; left:4px; width:12px; height:12px; background-color:#8f45e3; border-radius:50%; content:'';}
.input_table th.fs_14 {font-size:14px; letter-spacing:-.7px;}
.input_table .mail:after {display:block; clear:both; *zoom:1; content:'';}
.input_table .mail input{float:left; width:calc((100% - 20px)/2);  max-width:200px; margin:0;}
.input_table .mail span {float:left; width:20px; line-height:46px; font-size:1rem; color:#333; text-align:center; }

/* 로그인 */
.login {background:url(/common/images/sub/login_bg.png) no-repeat 210px 220px;}
.login_form .loing_tit {display:block; margin:0 0 50px; font-size:40px; font-weight:900; color:#333; text-align:center;}
.login_form ul:after {display:block; clear:both; *zoom:1; content:'';}

.login_form ul li {float:left; box-sizing:border-box; width:calc((100% - 20px)/2); max-width:580px; margin:0 0 0 20px; padding:60px 50px; background-color:#fff; border:1px solid #ddd;min-height:450px;}

.login_form ul li:nth-child(1) {margin:0; border-top:2px solid #8f45e3;}
.login_form ul li:nth-child(2) {border-top:2px solid #4a62c1;}
.login_form ul li:nth-child(3) {border-top:2px solid #666666;}
.login_form ul li h3 {display:block; font-size:28px;font-weight:900; color:#333; text-align:center;}
.login_form ul li .txt {display:block; margin:10px 0 0 0; height:90px; padding:0 75px; line-height:1.6; font-size:1rem; color:#666; text-align:center;}
.login_form .input_box {width:100%; max-width:380px; margin:30px auto 0;}
.login_form .input_box input {box-sizing:border-box; width:100%; height:50px; padding:0 30px; font-size:16px;font-weight:500; color:#333; border-radius:25px; background-color:#f1f5f7; border:0;}
.login_form .input_box input::placeholder {color:#999;font-size:16px;}
.login_form .input_box input::-webkit-input-placeholder {color:#999;font-size:16px;}
.login_form .input_box input::-moz-input-placeholder {color:#999;font-size:16px;}
.login_form .input_box input:-ms-input-placeholder {color:#999;font-size:16px;}
.login_form .input_box input:-moz-input-placeholder {color:#999;font-size:16px;}
.login_form .input_box > input + input {margin:15px 0 0;}
.login_form .input_box button {margin-top: 1rem; box-sizing:border-box; width:100%; height:54px; font-size:1.1rem; font-weight:600; color:#fff; border-radius:27px; border:0;}
.login_form .input_box .name::after {display:block; clear:both; *zoom:1; content:'';}
.login_form .input_box .name input {float:left; width:calc((100% - 10px)/2); margin:0 0 0 10px;}
.login_form .input_box .name input:first-child {margin:0;}
.login_form .input_box .email {margin:15px 0 0 0;}
.login_form .input_box .email::after {display:block; clear:both; *zoom:1; content:'';}
.login_form .input_box .email input {float:left; width:calc((100% - 20px)/2);}
.login_form .input_box .email span {float:left; display:block; width:20px; line-height:50px; font-size:1rem; color:#333; text-align:center;}
.login_form ul li:nth-child(1) .input_box button {background-color:#8f45e3;}
/*.login_form ul li:nth-child(1) .input_box button {background-color:#bb9444;}*/
.login_form ul li:nth-child(2) .input_box button {background-color:#666;}
.login_form ul li:nth-child(3) .input_box button {background-color:#666;}
.login_form .help_area {padding:30px 0 20px; font-size:0; text-align:center;}
.login_form .help_area p {display:inline-block; font-size:16px; color:#666;}
.login_form .help_area p a {display:inline-block; margin:0 0 0 10px; font-size:16px; font-weight:500; color:#8f45e3; border-bottom:1px solid #8f45e3;}
.login_form .signup_area {padding:25px 0 0 0; border-top:1px solid #ddd;}
.login_form .signup_area p {line-height:1.5; font-size:16px; color:#666; text-align:center;}
.login_form .signup_area p em {font-size:16px;font-weight:500; color:#333;}
.login_form .signup_area button {display:block; margin:15px auto 0; width:100%; width:100%; max-width:400px; height:54px; font-size:1rem; font-weight:600; color:#fff; background-color:#bbb; border-radius:27px;}



/*  One Box 형태 http://bjnewlife.net/sub.php?newlife=mission299&page_lang=english
.login_form2 .loing_tit {display:block; margin:0 0 50px; font-size:40px; font-weight:900; color:#333; text-align:center;}
.login_form2 ul:after {display:block; clear:both; *zoom:1; content:'';}

.login_form2 ul li {float:left; box-sizing:border-box; width:calc((100% - 20px)/2); max-width:580px; margin:0 0 0 20px; padding:60px 50px; background-color:#fff; border:1px solid #ddd;min-height:450px;}

.login_form2 ul li:nth-child(1) {margin:0 0 0 25%; border-top:2px solid #dab866;}
.login_form2 ul li:nth-child(2) {border-top:2px solid #999;}
.login_form2 ul li h3 {display:block; font-size:28px;font-weight:900; color:#333; text-align:center; letter-spacing:0px;}
.login_form2 ul li .txt {display:block; margin:10px 0 0 0; height:90px; padding:0 75px; line-height:1.6; font-size:1rem; color:#666; text-align:center;}
.login_form2 .input_box {width:100%; max-width:380px; margin:30px auto 0;}
.login_form2 .input_box input {box-sizing:border-box; width:100%; height:50px; padding:0 30px; font-size:16px;font-weight:500; color:#333; border-radius:25px; background-color:#f1f5f7; border:0;}
.login_form2 .input_box input::placeholder {color:#999;font-size:16px;}
.login_form2 .input_box input::-webkit-input-placeholder {color:#999;font-size:16px;}
.login_form2 .input_box input::-moz-input-placeholder {color:#999;font-size:16px;}
.login_form2 .input_box input:-ms-input-placeholder {color:#999;font-size:16px;}
.login_form2 .input_box input:-moz-input-placeholder {color:#999;font-size:16px;}
.login_form2 .input_box > input + input {margin:15px 0 0;}
.login_form2 .input_box button {margin:40px 0 0 0; box-sizing:border-box; width:100%; height:54px; font-size:16px; font-weight:600; color:#fff; border-radius:27px; border:0;}
.login_form2 .input_box .name::after {display:block; clear:both; *zoom:1; content:'';}
.login_form2 .input_box .name input {float:left; width:calc((100% - 10px)/2); margin:0 0 0 10px;}
.login_form2 .input_box .name input:first-child {margin:0;}
.login_form2 .input_box .email {margin:15px 0 0 0;}
.login_form2 .input_box .email::after {display:block; clear:both; *zoom:1; content:'';}
.login_form2 .input_box .email input {float:left; width:calc((100% - 20px)/2);}
.login_form2 .input_box .email span {float:left; display:block; width:20px; line-height:50px; font-size:1rem; color:#333; text-align:center;}
.login_form2 ul li:nth-child(1) .input_box button {background-color:#8f45e3;}
.login_form2 ul li:nth-child(2) .input_box button {background-color:#666;}
.login_form2 .help_area {padding:30px 0 20px; font-size:0; text-align:center;}
.login_form2 .help_area p {display:inline-block; font-size:16px; color:#666;}
.login_form2 .help_area p a {display:inline-block; margin:0 0 0 10px; font-size:16px; font-weight:500; color:#8f45e3; border-bottom:1px solid #8f45e3;}
.login_form2 .signup_area {padding:25px 0 0 0; border-top:1px solid #ddd;}
.login_form2 .signup_area p {line-height:1.5; font-size:16px; color:#666; text-align:center;}
.login_form2 .signup_area p em {font-size:16px;font-weight:500; color:#333;}
.login_form2 .signup_area button {display:block; margin:15px auto 0; width:100%; width:100%; max-width:400px; height:54px; font-size:1rem; font-weight:600; color:#fff; background-color:#bbb; border-radius:27px;}
*/



/* 회원가입 */
.signup_form .section + .section {margin:60px 0 0 0;}
.signup_form .section h3 {display:block; margin:0 0 10px; line-height:1.5; font-size:21px;font-weight:600; color:#333;}
.signup_form .section > p {line-height:27px; font-size:18px;color:#666;}
.signup_form .section > p + p {margin:15px 0 0 0;}
.signup_form .section button {display:inline-block; margin:20px 0 0 0; width:100%;height:46px; padding:0 45px; font-size:18px; font-weight:600; color:#8f45e3; border:1px solid #8f45e3; background-color:#fff; border-radius:23px; vertical-align:top; transition:all 0.3s ease-in-out;}
.signup_form .section button:hover {color:#fff; background-color:#8f45e3;}
.signup_form .section .choice_area {margin:30px 0 0 0; box-sizing:border-box; width:100%; padding:25px 30px; background-color:#f1f5f7; border-radius:10px;}
.signup_form .section .choice_area strong {display:block; font-size:18px; font-weight:500; color:#333;}
.signup_form .section .choice_area .chk_wrap {margin:10px 0 0 0;}
.signup_form .section .choice_area .chk_wrap::after {display:block; clear:both; *zoom:1; content:'';}
.signup_form .section .choice_area .chk_wrap .chk_box {float:left;}
.signup_form .section .choice_area .chk_wrap .chk_box + .chk_box {margin:0 0 0 30px;}
.signup_form .section .choice_area .chk_wrap .chk_box input {display:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.signup_form .section .choice_area .chk_wrap .chk_box label {display:block; cursor:pointer;}
.signup_form .section .choice_area .chk_wrap .chk_box label::after {display:block; clear:both; *zoom:1; content:'';}
.signup_form .section .choice_area .chk_wrap .chk_box label span {position:relative; float:left; box-sizing:border-box; width:22px; height:22px; background-color:#fff; border:1px solid #ddd; border-radius:50%;}
.signup_form .section .choice_area .chk_wrap .chk_box label p {float:left; margin:0 0 0 10px; line-height:22px; font-size:18px; color:#666;}
.signup_form .section .choice_area .chk_wrap .chk_box input:checked + label span:before {display:block; position:absolute; top:4px; left:4px; width:12px; height:12px; background-color:#8f45e3; border-radius:50%; content:'';}
.signup_form .btn_confirm {display:block; margin:40px auto 0; width:280px; height:54px; font-size:1rem; font-weight:600; color:#fff; background-color:#8f45e3; border-radius:5px;}


/*member*/
.member .section {padding:20px 0}
.member .signup_form .section > p {margin:0 0 20px;}
.member .section + .section  {/*border-top:1px solid #ddd;*/ margin-top:30px; background:#f4f4f4;border-radius:20px; padding:20px;}

/* 회원가입 - 정보입력 */
.signup_input_form {border-top:1px solid #333;}
.signup_input_form .section + .section {border-top:1px solid #ddd;}

.input_table th {padding:20px 10px 0 20px; font-size:1rem; font-weight:400; color:#666; text-align:left; vertical-align:top;}
.input_table th em {color:#ec4c70; margin-left: 5px;}
.input_table td {padding:10px 0;}
.input_table td input {box-sizing:border-box; width:280px; height:46px; padding:0 30px; background-color:#f1f5f7; border:0; border-radius:23px; margin:0 10px 0 0;}
.input_table td input:last-child{margin:0 0 0 0;}
.input_table td .name {max-width:570px;}
.input_table td .name::after {display:block; clear:both; *zoom:1; content:'';}
.input_table td .name input {float:left; width:calc((100% - 10px)/2); margin:0 0 0 10px;}
.input_table td .name input:first-child {margin:0;}
.input_table td .birthday:after {display:block; clear:both; *zoom:1; content:'';}
.input_table td .birthday select {float:left; width:calc((100% - 10px)/3); max-width:135px; height:46px;  background:url(/common/images/sub/arrow_down.png) no-repeat 80% center #f1f5f7; color:#999 ; box-sizing:border-box; padding:0 30px; border-radius:23px;}
.input_table td .birthday select + select {margin:0 0 0 5px;}
.input_table td .id button {border:1px solid #8f45e3; color:#8f45e3; border-radius:23px; font-weight:bold; width:auto; padding:0 15px;height:46px; font-size:16px;margin-top:10px;}
.input_table .t_alert {font-size:12px; padding:5px 0 0 20px;}
.c_red {color:#ec4c70;font-size:16px;}
.text_table {}
.text_table th{padding:30px 0 15px 20px; font-size:18px; line-height:27px;font-weight:700; color:#333;}
.text_table td{padding:0 0 0 20px}
.text_table tr:last-child td {padding:10px 0 20px 20px;}



/* 회원가입 완료 */
.signup_com {text-align:center;}
.signup_com i {display:block; margin:0 auto 20px; width:169px; height:169px; background:url(/common/images/sub/ic_signup.png) no-repeat 0 0;}
.signup_com h3 {display:block; margin:0 0 20px; font-size:32px; font-weight:600; color:#333;}
.signup_com p {padding:0 220px; line-height:25px; font-size:18px;color:#666;}
.signup_com .btn_main {display:block; margin:40px auto 0; width:280px; height:54px; font-size:1rem; font-weight:600; color:#fff; background-color:#8f45e3; border-radius:5px;}


/* 팝업 */
.popup {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.3); z-index:50;}
.popup .pop_wrap {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; width:100%; background-color:#fff; border-top:4px solid #8f45e3;}
.popup .pop_wrap .pop_tit {box-sizing:border-box; height:70px; border-bottom:1px solid #ddd;}
.popup .pop_wrap .pop_con {box-sizing:border-box; padding:30px 40px;}
.popup .pop_wrap .btn_pop_close {position:absolute; top:29px; right:22px; width:12px; height:12px; background:url(/common/images/sub/pop_close.png) no-repeat 0 0; font-size:0;}

.pop_survey .pop_wrap {max-width:780px;}
.pop_survey .pop_wrap .pop_con strong {display:block; margin:0 0 15px; font-size:1.25rem; color:#333;}
.pop_survey .pop_wrap .pop_con p {line-height:1.6; font-size:1rem; color:#666;}
.pop_survey .pop_wrap .pop_con .btn {display:block; margin:25px 0 0 0; width:100%; height:54px; font-size:1rem; font-weight:600; color:#fff; background-color:#8f45e3; border-radius:5px;}



.pop_book .pop_wrap {max-width:980px; border-top:none;height:100%;}
.pop_book .pop_wrap .tab {border:none; border-bottom:1px solid #ddd; border-radius:0;}
.pop_book .pop_wrap .tab li{border-radius:0; border-left:none; border-right:none; border-top:none;}
/* .pop_book .pop_wrap .pop_btn {position:relative; bottom:0; overflow:hidden;} */
.pop_book .pop_wrap .pop_btn{    overflow:hidden;  position:absolute;bottom:0;left:0;width:100%;display:block;}
.pop_book .pop_wrap button{    bottom:0;width:50%;float:left;  box-sizing:border-box;height:54px;display:block;s}
/* .pop_book .pop_wrap  button {bottom:0; width:50%; float:left; box-sizing:border-box; height:54px;} */
.pop_book .pop_wrap .fb_img {border-bottom:none; padding:0; height:658px; overflow-y:scroll;}

.pop_times .pop_wrap {max-width:670px;}
.pop_times .pop_wrap .pop_con p{text-align:center;}
.pop_times .pop_wrap .pop_con button {width:280px; }




/*cart*/
.bg_type02 {background:url(/common/images/sub/bg_type02.png)no-repeat center 0;}
.b_tit {font-size:40px;text-align:center; padding:0 0 30px;}
.cart_wrap {border-top:1px solid #333;}
.cart_wrap .top {background:#f1f5f7; box-sizing:border-box; padding:20px; overflow:hidden;}
.cart_wrap .top li {font-size:1rem; color:#333;}
.cart_wrap .top li.id {float:left;}
.cart_wrap .top li.total  {float:right;}
.cart_wrap .top li.order {float:left; padding: 0 0 0 30px;}
.cart_wrap .top li span { font-size:1rem; color:#8f45e3;}
.ck_area {overflow:hidden; box-sizing:border-box; padding:10px 20px; border-bottom:1px solid #ddd;}
.ck_area .chk_wrap { float:left; margin:0;}
.ck_area .btn_delete_all {float:right; font-size:0.825rem;}
.product_list {}
.product_list:after {display:block;clear:both; content:'';}
.product_list li {padding: 20px; box-sizing:border-box;  border-bottom:1px solid #ddd;}
.product_list li:after {display:block; content:''; clear:both; }
.product_list .img_box {max-width:120px; position:relative; float:left;}
.product_list .img_box img {max-width:100%;}
.product_list .chk_wrap {position:absolute; top:6px; left:6px; margin:0;}
.product_list .txt_box {width:calc(100% - 120px); float:right; box-sizing:border-box; padding:25px 0 25px 60px; position:relative;}
.product_list .txt_box .b_name {font-size:18px; font-weight:300;color:#333; min-height:70px;}

.product_list .txt_box .modify {position:absolute; bottom:0;}
.product_list .txt_box .modify p{font-size:1rem; color:#666;}
.product_list .txt_box .modify a {font-size:0;display:inline-block; width:8px; height:auto;height:20px;
    line-height:28px;}
.product_list .txt_box .modify a.plus {background:url(/common/images/sub/ic_plus.png)no-repeat center;}

.product_list .txt_box .modify a.minus {background:url(/common/images/sub/ic_minus.png)no-repeat center;}
.product_list .txt_box .modify input {width:95px ;border:none; color:#333; text-align:center; font-size:1rem;}
.btn_modify {border:1px solid #8f45e3; color:#8f45e3; font-size:14px; height:30px;min-width:65px;/*width:70px;*/padding-left:7px; padding-right:7px; border-radius:5px; margin-left:30px;}/*그리스어 짤림현상으로 수정*/
.product_list .txt_box .btn_delete {position:absolute; top:50%; transform:translateY(-50%); right:0px; font-size:0; background:url(/common/images/sub/ic_cart_x.png)no-repeat 0 0; width:29px; height:29px;}


.cart_wrap .chk_wrap .square label span { width:16px; height:16px; border-radius:0;}
.cart_wrap .chk_wrap .square input:checked + label span:before { width:8px; height:8px; border-radius:0; top:50%; left:50%; transform:translate(-50%,-50%);}
.btnss button {width:200px;}



/*주문정보*/
.input_form .section + .section {border-top:1px solid #ddd;}

/* 주문완료 */
.order_com .order_txt {padding:40px 160px 30px; border-top:1px solid #333; text-align:center;}
.order_com .order_txt strong {display:block; margin:0 0 10px; font-size:1.25rem; color:#333; word-break:keep-all;}
.order_com .order_txt p {line-height:1.6; font-size:1.125rem; color:#666; word-break:keep-all;}
.order_com .order_info {padding:36px 0; font-size:0; text-align:center; background-color:#f1f5f7;}
.order_com .order_info li {display:inline-block;}
.order_com .order_info li + li {margin:0 0 0 50px;}
.order_com .order_info li span {font-size:1rem; color:#666;}
.order_com .order_info li em {margin:0 0 0 20px; font-size:1rem; color:#333;}
.order_com .book_area {padding:0;}




/*side menu*/

#A_Container_R {width:240px; float:left;}
#A_Container_R .sub_lnb {box-sizing:border-box; width:100%; border:1px solid #ddd;margin-bottom:0;}
#A_Container_R .sub_lnb li {position:relative; border-top:1px solid #ddd; transition:all 0.3s ease-in-out}
#A_Container_R .sub_lnb li:before {visibility:hidden; opacity:0; position:absolute; bottom:0; left:0; right:0; width:100%; height:2px; background-color:#8f45e3; transition:all 0.3s ease-in-out; content:'';}
#A_Container_R .sub_lnb li:first-child {border-top:0;}
#A_Container_R .sub_lnb li a {display:block; padding:20px 23px; color:#666; font-size:1rem; transition:all 0.3s ease-in-out}
#A_Container_R .sub_lnb li.on {background:#8f45e3;}
#A_Container_R .sub_lnb li.on a {color:#fff;}
#A_Container_R .sub_lnb li:hover:before {visibility:visible; opacity:1;}
#A_Container_R .sub_lnb li:hover a {color:#333;}
#A_Container_R .sub_lnb li.on:hover a {color:#fff}
#A_Container_R .sub_lnb li:last-child{background:#f4f4f4;}
/*마이페이지*/
#A_Container_L {width:880px; float:right;}

/*modify*/
.modify .input_table td {line-height:44px;}
.input_table tr:first-child td {padding:10px 0 10px;}
.modify .btn_pw {height:46px;min-width:140px;padding:0 10px; box-sizing:border-box; width:auto;border-radius:5px; font-size:1rem;}
.hide_pw {padding:10px 0; display:none;}
.hide_pw > div+div {margin:15px 0 0;}
.hide_pw span {line-height:46px; width:140px; display:inline-block; color:#666;}
.hide_pw span em {display:inline-block; color:#ec4c70 }

/*My Message History */
.board_table thead {background:#f9f8fa; }
.board_table thead tr {height:40px;}
.board_table thead th {font-weight:bold; color:#999; font-size:0.875rem;word-break:break-all;  }
.board_table tbody tr {border-bottom:1px solid #ddd;}
.board_table tbody tr {height:60px; cursor:pointer;}
.board_table tbody tr td {color:#666; font-size:1rem; padding:0 10px;word-break:break-all; }
.board_table tbody tr td.num {text-align:center;}
.board_table tbody tr td.date {text-align:center; color:#999}
.board_table tbody tr td.order {text-align:center;}
.board_table tbody tr td.state {text-align:center; }
.board_table tbody tr td.state .color01{color:#dab866;}
.board_table tbody tr td.state .color02{color:#666;}
.board_table tbody tr td.state .color03{color:#ec4c70;}

/*My order History view*/

.order_table tbody tr {cursor:auto; }
.order_table tbody tr td {padding:20px; word-break:break-all;}
.order_table tbody tr td .txt_box .b_name {font-size:1.125rem; color:#333; font-weight:300; line-height:1.6;word-break:break-all;}
.order_table tbody tr td.num {text-align:center;word-break:break-all;}

.mtop50 {margin-top:50px;}
.order_table02 tr{height:46px; border-bottom:1px solid #ddd; }
.order_table02 th{background:#f9f8fa; color:#999; font-weight:700; font-size:0.875rem; padding:0 20px; text-align:left;}
.order_table02 td{font-size:1rem; color:#333; padding:0 20px;word-break:break-all;}


/*개인정보처리방침 히브리어*/

.tabernacle .text_box ul .hv_right li{text-align:right;}

@media screen and (min-width:1921px) and (max-width:4000px) {

    .login_form ul li:nth-child(3) {margin:20px 300px;}

}

@media screen and (min-width:1411px) and (max-width:1920px) {

    .login_form ul li:nth-child(3) {margin:20px 300px;}

}

@media screen and (min-width:1201px) and (max-width:1410px) {
    /*	공통*/
    .main_title h2,.main_title h1 {font-size:40px; line-height:50px; left:9%}

    /* About the Author */
    /* .author_box {background-size:cover; background-position:right center;} */


    .login_form ul li:nth-child(3) {margin:20px 270px;}

}



/* tablet */
@media screen and (min-width:768px) and (max-width:1200px) {
    /*	공통*/
    #A_Wrap {padding-top:90px}
    .main_title h2,.main_title h1 {font-size:40px; line-height:50px;left:9%}
    [class^="section_tit"] h4,[class^="section_tit"] h2,[class^="section_tit"] h1 {font-size:1.375rem; padding:0 0 20px;}
    .border_view .tit p,.border_view .tit h1 {font-size:1.375rem; padding:0 0 20px;}
    .border_view .tit0413 p{padding:0}
    .border_view .tit0413 h3{padding:0}
    .border_view .tit0413 h1 {font-size:1.375rem;}
    .inner2 {padding:0 30px;}

    /*	북리스트 */
    .tab li {height:50px; line-height:50px;}
    .book_area .book_list li .img_area {max-width:200px;}
    .book .sort_box { float:none; clear:both; padding:10px 0 0 0; margin:0;}
    .lang_box02 select {width:230px; }

    .book .sort_box .lang_tit {text-align:left;}

    /*	북리스트 상세*/
    /*
        .view_middle .eb_download {width:60%;}
        .view_middle .add_cart {max-width:38%;}
    */
    .view_middle .small_tit {width:100%;font-size:20px; color:#333; text-align:center;height:50px;line-height:50px;}
    .view_middle .eb_download {width:100%;}
    .view_middle .add_cart {max-width:100%;}
    .view_middle .add_cart a {width:100%;}
    .view_middle .eb_download a {font-size:0.875rem; padding:0 8% 0 0; width:100%;}
    .view_middle .eb_download a:nth-of-type(1){width:100%;margin-top:10px;}
    .view_middle .add_cart a {font-size:0.875rem; }
    .audio_area  {padding:20px 20px 40px;}
    .book_detail .book_txt .b_name {font-size:1.25rem;}
    .book_detail .book_txt {padding:0 0 0 30px;}
    .r_m{width:calc(100% - 360px);}

    /*	tabernacle study*/
    .tabernacle .text_box {padding:30px 30px 40px;}



    /*	messages_coworker*/
    .newest .txt_box h3 {padding:10px 0;}
    .con_ul li {font-size:0.875rem;}
    .con_ul li span {font-size:0.875rem;}
    .newest .txt_box {padding:0 0 0 25px;}
    .post_area  {padding:30px 40px;}



    /* 로그인 */
    .login_form ul li {padding:40px 20px;min-height:400px;}
    .login_form ul li h3 {font-size:1.125rem;}
    .login_form ul li .txt {height:70px; padding:0; font-size:0.875rem;}


    .login_form ul li:nth-child(3) {margin:20px 250px;}


    /* About US	*/
    .main_about > div {width:75%; padding:20px 30px 80px 20px;}
    .main_bt {top:0; padding:30px 50px;}



    /*	about_author*/
    /* .author_box {padding:30px 0 40px; background-position:right top; background-color:#f5edc3;} */
    .author_box p {width:510px; font-size:0.9375rem;}

    /* Our Gospel Songs */
    .gospel .top_box {padding:60px 50px;}

    /* What's the Gospel? */
    .bstudy_gospel .text_area .img_area {position:relative; min-height:300px; padding:0 0 150px 0;}
    .bstudy_gospel .text_area .img_area .img_box {width:300px;}
    .bstudy_gospel .text_area .img_area .txt_box {width:calc(100% - 320px);}
    .bstudy_gospel .text_area .img_area .txt_box .txt + .txt {position:absolute; bottom:0; left:0;}
    .bstudy_gospel .text_area .img_area02 {padding:0;}
    .bstudy_gospel .text_area .img_area02 .img_box {width:250px;}
    .bstudy_gospel .text_area .img_area02 .txt_box {width:calc(100% - 270px);}


    /*	회원가입 1*/
    .signup_form .section .choice_area .chk_wrap .chk_box + .chk_box {margin: 0 0 0 20px;}

    /*	sign_up_com 회원가입 완료*/
    .signup_com p {padding:0 110px}

    /*장바구니*/
    .bg_type02 {background-position:center 90px; background-size:100%;}
    .product_list .txt_box .btn_delete {top:0; transform:none;}
    .product_list .txt_box {padding:5px 0 65px 60px; }

    /* 주문완료 */
    .order_com .order_txt {padding:40px 50px 30px;}

    /*	마이페이지*/
    /* #A_Container_R  {width:100%; float:none;}
    #A_Container_R .sub_lnb {overflow:hidden; border-top:none;}
    #A_Container_R .sub_lnb li {float:left; width:calc(100%/3); text-align:center; border-left:1px solid #ddd; box-sizing:border-box;}
    #A_Container_R .sub_lnb li:nth-child(3n+1){border-left:none;}



    #A_Container_L {width:100%; float:none;}
    #A_Container_R .sub_lnb li:first-child {border-top:1px solid #ddd;}
    .board {margin:30px 0 0 0;}
.video_slide .slick-slide .slide iframe{width:300%} */

    /*	마이페이지*/

    #A_Container_R  {width:100%; float:none;}
    #A_Container_R .sub_lnb {overflow:hidden; border-top:none;border:none;}
    /* #A_Container_R .sub_lnb li {float:left; width:calc(100%/3); text-align:center; border-left:1px solid #ddd; box-sizing:border-box;}
    #A_Container_R .sub_lnb li:nth-child(3n+1){border-left:none;} */
    #A_Container_R .sub_lnb li {float:left; width:calc(100%/3); text-align:center; box-sizing:border-box;border:1px solid #ddd;}
    #A_Container_R .sub_lnb li{margin-bottom:-1px; margin-right:-1px;}
    #A_Container_R .sub_lnb li:last-child{margin-bottom:0;}
    #A_Container_R .sub_lnb li a{padding:20px 0;max-height:62px;}
    #A_Container_L {width:100%; float:none;}
    #A_Container_R .sub_lnb li:first-child {border-top:1px solid #ddd;}
    .board {margin:30px 0 0 0;}
    .video_slide .slick-slide .slide iframe{width:300%}



    .pop_con div:nth-child(1) .lang_box .lang_tit{display:inline-block;margin-right:30px;margin-bottom:}
    .pop_con div:nth-child(1) .lang_box select{width:200px;}

    .pop_con div:nth-child(2) .lang_box .lang_tit{display:block; margin-right:0;}
    .pop_con div:nth-child(2) .lang_box select{width:calc((100% - 10px)/2);margin:0;margin-top:10px;}
    .pop_con div:nth-child(2) .lang_box select:nth-child(1){margin-right:10px;}

    .gospel .song_toggle .aco_con iframe{width:100%;height:100%;}
    .about_box li{  padding:80px 30px 30px 30px;}
    .author_box p{width:100%;}
    .author_box {position:relative; padding:40px 0 35%; background:#f1e9b2 url(/common/images/sub/bg_about04_m.png) no-repeat right bottom / 50%;}
    .author_box::after{display:none;}
    .author_box .inner2::after{display:none}
    .post_area p{width:100%;float:none;}
    .post_area .btn_post{width:100%;position:relative;    width:100%;
        position:static;
        display:block;
        font-size:1rem;
        top:initial;
        left:initial;
        transform:none;
        height:80px;
        line-height:120px;
        background-position:center 12px;
        background-size:50px;
        margin:20px 0 0;}
}
@media screen and (max-width:1200px){
   .faith_box li {width:calc(50% - 20px); min-height:0; padding:30px;}
}

@media screen and (max-width:1024px){
   [class^="section_tit"] {padding-top:0 !important}
   .bstudy_gospel .text_area .img_area .img_box {text-align:center;}
   .bstudy_gospel .text_area .img_area .img_box img {max-width:300px;}
}

@media screen and (min-width:481px) and (max-width:767px){
    /*	공통*/
    #sub_contents  {padding:40px 0;}
    #A_Wrap {padding-top:50px}
    [class^="section_tit"] h4,[class^="section_tit"] h2,[class^="section_tit"] h1 {font-size:1.375rem; padding:0 0 20px;}
    .border_view .tit p,.border_view .tit h1{font-size:1.375rem; padding:0 0 20px;}
    .border_view .tit0413 p{padding:0}
    .border_view .tit0413 h3{padding:0}
    .border_view .tit0413 h1 {font-size:1.375rem;}
    .main_title h2,.main_title h1 {font-size:30px;line-height:38px; left:9%}
    .inner2 {padding:0 30px;}
    .inner2 .inner2 {padding:0;}
    .small_tit { font-size:1.125rem; }
    .btns button {margin:0 2px 5px; height:44px; width:200px; font-size:0.875rem; line-height:1.3;}

    .btns .btn_purp {width:100%;margin-bottom:10px;}
    .btns .btn_wh {width:100%;}

    .b_tit {font-size:2.325rem; padding: 0 0 20px}
    #nav .inner2 {padding:0;}
    #nav .inner2 > ul > li .tit {line-height:50px;height:50px;text-overflow:ellipsis; overflow:hidden; width:100%;}
    #nav .inner2 > ul > li .tit .linetit{height:50px;padding-top:0;}
    #nav .inner2 > ul > li .tit .linetit02{height:50px;padding-top:0;}
    #nav .inner2 > ul > li {width:230px;}
    #nav .inner2 .sub_menu {top:50px;}
    .btn_box button {width:220px;}
    .input_table td .lang_box select{width:100% !important;}


    /*검색결과*/
    .search_result .select_box select{margin-right:10px;}
    .search_result .select_box input{margin-right:10px;}
    .search_result .select_box button{width:calc((100% - 75%) - 20px);}
    .search_result .search_box {border-radius: 1rem}
    .search_result .search_box select { width: 50%; border-bottom: solid 1px var(--border-color);}
    .search_result .search_box select:nth-child(2) { border-left: none; border-right: none }
    .search_result .search_box button { width: 60px; }
   .search_result .but_box { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; padding: 0; background: none; }
   .search_result .but_box button {padding: 0.5rem 1rem; font-size: 1rem; height: 4.5rem; text-align: left; background: #f5f5f5; box-shadow: none; letter-spacing: -0.05em;}

    /*	북리스트 */
    .book_area .book_list li .txt_area .b_name{font-size:0.875rem;}
    .tab li {height:50px; line-height:50px;}
    /* .lang_box select {width:160px;} */
    .input_table td .lang_box select{width:100% !important;}
    .lang_box select{ width:100%;  height:40px;margin:5px 0;padding:0 15px;}
    .book_area .book_list li { width:calc((100% - 30px)/4); margin:0 0 30px 10px;}
    /*	.s_tit {font-size:12px;}*/
    .book_area {padding:45px 0 0;}
    .book_area .book_list li .img_area {max-width:150px;}
    .book .sort_box { float:none; clear:both; padding:10px 0 0 0; margin:0;}
    .book .lang_box {width:100%;}
    .book .sort_box select{ width:100%; }
    .book .sort_box .lang_tit {text-align:left;}
    .book_detail .book_img .img_area{margin-top:0}
    .book_detail {margin-bottom:-20px;}

    /*	북리스트 상세*/
    .view_middle .eb_download {width:100%; margin-bottom:20px;}
    .view_middle .add_cart {width:100%;}
    .view_middle .small_tit {width:100%;font-size:20px; font-weight:500; color:#333; text-align:center;height:30px;line-height:30px;}
    .view_middle .eb_download a {font-size:0.875rem; padding:0 8% 0 0; width:100%;}
    .view_middle .eb_download a:nth-of-type(1){width:100%;margin-top:10px;}
    .view_middle .add_cart a {width:100%;font-size:0.875rem; }
    .audio_area  {padding:20px 20px 40px;}
    .book_detail .book_txt .b_name {font-size:1.25rem;}
    .book_detail .book_txt {padding:0 0 0 30px;}
    .book_detail .book_img  {float:none; margin:0 auto;}
    .book_detail .book_txt  {float:none; width:100%; padding:20px 0 0; }
    /* [class^="section_tit"] .right .sns_link {padding:0 0 10px} */
    .book_detail .book_txt .s_tit {font-size:14px;}
    .audio_area .sound_list li .audio_tit {padding:15px 0 15px 10px;}
    .audio_area .total_box .total {margin-bottom:0;}
    .audio_area .total_box .down_audio {width:110px; height:35px; line-height:35px; font-size:0.825rem; background-size:15px;}
    .pop_confirmbox .pop_wrap{width:96%;}
    .r_m{width:100%;}


    /*	sermons */
    .subj_toggle .subj_tit {padding:15px 50px 15px 10px;}
    .subj_toggle .subj_con ul li {padding:0 0 0 20px;}
    .subj_toggle .subj_con ul li:before{display:none;}
    /* What's the Gospel? */
    .bstudy_gospel .text_area .blue_box {padding:20px 30px 25px 30px;}
    .bstudy_gospel .text_area .blue_box02 strong {float:none; width:100%;}
    .bstudy_gospel .text_area .blue_box02 ul {float:none; width:100%;}
    .bstudy_gospel .text_area .blue_box03 ul li span {float:none; width:100%;}
    .bstudy_gospel .text_area .blue_box03 ul li p {float:none; width:100%;line-height:26px; margin-top:5px;}
    .bstudy_gospel .text_area .img_area {position:relative;}
    .bstudy_gospel .text_area .img_area .img_box {width:100%; margin:0 0 20px;}
    .bstudy_gospel .text_area .img_area .txt_box {width:100%;}
    .bstudy_gospel .text_area .img_area02 {padding:0;}
    .bstudy_gospel .text_area .img_area02 .img_box {width:100%; margin:0 0 20px;}
    .bstudy_gospel .text_area .img_area02 .txt_box {width:100%;}


    /*	tabernacle_study*/
    .tabernacle .text_box {padding:30px 30px 40px;}

    /*	tabernacle_study _view*/
    .view_type2 .color_box {padding:20px;}
    .view_type2 .color_box strong {font-size:16px; width:120px;}
    .view_type2 .color_box .txt {width:calc(100% - 120px);}
    .view_type2 .color_box p {line-height:1.6; font-size:15px;}
    .view_type2 .tit_box strong {font-size:1.125rem;}
    .view_type2 .tit_box .txt p,.view_type2 .tit_box .txt h1 {font-size:1.125rem;}
    .tabernacle_view .view_type2 {padding:0 0 30px;}

    /*	messages*/
    .total_box .total {margin-bottom:10px;}
    .total_box .total_right {float:none; overflow:hidden; width:100%;}
    .total_box .total_right .seach_box {float:left;}
    .message_list li .tit_area .date {display:block; float:none; line-height:1.6;}
    .message_list li .tit_area em,.message_list li .tit_area h2 {font-size:1.15rem;letter-spacing: -0.03em}
    .message_list li .tit_area span{font-size:1.25rem;}
    .message_list li .img_box {max-width:100%; height:auto; float:none;margin-right: 0px; margin-bottom: 20px;}
    .message_list .item {padding: 1.5rem 5%;}
    .message_list .item .subList {margin: 0 -6%;}
    .message_list .item .subList > li { padding: 1rem;}
    /* about us */
    .main_about {padding:0 0 60%; background:#d8ebf5 url(/common/images/sub/bg_about_m.png) no-repeat center bottom / contain;}
    .main_about > div {width:100%; padding:20px 15px;}
    .main_about p, .main_bt p {font-size:0.9375rem;}
    .main_bt {top:0; padding:0 15px; margin:30px 0 50px;}
    .about_box li {float:none; width:100%; height:auto; padding:30px 15px;min-height:100%;}
    .about_box li:nth-child(odd) {margin:0 0 20px 0;}
    .about_box li.box1 {background-position:right 95%; background-size:50%;}
    .about_box li.box2 {background-position:right 95%; background-size:50%;}
    .about_box li h4 {margin:0 0 15px 0;}
    .about_box li p {line-height:27px; font-size:0.9375rem;}
    .about_box li strong {font-size:1.071rem;}

    /* Our Gospel Songs */
    .gospel .top_box {padding:40px 30px;}
    .gospel .top_box strong {font-size:1.25rem;}
    .gospel .top_box p {font-size:0.9375rem;}
    .gospel .song_toggle li.song_name .info {float:none;}
    .gospel .song_toggle li.song_name .right_c {float:none; margin:10px 0 0 0;}
    .gospel .top_box .text_left{width:100%;float:none;}
    .gospel .top_box .go_img_box {float:none; width:100%; text-align:center;}
    /*	list paging*/
    .list_paging ul li a {width:30px; height:30px; line-height:30px; }
    .list_paging ul li {margin:0 3px;}
    .list_paging ul {margin:0 10px;}
    .list_paging > a {width:30px; height:30px;}

    /* 로그인 */
    .login_form .loing_tit {font-size:2rem;}
    .login_form ul li {float:none; width:100%; margin:50px auto 0; padding:40px 20px;min-height:100%;}
    .login_form ul li:first-child {margin:0 auto;}
    .login_form ul li h3 {font-size:1.125rem;}
    .login_form ul li .txt {height:auto; padding:0; font-size:0.875rem;}


    /*	messages_coworker*/
    .newest .txt_box h3,.newest .txt_box h2 {padding:10px 0;}
    .con_ul li {font-size:0.875rem;}
    .con_ul li span {font-size:0.875rem;}
    .video_list > li .txt_area p,.video_list > li .txt_area h2 {font-size:1.125rem;}
    .con_ul li.date {display:block; clear:both; float:none; padding:3px 0 0;}
    .con_ul li{float:none;}
    .con_ul li:before{display:none;}
    .post_area  {padding:20px;}
    .post_area p { width:100%; }
    .post_area .btn_post {width:100%; position:static; display:block; font-size:1rem; top:initial; left:initial; transform:none; height:80px; line-height:120px; background-position:center 12px; background-size:40px;margin:20px 0 0; }
    .newest .txt_box {width:100%; padding:0 20px; float:none; }

    .newest .img_box {float:none; margin: 0 auto;}

    .newest .inner2  {padding:0 20px;}
    .message_img_list li .img_box {max-width:100%; float:none; text-align:center;margin:0 auto;}
    .message_img_list li .tit_area {width:100%;padding:10px;}
    .message_img_list li .tit_area em,.message_img_list li .tit_area h2 {padding-top:0;}
    .message_img_list li .tit_area p.txt {margin-bottom:10px;}
    .message_img_list li .con_ul li.date {display:block; clear:both; float:none; padding-top:5px;}
    .message_img_list li .tit_area em,.message_img_list li .tit_area h1 {font-size:1.125rem;}
    .message_img_list li .tit_area p.txt {-webkit-line-clamp:3; height:auto;}
    .message_img_list > li {padding:25px 0 20px;}

    /*	messages_coworker 상세*/
    .border_view .tit .con_ul li {font-size:1rem;}
    .border_view .tit .con_ul li span {font-size:1rem;}
    .coworker .border_view .tit {padding:13px;}

    /*messages_write 작성	*/

    .file_box .upload_name {width:100%;}
    .fb_box button{font-size:0.875rem;width:auto;}
    .input_table th {padding:20px 10px 0 0px; font-size:0.875rem;}
    .file_box label {width:160px;}
    /* .input_table .mail input {width:49%;} */


    /*	Faith Statement*/
    .faith_box li {padding:20px}
    .faith_box li p {font-size:0.875rem; line-height:1.6;}
    .faith_box li strong {font-size:1.25rem; margin-bottom:7px;}

    /*	about_author*/
    .author_box {position:relative; padding:40px 0 50%; background:#f1e9b2 url(/common/images/sub/bg_about04_m.png) no-repeat right bottom / 70%;}
    .author_box p {width:100%; font-size: 1rem}
    .author_box::after{display:none;}
    .author_box .inner2::after{display:none;}
    /* contact us */
    /*	.sky_box p {font-size:0.9375rem;}*/
    .fb_box select {padding:0 20px 0 15px; font-size:0.9375rem;}
    .fb_area .fb_img li {width:calc((100% - 20px)/3);}
    .fb_area .fb_img li:nth-child(5n+1) {margin:30px 0 0 10px; clear:none;}
    .fb_area .fb_img li:nth-child(3n+1) {margin:30px 0 0 0; clear:both;}
    .fb_img li p {font-size:1rem; line-height:1.6}



    /*	책팝업*/
    .pop_book .pop_wrap .pop_con {padding:10px 20px;height:calc(100vh - 95px);}
    .pop_book .pop_wrap  button {height:44px; }
    .pop_book .pop_wrap .fb_img {overflow-y:scroll; height:calc(100vh - 200px); padding:10px 0; }
    .pop_book .pop_wrap .fb_img li {margin-top:20px;}
    .pop_book .pop_wrap .fb_img li:nth-child(-n+5) {margin-top:0;}
    .pop_book .pop_wrap .lang_box {padding:0 0 10px;}
    .pop_book .pop_wrap .fb_img li .img_border.on:after {border:5px solid #8f45e3;}


    /*	회원가입 1*/
    .signup_form .section .choice_area .chk_wrap .chk_box:nth-child(3) {margin:10px 0 0 0;}


    /*	sign_up_com 회원가입 완료*/
    .signup_com p {padding:0 30px; }
    .signup_com h3 {font-size:1.375rem}

    /*장바구니*/
    .bg_type02 {background-position:center 50px; background-size:100%;}
    .product_list .txt_box .btn_delete {top:0; transform:none;}
    .product_list .txt_box {padding:5px 0 45px 20px }
    .product_list .txt_box .b_name {font-size:1rem; padding:0 50px 0 0px;}


    /* 주문완료 */
    .order_com .order_txt {padding:30px 15px 20px;}
    .order_com .order_txt strong {font-size:1rem;}
    .order_com .order_txt p {font-size:0.875rem;}
    .order_com .order_info li + li {margin:0 0 0 25px;}
    .order_com .order_info li span {font-size:0.875rem;}
    .order_com .order_info li em {margin:0 0 0 10px; font-size:0.875rem;}



    /* 마이페이지 */
    /* 마이페이지 */

    #A_Container_R  {width:100%; float:none;}
    #A_Container_R .sub_lnb {overflow:hidden; border:none;}
    #A_Container_R .sub_lnb li {float:left; width:calc(100% / 3); height:68px; text-align:center; border:1px solid #ddd; box-sizing:border-box;margin-bottom:-1px;}
    #A_Container_R .sub_lnb li a {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; padding:10px;}
    #A_Container_R .sub_lnb.col01 {border:0;}

    #A_Container_L {width:100%; float:none;}
    #A_Container_R .sub_lnb li:first-child {border-top:1px solid #ddd;}
    #A_Container_R .sub_lnb li:nth-child(1){width:50%;margin-right:-1px}
    #A_Container_R .sub_lnb li:nth-child(2){width:50%;}
    #A_Container_R .sub_lnb li:nth-child(3){width:50%;margin-right:-1px}
    #A_Container_R .sub_lnb li:nth-child(4){width:50%;}
    #A_Container_R .sub_lnb li:nth-child(5){margin-right:-1px; margin-bottom:0px;}
    #A_Container_R .sub_lnb li:nth-child(6){margin-right:-1px; margin-bottom:0px;}
    #A_Container_R .sub_lnb li:nth-child(7){margin-bottom:0px;}

    /* #A_Container_R  {width:100%; float:none;}
    #A_Container_R .sub_lnb {overflow:hidden; border-top:none;}
    #A_Container_R .sub_lnb li {float:left; width:calc(100% / 3); height:68px; text-align:center; border-left:1px solid #ddd; box-sizing:border-box;}
    #A_Container_R .sub_lnb li:nth-child(3n+1){border-left:none;}
    #A_Container_R .sub_lnb li a {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; padding:10px;}
    #A_Container_R .sub_lnb.col01 {border:0;}

    #A_Container_L {width:100%; float:none;}
    #A_Container_R .sub_lnb li:first-child {border-top:1px solid #ddd;} */

    .board {margin:30px 0 0 0;}
    .order_table tbody tr td .txt_box .b_name {font-size:1rem;}
    .order_table02 th {padding:0 5px;}
    .order_table02 td {padding:0 5px; font-size:0.875rem;}
    .cont select {width:280px;}

    .signup_input_form {margin:30px 0 0 0;}


    /*	book review 작성*/

    .review_write .fb_area .fb_box .ip_box {width:calc(100% - 150px);}
    .review_write .fb_area .fb_box .ip_box input {width:100%;}

    /*	book review 상세 */
    .review .book_detail {padding:10px;}
    .review .book_detail .book_img {width:120px; margin:0; float:left;}
    .review .book_detail .book_txt {float:right; width:calc(100% - 120px); padding-top:0; padding-left:20px;}
    .review .book_detail .s_tit {margin-bottom:0;}
    .review .book_detail .book_txt .b_name {font-size:1.25rem;}
    .review .book_detail .book_txt .b_writer {margin:5px 0;}
    .review .book_detail .book_txt .book_info ul li:nth-child(2) {margin:0 0 0 10px; padding:0 0 0 10px;}
    .review .book_detail .book_txt .book_info ul li:nth-child(3) {margin:0 0 0 10px; padding:0 0 0 10px;}
    .review .book_detail .book_txt .book_info ul li {font-size:14px; }
    .review .book_detail .book_txt .book_info ul li span {font-size:14px;}



    .pop_con div:nth-child(1) .lang_box .lang_tit{display:inline-block;margin-right:30px;}
    .pop_con div:nth-child(1) .lang_box select{width:200px;}

    .pop_con div:nth-child(2) .lang_box .lang_tit{display:block; margin-right:0;}
    .pop_con div:nth-child(2) .lang_box select{width:calc((100% - 10px)/2);margin-top:10px;}
    .pop_con div:nth-child(2) .lang_box select:nth-child(1){margin-right:10px;}
    .view_type2 .tit_box strong::after{display:none;}
    .view_type2 .tit_box strong{float:none; width:100%;}
    .view_type2 .tit_box .txt p,.view_type2 .tit_box .txt h1 {float:none; width:100%; font-size:20px; word-break:break-all; margin-top:7px;padding-left:0;}

    .border_view .tit .con_ul li.contry04{ width:calc(100% - 170px); display:inline-block;}
    .con_ul li.date04{position:relative; display:inline-block;float:right; clear:none;}
    .review .con_ul li.views04{float:right; display:inline-block; position:relative;}
    .border_view .tit .con_ul li.views04:before{display:inline-block; top:0; left:0;}

    .gospel .lang_box{width:100%;}
    .gospel_search{width:100%;}
    .gospel_search select{float:left;}
    .gospel_search .inputbox {    width:calc(100% - 110px);}

    .gospel .song_toggle .aco_con iframe{width:100%;height:100%;}
    .gospel_popup iframe{width:100%;}
    /* [class^="section_tit"] .right{margin-top:0; margin-bottom:10PX;} */

    .book_view [class^="section_tit"] h4 {width:calc(100% - 200px);}

    /* pdfDownload */
    .pdfDown_title  {width:96%;padding-right:0px;}
    .pdfDown_title2 {width:96%;padding-right:0px;}
}

@media screen and (max-width:1024px) {
   .main_title {height:auto; background-position:64% center;}
   .main_title .inner2 {display:flex; width:100%; height:220px; box-sizing:border-box; justify-content:center; align-items:center;}
   .main_title h2, .main_title h1 {text-shadow:5px 5px 10px rgba(0,0,0,0.2);}
   .line_text_box {padding:24px;}
   .line_text_box div {font-size:16px;}

}

@media screen and (max-width:767px) {
   #A_Header.ver2 .headerBtn .selectDiv {display:none;}
   #A_Header.ver2 .tgl_sch {display:block; position:absolute; top:0; right:0; width:50px; height:50px; font-size:0; background:url(/common/images/common/ico_sch.png) no-repeat center / 20px;}
   #A_Header.ver2 .searchDiv.active {display:block; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; padding:0; margin:0; background:rgba(0,0,0,0.7); z-index:99; content:'';}
   #A_Header.ver2 .searchDiv.active form {display:block; padding:0 .9375rem 20px; background:#fff;}
   #A_Header.ver2 .searchDiv.active .tit_sch {display:block; font-size:18px; font-weight:bold; line-height:50px;}
   #A_Header.ver2 .searchDiv.active .btn_sch {top:50px; right:0.9375rem}
   #A_Header.ver2 .searchDiv.active .close {display:block; position:absolute; top:0; right:0; width:50px; height:50px; font-size:0;}
   #A_Header.ver2 .searchDiv.active .close:before,
   #A_Header.ver2 .searchDiv.active .close:after {position:absolute; top:50%; left:50%; width:2px; height:20px; margin:-10px 0 0 -1px; background:#111; content:'';}
   #A_Header.ver2 .searchDiv.active .close:before {transform:rotate(45deg)}
   #A_Header.ver2 .searchDiv.active .close:after {transform:rotate(-45deg)}
}

/* mobile */
@media screen and (max-width:480px) {
    .lang ul {overflow-y:scroll} /*10-11추가*/
    [class^="section_tit"] {padding-top:20px !important}
    [class^="section_tit"] .right{margin-top:0; margin-bottom:10PX;}
    /*	*{font-size:14px;}*/
    #sub_contents {padding:20px 0;}
    .inner2 {padding:0 20px;}
    /*	공통*/
    .main_title {background-image:url(/common/images/sub/sub_tit_img_m.jpg);}
    .main_title .inner2 {height:30vw; min-height:110px;}
    .main_title h2, .main_title h1 {position:relative; top:auto; left:auto; transform:none; text-align:center; font-size:18px; line-height:1.2;}
    [class^="section_tit"] h4,[class^="section_tit"] h2,[class^="section_tit"] h1 {font-size:1.2rem; padding:0 0 15px}
    .book_view [class^="section_tit"] h4 {width:100%; text-align:center;}
    .book_view [class^="section_tit"] h4.tal {text-align:left}
    .border_view .tit p,.border_view .tit h1{font-size:1.1rem; padding:0 0 10px; text-align:justify; line-height:28px; /*0803수정 word-break:break-all;*/}
    .border_view .tit0413 h1 {font-size:1.2rem;}
    .border_view .tit0413 p	{padding:0;}
    .mtop50 {margin-top:30px}
    .pd_40 {padding:20px 0;}

    .small_tit { font-size:1rem; height:40px;line-height:40px;margin-bottom:10px;margin-top:-10px;}

    .btn_box button {width:100%; height:46px;margin-bottom:10px;}
    .btn_box {margin:30px 0;}
    .btns button {margin:0 2px 0; height:44px; width:130px; line-height:1.3;}
    .btns button:last-child {margin-bottom:0;width:100%;}
    .b_tit {font-size:2rem; padding: 0 0 10px;}
    .btnss button {width:100%; margin:5px 0 0;}
    .btnss button:first-child {width:100%; margin:0;}
    #nav .inner2 {padding:0;}
    #nav .inner2 > ul > li .tit {line-height:40px; height:40px;font-size:15px; text-overflow:ellipsis; overflow:hidden; width:100%;}
    #nav .inner2 > ul > li .tit .linetit{height:40px;padding-top:0;line-height:40px;display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        word-wrap:break-word;
        word-break:break-all;}
    #nav .inner2 > ul > li .tit .linetit02{height:40px;padding-top:0;line-height:40px;display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        word-wrap:break-word;
        word-break:break-all;}
    #nav .inner2 > ul > li {width:50%;}
    #nav .inner2 .sub_menu {top:40px;}
    #nav .inner2 > ul > li.nav_gnb_book {width:100%;}
    .signup_form .section button{padding:0 15px; word-break:keep-all;font-size:16px;}

    .gospel_search .inputbox{ width:160px;}
    .gospel_search .inputbox button img{width:20px;}

    .input_table td .lang_box select{width:100% !important;}
    .lang_box{margin-right:0;}

    /*검색결과*/
    .search_result .select_box select{margin-right:10px;}
    .search_result .select_box input{margin-right:10px;}
    .search_result .search_box {border-radius: 1rem}
    .search_result .search_box select { width: 50%; border-bottom: solid 1px var(--border-color);}
    .search_result .search_box select:nth-child(2) { border-left: none; border-right: none }
    .search_result .search_box button { width: 50px; }
    .search_result .but_box { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; padding: 0; background: none; }
    .search_result .but_box button {padding: 0.5rem 0.75rem; font-size: 0.9rem; height: 3.5rem; text-align: left; background: #f5f5f5; box-shadow: none; letter-spacing: -0.05em;}

    /*	북리스트 */
    .book_area .book_list li {width: calc((100% - 10px)/2); margin:0 0 40px 10px; }
    .book_area .book_list li:nth-child(2n+1) {margin-left:0; clear:both;}
    .line_text_box {padding:20px; }
    .line_text_box div {font-size:15px; line-height:1.4;}
    .tab li {height:40px; line-height:40px;}
    .tab li a{font-size:1rem;}
    .tab li.active {line-height:35px;}
    .lang_box select {width:100%; height:40px; margin:5px 0; padding:0 15px;}
    .book_area {padding:25px 0 0;}
    .lang_box .lang_tit {margin:0px; display:block;margin-top:5px;}
    .book_detail .book_img .img_area {max-width:200px; margin-top:0;margin:0 auto;}

    .book_area .book_list li .img_area {max-width:150px;}
    .book .lang_box {clear:both; float:none;}
    .book .sort_box {margin:0 0 0 0; padding:5px 0 0;}
    .book .sort_box .lang_tit {text-align:left;}

    .review .inner2 .lang_box .lang_tit{display:block;}
    /* .review .inner2 .lang_box select{width:200px;} */
    .pop_con div:nth-child(1) .lang_box .lang_tit{display:inline-block;margin-right:30px;}
    .pop_con div:nth-child(1) .lang_box select{  width:calc(100% - 109px);}

    .pop_con div:nth-child(2) .lang_box .lang_tit{display:block; margin-right:0;}
    .pop_con div:nth-child(2) .lang_box select{width:calc((100% - 10px)/2);}
    .pop_con div:nth-child(2) .lang_box select:nth-child(1){margin-right:10px;}


    /*	북리스트 상세*/
    .view_middle .small_tit {width:100%;font-size:20px; font-weight:500; color:#333; text-align:center;}
    .view_middle .eb_download {width:100%; margin-bottom:20px; padding:10px;}
    .view_middle .eb_download a {font-size:0.875rem; padding:0 8% 0 0; width:100%;}
    .view_middle .eb_download a:nth-of-type(1){width:100%;margin-top:10px;}
    .view_middle .eb_download a:nth-of-type(2){width:100%;margin-bottom:10px;}
    .view_middle .add_cart {width:100%; padding:10px}
    .view_middle .add_cart a {width:100%;}

    .view_middle .add_cart a {font-size:16px; height:40px; line-height:38px;margin-bottom:10px;}

    .audio_area  {padding:30px 10px 20px;}
    /*
        .audio_area .small_tit {padding-top:12px;padding-bottom:22px;}
    */
    .audio_area .small_tit {padding-top:5px;padding-bottom:5px;}

    .book_detail {margin-bottom:-20px;}
    .book_detail .book_txt .b_name {font-size:1.25rem;}
    .book_detail .book_txt {padding:0 0 0 30px;}
    .book_detail .book_img  {float:none; margin:0 auto; width:auto;}
    .book_detail .book_img .book_info ul li:before {display:none;}
    .book_detail .book_txt  {float:none; width:100%; padding:20px 0 0; }
    .r_m{width:100%;}
    /* [class^="section_tit"] .right .sns_link {padding:0 0 10px} */
    .book_detail .book_txt .s_tit {font-size:14px;}
    .audio_area .sound_list li .audio_tit {padding:15px 0 15px 10px;}
    .audio_area .sound_list li .audio_tit p {}
    .book_detail .book_img .book_info ul {width:220px;}
    .book_detail .book_img .book_info ul li { padding:0 10px;}
    .audio_area .total_box {padding:0 0 10px;}
    .audio_area .total_box .total {margin-bottom:0;}
    .audio_area .total_box .down_audio {width:80px; height:30px; line-height:30px; font-size:0.7rem; background-size:12px; padding:0 15px 0 0; bottom:5px;}
    .pop_confirmbox .pop_wrap{width:98%;}
    .pop_confirmbox .pop_wrap ul{display:block;}
    .pop_confirmbox .pop_wrap ul li {padding:0;}
    .pop_confirmbox .pop_wrap ul li + li {margin-top:10px;}
    .pop_confirmbox .pop_wrap ul li a {font-size:14px; /*width:142px;margin:0 2px;*/}
    /* .pop_confirmbox .pop_wrap ul li:nth-child(1) a{margin-right:10px;} */
    /*	sermons */
    .subj_toggle .subj_tit {text-align:justify;padding:15px;/*word-break:break-all;*/ padding-bottom:70px;background:url(/common/images/sub/enter_plus.png)no-repeat ;background-size:35px;background-position:center calc(100% - 18px);}
    .subj_toggle .subj_con ul li {padding:0 0 0 20px;}
    .subj_toggle .subj_con ul li:before{display:none;}


    .subj_toggle .subj_tit04{ border-bottom:1px solid #ddd;box-sizing:border-box; padding:1rem 3rem 1rem 1rem; background:url(/common/images/sub/arrow_down.png) no-repeat 95% center;background-position:95% center; background-size:10px;}
    .subj_toggle .subj_tit04.open {border-bottom:1px solid #8f45e3; background-image:url(/common/images/sub/arrow_up.png);}
    .subj_toggle .subj_tit04.open strong {color:#8f45e3; font-weight:700; }



    .subj_toggle .subj_tit06{ border-bottom:1px solid #ddd;box-sizing:border-box; padding:25px 80px 25px 20px; background:url(/common/images/sub/arrow_next.png) no-repeat 95% center;background-position:95% center;  background-size:6px; }
    .subj_toggle .subj_tit06.open {border-bottom:1px solid #8f45e3; background-image:url(/common/images/sub/arrow_next.png); background-size:6px;;}

    /*	sermons 상세*/
    .border_view .tit {padding:10px 0 10px 10px;}
    .border_view .con {padding:20px 0 }
    .border_view .move_page li > strong {padding:0 0 0 10px; }
    .border_view .move_page li > p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
    .tab_type2 li.active a {line-height:35px;}
    /* .border_view .tit p {font-size:1.14rem; padding:7px 0;} */

    /* What's the Gospel? */
    .bstudy_gospel .text_area {padding:20px 0 0 0;}
    .bstudy_gospel .text_area .txt + .txt {margin:15px 0 0 0;}
    .bstudy_gospel .text_area .blue_box {margin:20px 0; padding:20px 30px 25px 30px;}
    .bstudy_gospel .text_area .blue_box02 strong {float:none; width:100%;}
    .bstudy_gospel .text_area .blue_box02 ul {float:none; width:100%;}
    .bstudy_gospel .text_area .blue_box03 ul li span {float:none; width:100%;}
    .bstudy_gospel .text_area .blue_box03 ul li p {float:none; width:100%;line-height:26px; margin-top:5px;}
    .bstudy_gospel .text_area .img_area {position:relative;}
    .bstudy_gospel .text_area .img_area .img_box {width:100%; margin:0 0 20px;}
    .bstudy_gospel .text_area .img_area .txt_box {width:100%;}
    .bstudy_gospel .text_area .img_area02 {padding:0;}
    .bstudy_gospel .text_area .img_area02 .img_box {width:100%; margin:0 0 20px;}
    .bstudy_gospel .text_area .img_area02 .txt_box {width:100%;}


    /*	tabernacle_study*/
    .tabernacle .text_box {padding:20px 20px 30px; margin:0;}
    .tabernacle .text_box ul li.img img {width:100%;float:none;}
    .tabernacle .text_box ul li.img .txt {padding:20px 0 0 0; width:100%; float:none;}
    .tabernacle .text_box ul li {line-height:24px; padding-top:20px;}
    .tabernacle.privacy .text_box ul li {text-align:left}

    /*	tabernacle_study _view*/

    .view_type2 .img_box {max-width:260px;}
    .view_type2 img {width:100%;}
    .view_type2 .color_box {padding:20px; margin-top:20px;}
    .view_type2 .color_box strong {font-size:18px; float:none; width:100%;}
    .view_type2 .color_box .txt {float:none; width:100%; margin-top:10px;}
    .view_type2 .color_box p {line-height:1.6; font-size:15px;}
    .view_type2 .color_box p a{ font-weight:400; font-size:17px; text-align:justify; /*word-break:break-all;211107수정*/}
    .view_type2 {padding:30px 0;}
    .view_type2 .tit_box strong::after{display:none;}
    .view_type2 .tit_box strong {float:none; width:100%;}
    .view_type2 .tit_box .txt p,.view_type2 .tit_box .txt h1 {float:none; width:100%; font-size:20px; word-break:break-all; margin-top:7px;padding-left:0;}
    .tabernacle_view .view_type2 {padding:0 0 20px;}
    .view_type2 .tit_box {padding:13px 10px;}
    /* .view_type2 .txt_area p {padding:5px;} */

    /*	messages*/
    .total_box{padding-top:30px;}

    .total_box .total {margin-bottom:10px;}
    .total_box .total_right {float:none; overflow:hidden; width:100%;}

    .message_list li .tit_area .date {clear:both;display:block; float:none; line-height:1.6;}
    .message_list li .tit_area em,.message_list li .tit_area h2 {font-size:1.1rem; letter-spacing: -0.03em}
    .message_list li .tit_area span {font-size:1.25rem;}
    .message_list li p.txt {line-height:22px;font-size: 0.9rem}
    .message_list > li {padding:15px 10px;}
    .message_list li .img_box {margin:0 auto; float:none;}
    .message_list .item {padding: 1.5rem 5%;}
    .message_list .item .subList {margin: 0 -6%;}
   .message_list .item .subList > li { padding: 1rem;}

    /* about us */
    .main_about {padding:0 0 65% 0px; background:#d8ebf5 url(/common/images/sub/bg_about_m.png) no-repeat center bottom / contain;}
    /*	.main_about p, .main_bt p {font-size:0.9286rem;}*/
    .main_about > div {padding:20px 15px; width:100%;}
    .main_bt {top:0; padding:0 15px; margin:30px 0 50px;}
    .about_box li {float:none; width:100%; height:auto; padding:30px 15px;min-height:100%;}
    .about_box li:nth-child(odd) {margin:0 0 20px 0;}
    .about_box li.box1 {background-position:right 95%; background-size:50%;}
    .about_box li.box2 {background-position:right 95%; background-size:50%;}
    .about_box li h4 {margin:0 0 15px 0;}
    .about_box li p {line-height:27px;; /*font-size:0.9286rem;*/}
    /*	.about_box li strong {font-size:1rem;}*/

    /* Our Gospel Songs */
    .gospel .top_box {padding:20px 15px;}
    .gospel .top_box strong {font-size:1.25rem;}

    /*	.gospel .top_box p {font-size:0.9375rem;}*/
    .gospel .song_toggle li.song_name .info {float:none;}
    .gospel .song_toggle li.song_name .info li {float:none;}
    .gospel .song_toggle li.song_name .info li:before {display:none;}
    .gospel .song_toggle li.song_name .info li span {display:inline-block; width:85px; margin:0 5px 0 0; vertical-align:top;}
    .gospel .song_toggle li.song_name .info li em {display:inline-block; width:calc(100% - 95px); vertical-align:top;}
    .gospel .song_toggle li.song_name .right_c {float:none; margin:10px 0 0 0;}
    .gospel .song_toggle li.song_name .right_c a {width:60px;}
    .gospel .song_toggle .aco_con {padding:0 10px 10px;}
    .gospel .top_box .text_left{width:100%;float:none;}
    .gospel .top_box .go_img_box {float:none; width:100%; text-align:center;}

    .input_table td input {padding:0 15px; width:100%; height:40px}

    /* contact us */
    .fb_area {padding:25px 15px;}
    .fb_box button {width:110px;}
    .sky_box a {width:100%;}
    /*	.sky_box p {font-size:0.9375rem;}*/
    .fb_box select {padding:0 20px 0 15px; font-size:0.8571rem;}
    .fb_img li {width:calc((100% - 10px)/2); margin:20px 0 0 10px;}
    .fb_img li:nth-child(5n + 1) {margin:20px 0 0 10px; clear:none;}
    .fb_img li:nth-child(2n + 1) {margin:20px 0 0 0; clear:both;}
    .fb_img li p {margin:5px 0 0 0; font-size:1rem; line-height:1.7}
    .fb_box button{font-size:0.8571rem;width:auto;}
    .contact .section .input_table th {padding:20px 10px 0 0; font-size:0.8571rem;}
    .contact .section .input_table td input {width:100%;}
    .contact .section .input_table .mail input {width:calc((100% - 20px)/2);}


    /*	list paging*/
    .list_paging ul li a {width:30px; height:30px; line-height:30px; }
    .list_paging ul li {margin:0;}
    .list_paging ul {margin:0;}
    .list_paging > a {width:30px; height:30px;}



    /* 로그인 */
    .login_form .loing_tit {margin:0 0 20px; font-size:1.5rem;}
    .login_form ul li {float:none; width:100%; margin:30px 0 0 0; padding:30px 15px;min-height:100%;}
    .login_form ul li h3 {font-size:1.3rem;}
    .login_form ul li .txt {height:auto; padding:0; font-size:0.75rem;}
    .login_form .input_box button {margin:20px 0 0 0; font-size:1rem;}

    /*	messages_coworker*/
    .newest .txt_box p {-webkit-line-clamp:4; font-size:17px; line-height:23px;}
    .newest .txt_box h3,.newest .txt_box h2 {padding:10px 0;}
    .con_ul{position:relative; min-height:20px}
    .con_ul li.contry{width:calc(100% - 130px);}

    /*
        .con_ul li {font-size:0.875rem;}
        .con_ul li span{font-size:0.875rem;}
    */
    .con_ul li{float:none;font-size:17px;}
    .con_ul li:before{display:none;}
    .post_area  {padding:20px;}
    .post_area p { width:100%;}
    .post_area .btn_post {width:100%;position:static;display:block;font-size:1rem;top:initial;left:initial;transform:none;height:80px;line-height:110px;background-position:center 15px;background-size:30px;margin:15px 0 0;}
    .newest {padding:20px 0; margin:0 0 10px;}
    .newest .txt_box {width:100%; padding:0 10px; float:none; }

    .newest .img_box {float:none; margin: 0 auto;  max-width:280px;width:280px;}
    .newest .img_box img{height:auto;}


    .newest .inner2  {padding:0 10px;}
    .message_img_list li .tit_area {width:100%; padding:10px 0 0;}
    .message_img_list li .img_box {margin:0 auto; float:none;text-align:center;}
    .message_img_list li .tit_area p.txt {margin-bottom:10px; -webkit-line-clamp:3; height:auto; font-size:0.9rem; letter-spacing: -0.05em}
    .message_img_list li .tit_area em,.message_img_list li .tit_area h2 {font-size:1.125rem; padding-bottom:5px;}
    .message_img_list > li {padding:25px 15px 20px;}
    .border_view .tit .con_ul li{font-size:1rem;}
    .border_view .tit .con_ul li span{font-size:1rem;}
    .coworker .border_view .tit{padding:10px}

    /*messages_write 작성	*/
    .file_box .upload_name {width:100%; }
    .input_table td .name input {width:100%; margin:0 ;}
    .input_table td .name input:first-child {margin-bottom:5px;}
    .input_table th {padding:20px 20px 0 0px; }
    .file_box label {width:100%; height:36px; line-height:36px; }
    .input_table tr:first-child td {padding:10px 0}
    .file_box_alert {position:static;margin-left:10px;color:blue;width:90%;margin-top:-10px;}

    /*	video*/
    .post_area  {margin:20px 0 0;margin-bottom:20px;}
    .video .post_area .btn_post {background-position:center 15px;background-size:30px;}
    .video_list > li {width:100%;}
    .video_list > li:last-child {margin-bottom:0;}
    .video_list > li .txt_area p,.video_list > li .txt_area h2 {font-size:1.125rem;}


    /*	video*/
    .review .post_area .btn_post {background-position:center 15px;background-size:30px;}
    .review .tit_area .txt {margin-bottom:10px;}
    .review .con_ul li.views {float:none;}

    .border_view .con .txt_box{margin-top:10px;}

    /*	Faith Statement*/
    .faith_box {display:block; margin:0;}
    .faith_box li {width:auto; margin:0; padding:20px;}
    .faith_box li + li {margin-top:12px;}
    .faith_box li p {line-height:1.6;}
    .faith_box li strong {font-size:1.25rem; margin-bottom:7px;}

    /*	about_author*/
    .author_box {padding:40px 0 60%; background:#f1e9b2 url(/common/images/sub/bg_about04_m.png) no-repeat right bottom / 100%;}
    .author_box p {width:100%;  padding:0 0 40px; font-size: 1rem; letter-spacing: -0.05em;}
    .author_box::after{display:none;}
    .author_box .inner2::after{display:none;}

    /*	sign_up01 회원가입 1*/
    .signup_form .section:nth-child(2) .choice_area .chk_wrap .chk_box{ float:none; margin:5px 0 0 ;}
    .signup_form .section + .section {margin:30px 0 0;}

    /*	sign_up_com 회원가입 완료*/
    .signup_com i { margin:0 auto 10px;}
    .signup_com p {padding:0 30px; }
    .signup_com h3 {font-size:1.375rem; margin:0 0 10px;}

    /*장바구니*/
    .product_list .img_box {margin:0 auto; float:none; }
    .cart_wrap .top li.total {float:none; padding-top:5px; clear:both;}
    .cart_wrap .top {padding:10px;}
    .bg_type02 {background-position:center 50px; background-size:100%;}
    .product_list .txt_box .btn_delete {top:0; transform:none; width:19px; height:19px; background-position:center; background-size:cover;}
    .product_list .txt_box {padding:5px 0 45px 10px ;width:100%;}
    .product_list .txt_box .b_name {font-size:1rem; }

    .popup .pop_wrap .pop_tit {height:50px;}
    .popup .pop_wrap .btn_pop_close {top:20px;}
    .popup .pop_wrap .pop_con {padding:30px 20px;}
    .pop_times .pop_wrap .pop_con button {margin-bottom:5px;}

    .order_table tbody tr td {padding:10px; vertical-align:top;}
    .order_table .img_box img {width:80px;}
    .s_tit {font-size:1rem;}
    .order_table tbody tr td .txt_box .b_name {line-height:1.6; font-size:0.8571rem;}

    /* 주문완료 */
    .order_com .order_txt {padding:20px 10px;}
    .order_com .order_info {padding:15px 0;}
    .order_com .order_info li + li {margin:0 0 0 15px;}
    .order_com .order_info li em {margin:0 0 0 10px; }


    /* 마이페이지 */
    #A_Container_R .sub_lnb {overflow:hidden; border-top:none;}
    #A_Container_R .sub_lnb li {float:left; width:calc(100% / 3); height:88px; text-align:center; border-left:1px solid #ddd; box-sizing:border-box;}

    #A_Container_R  {width:100%; float:none;}
    #A_Container_R .sub_lnb {overflow:hidden; border:none;}
    #A_Container_R .sub_lnb li {float:left; width:calc(100% / 3); height:88px; text-align:center; border:1px solid #ddd; box-sizing:border-box;margin-bottom:-1px;}
    #A_Container_R .sub_lnb li a {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; padding:10px 0;}
    #A_Container_R .sub_lnb.col01 {border:0;}

    #A_Container_L {width:100%; float:none;}
    #A_Container_R .sub_lnb li:first-child {border-top:1px solid #ddd;}
    #A_Container_R .sub_lnb li:nth-child(1){width:50%;margin-right:-1px}
    #A_Container_R .sub_lnb li:nth-child(2){width:50%;}
    #A_Container_R .sub_lnb li:nth-child(3){width:50%;margin-right:-1px}
    #A_Container_R .sub_lnb li:nth-child(4){width:50%;}
    #A_Container_R .sub_lnb li:nth-child(5){margin-right:-1px; margin-bottom:0px;}
    #A_Container_R .sub_lnb li:nth-child(6){margin-right:-1px; margin-bottom:0px;}
    #A_Container_R .sub_lnb li:nth-child(7){margin-bottom:0px;}



    .modify .btn_pw {height:36px;}

    .board_table tbody tr td {padding:0 5px; font-size:0.9286rem;}

    .board {margin:30px 0 0 0;}
    .board .board_table tbody tr td {padding:5px;}
    .order_table tbody tr td .txt_box .b_name {font-size:0.8571rem;}
    .order_table02 th {padding:0 5px; font-size:0.8571rem;}
    .order_table02 td {padding:0 5px; font-size:0.8571rem;}

    .signup_input_form {margin:30px 0 0 0;}
    .input_table td .birthday select {padding:0 15px;}


    /*	contact us 책팝업*/
    .pop_book .pop_wrap .pop_con {padding:10px 20px;}


    /*	fqa*/
    .tab_type2 li {width:calc(100%/2);}
    .tab {border-radius:23px;}

    /*	cart */
    .cart_wrap .top li.order {display:block; clear:both; float:none; padding:0;}

    /*	book review 작성*/
    .review_write .fb_area .fb_box button {width:100%; height:40px; margin:0 0 5px; float:none;}
    .review_write .fb_area .fb_box .ip_box {width:100%}
    .review_write .fb_area .fb_box .ip_box input {width:100%; padding-left:20px;}
    .review_write .fb_area .fb_box .ip_box .ic_x {top:10px;}

    /*	book review 상세*/
    .review .book_detail .book_txt {width:100%; padding-left:0;}
    .review .book_detail .book_txt .b_writer {margin:5px 0;}

    .border_view .tit .con_ul li.contry04{ width:calc(100% - 170px); display:inline-block;}
    .con_ul li.date04{position:relative; display:inline-block;float:right; clear:none;}
    .review .con_ul li.views04{float:right; display:inline-block; position:relative;}
    .border_view .tit .con_ul li.views04:before{display:inline-block; top:0; left:0;}

    .gospel .lang_box{width:100%;}
    .gospel_search{width:100%;}
    .gospel_search select{float:left;}
    .gospel_search .inputbox {    width:calc(100% - 110px);}

    .gospel .song_toggle .aco_con iframe{width:100%;height:100%;}
    .gospel_popup iframe{width:100%;}

    .btns .btn_purp {width:100%;margin-bottom:10px;}
    .btns .btn_wh {width:100%;margin-bottom:10px;}
    .input_table td .id button{padding:10px; height:auto;width:100%;}
    .reset_btn{margin-bottom:20px;}

    /* book_view */
    .pdfDown_box select {      width:380px; }
    /* pdfDownload */
    .pdfDown_title  {width:94.7%;padding-right:0px;}
    .pdfDown_title2 {width:94.7%;padding-right:0px;}
    .pdfDown_box #country {width:98%;}
}



/*코로나_관련_팝업*/
/*.k_covid_pop{max-width:950px;}
.k_covid_pop_close{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);}

.k_covid_pop .nobox1{font-size:23px;padding-bottom:30px;}
.k_covid_pop .nobox2{font-size:20px;}*/


/*모달코비드*/
.modal_covid { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; display:none;z-index:100}
/*.modal_covid_cont{
  max-width:950px; height:auto;
  width:95%;
  background:#fff; border-radius:10px;
  position:relative;
  margin:0 auto;
  transform:translateY(65%);
  text-align:center;
  box-sizing:border-box; padding:30px 15px 45px;
  line-height:23px; cursor:pointer;
}*/
.modal_covid_cont{
    max-width:950px; height:auto;
    width:95%;
    background:#fff; border-radius:10px;
    position:fixed; top:50%;left:50%;
    margin:0 auto;
    transform:translate(-50%, -50%);
    text-align:center;
    box-sizing:border-box; padding:30px 15px 45px;
    line-height:23px; cursor:pointer;
}

.modal_covid2 { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; display:none;z-index:100}
.modal_covid3 { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; display:none;z-index:100}
.modal_covid4 { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; display:none;z-index:100}
/*.modal_covid_cont{
  max-width:950px; height:auto;
  width:95%;
  background:#fff; border-radius:10px;
  position:relative;
  margin:0 auto;
  transform:translateY(65%);
  text-align:center;
  box-sizing:border-box; padding:30px 15px 45px;
  line-height:23px; cursor:pointer;
}*/
.modal_covid_cont2{
    max-width:950px; height:auto;
    width:95%;
    background:#fff; border-radius:10px;
    position:fixed; top:50%;left:50%;
    margin:0 auto;
    transform:translate(-50%, -50%);
    text-align:center;
    box-sizing:border-box; padding:30px 15px 45px;
    line-height:23px; cursor:pointer;
}
.modal_covid_cont3{
    max-width:950px; height:auto;
    width:95%;
    background:#fff; border-radius:10px;
    position:fixed; top:50%;left:50%;
    margin:0 auto;
    transform:translate(-50%, -50%);
    text-align:center;
    box-sizing:border-box; padding:30px 15px 45px;
    line-height:23px; cursor:pointer;
}
.modal_covid_cont4{
    max-width:950px; height:auto;
    width:95%;
    background:#fff; border-radius:10px;
    position:fixed; top:50%;left:50%;
    margin:0 auto;
    transform:translate(-50%, -50%);
    text-align:center;
    box-sizing:border-box; padding:30px 15px 45px;
    line-height:23px; cursor:pointer;
}
.modal_covid_top_txt {padding-top:110px;font-family:'TAHOMA','SansSerif';line-height:1.7;background:url(/common/images/sub/join_icon.png)no-repeat center top; font-size:23px; padding-bottom:40px}
.modal_covid_btm_txt {font-size:20px;font-family:'TAHOMA','SansSerif'; line-height:1.7;}
.modal_covid_close {width:71px; height:69px; background:red; position:absolute; bottom:-35px; left:50%; margin-left:-35px;background:url(/common/images/sub/cart_close.png)no-repeat center top; }

.modal_covid_top_txt2 {padding-top:110px;font-family:'TAHOMA','SansSerif';line-height:1.7;background:url(/common/images/sub/join_icon.png)no-repeat center top; font-size:23px; padding-bottom:40px}
.modal_covid_btm_txt2 {font-size:20px;font-family:'TAHOMA','SansSerif'; line-height:1.7;}
.modal_covid_top_txt3 {padding-top:110px;font-family:'TAHOMA','SansSerif';line-height:1.7;background:url(/common/images/sub/join_icon.png)no-repeat center top; font-size:23px; padding-bottom:20px}
.modal_covid_btm_txt3 {font-size:20px;font-family:'TAHOMA','SansSerif'; line-height:1.7;}
.modal_covid_top_txt4 {padding-top:110px;font-family:'TAHOMA','SansSerif';line-height:1.7;background:url(/common/images/sub/join_icon.png)no-repeat center top; font-size:23px; padding-bottom:20px}
.modal_covid_btm_txt4 {font-size:20px;font-family:'TAHOMA','SansSerif'; line-height:1.7;}
.modal_covid_close2 {width:71px; height:69px; background:red; position:absolute; bottom:-35px; left:50%; margin-left:-35px;background:url(/common/images/sub/cart_close.png)no-repeat center top; }
.modal_covid_close3 {width:71px; height:69px; background:red; position:absolute; bottom:-35px; left:50%; margin-left:-35px;background:url(/common/images/sub/cart_close.png)no-repeat center top; }
.modal_covid_close4 {width:71px; height:69px; background:red; position:absolute; bottom:-35px; left:50%; margin-left:-35px;background:url(/common/images/sub/cart_close.png)no-repeat center top; }


/*@media screen and (max-width:820px){
	.k_covid_pop .popup3_in{padding:20px;}

	.k_covid_pop .nobox1{font-size:20px;}
	.k_covid_pop .nobox2{font-size:16px;}
}

@media screen and (max-width:580px){
	.k_covid_pop{width:95%;}
	.k_covid_pop .popup3_in{padding:20px 0;}

	.k_covid_pop .nobox1{font-size:16px;}
	.k_covid_pop .nobox2{font-size:12px;padding-bottom:20px;}
}
*/

@media screen and (min-width:768px) and (max-width:1200px) {

    .modal_covid_top_txt {font-size:20px;}
    .modal_covid_btm_txt {font-size:18px; }

    .modal_covid_top_txt2 {font-size:20px;}
    .modal_covid_btm_txt2 {font-size:18px; }

    .modal_covid_top_txt3 {font-size:20px;}
    .modal_covid_btm_txt3 {font-size:18px; }

}
@media screen and (min-width:481px) and (max-width:767px) {
    .modal_covid_top_txt {font-size:17px;padding-top:70px;background-size:37px;}
    .modal_covid_btm_txt {font-size:15px; }

    .modal_covid_top_txt2 {font-size:17px;padding-top:70px;background-size:37px;}
    .modal_covid_btm_txt2 {font-size:15px; }

    .modal_covid_top_txt3 {font-size:17px;padding-top:70px;background-size:37px;}
    .modal_covid_btm_txt3 {font-size:15px; }

}
@media screen and (max-width:480px) {
    .modal_covid_top_txt {font-size:16px;padding-top:60px; background-size:30px;padding-bottom:30px}
    .modal_covid_btm_txt {font-size:13px; }

    .modal_covid_top_txt2 {font-size:16px;padding-top:60px; background-size:30px;padding-bottom:30px}
    .modal_covid_btm_txt2 {font-size:13px; }

    .modal_covid_top_txt3 {font-size:16px;padding-top:60px; background-size:30px;padding-bottom:30px}
    .modal_covid_btm_txt3 {font-size:13px; }

    .search_result .select_box_top select:nth-child(1){width:50%;}
    .search_result .select_box_top select:nth-child(2) {width:calc((100% - 50%) - 15px); margin-right:0; clear:right}
    .search_result .select_box_top input {float:left; box-sizing:border-box; width:calc(100% - 75px); display:inline-block; margin-right:15px; margin-top:10px; height:60px; line-height:60px; color:#333; border:1px solid #ddd;padding:10px;font-size:16px;font-weight:400;}
    .search_result .select_box_top button {float:left; width:60px; margin-top:10px;}


}
.ui-dialog-titlebar-close {display:none;}
#fade_20 a.class-modal {display:none;}

@media only screen and (max-width:1200px) {
    .view_middle .eb_download a {margin-top:15px;}
}

.message_list > li.no-data, .no-data {position:relative; font-size:20px; color:#ccc; font-weight:bold; margin:80px 0 ; text-align:center; padding-top:120px!important; text-align:center; border-bottom:none!important }
.message_list > li.no-data:before, .no-data:before {position:absolute; content:""; width:100px; height:100px; background-size:90px 90px; top:10px; left:50%; transform:translateX(-50%);background:url(/common/images/sub/not-found.png)no-repeat center center/cover; opacity:0.2}
.message_list > li.no-data.bbs, .no-data.bbs {margin:40px 0}
.fw-b{font-weight:bold}

/*
#A_Wrap {overflow-x:hidden;}*/
html, body {height:100%;width:100%;}