/* BASIC css start */
#footer .footerInfo {position:relative;overflow:hidden;zoom:1;border-bottom:1px solid #ddd;text-align: center;font-size: 11px;background: #f8f8f8; line-height: 16px; }
#footer .footerInfo .footerInfoTop {width: 50%;float:left;padding: 20px 0;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;width: 100%;border-right: 1px solid #ddd;margin-left: -1px;min-height: 92px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {margin-bottom:6px;font-size: 1.2em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color: #111;font-size: 1.4em; margin-bottom:2px; }
#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 {width: 50%;float:left;border-bottom:0;padding: 20px 0;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;width: 100%;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px;font-size: 1.2em;}
#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 {border-bottom: 1px solid #ddd;text-align:center;padding: 8px 0;}
#footer .footerMiddle a {width:33.3%; display:inline-block; border-left:1px solid #ddd; margin-left: -1px;}
#footer address {padding:12px 10px; color:#606060;}
#footer address .agreeButton {margin:5px 0;}
#footer address .agreeButton a {background-color: #f5f5f5;padding: 1px 4px;border: 1px solid #ddd;}

#footer{clear:both; padding: 0 15px}
#footer .logo img{width: 100px; margin: 30px 5px 32px;}
#footer .area01{display: table; padding: 0 5px; width: 100%;box-sizing: border-box;}
#footer .area01 a{width: calc((100% - 14px)/2);float: left;font-size: 16px;font-weight: 500;line-height: 34px;}
#footer .area01 a:nth-child(2n){margin-left: 14px;}
#footer .area02{display: flex; padding: 0 5px;}
#footer .area02 .left{width: calc((100% - 14px)/2);margin-right: 14px;}
#footer .area02 .left .p01{position: relative; top:  2px; margin: 35px 0 12px; font-size: 13px; font-weight: 500;}
#footer .area02 .left .p02{color: #999; font-size: 13px; line-height: 21px;}
#footer .area02 .right{}
#footer .area02 .right .p01{margin: 35px 0 12px;font-size: 18px; font-weight: 500}
#footer .area02 .right .p02{color: #999;font-size: 13px;line-height: 21px;}
#footer .area03{display: table; width: 100%; margin-top: 15px;}
#footer .area03 .a01{float: left;margin-bottom: 7px;padding: 0 15px;width: calc((100% - 7px)/2);height: 40px;color: #fff;font-size: 12px;line-height: 40px;background: #222;box-sizing: border-box;font-weight: 500;}
#footer .area03 .a01:first-child{margin-right: 7px;}
#footer .area03 .a01 i{float: right;line-height: 40px;font-size: 14px;}
#footer .area03 .a02{display: table;width: 100%;height: 40px;font-size: 12px;font-weight: 500;line-height: 38px;text-align: center;border: 1px solid #222;box-sizing: border-box;}
#footer .area04{display: flex; padding: 36px 5px 14px; width: 100%;}
#footer .area04 a{margin-right: 18px;font-size: 12px;color: #999;font-family: 'Noto Sans KR', sans-serif;}
#footer .area05{padding: 0 5px; box-sizing: border-box;}
#footer .area05 button{margin-bottom: 3px; font-size: 12px; color: #999; border: none; background: none;}
#footer .area05 button i{position: relative; top: 1px; margin-left: 9px; transition: 0.2s}
#footer .area05 button.on i{top: 0px; transform: rotate(-180deg);}
#footer .area05 p{display: none; font-size: 12px; color: #999; line-height: 20px}
#footer .area05 p a {color: #999;}
#footer .area06{display: table; margin: 30px auto 25px;}
#footer .area06 a{margin: 0 12px; font-size: 24px;}
#footer .copyright{padding: 0 5px 55px;color: #999;font-size: 12px;box-sizing: border-box;}

.btn_toggle_area {display: none;position: fixed;bottom: 40px;right: 15px;z-index: 9;}
.btn_toggle_area a {display: block;width: 34px;height: 34px;color:#333;font-size: 15px;text-align: center;background-color: #fff;border:1px solid #333;border-radius: 100%;opacity:0.9;}
.btn_toggle_area a.btn_up {line-height: 35px;}
.btn_toggle_area a.btn_down {margin-top: 2px;line-height: 37px;}

.kakaoBtn{display: none; position: fixed;bottom: 40px;left: 15px;z-index: 9;}
.kakaoBtn a {display: block;width: 44px;height: 44px;color:#3b1e1e;font-size: 20px;text-align: center;background-color: #ffdc00;border-radius: 100%;opacity:0.9;line-height: 1;}
.kakaoBtn a i {padding-top:5px; }
.kakaoBtn a p {font-size: 8px;font-weight:600;letter-spacing:-0.1em}

/* BASIC css end */