/* BASIC css start */
/* =====================================================
   이메일 문의하기
===================================================== */

#emailManage *{
    background-color:transparent;
    box-sizing:border-box;
}

/* =====================================================
   전체 폭
===================================================== */

#emailManage{
    width:100% !important;
    max-width:800px !important;
    margin:0 auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
.pop-cont {
    overflow-x: hidden; 
    overflow-y: auto;   
}

/* =====================================================
   상단 타이틀
===================================================== */

#emailManage .tit-pop{
    text-align:center;
    padding:20px 0 30px;
    border-bottom:1px solid #e5e5e5;
    margin-bottom:20px;
}

#emailManage .tit-pop img{
    display:none;
}

#emailManage .tit-pop:before{
    content:"Shemeks 이메일 문의";
    display:block;
    font-size:22px;
    font-weight:700;
    color:#333;
    letter-spacing:-0.5px;
}

#emailManage .tit-pop:after{
    content:"문의 내용을 남겨주시면 빠르게 답변드리겠습니다.";
    display:block;
    margin-top:8px;
    font-size:13px;
    color:#888;
    font-weight:400;
}

/* =====================================================
   입력 영역
===================================================== */

#emailManage .table-d2-view{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:20px;
    box-shadow:0 4px 8px rgba(0,0,0,.04);
    margin-top:0;
}

#emailManage .table-d2-view table{
    width:100%;
}

#emailManage .table-d2-view th{
    background:#fafafa;
    border-bottom:1px solid #e5e5e5;
    padding:14px 10px;
    font-size:13px;
    color:#333;
}

#emailManage .table-d2-view td{
    padding:14px;
    border-bottom:1px solid #e5e5e5;
}

/* 입력창 */

#emailManage input[type=text],
#emailManage input[type=password],
#emailManage input[type=email],
#emailManage textarea{
    width:100% !important;
    padding:10px 12px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:13px;
    transition:.2s;
}

#emailManage input:focus,
#emailManage textarea:focus{
    border-color:#999;
    outline:none;
}

#emailManage textarea{
    min-height:150px;
    resize:vertical;
    max-width:100% !important;  
    box-sizing:border-box;      
    word-break:break-all;       
    overflow-x:hidden;          
    white-space:pre-wrap;       
}

/* =====================================================
   하단 안내영역
===================================================== */

#emailManage .cont{
    background:#fff;
    border-radius:12px;
    padding:20px;
    margin-top:15px;
}

#emailManage .cont .c-hd h3{
    margin:0;
    color:#333;
    font-size:14px;
    font-weight:600;
}

#emailManage .cont .sect{
    font-size:13px;
    color:#666;
    line-height:1.7;
}

/* =====================================================
   버튼
===================================================== */

#emailManage .btn-foot{
    text-align:center;
    margin-top:25px;
}

#emailManage .btn-foot img{
    border-radius:10px;
}

#emailManage .btn-consult{
    display:inline-block;
    min-width:220px;
    height:50px;
    line-height:50px;

    background:#888;
    color:#fff !important;

    font-size:15px;
    font-weight:700;

    border-radius:10px;
    text-decoration:none;

    transition:.2s;
    margin-bottom:20px;
}

#emailManage .btn-consult:hover{
    background:#222;
}

/* =====================================================
   기존 요소 정리
===================================================== */

#emailManage .tbl{
    width:100%;
}

#emailManage textarea{
    width:100%;
}

#emailManage input{
    width:100%;
}
/* BASIC css end */