.rela{position:relative;} /* 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: #b9ac85; -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:90px;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: 1720px; margin: 0 auto;position: relative;} .navigation-portrait {height: 48px;} .nav-logo{background: url(/en/img/logo.png) center center no-repeat;height: 80px;position: absolute;left: 0;width: 230px;top: 15%;} .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;} .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;border-radius: 20px; -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(/en/img/lang.png) no-repeat; background-position: 0%;display: block;padding: 20px;} .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;} .lnb-btn .dropdown .select {cursor: pointer;display: block; font-size: 16px; font-weight:500; color: #0044b4;padding-left: 30px;} .lnb-btn .dropdown .dropdown-menu{position: absolute;width: 100%;left: 0px;margin-top: 15px;display: none;z-index: 9; box-shadow: none !important; background:#fff;height: 200px; } .lnb-btn .dropdown .dropdown-menu li{transition: all .2s ease-in-out;cursor: pointer; width: 100%;font-size:13px;} .lnb-btn .dropdown .dropdown-menu{padding: 0;list-style: none;} .lnb-btn .dropdown .dropdown-menu a{font-size:14px; font-weight:500;display: inline-block;width: 100%;height: 30px;margin-left: 10px;margin-top: 10px;} .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:#fff;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: 30px;} .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: 16px; font-weight: 800; color: #555; opacity: .3;} .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(/kor/img/mob-b.jpg) no-repeat; padding:100px 0px 600px 50px;} .right-header .inner-div .lt .lt02{background: url(/kor/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: #333;} .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(67,67,67);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;top: -102px;right: 260px;} .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: rgb(255,255,255) !important;} .right-header .toggle .bar3{background: rgb(255,255,255) !important;} .right-header .menu{width: 60%;} .right-header > nav{background: rgb(255 246 224 / 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;} /*240715카이로스 추가*/ .info01{width: 100%; text-align: right; width: 85%;margin-right:20px;} .info01 ul li{display: inline-block;margin-right: 20px; color: #fff; font-size: 15px; font-weight: 500;} .info01 ul li:last-child{margin-right: 0px;} .info01 ul li span{margin-left: 10px;} .right-header .menu{width: 100%;vertical-align: top;position: unset;margin-top: 30px;} .right-header .menu li{width: 100%;margin-bottom: 70px;} .right-header .menu li a{font-size: 20px;} .right-header .menu li .rt-hd-inner .inner li{display: inline-block; width: 31%; margin-right: 10px;width: 100%;} .right-header .menu li .rt-hd-inner .inner li a{font-size: 18px; line-height: 30px;} .right-header .menu li .rt-hd-inner li{width:22%;margin-left: 3px;} .right-header .inner-div{display: block;max-width: 1420px;margin: 0 auto;;} .right-header .inner-div .lt{margin-bottom: 50px;} .right-header .inner-div .rt{width: 100%;} .right-header .inner-div .rt .menu .big{margin-bottom: 10px;font-size: 26px;} .right-header .rt-hd-inner li{padding-top: 20px;opacity: .5;} .right-header .rt-hd-logo{margin-bottom: 10px;} .right-header > nav{padding-top: 4%;} /*240722강동오 추가*/ .nav-menu{width: 100%;margin-left: -110px;} .right-header .menu li{margin-bottom: 50px;} /* 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%;display: inline-block;text-decoration: none;float: left;font-size: 15px;color: #dfdfdf;background-color: #b9ac85; -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%;} .nav-menu > li > .nav-dropdown {border-top: none !important;} .right-header > nav{padding-left: 0;} ul.nav-menu li span.submenu-indicator {display:none;} .lnb-btn .dropdown .dropdown-menu{height:170px;} @media screen and (max-width:1600px){ .nav-menu{display:none;} .nav-container{max-width: 95%} .lnb-btn{padding-top:20px;} .hamburger{padding-top: 20px;} } @media screen and (max-width:748px){ /**헤더**/ .nav-logo{top: 6%;} .nav-container{padding-top: 20px;} .right-header > nav{padding-left: 5%;} .right-header .menu li{margin-bottom: 40px;} .right-header .menu li .rt-hd-inner li{width: 41%;} .right-header .rt-hd-inner li{padding-top: 10px;} .mob-pdt20{margin-top:20px;} .right-header .inner-div .rt .menu .big{font-size: 23px;} .lnb-btn{padding-top:10px;} .hamburger{padding-top: 0px;} .right-header .lang li{margin-right: 10px;} .right-header .inner-div .lt{width: 100% !important;} .rt-hd-inner{display:none;} }