@charset 'utf-8';

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






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


/*****************************************************************
ms01 : 슬라이드
*****************************************************************/




/*****************************************************************
ms02 : 슬라이드
*****************************************************************/




/*****************************************************************
ms03 : 슬라이드
*****************************************************************/




/*****************************************************************
ms04 : 추출갤러리
*****************************************************************/
.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 > .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 > .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: 3.0em;
    font-weight: 100;
    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 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #ddd;
    font-family: 'Playfair Display', serif;
}
.ms07 > .nm_tit > h3 {
    font-size: 2.0em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 1px;
/*    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 > .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 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #111;
    font-family: 'Playfair Display', serif;
}
.ms09 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 900;
    font-family: inherit;
    letter-spacing: 2px;
/*    text-transform: uppercase;*/
}
.ms09 > .nm_tit > span {
    display: inline-block;
    padding: 10px 0 50px;
    font-size: 0.875em;
    font-family: inherit;
}




/*****************************************************************
ms10 : 예약문의(메인폼메일)
*****************************************************************/
.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단가로형
*****************************************************************/




/*****************************************************************
ms12 : 3단아이콘
*****************************************************************/




/*****************************************************************
ms13 : 좌우6단
*****************************************************************/




/*****************************************************************
ms14 : 아코디언
*****************************************************************/
.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 : 불규칙블록
*****************************************************************/




/*****************************************************************
ms16 : 롤오버6단
*****************************************************************/
.ms16 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
/*    font-family: 'Playfair Display', serif;*/
}
.ms16 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 100;
    font-family: inherit;
    letter-spacing: 0px;
/*    text-transform: uppercase;*/
}
.ms16 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 20px;
    font-size: 0.875em;
    font-family: inherit;
    max-width: 800px;
}




/*****************************************************************
ms17 : 롤오버4단
*****************************************************************/
.ms17 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #333;
/*    font-family: 'Playfair Display', serif;*/
}
.ms17 > .nm_tit > h3 {
    font-size: 2.5em;
    font-weight: 100;
    font-family: inherit;
    letter-spacing: 0px;
/*    text-transform: uppercase;*/
}
.ms17 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 20px;
    font-size: 0.875em;
    font-family: inherit;
    max-width: 800px;
}



/*****************************************************************
ms18 : 롤오버2,4단
*****************************************************************/
.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단형텍스트
*****************************************************************/   




/*****************************************************************
ms20 : 인사말
*****************************************************************/




/*****************************************************************
ms21 : 회사소개
*****************************************************************/




/*****************************************************************
ms22 : 회사연역
*****************************************************************/



/*****************************************************************
ms23 : 동영상
*****************************************************************/




/*****************************************************************
ms24 : CLICK HERE : 모달팝업
*****************************************************************/




/*****************************************************************
ms25 : 사이트맵
*****************************************************************/
.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
*****************************************************************/




/*****************************************************************
ms27 : 사업분야2
*****************************************************************/




/*****************************************************************
ms28 : 시설안내 : 탭기능
*****************************************************************/




/*****************************************************************
ms29 : 조직도
*****************************************************************/




/*****************************************************************
ms30 : 구글지도
*****************************************************************/




/*****************************************************************
msGrid01 : 혼합
*****************************************************************/ 
.msGrid01 > .nm_tit {
    padding: 0px 15px;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #fff;
/*    font-family: 'Playfair Display', serif;*/
}
.msGrid01 > .nm_tit > h3 {
    font-size: 3.0em;
    font-weight: 100;
    font-family: inherit;
    letter-spacing: 0px;
/*    text-transform: uppercase;*/
}
.msGrid01 > .nm_tit > span {
    display: inline-block;
    padding: 10px 10px 20px;
    font-weight: 100;
    font-size: 1.0em;
    font-family: inherit;
    max-width: 800px;
}


























/*****************************************************************
******************************************************************
                        여백 및 배경이미지 설정
******************************************************************
*****************************************************************/


/*****************************************************************
ms01 : 슬라이드
*****************************************************************/
.ms01 {
    background-color: #fff;
}



/*****************************************************************
ms04 : 추출갤러리
*****************************************************************/
.ms04 {
    margin: 50px 0 0px;
}



/*****************************************************************
ms05 : 추출게시물, 고객센터
*****************************************************************/
.ms05 {
    margin: 50px 0;
}



/*****************************************************************
ms07 : 1단이미지
*****************************************************************/
.ms07 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-image: url(../../img/_des/de01/de01_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;
}



/*****************************************************************
ms09 : 제휴사
*****************************************************************/
.ms09 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #f0f0f0;
/*    background-image: url(../../img/_des/de02/de02_img02.jpg);*/
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}
.ms09:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
/*    background: rgba(215, 217, 210, 0.0);*/
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms09 > .container,
.ms09 > .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_img03.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}
.ms10:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(70, 78, 6, 0.56);
    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.8);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms12 > .container,
.ms12 > .container-fulid {
    position: relative;
    z-index: 3;
}


/*****************************************************************
ms15 : 불규칙블록
*****************************************************************/
.ms15 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0 30px;
    background-color: #f0f0f0;
/*    background-image: url(../../img/_des/de02/de02_img03.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms15:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(113, 141, 136, 0.0);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms15 > .container,
.ms15 > .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: 30px 0 30px;
    padding: 0px 0 0px;
    background-color: #fff;
/*    background-image: url(../../img/_des/de02/de02_img05.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms17:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms17 > .container {
    position: relative;
    z-index: 3;
}



/*****************************************************************
ms19 : 1단형텍스트
*****************************************************************/ 
.ms19 {
    position: relative;
    margin: 0px 0;
    padding: 0px 0;
    background-color: #fff;
    background-image: url(../../img/_des/de01/de01_img05.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;
}




/*****************************************************************
ms23 : 동영상
*****************************************************************/ 
.ms23 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #000;
    background-image: url(../../img/_des/de01/de01_img03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ms23:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(31, 27, 3, 0.85);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ms23 > .container {
    position: relative;
    z-index: 3;
}




/*****************************************************************
ms25 : 사이트맵
*****************************************************************/
.ms25 {
    margin: 0px 0;
    padding: 50px 0;
    background-color: #f4f4f4;
}




/*****************************************************************
msGrid01 : 혼합
*****************************************************************/ 
.msGrid01 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #222;
    background-image: url(../../img/_des/de01/de01_img03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.msGrid01:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(209, 211, 186, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.msGrid01 > .container,
.msGrid01 > .container-fulid {
    position: relative;
    z-index: 3;
}
.msGrid01 .row > div {
    margin: 0 0 30px;
}




/*****************************************************************
msGrid02 : 혼합
*****************************************************************/ 
.msGrid02 {
    background-color: #222;
}