@import url('sub.css');
/* 공통 */
:root {
    --marb12 : 12px;
}
.special_cont .clinic_flex article .imgbox {border-radius: var(--borderR280) var(--borderR20) var(--borderR280) var(--borderR20); width: 50%; max-width: 750px;}
.special_cont .clinic_flex article .txtbox h4 {margin-bottom: var(--marb12);}
.special_cont .clinic_flex article .txtbox .txtbox_body p + p {margin-top: var(--marb12);}

.special_cont .clinic_flex article:nth-child(2n) {flex-direction: row-reverse;}
.special_cont .clinic_flex article:nth-child(2n) .imgbox {border-radius: var(--borderR20) var(--borderR280) var(--borderR20) var(--borderR280);}
.special_cont .clinic_flex article:nth-child(2n) .txtbox {padding-left: 0; padding-right: 80px;}

/*******************************************************************************
    @media ~1700px
*******************************************************************************/
@media all and (max-width:1700px){
}

/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){
}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* 공통 */
.special_cont .clinic_flex article {align-items: center;}
.special_cont .clinic_flex article:nth-child(2n) .txtbox {padding-right: 50px;}

/* 가임력 보존 / 난자동결 */
.fertility_cont .clinic_flex article {align-items: flex-start;}
}

/*******************************************************************************
    @media ~980px
*******************************************************************************/
@media all and (max-width:980px){
:root {
    --marb12 : 8px;
}

/* 공통 */
.special_cont .clinic_flex article {align-items: flex-start;}

.special_cont .clinic_flex article:nth-child(2n) .txtbox {padding-right: 30px;}
}

/*******************************************************************************
    @media ~680px
*******************************************************************************/
@media all and (max-width:680px){
:root {
    --marb12 : 5px;
}

/* 공통 */
.special_cont .clinic_flex article .imgbox {width: 100%; max-width: 100%;}

}

/*******************************************************************************
    @media ~480px
*******************************************************************************/
@media all and (max-width:480px){
}

/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){
}