#container{background:#f4f4f4} #mainVisual {width: 100%;} #mainVisual #mv_slide {height:540px;width: 100%;} #mainVisual #mv_slide .slide_inner {position:absolute;top:35%;right: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:10px;} .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:1440px;margin:0 auto;} #noticeWrap .you {width: calc( 26% - 45px );height: 355px;float:left;margin-left: 20px;background: #ffffff;padding: 20px;border: 1px solid #dddddd;} #noticeWrap .you .tit {font-size:27px;color:#333;font-weight:600;line-height:30px;} #noticeWrap .you .icon {display:inline-block;float:right;width:34px;height:34px;background:url(/img/mobile/temple/icon_more.png) no-repeat 50% 50%;} #noticeWrap .you .list {margin-top:30px; border-top: 1px solid #000000;} #noticeWrap .you .list li {float:left;width:100%;border-bottom:1px solid #dddedf;padding: 25px 0;background: #ffffff;} #noticeWrap .you .list li:last-child {border-bottom: 0px;} #noticeWrap .you .list li .sbj {font-size:19px;letter-spacing:-0.075em;color:#000;line-height:25px;overflow:hidden;font-weight:600;word-break:keep-all;max-height:29px;} #noticeWrap .you .list li .sbj:hover {color:#c0935a} #noticeWrap .you .list li .con {font-size:15px;letter-spacing:-0.075em;color:#878787;overflow:hidden;margin:10px 0 5px 0;height: 20px} #noticeWrap .you .list li .date { /* position: absolute;width: 69px;height: 69px;color: #fff;font-size: 26px;text-align: center;background: #373737;line-height: 27px;margin-top: -200px;margin-left: -26px*/} #noticeWrap .you .list li .date i {font-size: 15px;font-style: inherit} #noticeWrap .you .list li .date br {display:none} #noticeWrap .you1{width: calc( 25% - 45px );height: 355px;float:left;margin-left: 25px;background: #ffffff;padding: 20px;border: 1px solid #dddddd;} #noticeWrap .you1 .tit {font-size:27px;color:#333;font-weight:600;line-height:30px;} #noticeWrap .you1 .icon {display:inline-block;float:right;width:34px;height:34px;background:url(/img/mobile/temple/icon_more.png) no-repeat 50% 50%;} #noticeWrap .you1 .list {margin-top:30px; border-top: 1px solid #000000;} #noticeWrap .you1 .list li {float:left;width:100%;border-bottom:1px solid #dddedf;padding: 25px 0;background: #ffffff;} #noticeWrap .you1 .list li:last-child {border-bottom: 0px;} #noticeWrap .you1 .list li .sbj {font-size:19px;letter-spacing:-0.075em;color:#000;line-height:25px;overflow:hidden;font-weight:600;word-break:keep-all;max-height:51px;} #noticeWrap .you1 .list li .sbj:hover {color:#c0935a} #noticeWrap .you1 .list li .con {font-size:15px;letter-spacing:-0.075em;color:#878787;overflow:hidden;margin:10px 0 5px 0;height: 129px;} #noticeWrap .you1 .list li .date { /* position: absolute;width: 69px;height: 69px;color: #fff;font-size: 26px;text-align: center;background: #373737;line-height: 27px;margin-top: -200px;margin-left: -26px*/} #noticeWrap .you1 .list li .date i {font-size: 15px;font-style: inherit} #noticeWrap .you1 .list li .date br {display:none} #noticeWrap {margin-top:50px;margin-bottom:70px;overflow:hidden;} #noticeWrap .notice {margin-top: 50px;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:40px;} #noticeWrap .notice .list li {float:left;width:23%;border:1px solid #dddedf;padding:60px 25px 20px 25px;margin-right: 38px;margin-top: 20px;background: #ffffff;} #noticeWrap .notice .list li:last-child {margin-right:0px;} #noticeWrap .notice .list li .sbj {font-size:19px;letter-spacing:-0.075em;color:#000;line-height:25px;overflow:hidden;font-weight:600;word-break:keep-all;max-height:51px;} #noticeWrap .notice .list li .sbj:hover {color:#c0935a} #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 { position: absolute;width: 69px;height: 69px;color: #fff;font-size: 26px;text-align: center;background: #373737;line-height: 27px;margin-top: -200px;margin-left: -26px} #noticeWrap .notice .list li .date i {padding: 9px 0 3px;font-size: 15px;font-style: inherit;} #noticeWrap .banner {width:100%;max-width:720px;float:left;margin-right: 20px;} #noticeWrap .banner li {float:left;width:720px;height:355px;position:relative;padding:50px 90px 30px 40px;background: url(/img/mobile/temple/banner.jpg) no-repeat 50% 50% #d3b093;border: 1px solid #dddedf;} #noticeWrap .banner li img{width:720px !important} #noticeWrap .banner li .banner_tit {color:#5b4d44;font-size:40px;line-height:30px;font-weight:600;margin-bottom:55px;} #noticeWrap .banner li .banner_txt {color:#fff;font-size:18px;line-height:24px;font-weight:400;} #noticeWrap .banner li .btn_go {background:#c0935a;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;} /*주요행사일정 */ #mboardTab {position: relative;left: 0;top: 33px;} #mboardTab dt {float: left;margin-right: 20px;color: #c0935a;} #mboardTab dd span{font-weight:600} .mnotice-wr {position:relative; border-bottom: 1px solid #dddddd;z-index:2;height: 90px;background: #ffffff;} .mnotice-wr h3 {position:relative;left:0;top:22px;font-weight:600;font-size:1.5em;letter-spacing:-.05em;float: left; margin-right: 70px;} .mnotice-wr h3 .ico {position:relative;display:inline-block;background-color:#fff;border-radius:50%;width:49px;height:49px;vertical-align:middle} .mnotice-wr h3 .ico:before {content:"";position:absolute;left:0;top:0;bottom:4px;right:0;display:block;background:url(/img/ico_time.png) no-repeat 0 0;width:28px;height:28px;margin:auto} #mBoard1 {padding: 0px;box-sizing:border-box;} #mBoard1 .item > a {display:inline-block;padding-top:23px;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;margin-right: 20px;width: 100px;} #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:1440px;margin:0 auto;box-sizing:border-box} .div-cont .mtaa {float: left;margin-left: 30px;width: 25%;} .mBgA { background:#ffffff;} .mBgA .wrap {width: 100%;max-width: 1440px;margin: 0 auto;} .mBgA .wrap:after {content:'';display:block;clear:both;} #mNotiB {padding: 60px 0px 0px 0px} #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: 24%;margin-right: 1.3%;} #mNotiB .mNotiB_con ul li:last-child{margin-right: 0px;} #mNotiB .mNotiB_con ul li .img_wrap img{width: 100%;height:333px;} #mNotiB .mNotiB_con ul li .txt_wrap{border: 1px solid #dddddd;padding: 30px 20px;} #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%;} .mBgB { background:#ffffff;} .mBgB .wrap {width: 100%;max-width: 1440px;margin: 0 auto;} .mBgB .wrap:after {content:'';display:block;clear:both;} #mNotiA {padding: 60px 0 80px;} #mNotiA:after {content:'';display:block;clear:both;} #mNotiA h2 {position: relative;letter-spacing: -1px;font-size: 27px;line-height: 100%;color: #333;margin: 0 0 40px;font-weight: 600;} #mNotiA h2 a {} #mNotiA .mNotiB_con {} #mNotiA .mNotiB_con ul {display: block} #mNotiA .mNotiB_con ul li {float: left;width: 24%;margin-right: 1.3%;} #mNotiA .mNotiB_con ul li:last-child{margin-right: 0px;} #mNotiA .mNotiB_con ul li .img_wrap img{width: 100%;height:260px;} #mNotiA .mNotiB_con ul li .txt_wrap{border: 1px solid #dddddd;padding: 30px 20px;} #mNotiA .mNotiB_con ul li a {} #mNotiA .mNotiB_con ul li a:after {} #mNotiA .mNotiB_con ul li a .imgA {overflow: hidden;position: relative;height: 154px;} #mNotiA .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);} #mNotiA .mNotiB_con ul li a .imgA img {max-width: 102%;width: 102%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #mNotiA .mNotiB_con ul li a:hover .sbjA {color:#bc3a24;} #mNotiA .mNotiB_con ul li a:hover .dateA {color:#bc3a24;} #mNotiA .cateA {margin: 20px 0 12px;font-size: 14px;color: #bc3a24;font-weight: 400;line-height: 100%;} #mNotiA .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;} #mNotiA .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;} #mNotiA .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;overflow: hidden;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:#c0935a;font-weight: 400;line-height: 100%;display: none;} #mQuickB {background: url(/img/choi_bg.png)no-repeat left bottom #363636;padding:90px 0 110px 0} #mQuickB .wrap {width: 100%;max-width: 1440px;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;} #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;padding-bottom: 10px;} #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 50px;color: rgba(255,255,255,0.6);font-size: 16px;line-height: 45px;font-style: normal} #mQuickB span {font-family: 'Arita-buri';color: #ffffff;font-size: 30px;} #mQuickB ul li:nth-child(1) span {background:} #mQuickB ul li:nth-child(2) span {} #mQuickB p {width: calc( 33% - 24px);float: left;position: relative;margin-left: 24px;} #mQuickB p img{width: 100%} #mQuickB p .text {font-size: 18px;font-weight: 500;line-height: 1;position: absolute;bottom: 0px;left: 0;width: 100%;background: hsl(34deg 45% 55% / 90%);padding: 20px;font-family: none;text-align: center;color: #fff;} /*#mBanner {border-top: 1px solid #e2e2e2;padding:30px 0;background: #ffffff;} #mBanner h2 {font-size: 19px;font-weight: 500;letter-spacing: -1px;margin: 12px 0 0;padding:0 0 0 35px;} #mBanner dl {} #mBanner dl:after {content:'';display:block;clear:both;} #mBanner dl dt {float:left;width:160px;position: relative;display:none} #mBanner dl dd {float:left;width:1440px;position: relative;} #mBanner .bn_ul:after {content:'';display:block;clear:both;} #mBanner .bn_ul li {float: left;padding-right:82px;} #mBanner .bn_ul li:last-child{padding-right: 0px;} #mBanner .bn_ul li a {} #mBanner .bn_ul li a > img {border: 1px solid #ddd;} #mBanner .bn_arrow{position:absolute;left: 88px;top: 34px;} #mBanner .swiper-button-next, #mBanner .swiper-button-prev{width:24px !important;height:24px !important;border:1px solid #ddd;} #mBanner .swiper-button-prev:after, #mBanner .swiper-container-rtl .swiper-button-next:after {display:none;} #mBanner .swiper-button-next:after, #mBanner .swiper-container-rtl .swiper-button-prev:after {display:none;} #mBanner .swiper-button-prev, #mBanner .swiper-container-rtl #mBanner .swiper-button-next{left:0 !important;top: 35px;background: #fff url(/img/bn_arrowleft.png) center no-repeat;} #mBanner .swiper-button-next, #mBanner .swiper-container-rtl #mBanner .swiper-button-prev {right:0 !important;top: 35px;background: #fff url(/img/bn_arrowright.png) center no-repeat;} #mBanner .wrap {width: 100%;max-width: 1440px;margin: 0 auto} */ #mBanner {padding: 20px 0;background: #ffffff;} #mBanner .wrap{width: 1440px;margin: 0 auto} #mBanner h2 {font-size: 19px;font-weight: 500;letter-spacing: -1px;margin: 6px 0 0;} #mBanner h3 {font-size: 19px;font-weight: 500;letter-spacing: -1px;margin: 11px 0 0;} #mBanner dl {} #mBanner dl:after {content:'';display:block;clear:both;} #mBanner dl dt {float:left;width:160px;position: relative;} #mBanner dl dd {float:left;width:calc(100% - 160px);} #mBanner .bn_ul {} #mBanner .bn_ul:after {content:'';display:block;clear:both;} #mBanner .bn_ul li {float:left;margin:0 27px;} #mBanner .bn_arrow{position:absolute;left: 88px;top: 30px;} #mBanner .bn_arrow1{position:absolute;left: 88px;top: 30px;} #mBanner .swiper-button-next, #mBanner .swiper-button-prev{width:24px !important;height:24px !important;border:1px solid #ddd;} #mBanner .swiper-button-prev:after, #mBanner .swiper-container-rtl .swiper-button-next:after {display:none;} #mBanner .swiper-button-next:after, #mBanner .swiper-container-rtl .swiper-button-prev:after {display:none;} #mBanner .swiper-button-prev, #mBanner .swiper-container-rtl #mBanner .swiper-button-next{left:0 !important;background: url(/img/gray_arrow.svg) center no-repeat;} #mBanner .swiper-button-next, #mBanner .swiper-container-rtl #mBanner .swiper-button-prev {right:0 !important;left:25px !important;background: url(/img/gray_arrow_after.svg) center no-repeat;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: #ffffff;} /*@media screen and (max-width:1420px){ .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%;margin-bottom:40px;} #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;} #noticeWrap .notice .list li {width:21%;} #noticeWrap .you1{width: calc( 50% - 45px );} #noticeWrap .you{width: calc( 50% - 45px );} #noticeWrap .banner { text-align:center;} #gnb #gnb_1dul > li { padding:0px 30px; } #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{width: 100%; margin-right: 0px !important;padding-left: 10px;} .item{margin-left: 10px;height: 70px;margin-top: 55px;line-height: 32px} #mBoard1 .subj{width:150px !important} .item a:nth-child(2){display:none !important} .mnotice-wr {height: 240px !important} #mboardTab dt { float: none !important} .div-cont .mtaa { width: 100% !important;margin-bottom: 20px;margin-left: 0px !important; padding-left: 30px;} .div-cont .mtab{ margin: 0 30px;} iframe { width: 100%;height: 270px;} #noticeWrap .you {max-width:100%;} #noticeWrap .notice .list li {width:21%;} #mNotiB .mNotiB_con ul li {width: 49%;} } @media screen and (max-width:1440px){ #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:30px;} #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 {margin-top: 40px;margin-left: 10px;} #noticeWrap .notice .list li .sbj {font-size:16px;} #noticeWrap .notice .list li .con {font-size:14px;} #noticeWrap .banner li .banner_tit {font-size:24px;} #noticeWrap .banner li .banner_txt{display: none;} #noticeWrap .notice .list li .date {margin-top: -220px;} #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:170px !important;height: 30px !important;} .item a:nth-child(2){display:none !important} #noticeWrap .banner li {background: url(/img/mobile/temple/banner.png) no-repeat 6% 9% #d3b093;margin-bottom: 30px;} #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: 43.5%;padding: 45px 15px 5px 15px;margin-bottom: 50px; } #mNotiB {padding: 60px 20px 0px 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} #mNotiA {padding: 60px 20px !important } #mNotiA .mNotiB_con ul li{width: 100% !important; margin-right:0px !important} #mNotiA .mNotiB_con ul li img{width: 100%} #mNotiA .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 {padding-top: 0px !important;margin-bottom: 10px;} #mQuickB ul li:after{display:none} #mQuickB ul li:nth-child(1) span {font-size: 25px;} #mQuickB ul li:nth-child(2) span {} #mQuickB ul li:nth-child(1) {border-bottom: 1px solid #4a4a4a; padding-bottom: 20px;} #mQuickB ul li:nth-child(2) {} #mQuickB strong:after {top: 40px;} #mQuickB p {width: 70% !important;margin: 0px 50px;} #mQuickB img{width: 100%;} .swiper-slide img {width:100% !important} #noticeWrap .you {margin-left: 0px !important;margin-bottom: 20px;width: 100%} #noticeWrap .you1 {margin-left: 0px !important;margin-bottom: 20px;width: 100%} #mBanner {width: 100%;overflow: hidden;padding: 20px !important} #mBanner h2 {margin: 6px 0 20px 0 !important} #mBanner li{margin-left: 0px !important} } @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;} #mBanner dl dd {float:left;width:100% !important;position: relative;} #mBanner dl dd .bn_ul {margin: 0 20px;} #mBanner .bn_ul li{padding-bottom: 10px;padding-right: 16px !important;width: 50%;} #mBanner .bn_ul li:nth-child(2) {padding-right: 0px !important} #mBanner .bn_ul li:nth-child(4) {padding-right: 0px !important} #mBanner .bn_ul li:nth-child(6) {padding-right: 0px !important} .mnotice-wr {height: 240px !important} .mnotice-wr h3 {width: 100% !important} #mboardTab dt { float: none !important} .div-cont .mtaa { width: 100% !important;margin-bottom: 20px;margin-left: 0px !important; padding-left: 30px;} .div-cont .mtab{ margin: 0 30px;} }