@charset "utf-8";
@import url('common.css');
@import url('break_gnu.css');

/* common */
#hd,
#wrapper,
#ft {
    width: 100%;
    min-width: 1px;
}
.ctt_admin,
.cont_area,
#ctt,
/* #hd_pop, */
#hd_wrapper,
#tnb .inner,
#gnb .gnb_wrap,
#ft_wr {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.ff_poppins,
.ff_poppins * {
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
}

input,
button {
    font-family: inherit;
}

/* popup */
#hd_pop {
    flex: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100lvh;
    /* overflow-y: auto; */
    z-index: 999;
}
.hd_pops {
    border: 0 none;
    box-shadow: 9px 9px 18px rgba(0, 0, 0, 0.25);
}

/* header */
#hd.header,
#ft.footer {
    background: transparent;
}

#ctt {
    padding: 4rem 0;
    min-height: 500px;
}

.header {
    position: fixed;
    min-width: 1px !important;
    background: #fff !important;
    z-index: 999;
}
.header .top .inner {
    font-size: 0;
    text-align: right;
}
.hd_sch_wr {
    display: inline-block;
    float: none;
    padding: 0;
    margin-left: 0;
}
.hd_sch_wr #popular {
    display: none;
}
#hd_qnb.gnb {
    display: inline-block;
    float: none;
}
.hd_sch_wr,
.gnb {
    font-size: 1rem;
}

#hd_wrapper {
    height: auto;

    display: flex;
    align-items: center;
}
.lnb_open {
    display: none;
}
#gnb.lnb {
    flex: none;
    float: right;
    position: relative;
    top: 0;
    background: #fff;
}

#logo.logo {
    flex-shrink: 0;
    padding-top: 0;
    margin-right: auto;
}
.logo a {
    display: block;
    width: 152px;
    line-height: 6rem;
}
.logo a img {
    width: 100%;
}

#gnb .lnb_bx {
    font-size: 0 !important;
    text-align: right;
    border: 0 none !important;
}
#gnb .item {
    display: inline-block;
    float: none;
    position: relative;
    line-height: 1;
    vertical-align: top;
}
#gnb .btn_depth1 {
    display: block;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 6rem;
    padding: 0 calc(4.25rem / 2 - 1px);
    color: #080808;
    text-decoration: none;

    font-size: calc(1rem + 2px);
    padding: 0 calc(2em / 2);
}

#gnb .btn_depth1:hover > a {
    color: #3a8afd;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

#gnb .btn_depth1 + .bg {
    font-size: 0;
    background: none;
}
#gnb .item div {
    display: none;
    position: absolute;
    top: calc(100% - 1rem);
    min-width: 1px;
    width: calc(100% + 2rem);
    padding-top: 0;
    margin: 0 calc(2rem / 2 * -1);
}
#gnb:not(.mobile) .item.gnb_al_li_plus:hover .gnb_2dul,
#gnb .item[class*='on'] div {
    display: block;
    margin-bottom: 1rem;
}
#gnb.mobile .item.gnb_al_li_plus.on .btn_depth1,
#gnb:not(.mobile) .item.gnb_al_li_plus:hover .btn_depth1 {
    color: #3a8afd;
    color: #243b82;
}
#gnb .item div a {
    display: block;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    background: #fff;
    color: #080808;
    text-decoration: none;
}
#gnb .item div a:hover {
    color: #fff;
    background-color: #243b82;
}
#gnb .close {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -50px;
    width: 50px;
    height: 50px;
}
#gnb .close button {
    width: 100%;
    height: 100%;
    font-size: 0;
    background: transparent url(../images/img_icon_close.png) no-repeat 50% 50%;
    background-size: 50px 50px;
    border: 0 none;
}

.language {
    order: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0 1rem;
    padding-left: 1rem;
}
.language a {
    display: inline-block;
    position: relative;
    top: calc(50% - (40px / 2));
    height: 40px;
    color: rgba(0,0,0, 0.5);
    font-size: calc(0.75rem + 2px);
    line-height: 40px;
    background-size: 40px 40px;
}
.language a.on {
    color: #243b82;
    font-weight: 700;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}
.language a:not(.on):hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #243b82;
    border-radius: 9999px;
    transform: translate(-50%, 4px);
}
.language a:not(:first-child):before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: calc(-1rem / 2);
    width: 1px;
    height: 10px;
    background: #bababa;
    transform: translate(0px, -50%);
}

.floatingBanner {
    position: fixed;
    top: calc(6rem + 4rem);
    top: calc(6rem + 25%);
    right: 4rem;
    width: calc(96px + (4px * 2));
    padding: calc(96px * 0.25) 0;
    background: #11698e;
    border: 4px solid rgba(255, 255,255,0.5);
    border-radius: 9999px;
    transform: translate(0, -50%);
    z-index: 1001;
}
.floatingBanner ul {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    gap: 8px 0;
    padding: 0 1rem;
}
.floatingBanner li span {
    display: block;
}
.floatingBanner li a {
    display: flex;
    flex-flow: column nowrap;
    gap: 4px 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.floatingBanner li .hasIcon {
    font-size: 0;
}
.floatingBanner li .hasIcon:before {
    content: '';
    display: inline-block;
    width: 48px;
    height: 48px;
    background: no-repeat 50% 50% / auto 48px;

}
.floatingBanner li .hasIcon.item1:before {
    background-image: url(../images/svg/icon_person.svg);
}
.floatingBanner li .hasIcon.item2:before {
    background-image: url(../images/svg/youtube.svg);
}
.floatingBanner li .hasIcon.item3:before {
    background-image: url(../images/svg/instagram.svg);
}
.floatingBanner li .hasIcon.item4:before {
    background-image: url(../images/svg/naver_blog.svg);
}
.floatingBanner li .text {
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(1.25em * 2);
    color: #fff;
    font-weight: 500;
    font-size: calc(0.75rem + 1px);
    line-height: 1.25;
    word-break: keep-all;
}
.floatingBannerHandler {
    display: none;
}

.footer {
    padding: 3.5em 0 calc(3em - 4px);
    border-top: 1px solid #ebebeb;
}
.footer .bx_in {
    position: relative;
    max-width: 1200px;
    padding: 0 11.5em 0 152px;
    margin: 0 auto;
    text-align: left;
}

.footer .logo_f {
    position: absolute;
    top: 0;
    left: 0;
    width: 152px;
}
.footer .logo_f img {
    width: 100%;
}
.footer .etc {
    position: absolute;
    top: 0;
    right: 0;
}
.footer .etc li {
    width: 11.5em;
    color: #666;
    line-height: 2.75;
    border: 1px solid #e4e4e4;
    text-align: center;
}

.footer .address,
.footer .copyright {
    color: #666;
    padding-left: 3.5em;
}
.footer .copyright {
    color: #999;
    margin-top: 2px;
}

#wrapper {
    padding-top: 6rem;
    z-index: 2;
}
#container {
    width: 100%;
    margin: 0 auto;
}
#container_wr {
    width: 100%;
    max-width: 100%;
}

/* swiper */
.bx_slider {
    position: relative;
}
.bx_slider [class*='swiper-button-'] {
    font-size: 0;
}
.bx_slider .swiper-pagination .swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
}
.bx_slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 0.5rem;
}

