@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/css/nav.css);
/*@import url(/css/style_sell.css);*/
@import url(/css/style_comm.css);
@import url(/css/style_view.css);
@import url(/css/style_search.css);

 
body,* {
    font-family: "Nanum Gothic", sans-serif;
}


 a:link { color: black; text-decoration: none;}
 a:visited { color: black; text-decoration: none;}
 a:hover { color: black; text-decoration: none;} 

.WISH_ICON{/* display:none; */opacity:0;}
.Like-Layer{/* display:none; */opacity:0;}

.span-black{color:#3d3d3d;}
.span-gray{color:#808080;}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 1600px;
	background: #fff;
	/* font-family: 'nanumgothic'; */
	/* position: relative; */
	/* overflow: hidden; */
	padding-top: 40px;
}
strong {
	font-weight: bold !important;
}
li{list-style:none;}
.noneBg {
	background: none !important;
}

.container {
	width: 1300px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}
.swiper-container {
	z-index: 3 !important;
}
.swiper-container1 {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: 356px;
	/* border-bottom: 1px solid #ccc; */
}
.swiper-pagination-bullet {
	width: 11px !important;
	height: 11px !important;
}
	#header {
	width: 100%;
	z-index: 1000;
	position: fixed;
	top: 0px;
	background-color: #fff;
	border-top: 3px solid #EB1C23;
	border-bottom: 1px solid #d2d2d2;
}
.headerWrap { /* 0112 수정 (width: 1320px;) */ 
	background: #fff;
	position: relative;
	width: 1300px;
	height: 35px;
	margin: 0 auto;
}
.hasSub {
	background: #fff;
}
	.mainLogo {
		position: absolute;
		top: 30px;
		left: 40px;
	}
	.mainLogo a {
		display: block;
		width: 220px;
		height: 43px;
	}
	.mainLogo img {
		width: 220px;
	}
#mainSldier {
	margin: 0 auto ;
	width: 1920px;
	height: 600px;
	z-index: 100;
}
#mainSlider img {
	top: 0px;
}
.headerSearchBtn {
	position: absolute;
	top: 14px;
	right: 15px;
}
	#topSerchBtn {
		width: 22px;
		height: 22px;
		background: url(/images/header/btn_search.png) 0 0 no-repeat;
		-webkit-appearance: none;
		border: none;
		cursor: pointer;
	}
.float_menu_area {
	position: absolute;
	top: 760px;
	right: 10px;
	/* margin-right: -765px; */
	z-index: 1000;
	width: 143px;
	height: 750px;
	background-color: #000;
	display: none;
}
.float_menu_area ul {}
.float_menu_area ul li {
	display: block;
}
.float_menu_area ul li img {
	display: block;
}
	.float_btn_top {
		position: relative;
	}
	.float_btn_top a {
		position: absolute;
		top: 10px;
		left: 8px;
	}
#section {
	position: relative;
	display: block;
}
.service_pop {
	position: relative;
	text-align: center;
}
.service_pop .btn_cancel {
	color: #f00;
}

.titleArea h4, .titleArea .titleAreaBtn a {
	display: block;
	text-indent: -9999px;
	background: url(/images/main/mainTitle.png) 0 0 no-repeat;
}
.titleArea h4 {
	margin-bottom: 80px;
}
.titleArea .titleAreaDesc {
	margin-bottom: 90px;
}
.titleArea .titleAreaBtn a {
	width: 188px;
	height: 43px;
	background-position: 0 -400px;
}
.titleArea .titleAreaBtn a:hover {
	background-position: 0 -460px;
}
	.titleNewPet {
		display: block;
		width: 300px;
		height: 53px;
	}
	.pet_title {
		width: 400px;
		height: 91px;
		margin: 0 auto 40px;
		padding-top: 80px;
	}
.indexQuickArea {
	position: relative;
	display: block;
	padding-bottom: 60px;
}
.indexQuickArea .naverImg {
	width: 660px;
	margin: 0 auto;
}

