/* Common */
@charset "utf-8";
/* nanum-gothic-regular - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v7-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../fonts/nanum-gothic-v7-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v7-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v7-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v7-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v7-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@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');
}
@import url('./animate.css');
html {font-family: 'Nanum Gothic'; overflow-x: hidden;}
body {padding:0; font-size:13px; font-family:'Nanum Gothic'; font-weight:400; line-height:180%; color:#838383;}
body {-webkit-font-smoothing: antialiased !important;text-rendering: optimizelegibility;background-attachment:fixed;}
table tr th, table tr td {font-family: 'Noto Sans'; color: #333333; letter-spacing: -1px;}
a, a:hover {color: inherit; text-decoration:none;}
section.common {padding: 0 15px;}
::selection {background-color: #c2cbe6; color: #333;}
::placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
::-ms-input-placeholder {color: #999999;}
#topcontrol {width: 36px; height: 36px; line-height: 36px; border-radius: 5px; background-color: #0c2e9c; text-align: center; color: #ffffff;}

.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
.custom_margin {margin-left:-10px; margin-right:-10px;}
.margin_auto {margin:0 auto !important;}
.conceptBgColor {color:#fff;background: #0c2e9c;}
.whiteText {color: #ffffff;}
.blackText {color: #4f4f4f;}
.img_links {display: block;}
.displayInlineBlock {display: inline-block;}
.contColor1 {color: #ac846c;}
.contColor2 {color: #916246;}
.contColor3 {color: #346f39;}
.whiteBgBox {border: 1px solid #c9c6c4; background-color: #ffffff;}
.morelink:hover {color: #ffffff;}

/* Header (TNB + GNB) */
#header{position:absolute; left:0; top:0; z-index:9; width:100%;}

