@charset "utf-8";

.admin_menu {
	text-align: center;
	font-size: 1.2rem;
}

.admin_menu a {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 1rem 2rem;
}

.desc {
	font-size: 1.2rem;
	line-height: 1.6;
}

.sub_visual {
	width: 100%;
	height: 590px;
	overflow: hidden;
	position: relative;
}

.sub_visual .inner {
	height: 100%;
	display: flex;
	position: relative;
	align-items: center;
}

.sub_visual .txtbox {
	animation: tit_ani 1.2s linear forwards;
}

.sub_visual .txtbox.wh {
	color: #fff;
}

.sub_visual .txtbox .tit {
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 20px;
}

.sub_visual_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	background: no-repeat center center/cover;
	animation: zoom 2s linear both;
}


@keyframes tit_ani {
	0% {
		opacity: 0;
		transform: translate3d(0, 50%, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


@keyframes zoom {

	0% {
		transform: translateX(-50%) scale(1.15);
	}

	100% {
		transform: translateX(-50%) scale(1);
	}
}


#snb {
	background: rgba(0, 0, 0, 0.15);
	position: relative;
	height: 64px;
	margin-top: -64px;
}

#snb .inner ul {
	width: 100%;
	display: flex;
}

#snb .inner ul li {
	width: 20%;
	height: 64px;
}

#snb .inner ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	transition: .5s;
}

#snb .inner ul li a:hover {
	background-color: rgba(0, 0, 0, .3);
}

#snb .inner ul li.active {
	background: rgba(34, 34, 34, .7);
}



.path .inner {
	display: flex;
	justify-content: flex-end;
	padding-top: 40px;
}

.path .inner ul {
	display: flex;
	align-items: center;
}

.path .inner ul li,
.path .inner ul li a {
	display: flex;
	align-items: center;
}

.path .inner ul li .path_chevron {
	color: #ccc;
	vertical-align: middle;
	font-weight: 300;
}

.path .inner ul li a,
.path .inner ul li a span {
	color: #ccc;
	vertical-align: middle;
}

.path .path_home {
	font-variation-settings:
		'FILL' 1,
		'wght' 100,
		'GRAD' 0,
		'opsz' 24;
	color: #ccc;
}




.sub_title h2 {
	padding: 70px 0 120px;
	font-size: 56px;
	text-align: center;
	font-weight: 700;
}





.int_row {
	display: flex;
	justify-content: space-between;
}

.int_row .txt_box {
	width: 50%;
	padding-top: 40px;
}

.int_row .top {
	position: relative;
}

.int_row .top .stl {
	font-size: 28px;
	font-weight: 500;
	color: var(--main-color);
}

.int_row .top .subject {
	font-size: 40px;
	font-weight: 800;
}

.int_row .bot {
	margin-top: 40px;
	padding-top: 30px;
	position: relative;
}

.int_row .bot::before {
	content: '';
	width: 55px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--main-color);
}

.int_row .bot .desc {
	line-height: 1.8;
}

.int_row .img_box {
	width: 50%;
}

.int_row .img_box .circle {
	width: 128px;
	height: 128px;
	position: absolute;
	bottom: -40px;
	left: -64px;
	z-index: 10;
	border-radius: 50%;
}

.int_row .img_box .circle img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.int_row .img_box .circle img.animation {
	animation: rotate-image 10s linear infinite;
	transform-origin: center center;
}



.marquee_wr {
	transform: translateY(60px);
    margin-top: -60px;
}

.check_list_wr {}

.check_list_wr::before {
	content: "";
	display: block;
	width: 750px;
	height: 875px;
	background: #e5efff;
	position: absolute;
	left: 50%;
	transform: translateX(-958px);
	z-index: -1;
}

.check_list_wr .inner {
	display: flex;
	justify-content: space-between;
	padding-top: 192px;
	min-height: 875px;
	/* column-gap: 210px; */
}

.check_list_wr .inner .img_box {
	width: 563px;
	height: 498px;
	flex-shrink: 0;
}

.check_list_wr .inner .txt_box {
	flex-shrink: 0;
}

.check_list_wr .inner .txt_box ul li {
	background: url("../img/sub/check_list_icon.png") no-repeat left 2px;
	padding-left: 90px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 16px;
	font-size: 20px;
}





.txt_box .deco {
	color: var(--sub-color);
	font-size: 19px;
	display: flex;
	column-gap: 26px;
	align-items: center;
	margin-bottom: 20px;
}

.txt_box .deco::after {
	content: "";
	display: block;
	width: 173px;
	height: 1px;
	background-color: var(--sub-color);
}

.txt_box.light .deco {
	color: var(--sub2-color);
}

.txt_box.light .deco::after {
	background-color: var(--sub2-color);
}

.txt_box h3 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 50px;
}

.txt_box.light h3 {
	color: #fff;
}





