@charset "UTF-8";

.adopt_bg1 {background:url(../imgs/adopt/adopt_bg1.jpg) no-repeat 100% 0;background-size:auto}
@media screen and (max-width:1900px){
    .adopt_bg1 {background-size:auto 26vw}
}

.adopt_care_qa {margin-top:3.429rem}
.adopt_care_qa .subtit25 {margin-bottom:1.143rem}
.adopt_care_qa dl {margin-bottom:1.286rem}
.adopt_care_qa dl:last-child {margin-bottom:0}
.adopt_care_qa dl dt {display:block;position:relative;padding:0.4286rem 0.8571rem;background-color:#85681e;font-size:1.286rem;line-height:1.429rem;font-weight:500;color:#fff}
.adopt_care_qa dl dt span {display:block;position:relative;padding-left:1.786rem}
.adopt_care_qa dl dt span:before {
    display:block;
    content:"Q";
    position:absolute;
    top:0;
    left:0;
    font-size:1.286rem;
    line-height:1.429rem;
    color:#fff;
    font-weight:500;
    font-family:"Montserrat","Nanum Gothic",sans-serif;
}
.adopt_care_qa dl dd {padding:0.5714rem 0.8571rem}
.adopt_care_qa dl dd .in_box {display:block;position:relative;padding-left:1.786rem}
.adopt_care_qa dl dd .in_box:before {
    display:block;
    content:"A";
    position:absolute;
    top:0;
    left:0;
    font-size:1.286rem;
    line-height:1.929rem;
    color:#85681e;
    font-weight:500;
    font-family:"Montserrat","Nanum Gothic",sans-serif;
}
@media screen and (max-width:1158px){
    .adopt_care .block {display:inline;}
}


/* 입양절차 */
.adopt_rnd_list {margin-top:3rem}
.adopt_rnd_list ul {padding-top:0;margin:-2rem}
.adopt_rnd_list ul li {float:left;position:relative;text-align:center;width:25%;padding:2rem}
.adopt_rnd_list ul li:after {
    content:"";
    display:block;
    position:absolute;
    top:8rem;
    right:-1%;
    width:1.857rem;
    height:1.786rem;
    background:url(../imgs/adopt/arr.png) no-repeat 0 0;
    background-size:100% auto;
    transform:translateX(50%)
}
.adopt_rnd_list ul li:last-child:after {display:none}
.adopt_rnd_list ul li img {width:100%;max-width:13.57rem;height:auto;}
.adopt_rnd_list ul li .txt {margin-top:0.8571rem;font-size:1.143rem;line-height:1.857rem;color:#333;}

.adopt_reg_list.pdt60 {padding-top:3rem}
.adopt_reg_list {padding-top:6.357rem;margin:-3.5px}
.adopt_reg_list .list {float:left;position:relative;width:50%;padding:3.5px}
.adopt_reg_list .list .list_cont {position:relative;padding:1.5rem;border:1px solid #ddd}
.adopt_reg_list .list .list_cont .tit {position:relative;font-size:1.429rem;color:#55869e;font-weight:500;background-repeat:no-repeat;background-position:0 0}
.adopt_reg_list .list .list_cont .tit.ico1 {line-height:2.215rem;padding-left:2.571rem;background-image:url(../imgs/adopt/adopt_ico1.png);background-size:2.143rem 2.214rem;}
.adopt_reg_list .list .list_cont .tit.ico2 {line-height:1.858rem;padding-left:2.429rem;background-image:url(../imgs/adopt/adopt_ico2.png);background-size:2rem 1.857rem;}
.adopt_reg_list .list .list_cont.bg1 {background:url(../imgs/adopt/list_bg1.png) no-repeat 95% 95%;background-size:4rem auto}
.adopt_reg_list .list .list_cont .txt {margin-top:1.429rem;font-size:1.143rem;color:#333}
.adopt_reg_list .list .list_cont .ul_type1 {margin-top:1.429rem}
.adopt_reg_list .list .list_cont .btn_box {text-align:center;}
.adopt_reg_list .list .list_cont .btn_box a {
    display: inline-block;
    position: relative;
    width:100%;
    line-height: 3.5rem;
    border-radius: 50px;
    font-size: 1.429rem;
    font-weight: 500;
    color: #fff;
    background-color: #55869e;
}

.adopt_reg_list .list .list_cont .btn_box a.btn2 {background-color:#cab172;margin-top:1rem}
.adopt_reg_list .list.w40 {width:40%}
.adopt_reg_list .list.w60 {width:60%}

.adopt_reg_list2.pdt60 {padding-top:3rem}
.adopt_reg_list2 {margin:-5px;overflow:hidden;}
.adopt_reg_list2 .list {float:left;position:relative;width:50%;padding:5px}
.adopt_reg_list2 .list .list_cont {position:relative;padding:1.5rem;border:1px solid #ddd}
.adopt_reg_list2 .list .list_cont .tit {position:relative;font-size:1.429rem;color:#55869e;font-weight:500;background-repeat:no-repeat;background-position:0 0}
.adopt_reg_list2 .list .list_cont .tit.ico1 {line-height:2.215rem;padding-left:2.571rem;background-image:url(../imgs/adopt/adopt_ico1.png);background-size:2.143rem 2.214rem;}
.adopt_reg_list2 .list .list_cont .tit.ico2 {line-height:1.858rem;padding-left:2.429rem;background-image:url(../imgs/adopt/adopt_ico2.png);background-size:2rem 1.857rem;}
.adopt_reg_list2 .list .list_cont.bg1 {background:url(../imgs/adopt/list_bg1.png) no-repeat 95% 95%;background-size:4rem auto}
.adopt_reg_list2 .list .list_cont .txt {margin-top:1.429rem;font-size:1.143rem;color:#333}
.adopt_reg_list2 .list .list_cont .ul_type1 {margin-top:1.429rem}
.adopt_reg_list2 .list .list_cont .btn_box {text-align:center;}
.adopt_reg_list2 .list .list_cont .btn_box a {
    display: inline-block;
    position: relative;
    width:100%;
    line-height: 3.5rem;
    border-radius: 50px;
    font-size: 1.429rem;
    font-weight: 500;
    color: #fff;
    background-color: #55869e;
}

.adopt_reg_list2 .list .list_cont .btn_box a.btn2 {background-color:#cab172;margin-top:1rem}
.adopt_reg_list2 .list.w40 {width:40%}
.adopt_reg_list2 .list.w60 {width:60%}

@media screen and (max-width:1024px){
    .adopt_rnd_list ul li {width:25%}
    .adopt_rnd_list ul li br {display:none}
}
@media screen and (max-width:960px){
    .adopt_reg_list {padding-top:4.5rem}
}
@media screen and (max-width:800px){
    .adopt_reg_list2 {margin:-0.8rem -5px}
    .adopt_reg_list2 .list {width:100%;padding:0.8rem 5px;}
    .adopt_reg_list2 .list.w40 {width:100%}
    .adopt_reg_list2 .list.w60 {width:100%}
}

@media screen and (max-width:720px){
    .adopt_reg_list .list {width:100%}
    .adopt_reg_list .list .list_cont {height:auto !important;min-height:auto;}
}
@media screen and (max-width:648px){
    .adopt_rnd_care .sub_txt18_3 .block {display: inline;}
    .adopt_rnd_list ul li {width:50%}
    .adopt_rnd_list ul li:nth-child(2):after {right:15%}
    .adopt_rnd_list ul li:nth-child(3) {clear:left;}
}

@media screen and (max-width:405px){
    .adopt_reg_list .list .list_cont .btn_box a.btn_block {display:block;margin-bottom:0.8rem}
    .adopt_reg_list .list .list_cont .btn_box a.ml_20 {margin-left:0 !important}
}

.adopt_guide {min-height:470px}
.adopt_guide .img {position:absolute;top:0;left:0;width:20.43rem}
.adopt_guide .cont {position:relative;padding-left:23.36rem;padding-top:2.714rem}
.adopt_guide .cont .guide_btn {display:inline-block;width:19.14rem;line-height:3.929rem;background-color:#55869e;text-align:center;border-radius:50px;vertical-align:middle;font-size:1.286rem;color:#fff}

@media screen and (max-width:600px){   
    .adopt_guide .cont {padding-left:0;padding-top:0}
    .adopt_guide .img {position:relative;margin:1rem 0;}
}

.program {position:relative;}
.program .program-info {position:relative;overflow:hidden;margin:3.5px}
.program .program-info .img {position:relative;float:left;width:40%;padding:3.5px}
.program .program-info .img img {max-width:100%;height:auto;}
.program .program-info .cont {position:relative;float:left;width:60%;padding:3.5px}
.program .program-info .img-box {
    float:left;
    position:relative;
    width:50%;
    padding:3.5px;
}
.program .program-info .img-box img {width:100%;}

.program .program-etc {margin-top:2rem}
.program .program-btn-box {margin-top:1.5rem}
.program .program-btn-box .link {
    display: inline-block;
    position: relative;
    padding:1rem 3rem;
    border-radius:10px;
    font-size: 1.3rem;
    line-height:1.2;
    font-weight: 500;
    color: #fff;
}
.program .program-btn-box .link.bg1 {background-color:#55869e}
.program .program-btn-box .link.bg2 {background-color:#cab172;}
.program .tbl_type1.he53 td {height:3.786rem}
.program .tbl_type1.he94 td {height:4.7rem}
@media screen and (max-width:800px){
    .program .program-info {margin:-0.8rem -5px}
    .program .program-info .img {width:100%;padding:0.8rem 5px;}
    .program .program-info .cont {width:100%;padding:0.8rem 5px}
}
@media screen and (max-width:530px){
    .program .program-info .img img {width:100%}
    .program .program-info .cont {overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling: touch;}
    .program .program-info .cont table {min-width:530px}
    .program .program-info .img-box {width:100%;}
}