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

#TE2S16_section1 { margin-top:-2rem }
.TE2S16_guide { font-size:0.7rem ; line-height:0.9rem ; margin-bottom:0.7rem } 
.TE2S16_QA , .TE2S16_QA_A , .TE2S16_QA_header ,  .TE2S16_QA_OC , .TE2S16_QA_OC:after { display:block } 
.TE2S16_QA_A  { overflow:hidden ; width:100% ; height:0 ; opacity:0 }  
.TE2S16_QA , .TE2S16_QA.open:hover  { 
    margin-bottom: 0.5rem ;
    width:100% ; box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ; border-bottom:solid 2px #fcc139 ;}
.TE2S16_QA:hover { border-bottom:solid 2px #444444 }     
.TE2S16_QA:last-child { margin-bottom:0 }

.TE2S16_QA_header { padding:0.6rem 1.25rem ; padding-right:4rem  ; position: relative }
.TE2S16_QA_Q::before { display:inline-block }
.TE2S16_QA_Q::before ,  .TE2S16_QA_OC:after , .TE2S16_QA_A_inner::before { content: "" ; width: 1.5rem ; height:1.5rem }
.TE2S16_QA_Q::before , .TE2S16_QA_A_inner::before { content: "질문" ; font-size:0 ; color:transparent ; overflow: hidden;}
.TE2S16_QA_A_inner::before { content: "답변" }
.TE2S16_QA_Q::before , .TE2S16_QA_A_inner::before { background:url(../TE2_img_sub/TE16_icon_QA.png) no-repeat 0 0 }
.TE2S16_QA_Q::before { margin-right:0.4rem }
.TE2S16_QA_header span { font-size:1rem ; list-style: 1.4rem ; color:#111111 ; font-weight:400  ;}
.TE2S16_QA_OC { 
    font-size:0 ; color:transparent ;
    width:100% ; height:100% ; overflow: hidden ; position: absolute ; left:0 ; top:0 }
.TE2S16_QA_OC:after { float:right ; margin-right:1.25rem ; background:url(../TE2_img_sub/TE16_icon_arrow.png) no-repeat left top ; opacity:0.3 } 

.TE2S16_QA_A_inner::before , .TE2S16_QA_close , 
.TE2S16_QA , .TE2S16_QA_OC:after , .TE2S16_QA_A { transition:0.3s all }
.TE2S16_QA_OC:hover:after { opacity:0.7 }

.TE2S16_QA_A_inner { display:inline-block ; overflow:hidden }
.TE2S16_QA_A_inner { 
    margin:0 1.25rem ; width:100% ; max-width:52.5rem ; border-top:solid 2px #fcc139 ; box-sizing: border-box ;
    padding:1.25rem 0 ; padding-left:1.9rem  ; position: relative }
.TE2S16_QA_A_inner::before { 
    position: absolute ; left:0 ; top:1.4rem ; display:block ; overflow:hidden ;
    background-position:left bottom ;
 }
.TE2S16_QA_close , .TE2S16_QA_close::before , .TE2S16_QA_close::after { display: block ; overflow: hidden }
.TE2S16_QA_close { 
    width:1.2rem ; height:1.2rem ; position:relative ; margin:auto ;
    font-size:0 ; color: transparent ; opacity:0.3 ;
}
.TE2S16_QA_close:hover { opacity:0.8 }
.TE2S16_QA_close::before , .TE2S16_QA_close::after { 
    position: absolute ; top:50% ; left:50% ; content:"" ; border-radius:1rem ;
    width:0.9rem ; height:0.1rem ; background-color:#111111 }
.TE2S16_QA_close::before { transform:translate(-50%,-50%) rotate(45deg) }
.TE2S16_QA_close::after { transform:translate(-50%,-50%) rotate(-45deg) }

.TE2S16_QA.open { background-color:#f7f7f7 ; }
.open .TE2S16_QA_Q::before { background-position:left center }
.open .TE2S16_QA_A { height:auto ; opacity:1 }
.open .TE2S16_QA_OC:after { background-position:left bottom ; opacity:1 }


/* MOBILE ****/
@media all and (max-width:1100px){
    .TE2S_inner { width:100% ; padding:0 1.5rem ; box-sizing:border-box }
    .TE2S16_QA_Q::before , .TE2S16_QA_A_inner::before { position: fixed ; left:-10px ; top:-10px ; width:0 ; height:0 ; overflow: hidden ; padding:0 ; margin:0 }
    .TE2S16_QA_A_inner {  margin:0 ; padding:1rem }

    .TE2S16_QA_header { padding:0.6rem 1rem ; padding-right:2rem  }
    .TE2S16_QA_OC:after { margin-right:0.25rem }
}