@charset "utf-8";

.footer_wrapper{position: relative; bottom:0; background-color: #fff;} /*ie때문에 background-color추가 ...hsj*/
.footer_wrap{z-index:1; background-color:transparent; padding-top:27px; padding-bottom:60px;}
.footer_wrap hr{margin-bottom: 20px; border-bottom:2px solid #8ab6d0; width:calc(100% - 30px); box-sizing: border-box; margin-left:auto; margin-right:auto;}
.footer_wrap .footer_util_con{display: inline-block; margin-bottom: 21px;}
.footer_wrap .footer_util_con > li{display:inline-block; position:relative; padding-left: 11px; margin-left: 9px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.015em; font-weight: 500; color:#8ab6d0;}
.footer_wrap .footer_util_con > li:after{content: ''; position: absolute; top:4px; left:0; height:13px; border-left:1px solid rgba(138,182,208,0.5);}
.footer_wrap .footer_util_con > li:first-child{padding-left: 0; margin-left: 0;}
.footer_wrap .footer_util_con > li:first-child:after{border-left:none;}

[data-wv-agent="ie"] .footer_wrap .footer_util_con > li:after{top: 5px;}
[data-wv-agent="ipad"] .footer_wrap .footer_util_con > li:after{top: 5px;}
[data-wv-agent="iphone"] .footer_wrap .footer_util_con > li:after{top: 5px;}

.footer_wrap .family_site_con{position: absolute; top:0; right:15px; height:42px; overflow: hidden; transition:all .3s; text-align: left;}
.footer_wrap .family_site_list{width: 100%; height: 45px; font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; color:#fff; font-weight:400;
    cursor: pointer; display:block; box-sizing: border-box; background-color: #8ab6d0; transition:all .3s; padding-top: 9px; padding-bottom: 8px; padding-left:23px; padding-right:25px;
    background-image: url('../img/sub_footer_list_arrow.png'); background-size:6px 11px;  background-repeat: no-repeat; background-position: right 18px top 15px;}
.footer_wrap .family_site_list:first-child{position: relative !important; margin-bottom:3px; width: 165px; height: auto; background-color: transparent;
    background-image: url('../img/faq_list_arrow.png'); background-repeat: no-repeat; background-position: right 0px top 7px; background-size:13px 7px; border-bottom:2px solid transparent;
    padding-bottom:9px; padding-top:0; padding-left:0; padding-right:30px; border-bottom: 2px solid #fff; color:#8ab6d0;}
.footer_wrap .family_site_con.active{overflow: visible; padding-bottom: 20px;}
.footer_wrap .family_site_con.active .family_site_list{position: absolute;}
.footer_wrap .family_site_list.active{color:#f2ca79;}
.footer_wrap .family_site_list:first-child.active{color:#8ab6d0;}

.footer_wrap .footer_list_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.footer_wrap .footer_list_con > li{display:inline-block; position:relative;
    font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.015em; font-weight: 400; color:#8ab6d0; margin-right: 5px;}
.footer_wrap .footer_list_con > li:first-child{padding-left: 0; margin-left: 0;}
.footer_wrap .footer_list_con > li:last-child{margin-right: 0;}
.footer_wrap .footer_list_con > li:first-child:after{border-left:none;}
.footer_wrap .footer_list_con > li > .font_helve{line-height: 0;}

.footer_wrap .footer_copy{margin-bottom: 18px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.015em; font-weight: 400; color:#8ab6d0; }

.top_btn_con{text-align: center;}
.top_btn_con .top_btn_inner{display: inline-block; font-size: 0;}
.top_btn_con .top_btn_inner > img{width: 17px;}
.top_btn_con .top_btn{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.015em; font-weight: 500; color:#8ab6d0;}

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

    /*.footer_wrap{padding-bottom: 276px;}*/
    .footer_wrap{padding-bottom: 150px;}

    .footer_wrap hr{float:right; width: calc(100% - ((100% - 1170px) / 2)); padding-left: 0; padding-right: 0; margin-bottom: 24px;}

    .footer_wrap .family_site_con{height: 47px;}
    .footer_wrap .family_site_con:hover{height:93px;}
    .footer_wrap .family_site_list:first-child{width: 251px; background-position: right top 7px; margin-bottom: 10px;}

    .footer_wrap .footer_util_con{margin-bottom: 26px;}

    .footer_wrap .footer_list_con > li{line-height: 27px; line-height: 2.7rem; padding-left:14px; margin-left:13px; margin-right: 0;}
    .footer_wrap .footer_list_con > li:after{content: ''; position: absolute; top:7px; left:0; height:13px; border-left:1px solid rgba(138,182,208,0.5);}

    [data-wv-agent="edge"] .footer_wrap .footer_list_con > li:after{top: 8px;}
    [data-wv-agent="ie"] .footer_wrap .footer_list_con > li:after{top: 8px;}
    [data-wv-agent="ipad"] .footer_wrap .footer_list_con > li:after{top: 8px;}
    
}

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

}