@charset "utf-8";
/* 공통 */
.bx-controls *{display:inline-block; vertical-align:top;}
.bx-pager div a,
.bx-controls-auto-item a,
.bx-controls-direction a{text-indent:-9999px; font-size:0; line-height:0;}
.bx-controls-auto-item a.active{display:none;}

/* 광주 8경 */
.con_visual_wrap {position: relative; max-width:1092px;}
.con_visual_wrap .ctrl{display:none;}
.con_visual_wrap .bx-controls-direction a{position:absolute; top:50%; margin-top:-30px; z-index:55; background: rgba(44,109,169,0.8) url(/tour/img/sub01/spr_ctr.png) no-repeat; width: 72px; height: 52px; text-indent: -999999px;}
.con_visual_wrap .bx-controls-direction a.bx-prev{left:0;}
.con_visual_wrap .bx-controls-direction a.bx-next{right:0; background-position:0 -52px;}
.con_visual_wrap .img li{display:block !important;}

.con_visual_wrap ~ .tit{background: #f7f7f7;}
.con_visual_wrap ~ .tit p{width: 100%; font-size: 30px; font-weight: 600;  box-sizing:border-box; line-height: 1.3em;
background: #289ebf url(/tour/img/sub01/bg_tourlist_pt_tit.png) no-repeat center right; letter-spacing: -1pt; color: #fff; position: relative; padding: 15px;}
.con_visual_wrap ~ .tit p.namhan{font-size: 20px;padding: 27px 30px;}
.con_visual_wrap ~ .tit p > a{position: absolute; top: 20px; right: 20px;}
.con_visual_wrap ~ .tit p span{font-size: 35px; color: #ecf3c7; margin-top: 10px;}
.con_visual_wrap ~ .tit ul{padding: 10px 20px; box-sizing:border-box;}
.con_visual_wrap ~ .tit ul li{background: url(/tour/img/sub01/spr_tourlist.png) no-repeat; padding: 10px 5px 10px 40px; box-sizing:border-box; width: 33.33%; float: left;}
.con_visual_wrap ~ .tit ul li strong{width: 7%; display: inline-block;}
.con_visual_wrap ~ .tit ul li span{width: 79%; display: inline-block; vertical-align: top;}
.con_visual_wrap ~ .tit ul li.depth{background-position: 0 3px;}
.con_visual_wrap ~ .tit ul li.add{background-position: 0 -295px;width: 100%;}
.con_visual_wrap ~ .tit ul li.etc{background-position: 0 -589px;width: 100%;}
.con_visual_wrap ~ .tit ul li.time{background-position: 0 -880px;}
.con_visual_wrap ~ .tit ul li.time strong{width: 6%;}
.con_visual_wrap ~ .tit ul li.call{background-position: 0px -1181px;}

.con_visual_wrap ~ .tit .manhae li.add{width: 40%;}
.con_visual_wrap ~ .tit .manhae li.call{width: 30%;}
.con_visual_wrap ~ .tit .manhae li.etc{width: 30%;}
.con_visual_wrap ~ .tit ul.manhae li span{width: 76%;}

.con_visual_wrap ~ .tab{margin-top: 30px;}
.con_visual_wrap ~ .tab li{width: 25%; float: left; text-align: center;}
.con_visual_wrap ~ .tab li a{color: #fff; font-size: 17px; padding: 10px; background: #13aab2; width: 100%; display: block; box-sizing:border-box; position: relative;}
.con_visual_wrap ~ .tab li a:hover{background: #098990;}
.con_visual_wrap ~ div[id^="con"]{border-bottom: 1px solid #ddd;padding-bottom: 50px;margin-bottom: 50px; position: relative;}
.con_visual_wrap ~ div[id^="con"]>h4{text-align: center; font-size: 30px; font-weight: 600; line-height: 1.5em; margin-top: 40px; padding-left: 0; margin-bottom: 40px;}
.con_visual_wrap ~ div[id^="con"]>h4:before{content: ''; display: block; background: url(/tour/img/sub01/img_tour_point.png) no-repeat; width: 12px; height: 17px; 
margin: 0 auto; position: relative; top: 0; left: 0;}
.con_visual_wrap ~ div[id^="con"] img{width: 100%;}
.con_visual_wrap ~ div[id^="con"] .con{margin-top: 20px; line-height: 2em;}
.con_visual_wrap ~ div[id^="con"] .imgcon{margin-top: 30px;}
.con_visual_wrap ~ div[id^="con"] .imgcon div{float: left; width: 32%; margin-right: 1%; margin-bottom: 20px;min-height: 460px;}
.con_visual_wrap ~ div[id^="con"] .imgcon div h5{margin-top: 16px;}
.con_visual_wrap ~ div[id^="con"] .tour_top{position: absolute; bottom: 0; text-align: center; width: 100%;}
.con_visual_wrap ~ div[id^="con"] .tour_top a{background: url(/tour/img/sub01/btn_tour_top.png); width: 74px; height: 36px; box-sizing:border-box; color: #fff;
font-weight: 600; display: block; margin: 0 auto; padding-top: 13px;}

.con_visual_wrap.box2 ~ .tit p{width: auto; letter-spacing: -1pt; font-size: 30px; padding: 0; background: none;}
.con_visual_wrap.box2 ~ .tit{background: #289ebf url(/tour/img/sub01/bg_tourlist_pt_tit.png) no-repeat center right; padding: 15px; position: relative;}
.con_visual_wrap.box2 ~ .tit .btn{position: absolute; right: 13px; top: 13px;}

@media (max-width: 1024px){
	.con_visual_wrap ~ .tit ul li strong{width: 7% !important;}
	.con_visual_wrap ~ .tit ul li.time span{width: 88% !important;}
}
@media (max-width: 964px){
	.con_visual_wrap ~ .tit ul li{width: 100% !important;}
	.con_visual_wrap ~ .tit ul li.time strong{width: 19% !important;}
	.con_visual_wrap ~ div[id^="con"] .imgcon div{width: 49%; min-height: 490px;}
}
@media (max-width:640px){
	.con_visual_wrap ~ div[id^="con"] .imgcon div {width: 100%;min-height: 0;}
}
@media (max-width: 472px){
	.con_visual_wrap ~ .tit p{text-align: center; line-height: 1.5em;}
	.con_visual_wrap ~ .tit p span{display: block; margin: 0 auto;}
}
@media (max-width: 450px){
		.con_visual_wrap ~ div[id^="con"] .imgcon div{width: 100%; margin-right: 0;}
	.con_visual_wrap ~ .tit ul li strong{width: 100% !important;}
	.con_visual_wrap ~ .tit ul li.time strong{width: 100%;}
	.con_visual_wrap ~ .tit ul li span{margin-bottom: 5px;}
	.con_visual_wrap ~ .tit p{text-align: center;}
	.con_visual_wrap ~ .tit p > a, .con_visual_wrap.box2 ~ .tit .btn{position: relative; top: 0; right: 0; margin: 0 auto; width: 115px; display: block; margin-top: 10px;}
	.con_visual_wrap ~ .tit p span{line-height: 1.2em;}
}
/* 퇴촌토마토축제 - 주요행사 */
.con02040301_wrap {overflow: hidden;}
.con02040301_txt {width:60%; float:left;}
.con02040301_img {width:38%; float:right; text-align: right; margin-left:10px;}
.con02040301_img img {float:left; margin-left:10px;}

@media (max-width:1024px){
	.con02040301_img img {float:none; margin-left:0; margin-top:10px; }
} 

@media (max-width:730px){
	.con02040301_txt, .con02040301_img {float:none; width:100%;}
	.con02040301_img {text-align:center; margin-left:0;}
	.con02040301_img img {margin:5px 5px; }
}

@media (max-width:414px){
	.con02040301_img img {width:90%; margin:5px 0;}
}

/* 왕실도자기축제 - 축제개요 */
.con020302 {background: url(/tour/img/sub02/con020302_bg.jpg) no-repeat right bottom;}
.con020302_wrap {overflow: hidden; height:auto; padding-bottom: 50px; margin-left: 70px;}
.con020302_tit {background:#278cad url(/tour/img/sub02/con020302_bg.png)no-repeat bottom; width:145px; height:199px; float:left;}
.con020302_tit h4 {background: url(/tour/img/sub02/con020302_bg.gif) no-repeat 17px 20px !important; color:#fff; padding-top: 30px; padding-left: 15px;}
.con020302_tit h4:before {background:none; padding:0;}
.con020302_txt {float:left; margin-left:80px;}
.con020302_txt > ul > li {font-size:18px; color:#5b5b5b; line-height:35px;} 
.con020302_txt > ul > li > span {font-size:20px; color:#333; font-weight:600; margin-right:20px;} 
.con020302_txt > ul > li > ul {margin-top: 5px;}
.con020302_txt > ul > li > ul:after {content:''; display:block; clear:both;}
.con020302_txt > ul > li > ul > li {font-size:16px; line-height:24px;}

@media (max-width:814px){
	.con020302_wrap {margin-left: 10px;}
	
}

@media (max-width:686px){
	.con020302 {background: none;}
	.con020302_tit , .con020302_txt {float:none;}
	.con020302_tit {width: 100%; height: 119px;  background: #278cad url(/tour/img/sub02/con020302_bg.png)no-repeat right bottom;}
	.con020302_tit h4 { padding-top: 50px; padding-left: 35px; background: url(/tour/img/sub02/con020302_bg.gif) no-repeat 37px 30px !important;}
	.con020302_tit h4 br {display:none;}
	.con020302_txt {margin-left: 30px; margin-top: 20px;}
}

/* 왕실도자기축제 - 축제일정표 */
.be_sch {background: #f4fbfe;padding: 12px 8px !important;}
.be_sch li {letter-spacing: -1pt; padding-left: 12px;}

/* 남한산성문화제- 축제개요 - 셀렉트탭 */

.con020202_wrap {width:100%; /* background:#f1f5fa; height:319px; */ overflow: hidden; padding-top: 40px; margin-bottom: 20px;} 
.con020202_wrap > img{float:left; width: 37%;}
.con020202_wrap > ul > li {line-height: 18px !important;}
.con020202_txt {float:left; width: 63%;}
.con020202_txt h4 {background: url(/tour/img/sub02/con020202_h4.png) no-repeat 30px 0 !important; color:#276cad; padding-top: 25px; padding-left: 54px; height:48px;text-shadow: 4px -1px 1px rgba(255, 255, 255, 1);}
.con020202_txt h4:before {background:none !important; padding:0;width: 74px;height: 74px;}

.con020202_list {text-align:center; margin-top:10px; overflow: hidden;}
.con020202_list > ul > li {width:33%; float: left; padding: 0 5px; box-sizing: border-box;}
.con020202_list > ul > li > span {color:#276cad; font-size:18px; font-weight:600; display:block; margin:10px auto;}


@media (max-width:1024px){
	/* 남한산성문화제,왕실도자기,퇴촌토마토 메인 */
	#visual .title{width:375px; bottom:1em; right:1em;}
	#visual .pottery{width:400px;}
	#visual .tomato{width:330px;}
	#visual .title dt{font-size:41px;}
	#visual .tomato dt{font-size:25px;}
	#visual .tomato dt em{font-size:41px}

	#gallery,
	#link{float:left; width:100%;}
	#gallery{margin:0 0 1.5em;}
	#gallery .list li{width:24%; padding:0 0 0 1%;}
	#gallery .list li:first-child{padding:0;}
	
	#link li{width:25%;}
	#link li.list3{background:#d6e9f2;}
	#link li.list4{background:#e9f3f8;}
	#link li:hover,
	#link li:active,
	#link li:focus{background:#fee6df;}
	#link li a{padding:0; text-align:center;}
	#link li a .ico,
	#link.mountain li a .ico{width:65px;}

}


@media (max-width:768px){
	#visual .title{width:100%; bottom:0; right:0; min-height:auto; background:#134341; opacity:0.8;}
	#visual .pottery{background:#505f10;}
	#visual .tomato{background:#a4401f;}
	#visual .title dl{padding:0.5em;}
	#visual .title dt{padding:0 0 0.3em 0; margin:0 0 0.3em 0; font-size:18px; letter-spacing:-1px;}
	#visual .title dd{font-size:13px;}
	#visual .tomato dt{font-size:14px;}
	#visual .tomato dt em{display:inline-block; padding:0 0 0 0.3em; font-size:18px;}
	
	#gallery h4{font-size:18px;}
	#gallery .more{width:23px; height:23px; background-size:23px;}

	#link li{line-height:120%; font-size:13px;}
	#link li a {padding:1em 0 0 0;}
	#link li a *{display:block;}
	#link li a .ico,
	#link.mountain li a .ico{margin:0 auto 0.3em; background-position:6px 0;}
	#link li.list2 a .ico{background-position:-200px 0;}
	#link li.list3 a .ico{background-position:9px -92px;}
	#link li.list4 a .ico{background-position:-200px -93px;}
	
	.con020202_txt {width:60%;}
	.con020202_wrap > img{float:right;}
	.con020202_txt h4 {background: url(/tour/img/sub02/con020202_h4.png) no-repeat 0 0 !important; padding-left: 24px; height: 61px;line-height: 120%;}
	.con020202_txt > p {margin-left:0 !important;}
	.con020202_txt > ul {margin-left:0 !important;}
	
}
@media (max-width:730px){
	.con020202_txt h4 {padding-top: 11px;}
}
@media (max-width:540px){
	.con020202_wrap > img, .con020202_txt {width:100%; float:none;}
	.con020202_txt {margin-top:10px;}
	.con020202_list > ul > li {width:100%; float:none;}
	.con020202_txt h4 {padding-top: 25px;}
}
@media (max-width:433px){
	.con020202_txt h4 {padding-top: 11px;}
}

/* Map Of Famous Restaurant In GWANGJU */
.taste-map {position:relative; display:block; width:100%;  border:1px solid #efefef; border-radius:1em; overflow:hidden;}
.taste-map .img-box {background:#f8f8f8; padding:1em;}
.taste-map .txt-box {background:#fff; padding:1em; text-align:center;}