/* main */
.main_section {position: relative; width: 100%;}
.main_page > .pin-spacer:nth-child(1) { height: auto !important; padding: 0 !important;}

.ms1 { height: 300vh;}
.ms1 > .inner {height: 100vh;}
.ms1 .ms1_txtwrap { position: absolute; left: 4rem; top: 50%; transform: translateY(-50%); font-weight: 500; font-size: 7.5rem; line-height: 1; letter-spacing: -0.02em; color: var(--color_black);}
.ms1 .ms1_txtwrap .fixed_txtbox { display: flex; align-items: baseline; height: 1em; overflow: hidden;}
.ms1 .ms1_txtwrap .fixed_txtbox .word { display: inline-block; transform: translateY(100%); transition: transform 0.4s ease;}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word { transform: translateY(0);}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word:nth-child(1) {transition-delay: 0.8s;}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word:nth-child(2) {transition-delay: 0.9s;}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word:nth-child(3) {transition-delay: 1.0s;}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word:nth-child(4) {transition-delay: 1.1s;}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word:nth-child(5) {transition-delay: 1.2s;}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word:nth-child(6) {transition-delay: 1.3s;}
.ms1.animate .ms1_txtwrap .fixed_txtbox .word:nth-child(7) {transition-delay: 1.4s;}
.ms1 .ms1_txtwrap .fixed_txtbox .blank { width: 0.2em;}
.ms1 .ms1_txtwrap .ani_txtbox { display: flex; align-items: baseline; height: 1em; overflow: hidden;}
.ms1 .ms1_txtwrap .ani_txtbox { display: flex; align-items: baseline; gap: 0.125em; transform: translateY(100px); opacity: 0;}
.ms1.animate .ms1_txtwrap .ani_txtbox {transform: translateY(0); opacity: 1; transition: transform 0.8s ease 1.5s, opacity 0.8s ease 1.5s}
.ms1 .ms1_txtwrap .ani_txtbox .blink { width: 3.125rem; height: 0.75rem; background: var(--color_black); animation: blink 1s linear infinite; transition: var(--darkmode);}
.ms1 .ms1_txtwrap .ani_txtbox .typing { display: inline-block; min-height: 1em;}
.ms1 .ms1_vidwrap { position: absolute; right: 4rem; top: 80px; width: calc((100% - 8rem) / 2); height: calc(100vh - 80px - 2rem); will-change: width; z-index: 2; }
.ms1 .ms1_vidwrap .ms1_vidbox { position: relative; width: 100%; height: 100%; border-radius: 2.5rem; overflow: hidden; display: flex; transition: all 0.8s ease ; opacity: 0;}
.ms1.animate .ms1_vidwrap .ms1_vidbox {opacity: 1;}
.ms1 .ms1_vidwrap .ms1_vidbox .ms1_video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

@keyframes blink {
  0%,49.9% { opacity: 1 }
  50%,99.9% { opacity: 0 }
  to { opacity: 1 }
}

