.rela{position:relative;}


.right-header .open::-webkit-scrollbar{width: 10px; background-color: rgb(236, 236, 236);}
.right-header .open::-webkit-scrollbar-thumb{background-color: #262626;border-radius: 20px; background-clip: padding-box; border: 2px solid transparent;}
.right-header .open::-webkit-scrollbar-track{background-color: #e6e6e6;box-shadow: inset 0px 0px 1px rgb(211, 211, 211);} 

/* gnb-DropDown */
.nav-dropdown {min-width: 180px;margin: 0;padding: 0;display: none;position: absolute;list-style: none;z-index: 98;white-space: nowrap;}
.nav-dropdown .nav-dropdown {left: 100%;}
.nav-dropdown > li {width: 100%;float: left;clear: both;position: relative;text-align: center;background-color: #fff;}
.nav-dropdown > li > a {width: 100%;padding: 16px 20px;display: inline-block;text-decoration: none;float: left;font-size: 15px;color: #dfdfdf;background-color: #002060;
  -webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; font-weight:600;}
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {color: #fff;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s;}
.nav-dropdown > li > .nav-dropdown-left {left: auto;right: 100%;}
ul.nav-menu li span.submenu-indicator {display:none;}
.nav-menu > li > .nav-dropdown {border-top: none !important;}

/*GNB*/
.navigation * {box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
.navigation {width: 100%; height:80px;display: table;font-family: inherit;background-color: transparent;z-index: 999999999;position: fixed; background: transparent; transition: .5s;}
.nav-header {float: left;}
.nav-container{margin-right:50px;display: flex;align-items: center;max-width: 1200px; margin: 0 auto;position: relative;}
.navigation-portrait {height: 48px;}
.nav-logo{background: url(/kr/img/logo.png) center center no-repeat;height:100%;position: absolute;left: 0;width:170px;top: 5%;}
.nav-logo > img {height: 50px;margin: 25px auto;padding: 0px;float: left;}
.nav-menu{margin: 0;padding: 0;list-style: none;line-height: normal;font-size: 0; padding-right: 8%;padding-left: 0;margin-left: 0;padding-right:0;
    margin-left: -120px;}
.nav-menus-wrapper{width: 100%;margin: 0 auto;text-align: center;}
.nav-menu > li {display: inline-block;float: left;text-align: center;float: none;}
.nav-menu > li > a {padding: 50px 30px;display: inline-block;text-decoration: none;font-size: 18px;font-weight: 400;color: #f0f0f0;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; }
.nav-menu > li > a.catalog{font-weight: 500; font-size: 14px;padding: 32px 30px;}
.nav-menu > li > .nav-dropdown {border-top: solid 1px #2b2b2b;}

.lnb-btn{float: right;
    -ms-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;position: relative;}
.dropdown{padding-top: 0px;font-weight: 900;background: url(/kr/img/lang.png) no-repeat; background-position: 0%;display: block;padding: 5px;}
.lnb-btn p{color: #2e2e2e;top: 50%;position: relative; transform: translateY(90%);text-align: center;font-weight: 600;}
.lnb-btn .dropdown:focus {outline: none !important;}
.lnb-btn .dropdown {transition: all .5s ease;position: relative;font-size: 14px;color: #474747;height: 100%;text-align: left; width: 50px; padding: 20px;}
.lnb-btn .dropdown .select {cursor: pointer;display: block; font-size: 16px; font-weight:500; color: #0044b4;padding-left: 10px;margin-right: 10px;}
.lnb-btn .dropdown .dropdown-menu {position: absolute;width: 100%;left: 5px;margin-top: 20px;overflow: hidden;display: none;z-index: 9; box-shadow: none !important; background:#e6e6e6; padding:5px 20px;}
.lnb-btn .dropdown .dropdown-menu li {padding: 15px;transition: all .2s ease-in-out;cursor: pointer; width: 100%;padding-top: 10px; font-size:13px;}
.lnb-btn .dropdown .dropdown-menu {padding: 0;list-style: none}
.lnb-btn .dropdown .dropdown-menu a{font-size:17px; font-weight:800;}
.lnb-btn .dropdown .dropdown-menu a:hover{color:#1f6ab4;}
.lnb-btn input:focus {outline: none !important;}

/*占쎄쑬苡�쳞占�*/
.mob-logo{display: none;}
.right-header{z-index: 99; position: relative;}
.hamburger{position:relative;;z-index: 9999;}
.hamburger:hover {cursor: pointer;}
.hamburger .bar1, .hamburger .bar2, .hamburger .bar3 {width: 30px;height: 2px;background-color: #fff;margin: 7px 0;transition-duration: 0.4s; z-index: 999999;}
.toggle .bar1 {transform: rotate(-405deg) translate(-8px, -11px);-webkit-transform: rotate(-405deg) translate(-15px, 15px);background:#fff;}
.toggle .bar2 {opacity: 0;}
.toggle .bar3 {transform: rotate(405deg) translate(-28px, -8px);-webkit-transform: rotate(405deg) translate(2px, 2px);background: rgb(61, 61, 61);}
.right-header > nav {background: #fff;opacity: 0;position: fixed;visibility: hidden;width: 100%;height: 100%;transition-duration: .5s;z-index: 99;padding-left:12%;box-sizing: border-box;padding-top: 6%; top:0px;;}
.right-header > nav > ul {width: 100%;height: 100%;max-height: 100%;margin: 0;list-style: none;}
.right-header > nav > ul > li{display: inline-block; width: 24%;vertical-align: top; text-align: left;}
.right-header > nav > ul > li > a {display: block;width: 100%;padding: 30px 0 10px 0;transition-duration: .6s;font-size: 25px;font-weight:700;color:  rgb(54, 54, 54);text-transform: uppercase;text-decoration: none;}
.right-header > nav > ul > li > a:hover {cursor: pointer;}
.right-header .rt-hd-inner li{font-size: 17px; font-weight: 200;padding-top: 20px;}
.right-header .rt-hd-inner li{opacity: .3;}
.right-header .rt-hd-inner li:hover{opacity: 1; transition: .3s;color: #166ec8;}
.right-header .open {visibility: visible;opacity: 1;}
.right-header .rt-hd-logo{margin-bottom: 30px;}
.right-header .rt-hd-logo .txt{font-size: 25px; margin-left: 20px; font-weight: 300;}
.right-header .rt-hd-logo .txt .point{font-weight: 700;}
.right-header .lang li{display: inline-block; margin-right: 20px;}
.right-header .lang li a{font-size: 19px; font-weight: 800; color: #dedede; opacity: .3;text-transform: uppercase;}
.right-header .lang li a.on{opacity: 1;}
.right-header .lang li a:hover{opacity: 1; transition: .3s;}
.right-header .line{width: 90%; height: 1px; background-color: #eeeeee;margin-top: 40px;margin-bottom: 20px;}
.right-header .inner-div{display: flex;justify-content: space-between;align-items: flex-start;}
.right-header .inner-div .lt .lt01{background: url(/kr/img/mob-b.jpg) no-repeat; padding:100px 0px 600px 50px;}
.right-header .inner-div .lt .lt02{background: url(/kr/img/mob-b02.jpg) no-repeat; padding:100px 0px 600px 50px;}
.right-header .inner-div .mobhSwiper .swiper-wrapper{transform:inherit;}
.right-header .inner-div .lt{width: 25% !important;}
.right-header .inner-div .rt{width: 65%;margin-left: 0px;}
.right-header .inner-div .rt .menu .big{font-size: 25px; margin-bottom: 10px; font-weight: 800; text-transform: uppercase; color: #ededed;}
.right-header .menu{position: absolute;top: 120px;}
.right-header .menu li{display: inline-block; width: 26%; margin-bottom: 110px;vertical-align: top;}
.right-header .menu li a {display: block;width: 100%;transition-duration: .6s;font-size: 18px;font-weight:500;color:  rgb(242, 242, 242);text-decoration: none;}
.right-header .menu li a:hover {cursor: pointer;}
.right-header .menu li .rt-hd-inner li{margin-bottom: 0px; width: 100%; vertical-align: top;}
.right-header .inner-div .lt h1{font-size: 40px; font-weight: 800; color: #fff;}
.right-header .inner-div .lt h2{font-size: 21px; line-height: 25px; font-weight: 500; color: #fff; margin-top: 20px;}
.right-header .hamburger{margin-right: 0px; position: absolute;}
.right-header .hamburger .bar1, .hamburger .bar2, .hamburger .bar3 {width: 30px;height: 2px;background-color: rgb(236, 236, 236);margin: 7px 0;transition-duration: 0.4s; z-index: 999999;}
.right-header .toggle .bar1{background: #333 !important;}
.right-header .toggle .bar3{background: #333 !important;}
.right-header .menu{width: 60%;}
.right-header > nav{background: rgb(55 55 55 / 90%);backdrop-filter: blur(25px);}

header{height: 150px;position: fixed;top: 0;transition: top 0.3s ease-in-out;width: 100%;}
.nav-up{top: -150px;}

/*240717_sejongmall*/
.right-header > nav{background: rgb(16 71 119 / 80%);}
.right-header .menu li .rt-hd-inner .inner li a{font-size: 15px; line-height: 25px;}
.right-header .menu li{width: 20%;}
.right-header .menu{width: 100%;vertical-align: top;}
.right-header .inner-div .rt .menu .big{margin-bottom: 0px;}
.right-header .inner-div{display: unset;}
.right-header .inner-div .rt{width: 100%;}
.right-header .menu{position: unset;margin-top: 30px;}
.right-header .menu li{width: 18%;}
.right-header .menu li .rt-hd-inner .inner li{display: inline-block; width: 31%; margin-right: 10px;}

/*240730 _jeongfood*/
.nav-container{max-width: 1620px;}
.nav-menu{margin-left: 0px;}
.nav-logo{width: 230px;}
.nav-menu > li > a{color: #e6e6e6; font-weight: 600;}
.right-header .hamburger .bar1, .hamburger .bar2, .hamburger .bar3{background: #ffffff;}
.hamburger .bar1{background: #ffffff;}
.lnb-btn .dropdown .select{color: #ffffff;padding-left: 0px; padding-right: 0px; font-weight: 900;}
.lnb-btn .dropdown{padding: 0px;}
.right-header > nav{background:rgba(255, 249, 230, .8);padding-left: 8%;padding-top: 3%;}
.right-header .lang li a{color: #333;}
.right-header .inner-div .rt .menu .big{color: #333;}
.right-header .rt-hd-logo{margin-bottom: 10px;}
.right-header .menu li{width: 100%;margin-bottom: 70px;}
.right-header .menu li a{color: #333;font-weight: 900;}
.right-header .menu li .rt-hd-inner li{width: 16%;}
.right-header .menu li .rt-hd-inner.wide li{width:30%;}
.right-header .inner-div .rt .menu .big{margin-bottom: 10px;}
.lnb-btn p{transform: none; top: 0;}
.lnb-btn .now-lang{color: #fff;}

/*240730 _solendos*/
.nav-container{max-width: 1720px;}
.nav-menu > li > a{font-size: 16px;padding: 50px 50px; color: #333 !important;}
.nav-menu{margin-left: 180px;}
.nav-menu.active .nav-menu > li > a{color:#fff !important;}
.lnb-btn{background: url(/ch/img/lang.png) no-repeat #fff;; background-position:24% 50%;}
.lnb-btn{padding: 12px 25px; border-radius: 20px;margin-right: 20px;}
.lnb-btn .dropdown .select{padding-left: 20px;text-transform: uppercase;color: #002d6a !important; }
.right-header .hamburger .bar1, .hamburger .bar2, .hamburger .bar3{background: #002d6a;}
.right-header > nav{background: rgba(255,255,255,.8);padding-top: 5%;}
.right-header .menu li{width: 48%;}
.right-header .menu li .rt-hd-inner.wide li{width: 48%;}
.right-header .menu li .rt-hd-inner li{width: 33%;}
.right-header .menu li.wd100{width:100% !important;}
.right-header .inner-div{display: flex;}
.right-header .inner-div .lt{margin-right: 100px;}
.right-header .menu li{width: 30%;margin-bottom: 50px;}
.right-header .menu li.wd{width: 60%;}
.mobS{margin-top: 50px;}

/*241014*/
.right-header{display: none;}
.nav-container{max-width: 1500px;}
.nav-menu > li > a{padding: 50px 30px; font-size: 17px;}
.nav-menu{margin-left: -80px;}
.nav-logo{width: 290px;}
.navigation .inq{background: #002060; padding: 10px 20px; color: #fff; border-radius: 20px; font-size: 17px;}
ul.lang{width: 7%;}
ul.lang li{display: inline-block;margin-right: 5px;}
ul.lang li a{font-weight: 700; opacity: .3; font-size: 17px;}
ul.lang li a.on{opacity: 1;}
ul.lang li a:hover{opacity: 1; transition: .3s;}
.right-header > nav{background: rgba(255,255,255,.8);padding-top: 5%;}

@media screen and (max-width:1500px){
	.header{display:none;}
	.mob-logo{display: block; position: absolute; top: -80px; left: 60px;}
	.header-pc .navbar{display:none;}
	.right-header{display:block;}
	.lang.pc-lang{display:none;}
	.navigation .inq{display:none;}
	.right-header .hamburger{top: -80px;right: 50px; }
}

@media screen and (max-width:1080px){
	.nav-menu li{display:none;}
	.lnb-btn{display:none;}
	.nav-container{max-width:92%;}
	.nav-logo{top: 0%;padding:30px; margin-top:10px;top: -10%;left: -2%;}
	.right-header .hamburger{top: 30px;right: 60px; display: block !important;}
}

@media screen and (max-width:768px){
	.right-header > nav{padding-left: 3%;padding-top: 20%;}
	.right-header .rt-hd-logo .txt{font-size: 15px;}
	.right-header > nav > ul > li > a{font-size: 23px;}
	.right-header .rt-hd-inner li{font-size: 16px;padding-left: 5px;}
	.right-header .line{width: 98%;}
	.right-header .rt-hd-logo{margin-bottom:0px;}
	.wix-logo{margin-left: 20px;}
	.lnb-btn{ left: 61%;}
	.right-header .hamburger{margin-right:0px;margin: 23px 20px;margin-top: 27px;}
	.right-header .menu{ position: unset;}
	.right-header .inner-div{display:unset;}
	.right-header .inner-div .lt{ width: 100% !important;overflow: hidden;}
	.right-header .inner-div .rt{width: 100%;margin-left:0px;}
	.right-header .menu{bottom:-20px;  left: 30px;}
	.right-header .menu li{width: 48%; margin-bottom: 30px}
	.right-header > nav{  padding-top: 30px;}
	ul.lang{margin-bottom: 0px;}
	.right-header .inner-div .lt{margin-top: 20px;}
	.right-header .inner-div .lt .lt01{padding:50px 0 100px 20px; background-position:100%; width: 95% !important;font-size: 30px;}
	.right-header .inner-div .lt .lt02{padding:50px 0 100px 20px; background-position:100%; width: 95% !important;font-size: 30px;}
	.right-header .inner-div .lt h1{font-size: 30px;}
	.right-header .open {overflow-y: scroll;}		
	.right-header > nav{padding-bottom: 0px;}
	.hamburger{margin-top: 25px;margin-right: 10px;}

	.right-header .menu li{width: 100%;margin-bottom: 50px;}
	.right-header .menu li .rt-hd-inner li{width: 100%;}
	.right-header > nav{background: rgba(255,255,255,1);padding-top: 5%;}
	
	.mob-lang{width:100%}
	ul.lang{width:auto;}
	.nav-logo{top: -12%;left: -15px;margin-top: 10px;}
	.hamburger{margin-top:0px;}
	.nav-container{height: 100px;max-width: 95%;}
	.right-header .hamburger{top: -100px;right: 10px;}


}

@media screen and (max-width:568px){

	.lnb-btn{ left: 38%;}

}



