@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2025.02.28 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2025.02.28
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */
 
/* all.css overwrite */
[data-layout=main] #body {margin-top:0}
@media screen and (max-width:1259px){
	#tnb1 div.d1>ul:after {width:80%;transition:width .35s ease}
	#tnb1 .in div.d1>ul:after {width:160px}
}
@media screen and (max-width:499px){
	#tnb1 .in div.d1>ul:after {width:130px}
}

/* 공통 */
#wrap>.container {max-width:none;}
[id*=mainbody] {position:relative;max-width:1260px;margin:60px auto auto;}
body.chatbot1close [id*=mainbody] {max-width:1260px;}
[id*=mainbody] .ht1 {font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-.075em;color:#000;margin-bottom:40px;}
[id*=mainbody] .datalist .slick-track {margin-left:0;margin-right:0}
[id*=mainbody] .datalist .item {vertical-align:top}
[id*=mainbody] .datalist .item img {width:100%;}
[id*=mainbody] .menu {position:absolute;top:0;right:35px}
[id*=mainbody] .menu .mNum {position:relative;font-size:15px;line-height:26px;color:#000;font-weight:400}
[id*=mainbody] .menu .mNum .on {position:absolute;top:0;left:0;font-weight:800}
[id*=mainbody] .menu .mNum .total {position:absolute;top:0;right:0;}
[id*=mainbody] .menu .progress {position:relative;display:inline-block;vertical-align:middle;width:220px;height:2px;background:#e5e5e5;margin:-3px 70px 0 30px;}
[id*=mainbody] .menu .progress .bar {position:absolute;top:0;left:0;width:0;height:100%;background:#15a775;transition:width .35s ease .3s}
[id*=mainbody] .menu .m.stop, [id*=mainbody] .menu .m.play {position:absolute;top:0;right:35px;width:27px;height:27px;border:0;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;}
[id*=mainbody] .menu .m.stop {background-position:-247px -283px}
[id*=mainbody] .menu .m.play {background-position:-276px -283px}
@media screen and (max-width:1308px){
	#wrap>.container {max-width:none;width:100%;box-sizing:border-box}
}
@media screen and (max-width:1259px){
	[id*=mainbody] .ht1 {font-size:32px;margin-bottom:30px;}
	[id*=mainbody] .menu {position:static;top:auto;right:auto;}
	[id*=mainbody] .menu .mNum {position:absolute;top:0;right:35px;}
}
@media screen and (max-width:999px){
	[id*=mainbody] .ht1 {font-size:30px;margin-bottom:25px;}
	[id*=mainbody] .menu .mNum {position:relative;top:auto;right:auto;text-align:center;max-width:200px;margin:20px auto auto;}
	[id*=mainbody] .menu .progress {width:100px;}	
}
@media screen and (max-width:768px){
	[id*=mainbody] .ht1 {font-size:26px;text-align:center;}
	[id*=mainbody] .menu {position:static;top:auto;right:auto;text-align:center;max-width:200px;margin:auto}
	[id*=mainbody] .menu .progress {width:60px;}
}
@media screen and (max-width:699px){
	[id*=mainbody] .ht1 {font-size:24px;margin-bottom:25px}	
	[id*=mainbody] .menu .mNum {margin-top:10px;}
}
@media screen and (max-width:599px){
	[id*=mainbody] .ht1 {font-size:23px;margin-bottom:22px}	
}
@media screen and (max-width:499px){
	[id*=mainbody] .ht1 {font-size:22px}	
}
@media screen and (max-width:399px){
	[id*=mainbody] .ht1 {font-size:21px;margin-bottom:18px}	
}

/* mainbody1 */
#mainbody1 {margin-top:63px}
#mainbody1:before {position:absolute;top:-63px;left:50%;content:"";display:block;width:978px;height:293px;background:url(../../img/main/main_sprite.png) no-repeat 0 -1497px / 1000px auto;margin-left:-489px;z-index:-1}
@media screen and (max-width:999px){
	#mainbody1 {margin-top:50px}
	#mainbody1:before {display:none}
}
@media screen and (max-width:768px){
	#mainbody1 {margin-top:40px}
}
@media screen and (max-width:599px){
	#mainbody1 {margin-top:35px}
}

/* menu2 */
#menu2 {max-width:1065px;margin:auto;}
#menu2 .datalist .slick-list {padding:0 0 30px}
#menu2 .datalist .item a {position:relative;display:block;height:120px;text-align:center;border:1px solid #e1e1e1;margin-right:15px;color:#000;padding:22px 0 29px;border-radius:20px;background:rgba(255,255,255,.6);transition:box-shadow .35s ease;box-sizing:border-box;font-size:15px}
#menu2 .datalist .item a:before, #menu2 .datalist .item a:after {content:"";display:block;}
#menu2 .datalist .item a:before {position:relative;width:64px;height:52px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;margin:auto auto 7px;z-index:2;transition:all .35s ease;}
#menu2 .datalist .item a .t1 {position:relative;display:block;line-height:1;z-index:2}
/* 아이콘 */
#menu2 .datalist .item.n1 a:before {background-position:0 0;} /* 스마트관광 */
#menu2 .datalist .item.n2 a:before {background-position:-66px 0;} /* 추천코스 */
#menu2 .datalist .item.n3 a:before {background-position:-132px 0;} /* 체험 */
#menu2 .datalist .item.n4 a:before {background-position:-198px 0;} /* 관광명소 */
#menu2 .datalist .item.n5 a:before {background-position:-264px 0;} /* 자연관광 */
#menu2 .datalist .item.n6 a:before {background-position:-330px 0;} /* 숙박 */
#menu2 .datalist .item.n7 a:before {background-position:-396px 0;} /* 음식 */
#menu2 .datalist .item.n8 a:before {background-position:-462px 0;} /* 쇼핑 */
#menu2 .datalist .item.n9 a:before {background-position:-528px 0;} /* 역사문화예술 */
#menu2 .datalist .item.n10 a:before {background-position:-594px 0;} /* 축제행사 */
#menu2 .datalist .item.n11 a:before {background-position:-660px 0;} /* 도심투어 */
#menu2 .datalist .item.n12 a:before {background-position:-726px 0;} /* 섬여행 */
#menu2 .datalist .item.n13 a:before {background-position:-792px 0;} /* 야간관광 */
#menu2 .datalist .item.n14 a:before {background-position:-858px 0;} /* 인물탐방 */
#menu2 .datalist .item.n15 a:before {background-position:0 -54px;} /* 통영강구안 */
#menu2 .datalist .item.n16 a:before {background-position:-66px -54px;} /* 계절추천 */
#menu2 .datalist .slick-arrow {position:absolute;top:50%;z-index:1;width:36px;height:36px;text-indent:-9999px;border:0;margin-top:-33px;border-radius:100%;box-sizing:border-box;border:0;background:transparent;}
#menu2 .datalist .slick-arrow:before {position:absolute;top:50%;left:50%;content:"";display:block;width:14px;height:14px;border:3px solid #262626;box-sizing:border-box;transform:rotate(45deg);margin:-6px;}
#menu2 .datalist .slick-prev {left:-45px}
#menu2 .datalist .slick-next {right:-20px}
#menu2 .datalist .slick-prev:before {border-top:0;border-right:0;margin-left:-4px}
#menu2 .datalist .slick-next:before {border-bottom:0;border-left:0;margin-right:-4px}
@media screen and (min-width:1260px){
	#menu2 {margin-bottom:20px}
	#menu2 .datalist:after {content:"";display:block;clear:both;}
	#menu2 .datalist.slick-initialized.slick-slider {margin-right:-15px}
	#menu2 .datalist .item {float:left;width:calc(12.5% - 13.125px);margin-left:15px;}
	#menu2 .datalist .item:first-child {margin-left:0}
	#menu2 .datalist.slick-initialized.slick-slider .item {margin-left:0}
	#menu2 .datalist .item a {margin-right:0}
	#menu2 .datalist.slick-initialized.slick-slider .item a {margin-right:20px}
	#menu2 .datalist .item a:hover, #menu2 .datalist .item a:focus {color:#fff}
	#menu2 .datalist .item a:after {position:absolute;top:-1px;left:-1px;content:"";display:block;width:calc(100% + 2px);height:calc(100% + 2px);background:linear-gradient(200deg, #fdc408, #c92026 88%);border-radius:20px;opacity:0;transition:all .4s ease;box-shadow:6px 6px 20px rgba(0,0,0,.15);}
	#menu2 .datalist .item a:hover:after {opacity:1}
}
@media screen and (max-width:1259px){
	#menu2 {max-width:none;margin-left:50px;margin-right:50px;}
	#menu2 .datalist {margin-right:-15px}
	#menu2 .datalist .slick-list {padding:0 0 20px}
}
@media screen and (max-width:768px){
	#menu2 {margin-top:30px}
	#menu2 .datalist .item a {padding:20px 0;height:auto;}
}
@media screen and (max-width:699px){
	#menu2 {margin-left:30px;margin-right:30px}
	#menu2 .datalist .slick-prev {left:-40px}
}
@media screen and (max-width:599px){
	#menu2 .datalist .item a {font-size:14px}
	#menu2 .datalist .item a:before {width:43px;height:36px;background-size:700px auto;margin-bottom:10px}
	#menu2 .datalist .item.n2 a:before {background-position:-46px 0;}
	#menu2 .datalist .item.n3 a:before {background-position:-92px 0;}
	#menu2 .datalist .item.n4 a:before {background-position:-139px 0;}
	#menu2 .datalist .item.n5 a:before {background-position:-185px 0;}
	#menu2 .datalist .item.n6 a:before {background-position:-231px 0;}
	#menu2 .datalist .item.n7 a:before {background-position:-277px 0;}
	#menu2 .datalist .item.n8 a:before {background-position:-325px 0;}
	#menu2 .datalist .item.n9 a:before {background-position:-370px 0;}
	#menu2 .datalist .item.n10 a:before {background-position:-416px 0;}
	#menu2 .datalist .item.n11 a:before {background-position:-462px 0;}
	#menu2 .datalist .item.n12 a:before {background-position:-508px 0;}
	#menu2 .datalist .item.n13 a:before {background-position:-554px 0;} 
	#menu2 .datalist .item.n14 a:before {background-position:-601px 0;}
	#menu2 .datalist .item.n15 a:before {background-position:0 -38px;} 
	#menu2 .datalist .item.n16 a:before {background-position:-47px -38px;}
}

/*  ppr1 */
#ppr1 {position:relative;margin:10px -20px 0}
#ppr1 .datalist {max-width:1300px;margin:auto;}
#ppr1 .datalist .item {vertical-align:top;}
#ppr1 .wrap1 {position:relative;border-radius:20px;overflow:hidden;}
#ppr1 .wrap1 .tg1 {position:absolute;top:0;left:0;width:100%;padding-top:65px;padding-left:85px;z-index:1}
#ppr1 .wrap1 .tg1 .t1 {font-size:22px;color:#fff}
#ppr1 .wrap1 .tg1 .t1 strong {font-size:145%;display:block;}
#ppr1 .wrap1 .tg1 .t1 strong span {display:block;line-height:32px}
#ppr1 .wrap1 .tg1 .t2 {font-size:16px;color:#fff;margin-top:15px;}
#ppr1 .wrap1 .tg1 .btns {margin-top:35px}
#ppr1 .wrap1 .tg1 .btns .b1 {display:inline-block;vertical-align:top;width:180px;height:60px;line-height:58px;box-sizing:border-box;color:#fff;text-align:center;font-size:18px;font-weight:400;border:1px solid #fff;border-radius:30px;transition:background-color .4s ease;margin-right:10px}
#ppr1 .wrap1 .tg1 .btns .b1:hover, #ppr1 .wrap1 .tg1 .btns .b1:focus {background:#000;font-weight:600;line-height:60px;border:0;box-shadow:5px 5px 10px rgba(0,0,0,.15);}
#ppr1 .n2 .wrap1 .tg1 .btns .b1 {background:#0e99a8;border:0;color:#fff;}
#ppr1 .n2 .wrap1 .tg1 .t1 strong em.em1 {color:#da245c}
#ppr1 .n2 .wrap1 .tg1 .t1 strong em.em2 {color:#fff;font-size:55.55%;}
#ppr1 .n4 .wrap1 .tg1 {padding-top:45px;}
#ppr1 .menu {position:absolute;top:auto;bottom:25px;left:0;width:100%;text-align:center;z-index:1;max-width:none;}
#ppr1 .menu .goPage, #ppr1 .menu .goPage * {display:inline-block;vertical-align:top;}
#ppr1 .menu button {position:relative;display:inline-block;vertical-align:top;width:28px;height:28px;border:0;}
#ppr1 .menu .goPage .slick-dots li button {background:transparent;text-indent:-9999px;}
#ppr1 .menu .goPage .slick-dots li button:before {position:absolute;top:50%;left:50%;content:"";display:block;width:10px;height:10px;background:#fff;border-radius:100%;margin:-5px;box-sizing:border-box;}
#ppr1 .menu .goPage .slick-dots li.slick-active button:before {width:12px;height:12px;border:2px solid #fff;background:transparent;margin:-6px;}
#ppr1 .menu .m {position:relative;top:auto;right:auto;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;}
#ppr1 .menu .m.stop {background-position:-189px -283px}
#ppr1 .menu .m.play {background-position:-218px -283px}
@media screen and (max-width:1760px){
	#ppr1 .wrap1 .f1 {display:block;}
	#ppr1 .wrap1 .tg1 {padding-top:50px;padding-left:45px;box-sizing:border-box;}
}
@media screen and (max-width:1340px){
	#ppr1 {margin-left:0;margin-right:0}
}
@media screen and (max-width:1259px){
	#ppr1 .n1 .wrap1 .tg1 .t1 {text-shadow:-2px 0px #C73A70, 0px 2px #C73A70, 2px 0px #C73A70, 0px -2px #C73A70;}
	#ppr1 .wrap1 .f1 {position:relative;left:50%;margin-left:-650px;width:1300px;}
}
@media screen and (max-width:999px){
	#ppr1 .wrap1 .tg1 .t1 {font-size:20px;}
	#ppr1 .wrap1 .tg1 .btns .b1 {width:160px;height:54px;line-height:52px;font-size:17px;}
	#ppr1 .wrap1 .tg1 .btns .b1:hover, #ppr1 .wrap1 .tg1 .btns .b1:focus {line-height:54px}
}
@media screen and (max-width:768px){
	#ppr1 .wrap1 .f1 {width:1170px;height:270px;margin-left:-585px;}
	#ppr1 .wrap1 .tg1 {padding-top:40px;padding-left:40px;height:100%;box-sizing:border-box;}
	#ppr1 .wrap1 .tg1 .t1 {font-size:18px;}
	#ppr1 .wrap1 .tg1 .t2 {font-size:15px;line-height:22px;margin-top:5px;}
	#ppr1 .wrap1 .tg1 .btns .b1 {background-color:rgba(0,0,0,.15);font-size:16px;height:50px;line-height:48px;}	
	#ppr1 .wrap1 .tg1 .btns .b1:hover, #ppr1 .wrap1 .tg1 .btns .b1:focus {line-height:50px}
}
@media screen and (max-width:599px){
	#ppr1 .wrap1 .f1 {width:1040px;height:240px;margin-left:-520px;}
	#ppr1 .wrap1 .tg1 {text-align:center;padding:35px 30px 0;background:rgba(0,0,0,.3)}
	#ppr1 .wrap1 .tg1 .t1 {font-size:16px;word-break:keep-all}
	#ppr1 .wrap1 .tg1 .t1 strong {font-size:130%;margin-top:5px;}
	#ppr1 .wrap1 .tg1 .t2 {font-size:14px;line-height:20px;}
	#ppr1 .wrap1 .tg1 .btns {margin-top:15px}
	#ppr1 .wrap1 .tg1 .btns .b1 {font-size:15px;min-width:100px;width:auto;line-height:43px;height:45px;margin-bottom:2px;padding-left:10px;padding-right:10px;}	
	#ppr1 .wrap1 .tg1 .btns .b1:hover, #ppr1 .wrap1 .tg1 .btns .b1:focus {line-height:45px}
}
@media screen and (max-width:459px){
	#ppr1 .menu {bottom:-15px;left:0;}
	#ppr1 .menu .mControl {background:#363940;padding:5px 10px;border-radius:30px;display:inline-block;vertical-align:top;}
}
@media screen and (max-width:399px){
	#ppr1 .wrap1 .tg1 {padding:20px 15px 0}
	#ppr1 .wrap1 .tg1 .t1 strong {font-size:120%;}
	#ppr1 .wrap1 .tg1 .btns .b1 {height:40px;font-size:14px;line-height:38px;}
	#ppr1 .wrap1 .tg1 .btns .b1:hover, #ppr1 .wrap1 .tg1 .btns .b1:focus {line-height:40px}
	#ppr1 .n2 .wrap1 .tg1 {padding-top:35px}
}

/* mainbody2 */
#mainbody2 {padding-bottom:90px;}
#mainbody2:after {position:absolute;content:"";display:block;width:200%;height:240px;bottom:0;right:0;background:#f2f3f7;border-bottom-right-radius:100px;z-index:-1;}
#mainbody2 .ht1 {margin-bottom:30px}
#mainbody2 .datalist .item .wrap1 {position:relative;display:block;margin-right:70px;}
#mainbody2 .datalist .item .wrap1>a {display:block;}
#mainbody2 .datalist .item .wrap1 .hg1 {position:absolute;bottom:30px;left:0;width:100%;z-index:1;padding:0 35px;box-sizing:border-box;color:#fff;}
#mainbody2 .datalist .item .wrap1 .hg1 .cate {display:inline-block;vertical-align:middle;width:60px;height:30px;line-height:30px;font-size:14px;font-weight:500;text-align:center;border-radius:15px;margin-right:10px;box-sizing:border-box;}
#mainbody2 .datalist .item .wrap1 .hg1 .h1 {display:inline-block;vertical-align:middle;font-size:20px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#mainbody2 .datalist .item .wrap1 .cont {position:absolute;bottom:0;left:0;width:100%;z-index:1;display:none;}
#mainbody2 .datalist .item .wrap1 .cont .t1 {font-size:16px;line-height:24px;font-weight:400;color:#fff;max-height:48px;overflow:hidden;margin-bottom:25px;word-break:keep-all}
#mainbody2 .datalist .item .wrap1 .cont .lst {position:relative;border-top:1px solid rgba(255,255,255,.5);padding-top:17px;padding-left:5px;}
#mainbody2 .datalist .item .wrap1 .cont .lst:after {content:"";display:block;clear:both;}
#mainbody2 .datalist .item .wrap1 .cont .lst li {position:relative;float:left;font-size:15px;color:#fff;padding-left:25px}
#mainbody2 .datalist .item .wrap1 .cont .lst li:before {position:absolute;top:5px;left:0;content:"";display:block;width:17px;height:16px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;}
#mainbody2 .datalist .item .wrap1 .cont .lst li a {display:block;color:inherit;padding-top:3px;padding-bottom:3px;}
#mainbody2 .datalist .item .wrap1 .cont .lst li.likes {float:right;margin-right:95px;padding-right:20px;}
#mainbody2 .datalist .item .wrap1 .cont .lst li.likes:after {position:absolute;top:6px;right:0;content:"";display:block;width:1px;height:11px;background:rgba(255,255,255,.3);}
#mainbody2 .datalist .item .wrap1 .cont .lst li.add {position:absolute;top:14px;right:0;font-size:14px}
#mainbody2 .datalist .item .wrap1 .cont .lst li.link:before {background-position:-825px -258px}
#mainbody2 .datalist .item .wrap1 .cont .lst li.likes:before {top:2px;background-position:-844px -258px}
#mainbody2 .datalist .item .wrap1 .cont .lst li.add:before {background-position:-863px -258px}
#mainbody2 .datalist .item .wrap1 .f1 {position:relative;display:block;width:100%;height:0;padding-bottom:69.23%;overflow:hidden;border-radius:20px;transition:all .35s ease}
#mainbody2 .datalist .item .wrap1 .f1:before {position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:50%;background:linear-gradient(to bottom, transparent, #000);z-index:1}
#mainbody2 .datalist .item .wrap1 .f1 .f1p1 {position:absolute;top:0;left:0;width:100%;height:100%;}
#mainbody2 .datalist .item .wrap1 .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#mainbody2 .datalist .slick-slide {margin-top:30px;transition:all .35s ease;}
#mainbody2 .datalist .slick-center {margin-top:0;}
#mainbody2 .datalist .slick-center + .slick-slide {margin-top:30px;}
#mainbody2 .datalist .slick-center .item .wrap1 .hg1 .cate {display:block;border:1px solid #fff;background:transparent;line-height:28px;margin-bottom:15px;}
#mainbody2 .datalist .slick-center .item .wrap1 .hg1 .h1 {font-size:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:inherit;}
#mainbody2 .datalist .slick-center .item .wrap1 .f1 {border-radius:30px;box-shadow:10px 10px 20px rgba(0,0,0,.2)}
#mainbody2 .datalist .slick-center .item .wrap1 .f1:after {position:absolute;bottom:0;left:0;width:100%;height:100%;content:"";display:block;background:rgba(0,0,0,.4)}
#mainbody2 .datalist .slick-center .item .wrap1 .cont {display:block;padding:0 50px 37px;box-sizing:border-box;}
#mainbody2 .datalist .slick-center + .slick-slide .item .hg1 {padding:0 35px;}
#mainbody2 .datalist .slick-center + .slick-slide .item .hg1 .cate {border:0;line-height:30px;display:inline-block;margin-bottom:0}
#mainbody2 .datalist .slick-center + .slick-slide .item .hg1 .h1 {font-size:20px}
#mainbody2 .datalist .slick-center + .slick-slide .item .wrap1 .f1 {box-shadow:none;}
#mainbody2 .datalist .slick-center + .slick-slide .item .wrap1 .f1:before {background:linear-gradient(to bottom, transparent, #000);}
#mainbody2 .datalist .slick-center + .slick-slide .item .wrap1 .f1:after {display:none;}
#mainbody2 .datalist .slick-center + .slick-slide .item .wrap1 .hg1 {bottom:30px;}
#mainbody2 .datalist .slick-center + .slick-slide .item .wrap1 .cont {display:none;}
#mainbody2 .datalist .slick-center .item .wrap1 .hg1 {min-height:130px;bottom:50%;}
#mainbody2 .datalist .slick-arrow {position:absolute;top:50%;width:62px;height:62px;background:#fff url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;border-radius:100%;border:0;z-index:1;margin-top:-31px;text-indent:-9999px}
#mainbody2 .datalist .slick-prev {left:50%;margin-left:-330px;background-position:-305px -258px}
#mainbody2 .datalist .slick-next {right:50%;margin-right:-260px;background-position:-369px -258px}
#mainbody2 .datalist .item .wrap1 .hg1 .cate[data-category=관광], #mainbody2 .datalist .slick-center + .slick-slide .item .hg1 .cate[data-category=관광] {background-color:#4080c2}
#mainbody2 .datalist .item .wrap1 .hg1 .cate[data-category=체험], #mainbody2 .datalist .slick-center + .slick-slide .item .hg1 .cate[data-category=체험] {background-color:#2ca59d}
#mainbody2 .datalist .item .wrap1 .hg1 .cate[data-category=섬], #mainbody2 .datalist .slick-center + .slick-slide .item .hg1 .cate[data-category=섬] {background-color:#211b8f}
#mainbody2 .datalist .slick-center .item .wrap1 .hg1 .cate {background-color:transparent;}
@media screen and (min-width:1000px){
	#mainbody2 .datalist {position:relative;margin-left:-220px;margin-right:-290px;height:390px;}
}
@media screen and (max-width:1259px){
	#mainbody2 {padding-bottom:75px}
	#mainbody2 .datalist .item .wrap1 {margin-right:49px}
	#mainbody2 .datalist .slick-center .item .wrap1 .hg1 {bottom:45%;}
}
@media screen and (max-width:999px){
	#mainbody2 {padding-bottom:60px;}
	#mainbody2 .datalist {margin-right:-30px;}
	#mainbody2 .datalist .item .wrap1 {margin-right:30px}
	#mainbody2 .datalist .item .wrap1 .f1:after {position:absolute;bottom:0;left:0;width:100%;height:100%;content:"";display:block;background:rgba(0,0,0,.4)}
	#mainbody2 .datalist .item .wrap1 .hg1 {bottom:43%;padding:0 30px;color:#fff;}
	#mainbody2 .datalist .item .wrap1 .hg1 .cate {display:block;border:1px solid #fff;background:transparent;line-height:28px;margin-bottom:15px;}
	#mainbody2 .datalist .item .wrap1 .hg1 .h1 {font-size:28px;font-weight:600;}
	#mainbody2 .datalist .item .wrap1 .cont {display:block;padding:0 30px 40px;box-sizing:border-box;}
	#mainbody2 .datalist .slick-center .item .wrap1 .cont {padding-left:30px;padding-right:30px;}
	#mainbody2 .datalist .slick-center .item .wrap1 .hg1 {bottom:43%;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.likes {margin-top:2px;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.add {top:16px;}
	#mainbody2 .datalist .slick-prev {margin-left:0;left:-10px;}
	#mainbody2 .datalist .slick-next {margin-right:0;right:20px;}
}
@media screen and (max-width:899px){
	#mainbody2 .datalist .item .wrap1 .cont, #mainbody2 .datalist .slick-center .item .wrap1 .cont {padding-bottom:20px;}
	#mainbody2 .datalist .item .wrap1 .hg1 .h1, #mainbody2 .datalist .slick-center .item .wrap1 .hg1 .h1 {font-size:24px;}	
	#mainbody2 .datalist .slick-center .item .wrap1 .hg1 {bottom:38%}
	#mainbody2 .datalist .item .wrap1 .cont .lst li {float:none;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.likes {float:none;display:inline-block;vertical-align:top;margin-top:3px;margin-right:10px;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.add {position:relative;top:auto;right:auto;display:inline-block;vertical-align:top;}
}
@media screen and (max-width:799px){
	#mainbody2 {margin-top:50px;padding-bottom:40px;}
	#mainbody2 .datalist {position:static;max-width:none;margin-left:-300px;margin-right:-300px;}
	#mainbody2 .datalist .item .wrap1 {margin-left:20px;margin-right:20px;}
	#mainbody2 .datalist .item .wrap1 .f1 {padding-bottom:79.23%}
	#mainbody2 .datalist .slick-arrow {width:54px;height:54px;margin-top:-27px;box-shadow:5px 5px 10px rgba(0,0,0,.1)}
	#mainbody2 .datalist .slick-prev {left:-7px;background-position:-310px -263px}
	#mainbody2 .datalist .slick-next {right:-7px;background-position:-371px -263px}
}
@media screen and (max-width:599px){
	#mainbody2 {margin-top:40px;}
	#mainbody2 .ht1 {margin-bottom:20px;}
	#mainbody2 .datalist .slick-arrow {width:43px;height:43px;background-size:700px auto;margin-top:-22px;}
	#mainbody2 .datalist .slick-prev {background-position:-214px -181px}
	#mainbody2 .datalist .slick-next {background-position:-258px -181px}
}
@media screen and (max-width:499px){
	#mainbody2 {padding-bottom:30px;}
	#mainbody2:after {right:-16px;}
	#mainbody2 .datalist .slick-active, #mainbody2 .datalist .slick-center + .slick-slide {margin-top:10px}
	#mainbody2 .datalist .item .wrap1 {margin-left:15px;margin-right:15px}
	#mainbody2 .datalist .slick-center .item .wrap1 .hg1 {bottom:35%}
	#mainbody2 .datalist .item .wrap1 .hg1 .cate, #mainbody2 .datalist .slick-center .item .wrap1 .hg1 .cate {margin-bottom:5px;}
	#mainbody2 .datalist .item .wrap1 .hg1 .h1, #mainbody2 .datalist .slick-center .item .wrap1 .hg1 .h1 {font-size:22px}
	#mainbody2 .datalist .item .wrap1 .cont .t1 {font-size:15px;line-height:23px;max-height:46px;margin-bottom:20px;}
}
@media screen and (max-width:449px){
	#mainbody2 {margin-top:50px}
	#mainbody2 .ht1 {margin-bottom:20px;}
	#mainbody2 .datalist .item .wrap1 .hg1 {text-align:center;}
	#mainbody2 .datalist .item .wrap1 .hg1 .cate {font-size:13px;height:27px;line-height:25px;margin:auto auto 5px}
	#mainbody2 .datalist .item .wrap1 .hg1 .h1 {font-size:22px;} 
	#mainbody2 .datalist .item .wrap1 .cont {padding-bottom:20px;text-align:center;}
	#mainbody2 .datalist .item .wrap1 .cont .t1 {display:none;}
	#mainbody2 .datalist .item .wrap1 .cont .lst {padding-left:0;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li {float:none;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li:first-child {margin-bottom:5px;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.link {padding-left:0;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.link:before {position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;margin-right:5px}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.likes {float:none;display:inline-block;vertical-align:top;margin-right:15px}
	#mainbody2 .datalist .item .wrap1 .cont .lst li.add {position:relative;top:auto;right:auto;display:inline-block;vertical-align:top;}
	#mainbody2 .datalist .item .wrap1 .cont .lst li a {display:inline-block;} 
	#mainbody2 .datalist .item .wrap1 .cont .lst li.add:before {top:4px}
}
@media screen and (max-width:399px){
	#mainbody2 .datalist .item .wrap1 .hg1 .h1 {font-size:20px;}
}
@media screen and (max-width:349px){
	#mainbody2 .datalist {margin-left:-250px;margin-right:-250px;}		
	#mainbody2 .datalist .item .wrap1 {margin-left:10px;margin-right:10px;}
	#mainbody2 .datalist .slick-center .item .wrap1 .hg1 {bottom:28%}
	#mainbody2 .datalist .item .wrap1 .hg1 .h1, #mainbody2 .datalist .slick-center .item .wrap1 .hg1 .h1 {font-size:20px;}
	#mainbody2 .datalist .slick-center .item .wrap1 .cont {padding-bottom:15px}
	#mainbody2 .datalist .item .wrap1 .cont .lst {padding-top:10px;}
}

/* mainbody3 */
#mainbody3 .datalist {margin-right:-337px;transition:margin .35s ease .05s}
#mainbody3 .datalist .slick-list {padding-bottom:30px;}
#mainbody3 .datalist .item .wrap1 {margin-right:27px;border-radius:20px;/* overflow:hidden; */transition:margin .35s ease}
#mainbody3 .datalist .item .wrap1 .f1 {position:relative;display:block;width:100%;height:0;padding-bottom:78.94%;overflow:hidden;border-radius:20px 20px 0 0}
#mainbody3 .datalist .item .wrap1 .f1 .f1p1 {position:absolute;top:0;left:0;width:100%;height:100%;}
#mainbody3 .datalist .item .wrap1 .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:all .35s ease;transform:scale(1)}
#mainbody3 .datalist .item .wrap1 .f1:hover .f1p1 img {transform:scale(1.1)}
#mainbody3 .datalist .item .wrap1 .f1:focus-visible {outline-offset:0}
#mainbody3 .datalist .item .wrap1 .tg1 {position:relative;padding:35px 30px;background:#faf4ef;border-radius:0 0 20px 20px}
#mainbody3 .datalist .item .wrap1 .tg1 .h1 {display:block;font-size:28px;line-height:30px;color:#3d3e42;font-weight:700;}
#mainbody3 .datalist .item .wrap1 .tg1 .h1 a {display:block;color:inherit;}
#mainbody3 .datalist .item .wrap1 .tg1 .h1 a span {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#mainbody3 .datalist .item .wrap1 .tg1 .lst {padding-top:25px;}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li {position:relative;display:inline-block;vertical-align:top;color:#3d3e42;padding-left:25px;font-size:15px;}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li:before {position:absolute;top:2px;left:0;content:"";display:block;width:17px;height:16px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li a {display:block;color:inherit}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li.likes {padding-right:40px;}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li.likes:after {position:absolute;top:6px;right:20px;content:"";display:block;width:1px;height:11px;background:rgba(0,0,0,.3);}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li.add {font-size:14px;font-weight:500}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li.likes:before {background-position:-844px -276px}
#mainbody3 .datalist .item .wrap1 .tg1 .lst li.add:before {background-position:-863px -276px}
#mainbody3 .menu {right:8px;padding-top:8px;padding-right:140px;}
#mainbody3 .menu .m.prev, #mainbody3 .menu .m.next {position:absolute;top:-8px;width:56px;height:56px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;border:0;border-radius:100%;}
#mainbody3 .menu .m.prev {right:63px;background-position:-433px -258px;}
#mainbody3 .menu .m.next {right:0;background-position:-491px -258px;}
@media screen and (min-width:1260px){
	#mainbody3 .datalist .slick-list {padding-top:30px;}
	#mainbody3 .datalist .item.over .wrap1 {box-shadow:10px 10px 30px rgba(0,0,0,.2);border-radius:40px;margin-top:-20px;}
	#mainbody3 .datalist .item.over .wrap1 .f1 {border-radius:40px 40px 0 0}
	#mainbody3 .datalist .item.over .wrap1 .tg1 {background:linear-gradient(200deg, #fdc408, #c92026 88%);border-radius:0 0 40px 40px}
	#mainbody3 .datalist .item.over .wrap1 .tg1:after {position:absolute;bottom:40px;right:33px;content:"";display:block;width:25px;height:15px;background:url(../../img/main/main_sprite.png) no-repeat -934px -258px / 1000px auto;}
	#mainbody3 .datalist .item.over .wrap1 .tg1 .h1 {color:#fff;}
	#mainbody3 .datalist .item.over .wrap1 .tg1 .lst li {color:#fff}
	#mainbody3 .datalist .item.over .wrap1 .tg1 .lst li.likes:before {background-position:-844px -258px}
	#mainbody3 .datalist .item.over .wrap1 .tg1 .lst li.add:before {background-position:-863px -258px}
	#mainbody3 .datalist .item.over .wrap1 .tg1 .lst li.likes:after {background:rgba(255,255,255,.3)}
}
@media screen and (max-width:1259px){
	#mainbody3 .datalist {padding-left:20px;padding-right:20px;margin-right:-27px;;}
	#mainbody3 .datalist .item .wrap1 .tg1 .h1 {font-size:26px;line-height:28px;}
	#mainbody3 .menu .m.prev, #mainbody3 .menu .m.next {top:50%;margin-top:-28px;}
	#mainbody3 .menu .m.prev {right:auto;left:-10px}
	#mainbody3 .menu .m.next {right:-7px}
}
@media screen and (max-width:999px){
	#mainbody3 .datalist {margin-right:-20px}
	#mainbody3 .datalist .item .wrap1 {margin-right:20px;}
	#mainbody3 .datalist .item .wrap1 .tg1 {padding:25px 25px 30px}
	#mainbody3 .datalist .item .wrap1 .tg1 .h1 {font-size:24px;line-height:26px;}
	#mainbody3 .menu {padding-right:0;padding-top:0;margin-top:0}
	#mainbody3 .menu .mNum {margin-top:0}
}
@media screen and (max-width:699px){
	#mainbody3 .datalist .item .wrap1 .tg1 .h1 {font-size:20px;line-height:24px;}	
}
@media screen and (max-width:599px){
	#mainbody3 {margin-top:40px;}
	#mainbody3 .datalist {margin-left:-300px;margin-right:-300px;padding:0}
	#mainbody3 .datalist .slick-list {padding-bottom:20px;}
	#mainbody3 .datalist .item .wrap1 {margin-left:20px;margin-right:20px;}
	#mainbody3 .datalist .item .wrap1 .f1 {padding-bottom:65.28%;}
	#mainbody3 .datalist .item .wrap1 .tg1 {padding-bottom:25px}
	#mainbody3 .datalist .item .wrap1 .tg1 .h1 {font-size:18px}
	#mainbody3 .menu .m.prev, #mainbody3 .menu .m.next {margin-top:-25px;width:43px;height:43px;background-size:700px auto;}
	#mainbody3 .menu .m.prev {background-position:-214px -181px}
	#mainbody3 .menu .m.next {right:-10px;background-position:-258px -181px}	
}
@media screen and (max-width:499px){
	#mainbody3 .datalist .item .wrap1 {margin-left:15px;margin-right:15px;}
	#mainbody3 .datalist .item .wrap1 .tg1 {padding-left:20px;padding-right:20px;}
	#mainbody3 .datalist .item .wrap1 .tg1 .lst {padding-top:20px}
	#mainbody3 .menu .m.prev, #mainbody3 .menu .m.next {margin-top:-20px;width:43px;height:43px;background-size:700px auto;box-shadow:5px 5px 10px rgba(0,0,0,.15)}
	#mainbody3 .menu .m.prev {left:-7px;background-position:-214px -181px}
	#mainbody3 .menu .m.next {right:-7px;background-position:-258px -181px}	
}
@media screen and (max-width:399px){
	#mainbody3 .datalist .item .wrap1 .tg1 {padding:20px 18px 15px;}
	#mainbody3 .datalist .item .wrap1 .tg1 .h1 {font-size:18px}
	#mainbody3 .datalist .item .wrap1 .tg1 .lst {padding-top:10px}
}
@media screen and (max-width:349px){	
	#mainbody3 .datalist {margin-left:-250px;margin-right:-250px;}	
	#mainbody3 .datalist .item .wrap1 {margin-left:10px;margin-right:10px}
}

/* mainbody4 */
#mainbody4 {padding:80px 0 90px;margin-top:70px}
#mainbody4:after {position:absolute;top:0;left:50%;margin-left:-100%;content:"";display:block;width:200%;height:100%;background:#f2f3f7;z-index:-1}
#mainbody4 .datalist {margin-right:-340px;transition:margin .35s ease .05s}
#mainbody4 .datalist .item a {position:relative;display:block;margin-right:30px;border-radius:20px;overflow:hidden;padding-bottom:90%;z-index:1;color:#fff;}
#mainbody4 .datalist .item a:before {position:absolute;bottom:0;right:0;content:"";display:block;width:370px;height:360px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;z-index:-1}
#mainbody4 .datalist .item a .h1 {position:absolute;top:50px;left:40px;font-size:18px;font-weight:500}
#mainbody4 .datalist .item a .h1 span {font-size:166.7%;display:block;font-weight:600}
#mainbody4 .datalist .item a .h1:after {position:absolute;top:90px;left:0;content:"";display:block;width:50px;height:50px;background:url(../../img/main/main_sprite.png) no-repeat -882px -258px / 1000px auto;border-radius:100%;}
#mainbody4 .datalist .item a .h1 span:after {position:relative;content:"";display:inline-block;vertical-align:top;width:100%;height:0;background:rgba(255,255,255,.3);margin-top:0;border-radius:10px;z-index:1;opacity:0;transition:all .4s ease}
#mainbody4 .datalist .item a:hover .h1 span:after {opacity:1;height:8px;margin-top:-10px;}
#mainbody4 .datalist .item a:focus-visible {outline-color:#000;}
#mainbody4 .datalist .item.n1 a {background-color:#1d6eb0;}
#mainbody4 .datalist .item.n2 a {background-color:#F85992;}
#mainbody4 .datalist .item.n3 a {background-color:#07818e;}
#mainbody4 .datalist .item.n4 a {background-color:#ee6c6c;}
#mainbody4 .datalist .item.n5 a {background-color:#4d8693;}
#mainbody4 .datalist .item.n6 a {background-color:#1e3ba2;}
#mainbody4 .datalist .item.n1 a:before {background-position:0 -411px}
#mainbody4 .datalist .item.n2 a:before {background-position:-372px -411px}
#mainbody4 .datalist .item.n3 a:before {background-position:0 -773px}
#mainbody4 .datalist .item.n4 a:before {background-position:-372px -773px}
#mainbody4 .datalist .item.n5 a:before {background-position:0 -1135px}
#mainbody4 .datalist .item.n6 a:before {background-position:-372px -1135px}
#mainbody4 .menu {top:80px;right:0;padding-top:8px;padding-right:140px;}
#mainbody4 .menu .m.prev, #mainbody4 .menu .m.next {position:absolute;top:-8px;width:56px;height:56px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;border:0;border-radius:100%;}
#mainbody4 .menu .m.prev {right:63px;background-position:-310px -261px}
#mainbody4 .menu .m.next {right:0;background-position:-371px -261px}
@media screen and (max-width:1259px){
	#mainbody4 {margin-top:50px;padding-top:65px}
	#mainbody4 .datalist {margin-right:-20px;padding-left:20px;padding-right:20px}
	#mainbody4 .datalist .item a {margin-right:20px}
	#mainbody4 .datalist .item a .h1 {font-size:16px;width:calc(100% - 40px);}
	#mainbody4 .datalist .item a .h1:after {margin-top:0;position:absolute;top:0;right:30px;left:auto;}
	#mainbody4 .datalist .item a:before {width:296px;height:288px;background-size:800px auto;}
	#mainbody4 .datalist .item.n1 a:before {background-position:0 -329px}
	#mainbody4 .datalist .item.n2 a:before {background-position:-298px -329px}
	#mainbody4 .datalist .item.n3 a:before {background-position:0 -618px}
	#mainbody4 .datalist .item.n4 a:before {background-position:-298px -618px}
	#mainbody4 .datalist .item.n5 a:before {background-position:0 -908px}
	#mainbody4 .datalist .item.n6 a:before {background-position:-298px -908px}
	#mainbody4 .menu {top:auto;right:auto;padding-right:0}
	#mainbody4 .menu .mNum {top:65px}
	#mainbody4 .menu .m.prev, #mainbody4 .menu .m.next {top:50%;}
	#mainbody4 .menu .m.prev {right:auto;left:-10px;}
	#mainbody4 .menu .m.next {right:-10px}
}
@media screen and (max-width:999px){
	#mainbody4 {position:relative;padding:60px 0 70px;margin-top:50px}
	#mainbody4 .datalist .item a .h1 {top:35px;left:35px;text-shadow:0 0 10px rgba(0,0,0,.5)}
	#mainbody4 .datalist .item a .h1:after {display:none}
	#mainbody4 .datalist .item a .h1 span {font-size:143%}
	#mainbody4 .menu .mNum {top:auto;}
	#mainbody4 .menu .m.prev, #mainbody4 .menu .m.next {margin-top:-28px}
}
@media screen and (max-width:768px){
	#mainbody4 .datalist .item a {padding-bottom:80%}
}
@media screen and (max-width:699px){
	#mainbody4 .datalist .item a .h1 {font-size:15px;}
}
@media screen and (max-width:599px){
	#mainbody4 {padding-top:40px;padding-bottom:40px;margin-top:40px;}
	#mainbody4 .datalist {position:static;margin:auto -300px}
	#mainbody4 .datalist .item a {margin-left:20px;margin-right:20px;padding-bottom:70%}
	#mainbody4 .menu .m.prev, #mainbody4 .menu .m.next {margin-top:-20px;width:43px;height:43px;background-size:700px auto;box-shadow:5px 5px 10px rgba(0,0,0,.15)}
	#mainbody4 .menu .m.prev {background-position:-214px -181px}
	#mainbody4 .menu .m.next {right:-7px;background-position:-258px -181px}	
}
@media screen and (max-width:499px){
	#mainbody4 .datalist .item a {margin-left:15px;margin-right:15px;}
	#mainbody4 .datalist .item a .h1 {top:30px;left:25px;}
}
@media screen and (max-width:449px){
	#mainbody4 .datalist .item a .h1 span {font-size:140%}
}
@media screen and (max-width:399px){
	#mainbody4 .datalist {margin-left:-330px;margin-right:-330px;}
	#mainbody4 .datalist .item a {margin-left:15px;margin-right:15px;}
}
@media screen and (max-width:349px){	
	#mainbody4 .datalist {margin-left:-250px;margin-right:-250px;}	
	#mainbody4 .datalist .item a {margin-left:10px;margin-right:10px;}
}


/* mainbody5 */
#mainbody5 {margin-top:80px;margin-bottom:100px;}
#mainbody5 .ht1 {position:relative;padding-left:91px;}
#mainbody5 .ht1 span {position:absolute;top:-16px;left:0;display:block;width:82px;height:77px;background:url(../../img/main/main_sprite.png) no-repeat -549px -258px / 1000px auto;text-indent:-9999px;}
#mainbody5 .datalist {margin-right:-20px;}
#mainbody5 .datalist .item a {display:block;margin-right:20px;}
#mainbody5 .datalist .item a .f1 {position:relative;display:block;width:100%;height:0;overflow:hidden;padding-bottom:100%;border-radius:20px;}
#mainbody5 .datalist .item a .f1 .f1p1 {position:absolute;top:0;left:0;width:100%;height:100%}
#mainbody5 .datalist .item a .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:all .35s ease}
#mainbody5 .datalist .item a:hover .f1 .f1p1 img {transform:scale(1.1)}
#mainbody5 .datalist .item a:focus-visible {outline-offset:-1px;}
#mainbody5 .datalist .slick-arrow {position:absolute;top:50%;width:62px;height:62px;background:#fff url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;border-radius:100%;margin-top:-31px;text-indent:-9999px;border:0;z-index:1}
#mainbody5 .datalist .slick-prev {left:-31px;background-position:-305px -258px}
#mainbody5 .datalist .slick-next {right:-11px;background-position:-369px -258px}
#mainbody5 .menu {right:0;padding-top:7px;padding-right:190px;}
#mainbody5 .menu .lst {position:absolute;top:-7px;right:0;}
#mainbody5 .menu .lst li {float:left;margin-left:11px;}
#mainbody5 .menu .lst li a {display:block;width:48px;height:48px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;border-radius:100%;}
#mainbody5 .menu .lst li a:focus-visible {outline-color:#000}
#mainbody5 .menu .lst li.facebook a {background-position:-633px -258px}
#mainbody5 .menu .lst li.blog a {background-position:-683px -258px}
#mainbody5 .menu .lst li.insta a {background-position:-733px -258px}
@media screen and (max-width:1259px){
	#mainbody5 .datalist {padding-left:20px;padding-right:20px;}
	#mainbody5 .menu {position:static;top:auto;right:auto;padding-right:0}
	#mainbody5 .menu .mNum {top:6px;right:200px;}
	#mainbody5 .datalist .slick-prev {left:-10px}
	#mainbody5 .datalist .slick-next {right:7px}
}
@media screen and (max-width:999px){
	#mainbody5 {margin-top:60px;margin-bottom:80px}
	#mainbody5 .menu .mNum {top:auto;right:auto;}
}
@media screen and (max-width:768px){
	#mainbody5 .ht1 {padding-left:0;padding-bottom:40px;}
	#mainbody5 .ht1 span {position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;margin:-4px 10px 0 0;width:66px;height:62px;background-size:800px auto;background-position:-439px -206px;}
	#mainbody5 .menu .lst {top:60px;width:100%;text-align:center;}
	#mainbody5 .menu .lst li {float:none;display:inline-block;vertical-align:top;margin:0 3px}
	#mainbody5 .menu .lst li a {width:38px;height:38px;background-size:800px auto;}
	#mainbody5 .menu .lst li.facebook a {background-position:-506px -206px}
	#mainbody5 .menu .lst li.blog a {background-position:-546px -206px}
	#mainbody5 .menu .lst li.insta a {background-position:-586px -206px}
	#mainbody5 .datalist .slick-arrow {width:54px;height:54px;margin-top:-27px}
	#mainbody5 .datalist .slick-prev {left:-16px;background-position:-310px -263px}
	#mainbody5 .datalist .slick-next {right:10px;background-position:-371px -263px}
}
@media screen and (max-width:599px){
	#mainbody5 {position:relative;margin-top:40px;margin-bottom:40px}
	#mainbody5 .datalist {position:static;margin-left:-300px;margin-right:-300px;max-width:none;}
	#mainbody5 .datalist .item a {margin-left:20px;margin-right:20px;}
	#mainbody5 .datalist .slick-arrow {margin-top:20px;width:43px;height:43px;background-size:700px auto;box-shadow:5px 5px 10px rgba(0,0,0,.15)}
	#mainbody5 .datalist .slick-prev {left:-11px;background-position:-214px -181px}
	#mainbody5 .datalist .slick-next {right:-11px;background-position:-258px -181px}	
}
@media screen and (max-width:499px){
	#mainbody5 .ht1 span {width:49px;height:46px;background-size:600px auto;background-position:-329px -155px}
	#mainbody5 .datalist .item a {margin-left:15px;margin-right:15px;}
	#mainbody5 .menu .lst {top:50px}
	#mainbody5 .menu .lst li {margin:0 1px}
	#mainbody5 .menu .lst li a {width:30px;height:30px;background-size:600px auto;}
	#mainbody5 .menu .lst li.facebook a {background-position:-379px -155px}
	#mainbody5 .menu .lst li.blog a {background-position:-410px -155px}
	#mainbody5 .menu .lst li.insta a {background-position:-440px -155px}
}
@media screen and (max-width:399px){	
	#mainbody5 .datalist {margin-left:-330px;margin-right:-330px;}
	#mainbody5 .datalist .item a {margin-left:15px;margin-right:15px;}
}
@media screen and (max-width:349px){	
	#mainbody5 .datalist {margin-left:-250px;margin-right:-250px;}	
	#mainbody5 .datalist .item a {margin-left:10px;margin-right:10px;}
}

/* 간편모드 */
#msearch2 {position:relative;max-width:820px;height:80px;border:3px solid #000;border-radius:40px;margin:60px auto auto;box-sizing:border-box;background:#fff}
#msearch2:before {position:absolute;top:-63px;left:50%;content:"";display:block;width:994px;height:292px;background:url(/_res/tour/img/main/msearch2_bg.png) no-repeat 0 0 / cover;margin-left:-497px;z-index:-1}
#msearch2 form {position:relative;padding:7px 140px 7px 40px;height:100%;box-sizing:border-box;}
#msearch2 form * {margin:0;border:0;padding:0;vertical-align:top;}
#msearch2 form input.text {width:100%;height:100%;font-size:24px;color:#303440;font-weight:500;}
#msearch2 form input.text::-webkit-input-placeholder {color:#303440; } /* WebKit browsers */
#msearch2 form input.text:-moz-placeholder {color:#303440; } /* Mozilla Firefox 4 to 18 */
#msearch2 form input.text::-moz-placeholder {color:#303440; } /* Mozilla Firefox 19+ */
#msearch2 form input.text:-ms-input-placeholder {color:#303440; } /* Internet Explorer 10+ */
#msearch2 form .b1 {position:absolute;top:7px;width:60px;height:60px;background-repeat:no-repeat;background-position:0 0;border-radius:100%;border:0;margin:0}
#msearch2 form .b1.voicesearch {right:76px;background-image:url(/_res/tour/img/main/ic120a1voice.png);background-size:cover;}
#msearch2 form .b1.search {right:11px;background-image:url(/_res/tour/img/main/simple_sprite.png);background-size:1000px auto;}
@media screen and (max-width:999px){
	#msearch2:before {width:795px;height:234px;margin-left:-397.5px}
}
@media screen and (max-width:768px){
	#msearch2 {height:72px;}
	#msearch2:before {width:596px;height:175px;margin-left:-298px;}
	#msearch2 form {padding-left:36px}
	#msearch2 form input.text {font-size:20px;}
	#msearch2 form .b1 {width:54px;height:54px;}
	#msearch2 form .b1.search {background-position:-2px -2px;}
}
@media screen and (max-width:599px){
	#msearch2:before {top:-53px;width:447px;height:131px;margin-left:-224px;}
	#msearch2 {height:64px;margin-top:50px;}
	#msearch2 form {padding-left:28px;padding-right:117px;}
	#msearch2 form input.text {font-size:18px;}
	#msearch2 form .b1 {top:5px;width:48px;height:48px;}
	#msearch2 form .b1.search {right:5px;background-position:-5px -5px;}
	#msearch2 form .b1.voicesearch {right:60px;}
}
@media screen and (max-width:459px){
	#msearch2:before {top:-43px}
	#msearch2 form {padding-left:20px;}
	#msearch2 form input.text {font-size:16px;}
	#msearch2 form .b1 {top:8px;width:42px;height:42px;}
	#msearch2 form .b1.search {background-size:800px auto;background-position:-3px -2px}
	#msearch2 form .b1.voicesearch {right:52px;}
}
@media screen and (max-width:449px){
	#msearch2 {margin-top:40px;}
}
@media screen and (max-width:399px){
	#msearch2:before {top:-33px}
	#msearch2 {margin-top:30px;height:58px;}
	#msearch2 form {padding-left:15px;padding-right:95px;}
	#msearch2 form input.text {font-size:15px;}
	#msearch2 form .b1 {top:5px}
}

#menu1 {position:relative;max-width:1000px;margin:auto auto 60px;z-index:1}
#menu1:after {content:"";display:block;clear:both;}
#menu1 li {float:left;width:calc(25% - 30px);margin-left:40px;margin-bottom:40px;}
#menu1 li:nth-child(4n +1) {margin-left:0}
#menu1 li a {position:relative;display:block;width:208px;height:208px;box-shadow:15px 15px 30px rgba(0,0,0,.1);border-radius:30px;text-align:center;font-size:20px;font-weight:500;color:#000;letter-spacing:-.05em;padding-top:50px;box-sizing:border-box;background:#fff;margin:auto;transition:padding .35s ease;}
#menu1 li a .t1 {position:relative;display:inline-block;z-index:2}
#menu1 li a:before {position:relative;content:"";display:block;width:111px;height:82px;background:url(/_res/tour/img/main/simple_sprite.png) no-repeat;background-size:800px auto;margin:auto auto 15px;transition:all .35s ease;z-index:2} /* 80% 축소 */
/* 아이콘 */
#menu1 li.n1 a:before {background-position:-50px 0}
#menu1 li.n2 a:before {background-position:-162px 0}
#menu1 li.n3 a:before {background-position:-275px 0}
#menu1 li.n4 a:before {background-position:-388px 0}
#menu1 li.n5 a:before {background-position:-501px 0}
#menu1 li.n6 a:before {background-position:-614px 0}
#menu1 li.n7 a:before {background-position:0 -150px}
#menu1 li.n8 a:before {background-position:-113px -150px}
#menu1 li.n9 a:before {background-position:-226px -150px}
#menu1 li.n10 a:before {background-position:-338px -150px}
#menu1 li.n11 a:before {background-position:-451px -150px}
#menu1 li.n12 a:before {background-position:-564px -150px}
#menu1 li.n13 a:before {background-position:-677px -150px}
#menu1 li.n14 a:before {background-position:0 -234px}
#menu1 li.n15 a:before {background-position:-113px -234px}
#menu1 li.n16 a:before {background-position:-226px -234px}
@media screen and (min-width:1260px){
	#menu1 li a:hover, #menu1 li a:focus {box-shadow:none;font-size:24px;font-weight:700;color:#fff;padding-top:25px;}
	#menu1 li a:after {position:absolute;top:50%;left:50%;content:"";display:block;width:calc(70% + 20px);height:calc(70% + 20px);background:linear-gradient(200deg, #fdc408, #c92026 88%);border-radius:30px;opacity:0;margin:-35%;}
	#menu1 li a:hover:after, #menu1 li a:focus:after {top:-10px;left:-10px;opacity:1;width:calc(100% + 20px);height:calc(100% + 20px);border-radius:60px;margin:0;transition:all .35s ease .05s;box-shadow:10px 10px 20px rgba(0,0,0,.15);}
	#menu1 li a:hover:before, #menu1 li a:focus:before {width:139px;height:103px;background-size:1000px auto;}
	/* 마우스 오버시 아이콘 */
	#menu1 li.n1 a:hover:before, #menu1 li.n1 a:focus:before {background-position:-62px 0}
	#menu1 li.n2 a:hover:before, #menu1 li.n2 a:focus:before {background-position:-203px 0}
	#menu1 li.n3 a:hover:before, #menu1 li.n3 a:focus:before {background-position:-344px 0}
	#menu1 li.n4 a:hover:before, #menu1 li.n4 a:focus:before {background-position:-485px 0}
	#menu1 li.n5 a:hover:before, #menu1 li.n5 a:focus:before {background-position:-626px 0}
	#menu1 li.n6 a:hover:before, #menu1 li.n6 a:focus:before {background-position:-767px 0}
	#menu1 li.n7 a:hover:before, #menu1 li.n7 a:focus:before {background-position:0 -187px}
	#menu1 li.n8 a:hover:before, #menu1 li.n8 a:focus:before {background-position:-141px -187px}
	#menu1 li.n9 a:hover:before, #menu1 li.n9 a:focus:before {background-position:-282px -187px}
	#menu1 li.n10 a:hover:before, #menu1 li.n10 a:focus:before {background-position:-423px -187px}
	#menu1 li.n11 a:hover:before, #menu1 li.n11 a:focus:before {background-position:-564px -187px}
	#menu1 li.n12 a:hover:before, #menu1 li.n12 a:focus:before {background-position:-705px -187px}	
	#menu1 li.n13 a:hover:before, #menu1 li.n13 a:focus:before {background-position:-846px -187px}
	#menu1 li.n14 a:hover:before, #menu1 li.n14 a:focus:before {background-position:0 -292px}	
	#menu1 li.n15 a:hover:before, #menu1 li.n15 a:focus:before {background-position:-141px -292px}
	#menu1 li.n16 a:hover:before, #menu1 li.n16 a:focus:before {background-position:-282px -292px}	
}
@media screen and (max-width:999px){
	#menu1 {margin-bottom:40px;}
	#menu1 li a {width:182px;height:182px;padding-top:35px;font-size:18px;}
}
@media screen and (max-width:768px){
	#menu1 {text-align:center;margin-top:30px}
	#menu1 li {float:none;display:inline-block;vertical-align:top;width:calc(33.33% - 24px);margin-bottom:30px;margin-left:30px;}
	#menu1 li:nth-child(4n +1) {margin-left:30px;}
	#menu1 li:nth-child(3n+1) {margin-left:0}
}
@media screen and (max-width:599px){
	#menu1 li {width:calc(50% - 17px);}
	#menu1 li:nth-child(3n+1) {margin-left:30px}	
	#menu1 li:nth-child(odd) {margin-left:0}	
}
@media screen and (max-width:449px){
	#menu1 li {margin-left:20px;margin-bottom:20px;width:calc(50% - 12px);}
	#menu1 li:nth-child(3n+1) {margin-left:20px}	
	#menu1 li:nth-child(odd) {margin-left:0}	
	#menu1 li a {width:100%;height:166px;padding-top:30px}
	#menu1 li a:before {width:97px;height:72px;margin-bottom:10px;background-size:700px auto;}
	#menu1 li.n1 a:before {background-position:-43px 0}
	#menu1 li.n2 a:before {background-position:-142px 0}
	#menu1 li.n3 a:before {background-position:-241px 0}
	#menu1 li.n4 a:before {background-position:-340px 0}
	#menu1 li.n5 a:before {background-position:-438px 0}
	#menu1 li.n6 a:before {background-position:-537px 0}
	#menu1 li.n7 a:before {background-position:0 -131px}
	#menu1 li.n8 a:before {background-position:-99px -131px}
	#menu1 li.n9 a:before {background-position:-197px -131px}
	#menu1 li.n10 a:before {background-position:-296px -131px}
	#menu1 li.n11 a:before {background-position:-395px -131px}
	#menu1 li.n12 a:before {background-position:-494px -131px}
	#menu1 li.n13 a:before {background-position:-592px -131px}
	#menu1 li.n14 a:before {background-position:0 -204px}
	#menu1 li.n15 a:before {background-position:-99px -204px}
	#menu1 li.n16 a:before {background-position:-197px -204px}
}
@media screen and (max-width:399px){
	#menu1 {margin-bottom:30px;}
	#menu1 li a {height:146px;padding-top:15px}	
}
@media screen and (max-width:349px){
	#menu1 li {margin-left:15px;margin-bottom:15px;width:calc(50% - 10px);}
	#menu1 li:nth-child(3n+1) {margin-left:15px}	
	#menu1 li:nth-child(odd) {margin-left:0}	
	#menu1 li a {height:135px;}	
}

#sns1 {margin:55px 0;text-align:center;}
#sns1 li {display:inline-block;vertical-align:top;margin:0 15px}
#sns1 li a {display:block;width:80px;height:80px;background:#f7f8fd url(/_res/tour/img/main/simple_sprite.png) no-repeat;background-size:1000px auto;border-radius:100%;}
#sns1 li.facebook a {background-position:0 -105px}
#sns1 li.blog a {background-position:-82px -105px}
#sns1 li.insta a {background-position:-164px -105px}
#sns1 li.youtb a {background-position:-246px -105px}
#sns1 li.kakaochanel a {background-position:-328px -105px}
@media screen and (max-width:768px){
	#sns1 {margin:45px 0;}
	#sns1 li {margin:0 7px;}
	#sns1 li a {width:56px;height:56px;background-size:700px auto;}
	#sns1 li.facebook a {background-position:0 -74px}
	#sns1 li.blog a {background-position:-57px -74px}
	#sns1 li.insta a {background-position:-115px -74px}
	#sns1 li.youtb a {background-position:-172px -74px}
	#sns1 li.kakaochanel a {background-position:-230px -74px}
}
@media screen and (max-width:499px){
	#sns1 li {margin:0 2px}
	#sns1 li a {width:40px;height:40px;background-size:500px auto;}
	#sns1 li.facebook a {background-position:0 -53px}
	#sns1 li.blog a {background-position:-41px -53px}
	#sns1 li.insta a {background-position:-82px -53px}
	#sns1 li.youtb a {background-position:-123px -53px}
	#sns1 li.kakaochanel a {background-position:-164px -53px}
}

/* 통영U투어사용법 가이드 */
#guide1 {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999}
#guide1.open {display:block;}
#guide1 .container {position:relative;max-width:1300px;width:100%;margin:2% auto;box-shadow:0 0 20px rgba(0,0,0,.5);border-radius:20px}
#guide1 .container .hg1 {background:#54565a;color:#fff;border-radius:20px 20px 0 0;padding:0 25px;height:70px;}
#guide1 .container .hg1 * {display:inline-block;vertical-align:top;font-family:"HANAMDAUM", sans-serif;margin:0;font-size:20px;line-height:74px;font-weight:500}
#guide1 .container .hg1 .h1 {position:relative;margin-right:17px;padding-right:17px;}
#guide1 .container .hg1 .h1:after {position:absolute;top:50%;right:0;content:"";display:block;width:1px;height:10px;background:rgba(255,255,255,.3);margin-top:-5px;}
#guide1 .container .tg1 {position:relative;background:#fff;border-radius:0 0 20px 20px;overflow:hidden;}
#guide1 .container .tg1 .f1 {position:relative;width:100%;height:0;padding-bottom:49.23%;display:block;overflow:hidden;}
#guide1 .container .tg1 img {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
#guide1 .container .tg1 .info1txt {list-style:none;margin:0;padding:0;}
#guide1 .container .tg1 .info1txt li {position:absolute;font-size:15px;line-height:16px;color:#000;font-weight:600;background:#fff;border-radius:16px;border:3px solid #ac0d33;padding:11px 15px;box-shadow:3px 3px 5px rgba(0,0,0,.2);z-index:1}
#guide1 .container .tg1 .info1txt li span {display:block;}
#guide1 .container .tg1 .info1txt li:after {position:absolute;bottom:-10px;left:20px;content:"";display:block;width:11px;height:10px;background:url(../../img/main/ic11a1arr.png) no-repeat 0 0 / cover;}
#guide1 .container .btns {position:absolute;top:17px;right:20px}
#guide1 .container .btns input[type=checkbox] {position:relative;margin:0;width:22px;height:22px;-webkit-appearance:none;appearance:none;}
#guide1 .container .btns input[type=checkbox]:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;background:url(../../img/main/ic44a1checkbox1off.png) no-repeat 0 0 / cover;}
#guide1 .container .btns input[type=checkbox]:checked:before {background-image:url(../../img/main/ic44a1checkbox1on.png)}
#guide1 .container .btns label {color:#fff;font-size:15px;font-weight:500;padding:0;margin:0 10px 0 0;}
#guide1 .container .btns .b1.close {position:relative;width:36px;height:36px;border-radius:100%;background:rgba(255,255,255,.1);border:0;margin:0}
#guide1 .container .btns .b1.close:before, #guide1 .container .btns .b1.close:after {position:absolute;top:50%;left:50%;content:"";display:block;width:1px;height:15px;background:#fff;margin-top:-7.5px;}
#guide1 .container .btns .b1.close:before {transform:rotate(45deg)}
#guide1 .container .btns .b1.close:after {transform:rotate(-45deg)}
@media screen and (min-width:1260px){
	/* 설명글 위치 */
	#guide1 .container .tg1 .info1txt li.n1 {top:1.6%;left:1.5%}
	#guide1 .container .tg1 .info1txt li.n2 {top:1.6%;left:19.1%}
	#guide1 .container .tg1 .info1txt li.n3 {top:1.6%;left:46.2%}
	#guide1 .container .tg1 .info1txt li.n4 {top:1.6%;left:61.5%}
	#guide1 .container .tg1 .info1txt li.n5 {top:19.1%;left:13.8%}
	#guide1 .container .tg1 .info1txt li.n6 {top:19.1%;left:51.5%}
	#guide1 .container .tg1 .info1txt li.n7 {top:36.9%;left:8.8%}
	#guide1 .container .tg1 .info1txt li.n8 {top:1.6%;left:77%}
	#guide1 .container .tg1 .info1txt li.n9 {top:1.6%;left:89.4%}
	#guide1 .container .tg1 .info1txt li.n10 {top:83.4%;left:78.3%}
}
@media screen and (max-width:1348px){
	#guide1 .container {margin-left:24px;margin-right:24px;width:auto;}
}
@media screen and (max-width:1259px){
	#guide1 .container .tg1 .f1 {padding-bottom:66.7196%;}
	#guide1 .container .tg1 .info1txt li {padding:8px 16px;}
	#guide1 .container .tg1 .info1txt li.n1 {top:20.2%;right:1.15%}
	#guide1 .container .tg1 .info1txt li.n1:after {bottom:auto;top:-10px;left:auto;right:10px;transform:rotate(-180deg)}
	#guide1 .container .tg1 .info1txt li.n2 {top:2%;right:37.5%}
	#guide1 .container .tg1 .info1txt li.n3 {top:2%;right:4.5%}
	#guide1 .container .tg1 .info1txt li.n4 {top:20.2%;right:15%}
	#guide1 .container .tg1 .info1txt li.n4:after {bottom:auto;top:-10px;left:auto;right:10px;transform:rotate(-180deg)}
	#guide1 .container .tg1 .info1txt li.n5 {top:23.5%;left:38%}
	#guide1 .container .tg1 .info1txt li.n6 {top:30.5%;left:63.7%}
	#guide1 .container .tg1 .info1txt li.n7 {top:49.5%;left:9%}
	#guide1 .container .tg1 .info1txt li.n8 {top:72%;left:16%}
	#guide1 .container .tg1 .info1txt li.n9 {top:72%;right:23%}
	#guide1 .container .tg1 .info1txt li.n10 {top:86%;left:1.5%}
}
@media screen and (max-width:999px){
	#guide1 .container {max-width:768px;margin-left:auto;margin-right:auto;}
	#guide1 .container .hg1 {height:auto;padding:17px 30px 12px}
	#guide1 .container .hg1 * {line-height:1.3}
	#guide1 .container .hg1 .h1 {display:block;}
	#guide1 .container .hg1 .h1:after {display:none}
	#guide1 .container .tg1 .f1 {padding-bottom:127.6042%;}
	#guide1 .container .tg1 .info1txt li {font-size:14px;line-height:15px;padding:6px 13px;}	
	#guide1 .container .tg1 .info1txt li.n1 {top:15.5%;right:2.2%}
	#guide1 .container .tg1 .info1txt li.n2 {top:1%;right:auto;left:2%;}
	#guide1 .container .tg1 .info1txt li.n3 {top:1%;right:6.5%;}
	#guide1 .container .tg1 .info1txt li.n4 {top:15.5%;right:19%}
	#guide1 .container .tg1 .info1txt li.n5 {top:16.2%;}
	#guide1 .container .tg1 .info1txt li.n6 {top:31.8%;left:66%;}
	#guide1 .container .tg1 .info1txt li.n6:after {bottom:auto;top:-10px;left:auto;right:10px;transform:rotate(-180deg)}
	#guide1 .container .tg1 .info1txt li.n7 {top:36.5%;left:12%;}
	#guide1 .container .tg1 .info1txt li.n8 {top:76%;}
	#guide1 .container .tg1 .info1txt li.n9 {top:76%;right:18%;}
	#guide1 .container .tg1 .info1txt li.n10 {top:89%;left:2.5%;}
	#guide1 .container .btns {top:26px}
}
@media screen and (max-width:800px){
	#guide1 .container {margin-left:16px;margin-right:16px;}
}
@media screen and (max-width:699px){
	#guide1 .container {max-width:334px;margin-left:auto;margin-right:auto;}
	#guide1 .container .hg1 {text-align:center;padding:17px 15px 38px}
	#guide1 .container .hg1 * {font-size:16px}
	#guide1 .container .hg1 .h1 {margin-right:0;padding-right:0}
	#guide1 .container .tg1 .f1 {padding-bottom:194.6%;}
	#guide1 .container .btns {top:62px;right:0;width:100%;text-align:center;}
	#guide1 .container .btns label {font-size:14px}
	#guide1 .container .tg1 .info1txt li.n1 {top:4.5%;right:2.5%;}
	#guide1 .container .tg1 .info1txt li.n1:after {bottom:-10px;top:auto;right:10px;transform:rotate(0deg)}
	#guide1 .container .tg1 .info1txt li.n2 {top:0;left:3%}
	#guide1 .container .tg1 .info1txt li.n3 {display:none;}
	#guide1 .container .tg1 .info1txt li.n4 {top:19.5%;right:11%}
	#guide1 .container .tg1 .info1txt li.n4:after {right:auto;left:10px}
	#guide1 .container .tg1 .info1txt li.n5 {top:18.2%;left:9%}
	#guide1 .container .tg1 .info1txt li.n5:after {left:auto;right:20px;}
	#guide1 .container .tg1 .info1txt li.n6 {top:43%;left:34.6%;}
	#guide1 .container .tg1 .info1txt li.n6:after {right:auto;left:10px}
	#guide1 .container .tg1 .info1txt li.n7 {top:51.5%;left:9%}
	#guide1 .container .tg1 .info1txt li.n8 {top:69%;left:12%;}
	#guide1 .container .tg1 .info1txt li.n9 {top:69%;right:7%;}
	#guide1 .container .tg1 .info1txt li.n10 {top:85%;}
}
@media screen and (max-width:366px){
	#guide1 .container {margin-left:16px;margin-right:16px;}
}
@media screen and (max-width:339px){
	#guide1 .container .hg1 * {font-size:15px}
	#guide1 .container .btns .b1.close {width:30px;height:30px;}

}