@charset "utf-8";

/*링크 서식과 본문영역 서식*/
body{
	font-family: "나눔고딕",arial, sans-serif;
	font-size: 12px;
	color: #333;
}

a{
	text-decoration: none;
	color: #333;
}



/*헤더영역*/
header{
	width: 100%;
	height: 100px;
	background-color: #000;
}

.h_inner_t{
	width: 100%;
	height: 30px;
 }

.lnb{
	width: 1332px;
	margin: 0px auto;
	text-align: right; /*2.성격이 바뀜*/
}

/*성격을 바꿔야 한다.3겹*/
.lnb > li{
	display: inline-block; /*1.성격이 바뀜*/
	line-height: 30px;
}

.lnb > li a{
	color: #ccc;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px; /*글자 간격*/
}


.h_inner_b{
	width: 1332px;
	height: 90px;
 margin: 0px auto;
}

.h_inner_b > h1{
	padding: 15px 0px; /*위아래 여백*/
	float: left;
}

.h_inner_b > nav{
	float: left;
	padding-left: 200px; /*로고와 간격*/
	padding-top: 24px; /*메뉴 내리기, 바와 간격*/
}

.gnb{}
.gnb > li{
	float: left; /*메뉴 가로 방향으로 정렬*/
	margin-right: 50px; /*1. 메뉴사이 간격*/
}
.gnb > li > a{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 15px; /*2. 메뉴사이 간격*/
}

/*클릭 시 색상 바뀜*/
.gnb > li > a:focus{
	/*font-weight: bold;*/
color: #ccc;
}

/*마우스 올렸을 때 애니메이션_1*/
.gnb > li > a:after{
 content:""; /*공간 만들고*/
	display: block;
	/*width: 0%; 왼쪽으로 오른쪽으로*/
	transform: scaleX(0); /*좌우로*/
	height: 3px;
	background: #ccc;
	position: relative;
	top:5px;
	transition: 0.5s;
}

/*두껌게 하면 엘리베이터 효과
	height: 30px;
	top:-15px;
}*/

.gnb > li:hover > a:after{
transform: scaleX(1);
}



/*메인페이지 섹션영역*/
section{
	clear: both;
	width: 1332px;
	margin: 0px auto;
}

.visual{
	width: 1332px;
	height: 550px;
	margin-bottom: 32px;
}

.banner_left{
	float: left; /*하나는 좌*/
	width: 650px;
	height: 400px;
}


.banner_right{
	float: right; /*하나는 우*/
	width: 650px;
	height: 400px;	
	margin-bottom: 32px;
}


.b_title{
	font-size: 26px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
}

/*탭메뉴 콘텐츠 서식*/
.tab_con{
	clear: both;
	height: 700px;
}

.con_title{
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding-top:70px;
 margin-bottom: 40px;
}


.dog_box{
	width:100%;
	height: 700px;
}

/* 탭메뉴 서식 */
.tab_cont01{
width:100%;
height:600px; 
/*background:#ccc;*/
position:relative;
top:-30px;
}
.tab_cont01:after{
	display:block;
	clear:both;
	content:"";
}
.tab_cont01 > li{
	float:left;
	width:220px;height:100px;
}
.tab_cont01 > li > a{
display:block;
width:200px;
height:150px;
box-sizing: border-box;
text-align:center;
background-repeat:no-repeat;
background-position:center 40px;
font-size:16px;
text-transform: uppercase;
}
.tab_cont01 > li span{position:relative;top:110px;}
.tab_cont01 > li:hover span{color:#000;}

.tab_cont01 > li:first-child a{
	background-image:url('../img/thereal_dog_tab_1_off.png');
}
.tab_cont01 > li:first-child:hover a{
	background-image:url('../img/thereal_dog_tab_1_on.png');
}
.tab_cont01 > li:first-child a:focus{
	background-image:url('../img/thereal_dog_tab_1_on.png');
	border-bottom:2px solid #000;
}

.tab_cont01 > li:nth-child(2) a{
	background-image:url('../img/thereal_dog_tab_2_off.png');	
}
.tab_cont01 > li:nth-child(2):hover a{
	background-image:url('../img/thereal_dog_tab_2_on.png');	
}
.tab_cont01 > li:nth-child(2) a:focus{
	background-image:url('../img/thereal_dog_tab_2_on.png');
	border-bottom:2px solid #000;
}

.tab_cont01 > li:nth-child(3) a{
	background-image:url('../img/thereal_dog_tab_3_off.png');	
}
.tab_cont01 > li:nth-child(3):hover a{
	background-image:url('../img/thereal_dog_tab_3_on.png');	
}
.tab_cont01 > li:nth-child(3) a:focus{
	background-image:url('../img/thereal_dog_tab_3_on.png');
	border-bottom:2px solid #000;
}

.tab_cont01 > li:nth-child(4) a{
	background-image:url('../img/thereal_dog_tab_4_off.png');	
}
.tab_cont01 > li:nth-child(4):hover a{
	background-image:url('../img/thereal_dog_tab_4_on.png');	
}
.tab_cont01 > li:nth-child(4) a:focus{
	background-image:url('../img/thereal_dog_tab_4_on.png');
	border-bottom:2px solid #000;
}

.tab_cont01 > li:nth-child(5) a{
	background-image:url('../img/thereal_dog_tab_5_off.png');	
}
.tab_cont01 > li:nth-child(5):hover a{
	background-image:url('../img/thereal_dog_tab_5_on.png');	
}
.tab_cont01 > li:nth-child(5) a:focus{
	background-image:url('../img/thereal_dog_tab_5_on.png');
	border-bottom:2px solid #000;
}


.tab_cont01 > li:last-child a{
	background-image:url('../img/thereal_dog_tab_6_off.png');
}

.tab_cont01 > li:last-child:hover a{
	background-image:url('../img/thereal_dog_tab_6_on.png');	
}
.tab_cont01 > li:last-child a:focus{
	background-image:url('../img/thereal_dog_tab_6_on.png');
	border-bottom:2px solid #000;
}

.tbox{
	position:absolute;
	left:0px;
	width:100%;
	display:none;
}
.tbox:after{
	display:block;
	clear:both;
	content:"";
}


.on{display:block !important;}
.on_a{
	color:#000 !important;
	border-bottom:2px solid #000;
}




/*배너 서식*/
.banner{
	margin-top: 30px;
	margin-bottom: 20px;
}


/*캐러셀 슬라이드*/
.caraseul{
	height: 443px;
	margin-bottom: 32px;
}

.caraseul > h2{
	display:none;
}

.caraseul > div span{
	position: absolute;
	z-index: 9999;
	font-size: 90px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 85px;
	color:rgba(204, 204, 204, 0.6);
	margin: 100px 0px 0px 150px;
}


/* footer*/
footer{
	width: 100%;
	height: 605px;
	position: relative;
	border-top:1px solid #000; 
}

footer > .add_1{
	width: 1330px;
	height: 62px;
	margin: 0px auto;
	background-color: #fff;
	}


.add_2{
	width: 100%;
	height: 356px;
	top:62px;
	background-color: #000;
	}

.add_2 > .tt{
	width: 1330px;
	margin: 0px auto;
}

.add_3{
	width: 100%;
	height: 188px;
	top:418px;
	}

.add_3 > .tt2{
	width: 1330px;
	margin: 0px auto;
}