@charset "utf-8";
.inner_mb{width:90% !important; margin:0 auto;}

/*header*/
.hide { display:none !important; }
.clear:after {content: ""; clear: both; display: table;}
#wrap{position:relative;  min-width:320px; max-width:730px; margin:0 auto; width:100%; text-align: left; overflow:hidden;}

header{position: relative; text-align: center; z-index: 99;}
header .top{position: relative; height: 80px; background:#fff; border-bottom:1px solid #ddd;}
header .logo{ margin: 0 auto; }
header .logo img {display: block;  max-width: 100%; margin:0 auto; position: relative; top:0;}

header .tel{position: absolute; right:5%; top:25px;}
header .tel img{height: 30px; }

header .quick {position:fixed; right:4.6875%; bottom:5%;}
header .quick img {margin-top:10px; height:50px; }

header .menu_btn{position: absolute; left:4.6875%; top:25px; }
header .menu_btn img{width:30px;}
header .menu_btn a{position: absolute; top:0; left:0;}
header .menu_btn a.close_btn{/*left:-60px; top:-2px;*/opacity: 0; z-index: -1}

.gnb{ display:none; position:absolute; top: 80px; width:100%; background-color:#151d2f; height:100%; z-index: 9999;}
.gnbBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:88; }
.gnb>ul{padding:0; width: 76.5625%; margin: 0 auto; overflow: hidden; margin-top: 30px; }
.gnb>ul>li{ position: relative; width:100%; }
.gnb>ul>li>a{height:45px; line-height:45px; display:block; font-size:15px; color:#fff; border-bottom: 1px solid #dfdfdf;}
.gnb>ul>li>a::after {content: url("../image/common/menu_arrow.png"); position: absolute; right: 5px; top: 5px }
.gnb>ul>li>a.on::after {content: url("../image/common/menu_arrow.png"); position: absolute; right: 13px;
-ms-transform: rotate(90deg);
-ms-transform-origin: 50% 50%;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: 50% 50%;
transform: rotate(90deg);
transform-origin: 50% 50%;

-ms-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.gnb>ul>li>ul{ padding:0; background: #47515b; }
.gnb>ul>li>ul>li>a{height:35px; line-height:35px; text-indent: 10px; display:block; font-size:13px; color:#fff;}
.gnb>ul>li>ul>li#subon > a{color:red;}

.menu_title { position: relative; width: 76.5625%; max-width: 337px; margin: 5% auto 5% auto; text-align: center; }
.menu_title img { width: 100%; }

.gnb .quick { position: relative; width: 76.5625%; margin: 60px auto 0; }
.gnb .quick ul { position: absolute; right: 0; width: 50%; }
.gnb .quick li { float: left; width: 50%;}
.gnb .quick li a { display: block; text-indent: -9999px; background: rgba(0,0,0,0); padding-bottom: 50%; }
.gnb .quick img { width: 100% }


/*--------responsible : logo---------*/
@media screen and (max-width:450px){
	header .logo img {width:230px; top:5px;}
}
@media screen and (max-width:360px){
	header .logo img {width:198px; top:13px;}
}