/*팝업창*/
.popup_bg { width:100%; float:left; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999; top: 0; left: 0; position: fixed; }
.popup_bg .info_pop { width:700px; float:left; height:730px; background-color: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.03); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 25px; }
.popup_bg .info_pop .tit_box { width:100%; float:left; height: 80px; color:#fff; padding: 0 35px; border-top-left-radius: 20px; border-top-right-radius: 20px; display: flex; justify-content: space-between; align-items: center; }
.popup_bg .info_pop .tit_box .tit { font-size: 1.4rem; font-weight: 600; }
.popup_bg .info_pop .tit_box .close_tab { font-size: 1.8rem; cursor: pointer; }
.popup_bg .info_pop .con_box { width:100%; float:left; padding: 35px; }
.popup_bg .info_pop .con_box .cont { width:100%; float:left; height: 580px; color:#666; border: 1px solid #D9D9D9; padding: 19px; overflow-y: scroll; font-weight: 300; line-height: 25px; }
.popup_bg .info_pop .con_box .cont .tt { font-weight: 600; color:#444; }

/*floating*/
.floating { width:82px; position:absolute; right:7%; z-index:999; top:550px; }
.floating > ul { width:100%; float:left; }
.floating > ul li { width:82px; height:80px; float:left; border-radius:10px; text-align:center; line-height:60px; margin-bottom:10px; box-shadow:1px 1px 10px rgba(0,0,0,0.1); display: flex; justify-content: center; }
.floating > ul li a { width:100%; float:left; font-weight: 300; margin-top: 8px; font-size:0.9rem; display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 5px; }
.floating .center_info { color:#fff; font-weight: 300; }
.floating .center_use { background-color:#000; color:#fff; }
.floating .f_top { background-color:#fff; color:#000; }
.floating > ul li:hover { cursor: pointer;  }
.floating > ul li a i { font-size: 1.1rem; }
.floating > ul li a span { width: 100%; float:left; line-height: 27px; }

/*프로그램식단-뷰페이지*/
#Viewpage_Wrap { width:100%; float:left; }
#Viewpage_Wrap .viewCont{ width:100%; border-top:3px solid #D9D9D9; margin-top:5vw; border-bottom:1px solid #D9D9D9;  }
#Viewpage_Wrap .viewCont .titleWrap { width:100%; padding: 20px 10px; border-bottom: 1px solid #d9d9d9; }
#Viewpage_Wrap .viewCont .titleWrap .title { width:100%;  }
#Viewpage_Wrap .viewCont .titleWrap .title .tit { font-size: 1.7rem; font-weight: 500; }
#Viewpage_Wrap .viewCont .titleWrap .date { width:100%;  }
#Viewpage_Wrap .viewCont .titleWrap .date .regDate { font-size: 1.1rem; color:#999; margin-top:18px; }
#Viewpage_Wrap .viewCont .contentWrap { padding:3% 2% 5% 2%; }
#Viewpage_Wrap .viewCont .contentWrap .img_box { width:100%; margin-top:2%; }
#Viewpage_Wrap .viewCont .contentWrap .text_box { width:100%; margin-top:2%; font-size: 1rem; line-height: 26px; color: #444; }
.prevBtnWrap { width:100%; float:left; margin:3% 0; display: flex; justify-content: end; }
.prevBtnWrap a { width:100px; text-align: center; line-height: 42px; font-size: 1.1rem; color:#888; border-radius: 10px; border: 2px solid #d9d9d9; display: flex; align-items: center; justify-content: center; }

/*공지사항*/
.list_wrap .list_content .notc {width:65px; height:27px; float:left; line-height: 26px; border: 1px solid #21622C; border-radius: 50px; margin-right: 12px; background-color: #FDFFF0; text-align: center; font-weight: 500; font-size: 1rem; }
.list_wrap .list_content .notify { display: flex; align-items: center; justify-content: center; }
/*뷰페이지-첨부파일*/
.file_wrap { width: 100%; float:left; margin-top: 2%; padding: 0 2% 2% 2%; border-bottom: 1px solid #D9D9D9; display: flex; gap: 20px; flex-direction:column ; }
.file_wrap .tit { width: 10%; float: left; font-size: 1.1rem; }
/* 첨부파일 공통 : 마케팅칼럼-글쓰기, 뷰페이지 */
.file_list{width: 100%; float: left;}
.file_list li{width: 32%; float: left; height: 37px; line-height: 37px; font-size: 12px; padding: 0 15px; border: 1px solid #E3E5E8; border-radius: 2px;}
.file_list li:not(:nth-child(3n-2)){margin-left: 1%;}
.file_list li:nth-child(n+4){margin-top: 1%;}
.file_list li .icon{color: #999; float: left;}
.file_list li .icon i{font-size: 14px;}
.file_list li .txt{font-weight: 500; color: #666; font-size: 0.8rem; margin-left: 10px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%;}
.file_list li .info{font-weight: 400; color: #ccc; margin-left: 10px;}
.file_list li .k_close{float: right; color: #666; cursor: pointer;}

/* 하단 검색창 */
.paging_wrap .search_box{width: 100%; float: left; margin-top: 90px;}
.search_box form{width: 100%; float: left;}
.search_box ul{width: 100%; float: left; padding: 25px 0; background: #F1F1F1; display: flex; justify-content: center; align-items: center; gap:8px;}
.search_box ul > li{display: inline-block; vertical-align: middle;}
.search_box ul > li .select_m{ width:135px; height: 60px; line-height: 60px; font-size: 1.1rem; font-weight: 500; border: px solid #D4D4D4; background-color: #fff; border-radius: 10px; color:#9E9E9E; }
.search_box ul > li .input_search{width: 500px; float: left; height: 60px; line-height: 60px; font-size: 1rem; font-weight: 500; color: #333; border: 1px solid #D4D4D4; background: #fff; border-radius: 10px; color:#666;}
.search_box ul > li input::placeholder { color:#9E9E9E; }
.search_box ul > li .btn_search{width: 60px; float: left; height: 60px; line-height: 60px; text-align: center; font-size: 14px; font-weight: 500; color: #fff; cursor: pointer; border-radius: 10px;}
.search_box ul > li .btn_search > i { color:#fff; font-size: 18px; }

/*고려소식지*/
.news_wrap { width:100%; margin-top: 2%; }
.news_wrap .list_box { float:left; display: flex; flex-wrap: wrap; width: calc(100% + 0px); margin-left: 0; justify-content: center; }
.news_wrap .list_box .news {display: inline-block; position: relative; padding: 15px 10px 0 10px; box-sizing: border-box; margin-bottom: 25px; text-align: center; vertical-align: top; }
.news_wrap .list_box .news .box { border: 1px solid #EEEEEE; padding:4px; box-shadow: 0 4px 4px rgba(0,0,0,0.1); display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; text-align: left; font-weight: 500; position: relative; }
.news_wrap .list_box .news .box:hover { border: 1px solid #E7EDC8; box-shadow: 0 4px 4px rgba(32,143,51,0.3); transition: 0.5s ease; } 
.news_wrap .list_box .news .box .img { width: 100%; display: inline-block ! important; overflow: hidden; position: relative; text-align: center; vertical-align: middle; max-width: 294px; min-height: 410px; }
.news_wrap .list_box .news .box .img > img { min-height: 100%; }
.news_wrap .list_box .news .box .line { width:100%; float:left; padding: 0 4px; height:1px; background-color: #EEEEEE; margin: 3px 0; }
.news_wrap .list_box .news .box .tt { margin-top:15px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 0 12px 15px 12px; }
.news_wrap .list_box .news .box .tt .text { font-weight: 500; font-size: 1.2rem; }
.news_wrap .list_box .news .box .tt .download { width:95px; height:32px; line-height: 32px; background-color: #F9FAF4; border-radius: 10px; border: 1px solid #21622C; text-align: center; font-size: 1rem; font-weight: 500; cursor: pointer; }
.news_wrap .list_box .news .box .tt .download > i { margin-right: 7px; }

/*온라인상담*/
.counsel_wrap { width:100%; margin-top: 3%; }
.counsel_wrap .con_box { width:100%; float:left; background-color: #F9FAF4; padding:5%;  }
.counsel_wrap .txt_box { width:100%; float:left; display: flex; justify-content: space-between; padding:0 3%; gap: 20px; }
.counsel_wrap .txt_box .text { width:100%; float:left; margin-top:3%; }
.counsel_wrap .txt_box .text .tit { width:100%; float:left; font-size: 1.8rem; font-weight: 500; }
.counsel_wrap .txt_box .text .tit > span { font-weight: 700; }
.counsel_wrap .txt_box .text .txt { width:100%; float:left; font-size: 1.2rem; font-weight: 400; color:#555; margin-top:20px; line-height: 26px; }
.counsel_wrap .form_box { width:100%; float:left; border: 2px solid #D3E9D6; border-radius: 30px; background-color: #fff; padding:5%; }
.counsel_wrap .form_box .form_con { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.counsel_wrap .form_box .con { width:100%; float:left; }
.counsel_wrap .form_box .con .input_form { width:100%; float:left; }
.counsel_wrap .form_box .con .input_form .tit { font-weight: 600; font-size: 1.2rem; margin-left: 5px; }
.counsel_wrap .form_box .con .input_form input { width:100%; float:left; margin-top: 8px; border: 1px solid #D9D9D9; border-radius: 10px; height: 70px; line-height: 70px; font-size:1.2rem; font-weight: 500; color:#555; }
.counsel_wrap .form_box .con .input_form input::placeholder { color:#999; font-weight: 400; }
/* .counsel_wrap .form_box .con2 { background-color: #F2F2F2; border-radius: 10px; text-align: center; display: flex; align-items: center; }*/
.counsel_wrap .form_box .con2 .tit { color:#777; font-weight: 500; font-size: 1.1rem; }
.counsel_wrap .form_box .con2 .tit .tt { color:#333; } 
.counsel_wrap .form_box .con2 .anti_bot { width: 100%; float: left; margin-top: 8px; border: 1px solid #b9e3c2; border-radius:10px; height: 70px; line-height: 70px; text-align: center; background-color: #fbfbfb;}

.counsel_wrap .ft_form { width:100%; float:left; display: flex; flex-direction: column; margin-top:3%; }
.counsel_wrap .ft_form .check_box { width:100%; float:left;font-size: 1.1rem; font-weight: 500; }
.counsel_wrap .ft_form .check_box span{float: left;}
.counsel_wrap .ft_form .radio-icon{width: 18px; float: left; height: 18px; border: 1px solid #21622C; border-radius: 100px; position: relative;} /* 라디오 원 */
.counsel_wrap .ft_form .check_box input[type="checkbox"] + label{display: flex; align-items: center; gap: 1%; justify-content: flex-start; cursor: pointer;}
.counsel_wrap .ft_form .check_box input[type="checkbox"]{display: none;} /* 라디오 버튼 기본 숨김 */
.counsel_wrap .ft_form .check_box input[type="checkbox"]:checked + label .radio-icon::after { /* 라디오 클릭 시 내부 원 */
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background-color: #21622C;
    border-radius: 100px;
    transform: translate(-50%, -50%);
}
.counsel_wrap .form_box .ft_form .text_box { width:100%; height:150px; float:left; border: 1px solid #D9D9D9; color:#666; border-radius: 10px; padding: 2.5%; margin-top:1%; overflow-Y: scroll; line-height: 22px; }
.counsel_wrap .form_box .btn_bar { width:100%; float:left; display: flex; justify-content: flex-end; margin-top:20px;}
.counsel_wrap .form_box .btn_bar .brn_form { width:220px; height:52px; float:left; color:#fff; font-weight: 600; font-size: 1.3rem; border-radius: 10px; }




/* 주간보호센터 소식*/
/* 자원봉사 및 후원안내 - 표*/
.table_wrap { width:100%; margin-top: 3%; }
.table_wrap .con_box { width:100%; float:left; }
.table_wrap .con_box > table { width:100%; float: left; border-top: 2px solid #E67331; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; }
.table_wrap .con_box > table .c_box { font-weight: 600; font-size: 1.5rem; background-color: #FFF8F4; text-align: center;}
.table_wrap .con_box > table td { border-collapse: collapse; padding:2.2% 3%; font-size: 1.2rem; border: 1px solid #f1f1f1; }
.table_wrap .con_box > table .bg_c { background-color: #F8F8F8; text-align: center; font-weight: 600; }
.table_wrap .con_box > table .t_left { text-align: left; }
.table_wrap .con_box > table .t_left > ul { width:100%; float:left; height: 35px; display: flex; align-items: center; }
.table_wrap .con_box > table .t_left > ul .cir { width:5px; height:5px; margin-right: 13px; float:left; background-color: #21622C; border-radius: 5px;}
.table_wrap .con_box > table .txt { font-size: 1.2rem; font-weight: 400; color:#444; }
.table_wrap .con_box > table .t_left > ul .txt > span { font-weight: 600; color:#444; }

/* 자원봉사 및 후원안내 - 방문시 주의사항*/
.new03_sec01 { width:100%; margin-top: 5%; }
.new03_sec01 .con_box { width:100%; float:left; display: flex; justify-content: space-between; }
.new03_sec01 .con_box .subtext_box { width:40%; float:left; text-align: left; margin-top: 40px; }
.new03_sec01 .con_box .subtext_box .sub_txt { width:100%; float:left; color:#666666; font-weight: 400; margin-top:6%; line-height: 24px; }
.new03_sec01 .con_box .content { width:60%; float:left; }
.new03_sec01 .con_box .content > ul { width:100%; float:left; display: flex; align-items: center; gap: 15px; }
.new03_sec01 .con_box .content > ul .box1 { width:33%; float:left; height:310px; padding: 5% 2%; border-radius:20px; background-color: #F9FAF4; text-align: center; display: flex; align-items: center; flex-direction: column; }
.new03_sec01 .con_box .content > ul .box2 { background-color: #F8F8F8; }
.new03_sec01 .con_box .content > ul .box1 .num { font-weight: 700; font-size:1.1rem; }
.new03_sec01 .con_box .content > ul .box1 .icon { width:110px; float:left; height:110px; line-height: 110px; border-radius: 50px; background-color: #fff; margin-top:15px; }
.new03_sec01 .con_box .content > ul .box1 .text { font-size:1.1rem; font-weight: 400; color:#666; margin-top:25px; line-height: 24px; }
.new03_sec01 .con_box .content > ul .box1 .text .tt { font-weight: 700; color:#333; }

.gray_line { width:100%; margin-top: 5%; }
.gray_line .con_box { width:100%; background-color: #EAEAEA; height: 2px; }


/* 자원봉사 및 후원안내 - 후원안내*/
.new03_sec02 { width:100%; margin-top: 5%; }
.new03_sec02 .con_box .subtext_box { text-align: left; }
.new03_sec02 .con_box .subtext_box .sub_txt { color:#666; font-weight: 400; margin-top: 2%; }
.new03_sec02 .content { width:100%; float:left; margin-top: 5%; }
.new03_sec02 .content .box { width:100%; float:left; border: 1px solid #F2F2F2; padding: 3%; display: flex; align-items: center; gap: 35px; margin-top: 10px; }
.new03_sec02 .content .box .tit { width: 130px; height: 130px; float:left; border-radius: 15px; text-align: center; color:#fff; font-weight: 600; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; }
.new03_sec02 .content .box .text { width:85%; float:left;  }
.new03_sec02 .content .box .text > ul { width:100%; float:left; line-height: 30px; display: flex; align-items: center; }
.new03_sec02 .content .box .text > ul .cir { width:5px; height:5px; float:left; background-color: #666; border-radius: 5px; margin-right: 15px; }
.new03_sec02 .content .box .text > ul .txt { font-weight: 300; color:#666; font-size: 1.2rem; }
.new03_sec02 .content .box .text > ul .txt .tt { font-weight: 600; color:#555; }

/* 자원봉사 및 후원안내 - 전화 문의*/
.new03_sec03 { width:100%; margin-top: 3%; }
.new03_sec03 .con_box { width:100%; float:left; height: 268px; background-color: #FFEFDF; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 3% 5%; }
.new03_sec03 .con_box .icon { width:190px; height:190px; line-height:190px; float:left; border-radius: 50%; background-color: #fff; text-align: center; }
.new03_sec03 .con_box .text { width: 34%; float: left; }
.new03_sec03 .con_box .text .tit { font-size: 1.9rem; font-weight: 500; }
.new03_sec03 .con_box .text .tit .orange { color:#E67331; font-weight: 700; }
.new03_sec03 .con_box .text .txt { font-size: 1.2rem; font-weight: 300; color:#666; margin-top: 15px; line-height: 27px; }
.new03_sec03 .con_box .num { width: 40%; height: 80px; line-height: 84px; border-radius: 50px; font-family: "ggs"; background-color: #E67331; color:#fff; font-size: 2.3rem; text-align: center; z-index: 9; top: 50px; }
.new03_sec03 .con_box .illust { position: absolute; top: -30px; right: 10%; }




/* 두호센터 안내 */
/* 두호센터 안내 - 공통 설명글*/
.subtext_wrap { width:100%; float:left; margin-top: 6vw; }
.subtext_box { width:100%; float:left; text-align: center; }
.subtext_box .sub_tit { font-size: 1.7rem; font-weight: 400; }
.subtext_box .sub_txt { font-size: 1.1rem; font-weight: 600; }
.subtext_box .tit { font-size: 2.5rem; font-weight: 500; margin-top: 10px; }
.subtext_box .tit > span { font-weight: 700; }
.subtext_box .txt { font-size: 1.4rem; font-weight: 400; color:#666; margin-top: 30px; line-height: 32px; }
.subtext_box .txt > span { font-weight: 500; color:#333; }

/* 두호센터 안내 - 사진박스*/
.img_wrap { width:100%; float:left; margin-top: 5vw; }
.img_wrap .con_box { width:100%; float:left; overflow:hidden; position: relative; }

/* 두호센터 안내 - 텍스트배너*/
.banner01 { width:100%; float:left; margin-top: 6vw; background-image: url(/images/center_img2.jpg); background-repeat: no-repeat; background-size: 100% 100%; padding: 2.5% 0; }
.banner01 .con_box { width:100%; float:left; display: flex; justify-content: space-between; align-items: center; }
.banner01 .con_box .text { width:100%; float:left; color:#fff; }
.banner01 .con_box .text .txt { font-size: 1.6rem; font-weight: 300; opacity: 0.8; }
.banner01 .con_box .text .tit { font-size: 2rem; font-weight: 400; margin-top:7px; }
.banner01 .con_box .text .tit > span { color:#FFF28D; font-weight: 600; }
.banner01 .con_box .img { margin-right: 5%; }

/* 두호센터 안내 - 편안한 공간*/
.center_01_con { width:100%; float:left; background-color: #FAFFF8; padding: 7vw 0; }
.center_01_con .con_box { width:100%; float:left; margin-top:4vw; }
.center_01_con .con_box > ul { width:100%; float:left; display: flex; justify-content: space-between; align-items: center; }
.center_01_con .con_box > ul .box { width:33.3%; float:left; border-right: 2px solid #E6EBE5; display: flex; flex-direction: column; align-items: center; padding: 0 1vw; }
.center_01_con .con_box > ul .box:last-child { border-right: 0; }
.center_01_con .con_box > ul .box .text { width:100%; float:left; text-align: left; padding: 0 0.5vw; }
.center_01_con .con_box > ul .box .sub_tit { font-size: 1.6rem; font-weight: 700; }
.center_01_con .con_box > ul .box .sub_txt { font-size: 1.2rem; font-weight: 300; margin-top: 10px; line-height: 25px; }
.center_01_con .con_box > ul .box .sub_txt .tt { font-weight: 500; }
.center_01_con .con_box > ul .box .img { margin-top: 3vw; }
.center_01_con .con_box > ul .box2 .img { margin-top: 0px }
.center_01_con .con_box > ul .box2 .text { margin-top: 3vw; }

/* 두호센터 안내 - 내부 둘러보기*/
.center_02_con { width:100%; float:left; margin-top: 7vw; }
.center_02_con .con_box { width:100%; float:left; margin-top:4vw; }
.center_02_con .slide_box { width:100%; float:left; }
.center_02_con .slide_box .en_tbox { z-index: 99; position: absolute; left: 0; bottom: 0; }
.center_02_con .slide_box .content { width:100%; float:left; display: flex; justify-content: space-between; gap: 40px; }
.center_02_con .slide_box .content .left { width:67%; float:left; overflow: hidden; margin-left: 20px; }
.center_02_con .slide_box .content .left .img { width:870px; float:left; overflow: hidden; height: 530px; }
.center_02_con .slide_box .content .left .img > img {  float:left; object-fit: cover; }
.center_02_con .slide_box .content .left .img_box { width:2000px; float:left; overflow: hidden; }
.center_02_con .slide_box .content .right { width:27%; float:left; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 55px; }
.center_02_con .slide_box .content .right .text { width:350px; float:left; overflow: hidden; margin-top: 30px; }
.center_02_con .slide_box .content .right .text > ul { width:100%; float:left; }
.center_02_con .slide_box .content .right .text > ul > li { width:100%; float:left; }
.center_02_con .slide_box .content .right .text > ul .line { width:50px; height:5px; background-color: #DAEADD; }
.center_02_con .slide_box .content .right .text > ul .tit { font-size: 2rem; font-weight: 500; margin-top: 20px; }
.center_02_con .slide_box .content .right .text > ul .txt { font-size: 1.3rem; font-weight: 300; color:#666; margin-top: 24px; line-height: 30px; }
.center_02_con .slide_box .content .right .next_img { width:2000px; float:left; overflow: hidden; }
.center_02_con .slide_box .content .right .next_img .img { width:350px; float:left;  }
.center_02_con .slide_box .slide_arrow { width:50px; height:80px; line-height: 80px; border: 1px solid #E4E4E4; text-align: center; color:#C9C9C9; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.center_02_con .slide_box .slide_arrow.active { border: 1px solid #21622C; color:#21622C; }
.center_02_con .slide_box .slide_arrow.left { left:-7%; }
.center_02_con .slide_box .slide_arrow.left > i { font-size: 1.3rem; }
.center_02_con .slide_box .slide_arrow.right { right:-7%; }
.center_02_con .slide_box .slide_arrow.right > i { font-size: 1.3rem; }
.center_02_con .slide_bar { width:100%; float:left; height:3px; background-color: #E8E8E8; margin-top:3.4vw;  }
.center_02_con .slide_bar .active { width:15%; float:left; height:5px; background-color: #21622C; }

/* 두호센터 안내 - 의료복합체 비교*/
.center_03_con { width:100%; float:left; margin-top: 7vw;  padding: 5vw 0; background-color: #F8F8F8; margin-bottom: -10%; }
.center_03_con .con_text { display: flex; }
.center_03_con .subtext_box { width:40%; float:left; text-align: left; }
.center_03_con .subtxt_box { width:60%; float:left; text-align: left; display: flex; flex-direction: column; justify-content: end; }
.center_03_con .subtxt_box .txt { font-size: 1.1rem; color:#666666; line-height: 23px; }
.center_03_con .con_box { width:100%; float:left; margin-top: 4vw; }
.center_03_con .con_box table { width:100%; float:left; text-align: center; }
.center_03_con .con_box table td { border: 1px solid #EAEAEA; border-collapse: collapse; padding:1.8%; font-size: 1.2rem; line-height: 24px; }
.center_03_con .con_box .c_box { font-weight: 600; font-size: 1.6rem; color:#fff; }
.center_03_con .con_box .c_box > td { width:100%; padding: 2% 0; border-top-right-radius: 50px; border-top-left-radius: 50px; font-size: 1.3rem; }
.center_03_con .con_box .c_box .style_no { border: 0; }
.center_03_con .con_box .c_box .blue { background-color: #1B9BD7; }
.center_03_con .con_box table .gray_bg { background-color: #F0F0F0; }
.center_03_con .con_box table .white_bg { background-color: #fff; }
.center_03_con .con_box table .green_bg { background-color: #FAFFF8; }



/* 서비스 및 시설안내 */
/* 서비스 및 시설안내 - 이용절차 */
.serv03_sec01 { width:100%; float: left; margin-top: 5vw; }
.serv03_sec01 .con_box { width:100%; float: left;}
.serv03_sec01 .infog { width:100%; float: left; display: flex; align-items: center; justify-content: center; }
.serv03_sec01 .infog .box { width:25%; float:left; position: relative; }
.serv03_sec01 .infog .box:last-child { width: 20%; float:left; }
.serv03_sec01 .infog .box:not(:first-child) { margin-left: -2%; }
.serv03_sec01 .infog .box .text { width:100%; float:left; text-align: center; z-index: 9; position: absolute; top: 50%; left: 50%; transform: translate(-63%,-50%); }
.serv03_sec01 .infog .box:last-child .text { position: absolute; top: 50%; left: 50%; transform: translate(-52%,-50%); }
.serv03_sec01 .infog .box .num { width:100%; float:left; color:#AFB8B8; font-weight: 700; font-size: 1.2rem; }
.serv03_sec01 .infog .box .txt { width:100%; float:left; font-weight: 500; color:#333; font-size: 1.45rem; margin-top: 20px; }
.serv03_sec01 .infog .box .img { width:100%; float:left; }
.serv03_sec01 .ch_tt { width:100%; float: left; border: 1px solid #F2F2F2; border-radius: 30px; padding: 3% 5%; margin-top: 3vw; }
.serv03_sec01 .ch_tt > ul { width:100%; float: left; border-bottom: 1px solid #f2f2f2; padding: 0 3% 2% 3%; margin-bottom: 2%; display: flex; align-items: center; gap: 20px; }
.serv03_sec01 .ch_tt > ul:last-child { border-bottom: 0;  padding: 0 3%; margin-bottom: 0%;}
.serv03_sec01 .ch_tt > ul .check { font-size: 1.5rem; color:#21622C; }
.serv03_sec01 .ch_tt > ul .text { font-size: 1.4rem; color:#666; }

/* 서비스 및 시설안내 - 구비서류 */
.table_wrap_serv03 .con_box > table .c_box { font-weight: 600; font-size: 1.5rem; background-color: #F2F2F2; text-align: center;}
.table_wrap_serv03 .con_box > table .c_box > span { font-weight: 700; }
.table_wrap_serv03 .con_box > table { width:100%; float: left; border-top: 2px solid #BFBFBF; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; }
.table_wrap_serv03 .con_box > table td { border: 0px; font-size: 1.4rem; padding:2.2% 4%; border-bottom: 1px solid #e9e9e9; }
.table_wrap_serv03 .con_box > table .bg_c { background-color: #FAFAFA; }
.table_wrap_serv03 .con_box > table .t_center { text-align: center; color:#777; }
.table_wrap_serv03 .con_box > table .txt { font-size: 1.3rem; }

.table_wrap_serv03 .add_info { width:100%; float:left; background-color: #f5f5f5; margin-top: 2vw; padding: 3%; }
.table_wrap_serv03 .add_info .tit { width:140px; height:35px; line-height: 35px; border-radius: 50px; float:left; text-align: center; background-color:#999999; color:#fff; font-weight: 700; font-size: 1.2rem;}
.table_wrap_serv03 .add_info .text { width:100%; float:left; margin-top: 10px; }
.table_wrap_serv03 .add_info .text > ul { width:100%; float:left; margin-top: 14px; display: flex; align-items: center;  }
.table_wrap_serv03 .add_info .text > ul .cir { width: 7px; height: 7px; float: left; border-radius: 7px; background-color: #B4B4B4; margin-right: 10px; }
.table_wrap_serv03 .add_info .text > ul .txt { width: 95%; float: left; font-size: 1.2rem; font-weight: 400; color:#666; }

/* 서비스 및 시설안내 - 좋은 소지품 */
.serv03_sec02 { width:100%; float: left; margin-top: 5vw; }
.serv03_sec02 .con_box { width: 100%; float:left; display: flex; justify-content: space-between; gap: 40px; }
.serv03_sec02 .img_box { width: 400px; height: 430px; float: left; border-radius: 15px; }
.serv03_sec02 .right { width: 66%; float:left; }
.serv03_sec02 .right .title { width: 100%; float:left; font-size: 1.8rem; font-weight: 600; }
.serv03_sec02 .right .title > span { font-weight: 700; }
.serv03_sec02 .right .sub_txt { width: 100%; float:left; font-size: 1.3rem; font-weight: 400; color:#666; margin-top: 15px; }
.serv03_sec02 .right .check_box { width: 100%; float:left; margin-top: 30px; }
.serv03_sec02 .right .check_box > ul { width: 100%; float:left; padding: 2% 4%; margin-top: 8px; border: 2px solid #F2F2F2; border-radius: 50px; display: flex; align-items: center; gap: 22px; }
.serv03_sec02 .right .check_box > ul:first-child { margin-right: 1%; }
.serv03_sec02 .right .check_box > ul:nth-child(-n+2) { width: 49.5%; float: left; }
.serv03_sec02 .right .check_box > ul .check { color:#EF7D2E; font-size: 1.4rem; float: left; }
.serv03_sec02 .right .check_box > ul .line { width: 1px; height: 40px; float: left; background-color: #EBEBEB; }
.serv03_sec02 .right .check_box > ul .txt { float: left; font-weight: 400; font-size: 1.3rem; }

/* 서비스 및 시설안내 - 본인부담금 */
.serv03_sec03 { width:100%; float: left; margin-top: 5vw; }
.serv03_sec03 .con_box { width: 100%; float:left; border: 1px solid #D9D9D9; padding: 4%; }
.serv03_sec03 .con_box .tit_box { width:21%; float:left; background-color: #fff; display: flex; align-items: center; padding: 0.5% 1%; position: absolute; top: -20px; left: 0; }
.serv03_sec03 .con_box .tit_box .cir { width: 25px; height: 25px; float: left; border: 1px solid #21622C; border-radius: 50px; display: flex; align-items: center; justify-content: center; }
.serv03_sec03 .con_box .tit_box .cir > span {  width: 15px; height: 15px; float: left; background-color: #21622C; border-radius: 50px; }
.serv03_sec03 .con_box .tit_box .tit { width: 84%; float:left; font-size: 1.8rem; font-weight: 700; margin-left: 10px; }
.serv03_sec03 .con_box .sub_text { width: 100%; float:left; color:#666; font-weight: 400; font-size: 1.3rem; line-height: 30px; }
.serv03_sec03 .con_box .sub_text .tt { font-weight: 600; color:#444; }
.serv03_sec03 .con_box .cost { width: 100%; float: left; margin-top: 2vw; border-radius: 20px; background-color: #F8FAEC; padding: 5%; }
.serv03_sec03 .con_box .cost .top { width: 100%; float: left; display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: 600; }
.serv03_sec03 .con_box .cost .top .box { width: 300px; float: left; height: 50px; line-height: 45px; background-color: #fff; border: 3px solid #C0CD76; border-radius: 50px; text-align: center; font-size: 1.2rem; color:#666; }
.serv03_sec03 .con_box .cost .top .box:last-child { color: #fff; }
.serv03_sec03 .con_box .cost .ft { width: 100%; float:left; margin-top: 2vw; display: flex; align-items: center; justify-content: center; gap: 30px; font-size: 1.1rem; color:#666; }

.serv03_sec03 .con_box .content { width: 100%; float:left; margin-top: 3vw; }
.serv03_sec03 .con_box .content .sub_tt { width: 100%; float: left; font-weight: 600; font-size: 1.4rem; display: flex; align-items: center; color:#444; }
.serv03_sec03 .con_box .content .sub_tt > span {  width: 28px; height: 28px; line-height: 28px; float: left; border-radius: 50px; background-color: #444; color:#fff; text-align: center; font-weight: 600; margin-right: 15px; }
.serv03_sec03 .con_box .content .grade { width: 100%; float:left; margin-top: 1vw; background-color: #F9F9F9; border-radius: 30px; padding: 4% 5%; }
.serv03_sec03 .con_box .content .grade > ul { width: 100%; float:left; margin-top: 0.8vw; display: flex; align-items: center; gap: 40px; }
.serv03_sec03 .con_box .content .grade > ul:first-child { margin-top: 0; }
.serv03_sec03 .con_box .content .grade > ul .grade_box { width: 150px; height: 45px; line-height: 45px; font-size: 1.3rem; font-weight: 600; text-align: center; border-radius: 50px; color:#fff; }
.serv03_sec03 .con_box .content .grade > ul .grade_box.bg1 { background-color: #21622C; }
.serv03_sec03 .con_box .content .grade > ul .grade_box.bg2 { background-color: #268436; }
.serv03_sec03 .con_box .content .grade > ul .grade_box.bg3 { background-color: #3EA650; }
.serv03_sec03 .con_box .content .grade > ul .grade_box.bg4 { background-color: #61C272; }
.serv03_sec03 .con_box .content .grade > ul .grade_box.bg5 { background-color: #93D39E; }
.serv03_sec03 .con_box .content .grade > ul .grade_box.bg6 { background-color: #B5B5B5; }
.serv03_sec03 .con_box .content .grade > ul .grade_txt { height: 45px; font-size: 1.4rem; font-weight: 400; text-align: left; width: 83%; display: flex; align-items: center; }
.serv03_sec03 .con_box .sub_txt_wrap { width: 100%; float:left; text-align: center; margin-top: 1.7vw; font-weight: 400; color: #666; font-size: 1.3rem; line-height: 30px; }
.serv03_sec03 .con_box .sub_txt_wrap > span { font-weight: 600; color:#333; }
.serv03_sec03 .con_box .content2 { margin-top: 4vw; }
.serv03_sec03 .con_box .table_wrap { width: 100%; float: left; display: flex; justify-content: center; gap:35px; }
.serv03_sec03 .con_box .table_wrap > table { width: 40%; float: left; border-collapse: collapse; }
.serv03_sec03 .con_box .table_wrap > table .c_box { font-weight: 600; font-size: 1.4rem; background-color: #F8FAEC; }
.serv03_sec03 .con_box .table_wrap > table td { border: 1px solid #e2e2e2; padding: 3% 3.5%; color: #555; font-size: 1.2rem; text-align: center; }
.serv03_sec03 .content2 .table_wrap .sub_txt_wrap { width: 60%; float: left; text-align: left; margin-top: 0; }
.serv03_sec03 .content2 .sub_text { margin-top: 1vw; }
.serv03_sec03 .con_box .table_wrap2 > table { width: 100%; float: left; margin-top: 2vw; border-collapse: collapse; }
.serv03_sec03 .con_box .table_wrap2 > table .c_box { font-weight: 600; font-size: 1.3rem; background-color: #F4F4F4; text-align: center; }
.serv03_sec03 .con_box .table_wrap2 > table td { border: 1px solid #e2e2e2; padding: 2% 3.5%; color: #555; font-size: 1.2rem; }
.serv03_sec03 .con_box .table_wrap2 > table td > span { font-weight: 600; color: #333; }

/*오시는길*/
.about_03_title { width:100%; float:left; display: flex; justify-content: space-between; }
.about_03_title .subtext_box { text-align: left; }
.map_wrap .info_box {  width:100%; float:left; }
.map_wrap .info_box .main_box { width:100%; float:left; padding: 2% 0; display: flex; gap: 20px; align-items: center; justify-content: center; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
.map_wrap .main_box .left { color:#fff; font-weight: 500; font-size: 1.5rem; }
.map_wrap .main_box .left > i { margin-right: 20px; }
.map_wrap .main_box .right { color:#FFF28D; font-weight: 700; font-size: 1.6rem; }
.map_wrap .info_box .sub_box { width: 100%; float:left; border: 3px solid #EEEEEE; border-radius: 20px; padding: 3%; display: flex; margin-top: 3%;  }
.map_wrap .sub_box .list_box { width: 33.3%; float:left; border-right: 1px solid #eeeeee; }
.map_wrap .sub_box .list_box:last-child { border-right: 0; }
.map_wrap .sub_box .list_box:nth-child(2) { padding: 0 3%; }
.map_wrap .sub_box .list_box:nth-child(3) { padding-left: 3%; }
.map_wrap .list_box .title_box{display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.map_wrap .list_box span{float: left;}
.map_wrap .list_box .icon{ width: 46px; height: 46px; line-height: 46px; text-align: center; background-color: #F5F5F5; border-radius: 50px; font-size: 1.4rem;}
.map_wrap .list_box .tit{font-size: 1.4rem; font-weight: 700;}
.map_wrap .list_box .con{font-size: 2rem; color: #3F3F3F; font-weight: 600; width: 100%; float: left; }
.map_wrap .list_box .contents{width: 90%; float: left; margin-top: 2.5%; padding-left: 13%; }
.map_wrap .contents .list{width: 100%; float:left; margin-top: 4%;}
.map_wrap .contents .list:first-child { margin-top: 0; }
.map_wrap .contents .list > li { width: 100%; float:left; }
.map_wrap .contents .list .sub_tit { width: 100%; float:left; display: flex; font-size: 1.1rem; align-items: center;}
.map_wrap .contents .list .sub_tit .cir { width: 7px; height: 7px; border-radius: 5px; background-color: #EF7D2E; margin-right: 10px; }
.map_wrap .contents .list .text { font-size: 1rem; color:#777; line-height: 23px; margin-top: 1%; padding-left: 6%; }
.map_wrap .contents .list.ref{font-size: 0.9rem; color: #926A4F; font-weight: 400;}
.map_wrap .contents .list .info { font-weight: 300; color: #555; font-size: 1rem; margin-top: 3%; }
.map_wrap .contents .list .info > span { font-weight: 500; margin-right: 5px; }



/* 반응형 */

/* PC (1400 이하) */
@media only screen and (max-width: 1400px) {

    /*두호센터-둘러보기*/
    .center_02_con .slide_box .content .right .next_img {display: none;}
    .center_02_con { margin-top: 10vw; }
    .center_02_con .con_box { width:100%; float:left; margin-top:6vw; }
    .center_02_con .slide_box .slide_arrow { width:50px; height:40px; line-height: 42px; position: absolute; top: 75%; }
    .center_02_con .slide_box .slide_arrow.left { left: 73%;}
    .center_02_con .slide_box .slide_arrow.right { right:15%; }
    .center_02_con .slide_box .en_tbox > img { width: 80%; float: left; }
    .center_02_con .slide_box .content .left .img { height: 450px; }


}

/* 태블릿 (1200 이하) */
@media only screen and (max-width: 1200px) {
    .center_02_con .slide_box .content .left .img { height: 395px; }
}


/* 태블릿 (1024 이하) */
@media only screen and (max-width: 1100px) {
    .search_box ul > li .input_search{width: 400px;}
    .center_01_con .con_box > ul .box .sub_txt { font-size: 1.05rem; line-height: 22px; }
    

    .subtext_wrap { width:100%; float:left; margin-top: 8vw; }
    .banner01 {  padding: 3% 0; margin-top:8vw;  }

    .center_01_con { padding: 8vw 0 9vw 0; }
    .center_01_con .con_box { width:100%; float:left; margin-top:6vw; }

    .center_03_con { width:100%; float:left; margin-top: 10vw;  padding: 8vw 0; }
    .center_03_con .con_text { display: block; }
    .center_03_con .subtext_box { width:100%; float:left; text-align: center; }
    .center_03_con .subtxt_box { width:100%; float:left; text-align: center; }
    .center_03_con .subtxt_box .txt { font-size: 1.2rem; margin-top: 3vw; }
    .center_03_con .con_box { width:100%; float:left; margin-top: 5vw; }
    
    .new03_sec03 .con_box .icon { display: none; }
    .new03_sec03 .con_box .num { width: 50%; height: 75px; line-height: 78px; }
    .new03_sec03 .con_box .illust { right: 8%; }

    .serv03_sec03 .con_box .tit_box { width:29%; }
    .serv03_sec03 .con_box .tit_box .tit { font-size: 1.7rem; }
    .serv03_sec03 .con_box .sub_text { line-height: 26px; }

    .file_list li .txt { width: 54%; }



    .table_wrap .con_box > table td {  padding:2.5% 3%; }

    .serv03_sec01 .infog .box .txt { margin-top: 2%; font-size: 1.3rem; }

    .center_02_con .slide_box .content .left .img { height: 360px; }
    

}

/* 태블릿 (1000 이하) */
@media only screen and (max-width: 1000px) {
    .center_02_con .slide_box .content .left .img { height: 280px; }
    .center_02_con .slide_box .slide_arrow.left { left: 74%;}
    .center_02_con .slide_box .slide_arrow.right { right:11%; }
    .center_02_con .slide_box .slide_arrow { top: 85%; }

    .serv03_sec03 .con_box .cost .top { flex-direction: column; }
}

/* 태블릿 (800 이하) */
@media only screen and (max-width: 800px) {
    .center_02_con .slide_box .content .left .img { height: 268px; }
    .center_02_con .slide_box .slide_arrow.left { left: 74%;}
    .center_02_con .slide_box .slide_arrow.right { right:11%; }
    .center_02_con .slide_box .slide_arrow { top: 90%; }
}


/* 태블릿 세로 (768 이하) */
@media only screen and (max-width: 768px) {
    .prevBtnWrap a { font-size: 1.2rem; }
    .search_box ul > li .input_search{width: 320px;}
    .search_box ul > li .select_m{ width:110px;}

    .center_03_con .con_box table td { font-size: 1.1rem; }
    .center_03_con .con_box .c_box > td { border-top-right-radius: 30px; border-top-left-radius: 30px; }

    .new03_sec03 .con_box .illust { top: -10px; right: 0%; }
    .new03_sec03 .con_box .illust > img { width: 85%; }
    .new03_sec03 .con_box .num { width: 56%; height: 65px; line-height: 68px; }

    .serv03_sec02 .img_box { width: 20%; height: 430px; float: left; border-radius: 15px; overflow: hidden; }
    .serv03_sec02 .img_box > img { width: 100%; height: 100%; object-fit: cover; }
    .serv03_sec02 .right { width: 74%; float:left; }
    .serv03_sec02 .right .check_box { margin-top: 4vw; }
    .serv03_sec02 .con_box { gap: 30px; }


    .serv03_sec02 .right .check_box > ul:first-child { margin-right: 0; }
    .serv03_sec02 .right .check_box > ul:nth-child(-n+2) { width: 100%; float: left; }
    .serv03_sec03 .con_box .tit_box { width:33%; }
    .serv03_sec03 .con_box .tit_box .tit { font-size: 1.7rem; }
    .serv03_sec03 .con_box .sub_text { line-height: 26px; }
    .serv03_sec03 .con_box .content .grade > ul { margin-top: 1.4vw; }

    .file_list li .txt { width: 54%; }

    .serv03_sec01 .infog .box { width: 28%; }
    .serv03_sec01 .infog .box .txt { margin-top: 2%; font-size: 1.3rem; }

    .center_02_con .slide_box .content .left .img { height: 230px; }
    .center_02_con .slide_box .slide_arrow.left { left: 74%;}
    .center_02_con .slide_box .slide_arrow.right { right:9%; }
    .center_02_con .slide_box .slide_arrow { top: 90%; }
    .center_02_con .slide_box .content .right .text { margin-top: 0; }
    .center_02_con .slide_box .en_tbox > img { width: 52%; float: left; }

    

}

@media only screen and (max-width: 510px) {
    
    .serv03_sec01 .infog .box .img > img {  height: 120px; }

}



/* 모바일 (480 이하) */
@media only screen and (max-width: 480px) {
    .prevBtnWrap a { width:80px; }
    #Viewpage_Wrap .viewCont .titleWrap .date .regDate { margin-top:3%; }
    .prevBtnWrap a { font-size: 1.2rem; line-height: 35px; }
    #Viewpage_Wrap .viewCont .contentWrap .text_box { font-size: 1.2rem; line-height: 21px; }

    .file_list li .txt { width: 38%; }

    .serv03_sec01 .infog .box .txt { font-size: 1.1rem; }


}



/* 초소형 모바일 (375 이하) */
@media only screen and (max-width: 375px) {

}