.quickCounsel {
	width: 1398px;
	height: 186px;
	margin: 0 auto ;
	border: 1px solid #dbdbdb;
	background: #f8f8f8;
}
	.quickCounsel ul {
		overflow: hidden;
		zoom: 1;
	}
	.quickCounsel ul li {
		float: left;
		height: 130px;
	}
	.quickCounsel .liveCounsel {
		width: 715px;
		padding: 0px 30px 28px;
	}	
		.liveCounsel {
		}
		
		.liveCounsel dl {
			overflow: hidden;
			zoom: 1;
		}
		.liveCounsel dl dt {
			float: left;
			height: 106px;
			margin-top: 24px;
			padding-right: 35px;
			border-right: 1px solid #d9d9d9;
		}
		.liveCounsel dt h4 {
			margin: 22px 0 0 0;
			width: 87px;
			height: 55px;
			text-indent: -9999px;
			background: url(/images/main/quickCounsel/quickTitle.png) 0 0 no-repeat;
		}
		.liveCounsel dl dd {
			float: left;
			margin-top: 20px;
			padding-left: 30px;
		}
		.liveCounsel .quickInput {
			display: block;
			margin-bottom: 15px;
			height: 27px;
			overflow: hidden;
			zoom: 1;
		}
		.quickBtnArea {
			clear: both;
			margin: 15px 0 0 290px;
			width: 250px;
		}
			.quickInput label {
				display: block;
				float: left;
				text-indent: -9999px;
				width:60px; 
				height: 27px;
				background: url(/images/main/quickCounsel/quickCounselBtn.png) 0 0 no-repeat;
				margin-right: 15px;
			}
			.quickInput .quickBtn01{
				background-position: 0 6px;
			}
			.quickInput .quickBtn02{
				background-position: 0 -22px;
			}
			.quickInput .quickBtn03{
				background-position: 0 -54px;
			}
			.quickInput .quickBtn04{
				background-position: 0 -84px;
			}
			.quickInput .quickBtn05{
				background-position: 0 -114px;
			}
			.quickInput .quickBtn06{
				background-position: 0 -144px;
			}
			.quickInput .quickIptSelect {
				padding: 0px 0px 5px 5px;
				height: 27px;
				border: 1px solid #e1e1e1;
			}
			.quickInput .quickIpt {
				padding: 2px 0px 2px 5px;
				height: 21px;
				border: 1px solid #e1e1e1;
			}
			.quickInput .quickIptPhone {
				width: 41px;
				padding: 2px 0px 2px 5px;
				height: 21px;
				border: 1px solid #e1e1e1;
			}
			.quickInput .quickIptPhone2 {
				width: 42px;
				padding: 2px 0px 2px 5px;
				height: 21px;
				border: 1px solid #e1e1e1;
			}
			.quickInputSubmit {
				width: 250px;
				height: 27px;
				background: #eb2026;
				border: none;
				color: #fff;
				font-weight: bold;
			}
	.quickCounsel .liveInfo {
		width: 615px;
		padding: 28px 4px;
		background: #eb2026;
		text-align: center;
	}
		.liveInfo img {
			margin-top: 10px;
		}

