/*********************************************************************************** Main ************************************************************************************/ #visual { position:relative;height: 550px; padding:50px 0 0; background: url(/img/main/bg_visual.jpg) no-repeat 50% 0; margin-top:128px;} #visual .inner { position:relative;width:1200px;margin:0px auto;height: 540px; text-align: center;} #visual .txt1 { display: inline; text-align: center; font-size:45px; padding:70px 0 18px; color: #fff; letter-spacing:-2px; font-family:'Nanum Myeongjo', '나눔명조' ; } #visual .txt2 { display: inline; text-align: center; font-size:50px; color: #4c402f; letter-spacing:-3px; font-family:'Nanum Myeongjo', '나눔명조'; margin-left: 10px; } #visual .txt2 span { color: #8b753d; } #visual .notice { position: absolute; left: 0; bottom:32px; width:612px; height: 387px; } #visual .notice .title { text-indent: -9999px; width:168px; height: 112px; background: url(/img/main/tit_notice.png) no-repeat 0 0; position: absolute; left: 0; top:-63px;} #visual .notice .btn-more { position: absolute; right:0; top:-30px; font-size:16px; color: #000; padding-left: 8px; background: url(/img/main/bu_more.png) no-repeat 0 50%; } #visual .notice .data { width:450px; height: 387px; background: #fff;} #visual .notice .data .photo img { width:450px; height: 266px; } #visual .notice .data .text { padding:36px 28px; text-align: left;} #visual .notice .data .text h4 { font-size:19px; color: #333; font-weight: 600; margin-bottom: 12px; } #visual .notice .data .text h4 span { float:right; font-size:14px; font-weight: normal; padding-top:3px;} #visual .notice .data .text p { font-size:14px; line-height: 22px; } #visual .notice ul { position: absolute; right:0; top:0; } #visual .notice ul li { margin-bottom:21px; } #visual .notice ul li img { width:145px; height: 115px;} #mVisual {position:relative;} #mVisual:after {content:'';display:block;clear:both;} #mVisualA {position:relative;width: 100%;height: 640px;overflow: hidden;margin: 91px 0 0 0;} #mVisualA .showcase-arrow-next {position:absolute;left: 50%;top: 50%;margin-left: 472px;margin-top: 5px;width:68px;height:68px;border-radius: 50%;border: 1px solid #ddd;background:url(/img/main/mv_arrowright.png) no-repeat;cursor: pointer;z-index: 1;} #mVisualA .showcase-arrow-previous {position:absolute;left: 50%;top: 50%;margin-left: 472px;margin-top: -73px;width:68px;height:68px;border-radius: 50%;border: 1px solid #ddd;background:url(/img/main/mv_arrowleft.png) no-repeat;cursor: pointer;z-index: 1;} #mVisualA .showcase-button-wrapper {position:absolute;left: 50%;top: 116px;width: 1200px;margin-left: -600px;} #mVisualA .showcase-button-wrapper > span {display: inline-block;text-indent: -9999px;width: 7px;height: 7px;border-radius: 50%;border: 1px solid #fff;margin-right: 15px;} #mVisualA .showcase-button-wrapper > span.active {background:#fff;} #mVisualA .mTxt {position: absolute;left: 50%;top: 34%;width: 1200px;margin-left: -600px;color: #fff;font-size: 47px;font-weight: 700;letter-spacing: -1px;line-height: 54px;} #mVisualA .mTxt p {font-size: 17px;font-weight: 500;margin: 0 0 7px;} .board-area { margin: 0;padding:60px 0;} .board-area:after { display: block; content: ''; clear: both; } .board-area .schedule { float:left; width:360px; height: 340px; padding-left: 240px; border:1px solid #e2e2e2; position: relative; background: url(/img/main/bg_schedule.jpg) no-repeat 0 0; } .board-area .schedule .title { position: absolute; left: 0; top:-36px; width:155px; height: 181px; background: url(/img/main/tit_schedule.png) no-repeat 0 0; text-indent: -9999px; } .board-area .schedule .list { padding-top: 33px; width:360px; background:#fff;overflow-y:scroll;height:308px;} .board-area .schedule .list .month { text-align: center; line-height:26px; font-size: 31px; font-weight: 600; color: #655a4b; position: relative; letter-spacing: -2px; } .board-area .schedule .list .month .prev { position: absolute; left: 40px; top:2px; width:14px; height: 26px; background: url(/img/main/btn_schedule_prev.png) no-repeat 0 0;} .board-area .schedule .list .month .next { position: absolute; right: 40px; top:2px; width:14px; height: 26px; background: url(/img/main/btn_schedule_next.png) no-repeat 0 0;} .board-area .schedule .list ul { padding-top:20px; } .board-area .schedule .list ul li a { display: block; font-size:15px; line-height: 31px; color: #333; } .board-area .latest-box { float:left; width:520px; height: 310px; border: 1px solid #e2e2e2;border-left: 0; padding:30px 38px 0 35px; } .board-area .latest-box .tabs:after { display: block; content: ''; clear: both;} .board-area .latest-box .tabs { margin-bottom: 24px; } .board-area .latest-box .tabs a { float:left; width:calc(50% - 2px ); height: 40px; line-height: 39px; text-align: center; font-size:18px; color: #565656; border: 1px solid #c1c1c1; text-indent: 12px; } .board-area .latest-box .tabs a:first-child { border-right:0;} .board-area .latest-box .tabs a:last-child { border-left:0;} .board-area .latest-box .tabs a.active { background: #655a4b; color: #fff; border-color:#655a4b;} .board-area .latest-box .tabs a span { display: inline-block; vertical-align: middle; width:12px; height: 6px; background: url(/img/main/bu_latest_off.jpg) no-repeat 0 0; margin:-2px 0 0 8px; } .board-area .latest-box .tabs a.active span { background-image:url(/img/main/bu_latest_on.png); } .board-area .latest-box .tab-box ul li { padding-right:95px; position: relative; line-height:180%; } .board-area .latest-box .tab-box ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12pt; color: #333; padding-left: 8px; background: url(../img/main/bu_schedule.png) no-repeat 0 50%; } .board-area .latest-box .tab-box ul li span { position: absolute; right:0; top:0; font-size:13px; color: #7e7d7d; } .mFbA {display: block;position: absolute;right: -128px;top: 135px;} #mQuick {position: absolute;left: 0;bottom: -80px;width: 100%;z-index: 1;} #mQuick:after {content:'';display:block;clear:both;} #mQuick .wrap {width:1320px;background: #f6f6f6;box-shadow: 0px 0px 73px 0px rgb(0 0 0 / 9%);} #mQuick .mQuickA {height: 100%;background: #ededed;} #mQuick .mQuickA:after {content:'';display:block;clear:both;} #mQuick .mQuickA li {position:relative;float: left;width: 33.333333%;height: 100%;padding: 28px 0 28px 40px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 150px;} #mQuick .mQuickA li:first-child {padding: 28px 0 0 60px;background: #7c463d;} #mQuick .mQuickA li:nth-child(2) {background: #937354;} #mQuick .mQuickA li:nth-child(3) {padding: 28px 0 0 40px;background: #684439;} #mQuick .mQuickA li:after {content:'';position: absolute;left: 0;top: 28px;width: 1px;height: 94px;} #mQuick .mQuickA li:first-child:after {display:none;} #mQuick .mQuickA li a {display: block;} #mQuick .mQuickA li a img {float: left;margin-right: 20px;} #mQuick .mQuickA .mQuickTxt {padding: 8px 0 0;} #mQuick .mQuickA li:first-child .mQuickTxt {} #mQuick .mQuickA .mQuickTxt p {font-size: 18px;font-weight: 500;margin: 0 0 8px;color: #fff;} #mQuick .mQuickA .mQuickTxt span {display: block;font-size: 15px;color: rgba(255,255,255,.5);font-weight: 300;line-height: 20px;} #mQuick1 {margin-top: 45px;} #mQuick1:after {content:'';display:block;clear:both;} #mQuick1 .wrap {width:1320px;background: #f6f6f6;box-shadow: 0px 0px 73px 0px rgb(0 0 0 / 9%);} #mQuick1 .mQuickA {} #mQuick1 .mQuickA:after {content:'';display:block;clear:both;} #mQuick1 .mQuickA li {position:relative;float: left;width: 50%;height: 100%;padding: 28px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 197px;box-shadow: 0 0 14px 0px rgba(0,0,0,.1);} #mQuick1 .mQuickA li:first-child {background: #23b59b;} #mQuick1 .mQuickA li:nth-child(2) {background: #3a447f;} #mQuick1 .mQuickA li:nth-child(3) {background: #684439;} #mQuick1 .mQuickA li:after {content:'';position: absolute;left: 0;top: 28px;width: 1px;height: 94px;} #mQuick1 .mQuickA li:first-child:after {display:none;} #mQuick1 .mQuickA li a {display: block;text-align: center;} #mQuick1 .mQuickA li a img {} #mQuick1 .mQuickA .mQuickTxt {padding: 8px 0 0;} #mQuick1 .mQuickA li:first-child .mQuickTxt {} #mQuick1 .mQuickA .mQuickTxt p {font-size: 19px;font-weight: 500;margin: 10px 0 8px;color: #fff;line-height: 100%;} #mQuick1 .mQuickA .mQuickTxt span {display: block;font-size: 15px;color: rgba(255,255,255,.8);font-weight: 300;line-height: 20px;} .mBgA {background: #f3f3f3;} .mBgA .wrap {} .mBgA .wrap:after {content:'';display:block;clear:both;} a.mainbtn_more {position:absolute;right: 0;top: 0px;font-size: 18px;color: #333;font-weight: 400;padding: 0 45px 0 0;line-height: 34px;letter-spacing: -1px;font-family: 'MinSans';} a.mainbtn_more:hover {color: #bfa564;} a.mainbtn_more:after {content:'';position: absolute;right: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #ddd;background: #fff url(/img/main/btn_more.png) center no-repeat;background-size:10px;} a.mainbtn_more:hover:after {border: 1px solid #bfa564;background: #bfa564 url(/img/main/btn_more_w.png) center no-repeat;background-size:10px;} dl.sectionA {padding: 50px 0} dl.sectionA h2 {position:relative;font-size: 35px;color: #222;font-weight: 700;letter-spacing: -1.5px;margin: 0 0 40px;} dl.sectionA h2 a.more {} dl.sectionA dt {float:left;width: 575px;} dl.sectionA dd {float:right;width: calc(100% - 615px);} dl.sectionA:after {content:'';display:block;clear:both;} dl.sectionB {padding: 40px 0 0px;} dl.sectionB h2 {position:relative;font-size: 35px;color: #222;font-weight: 700;letter-spacing: -1.5px;margin: 0 0 40px;} dl.sectionB h2 a.more {} dl.sectionB dt {float:left;width: 575px;} dl.sectionB dd {float:right;width: calc(100% - 615px);} dl.sectionB:after {content:'';display:block;clear:both;} dl.sectionC {padding: 160px 0 0px;} dl.sectionC h2 {position:relative;font-size: 35px;color: #222;font-weight: 700;letter-spacing: -1.5px;margin: 0 0 40px;} dl.sectionC h2 a.more {} dl.sectionC dt {float:left;width: 575px;} dl.sectionC dd {float:right;width: calc(100% - 615px);} dl.sectionC:after {content:'';display:block;clear:both;} .sectionA {margin: 0px;padding: 70px 0} .sectionA h2 {position:relative;font-size: 27px;color: #222;font-weight: 700;letter-spacing: -1.5px;margin: 0 0 30px;} .sectionA h2 a.more {} #mVisualB {position:relative;width: 575px;height: 575px;overflow: hidden;} #mVisualB .showcase-button-wrapper {position:absolute;right: 15px;top: 15px;} #mVisualB .showcase-button-wrapper > span {display: inline-block;text-indent: -9999px;width: 11px;height: 11px;border-radius: 50%;border: 1px solid #fff;margin-left: 10px;} #mVisualB .showcase-button-wrapper > span.active {background:#fff;} #mVisualB .mySwiper {width:575;height:575px;} #mVisualB .swiper-wrapper {z-index:9999;} #mVisualB .swiper-button-next{position: absolute;text-indent:-999px;right: -11px;top: calc(50% - 11px);width: 43px;height: 44px;background: url(/img/main/arrow_rightmv.png) no-repeat;cursor: pointer;z-index: 1;} #mVisualB .swiper-button-prev{position: absolute;text-indent:-999px;left: -11px;top: calc(50% - 11px);width: 43px;height: 44px;background: url(/img/main/arrow_leftmv.png) no-repeat;cursor: pointer;z-index: 1;} #mVisualB .swiper-pagination {top: 16px;right: 15px !important;bottom: auto !important;left: auto !important;text-align: right;z-index: 999999;} #mVisualB .swiper-pagination-bullet {width:15px;height:15px;border:#fff solid 1px;} #mVisualB .swiper-pagination-bullet-active { background:#fff; } #mVisualB .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px !important;} /*주요행사일정 */ #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:700px;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;} #mBoard1 .subj{font-weight: 500; color: #ffffff;width: 300px;height: 25px;overflow: hidden;} #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;} .div-cont {position:relative;width:100%;max-width:1270px;margin:0 auto;box-sizing:border-box} #mNotiA {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #mNotiA:after {content:'';display:block;clear:both;} #mNotiA h2 {position: relative;letter-spacing: -1px;font-size: 21px;color: #444;margin: 10px 0 17px;font-weight: 500;} #mNotiA h2 a {display: block;position: absolute;top: 7px;right: 0;font-size: 13px;color: #888;font-weight: 400;line-height: 100%;padding: 0 11px 0 0;background: url(/img/main/board_arrow.png) 100% 50%no-repeat;} #mNotiA .mNotiA_con {} #mNotiA .mNotiA_con > ul {display: grid;grid-template-columns: 1fr 1fr;} #mNotiA .mNotiA_con > ul {display: block;display: grid;-ms-grid-columns: 1fr 40px 1fr;grid-template-columns: 1fr 1fr;} #mNotiA .mNotiA_con > ul > li {position: relative;width:273px;float:left;border: 1px solid #ddd;padding: 30px;box-sizing: border-box;height: 165px;overflow: hidden;margin-right:38px;margin-top:40px;background: #ffffff;} #mNotiA .mNotiA_con > ul > li:last-child {} #mNotiA .mNotiA_con > ul > li:nth-child(2n) {margin-right:0px;} #mNotiA .mNotiA_con > ul > li:nth-child(1) {margin-top:0px;} #mNotiA .mNotiA_con > ul > li:nth-child(2) {margin-top:0px;} #mNotiA .mNotiA_con > ul > li > a {} #mNotiA .mNotiA_con > ul > li > a:after {content:'';display:block;clear:both;} #mNotiA .mNotiA_con > ul > li > a > div {overflow:hidden;height: 54px;} #mNotiA .mNotiA_con > ul > li > a em {display: block;color: #bc3a24;font-size: 14px;font-weight: 500;font-style: normal;line-height: 100%;margin: 0 0 10px;} #mNotiA .mNotiA_con > ul > li > a strong {font-weight: 400;font-size: 19px;color: #222;line-height: 26px;word-break: keep-all;} #mNotiA .mNotiA_con > ul > li > a span {position: absolute;right: 20px;bottom: 20px;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;letter-spacing: 0;} #mNotiA .mNotiA_con > ul > li:hover {border:1px solid #d96644;background:#d96644;} #mNotiA .mNotiA_con > ul > li:hover > a em {color:#fff} #mNotiA .mNotiA_con > ul > li:hover > a strong {color:#fff;} #mNotiA .mNotiA_con > ul > li:hover > a span {color:#fff;} #mNotiB {padding: 70px 0 50px;} #mNotiB:after {content:'';display:block;clear:both;} #mNotiB .h2{position: relative;letter-spacing: -1px;margin: 0 0 30px;font-family: 'Nanum Myeongjo', '나눔명조';font-size: 35px; color: #4d3c24;} #mNotiB .h2 a {} #mNotiB .mNotiB_con {} #mNotiB .mNotiB_con ul {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;} #mNotiB .mNotiB_con ul li {width:273px;float:left;margin-right:36px;height:264px;} #mNotiB .mNotiB_con ul li:last-child {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: ;} #mNotiB .mNotiB_con ul li a:hover .dateA {color: ;} #mNotiB .cateA {margin: 20px 0 12px;font-size: 14px;color:#00aa4d;font-weight: 400;line-height: 100%;} #mNotiB .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;height:25px;overflow: hidden;} #mNotiB .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;} #mNotiC {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #mNotiC:after {content:'';display:block;clear:both;} #mNotiC h2 {position: relative;letter-spacing: -1px;font-size: 21px;color: #444;margin: 10px 0 17px;font-weight: 500;} #mNotiC h2 a {display: block;position: absolute;top: 7px;right: 0;font-size: 13px;color: #888;font-weight: 400;line-height: 100%;padding: 0 11px 0 0;background: url(/img/main/board_arrow.png) 100% 50%no-repeat;} #mNotiC .mNotiA_con {} #mNotiC .mNotiA_con > ul {} #mNotiC .mNotiA_con > ul > li {position: relative;width:277px;float:left;border: 1px solid #ddd;padding: 30px;box-sizing: border-box;height: 165px;overflow: hidden;margin-right:30px; background: #ffffff;} #mNotiC .mNotiA_con > ul > li:last-child {margin-right:0px;} #mNotiC .mNotiA_con > ul > li > a {} #mNotiC .mNotiA_con > ul > li > a:after {content:'';display:block;clear:both;} #mNotiC .mNotiA_con > ul > li > a > div {overflow:hidden;height: 54px;} #mNotiC .mNotiA_con > ul > li > a em {display: block;color: #bfa564;font-size: 14px;font-weight: 500;font-style: normal;line-height: 100%;margin: 0 0 10px;} #mNotiC .mNotiA_con > ul > li > a strong {font-weight: 400;font-size: 19px;color: #222;line-height: 26px;word-break: keep-all;} #mNotiC .mNotiA_con > ul > li > a span {position: absolute;right: 20px;bottom: 20px;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;letter-spacing: 0;} #mNotiC .mNotiA_con > ul > li:hover {border: 1px solid #bfa564;background: #bfa564;} #mNotiC .mNotiA_con > ul > li:hover > a em {color:#fff} #mNotiC .mNotiA_con > ul > li:hover > a strong {color:#fff;} #mNotiC .mNotiA_con > ul > li:hover > a span {color:#fff;} #mGallA {margin:20px 0 60px;} #mGallA .cateA {margin: 20px 0 12px;font-size: 14px;color:#be9745;font-weight: 400;line-height: 100%;} #mGallA .sbjA {font-size: 19px;color: #222;font-weight: 400;line-height: 24px;} #mGallA .dateA {margin: 15px 0 0;font-size: 15px;font-weight: 400;color: #b3b3b3;line-height: 100%;} #mGallA .h2 {position: relative;letter-spacing: -1px;margin: 0 0 40px;font-family: 'Nanum Myeongjo', '나눔명조';font-size: 35px; color: #4d3c24;} #mGallA .mGallA_con {margin:0 0 38px;} #mGallA .mGallA_con .cateA {padding:0 30px;} #mGallA .mGallA_con .sbjA {padding:0 30px;height: 24px;overflow: hidden;} #mGallA .mGallA_con .dateA {padding:0 30px 30px} #mGallA .mGallA_con > ul {} #mGallA .mGallA_con > ul > li {width:578px;float:left;margin-right:36px;height:460px;} #mGallA .mGallA_con > ul > li:last-child {margin-right:0px;} #mGallA .mGallA_con > ul > li {border: 1px solid #ddd;} #mGallA .mGallA_con > ul > li > a {} #mGallA .mGallA_con > ul > li > a .imgA {position: relative;width: 100%;height: 328px;overflow: hidden;border-bottom: 1px solid #ddd;} /*#mGallA .mGallA_con > ul > li > a .imgA:after {content:'';position: absolute;right: 30px;bottom: 30px;width: 56px;height: 56px;border-radius: 50%;background: #fff url(/img/main/arrow_youtube.png) center no-repeat;-webkit-box-shadow: 0 0 4px 4px rgb(0 0 0 / 30%);box-shadow: 0 0 4px 4px rgb(0 0 0 / 20%);}*/ #mGallA .mGallA_con > ul > li > a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 102%;} #mGallA .mGallA_con > ul > li > a:hover .sbjA {color: } #mGallA .mGallA_con > ul > li > a:hover .dateA {color:} #mGallA .mGallB_con {} #mGallA .mGallB_con > dl {} #mGallA .mGallB_con > dl:after {content:'';display:block;clear:both;} #mGallA .mGallB_con > dl > dt {float:left;width:calc(50% - 19px);margin-right:19px;} #mGallA .mGallB_con > dl > dt > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 38px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 38px;gap: 38px;} #mGallA .mGallB_con > dl > dt > ul:after {content:'';display:block;clear:both;} #mGallA .mGallB_con > dl > dt > ul li {} #mGallA .mGallB_con > dl > dt > ul li a {} #mGallA .mGallB_con > dl > dt > ul li a .imgA {position: relative;height: 154px;overflow: hidden;} #mGallA .mGallB_con > dl > dt > 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);} #mGallA .mGallB_con > dl > dt > ul li a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 102%;width: 102%;} #mGallA .mGallB_con > dl > dt > ul li a:hover .sbjA {color:#bc3a24;} #mGallA .mGallB_con > dl > dt > ul li a:hover .dateA {color:#bc3a24;} #mGallA .mGallB_con > dl > dd {float:right;width:calc(50% - 19px);margin-left:19px;} #mGallA .mGallB_con > dl > dd > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 38px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 38px;gap: 38px;} #mGallA .mGallB_con > dl > dd > ul:after {content:'';display:block;clear:both;} #mGallA .mGallB_con > dl > dd > ul li {} #mGallA .mGallB_con > dl > dd > ul li a {} #mGallA .mGallB_con > dl > dd > ul li a .imgA {position: relative;height: 154px;overflow: hidden;} #mGallA .mGallB_con > dl > dd > 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);} #mGallA .mGallB_con > dl > dd > ul li a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 102%;width: 102%;} #mGallA .mGallB_con > dl > dd > ul li a:hover .sbjA {color:#bc3a24;} #mGallA .mGallB_con > dl > dd > ul li a:hover .dateA {color:#bc3a24;} #mGallA .mGallA_conX {margin:0 0 38px;} #mGallA .mGallA_conX .cateA {padding:0 30px;} #mGallA .mGallA_conX .sbjA {padding:0 30px;height: 24px;overflow: hidden;} #mGallA .mGallA_conX .dateA {padding:0 30px 30px} #mGallA .mGallA_conX > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 38px 1fr;grid-template-columns: 1fr 1fr;grid-gap: 38px;gap: 38px;} #mGallA .mGallA_conX > ul > li {border: 1px solid #ddd;} #mGallA .mGallA_conX > ul > li > a {} #mGallA .mGallA_conX > ul > li > a .imgA {position: relative;width: 100%;height: 328px;overflow: hidden;border-bottom: 1px solid #ddd;} #mGallA .mGallA_conX > ul > li > a .imgA img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 102%;} #mGallA .mGallA_conX > ul > li > a:hover .sbjA {color:#bc3a24;} #mGallA .mGallA_conX > ul > li > a:hover .dateA {color:#bc3a24;} #mQuickB {background: #2a3057;padding: 60px 0 70px;} #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;margin: 5px 0 0;} #mQuickB strong:after {content:'';position: absolute;left: 0;bottom: -39px;width: 30px;height: 30px;border-radius: 50%;background: #fff url(/img/main/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/main/quick03.png) no-repeat;} #mQuickB ul li:nth-child(2) span {background: url(/img/main/quick04.png) no-repeat;} .bd {display:block;border:none;background:#eaeaea;height:1px;margin: 15px 0px;padding:0px;font-size:0px;clear:both;} .bd2 {display:block;border:none;background:rgba(255,255,255,.2);height:1px;margin: 17px 0px;padding:0px;font-size:0px;clear:both;} .shdw {border-radius:20px;overflow: hidden;box-shadow: 0 0 12px 5px rgb(0 0 0 / 8%);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #mInfoA {margin:90px 0 0;padding:15px 0;background: #d96644} #mInfoA dl:after {content:'';display:block;clear:both;} #mInfoA dl dt {float:right} #mInfoA dl dd {float: left;padding-top: 5px;width: 790px;padding-left: 30px;} #mInfoA dl dd .newstitle{float: left;color: #faecc8} #mInfoA dl dd .newstitle:after {content:'';display:block;position: absolute;left:165px;top:5px;width: 1px;height:25px;background: #fbaf98;} #mInfoA dl dd .bx-wrapper{max-width: 584px !important;margin-right: 65px !important;} #mInfoA dl dd .bx-wrapper strong{color:#ffffff;font-weight: 300;} #mInfoA dl dd .bx-wrapper span{color:#ffffff} #mInfoA .mInfotxt a {font-size: 15px;font-weight: 500;line-height: 100%;float: left; } #mInfoA .mInfotxt p {font-size: 13px;font-weight: 500;color: #666;line-height: 100%;margin: 10px 0 0;} #mInfoA .frequency {} #mInfoA .frequency:after {content:'';display:block;clear:both;} #mInfoA .frequency li:nth-child(1):after {display:none} #mInfoA .frequency li:nth-child(1) span {font-size: 15px;line-height: 100%;display: block;color: #111;font-weight: 500;} #mInfoA .frequency li:nth-child(1) {float:left;position: relative;width:140px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding: 0 0 0 20px;} #mInfoA .frequency li {float:left;position: relative;width:680px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding: 0 0 0 20px;} /*#mInfoA .frequency li:after {content:'';display:block;position: absolute;left: 0;top: 3px;width: 1px;height:25px;background: #ddd;}*/ #mInfoA .frequency li span {font-size: 15px;line-height: 100%;color: #111;padding-top: 5px;width: 100px;} #mInfoA .frequency li p {font-size: 15px;font-weight: 400;color: #666;line-height: 100%;margin: 10px 0 0;} #mInfoA .frequency li div{ float: left;width: 480px;height: 22px;overflow: hidden;} #mInfoA .mInfotxt .btn_hear {position:relative;display:inline-block;width:174px;box-sizing:border-box;background:#fff;border-radius:50px;text-align:center;transition:.2s all} #mInfoA .mInfotxt .btn_hear>span {position:inherit;display:inline-block;width:auto;height:auto;margin:0;padding-left:25px;background:url(/img/main/sound1.png) no-repeat left top 50%;font-size:15px;font-weight:500;color:#d96644;line-height:35px;transition:.2s all;vertical-align:top;} #mc01 .main_quick {width:100%; } #mc01 .main_quick > li {position:relative;background-repeat:no-repeat;float: left;margin-left: 39px;overflow: hidden;box-shadow: 0 0 14px 0px rgba(0,0,0,.1);} #mc01 .main_quick > li:last-child {margin-bottom:40px;} #mc01 .main_quick > li:first-child {margin-bottom:40px; padding-left:0; background-position:center top;;margin-left: 0px;} #mc01 .main_quick .mq01 {height: 338px;width: 273px;} #mc01 .main_quick .mq01 .btn_go {background-color:#bc3a24} #mc01 .main_quick .mq02 {height: 338px;width: 273px;background: #fff;} #mc01 .main_quick .mq02 .btn_go {background-color:#bc3a24} #mc01 .main_quick .mq03 {background-color:#ff7a10; background-image:url(../images/icon_ban3.png);} #mc01 .main_quick .mq03 .btn_go {background-image:url(../images/bg_btn_go2.png);} #mc01 .main_quick .mq04 {height:248px; background-color:#5ba809; background-image:url(../images/icon_ban4.png);} #mc01 .main_quick .mq04 .btn_go {background-color:#77b831;} #mc01 .main_quick .mq05 {background-color:#77b831; background-image:url(../images/icon_ban5.png);} #mc01 .main_quick .mq05 .btn_go {background-image:url(../images/bg_btn_go3.png);} #mc01 .main_quick .mq06 {background-color:#ff5400; background-image:url(../images/icon_ban6.png);} #mc01 .main_quick .mq06 .btn_go {background-image:url(../images/bg_btn_go4.png);} #mc01 .mpimg {background-size:273px !important;} #mc01 .showcase-button-wrapper {position: absolute;right: 20px;top: 20px;} #mc01 .showcase-button-wrapper > span {display: inline-block;text-indent: -99999px;width: 15px;height: 15px;border-radius: 50%;background: rgb(0,0,0);border: 1px solid #ddd;opacity: .4;margin-left: 6px;} #mc01 .showcase-button-wrapper > span.active {background: rgba(255,255,255);opacity: 1;} #mc01 .mCalendar {} #mc01 .mCalendar h4 {position: relative;font-size: 20px;padding: 22px 20px;background: #625d9f;color: #fff;font-weight: 500;} #mc01 .mCalendar h4 > a {position:absolute;top: 50%;right: 20px;transform: translate(0, -50%);text-indent: -9999px;width: 30px;height: 30px;border-radius: 50%;background: #fff url(/img/main/btn_more.png) center no-repeat;background-size: 10px;} #mc01 .mCalendar > ul {} #mc01 .mCalendar > ul li {line-height: 43px;border-bottom: 1px solid #ddd;font-size: 16px;color: #222;box-sizing: border-box;padding: 0 20px;} #mc01 .mCalendar > ul li a {display: block;} #mc01 .mCalendar > ul li a:after {content:'';display:block;clear:both;} #mc01 .mCalendar > ul li a > span {float: left;margin: 0 10px 0 0;} #mc01 .mCalendar > ul li a > p {float: left;width: 177px;height: 44px;overflow: hidden;} .bgded {padding-top: 70px;background-position: top center;background-repeat: no-repeat;background-size: cover;height: 300px;} .one_half {width: 47.7%;display: inline-block;float: left;margin: 0 0 0 4.21052%;list-style: none;border: 1px solid #d8cfb1;height: 250px;background: #f7f4e9;} .first {margin-left: 0;clear: left;} #testimonials article figure {display: inline-block;margin: 40px;} #testimonials article figure img { float: left; margin-right: 15px; border-radius: 50%; background: #ffffff; } #testimonials article figure figcaption .heading {font-size: 1.4rem;margin-bottom: 10px;} #testimonials article figure .fbt { position: relative; display: inline-block; width: 165px; line-height: 37px; border-radius: 5px; font-size: 15px; border: 2px solid #be9745; font-weight: 700; box-sizing: border-box; padding: 0 0 0 20px; margin: 20px 0 0; background: #be9745; color: #ffffff; } #testimonials article figure .fbt:after { content: ''; position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); width: 9px; height: 14px; background: url(/img/icons.png) -22px -18px no-repeat; }