#header{height: 140px;}
#header.bbshow{background: rgba(0,0,0,.5); border-bottom:solid 1px rgba(255,255,255,.15);}
#header .headDiv{position:relative; max-width:1720px; margin:0 auto;}
#header .headDiv:after{content: ''; display: block; clear: both;}
#header .headDiv #logo{float: left; padding-right: 50px;}
#header .headDiv #logo h1{line-height: 160px;}
#header .headDiv #gnb{float: left;}

#header .headDiv .tbutton{float: left; margin-left: 120px;}
#header .headDiv .tbutton ul{height: 40px; margin-top: 60px; padding: 0 10px; background: rgba(255,255,255,.06); border-radius: 20px; border: 1px solid rgba(255,255,255,.1);}
#header .headDiv .tbutton ul li{display: inline-block; position: relative; padding: 0 20px; line-height: 38px;}
#header .headDiv .tbutton ul li:after{content: ''; position: absolute; top: 14px; right: 0; width: 1px; height: 10px; background: rgba(255,255,255,.2);}
#header .headDiv .tbutton ul li:nth-last-of-type(1):after{display: none;}
#header .headDiv .tbutton ul li a{font-size: 14px; color: #fff; opacity: .3; transition: all .6s;}
#header .headDiv .tbutton ul li a i{margin-right: 6px;}
#header .headDiv .tbutton ul li a:hover{opacity: 1; text-decoration: none;}
#header .headDiv .tbutton ul li.active{opacity: 1; text-decoration: none;}

#header .headDiv .gnb_right{float: right; height: 140px; line-height: 160px; text-align: right;}
#header .headDiv .gnb_right .h_menu{margin-left: 70px;}


/*PC메뉴*/
#gnb{position:relative; z-index:1000;}
#gnb.on{}
#gnb .oneD{display:block; float:left; height:140px; line-height:160px; text-align:center; font-size:16px; font-weight: bold; color:#fff;}
#gnb.on .oneD{}
#gnb .oneD.on{color:#4ebfee; transition: all .6s;}
#gnb .oneD{padding: 0 38px;}
#gnb .twoD{display:none; position:absolute; height:223px; top:140px; padding:0 20px; z-index:100; text-align: center;}
#gnb .twoD.on{background:rgba(44,103,235,.7); transition: all .6s;}
#gnb .twoD.one{left:0px;width:142px;}
#gnb .twoD.two{left:142px;width:162px;}
#gnb .twoD.thr{left:313px;width:180px;}
#gnb .twoD.fou{left:544px;width:180px;}
#gnb .twoD.fiv{left:758px;width:162px;}

#gnb .twoD a{display:block; padding-top:15px; font-size:14px; line-height: 22px; color:#fff;}
#gnb .twoD.on a{color:#fff; font-weight:normal;}
#gnb .twoD.on a.on{color:#fff; text-decoration:underline;}
#header .twoDbg{display:none; position:absolute; top:140px; left:0; width:100%; height:223px; margin:auto; background: rgba(0,0,0,.5); z-index:900}


/*모바일메뉴*/
.m_gnb_right{display: none; position: absolute; top: 0; right: 20px; line-height: 100px; text-align: right;}
#gnbM{position:absolute; top:0; right:-280px; width:280px; background:#2c50a6; z-index:99999; box-shadow: 20px 20px 20px 0 rgba(0,0,0,1);}
#gnbM .mUtil{padding:0 20px; height:80px; line-height:80px; background:#2c50a6; font-size:14px; letter-spacing:-1px}
#gnbM .mUtil a{color:#fff;}
#gnbM .mUtil span{margin:0 6px; color:#817ab7}
#gnbM .mobileMenuXbt{position:absolute; top:32px; right:20px;}
#gnbM .mobileMenuXbt img{width:16px}
#gnbM .gnbDiv a{display:block; line-height:1.5 }
#gnbM .gnbDiv .one{padding:15px 20px; font-size:15px; color:#fff; font-weight:normal;}
#gnbM .gnbDiv .one.on{color:#fff;}
#gnbM .gnbDiv .two{padding:15px 20px; border-bottom:1px solid #d9d9d9;background:#f9f9f9;}

#gnbM .gnbDiv .two .twoD{font-size:13px; color:#464646; padding:10px;}
#gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
#gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px}
#gnbM .mogobu ul li{padding: 5px 15px; text-align: center;}
#gnbM .mogobu ul li a{display: block; padding: 10px 20px; color: #fff; border: 1px solid rgba(255,255,255,.4);}
.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; height:; background:rgba(0,0,0,0.5); z-index:999;}

@media (max-width: 1740px){
	#header .headDiv{padding: 0 20px;}
	#header .headDiv #logo{left: 20px;}
	#header .headDiv .tbutton{display: none;}
	#header .headDiv .gnb_right{right: 20px;}
	#header .headDiv .gnb_right .h_menu{margin-left: 0;}
}
@media (max-width: 1340px){
	#header{height: 100px;}
	#header .headDiv #logo{padding-right: 0;}
	#header .headDiv #logo h1{line-height: 100px;}
	#header .headDiv .gnb_right{display: none!important;}
	#gnb{display: none!important;}

	.m_gnb_right{display: block;}
}
@media (max-width: 991px){
	#header{height: 80px;}
	#header .headDiv #logo h1{line-height: 80px;}
	#header .headDiv #logo h1 a img{height: 42px;}
	.m_gnb_right{line-height: 80px;}
}
@media (max-width: 640px){
	#header{height: 70px;}
	#header .headDiv #logo h1{line-height: 70px;}
	#header .headDiv #logo h1 a img{height: 36px;}
	.m_gnb_right{line-height: 70px;}
	.m_gnb_right a img{height: 14px;}
	#gnbM .gnbDiv .two a {line-height:2}
}