@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;
	margin-top:220px;
}




/*****************************************************************
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) {
	.ms01 {
		margin-top:100px;
	}	
    .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 {
    text-align:left;
    font-size: 2em;
    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;
}
.ms07 > .ms07_content {
	width:100%;
}
.ms07 > .ms07_content  > .mc_left{
	width:60%;
	height:100%;
	float:left;
}
.ms07 > .ms07_content  > .mc_left > .mcl_left{
	width:35%;
	float:left;
}
.ms07 > .ms07_content  > .mc_left > .mcl_left > .mcll_title{
	font-size:40px;
	text-align:right;
}
.ms07 > .ms07_content  > .mc_left > .mcl_left > .mcll_content{
	font-size:24px;
	text-align:right;
}
.ms07 > .ms07_content  > .mc_left > .mcl_right{
	width:70%;
	float:left;
	margin-top:70px;
	padding:0 20px 0 40px;
	text-align: left;
	word-break:keep-all;
	-ms-word-break:keep-all;
}
.ms07 > .ms07_content  > .mc_left > .mcl_right > .mclr_content{
	line-height: 2.3em;
}
.ms07 > .ms07_content  > .mc_left > .mcl_left > .mclr_title{
}
.ms07 > .ms07_content  > .mc_left > .mcl_left > .mclr_content{
	font-size:15px;
	text-align:right;
}

.ms07 > .ms07_content  > .carousel{
	width:40%;
	float:right;	
}




/*****************************************************************
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: 0px 0;
}






























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


/*****************************************************************
ms07 : 1단이미지
*****************************************************************/
.ms07 {
	max-width:1280px;
	width:100%;
    position: relative;
    display:table;
    margin: 0 auto;
    padding: 100px 0;
/*     background-image: url(../_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(../_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(../_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(../_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;
}




/*****************************************************************
ms17 : 롤오버4단
*****************************************************************/
.ms17 {
    position: relative;
    margin: 0px 0;
    padding: 100px 0;
    background-color: #fff;
    background-image: url(../_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(../_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(../_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;
}

/* 메인 아래 배너 */
.down{
	width:100%;
}
.downb {
	max-width:1280px;
	margin:0 auto;
}
.downbl{
	float:left;
	width:75%
}
.downblL {
	max-width:960px;
	width:100%;
}
.dbl1{
	width:75%;
}
.dbl2{
	width:22.9%;
	float:right;
}
.downblR {
	max-width:960px;
	width:100%;
}
.downblR img {
	width:100%;
	margin-top:2.06%;
}
.downbr{
	float:left;
	width:23.4375%;
	margin-left:1.56%;
}
.downbr img {
	float:right;
	max-width:300px;
	width:100%;
	margin-bottom:80px;
}
@media screen and (max-width:768px) {
	.down{
		display:none;
	}
	.ms07 > .ms07_content {
	width:100%;
	}
	.ms07 > .ms07_content  > .mc_left{
		width:100%;
		height:100%;
		float:right;
	}
	.ms07 > .ms07_content  > .mc_left > .mcl_left{
		width:100%;
		float:none;
	}
	.ms07 > .ms07_content  > .mc_left > .mcl_left > .mcll_title{
		font-size:6vw;
		text-align:center;
	}
	.ms07 > .ms07_content  > .mc_left > .mcl_left > .mcll_content{
		font-size:4vw;
		text-align:center;
	}
	.ms07 > .ms07_content  > .mc_left > .mcl_right{
		width:100%;
		float:left;
		margin-top:3vw;
		padding:0 20px 0 40px;
		text-align: left;
	}
	.ms07 > .ms07_content  > .mc_left > .mcl_left > .mclr_title{
	}
	.ms07 > .ms07_content  > .mc_left > .mcl_left > .mclr_content{
		font-size:15px;
		text-align:right;
	}
	.ms07 > .ms07_content  > .carousel{
		width:100%;
		float:left;	
	}
	.col-md-5 {
		margin-top:40px;
		text-align:left;
	}
	.col-md-2 img {
		max-width:325px;
		width:100%;
	}
}