@charset "utf-8";




/*Main Common*/
p{margin:0;}
#main, p, span, a, a:link{line-height:1.5;font-family:'Spoqa Han Sans Neo';/* color:#171717; */}
#main a{text-decoration:none;}





/*Visual*/
#main #visual{
	font-size:10px;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;  position: relative;
}
#main #visual .vbx{position:relative;height: 78em;}
#main #visual .vbx .slogan{position:absolute; top:12em; left:0; z-index:1; width:100%; text-align:center;}
#main #visual .vbx .slogan .infos{display:block; margin-bottom:4.8em; text-align:center;}
#main #visual .vbx .slogan .infos>span{display:inline-block; vertical-align:middle; font-size:2.3em; color:#fff;}
#main #visual .vbx .slogan .infos>i{position:relative;; display:inline-block; margin-left:0.6em; padding-left:1.7em; font-size:3em; font-style:normal; font-weight:500; vertical-align:middle; color:#fff; box-sizing:border-box;}
#main #visual .vbx .slogan .infos>i:before{content:""; position:absolute; top:0; left:0; width:1.467em; height:1.4em; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
#main #visual .vbx .slogan .infos>i[data-type="cloudy"]:before{background-image:url(../../images/tour/main2/weather_type_01.svg);}
#main #visual .vbx .slogan .infos>i[data-type="snowy"]:before{background-image:url(../../images/tour/main2/weather_type_02.svg);}
#main #visual .vbx .slogan .infos>i[data-type="sunny"]:before{background-image:url(../../images/tour/main2/weather_type_03.svg);}
#main #visual .vbx .slogan .infos>i[data-type="blur"]:before{background-image:url(../../images/tour/main2/weather_type_04.svg);}
#main #visual .vbx .slogan .infos>i[data-type="rainy"]:before{background-image:url(../../images/tour/main2/weather_type_06.svg);}
#main #visual .vbx .slogan .infos>i[data-type="snownrain"]:before{background-image:url(../../images/tour/main2/weather_type_07.svg);}
#main #visual .vbx .slogan>img{display:inline-block; width:49.4em;}

#main #visual .vbx .move{overflow:hidden; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%;}
#main #visual .vbx .move ul{overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
#main #visual .vbx .move ul li{position:absolute; left:100%; top:0; width:100%; height:100%;}
#main #visual .vbx .move ul li[data-count="1"]{left:0;}
#main #visual .vbx .move ul li .bgs{
	overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; /*text-indent:-2000px;*/
	transition:transform 1s ease; -webkit-transition:transform 1s ease;
}


#main #visual .vbx .move ul li .bgs img{ display: block; object-fit: cover; width: 100%; height: 100%; }

/*2025.08.28 이미지 로딩 지연으로 다이렉트로 수정*/

/*#main #visual .vbx .move ul li[data-count="1"] .bgs{background:url(../../images/tour/main2/visual_12.jpg) no-repeat center; background-size:cover;} 여름 머드축제*/


/*#main #visual .vbx .move ul li[data-count="1"] .bgs{background:url(../../images/tour/main2/visual_11.jpg) no-repeat center; background-size:cover;} 여름 짚트랙 */
/*#main #visual .vbx .move ul li[data-count="2"] .bgs{background:url(../../images/tour/main2/visual_03.jpg) no-repeat center; background-size:cover;} 보령호 */
/*#main #visual .vbx .move ul li[data-count="3"] .bgs{background:url(../../images/tour/main2/visual_05.jpg) no-repeat center; background-size:cover;} 무창포 해수욕장*/


/* four seasons */
/*#main #visual .vbx .move ul li.fourseasons01 .bgs{background:url(../../images/tour/main2/visual_03.jpg) no-repeat center; background-size:cover;} 보령호*/
/*#main #visual .vbx .move ul li.fourseasons02 .bgs{background:url(../../images/tour/main2/visual_05.jpg) no-repeat center; background-size:cover;} 무창포 해수욕장*/
/*#main #visual .vbx .move ul li.fourseasons03 .bgs{background:url(../../images/tour/main2/visual_02.jpg) no-repeat center; background-size:cover;} 청천저수지*/


/* 봄 */
/*#main #visual .vbx .move ul li.spring01 .bgs{background:url(../../images/tour/main2/visual_09.jpg) no-repeat center; background-size:cover;} 주산봄꽃축제 */


/* 여름 */
/*#main #visual .vbx .move ul li.summer01 .bgs{background:url(../../images/tour/main2/visual_11.jpg) no-repeat center; background-size:cover;} 여름 짚트랙 */
/*#main #visual .vbx .move ul li.summer02 .bgs{background:url(../../images/tour/main2/visual_01.jpg) no-repeat center; background-size:cover;} 여름 성주산 */
/*#main #visual .vbx .move ul li.summer03 .bgs{background:url(../../images/tour/main2/visual_01.jpg) no-repeat center; background-size:cover;} 여름 머드축제 포스터 */


/* 가을 */
/*#main #visual .vbx .move ul li.autumn01 .bgs{background:url(../../images/tour/main2/visual_13.jpg) no-repeat center; background-size:cover;} 가을 청라은행마을*/
/*#main #visual .vbx .move ul li.autumn02 .bgs{background:url(../../images/tour/main2/visual_04.jpg) no-repeat center; background-size:cover;} 가을 무궁화수목원*/


/* 겨울 */
/*#main #visual .vbx .move ul li.winter01 .bgs{background:url(../../images/tour/main2/visual_06.jpg) no-repeat center; background-size:cover;} 대천해수욕장 겨울바다*/
/*#main #visual .vbx .move ul li.winter02 .bgs{background:url(../../images/tour/main2/visual_07.jpg) no-repeat center; background-size:cover;} 겨울 신경섭전통가옥*/
/*#main #visual .vbx .move ul li.winter03 .bgs{background:url(../../images/tour/main2/visual_08.jpg) no-repeat center; background-size:cover;} 겨울 청라은행마을*/



