@charset "utf-8";

.sub_visual{width:100%;}
.sub_visual img{width:100%;}

.the_real{
	width:1300px;
	margin:0px auto;
	text-align:center;
}
.the_real > h2{
	text-align:center;
	font-size:20px;
/*	font-weight: bold;*/
	color:#a8a6a6;
	padding:60px 0px;
 text-transform: uppercase;

}
.the_real > h2 + img{
	margin-bottom:40px;
}
.the_real > p{
	text-align:center;
	font-size:22px;
	line-height:36px;
/*	font-weight:bold;*/
	color:#777777;
	padding-bottom:60px;
}

.sub_tex_b{
 color:#ee1649; 
 font-size:28px;
 line-height: 40px;
 font-weight: bold;
 padding-top: 50px;
 padding-bottom: 30px;
 
}
.sub_txt01{
 color:#000 !important;
 font-size:24px;
}

.line_b:after{
	display:block;
	width:100%;
	content:"";
	height:1px;
	background-color:#555;
	margin-top:50px;
}

.food_detail{}
.food_detail > ul{
	width:900px;
	margin:0px auto;
}
.food_detail > ul > li{
	float:left;
	width:300px;
	text-align:center;
	margin-bottom:50px;
}
.food_detail > ul > li > img{
	padding-bottom:30px;
	height:85px;
}
.food_detail > ul > li span{
	display:block;
}
.food_detail > ul > li p{
	font-size:22px;
	line-height:30px;
}

.food_detail .detail01{
	clear:both;
	padding:30px 0px;
	background-color:#ccc;
}
.detail01 > div{
	width:1200px;
	margin:0px auto;
	clear:both;
	margin-bottom:20px;
}

.detail01 > div:after{
	clear:both;
	display:block;
	content:"";
}

.detail01 > div img{max-width:600px;}
.detail01 > div p{
	width:600px;
	padding:30px 20px;
	box-sizing: border-box;
	line-height:30px;
	font-size:16px;
}
.detail01 > div:first-child p{float:right;}
.detail01 > div:last-child p{float:right;}
.detail01 > div:first-child img{float:left;}
.detail01 > div:nth-child(2) img{float:right;}
.detail01 > div:last-child img{float:left;}
.detail01 > div span{
	display:block;
	padding-bottom:20px;
}

/* 다양하게 즐기는 더리얼 서식 */
.real_tab{
	width:1206px;
	margin:0px auto;
	padding:50px 0px;
	text-align:center;
	position:relative;
}
.real_tab > h2{
 font-size:30px;
 text-align:center;
 padding-bottom: 30px;
}

.real_tab > h2 > span{
	font-weight: bold;
}

/* 라디오버튼 숨기기 */
input[type=radio]{display:none;}

label{ /* 레이블 서식 */
 padding:5px 30px;
 border:1px solid #000;
 font-size:14px;
 text-transform: uppercase;
}

/* 선택한 라디오버튼의 바로뒤에 동생을 선택 */
input[type=radio]:checked + label{
 background:#000;
 text-transform: uppercase;
 color:#fff;
}

#r01:checked ~ .dog_box{display:block;}
#r02:checked ~ .cat_box{display:block;}

.dog_box, .cat_box{
	width:100%;
 height: 1380px; 
	display:none;
	padding-top:40px;
	transform: translateY(30px);
}
.cat_box{
 margin-top:40px;
 background-image: url(../img/0729_07.png)
}

/* 탭메뉴 서식 */
.tab_cont01{
width:100%;

background:#ccc;
position:relative;
height:500px;
}
.tab_cont01:after{
	display:block;
	clear:both;
	content:"";
}
.tab_cont01 > li{
	float:left;
	width:200px;height:175px;
}
.tab_cont01 > li > a{
	display:block;
	width:200px;
	height:175px;box-sizing: border-box;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 40px;
	font-size:18px;
 line-height: 24px;
 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 #ee1649;
}

.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 #ee1649;
}

.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 #ee1649;
}

.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 #ee1649;
}

.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 #ee1649;
}


.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 #ee1649;
}

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

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

/* 우리이야기 서브페이지 서식 */
.our_story{
	padding-top:50px;
}

.sub_title{
	font-size:40px;
	text-align:center;
	font-weight:bold;
}

.sub_title > small{
	display:block;
	font-size:18px;
	padding-bottom:10px;
}

.line01{
	font-size:50px;
	display:block;
	margin-bottom:50px;
	text-align:center;
}

.p01{
	font-size:22px;
	text-align:center;
}

.p02{
	font-size:18px;
	line-height:150%;
	padding:20px;
	padding-top:30px;
	width:600px;
	box-sizing:border-box;
}
.p02:first-of-type{float:right;}
.sub_txt01{
	font-size:32px;
	line-height:140%;
	padding-bottom:20px;
	display:block;
}

.our_story div:first-of-type{padding-top:60px;}
.our_story div{
	width:1200px;
	height:420px;overflow:hidden;
	margin:0px auto;
}
/* div태그안에 이미지 배치 */
.our_story div:first-of-type img{float:left;}
.our_story div:last-of-type img{float:right;}


.stroy_img{
	width:1200px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:80px;
	position:relative;
}

.stroy_img div:first-child{height:500px;}
.stroy_img div:first-child img{
	position:absolute;
}

.stroy_img div:first-child img:first-child{top:0px;right:630px;}
.stroy_img div:first-child img:nth-child(2){top:0px;right:280px;}
.stroy_img div:first-child img:nth-child(3){top:230px;right:720px;}
.stroy_img div:first-child img:nth-child(4){top:230px;right:280px;}
.stroy_img div:first-child img:nth-child(5){top:0px;right:0px;}

.stroy_img div:last-child{text-align:right;}
.stroy_img div:last-child img{
	padding-top:10px;
	padding-left:8px;
	vertical-align: top; /* 수직정렬 - table, img */
}

.credo{
	background:#db1515;
	padding:60px 0px;
	color:#fff;
	text-align:center;
}

.credo > h3{
	text-transform:uppercase;
	font-size:36px;
	font-weight:bold;
}

.credo > p{line-height:180%;}

.credo > a{
	padding:15px 20px; /*안쪽여백*/
	border:1px solid #fff;
	text-transform: uppercase; /*대문자로*/
	color:#fff;
	font-size:18px;
	margin:50px 0px; /* 바깥여백 위, 아래*/
	display:inline-block; /* 성격을 변경함 */
	width:220px;
}