@charset "utf-8";

/*
 KSO FLAT SCROLL MULTIPURPOSE XE LAYOUT
 http://ksodesign.com/
 
 Copyright 2013 KSODESIGN	 
 Contributing author : KSJade (ksjade@ksodesign.com)
--------User Custom CSS---------------------------------*/
 
header .navbar .nav li a {font-family:'Lato', sans-serif; font-weight:700; letter-spacing:1px; background:none; padding:0; margin:0 25px 0 25px; border-radius:0; }  /* 탑 1차 메뉴 */ 

/*** 헤더 탑 컬러 스타일링(로고 위 부분) ***/
#header-top {background:#2C3E50;} /* 배경 컬러 */
#header-top .navbar-nav > li > a {color:#7393B3;} /* 로그인 폰트 컬러 */


/*** 메인 메뉴 폰트 스타일링 ***/
header .navbar .nav li a {
	font-size: 14px;   /* 폰트사이즈 */
	line-height: 15px;  
	color:#333;  /* 폰트컬러 */
	text-transform:uppercase;
	white-space:nowrap; 
} 
.nav-pills > li.active > a, .dropdown-menu > .active > a,
header .navbar .nav li a:hover { background:none; color:#1daca8 !important; } /* 마우스 오버시 폰트컬러 */


/*** 메인 왼쪽 스크롤메뉴 스타일링 ***/
.side-navi li a {
	color:#fff;  /* 폰트컬러 */
	background:#E64C65;  /* 배경컬러 */
}


/*** 슬라이드 캡션 스타일링 ***/
.fluid_container h1 {color:#fff} /* 타이틀 폰트 컬러 */
.fluid_container p {color:#fff} /* 요약 폰트 컬러 */



/*** 서브 탑 스타일링 ***/
.transCover { 
}
.sub-promotion,.sub-promotion a {
	color:#ffffff !important; /* 현재 위치 폰트 컬러 (#ffffff 부분만 수정) */
}


/*** 하단 푸터 스타일링 ***/
.section-6 .footer-top h5 {font-size:16px;font-family:'ngBold' !important;} /* 푸타 타이틀 */
.section-6 { 
	color:#fff; background-color:#5d6d6d; /* 푸터 섹션-타이틀 컬러, 배경 컬러 */
} 
.section-6 .footer-top {
	padding-top: 60px; /* 푸터 섹션 - 상단 여백 */
	padding-bottom: 60px; /* 푸터 섹션 - 하단 여백 */
}
.footer-top p {
	color: #7D9BB9; /* 섹션 컨텐츠영역 폰트 컬러 */
}
.footer-top .base-line {
	background-color: #486684; /* 타이틀 라인 컬러 */
	border-right-color: #49C9AF;  /* 타이틀 우측 라인 컬러 */
}
.section-6 .footer-bottom { 
	color:#fff; background-color: #5d6d6d;  /* 푸터 카피라이트-폰트 컬러, 배경컬러 */
} 

@media (max-width: 480px) { 
.xm .form-horizontal .control-label{width:28%}
.xm .form-horizontal .controls {margin-left: 32%}
.xm input, .xm textarea {width: 100% !important}
.xm input[type="submit"],.xm input[type="checkbox"] {width:auto !important}
}


/*써니사이드웹추가*/
#sunny_footer { line-height:12px; padding-top: 15px;}
#sunny_footer .companyname { font-size:13px; color:#fff; font-weight: bold; padding-bottom:4px; letter-spacing: -1px;}
#sunny_footer .companyinfo { font-size:11px; color:#fff; letter-spacing: 0;}
#sunny_footer .gracecopyright { font-family:'Lato', sans-serif; font-size:10px; letter-spacing:1px; color:#7d8888; font-weight: 900; }
#sunny_footer span { font-family: 'Lato', sans-serif; font-weight: 700; }

#section-1 h2 { text-align: center; margin:0px 0 40px 0;}
#section-1 .col-sm-4 { height:515px; }
.col-md-12 { height:500px; }
.col-md-12 h4 { text-align:center; padding-bottom:50px;}
.btn-flat { background: #464f4f; color:#fff; font-family: 'Lato', sans-serif; font-weight: 700;}
.btn-flat:hover { background: #8c5fa6; color:#fff; }
.ptext p:hover { color:#000; }
.parallaxCover1 h3 { padding-bottom:60px; }
.parallaxCover1 .business_con1 { width:48%; float: left; text-align: center; }
.parallaxCover1 .business_con1 .title { margin-top:30px; font-family: 'Questrial', sans-serif; font-size:40px; font-weight: 400; color:#1daca8; letter-spacing: -1px; line-height: 1.5; display: block; font-style: italic; padding-bottom: 10px; }
.parallaxCover1 .business_con1 .text { font-size:16px; letter-spacing:-1px; color:#fff; line-height: 1.6; }
.parallaxCover1 .business_con1 strong { font-size: 20px; letter-spacing:-3px; line-height: 22px; font-weight: bold; }
.parallaxCover1 .business_con2 { width:18px; height:520px; position:absolute; left:50%; margin-left:-9px; z-index:9; background: url('/images/icon_businessline.png');}
.parallaxCover1 .business_con3 { width:48%; float: right; text-align: center; }
.parallaxCover1 .business_con3 .title { margin-top:30px; font-family: 'Questrial', sans-serif; font-size:40px; font-weight: 400; color:#8c5fa6; letter-spacing: -1px; line-height: 1.5; display: block; font-style: italic; padding-bottom: 10px; }
.parallaxCover1 .business_con3 .text { font-size:16px; letter-spacing:-1px; color:#fff; line-height: 1.6; }
.parallaxCover1 .business_con3 strong { font-size: 20px; letter-spacing:-3px; line-height: 22px; font-weight: bold; }
.partner_cont 
.partner_cont .title { }
.partner_cont .text { font-size:18px; color:#5d6d6d; letter-spacing: -2px; line-height: 2; }
.transCover { text-align: center; padding-top: 20px; }
.transCover .text { font-size:20px; color: #fff; letter-spacing: -2px; line-height: 1.5; padding-top: 20px; }

.sunny_in { width:1160px; margin:0 auto; }

.brandtitle1 { width:100%; height:100px; background:#5d6d6d; border-bottom: 5px solid #1daca8; }
.brandtitle1 img { margin-top: -15px; }
.brandtitle1 .subtitle { font-size:30px; color:#ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; line-height: 95px; padding-left:20px; }
.productlist { background:#f7f7f7; border-bottom: 1px solid #f1f1f1; }
.productlist .left { width:500px; float:left; padding:60px 0 60px 0; }
.productlist .right { width:660px; float:right; padding:60px 0 60px 0; }
.productlist .right .text { font-size:16px; letter-spacing: -1px; line-height: 1.8; color:#5d6d6d; padding:30px 0 50px 0; }
.productlist .right .text span { letter-spacing: -1px; }
.productlist .ttext { font-size:16px; letter-spacing: -1px; line-height: 1.8; color:#5d6d6d; padding:0px 60px 50px 60px; margin-top:-30px;}


.businesstitle1 { width:100%; height:100px; background:#5d6d6d; border-bottom: 5px solid #1daca8; padding:0px;}
.businesstitle1 img { margin-top: -13px; }
.businesstitle1 .subtitle { font-size:30px; color:#ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; line-height: 95px; padding-left:20px; }
.textlist .text1 { font-size:20px; line-height: 1.8; letter-spacing:-1px; padding:80px 0 10px 0; color:#5d6d6d; }
.textlist .text3 { font-size:16px; line-height: 1.8; letter-spacing:-1px; padding:0px 0 50px 0; color:#5d6d6d; }
.textlist .text2 { font-size:16px; line-height: 1.8; padding:0px 0 60px 0; color:#5d6d6d; font-family: 'Lato', sans-serif !important; font-weight: 400; }
.textlist { background:#f7f7f7; }
.businesslist .left { float:left; width:33.33%; padding:100px 0 100px 0; text-align: center; border-left:1px solid #f1f1f1; font-size:15px;  line-height:2; letter-spacing: -1px; color:#5d6d6d; height:460px; }
.businesslist .center { float:left; width:33.33%; padding:100px 0 100px 0; text-align: center; border-left:1px solid #f1f1f1; font-size:15px; line-height:2; letter-spacing: -1px; height:460px; }
.businesslist .right { float:left; width:33.33%; padding:100px 0 100px 0; text-align: center; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; line-height:2; font-size:15px; letter-spacing: -1px; height:460px; }
.businesslist img { padding-bottom:10px; }


.business_table { width:100%; border:1px solid #e9f7f6; }
.business_table img { width:70%; }
.business_table td { width:25%; height:150px; border:1px solid #e9f7f6; text-align:center;}
.business_table p { font-family: 'Lato', sans-serif !important; color:#e7e7e7; letter-spacing:2px; font-weight: 700;}
.productlist h3 { padding:60px 0 0px 0; }
 
.smainicon1 { width:130px; height:130px; background-image:url('/images/icon_health.png'); transition: background-image 0.5s ease; margin:0 auto; } 
.smainicon1:hover { width:130px; height:130px; background-image:url('/images/icon_health_h.png'); transition: background-image 0.5s ease; margin:0 auto; } 
.smainicon2 { width:130px; height:130px; background-image:url('/images/icon_personal.png'); transition: background-image 0.5s ease; margin:0 auto; } 
.smainicon2:hover { width:130px; height:130px; background-image:url('/images/icon_personal_h.png'); transition: background-image 0.5s ease; margin:0 auto; } 
.smainicon3 { width:130px; height:130px; background-image:url('/images/icon_etc.png'); transition: background-image 0.5s ease; margin:0 auto; } 
.smainicon3:hover { width:130px; height:130px; background-image:url('/images/icon_etc_h.png'); transition: background-image 0.5s ease; margin:0 auto; }  

.textlist .value1 { width:19.5%; height:380px; padding:25px; display: inline-block; font-size:13px; text-align: center;}
.textlist .value1 .title { display:block; font-size:20px; color:#8d64ab; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 2; }
.textlist .value2 { width:19.5%; height:380px; padding:25px; display: inline-block; font-size:13px; text-align: center;}
.textlist .value2 .title { display:block; font-size:20px; color:#00b9ad; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 2; }

.time_left { width:600px; height:2420px; float: left; background-image: url('/images/bg_timelinebg.png'); margin-top:-1px;}
.time_right { width: 500px; float: left; }
.time_right .year { font-family: 'Questrial', sans-serif !important; font-size:30px; font-style: italic; font-weight: 700; color:#1daca8; line-height: 18px; }
.time_right .text { font-size: 18px; line-height: 24px; letter-spacing: -1px; }

.businesslist .value1 { width:19.5%; height:380px; padding:25px; display: inline-block; font-size:13px; text-align: center;}
.businesslist .value1 .title { display:block; padding-bottom:10px; font-size:20px; color:#8d64ab; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 1.2; }
.businesslist .value2 { width:19.5%; height:380px; padding:25px; display: inline-block; font-size:13px; text-align: center;}
.businesslist .value2 .title { display:block; padding-bottom:10px; font-size:20px; color:#00b9ad; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 1.2; }

.businessdetail .left { margin:80px 0 60px 0; width:560px; height:460px; float:left; background-image: url('/images/img_businessgraph1.png'); }
.businessdetail .left .title { display: block; font-size:14px; font-family: 'Lato', sans-serif !important; font-size:20px; font-weight: 700; color:#1daca8; text-decoration: underline; line-height: 1; }
.businessdetail .left .text { font-size:14px; font-family: 'Lato', sans-serif !important; font-weight: 400; }
.businessdetail .right { width:600px; float:left;padding:256px 0 50px 80px; } 
.businessdetail .right .title { display: block; font-size:14px; font-size:20px; color:#464f4f; line-height: 2; font-weight: bold; letter-spacing: -1px; }
.businessdetail .right .text {  font-size:16px; letter-spacing: -1px; line-height: 2; }

.businessdetail .left2 { margin:80px 0 60px 0; width:560px; height:460px; float:left; background-image: url('/images/img_businessgraph2.png'); }
.businessdetail .left2 .title { display: block; font-size:14px; font-family: 'Lato', sans-serif !important; font-size:20px; font-weight: 700; color:#8c5fa6; text-decoration: underline; line-height: 1; }
.businessdetail .left2 .text { font-size:14px; font-family: 'Lato', sans-serif !important; font-weight: 400; }
.businessdetail .right2 { width:600px; float:left;padding:354px 0 50px 80px; } 
.businessdetail .right2 .title { display: block; font-size:14px; font-size:20px; color:#464f4f; line-height: 2; font-weight: bold; letter-spacing: -1px; }
.businessdetail .right2 .text {  font-size:16px; letter-spacing: -1px; line-height: 2; }

.businesslist .mark1 img { padding-top: 18px; }
.businesslist .mark1 { width:285px; height:100px; display:inline-block; text-align:center; text-align: center; }
.businesslist .mark1 .title { display:block; text-align:center; font-size:24px; color:#fff; font-family: 'Lato', sans-serif; font-weight: 900; line-height: 20px;}