#mainVisual {overflow:hidden;} #mainVisual #mv_slide {height:680px;} #mainVisual #mv_slide .slide_inner {position:absolute;top:33%;left:315px;transform:translateY(-50%);z-index:100;white-space:nowrap;} #mainVisual #mv_slide .swiper-button-prev {background:url(/img/mobile/temple/icon_prev.png) no-repeat 50% 50%;left:76px;width:42px;height:84px;} #mainVisual #mv_slide .swiper-button-prev:after {display:none;} #mainVisual #mv_slide .swiper-button-next {background:url(/img/mobile/temple/icon_next.png) no-repeat 50% 50%;right:76px;width:42px;height:84px;} #mainVisual #mv_slide .swiper-button-next:after {display:none;} .tit_wrap{color:#fff;} .tit_wrap .slide_txt1 {font-family: 'Arita-buri'; font-weight:400;font-size:50px;line-height:60px;letter-spacing:-0.07em;margin-bottom:20px;} .tit_wrap .slide_tit {font-family: 'Arita-buri'; font-weight:300;font-size:22px;letter-spacing:-0.07em;margin-bottom:20px;} .tit_wrap .slide_txt2 {letter-spacing:0.1em;margin-left: 10px;} .section_inner {width:100%;max-width:1270px;margin:0 auto;} #noticeWrap {margin-top:50px;margin-bottom:70px;overflow:hidden;} #noticeWrap .notice {max-width:640px;width:100%;float:left;} #noticeWrap .notice .tit {font-size:27px;color:#333;font-weight:600;line-height:30px;} #noticeWrap .notice .icon {display:inline-block;float:right;width:34px;height:34px;background:url(/img/mobile/temple/icon_more.png) no-repeat 50% 50%;} #noticeWrap .notice .list {margin-top:10px;} #noticeWrap .notice .list li {float:left;width:31%;border:1px solid #dddedf;padding:0 15px;padding:44px 15px;margin-right: 22px;margin-top: 20px;} #noticeWrap .notice .list li:nth-child(3){margin-right: 0px;} #noticeWrap .notice .list li:nth-child(6){margin-right: 0px;} #noticeWrap .notice .list li .sbj {font-size:19px;letter-spacing:-0.075em;color:#000;line-height:25px;height:50px;overflow:hidden;font-weight:600;word-break:keep-all;} #noticeWrap .notice .list li .sbj:hover {color:#166bad} #noticeWrap .notice .list li .con {font-size:15px;letter-spacing:-0.075em;color:#878787;line-height:20px;height:40px;overflow:hidden;margin:20px 0 25px;} #noticeWrap .notice .list li .date {font-size:14px;letter-spacing:0em;color:#7d7d7d;line-height:20px;height:20px;overflow:hidden;} #noticeWrap .bannerA {width:100%;max-width:630px;float:left} #noticeWrap .bannerA li {float:left;width:575px;height:575px;position:relative; text-align: center;} #noticeWrap .banner {width:100%;max-width:630px;float:left} #noticeWrap .banner li {float:left;width:575px;height:575px;position:relative;padding:370px 90px 30px 90px;background: url(/img/mobile/temple/banner.png) no-repeat 50% 50% #d3b093; text-align: center;} #noticeWrap .banner li .banner_tit {color:#fff;font-size:40px;line-height:30px;font-weight:600;margin-bottom:20px;} #noticeWrap .banner li .banner_txt {color:#fff;font-size:18px;line-height:24px;font-weight:400;} #noticeWrap .banner li .btn_go {background:#166bad;color:#fff;display:inline-block;font-size:15px;font-weight:300;line-height:31px;padding:0 30px 0 15px;position:absolute;bottom:0;right:0;} #noticeWrap .banner li .btn_go:before {content:'';position:absolute;right:0;top:15px;height:1px;width:15px;} #noticeWrap .banner li:nth-child(1) {margin-right:20px;} #noticeWrap .banner li:nth-child(2) {margin-right:20px;background:#9da2a5} #noticeWrap .banner li:nth-child(3) {background:#095e4b;} #noticeWrap .banner li:nth-child(1) .btn_go:before {background:#ffffff} #noticeWrap .banner li:nth-child(2) .btn_go:before {background:#9da2a5} #noticeWrap .banner li:nth-child(3) .btn_go:before {background:#095e4b;} #cham {background:url(/img/mobile/temple/cham_bg.png) no-repeat 50% 50%;height:690px;background-size:cover;} #cham .section_inner{padding-top:120px;} #cham .txt_box {font-size:20px;font-weight:700;display:inline-block;line-height:40px;padding:0 35px;color:#7a5743;border:1px solid #7a5743;margin-bottom:25px;} #cham .tit {font-family: 'Seokbo';font-weight:400;font-size:50px;margin-bottom:40px;color:#493e38;} #cham .txt1 { font-family: 'Arita-buri';font-weight:600;font-size:20px;margin-bottom:25px;color:#342e2a} #cham .txt2 {font-size:15px;font-weight:300;line-height:25px;color:#342e2a;margin-bottom:60px;} #cham .link_wrap {overflow:hidden;} #cham .link_wrap li {float:left;margin-right:30px;} #cham .link_wrap li:last-child{margin-right:0;} #cham .link_wrap li a {display:block;width:150px;font-size:20px;line-height:40px;color:#383331;border-bottom:2px solid #383331;} #cham .link_wrap li a .icon {float:right;display:block;width:10px;height:40px;background:url(/img/mobile/temple/btn_link.png) no-repeat 50% 50%;} #linkWrap {overflow:hidden;margin-bottom:140px;} #linkWrap .link {height:393px;width:25%;float:left;} #linkWrap .link a {position:relative;display:block;width:100%;height:100%;} #linkWrap .link.left {background:url(/img/mobile/temple/bg_link1.png) no-repeat 50% 50%;background-size:cover;} #linkWrap .link.left .inner{position:absolute;right:380px;top:50%;transform:translateY(-50%);} #linkWrap .link.left a .txt_box {display:block;width:120px;line-height:35px;font-size:15px;font-weight:900;text-align:center;color:#fff;background:#4a6413;} #linkWrap .link.left a .tit {font-family: 'Seokbo';font-weight:400;font-size:50px;color:#fff;text-shadow:-1px -1px 0 #4a6413, 1px -1px 0 #4a6413, -1px 1px 0 #4a6413, 1px 1px 0 #4a6413; } #linkWrap .link.left a .txt {display:block;font-size:15px;font-weight:400;line-height:25px;color:#fff;} #linkWrap .link.left .btn_go {margin-top:30px;background:#000;color:#fff;display:inline-block;font-size:15px;font-weight:300;line-height:31px;padding:0 30px 0 15px;position:relative;} #linkWrap .link.left .btn_go:before {content:'';position:absolute;right:0;top:15px;height:1px;width:15px;background:#a8db0e;z-index:1;} #linkWrap .link.right1 {background:url(/img/mobile/temple/bg1.png) no-repeat 50% 50%;background-size:cover;} #linkWrap .link.right1 .inner{position:absolute;left:50px;top:58%;transform:translateY(-50%);width:90%;} #linkWrap .link.right1 a .txt_box {display:block;width:120px;line-height:35px;font-size:19px;text-align:center;color:#fff;background:#bd9278;margin-bottom: 50px;} #linkWrap .link.right1 a .tit {font-family: 'Seokbo';font-weight:400;font-size:40px;color:#ffffff;letter-spacing:-0.07em; } #linkWrap .link.right1 a .txt {display:block;font-size:15px;font-weight:600;line-height:25px;color:#ffffff;} #linkWrap .link.right1 .btn_go {margin-top:104px;background:#000;color:#fff;display:inline-block;font-size:15px;font-weight:300;line-height:31px;padding:0 30px 0 15px;position:relative;float: right;} #linkWrap .link.right1 .btn_go:before {content:'';position:absolute;right:0;top:15px;height:1px;width:15px;background:#bd9278;z-index:1;} #linkWrap .link.right2 {background:url(/img/mobile/temple/bg2.png) no-repeat 50% 50%;background-size:cover;} #linkWrap .link.right2 .inner{position:absolute;left:50px;top:58%;transform:translateY(-50%);width: 90%;} #linkWrap .link.right2 a .txt_box {display:block;width:120px;line-height:35px;font-size:19px;text-align:center;color:#fff;background:#bd9278;margin-bottom: 50px;} #linkWrap .link.right2 a .tit {font-family: 'Seokbo';font-weight:400;font-size:40px;color:#ffffff;letter-spacing:-0.07em; } #linkWrap .link.right2 a .txt {display:block;font-size:15px;font-weight:600;line-height:25px;color:#ffffff;} #linkWrap .link.right2 .btn_go {margin-top:104px;background:#000;color:#fff;display:inline-block;font-size:15px;font-weight:300;line-height:31px;padding:0 30px 0 15px;position:relative;float: right;} #linkWrap .link.right2 .btn_go:before {content:'';position:absolute;right:0;top:15px;height:1px;width:15px;background:#bd9278;z-index:1;} #linkWrap .link.right3 {background:url(/img/mobile/temple/bg3.png) no-repeat 50% 50%;background-size:cover;} #linkWrap .link.right3 .inner{position:absolute;left:50px;top:58%;transform:translateY(-50%);width:90%;} #linkWrap .link.right3 a .txt_box {display:block;width:120px;line-height:35px;font-size:19px;text-align:center;color:#fff;background:#bd9278;margin-bottom: 50px;} #linkWrap .link.right3 a .tit {font-family: 'Seokbo';font-weight:400;font-size:40px;color:#ffffff;letter-spacing:-0.07em; } #linkWrap .link.right3 a .txt {display:block;font-size:15px;font-weight:600;line-height:25px;color:#ffffff;} #linkWrap .link.right3 .btn_go {margin-top:104px;background:#000;color:#fff;display:inline-block;font-size:15px;font-weight:300;line-height:31px;padding:0 30px 0 15px;position:relative;float: right;} #linkWrap .link.right3 .btn_go:before {content:'';position:absolute;right:0;top:15px;height:1px;width:15px;background:#bd9278;z-index:1;} #linkWrap .link.right4 {background:url(/img/mobile/temple/bg4.png) no-repeat 50% 50%;background-size:cover;} #linkWrap .link.right4 .inner{position:absolute;left:50px;top:58%;transform:translateY(-50%);width: 90%;} #linkWrap .link.right4 a .txt_box {display:block;width:120px;line-height:35px;font-size:19px;text-align:center;color:#fff;background:#bd9278;margin-bottom: 50px;} #linkWrap .link.right4 a .tit {font-family: 'Seokbo';font-weight:400;font-size:40px;color:#ffffff;letter-spacing:-0.07em; } #linkWrap .link.right4 a .txt {display:block;font-size:15px;font-weight:600;line-height:25px;color:#ffffff;} #linkWrap .link.right4 .btn_go {margin-top:104px;background:#000;color:#fff;display:inline-block;font-size:15px;font-weight:300;line-height:31px;padding:0 30px 0 15px;position:relative;float: right;} #linkWrap .link.right4 .btn_go:before {content:'';position:absolute;right:0;top:15px;height:1px;width:15px;background:#bd9278;z-index:1;} #gall {overflow:hidden;margin-bottom:120px;} #gall .gall_tit_wrap {float:left;width:calc(100% - 828px)} #gall .gall_tit_wrap .txt_box {display:block;width:174px;line-height:38px;border:1px solid #936b4a;font-size:19px;font-weight:700;text-align:center;color:#936b4a;} #gall .gall_tit_wrap .tit {font-family: 'Arita-buri';font-weight:400;font-size:45px;line-height:56px;color:#3e2a2c;letter-spacing:-0.07em; margin:25px 0;} #gall .gall_tit_wrap .txt {display:block;font-family: 'Arita-buri';font-size:20px;font-weight:600;line-height:25px;color:#342e2a;} #gall .gall_list {float:right;width:828px;} #gall .gall_list li {float:left;width:191px;margin-bottom:18px;} #gall .gall_list li a {display:block} #gall .gall_list li:nth-child(2n){margin-right:15px} #gall .gall_list li .img_wrap {height:145px;overflow:hidden;position:relative;margin-bottom:20px;} #gall .gall_list li .img_wrap img {position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);} #gall .gall_list li .sbj {font-size:16px;letter-spacing:-0.075em;color:#000;display:block;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #gall .gall_list li .con {font-size:13px;letter-spacing:-0.075em;color:#878787;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #gall .gall_list li.big {margin-right:39px;width:390px;} #gall .gall_list li.big .img_wrap {height:370px;} #gall .gall_list li.big .con {padding-right:100px;position:relative;} #gall .gall_list li.big .date {position:absolute;top:0;right:0;text-align:right;letter-spacing:0;color:#7d7d7d;} @media screen and (max-width:1300px){ .section_inner {padding:0 20px;} #mainVisual #mv_slide .swiper-button-prev {left:20px;} #mainVisual #mv_slide .swiper-button-next {right:20px;} #mainVisual #mv_slide .slide_inner {right:120px;} .tit_wrap .slide_txt1 {font-size:42px;line-height:60px;} #noticeWrap {height:auto;} #noticeWrap .notice {min-width:100%;margin-bottom:40px;} #noticeWrap .banner {min-width:100%;} #noticeWrap .banner li {width:calc(50% - 20px);height:160px;} #noticeWrap .banner li:nth-child(1) {margin-right:40px;} #noticeWrap .banner li .banner_txt br{display:none;} #linkWrap .link.left .inner {left:50px;right:auto;} #gall .gall_tit_wrap {width:100%;float:none;margin-bottom:20px;} #gall .gall_tit_wrap .tit {margin:10px 0 0;} #gall .gall_tit_wrap .tit br{display:none;} #gall .gall_list {width:100%;float:none;} #gall .gall_list li {width:calc(25% - 5px);} #gall .gall_list li:nth-child(2n) {margin-right: 10px;} #gall .gall_list li.big {width:calc(50% - 20px);margin-right:20px;} } @media screen and (max-width:980px) { #mainVisual #mv_slide .swiper-button-prev {width:25px;height:45px;background-size:25px;} #mainVisual #mv_slide .swiper-button-next {width:25px;height:45px;background-size:25px;} .m-tit{ display:none;} .item{margin-left: 10px;height: 62px;margin-top: 55px;line-height: 32px} #mBoard1 .subj{width:130px !important} .item a:nth-child(2){display:none !important} } @media screen and (max-width:720px) { #mainVisual #mv_slide {height:480px;} #mainVisual #mv_slide .swiper-button-prev {left:10px;width:15px;height:25px;background-size:15px;} #mainVisual #mv_slide .swiper-button-next {right:10px;width:15px;height:25px;background-size:15px;} .tit_wrap .slide_txt1 {font-size:36px;line-height:50px;} #mainVisual #mv_slide .slide_inner {left:50%;right:auto;transform:translate(-50%,-50%);} #noticeWrap { margin-top: 30px;margin-bottom:0px;} #noticeWrap .bannerA li img{width:100%;} #noticeWrap .bannerA li {width:100%;padding:0 0 10px 0;height:auto;} #noticeWrap .banner li {width:calc(50% - 10px);padding:20px 20px 50px;height:auto;} #noticeWrap .banner li:nth-child(1) {margin-right:20px;} #noticeWrap .notice .list li .sbj {font-size:16px;} #noticeWrap .notice .list li .con {font-size:14px;} #noticeWrap .banner li .banner_tit {font-size:24px;} #cham .link_wrap li {float:none;} #linkWrap {margin-bottom:60px;} #linkWrap .link {float:none;width:100%;} #gall .gall_list li {width: calc(50% - 5px);} #gall .gall_list li.big {width:100%;float:none;margin-right:0;} .tnb_admin{display:none} .tit_wrap .slide_txt2 {letter-spacing: -0.01em} #mBoard1 .subj{width:110px !important;height: 30px !important;} .item a:nth-child(2){display:none !important} #noticeWrap .banner li {background: url(/img/mobile/temple/banner.png) no-repeat 50% 100% #d3b093;margin-bottom: 30px;} #noticeWrap .notice .list li:nth-child(3){ margin-right:22px; } #noticeWrap .notice .list li:nth-child(2){ margin-right:0px; } #noticeWrap .notice .list li:nth-child(4){ margin-right:0px; } #noticeWrap .notice .list li:nth-child(6){ margin-right:0px; } #noticeWrap .notice .list li {width: 46.5%;padding: 24px 15px; } #mNotiB {padding: 60px 20px !important } #mNotiB .mNotiB_con ul li{width: 100% !important; margin-right:0px !important} #mNotiB .mNotiB_con ul li img{width: 100%} #mNotiB .mNotiB_con .txt_wrap{margin-bottom: 20px} #mQuickB {padding: 50px 20px 30px 20px !important} #mQuickB ul li {width: 100% !important;margin-bottom: 20px !important} #mQuickB strong { margin-bottom: 10px;} #mQuickB ul li:after{display:none} #mQuickB ul li:nth-child(1) span {display:none} #mQuickB ul li:nth-child(2) span {display:none} #mQuickB ul li:nth-child(1) {background: url(/img/quick01.png) no-repeat top right;border-bottom: 1px solid #4a4a4a; padding-bottom: 20px;} #mQuickB ul li:nth-child(2) {background: url(/img/quick02.png) no-repeat top right} #mQuickB strong:after {top: 40px;} #ft #ft_inner .copy1 {float: left;} } @media screen and (max-width:480px) { #mainVisual #mv_slide .swiper-button-prev{display:none} #mainVisual #mv_slide .swiper-button-next{display:none} .tit_wrap {text-align:center;} .tit_wrap .slide_txt1 {font-size:24px;line-height:35px;} .tit_wrap .slide_tit {font-size:18px;line-height:25px;} #noticeWrap .banner li {width:100%;padding:20px 20px 50px;height:auto;} #noticeWrap .banner li:nth-child(1) {margin-right:0;} #cham .txt_box {font-size:14px;padding:0 10px;line-height:20px;margin-bottom:10px;} #cham .tit {margin-bottom:20px;font-size:24px;line-height:35px;} #cham .txt1 {font-size:16px;} #gall .gall_tit_wrap .tit {font-size:24px;line-height:35px;} #gall .gall_tit_wrap .txt {font-size:16px;} } /*주요행사일정 */ #mboardTab {height:90px;} #mboardTab dt {display:none;} .mnotice-wr {position:relative;background-color:#024579;color:#fff;z-index:2} .mnotice-wr h3 {position:absolute;left:0;top:22px;font-weight:500;font-size:1.5em;letter-spacing:-.05em} .mnotice-wr h3 .ico {position:relative;display:inline-block;background-color:#fff;border-radius:50%;width:49px;height:49px;margin-right:20px;vertical-align:middle} .mnotice-wr h3 .ico:before {content:"";position:absolute;left:0;top:0;bottom:0;right:0;display:block;background:url(/img/Calendar.png) no-repeat 0 0;width:26px;height:25px;margin:auto} #mBoard1 {padding: 0px;box-sizing:border-box;} #mBoard1 .item > a {display:inline-block;padding-top:33px;width:340px;overflow:hidden;} #mBoard1 .item > a span {color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;} #mBoard1 .isNewIcon, #mBoard1 .date {color: #73bff9 !important;float: left;margin-right: 20px;} #mboardTab .owl-nav {position:absolute;top:0;right:0;font-size:0;border:0px;} #mboardTab .owl-nav button {position:relative;display:inline-block;background-color:#13588e;width:90px;height:90px;transition:all .3s ease;border:0px;} #mboardTab .owl-nav button:hover {background-color:#266a9e} #mboardTab .owl-nav button:before {content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url(/img/main_spr.png) no-repeat;width:22px;height:13px;margin:auto} #mboardTab .owl-nav .owl-prev:before {background-position:-31px 0} #mboardTab .owl-nav .owl-next:before {background-position:-62px 0} #mBoard1 .no-data {color:#fff;background:none;height:90px;line-height:90px;padding:0;} #mBoard1 .subj{font-weight: 500; color: #ffffff;width: 280px;height: 25px;overflow: hidden;} .div-cont {position:relative;width:100%;max-width:1270px;margin:0 auto;box-sizing:border-box} .mBgA { background:#f5f5f5;} .mBgA .wrap {width: 100%;max-width: 1270px;margin: 0 auto;} .mBgA .wrap:after {content:'';display:block;clear:both;} #mNotiB {padding: 60px 0 80px;} #mNotiB:after {content:'';display:block;clear:both;} #mNotiB h2 {position: relative;letter-spacing: -1px;font-size: 27px;line-height: 100%;color: #333;margin: 0 0 40px;font-weight: 600;} #mNotiB h2 a {} #mNotiB .mNotiB_con {} #mNotiB .mNotiB_con ul {display: block} #mNotiB .mNotiB_con ul li {float: left;width: 290px;margin-right: 36px;} #mNotiB .mNotiB_con ul li:nth-child(4) {margin-right: 0px;} #mNotiB .mNotiB_con ul li a {} #mNotiB .mNotiB_con ul li a:after {} #mNotiB .mNotiB_con ul li a .imgA {overflow: hidden;position: relative;height: 154px;} #mNotiB .mNotiB_con ul li a .imgA:after {content:'';position:absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1);} #mNotiB .mNotiB_con ul li a .imgA img {max-width: 102%;width: 102%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #mNotiB .mNotiB_con ul li a:hover .sbjA {color:#bc3a24;} #mNotiB .mNotiB_con ul li a:hover .dateA {color:#bc3a24;} #mNotiB .cateA {margin: 20px 0 12px;font-size: 14px;color: #bc3a24;font-weight: 400;line-height: 100%;} #mNotiB .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;} #mNotiB .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;} #mNotiB .icon {display:inline-block;float:right;width:34px;height:34px;background:url(/img/mobile/temple/icon_more.png) no-repeat 50% 50%;} .mNotiB_con .txt_wrap .subject{font-size: 19px;color: #222;font-weight: 400;line-height: 24px;} .mNotiB_con .txt_wrap .date{margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;} .mNotiB_con .txt_wrap .con{margin: 20px 0 12px;font-size: 14px;color:#166bad;font-weight: 400;line-height: 100%;} #mQuickB {background: #363636;padding: 60px 0 70px;} #mQuickB .wrap {width: 100%;max-width: 1270px;margin: 0 auto;} #mQuickB ul {} #mQuickB ul:after {content:'';display:block;clear:both;} #mQuickB ul li {position: relative;float: left;width: 50%;} #mQuickB ul li:after {content:'';position:absolute;right: 50px;top:0;width:1px;height:64px;background:rgba(255,255,255,.1);} #mQuickB ul li:last-child:after {content:'';display:none;} #mQuickB ul li a {} #mQuickB strong {position:relative;display: block;float: left;font-size: 25px;font-weight: 700;color: #fff;} #mQuickB strong:after {content:'';position: absolute;left: 0;bottom: -39px;width: 30px;height: 30px;border-radius: 50%;background: #fff url(/img/arrow_list.png) no-repeat;} #mQuickB em {display: block;float: left;margin: 0px 0 0 50px;color: rgba(255,255,255,0.6);font-size: 16px;line-height: 28px;font-style: normal;} #mQuickB span {position: absolute;right: 85px;top: 0;width: 62px;height: 54px;} #mQuickB ul li:nth-child(1) span {background: url(/img/quick01.png) no-repeat;} #mQuickB ul li:nth-child(2) span {background: url(/img/quick02.png) no-repeat;}