@charset "UTF-8";
@import url("base.css");

/*레이아웃*/

#wrap{
	position:relative;
	width:100%;
}

.section{
	position:relative;
	width:1000px;
	margin:0 auto;
}

#header{
	position:relative;
	width:100%;
	border-top:3px solid #333;
	padding-top:20px;
	height:73px;
	border-bottom:1px solid #ddd;
	z-index:500;
}

.header-in{
	/* height:326px; */
	height:74px;
	overflow:hidden;
}

#container{
	position:relative;
	width:100%;
	background:#eee;
}

.container-in{
	position:relative;
	z-index:100;
	margin-top:-70px;
	background:#fff;
}

#footer{
	position:relative;
	width:100%;
	border-top:1px solid #ddd;
	padding:30px 0;
}

.footer-in{
	
}

/* 헤더 */

.logo{
	float:left;
}

/* 상단 네비 */

.nav{
	margin-top:17px;
	float:right;
}

.btn-nav{
	width:143px;
	float:left;
}

.btn-nav.first{
	background:url(../images/bg/bg_side01.gif) 0 2px no-repeat;
}

.btn-nav.last{
	background:url(../images/bg/bg_side01.gif) right 2px no-repeat;
}

.btn-nav h2{
	display:block;
	text-align:center;
	overflow:hidden;
}

.btn-nav h2 a{
	display:block;
	padding-bottom:41px;
	background:url(../images/bg/bg_side01.gif) no-repeat;
	cursor:pointer;
}

.m1 h2 span{background:url(../images/btn/gnb01.gif) center 0 no-repeat;}
.m2 h2 span{background:url(../images/btn/gnb02.gif) center 0 no-repeat;}
.m3 h2 span{background:url(../images/btn/gnb03.gif) center 0 no-repeat;}
.m4 h2 span{background:url(../images/btn/gnb04.gif) center 0 no-repeat;}
.m5 h2 span{background:url(../images/btn/gnb05.gif) center 0 no-repeat;}

.btn-nav h2:hover span,
.btn-nav h2:active span,
.btn-nav h2:focus span,
.btn-nav.on h2 span{
	background-position:center -16px;
}

.btn-nav h2 span{
	display:block;
	text-indent:-9999px;
	height:16px;
	overflow:hidden;
}

.btn-nav.on ul{
	background:#a31d1d;
}

.btn-nav ul{
	border-left:1px solid #ddd;
	height:237px;
	padding:15px 0 0 20px;
}

.btn-nav li{
	
}

.btn-nav li a{
	color:#777;
	font-size:13px;
	line-height:30px;
	display:block;
}

.btn-nav li a:hover,
.btn-nav li a:active,
.btn-nav li a:focus{
	text-decoration:underline;
}

.btn-nav.on li a{
	color:#fff;
}

.m5 ul{
	border-right:1px solid #ddd;
}

.bg-nav{
	position:absolute;
	top:94px;
	left:0;
	width:100%;
	height:0;
	/* height:252px; */
	background:#fff;
	z-index:-1;
}

/* 푸터 */

.foot-logo{
	float:left;
}

.footer-in .col{
	float:right;
	width:790px;
}

address{
	color:#888;
	display:block;
	margin-bottom:5px;
}

address span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-left:12px;
	background:url(../images/bg/bg_side02.gif) 0 50% no-repeat;
	margin-left:10px;
}

.copy,
.copy a{
	color:#999;
}

.copy span{
	color:#555;
}

/* 서브 비주얼 */

.sub-visual{
	width:100%;
	height:173px;
	background:url(../images/obj/sub_visual01.jpg) center 0 no-repeat;
}

/* 사이드 네비 영역*/

.snb-area{
	width:175px;
	float:left;
	padding:40px 0 0 30px;
}

.snb-title{
	color:#4a4a4a;
	font-size:26px;
	font-weight:600;
	padding-bottom:20px;
	border-bottom:3px solid #a31d1d;
	margin-bottom:20px;
	display:block;
}

.snb{
	padding-bottom:120px;
	border-bottom:2px solid #d5d6d5
}

.snb a{
	display:block;
	padding:15px 0 15px 20px;
	color:#4a4a4a;
	font-size:15px;
}

