@charset "utf-8";

#container .wrap { overflow:hidden; background:url('/tour/images/sub/left_line.gif') repeat-y left top; }

#leftmenu{ float:left; width:240px; background:#fff; border-top:3px solid #6941a0; }
#leftmenu .tit { padding:28px 0px; text-align:center; font-size:31px; font-weight:bold; color:#333; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; letter-spacing:-1px; }
#leftmenu>ul>li { position:relative; background:#fff; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
#leftmenu>ul>li:first-child { border-top:1px solid #e5e5e5; }
#leftmenu>ul>li.on>a { font-weight:bold; color:#6941a0; }
#leftmenu>ul>li>a { display:block; font-weight:bold; }
#leftmenu>ul>li>a { padding:13px 22px; display:block; font-size:16px; }
#leftmenu>ul>li.select {border-top:0px}
#leftmenu>ul>li.select>a { padding:13px 22px; color:#fff; font-weight:bold; background:#6941a0; text-shadow:2px 2px 0px #5e3a96; }
#leftmenu>ul>li.right_bar.select:hover>a:hover:before, a:focus:before, a:active:before { display:none; }
#leftmenu>ul>li.select>a>span { display:block; background:url('/tour/images/sub/left_arrow.png') no-repeat right center; }
#leftmenu>ul>li>ul { display:none; background:#f9f9f9; padding:20px 0; border-top:1px solid #ddd}
#leftmenu>ul>li.select>ul { display:block; }
#leftmenu>ul>li>ul>li { margin-bottom:5px; }
#leftmenu>ul>li>ul>li:last-child { border-bottom:none; margin-bottom:0; }
#leftmenu>ul>li>ul>li>a { display:block; padding:0 30px; background:url('/tour/images/sub/left_dot.gif') no-repeat 20px 12px; font-size:15px; letter-spacing:-1px; }
#leftmenu>ul>li>ul>li.select { font-weight:bold; }
#leftmenu>ul>li>ul>li.select a { color:#6941a0; text-decoration:underline; }
#leftmenu>ul>li.target span { display:block; background:url('/tour/images/sub/left_down.gif') no-repeat center right; }
#leftmenu>ul>li>ul>li.target span { display:block; background:url('/tour/images/sub/left_down.gif') no-repeat center right; }

#contents { float:right; width:75.834%; }

