@charset "utf-8";

/* 미션비전핵심가치 */
.vision_wrap{margin-top:60px;}
.vision_wrap .tit{padding-bottom:20px;border-bottom:1px solid #e5e5e5;font-family:'NotoKrB';letter-spacing:0.015em;font-size:26px;text-align:center;color:#000;}
.vision_wrap .txt{padding:30px 0 80px;text-align:center;font-family:'NotoKrM';font-size:20px;line-height:27px;}
.vision_wrap .txt strong{color:#1f4bb4;}

.vision_wrap .corevalue_box{overflow:hidden;padding:50px 0 100px;}
.vision_wrap .corevalue_box dl{float:left;width:190px;margin-left:30px;text-align:center;}
.vision_wrap .corevalue_box dl dt{width:190px;height:190px;border-radius:190px;background-color:#4375e1;}
.vision_wrap .corevalue_box dl dt span{display:block;padding-top:110px;background-repeat:no-repeat;background-position:50% 50px;background-size:auto 45px;font-family:'NotoKrM';font-size:20px;color:#fff;}
.vision_wrap .corevalue_box dl dd ul{padding-top:30px;}
.vision_wrap .corevalue_box dl dd ul li{margin-top:10px;border-radius:50px;background:#fff;font-family:'NotoKrM';font-size:15px;}

.vision_wrap .corevalue_box dl.cv1{margin-left:0;}
.vision_wrap .corevalue_box dl.cv1 dt span{background-image:url(/nanum/site/builder/dir/health/img/menu3645/icon_cv1.png);}
.vision_wrap .corevalue_box dl.cv2 dt span{background-image:url(/nanum/site/builder/dir/health/img/menu3645/icon_cv2.png);}
.vision_wrap .corevalue_box dl.cv3 dt span{background-image:url(/nanum/site/builder/dir/health/img/menu3645/icon_cv3.png);}
.vision_wrap .corevalue_box dl.cv4 dt span{background-image:url(/nanum/site/builder/dir/health/img/menu3645/icon_cv4.png);}

.shealth p{font-size: 17px;line-height: 31px;word-break: keep-all;}
.shealth p.tar{font-family: 'NotoKrM',sans-serif;}


/*** 특수건강진단 ***/
.checklist2 {width:100%; overflow:hidden; margin-bottom:20px;}
.checklist2 li {width:25%; float:left; text-align:center; background:url(/nanum/site/builder/dir/health/img/menu3643/icon_list_arrow.gif) no-repeat 97% 50%;
 background-size:9px auto;}
.checklist2 li.last {background:none;}
.checklist2 li .box {width:180px; height:190px; border:1px solid #ddd; border-radius:20px; overflow:hidden; margin: 0 2%;}
.checklist2 li .box p {padding-top:90px; background-repeat:no-repeat; background-position:50% 40px;}
.checklist2 li.step01 .box p {background-image:url('/nanum/site/builder/dir/health/img/menu3645/icon_pro1.gif');}
.checklist2 li.step02 .box p {background-image:url('/nanum/site/builder/dir/health/img/menu3645/icon_pro2.gif');}
.checklist2 li.step03 .box p {background-image:url('/nanum/site/builder/dir/health/img/menu3645/icon_pro3.gif');}
.checklist2 li.step04 .box p {background-image:url('/nanum/site/builder/dir/health/img/menu3645/icon_pro4.gif');}

.checkup .cycle_list {overflow:hidden; margin:10px 0 20px 0;} 
.checkup .cycle_list li {width:31%; display:inline-block; padding:10px 0; border-radius:8px; background:#ddd; font-family:'Lato','NotoKrB',sans-serif; font-weight:600; margin:0 1%; text-align:center;}
.checkup .cycle_list li.num1 {background:#d8e3ff; color:#3655cc;}
.checkup .cycle_list li.num2 {background:#ffe2ec; color:#a93e56;}
.checkup .cycle_list li.num3 {background:#d8e3ff; color:#3655cc;}

.checkup .scene_list {overflow:hidden; margin: 20px 0 30px; border-top:2px solid #000; padding-bottom:40px; background:url(/nanum/site/builder/dir/health/img/menu3644/nation_arrow.gif) no-repeat center bottom;}
.checkup .scene_list li {width:100%; height:138px; background-position:0 50%; background-repeat:no-repeat;  border-bottom:1px dashed #d9d9d9; background-size:110px auto;} 
.checkup .scene_list li p {padding:40px 40px 40px 140px;}
.checkup .scene_list li.num1 {background-image:url('/nanum/site/builder/dir/health/img/menu3645/scene_bg1.png');}
.checkup .scene_list li.num2 {background-image:url('/nanum/site/builder/dir/health/img/menu3645/scene_bg2.png');}
.checkup .scene_list li.num3 {background-image:url('/nanum/site/builder/dir/health/img/menu3645/scene_bg3.png');}

.checkup .result {width:100%; border: 2px solid #0eb9b6; border-radius:10px; text-align:center; word-break:keep-all;}
.checkup .result p {padding:25px;}

/*** 특수건강검진 절차 ***/
.rule_wrap .rule_list {border-top:2px solid #000; font-size:0; line-height:0;}
.rule_wrap .rule_list > li {padding: 32px 32px 32px 200px; border-bottom:1px dashed #ddd; background-position:5% 50%; background-repeat:no-repeat; font-size:15px; line-height:1; word-break:keep-all; }
.rule_wrap .rule_list > li .tit {font-size:20px; color:#222; font-family:'NotoKrB', sans-serif; line-height:1.4; margin-bottom:22px;  word-break:keep-all;}
.rule_wrap .rule_list > li .tit span {display:block; padding-top:10px; font-size:14px; color:#3662d1;}
.rule_wrap .rule_list > li .tit span.num{display: inline-block;font-family: 'Lato',sans-serif; font-size: 21px;color: #222;letter-spacing: 0;float: left;padding-top: 0;}
.rule_wrap .rule_list > li .tit span.txt{color: #222;font-size: 20px;padding-top: 0;padding-left: 30px;}
.rule_wrap .rule_list > li > ul.list2 {margin-left:52px;}
.rule_wrap .rule_list > li .eng {font-weight:bold; font-size:15px; color:#3662d1;}
.rule_wrap .rule_list li.icon01 {background-image:url('/nanum/site/builder/dir/health/img/menu3645/icon_rule1.png');}
.rule_wrap .rule_list li.icon02 {background-image:url('/nanum/site/builder/dir/health/img/menu3645/icon_rule2.png');}
.rule_wrap .rule_list li.icon02 p.ml15{margin-left:33px;}
.rule_wrap .rule_list li.icon03 {background-image:url('/nanum/site/builder/dir/health/img/menu3645/icon_rule3.png');}


/*** 특수건강검진 예약 ***/
.rsv_wrap .rsv_box dl{display:table;margin-bottom:20px;}
.rsv_wrap .rsv_box dt{display:table-cell;width:148px;height:148px; border-radius:10px; border:1px solid #e3e3e3;box-shadow:3px 3px 0 0 #f9f9f9;font-family:'NotoKrM';font-size:17px;line-height:1;color:#000;letter-spacing:-0.05em;text-align:center;vertical-align:middle;}
.rsv_wrap .rsv_box dt span{display:block;padding-top:56px;background-position:50% 0;background-repeat:no-repeat;}
.rsv_wrap .rsv_box dd{display:table-cell;width:670px;padding-left:30px;font-size:15px;line-height:24px;vertical-align:middle;}
.rsv_wrap .rsv_box dl.box1 dt span{background-image:url(/nanum/site/builder/dir/health/img/menu3645/icon_rsv1.gif);}
.rsv_wrap .rsv_box dl.box2 dt span{background-image:url(/nanum/site/builder/dir/health/img/menu3645/icon_rsv2.gif);}


/*** 특수건강검진 유의사항 ***/
.caution_box{display:inline-block;margin-bottom:20px;letter-spacing:-0.05em;}
.caution_box .box{float:left;width:354px;height:320px;padding:0 35px 10px 35px;  border:1px solid #dfdfdf;margin:-1px 0 0 -1px; }
.caution_box .box.icon1{background:url(/nanum/site/builder/dir/health/img/menu3645/caution_icon1.png) no-repeat center bottom;}
.caution_box .box.icon2{background:url(/nanum/site/builder/dir/health/img/menu3645/caution_icon2.png) no-repeat center bottom;}
.caution_box .box .tit{margin-top:35px;font-size:18px;font-family:'NotoKrB', sans-serif;color:#3655cc; margin-bottom:20px; text-align:center;}
.caution_box .dot_list{margin-top:20px;}


/*** 특수건강검진 문진표 ***/
.download_wrap {width:100%; background:#f6f6f6 url(/nanum/site/builder/dir/health/img/menu3645/download_bg.png) no-repeat right 20px top 20px; border-top:2px solid #000;} 
.download_wrap h3 {text-align:center;  font-size:25px; color:#000; font-family:'NotoKrR',sans-serif; letter-spacing:-0.08em; padding-top:70px;}
.download_wrap p.txt1 {padding-top:15px; text-align:center; font-size:15px; color:#666; font-family:'NotoKrM',sans-serif; letter-spacing:-0.08em;}
.download_wrap  ul {overflow:hidden; padding:50px 20px 30px 20px;}
.download_wrap  ul li {width:28%; margin: 5px 2%; float:left; text-align:center;}
.download_wrap  ul li a {display: inline-block; font-size:14px; color:#222; width:200px; height:45px; border-radius:30px; line-height:45px; padding-left:20px; border:1px solid #ddd;
background:#fff url(/nanum/site/builder/dir/health/img/menu3645/btn_file_down.gif) no-repeat 90% 50%; text-align:left;}
.download_wrap  ul li a:hover {background:#3655cc url(/nanum/site/builder/dir/health/img/menu3645/btn_file_down_ov.gif) no-repeat 90% 50%; color:#fff;  box-shadow:5px 5px 5px rgba(0,0,0,0.1);}


/* 찾아오시는길 */
.contact_wrap .map_box{width:850px;margin-bottom:20px;}
.contact_wrap .map_box .root_daum_roughmap{width:850px;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:470px;}
.contact_wrap .map_info{overflow:hidden;height:50px;margin-bottom:70px;}
.contact_wrap .map_info dl{float:left;font-family:'NotoKrM';font-size:16px;line-height:50px;}
.contact_wrap .map_info dt{float:left;padding:0 30px 0 70px;}
.contact_wrap .map_info dt.addr{background:url(/nanum/site/builder/dir/health/img/menu3642/icon_addr.gif) no-repeat;}
.contact_wrap .map_info dt.tel{background:url(/nanum/site/builder/dir/health/img/menu3642/icon_tel.gif) no-repeat;}
.contact_wrap .map_info dd{float:left;margin-right:40px;color:#555;}
.contact_wrap .map_info dd span{font-family:'Montserrat',sans-serif;font-weight:500;letter-spacing:0.05em;}
.contact_wrap .map_info .map_zoom{display:block;float:right;width:160px;height:50px;background:#238cfa;font-size:16px;line-height:50px;letter-spacing:-0.05em;color:#fff;text-align:center;}
.contact_wrap .map_info .map_zoom span{padding-left:30px;background:url(/nanum/site/builder/dir/health/img/menu3642/btn_map_zoom.png) no-repeat 0 50%;}
.contact_wrap .route_info{border-top:1px solid #000;}
.contact_wrap .route_info dl{display:table;padding:40px 0;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.contact_wrap .route_info dt,
.contact_wrap .route_info dd{display:table-cell;vertical-align:middle;}
.contact_wrap .route_info dt{width:200px;}
.contact_wrap .route_info dt span{display:block;padding-top:45px;font-family:'NotoKrM';font-size:20px;line-height:25px;color:#1f4bb4;text-align:center;}
.contact_wrap .route_info dt span.bus{background:url(/nanum/site/builder/dir/health/img/menu3642/icon_bus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.taxi{background:url(/nanum/site/builder/dir/health/img/menu3642/icon_taxi.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.car{background:url(/nanum/site/builder/dir/health/img/menu3642/icon_car.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.kobus{background:url(/nanum/site/builder/dir/health/img/menu3642/icon_kobus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dd{width:600px;padding-left:50px;}
.contact_wrap .route_info dd ul > li{margin-top:30px;}
.contact_wrap .route_info dd ul > li:first-child{margin-top:0;}
.contact_wrap .route_info dd ul > li p{color:#555 !important;}
.contact_wrap .route_info dd ul.list li{margin-top:0;}
.contact_wrap .route_info dd .route_tit{overflow:hidden;margin-bottom:10px;font-family:'NotoKrB';font-size:17px;color:#222 !important;}
.contact_wrap .route_info dd .route_tit:first-of-type{margin-top:0;}
.contact_wrap .route_info dd .route_tit li{float:left;margin-left:12px;padding-left:34px;background:url(/nanum/site/builder/dir/health/img/menu3642/bg_route_arr.gif) no-repeat 0 50%;}
.contact_wrap .route_info dd .route_tit li:first-child{margin-left:0;padding-left:0;background:none;}

/******************************1024******************************/
@media all and (max-width:1024px){

/* 미션비전핵심가치 */
.vision_wrap .corevalue_box dl{float:none;width:48%;margin:0 0 30px 0;}
.vision_wrap .corevalue_box dl:nth-child(odd){float:left;clear:both}
.vision_wrap .corevalue_box dl:nth-child(even){float:right;}
.vision_wrap .corevalue_box dl dt{width:100%;height:auto;padding:15px 0;border-radius:0;}
.vision_wrap .corevalue_box dl dt span{display:inline-block;height:35px;padding:0 0 0 60px;background-position:0 50%;background-size:auto 35px;font-size:18px;line-height:35px;}
.vision_wrap .corevalue_box dl dd ul{padding-top:0;}

.shealth p{font-size: 15px;line-height:26px;}

/*** 특수건강진단 ***/
.checklist2 li {width:50%;}
.checklist2 li .box {width:85%; height:auto; margin:2%; min-height:160px;}
.checklist2 li .box p {padding-top:70px; background-repeat:no-repeat; background-position:50% 20px;}

.checkup .cycle_list {overflow:hidden;} 
.checkup .cycle_list li {width:100%; margin-bottom:5px;}

.checkup .scene_list {overflow:hidden;}
.checkup .scene_list li {width:100%; height:auto; background-size:100px auto;} 
.checkup .scene_list li p {padding:30px 40px 30px 140px;}

/*** 특수건강검진 문진표 ***/
.download_wrap h3 {text-align:center;  font-size:22px;}
.download_wrap  ul li a {width:100%; height:45px;}

/* 찾아오시는길 */
.contact_wrap .map_box{width:100%;}
.contact_wrap .map_box .root_daum_roughmap{width:100% !important;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:300px !important;}
.contact_wrap .map_info{height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:15px;line-height:35px;}
.contact_wrap .map_info dt{padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-right:30px;}
.contact_wrap .map_info .map_zoom{width:auto;height:35px;padding:0 20px;font-size:14px;line-height:35px;}
.contact_wrap .map_info .map_zoom span{padding-left:25px;background-size:15px auto;}
.contact_wrap .route_info dl{width:100%;padding:20px 0;}
.contact_wrap .route_info dt{width:20%;}
.contact_wrap .route_info dt span{padding-top:30px;background-size:auto 20px !important;font-size:17px;line-height:22px;}
.contact_wrap .route_info dd{width:80%;padding-left:0;}
.contact_wrap .route_info dd ul > li{margin-top:15px;}
.contact_wrap .route_info dd .route_tit{margin-bottom:8px;font-size:15px;}
.contact_wrap .route_info dd .route_tit li{padding-left:25px;background-size:auto 5px;}


/*** 특수건강검진 유의사항 ***/
.caution_box{width:100%;}
.caution_box .box{width:50%;height:350px;box-sizing:border-box;}


}


/******************************767******************************/
@media all and (max-width:767px){

/* 미션비전핵심가치 */
.vision_wrap .tit{font-size:20px;}
.vision_wrap .txt{padding:30px 0 50px;font-size:15px;}

.vision_wrap .corevalue_box{padding:30px 0 0 0;}
.vision_wrap .corevalue_box dl{float:none !important;width:100%;}
.vision_wrap .corevalue_box dl dt{padding:10px 0;}
.vision_wrap .corevalue_box dl dt span{height:auto;padding-left:50px;background-size:auto 25px;font-size:15px;line-height:25px;}

/*** 특수건강진단 ***/
.checklist2 li {width:100%; padding-bottom:20px; background:url(/nanum/site/builder/dir/health/img/menu3643/icon_list_arrow02.gif) no-repeat center bottom 8px; background-size:15px;}
.checklist2 li .box {width:100%; height:auto; margin: 0 1% 1% 0; min-height:auto; box-sizing:border-box;}
.checklist2 li .box p {padding-top:50px; padding-bottom:20px; background-size:25px auto;}

.checkup .cycle_list {overflow:hidden;} 
.checkup .cycle_list li {width:100%; margin-bottom:5px;}

.checkup .scene_list {overflow:hidden;}
.checkup .scene_list li {width:100%; height:auto; background-size:100px auto;} 
.checkup .scene_list li p {padding:30px 40px 30px 140px;}


/*** 특수건강검진 절차 ***/
.rule_wrap .rule_list > li {padding: 120px 10px 32px 10px; font-size:13px; background-position:50% 10%; background-size:85px auto;}
.rule_wrap .rule_list > li .tit {font-size:16px; margin-bottom:16px; text-align:center;}
.rule_wrap .rule_list > li .tit span.num{font-size:18px;}
.rule_wrap .rule_list > li .tit span.txt{font-size:15px;text-align:left;padding-left:25px;}
.rule_wrap .rule_list > li > ul.list2 {margin-left:27px;}
.rule_wrap .rule_list li.icon02 p.ml15{margin-left:23px;line-height:20px;}


/*** 특수건강검진 예약 ***/
.rsv_wrap .rsv_box dl{display:block;margin-bottom:20px;padding:20px;border:1px solid #e5ecf6;box-shadow:3px 3px 0 0 #f9f9f9;}
.rsv_wrap .rsv_box dt{display:block;width:100%;height:auto;margin-bottom:20px;padding:0;border:0;box-shadow:none;}
.rsv_wrap .rsv_box dt span{display:inline-block;padding:55px 0 0 0;background-position:50% 0;background-size:40px auto;}
.rsv_wrap .rsv_box dd{display:block;width:100%;padding-left:0;text-align:center;word-break:keep-all;}
.rsv_wrap .rsv_box dl.box1 dd .point_txt{text-align:left;}

/*** 특수건강검진 유의사항 ***/
.caution_box{width:100%;}
.caution_box .box{width:100%;height:auto; padding: 0 25px 80px 25px; }
.caution_box .box.icon1,
.caution_box .box.icon2 {background-size:70px;}

/*** 특수건강검진 문진표 ***/ 
.download_wrap {background-position:50% 100%; background-size:120px;}
.download_wrap h3 {padding-top:30px; font-size:18px;}
.download_wrap p.txt1 {font-size:14px;}
.download_wrap  ul {padding:30px 20px 130px 20px;}
.download_wrap  ul li {width:48%; margin: 5px 1%;}
.download_wrap  ul li a {font-size:13px; height:30px; line-height:30px; box-sizing:border-box; }


/* 찾아오시는길 */
.contact_wrap .map_info{height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:14px;line-height:35px;}
.contact_wrap .map_info dt{margin-bottom:8px;padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-bottom:8px;}
.contact_wrap .map_info .map_zoom{width:100%;padding:0;margin-top:10px;}
.contact_wrap .route_info dl{display:block;}
.contact_wrap .route_info dt{display:block;width:100%;margin-bottom:15px;}
.contact_wrap .route_info dt span{display:inline-block;padding:0 0 0 35px;background-position:0 50% !important;}
.contact_wrap .route_info dt span br{display:none;}
.contact_wrap .route_info dd{display:block;width:100%;}


}