/* BASIC css start */
#footer {clear:both; margin:40px 13px 0; border-top: 1px solid #c8c8c8; }
#footer .footer_top{padding: 30px 0; }
#footer .footer_top .logoBox{margin-bottom: 23px;}


#footer .footer_top .linkInfo_bot{margin:0 0}
#footer .footer_top .linkInfo_bot:after { display:block; clear:both; content:'' }
#footer .footer_top  .linkInfo_bot li{float:left; padding: 0 20px 0 0 !important;}
#footer .footer_top .linkInfo_bot li a{ font-family: 'Noto Sans','Noto Sans KR', sans-serif; line-height:20px; }
#footer .footer_top .linkInfo_bot li img{ width:20px; margin: 0 2px 0 0;}



#footer .footer_top .footerInfo {display: block;}
#footer .footer_top .footerlinkInfo{float: left; width: 50%;}
#footer .footer_top .footerlinkInfo .linkInfo_left li{margin-bottom: 5px;}
#footer .footer_top .footerlinkInfo .linkInfo_left li a{font-size: 1.14em; color: #5d5d5d; font-family: "맑은 고딕",'Malgun Gothic','Lato', sans-serif;}
#footer .footer_top .footerInfo{float: left; width: 50%;}

#footer .footerInfo .footerInfoTop {}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
#footer .footerInfo .tit {margin-bottom:6px; font-size: 1em; color: #5d5d5d; font-family: "맑은 고딕",'Malgun Gothic','Lato', sans-serif;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel, .mon_num { margin: 13px 0; color: #5d5d5d; font-size: 2em; font-family: "맑은 고딕",'Malgun Gothic','Lato', sans-serif; font-weight: bold; line-height: 20px;}
#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 {margin-top: 59px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#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 .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 10px 0 0 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}

/* 가이드 */
.footer_middle{ margin: 0 0 20px;}
.footer_middle .infoBx .fotToggle, .footer_middle .infoBx .fotToggle .subInfo{ cursor: pointer; font-size: 12px; position: relative; letter-spacing: 1px;}
.footer_middle .infoBx .fotToggle{ position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); padding: 18px 0; }
.footer_middle .infoBx .fotToggle p{ color: #444; font-family: 'Noto Sans KR', sans-serif;}
.footer_middle .infoBx .fotToggle .subInfo { display: none; margin: 18px 0 0; }
.footer_middle .infoBx .fotToggle .subInfo > li{line-height: 32px;}
.footer_middle .infoBx .fotToggle .subInfo > li a{ color: #444; font-size: .825rem; font-family: 'Noto Sans KR', sans-serif;  width:100%; display: block;}




.ddBtn {position: absolute; top: 21px; right: 0; padding:9px 20px;}
.ddBtn:before{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2;}
.ddBtn:before, .ddBtn:after {content: ''; display: block; position: absolute; top: 50%; right: 12px; width: 12px; height: 2px; margin-top: -1px; background-color: #232323; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out;}
.ddBtnActive {padding:15px 20px;}
.ddBtnActive:before{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: #232323 !important;}
.ddBtnActive:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #232323 !important; opacity: 0;}

/* infoShop */
#footer .infoShop { padding: 34px 12px; color: #5d5d5d; border-top: 1px solid #c8c8c8; text-align: center;}
#footer .infoShop .csInfo{margin: 0 0 34px}
#footer .infoShop div p, #footer .infoShop div p a{ color: #8b8b8b; font-size: .7rem; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; line-height: 21px;}



.escrow { width: 100%; margin: 0 auto 10px; text-align: center; }
.escrow li { display:inline-block; *display:inline; *zoom:1; }


/* BASIC css end */