@charset "UTF-8";



/*********** input Type ***********/
:root {
    --input-height: 58px;
    --input-font-weight: 400;
    --input-font-size: 18px;
    --input-padding: 20px;
    --input-border-color: #E2E2E2;
    --input-border-radius: 8px;
    --input-bg-color: var(--white-color);
    --navy-color: #081337;
    --brown-color: #3d3030;
    --gold-color: #D4AF37;
    --white-color: rgb(255, 255, 255);
}

.--font-kopub {
    font-family: "Kopub Dotum", serif;
  }
  
.--font-gt_bold {
    font-family: 'Giants-Bold';
}

.--font-gt_line {
    font-family: 'Giants-Bold';
    /* font-family: 'Giants-Inline'; */
  }

.--flex {
  display: flex;
}

.--inner_wrap {
  max-width: 1600px;
  width: calc(100% - 30px);
  margin: 0 auto;
}

.--inner_wrap.max-w-lg {
  max-width: 1400px;
}

.--inner_wrap.max-w-ms {
  max-width: 1024px;
}

.--h-full {
  height: 100vh;
  min-height: 1080px;
}

/* 말줄임 한줄 */
.--txtCut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

/* 말줄임 여러줄 */
.--txtCut-multi {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


/* 초기 값 셋팅 */
#initial * {
  margin:initial; 
  padding:initial; 
  font-size:initial; 
  border: initial;
  font: initial;
  vertical-align: initial;
  list-style:initial;
  font-style:initial;
  font-weight:initial;
}

@media screen and (max-width: 1023px) {
    :root {
        --input-height: 46px;
        --input-font-weight: 500;
        --input-font-size: 14px;
        --input-padding: 15px;
    }
}

.vh100 {
    height: 100vh;
}


/*********** z-index ***********/
#header,
#headerDepth {
    z-index: 3333;
}


/* 페이지 로드 인모션 */

#header,
#headerDepth {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.inMotion #header,
.inMotion #headerDepth {
    opacity: 1;
    height: 55px;
}


/******************** header ********************/
#header,
#headerDepth {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: top .3s;
    transition: top .3s;
}

#header.scrollDown,
#headerDepth.scrollDown {
    top: -105px;
}

@media screen and (max-width: 1023px) {
    #header.scrollDown,
    #headerDepth.scrollDown {
        top: -101px;
    }
}

#header.transparent .hd_wrapper,
#headerDepth.transparent .hd_wrapper {
    background-color: transparent;
    border-color: transparent;
}

#header.transparent .hd_wrapper .hd_logo path {
    fill: var(--white-color);
}

.hd_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    padding: 0 50px;
    /* border-bottom: 1px solid #F4F4F4; */
    -webkit-transition: height .3s, background-color .2s;
    transition: height .3s, background-color .2s;
    background-color: var(--brown-color);
}

.hd_wrapper .hd_logo {
    margin-right: 76px;
}

.hd_wrapper .hd_logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hd_wrapper #gnb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd_wrapper #gnb ul li {
    margin-right: 40px;
}

.hd_wrapper #gnb ul li a {
    font-weight: 500;
    font-size: 1.1rem;
    color: #465059;
    font-style: normal;
    -webkit-transition: .3s;
    transition: .3s;
    color: var(--white-color);
    position: relative;
}

.hd_wrapper #gnb ul li a:hover {
    opacity: 0.7;
}

.hd_wrapper #gnb ul li a.on {
    color: var(--gold-color);
}

.hd_wrapper #gnb .head-depth {
  background: var(--brown-color);
  width: 100%;
  height: fit-content;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 80px;
  left: 0;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  color: var(--white-color);
}

.hd_wrapper #gnb .head-depth .--inner-wrap {
    max-width: 80rem;
    outline: 1px solid red;
    margin: 0 auto;
    padding: 50px 0;
    display: none;
}

.hd_wrapper .hd_util {
    margin-left: auto;
}

.hd_wrapper .hd_util ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd_wrapper .hd_util ul li {
    margin-left: 30px;
}
  
.hd_wrapper .hd_util ul li i[class*="xi-"] {
  font-size: 18px;
}

.hd_wrapper .hd_util ul li a {
    font-size: 1rem;
    color: var(--white-color);
    font-style: normal;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.hd_wrapper .hd_util .move-btn {
  width: 110px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--white-color);
  border-radius: 99px;
  margin-left: 50px;
}

.hd_wrapper .hd_util ul li a:hover {
    color: #465059;
}

.hd_wrapper .hd_util ul li a.on {
  color: #0D74D3;
}

.hd_wrapper .hd_util .btn_search {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/header_ic_search1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hd_wrapper .hd_menu_open {
    margin-left: 2vw;
    font-weight: 500;
    font-size: 1rem;
    color: var(--white-color);
    font-style: normal;
    padding-left: 30px;
    position: relative;
}

.hd_wrapper .hd_menu_open:before, .hd_wrapper .hd_menu_open:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
    height: 2px;
    border-radius: 10px;
    background-color: var(--white-color);
    -webkit-transition: width .3s;
    transition: width .3s;
}

.hd_wrapper .hd_menu_open:after {
    top: 15px;
    width: 12px;
}

.hd_wrapper .hd_menu_open:hover:after {
    width: 18px;
}

@media screen and (max-width: 1280px) {
    #gnb,
    .hd_util {
        display: none;
    }
    .hd_wrapper {
        height: 57px;
        padding: 0 18px;
        border-bottom: none;
    }
    .hd_wrapper .hd_logo {
        margin-right: 0;
        width: 120px;
    }
    .hd_wrapper .hd_logo svg {
        width: 157px;
    }
    .hd_wrapper .hd_menu_open {
        margin-left: auto;
    }

    
}

/******************** header v2 ********************/
.header_wrap {
  background-color: var(--brown-color);
  color: var(--white-color);;
  display: flex;
  padding: 0 8rem;
  box-sizing: border-box;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  padding: 0 50px;
  -webkit-transition: height .3s, background-color .2s;
  transition: height .3s, background-color .2s;
  background-color: var(--brown-color); */
}

#hGnb > ul {
  display: flex;
  outline: 1px solid green;
  width: 100%;
}

#headerDepth .header_wrap .gnb_li a {
  color: var(--white-color);;
}

#headerDepth .hd_logo {
  height: 40px;
}

#headerDepth .hd_logo img {
  height: 100%;
}


#headerDepth .hd_menu_open {
  margin-left: 2vw;
  font-weight: 500;
  font-size: 1rem;
  color: var(--white-color);
  font-style: normal;
  padding-left: 30px;
  position: relative;
}

#headerDepth .hd_menu_open:before, #headerDepth .hd_menu_open:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 18px;
  height: 2px;
  border-radius: 10px;
  background-color: var(--white-color);
  -webkit-transition: width .3s;
  transition: width .3s;
}

#headerDepth .hd_menu_open:after {
  top: 15px;
  width: 12px;
  background-color: var(--white-color);
  outline: 1px solid red;
}

#headerDepth .hd_menu_open:hover:after {
  width: 18px;
}

/* mobile */
#header .circle {
  position: absolute;
  top: 20px;
  right: 4.533%;
  width: 20px;
  height: 20px;
  background: var(--brown-color);
  border-radius: 20px;
  z-index: -1;
  transition: .6s cubic-bezier(.98,.15,.56,1.01);
  visibility: hidden;
}

#header .circle:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--brown-color);
  opacity: 0;
}

#header.on .circle:after {
  opacity: 1;
  transition: .5s .8s;
}

#header.on .circle {
  transform: scale(181);
  /* transform: scale(112); */
  visibility: visible;
}


#header .mobile {
  /* position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh; */
  /* background-color: #fff; */
  /* z-index: -1; */
  /* opacity: 0;/// */
  transform: translateY(-999%);
}

#header.on .mobile {
  transform: translateY(0);
}

#header .navInner {
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#header .gnb {
  width: calc(100% - 30px);
  max-width: 1800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}


#header .gnb li {
  height: 100px;
  display: flex;
  align-items: center;
}

#header.on .mobile {
  /* opacity: 1; */
}

#header .mobile .gnb-tit {
  opacity: 0;
  transform: translateY(30px);
  color: #fff;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* #header .mobile li:first-of-type .gnb-tit {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
} */

#header.on .mobile .gnb-tit {
  opacity: 1;
  transform: translateY(0);
  transition: transform .6s .5s, opacity .6s .5s;
}

#header.on.scrollDown {
  top: 0;
}


/******************** footer ********************/
#footer {
    background-color: var(--brown-color);
    padding: 60px 0 50px;
}

#footer .ft_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#footer .ft_row:not(:first-child) {
    margin-top: 38px;
}

#footer .ft_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#footer .ft_logo {
    width: 106px;
    height: 40px;
    background: url("/resources/images/common/white-logo.png") no-repeat center/contain;
}

#footer .ft_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#footer .ft_menu li {
    position: relative;
    margin-left: 14px;
    padding-left: 15px;
    
}

#footer .ft_menu li:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}

#footer .ft_menu li:first-child {
    margin-left: 0;
    padding-left: 0;
}

#footer .ft_menu li:first-child:before {
    display: none;
}

#footer .ft_menu a {
    font-weight: 400;
    font-size: 15px;
    color: var(--white-color);
    font-style: normal;
    transition: all 0.3s;
}

#footer .ft_menu a:hover {
    font-weight: 700;
    opacity: 1;
    color: var(--gold-color);
}

#footer .ft_info .info > * {
    display: inline-block;
    
    font-weight: 500;
    font-size: 14px;
    color: var(--white-color);
    font-style: normal;
    margin-right: 15px;
}

#footer .ft_info .copyright {
    color: var(--white-color);
    opacity: 0.5;
    font-weight: 500;
    font-size: 13px;
    font-style: normal;
    margin-top: 12px;
}

#footer .newsletter {
    margin-right: 32px;
}
/* 
#footer .newsletter .btn_newsletter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    
    font-weight: 700;
    font-size: 14px;
    color: #FBFBFB;
    font-style: normal;
}

#footer .newsletter .btn_newsletter:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/ic_newsletter1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
} */

.select_box-wrap {
    position: relative;
    width: 250px;
}

.select_box-wrap .btn_select {
    position: relative;
    display: block;
    width: 100%;
    height: 55px;
    background-color: var(--gold-color);
    border-radius: 99px;
    font-size: 1.1rem;
    color: var(--white-color);
    font-style: normal;
    text-align: left;
    padding: 0 30px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/family_arrow.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) 50%;
    background-size: auto;
}

.select_box-wrap .btn_select.active + .select_layer {
    display: block;
}

.select_box-wrap .select_layer {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    background-color: var(--gold-color);
    border: 1px solid #2b2b2b;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
}

.select_box-wrap .select_layer::-webkit-scrollbar {
    width: 6px;
}

.select_box-wrap .select_layer::-webkit-scrollbar-thumb {
    background: #a7a7a7;
    border-radius: 6px;
}

.select_box-wrap .select_layer::-webkit-scrollbar-thumb:hover {
    background-color: #cacad7;
}

.select_box-wrap .select_layer::-webkit-scrollbar-track {
    background: #444;
    border-radius: 6px;
}

.select_box-wrap .select_layer ul {
    /* padding: 15px 0; */
}

.select_box-wrap .select_layer li {
    height: 50px;
}

.select_box-wrap .select_layer li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.select_box-wrap .select_layer li a {
    
    width: 100%;
    height: 100%;
    font-weight: 500;
    font-size: 0.9rem;
    color: #f8f8f8;
    font-style: normal;
    line-height: initial;
    display: flex;
    align-items: center;
    padding: 0 30px;
    transition: all 0.3s;
}

.select_box-wrap .select_layer li:hover a {
    opacity: 0.8;
}

@media screen and (max-width: 1023px) {
    #footer {
        padding: 30px 0 60px;
        text-align: center;
    }
    #footer .ft_row {
        display: block;
    }
    #footer .ft_row:not(:first-child) {
        margin-top: 0;
    }
    #footer .ft_right {
        display: block;
    }
    #footer .ft_logo {
        width: 106px;
        height: 40px;
        margin: 0 auto;
    }
    #footer .ft_menu {
        margin-top: 25px;
    }
    #footer .ft_menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    #footer .ft_menu li {
        margin: 6px 10px 0 10px !important;
        padding-left: 0;
    }
    #footer .ft_menu li:before {
        display: none;
    }
    #footer .ft_menu a {
        font-weight: 600;
        font-size: 12px;
    }
    #footer .ft_info {
        margin-top: 24px;
        text-align: center;
    }
    #footer .ft_info .info > * {
        font-size: 10px;
        margin: 0 2px;
    }
    #footer .ft_info .copyright {
        font-size: 9px;
        color: #666;
        margin-top: 14px;
    }
    #footer .newsletter {
        display: inline-block;
        margin: 30px auto 0;
        vertical-align: top;
    }
    /* #footer .newsletter .btn_newsletter {
        gap: 6px;
        font-size: 12px;
    } */
    .select_box-wrap {
        width: 100%;
        max-width: 340px;
        margin: 15px auto 0;
    }
    .select_box-wrap .btn_family {
        height: 48px;
        font-size: 14px;
        background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/mobile/family_arrow.png");
        background-size: 12px;
    }
}

/* top버튼 */
#pageTop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

#pageTop .inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#pageTop .btn_top {
    position: absolute;
    bottom: 40px;
    right: 4.896vw;
    width: 64px;
    height: 64px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/btn_page_top.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#pageTop .btn_top span {
    width: 0;
    overflow: hidden;
    position: absolute;
    left: -9999px;
}

@media screen and (max-width: 1023px) {
    #pageTop .btn_top {
        right: 40px;
    }
}

@media screen and (max-width: 767px) {
    #pageTop .btn_top {
        bottom: 15px;
        right: 18px;
        width: 46px;
        height: 46px;
        background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/mobile/btn_page_top.png");
    }
}

/*********** layout ***********/
#contents {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#contents.no_kv {
    margin-top: 105px;
}

@media screen and (max-width: 1023px) {
    #contents.no_kv {
        margin-top: 57px;
    }
}


.container {
    position: relative;
    width: 100%;
    max-width: calc(1336px + 100px);
    padding: 0 50px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .container {
        padding: 0 18px;
    }
}

.container-fluid {
    position: relative;
    width: 100%;
    padding: 0 11.45833vw;
}

@media screen and (max-width: 1440px) {
    .container-fluid {
        padding: 0 10vw;
    }
}

