@charset "UTF-8";

/* visaul */
.main_visual_wrap {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.main_visual_wrap.grid-100 {max-width:100%;}
.main_visual_wrap .slider {position:relative;width:100%;opacity:1;}
.main_visual_wrap .slider .slide {position:relative;width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.main_visual_wrap .slider .slide.bg1 {height:39.36rem;background-image:url(../imgs/main/main_vs_img_01.jpg?ver=1.1)}
.main_visual_wrap .slider .slide .slider_cont {padding-top:4rem;text-align:center;}
.main_visual_wrap .slider .slide .slider_cont .txt1 {font-size:1.643rem;color:#333333;font-weight:500;line-height:1;}
.main_visual_wrap .slider .slide .slider_cont .txt2 {margin-top:1.5rem;font-size:4rem;color:#0f5070;font-weight:500;line-height:1;}
.main_visual_wrap .slider .slide .slider_cont .txt3 {margin-top:1.5rem;font-size:1.429rem;color:#333;font-weight:500;line-height:1.4;}
.main_visual_wrap .slider .slider-slide {position:relative;text-align:center;}
.main_visual_wrap .slider .slider-slide img {display:inline-block;max-width:100%;height:auto;}
.main_visual_wrap .slider .slider-slide .mobile-img {display:none;}
.main_visual_wrap .slider .slider-slide::before{
    display:none;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:3;
}
.main_visual_wrap .slider .slider-slide.slick-current::before {
    display:none;
}
.main_visual_wrap video {
    position:relative;
    width:100%;
    height:100%;
}
.main_visual_wrap .slick-prev, 
.main_visual_wrap .slick-next {width:2.571rem;height:4.643rem;background-color:transparent;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.main_visual_wrap .slick-prev {left:11vw;background-image:url(../imgs/main/vs_prev.png)}
.main_visual_wrap .slick-next {right:11vw;background-image:url(../imgs/main/vs_next.png)}
.main_visual_wrap .vs_link {display:block;position:relative;width:100%}
@media screen and (max-width:1407px){
    .main_visual_wrap .slick-prev {left:10px}
    .main_visual_wrap .slick-next {right:10px}
}
@media screen and (max-width:1279px){
    .main_visual_wrap .inner {padding:0}
}
@media screen and (max-width:720px){
    .main_visual_wrap .slider .slide.bg1 {background-position:30% 50%;}
    .main_visual_wrap .slider .slider-slide .mobile-img {display:block;}
    .main_visual_wrap .slider .slider-slide .pc-img {display:none;}
    .main_visual_wrap video {display:none;}
}
@media screen and (max-width:845px){
    .main_visual_wrap .slick-prev, .main_visual_wrap .slick-next {
        width: 1.571rem;
        height: 3.643rem;
    }
}
@media screen and (max-width:600px){
    .main_visual_wrap .slider .slide.bg1 {height:35rem;background-image:url(../imgs/main/m_main_vs_img_01.jpg?ver=1.1);background-position:50% 45%;}
    .main_visual_wrap .slider .slide .slider_cont {padding-top:2rem}
    .main_visual_wrap .slider .slide .slider_cont .txt2 {font-size:3rem;margin-top:1rem}
    .main_visual_wrap .slider .slide .slider_cont .txt3 {margin-top:1rem}
}

#main_content {padding:2.143rem 0 2rem}
#main_content .inner {overflow:hidden;}
#main_content .inner .row {margin:-6px}
#main_content .inner .row .col-3 {float:left;position:relative;width:33.33333333%;padding:6px}
#main_content .more {display:block;position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;background:url(../imgs/main/more_icon.png?ver=1.1) no-repeat 0 0;background-size:100% auto}
@media screen and (max-width:1148px){
    #main_content .inner .row .col-3:nth-child(1) {width:100%;}
    #main_content .inner .row .col-3:nth-child(1):after {display:block;content:"";clear:both;}
    #main_content .inner .row .col-3:nth-child(1) .main_time {float:none;width:100%;margin-right:0;min-height:auto}
    #main_content .inner .row .col-3:nth-child(1) .main_notice {float:none;width:100%;margin-top:0;margin-left:0;min-height:auto;margin-top:12px}
    #main_content .inner .row .col-3:nth-child(2) {clear:left;width:50%;}
    #main_content .inner .row .col-3:nth-child(3) {width:50%;}
}
@media screen and (max-width:800px){ 
    #main_content .inner .row .col-3:nth-child(2) {clear:left;width:100%;}
    #main_content .inner .row .col-3:nth-child(3) {clear:left;width:100%;}
    #main_content .inner .row .col-3:nth-child(3):after {display:block;content:"";clear:both;} 
    #main_content .inner .row .col-3:nth-child(3) .main_exp {float:none;width:100%;margin-right:6px;min-height:auto;}
    #main_content .inner .row .col-3:nth-child(2) .main_member,
    #main_content .inner .row .col-3:nth-child(3) .main_member {float:none;width:100%;margin-top:0;margin-left:0;min-height:auto;margin-top:12px}

}
@media screen and (max-width:680px){ 
    #main_content .inner .row .col-3:nth-child(1) .main_time {float:none;width:100%;margin-right:0;min-height:auto;}
    #main_content .inner .row .col-3:nth-child(1) .main_notice {float:none;width:100%;margin-left:0;min-height:auto;margin-top:12px}
    #main_content .inner .row .col-3:nth-child(3) .main_exp {float:none;width:100%;margin-right:0;min-height:auto;}
    #main_content .inner .row .col-3:nth-child(2) .main_member,
    #main_content .inner .row .col-3:nth-child(3) .main_member {float:none;width:100%;margin-left:0;min-height:auto;margin-top:12px}
}
.main_time,
.main_notice,
.main_story,
.main_exp,
.main_member {padding:2rem;border:1px solid #ddd}
@media screen and (max-width:1186px){
    .main_time,
    .main_notice,
    .main_story,
    .main_exp,
    .main_member {padding:1.5rem}
}

.main_notice .notice_head,
.main_story .story_head,
.main_exp .exp_head,
.main_member .member_head {position:relative;}

.main_tit {display:block;position:relative;padding-left:1.071rem;font-size:1.5rem;color:#333;font-weight:500;line-height:1}
.main_tit:before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0.4286rem;
    height:1.429rem;
    background-color:#cab172;
}

.main_member,
.main_notice {margin-top:10px}
.main_member.mt--0 {margin-top:0;}

/* 운영시간 */
.main_time {min-height:auto;}
.main_time .time_cont {margin-top:1.857rem}
.main_time .time_cont .time_info {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
    padding-left:3.3rem
}
.main_time .time_cont .time_info_left {position:relative;}
.main_time .time_cont .time_info_right {
    position:relative;
    color:#9a7927;
    font-size:1rem;
    padding-left:5px;
}
.main_time .time_cont .time_info:before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:2.857rem;
    height:2.857rem;
    background:url(../imgs/main/time_ico.png) no-repeat 0 0;
    background-size:100% auto;
}
.main_time .time_cont .time_info .txt1 {font-size:1.429rem;color:#222222;font-weight:500;line-height:1;}
.main_time .time_cont .time_info .txt1 + .txt1 {margin-top:5px;}
.main_time .time_cont .time_info .txt2 {margin-top:0.7857rem;font-size:1rem;color:#333;line-height:1;}
.main_time .time_cont .time_info .txt2 span {color:#9a7927}
.main_time .time_cont .txt3 {position:relative;margin-top:1.071rem;padding-left:0.9286rem;font-size:1.071rem;color:#666666;line-height:1.2}
.main_time .time_cont .txt3 ~ .txt3 {margin-top:0.4rem}
.main_time .time_cont .txt3:before {
    display:block;
    content:"";
    position:absolute;
    top:0.3571rem;
    left:0;
    width:0.4286rem;
    height:0.4286rem;
    background-color:#cab172;
}
.main_time .time_cont .time-btn-box {
    display:flex;
    position:relative;
    width:100%;
    flex-direction:row;
    align-items:center;
    margin-top:1.214rem;
}
.main_time .time_cont .time-btn-box  .time_btn {
    margin-top:0;
    width:calc(50% - 5px);
    margin-left:5px;
}
.main_time .time_cont .time_btn {
    display:block;
    position:relative;
    width:100%;
    margin-top:1.214rem;
    line-height:2.929rem;
    padding:1.571rem 0;
    border:1px solid #ddd;
    text-align:center;
} 
.main_time .time_cont .use_btn {
    display:block;
    position:relative;
    width:calc(50% - 5px);
    margin-left:5px;
    line-height:2.929rem;
    padding:1.571rem 0;
    border:1px solid #ddd;
    text-align:center;
} 
.main_time .time_cont .use_btn span,   
.main_time .time_cont .time_btn span {
    display:inline-block;
    position:relative;
    padding-left:1.857rem;
    font-size:1.4rem;
    color:#333;
}
.main_time .time_cont .use_btn span {padding-left:2.1rem;}
.main_time .time_cont .use_btn span::before {
    display:block;
    content:"";
    position:absolute;
    top:0.5143rem;
    left:0;
    width:2rem;
    height:2rem;
    background:url(../imgs/main/ico_building.svg) no-repeat 0 0;
    background-size:100% auto;
}
.main_time .time_cont .time_btn span:before {
    display:block;
    content:"";
    position:absolute;
    top:0.7143rem;
    left:0;
    width:1.071rem;
    height:1.571rem;
    background:url(../imgs/main/btn_ico.png) no-repeat 0 0;
    background-size:100% auto;
} 


/* 공지사항 */
.main_notice {min-height:18.07rem;background:url(../imgs/main/notice_bg.png?ver=1.1) no-repeat 110% 120%;background-size:14rem auto}
.main_notice .notice_body {margin-top:1.571rem;}
.main_notice .notice_body ul li {position:relative;padding-left:13px;margin-bottom:0.8rem;padding-right:4.143rem;line-height:1;font-size:1.071rem;color:#333;}
.main_notice .notice_body ul li:before {
    display:block;
    content:"";
    position:absolute;
    top:0.3571rem;
    left:0;
    width:0.3571rem;
    height:0.3571rem;
    background-color:#666;
}
.main_notice .notice_body ul li:last-child {margin-bottom:0}
.main_notice .notice_body ul li a {
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#333;
}
.main_notice .notice_body ul li .date {
    display:block;
    position:absolute;
    top:0;
    right:0;
    font-size:1rem;
    color:#666666;
}
.main_notice.min-height_0 {min-height:auto;}

/* 입양스토리 */
.main_story .story_body {margin-top:1.357rem}
.main_story .story_body .s_img {padding-top:0%;height:395px;}
.main_story .story_body .s_img .img img {top:0;left:50%;transform:translate(-50%,0);}
.main_story .story_body .s_img.s_img2 {padding-top:0%;height:362px;}
.member_body .tit,
.main_story .story_body .tit {
    display:block;
    margin-top:0.8rem;
    font-size:1.1rem;
    color:#333;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.main_story .story_body .txt {display:block;min-height:3.357rem;margin-top:0.3rem;font-size:1.126rem;color:#666;font-weight:400;}
@media screen and (max-width:1300px){
    .main_story .story_body .s_img {padding-top:0;height:306px}
    .main_story .story_body .s_img.s_img2 {padding-top:0%;height:339px;}
}
@media screen and (max-width:1279px){
    .main_story .story_body .s_img {padding-top:0;height:306px}
    .main_story .story_body .s_img.s_img2 {padding-top:0%;height:318px;}
}
@media screen and (max-width:1190px){
    .main_story .story_body .s_img {padding-top:0;height:283px}
    .main_story .story_body .s_img.s_img2 {padding-top:0%;height:308px;}
}
@media screen and (max-width:1184px){
    .main_story .story_body .s_img {padding-top:0;height:292px}
    .main_story .story_body .s_img.s_img2 {padding-top:0%;height:303px;}
}
@media screen and (max-width:1148px){
    .main_story .story_body .s_img {padding-top:80%;height:auto}
    .main_story .story_body .s_img.s_img2 {padding-top:94%;height:auto}
}
@media screen and (max-width:800px){
    .main_story .story_body .s_img {padding-top:100%;height:auto}
}


/* 체험 */
.main_exp {min-height:17.07rem}
.main_exp.h295 {min-height:21.07rem}
.main_exp .exp_body {margin-top:1.357rem;overflow:hidden;}
.main_exp .exp_body ul {margin:0 -4px}
.main_exp .exp_body ul li {float:left;padding:0 4px;width:33.33333333%}
.main_exp .exp_body ul li a {display:block;position:relative;width:100%;padding-top:100%;background-color:#bd9940;border-radius:100%;text-align:center;overflow:hidden;}
.main_exp .exp_body ul li a .txt {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:1.429rem;color:#fff;font-weight:500;line-height:1.1}
.main_exp .exp_slider {position:relative;width:100%}
.main_exp .exp_slider .slider {position:relative;}
.main_exp .exp_slider .slider .list img {position:relative;display:block;width:100%;max-width:100%;height:auto}
.main_exp .exp_slider .slick-next,
.main_exp .exp_slider .slick-prev {background-color:transparent;background-size:100% auto}
.main_exp .exp_slider .slick-next {right:0;width:1.786rem;height:3.286rem;background-image:url(../imgs/main/exp_next.png);}
.main_exp .exp_slider .slick-prev {left:0;width:1.786rem;height:3.286rem;background-image:url(../imgs/main/exp_prev.png);} 

/* 회원 */
.main_member {/*min-height:18.2rem*/}
.main_member.min-height_0 {min-height:auto;}
.main_member .member_body {position:relative;margin-top:1.357rem;overflow:hidden;}
.main_member .member_body ul.mem_banner {margin:0 -8px}
.main_member .member_body ul.mem_banner li {float:left;padding:0 8px;width:33.33333333%;text-align:center;}
.main_member .member_body ul.mem_banner li .img img {width:100%;height:auto}
.main_member .member_body ul.mem_banner li .img img.w96 {max-width:6.857rem}
.main_member .member_body ul.mem_banner li .txt {margin-top:0.7143rem;font-size:1.071rem;font-weight:500;line-height:1;color:#333333}
.main_member .member_body ul li {position:relative;padding-left:13px;margin-bottom:0.8rem;padding-right:4.143rem;line-height:1;font-size:1.071rem;color:#333;}
.main_member .member_body ul li:before {
    display:block;
    content:"";
    position:absolute;
    top:0.3571rem;
    left:0;
    width:0.3571rem;
    height:0.3571rem;
    background-color:#666;
}
.main_member .member_body ul li:last-child {margin-bottom:0}
.main_member .member_body ul li a {
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#333;
}
.main_member .member_body ul li .date {
    display:block;
    position:absolute;
    top:0;
    right:0;
    font-size:1rem;
    color:#666666;
}
.main_member .s_img {padding-top:60%;}
@media screen and (max-width:800px) {
    .member_body .tit, .main_story .story_body .tit {min-height:auto;} 
}