/*메인 index.html*/
input, textarea, button, p, span,
#main_wrap span, h1, h2, h3, h4, h6, tr, td, ol, li, select, pre, a {transform: skew(-0.03deg);}
.auto{width: 1600px; margin: 0 auto;}

.header-wrap{width:100%; /*box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);*/} 
.header-wrap .headerInner{display:flex; justify-content: space-between; align-items: center; transform: inherit; z-index: 999999;} 
.header-wrap .headerInner h1 a{width: 160px;} 
.header-wrap .headerInner h1 a img{width: 100%;} 
.header-wrap .headerInner ul.nav-wrap{display:flex; justify-content: center; align-items: center; width: calc(100% - 320px); height: 80px; z-index: 999999;} 
.header-wrap .headerInner ul.nav-wrap > li{position:relative; height: 100%;} 
.header-wrap .headerInner ul.nav-wrap > li > a{display:flex; justify-content: center; align-items: center; padding:0 30px; font-weight: 900; color: #333; font-size: 18px; height: 100%;} 
.header-wrap .headerInner ul.nav-wrap > li > a:hover{color:#276cad;} 
.header-wrap .headerInner ul.nav-wrap > li .depth2{display: none; position:absolute; top:65px; left:0; width: 100%; border:1px solid #d7d7d7; border-radius: 5px; overflow: hidden; z-index: 999999; } 
.header-wrap .headerInner ul.nav-wrap > li .depth2 li a{display:flex; justify-content: center; align-items: center; height: 40px; font-weight: 600; background: #fff; font-size: 15px;} 
.header-wrap .headerInner ul.nav-wrap > li .depth2 li:first-child a{border-bottom: 1px solid #d7d7d7;} 
.header-wrap .headerInner ul.nav-wrap > li .depth2 li a:hover{color: #276cad;} 

.header-wrap .headerInner ul.nav-wrap h1.logo-wrap{width: 160px;} 
.header-wrap .headerInner a.ad-btn{display:flex; justify-content: center; align-items: center; border:1px solid #d7d7d7; border-radius:50px; width: 160px; height: 40px;} 
.header-wrap .headerInner a.ad-btn:hover, .header-wrap .headerInner a.ad-btn.actived{border:1px solid #276cad; color:#fff; background: #276cad;} 



.mainBanner-wrap{z-index: -1;}
.mainBanner-wrap ul li a img{border-radius: 20px; overflow: hidden; width: 100%;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:auto; top:50%; transform: translateY(-50%); display:flex; flex-direction: column; right:30px; left:auto; justify-content:flex-start; align-items: flex-end;}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0; background:#fff; opacity: 1;}
.swiper-pagination-bullet-active{position:relative;}
.swiper-pagination-bullet-active:after{content:''; display:inline-block; width: 18px; height: 18px; border:1px solid #fff; border-radius: 50%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}


/*.main-adBanner-wrap{padding-bottom: 55px;}*/
.main-adBanner-wrap a img{width: 100%; border-radius: 20px; overflow: hidden;}

.main-adBanner-wrap .swiper-horizontal>.swiper-pagination-bullets,.main-adBanner-wrap .swiper-pagination-bullets.swiper-pagination-horizontal,.main-adBanner-wrap .swiper-pagination-custom,.main-adBanner-wrap .swiper-pagination-fraction{flex-direction: row; transform:inherit; justify-content: center; align-items: center; bottom:10px; top:auto;}
.main-adBanner-wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.main-adBanner-wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px; background:#d7d7d7; opacity: 1;}
.main-adBanner-wrap .swiper-pagination-bullet-active{position:relative; background: #276cad !important;}
.main-adBanner-wrap .swiper-pagination-bullet-active:after{content:''; display:inline-block; width: 18px; height: 18px; border:1px solid #276cad; border-radius: 50%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}


.mainSec .title-wrap{display:flex; justify-content: center; align-items: center;}
.mainSec .title-wrap a.arrow-btn{display:flex; justify-content: center; align-items: center; padding:0 10px; height: 30px;}
.mainSec .title-wrap a.arrow-btn.left-btn{margin-right: 30px;}
.mainSec .title-wrap a.arrow-btn.right-btn{margin-left: 30px;}
.mainSec .title-wrap p.title{font-size: 30px; font-weight: 900; color: #333; }
.mainSec .title-wrap p.title span{font-size: 30px; font-weight: 900;}
.mainSec01 .nameList{width: 70%; display:flex; justify-content: center; align-items: center; margin: 20px auto -10px; flex-wrap: wrap;}
.mainSec01 .nameList li a{display:flex; justify-content: center; align-items: center; background:#f7f7f7; border-radius: 20px; height: 40px; padding:0 20px; margin:10px 15px;}
.mainSec01 .nameList li a:hover{background: #276cad; color:#fff;}


.mainSec01 .nameBanner-wrap{display: flex; justify-content: space-between; align-items: center; margin-top: 60px;}
.mainSec01 .nameBanner-wrap li{width: calc(33.33% - 20px);}
.mainSec01 .nameBanner-wrap li a{width: 100%; display: block; border-radius: 20px; height:0; padding-bottom:27.3333%;}
.mainSec01 .nameBanner-wrap li:nth-child(1)  a{background:url('../images/nameBanner01.jpg') 100% no-repeat;  background-size: 100%;}
.mainSec01 .nameBanner-wrap li:nth-child(2) a{background:url('../images/nameBanner02.jpg') 100% no-repeat;  background-size: 100%;}
.mainSec01 .nameBanner-wrap li:nth-child(3) a{background:url('../images/nameBanner03.jpg') 100% no-repeat;  background-size: 100%;}
.mainSec01 .nameBanner-wrap li a p.tit{display:block; padding-top: 30px; padding-left: 30px; font-size: 20px; color: #fff; font-weight: 900; line-height: 1.3;}

.mainSec01 .nameBanner-wrap li a p.text{display:block;padding-left: 30px;color: #fff; opacity: 0.9; font-size: 15px; font-weight: 500; line-height: 1.3;}

.mainSec01 .nameBanner-wrap li:nth-child(1) a p.tit{color: #333;}
.mainSec01 .nameBanner-wrap li:nth-child(1) a p.text{color: #888;}




.celeb-name-wrap{background: #f7f7f7; padding:80px 0; margin-top: 80px; }
.celeb-name-wrap > p{width: 100%; text-align: center;}
.celeb-name-wrap > p.tit{font-size: 22px; color: #333; font-weight: 900;}
.celeb-name-wrap > p.txt{font-size: 16px; color: #888; margin-top: 5px;}

.celeb-name-wrap .celebList {margin-top: 30px; position:relative; overflow: visible; }
.celeb-name-wrap .celebList ul{margin-left: -440px;}
/*
.celeb-name-wrap .celebList:before{content:''; display:block; width: calc(50% - 520px); height:100%; background: #f7f7f7; opacity: 0.4; position:absolute; top:0; left:0; z-index: 3;}
.celeb-name-wrap .celebList:after{content:''; display:block; width: calc(50% - 520px); height:100%; background: #f7f7f7; opacity: 0.4; position:absolute; top:0; right:0; z-index: 3;}
*/
.celeb-name-wrap .celebList li{width: 160px; margin:0 30px; opacity: 0.4; transition:opacity 0.3s;}
.celeb-name-wrap .celebList li a img{width: 160px; height: 160px; border-radius: 50%; border:1px solid #d7d7d7;}
.celeb-name-wrap .celebList li a > p{text-align: center;}
.celeb-name-wrap .celebList li a > p.name{text-align: center; margin-top: 15px; color: #333; font-weight: 900; font-size: 18px; }
.celeb-name-wrap .celebList li a > p.job{text-align: center; margin-top: 5px; color: #888;font-size: 15px; font-weight: 500;}



.celeb-name-wrap .celebList li.swiper-slide-active,.celeb-name-wrap .celebList li.swiper-slide-active + .swiper-slide, .celeb-name-wrap .celebList li.swiper-slide-active + .swiper-slide + .swiper-slide, .celeb-name-wrap .celebList li.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide , .celeb-name-wrap .celebList li.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity:1}


.mainSec2 .church-wrap{margin-top: 30px; padding-bottom: 55px;}
.mainSec2 .church-wrap > ul > li a{width: 100%; display:flex; justify-content: center; flex-wrap: wrap; border-radius: 5px; border:1px solid #d7d7d7; padding:20px 20px 30px;}
.mainSec2 .church-wrap > ul > li a:hover{border:1px solid #276cad;}
.mainSec2 .church-wrap > ul > li a .img-wrap{width: 100%; height:0; padding-bottom:54.96828%; position:relative;}
.mainSec2 .church-wrap > ul > li a .img-wrap img{width: 100%; height:100%; position:absolute; top:0; left:0; border-radius: 5px; object-fit: cover;}
.mainSec2 .church-wrap > ul > li a > p.tit{width: 100%; margin-top: 20px; font-size: 22px; color: #333; font-weight: 900; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mainSec2 .church-wrap > ul > li a:hover > p.tit{color: #276cad;}
.mainSec2 .church-wrap > ul > li a > p.adress{width: 100%; margin-top: 5px; font-size: 15px; color: #888; font-weight: 600;}
.mainSec2 .church-wrap > ul > li a > p.adress{width: 100%; margin-top: 5px; font-size: 15px; color: #888; font-weight: 600; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainSec2 .church-wrap > ul > li a ul.keyword{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: 20px; height: 35px; overflow: hidden;}
.mainSec2 .church-wrap > ul > li a ul.keyword li{display:flex; justify-content: center; align-items: center; padding:0px 15px; background: #f7f7f7; border-radius: 35px;  font-size: 15px; margin:0 5px; height: 35px;}
.mainSec2 .church-wrap > ul > li a ul.keyword li:first-child{margin-left: 0;}


.swiperBt-pagination .swiper-horizontal>.swiper-pagination-bullets,.swiperBt-pagination .swiper-pagination-bullets.swiper-pagination-horizontal,.swiperBt-pagination .swiper-pagination-custom,.swiperBt-pagination .swiper-pagination-fraction{flex-direction: row; transform:inherit; justify-content: center; align-items: center; bottom:10px; top:auto; right:auto;}
.swiperBt-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiperBt-pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px; background:#d7d7d7; opacity: 1;}
.swiperBt-pagination .swiper-pagination-bullet-active{position:relative; background: #276cad !important;}
.swiperBt-pagination .swiper-pagination-bullet-active:after{content:''; display:inline-block; width: 18px; height: 18px; border:1px solid #276cad; border-radius: 50%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.view-btn{display:flex; justify-content: center; align-items: center;  width: 200px; height:40px; border-radius: 20px; border:1px solid #d7d7d7; margin:60px auto 0; }
.view-btn:hover{border:1px solid #276cad; color:#276cad}


.mainSec3 .list-wrap{margin-top: 30px; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap;margin-bottom: -30px; }
.mainSec3 .list-wrap li{width: calc(50% - 15px); margin-right: 30px; margin-bottom: 30px;}
.mainSec3 .list-wrap li:nth-child(2n){margin-right: 0;}
.mainSec3 .list-wrap li a{width: 100%; display:flex; justify-content: space-between; align-items: center; padding:20px; border:1px solid #d7d7d7; border-radius: 5px;}
.mainSec3 .list-wrap li a:hover{border-color:#276cad;}
.mainSec3 .list-wrap li a:hover .text-wrap p.tit{color: #276cad;}
.mainSec3 .list-wrap li a .text-wrap{width: calc(100% - 180px);padding-left: 10px;}
.mainSec3 .list-wrap li a .text-wrap p.tit{font-size: 20px; color: #333; font-weight: 900; margin-bottom: 10px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mainSec3 .list-wrap li a .text-wrap p.txt{font-size: 15px; color:#888; line-height: 1.3em; height:2.6em; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.mainSec3 .list-wrap li a .text-wrap .date-wrap{display:flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.mainSec3 .list-wrap li a .text-wrap .date-wrap .view{display:flex; justify-content: flex-start; align-items: center;}
.mainSec3 .list-wrap li a .text-wrap .date-wrap .view p{margin-right: 20px;}
.mainSec3 .list-wrap li a .text-wrap .date-wrap .view p:nth-child(2){margin-right: 0;}
.mainSec3 .list-wrap li a .text-wrap .date-wrap .view p:before{display:inline-block; margin-right: 5px; color: #333; font-weight: 400; font-family: "Font Awesome 6 Pro";}
.mainSec3 .list-wrap li a .text-wrap .date-wrap .view p:nth-child(1):before{content:'\f007'; font-size: 14px; margin-top: -1px;}
.mainSec3 .list-wrap li a .text-wrap .date-wrap .view p:nth-child(2):before{content:'\f4ad'; font-size: 15px;}
.mainSec3 .list-wrap li a .text-wrap .date-wrap p{color: #888; font-size: 15px;}

.mainSec3 .list-wrap li a .thum-img{width: 160px; height: 160px;}
.mainSec3 .list-wrap li a .thum-img img{width: 100%; height: 100%; object-fit: cover; border:1px solid #d7d7d7;}


.footer-wrap{width: 100%; background: #f7f7f7; border-top: 1px solid #e7e7e7; height: 160px; display:flex; justify-content: center; align-items: center;}
.footer-wrap ul.footerMenu{display:flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.footer-wrap ul.footerMenu li a{display:flex; justify-content: center; align-items: center; padding:0 20px; font-size: 15px; font-weight: 600;}
.footer-wrap ul.footerMenu li:first-child a:after{content:''; display:inline-block; width: 1px; height:10px; background: #d7d7d7; position:absolute; top:50%; right:0;transform: translateY(-50%);}
.footer-wrap ul.footerMenu li a{display:flex; justify-content: center; align-items: center; padding:0 20px;}
.footer-wrap ul.footerMenu li a:hover{color:#276cad;}
.footer-wrap p{font-size: 14px;display:flex; justify-content: center; align-items: center; color: #888; line-height: 1.3;}


/*메인 세례명 모달 main.html baptismaal-modal*/

.modal{position:fixed; top:0;left:0; right:0; bottom:0; z-index: 9999999; display:none;}
.modal .modal-inner {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 600px; background: #fff; border:1px solid #d7d7d7; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); z-index: 9999999;}

.baptismal-modal .modal-inner{width: 400px;}
.modal-bg{background: rgba(0,0,0,0.4); width: 100%; height: 100%;}

.baptismal-modal .modal-text{display:flex; justify-content: space-between; align-items: flex-start; padding:20px; position:relative; flex-wrap:wrap; }
.baptismal-modal .modal-text .img-wrap{width:100%;}
.baptismal-modal .modal-text .img-wrap .img{width: 100%;  height: 0; padding-bottom:54.96828%; position:relative; display:block; }
.baptismal-modal .modal-text .img-wrap img{width: 100%; height: 100%; position:absolute; top:0; left:0;}
.baptismal-modal .close-btn{position:absolute; top:30px; right:30px; font-size: 0; display:flex; justify-content: center; align-items: center;}
.baptismal-modal .close-btn:after{content:'\f00d'; display:block; font-size: 30px; font-weight: 900; color: #333; font-family: "Font Awesome 6 Pro";}
.baptismal-modal .text-wrap{width:100%; margin-top: 20px;}
.baptismal-modal .text-wrap > .title{/*display:flex; justify-content: flex-start; align-items: flex-end; flex-wrap:wrap; */padding-right: 30px; line-height: 1.2;}
.baptismal-modal .text-wrap > .title span.title{font-size: 22px; color: #333; font-weight: 900; }
.baptismal-modal .text-wrap > .title span.smTxt{font-size: 15px; color: #888;}
.baptismal-modal .text-wrap .table-wrap{margin-top: 5px; border-top: 1px solid #d7d7d7; width: 100%; table-layout: fixed;}
.baptismal-modal .text-wrap .table-wrap tr{transform: inherit;}
.baptismal-modal .text-wrap .table-wrap tr th{display:table-cell; vertical-align: middle; border-right: 1px solid #d7d7d7; padding:10px; background: #f7f7f7; border-bottom: 1px solid #d7d7d7; transform: inherit; }
.baptismal-modal .text-wrap .table-wrap tr th p{color: #333; font-weight: 900; font-size: 15px;}
.baptismal-modal .text-wrap .table-wrap tr td{display:table-cell; padding:0 10px; vertical-align: middle; font-size: 15px; height: 40px; border-bottom: 1px solid #d7d7d7;}

.baptismal-modal .text-wrap .more-wrap{display:flex; justify-content: center; align-items: center; margin-top: 20px;width: 100%;}
.baptismal-modal .text-wrap .more-btn{display:flex; justify-content: center; align-items: center;  border-radius:5px; height: 45px; width: 100%; background: #fff; font-size: 15px; border:1px solid #d7d7d7}
.baptismal-modal .text-wrap .more-btn:hover{background: #276cad; color: #fff; border-color:#276cad;}


/*무료광고신청 메뉴*/
.ad-menu-wrap{position:relative; display:flex; justify-content: center; align-items: center; height: 80px;}
.ad-menu{position:absolute; top:65px; right:0; width: 160px; border:1px solid #d7d7d7; border-radius: 5px; overflow: hidden; z-index: 999999; display:none;}
.ad-menu li a{display:flex; justify-content: center; align-items: center; height:40px; font-size: 15px; font-weight: 600; background: #fff;  }
.ad-menu li a:first-child{border-bottom: 1px solid #d7d7d7;}
.ad-menu li a:hover{color: #276cad;}



.m-wrap{display:none;}

/*세례명 찾기 baptismal.html*/

.subSec .title-wrap{display:flex; justify-content: center; align-items: center;}
.subSec .title-wrap a.arrow-btn{display:flex; justify-content: center; align-items: center; padding:0 10px; height: 30px;}
.subSec .title-wrap a.arrow-btn.left-btn{margin-right: 30px;}
.subSec .title-wrap a.arrow-btn.right-btn{margin-left: 30px;}
.subSec .title-wrap p.title{font-size: 30px; font-weight: 900; color: #333; }
.subSec .search-box{display:flex; justify-content: center; align-items: center; }



.subBanner-wrap ul li a{width: 100%;}
.subBanner-wrap ul li a img{width: 100%;}

.search-box select{height: 50px;}
.search-box input{height: 50px;}
.baptismal-wrap .search-box select{width: 140px; margin-right: 10px; background: #fff url(../images/select_icon.png) no-repeat 90% 50%; background-size:10px;}
.baptismal-wrap .search-box input{margin-right: 10px; width: 390px;}
.search-box .search-btn{display:flex; justify-content: center; align-items: center; font-size: 0; width: 50px; height: 50px; background: #276cad; border-radius: 5px;}
.search-box .search-btn:after{content:'\f002'; display:inline-block; font-size: 16px; font-weight: 900; color: #fff;font-family: "Font Awesome 6 Pro";}

.btm-sel2{display:flex; justify-content: flex-start; align-items: center; display:none;}
.baptismal-wrap .search-box .btm-sel2 > select{width: 190px;}


.baptismal-wrap .btmList-wrap{display:flex; justify-content: flex-start; align-items: center; flex-wrap:wrap; margin-top: 60px;}
.baptismal-wrap .btmList-wrap > li{width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px;}
.baptismal-wrap .btmList-wrap > li:nth-last-child(-n + 3){margin-bottom: 0;}
.baptismal-wrap .btmList-wrap > li:nth-child(3n){margin-right: 0;}
.baptismal-wrap .btmList-wrap > li > a{display:block; padding:30px 30px 20px; border-radius: 20px; border:1px solid #d7d7d7;}
.baptismal-wrap .btmList-wrap > li p.name{font-size: 20px; color:#333; font-weight: 900;}
.baptismal-wrap .btmList-wrap > li p.name span{font-size: 20px; font-weight: 900;}
.baptismal-wrap .btmList-wrap > li ul.info{display:flex; justify-content: flex-start; align-items: center; margin:5px 0 20px;}
.baptismal-wrap .btmList-wrap > li ul.info li{color: #888; font-size: 15px; }
.baptismal-wrap .btmList-wrap > li ul.info li:after{content:''; display:inline-block; width: 1px; height:10px; background: #d7d7d7; margin:0 8px; }
.baptismal-wrap .btmList-wrap > li ul.info li:last-child:after{display:none;}
.baptismal-wrap .btmList-wrap > li ul.info li:last-child:after{display:none;}
.baptismal-wrap .btmList-wrap > li > a .more-btn{display:flex; justify-content: center; align-items: center; height:40px; border-radius: 20px; border:1px solid #d7d7d7; font-size: 15px;}
.baptismal-wrap .btmList-wrap > li a:hover{border:1px solid #276cad; }
.baptismal-wrap .btmList-wrap > li a:hover .more-btn{border:1px solid #276cad; background: #276cad; color:#fff;}



/*세례명 정보 baptismal_detail.html*/
.bg-gray-wrap{background: #f7f7f7; padding:60px 0; width: 100%;}
.baptismal-infoInner{display:flex; justify-content: space-between; align-items: center;}

.baptismal-infoInner .btmImg-wrap{width: 35%; margin:0;}
.baptismal-infoInner .btmImg-wrap ul li{width: 100%; height: 0; padding-bottom:66.147859%; position:relative;}
.baptismal-infoInner .btmImg-wrap ul li a{display:block; width: 100%;  height: 100%;position:absolute; top:0; left:0;}
.baptismal-infoInner .btmImg-wrap ul li a img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px; border:1px solid #d7d7d7;}

.baptismal-infoInner .btmText-wrap{width:calc(65% - 30px); position:relative; padding-bottom: 92px;}
.baptismal-infoInner .btmText-wrap p.name{color:#333; font-size: 30px; font-weight: 900;}
.baptismal-infoInner .btmText-wrap p.name span{font-size: 30px; font-weight: 900;}
.baptismal-infoInner .btmText-wrap .info-wrap{margin-top: 20px;}
.baptismal-infoInner .btmText-wrap .info-wrap li{color:#888;}
.baptismal-infoInner .btmText-wrap .info-wrap li:before{content:''; display:inline-block; width: 3px;height: 3px; border-radius: 50%; background: #276cad;}


.baptismal-infoInner .baptismal-infoInner .swiper-horizontal>.swiper-pagination-bullets,.baptismal-infoInner .swiper-pagination-bullets.swiper-pagination-horizontal,.baptismal-infoInner .baptismal-infoInner .swiper-pagination-custom,.baptismal-infoInner .swiper-pagination-fraction{top:inherit; bottom:0; right:inherit; left:100px; transform: inherit; flex-direction: row; justify-content: center; align-items: center; width: 80px; height:40px; background:#276cad; color: #fff; border-radius: 5px;}
.baptismal-infoInner .swiper-pagination-current{color: #fff; margin:0 2px;}
.baptismal-infoInner .swiper-pagination-total{color: #fff; margin:0 2px;}
.baptismal-infoInner .btmBtn-prev{width: 40px; height: 40px; background: #fff; border-radius: 5px;}
.baptismal-infoInner .swiper-button-next, .baptismal-infoInner .swiper-button-prev{top:inherit; bottom:0; z-index: 1;}
.baptismal-infoInner .swiper-button-prev, .baptismal-infoInner .swiper-rtl .swiper-button-next{left:0; }
.baptismal-infoInner .swiper-button-next,.baptismal-infoInner .swiper-rtl .swiper-button-next {right:inherit; left:50px;}
.baptismal-infoInner .swiper-button-prev:after,.baptismal-infoInner .swiper-rtl .swiper-button-next:after{font-size: 12px; font-weight: 900; color: #aaa;}
.baptismal-infoInner .btmBtn-next{width: 40px; height: 40px; background: #fff; border-radius: 5px;}
.baptismal-infoInner .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 12px; font-weight: 900; color: #aaa;}

.baptismal-infoInner .btmBtn-prev:hover,.baptismal-infoInner .btmBtn-next:hover{background: #276cad;}
.baptismal-infoInner .swiper-button-prev.btmBtn-prev:hover:after{color: #fff;}
.baptismal-infoInner .swiper-button-next.btmBtn-next:hover:after{color: #fff;}

.baptismal-detail-wrap .text-wrap{ border:1px solid #d7d7d7; background: #f7f7f7; padding:30px; word-break: break-all;}
.baptismal-detail-wrap .text-wrap p{line-height: 1.4; margin-top: 10px;}
.baptismal-detail-wrap .text-wrap p:first-child{margin-top: 0;}
.baptismal-detail-wrap .text-wrap p.text-info{margin-top: 30px; color: #888;}


.pageBtn-wrap{margin-top: 60px;}

/*테마별 세례명 theme_baptismal.html*/
.tab-wrap{display:flex; justify-content: center; align-items: center;}
.tab-wrap li{ margin-right: 20px;}
.tab-wrap li:last-child{ margin-right: 0px;}
.tab-wrap li a{display:flex; justify-content: center; align-items: center; height: 40px; padding:0 20px; border-radius: 20px; border:1px solid #d7d7d7;}
.tab-wrap li a:hover, .tab-wrap li.actived a{background: #276cad; border:1px solid #276cad !important; color: #fff;}


.tabCont{display:none;}
.tabCont.actived{display:block;}

/*부부가 하기 좋은 세례명*/
.themeBtm-cont{margin-top: 60px; display:flex; justify-content: flex-start; align-items: center; flex-wrap:wrap; width: 100%;}
.themeBtm-cont1 li{width: calc(25% - 22.5px); margin-right: 30px; display:flex; justify-content: space-between; align-items: center; box-shadow: 0 0 5px 0 rgba(0,0,0,0.05); border-radius: 20px; margin-bottom: 30px;}
.themeBtm-cont1 li:nth-child(4n){margin-right: 0;}
.themeBtm-cont1 li:nth-last-child(-n + 4){margin-bottom: 0;}


.themeBtm-cont1 li a{display:flex; justify-content: center; align-items: center; width: 50%; padding:50px 20px 20px; color: #333; font-weight: 900; position:relative; background: #fff; border:1px solid #d7d7d7; }
.themeBtm-cont1 li a:first-child{border-right: 0; border-radius: 20px 0 0 20px; }
.themeBtm-cont1 li a:last-child{border-left: 0; border-radius: 0 20px 20px 0; }
.themeBtm-cont1 li a:hover{background: #276cad; color: #fff; border-color:#276cad;}

.themeBtm-cont1 li a:before{display:inline-block; font-size: 20px; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: #d7d7d7; position:absolute; top:20px; left:50%; transform: translateX(-50%);}
.themeBtm-cont1 li a:hover:before{color: #fff;}
.themeBtm-cont1 li a:first-child:before{content:'\f222';}
.themeBtm-cont1 li a:first-child:after{content:''; display:inline-block; width: 1px; height:60%; position:absolute; top:50%; right:0; background: #d7d7d7; transform: translateY(-50%);}
.themeBtm-cont1 li a:hover:first-child:after{background: #276cad;}
.themeBtm-cont1 li a:last-child:before{content:'\f221';}



.themeBtm-cont3 li{width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px;}
.themeBtm-cont3 li:nth-child(3n){margin-right: 0;}
.themeBtm-cont3 li:nth-last-child(-n + 3){margin-bottom: 0;}
.themeBtm-cont3 li a{display:flex; justify-content: space-between; align-items: flex-start; padding:20px; border:1px solid #d7d7d7; border-radius: 20px;}
.themeBtm-cont3 li a .img-wrap{width: 160px;height: 160px;}
.themeBtm-cont3 li a .img-wrap img{width: 100%; height: 100%; border-radius: 5px; border:1px solid #d7d7d7;}
.themeBtm-cont3 li a .text-wrap{width: calc(100% - 180px); margin-top: 20px;}
.themeBtm-cont3 li a .text-wrap .name{font-size: 20px; font-weight: 900; color: #333;}
.themeBtm-cont3 li a .text-wrap span{font-size: 15px; color: #888; margin-top: 5px; line-height: 1.3;display:inline-block;}
.themeBtm-cont3 li a .text-wrap span.job{padding-bottom: 15px; display:block; position:relative;}
.themeBtm-cont3 li a .text-wrap span.job:after{content:''; display:block;width: 100%; height: 1px; background: #d7d7d7; position:absolute; bottom:0; left:0;}
.themeBtm-cont3 li a .text-wrap p.btm-name{font-weight: 900; color: #333; font-size: 16px; margin-top: 15px;}
.themeBtm-cont3 li a .text-wrap p.btm-name:before{content:''; display:inline-block;width: 3px;height: 3px; border-radius: 50%; background: #276cad; margin-right: 5px; margin-bottom: 2px;}
.themeBtm-cont3 li a .text-wrap p.btm-name span.blue{font-size: 16px; margin-top: 0; line-height: 1; font-weight: 900;}

.themeBtm-cont3 li a .text-wrap .btm-info span:after{content:''; display:inline-block; width: 1px; height: 10px; background: #d7d7d7; margin: 0 5px;}
.themeBtm-cont3 li a .text-wrap .btm-info span:last-child:after{display: none;}


.themeBtm-cont3 li:hover a{border-color:#276cad;}



/*성당찾기 church.html*/
.church-wrap .search-box input{width: 440px;}
.churchList-wrap{margin-top: 30px; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.churchList-wrap > li{width:calc(33.33% - 20px); margin-right: 30px; margin-top: 30px;}
.churchList-wrap > li:nth-child(3n){margin-right: 0;}
.churchList-wrap > li a{border:1px solid #d7d7d7; border-radius: 5px; display:block; padding:20px;}
.churchList-wrap > li a .img-wrap{width: 100%;}
.churchList-wrap > li a .img-wrap span{display:block; width: 100%; height: 0; padding-bottom:54.96828%; position:relative;}
.churchList-wrap > li a .img-wrap img{width: 100%; height: 100%; position:absolute; top:0; left:0; border-radius: 5px; object-fit: cover;}
.churchList-wrap > li a p.title{width: 100%; margin-top: 20px; font-size: 22px; color: #333; font-weight: 900; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.churchList-wrap > li a ul.info{margin-top: 15px;}
.churchList-wrap > li a ul.info li{display:flex; justify-content: flex-start; align-items: flex-start; margin-top: 10px;}
.churchList-wrap > li a ul.info li:before{content:''; display: inline-block; width: 3px;height: 3px; background: #276cad; border-radius: 50%; margin-right: 5px;margin-top: 3px;}

.churchList-wrap > li a ul.info li p.tit{display:flex; justify-content: space-between; align-items: center; width: 60px;}
.churchList-wrap > li a ul.info li p.tit > span{color: #333; font-weight: 900;}
.churchList-wrap > li a ul.info li p.text{width: calc(100% - 60px); color: #888; line-height: 1.3; vertical-align: top; margin-top: -2px; padding-left: 10px; position:relative; margin-left: 5px;}
.churchList-wrap > li a ul.info li p.text:before{content:':'; display:inline-block; font-size: 14px; color:#888; vertical-align: top; position:absolute; top:1px; left:0;}
.churchList-wrap > li a span.more-btn{width: 100%; display:flex; justify-content: center; align-items: center; margin-top: 20px; border:1px solid #d7d7d7; border-radius: 5px; height: 50px;}


.churchList-wrap > li a ul.info li p.text1{display:block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.churchList-wrap > li a ul.info li p.text2{display:block;text-overflow: ellipsis; overflow: hidden; white-space: normal; height:2.6em; line-height: 1.3em; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}


.churchList-wrap > li a:hover{border-color:#276cad;}
.churchList-wrap > li a:hover p.title{color: #276cad;}
.churchList-wrap > li a:hover .more-btn{background: #276cad; color: #fff; border-color:#276cad;}




/*테마별 성당*/
.theme-church-wrap{background: #f0f5f9; padding:120px 0;}
.title-wrap .title span.blue{font-size: 30px; font-weight: 900;}


.theme-church-wrap .tab-wrap li a{background: #fff;}
.theme-church-wrap .tab-wrap li a:hover, .theme-church-wrap .tab-wrap li.actived a{background: #276cad; color: #fff; border-color: #276cad;}


.theme-church-wrap .tabCont-list-wrap{display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 30px;}
.theme-church-wrap .tabCont-list-wrap > li{width: calc(50% - 15px); margin-right: 30px; margin-top: 30px;}
.theme-church-wrap .tabCont-list-wrap > li:nth-child(2n){margin-right: 0;}
.theme-church-wrap .tabCont-list-wrap > li a{display:flex; justify-content: space-between; align-items:flex-start; padding:20px; border:1px solid #d7d7d7; background: #fff; border-radius: 20px;}
.theme-church-wrap .tabCont-list-wrap > li a .img-wrap{width:calc(40% - 10px);}
.theme-church-wrap .tabCont-list-wrap > li a .img-wrap span{width: 100%; display:inline-block; height:0; padding-bottom:54.96828%; position:relative;}
.theme-church-wrap .tabCont-list-wrap > li a .img-wrap img{width: 100%; height: 100%; position:absolute; top:0; left:0; border-radius: 5px;}

.theme-church-wrap .tabCont-list-wrap > li a .text-wrap{width:calc(60% - 10px); margin-top: 5px;}
.theme-church-wrap .tabCont-list-wrap > li a .text-wrap p.title{font-size: 22px; color:#333; font-weight: 900; margin-bottom: 15px; width: 100%; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.theme-church-wrap .tabCont-list-wrap > li a .text-wrap p.text{font-size: 15px; color:#888; margin-top: 5px; line-height: 1.5em; height:7.5em; width: 100%; white-space: normal; overflow: hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word;}



.theme-church-wrap .tabCont-list-wrap > li a:hover{border-color:#276cad;}
.theme-church-wrap .tabCont-list-wrap > li a:hover p.title{color: #276cad;}


.footer-mt0.mt120{margin-top: 0 !important;}



/*성당 상세정보 church_detail.html*/
.baptismal-infoInner.church-infoInner .btmImg-wrap{width: 40%;}

.baptismal-infoInner .btmImg-wrap ul li{padding-bottom: 54.96828%;}
.baptismal-infoInner .btmText-wrap .info-wrap li:before{margin:7px 10px 0 0;}
.baptismal-infoInner .btmText-wrap .info-wrap li{display:flex;justify-content: flex-start; align-items: flex-start; line-height: 1; margin-top: 15px;}

.baptismal-infoInner.church-infoInner .btmText-wrap{width: calc(60% - 30px);}
.baptismal-infoInner .btmText-wrap .info-wrap li p.title{display:flex; justify-content: space-between; align-items: center; width: 60px;}
.baptismal-infoInner .btmText-wrap .info-wrap li p.title span{color: #333; font-weight: 900;}
.baptismal-infoInner .btmText-wrap .info-wrap li p.text{color:#888; padding-left: 10px; margin-left: 5px; position:relative; width: calc(100% - 70px); line-height: 1.3; margin-top: -2px; vertical-align: top; font-size: 15px;}
.baptismal-infoInner .btmText-wrap .info-wrap li p.text:before{content:':'; display:inline-block; position:absolute; top:0px; left:0; font-size: 14px;}
.baptismal-infoInner .btmText-wrap .info-wrap li p.text span{margin-top: 5px; display:block;}

.churchDetail-tab.tab-wrap{width:100%; justify-content: space-between;}
.churchDetail-tab.tab-wrap li{margin-right: 0;width: 50%; margin-top: 0;}
.churchDetail-tab.tab-wrap li a{border-radius: 0; height: 50px; color: #333; font-weight: 900;}
.churchDetail-tab.tab-wrap li a:hover, .churchDetail-tab.tab-wrap li.actived a{color: #fff;}
.churchDetail-tab.tab-wrap li:first-child a{border-radius: 20px 0 0 0;}
.churchDetail-tab.tab-wrap li:last-child a{border-radius: 0 20px 0 0;}

.churchDetail-tab-wrap .tabCont{border:1px solid #d7d7d7; border-top:0; border-radius: 0 0 20px 20px; padding:20px;}
.churchDetail-tab-wrap .tabCont iframe{width: 100%; height:320px; border:1px solid #d7d7d7; border-radius: 5px; }

.os_mac.root_daum_roughmap, .os_mac.root_daum_roughmap button, .os_mac.root_daum_roughmap input, .os_mac.root_daum_roughmap select, .os_mac.root_daum_roughmap td, .os_mac.root_daum_roughmap textarea, .os_mac.root_daum_roughmap th{width: 100%;}
/*.root_daum_roughmap .wrap_map{height: 320px;}*/

.detail-comment-wrap{padding:20px; border:1px solid #d7d7d7; background: #f7f7f7; margin-top: 20px;}
.churchDetail-tab-wrap .tabCont table{margin-top: 20px;}

.churchDetail-tab-wrap .tabCont table.page-table1 tr th{transform: inherit;}
.churchDetail-tab-wrap .tabCont table.page-table1 tr th p{font-weight: 900;color: #333;}

span.br{display:block; margin-top: 10px;}


.churchDetail-tab-wrap .tabCont .banner-wrap{width: 100%;}
.churchDetail-tab-wrap .tabCont .banner-wrap img{width: 100%;}
.churchDetail-tab-wrap .tabCont .schedule-wrap{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.churchDetail-tab-wrap .tabCont .schedule-wrap .date-wrap{width: 160px; height: 160px; background: #f7f7f7; display:flex; justify-content: center; align-items: center; align-content: center; flex-wrap:wrap; border-radius: 5px; position:relative;}
.churchDetail-tab-wrap .tabCont .schedule-wrap .date-wrap.sun{background: #fff7f7;}
.churchDetail-tab-wrap .tabCont .schedule-wrap .date-wrap.sat{background: #f0f5f9;}

.churchDetail-tab-wrap .tabCont .schedule-wrap .date-wrap .day{font-size: 35px; width: 100%; text-align: center; color: #aaa; font-weight: 900; position:absolute; top:50%; left:50%; transform: translate(-50% ,-50%); margin-top: -15px;}
.churchDetail-tab-wrap .tabCont .schedule-wrap .date-wrap.sun .day{color: #dd3413;}
.churchDetail-tab-wrap .tabCont .schedule-wrap .date-wrap.sat .day{color: #276cad;}
.churchDetail-tab-wrap .tabCont .schedule-wrap .date-wrap .date{font-size: 15px; color: #aaa; margin-top: 35px; width: 100%; text-align: center; font-weight: 900;}


.churchDetail-tab-wrap .tabCont .schedule-wrap .text-wrap{border:1px solid #d7d7d7; width: calc(100% - 170px); border-radius: 5px; /*min-height: 160px;*/ padding:30px;}
.churchDetail-tab-wrap .tabCont .schedule-wrap .text-wrap > .title{font-size: 22px;  font-weight: 900;color: #333; width: 100%; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.sche-choirList-wrap{display:flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; margin-top: 10px;}
.sche-choirList-wrap li{width: calc(50% - 5px); display:flex; justify-content: flex-start; align-items: flex-start; margin-top: 10px;}
.sche-choirList-wrap li:before{content:''; display:inline-block; width: 3px;height: 3px; border-radius: 50%; background: #276cad; margin: 7px 5px 0 0;}
.sche-choirList-wrap li p.title{display:flex; justify-content: space-between; align-items: center; width: 60px;}
.sche-choirList-wrap li p.title span{color:#333; font-weight: 900;}
.sche-choirList-wrap li p.text{ width:calc(100% - 80px); margin-left: 20px; display:flex; justify-content: flex-start; align-items: center; flex-wrap:wrap; vertical-align: top; margin-top: -2px;}
.sche-choirList-wrap li p.text span{color: #888; display:flex; justify-content: flex-start; align-items: center; line-height: 1.5; vertical-align: top; font-size: 15px;}
.sche-choirList-wrap li p.text span:after{content:''; display:inline-block; width: 1px;height: 10px; background: #d7d7d7; margin: 0 8px;}
.sche-choirList-wrap li p.text span:last-child:after{display:none;}
/*.sche-choirList-wrap li p.text:before{content:':'; display:inline-block; font-size: 14px; color:#888; position:absolute; top:1px; left:0; vertical-align: top;}*/


.detail-comment-wrap p{line-height: 1.3;}





/*신부님찾기 father.html*/
.father-wrap .fatherList-wrap{display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; margin-top: 30px;}
.father-wrap .fatherList-wrap li{width:calc(20% - 24px); margin-right: 30px; margin-top: 30px;}
.father-wrap .fatherList-wrap li:nth-child(5n){margin-right: 0;}

.father-wrap .fatherList-wrap li a{border:1px solid #d7d7d7; border-radius: 5px; display:block; padding:20px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.05); background: #fff;}
.father-wrap .fatherList-wrap li a .img-wrap{width: 100%; height:0; padding-bottom: 100%; position:relative;}
.father-wrap .fatherList-wrap li a .img-wrap img{width: 100%; height: 100%; position:absolute; top:0; left:0; border-radius: 5px; border:1px solid #d7d7d7;}
.father-wrap .fatherList-wrap li a .name{color:#333; font-size: 18px; font-weight: 900; margin-top: 20px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.father-wrap .fatherList-wrap li a .church{font-size: 15px; color: #888; margin-top: 5px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.father-wrap .fatherList-wrap li a:hover{border:1px solid #276cad;}
.father-wrap .fatherList-wrap li a:hover p.name{color:#276cad;}





/*이번주 성가  choir.html*/
.choir-wrap .week-wrap{display:flex; justify-content: center; align-items: center;}
.choir-wrap .week-wrap p.date{color: #333; font-size: 22px; font-weight: 900; margin: 0 10px;}
.choir-wrap .week-wrap .arrow-btn{display:flex; justify-content: center; align-items: center; padding:0 10px;}
.choir-wrap .week-wrap .left-btn{margin-right: 30px;}
.choir-wrap .week-wrap .right-btn{margin-left: 30px;}

.choirList-wrap{ margin-top: 60px;}
.choirList-wrap > li{display:flex; justify-content: space-between;align-items: flex-start;  margin-top: 30px;}
.choirList-wrap > li .date-wrap{width: 160px; height: 100%; background: #f7f7f7; border-radius: 5px; display:flex; justify-content: center; align-items: center; flex-wrap:wrap; align-content: center; position:relative;}
.choirList-wrap > li .date-wrap .day{font-size: 35px; font-weight: 900; color: #aaa; width: 100%; text-align: center; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); margin-top: -15px;}
.choirList-wrap > li .date-wrap.sun{background: #fff7f7;}
.choirList-wrap > li .date-wrap.sat{background: #f0f5f9;}
.choirList-wrap > li .date-wrap.sun .day{color: #dd3413;}
.choirList-wrap > li .date-wrap.sat .day{color: #276cad;}
.choirList-wrap > li .date-wrap .date{color: #aaa; font-size: 15px; margin-top: 35px; width: 100%; text-align: center; font-weight: 900;}


.choirList-wrap > li .text-wrap{border:1px solid #d7d7d7; border-radius: 5px; padding:30px; width: calc(100% - 180px); }
.choirList-wrap > li .text-wrap > .title{font-size: 22px; font-weight: 900; color: #333;width: 100%; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.pract-banner{width: 100%; background: #f0f5f9; padding:15px 20px; display:block; margin-top: 20px; border-radius: 5px; font-weight: 900; color: #333; font-size: 15px;}
.pract-banner .blue{font-weight: 900; font-size: 15px;}




/*.choir-modal{display:block;}*/
.choir-modal .modal-inner{padding:20px;}
.choir-modal .modal-inner .search-box{width: 100%; position:relative;}
.choir-modal .modal-inner .search-box input{width: 100%; }
.choir-modal .modal-inner .search-box .search-btn{display:flex; justify-content: center; align-items: center; width: 50px; height: 50px; position:absolute; top:0;right:0; background: transparent; }

.choir-modal .modal-inner .search-box .search-btn:after{content:'\f002'; display:block; font-size: 18px; color: #aaa; font-weight: 900;font-family: "Font Awesome 6 Pro"; }


.choir-modal .modal-inner .result-wrap{margin-top: 20px;}
.choir-modal .modal-inner .result-wrap .result{display:block; border-bottom: 1px solid #d7d7d7; color:#888; font-size: 15px; padding-bottom: 5px;}
.choir-modal .modal-inner .result-wrap .result span{font-size: 15px;}

.choir-modal .modal-inner .resultList-wrap{max-height: 260px; overflow-y: auto; border-bottom: 1px solid #d7d7d7;}
.choir-modal .modal-inner .resultList-wrap li a{padding:20px; border-bottom: 1px solid #d7d7d7; display:block;}

.choir-modal .modal-inner .resultList-wrap li a:hover,.choir-modal .modal-inner .resultList-wrap li a.actived{background: #f0f5f9;}
.choir-modal .modal-inner .resultList-wrap li:last-child a{border-bottom: 0;}
.choir-modal .modal-inner .resultList-wrap li p.name{color: #333; font-weight: 900; font-size: 18px; margin-bottom: 5px;}
.choir-modal .modal-inner .resultList-wrap li p.name span{font-weight: 900; font-size: 18px;}
.choir-modal .modal-inner .resultList-wrap li p.adress{font-size: 14px; color: #888;}


.choir-modal .modal-btn .page-btn{margin-top: 20px; display:flex; justify-content:space-between; align-items: center; }
.choir-modal .modal-btn .page-btn a{display:flex; justify-content: center; align-items: center; width: calc(50% - 5px); border:1px solid #d7d7d7; height:50px; border-radius: 5px;}



/*게시판*/
.board-wrap.bg-gray-wrap{padding:80px 0;}
.subTitle-wrap{display:flex; justify-content: center; align-items: center; flex-wrap:wrap;}
.subTitle-wrap .title{width: 100%; text-align: center; font-size:22px; color:#333; font-weight: 900; }
.subTitle-wrap .title .blue{font-size: 22px; font-weight: 900; }
.subTitle-wrap .text{font-size: 16px; color: #888; margin-top: 5px;}

.week-board-wrap{position:relative; /*padding-bottom: 55px;*/ }
.week-board-wrap ul{}
/*.week-board-wrap ul{display:flex; justify-content: flex-start; align-items: center; flex-wrap:wrap;}*/
.week-board-wrap2{margin-top: 30px;}
.week-board-wrap2 ul{display:flex; justify-content: flex-start; align-items: center; flex-wrap:wrap;}
.week-board-wrap ul li{width: calc(50% - 15px); margin-right: 30px; margin-top: 30px;}
.week-board-wrap ul li:nth-child(2n){margin-right: 0;}
.week-board-wrap ul li a{width: 100%; display:flex; justify-content: space-between; align-items: center; padding:20px; border:1px solid #d7d7d7; border-radius: 5px; background: #fff;}
.week-board-wrap ul li a .text-wrap{width: calc(100% - 180px); padding-left: 10px;}
.week-board-wrap ul li a .text-wrap .tit{font-size: 20px; color: #333; font-weight: 900; margin-bottom: 10px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.week-board-wrap ul li a .text-wrap .txt{font-size: 15px; color: #888; line-height: 1.3em; height:2.6em; overflow: hidden; text-overflow: ellipsis; white-space: normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.week-board-wrap ul li a .text-wrap .date-wrap{display:flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.week-board-wrap ul li a .text-wrap .date-wrap .view{display:flex; justify-content: flex-start; align-items: center;}
.week-board-wrap ul li a .text-wrap .date-wrap .view p{margin-right: 20px;}
.week-board-wrap ul li a .text-wrap .date-wrap .view p:before{display:inline-block; margin-right: 5px; color:#333; font-weight: 400; font-family: "Font Awesome 6 Pro";}
.week-board-wrap ul li a .text-wrap .date-wrap .view p:nth-child(1):before{content:'\f007'; font-size: 14px; margin-top: -1px;}
.week-board-wrap ul li a .text-wrap .date-wrap .view p:nth-child(2):before{content:'\f4ad'; font-size: 15px;}
.week-board-wrap ul li a .text-wrap .date-wrap .view p:nth-child(2){margin-right: 0;}
.week-board-wrap ul li a .text-wrap .date-wrap p{color: #888; font-size: 15px;}
.week-board-wrap ul li a .thum-img{width: 160px;height: 160px;}
.week-board-wrap ul li a .thum-img img{width: 100%; height: 100%; object-fit: cover; border:1px solid #d7d7d7;}


.week-board-wrap ul li a:hover{border-color:#276cad;}
.week-board-wrap ul li a:hover .text-wrap .tit{color: #276cad;}



/*게시판 뷰페이지 board_view.html*/
.board-menu-wrap{width: 100%; background: #f7f7f7; border-top:1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding:10px 0}
.board-menu-wrap .menuInner{display:flex; justify-content: space-between; align-items: center;}
.board-menu-wrap .menuInner .btn-wrap{display:flex; justify-content: flex-start; align-items: center;}
.board-menu-wrap .menuInner .btn-wrap{display:flex; justify-content: flex-start; align-items: center;}
.board-menu-wrap .menuInner a{display:flex; justify-content: center; align-items: center; width: 80px; height:35px; border-radius: 5px; margin-right: 10px; font-size: 15px;}
.board-menu-wrap .menuInner a.menuList-btn{background: #fff; border:1px solid #d7d7d7;}
.board-menu-wrap .menuInner a.menuList-btn:last-child{margin-right: 0;}
.board-menu-wrap .menuInner a.menuList-btn:hover{background: #276cad; border-color:#276cad; color: #fff;}

.board-menu-wrap .menuInner .quick-wrap{display:flex; justify-content: flex-end; align-items: center;}
.board-menu-wrap .menuInner .quick-wrap .view{margin-right: 10px; color:#888; font-size: 15px; margin-right: 20px;}
.board-menu-wrap .menuInner .quick-wrap .view:before{content:'\f007'; display:inline-block; margin-right: 5px; color:#333; font-weight: 400; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-top: -1px;}

.board-viewWrap{margin-top: 60px;}
.board-viewWrap > .title-wrap{border-bottom: 1px solid #d7d7d7;}
.board-viewWrap .title-wrap p.title{font-size: 30px; color: #333; font-weight: 900;}
.board-viewWrap .title-wrap .info{display:flex; justify-content: flex-start; align-items: center; margin: 10px 0;}
.board-viewWrap .title-wrap .info li{color: #888; font-size: 15px;}
.board-viewWrap .title-wrap .info li:first-child:after{content:''; display:inline-block; margin: 0 10px; width: 1px; height: 10px; background: #d7d7d7;}
.board-viewWrap .content-wrap{padding:60px; text-align: center;}
.board-viewWrap .content-wrap p{text-align: center; line-height: 1.3;}



.board-viewWrap .content-info-wrap{display:flex; justify-content: space-between; align-items: center;padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.board-viewWrap .content-info-wrap .info-wrap{display:flex; justify-content: flex-start; align-items: center;}
.board-viewWrap .content-info-wrap .info-wrap p{font-size: 15px; color: #888; }
.board-viewWrap .content-info-wrap .info-wrap p:first-child{margin-right: 20px;}
.board-viewWrap .content-info-wrap .info-wrap p:before{display:inline-block; margin-right: 5px; color:#333; font-weight: 400; font-family: "Font Awesome 6 Pro";}
.board-viewWrap .content-info-wrap .info-wrap p.view:before{content:'\f007'; font-size: 14px; margin-top: -1px;}
.board-viewWrap .content-info-wrap .info-wrap p.comment:before{content:'\f4ad'; font-size: 15px;}
.board-viewWrap .content-info-wrap .info-wrap p span{font-size: 15px; margin-right: 5px;}
.board-viewWrap .content-info-wrap .url-btn{display: flex; justify-content: center; align-items: center; width: 100px; height: 35px; font-size: 15px; background: #fff; border-radius: 5px; border:1px solid #d7d7d7;}
.board-viewWrap .content-info-wrap .url-btn:hover{background: #276cad; border-color:#276cad; color: #fff;}


.board-viewWrap .comment-wrap > li .commentList-wrap{display:flex; justify-content: space-between;align-items: flex-start; /*border-bottom: 1px solid #d7d7d7;*/ padding:20px 0;}
.board-viewWrap .comment-wrap > li .commentList-wrap img{width: 60px;height: 60px; border-radius: 50%; border:1px solid #eee;}
.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap{display:flex; justify-content: flex-end; align-items: center; margin-top: 13px;}
.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a{background: #fff;border:1px solid #d7d7d7; border-radius: 5px; height:35px; display:flex; justify-content: center; align-items: center;}
.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a:hover,.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a.actived{background: #276cad; border-color: #276cad; color:#fff;}

.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a.comment-btn{font-size: 15px; width: 80px; margin-right: 10px;}
.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a.menuList-btn{width: 35px;}
.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a.menuList-btn i{font-size: 14px; color: #aaa;}
.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a.menuList-btn:hover i,.board-viewWrap .comment-wrap > li .commentList-wrap .btn-wrap a.menuList-btn.actived i{color: #fff;}


.board-viewWrap .comment-wrap .text-wrap{width: calc(100% - 225px);}
.board-viewWrap .comment-wrap .text-wrap .title-wrap{display:flex; justify-content: flex-start; align-items: flex-end;}
.board-viewWrap .comment-wrap .text-wrap .title-wrap .title{font-size: 16px; margin-right: 10px;}
.board-viewWrap .comment-wrap .text-wrap .title-wrap .date{font-size: 14px; color: #888;}
.board-viewWrap .comment-wrap .text-wrap .text{font-size: 15px; margin-top: 10px; color: #666; line-height: 1.3;}

.board-viewWrap .comment-wrap .comment2 .commentList-wrap{background: #f7f7f7; padding:20px 80px;}
.board-viewWrap .comment-wrap .comment2 .commentList-wrap .text-wrap{width: calc(100% - 80px);}

/*
.board-viewWrap .comment-wrap .comment2 .commentList-wrap{border-top:1px solid #d7d7d7;}
.board-viewWrap .comment-wrap .comment2 li:first-child .commentList-wrap{border-top: 0;}
*/

.board-viewWrap .comment-wrap .comment2{border-top: 1px solid #d7d7d7;}
.board-viewWrap .comment-wrap .comment2 li{border-bottom: 1px solid #d7d7d7; transform:inherit;}

.board-viewWrap .comment-wrap .comment2 .comment-write{background: #f7f7f7; padding:20px 80px; }

#comment.comment-write{margin-top: 60px;}
.comment-write .write-wrap{border:1px solid #d7d7d7; background: #fff;}

.comment-write .write-wrap .name-wrap{display:flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #d7d7d7; padding:10px;}
.comment-write .write-wrap .name-wrap a.img-wrap{width: 50px;height: 50px; margin-right: 20px; border-radius: 50%;}
.comment-write .write-wrap .name-wrap a.img-wrap img{width: 100%; height: 100%; border-radius: 50%; border:1px solid #eee;}
.comment-write .write-wrap .name-wrap input{width: 500px; margin-right: 10px; font-size: 15px; height: 40px;}
.comment-write .write-wrap .name-wrap input:last-child{margin-right: 0;}


.comment-write .write-wrap textarea{width: 100%; border:none; resize:none; box-sizing: border-box; padding:20px; font-size: 15px; height: 120px;}

.comment-write .save-wrap{border-top: 1px solid #d7d7d7;display:flex; justify-content: space-between; align-items: center;}
.comment-write .save-wrap .security-wrap{display:flex; justify-content: flex-start; align-items: center;}
.comment-write .save-wrap .security-wrap img{width: 160px; height: 60px; margin-right: 10px; border-right:1px solid #d7d7d7;}
.comment-write .save-wrap .security-wrap input{width: 500px; margin-right: 10px; font-size: 15px;}
.comment-write .save-wrap .security-wrap .refresh{font-size: 14px; border-bottom: 1px solid #aaa; color: #888; }
.comment-write .save-wrap .text-save-wrap{display:flex; justify-content: flex-end; align-items: center; margin-right: 20px;}
.comment-write .save-wrap .text-save-wrap .text-num{margin-right: 20px; font-size: 15px; color: #888;}
.comment-write .save-wrap .text-save-wrap .text-num span{font-size: 15px;}
.comment-write .save-wrap .text-save-wrap a.blue-btn{width: 80px; display:flex; justify-content: center; align-items: center; height: 35px; border-radius: 5px; font-size: 15px;}






.btn-wrap{position:relative;}
.comment-menu-wrap{position:absolute; top:40px; right:0; width: 125px; z-index: 99; display:none;}
.comment-menu-wrap.actived{display:block;}

.comment-menu-wrap li a{height: 40px !important; font-size: 15px !important;}
.comment-menu-wrap li:first-child a{border-bottom: 0 !important; border-radius: 5px 5px 0 0 !important;}
.comment-menu-wrap li:last-child a{border-radius: 0 0 5px 5px !important;}

.comment-modal{display:none;}
.comment-modal .modal-text{padding:20px; border-bottom: 1px solid #d7d7d7; position:relative;}
.comment-modal .modal-text a.close-btn{position:absolute; top:20px; right:20px; display:flex; justify-content: center; align-items: center;}
.comment-modal .modal-text a.close-btn:after{content:'\f00d'; display:block; font-size: 30px; font-weight: 900; color: #333; font-family: "Font Awesome 6 Pro";}
.comment-modal .modal-text p.title{margin-top: 40px; text-align: center; font-size: 22px; color: #333; font-weight: 900;}
.comment-modal .modal-text input{width: 100%; margin-top: 20px;}
.comment-modal .modal-btn{padding:20px;}
.comment-modal .modal-btn .page-btn{display:flex; justify-content: space-between; align-items: center;}
.comment-modal .modal-btn .page-btn a{width: calc(50% - 5px); height: 50px; border-radius: 5px; display:flex; justify-content: center; align-items: center;}
.comment-modal .modal-btn .page-btn a:first-child{border:1px solid #d7d7d7;}

.px767-wrap{display:none;}

.comment-write .write-wrap .name-wrap {position:relative;}
.comment-write .write-wrap .name-wrap .imgIcon-wrap{position:absolute; top:60px; left:-1px; border:1px solid #d7d7d7; background: #fff; padding:5px 10px; display:flex; justify-content:space-between; align-items: center; flex-wrap:wrap; z-index: 999; width: 405px; box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%); display:none;}
.comment-write .write-wrap .name-wrap .imgIcon-wrap.actived{display:flex;}
.comment-write .write-wrap .name-wrap .imgIcon-wrap li{width: 35px;height: 35px; border-bottom: 0;}
.comment-write .write-wrap .name-wrap .imgIcon-wrap li a{display:block; width: 100%; height: 100%; }
.comment-write .write-wrap .name-wrap .imgIcon-wrap li a img{width: 100%; height: 100%; border:1px solid #d7d7d7; border-radius: 50%;}


/*
.board-viewWrap .comment-wrap .comment2 .commentList-wrap{position:relative;}
.board-viewWrap .comment-wrap .comment2 .commentList-wrap .btn-wrap{position:absolute; top:13px; right:10px; z-index: 999999;}
*/
.comment2-comm-btn{cursor: pointer; font-size: 14px; color:#888; margin-left: 10px;  }

.comment2-comm-btn:hover{color:#276cad;}




/*무료광고신청 리스트 freeAd.html*/
.freeAd-list-table td p.category{width: 100%; /*display:block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;*/}
.freeAd-list-table td span.type{display:inline-block; padding:8px 0px; border-radius: 5px;  color: #fff; font-size: 15px; width: 80px; }
.freeAd-list-table td span.type1{background: #aaa;}
.freeAd-list-table td span.type2{background: #7e5cb5;}
.freeAd-list-table td span.type3{background: #276cad;}
.freeAd-list-table td span.type4{background: #666;}

.freeAd-list-wrap .explain-wrap{border:1px solid #d7d7d7; background: #f7f7f7; padding:30px;}
.freeAd-list-wrap .explain-wrap p{line-height: 1.3; font-size:15px; margin-top: 5px;}
.freeAd-list-wrap .explain-wrap p:nth-child(1){margin-top: 0;}
.freeAd-list-wrap .explain-wrap p span{font-size:15px;}





/*무료광고신청 신청하기 freeAd_write.html*/

.freeAd-table th{border-right: 1px solid #d7d7d7;}
.freeAd-table td{border-left: 1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:5px 10px;}
.freeAd-table td:last-child{border-right: 0;}
.freeAd-table td input{width: 100%; font-size: 15px;}
.freeAd-table td textarea{width: 100%; font-size: 15px; box-sizing: border-box; border:1px solid #d7d7d7; resize:none; border-radius: 5px; height: 160px; padding: 10px;}

.freeAd-wrap .agree-wrap{}
.freeAd-wrap .agree-wrap .agree-text{padding:30px; height:200px; overflow-y: auto;margin-top: 10px; border:1px solid #d7d7d7; background: #f7f7f7; cursor: pointer;transform: translate(0);}
.freeAd-wrap .agree-wrap .agree-text p{margin-top: 15px; line-height: 1.3; font-size: 15px; }
.freeAd-wrap .agree-wrap .agree-text p span{font-size: 15px; margin-bottom: 3px; display:block;}
.freeAd-wrap .agree-wrap .agree-text p:first-child{margin-top: 0;}

.freeAd-wrap .agree-wrap .agree-chk{display:flex; justify-content: center; align-items: center; margin-top: 20px;}
.freeAd-wrap .agree-wrap .agree-chk p{cursor: pointer; font-size: 15px;}


.freeAd-wrap .page-table1 tr th{transform:inherit; padding: 0 10px;}
.freeAd-wrap .page-table1 tr td{ padding: 5px 10px;}
.freeAd-wrap .page-table1 tr:last-child td{padding: 5px 10px;}
.freeAd-wrap .page-table1 tr th p{color: #333; font-size: 16px; font-weight: 900;}

.ex-img-wrap{margin-top: 30px; display:flex; justify-content: space-between; align-items: flex-start;}
.ex-img-wrap li{width: calc(50% - 15px); text-align: center;}
.ex-img-wrap li span{display:block;width: 100%; height: 100%;}
.ex-img-wrap li span img{width: 100%; height: 100%; border:1px solid #d7d7d7; border-radius: 20px;}
.ex-img-wrap li p.text{color:#333; font-weight: 900; margin-top: 20px;}

.howTo-img-wrap{margin-top: 60px; padding-top: 60px; border-top:1px solid #d7d7d7; text-align: center;}
.howTo-img-wrap span img{width: 100%; border:1px solid #d7d7d7; border-radius: 20px;}
.howTo-img-wrap p.text{margin-top: 10px; line-height: 1.3; }
.howTo-img-wrap p.text:first-child{margin-top: 20px; }




/*무료광고신청 승인,게시 freeAd_write2.html*/
.freeAd-wrap .page-table1 tr td .img-upload-wrap{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.freeAd-wrap .page-table1 tr td .img-upload-wrap p.exp-text{font-size: 14px; width: 100%; margin-top: 5px;}
.freeAd-wrap .page-table1 tr td .img-upload-wrap a.imgFile{display:flex; justify-content: center; align-items: center; width: 100px; height: 40px; border-radius: 5px; background: #276cad; color: #fff; font-size: 15px;}
.freeAd-wrap .page-table1 tr td .img-upload-wrap input{width: calc(100% - 110px);}




.red-bg-wrap{background: #fff7f7; border:1px solid #d7d7d7; padding: 30px; max-height: 200px; overflow-y: auto;}
.red-bg-wrap p{line-height: 1.3; font-size: 15px; color: #dd3413;}