@charset "utf-8";
/* css by OOparts */

/* page title -------------------------------------------------------------------------------- */

#page_title_container {
	background-color:#fff;
	border-bottom:0px solid #ddd;
	position:static;
	height:290px;
}

/* 메인 상단 타이틀 이미지 div */
#page_title_container .page_title_img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:290px;
	background-size:cover;
	background-position:center 0;
}
/* 페이지 타이틀 */
#content_title p {
	display:block;
}
#content_title h4 {
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#01aaeb;
	padding:50px 0 25px;
}


/* 타이틀 */ 
#page_title_container .page_title_wrap {
	margin:0 20px;
	padding:40px 10px 20px;
	border-bottom:3px solid #808080;
}
#page_title_container .page_title .title {
	display:block;
	font-size:35px;
	font-weight:normal;
}
#page_title_container .page_title .title.title_height {
	
}
#page_title_container .page_title .sub_title {
	font-size:1.4rem;
	font-weight:200;
}

/* page container --------------------------------------------------------------------------------- */
#page_container {
	padding-bottom:2rem;
	min-height:500px;
}
#page_container > p {
	max-width:1000px;
	margin:0 auto 10px;
	text-align:center;
}

/* 타이틀 */ 
#page_container .page_title_wrap {
	text-align:center;
	color:#6a625f;
	position:relative;
	height:130px;
}
#page_container .page_title {
	padding:2.5rem 2rem;
	position:absolute;
	z-index:1;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#page_container .page_title .title {
	display:block;
	font-size:2rem;
	font-weight:normal;
}
#page_container .page_title .title.title_height {
	line-height:2;
}
#page_container .page_title .sub_title {
	font-size:1.5rem;
	font-weight:300;
	display:inline-block;
	background-color:#fff;
	padding:0 1rem;
}
#page_container .title_line {
	position:absolute;
	left:2rem;
	right:2rem;
	bottom:3.4rem;
	height:1px;
	background-color:#6a625f;
}

/* page 상단 title */
#page_container > .page-header {
	border:0;
	margin:0;
	padding:0;
}
#page_container > .page-header .heading_txt {
	font-size:3rem;
	font-weight:bold;
	color:#222;
}
#page_container > .page-header .heading_txt > strong {
	font-weight:inherit;
}
#page_container > .page-header .heading_txt > p {
	color:#f95353;
	display:inline-block;
	margin-left:1rem;
}
#page_container > .page-header .heading_subtxt {
	font-size:1.4rem;
	font-weight:300;
	padding:0.5rem 0;
}

/* page img */
#page_container .page_img_content p {
	text-align:center;
}

/* page left menu area ----------------------------------------------------------------------------- */
.left_menu_wrap {
	
}
#left_menu {
	position:fixed;
	max-width:130px;
	height:100%;
	top:0;
	left:180px;
	background-color:#444;
	z-index:9999;
}
#left_menu .heading_title {
	background:none;
	color:#fff;
	font-size:1.5rem;
	padding:0;
	text-align:center;
	letter-spacing:0;
	border-bottom:1px solid #323232;
}
#left_menu .heading_title > label {
	font-weight:400;
}
#left_menu .heading_title > p {
	width:2rem;
	height:1rem;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
/* 모바일 메뉴 */
#menu_left_list {
	transition:all 0.5s ease 0s;
	background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
/* 모바일 메뉴 슬라이더 wrapper */
#left_menu .lSSlideWrapper {
	border-bottom:1px solid #ddd;
}
#left_menu #menu_left_list .lslide:last-child {

}
#left_menu .list-group {
	margin-bottom:0;
}
#left_menu .list-group li {
	border:1px solid #323232;
	border-width:0 0 1px;
}
#left_menu .list-group .list-group-item {
	height:59px;
	overflow:hidden;
	font-size:1rem;
	font-weight:400;
	padding:0;
	border-width:0;
	border-color:#323232;
	color:#555;
	word-break:keep-all;
}

