@charset "UTF-8"; 

/*	footer 바닥 고정 설정 */
html {
	position: relative;
	min-height: 100%;
}
select {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}
select::-ms-expand {display:none;}
.footer {
	width: 100%;
	background:#f6f5f5;
	color:#5c5d5d;
	padding:25px 0;
}
.footer .footer_inner {display:block; margin-bottom:15px;}
.footer .footer_inner a {display:inline-block; color:#262626; font-size:18px;}
.footer .footer_inner a:first-child::after {display:inline-block; content:"|"; clear:both; margin:0 20px;}

/* 상단 nav */
.header_nav {position:relative; height:33px; background:#2999cb;}
.header_nav ul {float:right; display:inline-block;}
.header_nav ul li {display:inline-block; float:left; line-height:33px;}
.header_nav ul li a {position:relative; display:block; padding:0 15px; color:#fff; text-transform:uppercase;}
.header_nav ul li a:hover {text-decoration:none; color:#042e6f;}
.header_nav ul li:first-child a::after {display:inline-block;/* content:"|"; */clear:both; position:absolute; right:0;}
.header_nav ul li select {height:33px; padding:0 30px 0 15px; background:url(../images/etc/select_arrow.png) no-repeat 90% center #0f68b3; color:#fff; border:0; text-transform:uppercase;}
.header_nav ul li select:hover {color:#fff; cursor:pointer;}
.header_nav ul li a.go_ulsan {background:#1f2020;}
.header_nav ul li a.go_ulsan:hover {color:#fff707;}
.header_nav ul li .Language {height:33px;  background:#0f68b3; color:#fff; border:0; text-transform:uppercase; }
.header_nav ul li .Language:hover {color:#fff; cursor:pointer; }


/* 우측메뉴 토글 */
.slogan {cursor:pointer;}
.menu_wrap {position:fixed; top:0; right:-100%; width:100%; height:100%; background:rgba(14,29,74,0.9); z-index:110;}
.menu_wrap>div.container {position:absolute; top:20%; left:50%; transform:translate(-50%,0);}
.menu_wrap>div>ul>li {float:left; width:33.3%;}
.menu_wrap>div>ul>li>a {color:#fff; font-size:24px; padding-bottom:20px; border-bottom:2px solid #fff;}
.menu_wrap>div>ul>li>a:hover {text-decoration:none;}
.menu_wrap>div>ul>li>ul {display:block; overflow:hidden; margin-top:50px;}
.menu_wrap>div>ul>li>ul>li {float:none; width:100%;}
.menu_wrap>div>ul>li>ul>li>a {display:block; color:#fff; font-size:18px; line-height:2;}
.menu_wrap>div>ul>li>ul>li>a::before {display:inline-block; content:""; clear:both; width:4px; height:4px; background:#fff; border-radius:50%; vertical-align:top; margin-right:9px; margin-top:15px;}
.menu_wrap>div>ul>li>ul>li>a:hover {color:#afdbfa;}

.slogan2{position: absolute; top: -130px; right: 0; z-index: 100; display:none;}


/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) {
	.footer .footer_inner a {font-size:16px;}
}


/* GNB */
#gnb {  margin:0 auto; z-index:100000; background:#FFF; }

#gnb ul {
	padding:5px 0px 15px 0;
	
}
@media all and (min-width: 1200px) {
.gnbbar-nav { float:right; margin-top:8px;}
.gnbbar-nav > li > a {
		font-size:18px;
		font-weight:bold;
	}
}
@media all and (max-width: 1200px) {
.navbar-brand {
    padding: 28px 15px 0px 15px;
}
.gnbbar-nav > li > a {
		font-size:114%;;
		font-weight:bold;
	}
}

#gnb ul li {
	
}

@media all and (min-width: 768px) {

	.gnbbar-nav > li > a:hover,
	.gnbbar-nav > li > a:focus {
		background-color:#ffffff;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
}

.gnbbar-nav > li.active > a { color:#027ec6; }

/* 폼 디자인 */
/* 체크박스 */
.where {
  display: block;
  margin: 25px 15px;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  font-family: verdana;
  font-style: italic;
}

.checks {position: relative;}

.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  margin: -2px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 0px 10px 0px rgba(0,0,0,0.05), inset 15px 10px 0px rgba(255,255,255,0.1);
}

.checks.small input[type="checkbox"] + label {
  font-size: 12px;
}

.checks.small input[type="checkbox"] + label:before {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #6cc0e5;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  border-color:transparent #6cc0e5 #6cc0e5 transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before {
  /*content:"\2713";*/
  content: "\2714";
  top: 0;
  left: 0;
  width: 21px;
  line-height: 21px;
  color: #6cc0e5;
  text-align: center;
  border: 1px solid #6cc0e5;
}

/* 라디오박스 */
.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 0px 10px 0px rgba(0,0,0,0.05);
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="radio"]:checked + label:before {
  background: #E9ECEE;
  border-color: #adb8c0;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #0f83d5;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

/* radio size */
.checks.small input[type="radio"] + label {
  font-size: 12px;
  padding-left: 25px;
}
.checks.small input[type="radio"] + label:before {
    top: -1px;
    left: 1px;
  width: 17px;
  height: 17px;
}
.checks.small input[type="radio"]:checked + label:after {
    top: 3px;
  width: 9px;
  height: 9px;
}


.blue { color:#0f83d7; }

/* 게시판 */
#board-wrap .board-header {
	position:relative;
	overflow:hidden;
	margin:5px 0;
}

#board-wrap .board-header .search-wrap {
	text-align:right;
}

.table-board-list {
	border-top:2px solid #45474d;
	border-bottom:1px solid #45474d;
}

.table-board-list thead th {
	background-color:#fafafb;
	text-align:center;
}

.padding-reset { padding:0; }
.margin-reset { margin:0; }

.table-form {
	border-top:2px solid #45474d;
	border-bottom:2px solid #45474d;
}


/*****************************************************************************/
/* Layout */
#content{width:100%; border-top:1px solid #ddd; padding-top:140px;}

.content10{width:100%; border-top:1px solid #ddd;}

.uihe_wq #content{border-top:0;}
.uihe_wq #content .insel{display:inline-block;}
.uihe_wq #content .insel select{    
	display: block;
    width: 100%;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.uihe_wq .content10{border-top:0;}
.uihe_wq .content10 .insel{display:inline-block;}
.uihe_wq .content10 .insel select{    
	display: block;
    width: 100%;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

#search{    overflow: hidden;
    margin-bottom: 20px;}
#search .frmListSearch select{
    display: inline-block;
    padding: 2px 12px 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    overflow: hidden;
}

#search .frmListSearch .inbox {
    display: inline-block;
    padding: 5px 12px;
	width: 28%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.uihe_wq #content .inbox{display:inline-block;}
.uihe_wq #content .inbox input{
	display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.uihe_wq #content .button2{
	color: #fff;
    background-color: #ee5361;
    border-color: #ee5361;
    display: inline-block;
    padding: 5px 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;}
	
.uihe_wq #content .txt-search{display:block; margin-top:20px;}

.uihe_wq .content10 .inbox{display:inline-block;}
.uihe_wq .content10 .inbox input{
	display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.uihe_wq .content10 .button2{
	color: #fff;
    background-color: #ee5361;
    border-color: #ee5361;
    display: inline-block;
    padding: 5px 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;}
.uihe_wq .content10 .txt-search{display:block; margin-top:20px;}

.uihe_wq .float-left {float:none; text-align:center;}

#divmain{width:100%; /*border-top:1px solid #ddd;*/ padding-top:120px;}

#header {/*position:relative; */ width:100%; background:#ffffff; position:fixed; margin:0 auto; border-bottom:1px solid #ddd; z-index:1000000;}
#header .headerInnr {-webkit-box-sizing:border-box; box-sizing:border-box;}
#header .headerInnr:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header .logo > a {display:inline-block;vertical-align:middle;}
#header .logo img {display:inline-block;vertical-align:middle;}
#header .logo img.logoType2 {display:none;}
#header .logo img.logoTypebefore {display:none;}
#header .btnNav {position:relative; display:inline-block; vertical-align:top; width:38px; height:38px; text-indent:-9999px;}
#header .btnNav:before {content:''; position:absolute; top:50%; left:50%; margin:-11px 0 0 -13px; width:25px; height:22px; background:url('../images/etc/sp_ico_header.png') no-repeat -30px 0; background-size:150px auto;}
#header .btnClose {display:inline-block; vertical-align:top; position:relative; width:38px; height:38px; text-align:left; text-indent:-9999px;}
#header .btnClose:before {content:''; position:absolute; top:50%; left:50%; margin:-11px 0 0 -10px; width:20px; height:22px; background:url('../images/etc/sp_ico_header.png') no-repeat -150px -60px;}
#header #topNav ul.topNavMenus > li > .btnMenuDropDown {position:relative; display:block; width:54px; height:40px; text-align:center; text-indent:-9999px;}
#header #topNav ul.topNavMenus > li > .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; width:18px; height:18px; background:url('../images/etc/sp_ico_header.png') no-repeat -90px 0; background-size:150px auto;}
#header #topNav > .btnClose {position:absolute; background-color:#fff;}
#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub .btnMenuDropDown {text-indent:-99999px;}

@media all and (max-width:1200px){
#content{width:100%; border-top:1px solid #ddd; padding-top:17%;}
}

@media all and (min-width:1024px) { /* pc ver */
    #header .headerInnr {position:relative;}
    #header .navbar{margin-bottom:0;} 
    #header .logo { text-align: center; padding-bottom: 0; margin-bottom: 0; display: block; margin: 0 auto; float: none;}
    #header .logo img {height:45px;}
	#header .logo .m_slogan{display:none;}
	#header .slogan{display:inline-block; position:absolute; top:20px; right:0; width:55px; height:55px; border-radius:50%; background:#003381; z-index:111;}
    #header .btnNav {display:none;}
    #header .util {margin-bottom:2px;}
    #header #topNav {clear:both; position:relative; z-index:100;}
    #header #topNav ul.topNavMenus {display:table; width:100%; margin-bottom:0}
    #header #topNav ul.topNavMenus > li {display:table-cell; vertical-align:middle; text-align:center; width:20%;}
    #header #topNav ul.topNavMenus > li > a {display:inline-block; padding:0 18px; color:#555; font-size:115%; line-height:1; font-weight:bold; text-decoration:none; white-space:nowrap;}
    #header #topNav ul.topNavMenus > li > a > strong {position:relative; display:inline-block; padding:17px 2px;}
    #header #topNav ul.topNavMenus > li > .btnMenuDropDown {display:none;}
    #header #topNav ul.topNavMenus > li.active > a {color:#fff; background-color:#d34855; width:100%;}
/*     #header #topNav ul.topNavMenus > li.active > a > strong:before {content:''; position:absolute; left:50%; top:7px; margin-left:-2.5px; width:5px; height:5px; border-radius:2.5px; background:#2d5785;}2017-07-12 */
    #header #topNav ul.topNavMenus > li.hover > a {color:#0d5db7; /*background-color:none;*/ width:100%;}
/*     #header #topNav ul.topNavMenus > li.hover > a > strong:after {content:''; position:absolute; z-index:1; left:0; bottom:-2px; width:100%; height:5px; background:#2d5785;} */
    #header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
    #header #topNav ul.topNavMenus > li .topNavSub {display:none; position:absolute; z-index:10; left:0; width:100%; padding:20px 20px; text-align:left; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul {overflow:hidden;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li {float:left; margin:15px 0px; /*padding-:0 30px;*/ line-height:1.2; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li a{ padding:0 20px 0 20px;}
	#header .depth4{display:none;}
	#header .depth3_1 {width:100%;}
	#header .depth3_1 li {width:50%;float:left;}
	#header #topNav ul.topNavMenus > li .topNavSub > .topNavSubUl1 > li {}
	#header #topNav ul.topNavMenus > li .topNavSub > .topNavSubUl2 > li {}
	#header #topNav ul.topNavMenus > li .topNavSub > .topNavSubUl3 > li {width:25%;}
	#header #topNav ul.topNavMenus > li .topNavSub > .topNavSubUl4 > li {}
	#header #topNav ul.topNavMenus > li .topNavSub > .topNavSubUl5 > li {}

    #header #topNav ul.topNavMenus > li .topNavSub > ul > li:nth-child(5n+1) {}

    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {font-size:17px; font-weight:600; padding-bottom:25px;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > a > strong {}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul {margin:8px 0 0 5px;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li {font-size:14px; margin:6px 0px; line-height:1.8em;
/* 	background: url(../images/bul/bul_type_gnb.jpg) no-repeat 18px 12px; */}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {color:#767676;}
    #header #topNav .topNavLogo {display:none;}
    #header #topNav > .btnClose {display:none;}
    #header .topNavBackDv {top:120px; display:none; position:absolute; z-index:99; left:0; width:100%; height:500px; background:#fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #e8e8e8; -webkit-box-shadow:0 4px 4px -2px rgba(0,0,0,0.1); box-shadow:0 4px 4px -2px rgba(0,0,0,0.1);}
    #header .topNavBackDv.opened {display:block;}
    #header #topNav ul.topNavMenus > li .btnMenuDropDown {display:none;}
	#header #topNav ul.topNavMenus > li .topNavSub > .topNavSubUl3 > li:nth-child(5n+1) {width:24.5%;}
	 #header #topNav ul.topNavMenus > li .topNavSub > .topNavSubUl3 > li > .dept3_new10 > li {float:left; width:50%; margin:2px 0px;}

}
@media all and (min-width:1200px) { /* pc ver2 */
    #header .headerInnr {max-width:100%; margin:0 auto; }
    #header .logo {text-align:center; float:left;}
    #header .logo img {height:auto;}
	#header .logo .m_slogan{display:none;}
    #header #topNav { width:71%; padding:1.2% 0 0 2.2%; display:inline-block;}
    #header #topNav ul.topNavMenus > li > a {padding:0 18px; font-size:155%; color:#000;}
    #header #topNav ul.topNavMenus > li .topNavSub{padding:20px 20px 20px 40px;}

}
/* @media all and (min-width:1200px) and (max-width:1023px) {
#header .slogan{display:inline-block; position:absolute; top:14px; right:4px;}
} */

@media all and (min-width:768px) and (max-width:1023px) { /* tablet ver */
    .navbar {display:none;}
    body.opened-topNav {overflow-y:hidden;}
    #header { z-index:10000; top:0; left:0; height:130px; -webkit-box-shadow:none; box-shadow:none;}
	#header .navbar-header {}
    #header .headerInnr {}
    #header .logo {display: block; margin: 0 auto; text-align: center; padding:24px 0 0 0; float:none;}
    #header .logo img.logoType1 {}
    #header .logo img.logoType2 {display:inline-block; vertical-align:top;float:left;}
    #header .logo img.logoTypebefore {display:inline-block; vertical-align:top; float:left;margin:-10px 10px 0 0;}
	#header .logo .m_slogan,
	#header .slogan {display:none;}
	#header .btnNav {position:absolute; top:65px; left:10px;}
	.logo_safe {position:absolute; top:20px; }
    #header #topNav {display:none; position:fixed; top:125px;  left:0; width:100%; background:#3a73db; background-size:100%;}
    #header #topNav > .topNavInnr {position:relative; padding:10px 0px 10px 0px; height:100%; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #header #topNav ul.topNavMenus {width:100%;}
    #header #topNav ul.topNavMenus:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
    #header #topNav ul.topNavMenus > li {float:left; width:20%; height:700px; text-align:center; font-size:110%;}
    #header #topNav ul.topNavMenus > li > a {display:inline-block; padding:0 12px; color:#fff; font-size:100%; line-height:1; text-decoration:none; white-space:nowrap;}
    #header #topNav ul.topNavMenus > li > a > strong {position:relative; display:inline-block; padding:16px 2px; font-weight:normal;}
    #header #topNav ul.topNavMenus > li > .btnMenuDropDown {display:none;}
    #header #topNav ul.topNavMenus > li.active > a > strong:before {content:''; position:absolute; left:50%; top:0; margin-left:-2.5px; width:5px; height:5px; border-radius:2.5px; background:#fff;}
    #header #topNav ul.topNavMenus > li.active.activeHover .topNavSub {display:block;}
    #header #topNav ul.topNavMenus > li.hover > a > strong {font-weight:bold;}
    #header #topNav ul.topNavMenus > li.hover > a > strong:after {content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:2px; background:#fff;}
    #header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
    #header #topNav ul.topNavMenus > li.topNavArea {clear:both; width:100%; height:auto; margin:18px 0 0; text-align:center;}
    #header #topNav ul.topNavMenus > li.topNavArea > a {font-size:170%;}
    #header #topNav ul.topNavMenus > li.topNavArea > a > strong:after {content:''; position:static; display:block; width:38px; height:1px; margin:15px auto 0; background:#fff;}
    #header #topNav ul.topNavMenus > li .topNavSub {display:none; position:absolute; z-index:10; left:0; width:100%; text-align:left;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul {margin:19px 34px 0; overflow:hidden; background:#fff;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li {float:left; width:25%; padding:19px 0; text-align:center; line-height:1.2; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li:nth-child(4n+1) {clear:left;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li:nth-child(even) {background:#f5f5f5;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {display:inline-block; vertical-align:top; font-size:100%; text-decoration:none;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > a > strong:after {content:''; display:block; width:22px; height:1px; margin:10px auto 0; background:#ccc;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul {margin:19px 14px 0 20px; text-align:left;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li {font-size:100%; margin-bottom:8px; }
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {color:#666; font-size:95%; line-height:1.5em;}
    #header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul {display:block !important;margin:4px 0 10px 0;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li {position:relative;padding:0 12px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > a { padding:4px 0;font-size:90%;color:#999;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li.active > a { color:#333;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li:before{ content: "";width: 3px;height: 3px;position: absolute;top:10px;left:0;background: #c7c7c7;}
    #header #topNav .topNavLogo {margin:46px auto 25px;}
    #header #topNav > .btnClose {position:fixed; top:65px; left:10px;}
	.menu {position:absolute; top:25px; right:15px;}
    #header #topNav.opened {display:block;}
    #header .topNavBackDv {display:none;}
    
    #header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub .btnMenuDropDown { display:none; }
    #header #topNav ul.topNavMenus > li a {display:block;}
}
@media all and (max-width:767px) { /* mobile ver */
    body.opened-topNav {overflow-y:hidden;}
    #header {z-index:11000; top:0; left:0; -webkit-box-shadow:none; box-shadow:none;}
    #header .logo {display: block; margin: 0 auto; text-align: center; padding:14px 0 10px 0; float:none;}
    #header .logo img {max-width:220px;}
	#header .logo .m_slogan,
	#header .slogan{display:none;}
	.menu {position:absolute; top:5px; right:15px;}
    #header .btnNav {position:absolute; top:18px; z-index:1;left:10px;}
    #header.headerSclTop .util .language select {/* background:#eee; */}
    .navbar-nav > li > a {padding-left:0;}
	
    #header #topNav {display:none;position:fixed;top:75px;bottom:0;left:0;width:100%;border-top:1px solid #e6e6e6;padding:0;background:#fff;z-index: 999;}
    #header #topNav > .topNavInnr {height:100%; overflow:auto;}
    #header #topNav ul.topNavMenus {width:100%;}
    #header #topNav ul.topNavMenus > li {position:relative; border-bottom:1px solid #e5e5e5;}
    #header #topNav ul.topNavMenus > li a {display:block;}
    #header #topNav ul.topNavMenus > li > a {padding:11px 54px 11px 18px; font-family:'NanumGothic', '나눔고딕',  '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; font-size:18px; line-height:1; text-decoration:none;}
    #header #topNav ul.topNavMenus > li > .btnMenuDropDown {position:absolute; top:0; right:0;}
    #header #topNav ul.topNavMenus > li.active.activeHover > a {color:#164577;}
    #header #topNav ul.topNavMenus > li.active.activeHover > .btnMenuDropDown:before, #header #topNav ul.topNavMenus > li.hover > .btnMenuDropDown:before {background-position:-120px 0;}
    #header #topNav ul.topNavMenus > li.active.activeHover .topNavSub {display:block;}
    #header #topNav ul.topNavMenus > li.hover > a {color:#164577;}
    #header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
    
    /* s : gnb mobile */
	#header #topNav {display:none; position:fixed; background:#fff;}
	#header #topNav.opened {display:block;}
	#header #topNav > .btnClose {background-color:#fff;}
	#header #topNav ul.topNavMenus {width:100%;}
	#header #topNav ul.topNavMenus > li {position:relative;border-bottom:1px solid #e5e5e5;}
	#header #topNav ul.topNavMenus > li a {display:block;position:relative;}
	#header #topNav ul.topNavMenus > li > a {padding:12px 54px 12px 18px;font-size:18px; line-height:1; text-decoration:none;}	
	#header #topNav ul.topNavMenus .btnMenuDropDown {display:block;overflow:hidden;position:absolute; top:0; right:0;text-indent:-9999px;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown{ width:54px; height:40px; text-align:center; }
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; width:18px; height:18px; background:url('../images/etc/sp_ico_header.png') no-repeat -90px 0; background-size:150px auto;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub .btnMenuDropDown {}	
	#header #topNav ul.topNavMenus > li.active.activeHover > a {color:#374b8f;}
	#header #topNav ul.topNavMenus > li.active.activeHover > .btnMenuDropDown:before, 
	#header #topNav ul.topNavMenus > li.hover > .btnMenuDropDown:before {background-position:-120px 0;}
	#header #topNav ul.topNavMenus > li.active.activeHover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li.hover > a {color:#374b8f;}
	#header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li .topNavSub {display:none;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li {display:block;position:relative;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {padding:2px 54px 2px 34px; font-size:16px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {padding:2px 54px 2px 60px; color:#666; font-size:16px;}
	#header #topNav ul.topNavMenus > li > .topNavSub li {position:relative;}
	#header #topNav ul.topNavMenus > li > .topNavSub li > ul { display:none;}
	#header #topNav ul.topNavMenus > li > .topNavSub li.active > ul { display:block;}
	/* 하위메뉴보기버튼 */
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub .btnMenuDropDown {display: block;position: absolute;top:0;right:0;overflow: hidden; text-indent: -9999px;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub .btnMenuDropDown:before {content: "";display: block;z-index:1;position: absolute;width: 100%;height:100%;right:0;top:0;vertical-align:top;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub > ul > li > .btnMenuDropDown {margin-top:6px;margin-right:24px;width:20px;height:20px;background:url(../images/etc/gnb_depth2_arw_up.png) no-repeat 50% 50%;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub > ul > li.active > .btnMenuDropDown {background:url(../images/etc/gnb_depth2_arw_down.png) no-repeat 50% 50%;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub > ul > li > ul > li > .btnMenuDropDown {margin-top:6px;right:16px;width:20px;height:20px;background:url(../images/etc/gnb_depth2_arw_up.png) no-repeat 50% 50%;opacity:0.6;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub > ul > li > ul > li.active > .btnMenuDropDown {background:url(../images/etc/gnb_depth2_arw_down.png) no-repeat 50% 50%;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub > ul > li > ul > li > ul > li > .btnMenuDropDown {display:none;margin-top:6px;width:20px;height:20px;background:url(../images/etc/gnb_depth4_arw_up.png) no-repeat 50% 50%;}	
	/* #header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub > ul > li > ul > li > ul > li.active > .btnMenuDropDown {background:url(../images/etc/gnb_depth4_arw_down.png) no-repeat 50% 50%;}	
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown + .topNavSub > ul > li > ul > li > ul > li > ul > li > .btnMenuDropDown {margin-top:2px;width:20px;height:20px;background:url(../images/etc/gnb_depth4_arw_up.png) no-repeat 50% 50%;opacity:0.5;}
	*/
	/* depth02 */
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li{padding:0 18px 0 34px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {  padding: 6px 54px 6px 0; font-size: 17px;color:#000;font-weight:600;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li.active > a {}
	/* depth03 */
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul {margin-bottom:10px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li {padding:0 16px 0 24px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {padding: 6px 0;color: #666; font-size: 16px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li.active > a {color:#000;font-weight:700;}
	/* depth04 */
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul {background:#f0f0f0;border-radius:4px;margin-bottom:4px;padding:10px 12px 10px 24px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li {padding:0 0;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > a { padding:6px 0;font-size:16px;color:#333;font-weight:500;}
	/* depth05 */
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul {display:block !important;margin-bottom:10px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li{padding:0 12px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > a { padding:2px 0;font-size:14px;color:#999;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li.active > a { color:#333;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li:before{ content: "";width: 3px;height: 3px;position: absolute;top:12px;left:0;background: #c7c7c7;}
	/* depth06 */
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > ul {display:block !important;padding:0 8px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > ul > li {border-bottom:1px solid #dbdbdb;}	
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding:2px 0;color:#777;font-size:13px;}
	/* depth07 */	
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > ul > li > ul {display:block !important;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { border-bottom:1px solid #dbdbdb;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding:2px 0;color:#888;font-size:13px;}
/* e : gnb mobile */ 
    
    #header #topNav ul.topNavMenus > li.topNavArea {background: url('../images/common/back_area.jpg') no-repeat center top; color:#fff; padding-bottom: 20px; background-size: cover;}
    #header #topNav ul.topNavMenus > li.topNavArea div.close {display: none !important;}
    #header #topNav .topNavLogo {display:none;}
    #header #topNav > .btnClose {position:fixed; top:18px; left:10px;}
    #header #topNav.opened {display:block;}
    #header .topNavBackDv {display:none;}
}


@media all and (max-width:767px) {
    #header .headerInnr {background:#fff;}
}

@media all and (min-width:767px) {
	
	#header .nav > li.pc_ver {display:block;}
	#header .nav > li.mo_ver{display:none;}
	.top-nav .navbar-nav{float:none;}
	.top-nav > li.floatL{float:left;}
    .top-nav > li.floatR{float:right;}
    .top-nav > li > a{color:#fff;}
    .top-nav > li > a:hover, .top-nav > li > a:focus{background:none;}
}