/* BASIC css start */
/* footer */


.footer_area1{}
.footer_area1 .sunny_inner{padding:15% 5%;}
.footer_area1 dl{position:relative;}
.footer_area1 dt{font-family:'Nanum Myeongjo', serif;font-size:23px;line-height:30px;color:#240219;letter-spacing:15px;margin-bottom:10%;}
.footer_area1 dd{}
.footer_area1 dd li{position:relative;margin-top:10%;}
.footer_area1 dd li:first-child{margin-top:0;}
.footer_area1 dd .tit{font-family: 'Noto Serif KR', serif;font-size:14px;line-height:14px;color:#480c3f;letter-spacing:-2px;margin-bottom:3%;}
.footer_area1 dd .txt{font-size:11px;color:#8e7789;line-height:16px;letter-spacing:-1px;}


.footer_area2{position:relative;padding:8% 0;background:url("/design/fioracom/sunny/images/bg_footer.png") repeat 0 0;}
.footer_area2 .sunny_inner{text-align:center;}

.footer_area2 .f_list{font-size:0;letter-spacing:-5px;overflow:hidden;}
.footer_area2 .f_list li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:1px 15px;background:url("/design/fioracom/sunny/images/footer_line.png") no-repeat 0 center;}
.footer_area2 .f_list li:first-child{background:none;}
.footer_area2 .f_list li a{font-family:'Roboto', sans-serif;font-size:11px;color:#8b7487;line-height:18px;text-transform:uppercase;}
.footer_area2 .f_ban{font-size:0;letter-spacing:-5px;overflow:hidden;padding-top:2%;}
.footer_area2 .f_ban li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;font-size:12px;color:#8b7487;padding:1px 15px;line-height:18px;background:url("/design/fioracom/sunny/images/footer_line.png") no-repeat 0 center;}
.footer_area2 .f_ban li:first-child{background:none;}
.footer_area2 .f_ban li img{display:inline-block;vertical-align:middle;width:15px;}
.footer_area2 .f_ban li span{display:inline-block;margin:0 0 0 6px;vertical-align:middle;font-size:11px;}

.footer_area3{padding:8% 0;border-top:1px solid #f1f1f1;text-align:center;background:url("/design/fioracom/sunny/images/bg_footer.png") repeat 0 0;}
.footer_area3 .txt1{font-size:11px;line-height:18px;color:#8b7487;letter-spacing:-0.5px;}
.footer_area3 .txt1 span{display:block;}
.footer_area3 .txt2{font-family:'Poppins', sans-serif;font-size:11px;line-height:13px;color:#d0c8ce;margin-top:25px;}
.footer_area3 .txt2 a{font-size:11px;line-height:13px;color:#d0c8ce;}











.btn_toggle_area {position: fixed;bottom:25px; right: 49px;z-index:99;opacity:0;filter:alpha(opacity=0);transition: all 0.3s ease-in-out;}
.btn_toggle_area.active{opacity:1;filter:alpha(opacity=100);transition: all 0.3s ease-in-out;}
.btn_toggle_area a { display: block; width: 36px; height: 36px; line-height: 36px; color:#111; font-size: 16px; text-align: center; background-color: rgba( 255, 255, 255, 0.8 );border:1px solid #f1f1f1;border-radius:36px;}
.btn_toggle_area a.btn_up { position: absolute; bottom: 40px;}
.btn_toggle_area a.btn_down { position: absolute; bottom: 0; }
.btn_toggle_area a.btn_qtalk { position: absolute; bottom:85px;border:0;}
.btn_toggle_area a.btn_qtalk img{width:38px;}
.btn_toggle_area .fa-lg{vertical-align:0;}





/* quick menu */
#quick_menu{position:fixed;left:10px;bottom:96px;width:120px;border:2px solid #222;border-radius:7px;background:#f7f7f7;z-index:900;opacity:0;visibility:hidden}
#quick_menu.active{opacity:1;visibility:visible}
#quick_menu .menu_list{padding:0 10px}
#quick_menu .menu_list li{border-top:1px solid #ddd}
#quick_menu .menu_list li:first-child{border-top:0}
#quick_menu .menu_list a{display:block;height:40px;line-height:40px;font-size:12px;color:#000;white-space:nowrap}
#quick_menu .menu_list span{display:inline-block;margin:-1px 6px 0 4px;vertical-align:middle}
#quick_menu .menu_list span img{display:block;width:16px}
#btn_quickmenu{display:none;position:fixed;left:10px;bottom:50px;z-index:900;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#btn_quickmenu img{display:block;width:39px}
#btn_quickmenu.active{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}





/* //하단 고정 메뉴 */



/* BASIC css end */