section {margin-top: 120px} .outerBox {border-radius: 25px;padding: 120px 150px;color: #62523C;margin: 0 50px;background: #F7F6F3;overflow: hidden;position: relative} .outerBox .ls {width: 40%;margin-right: 5%} .outerBox .ls h2 {font-family: 'Outfit','Pretendard-ExtraBold';font-size: 60px;font-weight: 800;letter-spacing: -1%} .outerBox .rs {width: 55%;padding-top: 200px;font-size: 18px;line-height: 1.8em} .outerBox .rs h3 {font-family: 'Pretendard-SemiBold';font-size: 32px;line-height: 1.3em;margin-bottom: 30px} .outerBox .rs .text {font-size: 16px} #welcome01 {background: #F7F6F3;} #welcome02 {background: url('/dist/image/sub/welcome_img2.jpg') no-repeat;background-size: cover;color: #ffffff !important} #doctors01 {background: url('/dist/image/sub/doctors_img1.jpg') no-repeat;background-size: cover;color: #ffffff !important;min-height: 800px} #doctors01 h2 {color: rgba(58, 60, 38, 0.7)} #doctors01 .ls {display: flex;flex-direction: column;justify-content: space-between;} #doctors01 .ls .namebox .name {font-family: 'Gowun Dodum';font-size: 32px;letter-spacing: 20%;line-height: 1em;margin: 10px 0 30px} #doctors01 .ls .namebox .text {line-height: 1.6em;font-size: 17px} #doctors02 {background: url('/dist/image/sub/doc2.png') no-repeat;background-position: right bottom;background-color: #F7F6F3;min-height: 800px} #doctors02 .doctor {position: absolute;bottom: 0;right: 15%} #doctors02 .doctor img {max-height: 700px} #tour2 {position: relative;border-radius: 25px;margin: 0 50px;width:auto;height: 800px;background: #f7f6f3;overflow: hidden;} #tour2 .item {height: 800px;position: relative} #tour2 .info {position: absolute;padding: 30px 40px;border-radius: 10px;background:rgba(247, 246, 243, 0.8);left: 110px;bottom: 80px;min-width: 500px;backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px );z-index: 9} #tour2 .info .counter {font-size: 12px;font-family: 'Outfit';margin-top: } #tour2 .info .subject {font-size: 24px;font-family: Pretendard-SemiBold;} #tour2 .info .bodytext {margin-top: 10px;font-family: Pretendard-Regular;font-size: 15px;} #tour2 .left {position: absolute;left: 30px;top:calc(50% - 25px);cursor: pointer;z-index: 9} #tour2 .right {position: absolute;right: 30px;top:calc(50% - 25px);cursor: pointer;z-index: 9} #map01 .telbox {margin-top: 30px} #map01 .telbox .obj {margin-top: 30px} #map01 .telbox .obj:first-child {margin-right: 60px} #map01 .telbox .obj label {font-size: 18px;font-family: 'Pretendard-SemiBold';margin-bottom: 10px} #map01 .telbox .obj .tel {font-size: 35px;;font-family: 'Outfit';} #map01 .telbox .obj .bt {} #map01 .timetbl {border-radius: 15px;overflow: hidden;margin-top: 40px;border: 1px solid #ECECEC;} #map01 .timetbl table {width: 100%} #map01 .timetbl table tr th {height: 60px;background: #62523C;color: #ffffff;text-align: center;font-size: 14px;font-family: 'Pretendard-SemiBold';border-right: 1px solid rgba(255, 255, 255, 0.127);} #map01 .timetbl table tr {background: #ffffff;} #map01 .timetbl table tr:nth-child(3) {background: #F5F5F5} #map01 .timetbl table tr td {height: 60px;text-align: center;font-size: 14px;line-height: 1.4em;border-right: 1px solid #ECECEC;position: relative} #map01 .timetbl table tr td small {font-size: 12px;font-family: 'Pretendard-SemiBold';} #map01 .timetbl table tr td i {font-size: 10px;font-family: 'Pretendard-SemiBold';position: absolute;width: 100%;text-align: center;left: 0;bottom: 2px} #map01 .timetbl table tr td div {width: 13px;aspect-ratio: 1/1;background: #62523C;margin: 0 auto;border-radius: 99px} #map01 .timetbl table tr th:last-child, #map01 .timetbl table tr td:last-child {border-right: 0} #map01 .dash {margin-top: 10px;font-size: 15px} #kakaomap {height: 600px} #map03 {background: url('/dist/image/sub/map.jpg') no-repeat;background-size: cover;color: #ffffff !important} #map03 .rs .obj {width: 50%;font-size: 16px;margin-bottom: 50px;padding-left: 30px} #map03 .rs .obj:first-child {width: 100%} #map03 .rs .obj:last-child {margin-bottom: 0} #map03 .rs .obj label {font-size: 18px;font-family: 'Pretendard-ExtraBold';margin-bottom: 15px} #map03 .rs .obj .address {font-size: 20px;margin-bottom: 5px} #map03 .rs .obj .bt {margin-top: 20px} #map03 .obj .text2 label {border: 1px solid #ffffff;font-size: 13px;font-family: 'Pretendard-Regular';border-radius: 3px;padding: 8px 10px;margin-right: 2px;line-height: 1em} #map03 .obj .text2 label.h {background: #ffffff;color: #56493a;margin-right: 5px} /* 클리닉 */ .clinicBox {padding: 0 !important} .mise_label {background: #86745b;color: #ffffff;font-size: 13px;letter-spacing: 30%;font-family: 'Outfit';text-align: center;width: 300px;line-height: 70px;margin: 0 auto} #was {background: #62523b;color: #ffffff} #nevus {background: #928673;color: #ffffff} #betu {background: #a08e8a;color: #ffffff} #cosmetic {background: #b59bb2;color: #ffffff} #petit {background: #4fa7a6;color: #ffffff} .clinic_head {margin-top: 80px;text-align: center} .clinic_head .cate {font-family: 'Pretendard-Bold';font-size: 16px} .clinic_head .title {font-family: 'Pretendard-SemiBold';font-size: 50px} .clinic_body {margin-top: 50px;text-align: center} .clinic_body .text {font-size: 18px;line-height: 1.8em} .clinic_body .img {margin: 80px auto} .clinic_body2 {background: #ece9e1;padding: 80px 0} .noti {font-size: 18px;font-family: 'Pretendard-SemiBold';text-align: center;margin-bottom: 50px} .clinic_body2 .innerBox {background: rgba(255, 255, 255, 0.8);padding: 50px;border-radius: 25px} .clinic_body2 .innerBox.half {width: 550px;margin: 0 15px;} .clinic_body2 .innerBox.third {width: 350px;margin: 0 15px;text-align: center} .clinic_body2 .innerBox.quarter {width: 320px;margin: 0 15px;text-align: center} .clinic_body2 .innerBox .label {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox .t {margin-top: 30px;line-height: 1.8em} .clinic_body2 .innerBox ul li {line-height: 1.6em} .clinic_body2 .innerBox.iconBox .label {background: #86745b;color: #ffffff;padding: 8px 20px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox.iconBox .t {margin-top: 20px;font-size: 15px;line-height: 1.8em} .clinic_body2 .innerBox.iconBox .icon {margin-bottom: 30px;} .clinic_body3 {background: #ffffff;padding: 130px 0;position: relative} .clinic_body3 .carousel {width: 1200px;margin: 0 auto} .clinic_body3 .carousel .item {text-align: center;} .clinic_body3 .carousel .item img {width: 340px;margin: 0 auto 20px} .clinic_body3 .carousel .item .t1 {font-size: 15px;font-family: 'Pretendard-Medium';} .clinic_body3 .left {position: absolute;left: calc(50% - 650px);top:calc(50% - 25px);cursor: pointer;z-index: 9} .clinic_body3 .right {position: absolute;right: calc(50% - 650px);;top:calc(50% - 25px);cursor: pointer;z-index: 9} .clinic_list {padding: 100px 0} .clinic_list2 {padding: 100px 0;background: #ece9e1;} .clinic_flex {width: 1100px;margin: 0 auto} .clinic_flex . {width: 400px;} .clinic_flex .left img {width: 320px;} .clinic_flex .right {width: 700px} .clinic_flex .right .subject {font-family: 'Pretendard-Bold';font-size: 24px;margin-bottom: 20px} .clinic_flex .right .t {font-size: 18px;line-height: 1.8em} .flex_2 {margin: 80px auto;width: 1300px} .flex_2 .item {width:48%;margin: 1%;text-align: left;background: rgba(135, 116, 91, 0.2);border-radius: 190px;padding: 20px} .flex_2 .item .card_img {width: 35%;margin-right: 5%} .flex_2 .item .card_img img {width: 100%} .flex_2 .item .card_text {width: 60%;padding-right: 5%} .flex_2 .item .card_text .subjet {font-size: 20px;font-family: 'Pretendard-Bold';} .flex_2 .item .card_text .t {font-size: 16px;line-height: 1.6em;margin-top:10px} .flex_3 {margin: 80px auto} .flex_3 .item {width: 390px;margin: 0 10px;text-align: center} .flex_3 .item .card_img {margin-bottom: 40px} .flex_3 .item .subjet {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .flex_3 .item .t {font-size: 16px;line-height: 1.8em;margin-top:40px} .flex_3p {margin: 80px auto 0} .flex_3p .item {width: 390px;margin: 0 10px;text-align: center;padding: 80px 35px} .flex_3p .item:nth-child(even) {background: #f0ede9} .flex_3p .item .subjet {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .flex_3p .item .t {font-size: 16px;line-height: 1.8em;margin-top:40px} /*비급여*/ #notinsured02 {background: #FCF8F9} .pay_tbl {border: 1px solid #DAE8DF;margin: 40px auto 0;border-radius: 15px;overflow: hidden;font-size: 13px;word-break:keep-all} .pay_tbl table {background:#FAFAF7;margin: 0;width: 100%;border-radius: 15px;overflow: hidden} .pay_tbl table {background: #fff} .pay_tbl table thead {border-bottom: 1px solid rgba(255, 255, 255, 0.4);background: #f16987;color: #fff;font-weight: 100;font-family: 'Pretendard-SemiBold';} .pay_tbl table thead tr {border-bottom: 1px solid rgba(255, 255, 255, 0.4)} .pay_tbl table thead tr th {height: 60px;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.4)} .pay_tbl table tbody tr {border-bottom: 1px solid #DAE8DF} .pay_tbl table tbody tr:last-child {border-bottom: 0} .pay_tbl table tbody tr td {text-align: center;height: 76px;vertical-align: middle;border-right: 1px solid #DAE8DF;line-height: 1.4em;width:13.5%;padding: 10px 0} .pay_tbl table tbody tr td.b {font-family: 'Pretendard-SemiBold';} .pay_tbl table tbody tr td:first-child span {display: block;font-size: 13px;font-family: 'Pretendard-Regular';} .pay_tbl table tr td:last-child {border-right: 0} .pay_tbl table tr td span {white-space: nowrap} .pay_tbl table tbody tr th.code, .pay_tbl table tbody tr td.code {width: 8%} .pay_tbl table tbody tr td.sm {font-size: 13px} /* 소식 */ .news_wrap {padding: 0 100px;overflow: hidden} .news_wrap .news_title {margin:80px 0 50px} .news_wrap .news_title h2 {font-size: 60px;font-family: 'Pretendard-ExtraBold';color: #62523C} .news_list li {font-family: 'Pretendard-Bold';border-radius: 32px;padding: 50px;background-color: #f7f6f3;margin: 20px 0;cursor: pointer} .news_list li:hover {background: #f6f1ec} .news_list li .subject {font-size: 20px;color: #62523C;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;} .news_list li .date {font-size: 16px;color: #A8A094;font-family: 'Outfit';font-weight: 600} .schedule_list .inner {font-family: 'Pretendard-Bold';border-radius: 32px;padding: 70px;background-color: #f7f7f7;cursor: pointer;width: 48.5%} .schedule_list .inner:hover {background: #efefef} .schedule_list .inner:hover .subject {color: #1d3a5e;} .schedule_list .inner .subject {font-size: 40px;line-height: 1.2em;color: #7B8188} .schedule_list .inner .date {margin-top: 170px;color: #8D95A0} .news_view {margin: 200px 100px 70px;color: #62523C;position: relative;display: flex} .news_view .board_view_head {width: 40%;height: calc(var(--vh100) - var(--header) - 200px);position: sticky;;padding-right: 5%;top:200px} .news_view .board_view_body {min-height: calc(var(--vh100) - var(--header) - 200px); width: 60%;} .news_view .board_view_head h3 {font-size: 50px;font-family: 'Pretendard-Bold';} .news_view .board_view_head h3 span {display: block} .news_view .board_view_head .date {margin-top: 50px;color: #8D95A0;font-size: 16px;font-family: 'Outfit';font-weight: 600} .news_view .board_view_body .inner {font-size: 18px;line-height: 1.8em} .board_view_body .inner img{max-width:100%; height: auto;} .board_view_head .file_box{margin-top: 40px;} .board_view_head .file_box ul{margin-bottom: 0;font-size: 14px} .board_view_head .file_box ul li{ display: table;} .board_view_head .file_box ul li a{text-decoration: none;} .board_view_head .file_box ul li a .file_wrap{display: flex; padding: 10px 20px; border-radius: 5px; background:#20344E; color:#fff; transition: background .4s;} .board_view_head .file_box ul li a .file_wrap:hover{background: #334863;} .board_view_head .file_box ul li a .file_wrap .name{margin-right:10px;} .board_view_head .back {position: absolute;bottom: 0} .board_view_head .back button {background: #62523C;border: 0;font-size: 22px;font-family: 'Pretendard-ExtraBold';color: #ffffff;border-radius: 99px;padding: 10px 20px} .board_view_head .back button img {margin-right: 10px} .board_view_head .back button:hover {background: rgba(69, 58, 41, 1)} .board_view_body .back {display: none} @media screen and (max-width:1440px) { /* 클리닉 */ .clinicBox {padding: 0 !important} .mise_label {background: #86745b;color: #ffffff;font-size: 13px;letter-spacing: 30%;font-family: 'Outfit';text-align: center;width: 300px;line-height: 70px;margin: 0 auto} .clinic_head {margin-top: 80px;text-align: center} .clinic_head .cate {font-family: 'Pretendard-Bold';font-size: 16px} .clinic_head .title {font-family: 'Pretendard-SemiBold';font-size: 50px} .clinic_body {margin-top: 50px;text-align: center} .clinic_body .text {font-size: 18px;line-height: 1.8em} .clinic_body .img {margin: 80px auto} .clinic_body2 {background: #ece9e1;padding: 80px 0} .noti {font-size: 18px;font-family: 'Pretendard-SemiBold';text-align: center;margin-bottom: 50px} .clinic_body2 .innerBox {background: rgba(255, 255, 255, 0.8);padding: 50px;border-radius: 25px} .clinic_body2 .innerBox.half {width: 43%;margin: 0 1%;} .clinic_body2 .innerBox.third {width: 25%;margin: 0 1%;text-align: center} .clinic_body2 .innerBox.quarter {width: 20%;margin: 0 1%;text-align: center} .clinic_body2 .innerBox .label {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox .t {margin-top: 30px;line-height: 1.8em} .clinic_body2 .innerBox ul li {line-height: 1.6em} .clinic_body2 .innerBox.iconBox .label {background: #86745b;color: #ffffff;padding: 8px 20px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox.iconBox .t {margin-top: 20px;font-size: 15px;line-height: 1.8em} .clinic_body2 .innerBox.iconBox .icon {margin-bottom: 30px;} .clinic_body3 {background: #ffffff;padding: 130px 0;position: relative} .clinic_body3 .carousel {width: 90%;margin: 0 auto} .clinic_body3 .carousel .item {text-align: center;} .clinic_body3 .carousel .item img {width: 80%;margin: 0 auto 20px} .clinic_body3 .carousel .item .t1 {font-size: 15px;font-family: 'Pretendard-Medium';} .clinic_body3 .left {position: absolute;left: 10px;top:calc(50% - 15px);cursor: pointer;z-index: 9} .clinic_body3 .right {position: absolute;right: 10px;top:calc(50% - 15px);cursor: pointer;z-index: 9} .clinic_body3 .left img, .clinic_body3 .right img {width: 30px} .clinic_list {padding: 100px 0} .clinic_list2 {padding: 100px 0;background: #ece9e1;} .clinic_flex {width: 1100px;margin: 0 auto} .clinic_flex . {width: 400px;} .clinic_flex .left img {width: 320px;} .clinic_flex .right {width: 700px} .clinic_flex .right .subject {font-family: 'Pretendard-Bold';font-size: 24px;margin-bottom: 20px} .clinic_flex .right .t {font-size: 18px;line-height: 1.8em} .flex_2 {margin: 80px auto;width: auto} .flex_2 .item {width:45%;margin: 1%;text-align: left;background: rgba(135, 116, 91, 0.2);border-radius: 190px;padding: 20px} .flex_2 .item .card_img {width: 35%;margin-right: 5%} .flex_2 .item .card_img img {width: 100%} .flex_2 .item .card_text {width: 60%;padding-right: 5%} .flex_2 .item .card_text .subjet {font-size: 20px;font-family: 'Pretendard-Bold';} .flex_2 .item .card_text .t {font-size: 16px;line-height: 1.6em;margin-top:10px} .flex_3 {margin: 80px auto} .flex_3 .item {width: 28%;margin: 0 1%;text-align: center} .flex_3 .item .card_img {margin-bottom: 40px} .flex_3 .item .card_img img {width: 80%} .flex_3 .item .subjet {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .flex_3 .item .t {font-size: 16px;line-height: 1.8em;margin-top:40px} .flex_3p {margin: 80px auto 0} .flex_3p .item {width: 31%;margin: 0;text-align: center;padding: 80px 35px} .flex_3p .item:nth-child(even) {background: #f0ede9} .flex_3p .item .subjet {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .flex_3p .item .t {font-size: 16px;line-height: 1.8em;margin-top:40px} } @media screen and (max-width:1320px) { /* 소식 */ .news_wrap {padding: 0 4%;overflow: hidden} .news_wrap .news_title {margin:50px 0 50px} .news_wrap .news_title h2 {font-size: 50px;font-family: 'Pretendard-ExtraBold';color: #62523C} .news_list li {font-family: 'Pretendard-Bold';border-radius: 32px;padding: 50px;background-color: #f7f6f3;margin: 20px 0;cursor: pointer} .news_list li:hover {background: #f6f1ec} .news_list li .subject {font-size: 20px;color: #62523C;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;} .news_list li .date {font-size: 16px;color: #A8A094;font-family: 'Outfit';font-weight: 600} .schedule_list .inner {font-family: 'Pretendard-Bold';border-radius: 32px;padding: 70px;background-color: #f7f7f7;cursor: pointer;width: 48.5%} .schedule_list .inner:hover {background: #efefef} .schedule_list .inner:hover .subject {color: #1d3a5e;} .schedule_list .inner .subject {font-size: 40px;line-height: 1.2em;color: #7B8188} .schedule_list .inner .date {margin-top: 170px;color: #8D95A0} .news_view {margin: 200px 100px 70px;color: #62523C;position: relative;display: flex} .news_view .board_view_head {width: 40%;height: calc(var(--vh100) - var(--header) - 200px);position: sticky;;padding-right: 5%;top:200px} .news_view .board_view_body {min-height: calc(var(--vh100) - var(--header) - 200px); width: 60%;} .news_view .board_view_head h3 {font-size: 50px;font-family: 'Pretendard-Bold';} .news_view .board_view_head h3 span {display: block} .news_view .board_view_head .date {margin-top: 50px;color: #8D95A0;font-size: 16px;font-family: 'Outfit';font-weight: 600} .news_view .board_view_body .inner {font-size: 18px;line-height: 1.8em} .board_view_body .inner img{max-width:100%; height: auto;} .board_view_head .file_box{margin-top: 40px;} .board_view_head .file_box ul{margin-bottom: 0;font-size: 14px} .board_view_head .file_box ul li{ display: table;} .board_view_head .file_box ul li a{text-decoration: none;} .board_view_head .file_box ul li a .file_wrap{display: flex; padding: 10px 20px; border-radius: 5px; background:#20344E; color:#fff; transition: background .4s;} .board_view_head .file_box ul li a .file_wrap:hover{background: #334863;} .board_view_head .file_box ul li a .file_wrap .name{margin-right:10px;} .board_view_head .back {position: absolute;bottom: 0} .board_view_head .back button {background: #62523C;border: 0;font-size: 22px;font-family: 'Pretendard-ExtraBold';color: #ffffff;border-radius: 99px;padding: 10px 20px} .board_view_head .back button img {margin-right: 10px} .board_view_head .back button:hover {background: rgba(69, 58, 41, 1)} .board_view_body .back {display: none} } @media screen and (max-width:1280px) { .outerBox {border-radius: 25px;padding: 100px 100px;color: #62523C;margin: 0 50px;background: #F7F6F3;overflow: hidden;position: relative} .outerBox .ls {width: 40%;margin-right: 5%} .outerBox .ls h2 {font-family: 'Outfit','Pretendard-ExtraBold';font-size: 60px;font-weight: 800;letter-spacing: -1%} .outerBox .rs {width: 55%;padding-top: 200px;font-size: 18px;line-height: 1.8em} .outerBox .rs h3 {font-family: 'Gowun Dodum';font-size: 32px;line-height: 1.3em;margin-bottom: 30px} .outerBox .rs .text {font-size: 16px} .clinic_list {padding: 100px 0} .clinic_list2 {padding: 100px 0;background: #ece9e1;} .clinic_flex {width: 90%;margin: 0 auto} .clinic_flex .left {width: 40%;} .clinic_flex .left img {max-width: 90%;} .clinic_flex .right {width: 60%} .clinic_flex .right .subject {font-family: 'Pretendard-Bold';font-size: 24px;margin-bottom: 20px} .clinic_flex .right .t {font-size: 18px;line-height: 1.8em} } @media screen and (max-width:1200px) { #doctors01 {background: url('/dist/image/sub/doctors_img1.jpg') no-repeat;background-size: cover;color: #ffffff !important;min-height: 600px} #doctors01 .ls {display: flex;flex-direction: column;justify-content: space-between;} #doctors01 .ls .namebox .name {font-family: 'Gowun Dodum';font-size: 32px;letter-spacing: 20%;line-height: 1em;margin: 10px 0 30px} #doctors01 .ls .namebox .text {line-height: 1.6em;font-size: 16px} #doctors02 {background: url('/dist/image/sub/doc2.png') no-repeat;background-position: right bottom;background-color: #F7F6F3;min-height: 600px;background-size: 40%} #doctors02 .doctor {position: absolute;bottom: 0;right: 10%} #doctors02 .doctor img {max-height: 600px} /* 클리닉 */ .clinicBox {padding: 0 !important} .mise_label {background: #86745b;color: #ffffff;font-size: 12px;letter-spacing: 30%;font-family: 'Outfit';text-align: center;width: 260px;line-height: 50px;margin: 0 auto} .clinic_head {margin-top: 80px;text-align: center} .clinic_head .cate {font-family: 'Pretendard-Bold';font-size: 16px} .clinic_head .title {font-family: 'Pretendard-SemiBold';font-size: 45px} .clinic_body {margin-top: 50px;text-align: center} .clinic_body .text {font-size: 17px;line-height: 1.8em;padding: 0 5%} .clinic_body .img {margin: 80px auto} .clinic_body .img img {max-width: 80%} .flex_2 {margin: 80px auto;width: auto} .flex_2 .item {width:70%;margin: 1%;text-align: left;background: rgba(135, 116, 91, 0.2);border-radius: 190px;padding: 20px} .flex_2 .item .card_img {width: 35%;margin-right: 5%} .flex_2 .item .card_img img {width: 100%} .flex_2 .item .card_text {width: 60%;padding-right: 5%} .flex_2 .item .card_text .subjet {font-size: 20px;font-family: 'Pretendard-Bold';} .flex_2 .item .card_text .t {font-size: 16px;line-height: 1.6em;margin-top:10px} .flex_3 {margin: 80px auto} .flex_3 .item {width: 70%;margin: 20px 0;text-align: left;display: flex; align-items: center;} .flex_3 .item .card_img {margin-bottom: 0;width: 45%} .flex_3 .item .card_img img {width: 80%} .flex_3 .item .fxi {width: 55%;} .flex_3 .item .subjet {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0;border-radius: 99px} .flex_3 .item .t {font-size: 16px;line-height: 1.8em;margin-top:20px} } @media screen and (max-width:1100px) { } @media screen and (max-width:991px) { .outerBox {border-radius: 25px;padding: 80px 80px;color: #62523C;margin: 0 50px;background: #F7F6F3;overflow: hidden;position: relative} .outerBox .ls {width: 40%;margin-right: 5%} .outerBox .ls h2 {font-family: 'Outfit','Pretendard-ExtraBold';font-size: 50px;font-weight: 800;letter-spacing: -1%} .outerBox .rs {width: 55%;padding-top: 200px;font-size: 16px;line-height: 1.8em} .outerBox .rs h3 {font-family: 'Gowun Dodum';font-size: 28px;line-height: 1.3em;margin-bottom: 30px} .outerBox .rs .text {font-size: 16px} #tour2 {position: relative;border-radius: 25px;margin: 0 50px;width:auto;height: 700px;background: #f7f6f3;overflow: hidden;} #tour2 .item {height: 700px;position: relative} #tour2 .info {position: absolute;padding: 30px 40px;border-radius: 10px;background:rgba(247, 246, 243, 0.8);left: 50%; transform: translateX(-50%);bottom: 50px;min-width: 500px;backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px );z-index: 9} #tour2 .info .counter {font-size: 12px;font-family: 'Outfit';margin-top: } #tour2 .info .subject {font-size: 24px;font-family: Pretendard-SemiBold;} #tour2 .info .bodytext {margin-top: 10px;font-family: Pretendard-Regular;font-size: 15px;} #tour2 .left {position: absolute;left: 30px;top:calc(50% - 25px);cursor: pointer;z-index: 9} #tour2 .right {position: absolute;right: 30px;top:calc(50% - 25px);cursor: pointer;z-index: 9} .flex_3p {margin: 40px auto 0} .flex_3p .item {width: 100%;margin: 0 0;text-align: center;padding: 80px 5%} .flex_3p .item:nth-child(even) {background: #f0ede9} .flex_3p .item .subjet {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .flex_3p .item .t {font-size: 16px;line-height: 1.8em;margin-top:40px} .news_view {margin: 180px 4%;color: #62523C;position: relative;display: block} .news_view .board_view_head {width: 100%;height:auto;position: relative;padding-right: 0;top:0;text-align: center} .news_view .board_view_body {min-height: auto; width:100%;margin-top: 30px} .news_view .board_view_head h3 {font-size: 36px;font-family: 'Pretendard-Bold';} .news_view .board_view_head h3 span {display: block} .news_view .board_view_head .date {margin-top: 20px;color: #8D95A0;font-size: 16px;font-family: 'Outfit';font-weight: 600} .news_view .board_view_body .inner {font-size: 16px;line-height: 1.8em;min-height: 300px; background: #fafafa;padding: 5%;border-radius: 15px} .board_view_body .inner img{max-width:100%; height: auto;} .board_view_head .file_box{margin-top: 40px;} .board_view_head .file_box ul{margin-bottom: 0;font-size: 14px} .board_view_head .file_box ul li{ display: table;} .board_view_head .file_box ul li a{text-decoration: none;} .board_view_head .file_box ul li a .file_wrap{display: flex; padding: 10px 20px; border-radius: 5px; background:#20344E; color:#fff; transition: background .4s;} .board_view_head .file_box ul li a .file_wrap:hover{background: #334863;} .board_view_head .file_box ul li a .file_wrap .name{margin-right:10px;} .board_view_head .back {display: none} .board_view_body .back {display: block;text-align: center;margin-top: 20px} .board_view_body .back button {background: #62523C;border: 0;font-size: 20px;font-family: 'Pretendard-ExtraBold';color: #ffffff;border-radius: 99px;padding: 10px 20px} .board_view_body .back button img {margin-right: 10px} .board_view_body .back button:hover {background: rgba(69, 58, 41, 1)} } @media screen and (max-width:860px) { section {margin-top: 70px} .outerBox {border-radius: 15px;padding: 60px;color: #62523C;margin: 0 4%;background: #F7F6F3;overflow: hidden;position: relative} .outerBox .ls {width: 100%;margin-right: 0%} .outerBox .ls h2 {font-family: 'Outfit','Pretendard-ExtraBold';font-size: 45px;font-weight: 800;letter-spacing: -1%} .outerBox .rs {width: 100%;padding-top: 50px;font-size: 16px;line-height: 1.8em} .outerBox .rs h3 {font-family: 'Gowun Dodum';font-size: 26px;line-height: 1.3em;margin-bottom: 30px} .outerBox .rs .text {font-size: 16px} #doctors01 {background: url('/dist/image/sub/doctors_img1.jpg') no-repeat;background-size: cover;color: #ffffff !important;min-height: 500px} #doctors01 .ls {display: flex;flex-direction: column;justify-content: space-between;} #doctors01 .ls .namebox .name {font-family: 'Gowun Dodum';font-size: 32px;letter-spacing: 20%;line-height: 1em;margin: 10px 0 30px} #doctors01 .ls .namebox .text {line-height: 1.6em;font-size: 16px} #doctors02 {background: url('/dist/image/sub/doc2.png') no-repeat;background-position: right bottom;background-color: #F7F6F3;min-height: 600px;background-size: 50%} #doctors02 .doctor {position: absolute;bottom: 0;right: 5%} #doctors02 .doctor img {max-height: 500px} #tour2 {position: relative;border-radius: 15px;margin: 0 4%;width:auto;height: 600px;background: #f7f6f3;overflow: hidden;} #tour2 .item {height: 600px;position: relative} #tour2 .info {position: absolute;padding: 30px 40px;border-radius: 0;background:rgba(247, 246, 243, 0.8);left: 50%; transform: translateX(-50%);bottom: 0;min-width: 100%;backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px );z-index: 9} #tour2 .info .counter {font-size: 12px;font-family: 'Outfit';margin-top: } #tour2 .info .subject {font-size: 24px;font-family: Pretendard-SemiBold;} #tour2 .info .bodytext {margin-top: 10px;font-family: Pretendard-Regular;font-size: 15px;} #tour2 .left {position: absolute;left: 20px;top:calc(50% - 20px);cursor: pointer;z-index: 9} #tour2 .right {position: absolute;right: 20px;top:calc(50% - 20px);cursor: pointer;z-index: 9} #tour2 .prev_btn img, #tour2 .next_btn img {width: 40px} .clinic_body2 {background: #ece9e1;padding: 80px 0} .noti {font-size: 18px;font-family: 'Pretendard-SemiBold';text-align: center;margin-bottom: 50px} .clinic_body2 .innerBox {background: rgba(255, 255, 255, 0.8);padding: 40px 30px;border-radius: 25px} .clinic_body2 .innerBox.half {width: 45%;margin: 0 1%;} .clinic_body2 .innerBox.third {width: 30%;margin: 0 1%;text-align: center} .clinic_body2 .innerBox.quarter {width: 22%;margin: 0 1%;text-align: center;padding: 40px 10px} .clinic_body2 .innerBox .label {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox .t {margin-top: 30px;line-height: 1.8em} .clinic_body2 .innerBox ul li {line-height: 1.6em} .clinic_body2 .innerBox.iconBox .label {background: #86745b;color: #ffffff;padding: 5px 20px;font-size: 12px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox.iconBox .t {margin-top: 20px;font-size: 14px;line-height: 1.6em} .clinic_body2 .innerBox.iconBox .icon {margin-bottom: 20px;} .clinic_body2 .innerBox.iconBox .icon img {height: 35px} .news_view {margin: 120px 4%;color: #62523C;position: relative;display: block} } @media screen and (max-width:620px) { #map01 .timetbl table tr td i {display: none} /* 클리닉 */ .clinicBox {padding: 0 !important} .mise_label {background: #86745b;color: #ffffff;font-size: 10px;letter-spacing: 30%;font-family: 'Outfit';text-align: center;width: 220px;line-height: 36px;margin: 0 auto} .clinic_head {margin-top: 80px;text-align: center} .clinic_head .cate {font-family: 'Pretendard-Bold';font-size: 15px} .clinic_head .title {font-family: 'Pretendard-SemiBold';font-size: 42px} .clinic_body {margin-top: 50px;text-align: center} .clinic_body .text {font-size: 16px;line-height: 1.8em;padding: 0 5%} .clinic_body .img {margin: 60px auto} .clinic_body .img img {max-width: 70%} .clinic_body2 {background: #ece9e1;padding: 40px 0} .noti {font-size: 16px;font-family: 'Pretendard-SemiBold';text-align: center;margin-bottom: 50px;padding: 0 5%} .clinic_body2 .innerBox {background: rgba(255, 255, 255, 0.8);padding: 40px 30px;border-radius: 25px} .clinic_body2 .innerBox.half {width: 90%;margin: 3% 0;} .clinic_body2 .innerBox.third {width: 90%;margin: 3% 0;text-align: center;padding: 40px 10px} .clinic_body2 .innerBox.quarter {width: 90%;margin: 3% 0;text-align: center;padding: 40px 10px} .clinic_body2 .innerBox .label {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 13px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox .t {margin-top: 30px;line-height: 1.8em} .clinic_body2 .innerBox ul li {line-height: 1.6em} .clinic_body2 .innerBox.iconBox .label {background: #86745b;color: #ffffff;padding: 5px 20px;font-size: 12px;font-family: 'Pretendard-Medium';display: table;margin: 0 auto;border-radius: 99px} .clinic_body2 .innerBox.iconBox .t {margin-top: 20px;font-size: 14px;line-height: 1.6em} .clinic_body2 .innerBox.iconBox .icon {margin-bottom: 20px;} .clinic_body2 .innerBox.iconBox .icon img {height: 35px} .clinic_list {padding: 40px 0} .clinic_list2 {padding: 40px 0;background: #ece9e1;} .clinic_flex {width: 90%;margin: 0 auto;text-align: center} .clinic_flex .left {width: 100%} .clinic_flex .left img {max-width: 80%;} .clinic_flex .right {width: 100%;margin-top: 20px} .clinic_flex .right .subject {font-family: 'Pretendard-Bold';font-size: 20px;margin-bottom: 20px} .clinic_flex .right .t {font-size: 16px;line-height: 1.8em} .flex_2 {margin: 40px auto;width: auto} .flex_2 .item {width:90%;margin: 30px auto;;text-align: center;background: transparent;border-radius: 0;padding: 0} .flex_2 .item .card_img {width: 100%;margin-right: 0} .flex_2 .item .card_img img {width: 50%} .flex_2 .item .card_text {width: 100%;padding: 0 5%;margin-top: 20px} .flex_2 .item .card_text .subjet {font-size: 20px;font-family: 'Pretendard-Bold';} .flex_2 .item .card_text .t {font-size: 16px;line-height: 1.6em;margin-top:10px} .flex_3 {margin: 40px auto} .flex_3 .item {width: 90%;margin: 30px auto;text-align: center;display: block} .flex_3 .item .card_img {margin-bottom: 0;width: 100%} .flex_3 .item .card_img img {width: 50%} .flex_3 .item .fxi {width: 100%;} .flex_3 .item .subjet {background: #86745b;color: #ffffff;padding: 12px 30px;font-size: 14px;font-family: 'Pretendard-Medium';display: table;margin: 30px auto 0;border-radius: 99px} .flex_3 .item .t {font-size: 16px;line-height: 1.8em;margin-top:20px} /* 소식 */ .news_wrap {padding: 0 4%;overflow: hidden} .news_wrap .news_title {margin:30px 0 30px} .news_wrap .news_title h2 {font-size: 40px;font-family: 'Pretendard-ExtraBold';color: #62523C;text-align: center} .news_list li {font-family: 'Pretendard-Bold';border-radius:15px;padding: 50px;background-color: #f7f6f3;margin: 20px 0;cursor: pointer} .news_list li:hover {background: #f6f1ec} .news_list li .subject {font-size: 18px;color: #62523C;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;} .news_list li .date {font-size: 16px;color: #A8A094;font-family: 'Outfit';font-weight: 600;margin-top: 20px} .schedule_list .inner {font-family: 'Pretendard-Bold';border-radius: 32px;padding: 70px;background-color: #f7f7f7;cursor: pointer;width: 48.5%} .schedule_list .inner:hover {background: #efefef} .schedule_list .inner:hover .subject {color: #1d3a5e;} .schedule_list .inner .subject {font-size: 40px;line-height: 1.2em;color: #7B8188} .schedule_list .inner .date {margin-top: 170px;color: #8D95A0} } @media screen and (max-width:520px) { section {margin-top: 70px} .outerBox {border-radius: 15px;padding: 50px 40px;color: #62523C;margin: 0 4%;background: #F7F6F3;overflow: hidden;position: relative} .outerBox .ls {width: 100%;margin-right: 0%} .outerBox .ls h2 {font-family: 'Outfit','Pretendard-ExtraBold';font-size: 35px;font-weight: 800;letter-spacing: -1%} .outerBox .rs {width: 100%;padding-top: 50px;font-size: 16px;line-height: 1.8em} .outerBox .rs h3 {font-family: 'Gowun Dodum';font-size: 24px;line-height: 1.3em;margin-bottom: 30px} .outerBox .rs .text {font-size: 15px} #doctors01 {background: url('/dist/image/sub/doctors_img1.jpg') no-repeat;background-size: cover;color: #ffffff !important;min-height: 550px} #doctors01 .ls {display: flex;flex-direction: column;justify-content: space-between;} #doctors01 .ls .namebox .name {font-family: 'Gowun Dodum';font-size: 32px;letter-spacing: 20%;line-height: 1em;margin: 10px 0 30px} #doctors01 .ls .namebox .text {line-height: 1.6em;font-size: 16px} #doctors02 {background: url('/dist/image/sub/doc2.png') no-repeat;background-position: right bottom;background-color: #F7F6F3;min-height: 600px;background-size: 80%} #doctors02 .doctor {position: relative;bottom: 0;right: 0;text-align: center;margin-bottom: -50px} #doctors02 .doctor img {max-height: 400px} #tour2 {position: relative;border-radius: 15px;margin: 0 4%;width:auto;height: 400px;background: #f7f6f3;overflow: hidden;} #tour2 .item {height: 400px;position: relative} #tour2 .info {position: absolute;padding: 20px 30px;border-radius: 0;background:rgba(247, 246, 243, 0.8);left: 50%; transform: translateX(-50%);bottom: 0;min-width: 100%;backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px );z-index: 9} #tour2 .info .counter {font-size: 12px;font-family: 'Outfit';margin-top: } #tour2 .info .subject {font-size: 16px;font-family: Pretendard-SemiBold;} #tour2 .info .bodytext {margin-top: 10px;font-family: Pretendard-Regular;font-size: 14px;} #tour2 .left {position: absolute;left: 20px;top:calc(50% - 20px);cursor: pointer;z-index: 9} #tour2 .right {position: absolute;right: 20px;top:calc(50% - 20px);cursor: pointer;z-index: 9} #tour2 .prev_btn img, #tour2 .next_btn img {width: 40px} #map01 .telbox {margin-top: 30px} #map01 .telbox .obj {margin-top: 30px} #map01 .telbox .obj:first-child {margin-right: 60px} #map01 .telbox .obj label {font-size: 16px;font-family: 'Pretendard-SemiBold';margin-bottom: 10px} #map01 .telbox .obj .tel {font-size: 26px;;font-family: 'Outfit';} #map01 .timetbl {border-radius: 5px;overflow: hidden;margin-top: 40px;border: 1px solid #ECECEC;} #map01 .timetbl table {width: 100%} #map01 .timetbl table tr th {height: 60px;background: #62523C;color: #ffffff;text-align: center;font-size: 14px;font-family: 'Pretendard-SemiBold';border-right: 1px solid rgba(255, 255, 255, 0.127);} #map01 .timetbl table tr th span {display: none} #map01 .timetbl table tr th:first-child {width: 80px !important} #map01 .timetbl table tr {background: #ffffff;} #map01 .timetbl table tr:nth-child(3) {background: #F5F5F5} #map01 .timetbl table tr td {height: 60px;text-align: center;font-size: 14px;line-height: 1.4em;border-right: 1px solid #ECECEC;} #map01 .timetbl table tr td small {font-size: 12px;font-family: 'Pretendard-SemiBold';} #map01 .timetbl table tr td div {width: 13px;aspect-ratio: 1/1;background: #62523C;margin: 0 auto;border-radius: 99px} #map01 .timetbl table tr th:last-child, #map01 .timetbl table tr td:last-child {border-right: 0} #map01 .dash {margin-top: 10px;font-size: 15px} #kakaomap {height: 400px} #map03 {background: url('/dist/image/sub/map.jpg') no-repeat;background-size: cover;color: #ffffff !important} #map03 .rs .obj {width: 100%;font-size: 15px;margin-bottom: 50px;padding-left: 0} #map03 .rs .obj:first-child {width: 100%} #map03 .rs .obj:last-child {margin-bottom: 0} #map03 .rs .obj label {font-size: 16px;font-family: 'Pretendard-ExtraBold';margin-bottom: 15px} #map03 .rs .obj .address {font-size: 20px;margin-bottom: 5px} #map03 .rs .obj .bt {margin-top: 20px} #map03 .obj .text2 label {border: 1px solid #ffffff;font-size: 13px;font-family: 'Pretendard-Regular';border-radius: 3px;padding: 8px 10px;margin-right: 2px;line-height: 1em} #map03 .obj .text2 label.h {background: #ffffff;color: #56493a;margin-right: 5px} }