/* 메인메뉴 */
/* .gnb_1da {font-size: 18px;color: #dcdcdc;text-align: center;}
.gnb_1da:hover {color: #3b78c9;font-weight: 700;}
.gnb_1da {font-size: 18px;color: #dcdcdc;text-align: center;}
.gnb_1da:hover {color: #3b78c9;font-weight: 700;}
.gnb_2dul {display:none;position:absolute;top: 100px;width:100%;height: 325px;padding-top:15px;}
.gnb_2dli{line-height:20px;}
.gnb_2da {display:block;margin:0 auto;font-size:16px;color: #dcdcdc;text-align:center;padding:14px 0;}
.gnb_2da:hover {font-weight:500;color: #3b78c9;}
.gnb_2da:hover:before {content: '';position: absolute;display: block;position: absolute;bottom: 0px;top: auto;left: 50% !important;width: 100%;height: 1px;background: #3b79cb;transition: all .4s;max-width: 100px;transform: translateX(-50%);}
.gnb_2da:hover {font-weight:500;color: #3b78c9;} 
.gnb_2da:hover:before { content: ''; position: absolute; display: block; position: absolute; bottom: 0px; top: auto; left: 50% !important; width: 100%; height: 1px; background: #3b79cb; transition: all .4s; max-width: 100px; transform: translateX(-50%);} */


/*
	포인트 컬러 : #8dcd54
*/

.pc-menu {z-index: 2; position: relative;}
.pc-menu > .top_wapper {/*padding-top: 94px;*//* margin: 140px auto 80px; *//* height: 305px; *//* max-width: 1400px; *//* display: flex; *//* align-items: flex-end; */display: flex;align-items: flex-end;padding: clamp(20px, 4.4vw, 80px) 0;max-width: 1400px;margin: 100px auto 0;}



/* navigation */
#sub-nav {position:relative;width: 100%;background-size: cover;margin: 0 auto;z-index: 1;height: clamp(320px,20vw,500px);background-position: 0 -300px;}
#sub-nav.nav1 {background-image: url('../img/sub/sub1_visual.png'); background-position:center; no-repeat;background-attachment: fixed;height: clamp(200px, 20vw, 400px);background-position: center;}
#sub-nav.nav2 {background-image: url('../img/sub/sub2_visual.png'); background-repeat: no-repeat;background-attachment: fixed;height: clamp(200px, 20vw, 400px);background-position: center;}
#sub-nav.nav3 {background-image: url('../img/sub/sub3_visual.png'); background-repeat: no-repeat;background-attachment: fixed;height: clamp(200px, 20vw, 400px);background-position: center;}
#sub-nav.nav4 {background-image: url('../img/sub/sub4_visual.png'); background-repeat: no-repeat;background-attachment: fixed;height: clamp(200px, 20vw, 400px);background-position: center;}
#sub-nav.nav5 {background-image: url('../img/sub/sub5_visual.png'); background-repeat: no-repeat;background-attachment: fixed;height: clamp(200px, 20vw, 400px);background-position: center;}

