@charset 'utf-8';

/*****************************************************************
   deletion of the current branch prohibited
   powered by nnin ( http://www.nnin.com )
*****************************************************************/






/*****************************************************************
******************************************************************
                    메인타이틀 텍스트 설정
******************************************************************
*****************************************************************/


/*****************************************************************
ms01 : 슬라이드
*****************************************************************/
.ms01 {
    margin: 0px 0;
    border: 0px solid #f00;
}




/*****************************************************************
ms02 : 슬라이드
*****************************************************************/
.ms02 {
    margin: 0px 0;
    border: 0px solid #f00;
}




/*****************************************************************
ms03 : 슬라이드
*****************************************************************/
.ms03 {
    margin: 0px 0px;
    border: 0px solid #f00;
}





/*****************************************************************
ms04 : 추출갤러리
*****************************************************************/
.ms04 {
    margin: 50px 0;
}
.ms04 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
    font-family: 'Playfair Display', serif;
}
.ms04 > .nm_tit > h3 {
    font-size: 2.0em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.ms04 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 30px;
    font-size: 1.0em;
    font-family: inherit;
    max-width: 800px;
}

@media screen and (max-width: 768px) {
    .ms04 > .nm_tit > h3 {
        font-size: 1.5em;
    }
    .ms04 > .nm_tit > span {
        font-size: 0.875em;
    }
}






/*****************************************************************
ms05 : 추출게시물, 고객센터
*****************************************************************/
.ms05 {
    margin: 50px 0;
}
.ms05 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
    font-family: 'Playfair Display', serif;
}
.ms05 > .nm_tit > h3 {
    font-size: 2.0em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.ms05 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 30px;
    font-size: 1.0em;
    font-family: inherit;
    max-width: 800px;
}

@media screen and (max-width: 768px) {
    .ms05 > .nm_tit > h3 {
        font-size: 1.5em;
    }
    .ms04 > .nm_tit > span {
        font-size: 0.875em;
    }
}





/*****************************************************************
ms06 : 추출게시물
*****************************************************************/
.ms06 {
    margin: 50px 0;
    border: 0px solid #f00;
}
.ms06 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
    font-family: 'Playfair Display', serif;
}
.ms06 > .nm_tit > h3 {
    font-size: 2.0em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.ms06 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 30px;
    font-size: 0.875em;
    font-family: inherit;
    max-width: 800px;
}

@media screen and (max-width: 768px) {
    .ms06 > .nm_tit > h3 {
        font-size: 1.5em;
    }
    .ms04 > .nm_tit > span {
        font-size: 0.875em;
    }
}





/*****************************************************************
ms07 : 1단이미지
*****************************************************************/
.ms07 {
    margin: 50px 0;
    border: 0px solid #f00;
}
.ms07 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
    font-family: 'Playfair Display', serif;
}
.ms07 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 3px;
/*    text-transform: uppercase;*/
}
.ms07 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 30px;
    font-size: 1.0em;
    font-family: inherit;
    max-width: 800px;
}





/*****************************************************************
ms08 : 3단형
*****************************************************************/
.ms08 {
    margin: 50px 0;
}
.ms08 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
}
.ms08 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 100;
    font-family: inherit;
    letter-spacing: 3px;
/*    text-transform: uppercase;*/
}
.ms08 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 30px;
/*    font-size: 1.250em;*/
    font-family: inherit;
    max-width: 800px;
}





/*****************************************************************
ms09 : 이미지목록형(제휴사)
*****************************************************************/
.ms09 {
    margin: 50px 0;
}




/*****************************************************************
ms10 : 예약문의(메인폼메일)
*****************************************************************/
.ms10 {
    margin: 50px 0;
}
.ms10 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #fff;
    font-family: 'Playfair Display', serif;
}
.ms10 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.ms10 > .nm_tit > span {
    display: inline-block;
    padding: 10px;
    font-size: 0.875em;
    font-family: inherit;
}





/*****************************************************************
ms11 : 3단가로형
*****************************************************************/
.ms11 {
    margin: 50px 0;
    
}




/*****************************************************************
ms12 : 3단아이콘
*****************************************************************/
.ms12 {
    margin: 50px 0;
}




/*****************************************************************
ms13 : 좌우6단
*****************************************************************/
.ms13 {
    margin: 50px 0;
}




/*****************************************************************
ms14 : 아코디언
*****************************************************************/
.ms14 {
    margin: 50px 0;
    border: 0px solid #f00;
}
.ms14 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
    font-family: 'Playfair Display', serif;
}
.ms14 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 400;
    font-family: inherit;
    letter-spacing: 2px;
/*    text-transform: uppercase;*/
}
.ms14 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 30px;
    font-size: 1.0em;
    font-family: inherit;
    max-width: 800px;
}






/*****************************************************************
ms15 : 불규칙블록
*****************************************************************/
.ms15 {
    margin: 50px 0;
}