@media screen and (max-width: 1023px) {
    .container-fluid {
        padding: 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .container-fluid {
        padding: 0 18px;
    }
}


.subpage_wrapper {
    position: relative;
    z-index: 1;
}

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


  
/*********** typo ***********/
.t_tit1 {
    font-weight: 700;
    font-size: 42px;
    color: var(--brown-color);
    font-style: normal;
}

@media screen and (max-width: 1023px) {
    .t_tit1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    .t_tit1 {
        font-size: 26px;
    }
}




/*********** subpage visual ***********/
.g_visual_wrapper {
    --top-gap: 45px + 60px;
    --side-padding: 30px;
}

.g_visual_wrapper.full {
    position: relative;
    z-index: 1;
}

.g_visual_wrapper.full .full_inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.g_visual_wrapper {
    --top-gap: 45px + 60px;
    --side-padding: 30px;
}

.g_visual_wrapper.full {
    position: relative;
    z-index: 1;
}

.g_visual_wrapper.full .full_inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.g_visual_wrapper.full .back,
.g_visual_wrapper.full .front {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    height: 100vh;
    padding-top: 0;
    /* left: var(--side-padding);
    right: var(--side-padding);
    height: calc(100% + var(--top-gap) + 15px);
    padding-top: calc(var(--top-gap) + 15px); */
}

.g_visual_wrapper.full .front {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.g_visual_wrapper.full .front .text_wrapper .breadcrumb {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.g_visual_wrapper.full .front .text_wrapper .breadcrumb li {
    color: var(--white-color);
}

.g_visual_wrapper.full .front .text_wrapper .breadcrumb li:last-child {
    color: var(--white-color);
}

.g_visual_wrapper.full .front .text_wrapper .vis_tit {
    color: var(--white-color);
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8);
}

.vis_tit .s-txt {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 400;
}

.g_visual_wrapper.full .front .text_wrapper .vis_tit .t_wrap {
    position: relative;
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.g_visual_wrapper.full .front .text_wrapper .vis_tit .t_wrap .t_item {
    display: block;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    /* text-align: center; */
}

.g_visual_wrapper.full .bg_wrapper {
    position: absolute;
    /* top: calc(var(--top-gap) + 15px); */
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
}

.g_visual_wrapper.full .bg_wrapper .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /* height: calc(100% - (var(--top-gap) + 15px)); */
    /* border-radius: 32px 32px 24px 24px; */
    background: 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 1280px) {
  .g_visual_wrapper.full .bg_wrapper {
    top: 57px;
  }
  
}

.g_visual_wrapper.full .text_wrapper {
    position: fixed;
    top: 0;
    left: var(--side-padding);
    right: var(--side-padding);
    height: 100%;
    color: var(--white-color);
    /* padding-top: 38.61vh; */
    padding-top: 21.61vh;
}

.g_visual_wrapper.full .text_wrapper .container {
    height: 100%;
}

.g_visual_wrapper.full .text_wrapper .inner {
    position: sticky;
    /* top: -50vh; */
    top: -62vh;
    padding-bottom: 175px;
}

.g_visual_wrapper.full .text_wrapper .breadcrumb {
    margin-bottom: 25px;
}

.g_visual_wrapper.full .text_wrapper .vis_tit {
    font-weight: 700;
    font-size: 3rem;
    color: var(--brown-color);
    font-style: normal;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.g_visual_wrapper.full .text_wrapper .vis_tit.on {
    -webkit-transform: scale(0.83333);
    transform: scale(0.8);
}

.g_visual_wrapper.half {
    position: relative;
    padding-top: calc(var(--top-gap) + 42px);
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
}

.g_visual_wrapper.half .bg_wrapper {
    position: relative;
    height: 48vh;
    border-radius: 32px;
    margin-bottom: 1px;
    overflow: hidden;
}

.g_visual_wrapper.half .bg_wrapper .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.g_visual_wrapper.half .text_wrapper {
    padding-top: 9.25vh;
}

.g_visual_wrapper.half .text_wrapper .vis_tit {
    text-align: center;
    
    font-weight: 700;
    font-size: 72px;
    color: #183856;
    font-style: normal;
}

.g_visual_wrapper.half .tab_wrapper {
    margin-top: 5.55vh;
}

@media screen and (max-width: 1023px) {
    .g_visual_wrapper {
        --top-gap: 57px + 44px;
        --side-padding: 18px;
    }
    .g_visual_wrapper.full .back,
    .g_visual_wrapper.full .front {
        height: calc(100% + var(--top-gap) + 18px);
        padding-top: calc(var(--top-gap) + 18px);
    }
    .g_visual_wrapper.full .front .vis_tit .t_wrap .t_item {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }
    .g_visual_wrapper.full .bg_wrapper {
        /* top: calc(var(--top-gap) + 18px); */
        top: 80px;
    }
    .g_visual_wrapper.full .bg_wrapper .img {
        height: calc(100% - (var(--top-gap) + 18px));
        border-radius: 32px;
        width: calc(100% - 30px);
        left: 50%;
        transform: translateX(-50%);
    }
    .g_visual_wrapper.full .text_wrapper {
        /* padding-top: 42vh; */
        padding-top: 22vh;
    }
    .g_visual_wrapper.full .text_wrapper .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 193px;
        padding: 0 30px;
    }
    .g_visual_wrapper.full .text_wrapper .inner {
        padding-bottom: 0;
    }
    .g_visual_wrapper.full .text_wrapper .breadcrumb {
        display: none;
    }
    .g_visual_wrapper.full .text_wrapper .vis_tit {
        font-size: 30px;
    }
    .g_visual_wrapper.half {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: var(--vh, 100vh);
        padding-top: calc(var(--top-gap) + 18px);
    }
    .g_visual_wrapper.half .bg_wrapper {
        height: 35.9375vh;
    }
    .g_visual_wrapper.half .text_wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0;
    }
    .g_visual_wrapper.half .text_wrapper .vis_tit {
        font-size: 57px;
    }
    .g_visual_wrapper.half .tab_wrapper {
        margin: auto -18px 0;
    }
}

@media screen and (max-width: 767px) {
  .g_visual_wrapper.half .text_wrapper .vis_tit {
    font-size: 34px;
  }
}

@media screen and (max-width: 650px) {
  .g_visual_wrapper.full .front .vis_tit .t_wrap .t_item {
    /* text-align: center; */
  }

  .g_visual_wrapper.full .front .vis_tit .t_wrap .t_item br {
    display: none;
  }
  
  .g_visual_wrapper.full .text_wrapper .vis_tit.on {
    /* text-align: center; */
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  .g_visual_wrapper.full .text_wrapper .vis_tit.on br {
    display: none;
  }

}

/*********************** Main Index *************************/

/*********** breadcrumb ***********/
.breadcrumb {
    margin-bottom: 60px;
}

.breadcrumb ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumb li {
    position: relative;
    
    font-weight: 400;
    font-size: 16px;
    color: #465059;
    font-style: normal;
    line-height: 1;
    padding-right: 25px;
    margin-right: 16px;
}

.breadcrumb li:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 7px;
    height: 10px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/breadcrumb_arrow1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.breadcrumb li:last-child {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    padding-right: 0;
    margin-right: 0;
}

.breadcrumb li:last-child:after {
    display: none;
}

#company .banner_type1 {
    margin-top: 140px;
    padding: 150px 0 200px;
    background-color: #F7F7F9;
  }
  
  #company .banner_type1 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .banner_type1 .left_area {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-bottom: 43.938%;
    border-radius: 16px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background 0.3s 0.05s;
    transition: background 0.3s 0.05s;
  }
  
  #company .banner_type1 .left_area .tit {
    position: absolute;
    
    font-weight: 500;
    font-size: 28px;
    color: var(--white-color);
    font-style: normal;
    width: 100%;
    left: 0;
    bottom: 55px;
    line-height: 38px;
    padding: 0 30px;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.05s;
    transition: opacity 0.3s 0.05s;
  }
  
  #company .banner_type1 .left_area .hoverTit {
    opacity: 0;
  }
  
  #company .banner_type1 .left_area.hover .tit {
    opacity: 0;
  }
  
  #company .banner_type1 .left_area.hover .hoverTit {
    opacity: 1;
  }
  
  #company .banner_type1 .left_area.hover1 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .banner_type1 .left_area.hover2 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .banner_type1 .left_area.hover3 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .banner_type1 .right_area {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  
  #company .banner_type1 .right_area .network_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
  }
  
  #company .banner_type1 .right_area li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-left: 20px;
    margin-top: 20px;
    max-width: calc(50% - 20px);
  }
  
  #company .banner_type1 .right_area li:nth-child(1) {
    margin-top: 0;
    margin-left: calc(50% + 20px);
  }
  
  #company .banner_type1 .right_area li:nth-child(1) a:before {
    background-color: #00A5CD;
  }
  
  #company .banner_type1 .right_area li:nth-child(2) a:before {
    background-color: #175FA0;
  }
  
  #company .banner_type1 .right_area li:nth-child(3) a:before {
    background-color: #0092E3;
  }
  
  #company .banner_type1 .right_area li > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: var(--white-color);
    border-radius: 16px;
    overflow: hidden;
    padding: 40px 30px 36px 30px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  
  #company .banner_type1 .right_area li > a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
  }
  
  #company .banner_type1 .right_area li > a:hover:before {
    opacity: 1;
  }
  
  #company .banner_type1 .right_area li > a:hover .txt_box {
    min-height: 100%;
  }
  
  #company .banner_type1 .right_area li > a:hover .tit {
    color: var(--white-color);
  }
  
  #company .banner_type1 .right_area li > a:hover .desc {
    opacity: 0;
    color: var(--white-color);
  }
  
  #company .banner_type1 .right_area li > a:hover .btn_more1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  #company .banner_type1 .right_area li > a:hover .btn_more1:after {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  
  #company .banner_type1 .right_area li .txt_box {
    position: relative;
    margin-top: auto;
    min-height: 72px;
    z-index: 1;
    -webkit-transition-property: min-height;
    transition-property: min-height;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
  }
  
  #company .banner_type1 .right_area li .tit {
    
    font-weight: 700;
    font-size: 36px;
    color: var(--brown-color);
    font-style: normal;
    line-height: 38px;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
  }
  
  #company .banner_type1 .right_area li .desc {
    margin-top: 10px;
    
    font-weight: 500;
    font-size: 16px;
    color: #465059;
    font-style: normal;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  
  #company .banner_type1 .right_area li .btn_more1 {
    position: absolute;
    left: 30px;
    bottom: 40px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    z-index: 1;
  }
  
  @media screen and (max-width: 1023px) {
    #company .banner_type1 .inner {
      display: block;
    }
    #company .banner_type1 .left_area {
      padding-bottom: 0;
      border-radius: 0;
      background: none !important;
    }
    #company .banner_type1 .left_area .tit {
      position: static;
      padding: 0 0 30px;
      color: var(--brown-color);
      opacity: 1 !important;
    }
    #company .banner_type1 .left_area .hoverTit {
      display: none;
    }
    #company .banner_type1 .right_area .network_list {
      height: auto;
    }
    #company .banner_type1 .right_area li {
      margin-left: 20px;
      max-width: calc(50% - 10px);
    }
    #company .banner_type1 .right_area li:nth-child(1) {
      margin-top: 20px;
      margin-left: 20px;
    }
    #company .banner_type1 .right_area li:nth-child(1) a {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_global_bt2.png");
      background-repeat: no-repeat;
      background-position: right 15%;
      background-size: cover;
    }
    #company .banner_type1 .right_area li:nth-child(2) a {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_global_bt3.png");
      background-repeat: no-repeat;
      background-position: right 15%;
      background-size: cover;
    }
    #company .banner_type1 .right_area li:nth-child(3) a {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_global_bt4.png");
      background-repeat: no-repeat;
      background-position: right 15%;
      background-size: cover;
    }
    #company .banner_type1 .right_area li:nth-child(2n - 1) {
      margin-left: 0;
    }
    #company .banner_type1 .right_area li > a {
      display: block;
      padding: 30px 25px 35px;
    }
    #company .banner_type1 .right_area li > a:before {
      display: none;
    }
    #company .banner_type1 .right_area li .txt_box {
      margin-top: 0;
      min-height: initial !important;
    }
    #company .banner_type1 .right_area li .tit {
      font-size: 26px;
      color: var(--white-color);
    }
    #company .banner_type1 .right_area li .desc {
      color: var(--white-color);
      opacity: 1 !important;
    }
    #company .banner_type1 .right_area li .btn_more1 {
      position: static;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      margin-top: 30px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .banner_type1 {
      margin-top: 90px;
      padding: 50px 0 120px;
    }
    #company .banner_type1 .left_area .tit {
      font-weight: 700;
      font-size: 26px;
    }
    #company .banner_type1 .right_area .network_list {
      display: block;
    }
    #company .banner_type1 .right_area li {
      margin-left: 0 !important;
      max-width: 100%;
      margin-top: 18px;
    }
    #company .banner_type1 .right_area li:first-child {
      margin-top: 0;
    }
    #company .banner_type1 .right_area li .tit {
      font-size: 22px;
      line-height: 26px;
    }
    #company .banner_type1 .right_area li .desc {
      font-size: 16px;
      margin-top: 12px;
    }
  }
  
  /*********************** Main Index *************************/
  #company .about_wrapper .introduce_wrapper .introTop {
    position: relative;
    margin-bottom: 100px;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .intro_top_container {
    position: relative;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .intro_top_inner {
    position: relative;
    height: 100%;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .bg_layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/resources/images/index/main_visual02.png") no-repeat center/cover;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .bg_layer .wrap_tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .bg_layer .wrap_tit .tit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    
    font-weight: 700;
    font-size: 48px;
    color: var(--white-color);
    font-style: normal;
    text-align: center;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .marquee_layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .marquee_layer .screen_layer {
    position: relative;
    width: 100%;
    height: 100%;
    /* background-color: #0D111B; */
    background-color: #1b150d;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .marquee_layer .text_container {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 2.60416% 0;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .marquee_layer .text {
    position: relative;
    
    font-weight: 600;
    font-size: 9.89583vw;
    color: var(--gold-color);
    font-style: normal;
    /* -webkit-text-stroke: 1px #0D111B; */
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .marquee_layer .text:last-child {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .object_layer {
    position: relative;
    height: 100%;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .object_layer .object {
    position: absolute;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .object_layer .object .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .object_layer .object1 {
    right: 1.5625vw;
    top: 19.81481%;
    width: 16.92708vw;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .object_layer .object1 .img {
    padding-top: calc((205 * 100) / 325 * 1%);
    background-image: url("/resources/images/index/main_visual_item01.png");
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .object_layer .object2 {
    left: 4.16666vw;
    top: 53.79629%;
    width: 12.76041vw;
  }
  
  #company .about_wrapper .introduce_wrapper .introTop .object_layer .object2 .img {
    padding-top: calc((335 * 100) / 245 * 1%);
    background-image: url("/resources/images/index/main_visual_item02.png");
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .introduce_wrapper .introTop {
      margin-bottom: 50px;
    }
    #company .about_wrapper .introduce_wrapper .introTop .bg_layer {
      background: url("/resources/images/index/main_visual02.png") no-repeat center/cover;
      /* width: 650px;
      height: 500px; */
    }
    #company .about_wrapper .introduce_wrapper .introTop .bg_layer .wrap_tit .tit {
      font-size: 38px;
    }
    #company .about_wrapper .introduce_wrapper .introTop .marquee_layer .text_container {
      padding: 19px 0 24px;
    }
    #company .about_wrapper .introduce_wrapper .introTop .marquee_layer .text {
      font-size: 18.66666vw;
      -webkit-transform: translateX(-150%);
      transform: translateX(-150%);
    }
    #company .about_wrapper .introduce_wrapper .introTop .marquee_layer .text:last-child {
      -webkit-transform: translateX(150%);
      transform: translateX(150%);
    }
    #company .about_wrapper .introduce_wrapper .introTop .object_layer {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .introduce_wrapper .introTop .bg_layer .wrap_tit .tit {
      font-size: 26px;
    }
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription {
    margin-bottom: 300px;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block {
    margin-bottom: 240px;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block:last-child {
    margin-bottom: 0;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .title {
    
    font-weight: 700;
    font-size: 2rem;
    color: var(--brown-color);
    font-style: normal;
    line-height: 1.4;
    margin-bottom: 7.14285%;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .description {
    
    font-weight: 400;
    font-size: 18px;
    color: #465059;
    font-style: normal;
    line-height: 1.55em;
    margin-bottom: 40.30226%;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64.81481vh;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_img {
    width: 45.3125vw;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_desc .block_desc_inner {
    padding: 0 50px;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img {
    position: relative;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner {
    position: relative;
    height: 100%;
    width: 45.3125vw;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner .img {
    position: absolute;
    width: 45.3125vw;
    height: 64.81481vh;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner .bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 24px;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner .bg .bg_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45.3125vw;
    height: 64.81481vh;
    background: 50% 50% no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_desc + .block_img .block_img_inner .bg {
    right: auto;
    left: 0;
  }
  
  #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img + .block_desc .block_desc_inner {
    padding-left: 22.95081%;
    padding-right: 0;
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .introduce_wrapper .introDescription {
      margin-bottom: 100px;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block {
      margin-bottom: 60px;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .title {
      font-size: 22px;
      margin-bottom: 12px;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .description {
      font-size: 14px;
      margin-bottom: 0;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100% !important;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row.block_row_reverse {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_img {
      width: 72vw;
      margin-bottom: 30px;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_desc {
      width: 72vw;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_desc .block_desc_inner {
      padding-left: 10px;
      padding-right: 10px;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner {
      width: 100%;
      padding-top: 74.07407%;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner .img {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner .bg {
      width: 100%;
      height: 100%;
    }
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_img_inner .bg .bg_inner {
      width: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      -webkit-transform: none !important;
      transform: none !important;
      height: auto;
    }
  }
  
  @media screen and (max-width: 650px) {
    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_img {
      width: 100%;
      text-align: center;
    }

    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_desc {
      width: 100%;
    }

    #company .about_wrapper .introduce_wrapper .introDescription .sub_desc_block .block_row .block_col.block_desc .block_desc_inner {
      text-align: center;
    }
  }


  #company .about_wrapper .introduce_wrapper .introBottom {
    position: relative;
  }
  
  #company .about_wrapper .introduce_wrapper .introBottom .wrap_img {
    width: 100%;
    height: 100%;
    background: url('/resources/images/index/main_visual_bottom.png') no-repeat top/cover;
  }

 
  
  #company .about_wrapper .introduce_wrapper .introBottom .wrap_text {
    width: 100%;
    position: absolute;
    top: calc(50% - 230px);
  }
  
  #company .about_wrapper .introduce_wrapper .introBottom .wrap_text .text {
    color: var(--white-color);
    text-align: center;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  }
  
  #company .about_wrapper .ceo_wrapper {
    overflow: hidden;
  }
  
  #company .about_wrapper .ceo_wrapper figure {
    position: relative;
  }
  
  #company .about_wrapper .ceo_wrapper figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  #company .about_wrapper .ceo_wrapper .part1 {
    position: relative;
    margin: 0 calc(50% - 50vw);
    max-height: 900px;
    overflow: hidden;
  }
  
  #company .about_wrapper .ceo_wrapper .part1 figure {
    padding-bottom: 31.25%;
  }
  
  #company .about_wrapper .ceo_wrapper .part1 .title1 {
    
    font-weight: 700;
    font-size: 48px;
    color: var(--brown-color);
    font-style: normal;
    position: absolute;
    max-width: 660px;
    width: 46%;
    top: 50%;
    margin-top: -108px;
    right: 11%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .title2 {
    
    font-weight: 700;
    font-size: 36px;
    color: var(--brown-color);
    font-style: normal;
    margin-bottom: 36px;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 figure {
    border-radius: 16px;
    overflow: hidden;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 480px;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .right {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    padding-left: 11.677%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner1 {
    padding-top: 180px;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner1 .left {
    margin-top: -7%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner1 .right {
    padding-bottom: 7%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner1 .title2 {
    max-width: 450px;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner1 .t_desc2 {
    padding-right: 9%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner2 {
    padding-top: 12%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner2 .right {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner2 .title2 {
    max-width: 500px;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .inner2 .t_desc2 {
    max-width: 600px;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .img1 {
    padding-bottom: 65.715%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .img2 {
    max-width: 220px;
    width: 25.701%;
    padding-bottom: 26.87%;
    position: absolute;
    left: 0;
    top: 58%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .img3 {
    padding-bottom: 120.835%;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .sign {
    margin-top: 105px;
    padding-top: 16px;
    border-top: 1px solid #E2E2E2;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .sign .name {
    display: inline-block;
    vertical-align: middle;
    
    font-weight: 500;
    font-size: 20px;
    color: #222;
    font-style: normal;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .sign .name strong {
    font-weight: 700;
  }
  
  #company .about_wrapper .ceo_wrapper .part2 .sign figure {
    display: inline-block;
    vertical-align: middle;
    width: 95px;
    height: 79px;
    margin-left: 20px;
  }
  
  #company .about_wrapper .ceo_wrapper .moveItemUp {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .ceo_wrapper .part1 {
      max-height: initial;
      margin: 0 -50px;
      overflow: initial;
    }
    #company .about_wrapper .ceo_wrapper .part1 figure {
      padding-bottom: 66.67%;
    }
    #company .about_wrapper .ceo_wrapper .part1 .title1 {
      font-size: 37px;
      position: static;
      max-width: 560px;
      width: 100%;
      margin: 40px 0 0 0;
      padding: 0 18px 0 30px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .title2 {
      font-size: 28px;
      margin-bottom: 12px;
      padding: 30px 0 0;
    }
    #company .about_wrapper .ceo_wrapper .part2 .t_desc2 {
      font-size: 16px;
      line-height: 25px;
      padding: 0 10px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .left {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      max-width: 100%;
    }
    #company .about_wrapper .ceo_wrapper .part2 .right {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      width: 100%;
      padding-left: 0;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner1 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding-top: 70px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner1 .title2 {
      max-width: 85%;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner1 .t_desc2 {
      padding-right: 0;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner1 .left {
      margin-top: 0;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner1 .right {
      padding-bottom: 17%;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner2 {
      padding-top: 80px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner2 .right {
      padding-top: 0;
      padding-bottom: 0;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner2 .title2 {
      max-width: 90%;
    }
    #company .about_wrapper .ceo_wrapper .part2 .inner2 .t_desc2 {
      max-width: 100%;
    }
    #company .about_wrapper .ceo_wrapper .part2 .img1 {
      padding-bottom: 53.69%;
      width: 73.75%;
      margin-left: auto;
    }
    #company .about_wrapper .ceo_wrapper .part2 .img2 {
      max-width: initial;
      width: 32.45%;
      padding-bottom: 32.45%;
      top: 54%;
      border-radius: 12px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .img3 {
      padding-bottom: 53.1%;
      width: 81.42%;
    }
    #company .about_wrapper .ceo_wrapper .part2 .img3 .img {
      background-size: 105%;
    }
    #company .about_wrapper .ceo_wrapper .part2 .sign {
      margin-top: 30px;
      padding: 0 10px;
      border-top: none;
    }
    #company .about_wrapper .ceo_wrapper .part2 .sign .name {
      font-size: 18px;
      margin-top: 10px;
      margin-right: 5px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .sign figure {
      width: 59px;
      height: 49px;
      margin-top: 10px;
      margin-left: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .ceo_wrapper .part1 {
      margin: 0 -18px;
    }
    #company .about_wrapper .ceo_wrapper .part1 .title1 {
      font-size: 26px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .title2 {
      font-size: 22px;
    }
    #company .about_wrapper .ceo_wrapper .part2 .t_desc2 {
      font-size: 14px;
      line-height: 22px;
    }
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .wrap_con:after {
    display: block;
    clear: both;
    content: "";
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .image_area {
    float: right;
    width: 50%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: sticky;
    top: 0;
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .image_area .img_box {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: calc(50vw - 9px);
    height: 100%;
    overflow: hidden;
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .image_area .img_box .img {
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .8s;
    transition: .8s;
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .image_area .img_box .img.on {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .image_area .img_box .img:nth-child(1) {
    opacity: 1;
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .text_wrapper {
    float: left;
    width: 50%;
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .text_wrapper .figure_shortcut_module {
    width: calc(100vw - 17px);
    height: auto;
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .con_area {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #company .about_wrapper .rnd_wrapper .rndIntro .pc_only .con_area .inner {
    max-width: 425px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .rnd_wrapper .rndIntro {
      margin-bottom: 100px;
    }
    #company .about_wrapper .rnd_wrapper .rndIntro .pc_none .wrap_con {
      height: auto !important;
    }
    #company .about_wrapper .rnd_wrapper .rndIntro .pc_none .wrap_con:not(:first-child) {
      margin-top: 80px;
    }
    #company .about_wrapper .rnd_wrapper .rndIntro .pc_none .figure_shortcut_module .img_box .img {
      padding-top: calc((240 * 100) / 500 * 1%);
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .rnd_wrapper .rndIntro .pc_none .figure_shortcut_module .img_box .img {
      padding-top: calc((240 * 100) / 320 * 1%);
    }
  }
  
  #company .about_wrapper .rnd_wrapper .rndComment {
    position: relative;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_comment.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .about_wrapper .rnd_wrapper .rndComment .wrap_text {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  #company .about_wrapper .rnd_wrapper .rndComment .wrap_text .text {
    color: var(--white-color);
    text-align: center;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField {
    margin: 200px 0;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_bg {
    width: 100%;
    border-radius: 24px;
    margin-top: 68px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_field.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: calc((480 * 100) / 1350 * 1%);
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
    padding: 0 9%;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .con_text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 50px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .con_text .tit {
    
    font-weight: 500;
    font-size: 32px;
    color: #222;
    font-style: normal;
    margin-top: 20px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .con_text .desc {
    
    font-weight: 400;
    font-size: 18px;
    color: #6E6E6E;
    font-style: normal;
    margin-top: 20px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 548px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc((100% - (34px * 2)) / 3);
    
    font-weight: 500;
    font-size: 22px;
    color: #222;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 30px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li.ic1:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_rnd_field1.png");
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li.ic2:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_rnd_field2.png");
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li.ic3:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_rnd_field3.png");
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li.ic4:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_rnd_field4.png");
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li.ic5:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_rnd_field5.png");
  }
  
  #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li.ic6:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_rnd_field6.png");
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item {
      display: block;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .con_text .tit {
      margin-top: 0;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list {
      margin-top: 40px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .rnd_wrapper .rndField {
      margin: 80px 0 110px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_bg {
      width: 100%;
      border-radius: 16px;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/bg_rnd_field.jpg");
      padding-top: calc((200 * 100) / 339 * 1%);
      margin-top: 30px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item {
      display: block;
      margin-top: 30px;
      padding: 0 10px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item:last-child {
      margin-top: 60px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .con_text {
      padding-right: 15px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .con_text .tit {
      font-size: 22px;
      margin-top: 0;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .con_text .desc {
      font-size: 14px;
      margin-top: 12px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      max-width: 380px;
      margin-top: 28px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li {
      width: calc((100% - (5.33333% * 2)) / 3);
      font-size: 14px;
    }
    #company .about_wrapper .rnd_wrapper .rndField .wrap_con .item .icon_list li:before {
      margin-bottom: 15px;
    }
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space {
    position: relative;
    height: 500vh;
    /* 카드갯수*100 */
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points .tp {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #222;
    color: red;
    opacity: 0;
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points .tp.tp0 {
    top: calc(0 * 20%);
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points .tp.tp1 {
    top: calc(1 * 20%);
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points .tp.tp2 {
    top: calc(2 * 20%);
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points .tp.tp3 {
    top: calc(3 * 20%);
  }
  
  #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points .tp.tp4 {
    top: calc(4 * 20%);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward {
    position: sticky;
    top: 0;
    min-height: 900px;
    padding: 12.96296vh 0 22.22222vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    -webkit-transition: background-image .5s;
    transition: background-image .5s;
    will-change: background;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward[data-bg="0"] {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_award1.jpg");
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward[data-bg="1"] {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_award2.jpg");
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward[data-bg="2"] {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_award3.jpg");
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward[data-bg="3"] {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_award4.jpg");
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward[data-bg="4"] {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_award5.jpg");
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward h3 {
    color: var(--white-color);
    margin-bottom: 40px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .awardSwiper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: calc(100% + 40px);
    max-height: calc(420px + 40px);
    padding-top: 40px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide {
    width: calc((100% - 26px * 4) / 5);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide:not(:first-child) {
    margin-left: 26px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on .card {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(1) .card, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(1) .card {
    background: rgba(16, 30, 46, 0.7);
    border-color: rgba(16, 30, 46, 0.7);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(1) .card .tit,
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(1) .card .text, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(1) .card .tit,
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(1) .card .text {
    color: var(--white-color);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(2) .card, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(2) .card {
    background: var(--white-color);
    border-color: var(--white-color);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(2) .card .year, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(2) .card .year {
    color: #175FA0;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(3) .card, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(3) .card {
    background: #0059C2;
    border-color: #0059C2;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(3) .card .text, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(3) .card .text {
    color: var(--white-color);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(4) .card, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(4) .card {
    background: var(--white-color);
    border-color: var(--white-color);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(4) .card .year, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(4) .card .year {
    color: #175FA0;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(5) .card, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(5) .card {
    background: #4AB50D;
    border-color: #4AB50D;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide.on:nth-child(5) .card .text, #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active:nth-child(5) .card .text {
    color: var(--white-color);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .card {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #FFF;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    -webkit-transition: background .3s, border .3s, -webkit-transform .5s;
    transition: background .3s, border .3s, -webkit-transform .5s;
    transition: background .3s, border .3s, transform .5s;
    transition: background .3s, border .3s, transform .5s, -webkit-transform .5s;
    padding: 40px 20px 40px 30px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .card ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 23px;
    height: 100%;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .card .year {
    display: block;
    
    font-weight: 600;
    font-size: 16px;
    color: #F6F6F6;
    font-style: normal;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .card .text {
    
    font-weight: 500;
    font-size: 18px;
    color: #000;
    font-style: normal;
    line-height: 1.55em;
    letter-spacing: -0.18px;
    margin-top: 8px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 9.9074vh;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 200%;
    height: 1px;
    background: rgba(200, 200, 200, 0.5);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot {
    position: relative;
    width: calc((100% - 32px * 4) / 5);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot:not(:first-child) {
    margin-left: 32px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot.on:before {
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot.on:after {
    width: 24px;
    height: 24px;
    background-color: var(--white-color);
    border: 2px solid #B6B6B6;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot.on .txt {
    font-size: 34px;
    color: var(--white-color);
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f6f6f6;
    -webkit-transition: .5s;
    transition: .5s;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #bcbcbc;
    border: 2px solid #bcbcbc;
    -webkit-transition: .5s;
    transition: .5s;
  }
  
  #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot .txt {
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30px;
    
    font-weight: 500;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.6);
    font-style: normal;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
  }
  
  @media screen and (max-width: 1440px) {
    #company .about_wrapper .rnd_wrapper .rndAward .card {
      padding: 40px 0 40px 2.083vw;
    }
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .rnd_wrapper .award_pin_space {
      height: auto;
    }
    #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points {
      display: none;
    }
    #company .about_wrapper .rnd_wrapper .rndAward {
      position: static;
    }
    #company .about_wrapper .rnd_wrapper .rndAward > .container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .awardSwiper {
      width: 82.5%;
      overflow: visible;
      padding-top: 0;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide {
      width: 100%;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide:not(:first-child) {
      margin-left: 0;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active .card {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active .card .year,
    #company .about_wrapper .rnd_wrapper .rndAward .swiper-slide-active .card .text {
      opacity: 1;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .card .year,
    #company .about_wrapper .rnd_wrapper .rndAward .card .text {
      opacity: 0;
      -webkit-transition: .3s;
      transition: .3s;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .rnd_wrapper .award_pin_space {
      height: auto;
    }
    #company .about_wrapper .rnd_wrapper .award_pin_space .wrap_toggle_points {
      display: none;
    }
    #company .about_wrapper .rnd_wrapper .rndAward {
      position: static;
      min-height: 0;
      height: auto;
      padding: 80px 0 130px;
    }
    #company .about_wrapper .rnd_wrapper .rndAward.bg1 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/bg_rnd_award1.jpg");
    }
    #company .about_wrapper .rnd_wrapper .rndAward.bg2 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/bg_rnd_award2.jpg");
    }
    #company .about_wrapper .rnd_wrapper .rndAward.bg3 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/bg_rnd_award3.jpg");
    }
    #company .about_wrapper .rnd_wrapper .rndAward.bg4 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/bg_rnd_award4.jpg");
    }
    #company .about_wrapper .rnd_wrapper .rndAward.bg5 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/bg_rnd_award5.jpg");
    }
    #company .about_wrapper .rnd_wrapper .rndAward h3 {
      margin-bottom: 30px;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .awardSwiper {
      height: 400px;
      max-height: auto;
      overflow: visible;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .card {
      background: rgba(255, 255, 255, 0.75);
      -webkit-backdrop-filter: blur(7.5px);
      backdrop-filter: blur(7.5px);
      padding: 40px 30px;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .card ul {
      gap: 20px;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .card .year {
      font-weight: 500;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot {
      margin-top: 10.83743vh;
      width: calc(82.5% + 25px);
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot:before {
      left: -50px;
      width: 1000%;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot {
      width: calc(100% / 5);
      width: 100%;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot:not(:first-child) {
      margin-left: 0;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot.on:after {
      width: 16px;
      height: 16px;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot.on .txt {
      font-size: 18px;
      color: var(--white-color);
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot:before {
      width: 12px;
      height: 12px;
      left: 12px;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot:after {
      width: 2px;
      height: 2px;
      left: 12px;
    }
    #company .about_wrapper .rnd_wrapper .rndAward .wrap_dot .dot .txt {
      top: 18px;
      font-size: 18px;
      color: var(--white-color);
      text-align: left;
      padding-left: 6px;
    }
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory {
    padding-top: 200px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory .tit_area {
    position: sticky;
    top: 140px;
    float: left;
    margin-bottom: 50px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory .tit_area .year_current {
    
    font-weight: 500;
    font-size: 148px;
    color: #0069D9;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.07em;
    margin-top: 108px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory .list_area {
    float: right;
    width: 49.62574%;
    margin-top: 145px;
    border-top: 1px solid #E2E2E2;
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory .year_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 80px 0;
    border-bottom: 1px solid #E2E2E2;
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory .year_group .year {
    
    font-weight: 400;
    font-size: 22px;
    color: #0069D9;
    font-style: normal;
    margin-right: 72px;
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory .year_group .item {
    
    font-weight: 500;
    font-size: 24px;
    color: #000;
    font-style: normal;
  }
  
  #company .about_wrapper .rnd_wrapper .rndHistory .year_group .item:not(:first-child) {
    margin-top: 20px;
  }
  
  @media screen and (max-width: 1440px) {
    #company .about_wrapper .rnd_wrapper .rndHistory .tit_area .year_current {
      font-size: 10.27777vw;
      margin-top: 7.5vw;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .list_area {
      width: 48vw;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .year_group .year {
      margin-right: 5vw;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .rnd_wrapper .rndHistory {
      padding-top: 30px;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .tit_area {
      top: 0;
      float: none;
      padding-top: 50px;
      padding-bottom: 30px;
      margin-bottom: 86px;
      background-color: var(--white-color);
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .tit_area .year_current {
      font-weight: 600;
      font-size: 52px;
      margin-top: 30px;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .list_area {
      float: none;
      width: 100%;
      margin-top: -86px;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .year_group {
      padding: 30px 0;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .year_group .year {
      font-weight: 500;
      font-size: 16px;
      margin-right: 13.33333vw;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .year_group .item {
      
      font-weight: 500;
      font-size: 16px;
      color: #000;
      font-style: normal;
    }
    #company .about_wrapper .rnd_wrapper .rndHistory .year_group .item:not(:first-child) {
      margin-top: 10px;
    }
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner {
    height: 480px;
    margin-top: 200px;
    overflow: hidden;
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner:after {
    display: block;
    clear: both;
    content: "";
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item {
    float: left;
    width: 40%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: width .8s;
    transition: width .8s;
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item:nth-child(1) {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_banner1.jpg");
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item:nth-child(2) {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/bg_rnd_banner2.jpg");
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover {
    width: 60%;
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .tit {
    font-size: 42px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .desc > span,
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .g_btn,
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .btn_more1,
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .btn_more2,
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .btn_download1,
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .btn_download2,
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .btn_policy,
  #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .btn_share1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item .tit {
    
    font-weight: 700;
    font-size: 50px;
    color: var(--white-color);
    font-style: normal;
    line-height: 1;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: .8s;
    transition: .8s;
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item .desc {
    
    font-weight: 500;
    font-size: 22px;
    color: var(--white-color);
    font-style: normal;
    margin-top: 40px;
    overflow: hidden;
    -webkit-transition: .8s;
    transition: .8s;
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item .desc > span {
    display: block;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
  }
  
  #company .about_wrapper .rnd_wrapper .rndBanner .item .g_btn, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_more1, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_more2, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_download1, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_download2, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_policy, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_share1 {
    margin-top: 30px;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
    -webkit-transition: background-color .3s, border-color .3s, color .3s, opacity .8s, -webkit-transform .8s;
    transition: background-color .3s, border-color .3s, color .3s, opacity .8s, -webkit-transform .8s;
    transition: background-color .3s, border-color .3s, color .3s, transform .8s, opacity .8s;
    transition: background-color .3s, border-color .3s, color .3s, transform .8s, opacity .8s, -webkit-transform .8s;
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .rnd_wrapper .rndBanner {
      height: auto;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item {
      float: none;
      width: 100%;
      height: auto;
      -webkit-transition: none;
      transition: none;
      padding: 40px 0;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item.hover {
      width: 100%;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .tit {
      font-size: 35px;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item .inner > * {
      -webkit-transition: none;
      transition: none;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item .tit {
      font-size: 35px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item .desc {
      
      font-weight: 400;
      font-size: 14px;
      color: var(--white-color);
      font-style: normal;
      margin-top: 28px;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item .desc > span {
      display: block;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item .g_btn, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_more1, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_more2, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_download1, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_download2, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_policy, #company .about_wrapper .rnd_wrapper .rndBanner .item .btn_share1 {
      margin-top: 24px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .rnd_wrapper .rndBanner {
      margin-top: 120px;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item.hover .tit {
      font-size: 24px;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item .tit {
      font-size: 24px;
    }
    #company .about_wrapper .rnd_wrapper .rndBanner .item .desc {
      margin-top: 12px;
    }
  }
  
  #company .about_wrapper .history_wrapper {
    padding-top: 200px;
    background-color: #F9F9F9;
    --history-transition-duration: 0.3s;
  }
  
  #company .about_wrapper .history_wrapper .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-bottom: 380px;
  }
  
  #company .about_wrapper .history_wrapper .yearSwiper {
    position: sticky;
    left: 0;
    top: 200px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 540px;
    height: 305px;
    margin-top: -100px;
  }
  
  #company .about_wrapper .history_wrapper .yearSwiper .year_left {
    
    font-weight: 500;
    font-size: 170px;
    color: #183856;
    font-style: normal;
    line-height: 130px;
    letter-spacing: -6px;
    position: absolute;
    top: 110px;
    left: 0;
    width: 200px;
    text-align: right;
  }
  
  #company .about_wrapper .history_wrapper .yearSwiper .swiper {
    overflow: visible;
    height: 100%;
  }
  
  #company .about_wrapper .history_wrapper .yearSwiper .swiper-wrapper {
    height: 100%;
  }
  
  #company .about_wrapper .history_wrapper .yearSwiper .swiper-slide {
    padding: 110px 30px 110px 0;
    height: auto;
  }
  
  #company .about_wrapper .history_wrapper .yearSwiper .swiper-slide > p {
    
    font-weight: 500;
    font-size: 170px;
    color: #F0F0F0;
    font-style: normal;
    line-height: 130px;
    letter-spacing: -6px;
    max-width: 405px;
    padding-left: 200px;
  }
  
  #company .about_wrapper .history_wrapper .yearSwiper .swiper-slide.on > p, #company .about_wrapper .history_wrapper .yearSwiper .swiper-slide-active > p {
    color: #183856;
  }
  
  #company .about_wrapper .history_wrapper .year_info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    padding-bottom: 65px;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle.on .item {
    background-color: var(--white-color);
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle.on .month span {
    opacity: 1;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle.on .month .num {
    color: var(--brown-color);
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle.on .detail span {
    color: #222;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle.on .btn_plus {
    opacity: 1;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle.on .img.on {
    opacity: 1;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .item {
    position: relative;
    margin-top: 10px;
    background-color: #F9F9F9;
    border-radius: 12px;
    padding: 37px 70px 37px 4%;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .month {
    display: inline-block;
    width: 76px;
    vertical-align: top;
    text-align: right;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .month span {
    
    font-weight: 500;
    font-size: 18px;
    color: #909EA0;
    font-style: normal;
    opacity: 0;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .month .num {
    
    font-weight: 500;
    font-size: 50px;
    color: #E1E2E5;
    font-style: normal;
    line-height: 60px;
    padding-right: 5px;
    opacity: 1;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .detail_box {
    position: relative;
    display: inline-block;
    width: calc(100% - 85px);
    padding: 15px 0 15px 10%;
    vertical-align: top;
    z-index: 3;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .detail {
    position: relative;
    margin-top: 20px;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .detail:first-of-type {
    margin-top: 0;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .detail span {
    
    font-weight: 500;
    font-size: 20px;
    color: #D0D0D0;
    font-style: normal;
    display: block;
    width: 100%;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .detail span.normal {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .detail span.normal.off {
    clip: initial !important;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .detail span.invert {
    position: relative;
    color: var(--white-color);
    z-index: 1;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .btn_plus {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;
    -webkit-transform-origin: opacity;
    transform-origin: opacity;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .btn_plus span {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #CDDDF1;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/ic_plus2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
    text-indent: -99999px;
    text-align: left;
    overflow: hidden;
    -webkit-transform-origin: border-color, background;
    transform-origin: border-color, background;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .btn_plus.on span {
    border-color: #4F8DD7;
    background-color: #4F8DD7;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/ic_plus3.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .history_wrapper .year_info .item_bundle .img {
    position: absolute;
    right: -15px;
    top: 50%;
    z-index: 1;
    max-width: 402px;
    width: 55%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_bar {
    position: sticky;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 150px;
    --bar-height: 60px;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .progress_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--bar-height);
    background-color: var(--yearbar_background);
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
    z-index: -1;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .progress_bar .floating_year {
    position: absolute;
    right: -65px;
    top: -75px;
    width: 130px;
    text-align: center;
    -webkit-transition: right var(--history-transition-duration);
    transition: right var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_bar .progress_bar .floating_year.last {
    right: 0;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .progress_bar .floating_year .tit {
    display: inline-block;
    
    font-weight: 500;
    font-size: 24px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .progress_bar .floating_year .year_term {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 24px;
    
    font-weight: 600;
    font-size: 14px;
    color: var(--white-color);
    font-style: normal;
    background-color: var(--yearbar_background);
  }
  
  #company .about_wrapper .history_wrapper .year_bar .yearBarSwiper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: var(--history-transition-duration);
    transition-duration: var(--history-transition-duration);
  }
  
  #company .about_wrapper .history_wrapper .year_bar .yearBarSwiper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: var(--bar-height);
    bottom: 0;
    left: 0;
    background-color: var(--white-color);
    z-index: 0;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .yearBarSwiper0 {
    --yearbar_background:#0E78D1;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .yearBarSwiper1 {
    --yearbar_background:#00A5CD;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .yearBarSwiper2 {
    --yearbar_background:#0EC191;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .yearBarSwiper.on {
    opacity: 1;
    visibility: visible;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .swiper {
    padding-top: 80px;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .swiper-wrapper {
    width: auto;
    margin: 0 auto;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .swiper-slide {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .swiper-slide span {
    display: block;
    width: 55px;
    height: var(--bar-height);
    
    font-weight: 600;
    font-size: 18px;
    color: #222;
    font-style: normal;
    line-height: var(--bar-height);
    -webkit-transition: color var(--history-transition-duration);
    transition: color var(--history-transition-duration);
    text-align: center;
  }
  
  #company .about_wrapper .history_wrapper .year_bar .swiper-slide-active span, #company .about_wrapper .history_wrapper .year_bar .swiper-slide.on span {
    color: var(--white-color);
  }
  
  #company .about_wrapper .history_wrapper .year_bar .set_bg {
    position: absolute;
    width: 100%;
    height: var(--bar-height);
    left: 0;
    bottom: 0;
    background-color: var(--yearbar_background);
    z-index: 1;
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .history_wrapper {
      padding-top: 20px;
    }
    #company .about_wrapper .history_wrapper .inner {
      display: block;
      padding-bottom: 150px;
    }
    #company .about_wrapper .history_wrapper .year_info {
      padding-bottom: 0px;
    }
    #company .about_wrapper .history_wrapper .year_info .year_tit {
      
      font-weight: 600;
      font-size: 42px;
      color: #183856;
      font-style: normal;
      margin-bottom: 18px;
      line-height: 1;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle {
      margin-top: 60px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .item {
      background-color: var(--white-color);
      padding: 15px 15px 15px 10px;
      margin-top: 6px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .month {
      width: 46px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .month span {
      opacity: 1;
      font-size: 14px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .month .num {
      font-size: 28px;
      padding-right: 2px;
      line-height: 54px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .detail_box {
      width: calc(100% - 55px);
      padding: 15px 0 15px 10px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .detail {
      margin-top: 6px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .detail span {
      font-size: 16px;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .detail span.normal {
      position: static;
      clip: initial !important;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .detail span.invert {
      display: none;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .btn_plus {
      display: none;
    }
    #company .about_wrapper .history_wrapper .year_info .item_bundle .img {
      position: static;
      opacity: 1;
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0);
      margin-left: 60px;
      width: calc(87.9% - 60px);
    }
    #company .about_wrapper .history_wrapper .year_bar {
      height: 105px;
      --bar-height: 46px;
    }
    #company .about_wrapper .history_wrapper .year_bar:before {
      content: '';
      width: 100%;
      height: 60vh;
      position: absolute;
      left: 0;
      bottom: 0;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(8.42%, #FFFFFF), color-stop(74.95%, rgba(255, 255, 255, 0)));
      background: linear-gradient(0deg, #FFFFFF 8.42%, rgba(255, 255, 255, 0) 74.95%);
    }
    #company .about_wrapper .history_wrapper .year_bar .yearBarSwiper:before {
      border-top: 1px solid #E2E2E2;
    }
    #company .about_wrapper .history_wrapper .year_bar .swiper {
      padding-top: 60px;
    }
    #company .about_wrapper .history_wrapper .year_bar .swiper-slide {
      padding: 0 11px;
    }
    #company .about_wrapper .history_wrapper .year_bar .swiper-slide span {
      width: 36px;
      font-weight: 500;
      font-size: 14px;
    }
    #company .about_wrapper .history_wrapper .year_bar .progress_bar .floating_year {
      right: -55px;
      top: -60px;
      width: 110px;
    }
    #company .about_wrapper .history_wrapper .year_bar .progress_bar .floating_year .tit {
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      padding-bottom: 5px;
    }
    #company .about_wrapper .history_wrapper .year_bar .progress_bar .floating_year .year_term {
      padding: 4px 14px;
      font-size: 12px;
    }
  }
  
  #company .about_wrapper .global_wrapper .map_area {
    position: relative;
    width: 100%;
    padding-bottom: 73.213%;
    border-radius: 16px;
    overflow: hidden;
  }
  
  #company .about_wrapper .global_wrapper .map_area .map_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  #company .about_wrapper .global_wrapper .contact_num {
    display: inline-block;
  }
  
  #company .about_wrapper .global_wrapper .contact_num:not(:last-of-type) {
    margin-right: 12px;
  }
  
  #company .about_wrapper .global_wrapper .part1 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: calc(50% - 50vw + 30px);
  }
  
  #company .about_wrapper .global_wrapper .part1 .img_wrap {
    position: sticky;
    top: calc(50% - 460px);
    left: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 58%;
    flex: 1 1 58%;
    max-width: 57.572%;
  }
  
  #company .about_wrapper .global_wrapper .part1 figure {
    position: relative;
    padding-bottom: 100%;
    border-radius: 24px;
    overflow: hidden;
    -webkit-transform: scale(1.74456);
    transform: scale(1.74456);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  
  #company .about_wrapper .global_wrapper .part1 figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  #company .about_wrapper .global_wrapper .part1 .info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 42%;
    flex: 1 1 42%;
    padding-left: 8.323%;
    margin-top: 50%;
    padding-bottom: 10%;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area {
    margin-top: 11.01%;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .tit1 {
    
    font-weight: 700;
    font-size: 48px;
    color: var(--brown-color);
    font-style: normal;
    line-height: 58px;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .tit2 {
    
    font-weight: 500;
    font-size: 32px;
    color: #0069D9;
    font-style: normal;
    margin-top: 7.34%;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .location_info {
    margin-top: 6.24%;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .location_info li {
    margin-top: 8px;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .location_info li:first-child {
    margin-top: 0;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .location_info li p {
    
    font-weight: 400;
    font-size: 18px;
    color: #6E6E6E;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .location_info .name {
    width: 118px;
  }
  
  #company .about_wrapper .global_wrapper .part1 .txt_area .location_info .desc {
    width: calc(100% - 128px);
    color: #465059;
  }
  
  #company .about_wrapper .global_wrapper .part2 {
    margin-top: 130px;
  }
  
  #company .about_wrapper .global_wrapper .part2 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 75px;
  }
  
  #company .about_wrapper .global_wrapper .part2 .inner:first-of-type {
    margin-top: 0;
  }
  
  #company .about_wrapper .global_wrapper .part2 .country {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    
    font-weight: 700;
    font-size: 42px;
    color: var(--brown-color);
    font-style: normal;
    padding: 50px 30px 20px 0;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 770px;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list li {
    border-bottom: 1px solid #CDDDF1;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list li.on .txt_area .btn_map1 {
    --map-color: #C9D3E0;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list li.on .txt_area .btn_map1:after {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/ic_arrow11.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .txt_area {
    position: relative;
    padding: 50px 27% 40px 0;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .name {
    
    font-weight: 700;
    font-size: 28px;
    color: var(--brown-color);
    font-style: normal;
    letter-spacing: -0.025em;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .t_desc2 {
    margin-top: 24px;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_map1 {
    --map-color: #175FA0;
    position: absolute;
    right: 0;
    top: 50px;
    border: 1px solid var(--map-color);
    
    font-weight: 600;
    font-size: 18px;
    color: var(--map-color);
    font-style: normal;
    padding: 13px 68px 14px 34px;
    border-radius: 6px;
    text-align: left;
    -webkit-transition-property: border-color, color;
    transition-property: border-color, color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_map1 span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_map1:after {
    content: '';
    width: 12px;
    height: 8px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/ic_arrow10.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
    position: absolute;
    right: 21px;
    top: 50%;
    margin-top: -4px;
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_view1 {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .map_wrap {
    display: none;
    margin: 10px 0 32px;
  }
  
  #company .about_wrapper .global_wrapper .part2 .address_list .map_wrap .map_area {
    padding-bottom: 51.82%;
  }
  
  @media screen and (max-width: 1200px) {
    #company .about_wrapper .global_wrapper .part1 .info {
      padding-bottom: 5%;
    }
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .global_wrapper .map_area {
      padding-bottom: 67%;
      min-height: 230px;
    }
    #company .about_wrapper .global_wrapper .part1 .inner {
      display: block;
      margin-left: 0;
    }
    #company .about_wrapper .global_wrapper .part1 .img_wrap {
      position: static;
      max-width: initial;
      margin: 0 -50px;
      height: auto !important;
    }
    #company .about_wrapper .global_wrapper .part1 figure {
      border-radius: 0;
      min-height: initial;
      -webkit-transform: scale(1);
      transform: scale(1);
      padding-bottom: 56%;
    }
    #company .about_wrapper .global_wrapper .part1 .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding-left: 0;
      margin-top: 25px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      padding-bottom: 0;
      opacity: 1;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area {
      margin-top: 0;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .tit1 {
      font-size: 37px;
      line-height: 38px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .tit2 {
      
      font-weight: 500;
      font-size: 26px;
      color: #0D74D3;
      font-style: normal;
      margin-top: 15px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .location_info {
      margin-top: 12px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .location_info li {
      margin-top: 12px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .location_info li p {
      display: block;
      font-size: 16px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .location_info .name {
      width: initial;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .location_info .desc {
      width: initial;
    }
    #company .about_wrapper .global_wrapper .part1 .map_area {
      margin-top: 30px;
    }
    #company .about_wrapper .global_wrapper .part2 {
      margin-top: 80px;
    }
    #company .about_wrapper .global_wrapper .part2 .country {
      font-size: 32px;
      padding: 0 10px 20px;
    }
    #company .about_wrapper .global_wrapper .part2 .inner {
      display: block;
    }
    #company .about_wrapper .global_wrapper .part2 .inner:not(:first-child) {
      margin-top: 80px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list {
      max-width: 100%;
      border-top: 1px solid var(--brown-color);
    }
    #company .about_wrapper .global_wrapper .part2 .address_list li.on .txt_area .t_desc2 {
      opacity: 1;
      visibility: visible;
      margin-top: 12px;
      height: 100%;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list li.on .txt_area .btn_map1:after {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/mobile/ic_arrow9.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 12px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area {
      padding: 30px 50px 30px 10px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .name {
      font-weight: 500;
      font-size: 22px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .t_desc2 {
      font-size: 16px;
      line-height: 24px;
      margin-top: 0;
      opacity: 0;
      visibility: hidden;
      height: 0;
      -webkit-transition-property: opacity, visibility, height, margin;
      transition-property: opacity, visibility, height, margin;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_map1 {
      width: 100%;
      height: 100%;
      top: 0;
      border-radius: 0;
      border: none;
      padding: 0;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_map1 span {
      display: none;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_map1:after {
      width: 12px;
      height: 8px;
      right: 10px;
      margin-top: 0;
      top: 38px;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/common/mobile/ic_arrow9.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 12px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .btn_view1 {
      margin-top: -20px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .map_wrap {
      margin-top: 0;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .map_wrap .map_area {
      padding-bottom: 67.85%;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .global_wrapper .part1 .img_wrap {
      margin: 0 -18px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .tit1 {
      font-size: 26px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .tit2 {
      font-size: 20px;
    }
    #company .about_wrapper .global_wrapper .part1 .txt_area .location_info li p {
      font-size: 14px;
    }
    #company .about_wrapper .global_wrapper .part2 .country {
      font-size: 26px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .name {
      font-size: 16px;
    }
    #company .about_wrapper .global_wrapper .part2 .address_list .txt_area .t_desc2 {
      font-size: 14px;
      line-height: 22px;
    }
  }
  
  #company .about_wrapper .hyosungway_wrapper .part {
    margin-top: 180px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part:first-of-type {
    margin-top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .p_tit1 {
    margin-bottom: 60px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .p_tit2 {
    
    font-weight: 700;
    font-size: 20px;
    color: #222;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .p_desc_list1 li {
    position: relative;
    
    font-weight: 400;
    font-size: 16px;
    color: #6E6E6E;
    font-style: normal;
    padding-left: 20px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .p_desc_list1 li:before {
    content: '·';
    font-size: 1.5em;
    line-height: 1em;
    position: absolute;
    left: 7px;
    top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .inner {
    margin-top: 100px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .inner:first-of-type {
    margin-top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .desc_box .p_tit2 + .p_desc_list1 {
    margin-top: 40px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .info_box {
    margin-top: 60px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .one_con {
    border: none;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .one_con tbody td {
    padding: 0;
    border: none;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box {
    position: relative;
    width: calc((100% - 23.578%) / 2);
    border-radius: 20px;
    padding-bottom: 19.462%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px;
    text-align: center;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .tit {
    
    font-weight: 500;
    font-size: 28px;
    color: var(--white-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .desc {
    margin-top: 20px;
    
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .left {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hyosungway1_1.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center {
    position: relative;
    width: 23.578%;
    padding: 20px 2.471% 85px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center:after {
    content: '';
    position: absolute;
    left: 15%;
    bottom: 20px;
    width: 70%;
    height: 42px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_arrow1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center .desc {
    padding: 20px;
    background: #DEEAF7;
    border-radius: 84px;
    
    font-weight: 600;
    font-size: 16px;
    color: var(--brown-color);
    font-style: normal;
    text-align: center;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .value_info .right {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hyosungway1_2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list {
    max-width: 1110px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list:after {
    content: '';
    position: absolute;
    left: 0;
    top: 112px;
    width: 99%;
    height: 1px;
    border-top: 1px dashed #ABABAB;
    z-index: -1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list li {
    width: calc((100% - 7.786%) / 3);
    margin-right: 3.893%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list li:nth-child(3n) {
    margin-right: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 20px;
    border-radius: 8px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text1 {
    min-height: 96px;
    background: #FAFCFE;
    border: 1px solid #E2E2E2;
    
    font-weight: 500;
    font-size: 18px;
    color: #465059;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text1 span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text1 .c_blue {
    color: #0069D9;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text2 {
    position: relative;
    min-height: 112px;
    background: #175FA0;
    
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    font-style: normal;
    margin-top: 70px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text2:before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -17px;
    width: 34px;
    height: 50px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_arrow2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text3 {
    padding: 20px 0;
    margin: 0 auto;
    
    font-weight: 700;
    font-size: 18px;
    color: #222;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list li {
    width: calc(100% / 6);
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list li.active .year {
    color: #0069D9;
    font-weight: 700;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list li.active .year:before {
    background-color: #0069D9;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list li.active .color_box {
    background: #00A5CD;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list li.active .color_box p {
    color: var(--white-color);
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .year {
    position: relative;
    
    font-weight: 500;
    font-size: 18px;
    color: #465059;
    font-style: normal;
    padding-bottom: 23px;
    border-bottom: 1px solid #E2E2E2;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .year:before {
    content: '';
    position: absolute;
    left: 1px;
    bottom: -5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #175FA0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .detail {
    padding: 17px 10.33% 0 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box {
    padding: 17px 8%;
    background: #F7F7F9;
    border-radius: 8px;
    min-height: 220px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box .tit1 {
    
    font-weight: 700;
    font-size: 20px;
    color: #0B4983;
    font-style: normal;
    letter-spacing: -0.025em;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box .desc1 {
    
    font-weight: 500;
    font-size: 14px;
    color: #465059;
    font-style: normal;
    margin-top: 12px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .normal_box {
    margin-top: 20px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .normal_box .tit2 {
    
    font-weight: 500;
    font-size: 16px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .normal_box .desc2 {
    margin-top: 20px;
    
    font-weight: 400;
    font-size: 14px;
    color: #465059;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_diagram img {
    display: block;
    margin: 0 auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    margin-right: 1.348%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list li:nth-child(4n) {
    margin-right: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 70px;
    padding: 0 15px;
    border-radius: 50px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit.bg1 {
    background-color: #5396D1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit.bg2 {
    background-color: #1E74C1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit.bg3 {
    background-color: #175FA0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit.bg4 {
    background-color: #0B4983;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit .num {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    background-color: var(--white-color);
    border-radius: 50%;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    
    font-weight: 600;
    font-size: 16px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit .tit {
    margin-left: 10px;
    
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 {
    position: relative;
    background: #F2F4F8;
    border-radius: 50%;
    padding-bottom: 100%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .cc_inner {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 5% 10.7%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit1 {
    
    font-weight: 700;
    font-size: 20px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit1 .c_blue {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    color: #175FA0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit2 {
    
    font-weight: 600;
    font-size: 16px;
    color: var(--brown-color);
    font-style: normal;
    line-height: 1.2;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit2 .small {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    font-size: 12px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_desc1 {
    margin-top: 10px;
    
    font-weight: 400;
    font-size: 15px;
    color: #465059;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 76px;
    max-width: 228px;
    margin: 0 auto;
    width: 95%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .circle1 {
    width: 50%;
    padding-bottom: 50%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .circle1 .cc_inner {
    padding: 5%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt {
    position: absolute;
    width: 82px;
    
    font-weight: 700;
    font-size: 15px;
    color: #175FA0;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt:before {
    content: '';
    width: 35px;
    height: 34px;
    position: absolute;
    left: 50%;
    margin-left: -17.5px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_l {
    top: -40px;
    left: -20px;
    padding-bottom: 35px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_l:before {
    bottom: 0;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_arrow3_1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_r {
    top: -40px;
    right: -20px;
    padding-bottom: 35px;
    text-align: right;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_r:before {
    bottom: 0;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_arrow3_2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_l {
    bottom: -40px;
    left: -20px;
    padding-top: 35px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_l:before {
    top: 0;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_arrow3_3.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_r {
    bottom: -40px;
    right: -20px;
    padding-top: 35px;
    text-align: right;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_r:before {
    top: 0;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_arrow3_4.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail2 {
    padding-top: 56px;
    max-width: 260px;
    margin: 0 auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .bt_box {
    margin-top: 70px;
    background-color: #00A5CD;
    border-radius: 43px;
    padding: 32px;
    text-align: center;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .bt_box span {
    display: inline-block;
    text-align: left;
    position: relative;
    padding-left: 40px;
    
    font-weight: 700;
    font-size: 24px;
    color: var(--white-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .bt_box span:before {
    content: '';
    width: 25px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 8px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_arrow4.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 16px;
    background-color: var(--bg-color);
    min-height: 200px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: calc((100% - 11.977%) / 4);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.995% 0 2.995% 2.995%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li:last-child {
    padding-right: 20px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li.li_tit {
    padding: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 11.977%;
    
    font-weight: 500;
    font-size: 20px;
    color: var(--text-color);
    font-style: normal;
    border-right: 1px solid #E2E2E2;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li p + p {
    margin-top: 15px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit1 {
    
    font-weight: 700;
    font-size: 24px;
    color: var(--text-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit2 {
    
    font-weight: 500;
    font-size: 18px;
    color: var(--text-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit2 .big {
    display: block;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    font-size: 24px;
    font-weight: 700;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .desc1 {
    
    font-weight: 400;
    font-size: 15px;
    color: var(--text-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .desc2 {
    
    font-weight: 500;
    font-size: 14px;
    color: var(--text-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .asis {
    --bg-color: #F7F7F9;
    --text-color: $c-gray1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .asis li {
    padding-top: 3.893%;
    padding-bottom: 3.893%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .asis li:not(.li_tit) {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .value {
    --bg-color: var(--white-color);
    --text-color: #1E74C1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .tobe {
    --bg-color: #1E74C1;
    --text-color: var(--white-color);
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .tobe li:not(.li_tit) {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 {
    margin-top: 40px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 440px;
    border: 1px solid #E2E2E2;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list li {
    position: relative;
    width: 25%;
    border-right: 1px solid #E2E2E2;
    cursor: pointer;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list li:nth-child(4) {
    border-right: none;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list li:hover .li_hover {
    visibility: visible;
    opacity: 1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list li:hover .li_hover .desc2,
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list li:hover .li_hover .keyword {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner {
    text-align: center;
    padding: 0 5%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic {
    display: inline-block;
    width: 64px;
    height: 64px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic1 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic2 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic3 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway3.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic4 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway4.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .tit1 {
    margin-top: 47px;
    
    font-weight: 500;
    font-size: 28px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .desc1 {
    margin-top: 14px;
    
    font-weight: 500;
    font-size: 18px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 100%;
    padding: 21.056% 9.025% 10.53%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    z-index: 2;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .desc2 {
    
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    font-style: normal;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .keyword {
    margin-top: 20px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .key_tit {
    
    font-weight: 600;
    font-size: 16px;
    color: #23E8DC;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .key_con {
    margin-top: 8px;
    
    font-weight: 500;
    font-size: 14px;
    color: #F7F7F9;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg1 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hyosungway2_1.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg2 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hyosungway2_2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg3 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hyosungway2_3.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg4 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hyosungway2_4.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .p_desc_list1 {
    margin-top: 40px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 {
    margin-top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    margin-right: 1.797%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 li:nth-child(3n) {
    margin-right: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 70px;
    padding: 0 15px;
    border-radius: 50px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit.bg1 {
    background-color: #5396D1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit.bg2 {
    background-color: #1E74C1;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit.bg3 {
    background-color: #175FA0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit .num {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    background-color: var(--white-color);
    border-radius: 50%;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    
    font-weight: 600;
    font-size: 16px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit .tit {
    margin-left: 10px;
    
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail {
    max-width: 385px;
    margin: 20px auto 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 5px 20px;
    min-height: 95px;
    background-color: #F2F4F8;
    border-radius: 16px;
    margin-top: 10px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .box:first-of-type {
    margin-top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .box.bg_blue {
    background-color: #DEEAF7;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_tit1 {
    
    font-weight: 500;
    font-size: 20px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_tit2 {
    
    font-weight: 600;
    font-size: 16px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_tit2 .c_blue {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    color: #0069D9;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_desc1 {
    
    font-weight: 400;
    font-size: 15px;
    color: #465059;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    border-radius: 16px;
    border: 1px solid #E2E2E2;
    overflow: hidden;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .list > li:first-of-type {
    margin-top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left {
    position: relative;
    max-width: 410px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    background-color: #F2F4F8;
    padding: 3.749% 2.6% 4.723% 154px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic {
    position: absolute;
    top: 50px;
    left: 50px;
    display: block;
    width: 64px;
    height: 64px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic1 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic2 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic3 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway3.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic4 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_hyosungway4.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .tit1 {
    
    font-weight: 500;
    font-size: 28px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .tit2 {
    margin-top: 40px;
    
    font-weight: 600;
    font-size: 16px;
    color: #175FA0;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .desc1 {
    margin-top: 4px;
    
    font-weight: 500;
    font-size: 20px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .desc2 {
    margin-top: 9px;
    
    font-weight: 500;
    font-size: 16px;
    color: #465059;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    padding: 3.749% 5.623% 3.749% 3.749%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc3 {
    
    font-weight: 400;
    font-size: 16px;
    color: #6E6E6E;
    font-style: normal;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc_list {
    margin-top: 20px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc_list li {
    
    font-weight: 500;
    font-size: 16px;
    color: #465059;
    font-style: normal;
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .hyosungway_wrapper .part {
      margin-top: 80px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .p_tit1 {
      margin-bottom: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part .inner {
      margin-top: 80px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .inner:nth-of-type(1) .p_tit2 {
      margin-top: 60px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .desc_box .p_desc1 {
      margin-top: 20px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .desc_box .p_tit2 + .p_desc_list1 {
      margin-top: 20px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info {
      position: relative;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      padding: 80px 0 70px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box {
      width: calc((100% - 35px) / 2);
      border-radius: 8px;
      padding-bottom: 28.025%;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      padding: 0 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .tit {
      font-size: 20px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .desc {
      position: absolute;
      top: 100%;
      margin-top: 12px;
      
      font-weight: 600;
      font-size: 15px;
      color: #222;
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center {
      position: static;
      width: 35px;
      padding: 0;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_arrow1.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 33px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center:after {
      display: none;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center .desc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 13%;
      width: 74%;
      min-height: 58px;
      padding: 10px 8%;
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list:after {
      display: none;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list li {
      width: calc((100% - 18px) / 3);
      margin-right: 9px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text {
      padding: 5px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text1 {
      min-height: 64px;
      
      font-weight: 600;
      font-size: 14px;
      color: #465059;
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text2 {
      min-height: 64px;
      
      font-weight: 600;
      font-size: 14px;
      color: var(--white-color);
      font-style: normal;
      margin-top: 37px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text2:before {
      top: -37px;
      margin-left: -6.5px;
      width: 13px;
      height: 37px;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_arrow2.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 13px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text3 {
      padding: 0 0 15px;
      font-size: 15px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .tb_history {
      padding: 0 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .tb_history table {
      min-width: 1140px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .year {
      font-size: 16px;
      padding-bottom: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .detail {
      padding: 15px 20px 0 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box {
      padding: 15px 24px 15px 15px;
      min-height: 175px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box .tit1 {
      font-size: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box .desc1 {
      margin-top: 5px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .normal_box {
      margin-top: 12px;
      padding-bottom: 25px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .normal_box .desc2 {
      margin-top: 5px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      max-width: calc((100% - 5px) / 2);
      margin-right: 5px;
      margin-top: 54px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list li:nth-child(-n + 2) {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list li:nth-child(2n) {
      margin-right: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      min-height: 40px;
      padding: 0 8px;
      border-radius: 25px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit .num {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
      flex: 0 0 18px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit .tit {
      
      font-weight: 600;
      font-size: 15px;
      color: var(--white-color);
      font-style: normal;
      line-height: 1.25;
      margin-left: 6px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit .tit .small {
      font-family: inherit;
      font-weight: inherit;
      font-size: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      color: inherit;
      font-size: 8px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit1 {
      
      font-weight: 700;
      font-size: 15px;
      color: var(--brown-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit2 {
      font-size: 13px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit2 .small {
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_desc1 {
      margin-top: 8px;
      font-size: 13px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 {
      padding-top: 34px;
      max-width: initial;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1_1 {
      width: 70%;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1_2 {
      width: 77%;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt {
      width: 67px;
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt:before {
      width: 18px;
      height: 18px;
      margin-left: -9px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_l {
      top: -24px;
      left: -12px;
      padding-bottom: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_l:before {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_arrow3_1.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_r {
      top: -24px;
      right: -12px;
      padding-bottom: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.t_r:before {
      bottom: 0;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_arrow3_2.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_l {
      bottom: -24px;
      left: -12px;
      padding-top: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_l:before {
      top: 0;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_arrow3_3.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_r {
      bottom: -24px;
      right: -12px;
      padding-top: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt.b_r:before {
      top: 0;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_arrow3_4.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail2 {
      padding-top: 15px;
      max-width: 350px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .bt_box {
      margin-top: 25px;
      padding: 22px 25px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .bt_box span {
      display: block;
      padding-left: 30px;
      
      font-weight: 600;
      font-size: 18px;
      color: var(--white-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .bt_box span:before {
      width: 14px;
      height: 11px;
      top: 50%;
      margin-top: -5.5px;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_arrow4.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .tb_recreation {
      padding-bottom: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .tb_recreation table {
      min-width: 815px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list {
      border-radius: 8px;
      min-height: 100px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li {
      max-width: calc((100% - 80px) / 4);
      padding: 20px 0 20px 20px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li.li_tit {
      max-width: 80px;
      padding: 0;
      
      font-weight: 600;
      font-size: 16px;
      color: var(--text-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li p + p {
      margin-top: 8px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit1 {
      
      font-weight: 600;
      font-size: 18px;
      color: var(--text-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit2 {
      
      font-weight: 600;
      font-size: 14px;
      color: var(--text-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit2 .big {
      font-size: 18px;
      font-weight: 600;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .desc1,
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .desc2 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .asis {
      min-height: 118px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .asis li {
      padding-top: 20px;
      padding-bottom: 24px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .tobe {
      min-height: 130px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .tobe li:not(.li_tit) {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list {
      display: block;
      min-height: initial;
      border: none;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list li {
      padding-left: 68px;
      width: 100%;
      border-right: none;
      cursor: initial;
      margin-top: 40px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .list li:first-of-type {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner {
      position: static;
      display: block;
      text-align: left;
      padding: 0;
      height: initial;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic {
      position: absolute;
      left: 0;
      top: 0;
      width: 48px;
      height: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic1 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway1.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic2 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway2.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic3 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway3.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .ic4 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway4.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .tit1 {
      margin-top: 0;
      font-size: 22px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .desc1 {
      margin-top: 0;
      
      font-weight: 500;
      font-size: 15px;
      color: var(--brown-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover {
      display: block;
      position: static;
      height: initial;
      padding: 0 10px 0 0;
      visibility: visible;
      opacity: 1;
      margin-top: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .desc2 {
      
      font-weight: 600;
      font-size: 14px;
      color: #465059;
      font-style: normal;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .keyword {
      padding: 24px 33px;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      min-height: 109px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .key_tit {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .key_con {
      margin-top: 6px;
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg1 {
      background: var(--white-color);
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg1 .keyword {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hyosungway2_1.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg2 {
      background: var(--white-color);
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg2 .keyword {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hyosungway2_2.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg3 {
      background: var(--white-color);
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg3 .keyword {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hyosungway2_3.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg4 {
      background: var(--white-color);
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover.bg4 .keyword {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hyosungway2_4.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .list {
      display: block;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 li {
      margin-right: 0;
      margin-top: 22px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 li:first-of-type {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit {
      position: relative;
      min-height: 40px;
      padding: 0 8px 0 30px;
      border-radius: 25px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit .num {
      display: block;
      position: absolute;
      left: 8px;
      top: 50%;
      margin-top: -9px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit .tit {
      
      font-weight: 600;
      font-size: 15px;
      color: var(--white-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-width: initial;
      margin: 0;
      padding: 10px 10px 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .box {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      max-width: calc(50% - 4px);
      margin-right: 8px;
      margin-top: 8px;
      padding: 10px;
      min-height: 65px;
      border-radius: 6px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .box:nth-of-type(-n + 2) {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .box:nth-of-type(2n) {
      margin-right: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_tit1 {
      font-size: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_tit2 {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_desc1 {
      font-size: 12px;
      margin-top: 5px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail2 .b_tit1 {
      
      font-weight: 600;
      font-size: 14px;
      color: var(--brown-color);
      font-style: normal;
      max-width: 130px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail3 .b_tit2 {
      max-width: 170px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .list > li {
      display: block;
      margin-top: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left {
      max-width: initial;
      padding: 25px 48px 25px 77px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic {
      top: 25px;
      left: 10px;
      width: 48px;
      height: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic1 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway1.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic2 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway2.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic3 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway3.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .ic4 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_hyosungway4.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 48px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .tit1 {
      
      font-weight: 700;
      font-size: 22px;
      color: var(--brown-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .tit2 {
      margin-top: 10px;
      
      font-weight: 500;
      font-size: 14px;
      color: #175FA0;
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .desc1 {
      margin-top: 0px;
      
      font-weight: 500;
      font-size: 16px;
      color: var(--brown-color);
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .desc2 {
      margin-top: 2px;
      
      font-weight: 400;
      font-size: 14px;
      color: #465059;
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right {
      padding: 25px 20px 30px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc3 {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc_list {
      margin-top: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc_list li {
      font-size: 14px;
      margin-top: 5px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc_list li:first-of-type {
      margin-top: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .hyosungway_wrapper .part .p_desc_list1 li {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .desc_box .p_desc1 {
      font-size: 14px;
      line-height: 1.5;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .tit {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .desc {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center .desc {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text1 {
      font-size: 11px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text2 {
      font-size: 11px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .value_list .text3 {
      font-size: 12px;
      min-height: 65px;
      max-width: 110px;
      padding: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .year {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box .tit1 {
      font-size: 16px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .color_box .desc1 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .normal_box .tit2 {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .hs_list .normal_box .desc2 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_diagram img {
      width: 100%;
      max-width: 337px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit .num {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
      flex: 0 0 15px;
      width: 15px;
      height: 15px;
      line-height: 15px;
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .num_tit .tit {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .cc_inner {
      padding: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit1 {
      font-size: 11px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit2 {
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_tit2 .small {
      font-size: 8px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .circle1 .c_desc1 {
      font-size: 11px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail1 .side_txt {
      width: 55px;
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .detail2 .c_tit1 {
      font-size: 13px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .bt_box span {
      font-size: 12px;
    }
  }
  
  @media screen and (max-width: 767px) and (max-width: 350px) {
    #company .about_wrapper .hyosungway_wrapper .part3 .direct_list .none {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .hyosungway_wrapper .part4 .tb_recreation table {
      min-width: 792px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li {
      max-width: calc((100% - 68px) / 4);
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list li.li_tit {
      padding: 0 10px;
      max-width: 68px;
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit1 {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit2 {
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .tit2 .big {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .desc1,
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list1 .list .desc2 {
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .tit1 {
      font-size: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_inner .desc1 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .desc2 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .key_tit {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list2 .li_hover .key_con {
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit .num {
      width: 15px;
      height: 15px;
      margin-top: -7.5px;
      line-height: 15px;
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .num_tit .tit {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_tit1 {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_tit2 {
      font-size: 11px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail .b_desc1 {
      font-size: 10px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail2 .b_tit1 {
      max-width: 95px;
      font-size: 11px;
    }
    #company .about_wrapper .hyosungway_wrapper .part4 .recreation_list3 .detail3 .b_tit2 {
      max-width: 130px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .tit1 {
      font-size: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .tit2 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .desc1 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .left .desc2 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc3 {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part5 .promise_list .right .desc_list li {
      font-size: 12px;
    }
  }
  
  /*********************** IR *************************/
  #company .ir_wrapper {
    margin-top: 100px;
  }
  
  #company .ir_wrapper .ir_tit1 {
    
    font-weight: 700;
    font-size: 20px;
    color: #222;
    font-style: normal;
    margin-top: 40px;
  }
  
  #company .ir_wrapper .ir_tit1 .thin {
    font-weight: 300;
  }
  
  #company .ir_wrapper .ir_tit1:first-child {
    margin-top: 0;
  }
  
  #company .ir_wrapper .inline_block {
    display: inline-block;
  }
  
  #company .ir_wrapper .content_area {
    margin-top: 180px;
  }
  
  #company .ir_wrapper .content_area .con_box1:not(:first-of-type) {
    margin-top: 180px;
  }
  
  #company .ir_wrapper .content_area .con_box2 {
    margin-top: 60px;
  }
  
  #company .ir_wrapper .content_area .con_box3:not(:first-of-type) {
    margin-top: 100px;
  }
  
  #company .ir_wrapper .content_area .con_box4 {
    margin-top: 40px;
  }
  
  #company .ir_wrapper .content_area .unit {
    margin-bottom: 12px;
  }
  
  #company .ir_wrapper .content_area .unit > p {
    float: right;
    
    font-weight: 400;
    font-size: 14px;
    color: #465059;
    font-style: normal;
  }
  
  #company .ir_wrapper .content_area .sub_accordi {
    margin-top: 100px;
  }
  
  #company .ir_wrapper .content_area .graph_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .ir_wrapper .content_area .graph_wrap .graph_item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  
  #company .ir_wrapper .content_area .graph_wrap .graph_item:not(:first-child) {
    margin-left: 2.9%;
  }
  
  #company .ir_wrapper .content_area .graph_wrap .graph {
    border: 1px solid #E2E2E2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 45px 5%;
  }
  
  #company .ir_wrapper .content_area .g_table .f_blue1 {
    
    font-weight: 600;
    font-size: inherit;
    color: #0D74D3;
    font-style: normal;
  }
  
  #company .ir_wrapper .content_area .explain_box {
    padding: 40px 50px;
    background-color: #F7F7F9;
    margin-top: 40px;
  }
  
  #company .ir_wrapper .content_area .explain_box .tit {
    
    font-weight: 500;
    font-size: 18px;
    color: #222;
    font-style: normal;
  }
  
  #company .ir_wrapper .content_area .explain_box .desc,
  #company .ir_wrapper .content_area .explain_box .list {
    
    font-weight: 400;
    font-size: 16px;
    color: #6E6E6E;
    font-style: normal;
    margin-top: 13px;
    line-height: 24px;
  }
  
  #company .ir_wrapper .content_area .explain_box .list li {
    position: relative;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    padding-left: 15px;
  }
  
  #company .ir_wrapper .content_area .explain_box .list li:not(:first-child) {
    margin-top: 16px;
  }
  
  #company .ir_wrapper .content_area .explain_box .list li:before {
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    line-height: 24px;
  }
  
  #company .ir_wrapper .bullet_cc_list li {
    position: relative;
    padding-left: 1em;
    
    font-weight: 400;
    font-size: 16px;
    color: #465059;
    font-style: normal;
  }
  
  #company .ir_wrapper .bullet_cc_list li:after {
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.5em;
    line-height: 1em;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper {
      margin-top: 70px;
    }
    #company .ir_wrapper .content_area {
      margin-top: 120px;
    }
    #company .ir_wrapper .content_area .con_box1:not(:first-of-type) {
      margin-top: 80px;
    }
    #company .ir_wrapper .content_area .con_box2 {
      margin-top: 30px;
    }
    #company .ir_wrapper .content_area .con_box3:not(:first-of-type) {
      margin-top: 80px;
    }
    #company .ir_wrapper .content_area .con_box4 {
      margin-top: 20px;
    }
    #company .ir_wrapper .content_area .unit {
      margin-bottom: 10px;
    }
    #company .ir_wrapper .content_area .sub_accordi {
      margin-top: 60px;
    }
    #company .ir_wrapper .content_area .graph_wrap {
      display: block;
    }
    #company .ir_wrapper .content_area .graph_wrap .graph_item:not(:first-child) {
      margin-left: 0;
      margin-top: 80px;
    }
    #company .ir_wrapper .content_area .graph_wrap .graph_item .ir_tit1 {
      font-weight: 700;
      font-size: 20px;
    }
    #company .ir_wrapper .content_area .graph_wrap .graph img {
      width: 100%;
      max-width: 400px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper {
      margin-top: 30px;
    }
    #company .ir_wrapper .ir_tit1 {
      font-weight: 500;
      font-size: 18px;
      margin-top: 55px;
    }
    #company .ir_wrapper .ir_tit1 .thin {
      
      font-weight: 400;
      font-size: 18px;
      color: #222;
      font-style: normal;
      display: inline-block;
      margin-top: 5px;
    }
    #company .ir_wrapper .content_area {
      margin-top: 50px;
    }
    #company .ir_wrapper .content_area .graph_wrap .graph {
      padding: 35px 9.405%;
    }
    #company .ir_wrapper .content_area .g_table .f_blue1 {
      font-size: 14px;
    }
    #company .ir_wrapper .content_area .explain_box {
      padding: 30px 25px;
      margin-top: 30px;
    }
    #company .ir_wrapper .content_area .explain_box .tit {
      font-size: 16px;
    }
    #company .ir_wrapper .content_area .explain_box .desc,
    #company .ir_wrapper .content_area .explain_box .list {
      margin-top: 10px;
      font-size: 14px;
      line-height: 22px;
    }
    #company .ir_wrapper .content_area .explain_box .list li:not(:first-child) {
      margin-top: 5px;
    }
    #company .ir_wrapper .content_area .explain_box .list li:before {
      font-size: 20px;
      line-height: 22px;
    }
    #company .ir_wrapper .bullet_cc_list li {
      font-size: 14px;
    }
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item:first-of-type {
    margin-top: 0;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 125px;
    
    font-weight: 400;
    font-size: 16px;
    color: #6E6E6E;
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 65%;
    
    font-weight: 400;
    font-size: 16px;
    color: #222;
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .right.his_list li {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .right.his_list li:not(:first-child) {
    margin-top: 3px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    max-width: calc((100% - 6.27%) / 3);
    border: 1px solid #E2E2E2;
    margin-left: 3.135%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 > li:first-of-type {
    margin-left: 0;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_top {
    background-color: #F2F4F8;
    text-align: center;
    padding: 24px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_top .name {
    
    font-weight: 500;
    font-size: 28px;
    color: #222;
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_top .date {
    
    font-weight: 400;
    font-size: 16px;
    color: #222;
    font-style: normal;
    margin-top: 3px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_bottom {
    padding: 40px 5.046% 40px 7.567%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_bottom .right {
    padding-left: 5.77%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    margin-left: 4.154%;
    margin-top: 40px;
    max-width: calc((100% - 8.308%) / 3);
    min-height: 240px;
    border: 1px solid #E2E2E2;
    border-radius: 24px;
    padding: 40px 3.135% 100px 3.135%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list li:nth-child(3n - 2) {
    margin-left: 0;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list li:nth-child(-n + 3) {
    margin-top: 0;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list .tit {
    
    font-weight: 500;
    font-size: 22px;
    color: #222;
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list .btn_download1 {
    position: absolute;
    right: 10.31%;
    bottom: 30px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item {
      margin-top: 16px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .right {
      max-width: initial;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .right.his_list li:not(:first-child) {
      margin-top: 0;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 > li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      max-width: 100%;
      margin-left: 0;
      margin-top: 30px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 > li:nth-child(2n - 1) {
      margin-left: 0;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 > li:first-of-type {
      margin-top: 0;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_top .name {
      font-size: 24px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_top .date {
      font-size: 14px;
      margin-top: 8px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_bottom .right {
      padding-left: 17px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list {
      display: block;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list li {
      margin-left: 0;
      margin-top: 8px;
      max-width: 100%;
      min-height: initial;
      border-radius: 12px;
      padding: 20px 20px 55px 20px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list li:nth-child(-n + 3) {
      margin-top: 8px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list li:first-of-type {
      margin-top: 0;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list .tit {
      font-size: 19px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list .btn_download1 {
      right: 20px;
      bottom: 24px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom {
      padding: 30px 25px !important;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
      flex: 0 0 65px;
      max-width: 65px;
      font-size: 14px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_bottom .item .right {
      font-size: 14px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_top .name {
      font-size: 18px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .profile_list1 .profile_top .date {
      font-size: 12px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .content_area .donwload_list .tit {
      font-size: 16px;
    }
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-left: 2.979%;
    max-width: calc((100% - 2.979% ) / 2);
    border: 1px solid #E2E2E2;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 > li:first-of-type {
    margin-left: 0;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0B4983;
    padding: 40px 9.726%;
    min-height: 230px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top figure {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32.195%;
    flex: 1 1 32.195%;
    max-width: 32.195%;
    padding-bottom: 32.195%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 67.805%;
    flex: 1 1 67.805%;
    padding-left: 12.075%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .spec {
    
    font-weight: 700;
    font-size: 16px;
    color: #C1F4FF;
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .spec + .name {
    margin-top: 10px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .name {
    
    font-weight: 500;
    font-size: 28px;
    color: var(--white-color);
    font-style: normal;
    margin-top: 34px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .date {
    
    font-weight: 400;
    font-size: 16px;
    color: var(--white-color);
    font-style: normal;
    margin-top: 8px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_bottom {
    padding: 40px 9.726%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_bottom .right {
    padding-left: 8.05%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm tr td {
    padding: 17px 12px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .corp_overnance_wrapper .board_director .con_box4 {
      margin-top: 30px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 > li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      margin-left: 0;
      max-width: 100%;
      margin-top: 30px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 > li:first-of-type {
      margin-top: 0;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top {
      min-height: initial;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top figure {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 27.42%;
      flex: 1 1 27.42%;
      max-width: 27.42%;
      min-width: 27.42%;
      padding-bottom: 27.42%;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 72.58%;
      flex: 1 1 72.58%;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .spec {
      
      font-weight: 500;
      font-size: 14px;
      color: #C1F4FF;
      font-style: normal;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .spec + .name {
      margin-top: 5px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .name {
      font-size: 24px;
      margin-top: 23px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .date {
      font-size: 14px;
      margin-top: 12px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_bottom .right {
      padding-left: 17px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .donwload_list {
      margin-top: -20px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_year_operate table {
      min-width: 950px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_21repair table {
      min-width: 370px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm table {
      min-width: 1066px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm col:nth-child(1) {
      width: 6.5% !important;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm col:nth-child(2) {
      width: 12.6% !important;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm col:nth-child(3), #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm col:nth-child(4) {
      width: 16.8% !important;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm col:nth-child(8) {
      width: 11% !important;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_2023bsm tr td {
      padding: 12px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top {
      padding: 25px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area {
      padding-left: 20px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .spec {
      font-size: 12px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .name {
      font-size: 18px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .profile_list2 .profile_top .txt_area .date {
      font-size: 12px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .board_director .tb_year_operate table {
      min-width: 650px;
    }
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .under_board_director .tb_under_situ .tb_list li {
    padding-left: 1em;
    text-indent: -1em;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .under_board_director .tb_under_situ .tb_list li.two_digit {
    padding-left: 1.6em;
    text-indent: -1.6em;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .under_board_director .article_list {
    margin-top: 20px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .under_board_director .article_list li {
    
    font-weight: 400;
    font-size: 16px;
    color: #6E6E6E;
    font-style: normal;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.6;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .under_board_director .donwload_list {
    margin-top: 100px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .corp_overnance_wrapper .under_board_director .tb_under_situ table {
      min-width: 805px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .under_board_director .tb_year_situ table {
      min-width: 906px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .under_board_director .donwload_list {
      margin-top: 60px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .corp_overnance_wrapper .under_board_director .tb_year_situ table {
      min-width: 680px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .under_board_director .article_list li {
      font-size: 14px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .under_board_director .article_list + .ir_tit1 {
      margin-top: 40px;
    }
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .audit_agency .profile_list1 + .t_guide1 {
    margin-top: 20px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .corp_overnance_wrapper .audit_agency .tb_audit table,
    #company .ir_wrapper .corp_overnance_wrapper .audit_agency .tb_year_audit table {
      min-width: 890px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .corp_overnance_wrapper .audit_agency .tb_audit table,
    #company .ir_wrapper .corp_overnance_wrapper .audit_agency .tb_year_audit table {
      min-width: 680px;
    }
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tb_year_situ {
    width: 100%;
    height: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tb_year_situ table {
    min-width: 1276px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tbl_comment .g_bullet.typeA1.no_ic li {
    text-indent: -16px;
    padding-left: 16px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tbl_comment .g_bullet.typeA1.no_ic li:before {
    display: none;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tb_situ table {
      min-width: 1090px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tb_permission table {
      min-width: 730px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tb_permission table {
      min-width: 515px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .shareholder_meeting .tb_year_situ table {
      min-width: 1120px;
    }
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .result_box {
    --company-blue-color: #002857;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 650px;
    border: 1px solid #DFDFDF;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_txt1 {
    
    font-weight: 400;
    font-size: 24px;
    color: var(--company-blue-color);
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_txt1 strong {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    font-weight: 600;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_txt1.white {
    color: var(--white-color);
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 12.346%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top figure {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 110px;
    padding-bottom: 30%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top .rating {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    padding-left: 25%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top .rating:before {
    content: '';
    width: 1px;
    height: 120px;
    position: absolute;
    left: 15.875%;
    top: 50%;
    margin-top: -60px;
    background-color: #D9D9D9;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_bottom {
    background-color: var(--company-blue-color);
    padding: 40px 8.489% 50px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_bottom .card_txt2 {
    margin-top: 20px;
    
    font-weight: 400;
    font-size: 14px;
    color: var(--white-color);
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    padding-left: 6%;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .tit {
    
    font-weight: 700;
    font-size: 20px;
    color: #222;
    font-style: normal;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .desc {
    
    font-weight: 400;
    font-size: 16px;
    color: #6E6E6E;
    font-style: normal;
    margin-top: 20px;
    max-width: 470px;
  }
  
  #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .g_btn, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_more1, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_more2, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_download1, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_download2, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_policy, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_share1 {
    margin-top: 40px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .result_box {
      display: block;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card {
      max-width: 100%;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_txt1 {
      font-size: 22px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_txt1.white {
      font-size: 20px;
      max-width: 80%;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top {
      padding: 25px 25px 20px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top figure {
      max-width: 87px;
      padding-bottom: 103px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top .rating {
      padding-left: 40px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_top .rating:before {
      left: 20px;
      height: 100px;
      margin-top: -50px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_bottom {
      padding: 25px 30px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_bottom .card_txt2 {
      margin-top: 15px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain {
      padding-left: 0;
      padding-top: 30px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .desc {
      max-width: 100%;
      margin-top: 12px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .g_btn, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_more1, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_more2, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_download1, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_download2, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_policy, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .btn_share1 {
      margin-top: 30px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .tb_credit_rating table {
      min-width: 850px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .tb_credit_rating table th, #company .ir_wrapper .corp_overnance_wrapper .credit_rating .tb_credit_rating table td {
      text-align: center;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_txt1 {
      font-size: 20px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card .card_txt1.white {
      font-size: 18px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .tit {
      
      font-weight: 500;
      font-size: 18px;
      color: inherit;
      font-style: normal;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .explain .desc {
      font-size: 14px;
    }
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .tb_credit_rating table {
      min-width: 710px;
    }
  }
  
  @media screen and (max-width: 370px) {
    #company .ir_wrapper .corp_overnance_wrapper .credit_rating .card_top .card_txt1 strong {
      display: block;
    }
  }
  
  #company .ir_wrapper .financial_info_wrapper .ir_tit1 {
    font-weight: 700;
    font-size: 20px;
  }
  
  #company .ir_wrapper .financial_info_wrapper .tb_financial table {
    min-width: 310px;
  }
  
  #company .ir_wrapper .shareholder_info_wrapper .pie_graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 100px 7% 0;
  }
  
  #company .ir_wrapper .shareholder_info_wrapper .ir_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: 1px solid #e2e2e2;
    padding: 48px;
  }
  
  #company .ir_wrapper .shareholder_info_wrapper .ir_contact .info p {
    display: inline-block;
    vertical-align: middle;
    
    font-weight: 500;
    font-size: 20px;
    color: #222;
    font-style: normal;
  }
  
  #company .ir_wrapper .shareholder_info_wrapper .ir_contact .info .tit {
    color: #6E6E6E;
    padding-right: 20px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .shareholder_info_wrapper .tb_ir_info table {
      min-width: 420px;
    }
    #company .ir_wrapper .shareholder_info_wrapper .tb_stock1 table {
      min-width: 1150px;
    }
    #company .ir_wrapper .shareholder_info_wrapper .tb_stock1 col:nth-child(1) {
      width: 16% !important;
    }
    #company .ir_wrapper .shareholder_info_wrapper .tb_stock2 table {
      min-width: 1090px;
    }
    #company .ir_wrapper .shareholder_info_wrapper .tb_stock2 col:nth-child(1) {
      width: 16% !important;
    }
    #company .ir_wrapper .shareholder_info_wrapper .tb_stock2 col:nth-child(2), #company .ir_wrapper .shareholder_info_wrapper .tb_stock2 col:nth-child(4) {
      width: 17% !important;
    }
    #company .ir_wrapper .shareholder_info_wrapper .ir_contact {
      display: block;
      padding: 30px;
    }
    #company .ir_wrapper .shareholder_info_wrapper .ir_contact .info:not(:first-child) {
      margin-top: 10px;
    }
    #company .ir_wrapper .shareholder_info_wrapper .ir_contact .info p {
      width: calc(100% - 80px);
      font-weight: 400;
      font-size: 16px;
    }
    #company .ir_wrapper .shareholder_info_wrapper .ir_contact .info .tit {
      width: 70px;
      padding-right: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .shareholder_info_wrapper .pie_graph {
      padding: 30px 0 0;
    }
    #company .ir_wrapper .shareholder_info_wrapper .pie_graph img {
      max-width: 550px;
      width: 100%;
    }
    #company .ir_wrapper .shareholder_info_wrapper .tb_stock1 table {
      min-width: 825px;
    }
    #company .ir_wrapper .shareholder_info_wrapper .tb_stock2 table {
      min-width: 790px;
    }
  }
  
  #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.num_li1 li {
    padding-left: 1.7em;
    text-indent: -1.7em;
  }
  
  #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.num_li1 li.two_digit {
    padding-left: 2.1em;
    text-indent: -2.1em;
  }
  
  #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.num_li2 li {
    padding-left: 2.1em;
    text-indent: -2.1em;
  }
  
  #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.circle_li1 li, #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.circle_li2 li {
    position: relative;
    padding-left: calc(1.7em + 2.5em);
    text-indent: -2.5em;
  }
  
  #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.circle_li1 li:before, #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.circle_li2 li:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6E6E6E;
    position: absolute;
    left: 12px;
    top: 12px;
  }
  
  #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.circle_li2 li {
    padding-left: calc(1.7em + 3.2em);
    text-indent: -3.2em;
  }
  
  #company .ir_wrapper .disclosure_wrapper .rule_wrapper .explain_box {
    margin-top: 80px;
  }
  
  @media screen and (max-width: 767px) {
    #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.num_li1 li:not(:first-of-type), #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.num_li2 li:not(:first-of-type) {
      margin-top: 20px;
    }
    #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.circle_li1 li:before, #company .ir_wrapper .disclosure_wrapper .rule_wrapper .ac_list1.circle_li2 li:before {
      top: 10px;
    }
    #company .ir_wrapper .disclosure_wrapper .rule_wrapper .explain_box {
      margin-top: 60px;
    }
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 50px;
    margin-top: 60px;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 270px;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .tit {
    
    font-weight: 700;
    font-size: 28px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .desc {
    
    font-weight: 700;
    font-size: 16px;
    color: #465059;
    font-style: normal;
    margin-top: 9px;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .g_btn, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_more1, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_more2, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_download1, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_download2, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_policy, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_share1 {
    margin-top: 65px;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 62px;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 390px;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .thumbnail img {
    width: 100%;
    height: auto;
    border: 1px solid #E2E2E2;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .summary {
    padding-top: 13px;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .summary li {
    
    font-weight: 400;
    font-size: 16px;
    color: #465059;
    font-style: normal;
  }
  
  #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .summary li:not(:first-child) {
    margin-top: 13px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .archive_wrapper .latest_report {
      display: block;
      margin-top: 30px;
    }
    #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .tit {
      font-weight: 500;
      font-size: 18px;
      color: #222;
    }
    #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .desc {
      font-weight: 400;
      font-size: 14px;
      margin-top: 5px;
    }
    #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .g_btn, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_more1, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_more2, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_download1, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_download2, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_policy, #company .ir_wrapper .archive_wrapper .latest_report .tit_wrapper .btn_share1 {
      margin-top: 30px;
    }
    #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper {
      display: block;
      margin-top: 50px;
    }
    #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .thumbnail {
      position: relative;
      width: 44.8vw;
      min-width: 168px;
      margin: 0 auto;
    }
    #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .summary {
      padding: 30px 20px 0;
    }
    #company .ir_wrapper .archive_wrapper .latest_report .con_wrapper .summary li {
      font-size: 14px;
    }
  }
  
  #company .ir_wrapper .archive_wrapper .list_report {
    margin-top: 180px;
  }
  
  #company .ir_wrapper .archive_wrapper .list_report ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 96px;
  }
  
  #company .ir_wrapper .archive_wrapper .list_report li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc((100% - 96px * 2) / 3);
  }
  
  #company .ir_wrapper .archive_wrapper .list_report li .thumbnail img {
    display: block;
    width: 100%;
    border: 1px solid #E2E2E2;
  }
  
  #company .ir_wrapper .archive_wrapper .list_report li .wrap_text {
    text-align: center;
    margin-top: 40px;
  }
  
  #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .tit {
    
    font-weight: 700;
    font-size: 24px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .desc {
    
    font-weight: 700;
    font-size: 16px;
    color: #465059;
    font-style: normal;
    margin-top: 8px;
  }
  
  #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .g_btn, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_more1, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_more2, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_download1, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_download2, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_policy, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_share1 {
    margin-top: 40px;
  }
  
  @media screen and (max-width: 1280px) {
    #company .ir_wrapper .archive_wrapper .list_report ul {
      gap: 60px;
    }
    #company .ir_wrapper .archive_wrapper .list_report li {
      width: calc((100% - 60px * 2) / 3);
    }
  }
  
  @media screen and (max-width: 1023px) {
    #company .ir_wrapper .archive_wrapper .list_report {
      margin-top: 80px;
    }
    #company .ir_wrapper .archive_wrapper .list_report ul {
      gap: 60px 15px;
    }
    #company .ir_wrapper .archive_wrapper .list_report li {
      width: calc((100% - 15px) / 2);
    }
    #company .ir_wrapper .archive_wrapper .list_report li .wrap_text {
      text-align: left;
      margin-top: 15px;
    }
    #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .tit {
      font-weight: 500;
      font-size: 16px;
    }
    #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .desc {
      font-weight: 400;
      font-size: 12px;
      margin-top: 5px;
    }
    #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .g_btn, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_more1, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_more2, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_download1, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_download2, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_policy, #company .ir_wrapper .archive_wrapper .list_report li .wrap_text .btn_share1 {
      margin-top: 20px;
    }
  }
  
  /*********************** 인재채용 *************************/
  #company .recruit_wrapper .talent_type_wrapper .part1 {
    position: relative;
    text-align: center;
    margin-top: 180px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .small_tit {
    
    font-weight: 700;
    font-size: 20px;
    color: #475065;
    font-style: normal;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .big_tit {
    
    font-weight: 700;
    font-size: 60px;
    color: #0069D9;
    font-style: normal;
    line-height: 1.35;
    margin-top: 30px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .big_tit .c_blue {
    display: block;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    color: #10449B;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .desc {
    
    font-weight: 500;
    font-size: 20px;
    color: var(--brown-color);
    font-style: normal;
    margin-top: 60px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .desc em {
    font-weight: 700;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .desc .c1 {
    color: #0792DA;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .desc .c2 {
    color: #0064B5;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part1 .desc .c3 {
    color: #31347F;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part2 {
    margin-top: 200px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part2 .part_tit {
    
    font-weight: 700;
    font-size: 24px;
    color: var(--brown-color);
    font-style: normal;
    margin-bottom: 60px;
    text-align: center;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .part2 .comment {
    
    font-weight: 500;
    font-size: 16px;
    color: #475065;
    font-style: normal;
    line-height: 24px;
    text-align: center;
    margin-top: 60px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item {
    position: relative;
    width: 52.395vw;
    max-width: 700px;
    height: 328px;
    border-radius: 20px;
    margin: 0 auto;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:not(:first-child) {
    margin-top: 20px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(1) {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_talent1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(1) .text_box {
    background: rgba(7, 146, 218, 0.6);
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(2) {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_talent2.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(2) .text_box {
    background: rgba(0, 100, 181, 0.6);
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(3) {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_talent3.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(3) .text_box {
    background: rgba(49, 52, 127, 0.6);
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(4) {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_talent4.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(4) .text_box {
    background: rgba(89, 71, 66, 0.6);
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 52.395vw;
    max-width: 700px;
    height: 100%;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    padding: 66px 0 0 60px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .tit_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .desc_area {
    position: absolute;
    left: 60px;
    bottom: 60px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt1 {
    
    font-weight: 700;
    font-size: 42px;
    color: var(--white-color);
    font-style: normal;
    line-height: 62px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt2 {
    
    font-weight: 400;
    font-size: 18px;
    color: var(--white-color);
    font-style: normal;
    line-height: 28px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt3 {
    
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    font-style: normal;
    line-height: 28px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt4 {
    
    font-weight: 400;
    font-size: 16px;
    color: var(--white-color);
    font-style: normal;
    line-height: 26px;
    margin-top: 10px;
  }
  
  #company .recruit_wrapper .talent_type_wrapper .figure_shortcut_module {
    margin-top: 250px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .recruit_wrapper .talent_type_wrapper .part1 {
      padding: 70px 0;
      margin-top: 80px;
    }
    #company .recruit_wrapper .talent_type_wrapper .part1 .small_tit {
      font-size: 18px;
    }
    #company .recruit_wrapper .talent_type_wrapper .part1 .big_tit {
      font-size: 46px;
      margin-top: 20px;
    }
    #company .recruit_wrapper .talent_type_wrapper .part1 .desc {
      font-size: 16px;
      line-height: 26px;
      margin-top: 40px;
    }
    #company .recruit_wrapper .talent_type_wrapper .part2 {
      margin-top: 80px;
    }
    #company .recruit_wrapper .talent_type_wrapper .part2 .part_tit {
      font-size: 18px;
      margin-bottom: 20px;
    }
    #company .recruit_wrapper .talent_type_wrapper .part2 .comment {
      font-size: 14px;
      line-height: 22px;
      margin-top: 30px;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item {
      width: 100%;
      max-width: 100%;
      height: 390px;
      border-radius: 32px;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:not(:first-child) {
      margin-top: 30px;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(1) {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_talent1.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(2) {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_talent2.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(3) {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_talent3.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item:nth-child(4) {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_talent4.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .mo_dim {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 32px;
      background: rgba(0, 0, 0, 0.2);
      opacity: 0;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box {
      width: 100%;
      border-radius: 32px;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      padding: 50px 40px 0;
      background: rgba(0, 0, 0, 0) !important;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .tit_area {
      gap: 10px;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .desc_area {
      right: 40px;
      left: 40px;
      bottom: 50px;
      opacity: 0;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt1 {
      font-size: 32px;
      line-height: 42px;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt2 {
      font-size: 14px;
      line-height: 22px;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt3 {
      font-size: 16px;
      line-height: 26px;
    }
    #company .recruit_wrapper .talent_type_wrapper .bg_box_list .box_item .text_box .txt4 {
      font-size: 14px;
      line-height: 22px;
    }
    #company .recruit_wrapper .talent_type_wrapper .figure_shortcut_module {
      margin-top: 80px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .recruit_wrapper .talent_type_wrapper .part1 .big_tit {
      font-size: 32px;
    }
  }
  
  #company .recruit_wrapper .hr_wrapper .part {
    position: relative;
    margin-top: 180px;
    background-color: var(--white-color);
  }
  
  #company .recruit_wrapper .hr_wrapper .part .bullet_circle li {
    
    font-weight: 400;
    font-size: 16px;
    color: #6E6E6E;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    padding-left: 1em;
  }
  
  #company .recruit_wrapper .hr_wrapper .part .bullet_circle li:after {
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.5em;
    line-height: 1em;
  }
  
  #company .recruit_wrapper .hr_wrapper .part .hr_tit1 {
    
    font-weight: 700;
    font-size: 42px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .hr_wrapper .part .hr_tit2 {
    
    font-weight: 700;
    font-size: 24px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .hr_wrapper .part .hr_tit3 {
    
    font-weight: 700;
    font-size: 32px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .hr_wrapper .part1 {
    text-align: center;
  }
  
  #company .recruit_wrapper .hr_wrapper .part1 .small_tit {
    
    font-weight: 700;
    font-size: 20px;
    color: #475065;
    font-style: normal;
  }
  
  #company .recruit_wrapper .hr_wrapper .part1 .big_tit {
    margin-top: 30px;
    
    font-weight: 700;
    font-size: 60px;
    color: #0069D9;
    font-style: normal;
    line-height: 1.35;
  }
  
  #company .recruit_wrapper .hr_wrapper .part1 .big_tit .c_blue {
    display: block;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    color: #10449B;
  }
  
  #company .recruit_wrapper .hr_wrapper .part2 .title span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: linear-gradient(92.55deg, #00A5CD 0.12%, #0DD380 83.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  
  #company .recruit_wrapper .hr_wrapper .part2 .img_wrap {
    position: relative;
    margin-top: 60px;
    border-radius: 32px;
    padding: 68px 8.459%;
    overflow: hidden;
  }
  
  #company .recruit_wrapper .hr_wrapper .part2 .img_wrap .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hr_bg1.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    z-index: 1;
  }
  
  #company .recruit_wrapper .hr_wrapper .part2 .img_wrap .infogram {
    position: relative;
    z-index: 2;
  }
  
  #company .recruit_wrapper .hr_wrapper .part3 .inner {
    margin-top: 140px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part3 .inner:first-of-type {
    margin-top: 0;
  }
  
  #company .recruit_wrapper .hr_wrapper .part3 .list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 100px;
    padding-bottom: 80px;
    border-bottom: 1px solid #E2E2E2;
  }
  
  #company .recruit_wrapper .hr_wrapper .part3 .list .li_tit {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 450px;
    padding-right: 30px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part3 .list .li_desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .inner1 {
    padding: 140px 0 90px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hr_bg2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 auto 100px;
    width: calc(100% - 60px);
    border-radius: 32px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list1 li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    padding: 6% 3%;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 24px;
    border: 1px solid #FFFFFF;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list1 li:nth-child(1) {
    max-width: 373px;
    margin-top: 10.33%;
    margin-left: auto;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list1 li:nth-child(2) {
    max-width: 411px;
    margin-left: 4.866%;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list1 .li_desc {
    margin-top: 12.165%;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    gap: 20px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    padding: 50px 4.342%;
    border-radius: 24px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 > li.li1 {
    background-color: #0A9BD2;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 > li.li2 {
    background-color: #175FA0;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 > li.li3 {
    background-color: #0B4983;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 .hr_tit2 {
    color: var(--white-color);
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 .bullet_circle {
    margin-top: 30px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part4 .list2 .bullet_circle > li {
    color: var(--white-color);
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .inner {
    margin-top: 60px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .inner_con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 160px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .inner_con:first-child {
    margin-top: 0;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .left_area {
    position: sticky;
    top: 120px;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 319px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .img_wrap {
    position: relative;
    padding-bottom: 58.625%;
    border-radius: 12px;
    overflow: hidden;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .img_wrap span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .img_wrap.img1 span {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hr_welfare1.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .img_wrap.img2 span {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hr_welfare2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .img_wrap.img3 span {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_hr_welfare3.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .img_wrap.img1 {
    padding-bottom: 111.915%;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .txt_wrap {
    margin-top: 50px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .txt_wrap .t_desc1 {
    margin-top: 20px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .right_area {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    padding-left: 30px;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type1, #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type2 {
    max-width: 610px;
    margin-left: auto;
  }
  
  #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type1 .small, #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type2 .small {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    font-weight: 500;
    font-size: 20px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .recruit_wrapper .hr_wrapper .part {
      margin-top: 80px;
    }
    #company .recruit_wrapper .hr_wrapper .part .hr_tit1 {
      font-size: 34px;
    }
    #company .recruit_wrapper .hr_wrapper .part .hr_tit2 {
      font-size: 22px;
    }
    #company .recruit_wrapper .hr_wrapper .part .hr_tit3 {
      font-size: 27px;
    }
    #company .recruit_wrapper .hr_wrapper .part1 {
      padding: 70px 0;
    }
    #company .recruit_wrapper .hr_wrapper .part1 .small_tit {
      font-size: 18px;
    }
    #company .recruit_wrapper .hr_wrapper .part1 .big_tit {
      margin-top: 20px;
      
      font-weight: 700;
      font-size: 60px;
      color: #0069D9;
      font-style: normal;
      font-size: 46px;
    }
    #company .recruit_wrapper .hr_wrapper .part2 .img_wrap {
      margin: 30px -50px 0;
      border-radius: 0;
      padding: 60px 13.275% 70px;
    }
    #company .recruit_wrapper .hr_wrapper .part2 .img_wrap .bg {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hr_bg1.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .recruit_wrapper .hr_wrapper .part3 .inner {
      margin-top: 80px;
    }
    #company .recruit_wrapper .hr_wrapper .part3 .list li {
      display: block;
      margin-top: 30px;
      padding-bottom: 30px;
    }
    #company .recruit_wrapper .hr_wrapper .part3 .list .li_tit {
      max-width: initial;
      padding-right: 0;
    }
    #company .recruit_wrapper .hr_wrapper .part3 .list .li_desc {
      margin-top: 12px;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .inner1 {
      padding: 80px 0 100px;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hr_bg2.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      margin: 0 0 60px;
      width: initial;
      border-radius: 0;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-top: 60px;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list1 li {
      width: 74%;
      min-width: 240px;
      padding: 34px 30px;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list1 li:nth-child(1) {
      max-width: initial;
      margin-top: 30px;
      margin-left: 0;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list1 li:nth-child(2) {
      max-width: initial;
      margin-left: auto;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list1 .li_desc {
      margin-top: 18px;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list2 {
      display: block;
      margin-top: 30px;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list2 > li {
      padding: 32px 30px 40px;
      margin-top: 10px;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list2 > li:first-child {
      margin-top: 0;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .list2 .bullet_circle {
      margin-top: 20px;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .choice_wrap {
      margin-top: 30px;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .inner {
      margin-top: 30px;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .inner_con {
      display: none;
      margin-top: 0;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .inner_con.active {
      display: block;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .left_area {
      position: static;
      height: auto;
      max-width: initial;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .img_wrap {
      width: 73.75%;
      padding-bottom: 35.4% !important;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .img_wrap.img1 span {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hr_welfare1.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .img_wrap.img2 span {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hr_welfare2.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .img_wrap.img3 span {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_hr_welfare3.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .txt_wrap {
      margin-top: 16px;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .txt_wrap .t_desc1 {
      margin-top: 0;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .right_area {
      padding-left: 0;
      margin-top: 50px;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type1, #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type2 {
      max-width: initial;
    }
    #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type1 .small, #company .recruit_wrapper .hr_wrapper .part5 .g_accordion.type2 .small {
      font-size: 16px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .recruit_wrapper .hr_wrapper .part .bullet_circle li {
      font-size: 14px;
    }
    #company .recruit_wrapper .hr_wrapper .part .hr_tit1 {
      font-size: 26px;
    }
    #company .recruit_wrapper .hr_wrapper .part .hr_tit2 {
      font-size: 20px;
    }
    #company .recruit_wrapper .hr_wrapper .part .hr_tit3 {
      font-size: 22px;
    }
    #company .recruit_wrapper .hr_wrapper .part .t_desc1 {
      font-size: 14px;
      line-height: 1.5;
    }
    #company .recruit_wrapper .hr_wrapper .part1 .big_tit {
      font-size: 32px;
    }
    #company .recruit_wrapper .hr_wrapper .part2 .img_wrap {
      margin: 30px -18px 0;
    }
    #company .recruit_wrapper .hr_wrapper .part4 .inner2 .hr_tit2 {
      font-size: 18px;
    }
  }
  
  #company .recruit_wrapper .job_introduce_wrapper .part {
    margin-top: 180px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .recruit_wrapper .job_introduce_wrapper .part {
      margin-top: 80px;
    }
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part {
    margin-top: 180px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .i_b {
    display: inline-block;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit1 {
    
    font-weight: 700;
    font-size: 48px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit2 {
    
    font-weight: 700;
    font-size: 42px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit3 {
    
    font-weight: 700;
    font-size: 24px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit4 {
    
    font-weight: 500;
    font-size: 18px;
    color: #222;
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit5 {
    
    font-weight: 500;
    font-size: 28px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit6 {
    
    font-weight: 500;
    font-size: 18px;
    color: #222;
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit6 .small {
    
    font-weight: 500;
    font-size: 14px;
    color: #222;
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit7 {
    
    font-weight: 500;
    font-size: 22px;
    color: #222;
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .nt_desc1 {
    
    font-weight: 500;
    font-size: 18px;
    color: #465059;
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .b500 {
    font-weight: 500;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .tit_area .title {
    margin-bottom: 60px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .con_area1 {
    margin-top: 100px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .bullet_circle > li {
    position: relative;
    padding-left: 1em;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .bullet_circle > li:after {
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.5em;
    line-height: 1em;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .desc_list > li {
    
    font-weight: 400;
    font-size: 16px;
    color: var(--brown-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part .desc_list > li:first-of-type {
    margin-top: 0 !important;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area {
    padding: 135px 0 145px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_bg1.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .title {
    text-align: center;
    
    font-weight: 700;
    font-size: 44px;
    color: var(--white-color);
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1040px;
    margin: 60px auto 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: calc((100% - 11.538%) / 4);
    margin-right: 3.846%;
    padding: 4.424% 20px;
    
    font-weight: 500;
    font-size: 20px;
    color: var(--brown-color);
    font-style: normal;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0px 4.6px 12.65px rgba(255, 255, 255, 0.25);
    box-shadow: 0px 4.6px 12.65px rgba(255, 255, 255, 0.25);
    -webkit-backdrop-filter: blur(11.5px);
    backdrop-filter: blur(11.5px);
    border-radius: 18.4px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li:last-child {
    margin-right: 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li:before {
    content: '';
    width: 84px;
    height: 84px;
    display: block;
    margin: 0 auto 20px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li1:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_talent1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li2:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_talent2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li3:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_talent3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li4:before {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/ic_talent4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li {
    padding: 0 1vw;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .bg {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_list1_1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li2 .bg {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_list1_2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li3 .bg {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_list1_3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 339px;
    flex: 1 1 339px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .nt_tit4 {
    margin-bottom: 12px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .nt_tit4 span {
    padding: 0 15px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .desc_list {
    padding-left: 75px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 658px;
    flex: 1 1 658px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li2 .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li2 .desc_list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-right: 10px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 299px;
    flex: 1 1 299px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .bg {
    border-radius: 16px;
    padding-bottom: 223px;
    margin: 0 -1vw 30px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .detail {
    margin-top: 16px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .spread_area .detail .desc_list > li {
    color: #6E6E6E;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    max-width: calc((100% - 4.044%) / 3);
    margin-right: 2.022%;
    padding: 40px 48px 46px;
    background-color: #F3F7FE;
    border-radius: 24px;
    margin-top: 20px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list li:nth-child(3n) {
    margin-right: 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list li:nth-child(-n + 3) {
    margin-top: 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .nt_tit6 {
    min-height: 56px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .t_desc1 {
    margin-top: 10px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .btn_wrap1 {
    margin-top: 60px;
    text-align: center;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .num {
    
    font-weight: 600;
    font-size: 16px;
    color: #0B4983;
    font-style: normal;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .img {
    position: relative;
    margin-top: 10px;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 78.37%;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .img span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .img.img1 span {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_list2_1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .img.img2 span {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_list2_2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .img.img3 span {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_list2_3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .img.img4 span {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_list2_4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .t_desc1 {
    padding: 20px 12px 0;
    color: var(--brown-color);
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .tb_nt_education {
    margin-top: 40px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .inner {
    position: relative;
    margin-top: 180px;
    padding-right: 38%;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .inner:first-of-type {
    margin-top: 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_img {
    display: block;
    position: absolute;
    width: 32.336%;
    padding-bottom: 32.336%;
    right: 0;
    top: 120px;
    border-radius: 16px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_bg2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 660px;
    margin-top: 100px;
    gap: 20px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .list > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    border-radius: 24px;
    border: 1px solid #E2E2E2;
    padding: 40px 6.062% 60px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .desc_list {
    margin-top: 30px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .desc_list > li {
    margin-top: 6px;
    color: #465059;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .leader_area {
    border: 1px solid #E2E2E2;
    border-radius: 24px;
    padding: 40px;
    max-width: 585px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .leader_area .nt_tit7 {
    color: #175FA0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part5 .leader_area .t_desc1 {
    margin-top: 30px;
    color: #6E6E6E;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6,
  #company .recruit_wrapper .nurture_talent_wrapper .part7 {
    padding: 13vh 0 8vh;
    min-height: 100vh;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .container,
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .container {
    height: 100%;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .tit_area .title,
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .tit_area .title {
    margin-bottom: 5.55555vh;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .program_area,
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .program_area {
    margin: 9.2593vh auto 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_bg3.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .program_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 884px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: calc(50% - 10px);
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division:not(:first-child) {
    margin-left: 20px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .item {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 4.6296vh 13.426% 5.5556vh;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .item.bg1 {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid var(--white-color);
    height: 100%;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .item.bg2 {
    background: rgba(86, 121, 166, 0.6);
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .item.bg3 {
    background: rgba(130, 124, 194, 0.8);
    margin-top: 22px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .item.c_white > * {
    color: var(--white-color);
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .desc_list > li {
    margin-top: 12px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .mgt {
    margin-top: 2.7778vh;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .btn1 {
    margin-top: 4vh;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 {
    margin-top: 0;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_nt_bg4.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .tit_area .title,
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .tit_area .desc {
    color: var(--white-color);
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .program_area {
    max-width: 1236px;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: calc(25% - 9px);
    margin-left: 12px;
    margin-top: 12px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #FFFFFF;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 4.6296vh 4.046%;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li:nth-child(4n - 3) {
    margin-left: 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li:nth-child(-n + 4) {
    margin-top: 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li.first {
    background: transparent;
    border: none;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    padding-right: 0;
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li.first p {
    color: var(--white-color);
  }
  
  #company .recruit_wrapper .nurture_talent_wrapper .part7 .desc_list {
    margin-top: 16px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .recruit_wrapper .nurture_talent_wrapper .part {
      margin-top: 80px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit1 {
      font-size: 40px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit2 {
      font-size: 34px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit3 {
      font-size: 22px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit5 {
      font-size: 23px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit7 {
      font-size: 18px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .tit_area .title {
      margin-bottom: 30px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .con_area1 {
      margin-top: 60px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area {
      padding: 0;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_nt_bg1.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-height: 100vh;
      padding-top: 50px;
      padding-bottom: 50px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .title {
      font-size: 36px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 55px auto 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      max-width: calc((100% - 20px) / 2);
      margin-right: 20px;
      margin-top: 20px;
      padding: 9% 10px 7.7%;
      -webkit-box-shadow: 0px 3px 8.25px rgba(255, 255, 255, 0.25);
      box-shadow: 0px 3px 8.25px rgba(255, 255, 255, 0.25);
      -webkit-backdrop-filter: blur(7.5px);
      backdrop-filter: blur(7.5px);
      border-radius: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li:nth-child(2n) {
      margin-right: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li:nth-child(-n + 2) {
      margin-top: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li:before {
      width: 54px;
      height: 54px;
      margin-bottom: 13px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li1:before {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_talent1.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li2:before {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_talent2.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li3:before {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_talent3.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li.li4:before {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/ic_talent4.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list {
      display: block;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li {
      padding: 0 20px;
      margin-top: 60px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 {
      margin-top: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .nt_tit4 {
      display: inline-block;
      vertical-align: top;
      padding-right: 25px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .nt_tit4 span {
      padding: 0 10px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .desc_list {
      display: inline-block;
      vertical-align: top;
      padding-left: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li2 .detail {
      display: block;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li2 .desc_list {
      padding-right: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .bg {
      margin: 0 -20px 30px;
      padding-bottom: 38.465%;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .nt_tit3 {
      font-size: 24px !important;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .detail {
      margin-top: 20px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list {
      margin-top: 20px;
      display: block;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list li {
      max-width: initial;
      margin-right: 0;
      padding: 20px 25px 25px;
      border-radius: 8px;
      margin-top: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list li:nth-child(-n + 3) {
      margin-top: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .list li:first-child {
      margin-top: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .nt_tit6 {
      min-height: initial;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .t_desc1 {
      margin-top: 5px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .nurturing_area .btn_wrap1 {
      margin-top: 30px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .list {
      display: block;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .list li {
      margin-top: 30px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .list li:first-child {
      margin-top: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .img {
      margin-top: 6px;
      width: 79.06%;
      padding-bottom: 61.95%;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .expertise_area .t_desc1 {
      width: 94%;
      padding: 30px 0 0 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .tb_nt_education {
      margin-top: 20px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .tb_nt_education col:first-child {
      width: 35% !important;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .tb_nt_education tbody td.tac {
      padding-left: 12px;
      padding-right: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .inner {
      margin-top: 80px;
      padding-right: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_img {
      position: static;
      width: 432px;
      padding-bottom: 432px;
      margin-bottom: 60px;
      border-radius: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .list {
      display: block;
      max-width: initial;
      margin-top: 60px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .list > li {
      border-radius: 8px;
      padding: 20px 25px 25px;
      margin-top: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .list > li:first-child {
      margin-top: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .desc_list {
      margin-top: 5px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_area .desc_list > li {
      margin-top: 5px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .leader_area {
      border-radius: 8px;
      padding: 20px 25px;
      max-width: initial;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .leader_area .t_desc1 {
      margin-top: 5px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6,
    #company .recruit_wrapper .nurture_talent_wrapper .part7 {
      padding: 80px 0 60px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .tit_area .title,
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .tit_area .title {
      margin-bottom: 30px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .program_area,
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .program_area {
      margin-top: 60px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_nt_bg3.jpg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .program_area {
      display: block;
      max-width: initial;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .division {
      max-width: initial;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .division:not(:first-child) {
      margin-left: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .item {
      border-radius: 16px;
      padding: 30px 25px 40px;
      margin-top: 12px !important;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .item.bg1 {
      height: auto;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .desc_list > li {
      margin-top: 5px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .mgt {
      margin-top: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part6 .division .btn1 {
      margin-top: 30px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 {
      margin-top: 0;
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_nt_bg4.jpg");
      background-repeat: no-repeat;
      background-position: 50% bottom;
      background-size: cover;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .program_area {
      max-width: initial;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .list {
      display: block;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: initial;
      margin-left: 0;
      border-radius: 16px;
      padding: 30px 25px 40px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li:nth-child(-n + 4) {
      margin-top: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li:nth-child(1) {
      margin-top: 12px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li:nth-child(2) {
      margin-top: 20px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .list > li.first {
      padding: 0;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .nt_tit3 {
      width: 37%;
      max-width: 130px;
      padding-right: 10px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part7 .desc_list {
      width: 63%;
      margin-top: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit1 {
      font-size: 34px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit2 {
      font-size: 26px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit3 {
      font-size: 20px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit4 {
      font-size: 16px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit5 {
      font-size: 18px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit6 {
      font-size: 16px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_tit7 {
      font-size: 16px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .nt_desc1 {
      font-size: 16px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .t_desc1 {
      font-size: 14px;
      line-height: 1.5;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part .desc_list > li {
      font-size: 14px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .title {
      font-size: 28px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .strategy_area .list li {
      font-size: 16px;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li1 .bg {
      padding-bottom: 74.585%;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .spread_area .list > li.li3 .bg {
      padding-bottom: 84.62%;
    }
    #company .recruit_wrapper .nurture_talent_wrapper .part5 .global_img {
      width: 100%;
      padding-bottom: 100%;
    }
  }
  
  .demo a {
    color: var(--white-color);
    text-decoration: none;
  }
  
  .demo h2 {
    font-size: clamp(1rem, 5vw, 5rem);
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.5em;
    margin-right: -0.5em;
    color: #cccccc;
    width: 90vw;
    max-width: 1200px;
  }
  
  .demo section {
    width: 100%;
    height: 100vh;
    top: 0;
    position: fixed;
    visibility: hidden;
  }
  
  .demo section .outer,
  .demo section .inner {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
  }
  
  .demo section .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-position: center;
  }
  
  .demo section .bg h2 {
    z-index: 2;
  }
  
  .demo .first .bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3))), url(https://images.unsplash.com/photo-1617478755490-e21232a5eeaf?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzU1NjM5NA&ixlib=rb-1.2.1&q=75&w=1920);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%), url(https://images.unsplash.com/photo-1617478755490-e21232a5eeaf?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzU1NjM5NA&ixlib=rb-1.2.1&q=75&w=1920);
  }
  
  .demo .second .bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3))), url("https://images.unsplash.com/photo-1617128734662-66da6c1d3505?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzc3NTM3MA&ixlib=rb-1.2.1&q=75&w=1920");
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%), url("https://images.unsplash.com/photo-1617128734662-66da6c1d3505?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzc3NTM3MA&ixlib=rb-1.2.1&q=75&w=1920");
  }
  
  .demo .third .bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3))), url(https://images.unsplash.com/photo-1617438817509-70e91ad264a5?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzU2MDk4Mg&ixlib=rb-1.2.1&q=75&w=1920);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%), url(https://images.unsplash.com/photo-1617438817509-70e91ad264a5?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzU2MDk4Mg&ixlib=rb-1.2.1&q=75&w=1920);
  }
  
  .demo .fourth .bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3))), url(https://images.unsplash.com/photo-1617412327653-c29093585207?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzU2MDgzMQ&ixlib=rb-1.2.1&q=75&w=1920);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%), url(https://images.unsplash.com/photo-1617412327653-c29093585207?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxNzU2MDgzMQ&ixlib=rb-1.2.1&q=75&w=1920);
  }
  
  .demo .fifth .bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3))), url("https://images.unsplash.com/photo-1617141636403-f511e2d5dc17?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxODAzMjc4Mw&ixlib=rb-1.2.1&q=75w=1920");
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%), url("https://images.unsplash.com/photo-1617141636403-f511e2d5dc17?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTYxODAzMjc4Mw&ixlib=rb-1.2.1&q=75w=1920");
    background-position: 50% 45%;
  }
  
  .demo2 {
    min-height: 500vh;
    margin: 0;
  }
  
  .demo2 section {
    height: 500vh;
    position: relative;
  }
  
  .demo2 .pin {
    position: relative;
    height: 100vh;
  }
  
  .demo2 h2 {
    font-size: 3rem;
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    text-align: center;
  }
  
  .demo2 .spacer {
    height: 60vh;
    background-color: black;
  }
  
  /*********************** Company *************************/
  #company .banner_type1 {
    margin-top: 140px;
    padding: 150px 0 200px;
    background-color: #F7F7F9;
  }
  
  #company .banner_type1 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .banner_type1 .left_area {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-bottom: 43.938%;
    border-radius: 16px;
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background 0.3s 0.05s;
    transition: background 0.3s 0.05s;
  }
  
  #company .banner_type1 .left_area .tit {
    position: absolute;
    
    font-weight: 500;
    font-size: 28px;
    color: var(--white-color);
    font-style: normal;
    width: 100%;
    left: 0;
    bottom: 55px;
    line-height: 38px;
    padding: 0 30px;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.05s;
    transition: opacity 0.3s 0.05s;
  }
  
  #company .banner_type1 .left_area .hoverTit {
    opacity: 0;
  }
  
  #company .banner_type1 .left_area.hover .tit {
    opacity: 0;
  }
  
  #company .banner_type1 .left_area.hover .hoverTit {
    opacity: 1;
  }
  
  #company .banner_type1 .left_area.hover1 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .banner_type1 .left_area.hover2 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .banner_type1 .left_area.hover3 {
    background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/img_global_bt4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  #company .banner_type1 .right_area {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  
  #company .banner_type1 .right_area .network_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
  }
  
  #company .banner_type1 .right_area li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-left: 20px;
    margin-top: 20px;
    max-width: calc(50% - 20px);
  }
  
  #company .banner_type1 .right_area li:nth-child(1) {
    margin-top: 0;
    margin-left: calc(50% + 20px);
  }
  
  #company .banner_type1 .right_area li:nth-child(1) a:before {
    background-color: #00A5CD;
  }
  
  #company .banner_type1 .right_area li:nth-child(2) a:before {
    background-color: #175FA0;
  }
  
  #company .banner_type1 .right_area li:nth-child(3) a:before {
    background-color: #0092E3;
  }
  
  #company .banner_type1 .right_area li > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: var(--white-color);
    border-radius: 16px;
    overflow: hidden;
    padding: 40px 30px 36px 30px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  
  #company .banner_type1 .right_area li > a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
  }
  
  #company .banner_type1 .right_area li > a:hover:before {
    opacity: 1;
  }
  
  #company .banner_type1 .right_area li > a:hover .txt_box {
    min-height: 100%;
  }
  
  #company .banner_type1 .right_area li > a:hover .tit {
    color: var(--white-color);
  }
  
  #company .banner_type1 .right_area li > a:hover .desc {
    opacity: 0;
    color: var(--white-color);
  }
  
  #company .banner_type1 .right_area li > a:hover .btn_more1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  #company .banner_type1 .right_area li > a:hover .btn_more1:after {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  
  #company .banner_type1 .right_area li .txt_box {
    position: relative;
    margin-top: auto;
    min-height: 72px;
    z-index: 1;
    -webkit-transition-property: min-height;
    transition-property: min-height;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
  }
  
  #company .banner_type1 .right_area li .tit {
    
    font-weight: 700;
    font-size: 36px;
    color: var(--brown-color);
    font-style: normal;
    line-height: 38px;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
  }
  
  #company .banner_type1 .right_area li .desc {
    margin-top: 10px;
    
    font-weight: 500;
    font-size: 16px;
    color: #465059;
    font-style: normal;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  
  #company .banner_type1 .right_area li .btn_more1 {
    position: absolute;
    left: 30px;
    bottom: 40px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    z-index: 1;
  }
  
  @media screen and (max-width: 1023px) {
    #company .banner_type1 .inner {
      display: block;
    }
    #company .banner_type1 .left_area {
      padding-bottom: 0;
      border-radius: 0;
      background: none !important;
    }
    #company .banner_type1 .left_area .tit {
      position: static;
      padding: 0 0 30px;
      color: var(--brown-color);
      opacity: 1 !important;
    }
    #company .banner_type1 .left_area .hoverTit {
      display: none;
    }
    #company .banner_type1 .right_area .network_list {
      height: auto;
    }
    #company .banner_type1 .right_area li {
      margin-left: 20px;
      max-width: calc(50% - 10px);
    }
    #company .banner_type1 .right_area li:nth-child(1) {
      margin-top: 20px;
      margin-left: 20px;
    }
    #company .banner_type1 .right_area li:nth-child(1) a {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_global_bt2.png");
      background-repeat: no-repeat;
      background-position: right 15%;
      background-size: cover;
    }
    #company .banner_type1 .right_area li:nth-child(2) a {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_global_bt3.png");
      background-repeat: no-repeat;
      background-position: right 15%;
      background-size: cover;
    }
    #company .banner_type1 .right_area li:nth-child(3) a {
      background-image: url("https://www.hyosungchemical.com/resources/front/kr/img/company/mobile/img_global_bt4.png");
      background-repeat: no-repeat;
      background-position: right 15%;
      background-size: cover;
    }
    #company .banner_type1 .right_area li:nth-child(2n - 1) {
      margin-left: 0;
    }
    #company .banner_type1 .right_area li > a {
      display: block;
      padding: 30px 25px 35px;
    }
    #company .banner_type1 .right_area li > a:before {
      display: none;
    }
    #company .banner_type1 .right_area li .txt_box {
      margin-top: 0;
      min-height: initial !important;
    }
    #company .banner_type1 .right_area li .tit {
      font-size: 26px;
      color: var(--white-color);
    }
    #company .banner_type1 .right_area li .desc {
      color: var(--white-color);
      opacity: 1 !important;
    }
    #company .banner_type1 .right_area li .btn_more1 {
      position: static;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      margin-top: 30px;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .banner_type1 {
      margin-top: 90px;
      padding: 50px 0 120px;
    }
    #company .banner_type1 .left_area .tit {
      font-weight: 700;
      font-size: 26px;
    }
    #company .banner_type1 .right_area .network_list {
      display: block;
    }
    #company .banner_type1 .right_area li {
      margin-left: 0 !important;
      max-width: 100%;
      margin-top: 18px;
    }
    #company .banner_type1 .right_area li:first-child {
      margin-top: 0;
    }
    #company .banner_type1 .right_area li .tit {
      font-size: 22px;
      line-height: 26px;
    }
    #company .banner_type1 .right_area li .desc {
      font-size: 16px;
      margin-top: 12px;
    }
  }
  
  /*********************** 회사소개 *************************/
  #company .about_wrapper .hyosungway_wrapper .part {
    margin-top: 180px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .inner {
    margin-top: 100px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .inner:first-of-type {
    margin-top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .desc_box .p_tit2 + .p_desc_list1 {
    margin-top: 40px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .info_box {
    margin-top: 60px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .one_con {
    border: none;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part .one_con tbody td {
    padding: 0;
    border: none;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 {
    position: relative;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper {
    margin-top: 400px;
    position: relative;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .img {
    width: 100%;
    height: 100dvh;
    background: 50% 50% no-repeat;
    background-size: cover;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .title-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Brand New Hyosung';
    z-index: 10;
    width: 100%;
    padding: 0 10%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .title-text .top-title {
    color: var(--brown-color);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.48px;
    margin-bottom: 65px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .title-text .bottom-text {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.24px;
    margin-bottom: 23px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .title-text .bottom-summary {
    font-family: 'Pretendard';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .top-left {
    position: absolute;
    top: -450px;
    left: 444px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .top-middle {
    position: absolute;
    right: 127px;
    top: 349px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .top-bottom {
    position: absolute;
    bottom: -46px;
    left: 147px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part1 .top-middle {
    top: 320px;
    right: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 {
    margin-top: 180px !important;
    margin-bottom: 180px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 .tit-blue {
    color: #0069D9;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.48px;
    margin-right: 154px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 .text-middle {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.24px;
    margin-right: 100px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 .text-small {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .info_box .img.right {
    width: 57.7%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .info_box .img.left {
    width: 41%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part2 .info_box .img.left .last {
    margin-top: 8px;
    height: auto;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 {
    position: relative;
    margin-bottom: 200px;
    -webkit-transition: all 3s;
    transition: all 3s;
    pointer-events: none;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .t_tit1 {
    color: #0069D9;
    text-align: center;
    font-family: 'Brand New Hyosung';
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.48px;
    margin-bottom: 110px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner .info_box {
    margin-top: 0;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner .info_box .section-one {
    position: relative;
    height: 542px;
    max-width: 1110px;
    width: 100%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner .info_box .section-one img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 36px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner .info_box .section-one .one-text {
    position: absolute;
    padding: 45px 64px 70px 60px;
    color: var(--white-color);
    width: 100%;
    height: 100%;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner .info_box .section-one .one-text .text-top {
    font-family: 'Brand New Hyosung';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.4px;
    margin-bottom: 211px;
    text-align: right;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner .info_box .section-one .one-text .text-bottom .best {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.36px;
    margin-bottom: 40px;
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner .info_box .section-one .one-text .text-bottom .exp {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    font-family: 'Pretendard';
  }
  
  #company .about_wrapper .hyosungway_wrapper .part3 .swiper-wrapper .inner.ml {
    padding-left: 226px;
  }
  
  @media screen and (max-width: 1023px) {
    #company .about_wrapper .hyosungway_wrapper .part {
      margin-top: 180px;
    }
    #company .about_wrapper .hyosungway_wrapper .part:first-of-type {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part .p_tit1 {
      margin-bottom: 60px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .p_tit2 {
      
      font-weight: 700;
      font-size: 20px;
      color: #222;
      font-style: normal;
    }
    #company .about_wrapper .hyosungway_wrapper .part .p_desc_list1 li {
      position: relative;
      
      font-weight: 400;
      font-size: 16px;
      color: #6E6E6E;
      font-style: normal;
      padding-left: 20px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .p_desc_list1 li:before {
      content: '·';
      font-size: 1.5em;
      line-height: 1em;
      position: absolute;
      left: 7px;
      top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part .inner {
      margin-top: 100px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .inner:first-of-type {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part .desc_box .p_tit2 + .p_desc_list1 {
      margin-top: 40px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .info_box {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part .one_con {
      border: none;
    }
    #company .about_wrapper .hyosungway_wrapper .part .one_con tbody td {
      padding: 0;
      border: none;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .img {
      height: 812px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .title-text .top-title {
      font-size: 26px;
      line-height: 38px;
      letter-spacing: -0.26px;
      margin-bottom: 30px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .title-text .bottom-text {
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.18px;
      margin-bottom: 20px;
      color: var(--brown-color);
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .bg_wrapper .title-text .bottom-summary {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .top-left {
      top: 62px;
      left: 38px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .top-left img {
      width: 210px;
      height: a;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .top-middle img {
      width: 130px;
      height: auto;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .top-bottom {
      bottom: 81px;
      left: 18px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .top-bottom img {
      width: 190px;
      height: auto;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 {
      margin-top: 80px !important;
      margin-bottom: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 .tit-blue {
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: -0.26px;
      margin-bottom: 30px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 .text-middle {
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 26px;
      letter-spacing: -0.18px;
      margin-bottom: 20px;
      margin-right: 0;
      font-family: 'Brand New Hyosung';
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .t_tit1 .text-small {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      font-family: 'Pretendard';
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .inner {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .inner .info_box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .inner .info_box .right {
      width: 100%;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .inner .info_box .right img {
      width: 100%;
      border-radius: 16px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .inner .info_box .left {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 4%;
      height: auto;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .inner .info_box .left img.last {
      margin-top: 0;
      height: 100%;
      width: 48%;
      border-radius: 16px;
    }
    #company .about_wrapper .hyosungway_wrapper .part2 .inner .info_box .left img.first {
      width: 48%;
      border-radius: 16px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 {
      margin-bottom: 120px;
      margin-top: 80px;
      pointer-events: auto;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .t_tit1 {
      font-size: 26px;
      line-height: 0;
      margin-bottom: 47px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper {
      width: 300px;
      height: 420px;
      margin: 0 auto;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: unset;
      -webkit-box-direction: unset;
      -ms-flex-direction: unset;
      flex-direction: unset;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner {
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide {
      width: 100%;
      border-radius: 16px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide .info_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 0;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide .info_box .section-one {
      position: relative;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide .info_box .section-one img {
      width: 80%;
      height: 100px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 8px;
      position: absolute;
      top: 90px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide .info_box .section-one .one-text {
      position: relative;
      padding: 40px 25px 75px;
      color: var(--white-color);
      width: 100%;
      height: 100%;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide .info_box .section-one .one-text .text-top {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      letter-spacing: -0.2px;
      text-align: center;
      margin-bottom: 150px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide .info_box .section-one .one-text .text-bottom .best {
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: -0.26px;
      margin-bottom: 20px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.swiper-slide .info_box .section-one .one-text .text-bottom .exp {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner:nth-child(1n) {
      background-color: #59AEDE;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner:nth-child(2n) {
      background-color: #1C65BF;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner:nth-child(3n) {
      background-color: #31347F;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner:nth-child(4n) {
      background-color: #414042;
    }
    #company .about_wrapper .hyosungway_wrapper .part3 .swiper .swiper-wrapper .inner.ml {
      padding-left: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    #company .about_wrapper .hyosungway_wrapper .part .p_desc_list1 li {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part .desc_box .p_desc1 {
      font-size: 14px;
      line-height: 1.5;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .tit {
      font-size: 14px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .box .desc {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .value_info .center .desc {
      font-size: 12px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .title-text .top-title {
      font-size: 26px;
      line-height: 38px;
      letter-spacing: -0.26px;
      margin-bottom: 30px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .title-text .bottom-text {
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.18px;
      margin-bottom: 20px;
    }
    #company .about_wrapper .hyosungway_wrapper .part1 .title-text .bottom-summary {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }
  }
  
  #company .about_wrapper .hyosungway_wrapper.new-way {
    overflow: hidden;
  }



  @media screen and (max-width: 480px) {
    #company .about_wrapper .introduce_wrapper .introBottom .wrap_img {
        background-image: url('/resources/images/index/main_visual_bottom_m.png');
    }
}