@charset "utf-8";
/*-------------------------------------------------
Author / date : myeong-hee park / 2021.11.19
-------------------------------------------------*/

@media (max-width: 1100px) {
.shortcut-list {margin: 0 -1rem;}	
.shortcut-list > li {width: calc(33.33% - 2rem); margin: 0 1rem;} 	
.shortcut-list a {padding: 4rem 2rem;}
.shortcut-list .icon {bottom: -40%;}
}
@media (max-width: 880px) {
.first-cont {padding-bottom: 10rem;}	
.shortcut-list > li {padding-bottom: 8rem;}
.shortcut-list .icon {bottom: -30%; width: 60%;}
.guide-info {margin-bottom: 5rem;}
.section03 {margin: 0 0 8rem;}
.section03 > [class*="-area"] {width: 100%; margin: 0;}
.section03 > .notice-area {margin-top: 5rem;}
.event-list {margin-left: 1.5rem;}
.event-list > li {margin-left: 1.5rem;}
}
@media (max-width: 780px) {
.section03 > [class*="-medical"] {width: 100%; margin: 0 0 3rem;}
}

@media (max-width: 680px) {
.shortcut-list > li {width: calc(100% - 2rem);}	
.shortcut-list .txt {font-size: 1.5rem;}
.guide-process {margin: 0 -2rem;} 
.guide-process > li {width: calc(33.33% - 4rem); height: 0; margin: 0 2rem; padding-top: calc(33.33% - 4.4rem); }
.guide-process > li span {display: block; position: absolute;  top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.guide-process > li::after {right: -3.5rem;}
.notice-area .tab-tit {padding: 0 .5rem 0 1.1rem; font-size: 1.8rem;}
}
@media (max-width: 520px) {
.slogan .stxt {font-size: 1.6rem;}	
.slogan .txt {font-size: 3.3rem;}	
.notice-area .more {top: 11rem;}
.tab-notice {padding-top: 6.8rem;}
.guide-process {font-size: 1.8rem;}
.guide-txt br {display: none;}
}
@media (max-width: 430px) {
.slogan .txt br {display: none;}	
.shortcut-list > li {width: 100%;  padding-bottom: 3rem;}	
.shortcut-list .icon {bottom: -20%; width: 45%;}
.notice-area .tab-tit { font-size: 1.5rem;}
}

@media (max-width: 380px) {
.notice-area .tab-tit { font-size: 1.4rem;}
}