#left_menu .list-group .list-group-item:hover {
	background-color:#323232;
}
#left_menu .list-group .list-group-item.active, 
#left_menu .list-group .list-group-item.active:focus, 
#left_menu .list-group .list-group-item.active:hover {
	background-color:#323232;
}
#left_menu .list-group .list-group-item.active:after {
	/*position:absolute;
	content:"";
	border:2px solid #444;
	border-width:2px 2px 0 0;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	top:50%;
	right:1.5rem;*/
}
#left_menu .list-group .list-group-item img.on {
	position:absolute;
	top:0;
	left:0;
}
#left_menu .list-group .list-group-item.active img.on,
#left_menu .list-group .list-group-item:hover img.on,
#left_menu .list-group .list-group-item:focus img.on {
	display:block !important;
}

/* 서브메뉴 하위 메뉴 */
#left_menu .list-group .extend_menu .list-group-item {
	background:#7d7d7d;
	padding:7px 0;
}
#left_menu .list-group .extend_menu .list-group-item.active,
#left_menu .list-group .extend_menu .list-group-item:hover, 
#left_menu .list-group .extend_menu .list-group-item:focus {
	background:#323232;
}
#left_menu .list-group .extend_menu.off {
	display:none;
}
#left_menu .list-group .extend_menu img.on {
	top:7px;
}
#left_menu .list-group .extend_menu .list-group-item.active img.on,
#left_menu .list-group .extend_menu .list-group-item:hover img.on,
#left_menu .list-group .extend_menu .list-group-item:focus img.on {
	display:block !important;
}

/* page img ---------------------------------------------------------------------------------- */
.page_img_content > li > p {
	text-align:center;
}

/* page -------------------------------------------------------------------------------------- */
/* 페이지 하단 공통 슬라이드 부분 */
.page_common_slide {
	position:relative;
	max-width:1000px;
	margin:45px auto 50px;
}
#pageSlider {

}
.page_common_slide .lSSlideOuter.vertical {
	padding-right:0 !important;
}
.page_common_slide .lSSlideOuter.vertical .lSSlideWrapper {
	max-width:800px;
	float:right;
}

/* 슬라이드 버튼 부분 */
.page_common_slide .lSSlideOuter .lSGallery li {
    background-repeat:no-repeat;
}
.page_common_slide .lSSlideOuter.vertical .lSGallery {
	right:auto;
	left:0;
	margin-left:0 !important;
}
.page_common_slide .lSSlideOuter.vertical .lSGallery li {
	height:100px !important;
	margin-bottom:1px !important;
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li.active, 
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:hover {
	border:0;
}
/* 슬라이드 버튼 이미지 적용 */
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:first-child {
	background-image:url(../img/slide/menu_off_01.jpg);
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:nth-child(2) {
	background-image:url(../img/slide/menu_off_02.jpg);
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:nth-child(3) {
	background-image:url(../img/slide/menu_off_03.jpg);
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:nth-child(4) {
	background-image:url(../img/slide/menu_off_04.jpg);
}

/* 슬라이드 버튼 on 이미지 적용 */
.page_common_slide .lSSlideOuter .lSPager.lSGallery li.active:first-child,
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:active:first-child,
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:hover:first-child {
	background-image:url(../img/slide/menu_on_01.jpg);
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li.active:nth-child(2),
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:active:nth-child(2),
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:hover:nth-child(2) {
	background-image:url(../img/slide/menu_on_02.jpg);
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li.active:nth-child(3),
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:active:nth-child(3),
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:hover:nth-child(3) {
	background-image:url(../img/slide/menu_on_03.jpg);
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li.active:nth-child(4),
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:active:nth-child(4),
.page_common_slide .lSSlideOuter .lSPager.lSGallery li:hover:nth-child(4) {
	background-image:url(../img/slide/menu_on_04.jpg);
}
.page_common_slide .lSSlideOuter .lSPager.lSGallery li img {
	display:none;
}

/* 페이지 문의하기 버튼 여백 추가 */
.page_btn {
	padding:70px 0 170px 0;
}
.page_btn a {
	display:inline-block;
	padding:0 5px;
}
/* page : 오시는 길 */
.map_wrap {
	max-width:1000px;
	margin:0 auto;
}
/* 지도 아래 버튼 부분 */
.map_wrap .wrap_controllers {
	display:none;
}