/* main */
.main_visual li {
    display: flex;
    align-items: center;
    height: calc(100vh - 6rem);
    background: #000 no-repeat 50% 50%;
    background-size: cover;
}
.main_visual li .inner_bx_s {
    width: 100%;
    max-width: 1200px;
    margin: -10.75rem auto 0;
    margin: 0 auto;
}
.main_visual.bx_slider [class*='swiper-button-'] {
    width: calc(5rem - 2px);
    height: calc(5rem - 2px);
    margin-top: calc((5rem - 2px) / 2 * -1);
    font-size: 0;
    outline: none;
}
.main_visual li .inner_bx_s h3 {
    color: #fff;
    font-weight: 700;
    font-size: 4em;
    line-height: 3.75rem;
    line-height: 1.25;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
}
.main_visual li .inner_bx_s h3 em {
    font-weight: 300;
    font-style: normal;
}
.main_visual li .inner_bx_s h3 + p {
    position: relative;
    padding: 2.5rem 0 0;
    margin: 2rem 0 0;
    color: #fff;
    font-size: calc(1em + 2px);
    line-height: 1.5rem;
}
.main_visual li .inner_bx_s h3 + p:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 3.75rem;
    height: 3px;
    font-size: 0;
    background: #16c79a;
}
.main_visual li .inner_bx_s .type_btn {
    display: inline-block;
    min-width: 13.75rem;
    padding: 0 2.25rem;
    margin: 2.5rem 0 0;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 500;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-size: calc(1em + 2px);
    line-height: 3.5rem;
    background: rgba(240, 233, 233, 0.5);
    border: 1px solid #dbdbdb;
}
.main_visual li .inner_bx_s .text-black + .type_btn {
    background: #000;
    color: #fff;
}

.main_visual.bx_slider [class*='swiper-button-']:after {
    color: #fff;
}
.main_visual.bx_slider .bx_pagenation {
    position: absolute;
    bottom: 3rem;
    width: 100%;
    z-index: 11;
}
.main_visual.bx_slider .swiper-pagination {
    position: static;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
}
.main_visual.bx_slider .swiper-pagination .swiper-pagination-bullet {
    opacity: 0.5;
    background-color: transparent;
    border: 2px solid #fff;
}
.main_visual.bx_slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 0.5rem;
}
.main_visual.bx_slider .swiper-pagination .swiper-pagination-bullet[class*='-active'] {
    opacity: 1;
    background-color: #fff;
    border-color: #fff;
}

.main_visual.bx_slider .mouse_scroll {
    width: 64px;
    height: 72px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: calc(50% - (64px / 2));
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    opacity: 0.7;
    overflow: hidden;
    z-index: 11;
    -webkit-animation: btmouse 2.4s infinite;
    animation: btmouse 2.4s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.main_visual.bx_slider .mouse_scroll:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: calc(100% - 1.5em);
    background: #fff;
}

@-webkit-keyframes btmouse {
    0% {
        height: 72px;
    }
    50% {
        height: 52px;
    }
    100% {
        height: 72px;
    }
}
@keyframes btmouse {
    0% {
        height: 72px;
    }
    50% {
        height: 52px;
    }
    100% {
        height: 72px;
    }
}

#wrapper.main [class*='main_sect_'] .inner_bx {
    max-width: 1200px;
    padding: 4em 0 5em;
    margin: 0 auto;
}
#wrapper.main [class*='main_sect_'] h3 {
    position: relative;
    padding-bottom: calc(1rem + 2px);
    color: #242424;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 2.5em;
    margin-bottom: 2rem;
    text-align: center;
}
#wrapper.main [class*='main_sect_'] h3:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: calc(50% - ((2rem + 2px) / 2));
    width: calc(2rem + 2px);
    height: 2px;
    font-size: 0;
    background: #16c79a;
}
#wrapper.main [class*='main_sect_'] h3 + p {
    text-align: center;
}

.main_sect_company ul {
    display: flex;
    justify-content: space-between;
}
.main_sect_company li {
    width: calc(100% / 3);
    max-width: calc(152px + (120px * 2));
    /* font-size: 0; */
    text-align: center;
}
.main_sect_company li .thumb {
    display: inline-block;
    position: relative;
    width: 152px;
    height: 152px;
    font-size: 0;
    background: #f7f7f7 no-repeat 50% 50%;
    border-radius: 152px;
}
.main_sect_company li .thumb:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: calc(50% - (14px / 2));
    width: 14px;
    height: 14px;
    margin-bottom: calc(-14px / 2);
    background: #5bd8b8;
    border-radius: 14px;
}
.main_sect_company .item1 .thumb {
    background-image: url(../images/icon_main_company1.png);
}
.main_sect_company .item2 .thumb {
    background-image: url(../images/icon_main_company2.png);
}
.main_sect_company .item3 .thumb {
    background-image: url(../images/icon_main_company3.png);
}

.main_sect_company li .thumb + span {
    display: block;
    margin-top: calc(0.5rem + 2px);
    color: #253a81;
    font-size: 1.5rem;
    font-weight: 700;
}
.main_sect_company li .thumb + span em {
    display: block;
    margin-top: 3px;
    color: #666;
    font-style: normal;
    font-size: calc(1rem + 2px);
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

/* 2025-08-27 */
.main_sect_company2 .bx_slider {
    position: relative;
}
.main_sect_company2 .swiper-slide dl {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem 0;
}
.main_sect_company2 .swiper-slide dd {
    order: -1;
}
.main_sect_company2 .bx_imgFit {
    width: 100%;
    height: 224px;
}
.main_sect_company2 .bx_imgFit img {
    object-fit: cover;
}
.main_sect_company2 .bx_slider .swiper-pagination {
    left: 50%;
    margin-top: 1rem;
    transform: translate(-50%, 0);
}
#wrapper.main .main_sect_company2 .bx_slider {
    position: relative;
}
#wrapper.main .main_sect_company2 .bx_slider [class*='swiper-button-'] {
    top: calc(224px / 2);
    width: calc(5rem - 2px);
    height: calc(5rem - 2px);
    margin-top: calc((5rem - 2px) / 2 * -1);
    font-size: 0;
    outline: none;
}
#wrapper.main .main_sect_company2 .bx_slider .swiper-button-prev {
    left: calc((5rem - 2px + 1.5rem) * -1);
}
#wrapper.main .main_sect_company2 .bx_slider .swiper-button-next {
    right: calc((5rem - 2px + 1.5rem) * -1);
}
#wrapper.main .main_sect_company2 .bx_slider [class*='swiper-button-']:before {
    content: '';
    display: inline-block;
    position: absolute;
    font-size: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1) url(../images/icon_slide_next.png) no-repeat 50% 50%;
    background-size: 24px 40px;
    border-radius: calc(5rem - 2px);
}
#wrapper.main .main_sect_company2 .bx_slider .swiper-button-prev:before {
    transform: rotate(180deg);
}
#wrapper.main .main_sect_company2 .bx_slider [class*='swiper-button-']:after {
    display: none;
}
#wrapper.main .main_sect_company2 .bx_slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #243b82;
}

/*  */
.main_sect_rnd {
    min-height: 960px;
    background: #6a748f url(../images/img_rnd_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}
#wrapper.main .main_sect_rnd h3 {
    margin-bottom: 1.75rem;
    color: #fff;
}
#wrapper.main .main_sect_rnd h3:after {
    background-color: #fff;
}
#wrapper.main .main_sect_rnd h3 + div {
    text-align: center;
    margin-bottom: 2rem;
}
#wrapper.main .main_sect_rnd h3 + div p {
    margin-bottom: 1.75rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;

    margin-bottom: 1.75rem;
    font-size: calc(1.25rem + 2px);
}
#wrapper.main .main_sect_news2 .more a,
#wrapper.main .main_sect_news .more a,
#wrapper.main .main_sect_rnd h3 + div p + a {
    display: inline-block;
    min-width: 10.25rem;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #999;
    border-radius: 40px;
}
#wrapper.main .main_sect_news2 .more a:after,
#wrapper.main .main_sect_news .more a:after,
#wrapper.main .main_sect_rnd h3 + div p + a:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 12px;
    margin-top: 15px;
    margin-left: 1rem;
    font-size: 0;
    vertical-align: top;
    background: no-repeat 50% 50%;
}
#wrapper.main .main_sect_rnd h3 + div p + a {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 0, 0, 0.15);
}
#wrapper.main .main_sect_rnd h3 + div p + a:after {
    background-image: url(../images/icon_main_rnd_arrow.png);
}