.con0101 .sec01 {
	padding-top: 60px;
}

.con0101 .sec01 .m11_intro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 19px;
	line-height: 1.9;
}

.con0101 .sec01 .m11_intro h3 {
	font-size: 43px;
	margin-bottom: 50px;
	line-height: 1.2;
}

.con0101 .sec01 .inner {
	margin-top: -180px;
}

.con0101 .sec02 {
	padding-top: 0;
}

.con0101 .sec02 .special_tit {
	background: url("../img/sub/m11_sec02_bg.jpg") no-repeat center / cover;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	row-gap: 20px;
	padding: 90px 0;
	font-size: 19px;
}

.con0101 .sec02 .special_tit p,
.con0101 .sec02 .special_tit h3 span {
	color: #A8C9FF;
}

.con0101 .sec02 .special_tit h3 {
	font-size: 57px;
	font-weight: 600;
}

.con0101 .sec02 .special_cont {
	text-align: center;
}

.con0101 .sec02 .special_cont h4 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 500;
	margin-bottom: 90px;
}

.con0101 .sec02 .special_cont strong {
	color: var(--sub-color);
}

.con0101 .sec02 .special_cont .inner ul {
	display: flex;
	justify-content: space-between;
}

.con0101 .sec02 .special_cont .inner ul li {
	width: 33.33%;
	height: 340px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 28px;
}

.con0101 .sec02 .special_cont .inner ul li:not(:last-child) {
	border-right: 1px solid #ccc;
}

.con0101 .sec02 .special_cont .inner ul li figcaption {
	margin-top: 40px;
}


.bs_more_list ul {
	display: flex;
	justify-content: space-between;
}

.bs_more_list ul li {
	width: 448px;
	font-size: 20px;
}

.con0101 .sec03 {
	position: relative;
}

.con0101 .sec03::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 560px;
	background: #f7f7f7;
	z-index: -1;
}

.bs_more_list li figure {
	display: flex;
	flex-direction: column;
	row-gap: 50px;
}

.bs_more_list li figure h4 {
	color: var(--main-color);
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
}

.bs_more_list li figure a {
	position: relative;
}

.bs_more_list li figure a .m11_btn {
	width: 100px;
	height: 100px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--sub-color);
	transition: .5s;
	position: absolute;
	right: 0;
	bottom: 0;
}

.bs_more_list li figure a .m11_btn span {
	font-size: 50px;
}

.bs_more_list li figure a:hover .m11_btn {
	background: var(--sub-color);
	color: #fff;
}




.con0102 .sec01 {
	position: relative;
}

.con0102 .sec01::after {
	content: "";
	display: block;
	width: 100%;
	height: 747px;
	position: absolute;
	bottom: 0;
	background: url("../img/sub/m12_sec01_bg.jpg") no-repeat center / cover;
	z-index: -1;
}

.con0102 .sec01 .inner {
	display: flex;
	justify-content: space-between;
}

.con0102 .sec01 .doctor_img {
	box-shadow: 8px 11px 36px rgba(0, 0, 0, .15);
	height: 100%;
	margin-bottom: 100px;
}

.con0102 .sec01 .txt_box h3 {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 100px;
}

.con0102 .sec01 .doctor h4 {
	font-size: 34px;
	margin-bottom: 50px;
	color: var(--main-color);
}

.con0102 .sec01 .doctor h4 strong {
	font-size: 43px;
	font-weight: 600;
}

.con0102 .sec01 .doctor .career_wr {
	width: 50%;
	max-height: 700px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 55px;
}

