/* #Font-Face
==================================================*/
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);







/*topquick area*/
.topquick {position:relative;background:#293A60 !important;color:#ccc;width:100%;z-index: 9999999999999999999990;}
.topquick .topquick-wrap {width:980px;margin:0 auto;padding:0px;position:relative}
.topquick .topquick-wrap:after{display:block;clear:both;content:''}
.topquick a {color:#ccc}
.topquick a:hover {color:#fff}
.topquick .lang {float:left;font-size:12px;padding:6px 0}
.topquick .sns {float:right;font-size:16px;padding:3px 0}



#flexinav1 {
z-index: 9998;
}
#flexinav2 {
z-index: 9997;
}
.flexinav *,
.flexinav *:before,
.flexinav *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.flexinav {
position: relative;
margin:0 auto 0px auto;
float: left;
padding: 0;
width: 100%;
z-index: 9990;
background: #334878;
}

.flexinav .flexinav_wrapper {
width:980px !important;
margin: 0 auto;
}
.flexinav .flexinav_wrapper .flexinav_menu {
padding: 0;
margin: 0 auto;
list-style: none;
float: left;
}
.flexinav .flexinav_wrapper .flexinav_menu_right {
float: right;
}
.flexinav .flexinav_wrapper .flexinav_menu > li {
float: left;
padding:0;
margin: 0;
line-height:20px;
font-size: 11px;
position: relative;
background: #334878;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;
}
.flexinav .flexinav_wrapper .flexinav_menu > li.flexnav_mega {
position: static;
}

/* Hover and active states */

.flexinav .flexinav_wrapper .flexinav_menu > li > a,
.flexinav .flexinav_wrapper .flexinav_menu > li > span,
.flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
color:#eeeeee;
}
.flexinav .flexinav_wrapper .flexinav_menu > li:hover{
background: #435683;
}

.flexinav .flexinav_wrapper .flexinav_menu > li.active {

}
.flexinav .flexinav_wrapper .flexinav_menu > li:hover > a,
.flexinav .flexinav_wrapper .flexinav_menu > li:hover > span,
.flexinav .flexinav_wrapper .flexinav_menu > li:hover > span > a,
.flexinav .flexinav_wrapper .flexinav_menu > li.active > a,
.flexinav .flexinav_wrapper .flexinav_menu > li.active > span,
.flexinav .flexinav_wrapper .flexinav_menu > li.active > span > a {
color:#22eeeb;
border-top:1px solid #22eeeb;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.flexinav .flexinav_wrapper .flexinav_menu > li.noactive {
background: #334878;
}
.flexinav .flexinav_wrapper .flexinav_menu > li.noactive > a,
.flexinav .flexinav_wrapper .flexinav_menu > li.noactive > span,
.flexinav .flexinav_wrapper .flexinav_menu > li.noactive > span > a,
.flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > a,
.flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > span,
.flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > span > a {
color:#eeeeee;
}


.flexinav .flexinav_wrapper .flexinav_menu > li > span,
.flexinav .flexinav_wrapper .flexinav_menu > li > a {
display: block;
line-height:100px;
padding:0 22px;border-top:1px solid transparent;
}
.flexinav .flexinav_wrapper .flexinav_menu > li > a,
.flexinav .flexinav_wrapper .flexinav_menu > li > span,
.flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
.flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
margin-left: 14px;
}
.flexinav .flexinav_wrapper .flexinav_menu > li > span + a i {
margin-right: 0px;
}
.flexinav .flexinav_wrapper .flexinav_menu > li i {
margin-right: 9px;
}

/* Logo */

.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo {
width: 190px;
height: 100px;
padding: 0;
margin: 0;
float: left;
}
.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo:hover {
background: none;
}
.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo > a,
.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo:hover > a {
width: 100%;
height: 100px;
padding: 0;
margin: 0;
float: left;
background: url('../images/newlayout/top-logo2.png') no-repeat center center;
}

/*  _______________________________________________

03 DROP DOWN CONTAINERS
_______________________________________________  */


.flexinav .flexinav_menu .flexinav_ddown {
position: absolute;
top:-9999em;
z-index: 9999;
background: #435683;color:#fff;font-size:15px;
padding: 30px 0;
margin: 0 auto;
opacity: 0;
display: block;
}

.flexinav .flexinav_menu .flexinav_ddown:before,
.flexinav .flexinav_menu .flexinav_ddown:after {
display: table;
content: " ";
}
.flexinav .flexinav_menu .flexinav_ddown:after {
clear: both;
}

/* Drop Down Sizes */

.flexinav .flexinav_menu .flexinav_ddown_full {
width: 100%;
left:0;
margin-left: 0;
}


/* Show Drop Downs on Mouse Hover */

.flexinav .flexinav_menu li:hover > .flexinav_ddown {
opacity: 1;
top:auto;
}



/*-- GNB --*/
.gnb-wrap {width:100%;position:relative;background:#334878;color:#f0f0f0;font-family:malgun gothic;z-index:99999;}
.gnb-wrap:after{display:block;clear:both;content:''}
.gnb-st {font-size:13px; color:#fff;;width:980px !important;margin:0 auto}
.gnb-st .left{float:left;width:24%}
.gnb-st .right{float:left;width:76%;padding-left:30px;border-left:1px solid #4e68a4;}
.gnb-st:after{display:block;clear:both;content:''}

.gnb-st a {color:#ddd}
.gnb-st a:hover {color:#fff}

.gnb-st h1 {font-size:24px;margin:10px 0 0px 10px;letter-spacing:-2px;}
.gnb-st .h2 {font-size:14px;margin:10px 0 0px 11px;color:#ccc}

.dw-menu ul {list-style:none;padding:0;margin:0}
.dw-menu .depth01 li {margin-bottom:6px;}
.dw-menu .depth01 > li > a{
display:inline-block;min-width:160px;
border: 1px solid  #6d7588;
padding: 6px 6px 6px 12px;
font-weight: bold;
font-size: 14px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.dw-menu .depth01 > li > a:hover{background:#293A60;color:#00eaff;border: 1px solid transparent;text-decoration:none}
.dw-menu i {margin-right:2px !important}

.dw-menu .depth02  {display:inline;}
.dw-menu .depth02 span:after {
content: "|";
color: #6d7588;
padding:10px 6px 10px 9px;
}
.dw-menu .depth02 span.copy:after,
.dw-menu .depth02 span:last-child:after { content: ""; }
.dw-menu .depth02 span:first-child  {margin-left:10px;}

.dw-menu .depth02 span.comment {font-size:14px;color:#efc01c}
.dw-menu .depth02 span > a {color:#b8e8ff}
.dw-menu .depth02 span > a:hover {color:#ff9c00; text-decoration:underline}