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

@media (max-width: 1855px) {
}
@media (max-width: 1580px) {
	.visual::after {
		top: 50%;
	}
	.medical-information-container::before {
		display: none;
	}
}
@media (max-width: 1340px) {
	.visual {
		width: 100%;
		padding: 0 3rem;
		margin-left: 0;
	}
	.visual .txt-area {
	width: 52%;
	}
.visual .bg {
    width: 48%;
	padding-right: 0;
	}
.business-list a {
	padding: 2.5rem 2.5rem 10rem 2.5rem;
	}	
.business-list .txt {
    line-height: 1.3;
	font-size: 2rem;
	}	
.business-list .txt br {
	display: none;
	}
.business-list .more {
    bottom: 3rem;
    left: 2.5rem;
	}
.link-content .icon {bottom: 3rem; right: 3rem;}
}
@media (max-width: 1230px) {
.visual {margin-bottom: 5rem;}
.visual .subject {line-height: 1.2;}
.device-list > li {margin-left: 3rem;}
.business-list .icon {width: 5rem;}
.link-content .desc br {display: none;}
.medical-information-container,
.center-business-list {gap: 3rem;}
}
@media (max-width: 1120px) {
.visual br {display: none;}	
.business-list {margin: 0 -1rem;}
.business-list > li {width: calc(25% - 2rem);margin: 0 1rem;}
.board-wrap .section-tit {font-size: 3.2rem;}
.news-list a {width: calc(100% - 10.5rem);}
.link-content {width: calc(48.6% + 2rem); margin: 0 -1rem;}
.link-content .box-link {margin: 0 1rem;}
.link-content .market-state {margin-bottom: 3rem;}
.center-introduce, .support-infra {width: calc(50% - 2rem);}
.link-content .section-tit {font-size: 2.3rem;}
.link-content .icon {width: 5rem;}
.medical-information .section-tit,
.center-business .section-tit {font-size: 3.2rem;}
}
@media (max-width: 980px) {
.board-wrap .section-tit {width: 100%; margin-bottom: 2rem;}
.tab-tit {margin: 0 1rem 2rem;}
.medical-information-container {flex-wrap: wrap;}
.medical-information-item {width: calc(100% / 2 - 3rem * 1 / 2); flex: none;}
}
@media (max-width: 880px) {
.visual {margin-top: 0;}	
.visual .txt-area, .visual .bg {float: none; width: 100%;}
.visual br {display: block;}	
.visual .bg {margin-bottom: 1.5rem; text-align: center;}
.business-list a { padding-left: 1.5rem; padding-right: 1.5rem;}	
.business-list .txt {min-height: 4.3rem; font-size: 1.8rem;}
.business-list .more {left: 1.5rem;}
.business-list .icon {right: 1.5rem;}
.tab-tit {margin: 0 .8rem;}
.board-wrap {margin-bottom: 6rem;}
.notice-area {width: 55.5%;}
.notice-area .section-tit {margin-right: 2.5rem;}
.news-list li:first-child a {width: 100%;}
.link-content, .retention-status {width: 100%;}
.link-content {width: calc(100% + 3rem); margin-bottom: 6rem;}
.center-business-list {flex-wrap: wrap;}
.center-business-item {width: 100%;  flex: auto;}
}
@media (max-width: 790px) {
.visual {min-height: 42rem;}
.visual-item-desc {font-size: 2rem;}
.visual-item-topic {font-size: 3.2rem; margin-bottom: 2.4rem;}
.visual .btn {padding: 1.35rem 3rem;}
.visual-controller {gap: .5rem;}
.visual-controller button i {font-size: 1.6rem;}
.board-wrap {margin-bottom: 0;}	
.business-list > li {width: calc(50% - 2rem);}
.notice-area, .popup-zone {width: 100%; margin-bottom: 6rem;}
.link-content .desc {padding-right: 5.5rem;}
.news-list li:nth-child(n+2) {flex-direction: column;}
.news-list a{width: 100%; flex-wrap: wrap;}
.news-list .tit {width: 100% !important; margin-top: 0.5rem;}
.medical-information .section-tit,
.center-business .title-area {margin-bottom: 2rem;}
.medical-information {margin-bottom: 6rem;}
.medical-information-container {flex-direction: column;}
.medical-information-item {width: 100%; padding: 0; border-radius: 0; box-shadow: none; background: transparent;}
.medical-information-item:hover,
.medical-information-item:focus {background: transparent !important; box-shadow: none;}
.medical-information-item::before {display: none;}
.medical-information-item::after {display: none;}
.medical-information-title {padding: 3rem; color: #333 !important; border-radius: 2rem; font-size: 2.4rem;}  
#medical-information-item01 .medical-information-title {background: url(/resources/images/mdtis/main/medical-information01.jpg)no-repeat center center / cover;} 
#medical-information-item02 .medical-information-title {background: url(/resources/images/mdtis/main/medical-information02.jpg)no-repeat center center / cover;} 
#medical-information-item03 .medical-information-title {background: url(/resources/images/mdtis/main/medical-information03.jpg)no-repeat center center / cover;} 
#medical-information-item04 .medical-information-title {background: url(/resources/images/mdtis/main/medical-information04.jpg)no-repeat center center / cover;} 
.medical-information-list {transform: none; opacity: 1; visibility: visible; background: url(/resources/images/mdtis/main/medical-item-background.png)no-repeat center center / contain !important;}
.medical-information-list a {border: 1px solid rgba(51,51, 51, 0.35); color: #333;}
.medical-information-list a::after {border-color: #333;}
.center-business {margin-bottom: 6rem;}
.center-business-list{gap:1.5rem}
.center-business-item {width: 100%; padding: 3rem;}
.center-business-dday {margin-bottom: 1.8rem;}
.center-business-date {padding-top: 1.5rem; margin-top: 1.8rem;}


}
@media (max-width: 680px) {
.visual .subject {font-size: 4rem;}
.tab-tit a {font-size: 2rem;}
.board-tab::after {/* top: 5.9rem; *//* height: 100%; */}
.medical-device {justify-content: flex-start;}
.medical-device .bx-wrapper {width: calc(100% - 26rem);}
.tab-tit {margin: 0 .25rem;}
.notice-area .tab-tit a {font-size: 1.7rem;}
}
@media (max-width: 570px) {
.visual {padding: 3rem;}
.visual-container {margin: auto;}
.visual-item-desc {font-size: 1.8rem;}
.visual-item-topic {font-size: 2.8rem;}
.visual-navi {margin-top: auto;}
.visual-navi {justify-content: space-between; gap: 1.5rem;}
.visual-pagination {width: 100%; gap: 1.2rem;}
.visual-pagination-bar {width: 10rem;}
.visual-pagination-current, .visual-pagination-total {font-size: 1.6rem; width: 2rem;}
.board-tab {margin-bottom: 5rem;}	
.medical-device {flex-direction: column; margin-bottom: 5rem; padding-bottom: 0;}	
.medical-device::after {display: none;}
.medical-device .title-area {width: 100%; margin: 0 0 5rem;}
.medical-device .title-area span {display: inline-block;}
.medical-device .title-area br {display: none;}
.medical-device .bx-wrapper {width: 100%;}
.device-list > li { margin: 0 2rem 0 0;}
.link-content .desc {padding-right: 0;}
.news-list .date {align-items: flex-end;}
.center-business-item {width: 100%; }

}
@media (max-width: 460px) {
.visual br {display: none;}	
.link-content {width: 100%; margin: 0 0 6rem;}
.link-content .box-link {width: 100%; margin:  0 0 1.5rem; padding-right: 8.5rem;}
.news-list li:first-child {padding-left: 11rem;padding-top: .35rem; margin-bottom: 2rem;}
.news-list li:first-child .tit {font-size: 1.8rem; display: -webkit-box; white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 6rem;}
.news-list li:first-child .date {width: 9rem; height: 9rem;}
}
@media (max-width: 430px) {
.visual .subject {margin-bottom: 2rem; font-size: 3.4rem;}
.visual .desc { line-height: 1.4;}
.visual .btn {padding: 1.2rem 1.5rem;}
.tab-tit {margin-bottom: 2rem; }
.board-tab .tab-tit {margin-bottom: 0;}
.medical-device .section-tit {margin-bottom: 1rem; font-size: 3.4rem;}
.medical-device .subtit {margin-bottom: 2rem;}
.board-wrap .section-tit {font-size: 2.9rem;}
.business-list {margin: 0;}
.business-list > li {width: 100%; margin: 0 0 1rem; padding-top: 0;}
.business-list a {padding: 2.8rem 2.5rem;}	
.business-list a:hover, .business-list a:focus {margin-top: 0;} 
.business-list .txt {display: flex; flex-flow: row wrap;  align-items: center;}
.business-list .more {display: none;}
.business-list .icon {right: 2.5rem; bottom: inherit; top: 50%; transform: translateY(-50%);}
.notice-area .section-tit {display: block; margin: 0 0 2rem;}
.news-list .d-day {margin-right: 1rem;}
.last-section {padding: 4rem 0;}
.link-content {margin-bottom: 0;}
.retention-status {padding: 3rem;}
.retention-status .more {top: 6.5rem; right: 3rem;}
.retention-status .graph-status {margin-top: 5rem;}
.notice-area, .popup-zone {margin-bottom: 4rem;}
.medical-information .section-tit,
.center-business .section-tit {font-size: 2.9rem;} 
}
@media (max-width: 360px) {
.tsidemenu > li {margin-left: 0.2rem;}
.news-list li:nth-child(n+2) {flex-direction: column;}
.news-list a {width: 100%;}

.board-tab::after{
	top: 1rem;
}
}