.con0102 .sec01 .doctor .career h5 {
	width: 130px;
	height: 36px;
	background: var(--main-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 18px;
	color: #fff;
	font-size: 22px;
	margin-bottom: 22px;
}

.con0102 .sec01 .doctor .career ul li {
	font-size: 19px;
	line-height: 1.6;
	background: url("../img/main/main_sec03_list_ico.png") no-repeat left 13px;
	padding-left: 18px;
}




.con0103 .sec01 {
	background: url("../img/sub/m13_sec01_bg.jpg") no-repeat right top;
	padding-bottom: 230px;
}

.con0103 .sec01 .inner {
	padding-top: 70px;
}

.con0103 .sec01 .timetable {
	width: 810px;
	height: 580px;
	padding: 70px 220px 70px 100px;
	background: #F9FBFF;
	box-shadow: 8px 11px 36px rgba(0, 0, 0, .15);
}

.con0103 .sec01 .timetable .deco {
	color: var(--sub-color);
	font-size: 20px;
}

.con0103 .sec01 .timetable h3 {
	padding: 10px 0 40px;
	border-bottom: 3px solid var(--sub-color);
	font-size: 40px;
}

.con0103 .sec01 .timetable h3 strong {
	font-size: 43px;
}

.con0103 .sec01 .timetable ul li {
	display: flex;
	column-gap: 40px;
	border-bottom: 1px solid #d9d9d9;
	padding: 22px 0;
	font-size: 20px;
	height: 75px;
}

.con0103 .sec01 .timetable ul li .day {
	width: 90px;
	text-align: justify;
}

.con0103 .sec01 .timetable ul li .day::after {
	content: "";
	display: inline-block;
	width: 100%;
}

.con0103 .sec01 .timetable ul li:last-child {
	border-bottom: 0;
}

.con0103 .sec01 .timetable ul li:last-child span {
	color: var(--sub-color);
	padding-bottom: 0;
	font-size: 19px;
}

.con0103 .sec02 .process_tit {
	background: url("../img/sub/m11_sec02_bg.jpg") no-repeat center / cover;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	row-gap: 20px;
	padding: 90px 0;
	font-size: 19px;
	text-align: center;
}

.con0103 .sec02 .process_tit p {
	color: #A8C9FF;
}

.con0103 .sec02 .process_tit h3 {
	font-size: 40px;
}

.con0103 .sec02 .process_tit h3 strong {
	font-size: 43px;
}

.con0103 .sec02 .inner {
	display: flex;
	justify-content: space-between;
	column-gap: 80px;
}

.con0103 .sec02 .inner figure {
	flex-shrink: 0;
}

.receipt_cont h4 {
	width: 236px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	color: #fff;
	background: var(--sub-color);
	border-radius: 24px;
	line-height: 1;
	margin: 0 auto 47px;
	counter-reset: receipt_num;
}

.receipt_cont ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	row-gap: 20px;
	margin-bottom: 55px;
}

.receipt_cont ul li {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #eff5ff;
	text-align: center;
	counter-increment: receipt_num;
	font-size: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 15px;
	position: relative;
}

.receipt_cont ul li::before {
	content: "0" counter(receipt_num);
	color: var(--sub-color);
	font-weight: 500;
	padding-bottom: 4px;
	border-bottom: 1px solid #BECFEB;
	margin-bottom: 2px;
}

.receipt_cont ul li::after {
	content: url("../img/sub/receipt_arrow.png");
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -25px;
}

.receipt_cont ul li:nth-child(4n)::after {
	display: none;
}


.reserv_btn_wr {
	display: flex;
	justify-content: center;
	column-gap: 20px;
}

.reserv_btn_wr a {
	width: 270px;
	height: 100px;
	text-align: center;
	padding-top: 20px;
	border: 1px solid;
	font-size: 21px;
	font-weight: 600;
	border-radius: 15px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .08);
	transition: .5s;
}

.reserv_btn_wr a.naver {
	border-color: #03CF5D;
}

.reserv_btn_wr a.online {
	border-color: var(--sub-color);
	color: var(--sub-color);
}

.reserv_btn_wr a.naver::before {
	content: url("../img/sub/m13_sec02_ico_01.png");
	margin-right: 4px;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: text-top;
}

.reserv_btn_wr a.online::before {
	content: url("../img/sub/m13_sec02_ico_02.png");
	margin-right: 4px;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: text-top;
}

.reserv_btn_wr a:hover {
	background: rgba(0, 0, 0, .05);
}



.con0104 .sec01 {
	position: relative;
}

.con0104 .sec01::after {
	content: "";
	display: block;
	width: 100%;
	height: 1380px;
	background: url("../img/sub/m14_sec01_bg.jpg") no-repeat center / cover;
	position: absolute;
	bottom: 0;
	z-index: -1;
}

.con0104 .sec01 .marquee_wr {
	transform: translateY(190px);
}


.exp_slide_wr {
	position: relative;
	background: #fff;
	margin-bottom: 30px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.exp_slide_wr button {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background 0.3s;
	background: #f1f1f1;
	color: var(--sub-color);
	z-index: 10;
}

.exp_slide_wr button:hover {
	background: #dedede;
}

.exp_slide_wr button.exp_prev {
	left: 40px;
}

.exp_slide_wr button.exp_next {
	right: 40px;
}

.exp_slide .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 70px 160px;
}

.exp_slide .swiper-slide>div {
	width: 50%;
}

.exp_slide .swiper-slide .img_sec {
	border: 1px solid #d9d9d9;
	width: 500px;
	flex-shrink: 0;
}


.exp_slide .ttg {
	font-size: 25px;
	font-weight: 600;
	color: var(--sub-color);
	margin-bottom: 18px;
}

.exp_slide .subject {
	font-size: 44px;
	font-weight: 600;
	margin-bottom: 50px;
}

.exp_slide .desc {
	line-height: 1.8;
	font-size: 19px;
}


.exp_list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 27px;
	row-gap: 60px;
}

.exp_list li {
	width: 254px;
	cursor: pointer;
}

.exp_list figure {
	position: relative;
}

