@charset "utf-8"; @import url("font.css"); /* style reset */

body {overflow-y: auto; overflow-x: hidden; position: relative; margin: 0; width:100%; color: #333; font-size: 16px; font-family:'Paperlogy', sans-serif; font-weight: 400; line-height: 26px; padding: 0 !important;}

.transparents-layer {display: none;}

button {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.btn {padding: 0 20px; min-width: 200px; height: 60px; line-height: 58px; font-size: 16px; text-align: center; border-radius: 10px;}
.btn2 {padding: 0 10px; min-width: 70px; height: 40px; line-height: 38px; font-size: 16px; text-align: center; border-radius: 8px;}
.btn3 {display: inline-block; padding: 0 10px; min-width: 90px; height: 32px; line-height: 30px; font-size: 14px; text-align: center; border-radius: 5px;}
.btn4 {position: relative; width: 35px; height: 35px; line-height: 33px; border-radius: 8px; border: 1px solid #0276dd;}
.btn4::after, .btn4::before {content: ''; position: absolute; left: calc(50% - 6px); top: calc(50% - 1px); width: 12px; height: 2px; background-color: #0276dd;}
.btn4.plus::after {transform: rotate(90deg);}
.btn5 {padding: 0 5px; min-width: 50px; height: 30px; line-height: 28px; font-size: 13px; text-align: center; border-radius: 8px;}

.btn_search {} 
.btn_search .icon {position: relative; display: block; transform-origin: left top; width: 22px; height: 22px;}
.btn_search .icon::after, .btn_search .icon::before {content: ''; position: absolute;}
.btn_search .icon::after {left: 0; top: 0; width: 13px; height: 13px; border: 2px solid #222; border-radius: 100%;}
.btn_search .icon::before {right: 1px; bottom: 5px; width: 7px; height: 2px; background-color: #333; transform: rotate(45deg);}
.btn_close {} 
.btn_close .icon {position: relative; display: block; width: 23px; height: 23px;}
.btn_close .icon::after, .btn_close .icon::before {content: ''; position: absolute; left: -2px; top: 10px; width: 27px; height: 2px; background-color: #333;}
.btn_close .icon::after {transform: rotate(45deg);}
.btn_close .icon::before {transform: rotate(-45deg);}
.btn_close2 {width: 21px; height: 21px; background: url('/images/hmpg/icon_close.png') no-repeat center / 100%;}
.btn_more {} 
.btn_more .icon {position: relative; display: inline-block; width: 13px; height: 13px;}
.btn_more .icon::after, .btn_more .icon::before {content: ''; position: absolute; left: 0; top: calc(50% - 1px); width: 100%; height: 1px; background-color: #7d7e7e;}
.btn_more .icon::before {transform: rotate(90deg);}
.btn_delete {margin-left: 5px;}
.btn_delete .icon {position: relative; display: block; width: 18px; height: 18px; border-radius: 3px; border: 1px solid #333;}
.btn_delete .icon::after, .btn_delete .icon::before {content: ''; position: absolute; left: 3px; top: 50%; width: 10px; height: 1px; background-color: #333;}
.btn_delete .icon::after {transform: rotate(45deg);}
.btn_delete .icon::before {transform: rotate(-45deg);}
.btn_delete2 {margin: -3px 5px 0 5px;}
.btn_delete2 .icon {position: relative; display: block; width: 18px; height: 18px; border-radius: 3px; background-color: #333;}
.btn_delete2 .icon::after, .btn_delete2 .icon::before {content: ''; position: absolute; left: 3px; top: 50%; width: 10px; height: 1px; background-color: #fff;}
.btn_delete2 .icon::after {transform: rotate(45deg);}
.btn_delete2 .icon::before {transform: rotate(-45deg);}

.bg_gray {color: #fff; background-color: #717684;}
.bg_gray2 {color: #666; background-color: #ebebeb;}
.bg_blue {color: #fff; background-color: #0276dd;}
.bg_blue2 {color: #fff; background-color: #009660;}
.bg_red {color: #fff; background-color: #f20000;}

.bg_white {color: #5f6169; border: 1px solid #5f6169; background-color: #fff;}
.bg_white2 {color: #0276dd; border: 1px solid #0276dd; background-color: #fff;}
.bg_white3 {color: #f20000; border: 1px solid #f20000; background-color: #fff;}
.bg_white4 {color: #009660; border: 1px solid #009660; background-color: #fff;}

.color_gray {color: #717684 !important;}
.color_blue {color: #0169de !important;}
.color_red {color: #f20000 !important;}
.color_green {color: #009660 !important;}
.color_black {color: #333 !important;}

.f_b {font-weight: 600 !important;}
.f_m {font-weight: 500 !important;}
.f_n {font-weight: 400 !important;}
.p_r {position: relative !important;}

.w_flex_only {display: flex !important; display:-webkit-flex;}
.m_flex_only {display: none !important; display:-webkit-none;}
.w_hidden {display: none !important;}
.m_hidden {display: block !important;}
.hidden {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%);}

u {text-underline-position: under;}
.underline {border-bottom: 1px solid #666;}
.underline2 {border-bottom: 1px solid #0276dd; color: #0276dd;}

.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt60 {margin-top:60px !important}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mb65 {margin-bottom:65px !important}
.mb80 {margin-bottom:80px !important}
.mb100 {margin-bottom:100px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr60 {margin-right:60px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl60 {padding-left:60px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.pr10 {padding-right: 10px !important}
.w50 {width: 50px !important;}
.w60 {width: 60px !important}
.w100 {width: 100px !important}
.w120 {width: 120px !important}
.w200 {width: 200px !important}
.w230 {width: 230px !important}
.w300 {width: 300px !important}
.w400 {width: 400px !important}
.w500 {width: 500px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_40 {width: 40% !important}
.w_45 {width: 45% !important}
.w_50 {width: 50% !important}
.w_60 {width: 60% !important}
.w_80 {width: 80% !important}
.w_100 {width: 100% !important}

.f_12 {font-size: 12px !important;}
.f_13 {font-size: 13px !important;}
.f_14 {font-size: 14px !important;}
.f_18 {font-size: 18px !important;}

.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}
.vt {vertical-align: top!important;}
.vm {vertical-align: middle!important;}
.vb {vertical-align: bottom!important;}

.cl_bo {clear: both !important;}
.f_left {float: left !important;}
.f_right {float: right !important;}
.over_h {overflow: hidden !important;}
.wb_keep {word-break: keep-all !important;}

dl.skipnavi {position:relative; z-index: 9999;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/*서브공통*/
.board_title {margin: 50px 0 20px; display:flex; display:-webkit-flex;}
.board_title:first-of-type {margin: 0 0 20px;}
.board_title h4 {padding-left: 35px; display:flex; display:-webkit-flex; align-items: center; font-size: 26px; font-weight: 600; color: #0975dc; background: url('/images/hmpg/icon_board_title.png') no-repeat;}
.board_title.type2 {justify-content: space-between; align-items: flex-end;}
.board_title_s {margin: 30px 0 25px; font-size: 20px; font-weight: 600;}
.board_text {line-height: 28px; font-size: 17px; color: #666;}
.program_title {margin-bottom: 30px; display:flex; display:-webkit-flex; align-items: center; gap: 15px; font-size: 30px; font-weight: 600;}
.program_title .state {width: 70px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 500; text-align: center; color: #fff; border-radius: 5px;}
.program_title .state.state1 {background-color: #e12a3c;}
.program_title .state.state2 {background-color: #0276dd;}
.program_title .state.state3 {background-color: #434c54;}
.list_type > li {position: relative; padding-left: 10px;}
.list_type > li::after {content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #555;}
.num_list {counter-reset: num;}
.num_list > li {position: relative; padding-left: 22px;}
.num_list > li::before {content: counter(num); counter-increment: num 1; position: absolute; left: 0; top: 5px; width: 15px; height: 15px; font-size: 9px; line-height: 14px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 100%;}
.num_list2 {padding-left: 17px;}
.num_list2 > li {list-style: decimal;}
.img_box {position: relative; text-align: center;}
.img_box img {max-width: 100%;}
.point_box span {position: relative; padding-left: 10px; display: inline-block;}
.point_box span::before {content: '*'; position: absolute; left: 0; top: 3px; color: #fd0000;}

.d_area {margin: 0 auto; width: 1400px;}
.midarea {padding-top: 100px;}
.contentsarea {z-index: 299; margin-top: -90px; padding: 0 0 100px; position: relative; width: 100%; border-radius: 0 100px 0 0; background-color: #fff;}
.contentsarea::before {z-index: -1; position:absolute; top:-100px; left:0; content: ''; display:block; width: 100px; height: 100px; background:url("/images/hmpg/bg_contentsarea.png") no-repeat;}
.contentsarea .subtit {padding: 80px 0 0; margin: 0 0 50px; position: relative;}
.contentsarea .subtit h3 {font-size: 40px; line-height: 40px; font-weight: 600;}

/*lnb*/
.midarea .subtoparea {height: 300px;}
.midarea .subtoparea.subtoparea01 {background: #eaf2fa url('/images/hmpg/img_subtoparea01.png') no-repeat left calc(50% + 100px) bottom 60px / auto calc(100% - 30px);}/*평택시아동돌봄플랫폼소개*/
.midarea .subtoparea.subtoparea02 {background: #eaf2fa url('/images/hmpg/img_subtoparea02.png') no-repeat left calc(50% + 100px) bottom 60px / auto calc(100% - 30px);}/*아동돌봄서비스안내*/
.midarea .subtoparea.subtoparea03 {background: #eaf2fa url('/images/hmpg/img_subtoparea03.png') no-repeat left calc(50% + 100px) bottom 60px / auto calc(100% - 30px);}/*돌봄상담신청*/
.midarea .subtoparea.subtoparea04 {background: #eaf2fa url('/images/hmpg/img_subtoparea04.png') no-repeat left calc(50% + 100px) bottom 60px / auto calc(100% - 30px);}/*맞춤돌봄정보*/
.midarea .subtoparea.subtoparea05 {background: #eaf2fa url('/images/hmpg/img_subtoparea05.png') no-repeat left calc(50% + 100px) bottom 60px / auto calc(100% - 30px);}/*참여광장*/
.midarea .subtoparea.subtoparea06 {background: #eaf2fa url('/images/hmpg/img_subtoparea06.png') no-repeat left calc(50% + 100px) bottom 60px / auto calc(100% - 30px);}/*마이페이지*/
.midarea .subtoparea.subtoparea07 {background: #eaf2fa url('/images/hmpg/img_subtoparea07.png') no-repeat left calc(50% + 100px) bottom 60px / auto calc(100% - 30px);}/*멤버십*/
.midarea .subtoparea h2 {padding: 60px 0 25px; font-size: 45px; line-height: 45px; font-weight: 700;}
.midarea .subtoparea .lnb_area {display: flex; display:-webkit-flex; justify-content: left; align-items: center;}
.midarea .subtoparea .lnb_area > li {position: relative; width: 220px; height: 16px; line-height: 16px; border-right: 1px solid #cfd7dd;}
.midarea .subtoparea .lnb_area > li a {display: block; height: 16px; line-height: 16px; font-size: 16px; color: #666;}
.midarea .subtoparea .lnb_area > li.home {width: 36px;}
.midarea .subtoparea .lnb_area > li.home a {width: 16px; background: url('/images/hmpg/icon_lnb_home.png') no-repeat center;}
.midarea .subtoparea .lnb_area > li .dropdown > button {padding: 0 40px 0 20px; width: 100%; font-size: 16px; text-align: left; color: #666; background: url('/images/hmpg/icon_lnb_arrow.png') right 20px center no-repeat;}
.midarea .subtoparea .lnb_area > li .dropdown.open > button {background: url('/images/hmpg/icon_lnb_arrow_active.png') right 20px center no-repeat;}
.midarea .subtoparea .lnb_area > li .dropdown > button span {overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
.midarea .subtoparea .lnb_area > li .dropdown-menu {top: 35px; padding: 20px; width: 100%; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.midarea .subtoparea .lnb_area > li .dropdown-menu li {margin-bottom: 15px;}
.midarea .subtoparea .lnb_area > li .dropdown-menu li:last-child {margin-bottom: 0;}
.midarea .subtoparea .lnb_area > li .dropdown-menu li a {height: auto; line-height: 20px;}
.midarea .subtoparea .lnb_area > li .dropdown-menu li a:hover {color: #0975dc;}

/*addons*/
.addons {display:block; position:absolute; right:0; bottom:0; z-index:2;}
.addons .addons_item {display:inline-block; margin-left:10px; vertical-align:top}
.addons .addons_button {position:relative; width:46px; height:46px; border:1px solid #ced2d5; border-radius:50%; background-color:#fff; font-size:0; line-height:0; transition:all 0.25s ease-in-out;}
.addons .addons_button::before {content: ''; display:block; width:20px; height:20px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.addons .addons_button.print_anchor::before {background: url('/images/hmpg/icon_addons_print.png') no-repeat;}
.addons .addons_button.share_show::before {background: url('/images/hmpg/icon_addons_share.png') no-repeat;}
.addons .addons_item.share.active .addons_button {border-color:#555a69; background-color:#555a69;}
.addons .addons_item.share.active .addons_button.share_show::before {width:18px; height:18px; background: url('/images/hmpg/icon_addons_share_close.png') no-repeat;}
.addons .share {position:relative}
.addons .share_panel {opacity:0; visibility:hidden; position:absolute; bottom:-190px; right:0; width:234px; padding:20px 20px 5px; border-radius:20px; background-color:#fff; box-shadow:0 5px 20px 0 rgba(56,56,56,0.15); font-size:0; text-align:center; line-height:0; transition:.25s ease-in-out;}
.addons .share.active .share_panel {opacity:1; visibility:inherit;}
.addons .share_item {display:inline-block; position:relative; width:33.3333333333%; margin-bottom:15px; text-align:center;}
.addons .share_anchor {display:block; position:relative; padding-top:48px; line-height: 14px; font-size:14px; color: #666;}
.addons .share_anchor::before {content: ''; display:block; width:38px; height:38px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.addons .share_item.kakao .share_anchor::before {background: url('/images/hmpg/icon_addons_share_kakao.png') no-repeat;}
.addons .share_item.facebook .share_anchor::before {background: url('/images/hmpg/icon_addons_share_facebook.png') no-repeat;}
.addons .share_item.x .share_anchor::before {background: url('/images/hmpg/icon_addons_share_x.png') no-repeat;}
.addons .share_item.blog .share_anchor::before {background: url('/images/hmpg/icon_addons_share_blog.png') no-repeat;}
.addons .share_item.mail .share_anchor::before {background: url('/images/hmpg/icon_addons_share_mail.png') no-repeat;}
.addons .share_item.copy .share_anchor::before {background: url('/images/hmpg/icon_addons_share_copy.png') no-repeat;}

/*pageinfo*/
.pageinfo {margin-top: 180px; border-radius: 20px; border: solid 1px #ddd; background-color: #fff;}
.pageinfo .info_nuri {display:flex; display:-webkit-flex; padding: 30px; align-items:center; gap:15px;}
.pageinfo .info_nuri img {height: 30px;}
.pageinfo .info_nuri p {font-size:16px; color:#666;}
.pageinfo .info_nuri p span {color:#0e78d5;}
.pageinfo .info_satisfy {padding: 20px 30px; position: relative; background-color:#f4f4f9;}
.pageinfo .info_satisfy p {padding-left: 35px; font-size:18px; font-weight: 500; word-break:keep-all; background:url(/images/hmpg/satisfy_icon1.png) no-repeat;}
.pageinfo .info_satisfy .radio_box {margin-top:10px; padding-left: 35px;}
.pageinfo .info_satisfy .radio_box input[type=radio]:checked + label::before {background-color: #0e78d5;}
.pageinfo .info_satisfy .radio_box input[type=radio]:checked + label::after {border: 1px solid #0e78d5;}
.pageinfo .info_satisfy .satisfy_inp {margin-top:15px; padding-left: 35px; display:flex; display:-webkit-flex; justify-content: space-between;}
.pageinfo .info_satisfy .satisfy_inp input {display: none; width:calc(100% - 110px); height: 48px; padding: 0 15px; border:1px solid #d5d7dd; border-radius: 5px;}
.pageinfo .info_satisfy .satisfy_inp input::placeholder {color:#666;}
.pageinfo .info_satisfy .satisfy_inp button {position: absolute; bottom: 35px; right: 30px; width:100px; height: 48px; text-align:center; border-radius: 5px; background-color:#0975dc; color:#fff;}
.pageinfo .info_manager {display:flex; display:-webkit-flex; align-items:center; padding: 20px 30px; gap: 40px;}
.pageinfo .info_manager div {display:flex; display:-webkit-flex; align-items:center; font-size: 15px; font-weight:500; gap: 10px; flex-shrink:0;}
.pageinfo .info_manager div::before {content: ''; display: block; width: 23px; height: 22px; background:url(/images/hmpg/satisfy_icon2.png) no-repeat;}
.pageinfo .info_manager ul {display:flex; display:-webkit-flex; flex-wrap: wrap; gap: 0 40px;}
.pageinfo .info_manager ul li {display:flex; display:-webkit-flex; gap: 30px; font-size:15px; color:#666;}
.pageinfo .info_manager ul li span {position:relative; font-weight: 500; color:#222;}
.pageinfo .info_manager ul li span::before {content: ''; display:block; position:absolute; top:0; right:-15px; bottom:0; width:1px; height:10px; margin:auto 0; background-color:#cdd1d5;}

/*탭*/
.tabmenu {z-index: 180; position: relative; margin: 35px 0;}
.tabmenu > button {display: none;}
.tabmenu .dropdown-menu {display: flex; display:-webkit-flex;}
.tabmenu .dropdown-menu li {width: 100%;}
.tabmenu .dropdown-menu li button {padding: 0 10px; width: 100%; height: 60px; font-size: 18px; color: #666; border: 1px solid #ddd; border-right: 0; word-break: keep-all;}
.tabmenu .dropdown-menu li:last-child button {border-right: 1px solid #ddd;}
.tabmenu .dropdown-menu li button span {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 80px; -webkit-line-clamp: 3; line-height: 22px;}
.tabmenu .dropdown-menu li button[data-selected="selected"] {color: #fff; background-color: #0276dd; border-color: #0276dd !important;}
.tab {margin-bottom: 30px; display: flex; display:-webkit-flex; justify-content: center; background-color: #f3f5f8; border-radius: 50px;}
.tab li {width: 100%;}
.tab li a {padding: 0 20px; display: block; height: 50px; line-height: 50px; font-size: 17px; text-align: center; border-radius: 50px; color: #555;}
.tab li.active a {font-weight: 500; color: #fff; background-color: #0276dd;}

/*지도*/
.map_area {margin-bottom: 60px; width: 100%; height: 500px;}
.map_area .root_daum_roughmap {width: 100%; height: 100% !important;}
.map_area .root_daum_roughmap .wrap_map {height: calc(100% - 1px) !important;}

/*평택시아동돌봄플랫폼소개*/
.contents.guide {text-align: center;}
.contents.guide .guide_visual img {max-width: 100%; height: auto;}
.contents.guide .guide_text .text1 {line-height: 40px; font-size: 26px; font-weight: 500;}
.contents.guide .guide_text .text1 span {font-weight: 700;}
.contents.guide .guide_text .text2 {margin-top: 40px; line-height: 32px; font-size: 20px; color: #666;}
.contents.guide .guide_list {margin-top: 80px; padding: 50px 30px 60px; background-color: #f6f7f7; border-radius: 50px;}
.contents.guide .guide_list .tit {font-size: 30px; font-weight: 600;}
.contents.guide .guide_list .list {margin-top: 50px; line-height: 26px; font-size: 18px; font-weight: 500; display: flex; display:-webkit-flex; justify-content: center; gap: 80px;}
.contents.guide .guide_list .list li {padding-top: 150px; position: relative;}
.contents.guide .guide_list .list li::before {content: ''; display: block; position: absolute; top: 0; left: calc(50% - 60px); width:120px; height:120px; border-radius: 50%;}
.contents.guide .guide_list .list li.list1::before {background: #4aa7fb url(/images/hmpg/icon_guide_list1.png) no-repeat center;}
.contents.guide .guide_list .list li.list2::before {background: #4aa7fb url(/images/hmpg/icon_guide_list2.png) no-repeat center;}
.contents.guide .guide_list .list li.list3::before {background: #4aa7fb url(/images/hmpg/icon_guide_list3.png) no-repeat center;}
.contents.guide .guide_list .list li.list4::before {background: #4aa7fb url(/images/hmpg/icon_guide_list4.png) no-repeat center;}
.contents.guide .guide_top1 {margin: 90px 0 0;}
.contents.guide .guide_top1 ul {margin: 0 auto; width: 920px; height: 177px; background: url(/images/hmpg/img_intro1.png) no-repeat center; display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
.contents.guide .guide_top1 ul li {width: 50%;}
.contents.guide .guide_top1 ul li:first-child {color: #255f25;}
.contents.guide .guide_top1 ul li:last-child {color: #02548d;}
.contents.guide .guide_top1 ul li .tit {font-size: 30px; font-weight: 600;}
.contents.guide .guide_top1 ul li .txt {margin-top: 20px; line-height: 28px; font-size: 20px;}
.contents.guide .guide_top2 {margin: 180px auto 310px; position: relative;}
.contents.guide .guide_top2 .box_list {width: 250px; text-align: left; word-break: keep-all;}
.contents.guide .guide_top2 .box_list.box_list1 {position: absolute; top: 135px; left: calc(50% - 650px);}
.contents.guide .guide_top2 .box_list.box_list2 {position: absolute; top: 135px; right: calc(50% - 650px);}
.contents.guide .guide_top2 .box_list.box_list3 {position: absolute; bottom: -180px; left: calc(50% - 115px);}
.contents.guide .guide_top2 .box_list .tit {margin-bottom: 10px; font-size: 20px; font-weight: 500;}
.contents.guide .guide_top2 .box_list.box_list1 .tit {color: #0975dc;}
.contents.guide .guide_top2 .box_list.box_list2 .tit {color: #469002;}
.contents.guide .guide_top2 .box_list.box_list3 .tit {text-align: center; color: #048882;}
.contents.guide .guide_top2 .box_list ul li {padding-left: 10px; position: relative; line-height: 24px; font-size: 15px; color: #666;}
.contents.guide .guide_top2 .box_list ul li::before {content: ''; display: block; position: absolute; top: 10px; left: 0; width:3px; height:3px; background-color: #666;}
.contents.guide .box {padding: 50px 60px; border-radius: 20px; background-color: #f6f7f7;}
.contents.guide .box > .tit {margin-bottom: 30px; font-size: 30px; font-weight: 600;}
.contents.guide .box .box_list_wrap {display:flex; gap: 40px;}
.contents.guide .box .box_list_wrap .box_list {width: calc(3333.3333333333% - 26.66666666666667px); background-color: #fff; border-radius: 20px; word-break: keep-all;}
.contents.guide .box .box_list_wrap .box_list .tit {padding: 18px 0; font-size: 20px; font-weight: 600; color: #fff; border-radius: 20px 20px 0 0; background-color: #0975dc;}
.contents.guide .box .box_list_wrap .box_list .tit span {margin-right: 13px; display: inline-block; width: 26px; height: 26px; line-height: 26px; font-size: 16px; border-radius: 50%; color: #0975dc; background-color: #fff;}
.contents.guide .box .box_list_wrap .box_list ul {padding: 20px; }
.contents.guide .box .box_list_wrap .box_list ul li {margin-bottom: 5px; padding-left: 10px; position: relative; line-height: 24px; text-align: left; color: #666;}
.contents.guide .box .box_list_wrap .box_list ul li:last-child {margin-bottom: 0;}
.contents.guide .box .box_list_wrap .box_list ul li::before {content: ''; display: block; position: absolute; top: 10px; left: 0; width:4px; height:4px; border-radius: 50%; background-color: #0975dc;}

/*아동돌봄서비스안내*/
.contents.service .service_box {overflow: hidden; word-break: keep-all; border-radius: 20px 20px 80px 20px; box-shadow: 0 5px 20px 0 rgba(56,56,56,0.15);}
.contents.service .service_box .top {padding: 40px 200px 40px 50px; background: url(/images/hmpg/bg_service_box.png) no-repeat right 22px bottom 0;}
.contents.service .service_box .top .tit {line-height: 26px; font-size: 26px; font-weight: 500; color: #0975dc;}
.contents.service .service_box .top .txt {margin-top: 15px; line-height: 30px; font-size: 20px; color: #444;}
.contents.service .service_box .top .txt span {font-size: 16px;}
.contents.service .service_box .bottom {padding: 40px 50px; background-color: #fcfbf5;}
.contents.service .service_box .bottom .tit {display:flex; align-items: center; flex-wrap: wrap; gap: 20px; line-height: 20px; font-size: 20px; font-weight: 500; color: #0975dc;}
.contents.service .service_box .bottom ul {margin-top: 15px;}
.contents.service .service_box .bottom ul li {margin-bottom: 5px; padding-left: 15px; position: relative;}
.contents.service .service_box .bottom ul li:last-child {margin-bottom: 0;}
.contents.service .service_box .bottom ul li::before {content: ''; display: block; position: absolute; top: 9px; left: 0; width:6px; height:6px; border-radius: 50%; background-color: #0975dc;}
.contents.service .button_box {margin-top: 50px;}
.contents.service .service_step {padding: 25px; border-radius: 20px; background-color: #f4f5f6;}
.contents.service .service_step ul {display:flex; gap: 40px;}
.contents.service .service_step ul li {padding: 30px 0; position: relative; flex: 1 1 auto; font-size: 20px; text-align: center; border-radius: 10px; background-color: #fff;}
.contents.service .service_step ul li::after {content: ""; position: absolute; right: -30px; top: calc(50% - 9px); width: 20px; height: 18px; background: url('/images/hmpg/icon_service_step.png') no-repeat 0 0 / contain;}
.contents.service .service_step ul li:last-child:after {display: none;}
.contents.service .service_step2 {padding: 25px; border-radius: 20px; background-color: #f4f5f6;}
.contents.service .service_step2 > ul {display:flex; gap: 40px;}
.contents.service .service_step2 > ul > li {position: relative;}
.contents.service .service_step2.list1 > ul > li {width: calc((100% - 120px) / 4);}
.contents.service .service_step2.list2 > ul > li {width: 240px;}
.contents.service .service_step2.list2 > ul > li:nth-child(2) {width: calc(100% - 480px - (80px / 3));}
.contents.service .service_step2.list3 > ul > li {width: 300px;}
.contents.service .service_step2.list3 > ul > li:nth-child(1) {width: calc(100% - 340px);}
.contents.service .service_step2.list4 > ul > li {width: calc((100% - 80px) / 3);}
.contents.service .service_step2 > ul > li::after {content: ""; position: absolute; right: -30px; top: calc(50% - 9px); width: 20px; height: 18px; background: url('/images/hmpg/icon_service_step.png') no-repeat 0 0 / contain;}
.contents.service .service_step2 > ul > li:last-child:after {display: none;}
.contents.service .service_step2 > ul > li .tit {margin-bottom: 5px; height: 50px; line-height: 50px; font-size: 20px; font-weight: 500; text-align: center; border-radius: 10px; color: #fff;}
.contents.service .service_step2 > ul > li.type1 .tit {background-color: #e6115c;}
.contents.service .service_step2 > ul > li.type2 .tit {background-color: #0975dc;}
.contents.service .service_step2 > ul > li.type3 .tit {background-color: #018706;}
.contents.service .service_step2 > ul > li .txt {padding: 20px 20px 20px 53px; height: calc(100% - 55px); border-radius: 10px; background-color: #fff; letter-spacing: -0.5px;}
.contents.service .service_step2 > ul > li .txt > p {margin-bottom: 8px; position: relative; font-size: 18px; letter-spacing: -0.7px;}
.contents.service .service_step2 > ul > li .txt > p:last-child {margin-bottom: 0;}
.contents.service .service_step2 > ul > li .txt > p .num {position: absolute; top: 0; left: -33px; display: block; width: 25px; height: 25px; line-height: 25px; font-size: 15px; font-weight: 500; text-align: center; border-radius: 50%; color: #fff;}
.contents.service .service_step2 > ul > li.type1 .txt > p .num {background-color: #e6115c;}
.contents.service .service_step2 > ul > li.type2 .txt > p .num {background-color: #0975dc;}
.contents.service .service_step2 > ul > li.type3 .txt > p .num {background-color: #018706;}
.contents.service .service_step2 > ul > li .txt > p .stxt {display: block; font-size: 16px;}
.contents.service .service_step2 > ul > li .listtype-other {margin-left: 10px;}
.contents.service .service_step2 > ul > li .listtype-other > li > span {margin-left: -10px;}
.contents.service .service_step2.list2 > ul > li .txt_wrap {display:flex; gap: 5px; height: calc(100% - 55px);}
.contents.service .service_step2.list2 > ul > li .txt_wrap .txt {height: 100%;}
.contents.service .service_step2.list3 ul {flex-wrap: wrap;}
.contents.service .service_step2.list3 > ul > li::after {display: none;}
.contents.service .service_step2.list3 > ul > li .txt {padding: 10px; height: 50px; text-align: center;}
.contents.service .service_step2.list3 > ul > li .txt_wrap {display:flex; flex-wrap: wrap; gap: 5px; height: auto;}
.contents.service .service_step2.list3 > ul > li .txt_wrap .txt {padding: 25px 20px 0 53px; width: calc(33.3333333333% - 3.333333333333333px); height: 80px; text-align: left;}
.contents.service .service_step2.list3 > ul > li .wrap {position: relative;}
.contents.service .service_step2.list3 > ul > li .wrap::before {content: ""; position: absolute; left: -30px; top: calc(50% - 9px); width: 20px; height: 18px; background: url('/images/hmpg/icon_service_step.png') no-repeat 0 0 / contain;}
.contents.service .service_step2.list3 > ul > li .wrap:first-child .tit {background-color: #018706;}
.contents.service .service_step2.list3 > ul > li .wrap:first-child .txt {margin-bottom: 10px;}
.contents.service .qr {}

/*돌봄상담신청*/
.program .p_accordion .p_accordion_item {margin-top: 40px; position: relative;}
.program .p_accordion .p_accordion_item + .p_accordion_item {margin-top: 30px;}
.program .p_accordion .p_accordion_item .p_accordion_button {display:flex; gap: 15px; position: relative; width: 100%; padding: 30px 80px 30px 30px; text-align: left; background-color: #0276dd; border-radius: 20px;}
.program .p_accordion .p_accordion_item .p_accordion_button:after {content: ""; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto 0; width: 22px; height: 12px; background: url('/images/hmpg/icon_accordion_arrow.png') no-repeat 0 0 / contain; transition: transform 0.3s;}
.program .p_accordion .p_accordion_item .step {width: 80px; height: 32px; line-height: 32px; background: #fff; border-radius: 32px; color: #0276dd; font-size: 16px; font-weight: 700; text-align: center;}
.program .p_accordion .p_accordion_item .title {font-weight: 500; font-size: 20px; color: #fff; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.program .p_accordion .p_accordion_item .p_accordion_body {margin-top: 20px;}
.program .p_accordion .p_accordion_item.active .p_accordion_button:after {transform: rotate(180deg);}
.program .p_accordion .p_accordion_item.active .p_accordion_body {position: relative; display: block;}
.program .p_accordion .p_accordion_item.done {border: 1px solid #cdd1d5; border-radius: 20px;}
.program .p_accordion .p_accordion_item.done .done_header {display:flex; gap: 15px; position: relative; width: 100%; padding: 25px 80px 25px 30px; border-radius: 20px; text-align: left;}
.program .p_accordion .p_accordion_item.done .done_header::after {content: ""; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto 0; width: 22px; height: 12px; background: url('/images/hmpg/icon_accordion_arrow2.png') no-repeat 0 0 / contain; transition: transform 0.3s ease-in-out;}
.program .p_accordion .p_accordion_item.done .done_header .step {width: 80px; height: 32px; line-height: 32px; background: #0276dd; border-radius: 32px; color: #fff; font-size: 16px; font-weight: 700; text-align: center;}
.program .p_accordion .p_accordion_item.done .done_header .title {font-weight: 500; font-size: 20px; color: #222; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.program .p_accordion .p_accordion_item.done .done_box {display: flex; position: relative; padding: 25px 30px 25px; border-radius: 0 0 20px 20px; background-color: #f4f5f6; font-size: 0; line-height: 0;}
.program .p_accordion .p_accordion_item.done .done_box .done_title {position: relative; color: #00865f; font-size: 18px; font-weight: 600; line-height: 28px; letter-spacing: -0.025em; word-break: keep-all;}
.program .p_accordion .p_accordion_item.done .done_box .done_info {display: flex; position: relative; margin-left: 50px;}
.program .p_accordion .p_accordion_item.done .done_box .done_info li {position: relative; color: #555; font-size: 17px; line-height: 28px; letter-spacing: -0.02em; word-break: keep-all;}
.program .p_accordion .p_accordion_item.done .done_box .done_info li.name {margin-right: 20px; padding-left: 30px; font-weight: 500; color: #222;}
.program .p_accordion .p_accordion_item.done .done_box .done_info li.name::before {content: ''; display: block; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background: url('/images/hmpg/icon_reserve_info1.png') no-repeat 0 0 / contain;}
.program .p_accordion .p_accordion_item.done .done_box button {position: absolute; top: 16px; right: 30px; width: 80px; height: 46px; line-height: 44px; font-weight: 500; border-radius: 8px;}
.program.reserve_program .button_box {margin-top: 50px;}
.program.reserve_program .button_box button {font-size: 20px; font-weight: 500;}
/*step1*/
.program.reserve_program {position:relative;}
.program.reserve_program .reserve_list {display:flex; font-size:0; line-height:0; gap:40px; flex-wrap:wrap;}
.program.reserve_program .reserve_item {display:inline-block; position:relative; width:calc((100% - 80px)/3); padding:2px; border-radius:20px; border: 1px solid #e7eaec; background-color:#fff; box-shadow:0 5px 20px 0 rgba(56,56,56,0.15); text-align:center; vertical-align:top; transition:background-color 0.3s ease-in-out;}
.program.reserve_program .reserve_item:hover {background-color:#55affd;}
.program.reserve_program .reserve_item .reserve_inner {display:block; height:100%; padding: 30px 25px 100px; border-radius:20px; background-color:#fff;}
.program.reserve_program .reserve_item .bookmark_box {position: absolute; top: 20px; right: 20px;}
.program.reserve_program .reserve_item .reserve_name {display:inline-block; padding:0 25px; border-radius:32px; color:#fff; background-color: #00865f; font-size:16px; line-height:32px; letter-spacing:-0.01em;}
.program.reserve_program .reserve_item .reserve_title {display:block; overflow:hidden; margin-top:17px; font-size:28px; font-weight:600; text-overflow:ellipsis; line-height:32px; white-space:nowrap; letter-spacing:0;}
.program.reserve_program .reserve_item .reserve_person {display:flex; position:relative; margin: 25px 0 0 -25px; padding: 20px 25px; width:calc(100% + 50px); justify-content:center; background-color: #f4f5f6;}
.program.reserve_program .reserve_item .reserve_person li {display:inline-block; position:relative; width: 33.3333333333%; border-right: 1px solid #dcdee0; vertical-align:top;}
.program.reserve_program .reserve_item .reserve_person li:last-child {border-right: 0;}
.program.reserve_program .reserve_item .reserve_person li p {font-size:18px; font-weight:400; line-height:20px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_item .reserve_person li div {margin-top:10px; font-size:18px; line-height:32px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_item .reserve_person li div span {margin-right: 5px; font-size:30px; font-weight:700;}
.program.reserve_program .reserve_item .reserve_person li.n2 div {color:#0971cf;}
.program.reserve_program .reserve_item .reserve_person li.n3 div {color:#666;}
.program.reserve_program .reserve_item .reserve_age {display:inline-block; position:relative; min-width:300px; margin-top:25px; height: 50px; line-height: 50px; background-color: #eef7f4; border-radius:50px;}
.program.reserve_program .reserve_item .reserve_age span {color:#007e59; font-size:18px; letter-spacing:-0.05em;}
.program.reserve_program .reserve_item .reserve_age span em {font-style:normal;}
.program.reserve_program .reserve_item .reserve_info {margin-top:20px; text-align: left; color:#666; font-size: 16px; line-height: 22px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_item .reserve_info li+li {margin-top:10px;}
.program.reserve_program .reserve_item .reserve_info span {position:relative; display: block; padding-left:30px; word-break:keep-all;}
.program.reserve_program .reserve_item .reserve_info span::before {content: ''; display:block; position:absolute; left:0; background-repeat:no-repeat; background-size:contain; content:'';}
.program.reserve_program .reserve_item .reserve_info .address span::before {content: ''; top:0; width:20px; height:20px; background-image:url('/images/hmpg/icon_reserve_info1.png');}
.program.reserve_program .reserve_item .reserve_info .tel span::before {content: ''; top:0; width:20px; height:20px; background-image:url('/images/hmpg/icon_reserve_info2.png');}
.program.reserve_program .reserve_item .reserve_anchor {display:block; position:absolute; left:25px; right:25px; bottom:25px; padding:15px 10px; border-radius:10px; background-color:#0778d6; color:#fff; transition:background-color 0.3s ease-in-out; /* margin-top:30px; */}
.program.reserve_program .reserve_item .reserve_anchor:hover {background-color:#0768d6;}
.program.reserve_program .reserve_item .reserve_anchor span {position:relative; padding-left:32px; font-size:24px; font-weight:500; line-height:28px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_item .reserve_anchor span::before {content: ''; display:block; position:absolute; top:2px; left:0; width:23px; height:21px; background:url('/images/hmpg/icon_reserve_anchor.png') no-repeat 0 0 / contain;}
/*step2*/
.program.reserve_program .reserve_form {position: relative; padding: 30px 30px 50px; border-radius: 20px; background-color: #fff; box-shadow: 0 5px 20px 0 rgba(56,56,56,0.15);}
.program.reserve_program .reserve_form .reserve_box {position: relative; padding: 25px 20px; border-radius: 10px; background-color: #fdf9e6; font-size: 24px; font-weight: 600; text-align: center; letter-spacing: -0.025em;}
/*step3*/
.program.reserve_program .agree_wrap {position: relative; padding: 40px 150px; border-radius: 20px; background-color: #fff; box-shadow: 0 5px 20px 0 rgba(56,56,56,0.15);}
.program.reserve_program .agree_wrap h4 {margin-bottom: 15px; font-size: 26px; font-weight: 600;}
.program.reserve_program .agree_wrap h4 span {font-weight: 400; color: #ee0000;}
.program.reserve_program .agree_box {position: relative; padding: 30px; border: 1px solid #cdd1d5; border-radius: 15px;}
.program.reserve_program .agree_box .text {display: flex; font-size: 18px; line-height: 26px; letter-spacing: -0.01em; word-break: keep-all; justify-content: space-between;}
.program.reserve_program .agree_box .text + .text {margin-top: 25px;}
.program.reserve_program .agree_box .text + .tablebasic {margin-top: 20px;}
.program.reserve_program .tablebasic table {border-top-color: #0276dd;}
.program.reserve_program .tablebasic table thead tr {border-bottom-color: #81c4ff;}
.program.reserve_program .tablebasic table tr th {font-size: 18px; font-weight: 500; background-color: #eef7ff;}
.program.reserve_program .tablebasic table tr td {padding: 20px; line-height: 26px; font-size: 18px; color: #666;}
.program.reserve_program .agree_check_wrap {margin-top: 15px;}
.program.reserve_program .agree_check_wrap .check_box {justify-content: flex-end;}
.program.reserve_program .agree_check_wrap + h4 {margin-top: 50px;}
.program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label {padding-left: 35px; line-height: 25px; font-size: 18px; color: #666;}
.program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label::before {top: 0; width: 23px; height: 23px;}
.program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label span {color: #ee0000;}
/*step4*/
.program.reserve_program .accordion_complete_box {position: relative; padding: 50px 0; border-radius: 20px; background-color: #fff; box-shadow: 0 5px 20px 0 rgba(56,56,56,0.15);}
.program.reserve_program .accordion_complete_box .complete_content {display: block; position: relative; padding-top: 190px; text-align: center; background: url('/images/hmpg/img_accordion_complete.png') no-repeat center 0;}
.program.reserve_program .accordion_complete_box .complete_content .txt1 {font-size: 26px; font-weight: 500; line-height: 36px; letter-spacing: 0; word-break: keep-all;}
.program.reserve_program .accordion_complete_box .complete_content .txt2 {margin-top: 10px; font-size: 18px; line-height: 26px; letter-spacing: 0; word-break: keep-all; color: #666;}

/*맞춤돌봄정보*/
/*돌봄정보*/
.dolbom_program h3 {margin-top:60px;}
.dolbom_program .dolbomList .dolbom_panel_wrap {margin-bottom: 60px; padding: 25px 30px 30px; border-radius: 20px; border: 1px solid #d7dadd;}
.dolbom_program .dolbomList .dolbom_panel {display:flex; gap:35px; flex-direction:column;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head {display:flex; justify-content:space-between; align-items:center;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_subject {margin: 0 0 15px 20px; font-size:20px; font-weight:500;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap {padding: 20px; border-radius:20px; background-color:#f4f5f6;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_list {display:flex; flex-wrap:wrap; gap:10px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item {position:relative;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item input {position:absolute; top:10px; left:10px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item label {display:block; overflow:hidden; position:relative; width:100%; border:1px solid #cdd1d5; border-radius:10px; background-color:#fff; color:#464c53; font-size:18px; text-align:center; line-height:48px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item input:focus + label {outline-style:dashed;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item input:checked + label {border-color: #00865f; background-color:#00865f; color:#fff;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap .dolbom_item {width:calc(10% - 9px);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box {padding-left: 20px; position:relative; display:flex; align-items: flex-start;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box + .dolbom_list_box {margin-top: 20px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list_title {width: 105px; line-height: 50px; display:flex; color:#222; font-size:18px; font-weight:600; gap:5px; align-items:center;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list {width: calc(100% - 105px);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list .dolbom_item {width:170px;}
.dolbom_program .dolbom_panel_wrap .button_box {margin-top:30px;}
.dolbom_program .dolbom_panel_wrap .button_box button {width: 100px; height: 50px; line-height: 50px; font-size: 18px; display:flex; justify-content:center; align-items:center; gap:5px;}
.dolbom_program .dolbom_panel_wrap .button_box button::before {content: ''; display:block; width:17px; height:17px; background-repeat:no-repeat;}
.dolbom_program .dolbom_panel_wrap .button_box .btn_search::before {background-image:url(/images/hmpg/icon_dolbom_reset.png);}
.dolbom_program .dolbom_panel_wrap .button_box .btn_reset::before {background-image:url(/images/hmpg/icon_dolbom_search.png);}
.dolbom_program .dolbomList .dolbom_result_list {display:flex; gap:26px;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item {position: relative; width:calc(33.33% - 17px); text-align:center; border-radius:20px; border: 1px solid transparent; transition: 0.3s ease-in-out;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item:hover {border-color: #55affd;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item.nodata {width:100%; border-radius:0; border: none !important; box-shadow:none;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item .bus {z-index: 9; position: absolute; top: 20px; left: 20px; width: 40px; height: 26px; font-size: 0; background:url(/images/hmpg/icon_bus.png) no-repeat center / contain;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item .bookmark_box {z-index: 9; position: absolute; top: 20px; right: 20px;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a {display:block; display:flex; overflow:hidden; position:relative; height:100%; border-radius:19px; background-color:#fff; border: 1px solid #e8ebed; box-shadow:0px 5px 20px 0 rgba(56, 56, 56, 0.15); word-break:keep-all; flex-direction:column; justify-content:space-between; transition: 0.3s ease-in-out;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item:hover a {border-color: #55affd;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag {display:flex; padding:50px 20px 0; gap: 5px; flex-wrap:wrap; justify-content:center;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li {min-width:100px; line-height: 34px; padding:0 10px; border:1px solid #af90e2; border-radius:5px; color:#7c3ae8; font-size:16px;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li.orange {border-color:#f5a77d; color:#db3a02;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li.green {border-color:#73bac5; color:#017f92;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text {display:flex; min-height:205px; padding:10px 20px; align-items:center; justify-content:center; flex-direction:column; gap:25px;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_name {color:#222; font-size:28px; font-weight:500; line-height:1.2; word-break:break-all;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item:hover a .text .text_name {color: #0276dd;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_address {color:#666; font-size:18px; line-height:1.44; word-break:keep-all;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_address::before {margin: 2px 5px 0 0; content: ''; display:block; display:inline-block; width:20px; height:20px; background:url(/images/hmpg/icon_reserve_info1.png); vertical-align:top;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .num {display:flex; min-height:60px; padding:10px 20px; background-color:#f4f5f6; color:#222; font-size:20px; align-items:center; justify-content:center;}
.dolbom_program .dolbomView .view_top {padding: 30px 0; display:flex; margin-bottom: 60px; justify-content:space-between; gap:20px; border-top: 2px solid #393e46; border-bottom: 1px solid #ddd;} 
.dolbom_program .dolbomView .view_top .text {width: calc(100% - 620px);}
.dolbom_program .dolbomView .view_top .text .text_name {margin: 10px 0 40px; font-size:32px; font-weight: 500;} 
.dolbom_program .dolbomView .view_top .text .bu > li {display: flex; font-size: 18px;}
.dolbom_program .dolbomView .view_top .text .bu > li::before {top: 10px; left: 7px; width: 6px; height: 6px; border-radius: 50%; background-color: #0276dd;}
.dolbom_program .dolbomView .view_top .text .bu > li .tit {width: 110px; font-weight: 500; color: #222;}
.dolbom_program .dolbomView .view_top .text .bu > li .txt {width: calc(100% - 110px);}
.dolbom_program .dolbomView .view_top .text .bu > li .link_text {font-size: 18px;}
.dolbom_program .dolbomView .view_top .img {overflow: hidden; position: relative; width:600px; height: 400px; flex-shrink:0; border-radius: 20px;} 
.dolbom_program .dolbomView .view_top .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} 
.dolbom_program .dolbomView .tablebasic table tr th {padding: 15px; font-size: 18px; font-weight: 500;}
.dolbom_program .dolbomView .tablebasic table tr td {padding: 15px 30px; font-size: 18px; text-align:left;}
.dolbom_program .dolbomView .thumb_slide {padding: 0 100px; position: relative;} 
.dolbom_program .dolbomView .thumb_slide .slick-slider .list .img_area {overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 58%; border: 0;} 
.dolbom_program .dolbomView .thumb_slide .slick-slider .list .img_area img {width: 100%; height: 100%; border-radius: 20px;} 
.dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots-wrap {margin-top: 10px; gap: 10px;} 
.dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots {width: 100%; gap: 10px;} 
.dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots li {width: calc(16.66666666666667% - 8.333333333333333px); height: 0; padding-bottom: 10%; border: 0;} 
.dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots li img {width: 100%; height: 100%; border-radius: 20px;} 
.dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots li.slick-active img {border: 0;} 
/*복지정보*/
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a {padding-bottom:120px;}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag li {min-width: 80px; background-color: #edfbed; border:1px solid #b9dcb9; color:#007e59;}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .text {padding: 40px 20px; justify-content:start; gap:14px;}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .text .text_text {color:#666; font-size:18px; line-height:1.44;}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .num {position:absolute; left:0; right:0; bottom:0; min-height:120px; font-size:16px; line-height:1.63;}
.dolbom_program .dolbomList .dolbom_sch {margin-bottom:50px; padding:10px 50px; border-radius:20px; border: 1px solid #d7dadd;}
.dolbom_program .dolbomList .dolbom_sch .sch_area {display:flex; flex-direction:column;}
.dolbom_program .dolbomList .dolbom_sch .sch_area > div {border-bottom: 1px solid #d7dadd; padding: 20px 0; display:flex; align-items: center; width: 100%;}
.dolbom_program .dolbomList .dolbom_sch .sch_area > div:last-child {border-bottom: 0;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .tit {width: 110px; font-size: 20px; font-weight: 500;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_list {width: calc(100% - 110px); display:flex; position:relative; flex-wrap:wrap; gap:10px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item {width: calc(10% - 9px);}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item input {position:absolute; top:10px; left:10px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item label {display:block; overflow:hidden; position:relative; width:100%; border:1px solid #d7dadd; border-radius:5px; background-color:#fff; color:#464c53; font-size:18px; text-align:center; line-height:48px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item input:focus + label {outline-style:dashed;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item input:checked + label {border:1px solid #00865f; background-color:#00865f; color:#fff; line-height:46px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp {display:flex; gap: 10px; width: calc(100% - 110px);}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .inpbox {width:calc(100% - 220px); height: 50px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .inpbox input {padding: 0 15px; font-size: 18px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp button {width: 100px; height: 50px; display:flex; justify-content:center; align-items:center; gap:5px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp button::before {content: ''; display:block; width:17px; height:17px; background-repeat:no-repeat;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn_search::before {background-image:url(/images/hmpg/icon_dolbom_reset.png);}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn_reset::before {background-image:url(/images/hmpg/icon_dolbom_search.png);}
.dolbom_program .dolbomView .view_title {margin-bottom: 60px; display:flex; min-height:100px; padding:20px; border-radius:12px; background-color:#cce6ff; color:#005eb8; font-size:30px; font-weight: 600; text-align:center; align-items:center; justify-content:center;}
.dolbom_program .dolbomView .button_box {margin-top: 80px;}
.dolbom_program .dolbomView .button_box button {font-size: 20px; font-weight: 500;}
.bu {display: flex; flex-direction: column; gap: 10px;}
.bu > li {position: relative; padding-left: 23px; color: #666; font-size: 17px;}
.bu > li::before {content: ''; display: block; position: absolute; top: 11px; left: 10px; width: 4px; height: 4px; background-color: #666;}
.bu > li span {font-size: 15px;}
.tu {display: flex; flex-wrap: wrap; gap: 10px;}
.tu li {padding: 10px 20px; border-radius: 25px; background-color: #f4f5f6; color: #444; font-size: 17px;}
.border_box {display: flex; margin-top: 20px; padding: 30px; background-color: #f7f7f7; border-radius: 12px; flex-direction: column; gap: 10px;}
.border_box > div {font-size: 18px; font-weight: 500;}
.border_box > p {color: #666; font-size: 17px;}
.link_text {display: inline-block; font-size: 17px; text-decoration: underline;}
.link_text::after {content: ''; display: inline-block; width: 17px; height: 17px; margin: 5px 5px 0 10px; background: url(/images/hmpg/icon_shortcut.png) no-repeat center / cover; vertical-align: top;}

/*참여광장*/
.program_wrap {display: flex; display:-webkit-flex; gap: 40px;}
.program_wrap .left {width: 50%;}
.program_wrap .imgview {position: relative; width: calc(50% - 40px); height: 347px; border: 1px solid #ddd;}
.program_wrap .imgview img {object-fit: cover; width: 100%; height: 100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

/*마이페이지*/
.membership_area.box {margin: 0 auto; padding: 100px 40px 80px; max-width: 100%; width: 1040px; background-color: #fff; border-radius: 30px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.membership_area .membership_txt {margin: 0 auto 60px; width: 100%; line-height: 28px; font-size: 20px; text-align: center; word-break: keep-all;}
.membership_area .membership_txt span {margin-bottom: 5px; display: block; line-height: 28px; font-size: 22px; font-weight: 600;}
.membership_area .write_box {margin: 0 auto 60px; max-width: 100%; width: 420px;}
.membership_area .write_box ul li {margin-bottom: 10px; display: flex !important; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.membership_area .write_box ul li:last-child {margin-bottom: 0;}
.membership_area .write_box ul li .inpbox {width: 100%; height: 60px;}
.membership_area .write_box ul li .inpbox input.txt {padding: 0 20px; font-size: 18px;}
.membership_area .write_box ul li .inpbox input.txt:focus {outline: 1px solid #0276dd;}
.membership_area .write_box ul li .info {margin-top: 8px; padding-left: 30px; position: relative; line-height: 26px; font-size: 18px; color: #666;}
.membership_area .write_box ul li .info::before {content: '!'; position: absolute; top: 2px; left: 0; display: block; width: 24px; height: 24px; line-height: 24px; font-size: 12px; font-weight: 600; text-align: center; color: #fff; border-radius: 50%; background-color: #0276dd;}
.membership_area .write_box ul li .info.no {color: #e72508;}
.membership_area .write_box ul li .info.no::before {content: 'X'; background-color: #de3412;}
.membership_area .write_box ul li .info.yes {color: #0276dd;}
.membership_area .write_box ul li .info.yes::before {content: 'O'; background-color: #0276dd;}
.membership_area .button_box button {font-size: 20px; font-weight: 500;}
.membership_area .button_box button.btn2 {font-size: 16px; font-weight: 400;}

/*멤버십*/
.membership {background-color: #f5f7f8;}
.membership .contentsarea {margin: 0; background-color: #f5f7f8;}
.membership .contentsarea::before {display: none;}
.membership .contentsarea .subtit {margin: 0 0 40px;}
.membership .contentsarea .subtit h3 {text-align: center;}
/*로그인*/
.membership_area .login_box .login_top {margin-bottom: 55px; text-align: center;}
.membership_area .login_box .login_top .txt1 {margin: 55px 0 15px; font-size: 28px; font-weight: 500;}
.membership_area .login_box .login_top .txt2 {font-size: 18px;}
.membership_area .login_box .login_wrap {margin: 0 auto; max-width: 100%; width: 420px;}
.membership_area .login_box .login_form li {margin-bottom: 10px;}
.membership_area .login_box .login_form li:last-child {margin-bottom: 0;}
.membership_area .login_box .login_form li .inpbox {width: 100%; height: 60px; border: 0;}
.membership_area .login_box .login_form li .inpbox input {padding: 0 20px; font-size: 18px; font-weight: 400; border: 1px solid #cdd1d5;}
.membership_area .login_box .login_form li .inpbox input:focus {border: 1px solid #767676;}
.membership_area .login_box .check_box {margin: 10px 0 0;}
.membership_area .login_box .check_box input[type=checkbox] + label {padding-left: 40px; font-size: 18px; line-height: 24px;}
.membership_area .login_box .check_box input[type=checkbox] + label::before {top: -1px; width: 24px; height: 24px; border-radius: 5px;}
.membership_area .login_box .btn_login {margin-top: 35px; width: 100%; height: 60px; font-size: 20px; font-weight: 500; border-radius: 10px; background-color: #0975dc; color: #fff;}
.membership_area .login_box .login_link {margin: 25px 0 80px; display: flex; display:-webkit-flex; align-items: center; justify-content: center; gap: 36px;}
.membership_area .login_box .login_link li {position: relative;}
.membership_area .login_box .login_link li::after {content: ''; position: absolute; right: -18px; top: 7px; width: 1px; height: 12px; background-color: #cdd1d5;}
.membership_area .login_box .login_link li:last-child:after {display: none;}
.membership_area .login_box .login_link li a {font-size: 18px; font-weight: 300; color: #222;}
.membership_area .login_box .login_link li:hover a {border-bottom: 1px solid #0975dc; color: #0975dc;}
.membership_area .login_box .login_sns_tit {margin-bottom: 30px; font-size: 26px; font-weight: 600; text-align: center;}
.membership_area .login_box .login_sns li {margin-bottom: 10px;}
.membership_area .login_box .login_sns li button {width: 100%; height: 60px; font-size: 20px; font-weight: 500; border-radius: 10px;}
.membership_area .login_box .login_sns li button.btn_kakao {color: #381e1e; background: #ffe600 url('/images/hmpg/icon_sns_kakao.png') no-repeat 22px center;}
.membership_area .login_box .login_sns li button.btn_naver {color: #fff; background: #33b44a url('/images/hmpg/icon_sns_naver.png') no-repeat 24px center;}
/*아이디비밀번호찾기*/
.membership_area .find_box {padding: 0 0 290px; margin: 0 0 50px; text-align: center; background: url('/images/hmpg/img_membership_find.png') no-repeat center bottom;}
.membership_area .find_box .txt1 {line-height: 30px; font-size: 22px; font-weight: 500;}
.membership_area .find_box .txt2 {margin-top: 10px; font-size: 18px; font-weight: 500;}
.membership_area .find_box .txt2 span {color: #0276dd;}
/*아이디찾기완료*/
.membership_area .certify_box {text-align: center;}
.membership_area .certify_box .txt {font-size: 22px; font-weight: 500;}
.membership_area .certify_box .result {margin: 40px auto 50px; padding: 40px; max-width: 440px; border-radius: 10px; background-color: #f4f5f6;}
.membership_area .certify_box .result p {font-size: 20px; font-weight: 500;}
/*회원가입*/
.join_step {margin: 0 auto 30px; padding: 0 130px; width: 900px; max-width: 100%; position: relative; display: flex; display:-webkit-flex; justify-content: space-between;}
.join_step::before {z-index: 0; content: ''; position: absolute; left: calc(50% - 290px); top: 15px; width: 580px; height: 2px; background-color: #ddd;}
.join_step li {padding: 50px 0 0; position: relative; width: 84px; text-align: center;}
.join_step li::before {content: ''; position: absolute; left: calc(50% - 23px); top: -6px; width: 38px; height: 38px; border-radius: 50%; background-color: #f5f7f8; border: 4px solid #f5f7f8;}
.join_step li.active::before {background-color: #0276dd;}
.join_step li::after {content: ''; position: absolute; left: calc(50% - 6px); top: 10px; width: 12px; height: 12px; border-radius: 50%; background-color: #999;}
.join_step li.complete::after {background-color: #0276dd;}
.join_step li.active::after {left: calc(50% - 9px); top: 11px; width: 18px; height: 13px; border-radius: 0; background: #0276dd url('/images/hmpg/icon_membership_joinstep.png') no-repeat center;}
.join_step li span {width: 100%; font-size: 20px; font-weight: 500; color: #666;}
.join_step li.complete span {color: #0276dd;}
.join_step li.active span {color: #0276dd;}
/*회원유형선택*/
.join_type {text-align: center;}
.join_type .txt1 {font-size: 28px; font-weight: 500;}
.join_type .txt2 {margin-top: 15px; font-size: 18px;}
.join_type ul {margin-top: 60px; display: flex; display:-webkit-flex; justify-content: center; flex-wrap: wrap; gap: 40px;}
.join_type ul li {width: 290px; text-align: center; border-radius: 20px; border: 1px solid transparent; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.join_type ul li a {display: block; width: 100%; height: 100%; border-radius: 20px; border: 1px solid #dee1e4; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.join_type ul li a .img img {width: 100%; height: auto; border-radius: 20px 20px 0 0}
.join_type ul li a .tit {padding: 30px 0 20px; font-size: 26px; font-weight: 600;}
.join_type ul li a .txt {padding: 0 0 30px; font-size: 18px;}
.join_type ul li:hover {background-color: #0276dd; border: 1px solid #0276dd;}
.join_type ul li:hover a {background-color: #0276dd; border: 1px solid #0276dd;}
.join_type ul li:hover a * {color: #fff;}
/*약관동의*/
.member_agree {margin-top: -50px;}
.member_agree h4 {margin-bottom: 20px; font-size: 26px; font-weight: 600;}
.member_agree .agree_box {margin-bottom: 15px; height: 295px; padding: 25px 30px; line-height: 28px; color: #666; border: 1px solid #cdd1d5; border-radius: 10px; background-color: #f8f9f9; overflow-x: hidden; overflow-y: auto;}
.member_agree .agree_box h4 {margin-bottom: 10px; font-size: 18px; color: #222;}
.member_agree .agree_box h5 {margin-bottom: 10px; font-size: 16px;}
.member_agree .check_box input[type=checkbox] + label {padding-left: 35px; font-size: 18px; color: #666;}
.member_agree .check_box input[type=checkbox] + label::before {top: calc(50% - 12px); width: 22px; height: 22px; border-radius: 5px;}
.member_agree .agree_check_wrap {margin-bottom: 50px;}
.member_agree .agree_check_wrap .check_box {justify-content: flex-end;}
.member_agree .agree_check_all {display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 10px; background-color: #eef7ff;}
.member_agree .agree_check_all input[type=checkbox] + label {font-size: 18px; color: #222;}
.member_agree .button_box {margin-top: 40px;}
/*정보입력*/
.membership_area .boardview .info {margin-top: 8px; padding-left: 25px; position: relative; line-height: 19px; font-size: 14px; color: #666;}
.membership_area .boardview .info::before {content: '!'; position: absolute; top: 0px; left: 0; display: block; width: 19px; height: 19px; line-height: 19px; font-size: 10px; font-weight: 600; text-align: center; color: #fff; border-radius: 50%; background-color: #0276dd;}
.membership_area .boardview .info.no {color: #e72508;}
.membership_area .boardview .info.no::before {content: 'X'; background-color: #de3412;}
.membership_area .boardview .info.yes {color: #0276dd;}
.membership_area .boardview .info.yes::before {content: 'O'; background-color: #0276dd;}
.membership_area .board_title:first-of-type {margin-top: -50px;}
/*가입완료*/
.complete_box {margin-bottom: 50px; padding-bottom: 280px; text-align: center; background: url('/images/hmpg/img_membership_joincomplete.png') no-repeat center bottom;}
.complete_box .txt1 {line-height: 40px; font-size: 28px; font-weight: 600;}
.complete_box .txt1 span {color: #0276dd;}
.complete_box .txt2 {margin-top: 15px; font-size: 18px; font-size: 500;}
.complete_box .txt2 span {color: #0276dd;}

/*이메일무단수집거부*/
.privacy_wrap {line-height: 30px; color: #666; word-break: keep-all;}
.privacy .box {padding: 30px 40px; line-height: 28px; font-size: 18px; background-color: #0975dc; color: #fff; border-radius: 10px;}
.privacy h4 {margin: 40px 0 20px; font-size: 20px; color: #222;}

/*개인정보처리방침*/
.listtype-other {margin-left: 20px;}
.listtype-other > li {word-break: keep-all;}
.listtype-other > li > span {margin-left: -20px;}
.listtype-dot > li {padding-left: 10px; position: relative;}
.listtype-dot > li::before {content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background-color: #555;}
.listtype-dot > li span {font-weight: 500; color: #333;}
.privacy2 {width: 100%; line-height: 26px;}
.privacy2 .privacy_box {padding: 30px 40px; margin-bottom: 50px; line-height: 28px; font-size: 18px; border-radius: 10px; border: 1px solid #222;}
.privacy2 .privacy_label {display: flex; display:-webkit-flex; flex-wrap: wrap; gap: 20px; word-break: keep-all;}
.privacy2 .privacy_label li {width: calc(25% - 15px); border-radius: 20px; border: 1px solid #ccc; background-color: #fff;}
.privacy2 .privacy_label li a {padding: 25px 30px 30px; display: block; text-align: center; }
.privacy2 .privacy_label li a .tit {margin-top: 5px; font-size: 18px; font-weight: 500;}
.privacy2 .privacy_label li a .txt {margin-top: 5px; font-size: 16px;}
.privacy2 .privacy_label li a img {width: auto; height: 70px;}
.privacy2 .privacy_index li {padding-left: 15px; position: relative; line-height: 26px; font-weight: 300;}
.privacy2 .privacy_index li::before {content: ''; position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #222;}
.privacy2 .privacy_index li a {color: #222;}
.privacy2 h4 {margin: 40px 0 20px; font-size: 20px; display: flex; display:-webkit-flex; align-items: center; gap: 10px;}
.privacy2 h4 img {width: auto; height: 55px;}
.privacy2 .gray_box {margin: 10px 0; padding: 20px 30px; background-color: #f1f3f6; border-radius: 10px;}
.privacy2 .privacy_img {margin-top: 40px; text-align: center;}
.privacy2 .privacy_img img {max-width: 100%;}

@media screen and (max-width:1400px){
    .d_area {padding: 0 20px; width: 100%;}
    .contentsarea {margin-top: -90px; padding: 0 20px 100px;}
}
@media screen and (max-width:1024px) {
    body {font-size: 14px; line-height: 20px;}
    .btn {padding: 0 10px; min-width: 90px; height: 40px; line-height: 38px; font-size: 14px; border-radius: 5px;}
    .btn2 {padding: 0 10px; min-width: 60px; height: 35px; line-height: 33px; font-size: 14px; border-radius: 5px;}
    .btn3 {padding: 0 10px; min-width: 60px; height: 30px; line-height: 28px; font-size: 12px; border-radius: 3px;}
    .btn5 {padding: 0 10px; min-width: 45px; height: 25px; line-height: 23px; font-size: 12px; border-radius: 3px;}

    .btn_delete .icon {width: 16px; height: 16px;}
    .btn_delete .icon::after, .btn_delete .icon::before {width: 8px;}

    .w_flex_only {display: none !important; display:-webkit-none;}
    .m_flex_only {display: flex !important; display:-webkit-flex;}
    .w_hidden {display: block !important;}
    .m_hidden {display: none !important;}

    .board_title {margin: 25px 0 15px;}
    .board_title:first-of-type {margin: 0 0 15px;}
    .board_title h4 {padding-left: 22px; font-size: 18px; background: url('/images/hmpg/icon_board_title.png') no-repeat 0 center / 15px auto;}
    .board_title p {font-size: 14px;}
    .board_title_s {margin: 15px 0; font-size: 15px;}
    .board_text {line-height: 20px; font-size: 14px;}
    .board_text.mb30 {margin-bottom: 20px;}
    .program_title {margin-bottom: 15px; gap: 10px; font-size: 18px;}
    .program_title .state {width: 55px; height: 25px; line-height: 25px; font-size: 13px;}
    .list_type > li {padding-left: 7px;}
    .list_type > li::after {top: 9px; width: 2px; height: 2px;}
    .num_list > li {padding-left: 17px;}
    .num_list > li::before {top: 3px; width: 12px; height: 12px; font-size: 7px; line-height: 10px;}
    .num_list2 {padding-left: 15px;}

    .d_area {padding: 0 20px 30px;}
    .midarea {padding-top: 60px;}

    .contentsarea {margin-top: 0; padding: 0; border-radius: 0;}
    .contentsarea::before {display: none;}
    .contentsarea .subtit {padding: 30px 0 0; margin: 0 0 25px;}
    .contentsarea .subtit h3 {font-size: 20px; line-height: 20px;}

    /*lnb*/
    .midarea .subtoparea {height: 130px; background-image: none !important;}
    .midarea .subtoparea h2 {padding: 40px 0 15px; font-size: 18px; line-height: 18px;}
    .midarea .subtoparea .lnb_area > li {width: calc(50% - 11px); height: 12px; line-height: 12px;}
    .midarea .subtoparea .lnb_area > li a {height: 12px; line-height: 12px; font-size: 12px;}
    .midarea .subtoparea .lnb_area li.home {width: 22px;}
    .midarea .subtoparea .lnb_area li.home a {width: 12px; background-size: 100% auto;}
    .midarea .subtoparea .lnb_area > li .dropdown > button {padding: 0 25px 0 10px; min-width: auto; width: 100%; font-size: 12px; background: url('/images/hmpg/icon_lnb_arrow.png') no-repeat right 10px center / 6px auto;}
    .midarea .subtoparea .lnb_area > li .dropdown.open > button {background: url('/images/hmpg/icon_lnb_arrow_active.png') no-repeat right 10px center / 6px auto;}
    .midarea .subtoparea .lnb_area > li .dropdown-menu {top: 25px; padding: 15px; border-radius: 5px;}
    .midarea .subtoparea .lnb_area > li .dropdown-menu li {margin-bottom: 10px;}
    .midarea .subtoparea .lnb_area > li .dropdown-menu li a {line-height: 16px;}

    /*addons*/
    .addons .addons_item {margin-left:5px;}
    .addons .addons_button {width:30px; height:30px;}
    .addons .addons_button::before {width:14px; height:14px; background-size: 100% auto !important;}
    .addons .addons_item.share.active .addons_button.share_show::before {width:12px; height:12px; background-size: 100% auto !important;}
    .addons .share_panel {bottom:-130px; width:180px; padding:15px 10px 5px;}
    .addons .share_item {margin-bottom: 10px;}
    .addons .share_anchor {padding-top: 30px; line-height: 10px; font-size:10px;}
    .addons .share_anchor::before {width:25px; height:25px; background-size: 100% auto !important;}

    /*pageinfo*/
    .pageinfo {margin-top: 100px; border-radius: 10px;}
    .pageinfo .info_nuri {padding: 20px 15px;}
    .pageinfo .info_nuri img {height: 25px;}
    .pageinfo .info_nuri p {line-height: 17px; font-size:14px; word-break: keep-all;}
    .pageinfo .info_satisfy {padding: 15px;}
    .pageinfo .info_satisfy p {padding-left: 28px; font-size:14px; background:url(/images/hmpg/satisfy_icon1.png) no-repeat 0 center / 17px auto;}
    .pageinfo .info_satisfy .radio_box {margin-top:10px; padding-left: 28px;}
    .pageinfo .info_satisfy .satisfy_inp {margin-top:10px; padding-left: 28px;}
    .pageinfo .info_satisfy .satisfy_inp input {width:calc(100% - 75px); height: 30px; padding: 0 10px; font-size: 14px;}
    .pageinfo .info_satisfy .satisfy_inp button {bottom: 28px; width: 70px; height: 30px; line-height: 28px; font-size: 14px;}
    .pageinfo .info_manager {flex-wrap: wrap; padding: 20px 15px; gap: 8px;}
    .pageinfo .info_manager div {font-size: 14px;}
    .pageinfo .info_manager div::before {width: 17px; height: 16px; background-size: 100% auto;}
    .pageinfo .info_manager ul {gap: 3px;}
    .pageinfo .info_manager ul li {gap: 20px; width: 100%; font-size:14px;}
    .pageinfo .info_manager ul li span::before {right:-11px;}

    /*탭*/
    .tabmenu {margin-bottom: 20px;}
    .tabmenu .optionbox {border: none;}
    .tabmenu button {text-align: left; font-size: 14px;}
    .tabmenu > button {position: relative; padding: 0 30px 0 15px; display: block; width: 100%; height: 40px; color: #fff; font-size: 14px; background-color: #0276dd;}
    .tabmenu > button::after {content: ''; position: absolute; right: 15px; top: calc(50% - 2px); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff;}
    .tabmenu > button .dropdown-label {overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
    .tabmenu.open > button::after {transform: rotate(180deg);}
    .tabmenu .dropdown-menu {padding: 8px 0; position: absolute; left: 0; top: 40px; display: none; display:-webkit-none; width: 100%; border: 1px solid #666; background-color: #fff;}
    .tabmenu.open .dropdown-menu {display: block; display:-webkit-block;}
    .tabmenu .dropdown-menu li {margin-right: 0;}
    .tabmenu .dropdown-menu li:last-child {border-bottom: 0;}
    .tabmenu .dropdown-menu li button {padding: 3px 15px; font-size: 14px; height: auto !important; border: 0 !important; border-radius: 0;}
    .tabmenu .dropdown-menu li button span {display: block; max-height: initial; -webkit-line-clamp: initial; line-height: 18px;}
    .tabmenu .dropdown-menu li button[data-selected="selected"] {background-color: #fff; color: #0276dd;}
    .tab_wrap {margin-bottom: 20px; overflow-x: scroll;}
    .tab_wrap ul {margin: 0 auto; width: 460px;}
    .tab li a {padding: 0 10px; height: 30px; line-height: 30px; font-size: 12px; border-radius: 30px;}

    /*지도*/
    .map_area {margin-bottom: 30px; height: 300px}

    /*평택시아동돌봄플랫폼소개*/
    .contents.guide .guide_text {word-break: keep-all;}
    .contents.guide .guide_text .text1 {line-height: 22px; font-size: 15px;}
    .contents.guide .guide_text .text2 {margin-top: 20px; line-height: 18px; font-size: 13px;}
    .contents.guide .guide_list {margin-top: 40px; padding: 25px 20px 30px; border-radius: 20px;}
    .contents.guide .guide_list .tit {font-size: 18px;}
    .contents.guide .guide_list .list {margin-top: 30px; line-height: 18px; font-size: 13px; display: flex; display:-webkit-flex; justify-content: center; gap: 40px;}
    .contents.guide .guide_list .list li {padding-top: 70px;}
    .contents.guide .guide_list .list li::before {left: calc(50% - 30px); width:60px; height:60px;}
    .contents.guide .guide_list .list li.list1::before {background: #4aa7fb url(/images/hmpg/icon_guide_list1.png) no-repeat center / 34px auto;}
    .contents.guide .guide_list .list li.list2::before {background: #4aa7fb url(/images/hmpg/icon_guide_list2.png) no-repeat center / 36px auto;}
    .contents.guide .guide_list .list li.list3::before {background: #4aa7fb url(/images/hmpg/icon_guide_list3.png) no-repeat center / 26px auto;}
    .contents.guide .guide_list .list li.list4::before {background: #4aa7fb url(/images/hmpg/icon_guide_list4.png) no-repeat center / 32px auto;}
    .contents.guide .guide_top1 {margin: 0;}
    .contents.guide .guide_top1 ul {margin: 0 auto; width: 255px; height: auto; background: 0; display: block;}
    .contents.guide .guide_top1 ul li {padding: 15px; width: 100%; border-radius: 101px;}
    .contents.guide .guide_top1 ul li:first-child {margin-bottom: 10px; background-color: #beefbe;}
    .contents.guide .guide_top1 ul li:last-child {background-color: #b1e2fb;}
    .contents.guide .guide_top1 ul li .tit {font-size: 18px;}
    .contents.guide .guide_top1 ul li .txt {margin-top: 10px; line-height: 18px; font-size: 14px;}
    .contents.guide .guide_top2 {margin: 60px auto;}
    .contents.guide .guide_top2 > p {margin-bottom: 40px;}
    .contents.guide .guide_top2 > p img {width: 160px; height: auto;}
    .contents.guide .guide_top2 .box_list {margin-bottom: 25px; padding-left: 95px; width: 100%;}
    .contents.guide .guide_top2 .box_list.box_list1 {position: static; background: url(/images/hmpg/icon_guide_box_list1.png) no-repeat 10px 0 / 70px auto;}
    .contents.guide .guide_top2 .box_list.box_list2 {position: static; background: url(/images/hmpg/icon_guide_box_list2.png) no-repeat 10px 0 / 70px auto;}
    .contents.guide .guide_top2 .box_list.box_list3 {position: static; background: url(/images/hmpg/icon_guide_box_list3.png) no-repeat 10px 0 / 70px auto;}
    .contents.guide .guide_top2 .box_list .tit {margin-bottom: 10px; font-size: 16px;}
    .contents.guide .guide_top2 .box_list.box_list3 .tit {text-align: left;}
    .contents.guide .guide_top2 .box_list ul li {margin-bottom: 5px; padding-left: 8px; line-height: 18px; font-size: 14px;}
    .contents.guide .guide_top2 .box_list ul li::before {top: 8px; width:2px; height:2px;}
    .contents.guide .box {padding: 20px; border-radius: 10px;}
    .contents.guide .box > .tit {margin-bottom: 15px; font-size: 18px;}
    .contents.guide .box .box_list_wrap {flex-wrap: wrap; gap: 20px;}
    .contents.guide .box .box_list_wrap .box_list {width: 100%; border-radius: 10px;}
    .contents.guide .box .box_list_wrap .box_list .tit {padding: 10px 0; font-size: 16px; border-radius: 10px 10px 0 0;}
    .contents.guide .box .box_list_wrap .box_list .tit span {margin-right: 10px; width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
    .contents.guide .box .box_list_wrap .box_list ul {padding: 15px;}
    .contents.guide .box .box_list_wrap .box_list ul li {padding-left: 8px; line-height: 18px; font-size: 14px;}
    .contents.guide .box .box_list_wrap .box_list ul li::before {top: 8px; width:2px; height:2px;}

    /*아동돌봄서비스안내*/
    .contents.service .service_box {border-radius: 10px 10px 40px 10px;}
    .contents.service .service_box .top {padding: 20px 25px; background: url(/images/hmpg/bg_service_box.png) no-repeat right 12px bottom 0 / auto 70px;}
    .contents.service .service_box .top .tit {line-height: 18px; font-size: 18px;}
    .contents.service .service_box .top .txt {margin-top: 10px; line-height: 20px; font-size: 14px;}
    .contents.service .service_box .bottom {padding: 20px 25px;}
    .contents.service .service_box .bottom .tit {gap: 5px; line-height: 22px; font-size: 16px;}
    .contents.service .service_box .bottom ul {margin-top: 10px;}
    .contents.service .service_box .bottom ul li {margin-bottom: 3px; padding-left: 10px; line-height: 18px; font-size: 12px;}
    .contents.service .service_box .bottom ul li:last-child {margin-bottom: 0;}
    .contents.service .service_box .bottom ul li::before {top: 8px; width:3px; height:3px;}
    .contents.service .button_box {margin-top: 30px;}
    .contents.service .service_step {padding: 20px; border-radius: 10px;}
    .contents.service .service_step ul {flex-wrap: wrap; gap: 30px;}
    .contents.service .service_step ul li {padding: 20px 0; width: 100%; font-size: 16px; border-radius: 5px;}
    .contents.service .service_step ul li::after {transform: rotate(90deg); right: calc(50% - 6px); top: auto; bottom: -20px; width: 12px; height: 11px;}
    .contents.service .service_step2 {padding: 20px; border-radius: 10px;}
    .contents.service .service_step2 > ul {flex-wrap: wrap; gap: 30px;}
    .contents.service .service_step2 > ul > li {width: 100%;}
    .contents.service .service_step2.list1 > ul > li {width: 100%;}
    .contents.service .service_step2.list2 > ul > li {width: 100%;}
    .contents.service .service_step2.list2 > ul > li:nth-child(2) {width: 100%;}
    .contents.service .service_step2.list3 > ul > li {width: 100%;}
    .contents.service .service_step2.list3 > ul > li:nth-child(1) {width: 100%;}
    .contents.service .service_step2.list4 > ul > li {width: 100%;}
    .contents.service .service_step2 > ul > li::after {transform: rotate(90deg); right: calc(50% - 6px); top: auto; bottom: -20px; width: 12px; height: 11px;}
    .contents.service .service_step2 > ul > li .tit {height: 35px; line-height: 35px; font-size: 16px; border-radius: 5px;}
    .contents.service .service_step2 > ul > li .txt {padding: 10px 10px 10px 32px; height: auto; border-radius: 5px;}
    .contents.service .service_step2 > ul > li .txt > p {margin-bottom: 5px; font-size: 14px;}
    .contents.service .service_step2 > ul > li .txt > p .num {left: -22px; width: 15px; height: 15px; line-height: 15px; font-size: 11px;}
    .contents.service .service_step2 > ul > li .txt > p .stxt {font-size: 12px;}
    .contents.service .service_step2.list2 > ul > li .txt_wrap {flex-wrap: wrap; width: 100%; height: auto;}
    .contents.service .service_step2.list2 > ul > li .txt_wrap .txt {width: 100%; height: 100%;}
    .contents.service .service_step2.list3 > ul > li .txt {padding: 10px; height: auto;}
    .contents.service .service_step2.list3 > ul > li .txt_wrap .txt {padding: 10px 10px 10px 32px; width: calc(50% - 5px); height: auto;}
    .contents.service .service_step2.list3 > ul > li .wrap::before {transform: rotate(90deg); left: calc(50% - 6px); top: -20px; bottom: auto; width: 12px; height: 11px;}
    .contents.service .service_step2.list3 > ul > li .wrap:first-child .txt {margin-bottom: 30px;}
    .contents.service .qr {text-align: center;}

    /*돌봄상담신청*/
    .program .p_accordion .p_accordion_item {margin-top: 20px;}
    .program .p_accordion .p_accordion_item .p_accordion_button {gap: 10px; padding: 15px 55px 15px 20px; border-radius: 10px;}
    .program .p_accordion .p_accordion_item .p_accordion_button:after {right: 20px; width: 18px; height: 10px;}
    .program .p_accordion .p_accordion_item .step {width: 65px; height: 28px; line-height: 28px; border-radius: 28px; font-size: 14px;}
    .program .p_accordion .p_accordion_item .title {width: calc(100% - 75px); font-size: 16px;}
    .program .p_accordion .p_accordion_item.done {border-radius: 10px;}
    .program .p_accordion .p_accordion_item.done .done_header {gap: 10px; padding: 15px 55px 15px 20px; border-radius: 10px;}
    .program .p_accordion .p_accordion_item.done .done_header::after {right: 20px; width: 18px; height: 10px;}
    .program .p_accordion .p_accordion_item.done .done_header .step {width: 65px; height: 28px; line-height: 28px; border-radius: 28px; font-size: 14px;}
    .program .p_accordion .p_accordion_item.done .done_header .title {width: calc(100% - 75px); font-size: 16px;}
    .program .p_accordion .p_accordion_item.done .done_box {display: block; padding: 15px 20px 15px; border-radius: 0 0 10px 10px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_title {display: block; font-size: 16px; line-height: 22px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info {display: block; margin-left: 0;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info li {font-size: 15px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info li.name {margin-right: 20px; padding-left: 25px}
    .program .p_accordion .p_accordion_item.done .done_box .done_info li.name::before {top: 6px; width: 18px; height: 18px;}
    .program .p_accordion .p_accordion_item.done .done_box button {margin-top: 10px; position: static; width: 65px; height: 35px; line-height: 33px; border-radius: 5px;}
    .program.reserve_program .button_box {margin-top: 30px;}
    .program.reserve_program .button_box button {font-size: 16px;}
    /*step1*/
    .program.reserve_program .reserve_list {gap:20px;}
    .program.reserve_program .reserve_item {width:calc((100% - 20px)/2); border-radius:10px;}
    .program.reserve_program .reserve_item .reserve_inner {padding: 20px 20px 80px; border-radius:10px;}
    .program.reserve_program .reserve_item .bookmark_box {top: 15px; right: 15px;}
    .program.reserve_program .reserve_item .reserve_name {padding:0 15px; border-radius:28px; font-size:14px; line-height:28px;}
    .program.reserve_program .reserve_item .reserve_title {margin-top:15px; font-size:20px; line-height:24px;}
    .program.reserve_program .reserve_item .reserve_person {margin: 20px 0 0 -20px; padding: 15px 20px; width:calc(100% + 40px);}
    .program.reserve_program .reserve_item .reserve_person li p {font-size:14px;}
    .program.reserve_program .reserve_item .reserve_person li div {margin-top:10px; font-size:14px; line-height:20px;}
    .program.reserve_program .reserve_item .reserve_person li div span {margin-right: 3px; font-size:20px;}
    .program.reserve_program .reserve_item .reserve_age {min-width:auto; width: 100%; margin-top:15px; height: 40px; line-height: 40px; border-radius:40px;}
    .program.reserve_program .reserve_item .reserve_age span {font-size:15px;}
    .program.reserve_program .reserve_item .reserve_info {margin-top:15px; font-size: 14px; line-height: 20px;}
    .program.reserve_program .reserve_item .reserve_info li+li {margin-top:5px;}
    .program.reserve_program .reserve_item .reserve_info span {padding-left:25px;}
    .program.reserve_program .reserve_item .reserve_info .address span::before {width:18px; height:18px; background-size: contain;}
    .program.reserve_program .reserve_item .reserve_info .tel span::before {width:18px; height:18px; background-size: contain;}
    .program.reserve_program .reserve_item .reserve_anchor {left:20px; right:20px; bottom:20px; padding:10px;}
    .program.reserve_program .reserve_item .reserve_anchor span {padding-left:22px; font-size:14px; line-height:24px;}
    .program.reserve_program .reserve_item .reserve_anchor span::before {top:0; width:16px; height:14px;}
    /*step2*/
    .program.reserve_program .reserve_form {padding: 20px 20px 30px; border-radius: 10px;}
    .program.reserve_program .reserve_form .reserve_box {padding: 20px; border-radius: 5px; font-size: 20px;}
    /*step3*/
    .program.reserve_program .agree_wrap {padding: 30px 20px; border-radius: 10px;}
    .program.reserve_program .agree_wrap h4 {margin-bottom: 10px; font-size: 18px;}
    .program.reserve_program .agree_box {padding: 15px 20px; border-radius: 10px;}
    .program.reserve_program .agree_box .text {font-size: 15px; line-height: 24px;}
    .program.reserve_program .agree_box .text + .text {margin-top: 15px;}
    .program.reserve_program .agree_box .text + .tablebasic {margin-top: 10px;}
    .program.reserve_program .tablebasic {overflow-x: auto;}
    .program.reserve_program .tablebasic table {width: 750px;}
    .program.reserve_program .tablebasic table tr th {font-size: 15px;}
    .program.reserve_program .tablebasic table tr td {padding: 10px; line-height: 24px; font-size: 15px;}
    .program.reserve_program .agree_check_wrap {margin-top: 10px;}
    .program.reserve_program .agree_check_wrap .check_box {justify-content: flex-start;}
    .program.reserve_program .agree_check_wrap + h4 {margin-top: 30px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label {padding-left: 30px; line-height: 20px; font-size: 15px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label::before {width: 18px; height: 18px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label {font-size: 15px;}
    /*step4*/
    .program.reserve_program .accordion_complete_box {padding: 30px; border-radius: 10px;}
    .program.reserve_program .accordion_complete_box .complete_content {padding-top: 150px; background-size: auto 140px;}
    .program.reserve_program .accordion_complete_box .complete_content .txt1 {font-size: 20px; line-height: 30px;}
    .program.reserve_program .accordion_complete_box .complete_content .txt2 {margin-top: 5px; font-size: 15px; line-height: 22px;}

    /*맞춤돌봄정보*/
    /*돌봄정보*/
    .dolbom_program h3 {margin-top:30px;}
    .dolbom_program .dolbomList .dolbom_panel_wrap {margin-bottom: 40px; padding: 0; border: 0;}
    .dolbom_program .dolbomList .dolbom_panel {gap:20px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_subject {margin: 0 0 15px 20px; font-size:18px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap {border-radius: 15px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_list {gap:5px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item label {border-radius:10px; font-size:16px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap .dolbom_item {width:calc(20% - 4px);}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box {padding-left: 0; flex-wrap: wrap;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box + .dolbom_list_box {margin-top: 20px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list_title {margin-bottom: 10px; width: 100%; line-height: 16px; font-size: 16px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list {width: 100%;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list .dolbom_item {width:calc(20% - 4px);}
    .dolbom_program .dolbom_panel_wrap .button_box {margin-top:20px;}
    .dolbom_program .dolbom_panel_wrap .button_box button {width: 80px; height: 40px; line-height: 40px; font-size: 16px;}
    .dolbom_program .dolbomList .dolbom_result_list {flex-wrap: wrap; gap:14px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item {width:calc(50% - 7px);}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item .bus {top: 15px; left: 15px; width: 28px; height: 18px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item .bookmark_box {top: 15px; right: 15px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag {padding: 50px 15px 0; gap: 5px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li {min-width: auto; line-height: 28px; font-size: 14px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text {padding:15px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_name {font-size:18px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_address {font-size:15px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_address::before {margin: 0 5px 0 0;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .num {position:relative !important; min-height:50px !important; padding:5px 15px; font-size:15px !important;}
    .dolbom_program .dolbomView .view_top {padding: 20px 0; margin-bottom: 30px;} 
    .dolbom_program .dolbomView .view_top .text {width: calc(100% - 370px);}
    .dolbom_program .dolbomView .view_top .text .text_name {margin: 10px 0 30px; font-size:24px;} 
    .dolbom_program .dolbomView .view_top .text .bu > li {font-size: 15px;}
    .dolbom_program .dolbomView .view_top .text .bu > li::before {top: 7px; left: 3px; width: 4px; height: 4px;}
    .dolbom_program .dolbomView .view_top .text .bu > li .tit {width: 85px;}
    .dolbom_program .dolbomView .view_top .text .bu > li .txt {width: calc(100% - 85px);}
    .dolbom_program .dolbomView .view_top .text .bu > li .link_text {font-size: 15px;}
    .dolbom_program .dolbomView .view_top .img {width:350px; height: 250px; border-radius: 10px;} 
    .dolbom_program .dolbomView .tablebasic table tr th {padding: 12px; font-size: 15px;}
    .dolbom_program .dolbomView .tablebasic table tr td {padding: 12px 20px; font-size: 15px;}
    .dolbom_program .dolbomView .thumb_slide {padding: 0;} 
    .dolbom_program .dolbomView .thumb_slide .slick-slider .list .img_area img {border-radius: 10px;} 
    .dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots {gap: 5px;} 
    .dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots li {width: calc(16.66666666666667% - 4.166666666666667px);} 
    .dolbom_program .dolbomView .thumb_slide .slick-slider .slick-dots li img {border-radius: 10px;} 
    /*복지정보*/
    .dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a {padding-bottom:0;}
    .dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag {padding: 20px 15px 0;}
    .dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag li {min-width: auto;}
    .dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .text {min-height: auto; padding: 30px 15px; gap: 10px;}
    .dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .text .text_text {font-size:16px;}
    .dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .num {font-size: 15px; padding: 15px;}
    .dolbom_program .dolbomList .dolbom_sch {margin-bottom:30px; padding:5px 15px; border-radius:10px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area > div {padding: 10px 0;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .tit {display: none;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_list {width: 100%;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item label {font-size:15px; line-height:38px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item input:checked + label {line-height:36px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp {width: 100%;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .inpbox {width:calc(100% - 180px); height: 40px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .inpbox input {padding: 0 10px; font-size: 15px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp button {width: 80px; height: 40px;}
    .dolbom_program .dolbomView {word-break: break-all;}
    .dolbom_program .dolbomView .view_title {margin-bottom: 30px; display:flex; min-height:70px; padding:15px; border-radius:5px; font-size:18px;}
    .dolbom_program .dolbomView .button_box {margin-top: 40px;}
    .dolbom_program .dolbomView .button_box button {font-size: 15px;}
    .bu {gap: 5px;}
    .bu > li {padding-left: 15px; font-size: 15px;}
    .bu > li::before {top: 9px; left: 7px; width: 3px; height: 3px;}
    .tu {gap: 5px;}
    .tu li {padding: 8px 15px; font-size: 15px;}
    .border_box {margin-top: 10px; padding: 15px; border-radius: 5px; gap: 5px;}
    .border_box > div {font-size: 15px;}
    .border_box > p {font-size: 14px;}
    .link_text {font-size: 15px;}
    .link_text::after {width: 15px; height: 15px; margin: 3px 3px 0 7px;}

    /*참여광장*/
    .program_wrap {flex-wrap: wrap; gap: 0;}
    .program_wrap .left {width: 100%;}
    .program_wrap .imgview {width: 100%; height: 0; padding-bottom: 60%;}

    /*마이페이지*/
    .membership_area.box {padding: 50px 25px; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
    .membership_area .membership_txt {margin: 0 auto 30px; font-size: 13px; line-height: 20px;}
    .membership_area .membership_txt span {margin-top: 0; line-height: 22px; font-size: 15px;}
    .membership_area .write_box {margin: 0 auto 30px;}
    .membership_area .write_box ul li .inpbox {height: 45px;}
    .membership_area .write_box ul li .inpbox input.txt {padding: 0 10px; font-size: 15px;}
    .membership_area .write_box ul li .info {margin-top: 5px; padding-left: 23px; line-height: 22px; font-size: 15px;}
    .membership_area .write_box ul li .info::before {width: 16px; height: 16px; line-height: 16px; font-size: 10px;}
    .membership_area .button_box button {height: 45px; line-height: 45px; font-size: 15px;}
    .membership_area .button_box button.btn2 {height: 35px; line-height: 33px; font-size: 14px;}

    /*멤버십*/
    .membership .contentsarea .subtit {margin: 0 0 20px;}
    /*로그인*/
    .membership_area .login_box .login_top {margin-bottom: 30px; word-break: keep-all;}
    .membership_area .login_box .login_top .logo img {width: auto; height: 35px;}
    .membership_area .login_box .login_top .txt1 {margin: 30px 0 10px; line-height: 26px; font-size: 20px;}
    .membership_area .login_box .login_top .txt2 {font-size: 15px;}
    .membership_area .login_box .login_form li .inpbox {height: 45px;}
    .membership_area .login_box .login_form li .inpbox input {padding: 0 10px; font-size: 15px;}
    .membership_area .login_box .check_box input[type=checkbox] + label {padding-left: 30px; font-size: 15px; line-height: 20px;}
    .membership_area .login_box .check_box input[type=checkbox] + label::before {top: -2px; width: 20px; height: 20px; border-radius: 3px;}
    .membership_area .login_box .btn_login {margin-top: 20px; height: 45px; font-size: 15px; border-radius: 5px;}
    .membership_area .login_box .login_link {margin: 15px 0 50px; gap: 30px;}
    .membership_area .login_box .login_link li::after {right: -15px; top: 5px; height: 10px;}
    .membership_area .login_box .login_link li a {font-size: 14px;}
    .membership_area .login_box .login_sns_tit {margin-bottom: 20px; font-size: 20px;}
    .membership_area .login_box .login_sns li button {height: 45px; font-size: 15px; border-radius: 5px;}
    .membership_area .login_box .login_sns li button.btn_kakao {background: #ffe600 url('/images/hmpg/icon_sns_kakao.png') no-repeat 18px center / 20px auto;}
    .membership_area .login_box .login_sns li button.btn_naver {background: #33b44a url('/images/hmpg/icon_sns_naver.png') no-repeat 20px center / 16px auto;}
    /*아이디비밀번호찾기*/
    .membership_area .find_box {padding: 0 0 230px; margin: 0 0 30px; background: url('/images/hmpg/img_membership_find.png') no-repeat center bottom / 200px auto; word-break: keep-all;}
    .membership_area .find_box .txt1 {line-height: 26px; font-size: 18px;}
    .membership_area .find_box .txt2 {font-size: 15px;}
    /*아이디찾기완료*/
    .membership_area .certify_box .txt {font-size: 18px; word-break: keep-all;}
    .membership_area .certify_box .result {margin: 30px auto 40px; padding: 30px 20px; border-radius: 5px;}
    .membership_area .certify_box .result p {font-size: 15px;}
    /*회원가입*/
    .join_step {margin: 0 auto 20px; padding: 0 20px;}
    .join_step::before {left: 45px; top: 10px; width: calc(100% - 100px); height: 1px;}
    .join_step li {padding: 25px 0 0; width: auto;}
    .join_step li::before {left: calc(50% - 11px); top: 0; width: 20px; height: 20px; border-width: 2px;}
    .join_step li::after {left: calc(50% - 3px); top: 7px; width: 8px; height: 8px;}
    .join_step li.active::after {left: calc(50% - 5px); top: 7px; width: 10px; height: 7px; background: url('/images/hmpg/icon_membership_joinstep.png') no-repeat center / 100% auto;}
    .join_step li span {font-size: 13px;}
    /*회원유형선택*/
    .join_type {word-break: keep-all;}
    .join_type .txt1 {line-height: 26px; font-size: 20px;}
    .join_type .txt2 {margin-top: 10px; font-size: 15px;}
    .join_type ul {margin-top: 30px; gap: 20px;}
    .join_type ul li a .tit {padding: 20px 0 10px; font-size: 18px;}
    .join_type ul li a .txt {padding: 0 0 20px; font-size: 15px;}
    /*약관동의*/
    .member_agree {margin-top: -20px;}
    .member_agree h4 {margin-bottom: 15px; font-size: 20px;}
    .member_agree .agree_box {margin-bottom: 15px; height: 250px; padding: 15px 20px; line-height: 22px; border-radius: 5px;}
    .member_agree .agree_box h4 {font-size: 15px;}
    .member_agree .agree_box h5 {font-size: 13px;}
    .member_agree .check_box input[type=checkbox] + label {padding-left: 30px; font-size: 14px;}
    .member_agree .check_box input[type=checkbox] + label::before {top: calc(50% - 10px); width: 18px; height: 18px; border-radius: 5px;}
    .member_agree .agree_check_wrap {margin-bottom: 30px;}
    .member_agree .agree_check_wrap .check_box {justify-content: flex-start;}
    .member_agree .agree_check_all {padding: 15px 10px; border-radius: 5px;}
    .member_agree .agree_check_all input[type=checkbox] + label {font-size: 14px;}
    .member_agree .button_box {margin-top: 30px;}
    /*정보입력*/
    .membership_area .boardview .info {margin-top: 5px; padding-left: 23px; line-height: 17px; font-size: 12px;}
    .membership_area .boardview .info::before {width: 17px; height: 17px; line-height: 17px; font-size: 9px;}
    .membership_area .board_title:first-of-type {margin-top: -20px;}
    /*가입완료*/
    .complete_box {margin-bottom: 30px; padding-bottom: 220px; background: url('/images/hmpg/img_membership_joincomplete.png') no-repeat center bottom / 200px auto;}
    .complete_box .txt1 {line-height: 28px; font-size: 22px;}
    .complete_box .txt2 {margin-top: 10px; font-size: 15px;}

    /*이메일무단수집거부*/
    .privacy_wrap {line-height: 26px;}
    .privacy .box {padding: 15px 20px; font-size: 14px; line-height: 24px;}
    .privacy h4 {font-size: 16px; margin: 30px 0 15px;}

    /*개인정보처리방침*/
    .listtype-dot > li {padding-left: 8px;}
    .listtype-dot > li::before {top: 9px; width: 2px; height: 2px;}
    .privacy2 {line-height: 22px; font-size: 14px;}
    .privacy2 .privacy_box {padding: 15px 20px; margin-bottom: 30px; font-size: 14px; line-height: 22px; border-radius: 5px;}
    .privacy2 .privacy_label {gap: 10px;}
    .privacy2 .privacy_label li {width: calc(50% - 5px); border-radius: 10px;}
    .privacy2 .privacy_label li a {padding: 15px; }
    .privacy2 .privacy_label li a .tit {font-size: 16px;}
    .privacy2 .privacy_label li a .txt {font-size: 14px;}
    .privacy2 .privacy_label li a img {width: auto; height: 50px;}
    .privacy2 .privacy_index li {padding-left: 10px; line-height: 22px; font-size: 14px;}
    .privacy2 .privacy_index li::before {top: 9px; width: 3px; height: 3px; border-radius: 3px;}
    .privacy2 h4 {margin: 30px 0 15px; font-size: 16px; flex-wrap: wrap; gap: 5px;}
    .privacy2 h4 img {width: auto; height: 40px;}
    .privacy2 .privacy_img {margin-top: 20px;}
}
@media screen and (max-width:784px) {
    /*평택시아동돌봄플랫폼소개*/
    .contents.guide .guide_list .list {flex-wrap: wrap;}
    .contents.guide .guide_list .list li {width: calc(50% - 20px);}
} 
@media screen and (max-width:640px) {
    /*돌봄상담신청*/
    .program.reserve_program .reserve_item {width:calc((100% - 0px)/1);}

    /*맞춤돌봄정보*/
    /*돌봄정보*/
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap .dolbom_item {width:calc(33.3333333333% - 3.333333333333333px);}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list .dolbom_item {width:calc(33.3333333333% - 3.333333333333333px);}
    .dolbom_program .dolbomList .dolbom_result_list {flex-direction:column;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item {width:100%;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag {padding: 40px 15px 0;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text {min-height:120px; gap:10px;}
    .dolbom_program .dolbomView .view_top {flex-wrap: wrap;} 
    .dolbom_program .dolbomView .view_top .text {width: 100%;}
    .dolbom_program .dolbomView .view_top .img {width:100%; height: 0; padding-bottom: 72%;} 
    /*복지정보*/
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item {width: calc(25% - 7.5px);}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp {flex-wrap: wrap;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .inpbox {width:100%;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp button {width: calc(50% - 5px); height: 40px;}

    /*개인정보처리방침*/
    .privacy2 .tablebasic {overflow-x: auto;}
    .privacy2 .tablebasic > table {width: 640px;}
    .privacy2 .privacy_img {overflow-x: auto;}
    .privacy2 .privacy_img img {max-width: none; width: 640px;}

    /*pageinfo*/
    .pageinfo .info_satisfy .satisfy_inp button {position: static;}
}
@media screen and (max-width:480px) {
    /*평택시아동돌봄플랫폼소개*/
    .contents.guide .guide_list .list li {width: 100%;}

    /*맞춤돌봄정보*/
    /*돌봄정보*/
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list .dolbom_item {width:calc(50% - 2.5px);}
}
@media screen and (max-width:360px) {
} 
@media screen and (max-width:335px) {
}