@charset "utf-8";
@import url(board.css);
@import url(member.css);

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt100{margin-top:100px !important}
.pt0{padding-top:0 !important}
.pt50{padding-top:50px !important}
.pt90{padding-top:90px !important}

.ml20 {margin-left:20px !important;}
.f_l {float:left;}
.f_r {float:right;}

.acenter {position: relative; width: 1400px;    padding: 0 20px;    margin: 0 auto;}
.acenter2 {position: relative; width: 1400px;    padding: 0 0;    margin: 0 auto;}
.sub {position: relative; clear:both; margin-top:90px;}
.contents {position: relative; clear:both; width: 1400px;  max-width:100%;   margin: 0 auto;  font-size:20px; line-height:27px; font-weight:500; }
.contents2 {position: relative; clear:both; width: 100%;   font-size:20px; line-height:27px; font-weight:500; }


/* ---------- Visual ---------- 
.main_visual {position: relative; /*height: calc(var(--vh, 1vh) * 100);/ position: relative; overflow: hidden; border-radius: 0px 0px 0px 0px; overflow: hidden; transition: border-radius 1s ease;}
.main_visual .visual_data  {position: absolute; z-index:111; width:100%; top:0; left:0; height: calc(var(--vh, 1vh) * 100); border-top:1px solid rgba(255, 255, 255, 0.1); margin-top:80px;}
.main_visual .visual_data .patient_num {position: relative; float:left;  color:#fff; font-size:33px; top:320px;  font-family:'NanumSquare'; font-weight:800; line-height:50px;}
.main_visual .visual_data .patient_num span {font-weight:400; font-size:21px;}
.main_visual .visual_data .patient_num p {font-weight:400; font-size:30px;}
.main_visual .visual_data .patient_num p span {font-weight:800; font-size:60px;}
.main_visual .visual_data .mhw {position: absolute; z-index:222; right:10px; top:100px; padding:20px 0 0 110px; font-size:18px; color:#ecc545; font-weight:600;}
.main_visual .visual_data .mhw .symbol {position: absolute; z-index:333; left:0; top:0; }

.main_visual .visual_data .data {  position: relative;  float: right;  width: 900px;  height: calc(100vh);}
.main_visual .visual_data .data ul {  height: 100%;  margin: 0;  padding: 0;  list-style: none;  overflow: hidden; }
.main_visual .visual_data .data ul li {  float: left;  width: 20%;  height: 100%;  border-right: 1px solid rgba(255,255,255,0.1); display: flex;  flex-direction: column;  justify-content: center;   align-items: center;   text-align: center;}
.main_visual .visual_data .data ul li:first-child {  border-left: 1px solid rgba(255,255,255,0.1);}
.main_visual .visual_data .data ul li .inner {  transform: translateY(-90px);  color: #fff; font-size:25px; font-weight:800;}
.main_visual .visual_data .data ul li .inner p {margin-top:10px;}
.main_visual .visual_data .data ul li .inner p.num {display:none; font-size:17px; font-weight:500; color:#ecc545;}
.main_visual .visual_data .data ul li .inner p.num span { font-size:22px; font-weight:800;}
.main_visual .visual_data .data ul li .inner p a {padding:5px 9px; border:1px solid rgba(255,255,255,0.6); border-radius:20px; opacity:0.6; }
.main_visual .visual_data .data ul li .inner p a img {width:20px; height:30px;}
.main_visual .visual_data .data ul li .inner p a:hover {border:1px solid rgba(255,255,255,0.8); border-radius:20px; opacity:1;}
*/
.main_visual {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	transition: border-radius 1s ease;
}

/* 비주얼 이미지 롤링 */
.main_visual .visual_slider {
	position: relative;
	width: 100%;
	height: calc(var(--vh, 1vh) * 100);
	overflow: hidden;
}

.main_visual .visual_slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1.2s ease-in-out;
	z-index: 1;
}

.main_visual .visual_slider .slide.active {
	opacity: 1;
	z-index: 2;
}

.main_visual .visual_slider .slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

.main_visual .visual_data {
	position: absolute;
	z-index: 111;
	width: 100%;
	top: 0;
	left: 0;
	height: calc(var(--vh, 1vh) * 100);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 80px;
	pointer-events: none;
}