.exp_list figure::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 4px var(--sub2-color);
	transition: opacity 0.3s;
	opacity: 0;
}

.exp_list figure:hover::before {
	opacity: 1;
}

.exp_list .act figure::before {
	opacity: 1;
}

.exp_list .txtbox {
	text-align: center;
	margin-top: 20px;
}

.exp_list .ttg {
	font-size: 23px;
	color: var(--sub2-color);
	margin-bottom: 5px;
}

.exp_list .subject {
	color: #fff;
	font-size: 19px;
}






.con0106 .sec01 {
	background: url("../img/sub/m16_sec01_bg.jpg") no-repeat center bottom / 100% 730px;
	padding-top: 0;
}

.con0106 .map_wr {
	width: 100%;
	height: 440px;
	overflow: hidden;
}

.con0106 .address {
	text-align: center;
	padding: 80px 0;
}

.con0106 .address h3 {
	width: 180px;
	height: 50px;
	background: var(--main-color);
	color: #fff;
	text-align: center;
	font-size: 32px;
	line-height: 50px;
	margin: 0 auto 24px;
	border-radius: 25px;
}

.con0106 .address h4 {
	font-size: 36px;
	margin-bottom: 30px;
}

.con0106 .address h4 strong {
	color: var(--main-color);
}

.con0106 .address .phone {
	color: var(--main-color);
	font-weight: 700;
	font-size: 52px;
}

.con0106 .sec02 {
	padding-top: 160px;
}

.con0106 .location_wr ul {
	display: flex;
	justify-content: center;
	column-gap: 60px;
}

.con0106 .location_wr h4 {
	width: 400px;
	height: 50px;
	font-size: 28px;
	background: var(--main-color);
	color: #fff;
	text-align: center;
	line-height: 50px;
}

.con0106 .location_wr .desc {
	padding: 30px 20px 0;
	font-size: 22px;
}

.con0106 .location_wr .desc+.desc {
	padding-top: 24px;
}

.con0106 .location_wr .parking {
	text-align: center;
}

.con0106 .location_wr .desc.line::after {
	content: "";
	display: block;
	/* width: 360px; */
	height: 1px;
	margin: 20px auto 0;
	background: #eee;
}

.con0106 .location_wr .route {
	padding: 0 10px;
	border-radius: 20px;
	margin-right: 12px;
	color: #fff;
	height: 28px;
	display: inline-block;
	font-size: 20px;
	line-height: 28px;
}

.route.sky {
	background: #19B5FE;
}

.route.mint {
	background: #00AFBD;
}

.route.grey {
	background: #838383;
}

.route.olive {
	background: #BDAD00;
}




.con0201 .sec03 {
	background: url("../img/sub/m21_sec03_bg.jpg") no-repeat center / cover;
}

.con0202 .sec03 {
	background: url("../img/sub/m22_sec03_bg.jpg") no-repeat center top / auto 940px;
}

.con0203 .sec03 {
	background: url("../img/sub/m23_sec03_bg.jpg") no-repeat center top / auto 940px;
}

.con0204 .sec03 {
	background: url("../img/sub/m24_sec03_bg.jpg") no-repeat center / cover;
}

.con0205 .sec03 {
	background: url("../img/sub/m25_sec03_bg.jpg") no-repeat center / cover;
}


.con0301 .sec03 {
	background: url("../img/sub/m31_sec03_bg.jpg") no-repeat center top / auto 940px;
}

.con0302 .sec03 {
	background: url("../img/sub/m32_sec03_bg.jpg") no-repeat center top / auto 940px;
}

.con0301 .sec04,
.con0302 .sec04 {
	background: url("../img/sub/m31_sec04_bg.jpg") no-repeat center / cover;
}

.con0303 .sec03 {
	background: url("../img/sub/m33_sec03_bg.jpg") no-repeat center / cover;
}

.con0304 .sec02 {
	background: url("../img/sub/m34_sec02_bg.jpg") no-repeat center top / auto 940px;
}

.con0304 .sec03 {
	background: url("../img/sub/m34_sec03_bg.jpg") no-repeat center top / auto 940px;
}

.con0202 .sec03 .list_col5,
.con0203 .sec03 .list_col5,
.con0301 .sec03 .list_col5,
.con0302 .sec03 .list_col5,
.con0304 .sec02 .list_col5,
.con0304 .sec03 .list_col5 {
	margin-bottom: 120px;
}



.list_col5 ul {
	display: flex;
	justify-content: space-between;
	text-align: center;
	font-size: 20px;
}

.list_col5 ul li figure img {
	margin-bottom: 30px;
}






.txt_box.center {
	text-align: center;
}

.txt_box.center .deco {
	justify-content: center;
}

.txt_box.center .deco::after {
	display: none;
}





.symp_box {
	width: 1380px;
	margin: auto;
	background: #fff;
	padding: 90px 100px;
	border-radius: 46px;
	box-shadow: 0 0 22px rgba(0, 0, 0, .08);
}