#wrapper.main .main_sect_rnd ul {
    position: relative;
}
#wrapper.main .main_sect_rnd ul:after {
    position: absolute;
    top: 4rem;
    left: 0;
    width: 500px;
    height: 376px;
    background: #11698e url(../images/img_main_rnd_pattern.png) repeat 0 0;
    background-size: 8px auto;
}
#wrapper.main .main_sect_rnd li {
    height: 536px;
}

#wrapper.main .main_sect_rnd li dt {
    position: absolute;
    top: 0;
    width: 500px;
    height: 376px;
    padding: 40px;
    /* color: transparent; */
    color: #fff;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-size: 0;
    line-height: 4rem;
    font-weight: 400;
    background: #243a81 url(../images/img_main_rnd_pattern.png) repeat 0 0/8px auto;
    z-index: 2;
    opacity: 0;
    transition-property: top, opacity, color;
    transition-duration: 1s, 1s, 1s;
    transition-timing-function: ease;
    transition-delay: 0s, 0s, 0.75s;
}
#wrapper.main .main_sect_rnd li dt .title {
    line-height: 1.5;
    font-size: 2.25rem;
    padding-top: 1rem;
    letter-spacing: -0.05em;
}
#wrapper.main .main_sect_rnd li dt .text {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5;
    word-break: keep-all;
}
#wrapper.main .main_sect_rnd li.swiper-slide-active dt {
    top: 50%;

    /* font-size: calc(2.25rem - 0px); */
    transform: translate(0, -50%);
    opacity: 1;
}
#wrapper.main .main_sect_rnd li.swiper-slide-active dt a {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem 0;
    color: #fff;
    font-size: 0;
    line-height: 1;
}
#wrapper.main .main_sect_rnd li dt b {
    font-weight: 400;
    /* font-size: 3.25rem; */
}
#wrapper.main .main_sect_rnd li dd {
    position: absolute;
    top: 0;
    right: 0;
    width: 812px;
    height: 100%;
    font-size: 0;
    background: url(../images/img_main_rnd_visual1.jpg) no-repeat 50% 50%;
    background-size: cover;
    border-radius: 24px;
    z-index: 0;
}

#wrapper.main .main_sect_rnd .bx_slider {
    position: relative;
}
#wrapper.main .main_sect_rnd .bx_slider [class*='swiper-button-'] {
    width: calc(5rem - 2px);
    height: calc(5rem - 2px);
    margin-top: calc((5rem - 2px) / 2 * -1);
    font-size: 0;
    outline: none;
}
#wrapper.main .main_sect_rnd .bx_slider .swiper-button-prev {
    left: calc((5rem - 2px + 1.5rem) * -1);
}
#wrapper.main .main_sect_rnd .bx_slider .swiper-button-next {
    right: calc((5rem - 2px + 1.5rem) * -1);
}
#wrapper.main .main_sect_rnd .bx_slider [class*='swiper-button-']:before {
    content: '';
    display: inline-block;
    position: absolute;
    font-size: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1) url(../images/icon_slide_next.png) no-repeat 50% 50%;
    background-size: 24px 40px;
    border-radius: calc(5rem - 2px);
}
#wrapper.main .main_sect_rnd .bx_slider .swiper-button-prev:before {
    transform: rotate(180deg);
}
#wrapper.main .main_sect_rnd .bx_slider [class*='swiper-button-']:after {
    display: none;
}
#wrapper.main .main_sect_rnd .swiper-pagination {
    top: calc(4rem + 2rem + 376px - (1rem + 2px + 76px));
    bottom: auto;
    left: 40px;
    width: auto;
    font-size: 0;
}
#wrapper.main .main_sect_rnd .swiper-pagination-bullet {
    width: calc(1rem + 2px);
    height: calc(1rem + 2px);
    opacity: 0.5;
    background-color: transparent;
    border: 2px solid #dbdbdb;
}
#wrapper.main .main_sect_rnd .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 0.5rem;
}
#wrapper.main .main_sect_rnd .swiper-pagination-bullet[class*='-active'] {
    opacity: 1;
    background-color: #16c79a;
    border-color: #16c79a;
}

.main_sect_news {
    background: #f7f7f7;
}
.main_sect_news ul {
    position: relative;
    min-height: 600px;
    padding-left: calc(100% / 2 + 20px);
}
.main_sect_news ul:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #ddd;
}

.main_sect_news .item {
    position: relative;
    padding-top: 1.75rem;
    height: calc(600px / 4);
    border-top: 1px solid #ddd;
}
.main_sect_news .item a {
    display: block;
}
.main_sect_news .item a:after {
    content: '';
    position: absolute;
    top: calc(50% - (50px / 2));
    right: 0;
    width: 50px;
    height: 50px;
    background: #fff url(../images/icon_main_rnd_arrow_gray.png) no-repeat 50% 50%;
    border: 1px solid #d6d6d6;
    border-radius: 50px;
}
.main_sect_news .item dl {
    padding-left: 6.5rem;
}
.main_sect_news [class*='item'] em {
    font-size: 0;
    line-height: 0;
}
.main_sect_news .item .title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    font-size: 1.5rem;
}
.main_sect_news .item .title .inner_bx_s {
    display: block;
    width: 100%;
}
.main_sect_news .item .title .inner_bx_s .ellipsis {
    width: calc(100% - (50px + 1.5rem));
    height: auto;
    max-height: 4rem;
    line-height: 2rem;
}
.main_sect_news .item .category {
    position: absolute;
    top: calc(1.75rem + 100px - 1.5rem);
    left: 0;
    width: 72px;
    color: #fff;
    font-size: calc(1em - 2px);
    text-align: center;
    line-height: 1.5rem;
    background: #999;
}
.main_sect_news .item .w_day {
    position: absolute;
    top: 1.75rem;
    left: 0;
    width: 72px;
    color: #999;
    font-size: 0;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    text-align: center;
}
.main_sect_news .item .w_day span,
.main_sect_news .item .w_day b {
    display: block;
    font-size: 1rem;
    text-align: center;
    line-height: 1;
}
.main_sect_news .item .w_day b {
    display: block;
    font-size: 3.5rem;
    font-weight: 600;
}

.main_sect_news .item_stamp {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% - 20px);
    height: 100%;
    background-color: #fff;
}
.main_sect_news .item_stamp .thumb {
    display: block;
    height: 54%;
    font-size: 0;
    background: no-repeat 50% 50%;
    background-size: cover;
}
.main_sect_news .item_stamp dl {
    padding: calc(2rem - 2px) 2rem 0;
    text-align: right;
}
.main_sect_news .item_stamp dt {
    margin-bottom: 1.25rem;
    font-size: 2em;
    font-weight: 300;
}
.main_sect_news .item_stamp dt .ellipsis {
    height: calc(2.75rem * 2);
    line-height: 2.75rem;
}
.main_sect_news .item_stamp .category {
    float: left;
    width: 72px;
    color: #fff;
    font-size: calc(1em - 2px);
    text-align: center;
    line-height: 1.5rem;
    background: #16c79a;
}
.main_sect_news .item_stamp .w_day {
    /* 	float: right; */
    color: #999;
    font-size: calc(1em - 2px);
    line-height: 1.5rem;
}
.main_sect_news .item_stamp .txt {
    margin-top: 1.25rem;
    clear: both;
}
.main_sect_news .item_stamp .txt .ellipsis {
    height: auto;
    font-size: 1em;
    line-height: calc(1.5rem - 2px);
    max-height: calc((1.5rem - 2px) * 3);
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.main_sect_news .more {
    margin-top: 2.5rem;
    text-align: center;
}
#wrapper.main .main_sect_news .more a:after {
    background-image: url(../images/icon_main_rnd_arrow_gray.png);
}

