#container{background: url(/img/mobile/subtopbg5.jpg) center top;} #mainVisual {width:100%;margin:0px auto;} #mainVisual #mv_slide {height:660px;width: 100%;} #mainVisual #mv_slide .slide_inner {/*position:absolute;top:45%;left:315px;transform:translateY(-50%);z-index:100;white-space:nowrap*/;top: 52%; transform: translateY(-50%);z-index: 100;white-space: nowrap;position: absolute;left: 50%;bottom: 50px;width: 1500px;margin-left: -720px;color: #fff;font-size: 40px;font-weight: 700;letter-spacing: -1px;line-height: 49px;box-sizing: border-box;padding: 0 0 0 20px;} #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-weight:400;font-size:50px;line-height:60px;letter-spacing:-0.07em;margin-bottom:20px;} .tit_wrap .slide_tit {font-weight:300;font-size:14px; letter-spacing: 3px;} .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: 25px;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:70px;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: 80px 0px 0px 0px} #mNotiB:after {content:'';display:block;clear:both;} #mNotiB h2 {position: relative;letter-spacing: -1px;font-size: 30px;line-height: 100%;color: #000;margin: 0 0 30px;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 {display:none} #mNotiB .mNotiB_con ul li .img_wrap img{width: 100%;height:240px;} #mNotiB .mNotiB_con ul li .txt_wrap{border: 1px solid #dddddd;padding: 30px 20px;background: #f8f8f8;} #mNotiB .mNotiB_con ul li .txt_wrap:hover {border: 1px solid #07913a} #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:url(/img/pattern1.png) 120px 1795px no-repeat} .mBgB .wrap {width: 100%;max-width: 1440px;margin: 0 auto;} .mBgB .wrap:after {content:'';display:block;clear:both;} #mNotiA {padding: 90px 0; background: url(/img/seven_.png) 50% 46% no-repeat;} #mNotiA:after {content:'';display:block;clear:both;} #mNotiA h2 {position: relative;letter-spacing: -1px;font-size:30px;line-height: 100%;color: #000;margin: 0 0 30px;font-weight: 600;#mNotiA h2} #mNotiA h2 a {} #mNotiA .abc{color: #b3b3b3;margin-bottom: 25px;letter-spacing: 0em;} #mNotiA .abc1{color: #039035;font-size: 22px;margin-bottom: 10px;background: url(/img/leaf.png) no-repeat right top;width: 445px;} #mNotiA .mNotiA_con {} #mNotiA .mNotiA_con ul {display: flex;flex-wrap:wrap;} #mNotiA .mNotiA_con ul li {width: 25%;padding:10px;} #mNotiA .mNotiA_txt {border:1px solid #b7cdc3;text-align:center;width:99%;padding:20px;border-radius:50px;background:#ddece6;display:inline-block;font-size:1.5rem;color:#043c32;margin-bottom:20px;} /*#mNotiA .mNotiA_con ul li {float: left;width: 31%;margin-right: 3.5%;} #mNotiA .mNotiA_con ul li:nth-child(3){margin-right: 0px;} #mNotiA .mNotiA_con ul li:nth-child(4){margin-top: -495px;} #mNotiA .mNotiA_con ul li:nth-child(6){margin-top: 100px;} #mNotiA .mNotiA_con ul li:nth-child(7){margin-right: 0px;margin-top: 50px;} */ #mNotiA .mNotiA_con ul li .img_wrap{border: 1px solid #dddddd;border-bottom: none;} #mNotiA .mNotiA_con ul li .img_wrap img{width: 100%;} #mNotiA .mNotiA_con ul li .txt_wrap{border: 1px solid #dddddd;padding: 30px 20px; background: #fff;} #mNotiA .mNotiA_con ul li a {} #mNotiA .mNotiA_con ul li a:after {} #mNotiA .mNotiA_con ul li a .imgA {overflow: hidden;position: relative;height: 154px;} #mNotiA .mNotiA_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 .mNotiA_con ul li a .imgA img {max-width: 102%;width: 102%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #mNotiA .mNotiA_con ul li a:hover .sbjA {color:#bc3a24;} #mNotiA .mNotiA_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%;} .mNotiA_con .txt_wrap .subject{font-size: 22px;color: #222;font-weight: 400;line-height: 24px;overflow: hidden;height: 22px;} .mNotiA_con .txt_wrap .date{margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;} .mNotiA_con .txt_wrap .con{margin: 15px 0 0px;font-size: 16px;color:#b3b3b3;font-weight: 400;line-height: 24px;} .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;} #mNotiC {padding: 0px 0 80px;} #mNotiC:after {content:'';display:block;clear:both;} #mNotiC h2 {position: relative;letter-spacing: -1px;font-size:30px;line-height: 100%;color: #000;margin: 0 0 30px;font-weight: 600;} #mNotiC h2 a {} #mNotiC .mNotiB_con {} #mNotiC .mNotiB_con ul {display: block} #mNotiC .mNotiB_con ul li {float: left;width: 24%;margin-right: 1.3%;} #mNotiC .mNotiB_con ul li:last-child{margin-right: 0px;} #mNotiC .mNotiB_con ul li .img_wrap{border: 1px solid #dddddd;border-bottom: none;} #mNotiC .mNotiB_con ul li .img_wrap img{width: 100%;height:225px;} #mNotiC .mNotiB_con ul li .txt_wrap{border: 1px solid #dddddd;padding: 30px 20px;} #mNotiC .mNotiB_con ul li a {} #mNotiC .mNotiB_con ul li a:after {} #mNotiC .mNotiB_con ul li a .imgA {overflow: hidden;position: relative;height: 154px;} #mNotiC .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);} #mNotiC .mNotiB_con ul li a .imgA img {max-width: 102%;width: 102%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #mNotiC .mNotiB_con ul li a:hover .sbjA {color:#bc3a24;} #mNotiC .mNotiB_con ul li a:hover .dateA {color:#bc3a24;} #mNotiC .cateA {margin: 20px 0 12px;font-size: 14px;color: #bc3a24;font-weight: 400;line-height: 100%;} #mNotiC .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;} #mNotiC .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;} #mNotiC .icon {display:inline-block;float:right;width:34px;height:34px;background:url(/img/mobile/temple/icon_more.png) no-repeat 50% 50%;} #mQuickB {background: url(/img/choi_bg.png) no-repeat center top #243e36;padding:85px 0 100px 0} #mQuickB h2 {position: relative;letter-spacing: -1px;font-size:30px;line-height: 100%;color: #fff;margin: 0 0 30px;font-weight: 600;} #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: 100%;} #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.3% - 0px);float: left;position: relative;} #mQuickB p:nth-child(3){padding-right:0px;} #mQuickB p img{width: 100%} #mQuickB p .text {font-size: 18px;font-weight: 500;line-height: 1;position: absolute;top:50%;right: 0;width:50%;height: 55px;background:url(/img/line.png) no-repeat center right rgb(12 17 32 / 60%);padding: 20px;font-family: none;text-align: center;color: #fff;} #mQuickB p .text1 {font-size:30px;;line-height:25px;position: absolute;top:5%;left:5%;width:90%;padding: 20px;font-family: none;color: #000;} #mQuickB p .text2 {font-size: 16px;font-family: none;color: #36464f;line-height:20px; letter-spacing: -1px;} /*#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 40px;background: #ffffff;} #mBanner .wrap{width: 1440px;margin: 0 auto} #mBanner h2 {position: relative;letter-spacing: -1px;font-size:30px;line-height: 100%;color: #000;margin: 0 0 30px;font-weight: 600;} #mBanner .icon {display:inline-block;float:right;width:34px;height:34px;background:url(/img/mobile/temple/icon_more.png) no-repeat 50% 50%;} #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 .module {display: flex;flex-direction: column;justify-content: space-between;height: 364px;border-radius: 6px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);padding-left: 680px;} #mBanner .module img{ border-radius: 6px;} #mBanner .module .link-area {position: relative;} #mBanner .module .link-area .thumb-box {position: absolute;left: -32px;top: 0;width: 648px;transform: translateX(-100%);} #mBanner .module .link-area .desc-box {padding: 62px;height: 320px;overflow: hidden;} #mBanner .module .link-area .desc-box .title {width:95%;margin-bottom: 16px;font-size:18px; line-height: 36px;letter-spacing: -0.03em;color: #333;} #mBanner .module .link-area .desc-box .evt_desc .desc_info + .desc_info {margin-top: 4px;} #mBanner .module .link-area .desc-box .evt_desc strong, #mBanner.module .link-area .desc-box .evt_desc span {position: relative;font-size: 20px;line-height: 30px;letter-spacing: -0.02em;} #mBanner .module .link-area .desc-box .evt_desc{width:45%;height:60px;line-height:60px;color:#fff;font-size:1.2em;text-align:center;background:linear-gradient(to bottom left, #f091ac, #cb6c9f, #aa4893);backdrop-filter: blur(3px);border:0px solid rgba(255,255, 255, .2);transition: all 250ms;letter-spacing: -0.35px; transform: rotate(0.04deg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto;margin-top: 50px;border-radius: 6px;} .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:1800px){ #mainVisual #mv_slide .slide_inner {left:50%;right:auto;transform:translate(-50%,-50%);width: 100%;margin-left: 10%;} } @media screen and (max-width:1440px){ #mainVisual {width:100%;} #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%);width: 100%;margin-left:5%;} #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 0px 0px 0px !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;background: none } #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 .text {font-size: 15px;text-align: left;padding: 15px;} #mQuickB ul li:nth-child(1) span {font-size: 15px;text-align: left;line-height: 17px;} #mQuickB ul li:nth-child(2) span {} #mQuickB ul li:nth-child(1) { padding-bottom: 20px;} #mQuickB ul li:nth-child(2) {} #mQuickB strong:after {top: 40px;} #mQuickB p {width: 50% !important;margin: 0px;} #mQuickB img{width: 100%;} #mQuickB p .text { background: url(/img/line.png) no-repeat 15px 40px rgb(12 17 32 / 60%);} #mQuickB p .text1 {padding: 14px !important;font-size: 20px !important;} .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 30px 0 !important} #mBanner li{margin-left: 0px !important} .mBgA {padding: 0px 20px 30px 20px !important;} #mNotiC {padding: 40px 0 40px;} #mNotiC .mNotiB_con ul li {width: 48%;margin-right: 4%;margin-bottom:4% } #mNotiC .mNotiB_con ul li:nth-child(2){margin-right: 0;} #mNotiC .mNotiB_con ul li:nth-child(4){margin-right: 0;} #mNotiC .mNotiB_con ul li .img_wrap img{} #mNotiC .mNotiB_con ul li .txt_wrap{padding: 20px;} .mNotiB_con .txt_wrap .date {margin: 5px 0 0;} #mBanner .wrap {width: 100%;max-width: 1440px;margin: 0 auto;} /*#mNotiA .mNotiA_con ul li:nth-child(4) {margin-top: -145px;}*/ } @media screen and (max-width: 980px){ #mBanner {margin-bottom: 40px;} #mQuickB p {width:100% !important;} #mNotiA .mNotiA_con ul li{width:50%;} #mNotiA .mNotiA_con ul li .img_wrap{height:180px;} #mNotiA .mNotiA_con ul li .txt_wrap{height:300px;overflow: hidden;} #mNotiA .mNotiA_con ul li img{width: 100%;height:100% !important;} } @media screen and (max-width:480px) { .swiper-button-prev{top: 40%} .swiper-button-next{top: 40%} #mainVisual #mv_slide{height: 400px;} #mainVisual #mv_slide .swiper-button-prev{display:none} #mainVisual #mv_slide .swiper-button-next{display:none} .tit_wrap {} .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;} .slide_inner h2{letter-spacing: 0px !important;font-size: 13px !important;} #mBanner .module .link-area .thumb-box {position: relative !important;width: 100% !important;left: auto !important;transform: translateX(0) !important;margin-bottom: 12px !important;} #mBanner .module {padding-left: 0;height: auto;justify-content: start;border-radius: 0px;} #mBanner .module img {width: 100%;} #mBanner .module .link-area .desc-box {padding: 22px 22px 42px 22px;height: auto;} /*#mNotiA .mNotiA_con ul li img{width: 100%;height: auto !important;}*/ #mQuickB p .text1 {line-height: 21px;} #mQuickB h2 {font-size: 29px;} #mNotiC .mNotiB_con ul li .img_wrap img { height: 140px;} #mNotiA .abc1 {width: 100%; background: none} }