@charset "utf-8";

/*비주얼*/
#m_visual { position:relative; overflow:hidden; height:585px; }
#m_visual div.img01{ position:absolute; width:100%; }
#m_visual div.img02{ position:absolute; width:100%; }
#m_visual div.img03{ position:absolute; width:100%; }
#m_visual div.img01 { background:url('/open_content/tour/images/main/visual01.gif') no-repeat center top; height:585px; }
#m_visual div.img02 { background:url('/open_content/tour/images/main/visual02.gif') no-repeat center top; height:585px; }
#m_visual div.img03 { background:url('/open_content/tour/images/main/visual03.gif') no-repeat center top; height:585px; }
#m_visual div .txt_wrap { padding-top:158px; text-align:center; }
#m_visual div .txt_wrap p { display:block; font-family:'Nanum Myeongjo',serif; font-size:30px; color:#fff; }
#m_visual div .txt_wrap strong { display:inline-block; margin-top:35px; padding:37px 40px; border:1px solid #fff; font-family:'Nanum Myeongjo',serif; font-size:54px; font-weight:normal; color:#fff; }
#m_visual div .txt_wrap div { display:block; margin-top:42px; font-size:15px; color:#fff; }
#m_visual div .txt_wrap div span { display:block; }
#m_visual .control { position:absolute; left:50%; bottom:40px; z-index:3; margin-left:-3.5%; padding:5px 10px; background:rgba(0,0,0,0.5); border-radius:100px; }
#m_visual .control ul li { float:left; margin:0 2px; color:#fff; }
#m_visual .control ul li.play { margin-left:5px; }
#m_visual .control ul li.pause { margin-left:3px; }

