/* BASIC css start */
.btnTop{display:none;position:fixed;z-index: 99;right: 30px;bottom:70px;}
.btnTop a{display:block;width: 64px;height: 33px;line-height: 33px;text-align:center;font-size:24px;color: #2c2c2c;background: #eee;}
.btnTop a:hover{background-color:#dfdfdf;}
.btnTop a.pageTop {border-radius:10px 10px 0 0;
display: flex
;
    align-items: center;
    justify-content: center;}
.btnTop a.pageBottom {border-radius:0 0 10px 10px;
display: flex
;
    align-items: center;
    justify-content: center;}

#ftWrap{ }
#ftWrap a { color:#6a6a6a; }
#ftWrap a:hover { text-decoration: underline;} 
#ftWrap .footerNavArea .footerNav li i { font-size: 20px; vertical-align: middle; }
#ftWrap .footerNavArea .footerNav a {padding: 0 30px 0 10px;}
#ftWrap .snsArea {margin-top: 18px;}
#ftWrap .snsArea li { display:inline-block; margin:0 10px 0 0; }
#ftWrap .snsArea li a { font-size:18px; width:42px; height:42px; border-radius:50%; background-color:#f2f2f2; display: block; line-height: 42px; text-align:center;}
#ftWrap .snsArea li a:hover { background-color:#d1d1d1; color:#fff;}
#ftWrap .footerInfoWrap .copy {padding-top: 6px; }
#ftWrap .footerInfoWrap .escrow {padding-top: 10px;  }
#ftWrap .footerInfoWrap {padding: 35px 40px 50px; max-width:2200px;}
#ftWrap .footerInfoWrap p {line-height:20px; }
#ftWrap .footerInfoWrap ul:after{content:"";display:block;clear:both;}
#ftWrap .footerInfoWrap .list{ padding: 0; }
#ftWrap .footerInfoWrap .list.info{float: left;}
#ftWrap .footerInfoWrap .list.info .footerNav { margin:22px 0 0;}
#ftWrap .footerInfoWrap .list.info .footerNav li { float: left;margin-right:10px;}
#ftWrap .footerInfoWrap .list.info .footerNav li:first-child { padding-left:0;}
#ftWrap .footerInfoWrap .list.info .footerNav li+li:before { display:inline-block;height:11px;content:'';border-left:1px solid #9d9d9d;padding-left:10px;vertical-align:middle;}
#ftWrap .footerInfoWrap .list.csCenter{float: right;}
#ftWrap .footerInfoWrap .list.csCenter dl { float: left;margin:0 100px 0 0;font-size: 13px;}
#ftWrap .footerInfoWrap .list.csCenter dl dt { font-size: 13px;margin:0 0 8px;}
#ftWrap .footerInfoWrap .list.csCenter dl dd { line-height:20px; } 
#ftWrap .footerInfoWrap .list.csCenter dl dd.tel {font-size: 16px;margin-bottom:2px } 


.btnKakao{position:fixed;z-index: 99;right: 41px;bottom:20px;}
.instagram-icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' id='_레이어_1' data-name='레이어_1' viewBox='0 0 55.63 49.85'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='27.81' cy='25.04' r='15.73'/%3E%3Crect width='13.45' height='13.45' x='21.09' y='18.34' rx='3.32' ry='3.32' style='fill:none;stroke:%23fff;stroke-miterlimit:10'/%3E%3Cpath d='M27.81 22.57c1.37 0 2.49 1.12 2.49 2.49s-1.12 2.49-2.49 2.49-2.49-1.12-2.49-2.49 1.12-2.49 2.49-2.49m0-1c-1.93 0-3.49 1.56-3.49 3.49s1.56 3.49 3.49 3.49 3.49-1.56 3.49-3.49-1.56-3.49-3.49-3.49Z' class='cls-1'/%3E%3Ccircle cx='31.45' cy='21.46' r='.81' class='cls-1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;

}
.youtube-icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='레이어_1' viewBox='0 0 55.63 49.85'%3E%3Ccircle cx='27.81' cy='25.06' r='15.73'/%3E%3Cpath d='M32.16 31.16h-8.7c-1.1 0-2.49-.11-3.28-.77-1.02-.84-1.28-2.38-1.28-3.8v-3.07c0-1.22.13-2.69.91-3.51.83-.88 2.35-1.06 3.66-1.06h8.7c1.42 0 2.98.23 3.82 1.24.65.79.75 2.22.75 3.33v3.07c0 1.23-.12 2.67-.91 3.49-.83.86-2.36 1.08-3.66 1.08Z' style='fill:%23fff'/%3E%3Cpath d='M25.98 22.46v5.24l4.52-2.62-4.52-2.62z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;

}

