/*
 *	(주) 세렌코리아
 *  메인, 서브 통합 스타일 파일
 */

html,body { height: 100%; }

.layout-wrap {
	width: 100%;
	min-width: 1056px;
	min-height: 100%;
	background: #383838;
}

.layout-contents-wrap {
	background: #fff;
}

/* 헤더 영역 스타일 */

.layout-header-wrap {
	width: 100%;
	border-bottom: 3px solid #259df8;
	height: 101px;
	background: #fff;
}

.layout-header {
	width: 1056px;
	margin: 0 auto;
}

.logo-wrap {
	width: 280px;
	padding-top: 11px;
}

.header-contents {
	width: 776px;
	padding-top: 11px;
	text-align: right;
}

.header-utills a {
	font-size: 12px;
	color: #343434;
	letter-spacing: -0.5px;
}

.header-utills li:first-child::after {
	content: '|';
	font-size: 12px;
	color: #343434;
	padding: 0 5px;
}

.gnb-nav {
	padding-top: 28px;
}

.gnb-list {
	position: relative;
	padding-bottom: 27px;
	padding-left: 39px;
}

.gnb-article {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	height: 16px;
}

.gnb-article1 { width: 52px; background: url('/images/main1.jpg'); }
.gnb-article2 { width: 66px; background: url('/images/main2.jpg'); }
.gnb-article3 { width: 81px; background: url('/images/main3.jpg'); }
.gnb-article4 { width: 118px; background: url('/images/main4.jpg'); }
.gnb-article5 { width: 53px; background: url('/images/main5.jpg'); }

/* .gnb-article1 { width: 52px;}
.gnb-article2 { width: 83px;}
.gnb-article3 { width: 146px;}
.gnb-article4 { width: 117px;}
.gnb-article5 { width: 52px;} */

.gnb-list-fronts:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	background: #d3d3d3;
	width: 2px;
	height: 15px;
	margin-left: 36px;
}

.gnb-list:hover .lnb-lists, .lnb-lists:hover {
	display: block;
}

.lnb-lists {
	z-index: 999;
	position: absolute;
	top: 44px;
	padding-left: 22px;
	border: 1px solid #259df8;
	border-top: 3px solid #259df8;
	font-size: 14px;
	text-align: left;
	background: #fff;
	padding-top: 3px;
	display: none;
}

.lnb-list:first-child:before {
	/* content: url('/images/rhombus.png');
	position: absolute;
	left: 100px;
	top: -13px; */
}

.gnb-list + .gnb-list .lnb-list:first-child:before { left: 67px; }
.gnb-list + .gnb-list + .gnb-list .lnb-list:first-child:before { left: 81px; }
.gnb-list + .gnb-list + .gnb-list + .gnb-list .lnb-list:first-child:before { left: 56px; }
.gnb-list + .gnb-list + .gnb-list + .gnb-list + .gnb-list .lnb-list:first-child:before { left: 39px; }

.lnb-article {
	color: #787878;
	letter-spacing: -0.5px;
	line-height: 100%;
}

.lnb-article:hover {
	color: #259df8;
}

.gnb-list .lnb-lists {
	width: 222px;
	height: 247px;
	left: -47px;
}

.gnb-list + .gnb-list .lnb-lists {
	width: 186px;
	height: 328px;
	left: -22px;
}

.gnb-list + .gnb-list + .gnb-list .lnb-lists {
	width: 184px;
	height: 325px;
	left: -15px;
}

.gnb-list + .gnb-list + .gnb-list + .gnb-list .lnb-lists {
	width: 134px;
	height: 190px;
	left: 27px;
}

.gnb-list + .gnb-list + .gnb-list + .gnb-list + .gnb-list .lnb-lists {
	width: 98px;
	height: 120px;
	left: 16px;
}

.lnb-list {
	margin-top: 17px;
}


/* 메인페이지 스타일 */

.layout-slide {
	width: 100%;
	height: 464px;
	position: relative;
}

.slide-images {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.slide-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 464px;
	opacity: 0;
	filter: Alpha(opacity=0);
}

