@charset "utf-8";

/* 메인 네비 */
#main_nav{width: 1.2rem; gap: 1rem; right: 2rem; top:50%; position: fixed; display: flex; flex-direction: column; z-index: 99999999999999999999999999999999999999999999;}
#main_nav a{width: 1.2rem; height: 1.2rem; border-radius: 50%; transition: all 0.5s; background: rgba(200,200,200,0.5);}
#main_nav a.active{height: 2.6rem; border-radius: 0.66rem; background: var(--color-dddddd);}
#main_nav.disabled{pointer-events: none; opacity: 0.5;}
/* 메인 네비 */

/* 메인 비주얼 */
.mvArea{width: 100%; height:100%; position: relative; overflow: hidden;}
.mvArea .mv_controller{bottom: 5%; left: 0; padding: 0 2rem; width: 100%; position: absolute; z-index: 9999999999999999999999999999999999999999999;}
.mvArea .mv_controller .mv_controller_inner{width:143rem; margin: 0 auto; display: flex; align-items: center;}
.mvArea .mv_controller .mv_controller_inner > div{width: 7.6rem; height: 7.6rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s;}
.mvArea .mv_controller .mv_controller_inner > div + div{margin-left: 1.2rem;}
.mvArea .mv_controller .mv_controller_inner > div:hover{background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0);}
.mvArea .mv_controller .mv_controller_inner > div i{font-size: 3.6rem; color: var(--white); transition: 0.3s;}
.mv_list{width:100%; height:100%; position: relative;}
.mv_list .slick-list,
.mv_list .slick-track{width:100%; height:100%; position: relative;}
.mv_items{width: 100%; height: 100%; position: relative; overflow: hidden;}
.mv_items .mv_bg{width: 100%; height: 100%; position: relative; overflow: hidden;}
.mv_items .mv_bg img,
.mv_items .mv_bg iframe{top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 1920px; height: 1080px; position: absolute; border: 0; z-index: 0;}
.mv_items .mv_bg iframe{min-width: 150%; min-height: 150%;}
.mv_items .dim{top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 1; transition: background 1s ease-in-out;}
.mv_items .mv_infoArea{padding: 2rem; z-index: 2; top:50%; left: 0; width: 100%; position: absolute; transform: translateX(-10rem) translateY(-50%); opacity: 0; transition: all 1s;}
.mv_items .mv_infoArea .mv_info{width: 1430px; margin: 0 auto;}
.mv_items .mv_infoArea .mv_info .mv_tit{font-size: 5.4rem; line-height: 1.1; font-weight: var(--font-weight900); color: var(--white); word-break: keep-all;}
.mv_items .mv_infoArea .mv_info .mv_desc{margin-top:2.4rem; font-size: 1.9rem; line-height: 1.5; font-weight: var(--font-weight300); color: rgba(255,255,255,0.7); word-break: keep-all;}
.mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list{gap:20px; display: flex; flex-wrap: wrap;}
.mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list ul{width: calc(25% - 20px);}
.mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list ul li{font-size:13px; line-height: 1.4; font-weight: var(--font-weight300); color: var(--white); word-break: keep-all;}
.mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list ul li.aw_t{margin-bottom: 10px; font-size: 16px; font-weight: var(--font-weight500);}

.mv_items.on .dim{background: rgba(0,0,0,0.3);}
.mv_items.on .mv_infoArea{opacity: 1; transform: translateX(0) translateY(-50%); transition-delay: 0.5s;}

/* 메인 인터뷰 */
.mv_interview{top: 50%; left: 50%; transform: translateY(-50%); margin-left: 25rem; width: 50rem; height: 30rem; position: absolute; z-index: 3; transition: all 1s;}
.mv_interview iframe{width: 100%; height: 100%; display: block;}
/* 메인 인터뷰 */
/* 메인 비주얼 */