#main #visual .vbx .move ul li.on .bgs{
	animation-name:visual_eff;
	animation-duration:5s;
	animation-timing-function:linear;
}
@keyframes visual_eff{
	0%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
#main #visual .vbx .move ul li .txts{width:100%; margin-top:50em; padding:0 12%; text-align:center; box-sizing:border-box;}
#main #visual .vbx .move ul li .txts>a{
	display:inline-block;
	transform:scale(1); -webkit-transform:scale(1);
	transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease;
}
#main #visual .vbx .move ul li .txts>a>strong{display:block; font-size:3em; font-weight:500; text-align:center; color:#fff;}
#main #visual .vbx .move ul li .txts>a>span{display:block; margin:0.3em 0 1em; font-size:2em; text-align:center; color:#fff; word-break:keep-all;white-space:normal;}
#main #visual .vbx .move ul li .txts>a>i{
	display:inline-block;
	/* height:2.8em; */
	padding: 0px 22px 26px;
	background: url(../../images/tour/main2/visual_more_btn.svg) repeat-x left bottom;
	background-size: 170px auto;
	font-size: 18px;
	font-style:normal;
	color:#fff;
}
#main #visual .vbx .move ul li .txts>a:hover{transform:scale(1.03); -webkit-transform:scale(1.03);}
#main #visual .vbx .move ul li .txts>a:hover>i{
	background-position:left -1000px bottom;
	transition:background 40s linear;
}

#main #visual .vbx .control{width:100%; height:100%;}
#main #visual .vbx .control a{overflow:hidden; text-indent:-2000px;}
#main #visual .vbx .control .btn_left,
#main #visual .vbx .control .btn_right{
	opacity:0.3; position:absolute; top:calc(50% - 4.6em); width:5.2em; height:9.2em; background:url(../../images/tour/main2/visual_arrow.svg) no-repeat 0 0;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
#main #visual .vbx .control .btn_left{left:4.5%; transform:rotate(180deg);}
#main #visual .vbx .control .btn_right{right:4.5%;}
#main #visual .vbx .control .btn_play,
#main #visual .vbx .control .btn_stop{position:absolute; bottom:6.7em; left:calc(50% + 6.5em); width:1.5em; height:1.7em;}
#main #visual .vbx .control .btn_play{background:url(../../images/tour/main2/visual_control_play.svg) no-repeat 0 0;}
#main #visual .vbx .control .btn_stop{background:url(../../images/tour/main2/visual_control_stop.svg) no-repeat 0 0;}
#main #visual .vbx .control>ul{position:absolute; bottom:7em; left:0; width:100%; margin-left:-1.2em; text-align:center;}
#main #visual .vbx .control>ul>li{display:inline-block; vertical-align:middle;}
#main #visual .vbx .control>ul>li:not(:first-child){margin-left:1.6em;}
#main #visual .vbx .control>ul>li>a{overflow:hidden; display:block; width:1em; height:1em; background-color:#fff; border-radius:50%;}

#main #visual .vbx .control .btn_left:hover,
#main #visual .vbx .control .btn_right:hover{opacity:1;}
#main #visual .vbx .control>ul>li>a.on{background-color:transparent; width:0.6em; height:0.6em; border:3px solid #fff;}

