#lnb .div_2 {  height: 40px;  line-height: 40px;}
#lnb .a_2 {padding: 0 15px;}
#header {position: relative; margin-top: 35px; top:0;}
#header:after {content: '';display: block;clear: both;}
#header .container .wrap-logo a {display: block;}
#header .container .wrap-logo h1 a em {margin: 0 0 0 10px;}
#header .container .wrap-logo img {vertical-align: middle;}
#header .container .wrap-gnb .util-area .top-link a.utilColor01 {background-color: #12558c;}
#header .container .wrap-gnb .util-area .top-link a.utilColor02 {background: url(../images/gnb-arrowR.png) right 10px center no-repeat #00c0bd;padding-right: 50px;}

/*footer design*/
#footer															{background:#393939}
#footer .wrap-policy											{border-bottom: 1px solid rgba(255,255,255,0.2);}
#footer .wrap-policy .container								{width: 1200px;margin: 0 auto;position: relative;}
#footer .wrap-policy .container .policy-title				{float: left;border-left: 1px solid rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);padding: 0 35px 0 15px;margin-right: 10px;font-size: 16px;color: #d6d6d6;line-height: 50px;font-weight: 400;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: 400;color: #d6d6d6;line-height: 50px;margin: 0 10px;padding: 0 10px;}
#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: #3c4e60;}
#footer .wrap-address {    border-top: 1px solid rgba(255,255,255,0.3);}
#footer .wrap-policy .container .family-site input[type=submit] {display: inline-block;vertical-align: middle;background-color: #35538d;padding: 0 15px;line-height: 30px;color: #fff;border:none;font-weight: 400;}
#footer .wrap-address .container {position: relative;padding: 20px 0;width: 1200px;margin: 0 auto;}
#footer .wrap-address .container .address {font-size: 14px;color: #959595;line-height: 1.6;/* padding-left: 180px; */}
#footer .wrap-address .container .address .address-copy {display: block;font-size: 12px;}

/*Gnb*/
.li_1.li_1_2187 {display: none !important;} /* 숨김메뉴 */


/* ==========================================================================
Tablet Mode
========================================================================== */
@media all and (max-width:1023px) {

  .wrap-nav-btn.on {position: fixed;}

  #header {border-bottom: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;margin-top:0;z-index:1000;height:80px;}
  #header .container .wrap-logo {margin: 0; }
  #header .container .wrap-logo a {display: block;margin: 0 auto;font-size: 1.1em;}
  #header .container .wrap-logo h1 { padding-top:24px;}
  #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%;max-width: 220px;}

  /* 상단 유틸존*/
  #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: auto;line-height: 80px;margin-left: 15px;}
  #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: #000;}
  #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;padding: 0 20px;box-sizing: border-box; width:100%; border-bottom: 2px solid #1b7ac7;}
  #header .container .wrap-gnb.on .util-area .top-link {line-height: 80px;margin: 0;}
  #header .container .wrap-gnb.on .util-area .top-link a {color: #666;background-color: #fff;padding: 0 10px;}

  /* footer */
  #footer .wrap-policy .container {width: auto;}
  #footer .wrap-address .container {width: auto;}
  #footer .wrap-address .container .address {text-align: center;padding-left: 0;}
  #footer .wrap-address .container:after {top: 20px;margin-top: 0;left: 50%;margin-left: -67px;}
  #footer .wrap-policy .container ul {height: 50px;overflow: hidden;}

  /* 메뉴영역*/
  .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: 80px;height: 80px;position: absolute;top: 0;right: 0;z-index: 2;line-height: 80px;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: -20px 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);}

  #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:hidden; 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: 59px;padding: 0 20px;border-bottom: 1px solid #cacaca;font-size: 16px;color: #666; display:block; box-sizing:border-box;}
  #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:1023px) {
  #footer .wrap-policy .container .family-site{	position: relative;    padding: 10px;    border-top: 1px solid rgba(255,255,255,0.2);  }
  #footer .wrap-policy .container .family-site #siteUrl{    width: calc(100% - 60px);}
  #header .container .wrap-logo img{max-width:180px;}
}
#lnb .div_2 .a_2.nw:after,
#_pageNavigation li .navDiv a.nw:after,
#subContainer #menuUIsub .sub_div .a_2.nw:after{content: '';    display: inline-block;    margin-left: 5px;    width: 14px;    height: 14px;    top: 0;    background: url(./../images/nw_icon.png) center center no-repeat;}


@media all and (max-width:1023px) {
  #lnb .div_3.on{max-height:700px;}  
  #lnb .div_3 .a_3{padding:3px 10px 3px 20px;line-height:1.6;font-size:14px;color:#444;}
  #lnb .div_3 .ul_4{padding-top:5px;}  
  #lnb .div_3 .li_4{line-height:2.6;}
  #lnb .div_3 .a_4{padding:3px 10px 3px 22px;line-height:1.2;font-size:13px;color:#777;}  
}