@charset "utf-8";

/************************************** import **************************************/


/* search css */
@import url('../sub-common.css');


/************************************** support **************************************/

/* faq */
.faq-tit {font-size:1.8rem; font-weight:600; padding-bottom:20px; border-bottom:1px solid #4d4d4d}
.faq-wrap .faq-box {padding:15px 0; border-bottom:1px solid #dddddd;}
.faq-wrap .faq-box .faq-categ {border-radius:14px; font-size:1.3rem; background:#000843; color:#fff; text-align: center; width:70px; float:left; padding:5px 0; font-weight:600; margin-right:20px}
.faq-wrap .faq-box p.faq-cont {float:left; font-size:1.6rem; font-weight:500; width: calc(100% - 90px); text-overflow: ellipsis; white-space:nowrap; word-break: break-word; overflow:hidden; padding-right:40px; position:relative;}
.faq-wrap .faq-box p.faq-cont .material-icons {position:absolute; right:0; top:0; color:#aaa; font-size:22px; }
.faq-wrap .faq-box:hover p.faq-cont {text-decoration: underline;}
.faq-wrap.detail .faq-box:hover p.faq-cont {text-decoration: none;}
.faq-wrap.detail .detail-cont {padding:20px; background:#f7f7f7; min-height:80px;}
.faq-wrap.detail .detail-cont p {font-size:1.6rem; line-height:22px}

@media(max-width:768px) {
    .faq-wrap .faq-box .faq-categ {font-size:1.2rem; margin-right:15px}
    .faq-wrap .faq-box p.faq-cont {width:calc(100% - 85px);font-size:1.5rem}
    .faq-wrap.detail .detail-cont p {font-size:1.5rem;}
}

@media(max-width:500px) {
    .faq-wrap .faq-box .faq-categ {float:none; display:inline-block; padding:5px 15px;width:auto; margin-bottom:12px; margin-right:0;}   
    .faq-wrap.detail .faq-categ {float:left; margin-right:10px; margin-bottom:0}
    .faq-wrap .faq-box p.faq-cont {float:none; width:100%;}
    .faq-wrap .faq-box p.faq-cont {float:left; width:calc(100% - 70px); position:relative;top:3px; text-overflow: initial; overflow: auto; white-space: normal; padding-right:0; line-height:20px}
    .faq-wrap .faq-box p.faq-cont {font-size:1.4rem}
    .faq-wrap .faq-box p.faq-cont .material-icons {top:-3px}
    .faq-wrap.detail .detail-cont p {font-size:1.4rem}
}

/* inquiry */
.inq-tit {font-size:1.8rem; font-weight:600; padding-bottom:20px;}
.inquiry-wrap .select-box {width:170px; margin-right:15px; height:36px}
.inquiry-wrap.partner .select-box {width:330px}
.inquiry-wrap .file-info {font-size:1.3rem; color:#b3a3e1;padding-top:10px}
.inquiry-info-wrap {margin-top:20px; padding-bottom:20px; border-bottom:1px solid #d3d3d3}
.inquiry-info-wrap .check-wrap {margin-top:10px;}
.inquiry-info-wrap .check-wrap .check-input-wrap {float:left}
.inquiry-info-wrap .check-wrap .check-input-wrap .check-input-box {position:relative; top:7px;}
.inquiry-info-wrap .check-wrap .btn-wrap {float:right;}
.btn-wrap.inquiry-send-btn button { position: relative; padding: 12px 40px; transition: padding .2s ease; min-width:inherit; font-size: 1.6rem; font-weight: 600; height:55px; border-radius: 30px;}
.btn-wrap.inquiry-send-btn button .material-icons { font-size:1.7rem; position: absolute; top: 19px; right:60px; opacity: 0; transition: opacity .2s, right .2s; }
.btn-wrap.inquiry-send-btn button:hover { padding: 15px 60px 15px 40px;  }
.btn-wrap.inquiry-send-btn button:hover .material-icons { right: 35px; opacity: 1; }
.inquiry-wrap .table-wrap:not(:first-child) {padding-top:60px}
.inquiry-wrap .terms-wrap {height:120px; width:100%; padding:20px; background:#f0f0f0; overflow-y: auto; font-size:1.5rem; line-height:20px; margin-bottom:20px; border:1px solid #d3d3d3;}
.inquiry-wrap .table-wrap.terms {padding-bottom:20px;border-bottom:1px solid #d3d3d3;}
.inquiry-wrap .check-wrap .check-input-wrap {float:none;}

@media(max-width:650px) {
    .inquiry-wrap .select-box {width:calc(50% - 5px); margin-right:10px}
    .inquiry-wrap .select-box:last-child {margin-right:0}
    .inquiry-wrap .table-wrap:not(:first-child) {padding-top:45px} 
    table.vertic-table tr th {width:100px}
    .inquiry-wrap .terms-wrap {font-size:1.3rem; line-height:18px}
    .inq-tit {font-size:1.6rem}
}

@media(max-width:500px) {
    .inquiry-wrap .select-box {display:block; margin-right:0; margin-bottom:10px; width:100%}
    .inquiry-wrap .select-box:last-child {margin-bottom:0}
    .inquiry-wrap.partner .select-box {width:100%}
    .inquiry-info-wrap h3 {text-align: center;}
    .inquiry-info-wrap .check-wrap .check-input-wrap {float:none; text-align: center;}
    .inquiry-info-wrap .check-wrap .check-input-wrap .check-input-box {top:0;}
    .inquiry-info-wrap .check-wrap .btn-wrap{float:none; margin-top:10px}
    .inquiry-info-wrap .check-wrap .btn-wrap > .btn-right {float:none;}
    .inquiry-info-wrap .check-wrap .btn-wrap > .btn-right > button {float:none;font-size: 1.2rem;padding: 0 25px;}
    .inquiry-wrap .file-info{font-size:1.2rem; line-height:15px;}
    table.vertic-table tr th {width:95px}
    .inq-tit {font-size:1.5rem}
}