@charset "utf-8";

/*========================================================================================================================================= */
/*================================================================ common ================================================================= */
/*========================================================================================================================================= */
section:last-of-type {padding-bottom: 120px;}
main {overflow: hidden;}

.link {position: absolute; top: -120px; left: 0;}
.res-bg{padding: 120px 0 !important;}
.title-num{display: flex;  padding-top: 5px; margin: 0 auto 10px; background: #595248; color: #fff; font-size: 30px; width: 60px; height: 60px; align-items: center; justify-content: center; font-family: 'NanumSquare',san-serif; font-weight: 700; border-radius: 50%;}

.stick ul.flex li h6{background: #595248; color: #fff; padding: 10px; font-family: 'NanumSquare',san-serif; font-weight: 700;}
.stick ul.flex li:nth-child(2n) h6{background: #006a65;}


/* 숫자 스타일 */
.num::before {content: attr(data-num); display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background: #42b1a6; color: #fff; font-size: 24px; font-weight: 500; text-align: center;}
.num.num-posa::before {position: absolute; margin: 0;}


/* 미들 타이틀 (작은 타이틀) */
.middle-title {font-family: 'NanumSquare',san-serif; text-align: center; margin-bottom: 40px;} 
.middle-title p {font-weight: 400; white-space: pre-line; margin-top: 20px;}
.middle-title h3,
.middle-title h4 {line-height: 1.4; font-weight: 900; white-space: pre-line;}
.middle-title h5,
.middle-title h6 {font-weight: 700; white-space: pre-line;}
.middle-title > span.num::before {font-family: 'NanumSquare',san-serif; font-weight: 400; margin: 0 auto 20px;} 


/* 테이블 스타일 */
.table-wrap {text-align: center;}
.table-wrap .middle-title h4 {display: inline-block; padding: 12px 20px 8px; background-color: #595248; color: #fff;}
.table-wrap table {width: 100%; white-space: pre-line;}
.table-wrap table tr, .table-wrap table th, .table-wrap table td {font-size: 18px; padding: 15px 10px; border: 1px solid #eee; vertical-align: middle;}
.table-wrap table thead tr, .table-wrap table tbody tr th {background: #f5f5f5; font-weight: 600;}
.table-wrap .imp-icon img{max-width: 50px; margin-bottom: 10px;}


/* 사진 들어간 테이블 */
.photo-table table {text-align: center; width: 100%;}
.photo-table table tr, .photo-table table tr td {padding: 15px 10px; border: 1px solid #ccc; vertical-align: middle;}
.photo-table table td {white-space: pre-line;}
.photo-table table thead tr:first-of-type td, .photo-table table thead tr {border: none;}
.photo-table table thead tr:first-of-type td {padding: 0;}
.photo-table table thead tr:last-of-type td {background: #595248; color: #fff; font-weight: 600; font-size: 20px;}
.photo-table table thead tr:first-of-type td:not(:first-child) {border: 1px solid #ccc; border-bottom: none;}


/* 숫자 리스트 */
.num-list .num {position: relative; margin-bottom: 30px; padding-left: 50px; text-align: left; /* display: flex; align-items: center; */}
.num-list .num:last-child {margin-bottom: 0;}
.num-list .num::before {position: absolute; display: flex; align-items: center; justify-content: center; left: 0; top: -4px; width: 35px; height: 35px; font-size: 20px;}
.num-list .num:nth-child(2n)::before {background-color: #00635e;}
.num-list.middle .num::before {top: 50%; transform: translateY(-50%);}


/* 이미지 테두리 리스트 */
.line-list img {border: 1px solid #ccc;}


/* 원형 이미지 테두리 리스트 */
.circle-list img {border-radius: 50%; border: 1px solid #ccc;}


/* 파란 선 들어간 네모 박스 */
.line-box li > div {position: relative; padding: 30px 20px 30px 30px; border: 1px solid #eee;}
.line-box li > div::after {content: ''; display: block; width: 10px; height: 100%; position: absolute; left: 0; top: 0; background-color: #595248;}
.line-box h5 {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; font-weight: 500;}
.line-box p {white-space: pre-line;}


/* 사진+텍스트 들어간 기본 스타일 */
.basic-box {display: flex; align-items: center; justify-content: flex-start; margin-top: 40px;}
.basic-box:first-of-type {margin-top: 0;}
.basic-box li:first-child {flex: 1;}
.basic-box li:last-child {margin-left: 30px; flex: 1;}
.basic-box li h4,
.basic-box li h5 {margin: 0 0 15px; font-weight: 800; white-space: pre-line; font-family: 'NanumSquare',san-serif; line-height: 1.4;}
.basic-box li.num h4,
.basic-box li.num h5 {margin: 20px 0 15px;}
.basic-box li p {white-space: pre-line;}
.basic-box.line li h4,
.basic-box.line li h5 {position: relative; padding-bottom: 10px;}
.basic-box.line li h4::before,
.basic-box.line li h5::before {position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; background: linear-gradient(to right, #1f9e9c, #8ab142);}


/* 원 안에 아이콘 없는 박스 */
.circle-box > div > div {border-radius: 50%; background-color: #f5f5f5;}
.circle-box:nth-child(2n-1) > div > div {background-color: #e7ddd0;}
.circle-box > div > div::after {content: ''; display: block; padding-bottom: 100%;}
.circle-box p {position: absolute; width: 100%; height: auto; bottom: 50%; transform: translate(0, 50%); text-align: center; white-space: pre-line;}
.circle-box h5 {position: absolute; white-space: pre-line; text-align: center; bottom: 50%; transform:translateY(50%); display: inline-block; width: 100%;	}
/* .circle-box span{font-size: 24px; font-weight: bold;} */


/* 원 안에 아이콘 들어간 리스트 */
.circle-icon > li > div > div {border-radius: 50%; border: 2px solid #f5f5f5; width: 100%; height: 100%;}
.circle-icon > li:nth-child(2n-1) > div > div {border: 2px solid #d9dfee;}
.circle-icon > li > div > div::after {content: ''; display: block; padding-bottom: 100%;}
.circle-icon > li > div > div > div {position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 50%; transform: translate(-50%, -50%); left: 50%; height: 50%; width: 100%;}
.circle-icon p {margin-top: 15px; line-height: 1.4;}


/* 배경색 타이틀 */
.bg-tit {display: inline-block; padding: 4px 28px; margin: 0 auto; background: linear-gradient(to right, #1f9e9c, #8ab142); color: #fff;}


/* 둥근 모서리를 가진 배경색 타이틀 */
.radius-tit {display: inline-block; padding: 8px 42px; margin: 0 auto; border-radius: 40px; background: linear-gradient(to right, #1f9e9c, #8ab142); color: #fff;}


/* 자세히 보기 버튼 */
.detail-btn a {position: relative; display: inline-block; margin-top: 20px; padding: 12px 30px; border: 1px solid #333; font-size: 15px; font-weight: 700; transition: 0.4s ease-in-out;}
.detail-btn a::before {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #327cbd; transition: 0.4s ease-in-out; z-index: -1;}
.detail-btn a:hover::before {width: 100%;}
.detail-btn a:hover {color: #fff; border: 1px solid #327cbd;}

/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
#wrapper {margin-top: 75px;}

}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {

}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
/* 테이블 스타일 */
.table-wrap .table-scroll {overflow-x: scroll; overflow-y: hidden; max-width: 100%;}
.table-scroll::-webkit-scrollbar {width: 12px;}
.table-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
.table-scroll::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background-color: #516371; border: 2px solid transparent;}
.table-wrap table {min-width: 900px;}
/* .table-wrap table tr, .table-wrap table th, .table-wrap table td {font-size: 15px;} */
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
section:last-of-type {padding-bottom: 80px;}

.res-bg{padding: 80px 0 !important;}

/* 숫자 스타일 */
.num::before {margin: 10px auto 0; width: 40px; height: 40px;}
.num-list .num::before {margin: 0 10px 0 0;}


/* 사진 들어간 테이블 */
.photo-table table td {font-size: 15px;}
.photo-table table thead tr:last-of-type td {font-size: 18px;}


/* 사진+텍스트 들어간 기본 스타일 */
.basic-box {display: block; text-align: center;}
.basic-box:not(:first-of-type) {margin-top: 40px;}
.basic-box li:last-child {margin-left: 0; margin-top: 20px;}
.basic-box li h4,
.basic-box li h5 {margin: 20px 0 10px;}
.basic-box li.num h4,
.basic-box li.num h5 {margin: 10px 0 15px;}
.basic-box li img {max-width: 500px; width: 100%;}
.basic-box.line li h4::before,
.basic-box.line li h5::before {left: 50%; transform: translateX(-50%);}


/* 파란 선 들어간 네모 박스 */
.line-box li::after {width: 8px;}
.line-box li > div {height: auto !important;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:480px) {
section:last-of-type {padding-bottom: 60px;}

.link {top: -60px;}
.res-bg{padding: 50px 0 !important;}
.stick .flex > li > div.m10{margin: 5px;}
.title-num{font-size: 20px; width: 45px; height: 45px;}


/* 숫자 스타일 */
.num::before {width: 35px; height: 35px; font-size: 17px; margin: 0 auto;}
.num-list .num {display: flex; align-items: center; margin-bottom: 0; padding-left: 40px;}
.num-list .num:not(:first-child) {margin-top: 20px;}
.num-list .num::before {width: 30px; height: 30px; margin: 0 auto; font-size: 16px;}


/* 미들 타이틀 (작은 타이틀) */
.middle-title{margin-bottom: 20px;}
.middle-title p{margin-top: 10px;}
.middle-title > span.num::before {margin: 0 auto 10px;}


/* 사진+텍스트 들어간 기본 스타일 */
.basic-box li:last-child {margin-top: 15px;}
.basic-box li img {max-width: 70%;}
.basic-box li h4,
.basic-box li h5 {margin: 15px 0 10px; line-height: 1.4;}
.basic-box li.num h4,
.basic-box li.num h5 {margin: 10px 0;}


/* 원 안에 아이콘 없는 박스 */
.circle-box > div {margin: 5px !important;}
.circle-box h5 {font-size: 15px;}


/* 파란 선 들어간 네모 박스 */
.line-box li::after {width: 5px;}
.line-box li > div {padding: 25px 20px 30px 25px;}
.line-box li h5 {padding-bottom: 5px; margin-bottom: 10px;}


/* 테이블 스타일 */
.table-wrap table {min-width: 700px;}
.table-wrap table tr, .table-wrap table th, .table-wrap table td {font-size: 12px;}
.table-wrap .imp-icon img{max-width: 30px; margin-bottom: 5px;}


/* 사진 들어간 테이블 */
.photo-table table td {font-size: 12px;}
.photo-table table tr, .photo-table table tr td {padding: 10px 5px;}
.photo-table table thead tr:last-of-type td {font-size: 15px;}


/* 배경색 타이틀 */
.bg-tit {padding: 3px 24px;}


/* 둥근 모서리를 가진 배경색 타이틀 */
.radius-tit {padding: 6px 32px;}
}

/* throat-area5 맞춤진료 */
.throat-area5 { background: url('../img/sub/custom_bg.png') no-repeat center center; background-size: cover; padding-bottom: 120px; position: relative; }
.throat-area5 .inner { position: relative; z-index: 1; }
.custom-list { gap: 20px; }
.custom-list li { flex: 1; border: 7px solid #006272; padding: 40px 10px;background: #fff; }
.custom-icon { width: 80px; height: 80px; margin: 0 auto; }
.custom-icon img { width: 100%; }
.custom-list li h5 { color: #006272; font-family: "GmarketSansBold"; white-space: pre-line;}}
.custom-list li p { color: #666; }
@media screen and (max-width: 1024px) {
	.custom-list { flex-wrap: wrap; }
	.custom-list li { flex: 0 0 calc(50% - 10px); }
}

@media screen and (max-width: 769px) {
	.throat-area5 { padding-bottom: 80px; }
	.custom-list li { padding: 30px 20px; }
	.custom-icon { width: 60px; height: 60px; }
}

@media screen and (max-width: 480px) {
	.throat-area5 { padding-bottom: 60px; }
	.custom-list li { flex: 0 0 100%; }
}


/*========================================================================================================================================= */
/*================================================================ common ================================================================= */
/*========================================================================================================================================= */



/*========================================================================================================================================= */
/*================================================================ banner ================================================================= */
/*========================================================================================================================================= */
	

/* common */
.banner-bg {padding: 200px 0;}
.banner-bg h2 {color: #fff; text-align: center;font-family: "GmarketSansBold"; }
.banner-bg p {color: #fff; text-align: center; font-size: 13px; letter-spacing: 2px;margin-bottom: 10px;}


/* about */
.sub1-bg.banner-bg {background: url(../img/sub/sub1_bg.png) center/cover no-repeat;}
.sub2-bg.banner-bg {background: url(../img/sub/sub2_bg.png) center/cover no-repeat;}
.sub3-bg.banner-bg {background: url(../img/sub/sub3_bg.png) center/cover no-repeat;}
.sub4-bg.banner-bg {background: url(../img/sub/sub4_bg.png) center/cover no-repeat;}
.sub5-bg.banner-bg {background: url(../img/sub/sub5_bg.png) center/cover no-repeat;}
.sub6-bg.banner-bg {background: url(../img/sub/sub6_bg.png) center/cover no-repeat;}
.sub7-bg.banner-bg {background: url(../img/sub/about_bg.jpg) center/cover no-repeat;}


/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
.banner-bg{padding: 150px 0;}
}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {

}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {

}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.banner-bg{padding: 100px 0;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:480px) {
.banner-bg{padding: 60px 0;}
}


/*========================================================================================================================================= */
/*================================================================ banner ================================================================= */
/*========================================================================================================================================= */



/*============================================================================================================================================= */
/*================================================================ sub1 style ================================================================= */
/*============================================================================================================================================= */

/* 서브1-1 */
.philosophy-area {position: relative; padding-bottom: 120px;background: url(../img/sub/sub1_1_bg.png) center bottom/cover no-repeat; }
.philosophy-wrap {position: relative; z-index: 1; }

@media screen and (max-width: 769px) {
	.philosophy-area { padding-bottom: 80px; }
	.philosophy-wrap { max-width: 100%; }
}

@media screen and (max-width: 480px) {
	.philosophy-area { padding-bottom: 60px; }
}

/* 서브1-2 */
/* doctor-intro-area 의료진 소개 인트로 */
.doctor-intro-area { position: relative; padding-bottom: 120px; }
.doctor-intro-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; z-index: 0; }
.doctor-intro-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; opacity: 0.3; }
.doctor-intro-area .inner { position: relative; z-index: 1; }
.doctor-intro-content { max-width: 900px; margin: 0 auto;  font-family: 'NostalgicMyoeunHeullim';}

@media screen and (max-width: 769px) {
	.doctor-intro-area { padding-bottom: 80px; }
	.doctor-intro-bg { height: 50%; }
}

@media screen and (max-width: 480px) {
	.doctor-intro-area { padding-bottom: 60px; }
}

/* doctor-profile-area 의료진 프로필 */
.doctor-profile-area { padding-bottom: 120px; }
.doctor-wrap { position: relative; align-items: flex-start; }
.doctor-title{white-space: pre-line;}
.doctor-img { position: relative; }
.doctor-img-inner { position: relative; }
.doctor-img-inner > img { width: 100%; border-radius: 10px; }
.doctor-name-box{background: #006272;padding: 20px;}
.doctor-name-box p { color: #fff; }
.doctor-name-box h4 {color: #fff;}
.doctor-name-box h4 span { font-weight: 400; margin-left: 5px;}
.doctor-info { padding-left: 50px; }

.info-label { display: inline-block; padding: 5px 15px; background: #006272; color: #fff; font-weight: 600; }
.info-box ul li { position: relative; padding-left: 12px; line-height: 1.8; font-size:20px;font-weight: 500;}
.info-box ul li::before { content: ''; position: absolute; left: 0; top: 16px; width: 4px; height: 4px; background: #006272; border-radius: 50%; }

@media screen and (max-width: 1024px) {
	.doctor-info { padding-left: 30px; }
}

@media screen and (max-width: 769px) {
	.doctor-profile-area { padding-bottom: 80px; }
	.doctor-wrap { flex-direction: column; }
	.doctor-img, .doctor-info { width: 100%; }
	.doctor-img-inner { max-width: 300px; margin: 0 auto; }
	.doctor-info { padding-left: 0; margin-top: 40px; }
	.doctor-tip { display: none; }
	.info-box ul li {font-size: 15px;}
	.info-box ul li::before {top:13px;}
}

@media screen and (max-width: 480px) {
	.doctor-profile-area { padding-bottom: 60px; }
	.doctor-img-inner { max-width: 250px; }
}
/* research-area 연구 및 학술활동 */
.research-area { background: url('../img/sub/research_bg.png') no-repeat center center; background-size: cover; padding-bottom: 120px; }
.research-list li { margin-bottom: 30px; color: #fff; }
.research-list li .research-num { color: #bff6ff; font-weight: 700; }
.research-list li p { display: inline; line-height: 1.8; }

@media screen and (max-width: 769px) {
	.research-area { padding-bottom: 80px; }
	.research-list li { margin-bottom: 25px; }
}

@media screen and (max-width: 480px) {
	.research-area { padding-bottom: 60px; }
	.research-list li { margin-bottom: 20px; }
}

/* 서브1-4 */
/* time-area 진료시간 */
.time-area { padding-bottom: 120px; }
.time-wrap { gap: 60px; }
.time-img img { width: 100%; }
.time-info { padding-left: 20px; }
.time-list li { display: flex; align-items: center; margin-bottom: 10px; font-size: 25px; }
.time-list li .day { width: 100px; font-weight: 700; }
.time-list li .time { flex: 1; letter-spacing: 2px; font-weight: 700;}
.time-notice { color: #888; }
.time-tel a { display: inline-flex; }
.time-tel .tel-icon { width: 50px; height: 50px; background: #de7c00; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; color: #fff; }
.time-tel .tel-num { font-size: 32px; font-weight: 700; }

@media screen and (max-width: 769px) {
	.time-area { padding-bottom: 80px; }
	.time-wrap { flex-direction: column; gap: 30px; }
	.time-img, .time-info { width: 100%; }
	.time-info { padding-left: 0; }
	.time-list li { font-size: 17px; }
	.time-tel .tel-num { font-size: 26px; }
}

@media screen and (max-width: 480px) {
	.time-area { padding-bottom: 60px; }
	.time-list li { font-size: 15px; }
	.time-list li .day { width: 70px; }
	.time-tel .tel-icon { width: 40px; height: 40px; }
	.time-tel .tel-num { font-size: 22px; }
}
/* 서브1-5 */

/* location-area 오시는 길 */
.location-area { padding-bottom: 120px; }
.location-wrap { gap: 60px; }
.location-map .root_daum_roughmap { width: 100% !important; }
.location-map .wrap_map { height: 360px !important; }
.location-info { padding-left: 20px; }
.location-tel a { display: inline-flex; }
.location-tel .tel-icon { width: 50px; height: 50px; background: #de7c00; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; color: #fff; }
.location-tel .tel-num { font-size: 32px; font-weight: 700; }

@media screen and (max-width: 769px) {
	.location-area { padding-bottom: 80px; }
	.location-wrap { flex-direction: column; gap: 30px; }
	.location-map, .location-info { width: 100%; }
	.location-info { padding-left: 0; }
	.location-tel .tel-num { font-size: 26px; }
}

@media screen and (max-width: 480px) {
	.location-area { padding-bottom: 60px; }
	.location-map .wrap_map { height: 280px !important; }
	.location-tel .tel-icon { width: 40px; height: 40px; }
	.location-tel .tel-num { font-size: 22px; }
}
/*============================================================================================================================================= */
/*================================================================ sub1 style ================================================================= */
/*============================================================================================================================================= */

/*============================================================================================================================================= */
/*================================================================ sub2 style ================================================================= */
/*============================================================================================================================================= */

/* throat-area1 인후통·편도염 메인 */
.throat-main { overflow: hidden; }
.throat-main .throat-img { width: 50%; }
.throat-main .throat-img img { width: 100%; height: 100%; object-fit: cover; }
.throat-main .throat-txt { width: 50%; background: linear-gradient(135deg, #0e6572 0%, #015e89 100%); padding: 60px 50px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.throat-main .throat-txt.type2 { background: linear-gradient(135deg, #f28e27 0%, #fd7461 100%); }
.
.throat-main .throat-txt::after { content: ''; position: absolute; right: -50px; bottom: -50px; width: 300px; height: 300px; background: url('../img/sub/logo_bg.png') no-repeat center center; background-size: contain; opacity: 0.5; z-index: 0; }
.throat-main .throat-txt h4 { position: relative; z-index: 1; font-family: "GmarketSansBold"; white-space: pre-line;}
.throat-main .throat-txt p { position: relative; z-index: 1; }

/* throat-area2 인후통과 편도염 비교 */
.throat-area2 { padding-bottom: 120px; }
.throat-compare { gap: 20px; }
.throat-compare li { overflow: hidden; }
.throat-compare .compare-img img { width: 100%; }
.throat-compare .compare-label { padding: 15px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; }
.throat-compare .compare-label.type1 { background: #006272; }
.throat-compare .compare-label.type2 { background: #de7c00; }

@media screen and (max-width: 769px) {
	.throat-area1 { padding-bottom: 60px; }
	.throat-area2 { padding-bottom: 80px; }
	.throat-main { flex-direction: column; }
	.throat-main .throat-img, .throat-main .throat-txt { width: 100%; }
	.throat-main .throat-txt { padding: 40px 30px; }
	.throat-compare { gap: 15px; }
	.throat-compare .compare-label { font-size: 18px; }
}

@media screen and (max-width: 480px) {
	.throat-area2 { padding-bottom: 60px; }
	.throat-main .throat-txt { padding: 30px 20px; }
	.throat-compare .compare-label { font-size: 16px; padding: 12px; }
}

/* throat-area3 증상 체크리스트 */
.throat-area3 { background: url('../img/sub/throat_symptom_bg.png') no-repeat center center; background-size: cover; padding-bottom: 120px; position: relative; }
.throat-area3 .inner { position: relative; z-index: 1; }
.symptom-box { max-width: 700px; margin: 0 auto; background: #fff; padding: 50px 60px; }
.symptom-list li { position: relative; padding-left: 35px; font-size: 20px; line-height: 2.2;font-family: "GmarketSansMedium";  }
.symptom-list li::before { content: '✅'; position: absolute; left: 0; top: 0; color: #4caf50; font-size: 20px; }

@media screen and (max-width: 769px) {
	.throat-area3 { padding-bottom: 80px; }
	.symptom-box { padding: 40px 30px; }
	.symptom-list li { font-size: 17px; padding-left: 30px; }
	.symptom-list li::before { font-size: 17px; }
}

@media screen and (max-width: 480px) {
	.throat-area3 { padding-bottom: 60px; }
	.symptom-box { padding: 30px 0 30px 20px; }
	.symptom-list li { font-size: 15px; padding-left: 25px; line-height: 2; }
	.symptom-list li::before { font-size: 15px; }
}
/* throat-area4 치료방법 */
.throat-area4 { padding-bottom: 120px; }
.treatment-list { gap: 20px; }
.treatment-list li { overflow: hidden; }
.treatment-img img { width: 100%; }
.treatment-label { padding: 15px; text-align: center; background: #2d3e50; color: #fff; font-size: 20px; font-weight: 700; }


@media screen and (max-width: 769px) {
	.throat-area4 { padding-bottom: 80px; }
	.treatment-list { gap: 30px; }
	.treatment-label { font-size: 18px; }
}

@media screen and (max-width: 480px) {
	.throat-area4 { padding-bottom: 60px; }
	.treatment-label { font-size: 16px; padding: 12px; }
}

/* 서브 2-2 */
/* rhinitis-area2 비염 종류 */
.rhinitis-area2 { background: url('../img/sub/rhinitis_main_bg.png') no-repeat center center; background-size: cover;  padding-bottom: 120px; }
.type-list { gap: 20px; }
.type-list li { flex: 1; border: 1px solid #ddd; }
.type-label { padding: 15px; text-align: center; color: #fff; font-size: 18px; font-weight: 700; }
.type-label.color1 { background: #006272; }
.type-label.color2 { background: #de7c00; }
.type-label.color3 { background: #2d3e50; }
.type-desc { padding: 30px 20px; color: #666; }

@media screen and (max-width: 769px) {
	.rhinitis-area2 { padding-bottom: 80px; }
	.type-list { flex-direction: column; gap: 15px; }
	.type-list li { flex: none; }
}

@media screen and (max-width: 480px) {
	.rhinitis-area2 { padding-bottom: 60px; }
	.type-label { font-size: 16px; }
	.type-desc { padding: 20px 15px; }
}

/* rhinitis-area3 비수술적 치료 */
.rhinitis-area3 { padding-bottom: 120px; }

@media screen and (max-width: 769px) {
	.rhinitis-area3 { padding-bottom: 80px; }
}

@media screen and (max-width: 480px) {
	.rhinitis-area3 { padding-bottom: 60px; }
}

/* rhinitis-area4 비수술적 치료 */
.rhinitis-area4 { padding-bottom: 120px; }
.surgery-title { background: #f5f5f5; }
.surgery-title .surgery-num { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #006272; color: #fff; font-size: 18px; font-weight: 700; }
.surgery-title h5 {width: 100%;text-align: center;font-weight: 700;}
.surgery-step { gap: 0; max-width: 600px; margin: 0 auto; }
.surgery-step li { flex: 1; }
.surgery-step .step-img img { width: 100%; }
.surgery-step .step-label { padding: 10px; text-align: center; background: #2d3e50; color: #fff; font-weight: 500; }
.surgery-step .step-label.color { background: #036081; }

@media screen and (max-width: 769px) {
	.rhinitis-area4 { padding-bottom: 80px; }
	.surgery-title .surgery-num { width: 40px; height: 40px; font-size: 16px; }
	.surgery-title h5 { padding-left: 15px; }
	.surgery-step { max-width: 100%; }
	.surgery-title.flex{flex-wrap: nowrap;}
	.treatment-title.flex{flex-wrap: nowrap;}
}

@media screen and (max-width: 480px) {
	.rhinitis-area4 { padding-bottom: 60px; }
	.surgery-step .step-label { font-size: 14px; padding: 8px; }
}

/* sinusitis-area3 VS 비교 테이블 */
.sinusitis-area3 { padding-bottom: 120px; }
.vs-table table { width: 100%; border-collapse: collapse; }
.vs-table table th { padding: 20px; font-size: 20px; font-weight: 700; color: #fff; }
.vs-table table th.left { background: #006272; text-align: center; }
.vs-table table th.center { background: #333; text-align: center; }
.vs-table table th.right { background: #006272; text-align: center; }
.vs-table table td { padding: 20px; text-align: center; border-bottom: 1px solid #ddd; }
.vs-table table td.center { background: #f5f5f5; font-weight: 600; }
.vs-table table tbody tr:hover td { background: #fafafa; }
.vs-table table tbody tr:hover td.center { background: #eee; }

@media screen and (max-width: 769px) {
	.sinusitis-area3 { padding-bottom: 80px; }
	.vs-table table th { padding: 15px 10px; font-size: 16px; }
	.vs-table table td { padding: 15px 10px; font-size: 14px; }
}

@media screen and (max-width: 480px) {
	.sinusitis-area3 { padding-bottom: 60px; }
	.vs-table table th { padding: 12px 8px; font-size: 14px; }
	.vs-table table td { padding: 12px 8px; font-size: 13px; }
}
/* sinusitis-area4 주요 증상 */
.sinusitis-area4 { padding-bottom: 120px; }
.symptom-grid {gap: 20px; }
.symptom-grid li { }
.symptom-img img { width: 100%; }
.symptom-grid li p { color: #333; font-weight: 500; }

@media screen and (max-width: 769px) {
	.sinusitis-area4 { padding-bottom: 80px; }
	.symptom-grid { gap: 20px 15px; }
}

@media screen and (max-width: 480px) {
	.sinusitis-area4 { padding-bottom: 60px; }
	.symptom-grid li p { font-size: 14px; }
}

/* allergy-area2 알레르기 질환이란 */
.allergy-area2 { padding-bottom: 120px; }
.allergy-symptom-list { gap: 20px; }
.allergy-symptom-list li { }
.allergy-symptom-list .symptom-img img { width: 100%; }
.allergy-symptom-list li p { color: #333; font-weight: 500; }

@media screen and (max-width: 769px) {
	.allergy-area2 { padding-bottom: 80px; }
	.allergy-symptom-list { gap: 15px; }
}

@media screen and (max-width: 480px) {
	.allergy-area2 { padding-bottom: 60px; }
	.allergy-symptom-list li p { font-size: 14px; }
}

/* allergy-area3 알레르기 면역치료란 */
.allergy-area3 { padding-bottom: 120px; }
.allergy-img img { max-width: 800px; width: 100%; }

@media screen and (max-width: 769px) {
	.allergy-area3 { padding-bottom: 80px; }
}

@media screen and (max-width: 480px) {
	.allergy-area3 { padding-bottom: 60px; }
}
/* allergy-area4 알레르기 면역치료 진행 */
.allergy-area4 { padding-bottom: 120px; }
.allergy-type-list { gap: 20px; }
.allergy-type-list li { overflow: hidden; }
.allergy-type-list .type-img img { width: 100%; }
.allergy-type-list .type-label { padding: 15px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; }
.allergy-type-list .type-label.color1 { background: #006272; }
.allergy-type-list .type-label.color2 { background: #de7c00; }
.allergy-type-list .type-desc { color: #666; }

@media screen and (max-width: 769px) {
	.allergy-area4 { padding-bottom: 80px; }
	.allergy-type-list { gap: 15px; }
	.allergy-type-list .type-label { font-size: 18px; }
}

@media screen and (max-width: 480px) {
	.allergy-area4 { padding-bottom: 60px; }
	.allergy-type-list .type-label { font-size: 16px; padding: 12px; }
}

/* throat-area3 추가 */
.throat-area3 { padding-bottom: 120px; }
.virus-img img { max-width: 800px; width: 100%; }

@media screen and (max-width: 769px) {
	.throat-area3 { padding-bottom: 80px; }
}

@media screen and (max-width: 480px) {
	.throat-area3 { padding-bottom: 60px; }
}

/* program-area 치료 프로그램 */
.program-area { padding-bottom: 120px; }
.program-list li { margin-bottom: 40px; gap: 40px; }
.program-list li:last-child { margin-bottom: 0; }
.program-img img { width: 100%; }
.program-txt { }
.program-num {  font-family: "GmarketSansBold"; font-size: 16px; color: #006272; }
.program-txt h4 {  font-family: "GmarketSansBold"; }
.program-txt p { }

@media screen and (max-width: 769px) {
	.program-area { padding-bottom: 80px; }
	.program-list li { flex-direction: column; gap: 20px; margin-bottom: 40px; }
	.program-img, .program-txt { width: 100%; }
}

@media screen and (max-width: 480px) {
	.program-area { padding-bottom: 60px; }
	.program-list li { margin-bottom: 30px; }
}

/*============================================================================================================================================= */
/*================================================================ sub2 style ================================================================= */
/*============================================================================================================================================= */

/*============================================================================================================================================= */
/*================================================================ sub3 style ================================================================= */
/*============================================================================================================================================= */

/* sleep-area2 수면장애 치료 */
.sleep-area2 { padding-bottom: 120px; }
.treatment-block { }
.treatment-title { background: #f5f5f5; }
.treatment-title .treatment-num { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #006272; color: #fff; font-size: 18px; font-weight: 700; }
.treatment-title h5 { padding-left: 20px;text-align: center;font-weight: 700;width: 100%;}
.treatment-item { gap: 40px; }
.treatment-item-img img { width: 100%; }
.treatment-item-txt { }
.cpap-type { background: #f9f9f9; padding: 20px; }
.cpap-type-label { text-align: center; }
.cpap-compare { gap: 20px; }
.cpap-compare .compare-img img { width: 100%; }

@media screen and (max-width: 769px) {
	.sleep-area2 { padding-bottom: 80px; }
	.treatment-title .treatment-num { width: 40px; height: 40px; font-size: 16px; }
	.treatment-title h5 { padding-left: 15px; }
	.treatment-item { flex-direction: column; gap: 20px; }
	.treatment-item-img, .treatment-item-txt { width: 100%; }
	.cpap-type { flex-direction: column; gap: 10px; }
	.cpap-type-label, .cpap-type-list { width: 100%; }
}

@media screen and (max-width: 480px) {
	.sleep-area2 { padding-bottom: 60px; }
	.cpap-compare { gap: 15px; }
}

/* sleep-process-area 수면다원검사 진행 과정 */
.sleep-process-area { padding-bottom: 120px; background: #f5f5f5; }
.sleep-notice { background: #eee; padding: 40px; border-top: 3px solid #006272; border-bottom: 3px solid #006272; }

@media screen and (max-width: 769px) {
	.sleep-process-area { padding-bottom: 80px; }
	.sleep-notice { padding: 30px 20px; }
}

@media screen and (max-width: 480px) {
	.sleep-process-area { padding-bottom: 60px; }
	.sleep-notice { padding: 25px 15px; }
}
/* sleep-prepare-area 수면다원검사 준비사항 */
.sleep-prepare-area { background: url('../img/sub/sleep_bg.png') no-repeat center center; background-size: cover; padding-bottom: 120px; position: relative; }
.sleep-prepare-area::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 0; }
.sleep-prepare-area .inner { position: relative; z-index: 1; }
.prepare-box { background: #fff; padding: 60px; max-width: 900px; margin: 0 auto; }
.prepare-list li { font-size: 18px; line-height: 2.2; font-weight: 700;}

@media screen and (max-width: 769px) {
	.sleep-prepare-area { padding-bottom: 80px; }
	.prepare-box { padding: 40px 30px; }
	.prepare-list li { font-size: 16px; }
}

@media screen and (max-width: 480px) {
	.sleep-prepare-area { padding-bottom: 60px; }
	.prepare-box { padding: 30px 20px; }
	.prepare-list li { font-size: 15px; line-height: 2; }
}
/* snoring-symptom-area 코골이/수면무호흡 치료가 필요한 경우 */
.snoring-symptom-area { background: url('../img/sub/sleep_bg3.png') no-repeat center center; background-size: cover; padding-bottom: 120px; position: relative; }
.snoring-symptom-area::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 0; }
.snoring-symptom-area .inner { position: relative; z-index: 1; }
.snoring-symptom-box { max-width: 900px; margin: 0 auto; }
.snoring-symptom-list li { border: 1px solid #ddd; border-bottom: none; }
.snoring-symptom-list li:last-child { border-bottom: 1px solid #ddd; }
.snoring-symptom-list li p { flex: 1; padding: 25px 20px; text-align: center;  font-size: 18px; font-weight: 500; color: #fff; }
.snoring-symptom-list li p:first-child { border-right: 1px solid #ddd; }

@media screen and (max-width: 769px) {
	.snoring-symptom-area { padding-bottom: 80px; }
	.snoring-symptom-list li { flex-direction: column; }
	.snoring-symptom-list li p { font-size: 16px; padding: 20px 15px; }
	.snoring-symptom-list li p:first-child { border-right: none; border-bottom: 1px solid #ddd; }
}

@media screen and (max-width: 480px) {
	.snoring-symptom-area { padding-bottom: 60px; }
	.snoring-symptom-list li p { font-size: 15px; padding: 18px 12px; }
}

/* snoring-treatment-area 수면다원검사 진료 과정 */
.snoring-treatment-area { padding-bottom: 120px; }
.snoring-treatment-list li { gap: 40px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #ddd; }
.snoring-treatment-list li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.snoring-treatment-list .treatment-img img { width: 100%; }
.snoring-treatment-list .treatment-txt h4 { color: #000; padding-bottom: 15px; font-weight: 600;border-bottom: 3px solid #006272; display: inline-block; }
.snoring-treatment-list .treatment-txt p { color: #000; }

@media screen and (max-width: 769px) {
	.snoring-treatment-area { padding-bottom: 80px; }
	.snoring-treatment-list li { flex-direction: column; gap: 25px; padding-bottom: 30px; margin-bottom: 30px; }
	.snoring-treatment-list .treatment-img, .snoring-treatment-list .treatment-txt { width: 100%; }
}

@media screen and (max-width: 480px) {
	.snoring-treatment-area { padding-bottom: 60px; }
	.snoring-treatment-list li { padding-bottom: 25px; margin-bottom: 25px; }
}
/* snoring-tip-area 올바른 수면패턴을 위한 TIP */
.snoring-tip-area { background: url('../img/sub/sleep_bg2.png') no-repeat center center; background-size: cover; padding-bottom: 120px; position: relative; }
.snoring-tip-area::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 98, 114, 0.7); z-index: 0; }
.snoring-tip-area .inner { position: relative; z-index: 1; }
.snoring-tip-box { background: #fff; padding: 60px; max-width: 900px; margin: 0 auto; }
.snoring-tip-list li { position: relative; padding-left: 35px; font-size: 18px; line-height: 2.2; font-weight: 600;}
.snoring-tip-list li::before { content: '✅'; position: absolute; left: 0; top: 0; font-size: 18px; }

@media screen and (max-width: 769px) {
	.snoring-tip-area { padding-bottom: 80px; }
	.snoring-tip-box { padding: 40px 30px; }
	.snoring-tip-list li { font-size: 16px; }
}

@media screen and (max-width: 480px) {
	.snoring-tip-area { padding-bottom: 60px; }
	.snoring-tip-box { padding: 30px 20px; }
	.snoring-tip-list li { font-size: 15px; line-height: 2; padding-left: 30px; }
}

/* insurance-area2 각 항목별 상세내용 */
.insurance-area2 { padding-bottom: 120px; }
.insurance-list li { padding: 30px; border-left: 4px solid #006272; background: #f9f9f9; margin-bottom: 20px; }
.insurance-list li:last-child { margin-bottom: 0; }
.insurance-list li h5 { color: #333; font-size: 20px; }
.insurance-list li p { color: #666; }

@media screen and (max-width: 769px) {
	.insurance-area2 { padding-bottom: 80px; }
	.insurance-list li { padding: 25px 20px; }
	.insurance-list li h5 { font-size: 18px; }
}

@media screen and (max-width: 480px) {
	.insurance-area2 { padding-bottom: 60px; }
	.insurance-list li { padding: 20px 15px; }
	.insurance-list li h5 { font-size: 16px; }
}
/*============================================================================================================================================= */
/*================================================================ sub3 style ================================================================= */
/*============================================================================================================================================= */

/*============================================================================================================================================= */
/*================================================================ sub4 style ================================================================= */
/*============================================================================================================================================= */


/* dizzy-area2 어지럼증이란 */
.dizzy-symptom { gap: 20px; }
.dizzy-symptom li { overflow: hidden; }
.dizzy-symptom .symptom-img { background: #f5f5f5; }
.dizzy-symptom .symptom-img img { width: 100%; }
.dizzy-symptom .symptom-label { padding: 15px; text-align: center; background: #2d3e50; color: #fff; font-size: 18px; font-weight: 700; }

@media screen and (max-width: 769px) {
	.dizzy-symptom { gap: 15px; }
	.dizzy-symptom .symptom-label { font-size: 16px; }
}

@media screen and (max-width: 480px) {
	.dizzy-symptom .symptom-label { font-size: 14px; padding: 12px; }
}

/* dizzy-area3 어지럼증의 원인 */
.dizzy-area3 { position: relative; padding-bottom: 120px;background: url('../img/sub/dizzy_cause_bg.png') no-repeat center center; overflow: hidden; }
.dizzy-cause-bg { position: absolute; left: 0; bottom: 0; width: 40%; height: 100%; z-index: 0; }
.dizzy-cause-bg img { width: 100%; height: 100%; object-fit: contain; object-position: left bottom; }
.dizzy-area3 .inner { position: relative; z-index: 1; }
.cause-list { gap: 15px; }
.cause-list li { flex: 1; padding: 20px 15px; text-align: center; font-size: 18px; font-weight: 600; border-radius: 10px; }
.cause-list li:nth-child(odd) { background: #b6d2d7; color: #333; }
.cause-list li:nth-child(even) { background: #91acb1; color: #fff; }

@media screen and (max-width: 1024px) {
	.dizzy-cause-bg { width: 35%; }
	.cause-list li { font-size: 16px; padding: 18px 12px; }
}

@media screen and (max-width: 769px) {
	.dizzy-area3 { padding-bottom: 80px; }
	.dizzy-cause-bg { display: none; }
	.dizzy-cause-list { max-width: 100%; margin-left: 0; }
}

@media screen and (max-width: 480px) {
	.dizzy-area3 { padding-bottom: 60px; }
	.cause-list li { padding: 15px 10px; font-size: 14px; }
}
/* dizzy-area4 어지럼증 진단 및 치료 */
.dizzy-area4 { padding-bottom: 120px; background: url('../img/sub/sub_bg_style.png') no-repeat center center;}
.dizzy-exam-item { gap: 40px; }
.dizzy-exam-item .exam-img img { width: 100%; }
.dizzy-exam-item .exam-txt { }

@media screen and (max-width: 769px) {
	.dizzy-area4 { padding-bottom: 80px; }
	.dizzy-exam-item { flex-direction: column; gap: 20px; }
	.dizzy-exam-item .exam-img { width: 100%; }
	.dizzy-exam-item .exam-txt { width: 100%; }
}

@media screen and (max-width: 480px) {
	.dizzy-area4 { padding-bottom: 60px; }
}

/* dizzy-area4 대표적인 어지럼증 질환 */
.dizzy-area4 { padding-bottom: 120px; }
.dizzy-disease { gap: 20px; }
.dizzy-disease li { overflow: hidden; }
.dizzy-disease .disease-img img { width: 100%; }
.dizzy-disease .disease-label { padding: 15px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; }
.dizzy-disease .disease-label.color1 { background: #006272; }
.dizzy-disease .disease-label.color2 { background: #de7c00; }
.dizzy-disease .disease-desc { color: #666; }

@media screen and (max-width: 769px) {
	.dizzy-area4 { padding-bottom: 80px; }
	.dizzy-disease { gap: 15px; }
	.dizzy-disease .disease-label { font-size: 18px; }
}

@media screen and (max-width: 480px) {
	.dizzy-area4 { padding-bottom: 60px; }
	.dizzy-disease .disease-label { font-size: 16px; padding: 12px; }
}



/*============================================================================================================================================= */
/*================================================================ sub4 style ================================================================= */
/*============================================================================================================================================= */

/*============================================================================================================================================= */
/*================================================================ sub5 style ================================================================= */
/*============================================================================================================================================= */

.sub-bg-style{background: url('../img/sub/hearing_bg.png') no-repeat center center;}
/* hearing 난청/이명 메인 추가 스타일 */
.hearing-main .throat-main { margin-bottom: 0; }
.throat-txt.type1 { background: linear-gradient(135deg, #0e6572 0%, #015e89 100%); }
.throat-txt.type2 { background: #de7c00; }

/* hearing-area2 난청/이명 원인 */
.hearing-area2 { padding-bottom: 120px; }
.hearing-cause { gap: 20px; }
.hearing-cause li { padding: 40px; }
.hearing-cause li:first-child { background: #f5f5f5; }
.hearing-cause li:last-child { background: #fff8f0; }
.hearing-cause li h5 { color: #333; }
.hearing-cause li p { color: #666; }

@media screen and (max-width: 769px) {
	.hearing-area2 { padding-bottom: 80px; }
	.hearing-cause { gap: 15px; }
	.hearing-cause li { padding: 30px 20px; }
}

@media screen and (max-width: 480px) {
	.hearing-area2 { padding-bottom: 60px; }
	.hearing-cause li { padding: 25px 15px; }
}

/*============================================================================================================================================= */
/*================================================================ sub5 style ================================================================= */
/*============================================================================================================================================= */

/*============================================================================================================================================= */
/*================================================================ sub6 style ================================================================= */
/*============================================================================================================================================= */

/* oneday-area 원데이 수술 가능 항목 */
.oneday-area { padding-bottom: 120px; background: #f5f5f5; }
.oneday-list { gap: 20px; }
.oneday-list li { padding: 40px; background: #d1e8e8; }
.oneday-list li:nth-child(even){background: #abd4d4;}
.oneday-list li h5 { color: #333; }
.oneday-list li p { color: #555; }

@media screen and (max-width: 769px) {
	.oneday-area { padding-bottom: 80px; }
	.oneday-list { gap: 15px; }
	.oneday-list li { padding: 30px 20px; }
}

@media screen and (max-width: 480px) {
	.oneday-area { padding-bottom: 60px; }
	.oneday-list li { padding: 25px 15px; }
}

/*============================================================================================================================================= */
/*================================================================ sub6 style ================================================================= */
/*============================================================================================================================================= */