/****************************************************************************************************************************************************** 공통 *******************************************************************************************************************************************************/ .clearfix{clear:both;display:block;content:""} .center_B .contents hr{border:1px solid #dddddd;margin:40px 0;} .bullet_dot li{position:relative;padding-left:10px;font-size:16px;color:#666;line-height:1.5em} .bullet_dot li:before{position:absolute;top:50%;left:0;width:2px;height:2px;background:#666666;border-radius:10px;transform:translateY(-50%);content:""} .form_tit{padding:20px 0;box-sizing:Border-box;font-weight:bold; border-bottom: 1px solid #e4e4e4;text-align:center;} .text-left{text-align:left !important} .mt_0{margin-top:0 !important} .mt_10{margin-top:10px !important} .mt_30{margin-top:30px !important} .f_bold{font-weight:bold} p.green, span.green{color:#065765 !important} .underline{text-decoration:underline} span.red, p.red{color: #e40000;} h3.cont_tit span.red_b{font-size:28px;font-weight:bold;color: #e40000;} p.txt.width80{width:80%} /****************************************************************************************************************************************************** 종합검진센터 ******************************************l*************************************************************************************************************/ .sh_info_btn{margin:50px 0 0 0;} .sh_info_btn button{display:inline-block;padding:14px 40px;border:1px solid #cccccc;font-size:18px;font-family: 'Nanum SquareB'} .card_txt_list{width:calc(100% + 18px);margin-top:20px;margin-left:-9px;margin-bottom:20px;} .card_txt_list::after{display:block;clear: both;content: "";} .card_txt_list li{float:left;display:table;width:185px;height:90px;margin:0 9px;margin-bottom:18px;box-sizing: border-box;border:1px solid #e5e5e5;} .card_txt_list li a{display:table-cell;overflow:hidden;padding:0 5px;max-height:88px;vertical-align:middle; text-align:center;background:#fff;line-height:24px;box-shadow:none;transition:all 0.1s;text-overflow: initial;} .card_txt_list li a.on{border-color:#298da4;background:#298da4;color:#ffd800;font-weight:bold;box-shadow: 5px 6px 10px 0px rgba(0, 0, 0, 0.2)} .board_view.card_txt_view .title_area{padding:30px 0;} .board_view.card_txt_view .title_area h3{padding-bottom:0;} table.content.checkup{margin-top:40px;} table.content.checkup.pill{margin-top:20px} table.content.td_l.checkup td{text-align:left} table.content.checkup tbody th{padding:20px;font-size:20px;font-weight:600;color:#000;} table.content.checkup tbody td{color:#000;} table.content.checkup tbody td p{display:inline-block;vertical-align: middle;line-height:50px;} table.content.checkup tbody td p.has_span{line-height:25px;} table.content.checkup tbody td p.has_span span{display:block;color:#888888;font-size:15px;} table.content.checkup tbody td a{display:inline-block;float:right;padding:0 30px;background:#6ca90c;color:#ffffff;line-height:50px;vertical-align: middle;} table.content.checkup tbody .radio_container{padding-right:0;vertical-align:top;} .checkup_step_box{width:980px;margin:40px auto;padding:30px;box-sizing:border-box;box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.1);} .checkup_step_box > p{color:#555555;line-height:1.2;} .checkup_step_box > h5{position:relative;padding-left:100px;margin-top:20px;color:#000;font-size:38px;font-family: 'Nanum SquareB';line-height:50px;} .checkup_step_box > h5 span{position:absolute;left:0;top:0;font-size:28px;vertical-align: middle;} .checkup_step_box .input_area{margin-top:20px;padding:40px 0 25px 0;border-top:1px dashed #bebebe;} .checkup_step_box .input_area.step1{text-align:center;} .checkup_step_box .input_area.step1 .radio_container{width:90px;margin:0 30px;padding:0;padding-bottom:42px;} .checkup_step_box .input_area.step1 .radio_container .txt{display:block;padding-top:20px;color:#555;font-size:22px;} .checkup_step_box .input_area.step1 .checkmark.radio{top:inherit;bottom:0;left:50%;margin-left:-14px;} .checkup_step_box .input_area .radio_container .checkmark.radio:after{background:#298da4;} .checkup_step_box .board_bottom_wrap{margin-bottom:0;} .checkup_step_box .board_bottom_wrap .btn_wrap button{padding:0 40px;font-size:20px;font-family: 'Nanum SquareB';line-height:60px;} .checkup_step_box .input_area.step2 .area{width:518px;margin:0 auto;margin-top:-15px;} .checkup_step_box .input_area.step2 .area label{margin-top:30px;padding-left:42px;color:#555555;font-size:22px;} .checkup_step_box .input_area.step3 .area{overflow:hidden;margin-top:-15px;} .checkup_step_box .input_area.step3 .radio_container{float:left;width:33.333%;box-sizing:border-box;} .checkup_step_box .input_area.step3 .area label{margin-top:30px;padding-left:42px;color:#555555;font-size:22px;} .checkup_step_box .input_area.step3 .board_bottom_wrap{margin-top:30px;} .checkup_step_box table + table{margin-top:30px;} .chu_appint input.datepicker{background: url(/common/images/icon/calendar_gray_b.png) no-repeat right 13px center;background-size:20px;} .chu_appint .radio_container .checkmark.radio:after{background:#298da4;} .chu_appint .radio_container .checkmark.check:after{border-left: 4px solid #298da4;border-bottom: 4px solid #298da4;} .chu_ap_step{margin:20px 0 30px 0;border-bottom:2px solid #248aa2;} .chu_ap_step.col2 li{width:50%} .chu_ap_step::after{display:block;clear:both;content: "";} .chu_ap_step li{float:left;width:33.333%;padding:15px 0 18px 0;box-sizing:border-box;background:#f0f2f7;color:#000000;font-size:20px;line-height:24px;text-align:center;} .chu_ap_step li span{display:block;padding-bottom:5px;color:#000;font-size:14px;font-family: "Nanum Square";} .chu_ap_step li.on{position:relative;border:2px solid #298da4;border-bottom:0;background:#fff;color:#467300;font-family: "Nanum SquareB";font-size:24px;line-height:23px;} .chu_ap_step li.on::after{position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#fff;content:"";} .chu_ap_step li.on span{color:#000;font-weight:bold;} .chu_q{margin:35px 0 60px 0;} .chu_q h5{position:relative;margin-bottom:25px;font-size:20px;line-height:30px;} .chu_q h5.requir::before{position:absolute;top:2px;left:-10px;font-size:17px;color:#ff0000;content: "*"} .chu_q .radio_container{margin-right:20px;margin-bottom:8px;} .chu_q textarea{width:100%;height:120px !important;margin-top:-5px;padding:20px;box-sizing:border-box;resize: none;font-size:17px;} .chu_q .input span{padding-left:8px;line-height:44px;} .pop_bc_btn{float:right;margin-top:-40px;padding:0 25px;border:1px solid #ddd;line-height:45px;} .pop_cont .chu_q{margin:20px 0 35px 0;} .pop_cont .chu_q h5{margin-bottom:17px;} .company_chk{overflow:hidden;width:790px;margin: 80px auto;box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.1)} .company_chk > div{padding:35px 15px;box-sizing: border-box;text-align:center;} .company_chk .top{position: relative;border-bottom:1px solid #dcdcdc; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);z-index: 10;} .company_chk .top h5{padding-bottom:20px;font-size:28px;font-family: "Nanum SquareB"} .company_chk .top p{color:#555555;font-size:20px;} .company_chk .top p strong{color:#000;font-family: "Nanum SquareB";} .company_chk .in_area{padding:60px 15px;background:#f6f7f9;border-bottom:1px solid #dcdcdc;} .company_chk .in_area p{padding-bottom:40px;color:#4f5681;line-height:30px;} .company_chk .input{overflow:hidden;width:540px;margin:0 auto;} .company_chk .input label{display:block;float:left;width:15%;font-size:18px;font-family: "Nanum SquareB";line-height:45px;text-align:left;} .company_chk .input select{float:left;width:68%;background: #fff url(/common/images/icon/search_select_arrow.png) no-repeat right 18px center;} .company_chk .input button{float:right;width:16%;background:#aeb8c4;color:#fff;line-height:45px;} .company_chk .bottom p{line-height:30px;} .company_chk .bottom p strong, .company_chk .bottom p u{font-family: "Nanum SquareB";} .company_chk .bottom span{color:#555;font-size:14px;} .company_chk .bottom span strong{color:#000;vertical-align: top;font-weight:normal;} .company_chk .board_bottom_wrap{margin:30px 0 40px 0;} .company_chk .board_bottom_wrap .btn_wrap button {padding: 0 40px;font-size: 20px;font-family: 'Nanum SquareB';line-height: 60px;} .call_top_item{padding:35px 15px;box-sizing:border-box;border:1px solid #dfdfdf;background:#f8f8f8;text-align:center;} .call_top_item h5{padding-bottom:18px;} .call_top_item span.txt{display:inline-block;padding-left:23px;background:url(/common/images/icon/call_gray.png) no-repeat left center;line-height:2;vertical-align:bottom;} .call_top_item span.call{display: inline-block;padding-left:12px;font-size:54px;line-height:1;font-family: 'Nanum SquareB';vertical-align: bottom;letter-spacing:-0.5px;background: -webkit-linear-gradient(left, #90c740, #01748a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:#01748a;} .locaiton_p{margin:60px 0 10px 0;font-size:28px;text-align:center;} .locaiton_p strong{font-family:"Nanum SquareB"} .location_m{box-sizing:border-box;padding:35px 0;} .location_m + .location_m{border-top:1px solid #dbdbdb;} .location_m h5{display:inline-block;padding:15px 55px 0 0;coloR:#065765;font-size:72px;font-family:"Nanum SquareB";vertical-align: top;} .passed_ap.sr{min-height:auto} .board_list.dataTable td img{cursor:pointer} .board_list.dataTable td button.gray{width:80px;background:#aeb8c4;color:#fff;line-height:45px;} .center_D .visual_cnt_wrap .shortcut_btn.sh.ch li:nth-child(4) a{background:url(/common/images/center/sh/main_icon05.png) no-repeat center 25px} .center_D .visual_cnt_wrap .shortcut_btn.sh.bu li:nth-child(3) a{background:url(/common/images/center/sh/main_icon06.png) no-repeat center 25px} .center_D .visual_cnt_wrap .shortcut_btn.sh.gu li:nth-child(3) a{background:url(/common/images/center/sh/main_icon07.png) no-repeat center 25px} .choice_input .write_form .form_line span.label{padding:0 20px} .choice_input .write_form .form_line p.txt{display:inline-block;font-size:17px;vertical-align:middle;word-break:keep-all} .choice_input .write_form .form_line.added_item label.radio_container{width:28%} .medi_all_check_step{width:100%;} .medi_all_check_step.renew .btn_wrap{display:inline-block;} .medi_all_check_step.renew .btn_wrap button{width:90px;margin-left:30px;line-height:45px} .medi_all_check_step > div{overflow:hidden;min-height:90px;border:1px solid #e5e5e5;background:#f8f8f8} .medi_all_check_step > div + div{margin-top:10px} .medi_all_check_step > div .left{float:left;width:20%;height:100%;padding:15px;padding-right:30px;box-sizing:border-box;text-align:right;} .medi_all_check_step > div .left p{font-size:24px;} .medi_all_check_step > div .left span{display:block;margin-bottom:5px;font-size:14px;} .medi_all_check_step > div .right{float:left;width:80%;height:100%;min-height: 90px;padding:15px;box-sizing:border-box;text-align:left;background:#fff} .medi_all_check_step > div .bullet_list{margin-top:0} .sh_medi_check ul{overflow:hidden} .sh_medi_check li{float:left;width:24.7%;min-height:444px;box-sizing:border-box} .sh_medi_check li p{margin-top:15px;font-size:18px;font-weight:bold;color:#000;} .sh_medi_check li span{display:block;margin-top:5px;font-size:16px;color:#000;line-height:1.5em;text-align:left;} .ar_img_item.sh_medi_check li::after{top:25%} .self_check.breast{margin-top:15px;margin-bottom:50px} .self_check.breast li + li{margin-top:10px} .self_check .img_wrap{display:inline-block;vertical-align:middle} .self_check p.txt, .self_check ul{display:inline-block;width: calc(100% - 103px);margin-left:15px;vertical-align:middle;} .self_check.gab ul{width:calc(100% - 153px)} .self_check.gab .img_wrap{vertical-align:top;padding-top:20px} .self_check ul{display:inline-block;width: calc(100% - 103px);margin-left:15px;vertical-align:middle;} .gray_box{padding:40px 30px;margin-bottom:30px;box-sizing:border-box;background:#f4f5f9} .gray_box_ch{padding:25px 30px;box-sizing:border-box;border:1px solid #cccccc;} .gray_box.sel .gray_box_ch{position:relative;max-width:890px;background:#fff;} .gray_box.sel .gray_box_ch:after{position:absolute;top:50%;right:-70px;width:70px;height:1px;background:#ccc;transform:translateY(-50%);content:""} .gray_box.sel .gray_box_ch .tit{position:absolute;top:50%;right:-20%;font-size:42px;font-weight:500;transform:translateY(-50%)} .gray_box.sel .gray_box_ch h4.cont_sub_tit{margin-top:0} .gray_box.sel .gray_box_ch + .gray_box_ch{position:relative;margin-top:90px} .gray_box.sel .gray_box_ch + .gray_box_ch:before{position:absolute;top:-60px;left:50%;width:20px;height:30px;background:url('/common/images/icon/icon_arrow_bottom.png') no-repeat 0 0;content:""} .gray_box.sel .gray_box_ch + .gray_box_ch .diagram .dia_tit{background:#f16d6b;} .gray_box.sel .gray_box_ch + .gray_box_ch .diagram .dia_tit:before{display:none} .gray_box.sel .gray_box_ch .dia_tit{position:relative;width:240px;margin:0 auto;margin-bottom:35px;padding:15px 0;box-sizing:border-box;color:#fff;background:#00677f;border-radius:3px;text-align:center} .gray_box.sel .gray_box_ch .dia_tit:before{display:inline-block;position:absolute;bottom:-35px;left:50%;height:35px;border-left:1px dashed #ccc;content:""} .gray_box.sel .gray_box_ch .diagram ul{text-align:center;} .gray_box.sel .gray_box_ch .diagram li{position:relative;display:inline-block;width:165px;margin-top:35px;padding:12px 0;box-sizing:border-box;border:1px solid #92c63d;border-radius:3px;text-align:center;} .gray_box.sel .gray_box_ch .diagram li:before{display:block;position:absolute;top:-37px;left:50%;width:199px;height:35px;border-top:1px dashed #ccc;border-left:1px dashed #ccc;content:""} .gray_box.sel .gray_box_ch .diagram li:last-child:before{width:0} .gray_box.sel .gray_box_ch .diagram li + li{margin-left:30px;} .span_g span{color:#065765} .arrow_link{display:inline-block;width:20px;height:20px;border-bottom:3px solid #ddd;border-right:3px solid #ddd;transform:rotate(45deg);text-align:center} /*HOVER!*/ @media screen and (min-width:1024px) { .sh_info_btn button:hover{border:1px solid #298da4;background:#298da4;color:#ffd800;box-shadow: 2px 2px 8px -3px rgba(0, 0, 0, 0.3)} .card_txt_list li a:hover{border-color:#298da4;background:#298da4;color:#ffd800;font-weight:bold;box-shadow: 5px 6px 10px 0px rgba(0, 0, 0, 0.2)} } @media screen and (max-width:1200px) { .card_txt_list{width:102%;margin-left:-1%;} .card_txt_list li{width:23%;margin: 0 1%;margin-bottom:20px;} .checkup_step_box{width:100%;margin:40px 0;} .choice_input .write_form .form_line p.txt{width:100%} .sh_medi_check li{width:32.5%;} .gray_box.sel{padding:80px 30px 30px} .gray_box.sel .gray_box_ch .tit{top:-30px;right:auto;left:0} .gray_box.sel .gray_box_ch{max-width:100%;} .gray_box.sel .gray_box_ch:after{display:none} .gray_box.sel .gray_box_ch + .gray_box_ch{margin-top:140px;} .gray_box.sel .gray_box_ch + .gray_box_ch:before{top:-100px} .gray_box.sel .gray_box_ch .diagram li{width:45%;} .gray_box.sel .gray_box_ch .diagram li:nth-child(2n+1){margin-left:0;} .gray_box.sel .gray_box_ch .diagram li:before, .gray_box.sel .gray_box_ch .dia_tit:before{display:none} .gray_box.sel .gray_box_ch .dia_tit{margin-bottom:0;} } @media screen and (max-width:1024px) { .pop_bc_btn{float:inherit;margin-top:20px;} .choice_input .write_form .form_line.added_item label.radio_container{width:43%} .sh_medi_check li{width:47%} } @media screen and (max-width:800px) { .card_txt_list{width:102%;margin-left:-1%;} .card_txt_list li{width:31.25%;height:50px;margin: 0 1%;margin-bottom:12px;} .checkup_step_box .input_area.step3 .radio_container{width:100%;} .chu_ap_step li span{padding-bottom:2px;} .chu_ap_step li{font-size:16px;line-height:20px;} .chu_ap_step li.on{font-size:18px;line-height:19px;} .company_chk{width:100%;margin:40px 0;} .company_chk .input{width:90%;} .sh_medi_check li{width:100%;height:100%;min-height:100%;margin-bottom:0;} .sh_medi_check li span{text-align:center} .sh_medi_check li::after{display:none} .medi_all_check_step > div .left, .medi_all_check_step > div .right{width:100%} } @media screen and (max-width:640px) { .sh_info_btn button{width:100%;box-sizing: border-box;text-align:center;} .sh_info_btn button + button{margin-top:10px;} .checkup_step_box{margin:20px 0;padding:25px;} .checkup_step_box > h5{padding-left:70px;font-size:22px;line-height:1;word-break:keep-all;} .checkup_step_box > h5 span{top:3px;font-size:18px;} .checkup_step_box > h5 br{display:none;} .choice_input .write_form .form_line.added_item label.radio_container{width:100%} .medi_all_check_step.renew .btn_wrap{width:100%} .medi_all_check_step.renew .btn_wrap button{width:100%;margin-left:0;margin-top:10px} .medi_all_check_step > div .left, .medi_all_check_step > div .right{text-align:left} .checkup_step_box .input_area {padding:25px 0 0;} .checkup_step_box .input_area.step1 .radio_container {padding-bottom:0;width:60px;} .checkup_step_box .input_area.step1 .checkmark.radio {left:0;margin-left:-6px;} .checkup_step_box .input_area.step1 .radio_container .txt {margin-left:26px;font-size:18px;} .checkup_step_box .board_bottom_wrap {margin-top:20px;} .checkup_step_box .board_bottom_wrap .btn_wrap button {line-height:50px;font-size:16px;} .checkup_step_box .input_area.step2 .area label, .checkup_step_box .input_area.step3 .area label {margin-top:17px;font-size:16px;} .call_top_item span.call{font-size:38px;} .call_top_item {word-break:keep-all;} .locaiton_p {margin-top:40px;font-size:20px;word-break:keep-all;} } @media screen and (max-width:500px) { .gray_box.sel .gray_box_ch .diagram li{width:100%} .gray_box.sel .gray_box_ch .diagram li + li{margin-left:0;} } @media screen and (max-width:480px) { .card_txt_list{width:102%;margin-left:-1%;} .card_txt_list li{width:48%;margin: 0 1%;margin-bottom:8px;} .checkup_step_box .input_area.step2 .area{width:100%;} .chu_ap_step li{display:none;} .chu_ap_step li.on{display:block;width:100%;} .chu_ap_step li.on::after{display:none;} .company_chk .input label{width:22%;} .company_chk .input select{width:56%;} .company_chk .input button{width:20%;} .gray_box.sel .gray_box_ch .dia_tit{width:100%;} .sh_info_btn {margin-top:30px;} } /****************************************************************************************************************************************************** 암센터 *******************************************************************************************************************************************************/ h3.contit + .ct_icon_wrap.intro{padding-top:30px;} h3.contit + .ct_icon_wrap.intro::before{display:block;width:87px;height:5px;margin:0 auto;margin-bottom:60px;background:url(/common/images/center/cc/intro_img04.png) no-repeat;content: ""} .center_A .ct_icon_wrap.intro{float:inherit;padding-bottom:1px;width:100%;} .center_A .ct_icon_wrap.intro::after{display:block;clear:both;content:"";} .center_A .ct_icon_wrap.intro ul li{position:relative;width:14.28%;height:170px;} .center_A .ct_icon_wrap.intro + .tab_wrap {margin-top:40px;} .center_A .ct_icon_wrap ul li.on{background:#298da4;color:#ffd800;font-family:"Nanum SquareB"} .center_A .ct_icon_wrap ul li.on a{box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);} .center_A .ct_icon_wrap ul li.on .icon_wrap img:last-child{display:inline;} .center_A .ct_icon_wrap ul li.on .icon_wrap img:first-child{display:none;} .center_A .ct_icon_wrap.intro ul li .icon_wrap{line-height:86px;} .center_A .ct_icon_wrap.intro ul li .text_wrap{padding:11px 10px;} .greeting.cc{background: #f8f9f9 url(/common/images/center/cc/greeting.png) no-repeat top left;} .cc_ct_intro{overflow:hidden;} .cc_ct_intro .img_wrap{float:left;width:33%;padding-right:30px;box-sizing:border-box;} .cc_ct_intro .txt_wrap{float:right;width:66.5%;} .cc_ct_intro .txt_wrap .sub_contit{margin:30px 0 20px 0;} .tab_cont_item .medi_team .txt_wrap .subj_t{padding-top:20px;} .tab_cont_item .medi_team .txt_wrap .subj_t + h5{padding-top:10px;} .num_items{overflow:hidden;display: flex;flex-wrap: wrap;} .num_items li{float:left;width:33%;margin-left:0.5%;margin-bottom:6px;padding:30px;box-sizing:border-box;border:1px solid #e3e3e3;} .num_items li:nth-child(3n+1){margin-left:0;} .num_items li span{color:#dddddd;font-family:"Nanum SquareB";font-size:32px;} .num_items li p{padding-top:16px;color:#555555;line-height:28px;letter-spacing:-1px;} .gray_cont_box{padding:50px 40px;background:#f4f5f9;} .meal_item{overflow:hidden;margin:40px 0;} .meal_item li{float:left;width:49%;margin-left:2%;margin-bottom:24px;padding:30px 30px 30px 140px;box-sizing:border-box;border:1px solid #e3e3e3;} .meal_item li:nth-child(2n+1){margin-left:0;} .meal_item li:nth-child(1){background:url(/common/images/center/cc/meal_img01.png) no-repeat 40px 35px;} .meal_item li:nth-child(2){background:url(/common/images/center/cc/meal_img02.png) no-repeat 40px 35px;} .meal_item li:nth-child(3){background:url(/common/images/center/cc/meal_img03.png) no-repeat 40px 35px;} .meal_item li:nth-child(4){background:url(/common/images/center/cc/meal_img04.png) no-repeat 40px 35px;} .meal_item li:nth-child(5){background:url(/common/images/center/cc/meal_img05.png) no-repeat 40px 35px;} .meal_item li:nth-child(6){background:url(/common/images/center/cc/meal_img06.png) no-repeat 40px 35px;} .meal_item li h5{color:#006586;font-family:"Nanum SquareB";font-size:20px;} .meal_item li h5::after{display:block;width:20px;height:1px;margin:16px 0 16px 0;background:#000;content: ""} .meal_item li p{color:#555555;line-height:30px;} .tip_items{display:flex;flex-wrap:wrap;overflow:hidden;margin:40px 0;} .tip_items li{float:left;width:49%;min-height:180px;margin-left:2%;margin-bottom:24px;box-sizing:border-box;border:1px solid #e3e3e3;} .tip_items li:nth-child(2n+1){margin-left:0;} .tip_items li .img_wrap{float:left;width:24%;height:100%;padding:0 10px;background:#f4f5f9;box-sizing:border-box;border-right:1px solid #e3e3e3;text-align:center;line-height:10;} .tip_items li .txt_wrap{float:left;width:76%;padding:32px 26px;box-sizing:border-box;} .tip_items li .txt_wrap h5{font-size:20px;font-family:"Nanum SquareB";letter-spacing: -0.8px;line-height:30px;} .tip_items li .txt_wrap h5.one{padding:40px 0;} .tip_items li .txt_wrap h5.two{padding:30px 0;} .tip_items li .txt_wrap p{padding-top:16px;color:#555;line-height:28px;letter-spacing: -0.8px;} .board_view.card_txt_view h3.contit + p.txt{margin-top:20px;} @media screen and (min-width:1200px) { .ct_icon_wrap.intro ul li:not(.on):hover::after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:2px solid #298da4;content: "";} } @media screen and (max-width:1200px) { .meal_item li{float:left;width:100%;margin-left:0;} } @media screen and (max-width:1024px) { .center_A .ct_icon_wrap.intro ul li{width:25%;} } @media screen and (max-width:800px) { .greeting.cc{background-position:top center;background-size: 300px auto;} .cc_ct_intro .img_wrap{width:100%;padding-right:0;padding-bottom:35px;text-align:center;} .cc_ct_intro .txt_wrap{width:100%;} .num_items li{width:49.5%;margin-left:1%;padding:20px;} .num_items li p{padding-top:10px;line-height:26px;} .num_items li:nth-child(3n+1){margin-left:1%;} .num_items li:nth-child(2n+1){margin-left:0%;} .tip_items li{width:100%;margin-left:0;} .card_txt_list li {height:50px;} .card_txt_list li a {font-size:16px;} .board_view.card_txt_view .title_area {padding:15px 0;} .board_view.card_txt_view .title_area h3 {font-size:22px;line-height:1.2;} .board_view .cont_area {padding:30px 0;line-height:1.2;} } @media screen and (max-width:640px) { .center_A .ct_icon_wrap.intro ul li{width:33.33%;height:120px;} .center_A .ct_icon_wrap.intro ul li .text_wrap{font-size:15px;} .center_A .ct_icon_wrap.intro ul li .icon_wrap{line-height:66px;} .center_A .ct_icon_wrap.intro ul li .text_wrap{padding:0 10px;} .tab_cont_item .medi_team .txt_wrap .subj_t{padding-top:10px;} .gray_cont_box{padding:40px 20px;} .tip_items li .txt_wrap h5.one{padding:30px 0;} } @media screen and (max-width:480px) { .num_items li{width:100%;margin-left:0 !important;} } /****************************************************************************************************************************************************** 방사선암치료센터 *******************************************************************************************************************************************************/ .rt .gnb_area{margin-left:420px;} /*content*/ .rt_info{display:inline-block;vertical-align: top;} .rt_info a{display:inline-block;margin-bottom:25px;color:#797b7b;} .rt_info p{color:#fff;font-size:13px;} .rt_info p.copyright{padding-top:12px;color:#999999;} h3.contit{font-size:34px;line-height:1.5em;color:#000;} h3.contit.center{text-align:center;} h4.sub_contit{margin-top:50px;margin-bottom:20px;color:#000;font-size:28px;line-height:1.5em} .subem{color:#065765} h4.sub_contit.subem{color:#065765} #container.sub.ov_x{overflow-x:hidden} #container.sub .rt_intro_tit{border-bottom:1px solid #dbdbdb} #container.sub .rt_intro_tit .inner{max-width:1200px;margin:55px auto} .cct_intro_img{overflow:hidden;margin-bottom:60px} .cct_intro_img li{float:left;} .cct_intro_img li + li{margin-left:1px;} .cct_intro_img li.left{border-bottom:5px solid #92c83e} .cct_intro_img li.center{border-bottom:5px solid #01677e} .cct_intro_img li.right{border-bottom:5px solid #29c4f4} .rt_info a:nth-child(2){position:relative;padding-left:28px;} .rt_info a:nth-child(2):after{position:absolute;top:50%;left:0;width:1px;height:13px;margin:0 10px;background:#797b7b;transform:translateY(-50%);content:""} .rt.trans_detail dt{margin-top:5px;margin-bottom:25px;font-size:18px;} .rt.trans_detail dd{width:calc( 100% - 170px )} .rt.trans_detail dd ul{margin-top:0} .rt .bullet_list li{margin-bottom:30px;color:#555;} .rt .bullet_list li p{font-size:16px;color:#000;} .cont_print_btn {float: right;margin-top: 40px;padding: 10px 25px 10px 45px;border: 1px solid #cccccc;background: url(/common/images/icon/sub_util_print.png) no-repeat 20px center; } .cont_dl.rt dt{float:left;width:125px} .cont_dl.rt dd{float:right;width:calc( 100% - 155px )} .rt_trans_subway{margin-top:40px;text-align:center} .caution{margin-top:40px;} .caution a{font-size:16px;color:#010101;text-decoration:underline} .icon_tel{width:14px;height:12px;} .cure_step{padding:70px 0;text-align:right} .cure_step:first-child{padding-top:0} .cure_step.bg_over{position:relative;} .cure_step.bg_over > div{position:relative;z-index:10} .cure_step.bg_over:before{position:absolute;top:0;left:-100%;width:300%;height:100%;background:#f8f8f8;z-index:1;content:""} .cure_step > div:first-child{float:left;width:calc( 100% - 661px );margin-right:40px;text-align:left} .cure_step > div .row1{font-size:20px;font-weight:600;color:#bcbcbc} .cure_step > div .row2{margin-bottom:20px;font-size:65px;font-weight:bold;color:#bcbcbc;} .cure_step > div .row3{margin-bottom:20px;font-size:40px} .medikit th.red, .medikit td.red{color:#ef5456} .rt_comp{overflow:hidden} .rt_comp p.img_wrap{float:left;margin-top:0;margin-bottom:0} .rt_comp > div{float:right;width:calc( 100% - 440px )} .rt_comp h4.rt_con_subtit {margin-top:0;} .rt_comp p.txt{margin-bottom:50px} .rt_dev{overflow:hidden;padding:50px 0;box-sizing:border-box} .rt_dev:first-child{padding-top:0} .rt_dev p.img_wrap{float:left;margin-top:0;} .rt_dev > div{float:right;width:calc( 100% - 410px)} .rt_dev.no_img h4{margin-top:0} .rt_dev.no_img > div{width:100%} .rt_dev + .rt_dev{border-top:1px solid #dddddd} .rt_dev .rt_con_subtit{margin-top:0;margin-bottom:30px} .seperate{overflow:hidden} .seper_item{float:left;width:50%;padding-right:50px;box-sizing:border-box} .seper_item h4.sub_contit{margin-bottom:30px;letter-spacing: -0.3px;} /*HOVER!*/ @media screen and (min-width:1024px) { .rt_info a:hover{color:#92c83e} } @media screen and (max-width:1200px) { .cct_intro_img .left{width:49.35%;} .cct_intro_img .center{width:24.6%;} .cct_intro_img .right{width:24.6%;} .rt.trans_detail dd{width:100%} } @media screen and (max-width:1024px) { .cure_step > div:first-child{width:100%;margin-right:0;margin-bottom:30px;} .cure_step > div:last-child{box-sizing:border-box;text-align:left} .cure_step > div .row2{float:left;margin-right:20px} .cure_step > div .row3{float:left;width:calc( 100% - 98px );font-size:30px} .cure_step p.txt{float:left;width:100%;} .cure_step p.txt br{display:none} } @media screen and (max-width:800px) { .rt_comp p.img_wrap{float:none} .rt_comp > div{float:none;width:100%} .rt_dev p.img_wrap{float:none;} .rt_dev > div{float:none;width:100%} .seper_item{width:100%;padding-right:0;} } @media screen and (max-width:600px) { .cct_intro_img .left{width:100%} .cct_intro_img .center, .cct_intro_img .right{width:49.65%;} h3.contit{font-size:22px;margin-bottom:0;} h4.sub_contit{font-size:20px} h4.sub_contit br{display:none} .bl .board_bottom_wrap .btn_wrap.btn_inline{margin-left:2%} } /****************************************************************************************************************************************************** 사이버나이프센터 *******************************************************************************************************************************************************/ .ck .gnb_area{margin-left:562px;} /*content*/ .ck.intro h3.contit{margin-bottom:40px;letter-spacing:-0.03em;line-height:1.3em} .ck.intro p.txt{margin-bottom:40px;word-break:keep-all;text-align:inherit} .greeting{position:relative;padding:70px 40px 70px 530px;box-sizing:border-box;background:#f8f9f9 url('/common/images/center/ck/greeting.jpg') no-repeat top left} .greeting_id{position:relative;padding:70px 40px 70px 530px;box-sizing:border-box;background:#f8f9f9 url('/common/images/center/ic/greeting.jpg') no-repeat top left} .greeting img{position:absolute;top:0;left:0;} .greeting .sub_contit .subem br{display:none} .greeting p.txt{letter-spacing:-0.07em;line-height:2em} .greeting p + p{margin-top:50px} .ck_medi_guide h3.contit{line-height:1.3em} .ck_medi_guide .txt{letter-spacing:-0.04em} .ck_medi_guide .img_wrap{margin-top:50px} .ck.equip h3.contit{margin-bottom:40px} .ck.equip p.txt{margin-bottom:30px} .ck.equip .medikit th{font-weight:600} .ck.equip .medikit td{padding:14px 10px;text-align:left;letter-spacing:-0.03em} .ck.cure_process{overflow:hidden} .ck.cure_process ul{overflow:hidden} .ck.cure_process li{float:left;position:relative;width:18%;box-sizing:border-box;border:1px solid #e5e5e5} .ck.cure_process li + li{margin-left:2.5%;} .ck.cure_process li + li:before{position:absolute;top:50%;left:-13px;width:8px;height:13px;background:url('/common/images/center/ck/clamp_right.png') no-repeat 0 0;transform:translate(-50%);content:""} .ck.cure_process li > div{padding:0 25px;} .ck.cure_process li p{margin-top:25px;box-sizing:border-box;color:#bcbcbc;font-weight:bold} .ck.cure_process li h4{margin-top:10px;margin-bottom:20px;box-sizing:border-box} .ck.cure_process p.txt{margin-top:40px} @media screen and (max-width:1200px) { .greeting p.txt br{display:none} .cure_process h4.sub_contit{font-size:20px} } @media screen and (max-width:1024px) { .greeting{padding:40px 40px 70px 50%;background-size:50% auto} .greeting .sub_contit .subem br{display:block} .ck.cure_process li > div{padding:0 4%} } @media screen and (max-width:800px) { .greeting{padding:400px 20px 20px;background-size:300px auto;background-position:top center} .greeting .sub_contit .subem br{display:none} .greeting p.txt br{display:block} } @media screen and (max-width:760px) { .ck.cure_process li{width:100%} .ck.cure_process li > div{float:right;width:80%;box-sizing:border-box;} .ck.cure_process li img{float:left;width:20%} .ck.cure_process li + li{margin-left:0;margin-top:20px} .ck.cure_process li + li:before{display:none} } @media screen and (max-width:500px) { .ck.cure_process li p.row1{margin-top:4%} .ck.cure_process li h4{margin-bottom:0} } /****************************************************************************************************************************************************** 국제진료센터 *******************************************************************************************************************************************************/ .ic .gnb_area{margin-left:562px;} /*content*/ .ic.intro h3.contit{margin-bottom:40px;letter-spacing:-0.03em;line-height:1.3em} .ic.intro p.txt{margin-bottom:40px;word-break:keep-all;text-align:inherit} .greeting_ic{position:relative;padding:70px 40px 70px 530px;box-sizing:border-box;background:#f8f9f9 url('/common/images/center/ic/schic_center2.png') no-repeat top left} .greeting_ic img{position:absolute;top:0;left:0;} .greeting_ic .sub_contit .subem br{display:none} .greeting_ic p.txt{letter-spacing:-0.07em;line-height:2em} .greeting_ic p + p{margin-top:50px} .ic_medi_guide h3.contit{line-height:1.3em} .ic_medi_guide .txt{letter-spacing:-0.04em} .ic_medi_guide .img_wrap{margin-top:50px} .ic.equip h3.contit{margin-bottom:40px} .ic.equip p.txt{margin-bottom:30px} .ic.equip .medikit th{font-weight:600} .ic.equip .medikit td{padding:14px 10px;text-align:left;letter-spacing:-0.03em} .ic.cure_process{overflow:hidden} .ic.cure_process ul{overflow:hidden} .ic.cure_process li{float:left;position:relative;width:18%;box-sizing:border-box;border:1px solid #e5e5e5} .ic.cure_process li + li{margin-left:2.5%;} .ic.cure_process li + li:before{position:absolute;top:50%;left:-13px;width:8px;height:13px;background:url('/common/images/center/ic/clamp_right.png') no-repeat 0 0;transform:translate(-50%);content:""} .ic.cure_process li > div{padding:0 25px;} .ic.cure_process li p{margin-top:25px;box-sizing:border-box;color:#bcbcbc;font-weight:bold} .ic.cure_process li h4{margin-top:10px;margin-bottom:20px;box-sizing:border-box} .ic.cure_process p.txt{margin-top:40px} @media screen and (max-width:1200px) { .greeting p.txt br{display:none} .cure_process h4.sub_contit{font-size:20px} } @media screen and (max-width:1024px) { .greeting{padding:40px 40px 70px 50%;background-size:50% auto} .greeting .sub_contit .subem br{display:block} .ck.cure_process li > div{padding:0 4%} } @media screen and (max-width:800px) { .greeting{padding:400px 20px 20px;background-size:300px auto;background-position:top center} .greeting .sub_contit .subem br{display:none} .greeting p.txt br{display:block} } @media screen and (max-width:760px) { .ck.cure_process li{width:100%} .ck.cure_process li > div{float:right;width:80%;box-sizing:border-box;} .ck.cure_process li img{float:left;width:20%} .ck.cure_process li + li{margin-left:0;margin-top:20px} .ck.cure_process li + li:before{display:none} } @media screen and (max-width:500px) { .ck.cure_process li p.row1{margin-top:4%} .ck.cure_process li h4{margin-bottom:0} } /****************************************************************************************************************************************************** 무수혈센터 *******************************************************************************************************************************************************/ .bl .gnb_area #gnb > li{padding:0 60px} .media_list{overflow:hidden} .media_list li{float:left;width:384px;min-height:325px;margin-bottom:37px;margin-left:24px;vertical-align:top;} .media_list li span{display:inline-block;margin-top:32px;color:#888;} .media_list li span.hit{margin-right:30px} .media_list li span.hit em{margin-left:10px;font-style:normal} .media_list li a img{width:100%;height:100%} .media_list li p{overflow:hidden;height:64px;margin-top:20px;font-size:22px;line-height:32px;} .center_que{width:320px;padding:15px 0;margin:50px 0;box-sizing:border-box;background:#298da4;color:#ffd800;font-size:18px;box-shadow:0px 0px 11px 7px #dcdcdc;text-align:center;} .using_guide_step{overflow:hidden} .using_guide_step li{float:left;min-height:229px;position:relative;width:160px;transition: all .3s ease;text-align:center;} .using_guide_step li + li{margin-left:80px} .using_guide_step li + li:before{position:absolute;top:75px;left:-55px;width:20px;height:20px;border-right:2px solid #b7bec6;border-top:2px solid #b7bec6;border-radius:3px;transform:rotate(45deg);content:""} .using_guide_step li img{width:160px;max-width:inherit} .using_guide_step li p{margin-top:15px;font-size:16px;} /*.using_guide_step li + li:after{position:absolute;top:52%;left:-5px;width:15px;height:2px;background:#b7bec6;border-radius:3px;transform:rotate(135deg) translateY(-50%);content:""}*/ /* content */ .center_B .visual_side .menu_list.bl{position:relative;padding:60px 0 70px} .menu_list .menu_tit{margin-bottom:25px;font-size:32px;color:#fff} .menu_list .swiper-button-next{right:-25px;width:50px;height:50px;background-image:url('/common/images/center/bl/btn_next_on.png');background-size:50px 50px;outline:none;} .menu_list .swiper-button-next.swiper-button-disabled{background-image:url('/common/images/center/bl/btn_next.png')} .menu_list .swiper-button-prev{left:-25px;width:50px;height:50px;background-image:url('/common/images/center/bl/btn_prev_on.png');background-size:50px 50px;outline:none;} .menu_list .swiper-button-prev.swiper-button-disabled{background-image:url('/common/images/center/bl/btn_prev.png')} .menu_list .swiper-slide .wonbo{margin-top:25px;font-size:17px;color:#fff;text-align:center} .mc_cont2.bl > div{padding:40px;box-sizing:border-box} .mc_cont2.bl h4{font-size:28px;font-weight:bold} .media_item{border-right:1px solid #dddddd} .mc_cont2.bl .img_wrap{display:block;margin-top:20px} .bl.intro h3.contit{margin-top:45px;margin-bottom:35px;vertical-align:top;} .bl.intro h3.contit:first-child{margin-top:0} .bl_card_list{overflow:hidden;} .bl_card_list li{float:left;width:590px;height:250px;padding:25px;margin-top:20px;box-sizing:border-box;border:1px solid #e3e3e3;} .bl_card_list li p.list_num{font-size:32px;color:#ddd;} .bl_card_list li p.list_tit{margin-top:15px;font-size:20px;font-weight:600} .bl_card_list li p.txt{margin-top:15px;letter-spacing:-0.07em} .bl_card_list li:first-child, .bl_card_list li:nth-child(2){margin-top:0} .bl_card_list li:nth-child(even){margin-left:20px} .board_bottom_wrap .btn_wrap.btn_inline{margin-left:30px} @media screen and (min-width:1200px){ .contents .media_list li:nth-child(3n+1){margin-left:0} } @media screen and (max-width:1200px) { .bl_card_list li{width:48.6%} .bl_card_list li p.txt br{display:none} .bl.intro h3.contit + p.txt br{display:none} .mc_cont2.bl > div{height:auto} .media_list li{width:32%;margin-left:2%} .media_list li:nth-child(3n+1){margin-left:0;} .using_guide_step li{width:18%} } @media screen and (max-width:1024px) { .using_guide_step li{width:25%} .using_guide_step li + li{margin-left:10%} .using_guide_step li + li:before{left:-25%} } @media screen and (max-width:900px) { .bl_card_list li{width:100%;} .bl_card_list li:nth-child(even){margin-left:0;} .bl_card_list li:nth-child(2){margin-top:20px} .media_list li{width:49%} .media_list li:nth-child(2n+1){margin-left:0;} .media_list li:nth-child(even){margin-left:2%} } @media screen and (max-width:640px) { .center_B .mc_cont2 > div{width:100%} .center_B .mc_cont2 .media_item{border-right:none;} .contents .media_list li{width:100%;margin-left:0} } @media screen and (max-width:768px) { .using_guide_step li{width:43%;} .using_guide_step li + li:before{left:-20%} .using_guide_step li + li:nth-child(2n+1){margin-left:0;} .using_guide_step li + li:nth-child(2n+1):before{display:none} } @media screen and (max-width:500px) { .using_guide_step li{width:100%;} .using_guide_step li + li{margin-left:0;margin-top:50px} .using_guide_step li + li:nth-child(2n+1):before{display:block} .using_guide_step li + li:before{left: 50%;transform: translateX(-50%) rotate(135deg);top: -22%;} } /****************************************************************************************************************************************************** 농약중독센터 *******************************************************************************************************************************************************/ .ap .gnb_area #gnb > li{padding:0 47px;} /*content*/ .center_B .visual_side .menu_list.ap{position:relative;padding:60px 0 70px} .ap .greeting {padding:40px 40px 200px 530px;background:#f8f9f9 url('/common/images/center/ap/greeting.png') no-repeat bottom left;background-size:40% auto;} .lab_intro .part{position:relative;padding:50px 0;box-sizing:border-box;z-index:10} .lab_intro .part .left{float:left} .lab_intro .part .right{float:right;width:calc( 100% - 415px );padding-left:10%;box-sizing:border-box;} .lab_intro .part .left .part_num{font-size:60px;font-family:"Nanum SquareB";color:#bcbcbc} .lab_intro .part .left .part_tit{font-size:20px;line-height:1.6em} .lab_intro .bg_over:before{position:absolute;top:0;left:-100%;width:300%;height:100%;background:#f8f8f8;z-index:-1;content:""} @media screen and (max-width:1024px) { .lab_intro .part > div br{display:none;} .lab_intro .part .left{float:none;width:100%} .lab_intro .part .right{float:none;width:100%;padding-left:0;margin-top:20px} .ap .greeting{padding:40px 40px 70px 50%;background-size:50% auto;background-position:0 21%;} .ap .greeting .sub_contit br{display:none} } @media screen and (max-width:800px) { .ap .greeting{padding:0;padding-top:400px;background-size:250px auto;background-position:center 15px;} } /****************************************************************************************************************************************************** 유해가스노출환경보건센터 *******************************************************************************************************************************************************/ .hg .gnb_area{margin-left:509px;} .hg .gnb_area #gnb > li{padding:0 25px;} .hg .greeting {padding:40px 40px 90px 530px;background:#f8f9f9 url('/common/images/center/hg/greeting.png') no-repeat bottom left;background-size:40% auto;} .card_img_wrap{margin:40px 0;margin-left:-8px;font-size:0;} .card_img_wrap li{display:inline-block;margin:8px;} .site_item::after{display:block;clear:both;content:"";} .site_item{display:flex;flex-wrap:wrap;} .site_item > li{width:32.5%;margin-left:1.25%;margin-top:20px;padding:35px 32px 30px 32px;box-sizing:border-box;border:1px solid #e4e4e4; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);} .site_item > li:nth-child(3n+1){margin-left:0;} .site_item h5{margin-top:12px;font-size:22px;font-family:"Nanum SquareB";line-height:1.5;} .site_item .scroll_wrap{height:154px;overflow-y:auto;} .site_item .scroll_wrap.two{height:215px;} .site_item .bullet_list{margin:4px 0 0 0;} .site_item .bullet_list li{-ms-word-break:break-all;} .site_item .bullet_list a{color:#000;text-decoration:underline;word-break:break-all;} .site_item .bullet_list span.sm{padding-right:5px;font-size:14px;} @media screen and (max-width:1024px) { .hg .greeting{padding:40px 40px 70px 50%;background-size:50% auto;background-position:0 21%;} .hg .greeting .sub_contit br{display:none} .site_item > li{width:49%;margin-left:2%;} .site_item > li:nth-child(3n+1){margin-left:2%;} .site_item > li:nth-child(2n+1){margin-left:0;} } @media screen and (max-width:800px) { .hg .greeting{padding:0;padding-top:400px;background-size:250px auto;background-position:center 15px;} .card_img_wrap{text-align:center;} } @media screen and (max-width:640px) { .site_item > li{width:100%;margin-left: 0 !important;padding: 20px;} .site_item .scroll_wrap{height: auto !important;} } /****************************************************************************************************************************************************** 진료협력센터 *******************************************************************************************************************************************************/ .sr_box{overflow:hidden;margin-top:50px;padding:0 50px 50px;box-sizing:border-box;background:#f4f5f9;} .sr_box .busi{display:inline-block;width:49%;vertical-align:top;box-sizing:border-box;} .sr_box > div .busi:nth-child(odd) {padding-right:20px;} .sr_box > div .busi:nth-child(even) {padding-left:20px;} .ta_c{text-align:center} .sr .greeting{background:url('/common/images/center/sr/bg_greeting.jpg') no-repeat 0 0;background-size:100% 100%;} .sr .greeting.ch{padding:82px 40px 56px 530px} .sr .greeting.bu{padding:15px 40px 56px 530px} .sr .greeting.gu{padding:32px 40px 119px 530px} .sr .greeting p.txt{position:relative;z-index:10} .sr .greeting h4.sub_contit{position:relative;z-index:10} .sr .greeting img{position:absolute;top:250px;left:80px;width:35%} .sr.intro .pre{white-space:pre-line;} .sr .greeting .sub_contit .subem br{display:block} .sr.ap_guide_num_wrap em{vertical-align:middle} .sr.ap_guide_num_wrap h5{background:url(/common/images/contents/appint/index_phone.png) no-repeat left center;} table.content.sr td:nth-child(2n){text-align:left;} .whole_hp .top:after {display:block;clear:both;content:"";} .whole_hp h3.cont_tit{float:left;} .whole_hp .counting{display:block;float:right;margin-top:50px} .whole_hp .counting p{display:inline-block;} .whole_hp .counting p span{color:#01709a} .whole_hp .img_wrap{position:relative;float:left} .whole_hp .cities{float:right;width:calc( 100% - 506px);} .whole_hp .cities ul{margin-left:-1%;overflow-y:auto;height:375px;} .whole_hp .cities li{float:left;width:24%;margin-bottom:5px;margin-left:1%;padding:25px 0;border:1px solid #e4e4e4;font-size:16px;background:#fff;text-align:center;cursor:pointer;box-sizing:border-box;} .whole_hp .cities li.selected{box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);transition:all .5s ease-in-out;background:#298da4;color:#ffd800} .sr.list_search_top{width:650px} .sr.list_search_top .select_area{width:34%;margin-right:2%} .sr.list_search_top .select_area select{width:100%;margin:0} .sr.list_search_top .input_button_area input{width:76.5%} .sr.list_search_top .input_button_area{width:64%;} .sr.list_search_top .input_button_area button{width:22%;} .sr.write_form .form_line span.label{width:18%} .sr.write_form .form_line div.input{width:80%} .sr.write_form .form_line div.input .email_box + .info br{display:none;} .sr.write_form .form_line div.input .email_box span {position:relative;top:20px;padding:0 5px;} .sr.write_form .form_line div.input .address_box .zipcode_btn {margin-left:5px;} .sr.write_form .form_line div.input .address_box .detail {margin-top:5px;width:100%;} .sr.write_form .form_line div.input .address_box .detail input {width:calc(50% - 5px);} .sr.write_form .form_line div.input .address_box .detail input + input {margin-left:5px;} .sr.write_form .form_line div.input.various_check p{float:left} div.input.various_check {margin-top:-20px;} div.input.various_check p{margin-top:20px;} div.input.various_check p span{display:inline-block;font-size:15px;letter-spacing:-0.05em;line-height:1.2;} div.input.various_check p span label{display:flex;height:45px;align-items:center;} div.input.various_check p input{width:45px;} div.input.various_check p span br{display:block} div.input.various_check.col_3 p:nth-child(3n+1){border-left:none;} div.input.various_check.col_3 p{width:33.33%;padding-left:40px;box-sizing:border-box;} div.input.various_check.col_3 p span{width:calc(100% - 70px);} div.input.various_check.col_2 p{width:50%;padding-left:20px;box-sizing:border-box;} div.input.various_check.col_2 p:nth-child(2n+1){border-left:none;padding-left:0} div.input.various_check.col_2 p span{width:360px} .return_default{width:100%;margin-top:10px;text-align:left;} .return_default button{width:18%} .sr.medi_schd_item .btn .appoint{margin-top:73px;} .medi_class{margin:30px 0;padding-bottom:20px;border-bottom:1px solid #dbdbdb} .medi_class .class_tit{display:inline-block;margin-right:15px;font-size:25px;font-weight:600;color: #065765;} .medi_class p.txt{display:inline-block;font-size:18px;vertical-align:middle;} .medi_schd_item.sr + .medi_schd_item.sr{padding-top:30px;padding-bottom: 30px;border-top:none;} .cont_tit span.caution{display:inline-block;margin-left:15px;font-size:13px;} .btn_wrap.sr .width20{width:20%} .sr.ap_pati_info{padding:30px;box-sizing:border-box} .sr.ap_pati_info > div{overflow:hidden;width:100%} .sr.ap_pati_info > div.patient .wrap .detail p strong{margin-left:0} .sr.ap_pati_info > div.doctor{margin-top:25px;padding:25px 45px;box-sizing:border-box;background:#fff;} .sr.ap_pati_info > div.doctor .tit{width:250px;} .sr.ap_pati_info > div.doctor .wrap{width:calc( 100% - 250px );padding-top:5px;border-left:none} .sr.ap_pati_info > div.doctor .wrap .detail p{display:inline-block} .sr.ap_pati_info .wrap .detail p strong{width:100px;margin-left:25px;color:#000;} .sr.ap_pati_info .wrap .detail p{color:#555} .reserve_admit {margin-bottom:20px} .reserve_admit ul{overflow:hidden} .reserve_admit ul li{float:left;width:33.3%;height:75px;padding:15px 0;box-sizing:border-box;border-bottom:2px solid #298da4;font-size:20px;background:#f0f2f7;color:#888888;text-align:center} .reserve_admit ul li + li{border-left:1px solid #fff;} .reserve_admit ul li span{display:block;font-size:14px;} .reserve_admit ul li.on{border:2px solid #298da4;border-bottom:none;background:#fff;font-size:24px;color:#467300;} .reserve_admit ul li.on span{color:#000} .sr.ap_doc_list_item li{border:none} .sr.passed_ap .list_search_top.appoint .input_button_area{width:100%} .sr.passed_ap .list_search_top.appoint .input_button_area .calendar{width:32%;} .sr.passed_ap .list_search_top .input_button_area .month_select{width:100%} .sr.passed_ap .list_search_top.appoint .input_button_area .btn{width:20%;margin-right:15px;} .sr.list_search_top.appoint .input_button_area .calendar input{width:32%;} .sr .list_search_top .input_button_area input{width:76%} .sr.passed_ap .list_search_top.appoint .input_button_area .input {width:46.5%;} .pop_cont .refresh{/*float:right;*/width:80px;background:#aeb8c4;color:#fff;line-height:45px;} table.content.ap.sr th{text-align:center} table.content.ap.sr_receipt td:nth-child(3n), table.content.ap.sr_receipt td:last-child{text-align:center} .list_search_top.appoint .input{width:40%} .write_form .form_line div.input span.prefer{display:inline-block;line-height:45px;} .table_wrap.sr{overflow:hidden;position:relative;} .sr.passed_ap .list_search_top.appoint .input_button_area .input:first-child{width:100%;margin-bottom:20px} table.sr.ap_cal_item th, table.sr.ap_cal_item td{text-align:center} table.content.sr.ap_cal_item td:nth-child(2n){text-align:center} table.content.prescript{display:none} table.content.sr td button.gray{width:100%;background:#aeb8c4;color:#fff;line-height:45px} .dt_wrap .dataTables_length, .dt_wrap .dataTables_filter{display:none} #popLogin .pop_tit{border-bottom:none;} #popLogin .pop_cont{width:495px;margin:30px auto} .pop_cont_tit{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #000;font-size:40px;text-align:center;} .pop_cont_tit span{display:block;font-weight:bold;} .login_wrap{position:relative;width:700px;margin:50px auto;padding:80px 90px 50px 90px;box-sizing:border-box;border:1px solid #dedede;background:#f8f8f8;} .login_cont_tit{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #000;font-size:40px;text-align:center;} .login_cont_tit span{display:block;font-weight:bold;} .login_wrap .login_form {overflow:hidden;margin-bottom:30px} .login_wrap .login_form > div{display:inline-block;width: calc( 100% - 157px );vertical-align:top} .login_wrap .login_form .input input{width:100%} .login_wrap .login_form .input + .input input{margin-top:5px} .login_wrap .login_form button{display:inline-block;width:152px;height:95px;background:#1a7491;color:#fff;vertical-align:top} .login_wrap .login_form button.one_input{height:45px;} .login_wrap .login_form button.pwd_sch{height:145px;} .login_wrap .login_form button.pwd_chg{height:195px;} .login_wrap .btn_join{margin-top:20px;color:#1a7491;font-size:20px;font-family:"Nanum SquareB";text-decoration:underline;} .login_wrap .btn_join.sms{margin-top:-20px;margin-bottom:20px;} .login_wrap > img{position:absolute;left:30px;top:30px;} .return_to_all{float:left;width:100px;margin-top:42px;margin-right:30px;line-height:43px;font-size:16px;border:1px solid #ccc;background:#fff;} .sr .ap_cal_item td:first-child{color:#555;} .cities_up ul{} .cities_up li{display:none;position:absolute;transition:all .3s ease-in-out} .cities_up li.up{display:block;transition:all .3s ease-in-out} .cities_up li.bu{top:245px;right:114px;} .cities_up li.chb{top:110px;right:162px;} .cities_up li.chn{top:128px;right:215px;} .cities_up li.dag{top:196px;right:147px;} .cities_up li.daj{top:165px;right:216px;} .cities_up li.inc{top:81px;right:246px;} .cities_up li.je{top:304px;right:349px;} .cities_up li.jub{top:188px;right:199px;} .cities_up li.jen{top:241px;right:204px;} .cities_up li.kwo{top:1px;right:120px;} .cities_up li.kwj{top:254px;right:249px;} .cities_up li.kyb{top:105px;right:101px;} .cities_up li.kyk{top:36px;right:204px;} .cities_up li.kyn{top:208px;right:123px;} .cities_up li.sej{top:148px;right:219px;} .cities_up li.seo{top:79px;right:244px;} .cities_up li.wol{top:217px;right:104px;} @media screen and (min-width:1200px){ table.content.mo.prescript{display:none !important} } @media screen and (max-width:1200px) { .list_search_top.appoint .input{width:80%;} .list_search_top.appoint .input.doc_search{width:40%} .list_search_top.appoint .input.doc_search + .input_button_area{width:55%;margin-top:0} /* .list_search_top.appoint .input_button_area{width:49.5%;margin-top:10px;} .list_search_top.appoint .input_button_area button{width:100%} .list_search_top.appoint .input_button_area button:last-child{margin-left:0;} */ .appoint .return_default{float:right;width:49.5%} .appoint .return_default button{width:100%} .sr.passed_ap .list_search_top.appoint .input_button_area .input{width:100%} .sr.passed_ap.chR .list_search_top.appoint .input_button_area .input button {margin-left:0.5%;} .sr .list_search_top .input_button_area input{width:49.5%} .sr.passed_ap .list_search_top.appoint .input_button_area .input button{float:right;width:49.5%} .sr.passed_ap .list_search_top.appoint .input_button_area .calendar{width:49.5%;margin-bottom:10px;} .sr.passed_ap .list_search_top.appoint .input_button_area .btn{float:right;width:49.5%;margin-left:0;margin-right:0;margin-bottom:10px;} .sr.passed_ap .list_search_top .input_button_area .month_select{margin-left:0;} .whole_hp .img_wrap{width:100%;margin-bottom:30px;text-align:center} .whole_hp .cities{width:100%} .sr.write_form .form_line div.input.various_check{width:100%} div.input.various_check.col_3 p span{vertical-align:middle} .whole_hp .cities ul {height:auto;} .sr.write_form .form_line span.label {width:146px;} .sr.write_form .form_line div.input {width:calc( 100% - 150px);} .dt_wrap.type_scroll {overflow-y:auto;} .dt_wrap.type_scroll table {width:1200px !important;} .dt_wrap.type_scroll .dataTables_paginate {margin-top:20px;} } @media screen and (max-width:1024px) { .sr.ap_pati_info > div{width:100%;} .sr.ap_pati_info > div + div{margin-top:30px} /* .list_search_top.appoint .input_button_area{width:48%} */ table.content.ap.pc{display:none} table.content.pc.prescript{display:none !important;} .table_wrap .table_scroll {overflow-x:auto;} .table_wrap .table_scroll table {width:1024px !important;} .table_wrap.sr .table_scroll{overflow:hidden;overflow-x:auto;position:relative;float:left;width:100%;} .table_wrap.sr .table_scroll table.content{position:relative;white-space:nowrap;float:none;width:initial;} .table_wrap.dt_wrap .table_scroll table.content {width:1024px !important;white-space:normal;} .sr .greeting.ch{padding:40px 40px 70px 50%} .sr .greeting.bu{padding:15px 40px 70px 50%} .sr .greeting.gu{padding:32px 40px 70px 50%} div.input.various_check.col_2 p{padding-left:0;height:56px;} div.input.various_check.col_2 p span{width:calc(100% - 70px);padding-right:15px;box-sizing:border-box;vertical-align:middle;text-align:left;} /* div.input.various_check.col_2 p{width:100%} div.input.various_check.col_2 p {border-left:0;} div.input.various_check.col_2 p span {width:calc(100% - 82px);} */ } @media screen and (max-width:900px){ div.input.various_check p{border-left:none;box-sizing:border-box;} div.input.various_check.col_3 p{padding-left:0} div.input.various_check.col_3 p:nth-child(3n+1) {padding-right:10px;} div.input.various_check.col_3 p:nth-child(3n+2) {padding:0 5px;} div.input.various_check.col_3 p:nth-child(3n+3) {padding-left:10px;} div.input.various_check.col_2 p span{width:calc(100% - 70px);padding-left:0} div.input.various_check.col_2 p:nth-child(odd) {padding-right:10px;} div.input.various_check.col_2 p:nth-child(even) {padding-left:10px;} } @media screen and (max-width:800px) { .login_wrap{width:100%;padding:60px 10% 50px 10%;} .login_cont_tit{padding-bottom:40px;margin-bottom:40px;font-size:30px;} .list_search_top.appoint .input{width:100%; } .sr.passed_ap .list_search_top.appoint .input_button_area .calendar{width:100%;padding-bottom:0;} .sr.passed_ap .list_search_top.appoint .input_button_area .btn{width:100%;} .whole_hp .cities li{width:32.33%;padding:15px 0;} .sr .greeting.ch, .sr .greeting.bu, .sr .greeting.gu{padding:0 30px;padding-top:400px} .sr .greeting img{position: absolute;top: 30px;left: 50%;transform: translateX(-50%);width:215px} .sr.write_form .form_line span.label.width100{width:100%} .list_search_top.appoint .input.doc_search{width:100%} .list_search_top.appoint .input.doc_search + .input_button_area{width:100%;margin-top:10px} .sr.list_search_top {width:100%;} .table_wrap.dt_wrap .table_scroll .dataTables_paginate {margin-top:30px !important;} .sr.write_form .form_line div.input .email_box .email {margin-bottom:5px;width:100%;} .sr.write_form .form_line div.input .email_box span {float:left;width:18px;height:10px;} .sr.write_form .form_line div.input .email_box select {float:left;width:140px;} .sr.write_form .form_line div.input .email_box .host {float:left;margin-left:5px;width:calc(100% - 173px);} .sr.write_form .form_line div.input .address_box .zipcode_input {width:120px;} .sr.write_form .form_line div.input .address_box .zipcode_btn {width:134px;} .sr.write_form .form_line div.input .address_box .detail input {margin-top:0;} .sr.write_form .form_line div.input.small_etc input {width:80px;} div.input.various_check {margin-top:-10px;} div.input.various_check p {margin-top:10px;} .sr.list_search_top .input_button_area {margin-top:0;} .sr.passed_ap.chR .list_search_top.appoint .input_button_area .input button {margin-top:0;} } @media screen and (max-width:640px) { .reserve_admit ul li{display:none} .reserve_admit ul li.on{display:block;width:100%;border-bottom:2px solid #298da4} .whole_hp .cities li{width:49%;} .sr_box{padding:30px 20px 30px} .sr_box h3.cont_tit{width:100%;margin-top:0;margin-bottom:0;} .whole_hp .counting{width:100%;margin-top:15px;margin-bottom:15px;} .sr_box .busi {display:block;padding:0 !important;width:100%;} .sr_box .busi + .busi {margin-top:15px;} .whole_hp .top {position:relative;} .return_to_all {position:absolute;top:-11px;right:0;margin:0;width:72px;line-height:32px;font-size:15px;} .whole_hp .img_wrap {margin-bottom:15px;} .whole_hp .img_wrap img {width:100%;} .whole_hp .cities li {font-size:15px;} .table_wrap.dt_wrap .table_scroll table.content {width:900px !important;} .table_wrap.dt_wrap .table_scroll table.content th {font-size:16px;} .table_wrap.dt_wrap .table_scroll table.content td {font-size:15px;line-height:1.2;} .sr.write_form .form_line div.input {width:100% !important;} .sr.write_form .form_line div.input .email_box + .info br {display:block;} div.input.various_check.col_3 p {width:50%;} div.input.various_check.col_3 p:nth-child(odd) {padding:0 10px 0 0;} div.input.various_check.col_3 p:nth-child(even) {padding:0 0 0 10px;} div.input.various_check.col_2 p {padding:0 !important;width:100%;} .sr.write_form .form_line textarea {height:200px;} } @media screen and (max-width:480px) { .list_search_top .input_button_area input{margin-bottom:0;} .sr.ap_pati_info > div.patient .wrap .detail p strong{display:block;} .sr.ap_pati_info > div.doctor .wrap{width:100%} .sr.ap_pati_info > div.doctor .tit{width:100%} .sr.ap_pati_info > div.doctor .wrap .detail{width:100%} .board_bottom_wrap .btn_wrap.sr button{width:auto;} div.input.various_check.col_3 p{padding:0 !important;width:100%;} .sr.ap_guide_num_wrap h5 {background-position:10px 27px !important;} .whole_hp .cities li {width:49%;} .sr.write_form .form_line div.input .address_box .detail input {width:100%;} .sr.write_form .form_line div.input .address_box .detail input + input {margin:5px 0 0 0;} } /****************************************************************************************************************************************************** 의학도서관 *******************************************************************************************************************************************************/ table.content.book_item{margin:35px 0;} table.content.book_item th{border-right:0;} table.content.book_item td{padding:28px 20px;} table.content.book_item td.plural{padding:50px 20px 28px;font-size:22px;font-weight:600;text-align:left;} table.content.book_item a.txt{display:inline-block;padding-bottom:5px;color:#000;font-size:20px;font-weight:normal;font-family:"Nanum SquareB"} table.content.book_item a.book_btn{display:inline-block;margin-top:10px;padding:8px 15px;border:1px solid #dddddd;} table.content.book_item .sci{overflow:hidden;margin-top:15px;} table.content.book_item .sci > div{float:left;width:360px;padding:15px;box-sizing:border-box;border:1px solid #ddd;} table.content.book_item .sci > div:first-child{margin-right:12px;} table.content.book_item .sci > div h5{margin-bottom:5px;color:#065765;font-family:"Nanum SquareB";font-size:18px;} table.content.book_item .bullet_list{margin:8px 0;} table.content.book_item .bullet_list li{line-height:28px;} .link_btn_warp{text-align:center;} .link_btn_warp a{display:inline-block;width:280px;margin:50px 0;padding:16px 0;border:1px solid #ddd;font-size:18px;font-family:"Nanum SquareB";} .link_btn_warp a + a{margin-left:5px;} .list_search_top.library{width:100%;padding-top:30px;border-top:1px solid #ddd;} .lib_result{margin-top:60px;font-size:22px;font-family:"Nanum SquareB";} .list_search_top.library .select_area{width:59%;} .list_search_top.library .select_area select:first-child{width:31.5%;} .list_search_top.library .input_button_area{width:30%;} .list_search_top.library .input_button_area button{width:35%;margin-left:2%;} .list_search_top.library .input_button_area button:first-child{margin-left:0;} .list_search_top.library .border_wrap{display:block;width: 66.5%;margin-left:1.2%;padding:2px;box-sizing:border-box;background:#00677e;background: linear-gradient(to left, #92c83e, #6caf4f, #00677e);} .list_search_top.library .border_wrap input{width:100%;height:41px;border:0;line-height:41px;} .list_search_top.library.se .select_area{width:40%;} .list_search_top.library.se .border_wrap{width:97%} .list_search_top.library.se .input_button_area{width:11%;} .list_search_top.library.se .input_button_area button{width:100%} table.content .go_btn{display:inline-block;padding:0 25px;border:1px solid #ddd;} table.content + table.content.lib{margin-top:-25px;border-top:0;} table.board_list span.category, .title_area span.category{display:inline-block;margin-right:6px;padding:0 12px;border-radius: 8px;color:#fff;font-size:15px;} .title_area span.category{padding:11px 12px;border-radius:20px;margin-right:12px;} table.board_list span.category.b_green, .title_area span.category.b_green{background:#00677e;} table.board_list span.category.sky, .title_area span.category.b_green{background:#616161;} table.board_list span.category.y_green, .title_area span.category.b_green{background:#597b25;} table.board_list span.category.orange, .title_area span.category.b_green{background:#ff9c00;} table.board_list span.category.red, .title_area span.category.b_green{background:#a71b1c} .lib_guide{overflow:hidden;} .lib_guide > div{float:left;width:50%;} .lib_guide > div img{float:left;padding-right:20px;} .lib_guide > div h5{padding-top:30px;padding-bottom:10px;color:#065765;font-size:20px;font-family:"Nanum SquareB";} .lib_guide > div p {line-height:1.5} .apply_wrap{padding:20px 10px 10px;box-sizing:border-box;background:#f4f5f9;} .adjust_month{text-align:center;line-height:45px;} .adjust_month button{display:inline-block;width:42px;height:45px;} .adjust_month button.prev_month{background:url(/common/images/contents/btn_clamp_prev.jpg) no-repeat 0 0;} .adjust_month button.next_month{background:url(/common/images/contents/btn_clamp_next.jpg) no-repeat 0 0;} .adjust_month p{display:inline-block;vertical-align:top;} .current_month{margin: 0 25px;font-size:28px;color:#000;font-weight:bold} .weekly_list ul{overflow:hidden;} .weekly_list li{float:left;width:14.2%;border:1px solid #eeeeee;padding:15px 0;box-sizing:border-box;background:#fff;color:#555;text-align:center;} .weekly_list li:first-child{color:#ff0000} .weekly_list li:last-child{color:#2471a2} .weekly_list li + li{border-left:none} .month_list{margin-top:3px} .month_list ul{overflow:hidden;} .month_list li{float:left;width:14.2%;height:119px;padding:15px 10px;box-sizing:border-box;border:1px solid #eee;background:#fff;color:#555;overflow-y: auto;} .month_list li a{display:block;width:100%;height:100%} .month_list li.on{border:2px solid #92c83e;} .month_list li p{padding:5px;font-size:13px;color:#00677e;background:#d4e5e9;letter-spacing:-0.05em} .month_list li p + p{margin-top:2px;} .weekly_detail{margin-top:20px} .lists{overflow:hidden;min-height:135px;border:1px solid #eeeeee;border-left:2px solid #5badbf; position: relative;} .lists + .lists{margin-top:10px} .lists p.date{float:left;width:178px;height:46px;padding:20px 0;text-align:center; position: absolute; top: calc( 50% - 40px );} .lists p.date span{display:block;} .lists p.date span:first-child{font-size:24px;font-weight:600;} .lists p.date span:last-child{font-size:17px;font-weight:600} .lists .info{float:right; width:calc( 100% - 179px );height:100%;box-sizing:border-box;border-left:1px solid #5badbf;} .lists .info p.tit{margin-bottom:22px;font-size:17px;font-weight:600} .lists .info p.tit + p.con{margin-bottom:22px;} .lists .info p.con{font-size:14px;color:#555555;line-height:1.5em} .lists .info p.con + p.con span{position:relative;margin-left:15px;} .lists .info p.con + p.con span:before{display:inline-block;content:"";vertical-align:middle} .lists .info p.con + p.con span:first-child:before{width:15px;height:15px;margin-right:5px;background:url('/common/images/contents/icon_clock_g.jpg') no-repeat 0 0;} .lists .info p.con + p.con span:last-child:before{width:11px;height:16px;margin-right:5px;background:url('/common/images/contents/icon_flag_g.jpg') no-repeat 0 0;} .lists .info > div{width:auto;padding:20px 25px;} .lists .info > div + div{border-top:1px solid #eeeeee} .lists .info > div > div{display:inline-block;vertical-align:middle} .lists .info > div button{display:inline-block;vertical-align:middle} .lists .info > div > div.info_first{width:75%;} .lists .info > div > div.info_second{width:24%;font-size:17px;text-align:center;} .lists .info > div > div.info_second > div{display:inline-block;margin-right:20px;vertical-align:middle;text-align:center} .lists .info > div > div.info_second span{display:inline-block;font-size:20px;font-weight:bold} .lists .info > div > div.info_second span.no_empty{color:#7bbe13} .lists .info > div button{width:110px;height:36px;background:#f4f5f9;font-size:15px;color:#555;text-align:center;line-height:36px;} .lists .info > div button.noend{background:#fff;color:#555;} .lists .info p.con span.time::before { width: 17px !important; background: url(/common/images/contents/icon_clock_g.jpg) no-repeat 0 0 !important;} .lists .info p.con span.loc::before { width: 11px !important; background: url('/common/images/contents/icon_flag_g.jpg') no-repeat 0 0 !important;} .paper td:nth-child(3n){text-align:left} .apply td:nth-child(2n){text-align:left} .cl.passed_ap{padding:30px 0 0;} .cl.passed_ap .list_search_top.appoint .input_button_area .input{display:inline-block;float:none;vertical-align:middle} .cl.passed_ap .list_search_top.appoint .input_button_area .input:first-child{float:none;display:inline-block;width:auto;margin-bottom:0;vertical-align:middle} .cl .input_button_area select{float:none;display:inline-block;width:10%;vertical-align:middle} .cl.passed_ap .list_search_top.appoint{text-align:right;} .refer_list{overflow:hidden;margin-top:40px;} .refer_list li{float:left;width:23.7%;margin-bottom:20px;padding:25px 0;box-sizing:border-box;border:1px solid #e3e3e3;} .refer_list li + li{margin-left:1.7%;} .refer_list li:nth-child(4n+1){margin-left:0;} .refer_list li p{font-size:20px;font-weight:600;color:#006586;} .refer_list li a{width:114px;margin:0;margin-top:15px;} .pub_box{width:920px;margin:60px auto 0;padding:100px 0;background:#eae9e7;text-align:center;box-sizing:border-box;} .pub_box ul{overflow:hidden;display:inline-block;} .pub_box li{float:left;width:190px;padding-right:20px;padding-bottom:20px;} .pub_box li .img_box{line-height:138px;background:#fff;box-shadow: 10px 10px 10px #ccc;} .pub_box li a{display:block;font-weight:600;line-height:66px;background:#f0f2f5;} .pub_box li + li{margin-left:50px} .inner_data select, .inner_data input{vertical-align:top} .inner_data.write_form .form_line{border-bottom:none} .inner_data.write_form .form_line div.input{width:80%;padding-left:20px;box-sizing:border-box;} .inner_data.write_form .form_line div.input.width20{width:20%} .inner_data.write_form .form_line div.input.width40{width:40%} .inner_data.write_form .form_line .link_btn_warp{display:inline-block;} .inner_data.write_form .form_line .link_btn_warp a{width:100%;height:45px;padding:0;margin:0;box-sizing:border-box;line-height:45px} .inner_data.write_form .search_top_wrap .search_area{float:none} .inner_data.write_form .search_top_wrap .search_area input[type=text]{width:40%} .link_btn_warp.paper_go a{width:100%;margin:0;padding:10px 0;} .total_data.write_form .form_line .input{width:100%;text-align:right} .total_data.write_form .search_top_wrap{margin-bottom:0;} .total_data_result{margin-top:15px;border: 1px solid #ddd;border-radius: 3px;padding:30px;box-sizing:border-box;} .total_data_result .issn_name{font-size:25px;font-weight:600;} .total_data_result .issn_value{margin-top:15px;font-size:18px;} .total_data_result .link_btn_warp a{width:150px;padding:10px 0;} .total_data_result .width30{width:30%} .total_data_result .width40{width:40%} .total_data_result p{display:inline-block;} .total_data_result p + p{margin-left:20px} .link_btn_warp.issn_detail{margin-top:15px;text-align:left} .link_btn_warp.issn_detail a{margin:0;text-align:center;} .link_btn_warp.apply a{width:100%;margin:0;} div.circle{display:block;text-align:center} div.circle + .circle{margin-top:15px;} div.circle p{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:100%;box-shadow: 3px 3px 2px #ccc;} div.circle p.blue{background:#4274d0;color:#fff} div.circle p.gold{background:#d2a937;color:#fff} .circle_date + .circle_date{margin-top:20px} @media screen and (min-width:1200px) { table.content.book_item a.txt:hover{color:#00738b;text-decoration:underline;} table.content.book_item a.book_btn:hover{text-decoration:underline;} .link_btn_warp a:hover{background:#298da4;border-color:#298da4;color:#ffd800;box-shadow: 5px 5px 10px -1px rgba(0, 0, 0, 0.07);} } @media screen and (max-width:1200px) { .month_list li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .lists .info > div > div.info_second > div{margin-right:0} } @media screen and (max-width:1024px) { table.content.book_item td{padding:15px 8px;} table.content.book_item .sci > div{width:100%;} table.content.book_item .sci > div:first-child{margin-right:0;margin-bottom:10px;} .link_btn_warp a{width:auto;padding:12px 20px;} .lists p.date{width:20%;} .lists .info{width:80%} .refer_list li{width:33%} .refer_list li + li{margin-left:0;} .pub_box{width:100%} } @media screen and (max-width:800px) { table.content.book_item colgroup col:first-child{width:35% !important;} .list_search_top.library .select_area{width:100%;} .list_search_top.library .border_wrap{width:67.3%;} .list_search_top.library .input_button_area{width:100%;} .list_search_top.library .input_button_area button{width:49%;} .lib_guide > div{width:100%;} .lib_guide > div:first-child{margin-bottom:20px;} .lists .info > div > div.info_first{width:100%} .lists .info > div > div.info_second{width:100%;margin-top:20px;text-align:left;} .lists .info > div > div.info_second > div{margin-right:40px} .lists .info p.con + p.con span{display:block;width:100%;} .refer_list li{width:48%} .refer_list li:nth-child(2n+1){margin-left:0;} .refer_list li + li{margin-left:1%;} .inner_data.write_form .form_line div.input{width:100%;padding-left:0;} .inner_data.write_form .form_line + .form_line{margin-top:40px} .inner_data.write_form .form_line div.input input, .inner_data.write_form .form_line div.input .link_btn_warp, .inner_data.write_form .form_line div.input select{margin-top:10px} } @media screen and (max-width:700px) { .pub_box ul{width:80%} .pub_box li{width:100%} .pub_box li + li{margin-left:0} } @media screen and (max-width:475px) { .refer_list li{width:100%;} .refer_list li + li{margin-left:0} } /****************************************************************************************************************************************************** 일반검진센터 *******************************************************************************************************************************************************/ .center_D .visual_cnt_wrap .shortcut_btn.nh li:nth-child(1) a{background:url(/common/images/center/nh/main_icon01.png) no-repeat center 24px;} .center_D .visual_cnt_wrap .shortcut_btn.nh li:nth-child(2) a{background:url(/common/images/center/nh/main_icon02.png) no-repeat center 25px;} .center_D .visual_cnt_wrap .shortcut_btn.nh li:nth-child(3) a{background:url(/common/images/center/nh/main_icon03.png) no-repeat center 25px;} .center_D .visual_cnt_wrap .shortcut_btn.nh li:nth-child(4) a{background:url(/common/images/center/sh/main_icon04.png) no-repeat center 27px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.per li:nth-child(1) a{background:url(/common/images/center/nh/main_icon05.png) no-repeat center 24px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.per li:nth-child(2) a{background:url(/common/images/center/nh/main_icon03.png) no-repeat center 25px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.per li:nth-child(3) a{background:url(/common/images/center/nh/main_icon01.png) no-repeat center 25px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.com li:nth-child(1) a{background:url(/common/images/center/nh/main_icon05.png) no-repeat center 24px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.com li:nth-child(2) a{background:url(/common/images/center/nh/main_icon02.png) no-repeat center 25px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.com li:nth-child(3) a{background:url(/common/images/center/nh/main_icon03.png) no-repeat center 25px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.bu li:nth-child(1) a{background:url(/common/images/center/nh/main_icon05.png) no-repeat center 24px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.bu li:nth-child(2) a{background:url(/common/images/center/nh/main_icon07.png) no-repeat center 25px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.bu li:nth-child(3) a{background:url(/common/images/center/nh/main_icon06.png) no-repeat center 24px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.gu li:nth-child(1) a{background:url(/common/images/center/nh/main_icon05.png) no-repeat center 24px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.gu li:nth-child(2) a{background:url(/common/images/center/nh/main_icon02.png) no-repeat center 24px;} .center_D .visual_cnt_wrap .shortcut_btn.nh.gu li:nth-child(3) a{background:url(/common/images/center/nh/main_icon01.png) no-repeat center 25px;} .nh.disease_list{margin-top:30px} .nh.disease_list ul{overflow:hidden;text-align:center;} .nh.disease_list ul li{float:none;display:inline-block;width:300px} .nh.disease_list ul li a{display:block;width:100%;height:100%;padding:34px;box-sizing:border-box;} .harmful_factor{overflow:hidden;margin-bottom:50px} .harmful_factor > .box{float:left;width:49%;} .harmful_factor .box + .box{float:right;margin-left:1%;} .after_death {overflow:hidden} .after_death .box{float:left;} .after_death .box:first-child{width:39%} .after_death .box + .box{float:right;width:59%} .after_death .box + .box td{padding:39px 20px;} .didimdol{margin-top:20px} .didimdol ul{overflow:hidden} .didimdol li{float:left;width:calc(33.33% - 20px);margin-left:20px;padding:20px;box-sizing:border-box;min-height:168px;border:1px solid #e5e5e5;} .didimdol li:nth-child(n+4) {margin-top:10px;} .didimdol li + li{position:relative;} .didimdol li p{font-size:17px;color:#a1a1a1} .didimdol li span{display:block;margin-top:15px;font-size:15px;color:#000} .didimdol li + li:before{position:absolute;top:50%;left:-14px;transform:translateY(-50%);width:8px;height:13px;background:url('/common/images/center/nh/clamp_right.jpg') no-repeat 0 0;content:"";vertical-align:middle;} .link_btn_warp.moonjin{margin-top:15px;text-align:left} .link_btn_warp.moonjin a{margin:0;text-align:center} .center_D .visual_cnt_wrap.ch .inner{width:632px;padding:176px 0;} .center_D .visual_cnt_wrap.ch .btn_area{width:100%} .center_D .visual_cnt_wrap.ch .detail_btn li{height:320px;padding:60px 0;background:url(/common/images/center/nh/list_ch_p.jpg) no-repeat 0 0;} .center_D .visual_cnt_wrap.ch .detail_btn li:first-child{background:url(/common/images/center/nh/list_ch_c.jpg) no-repeat 0 0;} .center_D .visual_cnt_wrap.ch .detail_btn li .img_wrap{width:90px;height:90px;margin:0 auto 30px;background:#84c5c9;border-radius:100%;line-height:90px;text-align:center;} .center_D .visual_cnt_wrap.ch .detail_btn li p{text-align:center} .center_D .visual_cnt_wrap.ch .detail_btn li a{position:relative;display:block;bottom:auto;right:auto;margin-top:30px;text-align:center} .top_menu .right_menu .btn.cp a.on{font-weight:600} .foreign_list{overflow:hidden;width: calc(100% + 18px); margin-left: -9px;} .foreign_list li{float: left;display: table;width: 185px;height: 90px;margin: 0 9px;margin-bottom: 18px;box-sizing: border-box;border: 1px solid #e5e5e5;} .foreign_list li a{display: table-cell; overflow: hidden; padding: 0 5px; max-height: 88px; vertical-align: middle; text-align: center; background: #fff; line-height: 24px; box-shadow: none;transition: all 0.1s;} .foreign_list li a:hover{border-color: #298da4; background: #298da4; color: #ffd800; font-weight: bold; box-shadow: 5px 6px 10px 0px rgba(0, 0, 0, 0.2);} .info_doctor{overflow:hidden} .info_doctor li{float:left;margin-bottom:40px} .info_doctor li + li{margin-left:3.4%} .info_doctor li:nth-child(4n+1){margin-left:0;} .info_doctor .dr_info{width:269px;margin:0 auto;padding:25px 0;background:#f4f5f9;box-sizing:border-box;text-align:center;border:1px solid #dddddd;border-top:none} .info_doctor .dr_info p{font-size:24px;font-weight:600} .info_doctor .dr_info span{display:block;margin-top:15px;font-size:17px;color:#555555;} .bullet_list.num .bullet_list.bar li:before{top:0;content:"-"} .bullet_list.num{counter-reset:num;} .bullet_list.num li{padding-left:20px;} .bullet_list.num li:before{background:none;counter-increment:num;content:counter(num) ".";} .bullet_list.num2{counter-reset:num2;} .bullet_list.num2 li{padding-left:20px;} .bullet_list.num2 li:before{background:none;counter-increment:num2;content:counter(num2) ")";} .busi_step{overflow:hidden;} .busi_step li{position:relative;float:left;width:14.5%} .busi_step li:after{display: block;position: absolute;right: -18px;top: 50%;margin-top: -5px;width: 10px;height: 10px;border-left: 2px solid #a0aab5;border-bottom: 2px solid #a0aab5;content: "";transform: translateY(-50%) rotate(-135deg);} .busi_step li:last-child:after{display:none} .busi_step li + li{margin-left:30px} .busi_step li .head{padding:15px 10px;border:1px solid #eee;background:#ddd;text-align:center} .busi_step li .cont{margin-top:10px;padding:15px;min-height:150px;border:1px solid #eee;font-size:16px;line-height:1.5em} .nh_company_worker{display:inline-block;font-size:18px;font-weight:600;color:#00677e} .greeting.bu{overflow:hidden;background:url('/common/images/center/sr/bg_greeting.jpg') no-repeat 0 0;background-size:100% 100%;} .greeting.bu img{position: absolute; top: 122px; left: 80px; width: 35%;} .greeting.sh.ch{overflow:hidden;padding: 70px 40px 150px 530px;background:url('/common/images/center/sr/bg_greeting.jpg') no-repeat 0 0;background-size:100% 100%;} .greeting.sh.ch img{position: absolute; top: 122px; left: 80px; width: 35%;} .sh_info_btn.sh.ch{display:inline-block;margin:0;margin-left:15px} .link_btn_warp.nh_reserve a{margin:0;} .chu_ap_step.nh li{width:50%} span.essense{display:inline-block;color:#d20000;} .reserve_date {margin-top:30px} .d_green{color: #00738b;} .nh_contact_bu {overflow:hidden} .nh_contact_bu > div {float:left} .nh_contact_bu > div + div{margin-left:35px} .nh_contact_bu > div p{margin-bottom:30px;font-size:28px;color:#000;} .nh_contact_bu > div span{display:block;margin-bottom:30px;font-size:16px;color:#000;} .reserve_list ul{overflow:hidden;} .reserve_list li{float:left;padding:10px;box-sizing:border-box} .reserve_list li + li{margin-left:12px} .reserve_list li > div{width:370px;border:1px solid #e2e2ec;text-align:center;box-sizing:border-box} .reserve_list li div a {display:block;padding:50px 0} .reserve_list li div a span{display:block;font-size:28px;font-weight:600} .reserve_list li .img_wrap{display: inline-block;width: 170px;margin-top:30px;line-height: 170px;height: 170px;background: #f8f8f8;border-radius: 100%;} .agreement_check.nh.bu p.txt{display:inline-block;margin-right:90px} .agreement_check.nh.bu textarea{margin-bottom:20px} .nh.bu .ap_cal_wrap{display:block} .ap_step .step_item.step1 .tit_area{padding:13px 0;} .ap_txt {position:absolute;left:40px;bottom:8px;font-size:14px;color:#e40000;}/*2020. 02. 04 퍼블리셔 작업*/ .nh.bu.ap_step .step_item.step1{width:50%} .nh.bu.ap_step .step_item.step2, .nh.bu.ap_step .step_item.step3{width:25%} .reserve_complete{padding:30px;box-sizing:border-box;border:1px solid #dddddd} .reserve_complete span.red{color:#d20000} .reserve_complete .img_wrap{margin-top:30px} .nh.bu.write_form .form_line span.label{width:20%} .nh.bu.write_form .form_line div.input{width:78%} .nh.bu.write_form .form_line.radio span.label{width:78%} .nh.bu.write_form .form_line.radio div.input{width:20%} .chu_ap_step.youth li{width:25%} .write_form.youth_medi_check .form_line div.input .radio_container{width:28%} .list_search_top.appoint.medi_check_search {width:100%} .list_search_top.appoint.medi_check_search .input{display:inline-block;width:23%} .list_search_top.appoint.medi_check_search .input + .input{margin-right:15px} .list_search_top.appoint.medi_check_search .input .info{margin-right:15px;line-height:45px} .list_search_top.appoint.medi_check_search button{min-width:90px;padding:0 30px;line-height:45px;text-align:center;background: #f1f1f1;color: #000;border:1px solid #ccc;} .list_search_top.appoint.medi_check_search button:hover{} .cert_item.nh ul li br{display:block} .medi_record_copy{margin: 30px 0; padding: 40px 0 40px 0; border: 1px solid #e0e0e0; background: #f8f8f8; text-align: center;} .card_txt_list.nh.col5 li{width:225px} .card_txt_list.nh.col4 li{width:286px} .box_list ul{overflow:hidden;} .box_list li{float:left;padding:0 30px;box-sizing:border-box;border:1px solid #dfdfdf; } .box_list li:not(.b5){width:590px;height:204px;margin-bottom:20px;} .box_list li.b5{width:100%;} .box_list li.b5 *{display:inline-block;vertical-align:middle} .box_list li em{font-weight: bold;font-size: 42px;font-style: normal;background: -webkit-linear-gradient(left, #90c740, #01748a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #01748a;} .box_list li h3.cont_tit{margin-top:30px} .box_list li + li{margin-left:20px} .box_list li:nth-child(2n+1){margin-left:0} .box_list li.b1{background:#f0f2f7 url('/common/images/center/nh/main_hp_01.png') no-repeat 93% 88%;;} .box_list li.b2{background:#f0f2f7 url('/common/images/center/nh/main_hp_02.png') no-repeat 93% 88%;;} .box_list li.b3{background:#f0f2f7 url('/common/images/center/nh/main_hp_03.png') no-repeat 93% 88%;;} .box_list li.b4{background:#f0f2f7 url('/common/images/center/nh/main_hp_04.png') no-repeat 93% 88%;;} .box_list li.b5{background:#f0f2f7 url('/common/images/center/nh/main_hp_05.png') no-repeat 97% center;;} .box_list li.b5 br{display:none} /*HOVER!*/ @media screen and (min-width:1024px) { .reserve_list li > div:hover{box-shadow:1px 1px 13px 4px #ddd;transition:all .3s ease} } @media screen and (max-width:1200px){ .info_doctor li{width:31%;text-align:center;} .info_doctor li:nth-child(3n+1){margin-left:0;} .info_doctor li:nth-child(5n){margin-left:3.4%} .nh_contact_bu > div{width:45%} .reserve_list li{width:49%;} .reserve_list li > div{margin:0 auto} .reserve_list li:nth-child(2n+1){margin-left:0;} .cert_item.nh > ul > li{width:50%} .card_txt_list.nh.col4 li, .card_txt_list.nh.col5 li{width:23%;margin: 0 1%;margin-bottom:20px;} .greeting.sh.ch img{width:40%;left:60px} .box_list li:not(.b5){width:100%;margin-left:0;} } @media screen and (max-width:1024px){ .info_doctor li{width:48%;} .info_doctor li:nth-child(2n+1){margin-left:0;} .info_doctor li:nth-child(4n){margin-left:3.4%} .greeting.sh.ch{padding: 40px 40px 70px 50%;} } @media screen and (max-width:900px){ .reserve_list li + li{margin-left:0;} } @media screen and (max-width:800px){ .greeting.bu img{top: 60px;left: 50%;transform: translateX(-50%);width: 215px;} .nh_contact_bu > div{width:100%;text-align:center} .nh_contact_bu > div + div{margin-left:0;margin-top:30px} .reserve_list li{width:100%;} .cert_item.nh > ul{width:90%} .card_txt_list.nh.col4 li, .card_txt_list.nh.col5 li{width:48%;margin: 0 1%;margin-bottom:12px;} .greeting.sh.ch img{top: 50px;left: 50%;transform: translateX(-50%);width: 265px;} .greeting.sh.ch{padding:0;padding-top: 400px;} /* select + select, select + input{margin-top:10px} */ } @media screen and (max-width:700px){ .agreement_check.nh.bu p.txt{display:block;margin-bottom:10px} } @media screen and (max-width:640px){ .after_death .box {width:100% !important;} .didimdol li {padding:15px 10px;width:calc(50% - 20px);max-height:168px;} .didimdol li:nth-child(n+4) {margin-top:0;} .didimdol li:nth-child(n+3) {margin-top:10px;} .didimdol + .link_btn_warp a {margin:30px 0 0;} .didimdol + .link_btn_warp a + a {margin:10px 0 0;} } @media screen and (max-width:600px){ .info_doctor li{width:100%;text-align:center;} .info_doctor li:nth-child(n+1){margin-left:0;} .cert_item.nh > ul > li{width:100%} .card_txt_list.nh.col4 li, .card_txt_list.nh.col5 li{margin: 0 1%;margin-bottom:8px;} .box_list li:not(.b5){height:250px} .box_list li.b5 br{display:block} } /* 2020. 01 .14 퍼블리셔 김선주 작업*/ /* 학술연구 지원 > 학습지 등급 > 연구성과분석 */ .cnt3527 {} .cnt3527 .inner_box {margin-bottom:60px; padding:50px 2%; background-color:#f7f7f7; text-align:center;}