/*===ÀÕÃ÷¸®¾óŸÀÓ ¼Ò°³===*/
/*aboutcon1*/
.aboutcon1 { background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(https://image.megagong.net/itsreal/about/aboutcon1_bg.jpg); } 
.aboutcon1 .inner {width: 1845px;} 
.aboutcon1 .inner .circle_wrap {display:flex;}
.aboutcon1 .circle {position: relative;color: #fff;width: 54%;height: fit-content;} 
.aboutcon1 .circle:nth-child(1) {left: 3%;} 
.aboutcon1 .circle:nth-child(2) {right: 3%;}
.aboutcon1 .circle .circle_text {padding: 0 0 0 184px; position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);}
.aboutcon1 .circle .circle_tit {font-size: 40px;letter-spacing: 4px;font-weight: bold;} 
.aboutcon1 .circle .circle_tit::after { content: ""; margin: 44px 0; display: block; width: 28px; height: 1px; background-color: #fff; } 
.aboutcon1 .circle .circle_sub_tit { margin: 0 0 40px 0; font-size: 32px; line-height: 1.5; font-weight: bold; } 
.aboutcon1 .circle .circle_det { font-size: 18px; font-weight: 500; line-height: 1.5; } 


/*aboutcon2*/
.aboutcon2 .inner,
.aboutcon3 .inner { padding: 0 170px; } 
.aboutcon2 .slick_wrap { position: relative; } 
.aboutcon2 .slick_wrap .slick_counter { position: absolute; top: 30px; right: 40px; font-weight: 500; } 
.aboutcon2 .slick_wrap .slick_counter .current_slide { color:#111; } 
.aboutcon2 .slick_wrap .slick_counter .total_slides { color:#b9b9b9; } 
.gallery_wrap.ver1 .slick-next { right: 40px; background-image:url(https://image.megagong.net/itsreal/common/next_black.png); } 
.gallery_wrap.ver2 .gallery_box {display: flex; width:100%;}
.gallery_wrap.ver2 .gallery_box img {width: 50%;}
.aboutcon2 .gallery_wrap.mobile {display:none;}

/*aboutcon3*/
.aboutcon3 { background-color: #f5f5f5; } 
.aboutcon3 h3 { margin: 0 0 70px; text-align: center; font-size: 40px; font-weight: bold; } 
.aboutcon3 .more_box_wrap { display: flex; justify-content: space-between; } 
.aboutcon3 .more_box_wrap .more_box {width:33.333%;}
.aboutcon3 .more_box_wrap .more_box a { position: relative; display: block; width: 100%; height: 100%; } 
.aboutcon3 .more_box_wrap .more_box p {position: absolute;color: #fff;width: 100%;height: 100%;top: 0;left: 0;display: flex;font-size: 32px;font-weight: bold;justify-content: center;align-items: center;letter-spacing: 1.2px;} 
.aboutcon3 .more_box_wrap .moreArr { position: absolute; bottom: 20px; right: 50px; } 
.aboutcon3 .more_box_wrap .more_box .img_wrap { overflow: hidden; } 
.aboutcon3 .more_box_wrap .more_box .img_wrap img { transform: scale(1); } 
.aboutcon3 .more_box_wrap .more_box:hover .img_wrap img { animation: moveImg 1s linear 1; } 
.aboutcon3 .more_box_wrap .more_box:hover .moreArr { animation: moveArrow 0.8s linear 1; } 

@keyframes moveImg { 
    0% { transform: scale(1); } 

    50% { transform: scale(1.1); } 

    100% { transform: scale(1); } 
 }

@keyframes moveArrow { 
    0% { right: 50px}

    50% { right: 70px}

    100% { right: 50px} 
 }




/*===¹ÝÀÀÇü===*/
 @media screen and (max-width: 1920px){
    .aboutcon1 .inner {width: 90%;}
    .aboutcon1 .inner .circle_wrap {width: 100%;justify-content: center;}
    .aboutcon1 .circle {width: 40%;}
    .aboutcon1 .circle:nth-child(1) {left: 1%;} 
    .aboutcon1 .circle:nth-child(2) {right: 1%;}
    .aboutcon1 .circle .circle_tit {font-size: clamp(20px,5vmin,36px);letter-spacing: 2px;}
    .aboutcon1 .circle .circle_sub_tit{font-size: clamp(15px,3vmin,25px);}
    .aboutcon1 .circle .circle_det {font-size: clamp(10px,2vmin,15px);font-weight: 400;}
    .aboutcon1 .circle .circle_text {padding: 0 0 0 18%;}

    .aboutcon3 h3 {font-size: 32px;}
    .aboutcon3 .more_box_wrap .more_box p {font-size: 24px;}
 }

@media screen and (max-width: 1600px){
    .aboutcon1 .circle {width: 50%;}
}

@media screen and (max-width: 1400px){
    .aboutcon1 .inner {width: 98%;}
    .aboutcon1 .circle:nth-child(1) {left: 0.5%;} 
    .aboutcon1 .circle:nth-child(2) {right: 0.5%;}
    .aboutcon1 .circle .circle_tit::after {margin: 5% 0;}
    .aboutcon1 .circle .circle_sub_tit {margin: 0 0 5% 0;}

    .aboutcon2 .inner, .aboutcon3 .inner {padding: 0 30px;/* width: 90%; */margin: 0 auto;}

}

@media screen and (max-width: 1200px){
    .aboutcon1 .inner {width: 100%;padding: 0 30px;}
    .aboutcon1 .circle .circle_text {text-align: center; padding: 0;}
    .aboutcon1 .circle .circle_tit::after {margin: 5% auto;}

    .aboutcon3 h3 {font-size: clamp(18px, 3.8vmin, 36px);margin: 0 0 8%;}
    .aboutcon3 .more_box_wrap .more_box p {font-size: clamp(14px, 3.8vmin, 30px);}
}

@media screen and (max-width: 1024px){ 
    .aboutcon1 .circle:nth-child(1) {left: 0%;} 
    .aboutcon1 .circle:nth-child(2) {right: 0%;}
    .aboutcon1 .circle {width: 100%;}
    .aboutcon1 .circle img {display: none;}
    .aboutcon1 .circle .circle_text {position: static;transform: translate(0 , 0);padding: 0;text-align: center;}
    .aboutcon1 .inner .circle_wrap {flex-direction:column;gap: 50px;}
    .aboutcon1 .circle .circle_text {text-align: left;}
    .aboutcon1 .circle .circle_tit::after {margin: 5% 0;}
    .aboutcon1 .circle .circle_det {line-height: 1.7;}
    .aboutcon1 .circle .circle_sub_tit {line-height: 1.8;}
    
}


@media screen and (max-width: 960px){ 
    .aboutcon2 .gallery_wrap.ver2 {display: none;}
    .aboutcon2 .gallery_wrap.mobile {display:block;}

    .aboutcon2 .inner, .aboutcon3 .inner {width:100%;padding: 0;}
    .aboutcon2 .tab_btn_wrap {width: auto;overflow-x:hidden;/* padding: 0 0 3%; */margin:0 0 8%;}
    /* .aboutcon2 .tab_btn_wrap::-webkit-scrollbar {width: 5px; height:3px}
    .aboutcon2 .tab_btn_wrap::-webkit-scrollbar-track {background-color:transparent;}
    .aboutcon2 .tab_btn_wrap::-webkit-scrollbar-thumb { background-color: transparent; width: 20%; }
    .aboutcon2 .tab_btn_wrap::-webkit-scrollbar-button {display: none;} */
    .aboutcon2 .slick_wrap .slick_counter {display: none;}

    .aboutcon3 {background-color: transparent;padding: 0 0 15%;}
    .aboutcon3 .more_box_wrap .more_box .img_wrap {height: 380px;position: relative;}
    .aboutcon3 .more_box_wrap .more_box .img_wrap img {height: 100%;width: auto;max-width: unset;position: absolute;left: 25%;transform: translateX(-50%);}
    .aboutcon3 .more_box_wrap .more_box:hover .img_wrap img {animation: mobilemoveImg 1s linear 1;}
    
    @keyframes mobilemoveImg { 
        0% { transform: scale(1) translateX(-50%); } 
    
        50% { transform: scale(1.1) translateX(-50%); } 
    
        100% { transform: scale(1) translateX(-50%); } 
     }
    
    
    
    .aboutcon3 .more_box_wrap .moreArr {display: none;}
}

@media screen and (max-width: 540px){ 
    .aboutcon1 .inner .circle_wrap {gap: 45px;}
    .aboutcon1 .circle .circle_tit::after {margin:20px 0; width: 14px;}
    
    .aboutcon2 .tab_btn_wrap {padding: 0px 50px 0 0;}

    .aboutcon3 h3 {margin:0 0 20px;}
    .aboutcon3 .more_box_wrap .more_box .img_wrap {height: 275px;}
}