/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.08.25 | 김효진 | 최초 등록
 * 2020.08.25 | 김효진 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 디자인팀 김효진
 * @since 2020.08.25
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */

/* 공통 */
#body {font-size:13px;letter-spacing:-.06em;font-family:'Noto Sans','본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans,sans-serif}
@media all and (min-width:500px){
	#body {font-size:14px}
}
@media all and (min-width:768px){
	#body {font-size:15px}
}
@media all and (min-width:1000px){
	#body {font-size:16px}
}

#wrap>.container {max-width:none;margin:auto}
.init img {max-width:100%}
.mainbody {position:relative;padding:35px 0 25px}
.mainbody .htit {position:relative;font-family:"GimhaeGaya", sans-serif;font-weight:600;color:#222;font-size:2.188em;text-align:center;line-height:1;padding-bottom:25px}
.mainbody .htit:before {position:absolute;top:-35px;left:50%;content:"";display:block;width:1px;height:20px;background:#222}
.mainbody .htit span {font-size:.783em;}
.mainbody .owl-carousel {display:block;}
.mainbody .h1, .mainbody .tab {font-family:'Noto Serif','본명조','Noto Serif KR','Noto Serif CJK KR',NotoSerif,sans-serif;font-weight:500;font-size:2em;color:#222;margin-bottom:20px;line-height:1}
.mainbody .mousewheel1 {position:absolute;bottom:5px;left:calc(50% - 25px);display:none;width:50px;height:50px;z-index:2;border-radius:50%;background:url(../../img/main/main_sprite.png) no-repeat -292px -156px;text-indent:-9999px;animation:iacts_scroll .8s linear infinite;}
@media all and (min-width:768px){
	.mainbody {padding:70px 0 60px}
	.mainbody .htit {padding-bottom:50px;font-size:2.875em}
	.mainbody .htit:before {top:-70px;height:40px}
	.mainbody .mousewheel1 {display:block;}
}
@keyframes iacts_scroll {
	0% {transform:translate3d(0, -14px, 0)}
	33% {transform:translate3d(0, -4px, 0)}
	66% {transform:translate3d(0, -7px, 0)}
	100% {transform:translate3d(0, -14px, 0)}
}

#mainbody1 {padding:0;}
#mainbody1>.container {display:flex;flex-wrap:wrap-reverse;}
.menu1 {position:relative;height:100%;background:rgba(0,0,0,.5);display:block;color:#fff;z-index:2;width:auto;margin:0 -15px ;font-size:.875em;width:calc(100% + 30px);}
.menu1.off {display:none;}
.menu1>div {position:relative;box-sizing:border-box;padding-left:20px;padding-bottom:2%;}
.menu1>div.location1,.menu1>div.onlinevr1,.menu1>div.tel1,.menu1>div.reserv1{height:53px;}
.menu1 .h1 {position:relative;color:#fff;font-size:1.35em;font-family:'Noto Sans','본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans,sans-serif;padding-left:44px;margin-bottom:0;font-weight:600;}
.menu1 .h1:before {position:absolute;left:0;content:"";display:block;width:38px;height:33px;background:url(../../img/main/main_sprite.png) no-repeat}
.menu1 .info1 {position:relative;padding-left:26px;}
.menu1 .info1:before {position:absolute;top:-1px;left:0;content:"";display:block;width:18px;height:18px;background:url(../../img/main/main_sprite.png) no-repeat -216px 0}
.menu1 .b1.more {position:absolute;top:calc(50% - 11.5px);right:6px;width:23px;height:23px;background:url(../../img/main/main_sprite.png) no-repeat -81px -151px}
@media all and (min-width:500px){
	/*.menu1 {position:absolute;bottom:0;left:0;height:120px}
	.menu1>div  {float:left;}
	.menu1 .h1 {padding-left:33px}*/
}

@media all and (min-width:600px){
	/*.menu1 {position:relative;bottom:auto;left:auto;height:220px}*/
}
@media all and (min-width:768px){
	.menu1 {position:absolute;top:0;right:0;width:300px;height:100%;padding:0;background:rgba(0,0,0,.5);margin:0;font-size:1em}
	.menu1>div {padding-top:5%;padding-bottom:0;float:none;width:100%;border-top:1px solid rgba(255,255,255,.35);}
	.menu1 .info1:before {top:3px}
}
@media all and (min-width:1000px){
	#mainbody1>.container {display:block;}
	.menu1 {width:350px;margin:0}
	.menu1>div {padding-left:34px;padding-right:34px;padding-bottom:35px;}
	.menu1 .b1.more {transition:all .4s ease}
	.menu1 .b1.more:hover {transform:rotate(90deg)}
}

.today1 {border-top:0;padding-top:2%;}
.today1 .h1 {letter-spacing:0;margin-bottom:8px}
.today1 .h1:before {top:3px;background-position:0 -32px}
.today1 .h1 .tit {font-size:.8em;text-transform:uppercase;font-weight:700}
.today1 .h1 .date {display:block;font-family:'Noto Serif','본명조','Noto Serif KR','Noto Serif CJK KR',NotoSerif,sans-serif;font-size:1.2em;margin-top:5px}
.today1 .b1.schedule1 {position:absolute;top:14%;right:2%;width:39px;height:32px;background:url(../../img/main/main_sprite.png) no-repeat -40px -149px;border:0}
.today1 .b1.schedule1 .num {position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;font-size:.813em;font-weight:700;color:#fff;text-align:center;line-height:20px;}
.today1 .t1 {font-size:1.25em;margin-left:42px;}
.today1 .info1 {margin-top:5px;margin-left:40px;font-size:.875em;}

.time1 {padding-top:3%;border-top:1px solid rgba(255,255,255,.2)}
.time1 .h1:before {top:-2px;background-position:0 -67px}
.time1 .t1 {font-family:'Noto Serif','본명조','Noto Serif KR','Noto Serif CJK KR',NotoSerif,sans-serif;font-size:1.625em;font-weight:700;letter-spacing:0;margin-left:44px;padding-top:2px}
.time1 .t2 {margin-left:44px;}
.time1 .info1 {margin-top:4px;margin-left:44px;font-size:.875em;}

.tel1 {/*display:none;*/float:left;width:50%;height:35%;padding-top:2.5%;border-top:1px solid rgba(255,255,255,.2);}
.tel1 .h1:before {top:-4px;background-position:0 -102px}
.tel1 .t1 {font-family:'Noto Serif','본명조','Noto Serif KR','Noto Serif CJK KR',NotoSerif,sans-serif;font-size:1.225em;font-weight:600;letter-spacing:0;margin-left:43px;padding-top:4px}

.onlinevr1 {/*display:none;*/float:right;width:50%;height:35%;padding-top:2.5%;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}
.onlinevr1 .h1:before {top:-7px;background-position:-1px -205px}
.onlinevr1:after{ clear: both; width:0;height:0;font-size:0;line-height: 0; }
.onlinevr1 a{color:#fff;}
.onlinevr1 .t1{margin-left:43px; line-height: 2;}

.reserv1 {/*display:none;*/float:left;width:50%;height:35%;padding-top:4%;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}
.reserv1 .h1:before {top:-5px;background-position:0 -137px}

.location1 {/*display:none;*/float:right;width:50%;height:35%;padding-top:4%;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}
.location1 .h1:before {top:-7px;background-position:0 -172px}



@media all and (min-width:500px){
/*	.today1 {width:55%;height:100%}
	.time1 {width:45%;height:100%;border-left:1px solid rgba(255,255,255,.2);border-top:0}
	.time1 .t1, .time1 .info1 {margin-left:50px}*/
}
@media all and (min-width:600px){
	/*.tel1, .reserv1, .location1, .onlinevr1 {display:block;}*/
	.today1, .time1 {height:54%;}
	.time1 .info1 {margin-top:9px}

	.menu1>div.location1, .menu1>div.onlinevr1, .menu1>div.reserv1 {
    height: 60px;}

}
@media all and (min-width:768px){
	.today1 {height:28%;}
	.time1 {height:27%;border-left:0}
	.menu1>div.tel1 {height:78px;}
	.menu1>div.location1, .menu1>div.onlinevr1, .menu1>div.reserv1 {
    height: 72px;border-left:0}
	/*.reserv1 {height:13%;border-left:0}
	.location1 {height:13%;border-left:0;}
	.onlinevr1 {height:13%;border-left:0;}*/

}
@media all and (min-width:1000px){
	#menu1 .today1 {height:187px;padding-top: 30px;}
	.today1 .h1 {margin-bottom:19px}
	.today1 .b1.schedule1 {top:17%;right:15px}
	#menu1 .time1 {height:168px;padding-top:30px;}
	#menu1 .tel1 {height:128px;padding-top:40px;}
	#menu1 .reserv1 {height:108px;padding-top:42px;}
	#menu1 .location1 {height:108px;padding-top:42px;}
	#menu1 .onlinevr1 {height:123px;padding-top:39px}
	.onlinevr1 .t1{margin-left:45px; line-height: 1.9;}
}

/* 오늘의 일정 모달팝업 */
#schedule1 {display:none;position:absolute;top:4%;left:-15px;right:-15px;width:auto;background:rgba(30,30,28,.97);}
#schedule1.over {display:block;z-index:10}
#schedule1 .wrap {position:relative;max-width:1200px;height:100%;margin:0 auto;padding:30px 20px;box-sizing:border-box;}
#schedule1 .wrap .top {border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:30px;margin-bottom:25px}
#schedule1 .wrap .top .h1 {display:inline-block;vertical-align:middle;font-family:'Noto Sans','본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans,sans-serif;font-size:2em;color:#fff;font-weight:400;margin-bottom:0}
#schedule1 .wrap .top .h1 .etit {display:block;font-family:'Noto Serif','본명조','Noto Serif KR','Noto Serif CJK KR',NotoSerif,sans-serif;font-size:.417em;letter-spacing:0;color:rgba(255,255,255,.55);margin-bottom:8px}
#schedule1 .wrap .top .tot {display:inline-block;vertical-align:top;width:49px;height:49px;border-radius:50%;background:#c9151e;line-height:49px;font-size:1.563em;color:#fff;text-align:center;letter-spacing:-.075em;font-weight:700;margin-left:10px;margin-top:1px;}
#schedule1 .wrap .b1 {position:absolute;top:50px;width:42px;height:42px;border:0;background:url(../../img/main/main_sprite.png) no-repeat;background-size:285px auto;}
#schedule1 .wrap .b1.more {right:66px;background-position:-118px -82px}
#schedule1 .wrap .b1.close {right:20px;background-position:-161px -82px}
#schelist {position:relative;height:calc(100% - 139px);}
#schelist .menu .m {position:absolute;top:calc(50% - 27px);width:53px;height:53px;border:0;background:url(../../img/main/main_sprite.png) no-repeat;z-index:2;background-size:285px auto;}
#schelist .menu .m.prev {left:-15px;background-position:-223px 0}
#schelist .menu .m.next {right:-15px;background-position:-223px -55px}
#schelist .datalist .item {position:relative;float:left;width:calc(33.333% - 17px);height:265px;background:rgba(0,0,0,.1);margin-left:25px;text-align:center;padding:30px;box-sizing:border-box;font-size:.875em}
#schelist .datalist .item:first-child {margin-left:0}
#schelist .datalist .owl-item {max-width:calc(100% / 3);}
#schelist .datalist .owl-item .item {float:none;width:auto;margin-left:0}
#schelist .datalist .item:hover .cate:before {content:"";display:inline-block;vertical-align:middle;width:22px;height:23px;background:url(../../img/main/main_sprite.png) no-repeat -192px 0;margin-top:-4px;margin-right:8px;}
#schelist .datalist .item .cate:after {position:absolute;top:0;left:calc(50% - 25.5px);content:"";display:block;width:51px;height:2px;background:#c9151e}
#schelist .datalist .item:hover .cate:after {display:none;}
#schelist .datalist .item .cate {font-size:1.188em;color:#fff;font-weight:400;}
#schelist .datalist .item .t1 {font-size:1.750em;color:#fff;line-height:1.286em;height:2.572em;overflow:hidden;margin:30px 0 50px}
#schelist .datalist .item .date {font-size:1.063em;color:rgba(255,255,255,.65);letter-spacing:0}
#schelist .datalist .item .date:before {content:"";display:inline-block;vertical-align:middle;width:23px;height:23px;background:url(../../img/main/main_sprite.png) no-repeat -236px 0;margin-top:-4px;margin-right:10px;}
#schelist .datalist .item .b2.more {display:block;position:absolute;top:4px;left:4px;bottom:4px;right:4px;z-index:3}
#schelist .datalist .item .b2.more .t2 {opacity:0;position:absolute;bottom:0;left:0;display:block;width:100%;background:#f6f6f6;text-align:right;height:40px;line-height:40px;color:#444;padding-right:48px;box-sizing:border-box;}
#schelist .datalist .item .b2.more .t2:after {position:absolute;bottom:16px;right:10px;content:"";display:block;width:23px;height:7px;background:url(../../img/main/main_sprite.png) no-repeat -136px -149px}
#schelist .datalist .item:hover .cate, #schelist .datalist .item:hover .t1, #schelist .datalist .item:hover .date {color:#1e1e1c;}
#schelist .datalist .item:hover {background:#fff;padding-top:35px;}
#schelist .datalist .item:hover .t1 {margin-top:25px;margin-bottom:30px}
#schelist .datalist .item:hover .date:before {background-position:-261px 0}
#schelist .datalist .item:hover .b2.more .t2 {opacity:1;}
@media all and (min-width:500px){
	#schelist .datalist .item {height:295px}
	#schelist .datalist .item:hover {padding-top:50px;}
}
@media all and (min-width:1000px){
	#schedule1 {top:70px;bottom:70px;height:calc(100% - 140px)}
	#schedule1 .wrap {padding-top:50px;padding-bottom:50px}
	#schedule1 .wrap .top {margin-bottom:45px}
	#schedule1 .wrap .top .h1 {font-size:2.25em}
	#schedule1 .wrap .top .tot {width:70px;height:70px;line-height:70px;margin-top:-7px}
	#schelist .datalist .item {padding:55px;height:320px;font-size:1em}
	#schelist .datalist .item:before, #schelist .datalist .item:after {position:absolute;content:"";display:block;width:0;height:0;border:4px solid transparent;box-sizing:border-box;z-index:2}
	#schelist .datalist .item:before {top:0;left:0;}
	#schelist .datalist .item:after {bottom:0;right:0}
	#schelist .datalist .item:hover:before, #schelist .datalist .item:hover:after {width:100%;height:100%;}
	#schelist .datalist .item:hover:before {border-top-color:#c9151e;border-right-color:#c9151e;transition:width .2s ease, height .2s ease .15s}
	#schelist .datalist .item:hover:after {border-left-color:#c9151e;border-bottom-color:#c9151e;transition:border-color .2s ease .15s, width .2s ease .3s, height .2s ease .45s}
	#schelist .datalist .item .b2.more .t2 {height:57px;line-height:57px;padding-right:68px}
	#schelist .datalist .item .b2.more .t2:after {bottom:26px;right:30px}
	#schelist .menu .m {width:76px;height:76px;background-size:auto;top:calc(50% - 38px);}
	#schelist .menu .m.prev {background-position:-319px 0}
	#schelist .menu .m.next {background-position:-319px -78px}
	#schedule1 .wrap .b1 {top:50px;width:60px;height:60px;background-size:auto;}
	#schedule1 .wrap .b1.more {right:89px;background-position:-168px -117px}
	#schedule1 .wrap .b1.close {background-position:-230px -117px}
}
@media all and (min-width:1200px){
	#schedule1 {left:-1000px;right:-1000px}
	#schelist .menu .m.prev {left:-38px}
	#schelist .menu .m.next {right:-38px}
	#schedule1 .wrap {padding-left:0;padding-right:0}
	#schedule1 .wrap .b1.more {right:69px}
	#schedule1 .wrap .b1.close {right:0;}
}
@media all and (min-width:1400px){
	#schelist .menu .m.prev {left:-86px}
	#schelist .menu .m.next {right:-86px}
}

/* 메인 비쥬얼 */
#vpr1 {position:relative;margin:auto;margin:auto -15px;width:calc(100% + 30px)}
#vpr1 .wrap {position:relative;}
#vpr1 .menu {position:absolute;width:280px;bottom:5%;right:2%;z-index:2;text-align:right;}
#vpr1 .menu .wrap1 {display:inline-block;vertical-align:middle;background:rgba(0,0,0,.45);border-radius:15px;padding:6px 15px}
#vpr1 .menu .wrap1 .goPage, #vpr1 .menu .wrap1 .mControl {display:inline-block;vertical-align:top}
#vpr1 .menu .wrap1 .m {display:inline-block;vertical-align:top;text-indent:-9999px;width:21px;height:21px;border:0;background:url(../../img/main/main_sprite.png) no-repeat;margin:0 3px;background-size:285px auto;}
#vpr1 .menu .wrap1 .goPage {display:none}
#vpr1 .menu .wrap1 .goPage .m {background-position:-22px 0}
#vpr1 .menu .wrap1 .goPage .m.on {background-position:0 0}
#vpr1 .menu .wrap1 .prev {background-position:-49px 0}
#vpr1 .menu .wrap1 .next {background-position:-90px 0}
#vpr1 .menu .wrap1 .play {display:none;background-position:-112px 0}
#vpr1 .menu .wrap1 .stop {background-position:-67px 0}
@media all and (min-width:500px){
	#vpr1 {width:768px;height:350px;margin:auto;}
	#vpr1 .wrap {position:static;width:960px;margin-left:-96px}
	#vpr1 .menu {width:500px;top:55%;left:8%;right:auto;bottom:auto;text-align:left;}
}
@media all and (min-width:768px){
	#vpr1 {width:1000px;height:490px}
	#vpr1 .wrap {width:1344px;margin-left:-172px}
	#vpr1 .menu {width:768px;left:6%}
	#vpr1 .menu .wrap1 {padding:10px 25px;border-radius:25px}
	#vpr1 .menu .wrap1 .m {width:30px;height:30px;background-size:auto;}
	#vpr1 .menu .wrap1 .goPage {display:inline-block;}
	#vpr1 .menu .wrap1 .goPage .m {background-position:-32px 0}
	#vpr1 .menu .wrap1 .prev {background-position:-64px 0}
	#vpr1 .menu .wrap1 .next {background-position:-128px 0}
	#vpr1 .menu .wrap1 .play {background-position:-160px 0}
	#vpr1 .menu .wrap1 .stop {background-position:-96px 0}
}
@media all and (min-width:1000px){
	#vpr1 {width:1200px;height:700px}
	#vpr1 .wrap {width:1920px;margin-left:-360px}
	#vpr1 .menu {width:1200px;left:calc(50% - 600px)}
}

/* mainbody2 */
#mainbody2 {background:url(../../img/main/mainbody2_bg.jpg) no-repeat right 0;background-size:cover;}
/* 최근게시글 */
#bbs1 {position:relative;padding-top:52px;}
#bbs1 .tab {position:absolute;top:14px;left:0;font-size:.813em;margin-bottom:0}
#bbs1 .tab a {display:block;font-size:1.625em;color:rgba(34,34,34,.9);letter-spacing:-.05em}
#bbs1 .tab.on {top:12px;}
#bbs1 .tab.on a {position:relative;font-size:2em;color:#222;font-weight:500}
#bbs1 .tab.on a:after {position:absolute;bottom:-19px;left:0;content:"";display:block;width:100%;height:2px;background:#41221c;}
#bbs1 .tab:nth-of-type(2) {left:106px}
#bbs1 .tab:nth-of-type(2).on {left:104px}
#bbs1 .tab:nth-of-type(2):before {position:absolute;top:9px;left:-17px;content:"";display:block;width:5px;height:5px;border-radius:50%;background:#a6a6a6;}
#bbs1 .tab:nth-of-type(2).on:before {top:11px;left:-22px}
#bbs1 .b1.more {position:absolute;top:14px;right:0;width:26px;height:26px;background:url(../../img/main/main_sprite.png) no-repeat -108px -151px}
#bbs1 .cont {display:none;border-top:1px solid #c0c0c0;}
#bbs1 .cont.on {display:block;}
#bbs1 .cont .datalist {padding:15px 0 0}
#bbs1 .cont .datalist li {margin:8px 0}
#bbs1 .cont .datalist li:last-child {margin-bottom:0}
#bbs1 .cont .datalist li.no-data {text-align:center;padding-top:1em;}
#bbs1 .cont .datalist li a {position:relative;display:block;padding-left:72px;height:56px;overflow:hidden;}
#bbs1 .cont .datalist li a .date {display:block;position:absolute;top:0;left:0;width:56px;height:56px;background:#fff;color:#333;font-family:'Noto Serif','본명조','Noto Serif KR','Noto Serif CJK KR',NotoSerif,sans-serif;font-size:1.063em;letter-spacing:0;font-weight:500;line-height:1;padding:10px;box-sizing:border-box;}
#bbs1 .cont .datalist li a .date em {display:block;font-size:.765em;color:#333;margin-top:3px;margin-bottom:4px}
#bbs1 .cont .datalist li:first-child a .date {background:#41221c;color:#fff;}
#bbs1 .cont .datalist li:first-child a .date em {color:#fff;}
#bbs1 .cont .datalist li a .t1 {display:table;width:100%;height:100%;color:#333;}
#bbs1 .cont .datalist li a .t1 span {display:table-cell;vertical-align:middle;line-height:1.294em;}
#bbs1 .cont .datalist li a:hover .t1 span, #bbs1 .cont .datalist li a:focus .t1 span {text-decoration:underline;}

/* 팝업존 */
#popup1 {position:relative;margin:30px auto 0;}
#popup1 .menu {position:absolute;top:5px;right:0;}
#popup1 .menu .m {width:30px;height:30px;display:inline-block;vertical-align:top;border:0;background:url(../../img/main/main_sprite.png) no-repeat;}
#popup1 .menu .m.prev {background-position:-40px -117px}
#popup1 .menu .m.stop {background-position:-72px -117px}
#popup1 .menu .m.play {background-position:-136px -117px;display:none;}
#popup1 .menu .m.next {background-position:-104px -117px}
#popup1 .datalist .item {float:left;width:calc(50% - 5px);margin-left:10px}
#popup1 .datalist .item:first-child {margin-left:0}
#popup1 .datalist .owl-item .item {float:none;width:auto;margin:0;}

@media all and (min-width:768px){
	#bbs1 {width:calc(100% - 410px)}
	#bbs1 .tab {font-size:1em;top:8px;}
	#bbs1 .tab.on {top:4px}
	#bbs1 .tab:nth-of-type(2) {left:160px}
	#bbs1 .tab:nth-of-type(2).on {left:140px}
	#bbs1 .tab:nth-of-type(2):before {top:13px;left:-20px}
	#bbs1 .tab:nth-of-type(2).on:before {top:19px}
	#bbs1 .cont {min-height:389px}
	#bbs1 .cont .datalist li {margin:15px 0}
	#bbs1 .cont .datalist li a {padding-left:82px;height:60px}
	#bbs1 .cont .datalist li a .date {width:60px;height:60px}
	#popup1 {position:absolute;bottom:0;right:0;width:370px;margin:0;max-width:none;}
}
@media all and (min-width:1000px){
	#mainbody2 {background-position:50% 0}
	#bbs1 .tab.on {top:2px}
	#bbs1 .b1.more {top:8px}
}
@media all and (min-width:1200px){
	#bbs1 {float:left;width:calc(100% - 800px)}
	#popup1 {position:relative;top:auto;right:auto;float:right;width:750px}
}

/* mainbody3 */
#mainbody3 {background:#a7844e url(../../img/main/mainbody3_bg.jpg) no-repeat 50% 0;}
#mainbody3 .htit {color:#fff;}
#mainbody3 .htit:before {background:#fff;}
/* exp1 */
#exp1 {position:relative;}
#exp1 .menu .m {position:absolute;top:30%;width:53px;height:53px;border:0;background:url(../../img/main/main_sprite.png) no-repeat;z-index:2;background-size:285px auto}
#exp1 .menu .m.prev {left:-10px;background-position:-224px 0}
#exp1 .menu .m.next {right:-10px;background-position:-224px -55px}
#exp1 .datalist {overflow:hidden;}
#exp1 .datalist .item {float:left;width:calc(33.3333% - 20px);margin-left:30px}
#exp1 .datalist .item:first-child {margin-left:0}
#exp1 .datalist .owl-item .item {float:none;width:auto;margin:0}
#exp1 .datalist .item .wrap1 .f2 {position:relative;display:block;width:100%;height:0;padding-bottom:63.157%;overflow:hidden;background:#7D6245}
#exp1 .datalist .item .wrap1 .f2 .f2p1 {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
#exp1 .datalist .item .wrap1 .f2 .f2p1 img {display:block;margin:auto;width:100%;height:100%;max-width:100%;}
#exp1 .datalist .item .wrap1 .cont {position:relative;height:180px;background:#fff;padding:20px;box-sizing:border-box}
#exp1 .datalist .item .wrap1 .cont .t1 {font-size:1.5em;font-weight:500;color:#222;margin-bottom:10px}
#exp1 .datalist .item .wrap1 .cont .cate {position:absolute;top:-20px;left:15px;display:block;width:39px;height:39px;border-radius:50%;text-align:center;color:#fff;font-size:.667em;padding:9px 0;box-sizing:border-box}
#exp1 .datalist .item .wrap1 .cont .cate.cate1 {background-color:#eb4050}
#exp1 .datalist .item .wrap1 .cont .cate.cate2 {background-color:#3f81e4}
#exp1 .datalist .item .wrap1 .cont .cate.cate3 {background-color:#ec8500}
#exp1 .datalist .item .wrap1 .cont .cate.cate4 {background-color:#00a05c}
#exp1 .datalist .item .wrap1 .cont .t2 {font-size:1.063em;line-height:1.412em;color:#222;height:2.824em;/* overflow:hidden; */}
#exp1 .datalist .item .wrap1 .cont .b1 {position:absolute;bottom:0;left:0;width:100%;height:42px;line-height:22px;overflow:hidden;}
#exp1 .datalist .item .wrap1 .cont .b1 a {display:block;float:left;width:50%;box-sizing:border-box;font-size:1.063em;text-align:center;color:#fff;padding:10px 0}
#exp1 .datalist .item .wrap1 .cont .b1 a:hover, #exp1 .datalist .item .wrap1 .cont .b1 a:focus {text-decoration:underline;}
#exp1 .datalist .item .wrap1 .cont .b1 .more {background:#42342b;}
#exp1 .datalist .item .wrap1 .cont .b1 .reserv {background:#795f4e;}

#exp1 .datalist .item .wrap1 .cont .b2 {position:absolute;bottom:0;left:0;width:100%;height:42px;line-height:22px;overflow:hidden;}
#exp1 .datalist .item .wrap1 .cont .b2 a {display:block;float:left;width:100%;box-sizing:border-box;font-size:1.063em;text-align:center;color:#fff;padding:10px 0}
#exp1 .datalist .item .wrap1 .cont .b2 a:hover, #exp1 .datalist .item .wrap1 .cont .b2 a:focus {text-decoration:underline;}
#exp1 .datalist .item .wrap1 .cont .b2 .more {background:#42342b;}
#exp1 .datalist .item .wrap1 .cont .b2 .reserv {background:#795f4e;}
@media all and (min-width:768px){
	#exp1 .menu .m {top:calc(50% - 38px);width:76px;height:76px;background-size:auto;}
	#exp1 .menu .m.prev {left:0;background-position:-319px 0}
	#exp1 .menu .m.next {right:0;background-position:-319px -78px}
	#exp1 .datalist .item .wrap1 .cont .cate {top:-30px;width:55px;height:55px;padding:15px 0}
	#exp1 .datalist .item .wrap1 .cont {padding:30px;height:235px}
	#exp1 .datalist .item .wrap1 .cont .t1 {margin-bottom:15px}
	#exp1 .datalist .item .wrap1 .cont .b1, #exp1 .datalist .item .wrap1 .cont .b2 {height:59px;line-height:23px;}
	#exp1 .datalist .item .wrap1 .cont .b1 a, #exp1 .datalist .item .wrap1 .cont .b2 a {padding:18px 0}
}
@media all and (min-width:1260px){
	#exp1 .menu .m.prev {left:-38px}
	#exp1 .menu .m.next {right:-38px}
	#exp1 .datalist {height:473px}
}
@media all and (min-width:1400px){
	#exp1 .menu .m.prev {left:-106px}
	#exp1 .menu .m.next {right:-106px}
}

/* mainbody4 */
#mainbody4 {background:url(../../img/main/mainbody4_bg.jpg) no-repeat 50% 0;background-size:cover;}
#mainbody4 .container {max-width:1700px;margin:auto;}
/* gallery1 */
#gallery1 {position:relative;}
#gallery1 .menu .m {position:absolute;top:calc(50% - 29px);width:57px;height:57px;border:0;background:url(../../img/main/main_sprite.png) no-repeat;z-index:2;background-size:285px auto}
#gallery1 .menu .m.prev {left:1%;background-position:-107px -24px}
#gallery1 .menu .m.next {right:1%;background-position:-165px -24px}
#gallery1 .datalist .item {float:left;width:calc(20% - 40px);margin-left:50px;}
#gallery1 .datalist .item:first-child {margin-left:0}
#gallery1 .datalist .owl-item .item {float:none;width:auto;margin:0}
#gallery1 .datalist .item a {position:relative;display:block;transition:all .4s ease;margin:auto;width:100%;height:0;padding-bottom:100%;overflow:hidden;border-radius:50%;}
#gallery1 .datalist .item a .f1 {position:absolute;top:0;left:0;display:block;width:100%;height:100%}
#gallery1 .datalist .item a .f1 img {display:block;width:100%;height:100%;margin:auto;}
#gallery1 .datalist .item a .t1 {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.5);color:#fff;}
#gallery1 .datalist .item a:hover .t1, #gallery1 .datalist .item a:focus .t1 {opacity:1;}
#gallery1 .datalist .item a .t1:before {position:absolute;top:calc(50% - 73px);left:calc(50% - 26.5px);content:"";display:block;width:53px;height:53px;background:url(../../img/main/main_sprite.png) no-repeat -97px -34px;margin:0 auto 20px;}
#gallery1 .datalist .item a .t1 span {position:relative;display:block;font-size:1.438em;line-height:1.304em;height:2.608em;overflow:hidden;text-align:center;margin-top:50%;padding:0 30px}
@media all and (min-width:490px){
	#gallery1 .menu .m.prev {left:17%;}
	#gallery1 .menu .m.next {right:17%}
}
@media all and (min-width:768px){
	#gallery1 .menu .m {width:81px;height:81px;background-size:auto;top:calc(50% - 40px)}
	#gallery1 .menu .m.prev {left:17%;background-position:-153px -34px}
	#gallery1 .menu .m.next {right:17%;background-position:-236px -34px}
}
@media all and (min-width:1260px){
	#gallery1 {height:300px;}
}