@import url("reset.css");
#wrap {width:100%; height:100%; overflow:hidden; /*overflow-y:auto;*/ letter-spacing:-1px; background:#fff}


.header {width:100%; position:absolute; z-index:3; top: 0; left: 0;}
.header .header-inner {position:relative; background:rgba(0,0,0,0.05);}
/* .header .bottom-header {height: 80px;} */
.header .bottom-header h1.logo {width:150px; height: 48px; text-align:left; background: url(/img/common/logo-main-h.png) left center no-repeat; }
/* .header:before {display: none;} */
/* .header .bottom-header .gnb-box ul.gnb > li {height: 80px;} */
.header .bottom-header .gnb-box ul.gnb > li a {color: #fff; }
.header .bottom-header .box-rt ul.mem li a {color: #fff;}
.active .all_gnb_bg {top: 80px;}

.header .header-inner.active {background: #fff;}
.header .header-inner.active .bottom-header .gnb-box ul.gnb > li a {color:#000;}
.header .header-inner.active .bottom-header h1.logo {background: url(/img/common/logo-main-active.png) left center;}
.header .header-inner.active .bottom-header .box-rt ul.mem li a {color:#000;}
.header .header-inner.active .bottom-header .gnb-box ul.gnb > li.on > a {color:#850C16; position:relative;}

.header .bottom-header .gnb-box ul.gnb > li .dep2{width:190px; height:390px; padding: 40px 0; position: absolute; top: 80px; left: 40px; /* background: #f5f5f5; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);*/ display: none; text-align: left; transform: none;}





.main{width:100%; height:100%; position:relative; background:url(/img/common/main.jpg) center no-repeat; background-size:cover;}
.main .vr_footer{position:absolute; width:100%; height:150px; bottom:0; left:0; z-index:1;}
.main .vr_footer .footer{ position:absolute; bottom:-150px; transition-duration :1s;}
.main .vr_footer:hover .footer{bottom:0; transition-duration :1s;}

.main .vr_footer .footer_box ul li:after{background:#fff;}
.main .vr_footer .footer_box ul li a{color:#fff;}
.main .vr_footer .footer_box .company-info .info p{color:#000;}
.main .vr_footer .site .site_list .list_btn{color:#fff; border-color:#fff;}
.main .vr_footer .site .site_list .list_btn:after{border-top:3px solid #fff;}
.main .vr_footer .site .site_list ul{border-color:#fff;}
.main .vr_footer .site .site_list ul li{border-color:#fff;}

.footer {width:100%; background:rgba(0,0,0,0.36); padding:10px 0 20px; box-sizing:border-box;}
.footer .footer-inner {width:95%; margin:0 auto; max-width:1350px; position:relative; display: flex; justify-content: space-between;}
.footer .fo-box-left {color: #fff; padding-top: 10px;}
.footer .fo-box-left ul {display: flex;}
.footer .fo-box-left ul li {margin-right: 20px; position: relative;}
.footer .fo-box-left ul li:first-child::before {content:""; height: 8px; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 1px; background: #fff; display: block;}
.footer .fo-box-left ul li a {color:#fff; line-height: 1; display: block;}
.footer .fo-box-mid {text-align: center; color: #fff; font-size: 14px; padding-top: 10px;}
.footer .fo-box-mid .info {margin-top: 10px;}
.footer .fo-box-mid .info p {line-height: 1.8;}
.footer .fo-box-right {}

.footer .site {position:static;  font-size:0; width:280px;}
.footer .site > *{display:inline-block; vertical-align:middle;}
.footer .site .site_list{width:calc(50% - 5px); margin-right:10px; position:relative; box-sizing:border-box;}
.footer .site .site_list:last-child{margin-right:0;}
.footer .site .site_list .list_btn{font-size:14px; width:100%; height:30px; line-height:30px; padding:0 10px; box-sizing:border-box; position:relative; border:1px solid #c3c3c3; cursor:pointer; color:#000;}
.footer .site .site_list .list_btn:after{content:""; width:0; height:0; border-top:3px solid #000; border-right:3px solid transparent; border-left:3px solid transparent; position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.footer .site .site_list ul{width:100%; background:rgba(103,103,103,0.5); border:solid #fff; border-width:0 1px 0 1px; position:absolute; bottom:30px; left:0; box-sizing:border-box; display:none;}
.footer .site .site_list ul li{width:100%; padding: 5px 10px; box-sizing:border-box; border-top:1px solid #fff;}
.footer .site .site_list ul li a{font-size:14px; color: #fff; line-height: 20px;}

@media screen and (max-width:1400px) {
		
	/* .header .header-inner {margin:0 auto; width:95%;} */
	.header .header-inner {width: 100%;}
	.header .bottom-header {width: 95%;}
	.header .bottom-header .box-rt{position:absolute; top:50%; right:40px; transform:translateY(-50%); width:200px;}
	.header .box-rt ul.mem{display:none;}
	.header .bottom-header .all-btn{display:inline-block; margin-left:20px;}
	.header .bottom-header .gnb-box{display:none;}
	.header .bottom-header h1.logo{float:left; text-align:left;}
	.header .bottom-header .search-box{}
	
}

@media screen and (max-width:1200px) {
	
	.footer .footer-inner {padding-top: 30px;}
	.footer .fo-box-left {position: absolute; top: 0; left: 0;}
	.footer .fo-box-mid {width: 100%;}
	.footer .fo-box-right {position: absolute; top: 0; right: 0;}
	.footer .site {width: 230px;}
	.footer .site .site_list .list_btn {font-size: 13px;}
	.footer .site .site_list ul li a {font-size: 11px;}
	.footer .fo-box-mid .info p {font-size: 12px;}
	.footer .fo-box-left ul li a {font-size: 13px;}
	
} 

@media screen and (max-width:900px) {
	
	/* .main .vr_footer .copy{position:relative; margin-top:20px; text-align:center;} */

} 

@media screen and (max-width:600px) {
	
	.header .bottom-header h1.logo {height: 35px; background-size: auto 100%; background-repeat: no-repeat;}
	/* .main .vr_footer:after{display:none;} */

	.main .vr_footer .footer {bottom: -170px;}

	.footer .fo-box-left {left: unset; right: 0;}
	.footer .fo-box-mid {text-align: left;}
	
}
@media screen and (max-width:480px) {
	
	/* .main .vr_footer .fnb li a{font-size:12px;} */
	/* .main .vr_footer .copy{margin-top:10px; font-size:11px;} */

}