@charset "utf-8"; @font-face { font-family: 'Hanamdaume'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/HANAMDAUM_Body.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } .page_tab { margin-bottom:60px; } .page_tab .ez-tab {display: flex; justify-content: center; } .page_tab .ez-tab li { font-size: 20px; } .page_tab .ez-tab li a { height: 35px; padding: 4px 30px 5px 30px; } .page_tab .ez-tab li a:hover { color: #333; } .page_tab .ez-tab li.active a { font-size: 20px; height: 40px; background-color: white; border: 1px solid #a4a4a4; border-bottom: none; color:#333; } .page_tab .ez-tab li.no-view-for-line { border-bottom: 1px solid #a4a4a4; } .page_tab2 {border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4; padding:6px 0;} .page_tab2 .ez-tab li { font-size: 20px; } .page_tab2 .ez-tab li a { height: 35px; padding: 4px 30px 5px 30px; border-radius: 0; background-color: white; } .page_tab2 .ez-tab li a:hover { color:#f36f21; } .page_tab2 .ez-tab li.active a { font-size: 20px; height: 40px; background-color: white; border: none; border-bottom: none; color: #f36f21; } .page_tab2 .ez-tab li.no-view-for-line { border-bottom: none; } .orange { color:#f36f21; } .white { color:#fff; } .flex { display:flex; justify-content:space-between; flex-wrap:wrap; } .flexC { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:3em; } .col-2 > li { width: 48%; } .page_title { display: block; margin: 0 0 18px 0; padding: 0 0 0 40px; color: #222; font-size: 28px; font-weight: 400; letter-spacing: -0.5px; background: url(/res/sub/bullet_title.png) no-repeat 0 3px; strong{ font-weight:700; } } .part + .part { margin-top:70px; } .part h2 {display: block; margin-bottom:36px; color:#222;font-size:30px;font-weight:300;letter-spacing:-1px;line-height:30px;text-align:center; padding-top:20px; } .part h2:before { content: ''; display: block; width: 50px; height: 3px; margin: 18px auto; background:#e97b3e; } .var {display:block;width:20px;height:1px;margin:18px 0;background:#e97b3e;} .var_center {display:block;width:20px;height:1px;margin:18px auto;background:#e97b3e;} .part h3 { display: block; margin: 0 0 18px 0; padding: 0 0 0 40px; color: #222; font-size: 28px; font-weight: 400; letter-spacing: -0.5px; background: url(/res/sub/bullet_title.png) no-repeat 0 3px; strong{ font-weight:700; } } .part .bullet { position: relative; padding: 40px; background: #f6f6f6; border: solid 1px #ddd; } .part ul.bullet li { display: block; position: relative; padding: 20px 0 20px 14px; border-bottom: dotted 1px #bbb; } .part ul.bullet li:before { display: block; content: ""; position: absolute; top: 32px; left: 0; background: #e97b3e; width: 4px; height: 4px; border-radius: 50%; } .part ul.bullet li:last-child { margin:0;border-bottom:none; } .part ul.bullet li strong, .part ul.normal li strong { color: #e97b3e; font-weight: 400; } .part ul.bullet li .title { position: relative; margin: 0 0 4px 0; color: #e97b3e; font-size: 19px; font-weight: 500; } .part ul.normal { padding: 40px; background: #f6f6f6; } .part ul.normal li { display: block; position: relative; padding: 10px 0 0 30px; line-height: 50px; border-bottom: dotted 1px #bbb; } .part ul.normal li:before { display: block; content: ""; position: absolute; top: 24px; left: 0; background: url(/res/sub/icon_check.png) no-repeat 0 50%; width: 21px; height: 20px; } .box_title { margin: 0 0 8px 0; color: #e97b3e; font-size: 22px; font-weight: 600; } .part p { word-break:keep-all;} .part p:after {display:block;visibility:hidden;clear:both;content:""} .part p strong {color:#e97b3e;font-weight:400;} .part p.center {text-align:center;} .part p.refer {margin:20px 0 0 0;font-size:18px;text-align:center;font-weight:500;} .part ul.number {padding:40px;border:solid 1px #ddd;} .part ul.number li {display:block;position:relative; padding: 20px 0 20px 46px; border-bottom:dotted 1px #bbb; } .part ul.number li:last-child {margin:0;border-bottom:none;} .part ul.number li .num {display:block;position:absolute;left:0;top:14px;width:36px;height:36px;font-family:'roboto';color:#fff;text-align:center;line-height:36px;font-weight:400;background:#e97b3e;border-radius:30px;} .part ul.number li strong {color:#e97b3e;font-weight:400;} .con_box { display:flex; } .con_box .img {width:40%; } .con_box .con { width:60%; background:#f6f6f6;; padding:3%; word-break:keep-all; } .con_box.reverse { flex-direction: row-reverse; } .con_full { .img { } .con { margin-top:60px; .title_icon { background: url(/res/sub/bullet_title2.png) no-repeat 0 9px; padding-left:40px; font-size:25px; font-weight:600; margin-bottom:20px } } } .title_sub {margin-bottom:18px; color:#222;font-size:20px;font-weight:500;line-height:26px;letter-spacing:-1px } .con > strong { color: #e97b3e; font-weight: 400; } .con_box .con .title { display: block; color: #222; font-size: 22px; font-weight: 400; line-height: 28px; letter-spacing: -1px; } .box .title_box { margin: 0 0 8px 0; color: #333; font-size: 19px; font-weight: 600; } .box { padding: 20px 30px; background: #fff; border: solid 1px #ffbb95; border-radius:15px; } .box_line { padding: 40px 30px; background: #fff; border-top: solid 1px #ffbb95; border-bottom: solid 1px #ffbb95; margin-bottom:30px; .txt { font-size:22px; } } .dream.flex { gap:2em; } .dream .item { width:calc((100% - 2em) / 2); border:1px solid #ccc; } .dream .item .title { color:#fff; font-size:25px;font-weight:800; background:#8c5e8f;padding:20px 30px; } .dream .item .txt { background:#fff; padding:30px; } .dreamcore_spec { } .dreamcore_spec ul li { display:flex; margin-bottom:30px; } .dreamcore_spec ul li .img { width:25%; border:1px solid #ccc; display:flex; justify-content: center; align-items: center; } .dreamcore_spec ul li .con { width:calc(75% - 3em); margin-left:3em; } .dreamcore_spec ul li .con .title {margin:0 0 8px 0;color:#222;font-size:28px;letter-spacing:-1px;} .dreamcore_spec ul li .con .title .num {display:inline-block;margin:0 12px 0 0;font-family:'roboto';color:#e97b3e;font-size:28px;font-weight:700;} .dreamcore_spec ul li .con .title strong {color:#e97b3e;font-weight:500;} .dreamcore_spec ul li .con p {margin-top:15px; word-break:keep-all;} .qa dl + dl { margin-top:30px; } .qa dl dt {display:block;margin:0 0 8px 0;padding:18px 40px;color:#fff;background:#666;border-radius:10px;} .qa dl dt strong {display:inline-block;width:30px;height:30px;margin:0 18px 0 0;font-family:'Lato';color:#fff;font-size:16px;font-weight:700;text-align:center;line-height:30px;background:#e97b3e;border-radius:40px;} .qa dl dd {display:block;position:relative;margin:0 0 8px 0;padding:18px 40px 18px 82px;background:#f6f6f6;border:solid 1px #ddd;border-radius:10px;} .qa dl dd strong {display:block;position:absolute;left:40px;top:18px;width:30px;height:30px;margin:0 18px 0 0;font-family:'Lato';color:#fff;font-weight:700;text-align:center;background:#666;border-radius:40px;} .ebbun { margin-top:60px; padding:40px;text-align:center;background:#f6f6f6;border:solid 1px #ddd;border-radius:5px;} .ebbun .title {display:block;margin:0 0 8px 0;font-family: 'Noto Serif KR';color:#222;font-size:24px;font-weight:500;letter-spacing:-1px;} .ebbun .title .qmark {margin:0 0 8px 0;} .ebbun .con strong {color:#e97b3e;font-weight:400;} .ebbun .con_bottom {font-family: 'Noto Serif KR';color:#e97b3e;font-size:20px;font-weight:500;} ul.ebbun_icon {margin:40px 0;} ul.ebbun_icon:after {display:block;visibility:hidden;clear:both;content:""} ul.ebbun_icon li {display:block;float:left;width:32%;margin:0 2% 0 0;padding:30px 0;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:5px;} ul.ebbun_icon li:last-child {margin:0;} ul.ebbun_icon li .img {margin:0 0 18px 0;} ul.ebbun_icon li strong {display:block;margin:0 0 6px 0;color:#222;font-size:18px;font-weight:400;} ul.ebbun_icon li p {min-height:70px;color:#888;line-height:22px;} .box_gray { position: relative; padding: 40px; background: #f6f6f6; border: solid 1px #ddd; } .con_box .con .qmark { } .con_box .con .title_qmark { font-size:26px; font-weight:600; } .con_box .con .sign { margin-top:17px; display:inline-block;padding:8px 27px;color:#fff;background:#e97b3e;border-radius:30px;} .con_box .con > .sign strong {font-weight:400;} .con_box .con > .sign strong a { color:#fff; } .con_box .con > .sign i {font-size:24px;} .part_img { position: relative; } .part_img .con { position:absolute;width:100%; bottom:0; left:50%; transform:translateX(-50%); background: rgba(88,73,70,0.8); color:#fff; padding:25px;text-align: center; font-size:22px; } .process { margin-top:70px; } .process ul li { display:flex; margin:40px; align-items:center;border-bottom: 1px solid #ccc; padding-bottom:20px; } .process ul li .icon{ width:160px; height:160px; line-height:160px; border:1px solid #f36f21; border-radius:50%;text-align:center; } .process ul li .con{ width:calc(100% - 232px); margin-left:50px;} .process ul li .con .num {display:inline-block;margin:0 12px 0 0;padding:0 12px 0 0;font-family:'roboto';color:#e97b3e;font-size:30px;font-weight:500;line-height:26px;border-right:solid 1px #ccc;} .process ul li .con strong {color:#222;font-size:25px;font-weight:600;} .process ul li .con p {margin:12px 0 0 0;} .tb_scroll { overflow-x: auto;} .tb_min { min-width:768px; } .table-border3 {width:100%; margin-top:10px; border-top:2px solid #4d4d4d;} .table-border3 > thead > tr > th{font-size:1.0rem;padding:1.0%;text-align:center;background:#f7f7f7;font-weight:600;border-bottom:1px solid #4d4d4d;} .table-border3 > thead > tr > td{line-height:1.6;padding:1.0%;background-color:none;border-top:2px solid #4d4d4d;} .table-border3 > thead > tr > th:first-child {border-left:none;} .table-border3 > tbody > tr > th{font-size:1.0rem;text-align:center;background:#f7f7f7;padding:1.0%;text-align:center;background-color:none;font-weight:600;} .table-border3> tbody > tr > th:first-child {border-left:none;font-weight:600;} .table-border3 > tbody > tr > td:first-child {border-left:none;} .table-border3 > * > tr > * { border:1px solid #dcdcdc } .table-border3 > * > tr > *:first-child { border-left:0 } .table-border3 > * > tr > *:last-child { border-right:0 } .table-border3 td{font-size:0.9rem;line-height:1.6;padding:1.0%;} .duty_header { margin: 0 0 60px 0; padding: 70px 8%; background: url(/res/sub/duty_bg.jpg) no-repeat 50% 50%; background-size: cover; } .duty_header .left, .duty_header .right { width:50%; } .duty { background: #fff; } .duty_header .duty .date { padding: 25px 40px; font-family: 'Lato'; color: #222; font-size: 18px; font-weight: 700; border-bottom: solid 1px #ddd; } .duty_header .duty .date strong { font-size: 24px; font-weight: 900;} .duty_header .duty .duty_name { padding: 20px 40px; font-size: 24px; letter-spacing: -1px; line-height: 55px; } .tb01 { width:100%; border-top:2px solid #f36f21; border-collapse: collapse; } .tb01 thead th {border-top:1px solid #003b6c; background: #f5f5f5; text-align:center; font-weight:700; } .tb01 thead th, .tb01 tbody th, .tb01 tbody td { padding:15px 20px; text-align:center; line-height:1.4; } .tb01 tbody th { background:#fcfcfc; font-weight:500;} .tb01 > * > tr > * { border:1px solid #dbdbdb; } .tb01 > * > tr > *:first-child { border-left:0 } .tb01 > * > tr > *:last-child { border-right:0 } .tb02 tbody td { text-align:left; padding-left:25px; } .part .tb02 tbody td ul.number { padding: 0px; border: 0; } .part .tb02 tbody ul.number li { display: block; position: relative; padding: 15px 0 15px 40px; border-bottom: 0; font-size:19px; font-weight:600; } .part .tb02 tbody ul.number li p { font-weight:400; } .part .tb02 tbody td ul.number li .num { display: block; position: absolute; left: 0; top: 18px; width: 28px; height: 28px; font-family: 'roboto'; color: #fff; text-align: center; line-height: 28px; font-weight: 400; background: #e97b3e; border-radius: 30px; } .clinic_time {margin-bottom:70px; } .clinic_time.flex { gap:1em 4em; } .clinic_time .item { width:calc((100% - 4em) / 2); } .privacy { dt { font-size:22px; font-weight:700; } dd { margin-top:15px; } } .lst { > li { position:relative; } &.indent { > li { padding-left:20px; text-indent:-20px; } } &.line { > li { padding-left:30px; &::before { position:absolute; left:0; content:"-"; } } } } .mapWrap { display:flex; .map_cont { width:65%; } .map_txt { width:35%; padding: 30px 35px; background: #333; .logo_box { background: #fff; padding: 15px 20px; text-align:center; } .map_list { margin-top:40px; > dl { margin: 28px 0 0; color:#fff; > dt { color:#f36f21; margin-bottom:10px; } } } } } .trafficWrap{ margin-top:70px; } .trafficWrap h2 { font-size:30px;font-weight:800;} .traffic { margin-top:25px; } .traffic dl{ width:50%; } .traffic dl dt { font-size:24px;font-weight:700; } .traffic dl dt img {padding-right:10px; } .traffic dl dd { margin:20px 0 30px;} .traffic dl dd strong { display: inline-block;background:#ddd; border-radius:20px; padding:4px 22px; } .charm_box { padding: 5% 0; border-bottom:1px solid #ddd; } .charm_box.charm_bg { } .charm_box .flex { gap:2em;} .col-4 > li {width:calc((100% - 6em) / 4); } .col-3 > li { width:calc((100% - 4em) / 3); } .col-5 > li { width:calc((100% - 8em) / 5); } .charm_box h3 { display: block; margin-bottom: 30px; padding: 0 0 0 40px; color: #222; font-size: 28px; font-weight: 400; letter-spacing: -0.5px; background: url(/res/sub/bullet_title.png) no-repeat 0 3px; strong{ color:#e97b3e;; font-weight:700; } } .greeting_box {padding: 0% 0 5% 0; border-bottom:1px solid #ddd; } .greeting { } .greeting .txt {width:calc(70% - 4em); margin-right:2em; } .greeting .txt strong { color: #e97b3e; font-weight: 400; } .greeting .txt .sign { font-size:22px; text-align:right; } .greeting .img {width:30%; } .promise li { border:1px solid #ccc; border-radius:15px; padding:25px; } .promise li .num { display:block;width:36px;height:36px;color:#fff;text-align:center;line-height:36px;font-weight:400;background:#e97b3e;border-radius:30px;} .promise li h4 { font-size:20px; font-weight:600; margin:12px 0; } .departments li { border:1px solid #ccc; border-radius:15px; padding:30px 25px; } .departments li .title { position: relative; margin: 0 0 4px 0; padding-left:16px; font-size: 20px; font-weight: 600; } .departments li .title:before { display: block; content: ""; position: absolute; top: 14px; left: 0; background: #e97b3e; width: 6px; height: 6px; border-radius: 50%; } .departments li .title a { color:#222;} .departments li p { margin-top:15px; } .departments li .title span { position:absolute; right:5px; } .hours { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; } .hours .item { width:50%; } .hours .item dl { display:flex; border-bottom:1px solid #ddd; } .hours .item dl dt {width:40%; background:#fef7ef; padding:20px 30px; color:#84572b; font-weight:800; } .hours .item dl dd { width:60%; color:#e97b3e;padding:20px 30px; font-weight:800; } .hours .item p { margin-top:15px; } .hours .item.item02 { padding: 0 5%; } .hours .item.item02 .button { border-radius:20px; padding:25px; font-size:22px; text-align:center; font-weight:700; } .hours .item.item02 .button:nth-child(1) a {color:#fff; } .hours .item.item02 .button:nth-child(1) { background:#ee7c22; color:#fff } .hours .item.item02 .button:nth-child(2) { margin-top:20px; background:#fff;border:1px solid #ee7c22; color:#e97b3e; } .hours .item.item02 .button:nth-child(2) a { color:#e97b3e; } .visit li { border:1px solid #ccc; border-radius:15px; padding:30px 25px; } .visit li .step { color:#e97b3e; font-weight:700;} .visit li h4 { font-size:20px; font-weight:800; margin:20px 0; } .visit li p { } .online_box { position: relative; padding: 40px; background: #f6f6f6; border: solid 1px #ddd; text-align:center; } .online_box h3 {font-size:35px; font-weight:800; } .online_box p { margin: 10px 0 30px;} .online_con { } .online_con a { display:inline-block; border-radius:30px; padding: 15px 40px; color:#fff;} .online_con a.tel { background: #e97b3e; } .online_con a.online { background: #333; } .viveve_bg { background:#f0e3ea; padding: 5% 8%; } .viveve01.flex { align-items:center; } .viveve01 .com { width:calc(75%; - 5em); margin-right:5em; } .viveve01 .img {width:25%; } .viveve01 .con .eng_tit { font-size:16px; color:#8d5f74; font-weight:700;} .viveve01 .con h1 { font-size:65px;font-weight:900; color:#3a2a32; } .viveve01 .con h3 { font-size:35px; font-weight:800;} .viveve01 .con .txt { margin:20px 0; } .viveve01 .con .txt strong { color:#c9620d; } .viveve01 .con .box_check { display:inline-block; background:#fff; border-radius:30px; padding:12px 30px; color:#8d5f74; text-align:center; font-weight:600; } .viveve01 .con .box_check img { margin-right:8px; } .vivev_txt {margin-bottom:15px; } .box_list li { border:1px solid #ccc; border-radius:15px; padding:30px 25px; } .vivev_icon li { text-align:center; } .vivev_icon li h4 { margin:20px 0; font-size:20px; font-weight:800; } .vivev_icon li p { } .vivev_box { margin-bottom:3%; border:1px solid #ccc; border-radius:15px; padding:30px 25px; text-align:center; } .foryou { } .foryou.flex { align-items:center; } .foryou .con { width:calc(60% - 5em); } .foryou .img {width:40%; } .foryou .con li { position:relative; background:#e97b3e; border-radius:15px; margin:22px 0; height:60px; } .foryou .con li p { position:absolute; left:8px; top:0; background:#fff; border:1px solid #ccc; border-radius:15px; z-index:2; width:100%; height:60px; line-height:60px; padding-left:45px; } .foryou .con li p:before { display:block; content:""; background:url("/res/sub/viveve_check02.png") no-repeat; width: 14px; height: 14px; position: absolute; left:25px; top: 22px; padding: 0 50px 0 20px; } .treatment { text-align:center;} .treatment li .txt { margin-top:18px; font-size:25px; color:#e97b3e;; font-weight:700;} .tb03 {border-top:0; } .tb03 thead th { border-top:0; } .tb03 thead th { color:#fff; } .tb03 thead th:nth-child(2) { color:#333; } .tb03 tbody tr td:nth-child(2) { background:#faf8f6; } .tb03 tbody tr td:nth-child(3) { background:#fff8f4; color:#e97b3e; font-weight:700;}} .video { } .video li {width:calc((100% - 2em) / 2); aspect-ratio: 16 / 9; } .video li iframe { border-radius: 15px; } .box_viveve { margin-top:20px; border:1px solid #ccc; border-radius:15px; padding:3%; } .dot_list li { display: block; position: relative; padding: 10px 0 10px 14px; } .dot_list li:before { display: block; content: ""; position: absolute; top: 22px; left: 0; background: #e97b3e; width: 4px; height: 4px; border-radius: 50%; } .category-wrap { width:100%; } .category.none { display: block; } .category-wrap select { display:none; } .category-wrap .category { display: flex; justify-content: center; } .category-wrap .category > li button { padding:10px 15px; background: #f6f6f6; } .category-wrap .category > li.selected button { background: #f36f21; color:#fff; } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 960px) { ul.ebbun_icon li {width:100%;margin:0px 0% 20px 0; } ul.ebbun_icon li:last-child {margin:0px;} .part_img .con { padding:15px; font-size:18px; } .clinic_time.flex { gap:2em; } .clinic_time .item { width:100%; } .traffic dl{ width:100%; } .promise.col-4 > li {width:calc((100% - 2em) / 2); } } @media only screen and (max-width: 768px) { .part + .part { margin-top:40px; } .page_tab2 {border:0;} .page_tab2 .ez-tab {display:none; } .ez-tab-selectbox { display:block; width: 100%; height: 2em; border: none; background-color: orange; color: #fff; padding: 0 .5em; font-size: 1.1em; } .con_box{ flex-wrap:wrap; } .con_box .img {width:100%; } .con_box .con { width:100%;} .col-2 > li { width: 100%; } .part h3 { font-size: 24px; } .part .bullet { padding: 25px; } .part_img .con { padding:10px;font-size:16px; } .process { margin-top:50px; } .process ul li { flex-wrap:wrap; } .process ul li .con{ width:100%; margin:25px 0 0 0px; } .duty_header .left, .duty_header .right { width:100%; } .duty_header .duty .date { padding: 15px 40px; } .duty_header .duty .duty_name { padding: 10px 40px; } .mapWrap { flex-wrap:wrap; .map_cont { width:100%; } .map_txt { width:100%; } } .dream.flex { flex-wrap:wrap; } .dream .item { width:100%; } .dreamcore_spec { } .dreamcore_spec ul li {flex-wrap:wrap; } .dreamcore_spec ul li .img { width:100%; } .dreamcore_spec ul li .con { width:100%; margin: 20px 0 20px 0em; } .greeting .txt {width:100%; margin-right:0em; } .greeting .txt .sign { text-align:left; } .greeting .img {width:100%; } .departments.col-3 > li { width:calc((100% - 2em) / 2); } .hours .item { width:100%; } .hours .item.item02 {margin-top:30px; padding: 0 0%; } .hours .item.item02 .button { border-radius:20px; padding:25px; font-size:22px; } .visit.col-3 > li { width:100%; } .online_box h3 {font-size:25px; } .online_con a { margin:5px 0; width:280px; } .viveve01 .com { width:100%; margin-right:0em; } .viveve01 .img {width:100%; margin: 30px 0 0 0; } .vivev_icon.col-3 > li { width:100%;} .foryou .con { width:100%; } .foryou .img {width:100%; } .treatment.col-5 { justify-content:flex-start; } .treatment.col-5 > li { width:calc((100% - 4em) / 3); } .category-wrap { width:100%; } .category.none { display:none; } .category-wrap .category { display:none; } .category-wrap select { display:block; } .category-wrap select[name="select_tb"], .category-wrap select[name="select_cate"], .category-wrap select[name="cate_no"] { width: 100%; font-size: 17px; height: 40px; } } @media only screen and (max-width: 540px) { .part_img .con { position: relative; } .privacy { dt { font-size:20px; } } .traffic dl dd strong { display: block; text-align:center; } .promise.col-4 > li {width:100%; } .departments.col-3 > li { width:100%; } .treatment.col-5 { justify-content:flex-start; gap:1em; } .treatment.col-5 > li { width:calc((100% - 1em) / 2); }