/* BASIC css start */
#footer :is(*){ box-sizing:border-box; }
#footer  { width:100%; margin-top:100px; background-color:#f1f1f1; box-sizing:border-box; }
#footer .foot_inner { display:flex; justify-content:space-between; width:1300px; margin:0 auto; padding:60px 0;}
#footer .foot_inner > div :is(*)  { font-family: "Pretendard Variable", Pretendard, sans-serif; color:#666; font-size:14px; font-weight:500;}
#footer .foot_inner strong        { color:#505050; font-weight:700;}

#footer .foot_inner .foot_left    { padding-right:60px; }
#footer .foot_inner .foot_left h3, 
#footer .foot_inner .foot_left h4 { margin-bottom:5px; color:#161616; font-size:18px; font-weight:600; }
#footer .foot_inner .foot_left h4 { margin-bottom:15px; font-size:34px; font-weight:700;}
#footer .foot_inner .foot_left .cs li        { margin-bottom:3px; width:max-content;color:#161616; font-size:14px; font-weight:600; }
#footer .foot_inner .foot_left ul.f_btn      { display:flex; flex-wrap:nowrap; gap:5px; margin-top:15px;}
#footer .foot_inner .foot_left ul.f_btn li   { flex-grow:1; border:1px solid #e2e2e2; background-color:#fff; }
#footer .foot_inner .foot_left ul.f_btn li a { display:flex; align-items:center; gap:3px; justify-content:center; width:100%; height:100%; padding:8px 5px; color:#161616; font-weight:600 }

#footer .foot_inner .foot_middle  { display:flex; flex-wrap:nowrap; justify-content:space-between; padding:0 50px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
#footer .foot_inner .foot_middle ul { }
#footer .foot_inner .foot_middle ul.f_menu   { flex-direction:column; height:auto; margin-right:25px; }
#footer .foot_inner .foot_middle ul.f_menu li{ width:100%; height:auto; margin-bottom:3px;}
#footer .foot_inner .foot_middle ul.f_menu > li { margin-bottom:25px}
#footer .foot_inner .foot_middle ul.f_menu > li a  { display:inline-block;}
#footer .foot_inner .foot_middle ul.f_menu > li ul { margin-top:5px;}
#footer .foot_inner .foot_middle ul.f_menu > li li { width:100%; height:auto; }
#footer .foot_inner .foot_middle ul.quick_menu li  { height:22px;}
#footer .foot_inner .foot_middle ul.quick_menu li:nth-child(odd)  { width:30%;}
#footer .foot_inner .foot_middle ul.quick_menu li:nth-child(even) { width:60%;}

#footer .foot_inner .foot_right { flex-grow:1; padding-left:10px;} 
#footer .foot_inner .foot_right ul.f_info li { display:inline-block; margin:0 4px 5px 0; font-size:14px;}
#footer .foot_inner .foot_right ul.f_info li:has(a) a { font-size:14px; font-weight:700;}
#footer .foot_inner .foot_right .p_info   { margin:15px 0 10px; font-size:14px; line-height:1.7;}
#footer .foot_inner .foot_right ul.f_sns  { display:flex; gap:10px; padding-top:6px;}
#footer .foot_inner .foot_right ul.f_sns li a   { display: block;}
#footer .foot_inner .foot_right p.copy    { margin-top:7px; color:#c3c3c3; font-size:13px; } 

#footer .foot_inner .foot_right2 { flex-grow:1; width:50px; }


#footer .foot_inner .foot_tit { padding-bottom:7px; font-size:14px; color:#3f3f3f; font-weight:bold; text-decoration:underline; }
#footer .foot_inner .bx_cs    { float:left; /*width:280px*/ }
#footer .foot_inner .bx_cs .big_tel{padding-bottom:2px; font-size:30px; color:#3f3f3f; font-weight:bold }
#footer .foot_inner .bx_cs ul li { color:#6b6b6b; line-height:19px }
#footer .foot_inner .bx_cs .email_addr { padding-top:15px; color:#6b6b6b }
#footer .foot_inner .bx_cs .email_addr a { color:#d72a2a; font-weight:bold; text-decoration:underline }
#footer .foot_inner .bx_account{float:left; width:370px }
#footer .foot_inner .bx_account li{line-height:19px;}
#footer .foot_inner .bx_account dl { color:#6b6b6b; *zoom:1 }
#footer .foot_inner .bx_account dl:after { display:block; clear:both; content:'' }
#footer .foot_inner .bx_account dl dt{padding-bottom:2px; float:left; width:64px }
#footer .foot_inner .bx_account dl dd { float:left }
#footer .foot_inner .bx_account p{padding-top:4px; color:#202020 }
#footer .foot_inner .bx_account .view { display:inline-block; padding:0 3px; font-size:13px; color:white; font-weight:bold; background:#9a9a9a; }

#footer .foot_inner .quick_menu { display:flex; flex-wrap:wrap; justify-content:space-between; width:180px}

.bangking { display:flex; flex-direction:column; justify-content:space-around; margin-top:5px; }
.box01    { display:flex; flex-direction:row; }
.box01 div{ width:165px;}
.box01 input { width:128px; margin-left:5px; font-size:12px; text-align:left; vertical-align:top; border:none; background:transparent; outline:none; }
.box01 button{ display:block; width:40px; max-width:40px; margin-top:5px; border:none; vertical-align:top; }
.box01 button img{vertical-align:top; width: 40px;  }
.box01 > img { width:60px; margin-left:10px; }

/* BASIC css end */