@charset "UTF-8";
@import url("global_contents_pc.css");
@media only all and (max-width: 1023px) {
    .span-br {
        display: inline !important;
    }
    .span-mobile-br {
        display: block;
    }
    .only-pc {
        display: none;
    }
    .only-mobile {
        display: block;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-center {
        text-align: center !important;
    }
    .mobile-right {
        text-align: right !important;
    }
    .btn-s01 {
        min-width: 3.5417rem;
        height: 1.875rem;
        line-height: 1.875rem;
        font-size: 0.91667rem;
        padding: 0 0.625rem;
        border-radius: 0.25rem
    }
    .btn-s02 {
        min-width: 4.1667rem;
        height: 2.0833rem;
        line-height: 2.0833rem;
        font-size: 1rem;
        padding: 0 0.20833rem;
        border-radius: 0.25rem
    }
    .btn-m01 {
        min-width: 7.9167rem;
        height: 2.6667rem;
        line-height: 2.6667rem;
        font-size: 1.0833rem;
        margin: 0 0.20833rem;
        padding: 0 0.41667rem;
        border-radius: 0.25rem
    }
    .btn-b01 {
        min-width: calc(50% - 0.4167rem);
        height: 3.3333rem;
        line-height: 3.3333rem;
        font-size: 1.125rem;
        padding: 0 1.25rem;
        border-radius: 0.25rem
    }
    .btn-b02 {
        min-width: 12.5rem;
        height: 3.3333rem;
        line-height: 3.3333rem;
        font-size: 1.25rem;
        padding: 0 1.25rem;
        border-radius: 0.25rem
    }
    .btn-b03 {
        /*
            min-width: 18.583rem;
        */
        height: 3.75rem;
        line-height: 3.75rem;
        font-size: 1.125rem;
        padding: 0 3.125rem;
        gap: 0.5rem;
        border-radius: 0.25rem
    }
    .icon-arrow-right01 {
        width: 0.917rem;
        margin-left: 0.5rem;
    }

    .btn-download {
        /*         min-width: calc(50% - 0.4167rem); */
        height: 3.3333rem;
        line-height: 3.3333rem;
        font-size: 1.125rem;
        padding: 0 5.625rem 0 3.125rem;
        border-radius: 0.25rem;
    }
    .btn-download:after {
        right: 1.25rem;
        width: 1rem;
        height: 1rem;
    }

    .half-box {
        float: none !important;
        width: 100% !important;
    }
    .contents-area {
        padding-left: 1.25rem;
        margin-bottom: 3.542rem
    }
    .contents-box {
        margin-bottom: 1.875rem
    }
    .search-initial-consonant-wrapper {
        position: relative;
        margin-bottom: 2.2083rem;
        gap: 2rem;
        width: 100%;
        flex-wrap: wrap;
    }
    .search-initial-consonant-wrapper>dt {
        position: absolute;
        top: 0;
        left: 1.6667rem;
        font-size: 1.1667rem;
        line-height: 2.25rem;
        width: 4.1667rem;
    }
    .search-initial-consonant-area {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0.8333rem;
    }
    .search-initial-consonant-area button:first-child {
        margin-left: 7.7083rem;
    }
    .search-initial-consonant-area button {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 2.25rem;
        font-size: 0.8333rem;
    }
    .search-initial-consonant-area .btn-total {
        width: 4rem;
        height: 2.25rem;
    }
    .department-list {
        display: block;
        gap: 1.25rem;
        width: 100%;
    }
    .department-list>li {
        float: left;
        width: calc(50% - 0.625rem);
        margin-bottom: 1.25rem;
    }
    .department-list>li:nth-of-type(even) {
        float: right;
    }
    .department {
        padding-bottom: 79.2365%;
    }
    .department>a {
        border: 0.375rem solid #f3f3f3;
        border-radius: 0.75rem
    }
    .department>a:hover {
        box-shadow: 0 0.1667rem 0.625rem rgba(0, 0, 0, 0.15)
    }
    .department>a .icon {
        display: block;
        width: 4.5417rem;
        height: 3.4167rem;
        margin: 1.6667rem auto 0 auto;
    }
    .department>a .icon>img {
        width: 4.5417rem;
    }
    .department>a>strong {
        margin-bottom: 1.4167rem;
        font-size: 1.1667rem;
        line-height: 1.8333rem;
    }
    .new-search-wrapper01 {
        width: 100%;
        height: 2.667rem;
        margin: 0 auto 2.583rem auto;
        margin-right: 0.708rem
    }
    .new-search-wrapper01 select {
        width: 12.5rem;
        height: calc(2.667rem - 1px);
        text-indent: 0.833rem;
        font-size: 1rem;
        background-position: calc(100% - 0.875rem) center;
        background-size: 0.333rem 0.333rem;
    }
    .new-search-wrapper01 input {
        width: 100%;
        height: calc(2.667rem - 1px);
        padding-right: 2.667rem;
        text-indent: 0.417rem;
        font-size: 1rem;
    }
    .new-search-wrapper01 button {
        width: 2.125rem;
        height: calc(2.667rem - 1px);
    }
    .new-search-wrapper01 button>img {
        width: 0.917rem;
    }
    /* 진료과 소개 */
    .department-information-wrapper {
        padding-right: 0;
        margin-bottom: 1.25rem;
    }
    .department-information {
        position: static;
        width: 100%;
        height: auto;
        padding: 1.25rem 1.25rem 1.25rem 1.45rem;
        border-radius: 0 !important;
        border-bottom-left-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }
    .department-information-wrapper>.image,
    .department-ination-wrapper>.image {
		min-height: initial !important;
        border-radius: 0 !important;
        border-top-left-radius: 0.5rem !important;
        border-top-right-radius: 0.5rem !important
    }
    .department-information>dl {
        position: static;
        padding: 0;
    }
    .department-information>dl>dt {
        padding-top: 0.70833rem;
        margin-bottom: 0.33333rem;
        font-size: 1.3333rem;
        line-height: 1.6667rem;
    }
    .department-information>dl>dt:before {
        width: 1.0417rem;
        height: 0.083333rem;
    }
    .department-information>dl>dd {
        font-size: 1.0417rem;
        line-height: 1.5rem;
        margin-bottom: 0.4167rem;
    }
    /* 진료과 소개 */
    .department-information-wrapper02>p {
        margin-top: 2.3333rem;
        font-size: 1.1667rem;
        line-height: 2.3333rem;
    }
    .department-information-wrapper02>ul {
        margin-top: 2.3333rem;
    }
    .department-information-wrapper02>ul>li {
        padding-left: 0.625rem;
        font-size: 1.1667rem;
        line-height: 1.5rem;
        margin-bottom: 0.8333rem;
    }
    .department-information-wrapper02>ul>li:last-child {
        margin-bottom: 0;
    }
	.tabmenu-wrapper {
		position: relative;
		margin-bottom: 1.2083rem;
		background-color: #f7f7f8;
	}
	.tabmenu-wrapper:before,
	.tabmenu-wrapper:after {
		position: absolute;
		content: "";
		display: block;
	}
	.tabmenu-wrapper:before {
		top: 0;
		right: -1px;
		width: 1px;
		height: 100%;
		background-color: #e1e3e4;
	}
	.tabmenu-wrapper:after {
		bottom: -1px;
		right: 0;
		width: 100%;
		height: 1px;
		background-color: #e1e3e4;
	}

	.tabmenu-wrapper ul {
		display: flex;
		flex-wrap: wrap;
	}
	.tabmenu-wrapper ul>li {
		width: calc(50% + 1px) !important;
		margin-bottom: -1px;
		flex: initial
	}
	.tabmenu-wrapper ul>li>a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		min-height: 2.9167rem;
		font-size: 1.1667rem;
		line-height: 1.25rem;
		border-radius: 0;
		padding: 0.625rem;
		word-break: keep-all
	}
	.tabmenu-wrapper ul>li>a:before {
		border-radius: 0 !important;
	}
	.tabmenu-wrapper ul>li>a:after {
		bottom: -0.125rem;
	}
    .tabmenu-wrapper.mobile-depth3>ul>li {
        width: calc(33.333% + 1px) !important;
    }
    .tabmenu-wrapper.mobile-depth3>ul>li:nth-child(2) {
        width: calc(33.334% + 1px) !important;
    }
    .tabmenu-wrapper02 {
        position: relative;
        background-color: #f7f7f8
    }
    .tabmenu-wrapper02+.contents-area {
        margin-top: 2.5rem;
    }
    .tabmenu-wrapper02:before {
        position: absolute;
        top: 0;
        right: -1px;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #e1e3e4
    }
    .tabmenu-wrapper02:after {
        position: absolute;
        bottom: -1px;
        right: 0;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #e1e3e4
    }
    .tabmenu-wrapper02 ul:after {
        display: block;
        content: "";
        clear: both;
    }
    .tabmenu-wrapper02 ul>li {
        float: left;
        width: calc(50% + 1px) !important;
        margin-bottom: -1px;
    }
    .tabmenu-wrapper02 ul>li>a,
    .tabmenu-wrapper02 ul>li>button {
        height: 3.3333rem;
        line-height: 3.3333rem;
        font-size: 1.1667rem;
    }
    .department-information-wrapper02+.btns-area {
        margin-top: 5.333rem;
    }
    .btn-list {
        width: 10.833rem;
        height: 4.375rem;
        line-height: 4.292rem;
        border-radius: 0.5rem;
    }
    .btn-list>img {
        margin-right: 1.375rem;
        width: 1.125rem;
    }
    .btn-list>span {
        font-size: 1.25rem;
    }
    .doctor-information-wrapper {
        float: none;
        width: 100%;
        min-height: auto;

        margin-top: 1.25rem;
        border-radius: 0.25rem;
        padding-bottom: 7.5rem;
    }
    .tabmenu-wrapper.mobile-depth3>ul>li {
        width: calc(33.333% + 1px) !important;
    }
    .tabmenu-wrapper.mobile-depth3>ul>li:nth-child(2) {
        width: calc(33.334% + 1px) !important;
    }
    .doctor-information-wrapper:nth-child(even) {
        float: none;
    }
    .doctor-information-wrapper:nth-child(2) {
        margin-top: 1.25rem;
    }
    .doctor-information {
        height: auto;
        min-height: auto;
        padding: 1.25rem 1.25rem 1.25rem 7.75rem;
    }
    .doctor-information>.image {
        top: 1.0417rem;
        left: 1.0417rem;
        width: 5.8333rem;
        height: 5.8333rem;
    }
    .doctor-information>.image>img {
        margin-left: -2.9167rem;
        max-width: 5.8333rem;
    }
    /* 의사 사진 오른쪽 정렬
    .doctor-information {
        height: auto;
        padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    }
    .doctor-information>.image {
        top: 0.83333rem;
        left: initial;
        left: auto;
        right: 0.83333rem;
        width: 5rem;
        height: 5rem;
    }
    .doctor-information>.image>img {
        margin-left: -2.5rem;
        max-width: 5rem;
    }
    */
    .doctor-information>dl>dt {
        height: initial !important;
        font-size: 1.0833rem;
        line-height: 1.4583rem;
    }
    .doctor-information>dl>dd {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        color: #616161;
        font-size: 1rem !important;
        line-height: 1.5rem !important;
        max-height: initial !important;
        gap: 0.625rem;
        word-break: keep-all
    }
    .doctor-information>dl>dd>strong {
        display: inline-flex;
        align-items: center;
        font-size: 1.5rem;
    }
    .doctor-information>dl+dl {
        margin-top: 0.75rem;
    }
    .doctor-schdule-table {
        height: auto;
    }
    .doctor-information>dl>dd > ul {
        font-size: 1rem;
        line-height:  1.5rem;
    }

    .doctor-information>dl>dd > ul > li {
        padding-left: 0.6667rem;
    }
    .doctor-schdule-table>table th {
        height: auto;
        font-size: 1rem;
        font-weight: 400;
        padding: 0.625rem 0.417rem
    }
    .doctor-schdule-table>table tbody td {
        height: 2.0833rem
    }
    .doctor-schdule-table>table tbody td .on {
        width: 0.41667rem;
        height: 0.41667rem;
    }
    /* 진료과 소개 */
    .department-information-wrapper02>p {
        margin-top: 2.3333rem;
        font-size: 1.1667rem;
        line-height: 2.3333rem;
    }
    .department-information-wrapper02>ul {
        margin-top: 2.3333rem;
    }
    .department-information-wrapper02>ul>li {
        padding-left: 0.625rem;
        font-size: 1.1667rem;
        line-height: 1.5rem;
        margin-bottom: 0.8333rem;
    }
    .department-information-wrapper02>ul>li:last-child {
        margin-bottom: 0;
    }
    /* 2021.01.21 추가작업 */
    .doctor-choice-area>input+label>.group .general-practice {
        font-size: 0.916rem;
        line-height: 1.375rem;
        max-height: 4.125rem;
    }
    .doctor-choice-area>input+label>.group .general-practice:before {
        top: 2.75rem;
    ;
        width: 9.375rem;
        height: 1.125rem;
    }
    .doctor-choice-area>input+label>.group .general-practice .btn-view {
        top: 2.75rem;
        width: 3.333rem;
        height: 1.125rem;
        line-height: 1.125rem;
        font-size: 0.833rem;
        border-radius: 1.125rem;
        padding-top: 0.083rem
    }
    .doctor-information>dl>dd>a,
    .doctor-ination>dl>dd>a {
        margin: 0;
    }
    .doctor-information>dl>dd>a.btn-reservation {
        width: auto;
        text-indent: 0;
        padding: 0 0.8333rem;
        height: 2.2083rem;
        border-radius: 2.2083rem;
        font-size: 0.85rem;
        line-height: 2.2083rem;
    }
    .doctor-information>dl .btn-view,
    .doctor-information>dl>dd:before {
        display: none;
    }
    .reservation-area {
        position: relative;
        margin-top: 2.8333rem;
        padding-bottom: 2.75rem;
        padding-left: 0;
        padding-right: 0;
    }
    .reservation-area:last-child {
        border-bottom: 0;
    }
    .reservation-area>img {
        position: static;
        width: 7.5rem;
        margin: 0 auto 1.25rem auto
    }
    .reservation-box {
        min-height: initial;
    }
    .reservation-box h4 {
        margin-bottom: 1.125rem;
        font-size: 1.5rem;
        line-height: 2.125rem;
    }
    .reservation-box p {
        font-size: 1.1667rem;
        line-height: 1.875rem;
    }
    .reservation-box ul {
        margin-top: 2.875rem;
    }
    .reservation-box ul>li {
        padding-left: 0.9167rem;
        font-size: 1.1667rem;
        line-height: 1.875rem;
    }
    .reservation-box ul>li:before {
        top: 0.7917rem;
        width: 0.375rem;
        height: 0.125rem;
    }
	.btn-reservation {
		position: static;
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		min-width: 12.5rem;
		height: 3.3333rem;
		margin: 2.5rem auto 0 auto;
		padding: 0 1.25rem;
		font-size: 1.125rem;
		gap: 0.2917rem;
		border-radius: 0.25rem
	}
    .btn-reservation:hover {
        box-shadow: 0 0.2917rem 0.9167rem 0 rgba(0, 0, 0, 0.15);
    }
    .btn-reservation:after {
        width: 0.8125rem;
        height: 0.8125rem;
        background-size: 0.8125rem 0.8125rem;
    }
    .ul-list001>li {
        padding-left: 0.75rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
    .title-type01 {
        padding-left: 1.917rem;
        margin-bottom: 1.833rem;
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    .title-type01:before {
        top: 0.625rem;
        width: 0.5rem;
        height: 0.5rem;
        border-width: 0.333rem
    }
    .title-type02 {
        padding-left: 1.208rem;
        margin-bottom: 0.625rem;
        font-size: 1.5rem;
        line-height: 2.208rem;
    }
    .title-type02:before {
        top: 0.75rem;
        width: 0.5rem;
        height: 0.5rem;
    }
    .title-type03 {
        margin-bottom: 0.208rem;
        font-size: 1.167rem;
        line-height: 1.917rem;
    }
    .agreement-wrapper {
        height: 13.3333rem;
        padding: 1.25rem;
    }
    .agreement-wrapper pre {
        font-size: 1.0625rem;
        line-height: 1.75rem;
    }
    .input-agreement-wrapper {
        display: block;
        margin-top: 1.5rem;
    }
    .input-agreement-wrapper p {
        margin-bottom: 1.25rem;
        font-size: 1.1875rem;
        line-height: 1.75rem;
    }
    .input-agreement-area {
        gap: 1.25rem;
        justify-content: space-around;
    }
    .radio-type01 {
        width: 1.25rem;
        height: 1.25rem;
    }
    .radio-type01:checked:before {
        width: 0.8rem;
        height: 0.8rem;
        margin-top: -0.4rem;
        margin-left: -0.4rem;
    }
    .radio-type02 {
        width: 1.667rem;
        height: 1.667rem;
        border-radius: 0.25rem;
        border-width: 0.125px;
    }
    .radio-type02:checked {
        background-size: 0.958rem 0.708rem;
    }
    .input-agreement-box {
        display: flex;
        align-items: center;
        gap: 0.4167rem;
    }
    .input-agreement-box label {
        font-size: 1.1875rem;
        line-height: 1.75rem;
    }
    .form-wrapper02 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
        padding: 1.25rem 0;
    }
    .form-wrapper02 dl {
        padding-left: 0;
        min-height: 3.5rem;
    }
    .form-wrapper02 dl+dl {
        margin-top: 1.25rem
    }
    .form-wrapper02 dl>dt {
        margin-bottom: 0.4167rem;
        position: static;
        height: initial;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .form-wrapper02 dl>dd {
        min-height: 3.5rem;
    }
    .form-wrapper02 dl>dd>input[type="text"],
    .form-wrapper02 dl>dd>select {
        width: 100%;
        height: 3.5rem;
        font-size: 1.125rem;
        text-indent: 1.458rem;
    }
    .form-wrapper02 dl>dd>select {
        background-size: 0.583rem 0.375rem;
        background-position: calc(100% - 0.833rem) center;
    }
    .word-choise-day {
        margin-left: 0;
        margin-top: 0.4167rem
    }
    .word-choise-day>img {
        width: 1.1875rem;
        margin-right: 0.2083rem;
    }
    .word-choise-day>strong {
        font-size: 1rem;
        line-height: 1.75rem;
    }
    .word-info01 {
        margin-left: 0;
        margin-top: 0.4167rem;
        font-size: 1rem;
        line-height: 1.75rem;
    }
    .form-wrapper02 dl>dd textarea {
        max-width: 100%;
        height: 9.375rem;
    }
    .form-wrapper02 dl.dl-captcha {
        margin-top: 2.7083rem
    }
    .captcha-area>p {
        margin-left: 0.4167rem;
    }
    .captcha-area>p>img {
        width: 1.375rem;
    }
    .captcha-area>p>span {
        margin-left: 0.2083rem;
        font-size: 1rem;
        line-height: 1.375rem;
    }
    .captcha-wrapper input {
        margin-top: 0.625rem;
        width: 150px;
        height: 3.5rem;
    }
    .word-important {
        font-size: 1rem;
    }
    .word-boan {
        font-size: 1.1667rem;
        line-height: 1.4583rem;
    }
    .word-choise,
    .word-choice {
        font-size: 1rem;
    }
    .btn-b001 {
        min-width: calc(50% - 0.4167rem);
        height: 3.3333rem;
        line-height: 3.3333rem;
        font-size: 1.125rem;
        padding: 0 1.25rem;
    }
    .new-reservation-wrapper {
        padding-right: 0;
    }
    .new-reservation-area {
        min-height: initial;
    }
    .new-reservation-area dl {
        display: block;
        border-radius: 0.5rem
    }
    .new-reservation-area dl+dl {
        margin-top: 1.167rem;
    }
    .new-reservation-area dl dt {
        height: calc(4rem - 2px)
    }
    .new-reservation-area dl dt button {
        padding: 0 1.167rem;
        height: 4rem;
        font-size: 1.167rem;
        line-height: 1.5rem;
        gap: 1.5rem;
        border-radius: 0.5rem
    }
    .new-reservation-area dl dt.active button:before {
        width: calc(100% - 0.083333rem);
        height: calc(100% - 0.083333rem);
        border-width: 2px;
        border-radius: 0.5rem
    }
    .new-reservation-area dl dt.active+dd {
        display: block;
        padding: 1.667rem 1.458rem 0 1.458rem;
        height: auto;
        max-height: initial;
        border-top: 0;
    }
    .reservation-doctor-list {
        display: block;
        max-height: initial;
        overflow-x: initial;
    }
    .reservation-doctor-radio .doctor-information-wrapper {
        padding-right: 0;
    }
    .reservation-doctor-radio .doctor-information-wrapper .doctor-information,
    .reservation-doctor-radio .doctor-information-wrapper .doctor-ination {
        height: auto;
        padding-bottom: 2.333rem;
    }
    .reservation-doctor-radio input[type="radio"]+label {
        top: 1rem;
        right: 0;
        width: 2rem;
        height: 2rem;
        margin-top: 0;
        background-size: 2rem 2rem;
    }
    .reservation-calendar-wrapper,
    .reservation-time-wrapper {
        width: 50%;
    }
    .reservation-calendar-wrapper {
        padding-right: 63px;
        padding-left: 38px;
    }
    .reservation-time-wrapper {
        padding-right: 25px;
        padding-left: 64px;
        border-left: 1px solid #dddddd
    }
    .reservation-time-wrapper .cohice-time-reservation>dd {
        display: block;
    }
    .width-memo {
        margin-top: 2.5rem !important;
    }
    .width-memo textarea {
        height: 13.333rem;
        padding: 1.25rem;
        font-size: 1.083rem;
        line-height: 1.5rem;
    }
    .new-reservation-area.depth3 dl dt.active+dd {
        display: block;
        padding: 1.667rem 1.458rem;
        height: auto;
        max-height: initial;
        border-top: 0;
    }
    .new-reservation-area.depth3 dl:nth-of-type(2) dt.active+dd {
        padding-bottom: 0;
    }
    .new-reservation-area.depth3 .choice-reservation-date-wrapper {
        height: initial;
    }
    .new-reservation-area.depth3 .reservation-doctor-list {
        max-height: initial;
    }
    .choice-reservation-date-wrapper {
        display: block;
        align-items: center;
        height: initial;
    }
    .reservation-calendar-wrapper,
    .reservation-time-wrapper {
        width: 100%;
        padding: 0;
    }
    .reservation-time-wrapper {
        border-left: 0;
        padding: 2.5rem 0
    }
    .new-patient-information {
        position: relative;
        width: 100%;
        height: initial;
        margin-top: 2.833rem;
    }
    .new-patient-area {
        min-height: initial;
        padding: 0.5rem 1.5rem 2.167rem 1.5rem;
    }
    .new-patient-area>dl {
        position: relative;
        min-height: 3.75rem;
        padding: 1.5rem 0 0 0;
        padding-left: 7.833rem;
        padding-bottom: 1.583rem
    }
    .new-patient-area>dl:first-child {
        padding-top: 1.5rem;
    }
    .new-patient-area>dl:last-child {
        border-bottom: 0;
    }
    .new-patient-area>dl dt {
        position: absolute;
        top: 1.5rem;
        left: 0;
        margin-bottom: 0;
        color: #fff;
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
        font-weight: 600;
    }
    .new-patient-area>dl dt>strong {
        display: block;
        padding-bottom: 0;
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
        font-weight: 600;
    }
    .new-patient-area>dl dd ul>li {
        padding-left: 0.583rem;
        font-size: 1.083rem;
        line-height: 1.25rem;
    }
    .new-patient-area>dl dd ul>li:before {
        position: absolute;
        top: 0.583rem;
        left: 0;
        content: "";
        display: block;
        width: 0.167rem;
        height: 0.167rem;
        border-radius: 100%;
        background-color: #fff;
    }
    .new-patient-area>dl dd ul>li+li {
        margin-top: 13px;
    }
    .new-patient-area>dl dd {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: initial;
    }
    .flex-start {
        justify-content: flex-start !important;
    }
    .new-patient-area>dl dd p {
        font-size: 1.083rem;
        line-height: 1.5rem;
    }
    .new-doctor {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 3.75rem;
        padding-left: 4.167rem;
    }
    .new-doctor .photo {
        width: 3.75rem;
        height: 3.75rem;
        border-radius: 100%;
    }
    .new-doctor .photo>img {
        margin-left: -1.875rem;
        max-width: 3.75rem;
    }
    .btn-new-reservation {
        height: 5rem;
        gap: 0.5rem;
    }
    .btn-new-reservation>img {
        width: 1.75rem;
    }
    .btn-new-reservation>strong {
        font-size: 1.417rem;
        line-height: 1.417rem;
    }
    .reservation-area {
        position: relative;
        margin-top: 2.8333rem;
        padding-bottom: 2.75rem;
        padding-left: 0;
        padding-right: 0;
    }
    .reservation-area:last-child {
        border-bottom: 0;
    }
    .reservation-area>img {
        position: static;
        width: 7.5rem;
        margin: 0 auto 1.25rem auto
    }
    .reservation-box {
        min-height: initial;
    }
    .reservation-box h4 {
        margin-bottom: 1.125rem;
        font-size: 1.5rem;
        line-height: 2.125rem;
    }
    .reservation-box p {
        font-size: 1.1667rem;
        line-height: 1.875rem;
    }
    .reservation-box ul {
        margin-top: 2.875rem;
    }
    .reservation-box ul>li {
        padding-left: 0.9167rem;
        font-size: 1.1667rem;
        line-height: 1.875rem;
    }
    .reservation-box ul>li:before {
        top: 0.7917rem;
        width: 0.375rem;
        height: 0.125rem;
    }
    

    .new-patient-information {
        position: relative;
        width: 100%;
        height: initial;
        margin-top: 2.833rem;
        border-radius: 0.5rem;
    }
    .new-patient-area {
        min-height: initial;
        padding: 0.5rem 1.5rem 2.167rem 1.5rem;
    }
    .new-patient-area>dl {
        position: relative;
        min-height: 3.75rem;
        padding: 1.5rem 0 0 0;
        padding-left: 7.833rem;
        padding-bottom: 1.583rem
    }
    .new-patient-area>dl:first-child {
        padding-top: 1.5rem;
    }
    .new-patient-area>dl:last-child {
        border-bottom: 0;
    }
    .new-patient-area>dl dt {
        position: absolute;
        top: 1.5rem;
        left: 0;
        margin-bottom: 0;
        color: #fff;
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
        font-weight: 600;
    }
    .new-patient-area>dl dt>strong {
        display: block;
        padding-bottom: 0;
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
        font-weight: 600;
    }
    .new-patient-area>dl dd ul>li {
        padding-left: 0.583rem;
        font-size: 1.083rem;
        line-height: 1.25rem;
    }
    .new-patient-area>dl dd ul>li:before {
        position: absolute;
        top: 0.583rem;
        left: 0;
        content: "";
        display: block;
        width: 0.167rem;
        height: 0.167rem;
        border-radius: 100%;
        background-color: #fff;
    }
    .new-patient-area>dl dd ul>li+li {
        margin-top: 13px;
    }
    .new-patient-area>dl dd {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: initial;
    }
    .flex-start {
        justify-content: flex-start !important;
    }
    .new-patient-area>dl dd p {
        font-size: 1.083rem;
        line-height: 1.5rem;
    }
    .new-doctor {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 3.75rem;
        padding-left: 4.167rem;
    }
    .new-doctor .photo {
        width: 3.75rem;
        height: 3.75rem;
        border-radius: 100%;
    }
    .new-doctor .photo>img {
        margin-left: -1.875rem;
        max-width: 3.75rem;
    }
    .btn-new-reservation {
        height: 5rem;
        gap: 0.5rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .btn-new-reservation>img {
        width: 1.75rem;
    }
    .btn-new-reservation>strong {
        font-size: 1.417rem;
        line-height: 1.417rem;
    }
    .reservation-area {
        position: relative;
        margin-top: 2.8333rem;
        padding-bottom: 2.75rem;
        padding-left: 0;
        padding-right: 0;
    }
    .reservation-area:last-child {
        border-bottom: 0;
    }
    .reservation-area>img {
        position: static;
        width: 7.5rem;
        margin: 0 auto 1.25rem auto
    }
    .reservation-box {
        min-height: initial;
    }
    .reservation-box h4 {
        margin-bottom: 1.125rem;
        font-size: 1.5rem;
        line-height: 2.125rem;
    }
    .reservation-box p {
        font-size: 1.1667rem;
        line-height: 1.875rem;
    }
    .reservation-box ul {
        margin-top: 2.875rem;
    }
    .reservation-box ul>li {
        padding-left: 0.9167rem;
        font-size: 1.1667rem;
        line-height: 1.875rem;
    }
    .reservation-box ul>li:before {
        top: 0.7917rem;
        width: 0.375rem;
        height: 0.125rem;
    }
    

    .ul-list001>li {
        padding-left: 0.75rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
    .agreement-wrapper {
        height: 13.3333rem;
        padding: 1.25rem;
    }
    .agreement-wrapper pre {
        font-size: 1.0625rem;
        line-height: 1.75rem;
    }
    .input-agreement-wrapper {
        display: block;
        margin-top: 1.5rem;
        padding-bottom: 1.875rem;
    }
    .input-agreement-wrapper p {
        margin-bottom: 1.25rem;
        font-size: 1.1875rem;
        line-height: 1.75rem;
    }
    .input-agreement-area {
        gap: 1.25rem;
    }
    .radio-type01 {
        width: 1.25rem;
        height: 1.25rem;
    }
    .radio-type01:checked:before {
        width: 0.8rem;
        height: 0.8rem;
        margin-top: -0.4rem;
        margin-left: -0.4rem;
    }
    .input-agreement-box {
        display: flex;
        align-items: center;
        gap: 0.4167rem;
    }
    .input-agreement-box label {
        font-size: 1.1875rem;
        line-height: 1.75rem;
    }
    .form-wrapper02 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
        padding: 1.875rem 0;
    }
    .form-wrapper02 dl {
        padding-left: 0;
        min-height: 3.5rem;
    }
    .form-wrapper02 dl+dl {
        margin-top: 1.25rem
    }
    .form-wrapper02 dl>dt {
        margin-bottom: 0.4167rem;
        position: static;
        height: initial;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .form-wrapper02 dl>dd {
        min-height: 3.5rem;
    }
    .form-wrapper02 dl>dd>input[type="text"] {
        width: 100%;
        height: 3.5rem;
    }
    .word-choise-day {
        margin-left: 0;
        margin-top: 0.4167rem
    }
    .word-choise-day>img {
        width: 1.1875rem;
        margin-right: 0.2083rem;
    }
    .word-choise-day>strong {
        font-size: 1rem;
        line-height: 1.75rem;
    }
    .word-info01 {
        margin-left: 0;
        margin-top: 0.4167rem;
        font-size: 1rem;
        line-height: 1.75rem;
    }
    .form-wrapper02 dl>dd textarea {
        max-width: 100%;
        height: 9.375rem;
    }
    .form-wrapper02 dl.dl-captcha {
        margin-top: 2.7083rem
    }
    .captcha-area>p {
        margin-left: 0.4167rem;
    }
    .captcha-area>p>img {
        width: 1.375rem;
    }
    .captcha-area>p>span {
        margin-left: 0.2083rem;
        font-size: 1rem;
        line-height: 1.375rem;
    }
    .captcha-wrapper input {
        margin-top: 0.625rem;
        width: 150px;
        height: 3.5rem;
    }
    .process-choice-box {
        height: auto;
        overflow: hidden;
    }
    .department-wrapper {
        display: none;
    }
    .department-wrapper-mobile {
        display: block;
    }
    .department-wrapper-mobile>select {
        position: relative;
        display: block;
        width: 100%;
        height: 3.3333rem;
        border: 1px solid #e0e2e4;
        text-indent: 1.25rem;
        color: #6a6a6a;
        font-size: 1.1667rem;
        background-position: 97.5% center;
    }
    .doctor-choice-wraper {
        display: block;
        max-height: 26.25rem;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .doctor-choice-area {
        margin-bottom: 0.20833rem;
    }
    .doctor-choice-area>input+label {
        min-height: 8.75rem;
        padding: 0.41667rem 0.41667rem 0.41667rem 8.2083rem;
        border: 0.16667rem solid #fff;
    }
    .doctor-choice-area>input+label>.image {
        top: 0.41667rem;
        left: 0.41667rem;
        width: 5.7083rem;
        height: 7.5833rem;
    }
    .doctor-choice-area>input+label>.group .type {
        font-size: 1.1667rem;
        line-height: 1.4583rem;
        margin-bottom: 0.41667rem;
    }
    .doctor-choice-area>input+label>.group strong {
        font-size: 1.1667rem;
        line-height: 1.5417rem;
    }
    .choice-reservation-date-wrapper .title-area {
        min-height: 2.5rem;
        margin-bottom: 0.625rem;
    }
    .choice-reservation-date-wrapper .title-area>h5 {
        font-size: 1.3333rem;
        line-height: 2.5rem;
    }
    .choice-reservation-date-wrapper .title-area button {
        width: 2.5rem;
        height: 2.5rem;
        background-size: 1.6667rem 1.6667rem;
    }
    .reservation-calendar-table {
        margin-bottom: 1.0417rem;
    }
    .reservation-calendar-table table th {
        height: 2.8333rem;
        font-size: 1.125rem;
    }
    .reservation-calendar-table table td {
        height: 2.8333rem;
    }
    .reservation-calendar-table table td>button {
        font-size: 1.125rem;
    }
    .calendar-remarks-information {
        margin-bottom: 2.0833rem;
    }
    .calendar-remarks-information>li {
        margin-right: 1.9167rem;
        padding-left: 1.125rem;
        font-size: 1.0833rem;
        line-height: 1.4167rem;
    }
    .calendar-remarks-information>li .icon {
        width: 0.75rem;
        height: 0.75rem;
        margin-top: -0.375rem;
    }
    .cohice-time-reservation>dt {
        margin-bottom: 0.29167rem;
        font-size: 1.0833rem;
        line-height: 1.4167rem;
    }
    .cohice-time-reservation>dd>select {
        height: 2.5rem;
        font-size: 0.91667rem;
        text-indent: 0.5rem;
    }
    .cohice-time-reservation>dd>.word-unit {
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.91667rem;
    }
    .cohice-time-reservation>dd>button {
        height: 1.875rem;
        font-size: 0.875rem;
        line-height: 1.875rem;
        margin-top: 0.625rem;
    }
    .process-choice-wrappper02 {
        min-height: auto;
        padding: 1.1667rem 0.66667rem;
        margin-bottom: 2.5rem;
    }
    .process-choice-wrappper02 .title-area {
        position: static;
        border-bottom: 2px solid #eeeeee
    }
    .process-choice-wrappper02 .title-area>h4 {
        display: block;
    }
    .process-choice-wrappper02 .title-area>h4>span {
        display: inline;
        font-size: 1.1667rem;
        line-height: 1.5rem;
    }
    .process-choice-wrappper02 .title-area>h4>strong {
        display: inline;
        margin-bottom: 0;
        font-size: 1.1667rem;
        line-height: 1.5rem;
    }
    .process-choice-wrappper02 .title-area>p {
        font-size: 1.0833rem;
        line-height: 1.6667rem;
        margin-bottom: 0;
        word-break: keep-all;
    }
    .process-choice-wrappper02 .title-area>img {
        display: none;
        margin-left: 80px;
        width: 66px;
    }
    .process-choice-wrappper02 .find-id-password-box {
        width: 100%;
        margin: 0;
    }
    .process-choice-wrappper02 .find-id-password-box .form-wrapper {
        margin: 0;
        padding-top: 1.25rem
    }
    .process-choice-wrappper02 .half-box {
        float: left;
        width: 50%;
    }
    .reservation-wrapper02 .btns-area {
        margin-top: 0;
    }
    .new-reservation-area dl dd .new-search-wrapper01 {
        width: 100%;
        margin: 0 0 2.583rem 0;
    }
    .new-reservation-area dl dd .search-initial-consonant-area {
        margin-bottom: 0;
        gap: 0.417rem;
    }
    .new-reservation-area dl dd .search-initial-consonant-area button {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 0.833rem;
    }
    .new-reservation-area dl dd .search-initial-consonant-area .btn-total {
        width: 4rem;
    }
    .new-reservation-area dl dd .search-initial-consonant-area button:first-child {
        margin-left: 0;
    }
    .new-reservation-area dl dd .department-list {
        margin-top: 2rem;
    }
    .new-reservation-area dl dd .department-list:after {
        display: block;
        content: "";
        clear: both;
    }
    .new-reservation-area dl dd .department-list>li>a {
        padding-left: 0.5rem;
        font-size: 1rem;
        line-height: 1.333rem;
    }
    .new-reservation-area dl dd .department-list>li>a:before {
        width: 0.125rem;
        height: 0.125rem;
        margin-top: -0.063rem;
    }
    .new-reservation-area dl dd .department-list>li>a:after {
        left: 0.5rem;
    }
    .new-reservation-area dl dd .department-list>li>a:hover:after {
        width: calc(100% - 0.5rem);
    }
    .mypage-wrapper,
    .mypage-area {
        display: block;
    }
    .mypage-area+.mypage-area {
        margin-top: 1.25rem;
    }
    .my-information {
        width: 100%;
        height: initial;
        padding: 1.833rem;
        margin-bottom: 1.25rem;
        border-radius: 0.75rem;
    }
    .my-information>p {
        font-size: 1.25rem;
        line-height: 2.125rem;
        margin-bottom: 0.917rem;
    }
    .my-information>p>strong {
        font-size: 1.417rem;
    }
    .my-information ul {
        gap: 0.667rem;
    }
    .my-information ul>li>a {
        height: auto;
        border-radius: 0.5rem;
    }
    .my-information ul>li>a:hover {
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.15);
    }
    .my-information ul>li>a>.icon {
        display: block;
        width: 2.167rem;
        margin: 1.792rem auto 0.625rem auto;
    }
    .my-information ul>li>a>strong {
        margin-bottom: 1.125rem;
        font-size: 1.125rem;
        line-height: 1.875rem;
    }
    .mypage-reservation-schdule {
        width: 100%;
        height: initial;
        padding: 1.75rem 1.5rem;
        margin-bottom: 1.25rem;
        border-radius: 0.75rem;
    }
    .mypage-area h4 {
        margin-bottom: 0.583rem;
        font-size: 1.333rem;
        line-height: 2.042rem;
    }
    .mypage-reservation-information {
        padding-bottom: 0.708rem;
    }
    .mypage-reservation-information>dl {
        font-size: 1.083rem;
        line-height: 1.625rem;
        margin-bottom: 0;
    }
    .mypage-reservation-schdule button,
    .mypage-reservation-schdule a {
        margin-top: 0.583rem;
        font-size: 1.083rem;
        line-height: 1.833rem;
    }
    .mypage-reservation-schdule button:before {
        display: none;
    }
    .mypage-write-wrapper {
        width: 100%;
        height: initial;
        padding: 1.833rem;
        border-radius: 0.75rem;
    }
    .mypage-write-area:before {
        top: initial;
        top: auto;
        bottom: 0;
        height: 5rem;
    }
    .mypage-write-area dl>dt {
        margin-bottom: 0.5rem;
        font-size: 1.083rem;
        line-height: 1.833rem;
    }
    .mypage-write-area dl>dd {
        height: 5rem
    }
    .mypage-write-area dl>dd a {
        width: 5rem;
        height: 5rem;
        font-size: 1.167rem;
        line-height: 1.417rem;
    }
    .mypage-write-area dl>dd a:hover {
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.15);
    }
    .mypage-write-area {
        margin-bottom: 0.708rem;
    }
    .mypage-write-area ul {
        font-size: 1.083rem;
        line-height: 1.833rem;
    }
    .mypage-write-area ul>li {
        margin: 0;
        padding: 0;
        margin-bottom: 0;
    }
    .mypage-write-area ul>li a {
        position: relative;
        max-width: 100%;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .mypage-write-wrapper>button,
    .mypage-write-wrapper>a {
        margin-top: 0.583rem;
        font-size: 1.083rem;
        line-height: 1.833rem;
    }

    .mypage-write-area ul>li a:hover:before {
        display: none;
    }

    .mypage-result-search {
        width: 100%;
        height: auto;
        padding: 1.833rem;
        margin-bottom: 1.25rem;
        border-radius: 0.75rem;
    }
    .mypage-result-search>ul {
        gap: 0.542rem;
        /* padding: 0 1rem; */
    }
    .mypage-result-search>ul>li {
        width: calc(50% - 0.271rem);
    }
    .mypage-result-search>ul>li>a {
        width: 100%;
        height: auto;
        padding: 2.125rem 0 1.667rem 0;
        border-radius: 0.5rem;
    }
    .mypage-result-search>ul>li>a:hover {
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.15);
    }
    .mypage-result-search>ul>li>a div>img {
        width: 3.417rem;
        margin: 0 auto 1.208rem auto
    }
    .mypage-result-search>ul>li>a div>strong {
        font-size: 1.167rem;
        line-height: 1.875rem
    }
    .mypage-information-wrapper02 {
        position: relative;
        width: 100%;
        height: auto;
        padding: 1.833rem;
        margin-bottom: 1.25rem;
        border-radius: 0.75rem;
    }
    .mypage-information-list02 {
        gap: 0.667rem;
        margin-top: 1.167rem;
    }
    .mypage-information-list02>li>a {
        padding: 1rem 2.833rem 1.083rem 1.375rem;
        border-radius: 0.5rem;
    }
    /*
        .mypage-information-list02>li>a:before {
            right: 1.375rem;
            width: 0.583rem;
            height: 1rem;
            margin-top: -0.5rem;
            background-size: 0.583rem 1rem;
        }
    */
    .mypage-information-list02>li>a:hover {
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.15);
    }
    .mypage-information-list02>li>a dl {
        font-size: 1.083rem;
        line-height: 1.667rem;
    }
    .mypage-information-list02>li>a dl>dt {
        position: relative;
        padding-right: 0.75rem;
        margin-right: 0.667rem;
    }
    .mypage-information-list02>li>a dl>dt:before {
        width: 0.083rem;
        height: 1rem;
        margin-top: -0.5rem;
    }
    .mypage-information-list02>li>a p {
        font-size: 1.083rem;
        line-height: 1.667rem;
    }
    .mypage-area .btn-more001 {
        top: 2.167rem;
        right: 1.875rem;
        width: 1.667rem;
        height: 1.667rem;
        background-size: 0.458rem 0.75rem;
    }
    .mypage-area .btn-more001:hover {
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.15);
    }
    .mypage-linked {
        width: 100%;
        height: 3.833rem;
        padding-left: 1.667rem;
        padding-right: 4.375rem;
        border-radius: 0.75rem;
    }
    .mypage-linked+.mypage-linked {
        margin-top: 0.833rem
    }
    .mypage-linked>strong {
        font-size: 1.167rem;
        line-height: 1.333rem;
    }
    .mypage-linked:hover {
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.15);
    }
    .mypage-linked:before {
        position: absolute;
        top: 50%;
        right: 1.542rem;
        width: 1.667rem;
        height: 1.667rem;
        margin-top: -0.8335rem;
        background-size: 0.458rem 0.75rem;
    }
    .step-join-wrapper {
        padding-bottom: 1.5rem;
        margin-bottom: 2.042rem;
        flex-wrap: wrap;
    }
    .step-join-wrapper:before {
        height: 0.167rem;
        background-color: #0098bd
    }
    .step-join-wrapper>li {
        width: 50%;
        padding-bottom: 0.125rem;
        font-size: 1.167rem;
        line-height: 1.875rem;
    }
    .step-join-wrapper>li.on:before {
        display: none;
    }
    .input-total-checked-wrapper {
        margin-bottom: 2.708rem;
        padding: 3.333rem 0.833rem 3.25rem 0.833rem;
        border-radius: 0.25rem;
    }
    .checkbox-total {
        width: 1.667rem;
        height: 1.667rem;
        border-radius: 100%;
        margin-right: 0.583rem;
    }
    .checkbox-total+label {
        font-size: 1.375rem;
        line-height: 2.167rem;
    }
    .checkbox-total:checked {
        background-size: 1rem 0.708rem;
    }
    form .contents-area+.btns-area {
        margin-top: 4.167rem;
    }
    .certification-wrapper {
        display: block;
        max-width: 100%;
        margin: 2.042rem auto 4.167rem auto;
    }
    .certification-area {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 2.5rem 3.667rem 2.917rem 10.667rem;
        border: 2px solid #dfe2ea;
        text-align: center;
        border-radius: 0.5rem;
    }
    .certification-area+.certification-area {
        margin-top: 1.458rem;
    }
    .certification-area>img {
        position: absolute;
        top: 50%;
        left: 1.167rem;
        display: block;
        width: 8.167rem;
        margin: -3.208rem 0 0 0;
    }
    .certification-area>dl {
        margin-bottom: 1.75rem
    }
    .certification-area>dl>dt {
        font-size: 1.583rem;
        line-height: 2.292rem;
        margin-bottom: 0.667rem;
    }
    .certification-area>dl>dd {
        font-size: 1.208rem;
        line-height: 1.5rem;
    }
    .certification-area button {
        width: 100%;
        max-width: 12.5rem;
        height: 2.917rem;
        font-size: 1.208rem;
        line-height: 1.5rem;
    }
    .certification-area button:hover {
        box-shadow: 0 0 0.625rem rgba(35, 37, 40, .2);
    }
    .join-complete-wrapper {
        margin-top: 5.083rem;
    }
    .join-complete-wrapper>img {
        width: 9.333rem;
        margin: 0 auto 3.25rem auto;
    }
    .join-complete-wrapper dl {
        margin-bottom: 4.167rem;
    }
    .join-complete-wrapper dl>dt {
        margin-bottom: 1.75rem;
        font-size: 1.875rem;
        line-height: 2.583rem;
    }
    .join-complete-wrapper dl>dd {
        font-size: 1.208rem;
        line-height: 1.875rem;
    }
    .title-wrapper {
        margin-bottom: 1.667rem;
        flex-wrap: wrap;
    }
    .word-etc {
        font-size: 1rem;
        line-height: 1.75rem;
        text-align: right;
    }
    .form-wrapper {
        margin-bottom: 3.5rem;
    }
    .form-wrapper dl {
        display: block;
        padding: 1.667rem 0;
    }
    .form-wrapper dl>dt {
        display: block;
        margin-left: 0;
        margin-bottom: 0.667rem;
        width: 100%;
        min-height: initial;
        font-size: 1.208rem;
        line-height: 1.875rem;
    }
    .form-wrapper dl>dd {
        gap: 0.417rem;
        min-height: initial;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .form-wrapper dl>dd input[type="text"],
    .form-wrapper dl>dd input[type="password"],
    .form-wrapper dl>dd select {
        width: 100%;
        max-width: 100%;
        height: 3.5rem;
        text-indent: 1.458rem;
        font-size: 1.125rem;
    }

    .btn-doublechecked {
        width: 6.25rem;
        height: 3.5rem;
        font-size: 1.083rem;
    }
    .btn-doublechecked:hover {
        box-shadow: 0 0 0.625rem rgba(35, 37, 40, .2);
    }
    .ul-list01>li {
        padding-left: 1rem;
        font-size: 1.167rem;
        line-height: 1.958rem;
    }
    .ul-list02>li {
        padding-left: 1rem;
        font-size: 1.25rem;
        line-height: 1.958rem;
    }
    .ul-list02>li:before {
        width: 0.333rem;
        height: 0.333rem;
    }
    .word-result {
        margin-top: 0.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .input-width-type01 {
        max-width: 100%;
    }
    .input-phone-wrapper {
        width: 100%;
        max-width: 100%;
    }
    .input-phone-wrapper:after {
        display: block;
        content: "";
        clear: both;
    }
    .input-phone-wrapper>select,
    .input-phone-wrapper>input {
        float: left;
        width: 30% !important;
        font-size: 1.125rem;
        text-indent: 1.458rem;
    }

    .input-phone-wrapper>select {
        background-size: 0.583rem 0.375rem;
        background-position: calc(100% - 0.833rem) center;
    }

    .input-phone-wrapper>.word-unit {
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5%;
        height: 3.5rem;
    }
    .input-checkbox-area {
        gap: 0.5rem;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .checkbox-type01 {
        width: 1.667rem;
        height: 1.667rem;
        border-radius: 0.25rem;
    }
    .checkbox-type01:checked {
        background-size: 0.958rem 0.708rem;
    }
    .input-email-wrapper {
        max-width: 100%;
    }
    .input-email-area {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .input-email-area>input[type="email"],
    .input-email-area>input[type="text"] {
        float: left;
        width: 45% !important;
    }
    .input-email-area>.word-unit {
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 0.91667rem;
    }
    .input-email-wrapper select {
        float: none;
        margin-top: 0.41667rem;
        margin-left: 0;
        width: 100% !important;
        background-size: 0.583rem 0.375rem;
        background-position: calc(100% - 0.833rem) center;
    }
    .input-radio-wrapper {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.333rem;
        width: 100%;
    }
    .input-radio-area {
        gap: 0.333rem;
        width: calc(50% - 0.333rem);
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .input-radio-area label {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }


    .zipcode {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding-right: 8.75rem;
    }
    .zipcode>button {
        width: 8.333rem;
        font-size: 1.125rem
    }
    .input-doublecheck-wrapper {
        width: 100%;
        padding-right: 6.667rem;
    }
    .input-doublecheck-wrapper .btn-doublechecked {
        position: absolute;
        top: 0;
        right: 0;
    }


    .input-phone-wrapper+.input-checkbox-area {
        margin-top: 1.25rem
    }
    .agree-txt {
        font-size: 1.208rem;
        line-height: 1.875rem;
    }
    .c-tit01 {
        margin-bottom: 0.54167rem;
        font-size: 1.667rem;
        line-height: 2.333rem;
    }
    .c-tit02 {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2.167rem;
    }
    .c-list>li {
        padding-left: 1.25rem;
    }
    .agree-txt .number {
        font-size: 0.833rem
    }
    .num>li {
        position: relative;
        padding-left: 1rem;
    }
    .c-list>li>ol,
    .c-list>li>ul {
        padding-bottom: 0.625rem;
    }
    .contents-area .title-type01,
    .contents-area .process-wrapper {
        margin-left: -1.25rem;
    }
    .process-wrapper {
        padding: 2.167rem;
        border-radius: 0.75rem
    }
    .process-wrapper ol>li {
        padding-left: 3.167rem;
        padding-bottom: 1.667rem;
    }
    .process-wrapper ol>li:before {
        top: 3.125rem;
        left: 1.083rem;
        width: 0.125rem;
        height: calc(100% - 4rem);
    }
    .process-wrapper ol>li .number {
        top: -0.083rem;
        width: 2.25rem;
        height: 2.25rem;
        font-size: 1.125rem;
    }
    .process-wrapper ol>li strong {
        margin-bottom: 0.375rem;
        font-size: 1.5rem;
        line-height: 2.208rem;
    }
    .process-wrapper ol>li p {
        font-size: 1.25rem;
        line-height: 1.958rem;
    }
    .process-wrapper+.word-notice01 {
        margin-top: 2.083rem;
        margin-left: -1.25rem;
    }
    .word-notice01 {
        padding-left: 1.875rem;
        font-size: 1.167rem;
        line-height: 1.667rem;
    }
    .word-notice01:before {
        top: 0.208rem;
        width: 1.25rem;
        height: 1.25rem;
        background-size: 1.25rem 1.25rem;
    }
    .tabmenu-wrapper+.contents-area {
        margin-top: 3.333rem
    }
    .table-type01 table thead th {
        padding: 0.83333rem 0.625rem 0.75rem 0.625rem;
        font-size: 1rem;
        line-height: 1.4583rem;
        word-break: break-all;
    }
    .table-type01 table tbody th,
    .table-type01 table tfoot th {
        padding: 0.83333rem 0.625rem 0.75rem 0.625rem;
        font-size: 1rem;
        line-height: 1.4583rem;
    }
    .table-type01 table tbody td,
    .table-type01 table tfoot td {
        padding: 0.83333rem 0.625rem;
        font-size: 1rem;
        line-height: 1.25rem;
        word-break: break-all
    }
    .table-type02 table thead th {
        padding: 0.83333rem 0.20833rem;
        font-size: 1rem;
        line-height: 1.4583rem;
        word-break: break-all;
    }
    .table-type02 table tbody th,
    .table-type02 table tfoot th {
        padding: 0.83333rem 0.20833rem;
        font-size: 1rem;
        line-height: 1.4583rem;
        word-break: break-all;
    }
    .table-type02 table tbody td,
    .table-type02 table tfoot td {
        padding: 0.83333rem 0.20833rem;
        color: #666666;
        font-size: 1rem;
        line-height: 1.25rem;
        word-break: break-all
    }
    .table-type04 table thead th {
        padding: 0.83333rem 0.20833rem;
        font-size: 1.0833rem;
        line-height: 1.4583rem;
        word-break: break-all;
    }
    .table-type04 table tbody th,
    .table-type04 table tfoot th {
        padding: 0.83333rem 0.20833rem;
        font-size: 1.0833rem;
        line-height: 1.4583rem;
        word-break: break-all;
    }
    .table-type04 table tbody td,
    .table-type04 table tfoot td {
        padding: 0.83333rem 0.20833rem;
        color: #666666;
        font-size: 1.0833rem;
        line-height: 1.25rem;
        word-break: break-all
    }
    .title-type01+.table-type01,
    .title-type02+.table-type01 {
        margin-top: 0;
    }
    .round-box01 {
        gap: 1.25rem;
        min-height: 7.5rem;
        padding: 1.875rem;
        margin-bottom: 2.292rem;
        border-radius: 1rem;
        box-shadow: 0px 0.292rem 0.417rem 0px rgba(156, 159, 162, 0.11);
    }
    .round-box01.add-icon {
        position: relative;
        padding-left: 9.167rem;
    }

    .round-box01.mobile-icon-none {
        padding: 1.875rem;
    }

    .round-box01.mobile-icon-none .icon {
        display: none;
    }

    .round-box01.add-icon .icon {
        position: absolute;
        top: 50%;
        left: 2.167rem;
        width: 5.625rem;
        height: 5.625rem;
        margin-top: -2.8125rem;
    }
    .round-box01 p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .round-box01.add-icon.type02 {
        padding: 2.417rem 2.25rem;
    }
    .round-box01.add-icon.type02 .icon {
        top: 2.5rem;
        left: 2.292rem;
        margin: 0;
    }
    .round-box01.add-icon.type02 dl dt {
        padding-left: 6.958rem;
    }
    .round-box01 dl dt {
        /*
        padding-left: 6.958rem;
        */
        font-size: 1.333rem;
        line-height: 2rem;
    }
    .round-box01 dl dd {
        margin-top: 1.25rem;
        font-size: 1.25rem;
        line-height: 2rem;
    }
    .input-checkbox-area {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    .input-checkbox-area input {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 1px;
        font-size: 0;
        line-height: 100px;
        white-space: nowrap;
        opacity: 0;
    }
    .input-checkbox-area input+label {
        padding-left: 2rem;
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
    .input-checkbox-area input+label:before {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem 1.5rem;
    }

    .checked-notice + .input-calendar-wrapper {
        display: block;
        width: 100%;
        max-width: 100%;
    }

	.input-calendar-wrapper {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		max-width: 100%;
		width:  100%;
	}

    .input-calendar-area {
        max-width: 100%;
        width: 100%;
    }
    .input-calendar-area>input[type="text"] {
        height: 3.5rem !important;
    }
    .input-calendar-area>button {
        top: 0;
        right: 0;
        margin: 0;
        width: 3.5rem !important;
        height: 3.5rem !important;
    }
    .input-calendar-area>button>img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1.25rem;
        margin-top: -0.625rem;
        margin-left: -0.625rem;
    }
	.input-calendar-wrapper .input-calendar-area {
		width: 90%
	}

    .input-calendar-wrapper .word-unit {
        width: 10%;
        height: 2.3333rem;
        line-height: 2.3333rem;
        font-size: 0.91667rem;
    }

    .input-calendar-wrapper .word-unit + .input-calendar-area {
        clear: both;
        margin-top: 0.625rem;
    }


    /* Responsive table */
    .horizontal-scroll {
        position: relative;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        background: linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)) no-repeat 0 0 / 20px 100% scroll, linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)) no-repeat 100% 0 / 20px 100% scroll;
    }
    .horizontal-scroll table {
        width: 45rem;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) no-repeat 0 0 / 80px 100% local, linear-gradient(to right, rgba(255, 255, 255, 0), #fff) no-repeat 100% 0 / 80px 100% local;
    }
    .horizontal-scroll table.type02 {
        width: 60rem;
    }
    .horizontal-scroll::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background-color: rgba(0, 0, 0, 0.05);
    }
    .horizontal-scroll::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: rgba(0, 0, 0, 0.25);
    }
    .horizontal-scroll table thead th {
        background-color: rgba(180, 180, 180, .09);
    }
    .horizontal-scroll table tbody td,
    .horizontal-scroll table tfoot td {
        background-color: rgba(255, 255, 255, .09);
    }
    .horizontal-scroll table .bg01 {
        background-color: rgba(203, 203, 203, .09) !important;
    }
    .horizontal-scroll table .bg02,
    .horizontal-scroll table tfoot th,
    .horizontal-scroll table tfoot td {
        background-color: rgba(255, 230, 78, .09) !important;
    }
    .table-type01 .bg03,
    .table-type02 .bg03 {
        background-color: rgba(255, 219, 0, .09) !important;
    }
    .table-type03 table thead th {
        background-color: rgba(180, 180, 180, .09) !important;
    }
    .schdule.circle {
        width: 0.625rem;
        height: 0.625rem;
    }
    .find-wrapper {
        max-width: 33.75rem;
        margin: 7.708rem auto 3.125rem auto;
    }

    .find-area {
        padding: 2.292rem 1.25rem;
    }
    .find-area dl {
        padding-left: 6.25rem;
    }
    .find-area dl dt {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-top: -0.875rem;
    }
    .find-area dl+dl {
        margin-top: 0.917rem;
    }
    .find-area h4 {
        position: relative;
        left: -1.25rem;
        width: calc(100% + 2.5rem);
    }
    .find-area.type02>dl {
        padding-left: 10rem;
    }
    .checking-password {
        margin-top: 2.083rem;
    }
    .checking-password p {
        font-size: 1.125rem;
        line-height: 1.875rem;
    }

    .login-area {
        padding-top: 3.125rem;
        width: 100%;
        height: auto;
        margin: 0 auto;
		max-width: 25rem;
    }


    .login-area dl {
        display: block;
        margin-bottom: 2.625rem;
    }

    .login-area dl > dt {
        display: block;
        font-size: 3.125rem;
        line-height: 2.75rem;
        margin-bottom: 1.25rem;
    }

    .login-area dl > dd {
        margin-left: 0;
        padding-left: 0;
        font-size: 1rem;
        line-height: 1.375rem;
        word-break: keep-all
    }

	.login-area dl > dd:before {
		display: none;
	}
	.login-box {
		margin: 0 auto;
		max-width: 100%;
	}
	.login-box input[type="search"],
	.login-box input[type="password"] {
		margin-bottom: 0.625rem;
		height: 2.9167rem;
		font-size: 0.875rem;
		text-indent: 0.9167rem;
	}
	.login-box .save-id {
		margin-bottom: 1.375rem;
	}
	.login-box .save-id>input[type="checkbox"] {
		width: 0.9167rem;
		height: 0.9167rem;
		margin-right: 0.375rem;
		background-size: 0.9167rem 0.9167rem;
	}
	.login-box .save-id>label {
		font-size: 0.8333rem;
	}
	.login-box input[type="submit"] {
		margin-bottom: 0.9167rem;
		height: 3.25rem;
		font-size: 1rem;
	}
	.btn-join01 {
		height: 1.75rem;
		padding: 0 0.9167rem;
		font-size: 0.8333rem;
		border-radius: 0.875rem;
	}
	.btn-join01 .icon {
		width: 0.625rem;
		height: 0.7083rem;
		background-size: 0.625rem 1.4166rem;
	}
	.btn-join01 strong {
		margin: 0 0.6667rem 0 0.5rem;
	}
	.btn-join01 .arrow {
		width: 0.2813rem;
		height: 0.4688rem;
		background-size: 0.2813rem 0.9376rem;
	}
	.btn-join01:hover .icon,
	.btn-join01:focus .icon {
		background-position: 0 -0.7083rem;
	}
	.btn-join01:hover .arrow,
	.btn-join01:focus .arrow {
		background-position: 0 -0.4688rem;
	}
	.members-menu-list .word-find>a {
		font-size: 0.8333rem;
		line-height: 1.5rem;
		margin-left: 0.8333rem;
	}
	.members-menu-list .word-find>a:before {
		left: -0.625rem;
		height: 0.625rem;
		margin-top: -0.3125rem;
	}
	.members-menu-list .word-find>a:after {
		display: none;
	}


    .login-sns-wrapper {
        margin-top: 2.917rem;
    }

    .login-sns-wrapper > a {
        width: 100%;
        height: 3.75rem;
        padding-left: 4rem;
    }

    .login-sns-wrapper > a:hover {
        box-shadow: 0 0.2917rem 0.9167rem 0 rgba(0, 0, 0, 0.15);
    }

    .login-sns-wrapper > a .icon {
        width: 4rem;
        height: calc(3.667rem - 1px);
        border-top-left-radius: 0.208rem;
        border-bottom-left-radius: 0.208rem;
    }

    .login-sns-wrapper > a > strong {
        font-size: 1rem;
    }

    .login-sns-wrapper > a {
        border-radius: 0.25rem;
    }
    .login-sns-wrapper > a + a {
        margin-top: 0.5rem;
    }

    .login-sns-wrapper > a .icon > img {
        width: 1.625rem;
    }

    .floor-menu-wrapper {
        margin-bottom: 1.5rem;
        gap: 0.75rem;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .floor-menu-wrapper button {
        width: 2.708rem;
        height: 2.25rem;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 600;
        border-radius: 4px;
    }

    .floor-menu-wrapper button.on,
    .floor-menu-wrapper button:hover,
    .floor-menu-wrapper button:focus {
        background-color: #0098bd;
        color: #fff;
    }

    .floor-wrapper {
        height: auto;
        min-height: auto;
        padding-top: 6.167rem;
        padding-bottom: 14.542rem;
        border-radius: 0.5rem;
    }


    .floor-wrapper h4 {
        top: 1.25rem;
        left: 0;
        width: 100%;
        font-size: 1.25rem;
        line-height: 3.75rem;
        text-align: center;
    }

    .floor-wrapper h4 > strong {
        font-size: 3.333rem;
        line-height: 3.75rem;
    }

    .floor-wrapper .floor-images-box {
        padding: 0.833rem;
        pointer-events:all;
        cursor: pointer;
    }

    .floor-markers-information {
        bottom: 2rem;
        left: 50%;
        gap: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        max-width: 21.333rem;
        transform: translate(-50%, 0);
    }

    .floor-markers-information > li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        width: calc(50% - 0.75rem);
    }

    .floor-markers-information li > img {
        width: 1.875rem;
        margin-right: 0.5rem;
    }

    .floor-markers-information li > strong {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 2.625rem);
        font-size: 1.167rem;
        line-height: 1.875rem;
        text-align: left;
    }

    /* a2 (건강증진센터): 에스컬레이터(marker03) 숨김 */
    .building-a2 .floor-markers-information li:has(img[src*="icon_marker03"]) { display: none; }

    /* a3 (장례식장): 엘리베이터(marker02) + 에스컬레이터(marker03) 숨김 */
    .building-a3 .floor-markers-information li:has(img[src*="icon_marker02"]),
    .building-a3 .floor-markers-information li:has(img[src*="icon_marker03"]) { display: none; }

    /* a4 (연구센터), a5 (실용화센터): 에스컬레이터(marker03) 숨김 */
    .building-a4 .floor-markers-information li:has(img[src*="icon_marker03"]),
    .building-a5 .floor-markers-information li:has(img[src*="icon_marker03"]) { display: none; }

    .floor-information {
        margin-top: 1.458rem;
    }

    .floor-information > li {
        width: calc(50% + 1px);
    }

    .floor-information > li > button {
        padding: 0.792rem 1.125rem;
        font-size: 1rem;
        line-height: 1.25rem;
    }


    .floor-wrapper .btn-view01 {
        position: absolute;
        bottom: 10.833rem;
        left: 50%;
        margin-left: -3.9585rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 7.917rem;
        height: 2.667rem;
        border: 1px solid #c2cbd3;
        border-radius: 0.167rem;
        gap: 0.333rem;
        background-color: #fff;
    }

    .floor-wrapper .btn-view01 > img {
        width: 1.25rem;
    }

    .floor-wrapper .btn-view01 > strong {
        color: #444494;
        font-size: 1.167rem;
        font-weight: 600;
    }

    .agreement-wrapper pre table thead th {
        font-size: 1.0625rem;
    }

    .form-wrapper02 dl>dd input[type="text"],
    .form-wrapper02 dl>dd input[type="password"],
    .form-wrapper02 dl>dd select {
        height: 3.5rem;
        font-size: 1.125rem;
        text-indent: 1.458rem;
    }

    .modal-wrapper {
        left: 0;
        margin: 0;
        width: 100% !important;
        margin: 0 !important;
        min-height: auto;
        padding: 0 1.25rem;
        background: none;
        border: none;
        transform: translate(0, -50%);
        box-shadow: none
    }
    .modal-wrapper>h2 {
        height: 3.75rem;
        padding: 0 1.25rem;
        font-size: 1.25rem;
        line-height: 3.75rem;
    }
    .modal-area {
        background: #fff;
        padding: 1.25rem;
        height: 100%;
        box-shadow: 0px 0.4167rem 0.4167rem 0px rgba(0, 0, 0, 0.05);
    }
    .modal-search-wrapper {
        position: relative;
        padding-right: 3.75rem;
        margin-bottom: 0.8333rem;
    }
    .modal-search-wrapper>input[type="search"] {
        display: block;
        width: 100%;
        border-right: 0;
    }
    .modal-search-wrapper>button {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 3.75rem;
        height: 100%;
        font-size: 0.9167rem;
        font-weight: 700;
    }
    .modal-box {
        max-height: 25rem;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal-wrapper .btn-modal-close {
        right: 1.25rem;
        width: 3.75rem;
        height: 3.75rem;
        background-size: 1.0833rem 1.0833rem;
    }
    .modal-box01>p {
        display: block;
        margin-bottom: 2.25rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }

    .modal-reservation01 > img {
        width: 6.25rem
    }

    .input-radio-wrapper {
        row-gap: 1.5rem;
    }

    .word-type01 {
        font-size: 1.154rem;
        padding-bottom: 1.154rem;
    }

    .ul-memo-list01>li {
        padding-left: 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }


    .certification-wrapper.type02 {
        gap: 2.1667rem;
    }

    .certification-wrapper.type02 .certification-area img {
        left: 2.75rem;
        width: 5.3333rem;
        margin: -3.208rem 0 0 0;
    }

    .certification-wrapper.type02 .certification-area:nth-of-type(2) img {
        margin: -4.75rem 0 0 0;
    }

    .sub-slogan-wrapper {
        margin-bottom: 4.5833rem;
    }

    .sub-slogan-wrapper > dt {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .sub-slogan-wrapper > dd {
        margin-top: 12px;
        font-size: 18px;
        line-height: 27px;
        font-weight: 500;
    }

	/* 이용안내 > 찾아오시는 길 */
    .map-wrapper {
        height: 25rem;
    }

}

@media only all and (max-width: 767px) {
    .btn-list img {
        display: inline-block;
        vertical-align: middle;
        width: 1.125rem;
        margin-right: 0.5rem;
    }
}

@media only all and (max-width: 475px) {
    .doctor-information>dl>dd {
        gap: 0.208rem
    }
    .new-reservation-area dl dd .search-initial-consonant-area button {
        width: 2rem;
        height: 2rem;
    }
    .tabmenu-wrapper ul>li>a,
    .new-reservation-area dl dt button {
        font-size: 1rem;
        border-radius: 0 !important;
    }

    .tabmenu-wrapper ul>li>a,
    .new-reservation-area dl dt button {
        font-size: 1rem;
    }
}

@media only all and (max-width: 359px) {
    .certification-area {
        padding: 2.5rem 2.5rem 2.5rem 9rem;
    }
    .certification-area>img {
        left: 0.5rem;
    }
}

@media only all and (max-width: 319px) {
    .certification-area {
        padding: 2.5rem 1rem 2.5rem 8rem;
    }
    .certification-area>img {
        left: -0.5rem;
    }
}