
/* LAYOUT : only_footer (layout_mst seq 93~95) */
.wrapper.only_footer .footer_wrapper{ position: relative; bottom: unset; top: 0; left: 0; }
/**/

.footer_wrapper{position: absolute; bottom: 0; left:0; z-index: 1000; padding: 33px 30px; background-color: #fff; width: 100%;}
.wrapper.main .footer_wrapper{position: relative;}
.wrapper.login .footer_wrapper{/*position: fixed;*/ display: none;}
.wrapper.sub .footer_wrapper{position: absolute; position: relative;}

/* left */
.footer_wrap .logo_con {margin-bottom: 12px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 800;}
.footer_wrap .logo {display: inline-block; width: 64px; height: 10px;}
.footer_wrap .logo img {display: block;}
.footer_wrap .logo_text {display: inline-block; margin-left: 5px; }
.footer_wrap .info_con {margin-bottom: 1px; font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2.0rem; font-weight: 400;}
.footer_wrap .info_con span{display: inline-block; padding-right: 9px; margin-right: 4px; position: relative;}
.footer_wrap .info_con span:after{content: ''; width: 1px; height: 10px; background-color: #ccc; position: absolute; top: 5px; right: 0;}
.footer_wrap .info_con .line span:last-child{padding-right: 0; margin-right: 0;}
.footer_wrap .info_con .line span:last-child:after{content: none;}
.footer_wrap .copyright_con {font-size: 10px; font-size: 1.0rem; line-height: 16px; line-height: 1.6rem; font-weight: 400; letter-spacing: 0.02em;}

/* right */
/*약관*/
.footer_wrap .footer_right_con{float: left; margin-top: 30px;}
.footer_wrap .policy_con{display: inline-block; text-align: left; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; font-weight: 700; margin-right: 1px;}
.footer_wrap .policy_con span{display: inline-block; padding-right: 11px; margin-right: 8px; position: relative;}
.footer_wrap .policy_con span:after{content: ''; width: 1px; height: 11px; background-color: #ccc; position: absolute; top: 2px; right: 0;}
.footer_wrap .policy_con span:last-child{padding-right: 0; margin-right: 0;}
.footer_wrap .policy_con span:last-child:after{content: none;}
/*패밀리사이트*/
.footer_wrap .familysite_con{position: absolute; bottom: -10px; right: 17px;}
.footer_wrap .familysite_con .familysite_btn{width: 136px; padding: 11px 0 12px 21px; box-sizing: border-box; background-color: #000; border-radius: 100px; font-size: 13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; font-weight: 600; color: #fff;
    background-image: url("/weven_service/asset/img/svg/icons8-arw_up_white.svg"); background-size: 20px; background-position: right 12px top 8px; background-repeat: no-repeat; cursor: pointer; z-index: 10000;}
.footer_wrap .familysite_con .familysite_dropdown{width: 306px; position: absolute; bottom: calc(100% + 16px); right: 0;
    display: block; z-index: 1000; overflow: hidden; border: 1px solid #d8e4ee; background-color: #fff; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0,0,0,0.04);
    transform: scale(0); opacity: 0; transition: transform .2s, opacity .4s, right .5s; transform-origin: bottom right;}
.footer_wrap .familysite_con .familysite_btn.active ~ .familysite_dropdown{transform: scale(1); opacity: 1;}
.footer_wrap .familysite_con ul li{border-bottom: 1px solid #e9eef5; font-size: 0;}
.footer_wrap .familysite_con ul li:last-child{border-bottom: none;}
.footer_wrap .familysite_con ul li a{display: inline-block; width: 100%; padding: 25px 21px 24px 25px; font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; font-weight: 700; box-sizing: border-box; transition: background-color 0.2s;}
.footer_wrap .familysite_con ul li a:hover{ background-color: #f9fbff; }
.footer_wrap .familysite_con ul li a.aizag{cursor: default;}
.footer_wrap .familysite_con ul li span{display: inline-block;}
.footer_wrap .familysite_con ul li .site_logo{float: left; width: 150px; background-repeat: no-repeat; background-position: left center; font-size: 0;}
.footer_wrap .familysite_con ul li a.zstudio .site_logo{background-image: url('/weven_service/asset/img/logo/zstudio_logo_eng.svg'); background-size: 100px 11px;}
.footer_wrap .familysite_con ul li a.wizware .site_logo{background-image: url('/weven_service/asset/img/logo/wizware_logo_eng.svg'); background-size: 100px 12px;}
.footer_wrap .familysite_con ul li a.aizag .site_logo{background-image: url('/weven_service/asset/img/logo/AIZag_logo_eng.svg'); background-size: 65px 16px;}
.footer_wrap .familysite_con ul li .site_name{float: right; padding-right: 20px; background-image: url('/weven_service/asset/img/svg/icons8-arw_right.svg'); background-size: 10px; background-position: right 0 top 4px; background-repeat: no-repeat;}
.footer_wrap .familysite_con ul li a.aizag .site_name{color: rgba(0,0,0,0.5); padding-right: 0; background-image: none;}
.footer_wrap .footer_menu_con {margin-bottom: 25px;}
.footer_wrap .footer_menu li{display: inline-block; position: relative;}
.footer_wrap .footer_menu li+li{margin-left: 24px;}
.footer_wrap .footer_menu li+li::before{content: ''; position: absolute; height: 12px; top: 2px; border-right: 1px solid #ccc; left: -14px;}
.footer_wrap .footer_menu li a{font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; font-weight: 700;}

@media all and (min-width: 768px) {
    .footer_wrap .familysite_con{right: 27px;}
    .footer_wrap .footer_menu li+li{margin-left: 29px;}
    .footer_wrap .footer_menu li+li::before{left: -17px;}
    .footer_wrap .familysite_con .familysite_dropdown{bottom: calc(100% + 19px);}
    .footer_wrap .footer_right_con{margin-top: 20px;}
}

@media all and (min-width: 992px){
    .footer_wrap .info_con {margin-bottom: 10px;}

    .footer_wrap .footer_menu_con {margin-bottom: 30px;}
    .footer_wrap .footer_right_con{position: absolute; right: 30px; bottom: 9px;}
    .footer_wrap .familysite_con{top: -9px;}
    .footer_wrap .policy_con{text-align: right;}
}

@media all and (min-width: 1280px){
    .wrapper .container.site_map_active ~ .footer_wrapper{ width: calc(100% - var(--siteMap_fixed_width)); }
}
