@charset "UTF-8";

body{position: relative;}
#wrapper{padding-bottom: .3rem;}
@media screen and (max-width: 1810px){
  #wrapper{padding-bottom: 1.3rem;}
}
@media screen and (max-width: 1750px){
  #wrapper{padding-bottom: 4.1rem;}
}
@media screen and (max-width: 1600px){
  #wrapper{padding-bottom: 6.3rem;}
}
@media screen and (max-width: 1400px){
  #wrapper{padding-bottom: 6rem;}
}
@media screen and (max-width: 1200px){
  #wrapper{padding-bottom: 9rem;}
}
@media screen and (max-width: 1000px){
  #wrapper{padding-bottom: 11rem;}
}
@media screen and (max-width: 930px){
  #wrapper{padding-bottom: 22rem;}
}
@media screen and (max-width: 780px){
  #wrapper{padding-bottom: 28rem;}
}
@media screen and (max-width: 640px){
  #wrapper{padding-bottom: 29rem;}
}
@media screen and (max-width: 500px){
  #wrapper{padding-bottom: 31rem;}
}
@media screen and (max-width: 460px){
  #wrapper{padding-bottom: 31rem;}
}
@media screen and (max-width: 420px){
  #wrapper{padding-bottom: 34rem;}
}

.font_st2{font-family: var(--font-st2);}
.font_st3{font-family: var(--font-st3);}
.n_scroll{overflow: hidden; height: 100%;}
/* btn_st */
.btn_st1{border-radius: 200% !important; display: flex; align-items: center; justify-content: center; border: 1px solid #C8C8C8; transition: 0.5s; color: white;}
.btn_st1:hover{max-width: 120px !important; width: 120px !important; height: 120px !important; background: white; color: #111;}

.btn_st2{color: #444; border-radius: 0px !important; transition: 0.3s; position: relative;}
.btn_st2:hover{color: black !important;}
.btn_st2::after{content: ""; width: 100%; height: 1px; background: #444; position: absolute; left: 0; bottom: 0; transition: 0.3s;}
.btn_st2:hover::after{animation: bd_bottom 0.4s ease-out;}

.btn_st2.st2_w{color: #d9d9d9;}
.btn_st2.st2_w::after{background: #d9d9d9}
.btn_st2.st2_w:hover{color: white !important;}
.btn_st2.st2_w:hover::after{background: white;}

.btn_st3{border: 1px solid #c8c8c8; padding: 2rem 3rem; display: flex; align-items: center; gap: 20px; color: #444; position: relative; transition: 0.5s;}
.btn_st3:hover{color: #fff; border: 1px solid #111; background: #111;}

.btn_st3.st3_w{ color: #c8c8c8; border: 1px solid #BFBFBF;}
.btn_st3.st3_w:hover{color: #111; background: white; border: 1px solid white;}

@keyframes bd_bottom{
  from{width: 0;}
  to{width: 100%;}
}
/* btn_st */

/* title_st */
.s_title{ color: #444; font-size: .9rem;}
.s_title .dot{ width: 8px; height: 8px; border-radius: 200%; background: #444; display: inline-block; margin-bottom: 1px;}

/* title_st */


/* header */
.head_wrap, .head_wrap_m{width: 100%; position: fixed; top: 0; left: 0; z-index: 300; display: flex; justify-content: space-between; align-items: flex-start;}
.head_wrap .img_box{transition: 0.4s; transform: translateY(-100px); position: relative; z-index: 3;}
.head_wrap .img_box.show{transform: translateY(0);}

.head_wrap .gnb_wrap{display: flex; position: relative; z-index: 3;}
.head_wrap .gnb_wrap > li{width: 160px; text-align: center; transition: ease-out 0.4s; transform: translateY(-100px);}

/* 메뉴 애니메이션 */
.head_wrap .gnb_wrap > li:nth-child(2){transition-delay: 0.2s;}
.head_wrap .gnb_wrap > li:nth-child(3){transition-delay: 0.3s;}
.head_wrap .gnb_wrap > li:nth-child(4){transition-delay: 0.4s;}
.head_wrap .gnb_wrap > li:nth-child(5){transition-delay: 0.5s;}
.head_wrap .gnb_wrap > li:nth-child(6){transition-delay: 0.7s;}

.head_wrap .gnb_wrap > li.show{transform: translateY(0);}
/* 메뉴 애니메이션 */

.head_wrap .gnb_wrap > li > a::after{content: ""; width: 0; height: 1px; background: white; position: absolute; left: 0; bottom: 0; transition: 0.4s;}
.head_wrap .gnb_wrap > li a{font-size: 1.1rem; color: white;}
.head_wrap .gnb_wrap > li > a{font-weight: bold; position: relative; font-size: 1.2rem;}

.head_wrap .gnb_wrap > li:hover .sub_gnb_wrap {display: block; height: auto; background: #0C0C0C;}
.head_wrap .gnb_wrap > li:hover > a::after{width: 100%;}
.head_wrap .gnb_wrap .sub_gnb_wrap{display: flex; flex-direction: column; align-items: center;  height: 0; overflow: hidden; transition: 0.4s; border-radius: 4px; padding: 0 .2rem;}
.head_wrap .gnb_wrap .sub_gnb_wrap li{height: 36px;}
.head_wrap .gnb_wrap .sub_gnb_wrap li a{color: #dbdbdb; position: relative; padding: .2rem 0;}
.head_wrap .gnb_wrap .sub_gnb_wrap li a::after{content: ""; width: 0; height: 1px; background: white; position: absolute; left: 0; bottom: 0; transition: 0.4s;}
.head_wrap .gnb_wrap .sub_gnb_wrap li:hover a{color: white;}
.head_wrap .gnb_wrap .sub_gnb_wrap li:hover a::after{width: 100%;}

.gnb_lang{z-index: 3; display: flex; align-items: center; gap: 1rem;}
.gnb_lang li a{color: #C4C4C4;}
.gnb_lang li:first-child{position: relative;}
.gnb_lang li:first-child::before{content: ""; width: 1px; height: 10px; background-color: #666; position: absolute; right: -8px; top: 50%; transform: translateY(-50%);}

.sub_header .gnb_lang li a{color: #e2e2e2;}
.sub_header .gnb_lang li a:hover{color: white;}
.sub_header .gnb_lang li:first-child::before{background-color: #c8c8c8;}
.logo a{display: inline-block; width: 80px;}
.logo .logo_b{display: none;}

.head_wrap.on .logo_w, .head_wrap_m.on .logo_w{display: none;}
.head_wrap.on .logo_b, .head_wrap_m.on .logo_b{display: block;}
.head_wrap.on .gnb_wrap > li > a, .head_wrap_m.on .gnb_wrap > li > a{color: #111;}
.head_wrap.on .gnb_wrap > li > a::after{background: #111;}

.head_wrap_m{display: none;}

.m_gnb_wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: white; z-index: 900;transition: all 0.8s ease-in-out; transform:translate(100%, 0); overflow-x: hidden; overflow-y: scroll;}
.m_gnb_wrap > div{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e2e2;}
.m_gnb_wrap .logo2, .m_gnb_wrap .btn_wrap{width: 50%;}
.m_gnb_wrap .logo2 a{display: inline-block; width: 80px;}
.m_gnb_wrap .btn_wrap .m_btn{cursor: pointer; margin: 0 !important; padding: 0 !important; width: 30px; min-width: auto;}
.m_gnb_wrap .btn_wrap .m_btn span{font-size: 2.5rem;}

.m_gnb_wrap > ul > li  a{position: relative;}
.m_gnb_wrap > ul > li > a::before{content: ""; width: 3px; height: 14px; background: #e2e2e2; position: absolute; left: 0; top: 10px;}
.m_gnb_wrap_s{display: flex; flex-direction: column; gap: 10px; margin-top: 0.8rem; height: 0; overflow: hidden; margin-bottom: 1rem; transition: all 0.5s;}
.m_gnb_wrap > ul > li:hover .m_gnb_wrap_s{height: auto;}

.m_gnb_wrap_s li a{font-size: 1.2rem; padding-left: 0.7rem; transition: all .3s;}
.m_gnb_wrap_s li a:hover{color: black; font-weight: 500;}

.m_gnb_wrap .gnb_lang li a::before{display: none;}
.m_gnb_wrap.open{transform: translate(0, 0);}
.head_wrap_m .btn_wrap .open_btn.on span{color: black;}
.m_gnb_wrap .gnb_lang a:hover{color: black;}

@media screen and (max-width: 1200px){
  .head_wrap{display: none;}

  .head_wrap_m{display: flex; align-items: center;}
  .head_wrap_m .btn_wrap .m_btn{cursor: pointer; margin: 0 !important; padding: 0 !important; width: 30px; min-width: auto;}
  .head_wrap_m .btn_wrap .m_btn span{font-size: 2.5rem; color: white;}
}

/* 서브gnb */
.sub_header::before, .sub_head_m::before{content: ""; width: 100%; height: 0px; background-color: rgba(0, 0, 0, .4);backdrop-filter: blur(5px); position: absolute; left: 0; top: 0;}
.sub_head_m::before{ z-index: -1;}
.sub_header.bgon::before{height: 70px;}
.sub_head_m.bgon::before{height: 56px;}
/* .head_wrap.sub_header .gnb_wrap > li:hover .sub_gnb_wrap{height: 300px; background: white;}

.sub_header:hover .sub_gnb_wrap{height: 300px; background: white;}
.sub_header > ul .sub_gnb_wrap li a{color: #666 !important;}
.sub_header > ul .sub_gnb_wrap li a:hover{color: black !important;}
.sub_header::after{content: ""; width: 100%; height: 70px; background: white; position: absolute; left: 0; top: 0; z-index: 1; transition: 0.4s;}
.sub_header:hover::after{height: 400px; }
.sub_header::before{content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 0; top: 70px; z-index: 4;}
.sub_header .img_box .logo_w{display: none !important;}
.sub_header .img_box .logo_b{display: block !important; width: 80px;}
.sub_header > ul > li > a{color: #111 !important;}
.sub_head_m::after{content: ""; width: 100%; height: 57px; background: white; position: absolute; left: 0; top: 0; z-index: -1; transition: 0.4s;}
.sub_header:hover::after{height: 400px; }
.sub_head_m::before{content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 0; top: 57px; z-index: -1;}
.sub_head_m .logo .logo_b{display: block !important;} */
/* header */


/* footer */
.footer_wrap{background: #111; padding: 3rem; position: absolute; left: 0; bottom: 0; width: 100%;}
.footer_nav{display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #666666;}
.footer_nav li a{color: #BBBBBB; font-weight: 500;}
.footer_content{display: flex; align-items: flex-end; justify-content: space-between;}
.footer_content address{color: #666;}
.footer_content > div{ width: 50%;}

.footer_content .footer_right{display: flex; flex-direction: column; align-items: flex-end;}
.footer_content .footer_right .btn_wrap{width: 420px;}
.footer_content .footer_right .btn_wrap button{min-width: 200px; width: calc(100% / 2); background: #1D1D1D;}
.footer_content .fm_site{width: 100%; background-color: #1d1d1d; border: none; max-width: 420px; height: 50px; margin-bottom: 0.5rem; border-radius:3px; padding-left: 2rem; font-weight: 600; font-size: 1.1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='M480-345 240-585l56-56 184 183 184-183 56 56-240 240Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 94% center;
}


@media screen and (max-width: 930px){
  .footer_content{flex-direction: column; align-items: flex-start;}
  .footer_content > div{width: 100%;}
  .footer_content .footer_right{align-items: flex-start; margin-top: 2rem;}
  .footer_content .footer_right .btn_wrap{width: 100%;}
  .footer_content .fm_site{min-width: 100% !important;}
}
@media screen and (max-width: 768px){
  .footer_content{flex-direction: column; align-items: flex-start;}
  .logo a{width: 80px;}
  .footer_content .footer_right .btn_wrap{flex-direction: column; width: 100%; gap: .5rem;}
  .footer_content .footer_right .btn_wrap button{width: 100%; margin-right: 0 !important;}
}
@media screen and (max-width: 460px){
  .footer_nav{gap: 6px; flex-wrap: wrap; font-size: 0.9rem;}
}
/* footer */

/* main */
.main_vis{transition: height .7s ease, opacity .7s ease; height: 100vh; overflow: hidden; width: 100%; position: relative; left: 0; top: 0; transform: scale(1);}








#main_container{/*background: url("../../images/main/main_bg.png");*/ width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: sticky; background-color: rgba(0, 0, 0, 0.3);}


.main_content{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.main_content .title_wrap h2:nth-child(2){transition-delay:  0.2s;}
.main_content .title_wrap h2:nth-child(3){transition-delay:  0.4s;}
.title_st4{font-size: 7rem; line-height:100%; color: white; font-weight: 600;}
.title_st4, .main_content .title_wrap p{transition: 1s;opacity: 0;transform: translateY(-100px);}

.main_content .title_wrap h2.show, .main_content .title_wrap p.show, .main_content .btn_wrap .btn_st1.show{transform: translateY(0); opacity: 1;}

.main_content .title_wrap{padding-top: 26rem;}
#main_video{transform: scale(1.1);}

.main_content .btn_wrap{bottom: 80px; overflow: hidden;}
.main_content .btn_wrap .btn_st1{transform: translateY(-100px); opacity: 0;}

@media screen and (max-width: 1620px){
  #main_video{transform: scale(1.4);}
}

@media screen and (max-width: 768px){
  /* #main_container{height: 700px;} */
  .title_st4{font-size: 5rem;}
  .main_content .btn_wrap .btn_st1{width:60px !important; height: 60px !important; max-width: 60px; min-width: 60px !important;}
  .main_content .btn_wrap .btn_st1:hover{width: 80px !important; height: 80px !important; max-width: 80px !important; min-width: 80px !important;}
}
@media screen and (max-width: 460px){
  .main_content .title_wrap{padding-top: 20rem;}
  /* #main_container{height: 600px;} */
  .title_st4{font-size: 3rem;}
}

/* main */

/* main_02_container */
#main_02_container{background: #F9F8F6; position: relative;}
#main_02_container::after{content: ""; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; background: #D9D9D9; transition: all 1s;}

#main_02_container.on::after{width: 100%;}

.main_02_content{display: flex;justify-content: space-between;}

.title_wrap2{display: flex; flex-direction: column; overflow: hidden;}
.title_wrap2 span{color: #999;}
.title_wrap2 strong{font-size: 2rem; line-height: 120%; color: #111111; }
/* .title_wrap2 strong.font_st2{line-height: 36px;} */

.scroll_wrap {overflow: hidden;}
.scroll_on {opacity: 0;transition: all 1s ease-out;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_bottom {transform: translate(0, 100px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.main_02_content .img_box{margin-top: 13rem;}



@media screen and (max-width: 1400px){
  .main_02_content .img_box{width: 100px; height: 100%;}
}
@media screen and (max-width: 768px){
  .main_02_content{flex-direction: column;}
  .main_02_content .img_box{margin-top: 3rem;}
  .title_wrap2 strong{font-size: 1.5rem;}
}
/* main_02_container */

/* main_03_container */
#main_03_container{background: #F9F8F6; }
.main_03_content{position: relative;}



/* swiper */
.swiper {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* swiper */


.pagination_container{display: flex; align-items: center;}
.pagination_container > div{position: relative;}
.swi_btn_wrap{bottom: 14px;}
.swiper_pagination-progressbar{width: 300px; height: 3px; background: #D4D4D4;}
.swiper_pagination-progressbar > span{background: #444 !important;}
.swiper-pagination-fraction{top: 0; width: auto !important; color: #d4d4d4 !important; font-family: 'nunitosans' !important;}
.swiper-button-next{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E") !important;}
.swiper-button-prev{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z'/%3E%3C/svg%3E") !important;}
.swiper-button-prev, .swiper-button-next{background-position: center; background-repeat: no-repeat;width: 30px !important; height: 30px !important; left: 0 !important; top: 0 !important; margin-top: 0 !important;}
.swiper-button-next{left: 30px !important;}
.swiper-pagination-current{color: #444 !important; font-weight: 600 !important;}

.title_btn_wrap{display: flex; max-width: 1660px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}

.pro_wrap{margin-bottom: 80px;}
.pro_wrap .pro_slide{height: 550px; background-repeat: no-repeat !important;background-position: center !important; border-radius: 4px !important; overflow: hidden !important; text-align: left; justify-content: space-between; flex-direction: column; align-items: flex-start; padding: 2rem; position: relative; cursor: pointer; background-size: cover !important;}

.pro_wrap .pro_slide::before{content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; transition: 0.3s ease-out;}
.pro_wrap .pro_slide:hover::before{opacity: 0;}

.list_cate{display: inline-block; color: #c8c8c8; border: 1px solid #999; border-radius: 4px; padding: .2rem .6rem; position: relative; z-index: 100; font-size: .9rem;}
.pro_title{font-size: 1.6rem; font-weight: 600; color: white; position: relative; z-index: 100; line-height: 120%;}
.pro_slide:hover .pro_title{color: #111;}

.pro_wrap .pro01{background: url("../../images/main/main_img02.png");}
.pro_wrap .pro02{background: url("../../images/main/main_img03.png");}
.pro_wrap .pro03{background: url("../../images/main/main_img04.png");}
.pro_wrap .pro04{background: url("../../images/main/main_img05.png");}
.pro_wrap .pro05{background: url("../../images/main/main_img06.png");}

@media screen and (max-width: 1400px){
  .pro_wrap .pro_slide{height: 360px;}
}
@media screen and (max-width: 1200px){
  .mySwiper{max-width: 1200px; padding: 0 1rem; margin: 0 auto;}
  .title_btn_wrap{flex-direction: column; align-items: flex-start; padding: 0 1rem; margin-top: .7rem;}
  .title_btn_wrap .btn_wrap{margin-top: 0.5rem;}
  .btn_st3{padding: 2rem; margin: 0;}
}
@media screen and (max-width: 768px){
  .pro_wrap .pro_slide{height: 300px;}
}
@media screen and (max-width: 460px){
  .pagination_container{flex-direction: column; align-items: flex-start; gap: 10px;}
  .swi_btn_wrap{bottom: 10px; left: -7px;}
  .title_btn_wrap .btn_wrap{margin-top: 2rem;}
}

/* main_03_container */

/* main_04_container */
#main_04_container{background: url("../../images/main/rnd_bg.png");width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; padding-bottom: 10rem;}

.main_04_content .title_btn_wrap{max-width: 1440px; justify-content: flex-start; gap: 20px;}
/* .main_04_content .title_btn_wrap > div{width: 50%;} */
.main_04_content .title_btn_wrap .title_wrap2{width: 45%;}
.main_04_content .text_wrap{display: flex; flex-direction: column; align-items: flex-start; color: #c8c8c8;}
.main_04_content .img_box{border-radius: 4px; overflow: hidden; max-width: 1660px; height: 420px;}
.main_04_content .img_box img{width: 100%; height: 100%; object-fit: cover;}
.main_04_content ul li{display: flex; align-items: center; justify-content: space-between; padding: 2rem; position: relative;}
.main_04_content ul li::after{content: ""; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; transition: all 1s; background: #646d79;}
.main_04_content ul li.active::after{width: 100%;}
.main_04_content ul li a{font-size: 3.2rem; color: white; font-weight: 600; letter-spacing: -1px;}
@media screen and (max-width: 1400px){
  .main_04_content .img_box{height: 300px;}
}
@media screen and (max-width: 1200px){
  .main_04_content .title_btn_wrap{text-align: center; align-items: center !important; justify-content: center; gap: 0px;}
  .main_04_content .title_btn_wrap .title_wrap2{width: 100%;}
  .main_04_content .title_btn_wrap .btn_wrap{width: 100%; justify-content: center !important;}
  .main_04_content .title_btn_wrap > div{width: 100%;}
  .main_04_content .text_wrap{align-items: center;}
}
@media screen and (max-width: 768px){
  .main_04_content ul{margin-top: 2rem !important;}
  .main_04_content ul li a{font-size: 2.5rem;}
}
@media screen and (max-width: 460px){

  .main_04_content ul li a{font-size: 2rem;}
  .main_04_content ul li{flex-direction: column; align-items: flex-start; padding: 2rem 0;}
}
/* main_04_container */

/* main_05_container */
#main_05_container{position: relative;}
#main_05_container::after{content: ""; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; background: #D9D9D9; transition: all 1s;}
#main_05_container.on::after{width: 100%;}

@media screen and (max-width: 1200px){
  .main_05_content .title_btn_wrap{padding: 0;}
}
/* main_05_container */

/* main_06_container */
.pro_wrap2{margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;}
.pro_wrap2 .pro_slide{width: calc((100% - 40px)/ 3); text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center; height: 640px;background-repeat: no-repeat !important;background-position: center !important; border-radius: 4px !important; overflow: hidden !important; text-align: left; justify-content: space-between; flex-direction: column; align-items: flex-start; padding: 2rem; position: relative; cursor: pointer; background-size: cover !important;}
.pro_wrap2 .pro_slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.pro_wrap2 .pro_slide::before{content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; transition: 0.3s ease-out;}
.pro_wrap2 .pro_slide:hover::before{opacity: 0;}
.pro_wrap2 .pro01{background: url("../../images/main/main_pro_img01.png");}
.pro_wrap2 .pro02{background: url("../../images/main/main_pro_img02.png");}
.pro_wrap2 .pro03{background: url("../../images/main/main_pro_img03.png");}

@media screen and (max-width: 1024px){
  .pro_wrap2{flex-direction: column;}
  .pro_wrap2 .pro_slide{height: 360px; width: 100%;}
}
@media screen and (max-width: 768px){
  .pro_wrap2 .pro_slide{height: 300px;}
}

/* main_06_container */

/* main_07_container */
#main_07_container{background: #F9F8F6; position: relative;}

.thr_swiper .news_slide{flex-direction: column; align-items: flex-start; background: none !important;}
.thr_swiper .news_slide .img_box{width: 100%;border-radius: 4px; overflow: hidden; height: 240px;}
.thr_swiper .news_slide .list_title_wrap{padding: .6rem 1rem; text-align: left; border-top: 1px solid #666; margin-top: 1rem;}
.thr_swiper .news_slide .category{font-size: 1.1rem; font-weight: 500; color: #00BFA9;}
.thr_swiper .news_slide .list_title{font-size: 1.4rem; font-weight: 500; margin-top: 0.7rem; color: #333;width: 100%; display: inline-block !important; white-space: nowrap; }
.thr_swiper .news_slide .list_date{font-size: .9rem;}

@media screen and (max-width: 1200px){
  .main_07_content .title_btn_wrap{padding: 0;}
}
@media screen and (max-width: 768px){
  .thr_swiper .news_slide .img_box{height: 300px;}
  .thr_swiper .news_slide .category{font-size: 1rem;}
  .thr_swiper .news_slide .list_title{font-size: 1.2rem;}
}
/* main_07_container */

/* main_08_container */
#main_08_container{display: flex; align-items: flex-start; border-top: 1px solid #e4e4e4;}#main_08_container .list_container{padding: 3rem; width: 50%;}
#main_08_container .list_container:nth-child(2){border-left: 1px solid #E4E4E4;}
#main_08_container .list_container .title_wrap2{flex-direction: row ;}
#main_08_container .list_wrap li{display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #A7A7A7;}
#main_08_container .list_wrap li:nth-child(3){border-bottom: none;}
#main_08_container .list_wrap .list_title{font-size: 1.4rem; color: #333; width: 80%; display: inline-block !important; white-space: nowrap; }
#main_08_container .list_wrap .list_date{white-space: nowrap;}

@media screen and (max-width: 1200px){
  #main_08_container{flex-direction: column;}
  #main_08_container .list_container{width: 100%; min-height: 200px;}
  #main_08_container .list_container:nth-child(2){border-left: none; border-top: 1px solid #e4e4e4;}
}
@media screen and (max-width: 768px){
  #main_08_container .list_wrap .list_title{font-size: 1.2rem;}
}
@media screen and (max-width: 460px){
  #main_08_container .list_container .title_wrap2{flex-direction: column; gap: 10px;}
  #main_08_container .list_wrap .list_date{font-size: .9rem;}
}
/* main_08_container */

/* main_09_container */
#main_09_container{background: url("../../images/main/contact_bg02.png"); background-repeat: no-repeat; background-position: 0 80%; background-attachment: fixed;}
/* main_09_container */




.main_vis {
  transition: height 0.7s ease, opacity 0.7s ease, transform 0.7s ease;
  height: 100vh;
  overflow: hidden;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  transform: scale(1);
  opacity: 1;
}

#content_b{
  position: relative;
  top: 0;
  transition: top 0.7s ease;
}

.shrink {
  height: 50%;
  transform: scale(0.5);
  opacity: 0.5;
}

#content_b.visible {
  top: -15vw;
}


.bg_video{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;}
.video{height: 100%; width: 100%; object-fit: cover;}