/*관광정보*/
.info { padding:36px 0; border-bottom:1px solid #e0e0e0; }
.info:after { display:block; overflow:hidden; clear:both; content:''; }
.info .tit { float:left; width:261px; }
.info .tit p { font-size:22px; color:#383838; line-height:30px; background:url('/open_content/tour/images/main/info_tit_line.gif') no-repeat right bottom; }
.info .tit p strong { font-size:24px; color:#000000; }
.info .tit p span { display:block; margin-top:0px; }
.info .tit span { display:block; margin-top:25px; color:#696969; }
.info .quick { float:right; margin-top:16px; width:838px; }
.info .quick ul {  }
.info .quick ul li { float:left; width:19.5%; text-align:center; border-left:1px dotted #a7a7a7; }
.info .quick ul li:first-child { border-left:none; }
.info .quick ul li a { display:block; padding-top:60px; color:#494949; }
.info .quick ul li a:hover { font-weight:600; }
.info .quick ul li.ico01 { background:url('/open_content/tour/images/main/info01.gif') no-repeat center 0px; }
.info .quick ul li.ico01:hover { background:url('/open_content/tour/images/main/info01_ov.gif') no-repeat center 0px; }
.info .quick ul li.ico02 { background:url('/open_content/tour/images/main/info02.gif') no-repeat center 0px; }
.info .quick ul li.ico02:hover { background:url('/open_content/tour/images/main/info02_ov.gif') no-repeat center 0px; }
.info .quick ul li.ico03 { background:url('/open_content/tour/images/main/info03.gif') no-repeat center 0px; }
.info .quick ul li.ico03:hover { background:url('/open_content/tour/images/main/info03_ov.gif') no-repeat center 0px; }
.info .quick ul li.ico04 { background:url('/open_content/tour/images/main/info04.gif') no-repeat center 4px; }
.info .quick ul li.ico04:hover { background:url('/open_content/tour/images/main/info04_ov.gif') no-repeat center 4px; }
.info .quick ul li.ico05 { background:url('/open_content/tour/images/main/info05.gif') no-repeat center 0px; }
.info .quick ul li.ico05:hover { background:url('/open_content/tour/images/main/info05_ov.gif') no-repeat center 0px; }
.info .quick ul li.ico06 { background:url('/open_content/tour/images/main/info06.gif') no-repeat center 6px; }
.info .quick ul li.ico06:hover { background:url('/open_content/tour/images/main/info06_ov.gif') no-repeat center 6px; }

.tourism { position:relative; padding:57px 0; background:url('/open_content/tour/images/main/roll_thum_bg.gif') repeat-x center bottom; }
.tourism:after { display:block; overflow:hidden; clear:both; content:''; }
.tourism .tit_wrap { text-align:center; }
.tourism .tit_wrap p { margin-bottom:32px; }
.tourism .roll_thum { margin-top:55px; }
.tourism .roll_thum ul { display:block ; overflow:hidden; width:2500px; }
.tourism .roll_thum #thumList { position:relative; }
.tourism .roll_thum ul li { float:left; margin:4px 0 4px 20px; padding-bottom:38px; width:380px; text-align:center; box-shadow:3px 3px 2px #e5e5e5; background:#fff; }
.tourism .roll_thum ul li:first-child { margin-left:0; }
.tourism .roll_thum ul li p { padding:38px 0; font-size:24px; color:#000000; }
.tourism .roll_thum ul li span { display:block; overflow:hidden; margin-bottom:38px; padding:0 20px; height:62px; }
.tourism .roll_thum ul li .thum img { width:100%; }

.tourism .roll_thum .control { position:absolute; top:60%; z-index:3; }
.tourism .roll_thum .control ul li { position:absolute; float:none; margin:0px; padding:0px; width:auto; box-shadow:0px 0px 0px; background:none; }
.tourism .roll_thum .control ul li.prev { left:-55px;}
.tourism .roll_thum .control ul li.next { right:-55px; }

.btn_dot_link { position:relative; display:inline-block; border:1px solid #8a8a8a; text-align:center; }
.btn_dot_link .dot { position:absolute; right:-1px; bottom:10px; z-index:2; height: 4px; }
.btn_dot_link a { display:block; padding:8px 33px; }

.roll_banner { padding:16px 0; border-top:1px solid #d4d4d4; }
.roll_banner:after { display:block; overflow:hidden; clear:both; content:''; }
.roll_banner .control { float:left; margin-top:15px; }
.roll_banner .control p { float:left; margin-right:27px; font-size:18px; font-weight:600; color:#454545; }
.roll_banner .control ul { float:left; }
.roll_banner .control ul li { float:left; }
.roll_banner .roll { float:right; position:relative; top:0px; right:0px; overflow:hidden; white-space:nowrap; width:83%; margin:17px 0 0;}
.roll_banner .roll ul li { position:relative; display:inline; top:0px; margin:18px 0 0; padding:0 10px; border-right:1px solid #ddd; }

@media all and (max-width:1327px){
	.tourism .roll_thum .control { position:relative; top:-25px; height:40px; }
	.tourism .roll_thum .control ul li.prev { left:47.5%;}
	.tourism .roll_thum .control ul li.next { right:47.5%; }
	.tourism .roll_thum .control ul li img { width:20px; height:auto; }
}

@media all and (max-width:1220px){
	.tourism .roll_thum ul { display:block ; overflow:hidden; width:2500px; margin-left:20px; }
	.tourism .roll_thum ul li { margin:4px 0 4px 20px; padding-bottom:38px; width:275px; text-align:center; box-shadow:3px 3px 2px #e5e5e5; background:#fff; }
	.tourism .roll_thum ul li:first-child { margin-left:20px; }
}

@media all and (max-width:1200px){
	.roll_banner .control { margin-top:15px; margin-bottom:20px; }
	.roll_banner .roll { width:100%; height:55px; }
}

@media all and (max-width:1156px){
	.info .quick { margin-top:36px; width:100%; }
	.info .tit { width:100%; text-align:center; }
	.info .tit p { line-height:48px; background-position:center bottom; background-size:20px auto; }
	.info .tit p span { display:inline; margin-left:5px; }
	.info .tit span { margin-top:10px; }

	.tourism .roll_thum ul li { margin:4px 0 4px 20px; padding-bottom:38px; width:370px; text-align:center; box-shadow:3px 3px 2px #e5e5e5; background:#fff; }
}

@media all and (max-width:1024px){
	.tourism .roll_thum .control ul li.prev { left:46%;}
	.tourism .roll_thum .control ul li.next { right:46%; }

	.tourism .roll_thum ul li { margin:4px 0 4px 20px; padding-bottom:38px; width:320px; text-align:center; box-shadow:3px 3px 2px #e5e5e5; background:#fff; }
}

@media all and (max-width:768px){
	#m_visual {height:385px; }
	#m_visual div.img01 { background-size:auto 100%; height:385px; }
	#m_visual div.img02 { background-size:auto 100%; height:385px; }
	#m_visual div.img03 { background-size:auto 100%; height:385px; }
	#m_visual div .txt_wrap { padding-top:80px; }
	#m_visual div .txt_wrap p { font-size: 20px; }
	#m_visual div .txt_wrap strong { margin-top:25px; padding:27px; font-size: 30px; }
	#m_visual div .txt_wrap div { margin-top:30px; padding:0 20px; font-size:13px; }
	#m_visual .control { margin-left:-14.5%; }

	.tourism .tit_wrap p { margin-bottom:22px; }
	.tourism .tit_wrap p img { width:183px; height:auto; }
	.tourism .tit_wrap img { width:296px; height:auto; }
}

@media all and (max-width:640px){
	#m_visual div .txt_wrap div span { display:inline; }

	.info .quick ul li { margin:10px 0; width:33.3%; border-left:none; font-size:13px; }

	.tourism .roll_thum .control ul li.prev { left:40%;}
	.tourism .roll_thum .control ul li.next { right:40%; }

	.tourism .roll_thum ul li { margin:4px 0 4px 20px; padding-bottom:38px; width:290px; text-align:center; box-shadow:3px 3px 2px #e5e5e5; background:#fff; }
}

@media all and (max-width:320px){
	.tourism .tit_wrap img { width:226px; height:auto; }

	.tourism .roll_thum .control ul li.prev { left:37%;}
	.tourism .roll_thum .control ul li.next { right:37%; }
}