header{width:100%; position:fixed; top:0; left:0; z-index:999999; background:url('/kor/images/b_bg_2025_23.jpg') no-repeat right; background-size:cover;}
header .wrap{width:90%; max-width:1350px; margin:0 auto; height:100px; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
header .logo{width:200px; display:flex; flex-wrap:wrap;}
header .logo img{display:block; max-width:100%;}
.menu_wrap{width:calc(100% - 300px);}

.d_menu {width:100%; text-align: center; display: flex; flex-wrap: wrap;  justify-content: flex-end;}
.d_menu > li {width:calc(100%/7); box-sizing:border-box; display:inline-block; padding: 0 10px; text-align:center; position:relative;}
.d_menu > li > a {font-size:17px; font-weight: 400; color: #fff; text-decoration:none; height:100px; display:flex; flex-wrap:wrap; align-items:center;justify-content: center; text-align:center; }
.d_menu ul { position: absolute; top:101px; left:50%; margin-left: -110px; border-radius:5px; opacity: 0; background:#fff; pointer-events: none; overflow:Hidden; -webkit-transition: 0.5s all 0.1s;-moz-transition:0.5s all 0.1s ;-ms-transition: 0.5s all 0.1s;-o-transition: 0.5s all 0.1s; box-shadow:0 0 15px rgba(0,0,0,.1)}
.d_menu  > li:hover ul {  opacity: 1; pointer-events: auto; margin-left: -85px;} 
.d_menu ul li {position: relative;  text-align:center; min-width:170px;}
.d_menu ul li a {color:#000; display: block; width: 100%; font-size:15px; line-height:1.3; font-weight: 500; position:relative; z-index:1; text-decoration:none; padding:12px 10px; box-sizing:border-box;}
.d_menu ul li:hover {background: rgba(0,0,0,0.05);}
.sidenav{display:none}


.quick{position:fixed; top:45%; right:0; transform:translateY(-50%); z-index:9999;}
.quick li:nth-child(n+2){margin-top:3px;}
.quick img{width:110px; }




@media all and (max-width:1350px) {
	header .logo{width:180px; display:flex; flex-wrap:wrap;}
	.menu_wrap{width:calc(100% - 250px);}

	.d_menu > li > a {font-size:16px; line-height:1.3;}
	.d_menu ul { margin-left: -110px;}
	.d_menu  > li:hover ul {margin-left: -85px;} 
	.d_menu ul li {min-width:150px;}
	.d_menu ul li a {font-size:14px; padding:10px 8px;}
}





@media all and (max-width:1000px) {
	header .wrap{ height:70px; }
	header .logo{width:170px; display:flex; flex-wrap:wrap;}
	.menu_wrap{width:calc(100% - 250px);}
	.d_menu {display:none}

	/*sidenav*/
	.sidenav {display:block; position: relative; z-index:111111111;}
	.side_menu {overflow:hidden;color: #fff; height: calc(100% - 20px);width: 480px; right: -480px; position: fixed; top: 10px;  z-index:99999; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.side_menu .container{overflow:hidden;position:absolute;height:100%;width:100%;overflow-y:auto; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.1); box-shadow: 0 0 40px rgba(0,0,0,0.1);}
	.burger_box {position: fixed; top: 25px; right: 5%; z-index: 111; width: 30px; height: 25px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.menu-icon-container {width: 100%; height: 100%;}
	.burger_box a.menu-icon {display: inline-block; float: none; height: 60px; padding: 0px; opacity: 1; width: 60px; z-index: 100;color:#000;font-size:13px;}
	.burger_box .menu-icon_box {display: inline-block; width: 24px;  height: 22px; }
	.burger_box .menu-icon_line {background: #fff; display: inline-block; height: 2px; position: absolute; left:0px; width: 100%;}
	.burger_box .menu-icon_line--1 {top: 0;}
	.burger_box .menu-icon_line--2 {top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	.burger_box .menu-icon_line--3 {bottom: 0;}
	.burger_box .menu-icon_line--1 {transition: top 200ms 250ms, transform 200ms;-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;}
	.burger_box .menu-icon_line--2 {transition: opacity 0ms 300ms; -webkit-transition: opacity 0ms 300ms;}
	.burger_box .menu-icon_line--3 {transition: bottom 100ms 300ms, transform 200ms; -webkit-transition: bottom 100ms 300ms, -webkit-transform 200ms;}
	.burger_box .menu-icon { cursor:pointer; text-align: center; width: 100%; height: 100%;}
	.burger_box .menu-icon.opened .menu-icon_line {top: 50%; bottom: 50%; background: #fff;}
	.burger_box .menu-icon.opened .menu-icon_line--1 {transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms;}
	.burger_box .menu-icon.opened .menu-icon_line--2 {opacity: 0; transition: opacity 200ms; -webkit-transition: opacity 200ms;}
	.burger_box .menu-icon.opened .menu-icon_line--3 {transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transition: bottom 200ms, transform 200ms 250ms; -webkit-transition: bottom 200ms, -webkit-transform 200ms 250ms;}
	.sideOpen:before {content:''; position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.4); width:100%; height: 100vh; z-index:999; backdrop-filter: blur(2px);}
	.sidenav.sideOpen .side_menu {right: 10px;}
	.sidenav.sideOpen .burger_box {right: 50px; top: 38px;}
	.side_menu:after {content:''; border-radius:10px; position: absolute;background: rgba(0,0,0,.9); top:0; right: 0; bottom: 0; left: 0;will-change: background-color;  -webkit-backdrop-filter: blur(5px);    backdrop-filter: blur(5px); z-index:-1}


	.m-menu-wrap {height:calc(100% - 180px); position: relative; padding-top: 100px;}
	.m-menu-wrap:before {content:''; position: absolute; bottom: -17px; left: 0; right: 0; height: 45px; z-index:11; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}

	.sd_menu {position: relative;width:100%; margin: 0; height: 100%;padding: 0 50px; overflow-y:auto; box-sizing: border-box;}
	.sd_menu >  ul{width: 100%;}
	.sd_menu > ul > li a, .sd_menu > ul > li span {font-weight:600; display:block; cursor:pointer;}
	.sd_menu > ul > li span {color: #fff; font-size:22px; width: 100%; margin-bottom:5px}
	.sd_smenu {margin-bottom: 20px; width: 100%; display: flex; flex-wrap: wrap;}
	.sd_smenu li a {font-weight: 400 !important; color: rgba(255, 255, 255, .8); font-size:18px; text-decoration:none; box-sizing:border-box; }
	.sd_smenu li { position: relative; margin-right:15px;}
	.sd_menu > ul > li {position:relative;text-align: left;margin-bottom: 14px;display: flex; flex-wrap:wrap}
	.sd_menu ul ul li a:hover {color:#fff}

	/* 모바일메뉴 스크롤 안보이게 처리 */
	.sd_menu::-webkit-scrollbar {display: none;}
	.sd_menu {-ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}


	.quick img{width:100px; }
}







@media all and (max-width:600px) {
	header .wrap{ height:70px; }
	header .logo{width:160px;}
	.menu_wrap{width:calc(100% - 220px);}



/*sidenav*/
.side_menu {width: calc(100% - 20px); right: -100%; }
.burger_box {width: 28px; height: 22px}
.sidenav.sideOpen .burger_box {right: 40px; top: 45px;}

.m-menu-wrap {height:calc(100% - 180px); padding-top: 80px;}
.m-menu-wrap:before { bottom: -17px;height: 45px; }

.sd_menu {padding: 0 50px; }
.sd_menu > ul > li span {font-size:20px;}
.sd_smenu {margin-bottom: 16px; }
.sd_smenu li a {font-size:16px; padding:3px 0; box-sizing:border-box;}

.sd_menu > ul > li {position:relative;text-align: left;margin-bottom: 14px;display: flex; flex-wrap:wrap}


.quick{top:initial;transform:initial; bottom:10%}
		.quick img{width:75px; }
}