@charset "utf-8";
/* about2_1.php */

/* font-family: 'Noto Serif KR', serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300&display=swap');



/* VISUAL */ 
#TE2S12_doctors , #TE2S12_doctors_inner { width:100% ; height:25rem}
#TE2S12_doctors { overflow: hidden ; background:url(../TE2_img_sub/TE12_doctors_bg.png) repeat-x left top ;}
#TE2S12_doctors_inner { 
    max-width:65rem ; position:relative ; margin:auto ;
    background:url(../TE2_img_sub/TE12_doctors_20250818.jpg) no-repeat center center ;
 }
            /*#TE2S12_doctors_inner_ { width:100% ; height:25rem;
                max-width:65rem ; position:relative ; margin:auto ;
                background:url(../TE2_img_sub/TE12_doctors_.jpg) no-repeat center center ;
             }*/
#TE2S12_doctors_box { width:23rem ; position: absolute ; left:5rem ; bottom:50% ; transform: translateY(50%); }
#TE2S12_doctors_box > strong , #TE2S12_doctors_box > p { color:#ffffff ; text-align:left ; display: block; }
#TE2S12_doctors_box > strong { 
    letter-spacing:-0.1rem ;
    font-size:2rem ; line-height:2.5rem ;  font-family: 'Noto Serif KR', serif; ; font-weight:100 ;  margin-bottom:1.5rem   ;}
#TE2S12_doctors_box > p { font-size: 0.7rem ; line-height:1.2rem }

.TE2S12_doctor_btn , .TE2S12_doctor_btn span ,
.TE2S12_doctor_btn span::after , .TE2S12_doctor_btn span::before { display: block;overflow: hidden ;}
.TE2S12_doctor_btn , .TE2S12_doctor_btn span { width:2.5rem ; height:2.5rem ; }
.TE2S12_doctor_btn { border-radius:2rem ; position: absolute ; bottom:3.5rem ; }
.TE2S12_doctor_btn span { position: relative; background-color: rgba(0,0,0,0.2); ; font-size:0 ; color:transparent ; opacity:1 ; }
.TE2S12_doctor_btn span::after , .TE2S12_doctor_btn span::before {
    content: "";
    width:0.95rem ; height:0.05rem; background-color:#ffffff ; position: absolute ; left:50%; top:50%
}
.TE2S12_doctor_btn span::after { transform: translate(-50%,-50%);}
.TE2S12_doctor_btn span::before { transform: translate(-50%,-50%) rotate(90deg);}

.TE2S12_doctor_btn.dr1 { left:41rem  }
.TE2S12_doctor_btn.dr2 { left:33.5rem}
.TE2S12_doctor_btn.dr3 { left:26rem  }
.TE2S12_doctor_btn.dr4 { left:47rem  }
.TE2S12_doctor_btn.dr5 { left:54rem  }