/* popupzone */
.popupzone {width:280px;height:auto;position: absolute;left: 2%;bottom:0;/* margin-left: -620px; */z-index: 101;}	
.popupzone .close_infor {width:90%;height:45px;padding:0 5%;position:absolute;left:0;bottom:0;z-index:10;background: rgba(0,0,0,0.7);display:none;}
.popupzone .close_infor .open_btn {display:inline-block;vertical-align:top;float:left;font-weight:600;color: #fff;font-size: 15px;height:45px;line-height:45px;padding:0 20px 0 0;background:url(../../images/tour/main/popupzone_bul.gif) no-repeat right 50%;}
.popupzone .close_infor p {float:right;color:#fff;font-size: 14px;margin:0;padding:11px 0 0 0;}	
.popupzone .open_infor {width:280px;height:335px;bottom:0px;background: rgba(0,0,0,0.7);position:absolute;z-index:1; border-radius: 2.5em 2.5em 0 0; overflow: hidden;}
.popupzone .open_infor .obj {width:262px;height:272px;padding:9px;background: #fff;}
.popupzone .open_infor .obj li {position:absolute; top:9px; left:9px; width:262px; height:272px;}
.popupzone .open_infor .obj li img {width:262px; height:272px; display:block;}
.popupzone .open_infor .close_btn {display:inline-block;vertical-align:top;font-weight:600;color: #fff;font-size: 15px;height:45px;line-height:45px;margin-left:5%;padding:0 20px 0 0;background:url(../../images/tour/main/popupzone_bul2.gif) no-repeat right 50%;}
.popupzone .open_infor .number {position:absolute;right:5%;bottom:12px;font-weight:400;color:#fff;margin:0;font-size: 14px;}
.popupzone .open_infor .number span {color: #fff;}
.popupzone .open_infor .control {position:absolute; bottom:9px; right:48px; z-index:99; height:26px;}
.popupzone .open_infor .control a {display:block; overflow:hidden; float:left; width:26px; height:26px; background:url(../../images/tour/main2/popupzone_control.svg) no-repeat; background-size: cover;}
.popupzone .open_infor .control a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden;}
.popupzone .open_infor .control a.prev {background-position:0 0; margin-right:5px;}
.popupzone .open_infor .control a.next {background-position:-26px 0;}




@media screen and (max-width:1024px){
	#main #visual{font-size:9px;}
	#main #visual .vbx{height:60.112em;}
	#main #visual .vbx .slogan{top:9em;}
	#main #visual .vbx .slogan .infos{margin-bottom:3.8em;}
	#main #visual .vbx .move ul li .txts{margin-top:37em;}
	#main #visual .vbx .move ul li .txts>a:hover{transform:scale(1); -webkit-transform:scale(1);}
	#main #visual .vbx .move ul li .txts>a>strong{margin-bottom: 0.6em;}
	#main #visual .vbx .move ul li .txts>a>span{display:none;}

	#main #visual .vbx .control>ul{bottom:5.5em;}
	#main #visual .vbx .control .btn_play,
	#main #visual .vbx .control .btn_stop{bottom:5.2em; left:calc(50% + 6.2em);}
	#main #visual .vbx .control .btn_left,
	#main #visual .vbx .control .btn_right{font-size:0.8em;}
}
@media screen and (max-width:640px){
	#main #visual{font-size:8px;padding-top: 57px;}
	#main #visual .vbx{height: 54.625em;}
	#main #visual .vbx .slogan .infos,
	#main #visual .vbx .control>ul,
	#main #visual .vbx .control .btn_play,
	#main #visual .vbx .control .btn_stop{display:none !important;}
	#main #visual .vbx .slogan{top:11em;}
	#main #visual .vbx .slogan>img{width:36em;}
	#main #visual .vbx .move ul li .txts{margin-top: 30em;}
	#main #visual .vbx .control .btn_left,
	#main #visual .vbx .control .btn_right{font-size:0.6em;}
	#main #visual .vbx .slogan{top:9em}
	#main #visual .vbx .move ul li .txts>a>strong{ margin-bottom: 0.2em;}
	#main #visual .vbx .move ul li .txts>a>span{ display: block; font-weight: 500;}
	#main #visual .vbx .move ul li .txts>a>i{ font-size: 2.2em; font-weight: 600;
		animation-name: v_festival_water;
		animation-duration:550s;
		animation-timing-function:linear;
		animation-iteration-count:infinite;
	}
	@keyframes v_festival_water{
		0%{background-position:0 bottom;}
		100%{background-position:-10000px 0;}
	}
	
}
@media screen and (max-width:420px){
	#main #visual{font-size:7px;}
	#main #visual .vbx{height: 55.625em;}
	#main #visual .vbx .slogan>img{width:30em;}
	#main #visual .vbx .control .btn_left,
	#main #visual .vbx .control .btn_right{font-size:0.6em;}
}


/*Content*/
#main #content{
	position:relative;
	font-size:10px;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	z-index: 101;
}
#main #content:before{content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:107.9em; background-color:#e9eff4;}
#main #content h4{line-height:1.5; margin:auto;}

@media screen and (max-width:1240px){
	#main #content:before{height:94em;}
}
@media screen and (max-width:1024px){
	#main #content{font-size:9px;}
	#main #content:before{height:71em;}
}
@media screen and (max-width:640px){
	#main #content{font-size:8px;}
}

/*Section01*/
#main #content .sec_01 .qik,
#main #content .sec_01 .tripbx
{-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}

#main #content .sec_01{padding: 12em 0 13.8em;}
#main #content .sec_01 .qik{position:absolute; top:-34em; right:3%; width:30.5em; height:28.1em;}
#main #content .sec_01 .qik:after{content:"";position:absolute;top: 10em;right:-1em;width:21em;height:33.5em;background:url(../../images/tour/main2/qik_person.png) no-repeat 0 0;background-size:100% auto;}
#main #content .sec_01 .qik>a{
	position:relative; top:0; display:block; width:100%; height:100%; padding:6em 7.4em 0 5em; box-sizing:border-box;
	animation-name:tongtong;
	animation-duration:1.2s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
@keyframes tongtong{
	0%{top:-15px;}
	50%{top:0;}
	100%{top:-15px;}
}

#main #content .sec_01 .qik>a:before{content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:url(../../images/tour/main2/qik_bg.png) no-repeat 0 0; background-size:100% auto;}
#main #content .sec_01 .qik>a>strong,
#main #content .sec_01 .qik>a>span{position:relative; z-index:1; display:block;}
#main #content .sec_01 .qik>a>strong{margin-bottom:0.8em; text-align:center;}
#main #content .sec_01 .qik>a>strong>img{display:inline-block; width:16.9em;}
#main #content .sec_01 .qik>a>strong>span{display:none;}
#main #content .sec_01 .qik>a>span{text-decoration:underline; text-underline-position:under; font-size:1.5em; color:rgba(23, 23, 23, 0.65);}

#main #content .sec_01 h4{position:relative;margin-bottom:4em;padding-left: 15em;box-sizing:border-box;}
#main #content .sec_01 h4>em{/* overflow:hidden; */position:absolute;top:-3.3em;left:0;display:inline-block;width: 8.534em;height:8.067em;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;/*text-indent:-2000px;*/}
#main #content .sec_01 h4>em[data-month="01"]{background-image:url(../../images/tour/main2/tripbx_month1.png);}
#main #content .sec_01 h4>em[data-month="02"]{background-image:url(../../images/tour/main2/tripbx_month2.png);}
#main #content .sec_01 h4>em[data-month="03"]{background-image:url(../../images/tour/main2/tripbx_month3.png);}
#main #content .sec_01 h4>em[data-month="04"]{background-image:url(../../images/tour/main2/tripbx_month4.png);}
#main #content .sec_01 h4>em[data-month="05"]{background-image:url(../../images/tour/main2/tripbx_month5.png);}
#main #content .sec_01 h4>em[data-month="06"]{background-image:url(../../images/tour/main2/tripbx_month6.png);}
#main #content .sec_01 h4>em[data-month="07"]{background-image:url(../../images/tour/main2/tripbx_month7.png);}
#main #content .sec_01 h4>em[data-month="08"]{background-image:url(../../images/tour/main2/tripbx_month8.png);}
#main #content .sec_01 h4>em[data-month="09"]{background-image:url(../../images/tour/main2/tripbx_month9.png);}
#main #content .sec_01 h4>em[data-month="10"]{background-image:url(../../images/tour/main2/tripbx_month10.png);}
#main #content .sec_01 h4>em[data-month="11"]{background-image:url(../../images/tour/main2/tripbx_month11.png);}
#main #content .sec_01 h4>em[data-month="12"]{background-image:url(../../images/tour/main2/tripbx_month12.png);}
#main #content .sec_01 h4>em[data-month="01"]:after, #main #content .sec_01 h4>em[data-month="02"]:after, #main #content .sec_01 h4>em[data-month="03"]:after,
#main #content .sec_01 h4>em[data-month="04"]:after, #main #content .sec_01 h4>em[data-month="05"]:after, #main #content .sec_01 h4>em[data-month="06"]:after,
#main #content .sec_01 h4>em[data-month="07"]:after, #main #content .sec_01 h4>em[data-month="08"]:after, #main #content .sec_01 h4>em[data-month="09"]:after,
#main #content .sec_01 h4>em[data-month="10"]:after, #main #content .sec_01 h4>em[data-month="11"]:after, #main #content .sec_01 h4>em[data-month="12"]:after{
	display: inline-block;
	font-size: 52px;
	color: #0a61cb;
	font-family: verdana;
	font-style: normal;
	letter-spacing: -4px;
	position: relative;
	top: 31px;
	text-align: right;
	width: 4.2em;
	}
#main #content .sec_01 h4>em[data-month="01"]:after{content: "01";}
#main #content .sec_01 h4>em[data-month="02"]:after{content: "02";}
#main #content .sec_01 h4>em[data-month="03"]:after{content: "03";}
#main #content .sec_01 h4>em[data-month="04"]:after{content: "04";}
#main #content .sec_01 h4>em[data-month="05"]:after{content: "05";}
#main #content .sec_01 h4>em[data-month="06"]:after{content: "06";}
#main #content .sec_01 h4>em[data-month="07"]:after{content: "07";}
#main #content .sec_01 h4>em[data-month="08"]:after{content: "08";}
#main #content .sec_01 h4>em[data-month="09"]:after{content: "09";}
#main #content .sec_01 h4>em[data-month="10"]:after{content: "10";}
#main #content .sec_01 h4>em[data-month="11"]:after{content: "11";}
#main #content .sec_01 h4>em[data-month="12"]:after{content: "12";}

#main #content .sec_01 h4>img{display:block; width:17.334em;}
#main #content .sec_01 h4>.m_t{display:none;}
#main #content .sec_01 h4>.m_t>em{font-style:normal; color:#0a61cb;}
#main #content .sec_01 .cate{position:absolute; top:-0.5em; right:0;}
#main #content .sec_01 .cate>.tt{display:inline-block; margin-right:0.8em; vertical-align:middle;}
#main #content .sec_01 .cate ul{display:inline-block; vertical-align:middle;}
#main #content .sec_01 .cate ul li{display:inline-block; margin-left:0.8em; vertical-align:middle;}
#main #content .sec_01 .cate ul li a{
	display:block; height:2.556em; line-height:2.556em; padding:0 1.3em; background-color:#fff; border-radius:2em; font-size:1.8em; color:rgba(28, 28, 28, 0.8); box-sizing:border-box;
	-webkit-transition:all 0.4s ease; transition:all 0.4s ease;
}
#main #content .sec_01 .cate ul li:not(:last-child) a:hover,
#main #content .sec_01 .cate ul li.on a{background-color:#0a61cb; color:#fff;}
#main #content .sec_01 .cate ul li:last-child a{
    overflow:hidden; width:2.834em; height:2.834em; background:#fff url(../../images/tour/main2/icon_more.svg) no-repeat center; background-size:100% auto; text-indent:-2000px;
    -webkit-transition:all 0.3s ease; transition:all 0.3s ease;
    }
