@charset "utf-8"; .conts{ max-width:1400px; margin:0 auto; padding-bottom:150px;} /*subVisual*/ /*.subVisual {width:calc(100% - 100px);margin:0 auto;border-radius:50px;overflow:hidden;background:#f5f5f5;height:380px;display:flex;align-items:center;margin-bottom:150px}*/ /*.subVisual .subTitle {margin:0 auto;width:100%;}*/ /*.subVisual {border-bottom: 1px solid rgba(0,0,0,.15);margin-bottom:150px;}*/ .subVisual {width:calc(100% - 100px);margin:0 auto;background:#f5f5f5;padding:150px 0;background:transparent;padding:250px 0;padding:200px 0;position:relative;z-index:1} .subVisual .subTitle {margin:0 auto} .docInfo {margin:0 auto !important;} .subVisual {width:100%;padding:200px 0 150px 0;} .subVisual#sub_t001 {background-image:url(../image/sub/subVisual001.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff} .subVisual#sub_t002 {background-image:url(../image/sub/subVisual002.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff} .subVisual#sub_t003 {background-image:url(../image/sub/subVisual003.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff} .subVisual#sub_t005 {background-image:url(../image/sub/subVisual005.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff} .subVisual#sub_t006 {background-image:url(../image/sub/subVisual006.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff} .subVisual001001, .subVisual001002, .subVisual002005, .subVisual003001, .subVisual003001001, .subVisual003001002, .subVisual003001003, .subVisual003001004, .subVisual003001005, .subVisual003001006, .subVisual003001007, .subVisual003001008, .subVisual003001009, .subVisual003001010, .subVisual003001011, .subVisual003005, .subVisual005005, .subVisual006003 {background:#fff !important;color:#000 !important} .conts {margin-top:150px;} .subTitle .subMenu.Location>div a {font-size:16px !important;} .conts001001, .conts001002, .conts002005, .conts003001, .conts003001001, .conts003005, .conts004001,.conts004002, .conts004004, .conts005005, .conts006003{margin-top:0 !important;} /*subTitle*/ .subTitle {max-width:1400px; margin:150px auto;} .subTitle .subMenu.Location {display:flex !important;align-items:center;} .subTitle .subMenu.Location>div {position:relative;border-right:0;margin-right:45px;background:transparent;margin-right:20px;} .subTitle .subMenu.Location>div:last-child {margin-right:0;} .subTitle .subMenu.Location>div a {padding:0;font-size:17px;} .subTitle .subMenu.Location>div:last-child::after {display:none;} /*.subTitle .subMenu.Location>div::after {content:"";position:absolute;top:50%;transform:translateY(-50%);width:4px;height:4px; background:#888;border-radius:50%;left:100%;margin-left:20px}*/ .subTitle .subMenu.Location div.depth, .subMenu.Location div > ul {min-width:180px} .subTitle .subMenu.Location div:last-child, .subTitle .subMenu.Location div:last-child > ul {min-width:220px;height:auto !important} .subTitle .subMenu.Location div > ul {width:100%;border:1px solid rgba(0,0,0,.15);padding:15px ;background:#fff;} .subTitle .subMenu.Location div > ul > li {padding:10px 0;} .subTitle .subMenu.Location div > ul > li > a {border-top:none;white-space:normal;color:#222} .subTitle .subMenu.Location div > ul > li > a:hover {background:transparent;color:#008f79} .subTitle .subMenu.Location .home {width:20px; height:20px;min-width:auto} .subTitle .subMenu.Location .home::before {content:"";position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px; background-image:url(../image/icon/home.png);background-position:center;background-repeat:no-repeat;background-size:cover;left:0} .subTitle .subMenu.Location .home a {font-size:0 !important} .subTitle .subMenu.Location .depth .active{line-height:40px;} .subTitle .subMenu.Location .depth > a:before {top:50%; transform:translateY(-50%)} .subTitle .subMenu.Location .depth .active.up::before {top:50%; transform:translateY(-50%) rotate(-180deg)} .subTitle .subMenu.Location .depth .active.tcolbg {color:inherit;background:transparent !important;} .subTitle .subMenu.Mobile {display:none !important;} .subTitle .title h1 {line-height:1.2 ;color:#000;display:block;font-weight:800;font-size:72px;margin-top:50px;line-height:1.3;color:inherit} .sub_visual {width:calc(100% - 100px);margin:0 auto;border-radius:50px; overflow:hidden;background-position:center;background-repeat: no-repeat;background-size:cover ;height:100%;height:450px} /*p0101(대표원장 인사말)*/ .conts001001 {max-width:initial} .p0101 .sub_visual {background-image:url(../image/sub/p0101_img01.jpg)} .p0101 .content {max-width:1400px; margin:150px auto 0 auto;display:flex;gap:100px;} .p0101 .content .img {border-radius:20px; overflow:hidden;height:100%} .p0101 .content .img img {width:100%;} .p0101 .content h3 {line-height:1;font-weight:800;font-size:34px; word-break:keep-all;} .p0101 .content p {margin-top:40px; font-size:18px;color:#595959;word-break:keep-all;} .p0101 .content span {margin-top:60px; font-size:20px;font-weight:500;word-break:keep-all;display:block} .p0101 .content span strong {font-weight:800;font-size:34px;margin-left:20px} /*p0102(설립이념/병원개요)*/ .conts001002 {max-width:initial} .p0102 .sub_visual {background-image:url(../image/sub/p0102_img01.jpg)} .p0102 .sec01 {text-align:center;margin-top:100px} .p0102 .sec01 .title h4 {font-size:32px; font-weight:700;margin-bottom:60px; text-align:center;line-height:1;} .p0102 .sec01 .title p {font-size:20px ;word-break:keep-all;} .p0102 .bg {background:#e0f8f2;background:#f5f5f5;margin:150px auto;background:#f2f9f7} .p0102 .sec02 {margin:0 auto;padding:150px 0;max-width:1400px} .p0102 .sec02 .title h3 {font-size:52px; font-weight:700;margin-bottom:60px; text-align:center;line-height:1;} .p0102 .sec02 ul {display:flex;} .p0102 .sec02 ul li {width:350px ;height:350px;display:flex;justify-content:center;position:relative;flex-direction:column;margin-left:-6%;} .p0102 .sec02 ul li:nth-child(1) {margin:0;z-index:5;} .p0102 .sec02 ul li:nth-child(2) {z-index:4} .p0102 .sec02 ul li:nth-child(3) {z-index:3} .p0102 .sec02 ul li:nth-child(4) {z-index:2} .p0102 .sec02 ul li:nth-child(5) {z-index:1} .p0102 .sec02 ul li .box {width:100%;height:100%;border-radius:50%; position:absolute;left:0;top:0;object-fit:contain;background:#008f79;background:linear-gradient(45deg, #00ba9d, #008f79)} .p0102 .sec02 ul li:nth-child(1) .box {background-image:url(../image/sub/p0102_img02_01.jpg);background-size:cover;background-repeat:no-repeat;background-position:center} .p0102 .sec02 ul li:nth-child(3) .box {background-image:url(../image/sub/p0102_img02_02.jpg);background-size:cover;background-repeat:no-repeat;background-position:center} .p0102 .sec02 ul li:nth-child(5) .box {background-image:url(../image/sub/p0102_img02_03.jpg);background-size:cover;background-repeat:no-repeat;background-position:center} .p0102 .sec02 ul li .txt_box {position:relative;text-align:center;color:#fff;margin-left:7%} .p0102 .sec02 ul li:nth-child(1) .txt_box {margin-left:0} .p0102 .sec02 ul li .txt_box h5{font-size:28px; font-weight:600;} .p0102 .sec02 ul li .txt_box p{font-size:15px; margin-top:20px;} .p0102 .sec03 {width:1400px;margin:150px auto 0 auto;overflow:hidden} .p0102 .sec03 .title h3 {font-size:52px; font-weight:700;margin-bottom:60px;text-align:center;line-height:1;} .p0102 .sec03 ul li {display:flex;margin-top:100px} .p0102 .sec03 ul li:first-child {margin-top:0;} .p0102 .sec03 ul li .txt {width:500px;} .p0102 .sec03 ul li .txt h4 {font-size:24px; font-weight:800;color:#00ba9d} .p0102 .sec03 ul li .txt h3 {font-size:36px; font-weight:800;word-break:keep-all;margin:5px 0 30px 0 ;} .p0102 .sec03 ul li .txt p {font-size:18px; word-break:keep-all;} .p0102 .sec03 ul li .img {width:calc(100% - 600px);margin-left:100px; border-radius:20px; overflow:hidden;} .p0102 .sec03 ul li .img img {width:100%;} /*p0103(조직도)*/ .p0103 .line {position:relative;display:flex;justify-content:center;margin-bottom:50px;} .p0103 .line:before {content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1px; height:50px;background:rgba(0,0,0,.15);} /*.p0103 .line span {width:calc((100% - 40px) /3);height:60px;text-align:center; }*/ .p0103 .line>li {width:calc((100% - 60px) /3);} .p0103 .line>li span {height:55px; display:flex;justify-content:center;align-items:center;background: #008f79;color:#fff;} .p0103 .line:last-child {margin-bottom:0;} .p0103 .line03:before {height:255px;top:0;} .p0103 .line03:after {content:"";position:absolute;top:50%;left:50%;height:1px; width:24%;background:rgba(0,0,0,.15)} .p0103 .line03 {justify-content:flex-end;margin-bottom:100px;} .p0103 .line03 li{position:relative;} .p0103 .line03 li:before {content:"";position:absolute;top:13%;left:-30px;transform:translateX(-50%);width:1px; height:152px;background:rgba(0,0,0,.15);} .p0103 .line03 li div {position:relative;margin-bottom:20px;} .p0103 .line03 li div:last-of-type {margin-bottom:0} .p0103 .line03 li div:after{content:"";position:absolute;top:50%;left:-30px;height:1px; width:10%;background:rgba(0,0,0,.15);z-index:-1} .p0103 .line03 li {width:calc((100% - 60px) /4);color:#000} .p0103 .line03 li span {background:transparent;background:#666;} .p0103 .line04 {flex-wrap:wrap;justify-content:space-between} .p0103 .line04:before {content:"";position:absolute;top:-50px;height:1px; width:76.5%;background:rgba(0,0,0,.15)} .p0103 .line04>li {position:relative;} .p0103 .line04>li span {background:#666;margin-bottom:10px;} .p0103 .line04>li {width:calc((100% - 90px) /4);margin-right:30px;} .p0103 .line04>li:last-child {margin-right:0;} .p0103 .line04>li:before {content:"";position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:1px; height:50px;background:rgba(0,0,0,.15);} .p0103 .line04 .list {border:1px solid rgba(0,0,0,.15);text-align:center} .p0103 .line04 .list li {padding:10px 0;} /*.p0103 .line04 .sub {display:flex;flex-wrap:wrap;}*/ /*.p0103 .line04 .sub span {width:100%;}*/ /*.p0103 .line04 .sub .list {width:calc((100% - 20px) /2);margin-right:20px;}*/ /*.p0103 .line04 .sub .list:last-child {margin-right:0;}*/ /*p0104(병원 연혁)*/ .p0104 .history {position:relative;} .p0104 .history .bar {position:absolute;left:50%;top:0;bottom:0;width:2px; background:#f5f5f5;transform:translateX(-50%)} .p0104 .history .bar_color {position:absolute;top:0;left:0;width:100%;background:#00ba9d;height:0;transition:height .4s ease-in-out;} .p0104 .history .bar_color::before {content:"";position:absolute;width:20px; height:20px; opacity:0.15;left:50%;transform:translateX(-50%);bottom:-5px;border-radius:50%;background:#00ba9d;transition:height .4s ease-in-out;} .p0104 .history .bar_color::after {content:"";position:absolute;width:10px; height:10px; left:50%;transform:translateX(-50%);bottom:0;border-radius:50%;background:#00ba9d;transition:height .4s ease-in-out;} .p0104 .history .year {display: flex; justify-content: space-between; margin-bottom: 150px;align-items:flex-start } .p0104 .history .year .left {width:50%;position:sticky;top:150px} .p0104 .history .year .left h3 {font-size:65px; font-weight:800;} .p0104 .history .year .right {width:50%;padding-left:100px;} .p0104 .history .year .right dl {text-align:left;display:flex;flex-wrap:wrap;margin-bottom:40px;} .p0104 .history .year .right dl:last-child {margin-bottom:0;} .p0104 .history .year .right dl dt {width:80px;font-size:20px} .p0104 .history .year .right dl dd {width:calc(100% - 100px);margin-left:20px;font-size:18px} .p0104 .history .year .right dl dd ul {line-height:1.5;} .p0104 .history .year .right dl dd ul li{word-break:keep-all} /*p0105(첨단의료장비)*/ .p0105 ul {display:flex;flex-wrap:wrap;gap:40px;} .p0105 ul li {width:calc((100% - 80px) /3); text-align:center;} .p0105 ul li a .img {width:100%;overflow:hidden;} .p0105 ul li a .img img {width:100%;} .p0105 ul li:hover .img img {transform:scale(1.1);transition:all .3s ease-in-out;object-fit:cover} .p0105 ul li a p {font-size:18px; font-weight:500;margin-top:15px;} /*p0201(찾아오시는길)*/ .p0201 .root_daum_roughmap {width:100% !important; border-radius:20px;overflow:hidden;} .p0201 .root_daum_roughmap .wrap_map {height:600px !important;} .p0201 .content {margin-top:50px;} .p0201 .content h3 {font-size:30px; font-weight:700;} .p0201 .content .info {margin-top:100px;display:flex;flex-wrap:wrap} .p0201 .content .info>div {width:calc((100% - 100px) / 2 ); margin-right:100px;} .p0201 .content .info>div:last-child {margin-right:0;} .p0201 .content .info>div h3{margin-bottom:25px;} .p0201 .content .info .call ul li {display:flex;align-items:center;margin-bottom:10px;} .p0201 .content .info .call ul li:last-child {margin-bottom:0} .p0201 .content .info .call ul li i {font-size:21px; font-weight:700;margin-right:10px;} .p0201 .content .info .call ul li h5 {font-size:30px; font-weight:700;} .p0201 .content .info .guide dl {display:flex;font-size:17px; margin-bottom:10px; word-break:keep-all;align-items:flex-start} .p0201 .content .info .guide dl dt{margin-right:20px;color:#fff;border-radius:50px;text-align:center;padding: 6px 20px;background:#008f79;background:#00ba9d} .p0201 .content .info .guide dl dd{padding:5px 0;} .p0201 .content .info .traffic dl:nth-child(1) dt {background:#E60012} .p0201 .content .info .traffic dl:nth-child(2) dt {background:#53B332} .p0201 .content .info .traffic dl:nth-child(3) dt {background:#0068B7} .p0201 .content .info .parking dl dt {min-width:98px} .p0201 .content .info .parking ul li {font-size:15px; color:#555;word-break:keep-all} .p0201 .content .info .map_parking img {width:100%;} /*p0202(부서별 위치안내도)*/ .p0202 .table_design{width:100%;word-break:keep-all} .p0202 .table_design thead {border-top:2px solid #000;font-weight:700;font-size:18px;} .p0202 .table_design tr {border-bottom:1px solid rgba(0,0,0,.15)} .p0202 .table_design th {padding:20px;} .p0202 .table_design td {padding:20px;} .p0202 .table_design td strong {font-weight:600;} /*p0203(부서별 위치안내도)*/ .p0203 .sec {margin-top:100px;} .p0203 .sec:first-child {margin-top:0} .p0203 .sec .tit h2 {font-size:44px;font-weight:700;display:block} .p0203 .sec .tit h3 {font-size:32px; font-weight:700} .p0203 .sec .tit p {font-size:18px; margin-top:35px;line-height:1.5;word-break:keep-all} .p0203 .sec .cont dl {border-bottom:1px solid rgba(0,0,0,.15);display:flex;align-items:center;padding:30px ;word-break:keep-all;font-size:17px} .p0203 .sec .cont dl:first-child{border-top:1px solid rgba(0,0,0,.15);} .p0203 .sec .cont dt {width:130px;flex-shrink:0;word-break:keep-all;text-align:center} .p0203 .sec .cont dd {margin-left:50px;width:calc(100% - 180px)} .p0203 .sec .cont dd ul li{line-height:1.5;} .p0203 .sec01 .tit {margin-bottom:50px;} .p0203 .sec01 ul {display:flex;flex-wrap:wrap;justify-content:flex-start} .p0203 .sec01 ul:last-child {margin-top:30px;} .p0203 .sec01 ul li {width:calc((100% - 60px) /3) ;margin-right:30px;;position:relative;text-align:center;padding:25px;display:flex;align-items:center;justify-content:center;border-radius:50px;background:#f2f9f7} .p0203 .sec01 ul li:last-child{margin-right:0;} .p0203 .sec01 ul li:after {content:"\f054";position:absolute;top:50%;right:-20px; transform:translateY(-50%);font-family:"FontAwesomes";font-size:20px;color:rgba(0,0,0,.15);} .p0203 .sec01 ul li:last-child:after {display:none;} .p0203 .sec01 ul li div {font-size:17px;font-weight:500;word-break:keep-all} .p0203 .sec01 ul li div span {display:block;font-weight:600;color:#00ba9d;font-size:14px} .p0203 .sec02 {display:flex;} .p0203 .sec02 .tit {width:400px ;margin-right:100px;} .p0203 .sec02 .cont {width:calc(100% - 500px);} /*p0204(원내전화번호)*/ .p0204 .sec {margin-top:100px;} .p0204 .sec h3 {font-size:30px; font-weight:700;margin-bottom:35px} .p0204 .sec table {width:100%;} .p0204 .sec table thead {font-size:18px;font-weight:600;} .p0204 .sec table thead tr {} .p0204 .sec table thead tr:first-child{border-top:1px solid rgba(0,0,0,.15);} .p0204 .sec table thead th {padding:20px 25px;text-align:center;background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.15);background:#f2f9f7} .p0204 .sec table tbody {font-size:18px;border-top:1px solid rgba(0,0,0,5)} .p0204 .sec table tbody tr {} .p0204 .sec table tbody td {padding:20px 25px;border-bottom:1px solid rgba(0,0,0,.15);} .p0204 .sec table tbody td:nth-child(1),.p0204 .sec table tbody td:nth-child(3) {text-align:center;background:#f5f5f5;background:#f2f9f7} .p0204 .sec tbody tr td span {font-size:15px;color:#888} .p0204 .sec01 {padding:60px 50px; background:#f5f5f5;border-radius:30px;margin-top:0;background:#f2f9f7} .p0204 .sec01 ul {display:flex;flex-wrap:wrap;} .p0204 .sec01 ul li {width:calc((100% - 40px) /2);margin-right:40px;display:flex;align-items:center;} .p0204 .sec01 ul li:nth-child(2n) {margin-right:0;} .p0204 .sec01 ul li:nth-child(n+3){margin-top:20px} .p0204 .sec01 ul li div {display:flex;justify-content:center;align-items:center;height:100px;width:100px; background:#00ba9d;border-radius:50%; color:#fff;font-size:28px} .p0204 .sec01 ul li dl {margin-left:20px} .p0204 .sec01 ul li dl dt{margin-bottom:7px;font-size:22px;font-weight:600} .p0204 .sec01 ul li dl dd {font-size:30px;font-weight:700;line-height:1} .p0204 .sec02 thead tr:first-child th {background:#555;color:#fff;background:#e0f2f1;background:#2c3332} .p0204 .sec02 thead tr:nth-child(2) th {font-weight:500;border-left:1px solid rgba(0,0,0,.15);} .p0204 .sec02 thead tr td {padding:20px 25px;text-align:center;border-bottom:1px solid rgba(0,0,0,.15);font-weight:500;border-left:1px solid rgba(0,0,0,.15);} .p0204 .sec02 tbody tr th {padding:20px 25px;text-align:center;background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.15);border-left:1px solid rgba(0,0,0,.15);background:#f2f9f7} /*.p0204 .sec02 tbody tr td {text-align:center;background:transparent !important;border-left:1px solid rgba(0,0,0,.15);}*/ .p0204 .sec02 thead tr th:first-child, .p0204 .sec02 thead tr td:first-child,.p0204 .sec02 tbody tr th:first-child,.p0204 .sec02 tbody tr td:first-child {border-left:0;} /*p0205(고객한마디)*/ .conts002005 {max-width:initial} /*.p0205 .img {background-image:url(../image/sub/p0205_img01.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;}*/ .p0205 .sec {display:flex;align-items:center;align-items:flex-start;overflow:hidden} .p0205 .sec .img {width:calc((100% - 100px) /2);width:50%} .p0205 .sec .img img {width:100%;} .p0205 .sec .txt {word-break:keep-all;width:calc((100% - 100px) /2);margin-left:100px;width:50%;margin:0;padding:0 200px 0 100px} /*.p0205 .sec .txt>div {width:max-content;max-width:70%;}*/ .p0205 .sec .txt h4 {font-size:38px; font-weight:700;margin-bottom:20px;} .p0205 .sec .txt h4 span {display:block;} .p0205 .sec .txt p {font-size:18px;margin-bottom:50px} .p0205 .sec .txt dl {display:flex;font-size:17px; margin-bottom:15px;align-items:center;align-items:flex-start} .p0205 .sec .txt dl:last-of-type {margin-bottom:0;} .p0205 .sec .txt dl dt {margin-right:20px; text-align:center;border-radius:50px; background:#f2f9f7;color:#2c3332;width:100px;height:35px;align-content:center;} .p0205 .sec .txt dl dd {width:calc(100% - 120px);margin-top:5px} /*p0206(환자권리보호/안전관리체계)*/ .p0206 .content {margin-top:200px;} .p0206 .content:first-of-type {margin-top:0;} .p0206 .sec {margin-top:100px} .p0206 .sec:first-of-type {margin-top:0;} .p0206 .sec .tit {margin-bottom:50px;} .p0206 .sec .tit h2 {font-size:44px;font-weight:700;display:block;word-break:keep-all} .p0206 .sec .tit h3 {font-size:32px;font-weight:700;word-break:keep-all} .p0206 .sec .tit p {font-size:16px; margin-top:35px;line-height:1.5;word-break:keep-all} .p0206 .sec .tit p span {display:block} .p0206 .sec .cont .num {margin-left:20px } .p0206 .sec .cont .num li {list-style:decimal;margin-bottom:5px;line-height:1.5} .p0206 .sec .cont .num li:last-child {margin-bottom:0;} .p0206 .sec .cont .dot {} .p0206 .sec .cont .dot li {line-height:1.5;list-style:unset;position:relative;padding-left:14px;} .p0206 .sec .cont .dot li:last-child {margin-bottom:0;} .p0206 .sec .cont .dot li:before {content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#2c3332;top:8px;left:0;} .p0206 .sec01 {display:flex;} .p0206 .sec01 .tit {width:400px ;margin-bottom:0} .p0206 .sec01 .cont {width:calc(100% - 500px);margin-left:100px;margin-top:0} .p0206 .sec02 .cont{display:flex;flex-wrap:wrap;justify-content: space-between;gap:20px} .p0206 .content01 .sec01 .cont ul {display:flex;gap:20px;} .p0206 .content01 .sec01 .cont ul li {width:calc((100% - 20px) /2);background:#f2f9f7;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px 30px ;border-radius:20px; text-align:center} .p0206 .content01 .sec01 .cont ul li .img{width:60px;overflow:hidden;margin-bottom:30px} .p0206 .content01 .sec01 .cont ul li .img img {width:100%;} .p0206 .content01 .sec01 .cont ul li h5 {font-size:19px;font-weight:700;margin-bottom:10px} .p0206 .content02 .sec01 .cont ul {display:flex;gap:20px;flex-wrap:wrap} .p0206 .content02 .sec01 .cont ul li {width:calc((100% - 60px) /4);text-align:center} .p0206 .content02 .sec01 .cont ul li .img {border-radius:50%; overflow:hidden;background:#f2f9f7;margin-bottom:30px} .p0206 .content02 .sec01 .cont ul li .img img {width:100%;} .p0206 .content02 .sec01 .cont ul li p {word-break:keep-all} .p0206 .content03 .sec02 {} .p0206 .content03 .sec .box {width:calc((100% - 20px) /2);display:flex;flex-direction:column} .p0206 .content03 .sec .box .title {border-radius:10px; text-align:center;display:flex;justify-content:center;align-items:center;height:50px; font-weight:600;color:#fff;background:#2c3332;} .p0206 .content03 .sec .box .num{border:1px solid rgba(0,0,0,.15);margin:10px 0 0 0 ; flex:auto;padding:30px 40px ; border-radius:10px;} .p0206 .content03 .sec .box .num li{word-break:keep-all} .p0206 .content04 .sec .cont .img {padding:100px 50px; background:#f2f9f7;border-radius:20px; display:flex;align-content:center;justify-content:center;} .p0206 .content05 .sec ul {display:flex;flex-wrap:wrap;justify-content:flex-start} .p0206 .content05 .sec ul li {width:calc((100% - 60px) /3) ;margin-right:30px;;position:relative;text-align:center;padding:25px;display:flex;align-items:center;justify-content:center;border-radius:50px;background:#f2f9f7} .p0206 .content05 .sec ul li:last-child{margin-right:0;} .p0206 .content05 .sec ul li:after {content:"\f054";position:absolute;top:50%;right:-20px; transform:translateY(-50%);font-family:"FontAwesomes";font-size:20px;color:rgba(0,0,0,.15);} .p0206 .content05 .sec ul li:last-child:after {display:none;} .p0206 .content05 .sec ul li div {font-size:17px;font-weight:500;} .p0206 .content05 .sec ul li div strong {font-weight:700;} .p0206 .content05 .sec .dot {display:block;margin-top:20px} .p0206 .content05 .sec .dot li {background:transparent;width:inherit;padding:inherit;display:block;text-align:left;border-radius:0;padding-left:15px;word-break:keep-all} .p0206 .content05 .sec .cont table {width:100%;} .p0206 .content05 .sec .cont table tbody tr:first-child {border-top:2px solid #2c3332;border-top:1px solid rgba(0,0,0,.15);} .p0206 .content05 .sec .cont table tbody tr th {border-bottom:1px solid rgba(0,0,0,.15);padding:20px;background:#f2f9f7} .p0206 .content05 .sec .cont table tbody tr td {border-bottom:1px solid rgba(0,0,0,.15);padding:20px;word-break:keep-all} .p0206 .content05 .sec .cont p {color:#888;margin-top:20px;margin-left:20px} .p0206 .content05 .sec01 .cont dl {padding:30px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.15);} .p0206 .content05 .sec01 .cont dl:first-of-type {border-top:1px solid rgba(0,0,0,.15);} .p0206 .content05 .sec01 .cont dl dt {font-weight:700;width:130px;flex-shrink:0;text-align:center;word-break:keep-all;} .p0206 .content05 .sec01 .cont dl dd {margin-left:50px;width:calc(100% - 180px)} .p0206 .content05 .sec01 .cont dl dd .dot {margin-top:0;} .p0206 .content05 .sec01 .cont dl dd .dot li:after {display:none;} .p0206 .content05 .sec .cont .step {gap:20px;justify-content:space-between;flex-wrap:nowrap;} .p0206 .content05 .sec .cont .step li {display:block;width:calc(25% - 15px); padding:0;background: transparent;border:1px solid rgba(0,0,0,.15);border-radius:15px;margin-right:0;} .p0206 .content05 .sec .cont .step li:after {display:none;} /*.p0206 .content05 .sec .cont .step li .img {text-align:center;padding:20px}*/ /*.p0206 .content05 .sec .cont .step li .img img {height:100%; max-height:180px; width:auto}*/ .p0206 .content05 .sec .cont .step li .img {text-align:center;padding:20px;align-content:center;display:flex;justify-content:center;} .p0206 .content05 .sec .cont .step li .img img {height:180px} .p0206 .content05 .sec .cont .step li .txt {word-break:keep-all;padding:20px;text-align:center;} .p0206 .content05 .sec .cont .step li .txt span {display:inline-block;font-size:14px;color:#fff;background:#2c3332;padding:2px 10px; border-radius:50px;margin-bottom:10px} .p0206 .content05 .sec .cont .step li .txt p {margin:0 ;line-height:1.5;color:inherit} /*p003(공통)*/ .p003 .content {margin-top:200px;} .p003 .content:first-of-type {margin-top:0;} .p003 .sec {margin-top:100px ;} .p003 .sec:first-of-type {margin-top:0;} .p003 .sec .tit {margin-bottom:50px} .p003 .sec .tit h2 {font-size:44px;font-weight:700;display:block;} .p003 .sec .tit h3 {font-size:32px; font-weight:700;line-height:1.3} .p003 .sec .tit p {} .p003 .sec .cont ul li {position:relative;word-break:keep-all} .p003 .sec .cont ul.line li{line-height:1.5;padding-left:10px;word-break:keep-all} .p003 .sec .cont ul.line li:before{content:"";position:absolute;width:5px; height:2px;background:#555;top:9px;left:0;border-radius:50%;} .p003 .sec .cont ul li {position:relative;} .p003 .sec .cont ul.dot li {line-height:1.5;width:auto !important;padding:0 0 0 10px !important;border-radius:0 !important;background:transparent !important;text-align:left !important;word-break:keep-all} .p003 .sec .cont ul.dot li:before{content:"";position:absolute;width:3px; height:3px;background:#555;top:9px;left:0;border-radius:50%;} .p003 .sec .cont .notice.dot {margin-top:20px;margin-left:10px;} .p003 .sec .cont .notice.dot li{line-height:1.5;padding-left:13px;word-break:keep-all;color:#888;font-size:15px;} .p003 .sec .cont .notice.dot li:before {position:absolute;content:"";width:3px;height:3px; border-radius:50%;top:10px;left:0;transform:translateY(-50%);background:#888} .p003 .sec01 .cont ul.box {display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px; width:100%;} .p003 .sec01 .cont ul.box>li {width:calc((100% - 60px) /4); border-radius:20px; padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;background:#f5f5f5;background:#f2f9f7;} .p003 .sec01 .cont ul.box>li span {font-weight:700;color:#00ba9d;font-size:14px; margin-bottom:20px; display:block;line-height:1} .p003 .sec01 .cont ul.box>li h5 {font-size:20px; font-weight:700;} .p003 .sec01 .cont ul.box>li h5 span {font-size:16px; color:#555;font-weight:inherit;margin-top:8px;margin-bottom:0} .p003 .sec01 .cont ul.box li ol {display:flex;flex-wrap:wrap;margin-top:13px;} .p003 .sec01 .cont ul.box li ol li {width:calc((100% - 20px ) /3); margin-right:10px; padding:5px; text-align:center;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:10px} .p003 .sec01 .cont ul.box li ol li:last-of-type {margin-right:0;} .p003 .sec01 .cont ul.box li .dot {margin-top:13px;} .p003 .sec01 .cont ul.box li .dot li {word-break:keep-all;color:#555;font-size:15px;margin-bottom:0;} .p003 .sec01 .cont ul.box li .dot li:before {background:#555;} .p003 .sec02 {display:flex;flex-wrap:wrap;} .p003 .sec02 .tit {width:500px;} .p003 .sec02 .cont {width:calc(100% - 600px); margin-left:100px;} .p003 .sec02 .cont dl.line {padding:30px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.15);} .p003 .sec02 .cont dl.line:first-of-type {border-top:1px solid rgba(0,0,0,.15);} .p003 .sec02 .cont dl.line dt {font-weight:700;width:130px;flex-shrink:0;text-align:center;word-break:keep-all;} .p003 .sec02 .cont dl.line dd {margin-left:50px;width:calc(100% - 180px);word-break:keep-all} .p003 .sec02 .cont dl.box {padding:30px;border-radius:20px ;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;background:#f5f5f5;background:#f2f9f7;} .p003 .sec02 .cont dl.box:last-of-type {margin-bottom:0;} .p003 .sec02 .cont dl.box dt{font-size: 25px;font-weight: 700} .p003 .sec02 .cont dl.box dd {font-size: 33px;font-weight: 700;} .p003 .sec03 .cont{display:flex;flex-wrap:wrap;justify-content: space-between;gap:20px;} .p003 .sec03 .cont .box {width: 49%;display: flex;flex-direction: column;width:calc((100% - 20px) /2)} .p003 .sec03 .cont .box .title {border-radius:10px; text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;background:#000;background:#2c3332;padding:15px 20px;word-break:keep-all} .p003 .sec03 .cont .box .dot {border:1px solid rgba(0,0,0,.15);margin-top:10px; flex:auto;padding:30px;border-radius: 10px;} /*p0301(진료과/의료진 소개)*/ .p0301 ul {display:flex;flex-wrap:wrap;gap:20px;} .p0301 ul li {width:calc((100% - 80px) / 5)} .p0301 ul li a {width:100%;display:block;background:#f2f9f7;border-radius:20px;padding:40px; transition:background .3s;position:relative;aspect-ratio:1/1;height:100%} .p0301 ul li a:hover {background:#00ba9d;} .p0301 ul li a h4 {font-size:24px; font-weight:600;transition: .3s;word-break:keep-all} .p0301 ul li a p{font-size:16px;color:#888;transition: .3s;margin-top:15px;word-break:keep-all} .p0301 ul li a:hover h4, .p0301 ul li a:hover p {color:#fff} .p0301 ul li a .icon {position:absolute;bottom:40px;right:40px;} .p0301 ul li a .icon img {transition: .3s ease} .p0301 ul li a .icon .white {display:none;} .p0301 ul li a:hover .icon img {display:none} .p0301 ul li a:hover .icon .white {display:block;} .conts003001 {max-width:initial} .p0301 .content {max-width:1400px; margin:0 auto;} #p0301 .bg {position:relative;padding-bottom:150px; margin-bottom:200px} #p0301 .bg:before {content:'';position:absolute;z-index:-1;margin-top:150px; height:500px; width:100%;background:#f2f9f7} #p0301 .content {max-width:1400px; margin:0 auto;display:flex;gap:100px} #p0301 .content .sub_img {border-radius:30px; overflow:hidden;background-position:center;background-repeat: no-repeat;background-size:cover ;height:500px;width:500px;} #p0301 .content .text {width:calc(100% - 600px);margin-top:70px} #p0301 .content .text h3 {font-size:40px; font-weight:700;margin-bottom:100px} #p0301 .content .text p {line-height:1.5;word-break:keep-all;font-size:18px;} #p0301 .p030101 .content .sub_img {background-image:url(../image/sub/p030101_img01.jpg);} #p0301 .p030102 .content .sub_img {background-image:url(../image/sub/p030102_img01.jpg);} #p0301 .p030103 .content .sub_img {background-image:url(../image/sub/p030103_img01.jpg);} #p0301 .p030104 .content .sub_img {background-image:url(../image/sub/p030104_img01.jpg);} #p0301 .p030105 .content .sub_img {background-image:url(../image/sub/p030105_img01.jpg);} #p0301 .p030106 .content .sub_img {background-image:url(../image/sub/p030106_img01.jpg);} #p0301 .p030107 .content .sub_img {background-image:url(../image/sub/p030107_img01.jpg);} #p0301 .p030108 .content .sub_img {background-image:url(../image/sub/p030108_img01.jpg);} #p0301 .p030109 .content .sub_img {background-image:url(../image/sub/p030109_img01.jpg);} #p0301 .p030110 .content .sub_img {background-image:url(../image/sub/p030110_img01.jpg);} #p0301 .p030111 .content .sub_img {background-image:url(../image/sub/p030111_img01.jpg);} .p030101 .content {max-width:1400px; margin:0 auto;display:flex;gap:100px} .p030101 #list{display:block} .p030101 #list .title {margin-bottom:50px} .p030101 #list .title h3 {font-size:32px; font-weight:700;} .p030101 #list ul {display:flex;gap:70px;flex-wrap:wrap} .p030101 #list ul li {width:calc((100% - 100px) /2);display:flex;align-items:center;gap:50px;} .p030101 #list ul li .img {width:30%; background:rgba(242,249,247,.8);border-radius:20px;overflow:hidden;padding:20px 20px 0 20px;width:200px;background:#f2f9f7} .p030101 #list ul li .img img {width:100%;height:100%;object-fit:cover;} .p030101 #list ul li .info {display:flex;flex-direction:column;flex:1;width:calc(100% - 250px)} .p030101 #list ul li .info em{font-size:16px; font-weight:600;color:#00ba9d;font-size:18px;} .p030101 #list ul li .info p{font-size:14px; color:#888;margin-top:10px;word-break:keep-all;font-size:inherit} .p030101 #list ul li .info .tit {font-size:26px; font-weight:700;margin-top:15px;color:inherit;line-height:1} .p030101 #list ul li .info a {margin-top:30px; border-radius:50px; border:1px solid #00ba9d ;width:max-content;padding:13px 25px ;font-size:15px;color:#00ba9d;font-weight:600;transition: all ease .3s;background:#f2f9f7;border:0;} .p030101 #list ul li .info a:hover {background:#00ba9d;color:#fff;} .p03010101 .content {/*max-width:1400px;margin:0 auto;*/display:flex;gap:100px;position:relative;} .p03010101 .content .img{width:50%;background:#f2f9f7} .p03010101 .content .img img {width:600px; position:sticky;top:150px;left:200px;left:150px; top:200px;transition:transform 0.3s ease} .p03010101 .content .info {width:50%;padding-right:200px;padding-bottom:100px} .p03010101 .content .info>div {width:100%;/*padding-right:250px*/} .p03010101 .content .info .info_box {margin-top:100px;} .p03010101 .content .info .info_top p {font-weight:600;color:#00ba9d;margin-bottom:20px;font-size:18px;font-size:20px;} .p03010101 .content .info .info_top h3 {font-size:38px; font-weight:700;} .p03010101 .content .info .info_box>div {margin-bottom:50px;} .p03010101 .content .info>div h5 {font-size:20px; font-weight:700;margin-bottom:20px;font-size:22px;} .p03010101 .content .info>div p {word-break:keep-all;font-size:16px;} .p03010101 .content .info .schedule .table {border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.15);} .p03010101 .content .info .schedule table {width:100%;border-collapse:collapse;font-size:15px;font-size:inherit;} .p03010101 .content .info .schedule table thead tr th{padding:15px 0;font-weight:600;line-height:1.5;text-align:center;background:#00ba9d;color:#fff} .p03010101 .content .info .schedule table tbody td{height:55px;line-height:1.5;text-align:center} .p03010101 .content .info .schedule table tbody td.time-col {border-right:1px solid rgba(0,0,0,.15);width:80px;} .p03010101 .content .info .schedule table tbody td span {display:inline-flex;align-items:center;justify-content:center;min-width:50px; padding:5px 14px; border-radius:50px; white-space:nowrap;background:#f2f4f5;} .p03010101 .content .info .schedule table tbody td span.status-수술{} .p03010101 .content .info .schedule table tbody td span.status-\진료\<\/b\>{background:#00ba9d ;color:#fff} .p03010101 .content .info .schedule table tbody td span.status-휴진{background:transparent} .p03010101 .content .info .schedule table tbody tr:last-child td:last-child span {display:none;} .p03010101 .content .info .schedule div:first-of-type {margin-bottom:40px;} .p03010101 .content .info .schedule div:last-of-type tbody tr td {border-bottom:1px solid rgba(0,0,0,.15) !important;height:45px;} .p03010101 .content .info .schedule div:last-of-type tbody tr:last-child td {border-bottom:0 !important;} .p03010101 .content .info .schedule ul li {position:relative;padding-left:15px; font-size:15px;color:#888;word-break:keep-all;font-size:16px;} .p03010101 .content .info .schedule ul li:before {position:absolute;content:'※';left:0;top:0} .p03010101 .content .info .txt_box {margin-top:150px;} .p03010101 .content .info .txt_box h4 {font-size:28px;font-weight:700;margin-bottom:30px;} .p03010101 .content .info .txt_box .list_box{margin-top:100px;padding-top:50px; border-top:1px solid rgba(0,0,0,.15);line-height:1.5;font-size:17px;} .p03010101 .content .info .txt_box .list_box ul li {padding-left:15px; line-height:1.5;position:relative;} .p03010101 .content .info .txt_box .list_box ul li:before {content:'';position:absolute;width:3px;height:3px;background:#343434;top:10px;left:0;border-radius:50%;} .idx6 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술, .idx7 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술, .idx8 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술, .idx9 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술, .idx10 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술, .idx11 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술{position:relative;color:transparent} .idx6 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술:before, .idx7 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술:before, .idx8 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술:before, .idx9 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술:before, .idx10 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술:before, .idx11 .p03010101 .content .info .schedule .table:first-of-type tbody td span.status-수술:before{content:"검사";position:absolute;color:initial} .idx6 .p03010101 .content .info .schedule ul li, .idx7 .p03010101 .content .info .schedule ul li, .idx8 .p03010101 .content .info .schedule ul li, .idx11 .p03010101 .content .info .schedule ul li, .idx18 .p03010101 .content .info .schedule ul li, .idx25 .p03010101 .content .info .schedule ul li{padding-left:0;} .idx6 .p03010101 .content .info .schedule ul li:before, .idx7 .p03010101 .content .info .schedule ul li:before , .idx8 .p03010101 .content .info .schedule ul li:before, .idx11 .p03010101 .content .info .schedule ul li:before, .idx11 .p03010101 .content .info .schedule ul li:before, .idx25 .p03010101 .content .info .schedule ul li:before {display:none;} .idx6 .p03010101 .content .info .schedule ul li p, .idx7 .p03010101 .content .info .schedule ul li p, .idx8 .p03010101 .content .info .schedule ul li p, .idx11 .p03010101 .content .info .schedule ul li p , .idx18 .p03010101 .content .info .schedule ul li p, .idx25 .p03010101 .content .info .schedule ul li p{position:relative;padding-left:15px; font-size:15px;color:#888;word-break:keep-all;font-size:16px;} .idx6 .p03010101 .content .info .schedule ul li p:before, .idx7 .p03010101 .content .info .schedule ul li p:before , .idx8 .p03010101 .content .info .schedule ul li p:before, .idx11 .p03010101 .content .info .schedule ul li p:before , .idx18 .p03010101 .content .info .schedule ul li p:before, .idx25 .p03010101 .content .info .schedule ul li p:before {position:absolute;content:'※';left:0;top:0} .idx18 .p03010101 .content .info .schedule ul li p.red, .idx25 .p03010101 .content .info .schedule ul li p.red{color:#e10600;} .idx18 .p03010101 .content .info .schedule ul li p.red span, .idx25 .p03010101 .content .info .schedule ul li p.red span {font-weight:600;} .idx22 .p03010101 .content .info .schedule table tbody tr:last-child td:last-child span, .idx23 .p03010101 .content .info .schedule table tbody tr:last-child td:last-child span {display:inline-flex;} .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:nth-child(2), .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:nth-child(3), .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:nth-child(2), .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:nth-child(3) {display:none;} .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td, .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td {position:relative;font-size:0;} .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before , .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before {position:absolute;content:"24시간 진료" ;font-size:15px;top:50%;left:50%;transform:translate(-50%, -50%);} .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td.time-col:before , .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td.time-col:before {content:"월~일";} /*p0302(외래 진료절차)*/ .p0302 .sec .cont table {width:100%;} .p0302 .sec .cont table tbody tr:first-child {border-top:2px solid #2c3332;border-top:1px solid rgba(0,0,0,.15);} .p0302 .sec .cont table tbody tr th {border-bottom:1px solid rgba(0,0,0,.15);text-align:center;padding:20px;background:#f2f9f7} .p0302 .sec .cont table tbody tr td {border-bottom:1px solid rgba(0,0,0,.15);text-align:center;padding:20px;word-break:keep-all} /*p0303(입원/퇴원 진료절차)*/ .p0303 .sec .cont .notice.dot.black {margin-top:0;margin-left:0} .p0303 .sec .cont .notice.dot.black li {color:#000;font-size:inherit;padding-bottom:5px !important} .p0303 .sec .cont .notice.dot.black li:before {background:#000;} .p0303 .sec01 .cont ul.box>li {width:calc((100% - 40px) /3);} .p0303 .sec02.move .tit {width:400px} .p0303 .sec02.move .tit h3 span {display:block;} .p0303 .sec02.move .cont {width:calc(100% - 500px)} .p0303 .sec02.move .cont ul{display:flex;flex-wrap:wrap;} .p0303 .sec02.move .cont ul li{width:calc((100% - 60px) /2); margin-right:30px;position:relative;padding:20px;border-radius:50px;background:#f2f9f7} .p0303 .sec02.move .cont ul li:last-child {margin-right:0} .p0303 .sec02.move .cont ul li:after {content:"\f054";position:absolute;right:-20px;font-family:"FontAwesomes";color:#e5d5d5;top:20px;font-size:16px} .p0303 .sec02.move .cont ul li:last-child:after{display:none} .p0303 .sec02.move .cont ul li:nth-child(n+3) {margin-top:20px;} .p0303 .sec02.move .cont ul li p{text-align:center;background:#e0f2f1;word-break:keep-all;background:#fff;background:transparent} /*p0304(병문안 안내)*/ .p0304 .sec02 .cont .notice.dot {margin:0;} .p0304 .sec03 .cont .box {width:calc((100% - 40px) /3);} /*p0306(진료기록사본발급)*/ .p0306 .sec:first-of-type .cont {align-items:flex-end;} .p0306 .sec .cont ul.down {display:flex;gap:20px;width:calc(50% - 100px)} .p0306 .sec .cont ul.down li {width:calc((100% - 20px) /2);} .p0306 .sec .cont ul.down li a {width:100%;display:flex;position:relative;padding:20px;font-weight:600;border-radius:15px; background:#f2f9f7;justify-content:space-between;align-items:center;;border:2px solid #f2f9f7;transition:all ease .3s} .p0306 .sec .cont ul.down li a:hover {background:#fff;border-color: #00ba9d} .p0306 .sec .cont ul.down li a img {width:15px; height:15px;} .p0306 .sec01 {display:block;} .p0306 .sec01>div {width:100% ;margin:0} .p0306 .sec01 .cont table {width:100%;} .p0306 .sec01 .cont table thead tr th {border-bottom:1px solid rgba(0,0,0,.15);text-align:center;padding:20px;border-right:1px solid rgba(0,0,0,.15);border-top:1px solid rgba(0,0,0,.15);background:#008f79;color:#fff;font-weight:600;font-size:18px} .p0306 .sec01 .cont table tbody tr td {border-bottom:1px solid rgba(0,0,0,.15);padding:20px 30px;border-right:1px solid rgba(0,0,0,.15)} .p0306 .sec01 .cont table tbody tr td:first-child {text-align:center} .p0306 .sec01 .cont table thead tr th:last-child, .p0306 .sec01 .cont table tbody tr td:last-child {border-right:0;} .p0306 .sec01 .cont table tbody tr td ul {display:block ;gap:0;} .p0306 .sec01 .cont table tbody tr td ul li{text-align:left;width:100%;list-style:deciaml;} .p0306 .sec03 {display:block;align-items:unset;} .p0306 .sec03>div {width:100% ;margin:0} .p0306 .sec03 .cont ul {display:block;gap:0} /*p0307(대리처방)*/ .p0307 .sec01 .cont table {width:100%;} .p0307 .sec01 .cont table thead tr th {border-bottom:1px solid rgba(0,0,0,.15);text-align:center;padding:20px;border-right:1px solid rgba(0,0,0,.15);border-top:1px solid rgba(0,0,0,.15);background:#008f79;color:#fff;font-weight:600;font-size:18px} .p0307 .sec01 .cont table tbody tr td {border-bottom:1px solid rgba(0,0,0,.15);padding:20px 30px;border-right:1px solid rgba(0,0,0,.15);text-align:center;word-break:keep-all} .p0307 .sec01 .cont table thead tr th:last-child, .p0307 .sec01 .cont table tbody tr td:last-child {border-right:0;text-align:left} .p0307 .sec01 .cont ul {display:flex;gap:20px} .p0307 .sec01 .cont ul li {width:calc((100% - 20px) /2);} .p0307 .sec01 .cont ul li a {width:100%;display:flex;position:relative;padding:20px; border-radius:15px; font-weight:600;border-radius:15px; background:#f2f9f7;justify-content:space-between;ailgn-items:center;;border:2px solid #f2f9f7;transition:all ease .3s} .p0307 .sec01 .cont ul li a:hover {background:#fff;border-color: #00ba9d} .p0307 .sec01 .cont ul li a img {width:15px; height:15px;} .p0307 .sec01 .cont .dot {display:block;} /*p0308(진료협력실)*/ .p0308 .sec .tit p {margin-top:40px;word-break:keep-all} /*.p0308 .sec .tit p span {display:block;}*/ .p0308 .sec:first-of-type {gap:100px;display:flex;} .p0308 .sec:first-of-type .img {width:500px; overflow:hidden;box-sizing:border-box;border-radius:20px;} .p0308 .sec:first-of-type .img img {width:100%;height:100%} .p0308 .sec:first-of-type .tit {width:calc(100% - 600px);margin-top:100px;} .p0308 .sec01 .cont ul.box li {width:calc((100% - 40px) /3);padding:50px 40px} .p0308 .sec01 .cont ul.box li p {margin-top:13px;} .p0308 .sec01 .cont ul.box.time li {padding:30px;display:initial} .p0308 .sec01 .cont ul.box.time li span {margin-bottom:0;color:#fff;text-align:center;display:inline-block;padding:5px 10px; border-radius:50px; background:#00ba9d} .p0308 .sec01 .cont ul.box.time li p {font-size:19px; font-weight:600;} .p0308 .sec01 .cont ul.box.num li {width:calc((100% - 20px ) /2);display:flex;align-items:center;flex-direction:row;justify-content:center;text-align:left;} .p0308 .sec01 .cont ul.box.num li .icon {display:flex;justify-content:center;align-items:center;color:#00ba9d;font-size:45px; margin-right:50px;} .p0308 .sec01 .cont ul.box.num li span {margin-bottom:0} .p0308 .sec01 .cont ul.box.num li p {font-size:22px; font-weight:700;} .p0308 .sec01 #clinic {background:#f2f9f7;border-radius:30px; padding:100px;} .p0308 .sec01 .cont ul.clinic {display:flex;justify-content:space-around;align-items:center;justify-content:space-evenly} .p0308 .sec01 .cont ul.clinic li.box {text-align:center;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f2f9f7;width:280px; height:280px;background:#fff;border:1px solid rgba(0,0,0,.15)} .p0308 .sec01 .cont ul.clinic li.box:nth-child(3) {background:#00ba95;color:#fff;} .p0308 .sec01 .cont ul.clinic li .txt h4 {font-size:25px; font-weight:700;line-height:1.3} .p0308 .sec01 .cont ul.clinic li .txt h4 span {display:block;} .p0308 .sec01 .cont ul.clinic li.arrow {display:flex;flex-direction:column;gap:10px;} .p0308 .sec01 .cont ul.clinic li.arrow .right {position:relative;text-align:center;} .p0308 .sec01 .cont ul.clinic li.arrow .right:after{content:"\f061";font-family:"FontAwesomes";display:block;content:"\f30b";font-size:25px;} .p0308 .sec01 .cont ul.clinic li.arrow .left {position:relative;text-align:center} .p0308 .sec01 .cont ul.clinic li.arrow .left:before {content:"\f060";font-family:"FontAwesomes";display:block;content:"\f30a";font-size:25px;} .p0308 .sec01 .cont ul.clinic li.arrow div span {display:block;} /*p005(공통)*/ .p005 .sec {margin-top:100px} .p005 .sec:first-of-type {margin-top:0;} .p005 .sec .tit { margin-bottom:50px;} .p005 .sec .tit h2 {font-size:44px;font-weight:700;display:block} .p005 .sec .tit h3 {font-size:32px;font-weight:700;line-height:1.3;word-break:keep-all} .p005 .sec .tit h3 span {display:block;} .p005 .sec .tit p {font-size:16px; margin-top:35px;line-height:1.5;word-break:keep-all} .p005 .sec .tit p span {display:block;} .p005 .sec01 {display:flex;} .p005 .sec01 .tit {width:400px} .p005 .sec01 .cont {width:calc(100% - 500px);margin-left:100px;margin-top:0} .p005 .sec01 .cont dl {border-bottom:1px solid rgba(0,0,0,.15);display:flex;align-items;center;padding:30px;word-break:keep-all;} .p005 .sec01 .cont dl:first-child{border-top:1px solid rgba(0,0,0,.15);} .p005 .sec01 .cont dt {width:100px;flex-shrink:0;word-break:keep-all;text-align:center;} .p005 .sec01 .cont dd {margin-left:50px;} .p005 .sec .cont .notice {display:block} .p005 .sec .cont .notice li {line-height:1.5;position:relative;padding-left:13px;word-break:keep-all;width:100%} .p005 .sec .cont .notice li:before {position:absolute;content:"";width:3px;height:3px; border-radius:50%;top:10px;left:0;transform:translateY(-50%);background:#222} .p005 .sec table {width:100%;} .p005 .sec table tbody tr{} .p005 .sec table tbody tr:first-child th{border-top:1px solid rgba(0,0,0,.15);} .p005 .sec table tbody tr th {background:#f5f5f5;padding:20px; border-bottom:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);background:#f2f9f7;font-weight:500} .p005 .sec table tbody tr td {padding:20px; border-bottom:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);word-break:keep-all} .p005 .sec table tbody tr th:last-child,.p005 .sec table tbody tr td:last-child {border-right:0;} .p005 .sec02 .cont{display:flex;justify-content: space-between;gap:20px} .p005 .sec02 .cont .box {width: 50%;display: flex;flex-direction: column;} .p005 .sec02 .cont .box .title {border-radius:10px; text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;padding:15px 20px ;font-weight:600;background:#000;background:#2c3332;} .p005 .sec02 .cont .box .dot {border:1px solid rgba(0,0,0,.15);margin-top:10px; flex:auto;padding:30px;border-radius: 10px;} /*p0501(검진센터)*/ .p0501 .sec01 .cont .notice {margin-top:20px;margin-left:10px;} .p0501 .sec01 .cont .notice li {color:#888;font-size:15px;} .p0501 .sec01 .cont .notice li:before {background:#888;} /*p0502(검진 전 주의사항)*/ .p0502 .sec .cont.notice {padding:50px;background:#f5f5f5;width:100%;background:#f2f9f7} /*p0503(검진내용)*/ .p0503 .content {margin-top:200px;} .p0503 .content:first-of-type {margin-top:0} .p0503 .sec .tit {margin-bottom:50px;} .p0503 .sec .cont p {font-size:18px;word-break:keep-all} .p0503 .sec .cont p span {display:block} .p0503 .sec .cont ul {display:flex;gap:20px} .p0503 .sec .cont ul li {width:calc((100% - 40px) /3);} .p0503 .sec .cont ul li h4 {background:#f5f5f5;text-align:center;word-break:keep-all;padding:25px;border-radius:10px;background:#f2f9f7;font-weight:600;padding:15px 20px;font-size:17px} .p0503 .sec .cont ul li .notice {display:block;margin-top:10px;padding:20px 25px;border:1px solid rgba(0,0,0,.15);border-radius:10px;height:80%} .p0503 .sec .cont ul li .notice li{width:100%;} .p0503 .sec01 .cont dl {align-items:center;} .p0503 .content.content01 .sec table tbody tr th{text-align:center;} .p0503 .content.content01 .sec table tbody tr th span {display:block;} .p0503 .content.content01 .sec table tbody tr td{text-align:center;} .p0503 .content.content01 .sec table tbody tr td:last-child {text-align:inherit;} .p0503 .content.content04 .sec table tbody tr {text-align:center;} .p0503 .content.content04 .sec table tbody tr th{text-align:center;} .p0503 .content.content04 .sec table .notice {text-align:left;} .p0503 .content.content04 .sec .cont>.notice {margin-top:20px;margin-left:10px;} .p0503 .content.content04 .sec .cont>.notice li {color:#888;font-size:15px;} .p0503 .content.content04 .sec .cont>.notice li:before {background:#888} /*p0504(영유아 건강 검진안내)*/ .p0504 .sec .cont ul.box {display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px; width:100%;} .p0504 .sec .cont ul.box>li {width:calc((100% - 40px) /3); border-radius:20px; padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;background:#f5f5f5;background:#f2f9f7;} .p0504 .sec .cont ul.box>li span {font-weight:700;color:#00ba9d;font-size:14px; margin-bottom:20px; display:block;} .p0504 .sec .cont ul.box>li h5 {font-size:19px; font-weight:600;} .p0504 .sec .cont ul.box>li h5 span {font-size:16px; color:#555;font-weight:inherit;margin-top:8px;} .p0504 .sec01 table tbody tr th,.p0504 .sec01 table tbody tr td {text-align:center;} .p0504 .sec02 .cont .notice {border-radius:10px;border:1px solid rgba(0,0,0,.15);margin-top:10px; flex:auto;padding:30px; } /*p006(공통)*/ .p006 .content {margin-top:200px;} .p006 .content:first-of-type {margin-top:0;} .p006 .content .sec {margin-top:100px;} .p006 .content .sec:first-of-type {margin-top:0;} .p006 .content .sec {display:flex;gap:100px;} .p006 .content .sec .img {width:400px;border-radius:20px;overflow:hidden;height:100%;} .p006 .content .sec .img img {width:100%;} .p006 .content .sec .txt {width:calc(100% - 500px);margin-top:100px} .p006 .content .sec .txt h2 {display:block;font-size:40px; font-weight:700} .p006 .content .sec .txt h3 {font-size:30px;font-weight:700;display:none} .p006 .content .sec .txt p {margin-top:35px; word-break:keep-all;line-height:1.5;font-size:17px} .p006 .content .sec .tit {width:400px;} .p006 .content .sec .tit h3 {font-size:30px; font-weight:700;word-break:keep-all;line-height:1.3} .p006 .content .sec .tit h3 span {display:block;} .p006 .content .sec .cont {width:calc(100% - 500px);} .p006 .content .sec .item{border-bottom:1px solid rgba(0,0,0,.15);font-size:17px} .p006 .content .sec .item:first-of-type {border-top:1px solid rgba(0,0,0,.15);} .p006 .content .sec .item .txt_box {display:flex;justify-content:space-between;align-items:center;padding:30px 20px ;cursor:pointer;font-weight:500} .p006 .content .sec .item button {position:relative;} .p006 .content .sec .item button:before {content:'\f078';font-size:17px;position:absolute;top:50%;transform:translateY(-50%);font-family: "FontAwesomeS";transition:all ease-out .3s;right:0} .p006 .content .sec .item .txt_box.active {background:#f2f9f7} .p006 .content .sec .item .txt_box.active button:before {transform:translateY(-50%) rotate(180deg);top:50%;} .p006 .content .sec .item .cont_box {padding:30px 20px ;word-break:keep-all;display:none;transition:all ease-out .3s;} .p006 .content .sec .item .cont_box p {line-height:1.5;} .p006 .content .sec .item .cont_box p:nth-of-type(n+2) {margin-top:20px;} .p006 #content01>div:first-of-type {flex-direction: row-reverse;} /*p0601(관절클리닉)*/ .p0601 .content .sec .txt {margin-top:0;width:100% !important} .p0601 .content .sec .cont {width:100% !important;} .p0601 .content .sec .item .txt_box .num {display:flex;align-items:center;} .p0601 .content .sec .item .txt_box .num span {width:85px;height:35px;border-radius:50px; background:#00ba9d;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;font-weight:bold;} .p0601 .content .sec .item .txt_box p {font-size:20px; font-weight:700;margin-left:20px;} .p0601 .content .sec .item .cont_box {width:calc(100% - 350px) ;margin:0 auto;} .p0601 .content .sec .item .swiper .swiper-slide {display:flex; flex-wrap:wrap;justify-content:center;text-align:center;align-items:center;} .p0601 .content .sec .item .swiper .swiper-slide ul {display:flex;gap:20px;} .p0601 .content .sec .item .swiper .swiper-slide ul li {width:200px; overflow:hidden;} .p0601 .content .sec .item .swiper .swiper-slide ul li img {width:100%;} .p0601 .content .sec .item .swiper .swiper-slide .txt {margin-bottom:40px;word-break:keep-all;width:100%;} .p0601 .content .sec .item .swiper .swiper-slide .txt h4 {font-size:19px;font-weight:600;} .p0601 .content .sec .item .swiper .swiper-slide .txt p {margin-top:20px;font-size:16px} /*.p0601 .content .sec .item .swiper .swiper-pagination {margin:20px auto 0 auto;position:initial;width:200px !important;transform:unset}*/ .p0601 .content .sec .item .swiper .swiper-pagination {margin:20px auto 0 auto;position:initial;display:flex;justify-content:center;align-items:center;transform:unset;width:100% !important} .p0601 .content .sec .item .swiper .swiper-pagination span {left:0 !important;transform:none !important} .p0601 .content .sec .item .swiper .swiper-pagination .swiper-pagination-bullet-active {background:#00ba9d;width:25px; border-radius:50px} .p0601 .content01 .title h2 {display:block;font-size:40px; font-weight:700;} .p0601 .content01 .sec .img {width:auto;position:sticky;top:250px;width:700px;} .p0601 .content01 .sec .txt {width:auto;width:calc(100% - 800px) !important;} .p0601 .content01 .sec .txt .txt_box {margin-top:150px;} .p0601 .content01 .sec .txt .txt_box:first-of-type {margin-top:100px} .p0601 .content01 .sec .txt .txt_box .num {display:flex;} .p0601 .content01 .sec .txt .txt_box .num span {display:flex;align-items:center;justify-content:center;font-size:19px; font-weight:600;margin-right:20px; border-radius:10px; width:50px;height:50px;background:#f2f9f7;color:#008f79} .p0601 .content01 .sec .txt .txt_box .num p {margin-top:0;font-size:30px;font-weight:700} .p0601 .content01 .sec .txt .txt_box .text {margin-top:50px;} .p0601 .content01 .sec .txt .txt_box .text p {margin-top:0;font-size:18px;} /*p0602(척추센터)*/ .p0602 .Tab {display:flex;justify-content:center;gap:20px;width:30%;border-radius:50px; padding:10px; background:#f2f9f7;margin:0 auto;margin-bottom:100px;width:45%} .p0602 .Tab a{height:55px; font-size:18px;display:flex;align-items:center;border-radius:50px;justify-content:center;font-weight:500;width:100%} .p0602 .Tab a.active {background:#00ba9d;color:#fff;} /*p0602(재활치료실)*/ .p0602 .content .sec .tit h4 {font-size:25px;font-weight:700} .p0602 .content .sec .cont dl {border-bottom:1px solid rgba(0,0,0,.15);display:flex;padding:30px;word-break:keep-all;align-items:center} .p0602 .content .sec .cont dl dt{background:#f2f9f7;border-radius:50px;color:#00ba9d;width:50px;height:30px; display:flex;align-items:center;justify-content:center;} .p0602 .content .sec .cont dl dd {margin-left:50px;width:calc(100% - 100px)} .p0602 .content .sec .cont dl dd span {font-weight:600; margin-right:15px} .p0602 .content .sec02 {align-items:flex-start;} .p0602 .content .sec02 .tit {width:500px;position:sticky;top:200px} .p0602 .content .sec02 .cont {width:calc(100% - 600px)} .p0602 .content .sec02 .cont .list {display:flex;margin-bottom:50px;align-items:center;gap:50px;} .p0602 .content .sec02 .cont .list:last-of-type {margin-bottom:0} .p0602 .content .sec02 .cont .list .img_box {width:350px;border-radius:30px; overflow:hidden} .p0602 .content .sec02 .cont .list .img_box img {width:100%;} .p0602 .content .sec02 .cont .list .txt_box {width:calc(100% - 400px)} .p0602 .content .sec02 .cont .list .txt_box h6 {font-size:20px; font-weight:700;} .p0602 .content .sec02 .cont .list .txt_box p {margin-top:20px;word-break:keep-all} .p0602 #tab02 .content01 .sec:first-of-type .txt {margin-top:0px;width:100%;} .p0602 #tab02 .content .sec .txt h3 {font-size:32px;display:block} .p0602 .content .sec .img {background-position: center;background-size: cover;background-repeat: no-repeat;height:450px} .p0602 #tab01 .content01 .sec .img {background-image:url(../image/sub/p0602_01_img01.jpg)} .p0602 #tab01 .content02 .sec .img {background-image:url(../image/sub/p0602_01_img02.jpg)} .p0602 #tab01 .content03 .sec .img {background-image:url(../image/sub/p0602_01_img03.jpg)} .p0602 #tab01 .content04 .sec .img {background-image:url(../image/sub/p0602_01_img04.jpg)} .p0602 #tab01 .content05 .sec .img {background-image:url(../image/sub/p0602_01_img05.jpg)} .p0602 #tab01 .content06 .sec .img {background-image:url(../image/sub/p0602_01_img06.jpg)} .p0602 #tab02 .content01 .sec .img {background-image:url(../image/sub/p0602_02_img01.jpg)} .p0602 #tab03 .content01 .sec .img {background-image:url(../image/sub/p0602_03_img01.jpg)} /*p0604(제공서비스)*/ .p0604 .content .sec02 {align-items:flex-start;} .p0604 .content .sec02 .tit {width:500px;position:sticky;top:200px} .p0604 .content .sec02 .cont {width:calc(100% - 600px)} .p0604 .content .sec02 .cont .list {display:flex;margin-bottom:50px;align-items:center} .p0604 .content .sec02 .cont .list:last-of-type {margin-bottom:0} .p0604 .content .sec02 .cont .list .img_box {width:350px;border-radius:30px; overflow:hidden} .p0604 .content .sec02 .cont .list .txt_box {width:calc(100% - 400px);margin-left:50px;} .p0604 .content .sec02 .cont .list .txt_box h6 {font-size:20px; font-weight:700;} .p0604 .content .sec02 .cont .list .txt_box p {margin-top:20px;word-break:keep-all} .p0604 .content .sec .tit h4 {font-size:25px;font-weight:700} .p0604 .content .sec .cont dl {border-bottom:1px solid rgba(0,0,0,.15);display:flex;padding:30px;word-break:keep-all;align-items:center} .p0604 .content .sec .cont dl dt{background:#f2f9f7;border-radius:50px;color:#00ba9d;width:50px;height:30px; display:flex;align-items:center;justify-content:center;} .p0604 .content .sec .cont dl dd {margin-left:50px;} .p0605 .content .sec .img {background-position: center;background-size: cover;background-repeat: no-repeat;height:450px} .p0605 .content01 .sec .img {background-image:url(../image/sub/p0605_img01.jpg)} .p0605 .content02 .sec .img {background-image:url(../image/sub/p0605_img02.jpg)} .p0605 .content03 .sec .img {background-image:url(../image/sub/p0605_img03.jpg)} .p0605 .content04 .sec .img {background-image:url(../image/sub/p0605_img04.jpg)} .p0605 .content05 .sec .img {background-image:url(../image/sub/p0605_img05.jpg)} .p0606 .content .sec .img {background-position: center;background-size: cover;background-repeat: no-repeat;height:450px} .p0606 .content01 .sec .img {background-image:url(../image/sub/p0606_img01.jpg)} .p0606 .content02 .sec .img {background-image:url(../image/sub/p0606_img02.jpg)} .p0607 .content .sec .img {background-position: center;background-size: cover;background-repeat: no-repeat;height:450px} .p0607 .content01 .sec .img {background-image:url(../image/sub/p0607_img01.jpg)} @media only screen and (max-width:1600px) { .subVisual .subTitle {width:calc(100% - 100px)} } @media only screen and (max-width:1400px) { .subVisual {padding-top:180px !important;} } @media only screen and (max-width:1200px) { .subVisual .subTitle {width:calc(100% - 50px);} .conts {margin-top:120px} } @media only screen and (max-width:1000px) { .conts{margin-top:100px;} } @media only screen and (max-width:800px) { } @media only screen and (max-width:1600px){ .conts {max-width:initial;padding-right:100px;padding-left:100px} .conts .loding img {width:100%;} /*subVisual*/ /* .subVisual {padding:230px 0;}*/ .subTitle .title h1 {font-size:70px; margin-top:40px;} /*0101(대표원장 인사말)*/ .conts001001 {padding-right:0 !important;padding-left:0 !important;} .p0101 .content {max-width:initial;padding:0 100px;margin:130px auto 0 auto} /*0102(설립이념/병원개요)*/ .conts001002 {padding-right:0 !important;padding-left:0 !important;} .p0102 .sec01 {width:calc(100% - 100px);margin:80px auto 0 auto} .p0102 .sec01 .title h4 {margin-bottom:50px;font-size:30px} .p0102 .bg {margin:120px auto;} .p0102 .sec02 {width:calc(100% - 100px);max-width:initial;padding:120px 0} .p0102 .sec02 .title h3 {font-size:48px;margin-bottom:50px;} .p0102 .sec02 ul li {width:320px;height:320px} .p0102 .sec03 {width:calc(100% - 100px);margin:120px auto 0 auto} .p0102 .sec03 .title h3 {font-size:48px;margin-bottom:50px;} .p0102 .sec03 ul li {margin-top:80px;} .p0102 .sec03 ul li .txt {width:450px;} .p0102 .sec03 ul li .img {width:calc(100% - 550px)} /*0104(병원연혁)*/ .p0104 .history .year .left h3 {font-size:62px;} /*0201(찾아오시는길)*/ .p0201 .root_daum_roughmap .wrap_map {height:550px !important;} .p0201 .content h3 {font-size:28px;} .p0201 .content .info .call ul li h5 {font-size:28px} /*0203(진단서,증명서 발급)*/ .p0203 .sec .tit h2 {font-size:42px;} .p0203 .sec .tit h3 {font-size:30px;} .p0203 .sec01 .tit {margin-bottom:45px;} /*0205(고객한마디)*/ .conts002005 {padding-right:0 !important;padding-left:0 !important;} .p0205 .sec .txt {padding:0 150px 0 100px;} .p0205 .sec .txt h4 {font-size:36px;} .p0205 .sec .txt p {margin-bottom:45px;} /*0206(환자권리보호/안전관리체계)*/ .p0206 .sec .tit {margin-bottom:45px;} .p0206 .sec .tit h2{font-size:42px;} .p0206 .sec .tit h3 {font-size:30px;} .p0206 .content05 .sec .cont .step li .img img {width:100%;} /*p003(공통)*/ .p003 .sec .tit {margin-bottom:45px;} .p003 .sec .tit h2{font-size:42px;} .p003 .sec .tit h3 {font-size:30px;} .p003 .sec02 .tit {width:450px !important;} .p003 .sec02 .cont {width:calc(100% - 550px) !important;} /*0301(진료과/의료진소개)*/ .conts003001 {padding-right:0 !important;padding-left:0 !important;} .p0301 .content {width:calc(100% - 100px) ;} .p0301 ul li a {padding:30px;} .p0301 ul li a .icon {bottom:30px; right:30px;} .p030101 .content {width:calc(100% - 100px)} #p0301 .bg {margin-bottom:170px;padding-bottom:140px;} #p0301 .bg:before {height:470px;} #p0301 .content {gap:90px;width:calc(100% - 100px)} #p0301 .content .sub_img {width:480px;height:480px;} #p0301 .content .text {width:calc(100% - 570px)} .p03010101 .content {gap:90px} .p03010101 .content .img img {left:100px;width:550px;} .p03010101 .content .info {padding-right:150px;} /* .p03010101 .content .info>div {padding-right:180px;}*/ /*p005(공통)*/ .p005 .sec .tit {margin-bottom:45px;} .p005 .sec .tit h2{font-size:42px;} .p005 .sec .tit h3 {font-size:30px;} /*p0502(검진주의사항)*/ .p0502 .sec .cont.notice {padding:45px;} /*p0602(척추센터)*/ .p0602 .content .sec02 .tit {width:400px; } .p0602 .content .sec02 .cont {width:calc(100% - 500px)} } @media only screen and (max-width:1400px){ .conts {padding-right:50px;padding-left:50px} /*subVisual*/ /* .subVisual {padding:200px 0}*/ .subTitle .title h1 {font-size:66px; margin-top:35px;} /*sub_visual*/ .sub_visual {width:calc(100% - 50px);height:380px;} /*0101(대표원장 인사말)*/ .p0101 .content {max-width:initial;padding:0 100px;margin:100px auto 0 auto;gap:80px} .p0101 .content h3 {font-size:32px;} .p0101 .content p { margin-top:35px;} .p0101 .content span {margin-top:50px;font-size:19px;} .p0101 .content span strong {font-size:32px;} /*0102(설립이념/병원개요)*/ .p0102 .sec01 {width:calc(100% - 50px)} .p0102 .sec01 .title h4 {margin-bottom:40px;font-size:28px} .p0102 .sec01 .title p {font-size:19px;} .p0102 .bg {margin:120px auto;} .p0102 .sec02 {width:calc(100% - 50px);padding:100px 0} .p0102 .sec02 .title h3 {font-size:44px;} .p0102 .sec02 ul { flex-wrap:wrap;justify-content:center;} .p0102 .sec02 ul li {width:300px;height:300px} .p0102 .sec02 ul li .txt_box h5 {font-size:26px;} .p0102 .sec02 ul li .txt_box p {margin-top:15px;} .p0102 .sec03 {width:calc(100% - 50px);margin:100px auto 0 auto} .p0102 .sec03 .title h3 {font-size:44px;} .p0102 .sec03 ul li {margin-top:70px;} .p0102 .sec03 ul li .txt {width:400px;} .p0102 .sec03 ul li .txt h3 {font-size:34px;} .p0102 .sec03 ul li .img {width:calc(100% - 500px)} /*0104(병원연혁)*/ .p0104 .history .year .left h3 {font-size:60px;} /*0201(찾아오시는길)*/ .p0201 .root_daum_roughmap .wrap_map {height:500px !important;} .p0201 .content h3 {font-size:26px;} .p0201 .content .info>div {margin-right:50px;width:calc((100% - 50px) /2);} .p0201 .content .info .call ul li h5 {font-size:26px} .p0201 .content .info .call ul li i {font-size:19px;} /*0203(진단서,증명서 발급)*/ .p0203 .sec {margin-top:70px} .p0203 .sec .tit h2 {font-size:40px;} .p0203 .sec .tit h3 {font-size:28px;} .p0203 .sec .tit p {margin-top:30px;} .p0203 .sec .cont dt {width:120px;} .p0203 .sec .cont dd {width:calc(100% - 170px);} .p0203 .sec01 ul li {padding:20px;} .p0203 .sec02 .tit {width:350px; } .p0203 .sec02 .cont {width:calc(100% - 450px);} .p0203 .sec02 .cont dl {padding:25px;} /*0204(원내전화번호)*/ .p0204 .sec h3 {font-size:28px} .p0204 .sec table tbody td {padding:20px} .p0204 .sec01 {padding:50px 40px;} .p0204 .sec01 ul li dl dt {font-size:20px;} .p0204 .sec01 ul li dl dd {font-size:28px;} /*0205(고객한마디)*/ .p0205 .sec .txt {padding:0 100px 0 70px } .p0205 .sec .txt h4 {font-size:34px;} .p0205 .sec .txt p {margin-bottom:40px;font-size:17px} /*0206(환자권리보호/안전관리체계)*/ .p0206 .content {margin-top:150px;} .p0206 .sec {margin-top:70px;} .p0206 .sec .tit h2{font-size:40px;} .p0206 .sec .tit h3 {font-size:28px;} .p0206 .sec .tit p {margin-top:30px;} .p0206 .sec01 .tit {width:350px;} .p0206 .sec01 .cont {width:calc(100% - 450px);} .p0206 .content02 .sec01 .cont ul li .img {margin-bottom:25px;} .p0206 .content05 .sec ul li{padding:20px;} .p0206 .content05 .sec01 .cont dl {padding:25px;} .p0206 .content05 .sec01 .cont dl dt {width:120px} .p0206 .content05 .sec01 .cont dl dd {width:calc(100% - 170px)} .p0206 .content05 .sec .cont .step li .img img {height:160px;} /*p003(공통)*/ .p003 .content {margin-top:150px;} .p003 .sec {margin-top:70px;} .p003 .sec .tit h2{font-size:40px;} .p003 .sec .tit h3 {font-size:28px;} .p003 .sec01 .cont ul.box {justify-content:flex-start;} .p003 .sec01 .cont ul.box>li {width:calc((100% - 40px) /3);padding:25px;} .p003 .sec02 .tit {width:400px !important;} .p003 .sec02 .cont {width:calc(100% - 500px) !important;} .p003 .sec02 .cont dl.line dt {width:120px;} .p003 .sec02 .cont dl.line dd{width:calc(100% - 170px);} .p003 .sec02 .cont dl.box dt {font-size:24px} .p003 .sec02 .cont dl.box dd {font-size:31px;} /*0301(진료과/의료진소개)*/ .p0301 ul li {width:calc((100% - 60px) /4);} .p0301 ul li a h4 {font-size:22px;} #p0301 .bg {margin-bottom:150px;padding-bottom:110px;} #p0301 .bg:before {height:420px} #p0301 .content {gap:80px;} #p0301 .content .sub_img {width:460px;height:460px;} #p0301 .content .text {width:calc(100% - 540px)} #p0301 .content .text h3 {font-size:38px;margin-bottom:70px} .p030101 #list ul {gap:50px;} .p030101 #list ul li {gap:40px;} .p030101 #list ul li .img {width:180px;} .p030101 #list ul li .info {width:calc(100% - 220px)} .p030101 #list ul li .info .tit {font-size:24px;margin-top:13px;} .p030101 #list ul li .info a {margin-top:25px; padding:10px 20px;} .p03010101 .content {gap:80px} .p03010101 .content .img img {left:70px;width:510px;} .p03010101 .content .info {padding-right:100px;} .p03010101 .content .info .info_box>div {margin-bottom:45px;} .p03010101 .content .info .info_top h3 {font-size:36px;} .p03010101 .content .info .info_top p {font-size:17px;font-size:19px;} .p03010101 .content .info>div h5 {font-size:19px;font-size:21px} .p03010101 .content .info .txt_box {margin-top:120px;} .p03010101 .content .info .txt_box h4 {font-size:28px;} .p03010101 .content .info .txt_box .list_box {margin-top:80px;padding-top:40px;} /* .p03010101 .content .info>div {padding-right:120px;}*/ /*0308(진료협력실)*/ .p0308 .sec:first-of-type .img {width:450px;} .p0308 .sec:first-of-type .tit {width:calc(100% - 550px);} .p0308 .sec01 .cont ul.box li {padding:40px 35px;} .p0308 .sec01 #clinic {padding:80px;} .p0308 .sec01 .cont ul.clinic li.box {width:250px;height:250px;} .p0308 .sec01 .cont ul.box.num li .icon {font-size:43px} /*p005(공통)*/ .p005 .content {margin-top:150px;} .p005 .sec {margin-top:70px;} .p005 .sec .tit h2{font-size:40px;} .p005 .sec .tit h3 {font-size:28px;} .p005 .sec .tit p {margin-top:30px;} .p005 .sec01 .tit {width:350px;} .p005 .sec01 .cont {width:calc(100% - 450px);} .p005 .sec01 .cont dl {padding:25px;} /*0504(영유아건강검진안내)*/ .p0504 .sec .cont ul.box {justify-content:flex-start;} .p0504 .sec .cont ul.box>li {padding:25px;} /*p006(공통)*/ .p006 .content {margin-top:150px;} .p006 .content .sec {margin-top:70px;} .p006 .content .sec .img {width:350px;height:430px;} .p006 .content .sec .txt {width:calc(100% - 450px);} .p006 .content .sec .txt p {margin-top:30px;} .p006 .content .sec .txt h2{font-size:38px;} .p006 .content .sec .tit {width:350px} .p006 .content .sec .tit h3 {font-size:28px;} .p006 .content .sec .cont {width:calc(100% - 450px)} /*0601(관절클리닉)*/ .p0601 .content .sec .item .txt_box .num span {font-size:15px;width:80px; height:33px;} .p0601 .content .sec .item .txt_box p {font-size:19px;} .p0601 .content .sec .item .cont_box {width:calc(100% - 250px);} .p0601 .content .sec .item .swiper .swiper-slide ul li {width:180px;} .p0601 .content01 .title h2 {font-size:38px;} .p0601 .content01 .sec .img {width:550px;height:350px} .p0601 .content01 .sec .txt {width:calc(100% - 650px) !important;} .p0601 .content01 .sec .txt .txt_box {margin-top:130px} .p0601 .content01 .sec .txt .txt_box:first-of-type {margin-top:80px} .p0601 .content01 .sec .txt .txt_box .num span {width:45px;height:45px;} .p0601 .content01 .sec .txt .txt_box .num p {font-size:28px;} .p0601 .content01 .sec .txt .txt_box .text {margin-top:40px;} /*p0602(척추센터)*/ /* .p0602 .Tab {width:43%;}*/ .p0602 .content .sec .cont dl dd {margin-left:40px;width:calc(100% - 90px)} .p0602 .content .sec02 .tit {width:300px; } .p0602 .content .sec02 .cont {width:calc(100% - 400px)} .p0602 .content .sec02 .cont .list {margin-bottom:45px;} .p0602 .content .sec02 .cont .list .img_box {width:300px;} .p0602 .content .sec02 .cont .list .txt_box {width:calc(100% - 350px)} .p0602 .content .sec02 .cont .list .txt_box p {margin-top:18px;} .p0602 #tab02 .content .sec .txt h3 {font-size:30px;} } @media only screen and (max-width:1200px){ .conts {padding-right:25px;padding-left:25px;padding-bottom:100px} /*subVisual*/ /* .subVisual {padding:180px 0;width:calc(100% - 50px);}*/ .subTitle .title h1 {font-size:60px;} /*0101(대표원장 인사말)*/ .p0101 .content {padding:0 50px;gap:50px} .p0101 .content h3 {font-size:30px;} .p0101 .content p { margin-top:30px;} .p0101 .content span strong {font-size:28px;} /*0102(설립이념/병원개요)*/ .p0102 .sec01 {margin:60px auto 0 auto} .p0102 .sec01 .title h4 {margin-bottom:35px;font-size:26px} .p0102 .sec01 .title p {font-size:18px;} .p0102 .sec02 .title h3 {font-size:40px;margin-bottom:40px;} .p0102 .sec02 ul li {width:280px;height:280px} .p0102 .sec03 .title h3 {font-size:40px;margin-bottom:40px;} .p0102 .sec03 ul li {margin-top:60px;} .p0102 .sec03 ul li .txt {width:350px;} .p0102 .sec03 ul li .txt h4 {font-size:22px;} .p0102 .sec03 ul li .txt h3 {font-size:32px;} .p0102 .sec03 ul li .img {width:calc(100% - 400px);margin-left:50px;} /*0103(조직도)*/ .p0103 .line03:after {width:23%} .p0103 .line03 li div:after {width:20%;} /*0104(병원연혁)*/ .p0104 .history .year {margin-bottom:120px;} .p0104 .history .year .left h3 {font-size:58px;} .p0104 .history .year .right dl dt { font-size:19px;} .p0104 .history .year .right dl dd {font-size:17px;} /*0201(찾아오시는길)*/ .p0201 .root_daum_roughmap .wrap_map {height:400px !important;} .p0201 .content .info .guide dl dt {padding:5px 15px} /*0203(진단서,증명서 발급)*/ .p0203 .sec .tit h2 {font-size:38px} .p0203 .sec .tit h3 {font-size:28px;} .p0203 .sec .tit p {font-size:17px;} .p0203 .sec01 .tit {margin-bottom:40px;} .p0203 .sec02 .tit {width:300px;} .p0203 .sec02 .cont {width:calc(100% - 400px)} /*0204(원내전화번호)*/ .p0204 .sec h3 {font-size:26px;margin-bottom:30px;} .p0204 .sec table thead, .p0204 .sec table tbody {font-size:17px} .p0204 .sec01 {padding:40px;} .p0204 .sec01 ul li dl dt {font-size:19px;} .p0204 .sec01 ul li dl dd {font-size:26px;} .p0204 .sec01 ul li {width:100%;margin-right:0;margin-top:20px} .p0204 .sec01 ul li:first-child {margin-top:0} .p0204 .sec01 ul li div {width:90px; height:90px; font-size:26px;} /*0205(고객한마디)*/ .p0205 .sec .txt {padding:0 70px 0 50px } .p0205 .sec .txt h4 {font-size:32px;} .p0205 .sec .txt p {margin-bottom:35px;} .p0205 .sec .txt dl dt {width:90px; } .p0205 .sec .txt dl dd {width:calc(100% - 110px);} /*0206(환자권리보호/안전관리체계)*/ .p0206 .content {margin-top:130px;} .p0206 .sec .tit {margin-bottom:40px;} .p0206 .sec .tit h2{font-size:38px;} .p0206 .sec .tit h3 {font-size:26px;} .p0206 .sec01 .tit {width:300px;} .p0206 .sec01 .cont {width:calc(100% - 350px);margin-left:50px} .p0206 .content04 .sec .cont .img {padding:100px 160px} .p0206 .content04 .sec .cont .img img {width:100%} .p0206 .content05 .sec .cont .step li .img img {height:140px;} /*p003(공통)*/ .p003 .content {margin-top:130px;} .p003 .sec .tit {margin-bottom:40px;} .p003 .sec .tit h2{font-size:38px;} .p003 .sec .tit h3 {font-size:26px;} .p003 .sec02 .tit {width:350px !important;} .p003 .sec02 .cont {width:calc(100% - 400px) !important;margin-left:50px} /*0301(진료과/의료진소개)*/ .p0301 .content {width:calc(100% - 50px);} .p030101 .content {width:calc(100% - 50px)} #p0301 .bg {margin-bottom:100px;padding-bottom:90px;} #p0301 .bg:before {height:370px;} #p0301 .content {gap:70px; width:calc(100% - 50px)} #p0301 .content .sub_img {width:430px;height:430px;} #p0301 .content .text {width:calc(100% - 500px)} #p0301 .content .text h3 {font-size:36px} .p03010101 .content {gap:70px} .p03010101 .content .img {width:45%} .p03010101 .content .img img {left:0;width:100%;} .p03010101 .content .info {width:55%;padding-right:50px} .p03010101 .content .info .info_box>div {margin-bottom:40px;} .p03010101 .content .info .info_top h3 {font-size:34px;} .p03010101 .content .info .txt_box {margin-top:100px;} .p03010101 .content .info .txt_box h4 {font-size:24px;margin-bottom:25px;} .p03010101 .content .info .txt_box .list_box {margin-top:65px;} /*0308(진료협력실)*/ .p0308 .sec:first-of-type {gap:50px;} .p0308 .sec:first-of-type .img {width:400px;} .p0308 .sec:first-of-type .tit {width:calc(100% - 450px);} .p0308 .sec01 .cont ul.box li {padding:35px 30px;} .p0308 .sec01 .cont ul.box.num li p {font-size:20px} .p0308 .sec01 .cont ul.box.num li .icon {font-size:42px;} .p0308 .sec01 #clinic {padding:60px;} .p0308 .sec01 .cont ul.clinic li.box {width:220px;height:220px;} .p0308 .sec01 .cont ul.clinic li.box h4 {font-size:23px;} /*p005(공통)*/ .p005 .content {margin-top:130px;} .p005 .sec .tit {margin-bottom:40px;} .p005 .sec .tit h2{font-size:38px;} .p005 .sec .tit h3 {font-size:26px;} .p005 .sec01 .tit {width:300px;} .p005 .sec01 .cont {width:calc(100% - 350px);margin-left:50px} /*p0502(검진주의사항)*/ .p0502 .sec .cont.notice {padding:40px;} /*p0503(검진내용)*/ .p0503 .sec .cont p {font-size:17px;} /*p006(공통)*/ .p006 .content {margin-top:130px;} .p006 .content .sec {gap:50px;} .p006 .content .sec .img {width:300px;height:400px} .p006 .content .sec .txt {width:calc(100% - 350px)} .p006 .content .sec .txt h2{font-size:36px;} .p006 .content .sec .item .txt_box {padding:25px 20px;} .p006 .content .sec .item .cont_box {padding:25px 20px;} .p006 .content .sec .item .cont_box p:nth-of-type(n+2) {margin-top:18px;} .p006 .content .sec .tit {width:300px;} .p006 .content .sec .tit h3 {font-size:26px;} .p006 .content .sec .cont {width:calc(100% - 350px)} /*0601(관절클리닉)*/ .p0601 .content .sec .item .cont_box {width:calc(100% - 150px);padding:25px 20px} .p0601 .content .sec .item .swiper .swiper-slide .txt {margin-bottom:35px;} .p0601 .content .sec .item .swiper .swiper-slide .txt p {margin-top:18px;} .p0601 .content .sec .item .swiper .swiper-slide ul {gap:15px;} .p0601 .content .sec .item .swiper .swiper-slide ul li {width:150px;} .p0601 .content01 .title h2 {font-size:36px;} .p0601 .content01 .sec .img {width:450px;height:280px} .p0601 .content01 .sec .txt {width:calc(100% - 500px) !important;} .p0601 .content01 .sec .txt .txt_box {margin-top:100px} .p0601 .content01 .sec .txt .txt_box:first-of-type {margin-top:50px} .p0601 .content01 .sec .txt .txt_box .num span {width:40px;height:40px;font-size:18px;} .p0601 .content01 .sec .txt .txt_box .num p {font-size:26px;} .p0601 .content01 .sec .txt .txt_box .text {margin-top:30px;} .p0601 .content01 .sec .txt .txt_box .text p {font-size:17px;} /*p0602(척추센터)*/ /* .p0602 .Tab {width:38%;}*/ .p0602 .Tab a {font-size:17px;height:50px;} .p0602 .content .sec .cont dl {padding:25px;} .p0602 .content .sec02 {flex-wrap:wrap;gap:35px;} .p0602 .content .sec02 .tit {width:100%; position:static} .p0602 .content .sec02 .cont {width:100%;} .p0602 .content .sec02 .cont .list {margin-bottom:40px;} .p0602 .content .sec02 .cont .list .img_box {width:250px;} .p0602 .content .sec02 .cont .list .txt_box {width:calc(100% - 300px)} .p0602 .content .sec02 .cont .list .txt_box p {margin-top:15px;} .p0602 .content04 .sec .cont ul {gap:15px;} .p0602 .content04 .sec .cont ul li {width:calc((100% - 45px)/4)} .p0602 .content04 .sec .cont ul li .img_box {margin-bottom:18px;} .p0602 #tab02 .content .sec .txt h3 {font-size:28px;} } @media only screen and (max-width:1000px){ /*subVisual*/ .subVisual {padding:150px 0;} .subTitle .subMenu.Location>div {margin-right:35px;} .subTitle .subMenu.Location>div::after {margin-left:15px;} .subTitle .subMenu.Location>div a {font-size:15px;} /* .subTitle .subMenu.Location div.depth, .subMenu.Location div > ul {min-width:150px}*/ .subTitle .title h1 {font-size:54px;} .sub_visual {height:350px;border-radius:0px;width:100%} /*0101(대표원장 인사말)*/ .p0101 .content {padding:0 25px;} .p0101 .content span {margin-top:40px;font-size:18px;} .p0101 .content span strong {font-size:26px;} /*0102(설립이념/병원개요)*/ .p0102 .sec01 {margin:50px auto 0 auto} .p0102 .sec02 ul li {width:260px;height:260px} .p0102 .sec02 ul li .txt_box h5 {font-size:24px;} .p0102 .sec03 ul li .txt {width:300px;} .p0102 .sec03 ul li .img {width:calc(100% - 350px)} /*0103(조직도)*/ .p0103 .line {margin-bottom:40px;} .p0103 .line03 {margin-bottom:80px;} .p0103 .line03:before {height:235px;} .p0103 .line04>li {width:calc((100% - 60px) /4); margin-right:20px;} /*0104(병원연혁)*/ .p0104 .history .year .left h3 {font-size:54px;} .p0104 .history .year .right dl dd ul li {word-break:break-word;} /*p0105(첨단의료장비)*/ .p0105 ul {gap:30px} .p0105 ul li {width:calc((100% - 30px) /2);} /*0201(찾아오시는길)*/ .p0201 .root_daum_roughmap .wrap_map {height:350px !important;} .p0201 .content h3 {font-size:24px;word-break:keep-all} .p0201 .content .info .call ul li h5 {font-size:24px} .p0201 .content .info .call ul li i {font-size:17px;} /*0203(진단서,증명서 발급)*/ .p0203 .sec .tit h2 {font-size:36px;} .p0203 .sec .tit h3 {font-size:24px;} .p0203 .sec .cont dl {padding:20px;flex-wrap:wrap;} .p0203 .sec .cont dt {width:110px;width:100%;margin-bottom:10px;text-align:left} .p0203 .sec .cont dd {width:calc(100% - 150px); margin-left:40px;width:100%; margin:0;} .p0203 .sec01 .tit {margin-bottom:35px;} .p0203 .sec02 {flex-wrap:wrap;} .p0203 .sec02 .tit {width:100%;margin-right:0;margin-bottom:35px;} .p0203 .sec02 .cont {width:100%;} /*0204(원내전화번호)*/ .p0204 .sec h3 {font-size:24px} .p0204 .sec table colgroup {display:none;} .p0204 .sec table thead, .p0204 .sec table tbody, .p0204 .sec table tr, .p0204 .sec table th, .p0204 .sec table td {display:block;} .p0204 .sec table tbody tr {display:flex;flex-wrap:wrap;} .p0204 .sec table tbody td {width:50%; text-align:center;box-sizing:border-box;align-content:center} .p0204 .sec table tbody td:empty {display:none} /* .p0204 div.sec:nth-child(2) table tbody tr:last-child td:last-child,.p0204 div.sec:nth-child(2) table tbody tr:last-child td:nth-last-child(2),.p0204 div.sec:nth-child(3) table tbody tr:last-child td:last-child,.p0204 div.sec:nth-child(3) table tbody tr:last-child td:nth-last-child(2) {border-bottom:0;}*/ /* .p0204 div.sec:nth-child(2) table tbody:last-child tr:last-child td:last-child,.p0204 div.sec:nth-child(2) table tbody:last-child tr:last-child td:nth-last-child(2),.p0204 div.sec:nth-child(3) table tbody:last-child tr:last-child td:last-child,.p0204 div.sec:nth-child(3) table tbody:last-child tr:last-child td:nth-last-child(2) {border-bottom:1px solid rgba(0,0,0,.15)}*/ .p0204 .sec01 {padding:35px;} .p0204 .sec01 ul li div {width:80px;height:80px; font-size:24px;} .p0204 .sec01 ul li dl dt {font-size:18px;} .p0204 .sec01 ul li dl dd {font-size:24px;word-break:keep-all} /*0205(고객한마디)*/ .p0205 .sec {flex-wrap:wrap;} .p0205 .sec .img {width:100%;} .p0205 .sec .txt {padding:50px 0 0 0 ;width:calc(100% - 100px);margin:0 auto} .p0205 .sec .txt h4 {font-size:30px;} .p0205 .sec .txt p {margin-bottom:30px;} /*0206(환자권리보호/안전관리체계)*/ .p0206 .sec .tit {margin-bottom:35px;} .p0206 .sec .tit h2{font-size:36px;} .p0206 .sec .tit h3 {font-size:24px;} .p0206 .sec01 {flex-wrap:wrap;} .p0206 .sec01 .tit {width:100%;} .p0206 .sec01 .cont {margin-left:0;width:100%;} .p0206 .sec02 .cont {flex-wrap:wrap;} .p0206 .sec02 .cont .box {width:100%;} .p0206 .content03 .sec .box .num {padding:25px 35px} .p0206 .content01 .sec01 .cont ul li {padding:30px;} .p0206 .content01 .sec01 .cont ul li .img {width:55px ;margin-bottom:25px} .p0206 .content01 .sec01 .cont ul li h5 {font-size:18px;} .p0206 .content02 .sec01 .cont ul li {width:calc((100% - 40px) /3);} .p0206 .content02 .sec01 .cont ul li .img {margin-bottom:20px;} .p0206 .content04 .sec .cont .img {padding:70px 100px} .p0206 .content05 .sec .cont table tbody tr th {padding:15px;} .p0206 .content05 .sec .cont table tbody tr td {padding:15px;} .p0206 .content05 .sec01 .cont dl {padding:20px;flex-wrap:wrap;} .p0206 .content05 .sec01 .cont dl dt {width:110px;width:100%;text-align:left;margin-bottom:10px;} .p0206 .content05 .sec01 .cont dl dd {width:calc(100% - 150px); margin-left:40px;width:100%;margin:0} /*p003(공통)*/ .p003 .sec .tit {margin-bottom:35px;} .p003 .sec .tit h2{font-size:36px;} .p003 .sec .tit h3 {font-size:24px;} .p003 .sec01 .cont ul.box {gap:18px;} .p003 .sec01 .cont ul.box>li {width:calc((100% - 18px) /2)} .p003 .sec01 .cont ul.box>li span {font-size:12px; margin-bottom:15px;} .p003 .sec01 .cont ul.box>li h5 {font-size:18px} .p003 .sec01 .cont ul.box>li h5 span {margin-top:5px} .p003 .sec01 .cont ul.box li .dot li {font-size:14px;} .p003 .sec02 {flex-wrap:wrap;} .p003 .sec02 .tit {width:100% !important;} .p003 .sec02 .cont {margin-left:0;width:100% !important;} .p003 .sec02 .cont dl.line {padding:20px;flex-wrap:wrap;} .p003 .sec02 .cont dl.line dt {width:110px;width:100%;text-align:left;margin-bottom:10px;} .p003 .sec02 .cont dl.line dd {width:calc(100% - 150px); margin-left:40px;width:100%;margin:0} .p003 .sec02 .cont dl.box dt {font-size:22px} .p003 .sec02 .cont dl.box dd {font-size:30px;} .p003 .sec03 .cont .box {width:100%;} .p003 .sec03 .cont .box .dot {padding:25px;} /*0301(진료과/의료진소개)*/ .p0301 ul li {width:calc((100% - 40px) /3);} .p0301 ul li a {padding:25px;} .p0301 ul li a h4 {word-break:break-all;font-size:20px;} .p0301 ul li a p {word-break:break-all;font-size:15px; margin-top:10px;} .p0301 ul li a .icon {bottom:25px;right:25px;} #p0301 .bg {margin-bottom:70px;padding-bottom:70px;} #p0301 .bg:before {margin-top:70px;height:640px;height:90%} #p0301 .content {flex-wrap:wrap;flex-direction: column-reverse;gap:50px} #p0301 .content .sub_img {width:100%;height:380px} #p0301 .content .text {width:100%;margin-top:0;} #p0301 .content .text h3 {margin-bottom:70px;font-size:34px;} #p0301 .content .text p {font-size:17px;} .p030101 #list ul {flex-wrap:wrap;gap:40px;} .p030101 #list ul li {width:100%;gap:30px} .p030101 #list ul li .img {width:150px;} .p030101 #list ul li .info {width:calc(100% - 190px)} .p030101 #list ul li .info .tit {margin-top:10px;font-size:22px} .p030101 #list ul li .info em {font-size:15px;} .p030101 #list ul li .info a {margin-top:20px;padding:7px 15px;font-size:13px;} .p03010101 .content {flex-wrap:wrap;} .p03010101 .content .img {width:100%;display:flex;justify-content:center;} .p03010101 .content .img img {width:500px;} .p03010101 .content .info {width:100%;padding:0 25px} .p03010101 .content .info .info_box>div {margin-bottom:35px;} .p03010101 .content .info .info_top h3 {font-size:32px;} .p03010101 .content .info .info_top p {font-size:16px;font-size:18px} .p03010101 .content .info .info_box {margin-top:0;} .p03010101 .content .info .schedule ul li {font-size:14px;font-size:15px;} .p03010101 .content .info .schedule ul li p {font-size:inherit !important;} .p03010101 .content .info>div h5 {font-size:18px;font-size:20px} .p03010101 .content .info .txt_box {margin-top:50px;} .p03010101 .content .info .txt_box h4 {font-size:22px;margin-bottom:20px;} .p03010101 .content .info .txt_box .list_box {margin-top:40px;padding-top:30px;font-size:16px;} /*0302(외래 진료절차)*/ .p0303 .sec02.move .tit h3 span {display:inline;} /*0304(병문안 안내)*/ /* .p0304 .sec03 .cont .box .title {padding:0 20px;}*/ /*0306(진료기록사본발급)*/ .p0306 .sec:first-of-type .cont ul {width:100%;} /*0308(진료협력실)*/ .p0308 .sec:first-of-type {flex-wrap:wrap;} .p0308 .sec:first-of-type .img {width:100%} .p0308 .sec:first-of-type .tit {margin:0;width:100%} .p0308 .sec .tit p {margin-top:30px;} .p0308 .sec01 .cont ul.box li {padding:30px !important;} .p0308 .sec01 #clinic {padding:50px;} .p0308 .sec01 .cont ul.clinic li.box {width:180px;height:180px;} .p0308 .sec01 .cont ul.clinic li.box h4 {font-size:20px;} .p0308 .sec01 .cont ul.box.num li .icon {font-size:40px;} /*p005(공통)*/ .p005 .sec .tit {margin-bottom:35px;} .p005 .sec .tit h2{font-size:36px;} .p005 .sec .tit h3 {font-size:24px;} .p005 .sec .tit h3 span {display:inline;} .p005 .sec01 {flex-wrap:wrap;} .p005 .sec01 .tit {width:100%;margin-bottom:35px;} .p005 .sec01 .cont {margin-left:0;width:100%;} .p005 .sec01 .cont dl {padding:20px;flex-wrap:wrap;} .p005 .sec01 .cont dl dt {width:100% ;margin-bottom:10px; text-align:left;} .p005 .sec01 .cont dl dd {width:100%;margin:0;} .p005 .sec02 .cont{flex-wrap:wrap;} .p005 .sec02 .cont .box {width:100%;} /*p0502(검진주의사항)*/ .p0502 .sec .cont.notice {padding:35px;} /*p0503(검진내용)*/ .p0503 .content03 .sec table colgroup {display:none} .p0503 .content03 .sec table tbody tr {display:flex;flex-wrap:wrap;} .p0503 .content03 .sec table tbody tr th{width:50%;text-align:center;box-sizing:border-box;} .p0503 .content03 .sec table tbody tr th:nth-child(2n) {border-right:0;} .p0503 .content03 .sec table tbody tr th:nth-child(n+3) {display:none;} .p0503 .content03 .sec table tbody tr td{width:50%;text-align:center;box-sizing:border-box;} .p0503 .content03 .sec table tbody tr td:nth-child(2n) {border-right:0;} .p0503 .sec .cont ul{flex-wrap:wrap;} .p0503 .sec .cont ul li {width:100%;} .p0503 .sec .cont ul li .notice {padding:25px; height:auto;} /*p0504(검진내용)*/ .p0504 .sec .cont ul.box {justify-content:flex-start;gap:18px} .p0504 .sec .cont ul.box>li {width:calc((100% - 18px) /2)} .p0504 .sec .cont ul.box>li span {font-size:12px; margin-bottom:15px;} .p0504 .sec .cont ul.box>li h5{font-size:18px;} .p0504 .sec01 table tbody tr th, .p0504 .sec01 table tbody tr td {padding:15px;} .p0504 .sec02 .cont .notice {padding:25px;} /*p006(공통)*/ .p006 .content .sec {flex-wrap:wrap;} .p006 .content .sec .img {width:100%;height:380px;} .p006 .content .sec .txt {margin:0;width:100%} .p006 .content .sec .txt h2{font-size:34px;} .p006 .content .sec .tit {width:100%} .p006 .content .sec .tit h3 {font-size:24px;} .p006 .content .sec .tit h3 span {display:inline;} .p006 .content .sec .cont {width:100%} .p006 .content .sec .item button:before {font-size:16px;} /*0601(관절클리닉)*/ .p0601 .content .sec .item .txt_box .num span {font-size:14px;width:75px; height:30px;} .p0601 .content .sec .item .txt_box p {font-size:18px;margin-left:15px} .p0601 .content .sec .item .cont_box {width:calc(100% - 100px);} .p0601 .content .sec .item .swiper .swiper-slide ul {gap:13px;} .p0601 .content .sec .item .swiper .swiper-slide ul li {width:130px;} .p0601 .content01 .title h2 {font-size:34px;} .p0601 .content01 .sec {flex-wrap:nowrap;} .p0601 .content01 .sec .img {width:380px;height:240px} .p0601 .content01 .sec .txt {width:calc(100% - 430px) !important;} .p0601 .content01 .sec .txt .txt_box {margin-top:70px;} .p0601 .content01 .sec .txt .txt_box .num p {font-size:24px;} /*0602(척추센터)*/ .p0602 .Tab {width:50%;} .p0602 .content .sec .cont dl dd {margin-left:30px;width:calc(100% - 80px)} .p0602 .content .sec .cont dl dd span {margin-right:10px;} .p0602 .content .sec02 .cont .list {margin-bottom:35px;gap:40px} .p0602 .content .sec02 .cont .list .img_box {width:200px;border-radius:20px} .p0602 .content .sec02 .cont .list .txt_box {width:calc(100% - 240px)} .p0602 .content .sec02 .cont .list .txt_box h6 {font-size:18px;word-break:keep-all} .p0602 .content .sec02 .cont .list .txt_box p {margin-top:13px;} .p0602 #tab02 .content .sec .txt h3 {font-size:26px;} /*p0605(근골격계질환 재활 및 관리)*/ .p0605 .content>div:nth-of-type(2) {gap:35px;} } @media only screen and (max-width:800px){ /*subVisual*/ .subVisual {padding:130px 0;} .subTitle .title h1 {font-size:50px;word-break:keep-all} .subTitle .subMenu.Location>div {margin-right:25px;min-width:200px;} .subTitle .subMenu.Location>div::after {margin-left:7px;} .subTitle .subMenu.Location div:last-child, .subTitle .subMenu.Location div:last-child > ul {min-width:200px;} .subTitle .subMenu.Location>div.m02 {margin-right:0;} .subTitle .subMenu.Location>div.m02::after{display:none;} .subTitle .subMenu.Location>div.m03 {display:none;} /*0101(대표원장 인사말)*/ .p0101 .content {flex-wrap:wrap} .p0101 .content .txt {width:100%;} .p0101 .content h3 {font-size:28px;} .p0101 .content p {font-size:17px; margin-top:25px;} /*0102(설립이념/병원개요)*/ .p0102 .sec01 .title h4 {font-size:24px} .p0102 .sec01 .title p {font-size:17px;} .p0102 .sec02 ul {flex-direction:column;align-items:center;} .p0102 .sec02 ul li {width:280px;height:280px;margin-left:0;margin-top:-7%} .p0102 .sec02 ul li .txt_box {margin-left:0;} .p0102 .sec03 ul li {flex-wrap:wrap;} .p0102 .sec03 ul li .txt {width:100%;} .p0102 .sec03 ul li .txt h4 {font-size:20px;} .p0102 .sec03 ul li .txt h3 {font-size:30px;} .p0102 .sec03 ul li .txt p{font-size:17px;margin-bottom:20px;margin-bottom:0} .p0102 .sec03 ul li .img {width:100%;margin-top:30px;margin-left:0} /*0104(병원연혁)*/ .p0104 .history .bar {left:20px;left:25px;} /* .p0104 .history .bar_color {transition-timing-function:ease;transition-duration:.2s}*/ .p0104 .history .year {flex-wrap:wrap;justify-content: flex-start;margin-bottom:100px;} .p0104 .history .year .left {width:100%;padding-left:80px;position:static;margin-bottom:50px;} .p0104 .history .year .left h3 {font-size:50px;} .p0104 .history .year .right {width:100%;padding-left:80px} .p0104 .history .year .right dl {margin-bottom:30px;} .p0104 .history .year .right dl dt {width:50px; font-size:18px;} .p0104 .history .year .right dl dd {width:calc(100% - 50px);margin-left:0;font-size:16px;} /*0201(찾아오시는길)*/ .p0201 .root_daum_roughmap .wrap_map {height:300px !important;} .p0201 .content .info {flex-wrap:wrap;margin-top:50px} .p0201 .content .info>div {width:100%; margin-top:50px;} .p0201 .content .info>div:first-child {margin:0} .p0201 .content .info .guide dl {font-size:16px;} /*0202(부서별 위치안내도)*/ .p0202 .table_design th {padding:15px;} .p0202 .table_design td {padding:15px;} /*0203(진단서,증명서 발급)*/ .p0203 .sec {margin-top:50px;} .p0203 .sec .tit h2 {font-size:34px;} .p0203 .sec .tit h3 {font-size:22px;} .p0203 .sec .cont dl {font-size:16px;} .p0203 .sec01 .tit {margin-bottom:30px;} .p0203 .sec01 ul:last-child {margin-top:40px;} .p0203 .sec01 ul li{width:100%; margin-right:0;margin-bottom:30px;} .p0203 .sec01 ul li:last-child{margin-bottom:0;} .p0203 .sec01 ul li:after {top:inherit;right:50%;bottom:-30px;transform:rotate(90deg)} .p0203 .sec02 .tit {margin-bottom:30px;} /*0204(원내전화번호)*/ .p0204 .sec h3 {font-size:22px} .p0204 .sec table thead, .p0204 .sec table tbody {font-size:16px} .p0204 .sec01 {padding:30px;} .p0204 .sec01 ul li {margin-top:15px !important;} .p0204 .sec01 ul li div {width:70px;height:70px; font-size:22px;} .p0204 .sec01 ul li dl dt {font-size:17px;} .p0204 .sec01 ul li dl dd {font-size:22px;} /*0205(고객한마디)*/ .p0205 .sec .txt {width:calc(100% - 50px)} .p0205 .sec .txt h4 {font-size:28px;} .p0205 .sec .txt p {font-size:16px} .p0205 .sec .txt dl{font-size:16px} .p0205 .sec .txt dl dt {width:80px; } .p0205 .sec .txt dl dd {width:calc(100% - 100px);} /*0206(환자권리보호/안전관리체계)*/ .p0206 .content {margin-top:100px;} .p0206 .sec {margin-top:50px} .p0206 .sec .tit {margin-bottom:30px;} .p0206 .sec .tit h2{font-size:34px;} .p0206 .sec .tit h3 {font-size:22px;} .p0206 .content02 .sec01 .cont ul li p {font-size:16px} .p0206 .content04 .sec .cont .img {padding:50px 70px} .p0206 .content05 .sec ul li{width:100%; margin-right:0;margin-bottom:30px;} .p0206 .content05 .sec ul li:last-child{margin-bottom:0;} .p0206 .content05 .sec ul li:after {top:inherit;right:50%;bottom:-30px;transform:rotate(90deg)} .p0206 .content05 .sec .dot {margin-top:15px;} .p0206 .content05 .sec .dot li {margin-bottom:5px;padding-left:10px} .p0206 .content05 .sec .dot li:last-child {margin-bottom:0} .p0206 .content05 .sec ul li div {font-size:16px} .p0206 .content05 .sec .cont .step {flex-wrap:wrap;gap:18px} .p0206 .content05 .sec .cont .step li {width:calc((100% - 18px) /2);margin-bottom:0} .p0206 .content05 .sec .cont .step li .img img {height:160px} .p0206 .content05 .sec01 .cont dl {font-size:16px} /*p003(공통)*/ .p003 .content {margin-top:100px;} .p003 .sec {margin-top:50px} .p003 .sec .tit {margin-bottom:30px;} .p003 .sec .tit h2{font-size:34px;word-break:keep-all} .p003 .sec .tit h3 {font-size:22px;} .p003 .sec .cont .notice.dot {margin-top:15px;} .p003 .sec01 .cont ul.box>li h5 {font-size:16px} .p003 .sec02 .cont dl.line {font-size:16px} .p003 .sec02 .cont dl.box {padding:25px;} .p003 .sec02 .cont dl.box dt {font-size:20px} .p003 .sec02 .cont dl.box dd {font-size:28px;} /*0301(진료과/의료진소개)*/ .p0301 ul {gap:15px;} .p0301 ul li {width:calc((100% - 15px) /2);} .p0301 ul li a {padding:20px;} .p0301 ul li a .icon {bottom:20px; right:20px;} /* #p0301 .bg:before {height:620px}*/ #p0301 .content .text h3 {font-size:32px;} #p0301 .content .sub_img {height:360px;} .p030101 #list ul {gap:30px;} .p030101 #list ul li {align-items:flex-start;gap:20px;} .p030101 #list ul li .img {width:130px;height:150px; padding:15px 15px 0 15px} .p030101 #list ul li .info {width:calc(100% - 160px)} .p030101 #list ul li .info a {margin-top:15px;} .p030101 #list ul li .info .tit {font-size:20px} .p03010101 .content .img img {width:450px;} .p03010101 .content .info .info_box>div{margin-bottom:30px;} .p03010101 .content .info .info_top h3 {font-size:30px;} .p03010101 .content .info .schedule table {font-size:14px;font-size:15px;} .p03010101 .content .info .schedule table thead tr th {padding:13px 0} .p03010101 .content .info .schedule table tbody td {height:50px;} .p03010101 .content .info .schedule table tbody td span {padding:3px 10px} .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before , .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before {font-size:14px;} /*0302(외래 진료절차)*/ .p0302 .sec .cont table tbody tr th {padding:15px;} .p0302 .sec .cont table tbody tr td {padding:15px;} /*0303(입원/퇴원 진료절차)*/ .p0303 .sec02.move .cont ul li{width:100%; margin-right:0;margin-bottom:30px;margin-top:0 !important} .p0303 .sec02.move .cont ul li:last-child{margin-bottom:0;} .p0303 .sec02.move .cont ul li:after {top:inherit;right:50%;bottom:-30px;transform:rotate(90deg)} /*0304(병문안 안내)*/ .p0304 .sec02 .cont .notice.dot {margin-top:0;} /*0306(진료기록사본발급)*/ .p0306 .sec01 .cont {overflow-x:scroll;} .p0306 .sec .cont table {min-width:800px;} .p0306 .sec01 .cont table thead tr th {padding:15px; font-size:17px} .p0306 .sec01 .cont table tbody tr td {padding:15px 28px;word-break:keep-all} /*0307(대리처방)*/ .p0307 .sec01 .cont {overflow-x:scroll;} .p0307 .sec .cont table {min-width:800px;} .p0307 .sec01 .cont table thead tr th {padding:15px;font-size:17px} .p0307 .sec .cont table tbody tr td {padding:15px;} /*0308(진료협력실)*/ /* .p0308 .sec:first-of-type .img {width:450px;}*/ .p0308 .sec01 .cont ul.box li p {margin-toP:10px;} .p0308 .sec01 .cont ul.box.num li p {font-size:18px} .p0308 .sec01 .cont ul.box.num li .icon {font-size:38px;margin-right:40px;} .p0308 .sec01 .cont ul.clinic{flex-direction: column;gap:30px;} .p0308 .sec01 .cont ul.clinic li.box {width:;} .p0308 .sec01 .cont ul.clinic li.arrow {gap:20px;flex-direction:row-reverse;} .p0308 .sec01 .cont ul.clinic li.arrow .right:after {transform:rotate(90deg)} .p0308 .sec01 .cont ul.clinic li.arrow .left:before {transform:rotate(90deg)} /*p005(공통)*/ .p005 .content {margin-top:100px;} .p005 .sec {margin-top:50px;} .p005 .sec .tit {margin-bottom:30px;} .p005 .sec .tit h2{font-size:34px;} .p005 .sec .tit h3 {font-size:22px;} .p005 .sec table tbody tr td {padding:15px;} /*p0502(검진주의사항)*/ .p0502 .sec .cont.notice {padding:30px;} /*0503(검진내용)*/ .p0503 .content01 .sec .cont .table{overflow-x:scroll;} .p0503 .content01 .sec .cont .table table {min-width:800px;} .p0503 .content01 .sec .cont .table table tbody tr th {padding:15px} .p0503 .content01 .sec .cont .table table tbody tr td {padding:15px;} .p0503 .content04 .sec .cont .table{overflow-x:scroll;} .p0503 .content04 .sec .cont .table table {min-width:800px;} .p0503 .content04 .sec .cont .table table tbody tr th {padding:15px} .p0503 .content04 .sec .cont .table table tbody tr td {padding:15px;} /*p0504(검진내용)*/ .p0504 .sec .cont ul.box>li h5{font-size:16px;} /*p006(공통)*/ .p006 .content {margin-top:100px;} .p006 .content .sec {margin-top:50px;} .p006 .content .sec .txt h2{font-size:32px;} .p006 .content .sec .tit h3 {font-size:22px;} .p006 .content .sec .img {height:350px;} .p006 .content .sec .item {font-size:16px;} .p006 .content .sec .item .txt_box {padding:20px;} .p006 .content .sec .item .cont_box {padding:20px;} .p006 .content .sec .item .cont_box p:nth-of-type(n+2) {margin-top:15px;} /*0601(관절클리닉)*/ .p0601 .content .sec .item .cont_box {width:100%;} .p0601 .content .sec .item .swiper .swiper-slide .txt {margin-bottom:30px;} .p0601 .content .sec .item .swiper .swiper-slide .txt p {margin-top:15px;font-size:15px;} .p0601 .content .sec .item .swiper .swiper-slide .txt h4 {font-size:17px;} .p0601 .content .sec .item .swiper .swiper-slide ul {gap:10px;} .p0601 .content .sec .item .swiper .swiper-slide ul li {width:120px;} .p0601 .content01 .title h2 {font-size:32px;} .p0601 .content01 .sec {flex-wrap:wrap;} .p0601 .content01 .sec .img {width:100% ;height:auto !important;position:static} .p0601 .content01 .sec .txt {width:100% !important;} .p0601 .content01 .sec .txt .txt_box {margin-top:50px} .p0601 .content01 .sec .txt .txt_box:first-of-type {margin-top:0px} .p0601 .content01 .sec .txt .txt_box .num span {font-size:17px;margin-right:15px;} /*0602(척추센터)*/ .p0602 .Tab {width:calc(100% - 100px);margin-bottom:70px;gap:0} .p0602 .Tab a {font-size:16px;height:45px;} .p0602 .content .sec .cont dl {padding:20px;} .p0602 .content .sec02 .cont .list {gap:30px;align-items:flex-start;margin-bottom:30px;} .p0602 .content .sec02 .cont .list .img_box {width:180px;} .p0602 .content .sec02 .cont .list .txt_box {width:calc(100% - 210px)} .p0602 .content04 .sec .cont ul{flex-wrap:wrap;} .p0602 .content04 .sec .cont ul li {width:calc((100% - 15px)/ 2)} .p0602 .content04 .sec .cont ul li .img_box {margin-bottom:10px;} .p0602 #tab02 .content .sec .txt h3 {font-size:24px;} } @media only screen and (max-width:767px){ /*subVisual*/ .subTitle .title h1 {font-size:46px;} /*0101(대표원장 인사말)*/ .p0101 .content h3 {line-height:1.3;font-size:27px} /*0102(설립이념/병원개요)*/ .p0102 .sec01 .title h4 {line-height:1.3;word-break:keep-all} .p0102 .sec03 ul li .txt h3 {font-size:28px;margin-bottom:15px} /*0103(조직도)*/ .p0103 .line {margin-bottom:30px;} .p0103 .line>li {width:100%;} .p0103 .line>li span {height:50px;} .p0103 .line03:after,.p0103 .line03 li div:after,.p0103 .line04:before,.p0103 .line04>li:before {display:none;} .p0103 .line03 li div {margin-bottom:15px;} .p0103 .line04>li {margin-right:0;margin-top:15px;} .p0103 .line04>li:first-child{margin-top:0} /*p0105(첨단의료장비)*/ .p0105 ul li {width:100%;} /*0206(환자권리보호/안전관리체계)*/ .p0206 .content01 .sec01 .cont ul {flex-wrap:wrap;} .p0206 .content01 .sec01 .cont ul li {width:100%;padding:25px;} .p0206 .content01 .sec01 .cont ul li .img {width:50px;margin-bottom:20px;} .p0206 .content01 .sec01 .cont ul li h5 {font-size:17px;margin-bottom:7px} .p0206 .content01 .sec01 .cont ul li p {font-size:16px;} .p0206 .content02 .sec01 .cont ul li {width:calc((100% - 20px) /2);} } @media only screen and (max-width:600px){ /*subVisual*/ .subTitle .title h1 {font-size:42px;} .subTitle .subMenu.Location>div::after {margin-left:10px;} .subTitle .subMenu.Location>div.m01 {width:calc(100% - 45px);min-width:auto;margin-right:0;} .subTitle .subMenu.Location>div.m01::after{display:none;} .subTitle .subMenu.Location>div.m02 {display:none;} .subTitle .subMenu.Location div.depth, .subMenu.Location div > ul {min-width:auto} /*0104(병원연혁)*/ .p0104 .history .year {margin-bottom:80px;} .p0104 .history .year .left h3 {font-size:46px} /*0204(원내전화번호)*/ .p0204 .sec table thead th {padding:20px;} .p0204 .sec table tbody td {width:100%} .p0204 .sec table tbody td {padding:17px} .p0204 div.sec:nth-child(2) table tbody tr:last-child td:nth-last-child(2), .p0204 div.sec:nth-child(3) table tbody tr:last-child td:nth-last-child(2) {border-bottom:1px solid rgba(0,0,0,.15)} .p0204 .sec01 {padding:25px;} .p0204 .sec01 ul li {margin-top:10px !important} /*0206(환자권리보호/안전관리체계)*/ .p0206 .content04 .sec .cont .img {padding:50px} .p0206 .content05 .sec .cont .step {gap:15px;} .p0206 .content05 .sec .cont .step li {width:calc((100% - 15px) /2)} /*p003(공통)*/ .p003 .sec02 .cont dl.box {flex-direction:column;justify-content:center;} /*0301(진료과/의료진소개)*/ /* #p0301 .bg:before {height:650px}*/ #p0301 .content {gap:40px;} #p0301 .content .sub_img {height:340px;} .p030101 #list ul li .img {width:110px;height:auto;} .p03010101 .content .img img {width:90%;} .p03010101 .content .info .schedule table {font-size:13px;} .p03010101 .content .info .schedule table tbody td {height:45px;} .p03010101 .content .info .schedule table tbody td.time-col {width:70px;} .p03010101 .content .info .schedule div:first-of-type {width:100%;overflow-x:scroll;} .p03010101 .content .info .schedule div:first-of-type table {min-width:500px;} .p03010101 .content .info .schedule div:last-of-type tbody tr td.time-col {width:100px;} .p03010101 .content .info .schedule table tbody td span {min-width:40px;} .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before, .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before {font-size:13px;} /*0306(진료기록사본발급)*/ .p0306 .sec:first-of-type .cont ul.down{flex-wrap:wrap;gap:15px;} .p0306 .sec:first-of-type .cont ul.down li {width:100%;} /*p006(공통)*/ .p006 .content .sec .img {height:320px;} /*0601(관절클리닉)*/ .p0601 .content .sec .item .swiper .swiper-slide ul li {width:auto;} /*0602(척추센터)*/ .p0602 .Tab {width:calc(100% - 50px);} .p0602 .content .sec .cont dl {align-items:flex-start;} .p0602 .content .sec .cont dl dd span {display:block;} .p0602 .content .sec02 .cont .list .img_box {display:none;} .p0602 .content .sec02 .cont .list .txt_box {width:100%} } @media only screen and (max-width:500px){ /*subVisual*/ .subTitle .title h1 {font-size:38px;} /*0102(설립이념/병원개요)*/ .p0102 .sec03 ul li .txt h3 {margin-bottom:15px} /*0204(원내전화번호)*/ .p0204 .sec01 ul li div {width:60px;height:60px; font-size:19px;} .p0204 .sec01 ul li dl {width:calc(100% - 80px)} /*0206(환자권리보호/안전관리체계)*/ .p0206 .content01 .sec01 .cont ul li {padding:15px;} .p0206 .content01 .sec01 .cont ul li .img {width:45px;margin-bottom:15px;} .p0206 .content05 .sec .cont .step li {width:100%;} .p0206 .content05 .sec .cont .step li .img img {height:auto;} /*p003(공통)*/ .p003 .sec01 .cont ul.box {gap:15px;} .p003 .sec01 .cont ul.box>li {width:100%;padding:20px;} /*0301(진료과/의료진소개)*/ /* #p0301 .bg:before {height:670px}*/ .p03010101 .content .img img {width:80%;} .p03010101 .content .info .schedule table tbody td {height:40px;} .p03010101 .content .info .schedule table tbody td.time-col {width:60px; } .p03010101 .content .info .schedule table tbody td span {min-width:auto;} .p03010101 .content .info .schedule table:last-of-type tbody tr td {font-size:14px;} .idx22 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before , .idx23 .p03010101 .content .info .schedule div:last-of-type tbody tr:first-child td:before {font-size:14px;} /*p0308(진료협력실)*/ .p0308 .sec01 .cont ul.box.num li {width:100%;justify-content:flex-start;padding:30px} .p0308 .sec01 .cont ul.box.num li .icon {font-size:35px;margin-right:30px;} /*p0504(검진내용)*/ .p0504 .sec .cont ul.box{gap:15px;} .p0504 .sec .cont ul.box>li {width:100%; padding:20px;} .p0504 .sec01 .cont {overflow-x:scroll;} .p0504 .sec01 .cont table {min-width:500px;} /*p006(공통)*/ .p006 .content .sec .img {height:300px;} /*0602(척추센터)*/ .p0602 .Tab {width:100%;} } @media only screen and (max-width:400px){ /*0301(진료과/의료진소개)*/ /* #p0301 .bg:before {height:700px}*/ .p03010101 .content .info .schedule table tbody td.time-col {width:50px; } }