/* BASIC css start */
/* ==================================================
   FOOTER BASICGAGU - PC FINAL
================================================== */

.footer_basicgagu{
    position:relative;
    width:100%;
    min-width:1300px;
    background:#fff;
    color:#111;
    font-family:'Pretendard',sans-serif;
    box-sizing:border-box;
}
.footer_basicgagu::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:#f5f3f0;
}
/* ==================================================
   상단 전체
================================================== */

.ft_inner{
    position:relative;
    display:grid;
    grid-template-columns:
        270px
        minmax(270px, 1fr)
        minmax(330px, 1.08fr)
        minmax(270px, .92fr);

    column-gap:82px;
    justify-content:stretch;
    align-items:start;

    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;

    margin:0 auto;

    padding:88px 0 76px;

    box-sizing:border-box;
}

/* ==================================================
   FOOTER BRAND
================================================== */

.ft_logo{
    position:relative;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    min-height:340px;

    margin:0;
    padding:5px 0 0;

    box-sizing:border-box;
}


/* 로고 */
.ft_logo .ft_logo_img{
    display:block;
    width:auto;
}

.ft_logo .ft_logo_img img{
    display:block;

    width:165px;
    max-width:100%;
    height:auto;

    margin:0;
}


/* 브랜드 카피 */
.ft_brand_text{
    margin-top:65px;
}


/* 메인 카피 */
.ft_brand_slogan{
    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:19px;
    line-height:1.55;
    font-weight:600;

    color:#222;

    letter-spacing:-.55px;
    word-break:keep-all;
}


/* 설명 */
.ft_brand_desc{
    margin:22px 0 0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:15px;
    line-height:1.7;
    font-weight:400;

    color:#777;

    letter-spacing:-.4px;
    word-break:keep-all;
}


/* ABOUT BASIC */
.ft_brand_about{
    position:absolute;
    left:0;
    bottom:2px;

    display:inline-flex;
    align-items:center;

    width:auto !important;

    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:18px;
    line-height:1;
    font-weight:700;

    color:#b59a84;
    letter-spacing:-.2px;

    transition:color .25s ease;
}


/* 카카오톡 문의와 동일한 스타일의 화살표 */
.ft_brand_about i{
    display:block;

    width:7px;
    height:7px;

    margin-left:13px;

    border-top:1px solid #b8ab9f;
    border-right:1px solid #b8ab9f;

    transform:rotate(45deg);

    transition:
        transform .25s ease,
        border-color .25s ease;
}


/* hover */
.ft_brand_about:hover{
    color:#57320a;
}

.ft_brand_about:hover i{
    border-color:#b9633d;
    transform:translateX(3px) rotate(45deg);
}

/* ==================================================
   컬럼 공통
================================================== */

.ft_col{
    position:relative;
    width:100%;
    min-width:0;
    height:auto;
    min-height:340px;

    margin:0;
    padding:0 0 0 60px;

    border-left:1px solid #f5f3f0;
    box-sizing:border-box;
}

.ft_col .tit,
.ft_about_tit{
    margin:0 0 20px;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:18px;
    line-height:1.2;
    font-weight:700;
    color:#b9a594;
    letter-spacing:.1px;
}

.ft_col .txt{
    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:16px;
    line-height:1.75;
    font-weight:400;
    color:#222;
    letter-spacing:-.35px;
    word-break:keep-all;
}

.ft_col .strong{
    font-weight:650;
}

/* ==================================================
   고객센터
================================================== */

.ft_customer{
    width:100%;
    padding-right:8px;
}

.ft_customer .num{
    margin:0 0 27px;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:21px;
    line-height:1.2;
    font-weight:400;
    color:#111;
    letter-spacing:-.4px;
}

.ft_customer .num strong{
    display:inline-block;
    margin-left:3px;

    font-size:28px;
    line-height:1;
    font-weight:700;
    letter-spacing:-.8px;
}

.cs_txt{
    margin:0 0 13px;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:17px;
    line-height:1.4;
    font-weight:700;
    color:#222;
    letter-spacing:-.35px;
}

.ft_cs_btns{
    width:100%;
    max-width:225px;
    margin:0 0 25px;
}

.cs_btn{
    position:relative;
    display:flex;
    align-items:center;

    width:100%;
    height:42px;

    margin:0 0 9px;
    padding:0 38px 0 45px;

    border:1px solid #d5c9be;
    border-radius:999px;
    background:#fff;

    font-family:'Pretendard',sans-serif;
    font-size:14px;
    line-height:1;
    font-weight:600;
    color:#222;
    letter-spacing:-.35px;

    box-sizing:border-box;
    transition:
        color .25s ease,
        border-color .25s ease,
        background-color .25s ease;
}

.cs_btn:last-child{
    margin-bottom:0;
}

.cs_btn:hover{
    border-color:#b9633d;
    background:#fffaf7;
    color:#b9633d;
}