#main #content .sec_01 .cate ul li:last-child a:hover{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
#main #content .sec_01 .tripbx>ul{overflow:hidden; position:relative; padding-left:32.53%; box-sizing:border-box;}
#main #content .sec_01 .tripbx>ul>li{float:left; width:calc((100%/3) - 2.05em);}
#main #content .sec_01 .tripbx>ul>li:not(:first-child){margin-left:2em;}
#main #content .sec_01 .tripbx>ul>li:first-child{position:absolute; top:0; left:0; width:32.522%; height:100%;}
#main #content .sec_01 .tripbx>ul>li:nth-child(5),
#main #content .sec_01 .tripbx>ul>li:nth-child(6),
#main #content .sec_01 .tripbx>ul>li:nth-child(7){margin-top:2.2em;}
#main #content .sec_01 .tripbx>ul>li>a{display:block; width:100%; height:100%;}
#main #content .sec_01 .tripbx>ul>li>a .photos{overflow:hidden; position:relative; display:block; height:22.9em; background-color:#bdc7d0;}
#main #content .sec_01 .tripbx>ul>li:first-child>a .photos{overflow:hidden; height:calc(100% - 3.6em); border-radius:4em 0 0 0;}
#main #content .sec_01 .tripbx>ul>li:last-child>a .photos{overflow:hidden; border-radius:0 0 4em 0;}
#main #content .sec_01 .tripbx>ul>li>a .photos>em{position:absolute; top:0; right:0; z-index:1; height:2.072em; line-height:2.072em; padding:0 0.8em; background-color:rgba(0,0,0,0.5); border-radius:0 0 0 0.6em; font-size:1.4em; font-style:normal; font-weight:300; color:#fff; box-sizing:border-box;}
#main #content .sec_01 .tripbx>ul>li>a .photos>span{position:absolute; top:0; left:50%; width:10000px; height:100%; margin-left:-5000px; text-align:center;}
#main #content .sec_01 .tripbx>ul>li>a .photos>span>img{
	display:inline-block;
	height:100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
	/* width: 100%; */
}
#main #content .sec_01 .tripbx>ul>li>a:hover .photos>span>img{transform:scale(1.1); -webkit-transform:scale(1.1);}

#main #content .sec_01 .tripbx>ul>li>a .txts{position:relative; display:block;}
#main #content .sec_01 .tripbx>ul>li>a .txts>strong{overflow:hidden;display:block;margin-top:0.7em;padding-right:3.6em;font-size:1.7em;font-weight:500;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;color: #171717;}
#main #content .sec_01 .tripbx>ul>li>a .txts>i{position:absolute; top:0.1em; right:0; padding-left:1.4em; background:url(../../images/tour/main2/icon_view.svg) no-repeat left top 0.4em; background-size:1.1em auto; font-size:1.5em; font-style:normal; color:#707070; box-sizing:border-box;}

