#header															{position: relative;z-index: 99;}
#header .container												{margin: 0 auto;}
#header .container .wrap-logo								{position: relative;display: inline-block;z-index: 1;}
#header .container .wrap-logo h1 a em					{position: relative;display: inline-block;color: #222;}
#header .container .wrap-logo h1 a em:before			{content: ''; position: absolute; left: 0;top: 50%; width: 1px; height: 24px; background-color: #c7c7c7;margin-top: -12px;}

/*footer design*/
#footer															{background:#fff;}
#footer .wrap-policy											{border-top: 1px solid #ddd;}
#footer .wrap-policy .container								{width: 1200px;margin: 0 auto;position: relative;}
#footer .wrap-policy .container .policy-title				{float: left;border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding: 0 35px 0 15px;margin-right: 10px;font-size: 16px;line-height: 50px;font-weight: 600;background: url(./../images/policy-title-bg.png) 85px center no-repeat;}
#footer .wrap-policy .container ul li						 {display: inline-block;position: relative;}
#footer .wrap-policy .container ul li+li:before			 {content: "";display: block;position: absolute;width: 1px;height: 10px;background-color: #ddd;left: 0;top: 20px;}
#footer .wrap-policy .container ul li a						{display: table-cell;vertical-align: middle;font-size: 14px;font-weight: 600;line-height: 50px;margin: 0 10px;padding: 0 10px;}
#footer .wrap-policy .container ul li.t-blue a { color:#0054a7}
#footer .wrap-policy .container .family-site				 {position: absolute;right: 0;top: 10px;}
#footer .wrap-policy .container .family-site #siteUrl		 {color: #888;font-size: 13px;min-width: 120px;border-color:#b6b6b6;}

#footer .wrap-policy .container .family-site input[type=submit] {display: inline-block;vertical-align: middle;background-color: #0054a7;padding: 0 15px;line-height: 30px;color: #fff; border:none;}
#footer .wrap-address{border-top:1px solid #ddd;}
#footer .wrap-address .container {position: relative;padding: 20px 0;width: 1200px;margin: 0 auto;  border-bottom: 1px solid rgba(255,255,255,0.2);}
#footer .wrap-address .container:after {content: "";display: block;position: absolute;width: 134px;height: 33px;background: url(./../images/footer-logo.png) no-repeat;left: 0;top: 50%;margin-top: -16px;}
#footer .wrap-address .container .address {font-size: 13px;line-height: 1.6;padding-left: 180px;  color:#666;}
#footer .wrap-address .container .address .address-copy {display: block;;font-size: 12px;}

/*Gnb*/

