/*인사말*/ .greeting {position:relative;margin:0 auto;max-width:1400px;zoom:1;} .greeting:after {display:block;clear:both;content:''} .greeting .photo {width:350px; position:relative; float:left; padding-top:40px;} .greeting .photo img {width:100%;} .greeting .txt {position:relative; float:right; margin-left:40px; margin-right:40px; padding:98px 0 ; width:calc(100% - 430px); z-index:1;} .greeting .txt:before{content:"";position:absolute;top:40px;right:0;background-color:#2A5D44;width:100%;height:5px;} .greeting .txt .point{max-width: 470px; word-break:keep-all; font-size:40px; font-weight:500; letter-spacing:-2px; margin-bottom:20px;line-height:1.4;} .greeting .txt .point span{ color:#2A5D44;} .greeting .txt .point .m_br{display:none;} .greeting .txt p { word-break:keep-all} @media (max-width: 1000px){ .greeting .photo {max-width: 300px; margin:0 auto; padding-top:0; float:none} .greeting .txt{max-width:100%; width:100%; margin-right:0; padding-top:50px; text-align: center;} .greeting .txt:before{max-width:340px; right:50%; top:0; transform: translateX(50%);} .greeting .txt .point { max-width:100%; font-size:30px;} } @media (max-width: 640px){ .greeting .txt{padding-top:25px;} .greeting .txt .point {font-size:22px;} .greeting .txt .point .m_br{display:block;} .greeting .txt p{font-size:16px;} } /*인사말*/ /*병원소개*/ .company_info { width:100%; height:auto; } .company_info .img_page { width:100%; height:300px; margin-top:-150px; background-image:url(../img/sub/sub1_2_img1.jpg); background-position:center; background-repeat:no-repeat; background-size: cover;} .company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px} .company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; } .company_info .txt_page p { font-size:16px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:15px} .company_info .Ideology { width:100%; margin-top:80px; padding-bottom:100px;} .company_info .Ideology .inner { display:flex; flex-flow: wrap row; max-width:1240px; margin:auto; clear:both;} .company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color:#1a1a1a; letter-spacing:5px; text-align:center; padding:95px 0 50px 0} .company_info .Ideology .inner .point{color: #2A5D44;} .company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#2A5D44; clear: both;} .company_info .Ideology dl {width:33.3333%; padding:30px 20px; border-right:1px solid #ddd} .company_info .Ideology dl:nth-child(3n){border-right:none;} .company_info .Ideology dl:nth-child(+n+4){border-top:1px solid #ddd;} .company_info .Ideology dl .icon { padding:0 0 20px 0; text-align:center; color:#ff4200} .company_info .Ideology dl .icon img{display:block; width:80px; margin-left:auto; margin-right:auto;} .company_info .Ideology dl dt { font-size:20px; line-height:1.4; font-weight:bold; text-align:center; word-break: keep-all;} .company_info .Ideology dl dd {margin-top:20px; line-height:1.7; text-align:center; font-size:16px; color:#555; word-break: keep-all} .tl_title_box_wrap {width:100%; height:auto; padding:150px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover} .tl_title_box_wrap li {position:relative; width:23.5%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer; -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat} .tl_title_box_wrap li .bg { background-color:#2A5D44; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1} .tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; } .tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)} .tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;} .tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff} .tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF} .tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF} .tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff} .tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;} .tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a} .tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;} .tl_title_box_wrap li .txt_wrap .cell p { font-size:16px; color:#555; padding-top:50px; word-break:keep-all; line-height:1.6;} .tl_title_box_wrap li:nth-child(4n+1) { margin-left:0} @media (max-width: 1000px){ .company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;} .company_info .work_page ul li:last-child { margin-right:0} .company_info .work_page ul li:nth-child(2n+2) {margin-right:0;} .company_info .Ideology{margin-top:20px;} .company_info .Ideology dl { width:50%;} .company_info .Ideology dl:nth-child(3n){border-right:1px solid #ddd;} .company_info .Ideology dl:nth-child(even){border-right:none;} .company_info .Ideology dl:nth-child(+n+3){border-top:1px solid #ddd;} } @media (max-width: 640px){ .company_info .img_page { background-size:cover; height:300px} .company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;} .company_info .Ideology dl .icon img{width:40px;} .company_info .Ideology dl .icon svg{width:40px; height:40px;} .company_info .Ideology dl{padding:20px 15px;} .company_info .Ideology dl dt{font-size:18px;} .company_info .Ideology dl dd{margin-top:10px; font-size:15px; line-height:1.5;} } /*병원소개*/ /*연혁*/ .history_area {position: relative;width: 100%;padding-top: 37px;} .history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f7f8;overflow: hidden;} /*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/ .history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;} .history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;} .history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;} .history_area dd strong {display: block;padding-bottom: 12px;font-size: 20px;line-height: 1.6;color: #1a1a1a;font-weight: 500;} .history_area dd p {display: block;} .history_area dd .img_box {display: block;margin-top: 39px;} .right {text-align: right;} .left {text-align: left;} .fr {float: right;} .img_box img { max-width: 100%} @media (max-width: 960px){ .history_area .history_point {left: 10px;margin-left: 0;} .history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;} .history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;} .history_area div + div {margin-top: 40px;} .history_area div:nth-child(2) {margin-top: 0;} .history_area dt {margin-bottom: 20px;font-size:30px;} .history_area dd p br {display: none;} .history_area dd .img_box {margin-top: 20px;} } /*연혁*/ /*둘러보기*/ .tl_touring_tab ul { padding-bottom:30px; margin:0 auto; } .tl_touring_tab ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .tl_touring_tab ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .tl_touring_tab ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .touring_area ul li a.on { background-color:#2A5D44; color:#fff; box-shadow: 0 15px 15px rgba(59,130,246,0.18);} .touring_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .touring_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .touring_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .touring_area .ts6 ul li { width:16.74%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .touring_area ul li a.on { background-color:#2A5D44; color:#fff; box-shadow: 0 15px 15px rgba(59,130,246,0.18);} .touring_area .slider li { position:relative; display:block} .touring_area .slider li .box{ width:100%; height:60px; line-height:60px; background:rgba(0, 0, 0, 0.5); padding:0; margin:0 auto; position:absolute; bottom:0px} .touring_area .slider li p{ color:#fff; text-align:center; line-height: inherit} .touring_area .photo-box { position: relative;} .touring_area .photo-box .btn-adm-link{z-index:1;position:absolute;display:block;top:0;left:0;width:30px;height:30px;line-height:30px;color:tomato;text-align:center;background-color:rgba(255,255,255,.5);border-radius:4px} @media screen and (max-width: 640px) { .touring_area .ts ul li { width:50%; margin-top:-1px} } /*둘러보기*/ /*진료시간*/ .cs_center { width:100%} .cs_center .photo { width: 50%; height: 473px; float:left; background:url("../img/sub/sub2_1_img1.jpg") no-repeat center; background-size: cover; } .cs_center .time { width: 50%; height: 473px; float: right; padding: 3% 6%; box-sizing: border-box; color:#212121; background-color:#f6f7f8 } .cs_center .time h4 { font-size: 28px;} .cs_center .time ul { margin: 4% 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6% 0; } .cs_center .time ul li { line-height: 1.8; font-size: 22px; font-weight:bold; } /* 요일(1열)·시간(2열): 그리드 정렬 / 1열은 좁게 두 줄로 압축, 2열(hours-slot)은 줄바꿈 없음 */ .cs_center .time ul li:has(> span.day) { display: grid; grid-template-columns: minmax(0, 17.5rem) minmax(0, 1fr); column-gap: 0.45rem; align-items: start; } .cs_center .time ul li:has(> span.day) > span.day { float: none; width: auto; max-width: 100%; font-weight: 400; word-break: keep-all; line-height: 1.28; font-size: 0.93em; } .cs_center .time ul li:has(> span.day) > span.hours-slot { display: block; white-space: nowrap; text-align: left; font-weight: bold; } .cs_center .time ul li span.kor { font-size: 0.9em; font-weight: 400 ;} .cs_center .time ul li.off { font-weight: 400; font-size: 1.25em; color:#d30707; word-break: keep-all;} .cs_center .time .cs-tel { padding: 10px 10px 10px 80px; font-weight: bold; } .cs_center .time .cs-tel dt { font-size: 18px; line-height: 1.6;} .cs_center .time .cs-tel dd { font-size: 45px; line-height: 1.0; font-family:'Louis George Cafe Bold'; } @media all and (max-width:1240px) { .cs_center .time ul li:has(> span.day) { grid-template-columns: minmax(0, 17rem) minmax(0, 1fr); column-gap: 0.45rem; } } @media all and (max-width:1000px) { .cs_center .photo { width:100%; height:400px;} .cs_center .time {height:auto; padding:40px;} .cs_center .time ul li span.kor { font-size: 0.8em; } .cs_center .time ul li { font-size:18px} .cs_center .csImg { width: 100%; top:0; height: 50vw; } .cs_center .time { width: 100%; padding: 8%;} .cs_center .time ul { margin: 3% 0; padding: 4% 0;} .cs_center .time ul li { font-size:18px} .cs_center .time ul li:has(> span.day) { grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); column-gap: 0.45rem; } .cs_center .time .cs-tel { background-size: auto 100%; padding: 10px 0 10px 0px;} .cs_center .time ul li.off { font-size:20px} } @media all and (max-width:640px) { .cs_center .photo{height:250px;} .cs_center .time h4{font-size:22px;} .cs_center .time ul li{font-size:16px;} .cs_center .time ul li.off{font-size:18px;} .cs_center .time .cs-tel dd{font-size:38px;} } /* 모바일: 요일 1줄 → 시간 1줄 → 블록 간 여백 (2열 가로 배치 해제) */ @media all and (max-width: 767px) { .cs_center .time ul li:has(> span.day) { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; margin-bottom: 1.5rem; } .cs_center .time ul li:has(> span.day):last-child { margin-bottom: 0; } .cs_center .time ul li:has(> span.day) > span.day { font-size: 1em; line-height: 1.35; max-width: none; } .cs_center .time ul li:has(> span.day) > span.hours-slot { white-space: normal; overflow-x: visible; width: 100%; line-height: 1.45; } } /*진료시간*/ /*오시는 길*/ #map_view .root_daum_roughmap_landing {width:100%;} #map_view .wrap_map {height:500px;} #map_view .root_daum_roughmap .border1, #map_view .wrap_controllers {display:none;} .map_area {width:clamp(0px,96%,1400px);margin:0 auto;} .map_area .txt {margin-top:-90px;position:relative;z-index:3;} .map_area .txt .txt_wrap {background:#2A5D44;box-shadow:3px 3px 3px rgba(0,0,0,0.2);padding:45px;display:flex;align-items:center;} .map_area .txt .logo {border-right:1px solid rgba(255,255,255,0.35);text-align:center;width:315px;padding-right:40px;} .map_area .txt .logo img {display:block;width:100%;} .map_area .txt .contact {color:#fff;font-weight:500;font-size:20px;letter-spacing:-1px;line-height:1.6;padding-left:40px;} .map_area .txt .contact .address {word-break: keep-all;} .map_area .txt .bt {margin-left:auto;border-radius:65px;border:3px solid #fff;color:#fff;font-size:20px;text-align:center;min-width:220px;line-height:60px;height:65px;transition:all .4s ease;} .map_area .txt .bt:is(:hover,:focus,:active) {background:#2A5D44;color:#1a1a1a;font-weight:700;border-color:#2A5D44;} .map_area .contact_info {margin:20px 0 110px;} .map_area .contact_info .map_list {display:flex;flex-wrap:wrap;align-items:center;padding:40px 0;width:100%;} .map_area .contact_info .map_list h3 {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;width:25%;font-size:24px;color:#1a1a1a;font-weight:600;} .map_area .contact_info .map_list h3 i {font-size:53px;font-weight:normal;color:#8aab9e;} .map_area .contact_info .map_list ul {width:75%;} .map_area .contact_info .map_list ul li {margin:10px 0;position:relative;line-height:normal;font-size:17px;} .map_area .contact_info .map_list ul li .map_list_li_logo {display:none;} .map_area .contact_info .map_list ul li .map_list_li_text {display:inline;} .map_area .contact_info .map_list ul li:after {content:"";position:absolute;left:0;top:4px;width:9px;height:14px;} .map_area .contact_info .map_list:not(:last-child) {border-bottom:1px solid #ddd;} .map_area .contact_info .map_list:first-child ul li:first-child > p {font-size:1.25em;font-weight:600;color:#1a1a1a;} .map_area .contact_info .map_list ul li strong {color:#e11a1f;} @media (max-width: 1200px){ .map_area .txt {margin-top:0;} .map_area .txt .txt_wrap {justify-content:center;border-radius:0px 0px 20px 20px;padding:30px;} .map_area .txt .logo {width:250px;height:auto;padding-right:20px;} .map_area .txt .contact {padding-left:20px;} .map_area .txt .contact .tel{font-weight:300;} .map_area .txt .bt {border-radius:40px;width:120px;height:45px;line-height:43px;border-width:1px;font-size:16px;} #map_view .wrap_map {height:400px;} .map_area .contact_info .map_list {padding:30px 0;} } @media (max-width: 1000px){ #map_view .wrap_map{height:300px;} .map_area .txt .txt_wrap {flex-wrap:wrap;gap:20px 0;} .map_area .txt .bt {margin-left:0;} .map_area .contact_info .map_list {padding:20px 0;} } @media screen and (max-width: 767px) { #map_view .wrap_map{height:250px;} .map_area .txt .txt_wrap {flex-direction:column;padding:20px;gap:10px 0;} .map_area .txt .logo {padding-right:0;border-right:none;width:200px;} .map_area .txt .contact {padding-left:0;text-align:center;} .map_area .txt .contact .address{font-size:16px;} .map_area .contact_info .map_list {flex-direction:column;padding:15px 0;text-align:left;align-items:stretch;} .map_area .contact_info .map_list h3, .map_area .contact_info .map_list ul {width:100%;} .map_area .contact_info .map_list h3 { flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start; gap:10px; margin:0 0 8px; } .map_area .contact_info .map_list h3 i {font-size:32px;} .map_area .contact_info .map_list ul {padding:0;margin:0;list-style:none;} .map_area .contact_info .map_list ul li { display:flex; align-items:flex-start; gap:14px; margin:10px 0; padding-left:0; text-align:left; word-break:keep-all; } .map_area .contact_info .map_list ul li:after {display:none;} .map_area .contact_info .map_list ul li .map_list_li_logo { display:block; flex:0 0 auto; width:18px; height:18px; object-fit:contain; margin-top:5px; } .map_area .contact_info .map_list ul li .map_list_li_text { display:block; flex:1 1 auto; min-width:0; font-size:16px; line-height:1.55; } } /*오시는 길*/ /*장비소개*/ .equipment_area .btn_navi div{overflow:hidden; margin:20px 0 48px; } .equipment_area .btn_navi div a{display:block; float:left; width:16.73%; height:53px; line-height:53px; font-size:16px; text-align:center; border:1px solid #dddd; margin-bottom:5px; margin-right: -1px; cursor:pointer; letter-spacing:-1px; font-weight:300} .equipment_area .btn_navi div a.active{ color:#fff; background:#4169b1; } .equipment_area .slide li{overflow:hidden; cursor:pointer} .equipment_area .slide li .slide_tit{max-width:580px; margin:0 auto 52px; font-size:30px; color:#403f3f; font-weight:900; text-align:center; letter-spacing:-1px; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.8; word-break: keep-all} .equipment_area .slide li .slide_cont_area {max-width:600px; padding-right:40px; color:#1a1a1a; float:left;} .equipment_area .slide li .slide_cont_area p{margin:0; text-align:left; word-break:keep-all; line-height:2.1} .equipment_area .slide li .box { max-width:1100px; margin:auto} .equipment_area .slide li img{float:right; max-width:500px; height:380px; margin:20px 0 0; display:block; box-sizing:border-box} .equipment_area .slide li.img_center img{float:none; margin-left:auto; margin-right:auto;} .equipment_area .slide .owl-nav{position:absolute;width:100%;top:30px} .equipment_area .slide .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#1a1a1a; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer} .equipment_area .slide .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#1a1a1a; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer} @media screen and (max-width: 1000px) { .equipment_area .btn_navi div a {width:33.333%;} .equipment_area .slide li .slide_tit{padding:15px 0; font-size:25px;} .equipment_area .slide .owl-nav{top:20px;} .equipment_area .slide li .slide_cont_area p{font-size:16px; line-height:1.5;} } @media screen and (max-width: 640px) { .equipment_area .btn_navi div a { width:50%; margin-bottom:0; height:35px; line-height:33px; font-size:14px;} .equipment_area .btn_navi div a:nth-child(+n+3){border-top:none;} .equipment_area .slide li .slide_tit{margin-bottom:25px; font-size:20px;} .equipment_area .slide .owl-nav{top:15px;} .equipment_area .slide .owl-nav .owl-next{width:20px; right:0;} .equipment_area .slide .owl-nav .owl-prev{width:20px; left:0;} .equipment_area .slide li img{height:auto;} } @media screen and (max-width: 400px) { .equipment_area .slide .owl-nav{top:13px;} .equipment_area .slide li .slide_tit{font-size:18px;} .equipment_area .slide .owl-nav .owl-next{right:-10px;} .equipment_area .slide .owl-nav .owl-prev{left:-10px;} } /*장비소개*/ /* content01 */ .content01 .box { position: relative; margin-bottom:40px; display:block;} .content01 .box .img_right { float:right} .content01 .box .txt_wrap { position: absolute; right: 0; top:50%; transform: translateY(-50%); background: #fff; width: 60%;} .content01 .box .txt_wrap .half-round-tit {display:flex; padding:40px 30px; justify-content: start; align-items: center; word-break: keep-all;} .content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a; font-size:22px; font-weight:500; vertical-align: top; line-height:1.4; letter-spacing:0;} .content01 .box .txt_wrap .half-round-tit strong br{display:none;} .content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center; border-radius: 50%; vertical-align: top; color: #fff; font-size:16px; background:#2A5D44; margin-right:10px;} .content01 .box .txt_wrap p {padding-left:1rem; padding:20px 50px; text-align: justify;} .content01 .box .txt_wrap02 { position: absolute; left: 0; top:50%; transform: translateY(-50%); background: #fff; width: 60%;} @media screen and (max-width: 1200px) { .content01 .box .txt_wrap .half-round-tit strong{font-size:20px;} } @media screen and (max-width: 1000px) { .content01 .box{max-width:600px; margin-left:auto; margin-right:auto; margin-bottom:0;} .content01 .box + .box{margin-top:80px;} .content01 .box .img { text-align:center; display:block; float:none; clear:both} .content01 .box .img img { width:100%} .content01 .box .txt_wrap { width:100%; display:block; position:relative; clear:both; top:auto; transform: none; margin-top:20px;} .content01 .box .txt_wrap .half-round-tit{padding:0;} .content01 .colum .left .box .img img { width:100%} .content01 .list_wrap h2{ margin-left:0} .content01 .list_wrap ul { padding-left:0; margin-left:0} .content01 .list_wrap ul li { padding-left:0; margin-left:0} } @media screen and (max-width: 640px) { .content01 .box{max-width:400px;} .content01 .box + .box{margin-top:60px;} .content01 .box .txt_wrap{margin-top:0;} .content01 .box .txt_wrap .half-round-tit{display:block; text-align:center;} .content01 .box .txt_wrap .half-round-tit span{position: absolute; left: 50%; transform: translateX(-50%); top: -17px; margin-right:0;} .content01 .box .txt_wrap .half-round-tit strong{display:block; padding-top:30px; font-size:20px;} .content01 .box .txt_wrap .half-round-tit strong br{display:block;} } @media screen and (max-width: 450px) { .content01 .box{max-width:320px;} } /* content01 */ /* content02 */ .content02 ul li { width:50%; float:left} .content02 ul li .profile { float:left; padding-bottom:50px; width:50%} .content02 ul li .profile img { width:100%} .content02 ul li dl { float:left; padding:0 40px; width:50% } .content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0} .content02 ul li dl dt dd { margin-left: 10px; font-size:17px; color:#444; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both; } @media screen and (max-width: 1210px) { .content02 ul li { width:49%; margin-left:2%; margin-bottom:6%} .content02 ul li:nth-child(2n+1) { margin-left:0} .content02 ul li .profile { width:100%} .content02 ul li dl { width:100%; padding:0 20px} } @media screen and (max-width: 640px) { .content02 ul li { width:100%; margin-left:0} } /* content02 */ /* content03 */ .content03 .icon li {width:31.3333%; margin-right:3%; min-height:300px; float:left; text-align:justify;} .content03 .icon li:nth-child(3n+3){margin-right:0} .content03 .icon li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table; margin:0 auto} .content03 .icon li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .content03 .icon li h2 {font-size:22px;color:#1a1a1a;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center} .content03 .icon li p { text-align:center; word-break:keep-all} .content03 .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .content03 .icon li { width:50%; margin-right:0} .content03 .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .content03 .icon li { width:100%; margin-right:0} .content03 .icon li p { max-width:300px; margin:0 auto} } /* content03 */ /* content_area04 */ .content04 .point { padding:0 20px 0 0} .content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;} .content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;} .content04 .colum { max-width:1400px; margin:0 auto; padding: 30px 0 } .content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px} .content04 .colum .left h2 { font-size:20px; color:#1a1a1a; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .colum .right { width:50%; float:left; padding-left:50px; line-height:1.8; text-align:left} .content04 .colum .right h2 { font-size:20px; color:#1a1a1a; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .content_sub_title { margin:0 auto; padding:30px 0 0} .content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;} .content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0; padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box} .content04 .content_sub_title .sub_txt {float:right; width:75%;} .content04 .content_sub_title .sub_txt .h2 { font-size:20px; } .content04 .content_sub_title .img { float:left; text-align:right; width:450px } @media screen and (max-width: 960px) { .content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both} .content04 .colum .right { width:100%; padding:20px 0 0 } .content04 .content_sub_title .sub_title { width:100%; margin-bottom:20px; clear:both} .content04 .content_sub_title .sub_txt { float:left; width:100%} } @media screen and (max-width: 640px) { } /* content_area04 */ /* content_area05 */ .content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both} .content05 .photo_box .img { max-width:50%; float:left;display:block} .content05 .photo_box .img img { width:100%} .content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block} .content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left} .content05 .photo_box .txt p { padding-top:30px; word-break:keep-all} @media screen and (max-width: 960px) { .content05 .photo_box .img { max-width:100%; display:block} .content05 .photo_box .txt { max-width:100%;} .content05 .photo_box .txt h2 { font-size:24px; font-weight:bold} } /* content_area05 */ /* content_area06 */ .content06 .thumb_box {width:31.3333%; margin-right:3%; display:block; float:left; } @media screen and (min-width: 961px) { .content06 .thumb_box:nth-child(3n+3) { margin-right:0} } .content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative} .content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both} .content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold} .content06 .thumb_box .txt p { padding:20px 0px; text-align:center; } @media screen and (max-width: 960px) { .content06 .thumb_box { width:49%; margin-right:2% } .content06 .thumb_box:nth-child(2n+2) { margin-right:0} } @media screen and (max-width: 640px) { .content06 .thumb_box { width:100%; margin:0; clear:both; float:none} } /* content_area06 */ /*의료진 소개*/ .btn-adm{position:absolute;top:5px;right:5px;width:30px;height:30px;color:tomato;line-height:28px;font-size:16px;display:inline-block;text-align:center;border:1px solid #ddd;box-sizing:border-box;border-radius:2px;background-color:#fff} .doctor_area { width: 100%;position: relative;} .doctor_area .doctor_profile{width:100%;border-bottom:1px solid #ddd;padding:0 0 80px 0} .doctor_area .doctor_profile + .doctor_profile{padding-top:80px;} .doctor_area .doctor-list .thumb{float:left;width:320px;height:350px;padding:0 20px;border:1px solid #d2d2d2;background-size:cover;background-position:center; background-color:#eee;} .doctor_area .info{width:65%;padding:20px 0;float:right} .doctor_area .info .name{display:block;margin-bottom:15px;font-size:23px;color:#222;font-weight:500} .doctor_area .info span{font-size:14px;color:#555;font-weight:300} .doctor_area .info .postion { color: #2352ab; font-weight: 500} .doctor_area .info dl dt{display:inline;font-size:16px;font-weight:500;line-height:28px;color:#333} .doctor_area .info dl dt:after{content:':';display:inline-block;padding:0 4px} .doctor_area .info dl dd { display: inline; font-size: 16px; color: #666} .doctor_area .info dl dd:after{content:'';display:block} .doctor_area .schedule { margin: 34px -1px 0;} .doctor_area .schedule .surgery { color: #F00; font-size: 16px} .doctor_area .btn-group {margin-top: 20px;} .doctor_area .btn-group .btn-rt {float: right} .doctor_area .btn-group .btn-doctor{display:inline-block;margin:0 5px;padding:7px;width:120px;height:40px;font-size:14px;font-weight:300;line-height:24px;letter-spacing:-.5px;text-align:center;border:1px solid transparent} .doctor_area .btn-group .btn-Introduction{color:#333;border-color:#ddd;background-color:#f6f7f8} .doctor_area .btn-group .btn-reservation{color:#fff;border-color:#384451;background-color:#384451} .doctor_area .btn-group .btn-reservation span { color: #fff } .doctor_area .sub_navi{width:100%;margin:20px auto;border-bottom:1px solid #ddd;clear:both} .doctor_area .sub_navi ul { padding-top: 50px} .doctor_area .sub_navi li{display:inline-block;margin-left:-3px;width:19%} .doctor_area .sub_navi li a{display:block;box-sizing:border-box;color:#555;text-align:center;font-size:17px;position:relative;height:55px;line-height:55px} .doctor_area .sub_navi li a.on {color: #0ba2b3; border-bottom: 1px solid #0ba2b3} .tab_content ul li{display:block;line-height:2.4;font-weight:300;font-size:16px;color:#555} .tab_content p { line-height:1.5; color:#555; font-size:16px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position:center left; padding-left:10px; word-break: keep-all;} .tab_content p + p{margin-top:10px;} @media screen and (max-width: 960px) { .doctor_area .doctor-list {float: none } .doctor_area .doctor-list .thumb { float: none; clear: both; display: block; margin: 0 auto} .doctor_area .info {width: 100%;} } @media screen and (max-width: 640px) { .doctor_area .schedule .surgery {font-size: 14px} .doctor_area .doctor-list .thumb{padding:0; max-width:100%; display:block; height:300px;} .tab_content p{font-size:15px; line-height:1.5;} .tab_content p + p{margin-top:7px;} } /*의료진 소개*/ /*외래진료*/ .process_area{margin-top:100px;} .process_area .ing_area h2 { font-size:24px; color:#333; text-align:left; font-weight:bold; margin-bottom:30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; padding-left:30px} .process_area .ing_area ul {display:flex; flex-flow:wrap row; max-width:1200px; padding-bottom:80px; margin:0 auto} .process_area .ing_area li { width:16.666%; text-align:center} .process_area .ing_area .circle { border-radius: 50%;width: 200px; height: 200px; display:table; margin:0 auto; } .process_area .ing_area li:first-child { margin-left:0;} .process_area .ing_area li strong{font-size:18px;} .process_area .ing_area li span { display: block; color: #fff; font-size: 16px; padding-top: 5px; line-height:1.4;} .process_area .ing_area li span br{display:none;} .process_area .ing_area li p { font-size:13px; color:#f6f7f8; font-weight:500; display:table-cell; vertical-align:middle} .process_area .ing_area02 ul { max-width:1200px; padding-bottom:80px} .process_area .ing_area02 li { float:left; width:14.2857142857%; text-align:center} .process_area .ing_area02 .circle02 { border-radius: 50%;width: 145px; height: 145px; display:table; margin:0 auto; } .process_area .ing_area .step01 { background-color:#5a93d9} .process_area .ing_area .step02 { background-color:#099} .process_area .ing_area .step03 { background-color:#5a93d9} .process_area .ing_area .step04 { background-color:#099} .process_area .ing_area .step05 { background-color:#5a93d9} .process_area .ing_area .step06 { background-color:#099} .process_area .ing_area .step07 { background-color:#5a93d9} .process_area .ing_area .list_tit h3 { font-size:20px; padding-top:20px; font-weight:bold;} .process_area .ing_area .list_tit p { display:block; padding-left:10px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position: left 12px;} @media screen and (max-width: 1200px) { .process_area .ing_area ul{width:600px;} .process_area .ing_area li{width:33.33%;} } @media screen and (max-width: 1000px) { .process_area .ing_area h2{padding-left:25px; font-size:20px; background-position:left top 11px;} } @media screen and (max-width: 640px) { .process_area .ing_area .circle { width:150px; height:150px} .process_area .ing_area ul{width:310px; padding-bottom:60px;} .process_area .ing_area li {width:150px;} .process_area .ing_area li:nth-child(2n+1) { margin-left:0} .process_area .ing_area li:nth-child(odd){margin-right:10px;} .process_area .ing_area li:nth-child(+n+3){margin-top:10px;} .process_area .ing_area li span br{display:block;} .process_area .ing_area .step03 { background-color:#099} .process_area .ing_area .step04 { background-color:#5a93d9} .process_area .ing_area .list_tit h3{font-size:18px;} .process_area .ing_area .list_tit p{font-size:15px; line-height:1.4; background-position:left 10px;} } /*외래진료*/ /*비급여안내*/ .non-payment_area .notice { text-align:right; margin-bottom:50px} .non-payment_area ul { padding-bottom:30px; margin:0 auto; } .non-payment_area ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .non-payment_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts6 ul li { width:16.66666666666667%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .non-payment_area .ts ul li a.on { background-color:#2A5D44; color:#fff; box-shadow: 0 15px 15px rgba(59,130,246,0.18);} @media screen and (max-width: 640px) { .non-payment_area .ts ul li { width:50%; margin-top:-1px} } /*비급여안내*/ /*입퇴원*/ .Instructions_area .colum { border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px;} .Instructions_area .colum .left { width:33%; font-size:22px; font-weight:600; text-align:left; float:left;} .Instructions_area .colum .right {width: 67%; float: right; } .Instructions_area .colum .right ul li { text-align:left; background-repeat: no-repeat; padding-left:15px; background-image: url(../img/icon_dot.gif); background-position: left 12px; box-sizing:border-box;} @media screen and (max-width: 960px) { .Instructions_area .colum .left { width:100%; float:none; clear:both} .Instructions_area .colum .right { width:100%; float:none; clear:both} .Instructions_area .colum .right ul li { padding-left:13px} } /*입퇴원*/ @media screen and (max-width: 960px) { /* .content_area .photo_box .img { max-width:100%; text-align:center; display:block; float:none; clear:both} .content_area .photo_box .img img { width:100%} .content_area .photo_box .txt_wrap { width:100%; display:block; position:relative; clear:both} .content_area .photo_box .txt {max-width: 100%; float:none}*/ } /*template*/ @font-face{ font-family: 'ELAND_NICE'; font-weight: 400; src: url("fonts/ELAND_NICE.woff2") format('woff2'), url("fonts/ELAND_NICE.woff") format('woff'); } @font-face{ font-family: 'Gamtanbatang'; font-weight: 400; src: url("fonts/Gamtanbatang_Regular.woff2") format('woff2'), url("fonts/Gamtanbatang_Regular.woff") format('woff'); } @font-face{ font-family: 'Gamtanbatang'; font-weight: 600; src: url("fonts/Gamtanbatang_Bold.woff2") format('woff2'), url("fonts/Gamtanbatang_Bold.woff") format('woff'); } .sub_wrap{max-width:1200px; margin-left:auto; margin-right:auto;} .content_area .row + .row{margin-top:150px;} .blind{position:absolute; width:0; height:0; font-size:0; line-height:0;} .desc{position:relative; font-size:18px; line-height:1.5; word-break: keep-all;} .desc.dot_check{padding-left:23px;} .desc.dot_check::before{position:absolute; width:17px; height:17px; left:0; top:6px; content:''; background:url('../img/sub/dot_check.png') no-repeat center center / contain;} .desc.dot_check+ .desc.dot_check{margin-top:5px;} .width_max_1000{max-width:1000px; margin-left:auto; margin-right:auto;} .point_txt{margin-top:40px; margin-bottom:40px; padding:10px 20px; font-family: 'ELAND_NICE'; font-size:38px; line-height:1.6; color:#fff; text-align:center; background:#2A5D44; border-radius:50px; word-break: keep-all;} .text_center{text-align:center;} .text_left{text-align:left;} .image img{max-width:100%;} .box_border{padding:20px 20px; border:1px solid #ccc; border-radius:30px;} .color1{color:#2A5D44;} .comment{margin-top:10px; font-size:16px; line-height:1.4; word-break: keep-all;} .comment.table_scroll{display:none; color:#ff0000;} @media screen and (max-width: 1200px) { .point_txt{font-size:30px; border-radius:50px;} } @media screen and (max-width: 1000px) { .desc{font-size:16px; } .point_txt{font-size:28px;} .content_area .row + .row{margin-top:130px;} .desc.dot_check::before{top:5px;} } @media screen and (max-width: 640px) { .point_txt{margin-top:25px; margin-bottom:25px; font-size:24px;} .box_border{padding:15px 15px; border-radius:20px;} .content_area .row + .row{margin-top:100px;} .comment{font-size:14px;} .comment.table_scroll{display:block;} } .title_1{margin-bottom:15px;} .title_1 span{position:relative; display:inline-block; padding-left:50px;padding-right:50px; font-family: 'ELAND_NICE'; font-size:33px; line-height:1.5; color:#1d1d1d; word-break: keep-all;} .title_1 span::before{ position:absolute; width:40px; height:40px; left:0; top:2px; content:''; background-color:transparent; background-image:url('../img/sub/title_deco.png'); background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; overflow:hidden; } .title_1 span br{display:none;} .title_2{font-size:22px; font-weight:600; line-height:1.5; color:#2A5D44; word-break: keep-all;} .title_3{font-size:19px; font-weight:600; line-height:1.5; color:#2A5D44; word-break: keep-all;} .title_st{margin-top:110px;} @media screen and (max-width: 1000px) { .title_1{margin-bottom:10px;} .title_1 span{padding-left:40px;padding-right:40px; font-size:30px; line-height:1.2;} .title_1 span::before{width:30px; height:30px; top:0;} .title_2{font-size:20px;} .title_3{font-size:18px;} .title_st{margin-top:50px;} } @media screen and (max-width: 640px) { .title_1 span{padding-left:35px;padding-right:35px; font-size:27px;} .title_1 span br{display:block;} .title_2{font-size:18px;} .title_3{font-size:17px;} } .title_2 + .desc{margin-top:10px;} .title_3 + .desc{margin-top:10px;} .title_2 + .title_3{margin-top:10px;} .desc + .title_2{margin-top:10px;} .desc + .title_3{margin-top:10px;} .title_1 + .image{margin-top:20px;} .title_2 + .image{margin-top:20px;} .image + .title_2{margin-top:20px;} .desc + .img_bg{margin-top:20px;} .desc + .image{margin-top:20px;} .img_flex + .desc{margin-top:20px;} .desc + .img_flex{margin-top:20px;} .title_1 + .list_type2{margin-top:30px;} .desc + .box_text{margin-top:20px;} .box_text + .desc{margin-top:20px;} .box_text + .img_flex{margin-top:20px;} .box_text + .img_bg{margin-top:20px;} .desc.gap{margin-top:20px;} .title_2 + .thumb_box{margin-top:20px;} .img_bg.h_250{height:250px;} .img_bg.h_330{height:330px;} @media screen and (max-width: 640px) { .img_bg.h_250{height:200px;} .img_bg.h_330{height:240px;} } .img_flex{display:flex; gap:50px; justify-content: center; align-items: center;} .img_flex.gap20{gap:20px;} .img_flex.gap40{gap:40px;} .img_flex.gap50{gap:50px;} .img_flex img{display:block; max-width:100%;} @media screen and (max-width: 1000px) { .img_flex{flex-direction: column;} .img_flex.gap40{gap:20px;} .img_flex.gap50{gap:20px;} } .box_text{padding:20px 30px; background:#f9f9f9;} .box_text .text{font-size:24px; line-height:1.5; word-break: keep-all;} .box_text .text strong{color:#2A5D44;} @media screen and (max-width: 1200px) { .box_text .text{font-size:22px;} } @media screen and (max-width: 1000px) { .box_text{padding:15px 25px;} .box_text .text{font-size:20px;} } @media screen and (max-width: 640px) { .box_text .text{font-size:18px;} } .tbl_wrap{margin-top:20px;} .tbl_wrap .table{position:relative; width:100%; border-bottom:1px solid #d8d8d8;} .tbl_wrap .table caption{position:absolute; left:0; top:0; width:1; height:1px; font-size:0; line-height:0;} .tbl_wrap .table th, .tbl_wrap .table td{padding:15px 20px; line-height:1.2; text-align:center; word-break: keep-all;} .tbl_wrap .table thead th{font-size:18px; line-height:1.4; color:#2d2d2d; background:#ebebeb;} .tbl_wrap .table tbody th{font-size:18px; line-height:1.4; color:#3d3d3d; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} .tbl_wrap .table tbody td{font-size:18px; line-height:1.4; color:#3d3d3d; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} .tbl_wrap .table tbody td:first-child{border-left:none;} .tbl_wrap .table tbody tr:last-child th, .tbl_wrap .table tbody tr:last-child td{border-bottom:none;} .tbl_wrap .table tbody td.text_left{text-align: left;} .tbl_wrap .table.type2 tbody th{background:#ebebeb;} @media screen and (max-width: 1000px) { .tbl_wrap .table th, .tbl_wrap .table td{padding:13px 15px;} .tbl_wrap .table thead th{font-size:16px;} .tbl_wrap .table tbody th{font-size:16px;} .tbl_wrap .table tbody td{font-size:16px;} } @media screen and (max-width: 640px) { .tbl_wrap .table th, .tbl_wrap .table td{padding:10px 12px;} .tbl_wrap .table thead th{font-size:14px;} .tbl_wrap .table tbody th{font-size:14px;} .tbl_wrap .table tbody td{font-size:14px;} } /*thumb_type1*/ .thumb_box.type1{display:flex;} .thumb_box.type1 .image{width:220px; margin-right:40px;} .thumb_box.type1 .group{width:calc(100% - 260px);} @media screen and (max-width: 768px) { .thumb_box.type1{flex-direction: column; gap:20px;} .thumb_box.type1 .image{width:220px; height:300px; margin-left:auto; margin-right:auto;} .thumb_box.type1 .group{width:100%;} } /*thumb_type2*/ .thumb_box.type2{display:flex;} .thumb_box.type2 .image{width:500px; margin-right:40px;} .thumb_box.type2 .group{width:calc(100% - 540px);} .thumb_box.type2.reverse{flex-direction:row-reverse;} .thumb_box.type2.reverse .image{margin-left:40px; margin-right:0;} @media screen and (max-width: 1200px) { .thumb_box.type2 .image{width:400px;} .thumb_box.type2 .group{width:calc(100% - 440px);} } @media screen and (max-width: 1000px) { .thumb_box.type2 .image{width:300px;} .thumb_box.type2 .group{width:calc(100% - 340px);} } @media screen and (max-width: 768px) { .thumb_box.type2{flex-direction: column; gap:20px;} .thumb_box.type2 .image{width:100%; height:250px; margin-right:0;} .thumb_box.type2 .group{width:100%;} .thumb_box.type2.reverse{flex-direction:column;} .thumb_box.type2.reverse .image{margin-left:0;} } @media screen and (max-width: 450px) { .thumb_box.type2 .image{height:200px;} } /*thumb_type3*/ .thumb_box.type3{display:flex;} .thumb_box.type3 .image{width:300px; margin-right:40px;} .thumb_box.type3 .image img{display:block; width:100%; } .thumb_box.type3 .group{width:calc(100% - 340px);} .thumb_box.type3.reverse{flex-direction:row-reverse;} .thumb_box.type3.reverse .image{margin-left:40px; margin-right:0;} @media screen and (max-width: 768px) { .thumb_box.type3 .image{width:250px;} .thumb_box.type3 .group{width:calc(100% - 290px);} } @media screen and (max-width: 640px) { .thumb_box.type3{flex-direction: column; gap:20px;} .thumb_box.type3 .image{width:300px; max-width:100%; margin-left:auto; margin-right:auto;} .thumb_box.type3 .group{width:100%;} .thumb_box.type3.reverse{flex-direction:column;} .thumb_box.type3.reverse .image{margin-left:auto; margin-right:auto;} } /*list_type1*/ .list_type1 .li {position:relative; padding: 16px 0 16px 50px; font-size: 19px; color: #3d3d3d; line-height: 1.4; counter-increment: list-number; border-bottom: 1px solid #cccccc; word-break: keep-all;} .list_type1 .li::before{position:absolute; width:36px; height:36px; left:0; top:12px; content:counter(list-number)''; background:#4d4d4d; border-radius:100%; font-size:14px; line-height:36px; font-weight:600; text-align:center; color:#fff;} .list_type1 .li:last-child { border-bottom: none; } @media screen and ( max-width: 1000px ) { .list_type1 .li{font-size:17px;} } @media screen and ( max-width: 768px ) { .list_type1 .li{padding:13px 0 13px 40px; font-size:16px;} .list_type1 .li::before{width:30px; height:30px; line-height:30px; top:10px;} } @media screen and ( max-width: 640px ) { } .list_type2 .item {display:flex; align-items: center;} .list_type2 .item + .item{margin-top:15px;} .list_type2 .item .subject{position:relative; display: block; width:300px; padding-left:30px; color:#2A5D44; font-size:20px; line-height:1.4; font-weight:600; } .list_type2 .item .subject::before{position:absolute; width:15px; height:16px; left:0; top:7px; content:''; background:url(../img/sub/title_icon.png) no-repeat center center / contain;} .list_type2 .item .desc {width:calc(100% - 300px); padding-left:10px;} /* sub8_8: 좌측 질환명/우측 설명 시작점(상단) 통일 + 가독성 강화 */ .oriental_8 .list_type2 .item { align-items: flex-start; } .oriental_8 .list_type2 .item .subject { padding-top: 2px; } .oriental_8 .list_type2 .item .desc { line-height: 1.65; } @media screen and (max-width: 1000px) { .list_type2 .item .subject{width:250px; font-size:18px;} .list_type2 .item .subject::before{top:5px;} .list_type2 .item .desc {width:calc(100% - 250px);} } @media screen and (max-width: 640px) { .list_type2{padding-left:10px;} .list_type2 .item{flex-direction: column; gap:5px;} .list_type2 .item + .item{margin-top:20px;} .list_type2 .item .subject{width:100%; padding-left:25px;} .list_type2 .item .desc {width:100%; padding-left:25px;} } /*list_type3*/ .list_type3{display:flex; flex-wrap: wrap; justify-content: center;} .list_type3 .li{width:calc((100% - 45px)/4); margin-right:15px; margin-bottom:15px; border:1px solid #cccccc; text-align:center; background:#fff;} .list_type3 .li:last-child{margin-right:0;} .list_type3 .li:nth-child(4n){margin-right:0;} .list_type3 .image{width:100%; height:250px;} .list_type3 .image.h_auto{height:auto;} .list_type3 .image img{display:block; width:100%;} .list_type3 .subject{display:flex; height:50px; padding:0px 10px; background:#2A5D44; justify-content: center; align-items: center;} .list_type3 .subject span{display:block; font-size:21px; font-weight:600; color:#fff; word-break: keep-all; line-height:1.4;} .list_type3 .desc{padding:20px 10px; font-size:18px; line-height:1.5; word-break: keep-all;} .list_type3.length1 .li{width:100%;} .list_type3.length2 .li{width:calc((100% - 15px)/2);} .list_type3.length2 .li:nth-child(2n){margin-right:0;} .list_type3.length3 .li{width:calc((100% - 30px)/3); margin-bottom:15px;} .list_type3.length3 .li:nth-child(3n){margin-right:0;} .list_type3.length3 .li:nth-child(4n){margin-right:15px;} .list_type3.high .subject{height:80px;} .list_type3.high2 .subject{height:120px;} .list_type3 .desc .desc_ul{padding:0 10px 0 15px;} .list_type3 .desc .desc_li{position:relative; margin-bottom:3px; padding-left:8px; text-align:left;} .list_type3 .desc .desc_li::before{position:absolute; left:0; top:12px; width:3px; height:3px; border-radius:100%; background:#3d3d3d; content:'';} .list_type3 .desc .desc_li:last-child{margin-bottom:0;} .list_type3 .desc .desc_color{display:block; margin-bottom:20px; color:#2A5D44;} @media all and (max-width:1000px){ .list_type3{margin-left:auto; margin-right:auto;} .list_type3 .li{width:calc((100% - 15px)/2);} .list_type3 .li:nth-child(2n){margin-right:0;} .list_type3.length3{max-width:100%;} .list_type3.length3 .li:nth-child(2n){margin-right:15px;} .list_type3.length3 .li:last-child{margin-right:0 !important;} .list_type3.full_1000{max-width:100%;} .list_type3 .desc{font-size:16px;} } @media all and (max-width:768px){ .list_type3 .subject span{font-size:18px;} } @media all and (max-width:640px){ .list_type3 .li{width:calc((100% - 10px)/2); margin-right:10px;} .list_type3 .image{height:150px;} .list_type3 .subject{height:45px;} .list_type3 .subject span{font-size:17px;} .list_type3 .desc{padding:15px 10px; font-size:14px;} .list_type3.length3 .li{width:calc((100% - 10px)/2); margin-bottom:10px;} .list_type3.length3 .li:nth-child(2n){margin-right:0px;} .list_type3.length3 .li:nth-child(3n){margin-right:10px;} .list_type3.high .subject{height:70px;} .list_type3.high2 .subject{height:100px;} .list_type3 .desc .desc_ul{padding-left:10px; padding-right:0;} .list_type3 .desc .desc_li{margin-bottom:2px;} .list_type3 .desc .desc_li::before{top:9px;} } @media all and (max-width:400px){ .list_type3 .subject span{line-height:1.2;} .list_type3 .subject span br{display:none;} .list_type3 .desc br{display:none;} } /*list_type4*/ .list_type4 {position: relative;} .list_type4 .li {display:flex; align-items:flex-start; width: 100%;margin-bottom: 15px;border: 1px solid #ccc;box-sizing: border-box;letter-spacing: -0.05em;padding: 20px 30px 20px 20px;background: #ffffff;} .list_type4 .li:last-child{margin-bottom:0;} .list_type4 .li img {display:block; width: 400px; box-sizing: border-box;} .list_type4 .li .group {width:calc(100% - 400px) ; padding: 15px 0 0 40px; font-size: 0;box-sizing: border-box;} .list_type4 .li .subject {font-size:24px; color: #000000;font-weight: 700;line-height: 1.4;margin-bottom: 15px; word-break: keep-all;} .list_type4 .li .desc{font-size: 18px;color: #666666;line-height: 1.4; word-break: keep-all;} @media screen and ( max-width: 1000px ) { .list_type4 .li img {width: 250px;} .list_type4 .li .group{width:calc(100% - 250px); padding:0 0 0 30px;} .list_type4 .li .subject{font-size:22px;} .list_type4 .li .desc{font-size:16px;} } @media screen and ( max-width: 768px ) { .list_type4 .li{padding:10px;} .list_type4 .li .group{ padding:20px 0 0 30px;} .list_type4 .li .subject{font-size:20px;} .list_type4 .li .desc{font-size:15px;} } @media screen and ( max-width: 640px ) { .list_type4 .li{display:block; padding:20px;} .list_type4 .li img{max-width:100%; margin:0 auto;} .list_type4 .li .group{width:100%; margin-top:15px; padding:0; text-align:center;} .list_type4 .li .subject{margin-bottom:5px;} .list_type4 .li .group .dot_check{text-align: left;} } /*list_type5*/ .list_type5 {position: relative;} .list_type5 .group {position: relative; margin:0 auto;} .list_type5 .item {display: flex; justify-content:space-between; margin-bottom: 15px; text-align:center;} .list_type5 .item:last-child {margin-bottom: 0;} .list_type5 .step{display:flex; padding: 15px; justify-content: center; align-items: center;box-sizing: border-box;} .list_type5 .step span{display:block;} .list_type5 .step span{ font-size: 19px; line-height: 1.4;word-break: keep-all;} .list_type5 .desc{padding: 15px; font-size: 19px; line-height: 1.4;word-break: keep-all;text-align: center;} .list_type5 .step {width: 180px; color: #fff; background: #2A5D44;} .list_type5 .desc {position:relative; width:calc(100% - 220px); margin-left:40px; color: #3d3d3d; background: #f6f7ff;} .list_type5 .desc:before{position:absolute; left:-40px; top:50%; width: 40px; height: 1px;background: #2A5D44; content:'';} .list_type5.text_left .desc{text-align:left;} @media screen and ( max-width: 1000px ) { .list_type5 .step, .list_type5 .desc{padding: 10px; font-size: 16px;} .list_type5 .step {width: 130px;} .list_type5 .desc {width:calc(100% - 150px); margin-left:20px;} .list_type5 .desc:before{width:20px; left:-20px;} } @media screen and ( max-width: 640px ) { .list_type5 .step span{font-size: 15px;} .list_type5 .desc{padding: 10px 7px; font-size: 15px;} .list_type5 .step {width: 100px; padding: 0px 7px; } .list_type5 .desc {width:calc(100% - 110px); margin-left:10px;} .list_type5 .desc:before{width:10px; left:-10px;} } /*list_type6*/ .list_type6{margin-top:30px;} .list_type6 .ul{display:flex; flex-wrap: wrap; justify-content: center;} .list_type6 .li{position:relative; display:flex; justify-content:center; align-items: center; width:calc((100% - 45px)/4); margin-right:15px; margin-bottom:30px; padding:30px 10px 20px 10px; border:1px solid #cccccc; text-align:center; background-color:#f9f9f9;} .list_type6 .li:last-child{margin-right:0;} .list_type6 .li:nth-child(4n){margin-right:0;} .list_type6 .num{position:absolute; width:80px; height:30px; left:50%; transform: translateX(-50%); top:-15px; font-size:20px; line-height:30px; color:#fff; background-color:#2A5D44; border-radius:20px; font-weight:600;} .list_type6 .desc{ font-size:18px; line-height:1.5; word-break: keep-all;} .list_type6.length2 .li{width:calc((100% - 15px)/2);} .list_type6.length2 .li:nth-child(2n){margin-right:0;} .list_type6.length3 .li{width:calc((100% - 30px)/3);} .list_type6.length3 .li:nth-child(3n){margin-right:0;} .list_type6.length3 .li:nth-child(4n){margin-right:15px;} @media all and (max-width:1000px){ .list_type6 .li{width:calc((100% - 15px)/2);} .list_type6 .li:nth-child(2n){margin-right:0;} .list_type6.length3{max-width:100%;} .list_type6.length3 .li:nth-child(2n){margin-right:15px;} .list_type6.length3 .li:last-child{margin-right:0 !important;} .list_type6 .num{font-size:18px;} } @media all and (max-width:768px){ .list_type6 .desc{font-size:16px;} } @media all and (max-width:640px){ .list_type6 .li{width:calc((100% - 10px)/2); margin-right:10px;} .list_type6 .desc{font-size:14px;} .list_type6.length3 .li{width:calc((100% - 10px)/2);} .list_type6.length3 .li:nth-child(2n){margin-right:0px;} .list_type6.length3 .li:nth-child(3n){margin-right:10px;} .list_type6 .num{font-size:17px;} } @media all and (max-width:400px){ .list_type6 .desc br{display:none;} } /*list_type7*/ .list_type7 .li{position:relative; padding-left:20px; counter-increment:list-number; text-align:left;} .list_type7 .li::after{position:absolute; left:0; top:2px; content:counter(list-number)')'; font-weight:600;} .list_type7 .li + .li{margin-top:5px;} .merit{position:relative; padding:100px 20px; border-radius:30px; background:url('../img/sub/merit_bg.jpg') no-repeat center center / cover; text-align:center;overflow: hidden;} .merit::before{position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:rgba(0,0,0,0.6); z-index: 1;} .merit .subject{position:relative; font-family: 'Gamtanbatang'; font-size:30px; line-height:1.6; font-weight:600; color:#fff; word-break: keep-all; z-index: 2;} @media all and (max-width:1000px){ .merit{padding:80px 20px;} .merit .subject{font-size:25px;} } @media all and (max-width:640px){ .merit{padding:50px 20px;} .merit .subject{font-size:20px;} .merit .subject br{display:none;} } .download_btn{} .download_btn .ul{display:flex; justify-content: center; align-items: center;} .download_btn .li + .li{margin-left:15px;} .download_btn .anchor{display:inline-block; height:45px; padding-left:25px; padding-right:25px; border-radius:30px; background-color:#2A5D44;} .download_btn .anchor strong{color:#ffcc00;} .download_btn .anchor span{position:relative;display:inline-block; padding-left:27px; font-size:18px; line-height:45px; color:#fff; font-weight:600;} .download_btn .anchor span::before{position:absolute; width:20px; height:20px; left:0; top:50%; transform: translateY(-50%); content:''; background:url('../img/sub/download_icon.png') no-repeat center center / contain;} @media all and (max-width:1000px){ .download_btn .anchor{height:40px;} .download_btn .anchor span{padding-left:25px; font-size:16px; line-height:40px;} .download_btn .anchor span::before{width:18px; height:18px;} } @media all and (max-width:640px){ .download_btn .ul{flex-direction: column;} .download_btn .li + .li{margin-left:0; margin-top:10px;} } /*sub1_2*/ .sub1_2 .row.n1 .title_1 span .m_br{display:none;} .sub1_2 .company_info .txt_page .sub1_2_slogan { max-width: 920px; margin-left: auto; margin-right: auto; } /* 전역 .title_1 span br{display:none} 때문에 줄바꿈이 안 보이는 경우 방지 */ .sub1_2 .title_1 span br, .sub1_2 .point_txt br, .sub1_2 .txtCon .sub_title p br, .sub1_2 .company_info .txt_page .desc br, .sub1_2 .sub1_2_cta .cta_line br { display: block !important; } .sub1_2 .company_info .txt_page .desc + .desc { margin-top: 18px; } .sub1_2 .sub1_2_cta { margin-top: 40px; padding: 48px 20px 90px; background: linear-gradient(180deg, #f8faf9 0%, #edf3f0 100%); } .sub1_2 .sub1_2_cta .inner { max-width: 920px; margin: 0 auto; text-align: center; } .sub1_2 .sub1_2_cta .cta_line { margin: 0; font-size: 19px; line-height: 1.75; color: #1a1a1a; font-weight: 500; word-break: keep-all; } .sub1_2 .sub1_2_cta .cta_line + .cta_line { margin-top: 26px; } .sub1_2 .company_info .Ideology .inner dl.ideology_card { border-radius: 6px; transition: transform 0.28s ease, box-shadow 0.28s ease, background-color 0.28s ease; } .sub1_2 .company_info .Ideology .inner dl.ideology_card .icon img, .sub1_2 .company_info .Ideology .inner dl.ideology_card .icon svg { transition: transform 0.28s ease; } .sub1_2 .company_info .Ideology .inner dl.ideology_card .icon.ideology_icon_svg { display: flex; justify-content: center; align-items: center; } .sub1_2 .company_info .Ideology .inner dl.ideology_card .icon.ideology_icon_svg svg { display: block; } @media (hover: hover) and (pointer: fine) { .sub1_2 .company_info .Ideology .inner dl.ideology_card:hover { transform: translateY(-6px); box-shadow: 0 16px 36px rgba(59, 130, 246, 0.14); background-color: #fafdf9; } .sub1_2 .company_info .Ideology .inner dl.ideology_card:hover dt { color: #2A5D44; } .sub1_2 .company_info .Ideology .inner dl.ideology_card:hover .icon img, .sub1_2 .company_info .Ideology .inner dl.ideology_card:hover .icon svg { transform: scale(1.06); } } @media all and (max-width:768px){ .sub1_2 .row.n1 .title_1 span{padding-left:0;} .sub1_2 .row.n1 .title_1 span::before{display:none;} .sub1_2 .row.n1 .title_1 span .m_br{display:block;} .sub1_2 .sub1_2_cta .cta_line { font-size: 17px; } } /*sub2_2_1*/ .sub2_2_1 .txtCon .sub_title p .m_br{display:none;} .sub2_2_1 .row .title_2 .color_b{color:#3d3d3d;} .sub2_2_1 .row .title_2 .title_mini{font-size:14px; color:#3d3d3d; font-weight:400;} .sub2_2_1 .row.n1{margin-top:80px;} .sub2_2_1 .row.n1 .table tbody .th{width:400px;} .sub2_2_1 .row.n2 .table tbody .th{width:400px;} .sub2_2_1 .row.n3 .table tbody .th{width:400px;} .sub2_2_1 .row.n4 .table tbody .th{width:400px;} .sub2_2_1 .row.n5 .table tbody .th{width:400px;} .sub2_2_1 .row.n5 .table tbody .td{padding-top:7px; padding-bottom:7px;} @media all and (max-width:1000px){ .sub2_2_1 .row .title_2 .title_mini{display:block;} .sub2_2_1 .row.n1 .table tbody .th{width:250px;} .sub2_2_1 .row.n2 .table tbody .th{width:250px;} .sub2_2_1 .row.n3 .table tbody .th{width:250px;} .sub2_2_1 .row.n4 .table tbody .th{width:250px;} .sub2_2_1 .row.n5 .table tbody .th{width:250px;} } @media all and (max-width:640px){ .sub2_2_1 .row.n1{margin-top:40px;} .sub2_2_1 .txtCon .sub_title p br{display:none;} .sub2_2_1 .txtCon .sub_title p .m_br{display:block;} .sub2_2_1 .row.n1 .table tbody .th{width:100px;} .sub2_2_1 .row.n2 .table tbody .th{width:100px;} .sub2_2_1 .row.n3 .table tbody .th{width:100px;} .sub2_2_1 .row.n4 .table tbody .th{width:100px;} .sub2_2_1 .row.n5 .table tbody .th{width:100px;} .sub2_2_1 .table tbody .td .desc{font-size:14px;} } /*sub2_2_2*/ .sub2_2_2 .txtCon .sub_title p .m_br{display:none;} .sub2_2_2 .row.n1{margin-top:80px;} .sub2_2_2 .row.n1 .table tbody .th{width:400px;} .sub2_2_2 .row.n2 .list_type1{margin-top:15px;} .sub2_2_2 .row.n3 .list_type1{margin-top:15px;} @media all and (max-width:1000px){ .sub2_2_2 .row.n1 .table tbody .th{width:250px;} } @media all and (max-width:640px){ .sub2_2_2 .txtCon .sub_title p br{display:none;} .sub2_2_2 .txtCon .sub_title p .m_br{display:block;} .sub2_2_2 .row.n1 .table tbody .th{width:100px;} } /*sub2_2_3*/ .sub2_2_3 .txtCon .sub_title p .m_br{display:none;} .sub2_2_3 .row.n1{margin-top:80px;} .sub2_2_3 .row.n1 .table tbody .th{width:400px;} .sub2_2_3 .row.n1 .list_type1{margin-top:20px;} @media all and (max-width:1000px){ .sub2_2_3 .row.n1 .table tbody .th{width:250px;} } @media all and (max-width:640px){ .sub2_2_3 .txtCon .sub_title p br{display:none;} .sub2_2_3 .txtCon .sub_title p .m_br{display:block;} .sub2_2_3 .row.n1 .table tbody .th{width:100px;} .sub2_2_3 .table tbody .td .desc{font-size:14px;} } /*sub2_2_4*/ .sub2_2_4 .row.n1 .table tbody .th{width:400px;} @media all and (max-width:1000px){ .sub2_2_4 .row.n1 .table tbody .th{width:250px;} } @media all and (max-width:640px){ .sub2_2_4 .row.n1 .table tbody .th{width:100px;} .sub2_2_4 .row.n1 .table tbody .td .desc{font-size:14px;} .sub2_2_4 .row.n1 .table tbody .td .desc.dot_check::before{width:15px; height:15px; top:4px;} } /*sub3_1*/ .sub3_1 .row.n1 .thumb_box .image{background:url('../img/sub/sub3_1_img1.jpg') no-repeat center center / cover;} .sub3_1 .row.n1 .image.img_flex{margin-top:30px;} .sub3_1 .row.n2 .img_bg{background:url('../img/sub/sub3_1_img2.jpg') no-repeat center center / cover;} .sub3_1 .row.n4 .li strong{color:#2A5D44;} .sub3_1 .row.n4 .image.img_flex{margin-top:30px;} /*sub3_2*/ .sub3_2 .row.n1 .img_bg{background:url('../img/sub/sub3_11_img1.jpg') no-repeat center center / cover;} @media all and (max-width:1000px){ .sub3_2 .row.n1 .title_2 br{display:none;} .sub3_2 .row.n5 .list_type6 .desc br{display:none;} } @media all and (max-width:640px){ .sub3_2 .row.n5 .list_type6.length3 .li{width:100%; margin-right:0;} } /*sub3_3_1*/ @media all and (max-width:640px){ .sub3_3_1 .row.n1 .box_border{padding:0; border:none;} } /*sub3_3_2*/ @media all and (max-width:640px){ .sub3_3_2 .row.n1 .box_border{padding:0; border:none;} } /*sub3_4*/ .sub3_4 .row.n1 .thumb_box .image{background:url('../img/sub/sub3_3_img1.jpg') no-repeat center center / cover;} .sub3_4 .row.n5 .thumb_box .image{background:url('../img/sub/sub3_3_img3.jpg') no-repeat center center / cover;} .sub3_4 .row.n5 .image + .thumb_box{margin-top:40px;} .sub3_4 .row.n7 .li.n1 .image{background:url('../img/sub/sub3_3_img4.jpg') no-repeat center center / cover;} .sub3_4 .row.n7 .li.n2 .image{background:url('../img/sub/sub3_3_img5.jpg') no-repeat center center / cover;} .sub3_4 .row.n7 .li.n3 .image{background:url('../img/sub/sub3_3_img6.jpg') no-repeat center center / cover;} .sub3_4 .row.n7 .li.n4 .image{background:url('../img/sub/sub3_3_img7.jpg') no-repeat center center / cover;} @media all and (max-width:1000px){ .sub3_3 .row.n1 .title_2 br{display:none;} } @media all and (max-width:640px){ .sub3_3 .row.n5 .box_border{padding:0; border:none;} } /*sub3_5*/ .sub3_5 .row.n7 .thumb_box .image{background:url('../img/sub/pain_bottom_waist_202604.jpg') no-repeat center center / cover;} /*sub3_5 · sub3_5_1~3 상단 「○○통증이란?」 우측/반대측 사진: 동일 하늘색 그라데이션 + 썸네일 */ .sub3_5 .row.n1 .thumb_box .image, .sub3_5_1 .row.n1 .thumb_box .image, .sub3_5_2 .row.n1 .thumb_box .image, .sub3_5_3 .row.n1 .thumb_box .image { background-color: #2A5D44; background-repeat: no-repeat, no-repeat; background-position: center, center center; background-size: cover, cover; background-image: linear-gradient(125deg, rgba(42, 93, 68, 0.78) 0%, rgba(35, 77, 57, 0.48) 36%, rgba(42, 93, 68, 0.14) 58%, rgba(255, 255, 255, 0) 78%), url('../img/sub/pain_top_waist_202604.jpg'); } .sub3_5_1 .row.n1 .thumb_box .image { background-image: linear-gradient(125deg, rgba(42, 93, 68, 0.78) 0%, rgba(35, 77, 57, 0.48) 36%, rgba(42, 93, 68, 0.14) 58%, rgba(255, 255, 255, 0) 78%), url('../img/sub/pain_top_neck_202604.jpg'); } .sub3_5_2 .row.n1 .thumb_box .image { background-image: linear-gradient(125deg, rgba(42, 93, 68, 0.78) 0%, rgba(35, 77, 57, 0.48) 36%, rgba(42, 93, 68, 0.14) 58%, rgba(255, 255, 255, 0) 78%), url('../img/sub/pain_top_shoulder_202604.jpg'); } .sub3_5_3 .row.n1 .thumb_box .image { background-image: linear-gradient(125deg, rgba(42, 93, 68, 0.78) 0%, rgba(35, 77, 57, 0.48) 36%, rgba(42, 93, 68, 0.14) 58%, rgba(255, 255, 255, 0) 78%), url('../img/sub/pain_top_knee_202604.jpg'); } /*sub3_5_1 ~ sub3_5_3 (목/어깨/무릎 하단 썸네일 개별 적용: row n7)*/ .sub3_5_1 .row.n7 .thumb_box .image{background:url('../img/sub/pain_bottom_neck_202604.jpg') no-repeat center center / cover;} .sub3_5_2 .row.n7 .thumb_box .image{background:url('../img/sub/pain_bottom_shoulder_202604.jpg') no-repeat center center / cover;} .sub3_5_3 .row.n7 .thumb_box .image{background:url('../img/sub/pain_bottom_knee_202604.jpg') no-repeat center center / cover;} /* sub3_5 허리통증: 타이포 계층 (상단 요약·허리통증이란·치료방법·치료과정) */ /* 허리통증이란? 리드 문장(.title_2): sub5_1 인공관절 페이지 리드와 동일 (19px·#2A5D44·600) */ .sub3_5 .row.n1 .group > .title_2 { font-size: 19px; font-weight: 600; line-height: 1.5; color: #2A5D44; word-break: keep-all; } .sub3_5 .row.n1 .group > p.desc { font-size: 16px; line-height: 1.65; color: #666; font-weight: 400; } .sub3_5 .row.n1 .group > p.desc + p.desc { margin-top: 10px; } .sub3_5 .row.n3 .treat_lead, .sub3_5_1 .row.n3 .treat_lead, .sub3_5_2 .row.n3 .treat_lead, .sub3_5_3 .row.n3 .treat_lead { margin: 10px 0 18px 0; line-height: 1.65; font-size: 17px; color: #444; font-weight: 400; word-break: keep-all; } .sub3_5 .row.n3 .list_type2 .item, .sub3_5 .row.n6 .list_type2 .item { align-items: flex-start; } /* 한방병원 통증 치료 방법(n3)·허리통증 치료 과정(n6) 제목 — 상단 리드(.title_2)와 동일 톤 */ .sub3_5 .row.n3 .list_type2 .item .subject, .sub3_5 .row.n6 .list_type2 .item .subject { padding-top: 2px; font-size: 19px; font-weight: 600; line-height: 1.5; color: #2A5D44; word-break: keep-all; } .sub3_5 .row.n3 .list_type2 .item .desc, .sub3_5 .row.n6 .list_type2 .item .desc { font-size: 17px; line-height: 1.65; color: #444; font-weight: 400; } .sub3_5 .row.n3 .list_type2 .item + .item, .sub3_5 .row.n6 .list_type2 .item + .item { margin-top: 16px; } @media screen and (max-width: 1000px) { .sub3_5 .row.n1 .group > .title_2 { font-size: 18px; } .sub3_5 .row.n1 .group > p.desc { font-size: 16px; } .sub3_5 .row.n3 .treat_lead, .sub3_5 .row.n3 .list_type2 .item .desc, .sub3_5 .row.n6 .list_type2 .item .desc { font-size: 16px; } .sub3_5 .row.n3 .list_type2 .item .subject, .sub3_5 .row.n6 .list_type2 .item .subject { font-size: 18px; } } @media screen and (max-width: 640px) { .sub3_5 .row.n1 .group > .title_2 { font-size: 17px; } .sub3_5 .row.n1 .group > p.desc { font-size: 15px; } .sub3_5 .row.n3 .treat_lead, .sub3_5 .row.n3 .list_type2 .item .desc, .sub3_5 .row.n6 .list_type2 .item .desc { font-size: 15px; } .sub3_5 .row.n3 .list_type2 .item .subject, .sub3_5 .row.n6 .list_type2 .item .subject { font-size: 17px; } } /*sub3_6*/ .sub3_6 .row.n3 .li.n1 .image{background:url('../img/sub/sub3_5_img3.jpg') no-repeat center center / cover;} .sub3_6 .row.n3 .li.n2 .image{background:url('../img/sub/sub3_5_img4.jpg') no-repeat center center / cover;} .sub3_6 .row.n3 .li.n3 .image{background:url('../img/sub/sub3_5_img5.jpg') no-repeat center center / cover;} .sub3_6 .row.n3 .li.n4 .image{background:url('../img/sub/sub3_5_img6.jpg') no-repeat center center / cover;} .sub3_6 .row.n3 .li.n5 .image{background:url('../img/sub/sub3_5_img7.jpg') no-repeat center center / cover;} .sub3_6 .row.n3 .li.n6 .image{background:url('../img/sub/sub3_5_img8.jpg') no-repeat center center / cover;} @media all and (max-width:500px) { .sub3_6 .row.n3 .list_type3.length3 .ul{flex-direction: column;} .sub3_6 .row.n3 .list_type3.length3 .li{width:100%; margin-right:0;} } /*sub3_7*/ .sub3_7 .row.n2 .img_bg{background:url('../img/sub/sub3_6_img3.jpg') no-repeat center center / cover;} /*sub3_8*/ .sub3_8 .row.n2 .thumb_box .image{background:url('../img/sub/sub3_7_img3.jpg') no-repeat center bottom / cover;} .sub3_8 .row.n3 .box_text{margin-top:20px;} /*sub3_9*/ .sub3_9 .row.n5 .li .subject .m_br{display:none;} @media all and (max-width:640px) { .sub3_9 .row.n5 .li .subject .m_br{display:block;} } /*sub3_10*/ .sub3_10 .row.n2 .thumb_box .image{background:url('../img/sub/sub3_9_img2.jpg') no-repeat center center / cover;} .sub3_10 .row.n4 .desc + .dot_check{margin-top:20px;} /*sub4_1*/ .sub4_1 .row.n1 .img_bg{background:url('../img/sub/sub4_1_img1.jpg') no-repeat center center / cover;} .sub4_1 .row.n1 .list_type3{margin-top:40px;} .sub4_1 .row.n3 .li .m_br{display:none;} @media all and (max-width:1200px) { .sub4_1 .row.n3 .li .m_br{display:block;} } @media all and (max-width:640px) { .sub4_1 .row.n1 .title_1{text-align:left;} .sub4_1 .row.n1 .list_type3{margin-top:20px;} .sub4_1 .row.n1 .list_type3 .li.n3{width:100%;} } /*sub4_2*/ .sub4_2 .row.n1 .thumb_box .image{background:url('../img/sub/sub4_2_img1.jpg') no-repeat top center / cover;} .sub4_2 .row.n1 .li.n3 .box_text{margin-top:10px;} .sub4_2 .row.n2 .li .m_br{display:none;} @media all and (max-width:1200px) { .sub4_2 .row.n2 .li .m_br{display:block;} } @media all and (max-width:768px) { .sub4_2 .row.n1 .title_1{text-align:left;} } @media all and (max-width:640px) { .sub4_2 .row.n1 .list_type3 .li.n3{width:100%;} } /*sub4_3*/ .sub4_3 .row.n1 .thumb_box .image{background:url('../img/sub/sub4_3_img1.jpg') no-repeat top center / cover;} @media all and (max-width:768px) { .sub4_3 .row.n1 .title_1{text-align:left;} } /*sub4_4*/ .sub4_4 .row.n1 .img_bg{background:url('../img/sub/sub4_4_img1.jpg') no-repeat top center / cover;} .sub4_4 .row.n1 .ul{margin-top:20px;} /*sub4_5*/ .sub4_5 .row.n1 .img_bg{background:url('../img/sub/sub4_5_img1.jpg') no-repeat center center / cover;} .sub4_5 .row.n1 .ul{margin-top:20px;} .sub4_5 .row.n3 .li .m_br{display:none;} @media all and (max-width:1200px) { .sub4_5 .row.n3 .li .m_br{display:block;} } @media all and (max-width:768px) { .sub4_5 .row.n1 .title_1{text-align:left;} .sub4_5 .row.n1 .list_type3.high .subject{height:80px;} } /*sub4_6*/ .sub4_6 .row.n1 .box_text{margin-top:20px;} .sub4_6 .row.n2 .thumb_box{margin-top:20px;} .sub4_6 .row.n2 .thumb_box .image{background:url('../img/sub/sub4_6_img1.jpg') no-repeat center center / cover;} /*sub5_1*/ /* 인공관절 치환술이란? 리드(.title_2): 우측 박스 소제목(.title_3)과 동일 색·굵기·단계별 글자 크기 */ .sub5_1 .row.n1 > .title_2 { font-size: 19px; font-weight: 600; line-height: 1.5; color: #2A5D44; word-break: keep-all; } @media screen and (max-width: 1000px) { .sub5_1 .row.n1 > .title_2 { font-size: 18px; } } @media screen and (max-width: 640px) { .sub5_1 .row.n1 > .title_2 { font-size: 17px; } } .sub5_1 .row.n1 .thumb_box{margin-top:20px;} .sub5_1 .row.n2 .li .subject span{font-weight:600;} .sub5_1 .row.n4 .li .desc{text-align:center;} .sub5_1 .row.n4 .li .percent{font-family: 'ELAND_NICE'; font-size:50px; color:#2A5D44; line-height:1.4;} .sub5_1 .row.n4 .li .m_br{display:none;} @media all and (max-width:768px) { .sub5_1 .row.n4 .li .m_br{display:block;} .sub5_1 .row.n4 .li .percent{font-size:40px;} } /*sub5_2_1*/ .sub5_2_1 .row.n1 .img_bg{background:url('../img/sub/sub5_2_1_img1.jpg') no-repeat center center / cover;} .sub5_2_1 .row.n1 .list_type2{margin-top:20px;} /*sub5_2_2*/ .sub5_2_2 .row.n1 .box_text{margin-top:20px;} /*sub5_2_3*/ .sub5_2_3 .row.n1 .img_bg{background:url('../img/sub/sub5_2_3_img1.jpg') no-repeat center center / cover;} .sub5_2_3 .row.n1 .list_type2{margin-top:20px;} /*sub5_3*/ .sub5_3 .row.n1 .list_type3 .subject span{font-weight:600;} .sub5_3 .row.n2 .list_type4 .li{padding-top:30px; padding-bottom:30px;} .sub5_3 .row.n2 .list_type4 .li .group{padding-top:0;} /*sub5_4*/ .sub5_4 .row.n2 .list_type4 .li{padding-top:30px; padding-bottom:30px;} .sub5_4 .row.n2 .list_type4 .li .group{padding-top:0;} .sub5_4 .row.n2 .list_type4 .li .box_text + .box_text{margin-top:10px;} /*sub5_5*/ .sub5_5 .row.n2 .item_line{width:100%; height:1px; margin-top:40px; margin-bottom:50px; background-color:#2A5D44;} .sub5_5 .row.n2 .item + .item{margin-top:30px;} .sub5_5 .row.n2 .item.n1 .thumb_box.type3 .image{width:400px;} .sub5_5 .row.n2 .item.n1 .thumb_box.type3 .group{width: calc(100% - 440px);} .sub5_5 .row.n2 .item.n2 .list_type3{margin-top:20px;} .sub5_5 .row.n2 .item.n2 .list_type3 .image img{width:auto; margin-left:auto; margin-right:auto;} .sub5_5 .row.n2 .item.n2 .list_type3 .subject span{font-weight:600;} .sub5_5 .row.n3 .table tbody .th, .sub5_5 .row.n3 .table tbody .td{padding:30px 30px;} .sub5_5 .row.n3 .table .td{text-align:left;} @media all and (max-width:768px) { .sub5_5 .row.n2 .item.n1 .thumb_box.type3 .image{width:300px;} .sub5_5 .row.n2 .item.n1 .thumb_box.type3 .group{width: calc(100% - 340px);} .sub5_5 .row.n3 .table tbody .th, .sub5_5 .row.n3 .table tbody .td{padding:20px 20px;} } @media all and (max-width:640px) { .sub5_5 .row.n2 .item.n1 .thumb_box.type3 .image{width:100%;} .sub5_5 .row.n2 .item.n1 .thumb_box.type3 .group{width:100%;} .sub5_5 .row.n3 .tbl_wrap{overflow-x: scroll;} .sub5_5 .row.n3 .table{width:600px;} } /*sub6_1*/ .sub6_1 .row.n4 .list_type3 .image img{width:auto; margin-left:auto; margin-right:auto;} /*sub6_2*/ .sub6_2 .row.n1 .thumb_box .image{background:url('../img/sub/sub6_7_img1.jpg') no-repeat center center / cover;} @media all and (max-width:1000px){ .sub6_2 .row.n3 .list_type6 .desc br{display:none;} } @media all and (max-width:640px){ .sub6_2 .row.n3 .list_type6 .li{width:100%; margin-right:0;} } /*sub6_3*/ .sub6_3 .row.n1 .thumb_box .image{background:url('../img/sub/sub6_2_img1.jpg') no-repeat center center / cover;} /*sub6_4*/ .sub6_4 .row.n3 .box_text + .box_text{margin-top:20px;} @media all and (max-width:640px){ .sub6_4 .row.n1 .box_border{padding:0; border:none;} } /*sub6_5*/ .sub6_5 .row.n1 .thumb_box{margin-top:20px;} .sub6_5 .row.n1 .thumb_box.type3 .image{width:600px; max-width:100%;} @media all and (max-width:1000px){ .sub6_5 .row.n1 .thumb_box.type3{display:block;} .sub6_5 .row.n1 .thumb_box.type3 .image{width:400px; margin-left:auto; margin-right:auto;} .sub6_5 .row.n1 .thumb_box.type3 .group{width:100%; margin-top:30px;} } /*sub6_6*/ .sub6_6 .row.n3 .li.n1 .image{background:url('../img/sub/sub6_5_img1.jpg') no-repeat center center / cover;} .sub6_6 .row.n3 .li.n2 .image{background:url('../img/sub/sub6_5_img2.jpg') no-repeat center center / cover;} .sub6_6 .row.n3 .li.n3 .image{background:url('../img/sub/sub6_5_img3.jpg') no-repeat center center / cover;} .sub6_6 .row.n3 .li.n4 .image{background:url('../img/sub/sub6_5_img4.jpg') no-repeat center center / cover;} /*sub6_7*/ .sub6_7 .row.n2 .thumb_box .image{background:url('../img/sub/sub6_6_img1.jpg') no-repeat center center / cover;} /*sub7_1*/ .sub7_1 .row.n2 .thumb_box .image {background:url('../img/sub/sub7_1_img1.jpg') no-repeat center center / cover;} /*sub7_2*/ .sub7_2 .row.n1 .thumb_box .image{min-height:300px; background:url('../img/sub/sub7_2_img1.jpg') no-repeat center center / cover;} /*sub7_3*/ .sub7_3 .row.n1 .thumb_box .image{background:url('../img/sub/sub7_3_img1.jpg') no-repeat center center / cover;} /*sub7_4*/ .sub7_4 .row.n1 .thumb_box .image{background:url('../img/sub/sub7_4_img1.jpg') no-repeat center center / cover;} /*sub7_5*/ .sub7_5 .row.n2 .thumb_box .image{background:url('../img/sub/sub7_5_img1.jpg') no-repeat center center / cover;} /* 둘러보기 */ .floor{font-size:0; line-height:0;} .floor .tab .ul{padding-top:1px;} .floor .tab .li{display:inline-block; position:relative; width:calc(25% + 1px); margin-left:-1px; margin-top:-1px; padding-top:4px; padding-bottom:4px; background-color:#eee; border:1px solid #d2d2d2; box-sizing:border-box;} .floor .tab .button{width:100%; height:40px; background-color:transparent; border:none;} .floor .tab .button:after{display:inline-block; height:100%; vertical-align:middle; content:'';} .floor .tab .button span{display:inline-block; vertical-align:middle; color:#666; font-size:16px; line-height:20px; letter-spacing:-0.04em;} .floor .slider{position:relative; margin-top:45px;} .floor .slider .slick-arrow{display:block; position:absolute; top:50%; width:40px; height:40px; background-image:url('../img/sub/floor_sprite.png'); background-repeat:no-repeat; background-color:transparent; background-size:100% 225%; transform:translateY(-50%); border:none;} .floor .slider .slick-arrow.prev{left:20px;} .floor .slider .slick-arrow.next{right:20px; background-position:left 100%;} .floor .text{display:none; margin-top:20px; padding-top:20px; padding-bottom:20px; border:10px solid #d3deed; text-align:center; color:#555; font-size:16px; line-height:21px; letter-spacing:-0.04em;} .floor .text.active{display:block;;} .floor .slider img{display:block; width:100%;} /* 활성화 */ .floor .tab .li.active{background-color:#fff;} .floor .tab .li.active .button span{color:#2259a3; font-weight:600;} @media all and (max-width:1000px){ .floor .tab .li{width:calc(33% + 1px); padding-top:0; padding-bottom:0;} .floor .slider{margin-top:25px;} } @media all and (max-width:640px){ .floor .tab .li{width:calc(50% + 1px);} .floor .tab .button span{font-size:14px;} /*.floor .slider img{display:block; width:100%; height:250px; object-fit:cover; object-position:center top;}*/ .floor .slider .slick-arrow{width:30px; height:30px;} } /*개인정보처리방침*/ .sub_privacy .list_type2 .item{flex-direction: column;} .sub_privacy .list_type2 .item + .item{margin-top:40px;} .sub_privacy .list_type2 .item .subject{width:100%; margin-bottom:5px;} .sub_privacy .list_type2 .item .desc{width:100%; padding-left:30px; font-size:14px;} /*한방센터 공통*/ .w1200{max-width:1200px; margin-left:auto; margin-right:auto;} .sub_common1{margin-top:80px;} .sub-con .desc{font-size: 18px; line-height: 28px; color: #606060;} .sub-con .desc.text_center{text-align:center;} .shoulder .sub-top .sub-layout .sl-box.wide{width:100%;} .b-circle ul{display: flex; justify-content: center;} .b-circle ul li {width: 25%;} .b-circle ul li img{display:block; max-width:100%; margin-left:auto; margin-right:auto;} .b-circle ul li .desc{margin-top:20px;} .b-circle ul.length6 li{width:200px; padding-left:10px; padding-right:10px;} .b-circle ul.length6 li .desc{word-break: keep-all;} .b-circle ul.length6 li .desc strong{display:block; margin-bottom:5px;} .b-circle ul.length6 li .desc span{display:block; font-size:16px; line-height:22px;} @media all and (max-width:1200px){ .b-circle ul{flex-wrap: wrap;} .b-circle ul.length6{width:600px; margin-left:auto; margin-right:auto;} .b-circle ul.length6 li:nth-child(+n+3){margin-top:20px;} } @media all and (max-width:768px){ .b-circle ul.length6{width:300px;} .b-circle ul.length6 li{width:150px;} .b-circle ul li .desc{margin-top:10px; font-size:15px;} .b-circle ul.length6 li .desc span{font-size:15px;} } /*리스트*/ .ul.list{display:flex; justify-content: center;} .ul.list.length3 .li{width:calc((100% - 14px)/3); margin-right:7px;} .ul.list.length4 .li{width:calc((100% - 75px)/4); margin-right:25px;} .ul.list .li:last-child{margin-right:0 !important;} .ul.list .li img{display:block; width:100%;} .ul.list.type1 .li .desc{height:64px; font-size:24px; line-height:64px; color:#fff; text-align:center; font-weight:500;} .ul.list.type1 .li .desc.bg_green{background:#2A5D44;} .ul.list.type1 .li .desc.bg_white{background:#fff; color:#1a1a1a;} .ul.list.type1 .li .text{background:#fff; padding:20px; text-align:center; font-size:20px; line-height:1.5; color:#1a1a1a; word-break: keep-all;} @media all and (max-width:1000px){ .ul.list.type1 .li .desc{height:45px; font-size:18px; line-height:38px;} .ul.list.length4{flex-flow: wrap row;} .ul.list.length4 .li{width:calc((100% - 7px)/2);} .ul.list.length4 .li:nth-child(even){margin-right:0;} .ul.list.length4 .li:nth-child(+n+3){margin-top:7px;} .ul.list.type1 .li .text{padding:10px 15px; font-size:18px;} } @media all and (max-width:640px){ .ul.list.type1 .li .desc{height:38px; font-size:15px; line-height:38px;} .ul.list.type1.length3{flex-flow: wrap row;} .ul.list.type1.length3 .li{width:calc((100% - 7px)/2);} .ul.list.type1.length3 .li:nth-child(even){margin-right:0;} .ul.list.type1.length3 .li:nth-child(+n+3){margin-top:7px;} .ul.list.type1 .li .text{padding:10px 12px; font-size:16px;} } /*체크 리스트*/ .ul.list.type2{flex-wrap: wrap; justify-content: left;} .ul.list.type2 .li{position:relative; display:flex; flex-wrap:wrap; height:120px; margin-bottom:7px; padding:0 15px; justify-content: center; align-items: center; border-radius:10px; border:1px solid #2A5D44; text-align:center;} .ul.list.type2 .li::after{position:absolute; width:25px; height:25px; left:-1px; top:-1px; content:''; background:url('../img/sub/chk_img2.png') no-repeat center center / contain;} .ul.list.type2 .li:nth-child(3n){margin-right:0;} .ul.list.type2 .li .desc{font-size:17px; line-height:1.5; word-break: keep-all;} .ul.list.type2 .li .desc strong{display:block; margin-bottom:5px; font-size:18px; font-weight:600;} .ul.list.type2 .li .desc .bold{font-weight:600;} @media all and (max-width:1000px){ .ul.list.type2 .li .desc{font-size:15px;} } @media all and (max-width:640px){ .ul.list.type2 .li{width:100%; height:auto; margin-bottom:15px; margin-right:0; padding:20px 15px;} .ul.list.type2 .li .desc{font-size:15px;} .ul.list.type2 .li .desc strong{font-size:17px;} .ul.list.type2 .li .desc .bold{margin-left:0;} } /*원형넘버*/ .ul.list.type3 .li{width:310px; margin-right:20px; text-align:center;} .ul.list.type3 .li .subject{position:relative; display:flex; justify-content: center; align-items: center; width:205px; height:205px; padding:10px 10px; margin-left:auto; margin-right:auto; border:2px solid #2A5D44; background:#fff; border-radius:100%;} .ul.list.type3 .li .num{position:absolute; width:32px; height:32px; left:10px; top:10px; content:''; font-size:18px; color:#fff; line-height:32px; font-weight:600; border-radius:100%; background:#2A5D44;} .ul.list.type3 .li .text{font-size:24px; line-height:32px; font-weight:600; color:#2A5D44;} .ul.list.type3.mini .li{width:155px;} .ul.list.type3.mini .li .num{left:5px; top:5px;} .ul.list.type3.mini .li .subject{width:155px; height:155px;} .ul.list.type3.mini .li .text{font-size:18px; line-height:1.5; word-break: keep-all;} @media all and (max-width:768px){ .b-circle .w100h3{margin-bottom:20px; text-align:center;} .ul.list.type3{display:block;} .ul.list.type3 .li{width:100%; margin-right:0;} .ul.list.type3 .li + .li{margin-top:25px;} .ul.list.type3 .li .subject{width:180px; height:180px;} .ul.list.type3 .li .text{font-size:20px; line-height:28px; font-weight:600; color:#2A5D44;} .ul.list.type3.mini{width:280px; margin-left:auto; margin-right:auto; font-size:0; line-height:0;} .ul.list.type3.mini .li{display:inline-block; width:130px; margin-top:10px;} .ul.list.type3.mini .li:nth-child(odd){margin-right:20px;} .ul.list.type3.mini .li .subject{width:130px; height:130px;} .ul.list.type3.mini .li .text{font-size:18px;} } #click_tab{display:flex; margin-top:50px; margin-bottom:80px;} #click_tab .click{display:block; cursor:pointer; margin-right:1px;} #click_tab .click:last-child{margin-right:0;} #click_tab.length2 .click{width:calc(50% - 1px);} #click_tab.length3 .click{width:calc(33.3333% - 1px);} #click_tab.length4 .click{width:calc(25% - 1px);} #click_tab.length5 .click{width:calc(20% - 1px);} #click_tab.length7{flex-wrap: wrap;} #click_tab.length7 .click{width:calc(25% - 1px);} #click_tab.length7 .click:nth-child(5), #click_tab.length7 .click:nth-child(6), #click_tab.length7 .click:nth-child(7){width:calc(33.33333% - 1px); margin-top:1px;} #click_tab .click{display:flex; height:60px; justify-content:center; align-items: center; background:#e9e9e9; text-align:center;} #click_tab.high .click{height:80px;} #click_tab .click span{display:block; font-size:22px; color:#989898; font-weight:600;} #click_tab .click.on{background:#2A5D44;} #click_tab .click.on span{color:#fff;} @media all and (max-width:1000px){ #click_tab .click span{font-size:18px;} } @media all and (max-width:640px){ #click_tab{margin-bottom:60px;} #click_tab.length2{flex-wrap: wrap;} #click_tab.length2 .click{width:calc(50% - 1px); margin-bottom:1px;} #click_tab.length4{flex-wrap: wrap;} #click_tab.length4 .click{width:calc(50% - 1px);} #click_tab.length4 .click:nth-child(+n+3){margin-top:1px;} #click_tab.length7 .click{width:calc(33.33333% - 1px);} #click_tab.length7 .click:nth-child(4), #click_tab.length7 .click:nth-child(5), #click_tab.length7 .click:nth-child(6), #click_tab.length7 .click:nth-child(7){width:calc(33.33333% - 1px); margin-top:1px;} #click_tab .click{height:40px;} #click_tab.high .click{height:40px;} #click_tab .click span{font-size:15px;} } .cont-bg{position:relative; padding:100px 0;} .cont-bg::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f6f7f8; z-index: -1;} .cont-bg.bg_w100::before{width:100%;} .cont-bg.cinner2{padding: 60px 50px;} @media all and (max-width:1000px){ .cont-bg{padding:80px 0;} } @media all and (max-width:640px){ .cont-bg{padding:60px 0;} } .subpage_style1 .row_title{margin-bottom:40px; font-size:32px; color:#1a1a1a; line-height:1.4; text-align:center; word-break: keep-all; font-weight:600;} @media all and (max-width:1000px){ .subpage_style1 .row_title{margin-bottom:25px; font-size:25px;} } /* .oriental_2 .sub-top .sub-layout {display:flex; margin-bottom: 100px; color: #606060; } .oriental_2 .sub-top .sub-layout div {width: 50%; } .oriental_2 .sub-top .sub-layout div.sl-mg { margin-right: 70px; } .oriental_2 .sub-top .sub-layout::after { content: ''; display:block; over-flow:hidden; clear:both;} .oriental_2 .sub-top .sub-layout .sl-box { margin-bottom: 30px; } .oriental_2 .sub-top .sub-layout .sl-box p { font-size: 18px; line-height:35px; color: #606060; } .oriental_2 .sub-top .sub-layout .sl-box h3 { font-size: 32px; color:#4a8487; font-weight: 600; margin-bottom:20px; } .oriental_2 .sub-top .sub-layout .sl-box h3 strong { color: #696969; } .oriental_2 .sub-top .sub-layout .sl-box img.chk-img { margin-right: 10px; } .oriental_2 .sub-top .sub-layout .sl-box ul li { margin-bottom: 10px; font-size: 18px; } */ .subpage_style1 .sub-layout {display:flex; margin-bottom: 100px; color: #606060; } .subpage_style1 .sub-layout div {width: 50%; } .subpage_style1 .sub-layout div.sl-mg { margin-right: 70px; } .subpage_style1 .sub-layout::after { content: ''; display:block; overflow:hidden; clear:both;} .subpage_style1 .sub-layout .sl-box { margin-bottom: 30px; overflow: hidden;} .subpage_style1 .sub-layout .sl-box.wide{width:100%;} .subpage_style1 .sub-layout .sl-box p { font-size: 18px; line-height:1.6; color: #606060; word-break: keep-all;} .subpage_style1 .sub-layout .sl-box p + p{margin-top:5px;} .subpage_style1 .sub-layout .sl-box h3 { font-size: 32px; color:#2A5D44; font-weight: 600; margin-bottom:20px; } .subpage_style1 .sub-layout .sl-box h3 strong { color: #696969; } .subpage_style1 .sub-layout .sl-box img.chk-img { margin-right: 10px; } @media all and (max-width:1000px){ .subpage_style1 .sub-layout{margin-bottom:80px;} .subpage_style1 .sub-layout div.sl-mg { margin-bottom: 40px; } .subpage_style1 .sub-layout .sl-box{margin-bottom:0;} .subpage_style1 .sub-layout .sl-box h3{margin-bottom:15px; font-size:25px;} .subpage_style1 .sub-layout .sl-box p{font-size:16px;} } @media all and (max-width:640px){ .subpage_style1 .sub-layout{flex-flow: wrap column;} .subpage_style1 .sub-layout div {width:100%; } .subpage_style1 .sub-layout div.sl-mg{margin-right:0;} .subpage_style1 .sub-layout .sl-box h3{margin-bottom:5px;} .subpage_style1 .sub-layout .sl-box p{font-size:15px;} } .subpage_style1 .sub-layout .sl-box.type1 ul{display:flex; flex-flow: wrap row;} .subpage_style1 .sub-layout .sl-box.type1 ul li {margin-bottom: 10px; font-size: 18px; word-break: keep-all; color: #606060;} .subpage_style1 .sub-layout .sl-box.type1 ul li:nth-child(odd) { width:120px; font-weight: 600; } .subpage_style1 .sub-layout .sl-box.type1 ul li:nth-child(even) { width:calc(100% - 120px); } @media all and (max-width:1000px){ .subpage_style1 .sub-layout .sl-box.type1 ul li{font-size:16px; line-height:1.6;} .subpage_style1 .sub-layout .sl-box.type1 ul li:nth-child(odd) { width:90px;} .subpage_style1 .sub-layout .sl-box.type1 ul li:nth-child(even) { width:calc(100% - 90px); } } /*sub8_1 침구과(통증)*/ /*.oriental_1 .row_title{}*/ .oriental_1 .row.n1{margin-bottom:75px; padding-bottom:75px; text-align:center; border-bottom:1px solid #e5e5e5;} .oriental_1 .row.n1 .ul{display:flex; margin-top:90px; gap:30px;} .oriental_1 .row.n1 .li{position:relative; flex:1;} .oriental_1 .row.n1 .li .image{width:100%;} .oriental_1 .row.n1 .li .image img{display:block; width:100%; max-width:100%;} .oriental_1 .row.n1 .li .group{position:absolute; width:100%; left:0; bottom:0; padding:10px 10px; box-sizing: border-box; background:rgba(42,93,68,0.86); text-align:center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .oriental_1 .row.n1 .li .desc{font-size:18px; line-height:1.5; color:#fff;} .oriental_1 .row.n1 .li .subject{font-size:25px; color:#cbe8dd; line-height:1.5; font-weight:600;} .oriental_1 .row.n1 .li.n1::before{position:absolute; width:59px; height:59px; top:50%; right:-43px; transform: translateY(-50%); content:''; background:url('../img/sub/sub8_1_row1_plus.png') no-repeat center center / cover; z-index: 1;} @media all and (max-width:1000px){ .oriental_1 .sub_title p br{display:none;} .oriental_1 .row.n1{margin-bottom:70px; padding-bottom:70px; text-align:center; border-bottom:1px solid #e5e5e5;} .oriental_1 .row.n1 .ul{display:block; max-width:500px; margin-left:auto; margin-right:auto; margin-top:50px;} .oriental_1 .row.n1 .li .group{position:relative; width:100%;} .oriental_1 .row.n1 .li .desc{font-size:15px;} .oriental_1 .row.n1 .li .subject{font-size:20px;} .oriental_1 .row.n1 .li.n1{margin-bottom:60px;} .oriental_1 .row.n1 .li.n1::before{width:45px; height:45px; top:auto; bottom:-50px; left:50%; right:auto; transform: translateX(-50%);} } @media all and (max-width:640px){ .oriental_1 .row.n1{margin-bottom:40px; padding-bottom:40px;} } .oriental_1 .row.n2{margin-bottom:75px; text-align:center;} .oriental_1 .row.n2 .ul{display:flex; justify-content: center;} .oriental_1 .row.n2 .ul.n1{margin-top:55px;} .oriental_1 .row.n2 .li{display:flex; width:calc((100% - 20px)/3); margin-right:10px; margin-bottom:10px; padding:20px 10px; justify-content: center; align-items: center; border-radius:14px; background:#fff; border:1px solid #d6e0dc; box-shadow:0 10px 24px rgba(42,93,68,0.08); text-align:center;} .oriental_1 .row.n2 .li:last-child{margin-right:0;} .oriental_1 .row.n2 .li span{position:relative; padding-top:35px; font-size:18px; line-height:1.5; color:#1a1a1a;} .oriental_1 .row.n2 .li span::before{position:absolute; width:27px; height:27px; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/check_green.png') no-repeat center center / contain;} @media all and (max-width:1000px){ .oriental_1 .row.n2{margin-bottom:60px;} .oriental_1 .row.n2 .ul.n1{margin-top:35px;} .oriental_1 .row.n2 .li span{font-size:16px;} } @media all and (max-width:640px){ .oriental_1 .row.n2{margin-bottom:40px;} .oriental_1 .row.n2 .ul{flex-flow: wrap column;} .oriental_1 .row.n2 .li{width:100%; margin-bottom:10px;} } .oriental_1 .row.n3{position:relative; margin-bottom:75px; padding:65px 0; text-align:center;} .oriental_1 .row.n3::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f6f7f8; z-index: -1;} .oriental_1 .row.n3 .ul{display:flex; max-width:780px; flex-wrap: wrap; margin-top:65px; margin-left:auto; margin-right:auto; justify-content: center;} .oriental_1 .row.n3 .li{position:relative; width:260px; margin-bottom:35px; padding:165px 20px 0 20px; box-sizing: border-box; text-align:center;} .oriental_1 .row.n3 .li::before{position:absolute; width:149px; height:149px; left:50%; top:0; transform: translateX(-50%); content:'';} .oriental_1 .row.n3 .li.n1::before{background:url('../img/sub/sub8_1_row3_img01.png') no-repeat center center / contain;} .oriental_1 .row.n3 .li.n2::before{background:url('../img/sub/sub8_1_row3_img02.png') no-repeat center center / contain;} .oriental_1 .row.n3 .li.n3::before{background:url('../img/sub/sub8_1_row3_img03.png') no-repeat center center / contain;} .oriental_1 .row.n3 .li.n4::before{background:url('../img/sub/sub8_1_row3_img04.png') no-repeat center center / contain;} .oriental_1 .row.n3 .li.n5::before{background:url('../img/sub/sub8_1_row3_img05.png') no-repeat center center / contain;} .oriental_1 .row.n3 .li.n6::before{background:url('../img/sub/sub8_1_row3_img06.png') no-repeat center center / contain;} .oriental_1 .row.n3 .li .subject{font-size:25px; line-height:1.4; word-break: keep-all; color:#2A5D44; font-weight:500;} @media all and (max-width:1000px){ .oriental_1 .row.n3{margin-bottom:60px; padding:65px 0 40px 0;} .oriental_1 .row.n3 .ul{margin-top:30px;} .oriental_1 .row.n3 .li{padding:135px 20px 0 20px;} .oriental_1 .row.n3 .li::before{width:120px; height:120px;} .oriental_1 .row.n3 .li .subject{font-size:18px;} } @media all and (max-width:640px){ .oriental_1 .row.n3{margin-bottom:40px; padding:50px 0 30px 0;} .oriental_1 .row.n3 .ul{max-width:350px;} .oriental_1 .row.n3 .li{width:50%;} } .oriental_1 .row.n4{margin-top:75px; padding:75px 0; text-align:center; border-top:1px solid #e5e5e5;} .oriental_1 .row.n4 .item_ul{margin-top:80px;} .oriental_1 .row.n4 .item_li{display:flex; margin-bottom:40px; text-align:left;} .oriental_1 .row.n4 .item_li:last-child{margin-bottom:0;} .oriental_1 .row.n4 .image{width:calc(50% - 40px);} .oriental_1 .row.n4 .image .blind{font-size:0; line-height:0;} .oriental_1 .row.n4 .item_li.n1 .image{background:url('../img/sub/sub8_1_row4_img01.jpg') no-repeat center center / cover;} .oriental_1 .row.n4 .item_li.n2 .image{background:url('../img/sub/sub8_1_row4_img02.jpg') no-repeat center center / cover;} .oriental_1 .row.n4 .item_li.n3 .image{background:url('../img/sub/sub8_1_row4_img03.jpg') no-repeat center center / cover;} .oriental_1 .row.n4 .group{width:50%; padding:30px 0 50px 0;} .oriental_1 .row.n4 .subject{font-size:25px; line-height:1.6; color:#2A5D44; font-weight:600;} .oriental_1 .row.n4 .desc{margin-top:5px; word-break: keep-all; font-size:17px; line-height:1.5;} .oriental_1 .row.n4 .list_ul{margin-top:25px;} .oriental_1 .row.n4 .list_li{position:relative; margin-bottom:5px; padding-left:25px;} .oriental_1 .row.n4 .list_li:last-child{margin-bottom:0;} .oriental_1 .row.n4 .list_li::before{position:absolute; width:18px; height:19px; top:6px; left:0; content:''; background:url('../img/sub/chk_img.png') no-repeat center center / contain;} /*왼,오 구분*/ .oriental_1 .row.n4 .item_li:nth-child(odd) .image{margin-right:40px;} .oriental_1 .row.n4 .item_li:nth-child(even){flex-direction: row-reverse;} .oriental_1 .row.n4 .item_li:nth-child(even) .image{margin-left:40px;} @media all and (max-width:1000px){ .oriental_1 .row.n4{margin-top:50px; padding:60px 0;} .oriental_1 .row.n4 .item_ul{margin-top:30px;} .oriental_1 .row.n4 .subject{font-size:20px;} .oriental_1 .row.n4 .desc{font-size:15px; line-height:1.5;} .oriental_1 .row.n4 .list_ul{margin-top:15px;} } @media all and (max-width:640px){ .oriental_1 .row.n4 .item_li{flex-flow:wrap column;} .oriental_1 .row.n4 .image{width:100%; height:230px;} .oriental_1 .row.n4 .group{width:100%; padding:0; margin-top:15px;} .oriental_1 .row.n4 .item_li:nth-child(odd) .image{margin-right:0;} .oriental_1 .row.n4 .item_li:nth-child(even){flex-direction: row-reverse;} .oriental_1 .row.n4 .item_li:nth-child(even) .image{margin-left:0;} } /*sub8_2 한방내과(신경과)*/ .w100h3 {color: #2A5D44; font-size: 32px; font-weight: 600; margin-bottom: 20px; } .w100h3 strong { color: #595959; } @media all and (max-width:1000px){ .w100h3{font-size:25px; margin-bottom:15px;} } @media all and (max-width:640px){ .w100h3{margin-bottom:5px;} } .shot { margin-bottom: 100px; } .shot ul li {float: left; width: 23%; background-color: #f6f7f8; margin-right: 32px; font-size: 19px; text-align: center; color: #2A5D44; font-weight: 600; padding: 20px 0;} .shot.length5 ul li{width:calc((100% - 40px)/5); margin-right:10px;} .shot ul li:last-child { margin-right: 0; } .shot ul::after { content: ''; display: block; overflow: hidden; clear: both; } /*.shot p { font-size: 18px; line-height: 32px; color: #606060; }*/ .shot-box .sub-layout .sl-box ul li { float: left; color: #606060; font-size: 20px; } .shot-box .sub-layout .sl-box ul li:nth-child(odd) { width: 36%; font-weight: 600; } .shot-box .sub-layout .sl-box ul li:nth-child(even) { width: 64%; } .shot-box .sub-layout .sl-box ul::after { content:''; display:block; overflow: hideen; clear: both; } .shot-box .sub-top .sub-layout {margin-bottom: 0;} .shot-box .sub-top .sub-layout .sl-box {margin-bottom:0;} @media all and (max-width:1000px){ .shot { margin-bottom: 80px; } } /*.oriental_2 div.fg-box { float: left; width: 18%; text-align: center; margin-right: 24px; }*/ .palsy .group{display:flex;} .palsy .group.length4 .fg-box{width:calc((100% - 80px)/4);} .palsy .group.length5 .fg-box{width:calc((100% - 60px)/5);} .palsy .group .fg-box {margin-right:20px; text-align: center;} .palsy .group .fg-box:last-child{margin-right:0;} .palsy .group .fg-box img { width: 100%; } .palsy .group .fg-box .subject{display:flex; justify-content: center; align-items: center; height:70px; padding:0 15px; background-color:#2A5D44;} .palsy .group .fg-box .subject span{font-size:20px; font-weight:600; color:#ffff; line-height:1.3;} .palsy .group .fg-box .desc{margin-top:10px; font-size:15px; line-height:1.5;} @media all and (max-width:1000px){ .palsy .group{flex-flow: wrap row; justify-content: center; align-items: start;} .palsy .group.length4 .fg-box{width:calc((100% - 40px)/3);} .palsy .group.length4 .fg-box:nth-child(3n){margin-right:0;} .palsy .group.length4 .fg-box:nth-child(+n+4){margin-top:30px;} .palsy .group.length5 .fg-box{width:calc((100% - 40px)/3);} .palsy .group.length5 .fg-box:nth-child(3n){margin-right:0;} .palsy .group.length5 .fg-box:nth-child(+n+4){margin-top:30px;} .palsy .group .fg-box .subject{height:60px;} .palsy .group .fg-box .subject span{font-size:17px;} .palsy .group .fg-box .desc br{display:none;} } @media all and (max-width:640px){ .palsy .group.length4 .fg-box{width:calc((100% - 20px)/2);} .palsy .group.length4 .fg-box:nth-child(2n){margin-right:0;} .palsy .group.length4 .fg-box:nth-child(3n){margin-right:20px;} .palsy .group.length4 .fg-box:nth-child(+n+3){margin-top:20px;} .palsy .group.length5 .fg-box{width:calc((100% - 20px)/2);} .palsy .group.length5 .fg-box:nth-child(2n){margin-right:0;} .palsy .group.length5 .fg-box:nth-child(3n){margin-right:20px;} .palsy .group.length5 .fg-box:nth-child(+n+3){margin-top:20px;} } /*sub8_3 한방안이비인후과*/ .oriental_3 .txtCon{padding-bottom:0;} .oriental_3 .row.n1{margin-bottom:100px;} .oriental_3 .row.n1 .li{display:flex;} .oriental_3 .row.n1 .image{width:calc(50% - 20px); height:275px; border-radius:5px; font-size:0; line-height:0;} .oriental_3 .row.n1 .li.n1 .image{background:url('../img/sub/sub8_3_row1_img01.jpg') no-repeat center center / cover;} .oriental_3 .row.n1 .li .group{display:flex; align-items:center; width:50%; padding-left:50px;} .oriental_3 .row.n1 .li .desc{position:relative; padding-top:10px; font-size:17px; line-height:1.7; word-break: keep-all; color:#1a1a1a; font-weight:400;} .oriental_3 .row.n1 .li .desc::before{position:absolute; width:15px; height:1px; left:0; top:0; content:''; background:#111;} .oriental_3 .row.n1 .li .image{margin-right:20px;} @media all and (max-width:1000px){ .oriental_3 .row.n1{margin-bottom:70px;} .oriental_3 .row.n1 .li .group{padding-left:20px;} .oriental_3 .row.n1 .li .desc{font-size:16px; line-height:1.5;} } @media all and (max-width:640px){ .oriental_3 .row.n1{margin-bottom:0;} .oriental_3 .row.n1 .li{display:block;} .oriental_3 .row.n1 .image{width:100%; height:230px;} .oriental_3 .row.n1 .li .group{width:100%; margin-top:20px; padding-left:10px; padding-right:10px;} .oriental_3 .row.n1 .li .desc{padding-top:15px; font-size:15px; line-height:1.5;} } .oriental_3 .row.n2{position:relative; margin-bottom:75px; padding:65px 0; text-align:center;} .oriental_3 .row.n2::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f9f9f9; z-index: -1;} .oriental_3 .row.n2 .ul{display:flex; margin-top:65px; justify-content: center;} .oriental_3 .row.n2 .li{position:relative; width:25%; padding:165px 20px 0 20px; box-sizing: border-box; text-align:center;} .oriental_3 .row.n2 .li::before{position:absolute; width:149px; height:149px; left:50%; top:0; transform: translateX(-50%); content:'';} .oriental_3 .row.n2 .li.n1::before{background:url('../img/sub/sub8_3_row2_img01.png') no-repeat center center / contain;} .oriental_3 .row.n2 .li.n2::before{background:url('../img/sub/sub8_3_row2_img02.png') no-repeat center center / contain;} .oriental_3 .row.n2 .li.n3::before{background:url('../img/sub/sub8_3_row2_img03.png') no-repeat center center / contain;} .oriental_3 .row.n2 .li.n4::before{background:url('../img/sub/sub8_3_row2_img04.png') no-repeat center center / contain;} .oriental_3 .row.n2 .li .subject{font-size:25px; line-height:1.4; word-break: keep-all; color:#2A5D44; font-weight:500;} @media all and (max-width:1000px){ .oriental_3 .row.n2{margin-bottom:60px; padding:65px 0 40px 0;} .oriental_3 .row.n2 .ul{margin-top:30px;} .oriental_3 .row.n2 .li{padding:135px 20px 0 20px;} .oriental_3 .row.n2 .li::before{width:120px; height:120px;} .oriental_3 .row.n2 .li .subject{font-size:18px;} } @media all and (max-width:640px){ .oriental_3 .row.n2{margin-bottom:40px; padding:50px 0 30px 0;} .oriental_3 .row.n2 .ul{flex-wrap: wrap; max-width:350px; margin-left:auto; margin-right:auto; margin-top:30px;} .oriental_3 .row.n2 .li{width:50%; margin-bottom:35px; padding:135px 20px 0 20px;} .oriental_3 .row.n2 .li::before{width:120px; height:120px;} .oriental_3 .row.n2 .li .subject{font-size:18px;} } .oriental_3 .row.n3{margin-top:75px; text-align:center;} .oriental_3 .row.n3 .item_ul{margin-top:60px;} .oriental_3 .row.n3 .item_li{display:flex; text-align:left; align-items: center;} .oriental_3 .row.n3 .image{width:calc(50% - 40px); margin-right:40px;} .oriental_3 .row.n3 .image img{display:block; width:100%;} .oriental_3 .row.n3 .group{width:50%;} .oriental_3 .row.n3 .subject{font-size:25px; line-height:1.6; color:#2A5D44; font-weight:600;} .oriental_3 .row.n3 .list_ul{display:flex; flex-wrap:wrap; margin-top:25px;} .oriental_3 .row.n3 .list_li{position:relative; width:50%; margin-bottom:15px; padding-left:25px; padding-right:10px; line-height:1.5; word-break: keep-all;} .oriental_3 .row.n3 .list_li::before{position:absolute; width:18px; height:19px; top:5px; left:0; content:''; background:url('../img/sub/chk_img.png') no-repeat center center / contain;} @media all and (max-width:1000px){ .oriental_3 .row.n3{margin-top:50px; padding:60px 0 0 0;} .oriental_3 .row.n3 .item_ul{margin-top:30px;} .oriental_3 .row.n3 .subject{font-size:20px;} .oriental_3 .row.n3 .desc{font-size:15px; line-height:1.5;} .oriental_3 .row.n3 .list_ul{margin-top:15px;} } @media all and (max-width:640px){ .oriental_3 .row.n3 .row_intro .desc br{display:none;} .oriental_3 .row.n3 .item_li{flex-flow:wrap column;} .oriental_3 .row.n3 .image{width:100%; margin-right:0;} .oriental_3 .row.n3 .group{width:100%; padding:0; margin-top:15px;} .oriental_3 .row.n3 .list_ul{display:block;} .oriental_3 .row.n3 .list_li{width:100%; margin-bottom:10px;} } .oriental_3 .row.n4{margin:100px 0 75px 0; padding-bottom:75px; text-align:center; border-bottom:1px solid #e5e5e5;} .oriental_3 .row.n4 .item_ul{margin-top:40px;} .oriental_3 .row.n4 .item_li{display:flex; margin-bottom:40px; text-align:left;} .oriental_3 .row.n4 .item_li:last-child{margin-bottom:0;} .oriental_3 .row.n4 .image{width:calc(50% - 40px);} .oriental_3 .row.n4 .image .blind{font-size:0; line-height:0;} .oriental_3 .row.n4 .item_li.n1 .image{background:url('../img/sub/sub8_3_row4_img01.jpg') no-repeat center center / cover;} .oriental_3 .row.n4 .item_li.n2 .image{background:url('../img/sub/sub8_3_row4_img02.jpg') no-repeat left center / cover;} .oriental_3 .row.n4 .item_li.n3 .image{background:url('../img/sub/sub8_3_row4_img03.jpg') no-repeat center center / cover;} .oriental_3 .row.n4 .item_li.n4 .image{background:url('../img/sub/sub8_3_row4_img04.jpg') no-repeat center center / cover;} .oriental_3 .row.n4 .group{width:50%; padding:30px 0 50px 0;} .oriental_3 .row.n4 .subject{font-size:25px; line-height:1.6; color:#2A5D44; font-weight:600;} .oriental_3 .row.n4 .desc{margin-top:5px; word-break: keep-all; font-size:17px; line-height:1.5;} .oriental_3 .row.n4 .list_ul{margin-top:25px;} .oriental_3 .row.n4 .list_li{position:relative; margin-bottom:5px; padding-left:25px;} .oriental_3 .row.n4 .list_li:last-child{margin-bottom:0;} .oriental_3 .row.n4 .list_li::before{position:absolute; width:18px; height:19px; top:6px; left:0; content:''; background:url('../img/sub/chk_img.png') no-repeat center center / contain;} /*왼,오 구분*/ .oriental_3 .row.n4 .item_li:nth-child(odd) .image{margin-right:40px;} .oriental_3 .row.n4 .item_li:nth-child(even){flex-direction: row-reverse;} .oriental_3 .row.n4 .item_li:nth-child(even) .image{margin-left:40px;} @media all and (max-width:1000px){ .oriental_3 .row.n4{margin-top:50px; padding:60px 0;} .oriental_3 .row.n4 .item_ul{margin-top:30px;} .oriental_3 .row.n4 .subject{font-size:20px;} .oriental_3 .row.n4 .desc{font-size:15px; line-height:1.5;} .oriental_3 .row.n4 .list_ul{margin-top:15px;} } @media all and (max-width:640px){ .oriental_3 .row.n4 .item_li{flex-flow:wrap column;} .oriental_3 .row.n4 .image{width:100%; height:230px;} .oriental_3 .row.n4 .group{width:100%; padding:0; margin-top:15px;} .oriental_3 .row.n4 .item_li:nth-child(odd) .image{margin-right:0;} .oriental_3 .row.n4 .item_li:nth-child(even){flex-direction: row-reverse;} .oriental_3 .row.n4 .item_li:nth-child(even) .image{margin-left:0;} } .oriental_3 .row.n5{margin-bottom:100px;} /*.oriental_3 .row.n5 .row_title{margin-bottom:45px;}*/ .oriental_3 .row.n5 .title_1{text-align:center;} .oriental_3 .row.n5 .li{display:flex;} .oriental_3 .row.n5 .image{width:calc(50% - 20px); height:275px; border-radius:5px; font-size:0; line-height:0;} .oriental_3 .row.n5 .li.n1 .image{background:url('../img/sub/sub8_3_row5_img01.jpg') no-repeat center center / cover;} .oriental_3 .row.n5 .li .group{display:flex; align-items:center; width:50%; padding-left:50px;} .oriental_3 .row.n5 .li .desc{position:relative; padding-top:10px; font-size:17px; line-height:1.7; word-break: keep-all; color:#1a1a1a; font-weight:400;} .oriental_3 .row.n5 .li .desc::before{position:absolute; width:15px; height:1px; left:0; top:0; content:''; background:#111;} .oriental_3 .row.n5 .li .image{margin-right:20px;} @media all and (max-width:1000px){ .oriental_3 .row.n5 .row_title{margin-bottom:30px;} .oriental_3 .row.n5{margin-bottom:70px;} .oriental_3 .row.n5 .li .group{padding-left:20px;} .oriental_3 .row.n5 .li .desc{font-size:16px; line-height:1.5;} } @media all and (max-width:640px){ .oriental_3 .row.n5{margin-bottom:0;} .oriental_3 .row.n5 .li{display:block;} .oriental_3 .row.n5 .image{width:100%; height:230px;} .oriental_3 .row.n5 .li .group{width:100%; margin-top:20px; padding-left:10px; padding-right:10px;} .oriental_3 .row.n5 .li .desc{padding-top:15px; font-size:15px; line-height:1.5;} } .oriental_3 .row.n6{position:relative; margin-top:90px; padding:70px 0; } .oriental_3 .row.n6 .title_1{text-align:center;} .oriental_3 .row.n6::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f9f9f9; z-index: -1;} .oriental_3 .row.n6 .ul{display:flex; gap:40px; margin-top:50px;} .oriental_3 .row.n6 .li{flex:1; padding:50px 40px; box-sizing: border-box; background:#fff; border-radius:10px;} .oriental_3 .row.n6 .li .num{font-size:15px; line-height:1; color:#2A5D44; font-weight:600;} .oriental_3 .row.n6 .li .desc{margin-top:10px; font-size:21px; line-height:1.5; color:#3b3b3b; font-weight:500;} @media all and (max-width:1000px){ .oriental_3 .row.n6{padding:60px 0 40px 0;} .oriental_3 .row.n6 .ul{gap:20px;} .oriental_3 .row.n6 .li .desc{font-size:18px;} } @media all and (max-width:640px){ .oriental_3 .row.n6 .ul{display:block; gap:0; margin-top:25px;} .oriental_3 .row.n6 .li{margin-bottom:10px; padding:20px 30px; text-align:center;} .oriental_3 .row.n6 .li .num{font-size:18px;} .oriental_3 .row.n6 .li .desc{font-size:16px;} } .oriental_3 .row.n5.n7{margin-top:75px;} .oriental_3 .row.n5.n7 .li.n1 .image{background:url('../img/sub/sub8_3_row7_img01.jpg') no-repeat center center / cover;} @media all and (max-width:640px){ .oriental_3 .row.n5.n7{margin-top:60px;} } .oriental_3 .row.n8{margin-top:75px; margin-bottom:75px; text-align:center;} .oriental_3 .row.n8 .ul{display:flex; flex-wrap: wrap; max-width:790px; margin:55px auto 0 auto; justify-content: center;} .oriental_3 .row.n8 .li{display:flex; width:calc((100% - 10px)/2); margin-right:10px; margin-bottom:10px; padding:20px 10px; justify-content: center; align-items: center; border-radius:10px; background:#f3f3f3; text-align:center;} .oriental_3 .row.n8 .li:nth-child(even){margin-right:0;} .oriental_3 .row.n8 .li span{position:relative; padding-top:35px; font-size:18px; line-height:1.6; color:#353535;} .oriental_3 .row.n8 .li span::before{position:absolute; width:27px; height:27px; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/check_green.png') no-repeat center center / contain;} @media all and (max-width:640px){ .oriental_3 .row.n8 .row_intro .desc br{display:none;} .oriental_3 .row.n8{margin-top:80px; margin-bottom:70px;} .oriental_3 .row.n8 .ul{margin-top:35px;} .oriental_3 .row.n8 .li span{font-size:16px;} } /*sub8_4 부인과*/ .oriental_4 .txtCon{padding-top:0; padding-bottom:0;} .oriental_4 .group.n1{position:relative; margin-bottom:80px; padding:230px 0 180px 0;text-align:center; } .oriental_4 .group.n1::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/sub8_4_group1_bg.jpg') no-repeat center center / cover; z-index: -1;} .oriental_4 .group.n1 .subject{margin-bottom:35px; font-size:45px; color:#fff; line-height:1.4; font-weight:500;} .oriental_4 .group.n1 .subject strong{font-weight:600;} .oriental_4 .group.n1 .desc{font-size:20px; color:#fff; line-height:1.5;} @media all and (max-width:1000px){ .oriental_4 .txtCon{padding-top:10px;} .oriental_4 .group.n1{padding:130px 0 100px 0;} .oriental_4 .group.n1 .subject{margin-bottom:20px; font-size:35px;} .oriental_4 .group.n1 .desc{font-size:18px;} } @media all and (max-width:640px){ .oriental_4 .group.n1{margin-bottom:60px; padding:100px 0 80px 0;} .oriental_4 .group.n1 .subject{margin-bottom:25px; font-size:28px;} .oriental_4 .group.n1 .desc{font-size:17px;} } .oriental_4 .group.n2{position:relative; text-align:center;} .oriental_4 .group.n2::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/sub8_4_group2_bg.jpg') no-repeat center center / cover; z-index: -1;} .oriental_4 .group.n2 .cinner{padding:60px 0; /*border-top:1px solid #d78282;*/} .oriental_4 .group.n2 .subject{margin-bottom:20px; font-size:32px; color:#010101; line-height:1.5; font-weight:500;} .oriental_4 .group.n2 .subject strong{color:#451f1f;} .oriental_4 .group.n2 img{display:block; margin:20px auto;} .oriental_4 .group.n2 .ul{display:flex;} .oriental_4 .group.n2 .li{width:calc((100% - 10px)/3); height:75px; margin-right:5px; line-height:65px; font-size:22px; color:#1a1a1a; font-weight:600; background:#f8a7a7; border-radius:20px; border:5px solid #fed7d7; letter-spacing: -1px;} .oriental_4 .group.n2 .li:nth-child(3){margin-right:0;} @media all and (max-width:1000px){ .oriental_4 .group.n2 .cinner{padding:40px 0; border-top:1px solid #d78282;} .oriental_4 .group.n2 .subject{font-size:28px;} .oriental_4 .group.n2 img{max-width:400px;} .oriental_4 .group.n2 .li{font-size:18px;} } @media all and (max-width:768px){ .oriental_4 .group.n2 .ul{flex-flow:wrap column; padding:0 30px;} .oriental_4 .group.n2 .li{width:100%; height:47px; margin-bottom:5px; line-height:41px; font-size:18px; color:#1a1a1a; font-weight:600; background:#f8a7a7; border-radius:15px; border:3px solid #fed7d7; letter-spacing: -1px;} } @media all and (max-width:640px){ .oriental_4 .group.n2 .subject{margin-bottom:15px; font-size:24px;} .oriental_4 .group.n2 img{max-width:70%;} } .oriental_4 .group.n3{position:relative; padding:110px 0 90px 0;} .oriental_4 .group.n3::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/sub8_4_group3_bg.jpg') no-repeat center center / cover; z-index: -1;} .oriental_4 .group.n3 .subject{margin-bottom:90px; font-size:32px; color:#fff; text-align:center; font-weight:500; line-height:1.5; word-break: keep-all;} .oriental_4 .group.n3 .subject .color{color:#ffbdbd;} .oriental_4 .group.n3 .box{display:flex; flex-wrap: wrap;} .oriental_4 .group.n3 .item{width:calc((100% - 40px)/2); margin-right:40px; padding:40px 45px; border:1px dotted rgba(255,255,255,0.8); border-radius:40px;} .oriental_4 .group.n3 .item:nth-child(even){margin-right:0;} .oriental_4 .group.n3 .item:nth-child(+n+3){margin-top:40px;} .oriental_4 .group.n3 .item .title{margin-bottom:20px; padding-left:18px; font-size:24px; line-height:1.4; color:#ffbebe; font-weight:600; word-break: keep-all;} .oriental_4 .group.n3 .item .title .mini{font-size:18px; color:#fff; font-weight:400;} .oriental_4 .group.n3 .item .li{position:relative; margin-bottom:8px; padding-left:15px; font-size:20px; color:#fff; line-height:1.5; font-weight:400; border-radius:20px; word-break: keep-all;} .oriental_4 .group.n3 .item .li::before{position:absolute; width:3px; height:3px; left:0; top:12px; content:''; border-radius:100%; background:#fff;} @media all and (max-width:1000px){ .oriental_4 .group.n3 .subject{margin-bottom:40px; font-size:28px;} .oriental_4 .group.n3 .item{width:calc((100% - 20px)/2); margin-right:20px; padding:30px 35px;} .oriental_4 .group.n3 .item:nth-child(+n+3){margin-top:20px;} .oriental_4 .group.n3 .item .title{padding-left:10px;} .oriental_4 .group.n3 .item .li{margin-bottom:5px; font-size:16px;} .oriental_4 .group.n3 .item .li::before{top:10px;} } @media all and (max-width:768px){ .oriental_4 .group.n3 .box{flex-direction: column;} .oriental_4 .group.n3 .item{width:100%; border-radius:20px;} .oriental_4 .group.n3 .item:nth-child(+n+2){margin-top:10px;} } @media all and (max-width:640px){ .oriental_4 .group.n3{padding:100px 0 90px 0;} .oriental_4 .group.n3 .subject{margin-bottom:30px; font-size:24px;} .oriental_4 .group.n3 .item{padding:20px 25px;} .oriental_4 .group.n3 .item .title{margin-bottom:12px; font-size:20px;} .oriental_4 .group.n3 .item .title .mini{display:block; font-size:15px; opacity:0.8;} .oriental_4 .group.n3 .item .li{padding-left:10px; font-size:15px;} } .oriental_4 .group.n4{position:relative; padding:90px 0 130px 0; background:#f6f7f8;} .oriental_4 .group.n4::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f6f7f8; z-index: -1;} .oriental_4 .group.n4 .subject{margin-bottom:75px; font-size:32px; color:#010101; text-align:center; font-weight:500; line-height:1.5;} .oriental_4 .group.n4 .subject .color{color:#451f1f;} .oriental_4 .group.n4 .ul{display:flex; flex-wrap: wrap; padding:0 40px;} .oriental_4 .group.n4 .li{width:calc((100% - 40px)/2); margin-right:40px; margin-bottom:40px; overflow: hidden; border-radius:40px;} .oriental_4 .group.n4 .li:nth-child(even){margin-right:0;} .oriental_4 .group.n4 .li .image img{display:block; width:100%;} .oriental_4 .group.n4 .li .desc{height:80px; padding:0 15px; font-size:28px; color:#1a1a1a; font-weight:600; text-align:center; line-height:80px; background:#fff;} @media all and (max-width:1000px){ .oriental_4 .group.n4{padding:80px 0 60px 0; background:#f6f7f8;} .oriental_4 .group.n4 .subject{margin-bottom:40px; font-size:24px;} .oriental_4 .group.n4 .ul{padding:0px;} .oriental_4 .group.n4 .li{width:calc((100% - 10px)/2); margin-right:10px; margin-bottom:10px; border-radius:10px;} .oriental_4 .group.n4 .li .desc{height:45px; padding:0 10px; font-size:16px; line-height:45px;} } @media all and (max-width:640px){ .oriental_4 .group.n4 .subject{margin-bottom:25px;} .oriental_4 .group.n4 .li .desc{height:38px;line-height:38px;} } .oriental_4 .group.n5{text-align:center;} .oriental_4 .group.n5 .ul{display:flex; gap:30px; margin-top:45px;} .oriental_4 .group.n5 .li{flex:1; padding:35px 35px; box-sizing: border-box; background:#f9f9f9; border-radius:10px;} .oriental_4 .group.n5 .li .subject{position:relative; padding-top:40px; font-size:25px; line-height:1.4; font-weight:600;} .oriental_4 .group.n5 .li .subject::before{position:absolute; width:27px; height:27px; left:50%; transform: translateX(-50%); top:0; content:''; background:url('../img/sub/check_pink.png') no-repeat center center / contain;} .oriental_4 .group.n5 .li .desc{margin-top:10px; font-size:16px; color:#3c3c3c; line-height:1.5; word-break: keep-all;} @media all and (max-width:1000px){ .oriental_4 .group.n5 .ul{gap:20px;} .oriental_4 .group.n5 .li .subject{font-size:20px;} .oriental_4 .group.n5 .li .desc br{display:none;} } @media all and (max-width:640px){ .oriental_4 .group.n5 .intro .desc br{display:none;} .oriental_4 .group.n5 .ul{flex-flow:wrap column; margin-top:30px;} .oriental_4 .group.n5 .li{padding:20px 30px;} .oriental_4 .group.n5 .li:last-child{margin-bottom:0;} .oriental_4 .group.n5 .li .subject{font-size:18px;} .oriental_4 .group.n5 .li .desc{font-size:15px;} } .oriental_4 .group.n6{position:relative; margin-top:90px; padding:70px 0;} .oriental_4 .group.n6 .title_1{text-align:center;} .oriental_4 .group.n6::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/sub8_4_group6_bg.jpg') no-repeat center center / cover; z-index: -1;} .oriental_4 .group.n6 .ul{display:flex; gap:40px; margin-top:50px;} .oriental_4 .group.n6 .li{flex:1; padding:50px 40px; box-sizing: border-box; background:#fff; border-radius:10px;} .oriental_4 .group.n6 .li .num{font-size:15px; line-height:1; color:#f8a7a7; font-weight:600;} .oriental_4 .group.n6 .li .desc{margin-top:10px; font-size:21px; line-height:1.5; color:#3b3b3b; font-weight:500;} @media all and (max-width:1000px){ .oriental_4 .group.n6{padding:60px 0 40px 0;} .oriental_4 .group.n6 .ul{gap:20px;} .oriental_4 .group.n6 .li .desc{font-size:18px;} } @media all and (max-width:640px){ .oriental_4 .group.n6 .ul{display:block; gap:0; margin-top:25px;} .oriental_4 .group.n6 .li{margin-bottom:10px; padding:20px 30px; text-align:center;} .oriental_4 .group.n6 .li .num{font-size:18px;} .oriental_4 .group.n6 .li .desc{font-size:16px;} } .oriental_4 .group.n7{margin-top:90px;} .oriental_4 .group.n7 .title_1{text-align:center;} .oriental_4 .group.n7 .ul{display:flex; margin-top:35px; justify-content: center; align-items: center;} .oriental_4 .group.n7 .li{display:flex; width:280px; height:280px; margin-left:-40px; padding:15px 15px; justify-content: center; align-items: center; box-sizing: border-box; border-radius:100%; background:#f8a7a7; text-align: center;} .oriental_4 .group.n7 .li.n1{margin-left:0;} .oriental_4 .group.n7 .li.n2{background:#ec9d9d;} .oriental_4 .group.n7 .li span{font-size:28px; line-height:1; color:#fff; font-weight:600;} @media all and (max-width:1000px){ .oriental_4 .group.n7 .li{width:200px; height:200px; margin-left:-20px;} .oriental_4 .group.n7 .li span{font-size:20px;} } @media all and (max-width:640px){ .oriental_4 .group.n7 .li{width:130px; height:130px;} .oriental_4 .group.n7 .li span{font-size:18px; line-height:1.4;} } @media all and (max-width:430px){ .oriental_4 .group.n7 .li{width:110px; height:110px;} .oriental_4 .group.n7 .li span{font-size:16px;} } .oriental_4 .group.n8{position:relative; margin-top:90px; padding:70px 0;} .oriental_4 .group.n8::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f9f9f9; z-index: -1;} /*sub8_5 한방비뇨기과*/ .oriental_5 .txtCon{padding-top:0; /*padding-bottom:0;*/} .oriental_5 .b-circle .title_1{margin-bottom:25px; text-align:center;} /*sub8_6 한방소화기내과*/ .oriental_6{word-break: keep-all;} .oriental_6 .txtCon{padding-top:0; padding-bottom:0;} .subpage_style1.oriental_6 .sub-layout div.title_1{width:100%;} @media all and (max-width:1200px){ .oriental_6 .b-circle .w100h3{text-align:center;} } @media all and (max-width:1200px) and (min-width:641px){ .oriental_6 #tab_con04 .b-circle ul.length6{width:400px;} } @media all and (max-width:640px){ .oriental_6 .cont-bg.cinner2{padding-left:0; padding-right:0;} } /*sub8_7 교통사고 치료&입원*/ .oriental_7 .txtCon{padding-top:0; padding-bottom:0} .oriental_7 .title_1{margin-bottom:25px; text-align:center;} .oriental_7 .group.n1{position:relative; padding:230px 0 180px 0;text-align:center;} .oriental_7 .group.n1::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/sub8_7_group1_bg.jpg') no-repeat center center / cover; z-index: -1;} .oriental_7 .group.n1 .subject{margin-bottom:35px; font-size:45px; color:#fff; line-height:1.4; font-weight:500;} .oriental_7 .group.n1 .subject strong{font-weight:600;} .oriental_7 .group.n1 .desc{font-size:20px; color:#fff; line-height:1.5;} @media all and (max-width:1000px){ .oriental_7 .txtCon{padding-top:10px;} .oriental_7 .group.n1{padding:130px 0 100px 0;} .oriental_7 .group.n1 .subject{margin-bottom:20px; font-size:35px;} .oriental_7 .group.n1 .desc{font-size:18px;} } @media all and (max-width:640px){ .oriental_7 .title_1{text-align:left;} .oriental_7 .group.n1{padding:100px 0 80px 0;} .oriental_7 .group.n1 .subject{margin-bottom:25px; font-size:28px;} .oriental_7 .group.n1 .desc{font-size:17px;} .oriental_7 .group.n1 .desc br{display:none;} } .oriental_7 .group.n2{position:relative; padding:80px 0;} .oriental_7 .group.n2::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f4f7f5; z-index: -1;} .oriental_7 .group.n2 .cinner{position:relative;} /* 4칸: 브랜드 녹색 톤과 맞는 카드 그리드(다른 클리닉 페이지와 통일) */ .oriental_7 .group.n2 .ul{position:relative; display:flex; flex-wrap:wrap; gap:20px; justify-content:center; max-width:1100px; margin-left:auto; margin-right:auto; background:transparent;} .oriental_7 .group.n2 .li{display:flex; align-items:center; width:calc(50% - 10px); min-height:140px; padding:28px 32px; box-sizing:border-box; background:#fff; border:1px solid #d4e2dc; border-radius:20px; box-shadow:0 6px 22px rgba(59,130,246,0.08);} .oriental_7 .group.n2 .li span{position:relative; display:block; padding-left:48px; font-family: 'Noto Sans KR', sans-serif; font-size:22px; line-height:1.45; color:#1d1d1d; font-weight:600; word-break:keep-all;} .oriental_7 .group.n2 .li span::before{position:absolute; width:36px; height:36px; left:0; top:50%; transform: translateY(-50%); content:''; background:url('../img/sub/check_green.png') no-repeat center center / contain;} @media all and (max-width:1200px){ .oriental_7 .group.n2 .li span{font-size:20px;} } @media all and (max-width:1000px){ .oriental_7 .group.n2 .ul{gap:16px;} .oriental_7 .group.n2 .li{width:calc(50% - 8px); min-height:120px; padding:22px 24px;} .oriental_7 .group.n2 .li span{padding-left:42px; font-size:18px;} .oriental_7 .group.n2 .li span::before{width:30px; height:30px;} } @media all and (max-width:640px){ .oriental_7 .group.n2{padding:60px 0;} .oriental_7 .group.n2 .ul{flex-direction: column; gap:12px;} .oriental_7 .group.n2 .li{width:100%; min-height:0; padding:18px 20px; border-radius:14px;} .oriental_7 .group.n2 .li span{padding-left:34px; font-size:17px;} .oriental_7 .group.n2 .li span::before{width:24px; height:24px; top:2px; transform: translateY(0);} } @media all and (max-width:400px){ .oriental_7 .group.n2 .li span{font-size:18px;} } .oriental_7 .group.n3{position:relative; padding:90px 0;} .oriental_7 .group.n3 .ul{display:flex; gap:10px;} .oriental_7 .group.n3 .li{flex:1; text-align:center;} .oriental_7 .group.n3 .li .image{width:146px; height:146px; margin:0 auto;} .oriental_7 .group.n3 .li.n1 .image{background:url('../img/sub/sub8_7_group3_img1.png') no-repeat center center / contain;} .oriental_7 .group.n3 .li.n2 .image{background:url('../img/sub/sub8_7_group3_img2.png') no-repeat center center / contain;} .oriental_7 .group.n3 .li.n3 .image{background:url('../img/sub/sub8_7_group3_img3.png') no-repeat center center / contain;} .oriental_7 .group.n3 .li.n4 .image{background:url('../img/sub/sub8_7_group3_img4.png') no-repeat center center / contain;} .oriental_7 .group.n3 .li .subject{margin:20px 0 15px 0; font-size:25px; color:#2A5D44; line-height:1.4; word-break: keep-all; font-weight:600;} .oriental_7 .group.n3 .li .desc{font-family: 'Noto Sans KR', sans-serif; font-size:17px; line-height:1.5; word-break: keep-all;} @media all and (max-width:1000px){ .oriental_7 .group.n3 .ul{display:flex; flex-wrap: wrap; gap:0; max-width:500px; margin-left:auto; margin-right:auto;} .oriental_7 .group.n3 .li{flex: auto; width:50%; margin-bottom:30px; padding:0 10px;} .oriental_7 .group.n3 .li .image{width:120px; height:120px;} .oriental_7 .group.n3 .li .subject{font-size:20px;} .oriental_7 .group.n3 .li .desc{font-size:16px;} } @media all and (max-width:640px){ .oriental_7 .group.n3{padding:70px 0 50px 0;} .oriental_7 .group.n3 .li .subject{margin:10px 0 5px 0; font-size:18px;} .oriental_7 .group.n3 .li .image{width:100px; height:100px;} .oriental_7 .group.n3 .li .desc{font-size:14px;} .oriental_7 .group.n3 .li .desc br{display:none;} } .oriental_7 .group.n4 .txt{position:relative; padding:125px 0 100px 0; isolation:isolate;} .oriental_7 .group.n4 .txt::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:url('../img/sub/sub8_7_group4_bg.jpg') no-repeat center center / cover; z-index:0;} /* 배경 사진 위 텍스트 가림 방지: 왼쪽 읽기 구역만 밝은 스크림 */ .oriental_7 .group.n4 .txt::after{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100vw; height:100%; content:''; z-index:1; pointer-events:none; background:linear-gradient(90deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.9) 38%, rgba(255,255,255,0.55) 62%, rgba(255,255,255,0) 100%);} .oriental_7 .group.n4 .txt .cinner{position:relative; z-index:2; max-width:640px; padding-left:75px; padding-right:24px; box-sizing:border-box;} .oriental_7 .group.n4 .txt .subject{font-size:33px; word-break: keep-all; line-height:1.4; color:#1d1d1d;} .oriental_7 .group.n4 .txt .subject strong{display:block; font-size:35px;} .oriental_7 .group.n4 .txt .desc{position:relative; margin-top:30px; font-size:18px; line-height:1.5; word-break: keep-all; color:#3d3d3d;} .oriental_7 .group.n4 .txt .desc strong{font-size:24px; color:#2A5D44; font-weight:600;} .oriental_7 .group.n4 .comment{padding:18px 20px; font-family: 'Noto Sans KR', sans-serif; font-size:24px; line-height:1.4; text-align:center; color:#fff; background:#2A5D44;} .oriental_7 .group.n4 .comment br{display:none;} @media all and (max-width:1000px){ .oriental_7 .group.n4 .txt .cinner{padding-left:30px; max-width:560px;} .oriental_7 .group.n4 .txt{padding:100px 0 80px 0;} .oriental_7 .group.n4 .txt .subject{font-size:25px;} .oriental_7 .group.n4 .txt .subject strong{font-size:28px;} .oriental_7 .group.n4 .txt .desc strong{font-size:20px;} .oriental_7 .group.n4 .comment{font-size:20px;} } @media all and (max-width:640px){ .oriental_7 .group.n4 .txt::after{background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.88) 45%, rgba(255,255,255,0.55) 100%);} .oriental_7 .group.n4 .txt .cinner{padding-left:20px; padding-right:16px; max-width:100%;} .oriental_7 .group.n4 .txt{padding:80px 0 60px 0;} .oriental_7 .group.n4 .txt .subject{position:relative; font-size:23px; line-height:1.3;} .oriental_7 .group.n4 .txt .subject strong{font-size:25px;} .oriental_7 .group.n4 .txt .desc{margin-top:20px; font-size:15px;} .oriental_7 .group.n4 .txt .desc strong{font-size:18px;} .oriental_7 .group.n4 .comment{padding:15px 20px; font-size:15px;} .oriental_7 .group.n4 .comment br{display:block;} } @media all and (max-width:640px){ } .oriental_7 .group.n5{margin-top:120px; text-align:center;} .oriental_7 .group.n5 .intro{margin-bottom:50px;} .oriental_7 .group.n5 .intro .title{margin-bottom:15px; font-weight:400;} .oriental_7 .group.n5 .intro .title strong{display:block; font-size:40px; font-weight:600; color:#2A5D44;} .oriental_7 .group.n5 .intro .desc{font-size:18px; color:#3d3d3d; line-height:1.4; word-break: keep-all;} .oriental_7 .group.n5 .image{margin-bottom:20px;} .oriental_7 .group.n5 .image img{display:block; width:100%;} .oriental_7 .group.n5 .ul{display:flex; align-items: center; gap:20px;} .oriental_7 .group.n5 .li{display:flex; flex:1; justify-content:center; align-items: center; height:80px; padding:0 10px; border-radius:20px; background:#2A5D44; box-shadow:0 4px 14px rgba(59,130,246,0.25);} .oriental_7 .group.n5 .li span{font-size:22px; line-height:1.4; color:#fff; font-weight:600;} @media all and (max-width:1000px){ .oriental_7 .group.n5 .intro .title strong{font-size:30px;} .oriental_7 .group.n5 .li span{font-size:19px;} } @media all and (max-width:640px){ .oriental_7 .group.n5{margin-top:90px;} .oriental_7 .group.n5 .intro{margin-bottom:30px;} .oriental_7 .group.n5 .intro .title{font-size:20px; margin-bottom:10px;} .oriental_7 .group.n5 .intro .title strong{font-size:27px;} .oriental_7 .group.n5 .intro .desc{font-size:16px;} .oriental_7 .group.n5 .ul{flex-wrap: wrap; gap:10px;} .oriental_7 .group.n5 .li{flex:auto; width:100%; height:auto; padding:12px 15px; border-radius:10px;} .oriental_7 .group.n5 .li span{font-size:18px;} } .oriental_7 .group.n6{position:relative; margin-top:120px; padding:80px 0 130px 0; text-align:center;} .oriental_7 .group.n6::before{position:absolute; width:100vw; height:100%; top:0; left:50%; transform: translateX(-50%); content:''; background:#f6f7f8; z-index: -1;} .oriental_7 .group.n6 .title{font-weight:400;} .oriental_7 .group.n6 .title strong{display:block; font-size:40px; font-weight:600; color:#2A5D44; word-break: keep-all;} .oriental_7 .group.n6 .item_wrap{display:flex; gap:50px; margin-top:20px;} .oriental_7 .group.n6 .item{flex:1; padding:40px; border-radius:30px; background:#fff; box-sizing: border-box; box-shadow: 0 10px 20px rgba(0,0,0,0.1);} .oriental_7 .group.n6 .item .subject{height:70px; line-height:70px; font-size:30px; color:#fff; word-break: keep-all; background:#2A5D44; font-weight:600;} .oriental_7 .group.n6 .item .ul{display:flex; flex-wrap: wrap;} .oriental_7 .group.n6 .item .li{width:25%; padding:0 15px;} .oriental_7 .group.n6 .item .li .image img{display:block; margin:0 auto 15px auto; max-width:100%;} .oriental_7 .group.n6 .item .li .desc{font-size:23px; color:#3d3d3d; font-weight:600;} @media all and (max-width:1000px){ .oriental_7 .group.n6 .item .li .desc{font-size:20px;} } @media all and (max-width:640px){ .oriental_7 .group.n6{margin-top:80px; padding:60px 0;} .oriental_7 .group.n6 .title{font-size:20px;} .oriental_7 .group.n6 .title strong{font-size:27px;} .oriental_7 .group.n6 .item_wrap{flex-wrap:wrap; gap:0;} .oriental_7 .group.n6 .item{flex:auto; padding:30px; border-radius:20px;} /*.oriental_7 .group.n6 .item.n1{margin-bottom:40px;}*/ .oriental_7 .group.n6 .item .subject{height:50px; line-height:50px; font-size:20px;} .oriental_7 .group.n6 .item .ul{max-width:300px; margin-left:auto; margin-right:auto;} .oriental_7 .group.n6 .item .li{width:50%; padding:0 10px;} .oriental_7 .group.n6 .item .li:nth-child(+n+3){margin-top:20px;} .oriental_7 .group.n6 .item .li .image img{width:120px;} .oriental_7 .group.n6 .item .li .desc{font-size:18px;} } /* .oriental_7 .group.n7{margin-top:120px;} .oriental_7 .group.n7 .li{padding-bottom:50px;} .oriental_7 .group.n7 .li:last-child{border-bottom:1px solid #ccc;} .oriental_7 .group.n7 .qu{position:relative; padding:25px 20px 25px 80px; font-size:22px; color:#fff; line-height:1.4; word-break: keep-all; background:#2A5D44; font-weight:600;} .oriental_7 .group.n7 .qu::before{position:absolute; width:54px; height:54px; left:12px; top:50%; transform: translateY(-50%); line-height:54px; color:#2A5D44; content:'Q'; border-radius:100%; background:#fff; font-weight:600; text-align:center;} .oriental_7 .group.n7 .an{margin-top:30px; padding-left:80px; font-size:18px; color:#1a1a1a; line-height:1.6; word-break: keep-all; font-weight:500;} @media all and (max-width:640px){ .oriental_7 .group.n7{margin-top:60px; margin-bottom:80px;} .oriental_7 .group.n7 .li{padding-bottom:30px;} .oriental_7 .group.n7 .li:last-child{border-bottom:1px solid #ccc;} .oriental_7 .group.n7 .qu{position:relative; padding:20px 15px 20px 52px; font-size:18px; color:#fff; line-height:1.4; word-break: keep-all; background:#2A5D44; font-weight:600;} .oriental_7 .group.n7 .qu::before{position:absolute; width:30px; height:30px; font-size:15px; left:15px; top:19px; line-height:30px; color:#2A5D44; content:'Q'; border-radius:100%; background:#fff; font-weight:600; text-align:center;} .oriental_7 .group.n7 .an{margin-top:15px; padding:0 25px; font-size:16px; color:#1a1a1a; line-height:1.6; word-break: keep-all; font-weight:500;} } */ /*sub8_8 척추 관절 클리닉*/ .oriental_8 .row.n1 .thumb_box .image{background:url('../img/sub/sub8_8_img1.jpg') no-repeat center center / cover;} .oriental_8 .row.n3 .thumb_box .image{background:url('../img/sub/sub8_8_img2.jpg') no-repeat center center / cover;} .oriental_8 .row.n4 .item{margin-top:30px;} .oriental_8 .row.n4 .item .ul{display:flex; justify-content: center;} .oriental_8 .row.n4 .item .li{display:flex; justify-content: center; align-items: center; width:200px; height:200px; border-radius:100%; background:url('../img/sub/sub8_8_img3.jpg') no-repeat center center / cover;} .oriental_8 .row.n4 .item .li + .li{margin-left:10px;} .oriental_8 .row.n4 .item .li span{font-size:28px; line-height:1.2; font-weight:600; color:#fff; text-align:center;} .oriental_8 .row.n4 .item .li span br{display:none;} .oriental_8 .row.n4 .box_text{margin-top:30px;} @media all and (max-width:1200px){ .oriental_8 .row.n4 .item{margin-top:20px;} .oriental_8 .row.n4 .item .li{width:150px; height:150px;} .oriental_8 .row.n4 .item .li span{font-size:24px;} } @media all and (max-width:1000px){ .oriental_8 .row.n4 .box_text{margin-top:20px;} .oriental_8 .row.n4 .item .ul{flex-wrap:wrap; width:470px; margin-left:auto; margin-right:auto;} .oriental_8 .row.n4 .item .li:nth-child(4){margin-left:0;} } @media all and (max-width:640px){ .oriental_8 .row.n4 .item .ul{width:320px;} .oriental_8 .row.n4 .item .li{width:100px; height:100px;} .oriental_8 .row.n4 .item .li span{font-size:20px;} .oriental_8 .row.n4 .item .li span br{display:block;} } /*sub8_9 수술후 재활치료*/ .oriental_9 .txtCon{padding-bottom:0} .oriental_9 .row.n1 .b-circle ul.length6 li{width:300px; } .oriental_9 .row.n2 .ul.list.type1.length3 .li{background-color:#fff;} @media all and (max-width:1100px){ .oriental_9 .row.n2 .ul.list.type1.length3{flex-wrap: wrap; max-width:600px; margin-left:auto; margin-right:auto;} .oriental_9 .row.n2 .ul.list.type1.length3 .li{width: calc((100% - 7px) / 2);} .oriental_9 .row.n2 .ul.list.type1.length3 .li:nth-child(even){margin-right:0;} .oriental_9 .row.n2 .ul.list.type1.length3 .li:nth-child(+n+3){margin-top:7px;} } @media all and (max-width:768px){ .oriental_9 .row.n1 .b-circle ul.length6{width:100%;} .oriental_9 .row.n1 .b-circle ul.length6 li{width:100%; max-width:250px;} .oriental_9 .row.n1 .b-circle ul.length6 li:nth-child(+n+2){margin-top:20px;} } @media all and (max-width:640px){ .oriental_9 .row.n1 .title_1{text-align:left;} } /*sub8_10 두통 어지럼증*/ .oriental_10 .txtCon{padding-bottom:0;} .oriental_10 .row.n2 .li strong{display:block;} .oriental_10 .row.n3 .ul{margin-top:40px;} @media all and (max-width:640px){ .oriental_10 .row.n1 .desc br{display:none;} } /*sub8_11 체형교정클리닉*/ .oriental_11 .row.n2 .title_2{margin-top:15px;} .oriental_11 .row.n3 .thumb_box .image{min-height:270px; background:url('../img/sub/sub8_11_img1.jpg') no-repeat center center / cover;} /*sub8_12 다이어트클리닉*/ .oriental_12 .row.n1 .title_1 br{display:none;} .oriental_12 .row.n1 .img_bg{margin-top:15px; background:url('../img/sub/sub8_12_img1.jpg') no-repeat center center / cover;} .oriental_12 .row.n2 .title_1 br{display:none;} .oriental_12 .row.n2 .thumb_box .image{background:url('../img/sub/sub8_12_img2.jpg') no-repeat left center / cover;} @media all and (max-width:640px){ .oriental_12 .row.n1 .title_1 br{display:block;} .oriental_12 .row.n2 .title_1 br{display:block;} } /*sub8_13 스트레스 불면*/ .oriental_13 .txtCon{padding-bottom:0;} /* 불면증 .merit: 배경 흐림 + 이중 딤, 본문은 막 위로 (가독성) */ .oriental_13 .row.n3 .merit{margin-top:20px; background:none;} .oriental_13 .row.n3 .merit::before{position:absolute; left:0; top:0; width:100%; height:100%; content:''; border-radius:30px; background:url('../img/sub/merit_bg.jpg') no-repeat center center / cover; filter:blur(6px); transform:scale(1.07); z-index:0;} .oriental_13 .row.n3 .merit::after{position:absolute; left:0; top:0; width:100%; height:100%; content:''; border-radius:30px; background:rgba(0,0,0,0.58); z-index:1; pointer-events:none;} .oriental_13 .row.n3 .merit .subject{z-index:3; text-shadow:0 2px 14px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.85);} .oriental_13 .row.n3 .merit .desc{position:relative; margin-top:15px; font-family: 'Gamtanbatang'; font-size:20px; line-height:1.5; color:#fff; text-align:center; z-index:3; text-shadow:0 1px 10px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.8);} .oriental_13 .row.n3 .merit .desc + .desc{margin-top:20px;} @media all and (max-width:640px){ .oriental_13 .row.n3 .merit::before, .oriental_13 .row.n3 .merit::after{border-radius:20px;} .oriental_13 .row.n3 .merit .desc{max-width:300px; margin-left:auto; margin-right:auto; font-size:16px;} .oriental_13 .row.n3 .merit .desc br{display:none;} .oriental_13 .row.n3 .merit .desc + .desc{margin-top:15px;} } /*sub8_14 자동차 보험치료*/ .oriental_14 .row.n1 .image{position:relative; margin-left:auto; margin-right:auto; margin-top:60px;} .oriental_14 .row.n1 .image .txt{position:absolute; left:0; top:0;} .oriental_14 .row.n1 .image.pc{max-width:1000px;} .oriental_14 .row.n1 .image.mobile{display:none;} @media all and (max-width:800px){ .oriental_14 .row.n1 .image.pc{display:none;} .oriental_14 .row.n1 .image.mobile{display:block;} .oriental_14 .row.n1 .image.mobile{max-width:650px;} } /* sub8_15 성장클리닉 */ .growth .n1 {padding-bottom:90px;} .growth .n1 .image img {max-width:100%;} .growth .n1 .desc {margin-top:20px;text-align:center;text-wrap:balance;} .growth .n2 {margin-bottom:75px;text-align:center;} .growth .n2 .ul {display:flex;justify-content:center;flex-wrap:wrap;margin-top:15px;} .growth .n2 .li {display:flex;flex-direction:column;width:calc((100% - 20px)/3);margin-right:10px;margin-bottom:10px;padding:30px 10px;justify-content:center;align-items:center;border-radius:10px;background:#f3f3f3;text-align:center;} .growth .n2 .li:last-child {margin-right:0;} .growth .n2 .li .subject {padding-top:10px;font-size:20px;color:#1a1a1a;} .growth .n2 .li .desc {position:relative;padding-top:10px;font-size:18px;line-height:1.5;color:#353535;} .growth .n3 .list_type4 .li .box_text + .box_text {margin-top:10px;} @media all and (max-width:1000px){ .growth .n1 {padding-bottom:70px;} .growth .n2 {margin-bottom:55px;} .growth .n2 .li .subject {font-size:18px;} .growth .n2 .li .desc {font-size:16px;} } @media all and (max-width:640px){ .growth .n1 {padding-bottom:50px;} .growth .n2 {margin-bottom:40px;} .growth .n2 .ul {flex-flow:wrap column;} .growth .n2 .li {width:100%;margin-bottom:10px;} } /* sub8_16 공진단·경옥고 — 레이아웃 + 가독성(타이포 단일 스케일, 이 페이지만) */ .oriental_11.sub816 .txtCon .sub_title p { font-size: 17px; line-height: 1.65; color: #444; } /* 본문·목록·인용·중앙 리드: 한 덩어리 18px / 1.65 */ .oriental_11.sub816 .content_area .desc, .oriental_11.sub816 .content_area .list_type1 .li, .oriental_11.sub816 .content_area .list_type2 .item .subject, .oriental_11.sub816 .content_area .list_type2 .item .desc, .oriental_11.sub816 .content_area .box_text .text { font-size: 18px; line-height: 1.65; font-weight: 400; } .oriental_11.sub816 .content_area .list_type2 .item .subject { font-weight: 600; color: #2A5D44; } .oriental_11.sub816 .content_area .box_text .text { font-family: inherit; letter-spacing: -0.01em; } .oriental_11.sub816 .content_area .row.text_center .title_2, .oriental_11.sub816 .content_area .row.text_center .title_3 { font-size: 18px; line-height: 1.65; font-weight: 600; color: #2A5D44; } .oriental_11.sub816 .content_area .row.text_center .title_2 { font-weight: 700; } /* 섹션 대제목만 크게 — H2(42)와의 간격 완화 */ .oriental_11.sub816 .content_area > .row > .title_1 span { font-size: 30px; line-height: 1.35; } /* 썸·카드 안 소제목은 정보 밀도에 맞게 한 단계 축소 */ .oriental_11.sub816 .thumb_box .group .title_1 span { font-size: 21px; line-height: 1.4; padding-left: 42px; padding-right: 32px; } .oriental_11.sub816 .thumb_box .group .title_1 span::before { width: 32px; height: 32px; top: 0; } .oriental_11.sub816 .content_area .list_type1 .li { padding-top: 14px; padding-bottom: 14px; } .oriental_11.sub816 .content_area .list_type2 .item + .item { margin-top: 18px; } .oriental_11.sub816 .row .thumb_box .image { background-image: none; background-color: #eee; min-height: 270px; } .oriental_11.sub816 .row.n8 .thumb_box + .list_type2 { margin-top: 28px; } .oriental_11.sub816 .row.n8 .desc + .list_type2 { margin-top: 28px; } /* 복용·주의: list_type2 본문 내 강조(생무 등) */ .oriental_11.sub816 .content_area .list_type2 .item .desc strong { color: #2A5D44; font-weight: 600; } /* 동의보감 인용만 박스 — 전역 box_text(#f9f9f9)가 밝게 보여 페이지 톤에 맞춤 */ .oriental_11.sub816 .row.n1 .box_text { background-color: #faf8f4; border: 1px solid #ebe4d9; box-shadow: none; } @media screen and (max-width: 1000px) { .oriental_11.sub816 .txtCon .sub_title p { font-size: 16px; } .oriental_11.sub816 .content_area .desc, .oriental_11.sub816 .content_area .list_type1 .li, .oriental_11.sub816 .content_area .list_type2 .item .subject, .oriental_11.sub816 .content_area .list_type2 .item .desc, .oriental_11.sub816 .content_area .box_text .text, .oriental_11.sub816 .content_area .row.text_center .title_2, .oriental_11.sub816 .content_area .row.text_center .title_3 { font-size: 17px; } .oriental_11.sub816 .content_area > .row > .title_1 span { font-size: 27px; } .oriental_11.sub816 .thumb_box .group .title_1 span { font-size: 19px; padding-left: 38px; } .oriental_11.sub816 .thumb_box .group .title_1 span::before { width: 28px; height: 28px; } .oriental_11.sub816 .row .thumb_box .image { min-height: 250px; } } @media screen and (max-width: 640px) { .oriental_11.sub816 .txtCon .sub_title p { font-size: 15px; } .oriental_11.sub816 .content_area .desc, .oriental_11.sub816 .content_area .list_type1 .li, .oriental_11.sub816 .content_area .list_type2 .item .subject, .oriental_11.sub816 .content_area .list_type2 .item .desc, .oriental_11.sub816 .content_area .box_text .text, .oriental_11.sub816 .content_area .row.text_center .title_2, .oriental_11.sub816 .content_area .row.text_center .title_3 { font-size: 16px; line-height: 1.6; } .oriental_11.sub816 .content_area > .row > .title_1 span { font-size: 24px; } .oriental_11.sub816 .thumb_box .group .title_1 span { font-size: 18px; padding-left: 34px; } .oriental_11.sub816 .thumb_box .group .title_1 span::before { width: 26px; height: 26px; } .oriental_11.sub816 .row .thumb_box .image { min-height: 200px; } } /*sub1_4 의료진소개*/ .sub_doctor .title_1{text-align: center;} .sub_doctor .title_3{margin-top:5px; text-align: center;} .sub_doctor .item + .item{margin-top:150px;} .sub_doctor .item{display:flex; justify-content: center; align-items: start; max-width:1000px; margin-top:80px; margin-left:auto; margin-right:auto;} .sub_doctor .image{width:320px; border:1px solid #eee; background-color:#f9f9f9;} .sub_doctor .text{width:calc(100% - 320px); padding-left:50px;} .sub_doctor .cate{font-size:18px; line-height:1.4; font-weight:600;} .sub_doctor .name{margin-top:15px; line-height:1.4; color:#1a1a1a;} .sub_doctor .name strong{font-size:28px;} .sub_doctor .name span{margin-left:15px; font-size:20px;} .sub_doctor .title_2{margin-top:15px;} .sub_doctor .history{margin-top:20px; padding-left:15px;} .sub_doctor .history .li{position:relative; padding-left:10px;} .sub_doctor .history .li::before{position:absolute; width:3px; height:3px; left:0; top:10px; content:""; background-color:#5d5d5d; border-radius:100%;} .sub_doctor .history .li + .li{margin-top:3px;} .sub_doctor .history .li .desc{font-size:14px;} .sub_doctor .time{margin-top:20px;} .sub_doctor .time .subject{position:relative; padding-left:30px; font-size:22px; line-height:1.4; font-weight:600;} .sub_doctor .time .subject::before{position:absolute; width:20px; height:20px; left:0; top:7px; content:""; background-color:#cbb47b; border-radius:100%;} .sub_doctor .time .table{width:100%; margin-top:10px; border-top:2px solid #c7c7c7; border-bottom:2px solid #c7c7c7; text-align:center; font-size:17px;} .sub_doctor .time .table thead th{font-weight:600; background-color:#f5f7f8;} .sub_doctor .time .table th, .sub_doctor .time .table td{padding:3px 5px;} .sub_doctor .time .table tbody tr{border-top:1px solid #eee;} .sub_doctor .time .table tbody tr th{font-weight:600;} .sub_doctor .time .table tbody td.color_1{color:#50a91b;} .sub_doctor .time .table tbody td.color_2{color:#2881cb;} @media all and (max-width:1000px){ .sub_doctor .item + .item{margin-top:100px;} .sub_doctor .item{flex-direction: column; margin-top:40px;} .sub_doctor .image{margin-left:auto; margin-right:auto;} .sub_doctor .text{width:100%; margin-top:15px; padding-left:0;} .sub_doctor .cate{font-size:16px; text-align:center;} .sub_doctor .name{text-align:center;} .sub_doctor .title_2{text-align:center;} .sub_doctor .name span{display:block; margin-left:0; font-size:17px;} .sub_doctor .history{padding:15px; background-color:#f9f9f9;} .sub_doctor .time .subject{padding-left:20px; font-size:18px;} .sub_doctor .time .subject::before{width:15px; height:15px; top:6px;} .sub_doctor .time .table th, .sub_doctor .time .table td{font-size:14px;} } @media all and (max-width:640px){ .sub_doctor .title_1 span{padding-left:0;padding-right:0;} .sub_doctor .title_1 span::before{display:none;} .sub_doctor .image{max-width:80%;} } /*비급여*/ .sub_price .tbl-stat{table-layout: auto;} .sub_price .tbl-stat thead th, .sub_price .tbl-stat tbody td{padding:7px 5px; font-size:13px; text-align:center; line-height:1.3;} .sub_price .tbl-stat tbody td.cate{padding-top:12px; padding-bottom:12px; font-size:16px; background-color:#f6f7f8; color:#2A5D44; font-weight:600;} @media all and (max-width:1000px){ .sub_price .content-box{overflow-x: scroll;} .sub_price .tbl-stat{min-width:1000px;} .sub_price .tbl-stat tbody td:nth-child(5){width:80px;} } @media all and (max-width:640px){ .sub_price .tbl-stat{min-width:600px;} .sub_price .tbl-stat thead th, .sub_price .tbl-stat tbody td{padding:5px 3px; font-size:12px;} .sub_price .tbl-stat tbody td:nth-child(5){width:60px;} } /* 250205추가 협력업체 */ .coll_list {display: flex;gap:20px;flex-wrap: wrap;margin-right: -20px;} .coll_list li {display:grid;place-items:center;position:relative;width:calc(25% - 20px);min-height:90px;border:1px solid #ddd;text-align: center;padding:10px 20px;word-break: keep-all;} .coll_list li:before {content:"";display:block;position:absolute;left:-1px;top:-1px;background:#2A5D44;width:50px;height:2px;} .coll_list.nursing li {padding:20px;} .coll_list.nursing li span {font-size:13px;color:#555;} /*.coll_list li a {display: block;}*/ .coll_list li img {width: 180px;} @media all and (max-width:1000px){ .coll_list li {width:calc(33.3% - 20px);} } @media all and (max-width:767px){ .coll_list li {width:calc(50% - 20px);} } @media all and (max-width:540px){ .coll_list {gap:10px;margin-right: 0;} .coll_list li {width:100%;} } /* 20250205 병원소개 컨텐츠 변경 */ .tabs {display:flex;flex-wrap:wrap;gap:5px 10px;margin-bottom:20px;} .tabs .tab {padding:0.5rem 2rem;background:#f1f1f1;color:#333;border-radius:30px;cursor:pointer;font-weight:600;flex:1 1 0;text-align:center;} .tabs .tab:is(:hover, :active, :focus), .tabs .tab.active {background:#141784;color:#fff;} @media (max-width: 1200px){ .tabs .tab {flex:1 1 30%;} } @media all and (max-width:767px){ .tabs {gap:5px 5px;} .tabs .tab {font-size:0.8rem;} } @media all and (max-width:540px){ .tabs .tab {flex:1 1 40%;padding:0.5rem 1rem} } /* ========== sub2_1 예약 안내 좌측 박스만 커스텀 (진료시간은 테마 전역 .cs_center .photo / .time 그대로) ========== */ /* 좌측 텍스트 박스가 473px보다 커질 때 우측 진료시간 박스와 동일 높이 */ @media all and (min-width: 1001px) { .sub2_1 .cs_center { display: flex; align-items: stretch; } .sub2_1 .cs_center .photo.cs_hours_visual { float: none; width: 50%; flex: 0 0 50%; max-width: 50%; } .sub2_1 .cs_center .time { float: none; width: 50%; flex: 0 0 50%; max-width: 50%; height: auto !important; } } .sub2_1 .cs_center .photo.cs_hours_visual { background-color: transparent !important; background-image: linear-gradient(rgba(232, 242, 238, 0.93), rgba(232, 242, 238, 0.93)), url("../img/sub/title_deco.png"); background-repeat: no-repeat, no-repeat; background-position: center, left 8% center; background-size: auto, min(220px, 46%) auto; height: auto !important; min-height: 0 !important; padding: 56px 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .sub2_1 .cs_hours_visual-inner { width: 100%; max-width: 430px; margin: 0 auto; text-align: center; color: #1e3d34; font-size: 16px; line-height: 1.85; word-break: keep-all; } .sub2_1 .cs_hours_visual-inner strong { display: block; font-size: 22px; font-weight: 700; line-height: 1.45; margin: 0 0 24px; color: #2A5D44; } .sub2_1 .cs_hours_visual-inner .muted { margin-top: 18px; font-size: 15px; line-height: 1.65; color: #4a6b62; word-break: keep-all; } .sub2_1 .cs_hours_visual-inner br { display: block !important; } /* sub2_1 진료시간 안내: 1~2행만 40% / 60%, 3~4행(.hours-note)은 한 줄 전체 */ .sub2_1 .cs_center .time ul li:has(> span.day) { display: grid; grid-template-columns: 40% 60%; column-gap: 0; align-items: baseline; } .sub2_1 .cs_center .time ul li:has(> span.day) > span.day, .sub2_1 .cs_center .time ul li:has(> span.day) > span.hours-slot { text-align: left; line-height: 1.5; } .sub2_1 .cs_center .time ul li:has(> span.day) > span.day { font-size: 1em; } .sub2_1 .cs_center .time ul > li.hours-note { display: block; width: 100%; font-weight: 700; text-align: left; margin-top: 0.75rem; } .sub2_1 .cs_center .time ul > li.hours-note + li.hours-note { margin-top: 0.4rem; } @media all and (max-width: 767px) { .sub2_1 .cs_center .time ul li:has(> span.day) { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; margin-bottom: 0.85rem; } } @media all and (max-width: 1000px) { .sub2_1 .cs_center { display: flex; flex-direction: column; } .sub2_1 .cs_center .photo.cs_hours_visual, .sub2_1 .cs_center .time { float: none; width: 100%; max-width: 100%; flex: 0 0 auto; } .sub2_1 .cs_center .photo.cs_hours_visual { padding: 45px 24px; min-height: 0 !important; height: auto !important; } } @media all and (max-width: 640px) { .sub2_1 .cs_hours_visual-inner { font-size: 15px; } .sub2_1 .cs_hours_visual-inner strong { font-size: 18px; margin-bottom: 18px; } .sub2_1 .cs_hours_visual-inner .muted { font-size: 14px; } } /* ========== sub2_1 진료시간 안내 (카드 그리드, 2026) ========== */ .sub2_1--hours-v2 .sub2_1-hours-v2 { max-width: 1180px; margin: 0 auto; padding: 8px 0 56px; box-sizing: border-box; } .sub2_1--hours-v2 .sub2_1-hours-v2__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .sub2_1--hours-v2 .sub2_1-hours-v2__card { background: #fff; border-radius: 14px; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); overflow: hidden; display: flex; flex-direction: column; min-height: 0; } .sub2_1--hours-v2 .sub2_1-hours-v2__card-title { margin: 0; padding: 16px 18px; font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: #fff; background: linear-gradient(135deg, #2A5D44 0%, #234d39 100%); line-height: 1.35; word-break: keep-all; display: flex; align-items: center; gap: 10px; } .sub2_1--hours-v2 .sub2_1-hours-v2__icon { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.22); flex: 0 0 auto; } .sub2_1--hours-v2 .sub2_1-hours-v2__icon svg { width: 18px; height: 18px; color: #fff; display: block; } .sub2_1--hours-v2 .sub2_1-hours-v2__card-title-text { min-width: 0; flex: 1 1 auto; } .sub2_1--hours-v2 .sub2_1-hours-v2__list { list-style: none; margin: 0; padding: 6px 0 10px; flex: 1 1 auto; } .sub2_1--hours-v2 .sub2_1-hours-v2__row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 18px; border-bottom: 1px solid #f1f5f9; font-size: 15px; line-height: 1.45; color: #334155; } .sub2_1--hours-v2 .sub2_1-hours-v2__row:last-child { border-bottom: 0; } .sub2_1--hours-v2 .sub2_1-hours-v2__day { font-weight: 500; color: #475569; word-break: keep-all; flex: 0 1 auto; } .sub2_1--hours-v2 .sub2_1-hours-v2__time { font-weight: 700; color: #1a1a1a; letter-spacing: -0.02em; text-align: right; white-space: nowrap; } .sub2_1--hours-v2 .sub2_1-hours-v2__contact { margin-top: 36px; padding: 22px 24px; border-radius: 14px; background: #f8fafc; border: 1px solid #e2e8f0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px; text-align: center; } .sub2_1--hours-v2 .sub2_1-hours-v2__contact-label { font-size: 16px; font-weight: 600; color: #475569; } .sub2_1--hours-v2 .sub2_1-hours-v2__contact-tel { font-size: 22px; font-weight: 800; color: #2A5D44; text-decoration: none; letter-spacing: -0.03em; } .sub2_1--hours-v2 .sub2_1-hours-v2__contact-tel:hover { text-decoration: underline; } @media all and (max-width: 1024px) { .sub2_1--hours-v2 .sub2_1-hours-v2__grid { grid-template-columns: repeat(2, 1fr); } } @media all and (max-width: 640px) { .sub2_1--hours-v2 .sub2_1-hours-v2 { padding-bottom: 40px; } .sub2_1--hours-v2 .sub2_1-hours-v2__grid { grid-template-columns: 1fr; gap: 16px; } .sub2_1--hours-v2 .sub2_1-hours-v2__row { flex-direction: column; align-items: flex-start; gap: 4px; } .sub2_1--hours-v2 .sub2_1-hours-v2__time { text-align: left; white-space: normal; } .sub2_1--hours-v2 .sub2_1-hours-v2__contact-tel { font-size: 20px; } }