@CHARSET "UTF-8";

/* 프로그램안내상단공통 */
.program_comm_iconbox{display:flex;align-items:center;position:relative;min-height:80px;margin-bottom:50px;padding:30px 30px 30px 140px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;font-size:1.8rem;font-weight:500;}
.program_comm_iconbox::after{content:'';position:absolute;top:30px;left:30px;width:80px;height:80px;background-color:#f7f9fc;background-repeat:no-repeat;background-position:50% 50%;background-size:48px auto;border-radius:100%;}
.program_comm_iconbox.elegancehealth::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_elegancehealth.png);} /* 품격건진 */
.program_comm_iconbox.luxuryhealth::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_luxuryhealth.png);} /* 명품건진 */
.program_comm_iconbox.luxuryviphealth::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_luxuryviphealth.png);} /* 명품VIP건진 */
.program_comm_iconbox.basichealth::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_basichealth.png);} /* 일반건강검진 */
.program_comm_iconbox.cancer::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_cancer.png);} /* 암검진 */
.program_comm_iconbox.normalhealth::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_normalhealth.png);} /* 일반건강진단 */
.program_comm_iconbox.specialhealth::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_specialhealth.png);} /* 특수건강진단 */
.program_comm_iconbox.etc_recruit::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_recruit.png);} /* 채용건강진단 */
.program_comm_iconbox.etc_eng::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_eng.png);} /* 영문건강검진 */
.program_comm_iconbox.etc_flight::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_flight.png);} /* 항공종사자건강검진 */
.program_comm_iconbox.etc_food::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_food.png);} /* 식품위생분야종사자건강검진 */
.program_comm_iconbox.prevent::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_prevent.png);} /* 예방접종 */

.program_comm_top{display:flex;justify-content:space-between;margin-bottom:30px;}
.program_comm_top .info{display:flex;align-items:center;gap:20px;padding:16px 40px;border-radius:10px;background:#fff;box-sizing:border-box;}
.program_comm_top .info:only-child{justify-content:center;width:100%;padding:30px 40px;}
.program_comm_top .info dl{position:relative;display:flex;gap:10px;font-size:1.6rem;}
.program_comm_top .info dl:nth-of-type(n+2){padding-left:20px;}
.program_comm_top .info dl:nth-of-type(n+2)::after{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;background:#e5e5e5;transform:translateY(-50%);}
.program_comm_top .info dl dt{position:relative;padding-left:34px;font-weight:700;}
.program_comm_top .info dl dt::after{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background-repeat:no-repeat;background-size:cover;}
.program_comm_top .info dl.type dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_type.png);} /* 보험유형 */
.program_comm_top .info dl.target dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_target.png);} /* 대상 */
.program_comm_top .info dl.time dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_time.png);} /* 소요시간 */
.program_comm_top .info dl.cycle dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_cycle.png);} /* 주기 */
.program_comm_top .info dl.age dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_age.png);} /* 연령 */
.program_comm_top .info dl.place dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_place.png);} /* 장소 */
.program_comm_top .info dl.tel dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_tel.png);} /* 전화 */
.program_comm_top .info dl.poss_time dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_program_poss_time.png);} /* 검사가능시간 */

.program_comm_top .info.col{flex-wrap:wrap;width:100%;padding:30px 40px;box-sizing:border-box;}
.program_comm_top .info.col dl{flex:auto;flex-direction:column;gap:5px;height:100%;}
.program_comm_top .info.col dl:nth-of-type(n+2)::after{height:100%;}
.program_comm_top .info.col dl dd{padding-left:34px;}

/* 추가검사 */
.add_items_wrap .tit_area{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.add_items_wrap .tit_area h4.tit{margin-bottom:0;}
.add_items_wrap .table1 tbody th a{position:relative;padding-right:24px;text-decoration:underline;}
.add_items_wrap .table1 tbody th a::after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;background:url(/nanum/site/health_note/img/btn_zoom.png) no-repeat;background-size:cover;transform:translateY(-50%);}

