/* 로그인 */
.AG-loginBox {background: #fff; width: 800px; margin: 100px auto; padding: 50px 0;}
#mb_login {margin:0 auto; padding:50px 0; width:700px; border: 1px solid #000; }
#mb_login h1 {margin:0 0 20px;font-size: 1.875rem; color:#222839; text-align: center;}
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5}
#mb_login #login_fs {position:relative;margin:0 auto; /* padding:20px 20px 20px 95px; */ border:none; width: 456px; /*border:1px solid #cfded8;border-bottom:0; *background:#fff*/}
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs label {letter-spacing:-0.1em; position: absolute; font-size: 0.938rem; color: #222839; font-weight: bold;}
#mb_login #login_fs .login_id {top:12px;}
#mb_login #login_fs .login_pw {top:57px;}
#mb_login #login_fs .frm_input { display: block; margin: 0 0 5px 80px; width: 270px; height: 40px; padding: 5px;  font-size: 0.938em; box-sizing: border-box; background: none !important; border: 1px solid; box-shadow: unset;}
#mb_login #login_fs .btn_submit {position:absolute;top:0;right:0;width:96px;height:85px; background: #2e374e; border: none;font-size: 0.813rem; color: #fff; font-weight: bold;}
.AG-autoLogin {margin-left: 80px; margin-top: 10px;}
#mb_login  #login_auto_login + label {font-size: 0.813rem; color: #979797; font-weight: bold; margin-left: 5px;}
#mb_login #login_info{width: 456px; margin:0 auto 15px;padding:20px 0;  /*border:1px solid #cfded8;background:#f5f6fa */}
#mb_login #login_info h2 {font-size: 0.938rem; color: #222839;}
#mb_login #login_info p {font-size: 0.75rem; color: #2e374e;}
/* #mb_login #login_info div {text-align:right} */
#mb_login #login_info div a {display: inline-block; background: #979797; color: #fff; padding: 5px 10px; font-size: 0.75rem;}
#mb_login #login_info div a:first-child {margin-right: 12px;}
#mb_login .btn_confirm  {width: 456px; margin: 0 auto; text-align: left;}
#mb_login .btn_confirm a {font-size: 0.938rem; color: #222839; font-weight: bold;}




/* main popup*/
.main_pops_wrap { position: fixed; top: 0 !important; left: 0 !important; width: 100vw; height: 100%; z-index: 10000; transition: opacity 0.25s linear; background: rgba(0, 0, 0, 0.75); display: flex; align-items: center; justify-content: center;}
.main_pops_wrap.hide {opacity: 0; pointer-events: none;}
.main_pops_wrap .main_pops_box { width: 90%; max-width: 420px;}
.main_pops_wrap .pops_slider { width: 100%;}
.main_pops_wrap .pops_slider .pagination {position: absolute; left: auto; right: 0.625rem; top: auto; bottom: 0.625rem; padding: 0.375rem 0.75rem; border-radius: 100px; background-color: rgba(0, 0, 0, 0.3); font-family: "Pretendard", sans-serif; font-size: 1rem; line-height: 1; font-weight: 500; color: var(--white); width: auto; display: flex; align-items: center; justify-content: center; gap: 0.25rem;}
.main_pops_wrap .main_pops { }
.main_pops_wrap .main_pops .main_pops_con {width: 100%; height: unset;font-size: 0;}
.main_pops_wrap .main_pops .main_pops_con > a {  display: block;  width: 100%; height: 100%; font-size: 0;}
.main_pops_wrap .main_pops .main_pops_con img { width: 100%; object-fit: contain; border-radius: 1.25rem; overflow: hidden;}
.main_pops_wrap .main_pops .main_pops_con > br { display: none;}
.main_pops_wrap .main_pops_footer { display: flex; align-items: center; justify-content: space-between; padding: 0 0.625rem; margin-top: 1.25rem;}
.main_pops_wrap .main_pops_footer > button { font-size: 1rem; color: var(--white); font-weight: 600;}



/* main */
.main_wrap {position: relative; width: 100%; }
.main_section {position: relative; width: 100%; }
.main_section .inner {max-width: 1440px;}
.sequence_ani {will-change: opacity;  animation: sample 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}

@keyframes sample {
  0% { opacity: 1; }
  80% { opacity:0; }
}

.ms1 {height: 100vh;}
.ms1 .ms1_slider { width: 100%; height: 100%;}
.ms1 .ms1_slider .swiper-slide { width: 100%; height: 100%;}
.ms1 .ms1_slider .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; transition: all 1.4s ease-in-out; will-change: transform;}
.ms1 .ms1_slider .swiper-slide.swiper-slide-active > img { transform: scale(1.1);}
.ms1 .ms1_txtbox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 1440px; z-index: 10; display: flex; flex-direction: column; align-items: center; text-align: center;}
.ms1 .ms1_txtbox .pagination { position: relative; left: auto;top: auto; bottom: auto; display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 2.5rem;}
.ms1 .ms1_txtbox .pagination .swiper-pagination-bullet { position: relative; margin: 0; width: 1.5rem; height: unset; aspect-ratio: 1 / 1; background: none; border: 1px solid var(--white); border-color: transparent; transition: var(--transition); opacity: 0.5;}
.ms1 .ms1_txtbox .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--white); opacity: 1;}
.ms1 .ms1_txtbox .pagination .swiper-pagination-bullet::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 5px; aspect-ratio: 1 / 1; background: var(--white); border-radius: 50%;}
.ms1 .ms1_txtbox .tit { font-size: 3.25rem; line-height: 1.2; color: var(--white); margin-bottom: 2rem; font-weight: 600; display: inline-block;}
.ms1 .ms1_txtbox .desc { font-size: 1.375rem; line-height: 1.5; color: var(--white);}
.ms1 .scroll_box { display: flex; flex-direction: column; align-items: center; gap: 0.625rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 3.125rem; z-index: 10; cursor: pointer;}
.ms1 .scroll_box .txt { font-size: 0.938rem; color: var(--white); font-weight: 600; text-transform: capitalize; font-family:'archivo';}
.ms1 .scroll_box .icon { position: relative; display: inline-block; width: 1.375rem; height: 1.875rem; border-radius: 100px; overflow: hidden; border: 2px solid #ddd;}
.ms1 .scroll_box .icon::before { content: ""; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 0.25rem; aspect-ratio: 1 / 1; background: var(--white); border-radius: 100px; animation: mouse_scroll 1.3s ease-out infinite;}

@keyframes mouse_scroll {
  0% { top:0; opacity:0; }
  20% { opacity:1; }
  70% { opacity:1; }
  100% { top:calc(100% - 10px); opacity:0; }
}

.ms2 {height: 100vh; overflow: hidden;}
.ms2 .ms2_inner { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 8.75rem;}
.ms2 .ms2_top {position: relative;}
.ms2 .ms2_top .marquee .marquee_group .item{font-size: 7.5rem; line-height: 1; font-weight: 600; color: var(--white); -webkit-text-stroke: 1px rgba(204, 204, 204, 0.6); font-family:'poppins';}
.ms2 .ms2_top .m_viewbox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10;}
.ms2 .ms2_cont { display: flex; gap: 7.85rem; width: 80%; max-width: 2000px;  margin-left: auto;}
.ms2 .ms2_cont > .txtbox { width: 22.5rem; display: flex; flex-direction: column; align-items: flex-start;}
.ms2 .ms2_cont > .txtbox .m_morebox {margin-top: 2.5rem;}
.ms2 .ms2_cont > .txtbox .ms2_control { position: relative; display: flex; gap: 1.05rem; margin-top: 7rem;}
.ms2 .ms2_cont > .txtbox .ms2_control .prev_btn, 
.ms2 .ms2_cont > .txtbox .ms2_control .next_btn { position: relative; left: auto; right: auto; top: auto; width: 1.388rem; height: auto; margin: 0; transition: var(--transition);}
.ms2 .ms2_cont > .txtbox .ms2_control .prev_btn:hover, 
.ms2 .ms2_cont > .txtbox .ms2_control .next_btn:hover {opacity: 0.35;}
.ms2 .ms2_cont > .txtbox .ms2_control .pagination { position: relative; left: auto; top: auto; bottom: auto; display: flex; justify-content: center; gap: 0.35rem; font-size: 0.813rem; font-weight: 500; color: var(--black); width: auto; min-width: 50px;}
.ms2 .ms2_cont > .txtbox .ms2_control .pagination .total { color: #777777;}
.ms2 .ms2_cont > .slidebox { width: calc(100% - 7.85rem - 22.5rem);}
.ms2 .ms2_cont .ms2_slider { width: 100%;}
.ms2 .ms2_cont .ms2_slider .swiper-slide{width: 400px; cursor: pointer; }
.ms2 .ms2_cont .ms2_slider .swiper-slide:last-child {margin-right: 2.5rem;}
.ms2 .ms2_cont .ms2_slider .slide_link { display: flex; flex-direction: column; padding: 2.5rem; background: url(../img/ms2_slide_bg.png) no-repeat center/cover; }
.ms2 .ms2_cont .ms2_slider .slide_link .tit { font-size: 1.25rem; font-weight: 600; color: var(--black); margin-bottom: 0.625rem; font-family:'archivo';}
.ms2 .ms2_cont .ms2_slider .slide_link .desc { font-size: 1rem; font-weight: 500; color: #555555; margin-bottom: 5.938rem;}
.ms2 .ms2_cont .ms2_slider .slide_link .prd_img { display: block; transition: all 0.6s ease; filter: grayscale(1); width:16.25rem; margin:auto;}
.ms2 .ms2_cont .ms2_slider .swiper-slide:hover .prd_img { filter: grayscale(0);}

.ms3 { background: url(../img/ms3_bg.png) no-repeat center / cover fixed;}
.ms3 .ms3_cont { position: relative; display: flex; align-items: flex-start;justify-content: space-between; padding: 5rem 0 10rem;}
.ms3 .ms3_cont > .imgbox { max-width: 797px; width: 60%; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 3.563rem;}
.ms3 .ms3_cont > .imgbox > .item { position: relative; width: calc((100% - 3.563rem) / 2); aspect-ratio: 1 / 1.40540; overflow: hidden;}
.ms3 .ms3_cont > .imgbox > .item:nth-child(even) { margin-top: 5rem; margin-bottom: -5rem;}
.ms3 .ms3_cont > .imgbox > .item .thumbox { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%;}
.ms3 .ms3_cont > .imgbox > .item .thumbox > img{ width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.ms3 .ms3_cont > .imgbox > .item .thumbox > img:nth-child(2) {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;}
.ms3 .ms3_cont > .imgbox > .item .hoverbox { position: absolute; left: 0; top: 0; width: 100%;height: 100%; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6.125rem; text-align: center; transition: var(--transition); opacity: 0;}
.ms3 .ms3_cont > .imgbox > .item .hoverbox .txt { font-size: 1.063rem; color: var(--white); padding:2.188rem; }
.ms3 .ms3_cont > .imgbox > .item .hoverbox .arrow { background: url(../img/arrow-right-w.svg) no-repeat center / contain; width: 1.375rem; aspect-ratio: 1 / 1; display: block;}
.ms3 .ms3_cont > .imgbox > .item:hover .thumbox > img:nth-child(1) {opacity: 0;}
.ms3 .ms3_cont > .imgbox > .item:hover .thumbox > img:nth-child(2) { opacity: 1; transform: translate(-50%, -50%) scale(1.1);}
.ms3 .ms3_cont > .imgbox > .item:hover .hoverbox{opacity: 1;}
.ms3 .ms3_cont > .txtbox { position: sticky; top: 0; text-align: right; padding-top: 22em; height: 100vh;}

.ms4 {padding:14rem 0 16.5rem}
.ms4 .inner {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ms4 .m_titbox {margin-bottom: 3.55rem;text-align: center;}
.ms4 .m_txt1 + .m_txt2 { margin-top: 2rem;}
.ms4 .ms4_latest {width: 100%;}
.ms4 .m_viewbox { margin-top: 5.75rem;}



/* sub */
.sub_wrap {position: relative; width: 100%;}
.sub_section { position: relative; width: 100%;}
.sub_top { position: relative; width: 100%; height: 40.625rem; background: no-repeat center / cover;}
.sub_top.about_top {background-image: url(../img/sub_top_img1.jpg);}
.sub_top.product_top {background-image: url(../img/sub_top_img2.jpg);}
.sub_top.newsroom_top {background-image: url(../img/sub_top_img3.jpg);}
.sub_top.customer_top {background-image: url(../img/sub_top_img4.jpg);}
.sub_top .txtbox { position: absolute; left: 50%; top: 50%; width: 90%; max-width: 1440px; transform: translate(-50%, -50%); display: flex; flex-direction: column; text-align: center; gap: 1.875rem;}
.sub_top .txtbox .sub { font-size: 1.125rem; font-weight: 500; line-height: 1; color: var(--white); font-family:'poppins';}
.sub_top .txtbox .title { font-size: 3.125rem; font-weight: 700; color: var(--white);}
.sub_txt1 { font-size: 2.5rem; font-weight: 700; color: var(--black);}
.sub_txt1.white { color: var(--white);}
.sub_txt2 { font-size: 1.25rem; line-height: 1.5; color: var(--black);}
.sub_txt2.white { color: var(--white);}


/* about */
.about_section1 { padding: 18.75rem 0; overflow: hidden;}
.about_section1 .ss1_txtbox { display: flex; flex-direction: column; align-items: center; text-align: center;}
.about_section1 .ss1_txtbox .bar { width: 1px; height: 2.25rem; background: var(--point); margin-bottom: 2rem;}
.about_section1 .ss1_txtbox .tit { margin-bottom: 2.5rem;}
.about_section1 .ss1_txtbox .desc { color: #aaaaaa;}
.about_section1 .deco_txt { position: absolute; right: -0.05em; bottom: -0.15em; font-size: 13.5rem; line-height: 1; font-weight: 700; color: #f9f9f9; white-space: nowrap;}
.about_section1 .deco_txt span {display: inline-block;}

.about_section2 { background: url('/sub/img/about_ss2_bg.jpg') no-repeat center / cover fixed; padding: 15rem 0;}
.about_section2 .ss2_titbox { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2rem; margin-bottom: 5rem;}
.about_section2 .ss2_cont { display: flex; justify-content: space-between; gap: 6rem;}
.about_section2 .ss2_cont > .item { width: 33.333%; background: rgba(0, 9, 44, 0.5);  border: 1px solid #3c4461; border-radius: 1.25rem; overflow: hidden; padding: 3.125rem; backdrop-filter: blur(0.625rem);}
.about_section2 .ss2_cont > .item .tit{ font-size: 1.563rem; font-weight: 600; color: var(--white); margin-bottom: 4rem; font-family:'poppins';}
.about_section2 .ss2_cont > .item .tit .color{color: var(--point);}
.about_section2 .ss2_cont > .item .sub { font-size: 1.25rem; line-height: 1; font-weight: 700; color: var(--white); margin-bottom: 1rem;}
.about_section2 .ss2_cont > .item .desc { font-size: 1.063rem; line-height: 1.4; color: var(--white); word-break: keep-all; font-weight:300;}

.about_section3 { margin: 15rem 0 14.5rem;}
.about_section3 .ss3_titbox { display: flex; justify-content: space-between; padding-bottom: 2.6rem; border-bottom: 1px solid var(--black); margin-bottom: 2.7rem;}
.about_section3 .ss3_titbox .ss3_control { display: flex; gap: 1.05rem;}
.about_section3 .ss3_titbox .ss3_control .prev_btn, 
.about_section3 .ss3_titbox .ss3_control .next_btn { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 1.7rem; height: unset; aspect-ratio: 1 / 1; background: no-repeat center / contain; margin: 0; transition: var(--transition);}
.about_section3 .ss3_titbox .ss3_control .prev_btn{background-image: url('/sub/img/arrow-left.svg');}
.about_section3 .ss3_titbox .ss3_control .prev_btn:hover{background-image: url('/sub/img/arrow-left_over.svg');}
.about_section3 .ss3_titbox .ss3_control .next_btn{background-image: url('/sub/img/arrow-right.svg');}
.about_section3 .ss3_titbox .ss3_control .next_btn:hover{background-image: url('/sub/img/arrow-right_over.svg');}
.about_section3 .ss3_slider { width: 100%;}
.about_section3 .ss3_slider .swiper-slide .year { font-size: 2.813rem;  line-height: 1; font-weight: 800; font-family: var(--font2); color: var(--black); margin-bottom: 1.5rem;}
.about_section3 .ss3_slider .swiper-slide .listbox { display: flex; flex-direction: column;}
.about_section3 .ss3_slider .swiper-slide .listbox .txt { position: relative; font-size: 1.063rem; line-height: 1.5; color: #555555; padding-left: 0.6rem;}
.about_section3 .ss3_slider .swiper-slide .listbox .txt::before {content: "-"; position: absolute; left: 0; top: 0;}

.about_section4 {background: url('/sub/img/about_ss4_bg.jpg') no-repeat center / cover; padding: 15rem 0;}
.about_section4 .ss4_titbox { position: relative; margin-bottom: 2rem;}
.about_section4 .ss4_cont { display: flex; justify-content: space-between; gap: 4.35rem;}
.about_section4 .ss4_cont > .item { width: 25%; aspect-ratio: 1 / 0.75; padding: 1.8rem; background: rgba(255, 255, 255, 0.5); border-radius: 1.25rem; display: flex; flex-direction: column; justify-content: space-between;}
.about_section4 .ss4_cont > .item .txtbox { display: flex; flex-direction: column; gap: 0.85rem;}
.about_section4 .ss4_cont > .item .txtbox .tit { font-size: 1.25rem; line-height: 1; font-weight: 700; color: var(--black); }
.about_section4 .ss4_cont > .item .txtbox .desc { font-size: 1.063rem; color: #555555; word-break: keep-all;}
.about_section4 .ss4_cont > .item .iconbox { display: flex; margin-left: auto;}
.about_section4 .ss4_cont > .item .iconbox .icon { width: 2.25rem; aspect-ratio: 1 / 1; background: no-repeat center / contain;}
.about_section4 .ss4_cont > .item .iconbox .icon.icon1{background-image: url('/sub/img/i_company.svg');}
.about_section4 .ss4_cont > .item .iconbox .icon.icon2{background-image: url('/sub/img/i_ceo.svg');}
.about_section4 .ss4_cont > .item .iconbox .icon.icon3{background-image: url('/sub/img/i_establish.svg');}
.about_section4 .ss4_cont > .item .iconbox .icon.icon4{background-image: url('/sub/img/i_mainproduct.svg');}

.about_section5 { padding: 15rem 0;}
.about_section5 .ss5_cont .ss5_map#map { position: relative; width: 100% !important; aspect-ratio: 1 / 0.2986111; margin-top: 2rem;}
.about_section5 .ss5_cont .ss5_map .map_mark { display: flex; align-items: center; gap: 0 0.5rem; background-color: #2d77ec; border-radius: 100px; padding: 0.313rem; padding-right: 0.875rem; box-sizing: border-box; position: relative;}
.about_section5 .ss5_cont .ss5_map .map_mark::before { content: ""; position: absolute; left: 0.75rem;bottom: -0.438rem; width: 0; height: 0; border-left: 8px solid transparent; border-right: 0.5rem solid transparent; border-top: 0.75rem solid #2d77ed;}
.about_section5 .ss5_cont .ss5_map .map_mark .map_mark_icon { color: #2d77ec; background-color: var(--white); border-radius: 50%; width: 1.875rem; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; font-size: 1.3rem;}
.about_section5 .ss5_cont .ss5_map .map_mark .map_mark_txt { font-size: 1rem; color: var(--white); font-weight: bold;}
.about_section5 .ss5_cont .infbox { position: relative; background: var(--point); display: flex; justify-content: center; align-items: center; gap: 2.5rem; padding: 2.5rem 0;}
.about_section5 .ss5_cont .infbox .infoitem { font-size: 1.125rem; color: var(--white); display: flex; gap: 1rem;}
.about_section5 .ss5_cont .infbox .infoitem .tit { font-weight: 600;}



/* customer */
.customer_section1 { padding: 0 0 15rem;}
.customer_section1 .ss1_topbox { background: #f9fafc; padding: 6.25rem 0;}
.customer_section1 .ss1_top { display: flex; justify-content: space-between; align-items: center; gap: 2.5rem;}
.customer_section1 .ss1_top > .left { width: 50%;}
.customer_section1 .ss1_top > .left .sub { font-size: 1.25rem; font-weight: 600; color: var(--black);}
.customer_section1 .ss1_top > .left .tit { font-size: 3.125rem; font-weight: 700; color: var(--black); margin-bottom: 1.5rem;}
.customer_section1 .ss1_top > .left .desc { font-size: 1rem; line-height: 1.4; color: #555555;}
.customer_section1 .ss1_top > .left .desc .black { color: var(--black); font-weight: 500;}
.customer_section1 .ss1_top > .right { width: 50%; display: flex; justify-content: flex-end; gap: 2rem;}
.customer_section1 .ss1_top > .right > .box { width: 50%; max-width: 300px; box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.03); background: var(--white); border-radius: 1.25rem;  padding: 1.875rem;}
.customer_section1 .ss1_top > .right > .box .tit { font-size: 1.125rem; font-weight: 600; color: var(--black); margin-bottom: 0.75rem;}
.customer_section1 .ss1_top > .right > .box .number { font-size: 1.563rem; font-weight: 700; color: var(--point); margin-bottom: 0.5rem;}
.customer_section1 .ss1_top > .right > .box .desc { font-size: 0.938rem; color: #555555;}
.customer_section1 .ss1_top > .right > .box .more { display: flex; justify-content: flex-end; gap: 0.625rem; margin-top: 2rem; font-size: 0.938rem; margin-left: auto; font-weight:600;}
.customer_section1 .ss1_top > .right > .box .more:hover { text-decoration: none;}
.customer_section1 .ss1_top > .right > .box .more .arrow { background: url('/sub/img/i_arrow-right.svg') no-repeat center / contain; width: 1rem; aspect-ratio: 1 / 1;}
.customer_section1 .ss1_cont { margin-top: 5rem; display: flex; flex-direction: column; gap: 2rem;}
.customer_section1 .ss1_cont .title { font-size: 1.5rem; font-weight: 700; color: var(--black);}
.customer_section1 .ss1_cont .contbox { display: flex; justify-content: space-between; gap: 1.5rem; margin-bottom: 5rem;}
.customer_section1 .ss1_cont .contbox > .item { width: calc((100% - 1.5rem* 5) / 6); aspect-ratio: 1 / 1; border: 1px solid #cccccc; border-radius: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; transition: var(--transition); cursor: pointer;}
.customer_section1 .ss1_cont .contbox > .item:hover { border-color: var(--black);}
.customer_section1 .ss1_cont .contbox > .item .icon { height: 2.5rem; aspect-ratio: 1 / 1; background: no-repeat center / contain;}
.customer_section1 .ss1_cont .contbox > .item .icon.icon1{background-image: url('/sub/img/i_serviceguide.svg');}
.customer_section1 .ss1_cont .contbox > .item .icon.icon2{background-image: url('/sub/img/i_warranty.svg');}
.customer_section1 .ss1_cont .contbox > .item .icon.icon3{background-image: url('/sub/img/i_serialcheck.svg');}
.customer_section1 .ss1_cont .contbox > .item .icon.icon4{background-image: url('/sub/img/i_visit.svg');}
.customer_section1 .ss1_cont .contbox > .item .icon.icon5{background-image: url('/sub/img/i_parcel.svg');}
.customer_section1 .ss1_cont .contbox > .item .icon.icon6{background-image: url('/sub/img/i_caution.svg');}
.customer_section1 .ss1_cont .contbox > .item .txt { font-size: 1.125rem; font-weight: 600; color: var(--black); text-align: center;}
.customer_section1 .last_txtbox { position: relative; background: var(--point); display: flex; justify-content: center; align-items: center; gap: 2.5rem; padding: 2.5rem 0;font-size: 1.25rem; color: var(--white);}

.customer_service_popup { position: fixed; top: 0 !important; left: 0 !important; width: 100vw; height: 100%; z-index: 10000; transition: opacity 0.25s linear; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none;}
.customer_service_popup.show { opacity: 1; pointer-events: auto;}
.customer_service_popup .popup_inner { position: relative; display: flex; width: 90%; max-width: 800px; max-height: 90vh;}
.customer_service_popup .popup_contbox { position: relative; width: 100%; background: var(--white); padding: 2rem; height: 45rem; display: flex; flex-direction: column;}
.customer_service_popup .popup_close {position: absolute; right: 0; top: -3.375rem; width: 2.813rem; aspect-ratio: 1 / 1; font-size: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: var(--transition); cursor: pointer; background: url('/sub/img/icon_close.png') no-repeat center / contain var(--white);}
.customer_service_popup .popup_close:hover {transform: rotate(180deg);}
.customer_service_popup .popup_tit { font-size: 1.5rem; font-weight: 700;color: var(--black); padding-bottom: 1.05rem; border-bottom: 2px solid var(--black); }
.customer_service_popup .popup_content { position: relative; overflow: auto; flex: 1;}
.customer_service_popup .popup_content::-webkit-scrollbar { width:4px;}
.customer_service_popup .popup_content::-webkit-scrollbar-thumb { height: 2.5rem; background: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: var(--transition);}
.customer_service_popup .popup_content::-webkit-scrollbar-track {  background:transparent}
.customer_service_popup .popup_txt1 { font-size: 1rem; color: #888888;}

.customer_service_popup .popup_content.cont1 .popup_txt1 { margin-top: 1.6rem;}
.customer_service_popup .popup_content.cont1 .cont1_box {margin-top: 1rem; display: flex; flex-direction: column; gap: 1rem;}
.customer_service_popup .popup_content.cont1 .cont1_box > .item { display: flex; align-items: center; gap: 1.15rem; padding: 1.9rem 1.5rem; border-radius: 0.625rem; border: 1px solid #ededed;}
.customer_service_popup .popup_content.cont1 .cont1_box > .item .icon { width: 3.375rem; aspect-ratio: 1 / 1; background: center center / contain no-repeat;}
.customer_service_popup .popup_content.cont1 .cont1_box > .item .icon.icon1{background-image: url('/sub/img/i_serialnumber.svg');}
.customer_service_popup .popup_content.cont1 .cont1_box > .item .icon.icon2{background-image: url('/sub/img/i_genuine.svg');}
.customer_service_popup .popup_content.cont1 .cont1_box > .item .icon.icon3{background-image: url('/sub/img/i_condition.svg');}
.customer_service_popup .popup_content.cont1 .cont1_box > .item .txtbox { flex: 1; display: flex; flex-direction: column; gap: 0.375rem;}
.customer_service_popup .popup_content.cont1 .cont1_box > .item .txtbox .tit { font-size: 1.125rem; font-weight: 700; color: var(--black); font-family: var(--font2);}
.customer_service_popup .popup_content.cont1 .cont1_box > .item .txtbox .desc { font-size: 0.938rem; color: #888888;}

.customer_service_popup .popup_content.cont2 .tbl_wrap {position: relative;}
.customer_service_popup .popup_content.cont2 .tbl { border-spacing: unset; border-top: 0; border-bottom: 0;}
.customer_service_popup .popup_content.cont2 .tbl thead tr th { background: #fbfbfb; font-size: 1rem; height: 3.625rem; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; white-space: nowrap;}
.customer_service_popup .popup_content.cont2 .tbl thead tr th:last-child { border-right: 0;}
.customer_service_popup .popup_content.cont2 .tbl tbody tr td { font-size: 0.938rem; color: #333333; text-align: center; vertical-align: middle; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; height: 3.125rem; padding: 0.75rem 0;font-family: var(--font2);}
.customer_service_popup .popup_content.cont2 .tbl tbody tr td:last-child { border-right: 0;}
.customer_service_popup .popup_content.cont2 .tbl tbody tr td.brand { width: 20%;  text-transform: uppercase;}
.customer_service_popup .popup_content.cont2 .tbl tbody tr td.period { width: 15%;}
.customer_service_popup .popup_content.cont2 .tbl tbody tr td.desc { padding: 0.75rem 1.3rem; text-align: left; color: #888888; width: 62%;}

.customer_service_popup .popup_content.cont3 .popup_txt1 {margin-top: 1.6rem;  margin-bottom: 1.1rem;}
.customer_service_popup .popup_content.cont3 .tab_navbox {margin-bottom: 2.5rem;}
.customer_service_popup .popup_content.cont3 .tab_contbox { position: relative; padding-bottom: 2rem;}
.customer_service_popup .popup_content.cont3 .tab_cont .box + .box { margin-top: 2.5rem;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .tit { font-size: 1rem; font-weight: 600; color: var(--black); margin-bottom: 1.5rem;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox {display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img1-1 { max-width: 90%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img1-2 { max-width: 50%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img2-1 { max-width: 50%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img3-1 { max-width: 90%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img4-1{ max-width: 90%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img4-2{ max-width: 90%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img5-1 { max-width: 65%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img5-2 { max-width: 38%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img6-1 { max-width: 65%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img6-2 { max-width: 48%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img7-1 { max-width: 80%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img7-2 { max-width: 38%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img8-1 { max-width: 80%;}
.customer_service_popup .popup_content.cont3 .tab_cont .box .imgbox.img9-1 { max-width: 75%;}

.customer_service_popup .popup_content.cont4 .topbox { display: flex; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-top: 1.6rem;}
.customer_service_popup .popup_content.cont4 .topbox > .item {position: relative; width: 25%; border-right: 1px solid #ededed; display: flex; flex-direction: column; align-items: center; padding: 1.6rem 1.125rem; text-align: center;}
.customer_service_popup .popup_content.cont4 .topbox > .item:nth-child(1) { border-left: 1px solid #ededed;}
.customer_service_popup .popup_content.cont4 .topbox > .item::after { content: ""; background: url('/sub/img/arrow_right.svg') no-repeat center / contain; width: 1.5rem; aspect-ratio: 1 / 1; position: absolute; right: -0.75rem; top: 50%; transform: translateY(-50%);}
.customer_service_popup .popup_content.cont4 .topbox > .item:last-child:after {display: none;}
.customer_service_popup .popup_content.cont4 .topbox > .item .num { font-size: 1.125rem; font-weight: 700; color: #cb2027; margin-bottom: 1rem;}
.customer_service_popup .popup_content.cont4 .topbox > .item .icon { display: flex; align-items: center; justify-content: center; width: 5rem; aspect-ratio: 1 / 1; margin-bottom: 1.25rem; background:#f9f9f9; border-radius:50%; }
.customer_service_popup .popup_content.cont4 .topbox > .item .tit { font-size: 0.938rem; font-weight: 700; color: #333333; margin-bottom: 0.313rem;}
.customer_service_popup .popup_content.cont4 .topbox > .item .desc { font-size: 0.875rem; color: #aaaaaa; word-break: keep-all;}
.customer_service_popup .popup_content.cont4 .warning_txt { font-size: 0.875rem; color: #cb2027; margin-top: 0.7rem; margin-bottom: 2rem; font-weight:600; }
.customer_service_popup .popup_content.cont4 .warning_txt .icon{ background: url('/sub/img/i_note02.svg') no-repeat center / contain; width: 1rem; aspect-ratio: 1 / 1; display: inline-block; vertical-align: middle; margin-right: 0.125rem;}
.customer_service_popup .popup_content.cont4 .visit_txt { background: #f9f9f9; padding: 2.375rem 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 0.375rem; margin-bottom: 2rem;}
.customer_service_popup .popup_content.cont4 .visit_txt .tit { font-size: 0.938rem; font-weight: 700; color: #333333;}
.customer_service_popup .popup_content.cont4 .visit_txt .desc { font-size: 0.938rem; color: #888888;}
.customer_service_popup .popup_content.cont4 .infobox { display: flex; flex-direction: column; gap: 1.5rem;}
.customer_service_popup .popup_content.cont4 .infobox .tit { font-size: 0.938rem; font-weight: 700; color: #333333; margin-bottom: 0.4rem;}
.customer_service_popup .popup_content.cont4 .infobox .descbox { display: flex; flex-direction: column; gap: 0.25rem;}
.customer_service_popup .popup_content.cont4 .infobox .descbox .desc { position: relative; font-size: 0.875rem; color: #888888; padding-left: 0.5em; line-height:1rem;}
.customer_service_popup .popup_content.cont4 .infobox .descbox .desc::before { content: "·"; position: absolute; left: 0; top: 0;}


.customer_service_popup .popup_content.cont6 .top_box { margin-top: 1.6rem; display: flex; flex-direction: column;  gap: 0.125rem;}
.customer_service_popup .popup_content.cont6 .top_box .popup_txt1 .icon { background: url('/sub/img/i_note01.svg') no-repeat center / contain; width: 1.063rem; aspect-ratio: 1 / 1; display: inline-block; vertical-align: middle; margin-right: 0.125rem;}
.customer_service_popup .popup_content.cont6 .top_box .popup_txt1 .red { color: #bf2539; font-weight: 500;}
.customer_service_popup .popup_content.cont6 .contbox { margin-top: 1.5rem; background: #f9f9f9; border-radius: 0.625rem; padding: 1.5rem;}
.customer_service_popup .popup_content.cont6 .contbox .txt { position: relative; font-size: 0.938rem; color: #333333; word-break: keep-all; margin-bottom: 0.375em; font-weight:500;}
.customer_service_popup .popup_content.cont6 .contbox .txt.pb { margin-bottom: 1.125rem;}
.customer_service_popup .popup_content.cont6 .contbox .num_txt { padding-left: 1em;}
.customer_service_popup .popup_content.cont6 .contbox .num_txt .num { position: absolute; left: 0; top: 0;}
.customer_service_popup .popup_content.cont6 .contbox .descbox { display: flex; flex-direction: column; padding-left: 0.85rem; margin: 0.5rem 0 1.125rem;}
.customer_service_popup .popup_content.cont6 .contbox .descbox .desc { position: relative; font-size: 0.875rem; color: #888888; padding-left: 0.5em;}
.customer_service_popup .popup_content.cont6 .contbox .descbox .desc::before { content: "·"; position: absolute; left: 0; top: 0;}


/* sub board */
.sub_section.page_board #wrapper {padding: 11.25rem 0;}