/* 공통 CSS */

:root {
    --main-color: #0E5AE5;
    --blue_01: #002E81;
    --blue_02: #273F6E;
    --blue_03: #21234B;
    --blue_04: #252775;
    --blue_05: #3D407E;

    /* weight */
    --weight_extra_bold: 900;
    --weight_bold: 800;
    --weight_semi_bold: 700;
    --weight_medium: 600;
    --weight_regular: 500;
    --weight_normal: 400;
    --weight_light: 300;
    --weight_extra_light: 200;
    --weight_ultra_thin: 100;
}

#container {width: 1440px; margin: 0 auto;}
.bold {font-weight: var(--weight_bold);}
#hd_login_msg {background: #07092f; color:#fff; padding:15px 30px; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
#hd_login_msg a {color:#fff;}
.pop {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.8); z-index: 10000; display: none !important;}
.pop img {max-width: 600px; width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 30px; overflow: hidden;}
.hidden {overflow: hidden;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.root_daum_roughmap .wrap_map {height: 100% !important;}

/* header */

#pc_header {width: 100%; background: var(--blue_03); position:sticky; top:0; z-index: 10000;}
#pc_header .box {width: 1538px; margin: 0 auto; height: 100px; display: flex; align-items: center; justify-content: space-between;}
#pc_header .box .logo {flex: 0 0 20%;}
#pc_header .box .logo img {height: 51px;}
#pc_header .box nav {flex: 0 0 50%;}
#pc_header .box nav > ul {display: flex; align-items: center; justify-content: center;}
#pc_header .box nav > ul > li {margin-right:75px; position: relative;}
#pc_header .box nav > ul > li:last-child {margin-right:0;}
#pc_header .box nav > ul > li > a {font-size:20rem; color:#fff; padding:40px 0px; display: block;}
#pc_header .box nav > ul > li > .sub_menu {z-index: 1000; display:none; position:absolute; width: 160px; left:50%; transform: translateX(-50%); padding: 20px 0px; text-align: center; background: var(--blue_05); box-sizing: border-box;}
#pc_header .box nav > ul > li > .sub_menu li {width: 100%;}
#pc_header .box nav > ul > li > .sub_menu li:last-child {margin-bottom:0;}
#pc_header .box nav > ul > li > .sub_menu li a {color:#fff; font-size:20rem; padding:7px 0px; display: block;}
#pc_header .box nav > ul > li > .sub_menu li a:hover {background: #2a2c5c;}
#pc_header .box .language {flex: 0 0 20%; text-align: right;}
#pc_header .box .language a {font-size:18rem; color:#fff; background:var(--blue_04); border-radius: 30px; padding:8px 33px;}
#mo_header {display: none;}

/* main */

.main_visual .swiper-slide {width: 100%; height: calc(100vh - 100px);}
.main_visual .slide_1 {background: url(../img/mv_slide_pc_1.jpg) no-repeat center top / cover; display: flex; justify-content: center; align-items: center;}
.main_visual .slide_1 .text_box {text-align: center;}
.main_visual .slide_1 .text_box h2 {color:#fff; font-size:50rem; font-weight: var(--weight_light); line-height: 1.5;}
.main_visual .slide_1 .text_box h2 b {font-size:69rem; font-weight: var(--weight_bold);}
.main_visual .slide_2 {background: url(../img/mv_slide_pc_2.jpg) no-repeat center top / cover; display: flex; justify-content: center; align-items: center;}
.main_visual .slide_2 .text_box {text-align: center;}
.main_visual .slide_2 .text_box h2 {color:#fff; font-size:54rem; font-weight: var(--weight_bold); line-height: 1.5;}
.main_visual .slide_3 {background: url(../img/mv_slide_pc_3.jpg) no-repeat center top / cover; display: flex; align-items: center;}
.main_visual .slide_3 .text_box {text-align: left;}
.main_visual .slide_3 .text_box h2 {color:#fff; font-size:54rem; font-weight: var(--weight_light); line-height: 1.5;}
.main_visual .slide_3 .text_box h2 b {font-weight: var(--weight_bold);}
.main_visual .swiper-pagination {position: absolute; bottom:80px; left:50%; transform: translateX(-50%); z-index: 10; display: flex; align-items: center;}
.main_visual .swiper-pagination .swiper-pagination-bullet {cursor: pointer; transition: all 0.3s; display:block; width: 5px; height:5px; border-radius: 50%; border:0; background:#fff; opacity:1; margin:0 10px;}
.main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {position: relative;}
.main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {display: block; content: ''; width: 23px; height: 23px; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border:1px solid #fff;}

.msc_1 {padding:200px 0px;}
.msc_1 .text_box {margin-bottom:98px;}
.msc_1 .text_box .box { display: flex; align-items: center; justify-content: space-between;}
.msc_1 .text_box h3 {font-size:54rem; font-weight: var(--weight_bold); color:var(--main-color); line-height: 1.5; width: 56%; display: flex; justify-content: center;}
.msc_1 .text_box .item {display: flex; justify-content: space-between; width: 44%;}
.msc_1 .text_box .item p {font-size:30rem; color:#333; line-height: 1.5;}
.msc_1 .text_box .item p b {color:var(--main-color);}
.msc_1 .text_box .item .img {padding-right:110px; position: relative;}
.msc_1 .text_box .item .img::after {display: block; position: absolute; content: ''; background: url(../img/msc_1_item_bg.png) no-repeat center / cover; width: 357px; height: 409px; right: 0;     top: -120px; z-index: -1;}
.msc_1 .text_box .item .img img {width: 16vw;}
.msc_1 .img_box {display: flex; justify-content: space-between;  position: relative;}
.msc_1 .img_box .item_1 {width: 54vw; height: 438px; background: url(../img/msc_1_item_4.jpg) no-repeat center / cover; border-radius: 0px 80px 80px 0px;}
.msc_1 .img_box .item_1::after {display: block; content: ''; position: absolute; left: 15%; top: -80px; width: 156px; height: 156px; background: url(../img/msc_1_item_3.png) no-repeat center / cover;}
.msc_1 .img_box .item_2 {width: 44vw; height: 438px; background: url(../img/msc_1_item_5.jpg) no-repeat center / cover; border-radius: 80px 0px 0px 80px;}


.msc_2 {padding:165px 0px 200px; background: var(--main-color); display: flex; justify-content: space-between; align-items: center;}
.msc_2 .text_box {padding-left:182px; padding-right:100px;}
.msc_2 .text_box p {font-size:20rem; color:#fff; margin-bottom:34px;}
.msc_2 .text_box h3 {font-size:44rem; color:#fff; font-weight:var(--weight_light); line-height: 1.5; margin-bottom:70px;}
.msc_2 .text_box a {font-size:16rem; color:#2e3192; display: flex; align-items: center; padding:14.5px 32px; background: #fff; width: fit-content;}
.msc_2 .text_box a img {height: 10px; margin-left: 23.5px;}

.msc_2 .img_box {position: relative; width: 1165px;  z-index: 0;}
.msc_2 .img_box::after {display: block; position: absolute; content: ''; background: url(../img/msc_2_bg.png) no-repeat center / cover; width: 287px; height: 330px; left: 0;     top: -120px; z-index: -1;}
.msc_2 .img_box .box {width:100%; height: 0; padding-bottom: 59.2%; overflow: hidden; position: relative;}
.msc_2 .img_box .box img {position: absolute; top:0; left:0; width: 100%; height: 100%;}


.msc_3 {width: 100%; background: url(../img/msc_3_bg.jpg) no-repeat center / cover; padding:185px 0px; position: relative;}
.msc_3 .box {width: 100%; padding:0px 85px; box-sizing: border-box;}
.msc_3 .swiper_2 {overflow: hidden;}
.msc_3 .swiper-slide {text-align: center;}
.msc_3 .swiper-slide p {font-size:24rem; color:#fff; margin-bottom:20px; line-height: 1.5;}
.msc_3 .swiper-slide span {font-size:18rem; color:#fff; font-weight: var(--weight_light); line-height: 1.5; display: block; width:70%;margin:0 auto;min-height:90px;}

.msc_3 .swiper-slide a img {width: 100%;}
.msc_3 .swiper-pagination {position: absolute; bottom:120px; left:50%; transform: translateX(-50%); z-index: 10; display: flex; align-items: center;}
.msc_3 .swiper-pagination .swiper-pagination-bullet {cursor: pointer; transition: all 0.3s; display:block; width: 5px; height:5px; border-radius: 50%; border:0; background:#fff; opacity:1; margin:0 10px;}
.msc_3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {position: relative;}
.msc_3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {display: block; content: ''; width: 23px; height: 23px; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border:1px solid #fff;}

 
.msc_4 {width: 100%; padding:132px 0px 147px; margin-bottom:165px; background: url(../img/msc_4_bg.jpg) no-repeat center / cover;}
.msc_4 .box {width: 1538px; margin: 0 auto;}
.msc_4 .profile {display: flex; align-items: flex-end; margin-bottom:40px;}
.msc_4 .profile .text_box {margin-right:90px;}
.msc_4 .profile .text_box p {font-size:44rem; color:#fff; line-height: 1.5;}
.msc_4 .profile .text_box h3 {font-size:60rem; color:#fff; font-weight: var(--weight_bold); margin-bottom:30px;}
.msc_4 .profile .text_box span {font-size:18rem; color:#fff; line-height: 1.5;}
.msc_4 .profile .brief {display: flex;}
.msc_4 .profile .brief .img_box {margin-right:37px;}
.msc_4 .profile .brief .img_box img {width: 245px; height: 245px;}
.msc_4 .profile .brief .history span {display:block; font-size:18rem; color:#fff; margin-bottom:13px;}
.msc_4 .profile .brief .history > p {font-size:26rem; font-weight: var(--weight_bold); color:#fff; margin-bottom:30px;}
.msc_4 .profile .brief .history ul li {display: flex; font-size: 16rem; line-height: 1.5; color:#fff;}
.msc_4 .profile .brief .history ul li b {width: 190px;}
.msc_4 .item_box {display: flex; width: 1254px; margin: 0 auto; justify-content: space-between;}
.msc_4 .item_box li {width: calc(33.3% - 22.5px); border-radius: 40px; overflow: hidden;}
.msc_4 .item_box li img {width: 100%;}

.msc_5 {width: 100%;}
.msc_5 .box {width: 1538px; margin: 0 auto;}
.msc_5 h3 {font-size:60rem; color: #333; margin-bottom:50px;}
.msc_5 .swiper_3 {position: relative; overflow: hidden;}
.msc_5 .swiper_3 .swiper-slide a {display:block; width: 100%; height: 750px;}
.msc_5 .swiper_3 .slide_1 a {background: url(../img/msc_5_item_1_pc.jpg) no-repeat center / cover;}
.msc_5 .swiper_3 .slide_2 a {background: url(../img/msc_5_item_2_pc.jpg) no-repeat center / cover;}
.msc_5 .swiper_3 .slide_3 a {background: url(../img/msc_5_item_3_pc.jpg) no-repeat center / cover;}
.msc_5 .swiper_3 .slide_4 a {background: url(../img/msc_5_item_4_pc.jpg) no-repeat center / cover;}
.msc_5 .swiper_3 .slide_5 a {background: url(../img/msc_5_item_5_pc.jpg) no-repeat center / cover;}
.msc_5 .swiper_3 .slide_6 a {background: url(../img/msc_5_item_6_pc.jpg) no-repeat center / cover;}
.msc_5 .swiper_3 .slide_7 a {background: url(../img/msc_5_item_7_pc.jpg) no-repeat center / cover;}

.msc_5 .swiper_3 .swiper-remote {position: absolute; left: 183px; top: 0; z-index: 100; display: flex;}
.msc_5 .swiper_3 .swiper-remote .swiper-button-next, .msc_5 .swiper_3 .swiper-remote .swiper-button-prev {width: 83px; height: 83px; cursor: pointer;}
.msc_5 .swiper_3 .swiper-remote .swiper-button-next {background: url(../img/swiper_next.png) no-repeat center / cover;}
.msc_5 .swiper_3 .swiper-remote .swiper-button-prev {background: url(../img/swiper_prev.png) no-repeat center / cover; border-right:1px solid #fff;}

.msc_6 {width: 100%; padding-top:33px;}
.msc_6 .box {width: 1538px; margin: 0 auto; position: relative;}
.msc_6 .box::before {content: ''; display: block; position: absolute; left: 0; bottom: 0; background: url(../img/msc_6_bg_item.png) no-repeat center / cover; width: 258px; height: 297px; }
.msc_6 .box::after {content: ''; display: block; position: absolute; right: 0; top: 70px; background: url(../img/msc_6_bg_item.png) no-repeat center / cover; width: 258px; height: 297px; }
.msc_6 .item_box {width: 793px; margin: 0 auto; display: flex;}
.msc_6 .item_box .text_box {padding-top:94px; margin-right:40px;}
.msc_6 .item_box .text_box h3 {font-size:60rem; font-weight: var(--weight_bold); color:var(--blue_02); margin-bottom:40px;}
.msc_6 .item_box .text_box p {font-size:18rem; line-height: 1.5; margin-bottom:50px; color:var(--blue_02);}
.msc_6 .text_box a {font-size:16rem; color:#fff; display: flex; align-items: center; padding:14.5px 32px; background: var(--blue_02); width: fit-content;}
.msc_6 .text_box a img {height: 10px; margin-left: 23.5px;}
.msc_6 .img_box {display: flex;}
.msc_6 .img_box img {height: 472px;}

.msc_7 {width: 100%; height: 488px;}


/* footer */

.floating_menu {position: fixed; right:23px; top: 18%; z-index: 1000;}
.floating_menu ul {display: flex; flex-direction: column;}
.floating_menu ul li {margin-bottom: 7px;}
.floating_menu ul li img {height: 66px;}

#pc_footer {background: #333434; padding:44px 0px 86px;}
#pc_footer .box {width: 1538px; margin: 0 auto; display: flex; justify-content: space-between;}
#pc_footer .box .left {display: flex; align-items: center;}
#pc_footer .box .left .logo {margin-right:94px;}
#pc_footer .box .left .logo img {height: 51px;}
#pc_footer .box .left ul li {font-size:16rem; color:#fff; line-height: 1.5;}
#pc_footer .box .right {display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}
#pc_footer .box .right ul {display: flex;}
#pc_footer .box .right ul li a {font-size: 14rem; color:#8D9196; font-weight: var(--weight_medium); margin-left: 34px;}
#pc_footer .box .right .copyright span {font-size: 16rem; color:#fff; display: block; margin-bottom:5px;}
#pc_footer .box .right .copyright a {font-size: 16rem; color:#fff;}
#mo_footer {display: none;}


/* sub */

.sub_banner {width: 100%;}
.sub_banner.about {background: url(../img/sub_banner_bg_about.jpg) no-repeat center / cover;}
.sub_banner.lab {background: url(../img/sub_banner_bg_lab.jpg) no-repeat center / cover;}
.sub_banner.info {background: url(../img/sub_banner_bg_info.jpg) no-repeat center / cover;}
.sub_banner.community {background: url(../img/sub_banner_bg_community.jpg) no-repeat center / cover;}

.sub_banner .box {width: 1334px; height: 400px; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center;}
.sub_banner h2 {font-size:34rem; font-weight: var(--weight_bold); color:#fff;}

.btn_select {display: none;}
.sub_banner .sub_navigation {width: 100%; position: absolute; bottom:-60px; left: 0; height: 120px; box-sizing: border-box; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 100;}
.sub_banner .sub_navigation ul {display: flex; align-items: center; justify-content: space-between;}
.sub_banner .sub_navigation ul li {position: relative;}
.sub_banner .sub_navigation ul li.active a::after {content: ''; display: block; width: 111px; height: 3px; background: var(--main-color); position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%);}
.sub_banner .sub_navigation ul li.active a {color:var(--main-color); font-weight: var(--weight_bold);}
.sub_banner .sub_navigation ul li a:hover {color:var(--main-color); font-weight: var(--weight_bold);}
.sub_banner .sub_navigation ul li:hover a::after {content: ''; display: block; width: 111px; height: 3px; background: var(--main-color); position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%);}
.sub_banner .sub_navigation ul li a {display: block; font-size:26rem; color:#707070; height: 120px; box-sizing: border-box; line-height: 120px; width: 160px; text-align: center;}
.sub_banner .sub_navigation.lab ul li a {font-size: 18rem;}

.sub_banner.community .sub_navigation {max-width:920px; left:50%; transform:translateX(-50%);}


/* 인사말 */

.about_1_content .sc_1 {padding:240px 0px 155px;}
.about_1_content .sc_1 .box {width: 1355px; margin: 0 auto; display: flex; align-items: center;}
.about_1_content .sc_1 .box .img_box {width: 50vw; max-width: 610px; border-radius: 80px; overflow: hidden;}
.about_1_content .sc_1 .box .img_box img {width: 100%;}
.about_1_content .sc_1 .box .text_box {width: 50vw; max-width: 630px; padding-left:110px;}
.about_1_content .sc_1 .box .text_box h3 {font-size:34rem; font-weight: var(--weight_bold); color: var(--main-color); line-height: 1.5; margin-bottom: 75px;}
.about_1_content .sc_1 .box .text_box  {margin-bottom:30px;}
.about_1_content .sc_1 .box .text_box p {font-size:18rem; line-height: 1.5;}
.about_1_content .sc_1 .box .text_box p br.mo {display: none;}
.about_1_content .sc_2 {margin-bottom:60px;}
.about_1_content .sc_2 .box {width: 1355px; margin: 0 auto;}
.about_1_content .sc_2 .box p {font-size:18rem; font-weight: var(--weight_bold); color: var(--main-color); max-width: 629px; line-height: 1.5;}
.about_1_content .sc_3 {width: 100%; background: url(../img/about_sc_3_bg.jpg) no-repeat center / cover; height: 674px; display: flex; align-items: center; margin-bottom: 300px;}
.about_1_content .sc_3 .box {width: 1355px; margin: 0 auto; display: flex; align-items: center; position: relative; }
.about_1_content .sc_3 .box .text_box {max-width: 573px;}
.about_1_content .sc_3 .box .text_box p {font-size:18rem; color: #fff; line-height: 1.5; margin-bottom:144px;}
.about_1_content .sc_3 .box .text_box span {font-size:18rem; font-weight: var(--weight_bold); color:#fff; display: block; text-align: right;}
.about_1_content .sc_3 .box .img_box {position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: 629px;}
.about_1_content .sc_3 .box .img_box img {width: 100%;}


/* 개요 */

.about_2_content {padding:250px 0px 170px;}
.about_2_content article {font-size:18rem; line-height: 1.5;}
.about_2_content .sc_1 {text-align: center; margin-bottom:105px;}
.about_2_content .sc_1 h3 {font-size:34rem; color:var(--main-color); font-weight: var(--weight_bold); margin-bottom:50px;}
.about_2_content .sc_1 h3 br {display: none;}
.about_2_content .sc_1 article {max-width: 935px; margin:0 auto;}
.about_2_content .sc_2 {margin-bottom:170px;}
.about_2_content .sc_2 .img_box {width: 73vw; border-radius: 0 80px 80px 0; overflow: hidden; margin-bottom:80px;}
.about_2_content .sc_2 .img_box img {width: 100%;}
.about_2_content .sc_2 article {max-width: 573px; margin:0 auto; text-align: center;}
.about_2_content .sc_3 {display: flex; align-items: center; justify-content: center; margin-bottom:140px;}
.about_2_content .sc_3 .img_box {max-width: 876px; overflow: hidden; border-radius: 80px;}
.about_2_content .sc_3 .img_box img {width: 100%;}
.about_2_content .sc_3 article {max-width: 573px; margin-left: 70px;}
.about_2_content .sc_4 article {max-width: 573px; text-align: center; margin: 0 auto;}


/* 연혁 */

.about_3_content {padding:270px 0px 450px; background: #F6F7FB; position: relative;}
.about_3_content .box {width: 1484px; margin: 0 auto; position: relative;}
.about_3_content .logo_img {position: absolute; left:0; top:-50px;}
.about_3_content .logo_img img {height: 150px;}
.about_3_content .bg_img {position: absolute; right:0;  bottom: -360px; z-index: 0;}
.about_3_content .bg_img img {height: 409px;}
.about_3_content .box::after {display: block; content: ''; position: absolute; width: 37px; height: 37px; border: 3px solid var(--main-color); left: 50%; top: -80px;
    transform: translateX(-50%) rotate(45deg);}
.about_3_content .box::before {display: block; content: ''; position: absolute; width: 37px; height: 37px; border: 3px solid var(--main-color); left: 50%; bottom: -80px;
    transform: translateX(-50%) rotate(45deg);}
.about_3_content .box ul {position: relative;}
.about_3_content .box ul::before {display: block; content: ''; position: absolute; width: 3px; height: 2000px; background: var(--main-color); left:50%; top:50%; transform: translate(-50%, -50%);}
.about_3_content .box ul li .item_box {z-index: 1; height: 176px; border-radius: 80px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background: #fff; position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; box-sizing: border-box;}
.about_3_content .box ul .right {margin-left:50%; padding-left:145px;}
.about_3_content .box ul .right .year {left:-220px;}
.about_3_content .box ul .right .item_box::after {display: block; content: ''; position: absolute; left:-33px; top:50%; border-style: solid; border-width: 16.5px 33px 16.5px 0; border-color: transparent #ffffff transparent transparent; transform: translateY(-50%);}
.about_3_content .box ul .left {margin-right: 50%; padding-right:145px;}
.about_3_content .box ul .left .year {right:-220px;}
.about_3_content .box ul .left .item_box::after {display: block; content: ''; position: absolute; right:-33px; top:50%; border-style: solid; border-width: 16.5px 0 16.5px 33px; border-color: transparent transparent transparent #ffffff; transform: translateY(-50%);}
.about_3_content .box ul li .year {position: absolute; top: 50%; transform: translateY(-50%); font-size:34rem; color:#fff; font-weight: var(--weight_bold); display: flex; align-items: center; justify-content: center; width: 150px; height: 60px; background: var(--main-color);}
.about_3_content .box ul li p {font-size:18rem; line-height: 1.5; display: flex; align-items: center; color:#000;}
.about_3_content .box ul li p b {color: var(--main-color); font-weight: var(--weight_bold); width: 50px; display: block;}


/* 경영철학 */

.about_4_content {padding:320px 0px 188px;}
.about_4_content .box {width: 1213px; margin:0 auto;}
.about_4_content .title {margin-bottom: 184px; text-align: center;}
.about_4_content .title h3 {font-size:40rem; font-weight: var(--weight_bold); color:#000; margin-bottom:50px;}
.about_4_content .title p {font-size:34rem; font-weight: var(--weight_bold); line-height: 1.5; color: var(--main-color);}
.about_4_content .sc_1 {position: relative;}
.about_4_content .sc_1::before {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; right:50px; top:0; z-index: -1;}
.about_4_content .sc_1 h3 {font-size:40rem; font-weight: var(--weight_bold); color:#000; margin-bottom:93px; text-align: center;}
.about_4_content .sc_1 ul li {display: flex; align-items: center; justify-content: space-between;}
.about_4_content .sc_1 ul li .img_box {width: calc(50% - 25px); border-radius: 80px; overflow: hidden;}
.about_4_content .sc_1 ul li .img_box img {width: 100%;}
.about_4_content .sc_1 ul li .text_box {width: calc(50% - 25px); padding: 0px 128px; box-sizing: border-box;}
.about_4_content .sc_1 ul li .text_box p {font-size:25rem; font-weight: var(--weight_bold); margin-bottom:38px;}
.about_4_content .sc_1 ul li .text_box article {font-size:18rem; line-height: 1.5;}
.about_4_content .sc_1 .circle_box {padding-top:150px; position: relative;}
.about_4_content .sc_1 .circle_box::after {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; left: -200px; top: 0; z-index: -1;}
.about_4_content .sc_1 .circle_box img {width: 100%;}
.about_4_content .sc_1 .circle_box h3 {display: none;}
.about_4_content .sc_1 .circle_box .pc {display: block;}
.about_4_content .sc_1 .circle_box .mobile {display: none;}


/* CI */

.about_5_content {padding: 317px 0px 252px;}
.about_5_content .sc_1 {margin-bottom: 130px;}
.about_5_content .sc_1 .box {width: 900px; margin: 0 auto;  display: flex; flex-direction: column; align-items: flex-end;}
.about_5_content .sc_1 .img_box {}
.about_5_content .sc_1 .img_box img {width: 100%;}
.about_5_content .sc_1 article {max-width: 618px; font-size: 18rem; line-height: 1.5; word-break: break-all;}
.about_5_content .sc_1 article .mo {display: none;}
.about_5_content .sc_2 .box {width: 1150px; margin: 0 auto;}
.about_5_content .sc_2 .title {padding:39.5px 0px; border-top: 1px solid #707070; border-bottom: 1px solid #707070;}
.about_5_content .sc_2 .title h3 {font-size: 36rem; font-weight: var(--weight_bold); color:#707070;}
.about_5_content .sc_2 .item_1 {margin-bottom:142px;}
.about_5_content .sc_2 .item_1 .title {margin-bottom: 73px;}
.about_5_content .sc_2 .item_1 p {font-size:18rem; margin-bottom: 80px;}
.about_5_content .sc_2 .item_1 .img_box {width: 360px;}
.about_5_content .sc_2 .item_1 .img_box img {width: 100%;}
.about_5_content .sc_2 .item_2 .title {margin-bottom:40px;}
.about_5_content .sc_2 .item_2 p {margin-bottom: 120px; font-size: 18rem;}
.about_5_content .sc_2 .item_2 .img_box {width: 100%;}
.about_5_content .sc_2 .item_2 .img_box img {width: 100%;}


/* Partner */

.about_6_content {padding: 245px 0px 145px; position: relative;}
.about_6_content::after {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; right:50px; top:250px; z-index: -1;}
.about_6_content .box {width: 1100px; margin: 0 auto; text-align: center;}
.about_6_content h3 {font-size: 40rem; font-weight: var(--weight_bold); margin-bottom: 100px; color:var(--main-color)}
.about_6_content ul {display: flex; align-items: center; flex-wrap: wrap;gap:0 45px}
.about_6_content ul li {width: calc(33.3% - 30px); margin-bottom:100px; text-align: center;}
.about_6_content ul li img {max-width:100%;height: 50%;}


/* 위치안내 */

.about_7_content {padding:200px 0px 140px;}
.about_7_content .box {width: 921px; margin: 0 auto;}
.about_7_content h3 {font-size: 40rem; font-weight: var(--weight_bold); margin-bottom: 50px; color:var(--main-color); text-align: center;}
.about_7_content .map .map_box {margin-bottom:65px; width: 100%; height: 468px;}
.about_7_content .map ul {padding-left:40px;}
.about_7_content .map ul li {display: flex; align-items: center; font-size: 18rem; margin-bottom: 20px;}
.about_7_content .map ul li .icon {width: 50px; text-align: center;}
.about_7_content .map ul li:last-child {margin-bottom: 0;}
.about_7_content .map ul li a {color:#707070;}


/* 연구소소개 */

.lab_1_content {padding:217px 0px 0px;}
.lab_1_content .sc_1 {padding:0px 0px 172px; width: 1409px; margin: 0 auto;}
.lab_1_content .sc_1 .title {margin-bottom:107px;}
.lab_1_content .sc_1 .title::after {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; right: 90px;
    top: 780px; z-index: -1;}
.lab_1_content .sc_1 .title article {font-size:24rem; line-height: 1.7; text-align: center; margin: 0 auto 113px; max-width: 1024px;}
.lab_1_content .sc_1 .title article b {color: var(--main-color); font-weight: var(--weight_bold); display: block;}
.lab_1_content .sc_1 .title article i {font-weight: var(--weight_bold);}
.lab_1_content .sc_1 .title .img_box {width: 100%; border-radius: 80px; overflow: hidden;}
.lab_1_content .sc_1 .title .img_box img {width: 100%;}
.lab_1_content .sc_1 .item_1 {display: flex; align-items: center; margin-bottom:109px;}
.lab_1_content .sc_1 .item_1 .img_box {width: 452px; height: 452px; border-radius: 80px; overflow: hidden;}
.lab_1_content .sc_1 .item_1 .img_box img {width: 100%;}
.lab_1_content .sc_1 .item_1 .text_box {width: 100%; max-width: 956px; background: #F2F7FF; border-radius: 0 80px 80px 0; box-sizing: border-box; padding:70px 108px;}
.lab_1_content .sc_1 .item_1 .text_box p {font-size:30rem; font-weight: var(--weight_bold); color: var(--main-color); margin-bottom:35px;}
.lab_1_content .sc_1 .item_1 .text_box article {font-size: 18rem; line-height: 1.5; max-width: 618px;}
.lab_1_content .sc_1 .item {display: flex; align-items: center;}
.lab_1_content .sc_1 .item_2 {margin-bottom: 124px;}
.lab_1_content .sc_1 .item .text_box {max-width: 732px; width: 100%; margin-right:80px;}
.lab_1_content .sc_1 .item .text_box p {font-size:30rem; font-weight: var(--weight_bold); color: var(--main-color); margin-bottom:40px;}
.lab_1_content .sc_1 .item .text_box article {font-size: 18rem; line-height: 1.5;}
.lab_1_content .sc_1 .item .img_box {width: 595px; height: 595px; border-radius: 80px; overflow: hidden;}
.lab_1_content .sc_1 .item .img_box img {width: 100%;}
.lab_1_content .sc_2 {width: 100%; background: url(../img/lab_1_sc_2_bg.jpg) no-repeat center / cover; padding:180px 0px 200px;}
.lab_1_content .sc_2 .box {width: 1310px; margin: 0 auto; display: flex;}
.lab_1_content .sc_2 .box .profile {width: 245px; height: 245px; margin-right:37px;}
.lab_1_content .sc_2 .box .profile img {width: 100%;}
.lab_1_content .sc_2 .box .text_box {color:#fff; max-width: 1026px;}
.lab_1_content .sc_2 .box .text_box .title {margin-bottom:30px;}
.lab_1_content .sc_2 .box .text_box .title span {font-size:18rem; margin-bottom: 13px; display: block;}
.lab_1_content .sc_2 .box .text_box .title p {font-size:26rem; font-weight: var(--weight_bold);}
.lab_1_content .sc_2 .box .text_box .history {margin-bottom: 50px;}
.lab_1_content .sc_2 .box .text_box .history li {display: flex; font-size: 16rem; font-weight: var(--weight_light); line-height: 1.5;}
.lab_1_content .sc_2 .box .text_box .history li b {width: 190px;}
.lab_1_content .sc_2 .box .text_box .text {font-size:16rem; font-weight: var(--weight_light); line-height: 1.5;}


/* 보유기술 */

.lab_2_content {padding:132px 0px 52px;}
.lab_2_content .box {width: 1200px; margin:0 auto;}
.lab_2_content h3 {font-size: 40rem; font-weight: var(--weight_bold); color: var(--main-color); margin-bottom: 50px; text-align: center;}
.lab_2_content .sc {margin-bottom: 50px; padding-top:100px;}
.lab_2_content .item_box {display: flex; justify-content: center; flex-wrap: wrap;}
.lab_2_content .item_box li {margin: 0px 10px 50px; text-align: center;}
.lab_2_content .item_box li img {height: 410px; margin-bottom: 30px;}
.lab_2_content .item_box li p {font-size:14rem;}
.lab_2_content .text_center {text-align: center; margin-bottom: 30px;}
.lab_2_content .text_center .item_box li {margin: 0px 10px 30px;}
.lab_2_content .text_center .item_box li img {margin-bottom:0;}


/* 갤러리 게시판 */

.sound_only {font-size: 0; position: absolute;}
.board_box {width: 1538px; margin: 0 auto;}
.cke_sc {display: none;}

#bo_gall .board_box {padding: 186px 0 316px; z-index: 1; position: relative;}
#bo_w .board_box {padding: 140px 0px 145px; z-index: 1; position: relative;}
#bo_v .board_box {width: 1136px; padding: 157px 0px 103px; z-index: 1; position: relative;}
#bo_list .board_box {width: 1277px; margin: 0 auto; padding:200px 0px 285px;}


#bo_w input[type="text"] {width: 100%; box-sizing: border-box; border: 1px solid #ddd; padding:15px 20px; height: 50px; font-size:18rem;}
#bo_w input[type="text"]::placeholder {color: #999999;}
#bo_w .bo_w_tit #btn_autosave {top: 50%; transform: translateY(-50%); right: 20px; color: #707070;}
#bo_w .summery {margin-bottom: 15px;}
#bo_w .editor_box {margin-bottom: 30px;}
#bo_w .bo_w_link {display: flex; align-items: center; margin-bottom: 13px;}
#bo_w .bo_w_link label {position: unset; display: block; width: 95px; font-size: 20rem;}
#bo_w .bo_w_link input {max-width: calc(100% - 95px);}

#bo_w .custom_file .file_upload {display: flex; align-items: center; margin-bottom: 13px;}
#bo_w .custom_file .file_upload span {display: block; width: 95px; font-size:20rem;}
#bo_w .custom_file .file_upload label {font-size:18rem; padding:15px 20px; border:1px solid #999; margin-right:15px; cursor: pointer; color:#222;}
#bo_w .custom_file .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#bo_w .custom_file .filebox input[type="text"] {border: 0; padding:0; width: auto; height: auto; font-size: 18rem; cursor: default;} 
#bo_w .btn_box {display: flex; justify-content: center; align-items: center; margin-top: 80px;}
#bo_w .btn_box .btn {padding:0px 25px; font-size: 18rem; margin:0px 10px; border:1px solid #000; color: #000; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 0;}
#bo_w .btn_box .btn_submit {color: #fff; font-weight: var(--weight_bold); background: #000;}


#bo_v {position: relative;}
#bo_v::after {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; left: 50px;
    bottom: 50px; z-index: 0;}
#bo_v header {text-align: center; margin-bottom: 85px;}
#bo_v_title .bo_v_tit {font-size: 43rem; font-weight: var(--weight_bold); margin-bottom: 45px; line-height: 1.5;}
#bo_v_info {border:0;}
#bo_v header p {font-size: 18rem; line-height: 1.5;}
#bo_v_atc h2 {font-size: 40rem; color: var(--main-color); font-weight: var(--weight_bold); text-align: center; margin-bottom: 117px;}
#bo_v .bo_v_com {float: none; display: flex; width: auto; align-items: center; justify-content: center;}
#bo_v .btn_bo_user {float: none;}
#bo_v .btn_bo_user li {width: auto; margin-left: 0;}
#bo_v .btn_box {display: flex; justify-content: center; align-items: center;}
#bo_v .btn_box .btn {padding:0px 25px; transition:all 0.3s; font-size: 18rem; margin:0px 10px; border:1px solid #000; color: #000; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 0;}
#bo_v .btn_box .btn:hover {background: #000; color:#fff;}
#bo_v .btn_box .more_opt {width: 100%; top: 60px;}
#bo_v .btn_box .more_opt li {text-align: center;}
#bo_v .btn_box .more_opt li a, #bo_v .btn_box .more_opt li button {display: block;}

#bo_gall {background: #F6F7FB; position: relative;}
#bo_gall::before {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; right: 50px;
    top: 50px; z-index: 0;}
#bo_gall::after {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; left: 50px;
    bottom: 50px; z-index: 0;}
#bo_gall #gall_ul {position: relative; z-index: 1;}

#bo_gall .chk_box {display:flex; justify-content:flex-start;}
#bo_gall .gall_con {cursor: pointer; position: relative; border: 3px solid transparent;}
#bo_gall .gall_con:hover {border: 3px solid var(--main-color);}
#bo_gall .gall_con:hover .gall_text_href {background: #fff;}
#bo_gall .gall_con:hover .overlay {display: flex;}
#bo_gall .gall_text_href {margin: 0; text-align:center; padding: 30px 0px 80px;}
#bo_gall .gall_img {border-bottom: 0; position: relative; height: 0 !important; padding-bottom: 99%;}
#bo_gall .gall_img .overlay {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(0,0,0,.22); width: 100%; height: 100%; display: none;}
#bo_gall .gall_img .overlay p {font-size:20rem; color:#fff; font-weight: var(--weight_bold); line-height: 1.5; width: 60%;}
#bo_gall .gall_img img {width: 100%; height: 100% !important; position: absolute; left: 0; top: 0;}

#bo_gall .btn_bo_user {float: none;}
#bo_gall .btn_bo_user li {width: auto; margin-left: 0; background: 0;}
#bo_gall .btn_box {display: flex; justify-content: center; align-items: center;}
#bo_gall .btn_box .btn {padding:0px 25px; transition: all 0.3s; font-size: 18rem; margin:0px 10px; border:1px solid #000; color: #000; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 0;}
#bo_gall .btn_box .btn:hover {background: #000; color:#fff;}
#bo_gall .btn_box .btn_submit {color: #fff; font-weight: var(--weight_bold); background: #000;}
#bo_gall .btn_box .more_opt {width: 100%; top: 60px;}
#bo_gall .btn_box .more_opt li {text-align: center;}
#bo_gall .btn_box .more_opt li a, #bo_v .btn_box .more_opt li button {display: block;}
#bo_gall .bo_tit {overflow: hidden; text-overflow: ellipsis; font-size: 20rem; font-weight: var(--weight_bold); }

#bo_gall.custom_gallery_2 {background: #fff;}
#bo_gall.custom_gallery_2::before {display: none;}
#bo_gall.custom_gallery_2 .gall_con:hover .gall_text_href {background: none;}
#bo_gall.custom_gallery_2 .board_box {width: 1384px; padding: 150px 0px 210px;}
#bo_gall.custom_gallery_2 .board_box .position_box > h3 {font-size: 50rem; font-weight: var(--weight_bold); margin-bottom: 30px; color: #000;}
#bo_gall.custom_gallery_2 .gall_img {padding-bottom: 68.4%;}
#bo_gall.custom_gallery_2 .gall_text_href {text-align: left; padding:15px;}
#bo_gall.custom_gallery_2 .bo_tit {font-size: 16rem; font-weight: var(--weight_normal);}
#bo_gall.custom_gallery_2 .gall_con:hover {border: 3px solid transparent;}

#bo_gall.custom_gallery_4 {background: #fff;}
#bo_gall.custom_gallery_4::before {display: none;}
#bo_gall.custom_gallery_4 .gall_con:hover .gall_text_href {background: none;}
#bo_gall.custom_gallery_4 .board_box {width: 1384px; padding: 150px 0px 210px;}
#bo_gall.custom_gallery_4 .board_box > h3 {font-size: 50rem; font-weight: var(--weight_bold); margin-bottom: 30px; color: #000;}
#bo_gall.custom_gallery_4 .gall_img {padding-bottom: 100%;}
#bo_gall.custom_gallery_4 .gall_text_href {text-align: left; padding:15px;}
#bo_gall.custom_gallery_4 .bo_tit {font-size: 16rem; font-weight: var(--weight_normal);}
#bo_gall.custom_gallery_4 .gall_con:hover {border: 3px solid transparent;}

.pg_wrap {display: flex; justify-content: center; align-items: center; margin-bottom: 70px;}
.pg_wrap .pg {display: flex; align-items: center;}
.pg_wrap .pg a {font-size: 16rem; font-weight: var(--weight_bold); margin: 0px 7.5px; display: flex;}
.pg_wrap .pg strong {font-size: 16rem; font-weight: var(--weight_bold); margin: 0px 7.5px; color: var(--main-color); position: relative;}
.pg_wrap .pg strong::after {display: block; content: ''; width: 100%; position: absolute; bottom:-3px; height: 2px; background: var(--main-color); left: 50%; transform: translateX(-50%);}
.pg_wrap .pg img {height: 16px;}

#bo_v.custom_gallery_2 header {text-align: left; margin-bottom:30px;}
#bo_v.custom_gallery_2 header #bo_v_title .bo_v_tit {font-size: 50rem; color:#000; margin-bottom: 0;}

#bo_list {position: relative;}
.position_box {position: relative; padding-top: 70px; z-index: 0;}
#bo_list::after {display: block; content: ''; position: absolute; width: 357px; height: 409px; background: url(../img/about_3_bg.png) center / cover; left: 50px;
    bottom: -100px; z-index: 0;}

#bo_list table {width: 100%; margin-bottom: 20px; border-top: 1px solid #222;}
#bo_list table thead th {height: 50px; background: #f9f9f9; vertical-align: middle; font-size: 18rem; color: #666; padding: 0px 10px;}
#bo_list table tbody td {height: 80px; vertical-align: middle; font-size: 20rem; background: #fff; padding:0px 10px; text-align: center; border-bottom: 1px solid #eee; max-width: 0;}
#bo_list table tbody td .bo_tit {text-align: left; font-weight: var(--weight_normal); display: flex; align-items: center}
#bo_list table tbody td .bo_tit a {overflow: hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; line-height: 1.5;}


.bo_sch_wrap {display: block !important; position: absolute; right: 0; top: 0; left: auto; height: auto;}
.bo_sch_wrap .bo_sch_new form {display: flex; align-items: center; justify-content: flex-end;}
.bo_sch_wrap .bo_sch_new form select {height: 50px; padding: 15px 20px; border: 1px solid #999; appearance: none; color: #999; font-size: 18rem; margin-right: 10px; box-sizing: border-box; background: url(../img/select_arrow.png) no-repeat center right 20px / 12px 6px; background: #fff;}
.bo_sch_wrap .bo_sch_new form .sch_input {height: 50px; width: 280px; padding: 15px 20px; border: 1px solid #999; color: #999; font-size: 18rem; box-sizing: border-box;}
.bo_sch_wrap .bo_sch_new form .sch_bar {position: relative;}
.bo_sch_wrap .bo_sch_new form .sch_btn {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.bo_sch_wrap .bo_sch_new form .sch_btn img {height: 24px;}

#bo_list .btn_bo_user {float: none;}
#bo_list .btn_bo_user li {width: auto; margin-left: 0; background: 0;}
#bo_list .btn_box {display: flex; justify-content: flex-end; align-items: center;}
#bo_list .btn_box .btn {padding:0px 25px; font-size: 18rem; transition: all 0.3s; margin:0px 10px; border:1px solid #000; color: #444; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 0;}
#bo_list .btn_box .btn:hover {background: #000; color:#fff;}
#bo_list .btn_box .btn_submit {color: #fff; font-weight: var(--weight_bold); background: #000;}
#bo_list .btn_box .more_opt {width: 100%; top: 60px;}
#bo_list .btn_box .more_opt li {text-align: center;}
#bo_list .btn_box .more_opt li a, #bo_v .btn_box .more_opt li button {display: block;}


/* responsive */


@media (max-width: 1870px){ 

    .msc_2 .text_box {padding-left: 100px; width: 550px;}

}


@media (max-width: 1538px){

    #pc_header .box {width: 100%;}
    
    .msc_1 .text_box h3 {font-size: 44rem;}
    .msc_1 .text_box .item p {font-size:24rem;}
    .msc_2 .img_box {width: 100%;}
    .msc_2 .text_box h3 {font-size: 30rem;}
    .msc_3 .swiper-slide span {font-size: 15rem;}
    .msc_4 .box, .msc_5 .box, .msc_6 .box, #pc_footer .box {width: 100%;}

    .msc_4 .profile {flex-direction: column; align-items: flex-start; width: 881px; margin: 0 auto 60px;}
    .msc_4 .profile .text_box {margin-right: 0; margin-bottom: 50px;}
    .msc_4 .item_box {width: 100%; padding:0px 20px; box-sizing: border-box;}

    .msc_5 h3 {font-size: 40rem; text-align: center;}

    .about_3_content .box {width: 100%; padding:0px 20px; box-sizing: border-box;}
    .about_3_content .box ul li p {font-size: 15rem;}
    .lab_1_content .sc_1 .item_3 {margin-bottom: 100px;}

    .board_box {width: 100% !important; padding:100px 20px 150px !important; box-sizing: border-box !important;}
    #bo_gall::before, #bo_gall::after, #bo_list::after {display: none;}
}


@media (max-width: 1355px){ 
    .about_1_content .sc_1 .box, .about_1_content .sc_2 .box, .about_1_content .sc_3 .box {width: 100%; padding: 0px 20px; box-sizing: border-box;}
    .about_1_content .sc_3 .box .img_box {max-width: 600px; width: 45vw; right: 20px;}


}

@media (max-width: 1334px){
    .sub_banner .box {width: 100%; height: 300px;}
    .sub_banner .box .sub_navigation {height: 100px; width: calc(100% - 40px); left: 50%; transform: translateX(-50%);}
    .sub_banner .sub_navigation ul li a {height: 100px; line-height: 100px;}

    
    .lab_1_content .sc_1 {width: 100%; padding:0px 20px; box-sizing: border-box;}
    .lab_1_content .sc_1 .item_1 .img_box, .lab_1_content .sc_1 .item .img_box {width: 100%; height: 0; position: relative; padding-bottom: 50%;}
    .lab_1_content .sc_1 .item_1 .img_box img, .lab_1_content .sc_1 .item .img_box img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .lab_1_content .sc_1 .item_1 .text_box {padding: 80px 50px;}
    .lab_1_content .sc_1 .item .text_box {margin-right: 50px;}

    .lab_1_content .sc_2 .box {width: 100%; flex-direction: column; align-items: center;}
    .lab_1_content .sc_2 .box .profile {margin-right:0; margin-bottom: 50px;}
    
}

@media (max-width: 1280px){

    .floating_menu {top: auto; bottom: 30px;}

    #pc_header {display: none;}
    #mo_header {width: 100%; position: sticky; top: 0; z-index: 1000; display: block;}
    #mo_header .top_bar {background: var(--blue_03); width: 100%; padding:0px 20px; box-sizing: border-box; height: 60px;}
    #mo_header .top_bar .box {display: flex; align-items: center; justify-content: space-between; height: 100%;}
    #mo_header .top_bar .logo img {height: 33px;}
    #mo_header .top_bar #headerBtn img {height: 11px;}
    #mo_header #side_bar {left: -100%; opacity: 0; transition: all 0.3s; position: absolute; width: 100%; height: calc(100vh - 60px); background: var(--blue_03); z-index: 10000;}
    #mo_header #side_bar.on {left: 0; opacity: 1;}
    #mo_header #side_bar .box {width: 100%; height: 100%; padding: 100px 0px 40px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box;}
    #mo_header #side_bar .box > ul {text-align: center; margin-bottom: 87px;}
    #mo_header #side_bar .box ul > li {margin-bottom: 25px;}
    #mo_header #side_bar .box ul > li:last-child {margin-bottom: 0;}
    #mo_header #side_bar .box ul > li .sub_menu {display: none; padding: 25px 0px 0px;}
    #mo_header #side_bar .box ul > li .sub_menu li a {font-size: 16rem; color: #fff;}
    #mo_header #side_bar .box ul > li > p {font-size:24rem; font-weight: var(--weight_light); color: #fff; cursor: pointer;}
    #mo_header #side_bar .box ul > li > p.active {font-weight: var(--weight_bold);}
    #mo_header #side_bar .link {margin-bottom: 100px;}
    #mo_header #side_bar .link a {font-size: 24rem; font-weight: var(--weight_bold); color: #fff;}
    #mo_header #side_bar .language a {font-size:18rem; color:#fff; background:var(--blue_04); border-radius: 30px; padding:8px 33px; display: block;}

    .main_visual .swiper-slide {height: calc(100vh - 60px);}
    .main_visual .slide_1 {background: url(../img/mv_slide_mo_1.jpg) no-repeat center top / cover;}
    .main_visual .slide_1 .text_box h2 {font-size: 30rem;}
    .main_visual .slide_1 .text_box h2 b {font-size:38rem;}
    .main_visual .slide_2 {background: url(../img/mv_slide_mo_2.jpg) no-repeat center top / cover;}
    .main_visual .slide_2 .text_box {text-align: center;}
    .main_visual .slide_2 .text_box h2 {font-size: 30rem;}
    .main_visual .slide_3 {background: url(../img/mv_slide_mo_3.jpg) no-repeat center top / cover;}
    .main_visual .slide_3 .text_box {text-align: center;}
    .main_visual .slide_3 .text_box h2 {font-size: 30rem;}

    .msc_1 {padding:70px 0px 60px; display: flex; align-items: center; flex-direction: column; overflow: hidden;}
    .msc_1 .text_box { margin-bottom: 70px;}
    .msc_1 .text_box .box {flex-direction: column; align-items: flex-start; justify-content: center;}
    .msc_1 .text_box h3 {width: auto; margin-bottom: 40px;}
    .msc_1 .text_box .item {width: auto; align-items: center;}
    .msc_1 .text_box .item p {margin-right: 50px;}
    .msc_1 .text_box .item .img {padding-right: 0; width: auto;}
    .msc_1 .text_box .item .img img {width: 25vw;}
    .msc_1 .text_box .item .img::after {width: 70px; height: 80px; bottom: -30px;  right: -30px; top: auto;}

    .msc_1 .img_box {flex-direction: column; width: 100%;}
    .msc_1 .img_box .item_1 {height: 35vw; width: 100%; border-radius: 300px; margin-left: -30px; margin-bottom: 20px;}
    .msc_1 .img_box .item_2 {height: 35vw; width: 100%; border-radius: 300px; margin-left: 30px;}
    .msc_1 .img_box .item_1::after {width: 100px; height: 100px; left: 15%; top: -50px;}

    .msc_2 {flex-direction: column; padding: 0;}
    .msc_2 .text_box {padding: 70px 0px; text-align: center; width: 100%;}
    .msc_2 .text_box p {font-size: 16rem; margin-bottom: 15px;}
    .msc_2 .text_box h3 {font-size: 28rem; margin-bottom: 25px;}
    .msc_2 .text_box a {font-size: 16rem; margin: 0 auto;}
    .msc_2 .img_box::after {left: 50%; transform: translateX(-50%); width: 56px; height: 64px; top: -400px;}

    .msc_3 {padding: 100px 0px 120px;}
    .msc_3 .swiper-slide span {font-size:14rem; min-height: 80px;}
    .msc_3 .swiper-pagination {bottom: 60px;}

    .msc_4 {background: url(../img/msc_4_bg_m.jpg) no-repeat top center / cover;}
    .msc_4 .item_box {width: 100%;}
    .msc_4 .profile {width: auto; align-items: center;}
    .msc_4 .profile .text_box {text-align: center;}
    .msc_4 .profile .text_box p {font-size: 38rem;}
    .msc_4 .profile .text_box h3 {font-size: 50rem;}
    .msc_4 .profile .text_box span {font-size: 16rem;}
    .msc_4 .profile .brief .img_box {margin: 0 auto 20px;}
    .msc_4 .item_box li {border-radius: 10px;}
    .msc_4 .profile .brief {flex-direction: column;}

    .msc_5 h3 {font-size: 30rem;}
    .msc_5 .swiper_3 .swiper-remote {left: 0;}
    .msc_5 .swiper_3 .swiper-remote .swiper-button-next, .msc_5 .swiper_3 .swiper-remote .swiper-button-prev {width: 51px; height: 51px;}
    .msc_5 .swiper_3 .slide_1 a {background: url(../img/msc_5_item_1_mo.jpg) no-repeat center / cover;}
    .msc_5 .swiper_3 .slide_2 a {background: url(../img/msc_5_item_2_mo.jpg) no-repeat center / cover;}
    .msc_5 .swiper_3 .slide_3 a {background: url(../img/msc_5_item_3_mo.jpg) no-repeat center / cover;}
    .msc_5 .swiper_3 .slide_4 a {background: url(../img/msc_5_item_4_mo.jpg) no-repeat center / cover;}
    .msc_5 .swiper_3 .slide_5 a {background: url(../img/msc_5_item_5_mo.jpg) no-repeat center / cover;}
    .msc_5 .swiper_3 .slide_6 a {background: url(../img/msc_5_item_6_mo.jpg) no-repeat center / cover;}
    .msc_5 .swiper_3 .slide_7 a {background: url(../img/msc_5_item_7_mo.jpg) no-repeat center / cover;}

    .msc_6 .item_box {width: 100%; justify-content: center; padding: 0px 20px; box-sizing: border-box;}
    .msc_6 .item_box .text_box h3 {font-size:40rem;}

    .msc_7 {height: 300px;} 

    #pc_footer {padding: 50px 20px 60px;}
    #pc_footer .box .left .logo {display: none;}
    #pc_footer .box .right .copyright {text-align: right;}
    #pc_footer .box .right .copyright span {font-size: 14rem;}

    
    .sub_banner .box .sub_navigation {width: 100%; height: 50px; bottom: -30px;}
    .sub_banner .box .sub_navigation .btn_select {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16rem; font-weight: var(--weight_bold); background: url(../img/sub_nav_arrow.png) no-repeat right 30px center / 18px 9px;}
    .sub_banner .box .sub_navigation ul {display: none; position: absolute; top: 0; width: 100%; background: #fff; z-index: 100;}
    .sub_banner .box .sub_navigation ul li {height: 50px; background: #f8f8f8; display: flex; align-items: center; justify-content: center;}
    .sub_banner .box .sub_navigation ul li:hover {background: #f1f1f1;}
    .sub_banner .box .sub_navigation ul li:hover a {color:#000; font-weight: var(--weight_bold);}
    .sub_banner .box .sub_navigation ul li a {font-size: 16rem; display: block; width: 100%; height: 50px; line-height: 50px;}
    .sub_banner .box .sub_navigation ul li.active {font-size: 16rem;  font-weight: var(--weight_bold); background: url(../img/sub_nav_arrow.png) no-repeat right 30px center / 18px 9px;}
    .sub_banner .box .sub_navigation ul li.active a {color: #000;}
    .sub_banner .box .sub_navigation ul li a::after {display: none;}

    .about_1_content .sc_1 {padding: 110px 0px 55px;}
    .about_1_content .sc_1 .box {flex-direction: column-reverse;}
    .about_1_content .sc_1 .box .text_box {padding-left: 0; text-align: center; width: 100%; margin-bottom: 92px;}
    .about_1_content .sc_1 .box .text_box h3 {margin-bottom: 40px;}
    .about_1_content .sc_1 .box .img_box {width: 100%; border-radius: 20px; display: flex;}
    .about_1_content .sc_2 .box p {width: 100%; text-align: center;  margin: 0 auto;}
    .about_1_content .sc_3 {height: auto; padding: 75px 0px 300px; margin-bottom: 235px; position: relative;}
    .about_1_content .sc_3 .box {flex-direction: column; position: unset;}
    .about_1_content .sc_3 .box .text_box {text-align: center;}
    .about_1_content .sc_3 .box .text_box p {margin-bottom: 50px;}
    .about_1_content .sc_3 .box .text_box span {text-align: center;}
    .about_1_content .sc_3 .box .img_box {width: 250px; height: 300px; max-width: none; background: url(../img/about_sc_3_img_mo.png) no-repeat center / cover; bottom: -70px; top:auto; left:50%; border-radius: 15px; right:auto; transform:translate(-50%, 0); position:absolute;}
    .about_1_content .sc_3 .box .img_box img {display: none;}


    .about_2_content {padding:110px 0px 110px;}
    .about_2_content .sc_1 {width: 100%; padding: 0px 20px; box-sizing: border-box;}
    .about_2_content .sc_1 h3 {line-height: 1.5;}
    .about_2_content .sc_1 h3 br {display: block;}
    .about_2_content .sc_2 {margin-bottom: 100px;}
    .about_2_content .sc_2 .img_box {margin: 0 80px 70px 0; height: 0; padding-bottom: 35%; position: relative;}
    .about_2_content .sc_2 .img_box img {width: auto; height: 100%; position: absolute; left: 0; top: 0;}
    .about_2_content .sc_3 {flex-direction: column; align-items: flex-end; margin-bottom: 100px;}
    .about_2_content .sc_3 .img_box {width: 73vw; height: 0; padding-bottom: 35%; margin-bottom: 70px; position: relative; border-radius: 0; }
    .about_2_content .sc_3 .img_box img {width: auto; height: 100%; position: absolute; right: 0; top: 0; border-radius: 80px 0px 0px 80px; }
    .about_2_content .sc_3 article {text-align: center; margin: 0 auto;}


    .about_3_content {padding: 157px 0px 288px;}
    .about_3_content .box ul .right {margin-left: 0; padding-left: 0;}
    .about_3_content .box ul .left {margin-right: 0; padding-right: 0;}
    .about_3_content .box ul .right .item_box::after {display: none;}
    .about_3_content .box ul .left .item_box::after {display: none;}
    .about_3_content .box ul li {margin-bottom: 75px;}
    .about_3_content .box ul li:last-child {margin-bottom: 0;}
    .about_3_content .box ul li .item_box {border-radius: 0; height: 186px; max-width: 450px; margin: 0 auto; padding: 70px 30px 40px; box-sizing: border-box; align-items: flex-start;}

    .about_3_content .box ul li .year { transform: translateX(-50%); top: -30px;}
    .about_3_content .box ul .right .year {left: 50%;}
    .about_3_content .box ul .left .year {left: 50%;}

    .about_3_content .box {padding: 70px 0px;}
    .about_3_content .box ul::before {height: 2995px;}

    .about_4_content {padding: 100px 0px 100px;}
    .about_4_content .box {width: 100%; padding: 0px 20px; box-sizing: border-box;}
    .about_4_content .title h3 {font-size: 30rem; margin-bottom: 20px;}
    .about_4_content .title p {font-size: 28rem;}
    .about_4_content .title {margin-bottom: 90px;}
    .about_4_content .sc_1 h3 {font-size: 30rem; margin-bottom: 65px;}
    .about_4_content .sc_1::before {width: 124px; height: 141px;}
    .about_4_content .sc_1 ul li .text_box {padding:0px 90px;}
    .about_4_content .sc_1 ul li .text_box p {font-size: 20rem; margin-bottom: 25px;}
    .about_4_content .sc_1 ul li .text_box article {font-size: 16rem;}
    .about_4_content .sc_1 ul li .img_box {border-radius: 40px;}
    .about_4_content .sc_1 .circle_box {padding-top: 80px;}
    .about_4_content .sc_1 .circle_box::after {left: 0; width: 124px; height: 141px;}


    .about_5_content {padding: 124px 0px 100px;}
    .about_5_content .sc_1 .box {width: 100%; padding: 0px 20px; box-sizing: border-box; max-width: 600px;}
    .about_5_content .sc_1 .img_box {margin-bottom: 60px;}
    .about_5_content .sc_1 article {max-width: 100%; width: 100%;}
    .about_5_content .sc_1 article .mo {display: block;}
    .about_5_content .sc_1 {margin-bottom: 100px;}
    .about_5_content .sc_2 .box {width: 100%; max-width: 600px;}
    .about_5_content .sc_2 .item_1 {margin-bottom: 60px;}
    .about_5_content .sc_2 .item_2 p {margin-bottom: 60px;}

    .about_6_content {padding: 110px 0px 400px;}
    .about_6_content::after {top:auto; bottom: 90px; width: 190px; height: 218px;}
    .about_6_content .box {width: 100%; padding: 0px 20px; box-sizing: border-box;}
    .about_6_content ul {gap:0}
    .about_6_content ul li {width: 50%;}

    .about_7_content {padding: 110px 0px 100px;}
    .about_7_content .box {width: 100%;}
    .about_7_content .map .map_box {margin-bottom: 50px;}

    .lab_1_content {padding: 89px 0px 0px;}
    .lab_1_content .sc_1 {padding:0;}
    .lab_1_content .sc_1 .title {padding:0px 20px;}
    .lab_1_content .sc_1 .title article {font-size: 20rem; margin: 0 auto 160px;}
    .lab_1_content .sc_1 .title::after {width: 117px; height: 135px;}
    .lab_1_content .sc_1 .title .img_box {border-radius: 20px;}
    .lab_1_content .sc_1 .title {margin-bottom: 167px;}

    .lab_1_content .sc_1 .item_1 {position: relative;}
    .lab_1_content .sc_1 .item_1 .img_box {position: absolute; width:260px;height:260px;padding:0;left:50%; transform: translateX(-50%); top: -110px;}

    .lab_1_content .sc_1 .item_1 .img_box, .lab_1_content .sc_1 .item .img_box {border-radius: 20px;}
    .lab_1_content .sc_1 .item_1 .text_box {padding: 200px 0px 120px; max-width: 100%; text-align: center; border-radius: 0;}
    .lab_1_content .sc_1 .item_1 .text_box article {max-width: 500px; margin: 0 auto;}

    .lab_1_content .sc_1 .item {padding: 0px 20px; flex-direction: column-reverse;}
    .lab_1_content .sc_1 .item .img_box {padding-bottom: 100%; margin-bottom: 35px;}
    .lab_1_content .sc_1 .item .text_box {text-align: center; width: 100%; max-width: 100%;margin: 0 auto 50px;}

    .lab_1_content .sc_2 {padding:60px 0px 150px}
    .lab_1_content .sc_2 .box .text_box .history {width: 100%; padding:0px 20px; box-sizing: border-box;}
    .lab_1_content .sc_2 .box .text_box .text  {width: 100%; padding:0px 20px; box-sizing: border-box;}
    .lab_1_content .sc_2 .box .text_box .title {width: 100%; padding:0px 20px; box-sizing: border-box;}
    .lab_1_content .sc_2 .box .text_box .history li {flex-direction: column; align-items: flex-start;}

    .lab_2_content {padding: 110px 20px 115px;}
    .lab_2_content .box {width:100%; }

    #bo_gall .board_box {padding: 50px 20px; box-sizing: border-box;}
    .gall_row .col-gn-4 {width: 33.3%;}
    #bo_gall.custom_gallery_2 .board_box .position_box > h3 {font-size: 30rem; text-align: center;}

    #bo_gall .btn_box .btn, #bo_list .btn_box .btn, #bo_v .btn_box .btn, #bo_w .btn_box .btn {font-size:14rem;}
    #bo_list .btn_box {justify-content: center;}

    #bo_v::after {display: none;}
    #bo_v header {margin-bottom: 50px;}
    #bo_v_title .bo_v_tit {font-size: 30rem; margin-bottom: 20px;}
    #bo_v header p {font-size: 16rem;}
    #bo_v_atc h2 {font-size: 30rem; margin-bottom: 70px;}
    #bo_v .btn_box {margin-bottom: 50px;}

    #bo_v.custom_gallery_2 header #bo_v_title .bo_v_tit {font-size:30rem;}
}



@media (max-width: 768px){


    .sub_banner .box {height: 160px;}
    .sub_banner h2 {font-size: 20rem;}

    #pc_footer {display: none;}
    #mo_footer {display: block; background: #333434; padding:30px 20px 67px; text-align: center;}
    #mo_footer .util_link {margin-bottom: 30px;}
    #mo_footer .util_link ul {display: flex; align-items: center;}
    #mo_footer .util_link ul li {width: 33.3%; text-align: center;}
    #mo_footer .util_link ul li a {font-size: 10rem; color: #8D9196; font-weight: var(--weight_medium);}
    #mo_footer .sns {width: 200px; margin: 0 auto 25px; display: flex; justify-content: space-between;}
    #mo_footer .sns li a img {height: 44px;}
    #mo_footer .logo {margin-bottom: 30px;}
    #mo_footer .logo img {height: 52px;}
    #mo_footer .text_box {margin-bottom: 30px;}
    #mo_footer .text_box li {color: #fff; font-size: 14rem; line-height: 1.5;}
    #mo_footer .copyright span {display: block; color: #fff; font-size: 14rem; margin-bottom: 10px;}
    #mo_footer .copyright a {color: #fff; font-size: 14rem;}

    .floating_menu {right: 20px; top: auto; bottom: 20px;}
    .floating_menu ul .pc {display: none;}

    .main_visual .swiper-slide .text_box {width: 100%; padding:0px 20px; box-sizing: border-box;}
    .main_visual .slide_1 .text_box h2 {font-size: 20rem;}
    .main_visual .slide_1 .text_box h2 b {font-size:28rem;}
    .main_visual .slide_2 .text_box h2 {font-size: 20rem;}
    .main_visual .slide_3 .text_box h2 {font-size: 20rem;}
    
    .msc_1 .text_box {width:100%;margin:0 auto 50px;padding:0px 20px;box-sizing:border-box; display: flex; justify-content: center;}
    .msc_1 .text_box .box {}
    .msc_1 .text_box h3 {font-size: 24rem;}
    .msc_1 .text_box .item p {font-size: 16rem;}
    .msc_1 .img_box .item_1::after {width: 60px; height: 60px; left: 12%; top: -30px;}

    .msc_2 .text_box {padding: 50px 0px;}
    .msc_2 .text_box p {font-size: 14rem; margin-bottom: 15px;}
    .msc_2 .text_box h3 {font-size: 24rem; margin-bottom: 25px;}
    .msc_2 .text_box a {font-size: 14rem; margin: 0 auto;}

    .msc_3 {padding: 80px 0px 100px;}
    .msc_3 .box {padding:0px 40px;}

    .msc_4 {padding: 80px 20px 100px; box-sizing: border-box;}
    .msc_4 .profile .text_box {margin-bottom:30px;}
    .msc_4 .profile .text_box p {font-size: 24rem;}
    .msc_4 .profile .text_box h3 {font-size: 24rem; margin-bottom: 25px;}
    .msc_4 .profile .text_box span {font-size: 16rem;}
    .msc_4 .item_box {padding: 0;}
    .msc_4 .item_box li {width: calc(33.3% - 10px);}
    .msc_4 .profile .brief .img_box img {width: 187px; height: 187px;}
    .msc_4 .profile .brief .history span {font-size: 14rem;}
    .msc_4 .profile .brief .history > p {font-size: 20rem;}
    .msc_4 .profile .brief .history ul li {flex-direction: column; font-size: 14rem;}

    .msc_6 .item_box .text_box {padding-top: 50px; padding-bottom: 25px; margin-right: 10px; width: 40%;}
    .msc_6 .item_box .text_box h3 {font-size:20rem; margin-bottom: 25px;}
    .msc_6 .item_box .text_box p {font-size:14rem; margin-bottom: 25px;}
    .msc_6 .img_box {align-items: flex-end;}
    .msc_6 .img_box img {height: 197px;}
    .msc_6 .box::before {width: 95px; height: 107px; left: 230px; bottom: 150px;}
    .msc_6 .box::after {width: 81px; height: 93px; right: 20px; top: 90px;}
    .msc_6 .text_box a {padding: 14.5px 20px;}

    .msc_7 {height: 200px;}

    .about_1_content .sc_1 .box .text_box h3 {font-size: 20rem;}
    .about_1_content .sc_1 .box .text_box p {font-size: 16rem;}
    .about_1_content .sc_1 .box .text_box p br.pc {display: none;}
    .about_1_content .sc_1 .box .text_box p br.mo {display: block;}
    .about_1_content .sc_2 .box p {font-size: 16rem;}
    .about_1_content .sc_3 .box .text_box p {font-size: 16rem;}

    .about_2_content .sc_1 {margin-bottom: 80px;}
    .about_2_content .sc_1 h3 {font-size: 20rem; margin-bottom: 40px;}
    .about_2_content article {font-size: 16rem;}

    .about_2_content .sc_2 article, .about_2_content .sc_3 article, .about_2_content .sc_4 article {max-width: 100%; padding: 0px 20px;}

    .about_2_content .sc_2 .img_box {width: 95%; margin: 0 20px 70px 0; padding-bottom: 55%;}
    .about_2_content .sc_3 .img_box {width: 95%; padding-bottom: 55%; border-radius: 80px 0px 0px 80px;}

    .about_3_content .logo_img {left: 20px;}
    .about_3_content .logo_img img {height: 40px;}
    .about_3_content .box ul li .item_box {max-width: calc(100% - 40px);}
    .about_3_content .bg_img {bottom: -220px; right: 20px;}
    .about_3_content .bg_img img {height: 150px;}


    .about_4_content .title h3 {font-size: 20rem;}
    .about_4_content .title p {font-size: 20rem;}
    .about_4_content .title {margin-bottom: 90px;}
    .about_4_content .sc_1 h3 {font-size: 20rem;}
    .about_4_content .sc_1::before {width: 124px; height: 141px;}
    .about_4_content .sc_1 ul li {flex-direction: column; text-align: center; margin-bottom: 67px;}
    .about_4_content .sc_1 ul li:nth-child(-2n+4) {flex-direction: column-reverse;}
    .about_4_content .sc_1 ul li .text_box {padding:0;}
    .about_4_content .sc_1 ul li .img_box {width: 100%; margin-bottom: 45px;}
    .about_4_content .sc_1 ul li .text_box {width: 100%;}
    .about_4_content .sc_1 ul li .text_box p {font-size: 20rem; margin-bottom: 25px;}
    .about_4_content .sc_1 ul li .text_box article {font-size: 16rem;}
    .about_4_content .sc_1 .circle_box h3 {display:block; font-size: 20rem; font-weight: var(--weight_bold); margin-bottom: 20px; text-align: center;}
    .about_4_content .sc_1 .circle_box .pc {display: none;}
    .about_4_content .sc_1 .circle_box .mobile {display: block;}

    .about_5_content .sc_1 article {text-align: center; font-size: 16rem;}
    .about_5_content .sc_2 .item_1 .title {margin-bottom: 30px; text-align: center; padding: 30px 0px; box-sizing: border-box;}
    .about_5_content .sc_2 .title h3 {font-size: 16rem;}
    .about_5_content .sc_2 .item_1 .img_box {width: 100%;}
    .about_5_content .sc_2 .item_1 p {font-size: 16rem; text-align: center; margin-bottom: 30px;}
    .about_5_content .sc_2 .item_1 {width: 100%; padding: 0px 20px; box-sizing: border-box;}
    .about_5_content .sc_2 .item_2 .title {width: calc(100% - 40px); margin: 0 auto 30px;}
    .about_5_content .sc_2 .item_2 .title {text-align: center;}
    .about_5_content .sc_2 .item_2 p {text-align: center;}

    .about_6_content h3 {font-size: 20rem; margin-bottom: 50px;}
    .about_6_content ul li {width: 100%; margin-bottom: 50px;}

    .about_7_content h3 {font-size: 20rem;}
    .about_7_content .map .map_box {height: 200px;}
    .about_7_content .map ul {padding-left: 20px;}
    .about_7_content .map ul li {font-size: 14rem;}

    .lab_1_content .sc_1 .title article {font-size: 16rem;}
    .lab_1_content .sc_1 .title .img_box {height: 190px;}
    .lab_1_content .sc_1 .title .img_box img {height: 100%;}
    .lab_1_content .sc_1 .title::after {right: 40px; top: 590px;}

    .lab_1_content .sc_1 .item_1 .text_box {width: 100%; padding: 200px 20px 120px; box-sizing: border-box;}
    .lab_1_content .sc_1 .item_1 .text_box p {font-size:20rem}
    .lab_1_content .sc_1 .item_1 .text_box article {font-size: 16rem;}
    .lab_1_content .sc_1 .item .text_box p {font-size: 20rem;}
    .lab_1_content .sc_1 .item .text_box article {font-size: 16rem;}
    .lab_1_content .sc_1 .item_2 {margin-bottom: 90px;}

    .lab_1_content .sc_2 {background: url(../img/lab_1_sc_2_bg_m.jpg) no-repeat center top / cover;}
    .lab_1_content .sc_2 .box .profile {margin-bottom: 20px;}
    .lab_1_content .sc_2 .box .text_box .title span {font-size: 14rem;}
    .lab_1_content .sc_2 .box .text_box .title p {font-size: 20rem;}

    .lab_2_content h3 {font-size: 20rem; margin-bottom: 60px;}

    .gall_row .col-gn-4 {width: 100%;}
    .gall_row .col-gn-3 {width: 100%;}

    #bo_gall.custom_gallery_2 .board_box > .position_box > h3 {font-size: 20rem;}

    .bo_sch_wrap .bo_sch_new form select {width: 30%;}
    .bo_sch_wrap .bo_sch_new form .sch_bar {width: 70%;}
    .bo_sch_wrap .bo_sch_new form select {font-size: 14rem; height: 40px; padding:0px 20px;}
    .bo_sch_wrap .bo_sch_new form .sch_input {width: 100%; font-size: 14rem; height: 40px;}
    .bo_sch_wrap .bo_sch_new form .sch_btn img {height: 14px;}

    #bo_list table thead th {font-size: 12rem;}
    #bo_list table tbody td {font-size: 10rem;}
    #bo_list table tbody td .bo_tit {padding-left: 10px;}
    #bo_list table tbody td .bo_tit a {font-size: 16rem;}

    .sub_banner.community {background: url(../img/sub_banner_bg_community_m.jpg) no-repeat center / cover;}

    #bo_v_title .bo_v_tit {font-size: 20rem; margin-bottom: 20px;}
    #bo_v header p {font-size: 14rem;}
    #bo_v_atc h2 {font-size: 25rem; margin-bottom: 70px;}
    #bo_v_con table {width:100%;}
    #bo_v_con table tr td {font-size: 13px;}
    .bo_v_nb {font-size: 13rem;}
    #bo_v.custom_gallery_2 header #bo_v_title .bo_v_tit {font-size:20rem; text-align: center;}

    #bo_w .custom_file .file_upload span {font-size: 16rem;}
    #bo_w .custom_file .file_upload label {font-size: 14rem;}
    #bo_w .custom_file .filebox input[type="text"] {font-size: 14rem;}

    #formmail-write {padding: 100px 20px 150px;}
    #formmail-write .form-body {box-sizing: border-box;}
    #formmail-write .form-group {flex-direction: column; margin-bottom: 30px; align-items: flex-start;}
    #formmail-write .form-group>label {width: auto; font-size: 18rem; margin-bottom: 17px; padding: 0;}
    #formmail-write .form-group>div {width: 100%;}
    #formmail-write .form-group .form-control {padding: 0px 20px; font-size: 18rem;}
    #formmail-write .btn_submit {width: 190px; height: 50px; font-size: 16rem;}

    #hd_login_msg {font-size: 12rem;}
    
}