/* service Area */
.swiper-pagination1 {
	/* width: 65px !important; */
	/* margin-left:475px; */
	/* margin-bottom: 2px; */
	position: absolute;
	/* bottom: 20px !important; */
	/*height: 46px;
	/* left: 10px; */
	z-index: 10;
	/* right: 0px !important; */
	left: 419px !important;
	max-width: 120px;
	text-align: center;
}
.swiper-slide {
	text-align: center !important;
}
.serviceArea {
	margin: 40px 0;
}
	.serviceColumn {
		overflow: hidden;
		zoom:1;
		padding: 0 20px;
		margin-bottom: 40px;
	}
	.serviceColumn > div {
		float: left;
	}
		.serviceTitle {
			overflow: hidden;
			zoom:1;
			border-bottom: 1px solid #bababa;
			margin-bottom: 5px;
		}
		.serviceTitle h4 {
			float: left;
			margin-bottom: 6px;
		}
		.serviceTitle span {
			float: right;
			margin-top: 10px;
			width: 97px;
			height: 15px;
			text-indent: -9999px;
			display: block;
			background: url(/images/footer/footerCounselTitle.png) 0 0 no-repeat;
			background-position: 0 -160px;
		}
		.bestPhoto {
			width: 540px;
		}
			.photoBox {
				width: 100%;
				height: 300px;
			}
				.photoBox img {
					width: 540px;
					/* height: 155px; */
					background: #000;
				}
				.photoBox p {
					font-size: 12px;
					line-height: 1.5em;
				}
				.photoBox strong {
					font-size: 12px;
					font-weight: bold;
				}
		.yomiColumn {
			width: 775px;
			margin-left: 45px;
		}
			.columnBox ul {
				overflow: hidden;
				zoom:1;
			}
			.columnBox ul li {
				float: left;
			}
				.columnFirst {
					margin-right: 43px;
				}
			.columnBox ul li img {
				width: 366px;
				height: 294px;
			}
	.serviceBox {}


.newPetArea {
	padding-top: 20px;
	display: block;
	overflow: hidden;
	zoom: 1;
	background: #fff;
}
	.newPetList {
		padding: 0 155px 0 150px;
	}
	.newPetList ul {
		overflow: hidden;
		zoom: 1;
	}
	.newPetList ul li {
		float: left;
		width: 339px;
		height: 420px;
		margin:0 0 40px 21px;
	}
		.newThumbImg {
			width: 339px;
			height: 389px;
		}
		.newThumbImg:hover {
			opacity: 0.7;
		}
		.newThumbImg img {
			width: 339px;
			height: 389px;
		}
		.newThumbTitle {
			width: 339px;
			margin-top: 10px;
			text-align: center;
			font-size: 12px;
		}


.popPetArea {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	display: block;
	overflow: hidden;
	zoom: 1;
	background: #fff;
}
	.popPetList {
		padding: 0 20px 0 0;
	}
	.popPetList ul {
		overflow: hidden;
		zoom: 1;
	}
	.popPetList ul li {
		float: left;
		width: 325px;
		height: 250px;
		margin:0 0 40px 10px; 	}
		.popThumbImg {
			width: 325px;
			height: 220px;
		}
		.popThumbImg:hover {
			opacity: 0.7;
		}
		.popThumbImg img {
			width: 325px;
			height: 220px;
		}
		.popThumbTitle {
			width: 325px;
			margin-top: 10px;
			text-align: center;
			font-size: 12px;
		}


.allPetArea {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	background: #fff;
}
	.allPetList {
		padding: 0 20px 0 0;
	}
	.allPetList ul {
		overflow: hidden;
		zoom: 1;
	}
	.allPetList ul li {
		float: left;
		width: 325px;
		height: 403px;
		margin:0 0 40px 10px;
	margin:0 0 40px 20px;  }
		.allThumbImg {
			width: 308px;
			height: 328px;
			/* float: left; */
		}
		.allThumbImg:hover img {
			opacity: 0.7;
		}
		.allThumbImg img {
			width: 100%;
			height: 100%;
		}
		.allThumbTitle {
			text-align: center;
			font-size: 17px !important;
			height: 37px;
			line-height: 37px;
			border: 1px solid #dedede;
			position: relative;
			font-family: 'nanumgothic';
			color: #776952;
			font-weight:600;

			text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

		}

	