/*#menuUItop .top_div .ul_1 .li_1.eQ07{display:none;}*/
#menuUItop .top_div .ul_1 .li_1.eQ08{display:none;}
#menuUItop .top_div .ul_1 .li_1.eQ09{display:none;}
/* ==========================================================================
Tablet Mode
========================================================================== */
@media all and (max-width:1023px) {
  	#aside{display:none;}
	.wrap-nav-btn.on {position: fixed;}

	#header {border-bottom: 2px solid #0054a7;padding:0 10px;box-sizing: border-box; height:77px; z-index: 9999;}
	#header .container .wrap-logo {margin-top:20px;}
	#header .container .wrap-logo a {display: block;margin: 0 auto;font-size: 1.1em;}
	#header .container .wrap-logo h1 a em {position: relative; font-size: 25px; line-height: 80px; margin: 0 0 0 10px; padding-left:10px;}
	#header .container .wrap-logo h1 a em:after {content: '';position: absolute;width: 1px;height: 20px;top: 50%;left: 0;background-color: #c7c7c7;margin-top: -10px;}
	#header .container .wrap-logo img {display: inline-block;vertical-align: middle;width: 100%;}

	/* 상단 유틸존*/
	#header .container {margin: 0 auto;width: auto;padding-top: 0;}
	#header .container .wrap-gnb {top: 0;padding-top: 0;z-index: 11;}
	#header .container .wrap-gnb .util-area {width: auto;background-color: #fff;margin: 0;overflow: hidden;}
	#header .container .wrap-gnb .util-area .top-link {float: left;  height: 50px; padding-top: 25px;  vertical-align: middle;}
	#header .container .wrap-gnb .util-area .top-link a {display: inline-block;padding: 5px 10px 6px;color: #666;font-size: 13px;line-height: 20px;position: relative;font-weight: 600;border: 0;}
	#header .container .wrap-gnb .util-area .top-link a:last-child {background-color: #73a277;color: #fff;}
	#header .container .wrap-gnb .util-area .top-link a+a:before {content: "";display: block;width: 2px;height: 7px;background: url(../images/gnb-dotted.png) center center no-repeat;position: absolute;left: 0;top: 50%;margin-top: -3px;}

  
	#header .container .wrap-gnb.on {position: fixed;top: 0;background-color: #fff;box-sizing: border-box; width:100%; border-bottom: 2px solid #1b7ac7;}
	#header .container .wrap-gnb.on .util-area .top-link a {color: #666;  background-color: #fff;  padding: 2px 10px 0 10px;}

	/* footer */
	#footer .wrap-policy .container {width: auto;   padding-bottom: 10px; text-align:center;}
	#footer .wrap-policy .container ul {}
	#footer .wrap-policy .container .policy-title { display:none;}
	#footer .wrap-address .container {width: auto;}
	#footer .wrap-address .container .address {text-align: center;padding-left: 0;padding: 50px 20px 0 20px;  word-break: keep-all; }
	#footer .wrap-address .container:after {top: 20px;margin-top: 0;left: 50%;margin-left: -67px;}
	#footer .wrap-policy .container ul {height: 50px;overflow: hidden;}
  	#footer .wrap-policy .container .family-site { position:relative; top:inherit}
  
	

	/* 메뉴영역*/
	.wrap-navigation {width: 100%;position: fixed;top: -100% !important;left: 0;z-index: 1;background-color: #ececec;height: 100%;box-sizing: border-box;padding: 80px 0 0;}
	.wrap-navigation.on {top: 0px !important;}

	/* 메뉴버튼*/
	.wrap-nav-btn {width: 75px;height: 75px;position: absolute;top: 0;right: 0;z-index: 2;line-height: 75px;text-align: center;}
	.wrap-nav-btn .btn-lnb {width: 27px;height: 27px;background: url(../images/gnb-open.png) center center no-repeat;}
	.wrap-nav-btn .btn-lnb.on {background: url(../images/gnb-close.png) center center no-repeat;}

	/*menu*/
	#lnb		{position: fixed;top: 100px;right: -100%; width: 100%; height: calc(100% - 80px); background: #ececec; opacity: 0;transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);margin: -25px 0 0 0}
	#lnb.on	{right: 0;border-top: 2px solid #1b7ac7;opacity: 1;transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);     z-index: 99999999999999999;}

	#lnb .li_1 {display: block; width: 100%;}
	#lnb .li_1 .a_1 {width: 40%; line-height: 60px; padding: 0 0 0 20px; font-size: 16px; color: #333; display:block; box-sizing:border-box;}
	#lnb .a_1:hover,
	#lnb .a_1.on {background: url('./../images/arrow-gnb2.png') no-repeat right center #0054a7;color: #fff; display:block;}

	/*2dept*/
	#lnb .div_2 {position:absolute; width: 60%;right: 0px;left: auto; padding: 0 10px;box-sizing: border-box; height:0; overflow:auto; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
	#lnb .div_2.on {top: 0px; height: 100%; background: #fff;}
	#lnb .div_2 .ul_2 li {display: block;}
	#lnb .div_2 .a_2 {position: relative;line-height: 1.2;padding: 15px 20px;border-bottom: 1px solid #cacaca;font-size: 16px;color: #666; display:block; box-sizing:border-box; overflow-y:auto; word-break: keep-all;}
	#lnb .div_2 .a_2:hover, 
	#lnb .div_2 .a_2.a_2.on {color: #0054bc; font-weight:400;}
	#lnb .div_2 .a_2.plus:after, 
	#lnb .div_2 .a_2.plus:hover:after {content: '';position: absolute;right: 20px;top: 50%;width: 20px;height: 20px;background: url('./../images/gnb-plus.png') no-repeat center center;margin-top: -10px;}
	#lnb .div_2 .a_2.plus.on:after {background: url('./../images/gnb-minor.png') no-repeat center center;}

	/*3dept*/
	#lnb .div_3  {display: block;overflow: hidden;max-height: 0px;transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1); background-color:#fcfcfc;}
	#lnb .div_3.on {max-height: 500px;transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
	#lnb .div_3 .ul_3 {padding: 10px 0px;border-bottom: 1px solid #cacaca;}
	#lnb .div_3 .a_3 {color: #666;padding: 10px; display:block;}
	#lnb .div_3 .a_3:hover {color: #0054bc;text-decoration: underline;}
}

/* ==========================================================================
Mobile Mode
========================================================================== */
@media all and (max-width:640px) {
  #footer .wrap-policy .container .family-site{padding: 10px;  border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3);  position:relative;}
  #footer .wrap-policy .container .family-site #siteUrl{width: calc(100% - 60px);}
  #footer .wrap-policy .container ul { height:auto; }
  #footer .wrap-policy .container ul li a { line-height:30px; }
  #footer .wrap-policy .container ul li+li:before{ display:none; }
  
}

@media (max-width: 590px) {
   #header .container .wrap-gnb .util-area .top-link { 
   padding-top:10px;
     height: 65px;
  }
 
}