@charset "utf-8"; /* ------------ 공통 ----------------------------------------------------------------------------- */ #intro1{background:#f6f9fd; position:relative;} #intro1:before{content:''; width:100%; height:140px; background:#fff; position:absolute; left:0; top:0;} #intro1 .intro1-head{position:relative; z-index:1; padding-bottom:100px; text-align: center;} #intro1 .intro1-head h3{font-size:4rem; font-family:'DwImpactamin'; color:#333; font-weight:normal; line-height:1.4em;} #intro1 .intro1-head .eng{margin-top:1em; font-size:1.6rem; color:#517ebb; letter-spacing:.01em; opacity:.3; font-family:'Poppins'; font-weight:600;} #intro1 .inner{display:flex; justify-content:space-between;} #intro1 .inner .img{width:34%; background:url('/images/sub/intro1-img_260825.webp') no-repeat left top / 100% auto;} #intro1 .inner .cont{width:62%;} #intro1 .inner .cont .img{display: none;} #intro1 .inner .cont .img img{width: 100%;} #intro1 .inner .cont ul{font-size:1.8rem; line-height:1.8em;} #intro1 .inner .cont ul li.t2{font-weight:600;} #intro1 .inner .cont ul li + li{margin-top:1.2em;} #intro1 .inner .cont ul dl{margin-top:3em; display:flex; color:#333; font-family:'OneStoreMobileGothicTitleFont'; align-items:end;} #intro1 .inner .cont ul dl dd{font-size:1.9rem; padding-right:1em;} #intro1 .inner .cont ul dl dt{font-size:1.5em;} @media all and (max-width:1600px){ #intro1 .inner .img{width:50%; background-position: top center;} } @media all and (max-width:1280px){ #intro1:before{height:200px;} #intro1 .intro1-head h3{font-size:3.8rem;} #intro1 .inner .cont{width:560px;} } @media all and (max-width:1024px){ #intro1:before{height:170px;} #intro1 .intro1-head{padding-bottom:3em;} #intro1 .inner{flex-wrap:wrap;} #intro1 .inner .img{width:100%;} #intro1 .inner .cont{width:100%; margin-top:2em;} #intro1 .inner .cont ul{line-height:1.6em;} #intro1 .inner .cont .img{display: block !important; margin: 5rem 0 3rem;} #intro1 .inner .cont ul dl{justify-content: center; margin-top: 3rem;} #intro1 .inner .cont ul li br{display:none;} } @media all and (max-width:480px){ #intro1:before{height:33vw;} #intro1 .intro1-head{padding-bottom:7vw;} #intro1 .intro1-head h3{font-size:3rem;} #intro1 .intro1-head .eng{font-size:1.3rem;} #intro1 .inner .cont ul{font-size:1.8rem;} #intro1 .inner .cont ul li + li{margin-top:1.5em;} } #intro2.ver2 {background:#f6f9fd} #intro2 .s-inner {display:flex; flex-wrap:wrap; } #intro2 .img {width:599px; position:sticky; top:130px; max-height:564px; } #intro2 .img img {width:100%; border-radius:20px;} #intro2 .cont {width:calc(100% - 599px); padding-left:8%} #intro2 .cont .tit span {font-size:1.6rem;background:#21418e; padding:0.7em 1.5em; color:#FFF; display:inline-block; border-radius:50px; margin-bottom:2em} #intro2 .cont h3 {font-size:5.0rem ; color:#333;} #intro2 .cont .txt {margin-top:1em; padding:1.5em 0; border-bottom:3px double #dfe5e9; border-top:3px double #dfe5e9; } #intro2 .cont .txt li {line-height:1.8em} #intro2 .cont h4 {font-size:2.8rem; color:#333; margin:3em 0 1em ; font-weight:800} #intro2 .cont .circleList {display:flex; flex-wrap:wrap; gap:10px} #intro2 .cont .circleList li {color:#2395d2; border-radius:5px; background:#f6f9fd; padding:0.5em 1em} #intro2 .cont .circleList.ver2 li {background:#FFF; border:1px solid #e9f0f3} @media all and (max-width:1400px){ #intro2 .img {width:45%;max-height:39vw; } #intro2 .cont {width:55%; padding-left:5% } } @media all and (max-width:1280px){ #intro2 .cont h3 {font-size:4.5rem;} } @media all and (max-width:1024px){ #intro2 .img { top:100px;} #intro2 .cont h3 {font-size:4.2rem;} #intro2 .cont .txt li {line-height:1.6em} #intro2 .cont h4 {font-size:2.6rem;margin:2em 0 1em;} #intro2 .cont .circleList { gap:5px} } @media all and (max-width:976px){ #intro2 .img {width:100%; position:unset; max-height:unset; } #intro2 .img img { border-radius:10px;} #intro2 .cont {width:100%; margin-top:2em; padding-left:0 } } #dotList li {position:relative} #dotList li + li {margin-top:1em} #dotList li:before {content:''; width:3px; height:3px; background:#21418e; position:absolute; left:0; top:0.5em; border-radius:10px} #dotList li p {padding-left:0.5em;} @media all and (max-width:480px){ #dotList li + li {margin-top:0.6em} } .root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont {display:none} #intro4 {position:relative} #intro4:before {content:''; width:100%; height:80%; background:#f6f9fd; position:absolute; left:0; bottom:0} #sMap {border-bottom:1px solid #DDD; position:relative} #sMap .root_daum_roughmap .wrap_map {height:600px} #sMap #mapLink { width:410px; display:flex; flex-wrap:wrap; gap:5px; justify-content:center; position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:3} #sMap #mapLink li a {display:inline-block; border-radius:5px; padding:1em 1.2em; background:#21418e;} #sMap #mapLink li a span {color:#FFF; font-weight:600; padding-left:2em; line-height:26px; display:inline-block} #sMap #mapLink li.bg1 a {min-width:194px} #sMap #mapLink li.bg1 a span {background:url('/images/sub/map-icon1.png') no-repeat left center / auto 100%} #sMap #mapLink li.bg2 a {min-width:210px} #sMap #mapLink li.bg2 a span {background:url('/images/sub/map-icon2.png') no-repeat left center / auto 100%} #sMap #mapLink li a:hover {background:#2395d2;} #intro4Cont {margin-top:5em; display:flex; justify-content:center; align-items:start;} #intro4Cont ul {padding:0 3%; display:flex; } #intro4Cont ul:nth-child(2) {border-left:1px solid #c7d7db; border-right:1px solid #c7d7db} #intro4Cont h3 {font-size:2.2rem; padding-bottom:1em; color:#333; font-weight:700} #intro4Cont dl {padding-left:1.5em;} #intro4Cont dl.add dt {font-size:3.0rem; padding-bottom:0.5em; color:#333; font-weight:800} #intro4Cont dl.add dd p + p {margin-top:0.3em;} #intro4Cont dl.add dd p span {width:26px; line-height:26px; border-radius:30px; display:inline-block; text-align:Center; font-size:1.6rem; color:#FFF} #intro4Cont dl.add dd p span.bg1 {background:#e9b41e} #intro4Cont dl.add dd p span.bg2 {background:#0fa13c} #intro4Cont .tel { font-family:'Roboto';} #intro4Cont .tel dt {font-size:3.2rem; font-weight:600} #intro4Cont .tel dd.fax {margin-top:0.5em;font-size:1.9rem; color:#333; } #intro4Cont .tel dd.fax span {font-size:1.4rem; font-weight:500; color: #FFF; border-radius: 5px; display:inline-block; background: #2395d2; padding: 0.3em 1em;} @media all and (max-width:1600px){ #intro4Cont ul { flex-wrap:wrap; align-items:start; } #intro4Cont h3 {width:100%} #intro4Cont dl {padding-left:0; width:100%} } @media all and (max-width:1024px){ #intro4Cont {margin-top:3em; flex-wrap:wrap;justify-content:space-between;} #intro4Cont ul {width:50%; padding-top:2em;} #intro4Cont ul:nth-child(1) {width:100%; border-bottom:1px solid #c7d7db;padding-top:0; padding-bottom:2em} #intro4Cont ul:nth-child(2) {border-left:0} #intro4Cont h3 {width:100%} #intro4Cont dl {padding-left:0; width:100%} } @media all and (max-width:768px){ #sMap .root_daum_roughmap .wrap_map {height:500px} #sMap #mapLink { width:360px; } #sMap #mapLink li.bg1 a {min-width:168px} #sMap #mapLink li.bg2 a {min-width:184px} } @media all and (max-width:530px){ #intro4Cont ul {width:100%;} #intro4Cont ul:nth-child(1) {width:100%; border-bottom:1px solid #c7d7db;padding-top:0; padding-bottom:2em} #intro4Cont ul:nth-child(2) {border-right:0; border-bottom:1px solid #c7d7db; padding-bottom:2em} #intro4Cont dl.add dt {font-size:2.8rem} } @media all and (max-width:480px){ #sMap .root_daum_roughmap .wrap_map {height:100vw} #sMap #mapLink { width:90%; bottom:20px; } #sMap #mapLink li a {width:49%} #sMap #mapLink li.bg1 a {min-width:100%} #sMap #mapLink li.bg2 a {min-width:100%} #sMap #mapLink li a {padding:0.8em 0.6em;} #sMap #mapLink li a span {font-size:1.6rem; padding-left:1.8em; line-height:5vw;} } #sTitle {margin-bottom:50px} #sTitle .eng {margin-bottom: 3em; font-size: 1.6rem; color: #517ebb; letter-spacing: 0.01em; opacity: .3; font-family: 'Poppins'; font-weight: 600; text-transform:uppercase } #sTitle h2 {font-size:5.0rem; color:#333; letter-spacing:-0.03em; line-height:1.4em;} #sTitle h3 {font-size:4.0rem; color:#333; letter-spacing:-0.03em;} #sTitle .t1 {margin-top:1em; line-height:2.0em;} #sTitle .st1 {font-size:1.6rem; margin-top:1em; line-height:1.6em; opacity:.7} @media all and (max-width:1280px){ #sTitle h2 {font-size:4.2rem; } } @media all and (max-width:1024px){ #sTitle h2 {font-size:3.8rem; } #sTitle h3 {font-size:3.4rem;} #sTitle .t1 {line-height:1.6em;} } @media all and (max-width:480px){ #sTitle {margin-bottom:5vw} #sTitle .eng {font-size: 1.4rem; } #sTitle h2 {font-size:3.4rem; } #sTitle h3 {font-size:3.2rem;} #sTitle .t1 {font-size:1.6rem; line-height:1.6em} #sTitle .st1 {font-size:1.4rem; margin-top:0.8em; line-height:1.4em} } #health1 {background:url('/images/sub/health1-bg.png') no-repeat center top; height:450px; displaY:flex; flex-direction: column;justify-content: flex-end; } #health1 .cont {margin-right:50px; margin-left: auto; background:#21418e; color:#FFF; border-top-left-radius:80px; padding:50px;} #health1 .cont h3 {font-size:4.2rem; font-weight:800} #health1 .cont .t1 {margin-top:1em; opacity:0.5; line-height:1.6em} #health1 .cont .tel {margin-top:3em; display:flex; gap:15px; align-items: start; } #health1 .cont .tel i {width:50px; line-height:50px; border-radius:5px; text-align:center; color:#FFF; font-size:1.8rem; background:rgba(0,0,0,0.2)} #health1 .cont dl {} #health1 .cont dl dd {font-size:2.0rem; line-height:1.0em} #health1 .cont dl dt {font-size:3.2rem; font-weight:600; color:#92f5ff; font-family:'Roboto'; line-height:1.4em} @media all and (max-width:1280px){ #health1 {background-size:cover} } @media all and (max-width:976px){ #health1 {padding-top:350px; height:auto; background-size:200% auto; } #health1 .cont {margin:0 auto; border-top-left-radius:50px;} } @media all and (max-width:768px){ #health1 {padding-top:40vw; } #health1 .cont {margin:0 auto; padding:30px} } @media all and (max-width:480px){ #health1 {padding-top:60vw; } #health1 .cont {padding:7vw; border-top-left-radius:5vw;} #health1 .cont h3 {font-size:3.4rem;} #health1 .cont .t1 {font-size:1.5rem; line-height:1.6em} #health1 .cont .t1 br {display:none} #health1 .cont .tel {margin-top:2em;} #health1 .cont dl dd {font-size:1.8rem;} #health1 .cont .tel i {width:10vw; line-height:10vw; } #health1 .cont dl dt {font-size:2.8rem; } } #health1-2 {display:flex; flex-wrap:wrap; } #health1-2 .titWrap {width:250px} #health1-2 .titWrap h3 {font-size:3.8rem; color:#333} #health1-2 .contWrap {width:calc(100% - 250px)} @media all and (max-width:1400px){ #health1-2 .titWrap {width:350px; padding-right:5%} #health1-2 .contWrap {width:calc(100% - 350px)} } @media all and (max-width:1280px){ #health1-2 .titWrap {width:300px;} #health1-2 .contWrap {width:calc(100% - 300px)} } @media all and (max-width:1024px){ #health1-2 .titWrap {width:250px;} #health1-2 .titWrap h3 {font-size:3.6rem; } #health1-2 .contWrap {width:calc(100% - 250px)} } @media all and (max-width:976px){ #health1-2 .titWrap {width:100%; margin-bottom:2em; text-align:center; padding-right:0} #health1-2 .titWrap h3 br {display:none} #health1-2 .contWrap {width:100%} } @media all and (max-width:480px){ #health1-2 .titWrap h3 {font-size:3.0rem; } } #ttList {display:flex; flex-wrap:wrap; gap:10px; } #ttList li {width:calc((100% - 10px *1)/2); display:flex; flex-wrap:wrap; border:1px solid #e7edf3; border-radius:100px; background:#fafcff; } #ttList li p {padding:1.2em 1em} #ttList li .hh {font-size:1.9rem; width:180px; background:#2395d2; border-radius:100px; color:#FFF; text-align:center; font-weight:600; display:flex; flex-direction: column; justify-content:center; align-items: center} #ttList li .txt {width:calc(100% - 180px); } #ttList.w100 li {width:100%} #ttList.ver2 li .hh { background:#21418e; } @media all and (max-width:1400px){ #ttList li {width:100%} #ttList li p {padding:1em} } @media all and (max-width:680px){ #ttList li {border-radius:5px; margin-top:30px;} #ttList li .hh { border-radius:50px; margin:0 auto; padding:0.8em 1em; margin-top:-28px} #ttList li .txt {width:100%; text-align:center} } @media all and (max-width:480px){ #ttList li { margin-top:6.5vw;} #ttList li .hh { margin-top:-6vw} } #checkList.w50 {display:flex; flex-wrap:wrap; gap:10px} #checkList.w50 li {width:calc((100% - 10px *1)/2)} #checkList.w100 li + li {margin-top:10px} #checkList li {padding:1.2em 1.5em; position:relative; border:1px solid #e7edf3; background:#fafcff; border-radius:100px } #checkList li:before {content:''; width:20px; height:20px; background:url('/images/sub/check-icon.png') no-repeat left center; transform:translateY(-50%); position:absolute; left:1.5em; top:50%} #checkList li p { padding-left:28px; font-weight:500; font-size: 1.8rem;} #checkList li p span {font-size:1.8rem; width:120px; color:#333; font-weight:600; display:inline-block } #checkList.ver2 li:before { background-image:url('/images/sub/check-icon2.png');} #checkList.bg2 li {background:#FFF } @media all and (max-width:1400px){ #checkList.w50 li {width:100%} #checkList li {padding:1.0em 1.5em} } @media all and (max-width:768px){ #checkList li { border-radius:10px } #checkList li p {font-size: 1.6rem;} #checkList li p span {width:100px; } } @media all and (max-width:480px){ #checkList li p span {width:auto; padding-right:0.5em; } #checkList li {padding:1.0em; } #checkList li:before {left:1.0em; width:3.8vw; height:3.8vw;background-size:cover; top: 6vw;} #checkList li p { padding-left:5.0vw;} } .tb-style{width: 100%; ;text-align: center; } .tb-style thead tr th{padding: 1em 0.3em; background-color: #21418e; border-right: 1px solid #50799d; font-size: 1.9rem; font-weight: 600; color: #FFF ; } .tb-style thead tr th:last-child{border-right: 0;} .tb-style tbody tr th{padding: 1em 0.3em; background-color: #fafcff; color: #333; font-weight:600; border-bottom: 1px solid #cedee7; border-right: 1px solid #cedee7;} .tb-style tbody tr td{padding: 1em 0.3em; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;} .tb-style tbody tr td.left {padding:1em; text-align:left} .tb-style tbody tr td:last-child{border-right: 0;} .tb-style tbody tr td.td-l {border-right: 1px solid #dedede;} .tb-style tbody tr td.point span {font-size:2.0rem; font-weight:700; color:#c31414; position:relative; display:inline-block } .tb-style tbody tr td.point span:before {content:''; width:104%; height:40%; background:#ffff80; position:absolute; left:-2%; bottom:0; z-index:-1} .tb-style tbody tr td span {padding:5px; display:inline-block} .scroll1 table{min-width: 692px;} .scroll-t2 {display:none; padding-top:1em; font-size:1.6rem; opacity:.7} @media all and (max-width:786px){ .scroll1{overflow-x: scroll;} .scroll-t2 {display:block; } } @media all and (max-width:480px){ .tb-style{font-size: 1.7rem; } .tb-style thead tr th{ font-size: 1.8rem;} } .tb-style2{width: 100%; ;text-align: center; border-top:2px solid #21418e } .tb-style2 thead tr th{padding: 1em 0.3em; background-color: #edf4ff; border-right: 1px solid #d6ddff; font-size: 1.9rem; color: #21418e; border-bottom:1px solid #d6ddff; font-weight:700 } .tb-style2 thead tr th:last-child{border-right: 0;} .tb-style2 tbody tr th{padding: 1em 0.3em; background-color: #fafcff; color: #333; font-weight:600; border-bottom: 1px solid #cedee7; border-right: 1px solid #cedee7;} .tb-style2 tbody tr td{padding: 1em 0.3em; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;} .tb-style2 tbody tr td.left {padding:1em; text-align:left} .tb-style2 tbody tr td:last-child{border-right: 0;} .tb-style2 tbody tr td.td-l {border-right: 1px solid #e9e9e9;} .tb-style2 tbody tr td.point span {font-size:2.0rem; font-weight:700; color:#c31414; position:relative; display:inline-block } .tb-style2 tbody tr td.point span:before {content:''; width:104%; height:40%; background:#ffff80; position:absolute; left:-2%; bottom:0; z-index:-1} .tb-style2 tbody tr td span {padding:5px; display:inline-block} @media all and (max-width:480px){ .tb-style2{font-size: 1.7rem; } .tb-style2 thead tr th{ font-size: 1.8rem;} } #health2 {margin-bottom:60px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: end } #health2-tel {font-size:2.6rem; color:#333; font-weight:800;} #health2-tel i { font-size:2.0rem; color:#21418e } #health2-tel span {padding:0 0.3em; display:inline-block;} @media all and (max-width:976px){ #health2-tel {width:100%; margin-top:1em; } } @media all and (max-width:480px){ #health2 {margin-bottom:8vw; } } #health2-2 {display:flex; gap: 20px;} #health2-2 ul {padding:3em 1em ; width:calc((100% - 20px *3)/4); background:#f6f9fd; border-radius:10px; text-align:center } #health2-2 ul li.icon {width:60px; margin:0 auto 1em; opacity:.5 } #health2-2 ul li.icon img {width:100%} #health2-2 ul h3 span {padding:0.5em 1.5em; background:#21418e; border-radius:100px; color:#FFf; display:inline-block} #health2-2 ul dl dt {margin:0.8em 0 0.2em; font-size:2.6rem; color:#333; font-weight:800} #health2-2 ul dl dd {font-size:1.6rem} #health2-2 ul.bg2 { background:#fbf9f9;} #health2-2 ul.bg2 h3 span { background:#9b1724;} #health2-2 ul.bg2 dl dd {font-size:1.6rem} @media all and (max-width:976px){ #health2-2 {flex-wrap:wrap} #health2-2 ul {width:calc((100% - 20px *1)/2);} } @media all and (max-width:480px){ #health2-2 {gap:10px} #health2-2 ul {padding:7vw 2vw; width:calc((100% - 10px *1)/2);} #health2-2 ul li.icon {width:10vw;} #health2-2 ul h3{font-size:1.6rem} #health2-2 ul dl dt { font-size:2.0rem; } } #health2-3 .s-inner {display:flex; flex-wrap:wrap; gap:20px} #health2-3 .s-inner > div {width:calc((100% - 20px *3)/4); } #health2-3 ul {color:#FFF; padding:40px 30px; } #health2-3 ul .icon {display:none} #health2-3 ul h3 {font-size:3.2rem; font-weight:700} #health2-3 ul .t1 {margin-top:1em; line-height:1.4em; opacity:.9} #health2-3 .in-box { displaY:flex; flex-direction: column;justify-content: flex-end; border-radius:10px} #health2-3 .last ul {height:220px; border-radius:10px; padding:30px; displaY:flex; flex-direction: column;justify-content: flex-end; } #health2-3 .last ul + ul {margin-top:20px} #health2-3 .in-box.bg1 {background:url('/images/sub/health2-3-bg1.png') no-repeat center top / cover} #health2-3 .in-box.bg2 {background:url('/images/sub/health2-3-bg2.png') no-repeat center top / cover} #health2-3 .in-box.bg3 {background:url('/images/sub/health2-3-bg3.png') no-repeat center top / cover} #health2-3 .last .bg4 {background:url('/images/sub/health2-3-bg4.png') no-repeat center top / cover} #health2-3 .last .bg5 {background:url('/images/sub/health2-3-bg5.png') no-repeat center top / cover} @media all and (max-width:1600px){ #health2-3 .s-inner {gap:20px} #health2-3 .s-inner > div {width:calc((100% - 20px *3)/4); } #health2-3 .last ul + ul {margin-top:20px} } @media all and (max-width:1280px){ #health2-3 .s-inner > div.in-box {width:calc((100% - 20px *2)/3); height:400px;} #health2-3 .s-inner > div.last {width:100%; display:flex; gap:20px; flex-wrap:wrap } #health2-3 .last ul {width:calc((100% - 20px *1)/2); } #health2-3 .last ul + ul {margin-top:0} } @media all and (max-width:976px){ #health2-3 .s-inner > div.in-box {width:100%; height:400px;} } @media all and (max-width:768px){ #health2-3 .last ul {width:100% } } @media all and (max-width:480px){ #health2-3 .s-inner {gap:10px 0} #health2-3 .s-inner > div ul {padding:5vw} #health2-3 .s-inner > div.in-box {height:80vw;} #health2-3 .s-inner > div.last { gap:10px 0; } #health2-3 .s-inner > div.last ul { height:40vw} #health2-3 ul h3 {font-size:2.6rem; } } #health2-4 {background:#f6fafd} #health2-4 #contWrap {display:flex; flex-wrap:wrap; justify-content:space-between; } #health2-4 .img{width:40%; background:url('/images/sub/health2-4-bg.png')no-repeat center top / 100% auto; border-radius:10px} #health2-4 .cont {width:60%; padding-right:50px} #health2-4 ul + ul {margin-top:10px} #health2-4 ul { display:flex; flex-wrap:wrap; border:1px solid #e7edf3; border-radius:100px; background:#FFF; counter-increment: number; } #health2-4 ul h3, #health2-4 ul .t1 {padding:1em} #health2-4 ul h3 {font-size:1.9rem; width:200px; background:#21418e; border-radius:100px; color:#FFF; ; font-weight:600; display:flex; flex-direction: column; justify-content:center; position:relative; padding-left:3.5em; } #health2-4 ul h3:before {content: counter(number, decimal-leading-zero); font-size:1.6rem; font-family:'Oswald'; font-weight:500; position:absolute; left:2.3em; top:50%; transform:translateY(-50%); color:#74bfe7} #health2-4 ul .t1 {width:calc(100% - 200px); padding-left:2em} @media all and (max-width:1600px){ #health2-4 .img {width:calc(100% - 800px); background-size:cover} #health2-4 .cont {width:800px; padding-right:30px} #health2-4 ul h3 {width:165px; padding-left:2.5em; } #health2-4 ul h3:before { left:1.5em; } #health2-4 ul .t1 { width:calc(100% - 165px); padding-left:1em} } @media all and (max-width:1280px){ #health2-4 .img {width:calc(100% - 760px)} #health2-4 .cont {width:760px; padding-right:30px} } @media all and (max-width:1024px){ #health2-4 .img {width:100%; height:52vw; order:1} #health2-4 .cont {width:100%; padding-right:0; margin-top:2em; order:2} } @media all and (max-width:768px){ #health2-4 ul h3 {width:145px;} #health2-4 ul .t1 { width:calc(100% - 145px);} } @media all and (max-width:680px){ #health2-4 ul {border-radius:5px;;} #health2-4 ul + ul {margin-top:35px} #health2-4 ul h3 { width:150px; border-radius:50px; margin:0 auto; padding:0.8em 1em; padding-left:2.5em; margin-top:-24px} #health2-4 ul .t1 {width:100%; text-align:center} } @media all and (max-width:480px){ #health2-4 ul { margin-top:7vw;} #health2-4 ul h3 {width:auto; margin-top:-6vw; padding:0.5em 1em; padding-left:2.0em;; margin-top:-4.5vw } #health2-4 ul h3:before {left:1em} #health2-4 .cont { margin-top:1em;} } #numList li + li {margin-top:10px} #numList li {position:relative; padding:1em; counter-increment: number; border: 1px solid #e7edf3; border-radius: 100px; background: #fafcff;} #numList li:before {content: counter(number, decimal-leading); font-size:1.6rem; font-family:'Oswald'; font-weight:500; position:absolute; left:1em; top:50%; transform:translateY(-50%); color:#FFF; background:#21418e; width:30px; line-height:30px; border-radius:50px; text-align:center} #numList li p {padding-left:40px} #health3-1 .cont {display:flex; gap:50px} #health3-1 .cont ul {width:calc((100% - 50px *1)/2)} #health3-1 .cont .img {background:url('/images/sub/health3-1-bg.png') no-repeat center center / cover; border-radius:10px} @media all and (max-width:1280px){ #health3-1 .cont #numList {width:calc(60% - 50px)} #health3-1 .cont .img {width:40%} } @media all and (max-width:1024px){ #health3-1 .cont {flex-wrap:wrap; gap:20px 0} #health3-1 .cont #numList {width:100%; order:2} #health3-1 .cont .img {width:100%;order:1; height:50vw} #numList li {border-radius: 10px} #numList li:before {width:22px; line-height:22px; } #numList li p {padding-left:30px} } @media all and (max-width:480px){ #health3-1 .cont { gap:10px 0} #health3-1 .cont #numList {width:100%; order:2} #numList li:before {width:5vw; line-height:5vw; font-size:1.4rem} #numList li p {padding-left:7vw} } #health3-2 .cont ul {display:flex; flex-wrap:wrap; gap:20px} #health3-2 .cont ul li {width:calc((100% - 20px *3)/4); border-radius:10px; background:#f6f9fd; padding:40px} #health3-2 .cont ul li .num {margin-bottom:0.5em; font-size:1.5rem; font-weight:600; font-family:'Roboto'} #health3-2 .cont ul li h3 {margin-bottom:1.5em; font-size:2.6rem; color:#333} #health3-2 .cont ul li .t1 {margin-top:1em; padding-top:1em; border-top:1px dashed #c4d6dd; line-height:1.6em} #health3-2 .cont.ver2 ul li {background:#f7fbfd} @media all and (max-width:1600px){ #health3-2 .cont ul { gap:10px} #health3-2 .cont ul li {width:calc((100% - 10px *3)/4); padding:30px} } @media all and (max-width:1024px){ #health3-2 .cont ul { gap:10px} #health3-2 .cont ul li {width:calc((100% - 10px *1)/2);} } @media all and (max-width:768px){ #health3-2 .cont ul { gap:10px 0} #health3-2 .cont ul li {width:100%; padding:30px 20px} #health3-2 .cont ul li h3 {margin-bottom:1.0em;} } @media all and (max-width:480px){ #health3-2 .cont ul li h3 {font-size:2.2rem;} } #health3-2_new .cont{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;} #health3-2_new .step-item{display:flex; flex-direction:column;} #health3-2_new .step-head{min-height:140px; padding:20px; border-radius:10px; background:linear-gradient(90deg,#21418e 0%,#2395d2 100%); text-align:center; display:flex; flex-direction:column; justify-content:center;} #health3-2_new .step-head .num{width:fit-content; margin:0 auto .7em; padding:.3rem 1.5rem; border-radius:100px; background:#fff; color:#21418e; font-size:1.4rem; font-weight:700; font-family:'montserrat';} #health3-2_new .step-head h3{margin:0; font-size:2.3rem; line-height:1.4em; color:#fff;} #health3-2_new .step-desc{flex:1; min-height:150px; margin-top:45px; padding:30px 25px; position:relative; border:1px solid #c4d6dd; border-radius:10px; background:#f6f9fd; display:flex; flex-direction:column; justify-content:center; text-align:center;} #health3-2_new .step-desc:before{content:''; width:1px; height:45px; position:absolute; left:50%; top:-45px; background:#c4d6dd;} #health3-2_new .step-desc p{font-size:1.7rem; line-height:1.5em;} @media all and (max-width:1600px){ #health3-2_new .cont{gap:10px;} } @media all and (max-width:1024px){ #health3-2_new .cont{grid-template-columns:repeat(2,1fr); gap:20px 10px;} #health3-2_new .step-head{min-height:120px; padding:2rem 1rem;} #health3-2_new .step-head h3{font-size:2rem;} #health3-2_new .step-desc{min-height:130px; margin-top:30px; padding:2rem;} #health3-2_new .step-desc:before{height:30px; top:-30px;} } @media all and (max-width:580px){ #health3-2_new .cont{grid-template-columns:1fr; gap:20px;} #health3-2_new .step-head{min-height:auto; padding:25px 20px;} #health3-2_new .step-desc{min-height:auto; margin-top:25px; padding:25px 20px;} #health3-2_new .step-desc:before{height:25px; top:-25px;} } @media all and (max-width:480px){ #health3-2_new .step-head .num{font-size:1.3rem;} #health3-2_new .step-head h3{font-size:1.9rem;} #health3-2_new .step-desc p{font-size:1.5rem;} } #health3-3 .cont {border-top:2px solid #21418e } #health3-3 dl {padding:1.5em 0; border-bottom:1px solid #d1dbe1; display:flex; } #health3-3 dl dt {width:260px; font-size:2.2rem; color:#333; font-weight:700} #health3-3 dl dd {font-size:1.8rem; width:calc(100% - 260px) } @media all and (max-width:768px){ #health3-3 dl {flex-wrap:wrap; } #health3-3 dl dt {width:100%; padding-bottom:0.5em} #health3-3 dl dd {width:100%; line-height:1.6em } } #health3-3_new .prepare-list{display:flex; gap:20px;} #health3-3_new .prepare-list > li{width:calc((100% - 60px)/4); min-height:320px; padding:3em 2em; border:1px solid #dce6ec; border-radius:12px; background:#f6f9fd; text-align:center;} #health3-3_new .prepare-list .icon{width:80px; height:80px; margin:0 auto 1em; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; font-size: 3.5rem;} #health3-3_new .prepare-list h4{margin-bottom:1em; font-size:2.2rem; line-height:1.4em; color:#333; font-weight:700;} #health3-3_new .prepare-list p{font-size:1.7rem; line-height:1.7em; color:#555;} @media all and (max-width:1200px){ #health3-3_new .prepare-list{flex-wrap:wrap;} #health3-3_new .prepare-list > li{width:calc((100% - 20px)/2);} } @media all and (max-width:768px){ #health3-3_new .prepare-list{gap:15px;} #health3-3_new .prepare-list > li{min-height:auto; padding:2.5em 2em;} } @media all and (max-width:580px){ #health3-3_new .prepare-list > li{width:100%;} } @media all and (max-width:480px){ #health3-3_new .prepare-list > li{padding:7vw 5vw;} #health3-3_new .prepare-list .icon{width:18vw; height:18vw; margin-bottom:5vw; font-size: 7vw;} #health3-3_new .prepare-list h4{font-size:2rem;} #health3-3_new .prepare-list p{font-size:1.5rem; line-height:1.6em;} } #health4-1 .cont {display:flex; gap:50px} #health4-1 .cont ul {width:calc((100% - 50px *1)/2)} #health4-1 .cont .img {background:url('/images/sub/health4-1-bg.png') no-repeat center center / cover; border-radius:10px} @media all and (max-width:1280px){ #health4-1 .cont #numList {width:calc(60% - 50px)} #health4-1 .cont .img {width:40%} } @media all and (max-width:1024px){ #health4-1 .cont {flex-wrap:wrap; gap:20px 0} #health4-1 .cont #numList {width:100%; order:2} #health4-1 .cont .img {width:100%;order:1; height:50vw} } @media all and (max-width:480px){ #health4-1 .cont { gap:10px 0} #health4-1 .cont #numList {width:100%; order:2} } #health4-3 .cont {border-top:2px solid #21418e } #health4-3 dl {padding:1.5em 0; border-bottom:1px solid #d1dbe1; display:flex; } #health4-3 dl dt {width:320px; font-size:2.2rem; color:#333; font-weight:700} #health4-3 dl dd {font-size:1.8rem; width:calc(100% - 320px) } @media all and (max-width:768px){ #health4-3 dl {flex-wrap:wrap; } #health4-3 dl dt {width:100%; padding-bottom:0.5em} #health4-3 dl dd {width:100%; line-height:1.6em } } #tabWrap {text-align:center; margin-bottom:3em} #tabWrap ul {padding:10px; display: inline-flex; justify-content:center; align-items: center; text-align: center; border-radius:50px; background:#fafcff; overflow:hidden; border:1px solid #e7edf3 } #tabWrap ul li { border-radius:50px; } #tabWrap ul li a {display:block; padding:0.8em 2em; font-size:1.9rem; color:#21418e; font-weight: 700; } #tabWrap ul li.active { background: #21418e; } #tabWrap ul li.active a { color:#fff; } @media all and (max-width:768px) { #tabWrap ul li a {padding:0.5em 1em;} } @media all and (max-width:480px) { #tabWrap ul {padding:2vw; } #tabWrap ul li a {font-size:1.7rem; } } #care1-1 {display:flex; justify-content:space-between; } #care1-1 #sTitle {width:720px} #care1-1 #sTitle .t2 {font-size:2.2rem; margin:2em 0 0.5em } #care1-1 .img {width:calc(100% - 720px - 10%); background:url('/images/sub/care1-bg.png') no-repeat center top / cover; border-radius:10px; overflow:hidden} @media all and (max-width:1600px) { #care1-1 .img {width:calc(100% - 720px - 5%); } } @media all and (max-width:1280px) { #care1-1 #sTitle {width:600px} #care1-1 #sTitle .t1 {line-height:1.6em} #care1-1 #sTitle .t1 br {display:none} #care1-1 .img {width:calc(100% - 600px - 5%); } } @media all and (max-width:1024px) { #care1-1 {flex-wrap:wrap} #care1-1 #sTitle {width:100%; padding-bottom:3em} #care1-1 #sTitle .t1 {line-height:1.6em} #care1-1 .img {width:100%; height:50vw } } @media all and (max-width:560px) { #care1-1 #sTitle h2 br {display:none} } #care1-2 {background:#f6f9fd} #care1-2 .cont {display:flex; flex-wrap:wrap; gap:60px 30px} #care1-2 .cont ul {width:calc((100% - 30px *2)/3); } #care1-2 .cont ul .img {border-radius:10px; overflow:hidden} #care1-2 .cont ul .img img {width:100%} #care1-2 .cont ul .num {margin:2em 0 0.5em; font-size:1.5rem; font-weight:600; font-family:'Roboto'} #care1-2 .cont ul h3 { font-size:2.6rem; color:#333} #care1-2 .cont ul .t1 {margin-top:2em; border-top:1px dashed #bfc5d5; padding-top:1em; line-height:1.6em} @media all and (max-width:1024px) { #care1-2 .cont {gap:50px 20px;justify-content:center} #care1-2 .cont ul {width:calc((100% - 20px *1)/2); } } @media all and (max-width:768px) { #care1-2 .cont {gap:10px 0} #care1-2 .cont ul {width:100%; padding-bottom:40px} } @media all and (max-width:480px) { #care1-2 .cont ul h3 { font-size:2.2rem; } #care1-2 .cont ul {padding-bottom:8vw} } #care1-3 .cont {display:flex; justify-content:space-between;} #care1-3 .cont .img {width:50%; background:url('/images/sub/care1-3-bg.png') no-repeat center top / cover; border-radius:10px; overflow:hidden} #care1-3 .cont #checkList {width:45%} #care1-3 .cont #checkList li {background:#F2F6FA; border:0} #care1-3 .cont #checkList li p {color:#333} @media all and (max-width:976px) { #care1-3 .cont {flex-wrap:wrap} #care1-3 .cont .img {width:100%; height:50vw} #care1-3 .cont #checkList {width:100%; margin-top:1em} } .faq-container {width:90%; max-width:1024px; margin:0 auto; border-top:2px solid #21418e} .faq-item {border-bottom:1px solid #d1dbe1; } .faq-question {width:100%; padding:23px 70px 23px 23px;border:0; position:relative; text-align:left; font-size:1.8rem; font-weight:500; color:#333; cursor:pointer; transition:all .3s ease; word-break:keep-all;} .faq-question .qqq {padding-right:0.3em; color:#21418e; font-weight:600; font-family:'Poppins'} .faq-question:after {content:'+'; position:absolute; right:23px; top:50%; transform:translateY(-50%); font-size:3rem; font-weight:300; color:#999; transition:all .3s ease;} .faq-item.active {background:#21418e; border-radius:0; overflow:hidden} .faq-item.active .faq-question {color:#FFF; } .faq-item.active .faq-question .qqq {color:#FFF; } .faq-item.active .faq-question:after {content:'−'; transform:translateY(-50%) rotate(180deg); color:#FFF} .faq-answer {display:none; padding:0 30px 35px; background:#21418e ;} .faq-answer p {font-size:1.7rem; line-height:1.8; color:#ccdcef; word-break:keep-all;} @media all and (max-width:976px){ .faq-question {padding:25px 60px 25px 20px; font-size:1.7rem;} .faq-question:after {right:20px; font-size:2.6rem;} .faq-answer {padding:0 20px 25px;} .faq-answer p {font-size:1.5rem; line-height:1.7;} } #clinicTop {display:flex; height:530px} #clinicTop .bg {width:calc(100% - 576px); background-position: center top; background-repeat:no-repeat} #clinicTop .cont {width:576px; background:linear-gradient(135deg, #2395d2 0%, #21418e 80%); display:flex; flex-direction: column; justify-content:center; align-items: center; text-align:center} #clinicTop .cont ul .icon {width:140px; height:140px; border-radius:50%; background:#162e68; margin:0 auto} #clinicTop .cont ul .icon img {width:100%} #clinicTop .cont ul h3 {font-size:5.0rem; margin:0.8em 0 0.3em; color:#FFF; font-family: 'OneStoreMobileGothicTitleFont'; font-weight:normal} #clinicTop .cont ul .t1 {color:#7ad0fe; line-height:1.6em} #clinicTop .bg.clinic1 {background-image:url('/images/sub/clinictop-clinic1.jpg') } #clinicTop .bg.clinic2 {background-image:url('/images/sub/clinictop-clinic2.jpg') } #clinicTop .bg.clinic3 {background-image:url('/images/sub/clinictop-clinic3.jpg'); background-position:right top } #clinicTop .bg.clinic4 {background-image:url('/images/sub/clinictop-clinic4.webp') } #clinicTop .bg.clinic5 {background-image:url('/images/sub/clinictop-clinic5.jpg') } #clinicTop .bg.clinic6 {background-image:url('/images/sub/clinictop-clinic6.webp') } #clinicTop .bg.clinic7 {background-image:url('/images/sub/clinictop-clinic7.webp') } #clinicTop .bg.care1 {background-image:url('/images/sub/clinictop-care1.jpg') } @media all and (max-width:1600px) { #clinicTop {height:480px} #clinicTop .bg {width:calc(100% - 435px); background-size:cover} #clinicTop .cont {width:435px;} #clinicTop .cont ul .icon {width:120px; height:120px;} #clinicTop .cont ul h3 {font-size:4.5rem; } } @media all and (max-width:1400px) { #clinicTop {height:420px} #clinicTop .bg {width:calc(100% - 435px);} #clinicTop .cont {width:435px;} #clinicTop .cont ul .icon {width:120px; height:120px;} #clinicTop .cont ul h3 {font-size:4.5rem; } } @media all and (max-width:1024px) { #clinicTop {height:400px} #clinicTop .bg {width:calc(100% - 380px);} #clinicTop .cont {width:380px;} #clinicTop .cont ul .icon {width:100px; height:100px;} #clinicTop .cont ul h3 {font-size:4.0rem; } } @media all and (max-width:976px) { #clinicTop {height:auto; flex-wrap:wrap} #clinicTop .bg {width:100%; height:50vw} #clinicTop .cont {width:100%; padding:5vw 1em} #clinicTop .cont ul .icon {width:80px; height:80px;} } @media all and (max-width:480px) { #clinicTop .cont { padding:8vw 1em } #clinicTop .cont ul h3 {font-size:3.6rem; } #clinicTop .cont ul .icon {width:18vw; height:18vw;} #clinicTop .cont ul .t1 {font-size:1.4rem} } .bg {background:#f6f9fd} #clinic1-1 .cont {text-align:center} #clinic1-1 .cont .t2 {font-size:2.6rem; font-weight:700; margin-bottom:1em; } #clinic1-1 .cont .t1 {font-size:1.9rem; line-height:2.0em} #clinic1-1 .img {margin-top:5%; display:flex;flex-wrap:wrap; justify-content:space-between; gap:0 30px } #clinic1-1 .img li {width:calc((100% - 30px *2)/3)} #clinic1-1 .img.w2 li{width:calc((100% - 30px *1)/2)} #clinic1-1 .img li img {width:100%; border-radius:10px; overflow:hidden} #clinic1-1 .img li dl .num {margin:2em 0 0.5em; font-size:1.5rem; font-weight:600; font-family:'Roboto'} #clinic1-1 .img li dl dt { font-size:2.6rem; color:#333; font-weight:700} #clinic1-1 .img li dl dd {margin-top:1em; border-top:1px dashed #bfc5d5; padding-top:1em; line-height:1.6em} @media all and (max-width:976px) { #clinic1-1 .cont .t1 br {display:none} #clinic1-1 .img {margin-top:3em; justify-content:center; gap:50px 20px } #clinic1-1 .img li {width:calc((100% - 20px *1)/2)} #clinic1-1 .img.w2 li{width:calc((100% - 20px *1)/2)} } @media all and (max-width:580px) { #clinic1-1 .img {justify-content:center; gap:50px 0; padding:0 5% } #clinic1-1 .img li {width:100%} #clinic1-1 .img.w2 li{width:100%} } @media all and (max-width:480px) { #clinic1-1 .img li dl dt { font-size:2.2rem; } #clinic1-1 .cont .t2 {font-size:2.2rem;} #clinic1-1 .cont .t1 {font-size:1.8rem; line-height:1.6em} } #clinic1-2 {background:#f6f9fd} #clinic1-2 .s-inner {display:flex; } #clinic1-2 .cont {width:740px; margin-right:8%} #clinic1-2 .cont #sTitle {margin-bottom:50px} #clinic1-2 .img {width:calc(100% - 740px - 8%); background:url('/images/sub/clinic1-2-bg.jpg') no-repeat center top / cover; border-radius:10px} @media all and (max-width:1280px) { #clinic1-2 .cont {width:550px; margin-right:5%} #clinic1-2 .img {width:calc(100% - 550px - 5%);} } @media all and (max-width:1024px) { #clinic1-2 .s-inner {flex-wrap:wrap} #clinic1-2 .cont {width:100%; margin-right:0} #clinic1-2 .cont #sTitle {margin-bottom:1em} #clinic1-2 .cont #checkList.w50 li {width:48%} #clinic1-2 .img {width:100%; height:50vw; margin-top:3em} } @media all and (max-width:820px) { #clinic1-2 .cont #checkList.w50 li {width:100%} } #clinic1-3 .tb-style tbody td img {width:70%} #clinic1-3 .tb-style tbody tr th {padding:0.5em 0.3em} #clinic1-3 .tb-style tbody tr td {padding:1em 0} @media all and (max-width:480px){ #clinic1-3 .tb-style{font-size: 1.5rem; } #clinic1-3 .tb-style thead tr th{ font-size: 1.6rem;} } #clinic2-1.bg {background:#f6f9fd} #clinic2-1 .in-box {padding:20px; background:#FFF; border-radius:10px; display:flex; align-items: center; border:1px solid #e7edf3 } #clinic2-1 .in-box + .in-box {margin-top:10px} #clinic2-1 .in-box .img {width:500px} #clinic2-1 .in-box .img img {width:100%; border-radius:10px;overflow:hidden} #clinic2-1 .in-box .txt {width:calc(100% - 500px); padding:0 3% 0 5%} #clinic2-1 .in-box .txt h3 {font-size:3.0rem; color:#333; font-weight:700} #clinic2-1 .in-box .txt li.t1 {margin:1em 0 2em; line-height:1.6em; } #clinic2-1 .in-box .txt dl dt {display:none; width:110px; font-size:2.6rem; color:#333; font-weight:700} #clinic2-1 .in-box .txt dl dd {display:flex; flex-wrap:wrap; gap:8px} #clinic2-1 .in-box .txt dl dd p {font-size:1.6rem;padding:0.5em 0.8em; border-radius:8px; background:#f1faff; color:#2395d2 } #clinic2-1 .in-box:nth-child(even) .img {order:2} #clinic2-1 .in-box:nth-child(even) .txt {order:1; padding:0 5% 0 3%} #clinic2-1 .in-box.bg2 {background:#f6f9fd} #clinic2-1 .in-box.bg2 .txt dl dd p {background:#e7f5ff} @media all and (max-width:1400px){ #clinic2-1 .in-box .img {width:420px} #clinic2-1 .in-box .txt {width:calc(100% - 420px)} } @media all and (max-width:1280px){ #clinic2-1 .in-box { padding:30px; align-items: start;} #clinic2-1 .in-box .img {width:300px} #clinic2-1 .in-box .txt {width:calc(100% - 300px)} #clinic2-1 .in-box:nth-child(even) .txt {order:1; padding:0 5% 0 0} } @media all and (max-width:976px){ #clinic2-1 .in-box { padding:20px; flex-wrap:wrap} #clinic2-1 .in-box .img {width:100%; margin-bottom:2em} #clinic2-1 .in-box .txt {width:100%; padding:0} #clinic2-1 .in-box .txt li.t1 {margin:1em 0 } #clinic2-1 .in-box:nth-child(even) .img {order:1} #clinic2-1 .in-box:nth-child(even) .txt {order:2; padding:0} } @media all and (max-width:480px){ #clinic2-1 .in-box .txt h3 {font-size:2.6rem; } } .clinic3-1 {position:relative} .clinic3-1:before {content:''; width:100%; height:40%; background:#f6f9fd; position:absolute; left:0; bottom:0} @media all and (max-width:976px){ .clinic3-1:before {height:60%;} } @media all and (max-width:580px){ .clinic3-1:before {height:70%;} #clinic1-1.clinic3-1 .img {padding:0} } #clinic3-2 .s-inner {display:flex;} #clinic3-2 .s-inner #sTitle {width:500px} #clinic3-2 .s-inner #sTitle .t1 {width:90%} #clinic3-2 .s-inner .cont {width:calc(100% - 500px); padding-left:10%; } #clinic3-2 #List {margin-top:2em; display:flex; flex-wrap:wrap; gap:10px} #clinic3-2 #List li {padding:0.7em 1.3em; border-radius:50px; background:#f1faff; color:#2395d2; } #clinic3-2 .tb-style tbody tr td span {padding:5px 0} @media all and (max-width:1400px){ #clinic3-2 .s-inner .cont {padding-left:5%; } } @media all and (max-width:1280px){ #clinic3-2 .s-inner #sTitle {width:480px} #clinic3-2 .s-inner .cont {width:calc(100% - 480px);} } @media all and (max-width:1180px){ #clinic3-2 .s-inner {flex-wrap:wrap;} #clinic3-2 .s-inner #sTitle {width:100%; margin-bottom:2em; text-align:center} #clinic3-2 .s-inner #sTitle .t1 {width:100%; max-width:724px;; margin:0 auto; padding-top:1em} #clinic3-2 .s-inner .cont {width:100%; padding-left:0} #clinic3-2 #List {justify-content:center;} } @media all and (max-width:480px){ #clinic3-2 #List {gap:5px; margin-top:1em} #clinic3-2 #List li {padding:0.5em 1em} #clinic3-2 .tb-style tbody tr td span {display:block; padding:0; padding-top:2vw } } #memWrap {border:10px solid #ebf6fd; padding:30px; font-size:1.8rem; line-height:1.6em; } #memWrap h3 { font-size:2.4rem; color:#111; margin:2em 0 0.5em;} #memWrap .box {background:#f9f9f9; padding:20px;font-size:2.0rem; line-height:1.8em; } @media all and (max-width:480px){ #memWrap {border:5px solid #ebf6fd; padding:5vw; font-size:1.6rem; line-height:1.4em; } #memWrap h3 { font-size:2.0rem; margin:5vw 0 2vw;} #memWrap .box { padding:10px;font-size:1.8rem; line-height:1.6em; } } .intro03{} .intro03 .tab{margin: 30px 0 40px; display: flex; width: 100%;} .intro03 .tab li{width: 100%; text-align: center; border: 1px solid #dedede; line-height: 56px; font-size: 17px; cursor: pointer; color: #555;} .intro03 .tab li:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .intro03 .tab li:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .intro03 .tab li + li{margin-left: -1px;} .intro03 .tab li.on{background-color: #21418e; color:#fff; font-weight: 700;} .intro03 .tabcontent{display: none;} .intro03 .tabcontent.on{display: block;} .intro03 .tabcontent .big{} .intro03 .tabcontent .big .thumb{border-radius: 30px; overflow: hidden; position: relative;} .intro03 .tabcontent .big .thumb img{width: 100%;} .intro03 .tabcontent .big .thumb p{position: absolute; background-color: #21418e; color: #fff; padding: 10px 15px; left: 30px; top: 30px; z-index: 2; font-size: 18px; font-weight: 700; border-radius: 5px;} .intro03 .tabcontent .small{ margin: 30px -10px 0;} .intro03 .tabcontent .small .thumb{ padding: 0 10px; cursor: pointer;} .intro03 .tabcontent .small img{max-width: 100%;border-radius: 10px; overflow: hidden;} @media all and (max-width:768px){ .intro03 .tab li{font-size: 16px;} .intro03 .tabcontent .big .thumb{border-radius: 15px;} .intro03 .tabcontent .big .thumb p{left: 15px; top: 15px; font-size: 16px;} .intro03 .tabcontent .small{margin: 20px -10px 0;} .intro03 .tabcontent .small img{border-radius: 5px;} } @media all and (max-width:568px){ .intro03 .tabcontent .big .thumb p{padding: 8px 14px;} } .intro03 .floor-title{margin-bottom:30px; padding:2.5em 3em; display:flex; align-items:center; gap:30px; border:1px solid #dfe7ed; border-radius:15px; background:#f6f9fd;} .intro03 .floor-title span{min-width:90px; font-size:4.5rem; line-height:1; color:#2395d2; font-family:'Montserrat'; font-weight:700;} .intro03 .floor-title h3{min-width:70px; font-size:2.8rem; color:#21418e;} .intro03 .floor-title p{padding-left:30px; border-left:1px solid #c9d6de; font-size:1.7rem; line-height:1.6em; color:#555;} @media all and (max-width:768px){ .intro03 .floor-title{padding:2em; gap:20px;} .intro03 .floor-title span{min-width:75px; font-size:3.8rem;} .intro03 .floor-title h3{min-width:60px; font-size:2.4rem;} .intro03 .floor-title p{padding-left:20px; font-size:1.6rem;} } @media all and (max-width:480px){ .intro03 .floor-title{padding:5vw; flex-wrap:wrap; gap:8px 15px; border-radius:10px;} .intro03 .floor-title span{min-width:auto; font-size:3rem;} .intro03 .floor-title h3{min-width:auto; font-size:2rem;} .intro03 .floor-title p{width:100%; padding:3vw 0 0; border-left:0; border-top:1px solid #c9d6de; font-size:1.4rem; line-height:1.6em;} } #intro5{position:relative;} #intro5 .section-title{text-align:center; margin-bottom:4em;} #intro5 .section-title .eng{margin-bottom:1.5em; font-size:1.6rem; color:#517ebb; letter-spacing:0.01em; opacity:.3; font-family:'Poppins'; font-weight:600;} #intro5 .section-title h3{font-size:4.2rem; color:#333;} #intro5 .section-title > p:last-child{margin-top:1em; line-height:1.8em;} @media all and (max-width:480px){ #intro5 .section-title h3 {font-size:3rem;} } .intro5-top{display:flex; align-items:stretch; margin-top:4em; border-radius:20px; overflow:hidden; background:#f6f9fd;} .intro5-top .txt{width:65%; padding:5em;} .intro5-top .txt .label{font-size:1.5rem; color:#2395d2; font-family:'Poppins'; font-weight:600;} .intro5-top .txt h3{margin-top:0.5em; font-size:4.2rem; line-height:1.2em; color:#333;} .intro5-top .txt .desc{margin-top:2em; max-width:700px; font-size:1.9rem; line-height:1.8em;} .intro5-top .txt .desc strong{color:#21418e; font-weight:700;} .intro5-top .point{width:35%; min-height:380px; padding:4em 2em; background:linear-gradient(135deg,#2395d2 0%,#21418e 100%); color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center;} .intro5-top .point .small{font-size:1.8rem; opacity:.7;font-family: 'OneStoreMobileGothicTitleFont'; font-weight: normal;} .intro5-top .point strong{margin-top:0.7em; font-size:2.6rem;font-family: 'OneStoreMobileGothicTitleFont'; font-weight: normal;} .intro5-top .point h4{font-size:5.0rem; line-height:1.3em; color:#92f5ff; font-family: 'OneStoreMobileGothicTitleFont'; font-weight: normal;} .intro5-top .point > p:last-child{margin-top:1.5em; font-size:1.6rem; line-height:1.6em; opacity:.7;} @media all and (max-width:1024px){ .intro5-top {flex-wrap:wrap;} .intro5-top .txt {width:100%; padding:4em;} .intro5-top .point {width:100%; min-height:auto; padding:3em;} } @media all and (max-width:480px){ .intro5-top .txt {padding:7vw 5vw;} .intro5-top .txt h3 {font-size:3.2rem;} .intro5-top .txt .desc {font-size:1.7rem;} .intro5-top .point h4 {font-size:4rem;} } .intro5-history{padding:8em 0; background: #f6f9fd;} .history-list{display:flex; justify-content:center; position:relative;} .history-list:before{content:''; width:66%; height:1px; position:absolute; left:17%; top:112px; background:#ccd9e4;} .history-list li{width:33.333%; position:relative; z-index:2; text-align:center;} .history-list .num{font-size:1.7rem; color:#2395d2; font-family:'montserrat'; font-weight:700;} .history-list .circle{width:150px; height:150px; margin:1em auto 2em; border:1px solid #d7e2eb; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;} .history-list .circle img{width: 100%;} .history-list .circle span{font-size:2.8rem; color:#21418e; font-weight:800;} .history-list li.active .circle{background:#21418e; border-color:#21418e; box-shadow:0 15px 35px rgba(33,65,142,.2);} .history-list li.active .circle span{color:#fff;} .history-list h4{font-size:2.4rem; color:#333;} .history-list .txt{margin-top:1em; font-size:1.7rem; line-height:1.6em; opacity:.7;} .history-result{margin:5em auto 0; max-width:900px; padding:1.5em 2em; border-radius:100px; background:#fff; border:1px solid #e7edf3; display:flex; align-items:center; justify-content:center; gap:20px;} .history-result p{font-size:1.8rem; color:#21418e; font-weight:700;} .history-result span{width:50px; height:1px; background:#cbd6de;} .history-result strong{margin-left:1em; padding:.6em 1.5em; border-radius:50px; background:#21418e; color:#fff; font-size:1.8rem;} @media all and (max-width:768px){ .history-list:before {display:none;} .history-list {flex-wrap:wrap; gap:15px;} .history-list li {width:100%; padding:2em; background:#fff; border-radius:10px;} .history-list .circle {width:110px; height:110px;} .history-result {border-radius:10px; flex-wrap:wrap;} } @media all and (max-width:480px){ .intro5-history {margin-top:12vw; padding:15vw 0;} } /* .intro5-recovery .s-inner{display:flex; flex-wrap:wrap;} .recovery-title{width:360px;} .recovery-title .eng{margin-bottom:2em; font-size:1.6rem; color:#517ebb; opacity:.3; font-family:'Poppins'; font-weight:600;} .recovery-title h3{font-size:4.2rem; line-height:1.2em; color:#333;} .recovery-cont{width:calc(100% - 360px); padding-left:6%;} .recovery-summary{padding:3em; border-radius:15px; background:#f6f9fd; } .recovery-summary span{font-size:1.6rem; color:#2395d2; font-weight:700;} .recovery-summary h4{margin:.4em 0 .8em; font-size:2.7rem; line-height:1.5em; color:#333;} .recovery-summary h4 strong{color:#21418e;} .recovery-summary div > p{line-height:1.8em;} .recovery-flow{margin-top:2em; display:flex; gap:10px;} .recovery-flow li{width:33.333%; padding:2.5em 1em; border:1px solid #e7edf3; border-radius:10px; text-align:center;} .recovery-flow li span{font-size:1.4rem; color:#2395d2; font-family:'Roboto'; font-weight:600;} .recovery-flow li h4{margin:.5em 0; font-size:2.4rem; color:#333;} .recovery-flow li p{font-size:1.6rem; line-height:1.6em; opacity:.7;} .recovery-flow li.point{background:#21418e; border-color:#21418e;} .recovery-flow li.point span{color:#92f5ff;} .recovery-flow li.point h4{color:#fff;} .recovery-flow li.point p{color:#fff;} @media all and (max-width:1024px){ .recovery-title {width:100%; text-align:center; margin-bottom:3em;} .recovery-cont {width:100%; padding-left:0;} } @media all and (max-width:768px){ .recovery-flow {flex-wrap:wrap;} .recovery-flow li {width:100%; padding: 1.5em 1em;} } @media all and (max-width:480px){ .recovery-title h3 {font-size:3rem;} .recovery-summary {padding:6vw 5vw; gap:15px;} .recovery-summary h4 {font-size:2.2rem;} } */ .intro5-recovery{background:#fff;} .intro5-recovery .recovery-head{margin-bottom:5em;} .recovery-guide{display:flex; align-items:stretch; justify-content:center; gap:15px;} .recovery-guide-item{width:calc((100% - 120px)/3); padding:4em 3em; position:relative; border:1px solid #e0e8ed; border-radius:20px; background:#f8fbfd;} .recovery-guide-item .num{font-size:1.4rem; color:#2395d2; font-family:'Montserrat'; font-weight:700;} .recovery-guide-item .guide-icon{width:80px; height:80px; margin:2em 0; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center;} .recovery-guide-item .guide-icon i{font-size:3rem; color:#2395d2;} .recovery-guide-item .type{font-size:1.3rem; color:#2395d2; font-family:'Montserrat'; font-weight:700;} .recovery-guide-item h4{margin:.3em 0 .7em; font-size:2.8rem; color:#333;} .recovery-guide-item .desc{min-height:70px; font-size:1.7rem; line-height:1.7em;} .recovery-guide-item ul{margin-top:2em; padding-top:1.5em; border-top:1px dashed #cbd8e0;} .recovery-guide-item ul li{position:relative; padding-left:15px; font-size:1.6rem; line-height:1.9em;} .recovery-guide-item ul li:before{content:''; width:5px; height:5px; position:absolute; left:0; top:.8em; border-radius:50%; background:#2395d2;} .recovery-guide-item.point{padding-top:5em; border:2px solid #21418e; background:linear-gradient(145deg,#21418e 0%,#2395d2 100%); box-shadow:0 20px 45px rgba(33,65,142,.15);} .recovery-guide-item.point .point-label{position:absolute; left:50%; top:-22px; transform:translateX(-50%); width:max-content; padding:.5em 1.2em; border-radius:100px; background:#fff; color:#21418e; border:1px solid #21418e; font-size:1.8rem; font-weight:700;} .recovery-guide-item.point .num{color:#92f5ff;} .recovery-guide-item.point .guide-icon{background:rgba(255,255,255,.13);} .recovery-guide-item.point .guide-icon i{color:#fff;} .recovery-guide-item.point .type{color:#92f5ff;} .recovery-guide-item.point h4{color:#fff;} .recovery-guide-item.point .desc{color:#fff;} .recovery-guide-item.point ul{border-top-color:rgba(255,255,255,.25);} .recovery-guide-item.point ul li{color:#fff;} .recovery-guide-item.point ul li:before{background:#92f5ff;} .recovery-arrow{width:30px; display:flex; justify-content:center; align-items:center;} .recovery-arrow i{font-size:2rem; color:#b3c7d4;} @media all and (max-width:1024px){ .recovery-guide{flex-wrap:wrap;} .recovery-guide-item{width:100%; padding:3em;} .recovery-guide-item .desc{min-height:auto;} .recovery-guide-item.point{transform:none; margin:15px 0;} .recovery-arrow{width:100%; height:30px; transform:rotate(90deg);} } @media all and (max-width:480px){ .intro5-recovery .recovery-head{margin-bottom:10vw;} .recovery-guide{gap:10px;} .recovery-guide-item{padding:7vw 5vw; border-radius:12px;} .recovery-guide-item .guide-icon{width:17vw; height:17vw; margin:5vw 0;} .recovery-guide-item .guide-icon i{font-size:6vw;} .recovery-guide-item h4{font-size:2.4rem;} .recovery-guide-item .desc{font-size:1.6rem;} .recovery-guide-item.point{padding-top:9vw;} } .recovery-message{margin-top:6em; padding:3.5em 4em; border-radius:20px; background:#f6f9fd; display:flex; align-items:center; gap:30px;} .recovery-message .icon{width:80px; height:80px; flex-shrink:0; border-radius:50%; background:#21418e; display:flex; justify-content:center; align-items:center;} .recovery-message .icon i{font-size:2.8rem; color:#fff;} .recovery-message .txt span{font-size:1.5rem; color:#2395d2; font-weight:700;} .recovery-message .txt h4{margin:.3em 0 .5em; font-size:2.7rem; color:#333;} .recovery-message .txt p{font-size:1.7rem; line-height:1.8em;} @media all and (max-width:768px){ .recovery-message{padding:3em; align-items:flex-start;} } @media all and (max-width:480px){ .recovery-message{margin-top:10vw; padding:6vw 5vw; gap:15px; border-radius:12px; flex-direction: column; justify-content: center; text-align: center;} .recovery-message .icon{width:12vw; height:12vw;margin: 0 auto;} .recovery-message .icon i{font-size:4vw;} .recovery-message .txt h4{font-size:2.1rem;} .recovery-message .txt p{font-size:1.5rem; line-height:1.7em;} } .recovery-system{margin-top:8em;} .recovery-system-list{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;} .recovery-system-list > li{min-height:300px; padding:3em; border:1px solid #e1e9ef; border-radius:15px; background:#fff;} .recovery-system-list .icon{width:65px; height:65px; margin-bottom:2em; border-radius:15px; background:#edf6fc; display:flex; justify-content:center; align-items:center;} .recovery-system-list .icon i{font-size:2.5rem; color:#2395d2;} .recovery-system-list .num{font-size:1.3rem; color:#2395d2; font-family:'Montserrat'; font-weight:700;} .recovery-system-list h4{margin:.4em 0 .8em; font-size:2.3rem; color:#333;} .recovery-system-list > li > p:last-child{font-size:1.7rem; line-height:1.7em; color:#666;} .recovery-system-list > li.point{border-color:#2395d2; background:#f6fafe;} .recovery-system-list > li.point .icon{background:#21418e;} .recovery-system-list > li.point .icon i{color:#fff;} @media all and (max-width:1024px){ .recovery-system-list{grid-template-columns:repeat(2,1fr);} } @media all and (max-width:600px){ .recovery-system-list{grid-template-columns:1fr;} .recovery-system-list > li{min-height:auto;} } @media all and (max-width:480px){ .recovery-system{margin-top:15vw;} .recovery-system-list{gap:10px;} .recovery-system-list > li{padding:6vw 5vw;} .recovery-system-list .icon{width:14vw; height:14vw; margin-bottom:4vw;} .recovery-system-list .icon i{font-size:5vw;} .recovery-system-list h4{font-size:2.1rem;} .recovery-system-list > li > p:last-child{font-size:1.6rem;} } .intro5-cert{background:#f6f9fd;} .cert-box{display:flex; align-items:center; padding:4em 3em; background:#fff; border-radius:20px;} .cert-mark{width:400px; flex-shrink:0; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#21418e;} .cert-mark img{width: 100%;} .cert-mark p{font-size:1.4rem; font-family:'Poppins'; letter-spacing:.1em;} .cert-mark strong{font-size:2.2rem; font-family:'Poppins';} .cert-mark span{margin-top:1em; padding:.5em 1.2em; border-radius:50px; background:#21418e; color:#fff; font-weight:600;} .cert-cont{width:calc(100% - 400px); padding-left:5%;} .cert-cont .eng{font-size:1.5rem; color:#2395d2; font-family:'Poppins'; font-weight:600;} .cert-cont h3{margin:.4em 0 .8em; font-size:3.8rem; color:#333;} .cert-cont .t1{font-size:1.9rem; line-height:1.8em;} .cert-cont .t1 strong{color:#21418e;} .cert-cont ul{margin-top:2em; display:flex; flex-wrap:wrap; gap:10px;} .cert-cont ul li{width:calc((100% - 10px)/2); padding:1.1em 1.5em; border-radius:100px; background:#f6f9fd; position:relative;} .cert-cont ul li:before{content:''; width:7px; height:7px; border-radius:50%; background:#2395d2; position:absolute; left:1.5em; top:50%; transform:translateY(-50%);} .cert-cont ul li p{padding-left:18px; font-weight:500;} .intro5-bottom{background:url('/images/sub/intro5-bot_bg.webp') center center no-repeat; text-align:center; color:#fff;} .intro5-bottom .eng{font-size:1.5rem; color:#7ad0fe; font-family:'Poppins'; font-weight:600;} .intro5-bottom h3{margin:.5em 0; font-size:4.2rem; line-height:1.3em;} .intro5-bottom h3 span{color:#92f5ff;} .intro5-bottom > .s-inner > p:last-child{font-size:1.8rem; line-height:1.8em; opacity:.7;} @media all and (max-width:1024px){ .cert-box {padding:4em 3em;} .cert-mark {width:250px;} .cert-cont {width:calc(100% - 250px); padding-left:5%;} } @media all and (max-width:768px){ .cert-box {flex-wrap:wrap;} .cert-mark {margin:0 auto;} .cert-cont {width:100%; padding-left:0; margin-top:2.5em; text-align:center;} .cert-cont ul li {text-align:left; padding: 1em;} .cert-cont ul li:before{display: none;} .cert-cont ul li p{padding-left: 0;} .intro5-bottom > .s-inner > p:last-child{font-size:1.6rem;} } @media all and (max-width:480px){ .cert-box {padding:8vw 5vw;} .cert-mark {width:60vw;} .cert-cont h3 {font-size:2.8rem;} .cert-cont ul li {width:100%; border-radius:10px;} .intro5-bottom h3 {font-size:3rem;} } .robot-step-list {display:flex; gap:20px;} .robot-step-list > li {width:calc((100% - 60px)/4); position:relative;} .robot-step-list .num {margin:0 auto 1em; font-size:1.5rem; color:#2395d2; font-family:'montserrat'; font-weight:700; text-align: center; border: 1px solid #2395d2; display:table; padding: 0.5rem 1rem; border-radius: 100px;} .robot-step-list .txt {padding:2em .5em 0;} .robot-step-list .txt > span {font-size:1.5rem; color:#2395d2; font-weight:700;} .robot-step-list .txt h4 {margin:.4em 0 .8em; font-size:2.5rem; color:#333;} .robot-step-list .txt p {font-size:1.7rem; line-height:1.6em;} .robot-step-list .txt .device {margin-top:1.5em; padding-top:1em; border-top:1px dashed #c4d6dd; color:#21418e; font-weight:600;} .robot-step-list .video-box{width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:10px; background:#000;} .robot-step-list .video-box video{width:100%; height:100%; display:block; object-fit:cover;} @media all and (max-width:1024px){ .robot-step-list {flex-wrap:wrap;} .robot-step-list > li {width:calc((100% - 20px)/2);} } @media all and (max-width:580px){ .robot-step-list {gap:40px 0;} .robot-step-list > li {width:100%;} .robot-step-list .txt {padding:1.5em 0 0;} .robot-step-list .txt h4 {font-size:2.2rem;} } .video-box{width:100%; position:relative; overflow:hidden; border-radius:10px; background:#000;} .video-box video{width:100%; height:100%; display:block; object-fit:cover;} .video-box img{width:100%; display:block;} .video-box iframe{width:100%; height:100%; position:absolute; left:0; top:0; border:0;} .video-box .play-btn{width:72px; height:72px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:0; border-radius:50%; background:rgba(33,65,142,.9); cursor:pointer;} .video-box .play-btn:before{content:''; position:absolute; left:29px; top:23px; width:0; height:0; border-top:13px solid transparent; border-bottom:13px solid transparent; border-left:20px solid #fff;} .video-box:hover .play-btn{transform:translate(-50%,-50%) scale(1.08);} @media all and (max-width:480px){ .video-box .play-btn{width:14vw; height:14vw;} .video-box .play-btn:before{left:5.7vw; top:4.5vw; border-top-width:2.5vw; border-bottom-width:2.5vw; border-left-width:3.8vw;} } .broadcast-video .video-box{width:100%; height:401px; position:relative; overflow:hidden; border-radius:10px; background:#000;} .broadcast-video .video-box iframe{width:100%; height:100%; position:absolute; left:0; top:0; border:0;} @media all and (max-width:768px){ .broadcast-video .video-box{height:55vw;} } @media all and (max-width:480px){ .broadcast-video .video-box{height:48.5vw;} } #robotBroadcast {background:#f6f9fd;} #robotBroadcast .broadcast-wrap {display:flex; align-items:center; gap:7%;} #robotBroadcast .broadcast-txt {width:42%;} #robotBroadcast .broadcast-txt .eng {margin-bottom:1.5em; font-size:1.5rem; color:#517ebb; opacity:.3; font-family:'Poppins'; font-weight:600;} #robotBroadcast .broadcast-txt .label {display:inline-block; padding:.6em 1.4em; margin-bottom:1em; border-radius:50px; background:#21418e; color:#fff; font-size:1.5rem; font-weight:600;} #robotBroadcast .broadcast-txt h3 {font-size:3.8rem; line-height:1.5em; color:#333;} #robotBroadcast .broadcast-txt .date {margin-top:1.5em; color:#2395d2; font-weight:700;} #robotBroadcast .broadcast-txt .t1 {margin-top:1em; line-height:1.8em;} #robotBroadcast .broadcast-video {width:51%;} @media all and (max-width:976px){ #robotBroadcast .broadcast-wrap {flex-wrap:wrap;} #robotBroadcast .broadcast-txt {width:100%; margin-bottom:3em; text-align:center;} #robotBroadcast .broadcast-video {width:100%;} } @media all and (max-width:480px){ #robotBroadcast {padding:12vw 0;} #robotBroadcast .broadcast-txt {margin-bottom:6vw;} #robotBroadcast .broadcast-txt h3 {font-size:3rem;} #robotBroadcast .broadcast-txt .t1 {font-size:1.6rem; line-height:1.6em;} .video-box .play-btn {width:14vw; height:14vw;} .video-box .play-btn:before {left:5.7vw; top:4.5vw; border-top-width:2.5vw; border-bottom-width:2.5vw; border-left-width:3.8vw;} } #clinic6-2 {background:#f6f9fd;} .after-step {display:flex; gap:20px; position:relative;} .after-step > li {width:calc((100% - 60px)/4); padding:3em 2em; background:#fff; border-radius:10px; text-align:center; position:relative;} .after-step .num {margin-bottom:1.5em; font-size:1.5rem; color:#2395d2; font-family:'Montserrat'; font-weight:700;} .after-step .icon {width:110px; height:110px; margin:0 auto 1.5em; border-radius:50%; background:#edf4ff; display:flex; align-items:center; justify-content:center;} .after-step .icon i {font-size:3.6rem; color:#21418e;} .after-step > li.active .icon i {color:#21418e;} .after-step h4 {margin-bottom:.7em; font-size:2.5rem; color:#333;} .after-step .txt {font-size:1.7rem; line-height:1.7em;} .after-step > li.active {background:#21418e;} .after-step > li.active .num {color:#7ad0fe;} .after-step > li.active .icon {background:#fff;} .after-step > li.active h4 {color:#fff;} .after-step > li.active .txt {color:#ccdcef;} @media all and (max-width:1024px){ .after-step {flex-wrap:wrap;} .after-step > li {width:calc((100% - 20px)/2);} } @media all and (max-width:580px){ .after-step {gap:10px 0;} .after-step > li {width:100%; padding:2.5em 1.5em;} .after-step .icon {width:90px; height:90px;} .after-step h4 {font-size:2.2rem;} } #patientContents {display:none;} #patientContents.active {display:block;} .patient-type-list {display:flex; gap:20px; max-width:1200px; margin:0 auto;} .patient-type-list > li {width:calc((100% - 40px)/3); padding:4em 2em; border:1px solid #e3eaf0; border-radius:15px; background:#fff; text-align:center; cursor:pointer; transition:.3s;} .patient-type-list .icon {width:100px; height:100px; margin:0 auto 1.5em; border-radius:50%; background:#f1f7fc; display:flex; justify-content:center; align-items:center;} .patient-type-list .icon i {font-size:4rem; color:#2395d2;} .patient-type-list .num {font-size:1.4rem; color:#2395d2; font-family:'Montserrat'; font-weight:700;} .patient-type-list h4 {margin:.5em 0; min-height:70px; font-size:2.5rem; line-height:1.4em; color:#333;} .patient-type-list > li > p:not(.num) {min-height:55px; font-size:1.6rem; line-height:1.6em;} .patient-type-list .view {display:inline-block; margin-top:2em; padding:.7em 1.5em; border-radius:50px; background:#edf4ff; color:#21418e; font-size:1.5rem; font-weight:700;} .patient-type-list > li:hover {transform:translateY(-5px); border-color:#2395d2;} .patient-type-list > li.active {background:#21418e; border-color:#21418e;} .patient-type-list > li.active .icon {background:#fff;} .patient-type-list > li.active h4 {color:#fff;} .patient-type-list > li.active > p:not(.num) {color:#ccdcef;} .patient-type-list > li.active .num {color:#7ad0fe;} .patient-type-list > li.active .view {background:#fff; color:#21418e;} #rehabJourney {background:#f6f9fd;} .journey-wrap {max-width:1300px; margin:0 auto;} .journey-step {min-height:560px; display:flex; align-items:center; justify-content:space-between; position:relative;} .journey-step + .journey-step {margin-top:8em;} .journey-step .journey-img {width:52%; height:430px; border-radius:20px; background:#dfeaf2; display:flex; justify-content:center; align-items:center; color:#8099ad; font-size:1.8rem; overflow:hidden;} .journey-step .journey-txt {width:40%;} .journey-step.reverse .journey-img {order:2;} .journey-step.reverse .journey-txt {order:1;} .journey-step .step {font-size:1.5rem; color:#2395d2; font-family:'Montserrat'; font-weight:700;} .journey-step .category {display:inline-block; padding:.5em 1.2em; border-radius:50px; background:#edf4ff; color:#21418e; font-size:1.5rem; font-weight:700;font-family:'Montserrat';} .journey-step h3 {margin:.4em 0 .6em; font-size:4.2rem; color:#333;} .journey-step .desc {font-size:1.8rem; line-height:1.6em;} .journey-step ul {margin-top:2em; padding-top:2em; border-top:1px dashed #c4d6dd;} .journey-step ul li {position:relative; padding-left:18px; font-size:1.6rem; line-height:1.8em;} .journey-step ul li:before {content:''; width:6px; height:6px; position:absolute; left:0; top:.85em; border-radius:50%; background:#2395d2;} .condition-treatment {max-width:1200px; margin:0 auto;} .condition-row {display:flex; align-items:center; gap:30px; padding:2em; border:1px solid #e4ebf0; border-radius:15px; background:#fff;} .condition-row + .condition-row {margin-top:15px;} .condition-title {width:300px; padding:1em 2em;} .condition-title .icon {width:55px; height:55px; margin-bottom:1em; border-radius:50%; background:#edf4ff; display:flex; justify-content:center; align-items:center;} .condition-title .icon i {font-size:2.2rem; color:#21418e;} .condition-title > span {font-size:1.4rem; color:#2395d2; font-weight:700;} .condition-title h4 {margin:.2em 0; font-size:2.5rem; color:#333;} .condition-title > p {font-size:1.5rem; line-height:1.5em;} .condition-row .arrow {width:50px; text-align:center;} .condition-row .arrow i {font-size:2.2rem; color:#b3c5d3;} .treatment-items {width:calc(100% - 380px); display:flex; gap:10px;} .treatment-items > div {width:33.333%; padding:1.5em; border-radius:10px; background:#f6f9fd; text-align:center;} .treatment-items > div > span {height:90px; display:flex; justify-content:center; align-items:center; color:#9aadb9;} .treatment-items h5 {margin-top:.8em; font-size:1.8rem; color:#21418e;} #admissionConsult {padding:7em 0; background:linear-gradient(135deg,#2395d2 0%,#21418e 75%);} #admissionConsult .s-inner {display:flex; align-items:center; justify-content:space-between;} .consult-left {width:52%; color:#fff;} .consult-left .eng {font-size:1.5rem; color:#92f5ff; font-family:'Montserrat'; font-weight:600;} .consult-left h3 {margin:.3em 0; font-size:4.2rem;} .consult-left h3 span {color:#92f5ff;} .consult-left > p:last-child {font-size:1.8rem; line-height:1.7em; opacity:.75;} .consult-right {width:42%;} .consult-main {padding:2.5em; border-radius:15px; background:#fff; display:flex; align-items:center; gap:20px;} .consult-main .icon {width:70px; height:70px; flex-shrink:0; border-radius:50%; background:#21418e; display:flex; align-items:center; justify-content:center;} .consult-main .icon i {font-size:2.5rem; color:#fff;} .consult-main .txt span {display:block; font-size:1.5rem; color:#2395d2; font-weight:700;} .consult-main .txt strong {display:block; margin:.1em 0; font-size:4rem; color:#21418e; font-family:'montserrat';} .consult-main .txt p {font-size:1.5rem; color:#777;} .consult-sub {margin-top:10px; padding:1.3em 1.5em; border-radius:10px; border:1px solid rgba(255,255,255,.3); color:#fff; display:flex; align-items:center;} .consult-sub span {flex:1; padding-left:10px; font-weight:600;} @media all and (max-width:1024px){ .patient-type-list {flex-wrap:wrap;} .patient-type-list > li {width:calc((100% - 20px)/2);} .journey-step {min-height:auto;} .journey-step .journey-img {width:50%; height:40vw;} .journey-step .journey-txt {width:44%;} .condition-row {flex-wrap:wrap;} .condition-title {width:100%; text-align:center;} .condition-title .icon {margin:0 auto 1em;} .condition-row .arrow {width:100%; transform:rotate(90deg);} .treatment-items {width:100%;} #admissionConsult .s-inner {flex-wrap:wrap;} .consult-left {width:100%; text-align:center;} .consult-right {width:70%; margin:3em auto 0;} } @media all and (max-width:768px){ .patient-type-list > li {width:100%;} .patient-type-list h4 {min-height:auto;} .patient-type-list > li > p:not(.num) {min-height:auto;} .journey-step {flex-wrap:wrap;} .journey-step + .journey-step {margin-top:5em;} .journey-step .journey-img {width:100%; height:55vw;} .journey-step .journey-txt {width:100%; margin-top:2em;} .journey-step.reverse .journey-img {order:1;} .journey-step.reverse .journey-txt {order:2;} .consult-right {width:100%;} } @media all and (max-width:480px){ .patient-type-list > li {padding:8vw 5vw;} .patient-type-list .icon {width:20vw; height:20vw;} .patient-type-list .icon i {font-size:8vw;} .patient-type-list h4 {font-size:2.2rem;} .journey-step + .journey-step {margin-top:15vw;} .journey-step .journey-img {height:60vw; border-radius:10px;} .journey-step h3 {font-size:2.5rem;} .journey-step .desc {font-size:1.6rem; line-height:1.6em;} .journey-step ul {margin-top:1.5em; padding-top:1.5em;} .condition-row {padding:5vw;} .condition-title {padding:2vw;} .treatment-items {flex-wrap:wrap;} .treatment-items > div {width:100%;} .treatment-items > div > span {height:18vw;} #admissionConsult {padding:12vw 0;} .consult-left h3 {font-size:3rem;} .consult-left > p:last-child {font-size:1.6rem;} .consult-main {padding:5vw;} .consult-main .icon {width:13vw; height:13vw;} .consult-main .txt strong {font-size:2.4rem;} } .patient-panel{display:none;} .patient-panel.active{display:block;} .prescription{margin-top:2em; padding:1.5em 2em; border-radius:10px; background:#fff; border:1px solid #e0eaf1;} .prescription > span{display:block; margin-bottom:.7em; font-size:1.8rem; color:#2395d2; font-weight:700;} .prescription ul{margin-top:0; padding-top:0; border-top:0;} .prescription ul li{font-size:1.7rem; color:#333; font-weight:600;} @media all and (max-width:480px){ .prescription{margin-top:5vw; padding:4vw 5vw;} .prescription ul li{font-size:1.5rem;} .prescription > span{font-size: 1.6rem;} } .journey-img img{width:100%; height:100%; object-fit:cover; display:block;} .journey-img video{width:100%; height:100%; display:block; object-fit:cover;} @media all and (max-width:480px){ .journey-img img{width:100%; height:100%;} } .journey-step.robot-rehab{padding:5em 4em; border:2px solid transparent; border-radius:25px; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2395d2,#21418e,#92f5ff) border-box; box-shadow:0 15px 45px rgba(33,65,142,.08);} .journey-step.robot-rehab .journey-img{box-shadow:0 15px 40px rgba(33,65,142,.12);} .robot-link{display:inline-block; margin-top:2em; padding:.8em 1.5em; border-radius:50px; background:#21418e; color:#fff; font-size:1.8rem; font-weight:700;} @media all and (max-width:768px){ .journey-step.robot-rehab{padding:3em;} } @media all and (max-width:480px){ .journey-step.robot-rehab{padding:7vw 5vw; border-radius:15px;} .robot-link{margin-top:5vw; font-size:1.4rem;} } .additional-treatment{margin-top:5em; padding:2em; border-radius:10px; background:#edf4ff; text-align:center;} .additional-treatment span{margin-right:1em; font-size:1.6rem; color:#666;} .additional-treatment strong{font-size:1.9rem; color:#21418e;} @media all and (max-width:480px){ .additional-treatment{margin-top:10vw; padding:5vw;} .additional-treatment span{display:block; margin:0 0 1vw; font-size:1.5rem;} .additional-treatment strong{font-size:1.8rem;} } .treatment-notice{padding:2em 0; background:#edf4ff;} .treatment-notice .s-inner{display:flex; align-items:center; justify-content:center; gap:10px;} .treatment-notice i{color:#2395d2; font-size: 2.5rem;} .treatment-notice p{font-size:2rem; color:#555;} @media all and (max-width:976px){ .treatment-notice .s-inner{flex-wrap: wrap;justify-content: center; text-align: center;flex-direction: column;} .treatment-notice i{color:#2395d2; font-size: 2.2rem; text-align: center;} .treatment-notice p{font-size:1.8rem;} } @media all and (max-width:480px){ .treatment-notice{padding:5vw 0;} .treatment-notice p{font-size:1.5rem; line-height:1.4em;} } .journey-step.sub-treatment{opacity:.92;} .journey-step.sub-treatment .category{background:#f2f4f6; color:#777;} .journey-step.sub-treatment .journey-img{background:#eef2f5;} @media all and (max-width:480px){ .journey-step.sub-treatment{opacity:1;} } .doctor-schedule h4{font-size:2.8rem; color:#333; margin:0 0 1em; font-weight:800;} .schedule-table{width:100%; border-top:2px solid #21418e; border-left:1px solid #d7dfe5; background: #fff;} .schedule-head{display:grid; grid-template-columns:1.3fr repeat(5,1fr); background:#edf4ff;} .schedule-head > div{padding:1em .5em; border-right:1px solid #d7dfe5; border-bottom:1px solid #d7dfe5; text-align:center; color:#21418e; font-weight:700;} .schedule-row{display:grid; grid-template-columns:1.3fr repeat(5,1fr);} .schedule-row > div{min-height:60px; padding:.8em .5em; border-right:1px solid #d7dfe5; border-bottom:1px solid #d7dfe5; display:flex; align-items:center; justify-content:center; text-align:center;} .schedule-row .time{font-size:1.8rem; color:#333; font-weight:600; background:#fafcff;} .schedule-row .clinic{display:inline-block; padding:.3em 1em; border-radius:0.5rem; background:#0b79c9; color:#fff; font-size:1.7rem; font-weight:700;} .schedule-notice{margin-top:1.2em; padding:1em 1.2em; border-radius:8px; background:#f6f9fd; color:#666; font-size:1.6rem; line-height:1.6em;} .schedule-notice i{margin-right:.5em; color:#2395d2;} @media all and (max-width:768px){ .schedule-head{grid-template-columns:1.2fr repeat(5,1fr);} .schedule-row{grid-template-columns:1.2fr repeat(5,1fr);} .schedule-head > div{padding:.8em .3em; font-size:1.5rem;} .schedule-row > div{min-height:45px; padding:.4em .2em;} .schedule-row .time{font-size:1.6rem;} .schedule-row .clinic{padding:.3em .5em; font-size:1.4rem;} } @media all and (max-width:480px){ .doctor-schedule h4{font-size:2.4rem;} /* .schedule-table{overflow-x:auto;} .schedule-head{min-width:620px;} .schedule-row{min-width:620px;} */ .schedule-head > div{font-size:1.5rem;} .schedule-row .clinic{font-size:1.5rem;} .schedule-notice{font-size:1.5rem; padding:4vw;} } #feedBoard .feed-list{width:900px; max-width:100%; margin:0 auto;} #feedBoard .feed-list + .feed-list {margin-top: 8rem;} #feedBoard .feed-item{margin-top:3em; border:1px solid #e0e7ec; border-radius:20px; background:#fff; overflow:hidden; box-shadow:0 10px 35px rgba(33,65,142,.05);} #feedBoard .feed-item:first-child{margin-top:0;} #feedBoard .feed-head{padding:1.5em 2em; display:flex; align-items:center; justify-content:space-between;} #feedBoard .feed-profile{display:flex; align-items:center; gap:12px;} #feedBoard .feed-profile .logo{width:50px; height:50px; border-radius:50%; background:linear-gradient(135deg,#21418e,#2395d2); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1rem; line-height:1.1em; text-align:center; font-family:'Montserrat'; font-weight:700;} #feedBoard .feed-profile .info strong{display:block; font-size:1.7rem; color:#333;} #feedBoard .feed-profile .info span{display:block; margin-top:.25em; font-size:1.3rem; color:#999; font-family:'Montserrat';} #feedBoard .date{padding:.5em 1.1em; border-radius:100px; background:#edf6fc; color:#2395d2; font-size:1.4rem; font-weight:700;} #feedBoard .feed-img{width:100%; min-height:470px; background:#e8f0f5; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#91a4b2; font-size:1.7rem;} #feedBoard .feed-img img{width:100%; height:auto; display:block;} #feedBoard .feed-img video{width:100%; height:auto; display:block;} #feedBoard .feed-cont{padding:2.5em 3em 3em;} #feedBoard .feed-cont h3{font-size:2.7rem; line-height:1.45em; color:#333;} #feedBoard .feed-cont .txt{margin-top:1.3em;} #feedBoard .feed-cont .txt p{font-size:1.7rem; line-height:1.8em; color:#555;} #feedBoard .feed-cont .txt p + p{margin-top:.8em;} #feedBoard .tag{margin-top:1.8em; display:flex; flex-wrap:wrap; gap:5px 12px;} #feedBoard .tag span{font-size:1.5rem; color:#2395d2;} #feedBoard .feed-more{margin-top:4em; text-align:center;} #feedBoard .feed-more button{padding:1em 3em; border:1px solid #21418e; border-radius:100px; background:#fff; color:#21418e; font-size:1.6rem; font-weight:700; cursor:pointer;} @media all and (max-width:1024px){ #feedBoard .feed-list{width:80%;} #feedBoard .feed-img{min-height:45vw;} } @media all and (max-width:768px){ #feedBoard .feed-list{width:100%;} #feedBoard .feed-item{border-radius:12px;} #feedBoard .feed-img{min-height:55vw;} #feedBoard .feed-cont{padding:2em;} #feedBoard .feed-cont h3{font-size:2.4rem;} } @media all and (max-width:480px){ #feedBoard{padding-bottom:12vw;} #feedBoard .feed-item{margin-top:6vw; border-radius:10px;} #feedBoard .feed-head{padding:4vw;} #feedBoard .feed-profile{gap:8px;} #feedBoard .feed-profile .logo{width:11vw; height:11vw; font-size:.9rem;} #feedBoard .feed-profile .info strong{font-size:1.5rem;} #feedBoard .feed-profile .info span{font-size:1.2rem;} #feedBoard .date{padding:.5em .8em; font-size:1.2rem;} #feedBoard .feed-img{min-height:62vw;} #feedBoard .feed-cont{padding:5vw;} #feedBoard .feed-cont h3{font-size:2.1rem;} #feedBoard .feed-cont .txt p{font-size:1.5rem; line-height:1.7em;} #feedBoard .tag{margin-top:5vw;} #feedBoard .tag span{font-size:1.4rem;} #feedBoard .feed-more{margin-top:8vw;} } .section02 .section_title{position:relative; padding-left:60px;} .section02 .section_title h2{position:relative; margin-bottom:1em; font-size:4rem; color:#222; font-weight:700;} .section02 .section_title h2 em{position:absolute; left:-9rem; top:-4rem; font-size:10rem; line-height:1; color:#e9f1fb; font-family:'Montserrat'; font-style:normal; font-weight:800; z-index:-1;} .section02 .section_title h2{z-index:1;} .section02 .section_title .dot{position:relative; padding-left:14px; font-size:2rem; line-height:1.8em; color:#333;} .section02 .section_title .dot:before{content:''; width:4px; height:4px; position:absolute; left:0; top:.85em; border-radius:50%; background:#21418e;} .section02 .section_title p{font-size: 2rem; line-height: 1.6;} .section02 .section_title p span{color: #2495d2;} @media all and (max-width:1280px){ .section02 .section_title{padding-left:3rem;} .section02 .section_title h2{font-size: 3rem;} .section02 .section_title h2 em{font-size: 8rem; left: -6rem;} .section02 .section_title .dot{font-size: 1.8rem;} .section02 .section_title p{font-size: 1.8rem;} } @media all and (max-width:768px){ .section02 .section_title{padding-left:2rem;} .section02 .section_title h2 em{font-size: 7rem; left: -4rem; top: -3rem;} .section02 .section_title .dot{font-size: 1.8rem;} .section02 .section_title p{font-size: 1.8rem;} } @media all and (max-width:480px){ .section02 .section_title h2{font-size: 2.5rem;} .section02 .section_title h2 em{font-size: 5.5rem; left: -3rem;} .section02 .section_title .dot{font-size: 1.6rem;} .section02 .section_title p{font-size: 1.6rem;} } .intro5-admission .admission-table-wrap{padding:2.5em; background:#fff; border:1px solid #e1e8ee;} .intro5-admission .admission-table{width:100%; border-collapse:collapse; table-layout:fixed;} .intro5-admission .admission-table .col-type{width:13%;} .intro5-admission .admission-table .col-disease{width:39%;} .intro5-admission .admission-table .col-time{width:30%;} .intro5-admission .admission-table .col-period{width:18%;} .intro5-admission .admission-table th{padding:1.3em 1em; background:#eef4f8; border-top:2px solid #21418e; border-bottom:1px solid #d1dbe1; font-size:1.6rem; color:#333; font-weight:700; text-align:center;} .intro5-admission .admission-table td{padding:1.5em 1.2em; border-bottom:1px solid #e1e8ee; font-size:1.6rem; line-height:1.6em; text-align:center; vertical-align:middle;} .intro5-admission .admission-table td:nth-child(2){text-align:left;} .intro5-admission .admission-table td strong{font-weight:600; color:#333;} .intro5-admission .admission-table td > p{margin-top:.3em; font-size:1.4rem; color:#777;} .intro5-admission .disease-icon{width:60px; height:60px; margin:0 auto; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f1f7fb; color:#2395d2;} .intro5-admission .disease-icon i{font-size:2.6rem;} .intro5-admission .period{min-width:70px; padding:.45em 1em; display:inline-block; border-radius:50px; background:#eaf4fb; color:#21418e; font-weight:700;} @media all and (max-width:1024px){ .intro5-admission .admission-table-wrap{padding:2em;} .intro5-admission .admission-table .col-type{width:11%;} .intro5-admission .admission-table .col-disease{width:39%;} .intro5-admission .admission-table .col-time{width:30%;} .intro5-admission .admission-table .col-period{width:20%;} } @media all and (max-width:768px){ .intro5-admission .admission-info{margin-top:3em;} .intro5-admission .admission-table-wrap{padding:3vw;} .intro5-admission .admission-table col{width:auto !important;} .intro5-admission .admission-table thead{display:none;} .intro5-admission .admission-table,.intro5-admission .admission-table tbody,.intro5-admission .admission-table tr,.intro5-admission .admission-table td{width:100%; display:block;} .intro5-admission .admission-table tr{margin-bottom:2vw; padding:4vw; border:1px solid #e1e8ee; border-radius:8px;} .intro5-admission .admission-table tr:last-child{margin-bottom:0;} .intro5-admission .admission-table td{padding:.5em 0; border:0; text-align:left;} .intro5-admission .admission-table td:first-child{padding-bottom:1em;} .intro5-admission .disease-icon{width:50px; height:50px; margin:0;} .intro5-admission .disease-icon i{font-size:2.2rem;} .intro5-admission .admission-table td:nth-child(3):before{content:'입원시기'; margin-right:1em; color:#2395d2; font-weight:700;} .intro5-admission .admission-table td:nth-child(4):before{content:'입원 적용기간'; margin-right:1em; color:#2395d2; font-weight:700;} .intro5-admission .period{min-width:0; padding:.2em .8em;} } @media all and (max-width:480px){ .intro5-admission .admission-table-wrap{padding:3vw;} .intro5-admission .admission-table tr{padding:5vw 4vw;} .intro5-admission .admission-table td{font-size:1.5rem;} } .floor .building-tab{display:flex; justify-content:center; margin-bottom:40px;} .floor .building-tab li{width:400px; padding:15px 20px; border:1px solid #21418e; background:#fff; font-size:2.5rem; font-weight:600; color:#21418e; text-align:center; cursor:pointer; transition:.3s;} .floor .building-tab li:first-child{border-radius:8px 0 0 8px;} .floor .building-tab li:last-child{border-radius:0 8px 8px 0; border-left:0;} .floor .building-tab li.on{background:#21418e; border-color:#21418e; color:#fff;} .floor .building-content{display:none;} .floor .building-content.on{display:block;} .floor .flex{width:100%; display:flex; align-items:stretch;} .floor .flex .l_cont{width:45%; background-color:#fff;} .floor .flex .l_cont .floor-tab{display:flex; flex-direction:column; height:100%;} .floor .flex .l_cont .floor-tab li{display:flex; align-items:center; flex:1; min-height:190px; padding:20px 25px; border:1px solid #efefef; border-top:0; cursor:pointer;} .floor .flex .l_cont .floor-tab li.sm{min-height: 100px;} .floor .flex .l_cont .floor-tab li:first-child{border-top:1px solid #efefef;} .floor .flex .l_cont .floor-tab li h3{font-weight: normal; font-family: 'OneStoreMobileGothicTitleFont'; font-size:3rem; color:#666; margin-right:25px; width:150px; flex-shrink:0; transition:.2s; text-align:center; line-height: 1;} .floor .flex .l_cont .floor-tab li p{font-size:1.7rem; line-height:1.9; color:#666; width:calc(100% - 80px); word-break:keep-all; transition:.2s;} .floor .flex .l_cont .floor-tab li.on{background:#f6f9fd;} .floor .flex .l_cont .floor-tab li.on h3{color:#2395d2;} .floor .flex .l_cont .floor-tab li.on p{color:#131313;} .floor .flex .r_cont{width:55%; position:relative; overflow:hidden; aspect-ratio:1.35/1;} .floor .flex .r_cont .tabcontent{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden; z-index:0; pointer-events:none;} .floor .flex .r_cont .tabcontent.on{opacity:1; visibility:visible; z-index:1; pointer-events:auto;} .floor .flex .r_cont .tabcontent .img_box{width:100%; height:100%; position:relative;} .floor .flex .r_cont .tabcontent .slick_box{height:100%;} .floor .flex .r_cont .tabcontent .slick-list{height:100%;} .floor .flex .r_cont .tabcontent .slick-track{height:100%;} .floor .flex .r_cont .tabcontent .img{height:100%;} .floor .flex .r_cont .tabcontent .img img{width:100%; height:100%; object-fit:cover; display:block;} .floor .flex .r_cont .tabcontent .img_box{position:relative; height:100%;} .floor .flex .r_cont .tabcontent .img_box .slick_box{height:100%;} .floor .flex .r_cont .tabcontent .img_box .slick_box .slick-list,.floor .flex .r_cont .tabcontent .img_box .slick_box .slick-track{height:100%;} .floor .flex .r_cont .tabcontent .img_box .slick_box .img{height:100%;} .floor .flex .r_cont .tabcontent .img_box .slick_box .img img{display:block; width:100%; height:100%; object-fit:cover;} .floor .flex .r_cont .tabcontent .img_box .arrow_box{background:#2395d2; display:inline-flex; padding:20px; position:absolute; left:0; bottom:0; z-index:5;} .floor .flex .r_cont .tabcontent .img_box .arrow_box .arrow{cursor:pointer;} .floor .flex .r_cont .tabcontent .img_box .arrow_box .arrow.prev{margin-right:20px; padding-right:20px; border-right:1px solid rgba(255,255,255,.2);} @media all and (max-width:1280px){ .floor .flex .l_cont .floor-tab li{padding:15px 20px;} .floor .flex .l_cont .floor-tab li h3{font-size:2.8rem;} .floor .flex .l_cont .floor-tab li p{font-size:1.6rem;} } @media all and (max-width:976px){ .floor .building-tab{margin-bottom:30px;} .floor .building-tab li{width:180px; padding:15px; font-size:1.8rem;} .floor .flex{flex-direction:column;} .floor .flex .l_cont{width:100%; margin:0 auto;} .floor .flex .l_cont .floor-tab li{flex:none; min-height:auto; padding:14px 20px; text-align:left;} .floor .flex .l_cont .floor-tab li h3{font-size:2.5rem; margin-right:15px;} .floor .flex .r_cont{width:100%; margin:0 auto;} .floor .flex .r_cont .tabcontent .img_box{height:auto;} .floor .flex .r_cont .tabcontent .img_box .slick_box .img{height:auto;} .floor .flex .r_cont .tabcontent .img_box .slick_box .img img{height:auto; object-fit:initial;} .floor .flex .r_cont .tabcontent .img_box .arrow_box{left:auto; right:0; padding:15px;} .floor .flex .r_cont .tabcontent .img_box .arrow_box .arrow.prev{padding-right:15px; margin-right:15px;} .floor .flex .l_cont .floor-tab li.sm{min-height: 80px;} } @media all and (max-width:550px){ .floor .building-tab{margin-bottom:20px;} .floor .building-tab li{width:50%; padding:13px 10px; font-size:1.6rem;} .floor .flex .l_cont .floor-tab li h3{width:80px; font-size:2.2rem;} .floor .flex .l_cont .floor-tab li p{width:calc(100% - 60px); font-size:1.4rem;} .floor .flex .l_cont .floor-tab li.sm{min-height: 60px;} } #notice1 .staff-table-wrap{width:100%;} #notice1 .staff-table{width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-top:2px solid #21418e; table-layout:fixed;} #notice1 .staff-table th,#notice1 .staff-table td{padding:1.4em 2em; border-bottom:1px solid #e5e8ed; text-align:center; vertical-align:middle;} #notice1 .staff-table thead th{background:#21418e; font-size:1.8rem; font-weight:600; color:#fff;} #notice1 .staff-table tbody th{background:#f6f9fd; font-size:1.7rem; font-weight:600; color:#333;} #notice1 .staff-table tbody td{background:#fff; font-size:1.7rem; color:#555;} #notice1 .staff-table tbody td strong{color:#2395d2; font-size:1.05em; font-weight:700;} #notice1 .staff-notice{margin-top:15px; font-size:1.4rem; line-height:1.6em; color:#888;} @media all and (max-width:768px){ #notice1 .staff-table th,#notice1 .staff-table td{padding:1.2em 1em;} #notice1 .staff-table thead th{font-size:1.6rem;} #notice1 .staff-table tbody th,#notice1 .staff-table tbody td{font-size:1.5rem;} } @media all and (max-width:480px){ #notice1 .staff-table th,#notice1 .staff-table td{padding:1.1em .7em;} #notice1 .staff-table thead th{font-size:1.5rem;} #notice1 .staff-table tbody th,#notice1 .staff-table tbody td{font-size:1.4rem;} #notice1 .staff-notice{margin-top:10px; font-size:1.3rem;} }