@charset "utf-8";



/*맞춤형 서비스 - 검색*/
.c_sub_contents{padding:0 !important;  max-width: 100% !important;}
.custom_subarea{width:100% !important; padding:0 !important;}
.custom_subarea .content_area{padding-top:0 !important;}
.custom_inner{width:1400px; margin:0 auto;}
.custom_service_wrap{box-sizing:border-box;padding: 130px 0 0 0;position:relative;}
.custom_service_wrap:after{width: 100%; height: 369px; display: block; content: ""; left: 50%; transform: translateX(-50%);
top: 0px; background: url(/images/domain/junggu/sub/custom_service_back.jpg) no-repeat; position: absolute; z-index: -1; background-size: cover;}

.custom_bonmun{border-radius:0px 0px 25px 25px;box-sizing: border-box;padding: 35px 0;background-color: rgba(211, 211, 211, 0.6);}
.custom_bonmun .step{font-size:0;box-sizing:border-box;padding: 0px 20px 0px;}
.custom_exp{background:#fff;border-radius:25px 25px 0px 0px;box-sizing:border-box;font-size:0;padding: 15px 20px;}
.custom_exp > div{display:inline-block;font-size: 22px;vertical-align: middle;}
.custom_exp > ul{display:inline-block;font-size: 22px;vertical-align: middle;}
.custom_exp > div{color:#f62b25; font-weight:600; width:210px;}
.custom_exp > div img{margin-right:5px;}
.custom_exp > ul{font-size:0; width:calc(100% - 210px);}
.custom_exp > ul li{display:inline-block; font-size:20px; font-weight:500; margin-right:20px; position:relative;}
.custom_exp > ul li > span{color:#f62b25; font-weight:600;}
.custom_exp > ul li:after{ display: block; background-color: #474747; width: 1px; height: 15px; content: ""; position: absolute; top: 9px; right: -11px; transform: rotate(20deg);}
.custom_exp > ul li:last-child{margin-right:0px;}
.custom_exp > ul li:last-child:after{display:none;}

.custom_bonmun .step > p,.custom_detail{display:inline-block; vertical-align: middle; position:relative;}
.custom_bonmun .step > p{font-size:20px;width:120px;vertical-align: middle;display: inline-block;} 
.custom_bonmun .step > p > span{color:#fff; background:#f82952; display:inline-block; padding:4px 5px; width:80px; border-radius:20px; text-align:center; }

.customSlide .slide a{display:inline-block;font-size:18px;box-sizing: border-box;padding: 25px 0px 20px;background: #fff;border-radius: 15px;text-align: center;
width:100%;position:relative;box-shadow: 0px 0px 8px 5px rgb(198 198 198 / 75%); border:3px solid #fff;}

.customSlide .slide.on a {border:3px solid #f82952;}/*마우스 on 붙을 때*/
.customSlide .slide.on a .life_ctxt{color:#f82952;}/*마우스 on 붙을 때*/
.customSlide .slide.on a .life_c_ovgray{display:none !important;}/*마우스 on 붙을 때*/
.customSlide .slide.on a .life_c_ovred{display:inline-block !important;}/*마우스 on 붙을 때*/

.customSlide .slide a:hover{border:3px solid #f82952;}/*마우스 오버 효과*/
.customSlide .slide a:focus{outline: 3px solid #f82952 !important;}/*마우스 포커스 효과*/
.customSlide .slide a:hover > img{transform:rotateY(180deg);}/*마우스 오버 효과*/

.customSlide .slide a > img{height: 53px; transition: 0.5s; display: inline-block;}
.customSlide .slide:last-child{margin-right:0px;}
.customSlide .slide .life_c_ov{position:absolute; right:-10px; top:-10px;}
.customSlide .slide .life_c_ov .life_c_ovred{display:none;}
.customSlide .slide .life_ctxt{display:block; padding-top:8px; font-weight:600;}

.custom{position: relative;width: calc(100% - 120px);display: inline-block;vertical-align: middle;}
.customSlide{width: 100%; max-width: 1380px; margin: 0 auto;}
.customSlide .slick-list{width: calc(100% - 1px);}
.customSlide .slide{position: relative; padding: 10px 10px 10px; text-align: center;}
/*화살표*/
.custom_prev1{left: 0; background-image: url(/images/domain/junggu/sub/custom_s_before.png); z-index:5;}
.custom_next1{right: 0; background-image:  url(/images/domain/junggu/sub/custom_s_next.png); z-index:5;}
.custom_prev1, .custom_next1{position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 36px;
background-repeat: no-repeat; background-size: contain; background-color: transparent; text-indent: -9999px; border: 0;}
.custom_prev2{left: 0; background-image: url(/images/domain/junggu/sub/custom_s_before.png); z-index:5;}
.custom_next2{right: 0; background-image:  url(/images/domain/junggu/sub/custom_s_next.png); z-index:5;}
.custom_prev2, .custom_next2{position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 36px;
background-repeat: no-repeat; background-size: contain; background-color: transparent; text-indent: -9999px; border: 0;}

.custom_btn{width: 250px; display: inline-block; height: 70px; color:#fff; font-size:20px; margin-top: 18px; font-weight:500; font-family:'PretendardGOV',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif;
border-radius: 10px; background: #f82952; position: relative; left: 50%; transform: translateX(-50%);}
.custom_btn img{margin-left:5px;}
.custom_btn:hover{background:#bb1335;}

/*step 체크*/
.customSlide .slide  .customcheck{position:absolute;  font-size: 0; bottom: 0; right: 2px;}
.customSlide .slide  .customcheck .andoem{display: inline-block;}
.customSlide .slide  .customcheck .doem{display:none;}
.customSlide .slide.on  .customcheck .doem{display:inline-block;}
.customSlide .slide.on  .customcheck .andoem{display:none;}


/*맞춤형 서비스 - 리스트*/
.custom_listWrap{width:100%; margin:40px 0 10px;}
.custom_field{width: 100%; margin-top: 25px; margin-bottom: 10px; font-size: 17px; letter-spacing: -0.5px; font-weight: 300;}
.custom_field .bold{font-weight:500; color:#f82952;}
.custom_list{position:relative; width:100%;}
.custom_list > li{box-sizing:border-box;border:1px solid #ccc;width:100%;margin-bottom:30px;font-size:0;padding: 35px 20px;}
.custom_list > li:hover{box-shadow: 0px 0px 8px 5px rgb(223 223 223 / 75%);}
.custom_list > li:last-child{margin-bottom:0px; font-size:0px;}
.custom_list > li .custom_lstep,.custom_ldeatil{display:inline-block; vertical-align: middle;}
.custom_list > li .custom_lstep{font-size:0;width: 380px;box-sizing: border-box; position:relative;}
.custom_list > li .custom_lstep li{display:inline-block;margin-right: 13px;vertical-align: top;margin-bottom:15px;width: calc(100% / 2 - 8px);text-align: center;}
.custom_list > li .custom_lstep li:last-child{margin-right:0px;}
.custom_list > li .custom_lstep li span{display:block; margin-bottom:0px;}
.custom_list > li .custom_lstep li .list_step_t{color: #e0042f;font-weight:500;font-size:18px;margin-bottom:5px;text-align: center;}
.custom_list > li .custom_lstep li .list_step_n{border-radius:20px;background: #ffeaee;box-sizing:border-box;padding:6px 13px;font-size:16px;text-align:center; font-weight:400;}
.custom_list > li .custom_ldeatil{width: calc(100% - 380px);font-size:0px;position:relative;padding-left: 50px;box-sizing: border-box;}
.custom_list > li .custom_lstep:after{position:absolute;display:inline-block;content:"";border-right:1px dashed #000;width:1px;height:100%;right:-23px;top:0;}

.custom_list > li .custom_ldeatil > div{display:inline-block;font-size:17px;vertical-align: middle;width: calc(100% - 131px); position:relative;}
.custom_list > li .custom_ldeatil > div .custom_post{font-size:20px;font-weight: 600;color: #010072;margin-bottom: 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom_list > li .custom_ldeatil > div .custom_naeyong{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.custom_list > li .custom_ldeatil .custom_link{display: inline-block;vertical-align: middle;font-size: 16px;padding: 5px 37px 5px 15px;border: 1px solid #aaa;
border-radius: 5px;background:url(/images/domain/junggu/sub/custom_s_newpage.png) no-repeat;background-position: right 10px center;transition: all 0.3s ease;font-family:'PretendardGOV', sans-serif;color:#000;font-weight:500;}
.custom_list > li .custom_ldeatil .custom_link:hover{border:1px #fc7f7f solid; background-color:#fff4f4; margin-right:10px;}


/*맞춤형 서비스 페이징*/
.pagination_wrap{margin-top: 30px; text-align: center;}
.pagination li{display: inline-block;}
.pagination li .page_link{display: inline-block; width: 30px; line-height: 30px; font-size: 15px; border-radius: 50%;}
.pagination li .page_link:hover{ background-color: #fff0f5; color: #000000;}
.pagination li .active{background-color: #e9004c; color: #fff;}
.pagination li .page_link.first,
.pagination li .page_link.prev,
.pagination li .page_link.next,
.pagination li .page_link.last{text-indent: -9999px; background-repeat: no-repeat; background-position: center;}
.pagination li .page_link.first{background-image: url(/images/domain/junggu/sub/pg_start.png);}
.pagination li .page_link.prev{background-image: url(/images/domain/junggu/sub/pg_prev.png);}
.pagination li .page_link.next{background-image: url(/images/domain/junggu/sub/pg_next.png);}
.pagination li .page_link.last{background-image: url(/images/domain/junggu/sub/pg_end.png);}



/*중구map*/
.j_maps{position: relative; margin-top: 30px;}
.jugguMap_wrap h2{font-size: 25px;font-weight: 600;padding: 0px 0px 0px 44px;position: relative;background: url(/images/domain/junggu/sub/map_h2con.png) 0 1px no-repeat;word-break: keep-all;}
.mapsSlide{width: 100%; max-width: 1380px; margin: 0 auto;}
.mapsSlide .slick-list{width: calc(100% - 1px);}
.mapsSlide .slide{position: relative;text-align: center;background: #fff;margin:0 8px;border-radius:20px; border:2px solid #ff3157;}
.mapsSlide .slide:hover{background:#e9004c; border:2px solid #e9004c;}
.mapsSlide .slide:hover a span{color:#fff;} 
.tapbtn .slide.on{background: #e9004c; border:2px solid #e9004c;}
.tapbtn .slide.on a span{color:#fff;}
.mapsSlide .slide a {display:inline-block;width:100%;height: 100%;padding: 10px 10px;box-sizing: border-box;}
.mapsSlide .slide a .image img{margin: 0 auto;}
.mapsSlide .slide a .txt{margin-top: 20px; font-size: 20px; color: #000; font-weight: 500; line-height: 1.4em;}
.mapsSlide .slide a:focus{outline: 2px solid #e9004c !important; border-radius:40px;}
/*화살표*/
.j_maps .prev, .j_maps .next{position: absolute; top: 50%; transform: translateY(-50%); width: 11px; height: 20px; background-repeat: no-repeat; background-size: contain; background-color: transparent; text-indent: -9999px; border: 0;}
.j_maps .prev{left: 0; background-image: url(/images/domain/junggu/sub/custom_s_before.png);}
.j_maps .next{right: 0; background-image: url(/images/domain/junggu/sub/custom_s_next.png);}
.jugguMap_wrap{box-sizing:border-box;padding:50px 0 0 0;position:relative;}
.jugguMap_wrap:after{width: 100%; height: 470px; display: block; content: ""; left: 50%; transform: translateX(-50%);
top: 0px; background: url(/images/domain/junggu/sub/junggu_map_back.jpg) no-repeat; position: absolute; z-index: -1; background-size: cover;}

/*maps- 하단*/
.tap_detail{margin-top: 26px;box-sizing:border-box;}
.hidden-area {display:none; font-size:0}
.hidden-area.on {display:flex;} 
.maps_box{display:inline-block;width:calc(100% - 430px);margin-right:30px;height: 693px;background:#ccc;vertical-align: middle;border-radius:20px;overflow:hidden;}
.maps_box .maps{width:100%;}
.maps_right{display:inline-block;width:400px;background:#fff;border: 1px solid #f56e89;vertical-align: middle;border-radius: 0 0 20px 20px; overflow: hidden; height:695px;}
.maps_right .maps_tit{font-size: 20px;font-weight:500;box-sizing:border-box;padding: 10px 13px;color:#fff;background: linear-gradient(135deg, #ff3157, #ff5353);}
.maps_right .maps_list{width:100%;overflow: scroll;height: 555px;box-sizing: border-box;padding: 0px 0px 0px 8px;}
.maps_right .maps_list > li{font-size:19px;box-sizing:border-box;border-bottom:1px dashed #ccc;margin: 0 auto;}
.maps_right .maps_list > li a{color:#000;padding: 10px 10px 10px;display: inline-block;width: 100%;box-sizing: border-box;}
.maps_right .maps_list > li:hover a{color:#f82952; font-weight:500;}
.maps_right .maps_list > li p{font-weight:500;font-size: 17px;margin-bottom: -5px;}
.maps_right .maps_list > li ul li{font-size: 14px;line-height: 1.5;}
.maps_right .maps_list > li  ul li.location{background:url(/images/domain/junggu/sub/maps_location.png) no-repeat; padding: 0px 0px 0px 20px; 
background-position: left 0px center; font-weight: 300;}
.maps_right .maps_list > li a ul{font-size:17px;}
.maps_right .maps_list > li  ul li.place{position:relative;margin-bottom:3px;font-size: 16px;z-index: 1;display: inline-block;font-weight: 400;}
.maps_right .maps_list > li  ul li.place:after{display: inline-block; content: ""; width: calc(100% + 10px); height: 10px; background: #ffe9ed; position: absolute; bottom: 0; left: 50%; z-index: -1; transform: translateX(-50%) skewX(-20deg);}
/*maps - 소제목탭*/
.maps_subhead{font-size:0;background: #f6fafc;box-sizing: border-box;padding: 5px 5px 5px 8px; width: 100%;}
.maps_subhead li{display:inline-block; font-size:16px; width:calc(100% / 3); line-height:40px; background:#fff; height: 40px; box-sizing: border-box;
 display: inline-block; vertical-align: top; border: 1px solid #a7cee0; margin-left: -1px; margin-top: -1px; font-weight: 400;}
.maps_subhead2 li{width:calc(100% / 2) !important;}
.maps_subhead li:hover{background:#e9f0ff;}
.maps_subhead li a{display:inline-block;  text-align:center; width:100%; height:100%;}
.maps_subhead li a.on{background: #0f3da2; color: #fff;}
.map_count{font-size: 15px;background:#fff;position:relative;box-sizing:border-box;padding: 3px 6px;text-align:right;border-bottom: 1px solid #ff3157;margin-top: 2px;}
.map_count:after{display: block; position: absolute; content: ""; width: 100%; height: 3px; top: -2px; left: 0; z-index: 1;
 background: linear-gradient(90deg, #3c65bf, #ff3157);}
.maps_subhead li a:focus{outline: 2px solid #fff; }
.map_count .susja{color: #e9004c;font-weight: 600;}
 #map {flex-grow: 1; /* 나머지 공간 모두 사용 */  height: 100%; /* 지도 높이 */}


/*스크롤*/
.scroll::-webkit-scrollbar{height:10px; width:10px;}
.scroll::-webkit-scrollbar-thumb{background-color:#cccc; border-radius:5px; background-clip: padding-box; border: 2px solid transparent;}
.scroll::-webkit-scrollbar-track{background-color:#ffff; border-radius:5px;}

/*map 팝업*/
.iw_inner{z-index: 5;background: #ffffff;position: relative;padding: 10px;box-sizing: border-box;font-size: 14px !important;left: 0;display: inline-block;
word-break: keep-all;width: 250px;text-align: center;}
.iw_inner h3 span{position:relative; z-index:1;}
.iw_inner h3 span:after{display:inline-block;content:"";position:absolute;width: 15px;height: 15px;left: -8px;top: -2px;background: #ffd0db;border-radius:50%;z-index:-1;color: #000;}
.iw_inner h3{text-align:center;padding-bottom: 5px;border-bottom: 1px dashed #ccc;}
.iw_inner h4{padding-top: 5px;color: #ae0039;} 






/***********************************************/
/* 1700 이하(~1700)  */
@media screen and (max-width: 1700px) {}



/***********************************************/
/* 1500 이하(~1500)  */
@media screen and (max-width: 1500px) {
.c_cont{padding:0 !important;}



}




/***********************************************/
/* 1480 이하(~1480)  */
@media screen and (max-width: 1480px) {


/*맞춤형 서비스*/
.custom_inner{ width: 100%; box-sizing: border-box; padding: 0 15px;}
/*맞춤형 서비스 - 검색*/
.custom_service_wrap{padding: 80px 0 0 0;}


/*maps- 하단*/
.maps_box{width: calc(100% - 415px); margin-right: 15px;}

}

/***********************************************/
/* 1200 이하(~1200)  */
@media screen and (max-width: 1200px) {

/*맞춤형 서비스*/
 .c_cont{padding:0 !important;}
}

/***********************************************/
/* 1024 이하 (~1024)  */
@media screen and (max-width: 1024px) {

/*맞춤형 서비스 - 리스트*/
.custom_list > li{padding: 35px 20px;}
.custom_list > li .custom_lstep li{margin-right:0px; width:100%;}
.custom_list > li .custom_lstep{width:200px; margin-right:20px;}
.custom_list > li .custom_ldeatil{width: calc(100% - 220px); padding-left:20px;}

/*maps- 하단*/
.hidden-area.on{display:inline-block; width:100%;}
.maps_box{width:100%; margin-right:0px;}
.maps_right{margin-top:15px; width:100%; border-radius:0px; height:auto;}
.maps_right .maps_list{height: 300px; font-size:0;}
.maps_right .maps_list > li{width:calc(100% / 2); display:inline-block;}
.maps_right .maps_list > li:last-child{border-bottom:0px;}
.maps_right .maps_list > li:nth-child(odd){border-right:1px dashed #ccc;}
.maps_right .maps_list > li a{padding: 10px 15px 10px;}
}


/* 850 이하  */
@media screen and (max-width: 850px) {
/*맞춤형 서비스 - 검색*/
.custom_bonmun .step > p{width:100%;}
.custom_bonmun .step > p > span{width:100%;}
.custom{width:100%;}
.custom_bonmun .step1{margin-bottom:20px;}

/*중구map*/
.jugguMap_wrap{padding: 30px 0 0 0;}
.j_maps{margin-top: 20px;}
.tap_detail{margin-top: 10px;}
.mapsSlide .slide a{padding: 7px 10px;}
/*maps- 하단*/
.maps_box{height:300px;}

    
}


/***********************************************/
/* 모바일 (0~767) */
@media screen and (max-width: 767px) {

/*맞춤형 서비스 - 검색*/
.custom_service_wrap{padding: 30px 0 0 0;}
.custom_bonmun{padding: 25px 0}
.custom_exp > div{font-size:20px;}
.custom_exp > ul li{font-size:18px;}
.custom_exp > ul li:after{top:7px;}
.custom_btn{height:55px; margin-top:5px;}

/*맞춤형 서비스 페이징*/
 .pagination li .page_link{width: 25px; line-height: 25px; font-size: 14px;}


/*맞춤형 서비스 - 리스트*/
.custom_list > li{padding:20px 20px 25px;}
.custom_list > li .custom_lstep{width:100%; margin-right:0px; border-right:0px; border-bottom: 1px dashed #000; }
.custom_list > li .custom_lstep li{margin-right: 15px; width: calc(100% / 2 - 8px); text-align: center; margin-bottom: 15px;}
.custom_list > li .custom_ldeatil{width:100%; padding-left:0px;}
.custom_list > li .custom_ldeatil{margin-top: 15px;}
.custom_list > li .custom_ldeatil > div .custom_post{margin-bottom: 0px;}
.custom_list > li .custom_lstep:after{display:none;}
.custom_list > li .custom_ldeatil > div .custom_post{font-size:18px;}



    
}





/***********************************************/
/* 모바일 (600) */
@media screen and (max-width: 600px) {

/*maps- 하단*/
.maps_right .maps_list > li:nth-child(odd){border-right:0px;}
.maps_right .maps_list > li{width:100%;}
.maps_right .maps_list > li a{padding:10px; 10px 10px;}
/*maps- 소분류*/
.maps_subhead li{width:calc(100% / 2);}

}



/***********************************************/
/* 모바일 (0~560) */
@media screen and (max-width: 560px) {

/*맞춤형 서비스 - 검색*/
.custom_exp{padding: 15px 10px;}
.custom_exp > div{width:100%; text-align: center; padding-bottom: 8px;}   
.custom_exp > ul{width: 100%; text-align: center; padding-top: 8px; border-top: 1px dashed;}
.custom_bonmun{padding: 20px 0;}
.custom_bonmun .step1{margin-bottom:15px;}
.custom_bonmun .step > p{font-size:18px;}
.custom_btn{font-size:18px;}

/*맞춤형 서비스 - 리스트*/
.custom_list > li .custom_ldeatil > div{width:100%; margin-bottom:8px;}
.custom_list > li .custom_ldeatil .custom_link{width:100%; box-sizing:border-box;}
.custom_list > li .custom_lstep li{width:100%;}

}