@charset "utf-8"; /*reset *********************************************************************************************************/ html,body{width:100%;height:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact;} html{overflow-y:scroll;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;} body{background-color:#fbfcfe;text-align:left;*word-break:break-all;-ms-word-break:break-all;position:relative;min-width: 360px;} body[class*="popup"] {min-width: auto;} img,fieldset,iframe{border:0 none;} li{list-style:none;} input,select{vertical-align:middle;font-weight: 300;} img{vertical-align:top;} i,em,address{font-style:normal;} label,button{cursor:pointer} button{margin:0;padding:0;border: none;background: none;} a{color:#333;text-decoration:none;} a:hover{text-decoration:none;} button *{position:relative;} button img{left:-3px;} html select{padding:7px;border:1px solid #8c8c8c;background-color: #fff;} option{padding-right:6px; padding: 10px;} hr{display:none;} legend{width:0;} table{border-collapse:collapse;border-spacing:0;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} select:focus,input:focus,button:focus{outline: none;} /* * {-webkit-text-size-adjust:none;} *,*:before,*:after {box-sizing: border-box;} */ /* Pretendard */ @font-face { font-family: 'Pretendard'; font-weight: 300; font-style: normal; src: url('fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Pretendard-Regular.woff2') format('woff2'), url('fonts/Pretendard-Regular.woff') format('woff'), url('fonts/Pretendard-Regular.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'Pretendard'; font-weight: 400; font-style: normal; src: url('fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Pretendard-Medium.woff2') format('woff2'), url('fonts/Pretendard-Medium.woff') format('woff'), url('fonts/Pretendard-Medium.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'Pretendard'; font-weight: 700; font-style: normal; src: url('fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Pretendard-Bold.woff2') format('woff2'), url('fonts/Pretendard-Bold.woff') format('woff'), url('fonts/Pretendard-Bold.ttf') format("truetype"); font-display: swap; } /*commontf *********************************************************************************************************/ *{-webkit-text-size-adjust:none;} /* iPhone 가로 폰트 확대 방지 수정*/ .blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;} .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .show{display:block} .hide{display:none} .clear{clear:both;} .br{display:block} .alignleft {float:left} .alignright {float:right} .text_blue{color:#0147cc} .text_blue2{color:#1759D0} .text_orange{color:#ff6c20} .text_red{color:red} .text_green{color:#008000} .text_yellow{color:#eec20e} .text_violet{color:#ae4879} .text_gray{color:#999} .p_br{display:block;} strong, .strong{font-weight:bold;} .vertical{display:inline-block;height:100%;vertical-align:middle;} body,input,button,select,textarea{font-size:13px;line-height:1.4em;color:#333;font-family:'Pretendard','맑은고딕','돋움',dotum,Helvetica,sans-serif;} body{background:#fbfcfe url(../images/common/bg_body.png) repeat-x 0 0;} h1,h2,h3,h4,h5,h6{line-height:1.2em;} img{max-width:100%;height:auto;} p.bul_round1, ul.bul_round1 li{font-size:13px;color:#444;background:url(../images/common/bul_round2.png) no-repeat 0 7px;padding-left:10px;background-size: 5px;} p.bul_round2,ul.bul_round2 li{background:url(../images/common/bul_round2.png) no-repeat 0 6px;padding-left:10px;background-size: 5px;} ul.bul_circle-dg li, .bul_circle-dg {background:url(../images/bul_circle-dg.png) no-repeat 0 7px;padding-left:12px;} ul.bul_circle-dg{background:none;padding:0;} .hr_style1{height:0;line-height:0;font-size:0;margin:0;} .hr_dashed{height:1px;border-top:1px dashed #c9c9c9} .hr_skyblue{height:1px;border-top:2px solid #4d4d4d} .hr_gray{height:1px;border-top:1px solid #d9d9d9} .underline{text-decoration:underline} #content .text_orange{color:#ff6c20;} .mb30 {margin-bottom: 30px !important} button img.png24{width:24px} /*cursor : pointer*/ .sub01 .group .list_region li,.sub01 .group .list_region-detail li ,.sub01 .group1 .box2 dt,a[class*="btn"], .pop_comparison dt, .pop_comparison .btn_q, .pop_view .tab li, .pop_view dt, .pop_f-post .result_box li, .ui-datepicker-trigger{ cursor: pointer } /*font : 나눔폰트 사용 : normal*/ /* #footer, .sub01 .group2 label span, .title_wrap h3 + p, .loca span, td, .sitemap .group1 li li, .sub0304 .group1 .box p, .sub0304 p, .sub0304 li{ font-weight:normal }2021.12 수정 */ /*font : 나눔폰트 사용 : bold*/ h1,h2,h3,h4,h5,h6,button,.top_menu li a,#main_menu ul li,.footer_wrap ul li a, thead, th, .sub01 .group1 .list_detail li.active, .find-h_wrap strong, .sub01 .group1 .box2 dd dt, .sub01 .box_form .item_wrap strong, .sub01 .group4 li.total div, .loca span.loca_cur, .sub0304 p strong, .sub0304 li strong, .sub0304 strong{ font-weight:bold; } /*font : 돋움 사용 : bold*/ tfoot, .content_h-info .box1 .grade li > span, .sub01 .group4 li.total strong, .pop_f-post .result_box li:hover, .sub0304 td strong, .sub0304 td li{ font-weight:bold; } /*font : 돋움 사용 : normal*/ .pop_comparison .btn_q p, .sub02_03_02 tbody th, .sub0304_l p, .sub0304 td{ font-weight:normal; } /*font : Helvetica Neue 사용 : bold*/ .sub01 .group .step{ font-weight:bold; } /* radius */ .group .radius{padding:2%;position:relative;background:#ebf2ff;border:1px solid #c7dbff} /* 20240626 수정 */ .group .radius .edge{width:5px;height:5px;position:absolute;top:-1px;left:-1px;} .ie6 .group .radius .edge{display:none} .group .radius .radius_lt{background:url(../images/common/radius_gray_lt.png) no-repeat 0 0 #fff;} .group .radius .radius_rt{background:url(../images/common/radius_gray_rt.png) no-repeat 0 0 #fff;left:auto;right:-1px;} .group .radius .radius_lb{background:url(../images/common/radius_gray_lb.png) no-repeat 0 0 #fff;top:auto;bottom:-1px;} .group .radius .radius_rb{background:url(../images/common/radius_gray_rb.png) no-repeat 0 0 #fff;top:auto;left:auto;right:-1px;bottom:-1px;} /*radius - wgray(bg:white/border:gray)*/ .group .radius.wgray{background:#fff;} .group .radius.wgray .radius_lt{background-image:url(../images/common/radius_wgray_lt.png)} .group .radius.wgray .radius_rt{background-image:url(../images/common/radius_wgray_rt.png)} .group .radius.wgray .radius_lb{background-image:url(../images/common/radius_wgray_lb.png)} .group .radius.wgray .radius_rb{background-image:url(../images/common/radius_wgray_rb.png)} /*radius mini*/ .group .radius.min{background:#f4f4f4;border:1px solid #d6d6d6;} .group .radius.min .edge{width:2px;height:2px;} .group .radius.min .radius_lt{background:url(../images/common/radius_min.png) no-repeat 0 0 #fff;} .group .radius.min .radius_rt{background:url(../images/common/radius_min.png) no-repeat -2px 0 #fff;} .group .radius.min .radius_lb{background:url(../images/common/radius_min.png) no-repeat 0 -2px #fff;} .group .radius.min .radius_rb{background:url(../images/common/radius_min.png) no-repeat -2px -2px #fff;} /*radius mini - blue*/ .group .radius.min.blue{background:#0c56b1;border:1px solid #0a50a7;color:#fff} .group .radius.min.blue .radius_lt{background-position:-4px 0} .group .radius.min.blue .radius_rt{background-position:-6px 0} .group .radius.min.blue .radius_lb{background-position:-4px -2px} .group .radius.min.blue .radius_rb{background-position:-6px -2px} /*radius mini - skyblue*/ .group .radius.min.skyblue{background:#5096d1;border:1px solid #5096d1;color:#fff} .group .radius.min.skyblue .radius_lt{background-position:-8px 0} .group .radius.min.skyblue .radius_rt{background-position:-10px 0} .group .radius.min.skyblue .radius_lb{background-position:-8px -2px} .group .radius.min.skyblue .radius_rb{background-position:-10px -2px} /*radius mini - orange*/ .group .radius.min.orange{background:#ed623c;border:1px solid #ed623c;color:#fff} .group .radius.min.orange .radius_lt{background-position:-12px 0} .group .radius.min.orange .radius_rt{background-position:-14px 0} .group .radius.min.orange .radius_lb{background-position:-12px -2px} .group .radius.min.orange .radius_rb{background-position:-14px -2px} /*radius mini - green*/ .group .radius.min.green{background:#8ca537;border:1px solid #8ca537;color:#fff} .group .radius.min.green .radius_lt{background-position:-16px 0} .group .radius.min.green .radius_rt{background-position:-18px 0} .group .radius.min.green .radius_lb{background-position:-16px -2px} .group .radius.min.green .radius_rb{background-position:-18px -2px} /*grade*/ .grade{background:#f9f9f9;padding:16px 21px 7px 21px;position:relative;margin-bottom:27px;} .ie7 .grade{margin-top:-17px;padding-top:8px} .grade li{width:226px;color:#000;margin-bottom:7px;} .grade li span{display:inline-block;width:15px;height:15px;background:url(../images/reserve/star.png) no-repeat 0 0;text-indent:-9999px;} .grade li span:first-child{margin-left:8px} .grade li span.no{background-position:-15px 0;} .ie6 .grade li.total{top:15%} .grade .total span, .content_h-info .box1 .grade .total div{ width:auto;height:auto;background:none;text-indent:0; vertical-align:middle;display:inline-block;} .grade .total strong, .grade_box .total strong{font-size:38px;color:#e46100;margin:0 5px 0 17px;line-height:1em} .grade .total div, .grade_box .total div{font-size:20px;.margin-top:-10px} .grade .total span, .grade_box .total span{font-size:12px;color:#000} /* tab */ .three_tab{width:100%;float:left;margin-bottom:20px;} .three_tab li{width:33.2%;float:left;text-align:center;border-left:0!important;} .three_tab li a{width:100%;float:left;padding:7px 0;font-size:1.083em;} .ie6 .three_tab li{width:33%;} /*layout *********************************************************************************************************/ .body_inner{width:100%;} html[class*="ie"] .body_inner, .ie6 .body_inner{background:url(../images/common/bg_ie_body.png) repeat 0 0} #wrap{width:980px;min-width:320px;margin:0 auto;} #header,#container,#footer{padding:0 20px;margin:0 auto;clear:both;} #header,#container{padding-bottom:40px;} #header{height:170px;} #container{position:relative} #footer{height:115px;position:relative;margin-bottom: 80px;} /*header*/ .header_top{margin:0 0 20px;padding-top:40px;overflow:hidden;} .logo{float:left;} .logo a{display:block;} .logo.logo_bizcare img {width: 170px;height: auto} /*202112 추가*/ .main .logo img, .sub01 .logo img, .sub02 .logo img, .sub03 .logo img, .sub04 .logo img, .sub05 .logo img, .sub06 .logo img, .sub07 .logo img, .sub08 .logo img, .intro_404 .logo img, .sitemap .logo img {width: 150px;height: auto} /*202112 추가*/ .header_right{float:right;margin-top:5px;} .top_menu{overflow:hidden;margin-bottom:5px;} .top_menu li{float:left;font-size:11px;font-weight:bold;color:#5a5a5a;} .top_menu li a{color:#5a5a5a;} .top_menu li a:hover{color:#0147cc;} .top_menu li,.top_menu li span{padding-left:9px;font-weight: 300;} .searchbox{text-align:right;} .searchbox input{border:0 none;background:none;margin:0;padding:4px 0;} .searchbox span{padding:0 0 5px;border-bottom:2px solid #1759D0;} .searchbox .iputtext{width:140px;display:inline-block;} .searchbox .btn_search{width:17px;height:18px;text-indent:-9999em;background:url(../images/common/btn_search.png) no-repeat 0 0;background-size: 17px;margin-left:5px;margin-top: 5px;cursor:pointer;} /*main menu*/ #main_menu{clear:both;} #main_menu ul li{position:relative;z-index:900;float:left;width:17%;height:60px;text-align:center;font-size:16px;font-weight:bold;line-height:60px;} #main_menu ul li:first-child,#main_menu ul li.first{width:15%;} #main_menu ul li a{display:block;height:60px;color:#090909;text-decoration:none;;cursor:pointer} #main_menu > ul > li > a:hover:after{content: "";position: absolute;top: 20px;right:35px;width: 5px; height: 5px;background-color:#0147cc;border-radius: 10px;} #main_menu > ul > li.first > a:hover:after{right:55px;} #main_menu > ul > li:nth-child(3) > a:hover:after{right:40px;} #main_menu > ul > li:nth-child(2) > a:hover:after, #main_menu > ul > li:nth-child(6) > a:hover:after{right:25px;} #main_menu > ul > li.current, #main_menu > ul > li.active{border-bottom: 4px solid #0147cc;box-sizing: border-box;} #main_menu > ul > li.current > a:after{content: "";position: absolute;top: 20px;right:35px;width: 5px; height: 5px;background-color:#0147cc;border-radius: 10px;} #main_menu > ul > li.current:nth-child(3) > a:after{right:40px;} #main_menu > ul > li.current:nth-child(2) > a:after, #main_menu > ul > li.current:nth-child(6) > a:after{right:25px;} /* #main_menu ul li.current a, #main_menu ul li.active a{border-bottom: 4px solid #0147cc;box-sizing: border-box;} */ #main_menu .sub_menu{display:none;position:absolute;top:60px;left:0;z-index:900;float:none;width:100%;height:auto;background: #fff;border:1px solid #649AF8;box-shadow:0 5px 8px rgba(0, 0, 0, .2);box-sizing: border-box;} #main_menu .sub_menu li, #main_menu .sub_menu li:hover, #main_menu .sub_menu li a, #main_menu .sub_menu li a:hover{float:none;width:auto!important;height:auto;font-size:14px;line-height:1.2em;background: none #fff!important;color:#444;text-shadow:none;} #main_menu .sub_menu li{border-top:1px dashed #dedfe0;padding:0;} #main_menu .sub_menu li:first-child{border-top:none} #main_menu .sub_menu li a{display:block;padding:15px 0;margin:0;word-break:keep-all;} #main_menu .sub_menu li a:hover{color:#0147cc;} #main_menu ul li.current .sub_menu li a{background:none;} /*footer*/ .footer_wrap{font-size:11px;padding:30px 0 0 20px;height:100%;color: #666;line-height: 1.8;border-top:1px solid #d3d7ee;font-weight: 300;} .footer_wrap ul{padding-bottom: 10px} .footer_wrap ul li{display:inline;vertical-align:middle;} .footer_wrap ul li a{font-size: 13px;} .footer_wrap ul li span{padding:0 15px;} /*.footer_wrap ul,.footer_wrap address,.footer_wrap .copyright{margin-bottom:2px;color:#474747;}2021.12 주석처리*/ .footer_wrap address span{padding:0 5px;} .foot_logo{position:absolute;top:30px;right:0;z-index:10;width:126px;height:45px;background:url(../images/common/logo_foot.png) no-repeat 0 0;text-indent:-9999em;overflow:hidden;} .intro #footer{padding: 0 100px;margin-top: 40px;} .intro #footer .footer_wrap{text-align: left;padding-right: 0;border:none} .intro #footer .footer_wrap a{color:#666} .intro #footer .footer_wrap address span {padding:0 3px} .intro .foot_logo {background-size: 70px;right: 40px;} /*sidebar*/ #sidebar {width:238px;float:right;} #sidebar .sidebar_top{margin-bottom:13px;float:left;width:236px;text-align:center;} #sidebar .sidebar_top a{padding:4px 0;float:left;/*ie6*/width:45px;} #sidebar .sidebar_top a.btn_zin{border-right:none} #sidebar .sidebar_top a span, #sidebar .sidebar_top a img{vertical-align:middle;} #sidebar .sidebar_top a img{margin:2px 4px 0 0} #sidebar .sidebar_top a[class*="btn_z"]{width:45px;} /* #sidebar .sidebar_top a[class*="btn_z"]:hover{color:#fff} */ /* 2024.06.04 주석처리*/ #sidebar .sidebar_top a[class*="btn_z"] img{margin:0 0 0 4px;width: 8px;} #sidebar .sidebar_top .btn_print{width:134px;float:right;border-radius: 0;} #sidebar .sidebar_top .btn_print:hover{color:#666} #sidebar .sidebar_top .btn_print img {width: 15px;} #sidebar .medi_alim{width:236px;border: 1px solid #649af8;border-bottom: 1px dashed #dedfe0;box-shadow: 2px 0 4px rgba(102, 102, 102, 0.2);border-radius: 10px 10px 0 0;padding:20px;box-sizing: border-box;background:#fff;} #sidebar .medi_alim h2{font-size:14px;margin-bottom: 10px;} #sidebar .medi_alim .al_date{margin-top:20px;background:#ebf2ff;font-size:21px;text-align:center;font-weight:bold;margin-bottom:6px;border-radius: 5px;} #sidebar .medi_alim .al_date:first-child{margin-top:15px;} /* #sidebar .medi_alim .al_date span{display:inline-block;} */ /* #sidebar .medi_alim .al_date .radius{background:url(../images/radius_dday_r.png) no-repeat 0 0;float:right;height:45px;width:5px;margin:-1px -5px 0 0;} */ /* #sidebar .medi_alim .al_date .radius:first-child{background:url(../images/radius_dday_l.png) no-repeat 0 0;float:left;margin-left:-5px;} */ #sidebar .medi_alim .al_date .radius + span{display:block;line-height:45px;color: #0147cc;} .ie7 #sidebar .medi_alim .al_date .radius + span{float:left;width:100%} .ie6 #sidebar .medi_alim .al_date{border:1px solid #dcdcdc} .ie6 #sidebar .medi_alim .al_date .radius{display:none} .ie6 #sidebar .medi_alim .al_date span{margin-top:7px} /* #sidebar .medi_alim p{color:#444;} */ #sidebar .medi_alim p strong{color:#0147cc} #sidebar .medi_alim p strong.text_blue{color:#090909;font-weight: normal;} .include_side .reserve_top div p{width:auto;text-align:center;float:none;} .include_side .reserve_top .ms_logo{margin-bottom:12px;background:#fff;padding:5px 41px;display: block;} .include_side .reserve_bt {padding-top: 15px;} .include_side .reserve_bt ul {padding-bottom: 12px;border-bottom:1px dashed #dedfe0;} .include_side .reserve_bt .btn_group{margin-left:-5px;text-align:center;} .include_side .reserve_bt a{width:92px;float:left;margin:7px 0 0 5px;padding:7px 0;} .include_side .reserve_bt a[class*="btn_resv"]{padding:10px 0;margin-top: 0;} /*quick menu*/ #q_menu{position:absolute; left:50%; top:210px; width:100px; margin-left:500px; /* wrapper/2 */line-height: 12px;width: 74px;text-align: center;} /*#q_menu{margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;line-height: 12px;width: 74px;font-weight: bold;text-align: center;}*/ #q_menu span{display: block;color:#0147cc;padding-bottom: 13px;font-weight: bold;} #q_menu ul{background: url(../images/common/quick_bg.png) no-repeat; font-size: 11px;height: 240px;} #q_menu ul li a{display: block;padding:45px 0 5px 0;background: url(../images/common/quick_icon.png) no-repeat center 12px;background-size: 30px;} #q_menu ul li+li a{background-position: center -68px;} #q_menu ul li+li+li a{padding-top:40px;background-position: center -150px;} #q_menu.q_type2 {width: 65px;margin-left: 500px;line-height: 15px;} #q_menu.q_type2 ul{height: auto;padding-bottom: 10px;background: none;background-color: rgba(255,255,255,50);box-shadow: 0 3px 4px rgba(102, 102, 102, 0.2);;border-radius:40px} #q_menu.q_type2 ul li + li{border-top: 1px solid #ddd} #q_menu.q_type2 ul li a{padding:40px 0 15px 0;} /*main.css에서 가져온 sidebar style*/ .reserve{width:236px;border: 1px solid #649af8;border-top:none;box-shadow: 2px 2px 4px rgba(102, 102, 102, 0.2);border-radius: 0 0 10px 10px;padding:20px;background-color: #fff;box-sizing: border-box;} .include_side .reserve_top div{/**/clear:none;overflow:hidden;} .reserve_top div p{float:right;width:70px;margin-top:6px;} .reserve_top div p strong{display:block;} .reserve_top dl{clear:both;} .reserve_top .logo_wrap{padding-bottom: 15px;border-bottom:1px dashed #dedfe0} .reserve_top .med_list{padding: 15px 0 5px;border-bottom:1px dashed #dedfe0} .reserve_top .med_list li div {font-weight: bold;font-size: 14px;} .reserve ul li{padding-left:10px;background:url(../images/common/bul_circ1.png) no-repeat 0 6px;margin-bottom:10px;} .reserve ul li.last{margin-bottom:0;} .reserve ul li > strong {color:#666;font-weight: 300;} .reserve .btn_group{margin-top:25px;} /* full */ /* .full{background:url(../images/bg_content.png) repeat-y 17px top;} */ .full #content{border:1px solid #d3d7ee;/* border-right:1px solid #d3d7ee;border-top:3px solid #4d4d4d;border-bottom:1px solid #d3d7ee; */background:#fff;} .content_header{padding:35px 30px 30px;position:relative;border-bottom:1px solid #dbdde0;background: #f1f5fd;} .sub02 .content_header{background: #fff;} .sub02 .content_header h4 {width: 70%;} .content_body{ background: #fff;} .content_body .group1{width:100%;float:left;padding:40px 0;} /*ie bg*/ html[class*="ie"] .content_body, ie6 .content_body{background:url(../images/common/bg_ie_grat.gif) repeat-x 0 top} html[class*="ie"] .content_body .group1, ie6 .content_body .group1{background:url(../images/common/bg_ie_grab.gif) repeat-x 0 bottom} /* .content_body .group1{background:url(../images/health_chart/bg_sub_4.png) repeat-x bottom;width:100%;float:left;padding:40px 0;} */ .lr_p30{padding: 0 30px;} .full h4{font-size:18px;line-height:22px;margin-bottom:10px;} .full h4 span{color:#1759D0;} .full h5{font-size:15px;line-height:22px;margin:10px 0} /* .full .content_header strong, .full .content_body strong{color:#000;} *//* 2024.06.04 주석 */ .content_header .btn_qu{padding:0 4px;margin:3px 0 0 10px;vertical-align:top;display:inline-block;border:1px solid #a3a3a3;height:16px;} .d_blind, table caption{visibility:hidden;width:0;height:0;line-height:0;} /*popup*/ .popup{background:none;} .popup p{font-size:14px;} /*rwd_table*//*basic_table*/ .rwd_table table, .basic_table table{width:100%} .rwd_table tr th, .basic_table tr th{font-size:13px;} .rwd_table thead th, .basic_table thead th{text-align: center;} .rwd_table table.table_first, .basic_table table{border-top:2px solid #4d4d4d} .rwd_table table.table_first th, .basic_table thead th{background:#f7f9fa;} .rwd_table th,.rwd_table td, .basic_table th, .basic_table td{border-bottom:1px solid #e6e7eb;border-left:1px solid #e6e7eb;padding:10px;} .rwd_table tr:first-child th:first-child, .rwd_table td:first-child,.basic_table .item1, .basic_table tr th:first-child, .basic_table tr td:first-child{border-left:none;text-align: center;border-top: none;}/* 20240719 수정 */ .rwd_table h4{display:none;} /*rwd_table col2*/ .col2 table{width:100%;border-top:2px solid #4d4d4d;margin-bottom:20px;} .col2 table tr th{background:#f6f6f6;border-left:none;width: 60px;text-align: center;border-top: 1px solid #ccc;} .full .col2 table tr th{width: 120px;} .col2 table tr th, .col2 table tr td{padding:8px 10px;} .col2 table p.bul_round1, .col2 table ul.bul_round1 li{background-position:0 8px} .col2 table tr td{line-height:2em; } .col2 td .border{border:1px solid #e6e6e6;border-right:none;border-left:none;padding: 8px 0;margin: 10px 0;} /*rwd_table col5*/ .col5 table{text-align:center;} .col5 .item1{border-left:none;} .col5 td.item1{padding:10px} .col5 td.item2{color:#1759D0} .col5 td.item3{color:#e46100} /*form *********************************************************************************************************/ /*0000 대상자인증,0604 정보수정*/ .ie9 .personal-info tr{margin-top:-10px} .ie9 .personal-info table tr:first-child{margin-top:0} /*.personal-info tr button{width:96px;padding:4px 0;}*/ .personal-info tr button{padding: 5px 10px; vertical-align: middle; } .personal-info tr input + button{margin-left: 5px;} .personal-info tr button img{width: 12px;margin:3px 0 0 0} .personal-info .btn_write1 img{margin:1px 3px 0 0} .personal-info td input{border:1px solid #d3d3d3;background:#fff;width:270px;padding:5px} .personal-info td input[type="tel"]{text-align:center;} .personal-info .tel_comp input, .personal-info .tel_home input, .personal-info .cellphone input, .personal-info .post .box.first input{width:66px;} .personal-info .cellphone .box.last input{margin:0 0px;width:169px} .personal-info .resi_n input{width:117px;} .personal-info .resi_n input[type="radio"]{width:20px;} .personal-info .post button{margin-right:2px;} .personal-info .post .box.last input{width:230px;margin-top: 3px;} .personal-info .post .box.last input:first-child{width:270px;margin-right:5px;} .personal-info .box.first input{background:none} .personal-info tr select{width:76px} .personal-info .selectbox01{width:170px} .personal-info td .box.first{margin-bottom:7px} .personal-info td .hyphen{display:inline-block;width:19px;text-align:center;} .personal-info.col2 tr th{padding:7px 19px;width:105px;} .intro_certific .personal-info.rwd_table tr:first-child th:first-child {text-align: left;} .personal-info .col2 tr td{padding:7px 10px;} .personal-info .col2 .comp td, .personal-info .col2 .name td, .personal-info .col2 .emp_n td, .personal-info .col2 .resi_n td, .personal-info .col2 .f_atte td, .personal-info .col2 .f_supp td, .personal-info .col2 .birth td, .personal-info .col2 .f_sort td, .personal-info .col2 .f_name td{padding-left:20px} .personal-info .dsc, .personal-info .validation-errors{margin-left:5px} .validation-errors{visibility:hidden;height:0;color:#e46100!important} .personal-info .btn_wrap{width:100%} .personal-info .item13 input{margin:0 5px} .personal-info .item13 label {display: inline-block;padding: 5px 0; margin-right:10px;vertical-align: middle;} /*layout *********************************************************************************************************/ .loca{position:absolute;right:20px;top:56px;} .loca span{padding-left:5px;padding-right:5px;} .ie6 .loca{top:26px;} .ie6 .loca span{display:inline;zoom:1;float:left} .loca span.home{text-indent:-9999px;float:left;background:url(../images/text_loca.png) no-repeat center;width:12px;height:12px;padding-top:3px;background-size: 12px;} .loca span.loca_cur{color:#363f4a;padding-right:0;} .title_wrap{padding:0 20px;} .title_wrap h3{height:47px;font-size:36px;line-height:1em;margin-bottom:5px;} .title_wrap h3+p{color:#555;margin-bottom:25px;} .content_wrap{padding:0 20px;clear:both;} .main .content_wrap{padding:0;} .box_line {clear: both;border: 1px solid #e1e1e1;background: #fbfbfb;padding: 20px;line-height: 1.5em} .box_line li {margin-top: 15px} .box_rad {border: 1px solid #e1e1e1;border-radius: 15px;background-color: #fff;padding: 15px;} /*step style =>section#content에 class 'include_step' 추가*/ .include_step .group {border: #d3d7ee 1px solid; padding-bottom: 30px; margin-top: 20px; padding-left: 0px; width: 100%; padding-right: 0px; background: #fff; float: left; clear: both; padding-top: 20px;border-radius: 10px;} .include_step .group:first-of-type{margin-top: 0;} /* .include_step .group1{mw3argin-top: 0px} */ .include_step .group .step {text-align: center; padding: 13px 10px 0 0; margin: 0px 10px 0 -6px; width: 106px; display: block; background: url(../images/reserve/bg_reserve_step.png) no-repeat 0px 0px; background-size: 118px;float: left; height: 62px; color: #a0eafe; font-size: 14px;line-height: 0.8; } .include_step .group .step img {height: 42px;} .include_step .group .step span{margin-top: 5px; font-size: 32px;color:#fff} .ie7 .include_step .group .step span{line-height:1em;margin-top:-3px;} .include_step .group h4 {margin-top:25px;font-size:1.5em;float:left;margin-bottom: 30px;} .include_step .group h4 .br.m_show{display:none;} /* .include_step .group .box{padding: 10px 0 5px 30px;margin-right: 30px;} */ .include_step .group .box h3{font-size: 2em;margin-bottom: 15px;} /*full*/ .content_header .btn_write1{position:absolute;top:50%;margin-top:-28px;right:30px;border:none;width:147px;height:54px;} .content_header .btn_write1 span{color:#fff;font-size:15px;position:static;} .content_header .btn_write1 span img{width: 24px;vertical-align: middle;} /* .ie6 .content_header .btn_write1{top:60px;right:60px;} .ie7 .content_header .btn_write1,.ie6 .content_header .btn_write1{line-height:60px;} .ie7 .content_header .btn_write1 img{vertical-align:middle;} .ie6 .content_header .btn_write1 img{vertical-align:middle;margin-top:25px;} */ /* .full .group.last, .content_body .group3{background-image:url(../images/health_chart/bg_sub_4.png);background-repeat:repeat-x;background-position:bottom;} .full .group.first{background:url(../images/common/gra_from-top.gif) repeat-x 0 0;} */ /*include sidebar*/ .include_side #content{width: 660px; float:left;font-size:14px;} #container.include_side{padding:0 0 50px 0;float:left;width:100%;} /* .include_side #content button{font-size:1em} */ /*.include_side p.bul_round1, .include_side ul.bul_round1 li{font-size:0.917em}*/ /*fancybox*/ /* #fancybox-wrap{margin-left:-14px;} */ #fancybox-outer{border:5px solid #1759D0;border-top-width:33px;} body #fancybox-close{top:-23px;right:7px;width:13px;height:13px;background:url(../images/common/btn_fancy_close.png) no-repeat 0 0} /*datepicker*/ body .ui-widget-header{ border:none } body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight{border-color:#89c6e2;background:#d6f0fc} body .ui-widget-header .ui-icon{background:url(../images/common/btn_datepicker.png) no-repeat 0 0;width:20px;height:20px;background-size: 40px;} body .ui-widget-header .ui-icon-circle-triangle-e{background-position:-20px 0} body .ui-state-hover .ui-icon, body .ui-state-focus .ui-icon{background-position:0 -20px} body .ui-state-hover .ui-icon-circle-triangle-e, body .ui-state-focus .ui-icon-circle-triangle-e{background-position:-20px -20px} body .ui-widget-header .ui-state-hover, body .ui-widget-header .ui-state-focus { border:none; background:none;} /* body .ui-datepicker .ui-datepicker-prev-hover, body .ui-datepicker .ui-datepicker-next-hover{top:2px;} */ /* gradient / btn style / bg style *********************************************************************************************************/ *[class*="btn"]{display:inline-block;text-align:center;} *[class*="btn_wrap"]{display:block;} .btn_gra1{border:1px solid #d6d6d6;background: #fff;border-radius: 5px;} .btn_gra1:hover{border:1px solid #666;} .btn_gra2{background: rgb(199,199,199); } .btn_gra3{color:#fff;background: #777;border-radius: 5px; } .btn_gra3:hover{color:#fff} .btn_gra4{color:#fff;border:1px solid #0147cc;background: #0147cc;border-radius: 5px;} .btn_gra6{border:1px solid #b5b5b5;background: #fff;} .btn_gra7{padding:6px 30px;border:1px solid #c6c6c6;background:#fff;border-radius:5px;} .btn_lgra , .cant .btn_gra1 { color:#bebebe;border:1px solid #ebebeb;color:#c2c2c2;text-shadow:0 -1px 1px #eaeaea; background: #fdfdfd; /* Old browsers */ background: -moz-linear-gradient(top, #fdfdfd 0%, #fbfbfb 32%, #f7f7f7 67%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(32%,#fbfbfb), color-stop(67%,#f7f7f7), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfdfd 0%,#fbfbfb 32%,#f7f7f7 67%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdfdfd 0%,#fbfbfb 32%,#f7f7f7 67%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fdfdfd 0%,#fbfbfb 32%,#f7f7f7 67%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #fdfdfd 0%,#fbfbfb 32%,#f7f7f7 67%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */ } .btn_dgra, .cant .btn_blue { border:1px solid #acacac;color:#fff;text-shaodw:0 -1px 0 #747474; background: #a1a1a1; /* Old browsers */ background: -moz-linear-gradient(top, #a1a1a1 0%, #a2a2a2 16%, #a4a4a4 34%, #a8a8a7 67%, #aaaaaa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(16%,#a2a2a2), color-stop(34%,#a4a4a4), color-stop(67%,#a8a8a7), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a1a1a1 0%,#a2a2a2 16%,#a4a4a4 34%,#a8a8a7 67%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a1a1a1 0%,#a2a2a2 16%,#a4a4a4 34%,#a8a8a7 67%,#aaaaaa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a1a1a1 0%,#a2a2a2 16%,#a4a4a4 34%,#a8a8a7 67%,#aaaaaa 100%); /* IE10+ */ background: linear-gradient(to bottom, #a1a1a1 0%,#a2a2a2 16%,#a4a4a4 34%,#a8a8a7 67%,#aaaaaa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-8 */ } .btn_dgra2 {border:1px solid #090909; background: #fff; } .btn_dgra3{ color:#fff;border:1px solid #272a2c; background: #1c1d1e; } /* 추가 20150903 */ .btn_eval {position: absolute;top:20px;right:31px;padding:5px 10px; width: 155px} .btn_eval span{padding-left: 5px;vertical-align: middle;} .btn_eval img{vertical-align: middle;width: 14px;} /* 추가 20150903 end*/ .sub01 dt.btn_find, .year_tab ul.recent li a, .four_tab ul li a, .three_tab li a{ color:#000;border:1px solid #dcdcdc; background: #eae9e9; } .sub01 dt.btn_find, .year_tab ul.recent li a, .four_tab ul li a, .three_tab li a{color:#333;text-shadow:none;background: #fff;} .btn_gra5 {color:#333;background: #f7f7f7;border: 1px solid #ddd;}/*2024.04 수정___병원만족도 평가 버튼에 적용*/ .btn_gra5:hover{color:#000} .btn_skyblue{ border:1px solid #11cafc;color:#fff; background: #11cafc;border-radius: 5px;} .btn_softblue{ border:1px solid #6a9df8;color:#fff; background: #6a9df8; } .btn_blue{border: 1px solid #0147cc;color: #fff;background: #0147cc;border-radius: 5px;} .btn_blue:hover{color:#fff;background: #3274f1;border: 1px solid #3274f1;} /* .sub01 .group1 .box2 dt.btn_find.active, .year_tab ul.recent li a:hover, #selectIs li.active, #selectIs li:hover{ color:#fff;border:1px solid #306fbc; background: #2f6ebb; } */ .year_tab ul.recent li a:hover, .four_tab ul li a:hover, .three_tab li a:hover, .sub_test-result dt.tab a:hover{color:inherit;text-shadow: none;background: #eaeaea;} /*2021.12 추가*/ .sub_test-result dt.tab a.btn_blue2:hover {background: #0147cc;color: #fff;} .btn_blue2, .sub01 .group1 .box2 dt.btn_find.active, .sub01 .group1 .box2 dt.btn_find.active, /* .year_tab ul.recent li a:hover, */ #selectIs li.active, /* #selectIs li:hover, */ .year_tab ul.recent li.active a, .pop_comparison dt.active, .four_tab ul li.active a, .three_tab li.active a{color:#fff;border:1px solid #1759D0;background: #1759D0;} .btn_blue2:hover{color:#fff} .btn_blue3{ border:1px solid #538fda;color:#fff;text-shadow:0 -1px 1px #2e598f; background: #549cf3; /* Old browsers */ background: -moz-linear-gradient(top, #549cf3 0%, #4c94ea 36%, #3e84d9 68%, #357ace 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#549cf3), color-stop(36%,#4c94ea), color-stop(68%,#3e84d9), color-stop(100%,#357ace)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #549cf3 0%,#4c94ea 36%,#3e84d9 68%,#357ace 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #549cf3 0%,#4c94ea 36%,#3e84d9 68%,#357ace 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #549cf3 0%,#4c94ea 36%,#3e84d9 68%,#357ace 100%); /* IE10+ */ background: linear-gradient(to bottom, #549cf3 0%,#4c94ea 36%,#3e84d9 68%,#357ace 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#549cf3', endColorstr='#357ace',GradientType=0 ); /* IE6-8 */ } .btn_blue3 span{ filter:dropshadow(color=#2e598f,offx=0,offy=-1,positive=1); } .btn_blue4{ border:1px solid #1759d0;color:#fff; background: #1759d0;border-radius: 5px;} .btn_blue5{ border: 1px solid #0147cc;color: #fff;background: #0147cc;border-radius: 5px;} .btn_blue5:hover{color:#fff;background: #3274f1;border: 1px solid #3274f1;} .btn_blue6{ border:1px solid #1759d0;color:#1759d0; background: #fff;border-radius: 5px;} .btn_orange, .select .btn_blue { border:1px solid #ff6c20;color:#fff;background: #ff6c20; border-radius: 5px;} .btn_orange:hover{background: #ff8647;border:1px solid #ff8647;} .btn_orange2{ border:1px solid #dd6840;color:#fff;text-shadow:0 -1px 1px #a34510; background: #f79f6d; /* Old browsers */ background: -moz-linear-gradient(top, #f79f6d 0%, #f58649 8%, #e96820 33%, #e0580b 71%, #dc5000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79f6d), color-stop(8%,#f58649), color-stop(33%,#e96820), color-stop(71%,#e0580b), color-stop(100%,#dc5000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f79f6d 0%,#f58649 8%,#e96820 33%,#e0580b 71%,#dc5000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f79f6d 0%,#f58649 8%,#e96820 33%,#e0580b 71%,#dc5000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f79f6d 0%,#f58649 8%,#e96820 33%,#e0580b 71%,#dc5000 100%); /* IE10+ */ background: linear-gradient(to bottom, #f79f6d 0%,#f58649 8%,#e96820 33%,#e0580b 71%,#dc5000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79f6d', endColorstr='#dc5000',GradientType=0 ); /* IE6-9 */ } .btn_orange2:hover{color:#fff} .btn_orange2 span{ filter:dropshadow(color=#a34510,offx=0,offy=-1,positive=1); } .btn_list{ /* 게시판 목록버튼 */ color:#fff;border:1px solid #0147cc; background: #0147cc; border-radius: 5px; } body .bg_gra1, .include_step .group.bg_gra1{ background: #fff; /* 20240626 수정 */ } /*board:list style *********************************************************************************************************/ /*paging*/ #paging{text-align:center;} #paging ul,#paging ul li{display:inline-block;color:#444;} #paging ul li{width:24px;height:24px;line-height:24px;} #paging ul li,#paging span{margin:0 2px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;} #paging ul li:hover,#paging ul li.current{border:1px solid #1759D0;background:#1759D0;color:#fff;} #paging span{display:inline-block;width:24px;height:24px;line-height:24px;text-indent:-9999em;padding:0;margin:0 4px;} #paging span.prev{background:url(../images/common/btn_prev.gif) no-repeat 50% 50%;} #paging span.next{background:url(../images/common/btn_next.gif) no-repeat 50% 50%;} .ie7 #paging, .ie6 #paging{border:1px solid #fff;} .ie7 #paging ul,.ie7 #paging ul li,.ie7 #paging span,.ie6 #paging ul,.ie6 #paging ul li,.ie6 #paging span{display:inline;*zoom:1;} /*모바일 메뉴 *********************************************************************************************************/ .mobile{display:none;} .m_icon_top{height:42px;background-color:#1759D0;position:relative; background: -moz-linear-gradient(top,#1759D0 0%,#0b4997 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1759D0),color-stop(100%,#0b4997)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#377acd 0%,#0b4997 100%); /* Chrome10+,Safari5.1+ */ /* 수정: 윤정근(0402) */ background: -o-linear-gradient(top,#1759D0 0%,#0b4997 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#1759D0 0%,#0b4997 100%); /* IE10+ */ background: linear-gradient(to bottom,#1759D0 0%,#0b4997 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1759D0', endColorstr='#0b4997',GradientType=0 ); /* IE6-8 */ } /* 수정 및 추가: 윤정근 아래 .m_icon_top 부분 */ .m_icon_top{background: linear-gradient(to bottom,#3771d6 0%,#2059bf 100%);}/*202112 추가*/ .m_icon_top>li{float:left;width:33.3%;border-left:1px solid #5385c3;border-right:1px solid #245c9f;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;height:42px;line-height:42px;vertical-align:middle;margin-right:1px;} .m_icon_top>li:first-child{border-left:0 none;} .m_icon_top>li:last-child{border-right:0 none;margin:0;} .m_icon_top>li>a{display:block;} .m_icon_top>li>a>span{font-size:13px;font-weight:bold;color:#fff;} .m_icon_top li img{width:18px;height:16px;vertical-align:middle;} .m_icon_top>li>a:hover{background-color:#0b4997; /* 수정 끝 */ /* 원소스 .m_icon_top>li{float:left;width:25%;border-left:1px solid #5385c3;border-right:1px solid #245c9f;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;height:42px;line-height:42px;vertical-align:middle;margin-right:1px;} .m_icon_top>li:first-child{border-left:0 none;margin-left:-3px;} .m_icon_top>li:last-child{border-right:0 none;margin:0;} .m_icon_top>li>a{display:block;} .m_icon_top li img{width:26px;height:26px;vertical-align:middle;} .m_icon_top>li>a:hover{background-color:#0b4997; */ background: -moz-linear-gradient(top,#0b4997 0%,#1759D0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b4997),color-stop(100%,#1759D0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#0b4997 0%,#377acd 100%); /* Chrome10+,Safari5.1+ */ /* 수정: 윤정근(0402) */ background: -o-linear-gradient(top,#0b4997 0%,#1759D0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#0b4997 0%,#1759D0 100%); /* IE10+ */ background: linear-gradient(to bottom,#0b4997 0%,#1759D0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4997', endColorstr='#1759D0',GradientType=0 ); /* IE6-8 */ } #mobile_gnb_sub{position:relative;z-index:100;display:none;} #mobile_gnb_sub h2{font-size:16px;font-weight:bold;color:#fff;border-top:1px solid #355a88;border-bottom:1px solid #02224a;padding:8px 0;text-align:center;background:#143f74; background: -moz-linear-gradient(top,#143f74 0%,#0e315e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#143f74),color-stop(100%,#0e315e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#143f74 0%,#0e315e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#143f74 0%,#0e315e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#143f74 0%,#0e315e 100%); /* IE10+ */ background: linear-gradient(to bottom,#143f74 0%,#0e315e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143f74', endColorstr='#0e315e',GradientType=0 ); /* IE6-8 */ } #mobile_gnb_sub .m_sub_menu{position:absolute;top:0;left:0;z-index:120;width:100%;box-sizing:border-box;border-top:1px solid #022550;} .ie9 #mobile_gnb_sub .m_sub_menu{position:static} /* .ie9 #mobile_gnb_sub .m_sub_menu{position:static;} */ #m_main_menu{font-size:14px;font-weight:bold;background:#f0f0f0;} #m_main_menu>ul>li>a{display:block;color:#fff;border-top:1px solid #4b79b4;box-shadow:1px 2px 2px #bbb;}/*202112 수정*/ #m_main_menu>ul>li>a span{display:block;/*background:url(../images/common/m_bul_gnb1.png) no-repeat 100% 50%;background-size:auto 8px;*/padding:6px 10px;}/*202112 주석처리*/ #m_main_menu ul ul{padding:10px;} #m_main_menu ul ul li a{display:block;padding:4px 0 4px 10px;background:url(../images/common/m_bul_gnb2.gif) no-repeat 0 50%;background-size: 3px 3px;} #mobile_gnb_sub .reserve_top{color:#fff;} #mobile_gnb_sub .reserve_top .tit{float:left;width:60px;padding-left:10px;background:url(../images/common/bul_circ1.gif) no-repeat 0 6px;} #mobile_gnb_sub h2 + ul{border-bottom: 4px solid #245696;box-shadow: 0px 0px 10px;} #mobile_gnb_sub .reserve_top ul{overflow:hidden;margin:0 0 10px;} #mobile_gnb_sub .reserve_top ul li{overflow:hidden;width:100%;} #mobile_gnb_sub .reserve_top ul li>div{float:left;width:75%;} #mobile_gnb_sub .reserve_top .hr_style1{clear:both;} #mobile_gnb_sub .reserve_top .ms_logo{float: left;;width:100px;margin-right:10px;} #mobile_gnb_sub .reserve_top div p{float:left;width:60%;margin-top:10px;} #mobile_gnb_sub .reserve_top div p strong{display:inline-block;} #mobile_gnb_sub .reserve_top>p{margin:15px 0 10px;} #mobile_gnb_sub .update_message{margin:5px 10px;} #mobile_gnb_sub .btn_group{width:100%;overflow:hidden;} #mobile_gnb_sub .btn_group a{float:left;display:block;font-weight:bold;margin-bottom:6px;text-align:center;color:#000;text-shadow:1px 1px 1px #fff;} #mobile_gnb_sub .btn_group span {display: block;overflow:hidden;} #mobile_gnb_sub .btn_group span a{width:48%;height:36px;line-height:36px;} #mobile_gnb_sub .btn_group .btn_resv{float:left;color:#fff;text-shadow:-1px -1px 1px #000;} #mobile_gnb_sub .btn_group .btn_mypage{float:right;} #mobile_gnb_sub .btn_group .btn_med_info{float:right;clear:none;} #mobile_gnb_sub .medi_alim ul{padding:0 10px;} #mobile_gnb_sub .medi_alim li{overflow:hidden;padding:15px 0;background:url(../images/common/bg_hr.png) repeat-x 0 0;} #mobile_gnb_sub .medi_alim li:first-child{background:none;} #mobile_gnb_sub .medi_alim .al_date{float:left;border:1px solid #b4b4b4;background:#f0f0f0;font-size:30px;font-weight:bold;padding:15px 20px;text-align:center;border-radius:4px;margin-right:15px;} #mobile_gnb_sub .medi_alim .al_date span{color:#1759D0;} #mobile_gnb_sub .medi_alim p{float:left;width:64%;} #mobile_gnb_sub .medi_alim p,#mobile_gnb_sub .medi_alim p .color1{font-size:15px;color:#fff;line-height:1.4em;} #mobile_gnb_sub .medi_alim p strong{color:#a0e7fe;} #m_main_menu>ul>li>a,#mobile_gnb_sub .reserve_top,#mobile_gnb_sub .medi_alim{background:#2c62a7;} /*온라인 자가진단 0104, 0202*/ /*진단 결과*/ .sub_test-result h4 + p.bul_round2{font-size:1.083em} .sub_test-result dl#tab_wrap{position:relative;padding-top:20px;padding-bottom:30px;line-height:1.6em} .sub_test-result dl#tab_wrap ul.bul_round1 li {background-position: 0 8px;} .sub_test-result dt.tab a{position:absolute;top:0;left:0;width:16.1%;padding:4px 0;font-size:13px;cursor:pointer;text-align:center;font-weight: normal;} .sub_test-result .con_tab h4{margin-top:30px;} /* .sub_test-result .con_tab h4:first-child{margin-top:30px;} */ .sub_test-result dt.tab2 a{left:16%;width:19.5%} .sub_test-result dt.tab3 a{left:35.5%} .sub_test-result dt.tab4 a{left:51.5%} .ie6 .sub_test-result dt.tab4 a{left:48%;} .sub_test-result dt.tab5 a{left:auto;right:16%} .sub_test-result dt.tab6 a{left:auto;right:0;} .sub_test-result .con_tab h4{width:100%;margin-bottom:20px;} .sub_test-result .con_tab p{margin-bottom:10px;font-size:14px;color: #555;} /* .sub_test-result .con_tab p strong {color: #090909;} */ /* 2024.06.04주석 */ .sub_test-result .con_tab h4 + p{font-size:1em;margin-bottom:20px;} .sub_test-result .con_tab .chart{margin-bottom:25px;border:1px solid #dcdcdc} .sub_test-result .con_tab .chart1{padding:0 0 20px 0} .sub_test-result .chart img{width:100%;height:auto;} .sub_test-result .con_tab .dsc_box{background:#f3f7ff;padding:20px;font-size:0.917em;} .sub_test-result .con_tab .dsc_box h5{font-size:1em;margin-bottom:10px} .sub_test-result .con_tab .dsc_box p{margin-bottom:0;} /*con_tab tab1*/ .sub_test-result .con_tab.tab1 .radius{clear:both;text-align:center;font-size:1.083em;margin-bottom:15px;border:none;background: #f3f7ff;} .sub_test-result .con_tab.tab1 .radius p{margin-bottom:0} /*con_tab tab2*/ .sub_test-result .con_tab.tab2 th{text-align:center;} .sub_test-result .con_tab.tab2 th.item1{width:100px} .sub_test-result .con_tab.tab2 .bul_round1{margin-top:13px} /*con_tab tab4, tab5*/ .sub_test-result .con_tab dl.item{border-top:2px solid #090909;border-bottom:1px solid #e6e7eb;margin-bottom:20px;} .sub_test-result .con_tab dl.item dt{background:#f7f9fa;font-size:1.083em;padding:10px; text-align: center;} .sub_test-result .con_tab dl.item dd{padding:10px} .sub_test-result .con_tab dl.item dd .hr_dashed{width:100%;padding:0 10px;margin:10px 0 10px -10px} .sub_test-result .con_tab dl.item dd p{margin-bottom:0;font-weight: normal;font-size: 13px;} .sub_test-result .con_tab dl.item li{font-size:1em;} .sub_test-result .con_tab dl.item .bul_round1 li strong{color:#333} /*con_tab tab6*/ .sub_test-result .group .con_tab.tab6 .alignleft{width:44%;text-align: center;} .sub_test-result .group .con_tab.tab6 .alignright{width:52%} .sub_test-result .group .con_tab.tab6 .alignright p{font-size: 14px;color:#333;} .sub_test-result .group .con_tab.tab6.m_printMsg{display:none;} .sub_test-result .con_tab.tab6 .alignleft img{padding:1px;width:100%;height:auto;width: 268px;} .sub_test-result .con_tab.tab6 .btn_box{width:100%;} .sub_test-result .con_tab.tab6 .btn_box a{width:100%;color:#000;font-size:1.150em;padding:10px 0;margin:5px 0;display:block;} .sub_test-result .con_tab.tab6 .btn_box a img{display:inline;margin:-2px 7px 0 0;width: 24px;} /* .sub_test-result .con_tab.tab6 .btn_box a.btn_print img{margin:2px 7px 0 0} */ .sub_test-result .con_tab.tab6 .btn_box a.btn_print span{margin:2px 0;width:100%;display:inline-block;} /*통합검색*/ .sub_search #container{padding:0 0 40px 0} .sub_search .grade li.radius span:first-child{margin:0} .sub_search .group{padding:30px;width:auto;clear:both;line-height:1.8em} .ie6 .sub_search .content_body, .ie6 .sub_search .content_body .group1, .ie6 .sub_search .full #content, .ie6 .content_wrap{background:none;} .sub_search .group2{padding:0 30px} .sub_search .group3{background:none;} .sub_search .content_header{padding:23px 30px} .sub_search .content_header h4{float:left;padding-right:10px;margin-bottom: 0;} .sub_search .content_header h4 img{vertical-align:middle;margin-right:10px; width: 62px;} .sub_search .content_header .list_serch{float:right;width:58%;margin-bottom:0;} .ie6 .sub_search .content_header .list_serch fieldset{position:static} .ie6 .sub_search .list_serch input{float:left;} .ie6 .sub_search .list_serch .btn_search{position:static;float:right} .ie8 .sub_search .content_header h4{width:40%} .ie8 .sub_search .content_header .list_serch{width:53%} .sub_search .content_body, html[class*="ie"] .sub_search .content_body{width:100%} .sub_search .content_body h5{font-size:16px;border-bottom:1px dashed #c9c9c9;padding-bottom:25px;margin-bottom:25px;} .sub_search .content_body h4{font-size:18px;margin-bottom:15px;} .sub_search .content_body .group .text_blue{color:#1759D0} .sub_search .hospital {overflow: hidden} .sub_search .hospital li{float:left;margin-bottom:26px;width: 100%;} .sub_search .hospital table{width:73%;float:left;} .sub_search .hospital th, .sub_search .hospital td{padding:10px 15px} .sub_search .hospital th{background:#f6f6f6;width:100px;} .sub_search .group1 p.bul_round1{background-position:0 8px} .ie8 .sub_search .group1 p.bul_round1{background-position:0 13px} .sub_search .grade_box{width:160px;padding:20px;float:right;background:#f9f9f9;border:1px solid #dcdcdc;} .sub_search .grade_box h5{border-bottom:1px solid #d9d9d9;padding-bottom:15px;margin-bottom:15px;} .sub_search .grade_box .radius{width:auto;float:none;clear:both;margin-bottom:8px;text-align:center;padding:10px 0 8px 0;} .ie7 .sub_search .grade_box .radius{padding:6px 0 10px 0} .sub_search .grade{padding:0;float:left;margin-bottom:7px;} .ie6 .sub_search .grade{margin-top:-100px;} .sub_search .grade li{width:auto;margin-bottom:7px;font-weight:bold;} .sub_search .grade li strong{width:80px;display:inline-block;} .sub_search .grade_box .total span{display:inline-block;} .sub_search .grade_box .total div{display:inline-block;vertical-align:middle;font-weight:bold;} .sub_search .view_map{width:95px;padding:3px 0;margin-left:10px;} .sub_search .group .view_map:hover{text-decoration:none;} .sub_search .result_list{border-top:2px solid #4d4d4d;border-bottom:1px solid #bbbfc2;} .sub_search .result_list li{border-top:1px solid #d9d9d9;padding:10px 15px;} .sub_search .result_list li:first-child{border:none;} .sub_search .result_list li .tit{margin-bottom:10px;display:inline-block;margin-bottom:10px;font-size:15px;} .sub_search .group a:hover{text-decoration:underline;} .sub_search .bottom_wrap .list_serch{width:70%;display:inline-block;vertical-align:middle;} .sub_search .bottom_wrap .btn_box{width:28%;text-align:right;font-size:16px;} .sub_search .bottom_wrap .btn_box img{margin:3px 4px 0 0} .ie6 .sub_search .hospital li{width:100%;} /* star */ .ie6 .sub_search .grade_box h5{float:left;} .ie6 .sub_search .grade{float:none;position:static;padding-top:5px;} .ie6 .sub_search .grade li span{height:15px;text-indent:-999px;} /*개인정보 취급방침, 이용약관*/ .pri_wrap{line-height:1.8em;} .pri_wrap div.first{border-bottom:1px dashed #c9c9c9;padding-bottom:30px;margin-bottom:10px;} .pri_wrap p{font-size: 13px;} /* 추가: 윤정근(0408) */ .pri_list{margin-top:20px;;font-size: 13px;} /* 수정: 윤정근(0408) */ .pri_list li a:hover{font-weight:bold} .pri_con{padding-top:20px;} .pri_con .tit{display:block;} .pri_con .tit span{padding-left:10px;} .pri_con p,.pri_con ul{margin-bottom:10px;font-size: 13px;}/* 수정: 윤정근(0408) */ .pri_list li span{display:inline-block;width:55px;} .sub08 .pri_wrap h4{padding:25px 0 0;} .sub08 .title_wrap,.sub08 .full,.sub08 .pri_wrap div.first h4{padding:0;} .ie6 .sub08 .content_body .group1{float:none;border-bottom:3px solid #656565;} /*사이트맵*/ .sitemap .content_body .group1{padding-bottom:0} .sitemap .box{overflow: hidden;background:url(../images/bg_sitemap.png) no-repeat right bottom;float:left;width:100%;background-size: 380px;} .sitemap .group1 h4,.sitemap .group1 h4 a{font-size:22px;margin-bottom: 25px;} .sitemap .group1 li li{font-size:14px;margin-bottom: 10px;text-align: left}/*202112추가*/ .sitemap .list_wrap{display: flex; flex-wrap: wrap;width:637px;padding:33px 0 0 48px;} .sitemap .list_wrap > li{width:151px;height: 180px;margin-bottom: 50px;} .sitemap .list_wrap li.center{border:1px solid #e2e2e2;border-top:none;border-bottom:none;padding:0 17px 0 50px;margin:0 47px 0 19px;min-height:146px;} .sitemap .list_wrap li.center h4 {text-align: left;} .box_simple {padding:20px;text-align: center;border:1px solid #dddddd;} /*.hr_dashed {border-bottom: 1px dashed #ddd}*/ .center {text-align: center!important} .boxWrap {border: 1px solid #e1e1e1;background: #fbfbfb;padding: 20px 14px 20px 15px;}/*202112추가*/ /* size styles -------------------------------------------------------------------*/ .f10 {font-size:10px !important; ; } .f11 {font-size:11px !important; ; } .f12 {font-size:12px !important; ; } .f13 {font-size:13px !important; ; } .f14 {font-size:14px !important; ;} .f15 {font-size:15px !important; ;} .f16 {font-size:16px !important; ;} .f18 {font-size:18px !important; ;} .f20 {font-size:20px !important; ;} .f22 {font-size:22px !important; ;} .f24 {font-size:24px !important; ;} .f26 {font-size:26px !important; ;} .f28 {font-size:28px !important; ;} .f30 {font-size:30px !important; ;} .f36 {font-size:36px !important; ;} /*================================================================== 4: PADDING ===================================================================*/ .p0{padding:0px !important; } .p5{padding:5px !important; } .p10{padding:10px !important; } .p20{padding:20px !important; } .p30{padding:30px !important; } .p40{padding:40px !important; } .p50{padding:50px !important; } .pt0{padding-top:0px !important; } .pt5{padding-top:5px !important; } .pt10{padding-top:10px !important; } .pt20{padding-top:20px !important; } .pt30{padding-top:30px !important; } .pt40{padding-top:40px !important; } .pt50{padding-top:50px !important; } .pr0{padding-right:0px !important; } .pr5{padding-right:5px !important; } .pr10{padding-right:10px !important; } .pr20{padding-right:20px !important; } .pr30{padding-right:30px !important; } .pr40{padding-right:40px !important; } .pr50{padding-right:50px !important; } .pb0{padding-bottom:0px !important; } .pb5{padding-bottom:5px !important; } .pb10{padding-bottom:10px !important; } .pb20{padding-bottom:20px !important; } .pb30{padding-bottom:30px !important; } .pb50{padding-bottom:50px !important; } .pl0{padding-left:0px !important; } .pl5{padding-left:5px !important; } .pl10{padding-left:10px !important; } .pl20{padding-left:20px !important; } .pl30{padding-left:30px !important; } .pl40{padding-left:40px !important; } .pl50{padding-left:50px !important; } /*================================================================== 5: MARGIN ===================================================================*/ .m0{margin:0px !important; } .m5{margin:5px !important; } .m10{margin:10px !important; } .m20{margin:20px !important; } .m50{margin:50px !important; } .mt0{margin-top:0px !important; } .mt5{margin-top:5px !important; } .mt10{margin-top:10px !important; } .mt20{margin-top:20px !important; } .mt30{margin-top:30px !important; } .mt40{margin-top:40px !important; } .mt50{margin-top:50px !important; } .mt70{margin-top:70px !important; } .mr0{margin-right:0px !important; } .mr5{margin-right:5px !important; } .mr10{margin-right:10px !important; } .mr20{margin-right:20px !important; } .mr30{margin-right:30px !important; } .mr40{margin-right:40px !important; } .mr50{margin-right:50px !important; } .mb0{margin-bottom:0px !important; } .mb5{margin-bottom:5px !important; } .mb10{margin-bottom:10px !important; } .mb20{margin-bottom:20px !important; } .mb30{margin-bottom:30px !important; } .mb40{margin-bottom:40px !important; } .mb50{margin-bottom:50px !important;} .mb60{margin-bottom:60px !important;} .mb70{margin-bottom:70px !important;} .mb80{margin-bottom:80px !important;} .ml0{margin-left:0px !important; } .ml5{margin-left:5px !important; } .ml10{margin-left:10px !important; } .ml20{margin-left:20px !important; } .ml30{margin-left:30px !important; } .ml40{margin-left:40px !important; } .ml50{margin-left:50px !important; } /* 2022030407 수정 -- cj본인부담 가족검진, cj가족검진 신청 페이지 */ .btn_wrap h2 p span.text_red{display: block;margin-top: 5px;} /* 리더 임원 검진예약하기 안내 문구추가 - 20220831 */ .reservation_info{border: 1px solid #1759D0;border-radius: 20px;padding: 36px 26px 26px 21px;background-color: #fff;position: relative;box-sizing: border-box;margin-bottom: 30px;} .reservation_info h3{position: absolute;top: 0;left: 32px;background-color: #1759D0;color: #fff;font-size: 16px;font-weight: 600;;padding: 10px 20px;border-radius: 0 0 20px 20px;} .reservation_info .info_cont{width: 100%;font-size: 0;} .reservation_info .info_cont:first-of-type{padding-top: 15px;padding-bottom: 20px;border-bottom: 1px solid #1759D0;box-sizing: border-box;} .reservation_info .info_cont:last-of-type{padding-top: 20px;padding-bottom: 20px;} .reservation_info .info_cont > dt {display: inline-block;color: #1759D0;font-size: 15px;line-height: 1.4;padding-left: 25px;padding-right: 20px;position: relative;vertical-align: top;box-sizing: border-box;font-weight: bold;} .reservation_info .info_cont > dt:before{content: "";display: block; width: 20px; height: 18px;position: absolute;left: 0;top: 3px; } .reservation_info .info_cont:first-of-type > dt:before{background: url('../images/common/icon_dia.png') no-repeat center center;background-size: 100%; } .reservation_info .info_cont:last-of-type > dt:before{content: "";background: url('../images/common/icon_dia2.png') no-repeat center center; background-size: 100%;} .reservation_info .info_cont > dt:after{content: "";display: block;background: url('../images/common/bts_angle.png') no-repeat -12px 0px; background-size:20px; width: 8px; height: 12px;position: absolute;right: 12px;top: 5px;} .reservation_info .info_cont:first-of-type dt{width: 49%;} .reservation_info .info_cont > dd{display: inline-block;vertical-align: top;width: 51%;box-sizing: border-box;} .reservation_info .info_cont > dd .desc_tit{display: block;font-size: 14px;color: #444444;font-weight: bold;line-height: 1.4;padding-bottom: 15px;padding-top: 2px;} .reservation_info .info_cont > dd .mh_list_bx{box-sizing: border-box;position: relative;display: table;table-layout: fixed;width: calc(100% + 2px); margin-left: -2px;} .reservation_info .info_cont > dd .mh_list_bx div[class*="mh_list_"]{width: 50%;display: table-cell;vertical-align: top;padding: 0 4px;box-sizing: border-box;position: relative;} .reservation_info .info_cont > dd .mh_list_bx dl {border: 1px solid #5FDDFF;border-radius: 10px;overflow: hidden;width: 100%;} .reservation_info .info_cont > dd .mh_list_bx dl dt{background-color: #5FDDFF;width: 100%;text-align: center;color: #444444;padding: 5px 0;font-weight: 400;font-size: 14px;box-sizing: border-box;} .reservation_info .info_cont > dd .mh_list_bx dl dd ul li{font-size: 13px;font-weight: 400;line-height: 1.4;border-top: 1px solid #5FDDFF;padding: 3px 0 3px 8px;box-sizing: border-box;} .reservation_info .info_cont > dd .mh_list_bx dl.list3{position: absolute; bottom: 0;right: 2px;width: calc(100% - 8px);} .reservation_info .info_cont:last-of-type > dt {width: 47%;} .reservation_info .info_cont:last-of-type > dd {width: 53%;} .reservation_info .info_cont:last-of-type > dd .desc_tit{padding-bottom:10px} .reservation_info .info_cont > dd p.color_txt{color: #EA580C;font-size: 13px;font-weight: bold;line-height: 1.4;} .reservation_info .infoTxt{border-radius: 10px;border:1px solid #CCCCCC;padding: 15px;font-size: 13px;line-height: 1.5;position: relative;} .reservation_info .infoTxt > a{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);padding: 9px 14px;box-sizing: border-box;} /*800 이하*/ @media only screen and (max-width: 600px){ .sub_test-result .group .con_tab.tab6.m_hide{display: none;} .sub_test-result .group .con_tab.tab6.m_printMsg{display:block;} .sitemap .list_wrap > li{height:130px;margin-bottom: 10px;} .sitemap .list_wrap > li:first-child {height: 180px;} .box_line {font-size: 1.1em} }