@charset "utf-8";

#quick_bnr{position:fixed;right:-80px;bottom:250px;z-index:0;text-align:center;font-size:12px;letter-spacing:-.3px;transition:right .4s;font-family:'Noto Sans KR';font-weight:500}
#quick_bnr.fixed{right:10px}
#quick_bnr .tit{padding:15px 0;font-size:12px;font-weight:700;color:#fff;background-color:#333}
#quick_bnr .tit p{padding-top:7px}

/* 링크 */
#quick_bnr .links{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#quick_bnr .links > li{position:relative;border-bottom:1px solid #e1e1e1;color:#999;background-color:rgba(255,255,255,.95)}
#quick_bnr .links > li.tel{padding:10px 0}
#quick_bnr .links > li.tel span{font-size:14px;line-height:17px;color:#333;font-family:'Noto Sans KR';font-weight:900}
#quick_bnr .links > li > p, #quick_bnr .links > li > a p{padding-top:5px}
#quick_bnr .links > li > a{display:block;padding:10px 0;color:#999;transition:all .2s}
#quick_bnr .links > li i{font-size:15px}
#quick_bnr .kakao_pc{display:block}
#quick_bnr .kakao_pc p{display:none;flex-direction:column;justify-content:center;align-items:center;height:68px}
#quick_bnr .kakao_pc p span{margin-top:5px}
#quick_bnr .kakao_mo{display:none}

/* 상단으로 */
#quick_bnr .toTop{width:46px;height:46px;margin:12px auto;border-radius:50%;border:1px solid #e1e1e1;font-size:10px;line-height:1.6;color:#999;background-color:rgba(255,255,255,.95);transition:color .2s;font-family:'Noto Sans KR';font-weight:500}
#quick_bnr .toTop i{display:block;font-size:12px}
#quick_bnr .toTop:hover{color:#222;cursor:pointer}

/* sms상담 - pc */
#quick_bnr .sms_inq_area{display:none;position:absolute;right:69px;top:0}
#sms_inq{width:170px;overflow:hidden;background:rgba(255,255,255,.95);box-shadow:-5px 5px 8px rgba(0,0,0,.1)}
#sms_inq .stit{font-size:14px;color:#fff;padding:8px;text-align:center;background-color:#333}
#sms_inq form{padding:14px}
#sms_inq ul li+li{margin-top:3px}
#sms_inq ul li input, #sms_inq ul li textarea{width:100%;height:28px;padding:3px;border:1px solid #ddd;border-radius:3px;background-color:#fff;transition:all .2s;font-family:'Noto Sans KR'}
#sms_inq ul li input:focus,  #sms_inq ul li textarea:focus{border:1px solid #aaa!important;outline:none;box-shadow:none}
#sms_inq ul li textarea{height:45px}
#sms_inq .agrees{display:flex;align-items:center;padding:2px 0 5px}
#sms_inq .agrees a{display:inline-block;font-size:12px;color:#999}
#sms_inq .agrees a:hover{text-decoration:underline}
#sms_inq .agrees label{margin:0 5px;font-size:12px}
#sms_inq input[type=submit]{width:100%;height:35px;border:none;border-radius:3px;font-size:14px;color:#fff;cursor:pointer;background-color:#2e7cae;font-family:'Noto Sans KR';font-weight:500}

/* sms상담 - mo */
#sms_inq_mo{display:none;padding:25px 20px;border-top:1px solid #e1e1e1;font-size:14px;color:#888;background-color:#fff;font-family:'Noto Sans KR'}
#sms_inq_mo .tit{font-size:20px;color:#222;letter-spacing:-.5px;font-family:'Noto Sans KR';font-weight:700}
#sms_inq_mo form{flex:1}
#sms_inq_mo form .flex{display:flex;width:100%}
#sms_inq_mo ul{display:flex;flex:1;padding:0 8px 0 25px}
#sms_inq_mo ul li{flex:1}
#sms_inq_mo ul li+li{margin-left:8px}
#sms_inq_mo ul li input[type=text], #sms_inq_mo ul li textarea{width:100%;height:55px;padding:12px;border:1px solid #ddd;border-radius:3px;background-color:#fff;transition:all .2s;font-family:'Noto Sans KR'}
#sms_inq_mo ul li input:focus, #sms_inq_mo ul li textarea:focus{border:1px solid #aaa!important;outline:none;box-shadow:none}
#sms_inq_mo ul li textarea{padding:17px 12px 0 12px}
#sms_inq_mo input[type=submit]{width:20%;height:55px;border:none;border-radius:3px;font-size:15px;color:#fff;-webkit-appearance:none;appearance:none;background-color:#7e0000;font-family:'Noto Sans KR';font-weight:500}
#sms_inq_mo .agrees{display:flex;align-items:center;justify-content:end;margin-top:5px;letter-spacing:-.5px}
#sms_inq_mo .agrees a{display:inline-block;font-size:13px;color:#888}
#sms_inq_mo .agrees label{margin:0 5px;font-size:13px}

@media (hover:hover){
#quick_bnr .links > li > a:hover{color:#222}
}

/* 반응형 [s] */
@media (max-width:1024px){
#quick_bnr{display:flex;position:relative;width:100%;left:0;bottom:0;background-color:#222}
#quick_bnr .tit{display:none}
#quick_bnr .toTop{display:none}
#quick_bnr .links{display:flex;width:100%;border:none}
#quick_bnr .links > li{flex:1;border:none;background:none}
#quick_bnr .links > li:hover{background:none}
#quick_bnr .links > li+li{border-left:1px solid rgba(255,255,255,.15)}
#quick_bnr .links > li a{display:flex;flex-direction:column;justify-content:center;height:68px;padding:0;color:#fff}
#quick_bnr .links > li.sms, #quick_bnr ul li.tel{display:none}
#quick_bnr .links > li p{padding-top:8px}
#quick_bnr .kakao_pc{display:none}
#quick_bnr .kakao_mo{display:block}
#sms_inq_mo{display:flex}
}
@media (max-width:768px){
#sms_inq_mo{display:block;padding:25px 15px 15px;border:none;background-color:#f5f5f5}
#sms_inq_mo .tit{margin-bottom:10px;text-align:center}
#sms_inq_mo form .flex{display:block}
#sms_inq_mo ul{padding:0}
#sms_inq_mo .agrees{margin-top:8px}
#sms_inq_mo input[type=submit]{width:100%;margin-top:12px;border-radius:0}
}
@media (max-width:480px){
#sms_inq_mo input[type=submit]{background-color:#333}
#sms_inq_mo ul{flex-wrap:wrap}
#sms_inq_mo ul li{flex:1 1 40%}
#sms_inq_mo ul li:last-child{margin:8px 0 0}
}
@media (max-width:380px){
#sms_inq_mo ul li{flex:100%}
#sms_inq_mo ul li+li{margin:8px 0 0!important}
}
/* 반응형 [e] */