.symp_table {
	width: 1180px;
}

.symp_table thead tr {
	display: flex;
}

.symp_table thead th {
	width: 50%;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--main-color);
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	padding-left: 50px;
}

.symp_table thead th:first-child {
	background-color: var(--sub-color);
	padding-left: 0;
	padding-right: 50px;
}

.symp_table tbody {
	background: #f9f9f9;
}

.symp_table tbody tr {
	display: flex;
	justify-content: center;
	align-items: center;
}

.symp_table tbody td {
	width: calc(50% - 35px);
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}

.symp_table tbody tr:not(:last-child) td {
	border-bottom: 1px solid #d9d9d9;
}

.symp_table tbody td.subject {
	background: #EAF2FF;
	color: var(--sub-color);
	font-weight: 600;
	width: 100px;
}

.symp_table tbody td.subject:not(:last-child) {
	border-bottom: 1px solid #fff;
}




.con0201 .sec05 {
	background-color: #F7F7F7;
}






.tab_img_wr {
	position: relative;
	height: 310px;
	margin-bottom: 32px;
}

.tab_img {
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
}

.bt_tab {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.bt_tab button {
	width: 330px;
	height: 60px;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	color: var(--main-color);
	background: #fff;
	border-radius: 30px;
	position: relative;
	z-index: 1;
}

.bt_tab button.act {
	transition: 0.5s linear;
	color: #fff;
	background-color: var(--sub2-color);
}

.bt_tab span {
	display: block;
	width: 330px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 0;
	transition: 0.5s;
	transform: translateY(-50%);
	border-radius: 30px;
	background-color: var(--sub2-color);
}



.bt_ctt_wr {
	position: relative;
	height: 100px;
}

.bt_ctt_wr::before {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background: rgba(255, 255, 255, .5);
	margin: 60px auto 20px;
}

.bt_content {
	color: #fff;
	text-align: center;
	transition: .5s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 20px;
	height: 110px;
}


.tab_img:not(.act),
.bt_content:not(.act),
.sub_tab_list ul:not(.act) {
	opacity: 0;
}






.con0304 .sec02 {
	padding-top: 160px;
}

.con0304 .symp_box {
	padding: 90px 75px;
}

.con0304 .bt_tab {
	width: 1000px;
	margin: 0 auto 60px;
}

.con0304 .bt_tab button {
	width: 300px;
	height: 66px;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #d9d9d9;
	border-radius: 33px;
	position: relative;
	z-index: 1;
}

.con0304 .bt_tab button.act {
	transition: 0.5s linear;
	background-color: var(--sub-color);
}

.con0304 .bt_tab span {
	display: block;
	width: 300px;
	height: 66px;
	position: absolute;
	top: 50%;
	left: 0;
	transition: 0.5s;
	transform: translateY(-50%);
	border-radius: 33px;
	background-color: var(--sub-color);
}


.con0304 .bt_cont_wr {
	height: 570px;
}

.con0304 .bt_content {
	color: #222;
	transition: .5s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 0;
	height: auto;
	text-align: initial;
	display: flex;
	justify-content: space-between;
}


.con0304 .bt_content .img_box {
	width: 430px;
	flex-shrink: 0;
}

.con0304 .bt_content .txt_box {
	width: 100%;
}

.con0304 .bt_content .txt_box h4 {
	background: url("../img/sub/m34_txt_box_h4_icon.png") no-repeat left center;
	padding-left: 34px;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}



.con0304 .sub_tab_wr {
	display: flex;
	margin-top: 40px;
	column-gap: 45px;
}

.con0304 .sub_tab {
	width: 100px;
	position: relative;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.con0304 .sub_tab::after {
	content: "";
	display: block;
	width: 0;
	height: 70px;
	border-right: 1px dashed rgba(43, 92, 174, .5);
	position: absolute;
	z-index: -1;
	left: 24px;
	top: 22px;
}

.con0304 .sub_tab button {
	width: 100px;
	height: 48px;
	font-size: 18px;
	font-weight: 500;
	color: #222;
	border-radius: 24px;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 15px;
}

.con0304 .sub_tab button::before {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	background-color: var(--sub-color);
	border-radius: 50%;
	transition: .5s;
}

.con0304 .sub_tab button.act::before {
	background: #fff;
}

.con0304 .sub_tab button.act {
	transition: 0.5s linear;
	color: #fff;
}

.con0304 .sub_tab span {
	display: block;
	width: 100px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 50%;
	transition: 0.5s;
	transform: translateX(-50%);
	border-radius: 24px;
	background-color: var(--sub-color);
}

.con0304 .sub_tab_cont {
	width: 100%;
	flex-shrink: 0;
}

.con0304 .sub_tab_list {
	position: relative;
	height: 190px;
	margin-bottom: 50px;
}

.con0304 .sub_tab_list ul {
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
	width: 560px;
}

.con0304 .sub_tab_list ul li {
	background: url("../img/sub/check_list_icon.png") no-repeat left 2px / 28px;
	padding-left: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 20px;
	font-size: 20px;
}

.con0304 .solution {
	background: #eef2f9 url("../img/sub/m34_plus_icon.png") no-repeat 20px;
	width: 560px;
	padding-left: 130px;
	border-radius: 16px;
	height: 160px;
	font-size: 21px;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.con0304 .solution h5 {
	font-size: 20px;
	font-weight: 500;
	color: var(--sub-color);
}







.con0401 .sec02,
.con0402 .sec02,
.con0403 .sec02,
.con0404 .sec02,
.con0405 .sec02,
.con0406 .sec02 {
	padding-top: 70px;
	position: relative;
}

.con0401 .sec02::before,
.con0402 .sec02::before,
.con0403 .sec02::before,
.con0404 .sec02::before,
.con0405 .sec02::before,
.con0406 .sec02::before {
	content: "";
	display: block;
	width: 100%;
	height: 340px;
	background: var(--main-color);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.con0401 .merit_wr {
	background-image: url("../img/sub/m41_sec02_img.png");
}

.con0402 .merit_wr {
	background-image: url("../img/sub/m42_sec02_img.png");
}

.con0403 .merit_wr {
	background-image: url("../img/sub/m43_sec02_img.png");
}

.con0404 .merit_wr {
	background-image: url("../img/sub/m44_sec02_img.png");
}

.con0405 .merit_wr {
	background-image: url("../img/sub/m45_sec02_img.png");
}

.con0406 .merit_wr {
	background-image: url("../img/sub/m46_sec02_img.png");
}


.merit_wr {
	height: 520px;
	border-radius: 46px;
	box-shadow: 0 0 22px rgba(0, 0, 0, .08);
	background: no-repeat right;
}

.merit_txt_box {
	width: 50%;
	height: 520px;
	background: #fff;
	padding: 70px 60px 0;
	border-radius: 46px;
	box-shadow: 0 0 22px rgba(0, 0, 0, .02);
}

.merit_txt_box ul li {
	background: url("../img/sub/check_list_icon.png") no-repeat left 6px;
	padding-left: 60px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.7;
}

.interval_wr {
	background: #EEF2F9;
	border-radius: 16px;
	padding: 30px 50px;
	display: flex;
	justify-content: space-between;
	font-size: 19px;
	color: var(--sub-color);
	font-weight: 500;
	text-align: center;
	margin-top: 40px;
}

.interval_wr strong {
	font-size: 22px;
	color: #222;
}

.interval_wr .interval,
.interval_wr .number {
	display: flex;
	align-items: center;
	column-gap: 40px;
}

.interval_wr .interval::before {
	content: url("../img/sub/interval_icon_01.png");
}

.interval_wr .number::before {
	content: url("../img/sub/interval_icon_02.png");
}


.check_list_wr.reverse::before {
	transform: translateX(210px);
}







.con0501 .sec03 {
	background: url("../img/sub/m51_sec03_bg.jpg") no-repeat center / cover;
}

.con0501 .sec04 .method>ul,
.con0505 .sec04 .method>ul {
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 20px;
}

.con0501 .sec04 .method>ul li,
.con0505 .sec04 .method>ul li {
	width: calc(50% - 10px);
}

.con0502 .sec03 {
	background: url("../img/sub/m52_sec03_bg.jpg") no-repeat center / cover;
}

.con0502 .sec04 .back_disc_step ul li {
	width: 33.33%;
}

.con0502 .sec04 .back_disc_step ul li img {
	margin: 0 auto 50px;
}



.con0503 .sec02 {
	padding-top: 160px;
	background: url("../img/sub/m53_sec02_bg.jpg") no-repeat center / cover;
}

.con0504 .sec02 {
	padding-top: 160px;
	background: url("../img/sub/m54_sec02_bg.jpg") no-repeat center / cover;
}

.con0503 .sec02 .check_list_wr::before,
.con0504 .sec02 .check_list_wr::before {
	display: none;
}

.con0503 .sec02 .check_list_wr .inner,
.con0504 .sec02 .check_list_wr .inner {
	display: block;
	padding-top: 0;
	min-height: auto;
}

.con0503 .sec02 .check_wh_box,
.con0504 .sec02 .check_wh_box {
	width: 50%;
	background: #fff;
	border-radius: 46px;
	padding: 70px 65px;
}

.con0503 .type_col4 ul li figcaption,
.con0504 .type_col4 ul li figcaption {
	font-size: 20px;
	line-height: 1.6;
	font-weight: 400;
}

.con0505 .sec02 {
	padding-top: 160px;
	background: url("../img/sub/m55_sec02_bg.jpg") no-repeat center / cover;
}

.con0505 .sec03 {
	background: #F5F5F5;
}

.con0505 .sec03 h3 {
	margin-bottom: 20px;
}

.con0505 .sec03 .desc {
	font-size: 19px;
	margin-bottom: 60px;
}

.con0505 .sec03 .desc::before {
	content: "■";
	color: var(--sub-color);
	font-size: 12px;
	margin-right: 10px;
}

.con0505 .sec03 figure img {
	margin-bottom: 70px;
}

.con0505 .sec03 figcaption {
	color: #979797;
	font-size: 25px;
	text-align: center;
}





.col3_list ul {
	display: flex;
	justify-content: space-between;
	counter-reset: number;
}

.col3_list ul li {
	width: 438px;
	border-radius: 16px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	counter-increment: number;
}

.col3_list ul li figcaption {
	background-color: #fff;
	padding: 50px 40px 0 45px;
	min-height: 290px;
	font-size: 19px;
	line-height: 1.6;
}

.col3_list ul li figcaption h4 {
	font-size: 28px;
	display: flex;
	column-gap: 15px;
	align-items: center;
	font-weight: 600;
	margin-bottom: 20px;

}

.col3_list ul li figcaption h4::before {

	content: counter(number);
	color: #fff;
	background-color: var(--sub-color);
	font-size: 24px;
	font-weight: 500;
	width: 36px;
	height: 36px;
	line-height: 1.3;
	text-align: center;
}







.symp_list ul li {
	background: url("../img/sub/check_list_icon.png") no-repeat left 2px;
	padding-left: 60px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 16px;
	font-size: 20px;
}

.symp_list ul li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}




.con0202 .symp_table {
	background: #f9f9f9;
	display: flex;
	margin-bottom: 34px;
}

.con0202 .symp_list h4 {
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--main-color);
	color: #fff;
	font-size: 28px;
	font-weight: 600;
}

.con0202 .symp_list:first-child h4 {
	background-color: var(--sub-color);
}

.con0202 .symp_list ul {
	padding: 48px 124px;
}

.con0202 .symp_list {
	position: relative;
	width: 100%;
}

.con0202 .symp_list:first-child::after {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 96px);
	background: #d9d9d9;
	position: absolute;
	right: 0;
	top: 80px;
}




.con0301 .symp_table,
.con0302 .symp_table {
	display: flex;
	justify-content: space-between;
	margin-bottom: 34px;
}

.con0301 .symp_list h4,
.con0302 .symp_list h4 {
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--main-color);
	color: #fff;
	font-size: 28px;
	font-weight: 600;
}

