/* @charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body, div, td,select, ul, li, td, p, span, h1, h2, h3, h4, pre{color:#3e3e3e; font-family: 'Noto Sans KR', sans-serif, '맑은 고딕' !important; }
body{
	text-align:center;
	margin:0;
	background:#fff;
	line-height:18px;
	color:#3e3e3e;
}
a{text-decoration:none; color:#444444;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline; color:#888888;}
/* layout */
#Top{
clear:both;
}
#Middle{
	clear:both;
}
#Left{
	width:180px;
	float:left;
}
#Content{
	background-color:#fff;
}
#subContainer{width:980px;margin:0 auto;}
#subContent{width:730px; text-align:left; margin-left:70px; float:left; min-height:300px;}
#subContent h2{font-size:26px; line-height:30px; border-bottom:0px solid #ddd; padding-bottom:10px; height: 40px; margin-bottom:10px;}
#subContent h2 span.en{ font-size:12px;}
#subContent h2 span.loc{font-size:11px; float:right;}
#snb{ background-color:#fff; padding:0px; width:180px; margin-top:-50px; position:relative; z-index:1000; margin-bottom:50px; text-align:left;}
#snb li{ font-size:12px; font-weight:500; border-bottom:1px solid #d8d8d8; padding:10px 0 10px 25px; cursor:pointer; background-color:#fafafa;}
#snb li.first{ font-size:16px; font-weight:500; padding:15px; cursor:text;}
#snb li.on{color:#fff; background-color:#191978; background-image:url(/img/common/ar1.png); background-repeat:no-repeat; background-position:right; width:180px;}
#snb li:hover{ background-color:#eee; color:#444;}
#snb li.first:hover{ background-color:#fff; color:#000;}
#snb li.on:hover{color:#fff; background-color:#a82e0f;  }
.clear{clear:both;}
#Footer{
	clear:both;
	padding:20px 0;
	background-color:#f0f0f0;
}
#ctop{height:145px; background-color:#ddd1c2;border:1px solid #fff;}
#ctop div#im{width:980px; margin:0 auto; height:145px; text-align:left;}
#ctop div#im h2{padding:20px; line-height:32px; font-size:32px; font-weight:700; font-family:tahoma; text-transform:uppercase;}

#top_search{background-color:#2d2b31; height:40px;}
#top_search div#word{width:980px; color:#fff; padding:10px 0; margin:0 auto; text-align:left;}
#top_search div#word a{ color:#fff; font-size:11px;}
#top_search div#word a:link{ color:#fff;}
#top_search div#word a:hover{ color:#fff;}
#gnb_area{width:980px; height:50px; text-align:left; margin:0 auto; padding:20px 0;}

#hgnb{ border:0px solid #000; padding-bottom:13px;}
#hgnb li{ display:inline-block; *display:inline; *zoom:1; padding:10px 40px; font-size:18px; font-weight:700; vertical-align:middle;}

#hgnb_sub{background-color:#f4978a; min-height:200px; position:relative; z-index:10000; display:none; width:980px;}
#hgnb_sub ul{margin:0 auto; position:relative;}
#hgnb_sub ul li{ display:inline-block; *display:inline; *zoom:1; padding:20px 50px 20px 0; vertical-align:top; color:#fff; border-right:1px solid #ccc; height:230px; }
#hgnb_sub ul li.first{width:300px; background-image:url(/img/common/gnb_sub_bg.jpg);}
#hgnb_sub ul li.last{border:0;}
#hgnb_sub ul li a{color:#fff;}
#hgnb_sub ul li a:hover{ text-decoration:none;}
#hgnb_sub ul li menu{ font-size:13px; font-weight:700; padding:3px 10px; margin:0;}
#hgnb_sub ul li menu:hover{ background-color:#e16759;}