.main_sect_news2 {
    background: #f7f7f7;
}
.main_sect_news2 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.main_sect_news2 li {
    position: relative;
}
.main_sect_news2 li dl {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem 0;
}
.main_sect_news2 li dd {
    order: -1;
    border: 1px solid #eee;
}
.main_sect_news2 .bx_imgFit {
    width: 100%;
    height: 192px;
}
.main_sect_news2 .bx_imgFit img {
    object-fit: cover;
}
.main_sect_news2 .noImg {
    position: relative;
}
.main_sect_news2 .noImg:after {
    content: '이미지 없음';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_sect_news2 .more {
    margin-top: 2.5rem;
    text-align: center;
}
#wrapper.main .main_sect_news2 .more a:after {
    background-image: url(../images/icon_main_rnd_arrow_gray.png);
}

[class*='sect_contactUs'] .inner_bx {
    padding: 4em 0 0;
}
#wrapper.main .main_sect_contactUs .inner_bx {
    padding-bottom: 4em;
}
.main_sect_contactUs .inner_bx p {
    text-align: center;
}

#ctt_con .btn.type_contactUs,
.main_sect_contactUs .inner_bx p .btn {
    line-height: 3.5rem;
    display: inline-block;
    background: #243b82;
    padding: 0 2.25rem;
    border-radius: 9999px !important;
    font-size: 1.25rem;
    width: 200px;
    color: #fff;
    height: auto;
    animation: pulse 2s infinite alternate;

    line-height: 6rem;
    font-size: 2rem;
    width: 400px;
    text-transform: uppercase;
    max-width: 100%;
}
@keyframes pulse {
    from {
        transform: scale(1); /* Start at original size */
    }
    to {
        transform: scale(0.9); /* Scale to 110% */
    }
}

/* sub */
.sub_visual {
    display: table;
    width: 100%;
}
.sub_visual_inner {
    display: table-cell;
    height: 400px;
    max-width: 1200px;
    padding: 0;
    box-sizing: border-box;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.sub01 .sub_visual_inner {
    background-image: url(../images/img_sub_visual_01.jpg);
}

.cont_area {
    color: #fff;
}
.cont_area .sub_title {
    font-size: 2.5em;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
}

.snb {
    border-bottom: 1px solid #ebebeb;
}
.snb .inner_bx {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
}
.snb .inner_bx .home,
.snb .inner_bx [class*='depth'] {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    z-index: 2;
}
.snb .inner_bx .home {
    width: 60px;
    height: 60px;
    vertical-align: top;
}
.snb .inner_bx .home a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url(../images/home.svg) no-repeat 50% 50%;
    background-size: 20px;
}

.snb .inner_bx [class*='depth'] button {
    position: relative;
    width: 200px;
    height: 60px;
    max-height: 60px;
    padding: 0 1.25rem;
    line-height: 60px;
    text-align: left;
    background: transparent;
    border: 0 none;
    outline: none;

    padding-right: 2rem;
}
.snb .inner_bx [class*='depth'] button:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1rem;
    position: absolute;
    top: calc(50% - (1rem / 2));
    left: 0;
    background: #ebebeb;
    background: #666;
}
.snb .inner_bx [class*='depth'] button:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - (12px / 2));
    right: 0;
    width: 2rem;
    height: 12px;
    background: url(../images/down2.svg) no-repeat 25% 0;
    background-size: 12px 12px;
}
.snb .inner_bx [class*='depth'] ul {
    display: block;
    position: absolute;
    width: 100%;
    max-height: 0;
    /* 	background: #fff; */
    transition: max-height 0.25s ease-out;
    border: 1px solid transparent;
    overflow: hidden;
}
.snb .inner_bx [class*='depth'] li a {
    display: block;
    padding: 1rem;
    background: #fff;
}
.snb .inner_bx .depth2.on li.on a,
.snb .inner_bx [class*='depth'] li a:hover {
    color: #3a8afd;
    background: #f7f7f8;
}
.snb .inner_bx [class*='depth'].on ul {
    max-height: 500px;
    border-color: #e4e4e4;
    transition: max-height 0.25s ease-out;
}

.snb .inner_bx .depth2 > article {
    display: none;
}
.snb .inner_bx .depth2 > article > span {
    display: none;
}
.snb .inner_bx .depth2.on > article.active {
    display: block;
}

.sub_title {
    position: relative;
    font-weight: 400;
    font-size: 2em;
    letter-spacing: -0.05rem;
}

section + section {
    margin-top: 4rem;
}
.main section + section {
    margin-top: 0;
}

ul.type_basic li {
    position: relative;
    padding-left: 2rem;
}
ul.type_basic li + li {
    margin-top: 0.5rem;
}
ul.type_basic li:before {
    content: '';
    position: absolute;
    top: calc(1.5em / 2);
    left: calc(1rem - 1px);
    width: 2px;
    height: 2px;
    background: #666;
    border-radius: 2px;
}

/* 스킴스바이오 > 회사개요 */
.researchB_sect .sub_title,
[class*='company_sect'] .sub_title {
    float: left;
    padding-top: 1rem;
}
.researchB_sect .sub_title:before,
[class*='company_sect'] .sub_title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 2rem;
    height: 2px;
    background: #5bd8b8;
}

[class*='company_sect'] .sub_title + p {
    float: right;
    width: calc(100% - 200px);
}

.researchB_sect .sub_title,
.company_sect3 .sub_title {
    float: none;
}
.researchB_sect .bx_img,
.company_sect3 .bx_img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 2rem;
    margin-top: 1rem;

    & > div {
        width: 100%;
        text-align: center;

        & p {
            word-break: keep-all;
        }
    }
    & img {
        width: 312px;
        border: 1px solid #cecece;
    }
}

/* 스킴스바이오 > 경영진 */
.executive_sect1 .sub_title + p {
    margin-top: 4rem;
    word-break: keep-all;
}
.executive_sect1 .sign {
    margin-top: 2rem;
    text-align: right;
}
.executive_sect1 .sign span {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1;
    margin-left: 0.5rem;
}
.executive_sect2 {
    /* position: relative; */
    /* min-height: calc(320px + 4rem); */
    padding-top: 4rem;
    /* padding-left: calc(320px + 4rem + 4rem); */
    border-top: 1px solid #999;

    display: grid;
    grid-template-areas:
        'thumbnail title'
        'thumbnail text'
        'thumbnail none';
    grid-template-columns: calc(320px + 2rem) 1fr;
}
.executive_sect2 h6 {
    grid-area: title;
    font-size: 1.25em;
    padding: 1rem 0;
    margin-bottom: 0.5rem;
}
.executive_sect2 h6 span {
    position: relative;
    padding-left: 1.5rem;
    font-size: calc(1rem - 2px);
    font-weight: 400;
}
.executive_sect2 h6 span:before {
    content: '|';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    margin: 0 0.5rem;
    font-size: calc(0.5em - 1px);
    line-height: 0;
}
.executive_sect2 ul {
    grid-area: text;
}

.executive_sect2 .ceo_pic {
    grid-area: thumbnail;
    /* position: absolute; */
    /* top: 4rem;
    left: 4rem; */
    width: 320px;
}
.executive_sect2 .ceo_pic img {
    border: 1px solid #ebebeb;
}