.con0301 .symp_list:first-child h4,
.con0302 .symp_list:first-child h4 {
	background-color: var(--sub-color);
}

.con0301 .symp_list:nth-child(2) h4,
.con0302 .symp_list:nth-child(2) h4 {
	background-color: #295192;
}

.con0301 .symp_list ul,
.con0302 .symp_list ul {
	background: #f9f9f9;
	display: flex;
	flex-direction: column;
	padding: 0 30px;
	height: 320px;
	justify-content: center;
}

.con0301 .symp_list ul li,
.con0302 .symp_list ul li {
	background-size: 28px;
	padding-left: 46px;
}





.symp_noti {
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #EEF2F9;
	column-gap: 15px;
	border-radius: 16px;
	font-size: 19px;
}

.symp_noti::before {
	content: url("../img/sub/symp_noti_ico.png");
	line-height: 1;
}





.type_col4 ul {
	display: flex;
	justify-content: space-between;
}

.type_col4 ul li {
	width: 301px;
}

.type_col4 ul li figcaption {
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	margin-top: 40px;
}




.method>ul {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}

.method>ul>li {
	padding: 54px;
	background-color: #EEF2F9;
	border-radius: 16px;
}

.method>ul>li>figure {
	display: flex;
	column-gap: 50px;
	align-items: center;
}

