@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-time{display:flex;border-radius:40px;overflow:hidden;}
.doc-time .info{width:580px;padding:50px 100px;background:url('../images/sub/main-time-bg.jpg')no-repeat 50% 50%/cover;color:#fff;}
.doc-time .info .row{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid rgba(255,255,255,.4);}
.doc-time .info .row:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.doc-time .info .row .eng{margin-bottom:10px;font-size:12px;letter-spacing:.120em;line-height:1.2em;opacity:.6;}
.doc-time .info .row .tit{margin-bottom:30px;font-size:26px;line-height:1.31em;letter-spacing:-.04em;font-weight:700;}
.doc-time .info .row .time-wrap dl{display:flex;align-items:center;margin-bottom:10px;letter-spacing:0;}
.doc-time .info .row .time-wrap dl:last-child{margin-bottom:0;}
.doc-time .info .row .time-wrap dl dt{width:85px;font-size:18px;font-weight:600;}
.doc-time .info .row .time-wrap dl dd{min-width:0;width:1%;flex:1 1 auto;font-size:26px;font-weight:700;line-height:1.2em;}
.doc-time .info .row .notice{display:flex;margin-top:10px;line-height:1.38em;}
.doc-time .info .row .notice .star{margin-right:5px;}
.doc-time .info .row .notice p{min-width:0;width:1%;flex:1 1 auto;}
.doc-time .img{min-width:0;width:1%;flex:1 1 auto;background:url('../images/sub/main-time-img.jpg')no-repeat 50% 50%/cover;}

.doc-time.cat .info{padding:95px 100px;background:url('../images/sub/cat-time-bg.jpg');}
.doc-time.cat .info .row{margin-bottom:35px;padding-bottom:35px;}
.doc-time.cat .info .row:last-child{padding-bottom:0;margin-bottom:0;}
.doc-time.cat .info .row .tit{margin-bottom:20px;}
.doc-time.cat .info .row .time-wrap dl dt.type2{width:50px;}
.doc-time.cat .img{background-image:url('../images/sub/cat-time-img.jpg');}

.rv{display:flex;margin:0 -20px;}
.rv .wrap{width:50%;padding:0 20px;}
.rv .wrap .box{position:relative;overflow:hidden;border-radius:20px;height:100%;}
.rv .wrap .box:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #96c243;border-radius:20px;}
.rv .wrap .box.type2:after{border-color: #298db7;}
.rv .wrap .box .tit{display:flex;justify-content:center;align-items:center;height:60px;text-align:center;background-color:#96c243;color:#fff;}
.rv .wrap .box.type2 .tit{background-color: #298db7;}
.rv .wrap .box .cnt{padding:40px 20px 40px 40px;}
.rv .wrap .box .cnt .ic{margin-bottom:35px;text-align:center;}
.rv .wrap .box .cnt ul li{position:relative;padding-left:25px;margin-bottom:10px;font-size:17px;font-weight:500;line-height:1.4em;}
.rv .wrap .box .cnt ul li:last-child{margin-bottom:0;}
.rv .wrap .box .cnt ul li:before{content:'';position: absolute;left:0;top:3px;width:17px;height:14px;background:url('../images/sub/ic-chk1.png')no-repeat 0 50%/contain;}
.rv .wrap .box .cnt ul li .red{color: #ef0000;}
.rv .wrap .box.type2 .cnt ul li:before{background-image:url('../images/sub/ic-chk2.png');}

.staff-menu{margin-bottom:60px;}
.staff-menu ul{display:flex;justify-content:center;margin:0 -10px;}
.staff-menu ul li{max-width:200px;width:100%;padding:0 10px;}
.staff-menu ul li a{display:flex;justify-content:center;align-items:center;height:50px;border-radius:25px;font-size:18px;font-weight:600;letter-spacing:0;color:#298db7;border:1px solid #298db7;transition:.3s;text-align:center;}
.staff-menu ul li.active a{background-color:#298db7;color:#fff;}

.staff-con .content{padding:100px 0;}
.staff-con .content:first-child{padding-top:0;}
.staff-con .content:nth-child(even){background-color: #f8f8f8;}
.staff-con .content .contain{display:flex;}
.staff-con .content .img{width:500px;margin-right:100px;}
.staff-con .content .img .pic {position:relative; height:0; padding-bottom:120%; overflow:hidden;}
.staff-con .content .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.staff-con .content .info{min-width:0;width:1%;flex:1 1 auto;}
.staff-con .content .info .name-wrap{position:relative;padding-bottom:15px;margin-bottom:25px;font-size:30px;line-height:1.4em;font-weight:600;}
.staff-con .content .info .name-wrap:after{content:'';position: absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd;}
.staff-con .content .info .name-wrap:before{content:'';position: absolute;left:0;bottom:0;width:360px;height:1px;background:linear-gradient(to right, #97c340, #258aba);z-index:1;}
.staff-con .content .info .name-wrap .position{margin-right:10px;}
.staff-con .content .info .row-wrap .row{margin-bottom:30px;}
.staff-con .content .info .row-wrap .row:last-child{margin-bottom:0;}
.staff-con .content .info .row-wrap .row .tit{margin-bottom:15px;font-size:20px;line-height:1.3em;color: #242424;font-weight:600;}
.staff-con .content .info .row-wrap .row ul li{margin-bottom:7px;line-height:1.3em;}
.staff-con .content .info .row-wrap .row ul li:last-child{margin-bottom:0;}

.eq-table table{width:100%;border-spacing:0;border-top:2px solid #242424;}
.eq-table table th{height:60px;color:#242424;text-align:center;font-weight:500;background-color:#f8f8f8;border-bottom:1px solid #ddd;}
.eq-table table td{padding:30px;border-bottom:1px solid #ddd;}
.eq-table table td.info{padding-left:70px;padding-right:40px;}
.eq-table table td.info .tit{font-size:20px;line-height:1.5em;font-weight:500;color:#242424;}
.eq-table table td.info ul{margin-top:15px;}
.eq-table table td.info ul li{position:relative;padding-left:10px;line-height:1.875em;}
.eq-table table td.info ul li:before{content:'';position: absolute;left:0;top:12px;width:5px;height:2px;background-color:#838383;}

.tour-sld .origin{margin-bottom:50px;}
.tour-sld .origin .img{position:relative;}
.tour-sld .origin .img .tit{position: absolute;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);padding:15px;font-size:20px;font-weight:700;line-height:1.4em;letter-spacing:-.04em;color:#fff;text-align:center;}
.tour-sld .thumb{position:relative;padding:0 38px;}
.tour-sld .thumb .slick-list{margin:0 -3px;}
.tour-sld .thumb .item{padding:0 3px;}
.tour-sld .thumb .item .img{position:relative;cursor:pointer;}
.tour-sld .thumb .item .img:after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;border:2px solid #298db7;transition:.3s;opacity:0;}
.tour-sld .thumb .item.slick-current .img:after{opacity:1;}
.tour-sld .thumb .slick-arrow{display:block;position: absolute;top:50%;transform:translateY(-50%);width:15px;height:25px;font-size:0;border:none;background-color:transparent;background-repeat:no-repeat;background-size:contain;}
.tour-sld .thumb .slick-prev{left:-38px;background-image:url('../images/sub/tour-prev.png');background-position:0 50%;}
.tour-sld .thumb .slick-next{right:-38px;background-image:url('../images/sub/tour-next.png');background-position:100% 50%;}
.tour-sld .thumb .slick-prev:hover{background-image:url('../images/sub/tour-prev-on.png');}
.tour-sld .thumb .slick-next:hover{background-image:url('../images/sub/tour-next-on.png');}

.doc-center .img{margin-bottom:55px;}
.doc-center .tt-wrap{position:relative;}
.doc-center .tt-wrap .tit{margin-bottom:15px;font-size:34px;line-height:1.4em;font-weight:700;}
.doc-center .tt-wrap .tt{font-size:18px;line-height:1.78em;}
.doc-center .tt-wrap .center-btn{display:flex;justify-content:center;align-items:center;position: absolute;right:0;top:0;width:200px;height:50px;border-radius:10px;background:linear-gradient(to right, #97c340, #258aba);}
.doc-center .tt-wrap .center-btn span{position:relative;padding-right:47px;font-size:16px;font-weight:600;color: #fff;letter-spacing:0;}
.doc-center .tt-wrap .center-btn span:after{content:'';position: absolute;right:0;bottom:9px;width:35px;height:7px;background:url('../images/sub/link-arr.png')no-repeat 100% 50%/contain;}

.doc-loc .maps{margin-bottom:50px;}
.doc-loc .maps .root_daum_roughmap {width:100% !important; height:400px !important;}
.doc-loc .maps .root_daum_roughmap .wrap_map {height:400px !important;}
.doc-loc .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.doc-loc .maps .roughmap_lebel_text:after {content:"부천24시 해든동물메디컬센터"; font-size:12px; line-height:15px;}
.doc-loc .info .row{display:flex;align-items:center;margin-bottom:45px;padding-bottom:45px;border-bottom:1px solid #ddd;}
.doc-loc .info .row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.doc-loc .info .row .ic{display:flex;justify-content:center;align-items:center;width:75px;height:75px;margin-right:20px;border-radius:50%;}
.doc-loc .info .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;letter-spacing:-.04em;}
.doc-loc .info .row .tt-wrap .tit{margin-bottom:8px;font-size:18px;line-height:1.2em;font-weight:700;}
.doc-loc .info .row .tt-wrap .tt{line-height:1.63em;}

.doc-loc.parking .flex-wrap{display:flex;}
.doc-loc.parking .flex-wrap .img-con{margin-right:70px;text-align:center;}
.doc-loc.parking .flex-wrap .img-con p{margin-top:15px;letter-spacing:-.04em;line-height:1.4em;}
.doc-loc.parking .info{min-width:0;width:1%;flex:1 1 auto;}
.doc-loc.parking .info .row .tt-wrap .tt{font-size:18px;}

.req .img{margin-bottom:50px;}
.req .tt-wrap .tit{margin-bottom:15px;font-size:24px;font-weight:600;line-height:1.4em;color:#242424;}
.req .tt-wrap .wrap p{margin-bottom:30px;font-size:17px;line-height:1.76em;}
.req .tt-wrap .wrap p:last-child{margin-bottom:0;}

.req-way .top-con{padding-bottom:100px;margin-bottom:100px;border-bottom:1px solid #ddd;}
.req-way .title{margin-bottom:50px;font-size:30px;line-height:1.4em;text-align:center;color:#242424;font-weight:400;}
.req-way .top-con .way-list{max-width:815px;margin:0 auto;}
.req-way .top-con .way-list ul{display:flex;justify-content:center;margin:0 -15px;}
.req-way .top-con .way-list ul li{width:33.3333%;padding:0 15px;text-align:center;}
.req-way .top-con .way-list ul li .circle{display:flex;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 15px;border-radius:50%;}
.req-way .top-con .way-list ul li .tit{margin-bottom:0;}
.req-way .top-con .way-list ul li .tt{font-size:18px;line-height:1.5em;font-weight:600;}

.req-way .btm-con .step-list ul{display:flex;margin:0 -20px;}
.req-way .btm-con .step-list ul li{position:relative;width:20%;padding:0 20px;text-align:center;}
.req-way .btm-con .step-list ul li:after{content:'';position: absolute;right:-9px;top:24%;width:17px;height:28px;background:url('../images/sub/req-arr.png')no-repeat 50% 50%/contain;}
.req-way .btm-con .step-list ul li:last-child:after{display:none;}
.req-way .btm-con .step-list ul li .circle{display:flex;justify-content:center;align-items:center;width:150px;height:150px;border-radius:50%;border:7px solid #96c243;margin:0 auto 20px;}
.req-way .btm-con .step-list ul li:nth-child(even) .circle{border-color:#298db7;}
.req-way .btm-con .step-list ul li .step{font-size:15px;color:#96c243;}
.req-way .btm-con .step-list ul li:nth-child(even) .step{color:#298db7;}
.req-way .btm-con .step-list ul li .tit{font-size:20px;font-weight:600;color:#242424;line-height:1.5em;}
.req-way .btm-con .step-list ul li .tit span{font-size:15px;color:#828282;font-weight:400;line-height:1.3em;}