@charset "UTF-8";

.container{width:1200px; margin:0 auto;}

#header{background:#fff; position:relative;}
#header .top{width:1200px; margin:0 auto; padding:20px 0;}
.top .logo{line-height:0; float:left;}
.top .nav{float:left; margin-left:55px;}
.top .nav .gnb li{float:left; margin:0 60px; font-size:1.2em; font-weight:400; line-height:60px;}
.top .nav .gnb li a{color:#000;}
.top .link{float:right; font-size:12px; color:#888; font-weight:300; padding-top:10px;}
.top .link li{float:left;}
.top .link li.ic_facebook{line-height:0; margin-right:20px;}
.top .link li.tel img{width:8px;}
.openmenu_wrap{position:absolute; width:100%; top:100px; left:0; background:rgba(255,255,255,1); z-index:99; display:none;}
.openmenu_wrap .openmenu{padding-left:197px; box-sizing:border-box;}
.openmenu_wrap ul{float:left; text-align:center; padding-bottom:20px;}
.openmenu_wrap ul.openmenu01{width:190px; margin:0 33px;}
.openmenu_wrap ul.openmenu02{width:210px; margin:0 0px;}
.openmenu_wrap ul.openmenu03{width:150px; margin:0 0px;}
.openmenu_wrap ul.openmenu04{width:60px; margin:0 25px;}
.openmenu_wrap ul li{padding:15px 0 0;}
.openmenu_wrap ul li a{color:#555;}
.openmenu_wrap ul li a:hover{color:#000;}

#footer{background:#f9f9f9; border-top:1px solid #e9e9e9;}
#footer .copy{padding:70px 0 70px 270px; position:relative; box-sizing:border-box; font-size:13px;}
#footer .copy a.bfc_link{position:absolute; top:60px; left:0;}
#footer .copy p{font-weight:300; color:#555; line-height:1.7em;}
#footer .copy p b{margin-right:8px; font-weight:500;}
#footer .copy p span.bar{width:1px; height:10px; background:#bdbdbd; margin:0 15px; display:inline-block;}