/* 예방건진클릭시오픈 */
.hide_cont_box a.btn_open{position:relative;display:flex;justify-content:center;padding:20px 30px;background:#fff;border-radius:10px;}
.hide_cont_box a.btn_open p{position:relative;width:100%;padding-right:60px;font-weight:500;box-sizing:border-box;}
.hide_cont_box a.btn_open p::after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;background:url(/nanum/site/health_note/img/btn_zoom.png) no-repeat;background-size:cover;transform:translateY(-50%);}
.hide_cont_box a.btn_open.active{background:#fff;}
.hide_cont_box a.btn_open.active::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;border:1px solid #1065d9;box-sizing:border-box;}
.hide_cont_box a.btn_open.active p{color:#1065d9;}
.hide_cont_box .hide_cont{display:none;margin-top:20px;}

/* 기업건진팀소개 */
.corp_health_intro{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;}
.corp_health_intro li{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(50% - 10px);padding:30px 0;border:1px solid #c2c2c2;font-size:1.9rem;font-weight:600;background:#fff;border-radius:10px;box-sizing:border-box;}
.corp_health_intro li p{padding-top:10px;font-size:1.7rem;font-weight:500;color:#555;}

.corp_health_img{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;}
.corp_health_img li{width:calc(25% - 7.5px);font-size:0;line-height:0;}
.corp_health_img li img{width:100%;max-width:100%;object-fit:cover;}

/* 법인건진 절차 */
.corp_step_box{display:flex;flex-direction:column;gap:70px;}
.corp_step_box dl{display:flex;align-items:center;gap:80px;position:relative;padding:30px 80px;background:#fff;border:1px solid #c2c2c2;border-radius:10px;}
.corp_step_box dl:nth-child(n+2)::before{content:'';position:absolute;top:-40px;left:50%;width:22px;height:10px;background:url(/nanum/site/builder/dir/main/img/menu20518/icon_arr_dw.png) no-repeat;background-size:cover;transform:translateX(-50%);}
.corp_step_box dl dt{flex-shrink:0;display:flex;align-items:center;position:relative;min-height:60px;padding-left:80px;font-size:1.9rem;font-weight:700;text-align:center;}
.corp_step_box dl dt::after{content:'';position:absolute;top:50%;left:0;width:60px;height:60px;background-repeat:no-repeat;background-size:cover;transform:translateY(-50%);}
.corp_step_box dl dd{flex-grow:1;}
.corp_step_box dl dd ul.list2{margin-bottom:0;}
.corp_step_box dl.step1 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_corp_step1.png);}
.corp_step_box dl.step2 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_corp_step2.png);}
.corp_step_box dl.step3 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_corp_step3.png);}
.corp_step_box dl.step4 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_corp_step4.png);}
.corp_step_box dl.step5 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu20517/icon_corp_step5.png);}

