@charset "utf-8";

/* == Base == */
:root {
  --blue: #005BAA;
  --red: #FB2929;
  --yellow :#FFAA00;
  --sky : #0095E2;
  --green: #007D4B;
  --orange: #FF8000;
  --gray1: #707070;
  --gray2: #afafaf;
  --gray3: #dfdfdf;
  --light-gray1: #e7e8e9;
  --light-gray2: #f2f1f0;
  --light-gray3: #f6f5f4;
  --cubic-pop1: cubic-bezier(0.85, 0.14, 0.29, 0.99);
  --cubic-pop2: cubic-bezier(0.71, 0.45, 0.36, 1.31);
  --cubic-pop3: cubic-bezier(0.85, 0.14, 0.29, 0.99);
  --main-font: 'Pretendard', sans-serif;
  --font-sub1: 'Lora', 'Pretendard', sans-serif;
  --font-sub2: 'Noto Serif KR', 'Lora', 'Pretendard', sans-serif;
}

* {line-height: inherit;}

body {
  color: #222;
  font-family: var(--main-font);
  font-size: 17px;
  word-break: keep-all;
}

.typo1,
.typo2,
.typo3,
.typo4,
.typo5,
.typo6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-sub1);
  font-weight: 500;
}

small {font-size: 0.8em;}

.fc--red {color: var(--red)!important;}
.fc--blue {color: var(--blue)!important;}
.fc--green {color: var(--green)!important;}
.fc--yellow {color: var(--yellow)!important;}
.fc--sky {color: var(--yellow)!important;}
.fc--orange {color: var(--yellow)!important;}

.bg--red {background: var(--red)!important;}
.bg--blue {background: var(--blue)!important;}
.bg--green {background: var(--green)!important;}
.bg--yellow {background: var(--yellow)!important;}
.bg--sky {background: var(--yellow)!important;}
.bg--orange {background: var(--yellow)!important;}



