@charset "utf-8";
@media screen and (max-width: 768px) {
    /* sect_gjacTheaterInfo{ */
    .sect_gjactheatInfo{
        padding: 25px 0;
    }
    .theaterInfo_topImg{
        position: relative;
    }

    .dance .theaterInfo_topImg .topImg_bg{ background-image: url(/images/user/gjac/theaterInfo_topImg_01.png);}
    .theaterInfo_topImg .topImg_bg{
       
        height: 160px;
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    .theaterInfo_topImg::before{
        display: none;
    }
    .topImg_txt {
        position: relative;
        left: auto;
        top: auto;
        z-index: 11;
        background-color: #CE973B;
        text-align: center;
        padding: 15px 0;
    }
    .topImg_txt .top_txt {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        z-index: 11;
    }
    .topImg_txt .bottom_txt {
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        margin-top: 10px;
        line-height: 1.3;
    }
    .theaterInfo_topTxt {
        margin-top: 20px;
    }

    .theaterInfo_topTxt  .topBox {
        border: 1px solid #e4e4e4;
        padding: 20px;
    }
    .topBox .topBox_top{
        font-size: 14px;
        font-weight: 400;
        color: #232323;
    }
    .topBox .topBox_bottom{
        font-size: 14px;
        font-weight: 400;
        color: #232323;
    }
    .bnsInfo_title{
        padding-bottom: 15px;
        padding-left: 22px;
        font-size: 18px;
        color: #232323;
        font-weight: bold;
        background: url(/images/user/gjfac/ico_list.svg) 0 6px no-repeat;
        background-size: 15px 15px;
    }
    .theaterInfo_cont>ul>li{
        margin-top: 35px;
    }



    /* rftb{ */
    .rftb{
        /* padding: 20px 0; */
    }
    table {
        width: 100%;
        table-layout: fixed;
        border-spacing: 0;
    }
    .rftb_list {
        width: 100%;
        border-top: 1px solid #232323;
        border-bottom: 1px solid #232323;
        text-align: center;
        /* line-height: 1.6em; */
    }
    .cont_txt .rftb_list tbody td {
        border-bottom: 0;
        padding: 10px;
        border-bottom: 1px solid #bababa;
        border-right: 1px solid #bababa;
        font-size: 13px;
        word-break: break-all;
        /* position: relative; */
    }
    .cont_txt .rftb_list tbody td:last-child{
        border-right: 0;
    }
    .cont_txt .rftb_list tbody tr:last-child td{
        border-bottom: 0;
    }
    .cont_txt .rftb_list tbody td.td_line{
        border-right: 1px solid #bababa;
    }
    .rftb_list thead tr th{
        padding:13px 10px;
        background:rgba(206,152,60,0.1);
        font-size: 12px;
        font-weight: 700;
        color: #232323;
        position: relative;
        border-bottom: 1px solid #BABABA;
        border-right: 1px solid #BABABA;
        line-height: 1.3;
    }
    .rftb_list thead tr th:last-child{
        border-right: 0;
    }
    .cont_txt .rftb_list tbody td.bg_gray{
        background-color: #F5F5F5;
    }
    .rftb_list thead th.rftb_year{width: 85px;}
    .rftb_list thead th.rftb_name{width: 345px;}
    .rftb_list thead th.rftb_place{width: 225px;}
    .rftb_list thead th.rftb_cnt{width: 115px;}
    .rftb_list thead th.rftb_date{width: 140px;}
    .rftb_list thead th.width-100 {width: 70px;}
    /* }rftb */

    /*cont_txt*/
    .theaterInfo_cont .cont_txt{
        overflow: auto;
        position: relative;
    }
    .theaterInfo_cont .cont_txt .cont_txt_wr{
        max-width: 1070px;
        width: 1070px;
        overflow: hidden;
    }
    .cont_ul {
        font-size: 0;
        margin: 0 -10px;
    }
    .cont_ul .cont_li {
        display: inline-block;
        vertical-align: top;
        width: 181px;
        height: 275px;
        padding: 0 10px;
    }
    .cont_ul .cont_li .cont_txt_box{
        width: 100%;
        height: 100%;
        padding: 20px 0;
        border-radius: 5px;
    }
    .cont_txt_box.bg_red {
        background-color: #FAF5EB;
        border: 1px solid #E2DED5;
    }
    .cont_txt_box.bg_gray{
        background-color: #F7F7F7;
        border: 1px solid #E4E4E4;
    }
    .cont_txt_box .award_date {
        text-align: center;
        margin: 0 auto;
    }
    .cont_txt_box .award_date span{
        background-color: #D04E34;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        border-radius: 5px;
        padding: 0 10px;
    }
    .cont_txt_box .award_img {
        margin: 20px 0;
        background-color: #fff;
        border-radius: 50%;
        width: 111px;
        height: 111px;
        margin: 15px auto;
        padding: 30px 0;
        position: relative;
    }
    .cont_txt_box .award_img .award_img_wr {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
    }
    .cont_txt_box .award_txt {
        font-size: 12px;
        font-weight: 400;
        color: #232323;
        text-align: center;
    }
    /* 단원현황 */
    .dance .gjacCaptain_box{ background-image: url(/images/user/gjac/captain_box_m_bg_01.png);}
    .shin .gjacCaptain_box{ background-image: url(/images/user/gjac/captain_box_m_bg_02.png);}
    .gjacCaptain_box{
        
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        height: auto;
        position: relative;
        padding: 25px;
        text-align: center;
    }
    .gjacCaptain_box .captain_img{
        position: relative;
        width: 155px;
        height: 155px;
        margin: 0 auto;
        left: auto;
        top: auto;
        transform: none;
        background-image: url(/images/user/gjac/captain_img_1.png);
        background-size: auto 100%;
    }
    .gjacCaptain_box .captain_txt .captain_title{
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        padding-bottom: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
    .captain_txt .captain_topTxt{
        position: relative;
        padding-bottom: 40px;
    }
    .captain_txt .captain_name {
        padding-top: 15px;
        position: relative;
    }
    .captain_txt .captain_name:before {content: '';position: absolute;width: 15px;left: 50%;transform: translateX(-50%);top: 100%;background: #fff;height: 1px;margin-top: 10px;}
    .captain_txt .captain_name .name_kr {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
    }
    .captain_txt .captain_name .name_en {
        font-size: 12px;
        font-weight: 400;
        color: #fff;
    }
    .captain_txt .captain_info {
        padding-top: 20px;
        text-align: left;
    }
    .captain_info>ul{font-size: 0;}
    .captain_info>ul>li{display: inline-block;vertical-align: top;width: 100%;}
    .captain_info .info_cont {
        padding-right: 140px;
        position: relative;
        height: auto;
    }
    .captain_info>ul>li:first-child .info_cont:last-child {
        padding-top: 0;
    }
    .shin .captain_info>ul>li:first-child .info_cont:last-child{
        padding-top: 0;
    }
    .shin .captain_info .info_cont{padding-right: 0;}
    .captain_info .info_cont {
        display: block;
        vertical-align: top;
        padding-right: 0;
        padding-bottom: 10px;
        position: relative;
        height: auto;
    }
    .captain_info .info_cont .info_cont_txt {
        padding-left: 40px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        position: relative;
    }
    .info_cont .info_cont_txt .info_title {
        position: absolute;
        left: 0;
        font-size: 12px;
        font-weight: 700;
    }
    .cont_peo_list>ul {
        font-size: 0;
        margin: -5px;
    }

    .cont_peo_list>ul>li {
        display: inline-block;
        vertical-align: top;
        padding: 5px;
        width: 50%;
    }
    .peo_box {
        padding: 10px;
        border: 1px solid #e4e4e4;
        background-color: #fff;
        text-align: center;
    }

    .peo_box .peo_img {
        width: 100%;
        height: 185px;
        display: inline-block;
    }
    .peo_box .peo_txt {
        display: inline-block;
        vertical-align: bottom;
        padding-left: 0;
        padding-top: 10px;
    }

    .peo_txt .peo_title {
        font-size: 13px;
        font-weight: 700;
        color: #D04E34;
    }

    .peo_txt .peo_name {
        font-size: 18px;
        font-weight: 500;
        color: #666666;
    }
    .cont_title{margin-top: 35px;}
    /* }sect_gjacTheaterInfo */

   
}