/*****************************************************************
ms16 : 롤오버6단
*****************************************************************/
.ms16 {
    margin: 50px 0;
}




/*****************************************************************
ms17 : 롤오버4단
*****************************************************************/
.ms17 {
    margin: 50px 0;
}




/*****************************************************************
ms18 : 롤오버2,4단
*****************************************************************/
.ms18 {
    margin: 50px 0;
}
.ms18 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
}
.ms18 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 100;
    font-family: inherit;
    letter-spacing: 3px;
/*    text-transform: uppercase;*/
}
.ms18 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px;
/*    font-size: 1.250em;*/
    font-family: inherit;
    max-width: 1200px;
}





/*****************************************************************
ms19 : 1단형
*****************************************************************/   
.ms19 {
    margin: 50px 0;
}




/*****************************************************************
ms20 : 인사말
*****************************************************************/
.ms20 {
    margin: 50px 0;
}




/*****************************************************************
ms21 : 회사소개
*****************************************************************/
.ms21 {
    margin: 50px 0;
}




/*****************************************************************
ms22 : 회사연역
*****************************************************************/
.ms22 {
    margin: 50px 0;
}



/*****************************************************************
ms23 : 동영상
*****************************************************************/
.ms23 {
    margin: 50px 0;
}




/*****************************************************************
ms24 : CLICK HERE : 모달팝업
*****************************************************************/
.ms24 {
    margin: 50px 0;
}




/*****************************************************************
ms25 : 사이트맵
*****************************************************************/
.ms25 {
    margin: 50px 0;
    border: 0px solid #f00;
}
.ms25 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
    font-family: 'Playfair Display', serif;
}
.ms25 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 3px;
/*    text-transform: uppercase;*/
}
.ms25 > .nm_tit > span {
    display: inline-block;
    padding: 30px 10px;
    font-size: 1.0em;
    font-family: inherit;
    max-width: 800px;
}




/*****************************************************************
ms26 : 사업분야1
*****************************************************************/
.ms26 {
    margin: 50px 0;
}




/*****************************************************************
ms27 : 사업분야2
*****************************************************************/
.ms27 {
    margin: 50px 0;
}




/*****************************************************************
ms28 : 시설안내 : 탭기능
*****************************************************************/
.ms28 {
    margin: 50px 0;
}




/*****************************************************************
ms29 : 조직도
*****************************************************************/
.ms29 {
    margin: 50px 0;
}




/*****************************************************************
ms30 : 구글지도
*****************************************************************/
.ms30 {
    margin: 50px 0;
}






























/*****************************************************************
******************************************************************
                        배경이미지 설정
******************************************************************
*****************************************************************/


/*****************************************************************
ms07 : 1단이미지
*****************************************************************/
.ms07 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-image: url(../../img/_des/de02/de02_img04.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}
.ms07:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms07 > .container,
.ms07 > .container-fulid {
    position: relative;
    z-index: 3;
}



/*****************************************************************
ms08 : 3단형
*****************************************************************/
.ms08 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-image: url(../../img/_des/de02/de02_img02.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}
.ms08:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(215, 217, 210, 0.8);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms08 > .container,
.ms08 > .container-fulid {
    position: relative;
    z-index: 3;
}




/*****************************************************************
ms10 : 예약문의(메인폼메일)
*****************************************************************/
.ms10 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #fff;
    background-image: url(../../img/_des/de01/de01_img02.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}
.ms10:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(34, 33, 27, 0.85);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms10 > .container {
    position: relative;
    z-index: 3;
}




/*****************************************************************
ms12 : 3단아이콘
*****************************************************************/
.ms12 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #fff;
    background-image: url(../../img/_des/de02/de02_img01.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms12:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms12 > .container,
.ms12 > .container-fulid {
    position: relative;
    z-index: 3;
}


/*****************************************************************
ms16 : 롤오버6단
*****************************************************************/
.ms16 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #fff;
/*    background-image: url(../../img/_des/de02/de02_img03.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms16:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(113, 141, 136, 0.0);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms16 > .container,
.ms16 > .container-fulid {
    position: relative;
    z-index: 3;
}



/*****************************************************************
ms17 : 롤오버4단
*****************************************************************/
.ms17 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #fff;
    background-image: url(../../img/_des/de02/de02_img04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms17:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms17 > .container {
    position: relative;
    z-index: 3;
}



/*****************************************************************
ms19 : 1단형
*****************************************************************/ 
.ms19 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #fff;
    background-image: url(../../img/_des/de19/de19_img01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms19:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(27, 34, 30, 0.8);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms19 > .container {
    position: relative;
    z-index: 3;
}



/*****************************************************************
ms22 : 회사연역
*****************************************************************/
.ms22 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #fff;
    background-image: url(../../img/_des/de01/de01_img02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms22:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(252, 252, 252, 0.85);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms22 > .container {
    position: relative;
    z-index: 3;
}