/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

#ctt{
    margin: 0!important; padding: 0!important;
    box-shadow: none!important;
}

#ctt_con{
    padding: 0!important;
    box-shadow: none!important;
}


.comment-area,
.comment-area-divider{display: none!important;}

.board-list .table-list-eb .td-num{width:40px;}
.board-list .table-list-eb .td-subject{width: 100% !important;;}
.board-list .table-list-eb .td-name{text-align: center;}



.labor ul{list-style: none; padding: 0;}

.labor{}


.labor .page_title{}
.labor .page_title h2{
    position: relative;
    padding: 0 0;
    margin: 0 0 50px;
    font-size: 38px;
    font-weight: 300;
    text-align: center;
    color: #384678;
}
.labor .page_title h2:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 40px;
    height: 1px;
    margin-left: -20px;
    background: #384678;
}
.labor .page_title h3{
    color:#333;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.labor img.mobile, .labor img.pc{display: none;}
@media (max-width:767px) {.labor img.mobile{display: inline-block;}}
@media (min-width:768px) {.labor img.pc{display: inline-block;}}

.labor .conbox{margin: 70px auto 0;}

.org .conbox{max-width: 840px;}

.council .conbox{max-width: 840px;}

.council h3{
    font-weight: 700;
    color: #333;
    margin: 0 0 7px;
}

.council .table_box{
    margin: 0 0 60px;
}

.council table{min-width:100%; border-bottom:1px solid #222;}
.council .table1 tr.bgc{background-color: rgba(32,70,129,0.05);}
.council .table2 tr.bgc{background-color: rgba(98,168,159,0.05);}
.council .table3 tr.bgc{background-color: rgba(230,178,29,0.05);}
.council .table4 tr.bgc{background-color: rgba(191,90,90,0.05);}

.council th, .council td{text-align: center;line-height:1.2em; padding:10px 0; font-size:15px;}
.council th{color:rgba(255,255,255,0.9)}
.council td{border-bottom:1px dashed #ccc;}
 
.council .table1 th{background-color: rgba(32,70,129,1);}
.council .table2 th{background-color: rgba(98,168,159,1);}
.council .table3 th{background-color: rgba(230,178,29,1);}
.council .table4 th{background-color: rgba(191,90,90,1);}


.council .table1 th:nth-child(1), .council .table3 th:nth-child(1){width:120px;}
.council .table1 th:nth-child(3), .council .table3 th:nth-child(3){width:150px;}
.council .table1 th:nth-child(4), .council .table3 th:nth-child(4){width:110px;}
.council .table1 th:nth-child(5), .council .table3 th:nth-child(5){width:160px;}

.council .table2 th:nth-child(1){width:60px;}
.council .table2 th:nth-child(3){width:150px;}
.council .table2 th:nth-child(4){width:110px;}
.council .table2 th:nth-child(5){width:160px;}

.council .table4 th:nth-child(1){width:60px;}
.council .table4 th:nth-child(2){width:110px;}
.council .table4 th:nth-child(3){width:150px;}

@media (max-width:767px){
    .council .table_box{overflow-x: scroll;}
    .council table{width:767px;}
}

.official dl{
    display: table;
    width: 100%;
    max-width: 760px;
    margin: 60px auto 30px;
}
.official dl dt, .official dl dd{
    font-size: 17px;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 30px);
    max-width:350px;
    height: 100px;
    border-radius: 50px!important;
    float: left;
    margin:0 15px 15px;
}
.official dl dt:after, .official dl dd:after{
    content:"";
    display: inline-block;
    width:100%;
    height: 50px;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    top:0;
}
.official dl dt{ background-color: #62A89F;}
.official dl dd{ background-color:#204681;}


.official ul{
    display: flex;
    justify-content: center;
    margin: 0 auto 80px;
    max-width: 840px;;
}
.official li{
    width: 31.333%;
    margin:1%;
}
.official li div{}
.official li p{
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255,255,255,0.9);
    height: 60px;
    font-size: 18px;
    font-weight: 500;
}

.official li:nth-child(1) p{background-color: rgba(32,70,129,1);}
.official li:nth-child(2) p{background-color: rgba(98,168,159,1);}
.official li:nth-child(3) p{background-color: rgba(230,178,29,1);}


.infobox{
    background-color: #fafafa;
    display: table;
    width: 100%;
    padding: 25px 35px;
    margin: -7px 0 0;
}
.infobox h4,
.infobox h5,
.infobox p{
    margin:0;
    color:#204681;
}
.infobox h4{
    float: left;
    width:55%;
    font-weight: 700;
    font-size: 24px;
}
.infobox h5{
    float:right;
    width:40%;
    text-align: right;
    font-weight: 700;
    font-size: 26px;
    margin:10px 0 0;
}
.infobox p{
    float: left;
    width:55%;
    font-size: 18px;
    margin:4px 0 0;
}

@media (max-width:767px){
    .official dl dt, .official dl dd{
        width:100%;
        max-width: 100%;
        margin: 0 auto 15px;
    }
   
    .official ul{
        flex-direction: column;
    }
    .official li{
        width:100%;
        margin:0 0 15px;
    }


    .infobox{padding:25px 15px;}
    .infobox h4,
    .infobox h5,
    .infobox p{
        width:100%;
        text-align: left;
    }
    .infobox h5{font-size: 20px;}
}