@charset "utf-8";

@font-face {
     font-family:ng;
	src:url(/lib/webfont/NanumGothic.eot);
     src: url('/lib/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
            url('/lib/webfont/NanumGothic.woff') format('woff'),
            url('/lib/webfont/NanumGothic.ttf') format('truetype');
}



body	{
	margin: 0 auto; padding: 0;
  width:100%;
  font-family: NanumGothic, ng, gulim, dotum, tahoma;
	font-size:12px;
	color:#555;
  line-height: 20px;
  background:#f5f5f5;
  overflow:scroll;
  border-top:3px solid #0b67bc;
}

*:first-child + html body	{
	margin: 0 auto; padding: 0;
  width:1000px;
  font-family: NanumGothic, ng, gulim, dotum, tahoma;
	font-size:12px;
	color:#555;
  line-height: 20px;
  background:url(/img/bg/main_bg.gif) repeat-X;
  overflow:hidden;
}

.invisible {
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
}

.c { clear: both; }


/* Holly hack */
* html { height: 1px; } 
* { margin:0; padding:0; list-style-type:none;}

p { margin:0; padding:0;}

a:link, a:visited, a:active{color:#333366;text-decoration:none;}
a:hover{color:#3366cc;}
img { border:0; }

fieldset { border: #fff 0px solid; }

h1, h2  { font-size:14px; color: #333366; font-weight: bold; line-height: 18px; }
h3      { font-size:12px; color: #339900; font-weight: bold; line-height: 18px; }

/* float */
.fl_left { float:left; }
.fl_right { float:right; }

/* Text Indent -9999 */
.t_id_20 { text-indent: 20px; }


/* Img Border */
.img_b1_darkgrey { border: 1px solid #333; }

/* Text align */
.t_center   { text-align:center; }
.t_justify  { text-align:justify; }

/* Margin */
.m_t_10     { margin-top: 10px;}
.m_t_15     { margin-top: 15px;}
.m_t_20     { margin-top: 20px;}
.m_t_25     { margin-top: 25px;}

.m_l_5     { margin-left: 5px;}
.m_l_10     { margin-left: 10px;}
.m_l_14     { margin-left: 14px;}
.m_l_15     { margin-left: 15px;}
.m_l_20     { margin-left: 20px;}
.m_l_21     { margin-left: 21px;}
.m_l_25     { margin-left: 25px;}

.m_bt_5     { margin-bottom: 5px;}
.m_bt_10    { margin-bottom: 10px;}
.m_bt_15    { margin-bottom: 15px;}
.m_bt_20    { margin-bottom: 20px;}
.m_bt_25    { margin-bottom: 25px;}
.m_bt_30   {margin-top:15px;
            margin-bottom:10px;
}

/* Padding */
.p_l_15     { padding-left: 15px;}
.p_l_20     { padding-left: 20px;}
.p_l_25     { padding-left: 25px;}

/* font weight */
.bold				{ font-weight: bold !important; }

/* color */
.white         		{color: #FFF;}
.black         		{color: #000;}
.gray_01				{ color:#333 !important; }
.gray_02				{ color:#444 !important; }
.gray_03				{ color:#666 !important; }
.gray_04				{ color:#999 !important; }
.gray_04b			{ color:#b1b1b1 !important; }
.gray_05				{ color:#ddd !important; }
.blue_01				{ color:#2f88c9 !important; }
.blue_02				{ color:#639cc6 !important; }
.blue_03				{ color:#618395 !important; }
.blue_04				{ color:#0089ab !important; }
.blue_05				{ color:#425177 !important; }
.blue_06				{ color:#2f6a9b !important; }
.blue_07				{ color:#39bad3 !important; }
.green_01			{ color:#75ae4a !important; }
.green_02			{ color:#5f9111 !important; }
.green_03			{ color:#1caf0c !important; }
.org_01				{ color:#e66d00 !important; }
.org_02				{ color:#ff7315 !important; }
.red						{ color:#ff0000 !important; }
.red_01				{ color:#d60705 !important; }
.dark_blue    { color:#333366 !important; }
.c_6688cc     { color:#6688cc !important; }

/* link */
.link_01 a			  { color:#333366; }
.link_01 a:hover	{ color:#3366cc; }
.link_02 a			  { color:#666; }
.link_02 a:hover	{ color:#4894dd; text-decoration:underline; }
.link_03 a			  { color:#2f88c9; }
.link_03 a:hover	{ text-decoration:underline; }
.link_04 a			  { color:#f3f3f3; }
.link_04 a:hover	{ color:#3366cc; }
.link_05 a			  { color:#ffff00; }
.link_05 a:hover	{ color:#3366cc; }

/* bg */
.bg_0				{ background-color:#fff !important; }
.bg_1				{ background-color:#f6f6f6 !important; }
.bg_1b			{ background-color:#f8f8f8 !important; }
.bg_2				{ background-color:#ececec !important; }
.bg_3       { background-color:#999 !important;}
.bg_white       { background-color:#FFF !important;}


#news {width:998px; height:310px; margin-top:1px; }

.tab{float:left; width:691px; height:290px;}
.tabnav{font-size:0; border:1px solid #ddd;  display:flex;}
.tabnav li{display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;
width:25%;}
.tabnav li:last-child {border:0;}
.tabnav li a:before{content:""; position:absolute; left:0; bottom:0px; width:100%; height:3px; }
.tabnav li a.active:before{background:#1275e1;}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000;  line-height:46px; text-decoration:none; font-size:16px;
padding-right:21px;}

.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#000; font-weight:bold; }
.tabcontent{padding: 20px; height:223px; border:1px solid #ddd; border-top:none;
background-color: #fff;}

#news .news07 {float:right; width:284px;}



.footer-top {
    background-color: #1275e1;
    text-align: center;
    padding:15px 0;
    margin-top:8px;}


.footer-top ul {
    float:left;
    width:71%;
}

.footer-top ul li {
  width:25%;
 color: #fff;
float:left;}

#footer_AREA .footer-top ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.footer {

  position:relative;
}

.footer > .footer-con {
  position:absolute;
  top:0;
  left:0;
  width:942px;
  overflow:hidden;
}

.footer > .footer-con::after {
  content:"";
  display:block;
  clear:both;
}

.footer > .footer-con > .info {
  float:left;
  font-size:0;
  padding:29px 0 0 400px;
}

.footer > .footer-con > .info > .info-01 {
  display:inline-block;
}

.footer > .footer-con > .info > .info-01 > a {
  font-size:11px;
  color:#7d7d7d;
  font-weight:400;
  margin-right:18px;
  letter-spacing:-0.03em;
}

.footer > .footer-con > .info > .info-02 {
  display:inline-block;
  font-size:11px;
  color:#7d7d7d;
  font-weight:400;
  padding-left:19px;
  letter-spacing:-0.03em;
}

.footer > .footer-con > .copy {
  font-size:11px;
  color:#7d7d7d;
  font-weight:400;
  position:absolute;
  padding-top:30px;
  letter-spacing:-0.03em;
  top:0;
  left:0;
}

.footer > .footer-con > .icons {
  float:left;
  padding:35px 0 15px 41px;
}

.footer > .footer-con > .icons > a {
  display:inline-block;
  margin-left:19px;
}



.footer > .ft-area::after {
  content:"";
  display:block;
  clear:both;
}

.footer > .ft-area > .family-site {
  float:right;
  width:36.3333%;
}

.footer > .ft-area > .family-site > .select-box {
  position:relative;

}

.footer > .ft-area > .family-site > .select-box > .hide {
  display:block;
  position:absolute;
}

.select-box {
    position: relative;
    width: 200px;
    z-index: 1;
}

.select-box label {
    position:absolute;
    top:1px;
    left:5px;
    padding:0.8em 0.5em;
    color:#999999;
    z-index:-1;
}

.select-box select {
    width:100%;
    height:auto;
    line-height:normal;
    border: 1px solid transparent;
    margin:0;
    padding:0;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    padding-left:15px;
    background-color:#1275e1;
}

.select-box select > option {
    color:black;
    background-color:white;
}

.footer > .ft-area > .family-site > .select-box > .go-btn {
  background-color:#888888;
  color:white;
  width:50px;
  height:33px;
  position:absolute;
  top:0;
  right:0;
  border:0;
  font-size:10px;
  font-weight:500;
  line-height:33px;
}



.footer > .ft-area2::after {
  content:"";
  display:block;
  clear:both;
}

.footer > .ft-area2 > .family-site2 {
  float:right;
  width:18.3333%;
}

.footer > .ft-area2 > .family-site2 > .select-box2 {
  position:relative;

}

.footer > .ft-area2 > .family-site2 > .select-box2 > .hide {
  display:block;
  position:absolute;
}

.select-box2 {
    position: relative;
    width: 200px;
    z-index: 1;
}

.select-box2 label {
    position:absolute;
    top:1px;
    left:5px;
    padding:0.8em 0.5em;
    color:#999999;
    z-index:-1;
}

.select-box2 select {
    width:100%;
    height:auto;
    line-height:normal;
    border: 1px solid transparent;
    margin:0;
    padding:0;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    padding-left:15px;
    background-color:#1275e1;
}

.select-box2 select > option {
    color:black;
    background-color:white;
}

.footer > .ft-area2 > .family-site2 > .select-box2 > .go-btn {
  background-color:#888888;
  color:white;
  width:50px;
  height:33px;
  position:absolute;
  top:0;
  right:0;
  border:0;
  font-size:10px;
  font-weight:500;
  line-height:33px;
}