@charset "utf-8";

.sub ._objHtml strong{font-weight:500;}
#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															{margin-top:50px;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;} /* 숨김메뉴 */


/* tab 메뉴 style */
#menuUItab {margin-bottom: 30px;}
#menuUItab>.tab_div .ul_3 {overflow: hidden;position: relative;}
#menuUItab>.tab_div .ul_3:after{content:'';display: block;width: 100%;border-top: 1px solid #ddd;position: absolute;bottom: 0px;z-index: 0;}
#menuUItab>.tab_div .ul_3>li {float: left;}
#menuUItab>.tab_div .ul_3>li+li{margin-left:-1px;}
#menuUItab>.tab_div .ul_3>li>a {display: block;color: #494949;box-sizing: border-box;font-size: 16px;border: 1px solid #ddd;border-bottom: none;padding: 15px 20px;background: #f3f3f3;}
#menuUItab .tab_div .ul_3>li>a._active {color: #0054aa;font-weight: 600;background: #fff;position: relative;z-index: 9;}
/*#menuUItab>.tab_div .ul_3 .div_4 {position: absolute;}
#menuUItab>.tab_div .ul_3 .div_4 .ul_4 .li_4 {float: left;position: relative;}
#menuUItab>.tab_div .ul_3 .div_4 .ul_4 .li_4:before {content: '';display: block;position: absolute;right: 0;top: 18px;height: 10px;width: 1px;background-color: #999;}
#menuUItab>.tab_div .ul_3 .div_4 .ul_4 .li_4:last-child:before {display: none;}
#menuUItab>.tab_div .ul_3 .div_4 .ul_4 .li_4 .a_4 {display: block;padding: 15px;font-size: 1.0em;}*/


#masterNavigation{display:none;}
.mt_1{display:none;}

/* ==========================================================================
Tablet Mode
========================================================================== */
@media all and (max-width:1023px) {
  #visual{display:none;}
  #aside {display: none;}
  .pageNavigation {display: none;}
  .wrap-nav-btn.on {position: fixed;}


  #header {border-bottom: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;margin-top:0;z-index:1002;height:80px;}
  #header .container .wrap-logo {margin: 0; }
  #header .container .wrap-logo h1 { padding-top:24px;}
  #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: 70px; 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: 70px;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:first-child {width: 18px;height: 24px;background: url(../images/gnb-home.png) center center no-repeat;text-indent: -99999px;}*/
  #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;padding: 0;box-sizing: border-box; width:100%; border-bottom: 2px solid #1b7ac7;}
  #header .container .wrap-gnb.on .util-area .top-link {line-height: 70px;margin: 0;}
  #header .container .wrap-gnb.on .util-area .top-link a {color: #666;background-color: #fff;padding: 0 10px;}
  #header .container .wrap-gnb.on .util-area .top-link a:nth-child(3){display:none;}
  #header .container .wrap-gnb.on .util-area .top-link a:nth-child(4){display:none;}

  /* footer */
  #footer .wrap-policy .container {width: auto;}
  #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;}

  /* 메뉴영역*/
  .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% - 70px); background: #ececec; opacity: 0;transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);margin: -30px 0 0 0}
  #lnb.on	{right: 0;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%;font-size: 16px;color: #333;display:block;box-sizing:border-box;line-height: 1.6;word-break: keep-all;padding: 15px 0 15px 20px;}
  #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: 1000px;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: #333;padding: 10px 10px 10px 25px;display:block;line-height: 1;font-size: 15px;}
  #lnb .div_3 .a_3:hover {color: #0054bc;text-decoration: underline;}

  /*4dept*/
  #lnb .div_4{margin-top:5px;}
  #lnb .div_4 .li_4{line-height:3.25;}
  #lnb .div_4 .a_4{color:#777;font-size:13px;padding:5px 10px 5px 25px;line-height:1;}

  /*sub navy*/
  #visual {height: 150px; overflow:hidden;}
  #masterNavigation	{border-bottom:1px solid #ddd;}
  #masterNavigation									{height:60px; background-color: #fefefe; margin: 0 auto; position: relative; z-index:9}
  #_pageNavigation li								{ margin-left: 0;float: none; line-height:1.6; }
  #_pageNavigation > li								{margin-left: 0; float: left;position: relative;background:url('./../images/lnbLine.png') right center no-repeat; display:none;}
  #_pageNavigation > li:last-child{display:block;}	

  #_pageNavigation > li > a,
  #_pageNavigation > li > div > a				{display: block;height: 60px; color: #666; font-size: 16px; font-weight: 400; line-height:60px;}
  #_pageNavigation li.home					{display:block;} 
  #_pageNavigation li.home a						{width: 50px; background: url('./../images/lnb-home.png') center center no-repeat;text-indent: -5000px;}
  #_pageNavigation li .navTitle a					{padding:0 100px 0 20px;}
  #_pageNavigation li .navTitle a:after			{content: '';  transition: all 0.3s ease; display: block;position: absolute;right: 30px;top: 0;width: 16px;height: 60px;background: url('./../images/lnbArr.png') right center no-repeat;}
  #_pageNavigation li .navTitle._onNav a			{color: #000; }
  #_pageNavigation li .navTitle._onNav a:after	{opacity: 1; transform: rotate(180deg);}
  #_pageNavigation li .navDiv						{display: none; box-sizing: border-box; width: 100%;position: absolute;top: 100%;left: 0;border: 1px solid #c8cacc;border-top: 0;padding: 10px 20px;background-color: #fff;}
  #_pageNavigation li .navDiv a					{display:block;color: #6a6a6a;font-size: 14px;font-weight: 400;padding: 3px 0;}
  #_pageNavigation li .navDiv li._active a			{color: #426dca;}
  #_pageNavigation li .navDiv li._active a:after {content: '';display: block;width: 100%;height: 1px;background-color: #426dca;margin-top: 5px;}

  #_pageNavigation li .navTitle._onNav a:before			{content:''; display:block; width:0px; height:2px; background-color:#0054a7; position:absolute; bottom:0; left:0; transition:ease all .3s;}
  #_pageNavigation li .navTitle._onNav a:hover:before{width:100%;}
  #_pageNavigation li._navigNow{width:calc(100% - 55px); display:block;} 
}

/* ==========================================================================
Mobile Mode
========================================================================== */
@media all and (max-width:1023px) {
  #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);}
  #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;}


.page-info{}
.page-info .page-title{
  font-size: 30px;
  padding: 50px 0 40px;
  font-weight:500;
}

@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;}  
}