#slide1 { background: url('/images/mv01_new1114.jpg') 50% 50%; }
#slide2 { background: url('/images/mv02_new1114.jpg') 50% 50%; }
#slide3 { background: url('/images/mv03_new1114.jpg') 50% 50%; }

.slide-btns {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	text-align: center;
}

.layout-slide .slide-btn {
	margin: 0 9px;
}

.slide-btn a {
	display: block;
	font-size: 0;
	width: 12px;
	height: 12px;
	background: url('/images/slide-normal.png');
}

.slide-btn-active a {
	background: url('/images/slide-active.png');
}

.main-container {
	width: 1056px;
	padding: 30px 0 70px;
	margin: 0 auto;
}

.main-contents {
	width: 710px;
	margin-right: 10px;
}

.main-figure {
	margin-bottom: 10px;
}

.main-figure-contents {
	position: relative;
	width: 321px;
	height: 224px;
	padding-left: 32px;
	padding-top: 34px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #ddd;
}

.main-figure-contents-right {
	border-width: 1px 1px 1px 0;
	width: 322px;
	background: url('/images/main-certification-bg.jpg') no-repeat;
}

.main-figure-contents a {
	position: absolute;
	bottom: 22px;
	right: 22px;
}

.main-aside {
	width: 336px;
}

.main-boards {
	height: 436px;
	padding-bottom: 32px;
	border-bottom: 1px solid #b5b5b5;
}

.main-board {
	width: 340px;
	margin-top: 15px;
	font-size: 13px;
}

.main-board-news {
	margin-right: 30px;
}

.main-board-header {
	padding-bottom: 15px;
	border-bottom: 1px solid #b5b5b5;
	margin-bottom: 12px;
}

.main-board-title {
	font-size: 0;
	display: inline-block;
	height: 17px;
}

.main-board-list a strong {
	padding-right: 8px;
}

.main-board-news .main-board-title { width: 64px; background: url('/images/main-board1.jpg'); }
.main-board-data .main-board-title { width: 62px; background: url('/images/main-board2.jpg'); }

.main-board-header a {
	float: right;
	line-height: 17px;
}

.main-board-list {
	font-size: 13px;
	padding-left: 14px;
	margin-bottom: 7px;
	background: url('/images/dot.png') 8px 5px no-repeat;
}

.main-board-list span, .main-board-list a, .main-board-list strong {
	font-family: Dotum;
}

.main-board-list a {
	display: inline-block;
	width: 180px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	color: #333;
}

.main-board-list span {
	float:right;
	color: #333;
}

.main-video-wrap {
	margin-bottom: 6px;
}

.small-slide-wrap {
	position: relative;
}

.small-slide-cloth {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 336px;
	height: 261px;
	/* background: url('/images/main-small-slide-cloth.png'); */
}

.small-slide-btn {
	position: absolute;
	right: 20px;
	top: 16px;
}

.small-slide-btn .slide-btn {
	margin-left: 19px;
}

.small-slide-image-wrap {
	width: 336px;
	height: 261px;
	position: relative;
	overflow: hidden;
}

.small-slide-images {
	position: absolute;
	left: 0;
	top: 0;
	width: 672px;
	height: 261px;
}

.main-proposal {
	padding-top: 53px;
	margin-top: -19px;
	border: 0;
	width: 304px;
	height: 226px;
	background: url('/images/main-syringe.png') no-repeat;
}

.main-service-center {
	margin-top: 15px;
}


/* 서브 공통 스타일 */

.sub-title-wrap {
	width: 100%;
	height: 247px;
}

