@charset "UTF-8";
/* 기존 header */

#header {width: 100%} 
.header-area {display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 20;padding: 0 40px;width: 100%;height: 100px;color: #fff;transition: top 0.2s linear;}
.header-area .logo {position: relative; z-index: 1;}
.header-area .gnb-area {position: absolute;left: 0px;right: 0;padding: 0 140px 0 149px;box-sizing: border-box; width: 100%;}
.header-area .gnb-list {display: flex;justify-content: center;align-items: center;max-width: 100%;height: 100px;width: 50%;margin: 0 auto;}
.header-area .one-depth-menu-list {display: flex;align-items: center;position: relative;height: 100%;width: 25%;justify-content: center;cursor: pointer;}
.header-area .one-depth-menu-list .one-depth-anchor {position: relative;font-size: 16px;font-family: "LGSmHaTSB";color: #fff;transition: .15s all ease-in-out;}
.header-area .one-depth-menu-list .one-depth-anchor + .underline {opacity: 0;content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #000000;transition: 0.1s all ease-out;}
.header-area .submenu {position: absolute;top: 100px;left: 0;z-index: 10;width: 400%;min-height: 260px;background: none;display: none;}
.header-area .submenu .two-depth-menu {display: none;width: 25%;float: left; padding-top: 20px;}
.header-area .submenu .two-depth-menu .two-depth-menu-list, .header-area .submenu .two-depth-menu .three-depth-menu{padding-left: 20px;}
.header-area .submenu .two-depth-menu::before{content: ''; width: 1px; height: 350px; background-color: #ddd; position: absolute; top:0; display: inline-block;}
.header-area .submenu .two-depth-menu.aa::before{width: 0;}
.header-area .gnb-area .two-depth-menu.on {display: block;}
.header-area .two-depth-menu-list:not(:first-child) {margin-top: 20px;}
.header-area .two-depth-menu-list a {font-size: 16px;font-family: "LGSmHaTR";transition: .15s all ease-in-out;}
.header-area .two-depth-menu-list a:hover {text-decoration: underline;font-weight: bold;}
.header-area .two-depth-menu-list.long {white-space: nowrap;}
.header-area .lg-history, .menu-content .lg-history{display:none;position: absolute;right: 140px; z-index: 10;border-radius: 5px; padding: 8px 10px; background-color: #6b6b6b ;}
.header-area .lg-history a, .menu-content .lg-history a{ color: #fff;background:url('/asset/images/common/main23/btn_go.png') no-repeat right center; padding-right:20px }
.menu-content .lg-history{display: block; left: 20px; right: auto;}
.header-area .lang-search-wrap {display: flex;position: relative;}
.header-area .lang-search-wrap div {margin-left: 30px;cursor: pointer;}
.header-area .lang-search-wrap .lang-select, .header-area .lang-search-wrap .btn-ctr-search, .header-area .lang-search-wrap .filter-area {cursor: pointer;}
.header-area .lang-search-wrap [type="button"] {padding: 0;}
.header-area .filter-area img {width: 20px;height: 20px;}
.header-area .lang-area {position: relative;}
.header-area .lang-list {display: none;position: absolute;top: calc(100% + 15px);left: 0;transform: translateX(-37%);padding: 30px;border-radius: 10px;background: #fff;cursor: auto;z-index: 5;border: 1px solid #ddd;}
.header-area .lang-list li:not(:first-child) {margin-top: 20px;}
.header-area .lang-list li a {color: #555;font-size: 16px;font-family: "LGSmHaTSB";transition: .15s all ease-in-out;}
.header-area .lang-list li a:hover {color: #D7177B;}
.header-area .search-menu {position: relative;width: 22px;height: 22px;}
.header-area .search-menu .btn-ctr-menu {width: 100%;height: 100%;cursor: pointer;}
.header-area .search-menu .btn-ctr-menu [class^="bar"] {position: absolute;top: 2px;right: 0;width: 20px;height: 2px;border-radius: 1px; background: #fff;}
.header-area .search-menu .btn-ctr-menu .bar02 {top: 10px;}
.header-area .search-menu .btn-ctr-menu .bar03 {top: 18px;width: 13px;}
.header-area .two-depth-bg {display: none;position: absolute;top: 100px;left: 0;width: 100%;min-height: 350px;background: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;transition: 1s; z-index: -1;}
.header-area.show .two-depth-bg, .header-area .two-depth-bg.on {display: block;}
.header-area .two-depth-bg .download-container {display: flex;justify-content: flex-end;}
.header-area .two-depth-bg .item-area {min-width: 14.8438vw;}
.header-area .two-depth-bg .item-area a {display: flex;justify-content: space-between;align-items: center;color: #555;font-size: 13px;font-family: "LGSmHaTR";transition: .15s all ease-in-out;}
.header-area .two-depth-bg .item-area a:hover {color: #D7177B;}
.header-area .two-depth-bg .link-menu {display: flex;justify-content: space-between;border-left: 1px solid #ddd;}
.header-area .two-depth-bg .link-area {padding: 20px;width: 50%;}
.header-area .two-depth-bg .link-area:first-child {border-right: 1px solid #ddd;}
.header-area .two-depth-bg .link-area .ico {width: 7px;height: 7px;margin-right: 10px;transform: rotate(45deg);border-top: 1px solid #555;border-right: 1px solid #555;}
.header-area .two-depth-bg .download-list{margin: 20px 40px 0 0;}
.header-area .two-depth-bg .download-list li {border-bottom: 1px solid #ddd;position: relative;height:47px;display: flex;align-items: center;}
.header-area .two-depth-bg .download-list li a .ico {width: 21px;height: 21px;background: url('/asset/images/common/main23/btn_download.png');transition: .15s all ease-in-out; position: absolute; right: 0;}
.header-area .two-depth-bg .download-list li a:hover .ico {width: 21px;height: 21px;background: url('/asset/images/common/main23/btn_download.png');}
.header-area .two-depth-bg .download-list .two-link-box a .external-link {width: 21px;height: 21px;margin-right: 10%;background-image: url('/asset/images/common/main22/external_link.png');transition: .15s all ease-in-out;}
.header-area .two-depth-bg .download-list .two-link-box a.ico {position: absolute;top: 14px;right: 0;width: 21px;height: 21px;background: url('/asset/images/common/main23/btn_download.png');transition: .15s all ease-in-out;}
.header-area .one-depth-menu-list:nth-child(2) .submenu{margin-left: -100%}
.header-area .one-depth-menu-list:nth-child(3) .submenu{margin-left: -200%;}
.header-area .one-depth-menu-list:nth-child(4) .submenu{margin-left: -300%;}
/* .header-area .one-depth-menu-list:hover .submenu{display: block;}
.header-area .one-depth-menu-list:hover .two-depth-menu {display: block;} */
.header-area.show .one-depth-menu-list:hover .submenu,
.header-area.show .one-depth-menu-list.on .submenu,
.header-area.show .one-depth-menu-list:hover .two-depth-menu {display: block;}
.header-area .one-depth-menu-list.company .two-depth-menu.aa{position: absolute;left: calc(50% - 2px); top: 170px;}
.header-area .two-depth-menu{line-height: 30px;}
.header-area .two-depth-menu .two-depth-menu-list{font-family:"LGSmHaTSB"; font-size:17px;display: inline-block; margin-bottom: 10px;line-height: 20px;word-break: break-word;word-wrap: break-word;}
.header-area .two-depth-menu .three-depth-menu-list{font-family:"LGSmHaTR"; font-size: 15px; margin-bottom: 10px; line-height: 20px;word-break: break-word;word-wrap: break-word;}
.header-area .two-depth-menu .three-depth-menu-list a:hover{font-family:"LGSmHaTSB"; text-decoration: underline;}

.bnArea{position: absolute;top: 30px; display: flex;justify-content: space-between;width: calc(100% - 14.8438vw -  80px);margin: 0 0 0 40px; height: 260px;}
.bnArea .bn01{margin-bottom: 30px; max-width: 180px;}
.bnArea .bn01 img{width:100%}
.bnArea .bn02 {width:180px; height: 80px; }
.bnArea .bn02 a{display: flex; align-items: center; }
.bnArea .bn02 img{width:66px; height:66px; border-radius: 40px;}
.bnArea .bn02 span{font-size:14px; letter-spacing: -1px; font-family:'LGSmHaTSB' ; display: block; width: 94px; margin: 5px 10px 0;}
.bnArea .bn02 span.arrow{position:relative;background: url('/asset/images/common/main23/gnb_bn_arrow.png') no-repeat right bottom; width: 94px; height: 8px; margin-top: 15px;}

.bnArea .bn02#compBanner{margin-top: -110px;}
.bnArea .bn02 a.link_pipeline{margin-top: 30px;}

.bnArea .bn02#prodBanner2 {margin-top: -110px;}
.bnArea .bn02#prodBanner2 a .link_title{letter-spacing: 0;}
.bnArea .bn02#prodBanner {margin-top: 30px;}

.bnArea .rbn{width: 180px; height:260px}
.header-area .bnArea .bnSwiper {width: 100%;height: 100%;}
.header-area .bnArea .bnSwiper .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}

.header-area .bnArea .bnSwiper .swiper-slide {font-size: 18px;background: #fff;display: block;}
.header-area .bnArea .bnSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; border-radius: 10px;}
.header-area .bnArea .bnSwiper .swiper-slide .img_area{margin-bottom: 20px;}
.header-area .bnArea .bnSwiper .swiper-slide .txt_area{margin:5px;font-size: 14px; font-family: 'LGSmHaTR'; text-align:center;}
.header-area .bnArea .bnSwiper .swiper-slide .txt_area p{margin-bottom: 10px; height: 40px;text-align: center;}
.header-area .bnArea .bnSwiper .swiper-slide .txt_area span{display:block; width: 100%; margin-bottom: 5px; color:#333}  
.header-area .bnArea .bnSwiper .swiper-slide .txt_area span:first-child{font-family: 'LGSmHaTSB';  color:#000 ;}
.header-area .bnArea .bnSwiper .swiper-slide .txt_area a.more_info{color: #444; font-size:13px;text-align:right; background: url('/asset/images/common/main23/btn_arrow.png') no-repeat  right 2px; padding-right: 24px;}  
.header-area .bnArea .btn_area{width: 140px; margin: 0 20px;}
.header-area .bnArea .btn_area .swiper-pagination{width: 120px;margin:0;position: relative; z-index: 2;}
.header-area .bnArea .btn_area .swiper-pagination .swiper-pagination-bullet{width:10px; height: 10px; margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);}
.header-area .bnArea .btn_area .swiper-pagination .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background:#333;}
.header-area .bnArea .btn_area{position: absolute; bottom: 12px;display: flex;align-items: center;justify-content: center;}
.header-area .bnArea .btn_area a.btn{ background-repeat:no-repeat; background-size: contain; text-indent: -99999px; font-size: 0; display: inline-block; width: 20px; height: 20px; cursor: pointer;position: absolute;right: 12px;bottom: 13px;left: auto; z-index: 5;}
.header-area .bnArea .btn_area a.btn.play{background-image: url('/asset/images/common/main23/stop.png');}
.header-area .bnArea .btn_area a.btn.stop{background-image: url('/asset/images/common/main23/play.png');}
.header-area .bnArea .bnSwiper .swiper-slide-active .txt_area{animation: menuAni 1s; opacity: 1;}

.header-area .bnArea .swiper-button-prev,.header-area .bnArea .swiper-button-next{ background-size: auto; width: 6px; height: 12px;}
.header-area .bnArea .swiper-button-prev {background-image: url('/asset/images/common/main23/btn_prev.png');left: 0;}
.header-area .bnArea .swiper-button-next{background-image: url('/asset/images/common/main23/btn_next.png'); right: 0;}
.header-area .bnArea .swiper-button-prev::after,.header-area .bnArea .swiper-button-next::after{display: none;}

.header-area .bnArea .btn_area .swiper-pagination {bottom: var(--swiper-pagination-bottom,14px);top: var(--swiper-pagination-top,auto);left: -9px;}

/*****2023 리뉴얼 *****/
.header-area h1.logo a img{width: 109px; height: 29px;}
html.lang-en .header-area h1.logo a img, html.lang-de .header-area h1.logo a img{width: 114px; height: 29px;}
html.lang-zh .header-area h1.logo a img, html.lang-ja .header-area h1.logo a img{width: 109px; height: 29px;}

.header-area.fixed{background-color: #fff;/*box-shadow: #ddd 0 0 10px;*/border-bottom: 1px solid #ddd;}
.header-area.fixed .logo a img{content: 'url(/asset/images/common/main23/header_ico_lan_dark.png)';}
.header-area.fixed .one-depth-menu-list .one-depth-anchor{color:#333}
.header-area.fixed .one-depth-menu-list:hover .one-depth-anchor{color:#000; }
.header-area.fixed .one-depth-menu-list:hover span.underline,
.header-area.fixed .one-depth-menu-list.on span.underline{color:#000; opacity:1!important }
.header-area.fixed.show .two-depth-bg{display: block;}
.header-area.fixed.show .two-depth-menu{display: block;}
.header-area.fixed.show .lg-history{display:block}
.header-area.fixed .lang-area button.lang-select{width:22px; height:22px;background: url('/asset/images/common/main23/header_ico_lan_dark.svg') no-repeat;}
.header-area.fixed .search-icon button.btn-ctr-search{width:22px; height:22px;background: url('/asset/images/common/main23/header_ico_search_dark.svg') no-repeat;}
.header-area.fixed .search-menu .btn-ctr-menu span{background-color: #000!important;}
.header-area.fixed h1.logo a{display: inline-block;width: 109px; height: 29px; background: url('/asset/images/common/main22/logo_basic.svg') no-repeat; background-size: 109px 29px;}
html.lang-en .header-area.fixed h1.logo a, html.lang-de .header-area.fixed h1.logo a {background-image:url('/asset/images/common/main22/logo_en_basic.svg');width: 114px; height: 29px; background-size: 114px 29px;}
html.lang-zh .header-area.fixed h1.logo a , html.lang-ja .header-area.fixed h1.logo a {background-image:url('/asset/images/common/main22/logo_china_basic.svg'); background-size: 109px 29px;}
.header-area.fixed h1.logo a img,
.header-area.fixed .lang-area button.lang-select img,
.header-area.fixed .search-icon button.btn-ctr-search img{display: none;}
.recruitNewBody .header-area .btn-area .lang-area .lang-select img{max-width: none!important;}
/* 모바일 메뉴 1023 이하에서 작동*/
/*s: 0917 common.css에서 모바일 메뉴부분만 발췌*/
.menu-content{position:fixed;top:0;bottom:0;width:85%;height:100vh;overflow-x:hidden;overflow-y:auto;background:#fff;z-index:20;-webkit-overflow-scrolling:touch;-ms-overflow-style:none; transition: .5s;}
.menu-content ::-webkit-scrollbar{display:none}
.menu-content .logo{position:absolute;top:12px;left:15px;width:95px}
.menu-content .logo .img01,.menu-content .logo .img02{display:none}
.menu-content .logo img{width:100%}
.menu-content .full-view{display:none}
.menu-content .btn-close{position:absolute;top:12px;right:13px;z-index:1}
.menu-content .btn-close .bttn{padding:5px;width:21px;height:21px;background:url("../../images/common/default/btn_close30x30.png") no-repeat center center;background-size:21px 21px;-webkit-box-sizing:content-box;box-sizing:content-box}
.menu-content .social-area{position:static;margin:20px 0;text-align:center}
.menu-content .social-area .social-list a{width:36px;height:36px}
.menu-content .social-area .social-list li{background:#333130;border-radius:50%}
.menu-content .social-area .social-list li + li{margin-left:10px}
.menu-content .social-area .social-list .s-blog .item{display:inline-block;background:url("../../images/common/default/ico_blog.png") no-repeat center center;background-size:100%}
.menu-content .social-area .social-list .s-facebook .item{display:inline-block;background:url("../../images/common/default/ico_facebook.png") no-repeat center center;background-size:100%}
.menu-content .social-area .social-list .s-post .item{display:inline-block;background:url("../../images/common/default/ico_post.png") no-repeat center center;background-size:100%}
.menu-content .social-area .social-list .s-youtube .item{display:inline-block;background:url("../../images/common/default/ico_youtube.png") no-repeat center center;background-size:100%}
.menu-content .lang-area{display:none}
.menu-content-inner{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.quick-menu{font-size:0;margin-top:86px}
.quick-menu .menu-list .tit{position:relative;z-index:1;font-size:30px;font-family:"LGSmHaTB";color:#333130}
.quick-menu .depth1-menu{padding-left:20px}
.quick-menu .depth1-menu .tit{display:inline-block;margin-bottom:5px;font-size:24px}
.quick-menu .txt-box{position:relative;vertical-align:baseline;line-height: 57px;}
.quick-menu .txt-box .line-red{position:absolute;left:0;display:inline-block;width:1px}
.quick-menu .icon{position:relative; top: auto; right: initial;}
.quick-menu .icon .ico-minus,.quick-menu .icon .ico-plus{position:absolute;top:0;left:0;width:17px;height:3px;background:#333130}
.quick-menu .ico-plus{-webkit-transition:0.3s all cubic-bezier(0.18, 0.89, 0.32, 1.28);-o-transition:0.3s all cubic-bezier(0.18, 0.89, 0.32, 1.28);transition:0.3s all cubic-bezier(0.18, 0.89, 0.32, 1.28);-webkit-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg)}
.quick-menu .icon-arr{position:absolute;top:20px;right:26px;display:block;width:17px;height:10px;margin-top:-2px;z-index:1}
.quick-menu .arrow-l,.quick-menu .arrow-r{position:absolute;display:block;width:11px;height:2px;background-color:#333130;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
.quick-menu .arrow-l{right:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.quick-menu .arrow-r{top:0;right:-7px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.quick-menu .item.on .line-red{bottom:-3px;width:100%;height:8px;background:#a50034;z-index:0;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.quick-menu .item.on .ico-plus{-webkit-transition:0.3s all cubic-bezier(0.18, 0.89, 0.32, 1.28);-o-transition:0.3s all cubic-bezier(0.18, 0.89, 0.32, 1.28);transition:0.3s all cubic-bezier(0.18, 0.89, 0.32, 1.28);-webkit-transform:rotateZ(0);-ms-transform:rotate(0);transform:rotateZ(0)}
.quick-menu .menu-box01{position:relative;margin-bottom:21px;padding-top:8px;/*margin-bottom:24px*/}
.quick-menu .menu-box01 .depth2-menu{position:relative;z-index:1;}
.quick-menu .menu-box02{position:relative;padding-top:8px;margin-bottom:24px}
.quick-menu .menu-box03{position:relative;padding-top:8px;margin-bottom:24px}
.quick-menu .menu-box03 .depth2-menu{position:relative;z-index:1}
.quick-menu .menu-box03 .depth2-menu-list li{display:block}
.quick-menu .menu-box03 .depth2-menu-list .txt{display:inline-block;padding:9px 0}
.quick-menu .menu-box04{padding-top:8px;margin-bottom:24px}
.quick-menu .menu-box04 .depth2-menu .txt{display:inline-block;padding:7px 0}
/* .quick-menu .depth1-menu{margin-top:20px} 
.quick-menu .depth1-menu:first-child{margin-top:0}*/
.quick-menu .depth1-menu > .item{display:block}
.quick-menu .depth1-menu .item.bttn{position:relative;width:100%;padding:0;text-align:left}
.quick-menu .depth2-menu{display:block;width:100%;margin-right:28px}
.quick-menu .depth2-menu .bttn{width:100%;text-align:left}
.quick-menu .depth2-menu .item.on .icon-arr .arrow-l{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.quick-menu .depth2-menu .item.on .icon-arr .arrow-r{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.quick-menu .depth2-menu .depth2-menu-list{margin-bottom:13px;padding:20px 0;background-color:#f7f7f7}
.quick-menu .depth2-menu:last-child{margin-right:0}
.quick-menu .depth2-menu .tit01{display:block;padding:10px 0;padding-right:50px;border-bottom:1px solid #e0e0e0;font-size:16px;font-weight:bold;font-family:"LGSmHaTL";color:#665852}
html.lang-ja .quick-menu .depth2-menu .tit01{font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
.quick-menu .depth2-menu .tit02{display:block;padding:10px 0;font-size:16px;font-family:"LGSmHaTB";color:#665852}
.quick-menu .depth2-menu-list > li:first-child .tit02{padding-top:7px}
.quick-menu .depth2-menu-list .tit02,.quick-menu .depth2-menu-list .txt{font-size:14px;font-family:"LGSmHaTL";color:#333130}
html.lang-ja
    .quick-menu .depth2-menu-list .txt,html.lang-ja .quick-menu .depth2-menu-list .tit02{font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
.quick-menu .depth2-menu-list .item{display:block}
.quick-menu .depth2-menu-list .item .tit02{padding-right:50px;padding-left:25px;font-weight:bold}
.quick-menu .depth2-menu-list .item .txt{padding-right:50px;padding-left:35px}
.quick-menu .depth2-menu-list .item.on .tit02{color:#a40034;text-decoration:underline}
.quick-menu .depth2-menu-list .item.on .txt{color:#a40034;text-decoration:underline}
.quick-menu .depth3-menu-list .item.on .txt{color:#a40034;text-decoration:underline}
.quick-menu .depth3-menu-list .txt{position:relative;display:inline-block;padding:8px 0;font-size:12px;font-family:"LGSmHaTR";color:#4d4948}
.quick-menu .depth3-menu-list li:first-child .txt{margin-top:-4px}
.quick-menu .depth3-menu-list li:last-child .txt{margin-bottom:3px}
.quick-menu .menu-box01,.quick-menu .menu-box02,.quick-menu .menu-box03,.quick-menu .menu-box04{padding-left:22px;display:none}


/*e: 0917 common.css에서 모바일 메뉴부분만 발췌*/


.menu-content{ width: 85%;z-index: 1001; left: 100%; }
.menu-content.renewal .btn-area {display: flex; justify-content: flex-end; align-items: center; padding-right: 20px; height: 64px; border-bottom:1px solid #ddd; box-sizing: border-box;}
.menu-content.renewal .btn-area .btn-close {position: static; top:0; left:0;}
.menu-content.renewal .btn-area .lang-area {display: block; position: relative; margin-right: 15px;}
.menu-content.renewal .btn-area .lang-area .lang-select {padding: 0; width: 22px; height: 22px;}
.menu-content.renewal .btn-area .lang-area .lang-list {display: none; position: absolute; z-index: 2; top:calc(100% + 15px); left:0; transform: translateX(-37%); padding:30px; border-radius: 10px; cursor:auto; background:#555;}
.menu-content.renewal .btn-area .lang-area .lang-list a {color: #fff;}
.menu-content.renewal .btn-area .lang-area .lang-list li:not(:first-child) {margin-top:20px;}
.menu-content.renewal .btn-area .lang-area .lang-list li a {color:#fff; font-size: 16px; font-family:"LGSmHaTSB"; transition: .15s all ease-in-out;}
.menu-content.renewal .btn-area .search-icon {margin-right: 15px;}
.menu-content.renewal .btn-area .search-icon .btn-ctr-search {padding: 0; width: 24px; height: 24px;}
.menu-content.renewal .btn-area .bttn.type-renewal {padding: 0; width: 24px; height: 24px; background: url('../../images/common/main22/close_btn_24.png') no-repeat center center;}
.menu-content.renewal .quick-menu {width: 100%; margin:0 auto;}
.menu-content.renewal .quick-menu .menu-box01.renewal {width: 100%; padding:0; background: none;}
.menu-content.renewal .quick-menu .depth1-menu {padding:0;}
/* .menu-content.renewal .quick-menu .depth1-menu:not(:first-child) {margin-top: 80px;} */
.menu-content.renewal .quick-menu .depth1-menu .item.bttn {display: flex; justify-content: space-between; align-items: center; width: calc(100% - 60px); padding-bottom: 0px; margin-left:20px;text-align: left;cursor: pointer;}
.menu-content.renewal .quick-menu .depth1-menu .item.bttn.border-padding-none {border-bottom: none; padding-bottom: 0;} 
.menu-content.renewal .quick-menu .depth1-menu .tit {color: #000; font-size: 17px; display: block; margin-bottom: 0;}
.menu-content.renewal .quick-menu .depth1-menu .down-arrow {background: url('../../images/common/main22/down-arrow.png') no-repeat center; width: 16px; height: 16px; font-size: 16px;}
.menu-content.renewal .quick-menu .menu-box-inner {font-size: 17px; color:#000;background: #f8f8f8; }
.menu-content.renewal .quick-menu .menu-box-inner:last-child {border-bottom: none; padding-bottom:20px}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-tit {display: flex; justify-content: space-between; font-size: 17px; font-family:"LGSmHaTSB"; padding-left:10vw;position: relative; line-height: 43px; align-items: center;}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-tit .icon {right: calc(10vw + 15px); }
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-tit .icon::after{ position: absolute;
    left: 0; 
    top: 0; 
    content: '';
    width: 7px;
    height: 7px; 
    border-top: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae; 
    transform: rotate(135deg);}
.menu-content.renewal .quick-menu .menu-box-inner.on .menu-box-tit .icon::after{transform:rotate(315deg); border-color: #000;}

.menu-content.renewal .quick-menu .menu-box-inner .menu-box-tit.open .icon .ico-plus {transition: 0.3s all cubic-bezier(0.18, 0.89, 0.32, 1.28); transform: rotateZ(0);}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-1depth-list {overflow: hidden;/*padding-bottom: 15px; transition: height 0.2s linear;*/}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-1depth-list:not(.active) {display: none;}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-1depth-list > li {position: relative; margin:0; padding-left: 10vw; line-height:34px;}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-1depth-list > li::after {display: none;}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-1depth-list > li a { color:#666; font-size: 15px; font-family:"LGSmHaTR"; transition: 0.15s all ease-in-out;}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-1depth-list > li.on a {color:#000}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-2depth-list{display: none;}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-2depth-list li {margin-top: 15px;}
.menu-content.renewal .quick-menu .menu-box-inner .menu-box-2depth-list li a {color:rgb(170, 170, 170); font-family:"LGSmHaTR"}
.menu-content.renewal .menu-content-inner .main-slogan{padding:0 20px}
.menu-content.renewal .menu-content-inner .main-slogan img{width:100%}
.menu-content.renewal .download-container {padding:0 20px; margin-top: 40px;}
.menu-content.renewal .download-container .link-menu {display: flex; justify-content: space-between; gap: 13px;}
.menu-content.renewal .download-container .link-menu .link-area {display: inherit; align-items: center; padding: 0 20px; width: 50%; height: 64px; background: #f6f6f6;}
.menu-content.renewal .download-container .link-menu .link-area a {display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 4.2667vw; font-family:"LGSmHaTR"}
.menu-content.renewal .download-container .link-menu .link-area .ico {width: 7px; height: 7px; margin-right: 10px; transform: rotate(45deg); border-top: 1px solid #555; border-right: 1px solid #555;}
.menu-content.renewal .download-container .download-menu {margin-top: 20px;}

.menu-content.renewal .download-container .download-list {margin: 0;}
.menu-content.renewal .download-container .download-list li {padding: 12px 0;border-bottom: 1px solid #ddd;position: relative;}
.menu-content.renewal .download-container .download-list li a .ico {width: 20px;height: 20px;background: url('/asset/images/common/main23/btn_download.png');transition: .15s all ease-in-out;}
.menu-content.renewal .download-container .download-list li a:hover .ico {width: 20px;height: 20px;background: url('/asset/images/common/main23/btn_download.png');}
.menu-content.renewal .download-container .download-list .two-link-box a .external-link {width: 20px;height: 20px;margin-right: 10%;background-image: url('/asset/images/common/main22/external_link.png');transition: .15s all ease-in-out;}
.menu-content.renewal .download-container .download-list .two-link-box a.ico {position: absolute;top: 14px;right: 0;width: 20px;height: 20px;background: url('/asset/images/common/main23/btn_download.png');transition: .15s all ease-in-out;}
.menu-content.renewal .download-container .download-list a {display: flex;justify-content: space-between; align-items: center;color: #444;font-size: 13px;font-family: "LGSmHaTR";transition: .15s all ease-in-out;}
.menu-content.renewal .download-container .download-list a:hover {color: #D7177B;}

.menu-content.on{left:15%; transition: .5s;}











@media (max-width: 1023px) {
    .pc-show {display: none !important;}
    .pc-show-flex {display: none !important;}
    .m-show {display: block !important;}
    .m-show-flex {display: flex !important;}
    .animate-scroll {opacity: 0;visibility: hidden;will-change: transfrom, opacity;}
    .no-visibility {visibility: hidden;}
    .header-area.fixed.show .two-depth-bg,.header-area.fixed.show .lg-history{display: none;}
    .header-area{height:64px;padding: 0 20px;}
    .header-area.hidden {top: -64px;}
    .header-area .search_bar{margin:0 0 30px}

    .header-area .lang-search-wrap div{margin-left: 20px;}
}
@media (min-width: 1023px) {
    .m-show{display:none}
    .menu-content.renewal{display: none!important;}
 
}


/*! layout - tablet */
@media (min-width: 1024px) and (max-width: 1280px) {

}
@media (max-width: 1280px) {
.header-area .gnb-list{width:70%}
.header-area .bnArea .rbn{display: none;}
}

@media (min-width: 1024px) and (max-width: 1280px) {

}

@media (max-width: 1023px) {

}