@charset "utf-8";
/* WP */
.has-global-padding {padding:0;}

/* 전역적으로 사용될 변수 스타일을 작성합니다. */
:root {
  --main-color: #006BAA;
  --sub-color1: #FFAF00;
  --sub-color2: #007DB2;
  --gray1: #707070;
  --gray2: #afafaf;
  --gray3: #dadada;
  --light_gray1: #F7F7F7;
  --light_gray2: #f9f8f7;
  --light_gray3: rgb(216, 216, 216, .2);
  --gradient1: linear-gradient(140deg, #0086CC, #25F5B1);
  --main-font: "Pretendard", "맑은 고딕", sans-serif;
  --sub-font: "Pretendard", "맑은 고딕", sans-serif;
  --cubic-pop1: cubic-bezier(.85,.14,.29,.99);
  --cubic-pop2: cubic-bezier(.71,.45,.36,1.31);
  --cubic-pop3: cubic-bezier(.85,.14,.29,.99);
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
}

/* 프로젝트 진행시 커스텀 스타일을 여기에 작성합니다. */
/* Base */
.typo1,
.typo2,
.typo3,
.typo4,
.typo5,
.typo6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {}


/* RED Custom - Start */
header #gnb {font-family:"Pretendard", "맑은 고딕", sans-serif;}
#footer {font-family:"Pretendard", "맑은 고딕", sans-serif;}

.wp-site-blocks>main>.wp-block-group {padding:0!important;}
.wp-block-post-title {display:none;}
main.has-global-padding {margin:0!important;}
.has-global-padding > .alignfull {margin:0;}

.faq-tabs {display:flex;gap:1rem;margin-bottom:1rem;}
.faq-tabs button {padding:0.5rem 1rem;border:1px solid #ccc;background:#f8f8f8;cursor:pointer;}
.faq-tabs button.active {background:#0073aa;color:white;}
.faq-content {display:none;}
.faq-content.active {display:block;}
.faq-content .qe-faq-toggle {display:none;}
#faq-all .qe-faq-toggle {display:block;}
#faq-warranty .qe-faq-toggle.warranty {display:block;}
#faq-product .qe-faq-toggle.product {display:block;}

#carousel_wrap {padding:150px 0;background:#F7F7F7;}
#carousel_box {width:1440px;max-width:calc(100% - 100px);margin:0 auto;display:flex;gap:30px;}
#carousel_box>div:first-child {width:336px;position:relative;display:flex;flex-direction:column;}
#carousel_box>div:first-child>* {margin:0;}
#carousel_box>div:nth-child(2) {width:calc(100% - 396px);position:relative;margin-right:30px;}
#carousel_box>div:nth-child(2)>div:first-child {margin:0;}
#carousel_box .elementor-heading-title {font-family:'Pretendard';}
#carousel_box #custom-pagination {position:static;}
#carousel_box #custom-swiper-pagination {position:absolute;font-size:24px;font-family:'Pretendard';
  color:#ccc;letter-spacing:-0.1px;bottom:73px;}
#carousel_box #custom-swiper-pagination .current-page {color:#000;font-weight:600;}

#carousel_box .swiper-slide {cursor:pointer;}
#carousel_box .swiper-slide-inner {display:flex;flex-direction:column;gap:0;}
#carousel_box .swiper-slide-inner img {height:272.23px;object-fit:cover;}
#carousel_box .swiper-slide-inner figcaption {padding:23px 0;text-align:right;font-size:15px;
  font-family:'Pretendard';}
#carousel_box .elementor-swiper-button {width:60px;height:60px;background:rgba(0,0,0,0.5);border-radius:100vw;
  display:flex;align-items:center;justify-content:center;z-index:112;}
#carousel_box .elementor-swiper-button:hover {background:#FFAF00;}
#carousel_box .elementor-swiper-button.swiper-button-disabled {opacity:0;pointer-events:none;}
#carousel_box .elementor-swiper-button-prev {left:20px;transform:translateY(calc(-50%  - 32px));}
#carousel_box .elementor-swiper-button-next {right:20px;transform:translateY(calc(-50%  - 32px));}
#carousel_box .elementor-swiper-button-prev svg {transform:translateX(-2px);}
#carousel_box .elementor-swiper-button-next svg {transform:translateX(2px);}
#carousel_box .elementor-swiper-button svg {width:32px;height:32px;fill:hsl(0deg 0% 100%);}

#carousel_box.architecture .swiper-slide {cursor:auto;}
#carousel_box.architecture .swiper-slide-inner img {height:100%;}

.kboard-pagination .first-page, .kboard-pagination .prev-page,
.kboard-pagination .next-page, .kboard-pagination .last-page {border:0!important;}
.kboard-pagination li a.disabled {pointer-events:none;opacity:.5;}
.kboard-pagination .arrow {border-top:2px solid #999;border-right:2px solid #999;}

.elementor-widget:not(:last-child) {margin:0!important;}

.pum-theme-lightbox .pum-container {padding:10px 10px 0!important;border-radius:5px!important;
  border:0!important;box-shadow:0 0 10px rgba(0,0,0,.3)!important;}
.pum-theme-lightbox .pum-title {display:none!important;}
.pum-theme-lightbox .pum-close {display:none!important;}
.pop-bottom {margin:6px -10px 0;background:#006BAA;padding:10px 20px;display:flex;justify-content:right;
  gap:20px;border-radius:0 0 5px 5px;}
.pop-bottom button {cursor:pointer;font-family:"Pretendard";font-size:14px;color:#fff;background:none;
  border:0;line-height:25.19px;padding:0;}
.pop-bottom button:hover {text-decoration:underline;}

@media (max-width:1539px) {
  #carousel_box .swiper-slide-inner img {height:calc(26vw - 128px);}
}

/* RED Custom - End */


body.fixed {overflow: hidden!important; height: calc(var(--vh, 1vh) * 100)!important;}

.container--narrow {width: 1440px; max-width: calc(100% - 100px); margin: 0 auto;}
.container--narrower {width: 1100px; max-width: calc(100% - 100px); margin: 0 auto;}

.ff--main {font-family: var(--main-font)!important;}
.ff--sub {font-family: var(--sub-font)!important;}

.sbj_tag {color: var(--sub-color1); font-size: 25px; font-weight: 700; line-height: 1.5; display: block;}
.sbj_tag2 {color: var(--sub-color2); font-size: 20px; font-weight: 500; line-height: 1.5; display: block;}

.btn--arrow_link {display: flex; align-items: center; justify-content: space-between; width: 170px; padding: 5px 0; border-bottom: 1px solid #fff; gap: 10px;}
.btn--arrow_link::after {width: 8px; height: 8px; content: ''; display: block; flex-shrink: 0; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-right: 4px;}

.anchor_wrap.top--0 .anchor {top: 0!important;}

.grecaptcha-badge {z-index: 888;}

.video_box {}
.video_box .video {}
.video_box .thumb {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: opacity .4s;}
.video_box.is_playing .thumb {opacity: 0; pointer-events: none;}
.video_box .play_btn {position: relative; cursor: pointer; width: 250px; height: 250px;}
.video_box .play_btn .outer, .video_box .play_btn .inner, .video_box .play_btn span {position: absolute; top: 50%; left: 50%; transform-origin: center; -webkit-will-change: transform; -moz-will-change: transform; -ms-will-change: transform; will-change: transform;}
.video_box .play_btn .outer {width: 194px; height: 194px; margin: -97px 0 0 -97px; border-radius: 50%; background: rgba(255,255,255,.2); animation: videoBtn 1s infinite;}
.video_box .play_btn .inner {width: 154px; height: 154px; margin: -77px 0 0 -77px; border-radius: 50%; background: rgba(255,255,255,.4); animation: videoBtn 1s .2s infinite;}
.video_box .play_btn.yellow .outer {background: rgb(285, 175, 0, .5);}
.video_box .play_btn.yellow .inner {background: rgb(285, 175, 0, .2);}
.video_box .play_btn span { display: block; font-size: 28px; font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; color: #fff; letter-spacing: .1em; transform: translate(-50%, -50%); animation: none 1s infinite alternate;}
@keyframes videoBtn {
    from {transform: scale(1); opacity: 1;}
    to {transform: scale(2); opacity: 0;}
}
@keyframes videoBtnTxt {
    from { opacity: 1;}
    to { opacity: 0;}
}

.dp--mo {display: none;}
.dp--pc {display: block;}

.gradient_typo {}
.gradient_typo .inner {display: inline-block; background: repeating-linear-gradient(105deg, #17448E, #219AD9); background-size: 100%; color: transparent; -webkit-background-clip: text;}


@media (hover: hover) {}
@media screen and (max-width: 1620px) {
  .pc-br2 {display: none;}
}
@media screen and (max-width: 1399px) {
  .container--narrower,
  .container--narrow {width: 720px; max-width: calc(100% - 40px); min-width: 280px;}
   
  .sbj_tag {font-size: 15px;}
  .btn--arrow_link {font-size: 14px;}
  .btn--arrow_link::after {width: 6px; height: 6px;}

  .dp--mo {display: block;}
  .dp--pc {display: none;}

  .m_sc_container::-webkit-scrollbar {display: none!important; -webkit-appearance: none!important;}
  .m_sc_container {position: relative; -webkit-overflow-scrolling: touch; overscroll-behavior: none;}
  .m_sc_bar {position: sticky; left: 0; z-index: 10; width: 100%; height: 5px; background: #f6f5f4; margin-top: 5px; overflow: hidden;}
  .m_sc_thumb {width: auto; height: 100%; background: var(--sub-color1);}
}
@media screen and (max-width: 767px) {
  .video_box .play_btn {width: 120px; height: 120px;}
  .video_box .play_btn .outer {width: 120px; height: 120px; margin: -60px 0 0 -60px;}
  .video_box .play_btn .inner {width: 100px; height: 100px; margin: -50px 0 0 -50px;}
  .video_box .play_btn span {font-size: 20px;}

  .pum {position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;
    width:100%!important;}
  .popmake {top:100px!important;left:50%!important;transform:translateX(-50%)!important;
    width:auto!important;max-width:calc(100% - 40px)!important;min-width:320px!important;}
}
@media screen and (max-width: 499px) {}



/* Header */
.header {height: 88px!important;}
.header > .wp-block-group {height:100%;}
.header .container {gap:0;}
.header .logo {width: 80px; height: 44.5px; background-image: url('/wp-content/uploads/2025/04/logo-color.png'); transition: background .3s;}

.gnb__item > a {font-size: 17px; padding: 0 30px; transition: color .3s;}

.header_etc_nav {width: auto;}
.header__bg {transition: background .3s;}
.header::after {background: #e6e6e6; opacity: .5;}

.header--sub .header__bg {background: transparent;}
.header--transparent .header__bg {background: rgb(0,0,0,.15);}
.header--white .header__bg,
.header.gnb--hover .header__bg,
.header--scrolled .header__bg {background: #fff!important;}
.header--sub .logo,
.header--transparent .logo {background-image: url('/wp-content/uploads/2025/04/logo-white.png');}
.header--white .logo,
.header.gnb--hover .logo,
.header--scrolled .logo {background-image: url('/wp-content/uploads/2025/04/logo-color.png');}
.header--sub .gnb__item > a,
.header--transparent .gnb__item > a {color: #fff;}
.header--white .gnb__item > a,
.header.gnb--hover .gnb__item > a,
.header--scrolled .gnb__item > a {color: inherit;}

.header--fix {position: absolute;}
.header--fix .header__bg {background: transparent;}
.header--fix .gnb__item > a {color: #fff;}
.header--fix .logo {background-image: url('/wp-content/uploads/2025/04/logo-white.png');}

.gnb--simple--horizontal .gnb_dimmer {height: 0; transform: none!important; transition: height .4s, opacity .4s; transform-origin: top; background: #fff; box-shadow: 0 10px 10px rgb(0,0,0,.05);}
.gnb--hover .gnb_dimmer {height: 150px;}
.gnb--hover.gnb--hover--no-submenu .gnb_dimmer {height: 100%!important;}

.gnb__item:nth-child(1) .submenu_container {left: 55%;}
.gnb__item:nth-child(2) .submenu_container {left: 65%;}
.gnb__item:nth-child(3) .submenu_container {left: 65%;}
.gnb__item:nth-child(4) .submenu_container {left: -35%;}
.gnb__item:nth-child(6) .submenu_container {left: -20%;}

.header-family-site {color: white; position: relative; margin-left: 1em; font-size: 16px;}
.header-family-site .trigger {padding: 0 1.5em 0 1em; border: 1px solid rgb(255,255,255,0.5); border-radius: 20px; transition: color .4s, border .4s, background .4s; display: flex; align-items: center; justify-content: space-between; gap: 1em; height: 40px; text-transform: uppercase; background: rgb(0,0,0,0.5); font-weight: 600;
font-family:'Pretendard';}
.header-family-site .trigger .arrow {border-color: white; margin-top: -3px; width: 8px; height: 8px; transition: color .4s, border .4s, background .4s;}
.header-family-site ul {position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid rgb(255,255,255,0.5); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-block: 0.5em; border-top: none; display: none; background: rgb(0,0,0,0.5); transition: color .4s, border .4s, background .4s;}
.header-family-site ul > li {}
.header-family-site ul > li > a {display: flex; align-items: center; padding-inline: 1em; padding-block: 0.3em; line-height: 1; font-weight: 500; transition: color .4s, border .4s, background .4s; gap: 0.5em;
  font-family:'Pretendard';}
.header-family-site ul > li > a img {width: 1.4em; height: 1.4em; border-radius: 50%; object-fit: cover;}
.header-family-site:hover .trigger {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.header-family-site:hover ul {display: block;}
.header-family-site ul > li > a:hover {color: var(--sub-color1);}

.header:is(.header--scrolled, .header--white, .gnb--hover) .header-family-site {color: #333;}
.header:is(.header--scrolled, .header--white, .gnb--hover) .header-family-site .trigger {border-color: #dfdfdf; background: #fff;font-family:'Pretendard';}
.header:is(.header--scrolled, .header--white, .gnb--hover) .header-family-site .trigger .arrow {border-color: #adadad;}
.header:is(.header--scrolled, .header--white, .gnb--hover) .header-family-site ul {border-color: #dfdfdf; background: #fff;}

.header_etc_nav .lang_nav {color: #fff; width: 120px;}
.header_etc_nav .lang_nav .cur {gap: 10px; justify-content: space-between; border-radius: 3px; transition: color .4s, border .4s;}
.header_etc_nav .lang_nav .cur::after {display: none;}
.header_etc_nav .lang_nav .cur .arrow {border-color: #fff; border-width: 4px; margin-top: -3px; transition: border .4s;}
.header_etc_nav .lang_nav:hover .cur {border-bottom: 1px solid #cfcfcf;}
.header_etc_nav .lang_nav .ls_wrap {position: absolute; top: 100%; right: 0; padding-top: 5px; width: 100%;}
.header_etc_nav .lang_nav .ls {position: static; grid-template-columns: 1fr; gap: 26px 20px; padding: 10px 15px; background: rgb(255,255,255,.7); backdrop-filter: blur(5px); width: 100%; border: none; border-radius: 3px; box-shadow: 0 0 3px rgb(0,0,0,.3);}
.header_etc_nav .lang_nav.active .ls,
.header_etc_nav .lang_nav:hover .ls {display: grid;}
.header_etc_nav .lang_nav .ls li a {display: flex; align-items: center; gap: 12px; font-size: 15px; padding: 0; color: #333;}
.header_etc_nav .lang_nav .ls li a:hover {color: var(--main-color); font-weight: 700;}

.header--scrolled .header_etc_nav .lang_nav .cur,
.gnb--hover .header_etc_nav .lang_nav .cur {border-color: #333; color: #333;}
.header--scrolled .header_etc_nav .lang_nav .cur .arrow,
.gnb--hover .header_etc_nav .lang_nav .cur .arrow {border-color: #333;}

.sitemap {height: calc(var(--vh, 1vh) * 100)!important;}
.sitemap__head {padding: 20px; justify-content: flex-end;}
.sitemap__head .logo {width: 60px; height: 33.5px; background-image: url('/wp-content/uploads/2025/04/logo-color.png'); display: none;}
.sitemap__head .sitemap_close_btn .ico--times {width: 30px; height: 30px;}
.sitemap__head .sitemap_close_btn .ico--times::after,
.sitemap__head .sitemap_close_btn .ico--times::before {background: #000;}
.sitemap__gnb__item > a {border: none; border-radius: 0; padding-left: 0; padding-right: 0; justify-content: flex-start; gap: 20px;}
.sitemap__gnb__item > a .ico--plus {width: 12px; height: 12px; border-top: 3px solid #333; border-right: 3px solid #333; transform: rotate(135deg); margin-bottom: 5px; transition: .3s;}
.sitemap__gnb__item > a .ico--plus::before,
.sitemap__gnb__item > a .ico--plus::after {display: none;}
.sitemap__gnb__item > a .ico--circle {display: none;}
.sitemap__submenu {width: calc(100% + 60px); margin-left: -30px; padding: 20px 30px;}
.sitemap__submenu__item {margin-bottom: 10px;}
.sitemap__gnb__item.active > a {background: none!important; color: var(--main-color)!important; margin-bottom: 0;}
.sitemap__gnb__item.active > a .ico--plus {transform: rotate(-45deg); margin: 5px 0 0 0; border-color: var(--main-color);}
.sitemap__gnb__item.family-site {margin-top: 0px;}
.sitemap__gnb__item.family-site .sitemap__submenu {width: 100%; margin-left: 0; background: none; padding: 0;}
.sitemap__gnb__item.family-site .sitemap__submenu__item {margin-bottom: 0;}

.sitemap__foot .nav-wrap {display: flex; justify-content: flex-start; gap: 20px;}
.sitemap .nav-buttons {display: block;font-family:'Pretendard';}
.sitemap .nav-buttons .tit {display: block; font-weight: 600; color: #909090; margin-bottom: 0.3em;}
.sitemap .nav-buttons .ls {display: flex; gap: 5px;}
.sitemap .nav--family-site .ls .btn {width: auto; padding-inline:  0.6em 1em; font-size: 14px; font-weight: 700; gap: 0.5em;} 
.sitemap .nav--family-site .ls .btn img {width: 1.2em; height: 1.2em; border-radius: 50%; object-fit: cover; background: #f9f8f7;}


@media (hover: hover) {
  .gnb__item:hover > a {color: var(--sub-color1)!important; position: relative;}
  .gnb__item:hover > a::after {position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 3px; background: var(--main-color); display: block;}
}
@media screen and (max-width: 1399px) {
  .header {height: 55px!important;}
  .header .logo {width: 60px; height: 33.5px;}

  .header-family-site {display: none;}

  .header_etc_nav .lang_nav {width: 100px;}
  .header_etc_nav .lang_nav .cur {padding: 5px 15px;}
  .header_etc_nav .lang_nav .ls_wrap {padding-top: 5px;}
  .header_etc_nav .lang_nav .ls {padding: 7px 15px;}
  .header_etc_nav .lang_nav .ls li a {font-size: 14px; gap: 8px;}
  .header_etc_nav .lang_nav .ls li a img {width: 20px;}

  .sitemap_btn .ico--hamburger {padding: 0 10px;}
  .sitemap_btn .ico--hamburger .inner {width: 18px; height: 16px;}
  .sitemap_btn .ico--hamburger .bar {background: #fff;}
  .header--white .sitemap_btn .ico--hamburger .bar,
  .header--scrolled .sitemap_btn .ico--hamburger .bar {background: var(--main-color);}


  .sitemap__gnb__item > a .ico--circle {width: 24px; height: 24px; border-color: #707070; margin-right: -2px;}
  .sitemap__gnb__item > a .ico--circle .arrow {border-color: #707070;}
  #carousel_box.architecture .swiper-slide-inner img {height:491.7px;}
}
@media screen and (max-width: 767px) {
  .header_etc_nav .lang_nav {display: block;}

  .sitemap__submenu {width: calc(100% + 40px); margin-left: -20px;}
  .sitemap__gnb__item > a {gap: 15px;}
  .sitemap__gnb__item > a .ico--plus {width: 8px; height: 8px; margin-bottom: 3px; border-width: 2px;}
  .sitemap__gnb__item.active > a .ico--plus {margin: 3px 0 0 0;}
  #carousel_box.architecture .swiper-slide-inner img {height:calc(67vw - 22px);}
  #carousel_box.architecture #custom-swiper-pagination {bottom:calc(-67vw + 2px);}
}
@media screen and (max-width: 499px) {
  .sitemap__foot .nav-wrap {flex-direction: column;}
}



/* Footer */
.foot_banner {position:relative; background: var(--main-color); color: #fff; padding: 50px 0;}
.foot_banner .container {display: flex; align-items: center; justify-content: space-between; gap: 20px 100px}
.foot_banner .container .sbj {margin-bottom: .2em;}
.foot_banner .container .desc {margin-bottom: 0;}
.foot_banner .btn--arrow_link {color: #C8C8C8; border-color: #C8C8C8;}
.foot_banner .btn--arrow_link::after {border-color: #C8C8C8;}

.footer {font-size: 17px; color: #979393; background: #313131;}
.footer__top {background: #2A2A2A; padding: 20px 0; color: #fff;}
.footer__top .container {display: flex; align-items: center; justify-content: space-between; gap: 50px;}
.footer__top .links {font-size: 17px; display: flex; gap: 20px;}
.footer__top .etc {display: flex; gap: 30px;}
.footer__top .etc .sns_links {display: flex; gap: 15px;}
.footer__top .etc .sns_links a {width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #2a2a2a; background: #BEBEBE; border-radius: 5px;}
.footer__top .etc .sns_links .ico--youtube {font-size: 20px;}
.footer__top .etc .sns_links .ico--facebook {font-size: 24px;}
.footer__top .etc .sns_links .ico--instagram {font-size: 26px;}
.footer__top .etc .footer__family_site {}
.footer__top .etc .footer__family_site .trigger {height: 34px; border: none; padding: 0; font-size: 17px; width: 203px; background: none!important; font-weight: 400!important;}
.footer__top .etc .footer__family_site .trigger .arrow {border-color: #fff; margin-top: -3px;}
.footer__family_site:hover .ls {border: none; background: #2a2a2a; width: calc(100% + 40px); margin-left: -20px; font-size: 17px; padding-top: 30px; padding-bottom: 20px;}
.footer__family_site .ls a {display: flex; align-items: center; gap: 1em; font-size: 17px; font-weight: 400;}
.footer__family_site .ls a:hover {font-weight: 400; color: var(--sub-color1);}

.footer__body {padding: 75px 0;}
.footer__body .container {display: flex; gap: 20px 50px; justify-content: space-between;}
.footer__body .info_box {display: flex; flex-direction: column; justify-content: space-between; gap: 20px; flex-shrink: 0;}
.footer__body .info_box .company_info {display: flex; align-items: flex-end; gap: 20px 42px;}
.footer__body .info_box .company_info .f_logo {width: 182px;}
.footer__body .info_box .company_info address .sbj {margin-bottom: 0.4em; font-size: 18px;}
.footer__body .info_box .inq_info {font-size: 18px;}
.footer__body .info_box .inq_info > .row {display: flex; align-items: flex-start; gap: 10px 40px; padding: 25px 0; border-bottom: 1px solid rgb(194, 194, 194, .13);}
.footer__body .info_box .inq_info > .row:last-child {border-bottom: 0; padding-bottom: 0;}
.footer__body .info_box .inq_info > .row > .tit {width: 180px; flex-shrink: 0;}
.footer__body .info_box .inq_info > .row > ul {padding-top: 2px;}
.footer__body .info_box .inq_info > .row > ul > li {display: flex; gap: 20px; color: #fff; align-items: center; margin-bottom: 0.8em;}
.footer__body .info_box .inq_info > .row > ul > li:last-child {margin-bottom: 0;}
.footer__body .info_box .inq_info > .row > ul > li .key {width: 130px; font-weight: 500; flex-shrink: 0; line-height: 1;}
.footer__body .info_box .inq_info > .row > ul > li .val {font-size: 27px; font-weight: 500; line-height: 1;}

.f_sitemap {padding-top: 20px;}
.f_sitemap article {margin-bottom: 60px;}
.f_sitemap article:last-child {margin-bottom: 0;}
.f_sitemap article .sbj {color: #fff; font-size: 18px; font-weight: 500; line-height: 1.5; padding-bottom: 15px; border-bottom: 1px solid rgb(194, 194, 194, .13); margin-bottom: 25px;}
.f_sitemap article .wrap {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.f_sitemap article .wrap .group.c--2 {grid-column: span 2;}
.f_sitemap article .wrap .group_name {font-size: 15px; color: #D6D6D6; font-weight: 500; line-height: 1; margin-bottom: 1em;}
.f_sitemap article .wrap .group ul {font-size: 15px;}
.f_sitemap article .wrap .group.c--2 ul {display: grid; grid-template-columns: repeat(2, 1fr);}
.f_sitemap article .wrap .group ul li {margin-bottom: 0.3em;}
.f_sitemap article .wrap .group ul li:last-child {margin-bottom: 0;}

.footer__body .f_sitemap {width: 834px;}

.footer__bot {border-top: 1px solid rgb(194, 194, 194, .13); padding: 20px 0;}
.footer__bot .container {display: flex; justify-content: space-between; gap: 10px 30px; align-items: center;}
.footer__bot .container span {font-size: 15px; font-weight: 500;}

@media (hover: hover) {
  .foot_banner:hover .btn--arrow_link {color: var(--sub-color1)!important; border-color: var(--sub-color1)!important;}
  .foot_banner:hover .btn--arrow_link::after {border-color: var(--sub-color1)!important;}
  .f_sitemap article a:hover {opacity: .7;}
}
@media screen and (max-width: 1399px) {
  .footer {font-size: 15px;}
  .footer__top .links {font-size: 15px;}
  
  .footer__body .container {flex-direction: column; gap: 50px;}
  .footer__body .info_box .company_info .f_logo {width: 120px;}
  .footer__body .info_box .inq_info {font-size: 15px; margin-left: 162px;}
  .footer__body .info_box .inq_info > .row > .tit {line-height: 1;}
  .footer__body .info_box .inq_info > .row > ul {padding-top: 0;}
  .footer__body .info_box .inq_info > .row > ul > li .val {font-size: 15px;}

  .footer__body .f_sitemap {width: 100%;}
  .f_sitemap article .sbj {font-size: 17px;}

  .footer__bot .container {flex-direction: column; align-items: flex-start;}
}
@media screen and (max-width: 767px) {
  .foot_banner .container {flex-direction: column; text-align: left; align-items: flex-start;}

  .footer__top {padding: 40px 0 25px 0;}
  .footer__top .container {flex-direction: column; gap: 20px;}
  .footer__top .etc {width: 100%; justify-content: space-between;}
  .footer__top .etc .footer__family_site {width: auto;}

  .footer__body {padding: 50px 0;}
  .footer__body .info_box .company_info {flex-direction: column; align-items: flex-start;}
  .footer__body .info_box .inq_info {margin: 0;}
  .footer__body .info_box .inq_info > .row {gap: 20px; flex-direction: column; align-items: flex-start!important;}
  .footer__body .info_box .inq_info > .row > .tit {width: 100%!important;}
  .footer__body .info_box .inq_info > .row > ul > li .key {width: 110px;}
  .f_sitemap article .wrap {grid-template-columns: repeat(2, 1fr); gap: 30px 20px;}
}
@media screen and (max-width: 499px) {
  .footer__top .etc {flex-direction: column; align-items: center; gap: 20px;}
  .footer__top .etc .footer__family_site .trigger,
  .footer__top .etc .footer__family_site {width: 100%;}
  .footer__family_site:hover .ls {padding: 20px 0; width: calc(100% + 40px); margin-left: -20px;}
  .footer__body .info_box .inq_info > .row {flex-direction: column;}
  .footer__body .info_box .inq_info > .row > ul {width: 100%;}
  .footer__body .info_box .inq_info > .row > ul > li {justify-content: space-between;}
  .footer__bot .container {text-align: left!important;}
}




/* Mainpage */
@media screen and (min-width: 1400px) {
  .fp-viewing-intro .header__bg {background: transparent;}
  .fp-viewing-foot header.header--transparent .header__bg,
  .fp-viewing-eco header.header--transparent .header__bg,
  .fp-viewing-product header.header--transparent .header__bg {background: #fff;}
  .fp-viewing-foot .header .logo,
  .fp-viewing-eco .header .logo,
  .fp-viewing-product .header .logo {background-image: url('/wp-content/uploads/2025/04/logo-color.png');}
  .fp-viewing-foot .header--transparent .gnb__item > a,
  .fp-viewing-eco .header--transparent .gnb__item > a,
  .fp-viewing-product .header--transparent .gnb__item > a {color: #333;}
  .fp-viewing-foot .header--transparent .header_etc_nav .lang_nav .cur,
  .fp-viewing-eco .header--transparent .header_etc_nav .lang_nav .cur,
  .fp-viewing-product .header--transparent .header_etc_nav .lang_nav .cur {color: #333; border-color: #333;}
  .fp-viewing-foot .header--transparent .header_etc_nav .lang_nav .cur .arrow,
  .fp-viewing-eco .header--transparent .header_etc_nav .lang_nav .cur .arrow,
  .fp-viewing-product .header--transparent .header_etc_nav .lang_nav .cur .arrow {border-color: #333;}

  
  .mainpage .screen_effect {position: relative; overflow: hidden;}
  .mainpage .screen_effect::after,
  .mainpage .screen_effect::before {position: absolute; top: 0%; left: -20%; width: 140%; height: 100%; content: ''; backdrop-filter: saturate(.5) brightness(.9); transform: skewX(-20deg); transform-origin: right; will-change: transform, opacity; -webkit-will-change: transform, opacity; -ms-will-change: transform, opacity; -moz-will-change: transform, opacity; -o-will-change: transform, opacity; display: none!important;}
  .mainpage .section:not(.active) .screen_effect::after,
  .mainpage .section:not(.active) .screen_effect::before {transition: transform .1s var(--cubic-pop1)!important; transition-delay: .7s!important; }
  .mainpage .section.active .screen_effect::after,
  .mainpage .section.active .screen_effect::before {transform: skewX(-20deg) scaleX(0); transition: transform 1.5s var(--cubic-pop1);}
  .mainpage .section.active .screen_effect::after {transition-delay: 0.2s!important;}
  .mainpage .section.active .screen_effect::before {transition-delay: 0.25s!important;}

  .mainpage .why_solargard.active .screen_effect::after,
  .mainpage .why_solargard.active .screen_effect::before {transition: transform 1.5s var(--cubic-pop1);}

  .mainpage .main_prod.active .screen_effect::after,
  .mainpage .main_prod.active .screen_effect::before {transition: transform 1s var(--cubic-pop1);}
  .mainpage .main_prod.active .screen_effect::after { transition-delay: 1.2s!important;}
  .mainpage .main_prod.active .screen_effect::before { transition-delay: 1.25s!important;}

  .mainpage .main_tech.active .screen_effect::after,
  .mainpage .main_tech.active .screen_effect::before {transition: transform 1.5s var(--cubic-pop1);}
  
  .mainpage .main_eco.active .screen_effect::after,
  .mainpage .main_eco.active .screen_effect::before {transition: transform 1.5s var(--cubic-pop1);}
  .mainpage .main_eco.active .screen_effect::after {transition-delay: .7s!important;}
  .mainpage .main_eco.active .screen_effect::before {transition-delay: .75s!important;}

  .mainpage .fp-ani {transition: transform .5s, opacity .5s; transition-delay: .7s!important; opacity: 0; will-change: transform, opacity; -webkit-will-change: transform, opacity; -ms-will-change: transform, opacity; -moz-will-change: transform, opacity; -o-will-change: transform, opacity;}
  .mainpage .fp-ani.fp-fadeleft {transform: translate(100px);}
  .mainpage .fp-ani.fp-faderight {transform: translate(-100px);}
  .mainpage .fp-ani.fp-fadeup {transform: translate(0, 100px);}
  .mainpage .fp-ani.fp-fadedown {transform: translate(0, -100px);}
  .mainpage .fp-ani.fp-scaledown {transform: scale(1.1); opacity: 1;}
  .mainpage .fp-ani.fp-scaleup {transform: scale(.9); opacity: 1;}

  .mainpage .section.active .fp-ani {transition: transform .7s var(--cubic-pop1), opacity .7s var(--cubic-pop1); opacity: 1;}
  .mainpage .section.active .fp-ani.fp-fadeleft,
  .mainpage .section.active .fp-ani.fp-faderight,
  .mainpage .section.active .fp-ani.fp-fadeup,
  .mainpage .section.active .fp-ani.fp-fadedown {transform: translate(0, 0);}
  .mainpage .section.active .fp-ani.fp-scaledown,
  .mainpage .section.active .fp-ani.fp-scaleup {transform: scale(1); transition: transform 10s linear;}

  .mainpage .fp-ani.fp-delay--1 {transition-delay: .3s!important;}
  .mainpage .fp-ani.fp-delay--2 {transition-delay: .4s!important;}
  .mainpage .fp-ani.fp-delay--3 {transition-delay: .5s!important;}
  .mainpage .fp-ani.fp-delay--4 {transition-delay: .6s!important;}
  .mainpage .fp-ani.fp-delay--5 {transition-delay: .7s!important;}
  .mainpage .fp-ani.fp-delay--6 {transition-delay: .8s!important;}
  .mainpage .fp-ani.fp-delay--7 {transition-delay: .9s!important;}
  .mainpage .fp-ani.fp-delay--8 {transition-delay: 1.0s!important;}
}

.mainpage .fp-section {overflow: hidden;}
.mainpage .fp-tableCell {}
.mainpage .fp-content {position: relative; width: 100%; height: 100%; padding: 180px 0 110px 0; display: flex; flex-direction: column; justify-content: center;}
.mainpage .fp-content .section_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}

.mainpage .main_visual {word-break: keep-all;}
.mainpage .main_visual .swiper {height: 100%;}
.mainpage .main_visual .swiper-wrapper {height: 100%;}
.mainpage .main_visual .swiper-slide {height: 100%; background-color: #000;}
.mainpage .main_visual .swiper-slide .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.mainpage .main_visual .swiper-slide .bg.mo {display: none;}
.mainpage .main_visual .swiper-slide video.bg {object-fit: cover; z-index: -1;}
.mainpage .main_visual .swiper-slide .img.bg {z-index: -2;}
.mainpage .main_visual .swiper-slide .bg_dim {position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; display: block; background: linear-gradient(40deg, #232323, #8A8A8A, transparent, transparent); mix-blend-mode: multiply;}
.mainpage .main_visual .swiper-slide .container {display: flex; align-items: flex-end; height: 100%; color: #fff; padding: 112px 0; position: relative; z-index: 2;}
.mainpage .main_visual .swiper-slide .container .inner {width: 50%;}
.mainpage .main_visual .swiper-slide .container .inner .subtit {display: block; font-size: 39px; font-weight: 600; line-height: 1.5; margin-bottom: 0.3em;}
.mainpage .main_visual .swiper-slide .container .inner .tit {display: block; font-size: 90px;}
.mainpage .main_visual .swiper-slide .container .inner .tit img {display: block;}
.mainpage .main_visual .swiper-slide .container .inner .desc {display: block; font-size: 20px; font-weight: 700; line-height: 1.5; margin-top: 2.5em!important;}
.mainpage .main_visual .swiper-slide.global .container {align-items: center;}
.mainpage .main_visual .swiper-slide.global .inner {width: 100%;}
.mainpage .main_visual .swiper-slide.global .inner .tit {margin-bottom: 0.3em;}
.mainpage .main_visual .swiper-slide.global .inner .desc {margin-top: 0!important;}
.mainpage .main_visual .swiper-slide.global .global_ls {display: flex; gap: 19px; justify-content: center; margin-top: 80px;}
.mainpage .main_visual .swiper-slide.global .global_ls li a {display: flex; flex-direction: column; align-items: center; text-align: center; pointer-events: none;}
.mainpage .main_visual .swiper-slide.global .global_ls li a img {margin-bottom: 10px;}
.mainpage .main_visual .swiper-slide.global .global_ls li a span {font-size: 16px; font-weight: 600; line-height: 1.5; display: none;}
.mainpage .main_visual_pagination {position: absolute; bottom: 112px; left: 0; width: 100%; z-index: 10; color: #fff;}
.mainpage .main_visual_pagination .wrapper {width: 65%; margin-left: auto; display: flex; gap: 5px;}
.mainpage .main_visual_pagination .bullet {width: 100%; height: auto; border-radius: 50%; background: none; cursor: pointer; opacity: 1;}
.mainpage .main_visual_pagination .bullet span {display: block; font-size: 17px; font-weight: 700; line-height: 1;margin-bottom: 10px; opacity: .4;}
.mainpage .main_visual_pagination .bullet .bar {width: 100%; height: 5px; background: rgb(255, 175, 0, .4); transition: transform .3s linear;}
.mainpage .main_visual_pagination .bullet .bar::before {content: ''; display: block; width: 100%; height: 100%; background: var(--sub-color1); transform: scaleX(0); transform-origin: left; transition: inherit;}
.mainpage .main_visual_pagination .bullet.swiper-pagination-bullet-active span {opacity: 1;}
.mainpage .main_visual_pagination .bullet.swiper-pagination-bullet-active .bar {transition: transform 4s linear;}
body.init .mainpage .main_visual_pagination .bullet.swiper-pagination-bullet-active .bar::before {transform: scaleX(1);}

.mainpage .why_solargard {}
.mainpage .why_solargard .mo_bg {display: none;}
.mainpage .why_solargard .container {display: flex; gap: 20px 50px; justify-content: space-between;}
.mainpage .why_solargard .container .icon_banner {display: flex; flex-direction: column; gap: 15px; width: 563px; flex-shrink: 0;}
.mainpage .why_solargard .container .icon_banner .card {display: flex; align-items: center; min-height: 166px; gap: 15px 22px; padding: 35px 35px 35px 35px; background: rgb(255,255,255,.5); backdrop-filter: blur(5px);}
.mainpage .why_solargard .container .icon_banner .card .icon {flex-shrink: 0;}
.mainpage .why_solargard .container .icon_banner .card p {width: 100%; font-weight: 500; font-size: 20px; line-height: 1.6;}

.mainpage .main_prod .fp-content {padding-top: 120px;}
.mainpage .main_prod .section_bg {top: auto; bottom: 0; height: 40%; background: #F2F2F2;}
.mainpage .main_prod .container {display: flex; flex-direction: column; justify-content: center; height: 100%;}
.mainpage .main_prod .section_sbj {margin-bottom: 60px; margin-top: -50px;}
.mainpage .main_prod .prod_card {display: flex; gap: 33px; height: 100%; max-height: 666px; margin-top: -122px;}
.mainpage .main_prod .prod_card .card {position: relative; width: 100%; height: 100%; padding: 75px 50px; overflow: hidden; box-shadow: 6px 8px 20px rgb(0,0,0,.37); color: #fff; display: flex; flex-direction: column; justify-content: flex-end;}
.mainpage .main_prod .prod_card .card:nth-child(2) {margin-top: 122px;}
.mainpage .main_prod .prod_card .card .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.mainpage .main_prod .prod_card .card .mo_bg {display: none;}
.mainpage .main_prod .prod_card .card .prod_name {font-weight: 600; line-height: 1.2; margin-bottom: 0.5em;}
.mainpage .main_prod .prod_card .card .desc {line-height: 1; margin-bottom: 0;}
.mainpage .main_prod .prod_card .card .icon {position: absolute; bottom: 0; right: 0; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; background: #fff;}
.mainpage .main_prod .prod_card .card .icon .arrow {border-color: var(--main-color); border-width: 3px; margin-left: -4px;}

.mainpage .main_tech {}
.mainpage .main_tech .section_bg.mo_bg {display: none;}
.mainpage .main_tech .contbox {width: 600px; margin-left: auto; padding-right: 100px;}
.mainpage .main_tech .contbox .btn--arrow_link {color: var(--sub-color1); border-bottom-color: var(--sub-color1); margin-left: auto; margin-right: 50px; opacity: .5; transition: opaicty .3s; transition-delay: 0s;}
.mainpage .main_tech .contbox .btn--arrow_link::after {border-color: var(--sub-color1);}

.mainpage .main_eco {}
.mainpage .main_eco .fp-content {justify-content: flex-start; padding-bottom: 0!important;}
.mainpage .main_eco .container {display: flex; gap: 20px 50px; justify-content: space-between; padding-bottom: 60px;}
.mainpage .main_eco .container .sbj_box {width: 50%;}
.mainpage .main_eco .container .cont_box {width: 50%; margin-top: 40px; position: relative;}
.mainpage .main_eco .container .cont_box .card {position: absolute; top: 0; right: 0; max-width: 642px; padding: 40px; background: var(--sub-color1); border-radius: 10px;}
.mainpage .main_eco .container .cont_box figure {display: flex; align-items: flex-start; gap: 15px 45px; margin-bottom: 40px;}
.mainpage .main_eco .container .cont_box figure figcaption {font-size: 13px;}
.mainpage .main_eco .section_bg {position: relative; height: 100%;}
.mainpage .main_eco .section_bg.mo_bg {display: none;}

@media (hover: hover) {
  .mainpage .main_prod .prod_card .card:hover .icon {background: var(--sub-color1);}
  .mainpage .main_prod .prod_card .card:hover .icon .arrow {border-color: #fff;}
  
  .mainpage .main_tech .contbox .btn--arrow_link:hover {color: var(--sub-color1); border-color: var(--sub-color1); opacity: 1;}
  .mainpage .main_tech .contbox .btn--arrow_link:hover::after {border-color: var(--sub-color1);}
}
@media screen and (max-width: 1680px) and (min-width: 1400px) {
  .mainpage .fp-content {padding: 120px 0;}
  .mainpage .sbj_tag {font-size: 20px;}
  .mainpage .section_sbj {font-size: 42px;}

  .mainpage .why_solargard .container {flex-direction: column;}
  .mainpage .why_solargard .container .icon_banner {width: 100%; display: grid; grid-template-columns: repeat(2, 1fr);}
  .mainpage .why_solargard .container .icon_banner .card p {font-size: 16px;}

  .mainpage .main_prod .fp-content {padding-top: 160px;}
  .mainpage .main_prod .prod_card .card {max-height: 500px;}
  .mainpage .main_prod .prod_card .card .prod_name {font-size: 32px;}
  .mainpage .main_prod .prod_card .card .desc {font-size: 17px;}
}
@media screen and (max-width: 1399px) {
  .mainpage .fp-section {height: auto!important;}
  .mainpage .fp-tableCell {height: auto!important;}
  .mainpage .fp-content {padding: 100px 0!important; margin: 0;}

  .mainpage .main_visual .swiper-slide .bg_dim {mix-blend-mode: normal;  background: linear-gradient(40deg, rgb(0,0,0,.9), rgb(0,0,0,.6), transparent, transparent);}
  .mainpage .main_visual .swiper-slide .container {padding: 112px 0 160px 0; height: calc(var(--vh, 1vh) * 100)!important;}
  .mainpage .main_visual .swiper-slide .container .inner {width: 100%; text-align: center;}
  .mainpage .main_visual .swiper-slide .container .inner .subtit {font-size: 20px;}
  .mainpage .main_visual .swiper-slide .container .inner .tit {font-size: 52px; line-height: 1.2;}
  .mainpage .main_visual .swiper-slide .container .inner .tit img {width: 60%; margin: 0 auto;}
  .mainpage .main_visual .swiper-slide .container .inner .desc {font-size: 16px; margin-top: 2.0em!important;}
  .mainpage .main_visual .swiper-slide.global .container {align-items: flex-end;}
  .mainpage .main_visual .swiper-slide.global .global_ls {flex-wrap: wrap; width: 50%; margin: 50px auto 0 auto;}

  .mainpage .main_visual .swiper-slide .bg.main_visual__construct {object-position: 15%;}
  .mainpage .main_visual .swiper-slide .img.bg.main_visual__construct {background-position: 15%;}

  .mainpage .main_visual_pagination {bottom: 80px;}
  .mainpage .main_visual_pagination .wrapper {width: 100%; justify-content: center;}
  .mainpage .main_visual_pagination .bullet {width: 10px; height: 10px; border-radius: 5px; background: #fff; opacity: .2; transition: width .3s, opacity .3s;}
  .mainpage .main_visual_pagination .bullet.swiper-pagination-bullet-active {opacity: 1; width: 35px;}
  .mainpage .main_visual_pagination .bullet span {font-size: 0}
  .mainpage .main_visual_pagination .bullet .bar {display: none;}

  .mainpage .why_solargard .fp-content {padding-bottom: 25px!important;}
  .mainpage .why_solargard .bg {top: auto; bottom: 0; height: calc(100% - 290px);}
  .mainpage .why_solargard .container {flex-direction: column; gap: 50px;}
  .mainpage .why_solargard .container .sbj_box {width: 100%;}
  .mainpage .why_solargard .container .icon_banner {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;}
  .mainpage .why_solargard .container .icon_banner .card {flex-direction: column; justify-content: center; align-items: flex-start;}
  .mainpage .why_solargard .container .icon_banner .card .icon {max-width: 100px;}
  .mainpage .why_solargard .container .icon_banner .card p {font-size: 16px;}

  .mainpage .main_prod .section_sbj {margin-bottom: 1em; margin-top: 0;}
  .mainpage .main_prod .prod_card {margin-top: 0; gap: 20px;}
  .mainpage .main_prod .prod_card .card:nth-child(2) {margin-top: 0;}
  .mainpage .main_prod .prod_card .card {padding: 20px; height: 300px;}
  .mainpage .main_prod .prod_card .card .prod_name {font-size: 20px;}
  .mainpage .main_prod .prod_card .card .desc {font-size: 14px;}
  .mainpage .main_prod .prod_card .card .icon {width: 30px; height: 30px;}
  .mainpage .main_prod .prod_card .card .icon .arrow {width: 7px; height: 7px; border-width: 1px;}

  .mainpage .main_tech .contbox {width: 100%; padding: 50px; background: rgb(0,0,0,.5);}
  .mainpage .main_tech .contbox .btn--arrow_link {margin-right: 0; opacity: 1;}

  .mainpage .main_eco {}
  .mainpage .main_eco .fp-content {padding-bottom: 0!important;}
  .mainpage .main_eco .container {flex-direction: column; padding-bottom: 0;}
  .mainpage .main_eco .container .sbj_box,
  .mainpage .main_eco .container .cont_box {width: 100%; margin-top: 0;}
  .mainpage .main_eco .container .cont_box .card {position: static; max-width: 100%;}
  .mainpage .main_eco .container .cont_box figure {gap: 20px; margin-bottom: 10px;}
  .mainpage .main_eco .section_bg {height: 450px; margin-top: -200px;}
  .mainpage .main_eco .section_bg.mo_bg {display: none;}
}
@media screen and (max-width: 767px) {
  .mainpage .fp-content {padding: 60px 0 30px 0!important;}

  .mainpage .main_visual .swiper-slide .bg.pc {display: none;}
  .mainpage .main_visual .swiper-slide .bg.mo {display: block;}
  .mainpage .main_visual .swiper-slide .container {padding: 100px 0;}
  .mainpage .main_visual .swiper-slide .container .inner .subtit {font-size: 18px; margin-bottom: .5em;}
  .mainpage .main_visual .swiper-slide .container .inner .tit {font-size: 42px;}
  .mainpage .main_visual .swiper-slide .container .inner .tit img {width: 90%;}
  .mainpage .main_visual .swiper-slide .container .inner .desc {font-size: 16px; margin-top: 1.5em!important;}
  .mainpage .main_visual .swiper-slide.global .container {align-items: flex-end;}
  .mainpage .main_visual .swiper-slide.global .global_ls {width: 100%;}
  .mainpage .main_visual .swiper-slide.global .global_ls li img {width: 40px;}
  .mainpage .main_visual .swiper-slide.global .global_ls li span {display: none; font-size: 12px;}
  .mainpage .main_visual_pagination {bottom: 50px;}
  .mainpage .main_visual_pagination .bullet {text-align: center;}

  .mainpage .why_solargard .fp-content {display: flex; flex-direction: column; gap: 30px;}
  .mainpage .why_solargard .section_bg {position: static; height: 0; order: 1; padding-bottom: 56.25%; display: none;}
  .mainpage .why_solargard .mo_bg {display: block; width: calc(100% + 40px); margin-left: -20px; height: 300px;}
  .mainpage .why_solargard .container {order: 0; gap: 20px;}
  .mainpage .why_solargard .container .icon_banner {display: flex; flex-direction: row; flex-wrap: nowrap; overflow: auto hidden; margin-top: -60px; width: calc(100% + 40px); margin-left: -20px; padding: 0 20px;}
  .mainpage .why_solargard .container .icon_banner .card {width: 200px; flex-shrink: 0; padding: 20px 10px; border: 1px solid #ccc; border-radius: 10px; text-align: center; align-items: center; background: #fff;}
  .mainpage .why_solargard .container .icon_banner .card p {font-size: 14px;}

  .mainpage .main_prod .fp-content {padding-bottom: 90px!important;}
  .mainpage .main_prod .section_bg {height: 100%;}
  .mainpage .main_prod .prod_card {flex-direction: column;}
  .mainpage .main_prod .prod_card .card {height: 180px; justify-content: center; box-shadow: none;}
  .mainpage .main_prod .prod_card .card .bg {display: none;}
  .mainpage .main_prod .prod_card .card .mo_bg {display: block;}
  .mainpage .main_prod .prod_card .card .prod_name {order: 1; margin-bottom: 0; font-size: 24px; line-height: 1.3;}
  .mainpage .main_prod .prod_card .card .desc {order: 0; margin-bottom: 0.5em; font-size: 13px;}
  .mainpage .main_prod .prod_card .card .icon {background: none; bottom: auto; top: 50%; right: 15px; transform: translate(0, -50%);}
  .mainpage .main_prod .prod_card .card .icon .arrow {width: 20px; height: 20px; border-width: 3px; border-color: #fff;}

  .mainpage .main_tech .fp-content {padding: 60px 0!important;}
  .mainpage .main_tech .section_bg {display: none;}
  .mainpage .main_tech .section_bg.mo_bg {display: block;}
  .mainpage .main_tech .container {height: 700px;}
  .mainpage .main_tech .contbox {display: flex; flex-direction: column; height: 100%; background: none; padding: 30px 50px 30px 0;}
  .mainpage .main_tech .contbox .section_sbj {font-size: 15px; font-weight: 700; margin-bottom: auto;}
  .mainpage .main_tech .contbox .subtitle {font-size: 30px; margin-bottom: 1em;}
  .mainpage .main_tech .contbox .desc {margin-bottom: 1em;}
  .mainpage .main_tech .contbox .btn--arrow_link {margin-left: 0; width: 120px;}


  .mainpage .main_eco .container {text-align: center;}
  .mainpage .main_eco .container .cont_box {word-break: keep-all;}
  .mainpage .main_eco .container .cont_box .card {padding: 60px 20px;}
  .mainpage .main_eco .container .cont_box figure {flex-direction: column; gap: 20px; align-items: center; margin-bottom: 40px;}
  .mainpage .main_eco .container .cont_box figure b {font-size: 1.2em;}
  .mainpage .main_eco .container .cont_box figure img {width: 200px; margin: 0 auto;}
  .mainpage .main_eco .section_bg {display: none; height: 520px; margin-top: -410px;}
  .mainpage .main_eco .section_bg.mo_bg {display: block;}
}

/* 360주년 기념 배너 */
.mainpage .main_visual.special-type .main_visual_pagination .wrapper {margin-left: 0;}
.mainpage .main_visual.special-type .main_visual_pagination .bullet {transition: color 0.5s, width 0.5s, opacity 0.5s;}
.mainpage .main_visual.special-type:has(.swiper-slide-active.special) .main_visual_pagination .bullet {color: black;}
.mainpage .main_visual.special-type .swiper-slide.special .img.bg {object-fit: cover; background: white; z-index: 1;}
.mainpage .main_visual.special-type .swiper-slide.special .img.bg.mo {display: none;}
.mainpage .main_visual.special-type .swiper-slide.special .sgp-logo {position: absolute; bottom: 100px; right: 100px; width: 200px; z-index: 2;}
.mainpage .main_visual.special-type .swiper-slide.special a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}

@media screen and (min-width: 1400px) {
  .mainpage .main_visual.special-type .main_visual_pagination {bottom: 80px;}
}
@media screen and (max-width: 1399px) {
  .mainpage .main_visual.special-type .main_visual_pagination .bullet:not(.swiper-pagination-bullet-active) {background: var(--main-color);}
}
@media screen and (min-width: 768px) {
  .mainpage .main_visual.special-type .swiper-slide .container .inner:not(.ta--c) {margin-bottom: 100px;}
}
@media screen and (max-width: 767px) {
  .mainpage .main_visual.special-type .swiper-slide.special .img.bg.pc {display: none;}
  .mainpage .main_visual.special-type .swiper-slide.special .img.bg.mo {display: block;}
  .mainpage .main_visual.special-type .swiper-slide.special .sgp-logo {width: 100px; bottom: 35px; right: 25px;}
}


/* 제네핏 배너 */
.mainpage .main_visual .swiper-slide.genefit a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.mainpage .main_visual .swiper-slide.genefit .container .tit .pc {display: block;}
.mainpage .main_visual .swiper-slide.genefit .container .tit .mo {display: none;}
.mainpage .main_visual .swiper-slide.genefit .container .desc {font-weight: 400;}
@media screen and (min-width: 1400px) {
  .mainpage .main_visual .swiper-slide.genefit .container {align-items: flex-start; padding-top: 230px;}
}
@media screen and (max-width: 1399px) {
  .mainpage .main_visual .swiper-slide.genefit .container .tit .pc {display: none;}
  .mainpage .main_visual .swiper-slide.genefit .container .tit .mo {display: block; max-width: 220px;}
}




/* Subpage */
.sub__intro_banner {position: relative; top: 0; left: 0; width: 100%; z-index: 0; overflow: hidden;}
.sub__intro_banner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.sub__intro_banner .bg::before {position: absolute; top: 0; left: -150px; width: calc(100% + 300px); height: 100%; content: ''; background: #9A9486; mix-blend-mode: multiply; opacity: .3; transform: skewX(-30deg) scaleX(0); transform-origin: left; transition: transform .8s var(--cubic-pop1); transition-delay: 0.2s;}
.sub__intro_banner .bg::after {position: absolute; top: 0; left: -150px; width: calc(100% + 300px); height: 100%; content: ''; background: #9A9486; mix-blend-mode: multiply; opacity: .3; transform: skewX(-30deg) scaleX(0); transform-origin: left; transition: transform .8s var(--cubic-pop1); transition-delay: 0.3s;}
.sub__intro_banner .bg::before,
.sub__intro_banner .bg::after {transform: none!important; width: 100%!important; left: 0!important;}
.sub__intro_banner .container {display: flex; align-items: center; justify-content: center; text-align: center; height: 440px; padding-top: 40px; color: #fff;}
.sub__intro_banner .sbj {margin-bottom: 0;font-family:"Pretendard", "맑은 고딕", sans-serif;;}

.sub__article {padding: 150px 0;}
.sub__article_head {margin-bottom: 80px;}
.sub__article_head.has_bar {position: relative; text-align: center; margin-bottom: 0;}
.sub__article_head.has_bar::after {display: block; content: ''; width: 1px; height: 70px; background: #aaa; margin: 10px auto 0 auto;}

.ly--horizontal {display: flex; gap: 30px;}
.ly--vertical {display: flex; flex-direction: column; gap: 30px;}
.ly--horizontal__head {width: 336px; flex-shrink: 0; word-break: keep-all;}
.ly--vertical__head .subject__desc,
.ly--horizontal__head .subject__desc {display: block; color: #aaa; font-weight: 400; font-size: 0.65em; line-height: 1.3; margin-top: 0.3em;}
.ly--horizontal__body {width: calc(100% - 396px);}

.sub__lnb_bar{background:rgba(134,134,134,0.4);backdrop-filter: blur(20px); margin-top: -59px;}
.sub__lnb_bar--fixed {display: none;}
.sub__lnb_bar .container--narrow {display:block; height:auto;padding-top:0; }
.sub__lnb_bar .container--narrow .lnb_btns{color:rgba(255,255,255,0.3); }
.sub__lnb_bar .container--narrow .lnb_btns .btn{height:59px; font-size:20px; font-weight:600;position:relative; z-index: 0;}
.sub__lnb_bar .container--narrow .lnb_btns .btn:before{content:""; position:absolute;top:50%; left:0; transform:translate(-50%,-50%); width:2px; height:20px; background:rgba(255,255,255,0.3);}
.sub__lnb_bar .container--narrow .lnb_btns .btn:after{content:"";position:absolute;top:50%; right:0; transform: translate(50%,-50%); width:2px; height:20px; background:rgba(255,255,255,0.3);display: none;}
.sub__lnb_bar .container--narrow .lnb_btns .btn:last-child:after {display: block;}
.sub__lnb_bar .container--narrow .lnb_btns .btn.active{color: var(--sub-color1); z-index: 10;}
.sub__lnb_bar .container--narrow .lnb_btns .btn.active:before,
.sub__lnb_bar .container--narrow .lnb_btns .btn.active:after{background: var(--sub-color1); display: block;}

.product_lnb {padding: 53px 0; background: #fff; top: 0; left: 0; width: 100%; box-shadow: 0 0 15px rgb(0,0,0,.2), 0 0 10px rgb(0,0,0,.1), 0 0 5px rgb(0,0,0,.1); z-index: 888;}
.product_lnb .btn--mobile {display: none;}
.product_lnb .ca_ls {display: flex; gap: 16px 30px; justify-content: center;}
.product_lnb .ca_ls > li {position: relative; width: calc(100% / 3); opacity: .4;}
.product_lnb .ca_ls > li > a {display: block; padding: 4px 0; border-bottom: 5px solid #CECECE; font-size: 17px;}
.product_lnb .ca_ls > li.active {opacity: 1;}
.product_lnb .ca_ls > li.active > a {border-bottom-color: var(--main-color); font-weight: 700;}

.product_lnb.type2 .nav_wrapper {display: flex; gap: 20px 40px; justify-content: space-between;}
.product_lnb.type2 .head {width: 250px; flex-shrink: 0; padding-top: 34px;}
.product_lnb.type2 .head .ca_ls > li {width: 100%;}
.product_lnb.type2 .body {display: flex; gap: 36px; width: 100%; max-width: 1074px;}
.product_lnb.type2 .body .group {width: 100%;}
.product_lnb.type2 .body .group .tit {display: block; font-size: 14px; color: var(--main-color); font-weight: 700; line-height: 1; margin-bottom: 20px;}
.product_lnb.type2 .body .group .ca_ls {flex-wrap: wrap; gap: 16px; justify-content: flex-start;}
.product_lnb.type2 .body .group .ca_ls > li {width: calc((100% - 16px) / 2);}

.lnb--static {}

.lnb--fixed {position: fixed; bottom: 0; left: 0; z-index: 888; width: 100%; transform: translate(0, 100%); transition: transform 0.3s var(--cubic-pop1); box-shadow: 0 -5px 10px rgb(0,0,0,.05);}
.lnb--fixed .trigger {position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, 0); width: 140px; height: 70px; border-radius: 70px 70px 0 0; cursor: pointer; transition: transform .3s var(--cubic-pop1) .1s; background: rgb(0, 107, 170, .7); backdrop-filter: blur(5px); color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 20px;font-weight:400;}
.lnb--fixed .trigger::before {display: block; content: ''; width: 10px; height: 10px; display: block; border: 4px solid #fff; border-left: none; border-bottom: none; transform: rotate(-45deg); margin-top: 20px;
box-sizing:unset;}
.lnb--fixed .sub__lnb_bar {position: relative; margin-top: 0; background: #fff; color: #303030; border-bottom: 1px solid #dadada;}
.lnb--fixed .sub__lnb_bar .lnb_btns .btn {color: #303030;}
.lnb--fixed .sub__lnb_bar .lnb_btns .btn:before,
.lnb--fixed .sub__lnb_bar .lnb_btns .btn:after {background: rgb(0,0,0,.1);}
.lnb--fixed .product_lnb {position: relative; left: 0; top: 0; z-index: 5; box-shadow: none;}

.sub__content_area {padding: 150px 0 50px 0;}
.sub__content_area {position: relative; z-index: 1; background: #fff;}

.ly--split {display: flex; gap: 75px;}
.ly--split__head {width: 100%;}
.ly--split__body {width: 880px; flex-shrink: 0;}



/* Products */
.prod_about_intro {position: relative; overflow: hidden; color: #fff;}
.prod_about_intro .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.prod_about_intro .bg--mo {display: none;}
.prod_about_intro .container--narrow {display: flex; align-items: center; height: 900px; padding: 100px 0;}
.prod_about_intro .content {}
.prod_about_intro .sbj_tag {font-weight: 600;}
.prod_about_intro .sbj {margin-bottom: 0.8em;}
.prod_about_intro .subtitle {margin-bottom: 1em; line-height: 1.6; font-weight: 600;}
.prod_about_intro .desc {opacity: 1; mix-blend-mode: screen;}

.prod_about_feat {}
.prod_about_feat .sbj {display: flex; align-items: center; gap: 0 30px; text-align: center; margin-bottom: 93px;}
.prod_about_feat .sbj::before,
.prod_about_feat .sbj::after {width: 100%; height: 1px; background: var(--main-color); content: ''; display: block;}
.prod_about_feat .sbj .cont {flex-shrink: 0;}
.prod_about_feat .sbj .cont .tag {color: var(--main-color); opacity: .5; font-size: 30px; margin-bottom: 0.3em; display: block; line-height: 1.3;}
.prod_about_feat .sbj .cont img {display: block; margin: 0 auto;}
.prod_about_feat .feat_ls {width: 912px; max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 38px 20px;}
.prod_about_feat .feat_item {display: flex; flex-direction: column; align-items: center; text-align: center;}
.prod_about_feat .feat_item .icon {margin-bottom: 25px;}
.prod_about_feat .feat_item .desc {color: #959595;}
.prod_about_lineup .sbj {margin-bottom: 1em;}
.prod_about_lineup .lineup_wrap {display: flex;}
.prod_about_lineup .lineup_wrap section {width: 50%; height: 690px; padding: 50px 70px; color: #fff; position: relative; overflow: hidden;}
.prod_about_lineup .lineup_wrap section .cont {display: flex; flex-direction: column; height: 100%; position: relative; z-index: 1;}
.prod_about_lineup .lineup_wrap section .ca {margin-bottom: auto;}
.prod_about_lineup .lineup_wrap section ul {font-size: 45px; font-weight: 700; line-height: 1.3;}
.prod_about_lineup .lineup_wrap section ul li {margin-bottom: 20px; transition: color .4s, opacity .4s;}
.prod_about_lineup .lineup_wrap section ul li:last-child {margin-bottom: 0;}
.prod_about_lineup .lineup_wrap section:nth-child(1) {text-align: right;}
.prod_about_lineup .lineup_wrap section:nth-child(2) ul {color: var(--main-color); mix-blend-mode: screen;}
.prod_about_lineup .lineup_wrap section:nth-child(2) ul li {opacity: .4;}
.prod_about_lineup .lineup_wrap section:nth-child(1) .ca {color: #D1B578; mix-blend-mode: screen;}
.prod_about_lineup .lineup_wrap section:nth-child(1) ul {color: #D1B578; mix-blend-mode: screen;}
.prod_about_lineup .lineup_wrap section:nth-child(1) ul li {opacity: .4;}
.prod_about_lineup .lineup_wrap section::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; background-color: rgb(0, 125, 177, .5); opacity: 0; backdrop-filter: blur(10px); z-index: 0; transition: opacity .4s, transform .4s var(--cubic-pop1); pointer-events: none;}
.prod_about_lineup .lineup_wrap section:nth-child(1):before {left: auto; right: 0px; transform: translate(100%);}
.prod_about_lineup .lineup_wrap section:nth-child(2):before {left: 0px; transform: translate(-100%);}
.prod_about_lineup .lineup_wrap.type2 {display: grid; grid-template-columns: repeat(2, 1fr);}
.prod_about_lineup .lineup_wrap.type2 section { width: 100%; height: 427px;}
.prod_about_lineup .lineup_wrap.type2 section::before {transform: none!important; width: 100%; height: 100%; left: 0;}
.prod_about_lineup .lineup_wrap.type2 section .sbj {font-size: 45px; margin-bottom: 0;}
.prod_about_lineup .lineup_wrap.type2 section .sbj small {display: block; font-size: 0.6em;}
.prod_about_lineup .lineup_wrap.type2 section:nth-child(2n-1) {text-align: right;}
.prod_about_lineup .lineup_wrap.type2 section:nth-child(2n) {text-align: left;}
.prod_about_lineup .lineup_wrap.type2 section:nth-child(1) .cont,
.prod_about_lineup .lineup_wrap.type2 section:nth-child(2) .cont {justify-content: flex-end;}


.prod_detail_intro {position: relative; color: #fff; word-break: keep-all;}
.prod_detail_intro .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.prod_detail_intro .bg .dimmer {width: 100%; height: 100%; background: rgb(0,0,0,.6); opacity: 0;}
.prod_detail_intro .bg--pc {display: block;}
.prod_detail_intro .bg--mo {display: none;}
.prod_detail_intro .container--narrow {padding: 190px 0 130px 0; height: 1250px;}
.prod_detail_intro.type2 .container {height: 1030px;}
.prod_detail_intro .content {height: 100%; display: flex; flex-direction: column;}
.prod_detail_intro .content .head .sbj_tag {font-weight: 700;}
.prod_detail_intro .content .head .subject {font-size: 120px; font-weight: 600; line-height: 1;}
.prod_detail_intro .content .head .subtitle {font-weight: 600; margin-bottom: 1em;}
.prod_detail_intro .content .head .desc {font-weight: 700;}
.prod_detail_intro .key_point {margin-top: auto;}
.prod_detail_intro .key_point .tit {color: var(--sub-color1); font-weight: 700; margin-bottom: 1em;}
.prod_detail_intro .key_point .icons {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; width: 690px;}
.prod_detail_intro .key_point .icons > li {display: flex; gap: 20px; align-items: center; position: relative;}
.prod_detail_intro .key_point .icons > li::before,
.prod_detail_intro .key_point .icons > li::after {position: absolute; content: ''; background: rgb(255,255,255,.34); display: block;}
.prod_detail_intro .key_point .icons > li::before {width: 100%; height: 1px; bottom: -15px; left: 0;}
.prod_detail_intro .key_point .icons > li::after {width: 1px; height: 100%; top: 0; right: -15px;}
.prod_detail_intro .key_point .icons > li:nth-child(2n):after {display: none;}
.prod_detail_intro .key_point .icons > li:nth-child(3):before,
.prod_detail_intro .key_point .icons > li:nth-child(4):before {display: none;}
.prod_detail_intro .key_point .icons > li .icon {width: 110px; height: 110px; display: flex; align-items: center; justify-content: center;}
.prod_detail_intro .key_point .icons > li .icon img {display: block;}
.prod_detail_intro .key_point .icons > li .cont {font-size: 19px; font-weight: 600; line-height: 1.5;}
.prod_detail_intro .key_point .icons > li .desc {mix-blend-mode: screen; color: #ccc; margin-bottom: 0;}
.prod_detail_intro.type2 .key_point .icons {width: 100%; display: flex;}
.prod_detail_intro.type2 .key_point .icons > li {padding: 0 20px; gap: 24px; align-items: flex-start;}
.prod_detail_intro.type2 .key_point .icons > li::before {display: none;}
.prod_detail_intro.type2 .key_point .icons > li::after {display: block!important;}
.prod_detail_intro.type2 .key_point .icons > li:nth-child(4n)::after {display: none!important;}


/* 제네핏 */
.genefit .sub__content_area {background: #171218; color: white;}
.genefit_spec_wrapper {padding-bottom: 150px; background: black;}
.genefit_spec {--sub-color2: #048DDE; --head-gradient: #B2B4C1, #CBCBD3; padding-bottom: 0!important;}
.genefit_spec.a3 {--head-gradient: #B2B4C1, #CBCBD3;}
.genefit_spec.a2 {--head-gradient: #B9BCC5, #C9CCD1;}
.genefit_spec.a1 {--head-gradient: #C0C0C0, #D3D3D3;}
.genefit_spec .ly--horizontal {gap: 80px;}
.genefit_spec .ly--horizontal__head {position: relative; overflow: hidden; background: linear-gradient(to bottom, var(--head-gradient)); padding: 42px; width: 287px;}
.genefit_spec .ly--horizontal__head .subject {color: black; font-size: 59px; line-height: 1.3;}
.genefit_spec .ly--horizontal__head .subject small {display: block; font-size: 0.576em; line-height: 1.2;}
.genefit_spec .ly--horizontal__head .subject b {display: block; line-height: 1.2;}
.genefit_spec .ly--horizontal__head .thumb {position: absolute; bottom: 0; left: 0; width: 100%; height: 278px; object-fit: cover; object-position: right bottom;}
.genefit_spec section {margin-top: 60px;}
.genefit_spec section .section-title {font-size: 24px; font-weight: 700; color: #048DDE; margin-bottom: 0.5em;}
.genefit_spec .key-points {display: flex;}
.genefit_spec .key-points > li {width: 100%; border-right: 1px solid #D9D9D9; display: flex; flex-direction: column; align-items: center; text-align: center;}
.genefit_spec .key-points > li:last-child {border-right: none;}
.genefit_spec .key-points > li .icon {margin-bottom: 10px;}
.genefit_spec .key-points > li span {font-size: 19px; font-weight: 600; line-height: 1.3;}
.genefit_spec .prod_spec thead tr td {background: #003850; border-right-color: black;}
.genefit_spec .prod_spec thead tr td:last-child {border-right: none;}
.genefit_spec .prod_spec tr td:not(:last-child) {border-right: 3px solid black;}
.genefit_spec .prod_spec tbody tr td {color: #CECECE;}

@media screen and (min-width: 1400px) {
  .genefit .prod_detail_intro .container--narrow {height: 1080px;}
}
@media screen and (max-width: 1399px) {
  .genefit_about .subject img {width: 200px;}

  .genefit_spec .ly--horizontal {gap: 0px;}
  .genefit_spec .ly--horizontal__head {padding: 32px; margin-bottom: 30px; width: 100%; background: linear-gradient(to right, var(--head-gradient));}
  .genefit_spec .ly--horizontal__head .subject {font-size: 42px;}
  .genefit_spec .ly--horizontal__head .thumb {width: auto; left: auto; right: 0; height: 100%;}

  .genefit_spec section .section-title {font-size: 20px;}
  .genefit_spec .key-points > li .icon {height: 70px;}
  .genefit_spec .key-points > li span {font-size: 14px;}
  #carousel_wrap {padding:100px 0;}
  #carousel_box {width:720px;flex-direction:column;gap:20px;align-items:center;max-width:calc(100% - 40px);}
  #carousel_box>div:first-child {width:100%;flex-direction:row;gap:0;}
  #carousel_box>div:first-child .elementor-heading-title {font-size:26px;}
  #carousel_box>div:first-child>div:nth-child(2) .elementor-heading-title {font-size:17px;margin:0 0 0 6px;
    display:block;transform:translateY(4px);}
  #carousel_box #custom-swiper-pagination {bottom:-8px;right:-15px;z-index:111;padding:15px;line-height:24px;}
  #carousel_box>div:nth-child(2) {width:100%;margin:0;}
  #carousel_box .swiper-slide-inner img {height:289px;}
  #carousel_box .swiper-slide-inner figcaption {padding:15px 10px;}

}
@media screen and (max-width: 767px) {
  .genefit_spec .ly--horizontal__head {padding: 24px;}
  .genefit_spec .key-points {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
  .genefit_spec .key-points > li {border: none;}
  #carousel_box .swiper-slide-inner img {height:calc(37.6vw - 5.4px);}
  #carousel_box .elementor-swiper-button-next {right:10px;transform:translateY(calc(-50%  - 26px));}
  #carousel_box .elementor-swiper-button-prev {left:10px;transform:translateY(calc(-50%  - 26px));}
  #carousel_box .elementor-swiper-button {width:34px;height:34px;}
  #carousel_box .elementor-swiper-button svg {width:16px;height:16px;}
  #carousel_box #custom-swiper-pagination {width:150px;height:150px;display:flex;align-items:flex-end;
    justify-content:flex-end;gap:5px;bottom:calc(-38vw - 11px);font-size:18px;pointer-events:none;
    background:linear-gradient(-45deg, rgb(0,0,0,.8), rgb(0,0,0,0), rgb(0,0,0,0));right:0;}
  #carousel_box #custom-swiper-pagination .current-page {color:#fff;font-size:24px;}
  #carousel_box #custom-swiper-pagination span {color:#ccc;}
}
@media screen and (max-width: 499px) {
  #carousel_box>div:first-child {width:100%;}
  #carousel_box>div:nth-child(2) {width:100%;}
  #carousel_box .swiper-slide-inner img {height:75.2vw;}
  #carousel_box #custom-swiper-pagination {bottom:calc(-76vw - 16px);}
}

.prod_detail_intro.theme--white .bg .dimmer {background: rgb(255,255,255,.5);}
.prod_detail_intro.theme--white .container {height: auto;}
.prod_detail_intro.theme--white .content .head {margin-bottom: 0;}
.prod_detail_intro.theme--white .content .head .subject {color: var(--main-color); line-height: 1.1; mix-blend-mode: multiply;}
.prod_detail_intro.theme--white .content .head .sbj_tag,
.prod_detail_intro.theme--white .content .head .subtitle,
.prod_detail_intro.theme--white .content .head .desc {color: #000;}

.table_overflow_container--x {overflow: auto hidden;}
.prod_spec {position: relative; width: 100%; font-size: 19px; text-align: center; line-height: 1.5; margin-top: 3px; table-layout: fixed;}
.prod_spec.overflowed {min-width: 720px;}
.prod_spec::before {position: absolute; top: -3px; left: 0; width: 100%; height: 3px; background: var(--sub-color2); content: ''; display: block;}
.prod_spec th {text-align: center; border-bottom: 1px solid #afafaf;}
.prod_spec td {text-align: center; border-bottom: 1px solid #afafaf;}
.prod_spec thead {}
.prod_spec thead tr {}
.prod_spec thead tr th, .prod_spec thead tr td {padding: 10px 10px;}
.prod_spec thead tr th {background: var(--sub-color2); color: #fff; }
.prod_spec thead tr td {background: rgb(0, 125, 177, .11); font-size: 18px; font-weight: 400; line-height: 1.3; border-right: 3px solid #fff; vertical-align: top;}
.prod_spec tbody tr th,
.prod_spec tbody tr td {padding: 14px 10px;}
.prod_spec tbody tr th {background: #f9f9f9; color: var(--sub-color2);}
.table_noti {text-align: left; margin-top: 25px; color: #aaa; font-size: 14px; font-weight: 400; line-height: 1.5;}
.table_noti > li {margin-bottom: 0.3em;}

.prod_success_gallery {padding-bottom: 20px;}
.prod_success_gallery .pagination_bar {top: auto; bottom: 0; background: rgb(110, 118, 137, .3); height: 6px;}
.prod_success_gallery .pagination_bar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #6E7689;}
.prod_success_gallery .btns {position: absolute; top: calc((100% - 73px) / 2); left: 0; width: 100%; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; transform: translate(0, -50%); pointer-events: none;}
.prod_success_gallery .btns .btn {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: rgb(0,0,0,.5); cursor: pointer; pointer-events: initial;}
.prod_success_gallery .btns .btn.swiper-button-disabled {opacity: 0; cursor: initial;}
.prod_success_gallery .btns .btn .arrow {width: 16px; height: 16px; border-width: 5px; border-color: #fff;}
.prod_success_gallery .btns .btn--prev .arrow {margin-left: 5px;}
.prod_success_gallery .btns .btn--next .arrow {margin-right: 5px;}
.prod_success_gallery__slide {}
.prod_success_gallery__slide .modal_trigger {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
.prod_success_gallery__slide .thumb {display: block; width: 100%; height: 0; padding-bottom: 82%;}
.prod_success_gallery__slide .caption {display: block; text-align: right; font-size: 15px; padding: 23px 0;}
.prod_success_gallery__slide .thumb.type--img {height: auto; padding: 0;}

.prod_success_gallery_container {position: relative;}
.prod_success_gallery_container .pagination_fraction {position: absolute; color: #ccc; font-size: 24px; left: -366px; bottom: 73px; width: auto;}
.prod_success_gallery_container .pagination_fraction .swiper-pagination-current {color: #000; font-weight: 600;}

#prod_success_gallery_modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999; overflow: hidden; opacity: 0!important; pointer-events: none!important; transition: opacity .5s;}
#prod_success_gallery_modal.active {opacity: 1!important; pointer-events: initial!important;}
#prod_success_gallery_modal * {pointer-events: none!important;}
#prod_success_gallery_modal.active * {pointer-events: initial!important;}
#prod_success_gallery_modal .modal__dimmer {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgb(0,0,0,.7); backdrop-filter: blur(5px);}
#prod_success_gallery_modal .modal__container {position: relative; z-index: 1; width: 960px; background: #fff; padding: 0; max-width: calc(100% - 40px); max-height: calc(100% - 100px); display: flex; flex-direction: column;}
#prod_success_gallery_modal .modal__close_btn {cursor: pointer;}
#prod_success_gallery_modal .modal__close_btn i {width: 32px; height: 32px; transform: rotate(45deg);}
#prod_success_gallery_modal .modal__close_btn i::before,
#prod_success_gallery_modal .modal__close_btn i::after {background: #000;}
#prod_success_gallery_modal .modal__close_btn i::before {width: 2px;}
#prod_success_gallery_modal .modal__close_btn i::after {height: 2px;}
#prod_success_gallery_modal .modal__close_btn:hover i::before,
#prod_success_gallery_modal .modal__close_btn:hover i::after {background: var(--main-color);}
#prod_success_gallery_modal .swiper {width: 100%; height: 100%;}
#prod_success_gallery_modal .swiper-slide .img {width: 100%; height: 0; padding-bottom: 56.25%; background-color: #f7f6f5;}
#prod_success_gallery_modal .swiper .controller {padding: 20px;}
#prod_success_gallery_modal .swiper .controller .inner { display: flex; align-items: center; justify-content: flex-end; gap: 30px; border-radius: 5px; background: rgb(255,255,255,1); backdrop-filter: blur(5px);}
#prod_success_gallery_modal .swiper .controller .inner .divider {width: 1px; height: 30px; background: #dadada; flex-shrink: 0;}
#prod_success_gallery_modal .swiper .controller .sbj {font-size: 24px; text-align: right; line-height: 1.5; font-weight: 400; color: var(--main-color);}
#prod_success_gallery_modal .swiper .controller nav {display: flex; gap: 10px;}
#prod_success_gallery_modal .swiper .controller nav .paging {order: 1; padding: 0; font-size: 20px; width: 100px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 5px; background: #f5f4f3;}
#prod_success_gallery_modal .swiper .controller nav .btn {display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 5px; background: #f5f4f3; cursor: pointer;}
#prod_success_gallery_modal .swiper .controller nav .btn .arrow {border-color: #707070; border-width: 4px;}
#prod_success_gallery_modal .swiper .controller nav .btn .arrow.left {margin-left: 3px;}
#prod_success_gallery_modal .swiper .controller nav .btn .arrow.right {margin-right: 3px;}
#prod_success_gallery_modal .swiper .controller nav .btn--prev {order: 0;}
#prod_success_gallery_modal .swiper .controller nav .btn--next {order: 2;}
#prod_success_gallery_modal .swiper .controller nav .btn:hover {background: #efeeed;}
#prod_success_gallery_modal .swiper .controller .modal__close_btn {background: var(--main-color); width: 46px; height: 46px; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
#prod_success_gallery_modal .swiper .controller .modal__close_btn i {}
#prod_success_gallery_modal .swiper .controller .modal__close_btn i::before,
#prod_success_gallery_modal .swiper .controller .modal__close_btn i::after {background: #fff;}
#prod_success_gallery_modal .swiper .controller .modal__close_btn i::before {}
#prod_success_gallery_modal .swiper .controller .modal__close_btn i::after {}
#prod_success_gallery_modal .swiper .controller .modal__close_btn:hover {background: var(--sub-color2);}


.prod_key_point_ls {display: flex; justify-content: space-around; gap: 30px;}
.prod_key_point_ls > li {display: flex; flex-direction: column; align-items: center; width: 100%; position: relative;}
.prod_key_point_ls > li::before,
.prod_key_point_ls > li::after {position: absolute; top: 0; width: 1px; height: 100%; background: #DFDFDF; display: block; content: '';}
.prod_key_point_ls > li::before {left: -15px;}
.prod_key_point_ls > li::after {display: none; right: -15px;}
.prod_key_point_ls > li:last-child::after {display: block;}
.prod_key_point_ls > li .icon {margin-bottom: 20px;}
.prod_key_point_ls > li .val {font-size: 19px; text-align: center; color: #000; line-height: 1.3;}

.ppf_stt {position: relative;}
.ppf_stt .container--narrow {display: flex; align-items: center; justify-content: space-between; gap: 30px 50px;}
.ppf_stt .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.ppf_stt .logobox {padding: 38px 70px; background: #fff; border-radius: 100px; box-shadow: 15px 15px 70px rgb(255,255,255,.1), 15px 15px 40px rgb(255,255,255,.2), 15px 15px 25px rgb(255,255,255,.3);}
.ppf_stt .logobox img {display: block;}

.download_banner {word-break: keep-all;}
.download_banner .container--narrow {padding: 23px 0; padding-left: 17%;}
.download_banner .inner {position: relative; display: flex; gap: 50px; width: 100vw; background: var(--sub-color2); color: #fff;}
.download_banner .inner .cont {width: 520px; flex-shrink: 0; padding: 43px 48px;}
.download_banner .inner .cont .tag {}
.download_banner .inner .cont .sbj {margin-bottom: 0; display: flex; align-items: center; justify-content: start; gap: 1.5em;}
.download_banner .inner .cont .icon {display: flex; align-items: center;}
.download_banner .inner .cont .icon::before {width: 54px; height: 54px; background: #125D9C; border-radius: 50%; display: block; content: ''; transition: transform .3s;}
.download_banner .inner:hover .cont .icon::before {transform: translate(40px);}
.download_banner .inner .cont .icon .arw {position: relative; z-index: 1; flex-shrink: 0; display: flex; align-items: center; margin-left: -20px;}
.download_banner .inner .cont .icon .arw::before,
.download_banner .inner .cont .icon .arw::after {display: block; content: '';}
.download_banner .inner .cont .icon .arw::before {width: 38px; height: 2px; background: #fff;}
.download_banner .inner .cont .icon .arw::after {width: 14px; height: 14px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); flex-shrink: 0; margin-left: -17px;}
.download_banner .inner .thumb {position: relative; width: 100%;}
.download_banner .inner .thumb img {position: absolute; bottom: 0; left: 0; display: block;}

.etc_products {}
.etc_products__head {}
.etc_products__head .subject {}
.etc_products__head .subject__desc {font-weight: 700; display: inline-block; margin-left: 0.4em; font-size: 0.45em;}
.etc_spec_nav {display: flex; justify-content: center; border-top: 1px solid rgb(112, 112, 112, .2);}
.etc_spec_nav .swiper-pagination-bullet {width: 100%; display: flex; align-items: center; justify-content: center; padding: 17px 2px; position: relative; color: #000; opacity: 0.2; font-size: 15px; font-weight: 700; text-align: center; background: none; border-radius: 0; height: auto; cursor: pointer; white-space: nowrap;}
.etc_spec_nav .swiper-pagination-bullet:hover {opacity: .4;}
.etc_spec_nav .swiper-pagination-bullet::after {position: absolute; top: -1px; left: 0; width: 100%; height: 2px; background: #000; content: ''; display: none;}
.etc_spec_nav .swiper-pagination-bullet-active {opacity: 1!important;}
.etc_spec_nav .swiper-pagination-bullet-active::after {display: block;}
.etc_products__gall {position: relative;}
.etc_products__gall--controller {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.etc_products__gall--thumb {padding-bottom: 125px;}
.etc_products__gall--thumb .swiper-slide {}
.etc_products__gall--thumb .swiper-slide img {display: block;}
.etc_products__gall--thumb .etc_spec_nav {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10;}
.etc_products__gall--cont {position: absolute; bottom: 125px; left: 0; z-index: 11; background: #fff; width: 550px;}
.etc_products__gall--cont .swiper-slide {padding: 48px 29px 0 0; background: #fff;}
.etc_products__gall--cont .swiper-slide .sbj {margin-bottom: 0.2em;}
.etc_products__gall--cont .swiper-slide .desc {color: #535252; margin-bottom: 40px;}
.etc_products__gall--cont .swiper-slide .btn--view_spec {display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 342px; height: 65px; border: 1px solid #333; padding: 15px 25px 15px 20px;margin-bottom: 1px;}
.etc_products__gall--cont .swiper-slide .btn--view_spec span {font-size: 20px;}
.etc_products__gall--cont .swiper-slide .btn--view_spec .arrow {border-width: 3px; border-color: var(--main-color);}

#etc_spec_modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999; overflow: hidden; opacity: 0!important; pointer-events: none!important; transition: opacity .5s;}
#etc_spec_modal.active {opacity: 1!important; pointer-events: initial!important;}
#etc_spec_modal .modal__dimmer {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgb(0,0,0,.7); backdrop-filter: blur(5px);}
#etc_spec_modal .modal__container {position: relative; z-index: 1; width: 1380px; background: #fff; padding: 40px 0 50px 0; max-width: 100%; max-height: 100%; display: flex; flex-direction: column;}
#etc_spec_modal .modal__container .etc_spec_nav_wrapper {padding: 0 90px; background: #fff;}
#etc_spec_modal .modal__container .etc_spec_nav {background: #fff; border-top: none; border-bottom: 1px solid rgb(112, 112, 112, .2);}
#etc_spec_modal .modal__container .etc_spec_nav .swiper-pagination-bullet::after {top: auto; bottom: -1px;}
#etc_spec_modal .modal__container__inner {height: 100%; overflow: hidden auto; padding: 0 90px;}
#etc_spec_modal .modal__close_btn {position: absolute; top: 40px; right: 40px; cursor: pointer;}
#etc_spec_modal .modal__close_btn i {width: 32px; height: 32px; transform: rotate(45deg);}
#etc_spec_modal .modal__close_btn i::before,
#etc_spec_modal .modal__close_btn i::after {background: #000;}
#etc_spec_modal .modal__close_btn i::before {width: 2px;}
#etc_spec_modal .modal__close_btn i::after {height: 2px;}
#etc_spec_modal .modal__close_btn:hover i::before,
#etc_spec_modal .modal__close_btn:hover i::after {background: var(--main-color);}
.etc_products__gall--spec {padding: 114px 0 0 0;}
.etc_products__gall--spec .swiper-slide {background: #fff;}
.etc_products__gall--spec .head {display: flex; gap: 20px 50px; align-items: center; margin-bottom: 45px;}
.etc_products__gall--spec .head .sbj {font-size: 70px;}
.etc_products__gall--spec .head .desc {font-size: 20px; line-height: 1.5; color: #535252;}
.etc_products__gall--spec .head .desc b {font-weight: 400;}
.etc_products__gall--spec .body .tit {font-size: 27px; margin-bottom: 25px;}
.etc_products__gall--spec .body .tit span {display: inline-block; margin-right: .5em; font-weight: 700;}
.etc_products__gall--spec .body .tit i {display: inline-block; font-weight: 400; color: #aaa;}



/* Distributes */
.distribute_content {word-break: keep-all; margin-bottom: 180px;}
.distribute_content .anchors {display: flex; justify-content: flex-end; gap: 40px;}
.distribute_content .anchors a {position: relative; color: #999; font-size: 22px; font-weight: 700; line-height: 1.4; padding: 10px 0;}
.distribute_content .anchors a:hover {color: #333;}
.distribute_content .anchors a.active {color: #333;}
.distribute_content .anchors a.active::after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: var(--main-color);}
.distribute_content .title_banner {position: relative;}
.distribute_content .title_banner .sbj_box {width: 366px; height: 478px; background: #003375; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; color: #fff; padding: 52px 25px 45px 45px; gap: 30px; box-shadow: 30px 30px 20px rgb(0,0,0,.12);}
.distribute_content .title_banner .sbj_box .sbj {font-size: 46px; font-weight: 600; line-height: 1.3;}
.distribute_content .title_banner .sbj_box .ico {margin-left: auto;}
.distribute_content .title_banner .banner {position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; padding: 30px 0 53px 0;}
.distribute_content .title_banner .banner .inner {height: 100%;}
.distribute_content .content_body {padding: 20px 0 0 416px;}
.distribute_content .content_body .section {display: flex; gap: 42px 30px;}
.distribute_content .content_body .section__head {width: 335px; flex-shrink: 0;}
.distribute_content .content_body .section__head .tag {font-size: 20px; font-weight: 600; color: var(--sub-color1);}
.distribute_content .content_body .section__head .sbj {color: var(--main-color);}
.distribute_content .content_body .section__head nav {display: flex; gap: 15px; margin-top: 55px;}
.distribute_content .content_body .section__head nav a {display: flex; align-items: center; justify-content: center; text-align: center; height: 43px; width: auto; padding: 0 30px; border-radius: 43px; background-color: #E5E5E5; color: var(--main-color); font-weight: 500;}
.distribute_content .content_body .section__head nav a.to_homepage {width: 43px; background: url('/wp-content/uploads/2025/05/ico-home.png') no-repeat center / 22px; background-color: #E5E5E5; padding: 0;}
.distribute_content .content_body .section__body {width: 100%; border-bottom: 1px solid #BCBCBC; padding-bottom: 32px; padding-top: 40px;}
.distribute_content .content_body .section__body .ci {display: block; margin-left: auto; margin-top: 35px;}
.distribute_content .content_body.double {display: flex; padding-left: 391px;}
.distribute_content .content_body.double .section {flex-direction: column; width: 50%; padding: 0 25px; border-right: 1px solid #bcbcbc;}
.distribute_content .content_body.double .section__head {width: 100%;}
.distribute_content .content_body.double .section__head nav {justify-content: flex-end;}
.distribute_content .content_body.double .section__body {display: flex; flex-direction: column; border: none; padding: 0; height: 100%; justify-content: space-between;}


/* Company : saint-gobain */
.about_sg {overflow: hidden;}
.about_sg .ly--split__head {}
.about_sg .ly--split__head .sg_logo {margin-bottom: 100px;display: block;}
.about_sg .ly--split__head .sbj {}
.about_sg .ly--split__body {padding-top: 25px;}
.about_sg .ly--split__body .desc {margin-bottom: 100px;}
.about_sg .ly--split__body .desc .thumb {display: block;}
.about_sg .ly--split__body .download_banner {padding: 10px 0;}
.about_sg .ly--split__body .download_banner .inner {background: none; position: relative; width: 100%;}
.about_sg .ly--split__body .download_banner .inner::before {position: absolute; top: 0; left: 0; z-index: -1; content: ''; display: block; height: 100%; width: 60vw; background: linear-gradient(to right, #074287, #5C265A);}
.about_sg .ly--split__body .download_banner .inner .cont {padding: 35px 48px;}
.about_sg .ly--split__body .download_banner .inner .cont .icon::before {background: #0044aa; opacity: .3; mix-blend-mode: multiply;}
.about_sg .ly--split__body .download_banner .inner .cont .sbj {gap: 1em;}
.about_sg .ly--split__body .download_banner .inner .thumb img {left: -40px; bottom: -35px; max-width: none;}

.sg_parallex_article {position: relative; background: linear-gradient(to bottom, #EBEBEB, #EBEBEB, #fff, #fff);}
.sg_parallex_article::before {position: absolute; top: 0; left: 0; width: 100%; height: 500px; background: #fff; content: ''; z-index: 0;}
.sg_parallex_section {position: relative; z-index: 1; margin-bottom: 131px;}
.sg_parallex_section .ly--split {align-items: flex-start;}
.sg_parallex_section .sticky {position: sticky; top: 100px;}
.sg_parallex_section:last-child {margin-bottom: 0;}
.sg_parallex_section .bar_desc::before {display: block; content: ''; width: 110px; height: 10px; background: var(--main-color); margin: 0 0 35px 0;}

.sg_parallex_article .section1 .sbj {margin-bottom: 150px;}

.sg_parallex_article .section2 .ly--split__head {position: relative; z-index: 10;}
.sg_parallex_article .section2 .sg_app_gall {position: relative; overflow: hidden;}
.sg_parallex_article .section2 .sg_app_gall ul {display: flex; gap: 33px; max-width: none; position: relative; z-index: 0; box-sizing: content-box; will-change: transform; -webkit-will-change: transform; -ms-will-change: transform; -moz-will-change: transform; -o-will-change: transform;}
.sg_parallex_article .section2 .sg_app_gall ul > li figure img {display: block; margin-bottom: 10px;}
.sg_parallex_article .section2 .sg_app_gall ul > li figure figcaption {text-align: right; font-size: 18px;}
.sg_parallex_article .section2 .sg_app_gall ul > li figure figcaption b {display: inline-block;}

.sg_parallex_article .carbon_free .sbj img {margin-bottom: 15px!important;}

.sg_highlight {position: relative; padding: 135px 0;}
.sg_highlight .sub__article_bg {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(to right, #1277B4, #02498E);}
.sg_highlight .sub__article_bg .elem {position: absolute; bottom: 0; left: 0; opacity: .1; mix-blend-mode: screen; display: block;}
.sg_highlight .ly--split__body {width: 1034px;}
.sg_hl {display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px 30px; color: #fff; text-align: center; width: calc(100% + 60px); margin-left: -20px;}
.sg_hl > li {display: flex; flex-direction: column; align-items: center;}
.sg_hl > li .icon {margin-bottom: 15px; width: 100%;}
.sg_hl > li .icon img {display: block; margin: 0 auto; width: 65px;}
.sg_hl > li .icon span {font-size: 22px; font-weight: 600;}
.sg_hl > li .val {position: relative; width: 100%; height: 100%;}
.sg_hl > li .val::after {position: absolute; right: -15px; top: 8px; width: 1px; height: 90px; background: #fff; content: ''; opacity: .5;}
.sg_hl > li:nth-child(3n) .val::after {display: none;}
.sg_hl > li .val .num {color: var(--sub-color1); line-height: 1;}
.sg_hl > li .val .num i {font-weight: 600; font-size: 22px;}
.sg_hl > li .val .num strong {display: inline-block; font-weight: 700; font-size: 108px; margin: 0 .1em 0 .05em; line-height: 1;}
.sg_hl > li .val .desc {display: block; font-size: 14px; font-weight: 300;}
.sg_hl > li .val .net_zero {width: 255px; display: block; margin: 15px auto 0 auto;}


@media (hover: hover) {
  .lnb--fixed:hover {transform: translate(0);}

  .product_lnb .ca_ls > li:hover {opacity: 1;}
  .product_lnb .ca_ls > li:hover > a {font-weight: 700; border-bottom-color: var(--main-color);}
  .prod_about_lineup .lineup_wrap section:hover::before {opacity: 1;}
  .prod_about_lineup .lineup_wrap section:nth-child(1):hover::before {transform: translate(0);}
  .prod_about_lineup .lineup_wrap section:nth-child(2):hover::before {transform: translate(0);}
  .prod_about_lineup .lineup_wrap section:nth-child(2):hover ul {color: #fff;}
  .prod_about_lineup .lineup_wrap section ul li:hover {opacity: 1; color: #fff;}

  .prod_success_gallery .btns .btn:hover {background: var(--sub-color1);}

  .distribute_content .content_body .section__head nav a:hover {background-color: var(--main-color); color: var(--sub-color1);}
  .distribute_content .content_body .section__head nav a.to_homepage:hover {background-color: var(--sub-color1);}
}
@media screen and (max-width: 1499px) {
  .sg_highlight .ly--split {flex-direction: column;}
  .sg_highlight .ly--split__head,
  .sg_highlight .ly--split__body {width: 100%;}
  .sg_highlight .ly--split__head {text-align: center;}
  .sg_hl > li .val .num strong {font-size: 72px;}
  .sg_hl > li .val .net_zero {width: 195px; margin-top: 10px;}
}
@media screen and (max-width: 1399px) {
  .sub__content_area {padding: 80px 0 50px 0;}

  .sub__intro_banner .container {height: 340px; padding-top: 55px;}

  .sub__article {padding: 100px 0;}
  .sub__article_head {margin-bottom: 40px;}
  .sub__article_head.has_bar::after {height: 40px;}

  .ly--vertical,
  .ly--horizontal {flex-direction: column; gap: 10px;}
  .ly--horizontal__head {width: 100%;}
  .ly--horizontal__head .subject__desc,
  .ly--vertical__head .subject__desc {display: inline-block;}
  .ly--horizontal__body {width: 100%;}

  .sub__lnb_bar {position: fixed; bottom: 0; left: 0; z-index: 8888; width: 100%; background: #fff; margin-top: 0; z-index: 10; box-shadow: 0 -3px 20px rgb(0,0,0,.05);}
  .lnb--static .sub__lnb_bar,
  .sub__lnb_bar--static .sub__lnb_bar {position: relative;}
  .lnb--fixed,
  .sub__lnb_bar--fixed {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 8888; transform: translate(0, 100%); transition: transform .4s var(--cubic-pop1); display: block;}
  .lnb--fixed.show,
  .sub__lnb_bar--fixed.show {transform: translate(0);}
  .lnb--fixed .sub__lnb_bar,
  .sub__lnb_bar--fixed .sub__lnb_bar {position: relative;}
  .sub__lnb_bar .container--narrow .lnb_btns .btn{font-size:15px; padding:5px 15px;}
  .sub__lnb_bar .container--narrow{width:calc(100% - 40px)!important; overflow:auto hidden;}
  .sub__lnb_bar .container--narrow .btn {flex-shrink: 0;width:auto;}
  .sub__lnb_bar .container--narrow .lnb_btns {color: #333; gap: 20px;}
  .sub__lnb_bar .container--narrow .lnb_btns .btn {padding: 5px 0; font-weight: 400;}
  .sub__lnb_bar .container--narrow .lnb_btns .btn.active {font-weight: 700;}
  .sub__lnb_bar .container--narrow .lnb_btns .btn:before,
  .sub__lnb_bar .container--narrow .lnb_btns .btn:after {display: none!important;}

  .lnb--static .product_lnb,
  .lnb--static .sub__lnb_bar {border-bottom: 1px solid #dadada;}
  .lnb--fixed .trigger {display: none;}
  .lnb--static .sub__lnb_bar,
  .lnb--fixed .sub__lnb_bar {box-shadow: none;}

  .product_lnb {padding: 30px 0;}
  .product_lnb .container--narrow {width: 100%!important;}
  .product_lnb .ca_ls > li > a {font-size: 14px; border-bottom-width: 3px;}

  .product_lnb.type2 .head {width: 33%; flex-shrink: 1;}
  .product_lnb.type2 .body {max-width: 100%;}

  .ly--split {flex-direction: column; gap: 30px;}
  .ly--split__head,
  .ly--split__body {width: 100%}


  /* Products */
  .prod_about_intro .bg {background-attachment: local;}
  .prod_about_intro .container--narrow {height: 500px; padding: 40px 0;}
  .prod_about_intro .content {width: 55%;}

  .prod_about_feat .sbj {gap: 0 20px; margin-bottom: 60px;}
  .prod_about_feat .sbj .cont .tag {font-size: 18px;}
  .prod_about_feat .sbj .cont img {width: 200px;}
  .prod_about_feat .feat_item .icon {width: 100px;}
  .prod_about_lineup .lineup_wrap section {height: auto;}
  .prod_about_lineup .lineup_wrap section .ca {margin-bottom: 100px;}
  .prod_about_lineup .lineup_wrap section ul {font-size: 28px;}
  .prod_about_lineup .lineup_wrap section ul > li {margin-bottom: 15px;}
  .prod_about_lineup .lineup_wrap section:nth-child(1) ul li {color: #fff;}
  .prod_about_lineup .lineup_wrap section::before {opacity: 1; background-color: rgb(0,0,0,.5); width: 100%;}
  .prod_about_lineup .lineup_wrap.type2 section {height: 250px; padding: 30px;}
  .prod_about_lineup .lineup_wrap.type2 section::before {width: 100%; height: 100%; backdrop-filter: none;}
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(1):before {background: linear-gradient(-45deg, rgb(0,0,0,.8), rgb(0,0,0,.4), transparent, transparent);}
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(2):before {background: linear-gradient(45deg, rgb(0,0,0,.8), rgb(0,0,0,.4), transparent, transparent);}
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(3):before {background: linear-gradient(-135deg, rgb(0,0,0,.8), rgb(0,0,0,.4), transparent, transparent);}
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(4):before {background: linear-gradient(135deg, rgb(0,0,0,.8), rgb(0,0,0,.4), transparent, transparent);}
  .prod_about_lineup .lineup_wrap.type2 section .sbj {font-size: 24px;}

  .prod_detail_intro .bg {background-attachment: local;}
  .prod_detail_intro .bg .dimmer {opacity: 1!important; background: linear-gradient(105deg, rgb(0,0,0,.8), transparent);}
  .prod_detail_intro .container--narrow {height: auto!important; padding: 120px 0;}
  .prod_detail_intro .content {width: 100%;}
  .prod_detail_intro .content .head {margin-bottom: 100px;}
  .prod_detail_intro .content .head .sbj_tag {margin-bottom: 10px;}
  .prod_detail_intro .content .head .subject {font-size: 62px;}
  .prod_detail_intro .key_point .icons {display: grid!important; max-width: 100%; gap: 15px!important;}
  .prod_detail_intro .key_point .icons > li {flex-direction: column; align-items: center!important; padding: 20px 15px!important; background: rgb(0,0,0,.5); border-radius: 10px; text-align: center; gap: 15px!important;}
  .prod_detail_intro .key_point .icons > li::after,
  .prod_detail_intro .key_point .icons > li::before,
  .prod_detail_intro.type2 .key_point .icons > li::after,
  .prod_detail_intro.type2 .key_point .icons > li::before {display: none!important;}
  .prod_detail_intro .key_point .icons > li .icon {width: 90px!important; height: 90px!important;}
  .prod_detail_intro .key_point .icons > li .cont {font-size: 15px;}
  .prod_detail_intro .key_point .icons > li .cont .sbj {font-size: 16px;}
  .prod_detail_intro .key_point .icons > li .cont .desc {}

  .prod_spec {font-size: 16px;}
  .prod_spec thead tr td {font-size: 15px;}
  .table_noti {font-size: 12px;}

  .prod_success_gallery__slide .caption {padding: 15px 10px;}

  #prod_success_gallery_modal .modal__container {display: flex; flex-direction: column;}
  #prod_success_gallery_modal .swiper {height: 100%;}
  #prod_success_gallery_modal .swiper-slide .img {height: 0; padding-bottom: 56.25%;}

  #prod_success_gallery_modal .swiper .controller .inner {gap: 15px;}
  #prod_success_gallery_modal .swiper .controller .sbj {font-size: 16px; margin-right: auto;}
  #prod_success_gallery_modal .swiper .controller nav .paging {height: 40px; font-size: 16px;}
  #prod_success_gallery_modal .swiper .controller nav .btn {width: 40px; height: 40px;}
  #prod_success_gallery_modal .swiper .controller .modal__close_btn {width: 40px; height: 40px;}
  #prod_success_gallery_modal .swiper .controller .modal__close_btn i {width: 50%; height: 50%;}

  .prod_key_point_ls {flex-wrap: wrap; justify-content: center; gap: 40px 0;}
  .prod_key_point_ls > li {width: 25%; padding: 0 15px;}
  .prod_key_point_ls > li::before {left: 0;}
  .prod_key_point_ls > li::after {right: 0;}
  .prod_key_point_ls > li:nth-child(4n):after {display: block;}
  .prod_key_point_ls > li .icon {width: 70px; margin-bottom: 10px;}
  .prod_key_point_ls > li .val {font-size: 16px;}

  .ppf_stt .logobox {padding: 30px; width: 600px;}

  .download_banner .container--narrow {padding-left: 0;}
  .download_banner .inner {width: 100%;}
  .download_banner .inner .cont {width: 420px;}
  .download_banner .inner .thumb img {left: -50px; bottom: 0; max-width: 120%;}

  .etc_spec_nav {display: flex; gap: 5px; border: none!important;}
  .etc_spec_nav .swiper-pagination-bullet {font-size: 0; color: transparent; padding: 0; width: 8px; height: 8px; border-radius: 4px; background: #dadada; opacity: 1; transition: width .4s, background .4s;}
  .etc_spec_nav .swiper-pagination-bullet-active {background: var(--sub-color1); width: 24px;}
  .etc_spec_nav .swiper-pagination-bullet::after {display: none!important;}

  .prod_success_gallery_container .pagination_fraction {left: auto; right: 0; bottom: calc(100% + 14px);}

  .etc_products__gall--thumb {padding-bottom: 0;}
  .etc_products__gall--thumb .etc_spec_nav {bottom: 15px;}
  .etc_products__gall--cont {position: relative; bottom: 0; width: 100%; margin-top: 0;}
  .etc_products__gall--cont .swiper-slide {padding: 40px;}
  .etc_products__gall--cont .swiper-slide .btn--view_spec {width: 100%; height: 45px; padding: 8px 25px 8px 15px;}
  .etc_products__gall--cont .swiper-slide .btn--view_spec span {font-size: 15px;}


  #etc_spec_modal .modal__container {padding-bottom: 180px;}
  #etc_spec_modal .modal__close_btn {top: auto; right: auto; left: 50%; bottom: 20px; transform: translate(-50%); padding: 10px; background: var(--main-color); border-radius: 50%;}
  #etc_spec_modal .modal__close_btn i::after,
  #etc_spec_modal .modal__close_btn i::before {background: #fff!important;}
  #etc_spec_modal .modal__container .etc_spec_nav_wrapper {position: absolute; bottom: 120px; left: 0; width: 100%; padding: 0 20px;}
  #etc_spec_modal .modal__container__inner {padding: 0 20px;}
  .etc_products__gall--spec {padding-top: 50px;}
  .etc_products__gall--spec .head {flex-direction: column; gap: 10px; align-items: flex-start;}
  .etc_products__gall--spec .head .sbj {font-size: 32px;}
  .etc_products__gall--spec .head .desc {font-size: 16px;}
  .etc_products__gall--spec .body .tit {font-size: 20px; margin-bottom: 15px;}
  .etc_products__gall--spec .body .prod_spec {}




  /* Distrubute */
  .distribute_content {margin-bottom: 100px;}
  .distribute_content .anchors {margin-bottom: 20px;}
  .distribute_content .anchors a {font-size: 14px;}
  .distribute_content .title_banner {}
  .distribute_content .title_banner .sbj_box {height: auto; padding: 20px;}
  .distribute_content .title_banner .sbj_box .sbj {font-size: 24px;}
  .distribute_content .title_banner .sbj_box .ico {width: 50px;}
  .distribute_content .title_banner .banner {padding: 30px 0 0 0;}

  .distribute_content .content_body {padding: 40px 0 0 20px!important; display: flex; flex-direction: column; gap: 0;}
  .distribute_content .content_body .section {width: 100%!important;flex-direction: column; gap: 20px; padding: 50px 0!important; border-bottom: 1px solid #bcbcbc;}
  .distribute_content .content_body .section:first-child {padding-top: 0!important;}
  .distribute_content .content_body .section:last-child {border-bottom: none!important; padding-bottom: 0!important;}
  .distribute_content .content_body .section__head {width: 100%;}
  .distribute_content .content_body .section__head .sbj {font-size: 22px;}
  .distribute_content .content_body .section__head nav {justify-content: flex-end; margin-top: 0;}
  .distribute_content .content_body .section__body {border: none; padding-top: 0; padding-bottom: 0;}
  .distribute_content .content_body.double .section {border-right: none;}
  .distribute_content .content_body .section__head .tag {font-size: 15px;}



  /* Company : saint-gobain */
  .about_sg .ly--split {gap: 15px;}
  .about_sg .ly--split__head .sg_logo {width: auto; height: 111px; margin-bottom: 40px;}
  .about_sg .ly--split__head .thumb {width: calc(100% + 40px); max-width: none; margin-left: -20px; margin-bottom: 40px;}
  .about_sg .ly--split__body {padding-top: 0;}
  .about_sg .ly--split__body .desc {margin-bottom: 80px; font-size: 18px;}
  .about_sg .ly--split__body .download_banner .inner::before {width: calc(100% + 80px); left: -20px;}

  .sg_parallex_article {padding-top: 200px;}
  .sg_parallex_article::before {height: 630px;}
  .sg_parallex_article .bar_desc {text-align: center; width: 70%; margin: 0 auto;}
  .sg_parallex_article .bar_desc::before {height: 5px; margin: 20px auto;}
  .sg_parallex_article .section1 .ly--split__head {z-index: -1;}
  .sg_parallex_article .section1 .sbj {display: flex; justify-content: center; text-align: center; margin-bottom: 50px; font-size: 42px;}
  .sg_parallex_article .section1 .sbj .inner {text-align: center; margin: 0 auto;}

  .sg_parallex_article .section2 .sg_app_gall {width: 100%!important; overflow: hidden;}
  .sg_parallex_article .section2 .sg_app_gall::before {display: none;}
  .sg_parallex_article .section2 .sg_app_gall ul > li figure figcaption {font-size: 14px;}

  .sg_parallex_article .carbon_free .sbj img {width: 200px;}

  .sg_highlight {padding: 100px 0;}
  .sg_hl {gap: 50px 30px; width: 100%; margin: 0;}
  .sg_hl > li .icon span {font-size: 16px;}
  .sg_hl > li .val::after {height: 40px;}
  .sg_hl > li .val .num strong {font-size: 52px; margin: 0 .1em;}
  .sg_hl > li .val .net_zero {width: 135px; margin-top: 6px;}
}
@media screen and (max-width: 1399px) and (orientation: landscape) {
  #prod_success_gallery_modal .modal__container {max-height: calc(100% - 40px);}
  #prod_success_gallery_modal .swiper .controller {position: absolute; bottom: 0; left: 0; z-index: 50; width: 100%; padding: 10px;}
  #prod_success_gallery_modal .swiper .controller .inner {padding: 10px;}
}
@media screen and (max-width: 1199px) and (orientation: landscape) {
  #prod_success_gallery_modal .modal__container {height: 100%;}
  #prod_success_gallery_modal .swiper-slide .img {height: 100%; padding: 0;}
}
@media screen and (max-width: 767px) {
  .sub__article {padding: 80px 0;}

  .sub__intro_banner .container {height: 285px; padding: 55px 0 30px;}

  .product_lnb {padding: 10px 0;}
  .product_lnb .btn--mobile {display: flex; justify-content: space-between; align-items: center; gap: 15px; width: 100%; height: 40px; padding: 10px 0; border: none; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; background: none; cursor: pointer;}
  .product_lnb .btn--mobile .cur {font-size: 15px;}
  .product_lnb .btn--mobile .arrow {flex-shrink: 0; width: 7px; height: 7px; margin-top: -3px; border-color: #afafaf;}
  .product_lnb .nav_wrapper {display: none!important; width: 100%; background: #fff; padding: 0 0;}
  .product_lnb .nav_wrapper.active {display: block!important;}
  .product_lnb .ca_ls {flex-direction: column; width: 100%; gap: 0; padding: 15px 0 20px 0; margin-top: 15px; border-top: 1px dashed #aaa;}
  .product_lnb .ca_ls > li {width: 100%;}
  .product_lnb .ca_ls > li > a {text-align: left; padding: 5px 0; border: none;}

  .product_lnb.type2 .nav_wrapper {padding-bottom: 10px;}
  .product_lnb.type2 .head {width: 100%; padding-top: 0;}
  .product_lnb.type2 .head .ca_ls > li.active > a {font-size: 14px;}
  .product_lnb.type2 .body {flex-direction: column; gap: 20px;}
  .product_lnb.type2 .body .group .ca_ls {gap: 0; padding: 5px 0 0 0;}
  .product_lnb.type2 .body .group .tit {margin-bottom: 10px; font-size: 12px;}

  .lnb--fixed {display: flex; flex-direction: column;}
  .lnb--fixed .sub__lnb_bar {order: 1; border-top: 1px solid #dadada; border-bottom: none;}
  .lnb--fixed .product_lnb {order: 0;}
  .lnb--fixed .product_lnb .nav_wrapper {max-height: 70vw; overflow: hidden auto;}


  /* Products */
  .prod_about_intro {background: #000;}
  .prod_about_intro .bg--pc {display: none;}
  .prod_about_intro .bg--mo {display: block; position: relative; top: 0; left: 0; width: 100%; margin: 0;}
  .prod_about_intro .bg--mo .bg {display: block; position: relative; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 65.65%; z-index: 0;}
  .prod_about_intro .container--narrow {height: auto; padding: 50px 0 50px 0;}
  .prod_about_intro .content {width: 100%; max-width: 350px;}

  .prod_about_feat .sbj {margin-bottom: 40px;}
  .prod_about_feat .sbj .cont .tag {font-size: 16px;}
  .prod_about_feat .sbj .cont img {width: 180px;}
  .prod_about_feat .feat_ls {grid-template-columns: repeat(3, 1fr);}
  .prod_about_feat .feat_item .icon {width: 80px;}
  .prod_about_lineup .lineup_wrap {display: block;}
  .prod_about_lineup .lineup_wrap section {width: 100%; min-width: 320px; padding: 50px 20px;}
  .prod_about_lineup .lineup_wrap section .ca {margin-bottom: 50px; color: #fff!important;}
  .prod_about_lineup .lineup_wrap section ul {font-size: 24px; color: #fff!important;}
  .prod_about_lineup .lineup_wrap section ul li {opacity: 1!important;}
  .prod_about_lineup .lineup_wrap section::before {width: 100%!important; transform: none!important; backdrop-filter: none;}
  .prod_about_lineup .lineup_wrap section:nth-child(1)::before {background: linear-gradient(to left, rgb(0,0,0,.7), transparent, transparent);}
  .prod_about_lineup .lineup_wrap section:nth-child(2)::before {background: linear-gradient(to right, rgb(0,0,0,.7), transparent, transparent);}
  .prod_about_lineup .lineup_wrap.type2 section {padding: 40px; min-width: 0;}
  .prod_about_lineup .lineup_wrap.type2 section::before {}
  .prod_about_lineup .lineup_wrap.type2 section .sbj {font-size: 20px;}

  .prod_detail_intro {background: #000;}
  .prod_detail_intro .container--narrow {padding: 70px 0 50px 0;}
  .prod_detail_intro .bg--pc {display: none;}
  .prod_detail_intro .bg--mo {display: block; position: relative; top: 0; left: 0; width: calc(100% + 40px); margin: 55px 0 55px -20px;}
  .prod_detail_intro .bg--mo .bg {display: block; position: relative; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 65.65%; z-index: 0;}
  .prod_detail_intro .content .head {margin-bottom: 0;}
  .prod_detail_intro .content .head .subject {font-size: 42px;}
  .prod_detail_intro .content .head p:last-of-type {margin-bottom: 0;}
  .prod_detail_intro.theme--white {background: #fff;}
  .prod_detail_intro.theme--white .container--narrow {padding-bottom: 0;}
  .prod_detail_intro.theme--white .bg--mo {margin-bottom: 0;}


  .prod_spec {font-size: 14px;}
  .prod_spec thead tr td {font-size: 13px;}
  .prod_spec thead tr td small {font-size: 10px; display: inline-block; line-height: 1.4; margin-top: 0.3em;}

  .prod_success_gallery .btns {padding: 0 10px;}
  .prod_success_gallery .btns .btn {width: 34px; height: 34px;}
  .prod_success_gallery .btns .btn .arrow {width: 8px; height: 8px; border-width: 2px;}
  .prod_success_gallery .btns .btn--prev .arrow {margin-left: 2px;}
  .prod_success_gallery .btns .btn--next .arrow {margin-right: 2px;}
  .prod_success_gallery_container .pagination_fraction {bottom: 77px; z-index: 10; right: 0; width: 150px; height: 150px; display: flex; align-items: flex-end; justify-content: flex-end; background: linear-gradient(-45deg, rgb(0,0,0,.8), rgb(0,0,0,0), rgb(0,0,0,0)); padding: 15px; line-height: 1; gap: .3em; pointer-events: none; font-size: 17px;}
  .prod_success_gallery_container .pagination_fraction .swiper-pagination-current {color: #fff; font-size: 1.5em; line-height: 1; transform: translate(0, 2px);}
  .prod_success_gallery__slide .modal_trigger {display: none!important;}

  #prod_success_gallery_modal {display: none!important;}
  #prod_success_gallery_modal .swiper .controller {padding: 10px;}
  #prod_success_gallery_modal .swiper .controller .inner {flex-wrap: wrap; gap: 10px;}
  #prod_success_gallery_modal .swiper .controller .sbj {width: 100%; background: #f6f5f4; border-radius: 5px; padding: 10px;}
  #prod_success_gallery_modal .swiper .controller .inner .divider {display: none;}
  #prod_success_gallery_modal .swiper .controller nav .paging {height: 34px; font-size: 14px;}
  #prod_success_gallery_modal .swiper .controller nav .btn {width: 34px; height: 34px;}
  #prod_success_gallery_modal .swiper .controller .modal__close_btn {width: 34px; height: 34px;}

  .prod_key_point_ls {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
  .prod_key_point_ls > li {width: 100%; border: 1px solid #dadada; padding: 15px;}
  .prod_key_point_ls > li::before,
  .prod_key_point_ls > li::after {display: none!important;}
  .prod_key_point_ls > li .icon {width: 60px;}
  .prod_key_point_ls > li .val {font-size: 12px; word-break: keep-all;}

  .ppf_stt .container--narrow {flex-direction: column; gap: 50px;}
  .ppf_stt .logobox {display: flex; justify-content: center; max-width: 320px; width: 80%; box-shadow: 0 0 10px rgb(0,0,0,.2); padding: 20px 40px;}
  .ppf_stt .content {text-align: center;}

  .download_banner {overflow: hidden;}
  .download_banner .inner {align-items: center; gap: 30px;}
  .download_banner .inner .thumb {flex-shrink: 0; width: auto;}
  .download_banner .inner .thumb img {position: static; max-width: 200px;}
  .download_banner .inner .cont {flex-shrink: 1; padding: 30px 0 30px 30px; width: 100%;}
  .download_banner .inner .cont .tag {font-size: 14px;}
  .download_banner .inner .cont .icon {display: none;}


  .etc_products__gall--cont {}
  .etc_products__gall--cont .swiper-slide {padding: 30px 0;}
  .etc_products__gall--cont .swiper-slide .sbj {font-size: 22px;}
  .etc_products__gall--cont .swiper-slide .desc {font-size: 15px; margin-bottom: 40px;}
  .etc_products__gall--spec .body .prod_spec {font-size: 10px;}

  .etc_products__gall--spec .head .sbj {font-size: 26px;}
  .etc_products__gall--spec .head .desc {font-size: 15px;}



  /* Distrubute */
  .distribute_content .anchors {display: none;}
  .distribute_content .title_banner .sbj_box {width: 100%; background: rgb(0, 51, 117, .4);}
  .distribute_content .title_banner .banner {padding-top: 0;}
  .distribute_content .content_body {padding-left: 0!important;}
  .distribute_content .content_body .section__head nav a {font-size: 14px; height: 34px;}
  .distribute_content .content_body .section__head nav a.to_homepage {width: 34px; background-size: 17px;}
  .distribute_content .content_body .section__body .ci {width: 140px;}



  /* Company : saint-gobain */
  .about_sg .ly--split__head .sg_logo {height: 83px; margin-bottom: 20px;}
  .about_sg .ly--split__body .desc {margin-bottom: 30px; font-size: 16px;}
  .about_sg .ly--split__body .download_banner {width: calc(100% + 40px); margin-left: -20px;}
  .about_sg .ly--split__body .download_banner .inner {gap: 0;}
  .about_sg .ly--split__body .download_banner .inner::before {width: 100%; left: 0;}
  .about_sg .ly--split__body .download_banner .inner .cont {padding: 20px 15px;}
  .about_sg .ly--split__body .download_banner .inner .thumb img {width: 130px;}

  .sg_parallex_section {margin-bottom: 60px;}
  .sg_parallex_section .bar_desc {width: 100%;}
  .sg_parallex_article::before {height: 100%;}
  .sg_parallex_article .section1 .sbj {font-size: 32px;}
  .sg_parallex_article .section1 .ly--split__head {margin-bottom: 80px;}
  .sg_parallex_article .section1 .ly--split__body img {width: calc(100% + 40px); max-width: none; margin-left: -20px;}
  .sg_parallex_article .section2 {height: auto!important; padding-bottom: 160px!important;}
  .sg_parallex_article .section2 .ly--split {position: relative!important; top: 0!important;}
  .sg_parallex_article .section2 .sg_app_gall {overflow: hidden; width: 100%!important;}
  .sg_parallex_article .section2 .sg_app_gall ul {flex-direction: column; width: 100%!important; transform: none!important;}

  .sg_hl {grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .sg_hl > li {padding: 20px; border: 1px solid rgb(255,255,255,.5); border-radius: 5px;}
  .sg_hl > li .icon img {margin-bottom: 5px;}
  .sg_hl > li .val::after {display: none;}
  .sg_hl > li .val .num strong {font-size: 32px;}
  .sg_hl > li .val .num i {font-size: 14px;}
  .sg_hl > li .val .net_zero {width: 85px; margin-top: 2px;}
}
@media screen and (max-width: 499px) {
  .prod_about_feat .feat_ls {grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .prod_about_feat .feat_item {border: 1px solid #dadada; padding: 20px; border-radius: 10px;}
  .prod_about_feat .feat_item .icon {width: 70px; margin-bottom: 18px;}

  .prod_about_lineup .lineup_wrap.type2 {display: block;}
  .prod_about_lineup .lineup_wrap.type2 .cont {justify-content: flex-end;}
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(1):before,
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(3):before {background: linear-gradient(-45deg, rgb(0,0,0,.8), rgb(0,0,0,.4), transparent, transparent);}
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(2):before,
  .prod_about_lineup .lineup_wrap.type2 section:nth-child(4):before {background: linear-gradient(45deg, rgb(0,0,0,.8), rgb(0,0,0,.4), transparent, transparent);}
}




/* 문의하기 */
.sub__content_area.contact {padding-bottom:100px;}
.sub__content_area.contact .title{padding:100px 0;}
.sub__content_area.contact .title .sbj{font-size:45px; padding-bottom:18px}
.sub__content_area.contact .title .desc{font-size:23px; color:#AAAAAA;}
.sub__content_area.contact .content_box ul{display:flex; padding-bottom:63px; border-bottom:2px solid #E7E7E7;}
.sub__content_area.contact .content_box ul .inner{display: flex; flex-direction: column; padding:60px 20px 0 50px; border:1px solid #E7E7E7;width:33.3%; transition: 0.3s ease-in; position: relative;}
.sub__content_area.contact .content_box ul .inner:nth-child(1) {z-index: 3;}
.sub__content_area.contact .content_box ul .inner:nth-child(2) {z-index: 2;}
.sub__content_area.contact .content_box ul .inner:nth-child(3) {z-index: 1;}
.sub__content_area.contact .content_box ul .inner .text {display: flex; flex-direction: column; height: 100%;}
.sub__content_area.contact .content_box ul .inner .sbj{font-size:30px;padding-bottom:20px; transition: 0.3s ease-in;}
.sub__content_area.contact .content_box ul .inner .sbj span{color:var(--main-color);font-size:15px; transition: 0.3s ease-in;}
.sub__content_area.contact .content_box ul .inner.yell .sbj span{color:var(--sub-color1);}
.sub__content_area.contact .content_box ul .inner .desc {margin-bottom: auto;}
.sub__content_area.contact .content_box ul .inner .desc b{color:var(--main-color);}
.sub__content_area.contact .content_box ul .inner .desc span{color:var(--main-color);}
.sub__content_area.contact .content_box ul .inner.yell .desc b{color:var(--sub-color1);}
.sub__content_area.contact .content_box ul .inner .tel-anchor{margin:60px 0 50px;border-top:2px solid #E7E7E7;font-size:30px;color:#535252; padding-top:20px; line-height: 1.4;}
.sub__content_area.contact .content_box ul .inner .label{font-size: 16px; display: block;}
.sub__content_area.contact .content_box ul .inner .tel {display: block; line-height: 1.1;}
.sub__content_area.contact .content_box ul .inner .customer_img1{width: calc(100% + 1px); height: 355px; transition: width .3s ease-in; background-position: left bottom; margin-bottom: -1px; flex-shrink: 0;}
.sub__content_area.contact .mail_box{background:rgba(231,231,231,0.55); width:480px;padding:10px;margin-left:auto;}
.sub__content_area.contact .mail_box .inner {border:1px solid #E7E7E7; padding:20px; display:flex; justify-content: space-between;align-items: center;}
.sub__content_area.contact .mail_box .inner .left {font-size:25px;line-height:1;}
.sub__content_area.contact .mail_box .inner .right{color:#535252;}
.sub__content_area.contact .mail_box .inner .right img {vertical-align: middle; margin-right:10px;opacity: 0.5;}
.sub__content_area.contact .mail_box .inner .right span{border-bottom:1px solid rgba(83,82,82,0.5);;position:relative; color:rgba(83,82,82,0.5);line-height:2;display:inline-block;padding-left:5px}
.sub__content_area.contact .mail_box .inner .right span .arrow{display:inline-block;margin-left:10px;border-top:3px solid rgba(83, 82, 82,0.5); border-right:3px solid rgb(83, 82, 82,0.5);}
.sub__content_area.contact .content_box ul .inner .text .sbj,
.sub__content_area.contact .content_box ul .inner .text .sbj span,
.sub__content_area.contact .content_box ul .inner .text .desc,
.sub__content_area.contact .content_box ul .inner .text .desc b,
.sub__content_area.contact .content_box ul .inner .text .desc span,
.sub__content_area.contact .content_box ul .inner .tel-anchor{transition: 0.3s ease-in;}

#inq_modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999; overflow: hidden; opacity: 0!important; pointer-events: none!important; transition: opacity .5s;}
#inq_modal.active {opacity: 1!important; pointer-events: initial!important;}
#inq_modal .modal__dimmer {position: fixed; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgb(0,0,0,.7); backdrop-filter: blur(5px);}
#inq_modal .modal__container {position: relative; z-index: 1; width: 1152px; background: #fff; padding: 0; max-width: 100%; max-height: 100%; display: flex; flex-direction: column;}
#inq_modal .modal__container__inner {height: 100%; overflow: hidden auto; padding: 60px 90px;}
#inq_modal .modal__container__inner .modal_top {border-bottom:3px solid #3b3b3b;}
#inq_modal .modal__container__inner .modal_top .inq_form_not {}

#wpforms-890 {margin:0;}
#wpforms-890 .wpforms-field {border-bottom: 1px solid #dadada;display:flex;align-items:center;padding:15px 10px;
  flex-wrap:wrap;}
#wpforms-890 .wpforms-field .wpforms-field-label {margin:0;width:130px;padding:0;font-size:18px;
  font-weight:400;line-height:44px;}
#wpforms-890 .wpforms-field .wpforms-field-label .wpforms-required-label {color:#006BAA;}
#wpforms-890 .wpforms-field .wpforms-field-label-inline .wpforms-required-label {color:#006BAA;}
#wpforms-890 .wpforms-field .wpforms-field-medium:focus,
#wpforms-890 .wpforms-field .wpforms-field-large:focus {outline:none;
  box-shadow:0px 0px 5px rgba(0, 183, 238, 0.2);}
#wpforms-890 .wpforms-field .wpforms-field-medium {border:none!important;height:44px;width:100%;
  background:#F6F5F3;padding:10px;font-size:14px;}
#wpforms-890 .wpforms-field .wpforms-field-large {border:none!important;height:44px;width:calc(100% - 130px);
  background:#F6F5F3;padding:10px;font-size:14px;}
#wpforms-890 .wpforms-field em.wpforms-error {width:100%;padding-left:130px;}
#wpforms-890 .wpforms-field-checkbox em.wpforms-error {padding:0;}
#wpforms-890 .wpforms-field input[type="number"] {-moz-appearance: textfield;}
#wpforms-890 .wpforms-field input[type="number"]::-webkit-outer-spin-button,
#wpforms-890 .wpforms-field input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
#wpforms-890 .wpforms-field textarea.wpforms-field-large {min-height:300px;height:auto;}
#wpforms-890 #wpforms-submit-890 {width:173px;height:52px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:22px;font-weight:500;line-height:1;padding:0;text-transform:uppercase;
  background:#006BAA;cursor:pointer;border-radius:52px!important;float:right;margin:30px 183px 0 0;}
.form_inp {border: none!important; height: 44px; width: 100%; background: #F6F5F3;}
.form_textarea {border: none!important; width: 100%; min-height: 300px; background: #F6F5F3;}
.form_select {border: none!important; width: 100%; height: 44px; background: #F6F5F3;}
.form_checkbox {display: flex; align-items: center; gap: .5em; font-size: 18px;}
.form_radio {appearance: auto!important;}
.form_inp--third {width: calc(100% / 3);}
.form_inp--half {width: calc(200% / 2);}
.form_inp--full {width: 100%;}
.form_inp_group {display: flex; align-items: center; gap: 10px 15px;}
.form_inp_noti {font-size: 13px; line-height: 1.5; margin-bottom: 0;}
.form_file {position: relative; display: flex; gap: 10px;}
.form_file .origin {position: absolute; top: 0; left: 0; opacity: 0; z-index: -1;}
.form_file .reset {flex-shrink: 0; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #cdcdcd;}
.form_file__skin {display: flex; position: relative; gap: 25px; width: 100%; cursor: pointer;}
.form_file__skin .name {padding: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; flex-shrink: 1; line-height: 24px; word-break: break-all; color: #999;}
.form_file__skin .btn {display: flex; align-items: center; justify-content: center; text-align: center; width: 108px; flex-shrink: 0; height: 41px; border: 1px solid #999; border-radius: 44px; font-size: 16px;}

.form__foot {display: flex; justify-content: center; padding: 100px 0 0 0; gap: 10px; justify-content: flex-end;}
.form_submit {width: 173px; height: 52px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; font-weight: 500; line-height: 1; padding: 0; text-transform: uppercase; background: var(--main-color); cursor: pointer; border-radius: 52px!important;}

.inq_form {table-layout: fixed; width: 100%; border-top: 3px solid #3b3b3b; font-family: var(--font-sub1);}
.inq_form * {font-family: inherit;}
.inq_form tbody {}
.inq_form tr  {border-bottom: 1px solid #dadada;}
.inq_form tr th,
.inq_form tr td {padding: 15px 10px;}
.inq_form tr th {width: 130px; font-size: 18px; font-weight: 400;}
.inq_form tr td {}
.inq_form .req::after {content: '*'; color: var(--main-color); display: inline-block; margin-left: 0.3em;}
.inq_form .form_inp_group .form_checkbox {width: 100%;}
.inq_form .form_inp_group .form_file {width: 100%;}
.inq_form .form_inp_group.email > span {font-size: 22px;}
.inq_form .form_inp_group.email .form_select {width: 228px;}
.inq_form .form_inp--double {width: 585px;}
.indiv_box {display: flex; justify-content: flex-start; margin-top: 30px; position: relative;}
.indiv_box input[type="checkbox"] {position: absolute; width: 0;height: 0; padding: 0; margin: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; border: none; outline: none;}
.indiv_box label {display: flex; align-items: center; gap: .5em; font-size: 18px; cursor: pointer;}
.indiv_box label .chck {width: 20px;height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #333;}
.indiv_box label .chck::after {content: ''; width: 8px; height: 4px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg); margin-top: -2px; opacity: 0.2;}
.indiv_box label .indiv_modal_trigger {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #333; color: #fff; font-size: 12px;}
.indiv_box label .indiv_modal_trigger {}
.indiv_box input[type="checkbox"]:checked ~ label .indiv_modal_trigger,
.indiv_box input[type="checkbox"]:checked ~ label .chck {background: var(--main-color);}
.indiv_box input[type="checkbox"]:checked ~ label .chck::after {opacity: 1;}
.indiv_box input[type="checkbox"]:checked ~ label {color: var(--main-color);}
#inq_modal .modal__close_btn {display:flex;justify-content:right;width:100%;
  transform:translateY(-52px);pointer-events:none;}
#inq_modal .modal__close_btn a {width: 173px; height: 52px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; font-weight: 500; line-height: 1; padding: 0; text-transform: uppercase; background: #808080; cursor: pointer; border-radius: 52px!important; border: none; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;pointer-events:all;}
#inq_modal .indiv_modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; display: none;}
#inq_modal .indiv_modal.active {display: flex;}
#inq_modal .indiv_modal .dimmer {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,.8); backdrop-filter: blur(5px);}
#inq_modal .indiv_modal .content {width: 500px; height: 90%; max-height: 700px; background: #fff; border-radius: 10px; position: relative; z-index: 1; display: flex; flex-direction: column; padding: 20px 0;}
#inq_modal .indiv_modal .content .cont {display: flex; flex-direction: column; height: calc(100% - 82px); padding: 20px;}
#inq_modal .indiv_modal .content .cont .doc_container {font-size: 14px; height: 80%; overflow: hidden auto; background: #F6F5F3; border-radius: 8px; padding: 14px 18px 14px 18px; color: #676767;}
#inq_modal .indiv_modal .content .cont.sample {display: flex; align-items: center; justify-content: center; font-size: 24px; color: #afafaf; text-align: center;}
#inq_modal .indiv_modal .content .foot {padding: 20px 20px 0 20px; height: 82px; display: flex; justify-content: center; background: #fff;}
#inq_modal .indiv_modal .content .foot .btn--confirm {width: 120px; height: 42px; border-radius: 42px; background: var(--main-color); color: #fff; font-size: 20px; text-align: center; display: flex; align-items: center; justify-content: center; border: none; padding: 0; margin: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; cursor: pointer;}

.policy_doc {font-size: 1em;}
.policy_doc .desc {font-weight: 500;}
.policy_doc dt {font-weight: 700;}
.policy_doc dd {margin-bottom: 1.8em;}

@media (hover: hover) {
  .sub__content_area.contact .content_box ul .inner:hover{background:var(--main-color);box-shadow: 10px 10px 20px 0px rgba(0,107,170,0.38);border-color: var(--main-color);}
  .sub__content_area.contact .content_box ul .inner:hover .text .sbj,
    .sub__content_area.contact .content_box ul .inner:hover .text .sbj span,
    .sub__content_area.contact .content_box ul .inner:hover .text .desc,
    .sub__content_area.contact .content_box ul .inner:hover .text .desc b,
    .sub__content_area.contact .content_box ul .inner:hover .text .desc span,
    .sub__content_area.contact .content_box ul .inner:hover .tel-anchor{color: #fff; transition: 0.3s ease-in;}
    .sub__content_area.contact .content_box ul .inner:hover .customer_img1{width:480px;}
}
@media screen and (min-width: 1400px) {
  .sub__content_area.contact .content_box .type-2 {display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 63px; border-bottom:2px solid #E7E7E7;}
  .sub__content_area.contact .content_box .type-2 ul {grid-column: span 2; border-bottom: none;}
  .sub__content_area.contact .content_box .type-2 ul .inner {width: 100%; display: grid; grid-template-columns: 1fr 400px;}
  .sub__content_area.contact .content_box .type-2 ul .inner .text {}
  .sub__content_area.contact .content_box .type-2 ul .inner .text .tel {margin-top: 0;}
  .sub__content_area.contact .content_box .type-2 ul .inner:not(:hover) .customer_img1 {width: 400px;}
}
@media screen and (max-width: 1399px) {
    .sub__content_area.contact .content_box ul{display:block;}
    .sub__content_area.contact .content_box ul .inner{width:100%;}
    .sub__content_area.contact .content_box ul .inner .tel-anchor{margin:20px 0 0; line-height: 1.1;}
    .sub__content_area.contact .content_box ul .inner .customer_img1{display:block; margin-left:auto;margin-top:-63px;}
    .sub__content_area.contact .content_box ul .inner .tel{font-size:23px;}
    .sub__content_area.contact .content_box ul .inner.yell .tel{margin-top:20px;}
    .sub__content_area.contact .content_box ul .inner.yell .customer_img1{margin-top:-63px;}
    .sub__content_area.contact .title .sbj{font-size:23px; padding-bottom:8px;}
    .sub__content_area.contact .title .desc{font-size:16px;}
    .sub__content_area.contact .content_box ul .inner{ padding:50px 0 0 50px;}
    .sub__content_area.contact .content_box ul .inner .sbj{font-size:25px;}
    .sub__content_area.contact .title{padding:50px 0;}
    .sub__content_area.contact .mail_box{width:380px;}
    .sub__content_area.contact .mail_box .inner .left{font-size:20px;}
    .sub__content_area.contact .content_box ul .inner .customer_img1{width:50%!important; height: 210px;}

    .sub__content_area.contact .content_box .type-2 {padding-top: 63px;}

    #inq_modal .modal__container {max-width: calc(100% - 100px); max-height: 90%;}
    #inq_modal .modal__container__inner {padding: 40px 30px;}

    .form_checkbox {font-size: 14px;}
    .inq_form {font-size: 14px;}
    #wpforms-890 .wpforms-field .wpforms-field-label {width: 120px; line-height: 1.5; font-size: 14px;}
    .inq_form .form_inp_group {flex-wrap: wrap;}
    #wpforms-890 .wpforms-field .wpforms-field-medium {max-width:calc(100% - 120px);}
    .inq_form .form_inp_group.email .form_inp--third {width: calc(50% - 25px);}
    .inq_form .form_inp_group.email .form_select {width: 100%;}
    .form_file__skin .btn {font-size: 14px;}
    .indiv_box label {font-size: 14px;}

    .form__foot {padding: 50px 0 0 0;}
    #inq_modal .modal__close_btn,
    .form_submit {width: 100%; font-size: 16px; height: 44px; padding: 0;}
    #wpforms-890 #wpforms-submit-890 {float:none;margin:30px 0 0;width:calc(50% - 5px);height:44px;font-size:16px;}
    #inq_modal .modal__close_btn {transform:translateY(-44px);}
    #inq_modal .modal__close_btn .elementor-widget-container {width:100%;}
    #inq_modal .modal__close_btn .elementor-button-wrapper {width:100%;display:flex;justify-content:right;}
    #inq_modal .modal__close_btn a {width:calc(50% - 5px);height:44px;font-size:16px;}
}
@media screen and (max-width: 767px) {
  .sub__content_area.contact .content_box ul .inner{padding: 30px 20px 30px 20px; margin-bottom: 60px;}
  .sub__content_area.contact .content_box ul .inner:last-child {margin-bottom: 0;}
    .sub__content_area.contact .content_box ul .inner .customer_img1{width: 100%!important; margin-top: 25px!important;}
    .sub__content_area.contact .mail_box{width:100%;}
    .sub__content_area.contact .title .sbj{font-size:18px;}
    .sub__content_area.contact .title .desc{font-size:14px;}
    .sub__content_area.contact .content_box ul .inner .label{font-size: 14px;}

    #inq_modal .modal__container {max-width: calc(100% - 40px);}
    #inq_modal .modal__container__inner {padding: 40px 20px;display:block;}

    #wpforms-890 .wpforms-field {flex-direction:column;align-items:baseline;padding:15px 0;gap:15px;}
    #wpforms-890 .wpforms-field .wpforms-field-medium {max-width: 100%!important;}
    #wpforms-890 .wpforms-field .wpforms-field-large {width: 100%!important;}
    .form_file {width: 100%; flex-direction: column;}
    .form_file__skin {flex-direction: column; height: auto; width: 100%; gap: 10px;}
    .form_file__skin .name {height: 34px; width: 100%;}
    .form_file__skin .btn {height: 34px; width: 100%; font-size: 14px; border-left: none;}
    #wpforms-890 .wpforms-field em.wpforms-error {padding:0;margin:0;}
    #wpforms-890 .wpforms-field em.wpforms-error::before {left:0;right:auto;margin-right:5px;}

    .inq_form tr {display: block;}
    .inq_form tr th {display: block; width: 100%; background: #fff; padding-bottom: 0; padding-left: 0; padding-right: 0;}
    .inq_form tr td {display: block; width: 100%; padding-left: 0; padding-right: 0;}
    .inq_form .form_inp_group.email .email_id {width: 100%!important;}
    .inq_form .form_inp_group.email .email_domain {width: calc(100% - 37px)!important;}
    .inq_form .form_inp_group.email > span {width: 22px;}
    .inq_form .form_inp_group.email select {width: 100%;}
}





/* Products */
.prod_detail_intro.type2.osw .container--narrow {height:1100px;}
.prod_detail_spec.sub__article.osw .prod_spec thead tr th{width:450px;}

@media screen and (max-width: 1399px) {
    .prod_detail_intro.type2.osw .key_point .icons > li{width:100%;}
    .prod_detail_spec.sub__article.osw .prod_spec thead tr th{width:270px;}
    .prod_detail_intro.type2.osw .key_point .icons > li:nth-child(4):after{display: none !important;}
}

@media screen and (max-width: 767px) {
    .prod_detail_spec.sub__article.osw .prod_spec thead tr th{width:316px;}
}


/* Company */
.company_content .sbj{font-size:50px; color:var(--main-color);}
.company_content .content_box{display:flex; margin-bottom:100px;}
.company_content .cont.left{width:568px;}
.company_content .cont.left .logo_img{margin-bottom:167px;}
.company_content .cont.right{margin-left:auto;}
.company_content .cont.right img{margin-top:75px;}

.company_content.global {background:#1A3660;position:relative;}
.company_content.global .company_map{position:absolute;z-index:0;top:50%;left:50%; transform:translate(-50%,-50%); opacity: .33;}
.company_content.global .container{padding:110px 0 150px; position:relative;}
.company_content.global .text{text-align:center;margin-bottom:110px;}
.company_content.global .sbj{font-size:40px; padding-bottom:23px; color: #fff;}
.company_content.global .desc{line-height:2; color: #fff;}
.company_content.global .img_box{display:flex; justify-content: space-between; gap:30px;text-align:center;}
.company_content.global .img_box .inner{position:relative; width: 350px; height: 360px; display: flex; align-items: center; justify-content: center;}
.company_content.global .img_box .inner::before,
.company_content.global .img_box .inner::after {position: absolute; left: 50%; transform: translate(-50%); width: 350px; height: 350px; border-radius: 50%; z-index: 0; content: ''; display: block; background: linear-gradient(to bottom, #fff, rgb(255,255,255,.9), rgb(255,255,255,.4)); border: 1px solid #fff; border-top: none;}
.company_content.global .img_box .inner::before {top: 0; opacity: .6;}
.company_content.global .img_box .inner::after {bottom: 0;}
.company_content.global .img_box .inner .text_box{position:relative; z-index: 1; padding-top: 30px;}
.company_content.global .img_box .inner .text_box .ico {width: 55px; margin: 0 auto 15px auto;}
.company_content.global .img_box .inner .text_box .ico img {display: block;}
.company_content .sbj_yellow{font-size:25px; color:var(--sub-color1);position:relative;}
.company_content.global .img_box .inner .sbj_yellow:after{content:""; position:absolute; width:103px; height:1px; background:#004B77; bottom:-20px; left:50%; transform:translate(-50%,0);}
.company_content.global .img_box .inner p{font-size:22px; color:#004B77; padding-top:5px;}
.company_content.global .img_box .inner p span{font-size:91px;}

.company_content.solution {padding:130px 0;}
.company_content.solution .container{display:flex; gap: 0 50px;}
.company_content.solution .desc{margin-left:auto;}
.company_content.solution .sbj_yellow{font-size:42px;}

.company_content.icon{margin-top:50px;}
.company_content.icon .container{grid-template-columns: repeat(8,1fr); display:grid;}
.company_content.icon .container img{margin:0 auto;}
.company_content.icon .container img:nth-child(2){grid-column:span 2;}

@media screen and (min-width: 1400px) {
  .company_content.solution .sbj_yellow {width: 40%;}
  .company_content.solution .desc {width: 60%;}
}
@media screen and (max-width: 1399px) {
    .company_content .content_box{flex-direction: column;}
    .company_content .cont.left{ margin-bottom:20px; width:100%;}
    .company_content .cont.left .logo_img{width:200px; margin-bottom:40px;}
    .company_content .cont.left .thumb{width:calc(100% + 40px); max-width:none; margin-bottom:40px;margin-left:-20px;}
    .company_content .cont.right img{margin-top:30px;}
    .company_content .desc{font-size:18px;}
    .company_content .sbj{font-size:36px;}
    .company_content.global {overflow: hidden;}
    .company_content.global .sbj{font-size:30px; padding-bottom:13px;}
    .company_content.global .desc{font-size:18px;line-height:1.6;}
    .company_content.global .img_box{flex-wrap: wrap; gap:50px 30px;}
    .company_content.global .img_box .inner{width:40%;}
    .company_content.global .img_box .inner .sbj_yellow{font-size:25px;}
    .company_content.global .img_box .inner p{font-size:20px;}
    .company_content.global .img_box .inner p span{font-size:60px;}
    .company_content.global .img_box .inner .sbj_yellow:after{bottom:-28px;}
    .company_content.solution .container{flex-direction: column;}
    .company_content.solution .sbj_yellow{margin-bottom:40px;}
    .company_content.solution .desc{margin-left:0;}
    
}
@media screen and (max-width: 767px) {
    .company_content .content_box{display:flex; margin-bottom:80px;}
    .company_content .cont.left{flex-direction: column; align-items: start;margin-bottom:20px;gap:10px;}    
    .company_content .cont.left .logo_img{width:150px; margin-bottom:20px;}
    .company_content .sbj{font-size:30px;}
    .company_content .desc{font-size:16px;}
    .company_content.global .container{padding:80px 0;}
    .company_content.global .img_box{gap:0px 10px;}
    .company_content.global .sbj{font-size:24px; padding-bottom:30px;}
    .company_content.global .desc{font-size:14px;}
    .company_content.global .text{margin-bottom:50px;}
    .company_content.global .img_box .inner{padding:20px 0;}
    .company_content.global .img_box .inner .opacity_img {display:none;}
    .company_content.solution{padding:80px 0;}
    .company_content.solution .sbj_yellow{font-size:24px; font-weight:700 !important;}
    .company_content.icon .container{grid-template-columns: repeat(4,1fr);}
    .company_content.global .company_map{top:50%;transform:translate(-50% , -90%); width: 150%; max-width: none;}
    .company_content.global .img_box .inner{width:48%; height: auto;}
    .company_content.global .img_box .inner::before,
    .company_content.global .img_box .inner::after {display: none;}
    .company_content.global .img_box .inner .sbj_yellow{font-size:15px;}
    .company_content.global .img_box .inner .text_box .ico {width: 80px; height: 80px; border-radius: 50%; background: rgb(255,255,255,.8); padding: 10px;}
    .company_content.global .img_box .inner:nth-child(3) .text_box .ico {background: #00ABED;}
    .company_content.global .img_box .inner p{font-size:14px;padding-top:0; color: #fff;}
    .company_content.global .img_box .inner p span{font-size:40px;}
    .company_content.global .img_box .inner .sbj_yellow:after{bottom:-10px;width:50px;}
}



/* notice */
.sub__content_area.notice{padding:120px 0 107px;}
/* .sub__content_area .title_sbj h3{font-size:55px; padding-bottom:107px; border-bottom:1px solid #DEDEDE;} */
.sub__content_area .title_sbj h3{font-size:55px; margin-bottom: 0.3em;}
.sub__content_area .title_sbj .container--narrow {padding-bottom:90px; border-bottom:1px solid #DEDEDE; margin-bottom: 63px;}
.board_search_bar{padding:107px 0; text-align:center;}
.board_search_bar select,.board_search_bar input{border:none; width:380px; border-bottom: 3px solid var(--main-color);font-size:18px; font-weight:600;height:50px;padding:10px 20px;}
.board_search_bar input::placeholder{ color: #dbdbdb !important;font-family:var(--main-font);}
.board_search_bar select{margin-right:20px;font-family:var(--main-font);   -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../images/notice/arrow_bot.png') no-repeat 97% 50%/19px auto;}
.board_search_bar select::-ms-expand{display:none;}
.board_search_bar input{background:url('../images/notice/search.png') no-repeat 97% 50%/19px auto;}

.sub__content_area.notice .content_box .notice_board{display:grid;grid-template-columns: repeat(3,1fr);gap:76px 24px; margin-bottom:50px;}
.sub__content_area.notice .content_box .notice_board li.board_empty {grid-column: span 3;}
.sub__content_area.notice .content_box .notice_board li a{display:flex; flex-direction: column; position:relative; height:100%;}
.sub__content_area.notice .content_box .notice_board li .thumb{height:0;padding-bottom:55%;position:relative;display:flex;align-items: center;justify-content: center;}
.sub__content_area.notice .content_box .notice_board li .info{padding-top:30px; height:100%;display:flex;flex-direction: column;}
.sub__content_area.notice .content_box .notice_board li .info .cate{color:var(--main-color);}
.sub__content_area.notice .content_box .notice_board li .info .title{font-size:23px; margin-bottom:35px; word-break: keep-all;}
.sub__content_area.notice .content_box .notice_board li .info .date{color:#999999;margin-top:auto;}

.board_pagination {display:flex; justify-content: center;align-items: center;text-align:center; gap:10px; padding:0 10px;}
.board_pagination .arrow{border-top:2px solid #999999; border-right:2px solid #999999;}
.board_pagination li a{font-size:18px;width:30px; height:30px;display:flex; justify-content: center; align-items: center; line-height: 1;}
.board_pagination .num{border:1px solid #999; border-radius:50%;} 
.board_pagination .num.active{border:1px solid #0C6FBA; color: var(--main-color);}
.board_pagination li a.disabled {pointer-events: none; opacity: .5;}


@media screen and (max-width: 1399px) {
    .sub__content_area.notice{ padding:80px 0;}
    .sub__content_area.notice .content_box .notice_board {grid-template-columns: repeat(2,1fr);gap:50px 30px;}
    .sub__content_area.notice .content_box .notice_board li .info {height:100%;}
    .sub__content_area.notice .content_box .notice_board  li .info .title{font-size:18px;}
    .sub__content_area.notice .container--narrow h3{font-size:28px; padding-bottom:0;}
    .board_search_bar{padding:0 0 70px 0;}
    .board_pagination li a{font-size:15px;}
    .board_search_bar select,.board_search_bar input{width:250px;font-size:15px;height:45px;}
    .sub__content_area .title_sbj .container--narrow {padding-bottom:0; border: none; text-align: center;}
    .sub__content_area .title_sbj h3{font-size:30px;}
}
@media screen and (max-width: 767px) {
    .sub__content_area.notice .content_box .notice_board{grid-template-columns: repeat(1,1fr);gap:50px 0px;}
    .board_pagination{gap:5px;}
    .board_pagination li a{width:25px; height:25px;}
    .board_search_bar form {display: flex; gap: 10px; flex-wrap: wrap;}
    .board_search_bar select{width:100%; margin: 0;}
    .board_search_bar input{width:100%; margin: 0;}
    .sub__content_area.notice .content_box .notice_board li .info .title{font-size:16px;}
    .sub__content_area.notice .content_box .notice_board li .info .date{font-size:13px;margin-top:15px;}
}




/* FAQ */
.sub__content_area.faq { padding-bottom:150px;}
.sub__content_area.faq .content_box .faq-tabs {padding-top:70px;display:flex;width:100%;
  border-bottom:3px solid var(--main-color);gap:0;margin:0;}
/* .sub__content_area.faq .content_box .faq-tabs ul{display:flex;width:100%;border-bottom:3px solid var(--main-color);} */
.sub__content_area.faq .content_box .faq-tabs button {border:1px solid #DEDEDE; width:100%;text-align:center;
  padding:20px;display:block;color:#AAAAAA; font-size:15px; font-weight:400;background:#fff;
  font-family:'Pretendard';}
.sub__content_area.faq .content_box .faq-tabs button:nth-child(1){border-right:none;}
.sub__content_area.faq .content_box .faq-tabs button:nth-child(2){border-right:none;}
.sub__content_area.faq .content_box .faq-tabs button:nth-child(3){}
.sub__content_area.faq .content_box .faq-tabs button:nth-child(4){border-right:none;}
.sub__content_area.faq .content_box .faq-tabs button.active {background:var(--main-color);border:none;
  color:#fff;}
.sub__content_area.faq .content_box .faq-tabs button:not(.active):hover {background:#f1f1f1; color:var(--main-color);border:none;color:var(--main-color);font-weight:500;}

.sub__content_area.faq .qae-faqs-container {margin-bottom:50px;border-bottom:3px solid #A8A7A7;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle{position:relative;margin:0;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle > * {display:flex;border-left:1px solid #DEDEDE; 
  border-bottom:0;border-right:1px solid #DEDEDE;align-items: center; padding:30px 45px;
  background:none;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle.active .qe-toggle-title {border-bottom:0;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle .qe-toggle-title h4 i {display:none;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle .qe-toggle-content{padding:0 45px 30px;display:none;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle.active .qe-toggle-content {border-top:0;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *::before {content:'Q';font-family: "Poppins"; font-size:40px;color:rgba(170,170,170,0.2);display:block;width:77px;font-weight:700;line-height:1.0;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle h4 {color:#000;width:80%;font-size:18px;
  word-break:keep-all;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle p {color:#000;width:80%;font-size:16px;
  word-break:keep-all;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *::after {content:'';display:block;margin-left:auto;width:40px; height:40px; border-radius:50%; border:1px solid rgba(83,82,82,0.9);display:flex;
  justify-content: center;align-items: center;opacity:.5;box-sizing:border-box;
  background:url('/wp-content/uploads/2025/05/down-_-30px.png')no-repeat top 70% left 50%/30px}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle .qe-toggle-content::after {transform:rotateZ(180deg);
  opacity:1;border:1px solid rgba(83,82,82,0.5);}
/* .sub__content_area.faq .qae-faqs-container .qe-faq-toggle .icon .arrow.down{border-top:2px solid rgba(83, 82, 82,0.5); border-right:2px solid rgb(83, 82, 82,0.5);margin-top:-3px;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle .icon .arrow.up{border-top:2px solid rgba(83, 82, 82,1); border-right:2px solid rgb(83, 82, 82,1);margin-top:3px;} */
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle .qe-toggle-content::before {content:'A';color:rgba(0,107,170,0.2); align-self:flex-start;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle .question{cursor:pointer;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle.active {background: rgb(170, 170, 170, .03);}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle.active .qe-toggle-content{display:flex;}
.sub__content_area.faq .qae-faqs-container .qe-faq-toggle.active .question {border-bottom:none;}

@media screen and (max-width: 1399px) {
    .sub__content_area.faq .content_box .faq-tabs button{padding:10px; font-size:13px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *::before {font-size:30px; width:50px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *::after{width:30px; height:30px;
      background-position:center;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *{padding: 20px 30px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle .qe-toggle-content{ padding:0 30px 20px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle h4 {font-size:15px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle p {font-size:14px;}

}
@media screen and (max-width: 767px) {
    .sub__content_area.faq .content_box .faq-tabs{padding-top:35px;flex-wrap: wrap;}
    .sub__content_area.faq .content_box .faq-tabs button{width:50%;}
    .sub__content_area.faq .content_box .faq-tabs button:last-child{width:100%;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *{padding:20px 10px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *::before {font-size:20px;width:30px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle > *::after{width:20px; height:20px;
      background-size:22px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle p{font-size:13px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle .qe-toggle-content {padding:0 10px 20px;}
    .sub__content_area.faq .qae-faqs-container .qe-faq-toggle h4 {line-height:1.5;font-size:13px;}
    .sub__content_area.faq .container--narrow h3{padding-bottom:20px;}
    .sub__content_area.faq .content_box .faq-tabs button:nth-child(1){border-bottom:none;}
    .sub__content_area.faq .content_box .faq-tabs button:nth-child(2){border-right:1px solid #DEDEDE;border-bottom:none;}
    .sub__content_area.faq .content_box .faq-tabs button:nth-child(3){border-bottom:none;}
    .sub__content_area.faq .content_box .faq-tabs button:nth-child(4){border-right:1px solid #DEDEDE; border-bottom:none;}
}


/*  테크놀로지  */
.sub__content_area.technology .company_content .container{margin-bottom:40px;}
.sub__content_area.technology .company_content h2{font-size:65px;}

.sub__content_area.technology .tech_content {background-image: url('/wp-content/uploads/2025/05/technology_bg.jpg');background-size:cover; background-position:center; padding:98px 0 133px;}
.sub__content_area.technology .tech_content .container{display:flex; justify-content: space-between;gap:20px;}
.sub__content_area.technology .tech_content .left .desc{padding:41px 0 117px;}
.sub__content_area.technology .tech_content .right .desc{font-size:21px; margin-left:auto;width:555px;}
.sub__content_area.technology .tech_content .right img{display:block;margin-left:auto;}
.sub__content_area.technology .tech_content .right .pic2{margin:55px 0;}

.sub__content_area.technology .video_content .certi.blue{background:#006BAA;padding-top:145px; text-align:center; }
.sub__content_area.technology .video_content .certi.blue .sbj_yellow{font-size:38px; color:var(--sub-color1);margin-bottom:50px;}
.sub__content_area.technology .video_content .certi.blue .video_box{margin-bottom:-200px;}
.sub__content_area.technology .video_content .certi.grey{background:rgba(237, 236, 236,1); padding-bottom:150px;}
.sub__content_area.technology .video_content .certi.grey .container{display:flex; padding-top:300px;gap:137px;justify-content: space-between;}
.sub__content_area.technology .video_content .certi.grey .container .left .sbj{font-size:50px; padding-bottom:57px;}
.sub__content_area.technology .video_content .certi.grey .container .left .sbj span{font-size:23px; color:var(--main-color);}
.sub__content_area.technology .video_content .certi.grey .container .left .desc{padding-bottom:13px;}
.sub__content_area.technology .video_content .certi.grey .container .right {display:flex;text-align:center;gap:70px; flex-shrink: 0;}
.sub__content_area.technology .video_content .certi.grey .container .right .name {color:var(--main-color); font-size:23px; }
.sub__content_area.technology .video_content .certi.grey .container .right .name span {color:#AAAAAA; }
.sub__content_area.technology{padding-bottom:0;}



@media screen and (max-width: 1399px) {
    .sub__content_area.technology .tech_content {background-image:none;}
    .sub__content_area.technology .tech_content .container{display:block;}
    .sub__content_area.technology .tech_content{padding:0px 0;}
    .sub__content_area.technology .tech_content .left{display:flex; flex-direction: row; flex-wrap: wrap;}
    .sub__content_area.technology .tech_content .left .desc{padding:20px 0 20px 0; font-size: 18px;}
    .sub__content_area.technology .tech_content .left .pic1{width:70%;}
    .sub__content_area.technology .tech_content .right {display:flex;flex-direction: row; flex-wrap: wrap;align-items: baseline;justify-content: space-between;}
    .sub__content_area.technology .tech_content .right .logo_tech{margin-top:50px; width:30%;margin-left:0}
    .sub__content_area.technology .tech_content .right .pic2{width:60%; margin:100px 0 30px;}
    .sub__content_area.technology .tech_content .right .desc{width:100%; font-size:18px;}
    .sub__content_area.technology .company_content h2{font-size:40px;}
    .sub__content_area.technology .tech_content .left .sbj{font-size:36px;}
    .sub__content_area.technology .company_content .sbj_yellow{font-size:18px;}
    .sub__content_area.technology .video_content .certi.grey .container{display:block; padding-top:175px;}
    .sub__content_area.technology .video_content .certi.blue .sbj_yellow{font-size:28px;}
    .sub__content_area.technology .video_content .certi.blue{padding-top:100px;}
    .sub__content_area.technology .video_content .certi.grey .container .left .sbj{font-size:35px; padding-bottom:30px;}
    .sub__content_area.technology .video_content .certi.grey .container .right .name{font-size:18px;}
    .sub__content_area.technology .video_content .certi.grey .container .right{gap:50px;padding-top:30px;}
    .sub__content_area.technology .video_content .certi.blue .video_box{margin-bottom:-100px;}
}
@media screen and (max-width: 767px) {
    .sub__content_area.technology .company_content h2{font-size:30px;}
    .sub__content_area.technology .tech_content .left .sbj{font-size:30px;}
    .sub__content_area.technology .tech_content .left .desc{font-size:16px;}
    .sub__content_area.technology .tech_content .right .desc{font-size:14px;}
    .sub__content_area.technology .tech_content .left .pic1{width:100%;}
    .sub__content_area.technology .company_content .sbj_yellow{font-size:14px;}
    .sub__content_area.technology .tech_content .right .logo_tech{width:35%;}
    .sub__content_area.technology .video_content .certi.blue .sbj_yellow{font-size:20px;}
    .sub__content_area.technology .video_content .certi.blue{padding-top:50px;}
    .sub__content_area.technology .video_content .certi.blue .video_box{margin-bottom:-50px;}
    .sub__content_area.technology .video_content .certi.grey .container{padding-top:120px;}
    .sub__content_area.technology .video_content .certi.grey .container .left .sbj{font-size:24px; padding-bottom:20px;}
    .sub__content_area.technology .video_content .certi.grey .container .left .sbj span{font-size:15px;}
    .sub__content_area.technology .video_content .certi.grey .container .left .desc{font-size:14px;}
    .sub__content_area.technology .video_content .certi.grey .container .right{gap:20px;}
    .sub__content_area.technology .video_content .certi.grey .container .right .name{font-size:14px;}
    
}



/* 시공하기 */
.sub__content_area.construct .title_sbj{font-size:55px;}
.construct_content {display: flex; margin-top: -60px; margin-bottom: 100px;}
.construct_content .content {position: relative; z-index: 1; width: 66%; min-width: 66%; padding: 190px 0;}
.construct_content .content__item {position: relative; display: flex; align-items: flex-start; padding: 30px 75px; gap: 20px 60px;}
.construct_content .content__item .tit {position: relative; font-size: 35px; color: rgb(112, 112, 112, .25); flex-shrink: 0; margin-right: auto; width: 190px; cursor: pointer;}
.construct_content .content__item .tit::before {position: absolute; top: 50%; left: -1em; transform: translate(0, -50%); content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; background: rgb(112, 112, 112, .25);}
.construct_content .content__item .cont {display: none; width: 100%;}
.construct_content .content__item .cont .desc {font-size: 22px; font-weight: 500; margin-bottom: 2em;}
.construct_content .content__item .cont .ls {display: flex; gap: 80px; justify-content: flex-start;}
.construct_content .content__item:nth-child(3) .cont .ls{align-items: flex-end;} 
.construct_content .content__item .cont .ls__item .name {display: block; font-size: 20px; margin-bottom: 0.5em;}
.construct_content .content__item .cont .ls__item .links {display: flex; font-size: 18px; gap: 30px;}
.construct_content .content__item .cont .ls__item .links a {display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #000;}
.construct_content .content__item .cont .ls__item .links a span {font-weight: 700;}
.construct_content .content__item .cont .ls__item .links a .arrow {width: 8px; height: 8px; border-width: 3px;}
.construct_content .content__item .cont .ls__item .links.yellow a {color: var(--sub-color1); border-color: var(--sub-color1);}
.construct_content .content__item .cont .ls__item .links.yellow a .arrow {border-color: var(--sub-color1);}
.construct_content .content__item .cont .ls__item .links.blue a {color: var(--main-color); border-color: var(--main-color);}
.construct_content .content__item .cont .ls__item .links.blue a .arrow {border-color: var(--main-color);}
.construct_content .content__item.active {border: 1px solid #000; padding: 40px 70px 40px 75px; box-shadow: 10px 10px 10px rgb(0,0,0,.1); background: #fff;}
.construct_content .content__item.active .tit {color: #333;}
.construct_content .content__item.active .tit::before {display: none;}
.construct_content .content__item.active .cont {display: block;}
.construct_content .thumbnail {position: relative; width: 50%; min-width: 50%; margin-left: -231px;}
.construct_content .thumbnail .thumb {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.construct_content .thumbnail .thumb.active {display: block;}

@media (hover: hover) {
  .construct_content .content__item:not(.active) .tit:hover {color: rgb(0, 107, 170, .5);}
  .construct_content .content__item:not(.active) .tit:hover::before {background: rgb(0, 107, 170, .5);}
  .construct_content .content__item .cont .ls__item .links a:hover {opacity: .7;}
}
@media screen and (max-width: 1399px) {
    .sub__content_area.construct .title_sbj{font-size:34px;}

    .construct_content {margin-top: 30px;}
    .construct_content .thumbnail {display: none;}
    .construct_content .content {padding: 0; width: 100%; display: flex; flex-direction: column; gap: 30px;}
    .construct_content .content__item {padding: 30px!important; flex-direction: column!important; box-shadow: none!important; border: 1px solid #dadada!important;}
    .construct_content .content__item .tit {color: #333; font-size: 28px;}
    .construct_content .content__item .cont .desc {font-size: 18px; word-break: keep-all;}
    .construct_content .content__item .cont .ls {justify-content: flex-start; gap: 80px;}
    .construct_content .content__item .cont .ls__item .name {font-size: 16px;}
    .construct_content .content__item .cont .ls__item .links {font-size: 14px;}
    .construct_content .content__item .tit::before {display: none;}
    .construct_content .content__item .cont {display: block;}
    .construct_content .content__item .dp--mo {display: block; margin-top: 30px; height: 250px;}

}
@media screen and (max-width: 767px) {
  .construct_content .content__item {padding: 30px 20px!important;}
  .construct_content .content__item .cont .ls {flex-direction: column; gap: 30px;}
}


/* 뷰페이지 */
.board_view__foot .btn--paging{border-radius:0!important;}
.board_view__foot .btn--list{border-radius:0!important;}
.board_view__etc ul > li .tag{border-radius: 0!important; background:var(--main-color);}


/* 개인정보처리방침 */
.privacy_policy .doc_container {width: 100%; max-width: 720px; margin: 0 auto 50px auto; padding: 30px; background: #F6F5F3; border-radius: 8px; font-size: 18px; margin-top: 30px;}

@media screen and (max-width: 1399px) {
  .privacy_policy .doc_container {font-size: 14px;}
}
@media screen and (max-width: 1399px) {
  .privacy_policy .doc_container {padding: 30px 20px;}
}


/* clearchield_activ : 추가페이지 */

.clearchield_activ .prod_detail_intro .container--narrow {padding: 170px 0 156px; height: 940px;}
.clearchield_activ .prod_detail_intro.theme--white .content .head .subject {mix-blend-mode: screen;}
.clearchield_activ .prod_detail_intro.theme--white .content .head .subject .txt {display: none;}
.clearchield_activ .prod_detail_intro.theme--white .content .head .sbj_tag{color:#fff; margin-bottom: 40px;}
.clearchield_activ .prod_detail_intro.theme--white .content .head .subtitle{color:#fff; font-weight: 400;}
.clearchield_activ .prod_detail_intro.theme--white .bg .dimmer {background:rgb(0,0,0,.6) !important;}

.clearchield_activ .prod_intro_sub {position: relative;}
.clearchield_activ .prod_intro_sub .bg {height: 100%; position: absolute; top:0; left:0; z-index:-1; width: 100%;}
.clearchield_activ .prod_intro_sub .head_sub {padding: 167px 0; color:#fff;}
.clearchield_activ .prod_intro_sub .head_sub .sbj {font-size:40px;padding-bottom: 1.3em;}

.clearchield_activ .prod_detail_spec { background-color: #f5f6f8;}
.clearchield_activ .prod_detail_spec .spec_container{display: flex; gap:100px;padding: 113px 0 37px;align-items: center;}
.clearchield_activ .prod_detail_spec .spec_img_cont{position: relative;width: 780px;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_img{position: static; top:0; left:0px;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box{position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 165px;height: 490px;border:1px solid #CCCCCC;padding: 70px 25px; border-radius: 80px; z-index:11; backdrop-filter: blur(16px); background-color:rgba(255, 255, 255,0.40);}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul {display: flex; flex-direction:column; gap:35px; justify-content: space-between; height: 100%;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item{display: flex; flex-direction: column;align-items: flex-start;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .text {font-size: 24px; font-weight: 800; color:#7F92A4; display: block;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item:nth-child(1) .text {color:#0784CB;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item:nth-child(2) .text {color:#4239AD;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item:nth-child(3) .text {color:#88B706;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item:nth-child(4) .text {color:#6E8FAB;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .num {font-size: 45px; font-weight: 700;display: block; letter-spacing: -0.03em; line-height: 1;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .unit {font-size: 20px; margin-left: -5px;}
.clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item:nth-child(1) .num {font-size: 30px; line-height: 1.5;}
.clearchield_activ .prod_detail_spec .spec_cont {width: 784px;}
.clearchield_activ .prod_detail_spec .spec_cont .sbj{font-size: 40px; display: flex; gap:10px; flex-direction: column; padding-bottom: 40px;}
.clearchield_activ .prod_detail_spec .spec_cont .sbj span{font-size: 20px;color:var(--main-color);line-height: 1;}
.prod_detail_spec .prod_spec.type2 tbody {border-top: 3px solid #007DB1; border-bottom: 1px solid #707070;background-image:linear-gradient(to bottom , #F1F1F1 , rgba(255, 255, 255,0.78) 40%);}
.prod_detail_spec .prod_spec.type2 tbody th{background:transparent; text-align: left; padding-left: 24px; width: 284px;vertical-align: top; text-align: left;}
.prod_detail_spec .prod_spec.type2 tbody td{background:#fff; text-align: left; padding-left: 32px; width: 423px; text-align: left;}



@media screen and (max-width: 1399px) {
    .clearchield_activ .prod_detail_intro.theme--white .bg .dimmer {    background: rgb(255,255,255,.5);}
    .clearchield_activ .prod_detail_intro.theme--white .content .head .subject img {width: 400px;}
    .clearchield_activ .prod_detail_intro .container--narrow {height: auto !important; padding: 120px 0;}
    .clearchield_activ .prod_intro_sub .head_sub {padding: 100px 0;}
    .clearchield_activ .prod_intro_sub .head_sub .sbj {font-size:28px;}
    .clearchield_activ .prod_intro_sub .head_sub .desc {font-size:16px;}
    .clearchield_activ .prod_detail_spec .spec_container {flex-direction: column;padding: 130px 0 0 0; gap:50px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont {width: 100%;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_img {width: 400px; top:50%; left:50%; transform: translate(-50%,-50%); position: absolute;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box {position: relative; top: 0; left: 0; transform: none; height: auto; width: 120px; padding: 25px;margin-left: 110px; border-radius: 10px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul {gap:20px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .text {font-size: 14px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .num {font-size: 25px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .unit {font-size: 16px; margin-left: 0;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item:nth-child(1) .num {font-size:25px; line-height: 1;}
    .clearchield_activ .prod_detail_spec .spec_cont .sbj span {font-size: 16px;}
    .clearchield_activ .prod_detail_spec .spec_cont .sbj {font-size: 28px; gap:5px;}
    .clearchield_activ .prod_detail_intro.theme--white .content .head .sbj_tag {margin-bottom: 10px;}
}

@media screen and (max-width: 767px) {
    .clearchield_activ .prod_detail_intro .bg--pc {display: none;}
    .clearchield_activ .prod_detail_intro .bg--mo {display: block;}
    .clearchield_activ .prod_detail_intro.theme--white .content .head .sbj_tag {color:#000;}
    .clearchield_activ .prod_detail_intro.theme--white .content .head .subject {mix-blend-mode:normal;}
    .clearchield_activ .prod_detail_intro.theme--white .content .head .subtitle {color:#000;}
    .clearchield_activ .prod_detail_intro.theme--white .content .head .subject .txt {display: block;}
    .clearchield_activ .prod_detail_intro.theme--white .content .head .subject img {display: none;}
    .clearchield_activ .prod_detail_intro .container--narrow {padding: 70px 0 0 ;}
    .clearchield_activ .prod_detail_spec .spec_container {padding: 50px 0 0;}
    .clearchield_activ .prod_detail_spec .spec_cont {width: 100%;}
    .clearchield_activ .prod_detail_spec .spec_cont .sbj {padding-bottom: 20px; font-size: 24px;}
    .prod_detail_spec .prod_spec.type2 tbody th {width: auto; padding-left: 10px;}
    .prod_detail_spec .prod_spec.type2 tbody td {padding-left: 10px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_img {width: 300px; transform:translate(-38%,-50%);}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box {margin-left: 0; width: 110px; padding: 30px 25px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul {align-items: flex-start;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .num {font-size: 18px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item:nth-child(1) .num { font-size: 18px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .text {font-size: 13px;}
    .clearchield_activ .prod_detail_spec .spec_img_cont .spec_mirror_box ul .item .unit {font-size: 12px;}
}

.sgp_etc2 .etc_products__gall--cont .swiper-slide {padding: 48px 29px 0 0;}
.prod_detail_spec.sub__article {background:#fff;}