/* belt banner | height:144px */
.belt-banner{border-bottom: 1px solid #ddd; position: fixed; width: 100%; z-index: 99999;}

/*white header | height:72px */
#header{height:72px;}
.white-header{width:100%; height:72px; background:#fff; position: fixed; top:0; left:0; z-index: 9999; border-bottom: 1px solid #ddd; transition: transform 0.3s;}
/* body:has(.belt-banner) .white-header{top:144px;} */
body:has(.white-header) #container{padding-top:71px !important} /* 260513 수정*/
/* body:has(.belt-banner) #container{padding-top:215px !important} */
.sticky-nav{transition: transform 0.3s;}
.sticky-nav.nav-fixed{background:#fff;}
body:has(.white-header.nav-up) .sticky-nav.nav-fixed{transform:translateY(0px)}
body:has(.white-header.nav-down) .sticky-nav.nav-fixed{transform:translateY(72px)}
body:has(.top1menu.open) .white-header{transform: none;}

.white-header.nav-up{transform: translateY(-72px);}
.white-header.nav-down{transform: translateY(0px);}
.white-header .inner{width:100%; max-width: 1264px; height:100%; padding:0 32px; margin:0 auto; position: relative; display:flex; align-items: center; box-sizing:border-box;}
.white-header .right{display:flex; align-items: center; flex:none; margin-left:auto;}
.white-header img{width:auto;}
.white-header .new-logo{height:24px;}
.white-header .new-logo img{height: 100%; width: auto; margin-top: -4px; vertical-align:top;}
.white-header .mypage-btn{display:none; width:40px; height:40px; align-items: center; justify-content: center;}
.white-header .search{width:200px; height:38px; background:#f2f2f2; border-radius: 9999px; display:flex; align-items: center; cursor: pointer; flex:none; margin-left:auto; margin-right: 26px;}
/* 로그인 후 영역이 줄어드는 언어/ 독일어  241113 LSJ */
[lang='de-DE'] .white-header.on-login .search {width: 150px;}
.white-header .search *{pointer-events: none;}
.white-header .search .hot-slide{width:100%; min-width: 0; height:40px; flex:1; padding-left:22px; font-size:15px; color:#000;}
.white-header .search .hot-slide .swiper-wrapper{min-width: 0;}
.white-header .search .hot-slide .swiper-container{height:40px;}
.white-header .search .hot-slide .swiper-wrapper{height:40px;}
.white-header .search .hot-slide .swiper-slide{width:100%; height: 40px !important; display:block; line-height:38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.white-header .search .search-icon{width:40px; height:40px; display:flex; align-items: center; justify-content: center; margin-right:4px;}
.white-header .search .search-icon img{width:18px; height:18px;}
.white-header .sitemap-btn{width:40px; height:40px; display:flex; align-items: center; justify-content:center; margin:0 -12px 0 6px;}
.white-header .mobile-menu-btn{width:40px; height:40px; display:none; align-items: center; justify-content:center; margin:0 -12px 0 0;}
.white-header .mobile-menu-btn .close{display:none;}
.white-header .mobile-menu-btn.on .open{display:none;}
.white-header .mobile-menu-btn.on .close{display:block;}
.white-header .header-bottom{display:flex; height: 60px; align-items: center;}
.white-header .top1menu{display:flex; align-items: center; gap:30px; height: 100%;}
[lang='vi-VN'] .white-header .top1menu{display:flex; align-items: center; gap:25px; height: 100%;}
.white-header .top1menu:after{display:none;}
.white-header .global-nav{height:100%; margin-left:38px;}
.white-header .top1menu .depth1_tit{position: relative; display:inline-block;}
.white-header .top1menu .depth1_tit span{font-weight: 700; font-size:16px; letter-spacing: -0.03em; color:#111; position: relative; z-index: 1; text-transform: lowercase;}
.white-header .top1menu .depth1_tit:first-letter{text-transform: uppercase;}
.white-header .top1menu .depth1_tit:has(.active):before{content:""; display:block; width:calc(100% + 20px); height:25px; background: rgb(237,109,1); background: linear-gradient(333deg, rgba(237,109,1,1) 0%, rgba(255,100,51,1) 100%); border-radius: 9999px; position: absolute; left:50%; top:calc(50% + 1px); transform: translate(-50%, -50%); box-shadow: 0 8px 14px rgba(0,0,0,0.06);}
.white-header .top1menu .depth1_tit:has(.active) span.active{color:#fff;}
.white-header .utill-nav{display:flex; align-items: center; margin-right: 10px;}
.white-header .utill-nav li{position: relative; margin-right: 20px; padding-right:20px;}
.white-header .utill-nav li:after{content:""; display:block; width:1px; height:12px;  background:#ddd; position: absolute; right:0; top:calc(50% + 0.5px); transform: translateY(-50%);}
.white-header .utill-nav li:last-child{padding:0; margin:0;}
.white-header .utill-nav li:last-child:after{display:none;}
.white-header .utill-nav-btn{color:#111; font-weight: bold; font-size:15px; display:flex; align-items: center; gap:7px; position: relative;}
.white-header .utill-nav-btn:hover{text-decoration: underline;}
.white-header .utill-nav-btn.emp{color:#FE5E01;}
.white-header .language{padding-right: 18px; background:none; cursor:pointer}
.white-header .language.mobile{display:none;}
.white-header .language img{margin-top:-0.5px;}
.white-header .language:after{content:""; display:block; border-style: solid; border-width:5px 3px 0 3px; border-color:#111 transparent transparent transparent; position:absolute; right:0; top:9px;}
/* legacy : S */
.white-header .top2m {display: none; position: absolute; top: 71px; left: 0; width: 100vw; z-index: 40; -ms-overflow-style: none; scrollbar-width: none; background:#fff; left:50%; transform:translateX(-50%); border-top:1px solid #ddd;}
.white-header .top2m::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.white-header .top2m .depth2_wrap {max-width:1200px; margin:0 auto; position:relative; padding:40px 0 40px;}
.white-header .top2m .depth2_wrap:after {content:""; display:block; clear:both;}
.white-header .top2m .tit_area {width:180px; float:left; margin:0 40px 0 0px;}
.white-header .top2m .tit_area .tit {font-size:26px; color:#333; margin-bottom:20px; letter-spacing:-0.03em; line-height:1;}
.white-header .top2m .tit_area .stxt {display:block; margin-bottom:30px; line-height:1.3;font-size:14px;}
.white-header .top2m .tit_area .imgbox {position:relative; padding-bottom:25px;}
.white-header .top2m .tit_area .imgbox .img {width:175px; height:200px; }
.white-header .top2m .tit_area .imgbox .img.ty01 {background:url('/web/main_renewal/img/main/tit_area_img01.webp') no-repeat;}
.white-header .top2m .tit_area .imgbox .img.ty02 {background:url('/web/main_renewal/img/main/tit_area_img02.webp') no-repeat;}
.white-header .top2m .tit_area .imgbox .img.ty03 {background:url('/web/main_renewal/img/main/tit_area_img03.webp') no-repeat;}
.white-header .top2m .tit_area .imgbox .img.ty04 {background:url('/web/main_renewal/img/main/tit_area_img04.webp') no-repeat;}
.white-header .top2m .tit_area .imgbox a.go-depth-btn {position:absolute; top:-112px; right:0; width:25px; height:25px; background:#fff; border: 1px solid #eaeaea; box-sizing: border-box; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; text-align: center; line-height: 22px;}
.white-header .top2m .tit_area .imgbox a.go-depth-btn .renew-sprite {width: 6px; height: 9px; background-position: -10px -714px; display:inline-block; vertical-align:unset;}
.white-header .top2m .tit_area .imgbox a.go-depth-btn:hover {background: #fe5e01; border:1px solid #fe5e01;}
.white-header .top2m .tit_area .imgbox a.go-depth-btn:hover .renew-sprite {width: 6px; height: 9px; background-position: -36px -714px; display:inline-block;}
.white-header .top2m .depth2 {float:left; width:calc(100% - 500px); position:relative;}
.white-header .top2m .depth2 .depth2_tit {display:block; width:calc(45% - 15px); padding:8px 50px 8px 30px; background:#f4f4f4; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing:border-box; position:relative;}
.white-header .top2m .depth2 .depth2_tit span {font-size:14px;}
.white-header .top2m .depth2 li:first-child .depth2_tit {border-top:1px solid #eaeaea; border-radius:3px 3px 0 0px;}
.white-header .top2m .depth2 li:last-child .depth2_tit {border-bottom:1px solid #eaeaea; border-radius:0px 0px 3px 3px;}
.white-header .top2m .depth3 {display:none; width:100%; position:absolute; top:0px; right:0px; padding-left:30px; box-sizing:border-box;}
.white-header .top2m .depth3.origin{display:none}
.white-header .top2m .depth3 .depth3_tit {display:block; padding:13px 30px; border-bottom:1px solid #eaeaea; box-sizing:content-box;}
.white-header .top2m .depth3 li {position:relative;}
.white-header .top2m .depth3.depth3-column{width:50%;}
.white-header .top2m .depth3.depth3-column.second-column{width:50%; left:90%;}
.white-header .top2m .depth3.column{display:flex; width:calc(100% - 15px); left:43%;  flex-wrap:wrap; align-items:stretch;}
.white-header .top2m .depth3.column li{width:50%;}
.white-header .top1menu li .top2m .depth3 {display:none; width:calc(52% - 15px); position:absolute; top:0px; left:calc(45% - 15px); padding-left:30px;}
.white-header .top1menu li .top2m .depth3 .depth3_tit{word-break:break-all; line-height:1.5;font-size:14px;}
.gnb_bg {display:none; position:absolute; top:72px; left:0; width:100%; min-height:460px; /* transition:height 0.3s; */ background:#fff; z-index:2; box-sizing:content-box; display:none !important;}
.gnb_bg_bk {display:none; position:fixed; top:72px; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.6); z-index:1;}

.mobile-gnb{display:none; position: fixed; top:70px; left:0; width: 100%; z-index: 6;}
.mobile-gnb{height:calc(100vh - 70px); overflow: auto; background:#fff; padding-bottom:40px}
.mobile-gnb .mobile-top{height:60px; padding:0 20px; display:flex; align-items: center; background:#525050; box-sizing: border-box; gap:12px;}
.mobile-gnb .mobile-top .login{display: flex; align-items: center; gap:8px; margin:0; padding:0; border:none;}
.mobile-gnb .mobile-top .login img{width:14px;}
.mobile-gnb .mobile-top a + a{padding-left:12px;position:relative;}
.mobile-gnb .mobile-top a + a:before{content:""; display:block; width:1px; height:10px; background:#fff; position:absolute; left:0; top:11px; opacity:0.2}
.mobile-gnb .mobile-tab {display:block;}
.mobile-gnb .mobile-tab:after {content:""; display:block; clear:both;}
.mobile-gnb .mobile-tab a {float:left; width:50%; height:40px; line-height:40px; background:#f4f4f4; text-align:center;}
.mobile-gnb .mobile-tab a span {padding:0 10%; line-height:40px;}
.mobile-gnb .mobile-tab a.act {background:#fe5e01; color:#fff;}
.mobile-gnb .mobile-mn-mypage {display:block;}
.mobile-gnb .gnb-right-box{padding:20px 20px 40px;}
.mobile-gnb .top1menu {padding:0;}
.mobile-gnb .top1menu li.depth1 {float:none; margin-left:0; padding-bottom:0; border-bottom:1px solid #eaeaea;}
.mobile-gnb .top1menu li.depth1 > a {display:block; padding:15px 5%; position:relative;}
.mobile-gnb .top1menu li.depth1 > a:before {content:''; width:1px; height:15px; background:#666; position:absolute; right:37px; top:50%; transform:translateY(-50%); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.mobile-gnb .top1menu li.depth1 > a:after {content:''; width:15px; height:1px; background:#666; position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}		
.mobile-gnb .top1menu li.depth1 > a > span {color:#333333; font-size:13px; text-transform: uppercase; font-weight: 700;}
.mobile-gnb .top1menu li.depth1 > a.act:before {height:0;}
.mobile-gnb .top1menu li.depth1 > a:hover span, .mobile-gnb .top1menu li.depth1 > a.act > span {color:#fe5e01;}
.mobile-gnb .top1menu li.depth1 > a.no-hover:after,
.mobile-gnb .top1menu li.depth1 > a.no-hover:before{display:none;}
.mobile-gnb .top1menu li .top2m {display: none; position: absolute; top: 80px; left: 0; width: 100vw; z-index: 40; -ms-overflow-style: none; scrollbar-width: none; background:#fff; left:50%; transform:translateX(-50%);}
.mobile-gnb .top1menu li .top2m::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.mobile-gnb .top1menu li .top2m .depth2_wrap {max-width:1200px; margin:0 auto; position:relative; padding:40px 0 40px;}
.mobile-gnb .top1menu li .top2m .depth2_wrap:after {content:""; display:block; clear:both;}
.mobile-gnb .top1menu li .top2m .tit_area {width:180px; float:left; margin:0 40px 0 0px;}
.mobile-gnb .top1menu li .top2m .tit_area .tit {font-size:26px; color:#333; margin-bottom:20px; letter-spacing:-0.03em; line-height:1;}
.mobile-gnb .top1menu li .top2m .tit_area .stxt {display:block; margin-bottom:30px; line-height:1.3;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox {position:relative; padding-bottom:25px;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox .img {width:175px; height:200px; }
.mobile-gnb .top1menu li .top2m .tit_area .imgbox .img.ty01 {background:url('/web/main_renewal/img/main/tit_area_img.webp') no-repeat;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox .img.ty02 {background:url('/web/main_renewal/img/main/tit_area_img02.webp') no-repeat;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox .img.ty03 {background:url('/web/main_renewal/img/main/tit_area_img03.webp') no-repeat;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox .img.ty04 {background:url('/web/main_renewal/img/main/tit_area_img04.webp') no-repeat;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox a.go-depth-btn {position:absolute; top:-112px; right:0; width:25px; height:25px; background:#fff; border: 1px solid #eaeaea; box-sizing: border-box; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; text-align: center; line-height: 22px;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox a.go-depth-btn .renew-sprite {width: 6px; height: 9px; background-position: -10px -714px; display:inline-block; vertical-align:unset;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox a.go-depth-btn:hover {background: #fe5e01; border:1px solid #fe5e01;}
.mobile-gnb .top1menu li .top2m .tit_area .imgbox a.go-depth-btn:hover .renew-sprite {width: 6px; height: 9px; background-position: -36px -714px; display:inline-block;}
.mobile-gnb .top1menu li .top2m .depth2 {float:left; width:calc(100% - 500px); position:relative;}
.mobile-gnb .top1menu li .top2m .depth2 .depth2_tit {display:block; width:calc(45% - 15px); padding:8px 50px 8px 30px; background:#f4f4f4; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing:border-box; position:relative;}
.mobile-gnb .top1menu li .top2m .depth2 li:first-child .depth2_tit {border-top:1px solid #eaeaea; border-radius:3px 3px 0 0px;}
.mobile-gnb .top1menu li .top2m .depth2 li:last-child .depth2_tit {border-bottom:1px solid #eaeaea; border-radius:0px 0px 3px 3px;}
.mobile-gnb .top1menu li .top2m .depth3 {display:none; width:100%; position:absolute; top:0px; right:0px; padding-left:30px; box-sizing:border-box;}
.mobile-gnb .top1menu li .top2m .depth3.origin{display:none}
.mobile-gnb .top1menu li .top2m .depth3 .depth3_tit {display:block; padding:13px 30px; border-bottom:1px solid #eaeaea; box-sizing:content-box;}
.mobile-gnb .top1menu li .top2m .depth3 li {position:relative;}
.mobile-gnb .top1menu li .top2m .depth3.depth3-column{width:50%;}
.mobile-gnb .top1menu li .top2m .depth3.depth3-column.second-column{width:50%; left:90%;}
.mobile-gnb .top1menu li .top2m .depth3.column{display:flex; width:calc(100% - 15px); left:43%;  flex-wrap:wrap; align-items:stretch;}
.mobile-gnb .top1menu li .top2m .depth3.column li{width:50%; }
.mobile-gnb .top1menu li .top2m {position:static; overflow:visible; max-height:none; width:100%; left: 0; transform: none;}
.mobile-gnb .top1menu li .top2m::before {display:none;}
.mobile-gnb .top1menu li .top2m .tit_area {display:none;}
.mobile-gnb .top1menu li .top2m .depth2_wrap {padding:0;}
.mobile-gnb .top1menu li .top2m .depth2 {width:100%; float:none; min-height:0 !important;}
.mobile-gnb .top1menu li .top2m .depth2 .depth2_tit {width:100%; padding:13px 5%; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.mobile-gnb .top1menu li .top2m .depth2 .depth2_tit:hover, .mobile-gnb .top1menu li .top2m .depth2 .depth2_tit.act {background:#525050; color:#fff;}
.mobile-gnb .top1menu li .top2m .depth2 li:last-child .depth2_tit {border-bottom:none;}
.mobile-gnb .top1menu li .top2m .depth3 {position:static; width:auto; padding:20px 10px 20px 30px;}
.mobile-gnb .top1menu li .top2m .depth3 li {padding-left:10px; margin-bottom:15px; width:100% !important;}
.mobile-gnb .top1menu li .top2m .depth3 li:last-child {margin-bottom:0px;}
.mobile-gnb .top1menu li .top2m .depth3 li:before {content:"-"; position:absolute; top:0; left:0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.mobile-gnb .top1menu li .top2m .depth3 .depth3_tit {padding:0; border-bottom:none; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.mobile-gnb .top1menu li .top2m .depth3 .depth3_tit:hover {color:#fe5e01;}
.mobile-gnb .top1menu li .top2m .depth3.depth3-column.first-column{padding-bottom:0px;}
.mobile-gnb .top1menu li .top2m .depth3.depth3-column.second-column{padding-top: 15px;}
.mobile-gnb .top1menu li .top2m .depth3.depth3-column{display:none;}
.mobile-gnb .top1menu li .top2m .depth3.depth3-column.second-column{display:none;}
.mobile-gnb .top1menu li.depth1 > a.single:before, .mobile-gnb .top1menu li.depth1 > a.single:after{display: none;}

.all-menu .all-menu-depth1-box li a span{text-transform:uppercase}

.total-search-bgBox, .all-menu-container, .select-language-container{z-index: 999999;}

@media screen and (min-width:1199px){
	/* hover */
	.white-header .top1menu li .top2m .depth2 .depth2_tit:hover,
	.white-header .top1menu li .top2m .depth2 .depth2_tit:focus,
	.white-header .top1menu li .top2m .depth2 .depth2_tit.over {background:#fff; border-right:none;}
	.white-header .top1menu li .top2m .depth2 .depth2_tit:hover .renew-sprite,	.white-header .top1menu li .top2m .depth2 .depth2_tit:focus .renew-sprite,	.white-header .top1menu li .top2m .depth2 .depth2_tit.over .renew-sprite { width: 8px; height: 12px; background-position: -576px -222px; display: inline-block; position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
	.white-header .top1menu li .top2m .depth2 .depth2_tit:hover span,
	.white-header .top1menu li .top2m .depth2 .depth2_tit:focus span,
	.white-header .top1menu li .top2m .depth2 .depth2_tit.over span {color:#fe5e01}
	.white-header .top1menu li .top2m .depth3 .depth3_tit:hover,
	.white-header .top1menu li .top2m .depth3 .depth3_tit:focus {color:#fe5e01}
	.white-header .top1menu li .top2m .depth3 .depth3_tit:hover .renew-sprite,	.white-header .top1menu li .top2m .depth3 .depth3_tit:focus .renew-sprite {width: 10px; height: 12px; background-position: -288px -95px; background-size: 392px; position: absolute; top: 55%; left: 12px; transform: translateY(-50%);}

	.white-header .top1menu .depth1_tit.no-hover:hover:before{content:""; display:block; width:calc(100% + 20px); height:25px; background: rgb(237,109,1); background: linear-gradient(333deg, rgba(237,109,1,1) 0%, rgba(255,100,51,1) 100%); border-radius: 9999px; position: absolute; left:50%; top:calc(50% + 1px); transform: translate(-50%, -50%); box-shadow: 0 8px 14px rgba(0,0,0,0.06);}
	.white-header .top1menu .depth1_tit.no-hover:hover span{color:#fff;}
}

@media screen and (max-width:1200px){
	body:has(.white-header) #container{padding-top:69px !important}
	/* body:has(.belt-banner) #container{padding-top:213px !important} */
	.sticky-nav{transition: transform 0.3s;}
	.sticky-nav.nav-fixed{background:#fff;}
	body:has(.white-header.nav-up) .sticky-nav.nav-fixed{transform:translateY(0px)}
	body:has(.white-header.nav-down) .sticky-nav.nav-fixed{transform:translateY(69px)}
	.white-header.nav-up.open,
	.white-header.nav-down.open,
	body:has(.white-header.nav-up.open) .sticky-nav.nav-fixed,
	body:has(.white-header.nav-down.open) .sticky-nav.nav-fixed{transform:none}
	#header{height:70px;}
	.white-header {height:70px; align-items: center; display:flex; }
	.white-header .language.mobile{display:flex; margin-left: 20px;}
	.white-header .mypage-btn{display:flex; margin-left:auto;}
	.white-header .search, .white-header .search .search-icon, .white-header .sitemap-btn, .white-header .mobile-menu-btn, .white-header .header-top .mypage-btn{width:36px; height:36px;}
	.white-header .global-nav, 
	.white-header .utill-nav, 
	.white-header .sitemap-btn{display:none;}
	.white-header .new-logo{height: 24px;}
	.white-header .new-logo img{margin-top:-3px}
	.white-header .mobile-menu-btn{display:flex;}
	.white-header .search{background:none; margin:0;}
	.white-header .search .search-icon{margin:0;}
	.white-header .search .search-icon img{width:18px;}
	.white-header .search .hot-slide{display:none;}
	body:has(.white-header.open) .mobile-gnb{display: block;}
	body:has(.white-header.open) .mobile-menu-btn .open{display:none}
	body:has(.white-header.open) .mobile-menu-btn .close{display:block}
	html:has(.white-header.open){overflow:hidden;}
	body:has(.white-header.open){overflow:hidden;}

	.m-gnb .top1menu li .top2m .depth3.column{display:none;}
	.m-gnb .top1menu li .top2m .depth3 li {padding-left:10px; margin-bottom:15px; width:100% !important;}
	.m-gnb .top1menu li .top2m .depth3.depth3-column{display:none !important}
	.m-gnb .top1menu li .top2m .depth3 .depth3_tit{height:auto !important;}
}

@media screen and (max-width:768px){	
	.white-header .inner{padding:0 20px}
	.white-header .new-logo{height:22px;}
	.white-header .new-logo img{margin-top:-2px;}
	.white-header .language.mobile{margin-left:16px}
}
@media screen and (max-width:500px){	
	.white-header .inner{padding:0 14px}
	.white-header .new-logo{height:16px;}
	.white-header .new-logo img{margin-top:-2px}
	.white-header .language.mobile{margin-left:12px; font-size:12px;}
	.white-header .language.mobile:after{right:4px; top:7px;}
}

/* company만 투명하게 */
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header{background:transparent; border-bottom: 1px solid rgba(255,255,255,0.4);}
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .search{background:transparent; border:1px solid rgba(255,255,255,0.4);}
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .search img,
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .sitemap-btn img,
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .utill-nav img{filter:brightness(0) invert(1)}
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .search .hot-slide .swiper-slide,
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .top1menu .depth1_tit span, 
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .utill-nav a,
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .language{color:#fff;}
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .language:after{border-top-color: #fff;}
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) #container:before{content:""; display:block; width:100%; height:200px; position:absolute; left:0; top:0;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);z-index: 100;}
@media screen and (max-width:1200px){
	body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .search{border:none;}
	body:has(.transparent-header):not(:has(.white-header.open)) .white-header .mypage-btn img,
	body:has(.transparent-header):not(:has(.white-header.open)) .white-header .mobile-menu-btn img{filter:brightness(0) invert(1)}
}

/* crumbs 변경 */
.crumbs{font-family: 'Pretendard Variable', sans-serif;}
.crumbs .inner{ max-width: 1264px; height:100%; padding:0 32px; display:flex; justify-content: flex-end; }
.breadcrumbs{display:flex; align-items: center; }
.breadcrumbs > li > a{padding:0 20px; letter-spacing: -0.05em; display:block; height: 100%;}
.breadcrumbs > li > a > span{padding-right:18px; color:#111; font-weight: bold; font-size:15px; pointer-events: none; text-transform:lowercase}
.breadcrumbs > li > a > span::first-letter{text-transform: uppercase;}
.breadcrumbs > li:last-child > a > span::first-letter { text-transform: none; } /* 25.06.05 추가 LSJ */
.breadcrumbs > li:not(.home):not(.current) > a > span:after{width:0; height:0; background:none; border-style: solid; border-width: 5px 3px 0 3px; border-color: #111 transparent transparent transparent; top:50% ; right:0; border-radius: 0; margin-top:-3px;}
.breadcrumbs > li.home > a{margin:-1px 0 0 0; padding:0 18px}
.breadcrumbs > li.home > a:after{background: url('/main_renewal/img/header/icon-home.svg') no-repeat center / 14px auto;}
.breadcrumbs .drop-menu{min-width: calc(100% + 2px); right:-1px; padding:6px 0}
.breadcrumbs .drop-menu a{padding:8px 14px; font-size:13px;}

#sec01{height:calc(100vh - 72px);}
.white-header .search .hot-slide .swiper-slide{text-transform:uppercase}
.total-search-bt .search-word .search-word-list li a.search-word-list-btn{text-transform:uppercase}


/* 한국어 */
[lang='ko-KR'] .white-header .top1menu .depth1_tit span{font-family: 'Lato', sans-serif !important;}

/* 영어 */
[lang='en-GLB'] .white-header .top1menu .depth1_tit span, [lang='en-US'] .white-header .top1menu .depth1_tit span, [lang='en-IN'] .white-header .top1menu .depth1_tit span, 
[lang='en-MY'] .white-header .top1menu .depth1_tit span, [lang='en-SG'] .white-header .top1menu .depth1_tit span {font-family: 'Lato', sans-serif !important;}
[lang='en-GLB'] .white-header .search *, [lang='en-US'] .white-header .search *, [lang='en-IN'] .white-header .search *, [lang='en-MY'] .white-header .search *, [lang='en-SG'] .white-header .search *,
[lang='en-GLB'] .white-header .utill-nav *, [lang='en-US'] .white-header .utill-nav *, [lang='en-IN'] .white-header .utill-nav *, [lang='en-MY'] .white-header .utill-nav *, [lang='en-SG'] .white-header .utill-nav *,
[lang='en-GLB'] .breadcrumbs *, [lang='en-US'] .breadcrumbs *, [lang='en-IN'] .breadcrumbs *, [lang='en-MY'] .breadcrumbs *, [lang='en-SG'] .breadcrumbs * {font-family: 'Lato', sans-serif !important;}

/* 240108 수정 */
.breadcrumbs > li > a > span{font-weight:normal}
.breadcrumbs > li:not(:nth-child(2)) > a > span{text-transform:none;}
.breadcrumbs > li:not(.home):not(.current) > a > span:after{margin-top:-2px}
#header .career-navi{margin-left:30px;}
#header .career-navi li{position:relative;}
#header .career-navi li span{font-family: 'Lato', sans-serif !important; font-weight: 700; font-size: 16px; letter-spacing: -0.03em; color: #111; position: relative; z-index: 1;}
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) #header .career-navi li span{color:#fff}
@media screen and (min-width:1199px){
	#header .career-navi li a:hover:before{content:""; display:block; width:calc(100% + 20px); height:25px; background: rgb(237,109,1); background: linear-gradient(333deg, rgba(237,109,1,1) 0%, rgba(255,100,51,1) 100%); border-radius: 9999px; position: absolute; left:50%; top:calc(50% + 1px); transform: translate(-50%, -50%); box-shadow: 0 8px 14px rgba(0,0,0,0.06);}
	#header .career-navi li a:hover span{color:#fff;}
}

@media screen and (max-width:1200px){
	.career-navi{display:none;}
}

/* 24.02.13 중국 소스 일치화 SJL */
/* 중국용 추가css */
.weChat {text-indent: -9999px; display: flex; width: 22px; height: 22px; margin: 0; background: url('/web/images/common/icon24_appwx_logo.webp') no-repeat center center;}
.layerpop-wrap .pop-container.weChat-pop{margin:92px auto;}

/* 24.03.13 브레드크럼 개선건 */
.breadcrumbs .drop-menu{max-height:444.5px; overflow:hidden !important;}


/* 25.09.30 메인리뉴얼 보정값 */
/* 보정 */
.gnb_bg_bk{z-index:100}
#wrapper{position:relative;}

/* header 추가*/
.white-header .right{gap:6px; position:relative;}
.white-header .util-btn{width:36px; height:36px;}
.white-header .util-btn > a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; transition:background 0.3s; border-radius:8px;}
.white-header .my-btn{position:relative;}
.white-header .my-btn:after{content:""; display:block; width:16px; height:16px; background:#FE5E01 url(../img/header_25/icon-more.svg) no-repeat center center; border-radius:50%; position:absolute; right:0; bottom:0; box-shadow:0 3px 10px rgba(0,0,0,0.1); transform:rotate(180deg); transition:transform 0.3s;}
.white-header .my-btn.active:after{transform:rotate(0deg)}
[data-theme="light"] .white-header .theme-light{display:none;}
[data-theme="light"] .white-header .theme-dark{display:block;}
[data-theme="dark"] .white-header .theme-light{display:block;}
[data-theme="dark"] .white-header .theme-dark{display:none;}
[data-theme="dark"] .white-header .mobile-menu-btn img{filter:invert(1);}

.my-popover{position:absolute; top:67px; right:0; width:240px; background:#fff; border-radius:16px; box-shadow:0 15px 30px rgba(0,0,0,0.07); z-index:100; visibility:hidden; opacity:0; transform:translateY(-10px); transition:visibility 0.3s, opacity 0.3s, transform 0.3s;}
.white-header .my-btn.active ~ .my-popover{visibility:visible; opacity:1; transform:translateY(0);}
.my-popover .popover-top{padding:32px 30px; border-bottom:1px solid #eee;}
.my-popover .user-title{font-size:20px; font-weight:500; line-height:1.4; letter-spacing: -0.05em; color:#000;} 
.my-popover .user-title .user{color:#FE5E01; font-weight:600;}
.my-popover .login-btn{display:flex; align-items:center; justify-content:center; width:100%; height:38px; border-radius:8px; background:#FE5E01; color:#fff; font-size:15px; font-weight:500; line-height:1.4; letter-spacing: -0.05em; text-align:center;}
.my-popover .recent-list{margin-top:30px; display:flex; flex-direction:column; gap:14px;}
.my-popover .recent-list a{display:flex; align-items:center; gap:10px; font-size:15px; font-weight:500; line-height:1; letter-spacing: -0.05em; color:#000;}
.my-popover .recent-list a .icon{width:20px; height:20px;}
.my-popover .recent-list a .num{font-size:16px; font-weight:600; line-height:1; letter-spacing: -0.05em; color:#FE5E01; margin-left:auto;}
.my-popover .popover-fav{padding:30px 30px;}
.my-popover .popover-fav .fav-title{font-size:14px; color:#888; margin-bottom:20px;}
.my-popover .popover-fav .fav-menu-list{display:flex; flex-direction:column; gap:16px;}
.my-popover .popover-fav .fav-menu-list .empty{font-size:13px; color:#888}
.my-popover .popover-fav .fav-menu-list a{font-size:16px; font-weight:500; letter-spacing: -0.05em; color:#000;}
.my-popover .popover-footer{padding:24px 30px; display:flex; gap:13px; color:#444; font-size:14px; border-top:1px solid #eee;}
.my-popover .before-login .title{font-size:18px; margin-bottom:12px; color:#000; line-height:1.4; word-break:keep-all;}
.my-popover .before-login .desc{word-break:keep-all; font-size:14px; line-height:1.4; color:#888;}

@media screen and (min-width:1201px) {
    .white-header .util-btn > a:hover{background-color:rgba(0,0,0,0.05);}
	body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .white-header .util-btn > a:hover{background-color:rgba(255,255,255,0.1);}
    .my-popover .popover-fav .fav-menu-list a{transition:color 0.3s;}
    .my-popover .popover-fav .fav-menu-list a:hover{color:#FE5E01;}
    .my-popover .popover-footer a{transition:color 0.3s;}
    .my-popover .popover-footer a:hover{color:#FE5E01;}
}


@media screen and (max-width:1200px) {
    .white-header .util-btn:has(.lang-btn){display:none;}
}

/* theme : dark */
[data-theme="dark"] .white-header{background:#111; border-color:#333;}
[data-theme="dark"] .white-header .top1menu .depth1_tit span{color:#fff;}
[data-theme="dark"] .white-header .util-btn > a img{filter:brightness(0) invert(1);}

/* renewal header icon with company page */
body:has(.transparent-header):not(:has(.top1menu.open)):not(:has(.white-header.open)) .util-btn img{filter:invert(1);}

/* update-popover */
.update-popover{position:absolute; top:67px; right:0; width:420px; padding:6px; background:#F7F7F7; border:1px solid #DDDDDD; border-radius:20px; box-shadow:0 10px 20px rgba(0,0,0,0.10); z-index:100; visibility:hidden; opacity:0; transform:translateY(-10px); transition:visibility 0.3s, opacity 0.3s, transform 0.3s;}
.update-popover, .update-popover *{box-sizing:border-box; line-height:1.5; vertical-align:top;}
.update-popover.active{visibility:visible; opacity:1; transform:translateY(0);}
.update-popover.hide{visibility:hidden; opacity:0; transform:translateY(-10px);}
.update-popover__inner{background:#FFFFFF; border:1px solid #EEEEEE; border-radius:14px; box-shadow:0 10px 15px rgba(0,0,0,0.03); overflow:hidden;}
.update-popover__body{padding:0 16px;}
.update-popover__title{padding:30px 0; display:flex; align-items:center; justify-content:center; gap:10px;}
.update-popover__title em{font-weight:600; color:#FE5E01; display:inline; font-style:normal;}
.update-popover__bell{display:inline-flex; width:16px; height:16px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.49994 6C3.49994 4.80653 3.97405 3.66193 4.81796 2.81802C5.66187 1.97411 6.80647 1.5 7.99994 1.5C9.19342 1.5 10.338 1.97411 11.1819 2.81802C12.0258 3.66193 12.4999 4.80653 12.4999 6V6.5C12.4999 7.91533 13.0333 9.20467 13.9119 10.18C13.9667 10.2407 14.0057 10.3138 14.0256 10.393C14.0456 10.4723 14.0458 10.5552 14.0262 10.6345C14.0067 10.7139 13.968 10.7872 13.9136 10.8481C13.8591 10.909 13.7906 10.9557 13.7139 10.984C12.6846 11.364 11.6073 11.644 10.4933 11.8127C10.5184 12.1554 10.4725 12.4997 10.3586 12.8239C10.2446 13.1482 10.0651 13.4454 9.83108 13.6972C9.5971 13.9489 9.31373 14.1497 8.99867 14.287C8.68361 14.4243 8.34362 14.4951 7.99994 14.4951C7.65626 14.4951 7.31628 14.4243 7.00122 14.287C6.68615 14.1497 6.40278 13.9489 6.1688 13.6972C5.93482 13.4454 5.75526 13.1482 5.64132 12.8239C5.52738 12.4997 5.48153 12.1554 5.50661 11.8127C4.40771 11.6461 3.3286 11.3683 2.28594 10.9833C2.20936 10.9551 2.14087 10.9085 2.08645 10.8476C2.03203 10.7868 1.99333 10.7136 1.97373 10.6343C1.95413 10.5551 1.95423 10.4722 1.97403 10.393C1.99382 10.3138 2.0327 10.2407 2.08727 10.18C2.99848 9.17112 3.50199 7.85946 3.49994 6.5V6ZM6.50127 11.9333C6.49275 12.1355 6.52519 12.3372 6.59666 12.5265C6.66813 12.7157 6.77715 12.8886 6.91716 13.0346C7.05716 13.1807 7.22526 13.2969 7.41134 13.3763C7.59742 13.4556 7.79764 13.4966 7.99994 13.4966C8.20225 13.4966 8.40246 13.4556 8.58854 13.3763C8.77462 13.2969 8.94272 13.1807 9.08273 13.0346C9.22273 12.8886 9.33175 12.7157 9.40322 12.5265C9.47469 12.3372 9.50714 12.1355 9.49861 11.9333C8.50152 12.0232 7.49837 12.0232 6.50127 11.9333Z' fill='%23FE5E01'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:15px 15px; position:relative; top:-1px; animation:bell-ring 1.5s ease-in-out 0.5s infinite;}
.update-popover__bell::before,.update-popover__bell::after{content:''; position:absolute; top:50%; left:50%; width:16px; height:16px; border-radius:50%; background:rgba(254,94,1,0.35); transform:translate(-50%,-50%); animation:bell-pulse 1.5s ease-out infinite;}
.update-popover__bell::before{animation-delay:0.5s;}
.update-popover__bell::after{animation-delay:1s;}
.update-popover__message{ font-size:15px; font-weight:500; color:#000; text-align:center; letter-spacing:-0.04em !important;}
.update-popover__message em{font-weight:600; color:#FE5E01; display:inline; font-style:normal;}
.update-popover__footer{background:#FAFAFA; border-top:1px solid #EEEEEE; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:6px 16px; height:40px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02) inset; }
.update-popover__not-show{cursor:pointer; flex-shrink:0; font-size:12px; color:#555; letter-spacing:-0.09em !important;}
.update-popover__icon{display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; flex-shrink:0; background:#FFFFFF; border:1px solid #DDDDDD; border-radius:50%; position:relative; transform:translateY(2.5px); margin-right:7px}
.update-popover__not-show input[type="checkbox"]:checked ~ .update-popover__icon{background: #FE5E01 url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='13' height='13' rx='6.5' fill='%23FE5E01'/%3E%3Crect x='0.5' y='0.5' width='13' height='13' rx='6.5' stroke='%23FE5E01'/%3E%3Cpath d='M10 5L5.875 9L4 7.18182' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 14px 14px; border-color:#FE5E01;}
.update-popover__not-show input[type="checkbox"]:checked ~ .update-popover__icon::after{display:block;}
.update-popover__not-show span:last-child{font-size:12px; font-weight:500; line-height:1; letter-spacing:-0.06em; color:#545454;}
.update-popover__actions{display:flex; align-items:center; gap:14px; margin-left:auto;}
.update-popover__button{font-size:12px; font-weight:600; line-height:1; letter-spacing:-0.06em; color:#555; background:none; border:none; padding:0; cursor:pointer; transition:opacity 0.2s;}
.update-popover__button.emp{color:#FE5E01;}
.update-popover__button:hover{opacity:0.75;}
.update-popover__devider{display:inline-block; width:1px; height:12px; background:#ddd; flex-shrink:0;}
@keyframes bell-pulse{0%{transform:translate(-50%,-50%) scale(0.8); opacity:0.7;} 100%{transform:translate(-50%,-50%) scale(2.2); opacity:0;}}
@keyframes bell-ring{0%,100%{transform:rotate(0deg); transform-origin:top center;} 10%{transform:rotate(14deg); transform-origin:top center;} 20%{transform:rotate(-12deg); transform-origin:top center;} 30%{transform:rotate(10deg); transform-origin:top center;} 40%{transform:rotate(-8deg); transform-origin:top center;} 50%{transform:rotate(6deg); transform-origin:top center;} 60%{transform:rotate(-4deg); transform-origin:top center;} 70%{transform:rotate(2deg); transform-origin:top center;} 80%{transform:rotate(-1deg); transform-origin:top center;} 90%{transform:rotate(0deg); transform-origin:top center;}}

@media screen and (max-width:1024px){
  .update-popover{width:calc(100% - 32px); right:0; left:0; transform:translateY(-10px) translateX(-50%); position:fixed; top:80px; left:50%; max-width:400px;}
  .update-popover.active{transform:translateY(0) translateX(-50%);}
  .update-popover__inner{width:100%; max-width:400px; margin:0 auto;}
}