@charset 'utf-8';

/* 수정, 삭제금지 **************************************************
deletion of the current branch prohibited
제작사 : http://www.nnin.com
*****************************************************************/




/**************************************************************
    메인 : 모듈정리
**************************************************************/

/* ms01 : 슬라이드배너 **************************/
.ms01 {
    margin-top: 0px;
}
.ms01 h2 {
    text-align: center;
}
.ms01 p {
    text-align: center;
}



/* ms02 : 슬라이드배너2 *************************/
.ms02 {
    margin-top: 50px;
}
.ms02 h2 {
    text-align: center;
    color: #000;
}
.ms02 p {
    text-align: center;
    color: #000;
}



/* ms03 : 멀티탭 + 동영상 + 배너 ****************/

.ms03 {
    margin-top: 50px;
}
.ms03 h2 {
    text-align: center;
    color: #000;
}
.ms03 p {
    text-align: center;
    color: #000;
}

.ms03 .bd_out1 {
    padding: 2px 0;
}
@media screen and (min-width: 1300px) {
    .ms03 .bd_out1 {
        padding: 5px 0;
    }
}



/* ms04 : 추출이미지 + 추출게시물 ***************/
.ms04 {
    margin-top: 50px;
}
.ms04 h2 {
    text-align: center;
    color: #000;
}
.ms04 p {
    text-align: center;
    color: #000;
}
.ms04 table {
    width: 100%;
}
.ms04 .n_board_list_output {
    position: relative;
}
.ms04 .n_board_list_output h3 {
    font-size: 1.0em;
    font-weight: 400;
    color: #111;
    padding: 0 0 10px 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.ms04 .n_board_list_output span {
    display: block;
    position: absolute;
    top: -5px;
    right: 0px;
}

.ms04 .n_board_list_output .board_output .board_output tr {
    
}
.ms04 .n_board_list_output .board_output .board_output tr td:nth-child(1) {
    width: 3%;
}
.ms04 .n_board_list_output .board_output .board_output tr td:nth-child(2) {
    width: 70%;
    text-align: left;
}
.ms04 .n_board_list_output .board_output .board_output tr td:nth-child(3) {
    width: 27%;
    text-align: right;
    font-size: 0.875em;
}



/*n_board_photo_output*/
.ms04 .photo {
    position: relative;
}
.ms04 .photo h3 {
    font-size: 1.0em;
    font-weight: 400;
    color: #111;
    padding: 0 0 10px 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.ms04 .photo .more {
    display: block;
    position: absolute;
    top: -5px;
    right: 0px;
}

.ms04 .text {
    position: relative;
}
.ms04 .text h3 {
    font-size: 1.0em;
    font-weight: 400;
    color: #111;
    padding: 0 0 10px 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.ms04 .text .more {
    display: block;
    position: absolute;
    top: -5px;
    right: 0px;
}
.ms04 .text .n_board_list_output .bd_out1 {
    padding: 2px 0;
}
@media screen and (max-width: 991px) {
    .ms04 .text {
        margin-top: 50px;
    }
}



/* ms05 : 추출갤러리 ***************************/
.ms05 {
    margin-top: 50px;
}
.ms05 h2 {
    text-align: center;
    color: #000;
    font-weight: 100;
}
.ms05 p {
    text-align: center;
}

.ms05 table {
    width: 100%;
}
.ms05 .board_output_gallery_img {
    border: 0px solid #f00;
}
.ms05 .board_output_gallery_img img {
    width: 100%;
    height: auto;
    font-size: 0;
}
.ms05 .board_output_gallery_img a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.ms05 .board_output_gallery_img a:before {
    content: '';
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: all 0.2s ease-out;
}
.ms05 .board_output_gallery_img a:hover:before {
    opacity: 0.5;
}

.ms05 .board_output_gallery_subject span {
    font-family: '' !important;
}
.ms05 .board_output_gallery_subject a {
    font-size: 1.0em;
    font-family: "Noto Sans KR", sans-serif !important;
}
.ms05 .board_output_gallery_subject a:hover {
    text-decoration: none;
}
.ms05 .board_output_gallery_etc {
    color: #555;
    font-size: 0.875em;
}
.ms05 tbody tr {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100%;
}
.ms05 tbody tr td {
    width: 10%;
    border: 0px solid #f00;
}
.ms05 tbody tr td table {
    border: 5px solid #fff;
    text-align: center;
    width: 100%;
}
.ms05 tbody tr td {
    vertical-align: top;
}
.ms05 tbody tr td tbody tr td a {
    /*    max-height: 150px;*/
    overflow: hidden;
    border: 0px solid #f00;
}
.ms05 tbody tr td tbody tr td img {
    width: 100%;
    height: 100%
}
@media screen and (max-width: 425px) {
    .ms05 > tbody > tr > td {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        border: 0px solid #f00;
    }
    .ms05 tbody tr td tbody tr td a {
        max-height: 100%;
    }
    .ms05 .n_board_photo_output td.ft_reset {
        margin-bottom: 20px;
        display: block;
        width: 100%;
    }
}




/* ms06 : 고정배경이미지 **************************/
.ms06 {
    margin-top: 50px;
}
.ms06 h2 {
    text-align: center;
    color: #000;
}
.ms06 p {
    text-align: center;
    color: #000;
}



/* ms07 : 이미지배너 ***************************/
.ms07 {
    margin-top: 50px;
}
.ms07 h2 {
    text-align: center;
    color: #000;
}
.ms07 p {
    text-align: center;
    color: #000;
}



/* ms08 : 롤오버(6단) **************************/
.ms08 {
    margin-top: 50px;
}
.ms08 h2 {
    text-align: center;
    color: #111;
}
.ms08 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms09 : 롤오버(4단) **************************/
.ms09 {
    margin-top: 50px;
}
.ms09 h2 {
    text-align: center;
    color: #111;
}
.ms09 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms10 : 지도 + 고객센터 ***********************/
.ms10 {
    margin-top: 50px;
}
.ms10 h2 {
    text-align: center;
    color: #000;
}
.ms10 p {
    text-align: center;
    color: #000;
}

/* 아코디언 */
@media screen and (max-width: 991px) {
    .ms10 .row > div:last-child {
        margin-top: 30px;
    }
}




/* ms11 : 4단블록 ******************************/
.ms11 {
    margin-top: 50px;
}
.ms11 h2 {
    text-align: center;
    color: #111;
}
.ms11 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms12 : 복리후생 *****************************/
.ms12 {
    margin-top: 50px;
}
.ms12 h2 {
    text-align: center;
    color: #111;
}
.ms12 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms13 : 채용안내 *****************************/
.ms13 {
    margin-top: 50px;
}
.ms13 h2 {
    text-align: center;
    color: #111;
}
.ms13 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms14 : 아이콘활용 ****************************/
.ms14 {
    margin-top: 50px;
}
.ms14 h2 {
    text-align: center;
    color: #111;
}
.ms14 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms15 : *************************************/
.ms15 {
    margin-top: 50px;
}
.ms15 h2 {
    text-align: center;
    color: #111;
}
.ms15 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms16 : 사업소개 1 ***************************/
.ms16 {
    margin-top: 50px;
}
.ms16 h2 {
    text-align: center;
    color: #111;
}
.ms16 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms17 : 사업소개 2 ***************************/
.ms17 {
    margin-top: 50px;
}
.ms17 h2 {
    text-align: center;
    color: #111;
}
.ms17 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms18 : 시설안내 *****************************/
.ms18 {
    margin-top: 50px;
}
.ms18 h2 {
    text-align: center;
    color: #111;
}
.ms18 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}


/* ms19 : 아코디언2 ****************************/
.ms19 {
    margin-top: 50px;
}
.ms19 h2 {
    text-align: center;
    color: #111;
}
.ms19 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms20 : 인사말 ******************************/
.ms20 {
    margin-top: 50px;
}
.ms20 h2 {
    text-align: center;
    color: #111;
}
.ms20 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms21 : 회사소개 ****************************/
.ms21 {
    margin-top: 50px;
}
.ms21 h2 {
    text-align: center;
    color: #111;
}
.ms21 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms22 : 회사연혁 ****************************/
.ms22 {
    margin-top: 50px;
}
.ms22 h2 {
    text-align: center;
    color: #111;
}
.ms22 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms23 : 사업분야03 ****************************/
.ms23 {
    margin-top: 50px;
}
.ms23 h2 {
    text-align: center;
    color: #111;
}
.ms23 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}



/* ms24 : 멀티탭 ********************/
.ms24 {
    margin-top: 50px;
}
.ms24 h2 {
    text-align: center;
    color: #111;
}
.ms24 p {
    text-align: center;
    color: #111;
    padding: 10px 0;
}


/**************************************************************
    메인 : 모듈정리 end
**************************************************************/