@media (max-width: 768px) {
	#sub-nav.nav1 { background-attachment: scroll; }}
  
@media (max-width: 480px) {
	#sub-nav.nav1 {height: 200px;}}

@media (max-width: 768px) {
	#sub-nav.nav2 { background-attachment: scroll; }}
	
@media (max-width: 480px) {
	#sub-nav.nav2 {height: 200px;}}	

@media (max-width: 768px) {
	#sub-nav.nav3 { background-attachment: scroll; }}
	
@media (max-width: 480px) {
#sub-nav.nav3 {height: 200px;}}

@media (max-width: 768px) {
	#sub-nav.nav4 { background-attachment: scroll; }}
	
@media (max-width: 480px) {
#sub-nav.nav4 {height: 200px;}}

@media (max-width: 768px) {
	#sub-nav.nav5 { background-attachment: scroll; }}
	
@media (max-width: 480px) {
#sub-nav.nav5 {height: 200px;}}





#sub-nav .menu-wr{text-align: center;box-shadow: 0 4px 8px -7px #6f6f6f8a;}
#sub-nav .menu-wr ul{justify-content:center;}
#sub-nav .menu-wr ul.eight li  {flex: 0 1 calc(100% / 8 - 50px);}
#sub-nav .menu-wr ul.seven li {flex: 0 1 calc(100% / 7 - 50px);}
#sub-nav .menu-wr ul.four li {flex: 0 1 calc(100% / 4 - 50px);}
#sub-nav .menu-wr ul.five li {flex: 0 1 calc(100% / 5 - 50px);}
#sub-nav .menu-wr li{position:relative;}
#sub-nav .menu-wr li a{position:relative;display:block;width: 100%;padding: 16px 0px;font-size: 22px;color: #bfbfbf;font-weight: 500;transition: all 0.3s;}
#sub-nav .menu-wr li a:hover{color: #003358;font-weight: 900;}
#sub-nav .menu-wr li a.active{color: #003358;font-weight: 900;}
#sub-nav.nav01 .menu-wr li{}
#sub-nav.nav04 .menu-wr{justify-content: center;}
#sub-nav.nav04 .menu-wr li{}

#sub-nav .fix {position: fixed;top: 10px;width: 100%;left: 0;z-index: 100;padding: 0 20px;box-shadow: unset;}
#sub-nav .fix ul{box-shadow:10px 10px 30px #00000014;background-color:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:0 1rem;height:70px;align-items:center;border-radius:60px;gap:5px;max-width: 1400px;margin: 0 auto;}
#sub-nav .menu-wr.fix li a{color:#000;font-size:clamp(14px,2vh,20px);padding: 0;}
#sub-nav .menu-wr.fix li a.active{color:#fff;background:#003358;padding:10px;border-radius:30px}
#sub-nav .menu-wr.fix li a.active:hover{color:#fff;background:#003358;padding:10px;border-radius:30px}
#sub-nav .menu-wr.fix li a:hover{color:#fff;background:#00335885;padding:10px;border-radius:30px}


.visual__wrap{width:100%;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;overflow: hidden;flex: 0 1 calc(40%);}
.visual__wrap .nav-title{font-family: 'GmarketSans';/*position: absolute;*/font-size: clamp(60px, 3vw, 80px);font-weight: bold;letter-spacing: -2px;text-align: left;max-width: 1400px;width: 100%;left: 50%;top: 50%;/*transform: translate(-50%, -50%);*/}
.visual__wrap .nav-sub-title {text-align: left;max-width: 1400px;width: 100%;left: 50%;top: 70%; color: #8dcd54; font-size: clamp(18px,2vw,24px); font-weight: 700; padding-bottom: clamp(25px, 3vw, 40px);}
.visual__wrap .nav-route{position: absolute;left: 30px;top: 40px;color: #fff;font-size: 20px;}
.visual__wrap .nav-route ul{}
.visual__wrap .nav-route ul li{padding: 0 15px;position: relative;font-size: 20px;color: #fff;}
.visual__wrap .nav-route ul li:after{display:block;content: '·';position:absolute;top: 1px;right: -3px;font-size: 20px;font-weight: 700;}
.visual__wrap .nav-route ul li:last-child:after{display:none;}

.nav-route {background: #fff;flex: 0 1 calc(60%);}
.nav-route > ul {max-width:1400px;width:100%;justify-content: flex-end;height: 100%;}  
.nav-route > ul > li:first-child {}
.nav-route > ul > li {position: relative;height: 15px;font-size: clamp(15px,2vw,16px);border-left: 1px solid #d7d8d7;/* margin: 33px 0px 33px auto; */padding: 0 20px;width: 160px;display: inline-flex;align-items: center;justify-content: flex-start;cursor: pointer;height: 20px;}
.nav-route > ul > li:last-child{text-align: left;border-right: none;width: 220px;}
.nav-route > ul > li:last-child::after{content:'';background-image: url('../img/icon_sub_arrow--black.png');width: 14px;height: 14px;position: absolute;top: 50%;right: 0;transform: rotate(0deg )translate(-50%, -50%);background-repeat: no-repeat;filter: brightness(1);background-size: contain;}
.nav-route > ul > li.pnav-1a > .mnav-1a {font-weight: 400;cursor: pointer;text-align: center;color: #000;width: 100%;text-align: left;}
.nav-route > ul > li > .gnb__logo-link {font-weight: 400; color:#000}
.nav-route > ul > li .pnav-ul {position: absolute;left: 0;top: 48px;border: 1px solid #ededed;left: 0;background-color: #fff;z-index: 1;width: 100%;text-align: left;width:100%;border: 1px solid #ededed;border-top: none;}
.nav-route > ul > li .pnav-ul li ul.pnav-1ul li {border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;transition: 0.3s;background: #fff;/* line-height: 60px; */height: 50px;z-index: 99;padding: 0 30px;display: flex;align-items: center; min-width: 150px;}
.nav-route > ul > li .pnav-ul li ul.pnav-1ul li a {width: 100%; line-height: 15px;}
.nav-route > ul > li .pnav-ul li ul.pnav-1ul li:first-child{border-top:1px solid #e3e3e3}
.nav-route > ul > li .pnav-ul li .pnav-1a {display:block;font-size: 18px;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.nav-route > ul > li .pnav-ul li .pnav-1a > span{display: block;content: '';position:absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.nav-route > ul > li .pnav-ul li .pnav-1a .on {transform:rotate(180deg);}
.nav-route > ul > li .pnav-ul li ul.pnav-1ul {line-height: 35px;}

.nav-route > ul > li > .pnav-2ul {position: absolute;left: 0;top: 48px;border: 1px solid #ededed;left: 0;background-color: #fff;z-index: 1;width: 100%;text-align: left;width:100%;border: 1px solid #ededed;border-top: none;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li:first-child{border-top: 1px solid #e3e3e3;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li {border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;transition: 0.3s;background: #fff;/* line-height: 60px; */height: 50px;z-index: 99;padding: 0 30px;display: flex;align-items: center;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li a{width: 100%;}
.nav-route > ul > li .pnav-2ul li .pnav-2a {display:block;font-size: 18px;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.nav-route > ul > li .pnav-2ul li .pnav-2a > span{display: block;content: '';position:absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.nav-route > ul > li .pnav-2ul li .pnav-2a .on {transform:rotate(180deg);}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul {line-height: 35px;}

.sub_header .gnb__line:before{display:none}
.sub_header .gnb__line:after{display:none}



/* mobile navigation */ 
.m-menu{display:none;/* padding-top: 10px; */}
.m-menu .mnav-ul {position: relative;}
.m-menu .mnav-ul li .mnav-1a {display:block;background: #202329;font-size: 18px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.m-menu .mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.m-menu .mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.m-menu .mnav-ul li ul {position:relative;display:none;position:absolute;top: 50px;left: -1px;z-index:10;width: calc(100% + 2px);border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff;}
.m-menu .mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;padding: 3px 0;}
.m-menu .mnav-ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size: 16px;word-break: keep-all;line-height: 25px;}
.m-menu .mnav-ul li ul li a:hover{color: #003358;font-weight:bold;text-decoration:underline;}


@media (max-width:2500px){
	#sub-nav {background-position: 0 -130px;}
}
@media (max-width:1650px){
	#sub-nav .menu-wr li a{padding: 23px 0;}
}
@media screen and (max-width:1520px) {
	.nav-route > ul{padding-right: 20px;}
}

@media (max-width:1440px){
    #sub-nav.nav02 {background-size: auto;}
    
    #sub-nav .nav-route > ul > li{padding: 0 20px !important;}

	.visual__wrap{margin-top: 105px !important;padding: 0 20px;}
	.visual__wrap .nav-title{font-size: 46px;}
	#sub-nav .menu-wr li a{padding: 15px 0;}
	#sub-nav .menu-wr ul.eight li{flex: 0 1 calc(100% / 8 - 10px);}
	#sub-nav .menu-wr ul.seven li{flex: 0 1 calc(100% / 7 - 10px);}
	#sub-nav .menu-wr ul.four li{flex: 0 1 calc(100% / 4 - 10px);}
	#sub-nav .menu-wr ul.five li{flex: 0 1 calc(100% / 5 - 10px);}
}

@media (max-width:1399px){
}
@media (max-width:1300px){
	
	.visual__wrap .nav-title{font-size: 38px;}
}

@media (max-width:1024px){
    /* .visual__wrap{height: 300px;} */
	.visual__wrap .nav-title{font-size: clamp(28px,3.2vw,42px);}
    
	#sub-nav .menu-wr li a{padding: 20px 0;font-size: 20px;}
	#sub-nav .menu-wr li a p:after{right: -8px;}
	
	#sub-nav.nav1_1{height: 315px; background-size: cover; background-position-x: 90%;}
	
	#sub-nav.nav03{}
}

@media (max-width:960px){
	
	#sub-nav {background-position: 0;}
	.footer__sub .footer__content{padding: 20px;}
	#sub-nav .menu-wr li a{}
	#sub-nav .menu-wr li a p.long{font-size: 13px;}
	.pc-menu > .top_wapper {flex-direction: column; margin: 5px auto 0;}
}

@media (max-width:768px){
    .pc-menu{display:none}
    .m-menu{display:block;/*position: absolute;*/width: 100%;bottom: 0;}
	.m-menu .visual__wrap {padding: 20px;}
    
    .visual__wrap .nav-title{text-align: left;left: calc(50% + 20px);top: 70%; padding-bottom: 20px;}
    .visual__wrap .nav-sub-title{text-align: left;left: calc(50% + 20px);top: 80%;}

    .sub_con .prod-fixed2 .prod_list_wrap2 ul li a:after{position: absolute;width: 2px;height: 25px;background: #ababab;content: '';top: 50%;transform: translateY(-50%);left: -10px;height: 1px;width: 10px;}
}

@media (max-width:500px){
	#sub-nav {height: clamp(180px,14vw,300px);background-position: center;}
    .visual__wrap .nav-title{text-align: left;left: calc(50% + 20px);top: 70%;}
    .visual__wrap .nav-sub-title{text-align: left;left: calc(50% + 20px);top: 80%;}
	
}

@media screen and (max-width:500px) {
	
	.sub-nav.nav2 {background-attachment: unset;}
}

#logo_footer {float:left;padding: 0;position:relative;z-index:1;width: clamp(180px,12vw,220px);line-height: normal;display: flex;align-items: center;height: 100%;justify-content:flex-start;margin-left: 0px;}
@media screen and (max-width:768px) {
	
	#logo_footer  {padding:0 0 12px;  width: 95px; }
	
}