.main_visual .visual_data .acenter {
	position: relative;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.main_visual .visual_data .patient_num {
	position: relative;
	float: left;
	color: #fff;
	font-size: 33px;
	top: 320px;
	font-family: 'NanumSquare';
	font-weight: 800;
	line-height: 50px;
	pointer-events: auto;
}

.main_visual .visual_data .patient_num span {
	font-weight: 400;
	font-size: 21px;
}

.main_visual .visual_data .patient_num p {
	font-weight: 400;
	font-size: 30px;
	margin-top: 8px;
}

.main_visual .visual_data .patient_num p span {
	font-weight: 800;
	font-size: 60px;
}

.main_visual .visual_data .mhw {
	position: absolute;
	z-index: 222;
	right: 10px;
	top: 100px;
	padding: 10px 0 0 110px;
	font-size: 18px;
	color: #ecc545;
	font-weight: 600; line-height:22px;
	pointer-events: auto;
}

.main_visual .visual_data .mhw span {font-size: 11.5px;}

.main_visual .visual_data .mhw .symbol {
	position: absolute;
	z-index: 333;
	left: 0;
	top: 0;
	max-width: 90px;
}

.main_visual .visual_data .data {
	position: relative;
	float: right;
	width: 900px;
	height: 100vh;
	pointer-events: auto;
}

.main_visual .visual_data .data ul {
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.main_visual .visual_data .data ul li {
	flex: 1 1 20%;
	height: 100%;
	border-right: 1px solid rgba(255,255,255,0.3);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: flex 0.4s ease, background-color 0.4s ease;
	position: relative;
}

.main_visual .visual_data .data ul li:first-child {
	border-left: 1px solid rgba(255,255,255,0.3);
}

.main_visual .visual_data .data ul li:hover {
	flex: 1.2 1.2 24%;
	background: rgba(255,255,255,0.15);
}

.main_visual .visual_data .data ul li .inner {
	transform: translateY(-60px);
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	transition: transform 0.35s ease;
}

.main_visual .visual_data .data ul li:hover .inner {
	transform: translateY(-60px) scale(1.02);
}

.main_visual .visual_data .data ul li .inner p {
	margin-top: 10px;
}

.main_visual .visual_data .data ul li .inner p.num {
	display: block;
	font-size: 17px;
	font-weight: 500;
	color: #ecc545;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(8px);
	transition: all 0.35s ease;
}

.main_visual .visual_data .data ul li:hover .inner p.num {
	max-height: 40px;
	opacity: 1;
	transform: translateY(0);
}

.main_visual .visual_data .data ul li .inner p.num span {
	font-size: 22px;
	font-weight: 800;
}

.main_visual .visual_data .data ul li .inner p a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 9px;
	border: 2px solid rgba(255,255,255,0.8);
	border-radius: 25px;
	opacity: 0.8;
	transition: all 0.3s ease;
}

.main_visual .visual_data .data ul li .inner p a img {
	width: 20px;
	height: 30px;
	display: block;
}

.main_visual .visual_data .data ul li .inner p a:hover {
	border: 2px solid rgba(255,255,255,255);
	opacity: 1;
	background: rgba(255,255,255,0.1);
}

/* 태블릿 */
@media all and (max-width: 1400px) {
	.main_visual .visual_slider {
		height: 850px;
	}

	.main_visual .visual_data {
		height: 850px;
		margin-top: 70px;
	}

	.main_visual .visual_data .acenter {
		padding: 0 30px;
	}

	.main_visual .visual_data .patient_num {
		float: none;
		top: 350px;
		font-size: 28px;
		line-height: 42px;
	}

	.main_visual .visual_data .patient_num p {
		font-size: 24px;
	}

	.main_visual .visual_data .patient_num p span {
		font-size: 48px;
	}

	.main_visual .visual_data .mhw {
		top: 100px;
		left: 30px;
		right: auto;
		padding: 7px 0 0 95px;
		font-size: 16px;
	}

	.main_visual .visual_data .mhw .symbol {
		max-width: 78px;
	}

	.main_visual .visual_data .data {
		float: none;
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		bottom: 40px;
	}

	.main_visual .visual_data .data ul {
		height: auto;
	}

	.main_visual .visual_data .data ul li {
		height: 260px;
	}

	.main_visual .visual_data .data ul li .inner {
		transform: translateY(0);
		font-size: 22px;
	}

	.main_visual .visual_data .data ul li:hover .inner {
		transform: translateY(0) scale(1.02);
	}
}

/* 모바일 */
@media all and (max-width: 800px) {
	.main_visual .visual_slider {
		height: auto;
		min-height: 100vh;
	}

	.main_visual .visual_slider .slide img {
		height: 100%;
	}

	.main_visual .visual_data {
		height: auto;
		min-height: 100vh;
		margin-top: 60px;
		padding-bottom: 40px;
	}

	.main_visual .visual_data .acenter {
		padding: 0 20px;
	}

	.main_visual .visual_data .patient_num {
		top: 170px;
		font-size: 22px;
		line-height: 30px;
	}

	.main_visual .visual_data .patient_num span {
		font-size: 15px;
	}

	.main_visual .visual_data .patient_num p {
		font-size: 20px;
	}

	.main_visual .visual_data .patient_num p span {
		font-size: 34px;
	}

	.main_visual .visual_data .mhw {
		position: relative;
		top: 0;
		left: 0;
		padding: 5px 0 0 72px;
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: 0;
	}

	.main_visual .visual_data .mhw .symbol {
		max-width: 58px;
	}

	.main_visual .visual_data .data {
		position: relative;
		bottom: auto;
		margin-top: 150px;
	}

	.main_visual .visual_data .data ul {
		flex-wrap: wrap;
		border-top: 1px solid rgba(255,255,255,0.1);
		border-left: 1px solid rgba(255,255,255,0.1);
	}

	.main_visual .visual_data .data ul li,
	.main_visual .visual_data .data ul li:hover {
		flex: 0 0 33%;
		width: 33%;
		height: 160px;
		border-right: 1px solid rgba(255,255,255,0.1);
		border-bottom: 1px solid rgba(255,255,255,0.1);
		background: rgba(255,255,255,0.03);
	}

	.main_visual .visual_data .data ul li .inner {
		font-size: 18px;
	}

	.main_visual .visual_data .data ul li .inner p.num {
		max-height: 40px;
		opacity: 1;
		transform: translateY(0);
		font-size: 14px;
	}

	.main_visual .visual_data .data ul li .inner p.num span {
		font-size: 18px;
	}

	.main_visual .visual_data .data ul li .inner p a img {
		width: 16px;
		height: 24px;
	}
}





/* ---------- Since 2012 ---------- */
.since_sect {position: relative; }
.since_sect .title_box {position: relative; background:#fffef9; text-align:center; padding:90px 0;}
.since_sect .title_box .title {font-size:45px; color:#101e5f; font-weight:600; font-family: "Montserrat", sans-serif; letter-spacing:-0.03em;}
.since_sect .title_box .title-sub {font-size:35px; color:#101e5f; letter-spacing:-0.04em;  font-weight:500; line-height:40px; margin-top:10px;}


.since_sect .since2021 {position: relative; clear:both; background:url(../images/main/since_bg.jpg) no-repeat center top; color:#fff; padding:0 0 50px 0;}
.since_sect .since2021 h2 {position: relative;  left:0; font-size:48px; font-weight:800; letter-spacing:-0.05em; text-align:left; z-index:11;}
.since_sect .since2021 h2 .tit {position: absolute; z-index:1111; top:100px; left:20px;}
.since_sect .since2021 .img01, .since_sect .since2021 .img02, .since_sect .since2021 .img03 {position: absolute; left:0;  top:-110px;}
.since_sect .since2021 .img01 img, .since_sect .since2021 .img02 img, .since_sect .since2021 .img03 img {width:100%;}

.since_sect .since2021 .box_wrap {position: relative; clear:both; padding-top:27%;}
.since_sect .since2021 .box_wrap ul {display: flex;  height: 100%;}
.since_sect .since2021 .box_wrap ul li { flex: 1;   display: flex;  flex-direction: column;  align-items: center;  width:30%; margin:1.5%; padding:30px; background:#3b69b6; border-radius:20px 20px 40px 20px; 
	box-shadow:
    0 0 10px rgba(255,255,255,0.3),
    0 0 20px rgba(255,255,255,0.2),
    0 0 40px rgba(255,255,255,0.1); font-size:18px; font-weight:600; line-height:30px;
}
.since_sect .since2021 .box_wrap ul li p.tt {font-size:35px; font-weight:900; line-height:40px;}
.since_sect .since2021 .box_wrap ul li p.value {color:#fdd802;}
.since_sect .since2021 .box_wrap ul li p.value span {font-size:45px; font-weight:900;}
.since_sect .since2021 .box_wrap ul li p.mt20 {}
.since_sect .since2021 .lasttext {position: relative; clear:both; font-size:22px; font-weight:700; text-align:center; color:#90fcfd; letter-spacing:-0.03em; margin-top:30px; }

.since_sect .since2021 .box_wrap ul li ul li { width:25%; margin:20px 0 0 0; padding:0 10px; background:none; border-radius:0;  text-align:center;justify-content: center;	box-shadow:none; font-size:30px; font-weight:600; line-height:30px; border-right: 1px solid rgba(255,255,255,0.1);}
.since_sect .since2021 .box_wrap ul li ul li span {font-size:18px; line-height:20px;}
.since_sect .since2021 .box_wrap ul li ul li:last-child{border:0;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:40px;}

/* ===== 등장 전 상태 ===== */
.since_sect .since2021 .img01,
.since_sect .since2021 .img02,
.since_sect .since2021 .img03,
.since_sect .since2021 .box_wrap > ul > li,
.since_sect .since2021 .lasttext{
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s ease, transform 0.8s ease;
	will-change: opacity, transform;
}

/* 이미지 좌우 방향감 조금 다르게 */
.since_sect .since2021 .img01{
	transform: translateX(-50px);
}
.since_sect .since2021 .img02{
	transform: translateY(50px);
}
.since_sect .since2021 .img03{
	transform: translateX(50px);
}

/* 등장 후 */
.since_sect .since2021 .img01.show,
.since_sect .since2021 .img02.show,
.since_sect .since2021 .img03.show,
.since_sect .since2021 .box_wrap > ul > li.show,
.since_sect .since2021 .lasttext.show{
	opacity: 1;
	transform: translate(0, 0);
}

/* 숫자 살짝 강조 */
.since_sect .since2021 .box_wrap ul li p.value span,
.since_sect .since2021 .box_wrap ul li .num span{
	display: inline-block;
	min-width: 1ch;
}


/* 반응형 */
@media all and (max-width: 1240px){

	.since_sect .title_box {padding:50px 0;}
	.since_sect .title_box .title {font-size:35px;}
	.since_sect .title_box .title-sub {font-size:25px; margin-top:5px;}

	.since_sect .since2021 {background:url(../images/main/since_bg.jpg) no-repeat center top; background-size:cover;}
	.since_sect .since2021 h2 {font-size:38px; padding-top:100px;}	
	.since_sect .since2021 .img01, .since_sect .since2021 .img02, .since_sect .since2021 .img03 {position: absolute; left:0;  top:-60px;}
	.since_sect .since2021 .img01 img,
	.since_sect .since2021 .img02 img,
	.since_sect .since2021 .img03 img{		width: 100%;	}

	.since_sect .since2021 .box_wrap {padding-top:20%;}
	.since_sect .since2021 .box_wrap ul{		flex-wrap: wrap;	}
	.since_sect .since2021 .box_wrap > ul > li{		flex: none;		width: 100%;		margin: 1.5% 0;	}
}


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

	.since_sect .title_box {padding:30px 0;}
	.since_sect .title_box .title {font-size:20px;  line-height:23px;}
	.since_sect .title_box .title-sub {font-size:15px; margin-top:5px; line-height:20px;}

	.since_sect .since2021{		padding:0 0 40px 0;		background-size: cover;	}
	.since_sect .since2021 h2{		font-size:28px;		padding-top:70px;		text-align:center;	margin-bottom:10px;}
	.since_sect .since2021 .img01, .since_sect .since2021 .img02, .since_sect .since2021 .img03 {position: absolute; left:0;  top:-40px;}

	.since_sect .since2021 .box_wrap{padding-top:20%;}
	.since_sect .since2021 .box_wrap > ul{		display:block;	}
	.since_sect .since2021 .box_wrap > ul > li{		width: 100%;		margin: 0 0 16px 0;		padding: 24px 20px;		border-radius: 18px 18px 30px 18px;		font-size: 16px;		line-height: 26px;	}
	.since_sect .since2021 .box_wrap ul li p.tt{		font-size: 20px;		line-height: 32px;	}
	.since_sect .since2021 .box_wrap ul li p.value span{		font-size: 30px;	}
	.since_sect .since2021 .box_wrap ul li ul{		display:flex;		flex-wrap:wrap;		margin-top:16px;	}
	.since_sect .since2021 .box_wrap ul li ul li{		width:50%;		font-size:18px;		line-height:26px;		padding:12px 8px;		margin:0;	}
	.since_sect .since2021 .box_wrap ul li ul li:nth-child(2){		border-bottom:1px solid rgba(255,255,255,0.1);	}
	.since_sect .since2021 .box_wrap ul li ul li:nth-child(-n+2){		border-bottom:none;	}
	.since_sect .since2021 .box_wrap ul li ul li span{		font-size:14px;		line-height:18px;	}
	.since_sect .since2021 .lasttext{		font-size:15px;		line-height:1.6;		margin-top:20px;		word-break:keep-all;		padding:0 10px;	}
	.mt20 {margin-top:10px;}
	.mt30 {margin-top:20px;}
}












/* ---------- 원스톱-원데이 ---------- */
.oneday_sect {    position: relative;    background: url(../images/main/oneday_bg.jpg) no-repeat top center; background-size:cover;   padding: 120px 0;    overflow: hidden;}
.oneday_sect h2 {    color: #fff;    font-size: 55px;    font-weight: 700;    line-height: 1.2;    letter-spacing: -0.04em;}
.oneday_sect h2 p {    line-height: 60px;    font-size: 17px;    font-weight: 500;    letter-spacing: -0.02em;    margin-left: 280px;}
.oneday_sect .text {    float: right;    margin-right: 55px;    color: #fff;    font-size: 22px;    font-weight: 700;    padding: 50px 0 80px 0;    text-align: right;    line-height: 1.5;}
.oneday_sect .text span {    display: block;    color: #fdd802;    font-size: 40px;    letter-spacing: -0.03em;    margin-bottom: 8px;}
.oneday_sect .step {    position: relative;    clear: both;    padding: 0 30px;}
.oneday_sect .step ul {    display: flex;    align-items: flex-start;    justify-content: space-between;}
.oneday_sect .step ul li {    position: relative;    text-align: center;    list-style: none;}
.oneday_sect .step ul li:not(.arrow) {    width: 22.5%;}
.oneday_sect .step ul li .round_num {    width: 40px;    height: 40px;    margin: 0 auto;    background: #0068a6;    color: #fff;    line-height: 40px;    font-size: 24px;    font-weight: 900;    border-radius: 50%;}
.oneday_sect .step ul li .tt {    color: #a3e6ff;    font-size: 30px;    font-weight: 900;    padding: 15px 0 25px 0;    line-height: 1.2;}
.oneday_sect .step ul li p img {    max-width: 100%;    height: auto;    border-radius: 25px 25px 50px 25px;    display: block;}
.oneday_sect .step ul li.arrow {    width: 3.3%;    display: flex;    align-items: center;    justify-content: center;    padding-top: 220px;}
.oneday_sect .step ul li.arrow img {    width: 40%;    border-radius: 0;    display: block;}

/* 텍스트 등장 기본값 */
.oneday_sect h2,
.oneday_sect h2 p,
.oneday_sect .text,
.oneday_sect .text span {    opacity: 0;    transform: translateY(35px);    transition: opacity .7s ease, transform .7s ease;    will-change: opacity, transform;}

/* step 카드 등장 기본값 */
.oneday_sect .step ul li {    opacity: 0;    transform: translateY(45px);    transition: opacity .7s ease, transform .7s ease;    will-change: opacity, transform;}

/* 보일 때 */
.oneday_sect .show {    opacity: 1 !important;    transform: translateY(0) !important;}

/* 태블릿 */
@media all and (max-width: 1240px){
    .oneday_sect {
        padding: 90px 0;
        background-size: cover;
    }
    .oneday_sect h2 {
        font-size: 38px;
    }
    .oneday_sect h2 p {
        margin-left: 0;
        line-height: 1.5;
        margin-top: 10px;
        font-size: 16px;
    }
    .oneday_sect .text {
        float: none;
        margin-right: 0;
        text-align: center;
        padding: 30px 0 60px;
        font-size: 20px;
    }
    .oneday_sect .text span {
        font-size: 27px;
    }
    .oneday_sect .step {
        padding: 0;
    }
    .oneday_sect .step ul li .tt {
        font-size: 24px;
    }
}

/* 모바일 */
@media all and (max-width: 800px){
    .oneday_sect {
        padding: 70px 0;
        background-size: cover;
    }
    .oneday_sect h2 {
        font-size: 28px;
        text-align: center;
        word-break: keep-all;
    }
    .oneday_sect h2 p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 12px;
        text-align: center;
    }
    .oneday_sect .text {
        float: none;
        margin-right: 0;
        padding: 25px 0 40px;
        font-size: 16px;
        text-align: center;
        line-height: 1.5;
        word-break: keep-all;
    }
    .oneday_sect .text span {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .oneday_sect .step {
        padding: 0;
    }
    .oneday_sect .step ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 4%;
        justify-content: space-between;
    }
    .oneday_sect .step ul li:not(.arrow) {
        width: 48%;
        margin: 0;
    }
    .oneday_sect .step ul li.arrow {
        display: none;
    }
    .oneday_sect .step ul li .round_num {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
    }
    .oneday_sect .step ul li .tt {
        font-size: 20px;
        padding: 10px 0 15px;
    }

	.oneday_sect .step ul li p img { border-radius: 20px 20px 40px 20px; }

    .oneday_sect h2,
    .oneday_sect h2 p,
    .oneday_sect .text,
    .oneday_sect .text span {
        transform: translateY(25px);
    }

    .oneday_sect .step ul li {
        transform: translateY(30px);
    }
}








/* ---------- top class ---------- */
.topclass_sect {position: relative;  background:url(../images/main/topclass_bg.jpg) no-repeat top center; }

.topclass_sect .title_box {position: absolute; left:0; top:120px; text-align:left; z-index:111;}
.topclass_sect .title_box h2{text-align:left; font-weight:700;}

.doctor_wrap {  position: relative;width:1400px; margin:0 auto; max-width:100%;}
.doctor_wrap img {  width: 100%;  display: block; padding:0; margin:0;}

.line_layer {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;}
.line_layer line {  stroke: #fff;  stroke-width: 1;  stroke-linecap: round;  stroke-dasharray: 300;  stroke-dashoffset: 300;  animation: drawLine 0.3s ease forwards;}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}


.doctor {  position: absolute;  width: 12%;  height: 17%;  border-radius: 50%;  cursor: pointer;  transition: 0.3s; display:block;}
/*.doctor {  position: absolute;  width: 8%;  height: 11%;  border-radius: 50%;  cursor: pointer;  transition: 0.3s;  }*/
.doctor:hover {  transform: scale(1.1);  background: rgba(255,255,255,0.10);}


.doctor_pop {  position: absolute;  color:#fff; font-size:25px; font-weight:700; line-height:35px;  padding: 10px;  border-radius: 8px;  opacity: 0;  transform: translateY(10px);  transition: 0.25s;  pointer-events: none;}
.doctor_pop.active {  opacity: 1;  transform: translateY(0);  pointer-events: auto;}

/* 위치 */
.btn1 { top: 24%; left: 12%; }		 /* 송인규 */
.btn2 { top: 35%; left: 19%; }	  	 /* 강혁조 */
.btn3 { top: 30%; left: 32%; }	  	 /* 박인경 */
.btn4 { top: 28%; left: 48%; }	     /* 정원주 */
.btn5 { top: 26%; left: 57%; }		 /* 유환희 */
.btn6 { top: 37%; left: 62%; }   /* 이성렬 */
.btn7 { top: 35%; left: 85%; }   /* 변건영 */
.btn8 {  top: 38%; left: 38.5%; }   /* 김희주 */

.pop1 { top: 18%; left: 35%; }
.pop2 { top: 18%; left: 35%; }
.pop3 { top: 18%; left: 45%; }
.pop4 { top: 18%; left: 60%; }
.pop5 { top: 18%; left: 70%; }
.pop6 { top: 18%; left: 70%; }
.pop7 { top: 18%; left: 80%; }
.pop8 { top: 18%; left: 48%; }


@media all and (max-width: 1240px){

	.topclass_sect .title_box {position: absolute; left:0; top:auto; bottom:50px; text-align:left; z-index:111; font-family: "Montserrat", sans-serif;  font-size:15px; font-weight:700; }
	.topclass_sect .title_box h2{text-align:left; line-height:30px;}

	.doctor_pop { font-size:17px; font-weight:700; line-height:20px; }

	.pop1 { top: 15%; left: 30%; }
	.pop2 { top: 15%; left: 35%; }
	.pop3 { top: 15%; left: 45%; }
	.pop4 { top: 15%; left: 60%; }
	.pop5 { top: 15%; left: 70%; }
	.pop6 { top: 15%; left: 50%; }
	.pop7 { top: 17%; left: 75%; }

}



@media all and (max-width: 768px){
  .doctor:hover {
    transform: none;
  }

  .doctor_pop {
    display: none !important;
  }

  .line_layer {
    display: none;
  }
}






/* ---------- 특별함 ---------- */
.special_sect{    position: relative;  padding:120px 0;  background: url(../images/main/special_bg.jpg) no-repeat top center; background-size:cover; margin-top:-27px; }
.special_sect .title_box {text-align:left;}
.special_sect .title_box h2{text-align:left;}

.special_sect .slide_wrap{ overflow:hidden;    position: relative;    padding:50px 0 0 0;}
.special_sect .slide_wrap .item{    padding-bottom: 8rem;}
.special_sect .slide_wrap .item a{cursor: auto;  display: flex;    flex-direction: column;    width: 100%;    height: 100%;    border-radius: var(--smRadius);    overflow: hidden;    background-color: #fff;    color: var(--black);    transform: translateY(4rem);
    transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}

.special_sect .slide_wrap .item .img_box{    position: relative;    padding-top: 100%;    border-radius: 2.5rem 2.5rem 7rem 0;    overflow: hidden;    background: #ddd;}
.special_sect .slide_wrap .item .img_box .img{    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    object-fit: cover;    object-position: center;}

.special_sect .slide_wrap .item .txt_box{    padding: 3.2rem;    flex: 1;}
.special_sect .slide_wrap .item .txt_box .tit{    font-size: 28px;    font-weight: 900;    line-height: 35px;    letter-spacing: -0.04em;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    min-height: 61px;    overflow: hidden;    text-overflow: ellipsis;}
.special_sect .slide_wrap .item .txt_box .txt{    font-size: 15px;    font-weight: 800;    line-height: 23px;    letter-spacing: -0.04em;    margin-top: 3rem;    color: #3e3e3e;    transition: color 0.3s ease-in-out;}

.special_sect .controls{ position: absolute; flex-wrap: nowrap;    top: 15%;    right: 0;    z-index: 111;    display: flex;    align-items: center;    gap: 20px;    color: #fff !important;      font-family: "Montserrat", sans-serif;}

.special_sect .swiper-wrapper{    align-items: stretch;}
.special_sect .swiper-slide{    height: auto;}

.special_sect .paging{    display: flex;    align-items: center;}
.special_sect .current,.special_sect .total{    min-width: 20px;    text-align: center; font-size: 22px !important;    font-weight: 800 !important; }

.special_sect .swiper-pagination{    position: relative;    width: 120px;    height: 4px;    background: rgba(255,255,255,0.6);    margin: 0 10px;    border-radius: 2px;    overflow: hidden;}
.special_sect .swiper-pagination .bar{    position: absolute;    top: 0;    left: 0;    width: 20%;    height: 100%;    background: #5490e7;    border-radius: 2px;    transition: width 0.3s ease;}

.special_sect .swiper_btn_wrap{    display:flex;    gap:10px;    margin-top:8px;    position:relative;    z-index:30;}
.special_sect .swiper_btn{    display:flex;    align-items:center;    justify-content:center;    cursor:pointer;    position:relative;    z-index:30;    user-select:none;    pointer-events:auto;}
.special_sect .swiper_btn .ico{    display:flex;    align-items:center;    justify-content:center;    width:50px;    height:50px;}



@media all and (max-width: 1240px){

	.special_sect{ padding:70px 0;}
	.special_sect .slide_wrap{ padding:30px 0 70px 0;}
	.special_sect .slide_wrap .item{    padding-bottom: 4rem;}
	.special_sect .slide_wrap .item .txt_box{    padding: 2.3rem;    flex: 1;}
	.special_sect .slide_wrap .item .txt_box .tit{    font-size: 20px;   line-height: 25px;  min-height: 45px; }
	.special_sect .slide_wrap .item .txt_box .txt{   font-size: 14px;   line-height: 20px;  margin-top: 1rem; }

	.special_sect .swiper-pagination{width: 80px; }
	.special_sect .controls{  display: flex;        align-items: center;        gap: 20px;        top: auto;        bottom: 0;        right: 20px; flex-wrap: nowrap; }

	.controls .paging + .swiper_btn_wrap{margin-left: 1rem;}



}





/* ---------- 센터소개 ---------- */
.center_sect{ position: relative;  padding:120px 0;  background: url(../images/main/center_bg.jpg) no-repeat top center; background-size:cover;}


.center_sect .slide_wrap{overflow:hidden; position: relative;   padding:0 0 50px 0;}
.center_sect .slide_wrap .item{    padding-bottom: 8rem; transition: filter 0.4s ease, transform 0.4s ease;  filter: brightness(65%);}
.center_sect .slide_wrap .item a{    display: flex;    flex-direction: column;    width: 100%;    height: 100%;    border-radius: var(--smRadius);    overflow: hidden;    background-color: #fff;    color: var(--black);    transform: translateY(8rem);
    transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}

.center_sect .slide_wrap .item:hover {  filter: brightness(100%);  transform: translateY(4rem);
    transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.center_sect .slide_wrap .item .img_box{    position: relative;    padding-top: 100%;    border-radius: 2.5rem 2.5rem 7rem 0;    overflow: hidden;    background: #ddd;}
.center_sect .slide_wrap .item .img_box .img{    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    object-fit: cover;    object-position: center;}

.center_sect .slide_wrap .item .txt_box{    padding: 3.2rem;    flex: 1;}
.center_sect .slide_wrap .item .txt_box .tit{    font-size: 28px;    font-weight: 800;    line-height: 35px;    letter-spacing: -0.04em;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    min-height: 35px;    overflow: hidden;    text-overflow: ellipsis;}
.center_sect .slide_wrap .item .txt_box .txt{    font-size: 15px;    font-weight: 600;    line-height: 23px;    letter-spacing: -0.04em;    margin-top: 3rem;    color: #3e3e3e;    transition: color 0.3s ease-in-out;}


.center_sect .controls{ position: absolute;     top: 15%;    right: 0;    z-index: 111;    display: none;    align-items: center;    gap: 20px;    color: #fff !important;      font-family: "Montserrat", sans-serif;}

.center_sect .swiper-wrapper{    align-items: stretch;}
.center_sect .swiper-slide{    height: auto;}

.center_sect .paging{    display: flex;    align-items: center;}
.center_sect .current,.center_sect .total{    min-width: 20px;    text-align: center;  font-size: 22px !important;    font-weight: 800 !important; }

.center_sect .swiper-pagination{    position: relative;    width: 120px;    height: 4px;    background: rgba(255,255,255,0.6);    margin: 0 10px;    border-radius: 2px;    overflow: hidden;}
.center_sect .swiper-pagination .bar{    position: absolute;    top: 0;    left: 0;    width: 20%;    height: 100%;    background: #5490e7;    border-radius: 2px;    transition: width 0.3s ease;}

.center_sect .swiper_btn_wrap{    display:flex;    gap:10px;    margin-top:8px;    position:relative;    z-index:30;}
.center_sect .swiper_btn{    display:flex;    align-items:center;    justify-content:center;    cursor:pointer;    position:relative;    z-index:30;    user-select:none;    pointer-events:auto;}
.center_sect .swiper_btn .ico{    display:flex;    align-items:center;    justify-content:center;    width:50px;    height:50px;}






@media all and (max-width: 1240px){

	.center_sect{ padding:70px 0;}
	.center_sect .slide_wrap .item{    padding-bottom: 11rem;}
	.center_sect .slide_wrap .item .txt_box{    padding: 2.3rem;    flex: 1;}
	.center_sect .slide_wrap .item .txt_box .tit{    font-size: 20px;   line-height: 25px;  min-height: 45px; }
	.center_sect .slide_wrap .item .txt_box .txt{   font-size: 14px;   line-height: 20px;  margin-top: 1rem; }

	
	.center_sect .slide_wrap .item:hover {  filter: brightness(100%);  transform: translateY(0rem);
    transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}

	.center_sect .swiper-pagination{width: 80px; }
	.center_sect .controls{        position: absolute;        top: auto;        bottom: 0;        right: 20px;        display: flex !important;        align-items: center !important;        justify-content: flex-end;        flex-direction: row !important;        flex-wrap: nowrap !important;        gap: 20px;        width: auto !important;    }

    .center_sect .paging{        display: flex !important;        align-items: center !important;        flex-direction: row !important;        flex-wrap: nowrap !important;        margin: 0 !important;    }
    .center_sect .swiper_btn_wrap{        display: flex !important;        align-items: center !important;        flex-direction: row !important;        flex-wrap: nowrap !important;        gap: 10px;        margin-top: 0 !important;    }



}

@media all and (max-width: 800px){
 .center_sect .slide_wrap .item{   filter: brightness(100%);}
}



/* ---------- 수술후기 ---------- */
.review_sect{	position: relative;	padding:120px 0;	background: url(../images/main/review_bg.jpg) no-repeat top center; background-size:cover;}
.review_sect .reviewbox_wrap{	position: relative;	display: flex;	flex-wrap: wrap;	gap: 2%;	justify-content: center;	margin-top:50px;}
.review_sect .reviewbox_wrap .item{	position: relative;	width: 23%;	background: #fff;	padding: 40px;	border-radius: var(--smRadius);	margin:1% 0 1% 0;	display: flex;	flex-direction: column;	justify-content: space-between;}
.review_sect .reviewbox_wrap .item p.disease{	font-size: 19px;	color: #444;	font-weight: 600;}
.review_sect .reviewbox_wrap .item p.subject{	font-size: 27px;	color: #1a6aba;	font-weight: 800;	line-height: 35px;	letter-spacing: -0.05em;	padding: 15px 0 30px 0;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;	overflow: hidden;	text-overflow: ellipsis;
	max-height: 85px;	word-break: keep-all;}
.review_sect .reviewbox_wrap .item p.date{	font-size: 16px;	color: #969696;	font-weight: 600;	margin-top: 30px;}
.review_sect .reviewbox_wrap .item a.btn{	position: absolute;	bottom: 40px;	right: 40px;	background: #5874a1;	width: 40px;	height: 40px;	text-align: center;	border-radius: 20px;}
.review_sect .reviewbox_wrap .item a.btn img{	width: 10px;	margin-top: 12px;}
.review_sect .review_more_btn{	display:none;}


@media all and (max-width: 1240px){
	.review_sect{		padding:70px 0;		background-size: cover;	}
	.review_sect .reviewbox_wrap{		gap: 2%;	padding:0 15px;}
	.review_sect .reviewbox_wrap .item{		width: 49%;		padding: 30px;		margin: 0 0 20px 0;	}
	.review_sect .reviewbox_wrap .item p.disease{		font-size: 16px;	}
	.review_sect .reviewbox_wrap .item p.subject{		font-size: 22px;		line-height: 30px;		padding: 12px 0 20px 0;		max-height: 64px;	}
	.review_sect .reviewbox_wrap .item p.date{		font-size: 14px;		margin-top: 20px;	}
	.review_sect .reviewbox_wrap .item a.btn{		bottom: 30px;		right: 30px;	}
}


@media all and (max-width: 780px){	

	.review_sect{		padding:60px 0;	}
	.review_sect .reviewbox_wrap{		gap: 14px 0;		margin-top: 30px; padding:0 15px;	}
	.review_sect .reviewbox_wrap .item{		width: 100%;		padding: 20px;		margin: 0;	}
	.review_sect .reviewbox_wrap .item p.disease{		font-size: 15px;	}
	.review_sect .reviewbox_wrap .item p.subject{		font-size: 17px;		line-height: 25px;		padding: 10px 0 18px 0;		max-height: 58px;	}
	.review_sect .reviewbox_wrap .item p.date{		font-size: 13px;		margin-top: 10px;	}
	.review_sect .reviewbox_wrap .item a.btn{		width: 36px;		height: 36px;		right: 24px;		bottom: 24px;		border-radius: 18px;	}
	.review_sect .reviewbox_wrap .item a.btn img{		width: 9px;		margin-top: 11px;	}

	/* 처음 4개만 노출 */
	.review_sect .reviewbox_wrap .item:nth-child(n+5){		display: none;	}

	/* 펼쳤을 때 전체 노출 */
	.review_sect.open .reviewbox_wrap .item{		display: flex;	}

	.review_sect .review_more_btn{		display: flex;		align-items: center;		justify-content: center;		width: 160px;		height: 46px;		margin: 24px auto 0;		background: #1a6aba;		color: #fff;		font-size: 15px;		font-weight: 700;		border-radius: 23px;		text-decoration: none;	}
}



/* ---------- 의료진소개 ---------- */
.doctor_toptxt{    position: relative;    padding:100px 20px ;  text-align:center; color:#000; font-size:35px; font-weight:600; border-bottom:1px solid #efefef; letter-spacing:-0.05em;}


.doctor_sect{
    position: relative;
    padding:120px 0 0 0;
    background:#fff url(../images/main/doctor_bg.jpg) no-repeat bottom center;background-size:100%;
    overflow: hidden;
}
.doctor_sect .acenter{
    position: relative;
}

.doctor_sect .title_box2{
    position: absolute;
    left:15px;
    top:0;
    text-align:left;
    z-index:33;
}
.doctor_sect .title_box2 .title-eng{
    color:#1a6aba;
    font-size:23px;
    font-weight:700;
    letter-spacing:-0.03em;
}
.doctor_sect .title_box2 .title{
    color:#000;
    font-size:55px;
    font-weight:800;
    text-align:left;
    line-height:1.15; margin-top:10px;
}
.doctor_sect .title_box2 .title span{
    font-weight:300;
}
.doctor_sect .title_box2 .title-sub{
    color:#000;
    font-size:25px;
    font-weight:700;
    line-height:37px;
    letter-spacing:-0.03em;  margin-top:20px;
}

.doctor_sect .doctor_img{
    position: relative;
    text-align:center;
}
.doctor_sect .doctor_img img{
    max-width:100%;
    height:auto;
    display:inline-block;
}

.doctor_sect .inner{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index:22;
}
.doctor_sect .info_left{
    position: absolute;
    left:15px;
    top:330px;
}
.doctor_sect .info_right{
    position: absolute;
    right:15px;
    top:50px;
}
.doctor_sect .info_wrap{
    position: relative;
    margin-bottom:50px;
}
.doctor_sect .info_wrap .tt{
    display: inline-flex;
    align-items: center;
    color:#fff;
    font-size:18px;
    line-height:20px;
    font-weight:900;
    padding:10px 20px 8px 20px;
    margin-bottom:10px;
    background:#3e69cf;
    border-radius:5px 5px 20px 5px;
}
.doctor_sect .info_wrap ul{
    margin:0;
    padding:0;
    list-style:none;
}
.doctor_sect .info_wrap ul li{
    color:#000;
    font-weight:700;
    font-size:18px;
    line-height:1.5;
    letter-spacing:-0.03em;
    background:url(../images/main/dot_black.jpg) no-repeat 5px 12px;
    padding-left:15px;
    margin-top:4px;
    word-break:keep-all;
}
.doctor_sect .info_wrap ul li span{
    color:#4c4c4c;
    font-weight:500;
}

/* 태블릿 */
@media all and (max-width: 1240px){
    .doctor_sect{
        padding:80px 0 0 0;
        background-size:cover;
    }

    .doctor_sect .title_box2 .title-eng{
        font-size:18px;
    }
    .doctor_sect .title_box2 .title{
        font-size:42px;
    }
    .doctor_sect .title_box2 .title-sub{
        font-size:20px;
        line-height:1.5;
    }



    .doctor_sect .info_left{ 
        top:260px;
    }
    .doctor_sect .info_right{
        top:30px;
    }

    .doctor_sect .info_wrap{
        margin-bottom:30px;
    }
    .doctor_sect .info_wrap .tt{
        font-size:16px;
        line-height:18px;
        padding:9px 16px 8px 16px;
    }
    .doctor_sect .info_wrap ul li{
        font-size:15px;
        background-position:4px 10px;
        background-size:3px auto;
    }
}


@media all and (max-width: 1100px){

	.doctor_sect .doctor_img img{
		width:50%;
		height:auto;
		display:inline-block;
	}

 }


/* 모바일 */
@media all and (max-width: 1000px){

	.doctor_toptxt{  padding:50px 20px ; font-size:18px;}

    .doctor_sect{
        padding:50px 0 40px 0;
        background-size:cover;
        background-position:center bottom;
    }

    .doctor_sect .acenter{
        position:relative;
    }

    /* 상단: 타이틀 + 이미지 가로정렬 */
    .doctor_sect .title_box2{
        position: relative;
        left:auto;
        top:auto;
        width:60%;
        z-index:33;
        text-align:left;
        float:left;
        padding-top:10px;
    }

    .doctor_sect .title_box2 .title-eng{
        font-size:13px;
        line-height:1.4;
    }
    .doctor_sect .title_box2 .title{
        font-size:25px;
        line-height:1.15;
        margin-top:0;
    }
    .doctor_sect .title_box2 .title-sub{
        font-size:12px;
        line-height:1.2;
        margin-top:10px;
        word-break:keep-all;
    }

    .doctor_sect .doctor_img{
        width:40%;
        float:right;
        text-align:right;
        margin-top:0;
    }
    .doctor_sect .doctor_img img{
        width:100%;
        max-width:220px;
    }

    /* float 정리 */
    .doctor_sect .acenter:after{
        content:"";
        display:block;
        clear:both;
    }

    /* 하단 inner */
    .doctor_sect .inner{
        position: relative;
        left:auto;
        top:auto;
        width:100%;
        clear:both;
        z-index:22;
        margin-top:25px;

        /* 고정 높이 + 세로 스크롤 */
        height:320px;
        overflow-y:auto;
        overflow-x:hidden;

        padding:20px 15px;
        background:rgba(255,255,255,0.92);
        border-radius:20px;
        box-sizing:border-box;
    }

    .doctor_sect .info_left,
    .doctor_sect .info_right{
        position: relative;
        left:auto;
        right:auto;
        top:auto;
        width:100%;
    }

    .doctor_sect .info_left{
        margin-bottom:20px;
    }

    .doctor_sect .info_wrap{
        margin-bottom:20px;
    }

    .doctor_sect .info_wrap .tt{
        font-size:14px;
        line-height:16px;
        padding:8px 14px 7px 14px;
        margin-bottom:8px;
    }

    .doctor_sect .info_wrap ul li{
        font-size:13px;
        line-height:1.3;
        padding-left:12px;
        background-position:3px 9px;
        background-size:3px auto;
    }

    /* 모바일 스크롤바 */
    .doctor_sect .inner::-webkit-scrollbar{
        width:6px;
    }
    .doctor_sect .inner::-webkit-scrollbar-thumb{
        background:#1a6aba;
        border-radius:10px;
    }
    .doctor_sect .inner::-webkit-scrollbar-track{
        background:rgba(0,0,0,0.08);
        border-radius:10px;
    }
}





/* ---------- youtube ---------- */
.youtube_sect{
    position: relative;
    padding:120px 0;
    background:url(../images/main/youtube_bg.jpg) no-repeat top center; background-size:cover;
    overflow: hidden;
}
.youtube_sect .acenter{
    position: relative;
}
.youtube_sect .acenter:after{
    content:"";
    display:block;
    clear:both;
}

/* 좌우 영역 */
.youtube_sect .info_left{
    position: relative;
    float:left;
    width: 32%;
}
.youtube_sect .info_right{
    position: relative;
    float:right;
    width: 62%;
}

/* 타이틀 */
.youtube_sect .title_box{
    position: relative;
    text-align:left;
}
.youtube_sect .title_box .title-eng{
    color:#1a6aba;
    font-size:23px;
    font-weight:700;
    letter-spacing:-0.03em;
}
.youtube_sect .title_box .title-eng img{
    max-width: 140px;
    height: auto;
}
.youtube_sect .title_box .title{
    color:#000;
    font-size:55px;
    font-weight:800;
    text-align:left;
    margin-top:170px;
    line-height:1.15;
    letter-spacing:-0.04em;
}
.youtube_sect .title_box .title span{
    font-weight:300;
}
.youtube_sect .title_box .title-sub{
    color:#000;
    font-size:20px;
    font-weight:700;
    line-height:32px;
    letter-spacing:-0.03em;
    margin-top:20px;
    word-break: keep-all;
}

/* 더보기 버튼 */
.youtube_sect .info_left .btn_more{
    margin-top:60px;
}
.youtube_sect .info_left .btn_more a{
    display:inline-block;
    color:#393939;
    font-size:16px;
    font-weight:600;
    border:1px solid rgba(0,0,0,0.3);
    padding:20px 50px 20px 20px;
    background-image:url(../images/main/youtube_arrow.svg);
    background-repeat:no-repeat;
    background-position:right 20px center;
    background-size:9px;
    text-decoration:none;
    transition: all .3s ease;
}
.youtube_sect .info_left .btn_more a:hover{
    background-color:#fff;
    border-color:#1a6aba;
    color:#1a6aba;
}

/* 큰 영상 */
.youtube_sect .youtube_b{
    position: relative;
}
.youtube_sect .youtube_b a,
.youtube_sect .youtube_b img{
    display:block;
    width:100%;
    height:auto;
}
.youtube_sect .youtube_b img{
}

/* 작은 영상 리스트 */
.youtube_s{
    width:100%;
    margin-top:30px;
}
.youtube_s ul{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    gap:20px;
    padding:0;
    margin:0;
    list-style:none;
}
.youtube_s ul li{
    width: calc((100% - 60px) / 4);
}
.youtube_s ul li a{
    display:block;
    overflow:hidden;
    position:relative;
}
.youtube_s ul li img{
    width:100%;
    height:auto;
    display:block;
}
.youtube_s ul li a::after{
    content:"";
    position:absolute;
    inset:0;
    box-shadow: inset 0 0 0 4px transparent;
    transition: all 0.3s ease;
    pointer-events:none;
}
.youtube_s ul li a:hover::after{
    box-shadow: inset 0 0 0 4px #6a8cd8;
}

/* 태블릿 */
@media all and (max-width: 1240px){
    .youtube_sect{
        padding:80px 0;
        background-size:cover;
    }

    .youtube_sect .info_left{
        width: 34%;
    }
    .youtube_sect .info_right{
        width: 60%;
    }

    .youtube_sect .title_box .title-eng{
        font-size:18px;
    }
    .youtube_sect .title_box .title-eng img{
        max-width:120px;
    }
    .youtube_sect .title_box .title{
        font-size:30px;
        margin-top:40px;
    }
    .youtube_sect .title_box .title-sub{
        font-size:14px;
        line-height:22px;
        margin-top:16px;
    }

    .youtube_sect .info_left .btn_more{
        margin-top:30px;
    }
    .youtube_sect .info_left .btn_more a{
        font-size:14px;
        padding:14px 42px 14px 16px;
        background-position:right 16px center;
        background-size:8px;
    }

    .youtube_s{
        margin-top:20px;
    }
    .youtube_s ul{
        gap:14px;
    }
    .youtube_s ul li{
        width: calc((100% - 42px) / 4);
    }
}

/* 모바일 */
@media all and (max-width: 767px){
    .youtube_sect{
        padding:60px 0;
        background-size:cover;
        background-position:center top;
    }

    .youtube_sect .info_left,
    .youtube_sect .info_right{
        float:none;
        width:100%;
    }

    .youtube_sect .info_left{
        margin-bottom:30px;
    }

    .youtube_sect .title_box{
        text-align:center;
    }
    .youtube_sect .title_box .title-eng{
        font-size:15px;
    }
    .youtube_sect .title_box .title-eng img{
        max-width:100px;
    }
    .youtube_sect .title_box .title{
        font-size:30px;
        text-align:center;
        margin-top:20px;
        line-height:1.25;
    }
    .youtube_sect .title_box .title-sub{
        font-size:15px;
        line-height:24px;
        margin-top:14px;
    }

    .youtube_sect .info_left .btn_more{
        margin-top:24px;
        text-align:center;
    }
    .youtube_sect .info_left .btn_more a{
        font-size:14px;
        padding:10px 40px 10px 16px;
        background-position:right 14px center;
        background-size:8px;
    }

    .youtube_sect .youtube_b img{
    }

    .youtube_s{
        margin-top:16px;
    }
    .youtube_s ul{
        flex-wrap:wrap;
        gap:12px 4%;
        justify-content:space-between;
    }
    .youtube_s ul li{
        width:48%;
    }
    .youtube_s ul li a{
    }
    .youtube_s ul li a::after{
    }
}

/* 작은 모바일 */
@media all and (max-width: 480px){
    .youtube_sect .title_box .title{
        font-size:26px;
    }
    .youtube_sect .title_box .title-sub{
        font-size:14px;
        line-height:22px;
    }
}





/* ---------- support ---------- */
.support_sect{
    position: relative;
    padding:120px 0 70px 0;
    background:url(../images/main/support_bg.jpg) no-repeat top center;background-size:cover;
    color:#fff;
    overflow:hidden;
}
.support_sect .acenter{
    position: relative;
}
.support_sect .acenter:after{
    content:"";
    display:block;
    clear:both;
}

.support_sect .info_left{
    position: relative;
    float:left;
    width:800px;
}
.support_sect .info_right{
    position: relative;
    float:right;
    width:520px;
}

.support_sect h2{
    font-size:40px;
    text-align:left;
    line-height:1.2;
    margin-bottom:20px;
}
.support_sect h2 span{
    font-family:"Montserrat", sans-serif;
    color:#bcbcbc;
    font-size:17px;
    font-weight:600;
    letter-spacing:0.2em;
}
.support_sect h2 span span{
    font-weight:100;
}

/* 공지사항 */
.support_sect .notice{
    position: relative;
    height:400px;
    background:#1c48a7;
    border-radius:2.5rem 2.5rem 13rem 2.5rem;
    padding:25px 40px;
    box-sizing:border-box;
}
.support_sect .notice ul{
    margin:0;
    padding:0;
    list-style:none;
}
.support_sect .notice ul li{
    position:relative;
    padding:20px 120px 20px 65px;
}
.support_sect .notice ul li a{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#fff;
    font-size:17px;
    font-weight:700;
    line-height:30px;
}
.support_sect .notice ul li em{
    position:absolute;
    right:0;
    top:20px;
    font-size:15px;
    color:#fff; font-weight:800;
    line-height:30px;
    font-style:normal;
}
.support_sect .notice ul li span.noti{
    position:absolute;
    left:0;
    top:20px;
    font-size:13px;
    font-weight:800;
    padding:5px 13px;
    background:#3b7ad8;
    border-radius:20px;
    line-height:1.2;
}

/* 상담신청 */
.support_sect .consult{
    position: relative;
    height:400px;
    background:#1c48a7;
    border-radius:2.5rem 2.5rem 13rem 2.5rem;
    padding:40px 70px;
    box-sizing:border-box;
}
.support_sect .consult ul{
    clear:both;
    margin:0;
    padding:0;
    list-style:none;
}
.support_sect .consult ul:after{
    content:"";
    display:block;
    clear:both;
}
.support_sect .consult ul li{
    float:left;
    width:70%;
    line-height:45px;
    padding:8px 0;
    font-size:15px;
    box-sizing:border-box;
}
.support_sect .consult ul li.tt{
    width:30%;
    font-size:18px;
    font-weight:700;
}
.support_sect .consult ul li select,
.support_sect .consult ul li input.txtbox{
    width:100%;
    height:45px;
    border:0;
    border-radius:5px;
    padding:0 10px;
    color:#3d3d3d;
    font-weight:600;
    font-size:15px;
    box-sizing:border-box;
}
.support_sect .consult ul li input.checkbox{
    margin:0 5px 3px 0;
    vertical-align:middle;
}
.support_sect .consult ul li a{
    font-size:13px;
    color:#fff;
}
.support_sect .consult ul li a:hover{
    text-decoration:underline;
}
.support_sect .consult ul li button{
    background:#010101;
    color:#fff;
    font-size:19px;
    font-weight:700;
    border:0;
    border-radius:5px;
    width:100%;
    text-align:center;
    padding:15px 0;
    cursor:pointer;
}
.support_sect .consult ul.policy li{
    padding:1px 0 8px 0;
}

/* 태블릿 */
@media all and (max-width: 1400px){
    .support_sect{
        padding:60px 0 60px 0;
        background-size:cover;
    }

    .support_sect .info_left{
        width:58%;
    }
    .support_sect .info_right{
        width:38%;
    }

    .support_sect h2{
        font-size:23px;
        margin-bottom:16px;
    }
    .support_sect h2 span{
        font-size:12px; letter-spacing:-0.03em;
    }

    .support_sect .notice,
    .support_sect .consult{
        height:360px;
        border-radius:2rem 2rem 8rem 2rem;
    }

    .support_sect .notice{
        padding:20px 24px;
    }
    .support_sect .notice ul li{
        padding:16px 85px 16px 58px;
    }
    .support_sect .notice ul li a{
        font-size:15px;
        line-height:26px;
    }
    .support_sect .notice ul li em{
        top:16px;
        font-size:12px;
        line-height:26px;
    }
    .support_sect .notice ul li span.noti{
        top:16px;
        font-size:12px;
        padding:5px 10px;
    }

    .support_sect .consult{
        padding:28px 24px;
    }
    .support_sect .consult ul li{
        font-size:14px;
        padding:6px 0;
    }
    .support_sect .consult ul li.tt{
        font-size:16px;
    }
    .support_sect .consult ul li select,
    .support_sect .consult ul li input.txtbox{
        font-size:14px;
        height:42px;
    }
    .support_sect .consult ul li button{
        font-size:16px;
        padding:10px 0;
    }
	.support_sect .consult ul.policy li{line-height:22px !important; font-size:12px;
		padding:1px 0 3px 0;
	}
	.support_sect .consult ul li input.checkbox{
		margin:0 5px 3px 0;
		vertical-align:middle; width:15px; height:15px;
	}
}

/* 모바일 */
@media all and (max-width: 780px){
    .support_sect{
        padding:50px 0 50px 0;
        background-size:cover;
        background-position:center top;
    }

    .support_sect .info_left,
    .support_sect .info_right{
        float:none;
        width:100%;
    }

    .support_sect .info_left{
        margin-bottom:28px;
    }

    .support_sect h2{
        font-size:24px;
        margin-bottom:14px;
    }
    .support_sect h2 span{
       
        margin-top:6px;
        font-size:12px;
        letter-spacing:-0.03em;
    }

    .support_sect .notice,
    .support_sect .consult{
        height:auto;
        min-height:0; 
        border-radius:1.5rem 1.5rem 4rem 1.5rem;
    }

    /* 공지사항 */
    .support_sect .notice{
        padding:18px 18px;
    }
    .support_sect .notice ul li{
        padding:14px 0 14px 0;
        border-bottom:1px solid rgba(255,255,255,0.15);
    }
    .support_sect .notice ul li:last-child{
        border-bottom:0;
    }
    .support_sect .notice ul li span.noti{
        position:relative;
        left:auto;
        top:auto;
        display:inline-block;
        margin-bottom:8px;
        font-size:11px;
        padding:4px 9px;
    }
    .support_sect .notice ul li a{
        font-size:14px;
        line-height:22px;
        white-space:normal;
        overflow:visible;
        text-overflow:unset;
        padding-right:0;
    }
    .support_sect .notice ul li em{
        position:relative;
        right:auto;
        top:auto;
        display:block;
        margin-top:6px;
        font-size:12px;
        line-height:1.4;
        color:rgba(255,255,255,0.85);
    }

    /* 상담신청 */
    .support_sect .consult{
        padding:20px 18px;
    }
    .support_sect .consult ul{
        margin-bottom:8px;
    }
    .support_sect .consult ul li,
    .support_sect .consult ul li.tt{
        float:none;
        width:100%;
        line-height:1.5;
        padding:4px 0;
    }
    .support_sect .consult ul li.tt{
        font-size:15px;
        margin-bottom:4px;
    }
    .support_sect .consult ul li{
        font-size:13px;
    }
    .support_sect .consult ul li select,
    .support_sect .consult ul li input.txtbox{
        height:42px;
        font-size:14px;
    }
    .support_sect .consult ul.policy li.tt{
        display:none;
    }
    .support_sect .consult ul.policy li{line-height:22px !important;
        padding-top:0px;
    }
    .support_sect .consult ul li button{
        font-size:16px;
        padding:13px 0;
        margin-top:8px;
    }
}

/* 작은 모바일 */
@media all and (max-width: 480px){
    .support_sect h2{
        font-size:22px;
    }
    .support_sect .notice ul li a{
        font-size:13px;
        line-height:20px;
    }
    .support_sect .consult ul li.tt{
        font-size:14px;
    }
    .support_sect .consult ul li select,
    .support_sect .consult ul li input.txtbox{
        font-size:13px;
    }
}





/* ---------- 진료협력병원 ---------- */
.corp_sect {  position: relative;  width: 100%;  overflow: hidden;  padding: 100px 0; background:#e6e6e6; border-top:4px solid #484848;}
.corp_sect h2 {  margin-bottom: 30px;  font-size:40px; color:#000;}
.corp_sect .corp_slide {  overflow: hidden;  width: 100%;}
.corp_sect .corp_track {  display: flex;  align-items: center;  gap: 20px;   width: max-content;  animation: corpFlow 30s linear infinite;  padding:10px 0;  margin: 0;  list-style: none;}
.corp_sect .corp_track:hover {  animation-play-state: paused; }
.corp_sect .corp_track li {  flex: 0 0 auto;  width: 220px;}
.corp_sect .corp_track li a {  display: block;  background: #fff;  border-radius: 12px;  overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.08);  transition: transform 0.3s ease, box-shadow 0.3s ease;}
.corp_sect .corp_track li:hover a {  transform: translateY(-4px);    box-shadow: 0 5px 5px rgba(0,0,0,0.15);}
.corp_sect .corp_track li img {  display: block;  width: 100%;  height: auto;}

@keyframes corpFlow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 10px));
  }
}







/* ---------- sub title/ txt ---------- */
.home_icon {  font-size: 21px !important;  font-variation-settings: 'OPSZ' 21; line-height: 1;  display: inline-block;}/* font, opsz 같은 숫자 */
.sub_visual {  width: 100%;  background: #fff; border-bottom: 1px solid #efefef; padding-bottom:50px;}

.sub_visual .snb {width:1400px; max-width:100%; margin:0 auto;  display: flex;  align-items: center;  gap: 12px;  padding: 16px 24px;      box-sizing: border-box;}
.sub_visual .home {  display: flex;  align-items: center;  justify-content: center;  width: 18px;  height: 18px;  flex: 0 0 auto;}
.sub_visual .custom_select {  position: relative;  min-width: 120px;  cursor: pointer;}
.sub_visual .custom_select > span {  position: relative;  display: flex;  align-items: center;  width: 100%;  padding: 0 40px 0 15px;  background: #fff;  font-size: 15px; font-weight:800;  color: #000;  letter-spacing:-0.05em; box-sizing: border-box;  user-select: none;}
.sub_visual .custom_select > span:after {  content: "";  position: absolute;  right: 15px;  top: 50%;  width: 8px;  height: 8px;  border-right: 2px solid #666;  border-bottom: 2px solid #666;  transform: translateY(-70%) rotate(45deg);  transition: transform 0.25s ease;}
.sub_visual .custom_select.open > span:after {  transform: translateY(-30%) rotate(225deg);}
.sub_visual .custom_select .select_list {  display: none;  position: absolute;  left: 0;  top: calc(100% + 6px);  width: 100%;  margin: 0;  padding: 6px 0;  list-style: none;  border: 1px solid #ddd;  border-radius: 6px;  background: #fff;  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  box-sizing: border-box;  z-index: 10;}
.sub_visual .custom_select.open .select_list {  display: block;}
.sub_visual .custom_select .select_list li {  margin: 0;  padding: 0;}
.sub_visual .custom_select .select_list li a {  display: block;  padding: 7px 15px;  font-size: 14px;  color: #222; letter-spacing:-0.01em; text-decoration: none;  transition: background 0.2s ease, color 0.2s ease;}
.sub_visual .custom_select .select_list li a:hover {  background: #f7f7f7;  color: #1a6aba; font-weight:700;}


.sub_visual .title_box  {position: relative; width:1400px; max-width:100%; margin:0 auto;  padding: ; text-align:center;}
.sub_visual .title_box .title {color:#000 !important; font-size:40px !important; letter-spacing:-0.05em !important; font-weight:900 !important; line-height:40px !important;}
.sub_visual .title_box .title-sub  { color:#696969 !important; font-size:17px !important; letter-spacing:-0.03em !important;}




@media (max-width: 768px) {
  
	.sub_visual {padding-bottom:20px; margin-top:-10px;}
	.sub_visual .snb {width:100%;  padding: 0 20px 16px 20px;}
	.sub_visual .custom_select { min-width: 100px; }
	.sub_visual .custom_select > span {  font-size: 14px; }
	.sub_visual .custom_select .select_list li a {  padding: 7px 15px;  font-size: 13px; }

	.sub_visual .title_box  {width:100%; margin-top:20px;}
	.sub_visual .title_box .title { font-size:22px !important; line-height:30px !important;}
	.sub_visual .title_box .title-sub  { font-size:12px !important; line-height:20px !important; margin-top:10px !important; }

}






/* ---------- call_txt ---------- */
.call_txt { position: relative; height: 350px; font-size:35px; font-weight:900; line-height:45px; letter-spacing:-0.03em; display: flex;  flex-direction: column;  justify-content: center;    background:url(../images/reserv/call_bg.jpg) no-repeat center; margin-bottom:50px; padding-left:100px;}
.call_txt p {font-size:17px; line-height:25px; font-weight:600; margin-top:20px;}


@media (max-width: 1200px) {
  
	.call_txt {  height: 300px; font-size:30px; line-height:40px;  background-size:cover;  padding-left:70px;}
	.call_txt p {font-size:16px; margin-top:15px;}

}

@media (max-width: 800px) {
  
	.call_txt {  height: 200px; font-size:20px; line-height:25px;  background-size:cover;  padding-left:30px;}
	.call_txt p {font-size:13px; line-height:20px;  margin-top:10px;}

}




/* ---------- 온라인예약  ---------- */

.calendar_wrap {position: relative; clear:both;  width: 100%;  max-width: 1000px;  margin: 0 auto;   overflow: hidden; padding: 70px 0;}

.calendar_head {  display: flex;  align-items: center;  justify-content: center;   gap: 30px;   padding: 40px 0;    color: #000;   border-top: 1px solid #eee; }
.calendar_head a { display: flex;  align-items: center;  justify-content: enter;}

.calendar_title {  font-family: "Montserrat", sans-serif;  font-size:40px; font-weight:600;}
.calendar_week, .calendar_days {  display: grid;  grid-template-columns: repeat(7, 1fr);}
.calendar_week {  padding: 20px 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;  text-align: center;  font-weight: 900; background:#fcfcfc;}
.calendar_week .sun { color: #e53935; }
.calendar_week .sat { color: #2563eb; }

.calendar_days {  gap: 6px;  padding: 14px 10px 18px;}
.calendar_days div {  min-height: 90px;  padding: 10px 5px;  border-radius: 12px 12px 30px 12px;  background: #fff;  text-align: center; border-bottom:1px solid #dfdfdf;}
.calendar_days div span {  display: block;  font-size: 17px;  font-weight: 700;}
.calendar_days div .label {  display: block;  margin-top: 4px;  font-size: 11px;  font-weight: 700;}
.calendar_days div .reserve_btn {  display: inline-block;  margin-top: 7px;  padding: 2px 9px;  border-radius: 20px;  background: #3e69cf;  color: #fff;  font-size: 13px;  font-weight: 800;  text-decoration: none;}
.calendar_days div.sun span, .calendar_days div.holiday span, .calendar_days div.holiday .label {  color: #e53935;}
.calendar_days div.sat span {  color: #2563eb;}
.calendar_days div.today {  border: 3px solid #3e69cf;  background: #f4f7ff; }
.calendar_days div.today p { padding: 2px 9px;  font-weight: 900; font-size:15px;}
.calendar_days div.holiday {  background: #fff5f5;}
.calendar_days div.other_month {  opacity: 0.25;}

.calendar_wrap .txt {position: relative; clear:both; color:#e53935; font-weight: 700;  margin-bottom:40px; }
.calendar_wrap .txt2 {position: relative; clear:both; color:#000; font-weight: 800; letter-spacing:-0.03em;  font-size:25px; margin:70px 0 20px 0; }
.calendar_wrap .info {font-size:14px; margin-top:20px;}

.reserv_result {position: relative; clear:both;  width: 100%;  max-width: 1000px;  margin: 0 auto;  padding: 100px 0; text-align:center; color:#666;}
.reserv_result p.tit {margin-bottom:50px; color:#000; font-size:30px; font-weight: 700; letter-spacing:-0.03em;}
.reserv_result p.tit span {color:#3e69cf; font-weight: 800; }
.reserv_result p strong {color:#333;}
.reserv_result p.btn {margin-top:50px;}
.reserv_result p.btn a { display: inline-block;  margin-top: 7px;  padding:10px 60px;  border-radius:10px 10px 25px 10px; background: #3e69cf;  color: #fff;   font-weight: 700;  text-decoration: none;}




@media (max-width: 800px) {

	.calendar_wrap .txt2 { font-size:20px; margin:70px 0 20px 0; }

  .calendar_title { font-size: 20px; }
  .calendar_days div {    min-height: 62px;    padding: 6px 3px;  }
  .calendar_days div span { font-size: 14px; }
  .calendar_days div .reserve_btn {    font-size: 9px;    padding: 3px 6px;  }
  .calendar_days div.today p{padding: 2px 2px; font-size: 9px;}

}




/* ---------- 탈장센터  ---------- */

.disease_wrap {  position: relative;  width: 100%;  min-height: 760px;  display: flex;  align-items: center;  overflow: hidden; }
.disease_wrap::before {  content: "";  position: absolute;  inset: 0;  z-index: 1;}
.disease_wrap_inner {  position: relative;  z-index: 2;  width: 1400px;  max-width: calc(100% - 40px);  margin: 0 auto;  padding-top: 20px;  color: #111;}
.disease_wrap .category {  font-size: 55px;  font-weight: 800;  color: #18366a;  letter-spacing: -0.06em;  margin-bottom: 80px;}
.disease_wrap h2 {text-align:left;  font-size: 45px;  font-weight: 800;  color: #000;  letter-spacing: -0.06em;  margin-bottom: 36px;}
.disease_wrap .blue_txt {  font-size: 23px;  font-weight: 800;  color: #1a6aba;  line-height: 1.6;  letter-spacing: -0.04em;  margin-bottom: 10px;}

.disease_wrap .desc {  max-width: 850px;}
.disease_wrap .desc p {  font-size: 20px;  line-height: 41px;  font-weight: 600;  color: #111;  letter-spacing: -0.045em;  word-break: keep-all;  margin-bottom: 8px;}

.hernia_visual1 {background: url("../images/hernia/0101_bg.jpg") top right; background-size:cover;}
.hernia_visual2 {background: url("../images/hernia/0201_bg2.jpg") top right; background-size:cover;}
.hernia_visual3 {background: url("../images/hernia/0301_bg.jpg") top right; background-size:cover;}
.hernia_visual4 {background: url("../images/hernia/0401_bg.jpg") top right; background-size:cover;}
.hernia_visual5 {background: url("../images/hernia/0501_bg.jpg") top right; background-size:cover;}

.breast_visual1 {background: url("../images/breast/0101_bg.jpg") top right; background-size:cover;}
.breast_visual2 {background: url("../images/breast/0201_bg.jpg") top right; background-size:cover;}
.breast_visual3 {background: url("../images/breast/0301_bg.jpg") top right; background-size:cover;}
.breast_visual4 {background: url("../images/breast/0401_bg.jpg") top right; background-size:cover;}

.gallbladder_visual1 {background: url("../images/gallbladder/0101_bg.jpg") top right; background-size:cover;}
.gallbladder_visual2 {background: url("../images/gallbladder/0201_bg.jpg") top right; background-size:cover;}
.gallbladder_visual3 {background: url("../images/gallbladder/0301_bg.jpg") top right; background-size:cover;}

.caecum_visual1 {background: url("../images/caecum/0101_bg.jpg") top right; background-size:cover;}


/* 반응형 */
@media (max-width: 1000px) {
  .disease_wrap {    min-height: 620px;    background-position: center center;  }
  .disease_wrap .category {    font-size: 34px;    margin-bottom: 55px;  }
  .disease_wrap h2 {    font-size: 34px;    margin-bottom: 28px;  }
  .disease_wrap .blue_txt {    font-size: 21px;  }
  .disease_wrap .desc p {    font-size: 18px;  }
}

@media (max-width: 640px) {
  .disease_wrap {    min-height: auto;    padding: 50px 0;    background-position: center top;  }
  .disease_wrap_inner {    max-width: calc(100% - 30px);  }
  .disease_wrap .category {    font-size: 28px;    margin-bottom: 45px;  }
  .disease_wrap h2 {    font-size: 28px;  }
  .disease_wrap .blue_txt {    font-size: 18px;  }
  .disease_wrap .desc p {    font-size: 16px;    line-height: 1.7;  }
}





.disease_slide_sect {  position: relative;  width: 100%;  padding: 240px 0 120px 0;  background:url("../images/hernia/0102_bg.jpg") no-repeat center bottom / cover;  color: #fff;  overflow: hidden;}

.disease_slide_inner {  width: 1400px;  max-width: calc(100% - 40px);  margin: 0 auto;  display: flex;  gap: 90px;  align-items: flex-start;}

.disease_thumb_area {  width: 570px;  flex: 0 0 570px;}
.disease_thumb_view {  width: 570px;  overflow: hidden;}
.disease_thumb_list {  display: flex;  gap: 40px;  margin: 0;  padding: 0;  list-style: none;  transition: transform 0.45s ease;}
.disease_thumb_list li {  flex: 0 0 265px;  width: 265px;  text-align: center;}

.disease_thumb_list button {  width: 100%;  padding: 0;  border: 0;  background: none;  color: #fff;  cursor: pointer;}
.disease_thumb_list img {  width: 100%;  object-fit: cover;  border-radius:20px 20px 60px 20px;  display: block;  transition: 0.3s;}
.disease_thumb_list span {  display: block;  margin-top: 18px;  font-size: 24px;  font-weight: 600;}

.disease_controls {  margin-top: 250px;  display: flex;  align-items: center;  gap: 14px;}
.disease_current,
.disease_total {  font-size: 22px;  font-weight: 800;}

.disease_bar {  width: 80px;  height: 4px;  background: rgba(255,255,255,0.35);  overflow: hidden;}
.disease_bar i {  display: block;  width: 0;  height: 100%;  background: #7ea6ff;  transition: width 0.35s ease;}

.disease_prev, .disease_next {  width: 55px;  height: 55px;  border-radius: 50%;  border: 0;  background: #fff;  cursor: pointer;  display:flex;  justify-content:center;  align-items:center;}
.disease_prev:hover, .disease_next:hover {opacity:0.6;}

.disease_view_area {  flex: 1;  min-width: 0;}

.disease_detail_slider {  position: relative;  width: 100%;}

.disease_detail_item {  display: none;  width: 100%;  opacity: 0;  visibility: hidden;  transform: none;}
.disease_detail_item.active {  display: block;  opacity: 1;  visibility: visible;  transform: none;  animation: diseaseFade 0.45s ease both;}

@keyframes diseaseFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.disease_big_img {  width: 660px;  max-width: 100%;  border-radius: 30px 30px 90px 30px;  overflow: hidden; }
.disease_big_img img {  width: 100%;  object-fit: cover;  display: block;}

.disease_txt_box {  margin-top: 35px;  padding-left: 18px;}
.disease_txt_box h3 {  font-size: 45px;  font-weight: 900;  margin-bottom: 18px;}
.disease_txt_box p {  max-width: 600px;  font-size: 19px;  line-height: 30px;  letter-spacing:-0.03em; word-break: keep-all;}



.hydrocele_img {margin-top:20px;}
.hydrocele_img img { border-radius:20px 20px 60px 20px;}


@media (max-width: 1400px) {
	.disease_slide_sect {  position: relative;  width: 100%;  padding: 180px 0 120px 0;  background:url("../images/hernia/0102_bg.jpg") no-repeat center bottom / cover;  color: #fff;  overflow: hidden;}

	.disease_slide_inner {  width: 1400px;  max-width: calc(100% - 40px);  margin: 0 auto;  display: flex;  gap: 40px;  align-items: flex-start;}

	.disease_thumb_area {  width:470px;  flex: 0 0 470px;overflow: hidden;}
	.disease_thumb_view {  width: 470px;  overflow: hidden;}
	.disease_thumb_list {  display: flex;  gap: 20px;  margin: 0;  padding: 0;  list-style: none;  transition: transform 0.45s ease;}
	.disease_thumb_list li {  flex: 0 0 220px;  width: 200px;  text-align: center;}

	.disease_thumb_list button {  width: 100%;  padding: 0;  border: 0;  background: none;  color: #fff;  cursor: pointer;}
	.disease_thumb_list img {  width: 100%;  object-fit: cover;  border-radius:20px 20px 60px 20px;  display: block;  transition: 0.3s;}
	.disease_thumb_list span {  display: block;  margin-top: 18px;  font-size: 24px;  font-weight: 600;}

	.disease_controls {  margin-top: 250px;  display: flex;  align-items: center;  gap: 14px;}
	.disease_current,
	.disease_total {  font-size: 17px;  font-weight: 800;}

	.disease_bar {  width: 120px;  height: 3px;  background: rgba(255,255,255,0.35);  overflow: hidden;}
	.disease_bar i {  display: block;  width: 0;  height: 100%;  background: #fff;  transition: width 0.35s ease;}

	.disease_prev,
	.disease_next {  width: 55px;  height: 55px;  border-radius: 50%;  border: 0;  background: #fff;  color: #111;  font-size: 22px;  cursor: pointer;}

	.disease_view_area {width:100%;  flex: 1;  min-width: 0;}

	.disease_detail_slider {  position: relative;  width: 100%;}

	.disease_detail_item {  display: none;  width: 100%;  opacity: 0;  visibility: hidden;  transform: none;}
	.disease_detail_item.active {  display: block;  opacity: 1;  visibility: visible;  transform: none;  animation: diseaseFade 0.45s ease both;}

	@keyframes diseaseFade {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	.disease_big_img {  width: 760px;  max-width: 100%;  border-radius: 30px 30px 90px 30px;  overflow: hidden;}
	.disease_big_img img {  width: 100%;  object-fit: cover;  display: block;}

	.disease_txt_box {  margin-top: 35px;  padding-left: 18px;}
	.disease_txt_box h3 {  font-size: 40px;  font-weight: 900;  margin-bottom: 18px;}
	.disease_txt_box p {  max-width: 570px;  font-size: 17px;  line-height: 25px; }

}


@media (max-width: 900px) {
  .disease_slide_sect {    padding: 50px 0;  }
  .disease_slide_inner {    display: flex;    flex-direction: column-reverse;    gap: 50px;  }

  .disease_thumb_area,
  .disease_thumb_view {    width: 100%;    flex: none;  }
  .disease_thumb_list {    gap: 20px;  }
  .disease_thumb_list li {    flex: 0 0 calc((100% - 20px) / 2);    width: calc((100% - 20px) / 2);  }

  .disease_controls {    margin-top: 40px;  }

  .disease_big_img {    width: 100% !important;    border-radius: 20px 20px 60px 20px;  }
  .disease_big_img img {    height: auto;   width:100%; }
  .disease_txt_box {    padding-left: 0;  }
  .disease_txt_box h3 {    font-size: 30px !important;  }
  .disease_txt_box p {    font-size: 13px !important;  }

  .disease_thumb_list span {    font-size: 18px;  }
   .disease_big_img img {    height: auto;}

  .disease_prev,
  .disease_next {    width: 40px;    height: 40px;  }
  .disease_bar {  width: 100px;}

  .disease_txt_box h3 {    font-size: 25px !important;  }
  .disease_txt_box p {    font-size: 14px; line-height:20px; }
}





.detail_sect { position: relative; overflow: hidden; padding: 110px 0 80px; background: #fffdf7; color: #000; }

.detail_sect .inner {  width: 1400px;  max-width: calc(100% - 40px);  margin: 0 auto;}
.detail_sect .title_box {  text-align: center;  margin-bottom: 65px;}
.detail_sect .title_box .eng {font-family:"Montserrat", sans-serif;  font-size: 17px;  font-weight: 700;  letter-spacing: 0.2em;  color: #000;  margin-bottom: 22px;}
.detail_sect .title_box h2 {  font-size: 45px;  font-weight: 900;  color: #363079;  letter-spacing: -0.05em;}
.detail_sect .title_box p.tx {  font-size: 17px;  font-weight: 700;  color: #000;  }

.detail_img_list ul {  display: flex;  gap: 50px;  margin: 0;  padding: 0;  list-style: none;}
.detail_img_list li {  flex: 1;  overflow: hidden;  border-radius: 20px 20px 70px 20px;}
.detail_img_list img {  width: 100%;  object-fit: cover;  display: block;}

.detail_img_list3 {position: relative; padding:0 150px; }
.detail_img_list3 ul {  display: flex;  gap: 50px;  margin: 0;  padding: 0;  list-style: none;}
.detail_img_list3 li {  flex: 1;  overflow: hidden;  border-radius: 20px 20px 70px 20px;}
.detail_img_list3 img {  width: 100%;  object-fit: cover;  display: block;}


.detail_img_list4 {position: relative; text-align:center;}
.detail_img_list4 img { width:600px;  max-width: 100%; border-radius: 20px 20px 70px 20px;}

.detail_txt {  margin-top: 90px;}
.detail_txt .box + .box {  margin-top: 80px;}
.detail_txt h3 {  font-size: 40px;  font-weight: 900;  color: #363079;  letter-spacing: -0.05em;  margin-bottom: 30px;}
.detail_txt h4 {  font-size: 27px;  font-weight: 800;  color: #3e69cf;  letter-spacing: -0.05em;  padding:10px 0 20px 0;}
.detail_txt p {  font-size: 20px;  line-height: 1.8;  font-weight: 600;  letter-spacing: -0.04em;  word-break: keep-all;}

.detail_dot {position: relative; }
.detail_dot ul{    margin:0;    padding:0;}
.detail_dot ul li{    position:relative;    padding-left:10px;    margin-bottom:10px;   font-size: 20px;  line-height: 1.8;  font-weight: 600;  letter-spacing: -0.04em;  word-break: keep-all;}
.detail_dot ul li:before{    content:"";    position:absolute;    left:0;    top:15px;    width:3px;    height:3px;    border-radius:50%;    background:#000;}



/* 하단 영문 무한 롤링 */
.marquee_text {margin-top:100px;  position: relative;  width: 100%;  overflow: hidden;  white-space: nowrap;  pointer-events: none;}

.marquee_track {  display: flex;  width: max-content;  animation: marqueeMove 50s linear infinite;}
.marquee_track span {  display: inline-block;  padding-right: 55px;  font-size: 90px;  font-weight: 900; line-height:100px;  color: rgba(0,0,0,0.16);  letter-spacing: -0.02em;  white-space: nowrap;}

@keyframes marqueeMove {
  from {
	transform: translateX(0);
  }
  to {
	transform: translateX(-50%);
  }
}


/* 반응형 */
@media (max-width: 1200px) {
	.detail_img_list3 {padding:0 50px; }
}


@media (max-width: 900px) {

  .detail_sect {	padding: 50px 0 50px;  }
  .detail_sect .title_box h2 {	font-size: 25px;  }
  .detail_sect .title_box { margin-bottom: 30px;}
  .detail_sect .title_box p.tx {  font-size: 15px;line-height:20px;  }

  .detail_img_list ul {	gap: 20px;  }

  .detail_img_list3 {padding:0 30px; }
  .detail_img_list3 ul {	gap: 20px;  }

  .detail_txt {	margin-top: 50px;  }
  .detail_txt h3 {	font-size: 20px;  margin-bottom: 20px;}
  .detail_txt p {	font-size: 16px;  }
  .detail_txt .box + .box {  margin-top: 50px;}


  .detail_dot ul li{  padding-left:8px;  font-size: 15px;  line-height: 1.5; }
  .detail_dot ul li:before{  top:8px; }


  .marquee_text {margin-top:70px; }
  .marquee_track span {	font-size: 52px;  }

}


@media (max-width: 800px) {

  .detail_img_list ul {	gap: 10px;  }
  .detail_img_list li { border-radius: 15px 15px 40px 15px;}
  .detail_img_list img {	height: auto;  }

  .detail_img_list3 {padding:0 0px; }
  .detail_img_list3 ul {	gap: 10px;  }
  
  .marquee_text {margin-top:50px; }
  .marquee_track span {	font-size: 42px;  line-height:50px;}

}





.lapa_sect {  position: relative;  padding: 130px 0 190px 0;  background: #18235a url("../images/hernia/0104_bg.jpg") no-repeat center top / cover;  overflow: hidden;}
.lapa_sect * {  box-sizing: border-box;}
.lapa_inner {  width: 1400px;  max-width: calc(100% - 40px);  margin: 0 auto; }
.lapa_tit {  color: #fff;  font-size: 45px;  font-weight: 800;  letter-spacing: -0.05em;  margin-bottom: 45px; text-align:left;}

.lapa_list { position: relative; clear:both;}

.lapa_item1 {  position: relative; width:96%; min-height: 480px; margin-top:120px; background:#fff; border-radius:30px; box-shadow: 0 10px 10px rgba(0,0,0,0.18);}
.lapa_item1 .txt_box {  position: relative;  float:left; width:35%;  margin: 70px 0 70px 90px;  }
.lapa_item1 .img_box  {  border-radius: 16px 16px 80px 16px; box-shadow: 0 10px 10px rgba(0,0,0,0.18);  position: absolute; width:57%;   right:-55px; top:60px;  z-index: 2;  overflow: hidden;  box-shadow: 0 14px 20px rgba(0,0,0,0.22);}
.lapa_item1 .img_box img {width:100%;}
.lapa_item1:first-child{margin-top:0 ;}

.lapa_item2 {  position: relative; width:96%; min-height: 480px; margin-left:55px !important; margin-top:120px;background:#fff; border-radius:30px; box-shadow: 0 10px 10px rgba(0,0,0,0.18);}
.lapa_item2 .txt_box {  position: relative;  float:right; width:35%;  margin: 70px 90px 70px 0;  }
.lapa_item2 .img_box  {  border-radius: 16px 16px 80px 16px; box-shadow: 0 10px 10px rgba(0,0,0,0.18);  position: absolute; width:57%; left:-55px; top:60px;  z-index: 2;  overflow: hidden;  box-shadow: 0 14px 20px rgba(0,0,0,0.22);}
.lapa_item2 .img_box img {width:100%;}

.lapa_item1 h3, .lapa_item2 h3 {  margin: 0 0 28px;  color: #000;  font-size: 36px;  line-height: 1.5;  font-weight: 800;  letter-spacing: -0.05em;}
.lapa_item1 h3 span, .lapa_item2 h3 span {  display: block;  color: #3e69cf;  font-size: 50px;  font-weight: 900;}
.lapa_item1 ul, .lapa_item2 ul {  margin: 0;  padding: 0; }
.lapa_item1 ul li, .lapa_item2 ul li {  position: relative;  padding-left: 30px;  margin-top: 10px;  color: #111;  font-size: 20px;  line-height: 1.55;   font-weight: 700;  letter-spacing: -0.05em !important; background:url(../images/hernia/icon_check.jpg) no-repeat 0 4px;}
.lapa_item1 ul li:first-child, .lapa_item2 ul li:first-child {  margin-top: 0;}



/* 태블릿 */
@media (max-width: 1400px) {

	.lapa_sect {  padding: 50px 0 50px 0;}
	.lapa_tit {  font-size: 40px;margin-bottom: 25px; }

	.lapa_item1 {  position: relative; width:100%; min-height: auto; margin-top:50px; padding:40px; border-radius:30px 30px 80px 30px;}
	.lapa_item1 .txt_box {  position: relative;  float:left; width:45%;  margin: 0;  }
	.lapa_item1 .img_box  {position: relative !important; float:right; width:50%;   right:0; top:0; }
	.lapa_item1 .img_box img {width:100%;}
	.lapa_item1:first-child{margin-top:0 ;}

	.lapa_item2 {  position: relative; width:100%; min-height: auto; margin-left:0px !important; margin-top:50px; padding:40px; border-radius:30px 30px 80px 30px;}
	.lapa_item2 .txt_box {  position: relative ;  float:right; width:45%;  margin: 0;  }
	.lapa_item2 .img_box  {   position: relative !important; float:left; width:50%; left:0; top:0; }
	.lapa_item2 .img_box img {width:100%;}


	.lapa_item1 h3, .lapa_item2 h3 {  margin: 20px 0 20px 0;  color: #000;  font-size: 30px; }
	.lapa_item1 h3 span, .lapa_item2 h3 span {  font-size: 40px;}
	.lapa_item1 ul li, .lapa_item2 ul li { padding-left: 23px;  margin-top: 15px;  font-size: 20px;  line-height: 1.4; background:url(../images/hernia/icon_check.jpg) no-repeat 0 5px; background-size:20px;}

}

/* 모바일 */
@media (max-width: 800px) {

	.lapa_sect {  padding: 50px 0 50px 0;}
	.lapa_tit {  font-size: 25px;margin-bottom: 25px; }

	.lapa_item1 { width:100%; padding:15px !important; min-height: auto; margin-top:20px; }
	.lapa_item1 .txt_box {width:100%; margin:0; padding-bottom:10px;}
	.lapa_item1 .img_box  { position: relative; width:100%;  right:0; top:0; margin-top:0;}

	.lapa_item2 {  position: relative; width:100%; padding:15px !important; min-height: auto; margin-left:0 !important; margin-top:20px;}
	.lapa_item2 .txt_box { width:100%; margin:0; padding-bottom:10px; }
	.lapa_item2 .img_box  {position: relative; width:100%;  left:0; top:0; margin-top:0;}

	.lapa_item1 h3, .lapa_item2 h3 {  margin: 20px 0 10px 0;  color: #000;  font-size: 20px; }
	.lapa_item1 h3 span, .lapa_item2 h3 span {  font-size: 25px;}
	.lapa_item1 ul li, .lapa_item2 ul li { padding-left: 17px;  margin-top: 5px;  font-size: 15px;  line-height: 1.3; background:url(../images/hernia/icon_check.jpg) no-repeat 0 3px; background-size:15px;}

  
 
}







/* ---------- 의료진  ---------- */
.sub_doctor_wrap {position: relative; padding:0 0 100px 0; width: 1400px;  max-width: 100%;  margin: 0 auto;}
.sub_doctor_wrap h2 {color:#000;   font-size: 35px;  font-weight: 800; text-align:left; margin-bottom:10px; margin-top:70px;}
.doctor_card_wrap {display: grid;    grid-template-columns: repeat(2, 1fr);  gap: 40px;}
.doctor_card {  position: relative;  flex: 1;   border: 1px solid #ddd;  background: #fff;  overflow: hidden; border-radius:20px 20px 80px 20px;}
.doctor_card .top_tit {  background: #253c5d;  color: #fff;  font-size: 24px;  font-weight: 800;  letter-spacing: -0.05em;  padding: 15px 40px;  white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;  }

.doctor_card .doctor_img { position: absolute;   width: 50%; padding:0 20px; right:0; bottom:0 !important;  text-align:center;}
.doctor_card .doctor_img img {max-width:100%;}

.doctor_card .cont {  position: relative;  height: calc(100% - 62px);  padding: 35px 40px 0 40px; min-height:490px;  box-sizing: border-box;  z-index: 2;}
.doctor_card .doctor_info {float:left;  width: 55%;  position: relative; }
.doctor_card .label {  font-size: 17px;  color: #3e69cf;  font-weight: 600; margin-bottom:20px; }
.doctor_card .name {  font-size: 50px;  font-weight: 900;  color: #000;  letter-spacing: -0.05em;  margin-bottom: 70px;}
.doctor_card .name span {  font-size: 30px;  font-weight: 500;  margin-left: 5px;}
.doctor_card .field_tit {  font-size: 20px;  font-weight: 800;  color: #333;  padding-bottom: 14px;  border-bottom: 1px dashed #ddd;  margin-bottom: 15px;}
.doctor_card ul li {  font-size: 17px;  color: #444; font-weight: 600; line-height: 1.3;  letter-spacing: -0.04em; background:url(../images/main/dot_black.jpg) no-repeat 0 8px; padding-left:10px; margin-top:10px;}

.doctor_card .btn {position:absolute !important; bottom:35px; left:40px;  width: 120px;  height: 42px; line-height:42px;  background: #3e69cf; border-radius:9px 9px 20px 9px; text-align:center;  z-index:11111; }
.doctor_card .btn a {color:#fff; font-size: 18px;  font-weight: 700; }



.sub_doctor_view .tab  {position: relative; width: 100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:15px 0; text-align:center; margin-top:50px; }
.sub_doctor_view .tab ul {	display: flex;  	flex-wrap: wrap;	margin: 0;	padding: 0;	list-style: none;}
.sub_doctor_view .tab ul li {	flex: 1;      flex-direction: column;  }
.sub_doctor_view .tab ul li a {	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;	height: 50px;	text-align: center;font-size:17px;	font-weight:700;padding:5px 10px;	line-height: 1.3;}
.sub_doctor_view .tab ul li a.on, .board_wrap .tab ul li a:hover {color:#3e69cf; font-weight:900;}
.sub_doctor_view .tab ul li p {display: block;  width: 100%; font-size:12px; color:#888;}

.sub_doctor_view {position: relative; width: 1400px;  max-width: 100%;  margin: 0 auto; }
.sub_doctor_view2 {position: relative; }
.sub_doctor_wrap2 .pt90 {padding-top:0 !important;}
.sub_doctor_view3 {position: relative; width: 1400px;  max-width: 100%;  margin: 0 auto; padding:70px 0 100px 0;}
.sub_doctor_view3 h2 {color:#000;   font-size: 35px;  font-weight: 800; text-align:left; margin-bottom:10px; margin-top:70px;}


.time_table_wrap { width:1400px; margin:0 auto; padding:70px 0;   max-width: 100%;  overflow-x: auto;}
.time_table {  width: 100%;   border-collapse: collapse;  table-layout: fixed;  text-align: center;}
.time_table th,
.time_table td {  padding:20px 15px; font-size: 17px;  border-bottom: 1px solid #dfdfdf;}
.time_table thead th {  background: #142545;  color: #fff; /*border-top:2px solid #253c5d; border-bottom:1px solid #253c5d;*/}
/*.time_table thead th:first-child {  background: #f9f9f9;}*/
.time_table tbody th {  background: #f9f9f9;  color: #000; }

.time_table td .operation { color:#3e69cf; font-weight:700; margin:0 5px;}
.time_table td .treat { color:#333; font-weight:700;  margin:0 5px;}
.time_table td .line { color: #aaa; font-weight:300;  margin:0 5px;}
.time_table .off { color:red; font-weight:800;}

.treat_reserv {text-align:center; width:400px; margin:0 auto; }
.treat_reserv a {display:block; background:#3e69cf; color:#fff; font-size:20px;	font-weight:700; padding:20px; border-radius:12px 12px 30px 12px; margin-bottom:70px;}


.thesis {position: relative;  font-size:14px; }
.thesis ul li {border-bottom:1px solid #efefef; padding:20px 0;}
.thesis ul li:last-child {border-bottom:none;}
.thesis ul li p {color:#333; font-size:17px;	font-weight:700;}
.thesis ul li a span {color:blue;}

.faq_wrap {position: relative;  width: 1400px;  max-width: 100%;  margin: 0 auto; }
.faq_item { margin:5px 0;}

.faq_q {  position: relative;  width: 100%;  padding:20px 40px;  background: #f6f6f6;  border: 0;  text-align: left;  font-size: 20px;  font-weight: 500;  color: #333;  cursor: pointer; border-radius:35px;}


/* 회전 화살표 */
.faq_q::after {  content: "";  position: absolute;  right: 40px;  top: 50%;  width: 10px;  height: 10px;  border-right: 2px solid #666;  border-bottom: 2px solid #666;  transform: translateY(-65%) rotate(45deg);  transition: transform 0.3s ease;}
.faq_item.active .faq_q {  background: #30345b; color:#fff; font-weight: 700;  border-bottom: 1px solid #d6e0ff;}
.faq_item.active .faq_q::after { border-right: 2px solid #fff;  border-bottom: 2px solid #fff;  transform: translateY(-35%) rotate(-135deg);}
.faq_item.active .faq_q::before {  color: #3e69cf;}

.faq_a {  display: none;  padding:0 40px;  background: #fff; border:1px solid #dfdfdf;  color: #555;  font-size: 16px;  line-height: 1.7; border-radius:35px;}




/* 반응형 */
@media (max-width: 1500px) {  

	.doctor_card .top_tit {  font-size: 22px; }
	.doctor_card .cont {min-height:490px;}
	.doctor_card .label {  font-size: 17px; margin-bottom: 20px;}
	.doctor_card .name {  font-size: 40px; margin-bottom: 50px;}
	.doctor_card .name span {  font-size: 25px;}
	.doctor_card .field_tit {  font-size: 17px;}
	.doctor_card ul li {  font-size: 17px;  line-height: 1.3; background:url(../images/main/dot_black.jpg) no-repeat 0 8px; padding-left:8px;}

	.doctor_card .btn {height: 40px; line-height:40px;  }
	.doctor_card .btn a {color:#fff; font-size: 18px;  font-weight: 700; }

}

@media (max-width: 1400px) {  

	.doctor_card .cont {min-height:450px;}
	.doctor_card ul li {  font-size: 16px;  line-height: 1.3; background:url(../images/main/dot_black.jpg) no-repeat 0 8px; padding-left:8px;  margin-top:7px;}


}


@media (max-width: 1240px) {  

	.doctor_card {padding-bottom:50px;}
	.doctor_card .top_tit {  font-size: 17px; padding: 10px 20px;}
	.doctor_card .cont {min-height:350px; padding: 20px;}
	.doctor_card .doctor_info {padding-bottom:30px;}
	.doctor_card .label {  font-size: 17px; margin-bottom: 10px;}
	.doctor_card .name {  font-size: 30px; margin-bottom: 30px;}
	.doctor_card .name span {  font-size: 25px;}
	.doctor_card .field_tit {  font-size: 17px; padding-bottom: 10px;   margin-bottom: 10px}
	.doctor_card ul li {  font-size: 15px;  line-height: 1.3; background:url(../images/main/dot_black.jpg) no-repeat 0 8px; padding-left:8px;  margin-top:7px;}

	.doctor_card .btn {left:20px; bottom:20px;  width: 100px;   height: 35px; line-height:35px;  }
	.doctor_card .btn a { font-size: 15px;}

}


@media (max-width: 1000px) {  

	.sub_doctor_wrap h2 { font-size: 30px; margin-top:50px;}
	.doctor_card .top_tit {  font-size: 16px; padding: 10px 20px;}
	.doctor_card .cont {min-height:auto; padding: 20px;}
	.doctor_card .doctor_info {padding-bottom:20px;}
	.doctor_card .label {  font-size: 15px; margin-bottom: 0;}
	.doctor_card .name {  font-size: 25px; margin-bottom: 15px;}
	.doctor_card .name span {  font-size: 20px;}
	.doctor_card .field_tit {  font-size: 16px; padding-bottom: 10px;   margin-bottom: 10px}
	.doctor_card ul li {  font-size: 13px;  background:url(../images/main/dot_black.jpg) no-repeat 0 6px;  margin-top:5px;}

	.doctor_card .btn { width: 100px;   height: 30px; line-height:30px;  }
	.doctor_card .btn a { font-size: 14px;}

	.sub_doctor_view .tab ul li a {	 font-size:15px;}

	.time_table td .line { display:none;}

}


@media (max-width: 800px) {

	.sub_doctor_wrap h2 { font-size: 25px; margin-top:40px; }	
	.doctor_card_wrap {grid-template-columns: 1fr;      gap: 15px;}

	.doctor_card .top_tit {  font-size: 15px;  padding: 10px 20px;  }
	.doctor_card .doctor_img { position: relative;   width: 100%; padding:20px 30px 0 30px; }

	.doctor_card .cont { height:auto;  min-height:auto; }
	.doctor_card .doctor_info {width: 100%; }
	.doctor_card .label {  font-size: 14px;  margin-bottom: 10px; }
	.doctor_card .name {  font-size: 25px;margin-bottom: 20px;}
	.doctor_card .name span {  font-size: 20px;   margin-left: 5px;}
	.doctor_card .field_tit {  font-size: 15px;  padding-bottom: 10px;  margin-bottom: 10px;}
	.doctor_card ul li {  font-size: 14px;  color: #444; font-weight: 600; line-height: 1.3;  letter-spacing: -0.04em; background:url(../images/main/dot_black.jpg) no-repeat 0 8px; padding-left:10px; margin-top:5px;}

	.doctor_card .btn { bottom:20px; left:15px;  width: 80px;  height: 30px; }
	.doctor_card .btn a {font-size: 15px; }

	.sub_doctor_view2 .doctor_sect {padding-top:40px !important;}
	.sub_doctor_view3 {position: relative; width: 1400px;  max-width: 100%;  margin: 0 auto; padding:50px 0 70px 0;}
	.sub_doctor_view3 h2  { font-size: 20px; margin-top:40px; }

	.sub_doctor_view .tab  {padding:10px 0; margin-top:30px; }
	.sub_doctor_view .tab ul li a {	height: 30px;padding:5px 10px; font-size:14px;}
    .sub_doctor_view .tab ul li {    flex: 0 0 50%;   /* 👉 4개씩 */    max-width: 50%;  }
    .sub_doctor_view .tab ul li p {display:none;}


	.time_table_wrap {padding:30px 0; }
	.time_table th,
	.time_table td {  padding:10px 5px; font-size: 13px;  border-bottom: 1px solid #dfdfdf;}
    .time_table td span {display: block;}



	.faq_q { padding:10px 20px;  font-size: 16px; border-radius:30px;}
	.faq_q::after {  right: 20px; }
	.faq_a {  display: none;  padding:0 20px;  background: #fff; border:1px solid #dfdfdf;  color: #555;  font-size: 14px;  line-height: 1.4; border-radius:30px;}

	.thesis {font-size:13px; }
	.thesis ul li {padding:15px 0;}
	.thesis ul li p { font-size:15px;}

	.treat_reserv {width:100%; margin-top:30px; }
	.treat_reserv a { font-size:16px;}


}






/* ---------- 연구하는병원  ---------- */
.research_wrap {position: relative; width: 1400px;  max-width: 100%;  margin: 0 auto; padding-bottom:100px;}
.research_wrap .tab  {position: relative; width: 100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:15px 0; text-align:center; margin-top:50px; }
.research_wrap .tab ul {	display: flex;  	flex-wrap: wrap;	margin: 0;	padding: 0;	list-style: none;}
.research_wrap .tab ul li {	flex: 1;      flex-direction: column;  }
.research_wrap .tab ul li a {	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;	height: 50px;	text-align: center;font-size:17px;	font-weight:700;padding:5px 10px;	line-height: 1.3;}
.research_wrap .tab ul li a.on, .board_wrap .tab ul li a:hover {color:#3e69cf; font-weight:900;}
.research_wrap .tab ul li p {display: block;  width: 100%; font-size:12px; color:#888;}

.research_list {position: relative; clear:both;  margin-top:50px;}
.research_list .box  {position: relative; clear:both; border-bottom:1px solid #dfdfdf; padding:40px 20px; min-height:310px;}
.research_list .box .img {position: absolute; left:0; top:0; width:250px;  text-align:center; padding:40px;}
.research_list .box .img img {height:230px;}
.research_list .box .tit { margin-left:250px;font-family: 'NanumSquare', sans-serif;   font-size:22px;font-weight:800 !important;	color:#101e5f; line-height:30px; }

.research_list .box .info {margin-left:250px;  font-size:15px; margin-top:40px;}
.research_list .box .info p { font-size:17px; font-weight:600; margin-bottom:10px; color:#555;}
.research_list .box .btn {margin-left:250px; margin-top:50px; width: 150px;  height: 40px; line-height:40px;  background: #3e69cf; border-radius:9px 9px 20px 9px; text-align:center; }
.research_list .box .btn a {color:#fff; font-size: 18px;  font-weight: 700; display:block;}

.research_txt {position: relative; clear:both; padding:70px 0 0 0; font-size:17px;}
.research_txt h2 {color:#000;   font-size: 35px;  font-weight: 800; text-align:left;}

.research_top { padding:50px 0 50px 0;  display: flex;  gap: 50px; }
.research_top .box {  flex: 1; /* 동일 너비 */  display: flex;  flex-direction: column; /* 내부 세로 정렬 */  background: #fff; border:1px solid #dfdfdf; padding:30px;  border-radius: 25px 25px 80px 25px;}
.research_top .box img { border-radius:20px;  width: 100%;  height: auto;  display: block;}

.research_top .box p.tt { font-size:22px;	font-weight:800; color:#3e69cf; letter-spacing:-0.03em;  margin:30px 0 20px 0;}
.research_top .box p.tx { font-size:15px; letter-spacing:-0.02em; }




@media (max-width: 1240px) {

	.research_wrap {padding:0 20px 70px 20px;}
	
	.research_list .box  {padding:30px; min-height:290px;}
	.research_list .box .img {padding:30px;}
	.research_list .box .tit { margin-left:230px; font-size:20px; line-height:30px;}
	.research_list .box .info {margin-left:230px;  font-size:14px; margin-top:30px; line-height:20px;}
	.research_list .box .info p { font-size:16px; font-weight:600;  line-height:23px;}
	.research_list .box .btn {margin-left:230px; margin-top:30px; }
	.research_list .box .btn a  {font-size: 16px;  }

	.research_txt {position: relative; clear:both; padding:0 0 0 0; font-size:17px; border:}
	.research_txt h2 { font-size: 30px; margin-bottom:20ox;}




}




@media (max-width: 800px) {

	.research_list {margin-top:30px;}
	.research_wrap {padding-bottom:50px !important; padding:0;}
	.research_wrap .tab  {padding:10px 0; margin-top:30px; }
	.research_wrap .tab ul li a {	height: 30px;padding:5px 10px; font-size:14px;}
    .research_wrap .tab ul li {    flex: 0 0 25%;   /* 👉 4개씩 */    max-width: 25%;  }
    .research_wrap .tab ul li p {display:none;}


	.research_txt {position: relative; clear:both; padding:0 0 0 0; font-size:16px;}
	.research_txt h2 {  font-size: 25px; margin-bottom:10px; line-height:30px;}

	.research_top { padding:40px 0 40px 0;  display: flex;  gap: 20px;  flex-direction: column;}
	.research_top .box { flex: 1; /* 동일 너비 */  display: flex;  flex-direction: column; /* 내부 세로 정렬 */  background: #fff; border:1px solid #dfdfdf; padding:15px;  border-radius: 25px 25px 80px 25px;}
	.research_top .box img { border-radius:20px;  width: 100%;  height: auto;  display: block;}

	.research_top .box p.tt { font-size:17px;	font-weight:800; color:#3e69cf; letter-spacing:-0.03em;  margin:20px 0 10px 0;}
	.research_top .box p.tx { font-size:14px; letter-spacing:-0.02em; }


}



@media (max-width: 600px) {

	.research_list {margin-top:30px;}
	.research_list .box  {padding:20px 15px; min-height:auto;}
	.research_list .box .img {position: relative; float:left; width:25%; padding:0;}
	.research_list .box .img img {height:auto; width:100%}
	.research_list .box .tit { float:right; width:70%; margin-left:0; font-size:18px;line-height:22px; font-weight:800;}
	.research_list .box .info {clear:both; margin-left:0;  font-size:14px; margin-top:40px; padding-top:20px;}
	.research_list .box .info p { font-size:15px; font-weight:600; margin-bottom:10px; color:#555;}
	.research_list .box .btn {margin-left:0; margin-top:20px; width: 100%; height:35px; line-height:35px;}
	.research_list .box .btn a  { font-size: 15px; }



}





/* ---------- 수술후기 sub  ---------- */
.sub_review_wrap{position:relative; padding:140px 0; background:url(../images/hernia/0106_bg.jpg) no-repeat bottom;  background-size:cover; color:#fff;  margin:0;  font-family:Pretendard, sans-serif;}
.sub_review_wrap .review-section{position:relative;  width:1400px;  margin:0 auto; max-width:100%;}
.sub_review_wrap .tit {font-size:45px; font-weight:800; margin-bottom:50px;}
.sub_review_wrap .tit span {font-size:20px; font-weight:600;}
.sub_review_wrap .review-top{position:absolute; top:0; right:0;   display:flex;  justify-content:flex-end;  align-items:center;  gap:40px;  margin-bottom:30px;}
.sub_review_wrap .review-top .paging{  display:flex;  align-items:center;  gap:14px;}
.sub_review_wrap .review-top .current,
.sub_review_wrap .review-top .total{  font-size:18px;  font-weight:700;  color:#fff;}
.sub_review_wrap .review-top .bar{  width:120px;  height:4px;  background:rgba(255,255,255,0.2);  position:relative;  overflow:hidden;}
.sub_review_wrap .review-top .active-bar{  width:33.333%;  height:100%;  background:#7ea6ff;  transition:0.4s;}
.sub_review_wrap .review-top .arrow{  display:flex;  gap:12px;}
.sub_review_wrap .review-top .arrow button{  width:50px;  height:50px;  border-radius:50%;  border:none; color:#333;  background:#fff;  cursor:pointer;  display:flex;  justify-content:center;  align-items:center;  transition:0.3s;}
.sub_review_wrap .review-top .arrow button:hover{ opacity:0.6;}

.sub_review_wrap .reviewSwiper{  overflow:hidden;}
.sub_review_wrap .swiper-slide{  display:grid;  grid-template-columns:1fr 1fr;  gap:24px;}
.sub_review_wrap .card{ padding:25px; height:220px;  background:#fff;  border-radius:20px 20px 70px 20px;  color:#111;  font-size:32px;  font-weight:700;  display:flex;  justify-content:center;  align-items:center;}


.review_item {  display: flex;  align-items: center;  gap: 40px;  width: 100%;  color: #111;}
.review_item .thumb {  width: 130px;  flex-shrink: 0;  box-shadow: 8px 8px 0 rgba(0,0,0,0.06);}
.review_item .thumb img {  width: 100%;  display: block; border:1px solid #dfdfdf;}
.review_item .content {  flex: 1;}

.review_item .top {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 20px;}
.review_item .star {  color: #e95b00;  font-size: 19px;  letter-spacing: 2px;  line-height:20px;}
.review_item .user {  font-size: 14px;  color: #999;  font-weight: 700; font-family: 'NanumSquare';}
.review_item .user span {  margin-left: 25px;}
.review_item .title {font-family: 'NanumSquare';  font-size: 20px;  line-height: 1.45;  font-weight: 800;  margin-bottom: 20px;}

.review_item .info {  display: flex;  flex-wrap: wrap;  gap: 0;  font-size: 12px;  color: #777; font-weight: 600;  line-height:23px;font-family: 'NanumSquare';}
.review_item .info li {  list-style: none;  padding: 0 15px;  background:url(../images/hernia/line.jpg) no-repeat 0 6px;}
.review_item .info li:first-child {  padding-left: 0;  background:none; }
.review_item .info b {  color: #555;  font-weight: 700;}
.review_item .info em {  color: #3b66a7;  font-style: normal;  font-weight: 700;}



@media all and (max-width: 1240px){

	.sub_review_wrap .tit {font-size:30px;  margin-bottom:40px;}
	.sub_review_wrap .tit span {font-size:14px; }

	.sub_review_wrap .review-top .current, .sub_review_wrap .review-top .total{  font-size:16px !important;  }
	.sub_review_wrap .review-top .bar{  width:100px; }
	.sub_review_wrap .review-top .arrow button{  width:40px;  height:40px; }


	.sub_review_wrap{ padding:100px 20px;}
	.sub_review_wrap .card{ padding:20px; height:180px;}

	.review_item {gap:30px; }
	.review_item .thumb {  width: 100px;  box-shadow: 6px 6px 0 rgba(0,0,0,0.06);}

	.review_item .top {  display: block;   margin-bottom: 15px;}
	.review_item .star {  font-size: 15px;  line-height:20px;}
	.review_item .user {  font-size: 12px; line-height:15px;margin-top: 8px; }
	.review_item .user span {  margin-left: 15px;}
	.review_item .title { font-size: 17px;  line-height: 1.2;  margin-bottom: 0;}

	.review_item .info {  display: none;}


    
}


@media (max-width: 768px) {  
  
	.sub_review_wrap .tit {font-size:25px;  margin-bottom:20px;}
	.sub_review_wrap .tit span {font-size:12px; }
	.sub_review_wrap .review-top{position:relative; top:20px;  gap:30px;  margin-bottom:0;}

	.sub_review_wrap{ padding:60px 15px;}
	.sub_review_wrap .swiper-slide{ display:flex;  flex-direction:column;  gap:10px;}
	.sub_review_wrap .card{ padding:15px; height:auto;   border-radius:15px 15px 40px 15px; }

	.review_item { gap:20px; }
	.review_item .thumb {    width: 60px;  }
	.review_item .top {    display: block;    margin-bottom: 5px;  }
	.review_item .star {  font-size: 13px;  line-height:15px;}
	.review_item .user {       font-size: 12px;  }
	.review_item .user span {  display: none; }
	.review_item .title {    font-size: 15px;   }
	.review_item .info {    display: none;   }
}



/* ---------- tip ---------- */
.tip_sect{    position: relative;    padding:120px 0;    background:url(../images/hernia/0108_bg.jpg) no-repeat top center;  background-size:cover;  overflow: hidden;}
.tip_sect .acenter{    position: relative;}
.tip_sect .acenter:after{    content:"";    display:block;    clear:both;}
.tip_sect h3 {font-family:"Montserrat", sans-serif;  color:#fff; font-size:70px; font-weight:700; }
.tip_sect  .tit {color:#fff; font-size:45px; font-weight:800; line-height:60px; margin-bottom:30px; margin-top:80px;}
.tip_sect .top_box {position: relative; width:1400px; max-width:100%; background:#3e69cf; color:#fff; padding:7px 40px; border-radius:40px; margin-top:5px;}
.tip_sect .top_box ul {clear:both; width:100%;border-bottom:1px solid #dadada;}
.tip_sect .top_box ul li {float:left; text-align:center;  padding:15px 30px; font-size:20px; font-weight:800;}
.tip_sect .top_box ul:last-child  {border-bottom:none;}
.tip_sect .top_box ul li.box_w1 {width:20%; }
.tip_sect .top_box ul li.box_w2 {width:40%; color:#f6e378;}
.tip_sect .top_box ul li.box_w2 span {color:#f61097; font-weight:800;}
.tip_sect .top_box ul li.box_w3 {width:40%;}
.tip_sect .top_box ul li.box_w3 span {color:#6b8dd9; font-weight:800;}
.tip_sect .bgwhite {background:#fff; color:#686868; }
.tip_sect .bgwhite ul li { font-size:18px;  font-weight:600;}
.tip_sect .bgwhite ul li.box_w1 {font-weight:900; color:#1a6aba;}
.tip_sect .bgwhite ul li.box_w2 {font-weight:700; color:#000;}

.tipqna_wrap {position: relative;  width: 1400px;  max-width: 100%;  margin: 0 auto; }
.tipqna_item { margin:10px 0;}
.tipqna_q {  position: relative;  width: 100%;  padding:20px 50px;  background: #30345b;  border: 0;  text-align: left;  font-size: 20px;  font-weight: 500;  color: #fff;  cursor: pointer; border-radius:35px;}
.tipqna_q::after {  content: "";  position: absolute;  right: 40px;  top: 50%;  width: 10px;  height: 10px;  border-right: 1px solid #fff;  border-bottom: 1px solid #fff;  transform: translateY(-65%) rotate(45deg);  transition: transform 0.3s ease;}
.tipqna_item.active .tipqna_q {  background: #3e69cf; color:#fff; font-weight: 500;  border-bottom: 1px solid #d6e0ff;}
.tipqna_item.active .tipqna_q::after { border-right: 2px solid #fff;  border-bottom: 2px solid #fff;  transform: translateY(-35%) rotate(-135deg);}
.tipqna_item.active .tipqna_q::before {  color: #3e69cf;}
.tipqna_a {  display: none;  padding:40px 50px;  background: #fff; border:1px solid #dfdfdf;  color: #000;  font-size: 20px; font-weight: 700;  line-height: 1.7; border-radius:35px;}
.tipqna_a ul li {float:left; width:auto;}
.tipqna_a ul li.icon {width:55px;}



@media (max-width: 1000px) {

	.tip_sect{  padding:50px 0;}
	.tip_sect h3 { font-size:40px; }
	.tip_sect  .tit { font-size:22px; line-height:40px; margin-bottom:10px; margin-top:30px;}
	.tip_sect .top_box {padding:7px 15px; }
	.tip_sect .top_box ul li { padding:5px 0; font-size:16px; }
	.tip_sect .bgwhite {border-radius:30px;}
	.tip_sect .bgwhite ul li { font-size:14px; line-height:20px; padding:10px;}

	.tipqna_item { margin:5px 0;}
	.tipqna_q { padding:10px 20px;  font-size: 15px;}
	.tipqna_q::after {  right: 20px; }
	.tipqna_a { padding:15px 15px;  font-size: 14px;  line-height: 1.4; }
	.tipqna_a ul li {float:left; width:85%;}
	.tipqna_a ul li.icon {width:15%;}


}





/* ---------- 담소유를 찾는 이유 (담소유만의 특별함 공통) ---------- */
.cause{    position: relative;  padding:130px 0 80px 0;  background: url(../images/hernia/0109_bg.jpg) no-repeat bottom center; background-size:cover;}
.cause .title_box h2{ font-size:50px;}
.cause .title_box .title-sub{ font-size:20px; line-height:35px;}



@media all and (max-width: 1240px){

	.cause{ padding:70px 0;}
	.cause .title_box h2{ font-size:30px;}
	.cause .title_box .title-sub{ font-size:16px; line-height:25px;}



}




/* ---------- why dsy---------- */
.whydsu{position: relative;}

.numerical{  background:#3e69cf url(../images/introduce/01_bg01.jpg) center top;  width:100%;  padding:100px 0;}
.numerical h2{font-size: 45px; margin-bottom:50px;}
.numerical ul{  width:1400px;  max-width:calc(100% - 40px);  margin:0 auto;  padding:0;  list-style:none;  display:grid;  grid-template-columns:repeat(5, 1fr);  gap:10px;}
.numerical ul li{  border-radius:20px;  padding:45px 25px;  text-align:center;  color:#fff;  backdrop-filter:blur(3px);  opacity:0;  transform:translateY(40px);  transition:all 0.6s ease;}
.numerical ul li.show{  opacity:1;  transform:translateY(0);}
.numerical ul li span{  display:block;  font-size:65px;  font-weight:800;  color:#fdd802;  line-height:1;  letter-spacing:-0.03em;  margin-bottom:20px;}
.numerical ul li p{  margin:0;  font-size:19px;  line-height:1.5;  font-weight:700;  letter-spacing:-0.03em;  word-break:keep-all;}

.value_section{  padding:100px 0;  background:#142545 url(../images/introduce/01_bg02.jpg) center top no-repeat;   color:#111;  font-family:Pretendard, sans-serif;}
.value_inner{  width:1400px;  max-width:calc(100% - 40px);  margin:0 auto;}
.value_title{  text-align:center;  margin-bottom:70px;}
.value_title h2{  color:#fff;  font-size:45px;  font-weight:800;  letter-spacing:-0.04em;}
.value_wrap{  display:grid;  grid-template-columns:repeat(3, 1fr);  gap:30px;}
.value_card{  background:#fff;  border-radius: 25px 25px 80px 25px;  padding:45px 38px;  box-shadow:0 18px 40px rgba(0,0,0,0.08);}
.value_card .num{  display:inline-flex;  align-items:center;  justify-content:center;  width:58px;  height:58px;  border-radius:50%;  background:#3e69cf;  color:#fff;  font-size:20px;  font-weight:800;  margin-bottom:25px;}
.value_card h3{  margin:0 0 22px;  font-size:30px;  font-weight:800;  letter-spacing:-0.04em;  color:#111;}
.value_card .desc{  margin:0 0 35px;  font-size:17px;  line-height:1.75;  color:#555;  word-break:keep-all;}
.value_card img{width:100%;}
.value_list{  display:flex;  flex-direction:column;  gap:18px;}
.value_item{  padding-top:18px;  border-top:1px solid #e5e8ef;}
.value_item strong{  display:block;  font-size:18px;  font-weight:800;  color:#183c86;  margin-bottom:8px;  letter-spacing:-0.03em;}
.value_item p{  margin:0;  font-size:15px;  line-height:1.65;  color:#666;  word-break:keep-all;}



@media(max-width:1000px){
   .numerical{    padding:50px 0;  }
   .numerical h2{font-size: 25px; margin-bottom:30px;}
  .numerical ul{    grid-template-columns:1fr;    gap:20px;  }
  .numerical ul li{    padding:10px 20px;}
  .numerical ul li span{    font-size:40px;    margin-bottom:5px;  }
  .numerical ul li p{    font-size:16px;  }

  .value_section{    padding:50px 0;  }
  .value_title{    margin-bottom:20px;  }
  .value_title h2{    font-size:25px;  }
  .value_wrap{    grid-template-columns:1fr;    gap:25px;  }
  .value_card{    padding:35px 25px;    border-radius:22px;  }
  .value_card h3{    font-size:22px;  }
  .value_card .desc{    font-size:16px;  line-height:20px; }
  .value_item p{  font-size:15px;  line-height:1.3; }
}




/* ---------- 담소유 스토리---------- */
.history_wrap{width:1200px;max-width:calc(100% - 40px);margin:0 auto; padding:80px 0; font-family:'NanumSquare',sans-serif; }
.history_list{  border-top:2px solid #111;}
.history_item{  display:flex;  border-bottom:1px solid #ddd;  padding:35px 0;  gap:40px;}
.history_year{  width:140px;  flex-shrink:0;  font-size:35px;  font-weight:800;  color:#111; }
.history_right{  flex:1;}
.history_row{  display:flex;  gap:50px;  margin-bottom:30px;}
.history_row:last-child{  margin-bottom:0;}
.history_month{  width:60px;  flex-shrink:0;  font-size:20px;  font-weight:700;  color:#3e69cf;  line-height:1.5; text-align:right;}
.history_text{  flex:1;}
.history_text p{  margin:0 0 5px;  font-size:17px;  color:#444;  line-height:1.7; font-weight:700; letter-spacing:-0.03em;}
.history_text p:last-child{  margin-bottom:0;}


@media(max-width:800px){

	.history_wrap{max-width:calc(100% - 20px); padding:50px 0; }
  .history_item{	flex-direction:column;	gap:25px;	padding:20px 0;  }
  .history_year{	width:100%;	font-size:22px !important; line-height:1.3;  }
  .history_row{	gap:20px;	margin-bottom:22px;  }
  .history_month{	width:45px;	font-size:18px;  }
  .history_text p{	font-size:15px;	line-height:1.3;  padding-top:3px;}

}




/* ---------- 시설둘러보기---------- */
.facilities_wrap {position:relative; clear:both; width:1400px; margin:0 auto; max-width:100%; padding:50px 0 70px 0;}

.facilities_wrap .tab  {position: relative; width: 100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:15px 0; text-align:center;}
.facilities_wrap .tab ul {	display: flex;  	flex-wrap: wrap;	margin: 0;	padding: 0;	list-style: none;}
.facilities_wrap .tab ul li {	flex: 1;      flex-direction: column;  }
.facilities_wrap .tab ul li a {	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;	height: 50px;	text-align: center;font-size:17px;	font-weight:700;padding:5px 10px;	line-height: 1.3;}
.facilities_wrap .tab ul li a.on, .facilities_wrap .tab ul li a:hover {color:#3e69cf; font-weight:900;}
.facilities_wrap .tab ul li p {display: block;  width: 100%; font-size:12px; color:#888;}

.floor_gallery {width:1200px; max-width:calc(100% - 40px); margin:80px auto; text-align:center; }
.floor_gallery h2 { font-size:55px;font-weight:800;color:#222;margin:0 0 10px;}
.floor_gallery .floor_txt {font-size:17px;color:#555;margin-bottom:35px;line-height:1.5;}
.floor_gallery .floor_txt span {display:inline-block;margin:0 12px;color:#ccc;}


.gallery_main {position:relative;overflow:hidden;}
.gallery_main .swiper-slide img {width:100%;height:660px;object-fit:cover;display:block;}

.gallery_main .swiper-button-prev,
.gallery_main .swiper-button-next {width:78px;height:78px;border-radius:50%;background:rgba(0,0,0,0.1);color:#fff;}
.gallery_main .swiper-button-prev:after,
.gallery_main .swiper-button-next:after {font-size:34px;}
.gallery_main .swiper-button-prev {left:36px;}
.gallery_main .swiper-button-next {right:36px;}

.gallery_thumb {margin-top:10px;overflow:hidden;}
.gallery_thumb .swiper-slide {height:90px;opacity:.35;cursor:pointer;}
.gallery_thumb .swiper-slide-thumb-active {opacity:1;}
.gallery_thumb .swiper-slide img {width:100%;height:100%;object-fit:cover;display:block;}


@media screen and (max-width:1100px) {

	.facilities_wrap .tab ul li a {	 font-size:15px;}

}


@media (max-width:800px) {

	.facilities_wrap .tab  {padding:10px 0;}
	.facilities_wrap .tab ul li a {	height: 30px;padding:5px 10px; font-size:14px;}
    .facilities_wrap .tab ul li {    flex: 0 0 25%;   /* 👉 4개씩 */    max-width: 25%;  }
    .facilities_wrap .tab ul li p {display:none;}

	.floor_gallery {margin:50px auto;}
	.floor_gallery h2 {font-size:40px;}
	.floor_gallery .floor_txt {font-size:13px !important;}
	.floor_gallery .floor_txt span {margin:0 6px;}
	.gallery_main .swiper-slide img {height:300px;}
	.gallery_main .swiper-button-prev,
	.gallery_main .swiper-button-next {width:52px;height:52px;}
	.gallery_main .swiper-button-prev:after,
	.gallery_main .swiper-button-next:after {font-size:24px;}
	.gallery_main .swiper-button-prev {left:15px;}
	.gallery_main .swiper-button-next {right:15px;}
	.gallery_thumb .swiper-slide {height:65px;}



}




/* ---------- 진료안내 ---------- */
.guide_wrap {position:relative; clear:both; width:1400px; margin:0 auto; max-width:100%; padding:50px 0 70px 0;}

.guide_wrap .tab  {position: relative; width: 100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:15px 0; text-align:center;}
.guide_wrap .tab ul {	display: flex;  	flex-wrap: wrap;	margin: 0;	padding: 0;	list-style: none;}
.guide_wrap .tab ul li {	flex: 1;      flex-direction: column;  }
.guide_wrap .tab ul li a {	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;	height: 50px;	text-align: center;font-size:17px;	font-weight:700;padding:5px 10px;	line-height: 1.3;}
.guide_wrap .tab ul li a.on, .facilities_wrap .tab ul li a:hover {color:#3e69cf; font-weight:900;}
.guide_wrap .tab ul li p {display: block;  width: 100%; font-size:12px; color:#888;}

.time_info {margin:70px 0;  background:url(../images/introduce/06_bg.jpg) no-repeat top center;  min-height:700px;  padding:0 20px;  color:#000;  border-radius:50px 50px 150px 50px;  display:flex;  align-items:center;      /* 상하 가운데 */
  justify-content:flex-end; /* 오른쪽 정렬 */}
.time_info .inner {  width:100%;  max-width:600px;}
.time_info h2 {text-align:left; color:#000;  margin: 0 0 55px;  font-size: 48px;  font-weight: 800;  letter-spacing: -0.04em;}
.time_table {  width: 100%;}
.time_row {  display: flex;  align-items: center;  gap: 28px;  margin-bottom: 28px;}
.time_row .day { width:150px; text-align:center; padding:10px; border-radius:10px 10px 25px 10px;    font-size: 22px; color:#fff; background:#243d60;  font-weight: 700;  letter-spacing: -0.04em;}
.time_row .hour {  font-size: 25px;  font-weight: 700;  letter-spacing: -0.03em;}
.time_info .notice {  margin-top: 35px;  font-size: 20px;  font-weight: 600;  letter-spacing: -0.04em;}

@media (max-width: 1240px) {

  .guide_wrap .tab ul li a {	 font-size:15px;}

  .time_info { padding:0 15px;   border-radius:30px 30px 70px 30px;  background-size:cover; min-height:500px;}
  .time_info h2 {    font-size: 35px;    margin-bottom: 20px;  }
  .time_info .inner {  max-width:450px;}
  .time_row {  gap: 15px;  margin-bottom: 15px;}
  .time_row .day { width:130px !important; padding:7px 5px !important;    font-size: 18px !important; }
  .time_row .hour {    font-size: 18px;  }
  .time_info .notice {    margin-top: 10px;    font-size: 16px;  }
}


@media (max-width: 800px) {

	.guide_wrap .tab  {padding:10px 0;}
	.guide_wrap .tab ul li a {	height: 30px;padding:5px 10px; font-size:14px;}
    .guide_wrap .tab ul li {    flex: 0 0 50%;   /* 👉 4개씩 */    max-width: 50%;  }
    .guide_wrap .tab ul li p {display:none;}

  .time_info {margin:50px 0; padding:70px 15px;   border-radius:20px 20px 60px 20px;  background-size:cover; min-height:auto;}
  .time_info h2 {    font-size: 25px;    margin-bottom: 10px;  }
  .time_info .inner {  max-width:250px;}
  .time_row {  gap: 5px;  margin-bottom: 5px;}
  .time_row .day { width:85px !important; padding:5px 5px !important;    font-size: 14px !important; }
  .time_row .hour {    font-size: 14px;  }
  .time_info .notice {    margin-top: 10px;    font-size: 13px;  }
}







.guide_sub_info{position:relative; clear:both; width:1400px; margin:0 auto; max-width: calc(100% - 40px); padding:50px 0 70px 0;}
.guide_sub_info h2{ color:#000; text-align:left;   font-size:42px;    font-weight:800;    margin-bottom:5px;}
.guide_sub_info p.txt {    font-size:18px;   }
.guide_sub_info p.txt span {color:#3e69cf; font-weight:700;}
.guide_sub_info p.txt2 {  font-size:16px;    color:#666;  padding-bottom:50px;  text-align:center;}
.guide_sub_info h3 {position:relative; font-size:25px; font-weight:800; margin:70px 0 30px 0; letter-spacing:-0.04em;}
.guide_sub_info h3 span {font-size:18px; font-weight:500;}
.guide_sub_info .editday { position: absolute;  right: 20px; top:0; font-size:18px; font-weight:700; letter-spacing:-0.02em;}
.guide_sub_info h4 {position:relative; color:#3e69cf; font-size:20px; font-weight:800; margin:40px 0 20px 0; letter-spacing:-0.04em;}


/*원데이 진료안내*/
.guide_sub_info .process{    margin:70px 0;}
.guide_sub_info .process ul{    display:flex;    justify-content:center;    align-items:flex-start;    flex-wrap:wrap;    gap:50px;    padding:0;    margin:0; }
.guide_sub_info .process ul li{ background:#777;     position:relative;    width:150px; height:150px; border-radius:50%;    text-align:center;}
.guide_sub_info .process ul li img{    margin:35px 0 15px 0;}
.guide_sub_info .process ul li p{    margin:0;    font-size:18px;    font-weight:700;    color:#fff;}
.guide_sub_info .process ul li.first {background:#253c5d;}
.guide_sub_info .process ul li.last {background:#3e69cf;}
.guide_sub_info .process ul li:not(:last-child)::after{    content:"➜";    position:absolute;    top:60px;    right:-37px;    font-size:24px;    color:#ddd;    font-weight:700;}
.guide_sub_info .detail { width:100%;    border-top:2px solid #222;}
.guide_sub_info .detail > ul { display:flex;    border-bottom:1px solid #e5e5e5;    padding:30px 0;    margin:0;}
.guide_sub_info .detail > ul > li.tt { width:250px;    flex-shrink:0; font-size:24px;    font-weight:800;    color:#111;    padding-right:40px;    box-sizing:border-box;}
.guide_sub_info .detail > ul > li.tx, 
.guide_sub_info .detail > ul > li:not(.tt) { flex:1; font-size:16px; line-height:1.5; color:#555;}
.guide_sub_info .detail p{    margin:30px 0 10px;    font-size:18px;    font-weight:700; color:#3e69cf;}
.guide_sub_info .detail p span {color:#ccc; font-weight:100;  margin:0 15px;}
.guide_sub_info .detail p:first-child{    margin-top:0;}
.guide_sub_info .detail ul ul { margin:0 0 15px;    padding:0;}
.guide_sub_info .detail ul ul li { position:relative;    padding-left:10px;    margin-bottom:8px;    display:block;}
.guide_sub_info .detail ul ul li::before {    content:"";    position:absolute;    left:0;    top:10px;    width:3px;    height:3px;    background:#888;    border-radius:50%;}
.guide_sub_info .detail > ul > li:not(.tt) > p:only-child {    margin:0 0 10px;}

/*증명서발급안내*/
.guide_sub_info .procedure_wrap{    position:relative;    clear:both;    display:flex;    gap:50px;}
.guide_sub_info .procedure_wrap .box{ border:1px solid #dfdfdf; padding:30px 15px; border-radius:20px 20px 60px 20px;    flex:1;}
.guide_sub_info .procedure_wrap .box p{    text-align:center;    font-size:22px;    font-weight:800;    margin-bottom:30px;}
.guide_sub_info .procedure_wrap .box ul{    display:flex;    justify-content:center;    align-items:stretch;    flex-wrap:wrap;    gap:50px;    padding:0;    margin:0;}
.guide_sub_info .procedure_wrap .box ul li{    background:#999;    position:relative;    width:25%;    min-height:100px;    padding:20px 15px;    box-sizing:border-box;    border-radius:20px 20px 50px 20px;    text-align:center;    font-size:18px;    font-weight:700;    color:#fff;    line-height:1.4;    display:flex;    align-items:center;    justify-content:center;}
.guide_sub_info .procedure_wrap .box ul li.first {background:#253c5d;}
.guide_sub_info .procedure_wrap .box ul li.last {background:#3e69cf;}
.guide_sub_info .procedure_wrap .box ul li:not(:last-child)::after{ content:"➜"; position:absolute; top:50%; right:-37px; transform:translateY(-50%); font-size:24px; color:#ddd; font-weight:700;}
.guide_sub_info .detail2{ position:relative; clear:both; width:100%;}


.cerfiticate-table {position:relative; clear:both; border-top:2px solid #222; border-right:1px solid #efefef; text-align:left; font-size:16px; line-height:1.5;  }
.cerfiticate-table th {width:50%; color:#000;  font-weight:700; font-size:17px;  background:#fcfcfc; line-height:20px; text-align:center;}
.cerfiticate-table td.a_l {text-align:left;}
.cerfiticate-table th, .cerfiticate-table td {padding:15px 15px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center;}
.cerfiticate-table td ul.td-list li { position:relative;    padding-left:10px;    margin-bottom:8px;    display:block;}
.cerfiticate-table td ul.td-list li::before {    content:"";    position:absolute;    left:0;    top:10px;    width:3px;    height:3px;    background:#888;    border-radius:50%;}
.cerfiticate-table td p.td-title {color:#000;  font-weight:800;}
.guide_sub_info p.table-desc {font-size:14px; margin-top:20px;}
.guide_sub_info p.table-desc span {color:#999;}

.cerfiticate-btn {text-align:center; width:400px; margin:0 auto; margin-top:50px; }
.cerfiticate-btn a {display:block; background:#3e69cf; color:#fff; font-size:20px;	font-weight:700; padding:20px; border-radius:12px 12px 30px 12px;}


/* 비급여 */
.non-benefit {position: relative;  width: 1400px;  max-width: 100%;  margin: 0 auto; }
.nb_item { margin:5px 0;}
.nb_q {  position: relative;  width: 100%;  padding:20px 40px;  background: #f6f6f6;  border: 0;  text-align: left;  font-size: 20px;  font-weight: 500;  color: #333;  cursor: pointer; border-radius:35px;}
.nb_q::after {  content: "";  position: absolute;  right: 40px;  top: 50%;  width: 10px;  height: 10px;  border-right: 2px solid #666;  border-bottom: 2px solid #666;  transform: translateY(-65%) rotate(45deg);  transition: transform 0.3s ease;}
.nb_item.active .nb_q {  background: #30345b; color:#fff; font-weight: 700;  border-bottom: 1px solid #d6e0ff;}
.nb_item.active .nb_q::after { border-right: 2px solid #fff;  border-bottom: 2px solid #fff;  transform: translateY(-35%) rotate(-135deg);}
.nb_item.active .nb_q::before {  color: #3e69cf;}
.nb_a {  display: none;  padding:0 40px;  background: #fff; border:1px solid #dfdfdf;  color: #555;  font-size: 16px;  line-height: 1.7; border-radius:35px;}
.nb_a .info {position: relative; padding:40px 0;}

/* 의무기록사본 */
.record{  position:relative;  clear:both;  text-align:center;  border:1px solid #dfdfdf;  padding:40px 30px;  border-radius:20px 20px 60px 20px; }
.record p.tt{  color:#000;  font-size:30px;  font-weight:700;}
.record p.tx{  font-size:16px;  margin:15px 0 35px;}
.record ul{  display:flex;  gap:30px;  margin:0;  padding:0;  list-style:none;}
.record ul li{  flex:1;  padding:25px 20px;  border:1px solid #e5e5e5;  border-radius:15px 15px 40px 15px;  background:#fafafa;  display:flex;  flex-direction:column;  justify-content:center;  align-items:center;
  min-height:130px;  box-sizing:border-box;  font-size:18px;  font-weight:600;}
.record ul li .btn{  margin:15px 0 0;  display:flex;  gap:10px;  flex-wrap:wrap;  justify-content:center;}
.record ul li .btn a{  display:inline-flex;  align-items:center;  justify-content:center;  min-width:120px;  height:40px;  border-radius:10px 10px 20px 10px;  background:#243d60;  color:#fff;  text-decoration:none;  font-size:14px;  font-weight:600;  transition:.3s;}
.record ul li .btn a:hover{  background:#1a2d47;}

.record_step {position:relative; clear:both;}
.record_step ul{  display:flex;  gap:40px;  margin:0;  padding:0; }
.record_step ul li{  position:relative;  flex:1;  min-height:120px;  padding:20px 20px;  box-sizing:border-box;  border:1px solid #ddd;  border-radius:12px 12px 30px 12px; text-align:center;  display:flex;  flex-direction:column;  align-items:center;  justify-content:center;  font-size:20px; font-weight:800; color:#253c5d;  line-height:1.4;  background:#fff;}
.record_step ul li:not(:last-child)::after{  content:"➜";  position:absolute;  right:-30px;  top:50%;  transform:translateY(-50%);  font-size:24px;  color:#999;}
.record_step ul li p{ font-family: "Montserrat", sans-serif;  margin:0 0 10px;  font-size:25px;  font-weight:700;  color:#000;}




@media(max-width:1400px){

    .guide_sub_info .process ul li{ width:130px; height:130px; }
	.guide_sub_info .process ul li img{    margin:35px 0 10px 0;}
	.guide_sub_info .process ul li p{  font-size:17px;}
	.guide_sub_info .process ul li:not(:last-child)::after{ top:55px;}

}


@media(max-width:1000px){

    .guide_sub_info .procedure_wrap .box ul{ flex-direction:column; align-items:center; gap:35px;    }
    .guide_sub_info .procedure_wrap .box ul li{ width:100%; max-width:100%; min-height:50px; font-size:15px; line-height:1.3;    }
    .guide_sub_info .procedure_wrap .box ul li:not(:last-child)::after{ content:"⬇"; top:auto; bottom:-31px; left:50%; right:auto; transform:translateX(-50%); font-weight:900; font-size:20px;}

}


@media(max-width:800px){

	.guide_sub_info{ max-width: calc(100% - 10px);}

    .guide_sub_info h2{ font-size:25px; margin-bottom:5px;}
	.guide_sub_info h3 {font-size:20px;margin:50px 0 20px 0;}
	.guide_sub_info h3 span {font-size:14px;}
	.guide_sub_info .editday { position: relative;  right: auto; left:0; top:0; font-size:16px; margin-top:10px;}
	.guide_sub_info p.txt { font-size:16px; color:#666;}
	.guide_sub_info h4 {font-size:18px;}
	
	.guide_sub_info .process ul{gap:20px 40px;}
    .guide_sub_info .process ul li{width:100px;  height:100px;  }
    .guide_sub_info .process ul li img{margin:17px 0 5px 0;}
    .guide_sub_info .process ul li p{ font-size:13px; }
    .guide_sub_info .process ul li:not(:last-child)::after{ right:-30px; top:40px; font-size:18px; }
	.guide_sub_info .detail > ul{ flex-direction:column; padding:25px 0; }
    .guide_sub_info .detail > ul > li.tt{ width:100%; padding-right:0; margin-bottom:18px; font-size:18px; }
    .guide_sub_info .detail > ul > li.tx,
    .guide_sub_info .detail > ul > li:not(.tt){ width:100%; font-size:14px; }
    .guide_sub_info .detail p{ margin:20px 0 5px;  font-size:15px;}
	.guide_sub_info .detail p span {margin:0 5px;}

	.guide_sub_info .procedure_wrap{ flex-direction:column; gap:20px; }
    .guide_sub_info .procedure_wrap .box{ padding:20px 10px; flex:1; }
    .guide_sub_info .procedure_wrap .box p{ font-size:18px; margin-bottom:20px; }
 
	.cerfiticate-table { font-size:13px;}
	.cerfiticate-table th { font-size:14px; width:60%;}
	.cerfiticate-table th, .cerfiticate-table td {padding:10px 5px;}

	.cerfiticate-btn {width:100%; margin-top:30px; }
	.cerfiticate-btn a { font-size:16px;}

	.nb_q { padding:10px 20px;  font-size: 16px; border-radius:30px;}
	.nb_q::after {  right: 20px; }
	.nb_a {padding:0 20px;   font-size: 14px;  line-height: 1.4; border-radius:30px;}
	.nb_a .info {position: relative; padding:20px 0;}

	.record{  padding:20px 15px 15px 15px; }
	.record ul{    flex-direction:column;  gap:15px;}
    .record p.tt{    font-size:20px;  }
	.record p.tx{    font-size:15px;  margin:10px 0;}
    .record ul li{    min-height:auto;    padding:20px;   font-size:16px;}
	.record ul li .btn a{ min-width:100px;  height:35px;}
	
	.record_step ul{ flex-direction:column; gap:40px; }
    .record_step ul li{ min-height:100px; font-size:16px; }
    .record_step ul li p{ font-size:20px; }
    .record_step ul li:not(:last-child)::after{ content:"⬇"; right:auto; left:50%; top:auto; bottom:-40px; transform:translateX(-50%); }

}




/* ---------- 오시는길 ---------- */
.location_wrap {position:relative; clear:both;width:1400px; margin:0 auto; max-width:100%; padding:70px 0;}

.map_info{position:relative; clear:both;   display:flex;    gap:40px;    align-items:flex-start;    flex-wrap:wrap;}
.map_info ul{    flex:1;    min-width:0;    display:flex;    align-items:flex-start;    margin:0;    padding:0; }
.map_info ul:first-child{    flex:2;}
.map_info ul li{padding:5px 20px;    font-size:17px;    line-height:1.6;    color:#333; font-weight:700;}
.map_info ul li.tt{    flex-shrink:0; background:#3e69cf; color:#fff; letter-spacing:0px;  border-radius:10px 10px 20px 10px; text-align:center;   margin-right:15px;}

.map_wrap{ position:relative; clear:both; padding:70px 0;}
.map_wrap .frame{ position:relative; width:100%; max-width:1400px; margin:0 auto;}
.root_daum_roughmap,
.root_daum_roughmap .wrap_map{ width:100% !important;}
.root_daum_roughmap{ overflow:hidden; }
.root_daum_roughmap iframe{ width:100% !important; height:600px !important;}

.line_wrap{    display:flex;    gap:40px;    align-items:stretch; }
.line_wrap .box{    flex:1;    padding:35px;    border:1px solid #dfdfdf;    border-radius:20px 20px 50px 20px;     box-sizing:border-box;}
.line_wrap .box .tit{    font-size:28px;    font-weight:800;    color:#000;    margin-bottom:25px; border-bottom:1px solid #efefef; padding-bottom:20px; text-align:center;}
.line_wrap .box ul{    display:flex;    align-items:flex-start;    margin:0 0 30px;    padding:0;  gap:20px;}
.line_wrap .box ul:last-child{    margin-bottom:0;}
.line_wrap .box ul li{ font-size:15px;    line-height:1.6;    color:#333;}
.line_wrap .box ul li p {font-weight:900 !important; font-size:18px; margin-top:5px;}
.line_wrap .box ul li p span {margin-left:30px; }
.line_wrap .box ul li.tt{    flex-shrink:0;    width:100px;    text-align:center; font-size:18px;   font-weight:700;    color:#fff;    background:#243d60;    border-radius:12px 12px 30px 12px;    padding:15px 10px;    box-sizing:border-box;}
.line_wrap .box .color2 {color:#1568d5 !important;}
.line_wrap .box .color3 {color:#02c131 !important;}
.line_wrap .box .bg1 {background:#697215 !important; }
.line_wrap .box .bg2 {background:#3564c8 !important; }
.line_wrap .box .bg3 {background:#61bd2a !important; }






@media(max-width:800px){

	.location_wrap {padding:50px 0;}	

	.map_info{ flex-direction:column; gap:10px; }
	.map_info ul{width:100%; }
	.map_info ul li{padding:5px 10px;    font-size:14px;    }
	.map_info ul li.tt{   margin-right:5px;}

	.map_wrap{ padding:40px 0;}
	.root_daum_roughmap iframe{ height:250px !important; overflow:hidden; }
		
	.line_wrap{ flex-direction:column; gap:20px; }
    .line_wrap .box{ padding:15px; }
	.line_wrap .box .tit{ font-size:20px; margin-bottom:20px; padding-bottom:15px;border-radius:12px 12px 20px 12px; }
    .line_wrap .box ul{ margin:0 0 20px; gap:15px; }
	.line_wrap .box ul li{ font-size:14px;    line-height:1.4; }
    .line_wrap .box ul li.tt{ width:60px; font-size:14px; }
	.line_wrap .box ul li p {font-size:16px; }
	.line_wrap .box ul li p span {margin-left:20px; }



}





/* ---------- 미션비전 ---------- */
.mission_vision{  padding:100px 20px;  background:#f6f8fb;  font-family:'Pretendard','Noto Sans KR',sans-serif;}
.mission_vision .inner{  width:1400px;  max-width:100%;  margin:0 auto;}
.mv_title{  text-align:center;  margin-bottom:55px;}
.mv_title span{  display:inline-block;  color:#2f67c8;  font-size:16px;  font-weight:800;  letter-spacing:.12em;  margin-bottom:12px;}
.mv_title h2{  margin:0;  color:#111;  font-size:46px;  font-weight:800;  letter-spacing:-0.05em;}
.mission_box{  position:relative;  padding:60px 70px;  margin-bottom:35px;  border-radius:30px 30px 80px 30px;  background:linear-gradient(135deg,#173b73,#2f67c8);  color:#fff;  overflow:hidden;}
.mission_box:after{  content:"MISSION";  position:absolute;  right:45px;  bottom:-18px;  font-size:95px;  font-weight:900;  color:rgba(255,255,255,.08);  letter-spacing:-0.04em;}
.mission_box .label{  display:inline-block;  padding:8px 18px;  margin-bottom:25px;  border:1px solid rgba(255,255,255,.4);  border-radius:50px;  font-size:15px;  font-weight:700;}
.mission_box p{  position:relative;  z-index:1;  margin:0;  font-size:34px;  line-height:1.45;  font-weight:700;  letter-spacing:-0.05em;}
.vision_wrap{  display:grid;  grid-template-columns:repeat(3,1fr);  gap:25px;}
.vision_card{  position:relative;  min-height:260px;  padding:42px 36px;  border-radius:26px;  background:#fff;  border:1px solid #e4e8ef;  box-shadow:0 18px 40px rgba(20,40,80,.08);  box-sizing:border-box;  transition:.35s;}
.vision_card:hover{  transform:translateY(-8px);  box-shadow:0 25px 55px rgba(20,40,80,.14);}
.vision_card .num{  display:flex;  align-items:center;  justify-content:center;  width:48px;  height:48px;  margin-bottom:28px;  border-radius:50%;  background:#eef4ff;  color:#2f67c8;  font-size:18px;  font-weight:900;}
.vision_card h3{  margin:0 0 18px;  color:#111;  font-size:25px;  line-height:1.35;  font-weight:800;  letter-spacing:-0.05em;}
.vision_card p{  margin:0;  color:#555;  font-size:18px;  line-height:1.7;  font-weight:500;  letter-spacing:-0.04em;}
.vision_card strong{  color:#2f67c8;  font-weight:800;}


@media(max-width:1024px){

  .mission_vision{ padding:70px 20px; }
  .mv_title h2{ font-size:36px; }
  .mission_box{ padding:45px 35px; }
  .mission_box p{ font-size:27px   }
  .vision_wrap{ grid-template-columns:1fr;  }
  .vision_card{    min-height:auto;  }

}


@media(max-width:640px){

  .mv_title h2{ font-size:30px; }
  .mission_box{ border-radius:22px 22px 55px 22px; }
  .mission_box p{ font-size:20px; }
  .mission_box:after{ font-size:58px; right:20px; }
  .vision_card{ padding:32px 25px; }
  .vision_card h3{ font-size:22px; }
  .vision_card p{ font-size:16px; line-height:20px;}

}




/* ---------- 부유방 ---------- */
.breast_detail_img_list1 { position:relative; }
.breast_detail_img_list1 ul{    display:flex;    gap:50px;    margin:0;    padding:0;    list-style:none;}
.breast_detail_img_list1 li{    position:relative;    flex:1;    background:#fff;    border-radius: 20px 20px 70px 20px;   overflow:hidden;    box-shadow: 0 15px 15px rgba(0,0,0,.05);    transition:.35s;}
.breast_detail_img_list1 li:hover{    transform:translateY(-8px);}
.breast_detail_img_list1 li:not(:last-child):after{    content:"";    position:absolute;    right:-35px;    top:140px;    width:35px;    height:2px;    background:#2f67c8;}
.breast_detail_img_list1 .img{    position:relative;    height:240px;    overflow:hidden;}
.breast_detail_img_list1 .img:before{    content:"";    position:absolute;    inset:0;    background:linear-gradient(rgba(16,43,85,.05), rgba(16,43,85,.25) );    z-index:2;}
.breast_detail_img_list1 .img img{    width:100%;    height:100%;    object-fit:cover;    transition:.7s;}
.breast_detail_img_list1 li:hover img{    transform:scale(1.08);}
.breast_detail_img_list1 .txt{    padding:35px;}
.breast_detail_img_list1 .step{    display:inline-flex;    align-items:center;    justify-content:center;    width:85px;    height:36px;    border-radius:50px;    background:#3e69cf;    color:#fff;    font-size:14px;    font-weight:800;    margin-bottom:22px;}
.breast_detail_img_list1 p{    margin:0;    color:#333;    font-size:21px;    line-height:1.6;    font-weight:700;    letter-spacing:-0.04em;}
.breast_detail_img_list1 strong{    color:#2f67c8;}

.beforeafter_sect  { position:relative; background:#2d4074; padding:100px 0 120px 0; text-align:center;}
.beforeafter_sect h2{ color:#fff;   font-size:50px;    font-weight:800;    margin-bottom:5px;}
.beforeafter_sect p.txt {color:#fff;    font-size:18px;   }
.beforeafter_sect .img { margin-top:50px;}


@media(max-width:1024px){

	.breast_detail_img_list1 ul{flex-direction:column;}
	.breast_detail_img_list1 li:not(:last-child):after{display:none;}

}


@media(max-width:800px){

	.breast_detail_img_list1 .img{height:220px;}
	.breast_detail_img_list1 .txt{padding:28px;}
	.breast_detail_img_list1 p{font-size:18px;}

	.beforeafter_sect  { padding:50px 0 70px 0; }
	.beforeafter_sect h2{   font-size:25px;  margin-bottom:0;}
	.beforeafter_sect p.txt {    font-size:15px;   }
	.beforeafter_sect .img { margin-top:20px;}

}




/* ---------- 여유증 ---------- */
.breast_detail_img_list2{ position:relative; }
.breast_detail_img_list2 ul{  display:grid;  grid-template-columns:repeat(3,1fr);  gap:28px;  margin:0;  padding:0;  list-style:none;}
.breast_detail_img_list2 li{  position:relative;  overflow:hidden;  padding:42px 34px;  background:#fff;   border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);  box-sizing:border-box;}

.breast_detail_img_list2 .grade{   display:inline-flex;    align-items:center;    justify-content:center;    width:85px;    height:36px;    border-radius:50px;    background:#3e69cf;    color:#fff;    font-size:14px;    font-weight:800;    margin-bottom:22px;}
.breast_detail_img_list2 h3{  margin:0 0 25px;  color:#111;  font-size:20px;  line-height:1.35;  font-weight:800;  letter-spacing:-0.05em;}
.breast_detail_img_list2 h3 span{  display:block;  margin-top:6px;  color:#3e69cf;  font-size:20px;  font-weight:800;}
.breast_detail_img_list2 .info_box{  margin-top:16px;  padding:20px;  border-radius:18px;  background:#f7f9fc;}
.breast_detail_img_list2 .info_box strong{  display:block;  margin-bottom:8px;  color:#333;  font-size:18px;  font-weight:900;}
.breast_detail_img_list2 .info_box p{  margin:0;   font-size:16px;  line-height:1.7;  letter-spacing:-0.03em;}

.breast_txt {position:relative; margin:40px 0; font-size:18px; line-height:35px;}
.breast_txt strong{ font-size:25px;  font-weight:800;}

.glandular_img  { position:relative; margin-top:50px; padding:42px 34px;  background:#fff;   border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);  box-sizing:border-box;}
.glandular_img img {border-radius: 20px 20px 70px 20px;}

@media(max-width:1024px){

  .breast_detail_img_list2 ul{ grid-template-columns:1fr;  }

}

@media(max-width:640px){

	.breast_txt {position:relative; margin:30px 0 0 0; font-size:16px; line-height:22px;}
	.breast_txt strong{ font-size:18px;  font-weight:800;}

  .breast_detail_img_list2{ padding:60px 0 20px 0;  }
  .breast_detail_img_list2 li{ padding:20px 15px; border-radius:22px 22px 55px 22px;  }
  .breast_detail_img_list2 h3{ font-size:20px;  }
  .breast_detail_img_list2 .info_box{ padding:18px;  }
  .breast_detail_img_list2 .info_box p{ font-size:15px;  line-height:20px;}

  .breast_txt { font-size:15px; line-height:20px;}

  .glandular_img  { margin-top:0px; padding:20px 15px; border-radius:22px 22px 55px 22px; }
  .glandular_img img {border-radius: 15px 15px 40px 15px;}

}



/* ---------- 유방종양 ---------- */
.symptom_card_list{  display:grid;  grid-template-columns:repeat(3,1fr);  gap:28px;  margin-bottom:60px;}
.symptom_card{  position:relative;  padding:38px 32px;  background:#fff;  border:1px solid #e6eaf0;  border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);   box-sizing:border-box;}
.symptom_card .num{  display:flex;  align-items:center;  justify-content:center;  width:48px;  height:48px;  margin-bottom:24px;  border-radius:50%;  background:#eef5ff;  color:#2f67c8;  font-size:17px;  font-weight:900;}
.symptom_card h3{  margin:0 0 16px;  color:#111;  font-size:24px;  line-height:1.35;  font-weight:800;  letter-spacing:-0.04em;}
.symptom_card h3 span{  display:block;  margin-top:4px;  color:#bbb;  font-size:15px;  font-weight:700;}
.symptom_card p{  margin:0;  color:#555;  font-size:16px;  line-height:1.75;  letter-spacing:-0.03em;}
.warning_box{  position:relative;  overflow:hidden;  padding:45px;  background:linear-gradient(135deg,#173b73,#2f67c8);  border-radius:28px 28px 80px 28px;  color:#fff;}
.warning_box:after{  content:"CHECK";  position:absolute;  right:35px;  bottom:-15px;  color:rgba(255,255,255,.08);  font-size:90px;  font-weight:900;}
.warning_box h3{  position:relative;  z-index:1;  margin:0 0 28px;  font-size:30px;  font-weight:900;  letter-spacing:-0.05em;}
.warning_box ul{  position:relative;  z-index:1;  display:grid;  grid-template-columns:repeat(3,1fr);  gap:20px;  margin:0;  padding:0;}
.warning_box li{  padding:25px;  background:rgba(255,255,255,.12);  border:1px solid rgba(255,255,255,.25);  border-radius:20px;  box-sizing:border-box;letter-spacing:-0.03em;}
.warning_box li strong{  display:block;  margin-bottom:10px;  color:#fff;  font-size:19px;  line-height:1.4;  font-weight:800;}
.warning_box li p{  margin:0;  color:rgba(255,255,255,.85);  font-size:15px;  line-height:1.7;}


.treatment_method_wrap{position:relative; margin-top:40px;}
.treatment_method_wrap ul{margin:0; padding:0; list-style:none;}
.treatment_method_wrap li{position:relative; margin-bottom:30px; padding:45px; background:#fff; border:1px solid #e5eaf1; border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);  overflow:hidden; box-sizing:border-box;}
.treatment_method_wrap li:last-child{margin-bottom:0;}
.treatment_method_wrap .top{display:flex; align-items:flex-start; gap:25px; margin-bottom:28px;}
.treatment_method_wrap h4{margin:0; color:#111; font-size:25px; line-height:1.35; font-weight:900; letter-spacing:-0.05em; }
.treatment_method_wrap h4 span{display:block; margin-top:6px; color:#bbb; font-size:17px; font-weight:700;}
.treatment_method_wrap .info_wrap{display:flex; gap:20px;}
.treatment_method_wrap .info_box{flex:1; padding:28px; background:#f7f9fc; border-radius:18px;}
.treatment_method_wrap .info_box strong{display:block; margin-bottom:12px; color:#3e69cf; font-size:18px; font-weight:900;}
.treatment_method_wrap .info_box p{margin:0; color:#555; font-size:16px; line-height:1.6; letter-spacing:-0.03em;}



@media(max-width:1024px){

	.symptom_card_list,
	.warning_box ul{    grid-template-columns:1fr;  }
	.treatment_method_wrap .info_wrap{flex-direction:column;}

}

@media(max-width:800px){

	.clinical_symptom_wrap{    padding:65px 0;  }
	.clinical_symptom_wrap .section_title h2{    font-size:30px;  }
	.clinical_symptom_wrap .section_title p{    font-size:16px;  }
	.symptom_card_list{  gap:20px;  margin-bottom:40px;}
	.symptom_card{    padding:20px 15px;  border-radius:22px 22px 55px 22px; }
	.symptom_card h3{    font-size:20px;  }
	.symptom_card p{  font-size:15px;  line-height:20px; }
	.warning_box{    padding:20px 15px;   border-radius:22px 22px 55px 22px;  }
	.warning_box h3{    font-size:20px;  }
	.warning_box:after{    font-size:55px;  }
	.warning_box li{  padding:15px;}
	.warning_box li strong{ font-size:17px;  line-height:1.4;  font-weight:800;}
	.warning_box li p{ font-size:15px;  line-height:20px;}

	.treatment_method_wrap{padding:65px 0; margin-top:0;}
	.treatment_method_wrap li{ margin-bottom:20px;  padding:20px 15px;  border-radius:22px 22px 55px 22px; }
	.treatment_method_wrap .top{flex-direction:column; gap:18px; margin-bottom:15px;}
	.treatment_method_wrap h4{font-size:20px;}
	.treatment_method_wrap .info_wrap{ gap:10px;}
	.treatment_method_wrap .info_box{padding:15px;}
	.treatment_method_wrap .info_box p{font-size:15px;  line-height:20px;}

}



/* ---------- 갑상선 ---------- */
.exam_list{    display:flex;    gap:28px; margin-bottom:70px;}
.exam_item{    flex:1;    overflow:hidden;    background:#fff;    border:1px solid #e5eaf1;    border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);     transition:.35s;}
.exam_item:hover{transform:translateY(-8px);}
.exam_item .img{height:220px;overflow:hidden;position:relative;}
.exam_item .img img{width:100%;height:100%;object-fit:cover;transition:.7s;}
.exam_item:hover img{transform:scale(1.08);}
.exam_item .txt{padding:32px;}
.exam_item h4{margin:0 0 18px;font-size:25px;font-weight:900;line-height:1.35;color:#111;letter-spacing:-0.05em;}
.exam_item h4 span{display:block;margin-top:6px;font-size:15px;font-weight:700;color:#bbb;}
.exam_item p{margin:0;font-size:16px;line-height:1.8;color:#555;letter-spacing:-0.03em;}

.exam_list2{ position:relative;}
.exam_list2 h4{margin:50px 0 10px 0;font-size:25px;font-weight:900;line-height:1.35;color:#111;letter-spacing:-0.05em; }



@media(max-width:1200px){

	.exam_list{flex-wrap:wrap;}
	.exam_item{width:calc(50% - 14px);flex:none;}

}


@media(max-width:800px){

	.thyroid_wrap{padding:70px 0;}
	.thyroid_wrap .title_box h2{font-size:34px;}
	.exam_list{flex-direction:column;}
	.exam_item{width:100%;}
	.exam_item .img{height:200px;}
	.exam_item .txt{padding:15px;}
	.exam_item h4{font-size:18px;margin:0 0 10px;}
	.exam_item p{font-size:15px;  line-height:20px;}

	.exam_list2 h4{margin:30px 0 10px 0;font-size:18px;}


}




/* ---------- 담낭염 ---------- */
.cholecystitis_card_list{  display:grid;  grid-template-columns:repeat(4,1fr);  gap:28px;  margin-bottom:60px;}
.cholecystitis_card{  position:relative;  padding:25px;  background:#fff;  border:1px solid #e6eaf0;  border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);   box-sizing:border-box;}
.cholecystitis_card .img{margin-bottom:30px;}
.cholecystitis_card .img img {width:100%; border-radius:15px 15px 50px 15px !important;}
.cholecystitis_card h3{  margin:0 0 16px;  color:#111;  font-size:24px;  line-height:1.35;  font-weight:800;  letter-spacing:-0.04em;}
.cholecystitis_card h3 span{  display:block;  margin-top:4px;  color:#bbb;  font-size:15px;  font-weight:700;}
.cholecystitis_card p{  margin:0;  color:#555;  font-size:16px;  line-height:1.75;  letter-spacing:-0.03em;}




@media(max-width:1200px){

	.cholecystitis_card_list{  display:grid;  grid-template-columns:repeat(2,1fr);  gap:20px;  margin-bottom:60px;}
	.cholecystitis_card{  position:relative;  padding:20px;  background:#fff;  border:1px solid #e6eaf0;  border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);   box-sizing:border-box;}
	.cholecystitis_card .img{margin-bottom:20px;}
	.cholecystitis_card .img img {width:100%; border-radius:15px 15px 50px 15px !important;}
	.cholecystitis_card h3{  margin:0 0 10px;  color:#111;  font-size:20px;  line-height:1.35;  font-weight:800;  letter-spacing:-0.04em;}
	.cholecystitis_card p{ font-size:14px;  line-height:1.5; }

}



@media(max-width:800px){

	.cholecystitis_card_list{  grid-template-columns:repeat(1,1fr); }
	.cholecystitis_card_list{gap:15px; }
	.cholecystitis_card{ padding:10px;}


}





/* ---------- 담석 ---------- */
.self-diagnosis{ position:relative;	width:100%;  padding:45px; background:#fff; border:1px solid #e5eaf1; border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);  overflow:hidden; box-sizing:border-box;}
.self-diagnosis ul{	display:flex; align-items:flex-start;	gap:5px;	padding:18px 0; font-weight:700; 	margin:0;	border-bottom:1px solid #dfdfdf;}
.self-diagnosis ul .check{ letter-spacing:6px; flex:0 0 50px;	font-size:22px; line-height:1.6;	font-weight:800;	color:#999;}
.self-diagnosis ul li:last-child{	flex:1; font-size:20px;	line-height:1.6;	color:#333;	word-break:keep-all;}
.self-diagnosis ul:last-child{border-bottom:none;}
.self-diagnosis p {font-size:30px; line-height:1.6;	font-weight:800;	color:#3e69cf; margin-bottom:20px; }

.notimg { position:relative; padding:100px 0; text-align:center; 	font-size:30px; font-weight:800;	color:red;}


@media (max-width:800px){

	.self-diagnosis{ padding:20px;  border-radius:24px 24px 55px 24px; }
	.self-diagnosis ul{ gap:10px; padding:20px 0; }
	.self-diagnosis ul .check{ flex:0 0 40px; font-size:18px; line-height:1.3;}
	.self-diagnosis ul li:last-child{ font-size:16px; line-height:1.3;}
	.self-diagnosis p {font-size:20px; margin-bottom:0; }

}


.gallstone_img { position:relative; margin-top:80px;}
.gallstone_img h2 {font-size: 45px;  font-weight: 900;  color: #363079;  letter-spacing: -0.05em; }
.gallstone_img ul {  display: flex;  gap: 30px;  margin: 0;  padding: 0;  margin-top:30px;}
.gallstone_img li {  flex: 1;  overflow: hidden;  border-radius: 20px 20px 70px 20px; box-shadow: 0 15px 15px rgba(0,0,0,.05);  overflow:hidden; box-sizing:border-box;}
.gallstone_img img {  width: 100%;  object-fit: cover;  display: block;}



/* 반응형 */
@media (max-width: 900px) {

  .gallstone_img {	margin-top: 50px ;  }
  .gallstone_img h2 {	font-size: 25px;  }
  .gallstone_img ul {	gap: 20px;  }


}


@media (max-width: 800px) {

  .gallstone_img ul {	gap: 10px;  }
  .gallstone_img li { border-radius: 15px 15px 40px 15px;}
  .gallstone_img img {	height: auto;  }
  

}


















/* ---------- 담낭용종 ---------- */
.gallbladder_polyp_list{  display:grid;  grid-template-columns:repeat(3,1fr);  gap:28px;  margin-bottom:60px;}
.gallbladder_polyp{  position:relative;  padding:25px;  background:#fff;  border:1px solid #e6eaf0;  border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);   box-sizing:border-box;}
.gallbladder_polyp .img{margin-bottom:30px;}
.gallbladder_polyp .img img {width:100%; border-radius:15px 15px 50px 15px !important;}
.gallbladder_polyp h3{  margin:0 0 16px;  color:#111;  font-size:24px;  line-height:1.35;  font-weight:800;  letter-spacing:-0.04em;}
.gallbladder_polyp h3 span{  display:block;  margin-top:4px;  color:#bbb;  font-size:15px;  font-weight:700;}
.gallbladder_polyp p{  margin:0;  color:#555;  font-size:16px;  line-height:1.75;  letter-spacing:-0.03em;}


@media(max-width:1200px){

	.gallbladder_polyp_list{  display:grid;  grid-template-columns:repeat(3,1fr);  gap:20px;  margin-bottom:60px;}
	.gallbladder_polyp{  position:relative;  padding:20px;  background:#fff;  border:1px solid #e6eaf0;  border-radius: 20px 20px 70px 20px;  box-shadow: 0 15px 15px rgba(0,0,0,.05);   box-sizing:border-box;}
	.gallbladder_polyp .img{margin-bottom:20px;}
	.gallbladder_polyp .img img {width:100%; border-radius:15px 15px 50px 15px !important;}
	.gallbladder_polyp h3{  margin:0 0 10px;  color:#111;  font-size:20px;  line-height:1.35;  font-weight:800;  letter-spacing:-0.04em;}
	.gallbladder_polyp p{ font-size:14px;  line-height:1.5; }

}


@media(max-width:800px){

	.gallbladder_polyp_list{  grid-template-columns:repeat(1,1fr); }
	.gallbladder_polyp_list{gap:15px; }
	.gallbladder_polyp{ padding:10px;}

}



/* ---------- 카톡상담 ---------- */
.kakao_wrap { position:relative; padding:70px 0; text-align:center; 	font-size:18px; font-weight:700; line-height:30px; background:#ffde00; padding:100px;}
.kakao_wrap strong {font-weight:900;}





/* =========== 개인정보, 이용약관 =========== */
#other {position:relative; clear:both; width:94%; padding:1% 3%; }
#other h2 {font-family: 'NanumSquare', sans-serif; font-size:30px; color:#222; font-weight:900; text-align:center; }
#other textarea{padding:3%; width:94%; height:500px; border:1px solid #dfdfdf; font-size:14px; line-height:23px; font-family: 'NanumSquare', sans-serif;
scrollbar-face-color:#FFFFFF;		
scrollbar-highlight-color:#CFCFCF;		
scrollbar-3dlight-color:#FFFFFF;		
scrollbar-shadow-color:#CFCFCF;		
scrollbar-darkshadow-color:#FFFFFF;		
scrollbar-track-color:#FFFFFF;		
scrollbar-arrow-color:#D0D0D0; 
}




@media(max-width:800px){

	#other .policy_iconbox {position:relative; clear:both;  text-align:center; margin-top:50px; color:#000; font-size:12px; font-weight:500;}
	#other .policy_iconbox ul li {float:left; width:48%; min-height:250px;margin:1%; background:#f4f4f4; border:1px solid #dfdfdf; padding:10px;}
	#other .policy_iconbox ul li p.tt {font-size:14px; font-weight:700;}
	#other .policy_iconbox ul li p.img {margin:10px 0;}

}


















/*=================================================================================================*/

.red20b {color:red !important; font-size:22px !important; font-weight:800 !important; }
.black20b {color:black; font-size:22px !important; font-weight:700 !important; }



@media all and (max-width: 1240px){

    .corp_sect {  padding: 40px 0;}
	.corp_sect h2 {  margin-bottom: 10px;  font-size:22px; }
	.corp_sect .corp_track {gap: 10px; }
	.corp_sect .corp_track li { width: 140px;}

    
}




@media screen and (min-width: 1241px){
    /*.special_sect .slide_wrap .item:hover a{transform: translateY(0); color:#fff; background-color: var(--brown);}*/
    /*.special_sect .slide_wrap .item:hover .txt_box .date{color:#F8CBB7;}*/
    .special_sect .slide_wrap .item:hover a{transform: translateY(0); box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.05);}
	.contents {width: 100%;  padding: 0 15px;   font-size:17px; line-height:24px;}

}



@media screen and (max-width: 1400px) {

	.acenter {position: relative; width:100%; margin:0 auto; padding:0 15px;}
	.acenter2 {position: relative; width:100%; margin:0 auto; padding:0 0;}

}



@media screen and (max-width: 768px) {

.center_sect .controls{display:block; }
.contents {padding: 0 15px;   font-size:15px; line-height:20px;}

.red20b {color:red !important; font-size:17px !important; font-weight:800 !important; }
.black20b {color:black; font-size:17px !important; font-weight:700 !important; }
	


}

 

/* 메인 팝업 */
.popup_wrap {width: 100%;height: 100%;position: fixed;z-index: 1005;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none;}
.popup_wrap.on {display: block;background-color: rgba(0,0,0,.8);}

/*.popup_wrap .layer_cont {position: relative;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 350px;height: auto;}
.popup_wrap .img_wrap .swiper-slide img {width: 100%;border-radius: 10px;overflow: hidden;border: 1px solid #999;}*/

.popup_wrap .layer_cont {position: relative;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);width:561px;
    max-width:100%;height: auto;}
.popup_wrap .img_wrap .swiper-slide img { display:block;
    width:560px;
    max-width:100%;
    height:auto;border-radius: 10px;overflow: hidden;}



.popup_wrap .bottom_wrap{color: #fff; position: relative;display: flex; justify-content: space-between; padding-top: 20px;align-items: center; height: 50px; font-size: 16px;}
.popup_wrap .bottom_wrap .controls{position: relative; width: 50%;display: flex; justify-content: flex-end;gap: 15px;height: 30px;align-items: center;}
.popup_wrap .bottom_wrap .controls .swiper-pagination {width: auto; position: static;color: #999;}
.popup_wrap .bottom_wrap .controls .swiper-pagination-current{color: #fff;}
.popup_wrap .bottom_wrap .swiper-button-prev{ background: url(../images/common/popup_btn_l.png) no-repeat center; width: 30px;height: 30px; position: static; margin: 0;}
.popup_wrap .bottom_wrap .swiper-button-next{ background: url(../images/common/popup_btn_r.png) no-repeat center; width: 30px;height: 30px; position: static; margin: 0;}
.popup_wrap .bottom_wrap .swiper-button-prev::after,
.popup_wrap .bottom_wrap .swiper-button-next::after{display: none;}
.popup_wrap .bottom_wrap .form_element input + label{ background-position: 0 0;}

.popup_wrap .btn_close {width: 70px;height: 30px;position: absolute;top: 10px;right: 10px;background: #fff;border-radius: 15px;text-align: left;padding:0 10px;font-size: 16px;line-height: 28px;z-index: 5;}

.popup_wrap .btn_close::before {content: "";width: 2px;height: 14px;background-color: #333;position: absolute;top: 8px;right: 14px;border-radius: 2px;transform: rotate(45deg);}
.popup_wrap .btn_close::after {content: "";width: 14px;height: 2px;background-color: #333;position: absolute;top: 14px;right: 8px;border-radius: 2px;transform: rotate(45deg);}
.form_element input {display: none;}
.form_element input + label {padding-left: 30px;display: inline-block;min-height: 20px;background: url(../images/common/check_off.png) no-repeat left top 2px;background-size: 21px 20px;cursor: pointer;}
.popup_wrap .bottom_wrap .form_element input + label {background-position: 0 0;}
.form_element input:checked + label {background: url(../images/common/check_on.png) no-repeat left top 2px;background-size: 21px 20px;}