@charset "utf-8";

/* PC이하 */
@media all and (max-width:1199px) {

   /* 입양 viwe */
   /* .system li .num { font-size: 65px; top: 15px; padding-top: 15px; }
	.system li .txt { padding-left: 110px; }
	 */
   .system li { width: 49%; }
   .system li:nth-child(3n) {  margin-right: 2%;}
   .system li:nth-child(2n) {  margin-right: 0 !important;}
   .step_list li {  width: 100%; float: none; margin-right: 0; }

   /* 셀럽 list */
   .cel_list li a .img, .cel_list.col02 li a .img { height: auto; }

   /* 인스타그램 */
   .insta_wrap li { width: 25%; }

   /* 사랑나눔 */
   .love_list li a { height: 250px;}
   .love_list li .txt {width: 55%; padding: 40px 25px 40px 85px;  }
   .love_list li .img {  width: 45%; }
   .love_list li .tag {top: 40px; font-size: 18px;}
   .love_list li .tit { font-size: 23px; }

   /* 지점소개 */
   .loTxtWrap { padding: 40px 0 0; }
   .loTxt .left { position: static;}
   .loTxt .right { margin-left: 0; padding: 30px 0; }

   /* 입양시스템 */
   .sys_bg .left .sm_txt { padding: 0 35px 0 0; }
   .sys_bg .right .sm_txt { padding: 0 35px 0 35px; }
   .sm_num { font-size: 80px; }
   .sm_tit {font-size: 25px;}
   .sm_sub {font-size: 15px; }

}

/* 타블렛 세로 */
@media all and (max-width:1023px) {

   /* 온라인문의 */
   .oq_table th, .oq_table td { font-size: 15px; }
   .oq_table th { width: 120px; }
   .oq_table td .email { width: 150px; }
   .oq_table td select.email { width: 100px; }
   .oq_table td .phone { width: 80px; }

   /* 지점소개 */
   .pet_int, .pet_int > div .item { height: 250px; }
   .map_intro .callNum { text-align: center; border-right: 0; width: auto;  position: static; margin-bottom: 20px; }
   .map_intro .store_icon { padding-left: 0; }

}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {

   .content { margin: 20px 0 60px; }
   .quick { display: none; }
	.quick02 { top: auto; bottom: 150px; }

   /* 입양 view */
   .v_banner { margin-bottom: 50px; }
   .v_banner.vb01 { padding: 20px 25px; }
   .vbTxt { margin-bottom: 20px; }
   .vbTxt .tit { font-size: 30px; }
   .vbTxt .sub { font-size: 16px; }
   .system { padding: 35px 0 50px; margin-top: 30px; }
   .system h3 { font-size: 30px; margin-bottom: 20px; }
   .system li .img { height: auto; }
   .system li .num { font-size: 25px; background-size: auto 35px; }
   .system li .tit { font-size: 14px; padding-left: 70px; margin-top: 10px; }
   .step_list li .tit { font-size: 17px; }
   .step_list li .sub { font-size: 14px; }

   /* 셀럽 list */
   .cel_list li { width: 49%; }
   .cel_list li:nth-child(2n) { margin-right: 0; }

   /* 인스타그램 */
   .insta_banner { margin: 30px 0; height: 300px; }
   .insta_wrap li { width: 33.333%; }

   /* 사랑나눔 */
   .love_list li a { height: 200px; }
   .love_list li .txt { width: 55%; padding: 30px 20px 30px 75px; }
   .love_list li .img { width: 45%; }
   .love_list li .tag { top: 30px; font-size: 16px; }
   .love_list li .tit { font-size: 20px; }
   .love_list li .day { font-size: 16px; margin: 15px 0 20px; }
   .love_list li .sub { font-size: 14px; }

   /* 온라인문의 */
   .oq_table th, .oq_table td { font-size: 13px; }
   .oq_table th { width: 90px; }
   .oq_table td .email { width: 120px; }

   /* 연혁 */
   .timeline:before { left: 0; }
   .timeline > li { margin-bottom: 40px; margin-top: 0; }
   .timeline > li .in { width: 100%; float: none; }
   .timeline > li.timeline-inverted .in { float: none; }
   .timeline-badge { left: -10px; }
   .timeline > li .timeline-panel:after { left: 13px; }
   .timeline-panel h4 { padding-left: 65px; }
   .timeline-panel .timeline-txt { padding-left: 145px; }
   .timeline-img { padding-left: 65px; padding-right: 0; }
   .his_icon { displaY: none; }

   /* 지점소개 */
    .loTxt .right .tit { font-size: 25px;}
    .loTxt .right .tit span { font-size: 15px;}
    .loTxt .right .sub { font-size: 14px; }
    .pet_int { margin: 20px 0 25px; height: auto; }
    .pet_int > div { float: none; margin-right: 0; width: 100%; margin-bottom: 20px; }
	.pet_int .vid { height: 250px; }
    .pet_int .vid img { height: auto; }
    .map iframe { height: 300px; }
    .mapTxt { width: 100%; position: static; padding: 20px 25px; margin-top: 15px; }
    .mapTxt .tit { font-size: 28px; }
    .mapTxt ul { margin-top: 20px; }
    .mapTxt li .name { font-size: 16px; }
    .mapTxt li .sub { font-size: 14px; }

   /* 스탭소개 */
   .step_img { background: none; height: auto; }

   /* 입양시스템 */
   .sys_bg .left .sm_txt, .sys_bg .right .sm_txt { padding: 0; }
   .sys_bg .clearfix { margin-bottom: 50px; }
   .sys_bg .left, .sys_bg .right { width: 100%; float: none; margin-bottom: 20px; }
   .subStore_tab { margin-top: 25px; }
   .subStore_tab li { margin-bottom: 2%; margin-right: 2%; width: 32%; }
   .subStore_tab li:nth-child(3n) { margin-right: 0; }
   .subStore_tab li a { font-size: 14px; }
   .wid50 > div { width: 100%; text-align: center; float: none !important; }

}

