@charset "utf-8";


.header_wrap{position: relative; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.14);}
.header{position:relative; width: 1100px; margin: 0 auto; padding: 30px 0;}

.logo{width: 262px; height: 106px; margin: 0 auto; background: url("../imgs/logo.png") no-repeat; background-size: cover; z-index: 2;}
.logo a{display: block; width: 100%; height: 100%;}
.logo img{width: 100%;}


/* 전체메뉴보기 */
#all_menu{position:absolute; width: 100%; top: 0;}
#all_menu .all_btn{position: absolute; top: 0; right: 280px; box-sizing: border-box; z-index: 1001;}
.allm_btn a, .allm_btn span, .allm_btn b, .allm_btn strong{display: inline-block; transition: all .4s; box-sizing: border-box;}
.allm_btn a{width: 100%; height: 100%;}
.allm_btn a strong{width: 140px; height: 100%; line-height: 20px; padding: 9px 25px 9px 60px; background: #971519; color: #fff; font-size: 14px; font-weight: 300; border-radius: 0 0 0 14px;}
.allm_btn span{position: absolute; width: 100%; height: 2px; background-color: #fff; left: 30px;}
.allm_btn span:nth-of-type(1){width: 20px; top: 11px;}
.allm_btn span:nth-of-type(2){width: 20px; top: 18px;}
.allm_btn span:nth-of-type(3){width: 20px; top: 25px;}
.allm_btn a.on strong{color: #fff;}
.allm_btn a.on span{background-color: #fff;}
.allm_btn a.on span:nth-of-type(1){transform: translateY(7px) rotate(-45deg); width: 20px;}
.allm_btn a.on span:nth-of-type(2){opacity: 0;}
.allm_btn a.on span:nth-of-type(3){transform: translateY(-7px) rotate(45deg); width: 20px;}

#allMenu{display:none; height:640px; position:absolute; top:38px; right:90px; width: 300px; z-index:999;}
#allMenu>div{overflow:auto;width:100%; margin:0 auto}
.allM_Box{position: relative; overflow:hidden;}
.allM_Box>li{position:relative; box-sizing:border-box; width:100%; line-height: 20px; padding: 15px 10px 15px 30px; background: rgba(255,255,255,1); border:1px solid rgba(0, 0, 0, 0.14); border-top: 0;}
/*
.allM_Box>li:nth-child(6), .allM_Box>li:nth-child(7), .allM_Box>li:nth-child(8), .allM_Box>li:nth-child(9){width: 25%;}
*/
.allM_Box>li.onlyM{display: none;}
.allM_Box>li span.onlyM{display: none;}
.allM_Box>li>a{position:relative;left:0;top:0;width:100%;height:20px;line-height:20px;display:block;font-size:17px;font-weight:700; color:#000;}
.allM_Box>li>ul{padding-top:20px}
.allM_Box>li>ul>li{padding-bottom:8px;text-align:left}
.allM_Box>li>ul>li>a{color:#333;font-size:14px;font-weight:700}
.allM_Box>li>ul>li>ul>li{padding-left:13px;background:url(../imgs/bul_m_3dep.gif) 5px 9px no-repeat;text-align:left}
.allM_Box>li>ul>li>ul>li>a{color:#444;font-size:13px}
.allMenu_close{width:100%;background-color:#3c3f50;box-shadow:1px 2px 2px rgba(0,0,0,0.2)}
.m_sns{display:none}
.close_btn{width:100%; height:25px;margin:0 auto;padding:10px 0;text-align:right}
.close_btn button{width:25px;height:25px;margin-right:10px;background:url(../imgs/allmenu_close.png) no-repeat;border:0;transition:all .4s}
.close_btn button:hover,.close_btn button:focus{transform:rotate(180deg)}


.top_quick{position: absolute; top: 0; right: 0; z-index: 1001;}
.top_quick:after{content:""; display:block; clear:both;}
.top_quick li{float: left; width: 140px; height: 38px; line-height: 38px;}
.top_quick li a{position: relative; display: block; width: 100%; height: 100%; color: #000; font-size: 14px; overflow: hidden; text-align: center;}
.top_quick li.home{width: 38px; height: 38px;}
.top_quick li.home a{background: url("../imgs/home.png") no-repeat;}
.top_quick li.over_1 a{background: #5e5e5e;}
.top_quick li.over_2 a{background: #4c4c4c;}
.top_quick li.over_btn a span{position: relative; z-index: 3; color: #fff;}
.top_quick li.over_btn a:after{content: ''; position: absolute; width: 110%; height: 110%; left: 0; top: 0; transform-origin: 0 0; transform: translateY( 100% ) rotate( 30deg ); transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02); background-color: #000;}
.top_quick li.over_btn a:hover span{color: #fff;}
.top_quick li.over_btn a:hover:after{transform: translateY( 0% ) rotate( 0deg );}

/* 모바일 메뉴 */
.mobile_link{height: 90px; background:#fff;}
.mobile_link .top_quick{padding-top: 26px;}
.mobile_link .top_quick li.over_btn{width: 99px; margin-left: 10px;}
.mobile_link .top_quick li.over_btn:first-child{margin-left: 13px;}


/* Responsive */
@media all and (max-width:1100px){
    .header_wrap{position: relative; width: 100%;}
    .header{width: 100%;}
}

/* Mobile */
@media all and (max-width:1024px){
	.quick_wrap{display: none;}
    
	#all_menu{position:absolute; top: 0;}
	
    .mobile_link{display:block}
    #allMenu{overflow-y: auto;position:fixed;top:0;right:0;width:100%;height:100%;background: rgba(0,0,0,0.25);z-index: 1000}
    #allMenu>div{width:290px;height:100%;position:absolute;right:0;padding:0;background:#fff;z-index:9999;}
    #allMenu>div>div>div{margin-right:0;text-align:center}
    #allMenu .link{display:block}
	.allM_Box{margin: 50px 0;}
	.allM_Box>li.onlyM{display: block;}
    .allM_Box>li span.onlyM{display: inline;}
	.allM_Box>li:nth-child(6), .allM_Box>li:nth-child(7), .allM_Box>li:nth-child(8), .allM_Box>li:nth-child(9){width: 100%;}
    .allM_Box>li>a{position:static;left:inherit;top:inherit;border-bottom:0;color:inherit;text-decoration:none;}
    .allM_Box>li{width:100%;text-align:left;padding:0;}
    .allM_Box>li>a{display:block;padding:0 25px;height:50px;line-height:50px;text-decoration:none;color:#000;font-size:15px; background:none; font-weight: 400;}
    .allM_Box>li:hover>a,.allM_Box>li:active>a,.allM_Box>li:visited>a{text-decoration:none; background: none;}
    .allM_Box>li>ul{padding:0;background:#3c3f50}
    .allM_Box>li>ul>li{padding-bottom:0; border-bottom:1px solid #4d5268; background:url(../imgs/bul_mobile_2dep.gif) 20px 18px no-repeat}
    .allM_Box>li>ul>li>a{display:block;padding:10px 0 10px 32px;text-decoration:none;color:#fff;background:url(../imgs/dep2_more.png) 93% center no-repeat}
    .allM_Box>li>ul>li>a.on{background:url(../imgs/dep2_close.png) 93% center no-repeat;}
    .allM_Box>li>ul>li>a.empty{background:none}

    .allM_Box>li>ul>li>ul{padding:7px 25px;background:#4f556b}
    .allM_Box>li>ul>li>ul>li{background: url(../imgs/bul_mobile_3dep.gif) 5px center no-repeat}
    .allM_Box>li>ul>li>ul>li>a{display:block;font-size:13px;padding:5px 0;text-decoration:none;color:#fff}

    #allMenu .gnb_wrap{display:block}
    #allMenu .allM_Box>li{float:none;min-height:inherit;border-left:0;border-right:0;border-bottom:1px solid rgba(0, 0, 0, 0.14);}
    #allMenu .allM_Box>li>ul, #allMenu .allM_Box>li>ul>li>ul{display:none}
    .allMenu_close{display:none}
}

@media all and (max-width:767px){
	.logo{margin: 0; margin-left: 3%; width: 210px; height: 105px; background: url("../imgs/mlogo.png") no-repeat; background-size: cover;}
	
    .header_wrap{height: auto;}
    .header{text-align: left; height: auto; padding: 60px 0 20px;}
    
   	#all_menu .all_btn{right: 200px; width: 110px}
	.allm_btn a strong{font-size: 12px; padding: 9px 25px 9px 50px;}
	.allm_btn span{left: 20px;}
	
	.top_quick li{width: 100px; height: 38px; line-height: 38px;}
	.top_quick li a{font-size: 12px;}
    

}


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

}