@charset "utf-8";


.footer_wrapper{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); max-width: none;}
.footer_wrapper_inner{padding-right: 20px; padding-left: 20px; overflow: hidden;}
.theme .footer_wrapper_inner{max-width: none;}
.footer_wrap{/*padding-left: 290px; */padding-bottom: 78px;}
.main .footer_wrap{max-width: 1200px; padding-right: 15px; padding-left: 15px; margin:0 auto; float:none; overflow: hidden; padding-top: 135px;}
.footer_wrap .footer_top_contents_wrap{/*margin-bottom: 43px;*/ margin-bottom: 20px;}
.footer_wrap .footer_top_contents_inner{/*overflow: hidden;*/}
.footer_wrap .footer_util_link_con{font-size:0; line-height:0; text-align: left; margin-bottom: 20px;}
.footer_wrap .footer_util_link_con > li{position: relative; display:inline-block; vertical-align: middle; margin-right: 14px;}
.footer_wrap .footer_util_link_con > li > a{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; color:#1a172d; font-weight:500;}
.footer_wrap .footer_util_link_con > li:last-child{margin-right:0;}
/*.footer_wrap .footer_util_link_con > li:after{content:""; position: absolute; top:3px; right:0; border-right:2px solid #000; opacity: 0.1; filter:alpha(opacity=10); height:15px;}*/
/*.footer_wrap .footer_util_link_con > li:last-child:after{display:none;}*/
.footer_wrap .family_site_list_con{display: inline-block; height:36px; overflow: hidden; transition:all .3s;}
.footer_wrap .family_site_list_con.active{height:193px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.footer_wrap .family_site_list{position: relative; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.01em; color:#a776f6; font-weight:500; text-align: center;
    display:block; width:203px; background-color: #6d13ff; padding-top: 10px; padding-bottom: 7px; transition: all 0.3s;}
.footer_wrap .family_site_list:after{content: ''; position: absolute; width: calc(100% - 50px); border-bottom:1px solid rgba(255,255,255,0.2); bottom:0; left:50%; transform:translateX(-50%);}
.footer_wrap .family_site_list:first-child{position:relative; color:#000; text-align: left; border-bottom: 3px solid #000; padding-top: 0; padding-bottom: 12px;
    background-image: url('../img/new/select_style_1_arrow.png'); background-size: 11px 6px; background-repeat: no-repeat; background-position: right top 6px; background-color: #fff;}
.footer_wrap .family_site_list:first-child:after{display: none;}
.footer_wrap .family_site_list:nth-child(2){padding-top: 30px;}
.footer_wrap .family_site_list:last-child{padding-bottom: 30px;}
.footer_wrap .family_site_list_con.active .family_site_list:first-child{color:#6d13ff; border-color:#6d13ff; background-image: url('../img/new/select_style_1_arrow_h.png');}

.footer_wrap .footer_bottom_contents_wrap{}
.footer_wrap .footer_bottom_contents_inner{}
.footer_wrap .footer_desc{margin-bottom:10px;}
.footer_wrap .footer_desc_list_con{max-width: 650px;}
.footer_wrap .footer_desc_list{position:relative; display: inline-block; padding-right: 10px; margin-right: 7px;
    font-size:14px; font-size:1.4rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.01em; color:#000; font-weight:300; text-align: left;}
.footer_wrap .footer_desc_list::after{content: ''; position: absolute; top:7px; right:0; height: 14px; border-right:1px solid #d7d7d7;}
/*.footer_wrap .footer_desc_list.border_none{padding-right: 0; margin-right: 0;}
.footer_wrap .footer_desc_list.border_none::after{border-right:none;}*/
.footer_wrap .footer_desc_list:nth-child(3){width:calc(100% - 250px);}
.footer_wrap .footer_desc_list:nth-child(3)::after{border-right:none;}
.footer_wrap .footer_desc_list:nth-child(5)::after{border-right:none;}
.footer_wrap .footer_desc_list:nth-child(6)::after{border-right:none;}
.footer_wrap .footer_desc_list:nth-child(7)::after{border-right:none;}
.footer_wrap .footer_desc_list:nth-child(9)::after{border-right:none;}

.footer_wrap .footer_desc_list.width100{width: 100%;}
.footer_wrap .footer_copy{margin-bottom: 46px; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color:#000; letter-spacing: 0.02em;font-weight:300; text-align: left;}
/*.main .footer_wrap .footer_copy{margin-bottom: 0;}*/
.footer_wrap .footer_bottom_contents_inner > div{z-index: 2;}
.footer_wrap .footer_bottom_contents_inner .footer_back_logo{position: absolute; bottom:90px; left:50%; transform:translateX(-50%); z-index: 1;}

.footer_wrap .footer_mobile_util_con{}
.footer_wrap .footer_sns_list_con{font-size:0; line-height:0; text-align: left; margin-bottom: 78px;}
.footer_wrap .footer_sns_list{display:inline-block; vertical-align: middle; margin-right: 25px;}
.footer_wrap .footer_sns_list.youtube{margin-right: 21px;}
.footer_wrap .footer_sns_list:last-child{margin-right: 0;}
.footer_wrap .footer_sns_list > a{display: inline-block;}
.footer_wrap .footer_go_top_btn_wrap{}
.footer_wrap .footer_go_top_btn_con{display: table; width: 50px; height: 50px;}
.footer_wrap .footer_go_top_btn_con > a{position:relative; display: inline-block; display: table-cell; height: 100%; vertical-align: middle; text-align: center;}
.footer_wrap .footer_go_top_btn_con > a::after{content: ''; position:absolute; top:0; left:0; width: 100%; height: 100%;
    background-color: #000; border-radius: 50%; border: 1px solid transparent; box-sizing: border-box;}
.footer_wrap .footer_go_top_btn_con > a > div{position: relative; z-index: 1;}
.footer_wrap .footer_go_top_btn_con > a .text{font-size:9px; font-size:0.9rem; line-height:15px; line-height:1.5rem; letter-spacing: 0.01em; font-weight: 500;; color:#fff;}


/* bg */
.footer_bg{position: absolute; bottom:0; right: -227px;}
.footer_bg > img{height: 243px;}

.login .footer_bg{left: -173px;}
.login .footer_bg > img{height: 203px;}

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



    .footer_wrap .footer_util_link_con{float:left; margin-bottom: 0;}
    .footer_wrap .family_site_list_con{position: absolute; top:0; right: 0; z-index: 3;/*float:right;*/ margin-top: 1px; height:36px; overflow: hidden; transition:all .3s;}
    .footer_wrap .footer_top_contents_wrap{margin-bottom: 43px;}
}

@media all and (min-width:992px){
    .footer_wrap .footer_desc_list{padding-right: 12px; margin-right: 9px;}
    .footer_wrap .footer_desc_list:nth-child(3){width:auto;}
    .footer_wrap .footer_desc_list:nth-child(3)::after{border-right:1px solid #d7d7d7;}
    .footer_wrap .footer_desc_list:nth-child(4)::after{border-right:none;}
    .footer_wrap .footer_desc_list:nth-child(5)::after{border-right:1px solid #d7d7d7;}

    .footer_wrapper_inner{padding-left: 75px; padding-right: 75px;}
    .footer_wrap .footer_go_top_btn_wrap{position: absolute; top:-12px; left:50%; transform: translateX(-50%);}
   /* .footer_wrap{padding-left: 290px; padding-bottom: 135px;}*/


    .footer_bg{left: -203px; right: auto;}
    .footer_bg > img{height: 220px;}

    .login .footer_bg{left: -203px;}
    .login .footer_bg > img{height: 220px;}

    .footer_wrap .family_site_list_con:hover{/*height: 80px;*/ height: 193px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
    .footer_wrap .family_site_list:hover{color:#fff;}
    .footer_wrap .family_site_list_con:hover .family_site_list:first-child{color:#6d13ff; border-color:#6d13ff; background-image: url('../img/new/select_style_1_arrow_h.png');}
}

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

    .footer_wrapper_inner{padding-left: 82px; padding-right: 82px;}
    .footer_wrap{padding-left: 230px; padding-bottom: 135px;}
    .footer_wrap .footer_top_contents_wrap{margin-bottom: 27px;}
    .footer_wrap .footer_mobile_util_con{display: none;}
    .footer_wrap .footer_sns_list_con{margin-bottom: 0;}
    .footer_wrap .footer_copy{margin-bottom: 0;}

    .footer_bg{left: -223px;}
    .footer_bg > img{height: 250px;}

    .login .footer_bg{left: -223px;}
    .login .footer_bg > img{height: 250px;}
}

@media all and (min-width:1920px){
    .footer_wrapper_inner{max-width: 1344px; padding-left: 25px; padding-right: 25px;}
    .theme .footer_wrapper_inner{max-width: 1654px;}

    .footer_wrap{padding-left: 260px;}

    .footer_bg{left: -238px;}
    .footer_bg > img{height: 279px;}

    .login .footer_bg{left: -238px;}
    .login .footer_bg > img{height: 279px;}
}

@media all and (min-width:2560px){
    .footer_wrapper_inner{max-width: 1404px;}
    .theme .footer_wrapper_inner{max-width: 2306px;}

    .footer_wrap{padding-left: 290px;}

    .footer_bg{left: -420px;}
    .footer_bg > img{height: auto;}

    .login .footer_bg{left: -420px;}
    .login .footer_bg > img{height: auto;}
}