/********************************************************
■ 공통
********************************************************/
.inner{max-width:75rem; margin:0 auto;}



/* 타이틀 */
.main-title{margin-bottom:2.5rem;}
.main-title h3{font-size:1.9rem; font-weight:700; color:var(--black); }
.main-title h3 b{color:var(--main);}

/*플러스 버튼*/
.btn_more_m{display:inline-flex; align-items: center; gap:0 1rem; padding:0 2rem; width:11rem; height:3rem; font-size:1.05rem; font-weight:600; border-radius:4px; box-shadow:0 2px 20px rgba(0,0,0,0.06); border:1px solid #e1e1e1; background:#fff; }
.btn_more_m .icon_plus{display:inline-block; width:1rem; height:1rem; background:url('../images/default/intro/btn_plus.png')no-repeat 50% 50%; background-size:100%; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.btn_more_m .icon_plus.white{background:url('../images/default/intro/btn_plus_w.png')no-repeat 50% 50%; background-size:100%;}
.btn_more_m.orange{background:var(--bg-orange); color:#fff; border-color:var(--main);}
.btn_more_m.black{background:var(--bg-black); color:#fff; }

.btn_more:hover .icon_plus{
	transform: rotate(90deg );
	-webkit-transform: rotate(90deg ); 
	-moz-transform: rotate(90deg );
	-ms-transform: rotate(90deg );
	-o-transform: rotate(90deg );
}




@media all and (max-width:1540px){
	.inner{padding:0 1rem;}
}
@media all and (max-width:767px){
	.main-title{margin-bottom:1.5rem;}
}


/********************************************************
■ 배너 & 정보안내
********************************************************/
.main-section01 {}
.main-section01 .inner{display:flex; gap:0 2rem;}

/******* 배너 *******/
.main-banner{position:relative; width:43%; padding-bottom:4rem;}
.main-banner .swiper-container{border-radius:4px; height:100%;}
.main-banner .swiper-slide{height:auto;overflow:hidden;}
.main-banner .bna-item{display:block; position:relative; width:100%; height:100%; padding:5rem 2.5rem;}
.main-banner .bna-item .ban-text{font-size:1.3rem;}
.main-banner .bna-item .ban-text .subject{font-size:2rem; margin-top:1rem; line-height:1.3;}
.main-banner .bna-item .ban-bg{
	position:absolute; 
	left:50%; 
	top:50%; 
	width:100%; 
	height:100%; 
	z-index:-1;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: 50% 50%;
	transform:scale(1.1) translate(-50%,-50%);
	-webkit-transform: scale(1.1) translate(-50%,-50%); 
	-moz-transform: scale(1.1) translate(-50%,-50%);
	-ms-transform: scale(1.1) translate(-50%,-50%);
	-o-transform: scale(1.1) translate(-50%,-50%);
	transition:all 0.45s ease-out 0s; 
	-webkit-transition: all 0.45s ease-out 0s; 
}
.main-banner .bna-item .btn_more_m{margin-top:7.5rem;}
.main-banner .swiper-slide-active .bna-item .ban-bg{
	transform:scale(1) translate(-50%,-50%);
	-webkit-transform: scale(1) translate(-50%,-50%); 
	-moz-transform: scale(1) translate(-50%,-50%);
	-ms-transform: scale(1) translate(-50%,-50%);
	-o-transform: scale(1) translate(-50%,-50%);
}

.main-banner .ban-pagein{display: flex; align-items: center;  justify-content: center; width:100%; bottom:0; height:4rem; gap:0 1rem; }
.main-banner .ban-pagein .swiper-pagination-bullet{position:relative; width:1rem; height:1rem; border-radius:50%; background:#bababa; opacity:1;}
.main-banner .ban-pagein .swiper-pagination-bullet-active{background:var(--main);}
.main-banner .ban-pagein .swiper-pagination-bullet-active:before{
	content:''; 
	position:absolute; 
	left:50%;
	top:50%; 
	width:100%; 
	height:100%; 
	outline:4px solid #fff; 
	border-radius:50%; 
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.main-banner .ban-pagein .swiper-pagination-bullet-active:after{
	content:''; 
	position:absolute; 
	left:50%; 
	top:50%; 
	width:calc(100% + 4px); 
	height:calc(100% + 4px); 
	outline:3px solid var(--main); 
	border-radius:50%; 
	opacity:0.2; 
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}

/******* 정보안내 *******/
.main-info{width:calc(57% - 2rem); background:#F0F0F0 url('../images/default/main/main-infobg.png')no-repeat right -37px top -12px; background-size:138px 137px; padding:2rem; border:1px solid var(--lgray5); border-radius:4px; display:flex; gap:1.5rem; flex-direction: column; }
.main-info .info01{display: flex; align-items: center;}
.main-info .info01 .info-name{flex:1; font-size:1.15rem;}
.main-info .info01 .info-name h3{font-size:1.45rem; margin-bottom:0.3rem;}
.main-info .info01 .info-name h3 b{color:var(--main);}

.main-info :is(.info02,.info03, .info04) h3{font-size:1.25rem; font-weight:600; color:var(--black); width:10rem; text-align:center;}

/*검진예약안내 박스*/
.main-info .info02{position:relative; display: flex; align-items: center; background:var(--lgray3); border:1px solid var(--lgray5); border-radius:4px; padding:1rem; padding-left:0; box-shadow:0 2px 20px rgba(0,0,0,0.06);}
.main-info .info02:before{content:''; position:absolute; left:0px; top:0px; width:100%; height:3px; background:#fff; border-bottom:1px solid var(--lgray5); box-shadow:0 2px 10px rgba(0,0,0,0.06);}
.main-info .info02:after{content:''; position:absolute; left:0px; bottom:0px; width:100%; height:3px; background:#fff; border-bottom:1px solid var(--lgray5); box-shadow:0 -2px 10px rgba(0,0,0,0.06);}
.main-info .info02 .iconUl{flex:1;}
.main-info .info02 .iconUl li{font-size:1.05rem; font-weight:500; line-height:2.2rem;}
.main-info .info02 .iconUl li:not(:first-child){border-top:1px solid var(--lgray6);}
.main-info .info02 .iconUl li span{position:relative; display:inline-block; font-size:1rem; padding:0 1rem 0 2.75rem; line-height:2.2rem; font-weight:600;}
.main-info .info02 .iconUl li span:before{content:''; position:absolute; left:1rem; top:50%; width:1.2rem; height:1.2rem; margin-top:-0.6rem; background-size:100%; background-position:0 0; background-repeat:no-repeat;  }
.main-info .info02 .iconUl li:nth-of-type(1) span:before{background-image:url('../images/default/main/icon_calendar.svg')}
.main-info .info02 .iconUl li:nth-of-type(2) span:before{background-image:url('../images/default/main/icon_drop.svg')}

/*나의검진정보 박스*/
.main-info .info03{display: flex; align-items: center;  background:#fff; border:1px solid var(--lgray5); border-radius:4px; padding:1rem; padding-left:0; box-shadow:0 2px 20px rgba(0,0,0,0.06);}
.main-info .info03 .roundDl{flex:1;}
.main-info .info03 .roundDl .scroll{height:6rem;}
.main-info .info03 .roundDl dl{display:flex; align-items: center; padding:0.5rem 0;}
.main-info .info03 .roundDl dl dt{display: flex; align-items: center;  justify-content: center; flex-shrink: 0; font-size:0.9rem; width:5.5rem; border-radius:0.7rem; border:1px solid #FFE2CA; text-align:center; height:1.8rem; background:var(--lorange); }
.main-info .info03 .roundDl dl dt.gray{background:var(--lgray2); border-color:var(--lgray6)}
.main-info .info03 .roundDl dl dt.dark{background:var(--gray6); border-color:var(--gray6); color:#fff;}
.main-info .info03 .roundDl dl dd{position:relative; flex:1; display:flex; justify-content: space-between; align-items: center; padding-left:1.5rem;}
.main-info .info03 .roundDl dl dd p{font-size:1.05rem; font-weight:500;}
.main-info .info03 .roundDl dl dd p em{display:inline-block; margin-left:0.5rem; font-size:0.85rem; font-weight:400; color:var(--gray5);}
.main-info .info03 .roundDl dl dd:before{content:''; position:absolute; left:0.8rem; top:50%; width:4px; height:4px; margin-top:-2px; background:var(--main); border-radius:50%;}
.main-info .info03.no-list{height:154px;}

/*가족검진정보 박스*/
.main-info .info04{display: flex; align-items: center;  background:#fff; border:1px solid var(--lgray5); border-radius:4px; padding:1rem; padding-left:0; box-shadow:0 2px 20px rgba(0,0,0,0.06);}
.main-info .info04 .roundDl{flex:1; padding-right:1rem;}
.main-info .info04 .roundDl .scroll{height:6rem; overflow: auto;}
.main-info .info04 .roundDl dl{display:flex; justify-content: space-between; align-items: center; padding:0.5rem 0;}
.main-info .info04 .roundDl dl dt{display:flex; flex-wrap: wrap; gap:5px;}
.main-info .info04 .roundDl dl dt em{color:var(--gray9);}
.main-info .info04 .roundDl dl dt span{display: flex; align-items: center;  justify-content: center; flex-shrink: 0; font-size:0.9rem; width:5.5rem; border-radius:0.7rem; border:1px solid #FFE2CA; text-align:center; height:1.8rem; background:var(--lorange); }
.main-info .info04 .roundDl dl dt .gray{background:var(--lgray2); border-color:var(--lgray6)}
.main-info .info04 .roundDl dl dt .dark{background:var(--gray6); border-color:var(--gray6); color:#fff;}
.main-info .info04 .roundDl dl dt p{position:relative; font-size:1.05rem; font-weight:500;  padding-left:1.5rem;}
.main-info .info04 .roundDl dl dt p:before{content:''; position:absolute; left:0.8rem; top:50%; width:4px; height:4px; margin-top:-2px; background:var(--main); border-radius:50%;}

/*인포안에 버튼*/
.btns-wrap{display:flex; gap:0 0.5rem;}
.btns-wrap .btn{position:relative; display:flex; justify-content: space-between; align-items: center; gap: 0 0.3rem; height:2rem; line-height:2rem; border-radius:4px; padding:0 0.5rem; font-size:0.75rem; background:var(--lgray2); box-shadow:0 2px 10px rgba(0,0,0,0.04); }
.btns-wrap .btn.orange {color:#fff; background:var(--main);  box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.btns-wrap .btn.orange i.icon_calendar{background-image:url('../images/default/main/icon_calendar_w.svg')}
.btns-wrap .btn.orange i.icon_find{background-image:url('../images/default/main/icon_find_w.svg')}        

.arrow-btn{display:inline-flex; align-items: center; justify-content: space-between; background:var(--lgray); color:var(--gray7); width:7.7rem; height:2.25rem; font-size:0.9rem; padding:0 0.8rem; border-radius:4px; border:1px solid rgba(0,0,0,0.3); box-shadow:0 2px 20px rgba(0,0,0,0.06);}
.arrow-btn.orange{color:#fff; background:var(--bg-orange);}

/*예약상세 팝업*/
#popup-reserve{position:relative; left:50%; top:auto; width:100%; padding:1.5rem; transform: translate(-50%,0%);  max-width: 75rem; margin-top: 1rem;}
#popup-reserve .reserve-list{display:flex; flex-wrap:wrap;justify-content: center; flex-wrap:wrap; gap:0.75rem;}
#popup-reserve .reserve-list li{position:relative; display:flex;  font-size:1rem; font-weight:600; text-align:center; padding:0 1rem; }
#popup-reserve .reserve-list li:not(:first-child):before{content:''; position:absolute; left:0px; top:20%; height:60%; width:1px; background:var(--lgray6);}
#popup-reserve .reserve-list span{display:inline-block;  padding-right:1rem;  font-size:0.9rem; text-align:center; }
#popup-reserve .reserve-list span i{margin-right:0.3rem; background-color:var(--lgray2); width:1.5rem; height:1.5rem; background-size:0.9rem 0.9rem; background-position:50% 50%; border-radius:50%;}
#popup-reserve .reserve-list p{}

@media all and (max-width:1540px){
	/******* 정보안내 *******/
	.main-info :is(.info02,.info03, .info04){flex-direction: column; justify-content: flex-start; align-items: normal; padding-left:1rem;}
	.main-info :is(.info02,.info03, .info04) h3{width:100%; text-align:left; margin-bottom:0.5rem;}

	#popup-reserve #close{right:0.5rem;}
}
@media all and (max-width:1340px){
	
}
@media all and (max-width:1030px){
	/******* 배너 *******/
	.main-banner{width:100%;}
	/******* 정보안내 *******/
	.main-section01 .inner{display:block;}
	.main-info{width:100%;}
	.main-info :is(.info02,.info03, .info04){flex-direction: row; justify-content: center; align-items: center; padding-left:0;}
	.main-info :is(.info02,.info03, .info04) h3{width:10rem; text-align:center; margin-bottom:0;}
}
@media all and (max-width:767px){
	/******* 배너 *******/
	.main-banner .bna-item{padding:4rem 1.5rem;}
	.main-banner .bna-item .btn_more_m{margin-top:4rem;}
	
	/******* 정보안내 *******/
	.main-info{padding:1rem;}
	.main-info .info01{display:block; }
	.main-info .info01 .info-btn{margin-top:0.5rem; display:flex; gap:0 0.5rem;}
	.main-info .info01 .info-btn .arrow-btn{flex:1;}
	.main-info :is(.info02,.info03, .info04){flex-direction: column; justify-content: flex-start; align-items: normal; padding-left:1rem;}
	.main-info :is(.info02,.info03, .info04) h3{width:100%; text-align:left; margin-bottom:0.5rem;}
	.main-info .info02 .iconUl{display:flex;}
	.main-info .info02 .iconUl li{width:50%; padding:0 0; line-height:1.3;}
	.main-info .info02 .iconUl li span{display:block; padding:0 1rem 0 1.7rem;}
	.main-info .info02 .iconUl li span:before{left:0;}
	.main-info .info02 .iconUl li:first-child{padding-right:1rem;}
	.main-info .info02 .iconUl li:not(:first-child){border-top:none; padding-left:1rem; border-left:1px solid var(--lgray6);}
	.main-info .info04 .roundDl .scroll{height:7rem;}

	
	.btns-wrap{margin-top:0.5rem;}
	.btns-wrap .btn{font-size:0.85rem; padding: 0 1rem;}
	
	/*예약상세 팝업*/
	#popup-reserve{width:calc(100% - 2rem); padding:1rem;}
	#popup-reserve .reserve-list{justify-content: flex-start; gap:0.75rem;}
	#popup-reserve .reserve-list li{width:100%; padding:0;}
	#popup-reserve .reserve-list li:not(:first-child):before{display:none;}
}
@media all and (max-width:567px){
	.main-info .info04 .roundDl .scroll{height:11rem;}
	.main-info .info04 .roundDl dl{display:block; border-bottom:1px dotted #ddd;}
	.btns-wrap{width:100%;}
	.btns-wrap .btn{flex:1;}
}

/********************************************************
■ 자주찾는서비스 & 공지사항
********************************************************/
.main-section02 {padding:6rem 0;}
.main-section02 .inner{display:flex; gap:0 2rem;}
.main-section02 .main-title{padding-left:1rem;}

/* 자주찾는 서비스*/
.main-quick{width:43%;}
.quick_btns{ display:flex; gap:0 2rem;}
.quick_btns a{position:relative; display:flex; align-items: center; justify-content: center; flex-direction: column; gap:0.75rem; flex:1; border-radius:6px; font-size:1.2rem; font-weight:700; padding:2.75rem 1rem; background:var(--lgray); box-shadow:0 2px 0.5rem rgba(0,0,0,.04);}
.quick_btns a:before{content:''; display:none; position:absolute; right:-0.75rem; bottom:-0.75rem; width:3.75rem; height:3.25rem; border-top-left-radius:100%; background:#fff; }
.quick_btns a:after{
	content:''; 
	display:none;  
	position:absolute; 
	right:0; 
	bottom:0; 
	width:1.45rem; 
	height:1rem; 
	background:url('../images/default/main/arrow.svg')no-repeat 0 0; 
	background-size:100%; 
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.quick_btns a .icon_quick01{display:block; width:3rem; height:3rem; background:url('../images/default/main/quick01.svg')no-repeat 0 0; background-size:100%;}
.quick_btns a .icon_quick02{display:block; width:3rem; height:3rem; background:url('../images/default/main/quick02.svg')no-repeat 0 0; background-size:100%;}

.quick_btns a:is(.on, :hover, :focus){background:url('../images/default/main/bg_orange.jpg')repeat 0 0; color:#fff; box-shadow:0 2px 0.5rem rgba(0,0,0,.1);}
.quick_btns a:is(.on, :hover, :focus):before,
.quick_btns a:is(.on, :hover, :focus):after{display:block;}
.quick_btns a:is(.on, :hover, :focus) .icon_quick01{background-image:url('../images/default/main/quick01_on.svg')}
.quick_btns a:is(.on, :hover, :focus) .icon_quick02{background-image:url('../images/default/main/quick02_on.svg')}

/* 공지사항 */
.main-notice{width:calc(57% - 2rem);}
.notice_wrap{box-shadow:0 0 0.5rem rgba(0,0,0,.08); padding:2.5rem;}
.notice_wrap li{position:relative; display:flex; align-items: center; gap:0 1rem; padding-left:0.5rem;}
.notice_wrap li:before{content:''; position:absolute; left:0px; top:50%; width:3px; height:3px; border-radius:50%; background:var(--gray5); margin-top:-1.5px;}
.notice_wrap li:not(:first-child){margin-top:1rem;}
.notice_wrap li .subject{display:flex; gap:0 0.25rem; flex:1; font-size:1rem; }
.notice_wrap li .subject a{display: -webkit-box; text-overflow:ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice_wrap li .subject a:is(:hover, :focus){color:var(--main)}
.notice_wrap li .date{font-size:0.8rem; color:var(--gray7);}

@media all and (max-width:1540px){
	
}
@media all and (max-width:1340px){
	
}
@media all and (max-width:1030px){
	.main-section02 .inner{display:block;}
	.main-quick{width:100%;}
	.main-notice{width:100%; margin-top:2rem;}
}
@media all and (max-width:767px){
	.main-section02{padding:4rem 0;}
	.notice_wrap{padding:1.5rem;}

	.quick_btns{gap:0 1rem;}
}	


/********************************************************
■ 5대 질환 분석
********************************************************/
.main-section03{background:var(--lorange); padding:6rem 0;}
.main-section03 .main-title{text-align:center;}

.main-tabwrap{background:url('../images/default/main/bg_gray.jpg')repeat 0 0; }
.tab-box{display:flex; height:5rem; border-radius:4px 4px 0 0; border:1px solid var(--lgray6); background:#fff;}
.tab-box li{flex:1; font-size:1.3rem; font-weight:600; text-align:center;}
.tab-box li:not(:first-child){border-left:1px solid var(--lgray6); }
.tab-box li a{height:100%; display: flex; align-items: center;  justify-content: center; cursor:pointer}
.tab-box li.on a{background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url('../images/default/main/bg_gray.jpg')repeat 0 0;box-shadow:0 2px 0.5rem rgba(0,0,0,.1); }

.tab-con{border-radius:0 0 4px 4px; border:1px solid var(--lgray6); border-top:none; padding:2.5rem;}
.tab-con .inn{display:flex; align-items: center; justify-content: center; gap:0 2rem; background:#fff; padding:2.5rem 1rem 1.5rem; box-shadow:0 2px 0.5rem rgba(0,0,0,.08); }
.tab-con .inn .result-text{padding:0 5rem; font-size:1.15rem; font-weight:500;}
.tab-con .inn .result-text b{font-size:1.45rem; font-weight:700;}
.tab-con .inn .result-text .state01{color:#2CB100;}
.tab-con .inn .result-text .state02{color:var(--main);}
.tab-con .inn .result-text .state03{color:#CB3829;}

.result-year{}
.result-year ul{display:flex; gap:0 2.5rem;}
.result-year li{position:relative; display: flex; align-items: center;  justify-content: center;  background:var(--lgray); border:1px solid var(--lgray); border-radius:4px; min-width:10.5rem; height:6rem; padding-top:1rem;}
.result-year li .icon i{display:inline-block; width:2.3rem; height:2.3rem; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; margin-right:0.25rem; }
.result-year li .icon:after{font-size:1.15rem; font-weight:600; }
.result-year li .year{position:absolute; left:0px; top:-0.9rem; width:4.4rem; height:1.8rem; line-height:1.8rem; font-size:0.8rem; font-weight:500; text-align:center; border-radius:14px; outline:6px solid #fff; color:#fff;}

/*상태값*/
.result-year li.state01.now{border-color:#2CB100; background:#F3FFEF;}
.result-year li.state01 .icon i{background-image:url('../images/default/main/icon_state01.svg')}
.result-year li.state01 .icon:after{content:'정상';}
.result-year li.state01 .year{background:#2CB100;}
.result-year li.state02.now{border-color:#FF9834; background:#fff7ef;}
.result-year li.state02 .icon i{background-image:url('../images/default/main/icon_state02.svg')}
.result-year li.state02 .icon:after{content:'주의필요';}
.result-year li.state02 .year{background:#FF9834;}
.result-year li.state03.now{border-color:#CB3829; background:#fff2f1;}
.result-year li.state03 .icon i{background-image:url('../images/default/main/icon_state03.svg')}
.result-year li.state03 .icon:after{content:'위험/주의';}
.result-year li.state03 .year{background:#CB3829;}


/*그래프*/
.main-graph{display:flex; gap:0 2rem; margin-top:3rem;}
.main-graph .graph-box{flex-direction: column;  justify-content: space-between; width:calc(50% - 1rem); flex:1 0 calc(50% - 1rem); background:#fff;box-shadow:0 2px 0.5rem rgba(0,0,0,.04); padding-top:2.5rem;}
.graph-box-tab{display:flex; gap:0 1rem; margin-bottom:1.5rem; padding:0 2.5rem;}
.graph-box-tab li{flex:1; line-height:2.5rem; text-align:center; background:var(--lgray4); border-radius:1rem; font-size:1.1rem; cursor:pointer;}
.graph-box-tab li.on{background:var(--main); color:#fff;}
.graph-refer{margin-top:1rem; background:var(--lgray4); text-align:center; height:2.8rem; line-height:2.8rem; box-shadow:inset 0 2px 0.5rem rgba(0,0,0,.04); color:var(--gray6); font-size:1rem;}
.graph-refer b{color:var(--gray3);}
.graph-canvas{padding:0 2.5rem; text-align:center;}
.graph-text{padding:0 2.5rem; font-weight:500; font-size:1.15rem;margin-bottom:1.5rem; }
.graph-text strong{color:var(--main); font-weight:700; font-size:1.45rem;}

.no-graph{display: flex; align-items: center;  justify-content: center; height:15rem; text-align:center; flex-direction: column; gap:1rem; color:var(--gray9);}

@media all and (max-width:1540px){
	
}
@media all and (max-width:1340px){
	.tab-con .inn{gap:0 1rem;}
	.tab-con .inn .result-text{padding:0 2rem;}
	.result-year ul{gap:0 1rem;}
}
@media all and (max-width:1030px){
	.tab-con .inn{flex-direction: column; gap:2rem 0;}
	.tab-con .inn .result-text{text-align:center; padding:0;}
	
	/*그래프*/
	.graph-text,
	.graph-canvas,
	.graph-box-tab{padding:0 1rem;}
	.graph-box-tab li{font-size:0.9rem;}
	.main-graph{gap:0 1rem; margin-top:2rem;}
	.main-graph .graph-box{padding-top:1.5rem;}
	.main-graph .graph-box:nth-of-type(2){padding-bottom:1.5rem;}


}
@media all and (max-width:767px){
	.main-section03{padding:4rem 0;}
	.tab-box li{font-size:1.1rem; word-break: break-all;}
	.tab-con{padding:1rem;}
	.result-year{width:100%;}
	.result-year li{flex:1; min-width:auto;}
	
	/*그래프*/
	.main-graph{flex-direction: column; gap:1.5rem 0;}
	.main-graph .graph-box{width:100%;}

}
@media all and (max-width:567px){
	.tab-box li{font-size:0.9rem; padding: 0 0.5rem;}
	.result-year ul{gap:0 0.5rem;}
	.result-year li .icon{text-align:center;}
	.result-year li .icon:after{display:block; font-size:0.9rem;}
}

/********************************************************
■ 검진항목 선호도
********************************************************/
.main-section04{ padding:6rem 0;}
.main-section04 .main-title{text-align:center;}


.main-favor{display:flex; gap:0 1rem; }
.favor-box{flex:1; padding:2rem; background:var(--bg-gray); }
.favor-box h4{font-size:1.45rem; font-weight:600; margin-bottom:1rem;}
.favor-box .inn{background:#fff; box-shadow:0 2px 0.5rem rgba(0,0,0,.04); display:flex; gap:0 1rem; padding:1rem;}
.favor-box .inn dl{flex:1;}
.favor-box .inn dl dt{font-size:0.9rem; text-align:center; padding-bottom:0.5rem; border-bottom:1px solid var(--lgray6); margin-bottom:1rem;}
.favor-box .inn dl dt i{display:inline-block; width:1rem; height:1rem; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; margin-left:0.3rem;}
.favor-box .inn dl dt i.icon_woman{background-image:url('../images/default/main/icon_woman.svg');}
.favor-box .inn dl dt i.icon_man{background-image:url('../images/default/main/icon_man.svg');}
.favor-box .inn dl dd{display:flex;align-items: center;  margin-top:0.5rem;}
.favor-box .inn dl dd span{flex:1; font-size:0.9rem; font-weight:500;}
.favor-box .inn dl dd span em{ font-weight:700;}
.favor-box .inn dl dd .plus{display:block; width:1.1rem; height:1.1rem; background:#fff url('../images/default/main/btn_plus.png')no-repeat 50% 50%; background-size:0.7rem auto; box-shadow:0 2px 0.5rem rgba(0,0,0,.1); cursor:pointer;}




/*선호도 팝업*/
#popup-favor{position:fixed; left:50%; top:50%; width:1000px;  padding-left: 0;}
#popup-favor .pop-wrap-box{display:flex; background:none;padding:0; box-shadow:none; border-radius:0;}
#popup-favor .popup-favor-title{width:350px; padding:0 2.5rem;}
#popup-favor .popup-favor-title .title{padding:2.75rem 0 1.75rem;}
#popup-favor .popup-favor-title .title span{display:block; font-size:0.9rem; color:var(--gray8);}
#popup-favor .popup-favor-title .title h4{font-size:1.9rem; font-weight:700; color:var(--main); }
#popup-favor .popup-favor-title .target-box{background:#fff; padding:1.5rem; border-radius:4px;  }
#popup-favor .popup-favor-title .target-box ul{display:flex; flex-wrap:wrap; gap:0.5rem 0;}
#popup-favor .popup-favor-title .target-box ul li{position:relative; text-align:center; padding:0.5rem 0.5rem; border:1px solid #fff; border-radius:4px;}

#popup-favor .popup-favor-title .target-box ul li span{display:block; font-size:0.9rem;  color:var(--lgray5); margin-top:1rem;}
#popup-favor .popup-favor-title .target-box ul li i{filter: grayscale(100%); opacity:.3;}
#popup-favor .popup-favor-title .target-box ul li .icon_couple{display:inline-block; width:5.3rem; height:3.15rem; background-image:url('../images/default/main/icon_woman.svg'), url('../images/default/main/icon_man.svg'); background-position:left top, right top; background-repeat:no-repeat;  background-size:2.45rem 100% ;}
#popup-favor .popup-favor-title .target-box ul li .icon_woman{display:inline-block;width:2.45rem; height:3.15rem; background:url('../images/default/main/icon_woman.svg')no-repeat 0 0; background-size:100% 100%;}
#popup-favor .popup-favor-title .target-box ul li .icon_man{display:inline-block; width:2.45rem; height:3.15rem; background:url('../images/default/main/icon_man.svg')no-repeat 0 0; background-size:100% 100%;}
#popup-favor .popup-favor-title .target-box ul li:first-child{width:100%;}
#popup-favor .popup-favor-title .target-box ul li:nth-child(n+2){width:50%;}

#popup-favor .popup-favor-title .target-box ul li.on{padding:2rem 0.5rem 1rem; border-color:var(--main); background:var(--lorange);}
#popup-favor .popup-favor-title .target-box ul li.on i{filter: grayscale(0%); opacity:1;}
#popup-favor .popup-favor-title .target-box ul li.on span{position:absolute; left:-6px; top:-0.9rem; background:var(--main); color:#fff; border:6px solid #fff; line-height:1.8rem; width:4.3rem; text-align:center; border-radius:1rem; margin-top:0;}
#popup-favor .popup-favor-title .target-box + p{text-align:center; margin-top:1.5rem; font-size:1.1rem; font-weight:500; padding-bottom:1rem; }
#popup-favor .popup-favor-title .target-box + p b{position:relative; display:inline-block;  }
#popup-favor .popup-favor-title .target-box + p b:before{content:''; position:absolute; left:0px; top:-0.5rem; width:100%; height: 0.4rem; background:url('../images/default/main/pmark.svg')no-repeat 50% 0; background-size:auto 100%;}

#popup-favor .popup-favor-text{flex:1; background:#fff; padding:3rem 2.5rem 1rem; border-radius:6px; box-shadow:0 2px 0.5rem rgba(0,0,0,.08);}
#popup-favor .popup-favor-text h5{position:relative; margin-bottom:1rem; z-index:0;}
#popup-favor .popup-favor-text h5:before{content:''; position:absolute; left:0px; top:50%; width:100%; height:1px; background:var(--lgray5); z-index:-1; }
#popup-favor .popup-favor-text h5 span{display:inline-block; width:9rem; line-height:2.5rem; text-align:center; background:var(--gray3); color:#fff; border-radius:5px; font-size:1.2rem; font-weight:500;}
#popup-favor .popup-favor-text h5 i{position:relative; display:inline-block; width:1.1rem; height:1.1rem; margin-left:0.5rem;}
#popup-favor .popup-favor-text h5 i:before{content:''; position:absolute; right:-7px; top:-7px; width:6px; height:6px; border-radius:50%; background:var(--lgray5);}
#popup-favor .popup-favor-text h5 i.icon_fav01{background:url('../images/default/main/pop_icon01.svg')no-repeat 0 0; background-size:100% 100%;}
#popup-favor .popup-favor-text h5 i.icon_fav02{background:url('../images/default/main/pop_icon02.svg')no-repeat 0 0; background-size:100% 100%;}
#popup-favor .popup-favor-text h5 i.icon_fav03{background:url('../images/default/main/pop_icon03.svg')no-repeat 0 0; background-size:100% 100%;}
#popup-favor .popup-favor-text h5 + div{margin-bottom:1.5rem; padding:0 0.5rem; line-height:1.5;}
#popup-favor .popup-favor-text h5 + div.scroll-box{max-height:8rem; overflow-y:auto;}
#popup-favor .popup-favor-text p.dot{position:relative; padding-left:0.7rem; background:none; font-size:0.9rem; font-weight:normal;}
#popup-favor .popup-favor-text p.dot:before{content:''; position:absolute; left:0; top:0.5rem; width:0.25rem; height:0.25rem; border-radius:50%; background:var(--main);}


@media all and (max-width:1540px){
	.favor-box{padding:1.5rem;}
}
@media all and (max-width:1340px){
	.main-favor{gap:0.5rem;}
	.favor-box{padding:0.75rem;}
	.favor-box .inn{gap:0.5rem;}
	.favor-box .inn dl dd span em,
	.favor-box .inn dl dd span{font-size:0.85rem;}
}
@media all and (max-width:1030px){
	.main-favor{flex-wrap: wrap; gap:1rem;}
	.favor-box{width:100%; flex: 0 0 100%;}
	.favor-box .inn dl dt{font-size:1.1rem;}
	

	#popup-favor{width:90vw;}
	#popup-favor .popup-favor-title{width:15rem; padding:0 1rem;}
	#popup-favor .popup-favor-title .target-box{padding:1rem;}
	#popup-favor .popup-favor-text{padding:2rem 1.5rem;}
}
@media all and (max-width:767px){
	.main-section04{padding:4rem 0;}
	.favor-box h4{margin-bottom:0.5rem;}
	
	#popup-favor{padding:1rem; }
	#popup-favor .pop-wrap-box{flex-direction: column; height:80vh; overflow:auto;}
	#popup-favor .popup-favor-title{width:100%; padding:0;}
	#popup-favor .popup-favor-title .title{padding-top:1rem;}
	#popup-favor .popup-favor-title .target-box ul li:first-child{width:50%;}
	#popup-favor .popup-favor-title .target-box ul li:nth-child(n+2){width:25%;}
	#popup-favor .popup-favor-title .target-box ul li span{margin-top:0.5rem;}
	#popup-favor .popup-favor-text{padding:1rem;}
	#popup-favor .popup-favor-text h5 + div.scroll-box{max-height:none;}


}

/********************************************************
■ 건강정보
********************************************************/
.main-section05 {padding:6rem 0; background:var(--bg-gray); }
.main-section05 .inner{display:flex; gap:0 2rem;}

.main-slide{width:calc(50% - 1rem); }

.slide-box{background:#fff; padding:3rem 2.5rem 2rem; border-radius:4px; box-shadow:0 2px 0.5rem rgba(0,0,0,.08); }
.slide-wrap{position:relative;  }
.slide-wrap .slide-img{display:block;border-radius:4px;  aspect-ratio: 6 / 3.4; border:1px solid var(--lgray5); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.slide-wrap .slide-tit{display:flex; align-items: center; margin-top:1.5rem;}
.slide-wrap .slide-tit p{flex:1; font-size:1.45rem; font-weight:600; display: -webkit-box; text-overflow:ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical} 
.slide-wrap .slide-tit .btn_more_m{width:auto; box-shadow:none;}
.slide-wrap .swiper-button-next,
.slide-wrap .swiper-button-prev{top:calc(50% - 2.5rem); width:2.75rem; height:2.75rem; border:1px solid #ccc; border-radius:50%; background:rgba(255,255,255,0.8); box-shadow:0 2px 0.5rem rgba(0,0,0,.06); z-index: 10; opacity: 1;}
.slide-wrap .swiper-button-next{right:-1.375rem}
.slide-wrap .swiper-button-prev{left:-1.375rem}
.slide-wrap .swiper-button-next:before{content: "\ea6c"; position:absolute; left:0px; top:0px; color:var(--gray3); font-size:1.5rem; text-align:center; width:100%; line-height:2.75rem; font-family: 'remixicon' !important;}
.slide-wrap .swiper-button-prev:before{content: "\ea62"; position:absolute; left:0px; top:0px; color:var(--gray3); font-size:1.5rem; text-align:center; width:100%; line-height:2.75rem; font-family: 'remixicon' !important;}
.slide-wrap .swiper-button-disabled{border-color:#eee;}
.slide-wrap .swiper-button-disabled:before{color:#bbb;}
.slide-wrap .swiper-button-next:hover,
.slide-wrap .swiper-button-prev:hover{background:var(--bg-orange); }
.slide-wrap .swiper-button-next:hover:before,
.slide-wrap .swiper-button-prev:hover:before{color:#fff;}


@media all and (max-width:1540px){
	.main-section05 .inner{width:100%;}
}
@media all and (max-width:1340px){
	.slide-wrap .slide-tit{flex-direction: column; align-items: flex-start; gap:0.75rem;}
}
@media all and (max-width:1030px){
	.main-section05 .inner{flex-direction: column; gap:2.5rem 0;}
	.main-slide{width:100%; }
	.slide-wrap .slide-tit{flex-direction: row; align-items: center; gap:0.75rem;}
}
@media all and (max-width:767px){
	.main-section05{padding:4rem 0;}
	.slide-box{padding:2rem 1.5rem 1rem;}
	.slide-wrap .slide-tit .btn_more_m{padding:0 1rem; justify-content: center; width:13rem;}
	.slide-wrap .slide-tit{flex-direction: column; align-items: flex-start;}
	.slide-wrap .slide-tit p{font-size:1.1rem;}
	.slide-wrap .slide-tit .btn_more_m{margin: 0 auto;}
}