.s_tab { overflow:hidden; margin-top:15px; }
.s_tab>ul>li { float:left; }
.s_tab>ul.col2>li { width:50%; }
.s_tab>ul.col3>li { width:33.3%; }
.s_tab>ul.col4>li { width:25%; }
.s_tab>ul.col5>li { width:20%; }
.s_tab>ul.col6>li { width:16.6%; }
.s_tab>ul.col7>li { width:14.28%; }
.s_tab>ul>li>p>a { display:block; padding:10px 0; border:1px solid #bbbbbb; background:#fff; text-align:center; font-size:16px; border-left:none; }
.s_tab>ul>li:first-child>p>a { border-left:1px solid #bbbbbb; }
.s_tab>ul>li>p>a:hover { font-weight:bold; border:1px solid #444; background:#555; color:#fff; margin-left:-1px; }

#tab { overflow:hidden; margin-top:70px; width:100%; }
#tab>ul>li { float:left; box-sizing:border-box; }
#tab>ul.col2>li { width:50%; }
#tab>ul.col3>li { width:33.3%; }
#tab>ul.col4>li { width:25%; }
#tab>ul.col5>li { width:20%; }
#tab>ul.col6>li { width:16.6%; }
#tab>ul.col7>li { width:14.28%; }
#tab>ul.col8>li { width:25%; }
#tab>ul>li>p>a { display:block; padding:20px 0; border:1px solid #aaaaaa; background:#eeeeee; text-align:center; font-size:16px; border-left:none; }
#tab>ul>li:first-child>p>a { border-left:1px solid #aaaaaa; }
#tab>ul.col8>li:nth-child(5)>p>a { border-left:1px solid #aaaaaa; border-top:none; }
#tab>ul.col8>li:nth-child(6)>p>a { border-top:none; }
#tab>ul.col8>li:nth-child(7)>p>a { border-top:none; }
#tab>ul.col8>li:nth-child(8)>p>a { border-top:none; }
#tab>ul.col8>li:nth-child(5)>p>a:hover { border-top:1px solid #728ead; }
#tab>ul.col8>li:nth-child(6)>p>a:hover { border-top:1px solid #728ead; }
#tab>ul.col8>li:nth-child(7)>p>a:hover { border-top:1px solid #728ead; }
#tab>ul.col8>li:nth-child(8)>p>a:hover { border-top:1px solid #728ead; }
#tab>ul>li>p>a:hover { font-weight:bold; border:1px solid #728ead; background:#9cbee3; color:#083260; margin-left:-1px; }
#tab>ul>li:nth-child(4n+1)>p>a:hover { border-left:1px solid #728ead; margin-left:0; }
#tab>ul>li.select>p>a { font-weight:bold; border:1px solid #728ead; background:#9cbee3; color:#083260; margin-left:-1px; }
#tab>ul>li:first-child.select>p>a { border:1px solid #728ead; margin-left:0; }
#tab>ul>li:nth-child(5).select>p>a { margin-left:0; }
#tab>ul.col8>li:nth-child(5)>p>a:hover { margin-top:-1px; }
#tab>ul.col8>li:nth-child(6)>p>a:hover { margin-top:-1px; }
#tab>ul.col8>li:nth-child(7)>p>a:hover { margin-top:-1px; }
#tab>ul.col8>li:nth-child(8)>p>a:hover { margin-top:-1px; }

#stab ul{margin:25px 0px 10px; padding:3% 2%; background:#f8f8f8; border:1px solid #cbcbcb; }
#stab ul li{display:inline-block; margin:2px 0px; min-width:16%;  }
#stab ul li a{display:block; padding:5px 5px; background:#fff; border:1px solid #dddddd; border-radius:3px; font-size:14px; white-space:nowrap; text-align:center; }
#stab ul li.select a, #stab ul li:hover a{color:#fff; font-weight:bold; background:#1d61ac; border:1px solid #1d61ac;  }
#stab ul.col4 li{min-width:24.5%;  }
#stab ul li a[title='´Ù¿î·Îµå']{padding-left:35px; padding-right:10px; background-image:url(/main/images/contents/ic_down02.gif); background-repeat:no-repeat; background-position:10px center; }
#stab ul li a:hover[title='´Ù¿î·Îµå']{background-image:url(/main/images/contents/ic_down.png); background-position:8px center;}

.sub_visual_wrap { width:100%; height:220px; border-bottom:1px solid #ddd; }
.sub_visual_wrap .sub_visual { background:url('/tour/images/sub/sub_visu01.gif') no-repeat center top; height:220px; }

.sub_title { background:url('/tour/images/sub/sub_title_bg.gif') repeat left top; border-bottom:1px solid #e5e5e5; }
.sub_title .point { padding:38px 0; background:url('/tour/images/sub/sub_title_point.png') no-repeat left top; }
.sub_title .point.wrapper { position:relative; }
.sub_title .point h3 { font-family:'Nanum Myeongjo' ,serif; font-size:42px; color:#000000; text-align:center; font-weight:normal; }
.sub_title .point .map_down { position:absolute; top:21px; right:0; overflow:hidden; }
.sub_title .point .map_down a { display:block; background:url('/tour/images/sub/map_down.png') no-repeat right center; width:288px; height:96px; text-indent:-9999px; }

.sub_navi { overflow:hidden; float:right; margin-top:16px; }
.sub_navi div { float:left; margin-left:12px; }
.sub_navi div ol { margin-top:3px; }
.sub_navi div ol li { position:relative; float:left; margin-left:4px; font-size:15px; }
.sub_navi div ol li:after { content:""; padding-left:12px; font-size:12px; vertical-align:bottom; background:url('/tour/images/sub/navi_step.gif') no-repeat right center; }
.sub_navi div ol li:last-child:after { content:""; padding-left:0; }
.sub_navi div ol li.home { background:url('/tour/images/sub/sub_navi_tit.gif') no-repeat left center; padding-left:9px; }
.sub_navi div .sns { float:left; }
.sub_navi div .sns li { display:inline-block; margin-left:3px; }
.sub_navi div .sns li a { display:block; width:28px; height:28px; text-indent:-5000px; }
.sub_navi div .sns li.sns01 a { background:url(/share/images/inc/ic_sns01.gif) no-repeat center center; }
.sub_navi div .sns li.sns02 a { background:url(/share/images/inc/ic_sns02.gif) no-repeat center center; }
.sub_navi div .sns li.sns03 a { background:url(/share/images/inc/ic_sns03.gif) no-repeat center center; }
.sub_navi div .sns li.sns04 a { background:url(/share/images/inc/ic_sns04.gif) no-repeat center center; }
.sub_navi div .sns li.favorite a { background: url(/share/images/inc/ic_favorite.gif) no-repeat center; }
.sub_navi div .sns li.print a { background:url(/share/images/inc/ic_print.gif) no-repeat center center; }


@media screen and (min-width:768px){
	#tab .cultural_tab li { margin:4px; width:32.3%; }
	#tab .cultural_tab li a { border:0 !important; font-size:22px; padding:40px 0; line-height:40px; color:#fff; font-weight:600; background-color:#fff !important; opacity:.72; text-shadow:2px 0 5px rgba(0,0,0,1); }
	#tab .cultural_tab li.select>p>a, #tab .cultural_tab li>p>a:hover { font-size:22px; color:#fff; font-weight:600; text-shadow:2px 0 5px rgba(0,0,0,.91); }
	#tab .cultural_tab li a:hover, #tab .cultural_tab li.select a { background-color:#fff; opacity:1; z-index:3; -webkit-text-stroke:1px; -webkit-text-stroke-color:rgba(0,0,0,.32); text-shadow:2px 0 5px rgba(255,255,255,.50); }
	#tab .cultural_tab li a.tab01 { background:url('/tour/images/contents/cultural_tab01.jpg') no-repeat; }
	#tab .cultural_tab li a.tab02 { background:url('/tour/images/contents/cultural_tab02.jpg') no-repeat; }
	#tab .cultural_tab li a.tab03 { background:url('/tour/images/contents/cultural_tab03.jpg') no-repeat; }
	#tab .cultural_tab li a.tab04 { background:url('/tour/images/contents/cultural_tab04.jpg') no-repeat; }
	#tab .cultural_tab li a.tab05 { background:url('/tour/images/contents/cultural_tab05.jpg') no-repeat; }
	#tab .cultural_tab li a.tab06 { background:url('/tour/images/contents/cultural_tab06.jpg') no-repeat; }
	#tab>ul.cultural_tab>li:nth-child(3)>p>a { margin-left:1px; }
	#tab>ul.cultural_tab>li:nth-child(4)>p>a { margin-left:0; }
	#tab>ul.cultural_tab>li:nth-child(6)>p>a { margin-left:1px; }
}

@media screen and (max-width:1010px){
	#contents { width:65%; }
	.sub_title .point h3 { font-size:42px; text-align:left; text-indent:20px; }
	.sub_title .point .map_down { right:20px; }

	#tab>p>a { display:block; padding:12px 0; width:100%; background:#ded9e6; color:#3b2b53; font-weight:bold; text-indent:20px; }
	#tab>ul>li>p>a { font-size:13px; letter-spacing:-1px; }
	#tab .cultural_tab li { width:32%; }
}

@media screen and (max-width:767px){
	#container .wrap { background:none; }

	#leftmenu{ width:100%; border-top:none; }
	#leftmenu .tit { position:relative; text-align:left; font-size:24px; text-indent:20px; }
	#leftmenu .tit .dp_mb { display:block; color:#fff; position:absolute; right:20px; top:15px; z-index:99; padding:0; text-align:center; background:url('/tour/images/inc/mb_menu_sub.png') no-repeat center right; font-size:26px; font-weight:600; color:#fff; width:100%; text-indent:-99999px; }

	#leftmenu .tit { padding:14px 0px; font-size:24px; color:#fff; border-left:none; border-right:none; background:#6941a0; }
	#leftmenu>ul>li { border-left:none; border-right:none; }
	#leftmenu>ul>li:first-child { border-top:1px solid #e5e5e5; }
	#leftmenu>ul>li.on>a { font-weight:bold; color:#6941a0; }
	#leftmenu>ul>li>a { display:block; font-weight:bold; }
	#leftmenu>ul>li>a { padding:13px 22px; display:block; font-size:16px; }
	#leftmenu>ul>li.select {border-top:0px}
	#leftmenu>ul>li.select>a { background:#fff; color:#6941a0; border:2px solid #6941a0; text-shadow:0 0 0; }
	#leftmenu>ul>li.right_bar.select:hover>a:hover:before, a:focus:before, a:active:before { display:none; }
	#leftmenu>ul>li.select>a>span { display:block; background:url('/tour/images/sub/left_arrow.png') no-repeat right center; }
	#leftmenu>ul>li>ul { display:none; background:#f9f9f9; }
	#leftmenu>ul>li.select>ul { display:block; }
	#leftmenu>ul>li>ul>li { border-bottom:1px solid #e5e5e5; }
	#leftmenu>ul>li>ul>li:last-child { border-bottom:none; }
	#leftmenu>ul>li>ul>li>a { display:block; padding:8px 20px; background:url('/tour/images/sub/sssssblet.gif') no-repeat 10px center; font-size:14px; letter-spacing:-1px; }
	#leftmenu>ul>li>ul>li.select { background:#fff; font-weight:bold; }
	#leftmenu>ul>li>ul>li.select a { color:#444; }

	#contents { width:100%; }
	#contents #detail_con { padding:0 20px; }

	.sub_title .point h3 { text-align:left; }
	.sub_title .point .map_down { position:absolute; top:54px; right:20px; padding:0; text-align:center; }
	.sub_title .point .map_down a { display:block; padding:6px 15px; width:auto; height:auto; text-indent:0; text-align:center; background:#ded9e6; border-radius:30px; font-size:14px; color:#3b2b53; font-weight:bold; }

	/*.sub_navi { width:100%; float:none; display:block; overflow:hidden; }
	.sub_navi div .sns { margin-top:5px; width:100%; }*/
	.sub_navi { display:none; }

	#tab { margin-top:0px; }
	#tab>ul>li { width:100% !important; }
	#tab>ul>li>p>a { padding:10px 0; font-size:14px; border-right:none; border-left:none; border-top:none; }
	#tab>ul>li:first-child>p>a { border-top:1px solid #aaaaaa; border-right:none; border-left:none; }
	#tab>ul>li>p>a:hover { border-right:none; margin-top:-1px; margin-left:0; border-left:none; }
	#tab>ul>li:first-child>p>a:hover { border-top:1px solid #728ead; margin-top:0; margin-left:0; border-left:none; }
	#tab>ul>li.select>p>a { border-right:none; margin-top:-1px; border-left:none; }
	#tab>ul>li:first-child.select>p>a { margin-top:0; margin-left:0; }

	.s_tab>ul>li { width:20% !important; }
	.s_tab>ul>li>p>a { padding:10px 0; font-size:14px; border:1px solid #bbbbbb; border-left:none; }
}

@media screen and (max-width:500px){
	.sub_title .point { padding:28px 0; }
	.sub_title .point h3 { font-size:32px; text-align:center; }
	.sub_title .point .map_down { position:relative; top:10px; right:0; padding:0; text-align:center; }
	.sub_title .point .map_down a { display:inline-block; padding:6px 15px; width:auto; height:auto; text-indent:0; text-align:center; background:#ded9e6; border-radius:30px; font-size:14px; color:#3b2b53; font-weight:bold; }

	.s_tab>ul>li { width:100% !important; }
	.s_tab>ul>li>p>a { padding:10px 0; font-size:14px; border:1px solid #bbbbbb; border-bottom:none; }
	.s_tab>ul>li:last-child>p>a { border-bottom:1px solid #bbbbbb; }
	.s_tab>ul>li>p>a:hover { font-weight:bold; border:1px solid #444; background:#555; color:#fff; margin-top:0px; }
}