@charset "utf-8";





/* **************************************** *
 * 수정시작
 * **************************************** */










/* **************************************** *
 * 수정끝
 * **************************************** */


































/* sub visual */
.s_vis {height:250px; background:#1f1e1d url('/images/sub/vis_bg01.jpg') no-repeat center center; background-size:cover;}
.s_vis p {height:250px; padding-top:55px; padding-left:55px;}
.s_vis.bg01 {background-image:url('/images/sub/vis_bg01.jpg');}
.s_vis.bg02 {background-image:url('/images/sub/vis_bg02.jpg');}
.s_vis.bg03 {background-image:url('/images/sub/vis_bg03.jpg');}
.s_vis.bg04 {background-image:url('/images/sub/vis_bg04.jpg');}
.s_vis.bg05 {background-image:url('/images/sub/vis_bg05.jpg');}
.s_vis.bg06 {background-image:url('/images/sub/vis_bg06.jpg');}
.s_vis.bg0 {background-image:url('/images/sub/vis_bg01.jpg');}

.s_vis .line {display:none;}

@media all and (max-width:1024px){
.s_vis .line {display:block; position:relative; height:5px; background:#282828; font-size:0;}
.s_vis .line:after {content:""; display:block; position:absolute; top:0; right:0; width:35%; height:5px; background:#ff8035;}
}


@media all and (max-width:768px){
.s_vis {height:195px;}
.s_vis p {height:190px; padding-top:35px; padding-left:0;}
.s_vis p img {width:255px;}
}

@media all and (max-width:480px){
.s_vis {height:155px;}
.s_vis p {height:150px; padding-top:25px;}
.s_vis p img {width:205px;}
}




/* container */
#container {padding:30px 0 60px; overflow:hidden;}
.sub_cont {min-height:300px;}

@media all and (max-width:1024px){
#container {padding-top:0;}
}




/* snb */
#aside {float:left; width:16.666%;}
#aside h2 {height:102px; padding-top:32px; font-weight:700; font-size:22px; color:#fff; background:url('/images/common/snb_bg.png') no-repeat 0 0; text-align:center;}
#snb {margin-top:10px; margin-bottom:30px;}
#snb > li > a {display:block; height:40px; line-height:39px; padding-left:10px; font-size:16px; color:#777; border-bottom:1px dashed #b6b6b6;}
#snb > li > a:hover,
#snb > li.on > a {background:url('/images/common/snb_on.png') no-repeat 95% 9px;}
#snb > li > a:hover > span,
#snb > li.on > a > span {font-weight:700; color:#333;}
#snb > li > a[target="_blank"] {background-image:url('/images/common/blank_1.png') !important;}

#snb > li > ul {display:none; padding:0 0 9px 15px; border-bottom:1px dashed #b6b6b6; background:#eee;}
#snb > li > ul > li:first-child {padding-top:10px;}
#snb > li > ul > li {}
#snb > li > ul > li > a {display:block; padding-left:10px; color:#2d2d2d; line-height:24px; background:url('/images/common/snb_bl.png') no-repeat 0 11px;}
#snb > li > ul > li > a:hover, 
#snb > li > ul > li.on > a {font-weight:700; color:#ff8035; text-decoration:underline; background-image:url('/images/common/snb_bl_on.png');}

#aside .ban {}
#aside .ban > li {margin-bottom:10px;}
#aside .ban > li > a {display:block; font-size:0; line-height:0;}
#aside .ban > li > a > img {width:100%;}

@media all and (max-width:1024px){
#aside {display:none;}
}




/* content */
#content {float:left; width:80%; margin-left:3.333%;}
.sub_head {position:relative; padding-top:18px; padding-bottom:40px;}
.sub_head > .tle {font-weight:700; font-size:31px;}
.sub_head > .txt {padding-top:18px; font-size:16px; color:#777;}
.sub_head > .path {}
.sub_head > .path > li {padding-right:12px; padding-left:16px; color:#777; background:url('/images/common/path_arr.png') no-repeat 0 3px;}
.sub_head > .path > li:first-child {position:relative; background:none; padding-left:22px; text-transform:uppercase;}
.sub_head > .path > li:first-child:before {content:""; position:absolute; top:2px; left:0; width:14px; height:12px; background:url('/images/common/path_home.png') no-repeat 0 0;}

@media all and (min-width:1025px){
.sub_head > .path {position:absolute; top:29px; right:0;}
.sub_head > .path > li {float:left;}
}

@media all and (max-width:1024px){
#content {float:none; width:100%; margin-left:0; padding-top:18px;}
.sub_head {padding-top:8px;}
.sub_head > .tle {padding-bottom:25px; font-size:25px; text-align:center;}
.sub_head > .txt {display:none;}
.sub_head > .path {text-align:center;}
.sub_head > .path > li {display:inline; padding-right:6px; padding-left:14px;}
.sub_head > .path > li:first-child {font-size:0; padding-left:0; padding-right:3px;}
.sub_head > .path > li:first-child + li {background:none;}
.sub_head > .path > li:first-child:before {top:-10px; }
}

@media all and (max-width:768px){
.sub_head {padding-bottom:30px;}
}

@media all and (max-width:480px){
.sub_head {padding-bottom:25px;}
}




/* sub cont */
.sub_cont h4 {margin-top:40px; padding-top:14px; padding-bottom:20px; font-weight:700; font-size:20px; line-height:25px; background:url('/images/common/bl_h4.png') no-repeat 0 0;}
.sub_cont h4:first-child {margin-top:0;}
.sub_cont h5 {padding-bottom:10px; padding-left:25px; font-weight:700; font-size:18px; line-height:25px; background:url('/images/common/bl_h5.png') no-repeat 0 4px;}

.bl_st1,
.bul_st1 li {padding-left:12px; color:#555; line-height:27px; letter-spacing:-0.04em; background:url('/images/common/bl_2_1.png') no-repeat 0 9px;}
.bul_hyp li {padding-left:12px; color:#555; line-height:27px; letter-spacing:-0.04em; background:url('/images/common/bl_hyp.png') no-repeat 0 12px;}
li.none {background:none;}
.explan {padding-bottom:20px; font-size:15px; line-height:25px; letter-spacing:-0.04em; color:#555; text-align:justify;}
.ready {width:80%; padding-top:20px; margin:0 auto; line-height:0; text-align:center;}
.ready1 {width:100%; padding-top:20px; margin:0 auto; line-height:0; text-align:center;}
.ready img {width:100%; max-width:355px;}

.br {padding:7px; border:1px solid #d8d8d8; font-size:0; line-height:0;}
.br img {width:100%;}

@media all and (max-width:768px){
.sub_cont h4 {font-size:20px;}
.explan {font-size:14px !important; line-height:22px;}
}

@media all and (max-width:480px){
.sub_cont h4 {font-weight:700; font-size:18px;}
}




/* box style */
.box_st1 {padding:5px; border:1px solid #c8c8c8; background:#dbdbdb;}
.box_st1 .inr {background:#fff; overflow:hidden;}
.box_st1 dl {padding:30px 30px 25px;}
.box_st1 dt {font-weight:700; font-size:20px; color:#333;}
.box_st1 dd {padding-top:15px;}

.box_st2 {position:relative; padding:53px 0; border:1px solid #d3dde3; background:#dce7ee url('/images/common/box_bg2.png') no-repeat center 0; background-size:cover;}
.box_st2 p {position:absolute; top:0; left:0; width:27.35%; font-size:0; line-height:0;}
.box_st2 p img {width:100%; max-width:262px;}
.box_st2 dl {width:100%; padding:0 30px 0 30%;}
.box_st2 dt {font-size:0; line-height:0;}
.box_st2 dd {padding-top:22px; font-size:16px; line-height:25px; letter-spacing:-0.05em;}

.box_st3 {clear:both; position:relative; border:1px solid #e5e5e5; background:#f5f5f5; overflow:hidden;}

.box_st4 {padding:28px 20px; border:1px solid #d3dde3; background:#e5eef4 url('/images/common/box_bg4.png') no-repeat center center; text-align:center;}

@media all and (min-width:769px){
.box_st2 {height:200px;}
}

@media all and (max-width:768px){
.box_st1 dl {padding:25px 25px 20px;}
.box_st2 {padding:38px 0;}
.box_st2 p {display:none;}
.box_st2 dl {padding:0 20px 0 20px;}
.box_st2 dd {padding-top:17px; font-size:15px; line-height:24px; text-align:justify;}
}

@media all and (max-width:480px){
.box_st1 dl {padding:20px 20px 15px;}
.box_st2 {padding:23px 0;}
.box_st2 dl {padding:0 15px 0 15px;}
.box_st2 dd {padding-top:12px; font-size:14px;}
.box_st4 {padding:20px;}
}




/* table style */
.tbl_st1.taC tbody td {text-align:center !important;}
.tbl_st1 {width:100%; border-top:1px solid #535353; }
.tbl_st1 thead th {padding:12px 0 13px; font-weight:700; font-size:15px; color:#fff; background:#888; text-align:center; border:solid #535353; border-width:0 1px 1px 0; vertical-align:middle;}
.tbl_st1 tr:first-child thead th:first-child {border-left:1px solid #535353;}
.tbl_st1 tbody th,
.tbl_st1 td {padding:12px 0 13px; color:#666; line-height:22px; border:solid #dbdbdb; border-width:0 1px 1px 0; border-top:0; text-align:center;}
.tbl_st1 tbody th {background:#f5f5f5;}
.tbl_st1 tbody th:first-child {border-left:1px solid #dbdbdb;}
.tbl_st1 td:first-child {border-left:1px solid #dbdbdb;}
.tbl_st1 td.taL {text-align:left; padding-left:10px;}


/* paging */
.paging {clear:both; text-align:center; padding:50px 0 0;}
.paging > * {vertical-align:middle;}
.paging strong,
.paging a {display:inline-block; margin:0 1px; min-width:32px; height:33px; margin-bottom:5px; line-height:30px; font-size:13px; color:#666; border:1px solid #cacaca; text-align:center; box-sizing:border-box; cursor:pointer;}
.paging a:hover,
.paging strong {font-weight:700; color:#fff; background-color:#555;}
.paging .arr {text-indent:-9999px;}
.paging .first {background:url('/images/common/page_first.png') no-repeat center 0;}
.paging .prev {background:url('/images/common/page_prev.png') no-repeat center 0;}
.paging .next {background:url('/images/common/page_next.png') no-repeat center 0;}
.paging .last {background:url('/images/common/page_last.png') no-repeat center 0;}
.paging .arr:hover {background-color:#ff8035; background-position:0 -33px;}


/* 문화관광형시장 육성사업단 */
.bizinfo .head {position:relative; border-bottom:5px solid #666; overflow:hidden;}
.bizinfo .head p {position:absolute; width:165px; bottom:0; left:0; font-size:0; line-height:0;}
.bizinfo .head p img {width:100%;}
.bizinfo .head dl {margin:40px 0; padding-left:215px;}
.bizinfo .head dt img {width:80%; max-width:213px; font-size:0; line-height:0;}
.bizinfo .head dd {padding-top:22px; font-size:16px; line-height:25px; letter-spacing:-0.05em; text-align:justify;}
.bizinfo .pic {margin-top:5px; overflow:hidden;}
.bizinfo .pic p {float:left; width:31.25%; margin-left:3.125%; line-height:0;}
.bizinfo .pic p:first-child {margin-left:0;}
.bizinfo .pic p img {width:100%;}

@media all and (max-width:768px){
.bizinfo .head p {position:relative; width:30%; margin:0 auto;}
.bizinfo .head dl {padding-left:0;}
.bizinfo .head dt {text-align:center;}
.bizinfo .head dd {text-align:center;}
}

@media all and (max-width:480px){
.bizinfo .head p {width:50%;}
.bizinfo .head dl {margin:30px 0;}
}


/*  개인정보취급방침 */
.privacy_wrap {line-height:24px; text-align:justify;}
.privacy_wrap p {padding-bottom:13px;}
.privacy_wrap .box_st1 .inr {padding:20px;}
.privacy_wrap .bul_hyp li {line-height:24px;}



/* 이메일무단수집거부 */
.email {width:90%; margin:0 auto; overflow:hidden;}
.email > dl {padding-top:138px; text-align:center;  background:url('/images/sub/email_ico.png') no-repeat center 0;}
.email > dl dt {line-height:0;}
.email > dl dt > img {width:100%; max-width:466px;}
.email > dl dd {padding-top:20px; font-size:15px; line-height:26px;}

@media all and (max-width:480px){
.email > dl {padding-top:116px; background-size:80px 86px;}
.email > dl dd {padding-top:15px; font-size:14px;}
}



/* 사이트맵 */ 
.sitemap_wrap {}
.sitemap_wrap > ul {overflow:hidden;}
.sitemap_wrap > ul > li {float:left; width:30%; margin-left:5%; margin-bottom:20px; border-top:2px solid #555;}
.sitemap_wrap > ul > li:nth-child(3n+1) {margin-left:0;}
.sitemap_wrap > ul > li > a {display:block; height:46px; line-height:46px; font-size:16px; color:#fff; border-bottom:3px solid #ff8035; background:#777; text-align:center;}
.sitemap_wrap .sub_menu {height:190px; padding:15px 20px; border:1px solid #d0d0d0; border-top:0;}
.sitemap_wrap .sub_menu li {line-height:30px; border-bottom:1px dotted #d0d0d0;}
.sitemap_wrap .sub_menu li a {letter-spacing:-0.04em;}
.sitemap_wrap .sub_menu li a:hover {font-weight:700;}

@media all and (max-width:768px){
.sitemap_wrap > ul > li {width:32%; margin-left:2%;}
.sitemap_wrap .sub_menu {padding:10px 15px;}
}

@media all and (max-width:480px){
.sitemap_wrap > ul > li {width:49%;}
.sitemap_wrap > ul > li:nth-child(3n+1) {margin-left:2%;}
.sitemap_wrap > ul > li:nth-child(2n+1) {margin-left:0;}
.sitemap_wrap > ul > li > a {height:40px; line-height:40px;}
.sitemap_wrap .sub_menu {padding:10px 12px;}
}


/* 커뮤니티 > 상주관광 */
.tour_head {margin-bottom:25px; padding:28px 35px; text-align:left; overflow:hidden;}
.tour_head > img {float:left; width:78%; max-width:367px;}
.tour_head > a {display:block; float:right; padding-top:15px; font-weight:700; color:#fff; line-height:20px; border-radius:8px; background:#1a3c4a; text-align:center;}

@media all and (max-width:768px){
.tour_head {padding:25px 20px;}
}
@media all and (min-width:481px){
.tour_head > a {width:20%; max-width:80px;  height:70px;}
}
@media all and (max-width:480px){
.tour_head {padding:20px 20px;}
.tour_head > img {width:100%;}
.tour_head > a {width:160px; height:40px; margin-top:15px; padding-top:9px; border-radius:6px;}
.tour_head > a br {display:none;}
}



/* 이벤트 */
.event_topper { overflow:hidden; background:#f8b62a url('/images/main/safe_bg1.jpg') no-repeat top right;  width:100%; box-sizing:border-box; border:1px solid #ddd;}
.event_topper h5 {color:#65218a; font-weight:700; background:none; padding:0px !important; margin-bottom:18px;
text-shadow:0px 0px 4px #fff;}
.event_topper p {overflow:hidden; padding-bottom:10px; line-height:18px; color:#000;}
.event_topper dl {overflow:hidden; padding-top:10px;}

.myButton {

	background-color:#eae0c2;
	border:1px solid #038b85;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-size:14px;
	font-weight:bold;
	padding:12px 16px;

}
.myButton:hover {

	background-color:#ccc2a6;
}
.myButton:active {
	position:relative;
	top:1px;
}




@media all and (min-width:1024px){ 

.event_topper {padding:30px; background:#f8b62a url('/images/main/safe_bg1.jpg') no-repeat top left;}
.event_topper h5 {font-size:25px; line-height:30px; }
.event_topper dl { width:80%}
.event_topper dl dt {font-weight:bold; width:15%; float:left; overflow:hidden; border-right:1px solid #038b85; line-height:23px; font-size:13px;}
.event_topper dl dd {overflow:hidden; float:right; width:82%;line-height:23px; font-size:13px; color:#333;}

.event_topper dl dd p {color:#e55129;}
.event_topper  p strong {text-decoration:underline; color:#e55129;}



}
@media all  and (min-width:641px) and (max-width:1023px){
.event_topper  { background:#f8b62a url('/images/main/safe_bg1.jpg') no-repeat top left;}
.event_topper {padding:20px;}
.event_topper h5 {font-size:25px; line-height:30px; }
.event_topper dl { width:100%}
.event_topper dl dt {font-weight:bold; width:15%; float:left; overflow:hidden; border-right:1px solid #038b85; line-height:23px; font-size:13px;}
.event_topper dl dd {overflow:hidden; float:right; width:82%;line-height:23px; font-size:13px; color:#333;}

.event_topper dl dd p {color:#e55129;}
.event_topper  p strong {text-decoration:underline; color:#e55129;}



}
@media all and (max-width:640px){
.event_topper  { background:#0ba29b url('/images/main/safe_bg2.jpg') no-repeat top left;}
.event_topper {padding:10px;}
.event_topper h5 {font-size:16px; line-height:17px; }
.event_topper dl { width:100%; margin-left:20px;margin-top:10px}
.event_topper dl dt {font-weight:bold;  overflow:hidden; line-height:23px; font-size:12px;}
.event_topper dl dd {overflow:hidden; line-height:23px; font-size:12px; color:#333;}

.event_topper dl dd p {color:#e55129;}
.event_topper  p strong {text-decoration:underline; color:#e55129;}



}