/* BASIC css start */
.dimmed {display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1099;}
.dimmed.active {display:block;}

.footer {padding-top:20px; padding-bottom:60px; border-top:1px solid #000; margin-top:30px;}
.fixed_quick {position:fixed; bottom:-35px; right:5px; z-index:1000; transition: all 0.3s;}
.fixed_quick a {width:40px; height:40px; line-height:40px; display:block; text-align:center; margin-bottom:10px;}
.fixed_quick a img {height:40px;}
.fixed_quick a:last-child {margin-bottom:0;}
.fixed_quick.scroll {bottom:70px;}


.fixed_footer.headroom {
    will-change: transform;
    transition: transform 0 linear;
}

.fixed_footer.headroom--pinned {
    bottom: 0;
}

.fixed_footer.headroom--unpinned {
    bottom: -58px;
}

.fixed_footer {position:fixed; bottom:0; background:#f9f9f9; width: 100%; text-align: center; z-index:1000; padding-bottom: calc(constant(safe-area-inset-bottom) - 5px); padding-bottom: calc(env(safe-area-inset-bottom) - 5px);}
.fixed_footer .common_wrapper {display:flex; justify-content: space-between; padding:5px 16px}
.fixed_footer a {display:inline-block; text-align:center;}
.fixed_footer a span {display:block; color:#282828; font-size:11px;}
.fixed_footer a span.desc {margin-top:2px;}
.fixed_footer a span.icon {font-size:0;}
.fixed_footer a span img {width:26px;}
.fixed_footer a span mark {
    overflow: hidden;
    display: block;
    width: 26px;
    height: 26px;
    color: transparent;
    text-indent: -9999px;
    border: 1px solid #111;
    border-radius: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #ebebeb;
    background-size: cover;
    display: inline-block;
}
.fixed_footer.slideUp {-webkit-animation-name: footerAnimation; animation-name: footerAnimation;}


@keyframes footerAnimation {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(50px)
    }
}

.footer_nav li { padding:0 16px;}
.footer_nav li > h2 {line-height:50px; font-weight:600; font-size:20px; position:relative;}
.footer_nav li > h2 .ico {position:absolute; top:50%; margin-top:-5px; right:0; width:10px; height:10px; display:inline-block; background:url(//webddle01.img15.kr/snapskin/m/common/ico_plus.png) no-repeat 50% 50%; background-size:10px;}
.footer_nav li.active > h2 .ico {background:url(//webddle01.img15.kr/snapskin/m/common/ico_minus.png) no-repeat 50% 50%; background-size:10px;}
.footer_nav li .sub {display:none; padding:20px 0 40px;}

.footer_nav li .sub .ft_address {color:#999;}
.footer_nav li .sub .ft_address a {color:#999;}
.footer_nav li .sub .partner {color:#999;}
.footer_nav li .sub .partner a {color:#999;}

.footer_nav li .sub a {display:block;}
.footer_com {display:flex; margin:30px 0; padding:0 16px; flex-wrap:wrap;}
.footer_com li {display:inline-block; width:50%; vertical-align:top; margin-top:16px;}
.footer_com li:nth-child(1), .footer_com li:nth-child(2) {margin-top:0;}
.footer_com li a {font-size:14px; color:#000; font-weight:500;}
.footer .logo img {width:92px;}
.footer .footer_info {padding:20px 16px 50px;}
.footer .footer_info .copy {color:#999;}
.footer .footer_info .ft_menu {display:flex; margin:20px 0;}
.footer .footer_info .ft_menu li {display:inline-block; padding-right:30px; position:relative;}
.footer .footer_info .ft_menu li:after {content:''; width:1px; height:10px; background:#ccc; position:absolute; right:15px; top:4px;}
.footer .footer_info .ft_menu li a {font-weight:500; color:#000; text-decoration:underline;}
.footer .footer_info .ft_menu li:last-child:after {display:none;}
.footer .footer_info .cautions {color:#000; font-size:14px; margin-bottom:20px;}
.footer .footer_info .cautions.last {margin-bottom:0; color:#999;}
.footer .footer_nav li {}

.footer .footer_nav li .sub.cs h3 a {font-size:30px; font-weight:600;}
.footer .footer_nav li .sub.cs p {color:#999;}
.footer .footer_nav li .sub.cs span {font-size:12px; line-height:22px; color:#999999; font-weight:400;}
.footer .footer_nav li .sub.cs .btn {margin-top:25px; display:flex;}
.footer .footer_nav li .sub.cs .btn a {width:75px; height:32px; border-radius:16px; text-align:center; line-height:32px; background:#f5f5f5; display:block; margin-right:4px;}


.footer .footer_nav li .sub.community {padding:14px 0 34px;}
.footer .footer_nav li .sub.community dl {overflow:hidden;}
.footer .footer_nav li .sub.community dl dd {float:left; width:50%; line-height:34px; font-size:12px; font-weight:400;}

.footer .footer_nav li .sub.bank h3 {font-size:13px; font-weight:600; line-height:22px;}
.footer .footer_nav li .sub.bank .account {display:flex;}
.footer .footer_nav li .sub.bank span {margin-top:5px; font-size:12px; line-height:22px; color:#9A9A9A; margin-top:10px; display:block;}
.footer .footer_nav li .sub.bank .account span:first-child {margin-right:40px;}
.footer .footer_nav li .sub.bank p {font-size:12px; font-weight:400; line-height:22px; margin-top:25px;}


.footer .footer_nav li .sub.sns dl {display:flex;}
.footer .footer_nav li .sub.sns dl dd {margin-right:35px;}
.footer .footer_nav li .sub.sns dl dd:last-child {margin-right:0;}



.scroll_tab {display:none;position: fixed;z-index: 99;right: 0px;bottom: 20px;box-sizing:border-box;width: 48px;background:#fafafa;border: 1px solid #dbdbdb;z-index:99999}
.scroll_tab a {display:block;border-bottom:1px solid #dbdbdb;width:100%;height:100%;box-sizing:border-box;padding: 13px;}
.scroll_tab a.showBtn {background:#555}
.scroll_tab a:last-child {border:none; }
.hide_area {display:none; }







#footer {padding:33px 0 64px;position:relative;width:100%;background: transparent;margin-top:60px; background:#C5AB85}
.footer_inner:after {content:""; display:block; clear:both }
.ft_info {margin-right:101px; box-sizing:border-box; display:inline-block; vertical-align:top; }
.ft_info dt {font-size:10px; color:#000; margin-bottom:10px; display:block; letter-spacing: 0.2em;}
.ft_info dd p, .ft_info dd a {letter-spacing: 0.2em; font-size:10px;  margin-bottom:7px;  }
.ft_info dd p:last-child, .ft_info dd a:last-child {margin-bottom: 0;}
.ft_info dd a {display:block; }
.ft_info dd p a {display:inline-block; margin-bottom: 0;}
.ft_info dd .btn_email {border-bottom:1px solid #000}

frame {opacity:0; visibility:hidden}



/* BASIC css end */