/* BASIC css start */
#footer {border-top:2px solid #3c3c3c; clear:both; /* margin-top:36px;*/}
#footer .footerInfo {display: block;}
#footer .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerMiddle {background-color:#929292; text-align:center; padding:12px 0;}
#footer .footerMiddle a {width:30%; display:inline-block; border-left:1px solid #b3b3b3; margin-left: -1px; color:#ffffff; font-size:11px;}
#footer .footerMiddle a:nth-child(3){width:34%;}
#footer .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 10px 0 0 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}
#footer address {padding:12px 10px; color:#4c4c4c; font-size:11px;}
#footer address span{color:#b8b8b8;}
#footer address .agreeButton {margin:5px 0;}
#footer address .agreeButton a {color:#fff; background-color:#b3b3b3; padding:2px 5px;}
#footer address p.cc91{color:#919191;}

#footer .footer_box{background:#eaeaea; padding:3% 3% 4%;}
#footer .footer_box > div{background:#ffffff; margin-top:3%; padding:19px; padding-right:0px;}
#footer .footer_box > div:first-child{margin-top:0%!important;}
#footer .footer_box .fbox01 div, #footer .footer_box .fbox02 div{font-weight:bold; font-size:18px; color:#2f2f2f;}
#footer .footer_box .fbox01 div span, #footer .footer_box .fbox02 div span{font-weight:normal; font-size:13px; }
#footer .footer_box .fbox01 p {margin-top:25px; margin-bottom:5px;}
#footer .footer_box .fbox01 p a{font-weight:bold; font-size:30px; color:#005aab;}
#footer .footer_box .fbox01 ul li{margin-top:3px; font-size:13px; color:#2d2d2d;}
#footer .footer_box .fbox01 ul li span{color:#8c8c8c;}
#footer .footer_box .fbox02 strong{display:block; color:#505050; font-size:13px; margin-top:20px; margin-bottom:5px;}
#footer .footer_box .fbox02 ul li{font-size:13px; color:#8c8c8c;}
#footer .footer_box .fbox02 ul li span{padding-left:19px; color:#2d2d2d; background:url(/design/samdacom1/wib/mobile/img/basic/nh_icon.jpg) no-repeat 0 1px; background-size:12px 15px;}

/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //하단 고정 버튼 */
/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0; z-index:1;}
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerMiddle {background-color:#3e4347; text-align:center; padding:12px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:50%; display:inline-block; border-left:1px solid #A2A2A2; color:#fff; margin-left: -1px;}
/* //하단 고정 메뉴 */
@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}


/* ====================================================
    Component: Switch Class
==================================================== */
.push-5 {margin-bottom: 5px !important;}
.push-5-t {margin-top: 5px !important;}
.push-5-r {margin-right: 5px !important;}
.push-5-l {margin-left: 5px !important;}
.push-10 {margin-bottom: 10px !important;}
.push-10-t {margin-top: 10px !important;}
.push-10-r {margin-right: 10px !important;}
.push-10-l {margin-left: 10px !important;}
.push-15 {margin-bottom: 15px !important;}
.push-15-t {margin-top: 15px !important;}
.push-15-r {margin-right: 15px !important;}
.push-15-l {margin-left: 15px !important;}
.push-20 {margin-bottom: 20px !important;}
.push-20-t {margin-top: 20px !important;}
.push-20-r {margin-right: 20px !important;}
.push-20-l {margin-left: 20px !important;}
.push-30 {margin-bottom: 30px !important;}
.push-30-t {margin-top: 30px !important;}
.push-30-r {margin-right: 30px !important;}
.push-30-l {margin-left: 30px !important;}
.push-40 {margin-bottom: 40px !important;}
.push-40-t {margin-top: 40px !important;}
.push-40-r {margin-right: 40px !important;}
.push-40-l {margin-left: 40px !important;}
.push-50 {margin-bottom: 50px !important;}
.push-50-t {margin-top: 50px !important;}
.push-50-r {margin-right: 50px !important;}
.push-50-l {margin-left: 50px !important;}
.push-80 {margin-bottom: 80px !important;}
.push-80-t {margin-top: 80px !important;}
.push-80-r {margin-right: 80px !important;}
.push-80-l {margin-left: 80px !important;}
.push-100 {margin-bottom: 100px !important;}
.push-100-t {margin-top: 100px !important;}
.push-100-r {margin-right: 100px !important;}
.push-100-l {margin-left: 100px !important;}
.push-120 {margin-bottom: 120px !important;}
.push-120-t {margin-top: 120px !important;}
.push-120-r {margin-right: 120px !important;}
.push-120-l {margin-left: 120px !important;}
.push-150 {margin-bottom: 150px !important;}
.push-150-t {margin-top: 150px !important;}
.push-150-r {margin-right: 150px !important;}
.push-150-l {margin-left: 150px !important;}
.push-200 {margin-bottom: 200px !important;}
.push-200-t {margin-top: 200px !important;}
.push-200-r {margin-right: 200px !important;}
.push-200-l {margin-left: 200px !important;}
.push-300 {margin-bottom: 300px !important;}
.push-300-t {margin-top: 300px !important;}
.push-300-r {margin-right: 300px !important;}
.push-300-l {margin-left: 300px !important;}

.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-white {color: white;}
.text-black {color: black;}

.font-w100 {
    font-weight: 100;
}
.font-w300 {font-weight: 300;}
.font-w400 {font-weight: 400;}
.font-w500 {font-weight: 500;}
.font-w700 {font-weight: 700;}
.font-w800 {font-weight: 800;}
.font-w900 {font-weight: 900;}

.s12 { font-size: 12px; }
.s14 { font-size: 14px; }
.s16 { font-size: 16px; }
.s17 { font-size: 17px; }
.s18 { font-size: 18px; }
.s20 { font-size: 20px; }

.wine-color {color:#9b0933}

.margin-0 {margin: 0;}
.margin-auto {margin: auto;}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

.pull-left {float: left;}
.pull-right {float: right;}


/* 2022 style */

footer {background-color: #111;padding-top: 1rem;color: #efefef;}
footer h4 {color: #fff;margin-bottom: 10px;font-weight: 600;letter-spacing: 0;font-size: 16px;}
footer p {line-height: 23px;font-weight: 300;font-size: 12px;}
footer ul {padding-left: 0; }
footer ul.snsicons li a {padding: 10px;}
footer ul.snsicons li:after {content: none;}
footer ul.snsicons li::first-child {margin-right: 25px;}
footer ul li {
    display: inline-block;
}
footer ul li:after {padding-left: 15px;padding-right: 15px;content: "|";display: none;color: #707070;}
footer ul li:last-child:after {content: none;}
footer ul.footerlinks li a {
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
    margin-right: 5px;
    background: #333;
    color: #fff;
    font-weight: 300;
    /* background: #fff; */
}
footer ul li a:hover {background: #494949; color: #fff;}
.mac-space:before {content: "|";}
.mac-space {color: #414141; padding-left: 8px; padding-right: 8px;}
/* BASIC css end */