@charset "UTF-8";
/* global */
/* font */
/* base */
/* margin block 변수 */
/* grid system XD 사이즈 */
/* path */
/* media query */
/* font */
/* margin-bottom 
*  @param {number} $length - block 개수
*  @param {number} $font-size - font-size
*  @param {number} $line-height - line-height
*  @param {number} $marginBlockPx - _variable.scss 에 선언한 pc,tablet,mobile 마진블럭 개당 px 값
*                                   default 값은 pc마진블럭, 랩탑,모바일에서 마진값 변동시 변수값 변경 후 사용
*                                   ex)  tablet - marginBottom(2,18,30,$tabletBlockSize)
*                                   ex)  mobile - marginBottom(2,18,30,$mobileBlockSize)
*                                   블럭개수 없고 기본 margin rem 사용 시
*                                   ex)  marginBottom(0,null,null,픽셀값입력), marginBottom(0,$marginBlockPx:픽셀값입력)
*
*/
/* margin-top
*  위와 동일 하나 margin-bottom 을 기본적으로 사용 하지만 예외적인 경우 margin-top 사용
*  예외 - 타이틀부분 공통 처리를 하였는데 서브타이틀이 사용되지 않는 페이지의 경우 타이틀에 불필요한 margin-bottom 이 들어갈 경우 등
*/
/* font-size */
/* 말줄임 */
/* transform */
/* vw 계산기 */
/* grid */
/* flex */
/* background */
/* bullet */
/* clear */
/* wordBreak */
/* base */
/* path */
/* layout */
#header a.logo {
  width: 124px;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
#header #gnb .depth2_list {
  padding-bottom: 129px;
}
#header #gnb > ul > li:nth-of-type(2) > a {
  padding: 0 40px;
}
#header #gnb > ul > li:nth-of-type(3) > a {
  padding: 0 50px;
}
#header #gnb > ul > li:nth-of-type(4) > a {
  padding: 0 40px;
}
#header #gnb.on > ul > li > a {
  padding: 0 55px !important;
}
@media (max-width: 1023px) {
  #header a.logo {
    width: 98.5px;
  }
}
@media (max-width: 766px) {
  #header a.logo {
    width: 77px;
  }
}

.mg_font {
  font-family: "Malgun Gothic";
}

#footer .bot_box .ft_logo {
  width: 124px;
}
@media (max-width: 1023px) {
  #footer .bot_box .ft_logo {
    width: 98.5px;
  }
}
@media (max-width: 766px) {
  #footer .bot_box .ft_logo {
    width: 77px;
  }
}

