/* 탑버튼 */
.icon_top {margin-left: 480px;position: relative;}
.icon_top a {position:fixed; bottom:0; left:74.5%; z-index:99; width:50px; height:40px; padding-top:10px; background:url(../img/top.png) no-repeat 0 0; color:#004cad; font-size:12px; font-weight:bold; text-align:right; transition:z-index .3s ease, padding-top .3s ease, opacity .3s ease; opacity: 0;}

.icon_top a:hover {padding-top:30px;}

/* footer */
#footer {background:#292929; font-size:13px; text-align:center;
  color: #777;
  font-family: NanumBarunGothic, "나눔바른고딕", "나눔고딕", NanumGothic, "돋움", Dotum, sans-serif;
  line-height: 1.5384615384615385;
}
#footer .address_tel {padding-bottom:5px;}
#footer .address,
#footer .tel {display:inline-block; vertical-align:top;font-size:10.5px;color:#545454;}
#footer .copyright{font-size:10.5px;color:#545454;}

/*= official > footer */
#footer {padding-top:50px; background:#292929;width: calc(100% - 100px);}
#footer .sitemap {text-align:center;}
#footer .sitemap ul {/* display:inline-block; */}
.centered_content {
  width: 1070px;
  margin: 0 auto;}
#footer .sitemap ul:after {display:table; clear:both; content:"";}
#footer .sitemap li {float:left; margin-bottom:50px;}
#footer .sitemap a {display:block; color:#fff; vertical-align:top; white-space:nowrap;}
#footer .sitemap li ul {position:relative; padding-top:15px;}
#footer .sitemap li ul.col-2 {width:100%; margin:0 auto;}
#footer .sitemap li ul.col-2 > div:nth-of-type(1){float: left; width: 50%;}
#footer .sitemap li ul.col-2 > div:nth-of-type(2){float: right; width: 50%;}
/*#footer .sitemap ul .safety {letter-spacing: -1.5px;}*/
/*#footer .sitemap li ul:before {position:absolute; top:0; left:50%; width:10px; height:1px; margin-left:-5px; background:#7b7b7b; content:"";}*/
#footer .sitemap li li {position:relative; float:none; margin-bottom:10px;}
#footer .sitemap li li a {color:#7b7b7b;}
#footer .sitemap .centered_content > ul > li {width:20%;}
#footer .sitemap .centered_content > ul > li > a {margin-bottom:15px; font-weight:200; font-size:15px;}


#footer .sitemap li li > div {display:inline-block; position:relative;}
#footer .sitemap li li ul {display:none; position:absolute; left:100%; top:-3px; z-index:100; min-width:100px; margin-left:17px; padding:17px 18px; background:#4e4e4e url(/assets/images/common/arrow_l.png) no-repeat 0 8px; color:#7b7b7b;}
#footer .sitemap li li ul:after {position:absolute; left:-7px; top:6px; width:7px; height:13px; background:url(/assets/images/common/arrow_l.png) no-repeat; content:"";}
#footer .sitemap li li:hover ul{display:block;}
#footer .sitemap li li:hover ul li {margin-top:12px; margin-bottom:0;}
#footer .sitemap li li:hover ul li:first-child {margin-top:0;}
#footer .sitemap li li:hover ul a {display:block;}
#footer .sitemap li li:hover ul a:hover {color:#fff;}

#footer .policy {border:1px solid #343434; border-width:1px 0;}
#footer .policy ul:after {display:table; clear:both; content:"";}
#footer .policy li {float:left;font-size:11.5px;}
#footer .policy .content_list_1 a {color: #0d5ffb; font-weight:bolder; }

#footer .policy a {display:inline-block; position:relative; height:40px; padding:0 15px; color:#7b7b7b; line-height:40px;}
#footer .policy li + li a:before {position:absolute; top:50%; left:0; width:1px; height:6px; margin-top:-4px; background:#7b7b7b; content:"";}
#footer .navbox .centered_content {position:relative;}
#footer .navbox strong,
#footer .navbox ul {position:absolute; right:0;}
#footer .navbox strong {bottom:1px; width:160px; height:40px; padding-left:25px; border-left:1px solid #343434; background:url(/assets/images/common/bu_familysite.png) no-repeat 120px 50%; color:#adadad; font-size:12px; line-height:40px; cursor:pointer; box-sizing:border-box; transition:all .2s ease .5s;}
#footer .navbox ul {overflow:hidden; bottom:41px; width:159px; height:0; background-color:#4e4e4e; transition:all .4s ease .15s;}
#footer .navbox a {display:block; height:28px; padding-left:25px; color:#7b7b7b; line-height:28px; transition:all .3s ease;}
#footer .navbox a:hover,
#footer .navbox a:focus {background:rgba(0,0,0,.05); color:#adadad;}
#footer .navbox:hover strong {background-color:#4e4e4e; background-image:url(/assets/images/common/bu_familysite_on.png); transition-delay:0s;}
#footer .navbox:hover ul {height:140px; padding:10px 0;}
#footer .site_sns strong,
#footer .site_sns ul {right:160px;}
#footer .site_sns:hover ul {height:420px;}

.on_brand #footer {padding:40px 0 40px 200px;}

/* #footerbot*/
#footerbot {padding:40px 100px 70px 0; background:#292929; font-size:12px; text-align:center;}
#footerbot .address_tel {padding-bottom:5px;}
#footerbot .address,
#footerbot .tel {display:inline-block; vertical-align:top;font-size:10.5px;color:#545454;}

#footerbot .copyright{font-size:10.5px;color:#545454;}