.executive_sect2 ul.type_basic li {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.executive_sect2 ul.type_basic li + li {
    margin-top: 0;
}
.executive_sect2 ul.type_basic li:before {
    top: calc(0.25em + (1.5em / 2));
}

/* 스킴스바이오 > 회사연혁 */
.history_sect1 {
    /* 	display: none; */
    position: relative;
    padding-left: calc(280px + 4rem);
}
.history_sect1 .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
}
.history_sect1 .left .bx_bg {
    display: block;
    height: 440px;
    background: url(/theme/basic/opbs/images/img_history_bg.png) no-repeat 50% 50%/280px 440px;
}
.history_sect1 .left p {
    padding: 0 1rem;
    margin-bottom: 1rem;
}
.history_sect1 ul {
    position: relative;
    padding-left: 5rem;
    font-size: 0;
}
.history_sect1 ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background: #ddd;
}

.history_sect1 li + li {
    margin-top: 10rem;
}
.history_sect1 li .bx_s {
    font-size: 1rem;
}
.history_sect1 .item {
    position: relative;
    padding-top: 5px;
}
.history_sect1 .item:before {
    content: '';
    display: block;
    width: 3rem;
    height: 1px;
    position: absolute;
    /* top: calc(1.5rem * 1.5 / 2); */
    top: calc(2.5rem * 1.5 / 2 + 5px);
    left: -5rem;
    background: #09f;
}
.history_sect1 .item:after {
    content: '';
    display: block;
    width: calc(1rem - 1px);
    height: calc(1rem - 1px);
    position: absolute;
    /* top: calc(1.5rem * 1.5 / 2 - (1rem / 2 + -1px)); */
    top: calc(2.5rem * 1.5 / 2 - (1rem / 2 + -1px) + 5px);
    left: calc(-5rem + 3rem);
    background: #fff;
    border-radius: calc(1rem - 1px);
    border: 0.25rem solid #09f;
}
.history_sect1 .time_y {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: 1px;
}
.history_sect1 .time_y em {
    color: #818181;
    font-weight: 300;
    font-size: 1.5rem;
    font-style: normal;
    margin-left: 0.25rem;
}

.history_sect1 .time_m dl {
    margin-top: 1.25rem;
}
.history_sect1 .time_m dl dt {
    color: #09f;
    font-size: 1.25rem;
}
.history_sect1 .time_m dl dd {
    margin-top: 0.5rem;
}
.history_sect1 .time_m dl dd p {
    position: relative;
    padding-left: 1rem;
}
.history_sect1 .time_m dl dd p + p {
    margin-top: 0.25rem;
}
.history_sect1 .time_m dl dd p:before {
    content: '';
    position: absolute;
    top: calc(1.5rem / 2);
    left: 0;
    width: 0.5rem;
    height: 1px;
    font-size: 0;
    background-color: #39a1ff;
}
.history_sect1 .time_m dl dd .day {
    padding-left: calc(1rem + 2.75rem);
}
.history_sect1 .time_m dl dd .day em {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 16px;
    font-style: normal;
}

/* 연구개발 및 논문 > 연구자료 */
ul.type_bullet li {
    position: relative;
    padding-left: 20px;
}
ul.type_bullet li:before {
    content: '';
    position: absolute;
    top: calc((1.5em / 2) - (4px / 2));
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #fdab02;
}

.researchA_sect .sub_title {
    padding-top: 1rem;
}
.researchA_sect .sub_title:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 4px;
    background: #5bd8b8;
    border-radius: 4px;
}
.researchA_sect .sub_title + p {
    margin-top: 1rem;
}
.researchA_sect .bx_img {
    display: flex;

    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 2rem;
    margin-top: 1rem; */
}
.researchA_sect [class*='artc'] + [class*='artc'] {
    margin-top: 4rem;
    /* margin-top: 8rem; */
}
/* 연구개발 및 논문 > 연구자료 */
.researchA_sect .artc001 .sub_title + dl {
    margin-top: 3rem;
}
.researchA_sect .artc001 dl {
    position: relative;
    /* min-height: 392px; */
    display: grid;
    grid-template-areas:
        'thumbnail subTitle'
        'thumbnail content'
        'thumbnail none'
        ;
    grid-template-columns: 480px 1fr;
    gap: 0 2rem;
}
.researchA_sect .artc001 dt {
    grid-area: subTitle;
    color: #1f90a5;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-style: italic;
}
.researchA_sect .artc001 dd:not(.thumb) {
    grid-area: content;
}
.researchA_sect .artc001 dd li {
    font-size: calc(1rem + 2px);
}
.researchA_sect .artc001 dd li + li {
    margin-top: calc(0.25rem + 2px);
}
.researchA_sect .artc001 .thumb {
    grid-area: thumbnail;
    height: 100%;
    /* width: 480px; */
}
.researchA_sect .artc001 .thumb img {
    border: 1px solid #cecece;
    border-radius: 8px;
}
.researchA_sect .artc001 dl + dl {
    margin-top: calc(5rem + 1px);
    margin-top: 2.5rem;
    padding-top: calc(2.5rem + 1px);
    border-top: 1px dashed #cecece;
}
.researchA_sect .artc001.type_landscape dl {
    grid-template-areas:
        'thumbnail'
        'subTitle'
        'content';
    grid-template-columns: 1fr;
}
.researchA_sect .artc001.type_landscape .thumb {
    width: 100%;
    /* margin-bottom: 1.5rem; */
}
.researchA_sect .artc001.type_landscape .thumb .bx_imgFit {
    height: 360px;
}

.bx_imgFit {
    display: inline-block;
}
.bx_imgFit img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill;
}

.researchA_sect .artc002 .bx_img {
    margin-top: 1rem;
    align-items: center;
}
.researchA_sect .artc002 .bx_img [class*='item'] {
    display: flex;
    flex-flow: column nowrap;
    width: calc((100% - 4rem) / 3);
    min-height: 400px;
    padding: 1.5rem 2rem;
    border: 1px solid #cecece;
    border-radius: 8px;
}
.researchA_sect .artc002 .bx_img [class*='item'] + [class*='item'] {
    margin-left: 2rem;
}
.researchA_sect .artc002 .bx_img .item003 {
    width: 40%;
    border-width: 4px;
    border-color: #40cf8b;
}
.researchA_sect .artc002 .bx_img [class*='item'] h5 {
    font-size: calc(1rem + 2px);
}
.researchA_sect .artc002 .bx_img [class*='item'] h5 + ul {
    min-height: calc(1.5rem * 5);
    margin-top: 1rem;
    /* margin-bottom: 1rem; */
    margin-bottom: auto;
}
.researchA_sect .artc002 .bx_img [class*='item'] ul + img {
    margin-top: 1rem;
}
.researchA_sect .artc002 .bx_img .item003 h5 {
    color: #2fb173;
    font-size: calc((1rem + 2px) * 1.25);
}
.researchA_sect .artc002 .bx_img .item003 h5 + ul {
    min-height: calc((1.5rem * 5) * 1.25);
    margin-top: 1.25rem;
    font-size: 125%;
}
.researchA_sect .artc002 .bx_img + ul {
    margin-top: 2rem;
    font-size: calc(1rem + 2px);
}
.researchA_sect .artc002 .bx_img + ul li + li {
    margin-top: calc(0.25rem + 2px);
}