/* components */
/* plugin */
/* page */
.main .sec_visual .slide_1 .bg {
  background: url("/resources/en/local/images/main/main_sec_visual1_pc.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .slide_2 .bg {
  background: url("/resources/en/local/images/main/main_sec_visual2_pc.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .slide_3 .bg {
  background: url("/resources/en/local/images/main/main_sec_visual3_pc.jpg") 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .main .sec_visual .slide_1 .bg {
    background: url("/resources/en/local/images/main/main_sec_visual1_m.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec_visual .slide_2 .bg {
    background: url("/resources/en/local/images/main/main_sec_visual2_m.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec_visual .slide_3 .bg {
    background: url("/resources/en/local/images/main/main_sec_visual3_m.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
}
.main .sec01 .card_list.type02 ul > li p {
  margin-bottom: 1.25rem;
}
.main .sec01 .card_list.type02 ul > li i {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.main .sec01 .card_list.type02 ul > li:nth-of-type(1) .bg {
  background: url("/resources/en/local/images/main/main_sec01_card_list_type02_bg1_pc.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec01 .card_list.type02 ul > li:nth-of-type(2) .bg {
  background: url("/resources/en/local/images/main/main_sec01_card_list_type02_bg2_pc.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec01 .card_list.type02 ul > li:nth-of-type(2) .bg:before {
  background-color: #322FA2;
}
@media (min-width: 1024px) {
  .main .sec01 .card_list.type02 ul > li:hover i {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .main .sec01 .card_list.type02 ul > li {
    height: 175px;
    padding: 30px 24px;
  }
  .main .sec01 .card_list.type02 ul > li + li {
    margin-top: 0;
  }
  .main .sec01 .card_list.type02 ul > li strong {
    margin-bottom: 0.625rem;
  }
  .main .sec01 .card_list.type02 ul > li i {
    opacity: 1;
  }
}
.main .sec02 .list_wrap .list li .arrow_btn {
  font-size: 2.5rem;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
@media (max-width: 1023px) {
  .main .sec02 .list_wrap .list li {
    padding: 39.7% 0 0 0;
  }
  .main .sec02 .list_wrap .list li:nth-child(1) {
    background: url("/resources/en/local/images/main/main_sec01_m_bg01.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec02 .list_wrap .list li:nth-child(2) {
    background: url("/resources/en/local/images/main/main_sec01_m_bg02.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec02 .list_wrap .list li .arrow_btn {
    font-size: 1.5625rem;
    letter-spacing: -0.02em;
    line-height: 1.28;
  }
}
.main .sec05 .con02 .company_list {
  margin-top: 0;
}
.main .top_txt .left {
  max-width: 50%;
}
.main .top_txt .left p {
  line-height: 27px;
}
.main .top_txt .right {
  max-width: 50%;
}
.main .top_txt .right p {
  line-height: 26px;
}
@media (max-width: 1023px) {
  .main .top_txt .left {
    max-width: 100%;
  }
  .main .top_txt .right {
    max-width: 100%;
  }
}

.about .sec01 .con01 .vision_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 630px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 3.75rem;
}
.about .sec01 .con01 .vision_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.about .sec01 .con01 .vision_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.about .sec01 .con01 .vision_area .curtain_wrap .left {
  left: 0;
}
.about .sec01 .con01 .vision_area .curtain_wrap .right {
  right: 0;
}
.about .sec01 .con01 .vision_area .bg {
  background: url("/resources/en/local/images/company/about_img01.jpg") center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
}
@media (max-width: 1023px) {
  .about .sec01 .con01 .vision_area {
    width: 89.6%;
    height: auto;
    padding-top: 57.47%;
    margin-top: 3.75rem;
  }
  .about .sec01 .con01 .vision_area .curtain_wrap {
    display: none;
  }
  .about .sec01 .con01 .vision_area .bg {
    min-width: 0;
    height: 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 766px) {
  .about .sec01 .con01 .vision_area {
    width: 89.334%;
    margin: 0 5.333%;
    margin-top: 3.75rem;
  }
}
.about .sec02 {
  background: none;
  padding: 0 0 180px;
  margin-bottom: 0rem;
}
.about .sec02 .con01 {
  margin-bottom: 0rem;
}
.about .sec02 .con_title {
  margin-bottom: 5.625rem;
}
.about .sec02 .con_title h3 {
  color: #222222;
  font-size: 3.75rem;
  letter-spacing: -0.02em;
  line-height: 1.2666666667;
  font-weight: 500;
}
.about .sec02 .history {
  height: 760px;
  position: relative;
  overflow: hidden;
}
.about .sec02 .history:after {
  content: "";
  width: 100%;
  height: 240px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: url("/resources/en/local/images/company/history_dim.png") 0 0 no-repeat;
  background-size: auto 100%;
}
.about .sec02 .history.active {
  height: auto;
}
.about .sec02 .history.active:after {
  display: none;
}
.about .sec02 .history.type02 .history_con_wrap .con .inner {
  padding: 0 0 90px;
}
.about .sec02 .history.type02 .history_con_wrap .con .inner:before {
  left: 230px;
}
.about .sec02 .history.type02 .history_con_wrap .con .area_year {
  width: 230px;
}
.about .sec02 .history.type02 .history_con_wrap .con .area_history {
  width: calc(100% - 230px);
}
.about .sec02 .history.type02 .history_con_wrap .con .area_history .history_desc .dl {
  margin-top: 0.9375rem;
}
.about .sec02 .history.type02 .history_con_wrap .con .area_history .history_desc .dl:first-child .dd {
  margin-top: 0.5625rem;
}
.about .sec02 .history.type02 .history_con_wrap .con .area_history .history_desc .dl .dd:first-child {
  padding-left: 0;
}
.about .sec02 .history.type02 .history_con_wrap .con .area_history .history_desc .dl .dd:before {
  display: none;
}
.about .sec02 .history.type02 .history_con_wrap .con .progress {
  left: 230px;
}
.about .sec02 .history.type02 .history_con_wrap .con:last-child .inner {
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .about .sec02 {
    padding: 0 0 120px;
  }
  .about .sec02 .con_title {
    margin-bottom: 3.75rem;
  }
  .about .sec02 .con_title h3 {
    font-size: 1.4375rem;
    letter-spacing: -0.02em;
    line-height: 1.2608695652;
  }
  .about .sec02 .history {
    height: 650px;
  }
  .about .sec02 .history:after {
    height: 160px;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .inner {
    padding: 0 0 60px;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .inner:before {
    left: 130px;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .area_year {
    width: 130px;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .area_history {
    width: calc(100% - 130px);
  }
  .about .sec02 .history.type02 .history_con_wrap .con .area_history .history_desc .dl {
    margin-top: 1.25rem;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .area_history .history_desc .dl:first-child {
    margin-top: 0.375rem;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .area_history .history_desc .dl:first-child .dd {
    margin-top: 0rem;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .progress {
    left: 130px;
  }
  .about .sec02 .history.type02 .history_con_wrap .con:last-child .inner {
    padding-bottom: 0;
  }
}
@media (max-width: 766px) {
  .about .sec02 .con_title {
    margin-bottom: 3.75rem;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .inner {
    padding: 0 0 60px 15px;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .inner:before {
    left: 0;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .area_year {
    width: 100%;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .area_history {
    width: 100%;
  }
  .about .sec02 .history.type02 .history_con_wrap .con .progress {
    left: 0;
  }
}
.about .sec03 .con02 {
  margin-top: 7.5rem;
}
.about .sec03 .con02 .banner {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 65px 0 74px 0;
  background: url("/resources/en/local/images/company/banner_bg.png") center no-repeat;
  background-size: 100%;
}
.about .sec03 .con02 .banner > div {
  width: fit-content;
}
.about .sec03 .con02 .banner p {
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.34375;
  font-family: "SamyangNeo", sans-serif;
  color: #ffffff;
  font-weight: 500;
  padding-bottom: 28px;
}
.about .sec03 .con02 .banner .btn {
  color: #ffffff;
  background-color: transparent;
}
.about .sec03 .con02 .banner .btn::after {
  background-image: url("/resources/en/global/images/button/button_outlink_white.svg");
  background-position: 0 0;
}
@media (min-width: 1024px) {
  .about .sec03 .con02 .banner .btn:not(.disabled):hover {
    background-color: #26247B;
  }
}
@media (max-width: 1023px) {
  .about .sec03 {
    margin-bottom: 0;
  }
  .about .sec03 .con02 .banner {
    justify-content: flex-start;
    max-width: 100%;
    padding: 48px 20px 56px 20px;
    background: url("/resources/en/local/images/company/banner_bg_m.png") center no-repeat;
    background-size: 100%;
  }
  .about .sec03 .con02 .banner p {
    font-size: 1.125rem;
    letter-spacing: -0.02em;
    line-height: 1.4444444444;
    padding-bottom: 18px;
  }
}

.business.semi-fine #lnb br {
  display: none;
}
.business.semi-fine .sec02 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
}
.business.semi-fine .sec02 .con_title p {
  margin-top: 0;
}
.business.semi-fine .sec02 .con01 {
  margin-bottom: 11.25rem;
}
.business.semi-fine .sec02 .con01 .inner {
  padding-bottom: 180px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1023px) {
  .business.semi-fine .sec02 .con_title h3 {
    font-size: 1.3125rem;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }
  .business.semi-fine .sec02 .con01 {
    margin-bottom: 7.5rem;
  }
  .business.semi-fine .sec02 .con01 .inner {
    padding-bottom: 120px;
  }
}
.business.wet-chemical #lnb br {
  display: none;
}
.business.wet-chemical .content {
  padding-bottom: 0;
}
.business.wet-chemical .sec02 {
  padding-bottom: 180px;
}
@media (max-width: 1023px) {
  .business.wet-chemical .sec02 {
    padding-bottom: 120px;
  }
}
.business.wet-chemical .sec02 .con01 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
}
.business.wet-chemical .sec02 .con01 .txt_area {
  margin-top: 1.875rem;
}
.business.wet-chemical .sec02 .con01 .txt_area p {
  padding-left: 15px;
  font-size: 1.0625rem;
  letter-spacing: -0.02em;
  line-height: 1.7058823529;
  color: #444444;
  word-break: keep-all;
  word-wrap: break-word;
  position: relative;
}
.business.wet-chemical .sec02 .con01 .txt_area p:before {
  display: block;
  position: absolute;
  top: 15px;
  left: 5px;
  width: 2px;
  height: 2px;
  content: "";
  background-color: #444;
}
@media (max-width: 1023px) {
  .business.wet-chemical .sec02 .con01 .con_title h3 {
    font-size: 1.3125rem;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }
  .business.wet-chemical .sec02 .con01 .txt_area {
    margin-top: 1.25rem;
  }
  .business.wet-chemical .sec02 .con01 .txt_area p {
    padding-left: 12px;
    font-size: 0.9375rem;
    letter-spacing: -0.02em;
    line-height: 1.5333333333;
  }
  .business.wet-chemical .sec02 .con01 .txt_area p::before {
    top: 12px;
  }
}
@media (max-width: 766px) {
  .business.wet-chemical .sec02 .con01 .txt_area {
    margin-top: 1.25rem;
  }
}
.business.wet-chemical .sec03 {
  padding: 180px 0 212px;
  background: url("/resources/en/global/images/company/bg_vdo.png") center no-repeat;
  background-size: cover;
}
.business.wet-chemical .sec03 .vdo_wrap {
  margin-bottom: 3.3125rem;
}
.business.wet-chemical .sec03 .vdo_wrap .vdo_area {
  position: relative;
  padding-bottom: 56.25%;
}
.business.wet-chemical .sec03 .vdo_wrap video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.business.wet-chemical .sec03 .vdo_wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.business.wet-chemical .sec03 .vdo_wrap .vdo_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/resources/en/local/images/business/vdo_thumbnail.jpg") center no-repeat;
  background-size: cover;
  z-index: 10;
  cursor: pointer;
}
.business.wet-chemical .sec03 .vdo_wrap .vdo_bg i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}
.business.wet-chemical .sec03 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: -0.02em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  color: #ffffff;
}
.business.wet-chemical .sec03 .con_title p {
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}
@media (max-width: 1023px) {
  .business.wet-chemical .sec03 {
    padding: 120px 0;
  }
  .business.wet-chemical .sec03 .vdo_wrap {
    margin-bottom: 2.1875rem;
  }
  .business.wet-chemical .sec03 .vdo_wrap .vdo_bg i {
    width: 45px;
    height: 45px;
  }
  .business.wet-chemical .sec03 .con_title h3 {
    font-size: 1.6875rem;
    letter-spacing: -0.02em;
    line-height: 1.2592592593;
  }
}
@media (max-width: 766px) {
  .business.wet-chemical .sec03 .vdo_wrap {
    margin-bottom: 2.1875rem;
  }
}
.business .sec01 {
  margin-bottom: 11.25rem;
}
.business .sec01 .con01 .con_title span {
  display: inline-block;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: -0.02em;
  line-height: 1.05;
}
.business .sec01 .con01 .vision_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5.625rem;
}
.business .sec01 .con01 .vision_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.business .sec01 .con01 .vision_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.business .sec01 .con01 .vision_area .curtain_wrap .left {
  left: 0;
}
.business .sec01 .con01 .vision_area .curtain_wrap .right {
  right: 0;
}
.business .sec01 .con01 .vision_area .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
}
.business .sec01 .con01 .vision_area .bg.semi-fine {
  background: url("/resources/en/local/images/business/visual_semi-fine.jpg") center no-repeat;
  background-size: 100%;
}
.business .sec01 .con01 .vision_area .bg.wet-chemical {
  background: url("/resources/en/local/images/business/visual_wet-chemical.jpg") center no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .business .sec01 {
    margin-bottom: 7.5rem;
  }
  .business .sec01 .con01 .con_title span {
    font-size: 1.75rem;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
  .business .sec01 .con01 .vision_area {
    width: 89.6%;
    height: auto;
    padding-top: 57.47%;
    margin-top: 3.75rem;
  }
  .business .sec01 .con01 .vision_area .curtain_wrap {
    display: none;
  }
  .business .sec01 .con01 .vision_area .bg.semi-fine {
    min-width: unset;
    height: 100%;
    background-size: auto 100%;
  }
  .business .sec01 .con01 .vision_area .bg.wet-chemical {
    min-width: unset;
    height: 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 766px) {
  .business .sec01 .con01 .vision_area {
    width: 89.334%;
    margin: 0 5.333%;
    margin-top: 3.75rem;
  }
}
.business_list ul {
  font-size: 0;
}
.business_list ul li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.333333% - 20px);
  margin-right: 30px;
  margin-top: 4.0625rem;
}
.business_list ul li:nth-of-type(3n) {
  margin-right: 0;
}
.business_list ul li .img_box {
  width: 100%;
}
.business_list ul li .img_box img {
  width: 100%;
}
.business_list ul li .txt_box {
  padding: 25px 0 0;
}
.business_list ul li .txt_box strong {
  display: block;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  line-height: 1.3;
  word-break: keep-all;
  word-wrap: break-word;
  color: #222222;
}
.business_list ul li .txt_box p {
  font-size: 1.0625rem;
  letter-spacing: -0.02em;
  line-height: 1.7058823529;
  margin-top: 0.625rem;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #444444;
}
@media (max-width: 1023px) {
  .business_list ul li {
    width: calc(50% - 20px);
    margin-right: 40px;
    margin-top: 3.75rem;
  }
  .business_list ul li:nth-of-type(3n) {
    margin-right: 40px;
  }
  .business_list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .business_list ul li .txt_box {
    padding: 20px 0 0;
  }
  .business_list ul li .txt_box strong {
    font-size: 1rem;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
  .business_list ul li .txt_box p {
    font-size: 0.9375rem;
    letter-spacing: -0.02em;
    line-height: 1.5333333333;
    margin-top: 0.96875rem;
  }
}
@media (max-width: 766px) {
  .business_list ul li {
    width: 100%;
    margin-right: 0;
  }
  .business_list ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .business_list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
}
.business .factory_list {
  margin-top: 5.625rem;
}
.business .factory_list ul {
  font-size: 0;
}
.business .factory_list ul li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.333333% - 20px);
  margin-right: 30px;
}
.business .factory_list ul li:nth-of-type(3n) {
  margin-right: 0;
}
.business .factory_list ul li .img_box {
  width: 100%;
}
.business .factory_list ul li .img_box img {
  width: 100%;
}
@media (max-width: 1023px) {
  .business .factory_list {
    margin-top: 3.75rem;
  }
  .business .factory_list ul li {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
  .business .factory_list ul li:nth-of-type(n + 3) {
    margin-top: 1.25rem;
  }
  .business .factory_list ul li:nth-of-type(3n) {
    margin-right: 40px;
  }
  .business .factory_list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 766px) {
  .business .factory_list {
    margin-top: 3.75rem;
  }
  .business .factory_list ul li {
    width: 100%;
    margin-right: 0;
  }
  .business .factory_list ul li:nth-of-type(n + 2) {
    margin-top: 1.25rem;
  }
  .business .factory_list ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .business .factory_list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
}

.facilities .sec + .sec {
  margin-top: 11.25rem;
}
@media (max-width: 1023px) {
  .facilities .sec + .sec {
    margin-top: 7.5rem;
  }
}
@media (max-width: 766px) {
  .facilities .sec + .sec {
    margin-top: 7.5rem;
  }
}
@media (max-width: 1023px) {
  .facilities .sec01 .title {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 766px) {
  .facilities .sec01 .title {
    margin-bottom: 1.25rem;
  }
}
.facilities .sec01 .con01 .visual_wrap {
  position: relative;
}
.facilities .sec01 .con01 .visual_wrap .visual_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5.625rem;
}
.facilities .sec01 .con01 .visual_wrap .visual_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.facilities .sec01 .con01 .visual_wrap .visual_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.facilities .sec01 .con01 .visual_wrap .visual_area .curtain_wrap .left {
  left: 0;
}
.facilities .sec01 .con01 .visual_wrap .visual_area .curtain_wrap .right {
  right: 0;
}
.facilities .sec01 .con01 .visual_wrap .visual_area .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
  background: url("/resources/en/local/images/rnd/visual_facilities.jpg") center no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .facilities .sec01 .con01 .visual_wrap .visual_area {
    width: 89.6%;
    height: auto;
    padding-top: 57.47%;
    margin-top: 3.8125rem;
  }
  .facilities .sec01 .con01 .visual_wrap .visual_area .curtain_wrap {
    display: none;
  }
  .facilities .sec01 .con01 .visual_wrap .visual_area .bg {
    min-width: unset;
    height: 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 1023px) {
  .facilities .sec02 .title {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 766px) {
  .facilities .sec02 .title {
    margin-bottom: 1.25rem;
  }
}
.facilities .sec02 .con01 .con_title p {
  margin-top: 0;
}
.facilities .sec02 .con01 .table_wrap {
  margin-top: 1.875rem;
}
.facilities .sec02 .con01 .table_wrap .mCSB_container {
  width: 980px !important;
}
.facilities .sec02 .con01 .table_wrap table td {
  padding: 0 5px;
  border-right: 1px solid #ddd;
  font-size: 0.875rem;
  letter-spacing: -0.02em;
  line-height: 1.7142857143;
  word-break: keep-all;
  word-wrap: break-word;
}
.facilities .sec02 .con01 .table_wrap table td:last-of-type {
  border-right: 0;
  text-align: left;
  padding: 0 15px;
}
.facilities .sec02 .con01 .table_wrap table td.t_bold {
  font-weight: 500;
  color: #222222;
}
@media (max-width: 1023px) {
  .facilities .sec02 .con01 .mCSB_container {
    width: 100%;
  }
  .facilities .sec02 .con01 .table_wrap {
    margin-top: 1.25rem;
  }
}
@media (max-width: 766px) {
  .facilities .sec02 .con01 .table_wrap {
    margin-top: 1.25rem;
  }
  .facilities .sec02 .con01 .table_wrap table {
    min-width: 650px;
  }
  .facilities .sec02 .con01 .table_wrap table th {
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    line-height: 2.2857142857;
  }
  .facilities .sec02 .con01 .table_wrap table td {
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    line-height: 1.7142857143;
    word-break: normal;
    word-wrap: normal;
  }
}
@media (max-width: 1023px) {
  .facilities .sec03 .title {
    margin-bottom: 0.9375rem;
  }
}
.facilities .sec03 .con01 .list {
  font-size: 0;
}
.facilities .sec03 .con01 .list li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.333333% - 20px);
  margin-right: 30px;
}
.facilities .sec03 .con01 .list li:nth-of-type(n + 4) {
  margin-top: 4.0625rem;
}
.facilities .sec03 .con01 .list li:nth-of-type(3n) {
  margin-right: 0;
}
.facilities .sec03 .con01 .list li img {
  width: 100%;
}
.facilities .sec03 .con01 .list li strong {
  display: block;
  margin-top: 1.5625rem;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #222222;
}
.facilities .sec03 .con01 .list li strong span {
  font-size: 1.0625rem;
  letter-spacing: -0.02em;
  line-height: 1.7058823529;
  font-weight: 500;
}
.facilities .sec03 .con01 .btn_wrap {
  display: none;
}
@media (max-width: 1023px) {
  .facilities .sec03 .con01 .list li {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .facilities .sec03 .con01 .list li:nth-of-type(n + 2) {
    margin-top: 3.75rem;
  }
  .facilities .sec03 .con01 .list li strong {
    display: block;
    margin-top: 1.25rem;
    font-size: 1rem;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
  .facilities .sec03 .con01 .list li strong span {
    font-size: 1rem;
    letter-spacing: -0.02em;
    line-height: 1.5625;
    font-weight: 500;
  }
  .facilities .sec03 .con01 .btn_wrap {
    display: block;
  }
}

@media (max-width: 1023px) {
  .field .sec .title {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 766px) {
  .field .sec .title {
    margin-bottom: 1.25rem;
  }
}
.field .sec + .sec {
  margin-top: 11.25rem;
}
@media (max-width: 1023px) {
  .field .sec + .sec {
    margin-top: 7.5rem;
  }
}
@media (max-width: 766px) {
  .field .sec + .sec {
    margin-top: 7.5rem;
  }
}
.field .sec01 .con01 .visual_wrap {
  position: relative;
}
.field .sec01 .con01 .visual_wrap .visual_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5.625rem;
}
.field .sec01 .con01 .visual_wrap .visual_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.field .sec01 .con01 .visual_wrap .visual_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.field .sec01 .con01 .visual_wrap .visual_area .curtain_wrap .left {
  left: 0;
}
.field .sec01 .con01 .visual_wrap .visual_area .curtain_wrap .right {
  right: 0;
}
.field .sec01 .con01 .visual_wrap .visual_area .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
  background: url("/resources/en/local/images/rnd/visual_field.jpg") center no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .field .sec01 .con01 .visual_wrap .visual_area {
    width: 89.6%;
    height: auto;
    padding-top: 57.47%;
    margin-top: 3.8125rem;
  }
  .field .sec01 .con01 .visual_wrap .visual_area .curtain_wrap {
    display: none;
  }
  .field .sec01 .con01 .visual_wrap .visual_area .bg {
    min-width: unset;
    height: 100%;
    background-size: auto 100%;
  }
}
.field .sec02 .con01 .con_title h3 {
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.field .sec02 .con01 .con_title p {
  font-size: 1.0625rem;
  letter-spacing: -0.02em;
  line-height: 1.7058823529;
}
.field .sec02 .con01 .type_box {
  margin-top: 5.625rem;
  font-size: 0;
}
.field .sec02 .con01 .type_box .type {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 16px);
  height: 350px;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0 20px 40px;
}
.field .sec02 .con01 .type_box .type:first-of-type {
  margin-right: 32px;
  padding-top: 74px;
}
.field .sec02 .con01 .type_box .type:first-of-type i {
  width: 61px;
}
.field .sec02 .con01 .type_box .type:last-of-type {
  padding-top: 70px;
}
.field .sec02 .con01 .type_box .type:last-of-type i {
  width: 60px;
}
.field .sec02 .con01 .type_box .type i {
  display: block;
  margin: 0 auto;
}
.field .sec02 .con01 .type_box .type strong {
  display: block;
  margin-top: 1.875rem;
  margin-bottom: 0.9375rem;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #222222;
  word-break: keep-all;
  word-wrap: break-word;
}
.field .sec02 .con01 .type_box .type p {
  font-size: 1.0625rem;
  letter-spacing: -0.02em;
  line-height: 1.7058823529;
  color: #666666;
  word-break: keep-all;
  word-wrap: break-word;
}
@media (max-width: 1023px) {
  .field .sec02 .con01 .con_title h3 {
    font-size: 1rem;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
  .field .sec02 .con01 .con_title p {
    font-size: 0.9375rem;
    letter-spacing: -0.02em;
    line-height: 1.5333333333;
  }
  .field .sec02 .con01 .type_box {
    margin-top: 5rem;
  }
  .field .sec02 .con01 .type_box .type {
    display: block;
    width: 100%;
    height: auto;
  }
  .field .sec02 .con01 .type_box .type:first-of-type {
    margin-right: 0;
    padding-top: 40px;
  }
  .field .sec02 .con01 .type_box .type:first-of-type i {
    width: 47px;
  }
  .field .sec02 .con01 .type_box .type:last-of-type {
    margin-top: 1.25rem;
    padding-top: 37px;
  }
  .field .sec02 .con01 .type_box .type:last-of-type i {
    width: 45px;
  }
  .field .sec02 .con01 .type_box .type strong {
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
    font-size: 1rem;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
  .field .sec02 .con01 .type_box .type p {
    font-size: 0.9375rem;
    letter-spacing: -0.02em;
    line-height: 1.5333333333;
  }
}
@media (max-width: 766px) {
  .field .sec02 .con01 .type_box {
    margin-top: 5rem;
  }
  .field .sec02 .con01 .type_box .type:last-of-type {
    margin-top: 1.25rem;
  }
  .field .sec02 .con01 .type_box .type strong {
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
  }
}
.field .sec03 .table_wrap.type01 th {
  height: 66px;
}
.field .sec03 .con01 .con_title p {
  margin-top: 0;
}
.field .sec03 .con01 .table_wrap {
  margin-top: 1.875rem;
}
.field .sec03 .con01 .table_wrap .table th {
  border-right: 1px solid #ddd;
}
.field .sec03 .con01 .table_wrap .table th:last-of-type {
  border-right: 0;
}
.field .sec03 .con01 .table_wrap .table th.b_right {
  border-right: 1px solid #ddd;
}
.field .sec03 .con01 .table_wrap .table td {
  border-right: 1px solid #ddd;
  padding: 0 3px;
  color: #222222;
}
.field .sec03 .con01 .table_wrap .table td:last-of-type {
  border-right: 0;
}
.field .sec03 .con01 .table_wrap .table td.t_bold {
  font-weight: 500;
}
.field .sec03 .con01 .table_wrap .table td:not(.t_bold) {
  font-size: 0.875rem;
  letter-spacing: -0.02em;
  line-height: 1.7142857143;
}
.field .sec03 .con01 .table_wrap + .table_wrap {
  margin-top: 3.125rem;
}
@media (max-width: 1023px) {
  .field .sec03 .con01 .table_wrap {
    margin-top: 1.25rem;
  }
  .field .sec03 .con01 .table_wrap .table th {
    font-size: 0.75rem;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
  .field .sec03 .con01 .table_wrap .table td {
    padding: 0 5px;
    font-size: 0.75rem;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
  .field .sec03 .con01 .table_wrap .table td:not(.t_bold) {
    font-size: 0.75rem;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
  .field .sec03 .con01 .table_wrap + .table_wrap {
    margin-top: 3.75rem;
  }
}
@media (max-width: 766px) {
  .field .sec03 .con01 .table_wrap {
    margin-top: 1.25rem;
  }
  .field .sec03 .con01 .table_wrap table {
    min-width: 800px;
  }
  .field .sec03 .con01 .table_wrap + .table_wrap {
    margin-top: 3.75rem;
  }
}

.inquiry .con_title {
  margin-bottom: 4.25rem;
}
.inquiry .tabpanel .write_wrap + .write_wrap {
  margin-top: 7.1875rem;
}
.inquiry .tabpanel .write_wrap .table_form .form .radio_row {
  padding: 10px 0;
}
@media (max-width: 1023px) {
  .inquiry .con_title {
    margin-bottom: 3.59375rem;
  }
  .inquiry .tabpanel .write_wrap + .write_wrap {
    margin-top: 4.625rem;
  }
  .inquiry .tabpanel .write_wrap .table_form .form .radio_row dt {
    margin-bottom: 0.625rem;
  }
  .inquiry .tabpanel .write_wrap .table_form .form dt {
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 766px) {
  .inquiry .con_title {
    margin-bottom: 3.59375rem;
  }
  .inquiry .tabpanel .write_wrap .table_form .form .radio_row dt {
    margin-bottom: 0.625rem;
  }
  .inquiry .tabpanel .write_wrap .table_form .form dt {
    margin-bottom: 0.9375rem;
  }
}

/* error */
#error.group .top a {
  width: 124px;
}
@media (max-width: 1023px) {
  #error.group .top a {
    width: 98.5px;
  }
}
@media (max-width: 766px) {
  #error.group .top a {
    width: 77px;
  }
}