
.mapBox a {border: none !important;}
.mapBox a:after {content: none !important;}
.sub {
  z-index: 1;
  word-break: keep-all;
  border-top: 1px solid #ddd;

  background-position: center top;
  background-repeat: no-repeat;
  color: #555;
}
.sub a {
  color: #555;
}
a.btn-danger {color:#fff;}
/* 테이블 */
.contents-wrapper .table-responsive {border-top: 2px solid #8D5B0C;}
.contents-wrapper .dataTable thead th {padding: 12px 5px 10px;background: #F2F2F2; font-size: 16px; color: #8D5B0C; border-bottom: none;}
.contents-wrapper .dataTable tbody th {padding: 15px; background: ##F2F2F2;}
.contents-wrapper .dataTable tbody td {padding: 15px;}

/* 블릿 */
.contents-wrapper h3 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2S2021%2Spff%2S..%2Svzntrf%2Sfho%2Sohyy01.cat) no-repeat left 12px;}
.contents-wrapper h4 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2S2021%2Spff%2S..%2Svzntrf%2Sfho%2Sohyy02.cat) no-repeat left 4px;}
.contents-wrapper h5 {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2017%2Svzntrf%2Sfho%2Sohyy03.cat) no-repeat 3px 3px; padding-left: 17px;}
.contents-wrapper ul li {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2017%2Svzntrf%2Sfho%2Sohyy03.cat) no-repeat 3px 7px; padding-left: 17px;}
.contents-wrapper ul li ul li {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2Svzntrf%2Sfho%2Svpba_04.cat) no-repeat 0 12px}

.contents-wrapper .relSite li a {background-image: none;}
.contents-wrapper .relSite li a:after {content: '\e806'; font-family: 'fontello'; position: absolute; top: 15px; right: 25px;}
.contents-wrapper .relSite li a:hover {background: #fbefc7; background-image: none;}

.contents-wrapper .mapBox a {border: none;}
.contents-wrapper .mapBox a:after {content: none;}

@media (min-width: 992px) {

  .side-menu>ul>li>a.active {
    border-bottom: 2px solid #6d4500;
  }
  .side-menu>ul>li>a.active>i {
    display: block;
    color: #6d4500;
  }
  .side-menu>ul>li>ul>li>a.active {
	color: #6d4500;
	text-decoration:underline;
  }
  .side-menu>ul>li>ul>li>a:hover,
  .side-menu>ul>li>ul>li>a>i {
    color: #6d4500;
  }
  .side-menu>ul>li>a>i {
	  color: #6d4500;
  }




  .sub-top {
    height: 200px;
    text-align: center;
  }
  .sub-tit {
    margin: 40px 0 10px;
    font-family: 'NanumSquare';
    font-size: 48px;
    color: #000;
  }
  .contents-tit {
    line-height: 90px;
    font-family: 'NanumSquare';
    font-size: 40px;
  }
  .breadcrumb {
    background: none;
  }
  .breadcrumb > li + li:before {
    content: ">";
    color: #555;
  }
  .side-menu {
    padding: 0 25px 0 0;
  }
 

  .sub-newcontents {
    padding: 0 0 0 25px;
  }
  .contents-util {
    position: absolute;
    top: -30px;
    right: 0;
  }
  .contents-util i {
    font-style: normal;
    margin-left: 20px;
  }


	ul.tab-menu li a { 
		color: #555;
		font-size:14px; 
		font-weight: bold;
		border: 1px solid #D8CDBE;
	}
	ul.tab-menu li.active a {
		padding: 15px 0;
		color: #FFFFFF;
		border: none;
		background-color: #8D5B0C;
	}


}


.contents-wrapper ul.nav-tabs {width: 100%;}
.contents-wrapper ul.nav-tabs li {width: 25%; float:left;}
.contents-wrapper ul.nav-tabs li a {display: block; padding: 15px 0; margin: 0; text-align: center; background: #fff; border: 1px solid #ddd; color: #555; font-size: 14px;}
.contents-wrapper ul.nav-tabs li.active a {padding: 12px 0; border: 4px solid #8d6a42; color: #8d6a42;}



@media (max-width: 991px) {

	ul.tab-menu li.active a {
		color: #fff;
		border: none;
		background-color: #8D5B0C;
	}


  

}


ul.nav-pills>li.active>a {border:1px solid #8d6a42; background-color: #8d6a42;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background-color: #8d6a42;}

@media (min-width: 992px) and (max-width: 1199px) {
  .side-menu {
    padding: 0 15px 0 0;
  }
  .sub-newcontents {
    padding: 0 0 0 15px;
  }

}



/*제주역사 메뉴스타일 수정*/
.contents-wrapper .history-table {
	border-top: none;
}
.contents-wrapper .history-table table {
	border: none;
	border-bottom: 1px solid #DBDBDB;
}
.contents-wrapper .history-table table thead th {
	font-size: 18px;
	color: #555;
	border-top: 2px solid #DBDBDB !important;
	border-bottom: 1px dashed #DBDBDB;
	border-left: none;
	border-right: none;
	background-color: transparent;
}
.contents-wrapper .history-table table thead th:first-child {
	color: #8D5B0C;
	border-top: 2px solid #8D5B0C !important;
	border-bottom: 1px dashed #8D5B0C;
}
.contents-wrapper .history-table table tbody th {
	padding: 15px 30px 12px;
	text-align: left;
	font-size: 16px;
	color: #8D5B0C;
	border: none;
	background-color: transparent;
}
.contents-wrapper .history-table table tbody td {
	padding: 15px 30px 12px;
	text-align: left;
	font-size: 16px;
	color: #555;
	border: none;
	background-color: transparent;
}
.contents-wrapper .history-table table tbody tr:nth-child(even) {
	background-color: #F2F2F2;
}

/*제주역사 2023 콘텐츠*/
.contents-wrapper h3.h3-new {
	position: relative;
	padding-left: 20px;
	margin-bottom: 30px;
	color: #8D5B0C;
	font-size: 24px;
	font-weight: bold;
	line-height: 90%;
	border: none;
	background-image: none;
}
.contents-wrapper h3.h3-new:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: #8D5B0C;
}

.contents-wrapper .text-justify {
	line-height: 200%;
}
.contents-wrapper .font18 {
	font-size: 18px;
}
.contents-wrapper .brown {
	color: #8D5B0C;
}

.quote-txt {
	width: 100%;
	padding: 0 20px;
	margin-bottom: 50px;
	text-align: center;
	color: #8D5B0C;
	font-size: 18px;
	font-weight: bold;
	line-height: 180%;
}
.quote-txt i {
	display: block;
	margin: 15px 0;
	font-size: 18px;
}

.copyright-con {
	position: relative;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
}
.copyright-con .tit {
	display: inline-block;
	text-align: center;
	padding: 5px 15px;
	color: #8D5B0C;
	font-size: 14px;
	background-color: #fff;
}
.copyright-con .tit i {
	padding-right: 5px;
}
.copyright-con div {
	width: 100%;
	margin-top: -15px;
	padding: 25px 20px 20px;
	color: #555;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 180%;
	border: 1px dashed #DBDBDB;
}






@media (max-width: 991px) {

	.contents-wrapper h3.h3-new {
		padding-left: 15px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.contents-wrapper .text-justify {
		line-height: 180%;
	}
	.contents-wrapper .font18 {
		font-size: 16px;
	}

	.quote-txt {
		margin-bottom: 20px;
	}	
	.quote-txt i {
		margin: 10px 0;
	}

	.copyright-con { 
		width: 100%;
	}

  

}