.ms2 { margin-bottom: 1.5rem;}
.ms2 .ms2_contbox { display: flex; gap: 1.5rem; --box_width:26.875rem;}
.ms2 .ms2_contbox.mob_view {display: none;}
.ms2 .ms2_contbox .ms2_cont { display: flex; flex-direction: column; gap: 1.5rem;}
.ms2 .ms2_contbox .ms2_cont .linkitem { display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 100%; height: 100%; padding: 1.875rem;}
.ms2 .ms2_contbox .ms2_cont .linkitem .top_box { position: relative;}
.ms2 .ms2_contbox .ms2_cont .linkitem .top_box .number { font-weight: 600; font-size: 5rem; line-height: 1; letter-spacing: -0.02em; color: var(--color_black);     transition: all 0.4s ease;}
.ms2 .ms2_contbox .ms2_cont .linkitem .top_box .title { font-weight: 600; font-size: 3.125rem; line-height: 100%; letter-spacing: -0.02em; color: var(--color_white); transition: all 0.4s ease;}
.ms2 .ms2_contbox .ms2_cont .linkitem .bottom_box { position: relative; display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem;}
.ms2 .ms2_contbox .ms2_cont .linkitem .bottom_box .tit { font-weight: 600; font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_black);     transition: all 0.4s ease;}
.ms2 .ms2_contbox .ms2_cont .bg_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center / cover; transition: all 0.4s ease;}
.ms2 .ms2_contbox .ms2_cont .bg_img.light{background-image: url(../img/main/ms2_light.jpg);}
.ms2 .ms2_contbox .ms2_cont .left_item:hover .bg_img.light{background-image: url(../img/main/ms2_light_on.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.work{background-image: url(../img/main/ms2_work.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.member{background-image: url(../img/main/ms2_member.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.map{background-image: url(../img/main/ms2_map.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.ourCulture{background-image: url(../img/main/ms2_ourCulture.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.career{background-image: url(../img/main/ms2_career.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.contact{background-image: url(../img/main/ms2_contact.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.counseling{background-image: url(../img/main/ms2_counseling.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.KSPM{background-image: url(../img/main/ms2_KSPM.jpg);}
.ms2 .ms2_contbox .ms2_cont .bg_img.dark {background-image: url(../img/main/darkmode_bg.jpg);}
.ms2 .ms2_contbox .ms2_cont.ms2_left { width: var(--box_width);}
.ms2 .ms2_contbox .left_item { position: relative; width: 100%; border-radius: 1.5rem; overflow: hidden; background: var(--color_bg);  transition: var(--darkmode);}
.ms2 .ms2_contbox .left_item.left1 { height: 24.75rem;}
.ms2 .ms2_contbox .left_item.left1 .ms2_matter { width: 100%; height: 100%;}
.ms2 .ms2_contbox .left_item.left1 .ms2_matter canvas { background: transparent !important;}
.ms2 .ms2_contbox .left_item.left2 { height: 13.25rem; cursor: pointer;}
.ms2 .ms2_contbox .left_item.left2 .txt { font-weight: 600; font-size: 1.5rem;line-height: 100%; letter-spacing: -0.02em; color: #1e1e1e;transition: all 0.4s ease; position: absolute; left: 0; top: 50%; width: 50%; transform: translateY(-50%); padding: 1rem; display: flex; align-items: center; justify-content: center;}
.ms2 .ms2_contbox .left_item.left2:hover .txt { color: var(--color_white);}
.ms2 .ms2_contbox .left_item.left3 { height: 38.125rem;}
.ms2 .ms2_contbox .left_item.left3 .before { position: relative; width: 100%; height: 100%; transition: all 0.6s ease;}
.ms2 .ms2_contbox .left_item.left3:hover .before { opacity: 0; pointer-events: none;}
.ms2 .ms2_contbox .left_item.left3 .before .member_img { width: 100%; height: 100%; object-fit: cover;}
.ms2 .ms2_contbox .left_item.left3 .before .tit { position: absolute; left: 1.875rem; bottom: 1.875rem; font-weight: 600; font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_white);}
.ms2 .ms2_contbox .left_item.left3 .after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s ease; opacity: 0; pointer-events: none; padding: 3.125rem 1.875rem 1.875rem; background: var(--color_bg); display: flex; flex-direction: column;}
.ms2 .ms2_contbox .left_item.left3:hover .after { opacity: 1; pointer-events: unset;}
.ms2 .ms2_contbox .left_item.left3 .after .logo { width: 2.5rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}
.ms2 .ms2_contbox .left_item.left3 .after .member_picbox { position: relative; width: 100%;}
.ms2 .ms2_contbox .left_item.left3 .after .member_pic{ width: 100%;}
.ms2 .ms2_contbox .left_item.left3 .after .member_pic .swiper-slide { display: flex;}
.ms2 .ms2_contbox .left_item.left3 .after .member_pic .swiper-slide > .img { width: 100%; height: 100%; object-fit: contain;}
.ms2 .ms2_contbox .left_item.left3 .after .member_pic .swiper-slide > .txt { position: absolute; left: 0; bottom: 1.875rem; font-weight: 400; font-size: 1rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_white); width: 100%; padding: 0 1.875rem;}
.ms2 .ms2_contbox .left_item.left3 .after .member_listbox { display: flex; justify-content: space-between; align-items: flex-end; gap: 0.5rem 1rem; flex-wrap: wrap; margin-top: 2.125rem;}
.ms2 .ms2_contbox .left_item.left3 .after .member_listbox > .txt { font-weight: 600; font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_black);}
.ms2 .ms2_contbox .left_item.left3 .after .member_listbox .listbox {display: flex;}
.ms2 .ms2_contbox .left_item.left3 .after .member_list { width: 100%; max-width: calc(3.125rem* 5 - 0.5rem* 4); margin: 0;}
.ms2 .ms2_contbox .left_item.left3 .after .member_list .swiper-slide { width: 3.125rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border: 2px solid var(--color_bg); border-radius: 100px; overflow: hidden; transition: all 0.4s ease; margin-left: -0.5rem; cursor: pointer;}
.ms2 .ms2_contbox .left_item.left3 .after .member_list .swiper-slide:nth-child(1) { margin-left: 0;}
.ms2 .ms2_contbox .left_item.left3 .after .member_list .swiper-slide.swiper-slide-thumb-active { border-color: #00f3ff;}
.ms2 .ms2_contbox .left_item.left3 .after .member_list .swiper-slide > img { width: 100%; height: 100%; object-fit: cover;}
.ms2 .ms2_contbox .left_item.left3 .after .member_listbox > .listbox .next_btn { position: relative; left: auto; right: auto; top: auto; margin: 0; border-radius: 100px; width: 3.125rem; height: auto; aspect-ratio: 1 / 1; overflow: hidden; margin-left: -0.5rem; opacity: 1;}
.ms2 .ms2_contbox .left_item.left3 .after .member_listbox > .listbox .next_btn > img { width: 100%; height: 100%; object-fit: contain;}
.ms2 .ms2_contbox .left_item.left3 .bar { background: url(../img/ui_bar.png) no-repeat center / contain; width: 3.125rem; height: 0.25rem; position: absolute; left: 50%; top: 1rem; z-index: 20; transform: translateX(-50%);}
.ms2 .ms2_contbox .ms2_cont.ms2_right { width: calc(100% - var(--box_width) - 1.5rem);}
.ms2 .ms2_contbox .ms2_cont.ms2_right .ms2_top { display: flex; gap: 1.5rem;}
.ms2 .ms2_contbox .top_item { display: flex; flex-direction: column; gap: 1.5rem;}
.ms2 .ms2_contbox .top_item.top_left { width: calc(100% - var(--box_width) - 1.5rem);}
.ms2 .ms2_contbox .top_item.top_left .top_left_item { display: flex; gap: 1.5rem;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top { height: 24.75rem;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item { position: relative; border-radius: 1.5rem; overflow: hidden; background: var(--color_bg); transition: var(--darkmode);}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.left { flex: 1; max-width: calc(100% - 16.125rem - 1.5rem);}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.left .linkitem .bg_img { opacity: 0;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.left .linkitem:hover .bg_img { opacity: 1;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.left .linkitem:hover .top_box .number { color: var(--color_black);}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.left .linkitem:hover .bottom_box .tit { color: var(--color_black);}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.left .linkitem:hover .bottom_box .more_btn { background: var(--color_black); color: var(--color_white);}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.right { width: 16.125rem;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.right .link { position: relative; width: 100%; height: 100%; display: block;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.top > .item.right .link:hover .bg_img { transform: scale(1.1);}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.bottom { height: 35.25rem; position: relative; border-radius: 1.5rem; overflow: hidden; background: var(--color_bg)}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.bottom .vidbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.bottom .vidbox::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #9fd3c7; mix-blend-mode: multiply;}
.ms2 .ms2_contbox .top_item.top_left .top_left_item.bottom .vidbox .ms2_video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ms2 .ms2_contbox .ms2_top .top_item.top_right { width: var(--box_width);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item { position: relative; border-radius: 1.5rem; overflow: hidden; background: var(--color_bg); transition: var(--darkmode);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top { height: 16.125rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top > .item { position: relative; width: 100%; height: 100%;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top > .item .linkitem .bg_img { opacity: 0;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top > .item .linkitem:hover .bg_img { opacity: 1;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top > .item .linkitem .hover_txt { font-weight: 500; font-size: 1rem;  line-height: 1.3; letter-spacing: -0.02em; text-align: center; color: var(--color_white); transition: all 0.4s ease; position: absolute; left: 50%; top: 52.5%; transform: translate(-50%, -50%); width: 90%; opacity: 0;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top > .item .linkitem:hover .top_box .number, .ms2 .top_item.top_right .ms2_top .top_right_item.top > .item .linkitem:hover .bottom_box .tit { color: #117378;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top > .item .linkitem:hover .bottom_box .more_btn { color: #117378; background: var(--color_white); box-shadow: 0 0 1.25rem 0 var(--color_white);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.top > .item .linkitem:hover .hover_txt { opacity: 1; transition: all 0.4s ease 0.4s;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom { height: 44rem; background: none; border: none;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item { position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 1.5rem 1.5rem 0 0; overflow: hidden; transition: all 0.4s ease;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item::after { content: ""; background: url(../img/ui_bar.png) no-repeat center / contain; width: 3.125rem; height: 4px; position: absolute; left: 50%; top: 1rem; z-index: 20; transform: translateX(-50%);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item.item1 { background: #141519; color: var(--color_white); height: 100%;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item.item2 { background: #4B4C50; color: var(--color_white); height: 80%;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item.item3 { background: #BDBEC0; color: var(--color_black); height: 60%;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item.item4 { background: var(--color_bg); color: var(--color_black); height: 40%;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover1 > .item.item2 { height: 8.25rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover1 > .item.item3 {height: 4.5rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover1 > .item.item4 {height: 2.25rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover2 > .item.item2 { height: calc(100% - 3.75rem);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover2 > .item.item3 {height: 6rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover2 > .item.item4 {height: 2.25rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover3 > .item.item2 {height: calc(100% - 2.25rem);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover3 > .item.item3 {height: calc(100% - 6rem);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover3 > .item.item4 {height: 3.75rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover4 > .item.item2 {height: calc(100% - 2.25rem);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover4 > .item.item3 {height: calc(100% - 4.5rem);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover4 > .item.item4 {height: calc(100% - 8.25rem);}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item .link { position: relative; width: 100%; height: 100%; display: block;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item .bg_img { opacity: 0;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item.on .bg_img { opacity: 1;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item .txtbox { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 3.125rem 1.875rem 1.875rem; transition: all 0.4s ease;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item.on .txtbox { color: var(--color_white) !important;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover > .item .txtbox { opacity: 0;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom.hover > .item.on .txtbox { opacity: 1;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item .txtbox > .left { display: flex; flex-direction: column; gap: 0.5rem;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item .txtbox .tit { font-weight: 700; font-size: 1.875rem; line-height: 1; letter-spacing: -0.02em;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item .txtbox .desc { font-weight: 400; font-size: 1rem; line-height: 1.3; letter-spacing: -0.02em;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item .txtbox > .right { opacity: 0; transition: all 0.4s ease;}
.ms2 .ms2_contbox .top_item.top_right .top_right_item.bottom > .item.on .txtbox > .right { opacity: 1;}
.ms2 .ms2_contbox .ms2_cont.ms2_right .ms2_bottom { display: flex; gap: 1.5rem; width: 100%; height: 16.125rem;}
.ms2 .ms2_contbox .bottom_item { position: relative; border-radius: 1.5rem; overflow: hidden; background: var(--color_bg); transition: var(--darkmode);}
.ms2 .ms2_contbox .bottom_item.bottom1 { width: 16.125rem; padding: 1.875rem; display: flex; flex-direction: column; gap: 1rem;}
.ms2 .ms2_contbox .bottom_item.bottom1 .top_box { display: flex; justify-content: space-between; gap: 1.5rem;}
.ms2 .ms2_contbox .bottom_item.bottom1 .top_box .date { width: 50%;  max-width: 5.375rem; aspect-ratio: 1 / 1; display: flex; flex-direction: column; border-radius: 1rem; background: #8576e5; padding: 0.625rem;}
.ms2 .ms2_contbox .bottom_item.bottom1 .top_box .date .day { font-weight: 500; font-size: 1.875rem; line-height: 1.1;  letter-spacing: -0.02em; color: var(--color_white); display: inline-block;}
.ms2 .ms2_contbox .bottom_item.bottom1 .top_box .logo { width: 50%; max-width: 82px; display: flex; align-items: center; justify-content: center;}
.ms2 .ms2_contbox .bottom_item.bottom1 .bottom_box { border: 4px solid #e0e0e0; border-radius: 1rem; padding: 1.25rem 0.5rem; display: flex; align-items: center; justify-content: center; transition: var(--darkmode);}
.ms2 .ms2_contbox .bottom_item.bottom1 .bottom_box .time { font-weight: 500; font-size: 3.75rem; line-height: 1; letter-spacing: -0.02em; text-align: center; color: var(--color_black); display: flex; justify-content: center;}
.ms2 .ms2_contbox .bottom_item.bottom1 .bottom_box .time .time_dot {animation: blink 1s linear infinite; transform: translateY(-0.1em);}
.ms2 .ms2_contbox .bottom_item.bottom2 { width: calc(100% - 16.125rem* 2 - 1.5rem*2);}
.ms2 .ms2_contbox .bottom_item.bottom2 .partner_box { position: relative; width: 100%; height: 100%; padding: 1.875rem 0 3.75rem; display: flex; align-items: center; justify-content: center;}
.ms2 .ms2_contbox .bottom_item.bottom2 .partner_box .marquee { width: 100%;}
.ms2 .ms2_contbox .bottom_item.bottom2 .partner_box .marquee .marquee_group > .item { display: flex; align-items: center; justify-content: center; height: 1.875rem;}
.ms2 .ms2_contbox .bottom_item.bottom2 .partner_box .marquee .marquee_group > .item > img { height: 100%; width: auto;}
.ms2 .ms2_contbox .bottom_item.bottom2 .bottom_box{ position: absolute; left: 0; bottom: 1.875rem; width: 100%; padding: 0 1.875rem;}
.ms2 .ms2_contbox .bottom_item.bottom2 .bottom_box .tit { font-weight: 600; font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_black); transition: var(--darkmode);}
.ms2 .ms2_contbox .bottom_item.bottom3 { width: 16.125rem; display: flex; flex-direction: column; justify-content: space-between;}
.ms2 .ms2_contbox .bottom_item.bottom3 .bg_img { opacity: 1;}
.ms2 .ms2_contbox .bottom_item.bottom3 .top_box { position: relative; display: flex; justify-content: flex-end; padding: 1.25rem;}
.ms2 .ms2_contbox .bottom_item.bottom3 .top_box .icon { background: url(../img/main/mode_dark.png) no-repeat center / contain; width: 1.875rem; aspect-ratio: 1 / 1; display: block; transition: all 0.4s ease;}
.ms2 .ms2_contbox .bottom_item.bottom3 .bottom_box { position: relative; display: flex; width: 100%; padding: 1.875rem;}
.ms2 .ms2_contbox .bottom_item.bottom3 .bottom_box .txt { font-weight: 500; font-size: 1.25rem; line-height: 1.2; letter-spacing: -0.02em; transition: all 0.4s ease;}
.ms2 .ms2_contbox .bottom_item.bottom3 .bottom_box .dark_txt {  color: var(--color_white);}
.ms2 .ms2_contbox .bottom_item.bottom3 .bottom_box .light_txt { opacity: 0; color: var(--color_black);  position: absolute; left: 1.875rem;  bottom: 1.875rem;}


.ms3 { border-radius: 1.5rem; background: var(--color_bg); margin: 1.5rem auto; width: calc(100% - 4rem* 2); overflow: hidden; transition: var(--darkmode);}
.ms3 .ms3_pin { width: auto; height: 100vh; overflow: hidden; display: flex; left: 0;}
.ms3 .ms3_pin .pin_wrap { position: relative; height: 100vh;}
.ms3 .ms3_pin .pin_wrap .work_list {position: relative; width: max-content; height: 80vh; display: flex; justify-content: flex-start; align-items: center; gap: 2.125vw; padding: 80px 39.25vw 3.75rem;}
.ms3 .ms3_pin .pin_wrap .work_list::before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #1D969C;}
.ms3 .ms3_pin .pin_wrap .work_list > .link {position: relative; overflow: hidden; display: block;}
.ms3 .ms3_pin .pin_wrap .work_list > .link .box { position: relative; width: 100%; display: flex; border-radius: 1.5rem; overflow: hidden;}
.ms3 .ms3_pin .pin_wrap .work_list > .link .img { width: 100%; height: 100%; object-fit: contain;}
.ms3 .ms3_pin .pin_wrap .work_list > .link .txtbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.4s ease; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none;}
.ms3 .ms3_pin .pin_wrap .work_list > .link .txtbox .txt {font-weight: 600; font-size: 1.15vw; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_white); position: absolute; left: 9%; bottom: 1.5vw; transition: all 0.4s ease; transform: translateY(50px); opacity: 0;}
.ms3 .ms3_pin .pin_wrap .work_list > .link .box:hover .txtbox {opacity: 1;}
.ms3 .ms3_pin .pin_wrap .work_list > .link .box:hover .txtbox .txt { transform: translateY(0); opacity: 1;}
.ms3 .ms3_pin .pin_wrap .ms3_txtwrap { position: absolute; left: 0; bottom: 0;}
.ms3 .ms3_slidebox {display: none; position: relative;}
.ms3 .ms3_slidebox::before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #1D969C;}
.ms3 .ms3_txtbox {margin-left: 5.5rem; margin-bottom: 5.5rem; display: flex; flex-direction: column; width: 100%; will-change: transform;}
.ms3 .ms3_txtbox.mobile {display: none;}
.ms3 .ms3_txtbox .txt_inner {max-width: 382px;}
.ms3 .ms3_txtbox .top_txtbox { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem;}
.ms3 .ms3_txtbox .top_txtbox .tit { font-weight: 700; font-size: 2.813rem; line-height: 1; letter-spacing: -0.02em; color: var(--color_black); transition: var(--darkmode);}
.ms3 .ms3_txtbox .cont_box { margin-bottom: 1.5rem;}
.ms3 .ms3_txtbox .cont_box .cont_txt { font-weight: 400; font-size: 1rem; line-height: 1.6; letter-spacing: -0.02em; color: var(--color_black); transition: var(--darkmode);}
.ms3 .ms3_txtbox .label_box { display: flex; gap: 0.5rem; flex-wrap: wrap;}
.ms3 .ms3_txtbox .label_box > .item { font-weight: 400; font-size: 0.813rem; line-height: 1.54; text-transform: capitalize; color: var(--color_white); background: #cbcbcb; border: 1px solid #aaa; border-radius: 0.5rem; padding: 0.375rem 0.625rem; transition: var(--darkmode);}

.ms4 { margin-bottom: 1.5rem;}
.ms4 .ms4_contbox { display: flex; gap: 1.5rem; margin-bottom: 1.5rem;}
.ms4 .ms4_contbox .leftbox { width: 36.8%; max-width: 657px; display: flex; align-self: stretch; gap: 1.5rem;}
.ms4 .ms4_contbox .leftbox .bg_img { background: no-repeat center / cover #1e1e1e; align-self: stretch; border-radius: 1.875rem; transition: all 0.4s ease; cursor: pointer;}
.ms4 .ms4_contbox .leftbox .bg_img.left { background-image: url(../img/main/ms4_left_light_on.jpg); background-position: right center; width: 30.9%; max-width: 12.688rem;}
.ms4 .ms4_contbox .leftbox .bg_img.left:hover {background-image: url(../img/main/ms4_left_light.jpg);}
.ms4 .ms4_contbox .leftbox .bg_img.right { background-image: url(../img/main/ms4_right_light.jpg); background-position: left center; width: calc(69.1% - 1.5rem);}
.ms4 .ms4_contbox .leftbox .bg_img.right:hover {background-image: url(../img/main/ms4_right_light_on.jpg);}
.ms4 .ms4_contbox .rightbox { flex: 1;}
.ms4 .ms4_contbox .rightbox > form { display: flex; flex-direction: column; gap: 1.5rem;}
.ms4 .ms4_contbox .rightbox .form_cont { background: #eee; border-radius: 1.5rem; padding: 2.75rem 1.875rem 1.875rem; transition: var(--darkmode);}
.ms4 .ms4_contbox .rightbox .form_cont .form_item.to_mail { display: flex; flex-direction: row; align-items: center; gap: 1.125rem; margin-bottom: -0.563rem;}
.ms4 .ms4_contbox .rightbox .form_cont .form_item .to_txt { font-weight: 400; font-size: 1.125rem; line-height: 1.3; letter-spacing: -0.02em; color: #999;}
.ms4 .ms4_contbox .rightbox .form_cont .form_item .mail_txt { font-weight: 400; font-size: 1.125rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_black); border-radius: 0.625rem; padding: 0.375rem 1.5rem; background: #ccc; transition: var(--darkmode);}
.ms4 .ms4_contbox .rightbox .send_box { border: 1px solid #1f2025; border-radius: 1.25rem; background: var(--color_black); }
.ms4 .ms4_contbox .rightbox .send_box .btn_send { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 2.375rem;}
.ms4 .ms4_contbox .rightbox .send_box .btn_send .txtbox{ flex: 1; position: relative; text-align: left;}
.ms4 .ms4_contbox .rightbox .send_box .btn_send .txtbox .send_txt{  font-weight: 400; font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_white); transition: all 0.4s ease;}
.ms4 .ms4_contbox .rightbox .send_box .btn_send .txtbox .send_txt:nth-child(2){  position: absolute; left: 0; opacity: 0;}
.ms4 .ms4_contbox .rightbox .send_box .btn_send .iconbox { display: flex; width: 2rem; aspect-ratio: 1 / 1;}
.ms4 .ms4_contbox .rightbox .send_box .btn_send .iconbox .send_icon { background: url(../img/send_icon.png) no-repeat center / contain; width: 100%; aspect-ratio: 1 / 1;transition: all 0.4s ease;}
.ms4 .ms4_snsbox { display: flex; gap: 1.5rem;}
.ms4 .ms4_snsbox > .item { width: 25%; min-height: 16.125rem; border-radius: 1.5rem; background: var(--color_bg); transition: var(--darkmode);}
.ms4 .ms4_snsbox > .item .link { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 1.875rem;}
.ms4 .ms4_snsbox > .item .icon { width: 5rem; aspect-ratio: 1 / 1; background: no-repeat center / contain; transition: all 0.4s ease;}
.ms4 .ms4_snsbox > .item .txtbox { display: flex; justify-content: space-between;}
.ms4 .ms4_snsbox > .item .txtbox .txt { font-weight: 600; font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.02em; display: inline-flex;}
.ms4 .ms4_snsbox > .item .txtbox .txt .word { display: inline-block; transition: all 0.4s ease;}
.ms4 .ms4_snsbox > .item.pinterest .icon{ background-image: url(../img/main/sns_pinterest.png);}
.ms4 .ms4_snsbox > .item.behance .icon{ background-image: url(../img/main/sns_behance.png);}
.ms4 .ms4_snsbox > .item.slack .icon{ background-image: url(../img/main/sns_slack.png);}
.ms4 .ms4_snsbox > .item.brochure .icon{ background-image: url(../img/main/sns_kacelab.png);}
.ms4 .ms4_snsbox > .item.brochure .txtbox .download { display: inline-block; background: url(../img/down_icon.png) no-repeat center / contain; width: 1.5rem; aspect-ratio: 1 / 1; transition: all 0.4s ease;}

@media screen and (min-width: 1025px) {

  .ms4 .ms4_snsbox > .item.pinterest:hover .icon{background-image: url(../img/main/sns_pinterest_on.png);}
  .ms4 .ms4_snsbox > .item.pinterest:hover .txtbox .txt .word{color: #E60019;}

  .ms4 .ms4_snsbox > .item.behance:hover .icon{background-image: url(../img/main/sns_behance_on.png);}
  .ms4 .ms4_snsbox > .item.behance:hover .txtbox .txt .word{color: #1157FF;}

  .ms4 .ms4_snsbox > .item.slack:hover .icon{background-image: url(../img/main/sns_slack_on.png);}
  .ms4 .ms4_snsbox > .item.slack:hover .txtbox .txt .word:nth-child(1){color: #36C5F0;}
  .ms4 .ms4_snsbox > .item.slack:hover .txtbox .txt .word:nth-child(2){color: #2EB67D;}
  .ms4 .ms4_snsbox > .item.slack:hover .txtbox .txt .word:nth-child(3){color: #E01E5A;}
  .ms4 .ms4_snsbox > .item.slack:hover .txtbox .txt .word:nth-child(4){color: #ECB22E;}
  .ms4 .ms4_snsbox > .item.slack:hover .txtbox .txt .word:nth-child(5){color: #36C5F0;}

  .ms4 .ms4_snsbox > .item.brochure:hover .icon{background-image: url(../img/main/sns_kacelab_on.png);}
  .ms4 .ms4_snsbox > .item.brochure:hover .txtbox .txt .word{color: #1D969C;}
  .ms4 .ms4_snsbox > .item.brochure:hover .txtbox .download{ background-image: url(../img/down_icon_on.png);}

  .ms4 .ms4_contbox .rightbox .send_box .btn_send:hover .txtbox .send_txt:nth-child(1) { opacity: 0;}
  .ms4 .ms4_contbox .rightbox .send_box .btn_send:hover .txtbox .send_txt:nth-child(2){   opacity: 1;}
  .ms4 .ms4_contbox .rightbox .send_box .btn_send:hover .iconbox .send_icon { background-image: url(../img/send_icon_on.png);}

}


/* sub */
.sub_page { padding-top: 11.25rem;}
.sub_section {position: relative; width: 100%;}


/* Who We Are */
.WhoWeAre_page .ss1 { margin-bottom: 12.5rem;}
.WhoWeAre_page .ss1 .ss1_contbox { display: flex; flex-direction: column; gap: 4rem;}
.WhoWeAre_page .ss1 .ss1_contbox .ss1_img { background-image: url(../img/who/who_ss1_img.jpg);}
.WhoWeAre_page .ss1 .ss1_contbox .ss1_img:hover{ background-image: url(../img/who/who_ss1_img_hover.jpg);}
.WhoWeAre_page .ss1 .ss1_contbox .page_dot_txtbox {padding-bottom: 4rem; border-bottom: 2px solid var(--color_bg); transition: var(--darkmode);}

.WhoWeAre_page .ss2 { margin-bottom: 12.5rem;}
.WhoWeAre_page .ss2 .who_swiper { width: 100%;}
.WhoWeAre_page .ss2 .item > .title { font-weight: 600; font-size: 3.125rem; line-height: 1.4; color: var(--color_black); margin-bottom: 2rem;  transition: var(--darkmode);}
.WhoWeAre_page .ss2 .item > .slide_cont { display: flex; align-items: center; justify-content: space-between; gap: 14%; border: 1px solid var(--color_black); border-radius: 1.5rem; min-height: 26.875rem; padding: 4.5rem 7.938rem; transition: var(--darkmode);}
.WhoWeAre_page .ss2 .item > .slide_cont .iconbox { width: 6.25rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}
.WhoWeAre_page .ss2 .item > .slide_cont .iconbox .icon { width: 100%; height: 100%; background: no-repeat center / contain; transition: var(--darkmode);}
.WhoWeAre_page .ss2 .item > .slide_cont .iconbox .icon.icon1{ background-image: url(../img/who/who_ss2_icon1.png);}
.WhoWeAre_page .ss2 .item > .slide_cont .iconbox .icon.icon2{ background-image: url(../img/who/who_ss2_icon2.png);}
.WhoWeAre_page .ss2 .item > .slide_cont .iconbox .icon.icon3{ background-image: url(../img/who/who_ss2_icon3.png);}
.WhoWeAre_page .ss2 .item > .slide_cont .txtbox { display: flex; flex-direction: column; gap: 2rem; flex: 1;}
.WhoWeAre_page .ss2 .item > .slide_cont .txtbox .tit { position: relative; font-weight: 600; font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_black); padding-left: 1.875rem; transition: var(--darkmode);}
.WhoWeAre_page .ss2 .item > .slide_cont .txtbox .tit::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.25rem; aspect-ratio: 1 / 1; background: var(--color_black); border-radius: 50%; transition: var(--darkmode);}
.WhoWeAre_page .ss2 .item > .slide_cont .txtbox .desc { font-weight: 500; font-size: 1.25rem; line-height: 1.6; color: var(--color_black); transition: var(--darkmode);}
.WhoWeAre_page .ss2 .ss2_cont { display: none;}

.WhoWeAre_page .ss3 { margin-bottom: 12.5rem;}
.WhoWeAre_page .ss3 .ss3_marquee .marquee_group { gap: 4rem;}
.WhoWeAre_page .ss3 .ss3_marquee .marquee_group .item { font-weight: 600; font-size: 8.75rem; line-height: 1.4; letter-spacing: -0.02em; color: var(--color_black); transition: var(--darkmode); cursor: default;}

.WhoWeAre_page .ss4 {background: #000; padding: 6.25rem 0;}
.WhoWeAre_page .ss4 .ss4_contbox { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; padding: 6.25rem 4rem; margin-bottom: 6.25rem;}
.WhoWeAre_page .ss4 .ss4_contbox:last-child {padding-bottom: 0;}
.WhoWeAre_page .ss4 .ss4_contbox .left_box {width: 50%; display: flex; flex-direction: column; gap: 0.625rem; will-change: transform;}
.WhoWeAre_page .ss4 .ss4_contbox .left_box .chapter {position: relative; font-weight: 500; font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.02em; color: #555; padding-left: 1.625rem;}
.WhoWeAre_page .ss4 .ss4_contbox .left_box .chapter::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1rem; aspect-ratio: 1 / 1; background: #555; border-radius: 50%;}
.WhoWeAre_page .ss4 .ss4_contbox .left_box .title { font-weight: 600; font-size: 3.125rem; line-height: 1.2; letter-spacing: -0.02em; color: var(--color_white);}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox { width: 50%; display: flex; flex-direction: column; gap: 2rem; padding-top: 2.25rem;}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .cont_txt { font-weight: 500; font-size: 1.25rem; line-height: 1.6; color: #fff;}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .imgbox { width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 1.5rem; overflow: hidden;}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .imgbox > img { width: 100%; height: 100%; object-fit: cover;}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .imgbox .bg_img { width: 100%; aspect-ratio: 1 / 0.486425; background: no-repeat center / cover;}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .imgbox .bg_img.img1 {background-image: url(../img/who/who_ss4_img1.jpg);}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .imgbox .bg_img.img2 {background-image: url(../img/who/who_ss4_img2.jpg);}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .imgbox .bg_img.img3 {background-image: url(../img/who/who_ss4_img3.jpg);}
.WhoWeAre_page .ss4 .ss4_contbox .rightbox .imgbox .bg_img.img4 {background-image: url(../img/who/who_ss4_img4.jpg);}


/* Our Culture */
.OurCulture_page .ss1{margin-bottom: 1.5rem;}
.OurCulture_page .ss1 .ss1_culture { position: relative; display: flex; flex-direction: column; gap: 1.5rem;}
.OurCulture_page .ss1 .ss1_culture .gall_wrap {display: flex; flex-direction: column; gap: 1.625rem;}
.OurCulture_page .ss1 .ss1_culture .gall_box { display: flex; gap: 1.625rem;}
.OurCulture_page .ss1 .ss1_culture .gall_item { position: relative; aspect-ratio: 1 / 1; border-radius: 1.5rem; overflow: hidden; cursor: pointer;}
.OurCulture_page .ss1 .ss1_culture .gall_item.w_33 {width: calc((100% - 1.625rem* 2) / 3);}
.OurCulture_page .ss1 .ss1_culture .gall_item.w_66{ width: calc((100% - 1.625rem* 2) / 3*2 + 1.625rem); aspect-ratio: 2 / 1;}
.OurCulture_page .ss1 .ss1_culture .gall_item > .img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease;}
.OurCulture_page .ss1 .ss1_culture .gall_item:hover > img {transform: scale(1.1);}
.OurCulture_page .ss1 .ss1_culture .gall_item::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 45%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); opacity: 0.6;}
.OurCulture_page .ss1 .ss1_culture .gall_item > .txt { position: absolute; width: 100%; left: 0; bottom: 1.5rem;  padding: 0 1.75rem; font-weight: 600;  font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_white); pointer-events: none; z-index: 10;}

.OurCulture_popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; transition: all 0.4s ease; opacity: 0; pointer-events: none; background: rgba(0, 0, 0, 0.6);}
.OurCulture_popup.show { opacity: 1; pointer-events: unset;}
.OurCulture_popup > .inner { height: 100%; display: flex; align-items: center; justify-content: center;}
.OurCulture_popup .popup_contbox { position: relative;  max-width: 1000px; width:100%; max-height: 90vh; margin: auto;}
.OurCulture_popup .popup_contbox .popup_close { position: absolute; top: 1.875rem; right: 1.875rem; width: 1.5rem; aspect-ratio: 1 / 1; font-size: 1.5rem; color: var(--color_white); transition: all 0.4s ease; z-index: 10; cursor: pointer; display: flex;}
.OurCulture_popup .popup_contbox .popup_close:hover {transform: rotate(180deg);}
.OurCulture_popup .popup_contbox .culture_swiper { width: 100%; border-radius: 1.5rem;}
.OurCulture_popup .popup_contbox .culture_swiper .swiper-wrapper { align-items: center;}
.OurCulture_popup .popup_contbox .culture_swiper .item { display: flex; align-items: center; justify-content: center;width: 100%; aspect-ratio: 1 / 0.7; overflow: hidden; border-radius: 1.5rem;}
.OurCulture_popup .popup_contbox .culture_swiper .item > img { width: 100%; height: 100%; object-fit: cover;}
.OurCulture_popup .popup_contbox .prev_btn, 
.OurCulture_popup .popup_contbox .next_btn { background: no-repeat center / contain; width: 1.688rem; height: auto; aspect-ratio: 1 / 2;}
.OurCulture_popup .popup_contbox .prev_btn { background-image: url(../img/slide_prev_btn.png); left: -4rem;}
.OurCulture_popup .popup_contbox .next_btn { background-image: url(../img/slide_next_btn.png); right: -4rem;}
.OurCulture_popup .popup_contbox .pagination { bottom: 1.5rem; display: flex; justify-content: center; gap: 0.938rem;}
.OurCulture_popup .popup_contbox .pagination .swiper-pagination-bullet { width: 0.625rem; height: auto; aspect-ratio: 1 / 1; background: var(--color_white); opacity: 0.5; margin: 0; transition: all 0.4s ease;}
.OurCulture_popup .popup_contbox .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1;}


/* Work */
.Work_page .ss1 { margin-bottom: 1.5rem;}
.Work_page .ss1 .ss1_work { display: flex; flex-wrap: wrap; gap: 1.5rem;}
.Work_page .ss1 .ss1_work > .item { width: calc((100% - 1.5rem* 2) / 3); aspect-ratio: 1 / 0.73883; border-radius: 1.5rem; overflow: hidden;}
.Work_page .ss1 .ss1_work .contbox { position: relative; width: 100%; height: 100%; display: block;}
.Work_page .ss1 .ss1_work .contbox::after { content: ""; position: absolute; left: 0; bottom: 0; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); width: 100%; height: 50%; z-index: 2;}
.Work_page .ss1 .ss1_work .contbox .imgbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.Work_page .ss1 .ss1_work .contbox .imgbox > img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease;}
.Work_page .ss1 .ss1_work > .item:hover .imgbox > img{transform: scale(1.1);}
.Work_page .ss1 .ss1_work .contbox .txtbox { position: absolute; left: 0; bottom: 1.875rem; padding: 0 1.875rem; width: 100%; display: flex; flex-direction: column; gap: 0.5rem; z-index: 3;}
.Work_page .ss1 .ss1_work .contbox .txtbox .tit { font-weight: 700; font-size: 2rem; line-height: 1.3; letter-spacing: -0.02em; color: var(--color_white);}
.Work_page .ss1 .ss1_work .contbox .txtbox .labelbox { display: flex; flex-wrap: wrap; gap: 0.5rem;}
.Work_page .ss1 .ss1_work .contbox .txtbox .labelbox .label { /* backdrop-filter: blur(0.5rem); */ background: rgba(0, 0, 0, 0.15); border: 1px solid #aaa; border-radius: 0.5rem; padding: 0.375rem 0.625rem; font-size: 0.813rem; line-height: 1.54; /*text-transform: capitalize;*/ color: var(--color_white);}


/* KSPM */
.KSPM_page .ss1 { margin-bottom: 12.5rem;}
.KSPM_page .ss1 .ss1_imgbox { margin-bottom: 3.625rem;}
.KSPM_page .ss1 .ss1_imgbox .ss1_img { background-image: url(../img/kspm/kspm_ss1_img.jpg);}
.KSPM_page .ss1 .ss1_imgbox .ss1_img:hover{ background-image: url(../img/kspm/kspm_ss1_img_hover.jpg);}
.KSPM_page .ss1 .ss1_contbox .contbox { display: flex; gap: 1.5rem;}
.KSPM_page .ss1 .ss1_contbox .contbox .txtbox { flex: 1; display: flex; flex-direction: column; gap: 4.375rem;}
.KSPM_page .ss1 .ss1_contbox .contbox .imgbox { position: relative; display: flex; align-items: center; justify-content: center; max-width: 657px; width: 38%; border: 1px solid var(--color_black); padding: 3.125rem 5rem 5rem; border-radius: 1.5rem; transition: var(--darkmode);}
.KSPM_page .ss1 .ss1_contbox .contbox .imgbox > img {transition: var(--darkmode);}
.KSPM_page .ss1 .ss1_contbox .contbox .imgbox > img:nth-child(2) { position: absolute; left: 50%; top: 3.125rem; opacity: 0; transform: translateX(-50%); width: calc(100% - 10rem); max-width: 332px;}

.KSPM_page .ss2 { margin-bottom: 12.5rem;}
.KSPM_page .ss2 .tab_navbox { margin-bottom: 4rem;}
.KSPM_page .ss2 .tab_cont { border-radius: 1.5rem; overflow: hidden;}
.KSPM_page .ss2 .tab_cont.on { display: flex;}
.KSPM_page .ss2 .tab_cont > img { width: 100%;}

.KSPM_page .ss3 { margin-bottom: 12.5rem;}
.KSPM_page .ss3 .ss3_contbox{position: relative;}
.KSPM_page .ss3 .ss3_contbox .imgbox { display: flex; border-radius: 1.5rem; overflow: hidden;}
.KSPM_page .ss3 .ss3_contbox .imgbox > img { width: 100%;}


/* Counseling */
.Counseling_page .ss1 { margin-bottom: 6.25rem;}
.Counseling_page .ss1 .ss1_imgbox { margin-bottom: 3.625rem;}
.Counseling_page .ss1 .ss1_imgbox .ss1_img { background-image: url(../img/counseling/counseling_ss1_img.jpg);}
.Counseling_page .ss1 .ss1_imgbox .ss1_img:hover{ background-image: url(../img/counseling/counseling_ss1_img_hover.jpg);}

.Counseling_page .ss2 { margin-bottom: 6.25rem;}
.Counseling_page .ss2 .bo_content{position: relative;}
.Counseling_page .ss2 .bo_content .bo_top { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: 2.5rem;}
.Counseling_page .ss2 .bo_content .bo_top .sch_box { position: relative; width: 50%; max-width: 657px;}
.Counseling_page .ss2 .bo_content .bo_top .sch_box .input_sch { width: 100%; font-weight: 500; font-size: 1.25rem; line-height: 1.3; color: var(--color_black); padding: 0.875rem 0.625rem; border: 0; border-bottom: 2px solid var(--color_black); padding-right: 2.85rem; background: transparent; transition: var(--darkmode); border-radius: 0;}
.Counseling_page .ss2 .bo_content .bo_top .sch_box .sch_btn { background: url(../img/sch_icon.png) no-repeat center / contain; position: absolute; right: 0.625rem; top: 50%; transform: translateY(-50%); width: 1.875rem; aspect-ratio: 1 / 1; transition: var(--darkmode);}
.Counseling_page .ss2 .bo_content .bo_top .question_btn { border-radius: 1rem; width: 12.688rem; padding: 1.375rem 0.625rem; background: var(--color_black); font-weight: 500; font-size: 1.25rem; line-height: 1.3; color: var(--color_white); transition: var(--darkmode);}
.Counseling_page .ss2 .bo_content .bo_tblbox { position: relative;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl { width: 100%;  border-collapse: collapse; table-layout: fixed;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td { height: 80px;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content { width: calc(100% - 7.938rem);}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .tbl_cont { width: 100%; display: flex;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .bo_tit { width: calc(100% - 10rem - 9.688rem); display: flex; align-items: center; gap: 0.25rem; font-weight: 600; font-size: 1rem; line-height: 1.4; letter-spacing: -0.02em; color: var(--color_black); transition: var(--darkmode);}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .bo_tit .bo_link { display: block; max-width: calc(100% - 1.5rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .bo_tit .secret_icon { background: url(../img/secret_cion.png) no-repeat center / contain; width: 1.25rem; aspect-ratio: 1 / 1.12; display: none; vertical-align: middle; transition: var(--darkmode);}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .bo_writer, 
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .bo_date { font-weight: 400; font-size: 1rem; line-height: 1.4; letter-spacing: -0.02em; text-align: center; color: #999; transition: var(--darkmode);}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .bo_writer { width: 10rem;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.content .bo_date { width: 9.688rem;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.answer { width: 7.938rem;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.answer .bo_answer { font-weight: 400; font-size: 1rem; line-height: 1.4; letter-spacing: -0.02em; text-align: center; color: #999; display: flex;align-items: center; justify-content: center; gap: 0.25rem; transition: var(--darkmode);}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr td.answer .bo_answer .chk_icon { background: url(../img/check_icon.png) no-repeat center / contain;  width: 0.625rem; aspect-ratio: 1 / 1; display: none; transition: var(--darkmode);}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr.secret_mode td.content .bo_tit .secret_icon { display: block;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr.answered td.answer .bo_answer { color: var(--color_black); font-weight: 600;}
.Counseling_page .ss2 .bo_content .bo_tblbox .bo_tbl tr.answered td.answer .bo_answer .chk_icon { display: block;}

.Counseling_popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; transition: all 0.4s ease; opacity: 0; pointer-events: none; background: rgba(0, 0, 0, 0.6);}
.Counseling_popup.show { opacity: 1; pointer-events: unset;}
.Counseling_popup > .inner { height: 100%; display: flex; align-items: center; justify-content: center; padding: 6rem 4rem; overflow: auto;}
.Counseling_popup > .inner::-webkit-scrollbar {display: none;}
.Counseling_popup .popup_contbox { position: relative; max-width: 800px; width: 100%; margin: auto; background: var(--color_bg); overflow: auto; padding: 2.5rem 1.875rem; border-radius: 1.5rem; transition: var(--darkmode);}
.Counseling_popup .form_term { margin-bottom: 3.125rem;}
.Counseling_popup .form_cont .form_box .form_item .form_tit { font-size: 1rem; letter-spacing: unset;}
.Counseling_popup .form_cont .form_box.content {display: none;}


/* Career */
.Career_page .ss1 { margin-bottom: 2.75rem;}
.Career_page .ss1 .ss1_imgbox { margin-bottom: 1.5rem;}
.Career_page .ss1 .ss1_imgbox .ss1_img { background-image: url(../img/career/career_ss1_img.jpg);}
.Career_page .ss1 .ss1_imgbox .ss1_img:hover{ background-image: url(../img/career/career_ss1_img_hover.jpg);}
.Career_page .ss1 .ss1_contbox { display: flex; gap: 1.5rem;}
.Career_page .ss1 .ss1_contbox > .item { position: relative; border-radius: 1.5rem; width: 50%; height: 26.875rem; background: var(--color_bg); padding: 3.75rem 1.875rem; display: flex; flex-direction: column; justify-content: space-between; transition: var(--darkmode);}
.Career_page .ss1 .ss1_contbox > .item .box_tit {position: relative;}
.Career_page .ss1 .ss1_contbox > .item .box_tit .after {display: none;}
.Career_page .ss1 .ss1_contbox > .item .box_desc.max_wid { max-width: 490px;}
.Career_page .ss1 .ss1_contbox > .item .box_desc.hover { opacity: 0; position: absolute; left: 1.875rem; bottom: 3.75rem; pointer-events: none;}
.Career_page .ss1 .ss1_contbox > .item:hover { background: var(--color_black);}
.Career_page .ss1 .ss1_contbox > .item:hover .box_tit { color: var(--color_white);}
.Career_page .ss1 .ss1_contbox > .item:hover .box_tit::before { background: var(--color_white);}
.Career_page .ss1 .ss1_contbox > .item:hover .box_tit .before {display: none;}
.Career_page .ss1 .ss1_contbox > .item:hover .box_tit .after {display: block;}
.Career_page .ss1 .ss1_contbox > .item:hover .box_desc { color: var(--color_white);}
.Career_page .ss1 .ss1_contbox > .item:hover .box_desc:not(.hover) { opacity: 0; pointer-events: none;}
.Career_page .ss1 .ss1_contbox > .item:hover .box_desc.hover { opacity: 1; pointer-events: unset;}

.Career_page .ss2 { margin-bottom: 1.5rem;}
.Career_page .ss2 .ss2_contbox { display: flex; gap: 1.5rem; padding: 1.5rem 0; border-bottom: 1px solid var(--color_bg); transition: var(--darkmode);}
.Career_page .ss2 .ss2_contbox:last-child { padding-bottom: 0; border-bottom: none;}
.Career_page .ss2 .ss2_contbox > .leftbox, 
.Career_page .ss2 .ss2_contbox > .rightbox { width: 50%;}
.Career_page .ss2 .ss2_contbox > .leftbox .title { font-weight: 600; font-size: 2.5rem; line-height: 1.4; color: var(--color_black); transition: var(--darkmode);}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem { display: flex; justify-content: space-between; gap: 1.5rem;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox { width: 50%; max-width: 21.25rem;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .tit { font-weight: 700; font-size: 1.5rem; line-height: 1.4; color: var(--color_black); margin-bottom: 1.5rem;  transition: var(--darkmode);}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .desc { font-weight: 400; font-size: 1rem; line-height: 1.6; color: var(--color_black); max-width: 325px;  transition: var(--darkmode);}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box { display: flex; gap: 1.125rem; margin-top: 3rem;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box .input_file { display: none;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box .file_name { flex: 1; max-width: 196px; font-weight: 500; font-size: 1.25rem; line-height: 1.3; color: var(--color_black); border: 1px solid var(--color_black); border-radius: 1rem; padding: 1.375rem 2.38rem; background: var(--color_white); overflow: hidden; text-overflow: ellipsis; display: none;  transition: var(--darkmode);}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box .file_name .txt1 { overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(100% - 2.2rem); white-space: nowrap;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box .file_name .txt2 { width: 2.2rem; display: inline-block;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box .file_name .txt2::before { content: ".";}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box .file_label { font-weight: 500; font-size: 1.25rem; line-height: 1.3; color: var(--color_white); border-radius: 1rem; padding: 1.375rem 2.38rem; background: var(--color_black); white-space: nowrap;  cursor: pointer; transition: var(--darkmode);}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box .file_send { font-weight: 500; font-size: 1.25rem; line-height: 1.3; color: var(--color_white); border-radius: 1rem; padding: 1.375rem 2.38rem; background: var(--color_black); white-space: nowrap; display: none; cursor: pointer; transition: var(--darkmode);}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box.attached .file_name { display: flex;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box.attached .file_label { display: none; }
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .txtbox .file_box.attached .file_send { display: block;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .imgbox { width: 50%; aspect-ratio: 1 / 1; border-radius: 1.5rem; overflow: hidden;}
.Career_page .ss2 .ss2_contbox > .rightbox .rightitem .imgbox > img { width: 100%; height: 100%; object-fit: cover;}


/* Contact */
.Contact_page .ss1 { margin-bottom: 1.5rem;}
.Contact_page .ss1 .ss1_imgbox { overflow: hidden; border-radius: 1.5rem;}
.Contact_page .ss1 .ss1_imgbox .ss1_img { background-image: url(../img/contact/contact_ss1_img.jpg);}
.Contact_page .ss1 .ss1_imgbox .ss1_img:hover { transform: scale(1.1);}

.Contact_page .ss2 {margin-bottom: 1.5rem;}
.Contact_page .ss2 .ss2_contbox { display: flex; gap: 1.5rem;}
.Contact_page .ss2 .ss2_contbox .leftbox { width: 26.875rem; display: flex; flex-direction: column; gap: 1.5rem;}
.Contact_page .ss2 .ss2_contbox .leftitem { position: relative; width: 100%; border-radius: 1.5rem; overflow: hidden;}
.Contact_page .ss2 .ss2_contbox .leftitem.top { background: #eee; padding: 3.75rem 1.875rem; display: flex; flex-direction: column; justify-content: space-between; height: 41.5%; transition: var(--darkmode);}
.Contact_page .ss2 .ss2_contbox .leftitem.bottom {height: 58.5%;}
.Contact_page .ss2 .ss2_contbox .leftitem.bottom > .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Contact_page .ss2 .ss2_contbox .leftitem.bottom > .link .map_img { background: url(../img/contact/contact_ss2_map.jpg) no-repeat center / cover; width: 100%; height: 100%; transition: var(--darkmode);}
.Contact_page .ss2 .ss2_contbox .leftitem.bottom > .link:hover .map_img { transform: scale(1.1);}
.Contact_page .ss2 .ss2_contbox .leftitem.bottom > .copy_btn { font-weight: 400; font-size: 0.875rem; line-height: 1.43; text-transform: capitalize; color: var(--color_white); border-radius: 0.5rem; padding: 0.5rem 0.7rem; background: var(--color_black); position: absolute; right: 1.875rem; bottom: 1.875rem; z-index: 10;  display: flex; align-items: center; gap: 0.35rem;}
.Contact_page .ss2 .ss2_contbox .leftitem.bottom > .copy_btn .icon { background: url(../img/copy_icon.png) no-repeat center / contain; width: 1.25rem; aspect-ratio: 1 / 1; display: inline-block; vertical-align: middle;}
.Contact_page .ss2 .ss2_contbox .rightbox { width: calc(100% - 26.875rem - 1.5rem); background: var(--color_bg); padding: 3.125rem 1.875rem; border-radius: 1.5rem; transition: var(--darkmode);}
.Contact_page .ss2 .ss2_contbox .rightbox .form_cont .form_box { gap: 3.125rem;}
.Contact_page .ss2 .ss2_contbox .rightbox .form_cont .form_box .form_item.w-33 { width: calc((100% - 3.125rem* 2) / 3);}
.Contact_page .ss2 .ss2_contbox .rightbox .form_cont .form_box .form_item .radio_item { width: auto; max-width: unset;}
.Contact_page .ss2 .ss2_contbox .rightbox .form_term { margin: 3.125rem 0;}