html{overflow-x: hidden;}

.fc_8995A1{color: #8995A1;}
.fc_687481{color: #687481;}

.p_tit{font-size: 2.4rem; font-weight: 700;}

.rounded-md{border-radius: 1rem;}

.rect1{margin: 6rem 0;}
.rect1::after{padding-bottom: calc(183/746*100%);}
.rect2{margin: 6rem 0;}
.rect2::after{padding-bottom: calc(183/1420*100%);}
.rect3{margin: 6rem 0;}
.rect3::after{padding-bottom: calc(330/1420*100%);}
.rect3_1{margin: 6rem 0;}
.rect3_1::after{padding-bottom: calc(390/1420*100%);}
.rect4{margin: 6rem 0;}
.rect4::after{padding-bottom: calc(430/1420*100%);}

.swiper-pagination-bullet-active{
	background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);
}

/* AOS 커스텀 */
[data-aos=mask-up] {    
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transform: translateY(20%);
    transition-property: all;
  }
  [data-aos=mask-up].aos-animate {
    clip-path: inset(0 0);
    transform: translateY(0);
    opacity: 1;
  }

  [data-aos=mask-down] {    
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transform: translateY(-20%);
    transition-property: all;
  }
  [data-aos=mask-down].aos-animate {
    clip-path: inset(0 0);
    transform: translateY(0);
    opacity: 1;
  }
/* 서브 */
.sub_pg{width: calc(100% - 14rem); margin-left: auto;}
.sub_pg .container-xl{padding: 0 8rem; max-width: 1580px;}
.sub_header { display: flex; position: sticky; top:0; right:0; justify-content: space-between; width: 100%; margin-left: auto; padding: 0 8rem; border-bottom:1px solid #D4DCE5; background-color: #fff; z-index: 200;} 

.sub_nav { display: flex; height: 100%; font-size: 1.8rem; font-weight: 700; } 
.sub_nav li.on { margin-right: 4rem; } 
.sub_nav li a { display: block; padding:2.35rem 1rem; color:#8995A1; } 
.sub_nav li.on a { border-bottom: 3px solid #F6202A; color: #F6202A; } 
.subtop { overflow: hidden; position: relative; width: 100%; height:22.3rem; margin-left: auto; margin-right: 0; } 
.subtop img { width:100%; height:100%; object-fit: cover; object-position: center; } 
.subtop .dimmed { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1000; background-color: rgba(0,0,0,0.5); } 
.subtop_tit { position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 1001; color:#fff; font-family: 'Poppins', sans-serif; font-size: 4rem; font-weight: 700; white-space: nowrap;} 
.breadscrumb { display: flex; align-items: center; text-transform: uppercase;} 
.breadscrumb a { font-weight: 300; color:#687481; white-space: nowrap;} 
.breadscrumb i { display: inline-block; margin: 0 1rem; color:#C4CAD0; font-size: 1.5rem; } 

/* About Us Max */
.about_wr{display: flex;}
.about_l{width: 60%; max-width: 72rem; flex-shrink: 0; padding-right: 2rem;}
.about_l>div{ padding-top: 15.5vw; padding-bottom: 13vw; background: url('../img/bg_circle.png')no-repeat; background-size: 100%; background-position: 0 -14.5rem; position: sticky; left: 0; top: 7.6rem;}
.about_r{flex: 1 1 auto; width: 40%;}
.about_r ul{margin-top: 6rem; text-align: right;}
.about_r li{margin-bottom: 13rem;}
.about_r li:not(:first-child){margin-right: 8rem;}
.about_r li img{border-radius: 1rem; overflow: hidden;}

.about2{margin-top: 9rem; padding: 0 2rem; text-align: center;}
.cicle_ul{margin: 6rem auto; max-width: 95rem; padding: 3.5rem; display: flex; position: relative;}
.cicle_ul::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 5000px; background: var(--primary); opacity: 0.1; position: absolute; top: 0; left: 0;}
.cicle_ul li{width: 20rem; border-radius: 50%; color: #fff; background: #FF6067; mix-blend-mode: multiply; position: relative;}
.cicle_ul li:not(:first-child){margin-left: -4rem;}
.cicle_ul li>div{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 4rem; text-align: center;}
.cicle_ul li::before{content: ''; display: block; width: 100%; padding-bottom: 100%;}

.inq_btn{margin: 9rem auto 15rem; border: 1px solid #111; border-radius: 0; width: 23rem; display: flex; align-items: center; justify-content: center; position: relative;}
.inq_btn div{transition: all 0.3s ease-in-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; display: flex; align-items: center; justify-content: center;}
.inq_btn div:nth-child(2){visibility: hidden; opacity: 0;}
.inq_btn:hover div:nth-child(1){visibility: hidden; opacity: 0;}
.inq_btn:hover div:nth-child(2){visibility: visible; opacity: 1;}
.inq_btn span{padding-left: 0.3rem;}

.paginator{display: flex; position: relative; z-index: 1;}
.paginator::after{content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #D4DCE5;}
.paginator>a{display: block; width: 50%; min-height: 17.5rem; background: #F6F8FB; overflow: hidden; position: relative; }
.paginator>a:hover .fc_8995A1{color: #fff; transition: all 0.5s ease-in-out;}
.paginator>a img{width:100%; height:100%; object-fit: cover; object-position: center; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); visibility: hidden; opacity: 0; transition: all 0.6s ease-in-out;}
.paginator>a:hover img{visibility: visible; opacity: 1;}
.paginator>a .dimmed { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1000; background-color: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: all 0.6s ease-in-out;} 
.paginator>a:hover .dimmed {visibility: visible; opacity: 1;} 
.paginator>a .paginator_txt{ position: absolute; width: 100%; height: 100%; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 1001; color:#161616; font-family: 'Poppins', sans-serif; font-size: 4rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-flow: column; transition: all 0.5s ease-in-out;}
.paginator>a .paginator_txt span{font-weight: 400;}
.paginator>a:hover .paginator_txt{color:#fff;}

/* About Us Marvel */
.about1{display: flex; align-items: center; margin-top: 6rem;}
.about1_r{margin: 4.5rem 0; margin-left: 7rem;}

/* Core Value Max */
.sub_tab{display: flex; justify-content: center; margin: 6rem -0.4rem 5.2rem; flex-wrap: wrap; -ms-overflow-style: none; text-transform: uppercase;}
.sub_tab::-webkit-scrollbar { display: none; } 
.sub_tab li{padding: 0 0.4rem 0.8rem;}
.sub_tab li a{display: block; font-size: 1.6rem; font-weight: 700; color: #fff; background: #B1BBC9; border-radius: 500px; padding: 1.1rem 2.5rem 0.9rem; white-space: nowrap;}
.sub_tab li:hover a , .sub_tab li.on a{background: var(--primary);}

.core_sec1{display: flex; margin: 0 -3rem 9rem; align-items: center;}
.core_sec1>div{padding: 0 3rem;}
.core_sec1_l{min-width: 50%;}

.core_sec2_wr{padding: 9rem 0;}
.core_sec2{display: flex; margin: 0 -3rem; align-items: center;}
.core_sec2>div{padding: 0 3rem; width: 50%;}

/* Core Value Marvel */
.core_sec3{display: flex; margin: 3rem -8rem 0; align-items: center;}
.core_sec3>div{padding: 0 8rem;}
.circle_img{width: 67rem; max-width: 50%; position: relative; flex-shrink: 0;}
.circle_img .circle_img_effect{display: block; width: 24rem; height: 24rem; position: absolute; right: 0; bottom: 0; background: #F6202A; opacity: 0.14; border-radius: 50%; z-index: -1;}
.circle_img.circle_img2 .circle_img_effect{right: auto; left: 0; transition-delay: 1s;}

/* .circle_img::before{content: ''; display: block; width: 24rem; height: 24rem; position: absolute; right: 0; bottom: 0; background: #F6202A; opacity: 0.14; border-radius: 50%;}
.circle_img2::before{right: auto; left: 0;} */

/* Portfolio Max */
.list_tit{font-size: 5rem; font-weight: 700; font-family: 'Poppins', sans-serif; margin: 6rem 0 4rem;}
.list_ul{margin-bottom: -8rem;}
.list_ul li{margin-bottom: 8rem;}
/* .list_ul li img{transition: all 0.4s ease-in-out;}
.list_ul li:hover img{transform: translate(-50%,-50%) scale(1.3);} */
.list_tag{position: absolute; top: 1.5rem; right: 1.5rem; background: rgba(0,0,0,0.16); border-radius: 500px; color: #fff; font-weight: 700; padding: 0.65rem 1.3rem 0.45rem; text-transform: uppercase; font-size: 1.5rem;}
.dt_head .project_sld{margin-bottom:3rem;}
.dt_head .rect:after{padding-bottom: calc(578/960*100%)!important;}
.dt_tit{font-size: 3.2rem; font-weight: 700; margin-bottom: 1rem;}
.dt_tit2{font-size: 2rem; font-weight: 500; color: #687481;}
.dt_head .btn_copylink{
    display: flex; flex-wrap: wrap; align-content: center; justify-content: center; position: absolute; top:-7rem; right:3rem; width:5.4rem; height: 5.4rem; padding:0;
    background-color: #fff; border: 1px solid #D4DCE5; border-radius: 50%; z-index:1030;
}
.dt_head .btn_copylink > img{
    width:2.6rem; height:2.6rem;
}

.dt_cate{display: flex; margin: 4rem -2.5rem 0;}
.dt_cate li{padding: 0 2.5rem; width: 25%;}
.dt_cate_line{margin: 1rem 0; width: 100%; height: 2px; background: #111111;}

.dt_detail a{color: #005EEC; text-decoration: underline;}
.dt_detail a:hover{color: #005EEC; text-decoration: underline;}

.dt_line{width: 100%; height: 1px; background: #D4DCE5; margin: 4.5rem 0;}
.sub_pg .video_wrap > iframe{
    position: absolute; width:100%; height: 100%;
    object-fit: cover; object-position: center;
}
/* Project MAX */
.sub_tab2{display: flex; margin: 4rem 0 6rem;}
.sub_tab2 ul{display: flex; overflow-x: scroll; flex-shrink: 0; -ms-overflow-style: none;}
.sub_tab2 ul::-webkit-scrollbar { display: none; } 
.sub_tab2 li{overflow: hidden; flex-shrink: 0;}
.sub_tab2 li:first-child{border-top-left-radius: 500px; border-bottom-left-radius: 500px;}
.sub_tab2 li:last-child{border-top-right-radius: 500px; border-bottom-right-radius: 500px;}
.sub_tab2 li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.6rem; font-weight: 600; color: #fff; background: #B1BBC9; padding: 1rem 2.5rem; white-space: nowrap;}
.sub_tab2 li:hover a , .sub_tab2 li.on a{background: var(--primary);}
.pj_cm_btn{cursor: pointer; margin-left: 1.5rem; padding: 1rem 3rem; font-family: 'Poppins', sans-serif; background: #111111; border-radius: 500px; color: #fff; font-weight: 600; display: flex; align-items: center; text-transform: uppercase;}
.pj_cm_btn span{margin-top: 0.15rem;}
.pj_cm_btn:hover{color: #fff;}

.project_sld{z-index: 101;}
.project_sld .swiper-slide{width: 100%; border-radius: 2rem; overflow: hidden;}
.project_sld .swiper-slide:last-child{margin-right: 20%;}
.project_sld .rect::after{padding-bottom: calc(553/1168*100%);}
.project_sld_arr{position: absolute; width:7.4rem; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 102; }
.project_sld_arr.swiper-button-disabled{display: none;}
.project_sld_arr img{width: 7.4rem;}
.project_sld_next{left: 100%;}

.project_tit{font-size: 1.8rem; font-weight: 700; color: #fff; position: absolute; top: 0; left: 0; z-index: 9; width: 100%; padding: 3rem 3.5rem;}
.project_tit::before{content: ''; display: block; width: 100%; height: 10rem; background: linear-gradient(180deg, rgba(17,17,17,1) 0%, rgba(17,17,17,0) 100%); position: absolute; top: 0; left: 0; z-index: -1;}

.more_btn{margin: 6rem auto 15rem; display: flex; flex-flow: column; align-items: center; height: auto;}
.more_btn~div{display: none;}
.more_div{margin-top: 10rem;}
.more_btn img{height: 3.8rem;}

.progress_style_ul{display: flex; justify-content: center; align-items: center; margin-top: 9rem;}
.progress_style_ul li{width: 38rem; height: 8.4rem; display: flex; align-items: center; justify-content: center; border-radius: 500px; overflow: hidden; color: #fff; font-size: 1.8rem; font-weight: 500;}
.progress_style_ul li:nth-child(1){z-index: 1; background: #FA8F94; margin-right: -9rem;}
.progress_style_ul li:nth-child(2){z-index: 2; background: #F8585F; }
.progress_style_ul li:nth-child(3){z-index: 3; background: var(--primary); margin-left: -9rem;}

.bm_list{padding-top: 3rem;}
.bm_list li{display: flex; align-items: center; margin-bottom: 3rem;}
.bm_list li:last-child{margin-bottom: 0;}
.bm_list_l{width: 51%; flex-shrink: 0;}
.bm_list_r{margin: 0 6rem;}
.bm_list_l .rect::after{padding-bottom: calc(398/719*100%);}

.toast_popup{
    position: fixed; top:-100%; z-index: 1030; left:calc(50% + 7rem); width:300px; border:1px solid #E8ECF5; padding:1.3rem 2rem;
    border-radius: 1rem; background-color: #fff;
    font-size: 1.5rem; box-shadow:0px 3px 12px rgba(2,14,48,0.16); white-space: nowrap;
    transform: translateX(-50%); opacity: 0;
    transition:all 0.4s ease-in-out;
}
.toast_popup.on{
    top:48px;opacity: 1;
}
.toast_popup > img{
    width: 1.4rem; margin-right: 0.5rem;
}






@media (max-width: 1600px){
    .sub_pg .pc_only{display: none;}
}

@media (max-width: 1400px) {
    .sub_pg { width: calc(100% - 10rem);}

    /* Core Value Max */
    .core_sec1{margin: 0 -2rem 6rem;}
    .core_sec1>div{padding: 0 2rem;}

    /* Core Value Marvel */
    .core_sec3{margin: 3rem -4rem 0;}
    .core_sec3>div{padding: 0 4rem;}
    .circle_img{width: 59rem; }
    .circle_img .circle_img_effect{width: 20rem; height: 20rem;}
    .toast_popup{
        left:calc(50% + 5rem);
    }
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
    /* Project MAX */
    .sub_tab2 li a{padding: 1rem 1.5rem;}

    /* Project MAX */
    .project_sld .swiper-slide{border-radius: 1.5rem;}
    .project_sld_arr img{width: 6rem;}
}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
    :root{--hd_height: 5rem;}
    .rect1{height: 12rem; margin: 3rem 0;}
    .rect1::after{padding-bottom: 0;}
    .rect2{height: 15rem; margin: 3rem 0;}
    .rect2::after{padding-bottom: 0;}
    .rect3{height: 20rem; margin: 3rem 0;}
    .rect3::after{padding-bottom: 0;}
    .rect3_1{height: 20rem; margin: 3rem 0;}
    .rect3_1::after{padding-bottom: 0;}
    .rect4{height: 25rem; margin: 3rem 0;}
    .rect4::after{padding-bottom: 0;}
    
    .p_tit{font-size: 2rem;}

    .sub_pg{width: 100%; }
    .sub_pg .container-xl{padding: 0 2rem; max-width: 740px;}
    .subtop{height: 15rem;}
    .subtop_tit{font-size: 2.4rem;}
    .sub_header{padding: 0 2rem; top: 5rem;}
    .sub_nav li.on { margin-right: 1rem; }
    .sub_nav li a{padding: 1.05rem 1rem;}
    .sub_nav{font-size: 1.5rem; margin-right: 2rem;}
    .breadscrumb i{margin: 0 0.5rem; font-size: 1.4rem;}

    /* About Us Max */
    .about_wr{flex-flow: column;}
    .about_l{width: 100%; max-width: unset; padding-right: 0;}
    .about_l>div{padding-top: 3rem; padding-bottom: 10rem; background-size: 100%; background-position: center 100%; position: static; text-align: center;}
    .about_l .fs_40{font-size: 3rem;}
    .about_l .fs_20{font-size: 1.5rem;}
    .about_r{width: 70%; margin: 0 auto; margin-top: -5rem;}
    .about_r ul{margin-top: 0; text-align: right;}
    .about_r li{margin-bottom: 3rem;}
    .about_r li:not(:first-child){margin-right: 0;}
    .about_r li:nth-child(2){text-align: left;}
    .about_r li img{border-radius: 0.8rem; overflow: hidden; max-width: 90%;}
    
    .about2{margin-top: 6rem;}

    .cicle_ul{margin: 3rem 0; padding: 2rem;}
    .cicle_ul li:not(:first-child){margin-left: -2rem;}
    .cicle_ul li>div{padding: 0 2rem;}

    .paginator>a{min-height: 10rem; }
    .paginator .fs_30{font-size: 2rem;}

    /* About Us Marvel */
    .about1{margin-top: 0rem;}
    .about1_r{margin: 3rem 0; margin-left: 4rem;}
    .about1_r .fs_40{font-size: 3rem;}
    .about1_r .fs_20{font-size: 1.5rem;}

    /* Core Value Max */
    .sub_tab{margin: 4rem -0.4rem 3.2rem;}
    .sub_tab li{padding: 0 0.4rem 0.8rem;}

    .core_sec1{margin: 0; margin-bottom: 6rem; flex-direction: column; align-items: flex-start;}
    .core_sec1>div{padding: 0;}
    .core_sec1_r{margin-top: 4rem;}

    .core_sec2_wr{padding: 4rem 0;}
    .core_sec2{margin: 0 -2rem; align-items: flex-start; flex-flow: column; margin-bottom: 3rem;}
    .core_sec2:nth-child(2){flex-flow: column-reverse;}
    .core_sec2:last-child{ margin-bottom: 0;}
    .core_sec2>div{padding: 0 2rem; width: 100%; text-align: center !important;}

    /* Core Value Marvel */
    .core_sec3{margin: 3rem 0 0; flex-flow: column;}
    .core_sec3>div{padding: 0; width: 100%;}
    .core_sec3>div.circle_img{width: 60%; max-width: unset; margin-bottom: 3rem;}
    .circle_img .circle_img_effect{width: 15rem; height: 15rem;}

    /* Portfolio Max */
    .list_tit{font-size: 4rem; margin: 4rem 0;}
    .list_ul{margin-bottom: -4rem;}
    .list_ul li{margin-bottom: 4rem;}
    .list_tag{top: 1rem; right: 1rem; padding: 0.65rem 1rem 0.45rem; font-size: 1.4rem;}
    
    .dt_head .project_sld{margin-bottom: 2rem;}
    .dt_tit{font-size: 2.6rem; margin-bottom: 0.5rem;}
    .dt_tit2{font-size: 1.8rem;}
  

    .dt_cate{margin: 3rem -1.5rem -3rem; flex-wrap: wrap;}
    .dt_cate li{padding: 0 1.5rem; width: 50%; margin-bottom: 3rem;}
    .dt_cate_line{margin: 0.5rem 0; }

    .dt_line{margin: 3rem 0;}

    /* Project MAX */
    .sub_tab2{margin: 3rem 0 4rem; flex-flow: column;}
    .sub_tab2 li a{font-size: 1.5rem; padding: 1rem 2rem;}
    .pj_cm_btn{margin-left: 0; margin-top: 1rem; padding: 1rem 2rem; width: fit-content;}

    /* Project MAX */
    .project_sld_arr img{width: 5rem;}

    .project_tit{font-size: 1.6rem; padding: 2rem 2.5rem;}
    .project_tit::before{height: 8rem;}

    .more_btn{margin: 4rem auto 6rem;}
    .more_div{margin-top: 5rem;}

    .progress_style_ul{margin-top: 6rem; flex-flow: column;}
    .progress_style_ul li{width: 60%; height: 6rem; font-size: 1.6rem;}
    .progress_style_ul li:nth-child(1){margin-right: 0;}
    .progress_style_ul li:nth-child(2){margin: 1rem 0;}
    .progress_style_ul li:nth-child(3){margin-left: 0;}

    .bm_list{padding-top: 0;}
    .bm_list_r{margin: 0 3rem;}

    .dt_head .btn_copylink{
        width:4.8rem; height:4.8rem; top:-6rem;
    }
    .toast_popup{
        left:50%;
    }
}

/*반응형 max 767px md*/
@media (max-width: 767.98px) {
    /* About Us Max */
    .about_r{width: 90%;}
    .about_r li{margin-bottom: 2rem;}
    
    .cicle_ul{margin: 3rem 0; flex-wrap: wrap; justify-content: center; padding-top: 9.5rem;}
    .cicle_ul li{width: 33.3333%; margin-top: -4.5rem;}
    .cicle_ul li:not(:first-child){margin-left: -2.5rem;}
    .cicle_ul li:nth-child(4){margin-left: 0;}

    .inq_btn{margin: 5rem auto 6rem;}

    /* About Us Marvel */
    .about1{flex-flow: column; align-items: flex-start; margin-top: 2rem;}
    .about1_r{margin: -6rem 0 3rem; margin-left: 0;}
    .about1_r .fs_40{font-size: 3rem;}
    .about1_r .fs_20{font-size: 1.5rem;}

    .about2{margin-top: 3rem;}

    /* Portfolio Max */
    .list_tit{font-size: 3rem; margin: 3rem 0;}
    .list_ul{margin-bottom: -3rem;}
    .list_ul li{margin-bottom: 3rem;}

    .dt_tit{font-size: 2rem;}
    .dt_tit2{font-size: 1.6rem;}

    .dt_cate{margin: 2rem -1.5rem -2rem; }
    .dt_cate li{padding: 0 1.5rem; margin-bottom: 2rem;}

    .dt_line{margin: 2rem 0;}

    /* Project MAX */
    .project_sld .swiper-slide{border-radius: 1rem;}
    .project_sld_arr img{width: 4rem;}

    .more_btn{margin: 3rem auto 4rem;}
    .more_div{margin-top: 3rem;}

    .progress_style_ul{margin-top: 3rem;}

    .bm_list{max-width: 50rem; margin: 0 auto;}
    .bm_list li{flex-flow: column;}
    .bm_list li:nth-child(2n){flex-flow: column-reverse;}
    .bm_list_l{width: 100%; margin-bottom: 2rem;}
    .bm_list_r{margin: 0;}

    .dt_head .btn_copylink{
        width:4.8rem; height:4.8rem; top:-5rem; right:1rem;
    }
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
    .container-xl .container-lg{padding: 0;}

    .rect1{height: 10rem;}
    .rect2{height: 13rem;}
    .rect3{height: 18rem;}
    .rect3_1{height: 18rem;}
    .rect4{height: 20rem;}
    .p_tit{font-size: 1.8rem;}

    /* .sub_header{border: 0; flex-flow: column; overflow: hidden;}
    .sub_nav{position: relative;}
    .sub_nav::before{content: ''; display: block; width: 105vw; height: 1px; border-bottom: 1px solid #D4DCE5; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
    .breadscrumb{align-self: flex-end; margin-top: 2rem;} */
    .breadscrumb{font-size: 1.2rem;}
    .breadscrumb i{font-size: 1.2rem;}

    .cicle_ul{margin: 3rem auto; width: 60%; max-width: 20rem; flex-wrap: wrap; justify-content: center; padding: 2rem;}
    .cicle_ul li{width: 100%; margin-top: 0;}
    .cicle_ul li:not(:first-child){margin-left: 0; margin-top: -3rem;}
    .cicle_ul li:nth-child(3){margin-left: 0;}

    .paginator{flex-flow: column;}
    .paginator::after{width: 100%; height: 1px;}
    .paginator>a{min-height: 8rem; width: 100%;}

    /* Core Value Max */
    .sub_tab{margin: 2rem -2rem 1.2rem; justify-content: flex-start; overflow-x: scroll; flex-wrap: nowrap; padding: 0 2rem;}
    .sub_tab li a{font-size: 1.4rem; padding: 0.8rem 1.5rem;}
    .core_sec1_r{margin-top: 2rem;}

    .about2{padding: 0;}

    /* Core Value Marvel */
    .core_sec3>div.circle_img{width: 80%;}
    .circle_img .circle_img_effect{width: 13rem; height: 13rem;}

    /* Portfolio Max */
    .list_tit{font-size: 2rem; margin: 2rem 0;}
    .list_ul{margin-bottom: -2rem;}
    .list_ul li{margin-bottom: 4rem;}
    .list_ul .fs_17{font-size: 1.6rem;}

    /* Project MAX */
    .project_tit{font-size: 1.5rem; padding: 1.5rem 2rem;}
    .project_tit::before{height: 6rem;}

    .pj_cm_btn img{max-width: 4rem;}
    .more_btn img{height: 2.7rem;}
    .dt_head .btn_copylink{
        width:4.2rem; height:4.2rem; top:-5rem; right:0;
    }
    .dt_head .btn_copylink > img{
        width:2rem; height:2rem;
    }
    
}

@media (max-width:380px) {
    /* Core Value Marvel */
    .circle_img .circle_img_effect{width: 10rem; height: 10rem;}

    /* Portfolio Max */
    .dt_cate li{width: 100%;}

    /* .list_ul > * {
        flex: 0 0 100%;
        max-width: 100%;
    } */
    .list_tag{font-size: 1.2rem;}
}