.researchA_sect .artc003 .bx_img {
    margin-top: 3rem;
}
.researchA_sect .artc003 .bx_img [class*='item'] {
    position: relative;
    width: calc((100% - 4rem) / 3);
    padding-top: 1rem;
    text-align: center;
}
.researchA_sect .artc003 .bx_img [class*='item']:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, rgba(128, 128, 128, 0.12) 30%, rgb(128, 128, 128, 1), rgba(128, 128, 128, 0.12) 70%);
}
.researchA_sect .artc003 .bx_img [class*='item'] + [class*='item'] {
    display: flex;
    flex-flow: column nowrap;
    margin-left: 2rem;
}
.researchA_sect .artc003 .bx_img [class*='item'] h5 {
    font-size: 1.5rem;
}
.researchA_sect .artc003 .bx_img [class*='item'] img {
    margin-top: auto;
    border: 2px solid #cecece;
    border-radius: 8px;
}
.researchA_sect .artc003 .bx_img .item001:before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 30%, #40cf8b, rgba(0, 0, 0, 0.1) 70%);
}
.researchA_sect .artc003 .bx_img .item001 h5 {
    color: #2fb173;
}
.researchA_sect .artc003 .bx_img .item001 img {
    border-color: #40cf8b;
}
.researchA_sect .artc003 .bx_img [class*='item'] h5 + p {
    margin-bottom: 1rem;
    word-break: keep-all;
}
.researchA_sect .artc003 .bx_img [class*='item'] img {
    margin-top: auto;
}

.researchA_sect .artc004 .bx_img {
    display: block;
    position: relative;
    margin-top: 2rem;
}
.researchA_sect .artc004 .bx_img .item001 {
    width: 64%;
    padding: 0 1rem;
}
.researchA_sect .artc004 .bx_img .item002 {
    position: absolute;
    top: calc(56% - (260px / 2));
    right: 0;
    width: 52%;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid #cecece;
    border-radius: 8px;
    box-shadow: 0px 0px 16px 4px rgb(0 0 0 / 25%);
}
.researchA_sect .artc005 .bx_img {
    margin-top: 2rem;
}
.researchA_sect .artc005 .bx_img div {
    padding: 0 1rem;
}
.researchA_sect .artc005 .bx_img .item001 {
    width: 44%;
}
.researchA_sect .artc005 .bx_img .item002 {
    width: 56%;
}
/* 연구개발 및 논문 > 연구특허 */
.researchA_sect .artc006 .bx_img div,
.researchA_sect .artc007 .bx_img div,
.researchA_sect .artc008 .bx_img div {
    text-align: center;
}
.researchA_sect .artc006 .bx_img,
.researchA_sect .artc007 .bx_img,
.researchA_sect .artc008 .bx_img {
    margin-top: 1rem;
}
.researchA_sect .artc006 .bx_img div img,
.researchA_sect .artc007 .bx_img div img,
.researchA_sect .artc008 .bx_img div img {
    width: 312px;
    border: 1px solid #cecece;
}
.researchA_sect .artc007 .bx_img {
    align-items: end;
}
.researchA_sect .artc007 .bx_img div:nth-child(3) img {
    width: 360px;
}

/* 연구개발 및 논문 > 연구특허 */
.researchB_sect article + article {
    margin-top: 4rem;
}

/* IR */
.IR_sect .sub_title + p {
    font-size: 1.5em;
    margin-top: 1.5rem;
}
.IR_sect ul {
    margin-top: 0.5rem;
}

#ctt_con .IR_sect .sub_title {
    font-weight: 100;
    line-height: 1.25;
    letter-spacing: 4px;
    word-break: keep-all;
}

