/* #content */
.gangnam .solution {padding-top: calc(920/1920*100%); background-image: url(../images/sub05_02_background_doctor.png);}


.gangnam .main_doctor .inner {padding: 120px 16.66%; position: relative;}
.gangnam .main_doctor .inner ul {display: flex; align-items: center; justify-content: space-between;}
.gangnam .main_doctor .inner ul:nth-of-type(2n) {flex-direction: row-reverse;}
.gangnam .main_doctor .inner ul:not(:last-of-type) {margin-bottom: 60px;}
.gangnam .main_doctor .inner ul li {width: 48%;}
.gangnam .main_doctor .inner .img_box img {width: 100%; border-radius: 16px;}


.gangnam .destiny {background: #F5F5F5;}
.gangnam .destiny .inner {padding: 120px 16.66%; text-align: center;}
.gangnam .destiny .inner .main_title {margin-bottom: 40px;}
.gangnam .destiny .inner .img_box {background: #fff; border-radius: 50px; padding: 60px 0; margin-bottom: 60px;}
.gangnam .destiny .inner .img_box img {width: 50%;}


.gangnam .method {background: #fff;}
.gangnam .method .inner {padding: 120px 16.66%;}
.gangnam .method .step_box {display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 48px;}
.gangnam .method .step_box > li {margin-bottom: 48px; display: flex; justify-content: space-between;}
.gangnam .method .step_box > li:last-child {margin-bottom: 0;}
.gangnam .method .step_box > li:nth-child(1) {grid-column: 1/3; grid-row: 1/2;}
.gangnam .method .step_box > li:nth-child(1) .img_box {background: #FDFDFD;}
.gangnam .method .step_box > li:nth-child(2) {grid-column: 1/3; grid-row: 2/3;}
.gangnam .method .step_box > li:nth-child(3) {grid-column: 1/3; grid-row: 3/4;}
.gangnam .method .step_box > li:nth-child(3) .img_box {background: #FDFDFD;}
.gangnam .method .step_box > li .img_box {width: 48%; border-radius: 16px; border: 1px solid rgba(46, 21, 102, 0.15); box-sizing: border-box;}
.gangnam .method .step_box > li .img_box img {width: 100%; height: 100%; object-fit: cover; border-radius: 16px;}
.gangnam .method .step_box > li .sub_text {margin-bottom: 40px;}
.gangnam .method .step_box > li .daeat_step {width: 48%; min-height: 560px; border-radius: 16px; border: 1px solid rgba(46, 21, 102, 0.15); position: relative;}
.gangnam .method .step_box > li .daeat_step::after {content: ''; display: block; width: 96px; height: 96px; 
    background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 40px; right: 4%;}
.gangnam .method .step_box > li:nth-child(1) .daeat_step::after {background-image: url(../images/sub05_02_icon01.png);}
.gangnam .method .step_box > li:nth-child(2) .daeat_step::after {background-image: url(../images/sub05_02_icon02.png);}
.gangnam .method .step_box > li:nth-child(3) .daeat_step::after {background-image: url(../images/sub05_02_icon03.png);}
.gangnam .method .step_box > li .daeat_step dl {padding: 40px 5%; color: #29203B;}
.gangnam .method .step_box > li .daeat_step dl dt {font-weight: 700; font-size: 32px; letter-spacing: -0.04em; margin-bottom: 16px;}
.gangnam .method .step_box > li .daeat_step dl dt span {display: block; font-family: 'Inter'; font-size: 16px; color: #7435FF; letter-spacing: 0; margin-bottom: 8px;}
.gangnam .method .step_box > li .daeat_step dl dt .purple {font-style: normal;}
.gangnam .method .step_box > li .daeat_step dl dt .block {display: inline;}
.gangnam .method .step_box > li .daeat_step dl dd {margin-bottom: 16px; font-weight: 300; font-size: 16px; line-height: 24px; letter-spacing: -0.04em;}
.gangnam .method .step_box > li .daeat_step dl dd span {display: block;}
.gangnam .method .step_box > li .daeat_step dl dd:last-of-type {margin-bottom: 0;}
.gangnam .method .step_box .more_btn {color: #2E1566; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: -0.02em; padding: 11px 12px;
    border: 2px solid #D4C4F5; border-radius: 8px; margin-top: 16px; position: relative; z-index: 10;}


/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .gangnam .main_doctor .inner {padding: 120px 12%;}
    .gangnam .destiny .inner {padding: 120px 12%;}
    .gangnam .method .inner {padding: 120px 12%;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .gangnam .main_doctor .inner {padding: 120px 8%;}
    .gangnam .destiny .inner {padding: 120px 18%;}
    .gangnam .method .inner {padding: 120px 8%;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    .gangnam .main_doctor .inner {padding: 120px 6%;}
    .gangnam .destiny .inner {padding: 120px 6%;}
    .gangnam .method .inner {padding: 120px 6%;}
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    .gangnam .solution {padding-top: calc(586/768*100%); background-image: url(../images/sub05_02_background_doctor_tab.png);}


    .gangnam .main_doctor .inner {padding: 80px 5%;}
    .gangnam .main_doctor .inner ul:not(:last-of-type) {margin-bottom: 40px;}
    .gangnam .main_doctor .inner .text_box .paragraph {margin-bottom: 0;}


    .gangnam .destiny .inner {padding: 80px 5%;}
    .gangnam .destiny .inner .main_title {margin-bottom: 32px;}
    .gangnam .destiny .inner .img_box {border-radius: 16px; padding: 50px 0; margin-bottom: 30px;}
    .gangnam .destiny .inner .img_box img {width: 80%;}


    .gangnam .method .inner {padding: 80px 5%;}
    .gangnam .method .step_box {margin-top: 16px; gap: 16px;}
    .gangnam .method .step_box > li {margin-bottom: 0; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 16px;}
    .gangnam .method .step_box > li:nth-child(1) .daeat_step {background: #FAFAFA;}
    .gangnam .method .step_box > li:nth-child(1) .img_box {background: #fff;}
    .gangnam .method .step_box > li:nth-child(3) .img_box {background: #fff;}
    .gangnam .method .step_box > li .img_box {width: 50%; border: none;}
    .gangnam .method .step_box > li .img_box img {border: none;}
    .gangnam .method .step_box > li:nth-child(2n-1) .img_box img {border-radius: 16px 0 0 16px;}
    .gangnam .method .step_box > li:nth-child(2n) .img_box img {border-radius: 0 16px 16px 0;}
    .gangnam .method .step_box > li .sub_text {margin-bottom: 32px;}
    .gangnam .method .step_box > li .daeat_step {width: 50%; border: none; min-height: auto;}
    .gangnam .method .step_box > li .daeat_step::after {width: 60px; height: 60px; 
        background-position: center; background-repeat: no-repeat; background-size: contain; top: 32px; right: 5%;}
    .gangnam .method .step_box > li .daeat_step dl dt {font-size: 18px; line-height: 26px; letter-spacing: -0.02em;}
    .gangnam .method .step_box > li .daeat_step dl dt .block {display: block;}
    .gangnam .method .step_box > li .daeat_step dl dt span {font-size: 12px; margin-bottom: -4px;}
    .gangnam .method .step_box > li .daeat_step dl dd {font-size: 14px; line-height: 20px; letter-spacing: -0.02em;}
    .gangnam .method .step_box > li .daeat_step dl dd span {display: inline;}
    .gangnam .method .step_box > li .daeat_step dl dd i {display: block;}
    .gangnam .method .step_box .more_btn {font-size: 14px; padding: 12px 14px; border: 2px solid #D0CBF1;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */    
    .gangnam .solution {padding-top: calc(634/376*100%); background-image: url(../images/sub05_02_background_doctor_mo.png);}
    .gangnam .solution .text_box .sub_text span {display: block; height: 1rem;}
    .gangnam .solution .text_box .sub_text i {display: block;}


    .gangnam .main_doctor {background: #F5F5F5;}
    .gangnam .main_doctor .inner {padding: 60px 5%;}
    .gangnam .main_doctor .inner ul {flex-direction: column-reverse; gap: 30px;}
    .gangnam .main_doctor .inner ul:nth-of-type(2n) {flex-direction: column-reverse;}
    .gangnam .main_doctor .inner ul:not(:last-of-type) {margin-bottom: 30px;}
    .gangnam .main_doctor .inner ul li {width: 100%;}
    .gangnam .main_doctor .inner .img_box {background: #fff; border-radius: 8px; overflow: hidden;}
    .gangnam .main_doctor .inner .img_box img {border-radius: 8px;}
    .gangnam .main_doctor .inner .text_box .paragraph {margin-bottom: 1em;}
    .gangnam .main_doctor .inner .text_box .sub_text span {display: inline;}

    .gangnam .destiny {background: #fff;}
    .gangnam .destiny .inner {padding: 60px 5% 0;}
    .gangnam .destiny .inner .main_title {margin-bottom: 16px;}
    .gangnam .destiny .inner .main_title i {display: block;}
    .gangnam .destiny .inner .img_box {background: #F5F5F5; border-radius: 8px; padding: 30px 0; margin-bottom: 16px;}
    .gangnam .destiny .inner .img_box img {width: 90%;}
    .gangnam .destiny .inner .text_box .sub_text span {display: inline;}

    .gangnam .method .inner {padding: 60px 5%;}
    .gangnam .method .inner .main_title i {display: block;}
    .gangnam .method .step_box {margin-top: 16px; gap: 16px;}
    .gangnam .method .step_box > li {margin-bottom: 0; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 16px; overflow: hidden;}
    .gangnam .method .step_box > li:nth-child(1) .daeat_step {background: #fff;}
    .gangnam .method .step_box > li:nth-child(1) .img_box {border-radius: 0 0 16px 16px;}
    .gangnam .method .step_box > li:nth-child(2n-1) .img_box img {border-radius: 0 0 16px 16px;}
    .gangnam .method .step_box > li:nth-child(2n) .img_box img {border-radius: 0 0 16px 16px;}
    .gangnam .method .step_box > li:nth-child(2) {grid-column: 1/3; grid-row: 2/3; flex-direction: column;}
    .gangnam .method .step_box > li:nth-child(2) .inner .daeat_step dl {padding: 40px 3% 12px;}
    .gangnam .method .step_box > li:nth-child(2) .daeat_step .more_btn {margin: 0 3% 32px;}
    .gangnam .method .step_box > li:nth-child(3) {grid-column: 1/3; grid-row: 3/4;}
    .gangnam .method .step_box > li:nth-child(2n-1) {flex-direction: column-reverse; padding: 0;}
    .gangnam .method .step_box > li .img_box {width: 100%; background: #F9F8FA;}
    .gangnam .method .step_box > li .sub_text {margin-bottom: 32px;}
    .gangnam .method .step_box > li .daeat_step {width: 100%; background: #fff;}
    .gangnam .method .step_box > li .daeat_step dl dt {font-size: 18px; line-height: 26px; letter-spacing: -0.02em;}
    .gangnam .method .step_box > li .daeat_step dl dt span {font-size: 12px; margin-bottom: -4px;}
    .gangnam .method .step_box > li .daeat_step dl dd {font-size: 14px; line-height: 20px; letter-spacing: -0.02em;}
    .gangnam .method .step_box > li .daeat_step dl dd i {display: inline;}
    .gangnam .method .step_box .more_btn {font-size: 12px; line-height: 15px; padding: 8px 10px; border: 1px solid #D0CBF1; border-radius: 4px;}
}