@charset "UTF-8";
@import url("contents_pc.css");
@media only all and (max-width: 1023px) {
    
    .mobile-br {
        display: block !important;
    }
   /* 인사말 */
    .greeting-wrapper {
        padding-right: 0;
        padding-top: 29.167rem;
    }
    .greeting-wrapper:before {
        top: 0;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .greeting-wrapper .greeting-slogan-wrapper {
        gap: 2.308rem;
    }
    .greeting-wrapper .greeting {
        font-size: 1.538rem;
    }
    /* 연구센터 인사말 */
    .greeting-wrapper02 {
        gap: 3.077rem;
    }
    .greeting-wrapper02 .greeting-visual-wrapper {
        padding-bottom: 93.939%;
        border-radius: 0.462rem;
    }   
    .greeting-wrapper02 .visual-slogan {
        top: auto;
        bottom: 2.692rem;
        left: 2.692rem;
        padding-right: 2.692rem;
        transform: translateY(0);
        font-size: 2.308rem;
    }
    .greeting-wrapper02 .greeting-slogan-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2.692rem;
    }
    .greeting-wrapper02 .greeting {
        font-size: 1.846rem;
        white-space: normal;
    }  
    .greeting-sign {
        font-size: 1.417rem;
        padding-top: 2.5rem;
    }  
    .greeting-wrapper02 .research {    
        background: url(../img/sub03/greeting_research_mobile.jpg) no-repeat center / cover;
    }
    .greeting-wrapper02 .health {    
        background: url(../img/sub04/greeting_health_mobile.jpg) no-repeat center / cover;
    }
    
    .department {
        padding-bottom: 80.833%;
    }
    .department>a>strong {
        font-size: 1.083rem;
    }
    /* 이용안내 > 찾아오시는 길 */
    .map-wrapper {
        height: 25rem;
    }
    
    /* 편의 시설 안내 */
    .info-list-box {
        grid-template-columns: 1fr;
        padding: 1.542rem 0 3.077rem 0;
        gap: 0;
    }
    .info-list-box:first-child {
        padding-top: 1.542rem;
    }
    .info-list-box > h4 {
        width: 100%;
        font-size: 1.75rem;
        padding-bottom: 1.042rem;
    }
	.info-list-box > h4 > .info-small-title{
		font-size: 1.5rem;
	}
    .info-list-box > ul {
        width: 100%;
        padding-left: 1.25rem;
    }
    .info-list-box > .image {
        width: calc(100% - 1.25rem);
        height: 0;
        padding-bottom: 71.428%;
        border-radius: 0.5rem;
        margin-top: 1.875rem;        
        margin-left: 1.25rem;
    }
    .gray-contents-box {
        border-radius: 0.5rem;
        padding: 2.292rem;
    }
    .icon-info-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 4.167rem 0;
    }
    .icon-info {
        gap: 1.25rem;
    }
    .icon-info .icon {
        width: 5.667rem;
        height: 5.667rem;
        min-width: 5.667rem;
        min-height: 5.667rem;
    }
    .icon-info .icon img {
        width: 3.333rem;
        height: 3.333rem;
    }
    .icon-info dl dt {
        font-size: 1.333rem;
        padding-bottom: 0.833rem;
    }
    .icon-info dl dd {
        font-size: 1.25rem;
        line-height: 140%;
    }
    
    
    /* introduction */
    .introduction-visual .solgan {
        font-size: 2.083rem;
    }
    .introduction-visual > img {
        width: 100%;
    }
    .introduction-wrapper + .contents-area {
        padding-left: 0;
    }
    .introduction-wrapper + .contents-area .title-type01 {
        margin-left: 0;
    }

    
    /* introduction - history */
    .history-wrapper {
        padding-top: 2.083rem;
    }
    .history-visual-wrapper{
		height: 11.25rem;
		border-radius: 1.25rem;
		margin-bottom: 4.583rem;
	}
	.history-visual-wrapper.only-mobile p{
		width:100%;
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		color:#fff;
		font-weight:700;
		text-align: center;
		font-size: 1.583rem;
		line-height:2.083rem;
	}
	.history-area{
		display: block;
		position: relative;
	}
	.history-left{
		align-items: flex-start;
	}
	.history-left::before {
        content: "";
        position: absolute;
        left: 0.417rem;
        width: 1px;
        height: 50%;
        border-left: 1px solid #ddd;
        margin-top: 14px;
    }
    .history-area:has(+ .history-area) .history-right dl:last-of-type {
        padding-bottom: 4.167rem;
    }
	.history-title{
		font-size:2.5rem;
		line-height:1.875rem;
        padding-left: 2.083rem;
	}
	.history-title::after{
        top: 0.417rem;
        right: auto;
        left: 0;
        width: 14px;
        height: 14px;
	}
   .history-title::before {
       display: none;
    }
	.history-left .history-title > img{
		padding-right: 1.25rem;
		padding-left:0;
	}
	.history-left-round-box{
		width:16.375rem;
		border-radius: 0.833rem;
		margin: 0 0 2.5rem 2.083rem;
	}	
	.history-right::before{
		display: none;
	}
	.history-right dl{
        grid-template-columns: 1fr;
		font-size: 1.188rem;
		line-height: 1.875rem;
		padding-bottom: 1.875rem;
        padding-left: 3.333rem
	}
    .history-right dl::after {
        top: 0.417rem;
        left: 2.083rem;
    }
	.last-year-right dl:last-child:before {
		top: 0.75rem;
	}
	.history-right dt > img{
		margin-right: 0.833rem;
		margin-top: 0.417rem; /* 10 */
	}
	.history-right dt{
        gap: 1.667rem;
        /*left: 0.417rem;*/
	}
	.history-right dl::before{
        left: 0.417rem;
        margin-top: 0.833rem;
		width: 2.083rem;
	}
    .history-right dt,
    .history-right dd {        
        grid-column: 1;
    }
    /* 의료진 소개 리스트 */
    .doctor-information>dl>dd {
        align-items: flex-start;
        flex-wrap: wrap;      
    }
    .doctor-information>dl>dd>strong, 
    .doctor-ination>dl>dd>strong {
        width: 100%;
    }
    .doctor-information>dl>dd>a.btn-reservation {
        margin-left: 0;
        font-size: 0.85rem;
    }
    .doctor-information>dl>dd>strong {        
        font-size: 1.5rem;
    }
    /* 건강증진센터 - 의료진 소개 */
    .doctor-information-wrapper02 {
        display: grid;
        grid-template-columns: 6.25rem 1fr;
        border-radius: 0.667rem;
        padding: 2.875rem;
        gap: 2.083rem;
        margin-bottom: 1.875rem;
        align-items: center;
    }
    .doctor-information-wrapper02>.image{
        grid-column: 1 / 2;
        width: 6.25rem;
        height: 7.792rem;
    }
    .doctor-information-wrapper02>.image>img {
        top: 0.625rem;
    }
    .doctor-information-wrapper02 .doctor-information02 {
        grid-column: 1 / -1;
    }
    .doctor-information-wrapper02 .doctor-information02>dl {
        flex-direction: column;
        font-size: 1.25rem;
        line-height: 1.958rem;
        gap: 1rem;
        padding-bottom: 2rem;
    }
    .doctor-information-wrapper02 .doctor-information02>dl>dt {
        flex: 0 0 auto;
        padding-left: 1.042rem;
    }
    .doctor-information-wrapper02 .doctor-information02>dl>dt:before {
        top: 0.917rem;
    }
    .doctor-information-wrapper02 .doctor-information02>dd {
        color: #555559;
    }
    .health-checkup .ul-list01 > li {
        padding-bottom: 1.25rem;
    }
    .exam-gender-title {
        font-size: 1.167rem;
        margin-top: 1.25rem
    }
    .exam-gender-title::before{
        top: 0.458rem;
    }
    /* 진료과 소개 영문에만 폰트크기 다르게 */
    .department-information>dl>dt {
		font-size: 1.3333rem;
		line-height: 1.6667rem;
	}
	.department-information>dl>dd {
		font-size: 1.0417rem;
		line-height: 1.5rem;
	}
}

	
}

@media only all and (max-width: 767px) {
}

@media only all and (max-width: 639px) {
    
}

@media only all and (max-width: 474px) {
    
}

@media only all and (max-width: 359px) {
    
}