/* @media screen and (max-width: 1399px) { */
@media screen and (max-width: 1200px) {
    body {
        overflow-x: hidden;
    }
    #ctt,
    #hd_pop,
    #hd_wrapper,
    #tnb .inner,
    #gnb .gnb_wrap,
    #ft_wr {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    /* #hd_pop,
    #hd_wrapper,
    #tnb .inner,
    #gnb .gnb_wrap,
    #ft_wr {
        padding: 0 1rem;
    } */
    #ctt {
        padding-top: calc(4rem * 0.75);
        padding-bottom: calc(4rem * 0.75);
    }
    #ctt_con {
        padding: 0;
    }

    /* 메뉴, gnb */
    .lnb_open {
        display: inline-block;
        width: 40px;
        height: 40px;
        font-size: 0;
        margin-left: 1.5rem;
    }
    .lnb_open button {
        width: 100%;
        height: 100%;
        background: url(../images/img_icon_lnb.png) no-repeat 50% 50%;
        background-size: 40px 40px;
        border: 0 none;
    }

    #gnb.lnb {
        background: #fafafa;
        position: absolute;
        right: -15rem;
        width: 15rem;
        height: 100vh;
        transition: 0.5s;
        z-index: 2;
    }
    #gnb.lnb .gnb_wrap {
        height: 100%;
        overflow-y: scroll;
    }
    #gnb .lnb_bx {
        padding-bottom: 6rem;
    }
    #gnb.lnb.on {
        right: 0;
    }

    #gnb .item {
        display: block;
    }
    #gnb .item + .item:before,
    #gnb .item + .item {
        border-top: 1px solid rgba(102, 102, 102, 0.25);
    }
    #gnb .item + .item:before {
        content: '';
        display: block;
        height: 0;
    }

    #gnb .item div {
        display: none;
        position: static;
        width: 100%;
        margin: 0;
    }

    #gnb.on .close {
        display: block;
    }

    #gnb + .dimmed {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;
    }
    #gnb + .dimmed.on {
        display: block;
    }
    #gnb .gnb_1da {
        font-size: calc(1rem + 2px);
        line-height: calc(6rem * 0.75);
        text-align: center;
        white-space: nowrap;
    }

    /*  */
    .language {
        order: 0;
        gap: 0 2rem;
    }
    .language a {
        display: inline-block;
        top: calc(50% - (40px / 2));
        height: 40px;
        font-size: 1rem;
    }
    .language a:not(:first-child):before {
        left: -1rem;
    }

    /*  */
    .floatingBanner {
        top: 50%;
        right: 0;
        transform: translate(100%, -50%);
        transition: transform 0.3s ease-out;
        z-index: 998;
    }
    .floatingBannerHandler {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100px;
        height: 35px;
        color: #fff;
        font-weight: 600;
        letter-spacing: 1px;
        transform: translate(-70%, -50%) rotate(270deg);
        transform-origin: 50% 50%;
        border: 0 none;
        border-radius: 4px;
        background-color: rgba(0,0,0, 0.5);
    }
    .floatingBanner.on {
        transform: translate(0px, -50%);
    }

    /* 푸터, footer  */
    .footer .bx_in {
        padding: 0 1.25rem;
    }
    .footer .logo_f {
        position: static;
        height: 46px;
        margin-bottom: 0.5rem;
    }
    .footer .logo_f img {
        margin-top: 4px;
    }
    .footer .address,
    .footer .copyright {
        padding-left: 0;
    }

    .main_visual li .inner_bx_s {
        width: calc(100% - 4em);
        margin: 0 auto;
    }
    .main_visual li .inner_bx_s h3 {
        font-size: calc(4em * 0.75);
    }
    .main_visual li .inner_bx_s h3 + p {
        word-break: keep-all;
    }

    .main_visual.bx_slider .bx_pagenation {
        bottom: 6rem;
    }
    .main_visual.bx_slider .swiper-pagination {
        line-height: 4rem;
        text-align: center;
    }
    .main_visual.bx_slider [class*='swiper-button-'] {
        top: auto;
        bottom: 6rem;
        width: 4rem;
        height: 4rem;
        margin-top: 0;
        z-index: 12;
    }
    .main_visual.bx_slider [class*='swiper-button-']:after {
        font-size: 2rem;
    }

    #wrapper.main [class*='main_sect_'] .inner_bx {
        width: calc(100% - 4em);
    }
    #wrapper.main .main_sect_company2 .bx_slider [class*='swiper-button-'] {
        width: 4rem;
        height: 4rem;
    }
    #wrapper.main .main_sect_company2 .bx_slider .swiper-button-prev {
        left: calc(1rem * -2);
    }
    #wrapper.main .main_sect_company2 .bx_slider .swiper-button-next {
        right: calc(1rem * -2);
    }
    #wrapper.main .main_sect_rnd .bx_slider .swiper-button-prev {
        left: calc(1rem * -2);
    }
    #wrapper.main .main_sect_rnd .bx_slider .swiper-button-next {
        right: calc(1rem * -2);
    }

    #wrapper.main .main_sect_rnd .bx_slider [class*='swiper-button-'] {
        width: 4rem;
        height: 4rem;
        margin-top: 0;
        transform: translate(0px, -50%);
    }

    .main_sect_news2 ul {
        grid-template-columns: repeat(3, 1fr);
    }

    /* 서브 공통, common-sub */
    .cont_area {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    /* 연구개발 및 논문 > 연구자료 */
    .researchA_sect .artc001 dl {
        grid-template-columns: calc(480px * 0.75) 1fr;
    }
    .researchA_sect .artc001 dt {
        word-break: keep-all;
    }
    .researchA_sect .artc002 .bx_img {
        align-items: stretch;
    }
    .researchA_sect .artc002 .bx_img [class*='item'] {
        width: calc((100% - 4rem) / 3);
        /* min-height: 1px; */
    }
    .researchA_sect .artc002 .bx_img [class*='item'] h5 {
        font-size: calc(1rem + 2px);
        word-break: keep-all;
    }
    .researchA_sect .artc002 .bx_img [class*='item'] h5 + ul {
        /* min-height: calc(1.5rem * 5); */
        min-height: 1px;
        font-size: 100%;
    }

}
@media screen and (max-width: 992px) {
    #wrapper.main [class*='main_sect_'] .inner_bx {
        padding: 4em 0 5em;
    }
    [class*='sect_contactUs'] .inner_bx {
        padding: 3em 0 0;
    }
    #wrapper.main .main_sect_contactUs .inner_bx {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .main_sect_company li .thumb {
        width: calc(152px * 0.75);
        height: calc(152px * 0.75);
        background-size: calc(152px * 0.75) auto;
    }
    .main_sect_company li .thumb:after {
        left: calc(50% - (10px / 2));
        width: 10px;
        height: 10px;
        margin-bottom: calc(-10px / 2);
    }

    .main_sect_rnd {
        min-height: calc(960px * 0.75);
    }
    #wrapper.main .main_sect_rnd h3 + div p + a:after,
    #wrapper.main .main_sect_news .more a:after {
        width: calc(24px * 0.75);
        height: calc(12px * 0.75);
        margin-top: 16px;
        background-size: calc(24px * 0.75) auto;
    }
    #wrapper.main .main_sect_rnd li {
        height: calc(536px * 0.75);
    }
    #wrapper.main .main_sect_rnd li dt {
        width: calc(500px * 0.75);
        height: calc(376px * 0.75);
        padding: calc(40px * 0.75);
    }

    #wrapper.main .main_sect_rnd li dd {
        max-width: 100%;
    }
    #wrapper.main .main_sect_rnd .swiper-pagination {
        top: auto;
        bottom: calc(376px * 0.25);
        left: calc(40px * 0.75);
    }
    #wrapper.main .main_sect_rnd .bx_slider [class*='swiper-button-']:before,
    #wrapper.main .main_sect_rnd .bx_slider [class*='swiper-button-']:after {
        background-size: 18px auto;
    }
}
@media screen and (max-width: 768px) {

    .logo a {
        width: 114px;
    }

    .lnb_open button {
        background-size: 30px 30px;
    }
    .language a {
        background-size: 30px 30px;
    }

    .footer .logo_f {
        position: static;
        width: 114px;
        line-height: calc(2.75em + 2px);
    }
    .footer .address,
    .footer .copyright {
        padding-left: 0;
        font-size: calc(1rem * 0.75)
    }
    .footer .address {
        margin-top: 1rem;
    }

    #top_btn {
        width: 35px;
        height: 35px;
        font-size: 1rem;
        line-height: calc(35px - (2px * 2));
        border-width: 1px;
    }

    #wrapper.main [class*='main_sect_'] h3 {
        font-size: calc(2.5rem * 0.75)
    }

    .main_visual li {
        min-height: 480px;
    }

    .main_sect_news ul {
        padding-left: 0;
    }
    .main_sect_news .item_stamp {
        position: static;
        width: 100%;
        padding-top: 320px;
    }
    .main_sect_news .item_stamp dl {
        padding: calc(2rem - 2px) 2rem;
    }
    .main_sect_news .item_stamp .thumb {
        height: 320px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .main_sect_news .item_stamp .w_day {
        font-size: 1rem;
    }
    .main_sect_news .item_stamp .txt .ellipsis {
        font-size: 1.25em;
        line-height: 1.5;
        max-height: calc(1.5em * 3);
    }

    .main_sect_news .item {
        height: auto;
        padding-bottom: 1.75rem;
    }
    .main_sect_news .item a:after {
        top: calc(50% - (40px / 2));
        width: 40px;
        height: 40px;
        background-size: calc(28px * 0.75) auto;
    }
    .main_sect_news .item dl {
        padding-left: calc(72px + 2rem);
    }
    .main_sect_news .item .title {
        height: calc(100px * 0.75);
    }
    .main_sect_news .item .category {
        top: calc(1.75rem + 75px - 1.5rem);
    }

    /* 서브 공통, common-sub */
    .sub_visual_inner {
        height: calc(400px * 0.675);
    }
    .sub_title {
        font-size: calc(2em * 0.75);
    }
    .cont_area .sub_title {
        font-size: 2rem;
        font-weight: 500;
    }
    .cont_area .sub_title_desc {
        margin-top: 1rem;
        word-break: keep-all;
    }

    #wrapper.main .main_sect_rnd h3 + div p {
        font-size: calc((1.25rem + 2px) * 0.75);
    }
    /* 스킴스바이오 > 회사소개 */
    [class*='company_sect'] .sub_title {
        float: none;
        margin-bottom: 1rem;
        font-size: calc(2em * 0.75);
    }
    [class*='company_sect'] .sub_title + p {
        float: none;
        width: 100%;
    }

    /* 스킴스바이오 > 회사연혁 */
    .history_sect1 {
        padding-left: 0;
    }
    .history_sect1 .left {
        position: static;
        width: auto;
    }
    .history_sect1 .left p {
        margin-bottom: 4rem;
        font-size: 1.25rem;
        line-height: 1.5;
    }
    .history_sect1 .left .bx_bg {
        display: none;
    }

    /* 스킴스바이오 > 경영진 */
    .executive_sect2 {
        grid-template-columns: calc(320px * 0.75 + 2rem) 1fr;
    }
    .executive_sect2 .ceo_pic {
        width: calc(320px * 0.75)
    }

    /* 연구개발 및 논문 > 연구자료 */
    .researchA_sect .artc001 dl {
        grid-template-areas:
            'thumbnail title'
            'thumbnail text';
        grid-template-columns: calc(320px * 0.75 + 2rem) 1fr;
        grid-template-columns: calc(480px * 0.5 + 2rem) 1fr;
        min-height: 1px;
    }
    .researchA_sect .artc001 dt {
        grid-area: title;
        font-size: calc(1.5rem * 0.75);
        font-style: normal;
    }
    .researchA_sect .artc001 dd:not(.thumb) {
        grid-area: text;
    }
    .researchA_sect .artc001 .thumb {
        grid-area: thumbnail;
        width: auto;
    }

    .researchA_sect .artc001.type_landscape dl {
        grid-template-areas:
            'thumbnail'
            'title'
            'text';
        grid-template-columns: 1fr;
    }
    .researchA_sect .artc001.type_landscape dt {
        grid-area: title;
        margin-top: 1.5rem;
    }
    .researchA_sect .artc001.type_landscape dd:not(.thumb) {
        grid-area: text;
    }
    .researchA_sect .artc001.type_landscape .thumb .bx_imgFit {
        height: auto;
    }
}


