/* BASIC css start */

/* =========================================
   하단 고객센터 / 계좌정보
========================================= */

/* 하단 고객센터 영역 전체 */
.uf-footer-info{
width:100%;
margin:30px 0 0;
padding:25px 12px 20px;
border-top:1px solid #D2D2D2;
box-sizing:border-box;
background:#fff;
color:#111;
}

/* CS / BANK 2열 */
.uf-footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}

/* 각 영역 */
.uf-footer-box{min-width:0;text-align:left}

/* 제목 */
.uf-footer-box h3{margin:0 0 12px;padding:0 0 7px;border-bottom:1px solid #222;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:1px}

/* 정보 전체 */
.uf-footer-box dl{margin:0;padding:0}

/* 항목명 */
.uf-footer-box dt{margin:7px 0 1px;padding:0;font-size:11px;line-height:1.4;font-weight:700;color:#555}

/* 내용 */
.uf-footer-box dd{margin:0;padding:0;font-size:12px;line-height:1.5;color:#222}

/* 휴무 안내 */
.uf-footer-notice{margin:8px 0 0;padding:0;font-size:11px;line-height:1.4;color:#777}

/* BANK INFO는 한 줄형 */
.uf-bank-info{display:grid;grid-template-columns:auto 1fr;column-gap:5px;row-gap:6px;align-items:center}

/* BANK 항목명 */
.uf-bank-info dt{margin:0;font-size:11px;font-weight:500;color:#555}

/* BANK 내용 */
.uf-bank-info dd{margin:0;font-size:12px;font-weight:500;color:#222}


/* =========================================
   하단 버튼
========================================= */

/* 버튼 영역 */
.uf-footer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px}

/* 기본 버튼 */
.uf-footer-btn{display:flex;align-items:center;justify-content:center;height:38px;background:#393939;color:#fff!important;font-size:12px;font-weight:600;text-align:center;text-decoration:none!important;box-sizing:border-box}

/* 교환/반품 */
.uf-footer-policy{grid-column:1/3;background:#393939;color:#ffffff!important;font-weight:700}
div.F-36239-1-12957 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.F-36239-1-12959 #footer {position:relative; border-top-width: 1px; border-top-style:solid; border-top-color: #D2D2D2; text-align: center;}
div.F-36239-1-12959 #footer ul {overflow: hidden; display: box; display: -webkit-box; display: -moz-box; box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;}
div.F-36239-1-12959 #footer ul li {position: relative; line-height:27px; height:25px; text-align:center; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
div.F-36239-1-12959 #footer ul li span {position: absolute; top: 8px; right: 0; width: 1px; height: 12px; background: #D3D3D3;}
div.F-36239-1-12959 #footer ul li a {display:block; font-size:0.720em; color:#666;}
div.F-36239-1-12959 #footer ul li:first-child {background:none;}
div.F-36239-1-12959 #footer .footer {padding:15px 10px 0 10px; font-size:0.750em;}
div.F-36239-1-12959 #footer .footer .logo {display:block; padding-bottom:10px; font-weight:bold;}
div.F-36239-1-12959 #footer .footer p {padding-bottom:13px; color: #525252;}
div.F-36239-1-12959 #footer .footer .bizinfo a {border: 1px solid #777; padding: 5px 10px; border-radius: 3px; color: #424242; box-sizing: border-box;}
div.F-36239-1-12959 #footer .footer .copyright {color: #585858;}
div.F-36239-1-12959 #footer .btn-top {position:absolute; right:0; top:60px; width:45px; height:29px; line-height:30px; font-size:0.750em; text-align:center;}
div.F-36239-1-12959 #footer .footer p { color:#525252; }
div.F-36239-1-12959 #footer .footer .logo { color:#000000; }
div.F-36239-1-12959 #footer .footer .copyright { color:#585858; }
div.F-36239-1-12959 #footer { border-top-color:#D2D2D2; }
div.F-36239-1-12959 #footer ul { background-color:#FFFFFF; }
div.F-36239-1-12959 #footer ul li a { color:#666666; }
div.F-36239-1-12959 #footer ul li span { background-color:#D3D3D3; }
div.F-36239-1-12959 { margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.F-36239-1-12960 .btn_pptop {position:fixed; bottom:15px; right:5px; padding:3px 0 0; z-index:4;}
div.F-36239-1-12960 .btn_pptop .tnb_icon span {display: block; padding-bottom: 3px; opacity: .8;}

/* TOP 버튼 */
div.F-36239-1-12960 .pp_top {text-align: center;font-weight: bold;font-size: 11px;bottom: 90px;line-height: 25px;width: 30px;height: 25px;background-color: rgba(0, 0, 0, 0.6);border: 1px solid #4C4C4C;padding-top: 3px;border-radius: 7px;color: #fff;}
div.F-36239-1-12960 .pp_top:before {content: "\f106"; font-family: FontAwesome; font-size: 20px; color: #FFF;}

/* BOTTOM 버튼 */
div.F-36239-1-12960 .pp_bottom {text-align: center;font-weight: bold;font-size: 11px;bottom: 48px;line-height: 25px;width: 30px;height: 25px;background-color: rgba(0, 0, 0, 0.6);border: 1px solid #4C4C4C;padding-top: 5px;margin-top: 2px;border-radius: 7px;color: #fff;}
div.F-36239-1-12960 .pp_bottom:after {content: "\f107"; font-family: FontAwesome; font-size: 20px;color: #FFF;}
div.F-36239-1-12960 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#DD4444 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.F-13906-1-4 .btn_pptop .tnb_icon span { opacity: 1; }
div.F-36239-1-12961 .fixed-left { z-index:13; position:fixed; bottom:15px; left:10px; width:50px; height:50px; display: none; }
div.F-36239-1-12961 .fixed-left .fa-close,
div.F-36239-1-12961 .fixed-left .fa-plus { z-index:4; position:relative; width:50px; height:50px; line-height:52px; background:#ff391a; border-radius:25px; opacity:0.8; color:#fff; text-align:center; box-shadow: 0 0 7px 0px #656565; }
div.F-36239-1-12961 .fixed-left .fa-half {font-size: 1.3em;}
div.F-36239-1-12961 .fixed-left .fa.fa-transform {
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
}
div.F-36239-1-12961 .fixed-left ul { display:none; z-index:4; position:absolute; bottom:50px; right:0; }
div.F-36239-1-12961 .fixed-left li { position:relative; width:50px; height:50px; line-height:52px; margin-bottom:10px; background:#fff; border-radius:25px; text-align:center; color: #424242; }

div.F-36239-1-12961 .fixed-left li a { position:absolute; top:0; left:0; padding-left:60px; white-space:nowrap; color:#fff; font-size: 15px;}
div.F-36239-1-12961 .mask { display:none; z-index:5; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:0.8; }
div.F-36239-1-12961 .fixed-left .btn-quickmenu { background-color:#000000; color:#2AFF00; }
div.F-36239-1-12961 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.btn_footer_app {display:none; position:fixed; bottom:70px; left:10px; z-index:4;}
div.F-36239-1-12962 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.F-36239-1-12963 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.F-36239-1-12964 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.F-36239-1-12965 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.F-36239-1-12966 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */