@charset "utf-8";

/* == Base == */
:root {
  --main-color: #0C58A6;
  --sub-color1: #002887;
  --gray1: #707070;
  --gray2: #afafaf;
  --gray3: #dfdfdf;
  --light-gray1 : #e7e7e8;
  --light-gray2 : #f2f2f2;
  --light-gray3 : #f6f6f3;
  --cubic-pop1: cubic-bezier(.85, .14, .29, .99);
  --cubic-pop2: cubic-bezier(.71, .45, .36, 1.31);
  --cubic-pop3: cubic-bezier(.85, .14, .29, .99);
  --main-font: 'pretendard', sans-serif;
  --font-sub1: 'Poppins', 'pretendard', sans-serif;
  --font-sub2: 'Red Hat Text', 'Poppins', 'pretendard', sans-serif;
}

body {
  color: #222;
  font-family: var(--main-font);
  font-size: 18px;
}
button { all:unset; outline: none; appearance: none; background: none; border: none; padding: 0; margin: 0; box-shadow: none; color: inherit; text-align: left; cursor: pointer; font-family: inherit; font-weight: inherit;}


.catalog {background: #fff;}

.typo1,
.typo2,
.typo3,
.typo4,
.typo5,
.typo6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {}


/* nav */
.top_nav {transform: translateY(-100%); transition:transform .3s ease; position: absolute;z-index: 111; display: flex; width: 100%; height: 88px; align-items: center;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); background: #fff; opacity: 0;}
.top_nav .logo {display: none;}
.top_nav .gnb_bar {width: 100%;height: 100%; display: flex;align-items: center;}
.top_nav .gnb_bar .gnb_btn {height: 100%;}
.top_nav .gnb_bar .gnb_btn .gnb__item {display: flex;height: 100%; transition:color .3s ease;}
.top_nav .gnb_bar .gnb_btn .gnb__item .gnb_tit {padding:20px 44px; font-size: 18px; font-weight: 500; display: flex;align-items: center;}
.top_nav .gnb_bar .gnb_btn .gnb_sub_container { opacity: 0; pointer-events: none; position: absolute; top:100%; left:0; padding-left: 80px; width: 100%;  display: flex;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), inset 0 2px 3px 0 rgba(0,0,0,0.16);;background: #fff;}
.top_nav .gnb_bar .gnb_btn .gnb_sub_container .gnb_sub_item {padding: 20px 60px; position: relative;font-size: 16px; color:rgba(34, 34, 34, 0.5);}
.top_nav .gnb_bar .gnb_btn .gnb_sub_container .gnb_sub_item .sub_tit {}
.top_nav .gnb_bar .gnb_btn .gnb_sub_container .gnb_sub_item:after {content:""; position: absolute; right:0; top:50%; transform: translate(0,-50%); background: rgba(112, 112, 112,0.5); width: 1px; height: 25%;}
.top_nav .gnb_bar .gnb_btn .gnb_sub_container .gnb_sub_item:last-child:after {display: none;}
.top_nav .btn--index {width: 87px; height: 100%; background-color: #707070; display: flex; align-items: center;justify-content: center;}
.top_nav .etc_nav {display: flex; align-items: center; flex-shrink: 0;}
.top_nav .etc_nav .btn {display: flex; align-items: center; width: 34px;height: 34px; justify-content: center;margin-right: 20px;}
.top_nav .etc_nav .btn {border: 2px solid #707070; border-radius: 50%;position: relative;}
.top_nav .etc_nav .btn--play .ico--play {border-left-color: #707070 !important;}
.top_nav .etc_nav .btn--play .ico--pause {display: none;}
.top_nav .etc_nav .btn--play.pause .ico--play {display: none;}
.top_nav .etc_nav .btn--play.pause .ico--pause {display: block; width: 14px; height: 18px; display: flex; justify-content: space-between;}
.top_nav .etc_nav .btn--play.pause .ico--pause::after,
.top_nav .etc_nav .btn--play.pause .ico--pause::before {width: 5px; height: 100%; content: ''; display: block; background: #707070;}

.top_nav .etc_nav .btn--home:after {content:"";position: absolute; width: 1px; height: 100%; background: rgba(112, 112, 112, 0.5); right:-20px; top:50%; transform:  translate(0,-50%);}
.top_nav .etc_nav .sns {display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0 30px;}
.controller {position: absolute; bottom:45px; left:0; width: 100%; z-index:1111;display: flex; justify-content: space-between; align-items: center; padding:0px 60px;}
.controller .btn {display: flex;}
.top_nav .gnb_bar .gnb_btn .gnb__item.active .gnb_tit {background: #0C58A6; color:#fff !important;}
.top_nav .gnb_bar .gnb_btn .gnb__item.active ~ .gnb_sub_container .gnb_sub_item.active .sub_tit {color: #0C58A6;font-weight: 700;}

@media (hover:hover){
  .top_nav .gnb_bar .gnb_btn .gnb__item:hover .gnb_tit {color:var(--main-color);  font-weight: 700 !important; }
  .top_nav .gnb_bar .gnb_btn .gnb_sub_container .gnb_sub_item:hover {color:var(--main-color); font-weight: 600;}
  .top_nav .gnb_bar .gnb_btn:hover .gnb_sub_container {opacity: 1; pointer-events: initial; position: absolute; top:100%; left:0; padding-left: 80px; width: 100%;  display: flex;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), inset 0 2px 3px 0 rgba(0,0,0,0.16);;background: #fff;}
}

/* prod_nav */
.prod_nav {transform:translateX(200%); transition: transform  .3s ease; opacity: 0;  width: 153px; padding: 20px 0;  border-radius: 85px;background-color: #fff;position: absolute; bottom:35px; right:120px; z-index: 1111;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);display: flex; flex-direction: column ; align-items: center; justify-content: center; will-change: transform;}
.prod_nav .prod_btn {display: flex; flex-direction: column; align-items: center; justify-content: center;  gap:3px; position: relative; width: 100%; padding: 15px; border-radius: 50%;transition:transform .3s ease;  will-change: transform;}
.prod_nav .prod_btn img {position: relative; z-index: 1; opacity: 0.4;   image-rendering:-webkit-optimize-contrast;
  transform:translateZ(0);
  backface-visibility:hidden;}
.prod_nav .prod_btn .text {color:#707070; font-size: 12px; font-weight: 400; letter-spacing: -0.040em;position: relative; z-index: 1;}
.prod_nav .prod_btn.active img {opacity: 1;}
.prod_nav .prod_btn.active::after {content:""; z-index: 0; position: absolute; width: 125px; height: 125px; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: #44A8DB; box-shadow:inset 3px 3px 6px #3E8CB5,  3px 3px 10px 0 rgba(0,0,0,0.16); }
.prod_nav .prod_btn.active .text {color:#fff; font-weight: 700;}

@media (hover:hover){
  .prod_nav .prod_btn:hover {transform: scale(1.05); transition:transform .3s ease;z-index: -1; }
  .prod_nav .prod_btn:hover:before {content:""; position: absolute; width: 125px; height: 125px; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: rgb(227, 246, 255, 0.5);z-index: -111;}
  .prod_nav .prod_btn:hover img {opacity: 1;}
}

.gnbState--hide .top_nav {opacity: 0; transition:transform .3s ease;}
.gnbState--show .top_nav { opacity: 1;transform: translateY(0%); transition:transform .3s ease;}
.catalog.prodNavState--show .prod_nav {transform:translateX(0); opacity: 1;transition: transform  .3s ease; }


@media screen and (max-width: 767px) {
  .top_nav {padding: 10px; position: fixed; height: auto; justify-content: space-between;}
  .top_nav .logo {display: block; width: 130px;}
  .top_nav .gnb_bar {display: none;}
  .top_nav .btn--index {display: none;}
  .top_nav .etc_nav {}
  .controller {position: fixed;bottom:0; padding:0 15px; height: 50px; z-index: 99999; background: #fff;}
  .controller .btn svg{width: 20px; height: 20px;}
  .top_nav .etc_nav .sns { display: none;}
  .top_nav .etc_nav .btn {width: 25px; height: 25px; margin-right:10px ; border-width: 1px;}
  .top_nav .etc_nav .btn--home:after {display: none;}
  .top_nav .etc_nav .btn--home i {font-size: 14px;}
  .top_nav .etc_nav .btn--play .ico--play {border-left: 10px solid #000;  border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
  .top_nav .etc_nav .btn--play.pause .ico--pause {width: 10px; height: 12px;}
  .top_nav .etc_nav .btn--play.pause .ico--pause::after, 
  .top_nav .etc_nav .btn--play.pause .ico--pause::before {width: 3px;}


  .gnbState--hide .top_nav {opacity: 1;transform: translateY(0%);}
  .catalog.prodNavState--show .prod_nav {display: none;}
}


.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;
}
.catalog.sitemap--open .total_menu {pointer-events: initial!important;}

@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;} 
  .sitemap--open .sitemap_btn .bar:nth-child(1) {transform: rotate(-45deg) translate(-5px, 5px); } 
  .sitemap--open .sitemap_btn .bar:nth-child(2) {opacity: 0;} 
  .sitemap--open .sitemap_btn .bar:nth-child(3) {transform: rotate(45deg) translate(-5px, -5px);}
  .sitemap--open .sitemap_btn .bar { background:#3763af;}

  .total_menu {  pointer-events: none ; position: fixed;  z-index: 9999; height: auto;}
  .total_menu .menu_container {background: linear-gradient(120deg , #0651AD 0% , #0F99CF 80%); width: 100%; height: calc(100dvh - 50px); transform: translate(0, 150%)!important; padding: 30px 20px 50px; overflow: hidden auto; }

  .catalog.sitemap--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: 120px;}
  .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:#fff;}
  .total_menu .index_menu > li > ul {font-size: 14px; padding-left: 10px; display: flex; flex-direction: column; gap:10px;}
  .total_menu .index_menu > li > ul > li > a {display: flex; gap: 10px; text-transform: capitalize; color:#fff;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:#fff;}
  .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:#fff;}
  .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;}

}



/* common */
.fc--main {color:var(--main-color)};
.fc--sub1 {color:var(--sub-color1)};
.ff--main {font-family: var(--main-font);}
.page_title_en {font-size: 42px; font-family: var(--font-sub1); font-weight: 600; line-height: 1.3;}
.page_title_en.cover {font-size: 56px;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.page_title_ko {font-size: 48px; letter-spacing:-0.02em; line-height: 1.3;font-weight: 600;}
.page_desc {font-size: 22px; padding-top: 35px; line-height: 1.7;}
.page_cate {font-weight: 600;font-family: var(--font-sub1); line-height: 1.5;  color: var(--sub-color1); text-transform: uppercase; display: inline-block;}
.sml {font-size: 0.63em; color:#707070;}
.sbj_sml {font-size: 20px;color:#707070; font-weight: 400;}
.text_shadow {text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6) !important;}


/* layout */
.page__container {padding: 160px 140px 85px 140px; }
.page__container .page__contents {display: flex; flex-direction: column; position: relative;z-index: 1; height: 100%; justify-content: space-between;}
.type--main_content2 {padding:160px 160px 130px 140px;}
.type--prod_content {padding:170px 270px 67px 140px;}

@media screen and (max-width: 767px) {
  .cover_paging {display: none;}
  .page__container {padding: 80px 20px !important; height: 100%;}
  .page__container .page__contents {gap: 50px;}
  .page_title_ko {font-size: 32px;}
  .page_title_en {font-size: 26px;}
  .page_title_en.cover {font-size: 26px;}
  .page_cate {font-size: 13px;}
  .page_desc {font-size: 15px !important; padding-top: 20px; word-break: keep-all;}
  .sbj_sml {font-size: 14px;}
}


/* table */
.table_container {width: 890px; padding-right: 20px;overflow:hidden auto;height: 530px; flex-shrink: 0;}
.table_container.not-overflow {overflow: initial;}
.saehan_table {table-layout: fixed;width: 100%; border:1px solid #0072FF; border-left:none; border-right: none;}
.saehan_table tr {border-bottom: 1px solid #bbbbbb;}
.saehan_table thead {background: #C3DEFF; position: sticky; top:0; z-index: 1;}
.saehan_table thead th {padding: 7px 18px; position: relative; color:#000000; text-align: center; }
.saehan_table thead th:first-child {color:#0072FF; text-align: left;}
.saehan_table thead th::after {content:""; position: absolute; width: 1px; height: calc(100% - 10px ); background: #bbb; top:50%; right:0; transform: translate(0,-50%);}
.saehan_table thead th:last-child::after {display: none;}
.saehan_table tbody {background: #fff;}
.saehan_table tbody th.font-tag {font-size: 13px;}
.saehan_table tbody tr:last-child {border:none;}
.saehan_table tbody th {background: #EBF4FF; color:#0072FF; padding: 5px 16px; text-align: left;vertical-align: middle;} 
.saehan_table tbody td {padding: 5px 10px; text-align: center;position: relative;vertical-align: middle;}
.saehan_table tbody td::after {content:""; position: absolute; width: 1px; height: calc(100% - 10px ); background: #bbb; top:50%; right:0; transform: translate(0,-50%);}
.saehan_table tbody td:last-child::after {display: none;}
.saehan_table :where(th, td) {font-size: 14px; line-height: 1.28; letter-spacing: -0.02em;}

/* table type2 */
.table_container.type2 {width: 1322px; height: 480px; }
.table_container.type2 .saehan_table {border-top:none; border-bottom-color:#bbb; }
.table_container.type2 .saehan_table thead {background: #E3E3E3;}
.table_container.type2 .saehan_table thead th {color:#2757A5; font-size: 20px; text-align: left;}
.table_container.type2 .saehan_table thead th:last-child:after {display: none;}
.table_container.type2 .saehan_table thead th:first-child {color:#2757A5;}
.table_container.type2 .saehan_table tbody th {padding:10px 20px; vertical-align: top; color:#000000; background: rgba(241, 241, 241,0.7);font-family: var(--font-sub1);font-weight: 600;font-size: 19px;}
.table_container.type2 .saehan_table tbody td {font-size: 19px;text-align: left;padding: 10px 20px; font-weight: 600;}
.table_container.type2 .saehan_table tbody td:nth-of-type(1) { background: rgba(241, 241, 241,0.4); font-family: var(--font-sub1);font-weight: 500;}
.table_container.type2 .saehan_table tbody td:nth-of-type(1):after {display: none;}

.table_container::-webkit-scrollbar {width: 10px;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); background: none;}
.table_container::-webkit-scrollbar-thumb {background-color: #6E6E6E;border-radius: 10px;}
.table_container::-webkit-scrollbar-track {background-color: #fff;border-radius: 10px;}

@media screen and (max-width: 767px) {
  .table_container .saehan_table {min-width: 600px;}
  .table_container {overflow: auto hidden; width: 100%;height: auto;}
  .saehan_table {table-layout: initial;}
  .saehan_table col {width: auto;}
  .saehan_table :where(th, td) {font-size: 13px;}
  .saehan_table thead th {padding: 7px 10px;}
  .saehan_table tbody th {padding: 5px 10px;}
  .saehan_table tbody th.font-tag {font-size: 12px;}
  .table_container.type2 {width: 100%; height: auto;}
  .table_container.type2 .saehan_table thead th {font-size: 15px;}
  .table_container.type2 .saehan_table tbody th {font-size: 14px; padding: 7px 10px; vertical-align: middle;}
  .table_container.type2 .saehan_table tbody td {font-size: 14px; padding: 7px 10px;}
  .table_container.not-overflow {overflow: auto hidden;}
}

/* first_page */
.depth1--first_page .btn--prev {opacity: 0;}
#first_page {cursor: pointer;}
#first_page .page__container {padding: 140px 100px 90px 130px;}
#first_page .page__container .page__contents {flex-direction: row;}
#first_page .text_cont {width: 50%; color:#fff; }
#first_page .title {font-size: 140px; line-height: 1; text-transform: uppercase;text-shadow: 3px 3px 6px #767676;}
#first_page .txt {font-size: 40px;text-shadow: 3px 3px 2px #767676;text-align: right;display: block; margin-right: 25px;}
#first_page .bg_elem {position: absolute; right: -340px; bottom: 45px; width: 1550px; height: 520px;}
#first_page .bg_elem .elem {mix-blend-mode: hard-light;}
#first_page .bg_elem .elem img {mix-blend-mode: multiply;}

#first_page .bg_elem {position: absolute; right: -340px; bottom: 45px; width: 1550px; height: 520px;}
#first_page .bg_elem .elem.top {position: absolute; width: 59%; height: 43%; right: 0;}
#first_page .bg_elem .elem.bot {position: absolute; width: 85%; height: 70%; bottom:0;}

#first_page .lang_nav {display: flex; gap: 20px;position: absolute; left:130px; bottom:90px; z-index: 6666;}
#first_page .lang_nav .btn {font-size: 20px; padding: 10px 20px; text-transform: uppercase; background: #ffffffbd; color: #222;font-weight: 500;text-align: center;width: 100%; border-radius: 5px;}
#first_page .lang_nav .btn.active {background: var(--main-color);color:#fff; font-weight: 700;}

@media screen and (max-width: 767px) {
  .depth1--first_page .btn--prev {opacity: 0.2;}
  #first_page .page__container {height: 100svh;}
  #first_page .page__container .page__contents {flex-direction: column; }
  #first_page .text_cont {width: 100%;}
  #first_page .title {font-size: 45px;}
  #first_page .txt {font-size: 20px; padding-top: 10px; text-align: left;}
  #first_page .visual_thumb {margin-bottom: 55px;}
  #first_page .bg_elem {width: 350px; height: 170px; right:auto; left:50%; transform: translate(-50%,0); bottom:43px;}
  #first_page .lang_nav {bottom: 80px;left:0px; width: 100%; padding: 0 20px;gap: 10px;}
  #first_page .lang_nav .btn {font-size:14px;}
}


/* cover */
#cover--page {cursor: pointer;}
#cover--page .page__container .page__contents {justify-content: flex-start; padding-top: 154px;}

@media screen and (max-width: 767px) {
  #cover--page .page__bg {filter: brightness(0.5);}
  #cover--page .page__container {height: 100svh;}
  #cover--page .page__container .page__contents {padding-top: 0; justify-content: flex-end; gap: 1rem;}
}

/* index */
#index {}
#index .page__container {padding: 160px 80px 85px 140px ;}
#index .page__bg {height: 367px; background: #fff; top:auto; bottom: 0;}
#index .page_body {display: flex;  height: 280px;padding-top: 50px;}
#index .page_body .tit {font-size: 35px; font-weight: 500; color:rgba(0, 0, 0, 0.3);width: 220px; flex-shrink: 0;}
#index .index_ls_container {display: flex; width: 100%;}
#index .index_ls_container .index_ls {width: 25%; position: relative;z-index: 111;padding-left: 30px; cursor: pointer;}
#index .index_ls_container .index_ls .index_sbj {font-size: 28px;color:#2285D1; padding-bottom: 44px;}
#index .index_ls_container .index_ls .index_btn {font-size: 18px; font-weight: 300;display: flex; flex-direction: column; }
#index .index_ls_container .index_ls .index_btn .item {padding: 10px 0;}
#index .index_ls_container .index_ls .index_btn .item .catalog__link { display: flex;gap: 15px;align-items: center;}
#index .index_ls_container .index_ls .index_btn .item .catalog__link svg {flex-shrink: 0; width: 20px; height: 20px;}
#index .index_ls_container .index_ls::before {content:"";position: absolute;top:-52px;right:2px; background: #cecece; width: 1px; height: calc(100% + 200px); }
#index .index_ls_container .index_ls::after {content:""; transform: scaleY(0); transform-origin: bottom; position: absolute; display: block; width: 100%; height: calc(100% + 200px); top: -70px; left:-2px; z-index: -1;transition:transform .5s ease-in-out;}
#index .index_ls_container .index_ls:nth-child(even) .index_sbj {color:#2757A5;}
#index .index_ls_container .index_ls:last-child {width: 450px;} 
#index .index_ls_container .index_ls:last-child::before {display: none;}
#index .index_ls_container .index_ls:last-child .index_btn { display: grid; grid-template-columns: repeat(2,1fr);} 

@media ( hover:hover ){
  #index .index_ls_container .index_ls:hover::after { transition: transform .2s ease; transform: scaleY(1);}
  #index .index_ls_container .index_ls:nth-child(odd):hover::after {background: #2285D1;}
  #index .index_ls_container .index_ls:nth-child(even):hover::after {background: #2757A5;}
  #index .index_ls_container .index_ls:last-child:hover::after {width: 120%;}
  #index .index_ls_container .index_ls:hover {border-right: none;}
  #index .index_ls_container .index_ls:hover .index_sbj {color:#fff;}
  #index .index_ls_container .index_ls:hover .index_btn {color:#fff;}
  #index .index_ls_container .index_ls:hover .index_btn svg g,
  #index .index_ls_container .index_ls:hover .index_btn svg path {stroke:#fff;}
  #index .index_ls_container .index_ls .index_btn .item:hover {transform:translateX(5px); transition:transform .3s ease; mix-blend-mode:overlay ;}
}
@media screen and (max-width: 767px) {
  #index .page__container {}
  #index .page__bg {display: none;}
  #index .page_body {flex-direction: column; height: auto; background: #fff; gap: 20px; padding: 30px 0;}
  #index .page_body .tit {font-size: 24px; padding-left: 20px;}
  #index .index_ls_container {flex-direction: column; gap: 30px;}
  #index .index_ls_container .index_ls {width: 100%; padding: 0 30px;}
  #index .index_ls_container .index_ls:last-child {width: 100%;}
  #index .index_ls_container .index_ls:last-child .index_btn {display: flex;}
  #index .index_ls_container .index_ls .index_sbj {padding-bottom: 10px; font-size: 20px;}
  #index .index_ls_container .index_ls .index_btn .item {font-size: 15px; padding: 4px 0;}
  #index .index_ls_container .index_ls::before {width: 90%; height: 1px; bottom:-15px; left:50%;top:auto; transform: translate(-50% , 0);}
  #index .index_ls_container .index_ls .index_btn .item .catalog__link {line-height: 1.3;}
}



/* compnay : overview */
#cp-overview {}
#cp-overview .overview_content {display: flex;flex-direction: column; justify-content: space-between;height: 100%;}
#cp-overview .page__bg {background: rgba(77, 166, 255, 0.15); width: 400px; left:auto; right:0;}
#cp-overview .page_body {display: flex;align-items: center;}
#cp-overview .left {display: flex;flex-direction: column;}
#cp-overview .left > li {font-size: 22px; font-weight: 600; color:#005ED2;width: 106px;height: 106px;border-radius: 50%; border:1px solid #c6e8ff; display: flex; align-items: center; justify-content: center;position: relative;background: #fff;}
#cp-overview .left > li::before {content:""; position: absolute; width:100%; height: 1px; background: #9eceff; right:-100px; top:50%; z-index: -1;}
#cp-overview .left > li:nth-child(1)::before {transform: rotate(15deg);top:65%;}
#cp-overview .left > li:nth-child(3)::before { transform: rotate(-15deg);top:35%;}
#cp-overview .center {margin: 0 74px 0 58px; position: relative;width: 316px;height: 316px; display: flex; align-items: center; justify-content: center;background: #fff; border-radius: 50%;}
#cp-overview .center .out_diagram {position: absolute;}
#cp-overview .center .in_diagram {position: absolute;}
#cp-overview .center .circle_inner {position: relative;z-index: 1; width: 185px;height: 185px; display: flex; border-radius: 50%;  align-items: center;justify-content: center; background: linear-gradient(to bottom,#0093F4 0% ,#002887 100% );}
#cp-overview .center .circle_inner .tit {color:#fff; font-size: 22px; font-weight: 600;text-transform: uppercase; text-align: center; line-height: 1.4;}
#cp-overview .right {width: 550px;height: 282px; border-radius: 248px; border:1px solid #9eceff;display: flex; align-items: center; justify-content: center;position: relative;}
#cp-overview .right .wrapper {display: grid; grid-template-columns: repeat(3,1fr);}
#cp-overview .right .item {width: 141px; height: 141px; border-radius: 50%; background: #0099FF; display: flex; align-items: center; justify-content: center;position: relative;}
#cp-overview .right .item img {position: absolute;}
#cp-overview .right .item .txt {font-size: 22px; color:#fff; font-weight: 600; position: relative;z-index: 1;}
#cp-overview .right::before {content:""; position: absolute; top:50%; left:54.5%; width: calc(100% + 200px); height: 1px; background: #9eceff; transform: translate(-50%);z-index: -1;}
#cp-overview .right .item:nth-child(even) {background: #005ED2;}
#cp-overview .overview_thumb {position: absolute;right: 0;}

@media screen and (max-width: 767px) {
  #cp-overview .page__bg {display: none;}
  #cp-overview .overview_content {gap: 50px;}
  #cp-overview .page_body {flex-direction: column; gap: 20px;}
  #cp-overview .left {flex-direction: row;  width: 100%; justify-content: space-between;}
  #cp-overview .left > li {font-size: 18px; border-radius: 10px; padding: 15px 0; height: auto; width: 30%;}
  #cp-overview .left > li::before {top:100%; left:50%; right:auto; transform: translate(-50% , 0); width: 1px; height: 100%;}
  #cp-overview .left > li:nth-child(1)::before {top:100%; right:0; left:auto; transform: rotate(-30deg);}
  #cp-overview .left > li:nth-child(3)::before {top:100%; left:0; transform: rotate(30deg);}
  #cp-overview .right {width: 100%; height: auto; border-radius: 20px; background: #fff; border: none;}
  #cp-overview .right .wrapper {width: 100%; gap: 5px;}
  #cp-overview .right::before {width: 1px; height: 100%; left:50%; top:-20%;}
  #cp-overview .right .item {width: 100%; height: 100px; border-radius: 10px;}
  #cp-overview .right .item .txt {font-size: 15px;}
  #cp-overview .right .item img {width:60px;}
  #cp-overview .center {width: 220px;height: 220px; margin: 0 auto;z-index: 1;}
  #cp-overview .center .out_diagram {width: 90%;}
  #cp-overview .center .in_diagram {width: 80%;}
  #cp-overview .center .circle_inner {width: 140px; height: 140px;}
  #cp-overview .center .circle_inner .tit {line-height: 1.2;}
  #cp-overview .overview_thumb {position: static;}
}


/* company : history */
#history {}
#history .page_head {position: absolute;}
#history .page_body {margin-top: auto;}
#history .history_container {display: flex; gap: 30px; justify-content: space-between; align-items: flex-end;}
#history .history_container .hist_section {width: 100%;}
#history .history_container .hist_section .hist_head {border-left: 1px solid #2E8EDB; position: relative;}
#history .history_container .hist_section .hist_head .sbj {color:#0070E0; padding:0 30px 17px ; margin-bottom: 0;}
#history .history_container .hist_section .hist_head img {position: absolute;bottom:-10px;right:0;z-index: -1;}
#history .history_container .hist_section .hist_body {}
#history .history_container .hist_section .hist_body .tit {width: 100%; color:#fff; display: flex; font-family: var(--font-sub1); font-size: 21px; font-weight: 600; padding:7px 30px; background: linear-gradient(to right, #006EDF 0% , #12467B 100%); }
#history .history_container .hist_section .hist_body .hist_ls_box {background-color: #EAEAEA;  padding:30px; display: flex; flex-direction: column; gap: 20px;}
#history .history_container .hist_section .hist_body .hist_ls_box .item { display: flex; gap:18px ;}
#history .history_container .hist_section .hist_body .hist_ls_box .item .year {font-weight: 500; font-family: var(--font-sub1); color:#0099FF; width: 50px; flex-shrink: 0;}
#history .history_container .hist_section .hist_body .hist_ls_box .item .text_cont {}
#history .history_container .hist_section .hist_body .hist_ls_box .item .text_cont .txt {}
#history .history_container .hist_section:nth-child(2) .hist_head .sbj {color: #0043B7;}
#history .history_container .hist_section:nth-child(2) .hist_body .hist_ls_box {height: 484px;}
#history .history_container .hist_section:nth-child(2) .hist_body .hist_ls_box .item .year {color:#0043B7 ;}
#history .history_container .hist_section:nth-child(3) .hist_head .sbj {color: #002D96;}
#history .history_container .hist_section:nth-child(3) .hist_body .hist_ls_box .item b {font-size: 30px; color:#002D96; margin-top: -5px;}
#history .history_container .hist_section:nth-child(3) .hist_body .hist_ls_box .item .year {color:#002D96;}
@media screen and (max-width: 767px) {
  #history .page_head {position: static;}
  #history .history_container {flex-direction: column; gap: 50px;}
  #history .history_container .hist_section .hist_head .sbj {font-size: 17px !important;  padding: 0px 10px 10px 20px;}
  #history .history_container .hist_section .hist_head img {width: 50px; bottom: 0;}
  #history .history_container .hist_section .hist_body .tit {padding: 7px 20px; font-size: 14px;}
  #history .history_container .hist_section .hist_body .hist_ls_box {padding: 20px; gap: 15px;}
  #history .history_container .hist_section .hist_body .hist_ls_box .item {gap: 10px;}
  #history .history_container .hist_section .hist_body .hist_ls_box .item .year {font-size: 15px; width: 40px;}
  #history .history_container .hist_section:nth-child(2) .hist_body .hist_ls_box {height: auto;}
  #history .history_container .hist_section:nth-child(3) .hist_body .hist_ls_box .item b {font-size: 18px; margin-top: -2px;}
}

/* organization */
#organization {}
#organization .organization_content { display: flex; gap: 257px; width: 100%;justify-content: space-between; }
#organization .organization_content .content {display: flex; border-left: 3px solid #4488FF;  border-right: 1px solid #C1C1C1;position: relative;width: 691px;flex-shrink: 0;}
#organization .organization_content .content .sbj {font-size: 35px; font-weight: 600;width: 186px;background: #F0F3F8; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0;}
#organization .organization_content .content .desc_cont {padding: 60px 30px; display: flex; flex-direction: column; gap: 50px;;background: rgba(240, 243, 248,0.5); width: 100%;}
#organization .organization_content .content .desc_cont .desc {}
#organization .organization_content .content .desc_cont .desc .tit {font-size: 22px; font-weight: 600;color:#0040B0;margin-bottom: 30px; display: block;}
#organization .organization_content .content .desc_cont .desc .txt {display: flex; gap:5px; font-size: 19px;margin-bottom: 5px; color:#222222;}
#organization .organization_content .wrapper { display: flex; flex-direction: column;gap: 30px; position: relative;}
#organization .organization_content .wrapper .content {border-left-color:#D5D5D5;}
#organization .organization_content .wrapper .content .sbj {background:#F1F1F1;position: relative;}
#organization .organization_content .wrapper .content .sbj .sbj_sml {font-size: 30px;}
#organization .organization_content .wrapper .content .desc_cont {padding: 20px 50px 20px 30px;}
#organization .organization_content .wrapper .content .desc_cont .desc .tit {color:#3B6A89; margin-bottom:20px ;}
#organization .organization_content .wrapper:before {content:"";position: absolute; top:123px; left:-126px; width: 1px; height: 361px;  background: #D5D5D5; }
#organization .organization_content .content.left:before {content:"";position: absolute; top:50%; right:-133px; width: 128px; height: 1px;  background: #D5D5D5;  transform: translate(0,-50%);}
#organization .organization_content .content.left:after {content:"";position: absolute; top:50%; right:-20px; height: 33px; width: 20px;  background: #C1C1C1;  transform: translate(0,-50%);clip-path: polygon(54% 53%, 0 0, 0 100%);}
#organization .organization_content .wrapper .content .sbj:before {content:"";position: absolute; top:50%; left:-128px; width: 128px; height: 1px;  background: #D5D5D5;  transform: translate(0,-50%);}
#organization .organization_content .wrapper .content .sbj:after {content:"";position: absolute; top:50%; left:-9px; width: 8px; height: 8px; border-radius: 50%; background: #fff; border: 4px solid #B5B5B5;  transform: translate(0,-50%);}
#organization .organization_content .wrapper .content:nth-child(n+2):nth-child(-n+4) .sbj {width: 100%; align-items: flex-end; justify-content: flex-start; padding:10px 16px;flex-direction: row; font-size: 30px;}

#organization .organization_content.ver2 .wrapper {gap: 10px;}
#organization .organization_content.ver2 .wrapper:before {height: 301px;}
#organization .organization_content.ver2 .wrapper .content.external {border: none; margin-top: 10px;}
#organization .organization_content.ver2 .wrapper .content.external .sbj:after,
#organization .organization_content.ver2 .wrapper .content.external .sbj:before {display: none;}
#organization .organization_content.ver2 .wrapper .content.external .sbj {width: 100%; flex-direction: row; justify-content: flex-start; border: 1px solid #4488ff; padding: 10px 16px; font-size: 30px; background: #4488FF; color: #fff; align-items: flex-end;}
#organization .organization_content.ver2 .wrapper .content.external .sbj * {color: #fff;}

@media screen and (max-width: 767px) {
  #organization .organization_content {flex-direction: column; gap: 50px;}
  #organization .organization_content .content {flex-direction: column; width: 100%;}
  #organization .organization_content .content .sbj {width: 100%; padding: 10px 16px; flex-direction: row; font-size: 20px; gap: 10px; justify-content: flex-start;}
  #organization .organization_content .content .desc_cont {padding:20px 16px; gap: 35px;}
  #organization .organization_content .content .desc_cont .desc .tit {font-size: 15px; margin-bottom: 15px;}
  #organization .organization_content .content .desc_cont .desc .txt {font-size: 14px;}
  #organization .organization_content .wrapper {gap: 20px;}
  #organization .organization_content.ver2 .wrapper .content.external .sbj {font-size: 20px; line-height: 1.1;}
  #organization .organization_content.ver2 .wrapper .content.external .sbj .sbj_sml,
  #organization .organization_content .wrapper .content .sbj .sbj_sml {font-size: 13px;}
  #organization .organization_content .wrapper .content:nth-child(n+2):nth-child(-n+4) .sbj {font-size: 18px;}
  #organization .organization_content .wrapper .content .desc_cont {padding:20px 16px;}
  #organization .organization_content .content.left:after {display: none;}
  #organization .organization_content .content.left:before {display: none;}
  #organization .organization_content .wrapper .content .sbj:before {display: none;}
  #organization .organization_content .wrapper .content .sbj:after {width: 6px;height: 6px;}
}

/* patent */
#patent {}
#patent .page_title_ko .sml {font-size: 20px; font-weight: 400;}
#patent .page_body {display: flex; width: 100%; justify-content: space-between; align-items: flex-end;}
#patent .img_cont {box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); ;width: 238px; height:340px;  }
#patent .img_cont .thumb {display: none; }
#patent .img_cont .thumb.active {display: flex; }
#patent .table_container.type2 .saehan_table tbody td .flex {gap: 10px;}
#patent .table_container.type2 .saehan_table tbody td .plus_btn {cursor: pointer; transform: translateY(3px);}
#patent .table_container::-webkit-scrollbar-track {background: #ececec;}
@media screen and (max-width: 767px) {
  #patent .page_title_ko .sml {font-size: 15px;}
  #patent .page_body {flex-direction: column; align-items: center; gap: 20px;}
  #patent .table_container.type2 .saehan_table tbody td .plus_btn {transform: translateY(0px);}
  #patent .table_container.type2 .saehan_table tbody td .plus_btn svg {width: 15px;}
  #patent .img_cont {width: 100%; height: auto;}
}

/* business overview */
#busi-overview {background: rgba(220, 226, 233,0.5);}
#busi-overview .page_title_ko {font-size: 45px;}
#busi-overview .busi_overview_content {display: flex;gap: 16px; justify-content: space-between; height: 100%;}
.white_box_wrapper {width: 50%; height: 100%; display: flex;}
.white_box_cont {display: flex; gap: 50px; justify-content: space-between; width: 100%; background: #fff;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); padding:30px 35px; align-items: flex-end;}
.white_box_cont .img_cont {width: 50%;}
.white_box_cont .text_cont {width: 45%;}
.white_box_cont .text_cont .sbj {color:#0C58A6; font-size: 28px;font-weight: 600;}
.white_box_cont .text_cont .sbj .sml{font-size: 19px;color:#222222; font-weight: 400;}
.white_box_cont .text_cont .divide {margin: 0.8em 0;}
.white_box_cont .text_cont .desc {font-size: 20px;line-height: 1.5;}
.white_box_wrapper:nth-child(2) {display: flex;gap: 16px;}
.white_box_wrapper:nth-child(2) .white_box_cont {flex-direction: column;}
.white_box_wrapper:nth-child(2) .white_box_cont .img_cont {width: 100%; display: block; margin:  auto;}
.white_box_wrapper:nth-child(2) .white_box_cont .text_cont {width: 100%;}
@media screen and (max-width: 767px) {
  #busi-overview .page_title_ko {font-size: 24px; word-break: keep-all;}
  #busi-overview .busi_overview_content {flex-direction: column;}
  .white_box_wrapper {width: 100%;}
  .white_box_wrapper:nth-child(2) {flex-direction: column;}
  .white_box_cont {padding: 20px; flex-direction: column; gap: 30px;}
  .white_box_cont .img_cont {width: 100%;}
  .white_box_cont .text_cont {width: 100%;}
  .white_box_cont .text_cont .sbj {font-size: 20px;}
  .white_box_cont .text_cont .sbj .sml {font-size: 15px;}
  .white_box_cont .text_cont .desc {font-size: 15px; display: block;line-height: 1.3;}
}

/* business_areas */
#business_areas {background: rgba(220, 233, 233, 0.3);}
#business_areas .page_desc {padding-top: 20px;}
#business_areas .white_box_wrapper {width: 100%;}
#business_areas .white_box_wrapper .white_box_cont {padding:77px 40px; gap: 0px;}
#business_areas .white_box_wrapper .white_box_cont .item {display: flex; flex-direction: column;align-items: center;justify-content: flex-end;height: 100%; position: relative; width: 100%; padding-bottom: 20px;}
#business_areas .white_box_wrapper .white_box_cont .item .txt {font-size: 22px; line-height: 1.18; text-align: center; min-height: 50px; display: flex; align-items: center;}
#business_areas .white_box_wrapper .white_box_cont .item::before {content:""; position: absolute;top:50%;  right:-8px; width: 15px;height: 10px; background:#64B7FF; z-index: 1;}
#business_areas .white_box_wrapper .white_box_cont .item::after {content:""; position: absolute;top:50%; right:-16px; width: 12px;height: 18px; background:#64B7FF; transform: translate(0, -20%); clip-path: polygon(80% 50%, 0 0, 0 100%);z-index: 1;}
#business_areas .white_box_wrapper .white_box_cont .item:last-child::before,
#business_areas .white_box_wrapper .white_box_cont .item:last-child::after {display: none;}
#business_areas .white_box_wrapper .white_box_cont .item:nth-child(6) {background: #E5F5FF; border-radius: 10px;}
#business_areas .white_box_wrapper .white_box_cont .item:nth-child(6) .txt {color:#335D96; font-weight: 700 !important;}
@media screen and (max-width: 767px) {
  #business_areas .white_box_wrapper .white_box_cont {padding: 20px; gap: 30px;}
  #business_areas .white_box_wrapper .white_box_cont .item {padding-bottom: 0;}
  #business_areas .white_box_wrapper .white_box_cont .item .txt {font-size: 16px; min-height: auto;}
  #business_areas .white_box_wrapper .white_box_cont .item::before {right:auto; left:50%; top:100%; transform: translate(-50% , 0); width: 10px; height: 15px;}
  #business_areas .white_box_wrapper .white_box_cont .item::after {right:auto; left:50%; top:108%; transform: translate(-50% , 0) rotate(90deg);  }
}

/* sales_perfomance */
#sales_perfomance {}
#sales_perfomance .sales_perfo_content {display: flex; gap: 130px; justify-content: space-between;}
#sales_perfomance .sales_perfo_content .white_box_cont {background: #F7FAFF; border-radius: 5px;width:605px;align-items: center; justify-content: center; flex-shrink: 0;}
#sales_perfomance .sales_perfo_content .white_box_cont img {}
#sales_perfomance .sales_perfo_content .text_cont {display: flex; flex-direction: column; gap: 40px; justify-content: space-between;}
#sales_perfomance .sales_perfo_content .text_cont .item {display: flex; align-items: center; background: rgba(245, 245, 245, 0.6);border-top: 2px solid rgba(39, 87, 165, 0.5);}
#sales_perfomance .sales_perfo_content .text_cont .item .head {background: #EBF2F9; padding: 20px 50px;position: relative;display: flex;height: 100%;}
#sales_perfomance .sales_perfo_content .text_cont .item .head .sbj {color:#0E6ED0; width: 315px; margin-bottom: 0;}
#sales_perfomance .sales_perfo_content .text_cont .item .head .num {font-size: 85px; width: 96px;  color:rgba(34, 34, 34, 0.1);  line-height: 1; position: absolute; right: 20px; bottom:-13px; letter-spacing: -0.08em;}
#sales_perfomance .sales_perfo_content .text_cont .item .ls_cont {padding: 20px 25px 20px 40px;}
#sales_perfomance .sales_perfo_content .text_cont .item .ls_cont > li {padding-bottom: 0.2em; font-size: 20px;}
@media screen and (max-width: 767px) {
  #sales_perfomance .sales_perfo_content {flex-direction: column; gap: 50px;}
  #sales_perfomance .sales_perfo_content .white_box_cont {width: 100%;}
  #sales_perfomance .sales_perfo_content .text_cont .item {flex-direction: column;}
  #sales_perfomance .sales_perfo_content .text_cont .item .head {width: 100%;padding:10px 15px; align-items: center;}
  #sales_perfomance .sales_perfo_content .text_cont .item .head .sbj {width: 100%; font-size: 18px;}
  #sales_perfomance .sales_perfo_content .text_cont .item .head .num {font-size: 60px; width: auto; position: static;}
  #sales_perfomance .sales_perfo_content .text_cont .item .ls_cont {padding: 15px; width: 100%;}
  #sales_perfomance .sales_perfo_content .text_cont .item .ls_cont > li {font-size: 14px;}
}

/* partner */
#partner {background: rgba(220, 226, 233, 0.5);}
#partner .partner_content {display: flex; flex-direction: column; gap: 34px;}
#partner .partner_content .cont {display: flex; gap: 47px; justify-content: space-between;}
#partner .partner_content .cont .head {width: 226px; border-top: 2px solid #0098D0;padding:15px 5px; flex-shrink: 0;}
#partner .partner_content .cont .head .sbj {font-size: 28px; color:#0098D0; }
#partner .partner_content .cont.bot .head {border-top: 2px solid #0E6ED0;}
#partner .partner_content .cont.bot .head .sbj {color:#0E6ED0; }
#partner .partner_content .cont .head .desc {padding-top: 20px;display: block;}
#partner .partner_content .cont .white_box_wrapper {width: 100%;gap: 30px;}
#partner .partner_content .cont .white_box_wrapper .white_box_cont {padding: 30px; align-items: flex-start; gap: 20px; border-radius: 10px;}
#partner .partner_content .cont .white_box_wrapper .white_box_cont .txt {font-size: 19px; line-height: 1.5; letter-spacing: -0.02em;}
#partner .cont.bot .white_box_wrapper {display: grid; grid-template-columns: repeat(4,1fr);}
#partner .cont.bot .white_box_wrapper .white_box_cont:first-child {grid-column: span 2;}
#partner .noti {font-size: 16px; padding-top: 20px; color:#707070;}
@media screen and (max-width: 767px) {
  #partner .partner_content {gap: 60px;}
  #partner .partner_content .cont {flex-direction: column;gap: 10px;}
  #partner .partner_content .cont .head {width: 100%; padding: 8px 0;}
  #partner .partner_content .cont .head .sbj {font-size: 20px;}
  #partner .partner_content .cont .head .desc {font-size: 14px; padding-top: 10px;}
  #partner .partner_content .cont .white_box_wrapper {gap: 20px;}
  #partner .partner_content .cont .white_box_wrapper .white_box_cont {gap: 10px;align-items: center; padding: 20px;}
  #partner .partner_content .cont .white_box_wrapper .white_box_cont .txt {font-size: 14px; text-align: center;}
  #partner .cont.bot .white_box_wrapper {display: flex;}
  #partner .noti {font-size: 12px;}
}

/* techonology : target */
#target {}
#target .target_content {display: flex;gap:60px; justify-content: space-between;}
#target .target_content .white_box_wrapper {display: flex; flex-direction: column; gap: 0; height: auto;}
#target .target_content .white_box_wrapper .sbj {font-size: 25px;background: #1980D8; padding: 12px; text-align: center;margin-bottom:1em; border-radius: 6px; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); color:#fff;}
#target .target_content .white_box_wrapper .white_box_cont {gap: 30px; border:1px solid #D8D8D8; border-radius: 6px; flex-direction: column; align-items: flex-start; height: 100%;}
#target .target_content .white_box_wrapper .white_box_cont .divide {width: 100%; height: 1px; background: #D8D8D8; transition:transform 2.5s !important; }
#target .target_content .white_box_wrapper .white_box_cont .cont {min-height: 125px;}
#target .target_content .white_box_wrapper .white_box_cont .cont .tit {font-size: 23px; color:#1562A4; padding-bottom: 0.8em; display: block;}
#target .target_content .white_box_wrapper .white_box_cont .cont .bullet {padding-left: 5px;}
#target .target_content .white_box_wrapper .white_box_cont .cont .bullet > li {padding-bottom: 0.7em;}
#target .target_content .white_box_wrapper:last-child .white_box_cont .cont .bullet > li {padding-bottom: 0.35em;}
#target .target_content .white_box_wrapper:last-child .sbj {background: #1059D2;}
#target .target_content .white_box_wrapper:last-child .cont .tit {color: #0A4098;}
@media screen and (max-width: 767px) {
  #target .target_content {flex-direction: column;}
  #target .target_content .white_box_wrapper .sbj {font-size: 20px; padding: 7px;}
  #target .target_content .white_box_wrapper .white_box_cont .cont .tit {font-size: 17px;}
  #target .target_content .white_box_wrapper .white_box_cont .cont .bullet {padding-left: 0;}
}

/* technology : rnd  */
#rnd {}
#rnd .rnd_content {display: flex; flex-direction:column-reverse; overflow: hidden; position: relative;}
#rnd .rnd_content .year_cont {display: flex; width: 100%; gap: 80px; padding: 5px 0;}
#rnd .rnd_content .year_cont > li {font-family: var(--font-sub1); font-weight: 600; padding: 0 60px;position: relative;}
#rnd .rnd_content .year_cont > li::before {content:""; position: absolute; height: 460px; top:-475px; left:50%; border: 1px dashed rgba(112, 112, 112, 0.5); transform: translate(-50% , 0);}
#rnd .rnd_content .year_cont > li::after {content:""; position: absolute; height: 460px;top:-465px;left: 80px; width: calc(100% + 80px); background:linear-gradient(to left, rgba(0, 0, 0, 0.01) 0% , rgba(0, 0, 0, 0.04) 100%);}
#rnd .rnd_content .year_cont > li:last-child::after {width: calc(100% + 164px);}
#rnd .rnd_content .content {display: flex; flex-direction: column-reverse; gap:9px; background: linear-gradient(to right , #F7F7F7 0%, #DBDBDB 100%); padding: 20px;}
#rnd .rnd_content .content .item {color:#fff; border-radius: 5px;  padding: 5px 40px;width: 614px;clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);}
#rnd .rnd_content .content .item:nth-child(1) {background: #6FBEF2;margin-left: 0px;}
#rnd .rnd_content .content .item:nth-child(2) {background: #4AA4DF;margin-left: 190px;}
#rnd .rnd_content .content .item:nth-child(3) {background: #1E77C5;margin-left: 380px;}
#rnd .rnd_content .content .item:nth-child(4) {background: #1058AB;margin-left: 570px;}
#rnd .rnd_content .content .item:nth-child(5) {background: #003C81;margin-left: 760px;}
#rnd .rnd_content .content .item:nth-child(6) {background: #0D1F5E;margin-left: 950px;}
#rnd .rnd_content .content .item .sbj {font-size: 20px;}
#rnd .rnd_content .content .item .txt {font-size: 16px;}
#rnd .rnd_content .thumb {position: absolute; right:60px;bottom:74px;}
@media screen and (max-width: 767px) {
  #rnd .rnd_content {flex-direction: row; width: 100%; gap: 15px;}
  #rnd .rnd_content .year_cont {flex-direction: column; gap: 100px; width: auto;}
  #rnd .rnd_content .year_cont > li {padding: 0; font-size: 14px; background: #fff;}
  #rnd .rnd_content .year_cont > li::after {display: none;}
  #rnd .rnd_content .year_cont > li::before {height: 500%; top:100%; }
  #rnd .rnd_content .year_cont > li:last-child::before {display: none;}
  #rnd .rnd_content .content {flex-direction: column; width: 100%; padding: 10px; background: linear-gradient(to bottom , #F7F7F7 0%, #DBDBDB 100%); justify-content: space-between;}
  #rnd .rnd_content .content .item {width: 100%; height:auto; clip-path: none; padding: 10px 15px; display: flex; flex-direction: column; gap: 10px;}
  #rnd .rnd_content .content .item .sbj {font-size: 18px;}
  #rnd .rnd_content .content .item .txt {font-size: 14px; display: block; line-height: 1.3;}
  #rnd .rnd_content .content .item:nth-child(2) {margin-left: 0;}
  #rnd .rnd_content .content .item:nth-child(3) {margin-left: 0;}
  #rnd .rnd_content .content .item:nth-child(4) {margin-left: 0;}
  #rnd .rnd_content .content .item:nth-child(5) {margin-left: 0;}
  #rnd .rnd_content .content .item:nth-child(6) {margin-left: 0;}
  #rnd .rnd_content .thumb {position: static; display: none;}
}

/* regard_busi */
#regard_busi {}
#regard_busi .regard_busi_content {display: flex;gap: 70px; justify-content: space-between;}
#regard_busi .regard_busi_content .text_cont {width: 856px; display: flex; flex-direction: column; justify-content: space-between; gap:85px;}
#regard_busi .regard_busi_content .text_cont .cont {display: flex; flex-direction: column;}
#regard_busi .regard_busi_content .text_cont .cont .sbj {font-size: 30px; color:#0098D0;}
#regard_busi .regard_busi_content .text_cont .cont .divide {width: 100%; background: #0098D0;height: 2px; margin: 1.1em 0 ; transform-origin:left;}
#regard_busi .regard_busi_content .text_cont .cont.bot .sbj {color:#0E6ED0;}
#regard_busi .regard_busi_content .text_cont .cont.bot .divide {background:#0E6ED0;}
#regard_busi .regard_busi_content .text_cont .cont .bullet > li {font-size: 22px;padding-bottom: 0.2em;}
@media screen and (max-width: 767px) {
  #regard_busi .regard_busi_content {flex-direction: column; gap: 30px;}
  #regard_busi .regard_busi_content .text_cont {width: 100%; gap: 30px;}
  #regard_busi .regard_busi_content .text_cont .cont .sbj {font-size: 20px;}
  #regard_busi .regard_busi_content .text_cont .cont .divide {margin: 0.8em 0;}
  #regard_busi .regard_busi_content .text_cont .cont .bullet > li {font-size: 14px;}
}

/* production_process */
#production_process {background: rgba(220, 233, 233, 0.3);}
#production_process .production_process_content .white_box_cont {padding: 80px 85px; gap: 0; align-items: flex-start;}
#production_process .production_process_content .white_box_cont .item {display: flex; flex-direction: column;  align-items: center; height: 100%; position: relative;}
#production_process .production_process_content .white_box_cont .item .sbj {font-size: 28px; color:#006FB8;}
#production_process .production_process_content .white_box_cont .item:nth-child(even) .sbj {color:#004286;}
#production_process .production_process_content .white_box_cont .item img {display: block;}
#production_process .production_process_content .white_box_cont .item .txt {font-size: 22px; font-weight: 500; line-height: 1.27; display: flex; flex-direction: column; margin-top: 25px; min-height: 50px; justify-content: center; } 
#production_process .production_process_content .white_box_cont .item::before {content:""; position: absolute;top:50%;  right:-13px; width: 28px;height: 20px; background:#4A96D9; z-index: 1;}
#production_process .production_process_content .white_box_cont .item::after {content:""; position: absolute;top:50%; right:-29px; width: 18px;height: 34px; background:#4A96D9; transform: translate(0, -20%); clip-path: polygon(80% 50%, 0 0, 0 100%);z-index: 1;}
#production_process .production_process_content .white_box_cont .item::before,
#production_process .production_process_content .white_box_cont .item::after {display: none;}
#production_process .production_process_content .white_box_cont .item:last-child::before,
#production_process .production_process_content .white_box_cont .item:last-child::after {display: none;} 
@media screen and (max-width: 767px) {
  #production_process .production_process_content .white_box_cont {padding: 20px; gap: 60px;}
  #production_process .production_process_content .white_box_cont .item {width: 100%; padding:10px 20px; background: #fbfbfb;}
  #production_process .production_process_content .white_box_cont .item .sbj {font-size: 20px;}
  #production_process .production_process_content .white_box_cont .item .txt {margin-top: 0; font-size: 16px; min-height: auto;}
  #production_process .production_process_content .white_box_cont .item::before {right:auto; top:109%; left:50%; transform: translate(-50% , 0); width: 14px; height: 20px;}
  #production_process .production_process_content .white_box_cont .item::after {right:auto; top:114%; left:50%; transform: translate(-50% , 0) rotate(90deg);width: 15px; height: 27px;  }
  #production_process .production_process_content .white_box_cont .item img {width: 60%;}
}

/* prodcut : cover */
.depth2--product_cover .controller {pointer-events: none;}
.depth2--product_cover .controller .btn {pointer-events: initial;}
#product_cover {}
#product_cover .page__container {padding:0;}
#product_cover .page__contents {flex-direction: row;}
#product_cover .product_cover {display: flex;width: 75%;}
#product_cover .product_cover .section {border-right:1px solid #cfcfcf; width: 50%; cursor: pointer; }
#product_cover .product_cover .section .visual {margin-top: auto;}
#product_cover .product_cover .section .prod_thumb {display: block;margin:auto 0 0 auto;width: 70%; opacity: 0.5; transition: opacity .2s;}
#product_cover .product_cover .section:nth-child(2) .prod_thumb {width: 65%;}
#product_cover .product_cover .section a {display: flex; flex-direction: column; align-items: flex-start; padding: 140px 40px 57px 88px;  width: 100%; height: 100%;}
#product_cover .text_cont { transition:color .3s ease;}
#product_cover .text_cont .sml {color:#707070;font-size: 18px;  display: block;}
#product_cover .text_cont .sbj {font-size: 62px; margin:0.15em 0 0.32em;}
#product_cover .text_cont .go {border:1px solid #0072FF; padding:17px 15px; width: 200px; color:#0072FF; display: flex; align-items: center; justify-content: space-between; }
#product_cover .text_cont .go .arrow_icon {display: flex;}
#product_cover .product_btn {width: 25%; margin-top: 80px; display: flex; flex-direction: column;}
#product_cover .product_btn .item {border-bottom: 1px solid #cfcfcf; }
#product_cover .product_btn .item:last-child {border-bottom: none;}
#product_cover .product_btn .item .text_cont {padding: 40px 10px 40px 40px; display: flex; flex-direction: column; justify-content: center;}
#product_cover .product_btn .item .text_cont .sml {font-size: 18px;color:#707070;}
#product_cover .product_btn .item .text_cont .sbj {font-size: 38px; margin-top: 0; color:rgba(34, 34, 34,0.5);}

@media (hover:hover){
  #product_cover .product_cover .section:hover {background: linear-gradient(to bottom, #00A8FF 0% , #002979 100%);  }
  #product_cover .product_cover .section:hover .text_cont {color:#fff;}
  #product_cover .product_cover .section:hover .text_cont .sml{color:#fff;}
  #product_cover .product_cover .section:hover .text_cont .go {border-color:#fff; color:#fff; background:rgba(255, 255, 255,0.3);}
  #product_cover .product_cover .section:hover .text_cont .go .arrow_icon svg path,
  #product_cover .product_cover .section:hover .text_cont .go .arrow_icon svg line {stroke:#fff;}
  #product_cover .product_btn .item:hover {background: linear-gradient(to bottom, #00A8FF 0% , #002979 100%);}
  #product_cover .product_btn .item:hover .text_cont {color:#fff;}
  #product_cover .product_btn .item:hover .text_cont .sbj {color:#fff;}
  #product_cover .product_btn .item:hover .text_cont .sml{color:#fff;}
  #product_cover .product_cover .section:hover .prod_thumb {opacity: 1;}
}

@media screen and (max-width: 767px) {
  #product_cover .page__contents {flex-direction: column; gap: 0;}
  #product_cover .product_cover {flex-direction: column; width: 100%;gap: 20px;}
  #product_cover .product_cover .section {width: 100%; border-right: none; }
  #product_cover .product_cover .section a {padding: 30px 0; border-bottom: 1px solid #cfcfcf;}
  #product_cover .product_cover .section .prod_thumb {width: 50%; opacity: 1;}
  #product_cover .product_cover .section:nth-child(2) .prod_thumb {width:50%;}
  #product_cover .text_cont .sml {font-size: 15px;}
  #product_cover .text_cont .sbj {font-size: 30px;}
  #product_cover .text_cont .go {font-size: 14px; padding: 10px 15px; gap: 20px; width: auto;}
  #product_cover .text_cont .go .arrow_icon svg {width: 30px;}

  #product_cover .product_btn {width: 100%; margin-top: 30px; display: flex; flex-direction: column; gap: 10px; }
  #product_cover .product_btn .item {border-bottom: none;}
  #product_cover .product_btn .item .text_cont {padding:20px 30px; background: #f9f9f9;}
  #product_cover .product_btn .item .text_cont .sbj {font-size:26px;margin-bottom: 0;}
  #product_cover .product_btn .item .text_cont .sml {font-size: 15px;}
}


/* both_side_machine_intro */
#both_side_machine_intro {}
#both_side_machine_intro .page_head {position: absolute;}
#both_side_machine_intro .page_body {padding-bottom: 60px;}
.type--prod_content {background: #DBDBDD;}
.type--prod_content .page_cate {font-size: 20px; color:#707070; text-transform: capitalize; font-weight: 400;}
.type--prod_content .page_title_ko {font-size: 68px;font-weight: 700;}
.type--prod_content .patent {margin-top: 20px; border:1px solid #acabab; border-radius: 6px; background: rgba(112, 112, 112,0.3); width: 300px; display: flex; align-items: center;padding: 10px 20px; gap: 15px;}
.type--prod_content .patent .txt {font-size: 15px; line-height: 1.3; font-weight: 600; margin-top: 5px;}
.type--prod_content .patent .txt .sml {font-size: 12px;color:#707070;font-weight: 400;}
.type--prod_content .page_body {display: flex;height: 100%; align-items: flex-end;}
.type--prod_content .icon_cont {display: flex; width: 700px; flex-shrink: 0;}
.type--prod_content .icon_cont .item {display: flex; flex-direction: column; width: 100%; align-items: center;gap: 20px;}
.type--prod_content .icon_cont .item .text_cont {text-align: center;position: relative;width: 100%;}
.type--prod_content .icon_cont .item .text_cont::before {content:"";position: absolute; width: 1px; height: 100%; background:#707070; top:50%; right:0px; transform: translate(0,-50%);}
.type--prod_content .icon_cont .item:last-child .text_cont::before {display: none;}
.type--prod_content .icon_cont .item .text_cont .sbj {color:#0072FF;}
.type--prod_content .visual_thumb {position: absolute;right: 0px;bottom:-67px;}
@media screen and (max-width: 767px) {
  #both_side_machine_intro .page_head {position: relative;}
  #both_side_machine_intro .page_body {flex-direction: column; gap: 50px; padding-bottom: 0;}
  .type--prod_content .page_cate {font-size: 18px;}
  .type--prod_content .page_title_ko {font-size: 34px;}
  .type--prod_content .visual_thumb {position: static;}
  .type--prod_content .patent {width: 100%;}
  .type--prod_content .patent .txt {font-size: 14px;}
  .type--prod_content .page_body {flex-direction: column-reverse; gap: 0px;align-items: center;}
  .type--prod_content .icon_cont {flex-direction: column;width: 100%; gap: 20px;}
  .type--prod_content .icon_cont .item {gap: 10px; background: rgba(255, 255, 255, 0.5); padding:20px 10px; border-radius: 10px;}
  .type--prod_content .icon_cont .item img {width: 130px;}
  .type--prod_content .icon_cont .item .text_cont::before {display: none;}
  .type--prod_content .icon_cont .item .text_cont .sbj {font-size: 18px !important; margin-bottom: 0;}
  .type--prod_content .icon_cont .item .text_cont span {font-size: 14px;}
  .type--prod_content.page__container .page__contents {gap: 30px;}
}


/* both_side_machine */

/* slide 1 */
.prod_side_machine_container {width: 1359px;  position: absolute;bottom:67px; left:140px; overflow: hidden; opacity: 0; transform: translateY(120%);transition:transform .4s ease, opacity .4s;z-index: 1111; will-change: transform; -webkit-will-change: transform;}
.prod_side_machine_container.multi .prod_side_machine_wrapper {height: 482px;}
.prod_side_machine_container .prod_side_machine_wrapper {display: flex; padding-bottom: 30px;}
.prod_side_machine_container .white_box_cont {padding:40px 50px;align-items:initial; justify-content: space-between; width: 100%; flex-shrink: 0;}
.prod_side_machine_container .white_box_cont .divide {width: 1px;  background: rgba(112, 112, 112, 0.5);}
.prod_side_machine_container .white_box_cont .cont {display: flex; flex-direction: column; gap: 25px;width: 50%; position: relative;}
.prod_side_machine_container .white_box_cont .cont .sbj {font-size: 50px; color:#0C58A6;}
.prod_side_machine_container .white_box_cont .cont .bullet > li {font-size: 20px; padding-bottom: 0.3em; letter-spacing: -0.035em;}
.prod_side_machine_container .white_box_cont .cont .bullet > li:before {background: rgba(0, 114, 255, 0.3); width: 7px; height: 7px ;}
.prod_side_machine_container .white_box_cont .cont .thumb {align-self: flex-end; margin-top: auto;}

/* slide 2 */
.prod_side_machine_container .white_box_cont .desc_cont {display: flex;width: 100%; justify-content: space-between; padding: 0 15px;}
.prod_side_machine_container .white_box_cont .desc_cont .text_box {display: flex; flex-direction: column; width: 50%; flex-shrink:0;}
.prod_side_machine_container .white_box_cont .desc_cont .text_box .tit {font-size: 25px; color:#707070; }
.prod_side_machine_container .white_box_cont .desc_cont .text_box .sml {font-weight: 600; color:#222222;}
.prod_side_machine_container .white_box_cont .desc_cont .text_box .img_cont {display: flex;gap: 10px; width: 100%; align-items: flex-end; margin-top: 20px;}
.prod_side_machine_container .white_box_cont .desc_cont .text_box .img_cont .txt {font-size: 11px; line-height: 1.5;}
.prod_side_machine_container .white_box_cont .desc_cont.bot {border:1px solid #00A0EB; border-radius: 10px; padding:20px;}
.prod_side_machine_container .white_box_cont .desc_cont.bot .text_box .tit {color:#006B9C; font-size: 30px;}

/* slide 3 */
.prod_side_machine_container .white_box_cont:last-child {}
.prod_side_machine_container .white_box_cont:last-child .desc_cont .text_box .txt_cont {text-align: right;margin-top: 30px;}
.prod_side_machine_container .white_box_cont:last-child .desc_cont .text_box .txt_cont .bar {background: #7D7D7D; border-radius: 4px; color:#fff; font-weight: 500; font-size: 17px; padding:3px 25px ;}
.prod_side_machine_container .white_box_cont:last-child .desc_cont .text_box .txt_cont .bar span {margin-left: 30px;}
.prod_side_machine_container .white_box_cont:last-child .desc_cont .text_box .txt_cont .txt {font-size: 11px;}
.prod_side_machine_container .white_box_cont:last-child .desc_cont.bot .text_box .txt_cont .inner {display: flex; align-items: center; justify-content: space-between;}
.prod_side_machine_container .white_box_cont:last-child .desc_cont.bot .text_box .txt_cont .inner .bar {background: #00A0EB; text-align: right;}
.prod_side_machine_container .white_box_cont:last-child .desc_cont.bot .text_box .txt_cont .txt {font-size: 13px;color:#00A0EB; font-weight: 700;letter-spacing: -0.020em;}
.prod_side_machine_container .white_box_cont .spec > li {padding-bottom: 15px; display: flex; align-items: center; gap: 25px;}
.prod_side_machine_container .white_box_cont .spec > li .tit {font-size: 20px; font-weight: 600; color:#fff; padding:2px 30px; border-radius: 16px; background-color: #2757A5; align-self: flex-start;}
.prod_side_machine_container .white_box_cont .spec_img_cont {display: flex; gap: 12px;justify-content: space-between; }
.prod_side_machine_container .white_box_cont .spec_img_cont >li {text-align: right;display: flex;flex-direction: column; gap: 5px;}
.prod_side_machine_container .white_box_cont .spec_img_cont >li > span {font-size: 10px;}

/* pagination */
.prod_side_machine_container .prod_side_machine_pagi {transition: width .4s ease; z-index: 111111; position: absolute; bottom:0; width: 100%; height: 14px; display: flex; align-items: center; justify-content: center; gap: 7px;}
.prod_side_machine_container .prod_side_machine_pagi .pagi-bullet {width: 14px; height: 14px; border-radius: 50%; background: #ffffff;}
.prod_side_machine_container .prod_side_machine_pagi .pagi-bullet.active {background: #00A0EA; width: 45px; border-radius: 10px;}

.prodBothState--hide .prod_side_machine_container.both {opacity: 0;pointer-events: none;}
.prodBothState--show .prod_side_machine_container.both {opacity: 1;pointer-events: initial; transform: translateY(0%);}
.prodMultiState--hide .prod_side_machine_container.multi {opacity: 0;pointer-events: none;}
.prodMultiState--show .prod_side_machine_container.multi {opacity: 1;pointer-events: initial;transform: translateY(0%);}

/* prod Both State */
.prodBothState--show.depth3--both_side_machine_1 .prod_side_machine_container.both .prod_side_machine_wrapper {transform:translate(0%); transition: transform .5s ease;}
.prodBothState--show.depth3--both_side_machine_2 .prod_side_machine_container.both .prod_side_machine_wrapper {transform:translate(-100%); transition: transform .5s ease;}
.prodBothState--show.depth3--both_side_machine_3 .prod_side_machine_container.both .prod_side_machine_wrapper {transform:translate(-200%); transition: transform .5s ease;}
.prodBothState--show.depth3--both_side_machine_1 .prod_side_machine_container .prod_side_machine_pagi .pagi-bullet:nth-child(1) {background: #00A0EA; width: 45px; border-radius: 10px}
.prodBothState--show.depth3--both_side_machine_2 .prod_side_machine_container .prod_side_machine_pagi .pagi-bullet:nth-child(2) {background: #00A0EA; width: 45px; border-radius: 10px}
.prodBothState--show.depth3--both_side_machine_3 .prod_side_machine_container .prod_side_machine_pagi .pagi-bullet:nth-child(3) {background: #00A0EA; width: 45px; border-radius: 10px}

/* prod multi State */
.prodMultiState--show.depth3--multi_wire_machine_1 .prod_side_machine_container.multi .prod_side_machine_wrapper {transform:translate(0%); transition: transform .5s ease;}
.prodMultiState--show.depth3--multi_wire_machine_2 .prod_side_machine_container.multi .prod_side_machine_wrapper {transform:translate(-100%); transition: transform .5s ease;}
.prodMultiState--show.depth3--multi_wire_machine_3 .prod_side_machine_container.multi .prod_side_machine_wrapper {transform:translate(-200%); transition: transform .5s ease;}
.prodMultiState--show.depth3--multi_wire_machine_1 .prod_side_machine_container .prod_side_machine_pagi .pagi-bullet:nth-child(1) {background: #00A0EA; width: 45px; border-radius: 10px}
.prodMultiState--show.depth3--multi_wire_machine_2 .prod_side_machine_container .prod_side_machine_pagi .pagi-bullet:nth-child(2) {background: #00A0EA; width: 45px; border-radius: 10px}
.prodMultiState--show.depth3--multi_wire_machine_3 .prod_side_machine_container .prod_side_machine_pagi {width: 50%; }
.prodMultiState--show.depth3--multi_wire_machine_3 .prod_side_machine_container .prod_side_machine_pagi .pagi-bullet:nth-child(3) {background: #00A0EA; width: 45px; border-radius: 10px}

.mo_view_content {display: none;}
@media screen and (max-width: 767px) {

  .prod_side_machine_container {display: none;}
  .mo_view_content {display: flex;}
  .mo_view_content .white_box_cont {padding: 30px 17px; gap: 20px; align-items: flex-start;}
  .mo_view_content .white_box_cont .divide {width: 100%; height: 1px ; background-color: #b4b4b4;}
  .mo_view_content .white_box_cont .cont {display: flex; flex-direction: column; gap: 20px; width: 100%;}
  .mo_view_content .white_box_cont .cont .txt {font-size: 13px; word-break: keep-all;}
  .mo_view_content .white_box_cont .cont .sbj {font-size: 20px;}
  .mo_view_content .white_box_cont .cont .img_cont {display: flex; gap: 10px; align-items: center;}
  .mo_view_content .white_box_cont .cont .desc_cont {display: flex; flex-direction: column; gap: 10px; }
  .mo_view_content .white_box_cont .cont .desc_cont .thumb {display: block; margin: 0 auto;border: 1px solid #dedede; border-radius: 5px; width: 100%;}
  .mo_view_content .white_box_cont .cont .desc_cont .text_box {display: flex; flex-direction: column; gap: 15px;}
  .mo_view_content .white_box_cont .cont .desc_cont .text_box .txt_cont .inner {display: flex; justify-content: space-between;}
  .mo_view_content .white_box_cont .cont .desc_cont .text_box .txt_cont .bar {background: #7D7D7D; border-radius: 4px; color: #fff;font-weight: 500;font-size: 17px;padding: 3px 25px;}  
  .mo_view_content .white_box_cont .cont .desc_cont.bot .text_box .txt_cont .bar {background: #00A0EB; }
  .mo_view_content .white_box_cont .spec {display: flex; flex-direction: column; gap: 15px;}
  .mo_view_content .white_box_cont .spec > li {display: flex; align-items: flex-start; gap: 10px;}
  .mo_view_content .white_box_cont .spec > li .tit { background: #2757A5; border-radius: 15px; padding: 0px 15px; color:#fff; font-size: 15px; flex-shrink: 0;}
  .mo_view_content .white_box_cont .spec > li .desc {font-size: 14px;}
  .mo_view_content .white_box_cont .spec_img_cont {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px 10px;}
  .mo_view_content .white_box_cont .spec_img_cont > li:first-child {grid-column: span 2;}
  .mo_view_content .white_box_cont .spec_img_cont > li {display: flex; flex-direction: column;}
  .mo_view_content .white_box_cont .spec_img_cont > li span {font-size: 14px;}
  .is_responsive ul.bullet > li {padding-bottom: 0.3em;}


}



/* both_side_machine_spec */
#both_side_machine_spec {}
#both_side_machine_spec .page_body {justify-content: space-between;}
@media screen and (max-width: 767px) {
  #both_side_machine_spec .page_body {flex-direction: column-reverse;}
}

/* multi_wire_machine_intro */
#multi_wire_machine_intro {}
#multi_wire_machine_intro .page_head {position: absolute;}
#multi_wire_machine_intro .type--prod_content .patent {width: 570px;}
#multi_wire_machine_intro .type--prod_content .patent .divide {width: 1px;  background: #707070;}
#multi_wire_machine_intro .type--prod_content .icon_cont {width: 890px;padding-bottom: 60px;}
@media screen and (max-width: 767px) {
  #multi_wire_machine_intro .page_head {position: relative;}
  #multi_wire_machine_intro .type--prod_content .patent {width: 100%; }
  #multi_wire_machine_intro .type--prod_content .patent .flex {flex-direction: column;gap: 8px; width: 100%;}
  #multi_wire_machine_intro .type--prod_content .patent .divide {width: 100%; height: 1px; }
  #multi_wire_machine_intro .type--prod_content .icon_cont {width: 100%; flex-direction: column;}
 
}


/* multi_wire_machine_2 */
.depth3--multi_wire_machine_2 .prod_side_machine_container .white_box_cont .cont .thumb.multi_slide_2_thumb_2 {position: absolute; bottom: 0px;}
.depth3--multi_wire_machine_2 .prod_side_machine_container .white_box_cont .desc_cont .text_box .sml {font-size: 15px; letter-spacing: -0.02em;}
.depth3--multi_wire_machine_2 .prod_side_machine_container .white_box_cont .desc_cont {gap: 20px;}


/* multi_wire_machine_3 */
.depth3--multi_wire_machine_3 .prod_side_machine_container.multi .white_box_cont:last-child {width: 50%;}
.depth3--multi_wire_machine_3 .prod_side_machine_container.multi .white_box_cont:last-child .cont {width: 100%;}
#multi_wire_machine_3 {}
@media screen and (max-width:767px){
  #multi_wire_machine_3 .page_body {flex-direction: column;}
}


/* multi_wire_machine_spec */
#multi_wire_machine_spec {}
@media screen and (max-width: 767px) {
  #multi_wire_machine_spec .visual_thumb {margin-bottom: -30px;}

}

/* vertical_machine_spec */
#vertical_machine_spec .saehan_table tbody td {padding: 7px 10px;}

/* grinding_center_machine_spec  */
@media screen and (max-width: 767px) {
  #grinding_center_machine_spec .type--prod_content.page__container .page__contents {gap: 0;}
}


/* last Page */
.depth1--last_page .btn--next {opacity: 0;}
#last_page {}
#last_page .page__contents {justify-content: flex-end;align-items: center;}
#last_page .page__contents .last_logo {padding-bottom: 360px;}
#last_page .page__contents .address {font-weight: 500;}
#last_page .page__contents .address span {color:#0072FF; font-weight: 600; margin-left: 20px;}
#last_page .page__contents .address i {color:#707070;}

@media screen and (max-width:767px ){
  .depth1--last_page .btn--next {opacity: 0.2;}
  #last_page .page__container {height: 100svh;}
  #last_page .page__contents .last_logo {padding-bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
  #last_page .page__contents .last_logo img {width: 70%;}
  #last_page .page__contents .address {font-size: 14px;}
  #last_page .page__contents .address a {display: block;}
  #last_page .page__contents .address span {margin-left: 0;}
}