.sub-title-1010 { background: url('/images/sub-intro-intro-title-bg.jpg') 50% 50% no-repeat; }
.sub-title-1020 { background: url('/images/sub-intro-soul-title-bg.jpg') 50% 50% no-repeat; }
.sub-title-1030 { background: url('/images/sub-intro-therapy-title-bg.jpg') 50% 50% no-repeat; }
.sub-title-1040 { background: url('/images/sub-intro-direction-title-bg.jpg') 50% 50% no-repeat; }
.sub-title-20 { background: url('/images/sub-therapy-title-bg.jpg') 50% 50% no-repeat; }
.sub-title-30 { background: url('/images/sub-vaccell-title-bg.jpg') 50% 50% no-repeat; }
.sub-title-40 { background: url('/images/sub-history-title-bg.jpg') 50% 50% no-repeat; }
.sub-title-50 { background: url('/images/sub-service-title-bg.jpg') 50% 50% no-repeat; }

.sub-title {
	width: 1056px;
	margin: 0 auto;
	line-height: 247px;
	font-size: 32px;
	letter-spacing: -1px;
}

.sub-container-wrap {
	width: 1056px;
	margin: 30px auto 0;
}

.sub-lnb {
	width: 210px;
	margin-right: 36px;
}

.sub-lnb-title {
	font-size: 0px;
	height: 55px;
}

.sub-lnb-title-10 { background: url('/images/sub-titles.jpg') 0 0 no-repeat; }
.sub-lnb-article-1010 { background: url('/images/sub-titles-10.jpg') 0 0 no-repeat; }
.sub-lnb-article-1020 { background: url('/images/sub-titles-10.jpg') 0 -42px no-repeat; }
.sub-lnb-article-1030 { background: url('/images/sub-titles-10.jpg') 0 -84px no-repeat; }
.sub-lnb-article-1040 { background: url('/images/sub-titles-10.jpg') 0 -126px no-repeat; }
.sub-lnb-article-1010-active { background: url('/images/sub-titles-10.jpg') -210px 0 no-repeat; }
.sub-lnb-article-1020-active { background: url('/images/sub-titles-10.jpg') -210px -42px no-repeat; }
.sub-lnb-article-1030-active { background: url('/images/sub-titles-10.jpg') -210px -84px no-repeat; }
.sub-lnb-article-1040-active { background: url('/images/sub-titles-10.jpg') -210px -126px no-repeat; }

.sub-lnb-title-20 { background: url('/images/sub-titles.jpg') 0 -55px no-repeat; }
.sub-lnb-article-2010 { background: url('/images/sub-titles-20.jpg') 0 0 no-repeat; }
.sub-lnb-article-2020 { background: url('/images/sub-titles-20.jpg') 0 -42px no-repeat; }
.sub-lnb-article-2030 { background: url('/images/sub-titles-20.jpg') 0 -84px no-repeat; }
.sub-lnb-article-2040 { background: url('/images/sub-titles-20.jpg') 0 -126px no-repeat; }
.sub-lnb-article-2010-active { background: url('/images/sub-titles-20.jpg') -210px 0 no-repeat; }
.sub-lnb-article-2020-active { background: url('/images/sub-titles-20.jpg') -210px -42px no-repeat; }
.sub-lnb-article-2030-active { background: url('/images/sub-titles-20.jpg') -210px -84px no-repeat; }
.sub-lnb-article-2040-active { background: url('/images/sub-titles-20.jpg') -210px -126px no-repeat; }