.method>ul>li>figure img {
	width: 160px;
}

.method figcaption h4 {
	color: var(--sub-color);
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}

.con0205 .method figcaption>ul {
	padding-top: 30px;
	border-top: 1px solid #ccc;
	margin-top: 30px;
}

.con0205 .method figcaption>ul>li {
	display: flex;
	column-gap: 30px;
	align-items: center;
	font-size: 19px;
}

.con0205 .method figcaption>ul>li:first-child {
	margin-bottom: 20px;
}

.con0205 .method figcaption strong {
	width: 221px;
	background: var(--main-color);
	color: #fff;
	padding: 5px 0;
	border-radius: 30px;
	font-weight: 500;
	text-align: center;
}






.sec04 .back_disc_step ul {
	display: flex;
	counter-reset: list-number;
}

.sec04 .back_disc_step ul li {
	width: 25%;
	text-align: center;
	counter-increment: list-number;
	font-size: 20px;
	transition: transform .5s;
}

.sec04 .back_disc_step ul li:hover {
	transform: translateY(-20px);
}

.sec04 .back_disc_step ul li figcaption {
	border-top: 5px solid var(--main-color);
	padding-top: 10px;
}

.sec04 .back_disc_step ul li:nth-child(2n) figcaption {
	border-color: #29b6bb;
}

