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

/* IMAGE */
#SS32__img1 { max-width:44rem } 
#SS32__img3 { max-width:60rem }
#SS32__img2 , #SS32__img4 { max-width:48rem }



/* 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/SS31_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/SS31_talk_face_aha.png) }
.SS32__talk__face.haha::before { background-image:url(../img_sub/SS31_talk_face_haha.png) }
.SS32__talk__face.idea::before { background-image:url(../img_sub/SS31_talk_face_idea.png) }
.SS32__talk__face.imp::before  { background-image:url(../img_sub/SS31_talk_face_imp.png) }
.SS32__talk__face.oh::before   { background-image:url(../img_sub/SS31_talk_face_oh.png) }
.SS32__talk__face.wink::before { background-image:url(../img_sub/SS31_talk_face_wink.png) }
 
.SS32__talk__face::after { 
    width:2.6rem ; height:2.6rem ;
    background-image:url(../img_sub/SS31_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 ;
}




/* PC **********/
@media all and (min-width:1100px){
  
    /* IMAGE */
    #SS32__img1 , #SS32__img2 , #SS32__img3 , #SS32__img4 {
        float:right ; margin:0 ; padding:0 ;
        margin-left:4rem ; padding-top:0.7rem ; margin-bottom:1rem ;
    }
    #SS32__img1 { width:36% }



    /* TALK */
    .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 1rem 0.2rem 12rem ;
        position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
        line-height:3.2rem ;
    }

    #talk1 { width:60% }
    #talk2 { max-width:100rem }
    #talk3 { max-width:50rem }
    #talk5 , #talk6 { max-width:77rem }
    #talk7 { max-width:84rem }
    #talk8 { max-width:105rem }
    #talk9 { max-width:95rem }
    #talk10 { max-width:103rem }
    #talk11 { max-width:67rem }
    #talk12 { max-width:78rem }
 

}