.mt0{margin-top:0px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;} .mb60{margin-bottom:60px;} /*센텀 color*/ .bcrGr{background: #4CAA44;} .bcrYe{background: #F5C526;} .bcrOr{background: #E3590D;} .bcrRe{background: #D32F2B;} .crGr{color: #4CAA44;} .crYe{color: #F5C526;} .crOr{color: #E3590D;} .crRe{color: #D32F2B;} /*인사말*/ .greeting {position:relative;margin:0 auto;max-width:1400px;zoom:1;} .greeting:after {display:block;clear:both;content:''} .greeting .photo {max-width:660px; width:calc(100% - 700px); position:relative; float:left} .greeting .photo img {width:100%;} .greeting .txt {position:relative; float:right;margin:0 40px 0 0; padding:98px 0 0; max-width:620px; z-index:1;} .greeting .txt:before{content:"";position:absolute;top:40px;right:0;background-color:#0672cf;width:788px;height:5px;} .greeting .txt .point{max-width: 470px; word-break:keep-all; font-size:40px; font-weight:500; letter-spacing:-2px; margin-bottom:20px;line-height:1.4;} .greeting .txt .point span{ color:#006fce;} .greeting .txt p { word-break:keep-all} @media (max-width: 980px){ .greeting .photo {max-width: 660px; margin:0 auto; width:inherit; float:none} .greeting .txt .point { font-size:38px;} } /*센텀 병원소개*/ .content_wrap .intro_txt{position:relative; top:160px; color:#fff; letter-spacing:-1px; text-align: left;} .txt_left {float:left;width:700px;} .txt_right {float:right;width:700px;padding-left:96px;} .intro_p {font-size:21px; font-weight:300;line-height:36px;} .right_slide .swiper-pagination {text-align:left; font-size:18px; font-weight:300;} .right_slide .swiper-pagination span {position:relative; padding-left:15px; margin-right:5px;font-weight:900;font-family:"Aventa"; } .right_slide .swiper-pagination span::after {content:'0'; display:block; font-size:18px; font-family:"Aventa"; font-weight:900; position:absolute; top:0; left:0;} .right_slide .swiper-pagination-total {color:#999;margin-left:5px;} .centum_sub01_0101_2 .intro_p em{display: block;} .centum_sub01_0101_7 .intro_p em{display: block;} .intro_p1 {font-size:53px; font-weight:700;} .intro_p2 {padding-top:50px;} .intro_p3 {font-size:42px; line-height:58px; font-weight:400;} .intro_p3_1 {font-size:42px; padding-top:50px; line-height:58px; font-weight:400;} .intro_p4 {padding-top:25px; padding-bottom:50px;} .intro_p4 span {font-size:18px; font-weight:300;} .intro_p5 {padding-top:60px;} .intro_p6 {padding-top:35px; padding-bottom:100px;} .intro_p7 {padding-top:50px;} .intro_p8 {padding-top:35px; padding-bottom:120px;} .intro_p9 {padding-top:50px; padding-bottom:40px;} .intro_p10 {padding-top:25px;} .intro_p1_1 {font-size:33px; line-height:58px; font-weight:500;} .intro_p1_2 {font-size:33px; padding-top:50px; line-height:58px; font-weight:500;} .intro_p2_1 {padding-top:10px; padding-bottom:35px; font-size:21px; line-height:34px; font-weight:300;} .intro_p2_2 {padding-top:30px;} .intro_ul {margin-bottom:110px; width:100%; overflow:hidden; letter-spacing:-1.2px; font-weight:300;padding-top:10px} .intro_ul li {float:left; padding:0 20px; margin-right:10px; border-radius:18px; border:1px solid #fff; line-height:34px; margin-bottom:10px;} .intro_ul li:nth-child(4) {clear:both;} .pRelative {position:relative} .div_table {display:table;} .div_cell {display:table-cell;width:100%;height:100%;vertical-align:middle;} .div_cell_left {display:table-cell;width:100%;height:100%;vertical-align:middle; text-align: left;} .intro_cell {display:table-cell;width:100%;height:100vh;} .w47 {width:47%} .w50 {width:50%} .w98 { width: 98% } .w99 { width: 99% } .w100 { width: 100% } /*병원소개*/ .company_info { width:100%; height:auto; } .company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} .company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px} .company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; } .company_info .txt_page p { font-size:16px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:15px} .company_info .Ideology { width:100%; padding-bottom:100px;} .company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;} .company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0} .company_info .Ideology .inner .point{color: #06F;} .company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;} .company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd} .company_info .Ideology dl:last-child { border:0} .company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200} .company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} .company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; color:#555} .tl_title_box_wrap {width:100%; height:auto; padding:150px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover} .tl_title_box_wrap li {position:relative; width:23.5%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer; -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat} .tl_title_box_wrap li .bg { background-color:#2c3856; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1} .tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; } .tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)} .tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;} .tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff} .tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF} .tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF} .tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff} .tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;} .tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a} .tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;} .tl_title_box_wrap li .txt_wrap .cell p { font-size:16px; color:#555; padding-top:50px; word-break:keep-all; line-height:1.6;} .tl_title_box_wrap li:nth-child(4n+1) { margin-left:0} @media (max-width: 960px){ .company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;} .company_info .work_page ul li:last-child { margin-right:0} .company_info .work_page ul li:nth-child(2n+2) {margin-right:0;} .company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both} } @media (max-width: 640px){ .company_info .img_page { background-size:cover; height:300px} .company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;} } /*병원소개*/ /*연혁*/ .history_area {position: relative;width: 100%;padding-top: 37px;} .history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;} /*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/ .history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;} .history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;} .history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;} .history_area dd strong {display: block;padding-bottom: 12px;font-size: 20px;line-height: 1.6;color: #1a1a1a;font-weight: 500;} .history_area dd p {display: block;} .history_area dd .img_box {display: block;margin-top: 39px;} .right {text-align: right;} .left {text-align: left;} .fr {float: right;} .img_box img { max-width: 100%} @media (max-width: 960px){ .history_area .history_point {left: 10px;margin-left: 0;} .history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;} .history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;} .history_area div + div {margin-top: 40px;} .history_area div:nth-child(2) {margin-top: 0;} .history_area dt {margin-bottom: 20px;font-size:30px;} .history_area dd p br {display: none;} .history_area dd .img_box {margin-top: 20px;} } /*연혁*/ /*둘러보기*/ .tourTab ul { padding-bottom:30px; margin:0 auto; } .tourTab ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .tourTab ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .tourTab ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .tour_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .tour_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .tour_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .tour_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .tour_area .ts6 ul li { width:16.74%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .tour_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .tour_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .tour_area ul li a {display:block; font-size:20px; color:#222; padding:0; font-weight:500;} .tour_area ul li a.on { background-color:#ff7d30; color:#fff; } .tour_area .slider li { position:relative; display:block} .tour_area .slider li .box{ width:1050px; height:60px; line-height:60px; background:rgba(0, 0, 0, 0.5); padding:0; margin:0 auto; position:relative; bottom:60px;} .tour_area .slider li p{ color:#fff; text-align:center; line-height: inherit} .tour_area .photo-box { position: relative; margin: 0 auto;} .tour_area .photo-box .btn-adm-link{z-index:1;position:absolute;display:block;top:0;left:0;width:30px;height:30px;line-height:30px;color:tomato;text-align:center;background-color:rgba(255,255,255,.5);border-radius:4px} @media screen and (max-width: 640px) { .tour_area .ts ul li { width:50%; margin-top:-1px} } /*둘러보기*/ /*오시는 길*/ .map_wrap{max-width:1200px; width:100%; height: 600px; margin:0 auto; margin-bottom:40px;} .map_area{position:relative; max-width:1200px; width:100%; margin:0 auto;} .map_area .txt{margin:60px auto 80px;} .map_area .txt .txt_wrap {text-align:center;} .map_area .txt .contact{display:block; color:#333; font-weight:500; font-size:20px; margin-bottom:20px; letter-spacing:-1px; line-height:1.6; } .map_area .txt .add01{font-size:24px; font-weight:700; margin-bottom:10px;} .map_area .txt .add02{font-size:18px; font-weight:400;} .map_area .txt li{display:inline-block; line-height:70px; width:270px; height:70px; margin:0 10px;} .map_area .txt li a{color:#fff; font-size:18px; text-align:center; font-weight:600; } .map_area .txt li:first-child{background:#03c75a;} .map_area .txt li:nth-child(2){background:#ffcc00;} .map_area .txt li:last-child{background:#4086f4;} .s0105_2 {padding:120px 0; border-top:1px solid #e9e9e9; color:#272727; } .s0105_2_top {width:100%;} .s0105_ul1 {width:100%;display:flex;border-top:2px solid #000; border-bottom:1px solid #e9e9e9;} .s0105_ul1 li {width:650px; padding:25px 0 35px;} .s0105_ul1 li:first-child {border-right:1px solid #e9e9e9;} .s0105_ul1 li:last-child {padding-left:30px;} .s0105_p2 {font-size:24px; font-weight:bold; line-height:52px; padding-left:75px;} .p2_1 {background:url('../img/sub/hospital/s0105_icon1.png') no-repeat left top; background-size:contain;} .p2_2 {background:url('../img/sub/hospital/s0105_icon2.png') no-repeat left top; background-size:contain;} .p2_3 {background:url('../img/sub/hospital/s0105_icon3.png') no-repeat left top; background-size:contain;} .p2_4 {background:url('../img/sub/hospital/s0105_icon4.png') no-repeat left top; background-size:contain;} .s0105_p3 {font-size:24px; font-weight:300; line-height:36px; padding-left:75px;} .s0105_p4 {font-size:18px; font-weight:300; line-height:31px; padding-left:75px; padding-top:35px;} .s0105_p4 span {font-weight:bold; color:#626262;} .s0105_p_box {width:100%; margin-top:20px;} .s0105_p_box p {display:inline-block; vertical-align:middle;} .s0105_p5 {font-size:25px; font-weight:bold; line-height:52px; text-align:center; width:148px; border-radius:30px; border:4px solid #3ab449; margin-right:13px;} .s0105_p5 {font-weight:bold;} .s0105_p_box:last-child .s0105_p5 {border:4px solid #3ab449;} .s0105_p6 {width: 70%; font-size:18px; line-height:26px; font-weight:300;} .s0105_2_mid {margin:60px 0;} .s0105_2_btm {margin-bottom:110px;} .s0105_ul2 {margin-top:25px;width:100%; border-top:2px solid #000;} .s0105_ul2 li {width:100%; display:flex;border-bottom:1px solid #e9e9e9;} .s0105_p7 {width:280px; line-height:77px; font-size:20px; font-weight:500; text-align:center;background:#f5f6f8;border-right:1px solid #e9e9e9;} .s0105_p8 {padding-left:30px;font-size:18px; font-weight:300; line-height:77px;} .s0105_p9 {font-size:24px; font-weight:300; line-height:36px; padding-left:75px;} .s0105_p9 span {font-weight:600;} .s0105_p10 {font-size:24px; font-weight:300; line-height:36px; padding-top:50px;} .s0105_p10 span {font-weight:600;} .s0105_ul3 {width:100%;border-top:2px solid #000; margin-top:25px;} .s0105_ul3 li {display:flex;border-bottom:1px solid #e9e9e9;} .s0105_ul3 li .s0105_p7 {width:280px; line-height:170px; font-size:20px; font-weight:500; text-align:center;background:#f5f6f8;border-right:1px solid #e9e9e9;} .s0105_ul3 li .s0105_p8 {line-height:28px; padding:50px 0 50px 30px;} .s0105_ul3 li .s0105_p8 span {font-size:20px; font-weight:bold;} .s0105_2_btm .s0105_ul3 .s0105_p8 em{display:block; margin-top:10px; } .contact_address {width:100%;height:auto; line-height:1.7;} .contact_address ul {max-width:1240px;clear: both;padding:15px;border-bottom:1px solid #ddd;} .contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px} .contact_traffic { max-width:1240px; margin:100px auto; padding:20px; letter-spacing:-0.8px; clear:both;} .contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;} .contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px} .contact_traffic .bus {width:100%;} .contact_traffic .subway {width:100%} .contact_traffic ul li {color: #555; line-height:33px; font-size:16px} .contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left} @media (max-width: 1400px){ .map_area .txt{margin:60px auto 80px;} .map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px;} .map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%;} .map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px;} .map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;} .map_area .txt .contact .tel{font-weight:300;} .map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;} } @media screen and (max-width: 640px) { .map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;} .map_area .txt .logo img { height:20px} .map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both} .map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;} .map_area .txt .bt { position: static; border-radius: 65px; border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;} .map_area .txt .logo { position: relative; display: block; top: auto; left: auto; border-right: 0; width: 100%; line-height: 70px; height: 70px;} } /*오시는 길*/ /*장비소개*/ .equipment_area .btn_navi div{overflow:hidden; margin:20px 0 48px; } .equipment_area .btn_navi div a{display:block; float:left; width:16.73%; height:53px; line-height:53px; font-size:16px; text-align:center; border:1px solid #dddd; margin-bottom:5px; margin-right: -1px; cursor:pointer; letter-spacing:-1px; font-weight:500} .equipment_area .btn_navi div a.active{ color:#fff; background:#ff7d30; } .equipment_area .slide li{overflow:hidden; cursor:pointer} .equipment_area .slide li .slide_cont_tit{display:block; margin-bottom:15px;} .equipment_area .slide li .slide_tit{font-size:40px; color:#ff7d30; display: inline-block; font-weight:700; text-align:left; letter-spacing:-1px; line-height:1.8; word-break: keep-all} .equipment_area .slide li .slide_etit{font-size:28px; color:#ff7d30; display: inline-block; font-weight:300; text-align:left; letter-spacing:-1px; line-height:1.8; word-break: keep-all} .equipment_area .slide li .slide_cont_area {max-width:600px; color:#000; float:left;} .equipment_area .slide li .slide_cont_area p{margin-bottom:8px; text-align:left; word-break:keep-all; line-height:1.4} .equipment_area .slide li .slide_cont_area p:before { display: block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #666; position: absolute; top: 105px; left: 91px; } .equipment_area .slide li .box { max-width:1100px; margin:auto} .equipment_area .slide li img{float:right; max-width:540px; margin:10px 0 0; display:block; box-sizing:border-box} .equipment_area .slide .owl-nav{position:absolute;width:100%;top:48%;} .equipment_area .slide .owl-nav .owl-prev{position:absolute;left:0px;} .equipment_area .slide .owl-nav .owl-prev .slide_prev{display:block; width:60px; height: 60px; cursor:pointer; background:url(../img/controls.png); background-position:-8px 0; opacity:.5;} .equipment_area .slide .owl-nav .owl-next{position:absolute;right:-28px;} .equipment_area .slide .owl-nav .owl-next .slide_next{display:block; width:60px; height: 60px; cursor:pointer; background:url(../img/controls.png); background-position:-48px 0; opacity:.5;} @media screen and (max-width: 640px) { .equipment_area .btn_navi div a { width:50%} } /*장비소개*/ /* content01 */ .content01 .box { position: relative; padding-bottom:80px; display:block;} .content01 .box .img_right { float:right} .content01 .box .txt_wrap { position: absolute; right: 0; top:45px; background: #fff; width: 60%;} .content01 .box .txt_wrap .half-round-tit { padding:50px 0 50px 50px;} .content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a; font-size:22px; font-weight:500; vertical-align: middle; line-height:1.6; letter-spacing:0; float:left} .content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center; border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px} .content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left} .content01 .box .txt_wrap p {padding-left:1rem; padding:20px 50px; text-align: justify;} .content01 .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 60%;} @media screen and (max-width: 960px) { .content01 .box .img { text-align:center; display:block; float:none; clear:both} .content01 .box .img img { width:100%} .content01 .box .txt_wrap { width:100%; display:block; position:relative; clear:both} .content01 .colum .left .box .img img { width:100%} .content01 .list_wrap h2{ margin-left:0} .content01 .list_wrap ul { padding-left:0; margin-left:0} .content01 .list_wrap ul li { padding-left:0; margin-left:0} } @media screen and (max-width: 640px) { .content01 .box .txt_wrap .txt { padding:0 20px 50px 20px } .content01 .box .txt_wrap .half-round-tit { padding:0 20px 50px 20px} } /* content01 */ /* content02 */ .content02 ul li { width:50%; float:left} .content02 ul li .profile { float:left; padding-bottom:50px; width:50%} .content02 ul li .profile img { width:100%} .content02 ul li dl { float:left; padding:0 40px; width:50% } .content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0} .content02 ul li dl dt dd { margin-left: 10px; font-size:17px; color:#444; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both; } @media screen and (max-width: 1210px) { .content02 ul li { width:49%; margin-left:2%; margin-bottom:6%} .content02 ul li:nth-child(2n+1) { margin-left:0} .content02 ul li .profile { width:100%} .content02 ul li dl { width:100%; padding:0 20px} } @media screen and (max-width: 640px) { .content02 ul li { width:100%; margin-left:0} } /* content02 */ /* content03 */ .content03 .icon li {width:31.3333%; margin-right:3%; min-height:300px; float:left; text-align:justify;} .content03 .icon li:nth-child(3n+3){margin-right:0} .content03 .icon li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table; margin:0 auto} .content03 .icon li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .content03 .icon li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center} .content03 .icon li p { text-align:center; word-break:keep-all} .content03 .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .content03 .icon li { width:50%; margin-right:0} .content03 .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .content03 .icon li { width:100%; margin-right:0} .content03 .icon li p { max-width:300px; margin:0 auto} } /* content03 */ /* content_area04 */ .content04 .point { padding:0 20px 0 0} .content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;} .content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;} .content04 .colum { max-width:1400px; margin:0 auto; padding: 30px 0 } .content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px} .content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .colum .right { width:50%; float:left; padding-left:50px; line-height:1.8; text-align:left} .content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .content_sub_title { margin:0 auto; padding:30px 0 0} .content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;} .content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0; padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box} .content04 .content_sub_title .sub_txt {float:right; width:75%;} .content04 .content_sub_title .sub_txt .h2 { font-size:20px; } .content04 .content_sub_title .img { float:left; text-align:right; width:450px } @media screen and (max-width: 960px) { .content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both} .content04 .colum .right { width:100%; padding:20px 0 0 } .content04 .content_sub_title .sub_title { width:100%; margin-bottom:20px; clear:both} .content04 .content_sub_title .sub_txt { float:left; width:100%} } @media screen and (max-width: 640px) { } /* content_area04 */ /* content_area05 */ .content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both} .content05 .photo_box .img { max-width:50%; float:left;display:block} .content05 .photo_box .img img { width:100%} .content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block} .content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left} .content05 .photo_box .txt p { padding-top:30px; word-break:keep-all} @media screen and (max-width: 960px) { .content05 .photo_box .img { max-width:100%; display:block} .content05 .photo_box .txt { max-width:100%;} .content05 .photo_box .txt h2 { font-size:24px; font-weight:bold} } /* content_area05 */ /* content_area06 */ .content06 .thumb_box {width:31.3333%; margin-right:3%; display:block; float:left; } @media screen and (min-width: 961px) { .content06 .thumb_box:nth-child(3n+3) { margin-right:0} } .content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative} .content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both} .content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold} .content06 .thumb_box .txt p { padding:20px 0px; text-align:center; } @media screen and (max-width: 960px) { .content06 .thumb_box { width:49%; margin-right:2% } .content06 .thumb_box:nth-child(2n+2) { margin-right:0} } @media screen and (max-width: 640px) { .content06 .thumb_box { width:100%; margin:0; clear:both; float:none} } /* content_area06 */ /*진료시간*/ .sub-article.bg-gray { background: #f5f5f5 } .sub-article-inner { max-width: 1280px; margin: 0 auto } .sub-article2 { padding: 50px 60px; margin-bottom: 50px; } .schedule-summary { text-align: center; padding-bottom: 40px; } .schedule-summary .item { display: inline-block; width: 33.1%; padding: 10px; vertical-align: top; font-size: 22px; } .schedule-summary .item:nth-child(2) { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0 } .schedule-summary .item .when { display: inline-block; position: relative; width: 154px; height: 46px; margin-bottom: 20px; color: #fff; border-radius: 30px; } .schedule-summary .item .when .text { content: ""; display: block; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; line-height: 1.3 } .schedule-summary .item .time { font-size: 18px; color: #9e9e9e } .schedule-summary .item .time .ampm { display: inline-block; vertical-align: middle } .schedule-summary .item .time strong { display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 700; color: #212121 } .schedule-summary .item .time .hyphen { margin: 0 5px } .schedule-summary .item .tip { margin-top: 1em; line-height: 1.4; font-size: 0.9em; color: #9e9e9e } .schedule-infor { text-align: center; } .schedule-infor .tip { line-height: 32px; font-size: 18px; color: #9e9e9e; letter-spacing:1px; } .schedule-infor .tip strong { display: inline-block; font-size: 20px; font-weight: 600; color: #212121; } .schedule-infor .tip .crRe{color:#D32F2B;} .btn-adm{position:absolute;top:5px;right:5px;width:30px;height:30px;color:tomato;line-height:28px;font-size:16px;display:inline-block;text-align:center;border:1px solid #ddd;box-sizing:border-box;border-radius:2px;background-color:#fff} .doctor_area { width: 100%;position: relative;} .doctor_area .doctor_profile{width:100%;border-bottom:1px solid #ddd;padding:40px 0} .doctor_area .doctor-list .thumb{float:left;width:260px;height:260px;padding:0 20px;border:1px solid #f0f0f0;background-size:cover;background-position-x:-3px; background-color:rgba(0,0,0,0.02); border-radius:50%;} .doctor_area .medSchedule{width:75%;float:right} .doctor_area .medSchedule .name{display:inline-block;font-size:24px;color:#222;margin: 0; font-weight:500} .doctor_area .medSchedule .postion {font-size:18px; color:#ff7d30;} .doctor_area .medSchedule dl dt{display:inline;font-size:16px;font-weight:500;line-height:28px;color:#333} .doctor_area .medSchedule dl dt:after{content:':';display:inline-block;padding:0 4px} .doctor_area .medSchedule dl dd { display: inline; font-size: 16px; color: #666} .doctor_area .medSchedule dl dd:after{content:'';display:block} .doctor_area .medSchedule .medInfo{margin-bottom: 20px;} .medInfo01{padding-bottom:8px;} .medInfo01 span{font-size:18px;color:#ff7d30;} .medInfo02{display:inline-block; } .medInfo02 .department{display:inline-block; font-size:24px;color:#222;font-weight:500} .medInfo02 .department::after{ content: ""; width:1px; height:23px; background:#222; display: inline-block; margin:0 14px 0 14px; vertical-align: middle; } .medInfo02 .name{display:inline-block;font-size:24px;color:#222;margin: 0; font-weight:500} .medInfo04 span{font-size:18px;color:#222;font-weight:500;} .medInfo04 .area{width:120px; font-size:18px;color:#fff; text-align: center; padding: 10px 30px; border-radius: 50px; font-weight:300; background:#ff7d30;} .medInfo04 .treatment{display:block; margin:25px 0px 40px;} .schedule .circle{width: 28px; height: 28px; border-radius: 50px; display: inline-block; line-height:26px; background-color: #ff7d30;} .schedule .circle02{width: 28px; height: 28px; border-radius: 50px; display: inline-block; line-height:26px; background-color: #cfcfcf;} .schedule .med{font-weight:500; color:#fff;font-size: 13px;} .schedule .med02{font-weight:500; color:#444;font-size: 13px; line-height:13px;} .schedule .med02 p{display:block; color:#4aaa44; font-size: 13px;} .schedule .surgery{font-weight:500; color:#fff;font-size: 13px;} .btn-group{float:right; display: inline-block;} .btn-group .btn-rt{float:left;} .btn-group .btn-rt span{font-size:18px; color:#fff;} .btn-group .btn-doctor{display:inline-block;margin:0px; padding:0px;width:152px;height:40px; border-radius:40px; font-size:14px;font-weight:300;line-height:40px;letter-spacing:-.5px;text-align:center;border:1px solid transparent} .btn-group .btn-Introduction{border-color:#ddd;background-color:#f8f8f8} .btn-group .btn-reservation{border-color:#384451;background-color:#384451} .doctor_area .btn-group .btn-Introduction{color:#333;border-color:#ddd;background-color:#f8f8f8;} .doctor_area .btn-group .btn-reservation{border-color:#fee500;background-color:#fee500;} .doctor_area .btn-group .btn-reservation span {color:#222; font-weight:500;} .doctor_area .sub_navi{width:100%;margin:20px auto;border-bottom:1px solid #ddd;clear:both} .doctor_area .sub_navi ul { padding-top: 50px} .doctor_area .sub_navi li{display:inline-block;margin-left:-3px;width:19%} .doctor_area .sub_navi li a{display:block;box-sizing:border-box;color:#555;text-align:center;font-size:17px;position:relative;height:55px;line-height:55px} .doctor_area .sub_navi li a.on {color: #0ba2b3; border-bottom: 1px solid #0ba2b3} .tab_content ul li{display:block;line-height:2.4;font-weight:300;font-size:16px;color:#555} .tab_content p { line-height:2.1; color:#555; font-size:16px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position:center left; padding-left:10px} /* 입·퇴원안내 */ .container .title {width: 20%; color: #333;font-size: 30px;border-top: 3px solid #ff7d30;text-align:center;padding:50px 0px 20px;font-weight: 500;display:inline-block;} .content-box .title {width: 20%; color: #333;font-size: 30px;border-top: 3px solid #ff7d30;text-align:center; padding:50px 0px 20px;font-weight: 500;display:inline-block;} .top_cont {} .top_cont:after { content: ''; display: block; clear: both; } .top_cont > p { float: left; } .top_cont .step_wrap01{float: left; display:block; width: 100%;} .top_cont .step_wrap02{float: left; display:block; width: 100%;} .top_cont .step {float: right;width: 80%;padding-top:60px; border-top:1px solid #cfcfcf;} .top_cont .tit_left {float: left; display: inline-block; width: 20%; font-size: 26px; padding-top:60px;} .top_cont .table {float: right;width: 80%; padding:60px 80px; border-top:1px solid #cfcfcf;} .table li {display: inline-block; width: 100%; vertical-align: top; position: relative; margin-bottom:30px;} .table > li > dl > dd > ol {padding-left: 0 ;} .step {font-size: 0;} .step li {display: inline-block;width: 100%; margin-bottom: 35px;vertical-align: top;position: relative;} .step li .stCir {width: 210px; height: 210px;display: inline-block;vertical-align:top;border-radius: 50%;background-color: #ff7d30;margin-right: 58px;text-align: center;padding-top: 54px;} .step li .stTxt {display: inline-block;color: #666;font-size: 18px;padding-top: 40px;width: 600px;height: 210px;} .step li .stTxt p{text-align:left; margin-bottom: 5px; text-indent:-2.1em} .step li .stTxt span {width: 25px; padding-left: 5px;color: #ff7d30;display: inline;vertical-align: top; margin-right: 12px;line-height:26px;font-weight:400;} .step li .stTxt em {display: inline;color: #666;line-height: 26px;vertical-align: top;} .top_cont .ctStep {float: right;width: 80%; padding:60px; border-top:1px solid #cfcfcf;} .ctStep {font-size: 0;} .ctStep li {text-align:left;} .ctStep li .ctTxt {display: inline-block;color: #666;font-size: 18px; text-align:left; } .ctStep li .ctTxt p{margin-bottom: 5px; font-size:22px; font-weight:600;} .ctStep li .ctTxt span {text-align:left; line-height:28px; font-size:18px;} .ctStep li .stTxt {display: inline-block;color: #666;font-size: 18px;} .ctStep li .stTxt p{text-align:left; margin-bottom: 5px; text-indent:-1em;} .ctStep li .stTxt span {color: #ff7d30;display: inline-block; margin-right: 12px;line-height:26px;font-weight:400; text-indent:1em;} .ctStep li .stTxt em {display: inline;color: #666;line-height: 26px;vertical-align: top;} .ctStep li .stImg {display: block; margin-bottom: 20px;} .ctStep li .stImg img{width: 100%;} .ctBox{border-radius:30px;background:#f8f8f8; overflow:hidden; margin-top:50px;} .ctBox img { width: 46%; display: inline-block; vertical-align:top;} .ctBox dl { width: 54%; display: inline-block; padding:40px;} .ctBox dl dt{text-align:left; margin-bottom: 5px; font-size:20px; font-weight:600;} .ctBox dl dd {font-size: 18px; line-height: 34px;} .ctBox dl dd p{line-height:28px;} .ctBox dl dd ul {margin: 20px 0; padding-top: 20px;border-top: 1px solid #eee;} .ctBox dl dd ul.btm_l {padding-bottom: 20px; border-bottom: 1px solid #eee;} .ctBox dl dd li {position: relative; line-height: 28px; word-break: keep-all;} /* .ctBox dl dd li:before {content: ''; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #666;}*/ .ctBox dl dd li + li {} .ctBox dl dd li span {display: inline-block;} .cr_point{color:#ef1616} .ctStep {float: right;width: 80%; padding:0px 60px 60px; border-top:1px solid #cfcfcf;} .ctStep .stTxt {margin-bottom:30px; text-align:left; color: #666;font-size: 18px;} .ctStep .stTxt p{text-align:left; font-size:18px; line-height:28px; } .ctStep .stTxt span {display: inline-block; font-weight:500; color: #ff7d30;} .ctStep .stTxt em {text-align:left;} .ctStep .caseBox{display: inline-block;background:#f8f8f8; overflow:hidden; width: 80%; margin-bottom: 20px;} .ctStep .caseBox img {width:100%; display: inline-block; vertical-align:top;} .ctStep .caseBox dl {padding:15px 20px; height: 82px;} .ctStep .caseBox dl p{font-size: 17px; line-height:24px; text-align: left; letter-spacing: -1px;} .caseWrap{border-bottom:1px solid #eee; padding-top:60px; padding-bottom:60px;} .caseStep {float: right;width: 80%; padding:0px 60px 60px; border-top:1px solid #cfcfcf;} .caseStep .caseTxt {margin-bottom:30px; text-align:left; font-size: 18px;} .caseStep .caseTxt p{text-align:left; font-size:22px; margin-bottom:10px; font-weight:600;} .caseStep .caseTxt span {display: inline-block; line-height: 28px;vertical-align: top;} .caseStep .caseTxt .stTxt{margin:10px 0;} .caseStep .caseTxt .stTxt span{display:block; font-weight: 500;} .caseStep .caseTxt em {text-align:left; line-height:28px; font-size:22px; font-weight:500; color: #ff7d30;} .caseStep .caseTxt .fb5{font-weight: 500; font-size:18px;} .caseStep li{width:100%; display: inline-block;} .caseStep li:nth-child(3n+1){margin-right:0px;} .caseStep .caseBox{width:60%; display: inline-block;background:#f8f8f8; overflow:hidden;} .caseStep .caseBox img {width:100%; display: inline-block; vertical-align:top;} .caseStep .caseBox dl {padding:15px 20px;} .caseStep .caseBox dl p{font-size: 18px; line-height:28px; text-align: left;} .caseStep .caseBox02{width:35%; margin:10px; display: inline-block;background:#f8f8f8; overflow:hidden;} .caseStep .caseBox02 img {width:100%; display: inline-block; vertical-align:top;} .caseStep .caseBox02 dl {padding:15px 20px; height: 82px;} .caseStep .caseBox02 dl p{font-size: 18px; line-height:24px; text-align: left; letter-spacing: -1px;} .table .caseBox{width:100%; display: inline-block;background:#f8f8f8; overflow:hidden; border:1px solid #e2e2e2;} .table .caseBox img {width:100%; display: inline-block; vertical-align:top;} .table .caseBox dl {padding:15px 20px; height: 82px;} .table .caseBox dl p{font-size: 18px; line-height:24px; text-align: center; letter-spacing: -1px;} .table .caseBox dl p span{display:block; font-size:16px;} .typeWrap{padding-top:60px;} .typeStep {float: right;width: 80%; padding:0px 60px 60px; border-top:1px solid #cfcfcf;} .typeStep .typeTxt {margin-bottom:30px; text-align:left; font-size: 18px;} .typeStep .typeTxt p{text-align:left; font-size:22px; margin-bottom:10px; font-weight:600;} .typeStep .typeTxt span {display: inline-block; line-height: 26px;vertical-align: top;} .typeStep .typeTxt em {text-align:left; line-height:28px; font-size:22px; font-weight:500; color: #ff7d30;} .step li .stCir span {font-size: 16px;display: block;font-weight: 400;color: #fff; line-height: 1;margin-bottom: 10px;} .step li .stCir em {font-size: 22px; color: #fff; display: block;line-height: 26px;letter-spacing:-0.5px;} .step li .stCir i {background-repeat: no-repeat;width: 36px;height: 36px;margin: 14px 0 0 88px;display: block;} .step li:nth-child(1){padding:0 70px;} .step li:nth-child(2){top:-54px;} .step li:nth-child(3){top:-108px;} .step li:nth-child(4){margin-right: 0; top:-162px;} .step li:after { content: '';display: block;width: 20px; height: 12px;position: absolute;top: 194px;left: 175px;background-image: url('../img/step_arrow.png'); background-position: -1px 0; background-repeat: no-repeat;z-index: 9;} .bg_area_w .step{padding-top:30px; border-top:0px;} .bg_area_w .step li{width:320px;} .bg_area_w .step li:nth-child(1) {padding:0px;} .bg_area_w .step li:nth-child(1) .stCir span { } .bg_area_w .step li:nth-child(1) .stCir {background-color: rgba(76,170,68,0.9);} .bg_area_w .step li:nth-child(1) .stCir i {background-image: url('../img/sub/info/step_icon01_01.png'); margin: 0 auto;} .bg_area_w .step li:nth-child(2){top:0px;} .bg_area_w .step li:nth-child(2) .stCir {background-color: rgba(245,197,38,0.8);} .bg_area_w .step li:nth-child(2) .stCir i {background-image: url('../img/sub/info/step_icon01_02.png'); margin: 0 auto;} .bg_area_w .step li:nth-child(3){top:0px;} .bg_area_w .step li:nth-child(3) .stCir {background-color: rgba(227,89,13,0.7);} .bg_area_w .step li:nth-child(3) .stCir i {background-image: url('../img/sub/info/step_icon01_03.png'); margin: 0 auto;} .bg_area_w .step li div + p {border-top: 1px solid #ccc; padding-top: 35px;} .bg_area_w .step li:last-child:after {display: none;} .bg_area_w .step li:after { content: '';display: block;width: 14px; height: 24px;position: absolute;top: 75px;left: 330px;background-image: url('../img/step_arrow_right.png'); background-position: -1px 0; background-repeat: no-repeat;z-index: 9;} .bg_area_w .step li .stTxt{display: block; width: 100%; border-top:1px solid #ccc;} .bg_area_w .step li .stCir{width:350px; height:170px; padding-top:30px; margin:0 auto 30px; border-radius:100px;} .bg_area_w .step li .stCir em {margin:10px 0 10px;} .bg_area_w .step_wrap01 li:nth-child(1) .stCir i {background-image: url('../img/sub/info/step_icon04_01.png'); margin: 0 auto; } .bg_area_w .step_wrap01 li:nth-child(2) .stCir i {background-image: url('../img/sub/info/step_icon04_02.png'); margin: 0 auto; } .bg_area_w .step_wrap01 li:nth-child(3) .stCir i {background-image: url('../img/sub/info/step_icon05_03.png'); margin: 0 auto; } .bg_area_w .step_wrap02 li:nth-child(1) .stCir i {background-image: url('../img/sub/info/step_icon05_01.png'); margin: 0 auto; } .bg_area_w .step_wrap02 li:nth-child(2) .stCir i {background-image: url('../img/sub/info/step_icon05_02.png'); margin: 0 auto; } .bg_area_w .step_wrap02 li:nth-child(3) .stCir i {background-image: url('../img/sub/info/step_icon05_03.png'); margin: 0 auto; } .explain_txt {display: block;width: 1280px;margin-bottom:80px; padding:35px 59px;background: #fff; border: 1px solid #ddd;} .explain_txt p {display: block; color: #666; font-size: 17px;} .explain_txt {background: #f8f8f8;} .bg_area01 .step li:nth-child(1) .stCir span { } .bg_area01 .step li:nth-child(1) .stCir {background-color: rgba(76,170,68,0.9);} .bg_area01 .step li:nth-child(1) .stCir i {background-image: url('../img/sub/info/step_icon01_01.png'); margin: 14px 0 0 88px;} .bg_area01 .step li:nth-child(2) .stCir {background-color: rgba(245,197,38,0.8);} .bg_area01 .step li:nth-child(2) .stCir i {background-image: url('../img/sub/info/step_icon01_02.png'); margin: 14px 0 0 88px;} .bg_area01 .step li:nth-child(3) .stCir {background-color: rgba(227,89,13,0.7);} .bg_area01 .step li:nth-child(3) .stCir i {background-image: url('../img/sub/info/step_icon01_03.png'); margin: 14px 0 0 88px;} .bg_area01 .step li div + p {border-top: 1px solid #ccc; padding-top: 35px;} .bg_area01 .step li:last-child:after {display: none;} .bg_area02 {} .bg_area02 .title {padding-bottom: 60px;} .bg_area02 .step li:nth-child(1) .stCir {background-color: rgba(76,170,68,0.9);} .bg_area02 .step li:nth-child(2) .stCir {background-color: rgba(245,197,38,0.8);} .bg_area02 .step li:nth-child(3) .stCir {background-color: rgba(227,89,13,0.8);} .bg_area02 .step li:nth-child(4) .stCir {background-color: rgba(211,47,43,0.7);} .bg_area02 .step li:nth-child(4) .stCir * {} .bg_area02 .step li:nth-child(1) .stCir span {color: #fff;} .bg_area02 .step li:nth-child(1) .stCir i {background-image: url('../img/sub/info/step_icon02_01.png'); margin: 14px 0 0 88px; } .bg_area02 .step li:nth-child(2) .stCir i {background-image: url('../img/sub/info/step_icon02_02.png'); margin: 14px 0 0 88px; } .bg_area02 .step li:nth-child(3) .stCir i {background-image: url('../img/sub/info/step_icon02_03.png'); margin: 14px 0 0 88px; } .bg_area02 .step li:nth-child(4) .stCir i {background-image: url('../img/sub/info/step_icon02_04.png'); margin: 14px 0 0 88px; } .bg_area02 .step li:last-child:after { display: block; width: 240px; height: 126px; top: auto; bottom: 14px; right: auto; left: 27px; background-position: 0 -250px; } .bg_area03 {} .bg_area03 .title { padding-bottom: 60px; } .bg_area03 .step{height: 1720px;} .bg_area03 .step li:nth-child(1){padding:0 70px;} .bg_area03 .step li:nth-child(2){top:-54px;} .bg_area03 .step li:nth-child(3){top:-108px;} .bg_area03 .step li:nth-child(4){top:-162px;} .bg_area03 .step li:nth-child(5){top:-216px;} .bg_area03 .step li:nth-child(6){top:-270px} .bg_area03 .step li:nth-child(7){top:-324px;} .bg_area03 .step li:nth-child(8){top:-378px;} .bg_area03 .step li:nth-child(1) .stCir {background-color: rgba(227,89,13,0.9);} .bg_area03 .step li:nth-child(2) .stCir {background-color: rgba(227,89,13,0.8);} .bg_area03 .step li:nth-child(3) .stCir {background-color: rgba(227,89,13,0.6);} .bg_area03 .step li:nth-child(4) .stCir {background-color: rgba(76,170,68,0.9);} .bg_area03 .step li:nth-child(5) .stCir {background-color: rgba(76,170,68,0.8);} .bg_area03 .step li:nth-child(6) .stCir {background-color: rgba(76,170,68,0.6);} .bg_area03 .step li:nth-child(7) .stCir {background-color: rgba(245,197,38,0.9);} .bg_area03 .step li:nth-child(8) .stCir {background-color: rgba(245,197,38,0.7);} .bg_area03 .step li:nth-child(1) .stCir span {color: #fff;} .bg_area03 .step li:nth-child(1) .stCir i {background-image: url('../img/sub/info/step_icon03_01.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:nth-child(2) .stCir i {background-image: url('../img/sub/info/step_icon03_02.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:nth-child(3) .stCir i {background-image: url('../img/sub/info/step_icon03_03.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:nth-child(4) .stCir i {background-image: url('../img/sub/info/step_icon03_04.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:nth-child(5) .stCir i {background-image: url('../img/sub/info/step_icon03_05.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:nth-child(6) .stCir i {background-image: url('../img/sub/info/step_icon03_06.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:nth-child(7) .stCir i {background-image: url('../img/sub/info/step_icon02_03.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:nth-child(8) .stCir i {background-image: url('../img/sub/info/step_icon02_04.png'); margin: 14px 0 0 88px; } .bg_area03 .step li:last-child:after {display: block; width: 240px; height: 126px; top: auto; bottom: 14px; right: auto; left: 27px; background-position: 0 250px;} /* 비급여안내 */ .board_area_pd { max-width:1280px; width:100%; border-top:3px solid #ff7d30; overflow-x: auto; margin:110px 0; } table.board_pd { width:100%; font-size: 16px;} table.board_pd tr th {background:#f9f9f9;padding:10px 5px;border:1px solid #eee;border-width:0 1px 1px 1px;vertical-align: middle;font-weight:500;line-height:20px;} table.board_pd tr td {padding:20px 5px;text-align:center;border:1px solid #eee;line-height:20px;} table.board_pd tr .cost{text-align:right;} /* 비급여안내 End */ /* 서류발급안내 */ .board_area_docu { max-width:1280px; width:100%; overflow-x: auto; margin:110px 0; } /* 병실생활안내 */ .content-box .titBt{ width: 100%;} .content-box .bt1{display: inline-block; vertical-align:top; float:right; width:80%; border-top:1px solid #cfcfcf;} .content-box .provisions { display: table; table-layout: fixed; width: 100%; height: 224px; margin: 0 auto 80px; padding: 39px 25px 40px; background: #f9f9f9; border: 1px solid #ddd; } .content-box .provisions li { display: table-cell; text-align: center; width:25%; } .content-box .provisions li:first-child:before { display: none; } .content-box .provisions li:before { float: left; display: inline-block; content: ''; width: 1px; height: 143px; background: #ddd; } .content-box .provisions li .ico { display: block; width: 110px; height: 110px; margin: 0 auto 20px auto; background: url('../img/sub/info/amenity_icon01.png') no-repeat 0 0px; border:1px solid #ddd; border-radius:50%; } .content-box .provisions li:nth-child(2) .ico { background: url('../img/sub/info/amenity_icon02.png') no-repeat 0 0px; } .content-box .provisions li:nth-child(3) .ico { background: url('../img/sub/info/amenity_icon03.png') no-repeat 0 0px; } .content-box .provisions li:nth-child(4) .ico { background: url('../img/sub/info/amenity_icon04.png') no-repeat 0 0px; } .content-box .provisions li:nth-child(5) .ico { background: url('../img/sub/info/amenity_icon05.png') no-repeat 0 0px; } .content-box .provisions li > strong { display: block; margin: 0 0 10px; color: #333; font-size: 18px; line-height: 1; } .content-box .provisions li > p { color: #666; font-size: 16px; line-height: 1; } .content-box .txt_caution { display: block; margin: 0 0px 60px 20px; color: #666; font-size: 18px; line-height: 26px; } .room_guide { width: 100%; height: auto; } .room_guide > li { width: 100%; height: auto; } .room_guide > li:after { display: block; content: ''; clear: both; } .room_guide > li:last-child { padding-bottom: 60px; } .room_guide > li > dl > dt { float: left; width: 340px; padding:40px 0px 0px 60px; color: #333; font-size: 26px; line-height: 38px; text-align: left; } .room_guide > li > dl > dd { float: left; width: 880px; padding: 40px 0px; border-top: 1px solid #e8e8e8; text-align: left; } .room_guide > li:first-child > dl > dd { border-top: 0; } .room_guide > li > dl > dd p { display: block; margin-bottom: 30px; line-height: 1; } .room_guide > li > dl > dd p:last-child { margin-bottom: 0; } .room_guide > li > dl > dd strong { display: inline-block; width: 115px; color: #333; font-size: 18px; line-height: 1; } .room_guide > li > dl > dd span { display: inline-block; padding-left: 21px; color: #666; font-size: 18px; line-height: 1; } table{border-spacing:0; border-collapse: collapse;} .board_area {max-width:1280px;width:100%;border-top:3px solid #ff7d30;display: flex;flex-direction: column;position:relative;} .board_area_nonboder { max-width:1280px; width:100%; margin:0 auto; overflow:hidden; } table.board_normal { width:100%; } table.board_normal tr { border-bottom:1px solid #e2e2e2; } table.board_normal tr th { background:#f9f9f9; font-size:16px; height:58px; line-height: 58px; font-weight:500; } table.board_normal tr td { font-size:16px; height:58px; line-height: 58px; text-align:center; } table.board_normal tr td.text_align_left { text-align: left; } table.board_normal tr td.text_align_left a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } table.board_normal tr td.text_align_left a img { max-width:21px; margin-left:7px; } table.board_normal tr.board_point td:first-child { color:#ed7147; } table.board_normal tr td:nth-child(2) img { margin-left:5px; vertical-align: -1px; } table.board_border { width:100%; } table.board_border tr th { background:#f9f9f9; font-size:20px; height:58px; line-height: 58px; border:1px solid #e2e2e2; border-width:0 1px 1px 1px; font-weight:600; text-align: center;} table.board_border tr td {font-size:18px; text-align:center; border:1px solid #e2e2e2; vertical-align: middle; padding:15px 15px 15px 15px; } table.board_border tr td.left { text-align: left; padding:15px; line-height:26px; letter-spacing:-0.5px; } table.board_border tr td.center26 { text-align: center; padding: 15px; line-height:26px; letter-spacing:-0.5px; } table.board_border tr td.text_align_left { text-align: left; padding:5px 20px; } table.board_border tr.board_point td:first-child { color:#ed7147; } table.board_border tr td:nth-child(2) img { margin-left:5px; vertical-align: -1px; } .table > li > dl > dd > ol{font-size:15px; line-height:22px;} table.board_border_vertical { width:100%; } table.board_border_vertical tr th { background:#f9f9f9; font-size:16px; height:58px; padding:20px 0; border:1px solid #e2e2e2; font-weight:500; vertical-align: middle; } table.board_border_vertical tr td { font-size:16px; height:58px; text-align:center; border:1px solid #e2e2e2; vertical-align: middle; } table.board_border_vertical tr td.left { text-align: left; padding: 15px 15px 15px 25px; line-height:26px; letter-spacing:-0.5px; } .room_guide > li > dl > dd > ol{ padding: 0px; } .room_guide > li > dl > dd > ol > li { color: #666; font-size: 18px; line-height: 28px; } .room_guide > li > dl > dd > ol > li:first-child { margin-top: 0 ; } .room_guide > li > dl > dd > ol > li:before { display: inline-block; content: ''; width: 3px; height: 3px; background: #666; margin-right: 10px; vertical-align: middle; } /* 병실생활안내 END */ /*외래진료*/ .process_area .ing_area h2 { font-size:24px; color:#333; text-align:left; font-weight:bold; margin-bottom:30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; padding-left:30px} .process_area .ing_area ul { max-width:1000px; padding-bottom:80px; margin:0 auto} .process_area .ing_area li { float:left; width:25%; text-align:center} .process_area .ing_area .circle { border-radius: 50%;width: 200px; height: 200px; display:table; margin:0 auto; } .process_area .ing_area li:first-child { margin-left:0;} .process_area .ing_area li span { display: block; color: #fff; font-size: 16px; padding-top: 5px;} .process_area .ing_area li p { font-size:13px; color:#f5f5f5; font-weight:500; display:table-cell; vertical-align:middle} .process_area .ing_area02 ul { max-width:1200px; padding-bottom:80px} .process_area .ing_area02 li { float:left; width:14.2857142857%; text-align:center} .process_area .ing_area02 .circle02 { border-radius: 50%;width: 145px; height: 145px; display:table; margin:0 auto; } .process_area .ing_area .step01 { background-color:#5a93d9} .process_area .ing_area .step02 { background-color:#099} .process_area .ing_area .step03 { background-color:#5a93d9} .process_area .ing_area .step04 { background-color:#099} .process_area .ing_area .step05 { background-color:#5a93d9} .process_area .ing_area .step06 { background-color:#099} .process_area .ing_area .step07 { background-color:#5a93d9} .process_area .ing_area .list_tit h3 { font-size:20px; padding-top:20px; font-weight:bold;} .process_area .ing_area .list_tit p { display:block; padding-left:10px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position: left 12px;} @media screen and (max-width: 960px) { .process_area .ing_area ul { max-width:500px; margin:0 auto} .process_area .ing_area li { width:50%; margin-bottom:7%} .process_area .ing_area li:nth-child(2n+1) { margin-left:0} } @media screen and (max-width: 640px) { .process_area .ing_area .circle { width:180px; height:180px} } /*외래진료*/ .cont_wrap{margin-top:110px; margin-bottom:110px;} .sub_area .notice {text-align:center; margin-bottom:50px} .sub_area ul {margin:0 auto; text-align: center; } .sub_area ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .non-payment_area .notice { text-align:center; margin-bottom:50px} .non-payment_area ul {margin:0 auto; text-align: center; } .non-payment_area ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .non-payment_area .ts2 ul li { width:22%; display:inline-block; border:1px solid #ddd; } .non-payment_area .ts3 ul li { width:22%; display:inline-block; margin:0 15px; border-radius:35px; text-align:left;} .non-payment_area .ts4 ul li { width:22%; display:inline-block; margin:0 15px; border-radius:35px; text-align:left;} .non-payment_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; } .non-payment_area .ts6 ul li { width:16.66666666666667%; display:block; float:left; text-align:center; border:1px solid #ddd; } .non-payment_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; } .non-payment_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; } .non-payment_area .ts ul li a {display:block; font-size:20px; font-weight:500; color:#272727; border-radius:35px; line-height:68px; padding:0 30px; background:url('../img/lnb_arrowOff.png') #f6f6f6 no-repeat 232px 21px;} .non-payment_area .ts ul li a.on {color:#fff; border-radius: 35px; background:url('../img/lnb_arrowOn.png') #ff7d30 no-repeat 232px 21px;} .hi-cont-inner-wrap .ts_tab ul li a {display:block; font-size:20px; color:#272727; line-height:53px; padding:0 30px; } .hi-cont-inner-wrap .ts_tab ul li a.on { background-color:#ff7d30; color:#fff; } @media screen and (max-width: 640px) { .non-payment_area .ts ul li { width:50%; margin-top:-1px} } /*비급여안내*/ /*입퇴원*/ .Instructions_area .colum { border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px;} .Instructions_area .colum .left { width:33%; font-size:22px; font-weight:600; text-align:left; float:left;} .Instructions_area .colum .right {width: 67%; float: right; } .Instructions_area .colum .right ul li { text-align:left; background-repeat: no-repeat; padding-left:15px; background-image: url(../img/icon_dot.gif); background-position: left 12px; box-sizing:border-box;} @media screen and (max-width: 960px) { .Instructions_area .colum .left { width:100%; float:none; clear:both} .Instructions_area .colum .right { width:100%; float:none; clear:both} .Instructions_area .colum .right ul li { padding-left:13px} } /*입퇴원*/ /* 개인정보처리방침*/ .sect {border:1px solid #ddd;border-width:1px 0;} .sect th, .sect td {height:59px;border-top:1px solid #e2e2e2;padding:0 20px;font-size:18px;text-align:center;} .sect thead th, .sect tfoot th,.sect th.bg_f9 {color:#000;background-color:#f7f7f7;} .sect thead tr th {border-top:0 none;border-bottom:1px solid #e2e2e2;} .sect tbody tr:first-child > * {border-top:0 none;} .sect tbody th {color:#333;} .sect thead tr.in_row th {border-top:0 none;} .sect.tblBox {border-top: 1px solid #666;margin: 56px 0;} .sect.tblBox th {border-left: 1px solid #e2e2e2;color: #333;padding: 26px 0;} .sect.tblBox th:first-child {border-left: 0;} .sect.tblBox td {text-align: left; padding: 26px 30px; border: 1px solid #e2e2e2; border-width: 1px 0 0 1px; font-size: 16px; color: #666; line-height: 28px;} .sect.tblBox td:first-child {border-left: 0;} .sect.tblBox td:last-child {border-right: 0;} .sect.tblBox th:first-child {border-left: 0;} .sect.cont01 {margin: 26px 0 54px;} .sect.cont01 td {padding: 0 20px; height: 59px;} .sect.cont02 {margin: 26px 0 54px;} .sect.cont02 td {padding: 0 20px; height: 59px;text-align:center;} .policy_tit {margin: 55px 0 40px; font-weight: 300; font-size: 48px; color: #000; line-height: 50px; text-align: center;} .policy_tbl {border-top:1px solid #666;border-bottom:1px solid #b5b5b5;} .content_wrap .policy_inner {max-width:1280px; margin:0 auto; font-size: 18px; letter-spacing:-0.02em; line-height:1.75; color:#2e2e2e; font-weight:300; clear:both; margin: 0 auto; padding:100px 0 80px;} .policy_tbl.tblBox td.contWrap h2 {font-size: 24px; color: #333; margin-bottom: 30px;} .policy_tbl.tblBox td.contWrap dl {margin-bottom: 49px;} .policy_tbl.tblBox td.contWrap dl:last-child {margin-bottom: 0;} .policy_tbl.tblBox td.contWrap dl dt {font-size: 18px; color: #333; margin: 22px 0 10px; line-height: 32px; font-weight:600;} .policy_tbl.tblBox td.contWrap dl dt:first-child {margin: 0 0 10px;} .policy_tbl.tblBox td.contWrap dl dd {line-height: 28px;} .policy_tbl.tblBox td.contWrap ol {margin: 3px 0 13px; padding-left:20px;} .policy_tbl.tblBox td.contWrap ol li {font-size: 16px; line-height: 30px;} .policy_tbl.tblBox {border-bottom: 0;} .policy_tbl.tblBox td.contWrap {text-align: left; padding: 38px 0 0; border-top: 0;} .policy_tbl.tblBox td.contWrap.policy {padding: 46px 20px 0;} .policy_tbl.tblBox td.contWrap.policy p {line-height: 28px;} .policy_tbl.tblBox td.contWrap ul.policyBox {padding: 56px 50px; background: #f7f7f7; font-size: 0; margin: 26px 0 7px;} .policy_tbl.tblBox td.contWrap ul.policyBox li {width: 50%; display: inline-block; vertical-align: top; font-size: 18px; color: #666; line-height: 38px; text-align:left;} .policy_tbl.tblBox td.contWrap.policy h2 {margin-bottom: 14px;} .policy_tbl.tblBox td.contWrap.policy dl dt:first-child {margin: 29px 0 9px;} @media screen and (max-width: 1280px) { .content_wrap .intro_txt{top:120px;margin:0px 60px;} .intro_p{font-size:19px; line-height:32px;} .intro_p1{font-size:48px;} .intro_p2 {} .intro_p3 {font-size:38px;} .intro_p3_1 {font-size:42px;} .intro_p4 {} .intro_p4 span {font-size:17px;} .intro_p1_1 {font-size:28px;} .intro_p1_2 {font-size:28px;} /* 장비소개 */ .equipment_area .slide li .slide_cont_area p:before{left:73px;} /* medSchedule */ .doctor_area .doctor_profile{padding:40px;} /* 외래진료안내 */ .step li .stTxt{width:535px;} /* 병실생활 */ .room_guide > li > dl > dt{width:24%; padding:40px 0px 0px 4%} .room_guide > li > dl > dd{width:74%;} /* 비급여안내 */ .non-payment_area{padding:0 20px;} .non-payment_area .ts4 ul li a{background-position:224px 21px;} .non-payment_area .ts4 ul li a.on{background-position:224px 21px;} /* 서류발급절차 */ .top_cont .tit_left{width:18%;} .top_cont .step{width:82%;} .bg_area_w .step li{width:29%;} .bg_area_w .step li .stCir{width:300px;} .bg_area_w .step li:after{left:283px;} .explain_txt{width:86%; margin:0 auto 80px; line-height:28px;} table.board_border tr td{font-size:16px; line-height:28px; } table.board_border tr td.left{line-height:32px; } /* 척추 */ .caseStep li{width:266px;} .top_cont .caseStep{padding:0px 30px 60px;} } @media screen and (max-width: 1024px) { .non-payment_area .ts2 ul li{width:29%;} .non-payment_area .ts3 ul li{width:29%; margin:0 10px;} .centum_sub01_0101_2 .bg {background-image:url('../img/mobile/centum/m_sub01_intro_bg01.jpg');} .centum_sub01_0101_3 .bg {background-image:url('../img/mobile/centum/m_sub01_intro_bg02.jpg');} .centum_sub01_0101_4 .bg {background-image:url('../img/mobile/centum/m_sub01_intro_bg03.jpg');} .centum_sub01_0101_5 .bg {background-image:url('../img/mobile/centum/m_sub01_intro_bg04.jpg');} .centum_sub01_0101_6 .bg {background-image:url('../img/mobile/centum/m_sub01_intro_bg05.jpg');} .centum_sub01_0101_7 .bg {background-image:url('../img/mobile/centum/m_sub01_intro_bg08.jpg');} .content_wrap .intro_box{height:100vh;} .content_wrap .intro_txt{position:relative; top:130px;} .content_wrap .txt_right{float:left; width:93%; padding-left:36%;} .centum_sub01_0101_4 .intro_p1{padding-top:0px;} .centum_sub01_0101_4 .intro_p1_1{padding-bottom:50px;} .centum_sub01_0101_6 .intro_p1{padding-bottom:50px;} /* 장비소개 */ .equipment_area .slide .owl-nav{display: none;} .equipment_area .slide li img{max-width: 40%;} .equipment_area .slide li .slide_cont_area p:before{left:0px;} .tour_area .slider li .box{width:100%;} .tour_area .slider li img{width:100%;} /* map */ .s0105_2_top{width:auto; margin:20px;} .s0105_2_mid{margin:0 20px 30px;} .s0105_2_mid .s0105_ul2 .s0105_p7{width:38%; line-height: 30px; padding:15px 5px;} .s0105_2_mid .s0105_ul2 .s0105_p7 em{display:block;} .s0105_2_mid .s0105_ul2 .s0105_p8{width:64%;} .s0105_2_btm{margin:0 20px 60px;} .s0105_2_btm .s0105_ul3 .s0105_p7{width:24%;} .s0105_2_btm .s0105_ul3 .s0105_p8{width:76%;} .s0105_p3{font-size:22px; line-height: 34px;} .s0105_p4{padding:35px 35px 0px 75px;} .s0105_p5{width:140px; font-size:20px; line-height:48px;} .s0105_p6{width:64%;} /* medSchedule */ .sub-article2{margin-bottom:0;} .doctor_area .medSchedule{width: 68%;} /* 외래진료안내 */ .top_cont .table{padding:60px 40px;} table.board_border tr th{font-size:20px;} table.board_border tr td{font-size:18px; line-height:32px;} .step li .stCir{margin-right:30px;} .step li:nth-child(1){padding:0;} .bg_area03 .step{height:1800px;} .bg_area03 .step li:nth-child(1){padding:0;} .step li .stTxt{width:56%; font-size:17px;} .step li:after{left:19%;} /* 비급여 안내 */ .non-payment_area .ts4 ul li{margin:0 10px;} .non-payment_area .ts4 ul li a{background-position:168px 21px;} .non-payment_area .ts4 ul li a.on{background-position:168px 21px;} table.board_pd{font-size:14px;} /* 서류발급절차 */ .non-payment_area .ts3 ul li{width:29%;} .top_cont .step{width:80%;} .bg_area_w .step li{width:32%;} .bg_area_w .step li:after{left:242px;} .bg_area_w .step li .stCir{width:258px;} .bg_area_w .step li .stCir em{font-size:20px;} .step li .stCir span{font-size:15px; line-height:18px; margin:10px 25px;} /* 컨텐츠 */ .top_cont .ctStep{padding:60px 30px;} .caseStep li{width:206px; margin-right:10px;} .caseBox img{width:208px;} .caseBox dl{padding:15px 10px; height:100px;} .caseBox dl p{font-size:16px;} .top_cont .caseStep{padding:0px 30px 60px;} } @media screen and (max-width: 960px) { .content_wrap .intro_txt{top:80px;} .content_wrap .intro_inner03 .txt_right{width: 100%; padding-left:0px; } .content_wrap .intro_inner03 .intro_p1_2{padding-top:30px;} .content_wrap .intro_inner03 .intro_p7{padding-top:20px;} .content_wrap .intro_inner03 .intro_p8{padding-top:15px; padding-bottom:0px;} .cont_wrap{margin-top:60px; margin-bottom:60px;} .content_wrap .intro_box{height:80vh;} .content_wrap .txt_right{width:98%; padding-left:40%;} .non-payment_area .ts2 ul li{width:32%;} .non-payment_area .ts3 ul li{width:26%; margin:0 10px 10px;} /* map */ .map_wrap{height:380px;} .map_area .txt{margin-bottom:60px;} .map_area .txt li{width:30%; height:60px; line-height:60px; margin:0 5px 10px;} .map_area .txt li a{font-size:16px;} .map_area .txt .add01{font-size:22px;} .map_area .txt .add02{font-size:16px;} .s0105_p6{font-size:16px;line-height:24px;} .s0105_2_top{width:auto; margin:20px;} .s0105_2_top .s0105_ul1{display:block;} .s0105_2_top .s0105_ul1 li{width:100%;} .s0105_2_top .s0105_ul1 li:first-child{border-right:0;} .s0105_2_top .s0105_ul1 li:last-child{padding-left:0px;} .s0105_2_top .s0105_p2{font-size:20px;} .s0105_2_top .s0105_ul1 .s0105_p2{font-size:20px;} .s0105_2_top .s0105_ul1 .s0105_p3{font-size:16px; line-height:24px;} .s0105_2_top .s0105_ul1 .s0105_p4{font-size:16px; line-height:24px; padding-top:30px;} .s0105_2_top .s0105_ul1 .s0105_p5{font-size:18px; line-height:38px; } .s0105_2_top .s0105_ul1 .s0105_p6{width:70%; margin:0px;} .s0105_2_mid{margin:0 20px 30px;} .s0105_2_mid .s0105_p2{font-size:20px;} .s0105_2_mid .s0105_ul2 .s0105_p7{width:38%; font-size: 15px; line-height: 22px; padding:15px 5px; letter-spacing:-1px;} .s0105_2_mid .s0105_ul2 .s0105_p7 em{display:block;} .s0105_2_mid .s0105_ul2 .s0105_p8{width:64%; font-size: 15px; line-height: 22px; padding:15px 15px;} .s0105_2_btm{margin:0 20px 60px;} .s0105_2_btm .s0105_p2{font-size:20px;} .s0105_2_btm .s0105_ul3 .s0105_p7{width:24%; font-size: 15px; line-height:22px; padding:15px 5px; letter-spacing:-1px;} .s0105_2_btm .s0105_ul3 .s0105_p7 em{display:block;} .s0105_2_btm .s0105_ul3 .s0105_p8{width:76%; font-size:15px; padding:15px; line-height:unset;} .s0105_2_btm .s0105_ul3 .s0105_p8 span{font-size:15px; line-height:22px;} .s0105_2_btm .s0105_ul3 .s0105_p8 em{display:block; margin-top:10px; } /* medSchedule */ .sub-article2{padding:50px 20px; margin-bottom:30px;} .doctor_area .medSchedule{width:66%;} /* 외래진료안내 */ .content_wrap .txtCon .sub_title p{font-size:26px;} table.board_border tr td{font-size:17px;} /* 비급여 안내 */ .non-payment_area .ts4 ul li a{background-position:156px 21px;} .non-payment_area .ts4 ul li a.on{background-position:156px 21px;} /* 서류발급절차 */ .top_cont .step{float:left; width:80%;} .bg_area_w .step li .stCir{width:238px;} .bg_area_w .step li:after{left:222px;} /* 컨텐츠 */ .titleWrap span{font-size:18px;} .top_cont .table{padding:60px 20px;} .top_cont .ctStep{padding:60px 20px;} .caseStep li{width:31%;} .top_cont .caseStep{padding:0px 20px 60px;} .ctBox img{width:100%;} .ctBox dl{width:100%;} } @media screen and (max-width: 912px) { .non-payment_area{padding:0px;} .non-payment_area .ts3 ul li{width:28%;} /* 외래진료안내 */ table.board_border tr td{font-size:16px;} .step li .stTxt span{padding:0; margin-right:6px;} .content-box .title{padding:50px 20px 20px;} /* 비급여 안내 */ .non-payment_area .ts4 ul li a{font-size:18px; background-position:146px 21px;} .non-payment_area .ts4 ul li a.on{background-position:146px 21px;} .board_area_pd{margin:80px 20px;} /* 서류발급절차 */ .bg_area_w .step li .stCir{width:235px;} .bg_area_w .step li:after{left:219px;} .non-payment_area .ts ul li a{background-position:208px 21px} .non-payment_area .ts ul li a.on{background-position:208px 21px} /* 개인정보처리 */ .policy_tbl.tblBox td.contWrap ul.policyBox{padding:40px;} .policy_tbl.tblBox td.contWrap ul.policyBox .pli01{width:60%;} .policy_tbl.tblBox td.contWrap ul.policyBox .pli02{width:40%;} } @media screen and (max-width: 820px) { .content_wrap .intro_box{height:90vh;} .content_wrap .intro_txt{top:120px;} .content_wrap .txt_right{width:96%; padding-left:30%;} .centum_sub01_0101_1 em{display: block;} .centum_sub01_0101_1 .centum_sub01_0101_p1{font-size:52px; line-height: 62px;} .centum_sub01_0101_1 .centum_sub01_0101_p2{padding:25px 0 0px;} .centum_sub01_0101_2 .intro_p1{font-size:43px;} .centum_sub01_0101_2 .intro_p em{display:inline;} .centum_sub01_0101_7 .intro_p1{font-size:43px;} .centum_sub01_0101_7 .intro_p em{display:inline;} .centum_sub01_0101_4 .intro_p1_2{line-height:36px;} .centum_sub01_0101_4 .intro_p7{padding-top:20px;} .non-payment_area .ts3 ul li{width:29%; margin:0 5px 10px;} .non-payment_area .ts ul li a{background-position: 188px 21px;} .non-payment_area .ts ul li a.on{background-position: 188px 21px;} /* medSchedule */ .schedule-summary .item{width:33%; font-size:20px;} .schedule-summary .item .when{margin-bottom:10px;} .schedule-summary .item .time{font-size:16px;} .schedule-summary .item .time strong{font-size:20px;} .schedule-infor .tip strong{font-size:18px;} .doctor_area .doctor-list .thumb{width:230px; height:230px;} .doctor_area .doctor_profile{padding:40px 20px;} /* 외래진료안내 */ .content_wrap .txtCon .sub_title p{font-size:24px; line-height:36px;} .content-box .title{font-size:26px;} .step li .stTxt{font-size:16px;} .step li:after{left:18%;} /* 병실생활안내 */ .room_guide > li > dl > dd > ol > li{font-size:16px;} table.board_border tr td{font-size:16px; letter-spacing:-1px;} /* 비급여 안내 */ .non-payment_area .ts4 ul li a{padding:0 20px; background-position:122px 21px;} .non-payment_area .ts4 ul li a.on{background-position:122px 21px;} /* 서류발급 안내 */ .content-box .title{width:100%; padding:30px 20px 20px; text-align: left;} .content-box .bt1{display: none;} .top_cont .step{width:100%;} .top_cont .tit_left{width:100%; padding-top:20px;} .bg_area_w .step li{width:32%; float:left; margin:0;} .bg_area_w .step li .stCir{width:270px;} .bg_area_w .step li:after{left:251px;} .explain_txt{width:94%;} .top_cont .table{border-top:0; width:100%; padding:30px 20px;} } @media screen and (max-width: 768px) { .content_wrap .intro_inner03 .txt_left{width:100%;} .non-payment_area .ts2 ul li{width:32%;} .non-payment_area .ts3 ul li{width:34%;} .non-payment_area .ts ul li a{background-position:212px 21px;} .non-payment_area .ts ul li a.on{background-position:212px 21px;} /* 외래진료안내 */ .content-box .title{width:100%; text-align: left; padding:20px 0px 40px 10px;} .top_cont .table{width:100%; padding:0;} .top_cont .table{border-top:0;} .table > li > dl > dd > ol{padding-bottom:60px;} .bg_area02{padding-bottom:60px;} .bg_area03 .title{padding-bottom:0;} .bg_area03 .step{height:auto;} .top_cont .step{width:100%; border-top:0; padding-top:30px;} .content-box .step li{margin:0; padding:0 20px 40px;} .content-box .step li:after{top:186px; left:49%;} .content-box .step li .stCir{width:210px; height:210px; margin-right:0; padding-top:42px;} .content-box .step li .stCir em{font-size:22px;} .content-box .bg_area01 .step li{padding:0 20px 40px; top:0;} .content-box .bg_area01 .step li .stCir{padding-top:42px;} .content-box .bg_area01 .step li .stCir i{margin-left:90px;} .content-box .bg_area02 .step li{padding:0 20px 40px; top:0;} .content-box .bg_area02 .step li .stCir{padding-top:42px;} .content-box .bg_area02 .step li .stCir i{margin-left:90px;} .content-box .bg_area03 .step li{padding:0 20px 40px; top:0;} .content-box .bg_area03 .step li .stCir{padding-top:42px;} .content-box .bg_area03 .step li .stCir i{margin-left:90px;} .content-box .step li .stTxt{width:100%; padding-top:20px; height:0;} .content-box .step li .stTxt p{font-size:18px; line-height:28px; letter-spacing: -1px; margin-bottom:0px;} .content-box .step li .stTxt span{display:inline; margin-right: 5px; padding-left: 0px;} .content-box .step li .stTxt em{display:inline; letter-spacing:-1px;} .step li:nth-child(1){top:0} .step li:nth-child(2){top:0} .step li:nth-child(3){top:0} .step li:nth-child(4){top:0} .step li:nth-child(5){top:0} .step li:nth-child(6){top:0} .step li:nth-child(7){top:0} .step li:nth-child(8){top:0} /* 병실생활안내 */ .content-box .bt1{display: none;} .content-box .provisions{padding:40px 10px} .content-box .provisions li .ico{width:90px; height: 90px; background-size:100%;} /* 비급여 안내 */ .non-payment_area .ts4 ul li{margin:0 5px;} .non-payment_area .ts4 ul li a{padding:0 15px; background-position:118px 21px;} .non-payment_area .ts4 ul li a.on{background-position:118px 21px;} table.board_pd{min-width:1280px;} .bg_area_w .step li{padding:0;} .bg_area_w .step li .stCir{width:248px; height:176px; padding-top:30px;} .bg_area_w .step li:after{top:77px; left:104%} .bg_area_w .step{padding-top:20px;} /* 컨텐츠 */ .top_cont .title{width:100%; text-align:left; padding:20px 20px 40px;} .top_cont .ctStep{width:100%; border-top:0; padding:30px 20px 60px;} .top_cont .caseStep{width:100%; border-top:0; padding:30px 20px 60px;} .caseWrap{border-bottom:0; padding-top:0px; padding-bottom:40px;} } @media screen and (max-width: 640px) { .cont_wrap{margin-top:60px; margin-bottom:60px;} .content_wrap .intro_txt{margin:0px 30px;} .content_wrap .intro_inner05 .intro_txt{width:60%;} .content_wrap .intro_inner05 .txt_right{padding-left:0px; width:80%;} .centum_sub01_0101{padding:60px 0px 0px;} .centum_sub01_0101 .centum_sub01_0101_1{padding:60px 0px;} .centum_sub01_0101 .centum_sub01_0101_p1{font-size:41px; line-height:49px; padding:0px;} .centum_sub01_0101 .centum_sub01_0101_p2{font-size:18px; line-height:28px; padding:25px 20px 0px;} .non-payment_area .ts2 ul li{width:42%;} .non-payment_area .ts3 ul li{width:41%;} /* medcenter */ .typeWrap{padding-top:30px;} .typeStep {width:100%; padding:30px 20px 60px; } /* tour */ .tour_area .tourTab ul li a{font-size:14px; height:44px; line-height: 44px;} .tour_area ul li a{height:160px;} .tour_area .ts ul li{width:25%;} .tour_area .photo-box img{width:100%;} .tour_area .slider li .box{width:100%; height:42px; line-height:42px; bottom:42px;} /* medSchedule */ .schedule-summary{padding-bottom:20px;} .schedule-summary .item{width:32%;} .schedule-summary .item .when{width:80%;} .schedule-summary .item .time{margin:0px 26px;} .doctor_area .medSchedule{width:100%;} .doctor_area .doctor-list .thumb{width:260px; height:260px; float:none; clear:both; display:block; margin:0 auto 40px;} /* 외래진료안내 */ .content_wrap .txtCon .sub_title p{font-size:22px;line-height:34px; } table.board_border tr th{font-size:18px;} /* 병실생활안내 */ .room_guide > li > dl > dt{width:100%; padding:0 0 0 10px;} .room_guide > li > dl > dd{width:100%; padding:20px 0px 40px; border-top:0;} .content-box .provisions{padding:30px 10px;} .content-box .provisions li:before{background:none;} .content-box .provisions li{width:33%; display:inline-block;} .content-box .provisions li .ico{width:110px; height: 110px;} .content-box .provisions li:before{display:none;} /* 비급여 안내 */ .non-payment_area .ts4 ul li{width:40%; margin:0 5px 10px;} .non-payment_area .ts4 ul li a{padding:0 20px; background-position:194px 21px;} .non-payment_area .ts4 ul li a.on{background-position:194px 21px;} .board_area_pd{margin:60px 20px;} /* 서류발급절차 */ .bg_area_w .step li .stCir{width:200px; height: 200px;} .bg_area_w .step li:after{top:89px; left:103%;} .bg_area_w .step li .stCir em{font-size:18px; margin:10px 25px 10px;} .down_wrap .dnBn{width:240px;} .caseStep li{width:100%; margin-bottom:20px;} .caseBox img{width:48%; display: inline-block;} .caseBox dl{width:50%; display: inline-block;} /* 개인정보처리 */ .sect.cont01 td {padding: 0 10px;} .sect.cont02 td {padding: 0 10px;} .policy_tbl.tblBox td.contWrap ul.policyBox li{font-size:16px; line-height:34px;} .policy_tbl.tblBox td.contWrap ul.policyBox .pli01{width:100%;} .policy_tbl.tblBox td.contWrap ul.policyBox .pli02{width:100%;} /* 컨텐츠 */ .caseWrap{padding-bottom:20px;} } @media screen and (max-width: 540px) { .content_wrap .intro_box{height:98vh;} .content_wrap .txtCon .sub_title .sub_txt{font-size:26px;line-height:34px;} .non-payment_area .ts3 ul li{width:40%; margin:0 5px 10px;} .non-payment_area .ts ul li a{font-size:18px; line-height: 64px; background-position: 185px 18px;} .non-payment_area .ts ul li a.on{background-position: 185px 18px;} .hi-cont-inner-wrap .ts_tab ul li a{font-size:18px;} /* map */ .s0105_2_top .s0105_ul1 .s0105_p6{width:60%; margin:0;} /* medSchedule */ .schedule-summary .item .time{margin:0;} /* 외래진료안내 */ .content_wrap .txtCon .sub_title p{font-size:19px;line-height:28px; } .content-box .step li:after{left:48%;} /* 병실생활안내 */ .room_guide > li > dl > dd > ol > li{font-size:16px; letter-spacing:-1px;} /* 비급여 안내 */ .non-payment_area .ts4 ul li{width:40%; margin:0 5px 10px;} .non-payment_area .ts4 ul li a{background-position:156px 18px;} .non-payment_area .ts4 ul li a.on{background-position:156px 18px;} /* 서류발급 */ .top_cont .tit_left{width:100%; padding-top:0px;} .content-box .bt1{border-top:0;} .bg_area_w .step li{width:100%; padding:0px;} .bg_area_w .step li:after{ width:20px; height: 12px; top:137px; left:47%; background-image:url('../img/step_arrow.png')} .bg_area_w .step li:nth-child(2){top:-50px;} .bg_area_w .step li:nth-child(3){top:-104px;} .bg_area_w .step li .stCir{padding-top:30px; width:360px; height:154px;} .bg_area_w .step li .stCir span{font-size:15px; margin:0px; line-height:22px;} .bg_area_w .step li .stCir em{font-size:18px; margin:5px 0 0; line-height:28px;} .bg_area_w .step_wrap01{height:70vh;} .bg_area_w .step_wrap02{height:70vh;} .explain_txt{margin: 0px 20px 80px 20px; padding:30px; } .down_wrap{margin:20px 0 60px;} .down_wrap .dnBn{width:190px; margin:10px;} .ctStep li .stTxt span{display:inline; margin-right:6px; } } @media screen and (max-width: 430px) { .content_wrap .intro_box{height:84vh;} .content_wrap .intro_txt{top:60px;} .content_wrap .intro_txt .intro_p{font-size:17px; line-height: 28px;} .content_wrap .intro_txt .intro_p1{font-size:34px;} .content_wrap .intro_txt .intro_p3{font-size:30px;} .content_wrap .txt_left{width:100%;} .content_wrap .txt_right{width:100%;} .content_wrap .intro_inner03 .intro_txt .intro_p1_1{font-size:24px;} .content_wrap .intro_inner03 .intro_txt .intro_p1_2{font-size:24px;} .content_wrap .intro_inner05 .intro_txt{width:100%;} .ctStep li .stTxt p{text-indent:0em;} .non-payment_area .ts3 ul li{width:70%;} .non-payment_area .ts ul li a{background-position: 250px 18px;} .non-payment_area .ts ul li a.on{background-position: 250px 18px;} .hi-tab-content > ul > li{padding:0 20px 20px;} .hi-tab-content > ul > li > div:nth-child(2){padding:20px;} .hi-tab-content > ul > li > div:last-child p{font-size:22px;} .hi-tab-content > ul > li > div:last-child li{font-size:16px; line-height:22px;} .hi-cont-inner-wrap .ts_tab ul li a{font-size:16px; padding:0 10px;} .equipment_area .slide li .slide_tit{line-height:1.2;} /* medcenter */ .typeWrap{padding-top:30px;} .typeStep {padding:20px; } /* map */ .map_area .txt li{width:60%;} .s0105_2_top .s0105_ul1 .s0105_p6{width:auto;margin:15px 0px 0 20px;} /* medSchedule */ .schedule-summary .item{padding:0;} .schedule-summary .item .time strong{font-size:18px;} .schedule-infor .tip{font-size:17px; letter-spacing: -1px;} .schedule-infor .tip strong{font-size:17px;} .medInfo02{line-height:40px;} .medInfo02 .department{font-size:22px;} .doctor_area .medSchedule .name{font-size:22px;} .doctor_area .medSchedule .medInfo{margin:0;} .medInfo02 .department::after{height:19px; margin:0 10px 3px 10px;} .btn-group .btn-doctor{width:130px; height: 38px; line-height:38px;} .btn-group .btn-rt span{font-size:16px;} /* 병실생활안내 */ .content-box .txt_caution{margin:0 0px 30px 10px;} /* 비급여 안내 */ .non-payment_area .ts4 ul li{width:45%;} .non-payment_area .ts4 ul li a{background-position:132px 18px;} .non-payment_area .ts4 ul li a.on{background-position:132px 18px;} /* 서류발급 */ .bg_area_w .step_wrap01{height:56vh;} .bg_area_w .step_wrap02{height:56vh;} .down_wrap .dnBn{width:42%;} .down_wrap li a{font-size:16px;} .explain_txt p{font-size:16px;} .visualCont .img_wrap li{width:100%; margin-bottom:20px;} /* 개인정보처리 */ .policy_tit{font-size:42px;} table.board_border tr td{padding:5px; line-height:20px;} table.board_border tr td.left{line-height:20px;} .content_wrap .txtCon .sub_title .sub_txt{font-size:22px;line-height:34px;} } @media screen and (max-width: 414px) { .content_wrap .intro_p{font-size:15px; line-height:26px; } .content_wrap .txt_right{width:100%; padding-left:0%;} .hi-tab-content > ul > li > div:nth-child(2){padding:20px 10px;} /* medcenter */ .typeWrap{padding-top:30px;} .typeStep {padding:0px; } /* tour */ .tour_area .tourTab ul li a{font-size:14px; height:44px; line-height: 44px;} .tour_area ul li a{height:70px;} .tour_area .ts ul li{width:25%;} .tour_area .photo-box img{width:100%;} .tour_area .slider li .box{width:100%; height:42px; line-height:42px; bottom:42px;} /* map */ .map_wrap{height:380px;} .map_area .txt{margin-bottom:60px;} .map_area .txt li{height:60px; line-height:60px; margin:0 10px 10px;} .map_area .txt .add01{font-size:22px;} .map_area .txt .add02{font-size:16px;} .s0105_p6{font-size:16px;line-height:24px;} .s0105_2_top{width:auto; margin:20px;} .s0105_2_top .s0105_ul1{display:block;} .s0105_2_top .s0105_ul1 li{width:100%;} .s0105_2_top .s0105_ul1 li:first-child{border-right:0;} .s0105_2_top .s0105_ul1 li:last-child{padding-left:0px;} .s0105_2_top .s0105_p2{font-size:20px;} .s0105_2_top .s0105_ul1 .s0105_p2{font-size:20px;} .s0105_2_top .s0105_ul1 .s0105_p3{font-size:16px; line-height:24px;} .s0105_2_top .s0105_ul1 .s0105_p4{font-size:16px; line-height:24px; padding-top:30px;} .s0105_2_top .s0105_ul1 .s0105_p5{font-size:18px; line-height:38px; } .s0105_2_top .s0105_ul1 .s0105_p6{width:auto; margin:15px 0px 0 20px;} .s0105_2_mid{margin:0 20px 30px;} .s0105_2_mid .s0105_p2{font-size:20px;} .s0105_2_mid .s0105_ul2 .s0105_p7{width:38%; font-size: 15px; line-height: 22px; padding:15px 5px; letter-spacing:-1px;} .s0105_2_mid .s0105_ul2 .s0105_p7 em{display:block;} .s0105_2_mid .s0105_ul2 .s0105_p8{width:64%; font-size: 15px; line-height: 22px; padding:15px 15px;} .s0105_2_btm{margin:0 20px 60px;} .s0105_2_btm .s0105_p2{font-size:20px;} .s0105_2_btm .s0105_ul3 .s0105_p7{width:24%; font-size: 15px; line-height:22px; padding:15px 5px; letter-spacing:-1px;} .s0105_2_btm .s0105_ul3 .s0105_p7 em{display:block;} .s0105_2_btm .s0105_ul3 .s0105_p8{width:76%; font-size:15px; padding:15px; line-height:unset;} .s0105_2_btm .s0105_ul3 .s0105_p8 span{font-size:15px; line-height:22px;} .s0105_2_btm .s0105_ul3 .s0105_p8 em{display:block; margin-top:10px; } /* 진료시간표 */ .sub-article2{padding:50px 20px; margin-bottom:20px;} .schedule-summary{padding-bottom:20px;} .schedule-summary .item{width:32%; font-size:18px; padding:0 8px;} .schedule-summary .item .when{width:100%; height:38px; margin-bottom:10px;} .schedule-summary .item .time{font-size:14px;} .schedule-summary .item .time strong{font-size:16px; line-height:26px;} .schedule-infor .tip{font-size:16px;} .schedule-infor .tip strong{font-size:16px; letter-spacing:-1px;} .medInfo01 span {font-size:16px;} .medInfo02 .department{font-size:20px;} .doctor_area .medSchedule .name{font-size:20px;} .medInfo02 .department::after{height:17px; margin:0 8px 3px 8px;} .btn-group .btn-doctor{width:120px;} .btn-group .btn-rt spang{font-size:14px;} .doctor_area .doctor-list .thumb{width:230px; height: 230px;} .doctor_area .doctor_profile{padding:40px 20px;} .doctor_area .medSchedule{width:100%;} .doctor_area .schedule{margin:20px 0;} .schedule .med{font-size:11px;} .schedule .surgery{font-size:11px;} .schedule .circle{width:26px; height:26px; line-height:25px;} .schedule .circle02{width:26px; height:26px; line-height:25px;} .medSchedule .tbl-stat tbody td{font-size:14px;} .schedule .med02{font-size:12px;} .schedule .med02 p{font-size:12px;} /* 외래진료안내 */ .content-box .title{width:100%; text-align: left; padding:20px 0px 20px 10px;} .top_cont .table{width:100%; padding:0;} .top_cont .table{border-top:0;} .table > li > dl > dd > ol{padding-bottom:60px;} table.board_border tr th{font-size:16px;} .bg_area03 .title{padding-bottom:0;} .bg_area03 .step{height:auto;} .top_cont .step{width:100%; border-top:0; padding-top:30px;} .content-box .step li{margin:0; padding:0 20px 40px;} .content-box .step li:after{top:160px; left:48%;} .content-box .step li .stCir{width:180px; height:180px; margin-right:0; padding-top:42px;} .content-box .step li .stCir em{font-size:18px;} .content-box .bg_area01 .step li{padding:0 20px 40px; top:0;} .content-box .bg_area01 .step li .stCir{padding-top:42px;} .content-box .bg_area01 .step li .stCir i{margin-left:70px;} .content-box .bg_area02 .step li{padding:0 20px 40px; top:0;} .content-box .bg_area02 .step li .stCir{padding-top:42px;} .content-box .bg_area02 .step li .stCir i{margin-left:70px;} .content-box .bg_area03 .step li{padding:0 20px 40px; top:0;} .content-box .bg_area03 .step li .stCir{padding-top:42px;} .content-box .bg_area03 .step li .stCir i{margin-left:70px;} .content-box .step li .stTxt{width:100%; padding-top:20px; height:0;} .content-box .step li .stTxt p{font-size:16px; letter-spacing: -1px; margin-bottom:0px;} .content-box .step li .stTxt span{display:inline; margin-right: 5px; padding-left: 0px;} .content-box .step li .stTxt em{display:inline; letter-spacing:-1px;} .step li:nth-child(1){top:0} .step li:nth-child(2){top:0} .step li:nth-child(3){top:0} .step li:nth-child(4){top:0} .step li:nth-child(5){top:0} .step li:nth-child(6){top:0} .step li:nth-child(7){top:0} .step li:nth-child(8){top:0} /* 서류발급 */ .top_cont .tit_left{width:100%; padding-top:0px;} .content-box .bt1{border-top:0;} .bg_area_w .step li{width:100%; padding:0px;} .bg_area_w .step li:after{ width:20px; height: 12px; top:142px; left:47%; background-image:url('../img/step_arrow.png')} .bg_area_w .step li:nth-child(2){top:-50px;} .bg_area_w .step li:nth-child(3){top:-104px;} .bg_area_w .step li .stCir{ width:320px; height:160px; padding-top:35px;} .bg_area_w .step li .stCir span{font-size:15px;} .bg_area_w .step_wrap01{height:560px;} .bg_area_w .step_wrap02{height:560px;} .bg_area_w .title{padding:20px 0px 40px 10px;} .bg_area01 .title{padding:20px 0px 40px 10px;} .bg_area02 .title{padding:20px 0px 40px 10px;} .explain_txt{width:90%; margin: 0px 20px 80px 20px; padding:30px; } .down_wrap{margin:20px 0 40px;} .down_wrap .dnBn{margin:10px 5px;} .down_wrap li{margin-right:0;} /* sub */ .non-payment_area{padding:0;} .non-payment_area .ts ul li a{background-position:242px 18px;} .non-payment_area .ts ul li a.on{background-position:242px 18px;} .sub_area .title{width:100%; text-align:left; padding: 20px 0px 0px 0px;} .top_cont .ctStep{width:100%; padding:30px 0px 60px} .top_cont .caseStep{width:100%; padding:30px 0px 0px} .caseStep li{width:100%; margin-right:0;} .ctStep li .stTxt span{display: inline;} .ctStep .caseBox{width:100%;} .caseStep .caseBox02{width:45%; margin:5px;} .caseStep li{margin-bottom:0;} .caseStep .caseBox{width:100%;} .ctBox dl{width:100%; padding:20px 20px;} .ctBox img{width:100%;} /*개인정보*/ .content_wrap .policy_inner{width:100%; font-size:15px; line-height: 28px;} .policy_tbl.tblBox td.contWrap ul.policyBox{padding:20px;} .policy_tbl.tblBox td.contWrap ul.policyBox li{width:100%; font-size:15px; line-height: 28px;} .policy_tbl.tblBox td.contWrap h2{font-size:22px;} .policy_tbl.tblBox td.contWrap dl dt{font-size:17px;} .sect.cont01 td{padding:0 10px;} .sect.tblBox td{ font-size:15px; line-height: 24px;} /* 비급여 안내 */ .board_area_pd{margin:60px 20px;} table.board_pd{font-size:14px;} table.board_pd tr td{padding:10px 10px;} .non-payment_area .ts4 ul li a{background-position:124px 18px;} .non-payment_area .ts4 ul li a.on{background-position:124px 18px;} /* 컨텐츠 */ .caseStep li{margin-bottom:20px;} .caseBox img{width:100%;} .caseBox dl{width: 100%; padding:20px;} .caseBox dl p{font-size:18px; line-height: 28px;} } @media screen and (max-width: 412px) { } @media screen and (max-width: 390px) { .content_wrap .intro_txt{top:80px;} .content_wrap .intro_txt .intro_p{font-size:16px; line-height: 26px;} .content_wrap .intro_txt .intro_p1{font-size:32px;} .content_wrap .intro_txt .intro_p3{font-size:28px;} .content_wrap .intro_txt .txt_left .intro_p1_2{font-size:24px;} .content_wrap .intro_txt .txt_left .intro_p1_1{font-size:24px;} .non-payment_area .ts ul li a{background-position: 226px 18px;} .non-payment_area .ts ul li a.on{background-position: 226px 18px;} .content_wrap .equipment_area .btn_navi div a{width:50%; height:46px; line-height:46px;} table.board_border tr td{font-size:14px;} .content-box .provisions{padding:30px 10px 20px;} .content-box .provisions li > strong{font-size:16px; margin:0 0 20px;} .content-box .provisions li .ico{width:90px; height: 90px; background-position: 50% 50%;} .content-box .provisions li:nth-child(2) .ico {background-position: 50% 50%;} .content-box .provisions li:nth-child(3) .ico {background-position: 50% 50%;} .content-box .provisions li:nth-child(4) .ico {background-position: 50% 50%;} .content-box .provisions li:nth-child(5) .ico {background-position: 50% 50%;} /* 비급여 안내 */ .non-payment_area .ts4 ul li a{background-position:116px 18px;} .non-payment_area .ts4 ul li a.on{background-position:116px 18px;} /* 서류발급절차 */ .bg_area_w .step li .stCir{height:150px; padding-top:30px;} .bg_area_w .step li:after{top:134px;} .bg_area_w .step li .stCir em{line-height:22px;} .explain_txt{padding:20px;} .bg_area_w .step_wrap01{height:510px;} .bg_area_w .step_wrap02{height:510px;} .down_wrap li a{font-size: 14px;} /*컨텐츠*/ .titleWrap span{margin-bottom:30px;} .ctStep li .stTxt{font-size:16px; line-height:26px;} .ctStep li .ctTxt{font-size:16px; line-height:26px; text-align:left;} .ctStep li .ctTxt p{font-size:20px; margin-bottom:10px;} .ctStep li .ctTxt span{font-size:16px; line-height:26px;} .ctBox dl dd{font-size:16px; line-height:26px;} .caseStep .caseTxt p{font-size:18px; line-height:30px; } .caseStep .caseTxt em{font-size:18px; line-height:30px;} .caseStep .caseTxt{font-size:16px;} .caseBox dl p{font-size:16px;} } @media screen and (max-width: 375px) { .centum_sub01_0101 .centum_sub01_0101_p1{font-size:38px; line-height:47px;} .content_wrap .intro_box{height:100vh;} .non-payment_area .ts ul li a{ background-position: 212px 18px;} .non-payment_area .ts ul li a.on{background-position: 212px 18px;} .non-payment_area .ts2 ul li{width:46%;} .hi-cont-inner-wrap .ts_tab ul li a{padding:0px;} .hi-tab-content > ul > li{padding:0 0px 20px;} /* map */ .map_area .txt .add01{font-size:20px;} .s0105_2_top .s0105_ul1 .s0105_p3{font-size:15px; line-height: 22px;} .s0105_2_top .s0105_ul1 .s0105_p4{font-size:15px; line-height: 22px;} .s0105_p6{font-size:15px; line-height: 22px;} .schedule-summary .item{width:100%;} .schedule-summary .item:nth-child(2){border:0;} .schedule-summary .item .when{width:40%; height: 36px; margin:0 5px 5px 0; display: inline-block;} .schedule-summary .item .time{display:inline-block; vertical-align:top; line-height: 37px;} .schedule-infor .tip{font-size:15px; line-height:26px;} .medInfo02{line-height:34px;} .medInfo02 .department{letter-spacing:-1px;} .doctor_area .medSchedule .name{letter-spacing:-1px;} .btn-group .btn-rt span{font-size:14px;} .btn-group .btn-doctor{width:100px; height:34px; line-height:34px;} /* 비급여 안내 */ .non-payment_area .ts4 ul li a{font-size:16px; background-position:110px 18px;} .non-payment_area .ts4 ul li a.on{background-position:110px 18px;} } @media screen and (max-width: 360px) { .centum_sub01_0101 .centum_sub01_0101_p1{font-size:36px; line-height:45px;} .content_wrap .intro_box{height:86vh;} .centum_sub01_0101_2 .intro_p2{padding-top:30px;} .centum_sub01_0101_3 .intro_p1_2{padding-top:30px;} .centum_sub01_0101_3 .intro_p2_1{padding-top:10px;} .centum_sub01_0101_4 .intro_p1_1{padding-bottom:30px;} .centum_sub01_0101_4 .intro_p7{padding-top:10px;} .centum_sub01_0101_6 .intro_p4{padding-top:10px; padding-bottom:30px;} .non-payment_area .ts ul li a{ background-position: 204px 18px;} .non-payment_area .ts ul li a.on{background-position: 204px 18px;} .non-payment_area .ts3 ul li{width:78%;} /* 병실생활안내 */ .content-box .provisions li > strong{font-size:15px;} /* 비급여 안내 */ .non-payment_area .ts4 ul li a{background-position:104px 18px;} .non-payment_area .ts4 ul li a.on{background-position:104px 18px;} } @media screen and (max-width: 344px) { .content_wrap .intro_txt{margin:20px;} .content_wrap .intro_txt .intro_p1{font-size:28px;} .content_wrap .intro_txt .intro_p3{font-size:26px;} .non-payment_area .ts ul li a{ background-position: 192px 18px;} .non-payment_area .ts ul li a.on{background-position: 192px 18px;} .schedule-summary .item .when{width:36%;} .schedule-infor .tip strong{font-size:15px;} .medInfo02 .department{font-size:19px;} .doctor_area .medSchedule .name{font-size:19px;} .medInfo02 .department::after{margin:0 6px 3px 6px;} /* 외래진료안내 */ .content-box .bg_area01 .step li{padding:0 0px 40px;} .content-box .bg_area03 .step li{padding:0 0px 40px;} .content-box .step li:after{left:47%;} .non-payment_area .ts4 ul li{width:78%;} /* 서류발급절차 */ .bg_area_w .step li .stCir{width:302px;} }