.pc_menu {z-index: 2; position: relative;}
.top_wapper {position: relative; height: clamp(300px, 39vw, 696px); }

/* navigation */
#sub__nav {position:relative;width: 100%;background-size: cover;/* border-radius: 25px; *//* max-width: 1770px; */margin: 0 auto;z-index: 1;}
/* #sub__nav.nav1{background: url('../../img/navigation/visual1.jpg') no-repeat center; height: 500px;} */
#sub__nav .menu_wrap{text-align: center;box-shadow: 0 4px 8px -7px #6f6f6f8a;}
#sub__nav .menu_wrap ul{justify-content:center;}
#sub__nav .menu_wrap ul.eight li  {flex: 0 1 calc(100% / 8 - 50px);}
#sub__nav .menu_wrap ul.seven li {flex: 0 1 calc(100% / 7 - 50px);}
#sub__nav .menu_wrap ul.four li {flex: 0 1 calc(100% / 4 - 50px);}
#sub__nav .menu_wrap ul.five li {flex: 0 1 calc(100% / 5 - 50px);}
#sub__nav .menu_wrap li{position:relative;}
#sub__nav .menu_wrap 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_wrap li a:hover{color: #003358;font-weight: 900;}
#sub__nav .menu_wrap li a.active{color: #003358;font-weight: 900;}
#sub__nav.nav01 .menu_wrap li{}
#sub__nav.nav04 .menu_wrap{justify-content: center;}
#sub__nav.nav04 .menu_wrap 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_wrap.fix li a{color:#000;font-size:clamp(14px,2vh,20px);padding: 0;}
#sub__nav .menu_wrap.fix li a.active{color:#fff;background:#003358;padding:10px;border-radius:30px}
#sub__nav .menu_wrap.fix li a.active:hover{color:#fff;background:#003358;padding:10px;border-radius:30px}
#sub__nav .menu_wrap.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;}
.visual__wrap .nav-title {font-family: 'TheJamsil4Medium'; letter-spacing: -2px; text-align: left; color: #fff; position: absolute; left: 15%; bottom: clamp(56px, 2vw, 76px); transform: translate(-28%, -50%);}
.visual__wrap .nav-title > p {font-size: clamp(70px, 4vw, 80px);}
.visual__wrap .nav-sub-title {text-align: left;max-width: 1400px;width: 100%;left: 50%;top: 70%;/*transform: translate(-50%, -70%);position: absolute;*/font-size: clamp(18px,2vw,24px);color:#014099; font-weight: 700; padding-bottom: clamp(25px, 3vw, 40px);}
.visual__wrap .nav_top_wrap{position: absolute;left: 30px;top: 40px;color: #fff;font-size: 20px;}
.visual__wrap .nav_top_wrap ul{}
.visual__wrap .nav_top_wrap ul li{position: relative;font-size: 20px;color: #fff;}
.visual__wrap .nav_top_wrap ul li:after{display:block;content: '';position:absolute;top: 1px;right: -3px;font-size: 20px;font-weight: 700;}
.visual__wrap .nav_top_wrap ul li:last-child:after{display:none;}



/* navigation 배경 커스텀 */
.visual__wrap.nav1{background-image: url('../../img/navigation/visual1.jpg'); height: 100%;}
.visual__wrap.nav2{background-image: url('../../img/navigation/visual2.jpg'); height: 100%;}
.visual__wrap.nav3{background-image: url('../../img/navigation/visual3.jpg'); height: 100%;}
.visual__wrap.nav4{background-image: url('../../img/navigation/visual4.jpg'); height: 100%;}
.visual__wrap.nav5{background-image: url('../../img/navigation/visual5.jpg'); height: 100%;}
.visual__wrap.nav6{background-image: url('../../img/navigation/visual6.jpg'); height: 100%;}
.visual__wrap.nav7{background-image: url('../../img/navigation/visual7.jpg'); height: 100%;}


.pc_menu .nav_top_wrap {top: 50%; transform: translate(-35%, -50%); left: 15%;}

/* pc + mobile용  */
.nav_top_wrap .nav_ul {max-width:1400px;width:100%;}  
.nav_top_wrap .nav_ul > li {position: relative;padding: 0 44px;height: 15px;font-size: 20px;border-right:1px solid #fff;margin: 33px 0px;/*width: 270px;*/display: inline-flex;align-items: center;justify-content: center;cursor: pointer; color: #fff;}
.nav_top_wrap .nav_ul > li:first-child {width: auto;padding: 0 44px 0 0;}
.nav_top_wrap .nav_ul > li:last-child{border-right: none;max-width: 400px;}
.nav_top_wrap .nav_ul > li:last-child::after{content:'';background-image: url('../../img/next_arrow.png');width: 8px;height: 51px;transform: rotate(90deg);background-repeat: no-repeat;filter: brightness(1);background-size: contain; margin: 0 30px;}
.nav_top_wrap .nav_ul > li.pnav_1a > .mnav_1a {font-weight: 400; cursor: pointer; text-align: center; color: #fff;}
.nav_top_wrap .nav_ul > li > .gnb__logo-link {font-weight: 400;}
.nav_top_wrap .nav_ul > li .pnav_ul {position: absolute;left: 0;top: 48px;left: 0;background-color: #fff;z-index: 1;width: 100%;text-align: left;border: 1px solid #ededed;border-top: none;}
.nav_top_wrap .nav_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_top_wrap .nav_ul > li .pnav_ul li ul.pnav-1ul li a {width: 100%; line-height: 15px; font-size: clamp(13px, 4vw, 15px);}
.nav_top_wrap .nav_ul > li .pnav_ul li ul.pnav-1ul li:first-child{border-top:1px solid #e3e3e3}
.nav_top_wrap .nav_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_top_wrap .nav_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_top_wrap .nav_ul > li .pnav_ul li .pnav_1a .on {transform:rotate(180deg);}
.nav_top_wrap .nav_ul > li .pnav_ul li ul.pnav-1ul {line-height: 35px;}

.nav_top_wrap .nav_ul > li > .pnav_2ul {position: absolute;left: 0;top: 48px;left: 0;background-color: #fff;z-index: 1;width: 100%;text-align: left;width:100%;border: 1px solid #ededed;border-top: none;}
.nav_top_wrap .nav_ul > li .pnav_2ul li ul.pnav_2ul li:first-child{border-top: 1px solid #e3e3e3;}
.nav_top_wrap .nav_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_top_wrap .nav_ul > li .pnav_2ul li ul.pnav_2ul li a{width: 100%; font-size: clamp(13px, 4vw, 15px);}
.nav_top_wrap .nav_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_top_wrap .nav_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_top_wrap .nav_ul > li .pnav_2ul li .pnav_2a .on {transform:rotate(180deg);}
.nav_top_wrap .nav_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:1650px){
	/* #sub__nav .visual__wrap{height: 400px;} */
	#sub__nav .menu_wrap li a{padding: 23px 0;}
}

@media (max-width:1440px){
	.pc_menu .nav_top_wrap {transform: translate(-18%, -50%);}

    #sub__nav.nav02 {background-size: auto;}

    #sub__nav .nav_top_wrap > ul > li{padding: 0 20px !important;}

	.visual__wrap .nav-title > p {font-size: 46px;}
	#sub__nav .menu_wrap li a{padding: 15px 0;}
}

@media (max-width:1399px){
	/* .pc_menu > .top_wapper {padding: 100px 20px 80px; gap: 40px;} */
}
@media (max-width:1300px){
}

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

@media (max-width:960px){
	.footer__sub .footer__content{padding: 20px;}
	#sub__nav .menu_wrap li a p.long{font-size: 13px;}
}

@media (max-width:768px){
    .m_menu{display:block;/*position: absolute;*/width: 100%;bottom: 0;}
	.m_menu .visual__wrap {padding: 20px;}

    .m_menu .top_wapper .nav_top_wrap {bottom: 0px; background: #fff; border-radius: 0; transform: none; height: 80px; left: auto; border-bottom: 1px solid #cfcfcf; width: 100%;}
	.m_menu .top_wapper .nav_top_wrap .nav_ul {padding: 0 40px;}
	.m_menu .top_wapper .nav_top_wrap .nav_ul li .nav_1a {color: #000; display: flex; align-items: center;} 
	.m_menu .top_wapper .nav_top_wrap .nav_ul > li {color: #000;}
	.m_menu .top_wapper .nav_top_wrap .nav_ul > li.pnav_1a > .mnav_1a {color: #000;}


    .visual__wrap .nav-title{text-align: left; bottom: 120px;}
    .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:580px){
	.m_menu .top_wapper .nav_top_wrap .nav_ul {padding: 0 20px;}
	.m_menu .top_wapper .nav_top_wrap .nav_ul > .pnav_2a {display: none;}
}
@media (max-width:500px){
	.visual__wrap .nav-sub-title{text-align: left;left: calc(50% + 20px);top: 80%;}
	.site_map > ul {display: none;} /* 언어 */
	.nav_top_wrap .nav_ul > li .pnav_ul {top:81px}
	.nav_top_wrap .nav_ul > li:last-child {max-width: 100%;}
	.m_menu .top_wapper .nav_top_wrap .nav_ul > li {height: 80px; margin: 0; padding: 0 24px;}
	
}

@media (max-width:320px){
	.m_menu .top_wapper .nav_top_wrap .nav_ul > li {padding: 0;}
}