.swiper-container3 {
	text-align: center;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f00 !important;
}
.shopArea {
	border: 1px solid #dbdbdb;
	position: relative;
	overflow: hidden;
	zoom: 1;
	background: url('/images/main/bg_shop.png') no-repeat;
}
	.shopList {
		padding: 0 19px 0 9px;
	}
	.shopList .shopSwiper {
		width: 262px;
		height: 220px;
		margin-left: 10px;
		padding-bottom:10px;
		overflow:hidden;
		margin-bottom:20px;
		text-align:center;
		border:1px solid #ddd;
		background: #fff;
	}	
	.shopList ul {
		overflow: hidden;
		zoom: 1;
	}
	.shopList ul li {
		float: left;
		width: 262px;
		height: 155px;
		margin-left: 10px;
		padding-bottom:10px;
		overflow:hidden;
		margin-bottom:20px;
		text-align:center;

	}	
		
		.shopBoxImg:nth-child(1){margin-left:0px;} 
		.shopBoxImg:nth-child(6){margin-left:0px;} 
		.shopBoxImg:nth-child(11){margin-left:0px;} 
		.shopBoxImg:nth-child(16){margin-left:0px;} 
		.shopBoxImg:nth-child(21){margin-left:0px;} 
		.shopBoxImg {
			width: 250px;
			height:164px;
			overflow:hidden;
			position:relative;
			padding:0;
			border:0;
			float: left;
			margin-left: 12px;
			margin-top: 20px;
		}
		.shopBoxImg img {
			width: 100%;
			height: 164px;
		}
		.shopBoxImg .branch {
			display:block;
			position:absolute;
			bottom:0; left:0;
			width:252px;
			padding:5px 15px;
			color:#fff;
			text-align:left;
			font-weight:600;
			font-size:1.07em;
			letter-spacing:0;
			background:url("../image/main/cate_bg.png") top center;
		}
		.sellShopBox h5 {
			padding-top:10px;
			padding-bottom:5px;
			font-weight:600;
			color:#666;
			line-height: 1.5em;
		}
		.sellShopBox h5 a {
			display:block;
			transition:color 0.2s ease-in;
			-webkit-transition:color 0.15s ease-in-out;
			-moz-transition:color 0.15s ease-in-out;
			-o-transition:color 0.15s ease-in-out;
		}
		.sellShopBox li:hover h5 a,
		.sellShopBox h5 a:hover {
			color:#ecac24;
		}
		.sellShopBox p {
			padding:0 15px 5px 15px;
			font-size:11px;
			line-height: 12px;
			letter-spacing:-0.05em;
			color:#666;
		}
		.sellShopBox p a {
			color:#666;
		}
		.sellShopBox p a img {
			width: 27px;
			height: 25px;
		}
		.sellShopBox .info span {
			margin-left:8px;
			padding-left:8px;
			border-left:1px solid #666;
			color:#888;
		}



.reviewPetArea {
	border-top: 1px solid #ccc;
	padding-top: 40px;
	background: #fff;
}
	.reviewPetTitle {
		display: block;
		text-align: center;
	}
	.reviewPetThumb {
		width: 1300px;
	}
	.reviewPetThumb ul {
		overflow: hidden;
		zoom: 1;
		padding: 10px 20px 40px 12px;
	}
	.reviewPetThumb ul li {
		float: left;
		position: relative;
		width: 218px;
		height: 220px;
		margin: 0 0 20px 8px;
		border: 1px solid #ddd;
	}
	.reviewPetThumb ul li:hover .listOver03 {
		opacity:0.7;
		filter:alpha(opacity=70);
		-ms-filter:alpha("opacity=70");
	}
	.reviewThumbImg .listOver03 {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		/* width: 218px; */
		/* height: 162px; */
		width: 250px;
		height: 185px;
		background: url("/images/common/listOver01.png") no-repeat center center #f1f1f1;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: alpha("opacity=0");
		transition: opacity 0.2s ease-in;
		-webkit-transition: opacity 0.15s ease-in-out;
		-moz-transition: opacity 0.15s ease-in-out;
		-o-transition: opacity 0.15s ease-in-out;
	}



		.reviewThumbImg {
			width: 250px;
			height: 185px;
			position: relative;
			border: 1px solid #ededed;
			border-bottom: 0px;
		}
		.reviewThumbImg img {
			width: 250px;
			height: 185px;
		}
		.reviewThumbTitle {
			width: 250px;
			height: 48px;
			text-align: center;
			border: 1px solid #ededed;
		}
		.reviewThumbTitle h4 {
			width: 180px;
			margin: 10px auto;
			font-size: 12px;
			line-height: 20px;
			font-family: "Nanum Gothic", sans-serif;
			text-align: center;
			word-wrap:break-all;
			letter-spacing: -1px;
			/* height: 14px; */
			line-height:14px;
		}
		.reviewThumbTitle p {
			font-size: 12px;
			line-height: 20px;
			font-family: "Nanum Gothic", sans-serif;
			text-align: center;
		}


