@charset "utf-8";

/* cs center */
.faq_tab{display: flex;}
.faq_tab li{flex: 1;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #765625;text-align: center;background-color: #f7f7f7;line-height: 40px;}
.faq_tab li~li{border-left: 1px solid #dcdcdc;}
.faq_tab li.active{position: relative;border: 1px solid #765625 !important;border-bottom: 0;background-color: #FFF;font-weight: bold;}
.faq_tab li.active::before{position: absolute;content: '';bottom: -1px;left: 0;width: 100%;height: 1px;background-color: #FFF;}
.faq_tab li:first-child{border-left: 1px solid #dcdcdc;}
.faq_tab li:last-child{border-right: 1px solid #dcdcdc;}
.faq_list{margin-bottom:30px}
.faq_list dt,.faq_list dd{position:relative;border-bottom:1px solid #e2e2e2;}
.faq_list dt .icon,.faq_list dd .icon{position:absolute;left:18px}
.faq_list dt .icon{top:12px}
.faq_list dt span{color:#C51717;margin-right:5px}
.faq_list dd .icon{top:20px}
.faq_list dt{padding:13px 19px 11px 32px;color:#666;position: relative;}
.faq_list dt::before{content: 'Q'; position: absolute; left: 10px;top: 50%;color: #765625;font-size: 18px;transform: translateY(-50%);font-weight: bold;}
.faq_list dd{display:none;padding:21px 19px 17px 43px;background-color:#fff7ea;color:#444;position: relative;}
.faq_list dd::before{content: 'A.'; position: absolute; left: 20px;top: 16px;color: #111;font-size: 18px;;font-weight: bold;}
.faq_none{border-bottom:1px solid #e2e2e2;;text-align:center;padding:13px 0;margin-bottom:50px}

/* main */
.paging{margin-bottom:60px}
.faq_quick_link{padding-left:10px;overflow: hidden;border:1px solid #dcdcdc}
.faq_quick_link a{display: inline-block;padding: 20px;width: 33%;}
.faq_quick_link a~a {border-left: 1px solid #dcdcdc;}
.faq_quick_link a h4 {font-size: 16px;font-weight: bold;line-height:40px;color: #765625;border-bottom: 1px solid #dcdcdc;}
.faq_quick_link a span {line-height: 24px;display: block;padding-top: 10px;}
.faq_quick_link a em {display: inline-block; line-height: 30px;color:#fff;padding: 0 15px;background-color: #666;border-radius: 15px;margin-top: 15px;}

/* faq - id main 과 동일 */
.quesiton_admin{width:100%;margin:auto;padding:14px 22px;color:#666;border: 1px dashed #dcdcdc;}
.quesiton_admin img{margin:0 7px 0 0}
.quesiton_admin a{margin-left: 15px;background-color: #666;color: #FFF;padding: 0 15px;line-height: 30px;display: inline-block;}

/* personal */
.personal_info{padding:11px 10px 10px;;border-bottom:1px solid #bbb;color:#414141}
.personal_info img{margin:-1px 10px 0 0}


/* 박스 */
.gradient_box{margin-bottom:27px;padding:12px 18px 15px;font-size:14px;background-color: #f7f7f7;text-align: center;}
.gradient_box input{margin-left:10px; height:40px;font-size: 14px;border: 1px solid #ddd;padding: 0 10px;}
.gradient_box button{margin-left:3px; line-height:40px;color: #FFF;background-color: #252525;padding: 0 30px;}

.w100{width: 100%;}



@media (max-width: 500px) {
    .gradient_box {
        font-size: 16px;
    }

    .gradient_box input {
		margin-left: 0;
		width: 315px;
		margin-top: 15px;
        font-size: 16px;
	}

    .gradient_box button {
        margin-top: 15px;
        font-size: 16px;
    }

    .faq_list dt a {
        font-size: 18px;
    }

    .faq_list dt::before {
        top: 11px;
        transform:none;
    }

    .faq_list dd {
        font-size: 18px;
    }

    .faq_list dd::before {
        top: 21px;
    }

    .faq_quick_link {
        padding-left: 0;
    }

    .faq_quick_link a {
        width: 100%;
    }

    .faq_quick_link a~a {
        border-left: 0;
        border-top: 1px solid #dcdcdc;
    }

    .faq_quick_link a h4 {
        font-size: 18px;
    }

    .faq_quick_link a span, .faq_quick_link a em {
        font-size: 16px;
    }


    .faq_none, .quesiton_admin {
        font-size: 16px;
    }

    .quesiton_admin a {
        display: block;
        margin-left: 0;
        line-height: 40px;
        text-align: center;
        margin-top: 10px;
    }
    .personal_info {
        font-size: 16px;
    }
    
}