@charset "utf-8";
::after, ::before{
	box-sizing: border-box;
}

@font-face {
	font-family: 'Nanum';
	src: url("/font/NanumSquareNeo-Variable.woff2");
}

html{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Nanum';
}
body{
	margin:0;
	padding:0;
}
div, ul, li, a{
	box-sizing: border-box;
}
form{
	margin:0;
}
button{
	cursor:pointer;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
input:not([type="image" i]) {
    box-sizing: border-box;
}
input[type="text" i] {
    padding: 1px 2px;
}
input:not([type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i]) {
}
.txt_left{
	text-align:left;
}
.txt_center{
	text-align:center;
}
.txt_right{
	text-align:right;
}
.contents_wrap_1400{
	max-width:1400px;
	width:100%;
	margin:auto;
}
.contents_wrap_1200{
	max-width:1200px;
	width:100%;
	margin:auto;
}
.contents_wrap_1000{
	max-width:1000px;
	width:100%;
	margin:auto;
}
/* 페이징 */
.tb_bottom{
	width:100%;
	text-align:center;
	padding:10px 0;
	line-height: 1.1;
	font-size:14px;
}
.tb_bottom .paging_arrow {
    display: inline-block;
    padding: 15px 0px;
    color: #888;
    width: 45px;
    height: 45px;
    text-align: center;
}
.tb_bottom .paging_arrow i {
	line-height: 1.2;
}
.tb_bottom .paging_num{
	display: inline-block;
    padding: 15px 0px;
    color: #888;
    width: 45px;
    height: 45px;
    text-align: center;
	text-decoration:none;
}

.tb_bottom .active_page {
    color: #000;
	font-weight:800;
}
.top_menu{
	width:100%;
	background:#f9f9f9;
	display:inline-block;
}
.top_menu ul{
	display: flex;
	float:right;
	margin-right:15px;
}
.top_menu ul li{
	padding:5px 0;
}
.top_menu ul li a{
	text-decoration:none;
	color:#000;
	font-size:12px;
	padding:0 10px;
	border-right:1px solid #aaa;
	display:inline-block;
	line-height:1;
}
.top_menu ul li:last-child a{
	border-right:none;
}
.header{
	width:100%;
    display: block;
	position:fixed;
	top:0;
	z-index:1000;
	background:#fff;
    line-height: 1;
    font-size: 0;
	box-shadow:1px 2px 3px #aaa;
}
/* pc메뉴 */
.header .pc_menu{
	width:100%;
	display:inline-block;
	position:relative;
}
.header .pc_menu .logo_wrap{
	width:200px;
	padding:10px 30px;
	float:left;
}
.header .pc_menu .logo_wrap img{
	width:100%;
}
.header .pc_menu .ul_1dept{
	display:flex;
	float:right;
	padding-right:30px;
}
.header .pc_menu .ul_1dept > li{
	position:relative;
}
.header .pc_menu .ul_1dept li a{
	display:inline-block;
	padding:30px 15px 26px;
	text-decoration:none;
	color:#000;
	font-size:16px;
}
.header .pc_menu .ul_1dept li.menu_active a{
	color:#af0000;
}
.header .pc_menu .ul_1dept > li > .ul_2dept{
	display:none;
}
.header .pc_menu .ul_1dept > li:hover > .ul_2dept{
	display:block;
	width:100%;
	padding-bottom:15px;
	/*
	position:absolute;
	background:#fff;
	box-shadow:1px 2px 5px #aaa;
	*/
}
.header .pc_menu .ul_1dept > li:hover > .ul_2dept li{
	width:100%;
}
.header .pc_menu .ul_1dept > li:hover > .ul_2dept li a{
	display:inline-block;
	padding:20px 15px;
	width:100%;
	text-decoration:none;
	color:#000;
	font-size:16px;
}
.header .pc_menu .ul_1dept > li.menu_active > .ul_2dept li a.active_2depth{
	color:#af0000;
}
/* 모바일 메뉴 */
.header .mb_menu{
	width:100%;
	height:60px;
	display:block;
	position:relative;
}
.header .mb_menu .logo_wrap{
	width:130px;
	padding:10px 11px;
	position:absolute;
	left:calc(50% - 60px);
}
.header .mb_menu .logo_wrap img{
	width:100%;
}
.header .mb_menu .logo img{
	width:100%;
}
.header .mb_menu .hamberger_menu{
	position:relative;
	float:right;
	width:60px;
	height:60px;
	cursor:pointer;
}
.header .mb_menu .hamberger_menu .line1{
	position:absolute;
	top:30%;
	left:25%;
	width:50%;
	border:1px solid #444;
	border-radius:5px;
}
.header .mb_menu .hamberger_menu .line2{
	position:absolute;
	top:calc(50% - 1px);
	left:25%;
	width:50%;
	border:1px solid #444;
	border-radius:5px;
}
.header .mb_menu .hamberger_menu .line3{
	position:absolute;
	bottom:30%;
	left:25%;
	width:50%;
	border:1px solid #444;
	border-radius:5px;
}
.header .mb_menu{
	display:none;
}
.mb_main_menu{
	position:fixed;
	top:0;
	right:-280px;
	width:280px;
	height:100vh;
	background:#fff;
	z-index: 100001;
	box-shadow:1px 2px 3px #aaa;
}
.mb_main_menu .head{
	width:100%;
	height:60px;
	background:#222;
}
.mb_main_menu .head .btn_close{
	width:60px;
	height:60px;
	font-size:20px;
	border:none;
	background:none;
	float:right;
	cursor:pointer;
	color:#fff;
}
.mb_main_menu .menu_list{
	width:100%;
	height:calc(100% - 60px);
	overflow:auto;
}
.mb_main_menu .menu_list ul{
	width:100%;
	display:inline-block;
}
.mb_main_menu .menu_list ul li{
	width:100%;
	/*border-bottom:1px solid #3a3a3a;*/
	position:relative;
}
.mb_main_menu .menu_list ul li a{
	text-decoration:none;
	padding:15px 20px;
	display:inline-block;
	width:100%;
	font-size:16px;
	color:#222;
}
.mb_main_menu .menu_list ul li.menu_active > a{
	color:#af0000;
}
.mb_main_menu .menu_list ul li .btn_2depth{
	position: absolute;
    right: 0;
    top: 0;
    height: 54px;
    width: 54px;
    padding: 15px 0;
    line-height: 1.5;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
.mb_main_menu .menu_list ul li .ul_2dept{
	width:100%;
	background:#fff;
	display:none;
}
.mb_main_menu .menu_list ul li .ul_2dept.active{
	display:block;
}
.mb_main_menu .menu_list ul li .ul_2dept li{
	width:100%;
}
.mb_main_menu .menu_list ul li .ul_2dept li a{
	padding:12px 24px;
	color:#999;
}
.mb_main_menu .menu_list ul li.menu_active .ul_2dept{
	display:block;
}
.mb_main_menu .menu_list ul li.menu_active .ul_2dept .active_2depth{
    color: #af0000;
}
/* 팝업 */
.popup_wrap{
	max-width:80%;
	margin:0;
	position:absolute;
	box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
	line-height: 0;
}
.popup_wrap img{
	width:100%;
}
.popup_bottom_wrap{
	width:100%;
	background:#000;
	text-align:right;
}
.popup_bottom_wrap .today_close{
	padding:8px;
	text-align:center;
	font-size: 12px;
	border:none;
	background:none;
	color:#fff;
}
.popup_bottom_wrap .close{
	padding:8px;
	text-align:center;
	font-size: 12px;
	border:none;
	background:none;
	color:#fff;
}
/* 메인 */
.main_wrap{
	margin-top:72px;
}
.page_wrap{
	margin-top:72px;
	min-height: calc(100vh - 260px);
    padding: 50px 0;
}
.section1{
	width:100%;
	margin-bottom:30px;
}
.section1 .bg_sl{
	width:100%;
	height:700px;
}
.section1 .bg_sl1{
	background: url("/images/main_slide1.jpg") no-repeat center center / cover;
}
.section1 .bg_sl2{
	background: url("/images/main_slide2.jpg") no-repeat center center / cover;
}
.section1 .bg_sl3{
	background: url("/images/main_slide3.jpg") no-repeat center center / cover;
}
.section2{
	width:100%;
	margin-bottom:30px;
}
.section2 .wrap_2block{
	width:100%;
	display:inline-block;
}
.section2 .wrap_2block li{
	width:50%;
	float:left;
}
.section2 .wrap_2block li a{
	text-decoration:none;
	color:#000;
}
.section2 .wrap_2block li .sub{
	width:100%;
	font-size:18px;
	padding:15px;
}
.section2 .wrap_2block li .sec2_bg_img{
	height:700px;
}
.section2 .wrap_2block li .sec2_bg_img1{
	background: url("/images/sec2_2block1.jpg") no-repeat center center / cover;
}
.section2 .wrap_2block li .sec2_bg_img2{
	background: url("/images/sec2_2block2.jpg") no-repeat center center / cover;
}
.section3{
	width:100%;
	margin-bottom:30px;
}
.section3 .sub{
	width:100%;
	font-size:18px;
	padding:15px;
}
.section3 .movie{
	width:100%;
}
.section4{
	width:100%;
	margin-bottom:30px;
}
.section4 .wrap_3block{
	display:inline-block;
	width:100%;
}
.section4 .wrap_3block li{
	width:calc(100% / 3);
	float:left;
}
.section4 .wrap_3block li a{
	text-decoration:none;
	color:#000;
}
.section4 .wrap_3block li .sub{
	width:100%;
	font-size:18px;
	padding:15px;
}
.section4 .wrap_3block li .sec4_bg_img{
	height:700px;
}
.section4 .wrap_3block li .sec4_bg_img1{
	background: url("/images/sec4_3block1.jpg") no-repeat center center / cover;
	
}
.section4 .wrap_3block li .sec4_bg_img2{
	background: url("/images/sec4_3block2.jpg") no-repeat center center / cover;
}
.section4 .wrap_3block li .sec4_bg_img3{
	background: url("/images/sec4_3block3.jpg") no-repeat center center / cover;
}
.section5{
	width:100%;
}
.section5 .sub{
	width:100%;
	font-size:18px;
	padding:15px;
}
.section5 .bg_sl{
	width:100%;
	height:700px;
}
.section5 .bg_sl1{
	background: url("/images/news1.JPG") no-repeat center center / cover;
}
.section5 .bg_sl2{
	background: url("/images/news2.JPG") no-repeat center center / cover;
}
.section5 .bg_sl3{
	background: url("/images/news3.JPG") no-repeat center center / cover;
}
/* 사이드바 */
.side_bar{
	position: fixed;
    right: 13px;
    bottom: 100px;
    width: 50px;
	z-index:100000;
}
.side_bar span{
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:12px;
	margin-bottom:5px;
	box-shadow: 1px 2px 3px #aaa;
}
.side_bar img{
	max-width:50px;
	max-height:50px;
	margin-bottom:5px;
	border-radius:12px;
	/*box-shadow:1px 1px 1px #aaa;*/
}
.side_bar .icon_wrap{
	width:50px;
	height:50px;
	border-radius:12px;
	background:#fff;
	box-shadow:1px 1px 5px #aaa;
	display:inline-block;
}
/* 푸터 */
.footer{
	width:100%;
}
.footer .info{
	width:100%;
	background:#f9f9f9;
	color:#777;
}
.footer .info address {
	font-style: normal;
	padding:15px 0 10px;
	text-align:center;
	line-height:1.5;
}
.footer .copyright {
	padding:0 0 15px;
	text-align:center;
	line-height:1.5;
}
/* 메인 섹션5 슬라이드 */
.section5 .swiper-container {
	width: 100%;
	height: 100%;
}

.section5 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section5 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section5 .swiper-slide {
	width: 80%;
}
.section5 .swiper-slide:nth-child(2n) {
	width: 60%;
}
.section5 .swiper-slide:nth-child(3n) {
	width: 40%;
}
.swiper-button-next, .swiper-button-prev{
	color:#ccc;
}

/* 강아지 페이지 */
.dog_wrap{
	min-height:calc(100vh - 100px);
	padding:50px 0;
	margin-top: 72px;
}
.dog_wrap .dog_cate{
	width:100%;
	text-align:center;
}
.dog_wrap .dog_cate .sub{
	margin:0;
	margin-bottom:5px;
	font-size:14px;
}
.dog_wrap .dog_cate .cont{
	margin:0;
	margin-bottom:15px;
	font-size:14px;
}
.dog_wrap .dog_cate .cont a{
	margin-right:10px;
	text-decoration: underline;
	color:#aaa;
	padding:2px;
}
.dog_wrap .dog_cate .cont a.active{
	color:#000;
	font-weight:600;
}
.dog_wrap .dog_list{
	width:100%;
	padding:15px;
	display:inline-block;
}
.dog_wrap .dog_list .dog_list_ul{
	list-style:none;
	padding:0;
	display:inline-block;
	width:100%;
	margin:0;
}
.dog_wrap .dog_list .dog_each{
	width:calc(100% / 4);
	float:left;
	margin-bottom:10px;
}
.dog_wrap .dog_list .dog_each a{
	text-decoration:none;
}
.dog_wrap .dog_list .dog_each .dog_img_wrap{
	width:100%;
	padding-bottom:100%;
	position:relative;
}
.dog_wrap .dog_list .dog_each .dog_img_wrap img{
	display:none;
}
.dog_wrap .dog_list .dog_each .dog_img_wrap .mask{
	width: 100%;
    height: 100%;
    position: absolute;
	background:rgba(0,0,0,0.5);
}
.dog_wrap .dog_list .dog_each .dog_img_wrap .status{
	position: absolute;
	top:10px;
	left:10px;
	padding:8px 10px;
	color:#fff;
	font-size:12px;
	border-radius:26px;
}
.dog_wrap .dog_list .dog_each .dog_img_wrap .main_used{
	position: absolute;
	top:10px;
	left:10px;
	padding:8px 0;
	text-align:center;
	width:32px;
	height:32px;
	color:#fff;
	background:#000;
	font-size:12px;
	font-weight:600;
	border-radius:50%;
}
.dog_wrap .dog_list .dog_each .dog_info_wrap{
	width:100%;
	padding:15px;
}
.dog_wrap .dog_list .dog_each .dog_info_wrap .info{
	width:100%;
}
.dog_wrap .dog_list .dog_each .dog_info_wrap .info1{
	width:100%;
	height:24px;
	line-height:1.5;
	font-size:16px;
	color:#777;
	font-weight:600;
	position: relative;
}
.dog_wrap .dog_list .dog_each .dog_info_wrap .info1 .img_gender{
	width: 12px;
    position: absolute;
    bottom: 4px;
}
.dog_wrap .dog_list .dog_each .dog_info_wrap .info2{
	width:100%;
	height:24px;
	line-height:1.5;
	font-size:16px;
	color:#444;
	font-weight:600;
}
/* 비숑프리제/꼬똥 */
.sire_wrap{
	width:100%;
	padding:15px 0 30px;
}
.sire_wrap .sub{
	font-size:24px;
	padding:15px 15px 0;
	font-weight:600;
}
.dam_wrap{
	width:100%;
	padding:15px 0 30px;
}
.dam_wrap .sub{
	font-size:24px;
	padding:15px 15px 0;
	font-weight:600;
}
.puppy_wrap{
	width:100%;
	padding:15px 0 30px;
}
.puppy_wrap .sub{
	font-size:24px;
	padding:15px 15px 0;
	font-weight:600;
}
.dog_wrap .dog_list .btn_wrap{
	width:100%;
	text-align:right;
}
.dog_wrap .dog_list .btn_wrap .btn_more{
	display:inline-block;
	font-size:16px;
	text-decoration:none;
	padding:10px 30px;
	color:#fff;
	background:#af0000;
	border-radius:15px;
}
/* contact us */
.contact_us_wrap .sub_title{
	width:calc(100% - 30px);
	text-align:center;
	font-size:24px;
	padding:15px;
	margin:0;
}
.contact_us_wrap .cont{
	margin:30px auto;
	width:100%;
}
.contact_us_wrap .cont ul{
	display:flex;
	justify-content: center;
	width:100%;
}
.contact_us_wrap .cont ul li{
	float:left;
	padding:15px 50px;
}
.contact_us_wrap .cont ul li .inner_wrap{
	box-shadow:1px 1px 3px #aaa;
	padding:30px 20px;
	border-radius:12px;
}
.contact_us_wrap .cont ul li .sub{
	font-size:20px;
	font-weight:600;
}
.contact_us_wrap .cont ul li .info{
	text-align:center;
	font-size:20px;
}
.contact_us_wrap .cont ul li .icon_wrap{
	text-decoration:none;
	border-radius:50%;
	display:block;
	margin:auto;
	cursor:auto;
	width:250px;
}
.contact_us_wrap .cont ul li .icon_wrap.c_pointer{
	cursor:pointer;
}
.contact_us_wrap .cont ul li:last-child .icon_wrap{
	padding:26px;
}
.contact_us_wrap .cont ul li .icon_wrap img{
	width:100%;
}
.contact_us_wrap .cont ul li .icon_wrap svg{
	width:100%;
	color:#000;
}