@charset "utf-8";

@charset "utf-8";
.wrap-nav-btn {display: none;}

/* 상단 유틸존*/
#header .container .wrap-gnb {  overflow: hidden;  width: 100%;  position: absolute;  top: -35px;  left: 0;  background-color: #1a2a42;}
#header .container .wrap-gnb .util-area {position: relative;  width: 1200px;  margin: 0 auto;}
#header .container .wrap-gnb .util-area .top-link {  float: right;  display: table;}
#header .container .wrap-gnb .util-area .top-link a+a {  border-left: none;}

/*header-gnb*/
#navigation {float: right;width: 100%;max-width: 930px;}
#header .container .wrap-lnb {margin: 0 0;}
#header {position: absolute; width: 100%;z-index: 3;}

/*logo*/
#header {  position: relative;  border-bottom: 1px solid #ccc;  margin-top: 35px;  padding: 25px 0 10px 0;}
#header .container {margin: 0 auto;width: 1200px; }
#header .container:after {content: '';display: block;clear: both;}
#header .container .wrap-logo {position: relative;display: inline-block;z-index: 1;}
#header .container .wrap-logo h1 { padding-top:7px;}
#header .container .wrap-logo h1 a em {position: relative;font-size: 0.96em;display: inline-block;color: #3f424c;vertical-align: middle;font-weight: 600;padding-left: 10px;}
#header .container .wrap-logo h1 a em:before {content: '';position: absolute;width: 1px;height: 30px;left: 0;top: 50%;margin-top: -15px;background-color: #ddd;}
#header .container .wrap-gnb {overflow: hidden;width: 100%;position: absolute;top: -35px;left: 0;;}
#header .container .wrap-gnb .util-area {position: relative;width: 1200px;margin: 0 auto;}
#header .container .wrap-gnb .util-area .top-link {float: right;display: table;}
#header .container .wrap-gnb .util-area .top-link a {color: #fff;padding: 10px 15px 10px;position: relative;display: table-cell;font-size: 13px;}
#header .container .wrap-gnb .util-area .top-link a:hover{font-weight:600; text-decoration:underline;}
#header .container .wrap-gnb .util-area .top-link a:first-child:before{content:'';width:1px;height:10px;display:block;position:absolute;background: rgba(255,255,255,0.5);right:0;top: 13px;} 


/*header-gnb*/
#lnb																		{float:right;}
#lnb a																		{display: block;box-sizing: border-box;}
#header .container .wrap-lnb										{width: 100%;}
#menuUItop .top_div .ul_1											 { padding-right:10px; }
#menuUItop .top_div .ul_1 .li_1										{position: relative;    display: inline-block;    vertical-align: middle; }
#menuUItop .top_div .ul_1 .li_1 .a_1								{overflow: hidden; width: 100%;  color: #444; padding: 10px 25px 20px; font-size: 20px; text-align: center; white-space: nowrap; text-overflow: ellipsis; font-weight:400;}
#menuUItop .top_div .ul_1 .li_1 a.on:after							{content: '';position: absolute;width: 20px;height: 12px;bottom: 0;left: 50%;margin-left: -5px;background: url(../images/gnb-tail.png) center center no-repeat;}
#menuUItop .top_div .ul_1 .li_1 .div_2								{    position: absolute;    z-index: 1;    left: 0;    bottom: -33px;   background-color: #0054a7;    white-space: nowrap;    min-width: 100%;    max-height: 0;    overflow: hidden;;}
#menuUItop .top_div .ul_1 .li_1 .div_2.on							{max-height: 500px;}
#menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 li						{display: inline-block;}
#menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .a_2			{overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;color: #fff;font-size: 16px;text-align: left;}
#menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .a_2:hover		{color: #01ece8;}

#lnb .div_3 {display: none;} /* 3차메뉴 숨김*/
#m-gnb {display: none;} /* 모바일 오픈버튼 숨김*/



/*디자인 변경시 수정부분*/
/*sub-content*/
#visual .container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

/*snb*/
#subContainer #aside {
  width: 210px;
  float: left;
}

#subContainer #menuUIsub .menuSubTitleUI {
  width: 100%;
  background: url(../images/subtitlebg.png) no-repeat;
  text-align: center;
}

#subContainer #menuUIsub .menuSubTitleUI h2 {
  padding: 65px 0;
  font-size: 26px;
  color: #fff
}

#subContainer #menuUIsub .sub_div {
  border-bottom: 3px solid #d0d0d0;
  background-color: #fff;
}

#subContainer #menuUIsub .sub_div a {
  color: #393c41
}

#subContainer #menuUIsub .sub_div .a_2 {
  padding: 0 15px;
  font-size: 16px;
  line-height: 3rem;
  background: url(../images/arrow-down.png) no-repeat 180px center;
  border-top: 1px solid #d0d0d0;
  display: block;
}

#subContainer #menuUIsub .sub_div .a_2:hover,
#subContainer #menuUIsub .sub_div .a_2._active {
  color: #0054a7;
  background-image: url(../images/arrow-up.png);
}

#subContainer #menuUIsub .sub_div .li_2:first-child .a_2 {
  border-top: 0 none
}

#subContainer #menuUIsub .sub_div .div_3 {
  max-height: 0;
  transition: all 1s ease;
  background-color: #f2f2f2;
  overflow: hidden
}

#subContainer #menuUIsub .sub_div .li_2:hover .div_3,
#subContainer #menuUIsub .sub_div .li_2._active .div_3 {
  max-height: 300px
}

#subContainer #menuUIsub .sub_div .ul_3 {
  padding: 10px 25px;
  border-top: 1px solid #dfdfdf
}

#subContainer #menuUIsub .sub_div .a_3 {
  position: relative;
  font-size: 14px;
  line-height: 35px;
}

#subContainer #menuUIsub .sub_div .a_3._active {
  color: #3765a4;
  font-weight: bold;
}

#subContainer {
  position: relative;
}

#subContainer .container {
  margin: 0 auto;
  width: 1200px;
}

#subContainer #subContent {
  width: 930px;
  float: right;
  min-height:600px;
  background: url(../images/subpagebg.png) right top no-repeat;
}

/*페이지 네비설정*/
#subContainer .pageNavigation {
  border-bottom: 2px solid #0054a7;
  margin-bottom: 50px;
}

#subContainer #_pageNavigation {
  bottom: 17px;
  float: left;
  margin: 0 0 20px 0;
  overflow: hidden;
}

#subContainer .pageNavigation:after {
  content: '';
  clear: both;
  display: block;
}

#subContainer #_pageNavigation li {
  color: #9b9b9b;
  position: relative;
  font-size: 13px;
  font-weight: 600;
}

#subContainer #_pageNavigation li.home {
  width: 12px;
  background: url(../images/navHome.gif) no-repeat center center;
  text-indent: -99999px;
  margin-left: 0;
}

#subContainer #_pageNavigation li.pageName {
  color: #454545;
}