/* 메인메뉴 */
#gnb { position:absolute; left:50%; top:47px; width:850px; margin-left:-425px; height:auto; border:0px solid red; z-index:1000; }
#gnb * {z-index:10000;}
.gnb_wrap { width:100%; border:0px solid red; margin:0 0px 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_1dul > .gnb_1dli {float:left; text-align:center; position:relative;  border-right:0px solid red; box-sizing:border-box;}
#gnb_1dul > .gnb_1dli .gnb_1da { height:60px; color:#ffffff; text-decoration:none; padding:0 32px; font-size:16px; font-weight:500; letter-spacing:0.5px; line-height:1.0; border:0px solid red; box-sizing:border-box;  display: flex; align-items: center; justify-content: center; overflow: hidden; }
#gnb_1dul > .gnb_1dli .gnb_1da > span { display:inline-block; transform: scaleX(2.5); margin-left:15px; font-size:8px; margin-top:0; }

#gnb_1dul > .gnb_1dli:hover { /*background:rgba(0,0,0,0.5);*/ border:0px dashed #000000; box-sizing:border-box; border-radius:0px 0px 0 0; }
#gnb_1dul > .gnb_1dli:hover .gnb_1da { color:#b6d600; }
/*#gnb_1dul > .gnb_1dli:hover .gnb_1dli_line {display:none;}*/
#gnb_1dul > .gnb_1dli.on {}
#gnb_1dul > .gnb_1dli.on .gnb_1da {color:#b6d600}

/*
#gnb_1dul > .gnb_1dli:nth-child(2),
#gnb_1dul > .gnb_1dli:nth-child(6) { background:url(../img/icon_down.png) no-repeat center right 5px; }

#gnb_1dul > .gnb_1dli:nth-child(2):hover,
#gnb_1dul > .gnb_1dli:nth-child(6):hover { background:url(../img/icon_down_on.png) no-repeat center right 5px; }
*/

#gnb_1dul > .gnb_1dli .gnb_1dli_line { display:none; position:absolute; top:calc(50% - 1px); right:0; width:2px; height:2px; background-color:#ffffff; border-radius:100px; }
#m1 > .gnb_1da,
#m2 > .gnb_1da,
#m3 > .gnb_1da,
#m4 > .gnb_1da,
#m5 > .gnb_1da { font-size:14px !important; }
#m6 .gnb_1dli_line { display:none; }

.gnb_2dul {display:none;position:absolute; left:0px; top:60px; width:100%; padding:0px 0 !important; background:rgba(0,0,0,0.5); border:0px dashed #000000; box-sizing:border-box; border-top:0; border-radius:0px 0px 0px 0px;  }
.gnb_2dul > .gnb_2dli {text-align:center; line-height:30px;}
.gnb_2dul > .gnb_2dli:first-child{border:0}
.gnb_2dul > .gnb_2dli a.gnb_2da {display:inline-block;padding:12px 0px;line-height:1.1;color:#ffffff; text-align:center;text-decoration:none; font-size:15px; font-weight:500; width:100%; }

/*.gnb_2dul > .gnb_2dli:hover {background-color:#b6d600; transition:background-color 0.5s ease;}*/
.gnb_2dul > .gnb_2dli:hover a.gnb_2da {background-color:#b6d600;  transition:background-color 0.3s ease; /* text-decoration: underline;*/}

.gnb_2dul > .gnb_2dli .gnb_2da.on {font-weight:700; color:#fff; background-color:#b6d600; width:100%;/*text-decoration: underline;*/ }

#gnb_1dul > .gnb_1dli_over > .gnb_2dul {display:block; }
#m2 > .gnb_2dul { display:none !important; }
#m3 > .gnb_2dul { display:none !important; }
#m4 > .gnb_2dul { display:none !important; }
#m6 > .gnb_2dul { display:none !important; }
#m7 { display:none; }


.menu_goods_sub_wrap { position:absolute; left:0; top:106px; width:100%; display:none; }
.menu_goods_sub_wrap > .menu_goods_sub_list_wrap {  width:100%; height:auto; background-color:#737373; }
.menu_goods_sub_wrap > .menu_goods_sub_list_wrap > .menu_goods_sub_list { width:100%; max-width:1460px; margin:0 auto; display:table;}
.menu_goods_sub_wrap > .menu_goods_sub_list_wrap > .menu_goods_sub_list > ul { width:100%; font-size:0; letter-spacing:-5px; display:table-row; }
.menu_goods_sub_wrap > .menu_goods_sub_list_wrap > .menu_goods_sub_list > ul > li { display:table-cell; height:55px; letter-spacing:0; color:#ffffff; text-align:center; line-height:1.2; font-size:15px; border:0px solid blue; box-sizing:border-box; margin:0; cursor:pointer; vertical-align:middle; }
.menu_goods_sub_wrap > .menu_goods_sub_list_wrap > .menu_goods_sub_list > ul > li:hover { background-color:#b6d600; transition:background-color 0.5s ease; color:#333333; }
.menu_goods_sub_wrap > .menu_goods_sub_list_wrap > .menu_goods_sub_list > ul > li.on { background-color:#b6d600; color:#333333; }
.menu_goods_sub_wrap > .menu_goods_sub_list_wrap > .menu_goods_sub_list > ul > li:first-child { display:none; }
.menu_goods_sub_wrap > .menu_goods_list_wrap { width:100%; background-color:rgba(0,0,0,0.8); padding:40px 0; display:none; border:0px solid red;}
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list { width:100%; max-width:1460px; margin:0 auto; display:none; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul { width:100%; border:0px solid blue; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li { float:left; width:20%; text-align:center; border-right:0px solid #ffffff; box-sizing:border-box; cursor:pointer; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li:last-child { border-right:0; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap { width:90%; margin:0 auto; background-color:#ffffff; position:relative; border:0px solid blue; box-sizing:border-box; color:#333333; border-radius:10px; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul { width:100%; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul > li { width:100%; position:relative; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul > li.mgl_img:after { padding-bottom:68.3333%; display:block;content:"";}
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul > li.mgl_img > div { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; margin-top:10px; display: flex; align-items: center; justify-content: center; overflow: hidden;  }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul > li.mgl_img > div > img{ width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul > li.mgl_name { height:50px; text-align:center; margin-top:15px; display: flex; align-items: center; justify-content: center; overflow: hidden; font-weight:600; font-size:18px; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul > li.mgl_info { height:20px; text-align:center; display: flex; align-items: center; justify-content: center; overflow: hidden; padding-bottom:10px; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > ul > li > .mgl_wrap > ul > li.mgl_info > span.mgl_volt { margin-left:30px; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > .mgl_button { width:100%; text-align:center; margin-top:30px; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > .mgl_button > a { display:inline-block; padding:10px 20px; background-color:#b6d600; color:#000000; border-radius:5px; margin-right:10px; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > .mgl_button > a:last-child { margin-right:0px; }
.menu_goods_sub_wrap > .menu_goods_list_wrap > .menu_goods_list > .mgl_button > a:hover { background-color:#b6d600/*757575*/; color:#000000/*ffffff*/; transition:color 0.3s ease; }

#btnNav {display:none; position:absolute; top:72px; 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:#ffffff; 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%;}


/* 서브페이지 가로소메뉴 */
#aside { position:relative; height:auto; background-color:none; width:100%; border-top:0px solid #ffffff; box-sizing:border-box; margin-top:40px; }
.lnb {display:block; overflow:hidden; width:97%; max-width:1460px; margin:auto; }
.lnb h2 {display:none; }
.lnb dl { width:100%; margin:0; text-align:center; }
.lnb dl dd { display:inline-block; height:auto; text-align:center; position:relative; border:0px solid red; margin-right:40px; }
.lnb dl dd:last-child { margin-right:0px; }
.lnb dl dd a { display:inline-block; padding:0 5px; line-height:40px; font-size:19px; color:#333333; font-weight:600; transition:all 0.2s; cursor:pointer; }
.lnb dl dd.on { background:url(../img/lnb_line.png) repeat-x left bottom; }
#ly_lnb_3 { display:none !important; }
#ly_lnb_4 { display:none !important; }
#ly_lnb_5 { display:none !important; }
#ly_lnb_6 { display:none !important; }

#ly_menu_map { position:relative; height:auto; background-color:none; width:100%; max-width:1460px; border-top:0px solid #ffffff; box-sizing:border-box; margin:20px auto 0 auto; text-align:right; }
#ly_menu_map > a { font-size:18px; }
#ly_menu_map > span { display:inline-block; line-height:20px; font-size:20px; color:#aaaaaa; /*font-family:"NanumSquare", sans-serif;*/ vertical-align:bottom; }

#ly_common_title { position:relative; height:auto; background-color:none; width:100%; max-width:1460px; border-top:0px solid blue; box-sizing:border-box; margin:30px auto 0 auto; text-align:center; color:#333333; font-size:28px; word-break:keep-all; }
#ly_common_title:after { clear:both; content:""; display:block; }
#ly_common_title > span { display:inline-block; background:url(../img/lnb_line.png) repeat-x left bottom; font-weight:700; height:45px; padding:10px 10px 0 10px;} 

#title_vline_wap { position:relative; width:100%; text-align:center; height:65px; border:0px solid red; margin-top:30px; }
#title_vline_wap > .title_vline { width:1px; height:100%; background-color:#ae9d94; margin:0 auto; } 

@media ( max-width: 1280px ) {
	#gnb { margin-left:-370px; }
	#gnb_1dul > .gnb_1dli .gnb_1da { padding:0 22px; }
}

@media ( max-width: 1023px ) {
	#gnb { width:auto; z-index:1001; }
	.gnb_wrap { width:100%; position:relative; margin-right:0;}
	#gnb_wrap {position:fixed !important; top:0; right:-270px; width:250px; height:100%; background-color:#353535; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:1001;padding-left:0; overflow-y:auto; overflow-x:hidden; }
	#gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
	#gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px}
	#gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
	#gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
	#gnb_wrap button span.bar1 {top:12px}
	#gnb_wrap button span.bar2 {top:18px}
	#gnb_wrap button span.bar3 {top:24px}
	#gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
	#gnb_wrap button.active span.bar2 {display:none}
	#gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}

	#gnb_1dul {float:none;}

	#gnb_1dul > .gnb_1dli {float:none; width:100% !important; height:auto; text-align:left; padding:0 !important; border:0px solid blue;}
	#gnb_1dul > .gnb_1dli .gnb_1da { position:relative; display:inline-block; width:100%; height:auto; padding:15px 0 15px 20px; font-size:15px; border-bottom:0px solid #eeeeee; text-align:left; letter-spacing:0px; color:#ffffff; border:0px solid red; }
	#gnb_1dul > .gnb_1dli .gnb_1da > br { display:none; }
/*
	#gnb_1dul > .gnb_1dli .gnb_1da > span {padding:0}
	#gnb_1dul > .gnb_1dli .gnb_1da > span:before {display:none}
	#gnb_1dul > .gnb_1dli > ul.gnb_2dul li:before {display:none}

	/*
	#gnb_1dul > li > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#555555; transition:all .3s ease}
	#gnb_1dul > li > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#555555}
	*/
/*
	#gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease}
	#gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
*/
	#gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#666666; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none; border:0; }
	.gnb_2dul > .gnb_2dli {padding:0; text-align:left;}
	.gnb_2dul > .gnb_2dli .gnb_2da { font-size:14px; padding:10px 25px !important; line-height:18px; text-align:left !important; }
	.gnb_2dul > li.none { display:none !important; }

	#gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:1000}
	#btnNav {display:block; }
	/*#btnUser {display:block; }*/

	#gnb .gnb_1dli:hover { background-color:#b6d600; color:#333333; }
	#gnb .gnb_1dli:hover .gnb_1da { color:#ffffff !important; }
	#gnb .gnb_1dli:hover .gnb_1dli_line { display:none; }
	#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on { background-color:#b6d600; }

	#gnb_1dul > .gnb_1dli .gnb_1dli_line { display:none; }

	#m0 { display:none; }
	#m5 > .gnb_2dul { left:auto; width:100%; }
	#m7 { display:block; }
	.menu_goods_sub_wrap { display:none; }

	#aside { margin-top:15px; }
	.lnb dl dd { margin-right:20px;}
	.lnb dl dd a {padding:0; }
	.lnb dl dd.on { background-size:auto 4px; }

	#ly_menu_map { display:none; }

	#ly_common_title { font-size:15px; line-height:1.2; }
	#ly_common_title > span { background-size:auto 4px; height:30px;} 


}

@media ( max-width: 767px ) {
	#gnb {height:0px !important}

	#btnNav { right:10px}
	#btnUser {right:60px}

	/*#aside {display:none;}*/

}

@media ( max-width: 479px ) {
	#aside { margin-top:0px; padding:0; }
	.lnb dl dd a { line-height:30px; font-size:15px;}

	.lnb > ul > li#menuList1 { width:calc(50% - 40px); }
	.lnb > ul > li#menuList2 { width:50%; }
	.lnb > ul > li#menuList3 { width:100%; }
	.lnb > ul > li#menuList3 > a { width:auto; min-width:0; }

}