@charset "UTF-8";

/* 검진프로그램_new */
.chkup_program_wrap .program_header{margin-bottom:40px;}
.chkup_program_wrap .program_header *{line-height:1.5;}
.chkup_program_wrap .program_header .pro_group{font-family:'NotoKrM';font-size:16px;color:#17339f;}
.chkup_program_wrap .program_header .pro_tit{margin-top:20px;font-family:'NotoKrB';font-size:32px;line-height:1.2;color:#000;}
.chkup_program_wrap .program_header .pro_stit{margin-top:10px;font-size:19px;color:#000;}
.chkup_program_wrap .program_header .pro_txt{margin-top:20px;font-size:17px;color:#555;}

.chkup_program_wrap .exam_info{padding:40px;border:2px solid #e5e5e5;border-radius:10px;}
.chkup_program_wrap .exam_info .exam_info_gender h4{font-family:'NotoKrB';font-weight:700;font-size:19px;color:#000;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select{display:flex;gap:10px;margin:30px 0 20px;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select input{display:none;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select label{position:relative;flex:1;height:50px;display:flex;justify-content:center;align-items:center;padding-left:28px;border:1px solid #ddd;border-radius:12px;background:#f7f7f7;font-family:'NotoKrB';font-size:17px;color:#afafaf;cursor:pointer;box-sizing:border-box;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select label::before{content:'';position:absolute;left:calc(50% - 38px);top:50%;transform:translateY(-50%);width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;filter:invert(72%) sepia(5%) saturate(12%) hue-rotate(349deg) brightness(95%) contrast(95%);}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select #male + label::before{background-image:url(/nanum/site/health_program/img/gender_male.svg);}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select #female + label::before{background-image:url(/nanum/site/health_program/img/gender_female.svg);}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select input:checked + label{border-style:solid;border-width:1px;box-shadow:8px 8px 8px rgba(0,0,0,0.1);}

.chkup_program_wrap .exam_info .exam_info_gender .gender_select #male:checked + label{color:#17339f;border-color:#17339f;background:#f1f4ff;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select #male:checked + label::before{filter:invert(15%) sepia(68%) saturate(3758%) hue-rotate(224deg) brightness(88%) contrast(96%);}

.chkup_program_wrap .exam_info .exam_info_gender .gender_select #female:checked + label{color:#3a9624;border-color:#3a9624;background:#e9f6e6;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select #female:checked + label::before{filter: invert(40%) sepia(99%) saturate(379%) hue-rotate(63deg) brightness(98%) contrast(92%);}

.chkup_program_wrap .exam_info .exam_info_meta{display:flex;margin-top:40px;padding-top:40px;border-top:1px solid #e5e5e5;}
.chkup_program_wrap .exam_info .exam_info_meta > *{flex:1;}
.chkup_program_wrap .exam_info .exam_info_meta h4{position:relative;padding-left:35px;font-size:17px;font-family:'NotoKrB';color:#000;}
.chkup_program_wrap .exam_info .exam_info_meta h4::before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;background-size:cover;transform:translateY(-50%);}
.chkup_program_wrap .exam_info .exam_info_meta .stxt{font-size:15px;color:#000;}
.chkup_program_wrap .exam_info .exam_info_meta .value_txt{padding:15px 0 20px;font-size:25px;color:#000;}
.chkup_program_wrap .exam_info .exam_info_meta .value_txt strong{font-family:'Roboto',sans-serif;font-weight:700;color:#d43030;letter-spacing:0;}
.chkup_program_wrap .exam_info .exam_info_meta .cost_info h4::before{background-image:url(/nanum/site/health_program/img/icon_exam_cost.svg);}
.chkup_program_wrap .exam_info .exam_info_meta .time_info h4::before{background-image:url(/nanum/site/health_program/img/icon_exam_time.svg);}
.chkup_program_wrap .exam_info .exam_info_meta .time_info .value_txt strong{color:#000;}

.chkup_program_wrap .exam_items{margin-top:40px;}
.chkup_program_wrap .exam_items h4{display:flex;align-items:center;position:relative;min-height:32px;padding-left:48px;font-size:24px;font-family:'NotoKrB';color:#000;}
.chkup_program_wrap .exam_items h4::before{content:'';position:absolute;top:50%;left:0;width:32px;height:32px;border-radius:50%;background-position:50% 50%;background-size:20px;background-repeat:no-repeat;transform:translateY(-50%);}
.chkup_program_wrap .exam_items h4 + p{margin-top:8px;padding-left:48px;font-size:16px;color:#555;}
.chkup_program_wrap .exam_items .items_list{display:flex;margin-top:30px;padding:40px;border-radius:10px;}
.chkup_program_wrap .exam_items .items_list .item strong{font-size:16px;font-family:'NotoKrB';color:#000;}
.chkup_program_wrap .exam_items .items_list .item p{font-size:16px;}

.chkup_program_wrap .exam_items .basic_items h4::before{background-color:#17339f;background-image:url(/nanum/site/health_program/img/icon_basic_items.svg);}
.chkup_program_wrap .exam_items .basic_items .items_list{flex-direction:column;gap:10px;background-color:#f8f8f8;}
.chkup_program_wrap .exam_items .basic_items .items_list .item{display:flex;align-items:baseline;}
.chkup_program_wrap .exam_items .basic_items .items_list .item strong{flex:0 0 90px;}
.chkup_program_wrap .exam_items .basic_items .items_list .item p{flex-grow:1;color:#555;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl{display:flex;align-items:center;gap:20px;margin:15px 0 0;padding:15px 25px;background:#fff;border-radius:10px;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl:first-child{margin-top:0;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dt,
.chkup_program_wrap .exam_items .items_list.type_tbl dl dd{margin:0;padding:0;font-size:16px;text-align:left;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dt{width:200px;flex-shrink:0;border-right:1px solid #666666;font-family:'NotoKrB';font-weight:normal;color:#000;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dd{color:#555;word-break:keep-all;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dd.price{flex-shrink:0;align-self:center;margin-left:auto;padding-left:20px;font-size:15px;color:#17339f;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dd.price strong{font-family:'Roboto', sans-serif;font-weight:700;letter-spacing:0;}
.chkup_program_wrap .exam_items .basic_items .toggle_btn{display:block;width:100%;margin-top:15px;padding:15px 20px;border:0;color:#fff;background-color:#1D5DB0;font-family:'NotoKrR', '나눔고딕', 'Nanum Gothic', sans-serif;font-size:17px;font-weight:500;text-align:center;cursor:pointer;transition:all .25s ease;}
.chkup_program_wrap .exam_items .basic_items .toggle_btn:hover,
.chkup_program_wrap .exam_items .basic_items .toggle_btn:focus{background-color:#0a4188;}

.chkup_program_wrap .exam_items .add_items{position:relative;margin-top:40px;padding-top:70px;}
.chkup_program_wrap .exam_items .add_items::before{content:'';position:absolute;top:15px;left:0;width:100%;height:2px;background-color:#e5e5e5;}
.chkup_program_wrap .exam_items .add_items::after{content:'';position:absolute;top:0;left:50%;width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e5;background:url(/nanum/site/health_program/img/icon_plus.svg) no-repeat 50% 50% #fff;background-size:20px;transform:translateX(-50%);box-sizing:border-box;}
.chkup_program_wrap .exam_items .add_items h4::before{background-color:#81d049;background-image:url(/nanum/site/health_program/img/icon_add_items.svg);}
.chkup_program_wrap .exam_items .add_items .items_list{display:block;flex-wrap:wrap;gap:20px;background:#eff6ea;}
.chkup_program_wrap .exam_items .add_items .items_list .item{display:flex;flex-direction:column;align-items:center;width:calc(20% - 16px);text-align:center;}
.chkup_program_wrap .exam_items .add_items .items_list .item img{width:48px;height:48px;margin-bottom:10px;background-size:cover;}
.chkup_program_wrap .exam_items .add_items .items_list .item strong{color:#000;}
.chkup_program_wrap .exam_items .add_items .items_list .item p{margin-top:5px;font-size:15px;line-height:1.2;color:#59883d;word-break:keep-all;}

/********************태블릿********************/
@media all and (max-width:1024px){

.chkup_program_wrap .exam_info{padding:30px;}
.chkup_program_wrap .exam_info .exam_info_meta{gap:80px;}
.chkup_program_wrap .exam_info .exam_info_meta > *{flex:none;}

.chkup_program_wrap .exam_items h4{font-size:20px;}
.chkup_program_wrap .exam_items .items_list{padding:30px;}

}
/********************모바일********************/
@media all and (max-width:767px){

.chkup_program_wrap .program_header .pro_tit{margin-top:10px;font-size:24px;}
.chkup_program_wrap .program_header .pro_stit{margin-top:5px;font-size:16px;}
.chkup_program_wrap .program_header .pro_txt{font-size:15px;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select{gap:5px;margin:20px 0 10px;}
.chkup_program_wrap .exam_info .exam_info_gender .gender_select label{font-size:15px;}
.chkup_program_wrap .exam_info .exam_info_meta{flex-direction:column;gap:20px;margin-top:20px;padding-top:20px;}
.chkup_program_wrap .exam_info .exam_info_meta h4{padding-left:30px;font-size:15px;}
.chkup_program_wrap .exam_info .exam_info_meta h4::before{width:20px;height:20px;}
.chkup_program_wrap .exam_info .exam_info_meta .value_txt{margin-left:30px;font-size:20px;padding:10px 0;}
.chkup_program_wrap .exam_info .exam_info_meta .stxt{margin-left:30px;font-size:14px;}
.chkup_program_wrap .exam_items .add_items .items_list .item{width:calc(50% - 10px);}
.chkup_program_wrap .exam_items .add_items .items_list .item img{width:40px;height:40px;margin-bottom:5px;background-size:cover;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl{flex-direction:column;align-items:baseline;gap:8px;margin:10px 0 0;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dt{width:auto;padding-bottom:0;border-right:0;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dd{font-size:15px;}
.chkup_program_wrap .exam_items .items_list.type_tbl dl dd.price{align-self:flex-start;margin-left:0;padding-left:0;}

}
