@charset "utf-8";
/* CSS Document */


.board_layerPop {display:none; position:fixed; left:0; top:0; z-index:3000; width:100%; height:100%; overflow-y:auto;}
.board_layerPop .board_layerPop_inner {position:absolute; top:50%; left:50%; margin:-213px 0 0 -145px; width:290px; border:1px solid #f68121; background-color:#fff; padding:30px;}
.board_layerPop .board_layerPop_inner .board_layerPop_close {position: absolute;right: 20px;top: 20px;font-size: 20px;background:#fff;border:0;cursor:pointer;}




/* 페이지 넘버 */

.page-box {width: 100%; text-align: center; margin-top: 35px; }
.page-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.page-ul {display: inline-block;}
.page-ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.page-ul li {display: inline-block; vertical-align: middle;}
.page-ul li.num a {display: inline-block; vertical-align: middle; width: 35px; height: 35px; line-height: 35px;}
.page-ul li.btn a {margin:0 5px; font-size: 13px; color: #333; vertical-align: top;}
.page-ul li a img {display: inline-block; line-height: 40px; vertical-align: top; margin:0 3px; padding-top: 4px;}
.page-ul li.active a {background-color: #707070; color: #fff;}
.page-ul li.btn a:hover,
.page-ul li.btn a:focus {text-decoration: underline; font-weight: 500;}


@media screen and (max-width:999px){	
	.page-box {margin-top: 30px; }

	.page-ul {}
	.page-ul li {}
	.page-ul li.num a {width: 25px; height: 25px; line-height: 25px; font-size: 13px;}
	.page-ul li.btn a {margin:0 3px; font-size: 11px;}
	.page-ul li a img {margin:0 2px; padding-top: 4px;}
}





/* 검색 박스 */
.search-b-box {width: 100%; background-color: #f6f7f9; border:1px solid #ededed; text-align: center; padding: 22px 10px; margin:0 0 30px;}
.search-b-box label {font-size: 14px; padding: 0 7px; vertical-align: middle; font-weight: 500; }
.search-b-box .sea_select {min-width: 128px; height: 43px; background-color: #fff; border:1px solid #e8e8e8; vertical-align: middle;}
.search-b-box .txt_search {width: 350px; height: 43px; background-color: #fff; border:1px solid #e8e8e8; vertical-align: middle;}
.search-b-box .btn-search {width: 80px; height: 43px; background-color: #353535; border:1px solid #353535; color: #fff; font-size: 15px; margin-left: -5px; transition: all 0.3s ease; vertical-align: middle;}
.search-b-box .btn-search:hover,
.search-b-box .btn-search:focus {background-color: #111; border-color: #111;}

@media screen and (max-width:999px){
	/* 검색 박스 */
	.search-b-box {padding: 20px 10px; margin:0 0 20px;}
	.search-b-box label {display:block; width:100%; font-size: 13px; padding: 0 0 10px;}
	.search-b-box .sea_select {min-width: auto; width: 100%; height: 35px; margin:0 0 5px; font-size: 13px;}
	.search-b-box .txt_search {width: 100%; height: 38px; font-size: 13px;}
	.search-b-box .btn-search {width: 100%; height: 38px; font-size: 13px; margin-left:0; margin-top: 5px;}
}





/*게시판 목록 - 윗부분*/
.board-top-txt-box {width: 100%; margin:0 0 20px;}
.board-top-txt-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.board-top-txt-box .page-count {font-size: 14px;}
.board-top-txt-box .page-count .icon {vertical-align: middle;}
.board-top-txt-box .page-count .icon i {font-size: 15px; margin-right: 3px; color: #aaa;}
.board-top-txt-box .page-count .txt {font-size: 14px; color: #3a74bd;}
.board-top-txt-box .page-count .num {font-size: 14px; color: #555;}
.board-top-txt-box .page-count .num b {font-weight: 500;}


@media screen and (max-width:999px){

	/*게시판 목록 - 윗부분*/
	.board-top-txt-box {margin:0 0 15px;}
	.board-top-txt-box .page-count {font-size: 13px;}
	.board-top-txt-box .page-count .icon i {font-size: 14px; margin-right: 2px;}
	.board-top-txt-box .page-count .txt {font-size: 13px;}
	.board-top-txt-box .page-count .num {font-size: 13px;}
}







/******* 행사쪽 목록 *******/
.sub-event1-list-box {width: 100%; border-top: 2px solid #214488;}
.sub-event1-list-box .one {width: 100%; padding:20px 0; border-bottom: 1px solid #ccc;}
.sub-event1-list-box .one:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-event1-list-box .one a {display: block;}
.sub-event1-list-box .one a:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-event1-list-box .one .img-box {float: left; width: 356px; height: 183px; overflow:hidden; position:relative;}
.sub-event1-list-box .one .img-box img {position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%; transition: all 0.25s ease; transform: scale(1,1);}
.sub-event1-list-box .one .img-box .cate {position: absolute; left: 0; top: 0; z-index: 100; padding: 7px 5px; background-color: #aaa; font-size: 15px; min-width: 50px; text-align: center; color: #fff; font-size: 14px; box-shadow: 2px 2px 0 rgba(0,0,0,0.2);}
.sub-event1-list-box .one .img-box .cate.red {background-color: #ff7675;}
.sub-event1-list-box .one .img-box .cate.blue {background-color: #0984e3;}
.sub-event1-list-box .one .img-box .cate.green {background-color: #81ecec;}

.sub-event1-list-box .one .letter-box {float: left; width: calc(100% - 356px); padding: 20px 0 0 35px;}
.sub-event1-list-box .one .letter-box .date-p {margin-bottom: 25px;}
.sub-event1-list-box .one .letter-box .date-p .sq {display: inline-block; vertical-align: middle; min-width: 75px; padding: 9px 5px 8px; background-color: #2859a2; color: #fff; margin-right: 10px; text-align: center;}
.sub-event1-list-box .one .letter-box .date-p .txt {font-size: 17px; color: #2859a2; font-weight: 500;}
.sub-event1-list-box .one .letter-box .title {margin:0 0 10px; font-size: 18px; color: #333; font-weight: 500;}
.sub-event1-list-box .one .letter-box .info {width: 100%;}
.sub-event1-list-box .one .letter-box .info:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-event1-list-box .one .letter-box .info li {float: left; min-width: 240px; height: 15px; line-height: 15px; font-size: 15px; margin:5px 0; padding-left: 20px; color: #666;}
.sub-event1-list-box .one .letter-box .info li:nth-of-type(2n+1) {border-right:1px solid #ccc; clear: both; padding-left: 0;}

.sub-event1-list-box .one a:hover .img-box img,
.sub-event1-list-box .one a:focus .img-box img {transform: scale(1.1,1.1);}
.sub-event1-list-box .one a:hover .title,
.sub-event1-list-box .one a:focus .title {text-decoration: underline;}



@media screen and (max-width:999px){

	/******* 행사쪽 목록 *******/
	.sub-event1-list-box {}
	.sub-event1-list-box .one {padding:15px 0;}
	.sub-event1-list-box .one .img-box {float: none; width: 100%; height: 0; padding-top: 51%;}
	.sub-event1-list-box .one .img-box img {}
	.sub-event1-list-box .one .img-box .cate {padding: 7px 5px; font-size: 13px;}

	.sub-event1-list-box .one .letter-box {float: none; width: 100%; padding: 20px 10px 0;}
	.sub-event1-list-box .one .letter-box .date-p {margin-bottom: 20px;}
	.sub-event1-list-box .one .letter-box .date-p .sq {min-width: 70px; padding: 8px 5px 7px;margin-right: 5px; font-size: 13px;}
	.sub-event1-list-box .one .letter-box .date-p .txt {font-size: 14px;}
	.sub-event1-list-box .one .letter-box .title {margin:0 0 15px; font-size: 15px;}
	.sub-event1-list-box .one .letter-box .info {}
	.sub-event1-list-box .one .letter-box .info li {float: none; min-width: auto; width: 100%; height: auto; line-height: 1.5; font-size: 13px; padding-left: 0;}
	.sub-event1-list-box .one .letter-box .info li:nth-of-type(2n+1) {border-right:none;}

	.sub-event1-list-box .one a:hover .img-box img,
	.sub-event1-list-box .one a:focus .img-box img {transform: scale(1.1,1.1);}
	.sub-event1-list-box .one a:hover .title,
	.sub-event1-list-box .one a:focus .title {text-decoration: underline;}

}






/***행사쪽 상세페이지***/

/*제목*/
.sub-ev1-de-tit-b {width: 100%; text-align: center; margin: 0 0 27px;}
.sub-ev1-de-tit-b h2 {font-size: 26px; color: #222; margin:0 0 15px; font-weight: 500;}
.sub-ev1-de-tit-b .info {display: inline-block;}
.sub-ev1-de-tit-b .info:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-ev1-de-tit-b .info li {float:left; margin: 0 17px; color: #777;}
.sub-ev1-de-tit-b .info li .tit {font-weight: 500; color: #444; margin-right: 10px;}
.sub-ev1-de-tit-b .info li .name {color: #2859a2; font-weight: 500;}
.sub-ev1-de-tit-b .info li .txt {color: #555; font-weight: 500; color: #888;}

/*카테 내용*/
.sub-ev1-de-cate-b {border-top: 2px solid #214488; border-bottom:1px solid #bbb; padding: 32px 20px 30px; text-align: center;}
.sub-ev1-de-cate-b:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-ev1-de-cate-b ul {display: inline-block;}
.sub-ev1-de-cate-b ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-ev1-de-cate-b ul li {float: left; margin:0 25px; }
.sub-ev1-de-cate-b ul li:first-child {margin-left: 0;}
.sub-ev1-de-cate-b ul li:last-child {margin-right: 0;}
.sub-ev1-de-cate-b ul li span {display: inline-block; vertical-align: middle;}
.sub-ev1-de-cate-b ul li .icon {width: 32px; height: 32px; border-radius: 50%; background-color: #9aa1ab; text-align: center; padding-top: 7px; margin:0 10px 0 0;}
.sub-ev1-de-cate-b ul li .tit {font-weight: 500; color: #2d58a0; font-size: 16px; margin: 0 5px 0 0;}
.sub-ev1-de-cate-b ul li .txt {color: #777; font-size: 16px;}


/*컨텐츠*/
.sub-ev1-de-content {width: 100%; padding: 37px 10px;}
.sub-ev1-de-content .red-title {font-size: 18px; color: #b45555; margin:0 0 20px;}
.sub-ev1-de-content .no-p {font-size: 15px; color: #555; line-height: 1.6;}


/*버튼*/
.sub-ev1-de-btn-box {width: 100%; text-align: center;}
.btn-reserve1 {width: 304px; height:58px; background-color: #1a74d6; transition: all 0.25s ease; }
.btn-reserve1 .icon {display:inline-block; vertical-align: middle; width: 27px; height: 27px; border-radius: 50%; background-color: #fff; margin-right: 5px;}
.btn-reserve1 .icon i {color: #1a74d6; font-size: 27px;}
.btn-reserve1 .txt {font-size: 19px; color: #fff; vertical-align: middle;}
.btn-reserve1:hover,
.btn-reserve1:focus {background-color: #0066d6;}
.btn-reserve1:hover .icon i,
.btn-reserve1:focus .icon i {color: #0066d6;}


@media screen and (max-width:999px){
	/***행사쪽 상세페이지***/

	/*제목*/
	.sub-ev1-de-tit-b {margin: 0 0 20px;}
	.sub-ev1-de-tit-b h2 {font-size: 18px; margin:0 0 10px;}
	.sub-ev1-de-tit-b .info {}
	.sub-ev1-de-tit-b .info li {margin: 0 10px; font-size: 13px;}
	.sub-ev1-de-tit-b .info li .tit {}
	.sub-ev1-de-tit-b .info li .name {}
	.sub-ev1-de-tit-b .info li .txt {}

	/*카테 내용*/
	.sub-ev1-de-cate-b {padding: 15px 10px 10px;}
	.sub-ev1-de-cate-b ul {width: 100%; text-align: left;}
	.sub-ev1-de-cate-b ul li {float: none; width: 100%; margin:5px 0px; }
	.sub-ev1-de-cate-b ul li span {}
	.sub-ev1-de-cate-b ul li .icon {width: 25px; height: 25px; padding-top: 7px; margin:0 5px 0 0;}
	.sub-ev1-de-cate-b ul li .icon img {width: 15px;}
	.sub-ev1-de-cate-b ul li .tit {font-size: 13px;}
	.sub-ev1-de-cate-b ul li .txt {font-size: 13px;}


	/*컨텐츠*/
	.sub-ev1-de-content {padding: 25px 5px;}
	.sub-ev1-de-content .red-title {font-size: 15px; margin:0 0 15px;}
	.sub-ev1-de-content .no-p {font-size: 13px;}


	/*버튼*/
	.sub-ev1-de-btn-box {}
	.btn-reserve1 {width: 150px; height:40px;}
	.btn-reserve1 .icon {width: 20px; height: 20px;}
	.btn-reserve1 .icon i {font-size: 20px;}
	.btn-reserve1 .txt {font-size: 14px;}
}








/*주변관광지 - 지도*/
.sight-in-surround-wrap {width: 100%; margin:65px 0 0;}
.sight-in-surround-wrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sight-in-surround-wrap .info-box {float: left; width: 47%;}
.sight-in-surround-wrap .map-box {float: right; width: 51%; height: 408px; border:1px solid #ddd; overflow:hidden;}
.sight-in-surround-wrap .map-box img {min-width: 100%; min-height: 100%;}
/*주변관광지 탭*/
.tab-surround-in {margin-bottom: 12px;}
.tab-surround-in:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.tab-surround-in li {float: left; width: 32%; margin-left: 2%;}
.tab-surround-in li:first-child {margin-left: 0%;}
.tab-surround-in li a {display: block; width: 100%; text-align: center; border:1px solid #ccc; height: 44px; line-height: 44px; font-size: 16px;}
.tab-surround-in li.active a {background-color: #2f3646; border-color:#2f3646; color: #fff;}

.tab-surround-in_con {width: 100%; height: 352px; border:1px solid #ddd; overflow-y: scroll; padding: 14px;}

.si-surround-list {}
.si-surround-list li {width: 100%; border-bottom:1px dashed #ddd; padding: 15px 10px;}
.si-surround-list li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.si-surround-list li:last-child {border-bottom:none;}
.si-surround-list li a {display: block;}
.si-surround-list li a:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.si-surround-list li .icon {float: left; width: 35px; height: 44px; background-image:url('../resources/img/icon/icon_sight_location_gray.png'); background-repeat: no-repeat; background-position: left top; text-align: center; color:#fff; font-size: 20px; font-weight: 500; padding:5px 0 0;}
.si-surround-list li .txt-b {float: left; width: calc(100% - 35px); padding:1px 0 0 10px;}
.si-surround-list li .txt-b h3 {font-size: 17px; font-weight: 500; color: #333; margin:0 0 3px;}
.si-surround-list li .txt-b .adr {font-size: 16px; color: #666;}
.si-surround-list li.active .icon {background-image:url('../resources/img/icon/icon_sight_location_red.png');}
.si-surround-list li .txt-b .pho {font-size: 16px; color: #777; margin:2px 0 0;}


@media screen and (max-width:999px){
	/*주변관광지 - 지도*/
	.sight-in-surround-wrap {margin:30px 0 0;}
	.sight-in-surround-wrap .info-box {float: none; width: 100%;}
	.sight-in-surround-wrap .map-box {float: none; width: 100%; height: 250px; margin-top: 15px;}
	/*주변관광지 탭*/
	.tab-surround-in {margin-bottom: 10px;}
	.tab-surround-in li {}
	.tab-surround-in li a { height: 35px; line-height: 35px; font-size: 13px;}

	.tab-surround-in_con {height: 250px; padding: 10px;}

	.si-surround-list {}
	.si-surround-list li {padding: 10px 5px;}
	.si-surround-list li a {display: block;}
	.si-surround-list li .icon {width: 25px; height: 34px; background-size: 25px auto; font-size: 14px; padding:5px 0 0;}
	.si-surround-list li .txt-b {width: calc(100% - 25px); padding:0px 0 0 7px;}
	.si-surround-list li .txt-b h3 {font-size: 14px; margin:0 0 2px;}
	.si-surround-list li .txt-b .adr {font-size: 13px;}
	.si-surround-list li .txt-b .pho {font-size: 13px; margin:1px 0 0;}

}





/*글쓰기*/
.board-upload-nor-box {width: 100%;}
.tbl_upload1 {width: 100%;}
.tbl_upload1 tr {border-bottom: 1px solid #ddd;}
.tbl_upload1 tr:first-of-type {border-top: 2px solid #1a74d6;}
.tbl_upload1 th {padding: 20px 5px 18px; text-align: center; background-color: #f6f7f9; font-size: 16px; font-weight: 500; color: #333}
.tbl_upload1 th label {font-size: 16px; font-weight: 500; color: #333}
.tbl_upload1 td {padding: 20px 10px 18px 30px; text-align: left; font-size: 15px; color: #555;}
.tbl_upload1 td label {font-size: 15px; margin-left: 10px; vertical-align: middle;}
.tbl_upload1 td label:first-of-type {margin-left: 0px;}

.tbl_upload1.bgW th {background-color: #fff; border-right:1px solid #ddd;}

.txt_up {width: 75%; height: 40px; border:1px solid #ddd;}
.txt_up.w100 {width: 100%;}

.link-blog-box {display:inline-block; position: relative;}
.txt_up.linkBlog {padding-right: 30px; width: 500px;}
.link-blog-box:before {content: "\ea6a"; font-family : xeicon; position: absolute; right: 5px; top: 6px; font-size: 20px; color: #888; transform: rotate(15deg);}


.btn-upload-bottom-box {margin:30px 0; text-align: center;}



@media screen and (max-width:999px){
	/*글쓰기*/
	.board-upload-nor-box {width: 100%;}
	.tbl_upload1 {}
	.tbl_upload1 tr {}
	.tbl_upload1 tr:first-of-type {border-top-width:1px;}
	.tbl_upload1 th {display:block; width:100%; border-bottom:1px solid #efefef; padding: 12px 5px 10px; font-size: 13px;}
	.tbl_upload1 th label {font-size: 13px;}
	.tbl_upload1 td {display:block; width:100%; padding: 12px 10px 10px; font-size: 13px;}
	.tbl_upload1 td label {font-size: 13px; margin-left: 7px;}

	.tbl_upload1.bgW th {border-right:none;}

	.txt_up {width: 100%; height: 30px; font-size: 13px;}
	.txt_up.w100 {}

	.link-blog-box {width: 100%;}
	.txt_up.linkBlog {padding-right: 30px; width: 100%;}

	.btn-upload-bottom-box {margin:20px 0 0;}
}









/* 버튼 */

/*목록버튼*/
.btn-list2 {min-width: 105px; height: 46px; font-size: 16px; border:1px solid #aaa; transition: all 0.25s ease; }
.btn-list2:hover,
.btn-list2:focus {border-color: #2f3646; background-color: #2f3646; color: #fff; padding: 0 10px;}

.btn-list3 {min-width: 90px; height: 40px; font-size: 15px; border:1px solid #ccc; transition: all 0.25s ease; }
.btn-list3 .icon {margin-right: 3px;}
.btn-list3:hover,
.btn-list3:hover {border-color:1px solid #aaa; background-color: #eee;}


/*글쓰기 버튼*/
.btn-upload1 {min-width: 190px; height: 50px; background-color: #333; color: #fff; padding: 0 10px; font-size: 16px; transition: all 0.3s ease;}
.btn-upload1.gray {background-color: #a6a6a6;}
.btn-upload1.yellow {background-color: #1a74d6;}
.btn-upload1:hover,
.btn-upload1:focus {background-color: #333;}




@media screen and (max-width:999px){
	/*목록버튼*/
	.btn-list2 {min-width: 80px; height: 40px; font-size: 13px;}
	.btn-list3 {min-width: 60px; height: 35px; font-size: 13px;}
	.btn-list3 .icon img {width: 15px;}

	/*업로드 버튼*/
	.btn-upload1 {min-width: 100px; height: 40px; padding: 0 7px; font-size: 13px;}
}







/* 테이블 */
/*공통*/
.boLGray {border-left:1px solid #ddd !important;}
.boRGray {border-right:1px solid #ddd !important;}
.boTGray {border-top:1px solid #ddd !important;}
.boBGray {border-bottom:1px solid #ddd !important;}

.boLNone {border-left:none !important;}
.boBNone {border-bottom:none !important;}
.boTNone {border-top:none !important;}
.boRNone {border-right:none !important;}

.blue-c {color: #1a74d6;}

td.sbj-in {text-align: left !important; padding-left: 20px !important;}
.pdLs td.sbj-in {padding-left: 50px !important;}


/*세로*/
.tbl_nor_ver1 {width: 100%; border-top:2px solid #1a74d6;}
.tbl_nor_ver1 tr {border-bottom: 1px solid #ddd;}
.tbl_nor_ver1 th {font-size: 15px; font-weight: 500; color: #444; background-color: #f6f7f9; padding: 15px 5px; text-align: center; border-left: 1px solid #ddd;}
.tbl_nor_ver1 th span {font-weight: 500;}
.tbl_nor_ver1 tr th:first-of-type {border-left:none;}
.tbl_nor_ver1 td {font-size: 15px; color: #555; padding: 15px 5px; text-align: center; border-left:1px solid #ddd;}
.tbl_nor_ver1 tr td:first-of-type {border-left: none;}

.tbl_nor_ver1.sm {width: 100%; border-top:2px solid #1a74d6;}
.tbl_nor_ver1.sm th {padding: 10px 5px 10px; font-size: 14px;}
.tbl_nor_ver1.sm td {padding: 10px 5px 10px; font-size: 14px;}

/*가로*/
.tbl_nor_hor1 {width: 100%;}
.tbl_nor_hor1 tr {border-bottom:1px solid #ddd;}
.tbl_nor_hor1 tr:first-of-type {border-top:2px solid #1a74d6;}
.tbl_nor_hor1 th {font-size: 15px; font-weight: 500; color: #444; background-color: #f6f7f9; padding: 15px 5px; text-align: center; border-left: 1px solid #ddd;}
.tbl_nor_hor1 th span {font-weight: 500;}
.tbl_nor_hor1 tr th:first-of-type {border-left:none}
.tbl_nor_hor1 td {font-size: 15px; color: #555; padding: 15px 5px; text-align: center; border-left:1px solid #ddd;}
.tbl_nor_hor1 tr td:first-of-type {border-left: none;}



@media screen and (max-width:999px){}









/* */


@media screen and (max-width:999px){}









/* */


@media screen and (max-width:999px){}









/* */


@media screen and (max-width:999px){}









/* */


@media screen and (max-width:999px){}









/* */


@media screen and (max-width:999px){}









/* */


@media screen and (max-width:999px){}









/* */


@media screen and (max-width:999px){}