.familyPetArea {
	border-top: 1px solid #ccc;
	padding-top: 40px;
	background: #fff;
}
	.familyPetTitle {
		display: block;
		text-align: center;
	}
	.familyPetThumb {
		width: 1300px;
	}
	.familyPetThumb ul {
		overflow: hidden;
		zoom: 1;
		padding: 10px 20px 40px 10px;
	}
	.familyPetThumb ul li {
		float: left;
		position: relative;
		width: 262px;
		height: 220px;
		margin: 0 0 20px 10px;
		border: 1px solid #ddd;
	} 
		.familyThumbImg img {
			width: 248px;
			height: 100%;
		}
		.familyThumbTitle {
			width: 248px;
			height: 50px;
			text-align: center;
			border: 1px solid #ededed;
		}
		.familyThumbTitle h4 {
			width: 220px;
			margin: 10px auto;
			font-size: 12px;
			line-height: 20px;
			font-family: "Nanum Gothic", sans-serif;
			text-align: center;
			word-wrap:break-all;
			letter-spacing: -1px;
		}
		.familyThumbTitle p {
			font-size: 12px;
			line-height: 20px;
			font-family: "Nanum Gothic", sans-serif;
			text-align: center;
		}


.petgramArea {
	border-top: 1px solid #ccc;
	padding-top: 40px;
	background: #fff;
}
	.petgramTitle {
		display: block;
		text-align: center;
	}
	.petgramThumb {
		width: 1380px;
		margin: 0 auto;
	}
	/*
	.reviewPetThumb ul {
		overflow: hidden;
		zoom: 1;
		padding: 20px 15px 40px;
	}
	.reviewPetThumb ul li {
		float: left;
		position: relative;
		width: 308px;
		height: 330px;
		margin: 0 0 20px 20px;
		border: 1px solid #ccc;
	}
	.reviewPetThumb ul li:hover .listOver03 {
		opacity:0.7;
		filter:alpha(opacity=70);
		-ms-filter:alpha("opacity=70");
	}
	.reviewThumbImg .listOver03 {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 308px;
		height: 228px;
		background: url("/images/common/listOver01.png") no-repeat center center #f1f1f1;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: alpha("opacity=0");
		transition: opacity 0.2s ease-in;
		-webkit-transition: opacity 0.15s ease-in-out;
		-moz-transition: opacity 0.15s ease-in-out;
		-o-transition: opacity 0.15s ease-in-out;
	}
	*/


