@charset "utf-8";

@import url("font.css");/* style reset */
body{position:relative; width:100%; margin:0; padding:0 !important; color:#000; font-size:16px; font-weight:300; font-family:'Pretendard', sans-serif; line-height:26px; overflow-y:auto;overflow-x:hidden;}
dl.skipnavi{position:relative; z-index:500;}
dl.skipnavi dt{display:none}
dl.skipnavi dd a{position:absolute; top:-50px; left:0; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus{display:block; top:0; left:0; z-index:51; width:400px; height:30px; padding-top:9px; background:#333; color:#fff; font-size:12px; text-decoration:none; text-align:center; line-height:14px; font-weight:bold}
fieldset{min-width:0;}
.hidden{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip-path:inset(50%);clip:rect(0 0 0 0);}
.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;}
@media all and (max-width:1000px){
    .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;}
}
/* datepicker */
.ui-datepicker{border-radius:8px;}
/* 서브 */
.midarea{padding-top:150px;}
.midarea_wrap{position:relative; width:1400px; margin:0 auto;}
/* 서브헤드 */
.sub_visual{position:absolute; top:0; left:-126px; width:calc(100% + 500px); height:201px; border-radius:47px 0 0 123px; background:#eef7ff url('/idolbom/images/hmpg/sub_bg.png');}
.sub_visual:before{display:block; position:absolute; top:0; left:100%; right:calc(50% - 50vw); bottom:0; background-color:#eef7ff;}
.sub_visual:after{display:block; position:absolute; left:calc(50% + 304px); bottom:0; width:272px; height:176px; background:url('/idolbom/images/hmpg/sub_icon.png') no-repeat center top;}
.sub_visual.n1:after{left:calc(50% + 336px); width:240px; height:187px; background:url('/idolbom/images/hmpg/sub_icon01.png') no-repeat;}
.sub_visual.n2:after{left:calc(50% + 297px); width:279px; height:174px; background:url('/idolbom/images/hmpg/sub_icon02.png') no-repeat;}
.sub_visual.n3:after{left:calc(50% + 270px); width:272px; height:176px; background:url('/idolbom/images/hmpg/sub_icon03.png') no-repeat;}
.sub_visual.n4:after{height:182px; background:url('/idolbom/images/hmpg/sub_icon04.png') no-repeat;}
.sub_visual.n5:after{left:calc(50% + 218px); width:358px; height:188px; background:url('/idolbom/images/hmpg/sub_icon05.png') no-repeat;}
.sub_visual.n6:after{left:calc(50% + 218px); width:366px; height:183px; background:url('/idolbom/images/hmpg/sub_icon06.png') no-repeat;}
.location_wrap .sub_head{display:flex; position:relative; height:201px; margin-bottom:22px; align-items:center;}
.location_wrap .sub_title{}
.sub_title h2{color:#222222; font-size:42px; font-family:'ONEMobileTitle'; line-height:50px; letter-spacing:0;word-break:keep-all;}
/* 사이드메뉴 */
.lnb{}
.lnb{overflow:hidden; float:left; position:relative; width:260px; margin-top:106px; margin-bottom:60px; border-radius:20px; box-shadow:0 5px 20px 0 rgba(56,56,56,0.15);}
.lnb .side_title{position:relative; width:100%; height:94px; background-color:#0778d6; text-align:center;}
.lnb .side_title:after{display:inline-block; height:100%; vertical-align:middle}
.lnb .side_subject{display:inline-block; padding-right:20px; padding-left:20px; color:#fff; font-size:22px; font-weight:400; font-family:'ONEMobileTitle'; line-height:27px; vertical-align:middle; letter-spacing:0;}
.lnb .side_menu{position:relative; padding:22px 30px 21px; background-color:#fff;}
.lnb .menu .depth_item{border-bottom:1px solid #cdd1d5; box-sizing:border-box}
.lnb .menu .depth_item:last-child{border-bottom-width:0}
.lnb .menu .depth_text{display:block; position:relative; padding:13px 18px 14px 1px; color:#222222; font-size:18px; font-weight:400; text-decoration:none; line-height:32px; transition:color 0.25s ease-in-out; letter-spacing:0;word-break:keep-all;}
.lnb .menu .depth_item:hover .depth_text, .lnb .menu .depth_item.active .depth_text{color:#0971cf;}
.lnb .menu .depth_item.active .depth_text:before{display:block; position:absolute; top:0; right:6px; bottom:0; width:6px; height:13px; margin:auto 0; background:url('/idolbom/images/hmpg/sub_sprite.png') no-repeat left top;}
.lnb .menu .depth_text:hover{text-decoration:underline;}
/* 컨텐츠 */
.contentsarea{float:right; width:1040px; margin-bottom:130px;}
.contentsarea .cont_wrap{width:100%;}
.contentsarea .location_wrap{position:relative;}
/* breadcrumb */
.location_wrap .location{display:flex; display:-webkit-flex;}
.location_wrap .location li{position:relative; margin-right:10px; padding-right:17px; line-height:15px;}
.location_wrap .location li:before{display:block; position:absolute; top:0; right:0; bottom:0; width:6px; height:10px; margin:auto 0; background:url('/idolbom/images/hmpg/sub_sprite.png') no-repeat left -49px;}
.location_wrap .location li:last-child:before{display:none;}
.location_wrap .location li a{display:block; position:relative; width:100%; height:100%; color:#666; font-size:14px; font-weight:300; text-decoration:underline; line-height:15px; text-underline-position :under;}
.location_wrap .location li:first-child a{left:2px; width:17px; height:16px; background:url('/idolbom/images/hmpg/sub_sprite.png') no-repeat left -23px; font-size:0; line-height:0;}
/* addons */
.addons{display:block; position:absolute; right:0; bottom:4px; z-index:2;}
.addons .addons_item{display:inline-block; margin-left:5px; vertical-align:top}
.addons .addons_button{position:relative; width:52px; height:52px; border:1px solid #d2d6da; border-radius:50%; background-color:#fff; font-size:0; line-height:0; transition:all 0.25s ease-in-out;}
.addons .addons_button:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-image:url('/idolbom/images/hmpg/sub_sprite.png'); background-repeat:no-repeat;}
.addons .addons_button.print_anchor:before{width:25px; height:24px; background-position:left -111px;}
.addons .addons_button.share_show:before{width:21px; height:23px; background-position:left -145px;}
.addons .addons_item.active .addons_button, .addons .addons_item:hover .addons_button{border-color:#e6e8ea; background-color:#e6e8ea;}
.addons .share{position:relative}
.addons .share_panel{opacity:0; visibility:hidden; position:absolute; top:-265px; right:1px; width:194px; padding:24px 15px 8px; 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;/* height:272px;*/}
.addons .share.active .share_panel{opacity:1; visibility:inherit; top:-275px;}
.addons .share_item{display:inline-block; position:relative; width:50%; margin-bottom:16px; text-align:center;}
.addons .share_anchor{display:block; position:relative; padding-top:43px; color:#666666; font-size:14px; font-weight:500; line-height:16px; letter-spacing:0;}
.addons .share_anchor:before{display:block; position:absolute; top:0; left:0; right:0; margin:0 auto; background-image:url("/idolbom/images/hmpg/sub_sprite.png"); background-repeat:no-repeat;}
.addons .share_item.kakao .share_anchor:before{width:38px; height:38px; background-position:left -178px;}
.addons .share_item.facebook .share_anchor:before{width:38px; height:38px; background-position:left -226px;}
.addons .share_item.twitter .share_anchor:before{width:38px; height:38px; background-position:left -274px;}
.addons .share_item.blog .share_anchor:before{width:38px; height:38px; background-position:left -322px;}
.addons .share_item.mail .share_anchor:before{width:38px; height:38px; background-position:left -370px;}
.addons .share_item.copy .share_anchor:before{width:38px; height:38px; background-position:left -418px;}
.location_wrap h3{position:relative; margin:48px 0 30px; padding-left:67px; color:#222; font-size:32px; font-weight:500; text-align:left; line-height:45px; letter-spacing:0;word-break:keep-all;}
.location_wrap h3:before{display:block; position:absolute; top:5px; left:1px; width:52px; height:32px; background:url('/idolbom/images/hmpg/sub_sprite.png') no-repeat left -69px;}
.contents h3, .popup_inner h3{position:relative; margin-top:60px; margin-bottom:20px; padding-left:33px; color:#222; font-size:26px; font-weight:600; line-height:30px; letter-spacing:0;flex-shrink:0;}
.contents h3:first-child, .popup_inner h3:first-child{margin-top:0 !important;}
.contents h3:before, .popup_inner h3:before{display:block; position:absolute; top:6px; left:0; width:6px; height:6px; border:6px solid #0291eb; border-radius:50%;}
.contents h3 span, .popup_inner h3 span{color:#0971cf; font-weight:300;}
.contents h4{position:relative; margin:25px 0 10px 0; padding-left:24px; color:#222; font-size:20px; line-height:1.44;}
.contents h4:before{display:block; position:absolute; top:10px; left:7px; width:6px; height:6px; border-radius:50%; background-color:#0291eb;}
.error_text{display:none; position:relative; margin-top:5px; padding-left:30px; color:#de3412; font-size:18px; font-weight:300; letter-spacing:0;word-break:keep-all;}
.error_text:before{display:block; position:absolute; top:2px; left:0; width:20px; height:20px; background:url('/idolbom/images/hmpg/sub/error_icon.png') no-repeat;}
.error_text.active{display:block;}
.success_text{display:none; position:relative; margin-top:5px; padding-left:30px; color:#0971cf; font-size:18px; font-weight:300; letter-spacing:0;word-break:keep-all;}
.success_text:before{display:block; position:absolute; top:2px; left:0; width:20px; height:20px; background:url('/idolbom/images/hmpg/sub/success_icon.png') no-repeat;}
.success_text.active{display:block;}
.warning_text{position:relative; margin-top:5px; padding-left:30px; color:#666; font-size:18px; font-weight:300; letter-spacing:0;word-break:keep-all;}
.warning_text:before{display:block; position:absolute; top:2px; left:0; width:20px; height:20px; background:url('/idolbom/images/hmpg/sub/warning_icon.png') no-repeat;}
.link_text{display:inline-block; color:#464c53; font-size:18px; font-weight:400; text-decoration:underline; line-height:26px;}
.link_text:after{display:inline-block; width:17px; height:17px; margin:4px 0 0 7px; background:url(/idolbom/images/hmpg/sub/blank_icon.png) no-repeat center / cover; vertical-align:top;}
.border_line{height:1px; margin:-3px 0 10px 0; background-color:#cdd1d5;}
.border_line.mb0{margin-bottom:0;}
@media (max-width:1400px){
    .midarea_wrap{width:1000px;}
    .sub_visual:after{left:calc(50% + 116px);}
    .sub_visual.n1:after{left:calc(50% + 136px);}
    .sub_visual.n2:after{left:calc(50% + 96px);}
    .sub_visual.n3:after{}
    .sub_visual.n4:after{}
    .sub_visual.n5:after{left:calc(50% + 105px);}
    .sub_visual.n6:after{left:calc(50% + 18px);}
    .contentsarea{width:720px;}
    .lnb{width:240px;}
}
@media (max-width:1000px){
    .midarea{padding-top:120px;}
    .midarea_wrap{width:auto; padding:0 20px;}
    .lnb{display:none;}
    .contentsarea{float:none; width:auto; margin-bottom:80px;}
    .sub_visual{overflow:hidden; left:0; width:100%; height:160px; border-radius:0; background-position:right center;}
    .sub_visual:before{display:none;}
    .sub_visual:after{left:auto !important; right:-20px; bottom:-28px !important; transform:scale(0.7);}
    .location_wrap .sub_head{height:160px; margin-bottom:15px;}
    .location_wrap .sub_title{}
    .location_wrap .sub_title h2{font-size:30px; line-height:40px;}
    .location_wrap .location{}
    .addons{bottom:-3px;}
    .addons .share_panel{top:55px; right:0; width:240px; height:170px; padding:15px;}
    .addons .share.active .share_panel{top:65px;}
    .addons .share_item{width:calc(100% / 3);}
    .location_wrap h3{margin:50px 0 20px; padding-right:120px; font-size:28px;}
    .contents h3, .popup_inner h3{margin-bottom:15px; padding-left:28px; font-size:22px; line-height:26px;}
    .contents h3:before, .popup_inner h3:before{top:5px;}
    .error_text{font-size:16px; line-height:20px;}
    .link_text{font-size:inherit;}
    .contents h3 .link_text{font-size:14px;}
    .link_text:after{width:13px; height:13px; margin:6px 0 0 5px;}
    .warning_text,
    .success_text,
    .error_text{padding-top:2px; padding-left:26px; font-size:14px; line-height:1.5;}
}
@media (max-width:800px){
    .sub_visual:before{display:none;}
}
@media (max-width:640px){
    .midarea{padding-top:80px;}
    .midarea_wrap{width:auto; padding:0 15px;}
    .sub_visual{height:140px; border-radius:0;}
    .sub_visual:after{right:-50px; bottom:-47px !important; transform:scale(0.5);}
    .sub_visual.n5:after{right:-79px !important;}
    .sub_visual.n6:after{right:-85px !important;}
    .location_wrap .sub_head{height:140px; padding-right:140px;}
    .location_wrap .sub_title{}
    .location_wrap .sub_title h2{font-size:22px; line-height:29px;}
    .location_wrap .location li{margin-right:6px; padding-right:13px;}
    .addons{bottom:8px;}
    .addons .addons_item.print{display:none;}
    .addons .addons_button{width:35px; height:35px;}
    .addons .addons_button:before{transform:scale(0.7);}
    .addons .share_panel{top:37px; width:215px; height:150px; padding:10px;}
    .addons .share.active .share_panel{top:42px;}
    .addons .share_item{margin-bottom:10px;}
    .addons .share_anchor{padding-top:40px; font-size:13px;}
    .addons .share_anchor:before{transform:scale(0.8);}
    .location_wrap h3{margin:25px 0 5px; padding:13px 45px 13px 33px; font-size:18px; line-height:24px;}
    .location_wrap h3:before{top:9px; left:-12px; transform:scale(0.5);}
    .contents h3, .popup_inner h3{margin-top:30px !important; margin-bottom:12px; padding-left:22px; font-size:18px; line-height:24px;}
    .contents h3:before, .popup_inner h3:before{width:5px; height:5px; border-width:5px;}
    .error_text{padding-left:22px; font-size:15px;}
    .error_text::before{top:3px; width:16px; height:16px; background-size:contain;}
}
/* input */
input.inp{display:inline-block; overflow:hidden; max-width:100%; height:50px; padding:0 20px; border:1px solid #cdd1d5; border-radius:8px; color:#464c53; font-size:18px; font-weight:300; text-overflow:ellipsis; white-space:nowrap;}
input.inp::placeholder{color:#6A788A;}
input.inp[readonly]{background-color:#f4f5f6; color:#464c53;}
select.select{display:block; overflow:hidden; width:100%; height:50px; padding:0 35px 0 20px; border:1px solid #cdd1d5; border-radius:8px; background:#fff url('/idolbom/images/hmpg/sub/select_arrow.png') no-repeat top 50% right 20px; color:#464c53; font-size:18px; text-overflow:ellipsis; white-space:nowrap;}
input.inp:focus, select.select:focus{outline-color:#0291eb;}
@media all and (max-width:1000px){
    input.inp{padding:0 15px; font-size:16px;}
    select.select{padding-left:15px; font-size:16px;}
}
@media all and (max-width:640px){
    input.inp{height:38px; padding:0 10px; font-size:15px;}
    select.select{height:38px; padding-right:25px; padding-left:10px; background-position:top 50% right 10px; background-size:12px auto; font-size:15px;}
}
/* btn */
.btn{display:inline-block; width:100%; border-radius:12px; background-color:#0778d6; color:#fff; font-size:18px; text-align:center; line-height:50px; transition:0.3s ease-in-out;}
.btn.grey{background-color:#6d7882;}
.btn.line{border:2px solid #0778d6; border-color:#0778d6 !important; background-color:#fff; color:#0971cf; line-height:46px;}
.agree_btn_box{display:flex; gap:8px;}
.agree_btn_wrap{padding-bottom:10px;}
.agree_btn_wrap .agree_btn_box button:first-child{margin-left:auto;}
.form_top .agree_btn_box{margin-top:-5px;}
.agree_btn_box button{display:flex; height:40px; padding:0 12px; border:1px solid #cdd1d5; border-radius:8px; color:#222; font-size:18px; font-weight:500; line-height:38px; transition:background-color 0.3s ease-in-out; gap:5px;align-items:center;}
.agree_btn_box button:before{display:block; width:18px; height:18px; background-repeat:no-repeat; background-size:100%;}
.agree_btn_box .btn_add:before{background-image:url(/idolbom/images/hmpg/sub/add_icon.png);}
.agree_btn_box .btn_del:before{background-image:url(/idolbom/images/hmpg/sub/del_icon.png);}
@media all and (min-width:1001px){
    .btn:hover{background-color:#0768d6;}
    .btn.grey:hover{background-color:#5a646e;}
    .btn.line:hover{background-color:#0768d6; color:#fff;}
    .agree_btn_box button:hover{background-color:#f4f5f6;}
}
@media all and (max-width:1000px){
    .btn{border-radius:8px; font-size:16px; line-height:43px;}
    .agree_btn_box{gap:4px;}
    .agree_btn_box button{height:32px; padding:0 8px; font-size:13px; gap:3px;}
    .agree_btn_box button:before{width:16px; height:16px;}
}
/* modal */
.modal{display:none; overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; width:100%; height:100%; outline:0; background-color:rgba(0, 0, 0, 0.5); -webkit-overflow-scrolling:touch;}
.modal.on{display:block;}
.popup{overflow:hidden; position:absolute; top:50%; left:50%; z-index:9999; width:550px; max-width:calc(100% - 40px); max-height:calc(100% - 40px); border-radius:20px; background:#fff; transform:translate(-50%, -50%); letter-spacing:-0.025em;}
.popup .modal_close{position:absolute; top:0; right:12px; bottom:0; width:60px; height:60px; margin:auto 0; background:url(/idolbom/images/hmpg/sub/modal_close.png) no-repeat center / 18px;}
.popup .popup_scroll{/* overflow-x:hidden;*/ /* overflow-y:auto;*/ /* max-height:calc(100vh - 70px);*/}
.popup .popup_title{position:relative; padding:16px 60px 16px 30px; background-color:#313b4f;}
.popup .popup_title h3{color:#fff; font-size:22px; line-height:28px; word-break:keep-all;}
.popup .popup_inner{max-height:calc(100vh - 100px); padding:30px; overflow-x:hidden;overflow-y:auto;}
.popup .popup_inner p{color:#464c53; font-size:18px; font-weight:300; line-height:1.4; word-break:keep-all;}
.popup .popup_inner .popup_sub_title{position:relative; padding-left:21px; color:#222; font-size:22px; line-height:1.2; word-break:keep-all;}
.popup .popup_inner .popup_sub_title:before{display:block; position:absolute; top:9px; left:0; width:10px; height:10px; border-radius:50%; background-color:#0778d6; content:'';}
.popup .popup_inner p + .popup_sub_title{margin-top:30px; margin-bottom:15px;}
.popup .popup_inner .popup_sub_title span{font-weight:300;}
.popup .popup_inner:not(.boardview) table{width:100%; border-top:2px solid #58616a;}
.popup .popup_inner:not(.boardview) table thead th{padding:12px 5px; border-right:1px solid #cdd1d5; border-bottom:1px solid #cdd1d5; background-color:#f4f5f6; color:#222222; font-size:18px; line-height:1.4; word-break:keep-all;}
.popup .popup_inner:not(.boardview) table thead th:last-child{border-right-width:0;}
.popup .popup_inner:not(.boardview) table tbody th, .popup .popup_inner:not(.boardview) table tbody td{padding:7px 5px; border-right:1px solid #cdd1d5; border-bottom:1px solid #cdd1d5; background-color:#fff; color:#464c53; font-size:18px; font-weight:300; text-align:center; line-height:1.4; word-break:keep-all;}
.popup .popup_inner:not(.boardview) table tbody td:last-child{border-right-width:0;}
.popup .popup_inner .check_box{/* margin-top:14px;*/ /* justify-content:center;*/}
.popup .popup_inner .check_box li label{font-weight:200;}
.popup .popup_inner .button_box{margin-top:38px;}
.popup .popup_inner .popup_list{display:flex; padding:30px; border-radius:20px; background-color:#f4f5f6; flex-direction:column;gap:16px;}
.popup .popup_inner .popup_list li{position:relative; padding-left:19px; color:#464c53; font-size:18px; font-weight:300; line-height:24px; word-break:keep-all;}
.popup .popup_inner .popup_list li:before{display:block; position:absolute; top:9px; left:0; width:6px; height:6px; border-radius:50%; background-color:#0291eb;}
.popup .popup_inner .popup_list li span{display:inline-block; width:125px; color:#222; font-weight:600;}
.popup .popup_inner .reservation_text{margin-top:15px; font-size:22px; font-weight:300; text-align:center;}
.popup .popup_inner .popup_agreeView_box{padding:18px 20px; border-radius:12px; background-color:#f4f5f6;}
.popup .popup_inner .popup_agreeView_box div{position:relative; padding-left:14px; color:#222; font-size:20px; font-weight:500;}
.popup .popup_inner .popup_agreeView_box div:before{display:block; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background-color:#0778d6;}
.popup .popup_inner .popup_agreeView_box ol{margin-top:5px;}
.popup .popup_inner .popup_agreeView_box ol li{position:relative; padding-left:18px; color:#464c53; font-size:18px; line-height:32px; word-break:keep-all;}
.popup .popup_inner .popup_agreeView_box ol li span{position:absolute; top:0; left:0;}
.popup .popup_inner .popup_agreeView_box ol + div{margin-top:30px;}
.popup .popup_inner .popup_agreeView_box p{margin-top:5px; color:#464c53; font-size:18px; line-height:32px;}
.popup .popup_inner .popup_text{margin-top:11px; color:#666; line-height:32px;}
@media all and (max-width:1000px){
    .modal{}
    .modal.on{}
    .popup{border-radius:15px;}
    .popup .modal_close{right:0; width:50px; height:50px;}
    .popup .popup_scroll{}
    .popup .popup_title{padding:14px 48px 14px 20px;}
    .popup .popup_title h3{font-size:16px; line-height:1.4;}
    .popup .popup_inner{padding:18px 20px;}
    .popup .popup_inner p{font-size:15px !important;}
    .popup .popup_inner .popup_sub_title{padding-left:13px; font-size:17px;}
    .popup .popup_inner .popup_sub_title:before{top:6px; width:6px; height:6px;}
    .popup .popup_inner p + .popup_sub_title{margin-top:15px; margin-bottom:10px;}
    .popup .popup_inner .popup_sub_title span{}
    .popup .popup_inner:not(.boardview) table{}
    .popup .popup_inner:not(.boardview) table thead th{padding-top:6px; padding-bottom:6px; font-size:15px;}
    .popup .popup_inner:not(.boardview) table thead th:last-child{}
    .popup .popup_inner:not(.boardview) table tbody th, .popup .popup_inner:not(.boardview) table tbody td{padding-top:6px; padding-bottom:6px; font-size:15px;}
    .popup .popup_inner:not(.boardview) table tbody td:last-child{}
    .popup .popup_inner .check_box{}
    .popup .popup_inner .check_box li label{}
    .popup .popup_inner .button_box{margin-top:30px;}
    .popup .popup_inner .button_box .btn:hover{}
    .popup .popup_inner .popup_list{padding:20px; border-radius:12px; gap:12px;}
    .popup .popup_inner .popup_list li{padding-left:10px; font-size:15px; line-height:21px;}
    .popup .popup_inner .popup_list li:before{top:8px; width:4px; height:4px;}
    .popup .popup_inner .popup_list li span{width:75px;}
    .popup .popup_inner .reservation_text{}
}
/* 다함께돌봄 상담신청 */
.program{}
.program .p_accordion{}
.program .p_accordion .p_accordion_item{display:block; position:relative;}
.program .p_accordion .p_accordion_item+.p_accordion_item{margin-top:20px;}
.program .p_accordion .p_accordion_item .p_accordion_button{display:block; position:relative; width:100%; padding:29px 70px 27px 123px; border-radius:20px; text-align:left;}
.program .p_accordion .p_accordion_item .p_accordion_button:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #cdd1d5; border-radius:20px;}
.program .p_accordion .p_accordion_item .p_accordion_button:after{display:block; position:absolute; top:1px; right:28px; bottom:0; width:26px; height:14px; margin:auto 0; background:url('/idolbom/images/hmpg/sub/accordion_arrow.png') no-repeat 0 0 / contain; transition:transform 0.3s ease-in-out;}
.program .p_accordion .p_accordion_item .p_accordion_button .step{position:absolute; top:3px; left:30px; bottom:0; width:72px; height:32px; margin:auto 0; padding:5px; border-radius:6px; background-color:#DB7E05; color:#fff; font-size:18px; font-weight:600; text-align:center; line-height:20px; letter-spacing:-0.025em;}
.program .p_accordion .p_accordion_item .p_accordion_button .title{display:block; overflow:hidden; color:#222; font-size:20px; font-weight:500; text-overflow:ellipsis; line-height:32px; white-space:nowrap; letter-spacing:-0.02em;}
.program .p_accordion .p_accordion_item .p_accordion_body{display:none; margin-top:22px;}
.program .p_accordion .p_accordion_item.active{margin-top:40px;}
.program .p_accordion .p_accordion_item.active .p_accordion_button:before{width:calc(100% - 4px); height:calc(100% - 2px); border:2px solid #0291eb;}
.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;}
.program .p_accordion .p_accordion_item.done{border:1px solid #cdd1d5; border-radius:20px;}
.program .p_accordion .p_accordion_item.done .done_header{display:block; position:relative; width:100%; padding:29px 70px 27px 123px; border-radius:20px; text-align:left;}
.program .p_accordion .p_accordion_item.done .done_header:after{display:block; position:absolute; top:1px; right:28px; bottom:0; width:26px; height:14px; margin:auto 0; background:url('/idolbom/images/hmpg/sub/accordion_arrow.png') no-repeat 0 0 / contain; transition:transform 0.3s ease-in-out;}
.program .p_accordion .p_accordion_item.done .done_header .step{position:absolute; top:3px; left:30px; bottom:0; width:72px; height:32px; margin:auto 0; padding:5px; border-radius:6px; background-color:#DB7E05; color:#fff; font-size:18px; font-weight:600; text-align:center; line-height:20px; letter-spacing:-0.025em;}
.program .p_accordion .p_accordion_item.done .done_header .title{display:block; overflow:hidden; color:#222; font-size:20px; font-weight:500; text-overflow:ellipsis; line-height:32px; white-space:nowrap; letter-spacing:-0.02em;}
.program .p_accordion .p_accordion_item.done .done_box{display:flex; position:relative; padding:31px 30px 32px 40px; 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; padding-left:21px; color:#0971cf; font-size:18px; font-weight:500; line-height:28px; letter-spacing:-0.025em;word-break:keep-all;}
.program .p_accordion .p_accordion_item.done .done_box .done_title:before{display:block; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:50%; background-color:#0291eb;}
.program .p_accordion .p_accordion_item.done .done_box .done_info{display:flex; position:relative; margin-left:57px; padding-right:90px;}
.program .p_accordion .p_accordion_item.done .done_box .done_info li{position:relative; color:#222; font-size:18px; 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:16px; padding-left:23px; font-weight:500;}
.program .p_accordion .p_accordion_item.done .done_box .done_info li.name:before{display:block; position:absolute; top:4px; left:0; width:16px; height:18px; background:url('/idolbom/images/hmpg/sub/done_icon01.png') no-repeat 0 0 / contain;}
.program .p_accordion .p_accordion_item.done .done_box .done_anchor{position:absolute; top:0; right:30px; bottom:0; width:80px; height:50px; margin:auto 0; border:2px solid #0291eb; border-radius:8px; background-color:#eef7ff; color:#0e72cd; font-size:18px; font-weight:600; text-align:center; line-height:46px; transition:background-color 0.3s ease-in-out; letter-spacing:-0.025em;}
@media all and (min-width:1001px){
    .program .p_accordion .p_accordion_item.done .done_box .done_anchor:hover{background-color:#cce7ff;}
}
@media all and (max-width:1400px){
    .program .p_accordion .p_accordion_item.done .done_box .done_info{margin-left:30px;}
}
@media all and (max-width:1000px){
    .program .p_accordion .p_accordion_item .p_accordion_button{padding:24px 70px 22px 108px;}
    .program .p_accordion .p_accordion_item .p_accordion_button:after{width:22px; height:12px;}
    .program .p_accordion .p_accordion_item .p_accordion_button .step{top:2px; left:20px; width:70px; height:30px; padding:6px; font-size:16px; line-height:18px;}
    .program .p_accordion .p_accordion_item .p_accordion_button .title{font-size:18px; line-height:30px;}
    .program .p_accordion .p_accordion_item.done .done_header{padding:24px 70px 22px 108px;}
    .program .p_accordion .p_accordion_item.done .done_header:after{width:22px; height:12px;}
    .program .p_accordion .p_accordion_item.done .done_header .step{top:2px; left:20px; width:70px; height:30px; padding:6px; font-size:16px; line-height:18px;}
    .program .p_accordion .p_accordion_item.done .done_header .title{font-size:18px; line-height:30px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_anchor{font-size:16px;}
}
@media all and (max-width:800px){
    .program .p_accordion .p_accordion_item.done .done_box{padding:26px 20px 27px; flex-direction:column;align-items:center;gap:8px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_title{width:auto;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info{margin-left:0; padding-right:0;}
    .program .p_accordion .p_accordion_item.done .done_box .done_anchor{position:relative; top:auto; right:auto; bottom:auto; margin-top:10px;}
}
@media all and (max-width:640px){
    .program .p_accordion .p_accordion_item+.p_accordion_item{margin-top:10px;}
    .program .p_accordion .p_accordion_item .p_accordion_button{padding:17px 40px 14px 90px; border-radius:15px;}
    .program .p_accordion .p_accordion_item .p_accordion_button:before{border-radius:15px;}
    .program .p_accordion .p_accordion_item .p_accordion_button:after{right:18px; width:16px; height:9px;}
    .program .p_accordion .p_accordion_item .p_accordion_button .step{left:15px; width:65px; height:28px; font-size:14px; line-height:16px;}
    .program .p_accordion .p_accordion_item .p_accordion_button .title{font-size:16px; line-height:28px;}
    .program .p_accordion .p_accordion_item.done .done_header{padding:17px 40px 14px 90px; border-radius:15px;}
    .program .p_accordion .p_accordion_item.done .done_header:after{right:18px; width:16px; height:9px;}
    .program .p_accordion .p_accordion_item.done .done_header .step{left:15px; width:65px; height:28px; font-size:14px; line-height:16px;}
    .program .p_accordion .p_accordion_item.done .done_header .title{font-size:16px; line-height:28px;}
    .program .p_accordion .p_accordion_item.done .done_box{padding:20px 20px 22px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_title{padding-left:12px; font-size:16px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info{flex-direction:column;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info li{font-size:16px; line-height:26px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info li.name{margin-right:0; margin-bottom:5px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_info li.name:before{width:14px; height:16px;}
    .program .p_accordion .p_accordion_item.done .done_box .done_anchor{height:40px; font-size:15px; line-height:38px;}
    .program .p_accordion .p_accordion_item.active{margin-top:20px;}
    .program .p_accordion .p_accordion_item .p_accordion_body{margin-top:12px;}
}
.program .radio_box, .program .check_box{/* gap:10px 20px;*/}
.program.reserve_program{position:relative;}
.program.reserve_program .reserve_list{display:flex; font-size:0; line-height:0; gap:25px;flex-wrap:wrap;}
.program.reserve_program .reserve_item{display:inline-block; position:relative; width:calc((100% - 50px)/3); padding:2px; border-radius:20px; 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+.reserve_item{/* margin-left:25px;*/}
.program.reserve_program .reserve_item .reserve_inner{display:block; height:100%; padding:26px 18px 108px; border-radius:18px; background-color:#fff;}
.program.reserve_program .reserve_item .reserve_name{display:inline-block; padding:0 16px; border:1px solid #0291eb; border-radius:6px; color:#0971cf; font-size:16px; line-height:30px; letter-spacing:-0.01em;}
.program.reserve_program .reserve_item .reserve_title{display:block; overflow:hidden; margin-top:17px; color:#222; font-size:28px; font-weight:500; text-overflow:ellipsis; line-height:32px; white-space:nowrap; letter-spacing:0;}
.program.reserve_program .reserve_item .reserve_person{display:flex; position:relative; margin-top:26px; padding:0 25px; gap:10px;justify-content:center;}
.program.reserve_program .reserve_item .reserve_person li{display:inline-block; position:relative; width:calc(33.33% - 7px); padding:20px 0 15px; border:1px solid #cdd1d5; border-radius:10px; vertical-align:top;}
.program.reserve_program .reserve_item .reserve_person.type2 li{min-width:119px;}
.program.reserve_program .reserve_item .reserve_person li+li{/* margin-left:10px;*/}
.program.reserve_program .reserve_item .reserve_person li.n2{border-color:#e2f1ff; background-color:#e2f1ff;}
.program.reserve_program .reserve_item .reserve_person li.n3{border-color:#f4f5f6; background-color:#f4f5f6;}
.program.reserve_program .reserve_item .reserve_person li p{color:#000; font-size:16px; font-weight:500; line-height:20px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_item .reserve_person li div{margin-top:7px; color:#464c53; font-size:18px; line-height:32px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_item .reserve_person li div span{font-size:28px; font-weight:600;}
.program.reserve_program .reserve_item .reserve_person li.n2 p{color:#0971cf;}
.program.reserve_program .reserve_item .reserve_person li.n2 div{color:#0971cf;}
.program.reserve_program .reserve_item .reserve_age{display:inline-block; position:relative; min-width:258px; margin-top:26px; padding:14px 10px 12px; border:dashed 2px #cdd1d5; border-radius:25px;}
.program.reserve_program .reserve_item .reserve_age span{color:#0971cf; font-size:18px; line-height:22px; 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:23px; color:#666; font-size:18px; 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; padding-left:22px; word-break:keep-all;}
.program.reserve_program .reserve_item .reserve_info span:before{display:block; position:absolute; left:0; background-repeat:no-repeat; background-size:contain; content:'';}
.program.reserve_program .reserve_item .reserve_info .address span:before{top:2px; width:14px; height:16px; background-image:url('/idolbom/images/hmpg/sub/reserve_icon01.png');}
.program.reserve_program .reserve_item .reserve_info .tel span:before{top:3px; width:15px; height:15px; background-image:url('/idolbom/images/hmpg/sub/reserve_icon02.png');}
.program.reserve_program .reserve_item .reserve_anchor{display:block; position:absolute; left:18px; right:18px; bottom:18px; padding:17px 10px 15px; border-radius:12px; background-color:#0778d6; color:#fff; transition:background-color 0.3s ease-in-out;/* margin-top:30px;*/}
.program.reserve_program .reserve_item .reserve_anchor span{position:relative; padding-left:28px; font-size:24px; font-weight:500; line-height:28px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_item .reserve_anchor span:before{display:block; position:absolute; top:6px; left:0; width:18px; height:18px; background:url('/idolbom/images/hmpg/sub/reserve_icon03.png') no-repeat 0 0 / contain;}
@media all and (min-width:1001px){
    .program.reserve_program .reserve_item:hover{background-color:#0291eb;}
    .program.reserve_program .reserve_item .reserve_anchor:hover{background-color:#0768d6;}
}
@media (max-width:1400px) and (min-width:1001px){
    .program.reserve_program .reserve_item{width:calc((100% - 25px) / 2);}
    .program.reserve_program .reserve_item+.reserve_item{/* margin-top:25px;*/ /* margin-left:0;*/}
}
@media all and (max-width:1000px){
    .program.reserve_program .reserve_list{gap:15px;}
    .program.reserve_program .reserve_item .reserve_inner{padding-bottom:90px;}
    .program.reserve_program .reserve_item{width:calc((100% - 30px)/3);}
    .program.reserve_program .reserve_item+.reserve_item{/* margin-left:15px;*/}
    .program.reserve_program .reserve_item .reserve_name{font-size:15px;}
    .program.reserve_program .reserve_item .reserve_title{margin-top:15px; font-size:24px; line-height:28px;}
    .program.reserve_program .reserve_item .reserve_person{margin-top:20px; padding:0 10px;}
    .program.reserve_program .reserve_item .reserve_person li{padding:15px 0 12px;/* min-width:65px;*/}
    .program.reserve_program .reserve_item .reserve_person.type2 li{min-width:102px;}
    .program.reserve_program .reserve_item .reserve_person li div{font-size:16px; line-height:26px;}
    .program.reserve_program .reserve_item .reserve_person li div span{font-size:22px;}
    .program.reserve_program .reserve_item .reserve_person li p{font-size:15px;}
    .program.reserve_program .reserve_item .reserve_age{min-width:100%;}
    .program.reserve_program .reserve_item .reserve_age span{font-size:16px; line-height:20px;}
    .program.reserve_program .reserve_item .reserve_info{font-size:16px; line-height:20px;}
    .program.reserve_program .reserve_item .reserve_info li+li{margin-top:6px;}
    .program.reserve_program .reserve_item .reserve_info .address span:before{top:1px;}
    .program.reserve_program .reserve_item .reserve_info .tel span:before{top:2px;}
    .program.reserve_program .reserve_item .reserve_anchor{padding:13px 10px 14px;}
    .program.reserve_program .reserve_item .reserve_anchor span{font-size:20px; line-height:24px;}
    .program.reserve_program .reserve_item .reserve_anchor span:before{top:4px; width:16px; height:16px;}
}
@media (max-width:850px) and (min-width:801px){
    .program.reserve_program .reserve_item .reserve_person li{/* min-width:100% !important;*/}
    .program.reserve_program .reserve_item .reserve_person li+li{/* margin-top:10px;*/ /* margin-left:0;*/}
}
@media all and (max-width:800px){
    .program.reserve_program .reserve_item{width:100%;}
    .program.reserve_program .reserve_item+.reserve_item{}
}
@media all and (max-width:640px){
    .program.reserve_program .reserve_item .reserve_inner{padding-top:20px; padding-bottom:75px;}
    .program.reserve_program .reserve_item .reserve_name{padding:0 10px; font-size:14px; line-height:26px;}
    .program.reserve_program .reserve_item .reserve_title{font-size:20px; line-height:24px;}
    .program.reserve_program .reserve_item .reserve_person li{padding:10px 10px 8px}
    .program.reserve_program .reserve_item .reserve_person li p{font-size:14px;}
    .program.reserve_program .reserve_item .reserve_person li div{margin-top:5px; font-size:15px; line-height:24px;}
    .program.reserve_program .reserve_item .reserve_person li div span{font-size:20px;}
    .program.reserve_program .reserve_item .reserve_age{margin-top:15px; padding:12px 10px 10px;}
    .program.reserve_program .reserve_item .reserve_age span{font-size:15px;}
    .program.reserve_program .reserve_item .reserve_info{margin-top:18px; font-size:15px;}
    .program.reserve_program .reserve_item .reserve_info span{padding-left:18px;}
    .program.reserve_program .reserve_item .reserve_info .address span:before{width:12px; height:14px;}
    .program.reserve_program .reserve_item .reserve_info .tel span:before{width:13px; height:13px;}
    .program.reserve_program .reserve_item .reserve_anchor{margin-top:18px; padding:10px 10px 11px;}
    .program.reserve_program .reserve_item .reserve_anchor span{padding-left:24px; font-size:18px; line-height:22px;}
    .program.reserve_program .reserve_item .reserve_anchor span:before{width:14px; height:14px;}
}
.program.reserve_program .reserve_form{position:relative; padding:30px 30px 0; 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; margin-bottom:46px; padding:26px 10px 24px; border-radius:12px; background-color:#eef7ff; color:#0971cf; font-size:24px; font-weight:600; text-align:center; line-height:30px; letter-spacing:-0.025em;}
.program.reserve_program .reserve_form.boardview .form_top{}
.program.reserve_program .reserve_form.boardview table+.form_top{margin-top:75px;}
.program.reserve_program .reserve_form.boardview .table_unit{}
.program.reserve_program .reserve_form.boardview .table_unit span{}
.program.reserve_program .reserve_form.boardview table{}
.program.reserve_program .reserve_form.boardview table tr th{/* background-color:#fff;*/}
.program.reserve_program .reserve_form.boardview table tr{}
.program.reserve_program .reserve_form.boardview table tr th{/* padding:22px 0;*/ /* font-size:18px;*/ /* font-weight:600;*/ /* vertical-align:top;*/}
.program.reserve_program .reserve_form.boardview table tr th span.point:after{/* display:inline-block;*/ /* top:0;*/ /* color:#0291eb;*/ /* font-weight:700;*/}
.program.reserve_program .reserve_form.boardview table tr td{/* padding:10px 0 10px 15px;*/ /* color:#464c53;*/ /* font-size:18px;*/}
.program.reserve_program .reserve_form.boardview table tr td .inpbox, .program.reserve_program .reserve_form.boardview table tr td .optionbox{}
.program.reserve_program .reserve_form.boardview table tr td .inpbox input:focus, .program.reserve_program .reserve_form.boardview table tr td .optionbox select:focus, .program.reserve_program .reserve_form.boardview table tr td textarea:focus{}
.program.reserve_program .reserve_form.boardview table tr td .inpbox input.txt, .program.reserve_program .reserve_form.boardview table tr td .optionbox select{}
.program.reserve_program .reserve_form.boardview table tr td textarea{}
.program.reserve_program .reserve_form.boardview table tr td .inpbox input, .program.reserve_program .reserve_form.boardview table tr td textarea{}
.program.reserve_program .reserve_form.boardview table tr td .inpbox input::placeholder{}
.program.reserve_program .reserve_form.boardview table tr td textarea::placeholder{}
.program.reserve_program .reserve_form.boardview table tr td .optionbox select{}
.program.reserve_program .reserve_form.boardview table tr td .optionbox:after{}
.program.reserve_program .reserve_form.boardview table tr td.tel .box .optionbox, .program.reserve_program .reserve_form.boardview table tr td.tel .box .inpbox{}
.program.reserve_program .reserve_form.boardview table tr td.address .box{}
.program.reserve_program .reserve_form.boardview table tr td.address .inpbox.zip{}
.program.reserve_program .reserve_form.boardview table tr td.address .address_btn{}
.program.reserve_program .reserve_form.boardview table .p_caution{}
#sub .radio_box > li{margin-right:0;}
#sub .radio_box input[type=radio] + label, #sub .check_box input[type=checkbox] + label{}
#sub .radio_box.none input[type=radio] + label, #sub .check_box.none input[type=checkbox] + label{padding-left:24px; font-size:0;}
#sub .check_box input[type=checkbox] + label:before{display:block; top:8px; left:6px; z-index:1; width:13px; height:8px; margin-top:0; border:0; background:url('/idolbom/images/hmpg/sub/form_check.png') no-repeat;}
#sub .radio_box input[type=radio] + label:before{display:block; top:6px; left:6px; z-index:1; width:12px; height:12px; margin-top:0; border:0; background:#fff;}
#sub .radio_box input[type=radio] + label:after, #sub .check_box input[type=checkbox] + label:after{display:block; position:absolute; top:0; left:0; width:22px; height:22px; border:1px solid #cdd1d5; border-radius:6px; background-color:#fff; content:'';}
#sub .radio_box input[type=radio] + label:after{border-radius:50%;}
#sub .check_box input[type=checkbox]:checked + label:after{border-color:#0778d6; background-color:#0778d6;}
#sub .radio_box input[type=radio]:checked + label:after, #sub .check_box input[type=checkbox]:checked + label:after{border-color:#0778d6; background-color:#0778d6;}
.program.reserve_program .reserve_btn_box{display:flex; position:relative; left:-30px; width:calc(100% + 60px); margin-top:105px; padding:35px 20px; background-color:#f4f5f6; text-align:center; justify-content:center;gap:10px;}
.program.reserve_program .reserve_btn_box .reserve_btn{display:flex; width:200px; height:60px; border-radius:8px; background-color:#6d7882; color:#fff; font-size:24px; transition:background-color 0.3s ease-in-out; justify-content:center;align-items:center;}
.program.reserve_program .reserve_btn_box .reserve_btn.next{background-color:#0778d6;}
@media all and (min-width:1001px){
    .program.reserve_program .reserve_form.boardview table tr td.address .address_btn:hover{}
    .program.reserve_program .reserve_btn_box .reserve_btn:hover{background-color:#5a646e;}
    .program.reserve_program .reserve_btn_box .reserve_btn.next:hover{background-color:#0768d6;}
}
@media (max-width:1400px) and (min-width:1001px){
    .program.reserve_program .reserve_form.boardview table tr td.tel .box .optionbox, .program.reserve_program .reserve_form.boardview table tr td.tel .box .inpbox{}
}
@media all and (max-width:1000px){
    .program.reserve_program .reserve_form .reserve_box{padding:20px 10px 18px; font-size:20px; line-height:26px;}
    .program.reserve_program .reserve_form.boardview .table_unit{}
    .program.reserve_program .reserve_form.boardview table tr th{}
    .program.reserve_program .reserve_form.boardview table > tbody > tr{}
    .program.reserve_program .reserve_form.boardview table tr th{}
    .program.reserve_program .reserve_form.boardview table tr td{}
    .program.reserve_program .reserve_form.boardview table tr td.address .address_btn{}
    #sub .radio_box input[type=radio] + label, #sub .check_box input[type=checkbox] + label{padding-left:30px; font-size:16px;}
    #sub .radio_box input[type=radio] + label:before, #sub .check_box input[type=checkbox] + label:before{top:7px; left:5px;}
    #sub .radio_box input[type=radio] + label:before{top:5px;}
    #sub .radio_box input[type=radio] + label:after, #sub .check_box input[type=checkbox] + label:after{width:20px; height:20px;}
    .program.reserve_program .reserve_btn_box{margin-top:60px; padding-top:30px; padding-bottom:30px;}
    .program.reserve_program .reserve_btn_box .reserve_btn{width:180px; height:50px; font-size:20px;}
}
@media all and (max-width:640px){
    .program.reserve_program .reserve_form{padding:20px 20px 0;}
    .program.reserve_program .reserve_form .reserve_box{font-size:18px; line-height:24px;}
    .program.reserve_program .reserve_form.boardview .form_top{/* margin-bottom:20px;*/ /* flex-direction:column;*/ /* flex-wrap:wrap;*/}
    .program.reserve_program .reserve_form.boardview .table_unit{margin-bottom:12px; font-size:15px; line-height:22px;/* align-self:flex-end;*/}
    .program.reserve_program .reserve_form.boardview table+.form_top{margin-top:50px;}
    .program.reserve_program .reserve_form.boardview table tr th{margin-bottom:5px; font-size:15px;}
    .program.reserve_program .reserve_form.boardview table tr td{font-size:15px;}
    .program.reserve_program .reserve_form.boardview table tr td .inpbox, .program.reserve_program .reserve_form.boardview table tr td .optionbox{/* height:40px;*/}
    .program.reserve_program .reserve_form.boardview table tr td .inpbox input, .program.reserve_program .reserve_form.boardview table tr td textarea{/* padding:6px 10px;*/ /* font-size:15px;*/}
    .program.reserve_program .reserve_form.boardview table tr td .optionbox select{font-size:15px;}
    .program.reserve_program .reserve_form.boardview table tr td .inpbox input.txt{/* padding:6px 10px;*/}
    .program.reserve_program .reserve_form.boardview table tr td .optionbox select{padding:6px 25px 6px 10px;}
    .program.reserve_program .reserve_form.boardview table tr td .optionbox:after{right:10px; width:12px; height:6px; background-size:contain;}
    .program.reserve_program .reserve_form.boardview table tr td .inpbox input::placeholder, .program.reserve_program .reserve_form.boardview table tr td textarea::placeholder{font-size:15px;}
    .program.reserve_program .reserve_form.boardview table tr td.tel .box .optionbox, .program.reserve_program .reserve_form.boardview table tr td.tel .box .inpbox{width:calc((100%/3) - 14.2px);}
    .program.reserve_program .reserve_form.boardview table tr td.address .box{margin-bottom:10px; gap:10px;}
    .program.reserve_program .reserve_form.boardview table tr td.address .address_btn{width:100px; height:40px; font-size:15px; line-height:38px;}
    #sub .radio_box input[type=radio] + label, #sub .check_box input[type=checkbox] + label{font-size:15px;}
    .program.reserve_program .reserve_form.boardview table .radioInp input[type=radio] + label{width:90px;}
    .program.reserve_program .reserve_form.boardview table .radioInp .inpbox{width:calc(100% - 100px);}
    .program.reserve_program .reserve_form.boardview table .calendarbox .inpbox .ui-datepicker-trigger{/* width:40px;*/ /* background-size:40% auto;*/}
    .program.reserve_program .reserve_form.boardview table .p_caution{font-size:15px;}
    .program.reserve_program .reserve_btn_box{left:-20px; width:calc(100% + 40px); margin-top:40px; padding:25px 10px;}
    .program.reserve_program .reserve_btn_box .reserve_btn{width:120px; height:43px; font-size:18px;}
}
.program.reserve_program .agree_wrap{position:relative; padding:48px 30px 0; border-radius:20px; background-color:#fff; box-shadow:0 5px 20px 0 rgba(56,56,56,0.15);}
.program.reserve_program .agree_box{position:relative; padding:25px 30px 0 30px; border:1px solid #cdd1d5; border-radius:12px;}
.program.reserve_program .agree_wrap .agree_box{padding-bottom:25px;}
.program.reserve_program .agree_box .text{display:flex; color:#464c53; 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:26px;}
.program.reserve_program .agree_box .text+.tablebasic{margin-top:18px;}
.program .btn_agree_view{display:flex; height:32px; margin:0 auto; padding:0 12px; border-radius:6px; background-color:#0778d6; color:#fff; font-size:18px; line-height:32px; transition:background-color 0.3s ease-in-out; gap:5px;align-items:center;}
.program .btn_agree_view:hover{background-color:#0768d6;}
.program .btn_agree_view:before{display:block; width:18px; height:18px; background-image:url(/idolbom/images/hmpg/sub/view_icon.png); background-repeat:no-repeat; background-size:18px;}
.program.reserve_program .tablebasic table{}
.program.reserve_program .tablebasic table thead tr{border-bottom-color:#81c4ff;}
.program.reserve_program .tablebasic table tr th{}
.program.reserve_program .tablebasic table tr td{}
.program.reserve_program .tablebasic table tr td strong{font-weight:500;}
.program .tablebasic table tbody.tb_left tr td{text-align:left;}
.program .underline{text-decoration:underline; text-underline-offset:3px;}
.program.reserve_program .tablebasic table tr td .inp{width:100%; height:40px; padding:0 5px; text-align:center;}
.program.reserve_program .tablebasic table tr td .check_box, .program.reserve_program .tablebasic table tr td .radio_box{/* justify-content:center;*/}
.program .tablebasic .list{display:flex; flex-direction:column;gap:6px;}
.program .tablebasic .list li{position:relative; padding-left:15px; color:#464c53;}
.program .tablebasic .list li:before{display:block; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:50%; background-color:#0291eb;}
.program .tablebasic .list li span{color:#0971cf;}
.program .tablebasic .list li div{position:relative; margin-top:5px; padding-left:16px;}
.program .tablebasic .list li div:before{display:block; position:absolute; top:0; left:0; content:'※'; color:#0971cf;}
.program.reserve_program .agree_check_wrap{margin-top:17px;}
.program .agree_check_wrap .check_box input[type=checkbox] + label span{color:#0971cf;}
.program.reserve_program .agree_wrap .reserve_btn_box{margin-top:60px;}
@media all and (max-width:1400px){
    .program.reserve_program .tablebasic{overflow-x:auto;}
    .program.reserve_program .tablebasic table{min-width:850px;}
}
@media all and (max-width:1000px){
    .program.reserve_program .agree_box .text{font-size:16px; line-height:24px;}
    .program.reserve_program .agree_box .text+.text{margin-top:20px;}
    .program.reserve_program .tablebasic table tr th{font-size:16px;}
    .program.reserve_program .tablebasic table tr td{font-size:16px; line-height:24px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label{padding-left:35px; font-size:16px;/* line-height:24px;*/}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label:before{top:calc(50% - 6px); left:5px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label:after{top:0; width:21px; height:21px;}
}
@media all and (max-width:640px){
    .program.reserve_program .agree_wrap{padding:30px 20px 0;}
    .program.reserve_program .agree_box{padding:15px 20px 25px;}
    .program.reserve_program .agree_box .text{font-size:15px;}
    .program.reserve_program .agree_box .text+.text{margin-top:15px;}
    .program.reserve_program .tablebasic table{min-width:750px;}
    .program.reserve_program .tablebasic table tr th{font-size:15px;}
    .program.reserve_program .tablebasic table tr td{padding:10px 10px; font-size:15px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label{padding-left:32px; font-size:15px; line-height:22px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label:before{left:4px;}
    .program.reserve_program .agree_check_wrap .check_box input[type=checkbox] + label:after{width:19px; height:19px;}
    .program.reserve_program .agree_wrap .reserve_btn_box{margin-top:50px;}
}
.program.reserve_program .complete_box{position:relative; padding:101px 30px 0; border-radius:20px; background-color:#fff; box-shadow:0 5px 20px 0 rgba(56,56,56,0.15);}
.program.reserve_program .complete_box .complete_content{display:block; position:relative; padding-top:85px; text-align:center;}
.program.reserve_program .complete_box .complete_content:before{display:block; position:absolute; top:0; left:0; right:0; width:62px; height:69px; margin:0 auto; background:url('/idolbom/images/hmpg/sub/complete_icon.png') no-repeat;}
.program.reserve_program .complete_box .complete_content span{color:#222; font-size:26px; font-weight:600; line-height:36px; letter-spacing:0;}
.program.reserve_program .complete_box .complete_content p{margin-top:9px; color:#464c53; font-size:18px; line-height:26px; letter-spacing:0;word-break:keep-all;}
.program.reserve_program .complete_box .reserve_btn_box{margin-top:85px;}
@media all and (max-width:1000px){
    .program.reserve_program .complete_box{padding-top:85px;}
    .program.reserve_program .complete_box .complete_content{padding-top:75px;}
    .program.reserve_program .complete_box .complete_content:before{width:52px; height:58px; background-size:cover;}
    .program.reserve_program .complete_box .complete_content span{font-size:22px; line-height:32px;}
    .program.reserve_program .complete_box .complete_content p{font-size:16px;}
}
@media all and (max-width:640px){
    .program.reserve_program .complete_box{padding:50px 20px 0;}
    .program.reserve_program .complete_box .complete_content{padding-top:60px;}
    .program.reserve_program .complete_box .complete_content:before{width:42px; height:47px;}
    .program.reserve_program .complete_box .complete_content span{font-size:20px; line-height:30px;}
    .program.reserve_program .complete_box .complete_content p{margin-top:6px; font-size:15px; line-height:22px;}
    .program.reserve_program .complete_box .reserve_btn_box{margin-top:50px;}
}
.program.reserve_program .calendar_wrap{display:flex; position:relative; flex-wrap:wrap;gap:20px;}
.program.reserve_program .calendar_col{display:flex; width:calc(50% - 10px); flex-direction:column;gap:20px;}
.program.reserve_program .calendar_box{padding:25px 20px; border-radius:20px; background-color:#f4f5f6;}
.program.reserve_program .calendar_box.n1{width:calc(50% - 10px);}
.program.reserve_program .calendar_box.n2{height:calc(100% - 158px);}
.program.reserve_program .calendar_box.n3 select{margin-top:12px;}
.program.reserve_program .calendar_box .calendar_title{position:relative; padding-left:39px; color:#222; font-size:20px; font-weight:600; line-height:26px;}
.program.reserve_program .calendar_box .calendar_title .num{position:absolute; top:0; left:0; width:26px; height:26px; border-radius:50%; background-color:#0778d6; color:#fff; text-align:center; line-height:26px;}
.program.reserve_program .calendar_box .calendar_title .btn_stat{float:right; margin-top:2px; color:#464c53; font-size:18px;}
.program.reserve_program .calendar_box .calendar_head{display:flex; margin-top:25px; align-items:center;justify-content:center;}
.program.reserve_program .calendar_box .calendar_head .btn_arrow{width:30px; height:30px; border:1px solid #d1d4d8; border-radius:50%; background:#fff url(/idolbom/images/hmpg/sub/calendar_arrow.png) no-repeat center / 7px; font-size:0;}
.program.reserve_program .calendar_box .calendar_head .btn_arrow.prev{margin-right:15px;}
.program.reserve_program .calendar_box .calendar_head .btn_arrow.next{transform:rotate(180deg);}
.program.reserve_program .calendar_box .calendar_head select{padding:0 16px; background:transparent url(/idolbom/images/hmpg/sub/calendar_select.png) no-repeat right center / 8px; color:#222; font-size:18px; font-weight:700; text-align:right;}
.program.reserve_program .calendar_box .calendar_head select + select{margin-right:30px;}
.program.reserve_program .calendar_box .calendar_body{margin-top:15px;}
.program.reserve_program .calendar_box .calendar_body .calendar_table{width:100%; border-top:2px solid #cdd1d5; border-left:1px solid #cdd1d5; background-color:#fff;}
.program.reserve_program .calendar_box .calendar_body .calendar_table thead th{height:80px; padding:3px 5px; border-right:1px solid #cdd1d5; border-bottom:1px solid #cdd1d5; color:#222; font-size:16px; font-weight:600; vertical-align:top;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td{position:relative; height:80px; padding:5px 5px; border-right:1px solid #cdd1d5; border-bottom:1px solid #cdd1d5; color:#222; font-size:16px; text-align:center; vertical-align:top;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td .calendar_btn{position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; padding-top:48px; color:#0971cf; font-size:14px; line-height:20px;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.selected{background-color:#eef7ff;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.selected .calendar_btn{border:2px solid #0971cf;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td:first-child.selected, .program.reserve_program .calendar_box .calendar_body .calendar_table tbody td:last-child.selected{background-color:#fff8ee;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td:first-child.selected .calendar_btn, .program.reserve_program .calendar_box .calendar_body .calendar_table tbody td:last-child.selected .calendar_btn{border-color:#DB7E05;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td .text{position:absolute; left:0; right:0; bottom:6px; color:#6d7882; font-size:14px; line-height:20px;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.no{background-color:#f4f5f6; color:#6d7882;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.today .day{position:relative;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.today .day:before{display:block; position:absolute; top:17px; left:50%; width:38px; height:27px; padding-top:6px; background:url(/idolbom/images/hmpg/sub/calendar_today.png) no-repeat center / cover; content:'오늘'; color:#fff; font-size:14px; line-height:20px; transform:translateX(-50%); box-sizing:border-box;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.done{background-color:#f4f5f6;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.done .text{color:#e72508;}
.program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.none{color:#6d7882;}
.program.reserve_program .calendar_box .calendar_time{display:flex; margin-top:25px; gap:9px;flex-wrap:wrap;}
.program.reserve_program .calendar_box .calendar_time li{width:calc(33.33% - 6px);}
.program.reserve_program .calendar_box .calendar_time li button{width:100%; height:62px; border:1px solid #cdd1d5; border-radius:8px; color:#464c53; font-size:18px; text-align:center; line-height:1.4;}
.program.reserve_program .calendar_box .calendar_time li button span{display:block;}
.program.reserve_program .calendar_box .calendar_time li.selected button{border:2px solid #0971cf; background-color:#eef7ff;}
.program.reserve_program .calendar_box .calendar_time li.possible button{background-color:#fff;}
.program.reserve_program .calendar_box .calendar_time li.selected button span, .program.reserve_program .calendar_box .calendar_time li.possible button span{color:#0971cf;}
.program .reserve_sign{margin-top:20px; text-align:center;}
.program .reserve_sign .sign_text{color:#222; font-size:24px; font-weight:300; line-height:1.4; word-break:keep-all;}
.program .reserve_sign .sign_date{margin-top:35px; color:#222; font-size:18px; font-weight:300;}
.program .reserve_sign .sign_box{display:flex; margin-top:45px; align-items:center;justify-content:center;gap:60px;}
.program .reserve_sign .sign_box ul{display:flex; text-align:left; gap:12px;flex-direction:column;}
.program .reserve_sign .sign_box ul li{color:#464c53; font-size:18px; line-height:24px;}
.program .reserve_sign .sign_box ul li span{display:inline-block; width:96px; color:#222; font-weight:600;}
.program .reserve_sign .sign_box ul li:nth-child(2) span{letter-spacing:0.06em;}
.program .reserve_sign .sign_box div{display:flex; margin-top:34px; color:#464c53; font-size:18px; font-weight:300; gap:12px;align-items:center;}
.program .reserve_sign .sign_box div input{width:150px;}
@media all and (max-width:1400px){
    .program.reserve_program .calendar_wrap{flex-direction:column;}
    .program.reserve_program .calendar_box.n1{width:100%;}
    .program.reserve_program .calendar_col{width:100%;}
    .program .reserve_sign .sign_text{font-size:22px;}
}
@media all and (max-width:1000px){
    .program.reserve_program .calendar_box{padding:15px 15px; border-radius:15px;}
    .program.reserve_program .calendar_box .calendar_title{padding-left:32px; font-size:18px; line-height:24px;}
    .program.reserve_program .calendar_box .calendar_title .num{width:24px; height:24px;}
    .program.reserve_program .calendar_box .calendar_head{margin-top:12px;}
    .program.reserve_program .calendar_box .calendar_head .btn_arrow.prev{margin-right:15px;}
    .program.reserve_program .calendar_box .calendar_head select{padding:0 13px 0 5px; font-size:16px;}
    .program.reserve_program .calendar_box .calendar_head select + select{margin-right:20px;}
    .program.reserve_program .calendar_box .calendar_body{margin-top:10px;}
    .program.reserve_program .calendar_box .calendar_title .btn_stat{font-size:16px;}
    .program.reserve_program .calendar_box .calendar_time{margin-top:12px;}
    .program.reserve_program .calendar_box .calendar_time li button{font-size:16px;}
    .program .reserve_sign .sign_text{font-size:18px;}
    .program .reserve_sign .sign_date{margin-top:20px; font-size:16px;}
    .program .reserve_sign .sign_box{margin-top:25px;}
    .program .reserve_sign .sign_box ul{gap:6px;}
    .program .reserve_sign .sign_box ul li{font-size:16px;}
    .program .reserve_sign .sign_box ul li span{width:80px}
    .program .reserve_sign .sign_box div{margin-top:25px; font-size:16px;}
}
@media all and (max-width:640px){
    .program.reserve_program .calendar_box .calendar_title{font-size:16px;}
    .program.reserve_program .calendar_box .calendar_body .calendar_table thead th{height:auto; font-size:12px;}
    .program.reserve_program .calendar_box .calendar_body .calendar_table tbody td{height:65px; padding-top:0; font-size:12px;}
    .program.reserve_program .calendar_box .calendar_body .calendar_table tbody td .calendar_btn{padding-top:40px; font-size:10px; letter-spacing:-0.05em;}
    .program.reserve_program .calendar_box .calendar_body .calendar_table tbody td .text{bottom:2px; font-size:10px; letter-spacing:-0.05em;}
    .program.reserve_program .calendar_box .calendar_body .calendar_table tbody td.today .day:before{top:13px; width:30px; height:22px; padding-top:4px; font-size:11px;}
    .program.reserve_program .calendar_box .calendar_time li button{height:54px; font-size:14px;}
    .program.reserve_program .calendar_box .calendar_title .btn_stat{font-size:15px;}
    .program .reserve_sign .sign_text{font-size:15px;}
    .program .reserve_sign .sign_date{margin-top:10px; font-size:15px;}
    .program .reserve_sign .sign_box{margin-top:20px; gap:20px;flex-direction:column;}
    .program .reserve_sign .sign_box ul{gap:3px;}
    .program .reserve_sign .sign_box ul li{font-size:15px;}
    .program .reserve_sign .sign_box ul li span{width:64px;}
    .program .reserve_sign .sign_box div{margin-top:0; font-size:15px; gap:6px;}
}
.program.reserve_program .reserve_top .reserve_sch{display:flex; padding:20px 30px; border-radius:20px; background-color:#f4f5f6; gap:12px;}
.program.reserve_program .reserve_top .reserve_sch .select{width:150px;}
.program.reserve_program .reserve_top .reserve_sch .inp{width:calc(100% - 254px);}
.program.reserve_program .reserve_top .reserve_sch .btn{width:80px;}
.program.reserve_program .reserve_top .reserve_sch .btn_sch:hover{}
.program.reserve_program .reserve_top .reserve_all{margin-top:50px; color:#464c53; font-size:18px;}
.program.reserve_program .reserve_top .reserve_all span{font-weight:600;}
.program.reserve_program .reserve_program_list{display:flex; margin-top:20px; flex-wrap:wrap;gap:43px 24px;}
.program.reserve_program .reserve_program_list .reserve_program_item{width:calc(33.33% - 16px);}
.program.reserve_program .reserve_program_list .reserve_program_item.nodata{width:100%; text-align:center;}
.program.reserve_program .reserve_program_list .reserve_program_item a{display:block; overflow:hidden; position:relative; border-radius:20px; box-shadow:0px 5px 20px rgba(56,56,56,0.15);}
.program.reserve_program .reserve_program_list .reserve_program_item a:before{display:block; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; border:2px solid #0291eb; border-radius:20px; transition:opacity 0.3s ease-in-out;}
.program.reserve_program .reserve_program_list .reserve_program_item a:hover:before{opacity:1;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_img{overflow:hidden;position:relative;aspect-ratio: 1 / 1;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_img img{height: 100%;transition:transform 0.3s ease-in-out;position: absolute;top: 0;bottom: 0;left: 50%;transform: translateX(-50%);}
.program.reserve_program .reserve_program_list .reserve_program_item a:hover .program_img img{transform: translateX(-50%) scale(1.1);}
.program.reserve_program .program_stat{display:flex; position:absolute; top:0; right:20px; width:68px; height:73px; border-radius:0 0 34px 34px; background-color:#0291eb; color:#fff; font-size:16px; font-weight:500; text-align:center; line-height:1.2; align-items:center;justify-content:center;}
.program.reserve_program .program_stat.end{background-color:#6d7882;}
.program.reserve_program .program_stat.deadline{background-color:#e6e8ea; color:#6d7882;}
.program.reserve_program .program_stat.expected{background-color:#DB7E05;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box{padding:25px 22px;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_title{color:#222; font-size:24px; font-weight:500; text-align:center; line-height:1.2; transition:color 0.3s ease-in-out;/* overflow:hidden;*/ /* text-overflow:ellipsis;*/ /* white-space:nowrap;*/}
.program.reserve_program .reserve_program_list .reserve_program_item a:hover .program_box .program_title{color:#0971cf;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_title span{display:inline-block; overflow:hidden; position:relative; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_title span:before{display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; background-color:#0971cf; transform:translateX(-50%); transition:width 0.3s ease-in-out;}
.program.reserve_program .reserve_program_list .reserve_program_item a:hover .program_box .program_title span:before{width:100%;}
.program.reserve_program .reserve_program_list.type2 .reserve_program_item a .program_box .program_title span{display:-webkit-box; overflow:hidden; height:72px; text-align:left; text-overflow:ellipsis; line-height:1.5; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.program.reserve_program .reserve_program_list.type2 .reserve_program_item a .program_box .program_title span:before{display:none;}
.program.reserve_program .reserve_program_list.type2 .reserve_program_item a:hover .program_box .program_title span{text-decoration:underline;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info{margin-top:20px;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info li{overflow:hidden; color:#464c53; font-size:18px; text-overflow:ellipsis; line-height:26px; white-space:nowrap; letter-spacing:-0.025em;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info li span{display:inline-block; width:76px; color:#222; font-weight:500;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info li:nth-child(2) span{letter-spacing:0;}
.program.reserve_program .reserve_program_list.type2 .reserve_program_item a .program_box .program_info li span{width:45px;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_center{color:#d30054; font-size:18px;}
.program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_date{margin-top:15px; color:#6A788A; font-size:18px;}
.program.reserve_program .reserve_step{display:flex; margin-bottom:40px; padding-bottom:40px; text-align:center; align-items:center;justify-content:center;}
.program.reserve_program .reserve_step li{position:relative;}
.program.reserve_program .reserve_step li + li{margin-left:240px;}
.program.reserve_program .reserve_step li + li:before{display:block; position:absolute; top:0; right:calc(100% + 8px); bottom:0; width:224px; height:2px; margin:auto 0; background-color:#cdd1d5;}
.program.reserve_program .reserve_step li + li.active:before, .program.reserve_program .reserve_step li + li.finish:before{background-color:#0291eb;}
.program.reserve_program .reserve_step li span{display:block;}
.program.reserve_program .reserve_step li .num{width:52px; height:52px; border:2px solid #cdd1d5; border-radius:50%; background-color:#f4f5f6; color:#222; font-size:20px; font-weight:600; line-height:48px;}
.program.reserve_program .reserve_step li .text{position:absolute; top:68px; left:50%; color:#464c53; font-size:18px; font-weight:400; white-space:nowrap; transform:translateX(-50%);}
.program.reserve_program .reserve_step li + li.active:before{}
.program.reserve_program .reserve_step li.active .num, .program.reserve_program .reserve_step li.finish .num{border-color:#0291eb; background-color:#0291eb; color:#fff;}
.program.reserve_program .reserve_step li.active .text, .program.reserve_program .reserve_step li.finish .text{color:#0971cf;}
.program.reserve_program .reserve_step li.finish .num:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; background:#0291eb url(/idolbom/images/hmpg/sub/reserve_step_check.png) no-repeat center / 20px;}
.program.reserve_program .reserve_step li.finish .text{}
.program.reserve_program .reserve_title{margin-top:25px; color:#222; font-size:28px; font-weight:500; text-align:center; line-height:1.4; word-break:keep-all;}
.program.reserve_program .list_box3{display:flex; margin-top:35px; padding:45px 55px; border-radius:20px; background-color:#eef7ff; flex-wrap:wrap;gap:16px 14px;}
.program.reserve_program .list_box3 li{display:flex; position:relative; width:calc(50% - 7px); padding-left:19px; color:#464c53; font-size:18px; line-height:24px;}
.program.reserve_program .list_box3 li:before{display:block; position:absolute; top:9px; left:0; width:5px; height:5px; border-radius:50%; background-color:#0291eb;}
.program.reserve_program .list_box3 li span{display:inline-block; width:120px; font-weight:500; flex-shrink:0;}
.program.reserve_program .list_box3 li .link_text{display:inline; font-weight:300; line-height:24px;}
.program.reserve_program .list_box3 li .link_text:after{margin:3px 0 0 5px;}
.program.reserve_program .list_box3.type2{padding:35px 30px; border:1px solid #cdd1d5; background-color:#fff;}
.program.reserve_program .list_box3.type2 li{width:100%;}
.program.reserve_program .list_box3.type3{padding:25px 30px; background-color:#f4f5f6; gap:8px;}
.program.reserve_program .list_box3.type3 li{width:100%;}
.program.reserve_program .reserve_detail{padding:30px; border:1px solid #cdd1d5; border-radius:20px; text-align:center;}
.program.reserve_program .reserve_detail p{color:#464c53; font-size:18px; line-height:32px; word-break:keep-all;}
.program.reserve_program .reserve_detail img{max-width:100%;}
.program.reserve_program .reserve_detail p + img{margin-top:40px;}
.program.reserve_program .reserve_map{margin:0 -30px;}
.program.reserve_program .reserve_map .root_daum_roughmap{width:100% !important}
.program.reserve_program .reserve_map .root_daum_roughmap .map_border{width:0; border:0;}
.program.reserve_program .reserve_map .root_daum_roughmap .wrap_controllers, .program.reserve_program .reserve_map .root_daum_roughmap .cont{display:none;}
@media all and (max-width:1400px){
    .program.reserve_program .reserve_program_list .reserve_program_item{width:calc(50% - 12px);}
    .program.reserve_program .list_box3{padding:30px;}
    .program.reserve_program .list_box3 li{width:100%;}
}
@media all and (max-width:1000px){
    .program.reserve_program .reserve_top .reserve_sch{padding-right:20px; padding-left:20px;}
    .program.reserve_program .reserve_top .reserve_all{margin-top:30px; font-size:16px;}
    .program.reserve_program .reserve_program_list{margin-top:15px; gap:20px 15px;}
    .program.reserve_program .reserve_program_list .reserve_program_item{width:calc(33.33% - 10px);}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_img .program_stat{right:10px; width:50px; height:56px; font-size:14px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box{padding:15px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_title{font-size:18px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info{margin-top:8px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info li{font-size:16px; line-height:24px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info li span{width:66px;}
    .program.reserve_program .reserve_step{margin-bottom:27px; padding-bottom:30px;}
    .program.reserve_program .reserve_step li{}
    .program.reserve_program .reserve_step li + li{margin-left:78px}
    .program.reserve_program .reserve_step li + li:before{width:62px;}
    .program.reserve_program .reserve_step li .num{width:44px; height:44px; font-size:18px; line-height:40px;}
    .program.reserve_program .reserve_step li .text{top:50px; font-size:16px;}
    .program.reserve_program .reserve_title{margin-top:0; font-size:23px;}
    .program.reserve_program .list_box3{margin-top:20px; padding:20px 30px !important; gap:10px;}
    .program.reserve_program .list_box3 li{padding-left:14px; font-size:16px;}
    .program.reserve_program .list_box3 li span{width:98px;}
    .program.reserve_program .list_box3 li .link_text:after{margin-top:5px;}
    .program.reserve_program .reserve_detail p{font-size:16px; line-height:28px;}
    .program.reserve_program .reserve_detail p + img{margin-top:20px;}
    .popup .popup_inner .popup_agreeView_box div{font-size:18px;}
    .popup .popup_inner .popup_agreeView_box ol + div{margin-top:15px;}
    .popup .popup_inner .popup_agreeView_box ol li{font-size:15px; line-height:25px;}
    .popup .popup_inner .popup_agreeView_box ol li span{}
    .popup .popup_inner .popup_agreeView_box p{line-height:25px;}
    .popup .popup_inner .popup_text{line-height:24px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_center{font-size:15px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_date{font-size:15px;}
}
@media all and (max-width:640px){
    .program.reserve_program .reserve_top .reserve_sch{padding:15px; gap:5px;}
    .program.reserve_program .reserve_top .reserve_sch .select{width:71px;}
    .program.reserve_program .reserve_top .reserve_sch .inp{width:calc(100% - 131px);}
    .program.reserve_program .reserve_top .reserve_sch .select + .select + .inp{width:calc(100% - 207px);}
    .program.reserve_program .reserve_top .reserve_sch .btn{width:50px; height:38px; line-height:38px;}
    .program.reserve_program .reserve_program_list .reserve_program_item{width:calc(50% - 8px);}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_title{font-size:16px;}
    .program.reserve_program .reserve_program_list.type2 .reserve_program_item a .program_box .program_title span{height:auto;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info{margin-top:5px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_info li{font-size:14px; line-height:22px;}
    .program.reserve_program .reserve_step li .text{font-size:15px;}
    .program.reserve_program .reserve_title{font-size:18px;}
    .program.reserve_program .list_box3{margin-top:15px;}
    .program.reserve_program .list_box3{margin-top:15px; padding:15px 20px !important; gap:10px;}
    .program.reserve_program .list_box3 li{padding-left:12px; font-size:15px;}
    .program.reserve_program .list_box3 li span{width:86px;}
    .program.reserve_program .list_box3 li .link_text{font-size:15px; vertical-align:top;}
    .program.reserve_program .reserve_detail{padding:15px;}
    .program.reserve_program .reserve_detail p{font-size:15px; line-height:24px;}
    .program.reserve_program .reserve_detail p + img{margin-top:10px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_center{font-size:14px;}
    .program.reserve_program .reserve_program_list .reserve_program_item a .program_box .program_date{font-size:14px;}
}
@media all and (max-width:480px){
    .program.reserve_program .reserve_program_list .reserve_program_item{width:100%;}
    .program.reserve_program .list_box3 li{flex-wrap: wrap;}
    .program.reserve_program .list_box3 li span{width:100%;}
}
/* 멤버쉽 */
#member_area{position:relative; padding-top:79px; padding-bottom:130px;}
#member_area:before{display:block; position:absolute; top:0; left:50%; bottom:0; width:100vw; background-color:#eef7ff; transform:translateX(-50%);}
#member_area .sub_head{position:relative; text-align:center;}
#member_area .sub_head .sub_title{}
#member_area .sub_head .sub_title h2{}
#member_area .contents{}
.member_box{position:relative; max-width:800px; margin:35px auto 0 auto; padding:50px 40px; border-radius:20px; background-color:#fff; box-shadow:0px 5px 20px 0 rgba(56, 56, 56, 0.15);/* text-align:center;*/}
#member_area .button_box{margin-top:40px;}
#member_area .button_box .btn{max-width:200px; border-radius:8px; font-size:20px; font-weight:400; line-height:60px;}
#member_area .button_box .btn.line{line-height:56px;}
#member_area .member_img_box{margin-top:35px;}
#member_area .member_img_box img{max-width:100%;}
#member_area .member_login{max-width:420px; margin:0 auto; padding:20px 0 60px 0; text-align:center;}
#member_area .member_login .member_logo{}
#member_area .member_login .member_text{margin-top:20px; color:#222; font-size:26px; font-weight:600; line-height:1.3;}
#member_area .member_login .member_text2{margin-top:19px; font-size:18px; line-height:1.3; word-break:keep-all;}
#member_area .member_login form{margin-top:49px;}
#member_area .member_login form .inpbox{height:60px;}
#member_area .member_login form .inpbox input{}
#member_area .member_login form .inpbox + .inpbox{margin-top:11px;}
#member_area .member_login form .check_box{margin-top:11px;}
#member_area .member_login form .btn{margin-top:36px; border-radius:8px; font-size:20px; line-height:60px;}
#member_area .member_login .member_find{display:flex; margin-top:29px; gap:38px;justify-content:center;}
#member_area .member_login .member_find li{position:relative;}
#member_area .member_login .member_find li + li{}
#member_area .member_login .member_find li + li:before{display:block; position:absolute; top:0; left:-18px; bottom:0; width:1px; height:12px; margin:auto 0; background-color:#cdd1d5;}
#member_area .member_login .member_find li a{color:#222; font-size:18px; line-height:1;}
#member_area .member_login .member_sns{margin-top:80px;}
#member_area .member_login .member_sns .sns_title{color:#222; font-size:26px; font-weight:600; line-height:1;}
#member_area .member_login .member_sns .sns_list{margin-top:28px;}
#member_area .member_login .member_sns .sns_list li{}
#member_area .member_login .member_sns .sns_list li + li{margin-top:10px;}
#member_area .member_login .member_sns .sns_list li a{display:block; position:relative; padding-left:10px; border-radius:8px; font-size:20px; font-weight:500; line-height:60px;}
#member_area .member_login .member_sns .sns_list li a:before{display:block; position:absolute; top:0; left:12px; bottom:0; width:44px; height:44px; margin:auto 0; background-repeat:no-repeat; background-size:cover;}
#member_area .member_login .member_sns .sns_list li.kakao a{background-color:#ffe600; color:#381e1e;}
#member_area .member_login .member_sns .sns_list li.kakao a:before{background-image:url(/idolbom/images/hmpg/sns_kakao.png);}
#member_area .member_login .member_sns .sns_list li.naver a{background-color:#33b44a; color:#fff;}
#member_area .member_login .member_sns .sns_list li.naver a:before{background-image:url(/idolbom/images/hmpg/sns_naver.png);}
#member_area .member_agree{}
#member_area .member_agree form{}
#member_area .member_agree h3{}
#member_area .member_agree legend + h3{margin-top:0 !important;}
#member_area .member_agree .agree_box{height:296px; padding:30px; border-radius:8px; background-color:#f4f5f6; overflow-x:hidden;overflow-y:auto;}
#member_area .member_agree .agree_box p{color:#464c53; font-size:18px; line-height:1.44; letter-spacing:-0.03em;}
#member_area .member_agree .agree_check_wrap{}
#member_area .member_agree .agree_check_all{display:flex; margin-top:50px; padding:13px; border-radius:8px; background-color:#eef7ff; align-items:center;justify-content:center;}
#member_area .member_agree .agree_check_all .check_box{}
#member_area .member_agree .agree_check_all .check_box input{}
#member_area .member_agree .agree_check_all .check_box label{}
#member_area .member_agree .button_box{}
#member_area .member_agree .button_box .btn{font-size:18px; line-height:50px;}
#member_area .member_certify{max-width:420px; margin:0 auto; padding:50px 0; text-align:center;}
#member_area .member_certify .certify_text{color:#222; font-size:22px; font-weight:600; line-height:1.3;}
#member_area .member_certify .certify_text2{margin-top:15px; color:#464c53; font-size:18px; line-height:1;}
#member_area .member_certify .certify_text2 span{color:#0971cf; font-weight:500;}
#member_area .member_certify .button_box{}
#member_area .member_certify .certify_result{margin-top:35px; padding:20px; border-radius:8px; background-color:#f4f5f6;}
#member_area .member_certify .certify_result p{color:#464c53; font-size:20px; font-weight:500; line-height:1;}
#member_area .member_certify .certify_reset{margin-top:35px;}
#member_area .member_certify .certify_reset .inpbox{}
#member_area .member_certify .certify_reset .warning_text{text-align:left;}
#member_area .member_certify .certify_reset .warning_text + .inpbox{margin-top:15px;}
#member_area .member_finish{padding:50px 0; text-align:center;}
#member_area .member_finish .finish_text{font-size:36px; font-weight:400; line-height:1;}
#member_area .member_finish .finish_text span{display:block; margin-top:15px; color:#464c53; font-size:18px;}
#member_area .member_finish .finish_text span em{color:#0971cf; font-style:normal; font-weight:500;}
#member_area .member_step{display:flex; max-width:613px; margin:60px auto 40px auto; padding-bottom:40px; text-align:center; align-items:center;justify-content:center;}
#member_area .member_step li{position:relative;}
#member_area .member_step li + li{margin-left:136px;}
#member_area .member_step li + li:before{display:block; position:absolute; top:0; right:calc(100% + 12px); bottom:0; width:112px; height:2px; margin:auto 0; background-color:#cdd1d5;}
#member_area .member_step li + li.active:before, #member_area .member_step li + li.finish:before{background-color:#0291eb;}
#member_area .member_step li span{display:block;}
#member_area .member_step li .num{width:52px; height:52px; border:2px solid #cdd1d5; border-radius:50%; background-color:#f4f5f6; color:#222; font-size:20px; font-weight:600; line-height:48px;}
#member_area .member_step li .text{position:absolute; top:68px; left:50%; color:#464c53; font-size:18px; font-weight:500; white-space:nowrap; transform:translateX(-50%);}
#member_area .member_step li + li.active:before{}
#member_area .member_step li.active .num, #member_area .member_step li.finish .num{border-color:#0291eb; background-color:#0291eb; color:#fff;}
#member_area .member_step li.active .text, #member_area .member_step li.finish .text{color:#0971cf;}
#member_area .member_step li.finish .num:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; background:#0291eb url(/idolbom/images/hmpg/sub/reserve_step_check.png) no-repeat center / 20px;}
#member_area .member_step li.finish .text{}
@media all and (min-width:1001px){
    .member_box .member_login .member_find li a:hover{color:#0971cf; text-decoration:underline;}
}
@media all and (max-width:1000px){
    #member_area{padding:50px 0 80px 0;}
    #member_area .sub_head .sub_title h2{font-size:30px; line-height:40px;}
    #member_area .member_step{margin-top:30px; margin-bottom:27px; padding-bottom:30px;}
    #member_area .member_step li{}
    #member_area .member_step li + li{margin-left:46px;}
    #member_area .member_step li + li:before{right:calc(100% + 6px); width:34px;}
    #member_area .member_step li .num{width:44px; height:44px; font-size:18px; line-height:40px;}
    #member_area .member_step li .text{top:50px; font-size:15px;}
    .member_box{margin-top:20px; padding:30px 15px;}
    #member_area .member_login{padding:20px 0;}
    #member_area .member_login .member_logo{height:60px;}
    #member_area .member_login .member_text{margin-top:15px; font-size:18px;}
    #member_area .member_login .member_text2{margin-top:15px; font-size:15px;}
    #member_area .member_login form{margin-top:25px;}
    #member_area .member_login form .inpbox{height:50px;}
    #member_area .member_login form .check_box label{padding-left:28px; font-size:14px;}
    #member_area .member_login form .btn{margin-top:25px; line-height:50px;}
    #member_area .member_login .member_find{margin-top:16px; gap:20px;}
    #member_area .member_login .member_find li{}
    #member_area .member_login .member_find li a{font-size:14px;}
    #member_area .member_login .member_find li + li:before{left:-10px;}
    #member_area .member_login .member_sns{margin-top:40px;}
    #member_area .member_login .member_sns .sns_title{font-size:20px;}
    #member_area .member_login .member_sns .sns_list{margin-top:20px;}
    #member_area .member_login .member_sns .sns_list li{}
    #member_area .member_login .member_sns .sns_list li a{font-size:16px; line-height:50px;}
    #member_area .member_agree .agree_box{height:160px; padding:15px;}
    #member_area .member_agree .agree_box p{font-size:15px;}
    #member_area .member_agree .agree_check_wrap{margin-top:10px;}
    #member_area .member_agree .agree_check_all{margin-top:30px;}
    #member_area .member_certify{padding:10px 0;}
    #member_area .member_certify .certify_text{font-size:18px;}
    #member_area .member_certify .certify_text2{margin-top:10px; font-size:15px; letter-spacing:-0.02em;}
    #member_area .member_img_box{margin-top:25px;}
    #member_area .member_img_box img{max-width:200px;}
    #member_area .member_certify .button_box{/* margin-top:25px;*/}
    #member_area .button_box .btn{font-size:18px; line-height:50px;}
    #member_area .button_box .btn.line{line-height:46px;}
    #member_area .member_finish{padding:10px 0;}
    #member_area .member_finish .finish_text{font-size:20px;}
    #member_area .member_finish .finish_text span{margin-top:10px; font-size:16px;}
    #member_area .member_certify .certify_result{margin-top:20px;}
    #member_area .member_certify .certify_result p{font-size:16px;}
}
@media all and (max-width:640px){
    #member_area .member_step{margin-bottom:27px; padding-bottom:30px;}
}
/* 목록 */
.bu{display:flex; flex-direction:column;gap:10px;}
.bu > li{position:relative;padding-left:24px;color:#464c53;font-size:18px;line-height:1.44;white-space: normal !important;}
.bu.flex > li{display:flex; gap:5px;}
.bu.flex > li b{flex-shrink:0;}
.bu > li:before{display:block; position:absolute; top:10px; left:7px; width:6px; height:6px; border-radius:50%; background-color:#0291eb;}
.bu > li b{font-weight:500;}
.bu > li em{display:block; margin-top:8px; color:#0971cf; font-style:normal;}
.bu > li .tablebasic{margin-top:15px;}
.tu{display:flex; flex-wrap:wrap;gap:8px;}
.tu li{padding:13px 30px; border-radius:25px; background-color:#f4f5f6; color:#464c53; font-size:18px; line-height:24px;}
@media (max-width:1000px){
    .bu{gap:5px;}
    .bu > li{padding-left:20px; font-size:16px;}
    .bu > li:before{top:9px; left:6px;}
}
@media (max-width:640px){
    .bu{gap:5px;}
    .bu > li{padding-left:16px; font-size:15px;}
    .bu > li:before{top:8px; left:6px; width:4px; height:4px;}
    .bu > li em{margin-top:5px;}
}
/* 돌봄정보 */
.map_box{height:350px;}
.map_box .root_daum_roughmap{width:100% !important;}
.map_box .root_daum_roughmap .wrap_map{height:350px !important;}
.map_box .root_daum_roughmap .hide, .map_box .root_daum_roughmap .cont, .map_box .root_daum_roughmap .map_border{display:none;}
.border_box{display:flex; margin-top:18px; padding:30px; border:1px solid #cdd1d5; border-radius:12px; flex-direction:column;gap:10px;}
.border_box > div{color:#222; font-size:18px; font-weight:500; line-height:1.2;}
.border_box > p{color:#464c53; font-size:18px; line-height:1.44;}
.dolbom_program{letter-spacing:-0.02em;}
.dolbom_program form + .board_top{margin-top:100px;}
.dolbom_program h3{margin-top:60px;}
.dolbom_program .dolbomList{}
.dolbom_program .dolbomList .dolbom_panel{display:flex; gap:20px;flex-direction:column;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box{padding:32px 30px 39px 30px; border-radius:20px; background-color:#f4f5f6;}
.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{display:flex; color:#222; font-size:20px; font-weight:500; line-height:27px; gap:9px;align-items:center;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_subject span{width:27px; height:27px; border-radius:50%; background-color:#0778d6; color:#fff; text-align:center; line-height:27px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn{display:flex; gap:20px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn button{display:flex; color:#222; font-size:18px; gap:6px;align-items:center;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn button:before{display:block; width:20px; height:20px; background-repeat:no-repeat;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn .btn_all:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_check.png);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn .btn_reset:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_reset.png);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap{margin-top:17px;}
.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:12px; 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:2px solid #0971cf; background-color:#eef7ff; color:#0971cf; line-height:46px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap{}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap .dolbom_list{}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap .dolbom_item{width:calc(12.5% - 9px);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap{display:flex; margin-top:25px; gap:46px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box{position:relative; width:calc(25% - 34px);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box + .dolbom_list_box{}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box + .dolbom_list_box:before{display:block; position:absolute; top:36px; left:-23px; bottom:0; width:1px; border-left:1px dashed #cdd1d5;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list_title{display:flex; color:#222; font-size:18px; font-weight:600; gap:6px;align-items:center;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list_title:before{display:block; width:22px; height:22px; background-repeat:no-repeat;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box:nth-child(1) .dolbom_list_title:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_icon01.png);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box:nth-child(2) .dolbom_list_title:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_icon02.png);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box:nth-child(3) .dolbom_list_title:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_icon03.png);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box:nth-child(4) .dolbom_list_title:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_icon04.png);}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list{margin-top:10px;}
.dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list .dolbom_item{width:100%;}
.dolbom_program .button_box{margin-top:30px;}
.dolbom_program .button_box .btn{width:200px; border-radius:8px; font-size:24px; font-weight:500; line-height:60px;}
.dolbom_program .dolbomList .dolbom_result_list{display:flex; gap:26px;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item{width:calc(33.33% - 17px); text-align:center;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item.nodata{width:100%; border-radius:0; box-shadow:none;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a {display:block; display:flex; overflow:hidden; position:relative; height:100%; border-radius:20px; background-color:#fff; box-shadow:0px 5px 20px 0 rgba(56, 56, 56, 0.15); word-break:keep-all;flex-direction:column;justify-content:space-between;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag{display:flex; padding:28px 20px 0 20px; gap:6px;flex-wrap:wrap;justify-content:center;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li{min-width:84px; padding:0 10px; border:1px solid #0291eb; border-radius:6px; color:#0971cf; font-size:16px;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li.orange{border-color:#f36d00; color:#d33e11;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li.red{border-color:#ea4f6d; color:#d30054;}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li.blue{}
.dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text{display:flex; min-height:224px; padding:10px 20px; align-items:center;justify-content:center;flex-direction:column;gap:16px;}
.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 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 {display:block; display:inline-block; width:22px; height:22px; margin:1px 6px 0 0; background:url(/idolbom/images/hmpg/sub/dolbom_icon05.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:#edf6ff; color:#222; font-size:20px; align-items:center;justify-content:center;}
.dolbom_program .dolbomList .dolbom_result_list.type2{margin-top:19px;}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item{}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a{padding-bottom:110px;}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag{}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag li{}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag li.orange{}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag li.red{}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .tag li.blue{}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .text{padding-top:36px; padding-bottom:36px; justify-content:start;gap:14px;}
.dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a .text .text_name{}
.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:110px; font-size:16px; line-height:1.63;}
.dolbom_program .dolbomList .dolbom_sch{margin-bottom:56px; padding:30px; border-radius:20px; background-color:#f4f5f6;}
.dolbom_program .dolbomList .dolbom_sch .sch_area{display:flex; flex-direction:column;gap:41px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_list{display:flex; position:relative; flex-wrap:wrap;gap:10px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_list:before{display:block; position:absolute; left:0; right:0; bottom:-21px; height:1px; background-color:#cdd1d5;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item{width:calc(9.18% - 10px);}
.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 #cdd1d5; border-radius:12px; 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:2px solid #0971cf; background-color:#eef7ff; color:#0971cf; line-height:46px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp{display:flex; gap:8px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .inp{width:calc(100% - 201px);}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn{display:flex; justify-content:center;align-items:center;gap:6px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn:before{display:block; width:20px; height:20px; background-repeat:no-repeat;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn_search{width:85px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn_search:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_search_icon.png);}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn_reset{width:100px;}
.dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn_reset:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_reset_icon.png);}
.dolbom_program .dolbomView{}
.dolbom_program .dolbomView .view_top{display:flex; margin-bottom:80px; justify-content:space-between;gap:20px;}
.dolbom_program .dolbomView .view_top .text{padding-top:20px;}
.dolbom_program .dolbomView .view_top .text .text_name{color:#222; font-size:38px; line-height:1.2;}
.dolbom_program .dolbomView .view_top .text .text_address{margin-top:20px; color:#464c53; font-size:18px; line-height:1.44;}
.dolbom_program .dolbomView .view_top .text .link_text_box{margin-top:28px;}
.dolbom_program .dolbomView .view_top .text .link_text_box .link_text{}
.dolbom_program .dolbomView .view_top .text .text_btn{display:flex; max-width:280px; margin-top:50px; flex-direction:column;gap:9px;}
.dolbom_program .dolbomView .view_top .text .text_btn .btn{border:2px solid transparent; font-size:20px; line-height:60px;}
.dolbom_program .dolbomView .view_top .text .text_btn .btn.line{line-height:56px;}
.dolbom_program .dolbomView .view_top .img{overflow:hidden; width:600px; flex-shrink:0;}
.dolbom_program .dolbomView .view_top .img img{width:100%; border-radius:12px;}
.dolbom_program .dolbomView .tablebasic table tr td{padding-right:30px; padding-left:30px; text-align:left;}
.dolbom_swiper{overflow:hidden;}
.dolbom_swiper .swiper-wrapper{}
.dolbom_swiper .swiper-slide{height:100%; background:#f4f5f6 url(/idolbom/images/hmpg/sub/dolbom_none_img.png) no-repeat center / 99px;}
.dolbom_swiper .swiper-slide img{width:100%;}
.dolbom_swiper.mySwiper2{border-radius:20px;}
.dolbom_swiper.mySwiper2 .swiper-wrapper{}
.dolbom_swiper.mySwiper2 .swiper-slide{}
.dolbom_swiper.mySwiper2 .swiper-slide img{}
.dolbom_swiper.mySwiper{margin-top:20px;}
.dolbom_swiper.mySwiper .swiper-wrapper{}
.dolbom_swiper.mySwiper .swiper-slide {cursor:pointer;}
.dolbom_swiper.mySwiper .swiper-slide,
.dolbom_swiper.mySwiper .swiper-slide button{overflow:hidden; border-radius:12px;}
.dolbom_swiper.mySwiper .swiper-slide button{outline-offset:-1px;}
.dolbom_program .dolbomView .button_box{margin-top:100px;}
.dolbom_program .dolbomView .button_box .btn{}
.dolbom_program .dolbomView .view_title{display:flex; min-height:100px; padding:20px; border-radius:12px; background-color:#eef3f8; color:#002f84; font-size:38px; text-align:center; line-height:1.2; align-items:center;justify-content:center;}
@media all and (min-width:1001px){
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn button:hover{color:#0971cf; text-decoration:underline;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn .btn_all:hover:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_check_on.png);}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn .btn_reset:hover:before{background-image:url(/idolbom/images/hmpg/sub/dolbom_reset_on.png);}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a:before{display:block; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; border:2px solid #0291eb; border-radius:20px; transition:.25s ease-in-out;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a:hover:before{opacity:1;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a:hover .text .text_name{text-decoration:underline;}
}
@media (max-width:1400px){
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item label{font-size:16px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag li{min-width:auto; font-size:14px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_name{font-size:22px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .text .text_address{font-size:16px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .num{font-size:18px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap{gap:20px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box{width:calc(25% - 10px);}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box + .dolbom_list_box:before{left:-10px;}
    .dolbom_program .dolbomView .view_top .text .text_name{font-size:30px;}
    .dolbom_program .dolbomView .view_top .text .text_address{font-size:17px;}
    .dolbom_program .dolbomView .view_top .img{width:350px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_list{gap:8px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item{width:calc(9.18% - 8px);}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item label{font-size:16px;}
}
@media (max-width:1000px){
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box{padding:20px;}
    .dolbom_program .dolbomList .dolbom_panel{gap:15px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_subject{font-size:18px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list_title{font-size:16px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn button{font-size:16px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap .dolbom_list{gap:5px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box1 .dolbom_list_wrap .dolbom_item{width:calc(20% - 4px);}
    .dolbom_program .button_box .btn{width:120px; height:43px; font-size:18px; line-height:43px;}
    .dolbom_program .dolbomList .dolbom_result_list{gap:14px;}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item{width:calc(33.33% - 9px);}
    .dolbom_program .dolbomList .dolbom_result_list .dolbom_result_item a .tag{padding:15px 15px 0 15px;}
    .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 .num{position:relative !important; min-height:50px !important; padding:5px 15px; font-size:15px !important;}
    .dolbom_program .dolbomList .dolbom_result_list.type2 .dolbom_result_item a{padding-bottom:0;}
    .dolbom_program .dolbomView .view_top{margin-bottom:auto;}
    .dolbom_program .dolbomView .view_top .text{padding-top:10px;}
    .dolbom_program .dolbomView .view_top .text .text_name{font-size:24px;}
    .dolbom_program .dolbomView .view_top .text .text_address{margin-top:10px; font-size:16px;}
    .dolbom_program .dolbomView .view_top .text .link_text_box{margin-top:10px;}
    .dolbom_program .dolbomView .view_top .text .text_btn{margin-top:20px;}
    .dolbom_program .dolbomView .view_top .img{/* width:250px;*/}
    .dolbom_program .dolbomView .view_top .text .text_btn .btn{font-size:16px !important; line-height:43px !important;}
    .dolbom_program .dolbomView .button_box{margin-top:50px;}
    .dolbom_program .dolbomList .dolbom_sch{margin-bottom:30px; padding:15px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area{gap:21px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_list:before{bottom:-11px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item label{font-size:15px;}
    .dolbom_program .dolbomView .view_title{min-height:80px; padding:15px; font-size:24px; font-weight:500;}
    .tu li{padding:8px 20px; font-size:16px;}
    .border_box{padding:15px; gap:5px;}
    .border_box > div{font-size:17px;}
    .border_box > p{font-size:16px;}
}
@media (max-width:640px){
    .dolbom_program form + .board_top{margin-top:50px;}
    .dolbom_swiper.mySwiper{margin-top:10px;}
    .dolbom_swiper.mySwiper .swiper-slide{background-size:30px;}
    .dolbom_swiper.mySwiper .swiper-slide button{border-radius:5px;}
    .map_box{height:200px;}
    .map_box .root_daum_roughmap .wrap_map{height:200px !important;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box{padding:15px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_subject{font-size:16px; gap:6px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_subject span{width:20px; height:20px; font-size:14px; line-height:20px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn{gap:10px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_head .dolbom_btn button{font-size:14px; gap:4px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap{margin-top:10px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box .dolbom_list_wrap .dolbom_item label{border-radius:8px; font-size:14px; line-height:40px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap{margin-top:10px; flex-direction:column;gap:14px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box{width:100%;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box + .dolbom_list_box:before{display:none;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list_box .dolbom_list_title{font-size:15px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list{gap:5px;}
    .dolbom_program .dolbomList .dolbom_panel .dolbom_box.box2 .dolbom_list_wrap .dolbom_list .dolbom_item{width:calc(50% - 3px);}
    .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 .text{min-height:auto; gap:10px;}
    .dolbom_program .dolbomView .view_top{margin-bottom:auto; flex-direction:column;gap:15px;}
    .dolbom_program .dolbomView .view_top .text{padding-top:0;}
    .dolbom_program .dolbomView .view_top .text .text_name{font-size:18px;}
    .dolbom_program .dolbomView .view_top .text .text_address{font-size:15px;}
    .dolbom_program .dolbomView .view_top .text .text_btn{max-width:100%;}
    .dolbom_program .dolbomView .view_top .text .link_text_box{margin-top:5px;}
    .dolbom_program .dolbomView .view_top .img{width:100%;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_list{gap:8px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item{width:calc(25% - 6px);}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_item label{border-radius:8px; font-size:14px; line-height:36px;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp{flex-wrap:wrap;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .inp{width:100%;}
    .dolbom_program .dolbomList .dolbom_sch .sch_area .sch_inp .btn{width:calc(50% - 4px); font-size:15px; line-height:38px;}
    .dolbom_program .dolbomView .view_title{min-height:70px; font-size:18px;}
    .border_box > div{font-size:16px;}
    .border_box > p{font-size:15px;}
    .tu li{padding:4px 15px; font-size:15px;}
}
.program .program_text{margin-bottom:20px; font-size:18px; line-height:1.44;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt95{margin-top:95px !important;}
.mt_auto{margin-left:auto !important;}
.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}
.jc_left{justify-content:left !important;}
.jc_center{justify-content:center !important;}
/* 마이페이지 */
.program.mypage_program{}
.program.mypage_program .member_box{max-width:100%; margin-top:0; padding:50px 40px 0 40px;}
.program.mypage_program .member_box .member_content{margin:50px auto 0 auto; text-align:center;/* max-width:420px;*/}
.program.mypage_program .member_box .member_content .member_text{color:#222; font-size:22px; font-weight:600; line-height:1.27; word-break:keep-all;}
.program.mypage_program .member_box .member_content .member_text:after{display:block; width:101px; height:22px; margin:40px auto 20px auto; border-radius:11px; background:url(/idolbom/images/hmpg/sub/mypage_img01.png) no-repeat center / cover;}
.program.mypage_program .member_box .member_content .member_text p{margin-top:8px; font-size:20px; font-weight:300; word-break:keep-all;}
.program.mypage_program .member_box .member_content .inpbox{max-width:420px; height:60px; margin:0 auto;}
.program.mypage_program .member_box .member_content .error_text{max-width:420px; margin:10px auto 0 auto; text-align:left;}
.program.mypage_program .button_box{margin-top:100px; padding:35px 0;}
.program.mypage_program .member_box .button_box{margin-right:-40px; margin-left:-40px; background-color:#f4f5f6;}
.program.mypage_program .button_box .center{}
.program.mypage_program .button_box .btn{width:200px; height:60px; font-size:20px; line-height:60px;}
.program.mypage_program .board_tab{display:flex ; gap:1px;}
.program.mypage_program .board_tab li{width:33.33%;}
.program.mypage_program .board_tab li a{display:block; border-radius:12px 12px 0 0; background-color:#e6e8ea; color:#303b4f; font-size:20px; text-align:center; line-height:60px;}
.program.mypage_program .board_tab li.active a{background-color:#303b4f; color:#f1f1f1;}
.program.mypage_program .board_tab li a span{display:inline-block; width:44px; margin-left:7px; border-radius:15px; background-color:#0778d6; color:#fff; line-height:30px;}
.program.mypage_program .board_box{margin:20px 0; padding:30px 20px; border:2px solid #cdd1d5; border-radius:12px; color:#464c53; font-size:22px; text-align:center; line-height:1.18;}
.program.mypage_program .board_box p{display:flex; align-items:center;justify-content:center;word-break:keep-all;}
.program.mypage_program .board_box p:before{display:block; width:24px; height:24px; margin-right:10px; background:url(/idolbom/images/hmpg/sub/mypage_icon01.png) no-repeat center /23.5px;}
.program.mypage_program .board_box p span{color:#0778d6; font-weight:500;}
.program.mypage_program .boardlist table tbody tr td.title_box .title a:hover{color:#0971cf; text-decoration:underline;}
.stat_type{display:inline-block; min-width:90px; padding:0 10px; border-radius:20px; background-color:#f4f5f6; color:#464c53; text-align:center; line-height:40px; white-space:nowrap;}
.stat_type.green{background-color:#cdf5e3; color:#005a31;}
.stat_type.blue{background-color:#d6e5fd; color:#0650ca;}
.stat_type.red{background-color:#f8d9d6; color:#85170d;}
.tablebasic .stat_type{font-size:16px;}
.reserve_program .reserveView{}
.reserve_program .reserveView .view_top{display:flex; margin-bottom:80px; justify-content:space-between;gap:20px;}
.reserve_program .reserveView .view_top .text{padding-top:20px;}
.reserve_program .reserveView .view_top .text .text_name{color:#222; font-size:38px; line-height:1.32;}
.reserve_program .reserveView .view_top .text .bu{margin-top:50px;}
.reserve_program .reserveView .view_top .text .bu li{display:flex;}
.reserve_program .reserveView .view_top .text .bu li span{width:100px; color:#222; font-weight:500;}
.reserve_program .reserveView .view_top .img{overflow:hidden; position:relative; width:600px; flex-shrink:0;}
.reserve_program .reserveView .view_top .img img{width:100%; border-radius:12px;}
@media (max-width:1400px){
    .reserve_program .reserveView  .view_top .text .text_name{font-size:30px;}
    .reserve_program .reserveView  .view_top .text .text_address{font-size:17px;}
    .reserve_program .reserveView  .view_top .img{width:350px;}
}
@media (max-width:1000px){
    .reserve_program .reserveView .view_top{margin-bottom:30px;}
    .reserve_program .reserveView .view_top .text{padding-top:0;}
    .reserve_program .reserveView .view_top .text .text_name{font-size:24px;}
    .reserve_program .reserveView .view_top .text .bu{margin-top:20px;}
    .reserve_program .reserveView .view_top .img{/* width:250px;*/}
    .program.mypage_program .member_box{padding:20px 15px 0 15px;}
    .program.mypage_program .member_box .member_content .member_text{font-size:18px;}
    .program.mypage_program .member_box .member_content .member_text p{margin-top:5px; font-size:15px;}
    .program.mypage_program .member_box .member_content .member_text:after{margin:25px auto 15px auto;}
    .program.mypage_program .member_box .member_content .inpbox{height:50px;}
    .program.mypage_program .button_box{margin-top:60px; padding:20px 15px;}
    .program.mypage_program .member_box .button_box{margin-right:-15px; margin-left:-15px;}
    .program.mypage_program .button_box .btn{height:50px; font-size:18px; line-height:50px;}
    .program.mypage_program .board_box{padding:20px 15px; font-size:18px;}
    .program.mypage_program .board_box p{flex-wrap:wrap;}
    .program .program_text{font-size:15px;}
    .stat_type{min-width:62px; font-size:12px !important; line-height:24px;}
    .program.mypage_program .board_tab li a{display:flex; height:60px; font-size:15px; line-height:20px; flex-direction:column;align-items:center;justify-content:center;gap:3px;}
    .program.mypage_program .board_tab li a span{display:block; width:35px; margin:0; font-size:12px; line-height:20px;}
}
@media (max-width:640px){
    .reserve_program .reserveView .view_top{flex-direction:column;gap:15px;}
    .reserve_program .reserveView .view_top .text .text_name{font-size:18px;}
    .reserve_program .reserveView .view_top .img{width:100%;}
}
/* pageInfo */
.pageInfo{overflow: hidden;margin-top:131px;border:solid 1px #cdd1d5;border-radius:20px;background-color:#fff;}
.pageInfo .info_nuri{display:flex; padding:25px 42px 16px 42px; align-items:center;gap:14px;}
.pageInfo .info_nuri img{
    height: 30px;
}
.pageInfo .info_nuri p{color:#666; font-size:16px; font-weight:400; line-height:1.3;}
.pageInfo .info_nuri p span{color:#0e78d5;}
.pageInfo .info_satisfy{padding:26px 42px; background-color:#f4f5f6;}
.pageInfo .info_satisfy p{font-size:18px; font-weight:600; line-height:1.44; word-break:keep-all;}
.pageInfo .info_satisfy .radio_box{margin-top:10px; gap:10px 30px;}
.pageInfo .info_satisfy .radio_box li{}
.pageInfo .info_satisfy .radio_box li input{}
.pageInfo .info_satisfy .radio_box li label{padding-left:32px; font-size:16px;}
.pageInfo .info_satisfy .radio_box li label:before{left:5px;}
.pageInfo .info_satisfy .radio_box li input[type=radio]:checked + label:before{background-color:#0e78d5 !important;}
.pageInfo .info_satisfy .radio_box li input[type=radio] + label:after{top:1px; width:20px; height:20px;}
.pageInfo .info_satisfy .radio_box li input[type=radio]:checked + label:after{border-color:#0e78d5 !important; background-color:#fff !important;}
.pageInfo .info_satisfy .satisfy_inp{display:flex; margin-top:14px;}
.pageInfo .info_satisfy .satisfy_inp input{width:calc(100% - 135px); padding:0 13px; border:1px solid #cdd1d5; border-right:0; border-radius:8px 0 0 8px;}
.pageInfo .info_satisfy .satisfy_inp input::placeholder{color:#6A788A;}
.pageInfo .info_satisfy .satisfy_inp button{width:135px; height:40px; border-radius:0 8px 8px 0; background-color:#0291eb; color:#fff; font-weight:500; text-align:center;}
.pageInfo .info_manager{display:flex; padding:15px 42px 26px 42px; gap:39px;align-items:center;}
.pageInfo .info_manager div{display:flex; color:#333; font-size:15px; font-weight:500; gap:7px;align-items:center;flex-shrink:0;}
.pageInfo .info_manager div:before{display:block; width:20px; height:20px; background:url(/idolbom/images/hmpg/satisfy_icon.png) no-repeat center;}
.pageInfo .info_manager ul{display:flex; flex-wrap:wrap;gap:0 40px;}
.pageInfo .info_manager ul li{display:flex; color:#666; font-size:15px; gap:32px;}
.pageInfo .info_manager ul li span{position:relative; color:#222; font-weight:400;}
.pageInfo .info_manager ul li span:before{display:block; position:absolute; top:0; right:-17px; bottom:0; width:1px; height:10px; margin:auto 0; background-color:#cdd1d5;}
@media (max-width:1400px){}
@media (max-width:1000px){}
@media (max-width:640px){}
/* contents */
.contents .mt0{margin-top:0 !important;}
.contents .tab{display:flex; padding:10px 0 40px 0; gap:1px;}
.contents .tab li{width:50%;}
.contents .tab li a{display:block; border-radius:12px 12px 0 0; background-color:#e6e8ea; color:#303b4f; font-size:20px; text-align:center; line-height:60px;}
.contents .tab li.active a{background-color:#303b4f; color:#f1f1f1;}
.dot{display:flex; flex-direction:column;gap:10px;}
.dot li{display:flex; color:#464c53; font-size:18px; line-height:1.44; gap:5px;}
.dot li span{flex-shrink:0;}
.dot li b{color:#222; font-weight:500;}
.tablebasic table tr td .dot{padding-left:10px; gap:0;}
.tablebasic table tr td .dot li em{color:#0971cf; font-style:normal;}
.bu > li .dot{margin-top:8px; gap:0;gap:2px;}
.fc_grey{color:#6A788A;}
.contents{}
.contents.guide{}
.contents.guide .guide_visual{height:544px; margin-top:28px; background:url(/idolbom/images/hmpg/sub/guide_img01.png) no-repeat center / auto 100%;}
.contents.guide .guide_visual .visual_list{}
.contents.guide .guide_visual .visual_item{display:flex; opacity:0 !important; padding-top:34px; transition:opacity 1s ease-in-out !important; align-items:center;justify-content:center;flex-direction:column;}
.contents.guide .guide_visual .visual_item.swiper-slide-visible{opacity:1 !important;}
.contents.guide .guide_visual .visual_item > div{position:relative; width:224px;}
.contents.guide .guide_visual .visual_item .visual_text{display:flex; color:#fff; font-size:58px; font-weight:600; line-height:1.25; justify-content:space-between;}
.contents.guide .guide_visual .visual_item .visual_text span{}
.contents.guide .guide_text{margin-top:40px; text-align:center;}
.contents.guide .guide_text p{}
.contents.guide .guide_text .text1{color:#222; font-size:32px; font-family:'ONEMobileTitle'; line-height:1.25;}
.contents.guide .guide_text .text1 span{color:#0291eb; font-size:48px;}
.contents.guide .guide_text .text2{margin-top:43px; color:#222; font-size:24px; font-weight:600; line-height:1.5;}
.contents.guide .guide_text .text3{margin-top:28px; color:#222; font-size:18px; line-height:1.67;}
.contents.guide .guide_img{margin-top:40px; text-align:center;}
.contents.guide .guide_img img{max-width:80%;}
.contents.guide .guide_list{display:flex; margin-top:60px; gap:40px;}
.contents.guide .guide_list li{display:flex; padding:48px 30px; border-radius:20px; background-color:#fff; box-shadow:0px 5px 20px 0 rgba(56, 56, 56, 0.15); text-align:center; flex-direction:column;}
.contents.guide .guide_list li img{width:150px; margin:0 auto;}
.contents.guide .guide_list li div{margin-top:40px; color:#222; font-size:28px; font-weight:600;}
.contents.guide .guide_list li p{position:relative; margin-top:30px; color:#464c53; font-size:18px; line-height:1.56; word-break:keep-all;}
.contents.guide .guide_list li p:before{display:block; position:absolute; top:-14px; left:0; right:0; width:26px; height:1px; margin:0 auto; background-color:#cdd1d5;}
.contents.guide .guide_list li p span{font-weight:500;}
.contents.guide .guide_img_box{display:flex; overflow:hidden; height:245px; border-radius:123px; background:url(/idolbom/images/hmpg/sub/guide_img04.png) no-repeat center / cover; flex-direction:column;align-items:center;justify-content:center;}
.contents.guide .guide_img_box img{}
.contents.guide .guide_img_box p{margin-top:11px; color:#fff; font-size:32px;}
.contents.intro{}
.contents.intro .intro_wrap{overflow:hidden; position:relative; border:solid 1px rgba(56, 56, 56, 0.15); border-radius:20px; background-color:#fff;}
.contents.intro .intro_wrap:before{display:block; position:absolute; left:0; bottom:0; background-repeat:no-repeat;}
.contents.intro .intro_wrap.n1:before{width:240px; height:412px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img01.png);}
.contents.intro .intro_wrap.n2:before{top:39px; bottom:auto; width:206px; height:495px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img02_1.png);}
.contents.intro .intro_wrap.n3:before{width:234px; height:149px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img03.png);}
.contents.intro .intro_wrap.n4:before{width:242px; height:151px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img04.png);}
.contents.intro .intro_wrap.n5:before{width:224px; height:164px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img05.png);}
.contents.intro .intro_wrap.n6:before{top:25px; bottom:auto; width:241px; height:413px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img06_1.png);}
.contents.intro .intro_wrap.n7:before{bottom:55px; width:265px; height:477px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img07.png);}
.contents.intro .intro_wrap.n8:before{width:236px; height:160px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img08.png);}
.contents.intro .intro_wrap.n9:before{width:224px; height:152px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img09.png);}
.contents.intro .intro_wrap.n2:after{display:block; position:absolute; left:60px; bottom:52px; width:193px; height:244px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img02_2.png); background-repeat:no-repeat;}
.contents.intro .intro_wrap.n6:after{display:block; position:absolute; left:103px; bottom:31px; width:138px; height:166px; background-image:url(/idolbom/images/hmpg/sub/intro_box_img06_2.png); background-repeat:no-repeat;}
.contents.intro .intro_box{padding:32px 32px 32px 255px;}
.contents.intro .intro_box .intro_title{color:#0e78d5; font-size:24px; font-weight:600; line-height:1.4;}
.contents.intro .intro_box .intro_text{margin-top:10px; color:#464c53; font-size:20px; line-height:1.4; letter-spacing:-0.02em;}
.contents.intro .intro_bg{padding:32px 32px 32px 255px; background-color:#eef7ff;}
.contents.intro .intro_bg .intro_bg_title{position:relative; padding-left:34px; color:#222; font-size:20px; font-weight:600; line-height:1.4; word-break:keep-all;}
.contents.intro .intro_bg .intro_bg_title:before{display:block; position:absolute; top:-12px; left:0; width:34px; height:38px; background:url(/idolbom/images/hmpg/sub/intro_icon01.png) no-repeat center / cover;}
.contents.intro .intro_bg .intro_bg_title span{color:#0e78d5;}
.contents.intro .intro_bg .intro_bg_title div{color:#5584ad; font-size:16px; font-weight:300;}
.contents.intro .intro_bg .intro_bg_box{position:relative; z-index:1; margin:15px 0 0 -40px; padding:20px 34px; border-radius:20px; background-color:#fff;}
.contents.intro .intro_bg .intro_bg_box .bu{gap:5px;}
.contents.intro .intro_bg .intro_bg_box .bu li{letter-spacing:-0.018em;}
.contents.intro .intro_bg .intro_bg_box .bu li b{font-weight:500;}
.contents.intro .step{}
.contents.intro .step .step_box{}
.contents.intro .step .step_list{display:flex; gap:40px;}
.contents.intro .step .step_list .step_item{display:flex; position:relative; width:calc(33.33% - 26.66px); flex-direction:column;}
.contents.intro .step .step_list .step_item + .step_item{}
.contents.intro .step .step_list.depth2 .step_item{width:calc(50% - 20px);}
.contents.intro .step .step_list:nth-child(1) .step_item:nth-child(1){}
.contents.intro .step .step_list:nth-child(1) .step_item:nth-child(2){}
.contents.intro .step .step_list:nth-child(1) .step_item:nth-child(3){}
.contents.intro .step .step_list:nth-child(2) .step_item:nth-child(1){order:3;}
.contents.intro .step .step_list:nth-child(2) .step_item:nth-child(2){order:2;}
.contents.intro .step .step_list:nth-child(2) .step_item:nth-child(3){order:1;}
.contents.intro .step .step_list .step_item + .step_item:before{display:block; position:absolute; top:46px; left:-30px; bottom:0; width:21px; height:16px; margin:auto 0; background:url(/idolbom/images/hmpg/sub/intro_arrow.png) no-repeat center / 21px;}
.contents.intro .step .step_list:nth-child(2){margin-top:30px;}
.contents.intro .step .step_list:nth-child(2) .step_item:nth-child(1):before{display:block; position:absolute; top:-35px; left:0; right:0; width:21px; height:16px; margin:0 auto; background:url(/idolbom/images/hmpg/sub/intro_arrow.png) no-repeat center / 21px; transform:rotate(90deg);}
.contents.intro .step .step_list:nth-child(2) .step_item:nth-child(2):before, .contents.intro .step .step_list:nth-child(2) .step_item:nth-child(3):before{left:auto; right:-30px; transform:rotate(180deg);}
.contents.intro .step .step_list:nth-child(2) .step_item:nth-child(3):before{}
.contents.intro .step .step_list .step_item .step_title {display:flex; position:relative; width:auto; min-width:240px; height:50px; margin:0 auto; padding:0 10px; border-radius:8px; background-color:#000; color:#fff; font-size:22px; font-weight:600; text-align:center; line-height:50px; line-height:1.1; align-items:center;justify-content:center;word-break:keep-all;}
.contents.intro .step .step_list .step_item .step_title.w100{width:100%;}
.contents.intro .step .step_list .step_item .step_inner{height:100%; margin-top:-29px; padding:49px 20px 23px 20px; border-radius:12px; background-color:#f4f5f6;}
.contents.intro .step .step_list .step_item .step_inner .inner_list{display:flex; height:100%; flex-direction:column;gap:10px;}
.contents.intro .step .step_list .step_item .step_inner .inner_item{height:100%; padding:20px; border-radius:12px; background-color:#fff; letter-spacing:-0.05em;}
.contents.intro .step .step_list .step_item .step_inner .inner_title{display:flex; color:#222; font-size:18px; font-weight:500; line-height:1.2; gap:10px;word-break:keep-all;align-items:center;}
.contents.intro .step .step_list .step_item .step_inner .inner_title div{width:26px; height:26px; border-radius:50%; background-color:#000; color:#fff; font-size:16px; font-weight:500; text-align:center; line-height:26px; flex-shrink:0;}
.contents.intro .step .step_list .step_item .step_inner .inner_title span{display:inline-block; color:#464c53; font-weight:300;}
.contents.intro .step .step_list .step_item .step_inner .dot{margin-top:5px; padding-left:33px; gap:0;}
.contents.intro .step .step_list .step_item .step_inner .dot li{letter-spacing:-0.045em;word-break:keep-all;}
.contents.intro .step .step_list .step_item.none{width:calc(65.66%);}
.contents.intro .step .step_list .step_item.none:before{display:none;}
.contents.intro .step .step_list .step_item.none .step_inner{margin-top:21px; border:2px solid #f4f5f6; background-color:transparent;}
.contents.intro .step .step_list .step_item.yellow .step_title{background-color:#DB7E05;}
.contents.intro .step .step_list .step_item.yellow .step_inner .inner_title div{background-color:#DB7E05;}
.contents.intro .step .step_list .step_item.blue .step_title{background-color:#0291eb;}
.contents.intro .step .step_list .step_item.blue .step_inner .inner_title div{background-color:#0291eb;}
.contents.intro .step .step_list .step_item.red .step_title{background-color:#e26263;}
.contents.intro .step .step_list .step_item.red .step_inner .inner_title div{background-color:#e26263;}
.contents.intro .button_box{margin-top:80px;}
.contents.intro .button_box .center{}
.contents.intro .button_box .btn{width:auto; padding:0 40px; border-radius:8px; font-size:24px; font-weight:500; line-height:60px;}
.contents.intro .button_box .btn_blank{display:flex; min-width:400px; border:2px solid #cdd1d5; background-color:transparent; color:#222; font-size:22px; align-items:center;gap:12px;justify-content:center;}
.contents.intro .button_box .btn_blank:after{display:inline-block; width:17px; height:17px; margin-top:1px; background:url(/idolbom/images/hmpg/sub/blank_icon.png) no-repeat center / cover;}
.contents.intro .store_box{display:flex; margin-top:10px; margin-left:-24px; padding:30px 20px 36px 20px; border:solid 1px #cdd1d5; border-radius:12px; background-color:#fff; flex-direction:column;align-items:center;gap:10px;}
.contents.intro .store_box .store_title{color:#222; font-size:20px; font-weight:500;}
.contents.intro .store_box .store_link{display:flex; gap:20px;}
.contents.intro .store_box .store_link a{display:block; overflow:hidden; padding:5px 53px; border-radius:12px; background-color:#000;}
.contents.intro .store_box .store_link a img{height:50px;}
.contents.intro .intro_list{display:flex; gap:32px 40px;flex-wrap:wrap;}
.contents.intro .intro_list .intro_item{overflow:hidden; width:calc(50% - 20px); border-radius:12px; background-color:#f4f5f6;}
.contents.intro .intro_list .intro_title{background-color:#0291eb; color:#fff; font-size:22px; font-weight:500; text-align:center; line-height:50px;}
.contents.intro .intro_list .intro_item_box{padding:20px;}
.contents.intro .intro_list .intro_item_box .bu{padding:17px 10px; border-radius:12px; background-color:#fff; gap:2px;}
.contents.intro .intro_list .intro_item_box .bu li{word-break:keep-all;}
.contents.intro .intro_list .dot{padding:0 35px 25px 35px; flex-wrap:wrap;gap:0;flex-direction:inherit;}
.contents.intro .intro_list .dot li{width:50%; padding-right:5px; font-size:16px;}
.contents.intro .intro_list .dot li span{}
@media (max-width:1400px){
    /* pageInfo *//* contents */
    .contents.guide .guide_visual{height:340px;}
    .contents.guide .guide_visual .visual_item > div{width:130px;}
    .contents.guide .guide_visual .visual_item .visual_text{font-size:34px;}
    .contents.guide .guide_text .text1{font-size:28px;}
    .contents.guide .guide_text .text1 span{font-size:40px;}
    .contents.guide .guide_text .text2{margin-top:30px; font-size:18px;}
    .contents.guide .guide_text .text3{margin-top:20px; font-size:16px;}
    .contents.guide .guide_list{gap:20px;}
    .contents.guide .guide_list li{padding-right:20px; padding-left:20px;}
    .contents.guide .guide_list li img{width:120px;}
    .contents.guide .guide_list li div{margin-top:25px; font-size:20px;}
    .contents.guide .guide_list li p{margin-top:20px; font-size:16px;}
    .contents.guide .guide_list li p:before{top:-12px; width:22px;}
    .contents.intro .intro_box .intro_title{font-size:20px;}
    .contents.intro .intro_box .intro_text{font-size:16px;}
    .contents.intro .intro_bg .intro_bg_title{font-size:18px;}
    .contents.intro .intro_bg .intro_bg_title div{font-size:15px;}
    .contents.intro .intro_bg .intro_bg_box .bu li{font-size:16px;}
    .contents.intro .step .step_list .step_item + .step_item:before{top:36px;}
    .contents.intro .step .step_list .step_item .step_title{width:calc(100% - 20px) !important; min-width:auto; font-size:18px;}
    .contents.intro .step .step_list .step_item .step_inner{padding:39px 10px 13px 10px;}
    .contents.intro .step .step_list .step_item .step_inner .inner_item{padding:10px;}
    .contents.intro .step .step_list .step_item .step_inner .inner_title{font-size:16px;}
    .contents.intro .step .step_list .step_item .step_inner .dot li{font-size:16px;}
    .contents.intro .button_box .btn_blank{min-width:auto; font-size:20px;}
    .contents.intro .store_box .store_link a{padding:0 20px;}
    .contents.intro .intro_list{gap:20px;}
    .contents.intro .intro_list .intro_item_box .bu{min-height:168px;}
    .contents.intro .intro_list .dot{padding-right:20px; padding-left:20px;}
    .contents.intro .intro_list .dot li{width:100%;}
}
@media (max-width:1000px){
    /* pageInfo */
    .pageInfo{margin-top:80px;}
    .pageInfo .info_nuri{padding:20px 20px 15px 20px; gap:10px;}
    .pageInfo .info_nuri p{font-size:15px;}
    .pageInfo .info_satisfy{padding:20px;}
    .pageInfo .info_satisfy p{font-size:16px;}
    .pageInfo .info_satisfy .radio_box{gap:10px 25px;}
    .pageInfo .info_satisfy .radio_box li label{padding-left:28px; font-size:14px;}
    .pageInfo .info_satisfy .radio_box li input[type=radio]:checked + label:before{top:5px !important;}
    .pageInfo .info_manager{padding:15px 20px; gap:20px;}
    .pageInfo .info_manager ul{gap:0 20px;}
    .pageInfo .info_manager ul li{font-size:14px; gap:21px;}
    .pageInfo .info_manager ul li span:before{right:-11px;}
    /* contents */
    .contents .tab li a{font-size:18px; line-height:50px;}
    .contents.guide .guide_img_box{height:200px;}
    .contents.guide .guide_img_box img{height:50px;}
    .contents.guide .guide_img_box p{font-size:24px;}
    .contents.intro .intro_bg .intro_bg_box .bu li{flex-wrap:wrap;}
    .contents.intro .button_box{margin-top:50px;}
    .contents.intro .button_box .btn{font-size:18px !important; line-height:50px !important;}
    .contents.intro .button_box .btn_blank{padding:0 20px;}
    .contents.intro .store_box .store_title{font-size:18px;}
    .contents.intro .intro_list .intro_title{font-size:19px;}
    .dot{gap:5px;}
    .dot li{font-size:16px;}
}
@media (max-width:640px){
    /* pageInfo */
    .pageInfo .info_satisfy p{font-size:15px;}
    .pageInfo .info_satisfy .satisfy_inp input{width:calc(100% - 70px);}
    .pageInfo .info_satisfy .satisfy_inp button{width:80px;}
    .pageInfo .info_manager{gap:5px;flex-direction:column;align-items:start;}
    /* contents */
    .contents .tab{padding:0 0 30px 0;}
    .contents .tab li a{font-size:14px; line-height:44px;}
    .dot li{font-size:15px;}
    .contents.guide .guide_visual{height:190px; margin-top:10px;}
    .contents.guide .guide_visual .visual_item{padding-top:0;}
    .contents.guide .guide_visual .visual_item > div{width:85px;}
    .contents.guide .guide_visual .visual_item .visual_text{font-size:22px;}
    .contents.guide .guide_text{margin-top:30px;}
    .contents.guide .guide_text p{word-break:keep-all;}
    .contents.guide .guide_text .text1{font-size:20px;}
    .contents.guide .guide_text .text1 span{font-size:30px;}
    .contents.guide .guide_text .text2{margin-top:15px; font-size:16px;}
    .contents.guide .guide_text .text2 br{display:none;}
    .contents.guide .guide_text .text3{margin-top:15px; font-size:15px;}
    .contents.guide .guide_text .text3 br{display:none;}
    .contents.guide .guide_text .text3 br + br{/* display:block;*/}
    .contents.guide .guide_img{margin-top:30px;}
    .contents.guide .guide_img img{max-width:90%;}
    .contents.guide .guide_list{margin-top:30px; flex-direction:column;}
    .contents.guide .guide_list li{padding:20px 15px;}
    .contents.guide .guide_list li div{margin-top:15px;}
    .contents.guide .guide_list li p{margin-top:12px; font-size:15px;}
    .contents.guide .guide_list li p:before{top:-7px; width:16px;}
    .contents.guide .guide_img_box{height:140px; border-radius:20px;}
    .contents.guide .guide_img_box img{height:40px;}
    .contents.guide .guide_img_box p{margin-top:5px; font-size:16px;}
    .contents.intro .intro_wrap:before, .contents.intro .intro_wrap:after{display:none;}
    .contents.intro .intro_box{padding:20px;}
    .contents.intro .intro_box .intro_title{font-size:18px;}
    .contents.intro .intro_box .intro_text{margin-top:5px; font-size:15px;}
    .contents.intro .intro_bg{padding:20px;}
    .contents.intro .intro_bg .intro_bg_title{padding-left:24px; font-size:16px;}
    .contents.intro .intro_bg .intro_bg_title:before{top:-10px; width:25px; height:28px;}
    .contents.intro .intro_bg .intro_bg_title div{font-size:14px;}
    .contents.intro .intro_bg .intro_bg_box{margin-left:0; padding:15px 15px 15px 10px;}
    .contents.intro .intro_bg .intro_bg_box .bu li{font-size:15px;}
    .contents.intro .step .step_list{flex-direction:column;}
    .contents.intro .step .step_list .step_item{width:100% !important;}
    .contents.intro .step .step_list:nth-child(2) .step_item:nth-child(1){order:1;}
    .contents.intro .step .step_list:nth-child(2) .step_item:nth-child(3){order:3;}
    .contents.intro .step .step_list .step_item + .step_item:before{top:-27px; left:0 !important; right:0 !important; bottom:auto; margin:0 auto; transform:rotate(90deg) !important;}
    .contents.intro .step .step_list:nth-child(2){margin-top:40px;}
    .contents.intro .step .step_list:nth-child(2) .step_item:nth-child(1):before{top:-27px;}
    .contents.intro .step .step_list:nth-child(2) .step_item:nth-child(2):before, .contents.intro .step .step_list .step_item .step_title{height:40px; font-size:16px;}
    .contents.intro .step .step_list .step_item .step_inner .inner_title{font-size:15px; gap:7px;}
    .contents.intro .step .step_list .step_item .step_inner .inner_title div{width:22px; height:22px; font-size:14px; line-height:22px;}
    .contents.intro .step .step_list .step_item.none{display:none;}
    .contents.intro .button_box{margin-top:30px;}
    .contents.intro .button_box .center{flex-direction:column;gap:8px;}
    .contents.intro .button_box .btn{padding:0 15px !important; font-size:16px !important;}
    .contents.intro .button_box .btn_blank{width:100%; margin-left:0 !important; gap:8px;}
    .contents.intro .button_box .btn_blank:after{width:15px; height:15px; margin-top:-1px;}
    .contents.intro .store_box{padding:20px 15px; gap:15px;}
    .contents.intro .store_box .store_link{flex-direction:column;gap:8px;}
    .contents.intro .intro_list{flex-direction:column;}
    .contents.intro .intro_list .intro_item{width:100%;}
    .contents.intro .intro_list .intro_title{font-size:17px; line-height:40px;}
    .contents.intro .intro_list .intro_item_box{padding:15px;}
    .contents.intro .intro_list .intro_item_box .bu{min-height:auto; padding:15px 10px;}
    .contents.intro .intro_list .dot{padding:0 15px 15px 15px;}
    .contents.intro .intro_list .dot li{font-size:15px;}
}