.intro_sec { position: relative; width: 100%; }
.intro_sec:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--themebrown); opacity: 0.20; border-radius: 60px; content: ''; }
.intro_sec .content_wrap { position: relative; width: 100%; max-width: 1125px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.intro_sec .left_col { position: relative; width: 445px; }
.intro_sec .left_col .imgbox { position: relative; z-index: 2; display: flex; width: 100%; aspect-ratio: 1/1; border-radius: 60px; }
.intro_sec .left_col .imgbox img { display: inline-flex; width: 100%; border-radius: 60px; }
.intro_sec .left_col .logo_shape { position: absolute; top: 122px; right: calc(100% - 140px); width: 406px; pointer-events: none; opacity: 0.20; }
.intro_sec .left_col .logo_shape img { display: inline-flex; width: 100%; }
.intro_sec .right_col { position: relative; width: 70%; max-width: 595px; }
.intro_sec .right_col .mobile_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background: var(--themebrown); opacity: 0.20; border-radius: 30px; }
.intro_sec .textblock { position: relative; z-index: 2; width: 100%; }
.intro_sec .textblock h3 { margin-top: 74px; color: var(--themedark); font-weight: 700; }
.intro_sec .textblock h3:first-child { margin-top: 0; }
.intro_sec .textblock p { margin-top: 21px; color: var(--themegreen); font-weight: 700; }
.intro_sec .content_wrap .logobox { display: none; width: 72px; }
.intro_sec .content_wrap .logobox img { display: inline-flex; }



@media (min-width: 1400px) and (max-width: 1599px) {
    
}

@media (min-width: 992px) and (max-width: 1200px) {
    
    .intro_sec .left_col { width: 400px; }
    .intro_sec .right_col { max-width: 490px; margin-top: 50px; }
    .intro_sec .left_col .logo_shape { top: -50px; width: 330px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    
    .intro_sec .left_col { width: 400px; }
    .intro_sec .right_col { max-width: 490px; margin-top: 50px; }
    .intro_sec .left_col .logo_shape { width: 330px; }
    .intro_sec .textblock h3 { margin-top: 50px; }
}

@media (max-width: 1200px) {

    .intro_sec .content_wrap { max-width: 100%; flex-direction: column; align-items: center; text-align: center; }
    
}

@media (max-width: 991px) {
    
    .intro_sec .container { padding: 0; }
    .intro_sec:before { border-radius: 30px; top: 30%; height: 70%; }
    .intro_sec .right_col { margin-top: 56px; width: 100%; padding: 0 27px; }
    /* .intro_sec .right_col .mobile_bg { display: block; } */
    .intro_sec .left_col .logo_shape { top: -83px; width: 271px; }
}

@media (max-width: 767px) {
    .intro_sec .left_col { width: 297px; }
    .intro_sec .left_col .imgbox,
    .intro_sec .left_col .imgbox img { border-radius: 30px; }
}