/***Media***/
@media screen and (max-width:1240px) and (min-width:1025px){
	#main #content .sec_01 .tripbx{font-size:0.8em;}
	#main #content .sec_01 .tripbx>ul>li{width:calc((100%/3) - 1.65em);}
	#main #content .sec_01 .tripbx>ul>li:not(:first-child){margin-left:1.6em;}
	#main #content .sec_01 .tripbx>ul>li:nth-child(5),
	#main #content .sec_01 .tripbx>ul>li:nth-child(6),
	#main #content .sec_01 .tripbx>ul>li:nth-child(7){margin-top:1.8em;}
}
@media screen and (max-width:1200px) and (min-width:1025px){
	#main #content .sec_01 .cate>.tt{display:none;}
}
@media screen and (max-width:1360px){
	#main #content .sec_01 .qik{top:-31em; font-size:0.8em;}
}
@media screen and (max-width:1024px){
	#main #content .sec_01{padding:4em 0 5.5em;background: #e9eff4;}
	#main #content .sec_01 h4{margin-bottom:1.5em; padding-left:0; text-align:center;}
	#main #content .sec_01 h4>em{position:static; display:inline-block; vertical-align:middle; font-size:0.78em;}
	#main #content .sec_01 h4>img{display:none;}
	#main #content .sec_01 h4>.m_t{display:inline-block; margin-left:0.2em; font-size:2.3em; vertical-align:middle;}
	#main #content .sec_01 .qik{top:-22em; font-size:0.8em;}
	#main #content .sec_01 .qik:after{display:none;}
	#main #content .sec_01 .qik>a{animation:none;}
	#main #content .sec_01 .qik>a>span{font-size:13px; text-align:center;}

	#main #content .sec_01 .cate{position:static;margin-bottom: 2.5em;text-align:center;}

	#main #content .sec_01 .tripbx{overflow-x:auto; overflow-y:hidden;}
	#main #content .sec_01 .tripbx>ul{width:calc((33em*7) + (2em*6)); padding-left:0;}
	#main #content .sec_01 .tripbx>ul>li{width:33em !important;}
	#main #content .sec_01 .tripbx>ul>li:first-child{position:static;}
	#main #content .sec_01 .tripbx>ul>li>a .photos{height:23.5em !important;}
	#main #content .sec_01 .tripbx>ul>li:nth-child(5),
	#main #content .sec_01 .tripbx>ul>li:nth-child(6),
	#main #content .sec_01 .tripbx>ul>li:nth-child(7){margin-top:auto;}
	#main #content .sec_01 h4>em[data-month="01"]:after, #main #content .sec_01 h4>em[data-month="02"]:after, #main #content .sec_01 h4>em[data-month="03"]:after, #main #content .sec_01 h4>em[data-month="04"]:after, #main #content .sec_01 h4>em[data-month="05"]:after, #main #content .sec_01 h4>em[data-month="06"]:after, #main #content .sec_01 h4>em[data-month="07"]:after, #main #content .sec_01 h4>em[data-month="08"]:after, #main #content .sec_01 h4>em[data-month="09"]:after, #main #content .sec_01 h4>em[data-month="10"]:after, #main #content .sec_01 h4>em[data-month="11"]:after, #main #content .sec_01 h4>em[data-month="12"]:after{ display: none;}
}
@media screen and (max-width:640px){
	#main #content .sec_01 h4>em{font-size:0.7em;}
	#main #content .sec_01 h4>.m_t{font-size:2em;}
	
	#main #content .sec_01 .qik{top: auto;position: relative;right: auto;width: calc(100% - 4em);margin: 0 auto  4em;height: auto;}
	#main #content .sec_01 .qik>a{background-color: #29c0f2;padding: 1.5em 0;border-radius:2em 0 2em 0;font-size: 18px;color: #171717; text-align: center;}
	#main #content .sec_01 .qik>a>strong>img{ display: none;}
	#main #content .sec_01 .qik>a>strong>span{ display: block;}
	#main #content .sec_01 .qik>a>span{display: inline-block;text-decoration: none; position: relative; }
	#main #content .sec_01 .qik>a>span:after{ display: block; content: ""; clear: both; width: 100%; height: 1px; background-color: rgba(0,0,0,0.2);}
	#main #content .sec_01 .qik>a:before{ display: none;}
	#main #content .sec_01 .qik:after{display: block;top: -3em;/* height: 30em; */width: 14em;}
	#main #content .sec_01 .qik>a>strong{ margin-bottom: 0; display: block;}

	

	#main #content .sec_01 .cate>.tt{display:none;}
	#main #content .sec_01 .tripbx>ul{width: calc((33em*7) + (1.5em*6));}
	#main #content .sec_01 .tripbx>ul>li{width: 33em !important;}
	#main #content .sec_01 .tripbx>ul>li:not(:first-child){margin-left:1.5em;}
	#main #content .sec_01 .tripbx>ul>li>a .photos{height: 24.5em !important;}
}
@media screen and (max-width:480px){
	#main #content .sec_01 .cate{font-size:0.9em;}
	#main #content .sec_01 .tripbx>ul>li>a .txts>strong{font-size: 1.9em;/* text-align: center; */padding: 0 1em;}
	#main #content .sec_01 .tripbx>ul>li>a .txts>i{/* display: none; */}
}
@media screen and (max-width:420px){
	#main #content .sec_01 .cate{/*font-size:0.8em;*/}
	#main #content .sec_01 .cate ul li{margin-left:0.5em;}
	#main #content .sec_01 .cate ul li a{padding:0 0.9em;}
}


/*Section02*/
#main #content .sec_02 .festi,
#main #content .sec_02 .festi .f_sl .move ul li a .photos,
#main #content .sec_02 .festi .f_sl .move ul li a .txts
{-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}

#main #content .sec_02 .festi{position:relative; width:100%; background-color:#f0ba15; border-radius:3.5em;}
#main #content .sec_02 .festi:before{
	content:""; opacity:0.1; position:absolute; top:4.7em; left:-11.7em; width:36.8em; height:8em; background:url(../../images/tour/main2/sec02_bg_txt.svg) no-repeat 0 0; background-size:100% auto;
	animation-name:festival_on; animation-duration:1.8s; animation-timing-function:linear; animation-iteration-count:infinite;
}
@keyframes festival_on{
	0%{opacity:0.1;}
	50%{opacity:0.1;}
	100%{opacity:0.1;}
}
#main #content .sec_02 .festi h4{position:absolute; top:7em; left:6%; padding-right:4.4em; box-sizing:border-box;}
#main #content .sec_02 .festi h4:after{content:""; position:absolute; top:-2em; right:0; width:3.7em; height:5.5em; background:url(../../images/tour/main2/sec02_title_eff1.png) no-repeat 0 0; background-size:100% auto;}
#main #content .sec_02 .festi h4:before{
	content:"";
	opacity:0.4;
	position:absolute;
	bottom: -2.2em;
	left:-2.5em;
	width:7em;
	height: 1.2em;
	background:url(../../images/tour/main2/visual_more_btn.svg);
	background-repeat:repeat-x;
	background-position:0 0;
	background-size:11.7em auto;
	animation-name:festival_water;
	animation-duration:550s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
#main #content .sec_02 .festi h4>img{display:block; width:11.067em; height:2.8em;}
#main #content .sec_02 .festi h4>.m_t{display:none;}
@keyframes festival_water{
	0%{background-position:0 0;}
	100%{background-position:-10000px 0;}
}

#main #content .sec_02 .festi .f_sl .control{position:absolute; bottom:6em; left:calc(6% + 3.5em);}
#main #content .sec_02 .festi .f_sl .control a{overflow:hidden; text-indent:-2000px;}
#main #content .sec_02 .festi .f_sl .control .count{display:inline-block;margin-right:1em;font-size:1.6em;font-style:italic;font-weight:500;vertical-align:middle;color: #171717;}
#main #content .sec_02 .festi .f_sl .control .count>span{color:rgba(23, 23, 23, 0.6);}
#main #content .sec_02 .festi .f_sl .control [class*="btn_"]{opacity:0.4;display:inline-block;background-size:100% auto;vertical-align:middle;transition: all ease 0.3s;}
#main #content .sec_02 .festi .f_sl .control [class*="btn_"]:hover{opacity:1;}
#main #content .sec_02 .festi .f_sl .control .btn_left,
#main #content .sec_02 .festi .f_sl .control .btn_right{ width:1.2em; height:2em; background:url(../../images/tour/main2/sec02_control_arrow.svg) no-repeat 0 0;}
#main #content .sec_02 .festi .f_sl .control .btn_left{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#main #content .sec_02 .festi .f_sl .control .btn_play,
#main #content .sec_02 .festi .f_sl .control .btn_stop{width:1.5em; height:1.7em; margin:0 0.7em;}
#main #content .sec_02 .festi .f_sl .control .btn_play{background:url(../../images/tour/main2/sec02_control_play.svg) no-repeat 0 0;}
#main #content .sec_02 .festi .f_sl .control .btn_stop{background:url(../../images/tour/main2/sec02_control_stop.svg) no-repeat 0 0;}

