section {padding:5.625rem 0 !important;}

@media screen and (max-width:1200px){
   section {padding:3.75rem 0 !important;}
}

@media screen and (max-width:760px){
   section {padding:2.5rem 0 !important;}
}





/* **************************************** *
 *  bxslider
 * **************************************** */
.spotzone{ z-index:5; position:relative; width:100%; overflow:hidden}
.spotzone:after {content:''; clear:both; display:block; }
.spotzone li{width:100% !important;min-height:750px; height:750px;}
.spotzone li.n01{background:url('/images/main/m_visual01.jpg?ver=2504280') no-repeat center 0;background-size:cover;}
.spotzone li.n02{background:url('/images/main/m_visual02.jpg?ver=2504280') no-repeat center 0;background-size:cover;}
.spotzone li.n03{background:url('/images/main/m_visual03.jpg?ver=2504280') no-repeat center 0;background-size:cover;}

.spotzone li .txtbox {width:1200px;  position:relative; margin:0 auto; padding-top:100px; text-align:left; font-family:'Arita4.0'; border:0px solid #fff}
.spotzone li .txtbox .tit1,
.spotzone li .txtbox .txt,
.spotzone li .txtbox .btn{ width:100%;}

.spotzone li .txtbox .tit1,
.spotzone li .txtbox .txt,
.spotzone li .txtbox .btn{ letter-spacing:-.04em; opacity:0; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition-delay:0.6s;}

.spotzone li .txtbox .tit1 {font-size:37px; line-height:45px;   color:#978f88; }
.spotzone li .txtbox .tit1 em {font-size:80%;}
.spotzone li .txtbox .txt {font-size:20px; line-height:35px; color:#6c6965; font-weight:400;  }
.spotzone li .txtbox .tit1{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .txt{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .btn{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }

.spotzone li .txtbox .btn a{position:relative;display:inline-block;width:207px;height:47px;line-height:47px; border-radius:40px; text-align:center; background:#fff;font-size:16px;color:#5ed2dd; }

/* active */
.spotzone li.active .txtbox .tit1{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.6s;}
.spotzone li.active .txtbox .txt{opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.8s;}
.spotzone li.active .txtbox .btn{opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:1s;}

.spotzone .bx-pager{z-index:33;position:absolute; bottom:70px; left:0; width:100%;  text-align:center; opacity:1;}
.spotzone .bx-pager div{display:inline-block;}
.spotzone .bx-pager a{opacity:1;display:inline-block; position:relative; width:45px; height:4px; margin:0 5px;  color:transparent; background:rgba(255,255,255,1); }
.spotzone .bx-pager a.active { background:#252839; }


.mobile-visual {display:none; }
.mobile-visual ul li img {width:100%;}



/* **************************************** *
 *  responsible
 * **************************************** */

@media screen and (max-width:1200px){
	.spotzone li{min-height:500px; }
	.spotzone li .txtbox { padding-top:100px; }
	.spotzone li .txtbox.box-right { padding-left:200px; padding-top:100px}
	.spotzone li .txtbox.box-left {padding-left:30px;width:100% !important; padding-top:120px;}

	.spotzone li .txtbox.box-left {width:100%}
	.spotzone li .txtbox {width:50%; }
	.spotzone li .txtbox.box-left {width:70%;}

}

@media screen and (max-width:1024px){ 
    .spotzone {display:none;}
	.spotzone li.n01{background:url(/images/main/m_visual01.jpg) no-repeat center 0; background-size:cover; }
	.spotzone li.n02{background:url(/images/main/m_visual02.jpg) no-repeat center 0;background-size:cover; }

	.spotzone li{ min-height:400px; }
	.spotzone li .txtbox {width:50%;  padding-top:110px; }
	.spotzone li .txtbox.box-left {padding-left:20px;width:100% !important; }

	.spotzone li .txtbox .tit1 {font-size:28px; line-height:1.3em; }
	.spotzone li .txtbox .txt {font-size:16px; line-height:24px; padding-top:20px;  }

	.spotzone .bx-pager {bottom:30px; }
	.spotzone .bx-pager a{ width:15px; height:15px; margin:0 5px;border-radius:30px;}

	.mobile-visual {display:block;}


}
@media screen and (max-width:669px){ 
	.spotzone li{ min-height:300px; }
	.spotzone li .txtbox {width:100%;  padding-top:50px;  }
	.spotzone li .txtbox.box-right  {padding-left:45%; border:0px solid #f00}
	.spotzone li .txtbox.box-left {padding-top:50px; }
	.spotzone li .txtbox .tit1 {font-size:23px; line-height:1.3em; }
	.spotzone li .txtbox .txt { padding-top:20px; font-size:13px; line-height:18px; }


}
@media screen and (max-width:500px){ 
	.spotzone li{ min-height:280px; }
	.spotzone li .txtbox .tit1 {font-size:18px; line-height:1.4em; }
    .spotzone li .txtbox .txt { padding-top:10px; font-size:12px;  letter-spacing:-.08em; margin:0; }
	.spotzone li .txtbox.box-right  {padding-left:42%; padding-right:10px;padding-top:50px; }
	.spotzone .bx-pager {bottom:18px; }

	

}


 
 /* **************************************** *
 * SLICK : Premium
 * **************************************** */
.slick-list, .slick-track {height: 100%;}
.slick-control {display: block;width: 1200px;height: 45px;position: absolute;left: 50%; margin-left:-600px; top: 50%;margin-top: -23px; }
.slick-control .slick-arrows {display: block;width: 55px;height: 55px; padding: 0;position: absolute;font-size: 0;border-radius: 50%;outline: none;cursor: pointer;background:rgba(0,0,0,0.5); z-index: 1; transition:all 0.4s}
.slick-control .slick-arrows:after {display: block;font-size: 16px;line-height: 55px;width: 100%;height: 100%;position: absolute;top: 0;left: 0; font-family:'xeicon'; font-weight: normal;text-align: center;color: #fff;}
.slick-control .slick-prev {left: 10px;z-index:10}
.slick-control .slick-prev:after {content: '\e93d'; font-size:20px; font-weight:bold;  opacity:1; }
.slick-control .slick-next {right: 0px;z-index:10}
.slick-control .slick-next:after {content: '\e940'; font-size:20px; font-weight:bold; opacity:1; }
.slick-control .slick-prev:hover:after,
.slick-control .slick-next:hover:after{opacity:1; color:#fff; }
.slick-control .slick-arrows:hover { background:rgba(166,149,114,0.9); color:#fff;}

.slick-dots {margin-top: 20px;font-size: 15px ;line-height: 1;text-align: center; display:none;}
.slick-dots > li {display: inline-block;vertical-align: top;width: 14px;height: 14px;margin: 0 3px;background: #aaa;border-radius: 10px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background: #153697;}
.slick-dots > li > button {display:none}




.premium { position:relative; display:block; clear:both; max-width:100%;background:#fff; text-align:center; }
.premium .main_item_wrap {position:relative;max-width:100%;margin:0px auto;  overflow:visible}
.premium .cover-left   {position:absolute; left:0; top:0; width:20%;   height:100%; background: linear-gradient(to right, rgba(37,40,57,1) 0%, rgba(37,40,57,0) 100%);z-index:33}
.premium .cover-right {position:absolute; right:0; top:0; width:20%; height:100%;background: linear-gradient(to right, rgba(37,40,57,0) 0%, rgba(37,40,57,1) 100%);z-index:33}
.premium .main_item_slider_box{position:relative; }
.premium .main_item_slider {position:relative;  }
.premium .main_item {width:20%;text-align:center; position:relative;overflow:hidden;  }
.premium .main_item a {display: block; position: relative;outline:0; padding:0 0px; margin:0 5px;}
.premium .main_item a .pre-img{ display:block; width:100%; min-height:350px; border:0px solid #f00;position:relative;transition:transform 0.3s ease 0s;-webkit-transition:transform 0.3s ease 0s; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.premium .main_item a .pre-img:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
/*.premium .main_item a:hover .pre-img {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}*/
.premium .main_item figure{outline:0;  padding:0 5px}
.premium .main_item img {width:100% !important;}
.premium .main_item .slick-control {margin-top: -10px;}
.premium .main_item .slick-control .slick-prev {left:0;}
.premium .main_item .slick-control .slick-next {right: 0;}

.premium a.btn-more {display:inline-block; text-align:center; font-size:16px; width:190px; height:50px; line-height:50px; font-weight:500;   margin-top:30px; color:#fff;  background:#252839; border:1px solid #252839; }
.premium a.btn-more:hover {color:#252839; background:transparent; }
.premium a.btn-more i {color:#fff; font-size:23px; color:#fff; vertical-align:top; margin-top:13px;  margin-left:5px; font-family:'xeicon';}
.premium a.btn-more:hover i {color:#252839;}

@media screen and (max-width:1200px){
	  .slick-control { width:100%;left: 0; margin-left:0px; }
	  .premium { min-width:100%; }
	  .premium .main_item_wrap { max-width:100%;}
	  .premium .main_item a  { height:220px !important; overflow:hidden;}
}

@media screen and (max-width:998px){ 
	.premium .cover-left   { display:none; }
	.premium .cover-right { display:none;  }
    
	.premium .main_item a .pre-img{  min-height:300px;  }

	.slick-control .slick-arrows { width: 45px;height: 45px; }
	.slick-control .slick-arrows:after  {font-size: 14px;line-height: 45px; }
	.slick-control .slick-prev:after {font-size:16px; }
	.slick-control .slick-next:after {font-size:16px; }

}

@media screen and (max-width:667px){ 
	.premium .main_item a .pre-img{  min-height:200px;  }
	.premium .main_item_slider_box .main_item {border:1px solid #ddd}
	.premium .main_item a  { height:150px !important; }
	.premium .main_item a img {height:150px !important; }


}
@media screen and (max-width:500px){
	.slick-control {display:none;}
	.premium .main_item a  { height:150px !important; }
	.premium .main_item a img {height:150px !important; }
}

 /* **************************************** *
 *            main contents
 * **************************************** */
/* ÁöÁ¡ */
.main-store {padding:5rem 0 1.5rem; font-size:0;}
.main-store.flex {display:flex;gap:30px; }
.main-store.flex>div {margin:0;}
.main-store.flex>div:nth-child(1) {border:5px solid #eceae7; width:33%;}
.main-store.flex>div.m01 {width:100%; }
.main-store ul {display:block; font-size:0; }
.main-store li {position:relative; display:inline-block; vertical-align:top; width:calc(33.3% - 20px); margin-left:30px; background-color:#eceae7; padding:1.5rem; height:210px; cursor:pointer; }
.main-store>div {position:relative;  width:33%; margin-left:30px; background-color:#eceae7; padding:1.5rem; height:210px; cursor:pointer; }
.main-store>div:nth-child(1) {margin-left:0; display:inline-block; vertical-align:top; }
.main-store li:nth-child(1) {margin-left:0; }
.main-store .box {display:block; position:relative; margin-top:1.5rem;padding:1rem; border:2px solid #333; height:130px;}
.main-store h2 {position:absolute; left:50%;top:-1.125rem; margin-left:-80px; letter-spacing:0; width:160px;font-size:1.65rem;color:#d35d39;  line-height:2rem;font-weight:700; padding:0 1.5rem; background-color:#eceae7; text-align:center; }
.main-store h2 p {font-size:.95rem; line-height:1rem;margin:0; margin-bottom:.5rem; font-weight:600; color:#111; }
.main-store span {display:block; margin-top:1.5rem;text-align:center; font-size:1rem; color:#777; font-weight:500; text-transform:uppercase;  }
.main-store h3 {text-align:center; font-size:1.75rem; margin-top:.3rem;line-height:2rem; font-weight:700; color:#333;}

@media screen and (max-width:1024px){
	.main-store {display:none;}

}

 /* banner */
.social-banner { clear:both;font-size:0; padding-top:0 !important; display:flex; gap:1.25rem; padding-bottom:30px}
.social-banner>div {width:30%; height:200px; }

.social-banner .naver-grade {width:40%; border:5px solid #eaeaea; padding:1rem 1.5rem; display:inline-block; cursor:pointer; }
.social-banner .naver-grade .naver img {height:1rem; }
.social-banner .naver-grade .box { position:relative;margin-top:.5rem;width:100%;border:3px solid #04cf5d; color:#04cf5d; background-color:#fff; height:2.85rem; padding:.5rem 1rem; }
.social-banner .naver-grade .box span {border-left:3px solid #04cf5d; padding-left:.5rem; color:#333; font-size:1.125rem; font-weight:600; }
.social-banner .naver-grade .box:after {content:"¡å"; color:#04cf5d; font-size:.9rem; position:absolute; right:1rem; top:.5rem;z-index:33; }
.social-banner .naver-grade .grade {display:flex; height:2.5rem; align-items: center; gap:.5rem; }
.social-banner .naver-grade .grade img {height:.9rem;}
.social-banner .naver-grade .grade .point {font-size:1.35rem; font-weight:bold; color:#333;}
.social-banner .naver-grade .grade .number {font-size:.9rem; color:#999;}
.social-banner .naver-grade ul { width:100%;  height:45px; }
.social-banner .naver-grade ul li {  display:block;  font-size:.9rem; color:#777; line-height:1.5em; height:45px;   }
.social-banner .naver-grade ul span {display:inline-block;margin-right:.2rem;font-weight:400; color:#999}
.social-banner .naver-grade ul span.id {color:#555;}

.about_thedogs { margin-top:10px;  display:flex;  align-items: center;justify-content: center; flex-direction: column;background-image:url('/images/main/bg_review.png'); background-repeat:no-repeat; background-size:cover; background-position:center center; display:none; }
.about_thedogs h2 {font-size:1.5rem; line-height:1.4em;}
.about_thedogs .txt { font-size:14px; line-height:1.3em; color:#67635f;  font-weight:400;}

.about_thedogs h2,
.about_thedogs .txt {text-shadow:1px 1px 1px #ebe8e5;}

.bn-social {  font-size:0; background:#f27972 !important; display:flex;align-items: center;justify-content: center;  }
.bn-social a {  height:100%;color:#fff; display:flex;  justify-content: center;  align-items: center;  }
.bn-social a p {display:inline-block;padding-top:0px; margin-left:12px;  font-size:23px;line-height:1.3em;  font-weight:500; color:#fff;  }
.bn-social a:before {content:"\ebe9"; font-family:'xeicon';display:inline-block; font-size:68px;vertical-align:top;   }

.bn-kakao { background:#fce30f !important;  display:flex !important;  justify-content: center !important;  align-items: center !important;   cursor:pointer; gap:1rem;}
.bn-kakao figure { width:70px; height:70px; background: url('/images/main/img_kakao.png') no-repeat center ; background-size: auto 100%; }
.bn-kakao dl {display:flex;flex-direction: column; gap:.25rem}
.bn-kakao dt {font-size:1.35rem;  line-height:1.3em;color:#352324; font-weight:bold; }
.bn-kakao dd {color:#352324; font-size:14px; line-height:1.3em;  }

.bn-tiktok { background:#e4e9ec !important;  display:flex !important;  justify-content: center !important;  align-items: center !important;   cursor:pointer; gap:1rem;}
.bn-tiktok figure { width:70px; height:70px; background: url('/images/main/img_tiktok.png') no-repeat center ; background-size: auto 100%; }
.bn-tiktok dl {display:flex;flex-direction: column; gap:.25rem}
.bn-tiktok dt {font-size:1.35rem;  line-height:1.3em;color:#333333; font-weight:bold; }
.bn-tiktok dd {color:#333333; font-size:14px; line-height:1.3em;  }

.bn-naver { background:#03c157 !important;  display:flex !important;  justify-content: center !important;  align-items: center !important;   cursor:pointer; gap:1rem;}
.bn-naver figure { width:70px; height:70px; background: url('/images/main/naver_map.png') no-repeat center ; background-size: auto 100%; }
.bn-naver dl {display:flex;flex-direction: column; gap:.25rem}
.bn-naver dt {font-size:1.35rem;  line-height:1.3em;color:#fff; font-weight:bold; }
.bn-naver dd {color:#fff; font-size:14px; line-height:1.3em;  }



.consult-banner {padding-bottom:5rem;}
.consult-banner ul {font-size:0;}
.consult-banner li {display:inline-block; vertical-align:top;width:calc(50% - 15px); margin-left:30px;height:310px;  background-size:cover; background-repeat:no-repeat; background-position:center center;  }
.consult-banner li:nth-child(1) {margin-left:0; background-image:url('/images/main/bg_consult.png');  }
.consult-banner li:nth-child(2) { background-image:url('/images/main/bg_adopt.png');}

.consult-banner li .txt { font-size:14px; line-height:21px; color:#67635f; margin-top:5px; font-weight:400;}
.consult-banner li .inquiry {margin:43px 0 0 48%; width:50%;}
.consult-banner li .info-box {display:block; position:relative; margin-top:5px; width:93%;}
.consult-banner li .info-box p {display:block; width:100%; }
.consult-banner li .info-box .agree {display:inline-block; margin-top:3px; padding-left:3px; }
.consult-banner li a.btn-use {display:inline-block !important; float:right; vertical-align:bottom; color:#fff; font-size:12px; line-height:24px; height:25px; width:70px !important; text-align:center; border:1px solid rgba(255,255,255,0.3); border-radius:30px; }
.consult-banner li a.btn-use:hover { background:#594940; border:1px solid #594940;}
.consult-banner li .btn-inquiry {display:block; border-radius:50px; background:#594940; color:#fff; text-align:center; height:35px; line-height:35px; font-size:14px; margin-top:5px; }
.consult-banner li .btn-inquiry:hover { background:#333;}


.consult-banner li .consult { display:inline-block; width:47%; margin:55px 40px 0 0; float:right; color:#fff !important; }
.consult-banner li .consult  h2 {color:#fff; }
.consult-banner li .consult  .txt {color:#fff; font-size:15px; margin-top:15px; line-height:24px; }
.consult-banner li .consult .line {display:block; margin:25px 0 20px; width:100%; height:1px; border-bottom:1px solid rgba(255,255,255,0.3)}
.consult-banner li .consult .call_num { font-weight:bold; color:#adfe00; font-size:32px; line-height:1.4em; letter-spacing:0; }

.consult-banner input[type=checkbox] + label {    display: inline-block; vertical-align:middle;    padding: 0 10px 0 22px;    height: 17px; line-height: 17px;  background:#fff; background: url('/images/icon_checkbox2.png')  no-repeat 0 1px;   box-sizing: border-box; color: #333;  font-size: 13px;  }
.consult-banner input[type=checkbox]:checked + label {background:url(/images/icon_checkbox_check2.png) no-repeat 0 1px;}
.consult-banner input[type="text"] {border-radius:50px; background:#fff; width:100%; border:0; height:35px; line-height:35px; padding-left:15px; font-size:13px;  color:#666; margin-bottom:5px; }


.mobile_sns {display:none;}

@media screen and (max-width:1080px){ 
   
	.consult-banner {padding-bottom:2rem;}
	.consult-banner li {width:calc(50% - 5px); margin-left:10px;clear:none;  }
	.consult-banner .txt-box { margin-left:40%; padding-top:30px;}
	.consult-banner h2 {font-size:17px; line-height:21px; }
	.consult-banner p {font-size:13px;  margin-top:7px; }
	.consult-banner li .inquiry {margin:20px 0 0 40%; width:50%; }
	.consult-banner li .info-box {display:block; margin-top:10px; }
	.consult-banner li .info-box p {margin:2px 0}
	.consult-banner li .info-box input[type="text"] {margin-bottom:2px; width:100%;}
	.consult-banner li .btn-inquiry {margin-top:0px; }

	.consult-banner li .consult { width:50%;  margin:35px 30px 0 0;}
	.consult-banner li .consult .line {margin:15px 0; }
	.consult-banner li .consult .txt  {font-size:13px;  }
	.consult-banner li .consult .txt br {display:none; }
	.consult-banner li .consult .call_num { font-size:27px; }
	

	.bn-social a p {  font-size:16px;line-height:1.3em;  padding:0; margin:0; padding-left:10px; }
    .bn-social a img {height:45px;}

} 

@media screen and (max-width:900px){ 
    .social-banner { font-size:0;   margin-top:10px; padding-bottom:10px !important; }
    .social-banner .naver-grade {display:none; }
	 .social-banner,
     .main-store {display:none !important;}
	.about_thedogs {width:100%; margin-left:0px; height:180px;margin-bottom:10px; display:flex; }
    .bn-social {margin-left:0 !important;}
	.bn-social a:before {font-size:50px; }
	.bn-kakao {gap:.35rem;}
	.bn-kakao figure {width:50px; height:50px;}
	.bn-kakao dt { font-size:1.15rem; }
	.bn-kakao dd {  font-size:.9rem;   }

	.bn-social a p {margin:0;padding:0; }
    .bn-tiktok{gap:.35rem;}
	.bn-tiktok figure {width:50px; height:50px;}
	.bn-tiktok dt { font-size:1.15rem; }
	.bn-tiktok dd {  font-size:.9rem;   }



	.mobile_sns {display:flex; gap:10px; padding-bottom:10px;}
	.mobile_sns>div  {margin:0; width:33.3% !important; height:100px;}

    .consult-banner li:nth-child(1) {display:none;}
	.consult-banner li:nth-child(2) {width:100%;height:250px; margin:0;}
	.consult-banner input[type=checkbox] + label {   font-size: 12px;  }
}

@media screen and (max-width:640px){ 
    
	.social-banner>div {height:135px; }
	.about_thedogs h2 {font-size:1.125rem;}
    .bn-kakao dt br {display:block; }
	.bn-social a:before {font-size:30px; line-height:35px;}
	.bn-kakao figure {width:30px; height:30px;}
	.bn-kakao dt { font-size:1.0rem; }
	.bn-kakao dd {display:none;}
    
	.bn-naver { gap:.5rem }
	.bn-naver figure {width:30px; height:30px;}
	.bn-naver dt { font-size:1.0rem; }
	.bn-naver dd {display:none;}

	.bn-tiktok figure {width:30px; height:30px;}
	.bn-tiktok dt { font-size:1.0rem; }
	.bn-tiktok dd {display:none;}


	.consult-banner .txt {display:none;}
	.consult-banner li .inquiry {margin:30px 15px 0 auto; float:right;  }
	.consult-banner li .info-box {width:100%;}
	.bn-social a,
	.bn-kakao,
	.bn-naver,
	.bn-tiktok { flex-direction: column; }

	

}

@media screen and (max-width:500px){ 
	
	.social-banner>div{height:100px;}
	.about_thedogs {height:130px; background-position:center -2.5rem; width:100%;}
	.bn-social h2 {padding-left:50px; font-size:18px; font-weight:bold}

	.consult-banner li:nth-child(1) {height:100px; }
	.consult-banner li:nth-child(2) {height:230px; }

	.eng {display:none;}

}

 /* **************************************** *
 * All type pet ¸ÞÀÎ ºÐ¾çÁßÀÎ °­¾ÆÁö
 * **************************************** */
 .main .adopt-dog{ background-color:#f4f4f4; } 
.adopt-dog.adopt-dog2 {padding:0 0 30px;}
.adopt-dog.adopt-dog2 .lst {margin-top:0}
.adopt-dog:after{content:'';display:block;clear:both;}
.adopt-dog .lst {display:block; font-size:0 ; margin-top:30px; }
.adopt-dog .lst li{ width:calc(25% - 15px); position:relative;  display:inline-block; margin-left:20px; margin-bottom:20px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; }
.adopt-dog .lst li:first-child {margin-left:0; }
.adopt-dog .lst li:nth-child(4n+1) {margin-left:0; }
.adopt-dog .lst a{display: block;}
/*.adopt-dog .thumb{position:relative;display:block;width:inherit;height:inherit; overflow:hidden;}*/
.adopt-dog .thumb img{width:100%; height:100%;transition:transform 0.3s ease 0s;-webkit-transition:transform 0.3s ease 0s;}
.adopt-dog .thumb img:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.adopt-dog .thumb .tit-box {position:absolute; height:90px;padding:18px 0 0; text-align:center;left:0; bottom:-90px; width:100%; z-index:333;  opacity:1;background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.6) 100%);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s }
.adopt-dog .thumb .dog-name { font-size:17px; color:#fff; display:block;   }
.adopt-dog .thumb .dog-price { font-size:16px; color:#dac7a0; display:block;   }
.adopt-dog li a:hover img,
.adopt-dog li a:focus img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.adopt-dog li a:hover .thumb img:after{background:rgba(0,0,0,0.6);}
.adopt-dog li a:hover .thumb .tit-box {opacity:1; bottom:0 }

.adopt-dog .thumb{width:100%; position:relative; overflow:hidden; display:block; }
/*.adopt-dog .img {width:100%;height:280px; position:relative; background-repeat:no-repeat;background-size:cover;background-image:url(/images/sub/no_image.png); background-color:#f5f5f5; }*/
.adopt-dog .lst li a .img {width:100%;height:280px; display:block; position:relative; background-image:url(/images/sub/no_image.png); background-color:#f5f5f5;  background-position:center center;background-size:cover;background-repeat:no-repeat; -webkit-transition:all 0.3s ease-out;		transition:all 0.3s ease-out;}
.adopt-dog .lst li a:hover .img{  background-position:center center; -ms-transform:scale(1.1,1.1);	-webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.adopt-dog .lst li a:hover .thumb .tit-box {opacity:1; bottom:0 }

.no-pet { display:block; width:100%; padding:30px 0; font-size:19px; color:#888; text-align:center;  font-family:'Arita4.0'; letter-spacing:0; font-weight:400;}

@keyframes ani_ico {
    0% {
    	transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	-moz-transform:translateY(0px);
    }
    50% {
    	transform:translateY(-12px);
    	-webkit-transform:translateY(-12px);
    	-ms-transform:translateY(-12px);
    	-moz-transform:translateY(-12px);
    }
}
@media screen and (max-width:998px){ 
	.adopt-dog{ padding:30px 0} 
	.adopt-dog .lst li { width:calc(33.333% - 15px); margin-left:12px; margin-bottom:12px; }
	.adopt-dog .lst li:first-child {margin-left:0; }
	.adopt-dog .lst li:nth-child(4n+1) {margin-left:12px; }

	.adopt-dog .thumb .tit-box {  height:70px;padding:12px 0 0; bottom:-70px; }
	.adopt-dog .thumb .dog-name { font-size:15px; }
	.adopt-dog .thumb .dog-price { font-size:15px;   color:#fff;}

	.adopt-dog .thumb .dog-name { font-size:15px; }
	.adopt-dog .thumb .dog-price { font-size:15px; }
	.adopt-dog li a .thumb .tit-box {opacity:1; height:70px;padding:7px 0 0; bottom:0px; }

}
@media screen and (max-width:667px){ 
	.adopt-dog .lst li { width:calc(50% - 5px); margin-left:10px; margin-bottom:10px; }
	.adopt-dog .lst li:first-child {margin-left:0; }
	.adopt-dog .lst li:nth-child(2n+1) {margin-left:0px; }

	.adopt-dog .thumb .dog-name { font-size:13px; }
	.adopt-dog .thumb .dog-price {  font-size:13px; }
	.adopt-dog li a .thumb .tit-box { opacity:1; height:60px;padding:5px 0 0; }
	.adopt-dog .lst li a .img {height:180px; }
	.no-pet {font-size:15px; }

}

 /* **************************************** *
 * ÁöÁ¡¼Ò°³
 * **************************************** */
#dt-store {background:#bbab92; overflow:hidden;  }
#dt-store:after {content:'';clear:both; display:block;}
#dt-store h2 {font-size:45px; line-height:55px;  font-weight:500; color:#fff;   letter-spacing:0;}
#dt-store h3 {font-size:40px; margin:20px 0 10px; color:#fff; }
#dt-store h3 .contact {display:inline-block; vertical-align:middle; margin-left:40px; color:#fff;  font-size:30px; letter-spacing:0;}
#dt-store h3 .contact  span {display:inline-block; vertical-align:top; margin-right:10px; }
#dt-store .exp {display:block; color:#fff; font-size:17px; line-height:25px; width:50%;font-weight:400; z-index:33 }
#dt-store  ul.tabs {position:absolute; top:80px; left:10px; list-style: none;  width:50%; font-size:0; z-index:55}
#dt-store  ul.tabs li {position: relative; display:inline-block; margin-left:10px;text-align:center; }
#dt-store  ul.tabs li:first-child{ margin-left:0; }
#dt-store  ul.tabs li a { display: block;font-size:16px; border:1px solid rgba(255,255,255,0.5); color:#fff; background:transparent; padding:0 50px;  line-height:48px; height:50px; }
#dt-store  ul.tabs li.active a  { background:#252839; border:1px solid #252839; }
#dt-store .tab_container1 { position:relative; }
#dt-store .tab_content { position:relative; width:100%; padding-top:70px; height:520px; border:0px solid #f00; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#dt-store .store-info { display:block; position:absolute; left:0px; top:260px; z-index:10}
#dt-store .store-info li {display:inline-block; float:left; margin:0 8px; text-align:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#dt-store .store-info li a {display:block; width:150px; height:150px; border:1px solid rgba(255,255,255,0.5); border-radius:50%;}
#dt-store .store-info li a:hover { background:#252839; border:1px solid #252839;}
#dt-store .store-info li a *{display:block;}
#dt-store .store-info li a .ico{display:inline-block; vertical-align:top; margin-top:27px; width:65px;height:60px;}
#dt-store .store-info li a:hover .ico{-webkit-animation:ani_ico 0.4s; animation:ani_ico 0.4s; -webkit-animation-direction: alternate; animation-direction: alternate;}
#dt-store .store-info li a .tit { display:block; clear:both; margin:7px 0 0; font-size:17px; color:#fff; font-weight:bold; font-family:'Arita4.0';}
#dt-store .store-info li:nth-of-type(1) a .ico{background:url(/images/main/ico_store.png) no-repeat; background-size:cover;}
#dt-store .store-info li:nth-of-type(2) a .ico{background:url(/images/main/ico_kakao2.png) no-repeat; background-size:cover;}
#dt-store .store-info li:nth-of-type(3) a .ico{background:url(/images/main/ico_insta2.png) no-repeat; background-size:cover;}
#dt-store .store-info li:nth-of-type(4) a .ico{background:url(/images/main/ico_loc.png) no-repeat; background-size:cover;}
#dt-store .img-store {position:absolute; right:0;  bottom:0; z-index:0; text-align:right; background:url(/images/main/img_store1.png) no-repeat right bottom;  background-size:cover; width:550px; height:550px;}

@media screen and (max-width:1080px){ 
	#dt-store h2 {font-size:30px; margin-left:10px;}
	#dt-store h3 {font-size:25px; margin-left:10px; }
	#dt-store h3 .contact { margin-left:20px;  font-size:20px; }
	#dt-store h3 .contact  span img {height:25px; }

	#dt-store .exp {font-size:15px;margin-left:10px; }
	#dt-store .exp br {display:none;}
	#dt-store  ul.tabs {top:60px; left:20px;}
	#dt-store .tab_content {height:400px; padding-top:50px}
	#dt-store .store-info {top:220px; }
	#dt-store .store-info li a {width:110px; height:110px; }
	#dt-store .store-info li a .tit { margin:3px 0 0; font-size:14px; }
	#dt-store .store-info li a .ico{ margin-top:20px; width:45px;height:40px;}
	#dt-store .img-store {width:450px; height:450px; }
}
@media screen and (max-width:980px){ 
	#dt-store  ul.tabs li a {font-size:14px;  padding:0 30px;  line-height:40px; height:40px; }
	#dt-store .tab_content {height:350px; padding-top:40px; }
	#dt-store .store-info {top:200px; }
	#dt-store .img-store {right:-10px;width:380px; height:380px; }


}
@media screen and (max-width:669px){ 
	#dt-store h2 {font-size:20px; margin-left:0px; text-align:center; }
	#dt-store h3 {font-size:18px; line-height:24px; }
	#dt-store .exp {font-size:13px; line-height:22px; }

	#dt-store  ul.tabs {position:relative; margin:0 auto; text-align:center; padding:0; top:0; left:0}
	#dt-store  ul.tabs li a {font-size:13px;  padding:0 20px;  line-height:28px; height:28px; }

	#dt-store .tab_content {height:auto; padding:0 0 160px}
	#dt-store .store-info {position:relative; left:0; top:0; padding:0; height:auto; margin-top:15px;}
	#dt-store .store-info li { margin:0 3px;}
	#dt-store .store-info li a {width:75px; height:75px; }
	#dt-store .store-info li a .ico{ margin-top:25px; width:30px;height:28px;}
	#dt-store .store-info li a .tit {display:none; }
	#dt-store .img-store {width:300px; height:300px; }

}

@media screen and (max-width:500px){ 
	#dt-store .exp {width:97%; font-size:12px; line-height:18px;  }
	#dt-store .tab_content { padding:0 0 210px}
	#dt-store .store-info {margin-top:15px}
	#dt-store .store-info li { margin:3px 8px;}
	#dt-store .store-info li:nth-child(3) {clear:both; }
	#dt-store .img-store {width:220px; height:220px; right:-20px;}
}

.dogStore { display:block; position:relative; width:1200px; padding:50px; background-color:#222848; margin:-80px auto 20px; font-size:0; z-index:10}
.dogStore dl {display:inline-block; vertical-align:middle; width:50%;border-right:1px solid rgba(255,255,255,0.2); padding-right:30px; }
.dogStore dl dt { font-size:30px; line-height:1.4em;   color:#fff; margin-bottom:7px; letter-spacing:0;}
.dogStore dl dd {font-size:17px; font-weight:500; line-height:1.5em; color:#fff; }
.dogStore div {display:inline-block; vertical-align:middle; width:50%; color:#fff; padding-left:50px;}
.dogStore div h1 {display:block; font-size:27px; line-height:35px;  font-weight:500; color:#fff;  margin-bottom:10px; letter-spacing:0;}
.dogStore div h1 a {color:#fff; font-weight:bold;}
.dogStore div h2 {display:block; font-size:20px; line-height:35px;  color:#fff; }
.dogStore div i {display:inline-block; vertical-align:top; margin-right:10px; text-align:center;  color:#fff;font-size:20px; width:35px; height:35px;  line-height:35px;border-radius:50%; background:#fff; color:#222848; }

@media screen and (max-width:1200px){ 
    .dogStore { width:100%; padding:40px;  }
    .dogStore dl dt { font-size:27px; }
	.dogStore dl dd {font-size:16px;}
	.dogStore div {padding-left:40px;}
	.dogStore div h1 {  font-size:25px; line-height:30px; }
	.dogStore div h2 { font-size:17px; line-height:30px; }
	.dogStore div i { font-size:18px; width:30px; height:30px;  line-height:30px; }

}

@media screen and (max-width:1024px){ 
    .dogStore {  padding:30px;  }
    .dogStore dl dt { font-size:25px; }
	.dogStore dl dd {font-size:15px;}
	.dogStore dl dd br {display:none;}
	.dogStore div {padding-left:30px;}
	.dogStore div h1 {  font-size:21px;  }
	.dogStore div h2 { font-size:17px;  }
	.dogStore div i { font-size:17px;  }

}
@media screen and (max-width:880px){ 
    .dogStore {  padding:30px 20px;  }
    .dogStore dl dt { font-size:25px; }
	.dogStore dl dd {font-size:14px;}
	.dogStore div {padding-left:20px;}
	.dogStore div h1 {  font-size:18px;  }
	.dogStore div h2 { font-size:15px;  }
	.dogStore div i { font-size:16px;  }

}

@media screen and (max-width:767px){ 
    .dogStore {  padding:25px 20px; margin:0 auto; }
	.dogStore dl {width:100%; border-right:0; margin-bottom:15px; }
	.dogStore div { width:100%; padding-left:0}
    .dogStore div h1 {margin-bottom:5px; }
}

 /* **************************************** *
 * ÀνºÅ¸±×·¥
 * **************************************** */
.instagram { text-align:center; }
.instagram:after {content:'';  clear:both; display:block;}
.instagram h2 {display:block; text-align:center; color:#333; font-size:33px; font-weight:500;  letter-spacing:0;  }
.instagram h2 p {display:block; font-size:18px; color:#bbb; }
.instagram ul {display:block; margin-top:30px; font-size:0;  }
.instagram ul li {display:inline-block; width:16.6666%;}
.instagram ul li a {display:block; }
.instagram ul li img {width:100%;}
.instagram a.btn-insta {display:inline-block; text-align:center; font-size:16px; width:190px; height:50px; line-height:50px; font-weight:500;   margin-top:30px; color:#fff;  background:#252839; border:1px solid #252839; }
.instagram a.btn-insta:hover {color:#252839; background:transparent; }
.instagram a.btn-insta i {color:#fff; font-size:23px; color:#fff; vertical-align:top; margin-top:13px;  margin-left:5px; font-family:'xeicon';}
.instagram a.btn-insta:hover i {color:#252839;}


@media screen and (max-width:640px){ 
	.instagram h2 {font-size:20px; }
	.instagram h2 p {font-size:80%;  }
	.instagram a.btn-insta { width:120px; height:40px; line-height:40px;font-size:14px; margin-top:20px; color:#fff;  }
	.instagram a.btn-insta i {  font-size:19px;  margin-top:10px;  margin-left:3px;}
}

@media screen and (max-width:500px){ 
	.instagram ul li {display:inline-block; width:33.333%;}
}



.consultMobile {display:none; }

@media screen and (max-width:900px){  
  .consultMobile {display:block; width:100%;padding:0 10px; margin-top:2rem;font-size:0; text-align:right;  }
  .consultMobile a {display:block; background:#509012; color:#fff; padding:25px 0 20px 0px;   background:url('/images/main/bg_consult_m.png') no-repeat center 0;background-size:cover;  }
  .consultMobile a dl {display:inline-block; vertical-align:middle; width:60% ; padding-left:0px; text-align:left !important;}
  .consultMobile a dl dt {display:block; font-size:16px;color:#fff;  line-height:25px;  }
  .consultMobile a dl dt  i {display:inline-block; vertical-align:middle; margin-right:5px; text-align:center;  font-size:17px; color:#472b19; width:25px; height:25px; line-height:25px; background-color:#fff; border-radius:50%; }
  .consultMobile a dl dd {display:block; font-size:23px; color:#fff;  letter-spacing:0.02em; margin-top:3px; }

}
@media screen and (max-width:500px){ 
  .consultMobile a dl dt { font-size:14px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5)   }
  .consultMobile a dl dt i {text-shadow:none !important }
  .consultMobile a dl dd {  font-size:21px; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5) }

}