@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}

	.bareunbatang * { font-family: 'KoPub Batang', serif; }
	.nanumSquare { font-family: 'NanumSquare', sans-serif; }
	.hanja { font-family: 'Noto Sans Kannada', sans-serif; }
	.eng  { font-family: arial, serif; }
	.eng2 { font-family: 'PT Serif', serif; font-weight: 200;  -webkit-text-stroke: 0rem; }
	.ENG2 { font-family: 'PT Serif', serif; font-weight: 200; -webkit-text-stroke: 0rem; }

	.wf250 { font-weight: 250; }
	.wf300 { font-weight: 300; }
	.wf350 { font-weight: 350; }
	.wf400 { font-weight: 400; }
	.wf500 { font-weight: 500; }
	.wf700 { font-weight: 700; }
	.wf800 { font-weight: 800; }
	.wf900 { font-weight: 900; }


	/* Extra small devices (portrait phones, less than 576px) */
	@media (max-width: 575.98px) {}

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) and (max-width: 767.98px) {}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) and (max-width: 991.98px) {}

	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) and (max-width: 1199.98px) {}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {}

	body { 
		font-family: 'KoPub Batang', serif; 
		font-weight:300;
		font-size:1rem;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: unset;
		-moz-osx-font-smoothing: grayscale;
		font-smoothing: antialiased;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-text-stroke: 0.01rem;
	}

	b, strong { font-weight: bold; }
	a { color:#000; }
	a:hover { color:#000;text-decoration:none; }

	.nt-lyBasicBox { max-width:1100px; margin:auto; }
	.nt-lyContentsBox h1,.nt-lyContentsBox h2,.nt-lyContentsBox h3,.nt-lyContentsBox h4,.nt-lyContentsBox h5 {  }

	/* 상단 메뉴 */
	.navbar-brand { font-size:1.8em; line-height:110%; }
	.navbar-nav li .dropdown-toggle::after { border:none; }
	.navbar-nav li .nav-link { font-size:1.101em; }
	.navbar-nav .dropdown:hover>.dropdown-menu {  display: block; }
	.navbar-nav .dropdown>.dropdown-toggle:active { pointer-events: none; }
	/* 상단 메뉴 */

	.list-group-item { border:0; padding:5px 0; }
	.nt-footer { font-size: 0.7em; font-weight:normal; font-family: 'NanumSquare', sans-serif; }

	#loclist { list-style:none; margin:0;padding:0; }
	#loclist li { margin:0; padding:0; padding: 0 0 15px 0; }
	#loclist li a { color:#000; }
	#loclist li a:hover { font-weight:bold; text-decoration:none; }

	.nt-left-top-title { font-weight:bold; font-size: 1.001rem; }
	.nt-contents-top-title { font-weight:bold; font-size: 1.4rem; }
	.nt-history-list .nt-history-list-item { padding:10px 0; border-top:1px solid #ddd; }
	.nt-history-list-item dt { text-align:right; }
	
	.nt-top-search { color:#ddd; font-size:0.65rem; font-weight:bold; }
	.nt-top-search #topSearchInput { 
		padding: 0 0 0 0; 
		height:20px;
	    -webkit-appearance: textfield; /* 1 */
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box; /* 2 */
		box-sizing: content-box;
	}

	.has-search .form-control-feedback {
		left:35px;
		position: absolute;
		z-index: 2;
		display: block;
		line-height: 1.5rem;
		height:20px;
		text-align: center;
		pointer-events: none;
		color: #aaa;
	}
	.nav-item .dropdown-menu { margin-top: 0px; }

	#nt-back-to-top {
		cursor: pointer;
		position: fixed;
		bottom: 20px;
		right: 20px;
		display:none;
		color:#fff;
		width:50px;
		height:50px;
		border-radius: 25px;
	}
	.btn-circle {
		width: 30px;
		height: 30px;
		padding: 6px 0px;
		border-radius: 15px;
		text-align: center;
		font-size: 12px;
		line-height: 1.42857;
	}

	.btn-primary:hover { background-color:#9C9592; border: 1px solid #9C9592; }
	.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open>.dropdown-toggle.btn-outline-primary {
		color: #fff;
	}

	/* 서브페이지용 */

	.nt-sponsor-heder-box { border-top:3px solid #000; border-bottom:1px solid #000; }
	.nt-pagination {  font-family: sans-serif; }
	.nt-pagination a { color:#000; }

	.nav-item .dropdown-menu { margin-top: 0px; }

	/* 글보기 */
	.articleLineDotted { border-top: 1px solid dotted #9C9592; }

	/* 페이징 */
	.pagination a {
	    text-decoration: none;
		border: none;
		color: #ddd;
		font-size:0.9rem;
	}
	.pagination .active {
		text-decoration: underline;
		background-color: none;
		font-weight:bold;
		color: #000;
	}
	
	.page-item.active .page-link {
	    z-index: 1;
	    color: #000;
	    background-color: #fff;
	    border-color: none;
	}

	.table thead th { padding-top: 8px; padding-bottom: 8px; border-color: #000; }
	.table  td { padding-top: 6px; padding-bottom: 6px; }
	
	.nt-td-other { font-size:0.8rem; font-weight:200; color:#808080; }
	.nt-th-title, .nt-td-no,.nt-td-date,.nt-td-count { font-weight:200; word-break: keep-all; }
	
		#viewAttachBox .title { color:#b8aca7; } 
	
		/*
		<ul class="nt-pagination pagination justify-content-center"><li class="page-item first disabled"><a href="#" c
		lass="page-link"><span aria-hidden="true">«</span></a></li><li class="page-item active"><a href="#" class="page-link">1</a></li><li class="page-item last disabled"><a href="#" class="page-link"><span aria-hidden="true">»</span></a></li></ul>
		*/
	
	/* index tab */
/*
	#nav-tab .nav-item {
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 87% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 87% 0);
		background-color: #B7ACA6;
		color: #fff;
	}
	#nav-tab .nav-link { border:none; }
	
	#nav-tab  a.active div {
		background-color:#B7ACA6;
		color:#fff;
		
	}

	#nav-tab .nav-item div {
		padding: 5px 10px;
		margin: 1px 0 -1px 0;
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 87% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 87% 0);
		background-color: #fff;
		color: #959595;
		text-align:center;
		border-left: 1px solid #B7ACA6; 
		border-right: 1px solid #B7ACA6; 
	}
*/

	#nav-tab .nav-item {

		color: #fff;
	}
	#nav-tab .nav-link { border:none; }
	
	#nav-tab  a.active div {
		background:url(/img/common/tab/active.png) 99.9% top no-repeat;
		/*background-color:#B7ACA6;*/
		color:#fff;
		
	}

	#nav-tab .nav-item div {
		padding: 4px 10px;
		background:url(/img/common/tab/default.png) 99.9% top no-repeat;
		background-color: #fff;
		color: #959595;
		text-align:center;
		border-left: 1px solid #B7ACA6; 
	}


	#nav-tab a { padding:0; margin:0; } 

	/* tab */
	.nt-nav-tabs { 
		border-bottom: 3px solid #B7ACA6; padding:0; 
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    padding-left: 0;
	    margin-bottom: 0;
	    list-style: none;
	}
/*
	.nt-nav-tabs li  {
		width: 30%;
		margin:0 0 0 0;
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 93% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 93% 0);
		background-color: #B7ACA6;
		color: #fff;
		
		text-align:center;
	}

	.nt-nav-tabs li div {
		padding: 10px 10px;
		margin: 1px 0 -1px 0;
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 93% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 30%, 93% 0);
		background-color: #fff;
		color: #959595;
		text-align:center;
		border-left: 1px solid #B7ACA6; 
		border-right: 1px solid #B7ACA6; 
	}

	.nt-nav-tabs li.active div {
		background-color:#B7ACA6;
		color:#fff;
		
	}
*/

	.nt-nav-tabs li  {
		width: 30%;
		margin:0 0 0 0;
		color: #fff;
		
		text-align:center;
	}

	.nt-nav-tabs li div {
		padding: 10px 10px;
		margin: 1px 0 -1px 0;
		background:url(/img/common/tab/default.png) 100% top no-repeat;
		color: #959595;
		text-align:center;
		border-left: 1px solid #B7ACA6; 
	}

	.nt-nav-tabs li.active div {
		margin: 1px 0 -1px 0;
		background:url(/img/common/tab/active.png) 100% top no-repeat;
		color:#fff;
		
	}

	.nt-nav-tabs3 li.tab1 { width:32%; }
	.nt-nav-tabs3 li.tab2 { width:31%; margin-left:3%; }
	.nt-nav-tabs3 li.tab3 { width:31%; margin-left:3%; }

	.nt-nav-tabs li.active a { color: #fff; }
	
	.input-group a, .input-group input { font-size: 1.001em; }
	
	#articleListMainBox_photo .title { font-size:0.91em; margin: 10px 0 0 0; }
	#articleListMainBox_photo .date { font-size:0.81em; color:#808080; }
	
	#articleListMainBox_history .title { font-size:0.9em; margin: 5px 0 10px 0; }
	#loclist a.active { font-weight:bold; }
	
	#indexTabNotice, #indexTabEvent { font-weight:bold; }
	#indexTabNotice, #indexTabEvent, #mainLink button { font-size:1.05rem; }
	#mainLink2 { font-size:1.1rem;font-weight:bold; }
	

	#footerLinkIcon { color:#949494; }
	#footerLinkIcon a { color:#7c7c7c; font-size: 0.7em; }
	.footerSponsorIconText { font-size: 0.7em; color:#b8aca7; }
	#footerSponsorExplain { font-size: 0.9em; color:#808080; }
	#footerSponsorIconText { margin-left: 70px; line-height: 195%; font-size: 0.8em; }

	.previewImg img {
	  position: relative;
	  top: 50%;
	  transform: translateY(-50%);
	}

	#searchText, #searchTextBtn { font-family: 'NanumSquare', sans-serif; padding-top: 2px; padding-bottom: 2px; font-size:0.9rem }
	
	.sitemapTable th { color:#fff; font-weight:normal; }
	.sitemapTable th, .sitemapTable td { padding:5px;  font-size: 0.9rem; }
	.sitemapTable .subtitle a { font-size:0.85rem; color:#B7ACA8; font-weight:normal; }

	.nt-main-contents { line-height:180%; }

	@media screen and (max-width: 601px) {
		.nt-nav-tabs li { font-size: 0.7em; }
		#footerLinkIcon { font-size: 0.5em; margin-top:2em; }
		#footerSponsorIcon { font-size: 0.75em; text-align:center; }
		#footerSponsorExplain { font-size: 0.7em; line-height:90%; }
		.table th, .table td { padding-left: 0; padding-right: 0; font-size: 0.8em; }
		.table .nt-td-date, .table .nt-td-other { font-size:0.7em; }
	}