@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');

* { font-family: 'Noto Sans SC', sans-serif !important; }

body.en,
body.ch { font-family: 'Noto Sans SC', sans-serif !important; } 
.clearfix { zoom: 1; } 
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; } 
* html .clearfix { height: 1%; } 

.header__bottom .language-area p{line-height: 13px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; } 
button, fieldset, img, input { border: 0; } 
button { background-color: transparent; cursor: pointer; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
audio, canvas, progress, video { display: inline-block; } 
dl, ul, ol, menu, li { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } 
table { border-collapse: collapse; border-spacing: 0; } 
dt { display: block; } 
a { cursor: pointer; text-decoration: none; color: #000; } 
hr { display: none; } 
img { vertical-align: inherit; } 
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } 
input::-moz-placeholder { color: #aaa; font-size: 10px; vertical-align: middle; } 
input:-ms-input-placeholder { color: #aaa; font-size: 10px; vertical-align: middle; } 
input::placeholder { color: #aaa; font-size: 10px; vertical-align: middle; } 
caption, legend { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.blind { overflow: hidden; position: absolute; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; } 
input { -webkit-appearance: none; } 
input:focus { outline: none; } 
input, textarea { -moz-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto; user-select: auto; } 
body { position: relative; z-index: 1; min-width: 280px; width: 100%; overflow-x: hidden; background: #111; } 
#skipNav { width: 100%; overflow: hidden; position: relative; z-index: 1000; } 
#skipNav a { margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block; } 
#skipNav a:focus,
#skipNav a:active { top: 0; } 

body.pc #header.pc .header__top,
body.pc #header.pc .header__bottom { border-bottom: 1px solid #dadada; } 

/*헤더*/
header { position: fixed; z-index: 10; width: 100%; transition: all 0.4s ease-out; top: 0; } 

header.search__on { top: 174px; } 

/*헤더 활성화*/
#header.active { background: #fff; } 
#header.active h1 { background: url("../images/logo_active.svg") no-repeat 0 -1px; } 
#header.active .header__top li a { color: #666; } 
#header.active .header__top li a:hover { color:#005EB8; } 
#header.active .header__top li::after { content: ""; box-shadow: none; opacity: 1; background-color: #E2E2E2; } 
#header.active .header__bottom nav ul li a { color: #111; } 
#header.active nav .depth_01 > li:first-child svg path { fill: #111; } 
#header.active nav .depth_01 > li:first-child:hover svg path { fill: #005EB8; } 
#header.active .search-title::before { background: url(../images/search_active.svg) no-repeat 0 0; } 
#header.active .search-title span:nth-child(1) { color: #0861B5; } 
#header.active .search-title span:nth-child(2) { color: #00A5D7; } 
#header.active .header__bottom .language-area p::before { background: url(../images/global_active.svg) no-repeat 4px -3px; } 
#header.active .header__bottom .language-area p { color: #000; } 
#header.active .header__bottom .language-area p::after { background: url(../images/global_arrow_active.svg) no-repeat 0px 6px; } 
#header.active .header__bottom .search-area::before { opacity: 1; background-color: #E2E2E2; } 
#header.active .header__top,#header.active .header__bottom { border-bottom: 1px solid #dadada; } 
#header.active .search-icon svg path { fill: #222; } 
#header.active .gnb__mobile svg path { fill: #1C1B1E; } 
#header.active .search-icon.on svg path { fill: #005EB8; } 
#header.active .search-title { overflow: hidden; width: 67px; height: 40px; background: url("../images/logo_text_cn_pc.svg") no-repeat center top; text-indent: -9999px; } 



#header.on { background: #fff; } 
#header.on h1 { background: url("../images/logo_active.svg") no-repeat 0 -1px; } 
#header.on .search-title { overflow: hidden; background: url("../images/logo_text_cn_pc.svg") no-repeat center top; text-indent: -9999px; } 
#header.on .search-icon svg path { fill: #222; } 
#header.on .header__top li a { color: #666; } 
#header.on .header__top li::after { content: ""; box-shadow: none; opacity: 1; background-color: #E2E2E2; } 
#header.on .header__bottom nav ul li a { color: #111; } 
#header.on nav .depth_01 > li:first-child svg path { fill: #111; } 
#header.on nav .depth_01 > li:first-child:hover svg path { fill: #005EB8; } 
#header.on .search-title::before { background: url(../images/search_active.svg) no-repeat 0 0; } 
#header.on .search-title span:nth-child(1) { color: #0861B5; } 
#header.on .search-title span:nth-child(2) { color: #00A5D7; } 
#header.on .header__bottom .language-area p::before { background: url(../images/global_active.svg) no-repeat 4px -3px; } 
#header.on .header__bottom .language-area p { color: #000; } 
#header.on .header__bottom .language-area p::after { background: url(../images/global_arrow_active.svg) no-repeat 0px 6px; } 
#header.on .header__bottom .search-area::before { opacity: 1; background-color: #E2E2E2; } 
#header.on .header__top,#header.on .header__bottom { border-bottom: 1px solid #dadada; } 
/* #header.on .sub { display: block; position: relative; padding-top: 25px; height: 284px; margin-top: 34px; border-left: 1px solid #dadada; } 
#header.on .sub4 { border-right: 1px solid #dadada; } 
#header.on .sub li a { font-size: 16px; letter-spacing: -0.3px; color: #111; } 
#header.on .sub li a { position: relative; } 
#header.on .sub li a.on,
#header.on .sub li a:hover { color: #005EB8; } 
#header.on .sub li a.on::after { width: 100%; background: #005EB8; } 
#header.on .sub li a::after { content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-out; } 
#header.on .sub li a:hover::after,
#header.on .sub li a.on { width: 100%; background: #005EB8; } */

.header__top { width: 100%; height: 50px; border-bottom: 1px solid #E2E2E2; } 
.header__top ul { display: flex; justify-content: end; margin-right: 2.25rem; height: 50px; line-height: 50px; } 
.header__top li { position: relative; padding-left: 40px; } 
.header__top li:first-child { padding-left: 0; } 
.header__top li::after { content: ""; position: absolute; top: 20px; right: -22px; width: 1px; height: 12px; opacity: 0.5; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); background-color: #fff; } 
.header__top li:nth-child(3)::after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; opacity: 0; box-shadow: none; } 
.header__top li a { font-weight: 400; font-size: 0.875rem; line-height: 20px; letter-spacing: -0.5px; color: #fff; } 
.header__top li a:hover { opacity: 0.7; transition: 0.3s; } 

#header.reverse .search-title { overflow:hidden; width:67px; height:40px; margin-top:4px; background:url("../images/logo_text_cn_pc.svg") center top no-repeat; text-indent:-9999px } 

.header__bottom { display:flex; position:relative; justify-content:space-between; align-items:center; width:100%; height:88px } 
.header__bottom .language-change-mobile { display:none } 
.header__bottom .search-title { overflow:hidden; width:67px; height:40px; margin-top:4px; background:url("../images/logo_white_cn.svg") center top no-repeat; text-indent:-9999px } 
.header__bottom .area { position: relative; } 

.header__bottom h1 a { display: block; } 
.header__bottom .logo-area { display: flex; } 
.header__bottom .logo-area a { display: block; } 
.header__bottom #logo-title { display: none; position: absolute; top: -0.35rem; right: -22px; line-height: 1.3rem; } 

.header__bottom .mobile-up__icon { display: none; } 
.header__bottom nav .depth_01 > li { position: relative; width: 190px; text-align: center; } 
.header__bottom nav .depth_01 > li svg path { fill: #fff; } 
.header__bottom nav .depth_01 > li:hover svg path { fill: #005EB8; } 
.header__bottom nav .depth_01 > li:hover::before,.header__bottom nav .depth_01 > li.on::before { width: 100%; } 
.header__bottom nav .depth_01>li::before { content:""; position:absolute; width:0%; height:2px; top:57px; left:0; background:#005eb8; transition:.4s ease-out; z-index:11 } 
.header__bottom nav .depth_01>li a { color:#fff; font-size:18px; font-weight:500!important; letter-spacing:-.9px; text-align:center } 
.header__bottom nav .depth_01 > li ul li a { font-weight: 400 !important; } 
.header__bottom nav .depth_01 > li:hover > a { color: #005EB8 !important; transition: all 0.3s ease-out; } 
.header__bottom .menu-area .depth_01 > li .mobile-arrow { display: none; }

.header__bottom .sub .depth_menu:first-child.on_depth .depth3_list {height: 170px;} 

.swiper_product .swiper-pagination > span:nth-child(1):before{content:"智能设备CCL";}
.swiper_product .swiper-pagination > span:nth-child(2):before{content:"载板CCL";}
.swiper_product .swiper-pagination > span:nth-child(3):before{content:"网络设备CCL";}
.swiper_product .swiper-pagination > span:nth-child(4):before{content:"5G/6G 通讯CCL";}
.swiper_product .swiper-pagination > span:nth-child(5):before{content:"PFC";}
.swiper_product .swiper-pagination > span:nth-child(6):before{content:"5G天线模块";}
.swiper_product .swiper-pagination > span:nth-child(7):before{content:"MEMS时序解决方案";}

.header__bottom .sub li:last-child { padding-bottom: 0; } 
.header__bottom .search-wrap { display: flex; align-items: center; margin-right: 2.25rem; } 
.header__bottom .language-area { position: relative; } 
.regist-content label{width:7rem}
.regist-content{width:72rem;}
.st01 .regist_input{width:57rem}
.st02 .regist_input{width:24.7rem}
.company_tit h1{word-break: keep-all;}

.swiper-product .product_txt> p {word-break: break-all !important;}

.header__bottom .language-area p::after { content: ""; position: absolute; top: 0; right: 1px; width: 37px; height: 13px; background: url("../images/global_arrow.svg") no-repeat 0px 6px; } 
.header__bottom .language-change.active { display: block; } 
.header__bottom .language-change { display: none; position: absolute; top: -10px; left: 0; width: 100px; background: #222; z-index: 10; } 
.header__bottom .language-change li a { display: block; height: 36px; margin-left: 15px; line-height: 36px; font-size: 14px; font-weight: 300; letter-spacing: -1px; color: #fff; } 
.header__bottom .language-change li.selected { background: #005EB8; } 
.header__bottom .language-change li:hover { background: #005EB8; transition: 0.2s ease-out; } 
.header__bottom .search-area { display: flex; position: relative; } 
.header__bottom .search-area::before { content: ""; position: absolute; top: 18px; left: -13px; width: 1px; height: 12px; opacity: 0.5; background-color: #fff; } 
.header__bottom .search-title { position: relative; color: #fff; line-height: 1.5rem; } 
.header__bottom .search-title span { display: block; } 
.header__bottom .search-icon { margin: 10px 16px 10px 2px; cursor: pointer; } 

.header__bottom .search-icon:hover svg path { fill: #005EB8 !important; transition: 0.3s; } 

.header__bottom .search-content { display: none; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 0; background: #fff; } 
.header__bottom .search-content.on { display: block; height: 176px; transition: all 0.3s ease-out; border-bottom: 1px solid #dadada; } 
.header__bottom .search-content .area { display: flex; align-items: center; justify-content: space-between; } 
.header__bottom .search-content input { font-weight: 300; font-size: 37px; letter-spacing: -0.9px; } 
.header__bottom .search-content input::-moz-placeholder { font-weight: 300; font-size: 37px; letter-spacing: -0.9px; color: #BFBFBF; } 
.header__bottom .search-content input:-ms-input-placeholder { font-weight: 300; font-size: 37px; letter-spacing: -0.9px; color: #BFBFBF; } 
.header__bottom .search-content input::placeholder { font-weight: 300; font-size: 37px; letter-spacing: -0.9px; color: #BFBFBF; } 
.header__bottom .search-content .search-form { margin-top: 63px; padding-left: 156px; } 
.header__bottom .search-content .search-arrow { margin-top: 63px; padding-right: 156px; cursor: pointer; } 
.header__bottom .gnb__mobile { display: none; cursor: pointer; } 
.header__bottom .search-title svg path { fill: #Fff; } 

/*메인 콘텐츠*/
.slide-wrapper__main { overflow: hidden; position: relative; width: 100%; height: 100vh; z-index: 1; } 
.slide-wrapper__main .swiper-container { width: 100%; height: 100vh; } 
.slide-wrapper__main .swiper-wrapper { width: 100%; height: 100vh; } 
.slide-wrapper__main .swiper-slide { position: relative; width: 100%; height: 100vh; } 

.slide-wrapper__main .swiper-slide:after { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } 

.slide-wrapper__main .text-area { position: absolute; top: 35vh; z-index: 2; margin-left: 9.688rem; } 

.slide-wrapper__main .text-area strong { font-weight: 700; } 
.slide-wrapper__main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; margin-right: 20px; } 
.slide-wrapper__main .swiper-pagination-bullet { position: relative; width: 230px; height: 24px; text-align: left; border-radius: 0; opacity: 1; margin-right: 4px; background-color: transparent; vertical-align: middle; } 
.slide-wrapper__main .swiper-pagination-bullet em { display: block; /* align-items: center; */
 position: relative; bottom: -35px; text-align: center; left: 0; font-size: 16px; font-weight: 300; font-style: normal; letter-spacing: -1px; color: #fff; margin: 0 auto; font-family: 'Noto Sans' !important; } 
.slide-wrapper__main .swiper-pagination-bullet i { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 4px; background: rgba(255, 255, 255, 0.6); } 
.slide-wrapper__main .swiper-pagination-bullet b { position: absolute; bottom: 0; left: 0; z-index: 2; width: 0%; height: 4px; background: rgb(255, 255, 255); } 
.video-bg { object-fit: fill; position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); } 
.slide-wrapper__main .swiper-pagination-bullet-active { background-color: transparent; } 
.slide-wrapper__main .swiper-pagination-bullet-active b { -webkit-animation-name: countingBar; animation-name: countingBar; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } 

.slide-wrapper__main .swiper-btn-area span:nth-child(1) b { -webkit-animation-duration: 5s; animation-duration: 5s; } 
.slide-wrapper__main .swiper-btn-area span:nth-child(2) b { -webkit-animation-duration: 5s; animation-duration: 5s; } 
.slide-wrapper__main .swiper-btn-area span:nth-child(3) b { -webkit-animation-duration: 4s; animation-duration: 4s; } 
.slide-wrapper__main .swiper-btn-area span:nth-child(4) b { -webkit-animation-duration: 4s; animation-duration: 4s; } 

.slide-wrapper__main .swiper-pagination-bullet-active em { font-weight: 400; font-size: 18px; } 
.slide-wrapper__main .swiper-pagination-bullet-active.stop b { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 

.slide-wrapper__main .swiper-btn-area span:nth-child(1).stop b,
.slide-wrapper__main .swiper-btn-area span:nth-child(2).stop b,
.slide-wrapper__main .swiper-btn-area span:nth-child(3).stop b,
.slide-wrapper__main .swiper-btn-area span:nth-child(4).stop b { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; } 

/*.slide-wrapper__main .swiper-slide-active .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation-name: imageAnimation; animation-name: imageAnimation; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transition: transform 5s ease-out; } */
/* .slide-wrapper__main .swiper-slide.con1 .bg { background: url(../images/main_01.jpg) no-repeat center center/cover; } 
.slide-wrapper__main .swiper-slide.con2 .bg { background: url(../images/main_02.jpg) no-repeat center center/cover; } 
.slide-wrapper__main .swiper-slide.con3 .bg { background: url(../images/main_03.jpg) no-repeat center center/cover; } 
.slide-wrapper__main .swiper-slide.con4 .bg { background: url(../images/main_04.jpg) no-repeat center center/cover; } */



.slide-wrapper__main .swiper-slide-active .bg { animation: fadein 2s; -moz-animation: fadein 2s; /* Firefox */
 -webkit-animation: fadein 2s; /* Safari and Chrome */
 -o-animation: fadein 2s; /* Opera */}
@keyframes fadein { 
 from { opacity: 0; } 
 to { opacity: 1; } 
 }
@-moz-keyframes fadein { /* Firefox */
 from { opacity: 0; } 
 to { opacity: 1; } 
 }
@-webkit-keyframes fadein { /* Safari and Chrome */
 from { opacity: 0; } 
 to { opacity: 1; } 
 }
@-o-keyframes fadein { /* Opera */
 from { opacity: 0; } 
 to { opacity: 1; } 
 }


.slide-wrapper__main .swiper-slide-active .text-area span { -webkit-animation-name: textAnimation; animation-name: textAnimation; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } 
.slide-wrapper__main .swiper-slide-active .text-area span:nth-child(1) { opacity: 0; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; } 
.slide-wrapper__main .swiper-slide-active .text-area span:nth-child(2) { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } 
.slide-wrapper__main .swiper-slide-active .text-area span:nth-child(3) { opacity: 0; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } 
.slide-wrapper__main .swiper-slide-active .text-area span:nth-child(4) { opacity: 0; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } 
@-webkit-keyframes imageAnimation { 
 0% { transform: scale(1); } 
 100% { transform: scale(1.1); } 
 }
@keyframes imageAnimation { 
 0% { transform: scale(1); } 
 100% { transform: scale(1.1); } 
 }
@-webkit-keyframes textAnimation { 
 0% { opacity: 0; transform: translateY(50px); transform: translateX(60px); } 
 100% { opacity: 1; transform: translateY(0); transform: translateX(0); } 
 }
@keyframes textAnimation { 
 0% { opacity: 0; transform: translateY(50px); transform: translateX(60px); } 
 100% { opacity: 1; transform: translateY(0); transform: translateX(0); } 
 }
@-webkit-keyframes countingBar { 
 0% { width: 0; } 
 100% { width: 100%; } 
 }
@keyframes countingBar { 
 0% { width: 0; } 
 100% { width: 100%; } 
 }
.slide-wrapper__main .swiper-btn-area { display: flex; position: absolute; bottom: 19vh; width: 100%; align-items: center; } 
.slide-wrapper__main .swiper-pagination { position: relative; bottom: 0; left: 0; width: 944px; height: 34px; margin-left: 9.688rem; text-align: left; } 
.slide-wrapper__main .btn-wrap__action { display: flex; align-items: center; position: relative; z-index: 11; top: 4px; } 
.slide-wrapper__main .btn-wrap__action button,
.slide-wrapper__main .btn-wrap__action img { display: block; } 
.slide-wrapper__main .swiper-btn-area .btn__play { margin-left: 0; } 
.slide-wrapper__main .swiper-btn-area .area { display: flex; align-items: center; justify-content: center; } 

.social-wrapper { position: relative; width: 100%; } 
.social-wrapper .area { background: #111; padding: 0 11.563rem 0; } 

.social-wrapper .social-header { display: flex; align-items: center; padding-top: 9.9rem;} 
.social-wrapper .social-header ul { display: flex; align-items: center; margin: 0.938rem 0 0 3.064rem; } 
.social-wrapper .social-header ul li { position: relative; } 


.social-wrapper .social-header ul li:nth-child(1) a::after { content: ""; position: absolute; top: 15px; right: -24px; width: 14px; height: 14px; background: url("../images/blank.svg") no-repeat 0 0; } 
.social-wrapper .social-header ul li:nth-child(2) a::after { content: ""; position: absolute; top: 15px; right: -24px; width: 14px; height: 14px; background-color: #0077b7; background: url("../images/blank.svg") no-repeat 0 0; } 
.social-wrapper .social-header ul li a span { font-size: 20px; font-family: 'Noto Sans' !important; } 
.social-wrapper .btn__add { display: flex; justify-content: center; padding: 4.313rem 0; } 
.social-wrapper .btn__add button { position: relative; width: 117px; height: 50px; line-height: 50px; font-size: 0.875rem; font-weight: bold; color: #fff; border: 1px solid #414141; box-sizing: border-box; border-radius: 5px; cursor: pointer; text-align: left; } 
.social-wrapper .btn__add button span { margin-left: 1.5rem; } 
.social-wrapper .btn__add button::after { content: ""; position: absolute; top: 21px; right: 0; width: 4.266rem; height: 1.25rem; background: url(../images/add_arrow.svg) no-repeat 30px 0; } 
.social-wrapper .btn__top { position: absolute; right: 2.25rem; bottom: 3.75rem; width: 48px; height: 48px; } 
.social-wrapper .btn__top img { cursor: pointer; } 
.social-wrapper .btn__top img:hover { opacity: 0.6; } 

.scroll-name { font-weight: 700; font-size: 15px; letter-spacing: -1px; color: #FFFFFF; font-family: 'Noto Sans' !important; } 

.mousey { position: absolute; top: 24px; left: 12px; } 

.scroll-downs { position: absolute; right: 0; bottom: 7vh; left: 0; margin: auto; width: 36px; height: 4vh; z-index: 20; } 

.scroller1 { width: 14px; height: 8px; background: url("../images/scroll_arrow.svg") no-repeat 0 0; -webkit-animation-name: scroll1; animation-name: scroll1; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } 

@-webkit-keyframes scroll1 { 
 0% { opacity: 0; } 
 10% { transform: translateY(0); opacity: 1; } 
 100% { transform: translateY(20px); opacity: 0; } 
 }

@keyframes scroll1 { 
 0% { opacity: 0; } 
 10% { transform: translateY(0); opacity: 1; } 
 100% { transform: translateY(20px); opacity: 0; } 
 }
.scroller2 { width: 14px; height: 8px; background: url("../images/scroll_arrow.svg") no-repeat 0 0; -webkit-animation-name: scroll2; animation-name: scroll2; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } 

@-webkit-keyframes scroll2 { 
 0% { opacity: 0; } 
 10% { transform: translateY(0); opacity: 0.4; } 
 100% { transform: translateY(20px); opacity: 0; } 
 }

@keyframes scroll2 { 
 0% { opacity: 0; } 
 10% { transform: translateY(0); opacity: 0.4; } 
 100% { transform: translateY(20px); opacity: 0; } 
 }
.close-mobile { display: none; } 

/*푸터*/
footer { position: relative; /*푸터 하단*/}
footer .area { overflow: hidden; width: 100%; background: #222; } 
/*footer .footer-top__sitemap { padding: 2.5rem 0; margin: 0 2.235rem; } 
footer .footer-top__sitemap > ul > li:nth-child(1)::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; background: none; } 
footer .footer-top__sitemap .title { display: block; margin: 1.875rem 0 1.188rem; margin-left: 2.25rem; font-size: 17px; font-weight: 500 !important; letter-spacing: -0.6px; color: #fff; } 
footer .footer-top__sitemap li:first-child .title { margin-left: 0; } 
footer .footer-top__sitemap .sub { margin-left: 2.25rem; font-size: 16px; font-weight: 300; letter-spacing: -0.6px; text-align: left; color: #efefef; } */
footer .footer-top__sitemap .sub.en { font-family: "Roboto", sans-serif; } 
footer .footer-top__sitemap .sub-list li { padding-bottom: 5px; } 
footer .title-list-wrapper .sub-list li a { position: relative; } 

footer .title-list-wrapper > li > a:hover { opacity: 0.7; transition: 0.3s; } 

footer .title-list-wrapper .sub-list li a.on,
footer .title-list-wrapper .sub-list li a:hover { color: #8B8B8B; } 
footer .title-list-wrapper .sub-list li a.on::after { width: 100%; background: #8B8B8B; } 
footer .title-list-wrapper .sub-list li a::after { content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-out; } 
footer .title-list-wrapper .sub-list li a:hover::after,
footer .title-list-wrapper .sub-list li a.on { width: 100%; background: #8B8B8B; } 
footer .footer-bottom { display: flex; justify-content: space-between; height: 8rem; border-top: 1px solid #414141; } 
footer .footer-bottom .logo-area,
footer .footer-bottom .use-list-area,
footer .footer-bottom .sns-area { display: flex; align-items: center; } 

footer .footer-bottom .logo-area { margin-left: 2.25rem; } 
footer .footer-bottom .logo-area h2 img { vertical-align: inherit; } 
footer .footer-bottom .logo-area a { display: block; overflow: hidden; width: 127px; height: 18px; background: url("../images/logo.svg") no-repeat center top/cover; text-indent: -9999px; } 
footer .footer-bottom .use-list-area { margin-right: 11.688rem; } 
footer .footer-bottom .use-list-area li { padding-left: 2.5rem; } 
footer .footer-bottom .use-list-area img { vertical-align: inherit; } 
footer .footer-bottom .use-list-area li:first-child { padding-left: 0; } 
footer .footer-bottom .use-list-area li:last-child a { font-weight: bold; } 

footer .footer-bottom .use-list-area li a:hover { opacity: 0.7; transition: 0.3s; } 

footer .footer-bottom .sns-area { margin-right: 2.25rem; } 
footer .footer-bottom .sns-area li:first-child { margin-right: 0.625rem; } 

.st03{margin: 3rem 0 0 7rem;}
.st04{margin: 3rem 0 0 7rem;}


@media screen and (max-width: 1450px){
 .header__bottom nav .depth_01 { transform: translate(-50%, 0); } 
 }
@media screen and (max-width: 1320px){
 .slide-wrapper__main .swiper-pagination { position: relative; bottom: 0; left: 0; width: 100%; height: 34px; margin-left: 9.688rem; text-align: left; } 

 .swiper-btn-area .area { width: 958px; display: flex; align-items: center; justify-content: center; } 

 .swiper-btn-area .btn { position: relative; z-index: 11; } 

 .slide-wrapper__main .swiper-pagination-bullet { width: 193px; } 
 }


body.pc header.pc { display: block; height: 377px; background: #fff; } 

body.pc #header.pc .sub li a { position: relative; font-size: 16px; letter-spacing: -0.3px; color: #111; } 
body.pc #header.pc .sub li a.on,
body.pc #header.pc .sub li a:hover { color: #005EB8; } 
body.pc #header.pc .sub li a.on::after { width: 100%; background: #005EB8; } 
body.pc #header.pc .sub li a::after { content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-out; } 
body.pc #header.pc .sub li a:hover::after,
body.pc #header.pc .sub li a.on { width: 100%; background: #005EB8; } 
body.pc #header.pc { background: #fff; } 
body.pc #header.pc h1 { background: url("../images/logo_active.svg") no-repeat 0 -1px; } 
body.pc #header.pc .search-title { overflow: hidden; width: 67px; height: 40px; background: url("../images/logo_text_cn_pc.svg") no-repeat center top; text-indent: -9999px; } 
body.pc #header.pc .search-icon svg path { fill: #222; } 
body.pc #header.pc .header__top li a { color: #666; } 
body.pc #header.pc .header__top li::after { content: ""; box-shadow: none; opacity: 1; background-color: #E2E2E2; } 
body.pc #header.pc .header__bottom nav ul li a { color: #111; } 
body.pc #header.pc nav .depth_01 > li:first-child svg path { fill: #111; } 
body.pc #header.pc nav .depth_01 > li:first-child:hover svg path { fill: #005EB8; } 
body.pc #header.pc .search-title::before { background: url(../images/search_active.svg) no-repeat 0 0; } 
body.pc #header.pc .search-title span:nth-child(1) { color: #0861B5; } 
body.pc #header.pc .search-title span:nth-child(2) { color: #00A5D7; } 
body.pc #header.pc .header__bottom .language-area p::before { background: url(../images/global_active.svg) no-repeat 4px -3px; } 
body.pc #header.pc .header__bottom .language-area p { color: #000; } 
body.pc #header.pc .header__bottom .language-area p::after { background: url(../images/global_arrow_active.svg) no-repeat 0px 6px; } 
body.pc #header.pc .header__bottom .search-area::before { opacity: 1; background-color: #E2E2E2; } 


@media screen and (max-width: 1280px){
 .slide-wrapper__main .swiper-pagination { position: relative; bottom: 0; left: 0; height: 34px; margin-left: 5.625rem; text-align: left; } 

 .slide-wrapper__main .swiper-pagination-bullet { width: 209px; } 

 .header__bottom nav .depth_01 > li { width: 10.938rem; } 
 

 .slide-wrapper__main .text-area { margin-left: 5.625rem; } 

 .social-wrapper .area { padding: 0 5.625rem 0; } 

 .social-wrapper h2 { padding: 66px 0 63px; } 
/*
 footer .footer-top__sitemap .depth_01 > li { position: relative; width: 13.063rem; } 
 footer .footer-bottom .logo-area p { padding-left: 2rem; } 

 footer .footer-bottom .use-list-area li { padding-left: 2rem; } 

 footer .footer-top__sitemap .title { margin-left: 2rem; font-size: 1.063rem; } 

 footer .footer-top__sitemap .sub { margin-left: 2rem; font-size: 1rem; } 

 footer .footer-bottom .use-list-area { margin-right: 6.088rem; } 
 */

 /*레이아웃 간격*/
 .header__bottom h1,
.header__bottom .search-wrap,
footer .footer-bottom .logo-area { margin-left: 2rem; } 

 footer .footer-bottom .sns-area { margin-right: 2rem; } 

 .footer .footer-top__sitemap { margin: 0 2rem; } 
 }
@media screen and (max-width: 1180px){
 .header__bottom nav .depth_01 > li { width: 9.938rem; } 
 }
@media screen and (max-width: 1125px) { 
/*footer .footer-top__sitemap .title,
footer .footer-top__sitemap .sub { margin-left: 1.5rem; } */
 }
@media screen and (max-width: 1080px) { /*레이아웃 간격*/
 .header__bottom h1,
.header__bottom .search-wrap,
footer .footer-bottom .logo-area { margin-left: 1rem !important; } 

.st01 .regist_input{width: calc(100% - 10rem);}
.st02 .regist_input{width: calc(100% - 10rem);}
.regist-content label{width:9.3rem;}
.regist-content li:nth-child(3) label{width:9.3rem;}

 footer .footer-bottom .logo-area, footer .footer-bottom .use-list-area, footer .footer-bottom .sns-area { display: unset; align-items: center; } 

 .footer .footer-top__sitemap { margin: 0 1rem; } 

 .footer-top__sitemap { display: none; } 

 footer .footer-bottom .use-list-area li { padding-right: 15px; padding-left: 0px; float:left; } 

 footer .footer-bottom .use-list-area li:nth-child(1) { padding-left: 0px; } 

 footer .footer-bottom .logo-area p { position: absolute; bottom: 24px; left: 0; padding-left: 0; width: 145px; font-size: 11px; } 

 footer .footer-bottom .logo-area { display: block; position: relative; } 

 footer .footer-bottom .logo-area a { width: 80px; height: 12px; background: url(../images/logo.svg) no-repeat center top/80px; } 

 footer .footer-bottom { height: 15rem; padding: 0; border-top: 0; } 


 footer .footer-bottom .use-list-area { position: absolute; top: 44px; left: 1rem; margin-right: 0; } 

 footer .footer-bottom .use-list-area li a { font-size: 13px; letter-spacing: -0.4px; } 

 footer .footer-bottom .sns-area { padding-right: 0; position: absolute; bottom: 1.5rem; right: 0; margin-right: 1rem; display: flex; } 

 footer .sns-area img { width: 36px; height: 36px; } 

 .social-wrapper .area { padding: 0 1rem 0; } 

 .social-wrapper .btn__top { right: 1rem; } 

 .social-wrapper h2 { padding: 62px 0 52px; } 

 .social-wrapper .social-header ul li:nth-child(1) a::before,
.social-wrapper .social-header ul li:nth-child(2) a::before { width: 30px; height: 30px; } 

 .social-wrapper .social-header ul li:nth-child(1) a::before { background: url(../images/FaceBook.svg) no-repeat center center/30px; } 

 .social-wrapper .social-header ul li:nth-child(2) a::before { background: url(../images/LinkedIn.svg) no-repeat center center/30px; } 


 .social-wrapper .social-header ul li a span { font-size: 17px; } 

 .social-wrapper h2 { font-size: 36px; } 

 .social-wrapper .social-header ul { margin: 0.938rem 0 0 48px; } 

 .social-wrapper .social-header ul li:nth-child(1) a::after,
.social-wrapper .social-header ul li:nth-child(2) a::after { top: 11px; } 

 .social-wrapper .social-header ul li:nth-child(2) a { padding-left: 6.513rem; } 

 .slide-wrapper__main .swiper-pagination-bullet { width: 217px; } 
 .slide-wrapper__main .btn-wrap__action { /* top: 2px */}
 .slide-wrapper__main .swiper-pagination { margin-left: 1rem; transform: translate(0, 0); } 

 .slide-wrapper__main .text-area span { font-size: 2.25rem; } 

 .slide-wrapper__main .text-area { margin-left: 3.5rem; } 

 .slide-wrapper__main .swiper-pagination { position: relative; bottom: 0; left: 0; width: 100%; height: 34px; margin-left: 3.5rem; text-align: left; } 

 .slide-wrapper__main .swiper-btn-area { bottom: 17.5vh; } 

 .slide-wrapper__main .swiper-pagination-bullet em { bottom: -31px; font-size: 15px; opacity: 0.8; } 
 .slide-wrapper__main .swiper-pagination-bullet i { height: 2px; } 
 .slide-wrapper__main .swiper-pagination-bullet b { height: 2px; } 


 .slide-wrapper__main .swiper-pagination-bullet-active { background-color: transparent; } 
 .slide-wrapper__main .swiper-pagination-bullet-active b { -webkit-animation-name: countingBar; animation-name: countingBar; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } 
 .slide-wrapper__main .swiper-pagination-bullet-active em { font-size: 16px; opacity: 1; } 

 .scroll-downs { bottom: 3.125rem; } 

 .header__top { display: none; } 

 .header__bottom { height: 76px; } 

 header.active .header__bottom { border-bottom: 1px solid #dadada; box-sizing: border-box; } 

 header.search__on { top: 0; } 

 .header__bottom .search-content { top: 0; transition: all 0.2s ease; -webkit-animation-name: searchOff; animation-name: searchOff; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); } 

 .header__bottom .search-content.on { top: 76px; -webkit-animation-name: searchOn; animation-name: searchOn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); } 

 .header__bottom nav .depth_01 > li a { font-size: 19px; } 

 @-webkit-keyframes searchOn { 
 0% { top: 0; } 
 100% { top: 76px; } 
 }

 @keyframes searchOn { 
 0% { top: 0; } 
 100% { top: 76px; } 
 }
 @-webkit-keyframes searchOff { 
 0% { top: 76px; } 
 100% { top: 0; } 
 }
 @keyframes searchOff { 
 0% { top: 76px; } 
 100% { top: 0; } 
 }
 .header__bottom h1 { width: 90px; height: 12px; background: url(../images/logo.svg) no-repeat 0 -1px/90px; margin-top:-15px; } 

 #header.active h1 { background: url(../images/logo_active.svg) no-repeat 0 -1px/90px; } 

 #header.active .search-title { width: 48px; height: 32px; background: url(../images/logo_text_cn.svg) no-repeat center 1px/48px; }
    
#header.reverse .search-title {
    width: 48px; 
    height: 32px; 
    background: url(../images/logo_text_cn.svg) no-repeat center 1px/48px; 
    top: -19px;
}

 #header .search-title { width: 48px; height: 32px; background: url(../images/logo_text_cn_white.svg) no-repeat center 1px/48px; } 

 .header__bottom .search-wrap { margin-right: 1rem; } 

 .header__bottom h1 { margin-left: 1rem; } 

 

 .header__bottom .gnb__mobile { display: block; } 

 .header__bottom .search-title { display: none; } 

 .header__bottom #logo-title { display: block; } 

 .header__bottom .language-change-mobile { display: block; overflow: hidden; } 
 .header__bottom .language-change-mobile li { float: left; margin-top: 24px; padding-left: 22px; } 
 .header__bottom .language-change-mobile li a { color: #777; font-size: 12px; } 
 .header__bottom .language-change-mobile li.selected a { color: #222; font-weight: 600; text-decoration: underline !important; } 

 .header__bottom .sub li { text-align: left; } 

 .header__bottom .search-content input { width: 100%; } 

 .header__bottom .search-content.on { height: 80px; } 

 .header__bottom .search-content .search-form { width: 80%; margin-top: 25px; padding-left: 16px; } 

 .header__bottom .search-content .search-arrow { margin-top: 29px; padding-right: 16px; } 

 .header__bottom .search-content input::-moz-placeholder { font-size: 20px; } 

 .header__bottom .search-content input:-ms-input-placeholder { font-size: 20px; } 

 .header__bottom .search-content input,
.header__bottom .search-content input::placeholder { font-size: 20px; } 

 body.modal { overflow-y: hidden; } 

 .header__bottom .search-icon { margin: 10px 10px 10px 2px; } 

 body.mobile #menu { display: none; } 

 body.mobile #menu.on { display: block; } 
 body.mobile #menu.on .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(5, 5, 5, 0.6); z-index: 90; } 
 body.mobile #menu.on .menu-area { position: fixed; top: 0; right: 0; margin: 0; width: 273px; height: 100%; background: #fff; z-index: 99; -webkit-animation-name: mobileMenu; animation-name: mobileMenu; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } 
 @-webkit-keyframes mobileMenu { 
 0% { transform: translateX(275px); } 
 100% { transform: translateX(0); } 
 }
 @keyframes mobileMenu { 
 0% { transform: translateX(275px); } 
 100% { transform: translateX(0); } 
 }
 body.mobile #menu.on .close-mobile { display: block; position: absolute; top: 26px; left: -49px; z-index: 99; } 
 body.mobile #menu.on .menu-area .depth_01 { flex-flow: column; justify-content: flex-start; width: 100%; width: 100%; left: 0; transform: translate(0, 35px); } 
 /* body.mobile #menu.on .menu-area .depth_01 .menu-mobile .box-area { display: none; } 
 body.mobile #menu.on .menu-area .depth_01 .menu-mobile.open .box-area { display: block; animation: mobileMenuDrop .2s ease-in-out; } 

 @-webkit-keyframes mobileMenuDrop { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }
 @keyframes mobileMenuDrop { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }*/
 body.mobile #menu.on .menu-area .depth_01 > li { display: block; width: 100%; text-align: left; } 
 body.mobile #menu.on .menu-area .depth_01 > li > a { display: block; width: 100%; text-align: left; pointer-events: none; cursor: default; } 
 
 body.mobile #menu.on .menu-area .depth_01 .box-area li a { display: block; text-align: left; } 
 body.mobile #menu.on .depth_01 > li > a { position: relative; padding-left: 25px; height: 55px; line-height: 55px; color: #111 !important; } 
 body.mobile #menu.on .menu-area .depth_01 > li { position: relative; cursor: pointer; } 
 body.mobile #menu.on .menu-area .depth_01 > li .mobile-arrow { display: block; position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; cursor: pointer; } 
 
 
 
 body.mobile #menu.on .depth_01 > li::before { content: ""; position: absolute; width: 0; height: 0; top: 0; left: 0; background: none; transition: none; z-index: 0; } 
 body.mobile #menu.on .depth_01 > li:hover > a { color: #111 !important; border-bottom: 0; } 

 body.mobile #menu.on .depth_01 > li.open:hover > a { color: #005EB8 !important; border-bottom: 0; } 

 body.mobile #menu.on .depth_01 > li.open > a { color: #111 !important; } 

 body.mobile #menu.on .depth_01 > li:first-child svg path,
 body.mobile #menu.on .depth_01 > li:first-child:hover svg path { fill: #111 !important; } 
 
 body.mobile #menu.on .depth_01 .box-area a { padding-left: 35px; font-size: 14px; font-weight: 300; color: #333; } 
 body.mobile #menu.on .depth_01 .box-area li.selected a { color: #005EB8; text-decoration: underline; text-underline-position: under; } 
 body.mobile #menu.on .depth_01 .box-area li a:hover { color: #005EB8; text-decoration: underline; text-underline-position: under; } 

 body.mobile #menu.on .depth_01 > li:first-child svg path { fill:#111 !important; } 
    
    .st03{margin: 1.9rem 0 0 9.5rem;}
    .st04{margin: 3rem 0 0 9.5rem;}
    
 }
@media screen and (max-width: 1030px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 24.3%; } 
 }
@media screen and (max-width: 1000px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 22.3%; } 
 .slide-wrapper__main .btn-wrap__action { left: -72px; } 
 }

@media screen and (max-width: 912px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 22%; } 
 }
/* @media screen and (max-width: 960px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 21.8%; } 

 .slide-wrapper__main .btn-wrap__action { left: -72px; } 
 .slide-wrapper__main .swiper-pagination-bullet { width: 21.7%; } 
 }*/

@media screen and (max-width: 875px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 21.7%; } 

 .slide-wrapper__main .btn-wrap__action { left: -73px; } 
 }
@media screen and (max-width: 850px){
 .slide-wrapper__main .swiper-pagination-bullet { /* width: 21.3%; */} 
 }
@media screen and (max-width: 815px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 21.5%; } 
 }
@media screen and (max-width: 768px){

 .social-wrapper .social-header ul li a span { font-size: 15px; } 
 footer .footer-bottom .use-list-area {top: 60px;} 

 .sub_tab2 {
    height: 6.1rem;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 0;
    justify-content: initial;
}


 .social-wrapper .social-header ul li:nth-child(1) a::before { content: ""; position: absolute; top: 0; left: -1px; width: 28px; height: 28px; background: url(../images/FaceBook.svg) no-repeat 0 0px/28px; } 

 .social-wrapper .social-header ul li:nth-child(2) a::before { content: ""; position: absolute; top: 0; left: 45px; width: 28px; height: 28px; background-color: #0077b7; background: url(../images/LinkedIn.svg) no-repeat 0 0/28px; } 

 .social-wrapper .social-header { flex-direction: column; align-items: flex-start; } 

 .social-wrapper .social-header ul li:nth-child(1) a { padding-left: 36px; } 

 .social-wrapper .social-header ul li:nth-child(2) a { padding-left: 83px; } 

 .social-wrapper h2 { font-size: 24px; padding: 38px 0 0; line-height: 25px; } 

 .social-wrapper .social-header ul { margin: 20px 0 30px 0; } 

 .social-wrapper .btn__add { padding: 2.313rem 0; } 

 .social-wrapper .btn__add button { position: relative; width: 100%; height: 48px; line-height: 48px; font-size: 0.875rem; font-weight: bold; color: #fff; border: 1px solid #414141; box-sizing: border-box; border-radius: 5px; cursor: pointer; text-align: center; box-sizing: border-box; } 

 .social-wrapper .btn__add button span { margin-left: 0; } 

 .social-wrapper .btn__add button::after { top: 21px; right: 50%; width: 4.266rem; height: 1.25rem; background: url(../images/add_arrow.svg) no-repeat 0 0; transform: translate(147%, 0); } 

 .social-wrapper .btn__top { bottom: 6.013rem; opacity: 0.5; } 

 .scroll-name { font-weight: 500; font-size: 12px; text-align: center; } 

 .slide-wrapper__main .swiper-pagination-bullet b,
.slide-wrapper__main .swiper-pagination-bullet i { height: 2px; } 

.sub_tab2 li {height: 6rem; line-height: 6rem; letter-spacing: -0.6px; MARGIN: 0 0.3rem;}
.strategy_bf {font-size: 2.2rem; line-height: 3rem; word-break: break-all;}

 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px); } 

 .swiper-pagination-bullet em { font-size: 12px !important; opacity: 0.8; } 

 .swiper-pagination-bullet-active em { font-size: 12px !important; opacity: 1; } 

 .swiper-pagination-bullet-active em { opacity: 1; } 

 .slide-wrapper__main .swiper-pagination-bullet { width: 22.9%; } 

 .slide-wrapper__main .btn-wrap__action { left: -27px; } 

 .slide-wrapper__main .swiper-pagination { margin-left: 1rem; } 

 .slide-wrapper__main .swiper-pagination-bullet:nth-child(1) em { width: 102px; } 

 
 .slide-wrapper__main .swiper-pagination-bullet:nth-child(2) em { width: 51px; } 

 .slide-wrapper__main .swiper-pagination-bullet:nth-child(3) em { width: 67px; } 

 .slide-wrapper__main .swiper-pagination-bullet:nth-child(4) em { width: 84px; } 

 .slide-wrapper__main .swiper-pagination-bullet-active:nth-child(1) em { width: 107px; } 

 .slide-wrapper__main .swiper-pagination-bullet-active:nth-child(2) em { width: 52px; } 

 .slide-wrapper__main .swiper-pagination-bullet-active:nth-child(3) em { width: 70px; } 

 .slide-wrapper__main .swiper-pagination-bullet-active:nth-child(4) em { width: 87px; } 
 }

@media screen and (max-width: 767px){
    .swiper_product .swiper-pagination > span:nth-child(1):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(2):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(3):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(4):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(5):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(6):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(7):before{content:"";}
    
    .st03{/*margin: 1.6rem 0 0 7.3rem;*/}
    .st04{margin: 3rem auto;}
    
    .strategy_bf{word-break: break-all;}
    .env .product_summary dl dd{padding-left:20px; padding-right:20px;}
    .inquiry_wrap > .inquiry_page > ul > #form_group > form > ul > li > label{font-size:14px; letter-spacing: -1.2px;}
    .social-wrapper .social-header{padding-top:6.9rem}
    .regist-content{width:100%;}
    
    #registAgree[type="checkbox"]+label {
        margin: 0 0.5rem;
        font-size: 1.4rem;
        width: 14rem;
        text-align: left;
    }
    
}

@media screen and (max-width: 750px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 22.7%; } 
 .slide-wrapper__main .btn-wrap__action { left: -30px; } 
 }
@media screen and (max-width: 715px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 22.6%; } 
 }
@media screen and (max-width: 660px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 22.4%; } 
 }
@media screen and (max-width: 640px){
 .header__bottom .search-icon { margin: 10px 15px 10px 2px; } 

 .header__bottom .search-area::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; background-color: none; } 

 .header__bottom .language-area { display: none; } 
 .scroll-downs { bottom: 5vh; } 

 .header__bottom { height: 64px; } 

 header.search__on { top: 0; } 

 .header__bottom .search-content { top: 0; } 

 .header__bottom .search-content.on { top: 64px; } 

 .header__bottom nav .depth_01 > li a { font-size: 16px; } 

 @-webkit-keyframes searchOn { 
 0% { top: 0; } 
 100% { top: 64px; } 
 }

 @keyframes searchOn { 
 0% { top: 0; } 
 100% { top: 64px; } 
 }
 @-webkit-keyframes searchOff { 
 0% { top: 64px; } 
 100% { top: 0; } 
 }
 @keyframes searchOff { 
 0% { top: 64px; } 
 100% { top: 0; } 
 }
 .slide-wrapper__main .text-area span { font-size: 26px; line-height: 34px; letter-spacing: -0.6px; } 

 .slide-wrapper__main .text-area { margin-left: 1rem; } 

 .slide-wrapper__main .swiper-pagination-bullet em { margin: 0; bottom: -41px; left: 5px; text-align: left; } 

 .slide-wrapper__main .swiper-pagination-bullet { width: 22.6%; } 

 .slide-wrapper__main .swiper-pagination span:nth-child(1) em { width: 70px; } 

 .slide-wrapper__main .swiper-pagination span:nth-child(2) em { width: 30px; } 

 .slide-wrapper__main .swiper-pagination span:nth-child(3) em { width: 30px; } 

 .slide-wrapper__main .swiper-pagination span:nth-child(4) em { width: 75px; } 

 .slide-wrapper__main .btn-wrap__action { top: 5px; } 
 }
@media screen and (max-width: 600px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 22.5%; } 
 }
@media screen and (max-width: 560px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 22%; } 
 }
@media screen and (max-width: 540px){
 .slide-wrapper__main .swiper-pagination-bullet { /* width: 21.7%; */} 
 }
@media screen and (max-width: 470px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 21.8%; } 
 .slide-wrapper__main .btn-wrap__action { left: -19px; } 
 }
@media screen and (max-width: 393px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 21.5%; } 
 }
@media screen and (max-width: 375px){
 .slide-wrapper__main .text-area span { font-size: 24px; } 
 }
@media screen and (max-width: 338px){
 .slide-wrapper__main .swiper-pagination-bullet { width: 21.4%; } 
 }
/*220502수정*/
header { transition: none; } 

#header.on .sub { transition: none; } 

#header.on .sub.selected { background: #FEFEFE; } 

.header__bottom nav .depth_01 > li::before { transition: all 0.3s ease-out; }

 /* IE10+ */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
 .header__top { position: relative; } 
 .header__top ul { position: absolute; top: 0; right: 0; } 
 #header h1 { height: 1.07rem; } 
 .slide-wrapper__main .swiper-slide { overflow: hidden; } 
 .video-bg { -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); 
 transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; } 
 }





/**/  /**/
  
/*제품 레이어팝업 추가*/
.pop-layer .repop .st01 .regist_input {width: 43.5rem;}
.pop-layer .repop .st02 .regist_input {width: 18rem;}
.pop-layer .repop .st02:last-child .regist_input {}
.pop-layer .st03 {margin: 3rem 0 1.5rem 7rem;}

@media screen and (max-width: 1080px) {
     /*제품 레이어팝업 추가*/
    .pop-layer .st03{margin: 2rem 0 1.5rem 0rem;}
    .pop-layer .st04{margin: 3rem auto;}
    .pop-layer .repop .st01 .regist_input{width: 100%;}
    .pop-layer .repop .st02 .regist_input{width: 100%;}
}

@media screen and (max-width: 767px) {
     /*제품 레이어팝업 추가*/
   .pop-layer{}
   .pop-layer .st04{}
    
}

@media screen and (max-width: 375px) {
     /*제품 레이어팝업 추가*/
   .pop-layer{width: 340px; left: 50%;}
}