.snb a:hover,
.snb a:active,
.snb a:focus,
.snb a.on{
	color:#fff;
	background:#a31d1d;
}

.side-banner{
	padding-bottom:100px;
}

/* 서브 가이드 */

.sub-right{
	min-height:700px;
	width:725px;
	float:right;
	padding:40px 30px 120px 0;
}

.tit-location{
	padding-bottom:20px;
	border-bottom:1px solid #4a4a4a;
	margin-bottom:20px;
}

.sub-title{
	color:#333;
	font-size:30px;
	font-weight:600;
	float:left;
}

.location{
	float:right;
	margin-top:7px;
}

.location a{
	color:#777;
}

.location a img{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

/* 찾아오시는 길 */

.location-tbl{
	border-top:2px solid #bbb;
}

.location-tbl th{
	background:#f5f5f5;
	border-bottom:1px solid #ccc;
}

.location-tbl td{
	height:38px;
	border-bottom:1px solid #ccc;
	padding-left:20px;
}

.map{
	margin-bottom:20px;
}

/* 솔리드 선택 */

.select-solid{
	
}

.select-solid .current{
	margin-bottom:20px;
}

.select-solid .current img{
	display:block;
	width:722px;
	height:294px;
	border:1px solid #ddd;
}

.solid-list{
	
}

.solid-list li{
	float:left;
	margin-right:19px;
}

.solid-list .mg-none{
	margin-right:0;
}

.solid-list a{
	display:block;
}

.solid-list i{
	display:block;
	width:104px;
	height:41px;
	background:url(../images/obj/obj_solid.jpg) no-repeat;
	text-align:center;
}

.solid-list.stripe i{
	background-image:url(../images/obj/obj_stripe.jpg);
}

.solid-list.stripe .solid04 i{background-position:-371px 0;}
.solid-list.stripe .solid05 i{background-position:-495px 0;}
.solid-list.stripe .solid06 i{background-position:-619px 0;}
.solid-list.stripe .solid07 i{background-position:0 -66px;}
.solid-list.stripe .solid08 i{background-position:-123px -66px;}
.solid-list.stripe .solid08-1 i{background-position:-248px -66px;}

.solid-list.stripe .solid02 i,
.solid02 i{background-position:-124px 0;}
.solid-list.stripe .solid03 i,
.solid03 i{background-position:-248px 0;}
.solid04 i{background-position:-372px 0;}
.solid05 i{background-position:-496px 0;}
.solid06 i{background-position:-620px 0;}
.solid07 i{background-position:-124px -66px;}
.solid08 i{background-position:-248px -66px;}
.solid09 i{background-position:-372px -66px;}
.solid10 i{background-position:-496px -66px;}
.solid11 i{background-position:-620px -66px;}
.solid12 i{background-position:0 -132px;}
.solid13 i{background-position:-124px -132px;}
.solid14 i{background-position:-248px -132px;}
.solid15 i{background-position:-372px -132px;}
.solid16 i{background-position:-496px -132px;}
.solid17 i{background-position:-620px -132px;}
.solid18 i{background-position:0 -198px;}
.solid19 i{background-position:-124px -198px;}
.solid20 i{background-position:-248px -198px;}
.solid21 i{background-position:-372px -198px;}
.solid22 i{background-position:-496px -198px;}
.solid23 i{background-position:-620px -198px;}
.solid24 i{background-position:0 -264px;}
.solid25 i{background-position:-124px -264px;}
.solid26 i{background-position:-248px -264px;}
.solid27 i{background-position:-372px -264px;}
.solid28 i{background-position:-496px -264px;}
.solid29 i{background-position:-620px -264px;}
.solid30 i{background-position:0 -330px;}
.solid31 i{background-position:-124px -330px;}
.solid32 i{background-position:-248px -330px;}
.solid33 i{background-position:-372px -330px;}
.solid34 i{background-position:-496px -330px;}
.solid35 i{background-position:-620px -330px;}
.solid36 i{background-position:0 -396px;}
.solid37 i{background-position:-124px -396px;}
.solid38 i{background-position:-248px -396px;}
.solid39 i{background-position:-372px -396px;}
.solid40 i{background-position:-496px -396px;}

.solid-list span{
	display:block;
	padding:5px 0 10px;
	text-align:center;
	color:#888;
	font-size:13px;
	font-weight:600;
}