.tborder{border:1px solid #000;}
#bottom_link{width:980px; text-align:left; margin:0 auto;}
#bottom_link li{ display:inline; color:#fff; padding:0 5px;}

.tbl { border-collapse:collapse; width:100%; background-color:#fff;}
.tbl th, .tbl td { border:1px solid #ccc; padding:15px; vertical-align:top;}
.tbl th{ background-color:#e5ecef; text-align:center; color:#4c4c4c; font-size:14px}
.tbl td ul{ padding-left:10px;}
.tbl td ul li{ line-height:22px; list-style:square; margin-left:12px;}
.tbl td ul li p{margin-left:10px; font-size:11px; color:#777;}

/*business*/
h3.business_tt{background-image:url(/img/business/tmlogo-2024.png); background-repeat:no-repeat; height:30px; font-size:20px; padding-left:170px; border:0; vertical-align:bottom; color:#777; height:30px;}
h3.business_tt span{ font-size:11px; border:0;}
.tt_box{ font-size:13px; font-weight:400; line-height:20px; color:#222; border:1px solid #ccc; padding:20px; margin:20px 0; background-color:#fafafa;}
.busi_h4{font-size:17px; font-weight:400; background-image:url(/img/common/bu1.png); background-repeat:no-repeat;padding-left:20px; }
.busi_list{ margin:20px;}
.busi_list li{ line-height:30px; list-style:circle; font-size:14px;}
.busi_ul{ margin-left:20px;}
.busi_ul2{ margin-left:20px; padding-right:5px}
.busi_ul li{ line-height:22px;}
.busi_p{ font-size:14px; font-weight:500; background-image:url(/img/common/bu5.png); background-repeat:no-repeat;  background-position:0 2px; padding-left:25px; margin-bottom:10px;}
.busi_h3{background-image:url(/img/common/bu6.png); background-repeat:no-repeat; padding-left:10px; background-position:0 6px;}
.m_top{ margin-top:1.2em}
.r_top{ margin-top:3em}
.fac_img{border:solid 1px #ddd;}
/*hnt*/
div#hnt{}
div#hnt h2.office{ font-size:24px; color:#3fa2e6; border:0;}
div#hnt p.office_txt{ font-size:13px; line-height:22px;}
div#hnt h3.ethic{ font-size:16px; color:#191978; border:0;}
div#hnt p{font-size:13px; line-height:22px;}

#ms{ width:980px; margin:0 auto; margin-top:20px;}
#ms li{ display:inline-block; *display:inline; *zoom:1; float:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
#ms li.last{border-left:0;}






/*staff */
dl.staff{ padding:20px;}
dl.staff dt,dd{ float:left; margin-bottom:25px; }
dl.staff dt{ width:160px; border-bottom:0px solid #ccc; text-align:center;}
dl.staff dd{ width:520px; padding-left:20px; border-bottom:0px dotted #ccc;}
dl.staff h3{ color:#099; font-size:18px;}
.clear_line{ clear:both; border-bottom:1px dotted #ccc; margin-bottom:20px;}
p.pbtn{float:left; margin-top:10px;}
div.profile{ display:none; clear:both;}
div.profile h4{ color:#390; padding-top:10px;}

.camp_ul{ padding-left:30px;}
.camp_ul li{ list-style:square; line-height:20px; font-size:12px;}
.camp_ul2{ padding-left:30px;}
.camp_ul2 li{ list-style:decimal; line-height:20px; margin-bottom:10px; font-size:14px;}
.camp_ol{ padding-left:30px;}
.camp_ol li{ display:inline-block; width:150px; background-color:#6ac3bd; height:45px; vertical-align:middle; color:#fff; padding:10px; border:0px solid #ddd; line-height:20px; text-align:center; margin-right:25px; margin-bottom:30px; font-size:14px}
.camp_ol li.ar{background-image:url(/img/common/arrow_png.png); background-repeat:no-repeat; padding:0; width:18px; background-position:0 10px; background-color:#fff;}

.banimg{border:1px solid #ddd;}
.logo h1{
  margin: .2em 0 0 0;
}
.logo h1 a{
  text-decoration: none;
  color: #222;
  font-size: 1.5em;
  font-weight: 400;
}
.logo h1 a span{
  font-size: 1.5em;
  color: #FF5722;
  font-weight: 600;
}
.navbar-brand {
 height: auto;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
}
.navbar-nav {
  float: right;
  margin-top: 1.5em;
  font-family: 'Noto Sans KR', sans-serif, '맑은 고딕' !important;
}
.navbar-default {
  border: none;
  background: none;
  min-height: auto;
  margin-bottom: 0;
}
div#bs-example-navbar-collapse-1 {
  padding: 0;
}
.navbar-nav li.first-list:after,ul.dropdown-menu li:after{
  background: none !important;
width: 0px !important;
}
ul.nav.navbar-nav li a {
font-size: 1.25em;
  color: #222;
  margin: 0 0.3em;
  padding: .5em 1.4em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0px;
  border: solid 2px rgba(255, 255, 255, 0);
  font-family: 'Noto Sans KR', sans-serif, '맑은 고딕' !important;
}
a{font-family: 'Noto Sans KR', sans-serif, '맑은 고딕' !important;}
ul.nav.navbar-nav li a:hover{
  color: #222 !important;
  border: solid 2px #222;
}
ul.nav.navbar-nav li a:focus{
outline:none;
border: solid 2px rgba(255, 255, 255, 0);


}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background:none !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #222;
}
ul.nav.navbar-nav li.active a.dropdown-toggle {
  color: #222;
  background: none;
  border: solid 2px #222;

}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #222;
  background:none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background: none!important;
}
.top-nav .open > .dropdown-menu {
  display: block;
  background: rgba(255, 255, 255, 0.69);
  margin-top: 2em;
  left: -73%;
}
.top-nav .open > .dropdown-menu li {
  margin: 0;
display: block;
overflow:hidden;
}
.navbar-top{position: relative; z-index: 990000;}
.navbar-top .open > .dropdown-menu li a {
  display: block;
  color: #222;
  font-size: 1em;
  padding: 0.5em 1em;
  text-align: left;
border: solid 1px rgba(255, 255, 255, 0);
font-family: 'Noto Sans KR', sans-serif, '맑은 고딕' !important;
}
.dropdown-menu li a{font-size:1em;}
.dpnone{display: none;}
.navbar-top .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  color: #222;
  border: none;
  background: none;
  border: solid 1px #222;
}
.navbar-top .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #FF5722;
  text-decoration: none;
  background-color: transparent;
  border: solid 2px #222;
font-family: 'Noto Sans KR', sans-serif, '맑은 고딕' !important;
}
ul.dropdown-menu {
  background: rgba(255, 255, 255, 0.9) !important;
}
.dropdown li{font-size:1em;}