.TE2S12_doctor_btn , .TE2S12_doctor_btn span  {transition: 0.3s all }
.TE_SS1 .TE2S12_doctor_btn.dr1:hover span ,
.TE_SS1 .TE2S12_doctor_btn.dr1 span  , .TE_SS2 .TE2S12_doctor_btn.dr2 span  , .TE_SS3 .TE2S12_doctor_btn.dr3 span , .TE_SS4 .TE2S12_doctor_btn.dr4 span , .TE_SS5 .TE2S12_doctor_btn.dr5 span  { background-color:#fdc239 } 
.TE2S12_doctor_btn:hover span { background-color:rgba(0,0,0,0.8)  ; opacity:1 ;}

.TE_SS1 .TE2S12_doctor_btn.dr1 span::after , .TE_SS1 .TE2S12_doctor_btn.dr1 span::before ,
.TE_SS2 .TE2S12_doctor_btn.dr2 span::after , .TE_SS2 .TE2S12_doctor_btn.dr2 span::before ,
.TE_SS3 .TE2S12_doctor_btn.dr3 span::after , .TE_SS3 .TE2S12_doctor_btn.dr3 span::before ,
.TE_SS4 .TE2S12_doctor_btn.dr4 span::after , .TE_SS4 .TE2S12_doctor_btn.dr4 span::before ,
.TE_SS5 .TE2S12_doctor_btn.dr5 span::after , .TE_SS5 .TE2S12_doctor_btn.dr5 span::before  { background-color:#000000 ; opacity:1; }
 


/* SUB TAB */
#TE_12 #TE2S_tab .TE2S_tab_li > a { border-top:0 }
#TE_12 #TE2S_tab { margin-bottom:0 }



/*  HISTORY */
#TE2S12_DRA_history , .TE2S12_DR_img , #TE2S12_DRA_right ,
.TE2S12_DR_h4 ,  .TE2S12_DR_h4::before  { display: block ; overflow: hidden }
#TE2S12_DRA_history { margin-bottom:2rem}
.TE2S12_DR_img , .TE2S12_DR_img img { width:100% ; box-sizing: border-box; }
.TE2S12_DR_img { float:left ;   max-width:22.5rem  }
.TE2S12_DR_img img {  border-radius:0.3rem ; border:solid 1px rgba(0,0,0,0.1)  ;}

#TE2S12_DRA_right {  width:30rem ; float:right ;}
#TE2S12_DRAR_header { margin-bottom:2rem ;}
#TE2S12_DRAR_header > h3 { 
    margin-bottom:1rem ; padding-top:1.3rem ;
    font-size:2.5rem ; line-height:2.7rem ; font-weight:600 ; color:#32569a ; letter-spacing:-0.15rem ; }
#TE2S12_DRAR_header > p { font-size:1rem ; line-height:1.5rem ; font-weight:500 ; color:rgba(0,0,0,0.7)  ;}

.TE2S12_DR_h4 { padding-bottom:0.5rem ;border-bottom: solid 1px rgba(0,0,0,0.1) ; margin-bottom: 0.5rem }
.TE2S12_DR_h4::before , .TE2S12_DRB_title::before  { 
    width: 2rem; height:2rem ; content: ""; margin-right:0.25rem ; float:left ;
    background: url(../TE2_img_sub/TE12_icon_history.png) no-repeat 0 0 ;}
.TE2S12_DR_h4 > span , .TE2S12_DRB_title > span { font-size:1rem ; line-height:2rem ; color:#111111 ; font-weight:400 }

#TE2S12_DRAR_list , #TE2S12_DRAR_list ul , #TE2S12_DRAR_list li { display: block ; overflow: hidden }
#TE2S12_DRAR_list li , .TE2S12_DRB_body li  { 
    box-sizing: border-box ;
    padding-left:0.5rem ; background: url(../TE2_img/dot_b30.png) no-repeat 0 0.55rem ; background-size:0.15rem 0.15rem ;
    font-size:0.8rem ; line-height:1.2rem ; margin-bottom:0.3rem ; font-weight:300 ;}
#TE2S12_DRAR_list li.w50 { width:49% ; display: inline-block }



/* DR. BOX */
.TE2S12_DR_box , .TE2S12_DRB_inner , .TE2S12_DRB_header ,
.TE2S12_DRB_title::before  , .TE2S12_DRB_btn ,
.TE2S12_DRB_body ul , .TE2S12_DRB_body li  { display: block }
.TE2S12_DR_box { 
    border:solid 1px rgba(0,0,0,0.1) ; border-bottom:solid 2px #fcc139 ;
    box-sizing: border-box ; border-radius:0.2rem ; margin-bottom:0.5rem ; }

.TE2S12_DRB_btn ,  .TE2S12_DR_box , .TE2S12_DRB_body ,  .TE2S12_DRB_close > span ,
.TE2S12_DRB_body li { transition:0.3s all }

.TE2S12_DRB_header { width:100% ; position:relative ; padding:0.5rem 0 ; } 
.TE2S12_DRB_title { position: relative ; padding-left:1rem ; }
#DR_report .TE2S12_DRB_title::before { background-image: url(../TE2_img_sub/TE12_icon_report.png) } 
#DR_book .TE2S12_DRB_title::before { background-image: url(../TE2_img_sub/TE12_icon_book.png) }
#DR_award .TE2S12_DRB_title::before { background-image: url(../TE2_img_sub/TE12_icon_award.png) }

.TE2S12_DRB_btn {
    width:100% ; height:3rem ; position: absolute ; left:0 ; top:0rem ;
    font-size:0 ; color: transparent ; opacity:0.4 ;
    background: url(../TE2_img_sub/TE12_icon_arrow.png) no-repeat right top;
}

.open .TE2S12_DRB_btn { background-position: right bottom }
.open .TE2S12_DRB_btn , .TE2S12_DRB_btn:hover { opacity:1 } 
.TE2S12_DRB_body {display: none ; overflow: hidden ; height:auto ; padding:0 2rem ; opacity:0 }
 
.TE2S12_DR_box.open { border:solid 1px rgba(0,0,0,0.1) }
.open .TE2S12_DRB_header { border-bottom:solid 2px #fcc139 }
.open .TE2S12_DRB_body {
    display:block ; padding-top:1rem ; padding-bottom:1rem  ; opacity:1 }
.TE2S12_DRB_body li  { 
    text-align:left ; word-break: keep-all ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:0.4rem  ;}
.TE2S12_DRB_body li:hover  { color:#111111 ; border-color:rgba(0,0,0,0.3) }  

.TE2S12_DRB_close , .TE2S12_DRB_close > span , .TE2S12_DRB_close > span::before , .TE2S12_DRB_close > span::after  { display: block ; overflow: hidden }   
.TE2S12_DRB_close , .TE2S12_DRB_close > span { width:1.5rem ; height:1.5rem ;}
.TE2S12_DRB_close { margin:auto ; margin-top:0.5rem ;  }
.TE2S12_DRB_close > span { position: relative; font-size:0 ; color:transparent ; opacity:0.2 ; }
.TE2S12_DRB_close > span::before , .TE2S12_DRB_close > span::after { 
    position: absolute ; left:50% ; top:50% ;
    content: ""; width: 1.2rem ; height:0.1rem ; background-color:#111111;}
.TE2S12_DRB_close > span::before  { transform:translate(-50%,-50%) rotate(45deg);}
.TE2S12_DRB_close > span::after { transform:translate(-50%,-50%) rotate(-45deg);}
.TE2S12_DRB_close:hover > span { opacity:0.7 ;}
 



/* MOBILE ****/
@media all and (max-width:1100px){
 
    /* VISUAL */ 
    #TE2S12_doctors , #TE2S12_doctors_inner { width:100% ; height:auto }
    #TE2S12_doctors { background:none }
    #TE2S12_doctors_inner { 
        padding-top:11rem ;
        background:url(../TE2_img_sub/TE12_doctors_MB_20250818.jpg) no-repeat center top ; background-size:auto 11rem}
    .TE2S12_doctor_btn { display:none ;}

    #TE2S12_doctors_box {
        width:100% ; box-sizing: border-box ; padding: 1rem ; 
        position: static ; transform:none ; background-color:#45392c}
        #TE2S12_doctors_box > strong , #TE2S12_doctors_box > p { word-break: keep-all; text-align: center;}    
    #TE2S12_doctors_box > strong { font-size:1.4rem ; line-height:1.9rem ; margin-bottom: 1rem}
    #TE2S12_doctors_box > strong > br  { display: none;}
    #TE2S12_doctors_box > p { opacity:0.9  }



    /*  HISTORY */
    .TE2S12_DR_img , #TE2S12_DRA_right { float:none ; margin:auto ; width:100% }
    #TE2S12_DRAR_header > h3 , #TE2S12_DRAR_header > p { 
        text-align:center ; word-break: keep-all ; box-sizing:border-box ; 
        padding-left:1rem ; padding-right:1rem }
    #TE2S12_DRAR_list li , #TE2S12_DRAR_list li.w50 { width:100% ; display:block }  


    /* DR. BOX */
    .TE2S12_DR_box , #TE2S12_DRAR_list { width:90% ; margin:auto ; margin-bottom:2rem }
    #TE2S12_DRAR_list , .TE2S12_DR_box:last-child { margin-bottom:0 }
    .TE2S12_DRB_btn , .open .TE2S12_DRB_btn ,  .TE2S12_DRB_close { display:none ; }
    .TE2S12_DRB_btn , .TE2S12_DRB_btn:hover , .open .TE2S12_DRB_btn{ opacity:1 } 
    .TE2S12_DR_box , .TE2S12_DR_box.open { border:solid 1px rgba(0,0,0,0.1) }
    .TE2S12_DRB_header , .open .TE2S12_DRB_header { border-bottom:solid 2px #fcc139 }
    .TE2S12_DRB_body , .open .TE2S12_DRB_body , #TE2S12_DRAR_list ul { display:block ; padding:1rem ; opacity:1 ; height:auto }
     
    #TE2S12_DRAR_list { border:solid 1px rgba(0,0,0,0.1) ;  box-sizing: border-box ; border-radius:0.2rem }
    #TE2S12_DRAR_list .TE2S12_DR_h4 { padding:0.5rem 0 ; padding-left:1rem ; border-bottom:solid 2px #fcc139 }



    /* TAB */
    #TE_12 #TE2S_tab ul { padding-top:1.5rem ;}
    #TE_12 #TE2S_tab .TE2S_tab_li > a { border:solid 1px rgba(0,0,0,0.1) }

}