@charset "utf-8";
/* 디자인가이드용 태그 */


/* 공통 - 슬라이드 이미지  */

.slide_img { position:relative; width:100%;}
.slide_img img {width:100%;}
.slide_img div {position: relative; }
.slide_img div p {position: absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5);     text-align: left; color: #fff; padding: 36px 0 36px 40px; font-size:24px;}
.slide_img button.slick-next.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.5) url('/common/img/bul.png')no-repeat -160px 0; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; left:0;  z-index:1;}
.slide_img button.slick-prev.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.5) url('/common/img/bul.png')no-repeat -160px -40px; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; right:0; z-index:1;}

/* 연제구홍보 > 사이버홍보, 문화유산 > 문화재  */

.top-imgBox { background:#f4f4f4; }
.top-imgBox .slide_img { float:left; width:45%; }

.info { float:right; width:50%; padding : 10px}
.info li { position:relative; padding-left:102px; margin-top:10px; line-height:21px; }
.info li:before {content: ''; position: absolute; width:4px; height:4px; left: 0; top:8px; background:#cc0000;}
.info li .tit { position:absolute; top:0; left:10px; width:82px; color:#555; font-weight: bold; }
.info li .tit::after { position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; content: ''; background: #c3c3c3; }

@media only screen and (max-width:768px){
	.top-imgBox { background:#fff; }
	.top-imgBox .slide_img { float:none; width:100%; }
	.top-imgBox .info { float:none; width:100%; padding-left:10px; margin:20px 0;}
}

div.popbtn { float:left; width:400px; text-align:right; padding:10px 20px 20px 40px; }

/* 문화행사  */

.festivalBox { /*float:left; width:100%; border-bottom:1px solid #e4e4e4;*/padding-bottom : 20px;  }
.festivalBox p { float:left; width:45%; background:#fff; border:1px solid #dedede; }
.festivalBox dl { float:right; width:50%; }
.festivalBox dl dt { margin-top:10px; color:#414792; font-size:1.2em; font-weight:600; }
.festivalBox dl dd { margin-top:20px; }
.festivalBox dl dd span.tit { font-weight:600; color:#4e4e4e;}

@media only screen and (max-width:768px){
	.festivalBox p { float:none; width:100%; }
	.festivalBox dl { float:none; width:100%; padding-left:10px; margin:20px 0;}
}

.singhis{}
.singhis div{float:left; width:30%; }
.singhis div img{float:left; width:100%;}
.singhis ul{float:right; width:65%;}
.bg_01{background:url(/tour/img/07/trophy.jpg) no-repeat 0 15px;}
.bg_02{background:url(/tour/img/07/0705010000_01.jpg) no-repeat 0 15px;}

.hhis {/*border-top:3px solid #4c7ee3;*/ }
.hhis>li {border-bottom:1px dashed #dedede; padding:20px 0; position:relative;}
.hhis>li p {font-size:20px; float:left; width:23%; margin-top:10px; color:#000;}
.hhis>li p span {color:#4c7ee3; font-size:40px;}
.hhis>li ul { float:right; width:77%; margin-top:10px;}

.hhis li:after {content:''; display:block; clear:both;}

.singpic { width:100%; }
.singpic p { float:right; width:40%; margin-top:20px;}
.singpic p img { width:100%;}
.singpic ul {float:left; width:55%;}
.singpic li {float:left; width:100%;}
.singpic li ul { width:100%; }

@media only screen and (max-width:650px) {
	.bg_01{display:none;}
	.singhis div{display:none;}
	.singhis ul{float:none; width:100%;}
	.hhis>li p {float:none; width:100%;}
	.hhis>li ul {float:none; width:100%; margin-top:20px;}
	
	.singpic p { float:none; width:100%; margin-top:0;}
	.singpic ul {float:none; width:100%;}
	.singpic li {float:none; }
}