.sub-lnb-title-30 { background: url('/images/sub-titles.jpg') 0 -110px no-repeat; }
.sub-lnb-article-3010 { background: url('/images/sub-titles-30.jpg') 0 0 no-repeat; }
.sub-lnb-article-3020 { background: url('/images/sub-titles-30.jpg') 0 -42px no-repeat; }
.sub-lnb-article-3030 { background: url('/images/sub-titles-30.jpg') 0 -84px no-repeat; }
.sub-lnb-article-3040 { background: url('/images/sub-titles-30.jpg') 0 -126px no-repeat; }
.sub-lnb-article-3050 { background: url('/images/sub-titles-30.jpg') 0 -168px no-repeat; }
.sub-lnb-article-3060 { background: url('/images/sub-titles-30.jpg') 0 -210px no-repeat; }
.sub-lnb-article-3070 { background: url('/images/sub-titles-30.jpg') 0 -252px no-repeat; }
.sub-lnb-article-3080 { background: url('/images/sub-titles-30.jpg') 0 -294px no-repeat; }
.sub-lnb-article-3090 { background: url('/images/sub-titles-30.jpg') 0 -336px no-repeat; }
.sub-lnb-article-3010-active { background: url('/images/sub-titles-30.jpg') -210px 0 no-repeat; }
.sub-lnb-article-3020-active { background: url('/images/sub-titles-30.jpg') -210px -42px no-repeat; }
.sub-lnb-article-3030-active { background: url('/images/sub-titles-30.jpg') -210px -84px no-repeat; }
.sub-lnb-article-3040-active { background: url('/images/sub-titles-30.jpg') -210px -126px no-repeat; }
.sub-lnb-article-3050-active { background: url('/images/sub-titles-30.jpg') -210px -168px no-repeat; }
.sub-lnb-article-3060-active { background: url('/images/sub-titles-30.jpg') -210px -210px no-repeat; }
.sub-lnb-article-3070-active { background: url('/images/sub-titles-30.jpg') -210px -252px no-repeat; }
.sub-lnb-article-3080-active { background: url('/images/sub-titles-30.jpg') -210px -294px no-repeat; }
.sub-lnb-article-3090-active { background: url('/images/sub-titles-30.jpg') -210px -336px no-repeat; }

.sub-lnb-title-40 { background: url('/images/sub-titles.jpg') 0 -165px no-repeat; }
.sub-lnb-article-4010 { background: url('/images/sub-titles-40.jpg') 0 0 no-repeat; }
.sub-lnb-article-4020 { background: url('/images/sub-titles-40.jpg') 0 -42px no-repeat; }
.sub-lnb-article-4030 { background: url('/images/sub-titles-40.jpg') 0 -84px no-repeat; }
.sub-lnb-article-4040 { background: url('/images/sub-titles-40.jpg') 0 -126px no-repeat; }
.sub-lnb-article-4050 { background: url('/images/sub-titles-40.jpg') 0 -168px no-repeat; }
.sub-lnb-article-4010-active { background: url('/images/sub-titles-40.jpg') -210px 0 no-repeat; }
.sub-lnb-article-4020-active { background: url('/images/sub-titles-40.jpg') -210px -42px no-repeat; }
.sub-lnb-article-4030-active { background: url('/images/sub-titles-40.jpg') -210px -84px no-repeat; }
.sub-lnb-article-4040-active { background: url('/images/sub-titles-40.jpg') -210px -126px no-repeat; }
.sub-lnb-article-4050-active { background: url('/images/sub-titles-40.jpg') -210px -168px no-repeat; }

.sub-lnb-title-50 { background: url('/images/sub-titles.jpg') 0 -220px no-repeat; }
.sub-lnb-article-5010 { background: url('/images/sub-titles-50.jpg') 0 0 no-repeat; }
.sub-lnb-article-5020 { background: url('/images/sub-titles-50.jpg') 0 -42px no-repeat; }
.sub-lnb-article-5030 { background: url('/images/sub-titles-50.jpg') 0 -84px no-repeat; }
.sub-lnb-article-5010-active { background: url('/images/sub-titles-50.jpg') -210px 0 no-repeat; }
.sub-lnb-article-5020-active { background: url('/images/sub-titles-50.jpg') -210px -42px no-repeat; }
.sub-lnb-article-5030-active { background: url('/images/sub-titles-50.jpg') -210px -84px no-repeat; }

.sub-lnb-container {
	width: 810px;
}

.sub-lnb-list:last-child { border-bottom: 1px solid #e0e0e0; }
.sub-lnb-article { height: 42px; font-size: 0; display: block; }

.sub-container {
	width: 809px;
	padding-bottom: 250px;
}

#hd_login_msg + .layout-wrap table > * {
	font-size: 12px;
}

/* 푸터 영역 스타일 */

.layout-footer-wrap {
	width: 100%;
	height: 103px;
	background: #383838;
	color: #b5b5b5;
}

.layout-footer {
	width: 1056px;
	padding-top: 34px;
	margin: 0 auto;
}