.sub h3{
font-size:60px;
line-height:1.5;
letter-spacing:-1px;
}
.sub p{
font-size:25px;
line-height:1.5;
letter-spacing:-1px;
}
.en{
letter-spacing:0;
}
.sub{
padding-top: 100px;
}
.sub .sub_title{
text-align:center;
padding:100px 0;
}
.sub .sub_title h6{
letter-spacing:10px;
font-size:20px;
color:#b0a695;
}
.sub .sub_title h3{
margin:15px 0 30px;
}
.sub .sub_title p{
font-weight:500;
}
.sub .tab_area{
padding:0;
}
.sub .tab_area .tab_con > li .flex{
justify-content:flex-start;
gap:5%;
}
.sub .tab_area .tab_con > li .flex .imgbox{
border-radius:0;
width:50%;
}
.sub .tab_area .tab_con > li .flex .textbox{
width:45%;
}
.sub .tab_area .tab_con > li .flex .textbox h6{
font-size:20px;
margin-bottom:30px;
color:#b0a695;
}
.sub .tab_area .tab_con > li .flex .textbox hr{
display:block;
margin:20px 0;
}
.treatment_info .tab_area .tab_con > li .flex .textbox p{
font-size:21px;
letter-spacing:-1px;
word-break: keep-all;
}
.treatment_info .tab_area .tab_con > li .flex .textbox .pop_open{
font-family: 'Pretendard', sans-serif;
background:#b0a695;
color:#fff;
text-align:center;
font-size:18px;
height:40px;
line-height:40px;
padding:0 15px;
border-radius:3px;
font-weight:400;
cursor:pointer;
}
.sub .tab_area .tab_con > li .inpop{
position:absolute;
background:rgba(0,0,0,0.5);
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
display:none;
}
.sub .tab_area .tab_con > li .inpop .flex{
flex-direction:column;
background:#fff;
width:800px;
max-width:85vw;
background:#fff;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox{
display:block;
text-align:center;
background:#b0a695;
width:100%;
box-sizing:border-box;
padding: 20px 0;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox img{
width:50px;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox h3{
font-size:40px;
color:#fff;
line-height:2;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox .en{
font-size:14px;
color:#fff;
letter-spacing:1px;
}
.sub .tab_area .tab_con > li .inpop .flex dl{
padding:30px;
box-sizing:border-box;
overflow-y:scroll;
height:500px;
max-height:50vh;
}
.sub .tab_area .tab_con > li .inpop .flex dl dt{
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px solid #b0a695;
}
.sub .tab_area .tab_con > li .inpop .flex dl dt h5{
font-size:25px;
color:#b0a695;
}
.sub .tab_area .tab_con > li .inpop .flex dl dd{
padding-left:20px;
margin-bottom:50px;
}
.sub .tab_area .tab_con > li .inpop .flex dl dd ul li{
list-style:auto;
margin-bottom:5px;
line-height:1.4;
letter-spacing:-0.5px;
word-break: keep-all;
overflow-wrap: break-word;
font-size:16px;
font-weight:300;
}
.sub .tab_area .tab_con > li .inpop .flex .close{
display:block;
width:50px;
height:50px;
cursor:pointer;
position:absolute;
top:0;
left:101%;
}
.sub .tab_area .tab_con > li .inpop .flex .close:before,
.sub .tab_area .tab_con > li .inpop .flex .close:after{
content: ' ';
position: absolute;
left:24px;
height:50px;
width:2px;
background:#fff;
}
.sub .tab_area .tab_con > li .inpop .flex .close:before{
transform: rotate(45deg);
}
.sub .tab_area .tab_con > li .inpop .flex .close:after{
transform: rotate(-45deg);
}
.sub .tab_area .list_box{
margin-top:100px;
}
.sub .tab_area .list_box .ttbox{
margin-top:80px;
}
.sub .tab_area .list_box .list .item .option{
display:block;
font-size: 25px;
font-weight:400;
}
.sub .tab_area .list_box .list .item .option{
display:block;
font-size: 20px;
font-weight:200;
color:#999;
}
.sub .tab_area .list_box .list .item .cat3{
display:block;
color:#999;
font-size:24px;
}
.sub .tab_area .list_box .list .item .noti{
display:block;
font-size: 20px;
font-weight:300;
color:#999;
}
.tnt_extra_note_li{
margin-top:10px;
}
.sub .tab_area .list_box .list div{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
}
.sub .tab_area .list_box .list div strong{
display:block;
width:180px;
text-align:right;
}
.sub .tab_area .list_box .list div .price span{
color:#999;
font-weight:300;
}
.sub .tab_area .list_box .list div button{
border:0;
background:#b0a695;
width:80px;
height:80px;
border-radius:10px;
cursor:pointer;
}
.sub .tab_area .list_box .list div button.pressed{
background:#ccc;
}
.sub .tab_area .list_box .list div button img{
max-width:55%;
}
.sub .event_area{
padding-bottom:100px;
}
.list_in_tab_menu{
display:flex;
align-items:center;
flex-wrap:wrap;
}
.list_in_tab_menu li{
font-size:20px;
font-weight:300;
color:#999;
text-align:center;
line-height:1;
padding:0 40px;
margin-bottom:20px;
position:relative;
}
.list_in_tab_menu li:before{
content:"";
width:1px;
height:18px;
position:absolute;
top:50%;
left:0%;
background:#999;
transform:translate(0%,-50%);
}
.list_in_tab_menu li:after{
content:"";
width:1px;
height:18px;
position:absolute;
top:50%;
left:100%;
background:#999;
transform:translate(0%,-50%);
}
.list_in_tab_menu li.on{
font-weight:600;
color:#b0a695;
}
.list_in_tab_con li{
display:none;
}
.list_in_tab_con li.on{
display:block;
}
/*로그인*/
.member{
background:#f3eeea;
}
.member .login_area{
width:800px;
max-width:90%;
background:#fff;
padding:50px;
margin:0 auto 150px;
box-sizing:border-box;
}
.member input[type="text"],
.member input[type="password"],
.member input[type="tel"],
.member input[type="email"]{
width:100%;
height:80px;
border:1px solid #999;
border-radius:0;
padding:0 20px;
box-sizing:border-box;
font-size:25px;
margin-bottom:10px;
}
.member input::placeholder{
font-size:20px;
font-weight:300;
letter-spacing:-1px;
}
.sub .submit_button{
width:100%;
height:80px;
color:#444;
font-size:25px;
background:#fff;
border:1px solid #444;
font-weight:600;
box-sizing:border-box;
margin-top:10px;
cursor:pointer;
}
.sub .submit_button.btn_b{
background:#444;
color:#fff;
border:0;
}
.member .social-login-group{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:15px;
}
.member .social-login-group a{
width:49%;
height:80px;
border:0;
font-size:18px;
font-weight:600;
letter-spacing:-1px;
display:flex;
align-items:center;
gap:5px;
justify-content:center;
cursor:pointer;
}
.member .social-login-group a img{
display:block;
margin-right:10px;
}
.member .social-login-group .naver-login{
background:#03CF5D;
color:#fff;
font-size:18px;
}
.member .social-login-group .kakao-login{
background:#FBE300;
color:#3B1E1E;
font-size:18px;
}
.member .footer-links{
display:flex;
justify-content:center;
gap:15px;
margin-top:50px;
}
.member .footer-links a{
display:block;
font-size:16px;
}
/*회원가입*/
.member .join_area{
width:800px;
max-width:90%;
background:#fff;
padding:50px;
margin:0 auto 150px;
box-sizing:border-box;
}
.member .join_area .agreement_check{
margin:10px 0 20px;
}
.member .join_area .agreement_check input[type="checkbox"]{
width:16px;
height:16px;
margin-right:5px;
}
.member .join_area .agreement_check label{
font-size:16px;
font-weight:300;
}
.member .join_area .agreement_check label a{
color:#ccc;
display:inline-block;
margin-left:5px;
font-weight:500;
}
/*마이페이지*/
.member .mypage:after{
content:"";
display:block;
width:1px;
height:1px;
}
.member .mypage label{
margin:10px 0;
display:inline-block;
font-size:16px;
}
.member .mypage .btnbox{
display:flex;
gap:10px;
}
.member .mypage .reservations_history{
margin-top:100px;
}
.member .mypage .reservations_history h4{
font-size: 35px;
margin-bottom:20px;
}
.member .mypage .reservations_history .tip{
margin-top:10px;
}
.member .mypage .reservations_history .tip p{
font-size:16px;
color:#777;
font-weight:300;
}
.member .mypage .reservations_history table{
border-top:1px solid #000;
border-bottom:1px solid #000;
text-align:center;
}
.member .mypage .reservations_history table colgroup col:first-child{
width:8%;
}
.member .mypage .reservations_history table colgroup col:last-child{
width:18%;
}
.member .mypage .reservations_history table tr th{
background:#dddad0;
padding:20px 0;
}
.member .mypage .reservations_history table tbody tr{
border-bottom:1px solid #ccc;
}
.member .mypage .reservations_history table tr td{
padding:20px 0;
word-break: keep-all;
overflow-wrap: break-word;
line-height:1.5;
}
.member .mypage .reservations_history table tr td:nth-child(2){
text-align:left;
}
.member .mypage .reservations_history .past{
margin-top:100px;
}
.member .mypage .reservations_history .past table td{
color:#999;
}
/*개인정보취급방침*/
.member .privacybox .privacy{
width:900px;
max-width:90%;
background:#fff;
padding:50px;
margin:0 auto 150px;
box-sizing:border-box;
text-align:left;
border:1px solid #999;
color:#666;
}
.member .privacybox .privacy h5{
font-size:30px;
margin-bottom:20px;
}
.member .privacybox .privacy p{
font-size:18px;
line-height:1.5;
}
.member .privacybox .privacy div{
padding-top:30px;
margin-top:30px;
border-top:1px solid #ddd;
}
.member .privacybox .privacy div .btn_submit{
width:300px;
border:0;
background:#b0a695;
color:#fff;
font-size:25px;
height:80px;
letter-spacing:-1px;
font-family: 'Pretendard', sans-serif;
margin:30px auto;
display:block;
}
.member .privacybox .privacy div p{
font-size:16px;
}
.member .privacybox .privacy h6{
font-family: 'Pretendard', sans-serif;
font-weight:500;
font-size:20px;
margin:30px 0 10px;
}
.member .privacybox .privacy b{
display:inline-block;
margin: 20px 0 10px;
}
/*전후사진*/
.before_after .bna_tab li .box{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:4%;
}
.before_after .bna_tab li .box .flex{
width:48%;
gap:0;
text-align:center;
margin-bottom:50px;
}
.before_after .bna_tab li .box .flex > div{
width:50%;
}
.before_after .bna_tab li .box .flex > div.admin_chk {
width:20px; margin-right:10px;
}
.before_after .bna_tab li .box .flex > div .imgbox{
width:100%;
position:relative;
}
.before_after .bna_tab li .box .flex > div .imgbox img{
display:block;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo{
background:rgba(0,0,0,0.5);
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
backdrop-filter: blur(5px);
color:#fff;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo div{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo img{
max-width:50%;
margin:0 auto 20px;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo p{
font-size:16px;
}
.before_after .bna_tab li .box .flex .before > p{
background:#dddad0;
padding:20px 0;
font-size:20px;
line-height:1;
}
.before_after .bna_tab li .box .flex .after > p{
background:#b0a695;
padding:20px 0;
color:#fff;
font-size:20px;
line-height:1;
}
.before_after .bna_tab li .box .flex .after > p b{
display:inline-block;
padding-right:10px;
margin-right:5px;
border-right:1px solid #fff;
}
.before_after .notice_box{
margin-bottom:50px;
}
.before_after .notice_box p{
font-size:16px;
color:#999;
}
.pagination-list {
list-style: none;
padding: 0;
margin: 50px 0;
display: flex;
gap: 5px;
justify-content:center;
}
.page-link {
display: block;
min-width: 38px;
padding: 8px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
text-align: center;
transition: all 0.2s ease-in-out;
background-color: transparent;
border: 1px solid #ccc;
color: #888;
}
.page-item.active .page-link {
background-color: #b0a695;
color: white;
border-color: #b0a695;
}
.page-link:hover:not(.active .page-link) {
border-color: #b0a695;
color: #b0a695;
}
.page-item.disabled .page-link {
cursor: not-allowed;
opacity: 0.5;
pointer-events: none;
border-color: #eee;
color: #aaa;
}
.page-item.disabled .page-link:hover {
border-color: #eee;
color: #aaa;
}
.search-container {
display: flex;
align-items: stretch;
max-width: 500px;
margin: 0 auto;
gap:10px;
}
.search-select {
padding: 10px 12px;
border: 1px solid #ccc;
font-size: 16px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 8px center;
background-size: 16px;
min-width: 100px;
/* 추가: 포커스 효과 제거 */
outline: none;
box-sizing:border-box;
}
.search-input {
flex-grow: 1;
padding: 10px 15px;
border: 1px solid #ccc;
font-size: 16px;
outline: none;
box-sizing:border-box;
}
.search-button {
background-color: #b0a695;
color: white;
padding: 10px 20px;
border: none;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.2s;
/* 추가: 포커스 효과 제거 */
outline: none;
}
#adm_write fieldset{
border:0;
}
#adm_write button{
border:0;
}
#adm_write .adm_form input::placeholder{
color:#bbb;
font-size:14px;
letter-spacing:-1px;
}
#adm_write .adm_form{
padding: 30px 20px 0;
}
#adm_write .adm_form table {
width: 100%;
border-collapse: collapse;
border: 1px solid #999;
}
#adm_write .adm_form table th {
background: #e4ded8;
padding: 10px 5px 10px 35px;
border: 1px solid #999;
vertical-align: top;
font-size: 18px;
font-weight: 500;
letter-spacing: -1px;
vertical-align: middle;
text-align:left;
}
#adm_write .adm_form table td {
padding: 10px;
text-align:left;
}
#adm_write .adm_form table tr{
border-bottom: 1px solid #999;
}
#adm_write .adm_form table tr:last-child{
border-bottom:0;
}
#adm_write .adm_form table td input[type="text"]{
width:100%;
border:1px solid #999;
height:50px;
text-indent:10px;
font-size:16px;
letter-spacing:-1px;
}
#adm_write .adm_form table td select {
width: 100%;
height: 50px;
border: 1px solid #999;
text-indent: 10px;
font-size: 16px;
letter-spacing: -1px;
}
/* 업로드 영역 박스 */
#adm_write .adm_form .upload-box {
border: 1px solid #999;
display: flex;
justify-content:space-between;
align-items: center;
height:40px;
background:#eee;
}
#adm_write .adm_form .preview {
border: 1px solid #999;
border-top:0;
padding:10px;
display: none; /* 기본 숨김 */
}
#adm_write .adm_form .preview.show {
display: block; /* 정면사진만 표시 */
}
#adm_write .adm_form .preview img {
width:auto;
max-height: 250px;
}
/* 파일명 input */
#adm_write .adm_form .upload-box .filename {
height: 100%;
line-height: 40px;
border: none;
background: #fff;
padding: 0 6px;
color: #333;
font-size: 13px;
width:30%;
}
/* 버튼 스타일 */
#adm_write .adm_form .upload-box .btn {
height: 100%;
padding: 0 12px;
border-radius:0;
font-size: 14px;
cursor: pointer;
white-space: nowrap;
}
#adm_write .adm_form .upload-box .btn.add {
background: #aaa;
color:#fff;
width:15%;
border:1px solid #ddd;
}
#adm_write .adm_form .upload-box .btn.delete {
background: #fff;
border-color: #bbb;
width:10%;
height:30px;
margin-right:5px;
}
/* 안내 문구 */
#adm_write .adm_form .upload-box .info-text {
font-size: 12px;
color: #666;
flex-shrink: 0;
display:inline-block;
width:50%;
padding:0 15px;
}
#adm_write .adm_form .upload-box .info-text br{
display:none;
}
#adm_write .adm_form .flex{
justify-content:flex-start;
gap:10px;
}
#adm_write .adm_form .flex p{
width:30%;
font-size:18px;
}
#adm_write .adm_form .flex p input{
width:85% !important;
margin-right:5px;
}
#adm_write .adm_form .flex button{
width:6%;
text-align:center;
height:30px;
line-height:30px;
font-size:14px;
color:#fff;
background:#aaa;
border:0;
}
#adm_write .adm_form .btn_box{
text-align:center;
margin-top:50px;
}
#adm_write .adm_form .btn_box input{
width:200px;
height:50px;
text-align:center;
border:0;
background:#999;
color:#fff;
font-size:20px;
font-weight:400;
}
#adm_write .adm_form .btn_box .submit{
margin-left:10px;
background:#9a8c82;
}
/*상담신청*/
#sub .board .board_list{
padding-bottom:150px;
}
#sub .board .board_list .table_top{
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:20px;
}
#sub .board .board_list .table_top .totle_count{
font-size:16px;
}
#sub .board .board_list .table_top .totle_count b{
color:#b0a695;
}
#sub .board .board_list .table_top select{
width:100px;
padding: 10px 12px;
border: 1px solid #ccc;
font-size: 16px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 8px center;
background-size: 16px;
min-width: 100px;
/* 추가: 포커스 효과 제거 */
outline: none;
box-sizing:border-box;
}
#sub .board .board_list .table table{
border-top:1px solid #000;
width:100%;
}
#sub .board .board_list .table table colgroup col:last-child{
width:10%;
}
#sub .board .board_list .table table thead tr th{
padding:20px 0;
border-bottom:1px solid #869286;
background:#dddad0;
font-size:18px;
font-weight:500;
}
#sub .board .board_list .table table tbody tr td{
text-align:center;
border-bottom:1px solid #869286;
padding:30px 0;
font-size:16px;
}
#sub .board .pre_consultation.board_list .table .thin tbody tr a:hover{
color:#00f;
text-decoration:underline;
}
#sub .board .board_list .table .thin tbody tr td{
padding:10px 0;
}
#sub .board .board_list .table table tbody tr td.t_left{
text-align:left;
padding:20px;
}
#sub .board .board_list .table table tbody tr td.t_left a{
width:100%;
max-width:800px;
display:block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sub .board .board_list .table table tbody tr td i{
display:inline-block;
margin-right:5px;
color:#999;
}
#sub .board .board_list .table table tbody tr td .reply{
display:inline-block;
margin-left:5px;
color:#999;
}
#sub .board .board_list .table table tbody tr td .status{
border:1px solid #999;
line-height:2;
display:inline-block;
padding:0 15px;
margin:0 auto;
border-radius:30px;
color:#999;
}
#sub .board .board_list .table table tbody tr td .completed{
color:#fff;
background:#000;
border:1px solid #000;
}
#sub .board .board_list .table table tbody tr td select{
width:90%;
padding: 10px 12px;
border: 1px solid #ccc;
font-size: 16px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 8px center;
background-size: 16px;
/* 추가: 포커스 효과 제거 */
outline: none;
box-sizing:border-box;
}
#sub .board .board_btn{
display:flex;
justify-content:flex-end;
margin-top:20px;
gap:10px;
}
#sub .board .board_btn.upper{
margin:0 0 20px;
}
#sub .board .board_btn.align_between{
justify-content:space-between;
}
#sub .board .board_btn a{
display:block;
border:1px solid #ddd;
width:90px;
height:36px;
line-height:34px;
box-sizing:border-box;
font-size:15px;
text-align:center;
}
#sub .board .board_btn .white_btn{
color:#b0a695;
border:1px solid #b0a695;
}
#sub .board .board_btn .gray_btn{
color:#bbb;
border:1px solid #ddd;
}
#sub .board .board_btn .black_btn{
color:#fff;
border:1px solid #000;
background:#000;
}
#sub .board .board_btn .point_btn{
color:#fff;
border:1px solid #b0a695;
background:#b0a695;
}
#sub .board .board_password{
padding-bottom:150px;
}
#sub .board .board_password .container{
max-width:600px;
}
#sub .board .board_password .container input{
width: 100%;
height: 60px;
text-indent: 10px;
border: 1px solid #ccc;
max-width: 100%;
}
#sub .board .board_write{
padding-bottom:150px;
}
#sub .board .board_write .table table{
width:100%;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#sub .board .board_write .table table th{
background:#dddad0;
font-size:20px;
font-weight:500;
}
#sub .board .board_write .table table td{
padding:20px;
}
#sub .board .board_write .table table tr{
border-bottom:1px solid #999;
}
#sub .board .board_write .table table td input[type="text"], #sub .board .board_write .table table td input[type="password"]{
width:100%;
height: 40px;
text-indent: 10px;
border: 1px solid #ccc;
max-width: 100%;
}
#sub .board .board_write .table table td input[type="date"]{
width:45%;
max-width:30vw;
min-width:10vw;
height: 40px;
text-indent: 10px;
border: 1px solid #ccc;
}
#sub .board .board_write .table table td .secret{
margin-top:5px;
display:inline-block;
font-size:20px;
}
#sub .board .board_view .table table tbody tr td div{
text-align:left;
padding:0 5%;
}
#sub .board .board_view .reply_area{
background:#f5f5f5;
padding:50px;
}
#sub .board .board_view .reply_area .reply_view{
border-bottom:1px dotted #999;
padding-bottom:20px;
margin-bottom:20px;
}
#sub .board .board_view .reply_area .reply_view .reply_top{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
}
#sub .board .board_view .reply_area .reply_view .reply_top p{
font-size:16px;
font-weight:500;
color:#333;
}
#sub .board .board_view .reply_area .reply_view .reply_top span{
color:#999;
font-size:14px;
}
#sub .board .board_view .reply_area .reply_view .reply_con{
margin-bottom:10px;
padding:10px;
}
#sub .board .board_view .reply_area .reply_view .reply_con p{
font-size: 16px;
}
#sub .board .board_view .reply_area .reply_view .reply_bottom{
display:flex;
justify-content:flex-end;
gap:10px;
padding-right:10px;
}
#sub .board .board_view .reply_area .reply_view .reply_bottom a{
color:#999;
font-size:14px;
}
#sub .board .board_view .reply_area .reply_write{
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-end;
}
#sub .board .board_view .reply_area .reply_write form{
width:100%;
}
#sub .board .board_view .reply_area .reply_write textarea{
width:100%;
border:1px solid #ccc;
height:100px;
padding:10px;
box-sizing:border-box;
}
#sub .board .board_view .reply_area .reply_write button{
color: #fff;
border: 1px solid #000;
background: #000;
width: 90px;
height: 36px;
line-height: 34px;
box-sizing: border-box;
font-size: 15px;
text-align: center;
}
#sub .board .board_view .reply_area .reply_write select{
width: 200px;
padding: 10px 12px;
border: 1px solid #ccc;
font-size: 16px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 8px center #fff;
background-size: 16px;
min-width: 100px;
outline: none;
box-sizing: border-box;
}
#sub .board .board_view{
padding-bottom:150px;
}
#sub .board .board_view .table table{
width:100%;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#sub .board .board_view .table table thead{
border-bottom:1px solid #869286;
background:#dddad0;
}
#sub .board .board_view .table table thead th{
padding:10px 0;
font-size:16px;
font-weight:500;
}
#sub .board .board_view .table table thead th.tt{
font-size:30px;
font-weight:500;
background:#fff;
padding:20px 0;
border-bottom:1px solid #869286;
}
#sub .board .board_view .table table tbody td{
text-align:center;
padding:50px 0;
}
#sub .board .board_view .table table tbody td img{
max-width:100%;
}
/*장바구니*/
.cart {
background:#f3eeea;
}
.cart .cart_area{
width:90%;
max-width: 900px;
margin:0 auto 150px;
background:#fff;
box-sizing:border-box;
padding:50px;
}
.cart.appoint .cart_area{
margin-bottom:50px;
}
.checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.check_label {
display: inline-block;
cursor: pointer;
position: relative;
line-height:26px;
}
.check_label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
transition: all 0.2s ease;
}
.checkbox:checked + label:before {
border-color: #b0a695;
background-color: #b0a695;
}
.check_label:after {
content: '';
position: absolute;
width: 8px;
height: 14px;
border: 2px solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg) scale(0);
left: 8px;
top: 2px;
transition: transform 0.2s ease;
}
.checkbox:checked + label:after {
transform: rotate(45deg) scale(1);
}
.cart .cart_area table td{
padding:20px 0;
}
.cart .cart_area table tbody td{
padding:50px 0;
}
.cart .cart_area table td:nth-child(1){
width:10%;
min-width:30px;
}
.cart .cart_area table td:nth-child(2){
}
.cart .cart_area table td:nth-child(3){
width:15%;
min-width:120px;
text-align:right;
}
.cart .cart_area table tr{
border-bottom:1px solid #ddd;
}
.cart .cart_area table thead tr,
.cart .cart_area table tbody tr:last-child{
border-bottom:1px solid #666;
}
.cart .cart_area table tfoot tr{
border-bottom:0;
}
.cart .cart_area table tfoot tr:last-child{
border-top:1px solid #ddd;
}
.cart .cart_area table thead tr h4{
font-size:35px;
}
.cart .cart_area table thead tr td label{
font-size:25px;
}
.cart .cart_area table thead tr td .delete_btn{
font-size: 25px;
font-weight:600;
}
.cart .cart_area table tbody tr td .delete{
display:inline-block;
width: 20px;
height: 20px;
position: relative;
border: none;
background: none;
cursor: pointer;
}
.cart .cart_area table tbody tr td .delete::before,
.cart .cart_area table tbody tr td .delete::after {
content: '';
position: absolute;
top: 50%; right: 0;
width: 100%; height: 2px;
background-color: #333;
}
.cart .cart_area table tbody tr td .delete::before { transform: rotate(45deg); }
.cart .cart_area table tbody tr td .delete::after { transform: rotate(-45deg); }
.cart .cart_area table tbody tr td .category{
font-size:18px;
color:#666;
display:block;
line-height:1;
margin-bottom:10px;
letter-spacing:-1px;
}
.cart .cart_area table tbody tr td h5{
font-size:25px;
font-family:'Pretendard', sans-serif;
font-weight:600;
line-height:1;
letter-spacing:-1px;
}
.cart .cart_area table tbody tr td .item{
font-size:30px;
font-weight:600;
line-height:1;
margin-top:30px;
letter-spacing:-1px;
}
.cart .cart_area table tbody tr td .item .option{
display:block;
font-size:25px;
font-weight:400;
margin-top:10px;
}
.cart .cart_area table tbody tr td .item .noti{
display:block;
font-size:20px;
font-weight:300;
margin-top:10px;
color:#999;
}
.cart .cart_area table tbody tr td .price {
font-weight:600;
font-size:20px;
line-height:1;
margin-top:30px;
}
.cart .cart_area table tbody tr td .price span{
font-size: 20px;
font-weight:400;
display:inline-block;
margin-right:10px;
color:#666;
}
.cart .cart_area table tbody tr td .price strong{
font-size: 35px;
font-weight:700;
display:inline-block;
margin-right:5px;
transform:translateY(2px);
}
.quantity-control {
display: inline-flex;
align-items: center;
border: 1px solid #ccc;
font-family: Arial, sans-serif;
margin-top:30px;
}
.quantity-control .btn {
width: 30px;
height: 30px;
border: none;
background-color: #f0f0f0;
cursor: pointer;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
}
.quantity-control .btn:hover {
background-color: #e0e0e0;
}
.quantity-control .number {
width: 40px;
height: 30px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
background-color: #fff;
}
.cart .cart_area table tfoot tr td{
padding:10px;
}
.cart .cart_area table tfoot tr:first-child td{
padding-top:40px;
}
.cart .cart_area table tfoot tr:nth-child(3) td{
padding-bottom:40px;
}
.cart .cart_area table tfoot tr:last-child td{
padding-top:40px;
}
.cart .cart_area table tfoot tr td:first-child{
width:50%;
font-size:20px;
min-width:300px;
}
.cart .cart_area table tfoot tr td:last-child{
width:50%;
font-size:25px;
text-align:right;
font-weight:700;
}
.cart .cart_area table tfoot tr td b{
font-size:25px;
font-weight:600;
}
.cart .cart_area table tfoot tr td strong{
font-size:40px;
font-weight:700;
transform:translateY(2px)
}
.cart .cart_area .notice_box{
margin-top:50px;
padding:30px;
background:#f5f5f5;
}
.cart .cart_area .notice_box p{
font-size:16px;
color:#666;
line-height:2;
}
.cart .cart_area .quantity{
font-size:20px;
margin-top:10px;
color:#999;
}
/*예약하기*/
.calendar-container {
width:90%;
max-width: 900px;
margin: 0 auto 50px;
background: #fff;
padding: 60px 80px;
box-sizing: border-box;
border: 1px solid #f0f0f0;
clear: both;
position: relative;
font-family: 'Pretendard', sans-serif;
}
.cal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.btn-move {
border: none; background: none; font-size: 30px;
cursor: pointer; color: #333; padding: 10px; font-weight: bold;
}
.cur-month {
font-size: 40px;
font-weight: 800;
letter-spacing: -1.5px;
}
.cal-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
text-align: center;
}
.day-name {
padding: 20px 0;
font-size: 16px;
font-weight: bold;
color: #999;
border-bottom: 2px solid #f9f9f9;
}
.day {
padding: 10px 0;
cursor: pointer;
font-size: 30px;
font-weight: 500;
color: #333;
transition: 0.2s;
min-height: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.day:hover:not(.empty) {
background-color: #f8f8f8;
border-radius: 10px;
}
.sun { color: #e57373; }
.sat { color: #64b5f6; }
.selected {
background-color: #222 !important;
color: #fff !important;
font-weight: bold;
border-radius: 12px;
}
.empty { cursor: default; }
.booking-time-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
padding: 30px;
background: #fcfcfc;
border-radius: 15px;
}
.time-label {
font-size: 20px;
color: #333;
font-weight: bold;
letter-spacing:-1px;
}
.time-select {
width: 300px;
height: 55px;
padding: 0 20px;
border: 1px solid #ddd;
font-size: 18px;
color: #333;
outline: none;
appearance: none;
background: #fff url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 20px center;
letter-spacing:-1px;
}
.appoint_area{
width:90%;
max-width:900px;
margin:0 auto 150px;
background:#fff;
padding:50px;
box-sizing:border-box;
}
.appoint_area h4{
font-size:35px;
margin-bottom:20px;
}
.appoint_area input[type="text"],
.appoint_area input[type="tel"]{
width:100%;
height:80px;
border:1px solid #999;
border-radius:0;
padding:0 20px;
box-sizing:border-box;
font-size:25px;
margin-bottom:10px;
}
.appoint_area input::placeholder{
font-size:20px;
font-weight:300;
letter-spacing:-1px;
}
.appoint_area .agreement_check{
margin:10px 0 20px;
}
.appoint_area .agreement_check input[type="checkbox"]{
width:16px;
height:16px;
margin-right:5px;
}
.appoint_area .agreement_check label{
font-size:16px;
font-weight:300;
}
.appoint_area .agreement_check label a{
color:#ccc;
display:inline-block;
margin-left:5px;
font-weight:500;
}
.appoint.board_list .listcon{
padding:20px;
}
.appoint.board_list .listcon p{
text-align:left;
font-size:18px;
line-height:1.2;
margin-bottom:10px;
letter-spacing:-1px;
word-break: keep-all;
overflow-wrap: break-word;
}
.appoint.board_list .listcon p:last-child{
margin-bottom:0;
}
/*병원소개*/
.about_info .about_info1{
position: relative;
}
.about_info .about_info1 .inbox{
position: relative;
height: 85vh;
width:95vw;
margin:0 auto;
overflow: hidden;
border-radius:0;
animation: roundShape 1.5s ease forwards;
background:url(../img/main_interior1.png) no-repeat 50% 50%;
background-size:cover;
text-align:right;
}
@keyframes roundShape {
from {
border-radius: 0;
}
to {
border-radius: 100px;
}
}
.about_info .about_info1 .inbox .text{
position:absolute;
top:50%;
right:10%;
transform:translateY(-50%);
}
.about_info .about_info1 .inbox .text h1{
color:#fff;
font-size:80px;
}
.about_info .about_info1 .inbox .text p{
color:#fff;
margin-top:50px;
}
.about_info .about_info2{
text-align:center;
padding:150px 0;
}
.about_info .about_info2 p{
margin:20px 0 100px;
}
.about_info .about_info2 img{
max-width:90vw;
}
.about_info .about_info3{
padding:150px 0;
background:#f5f5f5;
}
.about_info .about_info3 .flex{
justify-content:center;
gap:2%;
align-items:center;
padding:0 1.5vw;
}
.about_info .about_info3 .flex li img{
max-width:100%;
display:block;
margin-bottom:30px;
}
.about_info .about_info3 .flex li h5{
font-family: 'Pretendard', sans-serif;
font-weight:600;
font-size:25px;
padding-bottom:20px;
border-bottom:1px solid #999;
margin-bottom:20px;
}
/*의료진소개*/
.doctors_info .doctors1{
background:url(../img/about/doctors1_bg.png) no-repeat 50% 0;
}
.doctors_info .doctors1 .inbox{
width:1440px;
max-width:90vw;
margin: 0 auto;
display:flex;
justify-content:center;
gap:50px;
align-items:flex-end;
}
.doctors_info .doctors1 .inbox .text{
padding-bottom:80px;
}
.doctors_info .doctors1 .inbox img{
max-width:50%;
}
.doctors_info .doctors1 .inbox .text h4{
font-size:60px;
color:#fff;
margin-bottom:40px;
}
.doctors_info .doctors1 .inbox .text h4 span{
font-size:30px;
font-family: 'Pretendard', sans-serif;
font-weight:300;
}
.doctors_info .doctors1 .inbox .text p{
color:#fff;
font-size: 20px;
line-height:1;
font-weight:300;
margin-bottom:10px;
}
.doctors_info .doctors2{
background:#fafafa;
padding-top:100px;
}
.doctors_info .doctors2 .inbox{
width:1440px;
max-width:90vw;
margin: 0 auto;
display:flex;
justify-content:center;
gap:100px;
align-items:center;
}
.doctors_info .doctors2 .inbox img{
max-width:50%;
}
.doctors_info .doctors2 .inbox .text h4{
font-size:60px;
margin-bottom:40px;
}
.doctors_info .doctors2 .inbox .text h4 span{
font-size:30px;
font-family: 'Pretendard', sans-serif;
font-weight:300;
}
.doctors_info .doctors2 .inbox .text p{
font-size: 20px;
line-height:1;
font-weight:300;
margin-bottom:10px;
}
.doctors_info .doctors3{
background:#f5f5f5;
padding-top:100px;
}
.doctors_info .doctors3 .inbox{
width:1440px;
max-width:90vw;
margin: 0 auto;
display:flex;
justify-content:center;
gap:100px;
align-items:center;
}
.doctors_info .doctors3 .inbox img{
max-width:50%;
}
.doctors_info .doctors3 .inbox .text h4{
font-size:60px;
margin-bottom:40px;
}
.doctors_info .doctors3 .inbox .text h4 span{
font-size:30px;
font-family: 'Pretendard', sans-serif;
font-weight:300;
}
.doctors_info .doctors3 .inbox .text p{
font-size: 20px;
line-height:1;
font-weight:300;
margin-bottom:10px;
}
/*장비소개*/
.equipment_info{
background:#f3eeea;
}
.equipment_area .container .equipment_con{
padding-bottom:150px;
}
.equipment_area .container .equipment_con li .flex{
flex-wrap:wrap;
justify-content:flex-start;
gap:2%;
}
.equipment_area .container .equipment_con li .flex div{
width:32%;
text-align:center;
background:#fff;
margin-bottom:50px;
box-sizing:border-box;
padding:20px 20px 0;
box-shadow:3px 3px 3px rgba(0,0,0,0.1);
}
.equipment_area .container .equipment_con li .flex div img{
width:100%;
display:block;
margin: 0 auto;
}
.equipment_area .container .equipment_con li .flex div p{
font-weight:600;
font-size:30px;
padding:25px 0;
}
/*진료안내오시는길*/
.information .infor1{
padding-bottom:150px;
}
.information .infor2{
padding:150px 0;
background:#f5f5f5;
}
.information .infobox .container .flex{
justify-content:space-between;
align-items:center;
}
.information .infobox .container .flex .textbox{
width:30%;
}
.information .infobox .container .flex .textbox div{
border-bottom:1px solid #999;
padding-bottom:30px;
margin-bottom:30px;
}
.information .infobox .container .flex .textbox div:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}
.information .infobox .container .flex .textbox h5{
font-size:35px;
margin-bottom:20px;
line-height:1;
}
.information .infobox .container .flex .textbox p{
line-height:1;
margin-bottom:10px;
}
.information .infobox .container .flex .textbox p:last-child{
margin-bottom:0;
}
.information .infobox .container .flex .textbox p span{
display:inline-block;
width:80px;
border-right:1px solid #000;
margin-right:20px;
}
.information .infobox .container .flex .textbox p b{
display:inline-block;
font-size:30px;
transform:translateY(2px);
}
.information .infobox .container .flex .textbox .time_box > span{
color:#999;
font-size:20px;
margin-top:20px;
display:block;
font-weight:300;
}
.information .infobox .container .flex .textbox .call_box p{
font-size:40px;
font-weight:700;
display:flex;
align-items:center;
gap:10px;
}
.information .infobox .container .flex .textbox .call_box a img{
display:block;
}
.information .infobox .container .flex .textbox .talk_box p{
font-size:40px;
font-weight:700;
display:flex;
align-items:center;
gap:10px;
}
.information .infobox .container .flex .textbox .talk_box a img{
display:block;
}
.information .infobox .container .flex .textbox .subw_box p,
.information .infobox .container .flex .textbox .addr_box p{
line-height:1.5;
}
.information .infobox .container .flex .textbox .subw_box span,
.information .infobox .container .flex .textbox .addr_box a{
display: inline-block;
width: 180px;
height: 40px;
border-radius: 20px;
line-height: 40px;
font-weight: 400;
font-size: 18px;
text-align: center;
padding: 0;
margin-top:10px;
}
.information .infobox .container .flex .textbox .addr_box a b{
font-weight: 800;
}
.information .infobox .container .flex .textbox .addr_box .naver{
background: #03c75b;
color: #fff;
margin-right:10px;
}
.information .infobox .container .flex .textbox .addr_box .kakao{
background: #fae200;
}
.information .infobox .container .flex .textbox .subw_box span{
display: block;
width: 120px;
height: 40px;
border-radius: 20px;
line-height: 40px;
font-weight: 400;
font-size: 18px;
text-align: center;
padding: 0;
background: #fae200;
}
.information .infobox .container .flex .textbox .parking_box p{
line-height:1.3;
}
.information .infobox .container .flex .conbox{
width:65%;
border-radius:50px;
overflow:hidden;
}
.information .infobox .container .flex .conbox img{
max-width:100%;
}
.information .infobox .container .flex .conbox iframe{
width:100%;
min-height:750px;
}
/* 노트북 */
@media (max-width: 1440px) {
.sub h3{
font-size:5vw;
}
.sub p{
font-size:2.2vw;
}
.sub{
padding-top: 8vw;
}
.sub .sub_title{
padding:8vw 0;
}
.sub .sub_title h6{
letter-spacing:1vw;
font-size:1.7vw;
}
.sub .sub_title h3{
margin:1vw 0 2vw;
}
.sub .tab_area .tab_con > li .flex .imgbox{
width:40%;
}
.sub .tab_area .tab_con > li .flex .textbox{
width:55%
}
.sub .tab_area .tab_con > li .flex .textbox h6{
font-size:1.5vw;
margin-bottom:2vw;
}
.sub .tab_area .tab_con > li .flex .textbox hr{
display:block;
margin:2vw 0;
}
.treatment_info .tab_area .tab_con > li .flex .textbox p{
font-size:1.8vw;
letter-spacing:-1px;
}
.treatment_info .tab_area .tab_con > li .flex .textbox .pop_open{
font-size:1.4vw;
height:3vw;
line-height:3vw;
padding:0 1.5vw;
border-radius:0.3vw;
}
.sub .tab_area .list_box{
margin-top:8vw;
}
.sub .tab_area .list_box .ttbox{
margin-top:6vw;
}
.sub .tab_area .list_box .list .item .option{
font-size: 2vw;
}
.sub .tab_area .list_box .list .item .noti{
font-size: 1.7vw;
}
.sub .tab_area .list_box .list div{
gap:1.5vw;
}
.sub .tab_area .list_box .list div strong{
width:15vw;
}
.sub .tab_area .list_box .list div button{
width:6vw;
height:6vw;
border-radius:0.8vw;
}
.sub .event_area{
padding-bottom:8vw;
}
.list_in_tab_menu li{
font-size:1.8vw;
padding:0 3vw;
}
.list_in_tab_menu li:before{
height:1.6vw;
}
.list_in_tab_menu li:after{
height:1.6vw;
}
/*로그인*/
.member .login_area{
padding:3vw;
margin:0 auto 12vw;
}
.member input[type="text"],
.member input[type="password"],
.member input[type="tel"],
.member input[type="email"]{
height:7vw;
padding:0 1.5vw;
font-size:2.2vw;
margin-bottom:1.5vw;
}
.member input::placeholder{
font-size:1.8vw;
}
.sub .submit_button{
height:7vw;
font-size:2.2vw;
margin-top:1vw;
}
.member .social-login-group{
margin-top:1.5vw;
}
.member .social-login-group a{
height:7vw;
font-size:1.5vw;
gap:0.5vw;
}
.member .social-login-group .naver-login{
font-size:1.5vw;
height:7vw;
}
.member .social-login-group .kakao-login{
font-size:1.5vw;
height:7vw;
}
.member .social-login-group a img{
margin-right:0.5vw;
}
.member .footer-links{
gap:1vw;
margin-top:3vw;
}
.member .footer-links a{
font-size:1.4vw;
}
/*회원가입*/
.member .join_area{
padding:3vw;
margin:0 auto 12vw;
}
.member .join_area .agreement_check{
margin:1vw 0 2vw;
}
.member .join_area .agreement_check input[type="checkbox"]{
width:1.4vw;
height:1.4vw;
margin-right:0.2vw;
}
.member .join_area .agreement_check label{
font-size:1.4vw;
}
.member .join_area .agreement_check label a{
margin-left:0.5vw;
}
.member .mypage .reservations_history .past{
margin-top:8vw;
}
/*개인정보취급방침*/
.member .privacybox .privacy{
padding:5vw;
margin:0 auto 12vw;
}
.member .privacybox .privacy h5{
font-size:2.8vw;
margin-bottom:1.5vw;
}
.member .privacybox .privacy p{
font-size:1.8vw;
}
.member .privacybox .privacy div{
padding-top:3vw;
margin-top:3vw;
}
.member .privacybox .privacy div .btn_submit{
width:25vw;
font-size:2vw;
height:7vw;
margin:2vw auto;
}
.member .privacybox .privacy div p{
font-size:1.5vw;
}
.member .privacybox .privacy h6{
font-size:2vw;
margin:3vw 0 1vw;
}
.member .privacybox .privacy b{
margin: 1.5vw 0 0.5vw;
}
/*전후사진*/
.before_after .bna_tab li .box .flex{
margin-bottom:5vw;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo img{
margin:0 auto 2vw;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo p{
font-size:1.5vw;
}
.before_after .bna_tab li .box .flex .before > p{
padding:2vw 0;
font-size:2vw;
}
.before_after .bna_tab li .box .flex .after > p{
padding:2vw 0;
font-size:1.8vw;
}
.before_after .bna_tab li .box .flex .after > p b{
padding-right:1vw;
margin-right:0.5vw;
}
.before_after .notice_box{
margin-bottom:5vw;
}
.before_after .notice_box p{
font-size:1.5vw;
}
.pagination-list {
margin: 5vw 0;
gap: 0.5vw;
}
.page-link {
min-width: 3vw;
padding: 1vw 1.5vw;
border-radius: 0.5vw;
font-size: 1.4vw;
}
.search-container {
max-width: 40vw; /* 전체 너비 제한 (선택 사항) */
gap:1vw;
}
.search-select {
padding: 1vw 1.2vw;
font-size: 1.4vw;
background-size: 1.5vw;
min-width: 8vw;
}
.search-input {
padding: 1vw 1.2vw;
font-size: 1.4vw;
}
.search-button {
padding: 1vw 1.5vw;
font-size: 1.4vw;
}
#adm_write .adm_form input::placeholder{
font-size:1.4vw;
}
#adm_write .adm_form{
padding: 3vw 2vw 0;
}
#adm_write .adm_form table th {
padding: 1vw 0.5vw 1vw 3.5vw;
font-size: 1.8vw;
}
#adm_write .adm_form table td {
padding: 1vw;
}
#adm_write .adm_form table td input[type="text"]{
height:5vw;
text-indent:1vw;
font-size:1.6vw;
}
#adm_write .adm_form table td select {
height: 5vw;
text-indent: 1vw;
font-size: 1.6vw;
}
/* 업로드 영역 박스 */
#adm_write .adm_form .upload-box {
height:4vw;
}
#adm_write .adm_form .preview {
padding:1vw;
}
#adm_write .adm_form .preview img {
max-height: 2.5vw;
}
/* 파일명 input */
#adm_write .adm_form .upload-box .filename {
line-height: 4vw;
padding: 0 0.5vw;
font-size: 1.3vw;
width:40%;
}
/* 버튼 스타일 */
#adm_write .adm_form .upload-box .btn {
padding: 0 1.2vw;
font-size: 1.4vw;
}
#adm_write .adm_form .upload-box .btn.add {
width:15%;
}
#adm_write .adm_form .upload-box .btn.delete {
width:10%;
height:3vw;
margin-right:0.5vw;
}
/* 안내 문구 */
#adm_write .adm_form .upload-box .info-text {
font-size: 1.2vw;
width:50%;
padding:0 1.5vw;
}
#adm_write .adm_form .flex{
gap:1vw;
}
#adm_write .adm_form .flex p{
width:30%;
font-size:1.8vw;
}
#adm_write .adm_form .flex p input{
width:85% !important;
margin-right:0.5vw;
}
#adm_write .adm_form .flex button{
width:6%;
height:3vw;
line-height:3vw;
font-size:1.4vw;
}
#adm_write .adm_form .btn_box{
margin-top:5vw;
}
#adm_write .adm_form .btn_box input{
width:20vw;
height:5vw;
font-size:2vw;
}
#adm_write .adm_form .btn_box .submit{
margin-left:1vw;
}
/*상담신청*/
#sub .board .board_list{
padding-bottom:12vw;
}
#sub .board .board_list .table_top{
margin-bottom:2vw;
}
#sub .board .board_list .table_top .totle_count{
font-size:1.6vw;
}
#sub .board .board_list .table_top select{
width:10vw;
padding: 1vw 1.2vw;
font-size: 1.6vw;
background-size: 1.6vw;
min-width: 10vw;
}
#sub .board .board_list .table table thead tr th{
padding:2vw 0;
font-size:1.8vw;
}
#sub .board .board_list .table table tbody tr td{
padding:3vw 0;
font-size:1.6vw;
}
#sub .board .board_list .table .thin tbody tr td{
padding:1vw 0;
}
#sub .board .board_list .table table tbody tr td.t_left{
padding:2vw;
}
#sub .board .board_list .table table tbody tr td i{
margin-right:0.5vw;
}
#sub .board .board_list .table table tbody tr td .reply{
margin-left:0.5vw;
}
#sub .board .board_list .table table tbody tr td .status{
padding:0 1vw;
border-radius:3vw;
font-size:1.4vw;
}
#sub .board .board_list .table table tbody tr td select{
padding: 1vw 1.2vw;
font-size: 1.6vw;
background-size: 1.6vw;
}
#sub .board .board_btn{
margin-top:2vw;
gap:1vw;
}
#sub .board .board_btn.upper{
margin:0 0 2vw;
}
#sub .board .board_btn a{
width:9vw;
height:3.6vw;
line-height:3.4vw;
font-size:1.5vw;
}
#sub .board .board_password{
padding-bottom:12vw;
}
#sub .board .board_password .container{
max-width:50vw;
}
#sub .board .board_password .container input{
height: 6vw;
text-indent: 1vw;
}
#sub .board .board_write{
padding-bottom:12vw;
}
#sub .board .board_write .table table th{
font-size:2vw;
}
#sub .board .board_write .table table td{
padding:2vw;
}
#sub .board .board_write .table table td input[type="text"],
#sub .board .board_write .table table td input[type="password"]{
height: 4vw;
text-indent: 1vw;
}
#sub .board .board_write .table table td input[type="date"]{
height: 4vw;
text-indent: 1vw;
}
#sub .board .board_write .table table td .secret{
margin-top:0.5vw;
font-size:2vw;
}
#sub .board .board_view .reply_area{
padding:5vw;
}
#sub .board .board_view .reply_area .reply_view{
padding-bottom:2vw;
margin-bottom:2vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top{
gap:1vw;
margin-bottom:1vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top .icon{
width:2vw;
height:2vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top p{
font-size:1.6vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top span{
font-size:1.4vw;
}
#sub .board .board_view .reply_area .reply_view .reply_con{
margin-bottom:1vw;
padding:1vw;
}
#sub .board .board_view .reply_area .reply_view .reply_con p{
font-size: 1.6vw;
}
#sub .board .board_view .reply_area .reply_view .reply_bottom{
gap:1vw;
padding-right:1vw;
}
#sub .board .board_view .reply_area .reply_view .reply_bottom a{
font-size:1.4vw;
}
#sub .board .board_view .reply_area .reply_write{
gap:1vw;
}
#sub .board .board_view .reply_area .reply_write textarea{
height:10vw;
padding:1vw;
}
#sub .board .board_view .reply_area .reply_write button{
width: 9vw;
height: 3.6vw;
line-height: 3.4vw;
font-size: 1.5vw;
}
#sub .board .board_view .reply_area .reply_write select{
width: 20vw;
padding: 1vw 1.2vw;
font-size: 1.6vw;
background-size: 1.6vw;
min-width: 10vw;
}
/*장바구니*/
.cart .cart_area{
margin:0 auto 12vw;
padding:5vw;
}
.cart.appoint .cart_area{
margin-bottom:3vw;
}
.cart .cart_area table td{
padding:2vw 0;
}
.cart .cart_area table tbody td{
padding:5vw 0;
}
.cart .cart_area table td:nth-child(1){
width:10%;
min-width:3vw;
}
.cart .cart_area table td:nth-child(2){
}
.cart .cart_area table td:nth-child(3){
width:15%;
min-width:12vw;
}
.cart .cart_area table thead tr h4{
font-size:3vw;
}
.cart .cart_area table thead tr td label{
font-size:2.3vw;
}
.cart .cart_area table thead tr td .delete_btn{
font-size: 2.3vw;
}
.cart .cart_area table tbody tr td .delete{
width: 2vw;
height: 2vw;
}
.cart .cart_area table tbody tr td .category{
font-size:1.6vw;
margin-bottom:1vw;
}
.cart .cart_area table tbody tr td h5{
font-size:2.3vw;
}
.cart .cart_area table tbody tr td .item{
font-size:2.8vw;
margin-top:3vw;
}
.cart .cart_area table tbody tr td .item .option{
font-size:2.3vw;
margin-top:1vw;
}
.cart .cart_area table tbody tr td .item .noti{
font-size:1.8vw;
margin-top:1vw;
}
.cart .cart_area table tbody tr td .price {
font-size:1.8vw;
margin-top:3vw;
}
.cart .cart_area table tbody tr td .price span{
font-size: 1.8vw;
margin-right:1vw;
}
.cart .cart_area table tbody tr td .price strong{
font-size: 3.3vw;
margin-right:0.5vw;
transform:translateY(2px);
}
.quantity-control {
margin-top:3vw;
}
.quantity-control .btn {
width: 30px;
height: 30px;
font-size: 20px;
}
.quantity-control .number {
width: 40px;
height: 30px;
font-size: 18px;
}
.cart .cart_area table tfoot tr td{
padding:1vw;
}
.cart .cart_area table tfoot tr:first-child td{
padding-top:4vw;
}
.cart .cart_area table tfoot tr:nth-child(3) td{
padding-bottom:4vw;
}
.cart .cart_area table tfoot tr:last-child td{
padding-top:4vw;
}
.cart .cart_area table tfoot tr td:first-child{
width:50%;
font-size:1.8vw;
min-width:25vw;
}
.cart .cart_area table tfoot tr td:last-child{
width:50%;
font-size:1.8vw;
}
.cart .cart_area table tfoot tr td b{
font-size:2.3vw;
}
.cart .cart_area table tfoot tr td strong{
font-size:3.8vw;
transform:translateY(2px)
}
.cart .cart_area .notice_box{
margin-top:5vw;
padding:3vw;
}
.cart .cart_area .notice_box p{
font-size:1.4vw;
}
/*예약하기*/
.calendar-container {
margin: 0 auto 3vw;
padding: 5vw 8vw;
border: 1px solid #f0f0f0;
}
.cal-header {
margin-bottom: 3vw;
}
.btn-move {
font-size: 2.5vw;
padding: 1vw;
}
.cur-month {
font-size: 3.5vw;
letter-spacing: -1.5px;
}
.day-name {
padding: 1.5vw 0;
font-size: 1.4vw;
border-bottom: 2px solid #f9f9f9;
}
.day {
padding: 1vw 0;
font-size: 2.5vw;
min-height: 7vw;
}
.day:hover:not(.empty) {
border-radius: 1vw;
}
.selected {
border-radius: 1vw;
}
.booking-time-section {
margin-top: 3vw;
padding: 2.5vw;
border-radius: 1vw;
}
.time-label {
font-size: 1.8vw;
}
.time-select {
width: 40vw;
height: 5vw;
padding: 0 2vw;
font-size: 1.8vw;
background: #fff url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 2vw center;
}
.appoint_area{
margin:0 auto 12vw;
padding:5vw;
}
.appoint_area h4{
font-size:3vw;
margin-bottom:2vw;
}
.appoint_area input[type="text"],
.appoint_area input[type="tel"]{
width:100%;
height:8vw;
padding:0 2vw;
font-size:2.5vw;
margin-bottom:1vw;
}
.appoint_area input::placeholder{
font-size:2vw;
}
.appoint_area .agreement_check{
margin:1vw 0 2vw;
}
.appoint_area .agreement_check input[type="checkbox"]{
width:1.6vw;
height:1.6vw;
margin-right:0.5vw;
}
.appoint_area .agreement_check label{
font-size:1.6vw;
}
.appoint_area .agreement_check label a{
margin-left:0.5vw;
}
/*병원소개*/
.about_info .about_info1 .inbox{
height:60vh;
animation: roundShape 1.5s ease forwards;
}
@keyframes roundShape {
from {
border-radius: 0;
}
to {
border-radius: 5vw;
}
}
.about_info .about_info1 .inbox .text{
left:7%;
}
.about_info .about_info1 .inbox .text h1{
font-size:5vw;
}
.about_info .about_info1 .inbox .text p{
margin-top:3vw;
}
.about_info .about_info2{
padding:12vw 0;
}
.about_info .about_info2 p{
margin:1vw 0 8vw;
}
.about_info .about_info2 img{
max-width:70vw;
}
.about_info .about_info3{
padding:10vw 0;
}
.about_info .about_info3 .flex{
gap:1%;
padding:0 1vw;
}
.about_info .about_info3 .flex li img{
margin-bottom:2vw;
}
.about_info .about_info3 .flex li h5{
font-size:1.8vw;
padding-bottom:2vw;
margin-bottom:2vw;
}
.about_info .about_info3 .flex li p{
font-size:1.6vw;
}
/*의료진소개*/
.doctors_info .doctors1{
background:url(../img/about/doctors1_bg.png) no-repeat 50% 100%;
padding-top:6vw;
}
.doctors_info .doctors1 .inbox{
gap:0vw;
align-items:center;
}
.doctors_info .doctors1 .inbox .text{
padding-bottom:0;
}
.doctors_info .doctors1 .inbox img{
max-width:60%;
}
.doctors_info .doctors1 .inbox .text h4{
font-size:5vw;
margin-bottom:3vw;
}
.doctors_info .doctors1 .inbox .text h4 span{
font-size:2.5vw;
}
.doctors_info .doctors1 .inbox .text p{
font-size: 1.6vw;
margin-bottom:1vw;
}
.doctors_info .doctors2{
padding-top:6vw;
}
.doctors_info .doctors2 .inbox{
gap:5vw;
}
.doctors_info .doctors2 .inbox img{
max-width:60%;
}
.doctors_info .doctors2 .inbox .text h4{
font-size:5vw;
margin-bottom:3vw;
}
.doctors_info .doctors2 .inbox .text h4 span{
font-size:2.5vw;
}
.doctors_info .doctors2 .inbox .text p{
font-size: 1.6vw;
margin-bottom:1vw;
}
.doctors_info .doctors3{
padding-top:6vw;
}
.doctors_info .doctors3 .inbox{
gap:5vw;
}
.doctors_info .doctors3 .inbox img{
max-width:60%;
}
.doctors_info .doctors3 .inbox .text h4{
font-size:5vw;
margin-bottom:3vw;
}
.doctors_info .doctors3 .inbox .text h4 span{
font-size:2.5vw;
}
.doctors_info .doctors3 .inbox .text p{
font-size: 1.6vw;
margin-bottom:1vw;
}
/*장비소개*/
.equipment_area .container .equipment_con{
padding-bottom:12vw;
}
.equipment_area .container .equipment_con li .flex{
gap:2%;
}
.equipment_area .container .equipment_con li .flex div{
width:32%;
margin-bottom:3vw;
padding:1.5vw 1.5vw 0;
box-shadow:3px 3px 3px rgba(0,0,0,0.1);
}
.equipment_area .container .equipment_con li .flex div p{
font-size:2.5vw;
padding:2vw 0;
}
/*진료안내오시는길*/
.information .infor1{
padding-bottom:12vw;
}
.information .infor2{
padding:12vw 0;
}
.information .infobox .container .flex{
justify-content:space-between;
align-items:center;
}
.information .infobox .container .flex .textbox{
width:35%;
}
.information .infobox .container .flex .textbox div{
padding-bottom:2vw;
margin-bottom:2vw;
}
.information .infobox .container .flex .textbox h5{
font-size:2.8vw;
margin-bottom:1vw;
}
.information .infobox .container .flex .textbox p{
margin-bottom:1vw;
}
.information .infobox .container .flex .textbox p span{
width:8vw;
margin-right:2vw;
}
.information .infobox .container .flex .textbox p b{
font-size:2.5vw;
transform:translateY(2px);
}
.information .infobox .container .flex .textbox .time_box > span{
font-size:1.8vw;
margin-top:1vw;
}
.information .infobox .container .flex .textbox .call_box p{
font-size:3vw;
gap:1vw;
}
.information .infobox .container .flex .textbox .talk_box p{
font-size:3vw;
gap:1vw;
}
.information .infobox .container .flex .textbox .subw_box span,
.information .infobox .container .flex .textbox .addr_box a{
width: 14vw;
height: 4vw;
border-radius: 2vw;
line-height: 4vw;
font-size: 1.6vw;
}
.information .infobox .container .flex .textbox .addr_box .naver{
margin-right:1vw;
}
.information .infobox .container .flex .textbox .subw_box span{
width: 12vw;
height: 4vw;
border-radius: 2vw;
line-height: 4vw;
font-size: 1.8vw;
margin-top:3vw;
}
.information .infobox .container .flex .conbox{
width:60%;
border-radius:5vw;
}
.information .infobox .container .flex .conbox iframe{
min-height:70vw;
}
.information .infobox .container .flex .textbox .parking_box p{
font-size:2vw;
}
}
/* 태블릿 */
@media (max-width: 1024px) {
.sub h3{
font-size:6vw;
}
.sub p{
font-size:2.5vw;
}
.sub{
padding-top: 10vw;
}
.sub .sub_title{
padding:10vw 0;
}
.sub .sub_title h6{
letter-spacing:1vw;
font-size:2vw;
}
.sub .sub_title h3{
margin:1.5vw 0 2.5vw;
}
.sub .tab_area .tab_con > li .flex .imgbox{
width:80%;
margin-bottom:10vw;
}
.sub .tab_area .tab_con > li .flex .textbox{
width:80%;
}
.sub .tab_area .tab_con > li .flex .textbox h6{
font-size:1.8vw;
margin-bottom:3vw;
text-align:center;
}
.sub .tab_area .tab_con > li .flex .textbox hr{
margin:5vw 0;
}
.treatment_info .tab_area .tab_con > li .flex .textbox b br{
display:none;
}
.treatment_info .tab_area .tab_con > li .flex .textbox p{
font-size:2vw;
letter-spacing:-1px;
}
.treatment_info .tab_area .tab_con > li .flex .textbox h4.flex{
margin-bottom:2vw;
}
.treatment_info .tab_area .tab_con > li .flex .textbox .pop_open{
font-size:1.6vw;
height:4vw;
line-height:4vw;
padding:0 1.5vw;
border-radius:0.3vw;
margin-top:2vw;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox{
padding: 3vw 0;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox img{
width:5vw;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox h3{
font-size:4.5vw;
line-height:1.5;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox .en{
font-size:1.4vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl{
padding:3vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dt{
padding-bottom:1vw;
margin-bottom:2vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dt h5{
font-size:3vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dd{
padding-left:2vw;
margin-bottom:5vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dd ul li{
margin-bottom:0.5vw;
font-size:1.8vw;
}
.sub .tab_area .tab_con > li .inpop .flex .close{
width:5vw;
height:5vw;
}
.sub .tab_area .tab_con > li .inpop .flex .close:before,
.sub .tab_area .tab_con > li .inpop .flex .close:after{
left:2.4vw;
height:5vw;
width:0.2vw;
}
.sub .tab_area .list_box{
margin-top:10vw;
word-break: keep-all;
}
.sub .tab_area .list_box .list_in_tab_menu{
justify-content:center;
}
.sub .tab_area .list_box .ttbox{
margin-top:8vw;
}
.sub .tab_area .list_box .list .item{
width:45vw;
font-size: 2.8vw;
}
.sub .tab_area .list_box .list .item .option{
font-size: 2.5vw;
}
.sub .tab_area .list_box .list .item .noti{
font-size: 2vw;
}
.sub .tab_area .list_box .list div{
gap:2vw;
}
.sub .tab_area .tab_con > li .list_box .list div span{
font-size:2vw;
}
.sub .tab_area .tab_con > li .list_box .list div strong{
width:17vw;
font-size:3.5vw;
}
.sub .tab_area .list_box .list div button{
width:6vw;
height:6vw;
border-radius:0.8vw;
}
.sub .event_area{
padding-bottom:8vw;
}
.list_in_tab_menu li{
font-size:2vw;
padding:0 3vw;
}
.list_in_tab_menu li:before{
height:1.8vw;
}
.list_in_tab_menu li:after{
height:1.8vw;
}
/*로그인*/
.member .login_area{
padding:5vw;
margin:0 auto 15vw;
}
.member input[type="text"],
.member input[type="password"],
.member input[type="tel"],
.member input[type="email"]{
height:9vw;
padding:0 2vw;
font-size:2.5vw;
margin-bottom:1.5vw;
}
.member input::placeholder{
font-size:2vw;
}
.sub .submit_button{
height:9vw;
font-size:2.5vw;
margin-top:2vw;
}
.member .social-login-group{
margin-top:2vw;
}
.member .social-login-group a{
height:9vw;
font-size:2vw;
gap:1vw;
}
.member .social-login-group a img{
margin-right:0.5vw;
}
.member .social-login-group .naver-login{
font-size:2vw;
height:9vw;
}
.member .social-login-group .kakao-login{
font-size:2vw;
height:9vw;
}
.member .footer-links{
gap:2vw;
margin-top:5vw;
}
.member .footer-links a{
font-size:1.8vw;
}
/*회원가입*/
.member .join_area{
padding:5vw;
margin:0 auto 15vw;
}
.member .join_area .agreement_check{
margin:1vw 0 2vw;
}
.member .join_area .agreement_check input[type="checkbox"]{
width:1.6vw;
height:1.6vw;
margin-right:0.5vw;
}
.member .join_area .agreement_check label{
font-size:1.6vw;
}
.member .join_area .agreement_check label a{
margin-left:0.5vw;
}
/*마이페이지*/
.member .mypage label{
margin:2vw 0 1vw;
font-size:2.5vw;
}
.member .mypage .btnbox{
gap:1vw;
}
.member .mypage .reservations_history{
margin-top:10vw;
}
.member .mypage .reservations_history h4{
font-size: 3.5vw;
margin-bottom:2vw;
}
.member .mypage .reservations_history .tip{
margin-top:2vw;
}
.member .mypage .reservations_history .tip p{
font-size:2vw;
}
.member .mypage .reservations_history table colgroup col:first-child{
width:10%;
}
.member .mypage .reservations_history table colgroup col:last-child{
width:20%;
}
.member .mypage .reservations_history table tr th{
padding:2vw 0;
font-size:2.2vw;
}
.member .mypage .reservations_history table tr td{
padding:2vw 0;
font-size:2.5vw;
}
.member .mypage .reservations_history .past{
margin-top:10vw;
}
/*개인정보취급방침*/
.member .privacybox .privacy{
padding:5vw;
margin:0 auto 15vw;
}
.member .privacybox .privacy h5{
font-size:3vw;
margin-bottom:2vw;
}
.member .privacybox .privacy p{
font-size:2.2vw;
word-break: keep-all;
overflow-wrap: break-word;
}
.member .privacybox .privacy p br{
display:none;
}
.member .privacybox .privacy div{
padding-top:5vw;
margin-top:5vw;
}
.member .privacybox .privacy div .btn_submit{
width:30vw;
font-size:3vw;
height:8vw;
margin:3vw auto;
}
.member .privacybox .privacy div p{
font-size:2vw;
}
.member .privacybox .privacy div p br{
display:inline-block;
}
.member .privacybox .privacy h6{
font-size:2.5vw;
margin:5vw 0 2vw;
}
.member .privacybox .privacy b{
margin: 2vw 0 1vw;
}
/*전후사진*/
.before_after .bna_tab li .box .flex{
margin-bottom:5vw;
flex-direction:row;
}
.before_after .bna_tab li .box .flex > div{
width:50%;
}
.before_after .bna_tab li .box .flex > div .imgbox{
margin-bottom:0;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo img{
max-width:50%;
margin:0 auto 2vw;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo p{
font-size:1.6vw;
}
.before_after .bna_tab li .box .flex .before > p{
padding:2vw 0;
font-size:1.8vw;
}
.before_after .bna_tab li .box .flex .after > p{
padding:2vw 0;
font-size:1.8vw;
}
.before_after .bna_tab li .box .flex .after > p b{
padding-right:1vw;
margin-right:0.5vw;
}
.before_after .notice_box{
margin-bottom:8vw;
}
.before_after .notice_box p{
font-size:1.6vw;
}
.pagination-list {
margin: 5vw 0;
gap: 0.5vw;
}
.page-link {
min-width: 3vw;
padding: 1vw 1.5vw;
border-radius: 0.5vw;
font-size: 1.4vw;
}
.search-container {
max-width: 40vw; /* 전체 너비 제한 (선택 사항) */
gap:1vw;
}
.search-select {
padding: 1vw 1.2vw;
font-size: 1.4vw;
background-size: 1.5vw;
min-width: 8vw;
}
.search-input {
padding: 1vw 1.2vw;
font-size: 1.4vw;
}
.search-button {
padding: 1vw 1.5vw;
font-size: 1.4vw;
}
#adm_write .adm_form input::placeholder{
font-size:1.6vw;
}
#adm_write .adm_form{
padding: 5vw 3vw 0;
}
#adm_write .adm_form table th {
padding: 2vw;
font-size: 2vw;
}
#adm_write .adm_form table td {
padding: 1vw;
}
#adm_write .adm_form table td input[type="text"]{
height:7vw;
text-indent:1vw;
font-size:2vw;
}
#adm_write .adm_form table td select {
height: 7vw;
text-indent: 1vw;
font-size: 2vw;
}
/* 업로드 영역 박스 */
#adm_write .adm_form .upload-box {
height:6vw;
}
#adm_write .adm_form .preview {
padding:1vw;
}
#adm_write .adm_form .preview img {
max-height: 2.5vw;
}
/* 파일명 input */
#adm_write .adm_form .upload-box .filename {
line-height: 4vw;
padding: 0 0.5vw;
font-size: 1.3vw;
width:65%;
}
/* 버튼 스타일 */
#adm_write .adm_form .upload-box .btn {
padding: 0 2vw;
font-size: 1.4vw;
}
#adm_write .adm_form .upload-box .btn.add {
width:15%;
}
#adm_write .adm_form .upload-box .btn.delete {
width:12%;
height:3vw;
margin-right:1vw;
}
/* 안내 문구 */
#adm_write .adm_form .upload-box .info-text {
font-size: 1.2vw;
width:35%;
padding:0 1.5vw;
}
#adm_write .adm_form .upload-box .info-text br{
display:inline-block;
}
#adm_write .adm_form .flex{
gap:1vw;
}
#adm_write .adm_form .flex p{
width:30%;
font-size:1.8vw;
}
#adm_write .adm_form .flex p input{
width:85% !important;
margin-right:0.5vw;
}
#adm_write .adm_form .flex button{
width:6%;
height:3vw;
line-height:3vw;
font-size:1.4vw;
}
#adm_write .adm_form .btn_box{
margin-top:5vw;
}
#adm_write .adm_form .btn_box input{
width:20vw;
height:5vw;
font-size:2vw;
}
#adm_write .adm_form .btn_box .submit{
margin-left:1vw;
}
/*상담신청*/
#sub .board .board_list{
padding-bottom:12vw;
}
#sub .board .board_list .table_top{
margin-bottom:2vw;
}
#sub .board .board_list .table_top .totle_count{
font-size:1.6vw;
}
#sub .board .board_list .table_top select{
width:10vw;
padding: 1vw 1.2vw;
font-size: 1.6vw;
background-size: 1.6vw;
min-width: 10vw;
}
#sub .board .board_list .table table thead tr th{
padding:2vw 0;
font-size:1.8vw;
}
#sub .board .board_list .table table tbody tr td{
padding:3vw 0;
font-size:1.6vw;
}
#sub .board .board_list .table .thin tbody tr td{
padding:1vw 0;
}
#sub .board .board_list .table table tbody tr td.t_left{
padding:2vw;
}
#sub .board .board_list .table table tbody tr td i{
margin-right:0.5vw;
}
#sub .board .board_list .table table tbody tr td .reply{
margin-left:0.5vw;
}
#sub .board .board_list .table table tbody tr td .status{
padding:0 1vw;
border-radius:3vw;
font-size:1.4vw;
}
#sub .board .board_list .table table tbody tr td select{
padding: 1vw 1.2vw;
font-size: 1.6vw;
background-size: 1.6vw;
}
#sub .board .board_btn{
margin-top:2vw;
gap:1vw;
}
#sub .board .board_btn.upper{
margin:0 0 2vw;
}
#sub .board .board_btn a{
width:9vw;
height:3.6vw;
line-height:3.4vw;
font-size:1.5vw;
}
#sub .board .board_password{
padding-bottom:15vw;
}
#sub .board .board_password .container{
max-width:70vw;
}
#sub .board .board_password .container input{
height: 7vw;
text-indent: 1vw;
}
/*장바구니*/
.cart .cart_area{
margin:0 auto 15vw;
padding:5vw;
}
.cart.appoint .cart_area{
margin-bottom:5vw;
}
.cart .cart_area table td{
padding:2vw 0;
}
.cart .cart_area table tbody td{
padding:5vw 0;
}
.cart .cart_area table td:nth-child(1){
width:8%;
min-width:8vw;
}
.cart .cart_area table td:nth-child(2){
}
.cart .cart_area table td:nth-child(3){
width:12%;
min-width:12vw;
}
.cart .cart_area table thead tr h4{
font-size:3.5vw;
}
.cart .cart_area table thead tr td label{
font-size:2.8vw;
}
.cart .cart_area table thead tr td .delete_btn{
font-size: 2.8vw;
}
.cart .cart_area table tbody tr td .delete{
width: 2vw;
height: 2vw;
}
.cart .cart_area table tbody tr td .category{
font-size:2.1vw;
margin-bottom:1vw;
}
.cart .cart_area table tbody tr td h5{
font-size:2.8vw;
}
.cart .cart_area table tbody tr td .item{
font-size:3.3vw;
margin-top:3vw;
}
.cart .cart_area table tbody tr td .item .option{
font-size:2.8vw;
margin-top:1vw;
}
.cart .cart_area table tbody tr td .item .noti{
font-size:2.3vw;
margin-top:1vw;
}
.cart .cart_area table tbody tr td .price {
font-size:2.3vw;
margin-top:3vw;
}
.cart .cart_area table tbody tr td .price span{
font-size: 2.3vw;
margin-right:1vw;
}
.cart .cart_area table tbody tr td .price strong{
font-size: 3.8vw;
margin-right:1vw;
transform:translateY(2px);
}
.quantity-control {
margin-top:3vw;
}
.quantity-control .btn {
width: 4vw;
height: 4vw;
font-size: 2.5vw;
}
.quantity-control .number {
width: 5vw;
height: 4vw;
font-size: 2vw;
}
.cart .cart_area table tfoot tr td{
padding:1vw;
}
.cart .cart_area table tfoot tr:first-child td{
padding-top:4vw;
}
.cart .cart_area table tfoot tr:nth-child(3) td{
padding-bottom:4vw;
}
.cart .cart_area table tfoot tr:last-child td{
padding-top:4vw;
}
.cart .cart_area table tfoot tr td:first-child{
width:50%;
font-size:2.3vw;
min-width:30vw;
}
.cart .cart_area table tfoot tr td:last-child{
width:50%;
font-size:2.3vw;
}
.cart .cart_area table tfoot tr td b{
font-size:2.8vw;
}
.cart .cart_area table tfoot tr td strong{
font-size:4.3vw;
transform:translateY(2px)
}
.cart .cart_area .notice_box{
margin-top:5vw;
padding:3vw;
}
.cart .cart_area .notice_box p{
font-size:1.9vw;
}
.check_label {
line-height:3.6vw;
}
.check_label:before {
width: 3.4vw;
height: 3.4vw;
border-radius: 0.5vw;
}
.check_label:after {
width: 1.2vw;
height: 2.0vw;
border: 2px solid #fff;
border-width: 0 2px 2px 0;
left: 1.2vw;
top: 0.2vw;
}
/*예약하기*/
.calendar-container {
margin: 0 auto 5vw;
padding: 7vw;
border: 1px solid #f0f0f0;
}
.cal-header {
margin-bottom: 3vw;
}
.btn-move {
font-size: 3vw;
padding: 1vw;
}
.cur-month {
font-size: 4vw;
letter-spacing: -1.5px;
}
.day-name {
padding: 2vw 0;
font-size: 2vw;
border-bottom: 2px solid #f9f9f9;
}
.day {
padding: 1.5vw 0;
font-size: 3vw;
min-height: 7vw;
}
.day:hover:not(.empty) {
border-radius: 1vw;
}
.selected {
border-radius: 1vw;
}
.booking-time-section {
margin-top: 3vw;
padding: 2.5vw;
border-radius: 1vw;
}
.time-label {
font-size: 2.5vw;
}
.time-select {
width: 40vw;
height: 7vw;
padding: 0 2vw;
font-size: 2.2vw;
background: #fff url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 2vw center;
}
.appoint_area{
margin:0 auto 15vw;
padding:5vw;
}
.appoint_area h4{
font-size:3.5vw;
margin-bottom:2vw;
}
.appoint_area input[type="text"],
.appoint_area input[type="tel"]{
width:100%;
height:10vw;
padding:0 2vw;
font-size:3vw;
margin-bottom:1vw;
}
.appoint_area input::placeholder{
font-size:2.5vw;
}
.appoint_area .agreement_check{
margin:1vw 0 2vw;
}
.appoint_area .agreement_check input[type="checkbox"]{
width:3vw;
height:3vw;
margin-right:1vw;
vertical-align:middle;
}
.appoint_area .agreement_check label{
font-size:2.5vw;
vertical-align:middle;
}
.appoint_area .agreement_check label a{
margin-left:1vw;
}
/*병원소개*/
.about_info .about_info1 .inbox{
height:50vh;
animation: roundShape 1.5s ease forwards;
}
@keyframes roundShape {
from {
border-radius: 0;
}
to {
border-radius: 8vw;
}
}
.about_info .about_info1 .inbox .text{
left:8%;
}
.about_info .about_info1 .inbox .text .mbr{
display:inline-block;
}
.about_info .about_info1 .inbox .text h1{
font-size:5vw;
}
.about_info .about_info1 .inbox .text p{
margin-top:3vw;
}
.about_info .about_info2{
padding:12vw 0;
}
.about_info .about_info2 p{
margin:1vw 0 8vw;
}
.about_info .about_info2 img{
max-width:80vw;
}
.about_info .about_info3{
padding:10vw 0;
}
.about_info .about_info3 .flex{
gap:1%;
padding:0 5vw;
flex-direction:column;
}
.about_info .about_info3 .flex li{
display:flex;
margin-bottom:3vw;
gap:4vw;
align-items:center;
}
.about_info .about_info3 .flex li div{
width:55%;
}
.about_info .about_info3 .flex li img{
margin-bottom:0;
width:40%;
}
.about_info .about_info3 .flex li h5{
font-size:2.7vw;
padding-bottom:2vw;
margin-bottom:2vw;
word-break: keep-all;
overflow-wrap: break-word;
}
.about_info .about_info3 .flex li p{
font-size:2.2vw;
word-break: keep-all;
overflow-wrap: break-word;
}
.about_info .about_info3 .flex li p br{
display:none;
}
/*장비소개*/
.equipment_area .container .equipment_con{
padding-bottom:12vw;
}
.equipment_area .container .equipment_con li .flex{
gap:2%;
flex-direction:row;
}
.equipment_area .container .equipment_con li .flex div{
width:32%;
margin-bottom:3vw;
padding:1.5vw 1.5vw 0;
box-shadow:3px 3px 3px rgba(0,0,0,0.1);
}
.equipment_area .container .equipment_con li .flex div p{
font-size:2.5vw;
padding:2vw 0;
}
/*진료안내오시는길*/
.information .infor1{
padding-bottom:12vw;
}
.information .infor2{
padding:12vw 0;
}
.information .infobox .container .flex{
justify-content:space-between;
align-items:center;
}
.information .infobox .container .flex .textbox{
width:35%;
}
.information .infobox .container .flex .textbox div{
padding-bottom:2vw;
margin-bottom:2vw;
}
.information .infobox .container .flex .textbox h5{
font-size:2.8vw;
margin-bottom:1vw;
}
.information .infobox .container .flex .textbox p{
margin-bottom:1vw;
font-size:2.2vw;
}
.information .infobox .container .flex .textbox p span{
width:8vw;
margin-right:2vw;
}
.information .infobox .container .flex .textbox p b{
font-size:2.5vw;
transform:translateY(2px);
}
.information .infobox .container .flex .textbox .time_box > span{
font-size:1.8vw;
margin-top:1vw;
}
.information .infobox .container .flex .textbox .call_box p{
font-size:3vw;
gap:1vw;
}
.information .infobox .container .flex .textbox .talk_box p{
font-size:3vw;
gap:1vw;
}
.information .infobox .container .flex .textbox .subw_box span,
.information .infobox .container .flex .textbox .addr_box a{
width: 14vw;
height: 4vw;
border-radius: 2vw;
line-height: 4vw;
font-size: 1.5vw;
}
.information .infobox .container .flex .textbox .addr_box .naver{
margin-right:1vw;
}
.information .infobox .container .flex .textbox .subw_box span{
width: 12vw;
height: 4vw;
border-radius: 2vw;
line-height: 4vw;
font-size: 1.8vw;
margin-top:3vw;
}
.information .infobox .container .flex .conbox{
width:60%;
border-radius:5vw;
}
.information .infobox .container .flex .conbox iframe{
min-height:70vw;
}
}
/* 모바일 */
@media (max-width: 768px) {
.sub h3{
font-size:8vw;
}
.sub p{
font-size:3.5vw;
}
.sub{
padding-top: 16vw;
}
.sub .sub_title{
padding:15vw 0;
}
.sub .sub_title h6{
letter-spacing:2vw;
font-size:2.5vw;
}
.sub .sub_title h3{
margin:2vw 0 3vw;
}
.sub .sub_title .mbr{
display:inline-block;
}
.sub .tab_area .tab_con > li .flex .imgbox{
width:100%;
margin-bottom:10vw;
}
.sub .tab_area .tab_con > li .flex .textbox{
width:100%;
}
.sub .tab_area .tab_con > li .flex .textbox h6{
font-size:2vw;
margin-bottom:3vw;
}
.sub .tab_area .tab_con > li .flex .textbox hr{
margin:5vw 0;
}
.treatment_info .tab_area .tab_con > li .flex .textbox p{
font-size:3vw;
letter-spacing:-1px;
}
.treatment_info .tab_area .tab_con > li .flex .textbox h4.flex{
margin-bottom:3vw;
}
.treatment_info .tab_area .tab_con > li .flex .textbox .pop_open{
font-size:2.5vw;
height:6.5vw;
line-height:6.6vw;
padding:0 3vw;
border-radius:1vw;
margin-top:2vw;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox{
padding: 5vw 0;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox img{
width:7vw;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox h3{
font-size:5.5vw;
line-height:1.8;
}
.sub .tab_area .tab_con > li .inpop .flex .ttbox .en{
font-size:2.2vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl{
padding:4vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dt{
padding-bottom:2vw;
margin-bottom:3vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dt h5{
font-size:4vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dd{
padding-left:2.5vw;
margin-bottom:5vw;
}
.sub .tab_area .tab_con > li .inpop .flex dl dd ul li{
margin-bottom:1vw;
font-size:2.5vw;
}
.sub .tab_area .tab_con > li .inpop .flex .close{
width:8vw;
height:8vw;
left:auto;
right:0;
top:auto;
bottom:101%;
}
.sub .tab_area .tab_con > li .inpop .flex .close:before,
.sub .tab_area .tab_con > li .inpop .flex .close:after{
left:3.9vw;
height:8vw;
width:0.2vw;
}
.sub .tab_area .list_box .list_in_tab_menu{
justify-content:center;
}
.sub .tab_area .list_box{
margin-top:15vw;
word-break: keep-all;
}
.sub .tab_area .list_box .ttbox{
margin-top:10vw;
}
.sub .tab_area .list_box .list > li{
flex-wrap:wrap;
padding:4vw 2vw;
}
.sub .tab_area .list_box .list .item{
width:90%;
font-size: 4vw;
margin-bottom:0.5vw;
}
.sub .tab_area .list_box .list .item .cat3 {
font-size: 3.7vw;
margin-bottom:0.5vw;
font-weight:400;
}
.sub .tab_area .list_box .list .item .option{
font-size: 3.5vw;
}
.sub .tab_area .list_box .list .item .noti{
font-size: 3vw;
}
.sub .tab_area .list_box .list div{
gap:2vw;
width:100%;
justify-content:flex-end;
}
.sub .tab_area .tab_con > li .list_box .list div span{
font-size:3vw;
}
.sub .tab_area .tab_con > li .list_box .list div strong{
width:25vw;
font-size:5vw;
}
.sub .tab_area .list_box .list div button{
width:8vw;
height:8vw;
border-radius:1vw;
}
.sub .event_area{
padding-bottom:15vw;
}
.list_in_tab_menu li{
font-size:3vw;
padding:0 3vw;
}
.list_in_tab_menu li:before{
height:2.8vw;
}
.list_in_tab_menu li:after{
height:2.8vw;
}
/*로그인*/
.member .login_area{
padding:5vw;
margin:0 auto 15vw;
}
.member input[type="text"],
.member input[type="password"],
.member input[type="tel"],
.member input[type="email"]{
height:12vw;
padding:0 3vw;
font-size:3.2vw;
margin-bottom:2vw;
}
.member input::placeholder{
font-size:2.8vw;
}
.sub .submit_button{
height:12vw;
font-size:3.2vw;
margin-top:3vw;
}
.member .social-login-group{
margin-top:2vw;
}
.member .social-login-group a{
height:10vw;
font-size:2.8vw;
gap:1vw;
}
.member .social-login-group a img{
margin-right:0vw;
height:3vw;
}
.member .social-login-group .naver-login{
font-size:2.8vw;
height:10vw;
}
.member .social-login-group .kakao-login{
font-size:2.8vw;
height:10vw;
}
.member .footer-links{
gap:3vw;
margin-top:5vw;
}
.member .footer-links a{
font-size:2.5vw;
}
/*회원가입*/
.member .join_area{
padding:5vw;
margin:0 auto 15vw;
}
.member .join_area .agreement_check{
margin:1vw 0 5vw;
}
.member .join_area .agreement_check input[type="checkbox"]{
width:2.5vw;
height:2.5vw;
margin-right:1vw;
}
.member .join_area .agreement_check label{
font-size:2.5vw;
}
.member .join_area .agreement_check label a{
margin-left:1vw;
}
/*마이페이지*/
.member .mypage label{
margin:2vw 0 1vw;
font-size:3vw;
}
.member .mypage .btnbox{
gap:1vw;
}
.member .mypage .reservations_history{
margin-top:15vw;
}
.member .mypage .reservations_history h4{
font-size: 5vw;
margin-bottom:3vw;
}
.member .mypage .reservations_history .tip{
margin-top:3vw;
}
.member .mypage .reservations_history .tip p{
font-size:2.6vw;
}
.member .mypage .reservations_history table colgroup col:first-child{
width:10%;
}
.member .mypage .reservations_history table colgroup col:last-child{
width:24%;
}
.member .mypage .reservations_history table tr th{
padding:3vw 0;
font-size:2.5vw;
}
.member .mypage .reservations_history table tr td{
padding:2vw 0;
font-size:3vw;
}
.member .mypage .reservations_history .past{
margin-top:10vw;
}
/*개인정보취급방침*/
.member .privacybox .privacy{
padding:5vw;
margin:0 auto 15vw;
}
.member .privacybox .privacy h5{
font-size:3.5vw;
margin-bottom:2vw;
}
.member .privacybox .privacy p{
font-size:2.7vw;
word-break: keep-all;
overflow-wrap: break-word;
}
.member .privacybox .privacy p br{
display:none;
}
.member .privacybox .privacy div{
padding-top:5vw;
margin-top:5vw;
}
.member .privacybox .privacy div .btn_submit{
width:50vw;
font-size:4vw;
height:12vw;
margin:3vw auto;
}
.member .privacybox .privacy div p{
font-size:2.5vw;
}
.member .privacybox .privacy div p br{
display:inline-block;
}
.member .privacybox .privacy h6{
font-size:3vw;
margin:5vw 0 2vw;
}
.member .privacybox .privacy b{
margin: 2vw 0 1vw;
}
/*전후사진*/
.before_after .bna_tab li .box .flex{
margin-bottom:5vw;
flex-direction:row;
width:100%;
}
.before_after .bna_tab li .box .flex > div{
width:50%;
}
.before_after .bna_tab li .box .flex > div .imgbox{
margin-bottom:0;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo img{
max-width:50%;
margin:0 auto 3vw;
}
.before_after .bna_tab li .box .flex > div .imgbox .login_logo p{
font-size:2.5vw;
}
.before_after .bna_tab li .box .flex .before > p{
padding:3.5vw 0;
font-size:2.5vw;
}
.before_after .bna_tab li .box .flex .after > p{
padding:3.5vw 0;
font-size:2.5vw;
}
.before_after .bna_tab li .box .flex .after > p b{
padding-right:1vw;
margin-right:0.5vw;
}
.before_after .tab_area .tab_menu li:last-child {
border-right: 1px solid #a0a0a0;
}
.before_after .notice_box{
margin-bottom:8vw;
}
.before_after .notice_box p{
font-size:2vw;
}
.pagination-list {
margin: 10vw 0;
gap: 1vw;
}
.page-link {
min-width: 5vw;
padding: 2vw 2.7vw;
border-radius: 0.5vw;
font-size: 2.3vw;
}
.search-container {
max-width: 80vw; /* 전체 너비 제한 (선택 사항) */
gap:1vw;
}
.search-select {
padding: 2vw 2.4vw;
font-size: 3vw;
background-size: 2.5vw;
min-width: 12vw;
}
.search-input {
padding: 2vw 2.4vw;
font-size: 3vw;
width:50vw;
}
.search-button {
padding: 2vw 2.4vw;
font-size: 2.5vw;
width:12vw;
}
/* 테이블 기본 */
#adm_write .adm_form table th {
padding: 1vw ;
font-size:2.5vw;
}
#adm_write .adm_form table td {
padding: 2vw;
}
#adm_write .adm_form table td input[type="text"]{
height:9vw;
text-indent:2vw;
font-size:2.5vw;
}
#adm_write .adm_form table td select {
height:9vw;
text-indent:2vw;
font-size:2.5vw;
}
/* 업로드 영역 박스 */
#adm_write .adm_form .upload-box {
height:auto;
justify-content:space-between;
flex-wrap:wrap;
}
/* 파일명 input */
#adm_write .adm_form .upload-box .filename {
line-height: 9vw;
padding: 0 1vw;
font-size: 2.5vw;
width:70%;
height:9vw;
box-sizing:border-box;
}
/* 버튼 스타일 */
#adm_write .adm_form .upload-box .btn {
padding: 0 1vw;
font-size: 2.5vw;
}
#adm_write .adm_form .upload-box .btn.add {
width:30%;
height:9vw;
box-sizing:border-box;
}
#adm_write .adm_form .upload-box .btn.delete {
width:20%;
height:5vw;
margin-right:1vw;
margin-top:1vw;
}
/* 안내 문구 */
#adm_write .adm_form .upload-box .info-text {
font-size: 2.3vw;
width:auto;
padding:2vw;
padding-right:0;
}
#adm_write .adm_form .upload-box .info-text br{
display:inline-block;
}
#adm_write .adm_form .btn_box{
margin-top:5vw;
}
#adm_write .adm_form .btn_box input{
width:30vw;
height:10vw;
}
#adm_write .adm_form input::placeholder{
font-size:2.2vw;
}
#adm_write .adm_form table colgroup col:first-child{
width:23%;
}
#adm_write .adm_form .flex{
flex-wrap:wrap;
}
#adm_write .adm_form .flex p{
width:100%;
font-size:2.5vw;
}
#adm_write .adm_form .flex button {
width: 20%;
font-size: 2vw;
}
#sub .board .board_list{
padding-bottom:15vw;
}
#sub .board .board_list .table_top{
margin-bottom:2vw;
}
#sub .board .board_list .table_top .totle_count{
font-size:2.5vw;
}
#sub .board .board_list .table_top select{
width:18vw;
padding: 2vw 2.5vw;
font-size: 2.5vw;
background-size: 3vw;
}
#sub .board .board_list .table table thead tr th{
padding:4vw 0;
font-size:3vw;
}
#sub .board .board_list .table table tbody tr td{
padding:4vw 0;
font-size:2.5vw;
}
#sub .board .board_list .table table tbody tr td select{
padding: 2vw 1.5vw;
font-size: 2.2vw;
background-size: 3vw;
}
#sub .board .board_list .table .thin tbody tr td{
padding:2vw 0;
}
#sub .board .board_list .table table tbody tr td.t_left{
padding:4vw 2vw;
}
#sub .board .board_list .table table tbody tr td.t_left a{
max-width:50vw;
}
#sub .board .board_list .table table tbody tr td .status {
padding: 0 1.6vw;
border-radius: 3vw;
font-size: 2.2vw;
}
#sub .board .board_list .table table colgroup col:last-child{
width:18%;
}
#sub .board .board_btn a{
width: 13vw;
height: 7vw;
line-height: 6.5vw;
font-size: 2.5vw;
}
#sub .board .board_password{
padding-bottom:15vw;
}
#sub .board .board_password .container{
max-width:80vw;
}
#sub .board .board_password .container input{
height: 10vw;
text-indent: 1vw;
}
#sub .board .board_write{
padding-bottom:15vw;
}
#sub .board .board_write .table table th{
font-size:2.5vw;
}
#sub .board .board_write .table table td{
padding:2vw;
}
#sub .board .board_write .table table td input[type="text"],
#sub .board .board_write .table table td input[type="password"]{
height: 9vw;
text-indent: 1vw;
}
#sub .board .board_write .table table td input[type="date"]{
height: 9vw;
text-indent: 1vw;
}
#sub .board .board_write .table table td .secret{
margin-top:1vw;
font-size:2.5vw;
}
#sub .board .board_view .reply_area{
padding:5vw;
}
#sub .board .board_view .reply_area .reply_view{
padding-bottom:2vw;
margin-bottom:2vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top{
gap:1vw;
margin-bottom:1vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top .icon{
width:2vw;
height:2vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top p{
font-size:3vw;
}
#sub .board .board_view .reply_area .reply_view .reply_top span{
font-size:2.5vw;
}
#sub .board .board_view .reply_area .reply_view .reply_con{
margin-bottom:1vw;
padding:1vw;
}
#sub .board .board_view .reply_area .reply_view .reply_con p{
font-size: 3vw;
}
#sub .board .board_view .reply_area .reply_view .reply_bottom{
gap:1vw;
padding-right:1vw;
}
#sub .board .board_view .reply_area .reply_view .reply_bottom a{
font-size:2.5vw;
}
#sub .board .board_view .reply_area .reply_write{
gap:1vw;
}
#sub .board .board_view .reply_area .reply_write textarea{
height:10vw;
padding:1vw;
}
#sub .board .board_view .reply_area .reply_write button{
width: 9vw;
height: 3.6vw;
line-height: 3.4vw;
font-size: 2.5vw;
}
#sub .board .board_view .reply_area .reply_write select{
width: 20vw;
padding: 1vw 1.2vw;
font-size: 2.5vw;
background-size: 2.5vw;
min-width: 10vw;
}
/*장바구니*/
.cart .cart_area{
margin:0 auto 15vw;
padding:5vw;
}
.cart.appoint .cart_area{
margin-bottom:5vw;
}
.cart .cart_area table td{
padding:2vw 0;
}
.cart .cart_area table tbody td{
padding:7vw 0;
}
.cart .cart_area table td:nth-child(1){
width:8%;
min-width:8vw;
}
.cart .cart_area table td:nth-child(2){
}
.cart .cart_area table td:nth-child(3){
width:15%;
min-width:15vw;
}
.cart .cart_area table thead tr h4{
font-size:4vw;
}
.cart .cart_area table thead tr td label{
font-size:3.2vw;
}
.cart .cart_area table thead tr td .delete_btn{
font-size: 3.2vw;
}
.cart .cart_area table tbody tr td .delete{
width: 4vw;
height: 4vw;
}
.cart .cart_area table tbody tr td .category{
font-size:2.8vw;
margin-bottom:1vw;
}
.cart .cart_area table tbody tr td h5{
font-size:3.5vw;
}
.cart .cart_area table tbody tr td .item{
font-size:4vw;
margin-top:5vw;
}
.cart .cart_area table tbody tr td .item .option{
font-size:3.2vw;
margin-top:1.5vw;
}
.cart .cart_area table tbody tr td .item .noti{
font-size:2.8vw;
margin-top:1.5vw;
}
.cart .cart_area table tbody tr td .price {
font-size:3vw;
margin-top:4vw;
}
.cart .cart_area table tbody tr td .price span{
font-size: 3vw;
margin-right:2vw;
}
.cart .cart_area table tbody tr td .price strong{
font-size: 4.5vw;
margin-right:1vw;
transform:translateY(2px);
}
.quantity-control {
margin-top:6vw;
}
.quantity-control .btn {
width: 6vw;
height: 6vw;
font-size: 3.5vw;
}
.quantity-control .number {
width: 7vw;
height: 6vw;
font-size: 3vw;
}
.cart .cart_area table tfoot tr td{
padding:2vw;
}
.cart .cart_area table tfoot tr:first-child td{
padding-top:5vw;
}
.cart .cart_area table tfoot tr:nth-child(3) td{
padding-bottom:5vw;
}
.cart .cart_area table tfoot tr:last-child td{
padding-top:5vw;
}
.cart .cart_area table tfoot tr td:first-child{
width:50%;
font-size:3vw;
min-width:30vw;
}
.cart .cart_area table tfoot tr td:last-child{
width:50%;
font-size:3.5vw;
}
.cart .cart_area table tfoot tr td b{
font-size:3.5vw;
}
.cart .cart_area table tfoot tr td strong{
font-size:5vw;
transform:translateY(2px)
}
.cart .cart_area .notice_box{
margin-top:5vw;
padding:3vw;
}
.cart .cart_area .notice_box p{
font-size:2.5vw;
}
.check_label {
line-height:4.6vw;
}
.check_label:before {
width: 4.4vw;
height: 4.4vw;
border-radius: 0.5vw;
}
.check_label:after {
width: 1.2vw;
height: 2.4vw;
border: 2px solid #fff;
border-width: 0 2px 2px 0;
left: 1.6vw;
top: 0.3vw;
}
/*예약하기*/
.calendar-container {
margin: 0 auto 5vw;
padding: 5vw;
border: 1px solid #f0f0f0;
}
.cal-header {
margin-bottom: 3vw;
}
.btn-move {
font-size: 3.5vw;
padding: 1vw;
}
.cur-month {
font-size: 4.5vw;
letter-spacing: -1.5px;
}
.day-name {
padding: 2vw 0;
font-size: 2.5vw;
border-bottom: 2px solid #f9f9f9;
}
.day {
padding: 2vw 0;
font-size: 3.5vw;
min-height: 7vw;
}
.day:hover:not(.empty) {
border-radius: 1vw;
}
.selected {
border-radius: 1vw;
}
.booking-time-section {
margin-top: 3vw;
padding: 2.5vw;
border-radius: 1vw;
}
.time-label {
font-size: 3vw;
}
.time-select {
width: 40vw;
height: 8vw;
padding: 0 2vw;
font-size: 2.5vw;
background: #fff url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 2vw center;
}
.appoint_area{
margin:0 auto 15vw;
padding:5vw;
}
.appoint_area h4{
font-size:4vw;
margin-bottom:2vw;
}
.appoint_area input[type="text"],
.appoint_area input[type="tel"]{
width:100%;
height:12vw;
padding:0 2vw;
font-size:3.5vw;
margin-bottom:1vw;
}
.appoint_area input::placeholder{
font-size:3vw;
}
.appoint_area .agreement_check{
margin:1vw 0 2vw;
}
.appoint_area .agreement_check input[type="checkbox"]{
width:3vw;
height:3vw;
margin-right:1vw;
vertical-align:middle;
}
.appoint_area .agreement_check label{
font-size:2.5vw;
vertical-align:middle;
}
.appoint_area .agreement_check label a{
margin-left:1vw;
}
/*병원소개*/
.about_info .about_info1 .inbox{
height:60vh;
animation: roundShape 1.5s ease forwards;
background-position:40% 0;
}
@keyframes roundShape {
from {
border-radius: 0;
}
to {
border-radius: 10vw;
}
}
.about_info .about_info1 .inbox .text{
left:8%;
transform:translateY(-30%);
}
.about_info .about_info1 .inbox .text .mbr{
display:inline-block;
}
.about_info .about_info1 .inbox .text h1{
font-size:8vw;
}
.about_info .about_info1 .inbox .text p{
margin-top:5vw;
}
.about_info .about_info2{
padding:15vw 0;
}
.about_info .about_info2 p{
margin:2vw 0 10vw;
}
.about_info .about_info2 img{
max-width:90vw;
}
.about_info .about_info3{
padding:12vw 0;
}
.about_info .about_info3 .flex{
gap:1%;
padding:0 5vw;
flex-direction:column;
}
.about_info .about_info3 .flex li{
display:flex;
margin-bottom:5vw;
gap:5vw;
align-items:center;
}
.about_info .about_info3 .flex li div{
width:50%;
}
.about_info .about_info3 .flex li img{
margin-bottom:0;
width:45%;
}
.about_info .about_info3 .flex li h5{
font-size:3.2vw;
padding-bottom:2vw;
margin-bottom:2vw;
word-break: keep-all;
overflow-wrap: break-word;
}
.about_info .about_info3 .flex li p{
font-size:2.5vw;
word-break: keep-all;
overflow-wrap: break-word;
}
.about_info .about_info3 .flex li p br{
display:none;
}
/*의료진소개*/
.doctors_info .doctors1{
background:url(../img/about/doctors1_bg.png) no-repeat 50% 100%;
padding:15vw 0 8vw;
position:relative;
}
.doctors_info .doctors1 .inbox{
gap:0vw;
align-items:center;
max-width:100vw;
overflow:hidden;
justify-content:flex-start;
}
.doctors_info .doctors1 .inbox .text{
padding-bottom:0;
padding-left:8vw;
}
.doctors_info .doctors1 .inbox .text .mbr{
display:inline-block;
}
.doctors_info .doctors1 .inbox img{
max-width:68%;
position:absolute;
bottom:0;
left:48%;
}
.doctors_info .doctors1 .inbox .text h4{
font-size:8vw;
margin-bottom:5vw;
}
.doctors_info .doctors1 .inbox .text h4 span{
font-size:3.5vw;
}
.doctors_info .doctors1 .inbox .text p{
font-size: 2.5vw;
margin-bottom:1vw;
}
.doctors_info .doctors2{
padding-top:10vw;
}
.doctors_info .doctors2 .inbox{
max-width:100vw;
justify-content:flex-start;
overflow:hidden;
}
.doctors_info .doctors2 .inbox img{
max-width:60%;
margin-left:-5vw;
}
.doctors_info .doctors2 .inbox .text h4{
font-size:6vw;
margin-bottom:5vw;
}
.doctors_info .doctors2 .inbox .text h4 span{
font-size:3.5vw;
}
.doctors_info .doctors2 .inbox .text p{
font-size: 2.5vw;
margin-bottom:1vw;
}
.doctors_info .doctors3{
padding-top:10vw;
}
.doctors_info .doctors3 .inbox{
max-width:100vw;
justify-content:end-start;
overflow:hidden;
gap:5vw;
}
.doctors_info .doctors3 .inbox img{
max-width:60%;
margin-left:-5vw;
}
.doctors_info .doctors3 .inbox .text h4{
font-size:6vw;
margin-bottom:5vw;
}
.doctors_info .doctors3 .inbox .text h4 span{
font-size:3.5vw;
}
.doctors_info .doctors3 .inbox .text p{
font-size: 2.5vw;
margin-bottom:1vw;
}
/*장비소개*/
.equipment_area .equipment_tab li:nth-child(4) {
border-right: 1px solid #a0a0a0;
}
.equipment_area .container .equipment_con{
padding-bottom:15vw;
}
.equipment_area .container .equipment_con li .flex{
gap:2%;
flex-direction:row;
}
.equipment_area .container .equipment_con li .flex div{
width:49%;
margin-bottom:5vw;
padding:2vw 2vw 0;
box-shadow:3px 3px 3px rgba(0,0,0,0.1);
}
.equipment_area .container .equipment_con li .flex div p{
font-size:3.5vw;
padding:3vw 0;
}
/*진료안내오시는길*/
.information .infor1{
padding-bottom:15vw;
}
.information .infor2{
padding:15vw 0;
}
.information .infobox .container .flex{
justify-content:space-between;
align-items:center;
flex-direction:column-reverse;
gap:8vw;
}
.information .infobox .container .flex .textbox{
width:90%;
text-align:center;
}
.information .infobox .container .flex .textbox div{
padding-bottom:5vw;
margin-bottom:5vw;
}
.information .infobox .container .flex .textbox h5{
font-size:5vw;
margin-bottom:5vw;
text-align:center;
}
.information .infobox .container .flex .textbox p{
margin-bottom:2vw;
justify-content:center;
text-align:center;
font-size:3.5vw;
}
.information .infobox .container .flex .textbox p span{
width:15vw;
font-size:4vw;
margin-right:3vw;
}
.information .infobox .container .flex .textbox p b{
font-size:5vw;
transform:translateY(2px);
}
.information .infobox .container .flex .textbox .time_box > span{
font-size:3vw;
margin-top:3vw;
text-align:center;
}
.information .infobox .container .flex .textbox .call_box p{
font-size:6vw;
gap:2vw;
}
.information .infobox .container .flex .textbox .talk_box p{
font-size:6vw;
gap:2vw;
}
.information .infobox .container .flex .textbox .subw_box span,
.information .infobox .container .flex .textbox .addr_box a{
display:inline-block;
width: 35vw;
height: 8vw;
border-radius: 4vw;
line-height: 8vw;
font-size: 3vw;
}
.information .infobox .container .flex .textbox .addr_box .naver{
margin:3vw 0 1vw;
}
.information .infobox .container .flex .textbox .subw_box span{
width: 20vw;
height: 8vw;
border-radius: 4vw;
line-height: 8vw;
font-size: 3vw;
margin-top:3vw;
}
.information .infobox .container .flex .conbox{
width:100%;
border-radius:5vw;
}
.information .infobox .container .flex .conbox iframe{
min-height:60vw;
}
.information .infobox .container .flex .textbox .parking_box p {
font-size: 3vw;
line-height:1.5;
}
}