.sec04 .back_disc_step ul li:not(:first-child) figcaption {
	border-left: 1px solid #D9D9D9;
}

.sec04 .back_disc_step ul li figcaption::before {
	content: "0" counter(list-number);
	display: block;
	font-size: 60px;
	color: #eee;
	font-weight: 600;
}




.con0204 .sec05 {
	background: url("../img/sub/m24_sec05_bg.jpg") no-repeat center / cover;
	padding: 110px 0;
}

.con0204 .sec05 h3 {
	font-size: 35px;
	font-weight: 200;
	letter-spacing: -2px;
	margin-bottom: 30px;
}

.con0204 .sec05 h3 strong {
	font-weight: 500;
}

.con0204 .sec05 .yellow {
	color: #F6EC90;
}



.sub_qna {
	background: url("../img/sub/sub_qna_bg.jpg") no-repeat center / cover;
}

.qna_accrodion h4 {
	font-size: 24px;
	border-top: 1px solid #ccc;
	font-weight: 500;
	padding: 15px 30px 15px 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.qna_accrodion h4 span {
	color: #888;
	font-size: 60px;
}

.qna_accrodion h4 span.active {
	color: var(--sub-color);
}

.qna_accrodion p.desc {
	border-top: 1px solid #ccc;
	background: #fff;
	padding: 35px 50px;
}

.qna_accrodion p.desc::before {
	content: "Answer.";
	color: var(--sub-color);
	display: block;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}

.qna_accrodion ul li:last-child p.desc {
	border-bottom: 1px solid #ccc;
}





.program {}

.program .inner {
	display: flex;
	position: relative;
}

.text_box {
	width: 490px;
	height: 620px;
	padding: 125px 58px;
	background: #f5f5f5;
	border-radius: 50px;
}

.text_box .tiny {
	color: var(--sub-color);
	font-size: 20px;
	margin-bottom: 15px;
}

.text_box .title {
	font-size: 43px;
	letter-spacing: -2px;
	font-weight: 700;
	line-height: 1.3;
}

.text_box .title strong {
	font-weight: 700;
	color: var(--sub-color);
}

.item_hover {
	opacity: 0;
}

.program .slide_box {
	width: 1628px;
	position: absolute;
	left: 360px;
	top: 50%;
	transform: translateY(-50%);
}

/* .prgm_slide .swiper-slide {
	height: 500px;
	align-items: center;
} */

.prgm_slide .swiper-slide .txt_box {
	width: 100%;
	position: absolute;
	text-align: center;
	padding: 0 25px;
	top: 50%;
	transform: translateY(-30px);
	z-index: 2;
	transition: transform 0.5s, opacity 0.5s;
}

.prgm_slide .swiper-slide .txt_box .tit {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 15px;
}

.prgm_slide .swiper-slide .txt_box .desc {
	color: #fff;
	line-height: 1.5;
	font-weight: 300;
	transition: .5s;
	opacity: 0;
}

.prgm_slide .swiper-slide-active .item_wr .txt_box,
.prgm_slide .swiper-slide .item_wr:hover .txt_box {
	top: 50%;
}

.prgm_slide .swiper-slide-active .item_wr .txt_box .desc,
.prgm_slide .swiper-slide .item_wr:hover .txt_box .desc {
	opacity: 1;
}

.prgm_slide .swiper-slide .item_wr .arrow_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	color: var(--main-color);
	margin: 40px auto 0;
	font-size: 40px;
	z-index: 20;
}

.prgm_slide .swiper-slide .item_wr .arrow_btn span {
	font-size: 40px;
}


.prgm_slide .swiper-slide .item_wr {
	width: 398px;
	height: 417px;
	overflow: hidden;
	border-radius: 35px;
	position: relative;
	transition: all 0.5s ease-in-out;
	box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.15);
}

.prgm_slide .swiper-slide .item_wr figure {
	width: 100%;
	height: 100%;
	position: relative;
	transition: all 0.5s;
}

.prgm_slide .swiper-slide .item_wr figure img {
	width: 100%;
	position: absolute;
	/* transition: opacity 0.5s ease; */
}

.prgm_pagination {
	display: flex;
	margin-top: 145px;
}

.prgm_pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ddd;
	border-radius: 5px;
	margin: 0 5px;
	opacity: 1;
	transition: all 0.3s;
}

.prgm_pagination .swiper-pagination-bullet-active {
	width: 32px;
	background: var(--sub-color);
}