@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script:400');

/* IMAGE */
.SS__img { max-width:42rem } 
#SS32__img1 , #SS32__img4 , #SS32__img5  , #SS32__img7 { max-width:50rem } 
 



/* TALK */
.SS32__talk { position:relative ; padding:3rem 0 0 2rem ; margin-bottom:3rem } 
.SS32__talk br { display:none }
.SS32__talk__face {
    width:8rem ; height:8rem ; display:block ; overflow:hidden ; border-radius:100% ;
    position:absolute ; left:0 ; top:0 ;
    background-color:#ffe5da ;
    font-size:0 ; color:transparent
}
.SS32__talk__face::before , .SS32__talk__face::after {
    display:block ; content:"" ;
    position:absolute ; background:no-repeat center ; background-size:cover ;
}
.SS32__talk__face::before { 
    background-image:url(../img_sub/SS32_talk_face_smaile.png) ;
    width:100% ; height:100% ; 
    top:50% ; left:50% ; transform:translate(-50%,-50%) ;
}
.SS32__talk__face.aha::before  { background-image:url(../img_sub/SS32_talk_face_aha.png) }
.SS32__talk__face.haha::before { background-image:url(../img_sub/SS32_talk_face_haha.png) }
.SS32__talk__face.idea::before { background-image:url(../img_sub/SS32_talk_face_idea.png) }
.SS32__talk__face.imp::before  { background-image:url(../img_sub/SS32_talk_face_imp.png) }
.SS32__talk__face.oh::before   { background-image:url(../img_sub/SS32_talk_face_oh.png) }
.SS32__talk__face.wink::before { background-image:url(../img_sub/SS32_talk_face_wink.png) }
 
.SS32__talk__face::after { 
    width:2.6rem ; height:2.6rem ;
    background-image:url(../img_sub/SS32_talk_tag.png) ;
    right:-1rem ; bottom:30%
}

.SS32__talk__box {
    padding:1rem 1.5rem 1.2rem ; text-indent:5rem ; word-break:keep-all ;
    font-family: "Nanum Pen Script"; font-size:2.8rem ; line-height:3.6rem ;
    border:solid 0.3rem #ffe5da ; box-sizing:border-box ; border-radius:0.6rem ;
}

.senior .SS32__talk__face::before { background-image:url(../img_sub/SS32_talk_p1_no.png) }
.senior .SS32__talk__face.oh::before  { background-image:url(../img_sub/SS32_talk_p1_oh.png) }
.senior .SS32__talk__face { background-color:#d1d1d1 }
.SS32__talk.senior { border-color:#d1d1d1 }

.pro .SS32__talk__face::before { background-image:url(../img_sub/SS32_talk_p2_no.png) } 
.pro .SS32__talk__face { background-color:#e0f3ff }
.SS32__talk.pro { border-color:#e0f3ff }





/* PC **********/
@media all and (min-width:1100px){
  
    /* IMAGE */
    #SS32__img1 , #SS32__img2 , #SS32__img3 , #SS32__img4 , #SS32__img5 ,
    #SS32__img7 , #SS32__img8 , #SS32__img9 , #SS32__img10 {
        float:right ; 
        margin:0 0 0.5rem 4rem ; padding-top:0.7rem ;
    }  

    #SS32__img6 {
        float:left ; 
        margin:0 4rem 0.5rem 0 ; padding-top:0.7rem ;
    }  



    /* TALK */
    .SS32__talks { overflow:hidden }
    .SS32__talk { 
        padding:0 ; min-height:11rem ; margin:0 0 3rem ;
        border:solid 0.3rem #ffe5da ; box-sizing:border-box ; border-radius:10rem ;
    }
    .SS32__talk br { display:block }
    .SS32__talk__face { width:11rem ; height:11rem ; left:-0.3rem ; top:-0.3rem }
    .SS32__talk__face::after { bottom:50% ; right:-0.7rem }
    .SS32__talk__box {
        border:none ; border-radius:0 ; padding:0 ;
        width:100% ; text-indent:0 ; padding:0 2rem 0.2rem 12rem ;
        position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
        line-height:3.2rem ;
    }

    #talk5 , #talk6 , #talk11 , #talk12 , #talk14 , #talk15 , #talk18 , #talk19 ,
    #talk24 , #talk25 { float:left }
    #talk6 ,  #talk12 , #talk15 , #talk19 , #talk25 { margin-left:3rem }

    #talk1 , #talk8 , #talk10 , #talk25 { width:50% }  
    #talk2 { width:45% } 
    #talk3 , #talk20 , #talk21 { width:55% }  
    #talk4 , #talk24 { width:45% } 
     
    #talk7 { max-width:33rem } 
    #talk9 { max-width:30rem }

    #talk5 , #talk6 { width:30rem }
    #talk11 , #talk16 , #talk18  { width:40rem }
    #talk12 ,  #talk15 { width:45rem } 
    #talk13 , #talk17 , #talk19 { width:66rem }
    #talk14 { width:44rem } 

    #talk22 { max-width:95rem } 
    #talk23 { max-width:58rem }

    #talk24 , #talk25 , #talk29 { max-width:55rem }

    #talk26 { max-width:90rem } 
    #talk27 { max-width:73rem }
    #talk28 { max-width:64rem } 
 
 
 
  

}