@charset "utf-8";
@import url("common.css");

@media all and (min-width: 1025px){
    /* sub tab */
    .container .sub_tab .sub_tab_wrap .st_tab{width: 632px;height: 38px;margin: auto;}
    .container .sub_tab .sub_tab_wrap .st_tab .stt_tab{width: 210px;height: 36px;float: left;border: 1px solid #07baab;border-right: none;}
    .container .sub_tab .sub_tab_wrap .st_tab .stt_tab a{display: block; width: 100%; height: 100%; line-height: 30px; font-size: 16px; color: #363636; text-align: center;}
    .container .sub_tab .sub_tab_wrap .st_tab .stt_tab:last-child{border-right: 1px solid #07baab;}
    .container .sub_tab .sub_tab_wrap .st_tab .stt_tab a:hover{color: #fff; background: #07baab;}
    .container .sub_tab .sub_tab_wrap .st_tab .stt_tab .active{color: #fff; background: #07baab;}

    /* list_top_wrap*/
    .container .sub_tab_wrap{width: 100%;height: auto;margin-top: 30px; }
    .container .sub_tab_wrap .tabs{width: 370px; margin: auto; margin-top: 30px;}
    .container .sub_tab_wrap .tabs li:first-child{display: none!important;}
    .container .sub_tab_wrap .tabs li{width: 120px;float: left;}
    .container .sub_tab_wrap .tabs li a{display: block;width: 100%;height: 100%;line-height: 18px;font-size: 18px;text-align: center; border-right: 1px solid #222222;}
    .container .sub_tab_wrap .tabs li a.active{color: #fed501;}
    .container .sub_tab_wrap .tabs li a:hover{color: #fed501;}
    .container .sub_tab_wrap .tabs li:last-child a{border: none;}

    .container .sub_tab .sub_con_wrap{margin-top: 50px; font-size: 16px;}
    .container .sub_tab .sub_con_wrap .qna_wrap{width: 100%;}
    .container .sub_tab .sub_con_wrap .qna_wrap h3{font-size: 24px; text-align: center; line-height: 66px;}

    .qna_wrap form{width: 790px; margin: auto;}
    .qna_wrap form label{display: inline-block; width: 140px;height: 55px; margin-right: 10px; text-align: center;line-height: 53px;margin-bottom:40px;background: #e7e7e7;font-size: 16px;}
    .qna_wrap form .long{height: 150px; vertical-align: 117px;}
    .qna_wrap input{width: 620px;vertical-align: 1px;}
    .qna_wrap input[type="text"], input[type="password"]{border: none;border-bottom: 1px solid #999999;background: transparent;outline: none;height: 50px; margin: 0 10px;font-size: 16px;opacity: 1;color: #231f1f;}
    .qna_wrap input[type="submit"]{width: 300px; border: none;outline: none;height: 50px;background: #ffd501;color: #231f1f;font-size: 16px;font-weight: bold;display: block;margin:auto;margin-bottom: 40px;}
    .qna_wrap input[type="submit"]:hover {cursor: pointer;background: #07baab;color: #fff;}
    .container .sub_tab .sub_con_wrap textarea{width: 640px; height: 150px;resize: none;}
}

@media all and (max-width: 1024px){
    /* sub tab */
    .container .sub_tab .sub_tab_wrap .st_tab.show{height: 110px;}
    .container .sub_tab .sub_tab_wrap .st_tab .stt_tab a{display: none;}
    .container .sub_tab .sub_tab_wrap .st_tab .stt_tab a.active{display: block; margin-top: -72px;}

    /* list_top_wrap*/
    .container .list_top_wrap{width: 100%;height: auto;margin: auto; margin-top: 30px;}
    .container .list_top_wrap .tabs{width: 90%;height: 38px;margin: auto; margin-top: 20px; position: relative; border: 1px solid #666666; overflow: hidden;}
    .container .list_top_wrap .tabs.show{overflow: visible; height: 182px!important;}
    .container .list_top_wrap .tabs li:first-child{width: 26px;height: 26px;position: absolute; top:6px; right: 8px;}
    .container .list_top_wrap .tabs li img{display: block; width: 100%;}
    .container .list_top_wrap .tabs li{width: 100%;height: 36px;float: left; color: #fff;}
    .container .list_top_wrap .tabs li a{display: block;width: 100%;height: 100%;line-height: 35px;font-size: 1.5rem;text-align: center;}
    .container .sub_tab .sub_tab_wrap .tabs li a{display: none;}
    .container .sub_tab .sub_tab_wrap .tabs li a.active{display: block; margin-top: -72px;}
    .container .sub_tab .sub_tab_wrap .tabs li a:hover{background: #ededed;}

    .container .sub_tab .sub_con_wrap{margin-top: 30px; font-size: 1.6rem;}
    .container .sub_tab .sub_con_wrap .qna_wrap{width: 90%; margin: auto;}
    .container .sub_tab .sub_con_wrap .qna_wrap h3{font-size: 2.4rem; text-align: center; line-height: 8rem;}
    .qna_wrap form label{display: inline-block; width: 100%;height: 30px; margin-right: 5%; text-align: left;text-indent: 10px;line-height: 3.5rem;margin-bottom:10px; margin-top:30px; border-left: 8px solid #d1d1d1;font-size: 1.6rem;}
    .qna_wrap input{width: 100%;vertical-align: 1px;margin-bottom: 20px;}
    .qna_wrap input[type="text"], input[type="password"]{border: none;border-bottom: 1px solid #999999;background: transparent;outline: none;height: 40px; font-size: 1.6rem;color: #231f1f;}
    .qna_wrap input[type="submit"]{border: none;outline: none;height: 50px;background: #ffd501;color: #231f1f;font-size: 16px;font-weight: bold;display: block;margin:20px auto;}
    .qna_wrap input[type="submit"]:hover {cursor: pointer;background: #07baab;color: #fff;}
    .container .sub_tab .sub_con_wrap textarea{width: 100%; height: 150px; margin-bottom: 20px;resize: none;}

}