/* @media screen and (max-width: 499px) { */
@media screen and (max-width: 576px) {
    /*  */
    .hd_pops {
        /* display: none; */
        /* max-width: 100%; */
        width: 100vw;
        top: 75px !important;

        & .hd_pops_con {
            max-width: 100%;
            height: auto !important;
        }
    }

    .logo a {
        line-height: calc(6rem * 0.75);
    }
    .language {
        gap: 0 calc(2rem * 0.75);
    }
    .language a:not(:first-child):before {
        left: calc(-1rem * 0.75);
    }
    .lnb_open {
        width: 30px;
    }

    .main_visual li .inner_bx_s h3 {
        font-size: calc(4em * 0.5);
        word-break: keep-all
    }
    .main_visual li .inner_bx_s .type_btn {
        min-width: calc(13.75rem * 0.75);
        font-size: calc(1em * 0.75 + 2px);
        line-height: calc(3.5rem * 0.75);
    }
    .main_visual.bx_slider .bx_pagenation {
        top: 0;
        bottom: auto;
        left: 50%;
        width: calc(100% - 4em);
        transform: translate(-50%, 0);
    }
    .main_visual.bx_slider .swiper-pagination {
        padding: 0 0;
        text-align: left;
    }
    .main_visual.bx_slider [class*='swiper-button-'] {
        display: none;
    }


    #wrapper {
        padding-top: calc(6rem * 0.75);
    }
    .main_sect_company ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .main_sect_company li {
        width: 50%;
        margin-top: 2rem;
    }
    .main_sect_company li:nth-child(1),
    .main_sect_company li:nth-child(2) {
        margin-top: 0;
    }

    .main_sect_rnd {
        min-height: 1px;
        background-image: none;
    }
    #wrapper.main .main_sect_rnd .swiper-container {
        margin-top: 2rem;
    }
    #wrapper.main .main_sect_rnd ul {
        margin-top: 0;
    }
    #wrapper.main .main_sect_rnd li {
        height: auto;
    }
    #wrapper.main .main_sect_rnd li dl {
        position: relative;
        padding-top: 240px;
    }
    #wrapper.main .main_sect_rnd li dt {
        position: static;
        width: 100%;
        height: auto;
        /* height: calc(23.5rem * 0.75); */
        padding-bottom: calc(40px * 0.75 + 1rem);
        opacity: 1;
        transition: none;
    }
    #wrapper.main .main_sect_rnd li.swiper-slide-active dt {

        font-size: 1.5rem;
        line-height: 1.5;
        transform: translate(0, 0);
    }
    #wrapper.main .main_sect_rnd li dt span {
        display: block;
        height: 100%;
        overflow-y: hidden;
    }
    #wrapper.main .main_sect_rnd li dt b {
        display: block;
        font-size: 2.5rem;
        line-height: 1.5;
    }
    #wrapper.main .main_sect_rnd li dt .title {
        font-size: calc(2.25rem * 0.75);
    }
    #wrapper.main .main_sect_rnd li dt .text {
        font-size: 1rem;
    }
    #wrapper.main .main_sect_rnd li dd {
        height: 240px;
        border-radius: 24px 24px 0 0;
    }
    #wrapper.main .main_sect_rnd h3 + div p {
        font-weight: 400;
        word-break: keep-all;
        /* text-align: justify; */
        line-height: calc(2rem * 0.75)
    }
    #wrapper.main .main_sect_rnd h3 + div br {
        display: none;
    }

    #wrapper.main .main_sect_rnd .swiper-pagination {
        bottom: 0;
        left: 0;
        width: 100%;
        transform: translate(0px, 200%);
    }

    .main_sect_news .item .w_day,
    .main_sect_news .item .category {
        width: calc(72px * 0.75);
    }
    .main_sect_news .item dl {
        padding-left: calc((72px * 0.75) + 1.5rem);
    }
    .main_sect_news .item .title .inner_bx_s .ellipsis {
        width: calc(100% - (40px + 1.5rem));
        font-size: 1.25rem;
    }
    .main_sect_news .item_stamp {
        padding-top: 200px;
    }
    .main_sect_news .item_stamp .thumb {
        height: 200px;
    }

    .main_sect_news2 ul {
        grid-template-columns: 1fr;
    }

    #ctt_con .btn.type_contactUs,
    .main_sect_contactUs .inner_bx p .btn {
        line-height: calc(6rem * 0.75);
        font-size: calc(2rem * 0.75);
    }

    /* sub */
    .snb .inner_bx {
        display: flex;
    }
    .snb .inner_bx .home {
        flex-shrink: 0;
    }
    .snb .inner_bx [class*='depth'] {
        width: calc((100% - 60px) / 2);
    }
    .snb .inner_bx [class*='depth'] button {
        width: 100%;
    }

    /* 스킴스바이오 > 회사개요 */
    .researchB_sect .bx_img,
    .company_sect3 .bx_img {
        grid-template-columns: 1fr;
    }

    /* 스킴스바이오 > 회사연혁 */
    .history_sect1 .time_m {
        margin-left: -5rem;
    }
    .history_sect1 .time_m dt {
        text-indent: calc(0.75rem + 2px);
    }

    /* 스킴스바이오 > 경영진 */
    .executive_sect2 {
        grid-template-areas:'thumbnail'
                            'title'
                            'text';
        grid-template-columns: 1fr;

    }
    .executive_sect2 h6 {
        text-align: center;
    }
    .executive_sect2 .ceo_pic {
        width: 100%;
        text-align: center;
    }
    .executive_sect2 .ceo_pic img {
        width: 240px;
    }

    /* 연구개발 및 논문 > 연구자료 */
    .researchA_sect .artc001 dl {
        grid-template-areas:
            'thumbnail'
            'title'
            'text';
        grid-template-columns: 1fr;
    }

    .researchA_sect .artc003 .bx_img,
    .researchA_sect .artc002 .bx_img {
        flex-flow: column wrap;
    }
    .researchA_sect .artc003 .bx_img [class*='item'],
    .researchA_sect .artc002 .bx_img [class*='item'] {
        width: 100%;
    }
    .researchA_sect .artc003 .bx_img [class*='item'] + [class*='item'],
    .researchA_sect .artc002 .bx_img [class*='item'] + [class*='item'] {
        margin-left: 0;
        margin-top: 2rem;
    }

    .researchA_sect .artc005 .bx_img,
    .researchA_sect .artc004 .bx_img {
        display: flex;
        flex-flow: column nowrap;
    }
    .researchA_sect .artc005 .bx_img div,
    .researchA_sect .artc004 .bx_img div {
        padding-right: 0;
        padding-left: 0;
    }
    .researchA_sect .artc005 .bx_img .item001,
    .researchA_sect .artc004 .bx_img .item001 {
        width: 100%;
    }
    .researchA_sect .artc005 .bx_img .item002,
    .researchA_sect .artc004 .bx_img .item002 {
        width: 100%;
        margin-top: 2rem;
    }
    .researchA_sect .artc004 .bx_img .item002 {
        position: static;
        box-shadow: none;
    }
    .researchA_sect .artc005 .bx_img div {
        padding: 0;
    }

    /* 연구자료 및 논문 > 연구특허 */
    .researchA_sect .artc006 .bx_img,
    .researchA_sect .artc007 .bx_img,
    .researchA_sect .artc008 .bx_img {
        grid-template-columns: 1fr;
    }

}