#main #content .sec_02 .festi .f_sl{position:relative; width:100%; height:29.4em;}
#main #content .sec_02 .festi .f_sl .move{overflow:hidden; position:absolute; top:-2.5em; right:0; z-index:0; width:70%; height:calc(100% + 2.5em);}
#main #content .sec_02 .festi .f_sl .move ul{overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
#main #content .sec_02 .festi .f_sl .move ul li{position:absolute; left:100%; top:0; width:100%; height:100%;}
#main #content .sec_02 .festi .f_sl .move ul li:first-child{left:0;}
#main #content .sec_02 .festi .f_sl .move ul li a{position:relative; display:block; width:100%; height:100%;}
#main #content .sec_02 .festi .f_sl .move ul li a:before{
	content:""; opacity:0.25; position:absolute; top:1em; left:1.5em; z-index:-1; width:43em; height:26em; border:5px solid #fff;
	-webkit-transition:opacity 0.4s ease; transition:opacity 0.4s ease;
}
#main #content .sec_02 .festi .f_sl .move ul li a:hover:before{opacity:0.5;}
#main #content .sec_02 .festi .f_sl .move ul li a .photos{overflow:hidden; position:relative; float:left; display:block; width:43em; height:26em; background-color:#a7a08b;}
#main #content .sec_02 .festi .f_sl .move ul li a .photos>span{position:absolute; top:0; left:50%; width:10000px; height:100%; margin-left:-5000px; text-align:center;}
#main #content .sec_02 .festi .f_sl .move ul li a .photos>span>img{
	display:inline-block; height:100%;
	transform:scale(1.1); -webkit-transform:scale(1.1);
	-webkit-transition:all 0.4s ease; transition:all 0.4s ease;
}
#main #content .sec_02 .festi .f_sl .move ul li a:hover .photos>span>img{transform:scale(1.2); -webkit-transform:scale(1.2);}

#main #content .sec_02 .festi .f_sl .move ul li a .txts{float:left; display:table; table-layout:fixed; width:calc(100% - 43em); height:calc(100% - 2.5em); margin-top:2.5em; padding:0 5% 0 8%; box-sizing:border-box;}
#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells{display:table-cell; width:100%; height:100%; padding-top:2em; vertical-align:middle; box-sizing:border-box;}
#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong{position:relative;display:block;margin-bottom:0.9em;font-size:2.7em;font-weight:500;text-decoration:underline;color: #171717;}
#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong>em{
	opacity:0.2; position:absolute; bottom:0.05em; left:0; z-index:-1; font-size:2.5em; font-weight:700; color:#fff;
	-webkit-transition:all 0.4s ease; transition:all 0.4s ease;
}
#main #content .sec_02 .festi .f_sl .move ul li a:hover .txts .cells>strong>em{opacity:0.35;}
#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong>span{overflow: hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}
#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>span{display:block;padding-left:1.6em;background-repeat:no-repeat;background-position:left top 0.15em;background-size:1.1em;font-size:1.7em;box-sizing:border-box;color: #171717;opacity: 0.9;}
#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>.maps{background-image:url(../../images/tour/main2/sec02_icon_map.svg);}
#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>.cals{margin-top:0.2em; background-image:url(../../images/tour/main2/sec02_icon_tel.svg);}

/***Media***/
@media screen and (max-width:1240px) and (min-width:1025px){
	#main #content .sec_02 .festi{font-size:0.9em;}
	#main #content .sec_02 .festi .f_sl .move ul li a:before,
	#main #content .sec_02 .festi .f_sl .move ul li a .photos{width:36em;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts{width:calc(100% - 36em);}
}
@media screen and (max-width:1024px){
	#main #content .sec_02 .festi{padding:1.6em  0;}
	#main #content .sec_02 .festi h4:before{bottom:-1.5em;}
	#main #content .sec_02 .festi h4>img{display:none;}
	#main #content .sec_02 .festi h4>.m_t{display:inline-block; font-size:2.3em;}
	#main #content .sec_02 .festi .f_sl .move{top:0; height:100%;}
	#main #content .sec_02 .festi .f_sl .move ul li a:before{top:1.1em; left:0.8em; width:34em; height:23em;}
	#main #content .sec_02 .festi .f_sl .move ul li a .photos{top:calc(50% - 11.5em); width:34em; height:23em;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts{width:calc(100% - 34em); padding:0 5%;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells{padding-top:0;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong{font-size:2.5em;}
}
@media screen and (max-width:840px){
	#main #content .sec_02 .festi{left:-2em;width:calc(100% + 4em);padding: 4em 0 3em;border-radius:0;}
	#main #content .sec_02 .festi:before{display:none;}
	#main #content .sec_02 .festi h4:before{
    left: -10em;
    bottom: 1em;
}
	#main #content .sec_02 .festi h4{position:relative; top:auto; left:auto; padding-right:0; width:10em; margin:0 auto; text-align:center;}
	#main #content .sec_02 .festi h4>span{position:relative; z-index:1;}
	#main #content .sec_02 .festi h4:after{right:-3.5em;}

	#main #content .sec_02 .festi .f_sl{FONT-WEIGHT: 300;height:32em;margin-top: 2em;}
	#main #content .sec_02 .festi .f_sl .move{width:100%;}
	#main #content .sec_02 .festi .f_sl .move ul li{text-align:center;}
	#main #content .sec_02 .festi .f_sl .move ul li a{width:70%; margin:0 auto;}
	#main #content .sec_02 .festi .f_sl .move ul li a:before{left:calc(50% + 2em); top:1em; transform:translateX(-50%);}
	#main #content .sec_02 .festi .f_sl .move ul li a .photos{top:0; float:none; margin:0 auto;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts{float:none;display:block;width:100%;height:auto;margin-top: 4em;padding:0;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells{display:inline-block; height:auto;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong{display:inline-block; max-width:100%; margin-bottom:0; padding-left:2.9em; box-sizing:border-box;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong>em{bottom:auto;top:-0.2em;line-height:1;font-size:2em;opacity: 0.5;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>span{display:none;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong>span {  position: relative ; top: -3px;}


	#main #content .sec_02 .festi .f_sl .control{position:static;}
	#main #content .sec_02 .festi .f_sl .control .count,
	#main #content .sec_02 .festi .f_sl .control .btn_play,
	#main #content .sec_02 .festi .f_sl .control .btn_stop{display:none !important;}
	#main #content .sec_02 .festi .f_sl .control .btn_left,
	#main #content .sec_02 .festi .f_sl .control .btn_right{position:absolute; top:6em; z-index:1; font-size:1.8em;}
	#main #content .sec_02 .festi .f_sl .control .btn_left{left:3em;}
	#main #content .sec_02 .festi .f_sl .control .btn_right{right:3em;}
}
@media screen and (max-width:640px){
	#main #content .sec_02 .festi h4>.m_t{font-size:2em;}
	#main #content .sec_02 .festi .f_sl .move ul li a .txts .cells>strong{font-size: 2.1em;}
	#main #content .sec_02 .festi .f_sl .control .btn_left,
	#main #content .sec_02 .festi .f_sl .control .btn_right{top:6em;}
	#main #content .sec_02 .festi .f_sl .control [class*="btn_"]{ opacity: 0.2;}
}
@media screen and (max-width:480px){
	#main #content .sec_02 .festi .f_sl{height:27em;}
	#main #content .sec_02 .festi .f_sl .move ul li a:before{left:calc(50% + 1.5em); border-width:3px;}
	#main #content .sec_02 .festi .f_sl .move ul li a:before,
	#main #content .sec_02 .festi .f_sl .move ul li a .photos{width: 33em;height:20em;}
	#main #content .sec_02 .festi .f_sl .control .btn_left,
	#main #content .sec_02 .festi .f_sl .control .btn_right{top:4em;}
	#main #content .sec_02 .festi .f_sl .control .btn_left{left:1em;}
	#main #content .sec_02 .festi .f_sl .control .btn_right{right:1em;}
}


