/* 메인메뉴 */
.main_menu { width:100%; max-width:1000px; position:relative; margin:0 auto; border:0px solid blue; box-sizing:border-box; }
.main_menu_mo { display:none; }

/* 메인메뉴 */
#gnb { position:relative;width:100%; height:18px; border:0px solid red; z-index:1; margin-bottom:20px; }
#gnb:after { clear:both; content:""; display:block; }
#gnb * {z-index:2;}
.gnb_wrap { width:1000px; border:0px solid red; margin:0 200px 0 auto; }
#gnb #gnb_1dul { width:100%; padding: 0; zoom:1; text-align:center;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left; /*padding:0 38px;*/ text-align:center; position:relative;}
#gnb .gnb_1dli:hover { box-sizing:border-box; border-radius:10px 10px 0 0;  }
#gnb .gnb_1dli:hover .gnb_1da { color:#fe223b !important; }
#gnb .gnb_1dli:hover .gnb_1dli_line {display:none;}

#m1 { width:15.5%; }
#m2 { width:16.5%; }
#m3 { width:12%; }
#m4 { width:12%; }
#m5 { width:15.5%; }
#m6 { width:12%; }
#m7 { width:16.5%; }

.gnb_1da { display:inline-block;color:#000000 !important; text-decoration:none; width:100%; font-size:18px; /*font-family:"NanumSquare", sans-serif;*/ font-weight:800; vertical-align:bottom; padding-top:20px; }
.gnb_1dli .gnb_1dli_line { display:none; position:absolute; bottom:0px; left:0; width:100%; height:3px; background-color:#14547D;  }
.gnb_2dul {display:none;position:absolute; left:-1px; top:33px; width:calc(100% + 2px); padding:10px 0 !important; box-sizing:border-box; border-top:0; }
.gnb_2dli{text-align:center; line-height:30px;}
.gnb_2dli:first-child{border:0}
a.gnb_2da {display:inline-block;padding:5px 2px;line-height:1.1;color:#000000;text-align:center;text-decoration:none; font-size:16px; font-weight:500; width:100%;}
.gnb_2dli:hover a.gnb_2da {color:#ffffff; background-color:#292929; width:calc(100% - 4px);/* text-decoration: underline;*/}

#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#fe223b !important; }
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {font-weight:700; color:#fff; background-color:#292929; width:calc(100% - 4px);/*text-decoration: underline;*/ }

#gnb .gnb_1dli_over ul.gnb_2dul {display:block; }

#btnNav {display:none; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#d71f27; transition:all .4s ease; box-shadow: 0px 0px 2px #fff;}
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}

#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}


@media ( max-width: 999px ) {
	.gnb_wrap { width:100%; }


}

@media ( max-width: 767px ) {
	/* 메인메뉴 */
	.main_menu { display:none;}
	.main_menu_mo { display:block; border:0px solid red; width:100%; margin-bottom:30px; overflow-x:auto; }
	.main_menu_mo .gnb_1da { padding-top:0px; }

	#gnb_mo { position:relative; height:40px; }
	#gnb_mo .gnb_1dli {float:left; line-height:40px; text-align:center; position:relative; background-color:#f8f8f8;}
	#gnb_mo .gnb_1dli:hover { box-sizing:border-box; border-radius:10px 10px 0 0;  }
	#gnb_mo .gnb_1dli:hover .gnb_1da { color:#fe223b !important; }
	#gnb_mo .gnb_1dli:hover .gnb_1dli_line {display:none;}

	#m_mo1 { width:16%; }
	#m_mo2 { width:17%; }
	#m_mo3 { width:11.5%; }
	#m_mo4 { width:11.5%; }
	#m_mo5 { width:15.5%; }
	#m_mo6 { width:11.5%; }
	#m_mo7 { width:17%; }

	#gnb_mo .gnb_1da { display:block;color:#000000 !important; text-decoration:none; width:100%; font-size:15px; font-weight:600; }
	#gnb_mo .gnb_1dli.on .gnb_1da {color:#fe223b !important; }


}

@media ( max-width: 480px ) {
	.main_menu_mo { margin-bottom:20px; overflow-x:auto;
            -ms-overflow-style: none;  /* IE와 Edge에서 스크롤바 숨김 */
            scrollbar-width: none;  /* Firefox에서 스크롤바 숨김 */
    }

    .main_menu_mo::-webkit-scrollbar { display: none !important; }

	.main_menu_mo::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		pointer-events: none; /* 가상 요소가 스크롤이나 클릭을 방해하지 않도록 설정 */
		background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	}

	#gnb_mo { min-width:480px; }


}