/* 메인 회사소개 */
.comp_area{width:100%; height:100%; position: relative;}
.comp_area .cont{display: flex; align-items: center; width: 100%; height: 100%; position: relative; overflow: hidden;}
.comp_area .cont .imgArea{width: 50%; height: 100%; position: relative; overflow: hidden;}
.comp_area .cont .imgArea .img{width:100%; height:100%; position: relative; overflow: hidden; transform: scale(1.1); transition: transform 1s; transition-delay: 0.4s;}
.comp_area .cont .imgArea .img img{min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover;}
.comp_area .cont .inner{width:50%; height:100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.comp_area .cont .inner .box{padding: 0 5rem; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.comp_area .cont .inner .box .tit{font-size: 5rem; line-height: 1.2; transform: translateY(10rem); transition: all 1s; transition-delay: 0.6s; font-weight: var(--font-weight900); color: var(--black); word-break: keep-all; opacity: 0;}
.comp_area .cont .inner .box .desc{margin-top: 3rem; font-size: 2rem; line-height: 1.3; transform: translateY(10rem); transition: all 1s; transition-delay: 0.8s; font-weight: var(--font-weight300); color: var(--black); word-break: keep-all; opacity: 0;}
.comp_area .cont .inner .box .btn_box{margin-top: 4.5rem;transform: translateY(10rem); transition: all 1s; transition-delay: 1s; opacity: 0;}

.comp_area.active .cont .imgArea .img{transform: scale(1);}
.comp_area.active .cont .inner .box .tit{transform: translateY(0); opacity: 1;}
.comp_area.active .cont .inner .box .desc{transform: translateY(0); opacity: 1;}
.comp_area.active .cont .inner .box .btn_box{transform: translateY(0); opacity: 1;}
/* 메인 회사소개 */

/* 메인 회사소개2 */
.prd_area{width:100%; height:100%; position: relative; overflow: hidden;}
.prd_area .prd_slider{display: flex; align-items: center; width: 100%; height: 100%; position: relative; overflow: hidden;}
.prd_area .prd_slider .text_area{ transform: translateY(-10rem); transition: all 1s; transition-delay: 0.3s; opacity: 0;}
.prd_area .prd_slider .text_area,
.prd_area .prd_slider .img_area{width: 50%; height: 100%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.prd_area .prd_slider .text_area .slider_box{gap:3rem; width: 100% !important; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.prd_area .prd_slider .text_area .slider_box .prd_tit{font-size: 5rem; line-height: 1.2; font-weight: var(--font-weight900); color: var(--black); word-break: keep-all;}
.prd_area .prd_slider .text_area .slider_box .prd_desc{font-size: 2rem; line-height: 1.3; font-weight: var(--font-weight300); color: var(--black); word-break: keep-all;}
.prd_area .prd_slider .text_area .text_slider{display: flex; align-items: center; justify-content: center;}
.prd_area .prd_slider .text_area .text_slider .slick-slide{min-height: 50vh; justify-content: center; align-items: center; display: flex;}
.prd_area .prd_slider .img_area .image_slider,
.prd_area .prd_slider .img_area .image_slider .slick-list,
.prd_area .prd_slider .img_area .image_slider .slick-list .slick-track{width: 100%; height: 100%; overflow: hidden; position: relative;}
.prd_area .prd_slider .text_area .text_slider .slick-list .slick-track{height: auto !important;}
.prd_area .prd_slider .img_area .slider_box{width: 100%; height: 100%; overflow: hidden; position: relative; background: var(--black);}
.prd_area .prd_slider .img_area .slider_box:before{top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; z-index: 1; content: '';}
.prd_area .prd_slider .img_area .slider_box .prd_popup_btn{width: 7.6rem; height: 7.6rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; z-index: 1;}
.prd_area .prd_slider .img_area .slider_box .prd_popup_btn i{font-size: 8.6rem; color: var(--white);}
.prd_area .prd_slider .img_area .slider_box img{top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; z-index: 0;}
.prd_area .prd_slider .img_area .prev,
.prd_area .prd_slider .img_area .next{width: 7.6rem; height: 7.6rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s;
    z-index: 1; position: absolute; top: 50%; transform: translateY(-50%);}
.prd_area .prd_slider .img_area .prev:hover,
.prd_area .prd_slider .img_area .next:hover{background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0);}
.prd_area .prd_slider .img_area .prev i,
.prd_area .prd_slider .img_area .next i{font-size: 2.6rem; color: var(--white); transition: all 0.3s}
.prd_area .prd_slider .img_area .prev{left: 3rem;}
.prd_area .prd_slider .img_area .next{right: 3rem;}

.prd_area.active .prd_slider .text_area{transform: translateY(0); opacity: 1;}

/* 메인 회사소개2 영상 팝업 */
.media_popup {display: none; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 999999999999999999999999999999999999999999999; background: rgba(0, 0, 0, 0.7);}
.media_popup .dim {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); cursor: pointer;}
.media_popup .pop_cont {position: relative; width: 100%; height: 100%; overflow: hidden;}
.media_popup .pop_cont .pop_inner{width: 96rem; height: 52rem; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
.media_popup .pop_cont iframe {width: 100%; height: 100%; border: none;}
.media_popup .pop_cont .pop_close{top: 2rem; right: 2rem; position: absolute; display: block;}
.media_popup .pop_cont .pop_close i{font-size: 5rem; color: var(--white);}
/* 메인 회사소개2 영상 팝업 */
/* 메인 회사소개2 */

/* 메인 business */
.biz_area{width:100%; height:100%; position: relative; overflow: hidden; background: var(--color-eceeef);}
.biz_area .fp-tableCell{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.biz_area .biz_cont{width: 100%; max-width: 143rem; margin: 0 auto;}
.biz_area .tit{font-size: 5.2rem; margin-bottom: 1.2rem; color: var(--black); font-weight: var(--font-weight900); transform: translateY(20%); transition: 1s; transition-delay: 0.4s; text-align: center; opacity: 0;}
.biz_area .desc{font-size: 2.2rem; margin-bottom: 7rem; color: var(--black); text-align: center; transform: translateY(20%); transition: 1s; transition-delay: 0.4s; opacity: 0;}
.biz_area .biz_list{display: flex;}
.biz_area .biz_list .biz_item{width: 33.33%; margin: 0 2.5rem; transform: translateY(20%); transition: 1s; transition-delay: 0.4s; opacity: 0;}
.biz_area .biz_list .biz_item:nth-of-type(2){transition-delay: 0.6s;}
.biz_area .biz_list .biz_item:nth-of-type(3){transition-delay: 0.8s;}
.biz_area .biz_list .biz_item .biz_img{height: 40rem; width: 100%; position: relative; overflow: hidden;}
.biz_area .biz_list .biz_item .biz_img img{width: auto; height: auto; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
.biz_area .biz_list .biz_item .biz_img .mo{display: none;}
.biz_area .biz_list .biz_item .biz_img .biz_desc{padding: 0 4rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: 0.5s ease; background-color: rgba(37,180,237,0.5); cursor: pointer; display: flex; align-items: flex-end;}
.biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box{padding: 0 4rem; transition: 0.4s ease; transform: translateY(20%); bottom: 0; left: 0; width: 100%; position: absolute;}
.biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box .biz_txt{font-size: 1.9rem; line-height: 2.6rem; color: var(--white); word-break: keep-all;}
.biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box .biz_txt:before{margin-top: -2rem; position: absolute; width: 0; height: 1px; background: var(--white); content: ''; transition: 0.4s;}
.biz_area .biz_list .biz_item .biz_caption{margin-top: 2.6rem; position: relative;}
.biz_area .biz_list .biz_item .biz_caption .biz_arrow{top: 2rem; right: 0; position: absolute;}
.biz_area .biz_list .biz_item .biz_caption .biz_arrow i{font-size: 3rem; color: var(--black); transition: 0.4s;}
.biz_area .biz_list .biz_item .biz_caption .biz_sub_tit{font-size: 1.4rem; text-transform: uppercase; color: var(--black);}
.biz_area .biz_list .biz_item .biz_caption .biz_tit{font-size: 3.2rem; font-weight: var(--font-weight600);}
.biz_area .biz_list .biz_item .biz_caption .biz_tit .pc{display: block;}
.biz_area .biz_list .biz_item:hover .biz_img .biz_desc{opacity: 1;}
.biz_area .biz_list .biz_item:hover .biz_img .biz_desc .biz_desc_box{padding-bottom: 3.5rem; transform: translateY(0);}
.biz_area .biz_list .biz_item:hover .biz_img .biz_desc .biz_desc_box .biz_txt:before{width: 3.5rem;}
.biz_area .biz_list .biz_item:hover .biz_caption .biz_arrow i{transform: rotate(-90deg);}

.biz_area.active .tit,
.biz_area.active .desc,
.biz_area.active .biz_list .biz_item{transform: translateY(0); opacity: 1;}
/* 메인 business */

/* 메인 이미지 */
.change_area{width: 100%; height: 100%; position: relative; overflow: hidden;}
.change_area .img{width: 100%; height: 100%; position: relative;}
.change_area .img:before{content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 0;}
.change_area .img img{position: absolute; top: 50%; left: 50%; min-width: 192rem; min-height: 108rem; width: 100%; height: 100%; display: block; transform: translate(-50%, -50%); z-index: -1;}
.change_area .change_cont{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1;}
.change_area .change_cont .text_area{max-width: 143rem; padding: 0 1.5rem; width: 100%;}
.change_area .change_cont .text_area .tit{width: 60rem; font-size: 5.4rem; line-height: 6.6rem; color: var(--white); font-weight: var(--font-weight900); opacity: 0; transform: translateX(8%); transition: 1s; transition-delay: 0.2s; word-break: keep-all;}
.change_area .change_cont .text_area .desc{width: 35rem; margin-top: 2.4rem; font-size: 2rem; line-height: 2.8rem; color: rgba(255,255,255,0.5); opacity: 0; transform: translateX(8%); transition: 1s; transition-delay: 0.3s; word-break: keep-all; display: block;}
.change_area .change_cont .text_area .btn_box{margin-top: 3.5rem; opacity: 0; transform: translateY(-20%); transition: 1s; transition-delay: 0.7s;}
.change_area.active .change_cont .text_area .tit,
.change_area.active .change_cont .text_area .desc{opacity: 1; transform: translateX(0);}
.change_area.active .change_cont .text_area .btn_box{opacity: 1; transform: translateY(0);}
/* 메인 이미지 */

/* 메인 포트폴리오 */
.pf_area{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: relative; overflow: hidden; background-image: url("../img/main/six_bg.png"); background-position: 80% 0%; background-repeat: no-repeat;}
.pf_area .pf_top{padding: 0 1.5rem; width: 100%; margin: 0 auto; max-width:143rem; display: flex;}
.pf_area .pf_top .pf_title{transform: translateX(-5%); transition: 1.2s; width: 50%; opacity: 0}
.pf_area .pf_top .pf_title .tit{font-size: 5.4rem; line-height: 6.6rem; font-weight: var(--font-weight900); color: var(--black);}
.pf_area .pf_top .pf_title .desc{font-size: 1.9rem; letter-spacing: 1.2rem; margin-left: 0.6rem; font-weight: var(--font-weight600); text-transform: uppercase; color: var(--color-c8c8c8);}
.pf_area .pf_top .pf_pager{gap:1.2rem; display: flex; justify-content: center; align-items: center; width: 50%; transform: translateY(20%); transition: 1s; opacity: 0;}
.pf_area .pf_top .pf_pager .pf_prev i,
.pf_area .pf_top .pf_pager .pf_next i{font-size: 3.8rem; width: 8.2rem; height: 8.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--black); cursor: pointer; transition: 0.2s; background: var(--white); border: 1px solid var(--color-e6e6e6);}
.pf_area .pf_top .pf_pager .pf_prev i:hover,
.pf_area .pf_top .pf_pager .pf_next i:hover{background: var(--color-e6e6e6);}
.pf_area .pf_slider{margin-top: 8rem; padding: 0 2rem 2rem; transform: translateY(20%); opacity: 0; transition: 1s;}
.pf_area .pf_slider .pf_item{width: 31.6rem; height: 44.4rem; margin: 0 3rem; overflow: hidden; position: relative;}
.pf_area .pf_slider .pf_item a{width: 100%; height: 100%; display: block;}
.pf_area .pf_slider .pf_item a .thumb{width: 100%; height: 100%; overflow: hidden; position: relative;}
.pf_area .pf_slider .pf_item a .thumb .scale{width: 100%; height: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out;}
.pf_area .pf_slider .pf_item a .thumb .scale img{width:100%; height: 100%; display: block; object-fit: cover}
.pf_area .pf_slider .pf_item a .caption{margin-top: 2rem;}
.pf_area .pf_slider .pf_item a .caption span{font-size: 1.9rem; font-weight: var(--font-weight300); color: var(--color-949494); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pf_area .pf_slider .pf_item a .caption p{font-size: 2.6rem; font-weight: var(--font-weight600); color: var(--black); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.pf_area .pf_slider .pf_item:hover a .thumb .scale{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.pf_area.active .pf_top .pf_title{transform: translateX(0); opacity: 1; transition-delay: 0.4s;}
.pf_area.active .pf_pager{transform: translateY(0); opacity: 1; transition-delay: 0.3s;}
.pf_area.active .pf_slider{transform: translateY(0); opacity: 1; transition-delay: 0.6s;}
/* 메인 포트폴리오 */

/* 메인 새로운 소식 */
.news_area{width: 100%; height: 100%; overflow: hidden; position: relative; background: var(--color-f7f9ff);}
.news_area .fp-tableCell{vertical-align: top;}
.news_area .news_cont{padding: 10rem 1.5rem 0; width: 100%; max-width: 143rem; margin: 0 auto;}
.news_area .news_cont .news_wrap{display: flex;}
.news_area .news_cont .news_wrap .left{width: 30%}
.news_area .news_cont .news_wrap .left h1{font-size: 4.6rem; font-weight: var(--font-weight900); transform: translateX(-10%); color: var(--black); transition: 1s; opacity: 0;}
.news_area .news_cont .news_wrap .left .news_list{margin-top: 6rem; transform: translateX(-10%); transition: 1s; opacity: 0;}
.news_area .news_cont .news_wrap .left .news_list li a{font-size: 2.2rem; font-weight: var(--font-weight300); padding: 0.7rem 0 1rem; display: block; color: var(--color-dddddd);}
.news_area .news_cont .news_wrap .left .news_list li a.active{color: var(--black); font-weight: var(--font-weight900);}
.news_area .news_cont .news_wrap .right{width: 70%; transform: translateY(10%); transition: 1s; opacity: 0;}
.news_area .news_cont .news_wrap .right .tab_content{padding: 2rem;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane{display: none;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .tab_list{transform: translateY(12%); opacity: 0; transition: 1s; transition-delay: 0.4s;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a{padding-bottom: 3rem; margin-bottom: 2.2rem; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid var(--color-dddddd);}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .text_wrap{width: 80%;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .text_wrap .date{font-size: 1.7rem; font-weight: var(--font-weight500); color: var(--color-cccccc); transition: 0.4s;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .text_wrap .tit{margin-top: 0.6rem; font-size: 2.6rem; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.4s; font-weight: var(--font-weight600);}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .arr_wrap{width: 20%; text-align: right;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .arr_wrap i{font-size: 2.2rem; height: 5.9rem; width: 5.9rem; padding: 1.7rem 0 0 0.2rem; border-radius: 50%; text-align: center; background: var(--color-f1f9ff); color: var(--black); cursor: pointer; transition: 0.2s; border: 1px solid var(--color-acacac);}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a:hover .text_wrap .date{padding-left: 0.6rem;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a:hover .text_wrap .tit,
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a:focus .text_wrap .tit{padding-left: 0.6rem; color: var(--color-344364);}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a:hover .arr_wrap i{transform: rotate(90deg);}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane .btn_wrap{margin-top: 5rem; display: flex; align-items: center; justify-content: center;}
.news_area .news_cont .news_wrap .right .tab_content .tab_pane.active .tab_list{transform: translateY(0); opacity: 1;}
.news_area .cscenter{position: absolute; background: var(--color-ecf0fa); bottom: 0; width: 100%; opacity: 0; transition: 1s; transition-delay: 0.8s;}
.news_area .cscenter .cs_cont{padding: 0 1.5rem; height: 27rem; display: flex; max-width: 143rem; width: 100%; margin: 0 auto; align-items: center;}
.news_area .cscenter .cs_cont .title{width: 25%}
.news_area .cscenter .cs_cont .title p{margin-bottom: 0.6rem; font-size: 4.6rem; font-weight: var(--font-weight900); color: var(--black);}
.news_area .cscenter .cs_cont .title span{font-size: 2.2rem; color: var(--color-c6c6c6); font-weight: var(--font-weight600); display: block}
.news_area .cscenter .cs_cont .text{width: 45%;}
.news_area .cscenter .cs_cont .text p{font-size: 1.8rem; font-weight: var(--font-weight500); color: var(--black);}
.news_area .cscenter .cs_cont .text .btn_wrap{margin-top: 1.8rem}
.news_area .cscenter .cs_cont .call{width: 30%; text-align: right;}
.news_area .cscenter .cs_cont .call p a{font-size: 3.6rem; font-weight: var(--font-weight900); color: var(--black);}
.news_area .cscenter .cs_cont .call span{font-size: 1.7rem; font-weight: var(--font-weight500); color: var(--color-b4b4b4);}

.news_area.active .news_cont .news_wrap .left h1{transform: translateX(0); opacity: 1; transition-delay: 0.4s;}
.news_area.active .news_cont .news_wrap .left .news_list{transform: translateX(0); opacity: 1; transition-delay: 0.3s;}
.news_area.active .news_cont .news_wrap .right{transform: translateY(0); opacity: 1; transition-delay: 0.5s;}
.news_area.active .cscenter{opacity: 1;}
.news_area.on .news_cont .news_wrap .left h1{transform: translateX(0); opacity: 1; transition-delay: 0.4s;}
.news_area.on .news_cont .news_wrap .left .news_list{transform: translateX(0); opacity: 1; transition-delay: 0.3s;}
.news_area.on .news_cont .news_wrap .right{transform: translateY(0); opacity: 1; transition-delay: 0.5s;}
.news_area.on .cscenter{opacity: 1;}
/* 메인 새로운 소식 */


/* 미디어 쿼리 */
@media all and (max-width: 1530px) {
    .mv_items.first .mv_infoArea .mv_info{padding-right: 60rem}
    /* 메인 인터뷰 */
    .mv_interview{right: 50px; left: auto; margin-left: 0; width: 50rem; height: 30rem;}
    /* 메인 인터뷰 */
}

@media all and (max-width: 1430px) {
    /* 메인 비주얼 */
    .mvArea .mv_controller .mv_controller_inner{width: auto;}
    .mv_items .mv_infoArea .mv_info{width: auto;}

    .mv_items.first .mv_infoArea .mv_info{padding-right: 55rem}
    /* 메인 인터뷰 */
    .mv_interview{right: 50px; left: auto; margin-left: 0; width: 45rem; height: 30rem;}
    /* 메인 인터뷰 */
    /* 메인 비주얼 */

    /* 메인 회사소개 */
    .main_area .cont .inner .box{padding: 0 2rem;}
    /* 메인 회사소개 */

    /* 메인 business */
    .biz_area .biz_list .biz_item{margin: 0 1.75vw;}
    .biz_area .biz_list .biz_item .biz_img{height: 27.97vw;}
    .biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box{padding: 0 2.8vw;}
    .biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box .biz_txt{font-size: 1.6rem;}

    .biz_area .biz_list .biz_item:hover .biz_img .biz_desc .biz_desc_box{padding-bottom: 2.45vw;}
    /* 메인 business */


    /* 메인 이미지 */
    .change_area .change_cont .text_area{width: auto;}
    /* 메인 이미지 */
}

/* 미디어 쿼리 */
@media all and (max-width: 991px) {
    /* 메인 네비 */
    #main_nav{display: none;}
    /* 메인 네비 */

    /* 메인 비주얼 */
    .mvArea .mv_controller{bottom: 30px; left: 0; padding: 0 20px;}
    .mvArea .mv_controller .mv_controller_inner > div{width: 56px; height: 56px;}
    .mvArea .mv_controller .mv_controller_inner > div + div{margin-left: 8px;}
    .mvArea .mv_controller .mv_controller_inner > div i{font-size: 24px;}
    .mv_items .mv_bg img,
    .mv_items .mv_bg iframe{width: 1000px; height: 800px;}
    .mv_items .mv_bg iframe{min-width: 1920px; min-height: 1080px;}
    .mv_items .mv_infoArea{padding: 20px;}
    .mv_items .mv_infoArea .mv_info .mv_tit{font-size: 25px;}
    .mv_items .mv_infoArea .mv_info .mv_desc{margin-top:20px; font-size: 14px;}
    .mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list{gap:10px;}
    .mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list ul{width: 100%;}
    .mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list ul:nth-of-type(n+5){display: none;}
    .mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list ul li{font-size:12px;}
    .mv_items .mv_infoArea .mv_info .mv_desc .mv_aw_list ul li.aw_t{margin-bottom: 10px; font-size: 14px;}

    .mv_items.first .mv_infoArea .mv_info{padding-right: 0}
    /* 메인 인터뷰 */
    .mv_interview{padding: 0 15px; top: 80px; left: 0; right: auto; margin-left: 0; max-width: 100%; width: calc(100vh * 0.4); height: calc(100vh * 0.25); transform: unset;}
    /* 메인 인터뷰 */

    /* 메인 비주얼 */

    /* 메인 회사소개 */
    .comp_area .cont{flex-direction: column;}
    .comp_area .cont .imgArea{width: 100%; height: 50%;}
    .comp_area .cont .inner{width:100%; height:50%;}
    .comp_area .cont .inner .box{padding: 0 20px;}
    .comp_area .cont .inner .box .tit{font-size: 26px;}
    .comp_area .cont .inner .box .desc{margin-top: 24px; font-size: 16px;}
    .comp_area .cont .inner .box .btn_box{margin-top: 20px;}
    /* 메인 회사소개 */

    /* 메인 제품소개 */
    .prd_area .prd_slider{flex-direction: column;''}
    .prd_area .prd_slider .text_area,
    .prd_area .prd_slider .img_area{width: 100%; height: 50%;}
    .prd_area .prd_slider .text_area .slider_box{gap:24px;}
    .prd_area .prd_slider .text_area .slider_box .prd_tit{font-size: 26px;}
    .prd_area .prd_slider .text_area .slider_box .prd_desc{font-size: 16px;}
    .prd_area .prd_slider .text_area .text_slider .slick-slide{min-height: 30vh;}
    .prd_area .prd_slider .img_area .slider_box img{width: 100%; height: 100%; object-fit: cover;}
    .prd_area .prd_slider .img_area .slider_box .prd_popup_btn{width: 56px; height: 56px;}
    .prd_area .prd_slider .img_area .slider_box .prd_popup_btn i{font-size: 66px;}
    .prd_area .prd_slider .img_area .prev,
    .prd_area .prd_slider .img_area .next{width: 56px; height: 56px;}
    .prd_area .prd_slider .img_area .prev i,
    .prd_area .prd_slider .img_area .next i{font-size: 20px;}
    .prd_area .prd_slider .img_area .prev{left: 15px;}
    .prd_area .prd_slider .img_area .next{right: 15px;}


    /* 제품 소개 영상 팝업 */
    .media_popup .pop_cont .pop_inner{width: 80%; height: 400px;}
    .media_popup .pop_cont .pop_close{top: 50%; right: 10%; margin-top: -280px;}
    .media_popup .pop_cont .pop_close i{font-size: 50px;}
    /* 제품 소개 영상 팝업 */

    /* 메인 business */
    .biz_area{padding: 0 15px;}
    .biz_area .tit{font-size: 24px; margin-bottom: 8px;}
    .biz_area .desc{font-size: 14px; margin-bottom: 40px;}
    .biz_area .biz_list{width: 88%; gap: 10px; display: flex; flex-direction: column; margin: 0 auto}
    .biz_area .biz_list .biz_item{width: 100%; margin: 0; padding: 18px; border-radius: 52px; background: var(--white); border: 1px solid var(--color-dddddd); border-bottom: 1px solid var(--color-d6d6d6);}
    .biz_area .biz_list .biz_item .biz_img{height: 100%; display: flex; justify-content: center;}
    .biz_area .biz_list .biz_item .biz_img img{width: 90px; height: 90px; min-width: unset; min-height: unset; top: 0; left: 0; transform: translate(0, 0); position: relative; border-radius: 50%; object-fit: cover; overflow: hidden; flex-shrink: 0}
    .biz_area .biz_list .biz_item .biz_img .biz_desc{padding: 0 10px 0 25px; position: relative; top: auto; bottom: auto; left: auto; right: auto; height: 100%; width: 100%; opacity: 1; background-color: transparent; display: flex; align-items: flex-start;}
    .biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box{padding: 0; transform: translateY(0); bottom: auto; left: auto; width: 100%; position: relative;}
    .biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box .biz_txt{padding-top: 6px; font-size: 12px; line-height: 18px; font-weight: var(--font-weight300); color: var(--black); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}
    .biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box .biz_txt:before{display: none;}
    .biz_area .biz_list .biz_item .biz_img .biz_desc .biz_desc_box .mo{font-size: 14px; font-weight: var(--font-weight600); color: var(--black); display: block;}
    .biz_area .biz_list .biz_item .biz_caption{display: none;}
    .biz_area .biz_list .biz_item:hover .biz_img .biz_desc{opacity: 1;}
    .biz_area .biz_list .biz_item:hover .biz_img .biz_desc .biz_desc_box{padding-bottom: 0; transform: translateY(0);}
    .biz_area .biz_list .biz_item:hover .biz_img .biz_desc .biz_desc_box .biz_txt:before{width: 0;}

    .biz_area.active .tit,
    .biz_area.active .desc{transform: translateY(0); opacity: 1;}
    .biz_area.active .biz_list .biz_item{transform: translateY(0);}
    /* 메인 business */

    /* 메인 이미지 */
    .change_area .change_cont .text_area{display: flex; flex-direction: column; align-items: center;}
    .change_area .change_cont .text_area .tit{width: 300px; font-size: 26px; line-height: 34px; text-align: center;}
    .change_area .change_cont .text_area .desc{width: 100%; margin-top: 16px; font-size: 16px; line-height: 18px; text-align: center;}
    .change_area .change_cont .text_area .btn_box{margin-top: 35px; display: flex; justify-content: center;}
    .change_area .img img{object-fit: cover;}
    /* 메인 이미지 */

    /* 메인 포트폴리오 */
    .pf_area{padding: 0 15px;}
    .pf_area .pf_top{padding: 0; flex-direction: column;}
    .pf_area .pf_top .pf_title{width: 100%;}
    .pf_area .pf_top .pf_title .tit{font-size: 26px; line-height: 36px;}
    .pf_area .pf_top .pf_title .desc{font-size: 16px; letter-spacing: 12px; margin-left: 6px;}
    .pf_area .pf_top .pf_pager{margin-top: 20px; gap:10px; justify-content: flex-start; width: 100%; transform: translateY(0); transform: translateX(-10%);}
    .pf_area .pf_top .pf_pager .pf_prev i,
    .pf_area .pf_top .pf_pager .pf_next i{font-size: 24px; width: 56px; height: 56px;}
    .pf_area .pf_slider{margin-top: 40px; padding: 0 0 20px;}
    .pf_area .pf_slider .pf_item{width: 260px; height: auto; margin: 0 15px;}
    .pf_area .pf_slider .pf_item a .thumb{height: auto;}
    .pf_area .pf_slider .pf_item a .caption{margin-top: 20px;}
    .pf_area .pf_slider .pf_item a .caption span{font-size: 16px;}
    .pf_area .pf_slider .pf_item a .caption p{font-size: 26px;}
    .pf_area.active .pf_pager{transform: translateX(0); transition-delay: 0.5s;}
    /* 메인 포트폴리오 */

    /* 메인 새로운 소식 */
    .news_area .news_cont{padding: 40px 15px 0;}
    .news_area .news_cont .news_wrap{display: flex; flex-direction: column;}
    .news_area .news_cont .news_wrap .left{width: 100%}
    .news_area .news_cont .news_wrap .left h1{font-size: 24px;}
    .news_area .news_cont .news_wrap .left .news_list{margin-top: 20ox; display: flex;}
    .news_area .news_cont .news_wrap .left .news_list li a{font-size: 13px; margin-right: 6px; padding: 8px 12px; display: block; color: var(--color-bebebe);}
    .news_area .news_cont .news_wrap .left .news_list li a.active{color: var(--primary-9d9dfe); background: var(--color-ebebfc);}
    .news_area .news_cont .news_wrap .right{width: 100%;}
    .news_area .news_cont .news_wrap .right .tab_content{padding: 30px 0 15px;}
    .news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a{padding-bottom: 10px; margin-bottom: 10px; flex-direction: column;}
    .news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .text_wrap{width: 100%;}
    .news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .text_wrap .date{font-size: 14px;}
    .news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .text_wrap .tit{margin-top: 0; font-size: 16px;}
    .news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a .arr_wrap{display: none;}
    .news_area .news_cont .news_wrap .right .tab_content .tab_pane .box a:hover .arr_wrap i{transform: rotate(0);}
    .news_area .news_cont .news_wrap .right .tab_content .tab_pane .btn_wrap{display: none;}

    .news_area .cscenter .cs_cont{padding: 30px 15px 20px; height: auto; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .news_area .cscenter .cs_cont .title{width: 100%}
    .news_area .cscenter .cs_cont .title p{margin-bottom: 4px; font-size: 20px;}
    .news_area .cscenter .cs_cont .title span{display: none;}
    .news_area .cscenter .cs_cont .text{width: 100%;}
    .news_area .cscenter .cs_cont .text p{font-size: 14px;}
    .news_area .cscenter .cs_cont .text p br{display: none;}
    .news_area .cscenter .cs_cont .text .btn_wrap{margin-top: 0; position: absolute; right: 15px; bottom: 20px;}
    .news_area .cscenter .cs_cont .call{padding-top: 20px; width: 100%; text-align: left;}
    .news_area .cscenter .cs_cont .call p a{font-size: 19px;}
    .news_area .cscenter .cs_cont .call span{font-size: 14px;}
    /* 메인 새로운 소식 */
}

@media all and (max-width: 450px) {
    .pf_area .pf_slider .pf_item {width: 200px;}
}