.subTitleArea {
	width: 1100px;
	height: 180px;
	margin: 0 auto;
}
.subTitleArea img {
	width: 1100px;
	height: 180px;
	display: block;
}
.subSellTitleArea {
	width: 1300px;
	height: 410px;
	margin: 0 auto;
}
.subSellTitleArea img {
	width: 1300px;
	height: 410px;
	display: block;
}
.subImg {
	width: 1100px;
	margin:50px auto 0;
}
.sholCall {
	width: 1140px;
	height: 209px;
	margin-left: 20px;
}
.sholCall img {
	display: block;
}
#footer {
	position: relative;
}
	.footerCounsel {
		margin-top: 80px;
		padding-top: 80px;
		border-top: 1px solid #ccc;
	}
	.footerCounsel > ul {
		overflow: hidden;
		zoom: 1;
	}
	.footerCounsel > ul > li:first-child{margin-left:0px;}
	.footerCounsel > ul > li {
		float: left;
		
		margin-left: 60px;
	}
	.footerCounsel h4 {
		height: 28px;
		display: block;
		text-indent: -9999px;
		background: url(/images/footer/footerCounselTitle.png) 0 0 no-repeat;
	}
	.footerCounsel h4.footerNotice {
		width: 136px;
		background-position: 0 0;
	}
	.footerCounsel h4.footerReserve {
		width: 191px;
		background-position: 0 -40px;
	}
	.footerCounsel h4.footerCon {
		width: 163px;
		background-position: 0 -80px;
	}
	.footerCounsel h4.footerDiary {
		width: 163px;
		background-position: 0 -120px;
	}
	.footerCounsel .footerBoardDetail a {
		width: 97px;
		height: 15px;
		text-indent: -9999px;
		display: block;
		background: url(/images/footer/footerCounselTitle.png) 0 0 no-repeat;
		background-position: 0 -160px;
	}
	.footerCounsel .footerBoardDetail a:hover {
		opacity: 0.7;
	}
	.footerCounsel .footerBoard {
		margin: 40px 0 40px;
		width: 290px;
		height: 120px;
	}
	.footerCounsel .footerBoard .footerLiveRequest {
		position: relative;
		width: 100%;
	}
		.footerLiveRequest table {
			width: 100%;
			border-collapse: collapse;
		}
		.footerLiveRequest table tr {
			height: 28px;
		}
		.footerLiveRequest table tr th {
			font-size: 14px;
			font-weight: bold;
			width: 80px;
		}
		.footerLiveRequest table tr td select {
			width: 175px;
			height: 25px;
			padding: 1px 0 1px 5px; 
			font-size: 12px;
		}
		.footerLiveRequest table tr td input[type="text"] {
			display: inline-block;
			width: 168px;
			height: 20px;
			padding: 2px 0 2px 5px;
		}
		.footerLiveRequest .footerLiveRequestBtn {
			width: 120px;
			height: 30px;
			margin: 14px auto 0;
		}
			.footerLiveRequestBtn input{
				width: 118px;
				height: 28px;
				border:1px solid #eb2026;
				font-weight: bold;
				background: #eb2026;
				cursor: pointer;
				color: #fff;
				line-height: 28px;
			}
	.footerCounsel .footerBoard ul {
		position: relative;
	}
	.footerCounsel .footerBoard ul li {
		display: block;
		color: #212020;
		font-size: 14px;
		line-height: 30px;
		overflow: hidden;
		zoom: 1;
	}
	.footerCounsel .footerBoard ul li span:hover {
		text-decoration: underline;
	}
		.footerBoard .footerBoardTitle {
			float: left;		
			   width: 230px;        white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;
		}
		.footerBoard .footerBoardDate {
			float: right;
		}
	.footerInfo {
		padding: 40px 0 20px 0px;
	}

/* yomi sns */

	.sns_area {
		margin: 40px auto 0;
		width: 1100px;
		overflow:hidden;
		zoom: 1; 
	}
	.sns_area >div {
		float: left;
	}
	.instagram_area {
		margin-left: 50px;
	}
	


.SITE-MAP{
    display:none;
    position: absolute;
    top: 36px;
    right: 0px;
    /* border-top: 0px; */
    border: 1px solid #c6413d;
    border-top: 0px;
    background-color: #FFF;
    /* overflow: hidden; */
    }

.SITE-MAP ul:first-child{width: 188px;}
.SITE-MAP ul{float:left;width: 185px;/* height:100px; */float:left;overflow: hidden;}

.SITE-MAP ul li:first-child a {
    color: #eb1c23 !important;
    height: 50px;
    display: block;
    /* text-align: center; */
    line-height: 50px;
}
.SITE-MAP ul li a {
    height: 30px;
    display: block;
    /* text-align: center; */
    line-height: 30px;
    padding-left: 60px;
}
.SITE-MAP ul li:last-child a{margin-bottom:20px;}