/*Section03*/
#main #content .sec_03 .quicks ul li,
#main #content .sec_03 .quicks ul li a
{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}

#main #content .sec_03{padding:11em 0;}
#main #content .sec_03 .board,
#main #content .sec_03 .quicks{display:inline-block; width:calc(50% - 1.7% - 0.3em); vertical-align:bottom;}

#main #content .sec_03 .board{position:relative; margin-right:3.4%;}
#main #content .sec_03 .board h4{padding-bottom:0.5em; border-bottom:1px solid #d4d4d4; font-size:2.7em; font-weight:500; box-sizing:border-box; color: #171717;}
#main #content .sec_03 .board .issue_board{display:none;}
#main #content .sec_03 .board ul li{position:relative; padding:1.35em 0; border-bottom:1px solid #d4d4d4; box-sizing:border-box;}
#main #content .sec_03 .board ul li .subject{display:block;}
#main #content .sec_03 .board ul li .subject a{overflow:hidden; display:block; padding-right:5.5em; font-size:1.7em; font-weight:400; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#main #content .sec_03 .board ul li .subject a:hover{text-decoration:underline;}
#main #content .sec_03 .board ul li .date{position:absolute; top:0.95em; right:0; font-size:1.5em; font-weight:400; color:#757575;}
#main #content .sec_03 .board .more_btn{
	overflow:hidden; position:absolute; top:-0.5em; right:0; width:5.1em; height:5.1em; display:block; background:url(../../images/tour/main2/icon_more.svg) no-repeat center; background-size:100% auto; text-indent:-2000px;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
#main #content .sec_03 .board .more_btn:hover{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

#main #content .sec_03 .quicks{}
#main #content .sec_03 .quicks ul{overflow:hidden; border-radius:3em 0 3em 0;}
#main #content .sec_03 .quicks ul li{overflow:hidden; float:left; width:calc(50% - 1em);}
#main #content .sec_03 .quicks ul li:first-child,
#main #content .sec_03 .quicks ul li:nth-child(2){margin-bottom:2em;}
#main #content .sec_03 .quicks ul li:first-child,
#main #content .sec_03 .quicks ul li:nth-child(3){margin-right:2em;}
#main #content .sec_03 .quicks ul li a{position:relative; display:table; table-layout:fixed; width:100%; height:6.4215em; font-size:1.9em;}
#main #content .sec_03 .quicks ul li a:before{
	content:""; position:absolute; top:0; right:0; z-index:-1; width:100%; height:100%;
	transform:scale(1); -webkit-transform:scale(1);
	transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease;
}
#main #content .sec_03 .quicks ul li a:after{
	content:""; position:absolute; top:calc(50% - 1em); right:9%; width:2em; height:2em; background:url(../../images/tour/main2/sec03_arrow.svg) no-repeat center; background-size:40%; border:2px solid rgba(255,255,255,0.6); border-radius:50%;
	transition:all 0.4s ease; -webkit-transition:all 0.4s ease;
}

#main #content .sec_03 .quicks ul li:first-child a:before{background:#dfd5c8 url(../../images/tour/main2/quick_01.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li:nth-child(2) a:before{background:#c8e5da url(../../images/tour/main2/quick_02.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li:nth-child(3) a:before{background:#ebeef1 url(../../images/tour/main2/quick_03.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li:nth-child(4) a:before{background:#d7e4f1 url(../../images/tour/main2/quick_04.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li a:hover:before{transform:scale(1.1); -webkit-transform:scale(1.1);}
#main #content .sec_03 .quicks ul li:first-child a:hover:before{background:#dfd5c8 url(../../images/tour/main2/quick_01_ov.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li:nth-child(2) a:hover:before{background:#c8e5da url(../../images/tour/main2/quick_02_ov.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li:nth-child(3) a:hover:before{background:#ebeef1 url(../../images/tour/main2/quick_03_ov.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li:nth-child(4) a:hover:before{background:#d7e4f1 url(../../images/tour/main2/quick_04_ov.jpg) no-repeat top right;}
#main #content .sec_03 .quicks ul li a:hover:after{border-color:rgba(255,255,255,1);}
#main #content .sec_03 .quicks ul li a>span{display:table-cell;width:100%;height:100%;padding:0 9%;vertical-align:middle;box-sizing:border-box;color: #171717;}

