@charset "utf-8";

.doc-tit {position:relative; padding-left:40px; margin:0 0 22px 30px; color:#000; font-size:26px; line-height:1.3em; letter-spacing:-.03em;}
.doc-tit:before {content:""; position:absolute; top:10px; left:0; width:19px; height:7px; background:#003d46; border-radius:10px;}

.dot-list > li {position:relative; padding-left:15px;}
.dot-list > li:before {content:"·"; position:absolute; top:0; left:-2px; font-weight:700;}

.greetings {margin:0 24px 80px;}
.greetings h3 {width:50%; padding-bottom:12px; margin-bottom:33px; color:#000; font-size:26px; line-height:1.3em; letter-spacing:-.03em; border-bottom:5px solid #01797a;}
.greetings .box {font-size:20px; color:#777; font-size:22px; font-weight:500; line-height:1.636em; letter-spacing:-.01em;}
.greetings .box .tt {font-size:24px; color:#01797a;}
.greetings .box .sign {max-width:1500px; font-size:28px; text-align:right; color:#000;}
.greetings .box .sign img {vertical-align:middle; margin:0 0 0 40px;}

.mission-tit {width:50%; padding-bottom:16px; margin:0 24px 25px; color:#000; font-size:28px; line-height:1.3em; letter-spacing:-.03em; border-bottom:5px solid #01797a;}
.mission-tit span {color:#009798;}

.mission {position:relative; border-radius:20px; padding:54px 95px 68px; margin:0 24px 120px; background:url("../images/sub/maga_mission_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.mission .box {padding:32px 40px; background:#fff; border-radius:20px; width:70%; max-width:682px; line-height:1.667em; letter-spacing:-.05em;}
.mission .box dl {margin-bottom:27px;}
.mission .box dl:last-child {margin-bottom:0;}
.mission .box dt {color:#000; font-size:1.111em; font-weight:700; margin-bottom:6px;}
.mission .img {position:absolute; right:5%; bottom:0;}

.kaicam {margin:0 24px; font-size:22px; color:#777; font-size:22px; font-weight:500; line-height:1.636em; letter-spacing:-.03em;}
.kaicam h3 {width:50%; padding-bottom:20px; margin-bottom:40px; border-bottom:5px solid #01797a;}
.kaicam .tt {color:#01797a;}

.our-team {max-width:1406px; margin:-50px auto; text-align:center; color:#000; font-size:26px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; overflow:hidden;}
.our-team .row {display:flex; flex-wrap:wrap; margin:0 -39px;}
.our-team .row:first-child {justify-content:center;}
.our-team .col {width:33.33333333%; padding:45px 39px;}
.our-team .box img {display:block; margin:0 auto 17px;}
.our-team .box .name:after {content:""; display:block; margin:9px auto 12px; width:192px; height:4px; background:#01797a;}
.our-team .box .sm {color:#888; font-size:20px; font-weight:400; line-height:1.4em; letter-spacing:-.03em;}

.worship-guide {max-width:1338px; padding:65px 95px 95px; margin:0 auto; color:#fff; background:url("../images/sub/worship_guide.jpg") 100% 50% no-repeat; background-size:cover;}
.worship-guide h3 {font-size:28px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:22px;}
.worship-guide h3 img {vertical-align:middle; margin:-.2em 6px 0 0;}
.worship-guide .cnt {margin-bottom:60px;}
.worship-guide .cnt:last-child {margin-bottom:0;}
.worship-guide .cnt table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0px; color:#fff; font-size:24px; font-weight:300; line-height:1.5em; letter-spacing:-.03em;}
.worship-guide .cnt table td {height:60px; padding:5px; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff;}

.location-info {margin:0 0 35px 20px; display:flex; align-items:center;}
.location-info .ico {margin-right:20px;}
.location-info .txt {font-size:24px; line-height:1.4em; letter-spacing:-.03em;}

.root_daum_roughmap {width:100% !important;}

.traffic-info:last-child {margin-bottom:0;}
.traffic-info {margin-top:65px; margin-bottom:130px; display:flex; border:1px solid #ddd;}
.traffic-info .img {width:50%; background:#fffdf1; display:flex; align-items:center; justify-content:center;}
.traffic-info .cnt {width:50%; padding:55px 70px; border-left:1px solid #ddd;}
.traffic-info .cnt h3 {margin-bottom:35px; font-size:28px; font-weight:400; line-height:1.3em; letter-spacing:-.03em;}
.traffic-info .cnt .item {display:flex; align-items:center; margin-bottom:30px;}
.traffic-info .cnt .item:last-child {margin-bottom:0; margin-top:60px;}
.traffic-info .cnt .ico {width:136px;}
.traffic-info .cnt .txt {flex:1 1 auto; min-width:0; width:1%; font-size:20px; line-height:1.7em; letter-spacing:-.03em;}
.traffic-info .cnt .txt dt {color:#000; font-size:1.2em; font-weight:700; line-height:1.3em; margin-bottom:5px;}
.traffic-info .cnt .txt .tel {font-size:28px; font-weight:700; line-height:1.4em;}

.maga-tit {display:inline-block; position:relative; font-family:'Nanum Myeongjo',serif; color:#000; font-size:40px; font-weight:700; line-height:1.4em; letter-spacing:-.04em; padding:0 12px;}
.maga-tit:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/sub/tit_bg.png") 50% 50% no-repeat; background-size:100% 22px;}
.maga-tit .in {position:relative;}
.maga-tit .highlight {position:relative; padding:0 5px;}
.maga-tit .highlight:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/sub/tit_bg.png") 50% 75% no-repeat; background-size:100% 14px; z-index:-1;}

.maga-youth-main {text-align:center; margin-bottom:160px;}
.maga-youth-main .img {margin-bottom:135px;}
.maga-youth-main .txt {font-size:24px; line-height:1.6em; letter-spacing:-.03em; margin-top:22px;}
.maga-youth-main .btns {margin-top:70px;}
.maga-youth-main .bt {display:inline-block; margin:5px 18px; padding:0 20px; width:495px; color:#000; font-size:28px; font-weight:500; line-height:76px; letter-spacing:-.05em; border:1px solid #ccc; border-radius:8px;}
.maga-youth-main .bt img {vertical-align:middle; margin:-.2em 10px 0 0;}
.maga-youth-main .bt.type1 {color:#fff; background:#003d46; border-color:#003d46;}
.maga-youth-main .bt.type2 img {width:36px;}

.maga-youth-vision .doc-tit {margin-bottom:75px;}
.maga-youth-vision .h50 {height:50px;}
.maga-youth-vision .content {padding:0 100px;}

.bible-verse.st2 {text-align:right;}
.bible-verse .wrap {display:inline-block;}
.bible-verse .txt {border-top:1px solid #d9d9d9; margin:12px 0 0 12px; padding-top:12px; letter-spacing:-.03em;}

.dep-top {padding:0 0 75px 24px; margin-bottom:65px; border-bottom:1px solid #003d46;}
.dep-top h3 {position:relative; padding-left:40px; margin-bottom:22px; color:#000; font-size:28px; line-height:1.3em; letter-spacing:-.05em;}
.dep-top h3:before {content:""; position:absolute; top:13px; left:0; width:19px; height:7px; background:#003d46; border-radius:10px;}
.dep-top .cnt {margin-left:40px; font-size:1.111em; line-height:1.85em; letter-spacing:-.03em; color:#777;}
.dep-top .btns {margin-top:45px;}
.dep-top .btns .bt {display:inline-block; margin:0 5px 9px 0; padding:0 27px; color:#000; font-weight:500; line-height:48px; border:1px solid #ccc; border-radius:4px;}
.dep-top .btns .bt img {vertical-align:middle; margin:-.2em 10px 0 0;}
.dep-top .btns .bt.type1 {color:#fff; background:#003d46; border-color:#003d46;}
.dep-top.type2 {margin-bottom:0; border-bottom:0;}
.dep-top.st1 {padding-left:0;}
.dep-top.st1 h3 {margin-bottom:12px;}
.dep-top.st1 h3:before {background:#041e7d}

.dep2-top {color:#000; text-align:center; margin-bottom:70px;}
.dep2-top h3 {font-size:36px; line-height:1.35em; letter-spacing:-.05em; margin-bottom:20px;}
.dep2-top p {font-size:20px; line-height:1.5em; letter-spacing:-.05em;}

.generation-worship {padding:0 100px; margin:60px 0 160px; text-align:center; color:#000; font-size:24px; line-height:1.3em; letter-spacing:-.03em;}
.generation-worship .row {display:flex; margin:0 -18px;}
.generation-worship .col {width:33.33333333%; padding:0 18px;}
.generation-worship dl {border:1px solid #d9d9d9;}
.generation-worship dt {padding:20px; font-weight:700; border-bottom:1px solid #d9d9d9;}
.generation-worship dd {height:143px; display:flex; flex-direction:column; justify-content:center; padding:5px 10px;}
.generation-worship dd p {margin:6px 0;}
.generation-worship .btn {margin-top:50px;}
.generation-worship .btn a {display:inline-block; padding:15px 50px; font-size:28px; font-weight:500; line-height:1.3em; border:1px solid #ccc; border-radius:10px;}
.generation-worship .btn a img {vertical-align:middle; width:44px; margin:-.2em 10px 0 0;}

.generation-vition {margin-top:75px;}
.generation-vition .maga-tit {display:block; text-align:center; margin-bottom:170px;}
.generation-vition .maga-tit:before {display:none;}

.photo-gallery-wrap {margin-bottom:120px;}
.photo-gallery-wrap:last-child {margin-bottom:0;}
.photo-gallery-wrap .title {padding:0 130px; margin-bottom:40px;}
.photo-gallery-wrap .title h4 {color:#01797a; font-size:26px; line-height:1.3em; letter-spacing:-.05em; margin-bottom:15px;}
.photo-gallery-wrap .title h4 img {vertical-align:middle; margin:-.2em 7px 0 0;}
.photo-gallery-wrap .title p {color:#777; font-size:1.111em; font-weight:500; letter-spacing:-.03em; color:#777;}
.photo-gallery-wrap .btns {margin-top:15px;}
.photo-gallery-wrap .btns .bt {display:inline-block; margin:0 5px 9px 0; padding:0 27px; color:#000; font-size:20px; font-weight:500; line-height:48px; letter-spacing:-.03em; border:1px solid #ccc; border-radius:4px;}
.photo-gallery-wrap .btns .bt img {vertical-align:middle; margin:-.2em 10px 0 0;}
.photo-gallery-wrap .btns .bt.type1 {color:#fff; background:#003d46; border-color:#003d46;}
.photo-gallery-wrap .photo-gallery {margin:0 -1px;}

.photo-gallery {position:relative; padding:0 130px;}
.photo-gallery .slick-arrow {position:absolute; top:50%; margin-top:-75px; width:130px; height:130px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.photo-gallery .slick-prev {left:0; background-image:url("../images/sub/slide_prev.png");}
.photo-gallery .slick-next {right:0; background-image:url("../images/sub/slide_next.png");}

.prayer-intro {text-align:center;}
.prayer-intro .txt {font-size:20px; line-height:1.8em; letter-spacing:-.03em; margin-bottom:50px;}
.prayer-intro .imgs {display:flex; justify-content:center; margin:0 -14px;}
.prayer-intro .imgs div {width:50%; max-width:670px; padding:0 14px;}
.prayer-intro .imgs img {border-radius:10px; box-shadow:13px 13px 13px rgba(0,0,0,.3);}

.worship-guide2 {position:relative; max-width:1380px; padding:31px 0 0 43px; margin:0 auto;}
.worship-guide2 .img {position:absolute; top:0; left:0; border:1px solid #ccc; box-shadow:13px 13px 13px rgba(0,0,0,.15); z-index:2;}
.worship-guide2 .cnt {position:relative; min-height:410px; border:1px solid #ccc; padding:57px 67px 47px 680px;}
.worship-guide2 .cnt h3 {color:#000; font-size:30px; line-height:1.33em; letter-spacing:-.05em; margin-bottom:13px;}
.worship-guide2 .cnt h3 img {vertical-align:middle; margin:-.2em 10px 0 0;}
.worship-guide2 .cnt .txt {margin-left:35px; color:#888; font-size:24px; line-height:1.6em; letter-spacing:-.05em;}
.worship-guide2 .cnt .ico {position:absolute; right:67px; bottom:47px;}
.worship-guide2 .cnt .youtube {position:absolute; right:67px; bottom:47px;}
.worship-guide2 .cnt .youtube a {display:inline-block; color:#000; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; border:1px solid #ddd; padding:16px 30px; border-radius:10px;}
.worship-guide2 .cnt .youtube a img {vertical-align:middle; margin:-.2em 10px 0 0;}

.donate-top {display:flex; margin-bottom:100px;}
.donate-top .cnt {flex:1 1 auto; min-width:0; width:1%; letter-spacing:-.05em;}
.donate-top .img {width:530px; margin-left:50px; margin-top:70px;}
.donate-top .img img {border-radius:10px;}
.donate-top .tit {display:inline-block; padding:14px 39px; margin-bottom:40px; border:1px solid #bfbfbf; border-radius:10px; color:#000; font-size:1.111em; line-height:1.4em;}
.donate-top .tit img {margin-right:8px;}
.donate-top h3 {color:#000; font-size:36px; line-height:1.3em; margin-bottom:65px;}
.donate-top h3 span {color:#9c1d25;}
.donate-top .tt {color:#000; font-size:1.111; line-height:1.5em; margin-bottom:20px;}

.donate-imgs ul {display:flex; flex-wrap:wrap; margin:-20px -17px;}
.donate-imgs ul li {width:20%; padding:20px 17px;}
.donate-imgs ul li img {border-radius:10px; transition:.7s; display:block;}
.donate-imgs ul li a:hover img {transform:scale(1.1)}

.pop-photo-wrap {width:calc(100vw - 20px); max-width:1320px; background:#fff; border:3px solid #000; padding:80px 56px 56px 56px;}
.pop-photo-wrap .img img {border-radius:20px;}
.pop-photo-wrap .close {position:absolute; top:20px; right:20px; width:28px; height:28px; text-indent:-9999em; overflow:hidden;}
.pop-photo-wrap .close:before,
.pop-photo-wrap .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#000; border-radius:3px;}
.pop-photo-wrap .close:before {transform:rotate(45deg);}
.pop-photo-wrap .close:after {transform:rotate(-45deg);}

.donate-bank {margin-top:70px; letter-spacing:-.05em;}
.donate-bank .box {background:#fffbfb; padding:73px; border-radius:20px;}
.donate-bank .tit {text-align:center; color:#000; font-size:36px; line-height:1.3em; letter-spacing:-.05em; padding-bottom:32px; margin-bottom:42px; border-bottom:1px solid #9c1d25;}
.donate-bank .tit span {color:#9c1d25;}
.donate-bank .row {display:flex; margin:0 -22px;}
.donate-bank .col {width:50%; padding:0 22px;}
.donate-bank h4 {display:inline-block; color:#fff; font-size:20px; font-weight:500; line-height:1.3em; padding:10px 22px; margin-bottom:20px; background:#9c1d25; border-radius:30px;}
.donate-bank h4 img {vertical-align:middle; margin:-.2em 10px 0 0;}
.donate-bank h5 {position:relative; padding-left:23px; margin-bottom:15px; color:#000; font-size:20px; line-height:1.3em;}
.donate-bank h5:before {content:""; position:absolute; top:6px; left:0; width:15px; height:15px; border:3px solid #000; border-radius:100%;}
.donate-bank .dot li {position:relative; padding-left:15px; color:#000;}
.donate-bank .dot li:before {content:"·"; font-weight:700; position:absolute; top:0; left:0;}
.donate-bank .hypen li {padding-left:.6em; text-indent:-.6em;}
.donate-bank ol li {position:relative; padding-left:23px;}
.donate-bank ol li .num {position:absolute; top:0; left:0; font-weight:700;}
.donate-bank .bank {font-size:1.111em; color:#000;}
.donate-bank .bank ul li {margin-bottom:5px;}
.donate-bank .bank ul li strong {margin-left:20px;}
.donate-bank .tel {color:#000; font-size:1.111em;}
.donate-bank .tel img {vertical-align:middle; margin:-.2em 10px 0 0;}
.donate-bank .qr {display:flex; align-items:center; margin:15px 0;}
.donate-bank .qr .img {margin-right:30px;}
.donate-bank .btns {text-align:center; margin-top:55px;}
.donate-bank .btns a {display:inline-block; min-width:280px; margin:5px; padding:20px; text-align:center; color:#fff; font-size:1.3em; font-weight:500; line-height:1.3em; background:#333; border-radius:5px;}

.donate-domestic-imgs {border:1px solid #ccc; padding:50px 64px 80px;}
.donate-domestic-imgs .txt-area {text-align:center; margin-bottom:70px; font-size:20px; line-height:1.5em; letter-spacing:-.03em;}
.donate-domestic-imgs .tit {color:#000; font-size:28px; font-weight:700; line-height:1.5em; letter-spacing:-.05em; margin-bottom:30px;}
.donate-domestic-imgs ul {display:flex; flex-wrap:wrap; margin:-16px;}
.donate-domestic-imgs ul li {width:25%; padding:16px;}
.donate-domestic-imgs ul li img {border-radius:10px; transition:.7s; display:block;}
.donate-domestic-imgs ul li a:hover img {transform:scale(1.1)}


.youth-group {text-align:center; max-width:1100px; margin:65px auto 140px;}
.youth-group .row {display:flex; flex-wrap:wrap; margin:-35px 0;}
.youth-group .col {width:50%; padding:35px 25px;}
.youth-group .img {margin-bottom:25px;}
.youth-group .img img {box-shadow:8px 8px 12px rgba(0,0,0,.2);}
.youth-group .tit {color:#000; font-size:22px; line-height:1.35em; margin-bottom:8px;}
.youth-group .txt {line-height:1.5em;}
.youth-group .txt strong {display: block;}

.youth-group2 {text-align:center; max-width:1596px; margin:50px auto 0;}
.youth-group2 .title {margin-bottom:70px;}
.youth-group2 .title h4 {color:#000; font-size:36px; line-height:1.3em; letter-spacing:-.05em; margin-bottom:20px;}
.youth-group2 .title h4:after {content:""; display:block; width:48px; height:1px; background:#000; margin:12px auto 0;}
.youth-group2 .title p {line-height:1.5em;}
.youth-group2 .row {display:flex; flex-wrap:wrap; margin:-30px 0;}
.youth-group2 .col {width:33.33333333%; padding:30px 16px;}
.youth-group2 .img {margin-bottom:25px;}
.youth-group2 .img img {box-shadow:8px 8px 12px rgba(0,0,0,.2);}
.youth-group2 .tit {color:#000; font-size:22px; line-height:1.35em;}

.about-qa {margin-bottom:90px;}
.about-qa .item {margin-bottom:60px;}
.about-qa .item:last-child {margin-bottom:0;}
.about-qa .q {color:#000; font-size:24px; font-weight:300; line-height:1.4em; margin-bottom:25px;}
.about-qa .q .underline {border-bottom:1px solid #000;}
.about-qa .hypen {padding-left:.6em; text-indent:-.6em;}
.about-qa dl {display:flex; margin-bottom:15px;}
.about-qa dl:last-child {margin-bottom:0;}
.about-qa dl dt {white-space:nowrap; margin-right:4px; font-weight:700;}
.about-qa .tt {margin-bottom:15px; display:inline-block; padding:12px 28px; color:#fff; font-size:20px; font-weight:500; line-height:1.3em; background:#ee733d; border-radius:30px;}
.about-qa .indent {margin-left:.6em;}

.daon-cnt h3 {margin:0 25px 40px; padding-bottom:12px; color:#000; font-size:26px; line-height:1.3em; border-bottom:5px solid #a79668;}
.daon-cnt .cnt {margin:0 25px; letter-spacing:-.05em; color:#777;}
.daon-cnt .bt-youtube {display:inline-block; padding:18px 29px; color:#000; font-size:28px; font-weight:500; line-height:1.3em; letter-spacing:-.05em; border:1px solid #ccc; border-radius:8px;}
.daon-cnt .bt-youtube img {vertical-align:middle; margin:-.2em 10px 0 0; width:36px;}
.daon-cnt .btn {display:inline-block; margin:8px 6px; min-width:580px; text-align:center; padding:30px 25px; color:#fff; font-size:40px; font-weight:700; line-height:1.3em; letter-spacing:-.05em; background:#ee733d; border-radius:10px;}
.daon-cnt .btn img {vertical-align:middle; margin:-.2em 6px 0 0;}
.daon-cnt .btn.type2 {background:#95792c}
.daon-cnt .video-area {padding:65px; background:#f7f2e4; border-radius:20px; margin-top:110px;}
.daon-cnt .video-area .inner {max-width:1360px; margin:0 auto;}
.daon-cnt .video-area .txt-wrap {display:flex; align-items:center; margin-bottom:48px;}
.daon-cnt .video-area .txt-wrap .ico {width:84px; margin-right:30px;}
.daon-cnt .video-area .txt-wrap .txt {flex:1 1 auto; min-width:0; width:1%;}
.daon-cnt .video-area .txt-wrap h4 {margin-bottom:6px; color:#000; font-size:26px; line-height:1.3em; letter-spacing:-.05em;}
.daon-cnt .video-area .txt-wrap p {font-weight:500; letter-spacing:-.05em;}
.daon-cnt .video-area .video {max-width:1123px; margin:0 auto;}

.icc-maga-intro {margin-bottom:140px;}
.icc-maga-intro .top-txt {text-align:center; color:#333; font-size:30px; font-weight:500; line-height:1.6em; letter-spacing:-.04em; margin-bottom:35px;}
.icc-maga-intro .highlight {display:inline-block; position:relative; padding:0 5px;}
.icc-maga-intro .highlight:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/sub/tit_bg.png") 50% 50% no-repeat; background-size:100% 14px; z-index:-1;}
.icc-maga-intro.mg {margin-bottom:80px;}

.icc-maga-intro-2 {margin-bottom:140px;}
.icc-maga-intro-2 .title {text-align:center; margin-bottom:65px;}
.icc-maga-intro-2 .title h3 {margin-bottom:34px;}
.icc-maga-intro-2 .title .txt {color:#555; font-size:18px; line-height:2em;}

.photo-gallery2 {position:relative; padding:0 130px;}
.photo-gallery2 .swiper-slide {width:60%; max-width:800px;}
.photo-gallery2 .slide-btn {position:absolute; top:50%; margin-top:-75px; width:130px; height:130px; cursor:pointer; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.photo-gallery2 .slide-btn.prev {left:0; background-image:url("../images/sub/slide_prev.png");}
.photo-gallery2 .slide-btn.next {right:0; background-image:url("../images/sub/slide_next.png");}

.icc-maga-intro-3 {margin-bottom:140px;}
.icc-maga-intro-3 .top-txt {text-align:center; color:#333; font-size:30px; font-weight:500; line-height:1.6em; letter-spacing:-.04em; margin-bottom:75px;}
.icc-maga-intro-3 .bible-verse {padding:0 130px;}

.photo-gallery3 {position:relative; padding:0 130px; margin:35px 0 120px;}
.photo-gallery3 .slide-btn {position:absolute; top:50%; margin-top:-75px; width:130px; height:130px; cursor:pointer; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.photo-gallery3 .slide-btn.prev {left:0; background-image:url("../images/sub/slide_prev.png");}
.photo-gallery3 .slide-btn.next {right:0; background-image:url("../images/sub/slide_next.png");}

.photo-gallery4 {margin:73px 0 120px; padding:0 130px;}
.photo-gallery4 .row {display:flex; flex-wrap:wrap; margin:-20px;}
.photo-gallery4 .col {width:33.33333333%; padding:20px;}
.photo-gallery4 .col-x2 {width:50%}
.photo-gallery4 img {display:block; transition:.7s;}
.photo-gallery4 img:hover {transform:scale(1.1)}

.photo-gallery5 {margin:85px 0 0; padding:0 130px;}
.photo-gallery5 .swiper-slide {width:60%; max-width:560px; opacity:.5;}
.photo-gallery5 .swiper-slide-active {opacity:1;}

.icc-maga-sns {padding:0 60px; margin-top:75px; text-align:center; color:#555; font-size:20px; font-weight:700; line-height:1.6em;}
.icc-maga-sns .row {display:flex; justify-content:center; margin:-20px;}
.icc-maga-sns .col {width:20%; padding:20px;}
.icc-maga-sns a {display:block;}
.icc-maga-sns a img {display:block; margin:0 auto 20px;}

.maga-edu-program {display:flex; margin-bottom:160px;}
.maga-edu-program:last-child {margin-bottom:0;}
.maga-edu-program .cnt {flex:1 1 auto; min-width:0; width:1%; padding:37px 83px;}
.maga-edu-program .cnt .bible-verse .wrap {display:block;}
.maga-edu-program .bible-verse .txt {line-height:2em;}
.maga-edu-program .imgs {width:50%; max-width:800px;}
.maga-edu-program .photo-gallery .slick-arrow {opacity:.15;}
.maga-edu-program .photo-gallery3 {margin:0;}
.maga-edu-program .photo-gallery3 .slide-btn {opacity:.15;}
.maga-edu-program.st2 .cnt {order:2;}
.maga-edu-program.block {display:block;}
.maga-edu-program.block .cnt {width:auto; padding:0 38px;}
.maga-edu-program.block .bible-verse {margin-bottom:40px;}
.maga-edu-program.block .bible-verse .txt {line-height:1.7em;}
.maga-edu-program.block .bible-verse .txt:last-child {border-top:0; padding-top:0; margin-top:20px;}
.maga-edu-program .txt strong {display: block;}

.class-list {border-top:2px solid #868686; margin-bottom:60px;}
.class-list .item {display:flex; padding:37px 20px; border-bottom:1px solid #ddd;}
.class-list .thumb {width:220px; margin-right:40px;}
.class-list .thumb .img {position:relative; padding-bottom:65%; overflow:hidden;}
.class-list .thumb .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.class-list .thumb .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.class-list .cnt {flex:1 1 auto; min-width:0; width:1%;}
.class-list .cnt .tit {color:#333; font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-.05em; margin-bottom:12px;}
.class-list .cnt .txt {line-height:1.5em; letter-spacing:-.05em;}
.class-list .cnt .date {margin-top:40px; font-size:0.889em; line-height:1.3em; color:#333;}
.class-list .btn {display:flex; align-items:center; justify-content:center; margin-left:40px;}
.class-list .bt {display:inline-block; min-width:170px; padding:18px 20px; text-align:center; color:#000; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.05em; border:1px solid #ddd; border-radius:10px;}

.class-summary {display:flex; padding:70px 60px; margin-bottom:60px; background:#dbe5f2; border-radius:20px;}
.class-summary .img {width:45%; max-width:650px; margin-right:80px;}
.class-summary .cnt {position:relative; flex:1 1 auto; min-width:0; width:1%; padding-top:15px; padding-bottom:120px;}
.class-summary h3 {color:#000; font-size:26px; line-height:1.4em; letter-spacing:-.03em; margin-bottom:15px;}
.class-summary .btn {position:absolute; bottom:15px; right:0; padding:18px 29px; color:#000; font-size:20px; font-weight:700; line-height:1.3em; background:#fff;  border:1px solid #ddd; border-radius:10px;}
.class-summary .btn img {vertical-align:middle; margin:-.2em 15px 0 0;}

.class-detail {padding-bottom:60px; margin-bottom:50px; border-bottom:1px solid #ddd;}
.class-detail .tit {position:relative; padding-left:40px; margin-bottom:22px; color:#000; font-size:26px; line-height:1.3em; letter-spacing:-.05em;}
.class-detail .tit:before {content:""; position:absolute; top:12px; left:0; width:19px; height:7px; background:#4a7cbf; border-radius:10px;}
.class-detail .cnt {margin-left:40px; margin-bottom:70px;}
.class-detail .cnt:last-child {margin-bottom:0;}
.class-detail table {width:100%; border-collapse:collapse; border-spacing:0px; font-weight:500; line-height:1.5em; font-weight:500; color:#777;}
.class-detail table td {padding:14px; border:1px solid #ccc; text-align:center;}
.class-detail table td.left {text-align:left; padding-left:35px;}

.my-class-main {display:flex; margin:0 -20px;}
.my-class-main .column {width:50%; padding:0 20px;}
.my-class-main h3 {margin-bottom:24px; color:#000; font-size:26px; line-height:1.3em; letter-spacing:-.05em;}
.my-class-main h3 img {vertical-align:middle; margin:-.2em 17px 0 0;}
.my-class-main .list-wrap {border:1px solid #ccc;}
.my-class-main .class .item {display:flex; align-items:center; border-bottom:1px solid #ccc; margin-bottom:-1px; padding:29px 50px;}
.my-class-main .class .left {flex:1 1 auto; min-width:0; width:1%;}
.my-class-main .class .right {margin-left:30px;}
.my-class-main .class .tit {color:#333; font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.my-class-main .class .percent {margin-top:15px;}
.my-class-main .class .percent .per {display:inline-block; margin-right:20px; padding:6px 20px; font-size:0.889em; letter-spacing:-.03em; line-height:1.3em; color:#fff; background:#555; border-radius:30px;}
.my-class-main .class .percent strong {color:#000;}
.my-class-main .class .btn {display:inline-block; padding:18px 27px; color:#000; font-size:20px; font-weight:700; line-height:1.3em; background:#fff;  border:1px solid #ddd; border-radius:10px;}
.my-class-main .class .btn img {vertical-align:middle; margin:-.2em 13px 0 0;}
.my-class-main .media  {padding:35px 27px;}
.my-class-main .media .item {display:flex; margin-bottom:41px;}
.my-class-main .media .item:last-child {margin-bottom:0;}
.my-class-main .media .thumb {width:188px; margin-right:25px;}
.my-class-main .media .thumb .img {position:relative; padding-bottom:65%; overflow:hidden;}
.my-class-main .media .thumb .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.my-class-main .media .thumb .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.my-class-main .media .cnt {flex:1 1 auto; min-width:0; width:1%;}
.my-class-main .media .cnt .tit {color:#333; font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-.05em; margin-bottom:10px; height:1.4em; overflow:hidden; word-break:break-all; white-space:nowrap; text-overflow:ellipsis;}
.my-class-main .media .cnt .txt {line-height:1.5em; letter-spacing:-.05em; max-height:3em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.my-class-top-tit {margin-bottom:15px; font-size:20px; line-height:1.4em; letter-spacing:-.03em;}
.my-class-top-tit img {vertical-align:middle; margin:-.2em 20px 0 0;}

.my-class-list .item {display:flex; padding:37px 45px; margin-bottom:20px; border:1px solid #ccc; border-radius:20px;}
.my-class-list .item:last-child {margin-bottom:0;}
.my-class-list .thumb {width:220px; margin-right:40px;}
.my-class-list .thumb .img {position:relative; padding-bottom:65%; overflow:hidden;}
.my-class-list .thumb .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.my-class-list .thumb .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.my-class-list .cnt {flex:1 1 auto; min-width:0; width:1%; padding-top:6px;}
.my-class-list .cnt .tit {color:#333; font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-.05em;}
.my-class-list .cnt .percent {margin-top:22px;}
.my-class-list .cnt .percent .per {display:inline-block; margin-right:20px; padding:6px 20px; font-size:0.889em; letter-spacing:-.03em; line-height:1.3em; color:#fff; background:#555; border-radius:30px;}
.my-class-list .cnt .percent strong {color:#000;}
.my-class-list .btn {display:flex; align-items:center; justify-content:center; margin-left:40px;}
.my-class-list .bt {display:inline-block; padding:18px 43px; text-align:center; color:#fff; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.05em; background:#4a7cbf; border-radius:10px;}
.my-class-list .bt img {vertical-align:middle; margin:0 13px -.2em 0;}

.my-class-view-tit {color:#000; font-size:30px; line-height:1.3em; letter-spacing:-.03em; padding-bottom:17px; margin-bottom:35px; border-bottom:1px solid #555;}

.my-class-down {margin-bottom:55px;}
.my-class-down .bt-down {display:inline-block; margin:0 27px 0 0; padding:18px 29px; text-align:center; color:#000; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.05em; border:1px solid #ccc; border-radius:10px;}
.my-class-down .bt-down img {vertical-align:middle; margin:-.2em 10px 0 0;}
.my-class-down p {display:inline-block; font-weight:500; letter-spacing:-.03em; line-height:1.5em;}

.my-class-view {padding-bottom:68px; margin-bottom:47px; border-bottom:1px solid #dbdbdb;}
.my-class-view .inner {display:flex;}
.my-class-view .list {flex:1 1 auto; min-width:0; width:1%; margin-right:60px;}
.my-class-view .list .tit {padding:0 45px; color:#fff; font-size:24px; font-weight:500; line-height:69px; letter-spacing:-.03em; background:#47494a;}
.my-class-view .list .tit img {vertical-align:middle; margin:0 20px 0 0; position:relative; top:-4px;}
.my-class-view .list .scroll {position:relative; height:555px; overflow:auto; border:1px solid #ccc;}
.my-class-view .list ul li {border-top:1px solid #ccc;}
.my-class-view .list ul li:first-child {border-top:0;}
.my-class-view .list ul li a {display:flex; align-items:center; padding:10px 0; min-height:55px;}
.my-class-view .list ul li .num {width:77px; font-weight:700; text-align:center; color:#000;}
.my-class-view .list ul li .txt {flex:1 1 auto; min-width:0; width:1%; padding-right:10px;}
.my-class-view .list ul li a:hover,
.my-class-view .list ul li.active a {background:#efefef}
.my-class-view .video {width:1030px;}
.my-class-view .video-js {position:absolute; top:0; left:0; width:100%; height:100%;}
.my-class-view .cate-name {color:#000; font-size:24px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; margin-bottom:15px;}
.my-class-view .btn {text-align:right; margin-top:26px;}
.my-class-view .btn a {display:inline-block; padding:12px 22px; text-align:center; color:#fff; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; background:#4a7cbf; border-radius:5px;}
.my-class-view .btn a img {vertical-align:middle; margin:-.2em 7px 0 0;}

.maga-imgs {display: flex; gap: 10px; margin-top: 15px;}
.maga-imgs .img {flex: 1;}