.tnb {height: 75px; padding: 17px 0 14px 0;}
.tnb_right {height: 22px; margin-top: 22px; line-height: 22px; border-radius: 3px; font-family: 'Dotum'; color: #ffffff;}

.navbar {border: none; background-color: transparent;}
.gnb {clear: both; height: 51px; background-image: url('/images/gnbbg.png');}	
.gnb ul.first_ul {width: 100%; padding: 0px; margin: 0px;}
.gnb ul.first_ul li.first_li {float:left;  list-style:none;}
.gnb ul.first_ul li.first_li .first_a {display:block; line-height: 51px; vertical-align: middle;}
.gnb ul.first_ul li.first_li .first_a {font-size: 17px; color: #ffffff; font-weight: 600;}
.gnb ul.first_ul li.first_li .first_a:hover {color: #83f5ff;}	
.gnb ul.first_ul li.first_li.active > .first_a {color: #83f5ff;}

.gnb ul.first_ul li.loginWrap {padding:49px 0 0 0; list-style: none;}
.gnb ul.first_ul li.loginWrap a {display: block; padding:9px 29px; line-height: 12px; border:none; border-radius:3px;}
.gnb ul.first_ul li.loginWrap a {background-color: #346f39; ; font-size:14px; font-weight: 600; color: #ffffff;}

.gnb ul.first_ul ul.dropdown-menu{min-width:100%; margin: 9px 0 0 0; background-color:rgba(0,0,0,0.8); padding: 8px 11px 8px 10px; border-radius:0;}
.gnb ul.first_ul ul.dropdown-menu li{list-style: none; border-top:1px solid #484848;}
.gnb ul.first_ul ul.dropdown-menu li:first-child{border-top:none;}
.gnb ul.first_ul ul.dropdown-menu li a{display:block; padding:0 15px; height:25px; line-height:25px;}
.gnb ul.first_ul ul.dropdown-menu li a{text-align: left; vertical-align:middle; font-size:13px; font-weight:500; color:#fff;}
.gnb ul.first_ul ul.dropdown-menu li a:hover{background-color:inherit; color: #83f5ff;}
.gnb ul.first_ul ul.dropdown-menu li a.active {color: #83f5ff;}

/* Menu (Mobile) */
.mobile-navbar {position:absolute; top: 0; width: 100%; height: 50px; padding: 10px 0px; background-color: transparent; z-index: 2;}
.mobile-navbar .menu-button {margin: 0px 10px; width: 32px; background: transparent; color: #000000;}
	.mobile-navbar .home-button:hover, .mobile-navbar .menu-button:hover {cursor:pointer;}
	.mobile-navbar .menu-button {display:none; float:left; padding:0px; cursor:pointer;}
		.mobile-navbar .menu-button i {font-size: 24px;}
	.mobile-navbar .home-button {float:right; margin: 00px 10px; width: 50px; line-height: 100%;}
		.mobile-navbar .home-button i {font-size: 18px; color: #000000;}
		.mobile-navbar .home-button span {font-size: 12px; color: #000000;}
	.xs-sitelogo {margin-left: 15px;}
	.xs-register .xs-signup {float: left; display: inline-block; width: 50%; height: 32px; padding: 10px 0; text-align: center;}
	.xs-register .xs-icon {float: left; display: inline-block; width: 25%;}
	.mobile-navbar .mmenu_icon {display: block; font-weight: 400; font-size: 13px; padding: 5px 0px; border-right: 1px solid #dddddd;}
	#mmenu_footer {display: inline-block; width: 100%; padding: 10px; line-height: 11px;}
	#mmenu_footer {border-top: 1px solid #cccccc; border-bottom: 1px solid #aaaaaa; background-color: #21262c; font-size: 11px; color: #f4f4f4;}

/* Main Visual */
.visual_section{position: relative; height: auto; overflow: visible; background-repeat: no-repeat; background-position: center center;}

/* Main Contents */
.main_contents {padding: 0px 15px;}
	.widgetWrap {padding: 40px 10px;}
		.widgetBox {min-height: 238px; padding: 20px 28px 15px 23px; border: 1px solid #7d8187;}	
		.widgetBox.widgetBg1 {background: #454241 url('/images/widgetcover1.png') right -42px center no-repeat;}
		.widgetBox.widgetBg2 {background-image: url('/images/widgetcover2.png'); background-size: 100% auto; background-position: bottom -40px center}
			.widgetTitle {height: 24px; margin-bottom: 23px; line-height: 24px; font-size: 24px; font-weight: 700;}

.bg01 {background-color: #454b53;}
.bg02 {background-color: #e8e7e5;}
.bg03 {background-color: #ffffff;}

.widgetTableA1 td .date{margin-right:0;}

/* Sub Visual */
.sub_visual {height: auto;}

/* Sub Contents */
.contents_wrap {padding: 30px 0px;}
	.lnb_wrap {padding: 0 40px 0 0;}
		.lnb {border: 1px solid #1e6fd4;}
		.lnb .titlebox {height: 99px; line-height: 99px; background-color: #374f9d; font-weight: 400; color: #ffffff;}
			.sub_first_menu {font-size: 24px;}
			.sub_text {line-height: 12px; font-size: 12px; opacity: 0.7;}	
		.sub_nav.list-group {padding: 0; margin: 0;}
			.list-group-item {height: 52px; margin-top: -1px; line-height: 52px;  border-top: 1px solid #d2e2f6; border-bottom: 1px solid #d2e2f6; color: #374f9d;}
			.list-group-item a {display: block; text-indent: 27px; font-size: 16px; font-weight: 500; font-family: 'Noto Sans'; color: #707070;}
			.list-group-item a:hover {font-weight: 600; color: #374f9d;}
			.list-group-item.on a {background-color: #edf4fa; font-weight: 600; color: #374f9d;}
			.list-group-item.on a {border-bottom: 1px solid #1e6fd4; background-color: #edf4fa; font-weight: 600; color: #374f9d;}
	.contents_page {padding: 0 0 0 10px;}
		.contents-header {height: 99px; padding: 44px 0 16px 0; margin-bottom: 45px; border-bottom: 1px solid #d6d6d6;}
			.contents_title {font-size: 32px; font-weight: 600; color: #0c2e9c; font-family: 'Noto Sans'; letter-spacing: -2px;}
			.path_wrap {padding-top: 25px; line-height: 15px; font-weight: 400; font-family: 'Dothum'; font-size: 12px; color: #333333; letter-spacing: 0px; letter-spacing: 0px;}
		.contents_div {line-height: 36px; font-family: 'Noto Sans'; font-size: 17px; color: #333333; letter-spacing: -1px;}
		.photof_box {width: 98px; height: 170px; padding: 8px 0 53px 11px; background: url('/images/photoframe.png') no-repeat left top;}
		.chief_box {width: calc(100% - 98px); height: 117px; line-height: 24px; padding: 44px 0 0 25px;}

		.year_section {padding: 18px 0 10px 0; border-bottom: 1px solid #e5e5e5;}
		.history_tbl .year {width: 100px; padding: 0px; line-height: 20px; vertical-align: top; font-size: 24px; font-family: 'noto Sans Bold'; color: #37a1aa;}
		.history_tbl td {padding: 0; line-height: 30px; font-size: 17px; letter-spacing: -1px;}
		.history_tbl td.month {width: 80px; vertical-align: top;}

		.curr_text {margin-bottom: 30px; font-size: 24px; font-weight: 600; color: #37a1aa;}

		.list_tbl {width: 100%; border-collapse: collapse;}
		.list_tbl th, .list_tbl td {padding: 5px 10px; line-height: 28px; border: 1px solid #dddddd; font-size: 16px; letter-spacing: -1px;}
		.list_tbl th {border-top: 2px solid #37a1aa; text-align: center; background-color: #f3f3f3;}
		.list_tbl td.add_cell {text-align: left;}
		.list_tbl a:hover {color: #37a1aa;}

		.staff_label {display: inline-block; margin-right: 15px; min-width: 74px; padding: 5px 0; line-height: 16px; margin-bottom: 10px;}
		.staff_label {border-radius: 10px; background-color: #1eb0d4; font-size: 18px; color: #ffffff;}

		.special_staff {font-weight: 600; color: #37a1aa;}
		.year_group {height: 67px;}

/* Footer */
.footer {height: 198px;}
	.btm_linkBox {height: 49px; line-height: 49px; border-bottom: 1px solid #4c5055; background-color: #383c42;}
	.btm_linkBox a {padding: 0 25px; margin-right: -4px; border-left: 1px solid #727c8a; font-family: 'Noto Sans'; font-size: 16px; color: #ffffff;}
	.btm_linkBox a:hover {color: #83f5ff;}
	.copyrightBox {padding: 36px 0 74px 0; background-color:#21262c;}
		.address {margin:0; line-height: 20px; font-size:14px; font-weight:500; color:#fff; text-align:center;}
		.copyright {margin: 0px; line-height: 20px; font-size:12px; color: #8c8a8a; text-align:center;}

/* Media Query */
@media (max-width: 991px) {
	/* Sub Contents */
	.contents_page {padding: 0 15px; line-height: 30px; font-size: 15px;}
		.contents_wrap {padding: 15px 0px;}
			.contents-header {height: 64px; padding: 10px 0 15px 0; margin-bottom: 25px;}
			.photof_box {height: 152px; padding-bottom: 32px;}

			.curr_text {margin-bottom: 20px; font-size: 20px;}
			
			.year_section {padding: 9px 0 5px 0;}
				.history_tbl .year {width: 70px;}
				.history_tbl td.month {width: 60px;}
				.history_tbl td {font-size: 14px; line-height: 24px;}

			.list_tbl th, .list_tbl td {font-size: 14px; line-height: 24px;}
			.staff_label {line-height: 14px; font-size: 16px;}
}
@media (max-width: 769px) {
	/* Common */
	.xs-overflow-x {overflow-x: scroll;}

	/* Main Contents */
	.main_contents {padding-bottom: 15px;}
		.widgetWrap {padding: 15px 10px 0 10px;}
			.widgetBox {min-height: 223px; padding: 20px 15px 15px 15px;}
				.widgetTitle {margin-bottom: 13px; font-size: 20px;}

	/* Sub Contents */	
	.contents-header {height: 45px; padding: 0px 0 10px 0;}
		.contents_title {font-size: 24px;}

	#staff_past td {min-width: 63px;}
	#staff_past td:first-child {min-width: 39px;}

	/* Footer */
	.footer {height: 145px;}
		.btm_linkBox {height: 45px; line-height: 45px;}
		.btm_linkBox a {padding: 0 5px; font-family: 'Noto Sans'; font-size: 12px;}
		.copyrightBox {height: 100px; padding: 20px 0 25px 0;}
			.address {line-height: 19px; font-size:12px; font-weight:500;}
			.copyright line-height: 18px; font-size:10px;}
}