/* 협약상담폼 */
.corp_counsel_frm{border-top:2px solid #000;}
.corp_counsel_frm dl{display:flex;align-items:stretch;border-bottom:1px solid #e5e5e5;}
.corp_counsel_frm dl dt,
.corp_counsel_frm dl dd{padding:10px 20px;}
.corp_counsel_frm dl dt{display:flex;align-items:center;flex-shrink:0;width:20%;background:#ecf0f6;font-weight:700;}
.corp_counsel_frm dl dt i.ess{display:inline-flex;width:14px;height:14px;margin-left:8px;background:url(/nanum/site/builder/dir/main/img/menu20517/icon_essential.png) no-repeat;background-size:cover;}
.corp_counsel_frm dl dd{display:flex;align-items:center;gap:10px;flex-grow:1;background:#fff;}

/* 국제클리닉 */
.inter_pro_wrap .screening_step{display:flex;flex-direction:column;gap:20px;margin:30px 0;}
.inter_pro_wrap .screening_step dl{display:flex;align-items:center;gap:20px;}
.inter_pro_wrap .screening_step dl dt{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:80px;height:80px;border-radius:100%;background:#1065d9;font-size:1.3rem;line-height:1.2;letter-spacing:0;font-weight:500;color:#fff;text-align:center;}
.inter_pro_wrap .screening_step dl dt strong{font-size:1.9rem;}
.inter_pro_wrap .screening_step dl dd{flex-grow:1;font-weight:500;}
.inter_pro_wrap .result_step{display:flex;justify-content:space-between;gap:50px;margin-top:20px;}
.inter_pro_wrap .result_step li{display:flex;justify-content:center;align-items:center;position:relative;flex:1;padding:15px 20px;background:#fff;border-radius:10px;border:1px solid #c2c2c2;font-weight:500;text-align:center;box-sizing:border-box;}
.inter_pro_wrap .result_step li:nth-child(n+2)::before{content:'';position:absolute;top:50%;left:-30px;width:10px;height:18px;background:url(/nanum/site/builder/dir/main/img/menu20517/icon_arr.png) no-repeat;background-size:cover;transform:translateY(-50%);}
.inter_pro_wrap .choose_box{display:flex;gap:100px;justify-content:center;align-items:center;margin:30px 0;}
.inter_pro_wrap .choose_box li{position:relative;font-weight:500;}
.inter_pro_wrap .choose_box > li:first-child{display:flex;justify-content:center;align-items:center;width:130px;height:130px;border-radius:100%;background:#fff;border:1px solid #c2c2c2;box-sizing:border-box;}
.inter_pro_wrap .choose_box > li:nth-child(n+2)::before{content:'';position:absolute;top:50%;left:-59px;width:18px;height:18px;background:url(/nanum/site/builder/dir/main/img/menu20517/icon_plus.png) no-repeat;background-size:cover;transform:translateY(-50%);}
.inter_pro_wrap .choose_box li ul{display:flex;flex-direction:column;gap:10px;}
.inter_pro_wrap .choose_box li ul li{padding:15px 20px;background:#fff;border-radius:10px;border:1px solid #c2c2c2;text-align:center;box-sizing:border-box;}
.inter_pro_wrap .pkg_pro_list{margin-top:20px;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;}
.inter_pro_wrap .pkg_pro_list > li:nth-child(n+2){border-top:1px solid #e5e5e5;}
.inter_pro_wrap .pkg_pro_list > li a{position:relative;display:block;padding:20px 10px;font-weight:500;box-sizing:border-box;}
.inter_pro_wrap .pkg_pro_list > li a::after{content:'';position:absolute;top:50%;right:30px;width:10px;height:18px;background:url(/nanum/site/builder/dir/main/img/menu20517/icon_arr.png) no-repeat;background-size:cover;transform:rotate(90deg) translateX(-50%);}
.inter_pro_wrap .pkg_pro_list > li a.active{color:#1065d9;text-decoration:underline;}
.inter_pro_wrap .pkg_pro_list > li a.active::after{transform:rotate(-90deg) translateX(50%);}
.inter_pro_wrap .pkg_pro_list > li .hide_cont{display:none;}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 프로그램안내상단공통 */
.program_comm_iconbox{min-height:60px;margin-bottom:3vh;padding:3vh 3vw 3vh calc(60px + 5vw);}
.program_comm_iconbox::after{top:3vh;left:3vw;width:60px;height:60px;background-size:32px auto;}

.program_comm_top{gap:10px;margin-bottom:3vh;}
.program_comm_top .info{padding:1.5vh 3vw;}
.program_comm_top .info dl dt{padding-left:26px;}
.program_comm_top .info dl dt::after{top:50%;width:16px;height:16px;transform:translateY(-50%);}

.program_comm_top .info:only-child{flex-wrap:wrap;gap:15px;padding:3vh 4vw;}
.program_comm_top .info:only-child dl{justify-content:space-between;align-items:center;width:100%;gap:20px;}
.program_comm_top .info:only-child dl:nth-of-type(n+2){padding-left:0;}
.program_comm_top .info:only-child dl:nth-of-type(n+2)::after{display:none;}
.program_comm_top .info:only-child dl dd{text-align:right;}

.program_comm_top .info.col dl{flex-direction:row;width:100%;height:auto;}
.program_comm_top .info.col dl dd{padding-left:0;}

/* 추가검사 */
.add_items_wrap .table1 tbody th a{display:flex;flex-direction:column;padding:0 0 24px 0;}
.add_items_wrap .table1 tbody th a::after{top:auto;left:50%;bottom:0;transform:translateX(-50%);}

/* 기업건진팀소개 */
.corp_health_intro{gap:10px;}
.corp_health_intro li{width:calc(50% - 5px);}

.corp_health_img{margin-top:4vh;}
.corp_health_img li{width:calc(50% - 5px);}

/* 법인건진 절차 */
.corp_step_box{gap:40px;}
.corp_step_box dl{gap:30px;padding:3vh 4vw;}
.corp_step_box dl:nth-child(n+2)::before{top:-23px;width:14px;height:6px;}
.corp_step_box dl dt{padding-left:60px;}
.corp_step_box dl dt::after{width:48px;height:48px;}

/* 기업건진팀소개 */
.corp_health_intro li{padding:3vh 3vw;text-align:center;}
.corp_health_intro li p{padding-top:1vh;text-align:center;}

/* 국제클리닉 */
.inter_pro_wrap .result_step{margin-top:2vh;}
.inter_pro_wrap .pkg_pro_list > li a{padding:2vh 2vw;}
.inter_pro_wrap .pkg_pro_list > li a::after{right:2vw;}

/* 예방건진클릭시오픈 */
.hide_cont_box a.btn_open{padding:2vh 2vw;}
.hide_cont_box a.btn_open p{padding-right:;}

}

/********************모바일********************/
@media all and (max-width:767px){

/* 프로그램안내상단공통 */
.program_comm_top{flex-direction:column;}
.program_comm_top .info{justify-content:center;}

/* 법인건진 절차 */
.corp_step_box dl{flex-direction:column;gap:20px;}
.corp_step_box dl dt{justify-content:center;width:100%;min-height:auto;padding:50px 0 0 0;}
.corp_step_box dl dt::after{top:0;left:50%;width:32px;height:32px;transform:translateX(-50%);}
.corp_step_box dl dd{width:100%;}

/* 협약상담폼 */
.corp_counsel_frm dl{flex-direction:column;}
.corp_counsel_frm dl dt{justify-content:space-between;width:100%;padding:1vh 2vw;box-sizing:border-box;}
.corp_counsel_frm dl dt i.ess{width:8px;height:8px;margin-left:0;}
.corp_counsel_frm dl dd{gap:5px;padding:1vh 0;}
.corp_counsel_frm dl dd span{font-size:1.4rem;}
.corp_counsel_frm dl dd input{flex-grow:1;}
.corp_counsel_frm dl dd input:only-child{width:100%;}

/* 국제클리닉 */
.inter_pro_wrap .screening_step dl{gap:10px;}
.inter_pro_wrap .screening_step dl dt{width:50px;height:50px;}
.inter_pro_wrap .screening_step dl dt strong{font-size:1.6rem;}
.inter_pro_wrap .result_step{flex-direction:column;gap:30px;}
.inter_pro_wrap .result_step li:nth-child(n+2)::before{top:-20px;left:50%;width:6px;height:10px;transform:translateX(-50%) rotate(90deg);}
.inter_pro_wrap .choose_box{flex-direction:column;gap:50px;}
.inter_pro_wrap .choose_box li{width:100%;}
.inter_pro_wrap .choose_box > li:nth-child(n+2)::before{top:-35px;left:50%;width:16px;height:16px;transform:translateX(-50%);}
.inter_pro_wrap .pkg_pro_list > li a::after{right:10px;width:6px;height:10px;}

}

/********************모바일2********************/
@media all and (max-width:480px){

/* 프로그램안내상단공통 */
.program_comm_iconbox{justify-content:center;align-items:flex-start;min-height:auto;padding:calc(70px + 3vh) 3vw 3vh 3vw;text-align:center;}
.program_comm_iconbox::after{top:3vh;left:50%;transform:translateX(-50%);}

.program_comm_top .info{flex-direction:column;gap:10px;}
.program_comm_top .info dl{justify-content:space-between;gap:20px !important;width:100%;}
.program_comm_top .info dl:nth-of-type(n+2){padding:10px 0 0 0;}
.program_comm_top .info dl:nth-of-type(n+2)::after{top:0;left:0;width:100%;height:1px;transform:none;}
.program_comm_top .info dl dd{text-align:right;}

.program_comm_top .info:only-child{gap:10px;padding:1.5vh 3vw;}
.program_comm_top .info:only-child dl dt::after{top:50%;width:16px;height:16px;transform:translateY(-50%);}
.program_comm_top .info:only-child dl:nth-of-type(n+2)::after{display:block;top:0;left:0;width:100%;height:1px;transform:none;}

.corp_health_intro{flex-direction:column;}
.corp_health_intro li{width:100%;}

}

/********************웹********************/
@media all and (min-width:1025px) {
}
