@charset "utf-8";

/******************************
**
** 사용자 CSS 변경 옵션 
**
******************************/

/** 메인 메뉴 **/
#kso-nav .navbar-nav > li > a {font-family:'Raleway',ng !important;font-size:14px;font-weight:600} 
/** 폰트 사용 시 한글은 나눔고딕 = ng, 영문은 = Raleway 권장합니다.
***************************************************/
#kso-header #kso-nav {border-bottom:1px solid rgba(255,255,255,0.3)} /* 메뉴 바 하단 라인 */

/* 메인 우측 도트 내비게이션 */
#fp-nav ul li .fp-tooltip {color:#999} /* 폰트컬러 */
#fp-nav ul li a span {background-color:#999} /* 도트컬러 */

/* 우측 판넬 */
ul.float-menu {background-color: #2A2A2A} /* 판넬 배경 */


/* 각 섹션 및 프로모션 타이틀, 내용 */
.gra-section .section-header {margin-bottom:10%} /* 섹션 타이틀 하단 간격 */
.gra-section h1 { 
	font-family: Playfair Display,Raleway,ng,sans-serif !important;  /* 타이틀 폰트 명 */
	font-size:60px;font-weight:800; /* 폰트 사이즈, 굵기 */
	margin:20px 0;letter-spacing:15px; /* 폰트 상하 간격, 자간 */
}
.gra-section .h1-summary {font-size:18px} /* 타이틀 아래 요약 글 */

/* 섹션7 콘텍트 */
#map {border: 5px solid #ebebeb} /* 지도 테두리 라인 */
.contact-area h3 {font-size:20px} /* 회사명 폰트 사이즈 */

/* 서브 탑 */
.kso-subtop h1 {font-size: 50px;font-family:'Playfair Display','Raleway';font-weight:600} /* 서브 탑 제목 폰트 명 */
.kso-subtop {background-color:#272931} /* 서브 탑 배경컬러 */
.kso-subtop .table-cell {top:50%} /* 서브 탑 캡션 위치 */

/* 하단 */
#kso-footer {background-color:#eee} /* 하단 배경컬러 */
#kso-footer h3 {font-size: 24px;font-family:'Playfair Display','Raleway';font-weight:400} /* 하단 좌측 제목 폰트 */
#kso-footer .footer-left {color: #fff;background-color: #222} /* 하단 좌측 배경컬러, 폰트 컬러 */

/* 추가 CSS */




@media (max-width: 767px) { 
	.slide-caption {top:25%} /* 캡션 위치 */	
	.gra-section h1 {margin:10px 0;font-size:46px;letter-spacing:0} /* 캡션 제목 폰트 */	
	.gra-section .h1-summary {font-size:16px;line-height: 22px} /* 캡션 내용 폰트 */	
	.gra-section.white .btn-line {margin-top:10px} /* 버튼 위 간격 */	
}
@media (max-width: 480px) { 
	.gra-section h1 {font-size:36px;letter-spacing:0}
	.gra-section .h1-summary {font-size:16px;line-height: 22px}
}