button {font-family: inherit; border: none; background: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearence: none; cursor: pointer; padding: 0; margin: 0;}
button:hover {opacity: .7;}
ul.bullet > li:before {width: 7px; height: 7px; background-color: var(--yellow);}
ul.bullet.gray > li:before { background-color: #636363;}


/* Navigations */
.header {position: absolute; top: 0; right: 0; width: 100%; z-index: 499; display: flex; align-items: flex-end; justify-content: flex-end; padding: 30px 42px 0 100px; transform: translate(0, -100%); opacity: 0; transition: transform .7s var(--cubic-pop1), opacity .7s; pointer-events: none;}
.catalog.headerState--show .header {transform: translate(0); opacity: 1;}
.header .logo {order: 1;}
.header .logo svg {display: block;}
.header .gnb {order: 0; display: flex; pointer-events: initial;}
.header .gnb__item {font-size: 25px; font-family: var(--font-sub1); font-weight: 400; padding: 20px 43px 0 43px; color: #3E3E3E; line-height: 1; transition: color .5s;}
.catalog.headerTheme--white .header .gnb__item {color: #fff;}

.side_bar {position: absolute; top: 0; left: 0; z-index: 500; padding: 20px 10px; display: flex; flex-direction: column; height: 100%; transform: translate(-100%); transition: transform .7s var(--cubic-pop1);}
.sidebarState--show .side_bar {transform: translate(0);}
.side_bar .btn {padding: 25px; display: flex; align-items: center; justify-content: center;}
.side_bar .btn svg {display: block;}
.btn.btn--play.play .btn--play-svg {display: block;}
.btn.btn--play.pause .btn--play-svg {display: none;}
.btn.btn--play.pause .btn--pause-svg {display: block;}
.btn.btn--play .btn--pause-svg {display: none;}

.side_bar .btn--sitemap {margin: auto 0;}
.sidebarTheme--dark .side_bar svg path,
.sidebarTheme--dark .side_bar svg rect {fill: #8E8E8E; transition: fill .5s;}

.sidebarTheme--dark-gray .side_bar svg path,
.sidebarTheme--dark-gray .side_bar svg rect {fill: #272322; transition: fill .5s;}
.sidebarTheme--dark-gray .bottom_bar .controlls .btn .inner {background: #272322;}

.gnbState--hide .header .gnb {display: none;}

.bottom_bar {position: absolute; bottom: 0; left: 0; z-index: 501; width: 100%; padding: 0;}
.bottom_bar .controlls {position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; pointer-events: none;}
.bottom_bar .controlls .btn {padding: 18px 32px; pointer-events: initial;}
.bottom_bar .controlls .btn .inner {width: 33px; height: 33px; border-radius: 50%; display: flex; align-items: center; background: #8E8E8E;}
.depth1--intro_1 .bottom_bar .controlls .btn--prev {opacity: .2;}
.bottom_bar .submenu {position: absolute; bottom: 0; left: 0; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgb(255,255,255,.7); backdrop-filter: blur(10px); transform: translate(0, 100%); transition: transform .7s var(--cubic-pop1);}
.catalog.submenuState--show .bottom_bar .submenu {transform: translate(0, 0);}
.catalog.submenuState--show.pg14 .bottom_bar .submenu {display: none;}
.bottom_bar .submenu__depth1 {display: none; gap: 28px;}
.bottom_bar .submenu__depth1.active {display: flex;}
.bottom_bar .submenu_group  {height: 100%;}
.bottom_bar .submenu_group:has(.multidepth_group) {width: 100%; padding-left: 150px;}
/* .bottom_bar .submenu_group:has(.submenu__depth2) .submenu__ls {justify-content: flex-start;} */

.bottom_bar .submenu__ls {display: flex; justify-content: center; align-items: center; height: 100%;}
.bottom_bar .submenu__ls li {height: 100%;}
.bottom_bar .submenu__ls li button {position: relative; font-size: 20px; font-weight: 400; color: #8E8E8E; padding: 0 10px; height: 100%; width: 170px;}
.bottom_bar .theme--yellow .submenu__ls li button {position: relative; font-size: 20px; font-weight: 400; color: #8E8E8E; padding: 0 10px; height: 100%; width: auto; padding: 0 50px;}
.bottom_bar .submenu__ls li button.active {color: var(--blue); font-weight: 700;}
.bottom_bar .submenu__ls li button.active::before {position: absolute; top: 0px; left: 0; width: 100%; height: 4px; content: ''; display: block; background: var(--sky);}
.bottom_bar .submenu__ls li:not(:last-child) button::after {display: block; content: ''; width: 1px; height: 1em; background: #C1C1C1; position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}

.bottom_bar .theme--red .submenu__ls.depth2 li button {background: #E9E9E9; min-width: 163px;}
.bottom_bar .theme--red .submenu__ls.depth2 li button.active {background-color: var(--red); color:#fff; }
.bottom_bar .theme--red .submenu__ls.depth2 li button.active::before {background: var(--red);}
.bottom_bar .theme--red .submenu__ls.depth2 li button.active::after {display: none;}
.bottom_bar .theme--red .submenu__ls.depth2 li button.tag {font-size: 16px;}
.bottom_bar .theme--red .submenu__ls.depth3 li button.active {color:var(--red);}
.bottom_bar .theme--red .submenu__ls.depth3 li button.active::before {position: absolute; top:0; left:0; width: 100%;height: 4px; content:""; display: block; background: var(--red);}

.bottom_bar .theme--red .submenu__ls.submenu__depth2 {display: none;}
.bottom_bar .theme--red .submenu__ls.submenu__depth2.active {display: flex;}

.bottom_bar .theme--yellow .submenu__ls li button.active {color:var(--yellow);}
.bottom_bar .theme--yellow .submenu__ls li button.active::before {background: var(--yellow);}


.nav--mo {display: none;}

@media screen and (max-width: 767px) {
  ul.bullet > li:before {width: 4px;height: 4px;}
  .nav--pc {display: none;}
  .nav--mo {display: block;}

  .nav--mo .top_nav {z-index: 111; padding: 10px; position: fixed; height: 50px; justify-content: space-between; width: 100%;display: flex; align-items: center; background: #fff;box-shadow: 0px 2px 2px rgba(0,0,0,0.16);}
  .nav--mo .top_nav .logo {display: block; width: 130px;}
  .nav--mo .top_nav .etc_nav {display: flex;}
  .nav--mo .top_nav .etc_nav .sns { display: none;}
  .nav--mo .top_nav .etc_nav .btn {width: 28px; height: 28px; margin-left:10px ; border-width: 1px; display: flex; align-items: center; justify-content: center;  border: 1px solid #707070; border-radius: 50%;}
  .etc_nav .btn svg {width: 16px; height: 15px; display: block; }
  .etc_nav .btn svg rect { fill: #707070;}
  .etc_nav .btn svg path { fill: #707070;}
  .nav--mo .top_nav .etc_nav .btn--home:after {display: none;}
  .nav--mo .top_nav .etc_nav .btn--home i {font-size: 14px;}
  .nav--mo .top_nav .etc_nav .btn--play .ico--play {border-left: 10px solid #000;  border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
  .nav--mo .top_nav .etc_nav .btn--play.pause .ico--pause {width: 10px; height: 12px;}
  .nav--mo .top_nav .etc_nav .btn--play.pause .ico--pause::after, 
  .nav--mo .top_nav .etc_nav .btn--play.pause .ico--pause::before {width: 3px;}
  
  .nav--mo .controller {position: fixed;bottom:0; padding:0 15px; height: 50px; z-index: 99999; background: #fff; width: 100%;display: flex; align-items: center; justify-content: space-between;box-shadow: 0px -2px 2px rgba(0,0,0,0.16);}
  .nav--mo .controller .btn  {width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;}
  .nav--mo .controller .btn svg {width: 20px; height: 20px; display: block;}
  .etc_nav .btn .btn--play-svg {margin-left: 2px;}
}


.sitemap_btn {display: none;}
.total_menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  pointer-events: none!important;
}
.total_menu .menu_container {
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 600px;
  height: 100%;
  padding: 70px 40px 40px 120px;
  transform: translate(-100%)!important;
  transition: transform .4s var(--cubic-pop1), opacity .4s var(--cubic-pop1);
  opacity: 0;
}


@media screen and (max-width: 767px) {
  
  .sitemap_btn {display: flex;pointer-events: initial;}
  .sitemap_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 16px; padding: 5px;}
  .sitemap_btn .inner {width: 100%; height: 100%; align-items: center; display: flex; flex-direction: column; justify-content: space-between;position: relative;}
  .sitemap_btn .bar {height: 2px; background: #9b9b9b; width: 100%; transition: all .3s ease; opacity: 1; position: absolute;left: 0;}
  .sitemap_btn .bar:nth-child(1) {top: 0;} 
  .sitemap_btn .bar:nth-child(2) {top: 7px;} 
  .sitemap_btn .bar:nth-child(3) {bottom:0;} 
  .total_menu--open .sitemap_btn .bar:nth-child(1) {transform: rotate(-45deg) translate(-5px, 5px); } 
  .total_menu--open .sitemap_btn .bar:nth-child(2) {opacity: 0;} 
  .total_menu--open .sitemap_btn .bar:nth-child(3) {transform: rotate(45deg) translate(-5px, -5px);}
  .total_menu--open .sitemap_btn .bar { background:#3763af;}

  .total_menu {  pointer-events: initial  ; position: fixed;  z-index: 9999; height: auto;}
  .total_menu .menu_container {background: #fff; width: 100%; height: calc(100dvh - 50px); transform: translate(0, 150%)!important; padding: 30px 20px 50px; overflow: hidden auto; }
  .catalog.total_menu--open .total_menu {pointer-events: initial!important;}

  .catalog.total_menu--open .total_menu .menu_container {transform:translate(0) !important; opacity: 1;}

  .total_menu .menu_container .head {padding-bottom: 10px;}
  .total_menu .menu_container .head .head_logo {text-align: center; padding: 10px 0;  border-radius: 5px; background-color: rgba(255, 255, 255,0.7);}
  .total_menu .menu_container .head .head_logo img{vertical-align: middle; width: 200px;}
  .total_menu .menu_container .head .category {padding-bottom: 10px;}
  .total_menu .menu_container .head .category a {font-size: 12px;}
  .total_menu .menu_container .head .category a.active {font-size: 18px;}
  .total_menu .menu_container .body {margin:30px 0 0;}
  .total_menu .index_menu > li {margin-bottom: 30px; display: flex; flex-direction: column; gap:5px;}
  .total_menu .index_menu > li > a {font-size: 16px; font-weight: 600;display: flex; gap:10px; align-items: flex-end; border-bottom: 1px solid #dedede; padding-bottom: 5px; margin-bottom: 10px; color:#707070;}
  .total_menu .index_menu > li > ul {font-size: 14px; padding-left: 10px; display: flex; flex-direction: column; gap:14px;}
  .total_menu .index_menu > li > ul > li > a {display: flex; gap: 10px; text-transform: capitalize; color:#707070;align-items: center;}
  .total_menu .index_menu > li > ul > li > a svg {filter: brightness(2);}
  .total_menu .menu_container .foot {padding-top: 0; margin-top: 20px; border-top: 1px solid #dedede;}
  .total_menu .menu_container .foot .group {flex-direction: column; gap: 15px;display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #dedede; color:#707070;}
  .total_menu .menu_container .nav--sns {order: 0; display: flex; gap:5px; justify-content: space-between; width: 100%;}
  .total_menu .menu_container .nav--sns > a {width: auto; height: auto; font-size: 14px; display: flex; align-items: center; justify-content: center;}
  .total_menu .menu_container .nav--sns .sns--logo {display: flex; gap: 10px;}
  .total_menu .menu_container .nav--sns .sns--logo > a {filter: brightness(2); width: 30px;}
  .total_menu .menu_container .copyright {font-size: 10px; display: block; line-height: 1.5;color: #8a8a8a; color:#707070;}
  .total_menu .menu_container .foot {font-family: var(--font-sub1);font-size: 10px;}
  .total_menu .menu_container .foot .group:last-child {padding-bottom: 0; border:none;}

}






/* Layout & Assets */
.catalog {}
.catalog__page {}
.page__container {padding: 110px 95px 110px 200px ; background: #fff;}
.page__contents {height: 100%;}
.ly--cover .page__container {padding: 130px; }
.ly--cover_2 .page__container {padding: 130px 170px 80px 200px; }
.ly--index .page__container {padding: 200px 200px 110px 200px; }
.ly--content_1 .page__contents {display: flex; flex-direction: column;  width: 100%; height: 100%; position: relative;}
.depth1--company .ly--content_1 .page__contents .page_head {padding-bottom: 0;}
.ly--content_2 .page__container {background: #f9f9f9;}
.ly--content_2 .page__contents {display: flex; flex-direction: column;  width: 100%; height: 100%; position: relative;justify-content: space-between;}
.ly--content_2 .page__bg {width: 100%; height: 775px; background: #fff; bottom: 0; top:auto; pointer-events: none;}

.ly--content_3 .page__container {padding: 114px 96px 138px 195px;}
.ly--content_3 .page__contents {display: flex; flex-direction: column;  width: 100%; height: 100%; position: relative;}
.ly--content_3 .page__contents .page_head {padding-bottom: 50px;}

.page_title {font-size: 35px; font-family: var(--font-sub1); color:var(--theme); }
.page_title_sml {font-size: 25px; font-family: var(--font-sub1);font-weight: 600; color:var(--theme)}
.page_title_sml_2 {font-size: 28px;font-weight: 700; color:var(--orange)}
.page_desc {}

.divide {width: 100%; height: 1px; display: block; }
.depth1--company {--theme:var(--blue);}
.depth1--product {--theme:var(--red);}
.depth1--technology {--theme:var(--yellow);}

.page_prod_title {font-size: 71px; font-weight: 600; font-family: var(--font-sub1);}
.page_prod_title .sml {font-size: 19px; font-weight: 700; color:#8E8E8E;}

.board_cont_gray {background: #F1F1F1; padding: 20px;}
.layout--hori {display: flex; gap: 40px;}


/*  catalog_link  */
.btn_catalog__log { display: flex; margin-left: auto;}
.btn_catalog__log .btn { height: 100%; position: relative;}

@media screen and (max-width:767px){

  .page__container {padding: 80px 20px !important; min-height: 100dvh;}
  .page_title {font-size: 24px;}
  .page_title_sml {font-size: 20px;}
  .page_prod_title {font-size: 34px;}
  .page_desc {font-size: 15px;line-height: 1.5;}
  .ly--cover_2 .page__container {height: 100dvh;}
  .ly--content_2 .page__bg {height: 100%;}
  .layout--hori {flex-direction: column; gap: 10px;}
  .page_title_sml_2 {font-size: 20px;}
  .board_cont_gray {padding: 10px;}
  .ly--content_3 .page__contents .page_head {padding-bottom: 0;}
  .mo--overflow {overflow: auto hidden;}
  .page_prod_title .sml {font-size: 13px;}
  .btn_catalog__log {border-bottom: 1px solid #c1c1c1;}
}


/* Intro */
.pg--intro_1 {}
.pg--intro_1 .page__contents {display: flex; align-items: center; justify-content: center;}
.pg--intro_1 .intro__logo {position: relative;}
.pg--intro_1 .intro__logo svg {display: block;}
.pg--intro_1 .intro__logo .paths .path {stroke-dasharray: var(--length); stroke-dashoffset: var(--length); transition: 0s 0s; opacity: 0;}
.anime--active.pg--intro_1 .intro__logo .paths .path {transition: 0s 0.7s;}
.catalog__page--active .anime--active.pg--intro_1 .intro__logo .paths .path {stroke-dashoffset: 0; transition: .7s var(--delay); opacity: 1;}
.pg--intro_1 .intro__logo .fill_clip {position: absolute; top: 0; left: 0; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: 0s .7s;}
.catalog__page--active .anime--active.pg--intro_1 .intro__logo .fill_clip {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition: .7s var(--delay) var(--cubic-pop1);}
.pg--intro_1 .intro__logo .path_clip {position: relative; top: 0; left: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition: 0s .7s;}
.catalog__page--active .anime--active.pg--intro_1 .intro__logo .path_clip {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition: .7s var(--delay) var(--cubic-pop1);}

.pg--intro_1 .intro__logo .noti {position: absolute; top: 100%; left:105%; padding-top: 13em; font-size: 28px; color: var(--gray2); white-space: nowrap; animation: 2s var(--delay) infinite alternate; opacity: 0;}
.pg--intro_1 .intro__logo.show_noti .noti {animation-name: introNoti;}
@keyframes introNoti {
  from {opacity: 0;}
  to {opacity: 1;}
}

@media screen and (max-width:767px){
  .pg--intro_1 {height: 100dvh;}
  .pg--intro_1 .intro__logo svg {width: 250px;}
  .pg--intro_1 .intro__logo .noti {padding-top:15em; font-size: 14px; left: 0;}
}


.pg--intro_2 {}
.pg--intro_2 .page__container {background: none;}
.pg--intro_2 .page__contents {display: flex; flex-direction: column; justify-content: space-between; padding: 0 10px;}
.pg--intro_2 .page__contents .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}

@media screen and (max-width:767px){
  .pg--intro_2 {height: 100dvh;}
  .pg--intro_2 .logo {width: 250px;}
  .pg--intro_2 .page__container {padding: 100px 20px !important;}
}

.pg--intro_3 .page__container {background: none;}
.intro3_slide {position: absolute; top: 0; left: 0; z-index: 10; display: flex; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity .7s;}
.catalog.depth1--intro_3 .intro3_slide {opacity: 1; pointer-events: initial;}
.intro3_slide .area {height: 100%;}
.intro3_slide .slide_container--slide {position: relative; overflow: hidden; width: 100%; height: 100%;}
.intro3_slide .slide_container--slide .wrapper {display: flex; width: 300%; height: 100%; transition: transform .5s var(--cubic-pop1); will-change: transform; -webkit-will-change: transform;}
.intro3_slide .slide_container--slide .wrapper .slide {position: relative; width: calc(100% / 3); height: 100%; overflow: hidden;}
.intro3_slide .slide_container--slide .wrapper .slide .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform .3s .5s linear; will-change: transform; -webkit-will-change: transform;}
.catalog.depth1--intro_3.depth2--scene_1 .intro3_slide .slide_container--slide .wrapper .slide .bg.animate--scene1,
.catalog.depth1--intro_3.depth2--scene_2 .intro3_slide .slide_container--slide .wrapper .slide .bg.animate--scene2,
.catalog.depth1--intro_3.depth2--scene_3 .intro3_slide .slide_container--slide .wrapper .slide .bg.animate--scene3 {transform: scale(1.2); transition: transform 10s 0s linear;}
.intro3_slide .slide_container--slide .wrapper .slide video {display: block; width: 100%; height: 100%; object-fit: cover;}
.intro3_slide .slide_container--fade {position: relative; overflow: hidden; width: 100%; height: 100%;}
.intro3_slide .slide_container--fade .wrapper {position: relative; width: 100%; height: 100%;}
.intro3_slide .slide_container--fade .wrapper .slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s;}

.catalog.depth1--intro_3.depth2--scene_1 .intro3_slide .slide_container--slide .wrapper {transform: translate(calc((-100% / 3) * 0));}
.catalog.depth1--intro_3.depth2--scene_2 .intro3_slide .slide_container--slide .wrapper {transform: translate(calc((-100% / 3) * 1));}
.catalog:not(.depth1--intro_3, .depth1--intro_2, .depth1--intro_1) .intro3_slide .slide_container--slide .wrapper,
.catalog.depth1--intro_3.depth2--scene_3 .intro3_slide .slide_container--slide .wrapper {transform: translate(calc((-100% / 3) * 2));}

.catalog.depth1--intro_3.depth2--scene_1 .intro3_slide .slide_container--fade .wrapper .slide:nth-child(1),
.catalog.depth1--intro_3.depth2--scene_2 .intro3_slide .slide_container--fade .wrapper .slide:nth-child(2),
.catalog.catalog:not(.depth1--intro_3, .depth1--intro_2, .depth1--intro_1) .intro3_slide .slide_container--fade .wrapper .slide:nth-child(3),
.catalog.depth1--intro_3.depth2--scene_3 .intro3_slide .slide_container--fade .wrapper .slide:nth-child(3) {opacity: 1;}


.intro3_slide .leftbox {width: 854px; flex-shrink: 0; height: 100%;}
.intro3_slide .leftbox .visual--1 .typo_container {position: absolute; bottom: 100px; left: 0; z-index: 10;}
.intro3_slide .leftbox .visual--1 .typo {position: absolute; bottom: 0; left: 0; font-size: 32px; font-weight: 700; line-height: 1; writing-mode: vertical-lr; color: #fff; opacity: 0; transition: opacity .5s; white-space: nowrap; width: 105px; display: flex; align-items: center; justify-content: center;}
.intro3_slide .leftbox .visual--1 .typo:nth-child(1) {color: #64FFB1;}
.intro3_slide .leftbox .visual--1 .typo:nth-child(2) {color: #3BCDE3;}
.intro3_slide .leftbox .visual--1 .typo:nth-child(3) {color: #FB2929;}
.catalog.depth1--intro_3.depth2--scene_1 .intro3_slide .leftbox .visual--1 .typo:nth-child(1),
.catalog.depth1--intro_3.depth2--scene_2 .intro3_slide .leftbox .visual--1 .typo:nth-child(2),
.catalog.depth1--intro_3.depth2--scene_3 .intro3_slide .leftbox .visual--1 .typo:nth-child(3) {opacity: 1;}
.intro3_slide .rightbox {width: 100%; display: flex; flex-direction: column; height: 100%; position: relative; z-index: 2;}
.intro3_slide .rightbox .top {display: flex; height: 625px; flex-shrink: 0;}
.intro3_slide .rightbox .bottom {display: flex; height: 100%;}
.intro3_slide .rightbox .top .content--1 {width: 504px; flex-shrink: 0; margin-left: -92px; background: #00512E; color: #fff; position: relative;}
.intro3_slide .rightbox .top .content--1 nav {position: absolute; bottom: 0; right: 0; display: flex; width: 96px; height: 48px; box-shadow: 0 0 10px rgb(0,0,0,.1); z-index: 20;}
.intro3_slide .rightbox .top .content--1 nav .btn {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; background: #fff; font-size: 20px; color: #898989;}
.intro3_slide .rightbox .top .content--1 nav .btn:nth-child(2) {color: #fff; opacity: 1;}
.intro3_slide .rightbox .top .content--1 nav .btn:nth-child(2),
.catalog.depth1--intro_3.depth2--scene_1 .intro3_slide .rightbox .top .content--1 nav .btn:nth-child(2) {background: #008D7A;}
.catalog.depth1--intro_3.depth2--scene_2 .intro3_slide .rightbox .top .content--1 nav .btn:nth-child(2) {background: #3BCDE3;}
.catalog:not(.depth1--intro_3, .depth1--intro_2, .depth1--intro_1) .intro3_slide .rightbox .top .content--1 nav .btn:nth-child(2),
.catalog.depth1--intro_3.depth2--scene_3 .intro3_slide .rightbox .top .content--1 nav .btn:nth-child(2) {background: #005BAA;}
.intro3_slide .rightbox .top .content--1 .slide_container--fade .symbol {position: absolute; top: 0; right: 0; z-index: 10;}
.intro3_slide .rightbox .top .content--1 .slide_container--fade .slide {padding: 90px 55px; display: flex; align-items: flex-end;}
.intro3_slide .rightbox .top .content--1 .slide_container--fade .slide:nth-child(1) {background: #00512E;}
.intro3_slide .rightbox .top .content--1 .slide_container--fade .slide:nth-child(2) {background: #007CAB;}
.intro3_slide .rightbox .top .content--1 .slide_container--fade .slide:nth-child(3) {background: #FB2929;}
.intro3_slide .rightbox .top .content--1 .slide_container--fade .slide .title {display: block; font-size: 44px; line-height: 1.5;}
.intro3_slide .rightbox .top .visual--2 {width: 100%;}
.intro3_slide .rightbox .bottom .visual--3 {width: 316px; flex-shrink: 0;}
.intro3_slide .rightbox .bottom .content--2 {width: 334px; flex-shrink: 0; background: #007117;}
.intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide {color: #fff; padding: 80px 30px 80px 40px; display: flex; flex-direction: column; justify-content: flex-end;}
.intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide:nth-child(1) {background: #007117;}
.intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide:nth-child(2) {background: #004771;}
.intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide:nth-child(3) {background: #FFD500; color: #000;}
.intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide .title {display: block; font-size: 28px; font-weight: 700; line-height: 1.4; margin-bottom: 0.8em; font-family: var(--font-sub1);}
.intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide .desc {font-size: 17px; line-height: 2;}
.intro3_slide .rightbox .bottom .visual--4 {width: 100%;}


@media screen and (max-width:767px){
  .intro3_slide .leftbox {display: none;}
  .intro3_slide .rightbox .top {height: 50%;}
  .intro3_slide .rightbox .top .content--1 {width: 50%; margin-left: 0;}
  .intro3_slide .rightbox .top .visual--2 {width: 50%;}
  .intro3_slide .rightbox .top .content--1 .slide_container--fade .slide {padding:50px 15px ;}
  .intro3_slide .rightbox .top .content--1 .slide_container--fade .slide .title {font-size: 20px;}
  .intro3_slide .rightbox .bottom {height: 50%;}
  .intro3_slide .rightbox .bottom .visual--3 {width: 50%;}
  .intro3_slide .rightbox .bottom .content--2 {width: 50%;}
  .intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide {padding: 80px 15px;}
  .intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide .title {font-size: 20px;}
  .intro3_slide .rightbox .bottom .content--2 .slide_container--fade .slide .desc {font-size: 14px; line-height: 1.5;}
  .intro3_slide .rightbox .top .content--1 nav {width: 70px; height: 35px;}
  .intro3_slide .rightbox .top .content--1 nav .btn {font-size: 14px;}
  .intro3_slide .rightbox .top .content--1 .slide_container--fade .symbol {top: 80px; width: 150px;}
}

/* index */
#index {}
#index .page__contents {position: relative;color:#fff; display: flex; gap: 200px; justify-content: space-between;}
#index .page_head .title {font-size: 61px; font-family: var(--font-sub2);}
#index .page_body {width: 930px;}
#index .index_container {width: 100%; display: flex; gap:60px; height: 100%;}
#index .index_container .index_wrapper {display: flex; flex-direction: column; gap: 66px; width: 100%;justify-content: space-between;}
#index .index_container .index_wrapper:last-child {justify-content: flex-start; gap: 59px;}
#index .index_container .index_ls {display: flex; flex-direction: column; width: 100%; border-top:3px solid #fff; transition:.3s ease;}
#index .index_container .index_wrapper:nth-child(1) .index_ls:nth-child(1) {--theme:var(--blue);}
#index .index_container .index_wrapper:nth-child(1) .index_ls:nth-child(2) {--theme:var(--red);}
#index .index_container .index_wrapper:nth-child(2) .index_ls:nth-child(1) {--theme:var(--yellow);}
#index .index_container .index_wrapper:nth-child(2) .index_ls:nth-child(2) {--theme:var(--green);}
#index .index_container .index_ls .index_gnb {font-size: 25px; font-family: var(--font-sub2);padding: 15px 10px; cursor: pointer;transition:.3s ease;}
#index .index_container .index_ls .index_menu {}
#index .index_container .index_ls .index_menu > li {border-top:1px solid #C7C3C2; transition:.3s ease;}
#index .index_container .index_ls .index_menu > li:last-child {border-bottom: 1px solid #C7C3C2;}
#index .index_container .index_ls .index_menu > li .index_btn {font-size: 20px; width: 100%;display: flex; justify-content: space-between;padding:11px 10px 11px; color:#fff; align-items: center;}
#index .index_container .index_ls .index_menu > li .index_btn .icon {display: flex; align-items: center; justify-content: center;}

@media (hover : hover){
  #index .index_container .index_ls:hover {border-color: var(--theme);}
  #index .index_container .index_ls:hover .index_gnb {color:var(--theme);}
  #index .index_container .index_ls .index_menu > li:hover {background:var(--theme);}
  #index .index_container .index_ls .index_menu > li .index_btn:hover {opacity: 1;}
}

  
@media screen and (max-width:767px){
  #index .page__contents {flex-direction: column;gap: 50px;}
  #index .page_head .title {font-size: 30px;}
  #index .page_body {width: 100%;}
  #index .index_container {flex-direction: column; gap: 40px;}
  #index .index_container .index_ls .index_gnb {font-size: 17px;}
  #index .index_container .index_ls .index_menu > li .index_btn {font-size: 14px; padding: 5px 10px 4px; line-height: 1.3;}
  #index .index_container .index_ls .index_menu > li .index_btn .icon >svg {width: 15px;}
  #index .index_container .index_wrapper {gap: 40px;}
}


/* comp_greeting */
#comp_greeting {}
#comp_greeting .page__contents {gap: 60px;}
#comp_greeting .bg_banner {top:185px; height: 232px;}
#comp_greeting .back_logo {position: absolute; bottom:-30px; left:0px;;}
#comp_greeting .head {}
#comp_greeting .slogan {font-size: 34px;  color:#fff; line-height: 1.47; padding-top: 131px;}
#comp_greeting .greeting_content {display: flex;width: 100%; height: 100%; justify-content: space-between; gap: 80px;}
#comp_greeting .greeting_content .head { width: 278px; height: 100%; flex-shrink: 0;   position: relative;}
#comp_greeting .greeting_content .head .inner{display: flex; flex-direction: column; justify-content: space-between; padding: 60px 25px;position: relative; width: 100%; height: 100%;}
#comp_greeting .greeting_content .head .inner .logo {width: 280px;}
#comp_greeting .greeting_content .head .blue_bg {width:278px; height: 613px; background: var(--theme); position: absolute; z-index: 0; top:0;}
#comp_greeting .greeting_content .head .ceo {color:#fff;display: flex; flex-direction: column;}
#comp_greeting .greeting_content .head .ceo span  {font-size: 23px;}
#comp_greeting .greeting_content .head .ceo i {width: 100%; height: 1px; background: #fff;}
#comp_greeting .greeting_content .head .ceo b {font-size: 30px;}
#comp_greeting .greeting_content .head .ceo_img {position: absolute; bottom:50px;right:-138px;z-index: 3;}
#comp_greeting .greeting_content .body {display: flex; flex-direction: column; gap: 31px; justify-content: flex-end;}
#comp_greeting .greeting_content .body .tit {font-size: 34px; line-height: 1.67;}
#comp_greeting .greeting_content .body .text_cont {display: flex; gap:40px ;}
#comp_greeting .greeting_content .body .text_cont .page_title_sml {}
#comp_greeting .greeting_content .body .text_cont .page_desc {line-height: 1.94;}
#comp_greeting .greeting_content .body .text_cont .page_desc i {padding-bottom:0.5em; display: block;}
#comp_greeting .greeting_content .body .text_cont .page_desc .ceo_sign {display: block; text-align: right; margin-top: -38px;}
#comp_greeting .greeting_content .body .text_cont .page_desc .ceo_sign .sml {font-size: 12px; font-weight: 600;color:var(--blue); transform: translateY(5px); display: inline-block;}
#comp_greeting .greeting_content .body .text_cont .page_desc .ceo_sign .ceo {font-size: 20px;font-weight: 700; border-bottom: 1px solid #707070; margin-left: 20px;padding-bottom: 0.2em; }
#comp_greeting .greeting_content .back_logo {}

@media screen and (max-width:767px){
  #comp_greeting .slogan {font-size: 22px;padding-top:50px; color:#000;}
  #comp_greeting .bg_banner {top:150px; opacity: 0.5;}
  #comp_greeting .page__contents {gap: 30px;}
  #comp_greeting .greeting_content {flex-direction: column; gap: 20px;}
  #comp_greeting .greeting_content .head {width: 100%; height: 50%; }
  #comp_greeting .greeting_content .head .blue_bg {width: 100%; height: 100%;}
  #comp_greeting .greeting_content .head .inner {padding: 40px ;}
  #comp_greeting .greeting_content .body .tit {font-size: 20px;}
  #comp_greeting .greeting_content .body .text_cont {flex-direction: column; gap: 20px;}
  #comp_greeting .greeting_content .body .text_cont .page_desc .ceo_sign {margin-top: 30px;}
  #comp_greeting .greeting_content .back_logo {left: auto; right:0; width: 150px;}
  #comp_greeting .greeting_content .head .inner .logo {width: 180px;}
}


/* comp_overview */
#comp_overview .bg_half {width: 656px;left:auto;right:0; pointer-events: none;}
#comp_overview .page__contents {width: 100%; gap: 20px;position: relative;z-index: 0;}
#comp_overview .page_body {height: 100%; display: flex;justify-content: space-between; gap: 16px;}
#comp_overview .thumb {position: relative; }
#comp_overview .thumb .thumb_pc {width: 100%; height: 100%; transform: translate(0,-10px);}
#comp_overview .thumb .thumb_mo {display: none;}
#comp_overview .overview_content {width: 871px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
#comp_overview .overview_content .head {position: relative;}
#comp_overview .overview_content .head .banner_bg {position: absolute;z-index: -1;width: calc(100% + 220px); right: 0;top:0px;}
#comp_overview .overview_content .head .banner_bg img {display: block; width: 100%;}
#comp_overview .overview_content .head .banner_tit {font-size: 34px; text-align: right; font-weight: 600; width: 100%; display: block; line-height: 1.47; padding: 104px 23px 35px;}
#comp_overview .overview_content .body .wrapper {display: flex; gap: 40px; padding: 60px 0 70px;}
#comp_overview .overview_content .body .tit {font-size: 32px; line-height: 1.7; white-space: nowrap;}
#comp_overview .overview_content .body .desc b {display: block; padding-bottom: 0.5em; line-height: 1.94;}

@media screen and (max-width:767px){
  #comp_overview .bg_half {width: 100%; opacity: 0.5;    background: no-repeat 47% / cover; background-image: url('../images/pg08/bg_mo.png') !important;}
  #comp_overview .page_body {flex-direction: column;}
  #comp_overview .page__contents {gap: 40px;}
  #comp_overview .overview_content {gap: 30px; width: 100%;}
  #comp_overview .overview_content .body .tit {font-size: 20px;; white-space: wrap;}
  #comp_overview .overview_content .head .banner_tit {font-size: 22px; padding: 10px 0 0;text-align:left;}
  #comp_overview .overview_content .head .banner_bg {height: 200px; width: 100%; display: none;}
  #comp_overview .overview_content .head .banner_bg img {width: 100%; height: 100%; object-fit: cover;}
  #comp_overview .overview_content .body .wrapper {flex-direction: column;gap: 20px; padding: 60px 0 20px;}
  #comp_overview .thumb .thumb_mo {display: block;}
  #comp_overview .thumb .thumb_pc {display: none;}
}

/* comp_philosophy */

#comp_philosophy {}
#comp_philosophy .page__contents {gap: 80px;}
#comp_philosophy .philosophy_content {display: flex; flex-direction: column; gap: 124px;}
#comp_philosophy .philosophy_content .head {display: flex; gap: 100px;}
#comp_philosophy .philosophy_content .head .desc {}
#comp_philosophy .philosophy_content .body {}
#comp_philosophy .philosophy_content .body .diagram_cont {display: flex; justify-content: space-between; gap:109px; width: 1176px; margin:0 auto;}
#comp_philosophy .philosophy_content .body .diagram_cont .item {height: 456px; width: 100%; position: relative;display: flex; justify-content: center;}
#comp_philosophy .philosophy_content .body .diagram_cont .item:before {content:""; position: absolute;width: 348px; height: 173px; border-radius: 173px 173px 0 0; top:-14px;background: var(--red); opacity: 0; transform: scaleX(0) scaleY(0); transition: opacity 1.5s, transform  1.5s; transform-origin: 50% 50%;}
#comp_philosophy .philosophy_content .body .diagram_cont .item:nth-child(2):before {transition: opacity 1.7s, transform  1.7s; transform-origin: 50% 50%;}
#comp_philosophy .philosophy_content .body .diagram_cont .item:nth-child(3):before {transition: opacity 2s, transform  2s; transform-origin: 50% 50%;}
#comp_philosophy .philosophy_content .body .diagram_cont .item .diagram_line {position: absolute;top:0; left:0; pointer-events: none;}
#comp_philosophy .philosophy_content .body .diagram_cont .item .inner {box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);display: flex; flex-direction: column; border-radius: 183px;align-items: center;padding:50px 45px; background: #fff;  width: 100%; height: 100%; position: relative;}
#comp_philosophy .philosophy_content .body .diagram_cont .item .inner > img {}
#comp_philosophy .philosophy_content .body .diagram_cont .item .inner .sbj  {font-size: 32px;font-weight: 600; text-align: center;}
#comp_philosophy .philosophy_content .body .diagram_cont .item .inner .sbj b {font-size: 19px;display: block; }
#comp_philosophy .philosophy_content .body .diagram_cont .item .inner i {width: 100%; height: 1px; background: #FB2929; display: block; margin: 18px 0 47px;}
#comp_philosophy .philosophy_content .body .diagram_cont .item .inner .desc {text-align: center; line-height: 1.58;}
#comp_philosophy .philosophy_content .body .diagram_cont .item .diagram_shadow {position: absolute; bottom:0; left:50%;z-index: 0;}
#comp_philosophy .philosophy_content .body .diagram_cont .item:nth-child(2):before {content:""; background: var(--yellow); }
#comp_philosophy .philosophy_content .body .diagram_cont .item:nth-child(3):before {content:""; background: var(--blue); }
#comp_philosophy .philosophy_content .body .diagram_cont .item:nth-child(2) .inner i {background: var(--yellow);}
#comp_philosophy .philosophy_content .body .diagram_cont .item:nth-child(3) .inner i {background: var(--blue);}
.catalog__page--active #comp_philosophy.anime--active .philosophy_content .body .diagram_cont .item:before { opacity: 1; transform: scaleX(1) scaleY(1);}
@media screen and (max-width:767px){
  #comp_philosophy .page__contents {gap: 50px;}
  #comp_philosophy .philosophy_content .head {flex-direction: column; gap: 20px;}
  #comp_philosophy .philosophy_content .head .desc {font-size: 15px;}
  #comp_philosophy .philosophy_content {gap: 50px;}
  #comp_philosophy .philosophy_content .body .diagram_cont {width: 100%;flex-direction: column; gap: 40px;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item {width: 100%; height: 100%;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item .inner {border-radius: 10px; padding: 20px;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item .diagram_line {display: none;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item:before {width: 100%; height: 100%;border-radius: 10px;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item .inner .sbj {font-size: 20px;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item .inner i {margin: 18px 0;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item .inner > img {width: 70px;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item .inner .sbj b {font-size: 15px;}
  #comp_philosophy .philosophy_content .body .diagram_cont .item .inner .desc {font-size: 14px;}
}



/* comp_vision */
#comp_vision {}
#comp_vision .page__contents {gap: 83px;}
#comp_vision .bg_half {width: 585px;}
#comp_vision .vision_content {width: 1474px; display: flex; gap: 150px;align-items: center; margin: 0 auto;}
#comp_vision .vision_content .diagram_cont {width: 700px;height: 700px; display: flex; align-items: center; justify-content: center;padding: 103px; background: rgba(227, 227, 227, 0.3); border-radius: 50%; position: relative;}
#comp_vision .vision_content .diagram_cont:before {content:"";position: absolute; width: 166px; height: 1px; background: #a3a3a3; right:-133px; top:50%;  opacity: 0; transform: translate(-50%,0) scaleX(0);transition: opacity 0.7s, transform 0.7s; transition-delay: 1s;}
#comp_vision .vision_content .diagram_cont .white_inner_circle {position: relative;padding: 53px; display: flex; align-items: center; justify-content: center;width: 100%; height: 100%;border-radius: 50%; background: #fff;}
#comp_vision .vision_content .diagram_cont .white_inner_circle .diagram_border_line {width: 443px; height: 443px; position: absolute; pointer-events: none; top:50%; left:50%; transform: translate(-50%,-49%);}
#comp_vision .vision_content .diagram_cont .white_inner_circle .diagram_border_line .diagram_border_line_svg { opacity: 0; transform: scale(0); transition: opacity 0.7s, transform 0.7s; transition-delay: 0.8s;}
#comp_vision .vision_content .diagram_cont .white_inner_circle .circle_border {width: 100%; height: 100%; display: flex;  align-items: center; justify-content: center;  border-radius: 50%; padding: 15px; border:1px solid #ADADAD;  background: #fff; position: relative;}
#comp_vision .vision_content .diagram_cont .white_inner_circle .inner_border{ width: 100%; height: 100%; display: flex;flex-direction: column; align-items: center; justify-content: center;background:#fff; border-radius: 50%;box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.16); padding: 34px;}
#comp_vision .vision_content .diagram_cont .white_inner_circle .ci {padding-top: 18px; width: 174px;}
#comp_vision .vision_content .diagram_cont .white_inner_circle .divide {background: #707070; margin: 20px 0 10px;}
#comp_vision .vision_content .diagram_cont .white_inner_circle .txt {font-size: 23px; line-height: 1.2;}
#comp_vision .vision_content .icon_text_cont {display: flex; flex-direction: column; gap: 45px;  width: 604px;position: relative;}
#comp_vision .vision_content .icon_text_cont:before {content:""; position: absolute; width: 1px ; height: 470px; background: #a3a3a3; left:-100px; top:50%;  opacity: 0; transform: translate(0,-50%) scaleY(0);transition: opacity 0.7s, transform 0.7s; transition-delay: 1s;}
#comp_vision .vision_content .icon_text_cont .item {background: #F9F9F9; border-radius: 55px; padding:10px; width: 100%; display: flex; gap: 26px; align-items: center; border:1px solid #c0c0c0; box-shadow: 3px 3px 5px rgba(0,0,0,0.10);position: relative;}
#comp_vision .vision_content .icon_text_cont .item:before {content:""; position: absolute; left:-100px; top:50%; opacity: 0; transform: translate(0,-50%) scaleX(0); transition: opacity 0.7s, transform 0.7s; transition-delay: 1s; width: 100px; height: 1px; background: #a3a3a3;}
#comp_vision .vision_content .icon_text_cont .item:after {content:""; position: absolute; left:-8px; top:50%; transform: translate(0,-50%); width: 9px;height: 9px; border:2px solid var(--red);background: #fff; border-radius: 50%; }
#comp_vision .vision_content .icon_text_cont .item:nth-child(even):after {border:2px solid var(--yellow);}
#comp_vision .vision_content .icon_text_cont .item:nth-child(even) .icon_cont { border:5px solid #FBE1AE; background: #FFAA00; }
#comp_vision .vision_content .icon_text_cont .item .icon_cont {width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center;  border: 5px solid #FABABA; background: #FB2929;}
#comp_vision .vision_content .icon_text_cont .item .icon_cont > img {display: block;}
#comp_vision .vision_content .icon_text_cont .item .text {font-size: 20px; line-height: 1.6;}

.catalog__page--active #comp_vision.anime--active .vision_content .diagram_cont:before  { opacity: 1; transform: translate(-50%,0) scaleX(1);}
.catalog__page--active #comp_vision.anime--active .vision_content .diagram_cont .white_inner_circle .diagram_border_line_svg { opacity: 1; transform:  scale(1);}
.catalog__page--active #comp_vision.anime--active .vision_content .icon_text_cont:before { opacity: 1; transform: translate(0,-50%) scaleY(1);}
.catalog__page--active #comp_vision.anime--active .vision_content .icon_text_cont .item:before { opacity: 1; transform: translate(0,-50%) scaleX(1);}

@media screen and (max-width:767px){
  #comp_vision .bg_half {width: 100%;}
  #comp_vision .vision_content {width: 100%; flex-direction: column; gap: 40px;}
  #comp_vision .vision_content .icon_text_cont {width: 100%; gap:30px;}
  #comp_vision .vision_content .diagram_cont:before {display: none;}
  #comp_vision .vision_content .diagram_cont {width: 320px;height: 320px; padding: 20px;flex-shrink: 0;    }
  #comp_vision .vision_content .diagram_cont .white_inner_circle {padding: 0px;}
  #comp_vision .vision_content .diagram_cont .white_inner_circle .txt {font-size: 14px;}
  #comp_vision .vision_content .diagram_cont .white_inner_circle .diagram_border_line {display: none;}
  #comp_vision .vision_content .diagram_cont .white_inner_circle .ci {width: 100px;}
  #comp_vision .vision_content .diagram_cont .white_inner_circle .divide {margin: 20px 0 10px;}
  #comp_vision .vision_content .icon_text_cont .item {gap: 15px;border-radius: 15px;}
  #comp_vision .vision_content .icon_text_cont .item .text {font-size: 16px; line-height: 1.3;}
  #comp_vision .vision_content .icon_text_cont .item .icon_cont {width: 60px; height: 60px;flex-shrink: 0;}
  #comp_vision .vision_content .icon_text_cont .item:after {top:-7px; left:50%; transform: translate(-50% , 0);}
  #comp_vision .vision_content .icon_text_cont .item:before {top:-17px; left:50%; transform: translate(-50% , 0); width: 1px; height: 25px;}
}


/* comp_history */
#comp_history {}
#comp_history .morph_svg {position: absolute;left:0;bottom:0; opacity: 0.2;}
#comp_history .morph_svg.right {position: absolute;left:auto;bottom:0;right:0;transform:rotateY(180deg);}
#comp_history .page__contents {gap: 110px;}
#comp_history .history_content {display: flex; gap:90px; height: 100%;}
#comp_history .history_content .head {display: flex; flex-direction: column; height: 100%; width: 473px;}
#comp_history .history_content .head .page_title_sml {padding-bottom: 53px;}
#comp_history .history_content .head .thumb {display: block; margin-left: auto; margin-top: auto;}
#comp_history .history_content .body {}
#comp_history .history_content .history_ls {display: flex; width: 1057px;}
#comp_history .history_content .history_ls .section {display: flex; flex-direction: column; width: 100%; position: relative;}
#comp_history .history_content .history_ls .section::before {content:"";position: absolute; left:-2px; bottom:0; width: 1px; height: 90%; background: #e3e3e3; opacity: 0; transform: scaleY(0); transition: opacity 1.8s, transform 1.8s; transform-origin:bottom; transition-delay: 0.8s;}
#comp_history .history_content .history_ls .section .sbj {padding: 16px 34px; background:var(--yellow); border-radius: 45px;position: relative; box-shadow: 0px 2px 3px rgba(0,0,0,0.16); width: 300px; font-size: 23px; color: #fff; margin-left: -5px;text-align: center;}
#comp_history .history_content .history_ls .section .sbj:before {content:""; position: absolute; width: calc(100% + 8px); height: calc(100% + 8px);border:1px dotted var(--yellow); border-radius: 45px; top:50%; left:50%; transform: translate(-50%, -50%);}
#comp_history .history_content .history_ls .section .sbj:after {content:"";position: absolute; width: 83px; height: 4px; background: var(--yellow);top:50%; left:100%; opacity: 0; transform: scaleX(0); transition: opacity 1s, transform 1s; transform-origin:left; transition-delay: 0.8s;}
#comp_history .history_content .history_ls .section:nth-child(2) .sbj:after {background: var(--red);transition-delay: 1.2s;}
#comp_history .history_content .history_ls .section:nth-child(3) .sbj:after {background: var(--blue);width: 200px; transition-delay: 1.5s;}
#comp_history .history_content .history_ls .section .his_cont {padding: 28px 10px 10px 0;}
#comp_history .history_content .history_ls .section .his_cont > li {display: flex; gap: 5px; padding-bottom: 20px;}
#comp_history .history_content .history_ls .section .his_cont > li .year {font-weight: 700;width: 50px; flex-shrink: 0;}
#comp_history .history_content .history_ls .section .his_cont > li .txt {line-height: 1.76;}
#comp_history .history_content .history_ls .section .his_cont > li .txt .sml {font-size: 15px; display: block;}
#comp_history .history_content .history_ls .section .his_cont > li:before {width: 8px; height: 8px; background-color: var(--yellow); left:-5px;}
#comp_history .history_content .history_ls .section .his_thumb {padding-inline: 20px; margin-top: auto;}
#comp_history .history_content .history_ls .section .his_thumb_img {position: absolute;bottom: -16px; right: 35px;}
#comp_history .history_content .history_ls .section:last-child {width: 88%;}
#comp_history .history_content .history_ls .section:nth-child(2) .sbj {background: var(--red);}
#comp_history .history_content .history_ls .section:nth-child(2) .sbj:before {border-color: var(--red);}
#comp_history .history_content .history_ls .section:nth-child(2) .his_cont > li:before {background: var(--red);}
#comp_history .history_content .history_ls .section:nth-child(3) .sbj {background: var(--blue);}
#comp_history .history_content .history_ls .section:nth-child(3) .sbj:before {border-color: var(--blue);}
#comp_history .history_content .history_ls .section:nth-child(3) .his_cont > li:before {background: var(--blue);}
.catalog__page--active #comp_history.anime--active .history_content .history_ls .section .sbj:after {opacity: 1; transform: scaleX(1);}
.catalog__page--active #comp_history.anime--active .history_content .history_ls .section::before {opacity: 1; transform: scaleY(1);}

@media screen and (max-width:767px){
  #comp_history .page__contents {gap: 50px;}
  #comp_history .history_content {flex-direction: column;}
  #comp_history .history_content .head {width: 100%;}
  #comp_history .history_content .head .page_title_sml {padding-bottom: 20px;}
  #comp_history .history_content .head .thumb {width: 180px; margin: 0 auto; margin-top: 20px;}
  #comp_history .history_content {gap: 50px;}
  #comp_history .history_content .history_ls {width: 100%;flex-direction: column; gap: 50px;}
  #comp_history .history_content .history_ls .section .sbj:after {width: 100%;}
  #comp_history .history_content .history_ls .section:nth-child(3) .sbj:after {width: 100%;}
  #comp_history .history_content .head .desc {font-size: 15px;}
  #comp_history .history_content .history_ls .section .sbj {font-size: 18px; padding: 10px 20px; width: 100%;}
  #comp_history .history_content .history_ls .section .his_cont > li {padding-bottom: 10px;}
  #comp_history .history_content .history_ls .section .his_thumb_img {width: 40px; right:-27px;}
  #comp_history .history_content .history_ls .section .his_cont > li .year {width: 44px;}
}

/* comp_biz_area */
#comp_biz_area {}
#comp_biz_area .biz_area_content{}
#comp_biz_area .biz_area_content .head {display: flex;gap:27px; padding-top: 80px;}
#comp_biz_area .biz_chart_ls {padding-top: 100px;}
#comp_biz_area .biz_chart_ls .diagram {display: flex;align-items: center;justify-content: center;padding-bottom: 46px;position: relative;}
#comp_biz_area .biz_chart_ls .diagram::before {content:""; position: absolute;bottom:0; left:50%; transform: translate(-50% , 0); width: 1px; height: 46px; background: #B5B5B5;}
#comp_biz_area .biz_chart_ls .diagram .border_circle {width: 473px; border-radius: 64px; border:2px solid var(--blue); padding: 20px; text-align: center; overflow: hidden;position: relative;}
#comp_biz_area .biz_chart_ls .diagram .border_circle:nth-child(1) {transform: translate(30px,0);}
#comp_biz_area .biz_chart_ls .diagram .border_circle:nth-child(3) {transform: translate(-30px,0);}
#comp_biz_area .biz_chart_ls .diagram .border_circle .txt {font-size:22px; font-weight: 500; color:var(--blue);}
#comp_biz_area .biz_chart_ls .diagram .border_circle .multy.left { height:100%; position: absolute;  background:#005BAA; aspect-ratio:1/1;  border-radius:50px;  left:0;  top:0;  transform:translateX(-50px);}
#comp_biz_area .biz_chart_ls .diagram .border_circle .multy.right { height:100%; position: absolute; background:#005BAA; aspect-ratio:1/1;  border-radius:50px;  right:0;  top:0;  transform:translateX(50px);}
#comp_biz_area .biz_chart_ls .diagram .border_circle .multy.left i {font-size: 30px; color:#fff; font-weight: 700; transform: translate(24px, 20%); display: block;}
#comp_biz_area .biz_chart_ls .diagram .border_circle .multy.right i {font-size: 30px; color:#fff; font-weight: 700; transform: translate(-24px, 20%); display: block;}
#comp_biz_area .border_arrow {position: absolute; left:50%; bottom:-13px; transform: translate(-50%,0); width: 25px; height: 25px; border:2px solid var(--blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; z-index: 111;} 
#comp_biz_area .biz_result .border_arrow {bottom:calc(100% - 12px);} 

#comp_biz_area .biz_chart_ls .diagram_cate_ls {display: flex;gap: 23px;padding-top: 50px;position: relative; width: 100%;}
#comp_biz_area .biz_chart_ls .diagram_cate_ls:before {content:""; position: absolute;top:0; left:50%; transform: translate(-50% , 0); width:calc(100% - 214px); height: 1px; background: #B5B5B5;}
#comp_biz_area .biz_chart_ls .diagram_cate_ls .item {border-top:3px solid var(--yellow); border-bottom: 1px solid #6A6A6A;position: relative;}
#comp_biz_area .biz_chart_ls .diagram_cate_ls .item:before {content:""; position: absolute;bottom:100%; left:50%; transform: translate(-50% , 0); width: 1px; height: 52px; background: #B5B5B5;}
#comp_biz_area .biz_chart_ls .diagram_cate_ls .item:nth-child(even) {border-top:3px solid var(--red); }
#comp_biz_area .biz_chart_ls .diagram_cate_ls .item .tit {font-size: 21px;padding: 15px;display: block;text-align: center;}
#comp_biz_area .biz_chart_ls .diagram_cate_ls .item img {display: block; margin: 0 auto;width: 100%;}
#comp_biz_area .biz_chart_ls .biz_result {padding: 20px; background: var(--blue); width: 685px;border-radius: 55px;text-align: center;  margin: 58px auto 0;position: relative;}
#comp_biz_area .biz_chart_ls .biz_result:before {content:""; position: absolute;bottom:100%; left:50%; transform: translate(-50% , 0); width: 1px; height: 58px; background: #B5B5B5;}
#comp_biz_area .biz_chart_ls .biz_result .sbj {font-size: 28px; font-family: var(--font-sub1);color:#fff;font-weight: 700;}
/* .catalog__page--active #comp_biz_area.anime--active .comp_biz_content .chart_cont .chart_sbj:before {opacity: 1; transform:translate(-57.2%, -50%) scaleX(1);} */


@media screen and (max-width:767px){
  #comp_biz_area .biz_area_content .head {padding-top: 50px; flex-direction: column; gap: 20px;}
  #comp_biz_area .biz_chart_ls {padding-top: 50px;}
  #comp_biz_area .biz_chart_ls .diagram {flex-direction: column; gap: 10px;padding-bottom: 30px;}
  #comp_biz_area .biz_chart_ls .diagram .border_circle {padding: 10px; border-radius: 10px;width: 100%; line-height: 1.3; border-width: 1px;}
  #comp_biz_area .biz_chart_ls .diagram .border_circle .txt {font-size: 17px;}
  #comp_biz_area .biz_chart_ls .diagram .border_circle:nth-child(1) ,
  #comp_biz_area .biz_chart_ls .diagram .border_circle:nth-child(3) {transform: translate(0);}
  #comp_biz_area .biz_chart_ls .diagram_cate_ls {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; padding-top: 30px;}
  #comp_biz_area .biz_chart_ls .diagram_cate_ls .item .tit {font-size: 14px;padding:5px 10px;}
  #comp_biz_area .biz_chart_ls .diagram_cate_ls:before {width: calc(100% - 47%);}
  #comp_biz_area .biz_chart_ls .diagram_cate_ls .item:before {height: 32px;}
  #comp_biz_area .biz_chart_ls .diagram::before {height: 30px;}
  #comp_biz_area .biz_chart_ls .diagram_cate_ls .item img {position: relative; z-index: 1;}
  #comp_biz_area .biz_chart_ls .diagram_cate_ls .item:last-child {grid-column:span 2  ;}
  #comp_biz_area .biz_chart_ls .diagram_cate_ls .item:last-child::before {display: none;}
  #comp_biz_area .biz_chart_ls .biz_result {width: 100%;padding: 10px; border-radius: 0;margin-top: 30px;}
  #comp_biz_area .biz_chart_ls .biz_result .sbj {font-size: 16px;display: block;line-height: 1.3;}
  #comp_biz_area .biz_chart_ls .diagram .border_circle {border-radius: 0;}
  #comp_biz_area .biz_chart_ls .diagram .border_circle .multy {display: none;}
  #comp_biz_area .border_arrow {width: 20px; height: 20px; border-width: 1px;}
  #comp_biz_area .border_arrow svg {width: 10px;}

}


/* comp_organi */
#comp_organi {}
#comp_organi .page__contents {gap:83px;}
#comp_organi .comp_organi_content {}
#comp_organi .comp_organi_content .head {display: flex; gap:37px ;padding-bottom: 83px;}
#comp_organi .comp_organi_content .body {}
#comp_organi .comp_organi_content .organi_chart {display: flex; flex-direction: column;width: 1582px; }
#comp_organi .comp_organi_content .organi_chart .top {display: flex; flex-direction: column; align-items: center; justify-content: center;gap: 50px;position: relative;}
#comp_organi .comp_organi_content .organi_chart .top > img {}
#comp_organi .comp_organi_content .organi_chart .top .txt {font-size: 23px; font-weight: 700; width: 185px; padding: 8px; background: var(--blue); display: block; border-radius: 29px; text-align: center; color:#fff; line-height: 1;  position: relative;}
#comp_organi .comp_organi_content .organi_chart .top:before {content:""; position: absolute; width: 1px; height: 150px; background: #8E8E8E;bottom: -47px;transform: scaleY(0);; opacity: 0;  transition: opacity 1s, transform 1.3s; transform-origin: top; transition-delay: 0.5s;}
#comp_organi .comp_organi_content .organi_chart .top .txt:after {content:""; width: 8px; height: 8px; display: block; border-radius: 50%; background: var(--blue); border:2px solid #fff;position: absolute; bottom:-6px; left:50%; transform: translate(-50%, 0);}
#comp_organi .comp_organi_content .organi_chart .top .txt.ceo {  position: relative;z-index: 1;  background: #fff; width: 215px;}
#comp_organi .comp_organi_content .organi_chart .top .txt.ceo i { background: var(--yellow); position: relative;z-index: 1;border:8px solid #fff; width: 100%; padding: 7px; border-radius: 29px; display: block;}
#comp_organi .comp_organi_content .organi_chart .top .txt.ceo:before { content:""; background: var(--yellow); width: 480px; height: 2px;display: block; position: absolute;top:50%; left:50%;transform: translate(-50%, -50%) scaleX(0);;z-index: -1; opacity: 0;  transition: opacity 1s, transform 1s; transition-delay: 0.5s;}
#comp_organi .comp_organi_content .organi_chart .top .txt.ceo:after {background: var(--yellow); bottom: 8px; z-index: 1;}
#comp_organi .comp_organi_content .organi_chart .part_ls {display: grid; grid-template-columns: repeat(6,1fr);gap:28px;padding-top:64px; margin-top: 46px;position: relative;}
#comp_organi .comp_organi_content .organi_chart .part_ls:after {content:""; position: absolute;  width: calc(100% - 238px); height: 1px; background: #0075C5; top:0px;left:50%; transform: translate(-50%, 0) scaleX(0);opacity: 0;  transition: opacity 1s, transform 1s; transition-delay: 0.5s;}
#comp_organi .comp_organi_content .organi_chart .part_ls .item {display: flex; flex-direction: column;align-items: center; border-bottom: 1px solid #e3e3e3; position: relative;}
#comp_organi .comp_organi_content .organi_chart .part_ls .item:before {content:""; position: absolute; width: 1px; height: 64px; background: #0075C5; bottom:100%;}
#comp_organi .comp_organi_content .organi_chart .part_ls .item .sbj {padding: 20px; background: #F0F5F7; font-size: 20px; font-weight: 700;width: 100%; color:#0075C5; border-top: 3px solid #0075C5; text-align: center; line-height: 1;}
#comp_organi .comp_organi_content .organi_chart .part_ls .item:nth-child(even) .sbj {background: #E1EDF2;}
#comp_organi .comp_organi_content .organi_chart .part_ls .item .desc {padding: 19px 10px; width: 100%; text-align: center; line-height: 1.76;}
#comp_organi .comp_organi_content .organi_chart .part_ls .item:after {content:""; width: 8px; height: 8px; display: block; border-radius: 50%; background: #0075C5; border:2px solid #fff;position: absolute; top:-5px; left:50%; transform: translate(-50%, 0);}

.catalog__page--active #comp_organi.anime--active .comp_organi_content .organi_chart .top:before {opacity: 1; transform:scaleY(1);}
.catalog__page--active #comp_organi.anime--active .comp_organi_content .organi_chart .top .txt.ceo:before {opacity: 1; transform:translate(-50%, -50%)  scaleX(1);}
.catalog__page--active #comp_organi.anime--active .comp_organi_content .organi_chart .part_ls:after {opacity: 1; transform:translate(-50%, 0) scaleX(1);}

@media screen and (max-width:767px){
  #comp_organi .page__contents {gap: 50px;}
  #comp_organi .comp_organi_content .head {flex-direction: column;gap: 20px; padding-bottom: 50px;}
  #comp_organi .comp_organi_content .head .desc {font-size: 15px;}
  #comp_organi .comp_organi_content .organi_chart {width: 100%;}
  #comp_organi .comp_organi_content .organi_chart .top {gap: 20px;}
  #comp_organi .comp_organi_content .organi_chart .top > img {width: 200px;}
  #comp_organi .comp_organi_content .organi_chart .top .txt {font-size: 17px;}
  #comp_organi .comp_organi_content .organi_chart .part_ls {grid-template-columns: repeat(2,1fr);gap:30px 10px;padding-top: 30px; margin-top: 30px;}
  #comp_organi .comp_organi_content .organi_chart .part_ls .item .sbj {font-size: 15px; padding: 15px;}
  #comp_organi .comp_organi_content .organi_chart .part_ls .item .desc {font-size: 14px;}
  #comp_organi .comp_organi_content .organi_chart .part_ls .item:before {height: 30px;}
  #comp_organi .comp_organi_content .organi_chart .part_ls .item .desc {padding: 10px; background: #fff;}
  #comp_organi .comp_organi_content .organi_chart .part_ls:after {width: calc(100% - 49%);}
  #comp_organi .comp_organi_content .organi_chart .top:before {height: 140px; bottom:-30px;}
  #comp_organi .comp_organi_content .organi_chart .top .txt.ceo:after {bottom:6px;}
  #comp_organi .comp_organi_content .organi_chart .top .txt.ceo:before {width:calc(100% + 80px);}
}


/* product : excimer : overview_introduction */
#prod_excimer_overview_introduction {}
#prod_excimer_overview_introduction .prod_overview_content {display: flex; gap: 63px;padding-top: 36px; height: 100%; justify-content: space-between;}
#prod_excimer_overview_introduction .prod_overview_content .head {width: 400px; flex-shrink: 0;}
#prod_excimer_overview_introduction .prod_overview_content .head .sbj {font-size: 37px; line-height: 1.4;}
#prod_excimer_overview_introduction .prod_overview_content .head .sbj .sml {font-size: 21px;font-weight: 700;line-height: 1.66;display: block; font-family: var(--font-sub1);padding-top: 20px;}
#prod_excimer_overview_introduction .prod_overview_content .head .prod_cont {padding: 84px 0 49px; }
#prod_excimer_overview_introduction .prod_overview_content .head .prod_cont > li {padding-bottom: 20px;}
#prod_excimer_overview_introduction .prod_overview_content .body {}
#prod_excimer_overview_introduction .prod_overview_content .body .board_wrapper_black {background: #1D1E23; padding: 40px 0;  width: 1115px;}
#prod_excimer_overview_introduction .prod_overview_content .body .board_wrapper_black > img {margin: 0 auto; display: block;}
.prod_icon_ls {display: flex; gap: 28px;}
.prod_icon_ls .item {display: flex; flex-direction: column; align-items: center; width: 100%;}
.prod_icon_ls .item .icon_box {width: 100px;  height: 100px; background: #F4F3EF; display: flex; align-items: center; justify-content: center;}
.prod_icon_ls .item .txt {padding: 5px 0;font-weight: 700; border-bottom: 1px solid #C1C1C1; width: 100%;text-align: center;}
.catalog__page--active .anime--active .btn_catalog__log.type2::before {opacity: 1; transform: scaleX(1);}
.pg--excimer_overview .prod_icon_ls {padding-left: 1em;}
@media screen and (max-width:767px){
  .prod_icon_ls .item .txt {font-size: 14px;}
  .prod_icon_ls .item .icon_box {width: 100%;}
  .prod_icon_ls .item .icon_box > img {width: 60px;}
  #prod_excimer_overview_introduction .prod_overview_content .body .board_wrapper_black {width: 100%; padding: 20px;}
  #prod_excimer_overview_introduction .prod_overview_content .body .board_wrapper_black > img {min-width: 600px;}
}

/* product : excimer : overview_process */
#prod_excimer_overview_process {}
#prod_excimer_overview_process .body {display: flex;gap: 37px;padding-top: 40px;}
#prod_excimer_overview_process .prod_excimer_process_content {}
#prod_excimer_overview_process .prod_excimer_process_content .thumb_cont {display: flex; gap: 26px;flex-direction: column;}
#prod_excimer_overview_process .prod_excimer_process_content .thumb_cont .item {}
#prod_excimer_overview_process .prod_excimer_process_content .thumb_cont .item img {display: block;width: 100%;}
#prod_excimer_overview_process .prod_excimer_process_content .thumb_cont .item .txt {font-size: 20px; background: #3E3E3E; text-align: center; padding: 6px 0;display: block; color:#fff;}

@media screen and (max-width:767px){
  #prod_excimer_overview_process .body {flex-direction: column;}
  #prod_excimer_overview_process .board_cont_gray > img {min-width: 600px;}
  #prod_excimer_overview_process .prod_excimer_process_content {padding-top: 50px;}
  #prod_excimer_overview_process .prod_excimer_process_content .thumb_cont .item .txt {font-size: 13px;}
}

/* prod_excimer_feature_content */
#prod_excimer_overview_feature {}
.prod_excimer_feature_content {display: flex; gap: 100px; justify-content: space-between;}
.prod_excimer_feature_content .wrapper {display: flex; flex-direction: column;gap: 47px;}
.prod_excimer_feature_content .wrapper.scratch {justify-content: space-between;}
.prod_excimer_feature_content .wrapper.scratch .layout--hori {gap: 10px;}
.prod_excimer_feature_content .wrapper.scratch .thumb_cont {display: flex; flex-direction: column;gap: 22px;}
.prod_excimer_feature_content .wrapper.scratch .thumb_cont .item {display: flex; flex-direction: column; }
.prod_excimer_feature_content .wrapper.scratch .thumb_cont .item .txt {background: #5E5E5E; color:#fff; padding: 10px 0; line-height: 1.8; font-weight: 400;}
.prod_excimer_feature_content .body {display: flex; flex-direction: column; gap:28px;}
.prod_excimer_feature_content .compare_ls {display: flex;gap:16px;}
.prod_excimer_feature_content .compare_ls .item {display: flex; flex-direction: column;border-top: 3px solid #AAAAAA;}
.prod_excimer_feature_content .compare_ls .item > img {}
.prod_excimer_feature_content .txt {padding: 15px 0px;  text-align: center;font-size: 20px; color:#949494; line-height: 1; font-weight: 700;}
.prod_excimer_feature_content .compare_ls .item.point {border:5px solid var(--blue); position: relative;}
.prod_excimer_feature_content .compare_ls .item.point .tip {position: absolute; left:50%; bottom:18px; transform: translate(-50% , 0);white-space:nowrap; color:var(--blue); font-weight: 700;}
.prod_excimer_feature_content .compare_ls .item.point .txt {background: var(--blue); color:#fff; padding: 10px 0px; line-height: 1.3;}
.prod_excimer_feature_content .compare_ls .item:nth-child(2) {border-color:#707070;}
.prod_excimer_feature_content .compare_ls .item:nth-child(2) .txt {color:#707070;}
.prod_excimer_feature_content .page_desc {white-space: nowrap;}


@media screen and (max-width:767px){
  .prod_excimer_feature_content {flex-direction: column;padding-top: 50px;gap: 50px;}
  .prod_excimer_feature_content .wrapper {gap: 30px;}
  .prod_excimer_feature_content .body {gap: 40px;}
  .prod_excimer_feature_content .page_desc {white-space:wrap;}
  .prod_excimer_feature_content .compare_ls {flex-direction: column; gap: 10px;}
  .prod_excimer_feature_content .compare_ls .item {border:1px solid #c1c1c1;}
  .prod_excimer_feature_content .compare_ls .item:nth-child(2) {border-color: #c1c1c1;}
  .prod_excimer_feature_content .txt {font-size: 13px;padding: 10px 0;}
  .prod_excimer_feature_content .wrapper.scratch .thumb_cont {gap: 10px;}
  .prod_excimer_feature_content .compare_ls .item.point .tip {font-size: 14px;}
}


/* prod_lineup */
#prod_lineup {}
#prod_lineup .page__contents {position: relative;z-index: 1;display: flex; flex-direction: column;}
#prod_lineup .text_cont {display: flex; flex-direction: column;  height: 100%; padding-top: 200px;}
#prod_lineup .text_cont .page_title {font-size: 35px;font-weight: 700;}
#prod_lineup .text_cont .title {font-size: 93px; font-weight: 600; color:#fff; line-height: 1.18; font-family: var(--font-sub1);}
#prod_lineup .text_cont .desc {font-size: 20px; color:#fff;padding-top: 29px; display: block;}
#prod_lineup .btn_catalog__log { bottom:81px; right:160px; width: 421px; flex-direction: column;gap: 0;}
#prod_lineup .btn_catalog__log .btn { background: transparent;  padding: 25px 20px; font-size: 23px; font-weight: 700;  color:#fff; display: flex;align-items: center; justify-content: space-between; transition: .2s ease; border-bottom: 1px solid rgb(255, 255, 255, 0.38); width: 100%;}
#prod_lineup .btn_catalog__log .btn:hover {background: #FB2929;}
@media screen and (max-width:767px){
  #prod_lineup .page__contents {gap: 50px;}
  #prod_lineup .text_cont {padding-top: 0; justify-content: center;}
  #prod_lineup .text_cont .page_title {font-size: 24px;}
  #prod_lineup .text_cont .title {font-size: 36px;}
  #prod_lineup .text_cont .desc {font-size: 16px; padding-top: 15px; line-height: 1.5;}
  #prod_lineup .btn_catalog__log {width: 100%; gap: 0;}
  #prod_lineup .btn_catalog__log .btn {padding:15px 10px; font-size: 15px;}
  #prod_lineup .btn_catalog__log .plus_svg > svg {width: 14px; height: 14px;}
  .pg--lineup .page__bg {background: no-repeat 22% / cover;}
  .pg--pmma-lineup .page__bg {background: no-repeat 98% / cover; }
}

/* prod_asa_overview_feat */
#prod_asa_overview_feat {}
.btn_catalog__log.overview.type2 {gap: 8px;justify-content: flex-end; margin-top: -40px;position: relative;}
.btn_catalog__log.overview.type2::before {content:""; position: absolute;width: 100%; height: 2px; background: #adadad; bottom:0;transform: scaleX(0); opacity: 0;  transition: opacity 1s, transform 1.3s; transform-origin: top; transition-delay: 0.7s;transform-origin: right;}
.btn_catalog__log.overview.type2 .btn {font-size: 25px;  background: #E9E9E9; padding: 20px 50px; color:#9E9E9E; text-align: center;margin-bottom: 2px; font-weight: 400; border-radius: 0; min-width: 213px;}
.btn_catalog__log.overview.type2 .btn.active {color:#FB2929;  background: #F4F3EF; position: relative; font-weight: 700;}
.btn_catalog__log.overview.type2 .btn.active:before {content:""; width: 100%; height: 4px; background: #fb2929; position: absolute; bottom:-2px;left:0;}

.asa_overview_feat_content {display: flex; gap: 63px;padding-top: 65px; height: 100%; justify-content: space-between;}
.asa_overview_feat_content .head {width: 420px; flex-shrink: 0;}
.asa_overview_feat_content .head .sbj {font-size: 50px; line-height: 1.4;}
.asa_overview_feat_content .head .sbj > i{}
.asa_overview_feat_content .head .desc {padding-top: 50px;}
.asa_overview_feat_content .head .desc > b {font-size: 20px;}
.asa_overview_feat_content .body {width: 1140px; display: flex;}
.asa_overview_feat_content .body .item { position: relative; width: 100%; padding: 48px 28px;display: flex;}
.asa_overview_feat_content .body .item > img {position: absolute;top:0;left:0; pointer-events: none; display: block; width: 100%;height: 100%;object-fit: cover;}
.asa_overview_feat_content .body .item .txt_cont {color:#fff; display: flex; flex-direction: column ;gap: 20px; position: relative; z-index: 1; min-height: 200px; margin-top: auto; }
.asa_overview_feat_content .body .item .sbj {font-size: 30px; line-height: 1.2;}
.asa_overview_feat_content .body .item .desc {}
@media screen and (max-width:767px){
  .btn_catalog__log.overview.type2 {margin-top: 0;justify-content: flex-start; margin-top: 20px;}
  .btn_catalog__log.overview.type2 .btn {font-size: 14px; padding: 10px 2px; min-width: auto;}
  .btn_catalog__log.overview.type2 .btn.active:before {height: 3px;}
  #prod_excimer_overview_introduction .prod_overview_content {padding-top: 50px; flex-direction: column; gap: 40px;}
  #prod_excimer_overview_introduction .prod_overview_content .head {width: 100%;}
  #prod_excimer_overview_introduction .prod_overview_content .head .sbj {font-size: 25px;}
  #prod_excimer_overview_introduction .prod_overview_content .head .sbj .sml {line-height: 1.3; font-size: 17px;}
  #prod_excimer_overview_introduction .prod_overview_content .head .prod_cont {padding: 30px 0 ;}
  .pg--excimer_overview .prod_icon_ls {gap: 10px; padding-left: 0;}
  .asa_overview_feat_content {flex-direction: column; padding-top: 50px;gap: 30px;}
  .asa_overview_feat_content .head {width: 100%;}
  .asa_overview_feat_content .head .sbj {font-size: 30px;}
  .asa_overview_feat_content .head .desc {padding-top: 30px;font-size: 14px;}
  .asa_overview_feat_content .body {flex-direction: column;  width: 100%;}
  .asa_overview_feat_content .body .item {width: 100%; flex-direction: column; justify-content: center;align-items: center; padding: 20px;}
  .asa_overview_feat_content .body .item .sbj {font-size: 20px;}
  .asa_overview_feat_content .body .item .desc {font-size: 14px;}
  .asa_overview_feat_content .body .item .txt_cont {min-height: 100px; gap: 10px; width: 100%;}
  .asa_overview_feat_content .head .desc > b {font-size: 16px;}
}


/* prod_asa_overview_eco_content */
#prod_asa_overview_eco_content {}
.table_container {}
.table_container table {text-align: center;font-size: 15px;}
.table_container thead {background: #F6F1EB; border-top: 2px solid #FF8000;}
.table_container thead th {font-weight: 700; padding: 5px; border-bottom: 1px solid rgba(112, 112, 112,0.35); line-height: 1.3;}
.table_container tbody {border-bottom: 1px solid #707070;}
.table_container th {background: #F6F1EB;}
.table_container th ,
.table_container td { padding: 6px 20px;border-bottom:1px solid #e3e3e3;vertical-align: middle; position: relative;}
.table_container td:not(:last-child)::before {content:"";position: absolute; width: 5px;height: 100%; background: #fff; right:0; top:-2px;}
.table_container .bg_peach {background: #FAD7B5 !important;}
.table_container .bg_gray_1 {background: #E9E9E9 !important;}
.table_container .border-right {border-right: 5px solid #fff;}
.table_container .bg_gray_2 {background: #C1C1C1 !important;}
.table_container .bg_gray_3 {background: #E0DEDB !important;}
.table_container .bg_green {background: #009771; color:#fff;border:3px solid #fff; border-top: none;}
.table_container .point_green { border:2px solid #009771; border-top: 1px solid #e3e3e3;}
.table_container .point_green.fir { border-bottom: none;}

.prod_asa_eco_content {display: flex; gap: 116px; padding-top: 80px;}
.prod_asa_eco_content .section {width: 647px;}
.prod_asa_eco_content .section .head {display: flex;}
.prod_asa_eco_content .section .sbj {font-size: 28px;color:#FF8000; line-height: 1.5;}
.prod_asa_eco_content .section .desc  {font-size: 16px;}
.prod_asa_eco_content .section .thumb {margin-left: -300px;}
.prod_asa_eco_content .section .table_container table {width: 314px; margin-left: auto;}
.prod_asa_eco_content .section:nth-child(2) {width: 875px;}
.prod_asa_eco_content .section .cont {display: flex;gap: 40px;}
.prod_asa_eco_content .section .cont .head {display: flex; width: 156px; flex-shrink: 0; flex-direction: column;}
.prod_asa_eco_content .section .cont .content {display: flex; gap: 23px;}
.prod_asa_eco_content .section .cont.top .content > img {align-self: flex-start;}
.prod_asa_eco_content .section .cont .content img {display: block;}
.prod_asa_eco_content .section .cont .content .txt_cont {display: flex; flex-direction: column; gap: 30px;}
.prod_asa_eco_content .section .cont .content .txt_cont .bullet {display: flex;flex-direction: column; gap: 10px;}
.prod_asa_eco_content .section .cont .content .txt_cont .bullet > li { font-size: 16px;}
.prod_asa_eco_content .section .cont .sml_txt {font-size: 13px; color:#8E8E8E;}
.prod_asa_eco_content .section .cont .content .txt_cont .result .sml_txt {padding-bottom: 5px; }
.prod_asa_eco_content .section .cont .content .certi_ls {display: flex; gap: 34px;}
.prod_asa_eco_content .section .cont .content .certi_ls > li {display: flex; flex-direction: column; gap: 4px; width: 100%;}
.prod_asa_eco_content .section .cont .content .certi_ls > li .num {font-size: 12px; line-height: 1.2;}
.prod_asa_eco_content .section .cont .content .certi_ls > li .sml_txt {text-align: right; line-height: 1.3;}
.prod_asa_eco_content .section .cont .content .certi {border:1px solid #AEAEAE; }
.prod_asa_eco_content .section .cont.bot {background: #F9F9F9; padding: 19px 20px 13px 0 ; margin-top: 27px;}
.prod_asa_eco_content .section .cont.bot .head {font-size: 20px; gap: 18px; padding-left: 20px;}
.prod_asa_eco_content .section .cont.bot .head .partner_logo {width: 119px; background: #f9f9f9;}
.prod_asa_eco_content .section .cont.bot .head .partner_logo > img {mix-blend-mode: multiply;}
.prod_asa_eco_content .section .cont.bot .sml_txt {font-size: 13px; display: block;}
.prod_asa_eco_content .table_container {position: relative;}
.prod_asa_eco_content .table_container .tip {position: absolute; right:0; bottom:102%;}
.prod_asa_eco_content .table_container tbody {border-bottom: 1px solid #707070;}

@media screen and (max-width:767px){
  .prod_asa_eco_content {padding-top: 50px;flex-direction: column; gap: 50px;}
  .prod_asa_eco_content .section {width: 100%;}
  .prod_asa_eco_content .section:nth-child(2) {width: 100%;}
  .prod_asa_eco_content .section .head {flex-direction: column;gap: 10px;}
  .prod_asa_eco_content .section .sbj {font-size: 19px;}
  .prod_asa_eco_content .section .desc {font-size: 14px; text-align: left !important;}
  .prod_asa_eco_content .section .thumb {margin: 20px 0;}
  .prod_asa_eco_content .table_container .tip {font-size: 13px;}
  .prod_asa_eco_content .section .table_container table {width: 100%;}
  .prod_asa_eco_content .section .cont {flex-direction: column; gap: 20px;}
  .prod_asa_eco_content .section .cont .content {flex-direction: column;}
  .prod_asa_eco_content .section .cont .content .txt_cont .bullet > li {font-size: 14px;}
  .prod_asa_eco_content .section .cont .sml_txt {display: block;line-height: 1.2; }
  .prod_asa_eco_content .section .cont .content .certi_ls {display: grid;grid-template-columns: repeat(2,1fr); gap: 10px;}
  .prod_asa_eco_content .section .cont.bot {padding: 10px;}
  .prod_asa_eco_content .section .cont.bot .sml_txt {font-size: 12px;}
  .prod_asa_eco_content .section .cont.bot .head {font-size: 16px; padding-left: 0;}

  .table_container table {font-size: 13px;}
  .table_container th , 
  .table_container td {padding: 5px;}

}

/* prod_asa_overview_quality */
#prod_asa_overview_quality {}
.prod_asa_quality_content {display: flex; gap: 90px; padding-top: 90px;}
.prod_asa_quality_content img {display: block;}
.prod_asa_quality_content .section {width: 1023px;}
.prod_asa_quality_content .section .cont {}
.prod_asa_quality_content .section .cont.bot {padding-top: 40px; display: flex; flex-direction: column; }
.prod_asa_quality_content .section .cont.bot .body {display: flex;flex-direction: column; gap: 5px;}
.prod_asa_quality_content .section .cont.bot .body .board_bg {background: #F9F9F9; padding: 13px 25px;}
.prod_asa_quality_content .section .head {display: flex; gap: 10px; width: 100%;align-items: center; padding-bottom: 18px;}
.prod_asa_quality_content .section .sbj {font-size: 28px; color:#FF8000; width: 120px; flex-shrink: 0;}
.prod_asa_quality_content .section .sml {font-weight: 400;font-size: 17px;color:#3E3E3E;}
.prod_asa_quality_content .section .body {display: flex; gap:13px;}
.prod_asa_quality_content .section .body .table_container {display: flex;}
.prod_asa_quality_content .section .body .table_container.type2 td {padding:5px;}
.prod_asa_quality_content .section .body .table_container.type2 tr:nth-child(1) td {padding:18px;}
.prod_asa_quality_content .section .body .table_container.type3 td {padding: 2px 4px;}
.prod_asa_quality_content .section .body .table_container.type4 table{width: 100%;}
.prod_asa_quality_content .section .body .table_container.type4 thead {border-color: #ADAAA8;}
.prod_asa_quality_content .section .body .table_container.type4 thead th { text-align: center; border-bottom: 0;}
.prod_asa_quality_content .section .body .table_container.type4 th {background: #fff; text-align: left; }
.prod_asa_quality_content .section .body .table_container.type4 th.empty {border-bottom: none;}
.prod_asa_quality_content .section .body .table_container.type4 th:not(:last-child)::before {    content: "";position: absolute; width: 4px; height: 100%; background: #fff; right: 0; top: 0px;}
.prod_asa_quality_content .section:last-child {width: 513px; display: flex; flex-direction: column; gap: 17px; }
.prod_asa_quality_content .section:last-child .body {display: flex;flex-direction: column; gap: 35px;}
.prod_asa_quality_content .section:last-child .head {align-items: flex-start;}
.prod_asa_quality_content .section:last-child .head .sbj {}
.prod_asa_quality_content .section:last-child .head .desc {line-height: 1.4;}
.prod_asa_quality_content .section:last-child .head .desc .sml_txt {font-size: 13px; color:#8E8E8E; display: block; padding-top: 10px;}
.prod_asa_quality_content .section:last-child .body {margin-left: 130px;}
.prod_asa_quality_content .section:last-child .body .thumb_cont {display: flex; flex-direction: column;}
.prod_asa_quality_content .section:last-child .body .thumb_cont:last-child .txt {background: #5F5F5F;}
.prod_asa_quality_content .section:last-child .body .thumb_cont > img {}
.prod_asa_quality_content .section:last-child .body .thumb_cont .txt {font-size: 23px; background: #009771; width: 100%; padding: 10px; text-align: center; color:#fff; line-height: 1;}
.prod_asa_quality_content .table_container.type4 tbody {border-bottom: 1px solid #707070;}
@media screen and (max-width:767px){
  .prod_asa_quality_content {padding-top: 50px;flex-direction: column;gap: 50px;}
  .prod_asa_quality_content .section {width: 100%;}
  .prod_asa_quality_content .section .sbj {font-size: 20px; width: 80px;}
  .prod_asa_quality_content .section .sml {font-size: 15px;}
  .prod_asa_quality_content .section .head {padding-bottom: 10px; flex-direction: column; align-items: flex-start;  }
  .prod_asa_quality_content .section .body {flex-direction: column;}
  .prod_asa_quality_content .section .body .table_container {overflow: auto hidden;}
  .prod_asa_quality_content .section .body .table_container.type3 table {min-width: 500px;}
  .prod_asa_quality_content .section .body .table_container.type4 {overflow: initial;}
  .prod_asa_quality_content .section .body .table_container.type4 table {min-width: auto;}
  .prod_asa_quality_content .section .body .table_container.type4 table col {width:100px}
  .prod_asa_quality_content .section .body .table_container table {min-width: 600px;}
  .prod_asa_quality_content .section .body .table_container.type2 tr:nth-child(1) td {padding: 10px;}
  .prod_asa_quality_content .section .cont.bot .body .board_bg {padding: 10px; overflow: auto hidden;}
  .prod_asa_quality_content .section .cont.bot .body .board_bg > img {min-width: 500px;}
  .prod_asa_quality_content .section:last-child .body {margin-left: 0;gap: 20px;}
  .prod_asa_quality_content .section:last-child {width: 100%;}
  .prod_asa_quality_content .section:last-child .head .desc {font-size: 15px;}
  .prod_asa_quality_content .section:last-child .body .thumb_cont .txt {font-size: 14px;}
  .prod_asa_quality_content .section:last-child .head .desc .sml_txt {padding-top: 5px;}
  
}


/* pmma_high_grossy_feat */
.btn_catalog__log { justify-content: flex-end; margin-top: -5px; transform-origin: bottom; gap: 15px;}
.btn_catalog__log .btn {font-size: 20px;  background: #C9C9C9; padding: 11px 48px 10px;color:#fff; text-align: center;    border-radius: 5px 5px 0 0;  font-weight: 700;}
.btn_catalog__log .btn.active {background:#FB2929; position: relative; }
.depth1--technology .btn_catalog__log .btn.active {background:var(--blue); position: relative; }

@media screen and (max-width:767px){
  .btn_catalog__log {margin-top: 20px; justify-content: flex-start;}
  .btn_catalog__log .btn {font-size: 14px; width: 50%; padding: 10px;}
  .depth2--pmma .btn_catalog__log.overview.type2 {flex-wrap: wrap; }
  .depth2--pmma .btn_catalog__log.overview.type2 .btn {width: calc(50% - 4px);}
}

.prod_feat_container {display: flex; gap:80px;}
.prod_feat_container .prod_thumb {width: 384px; position: relative; flex-shrink: 0;}
.prod_feat_container .prod_thumb .thumb {position: absolute;bottom:-110px; width: 423px;height: 775px; left:-40px;}
.prod_feat_container .prod_contents {display: flex; flex-direction: column; gap: 68px;}
.prod_feat_container .prod_contents .content {display: flex; gap: 50px;}
.prod_feat_container .prod_contents .content .sbj {width: 120px; flex-shrink: 0; font-size: 28px; color:#FF8000;}
.prod_feat_container .prod_contents .content .feat_cont {display: flex; gap: 40px; width: 100%; justify-content: space-between;}
.prod_feat_container .prod_contents .content .feat_cont .bullet {}
.prod_feat_container .prod_contents .content .feat_cont .bullet > li:not(last-child) {padding-bottom: 20px ;}
.prod_feat_container .prod_contents .content .feat_cont .bullet > li:before {background-color: var(--yellow);}
.prod_feat_container .prod_contents .content .icon_cont {display: flex; gap: 36px; }
.prod_feat_container .prod_contents .content .icon_cont > li {display: flex; flex-direction: column; align-items: center;}
.prod_feat_container .prod_contents .content .icon_cont > li .icon {width: 103px;height: 103px; background: #F4F3EF; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.prod_feat_container .prod_contents .content .icon_cont > li .icon > img {display: block;}
.prod_feat_container .prod_contents .content .icon_cont > li .txt {font-size: 18px; display: block; text-align: center; padding-top: 5px;white-space: nowrap;}
.prod_feat_container .prod_contents .content .apply_cont {}
.prod_feat_container .prod_contents .content .apply_cont .desc { font-weight: 700; padding-bottom: 30px; padding-top: 5px;}
.prod_feat_container .prod_contents .content .apply_cont .apply_thumb { display: flex; gap: 14px;}
.prod_feat_container .prod_contents .content .apply_cont .apply_thumb > img {display: block; width: 100%;}

@media screen and (max-width:767px){
  .prod_feat_container {flex-direction: column; gap: 30px;}
  .prod_feat_container .prod_thumb {width: 100%; border-bottom: 1px solid #c1c1c1; height: 250px; overflow: hidden;}
  .prod_feat_container .prod_thumb .thumb {width: 200px; height: auto; position: static;}
  .prod_feat_container .prod_thumb .thumb > img {display: block;}
  .prod_feat_container .prod_contents {gap:50px;}
  .prod_feat_container .prod_contents .content {flex-direction: column; gap: 10px;}
  .prod_feat_container .prod_contents .content .sbj {font-size: 20px;}
  .prod_feat_container .prod_contents .content .feat_cont  {flex-direction: column; gap: 30px;}
  .prod_feat_container .prod_contents .content .apply_cont .desc {line-height: 1.5;}
  .prod_feat_container .prod_contents .content .apply_cont .apply_thumb {flex-wrap: wrap;}
  .prod_feat_container .prod_contents .content .icon_cont {width: 100%; gap: 10px;}
  .prod_feat_container .prod_contents .content .icon_cont > li {width: auto;}
  .prod_feat_container .prod_contents .content .icon_cont > li .txt {font-size: 13px;}
  .prod_feat_container .prod_contents .content .icon_cont > li .icon {width: 80px; height: 80px;}
  .prod_feat_container .prod_contents .content .icon_cont > li .icon > img {width: 60px;}
  .prod_feat_container .prod_contents .content .apply_cont .desc {font-size: 15px;padding-bottom: 20px;}
  
}

.prod_lineup_container {}
.prod_lineup_container .prod_lineup_contents {}
.prod_lineup_container .prod_lineup_contents .desc {padding-bottom: 20px;}
.prod_lineup_container .prod_lineup_contents .lineup_ls {position: relative; display: grid; grid-template-columns: repeat(6,1fr); gap:17px;}
.prod_lineup_container .prod_lineup_contents .lineup_ls .item {width: 100%; height: 100%;  display: flex; flex-direction: column; position: relative; justify-content: flex-end;}
.prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(n+10) .txt {color:#fff;}
.prod_lineup_container .prod_lineup_contents .lineup_ls .item .thumb {box-shadow: 3px 3px 5px rgb(0,0,0,0.12); object-fit: cover; width: 100%; height: 100%;}
.prod_lineup_container .prod_lineup_contents .lineup_ls .item .txt {font-size: 16px; font-weight: 700; color:#707070; position: absolute;bottom:15px; left:15px;}
.prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper {display: flex; flex-direction: column; gap:67px;}
.prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper .lineup_ls {grid-template-columns: 187px repeat(4 ,1fr );}

@media screen and (max-width:767px){
  .prod_lineup_container .prod_lineup_contents .desc {font-size: 14px; padding: 20px 0; line-height: 1.5;}
  .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(2,1fr); gap: 10px;}
  .prod_lineup_container .prod_lineup_contents .lineup_ls .item .txt {font-size: 13px; left: 10px; bottom: 4px;}
  .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper .lineup_ls {grid-template-columns: repeat(2,1fr);}
  .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper .lineup_ls .page_title_sml_2 {grid-column: span 2;}

  #asa_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper {}
  #asa_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper .lineup_ls {display: flex; flex-wrap: wrap;}
  #asa_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper .lineup_ls .page_title_sml_2 {width: 100%;}
  #asa_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper .lineup_ls .item {width: calc(50% - 10px);}
}


#asa_anti_finger_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(5,1fr);gap: 24px 20px;}
#asa_anti_finger_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(3) .txt {color:#fff;}
#asa_anti_finger_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(6) .txt {color:#fff;}
#asa_anti_finger_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(7) .txt {color:#fff;}
#asa_anti_finger_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(8) .txt {color:#fff;}

#asa_real_hairline_lineup {}
#asa_real_hairline_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(3,1fr);gap: 22px; color:#fff; padding-top: 60px;}
#asa_real_hairline_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item .txt { color:#fff;}

#asa_pearl_metallic_lineup {}
#asa_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper {padding-top: 40px;}
#asa_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:not(:nth-of-type(1)) .txt {color:#fff;}

#asa_emboss_lineup {}
#asa_emboss_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item .txt {color:#fff;}
#asa_emboss_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(5) .txt {color:#707070;}
#asa_emboss_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(7) .txt {color:#707070;}
#asa_emboss_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(10) .txt {color:#707070;}
#asa_emboss_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(11) .txt {color:#707070;}

@media screen and (max-width:767px){
  #asa_anti_finger_feat .page_prod_title {font-size: 29px;}
  #asa_anti_finger_lineup .page_prod_title {font-size: 29px;}
  #asa_anti_finger_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(2,1fr); gap: 10px;}
  #asa_real_hairline_feat .page_title {font-size: 22px;}
  #asa_real_hairline_feat .page_prod_title {font-size: 31px;}
  #asa_real_hairline_lineup .page_prod_title {font-size: 31px;}
  #asa_real_hairline_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {padding-top: 0; grid-template-columns: repeat(2 ,1fr); gap: 10px;}
  #asa_pearl_metallic_feat .page_prod_title {font-size: 28px;}
  #asa_pearl_metallic_lineup .page_prod_title {font-size: 28px;}
  #asa_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls_wrapper {padding-top: 0;gap: 40px;}
}

/* pmma */


#prod_pmma_overview_feat {}
#prod_pmma_overview_feat .page__bg {width: 100%; height: 800px; bottom:0; background: #F2F2F2; top:auto;}
#prod_pmma_overview_feat .pmma_overview_feat_content {display: flex; gap: 200px; justify-content: space-between; margin-top: 80px;position: relative;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls {display: flex; flex-direction: column; gap:42px; position: relative;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item {display: flex; gap: 66px;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .thumb_cont {width: 500px; height: 220px ; display: flex;  padding: 32px 35px; position: relative;z-index: 1;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .thumb_cont .page_desc {color:#fff; line-height: 1.64;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .icon_cont {width: 140px;height: 140px; display: flex; align-items: center; justify-content: center; background: #A6A6A6; flex-direction: column; gap: 5px;position: relative;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .icon_cont .txt {font-size: 20px; color:var(--red);}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .icon_cont > img{}
#prod_pmma_overview_feat .center_box {width: 346px; height: 346px; display: flex; align-items: center; justify-content: center; position: absolute; left:50%; top:50%; transform: translate(-50% , -50%);}
#prod_pmma_overview_feat .center_box .center_line_svg {position: absolute;z-index: 0;}
#prod_pmma_overview_feat .center_box .text_cont {font-size: 16px;width: 170px ; height: 170px;border:1px solid var(--red);display: flex; flex-direction: column; align-items: center; justify-content: center;  background: #fff; color:var(--red); font-weight: 700; line-height: 1.4;position: relative;z-index: 1;}
#prod_pmma_overview_feat .center_box .text_cont > span {font-size: 37px;display: block;}

#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .icon_cont::before {content:"";width: 200px; height: 1px ;  background: #c1c1c1; position: absolute; top:50%; transform: translate(0 ,-50%); right:100%;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls:last-child .item .icon_cont::before {right:auto; left:100%;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls:last-child .item {flex-direction: row-reverse;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls:last-child .thumb_cont {text-align: right; justify-content: flex-end;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item:last-child {align-items: flex-end;}
#prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item:last-child .thumb_cont {align-items: flex-end;}
#prod_pmma_overview_feat .center_box:before {content:"";width: 500px; height: 1px ; transform: rotate(44deg); background: #c1c1c1; position: absolute;z-index: 0;}
#prod_pmma_overview_feat .center_box:after {content:"";width: 500px; height: 1px ; transform: rotate(-44deg); background: #c1c1c1; position: absolute;z-index: 0;}

@media screen and (max-width:767px){
  #prod_pmma_overview_feat .page__bg {display: none;}
  #prod_pmma_overview_feat .pmma_overview_feat_content {flex-direction: column;margin-top: 50px;gap: 20px;}
  #prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls {gap: 20px;}
  #prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item {gap: 10px; width: 100%;}
  #prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .thumb_cont {padding: 20px; width: 100%;}
  #prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .icon_cont {height: auto; background: #c1c1c1; border:1px solid #c1c1c1;}
  #prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .icon_cont .txt {font-size: 13px;}
  #prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item .icon_cont > img {width: 50px;}
  #prod_pmma_overview_feat .pmma_overview_feat_content .feat_ls .item:last-child {align-items: initial;}
  #prod_pmma_overview_feat .center_box {position: static;transform: translate(0); width: 100%; height: 100%;}
  #prod_pmma_overview_feat .center_box .center_line_svg {display: none;}
  #prod_pmma_overview_feat .center_box:before {display: none;}
  #prod_pmma_overview_feat .center_box:after {display: none;}
  #prod_pmma_overview_feat .center_box .text_cont {width: 100%;margin-bottom: 30px;}
}

/* prod_pmma_overview_power */
#prod_pmma_overview_power {}
#prod_pmma_overview_power .pmma_overview_power_content {display: flex; gap: 35px; flex-direction: column;}
#prod_pmma_overview_power .pmma_overview_power_content .page_title_sml_2 {display: block; padding-bottom: 0.7em;}
#prod_pmma_overview_power .pmma_overview_power_content .wrapper {display: flex;  justify-content: space-between; }
#prod_pmma_overview_power .pmma_overview_power_content .chart_content {display: flex; flex-direction: column;}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content {border-top:3px solid rgba(62, 62, 62, 0.5); border-left:none; border-right: none; border-bottom: 2px solid rgba(62, 62, 62, 0.29);}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .tit_border {font-size: 20px; padding: 5px 0 ;display: block; font-weight: 600;}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .board_cont_gray {border-top: 2px solid rgba(62, 62, 62, 0.29)}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .board_cont_gray > img {}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container {}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container thead { border-color:#c1c1c1;}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container th {background: #EFEFEF; border-color:#c1c1c1; padding: 14px;position: relative; font-weight: 400;}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container th:not(:first-child)::before {content:"";position: absolute; width: 1px; height: 60%; background: #c1c1c1; display: block; left:0; top:50%; transform: translate(0,-50%);}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container .point {color:var(--blue);}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container tbody tr:nth-child(1) {border:4px solid var(--blue);}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container tbody th {background: #fff;text-align: left; font-weight: 700;}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container td {padding: 0; }
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container td img {vertical-align: middle; width: 100%;}
#prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container .tag1 {padding: 17px 20px; font-weight: 700;}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content {}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content .content {border-right:1px solid #c1c1c1; width: 100%;}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content .content:last-child {border-right: none;padding-left: 100px;}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content .content .tit {font-size: 20px; color:var(--blue);font-weight: 700; padding-bottom: 0.8em;display: block;}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content .content .bullet {}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content .content .bullet > li {padding-bottom: 0.5em;}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content .content .bullet > li:before {background: #707070;}
#prod_pmma_overview_power .pmma_overview_power_content .desc_content .content .tip {padding-top: 1em;display: block; color:#707070;}
@media screen and (max-width:767px){
  #prod_pmma_overview_power .pmma_overview_power_content {padding-top: 50px;}
  #prod_pmma_overview_power .pmma_overview_power_content .wrapper {flex-direction: column; gap: 30px;}
  #prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .tit_border {font-size: 15px;}
  #prod_pmma_overview_power .pmma_overview_power_content .desc_content .content {border-right: none;}
  #prod_pmma_overview_power .pmma_overview_power_content .desc_content .content .tit {font-size: 16px;}
  #prod_pmma_overview_power .pmma_overview_power_content .desc_content .content .tip {font-size: 13px;}
  #prod_pmma_overview_power .pmma_overview_power_content .desc_content .content:last-child {padding-left: 0;}
  #prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container .tag1 {padding: 10px;}
  #prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container th {padding: 7px;}
  #prod_pmma_overview_power .pmma_overview_power_content .chart_content .content .table_container .width--1 {width: 15%;}
}



/* pmma : non_toxic */
#prod_pmma_overview_safe .non_toxic_result_content {}
#prod_pmma_overview_safe .non_toxic_result_content .body {display: flex; gap: 80px; justify-content: space-between; padding-top: 40px;}
#prod_pmma_overview_safe .non_toxic_result_diagram {display: flex; flex-direction: column; width: 790px; flex-shrink: 0;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_img { margin: 0 auto;margin-bottom: 33px;position: relative;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_img:before {content:"";position: absolute;bottom:-2px; left:50%;transform: translate(-50%); width: 8px;height: 8px; background: #fff; border:4px solid #005baa; border-radius: 50%;}

#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_img:after {content:"";position: absolute;top:100%; left:50%; transform: translate(-50%); width: 1px; height: 33px; background: #c1c1c1;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_img > img{display: block; margin: 0 auto;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls {display: flex; gap:20px;padding-top: 35px;position: relative;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls::before {content:""; position: absolute;top:0; width: calc(100% - 250px); background: #c1c1c1; height: 1px; left:50%; transform: translate(-50%);}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item {width: 100%; display: flex; flex-direction: column; border-top: 1px solid #005BAA; border-bottom: 1px solid #c1c1c1;position: relative;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item::before {content:""; position: absolute;top:-35px; left:50%; transform: translate(-50%); width: 1px; height: 35px; background: #c1c1c1;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .tit {width: 100%; font-size: 16px; color:#005BAA;  background: #EEF1F5; padding: 15px; font-weight: 700; text-align: center; min-height: 77px; line-height: 1.62;display: flex;align-items: center;justify-content: center;}

#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .bullet {}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .bullet > li {padding-bottom: 0.5em;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .bullet > li > span {font-size: 12px;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .bullet > li {font-size: 14px;}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .bullet > li:before {}
#prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .desc_cont {padding: 10px;}

#prod_pmma_overview_safe .non_toxic_result_table { width: 755px;}
#prod_pmma_overview_safe .non_toxic_result_table .tit_sml {font-size: 20px; font-weight: 700;padding-bottom: 1em;}
#prod_pmma_overview_safe .table_container table {table-layout: fixed; border-top: 2px solid #005BAA;}
#prod_pmma_overview_safe .table_container table thead {}
#prod_pmma_overview_safe .table_container table thead tr {}
#prod_pmma_overview_safe .table_container table thead th {text-align: center; background: #EBEDF3;font-size: 15px; font-weight: 700; border-bottom: 1px solid #c1c1c1;}
#prod_pmma_overview_safe .table_container table tbody {border-bottom: 1px solid #c1c1c1;}
#prod_pmma_overview_safe .table_container table tbody tr {}
#prod_pmma_overview_safe .table_container table tbody tr th {background: #EBEDF3;  font-size: 17px;padding:5px 10px; border-bottom: 1px solid #e7e7e7; text-align: left; font-weight: 600;}
#prod_pmma_overview_safe .table_container table tbody tr td {padding:5px 10px; border-bottom: 1px solid #e7e7e7; text-align: left;font-size: 15px;}
#prod_pmma_overview_safe .table_container table tbody tr td:not(:last-child) {border-right: 3px solid #fff;}

#prod_pmma_overview_safe .table_container table tbody tr td:last-child {text-align: center;font-weight: 700;  font-size: 16px;}
#prod_pmma_overview_safe .table_container .bg--gray {background: #F8F8F8; }
#prod_pmma_overview_safe .tip {font-size: 13px; padding-top: 1em;display: block;}
@media screen and (max-width:767px){
  #prod_pmma_overview_safe .non_toxic_result_content {padding-top: 50px;}
  #prod_pmma_overview_safe .non_toxic_result_content .body {flex-direction: column;gap: 50px;}
  #prod_pmma_overview_safe .non_toxic_result_diagram {width: 100%;}
  #prod_pmma_overview_safe .non_toxic_result_diagram .diagram_img {margin-bottom: 0;}
  #prod_pmma_overview_safe .non_toxic_result_diagram .diagram_img:before {bottom: -5px; width: 5px;height: 5px; border-width: 2px;}
  #prod_pmma_overview_safe .non_toxic_result_diagram .diagram_img:after {display: none;}
  #prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls {flex-direction: column;}
  #prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls::before {display: none;}
  #prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .desc_cont {position: relative;z-index: 1; background: #fff;font-size: 14px; min-height: 1.5;}
  #prod_pmma_overview_safe .non_toxic_result_table {width: 100%;}
  #prod_pmma_overview_safe .non_toxic_result_diagram .diagram_ls .item .tit {min-height: auto;}
  #prod_pmma_overview_safe .non_toxic_result_table .tit_sml {font-size: 18px;}
  #prod_pmma_overview_safe .non_toxic_result_table .table_container table {min-width: 400px;}
  #prod_pmma_overview_safe .table_container table tbody tr th {font-size: 14px;}
  #prod_pmma_overview_safe .table_container table tbody tr td {font-size: 13px;}
  #prod_pmma_overview_safe .table_container table tbody tr td:last-child {font-size: 12px;}
  #prod_pmma_overview_safe .tip {font-size: 12px; line-height: 1.5;}
}





#prod_pmma_overview_high_strength {}
#prod_pmma_overview_high_strength .high_strength_content {display: flex; flex-direction: column; gap:42px; }
#prod_pmma_overview_high_strength .high_strength_content .body {display: flex; gap:100px; }
#prod_pmma_overview_high_strength .high_strength_content .thumb_cont {display: flex; flex-direction: column; gap: 22px;}
#prod_pmma_overview_high_strength .high_strength_content .thumb_cont .item {display: flex; flex-direction: column;}
#prod_pmma_overview_high_strength .high_strength_content .thumb_cont .item .txt {font-size: 20px; background: var(--blue); color:#fff; padding: 10px; text-align: center;}
#prod_pmma_overview_high_strength .high_strength_content .thumb_cont .item > img {}
#prod_pmma_overview_high_strength .high_strength_content .graph_cont {width: 955px;border-top: 3px solid rgba(62, 62, 62, 0.5);}
#prod_pmma_overview_high_strength .high_strength_content .graph_cont .tit {font-size: 20px; padding: 8px 0; display: block; font-weight: 600;}
#prod_pmma_overview_high_strength .high_strength_content .graph_cont .board_cont_gray {padding: 30px 20px; border:2px solid rgba(112, 112, 112,0.39); border-left: none; border-right: none; text-align: center;}
#pmma_high_grossy_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(5,1fr);}
#pmma_high_grossy_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item:nth-child(4) .txt {color:#fff;}
#pmma_super_matt_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(5,1fr);}
#pmma_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns:90px repeat(8,1fr); gap: 12px;}
#pmma_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item .txt.fc--gray {color:#707070;}
#pmma_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls .item .txt {color:#fff;}

@media screen and (max-width:767px){
  #prod_pmma_overview_high_strength .high_strength_content {padding-top: 50px;}
  #prod_pmma_overview_high_strength .high_strength_content .body {flex-direction: column; gap: 50px;}
  #prod_pmma_overview_high_strength .high_strength_content .thumb_cont .item .txt {padding: 5px; font-size: 15px;}
  #prod_pmma_overview_high_strength .high_strength_content .thumb_cont {gap: 15px;}
  #prod_pmma_overview_high_strength .high_strength_content .graph_cont {width: 100%;}
  #prod_pmma_overview_high_strength .high_strength_content .graph_cont .tit {font-size: 16px; padding: 5px 0;}
  #prod_pmma_overview_high_strength .high_strength_content .graph_cont .board_cont_gray {padding: 20px;}
  #prod_pmma_overview_high_strength .high_strength_content .graph_cont .board_cont_gray > img {min-width: 500px;}
  #pmma_high_grossy_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(2,1fr); gap: 10px;}
  #pmma_super_matt_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(2,1fr); gap: 10px;}
  #pmma_pearl_metallic_feat .page_prod_title {font-size: 28px;}
  #pmma_pearl_metallic_lineup .page_prod_title {font-size: 28px;}
  #pmma_pearl_metallic_lineup .prod_lineup_container .prod_lineup_contents .lineup_ls {grid-template-columns: repeat(2,1fr); gap: 10px;}
}




/* technology : rnd */
#tech_rnd {}
#tech_rnd .bg_svg {position: absolute;left:-70px;bottom:-220px;}
#tech_rnd .page_head.tech {}
.page_head.tech .divide {width: 100%; background: #E8E8E8; height: 3px;margin-bottom: 30px;}
#tech_rnd .rnd_content {display: flex; gap:40px;padding-top: 60px;}
#tech_rnd .rnd_content .rnd_logo {display: flex; align-items: center;position: relative;}
#tech_rnd .rnd_content .rnd_logo > img {width: 309px; transform: translate(0, -12px);}
#tech_rnd .rnd_content .rnd_logo .divide { display: block; width: 35px; height: 1px ; background: #c1c1c1; }
#tech_rnd .rnd_content .body {display: flex; flex-direction: column; gap: 36px; position: relative;}
#tech_rnd .rnd_content .body:before {content:"";position: absolute;width: 1135px; height: 264px; border:1px solid #c1c1c1;display: block;top:50%; left:-40px; transform: translate(0,-50%);z-index: 0; border-right: none;}
#tech_rnd .rnd_content .cont {display: flex; gap: 32px;align-items: center;position: relative;}
#tech_rnd .rnd_content .cont .title_diagram {width: 227px; height: 227px;border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
#tech_rnd .rnd_content .cont .bg--gradient {position: absolute; width: 100%; height: 100%;display: flex;align-items: center; justify-content: center; background: linear-gradient(to bottom , rgba(0, 125, 233, 0.7) 0% , rgba(0, 55, 103, 0.7) 100%); border-radius: 50%;}
#tech_rnd .rnd_content .cont .bg--gradient .border_line_svg {}
#tech_rnd .rnd_content .cont .tit {font-size: 32px;font-weight: 700; color:#fff; position: relative; text-align: center;}
#tech_rnd .rnd_content .cont .content {display: flex; gap: 35px; align-items: center; background: #F9F9F9;border-radius: 67px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); width: 412px; padding: 25px 30px;}
#tech_rnd .rnd_content .cont .content .txt { font-size: 27px; font-weight: 700;}
#tech_rnd .rnd_content .cont .content > img {}
#tech_rnd .rnd_content .cont.value { gap: 50px;}
#tech_rnd .rnd_content .cont.value .title_diagram {margin-right: 10px;}
#tech_rnd .rnd_content .cont.value .circle_diagram {width: 227px; height: 227px; border-radius: 50%; background: #fff; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
#tech_rnd .rnd_content .cont.value .circle_diagram .inner {width:100%; height: 100%; border-radius: 50%; background: #fff; ; display: flex; flex-direction: column; align-items: center; padding-top: 20px; position: relative;}
#tech_rnd .rnd_content .cont.value .circle_diagram::before { content: "";  position: absolute;  width: 110%;  height:55%;  border-radius: 173px 173px 0 0;  top: -11px;  background: var(--yellow);  opacity: 0;  transform: scaleX(0) scaleY(0);  transition: opacity 0.8s, transform 0.8s;  transform-origin: 50% 50%;  }
#tech_rnd .rnd_content .cont.value .circle_diagram:nth-child(3)::before {background: var(--sky); }
#tech_rnd .rnd_content .cont.value .circle_diagram:nth-child(4)::before {background: var(--red); }
#tech_rnd .rnd_content .cont.value .circle_diagram > img  {}
#tech_rnd .rnd_content .cont.value .circle_diagram .txt {font-size: 22px; font-weight: 700;}
#tech_rnd .rnd_content .cont.value .circle_diagram .desc {font-size: 17px; line-height: 1.52; text-align: center;}

.catalog__page--active #tech_rnd.anime--active .rnd_content .cont.value .circle_diagram::before {  opacity: 1;  transform: scaleX(1) scaleY(1);}
@media screen and (max-width:767px){
  #tech_rnd .rnd_content {flex-direction: column;}
  #tech_rnd .rnd_content .body:before {display: none;}
  #tech_rnd .rnd_content .rnd_logo {justify-content: center;}
  #tech_rnd .rnd_content .rnd_logo > img {width: 200px;}
  #tech_rnd .rnd_content .rnd_logo .divide {display: none;}
  #tech_rnd .rnd_content .wrapper {display: flex; align-items: center; justify-content: center; width: 100%;}
  #tech_rnd .rnd_content .cont {gap: 10px;}
  #tech_rnd .rnd_content .cont.vision {flex-wrap: wrap; justify-content: center;}
  #tech_rnd .rnd_content .cont .content {width: calc(50% - 10px); padding: 10px; gap: 10px; flex-direction: column; border-radius: 0;}
  #tech_rnd .rnd_content .cont .content .txt {font-size: 16px; line-height: 1.5;}
  #tech_rnd .rnd_content .cont .content > img {width: 50px;}
  #tech_rnd .rnd_content .cont .tit {font-size: 24px;}

  #tech_rnd .rnd_content .cont.value {flex-direction: column;gap: 20px;}
  #tech_rnd .rnd_content .cont.value .circle_diagram {width: 100%; border-radius: 0; height: auto;}
  #tech_rnd .rnd_content .cont.value .circle_diagram::before {border-radius: 10px 10px 0 0; width: calc(100% + 20px);}
  #tech_rnd .rnd_content .cont.value .circle_diagram .inner {border-radius:  0; padding: 20px;}
  #tech_rnd .rnd_content .cont.value .circle_diagram .inner > img {width: 70px;}
  #tech_rnd .rnd_content .cont.value .circle_diagram .txt {font-size: 17px;}
  #tech_rnd .rnd_content .cont.value .circle_diagram .desc {font-size: 14px;}
}

/* rnd */
#tech_production_process .page__bg {width: 100%; height: 770px; top:auto; bottom:0; background: #fff;}
#tech_production_process .page__container {background: #F4F3EF;}
#tech_production_process .production_process_content {}
#tech_production_process .production_process_content .wrapper {display: flex; gap: 60px; padding-top: 57px;}
#tech_production_process .production_process_content .process_text_cont {}
#tech_production_process .production_process_content .process_text_cont .thumb {}
#tech_production_process .production_process_content .process_text_cont .process_cont_head {border-top:4px solid #c1c1c1;display: flex; flex-direction: column;justify-content: space-between; }
#tech_production_process .production_process_content .process_text_cont .process_cont_head .inner {padding: 19px 10px;}
#tech_production_process .production_process_content .process_text_cont .process_cont_head .sbj {font-size: 26px ; color:var(--red);}
#tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont {display: flex;  gap: 20px;padding: 19px 10px; padding-bottom: 0; margin-top: auto; border-top:1px solid #707070;}
#tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont > li {width: 50%;}
#tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont > li > b{ color:#707070;}
#tech_production_process .production_process_ls {display: grid; grid-template-columns: repeat(3,1fr); gap:31px 18px ; width: 1043px;}
#tech_production_process .production_process_ls .item {width: 100%;}
#tech_production_process .production_process_ls .item .tit {background:linear-gradient(to right , #FFAA00 0% ,#FE8E09 100% ); color:#fff; padding: 6px 20px; display: flex; align-items: center; font-size: 17px;font-weight: 400; line-height: 1; margin-bottom: 6px;}
#tech_production_process .production_process_ls .item:nth-child(2) .tit {background:linear-gradient(to right , #FFA602 0% ,#FD830C 100% ); }
#tech_production_process .production_process_ls .item:nth-child(3) .tit {background:linear-gradient(to right , #FD800D 0% ,#FD5E18 100% ); }
#tech_production_process .production_process_ls .item:nth-child(4) .tit {background:linear-gradient(to right , #FF9407 0% ,#FD6E13 100% ); }
#tech_production_process .production_process_ls .item:nth-child(5) .tit {background:linear-gradient(to right , #FD6A15 0% ,#FC4321 100% ); }
#tech_production_process .production_process_ls .item:nth-child(6) .tit {background:linear-gradient(to right , #FC4022 0% ,#FB2929 100% ); }
#tech_production_process .production_process_ls .item .tit .step {}
#tech_production_process .production_process_ls .item .tit .icon {margin-left: auto; display: block;}
#tech_production_process .production_process_ls .item .thumb_content {width: 100%; aspect-ratio: 1.77 / 1;}
#tech_production_process .production_process_ls .item .thumb_content .modal-trigger {width: 100%; height: 100%;}
#tech_production_process .production_process_ls .item .thumb_content .thumb {width: 100%; height: 100%; object-fit: cover; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#tech_production_process .production_process_ls .item .thumb_content .thumb .play-icon {width: 61px;height: 61px; border-radius: 13px ; background: #383838; display: flex; align-items: center; justify-content: center;opacity: 0; transition: .3s ease;}
#tech_production_process .production_process_ls .item .thumb_content .thumb .play-icon svg {position: relative; z-index: 1;}
#tech_production_process .production_process_ls .item .tit > i { width: 2px; height: 27px; display: block; background: #fff; margin: 0 10px;}
#tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont > div {width: 50%;}
#tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont > div > span {padding-bottom:0.8em ;display: block;}
#tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont > div .bullet > li {padding-bottom: 0.3em;}

#modal_thumb {position: fixed; top:0; left:0; z-index: 9999; width: 100%; height: 100%; backdrop-filter: blur(5px); align-items: center; justify-content: center;}
#modal_thumb .modal__content {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
#modal_thumb .modal__content .modal--thumb {position: relative;overflow: hidden; background: #000;width: 600px; aspect-ratio: 1.8 / 1;}
#modal_thumb .modal__content .modal--thumb > img {position: absolute;width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
#modal_thumb .modal__dim {position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px);}

@media screen and (hover:hover){
  #tech_production_process .production_process_ls .item .thumb_content:hover .thumb .play-icon {opacity: 1;}
}

@media screen and (max-width:767px){
  #tech_production_process .page__bg {display: none;}
  #tech_production_process .production_process_content {padding-top: 50px;}
  #tech_production_process .production_process_content .wrapper {flex-direction: column;padding-top: 20px; gap: 20px;}
  #tech_production_process .production_process_content .process_text_cont .process_cont_head .inner {padding: 10px 0;}
  #tech_production_process .production_process_content .process_text_cont .process_cont_head .sbj {font-size: 18px;}
  #tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont {padding: 10px 0;}
  #tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont > li {font-size: 14px;}
  #tech_production_process .production_process_ls {width: 100%; grid-template-columns: repeat(2,1fr); gap: 10px 5px;}
  #tech_production_process .production_process_ls .item .tit {padding: 7px; font-size: 13px;margin-bottom: 4px;min-height: 34px;}
  #tech_production_process .production_process_ls .item .tit > i {height: 12px; margin: 0 6px;}
  #tech_production_process .production_process_ls .item .tit .step {font-size: 12px;}
  #tech_production_process .production_process_ls .item .thumb_content .thumb .play-icon {width: 40px; height: 40px;}
  #tech_production_process .production_process_ls .item .thumb_content .thumb .play-icon svg {width: 20px;}
  #tech_production_process .page_prod_title {font-size: 31px; line-height: 1; padding-top: 10px;}
  #tech_production_process .production_process_content .process_text_cont .process_cont_head .info_cont > div > span {font-size: 15px;}
  #tech_production_process .production_process_ls .item .tit .icon > svg {width: 8px;}
  #modal_thumb .modal__content .modal--thumb {width: calc(100% - 40px);}
}


#tech_production_process .production_process_content.type2 .production_process_ls {grid-template-columns: repeat(4,1fr); gap: 50px 12px;}
#tech_production_process .production_process_content.type2 .production_process_ls .item:last-child {grid-column: span 2;}
#tech_production_process .production_process_content.type2 .production_process_ls .item:last-child .tit { background: linear-gradient(to right , #FFAA00 0% , #FB2929 100% );}
#tech_production_process .production_process_content.type2 .production_process_ls .item:last-child .thumb_content_wrapper {display: flex; gap: 5px;}
#tech_production_process .production_process_content.type2 .production_process_ls .item .thumb_content {aspect-ratio: 1.6 / 1;}

@media screen and (max-width:767px){
  #tech_production_process .production_process_content.type2 .production_process_ls {grid-template-columns: repeat(2,1fr); gap: 10px 5px;}
}


/* technology : certi */
#tech_certi .certi_partner_ls {display: grid; grid-template-columns: repeat(6,1fr); gap: 35px 10px;}
#tech_certi .certi_partner_ls .item {width: 100%;display: flex; flex-direction: column; border-bottom: 1px solid #e7e4e4;}
#tech_certi .certi_partner_ls .item .sbj {font-size: 21px; font-weight: 700; padding: 20px ; border-top:2px solid #6A6A6A; background: #F4F3EF;}
#tech_certi .certi_partner_ls .item:nth-child(2) .sbj { background: #E9E9E9;}
#tech_certi .certi_partner_ls .item:nth-child(4) .sbj { background: #E9E9E9;}
#tech_certi .certi_partner_ls .item:nth-child(6) .sbj { background: #E9E9E9;}
#tech_certi .certi_partner_ls .item:nth-child(7) .sbj { background: #E9E9E9;}
#tech_certi .certi_partner_ls .item:nth-child(9) .sbj { background: #E9E9E9;}
#tech_certi .certi_partner_ls .item:nth-child(11) .sbj { background: #E9E9E9;}
#tech_certi .certi_partner_ls .item .desc_cont {padding: 14px; display: flex; flex-direction: column; height: 100%;}
#tech_certi .certi_partner_ls .item .desc_cont .txt {font-size: 20px;  color:var(--blue); }
#tech_certi .certi_partner_ls .item .desc_cont img {display: block; margin-left: auto;margin-top: auto;}
@media screen and (max-width:767px){
  #tech_certi .certi_partner_ls {grid-template-columns: repeat(2,1fr);padding-top: 30px; gap: 20px 10px;}
  #tech_certi .certi_partner_ls .item .sbj {font-size: 17px; padding: 10px;}
  #tech_certi .certi_partner_ls .item .desc_cont {padding: 10px;}
  #tech_certi .certi_partner_ls .item .desc_cont .txt {font-size: 15px;}
  #tech_certi .certi_partner_ls .item .desc_cont img {width: 60px;}
  #tech_certi .certi_partner_ls .item:nth-child(odd) .sbj {background: #F4F3EF !important;}
  #tech_certi .certi_partner_ls .item:nth-child(even) .sbj {background: #E9E9E9 !important;}
}


/* technology : tech_qems */
#tech_qems {}
#tech_qems .page_desc {color:#fff;}
#tech_qems .page__bg {height: 800px;bottom:0; top:auto; }
#tech_qems .qems_diagram {display: flex; flex-direction: column; align-items: center; margin-top: 50px;}
#tech_qems .qems_diagram .title {font-size: 28px; font-weight: 700; padding: 15px; width: 494px; background:#003767; border-radius: 36px; display: flex; align-items: center; justify-content: center; color:#fff; transform: translate(0,50%);z-index: 1;}
#tech_qems .qems_diagram .diagram_ls {display: flex; padding-top: 83px;position: relative;}
#tech_qems .qems_diagram .diagram_ls::before {content:"";position: absolute; width: calc(100% - 354px); height: 1px; background: #c1c1c1; bottom:100%; left:50%; transform: translate(-50%,0);}
#tech_qems .qems_diagram .diagram_ls .item {width: 355px; height: 355px; border-radius: 50%; background: rgba(0, 25, 47 , 0.8); padding: 19px;position: relative; display: flex; align-items: center; justify-content: center;position: relative;}
#tech_qems .qems_diagram .diagram_ls .item::before {content:"";position: absolute; width: 1px; height: 83px; background: #c1c1c1; bottom:100%; left:50%; transform: translate(-50%,0);}
#tech_qems .qems_diagram .diagram_ls .item:not(:first-child) {margin-left: -37px;}
#tech_qems .qems_diagram .diagram_ls .item:nth-child(even) .inner {border-color: #85B5DF;}
#tech_qems .qems_diagram .diagram_ls .item .border_line_svg {position: absolute;pointer-events: none;}
#tech_qems .qems_diagram .diagram_ls .item .inner {width: 270px; height: 270px ; border:10px solid #00213E; background: #fff; border-radius: 50%;display: flex; flex-direction: column;align-items: center;  padding: 20px;}
#tech_qems .qems_diagram .diagram_ls .item .inner > img {display: block; }
#tech_qems .qems_diagram .diagram_ls .item .inner .divide {width: 100%; background: #C1C1C1; height: 1px; margin: 10px 0 15px;}
#tech_qems .qems_diagram .diagram_ls .item .inner .text {font-size: 20px; line-height: 1.5; text-align: center;} 
@media screen and (max-width:767px){
  #tech_qems .page_title {font-size: 20px;}
  #tech_qems .page_prod_title {font-size: 26px;}
  #tech_qems .page__bg {height: 100%;}
  #tech_qems .page_desc {padding-top: 20px;}
  #tech_qems .qems_diagram .diagram_ls {flex-wrap: wrap; justify-content: center; border-radius: 0; padding-top: 20px; gap: 10px;}
  #tech_qems .qems_diagram .diagram_ls .item {width: 220px; height: 220px; padding: 10px;}
  #tech_qems .qems_diagram .diagram_ls .item .inner {width: 100%; height: 100%; padding: 10px; border-width: 5px; justify-content: center;}
  #tech_qems .qems_diagram .diagram_ls .item .inner > img {width: 60px;}
  #tech_qems .qems_diagram .diagram_ls .item .inner .divide {margin: 5px 0;}
  #tech_qems .qems_diagram .diagram_ls .item .inner .text {font-size: 14px;}
  #tech_qems .qems_diagram .diagram_ls .item:not(:first-child) {margin-left: 0;}
  #tech_qems .qems_diagram .diagram_ls .item::before {display: none;}
  #tech_qems .qems_diagram .title {font-size: 18px; width: auto; padding: 10px 20px;width: 100%; border-radius: 5px; transform: translate(0);}

}

#tech_qems_warranty .page__container {background: #F4F3EF;}
#tech_qems_warranty .title {font-size: 28px; color:var(--blue); padding-bottom: 0.5em;}
#tech_qems_warranty .page__bg {background: #fff; height: 800px; bottom:0; top:auto;}
#tech_qems_warranty .guarantee_cont {display: flex; gap: 20px; width: 1470px; }
#tech_qems_warranty .guarantee_cont .step_ls {width: 178px; display: flex; flex-direction: column; gap:11px; flex-shrink: 0;}
#tech_qems_warranty .guarantee_cont .step_ls .item {width: 100%;background: #FFC800; display: flex; align-items: center; justify-content: center;padding: 12px; line-height: 1; position: relative;z-index: 1; min-height: 43px;}
#tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(1):before {content:"";position: absolute; top:12px; left:100%; width: 40px; height: 13px; background: #FF6F00;}
#tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(1):after {content:"";position: absolute; top:6px; right:-50px; width: 16px; height: 26px; background: #FF6F00; clip-path: polygon(100% 50% ,0 0 ,0 100%); }
#tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(2) {background:#4DCDF2; min-height:78px ;}
#tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(3) {background:#00A8FF; min-height: 200px;}
#tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(4) {background:#007DE9; min-height: 105px;}
#tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(5) {background:#005BAA; min-height: 113px;}
#tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(6) {background:#003767; min-height: 58px;}
#tech_qems_warranty .guarantee_cont .step_ls .item .txt {font-size: 19px; font-weight: 700; color:#fff;}
#tech_qems_warranty .step_ls_item {display: flex; gap: 5px;width: calc(100% - 20px);margin-left: auto;}
#tech_qems_warranty .step_ls_item > li {font-size: 19px; font-weight: 700; background: #8E8E8E; width: 100%; border-radius:18px; color:#fff; display: flex; align-items: center; justify-content: center; padding: 7px; line-height: 1;}
#tech_qems_warranty .content {width: 100%;}
#tech_qems_warranty .board_cont_gray {margin-top: -22px; border-left: 5px solid rgb(194, 194, 194,0.4); padding-top: 40px; width: 1328px;}
@media screen and (max-width:767px){
  #tech_qems_warranty .page_title {font-size: 20px;}
  #tech_qems_warranty .page_prod_title {font-size: 26px;}
  #tech_qems_warranty .body {padding-top: 50px;}
  #tech_qems_warranty .title {font-size: 20px;}
  #tech_qems_warranty .guarantee_cont {width: 100%; gap: 5px;}
  #tech_qems_warranty .guarantee_cont .step_ls {width: auto; gap: 8px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item {padding: 5px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item .txt {font-size: 14px;}
  #tech_qems_warranty .step_ls_item {min-width: 900px;}
  #tech_qems_warranty .step_ls_item > li {font-size: 15px;}
  #tech_qems_warranty .board_cont_gray {min-width: 900px; width: 100%;}
  #tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(1):before {width: 15px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(1):after {right: -25px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item {min-height: 30px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(2) {min-height: 60px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(3) {min-height: 138px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(4) {min-height: 68px;}
  #tech_qems_warranty .guarantee_cont .step_ls .item:nth-child(5) {min-height: 75px;;}
}



/* Showroom */
.ly--showroom {background: #fff;}
.ly--showroom .page__container {padding: 0;}

.sr_category {display: flex; gap: 48px;}
.sr_category .item {font-size: 22px; font-weight: 500; font-family: var(--font-sub1); color: #C1C1C1; line-height: 1;}
.sr_category .item.active {color: var(--green);}

.showroom_container .depth1_group {display: none;}
.showroom_container .depth1_group.active {display: block;}

.sr_picker--depth1 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 9px;}
.sr_picker--depth1 .group {display: flex; flex-direction: column; gap: 20px;}
.sr_picker--depth1 .btn .item {display: flex; align-items: center; justify-content: space-between; border-top: 3px solid #C1C1C1; padding: 9px 0; line-height: 1; font-weight: 700; width: 100%; color: #3E3E3E;}
.sr_picker--depth1 .btn .item .icon--checked {width: 22px; opacity: 0;}
.sr_picker--depth1 .btn .item .icon--checked circle,
.sr_picker--depth1 .btn .item .icon--checked path {stroke: var(--green);}
.sr_picker--depth1 .btn.active .item {color: var(--green); border-top-color: var(--green);}
.sr_picker--depth1 .btn.active .item .icon--checked {opacity: 1;}

.sr_picker--depth2 {}
.sr_picker--depth2 .depth1_group {grid-template-columns: repeat(3, 1fr); gap: 9px;}
.sr_picker--depth2 .depth1_group.active {display: grid;}
.sr_picker--depth2 .item {position: relative; overflow: hidden;}
.sr_picker--depth2 .item img {display: block;}
.sr_picker--depth2 .item .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(0,0,0,.7); opacity: 0;}
.sr_picker--depth2 .item .overlay .icon--checked {width: 38px;}
.sr_picker--depth2 .item.active .overlay {opacity: 1;}

.sr_detail {position: relative; overflow: hidden;}
.sr_detail img {display: none;}
.sr_detail img.active {display: block;}

.showroom_container {display: flex; height: 100%;}
.sr_content {width: 615px; flex-shrink: 0; padding: 47px 50px 70px 100px;}
.sr_content .sr_category {margin-bottom: 32px;}
.sr_content .title {font-size: 61px; font-weight: 500; font-family:  var(--font-sub1); color: var(--green); line-height: 1.2; margin-bottom: 1.2em;}
.sr_content .sr_picker--depth1 {margin-bottom: 40px;}
.sr_content .sr_picker--depth2 {margin-bottom: 50px;}
.sr_content .sr_foot {margin-top: 38px;}
.sr_content .sr_foot .link {display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--green); color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500; line-height: 1; padding: .8em 1.2em;}

.sr_visual {position: relative; overflow: hidden; width: 100%;}
.sr_visual .depth1_group {position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: opacity .5s; display: block;}
.sr_visual .depth1_group.active {opacity: 1; pointer-events: initial;}
.sr_visual img {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; opacity: 0; transition: opacity .5s;}
.sr_visual img.active {opacity: 1; pointer-events: initial;}
@media screen and (max-width:767px){
  .showroom_container {flex-direction: column; gap: 30px;}
  .sr_content {padding: 0; width: 100%;}
  .sr_category {justify-content: space-between; gap: 10px;}
  .sr_category .item {font-size: 15px;}
  .sr_content .title {font-size: 30px;}
  .sr_content .sr_category {margin-bottom: 20px;}
  .sr_content .sr_picker--depth2 {margin-bottom: 30px;}
  .sr_picker--depth2 .item .overlay .icon--checked {width: 20px;}
  .sr_content .sr_foot {margin-top: 30px;}
  .sr_content .sr_foot .link {font-size: 13px;}
  .sr_visual {height: 500px;}
}

#lastPage {}
#lastPage .page__bg {z-index: -1;}
/* #lastPage .page__container {background: transparent;} */
#lastPage .page__contents {display: flex; flex-direction: column; justify-content: flex-end;}
#lastPage .last__logo {display: flex; align-items: center; justify-content: center;}
#lastPage .address_cont {color:#3E3E3E; display: flex; font-size: 22px; gap: 30px; align-items: center; justify-content: center; margin-top: 370px;}
#lastPage .address_cont .address { }
#lastPage .address_cont > a {}
#lastPage .address_cont > a > span {font-weight: 700;}
#lastPage .address_cont .inquiry_box { width: 198px;  transition:.3s ease; }
#lastPage .address_cont .inquiry_box:hover {opacity: 0.5;}
#lastPage .address_cont .inquiry_box > a {border:1px solid #007DE9; padding: 10px; font-size: 16px; font-weight: 700; color:#007DE9;display: flex; align-items: center; justify-content: space-between;}
#lastPage .address_cont .inquiry_box > a .arrow_svg {}
#lastPage .address_cont .inquiry_box > a .arrow_svg svg {display: block;}
.depth1--lastPage .bottom_bar .controlls .btn.btn--next {opacity: 0.2; pointer-events: none;}

@media screen and (max-width:767px){
  #lastPage {height: 100vh;}
  #lastPage .page__contents {justify-content: center;}
  #lastPage .last__logo svg {width: 200px;}
  #lastPage .address_cont {margin-top: 0; font-size: 14px; flex-direction: column;  gap: 8px; align-items: center;}
  #lastPage .address_cont > a > span {font-size: 15px;}
  #lastPage .address_cont .inquiry_box {width: 100%;margin-top: 20px;}
  #lastPage .address_cont .inquiry_box > a {font-size: 13px;}
  
}