/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#footer { clear:both;margin: 40px 0 0; padding: 0 0 30px; background:#f5f5f5}
#footer .footerInfo { position:relative;overflow:hidden;zoom:1;background:#f2f2f2;line-height: 16px; padding:6% 4% 3%; }
#footer .footerInfo dl { float:left; width:48%; padding:0 1% }
#footer .footerInfo dl dt {margin-bottom:15px;font-size: 16px;}
#footer .footerInfo dl dd {margin-top:3px; font-size:13px; padding-top:10px;}
#footer .footerInfo .tel {color: #111;font-size: 18px; font-weight:bold; display:block; margin-bottom:3px; }

#footer .footerInfoBtn { padding:1% 0 2% 3%; background:#f2f2f2;}
#footer .footerInfoBtn li { float:left; width:44%; text-align:center; padding:0 2%;}
#footer .footerInfoBtn li a {display: block;  padding: 5%;  background: #fff;  color: #000; vertical-align: middle;  border: 1px solid #ddd;}

#footer .snsArea { text-align:center;  margin: 20px 20px 0px; border-top: 1px solid #ddd; }
#footer .snsArea a { background-color:#f2f2f2;width: 40px; height: 40px; line-height: 45px; display: inline-block; border-radius: 100%; margin: 0 1%; }
#footer .snsArea a i { font-size:20px;padding-top: 17px; }

#footer address { color: #111; text-align:left; margin: 20px auto 0; width: 90%; line-height:21px; padding: 20px 0 0;}
#footer .footerMiddle {text-align:center;padding: 10px 0 0;}
#footer .footerMiddle a {width: 17%;display:inline-block;border-left:1px solid #ddd;}
#footer .footerMiddle a:first-child { border:none; }
#footer .footerMiddle a.fmLast {width: 30%;}
#footer .footerMiddle p { margin:8px auto 0;}



/* HJ ¸®´º¾ó 231106 */
.family_site select { display: block; border-radius: 1.5rem; border: solid 1px #1954db; width: 22rem; height: 5rem; padding: 0 3rem; color: #1954db; letter-spacing: normal; cursor: pointer; background: url(/design/redbrown/img/icon_down_arrow.png) no-repeat center; background-position-x: 86%; } 
.family_site {width: 22rem;position: relative;width: 17rem;padding: 0 5%;} 
.family_site p {display: flex;align-items: center;border-radius: 1.5rem;border: solid 1px #000;color: #000;letter-spacing: normal;cursor: pointer;position: relative;width: 170px;height: 40px;border-radius: 7.5px;font-size: 14px;margin-top: 2rem;padding: 0 2.35rem;box-sizing: border-box;} 
.family_site p::after { content: ""; background: url(/design/redbrown/img/icon_down_arrow.png) no-repeat center; position: absolute; top: 50%; right: 10%; transform: translateY(-50%); width: 8px; height: 7px; background-size: 0.5rem; } 
.family_site.on p::after { transform: translateY(-50%) rotate(180deg); } 
.family_site .select_box {display: none;padding-top: 9px;} 
.family_site .select_box ul {padding: 19px;background: #fff;border-radius: 1.5rem;box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);height: auto;overflow-y: scroll;} 
.family_site .select_box ul li { line-height: 1; } 
.family_site .select_box ul li + li {padding-top: 18px;} 
.family_site .select_box ul li a { line-height: 1; font-weight: normal; color: rgba(0, 0, 0, 0.7); } 
.family_site.on .select_box {display: block;width: 170px;position: absolute;z-index: 10;} 





/* BASIC css end */


/* BASIC css end */


/* BASIC css end */