/* Common */
@charset "utf-8";
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans Korean Light');
  src: url('../fonts/NotoSans-Light.eot');
  src: url('../fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NotoSans-Light.woff2') format('woff2'),
      url('../fonts/NotoSans-Light.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans Bold';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans Korean Regular');
  src: url('../fonts/NotoSans-Regular.eot');
  src: url('../fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NotoSans-Regular.woff2') format('woff2'),
      url('../fonts/NotoSans-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NanumMyeongjo.woff') format('woff');
}

html {overflow-x:hidden;}
body {padding:0; font-size:14px; font-family:'Noto Sans'; line-height:20px; color:#838383;}
body {background-attachment:fixed;}
table.table tr th, table tr td {padding:0; vertical-align:middle !important; font-size:16px; font-family:'Noto Sans'; color:#838383;}
a, a:hover {/*color:inherit;*/color:#fff; text-decoration:none;}
.blank_div {height:88px;}
#topcontrol {width:50px; height:50px; line-height:50px; border-radius:5px; background-color:#0f5cb3; text-align:center; color:#fff;}
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
.conceptBgColor {background:#0f5cb3 !important; color:#fff !important;}
.text_line{width:36px; height:2px; background-color:#0f5cb3; margin:0 auto 87px;}
.n_myeongjo {font-family:'Nanum Myeongjo' !important;}
.document_popup_menu {display:none;}

@media (min-width:1200px) {
	.container {width:1230px;}
}
/* Header */
#header{position:fixed; left:0; top:0; z-index:9; width:100%; background:#fff;}
	/* TNB */
	.tnb { position:relative; height:49px; line-height:49px; text-align:right;}
	/* GNB */
	.navbar {border:none;}
	.gnb {clear:both; height:89px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
	.gnb_other{width:137px; height:90px; background:#0f5cb3; color:#fff; font-size:18px; font-family:'Noto Sans Bold'; float:right;}
		.logo_container {line-height:89px;}
		#menu_pc {width:100%;}
		#menu_pc .first_li {float:left; width:25%; height:89px; line-height:89px; list-style:none; text-align:center; padding-left:0;}

		#menu_pc .first_li > a {display:block; font-family:'Noto Sans Bold'; font-size:18px; font-weight:700; border-bottom:4px solid transparent; letter-spacing:-1px;}
		#menu_pc .first_li > a{color:#333;}
		#menu_pc .first_li > a:hover, #menu_pc .first_li.active > a{color:#0f5cb3;}
		#menu_pc .first_li:last-child{display:none;}
		#menu_pc .first_li div {height:auto;}
		#menu_pc .first_li .second_ul {position:relative; padding:20px 0; margin:0; text-align:left;}
		#menu_pc .first_li .second_ul li {height:28px; line-height:28px; list-style:none;}
		#menu_pc .first_li .second_ul li a {display:block; font-family:'Noto Sans Bold'; font-size:15px; letter-spacing:-1px; text-align:center; padding-left:0;}

		#menu_pc .first_li .second_ul li a{color:#333;}
		#menu_pc .first_li .second_ul li a:hover, #menu_pc .first_li .second_ul li a.active{color:#0f5cb3;}

/* Menu (Mobile) */
.mobile-navbar {height:77px; padding:18px 0;}
.mobile-navbar .menu-button {margin:0 10px 10px 10px; width:32px; background:transparent; color:#fff;}
	.mobile-navbar .menu-button:hover,
	.mobile-navbar .home-button:hover, {cursor:pointer;}
	.mobile-navbar .menu-button {display:none; float:left; padding:0px; cursor:pointer;}
	.mobile-navbar .menu-button i {font-size:24px; margin-top:8px;}
	.mobile-navbar .home-button {float:right; margin:10px; width:50px; line-height:100%;}
	.mobile-navbar .home-button i {font-size:18px; color:#777;}
	.mobile-navbar .home-button span {font-size:12px; color:#929292;}
	.mobile_menu_top_btn {display:inline-block; width:100%; height:40px !important; line-height:40px !important; font-size:14px;}
	.mm-menu .mm-list > li > a.mm-subopen:after,
	.mm-menu .mm-list > li > a.mm-subclose:before {border-color:#0f5cb3 !important;}
	.menu_mobile_first {line-height:48px; border-bottom:1px solid #eee; font-size:16px; font-weight:700;}
	.menu_mobile_first.active {border-bottom:0;}
	.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {background-color:rgba(2,170,189,0.7);}
	.mm-menu.mm-vertical .mm-list li.mm-opened a {padding:0; line-height:30px;}
	.mmenu_icon {width:25%; border-left:1px solid rgba(255,255,255,0.5); background-color:#444; color:#fff !important;}
	.mmenu_icon img {height:36px; margin-bottom:5px;}
	.mmenu_footer {display:inline-block; width:100%; line-height:18px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	.mmenu_footer {background-color:#292929; font-size:12px; color:rgba(255,255,255,0.5); letter-spacing:-0.5px;}	
/* Main Section */
.banner{margin-left:180px; margin-right:180px;}
	.bannerBox{padding-left:10px; padding-right:10px;}
	.bannerBox a{display:block;}
	.bannerBox a div{width:100%; height:281px; border:1px solid #a6a6a6;}

.margin_section{margin-bottom:80px;}

	.two_contents{width:100%; background-image:url('/images/main_bg_02.jpg');}
	/*텍스트*/
	.main01_text{color:#888; line-height:30px;}
		.main01_title{color:#000; font-size:26px; margin-top:70px; font-weight:bold;}
		.main01_subtxt{font-size:14px; margin-bottom:36px;}

	.main02_text{color:#7e7e7e; line-height:30px;}
		.main02_title{color:#000; font-size:16px; font-weight:bold; margin-top:10px; margin-bottom:0;}
		.main02_subtxt{font-size:15px; font-weight:bold;}
	
	/* Quick Box */
	.quick_box {padding:50px 0;}
		.quick_title {height:64px; line-height:64px; background:url('/images/hline.png') center center no-repeat; font-size:38px; font-weight:700; color:#000;}
		.quick_sub_title {line-height:20px; font-size:20px; color:#b3b3b3;}
		.quick_icon_wrap {padding:40px 32px 0 32px;}
			.quick_icon_title {line-height:60px; font-size:17px; color:#737373; letter-spacing:-1.5px;}
	/* Widget Page */
	.widget_wrap {padding:0;}
	/*.widget_wrap {padding:15px 0 100px 0;}*/
		.link_bg {position:relative; padding-bottom:69.44%; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#fff;}
		#img_link1 .link_bg {background-image:url('/images/imglink1.png')}
		#img_link2 .link_bg {background-image:url('/images/imglink2.png')}
		#img_link3 .link_bg {background-image:url('/images/imglink3.png')}
		.link_bg .go_direct {position:absolute; bottom:20px; left:30px; font-size:13px; font-weight:700;}
		.img_link_textwrap {position:relative; padding-bottom:38.89%; color:#fff;}
		#img_link1 .img_link_textwrap {background:#00953f;}
		#img_link2 .img_link_textwrap {background:#f39800;}
		#img_link3 .img_link_textwrap {background:#f25757;}
		.img_link_textwrap .img_link_textbox {position:absolute; top:25%; width:100%;}
		.img_link_textwrap .img_link_text1 {line-height:30px; font-size:32px; font-weight:700;}
		.img_link_textwrap .img_link_text2 {line-height:14px;}

		.list_wrap {height:251px; padding:30px 40px; border:1px solid #d5d5d5;}
			.widget_title {height:21px; margin-bottom:20px; line-height:21px; font-size:20px; color:#000; font-weight:700;}   
		#news_content_widget li {line-height:30px; font-size:15px;}
		#news_content_widget .title {color:#4f4f4f;}
		#news_content_widget .date {float:right; color:#828282;}

		.widgetGalleryA li {margin-top:10px; margin-right:20px !important;}
		.widgetGalleryA li .title {line-height:17px; font-size:14px;}

/* Sub Section */
.sub_contents {padding:75px 0;}
	/* Sub Navigator */
	.home-btn {display:inline-block; width:64px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); color:#fff; font-size:30px;}
	.one-depth-dropdown {width:calc(100% - 64px);padding:0 20px 0 27px;border-right:1px solid rgba(255,255,255,0.2);font-size:16px;background-color:#085559; color:#fff;}
	.one-depth-dropdown-menu.dropdown-menu {width:100%; padding:0; margin:0; box-shadow:none; border-radius:0;}
	.one-depth-dropdown-menu.dropdown-menu li {border:1px solid #e5e5e5; border-top:0;}
	.one-depth-dropdown-menu.dropdown-menu>li>a {height:64px; padding:0 15px; line-height:64px; font-size:16px; }
	.one-depth-dropdown-menu.dropdown-menu>li>a:hover {background-color:#e5e5e5; color:#585859;}
	.one-depth-dropdown-menu.dropdown-menu>.active {display:none;}

	.sub_navigator  {height:64px; line-height:64px; background-color:#00c7d1;}
		.sub_navigator li.list-group-item {width:14.286%; border:0; border-right:1px solid #80e3e8; background-color:transparent;}
		.sub_navigator li.list-group-item:first-child {border-left:1px solid #80e3e8;}
		.sub_navigator li.list-group-item a {height:64px; padding:0 5px; line-height:64px; font-size:18px; color:#fff;}
		.sub_navigator li.list-group-item a:hover, .sub_navigator li.on a {background-color:#139ca3; color:#fff;}

		.sub_nav.list-group {padding: 0; margin: 0; margin-bottom:-1px;}
			.list-group-item {border-bottom:1px solid #bebebe; border-left:0; border-right:0; color: #707070;}
			.list-group-item a {display:block; padding:0 35px; line-height:50px; font-size:16px; font-weight:700; color:#707070;}
			.list-group-item a:hover, .list-group-item.on a {background-color:#f9f9f9; font-weight:700; color:#02aabd;}
	/* Contents Page */
	.greeting_title {margin-bottom:40px; line-height:30px; font-size:30px; font-weight:700; color:#000;}
	.greeting_text, .contents_text {line-height:26px; font-size:18px; font-weight:700; color:#4e4e4e;}

	.contents-header {display:block; padding:30px 0 42px 0; line-height:50px; font-family:'Noto Sans Bold'; font-size:36px; font-weight:700; color:#000; letter-spacing:-1px;}
	.contents_title {margin:0 0 5px 0; line-height: 30px; font-size: 22px; font-weight: 700; color: #139ca3;}
	.contents_subtitle {line-height: 18px; font-size: 20px; font-weight: 700; color: #333333; letter-spacing: -1px;}

	.staff_wrap {margin-bottom:30px;}

    .title_grad_box {display:inline-block; width:100%; max-width:300px; height:36px; line-height:36px; margin:0 0 20px 0; border-radius:15px; background: #7fa741; text-align:center; font-size:18px; font-weight:700; color:#fff;}    
	.staff_text {padding-left:15px; line-height:26px; font-size:15px; font-weight:700; color:#333;}

	.year_navbar {width:100%; height:36px; padding:0; line-height:36px; background-color:#9d9d9d;}
	.year_navbar li, .year_navbar li a {padding:0;}
	.year_navbar li {width:100px; margin-right:-3px;}
	.year_navbar li a {text-align:center; font-size:18px; border-radius:0; cursor:pointer; color:#fff;}
	.year_navbar li.active a, .year_navbar li.active a:hover {background:#02aabd;}
	.year_navbar li a:hover {background:#ccc;}

	.lineWrap{position:relative; padding:20px 0 0 122px; border-top:1px solid #d8d8d8;}
	.lineWrap:first-child{border-top:none;}
	.lineWrap span.year {position:absolute; left:10px; top:24px; display:block; font-size:24px; font-weight:700; color:#02aabd; }

	table.history{width:100%;border-collapse:collapse;border-spacing:0;}
	table.history th, table.history td {vertical-align:top !important;}
	table.history tr{border-top:1px solid #eaeaea;}
	table.history tr:first-child{border-top:none;}
	table.history td{padding:4px 0; font-weight:600; line-height:1.5;}
	table.history td.date{width:100px; padding-right:10px; text-indent:6px; color:#2e7a83;}
	table.history td.text{color:#535353;}

	.nm_title {line-height:60px; text-align:center; font-family:'Nanum Myeongjo'; font-size: 24px; color: #0e81b0; letter-spacing:-3px;}

	table.info {width:100%; border-collapse:collapse;border-spacing:0;}
	table.info th, table.info td {height:36px; padding:0 3px; text-align:center; font-family:'Noto Sans'; font-size: 16px; font-weight:700; color:#333;}
	table.info th{background:#00c7d1; color:#fff;}
	table.info td{border:1px solid #eaeaea;}
	table.info td.tleft{text-align:left; text-indent:5px; }
	table.info td.new_family_cell {line-height: 24px; color: #747474;}

	/* Board */
	#responBoard .view-doc h3.cont-title{height:50px; padding:8px 8px 8px; line-height:34px; vertical-align:middle; border-top: 2px solid #444547; background-color:#f2f2f2; border-bottom: 1px solid #bbb; font-size:16px; color:#777;}
	.extra-row [class^="col-"]{font-size:16px;}
	.gallerytitle{margin-bottom:10px; font-size:20px;}
	.extravartext, .hitcount{line-height:20px; font-size:14px;}
	#responBoard .nav.nav-pills, #responBoard .nav.nav-pills li {margin:0 0 10px 0;}
	.gallerytitle {height:36px;}
	.extravarbox {height:90px;}
	.datebox {padding-top:0;}
	#responBoard .pagination {display:inline-block !important; margin-top:30px;}
	#responBoard .nav.nav-pills a {padding:10px; border:1px solid #ddd; margin-left:-1px; font-size:16px; border-radius:0; color:#333;}
	#responBoard .nav-pills>li.active>a, #responBoard .nav-pills>li.active>a:focus, #responBoard .nav-pills>li.active>a:hover {background-color:#623469; color:#fff;}
	#responBoard .nav.nav-pills a:active {background-color:#63346a; color:#fff;}
	#responBoard .nav.nav-pills a:hover {background-color:#63346a; color:#fff;}
	#responBoard th, #responBoard td {color:#333; font-weight:700;}

	/* Footer */
.footer {background-color:#464646;}
	.footer_menu{border-top:1px solid #d5d5d5; padding-top:50px; padding-bottom:50px;}
	.footer_menu ul{list-style:none; padding-left:0; display:inline-block; margin:0 30px; vertical-align:top;}
	.footer_menu ul:last-child{display:none;}
	.footer_menu ul li{line-height:30px; font-size:14px; color:#aaa;}
	.footer_menu ul li:first-child{color:#fff;}
	.footer_menu ul li a{color:#aaa;}

	.footer_link {height:80px; padding:30px 0; line-height:20px;}
	.footer_link a {margin:0 22px; font-size:16px; color:#c9c9c9;}
	.copyright {border-top:1px solid #454545; padding-top:50px; font-size:13px; color:#acacac; border-top:1px solid #585858;}

	.footer_adress{font-size:13px; line-height:20px; color:#dcdcdc;}
		
	.footer .copyright ul{list-style:none; padding-left:0; text-align:center; margin-top:50px; margin-bottom:20px;}
	.footer .copyright ul li{display:inline-block; font-size:14px; color:#fff;}

	.footer_copy{font-size:12px; line-height:20px; color:#707070; padding-bottom:25px;}


/* Media Query */
@media (max-width: 1199px) {
	/* GNB */
	#menu_pc .first_li:nth-child(1) a {padding-left:20px;}
	#menu_pc .first_li:nth-child(2) a {padding-left:10px;}
	#menu_pc .first_li:nth-child(3) a {padding-left:0;}
	#menu_pc .first_li:nth-child(4) a {padding-left:10px;}
	#menu_pc .first_li:nth-child(5) a {padding-left:0;}

	#menu_pc .first_li > a {font-size:17px;}
	#menu_pc .first_li .second_ul li a {font-size:14px;}

	/* Main Section */
		/* Quick Box */
		.quick_title {height:36px; line-height:36px; font-size:23px;}
		.sub_navigator li.list-group-item a {font-size:16px;}

	/* Sub Section */
	.one-depth-dropdown {padding:0 10px;}

	.contents-header {padding:25px 0 50px 0; line-height:45px; font-size:50px;}
		.staff_text {font-size:14px; letter-spacing:-1px;}
	}
@media (max-width: 991px) {
	/* Quick Box */
	.quick_box {padding:0;}
		.quick_icon_wrap {padding:15px;}
		.mqicon_box {padding:0 0 0 36px; border:1px solid #ddd; margin-right:-1px; margin-bottom:-1px;}
			.quick_sub_title {font-size:14px;}
			.quick_icon_title {line-height:30px; font-size:14px;}

	/* Main Section */
	.main_section {padding:0 0 30px 0;}		
		/* Widget Page */
		.widget_wrap {padding:15px 0 50px 0;}
			.img_link_textwrap .img_link_textbox {top:20%;}
			.img_link_textwrap .img_link_text1 {line-height:20px; font-size:24px;}
			.img_link_textwrap .img_link_text2 {line-height:13px; font-size:13px;}

			.list_wrap {height:221px; padding:15px 20px;}
			#news_content_widget li {font-size:14px;}
			#news_content_widget .date {display:inline-block;}


	/* Sub Section */
	.sub_contents {padding:30px 0;}
		/* Contents Page */
		.contents-header {padding:20px 0 40px 0; line-height:40px; font-size:45px;}

		.greeting_title {font-size:23px;}
		.contents_text {font-size:16px;}
		.staff_text {padding-left:5px;}
		.lineWrap {padding:0 0 0 80px;}
		.lineWrap span.year {top:5px; font-size:20px;}
		table.info th, table.info td {font-size:14px;}

		.nm_title {font-size:20px; line-height:40px;}

	/* Footer */
	.footer_link {height:60px; padding:20px 0;}
	.footer_link a {font-size:14px; margin:0 2px;}
	.copyright {padding-top:20px; background-color:#454545;}

@media (max-width: 769px) {		
	body {font-size:13px;}
	.mobile_center {text-align:center;}
	/* Main Section */
	.main_section {padding:15px 0;}
		/* Quick Box */
		.quick_box {margin-top:0;}
		.quick_icon_title {font-size:13px; letter-spacing:-2px;}

		#m_news a.title {font-size:14px; font-weight:700; color:#000;}

		/* Widget Page */
		.img_link_textwrap .img_link_textbox {top:25%;}
		.img_link_textwrap .img_link_text1 {line-height:30px; font-size:32px;}
		.img_link_textwrap .img_link_text2 {line-height:14px; font-size:14px;}
		#news_content_widget li {font-size:14px; line-height:28px;}
		#news_content_widget .date {font-size:11px;}

	/* Widget Page */
	.widget_box {padding:15px;}

	/* Sub Section */
	.sub_contents {padding:15px 0;}
		/* Contents Page */
		.contents-header {padding:15px 0 30px 0; line-height:36px; font-size:40px;}
				.contents_text {font-size:14px;}
		table.info th, table.info td {letter-spacing:-1px;}

	/* Footer */
	.footer_text {font-size:13px;}
}

@media (max-width:618px) {

}

@media (max-width:480px) {
	.footer_copy{padding-bottom:15px;}
}

@media (max-width:385px) {

}