.cs_btn .ico{
    position:absolute;
    top:50%;
    left:12px;

    width:23px;
    height:23px;

    border-radius:50%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:23px 23px;

    transform:translateY(-50%);
}

.cs_btn.kakao .ico{
    background-image:url("//dainpark06.cafe24.com/sunny/images/footer_kakao_logo.png");
}

.cs_btn.naver .ico{
    background-image:url("//dainpark06.cafe24.com/sunny/images/footer_naver_logo.png");
}

.cs_btn em{
    position:absolute;
    top:50%;
    right:16px;

    width:7px;
    height:7px;

    border-top:1px solid #b8ab9f;
    border-right:1px solid #b8ab9f;

    transform:translateY(-50%) rotate(45deg);
    transition:
        right .25s ease,
        border-color .25s ease;
}

.cs_btn:hover em{
    right:13px;
    border-color:#b9633d;
}

.cs_time_tit{
    margin:0 0 11px;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:17px;
    line-height:1.3;
    font-weight:700;
    color:#222;
    letter-spacing:-.35px;
}

/* ==================================================
   쇼룸
================================================== */

.ft_showroom{
    width:100%;
    padding-right:8px;
}

.ft_showroom .txt.strong{
    font-size:18px;
    line-height:1.55;
}

.ft_showroom_img{
    position:relative;
    width:100%;
    max-width:290px;
    margin:26px 0 0;

    overflow:hidden;
    border-radius:14px;
    background:#f3f0ed;
}

.ft_showroom_img img{
    display:block;
    width:100%;
    height:112px;

    object-fit:cover;
    object-position:center 52%;

    transform:scale(1);
    transition:transform .4s ease;
}

.ft_showroom_img:hover img{
    transform:scale(1.025);
}

.showroom_desc{
    margin:30px 0 0;
    padding:0;
    
    font-family:'Pretendard',sans-serif;
    font-size:15px;
    line-height:1.7;
    font-weight:400;
    color:#000000;
    letter-spacing:-.3px;
    word-break:keep-all;
}

/* ==================================================
   우측 정보
================================================== */

.ft_right{
    width:100%;
    padding-right:0;
}

.ft_right_block{
    margin:0 0 30px;
}

.ft_right_block:last-child{
    margin-bottom:0;
}

.ft_right_block .txt.strong{
    margin-bottom:3px;
    font-size:18px;
}

.ft_right a{
    display:block;
    width:max-content;

    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:14px;
    line-height:1.85;
    font-weight:400;
    color:#222;
    letter-spacing:-.35px;

    transition:color .25s ease;
}

.ft_right a:hover{
    color:#57320a;
}

/* ==================================================
   SNS
================================================== */

.ft_sns{
    display:flex;
    align-items:center;
    gap:11px;

    margin:0;
    padding:0;
}

.ft_sns a{
    display:flex;
    align-items:center;
    justify-content:center;

    width:34px;
    height:34px;

    margin:0;
    padding:0;
}

.ft_sns img{
    display:block;
    width:34px;
    height:34px;

    object-fit:contain;
    transform:translateY(0) scale(1);

    transition:
        transform .25s ease,
        opacity .25s ease;
}

.ft_sns a:hover img{
    opacity:.85;
    transform:translateY(-2px) scale(1.06);
}

/* ==================================================
   하단
================================================== */

.ft_bottom{
    position:relative;
    width:100%;
    border-top:1px solid #f5f3f0;
    background:#fff;
    box-sizing:border-box;
}

.ft_bottom_inner{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;

    width:calc(100% - 80px);
    min-width:1300px;
    max-width:1400px;

    margin:0 auto;
    padding:38px 0 42px;

    box-sizing:border-box;
}

.ft_about{
    flex:1;
    min-width:0;
}

.ft_about_tit{
    margin:0 0 13px;
}

.ft_info{
    margin:0;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1.85;
    font-weight:400;
    color:#666;
    letter-spacing:-.2px;
    word-break:keep-all;
}

.ft_copy{
    flex:none;

    margin:0 0 1px;
    padding:0;

    font-family:'Pretendard',sans-serif;
    font-size:12px;
    line-height:1.5;
    font-weight:400;
    color:#999;
    letter-spacing:0;
    white-space:nowrap;
}

/* ==================================================
   1480px 이하 PC
================================================== */

@media screen and (max-width:1480px){

    .ft_inner,
    .ft_bottom_inner{
        width:1300px;
        min-width:1300px;
        max-width:1300px;
    }

    .ft_inner{
        grid-template-columns:
            205px
            minmax(260px, 1fr)
            minmax(315px, 1.08fr)
            minmax(255px, .92fr);

        column-gap:40px;
    }

    .ft_col{
        height:318px;
        min-height:318px;
        padding-left:44px;
    }

    .ft_customer{
        padding-right:4px;
    }

    .ft_showroom{
        padding-right:40px;
    }

    .ft_showroom_img{
        max-width:275px;
    }
}
/* BASIC css end */