@charset "utf-8";
/* CSS Document */

.box1{max-width:1200px; width:100%; margin:0 auto; padding-left:40px; position:relative; }
.box2{ width:96%; margin:0 auto}
.PC{ display:block}
.PHONE{ display:none}
/* CSS Document */


a:link{color:#333;text-decoration:none}
a:visited{color:#333;}
a:active{color:#333;}
a:hover{color:#333;text-decoration:none}


/*inc*/



.cl{ clear:both !important; display:block}




#bottom_map { background:#222; }
#bottom_map .f_sitemap { background:#111; border-top:1px solid #111; }
#bottom_map .f_sitemap .map_m { width:100%; overflow:hidden; float:left; border-left:1px solid #292929; box-sizing:border-box; }
#bottom_map .f_sitemap .map_m > li { float:left;  height:260px; position:relative; border-right: 1px solid #292929; box-sizing:border-box; transition:.3s;}

#bottom_map .f_sitemap .map_m > li:hover { background:#000; }
#bottom_map .f_sitemap .map_m a{ display:block; }
#bottom_map .f_sitemap .map_m .all_m{ padding:8px 20px 10px; color:#d4d4d4; font-weight:500; font-size:1.063em; }
#bottom_map .f_sitemap .map_m .sub_m{ padding:5px 20px 60px;}
#bottom_map .f_sitemap .map_m .sub_m li { padding:4px 0;}
#bottom_map .f_sitemap .map_m .sub_m > li > a{ font-size:.820em; color:#999; font-weight:500; font-family: "notokr-medium",sans-serif; }
#bottom_map .f_sitemap .map_m .sub_m > li > a:hover { color:#ddd; }
#bottom_map .f_sitemap .map_m .m_member,
#bottom_map .f_sitemap .map_m .m_mypage,
#bottom_map .f_sitemap .map_m .m_guide { display:none; }
#bottom_map .f_sitemap .etc { width:5%; float:right; border-right:1px solid #292929; box-sizing:border-box; position:relative; }
#bottom_map .f_sitemap .etc li { position:absolute; width:100%; }
#bottom_map .f_sitemap .etc li a { display:block; text-align:center; border-top:1px solid #292929; color:#e8e8e8; padding:15px 0; transition:.3s; }
#bottom_map .f_sitemap .etc li.gotop { bottom:0; }
#bottom_map .f_sitemap .etc li a:hover { background:#000; }


#bottom_map .f_list { border-top:1px solid #393939; border-bottom:1px solid #393939 }
#bottom_map .f_list .left { float:left; overflow:hidden; }
#bottom_map .f_list .right { float:right; }
#bottom_map .f_list .left li { float:left; position: relative;  height: 45px; margin-left:3px; margin-top:2px;  text-align: center; box-sizing: border-box;}
#bottom_map .f_list .left li img{ float:left; border-radius: 10%;  border:1px solid #b0401a;} 
#bottom_map .f_list .left li a { display:block; margin-right:30px; font-size:0.875em; color:#fff; letter-spacing:normal; line-height:50px; }
#bottom_map .f_list .left li a .xi { font-size:1.313rem; }
#bottom_map .f_list .right li { display:inline-block; *display:inline; zoom:1; color:#fdd116; font-size:0.938em; line-height:50px;vertical-align: middle}
#bottom_map .f_list .right li.icon{ line-height:30px}
#bottom_map .f_list .right li.icon .xi { width:30px; height:30px; border-radius:30px; text-align:center; line-height:30px; background:#fdd116; color:#222; font-size:1.438rem; margin:0 5px 0 10px}
#bottom_map .f_list .right li.tel { font-family:"shsR", sans-serif; font-size:1.875em}

#bottom_map .f_info { padding:30px 0 60px; }
#bottom_map .f_info .logo { float:left; }
#bottom_map .f_info ul { float:left; overflow:hiddne; margin:0 0 0 25px; }
#bottom_map .f_info ul li { float:left; margin:8px 0 0 30px; font-size:0.875em; color:rgba(255,255,255,0.8); font-family:"notokrR", sans-serif; }
#bottom_map .f_info ul li a { color:rgba(255,255,255,0.8); }
#bottom_map .f_info ul li.copy { color:rgba(255,255,255,0.4); margin-top:13px; font-size:0.750em; letter-spacing:normal; }




/*#footer.fix{ position:fixed; width:100%; bottom:0; left:0}*/


@media print{

#header{ display:none}

#printWrap{ display:block}
}

@media all and (max-width:1450px){
.box1{padding-left:0;}

#bottom_map .f_info .logo{width:230px;}
}

@media all and (max-width:1023px){


#bottom_map .f_info .logo{width:100%; text-align:center; padding-bottom:20px;}
#bottom_map .f_info ul{margin:0; text-align:center;}
#bottom_map .f_info ul li{float:none; display:inline-block; *display:inline; zoom:1; margin:8px 0 0 10px; }
#bottom_map .f_info ul li:first-child{margin:8px 0 0 0;}
#bottom_map .f_info ul li.copy{display:block; margin:8px 0 0 0;}

#bottom_map .f_list .left{display:none;}
#bottom_map .f_list .right{text-align:center; float:none;}
#bottom_map .f_list .right li{float:none; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#bottom_map .f_sitemap .map_m .etc .sub_m{padding:5px 20px 20px;}



/**/

}

@media all and (max-width:768px){
.box1{ width:96%; min-width:308px; margin:0 auto; padding-left:0px;}
	



#bottom_map .f_sitemap{display:none;}


}

@media all and (max-width:640px){

#bottom_map .f_sitemap{display:none;}


}


@media all and (max-width:480px){

#bottom_map .f_sitemap{display:none;}


}