
/* main_visual_slide */
.main_visualbox {position: relative; width: 100%; min-width: 1280px; margin-top: 60px; overflow: hidden;}
.main_visualarea {float: left; width: 100%; height: 640px;}
.main_visualarea .swiper-container-1 {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.main_visualarea .swiper-container-1 .swiper-slide {text-align: center; /* Center slide text vertically */ background: #1a2c5b; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.main_visualarea .swiper-container-1 .swiper-slide .slideback {float: left; width: 100%; height: 640px;}  /* 배너이미지 분리 */
.main_visualarea .swiper-container-1 .swiper-pagination-bullet {width: 13px !important; height: 13px !important; display: inline-block; border-radius: 0; background-color: #fff !important; border-radius: 50%; opacity: 1 !important;}
.main_visualarea .swiper-container-1 .swiper-pagination-white .swiper-pagination-bullet-active {width: 13px !important; height: 13px !important; background: #268fee !important; border: 0;}
.main_visualarea .swiper-container-1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 4% !important;}
.main_visualarea .swiper-container-1 .mainprev, .mainnext {width: 50px !important; height: 50px !important; background-size: 50px 50px !important;}
.main_visualbox .swiper-container-1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(../images/main_slide_next.png) !important; right: 3% !important;}
.main_visualbox .swiper-container-1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(../images/main_slide_prev.png) !important; left: 3% !important;}

/* 바로가기 메뉴 */
.menulink_box {float: left; width: 100%; margin-top: 50px;}
.menulink_area {margin: 0 auto; width: 1280px;}
.menulist {float: left; width: 100%;}
.menulist ul {float: left; width: 305px; height: 250px; margin-right: 20px;}
.menulist ul.menu01 {background: url(../images/menulink_bg1.jpg) no-repeat; background-size: 100% 100%;}
.menulist ul.menu02 {background: url(../images/menulink_bg2.jpg) no-repeat; background-size: 100% 100%;}
.menulist ul.menu03 {background: url(../images/menulink_bg3.jpg) no-repeat; background-size: 100% 100%;}
.menulist ul.menu04 {margin-right: 0; background: url(../images/menulink_bg4.jpg) no-repeat; background-size: 100% 100%;}
.menulist ul a {display: block; width: 100%; height: 250px; font-family: "Noto Sans KR", sans-serif; text-align: center; padding: 143px 40px 0; box-sizing: border-box;}
.menulist ul li.menuname {display: inline-block; width: 100%; height: 44px; font-size: 20px; color: #fff; font-weight: 400; line-height: 44px; letter-spacing: -2px; background: rgba(0,0,0,0.40)}
.menulist ul li.menustxt {font-size: 14.5px; color: #fff; font-weight: 300; letter-spacing: -0.8px; line-height: 15px; margin-top: 10px;}

/* contentstitle common */
.contentstitle_box {float: left; width: 100%; height: 70px;}
.contentstitle_area {margin: 0 auto; width: 1280px;}
.contentstitle_box ul.titlename {float: left;}
.contentstitle_box ul.titlename li {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 30px; color: #292929; font-weight: 400; line-height: 28px; margin-top: 8px;}
.contentstitle_box ul.titlename li b {font-weight: 700;}
.contentstitle_box ul.morebtns {float: right;}
.contentstitle_box ul.morebtns li a {display: inline-block; width: 125px; height: 44px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #353434; font-weight: 300; line-height: 41px; text-align: center; border: 2px solid #cacacb; box-sizing:border-box; border-radius: 50px;}
.contentstitle_box ul.morebtns li a img {margin-left: 12px; vertical-align: 1px;}

/* worshipword */
.worshipword_box {float: left; width: 100%; margin-top: 50px;}
.worshipword_area {float: left; width: 100%;}
.albumlist_box {margin: 0 auto; width: 1300px;}
.albumlist_area {position: relative; float: left; width: 100%;}

/* 4대3 썸네일 리스트 */
.auto_style_1 .slick-slide {position: relative; width: 325px; height: 230px; padding: 0 10px; box-sizing: border-box; overflow: hidden;}
.auto_style_1 .slick-slide a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; background: #fff; transition: all 0.5s ease; outline: none; z-index: 1;}
.albumlist_box div.album_43 a {position: relative; width: 100%; display: block; cursor: pointer; border-radius: 12px; overflow: hidden;}
.albumlist_box div.album_43 span.cover_image {position: relative; display: block; width: 100%; height: 230px; z-index: 1; -webkit-transition: -webkit-transform 0.1s ease; -moz-transition: -moz-transform 0.1s ease; -o-transition: -o-transform 0.1s ease; transition: transform 0.1s ease;}
.albumlist_box div.album_43 span.cover_image img {width: 100%; height: 100%;}

.albumlist_box div.album_43 figcaption {position: absolute; content: ''; z-index: 2; top: calc(45%); left: 0; width: 100%; height: 65%; font-family: "Noto Sans KR", sans-serif; padding: 20px; box-sizing:border-box; background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%); background-image: linear-gradient(to bottom, transparent 0%, #000 100%);}
.albumlist_box div.album_43 figcaption span.typebox {display: inline-block; width: auto; height: 24px; font-size: 12px; color: #fff; font-weight: 300; line-height: 26px; text-align: center; padding: 0 7px; margin-bottom: 15px; background: #0699ed; border-radius: 3px;}
.albumlist_box div.album_43 figcaption span.typebox_color {background: #cf3a3a;}
.albumlist_box div.album_43 figcaption h3 {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #fff; font-weight: 500; line-height: 16px; letter-spacing: -0.8px; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.albumlist_box div.album_43 figcaption p {display: inline-block; font-size: 14px; color: #fff; font-weight: 300; line-height: 14px;}

/* 4대3 썸네일 리스트2 */
.auto_style_2 .slick-slide {position: relative; width: 325px; height: 230px; padding: 0 10px; box-sizing: border-box; overflow: hidden;}
.auto_style_2 .slick-slide a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; background: #fff; transition: all 0.5s ease; outline: none; z-index: 1;}
.albumlist_box div.album_43_2 a {position: relative; width: 100%; display: block; cursor: pointer; border-radius: 12px; overflow: hidden;}
.albumlist_box div.album_43_2 span.cover_image {position: relative; display: block; width: 100%; height: 230px; z-index: 1; -webkit-transition: -webkit-transform 0.1s ease; -moz-transition: -moz-transform 0.1s ease; -o-transition: -o-transform 0.1s ease; transition: transform 0.1s ease;}
.albumlist_box div.album_43_2 span.cover_image img {width: 100%; height: 100%;}
.albumlist_box div.album_43_2 span.coverbg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.38); z-index: 2;}

.albumlist_box div.album_43_2 figcaption {position: absolute; z-index: 3; top: 20px; left: 20px; right: 20px; bottom: 20px; text-align: center; font-family: "Noto Sans KR", sans-serif; padding: 23px 30px 0; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.40);}
.albumlist_box div.album_43_2 figcaption span.typetit {display: inline-block; width: 100%; height: 24px; font-size: 16px; color: #fff; font-weight: 400; line-height: 16px; text-align: center; margin-bottom: 5px;}
.albumlist_box div.album_43_2 figcaption h3 {display: inline-block; width: 100%; height: 85px; font-family: "Noto Sans KR", sans-serif; font-size: 20px; color: #fff; font-weight: 700; line-height: 28px; letter-spacing: -0.8px; text-align: center; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden;}
.albumlist_box div.album_43_2 figcaption p {display: inline-block; font-size: 14px; color: #fff; font-weight: 300; line-height: 14px; text-align: center; padding: 0 10px 1px; border-left: 2px solid rgba(255,255,255,0.58); border-right: 2px solid rgba(255,255,255,0.58);}

/* 원형 썸네일 리스트 */
.auto_style_3 .slick-slide {position: relative; width: 260px; height: auto; padding: 0 10px; box-sizing: border-box; overflow: hidden;}
.auto_style_3 .slick-slide a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; background: #fff; transition: all 0.5s ease; outline: none; z-index: 1;}
.albumlist_box div.album_circle a {position: relative; width: 100%; display: block; cursor: pointer; border-radius: 100%; overflow: hidden;}
.albumlist_box div.album_circle span.cover_image {position: relative; display: block; width: 100%; height: auto; z-index: 1; -webkit-transition: -webkit-transform 0.1s ease; -moz-transition: -moz-transform 0.1s ease; -o-transition: -o-transform 0.1s ease; transition: transform 0.1s ease;}
.albumlist_box div.album_circle span.cover_image img {width: 100%; height: 100%;}

.albumlist_box div.album_circle figcaption {position: absolute; content: ''; z-index: 2; top: calc(60%); left: 0; width: 100%; height: 52%; font-family: "Noto Sans KR", sans-serif; text-align: center; padding: 20px; box-sizing:border-box; background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%); background-image: linear-gradient(to bottom, transparent 0%, #000 100%);}
.albumlist_box div.album_circle figcaption h3 {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #fff; font-weight: 500; line-height: 16px; letter-spacing: -0.8px; padding: 0 20px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.albumlist_box div.album_circle figcaption p {display: inline-block; font-size: 12.5px; color: #fff; font-weight: 300; line-height: 13px;}

/* 웹진 썸네일 리스트 */
.auto_style_4 .slick-slide {position: relative; width: 260px; height: 345px; padding: 0 10px; box-sizing: border-box; z-index: 1;}
.auto_style_4 .slick-slide a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; background: #fff; outline: none; z-index: 1;}
.albumlist_box div.album a {position: relative; width: 100%; height: 100%; display: block; border-radius: 12px; cursor: pointer; -webkit-transition: -webkit-transform 0.1s ease; -moz-transition: -moz-transform 0.1s ease; -o-transition: -o-transform 0.1s ease; transition: transform 0.1s ease; overflow: hidden;}
.albumlist_box div.album span.cover_image {position: relative; display: block; width: 100%; height: 345px; z-index: 1;}
.albumlist_box div.album span.cover_image img {width: 100%; height: 100%;}

.albumlist_box div.album figcaption {position: absolute; content: ''; z-index: 2; top: calc(62%); left: 0; width: 100%; height: 44%; font-family: "Noto Sans KR", sans-serif; padding: 20px; box-sizing:border-box; background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%); background-image: linear-gradient(to bottom, transparent 0%, #000 100%);}
.albumlist_box div.album figcaption h3 {display: inline-block; width: 100%; height: 50px; font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #fff; font-weight: 500; line-height: 26px; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.albumlist_box div.album figcaption p {display: inline-block; font-size: 14px; color: #fff; font-weight: 300; line-height: 14px; margin-top: 10px;}

/* 웹진 썸네일2 TOP 숫자 리스트 */
.autoplay-5 .slick-slide {position: relative; width: 260px; height: 295px; padding: 0 10px; margin-left: 30px; box-sizing: border-box;}
.autoplay-5 .slick-slide a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; background: #fff; transition: all 0.5s ease; outline: none; z-index: 1;}
.albumlist_box div.album_num a {position: relative; width: 98%; display: block; border-radius: 12px; cursor: pointer; overflow: hidden;}
.albumlist_box div.album_num span.cover_image {position: relative; display: block; width: 100%; height: 295px; z-index: 1; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease;}
.albumlist_box div.album_num span.cover_image img {width: 100%; height: 100%;}

.albumlist_box div.album_num figcaption {position: absolute; content: ''; z-index: 2; top: calc(55%); left: 0; width: 100%; height: 56%; font-family: "Noto Sans KR", sans-serif; padding: 30px; box-sizing:border-box; background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%); background-image: linear-gradient(to bottom, transparent 0%, #000 100%);}
.albumlist_box div.album_num figcaption h3 {display: inline-block; width: 100%; height: 40px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 500; line-height: 22px; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.albumlist_box div.album_num figcaption p {display: inline-block; font-size: 12.5px; color: #fff; font-weight: 300; line-height: 14px; margin-top: 10px;}
.albumlist_box div.album_num .numbertop {position: absolute; bottom: -2px; left: -30px; z-index: 3;}

/* 미리보기 레이어팝업 실행 */
.modal_com .modal_layerpopup {margin: 0 auto; width: 100%; max-width: 980px;}
.modal_com .modal_layerpopup .topbtn {float: left; width: 100%; text-align: right; padding: 10px 16px; box-sizing: border-box; background: #111; border-bottom: 1px solid #2c2c2c;} /* 닫기 버튼설정 */
.modal_com .modal_layerpopup .topbtn .title {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 20px; color: #dbd9d9; font-weight: 400;}
.modal_com .modal_layerpopup .topbtn a {display: inline-block; width: 20px; height: 20px; margin-top: 5px;}
.modal_com .modal_layerpopup .topbtn a img {width: 100%;}

/* 미리보기 내용컨텐츠 */
#preview {float: left; width: 100%;}
.preview_popup {float: left; width: 100%; background: #000;}
.preview_popup .thumb_img {float: left; width: 400px; /*4:3*/ padding: 16px; box-sizing: border-box;}
.preview_popup .thumb_img img {width: 100%;}
.preview_popup .preview_info {position: relative; float: left; width: 560px; height: 295px;}
.preview_info .userbtns {float: left; width: 100%; margin-top: 15px;}
.preview_info .userbtns ul.left {float: left; width: 80%; box-sizing: border-box;}
.preview_info .userbtns ul.left li {float: left; margin-right: 10px;}
.preview_info .userbtns ul.left li.playbtns {width: 150px;}
.preview_info .userbtns ul.left li.playbtns a {display: inline-block; width: 100%; font-size: 15px; line-height: 55px; background: #fff; border: 2px solid #fff; border-radius: 8px;}
.preview_info .userbtns ul.left li.playbtns a img {width: 19px; height: 20px; margin-right: 10px;}
.preview_info .userbtns ul.left li.playbtns a:hover {background: #fdec56; border: 2px solid #fdec56;}
.preview_info .userbtns ul.left li a {display: inline-block; width: 58px; height: 58px; text-align: center; line-height: 52px; border: 2px solid #666464; box-sizing: border-box; border-radius: 100%; transition: all 0.3s ease;}
.preview_info .userbtns ul.left li a img {width: 24px; height: 22px;}
.preview_info .userbtns ul.left li a:hover {border: 2px solid #fdec56;}
.preview_info .userbtns ul.right {float: right; box-sizing: border-box;}
.preview_info .userbtns ul.right li a {display: inline-block; width: 58px; height: 58px; text-align: center; line-height: 52px; border: 2px solid #666464; box-sizing: border-box; border-radius: 100%; transition: all 0.3s ease;}
.preview_info .userbtns ul.right li a img {width: 26px; height: 26px;}
.preview_info .userbtns ul.right li a:hover {border: 2px solid #fdec56;}
.preview_info .infotxt {float: left; width: 100%; padding-bottom: 15px; margin-top: 15px;}
.preview_info .infotxt h3 {height: 30px; font-family: "Noto Sans KR", sans-serif; font-size: 19px; color: #fff; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.preview_info .infotxt .datacon {float: left; width: 100%; margin-top: 10px; box-sizing: border-box;}
.preview_info .infotxt .datacon .data {float: left; font-size: 13px; color: #cccbcb; margin-top: 6px; margin-right: 10px;}
.preview_info .infotxt .datacon .type {float: left; font-size: 14px; color: #fff; letter-spacing: -1px; padding: 5px; border: 1px solid rgba(255,255,255,0.4);}
.preview_info .infotxt p {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #fff; font-weight: 300; line-height: 22px; letter-spacing: -0.5px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: normal; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-all;}
.preview_info .linkpage {position: absolute; bottom: 0; width: 100%; padding-top: 10px; border-top: 1px solid #424242;}
.preview_info .linkpage ul a {display: inline-block; width: 100%; height: 100%;}
.preview_info .linkpage .detailtit {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 19px; color: #fff; font-weight: 300;}
.preview_info .linkpage .detailtit span.icosign {float: left; width: 30px; height: 30px; margin-top: -2px; margin-right: 10px;}
.preview_info .linkpage .detailtit span.icosign img {width: 100%;}
.preview_info .linkpage .detailmore {float: right; margin-top: 2px;}
.preview_info .linkpage .detailmore img {width: 80%;}

/* 미리보기 검색박스 search-area */
.search-area {position: fixed; bottom: 170px; left: 50%; margin-left: -90px; width: 560px; height: 55px; display: none; z-index: 100000000000;}
.search-area #search-box {position: relative; display: inline-block; width: 100%; background-color: rgba(255,255,255,1); border: 1px solid #000; box-sizing:border-box;}
.search-area #search-box input {width: 84%; height: 50px; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 400; padding: 0 2%; background: transparent; border: 0; outline: 0;}
.search-area #search-box #search-box-btn {position: absolute; top: 0; right: 0; width: 49px; height: 48px; background: url("../images/search_on.png") no-repeat center 14px; background-size: 50% 50%; text-indent: -9999px; border: 0; cursor: pointer;}

/* community */
.community_box {float: left; width: 100%; margin-top: 50px;}
.community_area {margin: 0 auto; width: 1280px;}
.notice_box {float: left; width: 49.21875% /*630px*/; margin-right: 20px;}
.boardtit {float: left; width: 100%; height: 50px; font-family: "Noto Sans KR", sans-serif; padding: 0 30px; box-sizing: border-box; background: #fafafa; border: 1px solid #ece9e9; border-radius: 5px 5px 0 0;}
.boardtit .tittxt {float: left; font-size: 20px; color: #111; font-weight: 400; line-height: 48px;}
.boardtit .titmore {float: right; margin-top: 17px;}
.boardtit .titmore a {display: block; width: 16px; height: 16px;}
.boardtit .titmore a img {vertical-align: top;}
.notice_box .boardcon {float: left; width: 100%; padding: 10px 30px 30px; box-sizing: border-box; border: 1px solid #ece9e9; border-top: 0;}
.notice_box .boardcon li {float: left; width: 100%; height: 51px; line-height: 51px; border-bottom: 1px solid #ebe8e8; box-sizing: border-box;}
.notice_box .boardcon li span.basic_subject {float: left; width: 80%;}
.notice_box .boardcon li span.basic_subject a {display: inline-block; width: 100%; font-size: 15px; color: #646464; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.notice_box .boardcon li span.basic_subject a:hover {color: #00b4ff; text-decoration: underline;}
.notice_box .boardcon li span.basic_date {float: right; font-size: 12.5px; color: #969696; font-weight: 300; letter-spacing: -0.5px;}

.sitelink_box {float: left; width: 49.21875% /*630px*/;}
.sitelink_box .linkcon {float: left; width: 100%; height: 245px; padding: 50px; box-sizing: border-box; border: 1px solid #ece9e9; border-top: 0;}
.sitelink_box .linkcon li {float: left; width: 250px; text-align: center;}
.sitelink_box .linkcon li:last-child {float: right;}
.sitelink_box .linkcon li a {display: block; width: 100%; height: 100%;}
.bannimg img {width: 100%;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

.main_visualbox {min-width: 1200px;}
.menulink_area {width: 1200px;}
.menulist ul {width: 285px;}
.contentstitle_area {width: 1200px;}

.albumlist_box {width: 1220px;}
.slick-prev {left: -20px !important;}
.slick-next {right: -20px !important;}

.community_area {width: 1200px;}
.notice_box {width: 590px;}
.sitelink_box {float: left; width: 590px;}
.sitelink_box .linkcon {padding: 33px 20px 30px;}
.sitelink_box .linkcon li {margin-right: 20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

}