/* 모바일 상세 */
@media all and (max-width:640px) {

   /* 셀럽 */
   .cel_list.col02 li a .img:after { background-size: 50px; }
   .cel_list.col02 li { width: 100%; margin-right: 0; }

   /* 사랑나눔 */
   .love_list li a { height: auto; }
   .love_list li .txt { width: 100%; padding: 25px 20px 25px 75px; }
   .love_list li .img { width: 100%; }
   .love_list li .tag { top: 25px; }

   /* 채용공고 서브비주얼 */
   .mob-about-sv { display: block; }
   .pc-about-sv { display: none; }

}

/* 모바일 가로 */
@media all and (max-width:568px) {

   /* 입양 view */
    .v_banner { margin-bottom: 30px; }
   .v_banner.vb01 { padding: 20px; }
   .vbTxt { margin-bottom: 10px; }
   .vbTxt .tit { font-size: 23px; }
   .vbTxt .sub { font-size: 14px; }
   .system h3 { font-size: 20px; }
   .system li .num { padding: 0; width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 20px; position: static; }
   .system li .tit { padding-left: 0; margin-top: 5px; height: 4.5em;  line-height: 1.5; font-size: 13px; }
   .step_list li .tit { font-size: 16px; }
   .step_list li .sub { font-size: 13px; }

   /* 온라인문의 */
    .oq_table th { width: 80px; }
    .oq_table td .email_bg { width: 100% !important; margin-top: 5px; }
	.oq_table td .phone { width: 70px; }
    .oq_table td .email { width: 100px; }

   /* 연혁 */
   .timeline > li .timeline-panel:after { display: none; }
   .timeline-panel h4, .timeline > li.timeline-inverted .timeline-panel h4 { padding-left: 25px; font-size: 28px; }
   .timeline-panel .timeline-txt, .timeline > li.timeline-inverted .timeline-txt {  padding-left: 95px; }
   .timeline-panel .timeline-txt p { font-size: 14px; }
   .timeline-img, .timeline > li.timeline-inverted .timeline-img { padding-left: 25px; }

   /* 지점소개 */
   .map_intro .store_icon li { width: 33.333%; }
   .step_list li { height: 150px; padding: 23px 20px; }
   .step_list li .num { top: 25px; }
   .step_list li .num img { height: 100px; }
   .step_list li .txt { padding-left: 145px; }

   /* 지점 탭 */
   .branch-tap-wrap .branch-li { width: 150px; height: 40px; line-height: 40px; font-size: 14px; }

}

@media all and (max-width:425px) {

   /* 셀럽 */
   .cel_list li a .txt { padding: 17px 10px; height: 130px; }
   .cel_list li a .tit { font-size: 15px; }
   .cel_list li a .sub { font-size: 13px; margin: 10px 0 15px; }
   .cel_list li a .num { font-size: 13px; }

   /* 입양시스템 */
   .sm_num { font-size: 70px; }
   .sm_tit { font-size: 20px; }
   .sm_sub { font-size: 14px; }
   .step_list li { padding: 15px 20px; }
   .step_list li .num { top: 30px; }
   .step_list li .num img { height: 90px; }
   .step_list li .txt { padding-left: 130px; }

}

@media all and (max-width:375px) {

}

@media all and (max-width:320px) {

}