@charset "UTF-8";

.dog_tit {font-size:2.5rem;line-height:3.357rem;font-weight:500;text-align:center}
.dog_tit2 {color:#85681e;font-weight:500;font-size:2.143rem;}
@media screen and (max-width:960px){
    .dog_tit {font-size:2.1rem;line-height:3.1rem}
}

.dog_cont {margin-top:3rem}
.dog_cont .mt28 {margin-top:2rem}

/* 소개 */
.dog_history {position:relative;}
.dog_history .dog_history_cont {margin-top:3.571rem;}
.dog_history .dog_history_cont .d_img {}
.dog_history .dog_history_cont .d_img img {max-width:100%;height:auto}
.dog_history .dog_history_cont .d_cont {position:relative;font-size:1.214rem;margin-top:2rem}
@media screen and (max-width:1258px){
    .dog_history .dog_history_cont .d_cont .block {display:inline}
}

/* 삽살개는 왜 사라졌는가 */
.dog_cont_box {text-align:center;padding-top:3rem;padding-bottom:3rem}
.dog_lost_list {margin:-0.9286rem -5rem}
.dog_lost_list:after {display:block;content:"";clear: both;}
.dog_lost_list li {display:inline-block;vertical-align:top;padding:0.9286rem 5rem}
.dog_lost_list li .cont {margin-top:1.071rem}
.dog_lost_list li .cont p,
.dog_lost_list li .cont strong {display:block;font-size:1.071rem;line-height:1.643rem;color:#666666}
.dog_lost_list li .cont strong {font-weight:500;color:#333333}
@media screen and (max-width:1144px){ 
    .dog_lost .block {display: inline}
}
@media screen and (max-width:960px){ 
    .dog_restore .dog_tit br,
    .dog_lost .dog_tit br {display:none}
}

/* 연구 */
.rnd_box1 {position:relative;}
.rnd_box1 .right {margin-top:2rem}
.rnd_box1 .rnd_list {margin:-1.857rem}
.rnd_box1 .rnd_list:after {display:block;content:"";clear:both}
.rnd_box1 .rnd_list li {float:left;position:relative;vertical-align:top;padding:1.857rem;text-align:center;}
.rnd_box1 .rnd_list li img {max-width:100%}
.rnd_box1 .rnd_list li .txt {margin-top:0.7143rem;text-align:center;font-size:1rem;line-height:1.429rem;color:777}
.rnd_box1 .rnd_list li .txt strong {font-weight:500;color:#222}
.rnd_box1 .left {margin-top:2rem}
.rnd_box2 {position:relative;}
.rnd_box2 .left {text-align:center;}
.rnd_box2 .right {margin-top:3rem}
.rnd_box2 .right ul {position:relative;float:left;width:33.33333333%}
.rnd_box2 .right ul li {font-size:1.214rem;color:#333}
.rnd_box3 {margin-top:2.857rem}
.rnd_box3 .left {text-align:center;}
.rnd_box3 .right {margin-top:2rem}
@media screen and (max-width:500px){
}
@media screen and (max-width:720px){    
    .rnd_box2 .right ul {width:100%}
}


/* 특징 */
.dog_cont_box2 {background-color:#f1f1f1;padding:2rem;margin-bottom:3rem}
.dog_cont_box2 .left {float:left;position:relative;width:24.86rem}
.dog_cont_box2 .right {float:right;position:relative;width:calc(100% - 26.93rem);padding-top:2.571rem}
.dog_cont_box3 {margin-top:3rem;background-color:#f1f1f1;padding:2rem;}
.dog_cont_box3 .left {float:left;position:relative;width:24.86rem}
.dog_cont_box3 .right {float:right;position:relative;width:calc(100% - 26.93rem);}
.dog_fea_list {margin-top:3rem}
.dog_fea_list ul {margin:-3px}
.dog_fea_list ul li {float:left;width:50%;padding:3px}
.dog_fea_list ul li:nth-child(3) {clear:left;}
.dog_fea_list ul li .cont {min-height:34rem;padding:1rem;border:1px solid #ddd;text-align:center}
.dog_fea_list ul li .cont strong {display:block}
.dog_fea_list ul li .cont .img {margin-bottom:1.643rem}
.dog_cont_box4 {position:relative;}
.dog_cont_box4 .left {margin-top:2rem}
.dog_cont_box4 .right {margin-top:2rem}
@media screen and (max-width:960px){
    .dog_features .subtit25 {line-height:2rem}    
    .dog_cont_box2 {padding:1.5rem}
    .dog_cont_box3 .left,
    .dog_cont_box2 .left {width:20rem}   
    .dog_cont_box3 .right,
    .dog_cont_box2 .right {width:calc(100% - 22rem);padding-top:0}
    .dog_cont_box3 {padding:1.5rem}
}
@media screen and (max-width:600px){
    .dog_cont_box3 .left,
    .dog_cont_box2 .left {width:100%}
    .dog_cont_box3 .right,
    .dog_cont_box2 .right {width:100%;padding-top:0}    
    .dog_cont_box3 .right,
    .dog_cont_box2 .right {padding-top:3rem}
    .dog_fea_list ul li {width:100%}
}

.dog_fea_box {display:block;width:100%;}
.dog_fea_box .img {display:block;width:100%}
.dog_fea_box .cont {display:block;width:100%;margin-top:2.286rem;}
.subtit25.mobile {display:none;}
.subtit25.pc {margin-bottom:1rem}
@media screen and (max-width:1199px){
    .dog_fea_box .img {width:20rem}
    .dog_fea_box .cont {width:100%}
}
@media screen and (max-width:639px){
    .subtit25.mobile {display:block;}
    .subtit25.pc {display:none;}
    .dog_fea_box {display:block;}
    .dog_fea_box .img {display:block;width:100%;}
    .dog_fea_box .cont {display:block;width:100%;padding-left:0;margin-top:1rem}
}

.appearance {position:relative;}
.appearance-slider .slick-prev, 
.appearance-slider .slick-next {
    visibility:visible;
    z-index:10;
    top:40%;
    width:3.571rem;
    height:3.571rem;
    background-color:rgba(0,0,0,0.41);
    border-radius:50% !important;
}
.appearance-slider .slick-prev::before {
    content:"\f124";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    font-size:1.429rem;
    transform:translate(-50%, -50%);
    color:#fff;
    font-family: "Ionicons";
}
.appearance-slider .slick-next::before {
    content:"\f125";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    font-size:1.429rem;
    transform:translate(-50%, -50%);
    color:#Fff;
    font-family: "Ionicons";
}

.appearance-slider.rnd .slick-prev, 
.appearance-slider.rnd .slick-next {
    top:50%;
    transform:translateY(-50%);
}

.appearance-thumb-slider {
    position:relative;
    margin-top:10px;
    margin-left:-5px;
    margin-right:-5px;
}
.appearance-img-row {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.appearance-img-row .col {
    width:50%;
}
.appearance-img-row .col.fst {padding-right:5px;}
.appearance-img-row .col.last {padding-left:5px;}
.appearance-imgbox {
    position:relative;
    width:100%;
}
.appearance-imgbox img {width:100%;}
.appearance-imgbox__cont {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;    
    padding:1.071rem;
}
.appearance-imgbox__cont dl {
    position:relative;
    padding:1.071rem;
    background-color:rgba(0,0,0,0.41);
}
.appearance-imgbox__cont dt {
    font-size:1.429rem;
    font-weight:500;
    color:#fff;
}
.appearance-imgbox__cont dd {
    font-size:1.071rem;
    color:#fff;
}
.appearance-imgbox__text {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.4);
    text-align:center;
    font-size:1rem;
    color:#fff;
    text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.appearance-thumb-slider .slider-slide {padding:0 5px;}
.appearance-thumb-slider .slick-current .appearance-imgbox__text {background-color:transparent;}
.appearance-thumb-slider .slick-prev, 
.appearance-thumb-slider .slick-next {
    visibility:visible;
    z-index:10;
    width:3rem;
    height:3rem;
    background-color:rgba(0,0,0,0.41);
    border-radius:50% !important;
}
.appearance-thumb-slider .slick-prev::before {
    content:"\f124";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    font-size:1.429rem;
    transform:translate(-50%, -50%);
    color:#fff;
    font-family: "Ionicons";
}
.appearance-thumb-slider .slick-next::before {
    content:"\f125";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    font-size:1.429rem;
    transform:translate(-50%, -50%);
    color:#Fff;
    font-family: "Ionicons";
}
.dog-info {
    border-top:2px solid #ddd;
    border-bottom:2px solid #ddd;
    padding:5px 1.071rem 1.071rem;
}
.dog-info dl {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.dog-info dl dt {
    width:13%;
    font-size:1.214rem;
    color:#000;
    font-weight:400;
    margin-top:0.714rem;
}
.dog-info dl dd {
    width:37%;
    font-size:1.214rem;
    color:#666;
    margin-top:0.714rem;
}
.dog-info.rnd dl dt {
    width:100px;
}
.dog-info.rnd dl dd {
    width:calc(100% - 100px);
}


@media screen and (max-width:720px) {
    .appearance-img-row {
        flex-direction:column;
        width:100%;
    }
    .appearance-img-row .col {
        width:100%;
    }
    .appearance-img-row .col.fst {
        padding-right:0;
        padding-bottom:5px;
    }
    .appearance-img-row .col.last {
        padding-left:0;
        padding-top:5px;
    }    
    .dog-info dl dt {width:70px;}
    .dog-info dl dd {width:calc(100% - 70px);}
}
@media screen and (max-width:640px) {
    .appearance-imgbox__cont { 
        position:relative;
        top:auto;
        left:auto;
        padding:0;
    }
    .appearance-imgbox__cont dl {
        background-color:rgba(0,0,0,1);
    }
}

.nature {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
.nature__item {
    width:50%;
    margin-bottom:2.857rem;
}
.nature__item  .sub_txt16 {line-height:1.3;}
.nature__image {margin-bottom:1rem;}
.nature__item img {width:100%;}
.nature__item.fst {padding-right:10px;}
.nature__item.last {padding-left:10px;}
@media screen and (max-width:450px) {
    .nature {flex-direction:column;}
    .nature__item {width:100%;}
    .nature__item.fst {padding-right:0;}
    .nature__item.last {padding-left:0;}
}