.inner {padding: 108px 16.66%;}
.inner .btn_back {display: none;}
.inner h2 {font-weight: 700; font-size: 26px; line-height: 36px; letter-spacing: -0.02em; color: #8556E3; padding: 20px 0; border-bottom: 1px solid #8556E3; margin-bottom: 80px;}
.inner .text_box p {font-weight: 300; font-size: 14px; line-height: 20px; letter-spacing: -0.02em; color: #616161; margin-bottom: 28px;}
.inner .text_box p .purple {display: block; margin-top: 4px; font-size: 28px; line-height: 36px;}
.inner .terms {width: 100%; height: 350px; padding: 32px 2%; box-sizing: border-box; background: #FFFFFF;
    border: 1px solid #E0E0E0; border-radius: 8px; color: #6C6C6C; font-weight: 300; font-size: 16px; line-height: 22px; overflow-y: scroll;} 
.inner .terms strong {font-weight: 300;} 


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    .inner {padding: 0 20%; margin: 160px auto;}
    .inner .btn_back {display: block; width: 40px; height: 40px; background: url(../images/btn_back.png) center no-repeat; background-size: contain;}
    .inner h2 {padding: 12px 20px; font-size: 18px; line-height: 26px; margin-bottom: 44px;}
    .inner .terms {font-size: 11px; line-height: 15px; overflow-y: scroll;} 
    }


/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    #headerAreaMobile {display: none !important;}
    .header_inner {display: none;}
    #content {margin-top: 0 !important;}

    .inner {padding: 0; margin: 0 auto 120px;}
    .inner .btn_back {margin-left: 2%;}
    .inner h2 {padding: 12px 20px; font-size: 18px; line-height: 26px; margin-bottom: 44px;}
    .inner .text_box {padding: 0 5%;} 
    .inner .text_box p .purple {font-size: 24px; line-height: 32px;}
    .inner .terms {width: 90%; height: 400px; margin: 0 5%; padding: 12px 3%;} 
}