@charest "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,body{height:100%;-webkit-overflow-scrolling:touch;}

/* layout */
#wrap{overflow-y:scroll;position:relative;width:100%;height:100%;display:-webkit-box;-webkit-box-orient:vertical;}
header{float:left;position:relative;width:100%;padding:10px 0;box-sizing:border-box;background-color:#482b5e;z-index:200;}
header h1.logo{float:left;width:44.6875%;font-size:0;line-height:0;}
header h1.logo img{width:100%;}
header .header_menu{position:relative;display:block;z-index:1002;background-color:#f5f5f5;}
header .header_menu p.btn_menu_op{display:block;float:right;width:12.5%;padding-right:10px;font-size:0;line-height:0;text-align:right;}
header .header_menu p.btn_menu_op a{display:block;}
header .header_menu .header_menu_wrap{overflow-y:auto;position:fixed;top:0;right:-70%;height:100%;width:70%;background-color:#fff;z-index:100;box-sizing:border-box;}
header .header_menu .header_menu_wrap dl{overflow:hidden;width:100%;letter-spacing:-1px;}
header .header_menu .header_menu_wrap dl dt{padding:10px 20px;font-size:90%;letter-spacing:-1px;color:#fff;background-color:#444;clear:both;}
header .header_menu .header_menu_wrap dl dd{float:left;width:50%;border-right:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;box-sizing:border-box;font-size:75%;}
header .header_menu .header_menu_wrap dl dd a{display:block;padding:10px 10px 10px 20px;background:url(../image/common/bu_square.gif) no-repeat 10px 50%;color:#555;text-decoration:none;}
header .header_menu .header_menu_wrap p.btn_menu_close{overflow:hidden;padding:10px;background-color:#482b5e;}
header .header_menu .header_menu_wrap p.btn_menu_close a{display:block;float:left;width:18.5%;font-size:0;line-height:0;}
header .gnb_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}

.container{position:relative;width:100%;clear:both;}

/* footer */
footer{position:relative;width:100%;padding-bottom:15px;background-color:#6c6a69;clear:both;}
footer ul.f_menu{overflow:hidden;background-color:#504e4c;}
footer ul.f_menu li{float:left;width:25%;border-left:1px solid #6c6a69;box-sizing:border-box;text-align:center;font-size:70%;font-weight:bold;color:#bebebe;letter-spacing:-1px;}
footer ul.f_menu li:first-child{border-left:0!important;}
footer ul.f_menu li a{display:block;padding:5px 0;color:#bebebe;text-decoration:none;}
footer ul.f_info{padding:15px 0 20px 0;text-align:center;font-size:70%;color:#bebebe;clear:both;}
footer ul.f_info li{line-height:160%;}
footer ul.f_info li a.tel{margin:0 5px;color:#fff;font-weight:bold;text-decoration:none;}
footer ul.f_info li.copyright{margin-top:5px;font-size:90%;font-weight:bold;}
footer span.btn_top{display:block;width:9.375%;margin:0 auto;text-align:center;}
footer span.btn_top img{width:100%;}