/***Media***/
@media screen and (max-width:1240px) and (min-width:1025px){
	#main #content .sec_03 .quicks ul li{width:calc(50% - 0.6em);}
	#main #content .sec_03 .quicks ul li:first-child, #main #content .sec_03 .quicks ul li:nth-child(3){margin-right:1.2em;}
	#main #content .sec_03 .quicks ul li:first-child, #main #content .sec_03 .quicks ul li:nth-child(2){margin-bottom:1.2em;}
	#main #content .sec_03 .quicks ul li a:after{display:none;}
	#main #content .sec_03 .quicks ul li a>span{text-shadow:1px 1px 1px rgba(255,255,255,0.7);}
}
@media screen and (max-width:1024px){
	#main #content .sec_03{padding:5em 0;}
	#main #content .sec_03 .board,
	#main #content .sec_03 .quicks{width:100%;}
	#main #content .sec_03 .board{margin-right:0; margin-bottom:4em;}
	#main #content .sec_03 .board ul li{padding:1.5em 0;}
}
@media screen and (max-width:640px){
	#main #content .sec_03 .board h4{margin-bottom:0.7em; padding-bottom:0.4em;}
	#main #content .sec_03 .board ul li{padding:0 0 0.7em; border-bottom:0;}
	#main #content .sec_03 .board ul li .date{top:0;}

	#main #content .sec_03 .quicks ul li{width:calc(50% - 0.75em);}
	#main #content .sec_03 .quicks ul li:first-child, #main #content .sec_03 .quicks ul li:nth-child(3){margin-right:1.5em;}
	#main #content .sec_03 .quicks ul li:first-child, #main #content .sec_03 .quicks ul li:nth-child(2){margin-bottom:1.5em;}
	#main #content .sec_03 .quicks ul li a{height:4.2em;}
	#main #content .sec_03 .quicks ul li a:before{background-image:none !important;}
	#main #content .sec_03 .quicks ul li a:hover:before{transform:none; -webkit-transform:none;}
	#main #content .sec_03 .quicks ul li a:after{display:none;}
	#main #content .sec_03 .quicks ul li a>span{text-align:center;}
	#main #content .sec_03 .board ul li .subject a{ font-size: 2em; padding-right: 0;}
	#main #content .sec_03 .board ul li .date{ display: none;}
}


/*Section04*/
/*{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}*/

#main #content .sec_04{position:relative; padding-bottom:11em;}
#main #content .sec_04 h4{margin-bottom:3em; text-align:center;}
#main #content .sec_04 h4:before{content:""; display:inline-block; width:7.534em; height: 5.8em; background:url(../../images/tour/main2/sec04_title_icon.png) no-repeat 0 0; background-size:100% auto; vertical-align:middle;}
#main #content .sec_04 h4>img{display:inline-block; width:15.867em; margin-left:1.5em; vertical-align:middle;}
#main #content .sec_04 h4>.m_t{display:none;}
#main #content .sec_04 h4>.m_t>em{font-style:normal; color:#0a61cb;}
#main #content .sec_04 .tsl{overflow-x:auto; overflow-y:hidden;}
#main #content .sec_04 .tsl ul{overflow:hidden;}
#main #content .sec_04 .tsl ul>li{float:left; width:calc((100% - 2em*3)/4);}
#main #content .sec_04 .tsl ul>li:not(:first-child){margin-left:2em;}
#main #content .sec_04 .tsl ul>li>a{display:block;}
#main #content .sec_04 .tsl ul>li>a>span{display:block;}
#main #content .sec_04 .tsl ul>li>a .photos{overflow:hidden; position:relative; height:23.5em; background-color:#eee;}
#main #content .sec_04 .tsl ul>li>a .photos:after{content:""; position:absolute; bottom:1.8em; right:2.6em; width:2.4em; height:2.4em; background:url(../../images/tour/main2/sec04_icon_play.svg) no-repeat 0 0;}
#main #content .sec_04 .tsl ul>li>a .photos>span{position:absolute; top:0; left:50%; width:10000px; height:100%; margin-left:-5000px; text-align:center;}
#main #content .sec_04 .tsl ul>li>a .photos>span>img{
	display:inline-block; height:100%;
	transition:all 0.4s ease; -webkit-transition:all 0.4s ease;
}
#main #content .sec_04 .tsl ul>li>a .txts{position:relative;}
#main #content .sec_04 .tsl ul>li>a .txts>strong{overflow:hidden;display:block;margin-top:0.7em;padding-right:3em;font-size:1.7em;font-weight:500;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;color: #171717;}
#main #content .sec_04 .tsl ul>li>a .txts>i{position:absolute; top:0.1em; right:0; padding-left:1.4em; background:url(../../images/tour/main2/icon_view.svg) no-repeat left top 0.4em; background-size:1.1em auto; font-size:1.5em; font-style:normal; color:#707070; box-sizing:border-box;}
#main #content .sec_04 .more_btn{
    overflow:hidden; position:absolute; top:1.8em; right:0; width:5.1em; height:5.1em; background:#e9e9e9 url(../../images/tour/main2/icon_more.svg) no-repeat center; background-size:100% auto; border-radius:50%; text-indent:-2000px;
    -webkit-transition:all 0.3s ease; transition:all 0.3s ease;
}

#main #content .sec_04 .more_btn:hover{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
#main #content .sec_04 ul>li>a:hover .photos>span>img{transform:scale(1.1); -webkit-transform:scale(1.1);}

/***Media***/
@media screen and (max-width:1024px){
	#main #content .sec_04{padding-bottom:6em;}
	#main #content .sec_04 h4:before{font-size:0.9em;}
	#main #content .sec_04 h4>img{display:none;}
	#main #content .sec_04 h4>.m_t{display:inline-block; margin-left:0.4em; font-size:2.3em; vertical-align:middle;}
	#main #content .sec_04 .tsl ul{width:calc((36em*4) + (2em*3));}
	#main #content .sec_04 .tsl ul>li{width:36em;}
	#main #content .sec_04 .more_btn{top:1.4em;}
}
@media screen and (max-width:640px){
	#main #content .sec_04{padding-bottom: 6em;}
	#main #content .sec_04 h4{margin-left:-2em;}
	#main #content .sec_04 h4>.m_t{font-size:2em;}
	#main #content .sec_04 h4:before{font-size:0.719em;}
	#main #content .sec_04 .tsl ul{width:calc((26em*4) + (1.5em*3));}
	#main #content .sec_04 .tsl ul>li{width:26em;}
	#main #content .sec_04 .tsl ul>li:not(:first-child){margin-left:1.5em;}
	#main #content .sec_04 .tsl ul>li>a .photos{height:17em;}
	#main #content .sec_04 .more_btn{top:0.6em;}
}

@media screen and (max-width:480px){
	#main #content .sec_04 h4{ margin-bottom: 2em;}
	#main #content .sec_04 .tsl ul>li>a .txts>strong{font-size: 1.9em;text-align: center;padding: 0 1em;}
	#main #content .sec_04 .tsl ul>li>a .txts>i{ display: none;}
}