.kakao-icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='50' fill='none'%3E%3Cpath fill='%23000' d='M27.81 40.79c8.688 0 15.73-7.042 15.73-15.73 0-8.687-7.042-15.73-15.73-15.73-8.687 0-15.73 7.043-15.73 15.73 0 8.688 7.043 15.73 15.73 15.73Z'/%3E%3Cpath fill='%23fff' d='M21.679 31.123c-2.586-1.557-4.179-4.011-4.179-6.718C17.501 19.701 22.249 16 28.001 16s10.5 3.701 10.5 8.405c0 4.704-4.748 8.405-10.5 8.405-.442 0-.881-.022-1.318-.065l-3.765 2.458c-.615.326-.957.425-1.485.066-.62-.424-.596-.892-.382-1.56l.628-2.586ZM19.5 24.405c0 2.132 1.418 4.123 3.781 5.32l.706.359-.186.77-.401 1.648 2.8-1.83.365.046c.474.061.952.092 1.435.092 4.741 0 8.5-2.93 8.5-6.405S32.742 18 28.001 18c-4.741 0-8.501 2.93-8.501 6.405Zm14.408-.346 1.514 2.155a.471.471 0 1 1-.773.543l-1.428-2.033-.427.413V26.5a.472.472 0 0 1-.944 0v-1.439a.501.501 0 0 1 0-.222v-2.557a.472.472 0 0 1 .944 0v1.542l1.928-1.866a.472.472 0 0 1 .656.678l-1.47 1.423Zm-2.958 1.925a.472.472 0 0 1 0 .944h-1.932a.47.47 0 0 1-.471-.472v-4.159a.472.472 0 1 1 .943 0v3.687h1.46Zm-5.857-1.091h1.334l-.638-1.708-.696 1.708Zm2.523.487.345.925a.471.471 0 1 1-.884.33l-.298-.799h-2.07l-.332.813a.47.47 0 1 1-.874-.357l1.662-4.075a.699.699 0 0 1 .653-.447.69.69 0 0 1 .627.474l1.046 2.8a.47.47 0 0 1 .127.32l-.002.016Zm-3.322-3.078c0 .26-.21.472-.471.472h-1.14v3.736a.473.473 0 0 1-.945 0v-3.736h-1.16a.472.472 0 0 1 0-.944h3.245c.26 0 .471.211.471.472Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;

}


.kakao-icon-gray {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3E%3Cpath fill='%2344403C' d='M49.75 10C73.912 10 93.5 25.267 93.5 44.104c0 18.834-19.588 34.1-43.75 34.1a56.265 56.265 0 0 1-7.196-.458L24.187 89.758c-2.087 1.105-2.825.984-1.966-1.72l3.716-15.325C13.938 66.629 6 56.088 6 44.104 6 25.271 25.587 10 49.75 10Zm24.612 33.583 6.126-5.933a1.967 1.967 0 0 0-2.734-2.825L69.721 42.6v-6.425a1.967 1.967 0 1 0-3.934 0v10.654a1.963 1.963 0 0 0 0 .925v5.996a1.967 1.967 0 1 0 3.934 0v-5.68l1.779-1.72 5.95 8.47a1.968 1.968 0 1 0 3.22-2.262l-6.308-8.979v.004ZM62.038 51.6h-6.084V36.237a1.967 1.967 0 0 0-3.929 0v17.33c0 1.083.875 1.966 1.962 1.966h8.05a1.967 1.967 0 1 0 0-3.933Zm-24.405-4.55 2.9-7.112 2.659 7.112h-5.559Zm10.513 2.033.008-.066a1.955 1.955 0 0 0-.529-1.334l-4.358-11.666a2.875 2.875 0 0 0-2.613-1.975 2.9 2.9 0 0 0-2.72 1.862l-6.921 16.98a1.966 1.966 0 1 0 3.641 1.487l1.375-3.388h8.625l1.246 3.334a1.965 1.965 0 0 0 3.828-.607 1.966 1.966 0 0 0-.145-.768l-1.437-3.859ZM34.304 36.258a1.967 1.967 0 0 0-1.962-1.966H18.82a1.967 1.967 0 1 0 0 3.933h4.833v15.567a1.967 1.967 0 1 0 3.933 0V38.225h4.75a1.967 1.967 0 0 0 1.967-1.967Z'/%3E%3C/svg%3E");
}

.angle-up {
    width: 24px;
    height: 24px;
    padding-right:1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 15L12.5 9L18.5 15' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.angle-down {
    width: 24px;
    height: 24px;
    margin-top:1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 9L11.5 15L5.5 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1200px) {
    .gridcss {
        grid-template-columns: 1fr !important;
        }
    }
/* BASIC css end */