@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

/* 칼럼 · 보도자료 게시판 */
.list_inner .bottom {
	display: flex;
	align-items: center;
	column-gap: 1.6rem;
	overflow: hidden;
}
.list_inner .source {
	color: #838483;
    font-size: 16px;
}
.list_inner .bottom p {
	position: relative;
}
.list_inner .bottom p::before {
	content: '';
    position: absolute;
    top: 7px;
    left: -13px;
    width: 1px;
    height: 13px;
    background-color: #ddd;
}

/* 자주 묻는 질문 */
.faq-list {
	border-top: 2px solid #000;
	margin-top: 37px;
}
.faq-list > li {
	display: flex;
	padding: 70px;
	column-gap: 136px;
	align-items: flex-start;
	border-bottom: 1px solid #C1C1C1;
}
.faq-list .num {
	font-size: 36px;
	font-weight: 600;
	width: 100px;
	flex-shrink: 0;
	line-height: 1;
}
.faq-list .content {
	width: 900px;
	max-width: calc(100% - 236px);
}
.faq-list .title {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 18px;
}
.faq-list .txt {
	font-size: 20px;
	line-height: 1.9;
	color: #4A4B4C;
}
.gray-box {
	background-color: #F9F9F9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	line-height: 1;
	padding-inline: 70px 109px;
	padding-block: 48px;
	margin-top: 100px;
}
.gray-box a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 54px;
	border: 1px solid #1A1C1E;
	border-radius: 5px;
	font-size: 16px;
}

/* 수술후기 리뉴얼 */
.review-title-wrap {
	margin-bottom: 87px !important;
}
.review-title-wrap .tit {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	line-height: 1 !important;
}
.review-title-wrap .sch_input {
	display: flex;
	align-items: flex-start;
	height: 36px;
	border-bottom: 1px solid #000;
	width: 452px;
}
.review-title-wrap .sch_input input {
	flex-grow: 1;
	font-size: 16px;
}
.review-title-wrap .sch_input a {
	font-size: 20px;
}
.total-wrap {
	font-size: 33px;
	font-weight: 500;
}
.total-wrap span {
	font-weight: 700;
	color: #0e2e55;
	letter-spacing: -0.7px;
}
.select-category {
	margin-top: 18px;
	display: flex;
	align-items: center;
}
.button-group {
	display: flex;
	column-gap: 10px;
}
.button-group a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-inline: 22px;
	font-size: 17px;
	color: #4a4b4c;
	border-radius: 4px;
	border: 1px solid #c1c1c1;
	height: 46px;
}
.button-group a.on {
	color: #fff;
	background-color: #0e2e55;
	border-color: #0e2e55;
}
.sorting-group {
	margin-left: auto;
	display: flex;
	align-items: center;
	column-gap: 54px;
}
.sorting-group .recent {
	font-size: 17px;
	background: url(/inc/img/sub/sorting.svg) no-repeat left center / auto 16px;
	padding-left: 26px;
}
.sorting-group .nice-select {
	border: 0;
	font-size: 17px;
	padding-left: 0;
	letter-spacing: -0.2px;
}
.sorting-group .nice-select:after {
	width: 7px;
	height: 7px;
	margin-top: -7px;
	border-width: 1px !important;
}
.sorting-group .nice-select.open:after {
	margin-top: -6px;
}
.sorting-group .nice-select .list .option {
	font-size: 15px;
}
.sorting-group .nice-select .option.selected {
    font-weight: 600;
}
.img-list-new {

}
.img-list-new > li {
	border-bottom: 1px solid #c1c1c1;
}
.img-list-new a {
	padding-block: 80px;
	display: flex;
	align-items: center;
}
.img-list-new.login a {
	/* align-items: flex-start; */
}
.img-list-new .img {
	width: 360px;
	aspect-ratio: 360 / 230;
	position: relative;
}
.img-list-new .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img-list-new .img.no_img:after {
    width: 100%;
    height: 100%;
    background-image: url(../img/sub/no_img.jpeg);
    background-position: center;
    background-size: cover;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}
.img-list-new .txt_box {
	margin-left: 80px;
	min-width: 0;
}
.img-list-new .top {
	display: flex;
	margin-bottom: 30px;
	align-items: center;
	column-gap: 20px;
}
.img-list-new .tag {
	font-size: 28px;
	font-weight: 600;
	color: #1A1C1E;
}
.img-list-new .writer {
	color: #828282;
	font-size: 16px;
}
.img-list-new .tit {
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.img-list-new .detail {
	font-size: 17px;
	line-height: 34px;
	margin-top: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.img-list-new a:hover .detail {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.img-list-new .more-detail {
	display: none;
	font-size: 17px;
	color: #828282;
	margin-top: 10px;
}
.img-list-new .before_after {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 600;
}
.img-list-new .before_after > i {
    margin: 0 10px;
    font-size: 16px;
    color: #0e2e56;
}
.img-list-new .before_after > i {
    margin: 0 10px;
    font-size: 16px;
    color: #0e2e56;
}
.img-list-new .empt_list {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #c1c1c1;
}
.img-list-new .empt_list .top_logo {
    width: 120px;
    margin: auto;
    opacity: 0.6;
}
.img-list-new .empt_list p {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    color: #828282;
}

/* 렌즈삽입술 리뉴얼 */
.between_layout {
	display: flex;
	justify-content: space-between;
}
.between_layout .tit_box {
	width: var(--width);
}
.between_layout .img_box {
	width: var(--width);
}
.num_list1 {
	counter-reset: list-number;
}
.num_list1 > li {
	counter-increment: list-number;
	position: relative;
	padding-left: 20px;
	color: #999;
}
.num_list1 > li::before {
	content: counter(list-number)')';
	position: absolute;
	top: 0;
	left: 0;
}
.cumulative .img_box {
	position: relative;
}
.cumulative .counter_box {
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1;
}
.cumulative .counter_box p {
	font-size: 42px;
	font-weight: 600;
	color: #0e2e56;
	line-height: 1.33;
	letter-spacing: -1px;
}
.cumulative .counter_box span {
	width: 160px;
    display: inline-block;
	text-align: center;
}
.cumulative .tit_box {
	margin-top: 20px;
}
.fda {
	margin-top: 55px;
	padding-top: 42px;
	border-top: 1px solid #ddd;
	display: flex;
	align-items: center;
	gap: 0 40px;
}
.fda img {
	width: 126px;
}
.fda .title {
	font-weight: 600;
}
.fda .txt {
	display: flex;
	flex-wrap: wrap;
	gap: 23px;
	overflow: hidden;
}
.fda .txt span {
	position: relative;
}
.fda .txt span::before {
	content: '';
	position: absolute;
	top: 7px;
	left: -12px;
	width: 1px;
	height: 16px;
	background-color: #4e4f50;
}
.scan_system {
	padding: 119px 105px 0;
	height: 602px;
	background: url('/inc/img/sub/scan_system_bg.jpg') no-repeat center / cover;
}
.scan_system .cont_tit i {
    font-family: gulim;
    font-style: normal;
    font-weight: 500;
}
.scan_system .cont_txt {
	margin-top: 32px !important;
}
.scan_system .swiper {
	width: 243px;
}
.scan_system .slide_wrap {
	width: 1020px;
	overflow: hidden;
	margin-top: 70px;
}
.scan_system .swiper-slide {
	width: 208px !important;
	transition: 1s ease;
	height: 168.61px;
	display: flex;
	align-items: flex-end;
	filter: grayscale(1);
}
.scan_system .swiper-slide-active {
	width: 318px !important;
	filter: grayscale(0);
}
.lens_type .between_layout {
	align-items: center;
}
.lens_maker {
	display: flex;
	align-items: center;
	gap: 0 46px;
	margin-top: 80px;
}
.lens_maker img {
	width: var(--w);
}
.lens_angle .between_layout {
	align-items: center;
}
.lens_angle .angle {
	display: flex;
	gap: 0 31px;
	margin-top: 93px;
}
.lens_angle .angle img {
	width: calc((100% - 31px) / 2);
}
.operating_room {
	padding-block: 84px 116px;
	background: url('/inc/img/sub/operating_room.jpg') no-repeat center / cover;
}
.operating_room .tit_box {
	width: 560px;
}
.operating_room .rooms {
	display: flex;
	gap: 0 44px;
	margin-top: 114px;
}
.operating_room .rooms > li {
	width: calc((100% - 44px) / 2);
}
.operating_room .rooms p {
	margin-top: 28px;
	font-size: 16.6px;
}


.presbyopia .sub_top_img .tit_box .txt {font-size: 17px;}
.gen {display: flex; gap: 0 16px; margin-top: 39px;}
.gen > li {width: calc((100% - 32px) / 3);}
.gen .num {margin-left: -8px; color: #c1c1c1; font-size: 29px; font-weight: 500;}
.gen .num strong {font-size: 105px; margin-right: 5px;}
.gen .line {margin-top: -16px; margin-left: -4px; width: 100%; display: flex; gap: 0 8px; align-items: center;}
.gen .line::before {content: ''; box-sizing: border-box; width: 18px; height: 18px; border-radius: 50%; border: 5px solid #0e2e56;}
.gen .line::after {content: ''; flex-grow: 1; height: 1px; background-color: #ddd;}
.gen .title {font-size: 21px; margin-top: 9px;}
.gen .txt {font-size: 16px; color: #4a4b4c; margin-top: 2px; margin-bottom: 31px;}
.presbyopia .artiplus {margin-top: 29px; padding-left: 105px; display: flex; align-items: center; aspect-ratio: 1600 / 590; background: url('/inc/img/sub/banner_artiplus.jpg') no-repeat center / cover;}
.presbyopia .artiplus .title {color: #fff; font-size: 42px; line-height: 1.125; font-weight: 500;}
.presbyopia .artiplus .title sup {font-weight: 300; font-size: 27px;}
.presbyopia .artiplus .txt {color: #fff; font-size: 16px; line-height: 1.78; margin-top: 20px;}
.arti-point {display: flex; margin-top: 85px;}
.arti-point .left {padding-block: 102px 70px; width: 945px; background-color: #ededed; display: flex; justify-content: center; gap: 0 90px;}
.arti-point .right {padding-block: 102px 70px; flex-grow: 1; background-color: #0e2e56; color: #fff;}
.arti-point .image {height: 201.25px; position: relative;}
.arti-point .image img {position: absolute; left: 50%; transform: translateX(-50%); top: 0; max-width: initial; height: 100%;}
.arti-point .point {position: relative; margin-top: 16px; font-size: 21px; color: #4a4b4c; width: 320px; height: 75px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 38px;}
.arti-point li:nth-child(2) .point::before {content: ''; position: absolute; top: 18px; left: -63px; width: 38px; height: 38px; border-radius: 50%; background: #0e2e56 url('/inc/img/sub/ico_plus.png') no-repeat center / 17px;}
.arti-point .title-wrap {height: 122px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.arti-point .title {font-size: 21px; font-weight: 600;}
.arti-point .en {font-size: 17px; color: #4a4b4c;}
.arti-point .right .en {color: #c1c1c1;}
.arti-point .right .txt {position: relative; font-size: 16px; line-height: 1.57; text-align: center; padding-top: 32px;}
.arti-point .right .txt::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 349px; height: 1px; background-color: #c1c1c1;}

.sml .sub_top_img .tit_box .txt {font-size: 17px;}
.sml_target {display: flex; justify-content: space-between;}
.sml-wrap {background-color: #ededed;}
.sml-inner {background: url('/inc/img/sub/sml.jpg') no-repeat right center; padding-block: 79px; height: 636px;}
.sml .tab-box {margin-bottom: 44px;}
.sml-features {display: flex; align-items: center; gap:0 70px;}
.sml-features .title {font-size: 21px; font-weight: 600; margin-bottom: 15px;}
.sml-features .txt {font-size: 16px; line-height: 1.76;}
.img-box {margin-top: 70px;}


.lasik-type {background-color: #ededed; margin-top: 175px; margin-bottom: -295px; padding-top: 175px; padding-bottom: 295px;}
.lasik-type .cont_tit {font-weight: 600 !important;}
.lasik-type ul {margin-top: 140px; display: flex; flex-wrap: wrap; gap: 81px 35px;}
.lasik-type li {width: calc((100% - 35px) / 2);}
.lasik-type li:nth-child(5) {width: 100%;}
.lasik-type li .cont_tit {display: inline-block; margin-bottom: 22px;}
.lasik-type li .cont_tit span {position: relative; margin-right: 28px;}
.lasik-type li .cont_tit span::after {content: '®'; font-size: 31px; position: absolute; right: -23px; top: -2px;}
.lasik-type .title {font-weight: 600; font-size: 36px; line-height: 1.35; color: #fff;}
.lasik-type a {display: block; padding: 50px; width: 100%; aspect-ratio: 780 / 330; background: no-repeat center / cover;}
.lasik-type li:nth-child(1) a {background-image: url('/inc/img/sub/smile-type1.jpg');}
.lasik-type li:nth-child(2) a {background-image: url('/inc/img/sub/smile-type2.jpg');}
.lasik-type li:nth-child(3) a {background-image: url('/inc/img/sub/smile-type3.jpg');}
.lasik-type li:nth-child(4) a {background-image: url('/inc/img/sub/smile-type4.jpg');}
.lasik-type li:nth-child(5) a {background-image: url('/inc/img/sub/smile-type5.jpg'); aspect-ratio: 1601 / 331;}

.smile-card {display: flex; gap: 35px;}
.smile-card > div {width: calc((100% - 35px) / 2); padding-bottom: 32px; background:  no-repeat right top;}
.smile-card .normal:nth-child(1) {background-image: url('/inc/img/sub/smilecard1.jpg'); background-size: 425px;}
.smile-card .normal:nth-child(2) {background-image: url('/inc/img/sub/smilecard2.jpg'); background-size: 322px;}
.smile-card .pro:nth-child(1) {background-image: url('/inc/img/sub/smilecard_pro1.jpg'); background-size: 319px;}
.smile-card .pro:nth-child(2) {background-image: url('/inc/img/sub/smilecard_pro2.jpg'); background-size: 312px;}
.smile-card .lasik:nth-child(1) {background-image: url('/inc/img/sub/smilecard_lasik1.jpg'); background-size: 319px;}
.smile-card .lasik:nth-child(2) {background-image: url('/inc/img/sub/smilecard_lasik2.jpg'); background-size: 312px;}
.smile-card .tit {font-size: 35px; font-weight: 600; line-height: 1.35;}
.smile-card .txt {font-size: 21px; line-height: 1.45; margin-top: 9px;}
.smile-card .zeiss {width: 70px; margin-top: 26px;}

.layout3 {}
.layout3 li {display: flex; flex-wrap: wrap; gap: 35px; align-items: center;}
.layout3 li:nth-child(even) {justify-content: flex-end;}
.layout3 li:not(:first-child) {margin-top: 35px;}
.layout3 .photo {width: calc((100% - 35px) / 2); position: relative;}
.layout3 .photo p {position: absolute; text-align: center; width: 100%; color: #c1c1c1; font-size: 15px; top: 75px;}
.layout3 .title {font-size: 21px; font-weight: 600; line-height: 1.33; margin-bottom: 20px;}
.layout3 .content {padding-left: 17px; padding-right: 87px;}
.layout3 .txt {font-size: 17px;}
.layout3 .txt2 {color: #c1c1c1; font-size: 17px; margin-top: 40px;}
.layout3 .content a {color: #46a8db; font-size: 17px; display: inline-block; margin-top: 40px;}
.layout3.visumax {margin-top: 80px;}
.layout3.visumax .content {width: calc((100% - 35px) / 2);}
.layout3.visumax li:nth-child(odd) .content {padding-left: 240px; padding-right: 0;}
.layout3.visumax .title {margin-bottom: 10px;}
.layout3 .content .small-img {margin-top: 30px;}
.sub_top_img .director {position: absolute; right: 35px; bottom: -73px; width: 620px;}

.img-slide {margin-top: 65px; display: flex; gap: 0 52px;}
.img-slide ul {display: flex; flex-shrink: 0; gap: 0 52px; animation: img-slide 40s linear infinite;}
.img-slide li {flex-shrink: 0;}
.img-slide p {margin-top: 22px;}
@keyframes img-slide {100% {transform: translateX(calc(-100% - 52px));}}

.pop-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8); z-index: 1000;}
.pop-modal .close {position: absolute; top: -50px; right: 0; width: 40px; height: 40px;}
.pop-modal .close::before {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg);}
.pop-modal .close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background-color: #fff; transform: translate(-50%, -50%) rotate(-45deg);}
.pop-modal .thesis {width: 1346px; padding: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;}
.pop-modal .inner {height: 500px; overflow-y: auto;}

.mfds {margin-top: 100px; display: flex; justify-content: space-between; align-items: flex-end; padding-left: 114px; padding-right: 65px;}
.mfds li {text-align: center;}
.mfds li:first-child {margin-right: 30px;}
.mfds img {}

.layout4 {display: flex; flex-wrap: wrap; gap: 72px 35px; position: relative;}
.layout4::before {content: ''; position: absolute; top: 128px; left: 0; width: 100%; height: 1px; background-color: #ddd;}
.layout4 li {width: calc((100% - 35px) / 2); display: flex; align-items: center;}
.layout4 .title {font-size: 21px; font-weight: 500;}
.layout4 .txt {}
.layout4 .ico1 {width: 108px;}
.layout4 .ico2 {width: 120px;}
.layout4 .ico3 {width: 108px; padding-left: 8px;}
.layout4 .ico4 {width: 120px; padding-left: 8px;}
.layout4 .tit1 {width: 246px}
.layout4 .tit2 {width: 280px}
.layout4 .tit3 {width: 246px}
.layout4 .tit4 {width: 280px}

.approved {margin-top: 175px;}
.approved .in2 {padding: 0 103px; aspect-ratio: 1600 / 551; background: url('/inc/img/sub/approved.jpg') no-repeat center / cover; display: flex; flex-direction: column; justify-content: center;}
.approved .title {font-size: 42px; font-weight: 600; line-height: 1.33;}
.approved .txt {margin-top: 20px; margin-bottom: 30px;}
.approved .logo {display: flex; align-items: center; gap: 0 40px;}
.approved .zeiss {width: 100px;}
.approved .army {width: 125px;}

.facility-video {margin-top: 180px;}
.facility-video .inner {aspect-ratio: 960/ 540;}
.facility-video iframe {width: 100%; height: 100%; object-fit: cover; border: 0;}

.sub_06 .tab:not(:first-child) {display: none;}
.tab-box {display: flex; gap: 0 30px; margin-top: 30px; margin-bottom: 70px;}
.tab-box a {font-size: 20px; color: #828282; font-weight: 500; position: relative;}
.tab-box a:not(:first-child)::before {content: ''; position: absolute; top: 10px; left: -15px; width: 1px; height: 15px; background-color: #c1c2c1;}
.tab-box a.on {color: #0e2e56; font-weight: 700;}
.img_list_new {display: flex; gap: 0 50px; margin-top: 80px;}
.img_list_new li {display: block !important; width: calc((100% - 100px) / 2); margin-top: 0 !important;}
.img_list_new .img {width: 100% !important;}
.img_list_new .txt_box {padding-top: 20px !important;}
/* .tab .cont_txt {margin-top: 0 !important;} */
.tab2 .cont_txt2 {margin-top: 40px !important;}
.in2.on {align-items: flex-start !important;}
.in2.on .left_box {width: 48% !important;}
.in2.on .right_box {width: auto !important;}

.dna {padding-bottom: 220px;}
.dna .banner {margin-top: 30px;}
.dna .banner img {max-width: 100%;}
.dna .txt1 {font-size: var(--sub_cont_txt); margin-top: 16px; line-height: 1.6;}
.dna .article {margin-top: 200px;}
.dna .title {font-size: var(--sub_cont_tit); font-weight: var(--sub_cont_weight); line-height: 1.3; margin-bottom: 16px;}
.dna .a2 {display: flex;}
.dna .a2 ul {display: flex; gap: 0 16px; margin-top: 55px;}
.dna .a2 ul .txt {margin-top: 16px; text-align: center;}
.dna .a3 {display: flex; justify-content: space-between;}
.dna .a3 .right {width: 850px; margin-top: -34px;}
.dna .a3 li {display: flex; padding-left: 20px; height: 122px; align-items: center; border-bottom: 1px solid #ddd;}
.dna .a3 .ico-box {display: flex; justify-content: center; width: 89px; margin-right: 50px;}
.dna .a3 .ico-box img {transform: scale(0.8);}
.dna .a3 .step {font-weight: 600; font-size: 20px; width: 100px;}

.tab-button1 {margin-bottom: 65px;}
.tab-button1 .inner {display: flex;}
.tab-button1 a {display: flex; align-items: center; justify-content: center; font-size: 19px; height: 56px; padding-inline: 44px; border-radius: 4px; position: relative;}
.tab-button1 a.on {background-color: #0e2e56; color: #fff;}
.tab-button1 a:not(:first-child)::before {content: ''; position: absolute; top: 25px; left: -2px; background-color: #c1c1c1; width: 4px; height: 4px; border-radius: 50%;}
.tab-button1 a.on::before, .tab-button1 a.on + a::before {display: none;}
.sub_top_img .img .banner-machine {margin-top: 183px; position: relative;}
.description p {position: absolute; color: #fff; font-size: 17px; line-height: 1.41;}
.description p.right {text-align: right;}
.description p:nth-child(1) {top: 283px; left: 224px;}
.description p:nth-child(2) {top: 364px; left: 213px;}
.description p:nth-child(3) {bottom: 181px; left: 222px;}
.description p:nth-child(4) {top: 111px; right: 300px;}
.description p:nth-child(5) {top: 268px; right: 243px;}
.description p:nth-child(6) {bottom: 292px; right: 240px;}
.sub_top_img .img .desc {position: absolute; bottom: 26px; left: 44px; color: #fff; font-size: 17px;}
.wide-banner {margin-top: 70px;}
.wide-banner .item {height: 531px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.wide-banner .item1 {background-image: url('/inc/img/sub/smile-wide1.jpg');}
.wide-banner .item2 {background-image: url('/inc/img/sub/smile-wide2.jpg');}
.wide-banner .item3 {background-image: url('/inc/img/sub/smile-wide3.jpg');}
.wide-banner .item4 {background-image: url('/inc/img/sub/smile-wide4.jpg');}
.wide-banner .in2 {display: flex; height: 100%; align-items: center; justify-content: flex-end; color: #fff;}
.wide-banner .txt-wrap {width: 627px;}
.wide-banner .tit {font-size: 40px; font-weight: 600; line-height: 1.13;}
.wide-banner .txt {font-size: 21px; margin-top: 14px;}
.layout5 {display: flex; align-items: center;}
.layout5 .left {width: 823px; margin-right: 87px;}
.layout5 .title {font-size: 24px; font-weight: 600; line-height: 1.33; margin-bottom: 20px;}
.layout5 .txt {font-size: 17px; margin-top: 22px;}
.more {display: flex; align-items: center; gap: 0 18px; margin-top: 60px; font-size: 20px; font-weight: 500;}
.layout6 {display: flex; gap: 0 20px; margin-top: 70px;}
.layout6 > li {width: calc((100% - 20px) / 2);}
.layout6 .tit {font-size: 21px; font-weight: 600; margin-bottom: 10px; display: inline-block; position: relative;}
.layout6 .tit.on::before {content: ''; position: absolute; top: 7px; right: -16px; width: 6px; height: 6px; border-radius: 50%; background-color: #1daadb;}
.sidecut {background: url('/inc/img/sub/sidecut-bg.png') no-repeat right -20px top / 842px;}
.sidecut .paper {width: 554px; margin-top: 47px;}
.bot-desc {margin-top: 16px; line-height: 1.6; color: #C1C1C1; font-weight: 300;}
.lasik-type.pro li:nth-child(1) a {background-image: url('/inc/img/sub/pro1.jpg');}
.lasik-type.pro li:nth-child(2) a {background-image: url('/inc/img/sub/pro2.jpg');}
.lasik-type.pro li:nth-child(3) a {background-image: url('/inc/img/sub/pro3.jpg');}
.lasik-type.pro li:nth-child(4) a {background-image: url('/inc/img/sub/pro4.jpg');}
.video-modal .outer {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.symptom_sect.step4 {background-color: #ededed; margin-top: 92px;}
.symptom_sect.step4 .in2 {position: relative;}
.symptom_sect.step4 .txt-wrap {position: absolute; top: 92px; left: 20px;}
.symptom_sect.step4 .step {font-size: 21px; color: #0e2e56; font-weight: 600; line-height: 1.5; margin-bottom: 15px;}
.compare-slider {width: 100%; position: relative; overflow: hidden;}
.before-image {position: absolute; height: 100%; width: 50%; top: 0; left: 0; overflow: hidden; z-index: 2; pointer-events: none;}
.after-image {display: block; pointer-events: none;}
.resizer { position: absolute; display: flex; align-items: center; z-index: 5; top: 0; left: 50%; height: 100%; width: 2px; background: var(--blue); -ms-touch-action: pan-y; touch-action: pan-y; cursor: pointer;}
.resizer:after { content: ''; position: absolute; width: 50px; height: 50px; left: 50%; top: 50%;  background: url(../../inc/img/sub/compare_slider.svg)center/cover no-repeat; display: flex; justify-content: center; align-items: center;  color: white;  border-radius: 50%; border: none; transform: translate(-50%,-50%);}
.desc1 {margin-top: 50px;}
.desc1 > li {display: flex; align-items: flex-start;}
.desc1 > li:not(:first-child) {margin-top: 30px;}
.desc1 .tit {width: 165px; display: flex; align-items: center; font-size: 17px; font-weight: 500;}
.desc1 .num {font-size: 10px; width: 19px; height: 19px; line-height: 1; margin-right: 9px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #0e2e56; color: #fff;}
.desc1 .txt {font-size: 17px; line-height: 1.64;}

.sub_08 {padding-bottom: 220px;}
.sub_08 .youtube-box {margin-top: 80px;}
.youtube-box {aspect-ratio: 16 / 9; position: relative;}
.youtube-box iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 0;}

.amaris-red {margin-top: 14px; display: flex; gap: 194px;}
.amaris-red .left {width: 700px; flex-shrink: 0;}
.list1 {padding-top: 87px;}
.list1 > li {display: flex; gap: 26px; align-items: center; font-size: 21px; font-weight: 500; letter-spacing: -0.2px;}
.list1 > li:not(:first-child) {margin-top: 30px;}
.list1 .thumb {width: 175px; flex-shrink: 0;}
.mono-presby {margin-top: 150px;}
.mono-presby > li {display: flex; align-items: center; gap: 66px;}
.mono-presby > li:not(:first-child) {margin-top: 71px;}
.mono-presby .thumb {width: 687px; flex-shrink: 0;}
.mono-presby .title {font-size: 31px; font-weight: 600; margin-bottom: 8px;}
.mono-presby .txt {font-size: 16px;}
.layout7 {display: flex; gap: 70px; align-items: center;}
.layout7 .title-wrap {margin-bottom: 73px;}
.list2 > li {display: flex;}
.list2 > li:not(:first-child) {margin-top: 36px; padding-top: 36px; border-top: 1px solid #ddd;}
.list2 .ico-wrap {width: 79px; margin-right: 42px; flex-shrink: 0;}
.list2 .title {font-size: 23px; font-weight: 500; line-height: 1.33; width: 183px; flex-shrink: 0; letter-spacing: -0.2px;}
.list2 .txt {font-size: 15px;}
.tab-box[distance='presbyopic'] {margin-bottom: 50px;}
.layout7 .thumb {width: 630px; flex-shrink: 0;}
.layout8 {display: flex; gap: 68px; align-items: center;}
.layout8 > li {}
.layout8 .thumb {width: 630px; flex-shrink: 0;}
.layout8 .title {font-size: 23px; margin-bottom: 10px;}
.layout8 .txt {font-size: 15px;}

.sub_main{display: flex; flex-direction: column; min-height: 100vh}

.main {padding-top: 132px;}


.sub_top_visual {width: 100%; position: relative; margin-bottom: 150px; z-index: 5 ; padding-top: 130px; }
.sub_top_visual .visual_box {padding-top:min(20%, 400px) ; position: relative}
.sub_top_visual .img {position: absolute;left: 0; top: 0; width: 100%; height: 100%; overflow: hidden}
.sub_top_visual img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; height: 101%; display: block; transition: transform 2000ms ease-in-out;will-change: transform;-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.sub_top_visual .in2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; display: flex; align-items: center}
.sub_top_visual .text_box {color: #fff; font-size: 48px; font-weight: 700;}
.sub_top_visual .text_box.bk { color: #1a1c1e; }

.sub_top_visual.on .img img {
    transform: scale(1.0,1.0) rotate(0.002deg);
}



.sub_top_visual.sub_4 .text_box,
.sub_top_visual.sub_5 .text_box,
.sub_top_visual.sub_6 .text_box,
.sub_top_visual.sub_7 .text_box,
.sub_top_visual.sub_8 .text_box,
.sub_top_visual.sub_9 .text_box,
.sub_top_visual.sub_3 .text_box,
.sub_top_visual.sub_145 .text_box { color: #1a1c1e; }

.sub_pb {padding-bottom: 220px}

/*셀렉트 디자인*/
.basic_wh .nice-select .list { border-radius: 0; margin-top: 1px; }


.sub_top_img .slide_box2 {margin-top: 80px; position: relative;padding-left: 20px}
.sub_top_img .slide_box2 .cont{ width: 100%;padding-left: calc(((100% - 1440px)/2) - (100% - 100vw) - 20px) ; max-width: 3000px}
.sub_top_img .slide_box2 .swiper-container {padding-bottom: 320px}
.sub_top_img .slide_box2 .swiper-wrapper {align-items: flex-end}
.sub_top_img .slide_box2 .swiper-slide {transition: all .5s; height: auto; }
.sub_top_img .slide_box2 .swiper-slide-active {width: 40% !important; flex-shrink: 0; }
.sub_top_img .slide_box2 .swiper-slide .img {margin-top: 0;}
.sub_top_img .slide_box2 .slide_btn_box {position: absolute; ; width: 120px; right: 240px; top:15%}
.sub_top_img .slide_box2 .slide_btn_box > div { color: #c1c1c1; font-size: 60px; transition: all .3s}
.sub_top_img .slide_box2 .slide_btn_box > div:hover {color: #1a1c1e;}

.sub_top_img .slide_box2 .swiper-slide .text_box .tit {font-size: 18px; min-height: 36px; flex-shrink: 0; font-weight: 500; transition: all .3s}
.sub_top_img .slide_box2 .swiper-slide .text_box .txt {opacity: 0; transition: all .3s}
.sub_top_img .slide_box2 .text_box {display: flex; margin-top: 15px; position: absolute; left: 0; bottom: -20px; transform: translateY(100%)}
.sub_top_img .slide_box2 .swiper-slide-active .text_box .tit {font-size: 24px; font-weight:500; }
.sub_top_img .slide_box2 .swiper-slide-active .text_box .txt {margin-left: 45px;  opacity: 1; transition: opacity .3s; transition-delay: .3s}


.sub_top_img .slide_box2 .swiper-slide-prev .text_box .txt {transition: none; opacity: 0}


.sub_banner_img .sub_banner_wrap + .sub_banner_wrap { margin-top: 80px; }
.sub_banner_img .sub_banner_wrap .banner_tit { font-size: 32px; font-weight: 600; margin-bottom: 20px; }

.slick-initialized .slick-slide {width: 60%}



/*수술장비*/
.surgical_slide { padding-bottom: 200px; }
.surgical_slide .swiper-slide.pointer_none { pointer-events: none !important; }
.surgical_slide .surgical_slide_inner { display: flex; align-items: center;  }
.surgical_slide .surgical_slide_inner .img { width: 60%; margin-right: 80px; }
.surgical_slide .surgical_slide_inner .img img { margin-top: 0;  }
.surgical_slide .surgical_slide_inner .text_box { width: 40%; margin-bottom: 80px; }
.surgical_slide .surgical_slide_inner .text_box .tit { font-size: 24px; font-weight: 600; margin-bottom: 10px; }

.surgical_slide .surgical_slide_content { display: flex; flex-wrap: wrap; margin-left: -20px; margin-top: 80px; }
.surgical_slide .surgical_slide_content .content_inner { width: calc(33.33% - 20px); margin-left: 20px; margin-bottom: 20px; cursor: pointer; }
.surgical_slide .surgical_slide_content .content_inner .img { margin-top: 0; overflow: hidden; border: 3px solid transparent; transition: all 0.5s; }
.surgical_slide .surgical_slide_content .content_inner img { transition: all 0.5s; }
.surgical_slide .surgical_slide_content .content_inner:hover .img { border: 3px solid #0e2e56; }
.surgical_slide .surgical_slide_content .content_inner:hover img { transform: scale(1.07); }
.surgical_slide .surgical_slide_content .content_inner .tit { font-size: 16px; font-weight: 600; margin-top: 10px; }

.surgical_slide .slide_btn_box { display: block; position: absolute; left: calc(60% + 25px); top: 27%; width: 110px; }
.surgical_slide .slide_btn_box i { font-size: 32px; color: #1a1c1e; }

.surgical_slide.type2 .slide_btn_box { top: 33%; z-index: 100; }
.surgical_slide.type2 .slide_btn_box .swiper-button-next,
.surgical_slide.type2 .slide_btn_box .swiper-button-prev { z-index: 100; }

.surgical_tab_swiper .surgical_tab_inner { display: flex; align-items: center; padding-bottom: 200px; }
.surgical_tab_swiper .surgical_tab_inner .img { width: 60%; margin-right: 80px; z-index: 30; }
.surgical_tab_swiper .surgical_tab_inner .txt_box { position: relative; width: 40%; }
.surgical_tab_swiper .surgical_tab_inner .txt_box .tit { font-size: 24px; font-weight: 600; margin-bottom: 10px; }
.surgical_tab_swiper .surgical_tab_inner .txt_box .txt { position: relative; z-index: 30; }

.surgical_tab_swiper .swiper-slide { position: relative; z-index: 1; }
.surgical_tab_swiper .swiper-slide.swiper-slide-active { z-index: 5; }

.equipment-slide {
	margin-top: 44px;
	background-color: #ededed;
}
.equipment-slide .inner {
	max-width: 100%;
	width: 1900px;
	margin: 0 auto;
	position: relative;
}
.equipment-slide .slide_btn_box {
	left: unset;
	top: clamp(290px, 19vw, 338px);
	right: calc(36.6% - 101px);
}
.equipment-slide2 .slide_btn_box {
	left: unset;
	top: clamp(320px, 20vw, 364px);
	right: calc(36.6% - 101px);
}
.equipment-slide img {
	max-width: 100%;
}
.equipment {
	position: relative;
}
.equipment .content {
	width: 36.6%;
	position: absolute;
	top: 12%;
	right: 0;
}
.equipment-slide .tit {
	font-size: 43.75px;
	letter-spacing: -1px;
	font-weight: 700;
}
.equipment-slide .tit2 {
	font-size: 21px;
	color: #828282;
	margin-bottom: 9px;
}
.equipment-slide .txt {
	font-size: 19.25px;
	line-height: 31.5px;
}
.layout1 {
	display: flex;
	flex-wrap: wrap;
	width: 1400px;
	margin: 175px auto 0;
	gap: 70px 52px;
}
.layout1 li {
	width: calc((100% - 52px) / 2);
	cursor: pointer;
}
.layout1 .photo {
	aspect-ratio: 770 / 481;
	position: relative;
}
.layout1 .photo::after {
	opacity: 0;
	transition: 0.3s ease;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3.5px solid #0e2e56;
	box-sizing: border-box;
}
.layout1 li:hover .photo::after {
	opacity: 1;
}
.layout1 .photo img {
	width: 100%;
	height: 100%;
	objec-fit: cover;
}
.layout1 .content {
	display: flex;
}
.layout1 .left {
	flex-grow: 1;
	padding-top: 40px;
}
.layout1 .tit {
	line-height: 1;
	font-weight: 700;
	font-size: 19.25px;
	margin-bottom: 9px;
	letter-spacing: -0.4px;
}
.layout1 .txt {
	font-size: 17.5px;
	line-height: 26.25px;
}
.layout1 .right {
	flex-shrink: 0;
	width: 219px;
}
.layout1 .right img {
	width: 100%;
}



.sub01_1 .info_sect { padding: 0px !important }
.sub01_1 .info_sect .tit_box .tit{font-size:var(--sub_page_tit); font-weight: 700;}
.sub01_1 .info_sect .tit_box .txt{font-size: var(--sub_page_txt); font-weight: 600;}
.sub01_1 .info_sect .img_box {width: 100%;  position: relative; margin-top: 60px; position: relative}
.sub01_1 .info_sect .img_box:before {position: absolute; content: ""; left: 0; top: -2px; width: 50%; height: 103%; background-color: #fff; display: block; transition: all 1s; transition-delay: .2s; z-index: 2}
.sub01_1 .info_sect .img_box:after {position: absolute; content: ""; right: 0; top: -2px; width: 50%; height: 103%; background-color: #fff; display: block; transition: all 1s;  transition-delay: .2s; z-index: 2 }
.sub01_1 .info_sect .img_box .img{text-align: center}
.sub01_1 .info_sect .img_box .in2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; opacity: 0; transition: 0.1s; transition-delay: 1s}
.sub01_1 .info_sect .img_box .text_box {color: #fff; padding-top: 180px}
.sub01_1 .info_sect .img_box .text_box .tit { font-size: 46px;  font-weight: 700; line-height: 1.5; opacity: 0; transform: translateY(50px); transition: 1s; transition-delay: 1.2s; }
.sub01_1 .info_sect .img_box .text_box .text {margin-top: 60px; font-size: 18px; opacity: 0; transform: translateY(50px); transition: 1s; transition-delay: 2.3s;}
.sub01_1 .info_sect .img_box .text_box .text p + p {margin-top: 20px}
.sub01_1 .info_sect .img_box .text_box .year {margin-top: 60px; display: flex; align-items: center; text-align: center}
.sub01_1 .info_sect .img_box .text_box .year .cont {opacity: 0; transition: 1.5s;  transform: translateY(50px)}
.sub01_1 .info_sect .img_box .text_box .year .cont:nth-child(1){transition-delay: 1.3s;}
.sub01_1 .info_sect .img_box .text_box .year .cont:nth-child(3) {transition-delay: 1.8s;}
.sub01_1 .info_sect .img_box .text_box .year .cont:nth-child(5) {transition-delay: 2.2s;}

.sub01_1 .info_sect .img_box .text_box .year .cont_tit { margin-top: 15px; font-size: 20px; font-weight: 400; }
.sub01_1 .info_sect .img_box .text_box .year .cont_txt { font-size: 38px; margin-top: 5px; font-weight: 600; }
.sub01_1 .info_sect .img_box .text_box .year .num { font-size: 26px; font-weight: 600; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Pretendard"; }
.sub01_1 .info_sect .img_box .text_box .year .num .odometer-inside { display: flex; }
.sub01_1 .info_sect .img_box .text_box .year .num .odometer-inside span { width: 100% !important; text-align: center; }
.sub01_1 .info_sect .img_box .text_box .year .num .odometer { font-family: "Pretendard"; }
.sub01_1 .info_sect .img_box .text_box .year .num .odometer-formatting-mark { opacity: 0; overflow: hidden; display: none; }
.sub01_1 .info_sect .img_box .text_box .year .arr {width: 120px; margin: -10px 30px 0 10px; position: relative;overflow: hidden}
.sub01_1 .info_sect .img_box .text_box .year .arr:before {content: ""; position: absolute; right: 0; top: 0; background-color: #6aa5dd; width: 101%; height: 101%; transition: all .5s; display: block}

.sub01_1 .info_sect .img_box .text_box .year .arr:nth-child(2):before {transition-delay: 1.4s;}
.sub01_1 .info_sect .img_box .text_box .year .arr:nth-child(4):before {transition-delay: 1.8s;}

.sub01_1 .info_sect .img_box .text_box .slide_box {display: none}

.sub01_1 .info_sect .img_box.active:after  {transform: translateX(100%)}
.sub01_1 .info_sect .img_box.active:before {transform: translateX(-100%)}
.sub01_1 .info_sect .img_box.active .in2 {opacity: 1}
.sub01_1 .info_sect .img_box.active .tit {opacity: 1; transform: translateY(0);}
.sub01_1 .info_sect .img_box.active .year .cont {opacity: 1; transform: translateY(0); text-align: left;}
.sub01_1 .info_sect .img_box.active .year .arr:before {transform: translateX(100%)}
.sub01_1 .info_sect .img_box.active .text_box .text {opacity: 1; transform: translateY(0); }



.counter-block {color: white;position: relative; overflow: hidden;}
.counter-block em {font-size: 50px;}
.counter-block span {padding: 0px;display: inline-block; height: 70px; font-weight: 600; line-height: 1.5}
.counter-block span + span {margin-left: -19px}

@keyframes countdown1 {
    from {transform: translateY(0%);}
    to {transform: translateY(1200%);}
}

@keyframes countdown2 {
    from {transform: translateY(0%);}
    to {transform: translateY(1000%);}
}

@keyframes countdown3 {
    from {transform: translateY(0%);}
    to {transform: translateY(1000%);}
}

@keyframes countdown4 {
    from {transform: translateY(0%);}
    to {transform: translateY(900%);}
}

@keyframes countdown5 {
    from {transform: translateY(0%);}
    to {transform: translateY(1200%);}
}

@keyframes countdown6 {
    from {transform: translateY(0%);}
    to {transform: translateY(1000%);}
}

@keyframes countdown7 {
    from {transform: translateY(0%);}
    to {transform: translateY(1200%);}
}

@keyframes countdown8 {
    from {transform: translateY(0%);}
    to {transform: translateY(1300%);}
}

.counter-text {line-height: 1; height: 70px; margin-top: -8px}
.counter-number {position: relative;line-height: 1; margin-top: -10px; }

.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(1) .counter-number:nth-of-type(1) {animation: countdown1 3s forwards;animation-delay: 0.8s;}
.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(1) .counter-number:nth-of-type(2) {animation: countdown2 2s forwards;animation-delay: 0.7s;}
.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(1) .counter-number:nth-of-type(3) {animation: countdown3 2s forwards;animation-delay: 0.4s;}
.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(1) .counter-number:nth-of-type(4) {animation: countdown4 2s forwards;animation-delay: 0.1s;}

.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(2) .counter-number:nth-of-type(1) {animation: countdown5 3s forwards;animation-delay: 0.8s;}
.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(2) .counter-number:nth-of-type(2) {animation: countdown6 2s forwards;animation-delay: 0.7s;}
.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(2) .counter-number:nth-of-type(3) {animation: countdown7 2s forwards;animation-delay: 0.4s;}
.sub01_1 .info_sect .img_box .text_box .year .num:nth-child(2) .counter-number:nth-of-type(4) {animation: countdown8 2s forwards;animation-delay: 0.1s;}


.counter-number i {position: absolute;font-style: normal}
.counter-number i:nth-child(1) {top: -100%;}
.counter-number i:nth-child(2) {top: -200%;}
.counter-number i:nth-child(3) {top: -300%;}
.counter-number i:nth-child(4) {top: -400%;}
.counter-number i:nth-child(5) {top: -500%;}
.counter-number i:nth-child(6) {top: -600%;}
.counter-number i:nth-child(7) {top: -700%;}
.counter-number i:nth-child(8) {top: -800%;}
.counter-number i:nth-child(9) {top: -900%;}
.counter-number i:nth-child(10) {top: -1000%;}
.counter-number i:nth-child(11) {top: -1100%;}
.counter-number i:nth-child(12) {top: -1200%;}
.counter-number i:nth-child(13) {top: -1300%;}
.counter-number i:nth-child(14) {top: -1400%;}
.counter-number i:nth-child(15) {top: -1500%;}
.counter-number i:nth-child(16) {top: -1600%;}
.counter-number i:nth-child(17) {top: -1700%;}
.counter-number i:nth-child(18) {top: -1800%;}
.counter-number i:nth-child(19) {top: -1900%;}


/*서브 lnb*/
.sub_top_visual .lnb { display: flex; position: absolute; left: 20px; bottom: 30px; align-items: flex-end; z-index: 10; }
.sub_top_visual .lnb .dot { width: 5px; height: 5px; background-color: #1a1c1e; border-radius: 50%; margin: 0px 2px 20px 20px; display: block}
.sub_top_visual.sub_2 .lnb .dot { background-color: #fff; }
.sub_top_visual .lnb .home { width: 20px; height: 20px; background: url('../../inc/img/sub/home_black.svg')center/contain no-repeat; margin-bottom: 14px}
.sub_top_visual.sub_2 .lnb .home { background: url('../../inc/img/sub/home_white.svg')center/contain no-repeat; }
.sub_top_visual .lnb select { display: none; }
.sub_top_visual .lnb .nice-select { padding-right: 35px; background-color: transparent; border: 0; color: #1a1c1e; z-index: 900; font-size: 16px}
.sub_top_visual.sub_2 .lnb .nice-select { color: #fff; }
.sub_top_visual .lnb .nice-select span { font-weight: 500; }
/*.sub_top_visual .lnb .nice-select.open span { color: #1daadb; font-weight: 600; }*/
.sub_top_visual .lnb .nice-select .list { padding: 15px 0; z-index: 900; color: #000; background-color: var(--blue); color: rgba(255,255,255,0.5); border-radius: 0; }

.sub_top_visual .lnb .nice-select .option:hover,
.sub_top_visual .lnb .nice-select .option.focus,
.sub_top_visual .lnb .nice-select .option.selected.focus { background-color: transparent; color: #fff; font-weight: bold; }

.sub_top_visual .lnb .nice-select:after { border-bottom: 2px solid #1a1c1e; border-right: 2px solid #1a1c1e; margin-top: -6px}
.sub_top_visual.sub_2 .lnb .nice-select:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; }



.signature_tab_sect .tab_inner { display: flex; align-items: center; margin-top: 50px; }
.signature_tab_sect .tab_inner .img { position: relative; width: 50%; padding-top: 27%; margin-right: 50px; }
.signature_tab_sect .tab_inner .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.signature_tab_sect .tab_inner .txt_wrap { width: 50%; }
.signature_tab_sect .tab_inner .tit { font-size: 22px; font-weight: 700; }
.signature_tab_sect .tab_inner .txt { font-size: 17px; font-weight: 400; margin-top: 10px; }





.sub01_1 .history_sect {padding-top: 240px}
.sub01_1 .sect_tit > strong {font-size: var(--sub_sect_tit) ; font-weight: 600}
.sub01_1 .sect_tit > p {font-size: 17px; margin-top: 5px; font-weight: 500; }

.sub01_1 .chapter_wrap {margin-top: 120px}
.sub01_1 .chapter_wrap .chapter {display: flex; align-items: flex-start; justify-content: space-between;}
.sub01_1 .chapter_wrap .chapter + .chapter {margin-top: var(--sub_padding)}
.sub01_1 .chapter_wrap .chapter .left {margin-right: 45px;}
.sub01_1 .chapter_wrap .chapter .tit_box .tit {font-size: 32px; color: #0e2e56; font-weight: 500; font-family: 'Poppins', sans-serif; line-height: 1; }
.sub01_1 .chapter_wrap .chapter .tit_box .txt {font-size: 20px; font-weight: 600; margin-top: 10px}
.sub01_1 .chapter_wrap .chapter .list {margin-top: 50px;}
.sub01_1 .chapter_wrap .chapter .list .num {width: 70px; font-size:24px; font-weight: 500 ; margin-right: 40px; flex-shrink: 0; margin-top: -3px}

.sub01_1 .chapter_wrap .chapter .list .txt p { font-size: 16px; }
.sub01_1 .chapter_wrap .chapter .list .txt p + p {margin-top: 10px}
.sub01_1 .chapter_wrap .chapter .list li {display: flex}
.sub01_1 .chapter_wrap .chapter .list li + li {margin-top:45px }

.sub01_1 .chapter_wrap .chapter .right {width: 50%; display: flex; justify-content: flex-end; }
.sub01_1 .chapter_wrap .chapter .right.imgs {display: flex; align-items: flex-end; flex-wrap: wrap; transform: translateX(100px); justify-content: flex-start}
.sub01_1 .chapter_wrap .chapter .right.imgs .img_box {width: calc(55% - 15px)}
.sub01_1 .chapter_wrap .chapter .right.imgs .img_box:nth-child(2) {margin-left: 30px; transform: translateY(50%); width: calc(45% - 15px)}
.sub01_1 .chapter_wrap .chapter .right.imgs .img_box:nth-child(3) {margin-top: 100px; width:  calc(40% - 15px); margin-left: 10%}
.sub01_1 .chapter_wrap .chapter .right.imgs .img_box p { transform: translate(-50%,100%);bottom: -10px}
.sub01_1 .chapter_wrap .chapter .right.imgs .img_box:nth-child(3) p { transform: translate(-50%,0%);bottom: 10px}

.sub01_1 .chapter_wrap .chapter .right .img { position: relative; }
.sub01_1 .chapter_wrap .chapter .right .img.small { text-align: right; width: 75%; }
.sub01_1 .chapter_wrap .chapter .right .img > p  { position: absolute; left: 50%; transform: translate(-50%,100%); bottom:-10px; font-size: 15px; width:100%; font-weight: 500; }
.sub01_1 .chapter_wrap .chapter .right .img > p.left { text-align: left; }
.sub01_1 .chapter_wrap .chapter.banner {position: relative; }
.sub01_1 .chapter_wrap .chapter.banner .bg {margin: 0 -100px; height: 510px;}
.sub01_1 .chapter_wrap .chapter.banner .bg img {width: 100%; height: 100%; object-fit: cover;}
.sub01_1 .chapter_wrap .chapter.banner .cont {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; display: flex; justify-content: center;flex-direction: column ; transform: translateY(-50%)}
.sub01_1 .chapter_wrap .chapter.banner .list li + li {margin-top: 30px }




.sub01_1 .bi_sect {margin-top: 260px; }
.sub01_1 .bi_sect .logo_box {margin-top: 10px; width: 100%; position: relative;}
.sub01_1 .bi_sect .logo_box .logo {width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.sub01_1 .bi_sect .logo_box .bg {width: 100%;}
.sub01_1 .bi_sect .logo_box .bg img {width: 100%}
.sub01_1 .bi_sect .detail_box {display: flex ; align-items: center;  margin-top: 60px;}
.sub01_1 .bi_sect .detail_box .left {width: 55%; }
.sub01_1 .bi_sect .detail_box .right {width: 40%;border: 1px solid #c1c1c1;display: flex; align-items: center ; justify-content: center; padding: 40px 0px}
.sub01_1 .bi_sect .detail_box .right img {width: 50%}

.sub01_1 .bPlus_sect {margin-top: 180px}
.sub01_1 .bPlus_sect .img_box {margin-top: 30px; display: flex}
.sub01_1 .bPlus_sect .img_box > div {width: 50%; position: relative}
.sub01_1 .bPlus_sect .img_box > div .text {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);text-align: center; color: #fff}
.sub01_1 .bPlus_sect .img_box > div .text strong {font-weight: 500; font-size: 80px;}
.sub01_1 .bPlus_sect .img_box > div .text p {font-size: 24px; font-weight: 500}
.sub01_1 .bPlus_sect .img_box > div:before {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #1a1c1e; content: ""; opacity: 0.4}

.sub01_1 .essence_sect {margin-top: 180px;}
.sub01_1 .essence_sect .cont_box {margin-top: 80px; display: flex}
.sub01_1 .essence_sect .cont_box .cont {width: 33.333%}
.sub01_1 .essence_sect .cont_box .cont + .cont {margin-left: 40px;}
.sub01_1 .essence_sect .cont_box .cont .num {font-size: 100px; color: #C1C1C1; font-weight: 600; line-height: 1; }
.sub01_1 .essence_sect .cont_box .cont .num span {font-size: 30px; font-weight: 600}
.sub01_1 .essence_sect .cont_box .cont .line_box {display: flex; align-items: center; margin-top: 30px}
.sub01_1 .essence_sect .cont_box .cont .line_box .cir {width: 20px; height: 20px; border-radius: 50%; border: 5px solid #0e2e56; margin-right: 15px; flex-shrink: 0}
.sub01_1 .essence_sect .cont_box .cont .line_box .line {background: #c1c2c1; width: 100%; height: 1px; }
.sub01_1 .essence_sect .cont_box .cont .text_box {margin-top: 30px; }
.sub01_1 .essence_sect .cont_box .cont .text_box .tit {font-weight: 500; font-size: 22px; margin-bottom: 5px}

.sub01_1 .world_sect {background-position: center; background-size: cover;padding-top: calc(100vh + 2px); position: relative; overflow: hidden; min-height: calc(100vh + 2px); }
.sub01_1 .world_sect .in {display: flex; align-items: flex-start; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; padding-top: 300px; z-index: 1}
.sub01_1 .world_sect .left {color: #fff; width: 62%; display: flex;}
.sub01_1 .world_sect .left .tit{font-size: 52px; font-weight: 600; flex-shrink: 0; line-height: 1.5}
.sub01_1 .world_sect .left .txt {margin-left: 60px; font-size: 18px; margin-top: 10px; line-height: 1.8}
.sub01_1 .world_sect .right {margin-left:100px; width: 38%; flex-shrink: 0; transition: none !important; transform: translateY(0%)}
.sub01_1 .world_sect .right .img_box + .img_box {margin-top: 60px; }
.sub01_1 .world_sect .right .img_box .txt {font-weight: 500; font-size: 20px; margin-top: 10px;color: #fff}
.sub01_1 .world_sect .bg_tower {position: absolute; left: 0; bottom: 0; width: 50%;}


.sub01_2 .cont_tit {font-size: 42px; font-weight: 600; line-height: 1.5}

.sub01_2 .info_sect {position: relative}
.sub01_2 .info_sect .tit_box .tit{font-size:var(--sub_page_tit); font-weight: 600}
.sub01_2 .info_sect .tit_box .txt{font-size: var(--sub_page_txt); font-weight: 600;}
.sub01_2 .info_sect .num_list { padding-top: 160px; padding-bottom: 140px; display: flex ; justify-content: center; text-align: center}
.sub01_2 .info_sect .num_list li + li {margin-left: 100px}
.sub01_2 .info_sect .num_list .num {font-size: 60px; height: 72px; opacity: 0; transition: all .3s; transition-delay: 0.2s}
.sub01_2 .info_sect .num_list.active .num {opacity: 1}
.sub01_2 .info_sect .num_list .txt {font-size: 20px; color: #4a4b4c; margin-top: 10px; opacity: 0; transition-delay: 1s; transition: .3s}
.sub01_2 .info_sect .num_list.active .txt {opacity: 1; transition-delay: 1s;  transition: .3s}

.sub01_2 .info_sect  .img_box { position: relative; z-index: 5; overflow: hidden; }
.sub01_2 .info_sect  .img_box .img { text-align: center; }
.sub01_2 .info_sect  .img_box .img img.building { width: 60%; margin: auto; transform: translateY(50%); opacity: 0; transition: all 0.8s; transition-delay: 0.5s; }
.sub01_2 .info_sect  .img_box.active .img img.building { transform: translateY(0); opacity: 1; }
.sub01_2 .info_sect  .img_box .img img.cloud { transition: ease-in-out opacity 1s; z-index: -2; animation-duration: 3.5s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95); opacity: 0; transition-delay: 0.8s; }
.sub01_2 .info_sect  .img_box.active .img img.cloud { opacity: 1; }
.sub01_2 .info_sect  .img_box .img img.cloud1 { position: absolute; left: 5%; top: 20%; width: 9.5%; animation-name: cloudmove; }
.sub01_2 .info_sect  .img_box .img img.cloud2 { position: absolute; left: 13%; top: 35%; width: 4%; animation-name: cloudmove2; }
.sub01_2 .info_sect  .img_box .img img.cloud3 { position: absolute; left: 0%; top: 42%; width: 12%; animation-name: cloudmove; }
.sub01_2 .info_sect  .img_box .img img.cloud4 { position: absolute; right: 1%; top: 8%; width: 5%; animation-name: cloudmove2; }
.sub01_2 .info_sect  .img_box .img img.cloud5 { position: absolute; right: 2%; top: 23%; width: 16%; animation-name: cloudmove; }

.sub01_2 .info_sect .bg_line { position: absolute; left: 0; bottom: 0; width: 100%; }
.sub01_2 .info_sect .bg_line::before { content: ""; background-color: #fff; position: absolute; right: 0; top: -3px; width: 100%; height:103%; transition: ease-in-out 2s; display: block;}
.sub01_2 .info_sect .bg_line.active::before { width: 0; }


@keyframes cloudmove{
    0%, 100%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
}

@keyframes cloudmove2{
    0%, 100%{transform:translateY(0);}
    50%{transform:translateY(10px);}
}


.sub01_2 .tower_sect {margin-top: 240px;}
.sub01_2 .tower_sect .in2 {display: flex}
.sub01_2 .tower_sect .left_box {width: 40%; margin-right: 80px; margin-top: 160px}
.sub01_2 .tower_sect .left_box .txt {font-size: 17px; font-weight: 500; margin-top: 40px; word-break: keep-all}
.sub01_2 .tower_sect .left_box .img { width: 60%; margin-top:120px; }
.sub01_2 .tower_sect .img {position: relative; display: inline-block}
.sub01_2 .tower_sect .img p {position: absolute;top: -20px;right: -5px;transform: translate(100%,0) rotate(90deg);transform-origin: left bottom;font-size: 14px;}
.sub01_2 .tower_sect .right_box {width: 60%; display: flex; padding-right: 20px}
.sub01_2 .tower_sect .right_box .img:first-child {margin-right: 80px; margin-top: 320px}

.sub01_2 .facility_sect {margin-top: 240px; position: relative; }
.sub01_2 .facility_sect .in2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0}
.sub01_2 .facility_sect .left_box {width: 40%; }
.sub01_2 .facility_sect .left_box .tab_box {margin-top: 30px;display: flex}
.sub01_2 .facility_sect .left_box .tab_box .tab { position: relative; font-size: 19px; transition: all .3s; color: #828282; font-weight: 500; }
.sub01_2 .facility_sect .left_box .tab_box .tab::after {display: block; content: attr(data-tit); font-weight: bold; height: 0; overflow: hidden; visibility: hidden;}
.sub01_2 .facility_sect .left_box .tab_box .tab.active {color: #0e2e56; font-weight: 700}
.sub01_2 .facility_sect .left_box .tab_box .tab + .tab {margin-left: 30px}
.sub01_2 .facility_sect .left_box .tab_box .tab + .tab:before{position: absolute; content: ""; width: 1px; height:15px; background-color:#c1c2c1; top: 50%;transform: translateY(-50%); left: -14px;}
.sub01_2 .facility_sect .left_box .txt_box {margin-top: 50px}

.sub01_2 .facility_sect .right_box { width: 50%; position: relative; left: 50%; max-width: 1400px;}
.sub01_2 .facility_sect .right_box .img {display: flex; align-items: flex-end;  }
.sub01_2 .facility_sect .right_box .img img{transition: all .5s; transform-origin: left bottom}
.sub01_2 .facility_sect .right_box .slide_wrap > .swiper-container {overflow: visible }
.sub01_2 .facility_sect .right_box .slide_box {position: relative; }
/*.sub01_2 .facility_sect .right_box .slide_box  .swiper-container {transform: translate3d(0, 0, 0) !important;}*/
.sub01_2 .facility_sect .right_box .slide_box .swiper-wrapper {align-items: flex-end}
.sub01_2 .facility_sect .right_box .slide_box .swiper-slide[class$="-next"] .img img{transform: scale(0.65)}
.sub01_2 .facility_sect .right_box .slide_box .swiper-slide[class$="-active"] .img img{transform: scale(1);}
.sub01_2 .facility_sect .right_box .slide_box .slide_btn_box {position: absolute; left: -90px;  top: 50%; transform: translateY(-50%); width: 89%; z-index: 1; display: block; }
.sub01_2 .facility_sect .right_box .slide_box .slide_btn_box .btn{background-color: #ededed; width: 60px; height: 60px; color:#1a1c1e ; text-align: center; line-height: 68px; font-size: 20px; transition: all .3s}




/*스마일 · 시력교정*/
.sub_02_2_sect { padding-top: var(--sub_padding);}

.sub_07 .cont_tit,
.sub_06 .cont_tit,
.sub_05 .cont_tit,
.sub_03 .cont_tit,
.sub_04 .cont_tit,
.sub_02 .cont_tit { font-size: var(--sub_cont_tit); font-weight: var(--sub_cont_weight); line-height: 1.33}
.sub_07 .cont_txt,
.sub_06 .cont_txt,
.sub_05 .cont_txt,
.sub_03 .cont_txt,
.sub_04 .cont_txt,
.sub_02 .cont_txt{ font-size: var(--sub_cont_txt); margin-top: 16px;  line-height: 1.6; }

.sub_05 .cont_desc { margin-top: 10px; font-size: 20px; font-weight: 600; }


.tit_box .view_btn { display: flex; align-items: center; font-size: 16px; font-weight: 600; cursor: pointer}
.tit_box .view_btn .arr {display: flex ; align-items: center; transition: all 0.3s;}
.tit_box .view_btn img {width: 22px; margin-left: 15px}




.sub_top_img .tit_box { display: flex; align-items: center;}
.sub_top_img .tit_box.start { align-items: flex-start; }
.sub_top_img .tit_box .tit { margin-right: 53px; font-size: var(--sub_page_tit); font-weight: 600;flex-shrink: 0;}
.sub_top_img .tit_box .txt {  line-height: 1.7; font-weight: 600; font-size: var(--sub_page_txt);}
.sub_top_img .tit_box .txt .sub_tit {font-weight: 600; font-size: 31px; display: block; margin-bottom: 10px}
.sub_top_img .tit_box.col {flex-direction: column; align-items: flex-start}
.sub_top_img .img {margin-top: 30px}


.sub_top_img .tit_box.type2 {display: block}
.sub_top_img .tit_box.type2 .tit {margin-right: 0}
.sub_top_img .tit_box.type2 .txt { margin-top: 10px; font-size: 22px; font-weight: 600; }

.sub_top_img .slide_box { width: 1840px; margin: 60px auto 0; max-width: 100%}
.sub_top_img .slide_box .img_box {padding-top: 40%; position: relative }
.sub_top_img .slide_box .img_box img {width: 100%; height: 100%;  position: absolute; left: 0; top: 0; object-fit: cover; object-position: center}
.sub_top_img .slide_box .text_box {position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); width: 100%; text-align: center}
.sub_top_img .slide_box .text_box .tit {font-weight: 600; font-size: 80px; font-family: 'Poppins', sans-serif; color: #fff; opacity: 0.4}
.sub_top_img .slide_box .text_box .txt {font-size: 22px; margin-top: 14px; color: #fff}
.sub_top_img .slide_box .swiper-pagination-bullet { bottom: 25px; background: #fff; margin: 0 12px; opacity: 1; width: 5px; height: 5px; position: relative;}
.sub_top_img .slide_box .swiper-pagination-bullet:before {content: ""; width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0);background-color: #fff;border-radius: 50%; opacity: 0.2;transition: all .3s; }
.sub_top_img .slide_box .swiper-pagination-bullet-active::before {transform: translate(-50%,-50%) scale(1);}

.page_tab_box {font-size: 22px; margin-bottom: 40px;}
.page_tab_box a {display: inline-block; position: relative; transition: all .3s; font-weight: 500; color: #828282}
.page_tab_box a.active { font-weight: 700; color: #0e2e56;}
.page_tab_box a + a {margin-left: 40px}
.page_tab_box a + a:before {width: 1px; height: 20px; background-color: #c1c2c1; content: ""; position: absolute; left: -20px; top: 50%; transform: translateY(-50%)}

.sub_top_img .img { position: relative;   }
.sub_top_img .img.txt_in span { position: absolute; left: 50%; top: 55%; transform: translateX(-50%); width: 80%; color: #fff; text-align: center; font-size: 36px; font-weight: 500; line-height: 1.3; }
.sub_06_vis .sub_top_img .img {display: flex; align-items: center; padding: 60px 70px; background: url('../../inc/img/sub/sub06_content_bg.jpg') center/cover no-repeat;}
.sub_06_vis .sub_top_img .img .vis_tab_container { width: 50%; }
.sub_06_vis .sub_top_img .img .vis_tab_container .vis_tab_wrap { display: flex; align-items: center; margin-bottom: 20px; }
.sub_06_vis .sub_top_img .img .vis_tab_container .vis_tab_wrap .vis_tab { position: relative; width: 100px; height: 100px; cursor: pointer; filter: grayscale(1); transition: all 0.3s; }
.sub_06_vis .sub_top_img .img .vis_tab_container .vis_tab_wrap .vis_tab.active { filter: grayscale(0); }
.sub_06_vis .sub_top_img .img .vis_tab_container .vis_tab_wrap .vis_tab .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 500; font-size: 20px; }
.sub_06_vis .sub_top_img .img .vis_tab_container .vis_tab_wrap .vis_tab + .vis_tab { margin-left: 30px; }

.sub_06_vis .sub_top_img .img .vis_tab_container .vis_swiper .txt_box { width: 100%; }
.sub_06_vis .sub_top_img .img .vis_tab_container .vis_swiper .txt_box .tit { font-size: 30px; font-weight: 500; }
.sub_06_vis .sub_top_img .img .vis_tab_container .vis_swiper .txt_box .txt { font-size: 18px; opacity: 0.7; }

.sub_06_5 .sub_top_img .img {display: flex; justify-content: space-around; align-items: center; padding: 60px 70px; background: url('../../inc/img/sub/sub06_content_bg.jpg') center/cover no-repeat;}


.sub_top_img .img .txt_box { width: 60%; color: #fff; margin-top: 20px; }
.sub_top_img .img .txt_box .txt { display: flex; align-items: flex-start;}
/*.sub_top_img .img .txt_box .txt + .txt { margin-top: 25px; }*/
.sub_top_img .img .txt_box .txt .inner_img { width: 80px; height: 100px; min-height: 100px; margin-right: 30px; flex-shrink: 0}
.sub_top_img .img .txt_box .txt .right_txt { cursor: pointer; margin-top: 18px; min-height: 110px; }
.sub_top_img .img .txt_box .txt .right_txt .txt br {display: none}
.sub_top_img .img .txt_box .txt .right_txt .tit_box { display: flex; align-items: center; }
.sub_top_img .img .txt_box .txt .right_txt .tit_box .inner_tit { font-size: 20px; font-weight: 500; margin-right: 15px; }
.sub_top_img .img .txt_box .txt .right_txt .tit_box .icon { width: 15px; height: 15px; transition: all 0.3s; background: url(../../inc/img/sub/sub_vis_arr_wh.svg) center/contain; opacity: 0.5; transform: rotate(180deg); }
.sub_top_img .img .txt_box .txt .right_txt.active .tit_box .icon { transform: rotate(0deg); }
.sub_top_img .img .txt_box .txt .right_txt .txt { font-size: 14px; opacity: 0.7; display: none;}

.sub_top_img .img .img_box { text-align: right; }
.sub_top_img .img .img_box img { width: 80%; }

.symptom_sect.com .tit_box { display: flex; align-items: center; margin-bottom: 30px; }
.symptom_sect.com .tit_box .cont_tit { margin-right: 50px; flex-shrink: 0 }
.symptom_sect.com .tit_box.col {flex-direction: column; align-items: flex-start}
.symptom_sect.com .img_container { display: flex; margin-top: 40px; }
.symptom_sect.com .img_container + .img_container { margin-top: 91px; }
.symptom_sect.com .img_container .img_wrap { margin-right: 20px; flex: 1}
.symptom_sect.com .img_container .img_wrap:last-of-type { margin-right: 0; }
.symptom_sect.com .img_container .img_wrap img {width: 100%}
.symptom_sect.com .img_container .txt_box { margin-top: 28px; text-align: center}
.symptom_sect.com .img_container .txt_box.type2 { text-align: left; }
.symptom_sect.com .img_container .txt_box.type2 .tit { font-size: 22px; font-weight: 700; }
.symptom_sect.com .img_container .tit { }
.symptom_sect.com .img_container .tit span { font-size: 21px; font-weight: 600; line-height: 1.5}
.symptom_sect.com .img_container .tit span.step { margin-right: 13px; color: #0e2e56; }
.symptom_sect.com .img_container .txt  {font-size: 22px; font-weight: 500; line-height: 1.5;}
.symptom_sect.com .img_container .tit + .txt { font-size: 17px; font-weight: 400; margin-top: 10px; line-height: 1.76;}
.symptom_sect.com .img_container .txt .em {color: #0e2e56; font-weight: 600; display: block; margin-top: 10px }


.symptom_sect.com .img_container .img_wrap .img.in_txt_box { position: relative; }
.symptom_sect.com .img_container .img_wrap .img.in_txt_box p.txt { position: absolute; left: 50%; bottom: 15px; color: #fff; transform: translateX(-50%) }

.img_container_new {flex-wrap: wrap; gap:  70px 40px;}
.img_container_new .img_wrap {margin-right: 0 !important; width: calc((100% - 40px) / 2); flex: unset !important;}

.layout2 {margin-top: 40px;}
.layout2 li {display: flex; flex-wrap: wrap; align-items: center; gap: 0 40px;}
.layout2 li:nth-child(even) {flex-direction: row-reverse;}
.layout2 li:not(:first-child) {margin-top: 40px;}
.layout2 .img {width: 50%;}
.layout2 li:nth-child(odd) .content {margin-right: auto;}
.layout2 li:nth-child(even) .content {margin-left: auto;}
.layout2 .title {font-size: 22px; font-weight: 700; line-height: 1.5; margin-bottom: 10px;}

.system_sect .text { margin-top: 20px; font-size: 22px; font-weight: 600; }
.system_sect span.step { margin-right: 13px; color: #0e2e56; font-weight: 600; line-height: 1.5; }


.symptom_sect.com .img_container.type2 {flex-wrap: wrap; margin-right: -20px; margin-bottom: -60px}
.symptom_sect.com .img_container.type2 .img_wrap {width: calc(33.333% - 20px); margin-bottom: 60px; flex: none}

.symptom_sect .img_container .txt_box.left { text-align: left}



.merit_sect .inner_cont { display: flex; align-items: flex-start; justify-content: space-between; }
.merit_sect .left_tit { width: 35%; }
.merit_sect .right_content { width: 65%; margin-left: 60px}
.merit_sect .right_content ul li { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; border-bottom: 1px solid #c1c1c1; }
.merit_sect .right_content ul li.center { align-items: center; }
.merit_sect .right_content ul li:first-of-type { padding-top: 0; }

.merit_sect .right_content ul li .icon { width: 20%; text-align: center; }
.merit_sect .right_content ul li .icon img {width: 90px;}
.merit_sect .right_content ul li .tit { width: 25%; font-weight: 600; font-size: 20px; line-height: 1.5;}
.merit_sect .right_content ul li .txt { width: 55%;  padding-left: 30px}
.merit_sect .right_content ul li .txt .point { color: #0e2e56; font-weight: 700; display: block; margin-top: 10px; }

.merit_sect .left_tit .cont_txt {display: flex;}
.merit_sect .left_tit .cont_txt i {margin-top: 6px}


.ope_after_sect { width: 100%; margin-top: 140px; display: flex; }
.ope_after_sect.sect,
.ope_after_sect.surgical { margin-top: 20px; }

.ope_after_sect .left_box {width: 35%; margin-right: 60px}
.ope_after_sect .right_box {width: 65%; }
.ope_after_sect .cont_list { display: flex; flex-wrap: wrap; margin-top: 60px}
.ope_after_sect .cont_list li {display: flex; align-items: center; width: 100% ; padding: 40px 0; border-bottom: 1px solid #c1c1c1}
.ope_after_sect .cont_list li:first-child {padding-top: 0}

.ope_after_sect .cont_list li .img { width: 31%; flex-shrink: 0; padding-top: max(30%,120px); position: relative; overflow: hidden; min-width: 120px; border-radius: 50%; }
.ope_after_sect .cont_list li .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover}
.ope_after_sect .cont_list li .text_box {margin-left: 60px}
.ope_after_sect .cont_list li .text_box .sub_tit {font-size: 17px; color: #0e2e56; font-weight: 600; margin-bottom: 10px}
.ope_after_sect .cont_list li .text_box .tit {font-size: 20px; font-weight: 600; line-height: 1.4; }
.ope_after_sect .cont_list li .text_box .txt { margin-top: 6px; word-break: keep-all; }
.ope_after_sect .cont_list li .text_box .eng_tit {font-size: 17px;color: #c1c1c1; margin-top: 5px}
.ope_after_sect .cont_list li .text_box .em {font-weight: 700;color:#0e2e56;margin-top: 10px;display: inline-block;;}


.ope_after_sect .tab_box { display: flex; align-items:center; margin-top: 30px; min-height: 35px;}
.ope_after_sect .tab_box .tab { font-size: 20px; display: flex; align-items: center; transition: all .3s; min-height: 25px; color: #828282; font-weight: 500; }
.ope_after_sect .tab_box .tab::after {display: block; content: attr(data-tit); font-weight: bold; height: 0; overflow: hidden; visibility: hidden;}
.ope_after_sect .tab_box .tab.active { color:#0e2e56; font-weight: 700}
.ope_after_sect .tab_box .tab + .tab::before { content: ""; width: 1px; height: 15px; background-color: #c1c2c1; margin: 0 15px; display: inline-block; }
.ope_after_sect .tab_box .tab:hover {color:#0e2e56; }

.ope_after_sect .swiper-container-fade .swiper-slide { pointer-events: auto;}


@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}
.sub_banner_img .sub_banner_wrap .img { position: relative; display: block; }
.sub_banner_img .sub_banner_wrap .img .txt { position: absolute; left: 6%; top: 15%; width: 100%; text-align: left; font-size: 56px; color: #fff; font-weight: 500; z-index: 10; line-height: 1.25; }

.banner_sect .banner { position: relative; display: block;}
.banner_sect .banner .txt_box { position: absolute; left: 0%; top: 50%; transform: translateY(-50%); width: 100%; color: #fff; padding-left: 70px; }
.banner_sect .banner .txt_box .txt { font-size: 38px; font-weight: 400; line-height: 1.2; }
.banner_sect .banner .txt_box .tit { font-size: 82px; font-weight: 700; }
.banner_sect .banner .txt_box .arr { width: 100px; margin-top: 30px; }

.banner_sect .banner .txt_box .txt_wrap  { display: flex; }
.banner_sect .banner .txt_box .txt_wrap .icon { width: 80px; height: 80px; margin-right: 20px; }

.sub_02_2 .merit_sect .right_content ul li:first-of-type .icon img { width: 57%; }
.sub_02_2 .merit_sect .right_content ul li:nth-of-type(2) .icon img { width: 50%; }
.sub_02_2 .merit_sect .right_content ul li:last-of-type .icon img { width: 45%; }



/*서브 02*/

.sub_02 .sect {padding-top: var(--sub_padding) !important}

.compare_sect .txt_box { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 20px}
.compare_sect .txt_box .txt { width: 50%; text-align: center; font-weight: 500; font-size: 21px; line-height: 1.5}

.compare_sect.type2 .tit_box { display: flex; }
.compare_sect.type2 .tit_box .tit { margin-right: 120px; font-size: var(--sub_page_tit); font-weight: 600;flex-shrink: 0; margin-top: -7px}
.compare_sect.type2 .tit_box .txt {  line-height: 1.7; }

/*비교 슬라이드*/
.compare_sect.type2 .compare_inner { margin-top: 20px; }
.compare_inner { display: flex; }

.compare_container { width: 100%; display:block; margin:25px auto 0; flex: 1; }
.compare_container + .compare_container {margin-left: 20px}
.compare_container img { width: 100%; height: 100%; object-fit: cover; object-position: left; display: block; }
.compare_container .txt  {text-align: center; font-size: 22px; font-weight: 600; margin-top: 25px}

#compare-slider,
#compare-slider2 { width:100%; position:relative; overflow:hidden;  }

#after-image,
#after-image2 { display:block; pointer-events: none; }

#before-image,
#before-image2 { position:absolute; height:100%; width:50%; top:0; left:0; overflow:hidden; z-index:2; pointer-events: none; }

#resizer,
#resizer2 { position: absolute; display: flex; align-items: center; z-index: 5; top: 0; left: 50%; height:100%; width: 2px; background: var(--blue); -ms-touch-action: pan-y; touch-action: pan-y; cursor: pointer; }

#resizer:after,
#resizer2:after { content: ''; position:absolute; width: 50px; height: 50px; left: 50%; top: 50%; background: url('../../inc/img/sub/compare_slider.svg')center/cover no-repeat ; display:flex; justify-content:center; align-items:center; color:white; border-radius:50%; border: none; transform: translate(-50%,-50%); }


.zeiss_sect .inner_cont_wrap { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; }
.zeiss_sect .inner_cont_wrap .img { width: 55%; margin-right: 80px; }
.zeiss_sect .inner_cont_wrap .inner_cont { width: 45%; }
.zeiss_sect .inner_cont_wrap .inner_cont .cont { display: flex; align-items: center; justify-content: space-between; }
.zeiss_sect .inner_cont_wrap .inner_cont .cont:nth-of-type(2) { margin: 25px 0; }
.zeiss_sect .inner_cont_wrap .inner_cont .cont .img { width: 30%; margin-right: 20px; }
.zeiss_sect .inner_cont_wrap .inner_cont .cont .txt_box { width: 69%; font-weight: 500; line-height: 1.4; }

.zeiss_sect.new .inner_cont_wrap .img {width: 65%;}

.sub_02 .reqCon_sect { background: url(/inc/img/sub/sub_02_1_banner.jpg) right 30% bottom/cover no-repeat; }
.sub_03 .reqCon_sect { background: url(/inc/img/sub/sub03_banner.jpg) right 30% bottom/cover no-repeat; }
.sub_05 .reqCon_sect { background: url(/inc/img/sub/sub_05_banner.jpg) right 30% bottom/cover no-repeat;}
.sub_05 .reqCon_sect.b2 { background: url(/inc/img/sub/sub_05_banner2.jpg) right 30% bottom/cover no-repeat;}
/*
.sub_05.sub_05_3 .reqCon_sect,
.sub_05.sub_05_4 .reqCon_sect { background: url(/inc/img/sub/sub_05_3_banner.jpg) right 30% bottom/cover no-repeat;}
*/
.sub_06 .reqCon_sect { background: url(/inc/img/sub/sub06_reqCon.jpg) right top/cover no-repeat; }
.sub_07 .reqCon_sect { background: url(/inc/img/sub/sub07_reqCon.jpg) right 40% bottom/cover no-repeat; }

/*하단 폼*/
.reqCon_sect { padding: 120px 0;  margin-top: var(--sub_padding); }
.reqCon_sect .tit { font-size: 42px; font-weight: 600; }
.reqCon_sect .contact_form { display: flex; align-items: center; justify-content: flex-start; padding: 50px 0; }
.reqCon_sect .contact_form div { margin-right: 40px; }
.reqCon_sect .contact_form div span { font-size: 16px; font-weight: 500; }
.reqCon_sect .contact_form input[type=text] { max-width: 250px; padding: 5px 7px; background-color: transparent; border-bottom: 1px solid #1a1c1e; font-size: 16px; }
.reqCon_sect .contact_form .priv_btn { padding: 7px 10px; border: 1px solid #1a1c1e; border-radius: 0.5em; font-size: 14px; font-weight: 600; }
.reqCon_sect .contact_form .sch_btn { margin-left: 5px; width: 40px; height: 40px; border: 1px solid #1a1c1e; border-radius: 0.5em; font-size: 14px; text-align: center; line-height: 38px; flex-shrink: 0; transition: all 0.3s;}
.reqCon_sect .contact_form .sch_btn:hover { background-color: var(--blue); border: 1px solid #0e2e56; }
.reqCon_sect .contact_form .sch_btn:hover i { color: #fff; }
.reqCon_sect .contact_form .contact_btn { margin-left: 40px; padding: 15px 50px; border-radius: 0.5em; background-color: #0e2e56; color: #fff; transition: all 0.3s; }

.reqCon_sect .contact_form .contact_btn { position: relative; background-color: #0e2e56; border-radius: 8px; padding: 14px 10px; width: 260px; font-size: 19px; font-weight: 400; color: #fff; transition:all .3s; margin-left: 40px; text-align: center; }
.reqCon_sect .contact_form .contact_btn span { position: relative; z-index: 10; }
.reqCon_sect .contact_form .contact_btn:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1daadb; transform: scaleX(0); transform-origin: left; border-radius: 5px; transition: all 0.3s ease-in; z-index: 1; }
.reqCon_sect .contact_form .contact_btn:hover:before { transform: scaleX(1); }

.reqCon_sect .contact_form .btn.policy { border: 1px solid #1a1c1e ; padding: 0px 15px; border-radius: 5px; margin: 0px; position: relative; font-size: 16px; height: 40px;line-height: 38px}
.reqCon_sect .contact_form .btn.policy i { width: 1em; margin-right: 5px; }
.reqCon_sect .contact_form .btn.policy input {display: block;height: 0;width: 0;font-size: 0;line-height: 0;margin: 0;padding: 0;overflow: hidden;border: none;}
.reqCon_sect .contact_form .btn.policy input:checked  + label i {font-weight: 700}
.reqCon_sect .contact_form .btn.policy input + label {cursor: pointer}

.sub_01_3 .sub_top_img .img_box {width: 1000px; margin: 0px auto 0; max-width: 100%}
.sub_01_3 .sub_top_img .img_box .img { position: relative; text-align: center; }
.sub_01_3 .sub_top_img .img_box .img:before{width: 50%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; content: ""; transition: 2s}
.sub_01_3 .sub_top_img .img_box .img:after{width: 50%; height: 100%; background-color: #fff; position: absolute; right: 0; top: 0; content: ""; transition: 2s}
.sub_01_3 .sub_top_img .img_box.active .img:before {transform: translateX(-100%)}
.sub_01_3 .sub_top_img .img_box.active .img:after {transform: translateX(100%)}



.sub_01_3 .character_sect {margin-top: 90px; }
.sub_01_3 .character_sect .cont_wrap {display: flex; flex-wrap: wrap; margin-left: -40px; margin-bottom: -80px}
.sub_01_3 .character_sect .cont {width: calc(50% - 40px); margin-left: 40px; margin-bottom: 80px; cursor: pointer}
.sub_01_3 .character_sect .cont:hover .img_box .plus { background-color: var(--blue); }
/*.sub_01_3 .character_sect .cont:hover .img_box .img img{ transform: scale(1.1); }*/
.sub_01_3 .character_sect .cont .img_box {position: relative; }
.sub_01_3 .character_sect .cont .img_box .img { position: relative; padding-top: 63%; overflow: hidden; }
.sub_01_3 .character_sect .cont .img_box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.8s; }
.sub_01_3 .character_sect .cont .img_box img.hover_img { opacity: 0; }
.sub_01_3 .character_sect .cont:hover img { opacity: 0; }
.sub_01_3 .character_sect .cont:hover img.hover_img { opacity: 1; }
.sub_01_3 .character_sect .cont .img img {transition: all .3s;}
.sub_01_3 .character_sect .cont .img_box .plus {width: 70px; height: 70px; background-color: #4a4b4c; color: #fff; font-size: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; right: 30px; bottom: 0; transform: translate(0,50%); transition: all .3s}
.sub_01_3 .character_sect .cont .text { margin-top: 30px; display: flex; align-items: center}
.sub_01_3 .character_sect .cont .text strong {font-size: 28px;}
.sub_01_3 .character_sect .cont .text span {font-size: 20px; margin-left: 15px}



.modal {opacity: 0; pointer-events: none; transition: 0.3s ease-in-out; position: fixed; top:0; left:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; width:100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999;
    display: block; padding: 80px 0; overflow: auto}
.modal.open {opacity: 1; pointer-events: inherit; }



.modal .cont_wrap {display: table;margin: 0 auto;width: 100%;height: 100%;position: relative; padding:  0 20px;table-layout: fixed;vertical-align: middle}
.modal .cont_wrap .scroll_box {display: table-cell; vertical-align: middle}
.modal.character .cont_wrap .pop_cont{ min-width: 800px; width: 800px; max-width: 100%; border-radius: 10px; overflow: hidden; margin: 0 auto;}




.modal .pop_top {background-color: #0e2e56; color: #fff; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; border-top-left-radius:10px; border-top-right-radius:10px;}
.modal .pop_top p {font-weight: 600; font-size:24px; }
.modal .pop_top .close_btn {color: #fff; font-size: 26px;}

.modal.character .slide_box .img_box {padding-top: 60%; position: relative}
.modal.character .slide_box .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.modal.character .slide_box .swiper-pagination-bullet { bottom: 15px; background: #fff; margin: 0 12px; opacity: 1; width: 6px; height: 6px; position: relative;}
.modal.character .slide_box .swiper-pagination-bullet:before {content: ""; width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0);background-color: #fff;border-radius: 50%; opacity: 0.2;transition: all .3s; }
.modal.character .slide_box .swiper-pagination-bullet-active::before {transform: translate(-50%,-50%) scale(1);}


.modal.character .info_cont {background-color: #fff; padding: 35px 40px 60px;}
.modal.character .info_cont .name {font-size:28px; font-weight: 600;}
.modal.character .info_cont .name span {font-size: 18px; margin-left: 8px}
.modal.character .info_cont .list_box { margin-top: 20px; display: flex; }
.modal.character .info_cont .list_box .list {width: 50%; }
.modal.character .info_cont .list_box .list + .list {margin-left:50px;}

/*오시는길 팝업*/
.modal.mapSend .modal_close { right: 0; top: calc(50% - 3px); transform: translateY(-50%); }
.modal.mapSend .modal_close i { color: #828282; font-size: 25px; transition: all 0.3s; }
.modal.mapSend .modal_close:hover i { color: #1a1c1e; }

.modal.mapSend .cont_wrap .mapImg_pop { position: relative; background-color: #fff; border-radius: 10px; padding: 40px 20px 120px; width: 600px; min-width: 600px; max-width: 100%; margin: 0 auto}
.modal.mapSend .mapImg_pop .tit { position: relative; text-align: center; margin-bottom: 15px; font-size: 26px; font-weight: 700; }
.modal.mapSend .mapImg_pop .txt { text-align: center; font-weight: 600; margin-top: 15px; }
.modal.mapSend .mapImg_pop .form_wrap { margin-top: 30px; }
.modal.mapSend .mapImg_pop .inp_box input[type="text"] { width: 100%; height: 60px; padding: 0 15px; line-height: 58px; border: 1px solid #c1c1c1; font-size: 16px; }
.modal.mapSend .mapImg_pop .inp_box .inner_inp { display: flex; }
.modal.mapSend .mapImg_pop .inp_box .inner_inp .nice-select { width: 30%; height: 60px; line-height: 58px; margin-right: 10px; border: 1px solid #c1c1c1; border-radius: 0; }
.modal.mapSend .mapImg_pop .inp_box .inner_inp input[type="text"] { width: 100%; }
.modal.mapSend .mapImg_pop .inp_box + .inp_box { margin-top: 20px; }
.modal.mapSend .mapImg_pop .inp_box .inp_tit { font-weight: 600; margin-bottom: 10px; }
.modal.mapSend .mapImg_pop .inp_box.per .cont_box { padding: 15px; background-color: #f9f9f9; }
.modal.mapSend .mapImg_pop .inp_box.per .cont_box p { font-size: 14px; color: #828282; }
.modal.mapSend .mapImg_pop .inp_box.per .check_txt { font-size: 16px; color: #838483; margin-top: 10px; }
.modal.mapSend .mapImg_pop .submit_btn { position: absolute; left: -1px; bottom: 0; width: calc(100% + 1px); height: 70px; background-color: var(--blue); color: #fff; font-size: 20px; border-radius: 0 0 10px 10px; }

.modal.mapSend .mapTxt { margin-top: 40px; }
.modal.mapSend .mapTxt .txt_box { padding: 20px 50px; border: 1px solid #c1c1c1; border-width: 1px 0 1px 0; text-align: center; }
.modal.mapSend .mapTxt .txt_box b { font-size: 32px; color: #c1c1c1; line-height: 1; font-family: 'Noto Serif CJK KR' }
.modal.mapSend .mapTxt .txt_box p { font-size: 20px; font-weight: 700; }

.modal.mapSend .check_txt i {margin-right: 10px;}
.modal.mapSend .check_txt input + label i { color: #c1c1c1; }
.modal.mapSend .check_txt input:checked + label i { color: #1a1c1e; }
.modal.mapSend .check_txt label {cursor: pointer}
.modal.mapSend .nice-select:after { right: 22px; }


/*진료시간 오시는길*/
.sub_01_4 .cont_tit {font-size: var(--sub_page_tit); font-weight: 700; }



.sub_01_4 .way_map_sect { position: relative; }
.sub_01_4 .way_map_sect .tit_box .cont_tit{margin-bottom: 0;}
.sub_01_4 .way_map_sect .inner_tit { margin-bottom: 50px; font-size: 30px; font-weight: 500; line-height: 1.5;}
.sub_01_4 .way_map_sect .inner_tit span { font-weight: 600; }
.sub_01_4 .way_map_sect .in2 { position: unset; }
.sub_01_4 .way_map_sect .inner_cont { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 80px; }



.sub_01_4 .way_map_sect .inner_cont .left_txt { width: 50%;margin-top: 20px}
.sub_01_4 .way_map_sect .inner_cont .left_txt > .tit span { font-weight: 700; }
.sub_01_4 .way_map_sect .inner_cont .left_txt .time_txt_container {  font-size: 16px; }
.sub_01_4 .way_map_sect .inner_cont .left_txt .time_txt_container > .tit { margin-bottom: 10px; font-size: 22px; font-weight: 600; }
.sub_01_4 .way_map_sect .inner_cont .left_txt .time_txt_container .txt_wrap .txt_box { display: flex; margin: 5px 0; }
.sub_01_4 .way_map_sect .inner_cont .left_txt .time_txt_container .txt_wrap .txt_box .tit { min-width: 130px; font-weight: 600; }

.sub_01_4 .way_map_sect .inner_cont .left_txt .way_txt_container { margin-top: 40px; font-size: 16px; }
.sub_01_4 .way_map_sect .inner_cont .left_txt .way_txt_container > .tit { margin-bottom: 10px; font-size: 22px; font-weight: 600; }
.sub_01_4 .way_map_sect .inner_cont .left_txt .way_txt_container .txt_wrap .txt_box { display: flex; margin: 5px 0; }
.sub_01_4 .way_map_sect .inner_cont .left_txt .way_txt_container .txt_wrap .txt_box .tit { min-width: 130px; font-weight: 600; }

.sub_01_4 .way_map_sect .inner_cont .btn_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 30px; }
.sub_01_4 .way_map_sect .inner_cont .btn_wrap a { display: flex; align-items: center; justify-content: center; min-width: 200px; padding: 10px 20px; border: 1px solid #1a1c1e; border-radius: 8px; font-size: 16px; transition: all 0.3s; font-weight: 500; }
.sub_01_4 .way_map_sect .inner_cont .btn_wrap a + a { margin-left: 6px; }
.sub_01_4 .way_map_sect .inner_cont .btn_wrap a i { margin-right: 8px; transition: all 0.3s; }
.sub_01_4 .way_map_sect .inner_cont .btn_wrap a:hover { background-color: var(--blue); color: #fff; border: 1px solid #0e2e56; }
.sub_01_4 .way_map_sect .inner_cont .btn_wrap a:hover i { color: #fff; }


.sub_01_4 .way_map_sect .inner_cont .right_map { position: relative; width: 60%; height: 620px;  }
.sub_01_4 .way_map_sect .inner_cont .right_map #map2{outline: none;}
.sub_01_4 .way_map_sect .inner_cont .map { width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; object-position: center}

.sub_01_4 .way_route_sect { padding: 100px 0; }
.sub_01_4 .way_route_sect .in2 > .tit { margin-bottom: 30px; font-size: 22px; font-weight: 600; }
.sub_01_4 .way_route_sect .inner_cont { display: flex; align-items: center; justify-content: space-between; }
.sub_01_4 .way_route_sect .inner_cont .left_img { width: 70%; margin-right: 50px; }
.sub_01_4 .way_route_sect .inner_cont .right_txt { width: 50%; margin-left: 50px; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap { display: flex; align-items: flex-start; justify-content: space-between; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap + .icon_wrap { margin-top: 60px; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .icon { width: 150px; margin-top: 5px; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .icon img { width: 46%; margin: auto; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .icon .ico3 {width: 58%; margin-left: -6px;}
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap { width: 100%; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap > .tit { margin-bottom: 15px; font-size: 22px; font-weight: 600; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box {display: flex; align-items: center; justify-content: flex-start; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box + .txt_box {margin-top: 12px}
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .tit { width: 100px; font-size: 16px; font-weight: 500; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .tit.num { width: 50px; font-weight: 400; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .tit.num img { width: 30px; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .txt { font-size: 16px; font-weight: 500; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .txt.num { font-size: 22px; line-height: 1; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .label { display: inline-block; background-color: #992c35; color: #fff; padding: 0px 10px; border-radius: 2em; }
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .label.no9{background-color: #b39627;}
.sub_01_4 .way_route_sect .inner_cont .right_txt .icon_wrap .txt_wrap .txt_box .label.no2{background-color: #3b9f37;}

.sub_01_4 .way_note_sect .in2 > .tit { margin-bottom: 30px; font-size: 22px; font-weight: 600; }
.sub_01_4 .way_note_sect .icon_wrap { display: flex; }
.sub_01_4 .way_note_sect .icon_wrap .icon_box { width: 33.33%; display: flex; align-items: center; padding: 20px;  word-break: keep-all; position: relative}
.sub_01_4 .way_note_sect .icon_wrap .icon_box + .icon_box:before { width: 1px; height:80px; background-color: #c1c1c1 ; content: ""; position: absolute; top: 50%; left:0px; transform: translateY(-50%);}
.sub_01_4 .way_note_sect .icon_wrap .icon_box:first-of-type { padding-left: 0; }
.sub_01_4 .way_note_sect .icon_wrap .icon_box:last-of-type { border-right: 0; }
.sub_01_4 .way_note_sect .icon_wrap .icon_box .icon { width: 40px; margin-right: 25px; flex-shrink: 0}
.sub_01_4 .way_note_sect .icon_wrap .icon_box:nth-of-type(1) .icon { width: 50px; }
.sub_01_4 .way_note_sect .icon_wrap .icon_box:nth-of-type(2) .icon { width: 52px; }
.sub_01_4 .way_note_sect .icon_wrap .icon_box .txt { font-size: 16px; font-weight: 500; }


/*공지사항 박스 리스트*/
.sub_01_5 .notice_container .tit_box { margin-bottom: 60px; }
.sub_01_5 .notice_container .tit_box .tit { margin-bottom: 10px; font-size: var(--sub_page_tit); font-weight: 600; line-height: 1.5}
.sub_01_5 .notice_container .tit_box .tit_review {display: flex; align-items: baseline;}
.sub_01_5 .notice_container .tit_box .list_total {font-size: 35px; color: #999; margin-left: 40px;}
.sub_01_5 .notice_container .tit_box .txt { font-size: var(--sub_page_txt); font-weight: 500; }
.sub_01_5 .notice_container .tit_box .txt_desc { margin-top: 10px; font-size: 15px; color: #838483; }

.sub_01_5 .notice_container .list_top { display: flex; align-items: center; justify-content: space-between; }

.sub_01_5 .notice_container .list_top .list_tab_wrap a { position: relative; font-size: 18px; font-weight: 500; padding: 0 8px; color: #1a1c1e; transition: all 0.3s ; display: inline-block; color: #828282}
.sub_01_5 .notice_container .list_top .list_tab_wrap a.active{color: #0e2e56; font-weight: 700}
.sub_01_5 .notice_container .list_top .list_tab_wrap a:before { content: ''; position: absolute; right: -3px; top: 50%; width: 1px; height: 50%; background-color: #c1c2c1; transform: translateY(-50%); }
.sub_01_5 .notice_container .list_top .list_tab_wrap a:first-of-type { padding-left: 0; }
.sub_01_5 .notice_container .list_top .list_tab_wrap a:last-of-type:before { display: none; }

.list_top.com .sch_wrap .nice-select { width: 150px; margin-right: 10px;  background-color: transparent; border: 0; color: #1a1c1e; z-index: 4; border-bottom: 2px solid #1a1c1e; border-radius: 0; font-weight: 800;  font-size: 17px}
.list_top.com .sch_wrap .nice-select span { font-weight: 500; }
.list_top.com .sch_wrap .nice-select.open span { font-weight: 600; }
.list_top.com .sch_wrap .nice-select .list { padding: 10px 0; z-index: 900; color: #000; background-color: var(--blue); color: rgba(255,255,255,0.5); border-radius: 0; }
.list_top.com .sch_wrap .nice-select .option:hover,
.list_top.com .sch_wrap .nice-select .option.focus,
.list_top.com .sch_wrap .nice-select .option.selected.focus { background-color: transparent; color: #fff; font-weight: bold; }

.sub_01_5 .nice-select:after { border-bottom: 2px solid #1a1c1e; border-right: 2px solid #1a1c1e; }


.sub_01_5 .notice_container .img_list_top .nice-select {border: 1px solid #000; padding-right: 60px; height: 38px; line-height: 36px}



.list_top.com .nice-select {border: 1px solid #000; padding-right: 60px; height: 42px; line-height: 40px}
.list_top.com .sch_wrap { display: flex; align-items: center; justify-content: space-between; }
.list_top.com select { height: 42px; margin-right: 15px; border: 0; border-bottom: 2px solid #1a1c1e; }
.list_top.com .sch_input { display: flex; align-items: center; justify-content: space-between; width: 300px; height: 42px; padding: 0 8px; border-bottom: 2px solid #1a1c1e; line-height: 42px; }
.list_top.com .sch_input input { width: 100%; margin-right: 10px; font-size: 17px}
.list_top.com .total {font-size: 14px;}

.sub_01_5 .box_list_container { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 35px; margin-left: -20px; margin-bottom: -20px; }
.sub_01_5 .box_list_container li { position: relative; width: calc(100%/4 - 20px); height: 260px; margin-left:  20px; margin-bottom:  20px; }
.sub_01_5 .box_list_container li a { position: relative; display: block; width: 100%; height: 100%; background-color: #f9f9f9; transition: all 0.3s; border: 2px solid transparent; }
.sub_01_5 .box_list_container li .list_inner { padding: 40px 25px 0 25px ; }
.sub_01_5 .box_list_container li .label { font-size: 16px; color: #0e2e56; font-weight: 700; }
.sub_01_5 .box_list_container li .txt_box { padding: 10px 0 25px; }
.sub_01_5 .box_list_container li .tit { min-height: 75px;font-size: 24px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub_01_5 .box_list_container li .txt { min-height: 58px; font-size: 17px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: none}
.sub_01_5 .box_list_container li .date { color: #838483; font-size: 16px; }
.sub_01_5 .box_list_container li .arr { position: absolute; right: 35px; bottom: 20px; width: 70px; opacity: 0; transition: all 0.6s; }

.sub_01_5 .box_list_container li.empt_list { width: 100%; padding-top: 40px; border-top: 1px solid #c1c1c1; }
.sub_01_5 .box_list_container li.empt_list .top_logo { width: 120px; margin: auto; opacity: 0.6; }
.sub_01_5 .box_list_container li.empt_list p { text-align: center; font-size: 14px; margin-top: 10px; color: #828282; }

.sub_08_6 .event_list .list .empt_list { width: 100%; padding-top: 40px; border-top: 1px solid #c1c1c1; }
.sub_08_6 .event_list .list .empt_list .top_logo { width: 120px; margin: auto; opacity: 0.6; }
.sub_08_6 .event_list .list .empt_list p { text-align: center; font-size: 14px; margin-top: 10px; color: #828282; }

.img_list_container .img_list .empt_list { width: 100%; padding-top: 40px; padding-bottom: 40px;  border-top: 1px solid #c1c1c1}
.img_list_container .img_list .empt_list .top_logo { width: 120px; margin: auto; opacity: 0.6; }
.img_list_container .img_list .empt_list p { text-align: center; font-size: 14px; margin-top: 10px; color: #828282; }
#reviewListView .empt_list {border-top: none}

.list_pagination { display: flex; align-items: center; justify-content: center; margin-top: 120px}Q
                                                                                                  .list_pagination > a { margin: 0 7px; font-size: 15px; }
.list_pagination > a i { color: #b2b2b2; transition: all 0.3s; }

.list_pagination .num { display: flex; align-items: center; justify-content: center; margin: 0 35px; }
.list_pagination .num li { position: relative; width: 35px; height: 30px; margin: 0 5px; font-size: 14px; border-radius: 50%; text-align: center; transition: all 0.3s; font-weight: 600; }
.list_pagination .num li a { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); line-height: 25px; transition: all 0.4s; }

.list_pagination .num li a:before { content: ''; position: absolute; left: 50%; bottom: 0%; width: 35px; height: 1px; transform: translate(-50%, 0); opacity: 0; background: #0e2e56; transition: all 0.4s; z-index: -1; }
.list_pagination .num li.active a { color: #0e2e56; }
.list_pagination .num li.active a:before { opacity: 1; }

.list_pagination .next { margin-right: 15px; }
.list_pagination .prev { margin-left: 15px; }

.surgicalGuid .reqCon_sect,
.surgicalEqu .reqCon_sect,
.sub_01_5 .reqCon_sect { background: url(/inc/img/sub/sub_01_banner.jpg) 75% center/cover no-repeat; }

/*공지사항 뷰*/

.sub_01_5.view .notice_view_container .view_list_top { padding-bottom: 20px; }
.sub_01_5.view .notice_view_container .view_list_top .tit_box { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; }
.sub_01_5.view .notice_view_container .view_list_top .tit_box .label { padding: 2px 15px; margin-right: 15px; border-radius: 3px; background-color: #0e2e56; color: #fff; font-size: 14px; flex-shrink: 0; margin-top: 13px;}
.sub_01_5.view .notice_view_container .view_list_top .tit_box .tit { font-size: 32px; font-weight: 700; }
.sub_01_5.view .notice_view_container .view_list_top .bot_box {display: flex; align-items: center; }
.sub_01_5.view .notice_view_container .view_list_top .desc { display: flex; align-items: center; font-size: 16px; color: #838483; font-weight: 500; }
.sub_01_5.view .notice_view_container .view_list_top .desc .date { position: relative; margin-right: 20px; }
.sub_01_5.view .notice_view_container .view_list_top .desc .date:before { content: ''; position: absolute; right: -10px; top: 50%; width: 1px; height: 55%; background-color: #c1c2c1; transform: translateY(-50%); }
.sub_01_5.view .notice_view_container .view_list_top .desc .tag { margin-right: 10px; }
.sub_01_5.view .notice_view_container .view_list_top .my_btn_box {margin-left: auto}

.sub_01_5.view .notice_view_container .view_contents { padding: 30px 0; border-top: 1px solid #1a1c1e; border-bottom: 1px solid #c1c1c1; min-height: 500px; }
.sub_01_5.view .notice_view_container .view_contents p { text-align: center; }
.sub_01_5.view .notice_view_container .view_contents .view_inner { width: 90%; margin: auto; }
.sub_01_5.view .notice_view_container .view_contents > .txt_box { text-align: center; font-size: 15px; font-weight: 500; }
.sub_01_5.view .notice_view_container .view_contents .img { width: 280px; text-align: center; }
.sub_01_5.view .notice_view_container .view_contents .img .inner_img { position: relative; padding-top: 180px; }
.sub_01_5.view .notice_view_container .view_contents .img .inner_img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.sub_01_5.view .notice_view_container .view_contents .img .inner_img:before {position: absolute; content: ""; width: 100%; height: 100%; background-color: #000; opacity: 0.02; z-index: 1; left: 0; top:0}

.sub_01_5.view .notice_view_container .view_contents .img .inner_img.no_img:after  {width: 100%; height: 100%;background-image: url('../img/sub/no_img.jpeg'); background-position: center; background-size: cover;
    content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; }

.sub_01_5.view .notice_view_container .view_contents img {height: auto !important}



/*첨부파일*/
.file_area { padding: 20px 30px 20px; display: flex; align-items: flex-start; border-bottom: 1px solid #c1c1c1; }
.file_area .left { width: 20px; margin-top: 6px; color:#555; display: inline-block; min-width: 20px; font-size: 14px; font-weight: 700; margin-right:30px }
.file_area .left i { font-size: 20px; }
.file_area .right { width: 80%; margin-left:-30px; margin-bottom: -15px; }
.file_area .right > a { font-size:14px; color:#555; margin-left: 15px; margin-bottom: 15px; display: inline-block; border-bottom: 1px solid transparent; transition: all .3s; text-decoration: underline; }

/*고객후기 정보*/
.sub_01_5.view .notice_view_container .view_contents .info_box { display: flex; align-items: center; margin-bottom: 30px; }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-left: 40px; flex-wrap: wrap; }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box div { display: flex; }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box div + div { margin-top: 15px; }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box p { position: relative; min-width: 108px; padding: 0 20px; font-size: 16px; text-align: left; }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box p:first-child {padding-left: 0}
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box p + p:after { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 50%; background-color: #c1c2c1; transform: translateY(-50%); }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box p span { margin-left: 15px; font-weight: 700; }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box p span.sight { font-size: 14px; font-weight: 500; }
.sub_01_5.view .notice_view_container .view_contents .info_box .txt_box p span.sight i { font-size: 13px; margin: 0 5px; color: #0e2e56 }

.sub_01_5.view .notice_view_container .view_contents .view_img_wrap { padding: 60px 0 30px; text-align: center; border-top: 1px solid #c1c1c1; }
.sub_01_5.view .notice_view_container .view_contents .view_img_wrap .view_img { width: 90%; margin: auto; }
.sub_01_5.view .notice_view_container .view_contents .view_img_wrap .view_img .inner_img { position: relative; padding-top: 56.25%; }
.sub_01_5.view .notice_view_container .view_contents .view_img_wrap .view_img .inner_img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

/*.sub_01_5.view .notice_view_container .view_contents .swiper { overflow: hidden; }*/
/*.sub_01_5.view .notice_view_container .view_contents .swiper .img { position: relative; padding-top: 50%; }*/
/*.sub_01_5.view .notice_view_container .view_contents .swiper .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }*/
/*.sub_01_5.view .notice_view_container .view_contents .swiper_btn { top: 56%; width: 50px; height: 50px; background-color: #edefed; }*/
/*.sub_01_5.view .notice_view_container .view_contents .swiper_btn i { color: #1a1e1c; }*/

.sub_01_5.view .notice_view_container .list_btn { display: block; width: 170px; margin: 50px auto; padding: 15px 0; border-radius: 8px; background-color: #fff; color: #1a1c1e; border: 1px solid #1a1c1e; text-align: center; transition: all 0.3s; font-weight: 600; }


/* 이전글 다음글 */
.sub_01_5.view .prev_next { margin-top: 110px; border-top: 1px solid #1a1c1e; }
.sub_01_5.view .prev_next li { display: flex; min-height: 65px; padding: 20px 0; border-bottom: 1px solid #ddd; color: #828282; font-size: 15px; line-height: 1; font-weight: 600; transition: all .3s; cursor: pointer}
.sub_01_5.view .prev_next li:hover {background-color: #f9f9f9}
.sub_01_5.view .prev_next li.next { color: #1a1c1e; }
.sub_01_5.view .prev_next li > p { display: flex; align-items: center; justify-content: space-between; flex: 0 0 60px; padding: 0 0 0 30px; font-weight: 500; }
.sub_01_5.view .prev_next li a { display: flex; align-items: center; justify-content: space-between; flex: 1 1 100%; position: relative; padding: 0 30px; font-weight: 500; min-width: 0}
.sub_01_5.view .prev_next li a.end { cursor: default; }
/*.sub_01_5.view .prev_next li a::before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ddd; }*/

.sub_01_5.view .prev_next li a .tit_box { display: flex; align-items: center; justify-content: flex-start; min-width: 0}
.sub_01_5.view .prev_next li a .tit_box .label { margin-right: 10px; padding: 3px 10px; background-color: var(--blue); border-radius: 2px; color: #fff; font-size: 14px; flex-shrink: 0}
.sub_01_5.view .prev_next li a .tit_box .tit {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 16px}


.sub_02_5 .merit_sect .right_content ul li:nth-child(1) .icon img {width: 40%}
.sub_02_5 .merit_sect .right_content ul li:nth-child(2) .icon img {width: 35%}
.sub_02_5 .merit_sect .right_content ul li:nth-child(3) .icon img {width: 40%}

.sub_02_6_2 .pulse_sect .cont_box {display: flex; align-items: center; justify-content: space-between; margin-top: 40px}
.sub_02_6_2 .pulse_sect .cont_box .left{width: 50%}
.sub_02_6_2 .pulse_sect .cont_box .right{width: 40%}
.sub_02_6_2 .pulse_sect .cont_box .right .img_box {display: flex; align-items: center}
.sub_02_6_2 .pulse_sect .cont_box .right .img_box + .img_box {margin-top: 30px}
.sub_02_6_2 .pulse_sect .cont_box .right .img_box .img {width: 30%; flex-shrink: 0}
.sub_02_6_2 .pulse_sect .cont_box .right .img_box .img img {width: 100%}
.sub_02_6_2 .pulse_sect .cont_box .right .img_box p { margin-left: 20px; font-size: 17px; font-weight: 500; line-height: 1.4; }



/*체험기 스와이퍼*/
.swipe_sect .tit_box { display: flex; align-items: center; margin-bottom: 30px; }
.swipe_sect .tit_box .cont_tit { margin-right: 50px; font-weight: var(--sub_cont_weight); }
.swipe_sect .tit_box .view_btn { display: flex; align-items: center; font-weight: 600; font-size: 16px; }
.swipe_sect .tit_box .view_btn .arr {display: flex ; align-items: center; }
.swipe_sect .tit_box .view_btn img {width: 22px; margin-left: 15px}
.swipe_sect .slide_box {max-width: 2600px; margin: 0 auto}
.swipe_sect .slide_box .img_box {padding-top: 70%; position: relative}
.swipe_sect .slide_box .img_box .img  {background-position: center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%}
.swipe_sect .slide_box .img_box .img:before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #1a1c1e; opacity: 0.2; transition: all .3s}
.swipe_sect .slide_box .img_box .text_box {position: absolute; left: 25px; bottom: 20px;  font-weight: 600; font-size: 22px; color: #fff; width: 100%}



/*공지사항 이미지 리스트*/
.img_list_container { padding-top: 60px; }
.img_list_container .img_list_top { display: flex; align-items: center; justify-content: space-between; }

.list_total { font-size: 15px; color: #838483; }
.list_total span { font-weight: 700; color: #1a1c1e; }

.img_list_container .img_list { margin: 40px 0 80px;}
.img_list_container .img_list li{}
.img_list_container .img_list li a { display: flex; align-items: flex-start; margin-bottom: 40px; }
.img_list_container .img_list li .thumb { width: 28%; margin-right: 50px; }
.img_list_container .img_list li .thumb .img { position: relative; padding-top: 62%; overflow: hidden; }
.img_list_container .img_list li .thumb .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }
.img_list_container .img_list li .thumb .img:before {position: absolute; content: ""; width: 100%; height: 100%; background-color: #000; opacity: 0.02; z-index: 1; left: 0; top:0}
.img_list_container .img_list li .txt_box { padding-top: 30px; min-width: 0; flex: 1}
.img_list_container .img_list li .txt_box .tag { font-size: 16px; color: #838483; font-weight: 500; margin-bottom: 5px;}
.img_list_container .img_list li .txt_box .tit {; font-size: 24px; font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; flex: 1; margin-bottom: 10px}
.img_list_container .img_list li .txt_box .writer { font-size: 15px; font-weight: 600; }
.img_list_container .img_list li .before_after { display: flex; align-items: center; justify-content: flex-start; margin-top: 40px; font-size: 14px; font-weight: 600; }
.img_list_container .img_list li .before_after > i { margin: 0 10px; font-size: 16px; color: #0e2e56; }
.img_list_container .write_btn { display: flex; justify-content: space-between; align-items: center; max-width: 110px; width: 100%; margin-left: auto; border-radius: 5px; padding: 10px 20px; border: 1px solid #1a1c1e; font-size: 14px; transition: all 0.3s; }
.img_list_container .write_btn:hover { background-color: #1a1c1e; color: #fff; }
.img_list_container .write_btn:hover i { color: #fff; transition: all 0.3s; }


.img_list_container .img_list li .thumb .img.no_img:after {width: 100%; height: 100%;background-image: url('../img/sub/no_img.jpeg'); background-position: center; background-size: cover;
    content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; }



/*서브 03*/
.sub_03 .sect { padding-top: var(--sub_padding); }

.sub_03_0 .merit_sect .right_content ul li:nth-child(1) .icon img {width: 30%}
.sub_03_0 .merit_sect .right_content ul li:nth-child(2) .icon img {width: 41%}
.sub_03_0 .merit_sect .right_content ul li:nth-child(3) .icon img {width: 55%}
.sub_03_0 .merit_sect .right_content ul li:nth-child(4) .icon img {width: 42%}

.sub_03_0 .fda_sect .in2 { display: flex; align-items: center; }
.sub_03_0 .fda_sect .left_box { width: 48%; }
.sub_03_0 .fda_sect .left_box .cont_txt {word-break: keep-all}
.sub_03_0 .fda_sect .left_box .logo_box { width: 85%; border-top: 1px solid #c1c1c1; margin-top: 45px; padding-top: 20px; display: flex}
.sub_03_0 .fda_sect .left_box .logo_box .logo {display: flex; align-items: center}
.sub_03_0 .fda_sect .left_box .logo_box .logo + .logo {margin-left: 30px;}
.sub_03_0 .fda_sect .left_box .logo_box .logo:nth-child(1) img {width: 120px}
.sub_03_0 .fda_sect .left_box .logo_box .logo:nth-child(2) img {width: 55px}
.sub_03_0 .fda_sect .left_box .logo_box .logo span {margin-left: 12px; font-size: 15px;}
.sub_03_0 .fda_sect .right_box {width: 54%; margin-left: 80px;}

.sub_03_0 .fda_sect .img_wrap { display: flex; margin-right: 60px; align-items: center; }
.sub_03_0 .fda_sect .img_wrap .img_box { display: flex; flex-direction: column; }
.sub_03_0 .fda_sect .img_wrap .img_box + .img_box { margin-left: 30px; }
.sub_03_0 .fda_sect .img_wrap .img_box:first-of-type img:first-of-type { margin-right: 80px; }
.sub_03_0 .fda_sect .img_wrap .img_box img + img { margin-top: 30px; margin-left: 80px; }


.sub_03_1 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(1) .icon_box:nth-of-type(1) .icon img { width: 23%; }
.sub_03_1 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(1) .icon_box:nth-of-type(2) .icon img { width: 17%; }
.sub_03_1 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(1) .icon_box:nth-of-type(3) .icon img { width: 23%; }
.sub_03_1 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(1) .icon img { width: 26%; }
.sub_03_1 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(2) .icon img { width: 20%; }
.sub_03_1 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(3) .icon img { width: 22%; }


/*.sub_03_2 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(1) .icon_box:nth-of-type(1) .icon img { width: 23%; }*/
.sub_03_2 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(1) .icon_box:nth-of-type(2) .icon img { width: 17%; }
.sub_03_2 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(1) .icon_box:nth-of-type(3) .icon img { width: 24%; }
/*.sub_03_2 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(1) .icon img { width: 26%; }*/
/*.sub_03_2 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(2) .icon img { width: 20%; }*/
/*.sub_03_2 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(3) .icon img { width: 22%; }*/

.sub_03_3 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(1) .icon_box:nth-of-type(2) .icon img { width: 12%; }
.sub_03_3 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(1) .icon img { width: 16%; }
.sub_03_3 .signature_sect .signature_wrap .right .icon_wrap:nth-of-type(2) .icon_box:nth-of-type(2) .icon img { width: 15%; }

.sub_05_5 .merit_sect .right_content ul li:nth-of-type(1) .icon img { width: 37%; }
.sub_05_5 .merit_sect .right_content ul li:nth-of-type(2) .icon img { width: 37%; }
.sub_05_5 .merit_sect .right_content ul li:nth-of-type(3) .icon img { width: 40%; }




.signature_sect .signature_wrap { display: flex; margin-top: 40px; align-items: center }
.signature_sect .signature_wrap .left { width: 40%; }
.signature_sect .signature_wrap .right { width: 60%; margin-left: 80px; }
.signature_sect .signature_wrap .right .icon_wrap { display: flex; flex-wrap: wrap; height: 50%;}
.signature_sect .signature_wrap .right .icon_wrap + .icon_wrap { border-top: 1px solid #c1c1c1; padding-top: 30px; margin-top: 30px}
.signature_sect .signature_wrap .right .icon_wrap .icon_box { width: calc(100%/3); }
.signature_sect .signature_wrap .right .icon_wrap.type2 .icon_box { width: calc(100%/2); }
.signature_sect .signature_wrap .right .icon_wrap .icon_box .icon { position: relative; text-align: center; min-height: 58px; }
.signature_sect .signature_wrap .right .icon_wrap .icon_box .icon img { position: absolute; left: 50%; top: 50%;  width: 25%; height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.signature_sect .signature_wrap .right .icon_wrap.type2 .icon_box .icon img { width: 18%; }
.signature_sect .signature_wrap .right .icon_wrap .icon_box .txt { text-align: center;  font-weight: 500; margin-top: 10px; font-size: 22px; line-height: 1.5; }

.sub_03 .img_sect.type2 .in2 { display: flex; }
.sub_03 .img_sect.type2 .in2 .img { width: 40%; margin: -20px auto 0; }
.img_sect .img.right { margin-left: auto; text-align: right; margin-top: 20px; width: 65%; }
.img_sect .img { margin-top: 40px; }

/* 서브 04 */
.sub_04 .sect { padding-top: var(--sub_padding); }
.sub_04 .img_sect .img { margin-top: 40px; }

.sub_04 .banner_sect .banner_wrap { position: relative; }
.sub_04 .banner_sect .banner_wrap .tit_box { position: absolute; left: 50px; top: 50px;  }
.sub_04 .banner_sect .banner_wrap .tit_box .cont_txt { font-weight: 600; }

.sub_04 .banner_sect .banner_wrap .icon_box { position: absolute; bottom: 40px; right: 0; display: flex; align-items: center; }
.sub_04 .banner_sect .banner_wrap .icon_box .icon { width: 60px; height: 60px; margin-right: 10px; }
.sub_04 .banner_sect .banner_wrap .icon_box span { font-size: 15px; color: #4a4b4c; }

.system_sect.type2  {padding-top: var(--sub_padding)}
.system_sect.type2 .step_box {display: flex; align-items: flex-start; margin-top: 40px; }
.system_sect.type2 .step_box .cont {width: 33.333%; position: relative}
.system_sect.type2 .step_box .cont .text_box {margin-top: 20px;}
.system_sect.type2 .step_box .cont .text_box .tit {  font-size: 22px; font-weight: 700; line-height: 1.5}
.system_sect.type2 .step_box .cont .text_box .step {color: #0e2e56; margin-right: 15px}
.system_sect.type2 .step_box .cont .text_box .txt { font-size: 16px; font-weight: 500; color: #4a4b4c; margin-top: 10px}
.system_sect.type2 .step_box .cont .text_box .txt span { color: #0e2e56; font-weight: 600; display: block; margin-top: 5px; }
.system_sect.type2 .step_box .cont + .cont {margin-left: 90px;}
.system_sect.type2 .step_box .arr {font-size: 28px; margin: 0px 35px 0; position: relative ; transform: translateY(-50%)}

.sub_04 .eyeDrops_sect .cont_box {display: flex; }
.sub_04 .eyeDrops_sect .cont_box .left_box {width: 30%}
.sub_04 .eyeDrops_sect .cont_box .left_box .img_box {position: relative;}
.sub_04 .eyeDrops_sect .cont_box .left_box .img_box img {position: absolute;width: 100%; left: 0; top: 0; opacity: 0 ; display: block; transition: all .3s}
.sub_04 .eyeDrops_sect .cont_box .left_box .img_box img.on {opacity: 1}
.sub_04 .eyeDrops_sect .cont_box .right_box {width: 70%; margin-left: 80px}
.sub_04 .eyeDrops_sect .cont_box .right_box .list {border-top: 2px solid #1a1c1e}
.sub_04 .eyeDrops_sect .cont_box .right_box .list li {padding: 25px 20px; border-bottom: 1px solid #1a1c1e; cursor: pointer}
.sub_04 .eyeDrops_sect .cont_box .right_box .list .question {display: flex; align-items: center; justify-content: space-between; font-size: 22px; font-weight: 600}
.sub_04 .eyeDrops_sect .cont_box .right_box .list .question .icon {font-size: 22px; flex-shrink: 0; margin-left: 35px; transition: all .3s}
.sub_04 .eyeDrops_sect .cont_box .right_box .list .answer {padding-top: 15px; font-size: 17px; display: none}
.sub_04 .eyeDrops_sect .cont_box .right_box .list .answer.on {display: block}
.sub_04 .eyeDrops_sect .cont_box .right_box .list .answer p {display: flex}
.sub_04 .eyeDrops_sect .cont_box .right_box .list .answer p .left_tit {font-weight: 600; min-width: 110px; margin-right: 25px}

.sub_04 .eyeDrops_sect .cont_box .right_box .list li.on .icon {transform: rotate(180deg)}

.sub_04 .reqCon_sect { background: url(/inc/img/sub/sub_01_banner.jpg) 75% center/cover no-repeat; }

.sub_04 .sub_tab_sect { margin-bottom: 40px; }
.sub_04 .sub_tab_wrap { display: flex; }
/*.sub_04 .sub_tab_wrap a { display: flex; align-items: center; font-weight: 500; transition: all 0.3s; font-size: 22px; }*/
/*.sub_04 .sub_tab_wrap a.active { color: var(--blue); text-shadow: 0 0 0.6px #0e2e56, 0 0 0.6px #0e2e56; }*/
/*.sub_04 .sub_tab_wrap a:hover { color: var(--blue); text-shadow: 0 0 0.6px #0e2e56, 0 0 0.6px #0e2e56; }*/
/*.sub_04 .sub_tab_wrap a + a:before { content: ''; display: block; width: 1px; height: 15px; margin: 0 20px; background-color: #c1c1c1; }*/

.surgicalGuid .date_sect.wide_type .in2 { display: block; }
.surgicalGuid .date_sect.wide_type .right_box { width: 100%; margin-top: 40px; margin-left: 0}
.surgicalGuid .date_sect.wide_type .right_box .cir { width: 15%; padding-top: 15%; }
.surgicalGuid .date_sect.wide_type .right_box .cir.week { margin-left: -8.5%; }

/* 서브 05 */
.sub_05 .sect { padding-top: var(--sub_padding); }


.sub_05 .factor_sect .inner_factor { margin-top: 100px; }
.sub_05 .factor_sect .inner_factor .txt_wrap { position: relative; display: flex; justify-content: center; }
.sub_05 .factor_sect .inner_factor .txt_wrap .txt_div { position: relative; display: flex; width: 50%; }
.sub_05 .factor_sect .inner_factor .txt_wrap .txt_div .txt_box { display: flex; align-items: center; flex-wrap: wrap; position: absolute; left: 60%; top: 0; transform: translateX(-50%) translateY(-55%); }
.sub_05 .factor_sect .inner_factor .txt_wrap .txt_div:first-of-type .txt_box { width: 60%; }
.sub_05 .factor_sect .inner_factor .txt_wrap .txt_div:last-of-type .txt_box { width: 70%; }
.sub_05 .factor_sect .inner_factor .txt_wrap .txt_div .txt_box .txt { width: 50%; margin-bottom: 10px; text-align: left; }
.sub_05 .factor_sect .inner_factor .txt_wrap .txt_div .txt_box .txt span { position: relative; }
.sub_05 .factor_sect .inner_factor .txt_wrap .txt_div .txt_box .txt span:before { content: ''; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #1a1c1e; }

.sub_05 .factor_sect .inner_factor .ico_wrap { display: flex; align-items: flex-end; justify-content: space-between; padding: 0 30px; border-bottom: 1px solid #c1c1c1; }
.sub_05 .factor_sect .inner_factor .ico_wrap .ico img { width: 80px; height: 80px; }

.sub_05 .factor_sect .inner_factor .box_wrap { display: flex; align-items: center; margin-top: 20px; }
.sub_05 .factor_sect .inner_factor .box_wrap .box { width: 50%; padding: 20px 0; background-color: #ededed; border-radius: 2em; text-align: center; font-weight: 600; }
.sub_05 .factor_sect .inner_factor .box_wrap .box + .box { margin-left: 20px; }
.sub_05 .factor_sect .inner_factor .box_wrap .box.blue { background-color: #e8f6fb; }


.sub_05_1 .kind_sect .kind_inner .img_container { display: flex; justify-content: flex-end; margin-bottom: 40px; }
.sub_05_1 .kind_sect .kind_inner .img_container .img_wrap { width: calc(100%/4); }
.sub_05_1 .kind_sect .kind_inner .img_container .img_wrap .img { width: max(30%,100px); margin: auto; margin-bottom: 40px; }
.sub_05_1 .kind_sect .kind_inner .img_container .txt_box { text-align: center; }
.sub_05_1 .kind_sect .kind_inner .img_container .txt_box .tit { font-size: 22px; font-weight: 700;margin-bottom: 10px; }
.sub_05_1 .kind_sect .kind_inner .img_container .txt_box .txt { font-size: 16px; }

.sub_05_1 .kind_sect .kind_inner .txt_container { background-color: #e8f6fb; padding: 20px 0; border-radius: 2em; }
.sub_05_1 .kind_sect .kind_inner .txt_container + .txt_container { margin-top: 20px; }
.sub_05_1 .kind_sect .kind_inner .txt_container.grey { background-color: #ededed; }
.sub_05_1 .kind_sect .kind_inner .txt_container .txt_box { display: flex; justify-content: flex-end; }
.sub_05_1 .kind_sect .kind_inner .txt_container .txt_box .txt { width: calc(100%/4); text-align: center; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.sub_05_1 .kind_sect .kind_inner .txt_container .txt_box .txt i { font-size: 24px; }


.sub_05_2 .video_sect .txt_box { display: flex; }
.sub_05_2 .video_sect .txt_box .cont_tit { margin-right: 50px; font-weight: 600; }
.sub_05_2 .video_sect .txt_box .view_btn { display: flex; align-items: center; }
.sub_05_2 .video_sect .txt_box .view_btn span { width: 100%; max-width: 120px; font-size: 15px; font-weight: 600; margin-right: 15px; }
.sub_05_2 .video_sect .txt_box .view_btn .arr { width: 100%; max-width: 30px; margin-top: 4px; }
.sub_05_2 .video_sect .txt_box .view_btn .arr img { width: 100%; height: 100%; object-fit: contain; }

.sub_05_2 .video_sect .content_box { margin-top: 40px; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap { display: flex; flex-wrap: wrap; background-color: #f9f9f9; padding: 70px 50px; justify-content: center; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .left_img { width: calc(35% - 100px); margin-right: 100px; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .right_img { width: 55%; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .right_img p { font-size: 28px; width: 100%; text-align: center; margin-top: 15px; font-weight: 500; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label_wrap { width: 100%; margin-top: 80px; display: flex; padding: 0 50px; justify-content: space-around; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label { display: flex; align-items: center; font-size: 22px; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label + .label { margin-left: 20px; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label .color_box  { width: 12px; height: 12px; margin-right: 10px; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label .color_box.sky { background-color: #bdddf4; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label .color_box.grey { background-color: #a4abbd; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label .color_box.bgr { background-color: #bfd0bd; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label .color_box.gr { background-color: #468e4b; }
.sub_05_2 .video_sect .content_box .how_surgery_wrap .label .color_box.bu { background-color: #196b90; }


.sub_05_3 .inner_kind { display: flex; margin-top: 40px; }
.sub_05_3 .inner_kind ul { width: calc( 100%/3 ); text-align: center; }
.sub_05_3 .inner_kind ul + ul { margin-left: 30px; }
.sub_05_3 .inner_kind ul li { font-weight: 600; font-size: 18px; }
.sub_05_3 .inner_kind ul li + li{margin-top: 15px}
.sub_05_3 .inner_kind ul li.tit { padding: 15px 0; border-radius: 2em; background-color: #e8f6fb; font-size: 20px;}
.sub_05_3 .inner_kind ul.grey li.tit { background-color: #ededed; }
.sub_05_3 .inner_kind ul.green li.tit { background-color: #dcf3e9; }
.sub_05_3 .inner_kind ul li span { position: relative; }
.sub_05_3 .inner_kind ul li span:before { content: ''; position: absolute; left: -10px; top: 50%; width: 3px; height: 3px; background-color: #1a1c1e; border-radius: 50%; }

.sub_05_4 .img_sect .img { margin-top: 40px; }

.sub_05_5 .merit_sect .right_content ul li .icon img { width: 45%; }

.sub_05_5 .col2_sect .col2_wrap { display: flex; }
.sub_05_5 .col2_sect .col2_wrap .left { width: 50%; margin-right: 80px; }
.sub_05_5 .col2_sect .col2_wrap .right { width: 50%; }

.sub_05_5 .skill_sect .col4_wrap .icon_wrap { display: flex; align-items: center; margin: 60px 0 40px; }
.sub_05_5 .skill_sect .col4_wrap .icon_wrap .icon_box { width: calc(100%/4); }
.sub_05_5 .skill_sect .col4_wrap .icon_wrap .icon_box + .icon_box { margin-left: 20px; }
.sub_05_5 .skill_sect .col4_wrap .icon_wrap .icon_box .icon { text-align: center; }
.sub_05_5 .skill_sect .col4_wrap .icon_wrap .icon_box .icon img { width: 60%; margin: auto; }
.sub_05_5 .skill_sect .col4_wrap .icon_wrap .icon_box .txt { font-size: 20px; font-weight: 500; text-align: center; }

.sub_05_5 .skill_sect .col4_wrap .desc { font-size: 20px; font-weight: 500; color:#0e2e56; }



.sub_05 .more_btn_sect { margin-top: 85px; text-align: center; }
.sub_05 .more_btn { margin: auto; padding: 20px 40px; border-radius: 0.5em; background-color: #0e2e56; color: #fff; font-size: 22px; transition: all 0.3s; text-align: center; display: inline-block}


.sub_05 .sub_top_img .txt_box { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.sub_05 .sub_top_img .txt_box .txt { width: 50%; text-align: center; font-weight: 600; }


.sub_05 .sub_compare_sect .com_wrap { display: flex; margin-top: 40px; }
.sub_05 .sub_compare_sect .com_wrap .com_box { width: 50%; }
.sub_05 .sub_compare_sect .com_wrap .com_box + .com_box { margin-left: 20px; }
.sub_05 .sub_compare_sect .com_wrap .com_box .com_tit { padding: 20px 0; text-align: center; color: #fff; background-color: var(--blue); font-size: 22px; font-weight: 500; }

.sub_05 .sub_compare_sect .com_wrap .com_box .txt_box { margin-top: 20px; }
.sub_05 .sub_compare_sect .com_wrap .com_box .txt_box .tit { font-size: 22px; font-weight: 500; }
.sub_05 .sub_compare_sect .com_wrap .com_box .txt_box .txt { font-size: 16px; line-height: 1.7; margin-top: 10px;}
.sub_05 .sub_compare_sect .com_wrap .com_box .txt_box .txt + .txt { margin-top: 10px; }

.sub_05 .sub_compare_sect.type2 .com_wrap .com_box .txt_box { margin-left: 15px; }
.sub_05 .sub_compare_sect.type2 .com_wrap .com_box .txt_box .txt { text-align: left; font-size: 18px; font-weight: 500; line-height: 1.5;}
.sub_05 .sub_compare_sect.type2 .com_wrap .com_box .txt_box .txt span { position: relative; text-align: center; }
.sub_05 .sub_compare_sect.type2 .com_wrap .com_box .txt_box .txt span:before { content: ''; position: absolute; left: -10px; top: 11px; width: 3px; height: 3px; border-radius: 50%; background-color: #1a1c1e; }

.sub_05 .sub_compare_sect.type2 .com_wrap .com_box .img_box .img { position: relative; }
.sub_05 .sub_compare_sect.type2 .com_wrap .com_box .img_box .img .com_tit { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: transparent; }
.sub_05 .sub_compare_sect.type2 .com_wrap .com_box .img_box .img .com_tit.bk { color: #1a1c1e; }



/* 서브06 */

.sub_06 .sect {padding-top: var(--sub_padding)}
.sub_06_1 .symptom_sect .img_container .img_wrap .img{ background-color:#ededed; text-align: center; padding-top: 40%; position: relative}
.sub_06_1 .symptom_sect .img_container .img_wrap .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-position: center; object-fit: cover}

.selfCheck_sect.com .in2{display: flex}
.selfCheck_sect.com .tit_box {width: 45% ; padding-right: 80px;}
.selfCheck_sect.com .check_box {width: 55%}
.selfCheck_sect.com .check_box .list { margin-bottom: -15px}
.selfCheck_sect.com .check_box .list li {background-color: #ededed; width: 100%;padding: 20px 30px; display: flex; margin-bottom:  15px; align-items: center}
.selfCheck_sect.com .check_box .list li i {color: #0e2e56; font-size: 24px; margin-right: 15px; margin-top: 3px}
.selfCheck_sect.com .check_box .list li span{font-weight: 500; font-size: 20px}
.selfCheck_sect.com .check_box .list li .text {display: flex}
.selfCheck_sect.com .check_box .list.type2 {margin-left: -15px; display: flex; flex-wrap: wrap}
.selfCheck_sect.com .check_box .list.type2 li {margin-left: 15px; width: calc(50% - 15px)}

.sub_06_1 .exam_sect .img_wrap{display: flex; justify-content: space-between; margin-top: 120px}
.sub_06_1 .exam_sect .img_wrap .left_box {width: 44%; margin-left: 50px;}
.sub_06_1 .exam_sect .img_wrap .left_box .img { text-align: center; }
.sub_06_1 .exam_sect .img_wrap .left_box img { width: 70%; margin: auto; }
.sub_06_1 .exam_sect .img_wrap .left_box p {font-weight: 500; font-size: 24px; text-align: center}
.sub_06_1 .exam_sect .img_wrap .right_box { width: 30%; margin-right: 70px; }
.sub_06_1 .exam_sect .img_wrap .right_box .img_box {display: flex; align-items: center}
.sub_06_1 .exam_sect .img_wrap .right_box .img_box + .img_box{margin-top: 30px}
.sub_06_1 .exam_sect .img_wrap .right_box .img_box .img {width: 40%; flex-shrink: 0}
.sub_06_1 .exam_sect .img_wrap .right_box .img_box .img img {width: 100%}
.sub_06_1 .exam_sect .img_wrap .right_box .img_box p { margin-left: 20px; font-weight: 500; font-size: 22px; }

.sub_06_1 .cure_sect .tit_box {position: relative}
.sub_06_1 .cure_sect .in2 {display: flex;  align-items: flex-end; justify-content: space-between}
.sub_06_1 .cure_sect .left_box {width: 58%}
.sub_06_1 .cure_sect .left_box .img_list li {display: flex; align-items: flex-start; margin-top: 80px}
.sub_06_1 .cure_sect .left_box .img_list li + li {margin-top: 30px}
.sub_06_1 .cure_sect .left_box .img_list li .img {width: 25%; flex-shrink: 0; margin-right: 25px}
.sub_06_1 .cure_sect .left_box .img_list li .img img {width: 100%}
.sub_06_1 .cure_sect .left_box .img_list li .txt_box {padding-top: 10px}
.sub_06_1 .cure_sect .left_box .img_list li .txt_box .tit{font-weight: 500; font-size: 22px;}
.sub_06_1 .cure_sect .left_box .img_list li .txt_box .txt{font-size: 17px; margin-top: 8px; }
.sub_06_1 .cure_sect .left_box .logo_box {margin-top: 60px; background-color: #ededed; padding: 20px 20px; border-radius: 8px; display: flex ; width: 70%; }
.sub_06_1 .cure_sect .left_box .logo_box .logo { display: flex; align-items: center; justify-content: center; width: 50%; }
.sub_06_1 .cure_sect .left_box .logo_box .logo:nth-child(1) img{width: 35%; }
.sub_06_1 .cure_sect .left_box .logo_box .logo:nth-child(2) img{width: 18%; }
.sub_06_1 .cure_sect .left_box .logo_box .logo span {font-size: 16px; color: #4a4b4c; font-weight: 500; margin-left: 10px;}
.sub_06_1 .cure_sect .right_box {width: 35%;}
.sub_06_1 .cure_sect .right_box p {text-align: center; font-size: 24px; font-weight: 500; margin-top: 20px}

.zigzag_sect .cont_list {margin-top: 40px;}
.zigzag_sect .cont_list li {display: flex; align-items: center}
.zigzag_sect .cont_list li + li {margin-top: 30px;}
.zigzag_sect .cont_list li .img {width: 40%; border-radius: 50%;  flex-shrink: 0}
.zigzag_sect .cont_list li .img.wrapping { position: relative; padding-top: 30%; }
.zigzag_sect .cont_list li .img.wrapping img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; }
.zigzag_sect .cont_list li .text_box {margin-left: 60px; width: 60%}
.zigzag_sect .cont_list li .text_box .sub_tit {font-size: 17px; color: #0e2e56; font-weight: 600; margin-bottom: 10px}
.zigzag_sect .cont_list li .text_box .tit {font-size: 30px; font-weight: 600; line-height: 1.4;}
.zigzag_sect .cont_list li .text_box .txt { margin-top: 15px; font-size:var(--sub_cont_txt); word-break: keep-all; line-height: 1.7;}
.zigzag_sect .cont_list li .text_box .eng_tit {font-size: 18px; color: #c1c1c1; margin-top: 5px}

.zigzag_sect .cont_list li:nth-child(2n) {flex-direction: row-reverse}
.zigzag_sect .cont_list li:nth-child(2n) .text_box {margin-right: 60px;  margin-left: 0; width: 30%; }

.zigzag_sect.type2 .cont_list li:nth-child(2n) .text_box { width: 100%; }
.zigzag_sect.type2 .cont_list li .img { width: 31%; }

.zigzag_sect2 .cont_list li{display: flex}
.zigzag_sect2 .cont_list li + li {margin-top: 100px}
.zigzag_sect2 .cont_list .text_box{width: 35%; margin-top: 50px; margin-right: 60px}
.zigzag_sect2 .cont_list .img{width: 65%}
.zigzag_sect2 .cont_list li:nth-child(2n) {flex-direction: row-reverse}
.zigzag_sect2 .cont_list li:nth-child(2n) .text_box {margin-left: 60px; margin-right: 0}

.conjunctiva-symptoms {margin-top: 154px;}
.conjunctiva-symptoms .in2 {display: flex; column-gap: 97px;}
.conjunctiva-symptoms .left {width: 506px; flex-shrink: 0;}
.conjunctiva-symptoms .left .title {font-size: 31px; margin-bottom: 17px; font-weight: 600;}
.conjunctiva-symptoms .left .txt {line-height: 1.789; font-size: 16.6px;}
.conjunctiva-symptoms ul {display: flex; flex-wrap: wrap; gap: 16px;}
.conjunctiva-symptoms li {font-weight: 500; display: flex; align-items: center; column-gap: 15px; width: calc((100% - 16px) / 2); height: 73px; padding-left: 31px; background-color: #EDEDED; font-size: 20px;}

.acutron {background-color: #EDEDED; margin-top: 158px; padding-top: 153px;}
.acutron .in2 {display: flex; justify-content: space-between;}
.acutron .left {padding-bottom: 149px;}
.acutron .title {font-size: 31px; margin-bottom: 15px; line-height: 1.27; font-weight: 600;}
.acutron .txt {font-size: 16.6px; margin-bottom: 45px;}
.acutron .caption {font-size: 16.6px; color: #828282; margin-top: 15px;}
.acutron .right {width: 659px; margin-top: auto;}



/* 서브07 */
.sub_07 .sect {padding-top: var(--sub_padding)}

.sub_top_visual.sub_8 .text_box{color: #1a1c1e}

.sub_07_1 .sub_top_img .tit_box .txt span{display: block; font-size: 17px; font-weight: 400; line-height: 1.5;}

.sub_07_1 .cir_sect {margin-top: var(--sub_padding); position: relative}
.sub_07_1 .cir_sect .in2 {display: flex ; align-items: center; justify-content: center}
.sub_07_1 .cir_sect .sm_cir {width: 20px; height: 20px; border-radius: 50%; border: 6px solid #0e2e56; background-color: #fff}
.sub_07_1 .cir_sect .sm_cir.left{ margin-right: auto}
.sub_07_1 .cir_sect .sm_cir.right{ margin-left: auto}
.sub_07_1 .cir_sect .cir_cont {width: 27%; padding-top: 27%; border: 1px solid #1a1c1e; background-color: #fff; position: relative; border-radius: 50%}
.sub_07_1 .cir_sect .cir_cont + .cir_cont {margin-left: 40px}
.sub_07_1 .cir_sect .cir_cont.active {background-color: #0e2e56; color: #fff; border: none}
.sub_07_1 .cir_sect .cir_cont .text_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; word-break: keep-all}
.sub_07_1 .cir_sect .cir_cont .text_box .tit {font-weight: 600; font-size: 28px;}
.sub_07_1 .cir_sect .cir_cont .text_box .txt {margin: 10px 0; font-size: 16px; padding: 0 20px}
.sub_07_1 .cir_sect .line {width: 100%; height: 1px; background-color: #1a1c1e; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: -1}

.sub_07_1 .exam_sect {margin-top: 175px;  padding-bottom: 157px; background-color: #ededed; position: relative; padding-top: 157px;}
.sub_07_1 .exam_sect .keep_text{position: absolute; right: 0; top: 15px; transform: translateY(-100%);font-size: 160px; font-weight: 300; color: #ededed; line-height: 1; font-family: 'Poppins' }
.sub_07_1 .exam_sect .img_box {display: flex; justify-content: space-between; margin-top: 127px}
.sub_07_1 .exam_sect .img_box .img {position: relative}
.sub_07_1 .exam_sect .img_box .img img {width: 100%}
.sub_07_1 .exam_sect .img_box .img:nth-child(1) {width: 25%; }
.sub_07_1 .exam_sect .img_box .img:nth-child(2) {width: 65%; margin-top: 234px}
.sub_07_1 .exam_sect .img_box .img:nth-child(3) {width: 577px; position: absolute ; right: 109px; top: 0;}
.sub_07_1 .exam_sect .img_box .img p{font-size: 17px; margin-top: 17px;}

.growth_rate {margin-top: 157px;}
.growth_rate .in2 {display: flex; column-gap: 52px;}
.growth_rate li {flex: 1;}
.growth_rate .title {font-weight: 600; font-size: 31px; margin-bottom: 43px;}
.growth_rate .photo {position: relative;}
.growth_rate .photo p {position: absolute; top: 30px; left: 35px; font-size: 17px; color: #828282; line-height: 24px;}
.eye-program {margin-top: 157px;}
.eye-program .inner-wrap {position: relative;}
.eye-program .title-wrap {position: absolute; top: 0; left: 0; width: 100%; color: #fff; padding-top: 89px; padding-inline: 88px 140px;}
.eye-program .title {font-size: 31px; line-height: 1; font-weight: 500; margin-bottom: 19px;}
.eye-program .txt {font-size: 16px; line-height: 29.75px;}

.sub_07_1 .btn-wrap {display: flex; justify-content: center; margin-top: 157px;}
.sub_07_1 .btn-wrap .btn-navy {width: 323px; height: 78px; font-weight: 300; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background-color: #0E2E56; font-size: 22px; border-radius: 10px;}

/*.sub_07_1 .system_sect  {padding-top: var(--sub_padding)}*/
/*.sub_07_1 .system_sect .step_box {display: flex; align-items: center; margin-top: 40px;}*/
/*.sub_07_1 .system_sect .step_box .cont {width: 33.333%; position: relative}*/
/*.sub_07_1 .system_sect .step_box .cont .text {margin-top: 20px;  font-size: 20px; font-weight: 500; }*/
/*.sub_07_1 .system_sect .step_box .cont .text .step {color: #0e2e56; margin-right: 15px}*/
/*.sub_07_1 .system_sect .step_box .cont + .cont {margin-left: 90px;}*/
/*.sub_07_1 .system_sect .step_box .arr {font-size: 28px; margin: -20px 35px 0; }*/

.sub_07_2 .program_sect {position: relative; padding-top: 120px}
.sub_07_2 .program_sect .cont_box {display: flex; }
.sub_07_2 .program_sect .cont_box + .cont_box {padding-top: var(--sub_padding)}

.sub_07_2 .program_sect .img_box {width: 45%; }
.sub_07_2 .program_sect .img_box img{width: 100%; height: 100%; object-fit: cover;}
.sub_07_2 .program_sect .right {width: 55%; margin-left: 60px; padding-right: 20px}
.sub_07_2 .program_sect .right .cont {width:calc( (100% * 0.45) - ((100vw - 1440px)/2) + (100% * 0.55)); max-width: 100%}
.sub_07_2 .program_sect .right .icon_wrap {margin-top: 40px; display: flex ;flex-wrap: wrap; margin-left: -40px; margin-bottom: -60px; padding-left: 25px;}
.sub_07_2 .program_sect .right .icon_wrap li {display: flex; margin-left: 40px; margin-bottom: 60px; width:calc(50% - 40px)}

.sub_07_2 .program_sect .right .icon_wrap .icon {margin-right: 30px;width: 22%;flex-shrink: 0; margin-top: 7px}
.sub_07_2 .program_sect .right .icon_wrap .icon .img {padding-top: 80%;  position: relative; }
.sub_07_2 .program_sect .right .icon_wrap .icon img {position: absolute; width: 90%; height: 100%; object-position: center; object-fit:contain; left: 0; top: 0}
.sub_07_2 .program_sect .right .icon_wrap .text .tit {font-size: 20px; font-weight: 600}
.sub_07_2 .program_sect .right .icon_wrap .text .txt {margin-top: 8px; word-break: keep-all; font-size: 15px; }
.sub_07_2 .program_sect .right .cont_head {padding: 20px 15px; background-color: #f9f9f9; text-align: center; border-radius: 8px; margin-top: 25px; font-weight: 500; }
.sub_07_2 .program_sect .right .cont_head i {margin-left: 16px; font-size: 16px;}

.sub_07_2 .program_sect .cont_box.type2 {flex-direction: row-reverse}
.sub_07_2 .program_sect .cont_box.type2 .img_box {justify-content: flex-start}
.sub_07_2 .program_sect .cont_box.type2 .right { margin-right: 60px; margin-left: 0; display: flex; justify-content: flex-end}

.sub_07_3 .zigzag_sect + .zigzag_sect {padding-top: 120px}

.sub_07_2 .program_sect .cont_box:nth-of-type(1) .right .icon_wrap li:nth-of-type(4) .icon .img img { width: 87%; }
.sub_07_2 .program_sect .cont_box:nth-of-type(3) .right .icon_wrap li:nth-of-type(4) .icon .img img { width: 92%; }
.sub_07_2 .program_sect .right .icon_wrap li .icon .img.small img { width: 76%; }


/*서브08 예약부분*/


.sub_top_tit_box .tit{font-size: var(--sub_page_tit); font-weight: 700; }
.sub_top_tit_box .txt{font-size: var(--sub_page_txt); font-weight: 600}

.sub_08_1 .img_box {margin-top: 50px;}

.app_info_com { position: relative; margin-top: 90px; }
.join_sect .app_info_com {margin-top: 0}
.app_info_com .top_tit {padding-bottom: 20px; border-bottom: 1px solid #1a1c1e; display: flex; justify-content: space-between; align-items: center}
.app_info_com .top_tit .tit {font-size: 34px; font-weight: 600}
.app_info_com .top_tit .right_txt {color: #828282; }
.app_info_com .top_tit .right_txt span {color: #1daadb; margin-right: 5px}

.app_info_com .app_form {padding-top: 60px}
.app_info_com .app_form > ul > li { display: flex; align-items: baseline; }
.app_info_com .app_form > ul > li + li {margin-top: 60px;}
.app_info_com .app_form .textarea_li,
    /*.app_info_com .app_form .check_li {margin-top: 60px}*/
.app_info_com .app_form .textarea_li {align-items: flex-start}
.app_info_com .app_form .left_txt {font-weight: 600; font-size: 19px; width: 130px; flex-shrink: 0; margin-right: 40px}
.app_info_com .app_form .left_txt span {color: #1daadb; margin-right: 5px; }
.app_info_com .app_form .textarea_li .left_txt {margin-top: -5px}
.app_info_com .app_form .right_box {width: 100%}
.app_info_com .app_form .right_box.overlap_flex { display: flex; }
.app_info_com .app_form .right_box.flex { display: flex; align-items: center }
.app_info_com .app_form .inp_box { display: flex; align-items: center; }
.app_info_com .app_form .inp_box + .inp_box { margin-left: 30px; }
.app_info_com .app_form .inp_box input { margin-left: 10px; }
.app_info_com .app_form .inp input{border: 1px solid #c1c1c1; padding: 0 20px; font-size:17px; height: 55px; max-width: 100%; line-height: 53px}
.app_info_com .app_form .inp input.lock { background-color: #ededed; border: 0; }
.app_info_com .app_form .inp input::placeholder {color: #828282}
.app_info_com .app_form .inp input:focus {border: 1px solid #1a1c1e; }
.app_info_com .app_form .inp input:focus::placeholder {color: #1a1c1e}
.app_info_com .app_form .inp.ml { margin-left: 30px; }
.app_info_com .app_form .inp.w150 input {width: 150px}
.app_info_com .app_form .inp.w300 input {width: 320px}
.app_info_com .app_form .inp.w500 input {width: 320px}

.app_info_com .app_form .right_box .nice-select { height: 55px; line-height: 53px; border-radius: 0; border: solid 1px #c1c1c1; font-size: 17px; }
.app_info_com .app_form .right_box.w300 .nice-select { max-width: 300px; }
.app_info_com .app_form .right_box .nice-select .list { width: 100%; border-radius: 0; margin-top: 0px !important; max-height: 300px; overflow-y: auto}

.app_info_com .app_form .btn_wrap { margin-top: 80px; display: flex; justify-content: space-between; align-items: center; }
.app_info_com .app_form .btn_wrap .right_btn { display: flex; }
.app_info_com .app_form .btn_wrap .btn { display: block; width: 120px; padding: 10px 20px; border-radius: 5px; border: 1px solid #1a1c1e; text-align: center; transition: all 0.3s; }
.app_info_com .app_form .btn_wrap .btn:hover { background-color: var(--blue); color: #fff; border: 1px solid #0e2e56; }
.app_info_com .app_form .btn_wrap .btn:hover i { color: #fff; }
.app_info_com .app_form .btn_wrap .btn i { font-size: 14px; margin-right: 15px; transition: all 0.3s; }
.app_info_com .app_form .btn_wrap .btn + .btn { margin-left: 15px; }

.app_info_com .app_form .btn_wrap .btn.red {  }


.app_info_com .app_form .check_box {display: flex; flex-wrap: wrap; margin-left: -30px; margin-bottom: -10px; align-items: center}
.app_info_com .app_form .check_box .check {margin-left: 30px; margin-bottom: 10px; font-size: 17px; cursor: pointer}
.app_info_com .app_form .check_box .check i {color: #c1c1c1; vertical-align: middle;margin-right: 10px}
.app_info_com .app_form .check_box .check span { vertical-align: middle}
.app_info_com .app_form .check_box .check input:checked + label i:before{color: #0e2e56; content: "\f192"; font-weight: 500}
.app_info_com .app_form .email_box { display: flex; align-items: center; }
.app_info_com .app_form .email_box .at { display: block; margin: 0 20px; color: #828282; }
.app_info_com .app_form .email_box .inp.type1 {width: 250px}
.app_info_com .app_form .email_box .inp.type2 {width: 350px}
.app_info_com .app_form .email_box .inp.type1 input{width: 100%}
.app_info_com .app_form .email_box .inp.type2 input{width: 100%}
.app_info_com .app_form .email_box .inp.type1.read input{background-color: #e5e5e5}
.app_info_com .app_form .email_box .inp.type2.read input{background-color: #e5e5e5}

.app_info_com .app_form .email_box .select {margin-left: 15px}
.app_info_com .app_form .email_box .select .nice-select{height: 55px; width: 200px; line-height: 53px; border-color:  #c1c1c1; border-radius: 0; font-size: 18px; padding-left: 25px}
.app_info_com .app_form .email_box .select .nice-select .list {border-radius: 0; box-shadow: none; border: 1px solid #c1c1c1; margin-top: 0}

.app_info_com .app_form .overlap_btn { display: block; width: 100px; height: 55px; line-height: 55px; border: 1px solid #1a1c1e; border-radius: 8px; text-align: center; margin-left: 15px; color: #fff; background-color: #1a1c1e; transition: all 0.3s; }


.app_info_com .app_form .email_box .select.lock .nice-select { background-color: #ededed; border: 0; }
.app_info_com .app_form .email_box .select.lock .nice-select span { color: #828282; }

.app_info_com .app_form .pw_box { display: flex; }
.app_info_com .app_form .pw_box .inp + .inp { margin-left: 15px; }

.app_info_com .app_form .textarea {width: 100%}
.app_info_com .app_form .textarea textarea{width: 100%; height: 300px; resize: none; border-radius: 0;border: 1px solid #c1c1c1; outline: none; padding: 20px; font-size: 18px}
.app_info_com .app_form .textarea textarea:focus {border: 1px solid #1a1c1e}

.app_info_com .app_form .per_info {margin-top: 80px; display: block}
.app_info_com .app_form .per_info .chk_all_box { margin-bottom: 30px; font-size: 20px; font-weight: 600; }
.app_info_com .app_form .per_info .info_box + .info_box { margin-top: 40px; }
.app_info_com .app_form .per_info .left_txt {width: 100%}
/*.app_info_com .app_form .per_info .cont_box {background-color: #f9f9f9; margin-top: 20px; padding: 25px 35px; color: #828282; font-weight: 400; line-height: 1.7; overflow:auto; height:auto;}*/
.app_info_com .app_form .per_info .cont_box {background-color: #f9f9f9; margin-top: 20px; padding: 25px 35px; color: #828282; font-weight: 400; line-height: 1.7; overflow:auto; /* height:450px; */}
.app_info_com .app_form .per_info .cont_box .priv_inner .sect {margin-bottom: 15px;}
.app_info_com .app_form .per_info .cont_box .priv_inner .sect p { font-size: 16px; }
.app_info_com .app_form .per_info .check_txt {margin-top: 15px;}
.app_info_com .app_form .per_info .check_txt i {margin-right: 6px;}
.app_info_com .app_form .per_info .check_txt input + label i { color: #c1c1c1; }
.app_info_com .app_form .per_info .check_txt input:checked + label i { color: #1a1c1e; }
.app_info_com .app_form .per_info .check_txt label {cursor: pointer}
.app_info_com .nice-select:after { right: 22px; }


.app_info_com .app_form .per_info .cont_box::-webkit-scrollbar {
    width: 4px;  /* 스크롤바의 너비 */
}

.app_info_com .app_form .per_info .cont_box::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #a9a9a9; /* 스크롤바의 색상 */

    border-radius: 10px;
}

.app_info_com .app_form .per_info .cont_box::-webkit-scrollbar-track {
    background: rgba(130, 130, 130, .1);  /*스크롤바 뒷 배경 색상*/
}



.app_info_com .app_form .file_box .top{display: flex; align-items: center}
.app_info_com .app_form .file_box .file_upload {border: 1px solid #c1c1c1; padding: 12px 20px; font-size: 16px; border-radius: 5px}
.app_info_com .app_form .file_box .file_list {display: flex; flex-wrap: wrap; margin-left: 15px; margin-bottom: 5px; }
.app_info_com .app_form .file_box .bot_txt {margin-top: 15px; color: #828282; font-size: 16px}

.app_info_com .out_btn { position: absolute; right: 0; bottom: 0; border-bottom: 1px solid #828282; color: #828282; font-size: 16px; line-height: 1.1; font-weight: 500; transition: all 0.3s; }

.page_bot_btn {text-align: center; margin-top: 100px; display: flex; justify-content: center}
.page_bot_btn > * {width: 240px; border: 1px solid #1a1c1e ; border-radius: 10px; text-align: center; height:75px; line-height: 73px;  font-weight: 600; font-size: 22px; display: inline-block; transition: all .3s}
.page_bot_btn > *.small { width: 170px; height: 63px; line-height: 61px; }

.page_bot_btn > * + * {margin-left: 15px}

.online_list {margin-top: 80px}
.online_list .list_top {display: flex; align-items: center; justify-content: space-between }
.online_list .list_top .list_tab_wrap a { position: relative; font-size: 22px; font-weight: 500; padding: 0 18px; color: #1a1c1e;display: inline-block; transition: all .3s; }
.online_list .list_top .list_tab_wrap a.active,
.online_list .list_top .list_tab_wrap a:hover { color: #0e2e56; font-weight: 700}
.online_list .list_top .list_tab_wrap a:before { content: ''; position: absolute; right: -3px; top: 50%; width: 1px; height: 15px; background-color: #c1c2c1; transform: translateY(-50%); }
.online_list .list_top .list_tab_wrap a:after {display: block;content: attr(title);font-weight: bold;height: 0;overflow: hidden;visibility: hidden; }
.online_list .list_top .list_tab_wrap a:first-of-type { padding-left: 0; }
.online_list .list_top .list_tab_wrap a:last-of-type:before { display: none; }
.online_list .list_top .right_box{margin-left: auto;}
.all_num {font-size: 15px; color: #828282; }
.all_num strong {font-weight: 600; color: #1a1c1e}


.online_list  #consultinListView {width: 100%}
.online_list .list {margin-top: 35px; border-top: 2px solid #1a1c1e; }
.online_list .list li {border-bottom: 1px solid #c1c1c1}
.online_list .list li a {padding: 35px 40px; display: flex; align-items: center; transition: all .3s}
.online_list .list li .num { width: 30px; max-width: 30px; flex-shrink: 0; margin-right: 40px; font-size: 18px; font-weight: 600; color: #828282; text-align: center}
.online_list .list li .tit {font-size: 24px; font-weight: 600; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; flex: 1}
.online_list .list li .date {margin-left: 30px; width: 110px; color: #828282; font-size: 18px; text-align: center}
.online_list .list li .answer_state { margin-left: 30px; }
.online_list .list .empt_list { width: 100%; padding-top: 40px; padding-bottom: 40px;  border-top: 1px solid #c1c1c1}
.online_list .list .empt_list .top_logo { width: 120px; margin: auto; opacity: 0.6; }
.online_list .list .empt_list p { text-align: center; font-size: 14px; margin-top: 10px; color: #828282; }
#consultinListView .empt_list {border-top: none}


.answer_state{display: block; width: 110px; height: 35px; line-height: 34px;text-align: center; border-radius: 3px }
.answer_state.before { background-color: #1daadb; }
.answer_state.clear {background-color: #0e2e56; color: #fff}
.answer_state.wait {border: 1px solid #111c1e}
.answer_state.end {color: #fff; background-color: #828282}

.answer_state {width: 90px}

.online_view .view_page {margin-top: 120px; }
.online_view .view_page .view_top .tit {font-weight: 600; font-size: 32px}
.online_view .view_page .view_top .txt_box {display:flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.online_view .view_page .view_top .txt_box .left_box p {font-size: 20px; color: #828282;}
.online_view .view_page .view_top .txt_box .left_box {display: flex; align-items: center}
.online_view .view_page .view_top .txt_box .left_box .answer_state {margin-left: 15px}
.online_view .view_page .view_cont {border-top: 1px solid #1a1c1e; margin-top:25px }
.online_view .view_cont .password_box .password {margin:60px auto 0; width: 800px; max-width: 100%; padding: 100px 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #f9f9f9}
.online_view .view_cont .password_box .tit {font-weight: 600; font-size: 24px;}
.online_view .view_cont .password_box .inp {width: 60%; margin-top: 30px; margin-bottom: 20px; }
.online_view .view_cont .password_box .inp input {height: 70px; line-height: 68px; padding: 0 20px; border: 1px solid #1a1c1e; font-size: 19px; width: 100%; background-color: transparent}
.online_view .view_cont .password_box .inp input::placeholder {color: #828282}
.online_view .view_cont .password_box .page_bot_btn {margin-top: 40px}
.online_view .view_cont .password_box .txt_box { text-align: center; }

.online_view .view_cont .user_info {background-color: #f9f9f9;padding: 40px;}
.online_view .view_cont .user_info ul {display: flex; font-size: 20px; align-items: center}
.online_view .view_cont .user_info li {display: flex; align-items: center}
.online_view .view_cont .user_info li span {margin-right: 10px}
.online_view .view_cont .user_info li + li:before {content: ""; width: 1px; height: 20px; background-color: #c1c1c1; margin: 0 25px; display: inline-block}
.online_view .view_cont .cont {padding: 80px 20px; min-height: 250px; border-bottom: 1px solid #c1c1c1}
.online_view .view_cont .answer_cont {; padding-top: 60px; display: flex; justify-content: center}
.online_view .view_cont .answer_cont .left_txt {font-weight: 600; font-size: 25px; flex-shrink: 0; width: 12%; min-width: 100px;}
.online_view .view_cont .answer_cont .no_answer {font-weight: 600; font-size: 22px; }
.online_view .view_cont .answer_cont .no_answer i {margin-right: 15px}

.online_view .view_cont .cont img { height: auto !important; }

.online_view .view_cont .banner_cont {padding: 80px 40px 100px; background-repeat: no-repeat; background-size: cover;}
.online_view .view_cont .banner_cont.colleger {padding-top: 207px;}
.online_view .view_cont .banner_cont .text_box {text-align: center; color: #fff}
.online_view .view_cont .banner_cont .text_box .tit {font-size: 38px; font-weight: 700; }
.online_view .view_cont .banner_cont .text_box .txt {font-size: 24px; font-weight: 500;}

.online_view .view_cont .banner_cont .info_box { background-color: #fff; padding: 50px 80px 50px; max-width: 100%; width: 1100px; margin: 30px auto 0; border-radius: 10px; }
.online_view .view_cont .banner_cont .info_box .box + .box {margin-top:30px }
.online_view .view_cont .banner_cont .info_box .top_wrap { display: flex; width: calc(100% - 200px); align-items: center; margin-bottom: 10px; justify-content: space-between; }
.online_view .view_cont .banner_cont .info_box .top_wrap .top_util { display: flex; align-items: center; }
.online_view .view_cont .banner_cont .info_box .top_wrap .top_util .sch_btn { width: 80px; }
.online_view .view_cont .banner_cont .info_box .top_wrap .top_util .sch_btn i { font-size: 20px; }

.online_view .view_cont .banner_cont .info_box .top_wrap .top_util .sch_btn i { margin-right: 5px; }
.online_view .view_cont .banner_cont .info_box .top_wrap .top_util label { cursor: pointer}
.online_view .view_cont .banner_cont .info_box .top_wrap .top_util input:checked  + label i {font-weight: 700}



.online_view .view_cont .banner_cont .info_box .tit {font-weight: 700; font-size: 32px;}
.online_view .view_cont .banner_cont .info_box .form_container { display: flex; }
.online_view .view_cont .banner_cont .info_box .form_container .inp_wrap { width: calc(100% - 200px); }
/*.online_view .view_cont .banner_cont .info_box .inp_box {display: flex}*/
.online_view .view_cont .banner_cont .info_box .inp_box + .inp_box { margin-top: 10px; }
.online_view .view_cont .banner_cont .info_box .inp_box .inp {width: 100%}
.online_view .view_cont .banner_cont .info_box .inp_box .inp + .inp {margin-left: 15px;}
.online_view .view_cont .banner_cont .info_box .inp_box .inp input { width: 100%; height: 60px; line-height: 58px; padding: 0 20px; font-size: 19px; color: #828282; border: 1px solid #c1c1c1; }
.online_view .view_cont .banner_cont .info_box .time_select { width: 100%; height: 60px;  line-height: 58px;  padding: 0 20px; border-radius: 0; border: 1px solid #c1c1c1; margin-top: 15px; }
.online_view .view_cont .banner_cont .info_box .consent_box { padding: 25px 25px; background-color: #f9f9f9; }
.online_view .view_cont .banner_cont .info_box .consent_box p {font-size: 15px; color: #828282}
.online_view .view_cont .banner_cont .info_box .consent_box strong {display: inline-block; width: 70px; }

.online_view .view_cont .banner_cont .info_box .check_txt {margin-top: 15px;}
.online_view .view_cont .banner_cont .info_box .check_txt i {margin-right: 10px;}
.online_view .view_cont .banner_cont .info_box .check_txt input:checked + label i{font-weight: 700}
.online_view .view_cont .banner_cont .info_box .check_txt label {cursor: pointer}
.online_view .app_btn {display: flex; align-items: center; justify-content: center; margin-left: 30px; background-color: #0e2e56; color: #fff; width: 200px; text-align: center; border-radius: 8px; font-weight: 600; font-size: 20px}

.online_view .view_cont .event_slide_wrap { position: relative; padding: 120px 80px; background: #0e2e56;}
.online_view .view_cont .event_slide_wrap .text_box { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); }
.online_view .view_cont .event_slide_wrap .text_box .tit { color: #fff; font-size: 48px; font-weight: 600; line-height: 1.3;}
.online_view .view_cont .event_slide_wrap .text_box .txt { font-size: 24px; font-weight: 400; color: #555; }

.online_view .view_cont .event_slide_wrap .swiper-container { width: 70%; margin-left: auto; margin-right: 0;}
.online_view .view_cont .event_slide_wrap .swiper-slide .img { text-align: center; }
.online_view .view_cont .event_slide_wrap .swiper-slide .img img {}
.online_view .view_cont .event_slide_wrap .swiper_btn { position: static; height: 30px; margin-top: 0; }
.online_view .view_cont .event_slide_wrap .swiper_btn i { color: #fff; }
.online_view .view_cont .event_slide_wrap .swiper-pagination { display: flex; justify-content: space-between; bottom: 0; width: 100%; color: #fff; }
.online_view .view_cont .event_slide_wrap .swiper-pagination span{font-size: 16px; line-height: 30px;}

.online_view .view_cont .event_slide_wrap .swipe_controls { display: flex; width: 60%; margin-top: 60px; }
.online_view .view_cont .event_slide_wrap .swipe_controls > div {display: flex; align-items: center; justify-content: center; position: relative; height: 30px;}
.online_view .view_cont .event_slide_wrap .swipe_controls .cell{flex-grow: 8;}
.online_view .view_cont .event_slide_wrap .swipe_controls .btn{flex-grow: 2;}
.online_view .view_cont .event_slide_wrap .animeslide-scrollbar { width: calc(100% - 60px); z-index: 100; background-color: rgba(255,255,255,0.5); }
.online_view .view_cont .event_slide_wrap .swiper-scrollbar-drag { height: 2px; background: #fff; border-radius: 0; }

.online_view .view_cont .event_map_wrap { display: flex; width: 100%; align-items: center; background-color: #f9f9f9; }
.online_view .view_cont .event_map_wrap .txt_wrap { width: 40%; padding: 50px; }
.online_view .view_cont .event_map_wrap .map_wrap { width: 60%; height: auto; }
.online_view .view_cont .event_map_wrap .map_wrap .map { width: 100% !important; min-height: 600px; outline: none; }

.online_view .view_cont .event_map_wrap .txt_wrap .txt_box + .txt_box { margin-top: 50px; }
.online_view .view_cont .event_map_wrap .txt_wrap .txt_box .tit { margin-bottom: 10px; font-size: 25px; font-weight: 600; }
.online_view .view_cont .event_map_wrap .txt_wrap .txt_box .time_txt { display: flex; font-size: 16px; }
.online_view .view_cont .event_map_wrap .txt_wrap .txt_box .time_txt + .time_txt { margin-top: 8px; }
.online_view .view_cont .event_map_wrap .txt_wrap .txt_box .time_txt .strong { font-weight: 600; min-width: 120px }

.online_view .view_cont .event_map_wrap .txt_wrap .txt_box .btn_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 30px; }
.online_view .view_cont .event_map_wrap .txt_wrap .txt_box .btn_wrap a { display: flex; align-items: center; justify-content: center; min-width: 200px; padding: 10px 20px; margin: 0 4px; border: 1px solid #1a1c1e; border-radius: 8px; font-size: 16px; transition: all 0.3s; font-weight: 500; }
.online_view .view_cont .event_map_wrap .txt_wrap .txt_box .btn_wrap a i { margin-right: 8px; transition: all 0.3s; }


.my_btn_box .btn{display: inline-block;border: 1px solid #1a1c1e; border-radius:8px; height: 60px; line-height: 58px; width: 150px; font-weight: 600; font-size: 19px;  transition: all .3s}
.my_btn_box .btn i {margin-right: 20px;}
.my_btn_box .btn.mod i {margin-right: 15px}
.my_btn_box .btn + .btn {margin-left: 10px}


.sub_08_6 .event_list {margin-top: 30px;}
.sub_08_6 .event_list .list_top {display: flex; justify-content: space-between; align-items: center}
.sub_08_6 .event_list .list_top .list_total{}

.sub_08_6 .event_list .list {margin-top: 30px}
.sub_08_6 .event_list .list li + li {margin-top: 40px}
.sub_08_6 .event_list .list a { display: flex; width: 100%}

.sub_08_6 .event_list .list .img_box {width: 30%; flex-shrink: 0; overflow: hidden}
.sub_08_6 .event_list .list .img_box .img {padding-top: 90%; position: relative; width: 100%; transition: all .3s}
.sub_08_6 .event_list .list .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}


.sub_08_6 .event_list .list .right_box {flex: 1; margin-left: 60px; padding-top: 40px}
.sub_08_6 .event_list .list .right_box .state {background-color: #0e2e56; display: inline-block; width: 90px; height: 35px; line-height: 35px; color: #fff; text-align: center; font-size: 17px; border-radius: 5px; margin-bottom: 20px}
.sub_08_6 .event_list .list .right_box .tit {font-weight: 600; font-size: 28px;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-top: 15px;line-height: 1.5}
.sub_08_6 .event_list .list .right_box .name {font-size: 20px; margin-top:20px; }
.sub_08_6 .event_list .list .right_box .date {color: #828282; margin-top: 65px; font-size: 18px;}





/*로그인*/
.login_sect { padding-top: calc(132px + 80px); padding-bottom: 200px; }
.login_sect .in { max-width: 600px; padding: 0 20px; }
.login_sect .top_tit_box { text-align: center; }

.login_sect.join .top_tit_box { margin-bottom: 75px; }
.login_sect.join .login_desc { margin-bottom: 30px; }
.login_sect .top_tit_box .tit { font-size: 48px; font-weight: 700; }
.login_sect .top_tit_box .txt { font-size: 20px; margin-top: 10px; }

.login_sect .login_form { text-align: center; margin-top: 45px; }
.login_sect .login_form .input_box { position: relative; width: 100%; height: 65px; border: 1px solid #c1c1c1; margin: auto; font-size: 18px; }
.login_sect .login_form .input_box + .input_box { margin-top: 20px; }
.login_sect .login_form .input_box input { width: 100%; height: 100%; padding: 5px 0 5px 50px; font-size: 18px; }
.login_sect .login_form .input_box input:focus { outline: 2px solid #1a1c1e; color: #1a1c1e; }
.login_sect .login_form .input_box input:focus::placeholder { color: #1a1c1e; }
.login_sect .login_form .input_box .icon { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); }
.login_sect .login_form .input_box .icon i { font-size: 18px; color: #828282; }

.login_sect .login_btn {  }
.login_sect .login_btn button { display: block; width: 100%; padding: 20px; margin-top: 20px; border-radius: 8px; background-color: var(--blue); color: #fff; text-align: center; font-family: 'Poppins', sans-serif; transition: all 0.3s; font-size: 18px; }

.login_sect .find_wrap { margin: 30px 0 50px; display: flex; text-align: center; align-items: center; justify-content: center; font-size: 16px; }
.login_sect .find_wrap p + p { position: relative; }
.login_sect .find_wrap p + p:before { content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 20px; background-color: #c1c1c1; }

.login_sect .sns_login_wrap {  }
.login_sect .sns_login_btn { position: relative; display: block; width: 100%; padding: 20px; border-radius: 10px; text-align: center; font-weight: 600; }
.login_sect .sns_login_btn + .sns_login_btn { margin-top: 15px; }
.login_sect .sns_login_btn i { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); font-size: 26px; }

.login_sect .sns_login_btn.kakao { background-color: #fddc3f; color: #1a1c1e; }
.login_sect .sns_login_btn.kakao i { color: #381e1f; }
.login_sect .sns_login_btn.naver { background-color: #2db400; color: #fff; }
.login_sect .sns_login_btn.naver img {width: 26px; vertical-align: middle;}
.login_sect .sns_login_btn.facebook { background-color: #2d4487; color: #fff; }
.login_sect .sns_login_btn.facebook i {width: 22px;}
.login_sect .sns_login_btn.facebook img {width: 14px; vertical-align: middle;}
.login_sect .sns_login_btn.email { background-color: #ededed; color: #1a1c1e; }
.login_sect .sns_login_btn.email i { color: #1a1c1e; }
.login_sect .sns_login_btn.google { background-color: #f2f2f2; color: #1a1c1e;}
.login_sect .sns_login_btn.google img {position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 26px;}

.login_sect .line { width: 28%; margin: 0 auto 40px; height: 1px; background-color: #c1c1c1; }
.login_sect .btm_join_wrap { width: 100%; margin: 80px auto 0; }
.login_sect .btm_join_wrap .quick_join_btn_wrap { display: flex; align-items: center; justify-content: center; margin-top: 15px; }
.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn { position: relative; display: block; width: 70px; height: 70px; background-color: #ededed; border-radius: 50%; transition: all 0.3s; }
.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn + .quick_join_btn { margin-left: 25px; }
.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #1a1c1e; font-size: 26px; transition: all 0.3s; }
.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn
.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn.google img {width: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn.naver img {width: 26px; position: absolute; left: 51%; top: 50%; transform: translate(-50%, -50%);}
.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn.facebook img {width: 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.login_sect .login_desc { text-align: center; color: #828282; font-size: 17px; font-weight: 600; }

.join_sect { padding-top: calc(132px + 80px); }
.join_sect.done { padding-top: calc(132px + 180px); }
.join_sect .app_info_com .top_tit { align-items: flex-end; }
.join_sect .app_info_com .top_tit .tit { font-size: 48px; }
.join_sect .app_info_com .top_tit .txt { margin-top: 40px; }

.sns_join { display: flex; align-items: center; margin-top: 50px; }
.sns_join span { font-size: 17px; font-weight: 600; }

.sns_join .circle { position: relative; width: 55px; height: 55px; border-radius: 50%; margin-right: 15px; }
.sns_join .circle i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 22px; }
.sns_join .circle img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sns_join .date { font-size: 14px; color: #828282; margin-left: 10px; }

.sns_join.kakao .circle { background-color: #fddc3f; }
.sns_join.kakao .circle i { color: #381e1f; }

.sns_join.naver .circle { background-color: #2db400; }
.sns_join.naver .circle i { color: #fff; }

.sns_join.email .circle { background-color: #ededed; }
.sns_join.email .circle i { color: #1a1c1e; }

.sns_join.facebook .circle { background-color: #2d4487; }
.sns_join.facebook .circle i { color: #fff; }

.sns_join.google .circle { background-color: #ededed; }
.sns_join.google .circle img { width: 22px; }

.join_sect .chk_icon { text-align: center; margin-bottom: 30px; }
.join_sect .chk_icon i { font-size: 68px; color: #0e2e56; }
.page_bot_btn.thin { margin-top: 60px; }
.page_bot_btn.thin > * { width: 200px; }

.join_sect .info_btn_wrap { display: flex; align-items: center; margin-top: 130px; }
.join_sect .info_btn_wrap .info_btn { padding: 13px 30px; border-radius: 5px; font-size: 16px; transition: all 0.3s; }
.join_sect .info_btn_wrap .info_btn + .info_btn { margin-left: 10px; }
.join_sect .info_btn_wrap .info_btn i { margin-right: 15px; font-size: 16px; }
.join_sect .info_btn_wrap .info_btn.edit { background-color: #1a1c1e; color: #fff; }
.join_sect .info_btn_wrap .info_btn.cancel { border: 1px solid #1a1c1e; }



/*개인정보처리방침*/
.priv_sect { font-size: 16px; }
.priv_sect h2 { font-size: 42px; margin-bottom: 20px; }
.priv_sect .priv_inner { padding-top: 50px; margin-top: 50px; border-top: 1px solid #c1c1c1; }
.priv_sect .priv_inner .sect { margin: 125px 0; }
.priv_sect .priv_inner .sect:first-child {margin-top: 0}
.priv_sect .priv_inner .sect h4 { text-indent: -23px; padding-left: 25px; font-size: 20px; color: #0e2e56; }
.priv_sect .priv_inner .sect > ul { margin: 20px 0; }
.priv_sect .priv_inner .sect > ul > li { text-indent: -1em; padding-left: 1em; }
.priv_sect .priv_inner .sect > ul > li > ul > li { text-indent: 0; }
.priv_sect .priv_inner .sect p { margin-top: 20px; }
.priv_sect .priv_inner .sect p + p { margin-top: 0; }

.priv_sect .priv_inner .sect h4.title2 {font-size: 31px; margin-bottom: 33px;}
.priv_sect h5 {font-size: 19px; margin-bottom: 8px;}
.priv_sect .paragraph:not(:last-child) {margin-bottom: 39.5px;}


/*서브 09*/
.sub09 .img_box { display: flex; align-items: center; flex-direction: row-reverse; padding-top: 30px; position: relative; width: 100%; height: 600px; margin-top: 40px; background: url("../../inc/img/sub/kakao_banner.jpg") center/cover no-repeat; }
.sub09 .img_box .mobile_img { width: 40%; }
.sub09 .img_box .txt_box { position: relative; width: 56%; margin-left: 50px; }
.sub09 .img_box .txt_box .tit { font-size: 54px; font-weight: 700; font-family: 'Pretendard', sans-serif; line-height: 1.4; position: relative}
.sub09 .img_box .txt_box .txt { font-size: 24px; margin-top: 20px; }
.sub09 .img_box .txt_box .txt span { font-weight: 700; margin-right: 10px; }
.sub09 .img_box .txt_box .btn { display: flex; margin-top: 80px; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 10px; max-width: 260px; border: 1px solid #1a1c1e; font-size: 20px; font-weight: 700; transition: all 0.3s; }
.sub09 .img_box .txt_box .btn .icon { width: 30px; height: 30px; background: url("../../inc/img/sub/kakao_icon.svg")center/contain no-repeat; transition: all 0.3s; }
.sub09 .img_box .txt_box .btn .icon img { width: 100%; height: 100%; object-fit: contain; }
.sub09 .img_box .txt_box .bubble_img { position: absolute; right: 60%; top: 0; transform: translate(70%, -92%); }
.sub09 .img_box .txt_box .bubble_img img { width: 80%; margin: auto; }


.sub_02_1 .progress_sect .img_cont {display: flex; justify-content: center}
.sub_02_1 .progress_sect .img_cont .img_box {width: 30%; text-align: center; margin-top: 100px}
.sub_02_1 .progress_sect .img_cont .img_box .img img {width: 40%}
.sub_02_1 .progress_sect .img_cont .img_box p {font-size: 20px; font-weight: 500; margin-top: 30px}

.sub_02_1 .progress_sect .bot_txt {background-color: #ededed; padding: 0 60px 0 80px; display: flex ; align-items: center; height: 90px; margin-top: 90px}
.sub_02_1 .progress_sect .bot_txt .logo {width: 130px;}
.sub_02_1 .progress_sect .bot_txt p {font-weight: 500; font-size: 21px; margin-left: 55px}

.sub_02_1 .world_sect .in2 {display: flex; align-items: flex-end}
.sub_02_1 .world_sect .left_box {width: 45%; }
.sub_02_1 .world_sect .left_box .num_box {margin-top: 100px; width: 80% }
.sub_02_1 .world_sect .left_box .num_box .cont {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #c1c1c1}
.sub_02_1 .world_sect .left_box .num_box .cont + .cont {margin-top: 40px;}
.sub_02_1 .world_sect .left_box .num_box .cont:last-of-type { border-bottom: 0; }
.sub_02_1 .world_sect .left_box .num_box .cont .left {font-size: 22px; min-width: 160px; font-weight: 500; }
.sub_02_1 .world_sect .left_box .num_box .cont .right {font-size: 58px; font-weight: 600;}
.sub_02_1 .world_sect .left_box .num_box .cont .right span {font-size: 19px;margin-left: 10px}
.sub_02_1 .world_sect .left_box .sub_p {color: #828282; font-size: 15px; margin-top: 40px;}
.sub_02_1 .world_sect .right_box {width: 60%; }
.sub_02_1 .world_sect .right_box img {width: 100%}

.sub_02_1 .energy_sect .img_box {margin-top: 60px;}
.sub_02_1 .energy_sect .img_box .sub_p {color: #828282; font-size: 15px; margin-top: 10px;}

.sub_02_1 .fda_sect .in2 {display: flex}
.sub_02_1 .fda_sect .left_box {width: 40%}
.sub_02_1 .fda_sect .left_box .cont_txt {word-break: keep-all}
.sub_02_1 .fda_sect .left_box .logo_box { width: 85%; border-top: 1px solid #c1c1c1; margin-top: 45px; padding-top: 20px; display: flex}
.sub_02_1 .fda_sect .left_box .logo_box .logo {display: flex; align-items: center}
.sub_02_1 .fda_sect .left_box .logo_box .logo + .logo {margin-left: 30px;}
.sub_02_1 .fda_sect .left_box .logo_box .logo:nth-child(1) img {width: 120px}
.sub_02_1 .fda_sect .left_box .logo_box .logo:nth-child(2) img {width: 55px}
.sub_02_1 .fda_sect .left_box .logo_box .logo span {margin-left: 12px; font-size: 15px;}
.sub_02_1 .fda_sect .right_box {width: 54%; margin-left: 80px;}


.sub_02 .reqCon_sect.type2 { background: url(/inc/img/sub/sub02_type2_reqCon.jpg) right 45% bottom/cover no-repeat; }
.sub_02 .reqCon_sect.type3 { background: url(/inc/img/sub/sub02_type3_reqCon.jpg) right 35% bottom/cover no-repeat; }

.sub_02_6_1 .merit_sect .right_content ul li:nth-child(1) .icon img {width: 50%}
.sub_02_6_1 .merit_sect .right_content ul li:nth-child(2) .icon img {width: 35%}

.tab_cont {display: none}
.tab_cont.on {display: block}



.symptom_sect.com .tit_box.type2 {flex-direction: column; align-items: flex-start}

.target_sect.com .in2{display: flex}
.target_sect.com .tit_box {width: 35%; flex-shrink: 0; min-width: 420px}
.target_sect.com .right_box{ flex: 1; }
.target_sect.com .right_box .img_box {display: flex; align-items: center; }
.target_sect.com .right_box .img_box + .img_box {margin-top: 20px}
.target_sect.com .right_box .img_box .img {width: 40%;flex-shrink: 0}
.target_sect.com .right_box .img_box .text_box {margin-left: 40px}
.target_sect.com .right_box .img_box .text_box .tit {font-size: 20px; font-weight: 700}
.target_sect.com .right_box .img_box .text_box .case_tit {margin-bottom: 5px; font-size: 22px; color: #0e2e56; font-weight: 500}
.target_sect.com .right_box .img_box .text_box .txt {margin-top: 6px}


.surgicalEqu .reqCon_sect {  margin-top: 0; }


.surgicalGuid  .guid_wrap {margin-top: 120px}
.surgicalGuid  .guid_wrap .merit_sect .cont_txt i{color: #0e2e56; margin-right: 10px; font-size: 15px;}

.surgicalGuid .merit_sect .right_content ul li .icon {position: relative; }
.surgicalGuid .merit_sect .right_content ul li .icon img {width: 45%;}

/*
.surgicalGuid .merit_sect:nth-child(1) .right_content ul li:nth-child(1) .icon img{width: 32%}
.surgicalGuid .merit_sect:nth-child(1) .right_content ul li:nth-child(3) .icon img { width: 28%; }
.surgicalGuid .merit_sect:nth-child(1) .right_content ul li:nth-child(4) .icon img{width: 29%}
.surgicalGuid .merit_sect:nth-child(2) .right_content ul li:nth-child(1) .icon img{width: 32%}
.surgicalGuid .merit_sect:nth-child(2) .right_content ul li:nth-child(4) .icon img { width: 28%; }
.surgicalGuid .merit_sect:nth-child(2) .right_content ul li:nth-child(3) .icon img { width: 28%; }

.surgicalGuid.sub_02 .merit_sect:nth-child(1) .right_content ul li:nth-child(1) .icon img{width: 28%}
.surgicalGuid.sub_02 .merit_sect:nth-child(1) .right_content ul li:nth-child(2) .icon img{width: 29%}
.surgicalGuid.sub_02 .merit_sect:nth-child(2) .right_content ul li:nth-child(1) .icon img{width: 28%}

.surgicalGuid.sub_05 .merit_sect:nth-child(1) .right_content ul li:nth-child(1) .icon img { width: 44%; }
.surgicalGuid.sub_05 .merit_sect:nth-child(1) .right_content ul li:nth-child(2) .icon img { width: 29%; }
.surgicalGuid.sub_05 .merit_sect:nth-child(1) .right_content ul li:nth-child(4) .icon img{width: 26%}
.surgicalGuid.sub_05 .merit_sect:nth-child(2) .right_content ul li:nth-child(1) .icon img{width: 28%}
*/

.surgicalGuid .merit_sect + .merit_sect {margin-top: 140px;}
/*.surgicalGuid .zigzag_sect {margin-top: 140px}*/
.surgicalGuid .zigzag_sect .tab_box {margin-top: 50px}
.surgicalGuid .zigzag_sect .tab_box a { position: relative; font-size: 22px; font-weight: 500; padding: 0 13px; color: #1a1c1e;display: inline-block; transition: all .3s; }
.surgicalGuid .zigzag_sect .tab_box a.active,
.surgicalGuid .zigzag_sect .tab_box a:hover { font-weight: 700; color: #0e2e56}
.surgicalGuid .zigzag_sect .tab_box a:before { content: ''; position: absolute; right: -3px; top: 50%; width: 1px; height: 50%; background-color: #c1c2c1; transform: translateY(-50%); }
.surgicalGuid .zigzag_sect .tab_box a:first-of-type { padding-left: 0; }
.surgicalGuid .zigzag_sect .tab_box a:last-of-type:before { display: none; }
.surgicalGuid .zigzag_sect .cont_list li .text_box .txt {margin-top: 10px}

.zigzag_sect .cont_list li .text_box .em {font-weight: 700; color: #0e2e56; margin-top: 20px; display: inline-block;font-size: 17px}
.surgicalGuid .ope_after_sect .right_box .tit_box .cont_tit {font-size: 22px; font-weight: 600}
.surgicalGuid .ope_after_sect .right_box .tit_box .cont_txt {font-size: 17px; margin-top: 6px}

.surgicalGuid .date_sect .in2 {display: flex}
.surgicalGuid .date_sect .tit_box {width: 100%}

.surgicalGuid .date_sect .right_box {width: 100%;display: flex; align-items: center; margin-top: 40px}
.surgicalGuid .date_sect .right_box .cir {width: 25%; padding-top: 25%; border-radius: 50%; flex-shrink: 0; position: relative}
.surgicalGuid .date_sect .right_box .cir.bg_cir {background-color:#cfd5dd }
.surgicalGuid .date_sect .right_box .cir.week {background-color:#0e2e56 ; color: #fff; margin-left: -12.5%}
.surgicalGuid .date_sect .right_box .cir.week2 {margin-left: 0;}
.surgicalGuid .date_sect .right_box .cir.month {border: 1px solid #000 }
.surgicalGuid .date_sect .right_box .cir p {position: absolute; width: 80%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; font-weight: 600; font-size: 20px;}
.surgicalGuid .date_sect .right_box .line {flex: 1; height: 1px; background: #000; position: relative}
.surgicalGuid .date_sect .right_box .line:before {content: "\f054"; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-family: "Font Awesome 6 Pro"; color: #0e2e56; z-index: 1}
.surgicalGuid .date_sect .right_box .line.last:after {content: ""; width: 10px; height: 10px; background: #0e2e56; border: 5px solid #fff; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); z-index: 2; border-radius: 50%}

.surgicalGuid .eyeDrops_sect .cont_box {display: flex; margin-top: 40px}
.surgicalGuid .eyeDrops_sect .cont_box .left_box {width: 30%; display: none}
.surgicalGuid .eyeDrops_sect .cont_box .left_box .img_box {position: relative;}
.surgicalGuid .eyeDrops_sect .cont_box .left_box .img_box img {position: absolute;width: 100%; left: 0; top: 0; opacity: 0 ; display: block; transition: all .3s}
.surgicalGuid .eyeDrops_sect .cont_box .left_box .img_box img.on {opacity: 1}
.surgicalGuid .eyeDrops_sect .cont_box .right_box {width: 100%; margin-left: 0px}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list {border-top: 2px solid #1a1c1e}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list li {padding: 25px 20px; border-bottom: 1px solid #1a1c1e; cursor: pointer}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .question {display: flex; align-items: center; justify-content: space-between; font-size: 22px; font-weight: 600}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .question .icon {font-size: 22px; flex-shrink: 0; margin-left: 35px; transition: all .3s}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .answer {padding-top: 20px; font-size: 17px; display: none}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .answer_box {display: flex; align-items: center}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .answer .img {display: block; width: 20%; min-width: 120px}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .answer .text {margin-left: 30px}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .answer.on {display: block}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .answer p {display: flex}
.surgicalGuid .eyeDrops_sect .cont_box .right_box .list .answer p .left_tit {font-weight: 600; min-width: 110px; margin-right: 25px}

.surgicalGuid .eyeDrops_sect .cont_box .right_box .list li.on .icon {transform: rotate(180deg)}
.priv_sect {padding-top:200px }



@media (max-width: 2000px){
    .sub01_1 .world_sect .bg_tower {width: 45%; left: -5%}
    .sub01_1 .world_sect .in {padding-top: 240px;}
}

/*호버*/
@media (min-width: 1200px) {
    .sub01_2 .facility_sect .left_box .tab_box .tab:hover { color: #0e2e56;}

    .sub01_2 .facility_sect .right_box .slide_box .slide_btn_box .btn:hover {background-color: #1a1c1e; color: #fff;}

    .sub_top_img .tab_box a:hover {font-weight: 700; color: #0e2e56;}


    .sub_01_3 .character_sect .cont:hover .plus {background-color: #0e2e56}

    .sub_01_4 .way_map_sect .inner_cont .btn_wrap a:hover ,
    .online_view .view_cont .event_map_wrap .txt_wrap .txt_box .btn_wrap a:hover { background-color: #1a1c1e; color: #fff; }
    .sub_01_4 .way_map_sect .inner_cont .btn_wrap a:hover i,
    .online_view .view_cont .event_map_wrap .txt_wrap .txt_box .btn_wrap a:hover i { color: #fff; }

    .sub_01_5 .notice_container .list_top .list_tab_wrap a:hover  {font-weight: 700; color: #0e2e56;}

    .sub_01_5 .box_list_container li a:hover { background-color: #fff; border: 2px solid #0e2e56; }
    .sub_01_5 .box_list_container li a:hover .arr { opacity: 1; transform: translateY(-20px); }

    .list_pagination > a:hover i { color: #1a1c1e; }
    .list_pagination .num li a:hover { color: #0e2e56; }
    .list_pagination .num li:hover a:before { opacity: 1; }

    .sub_01_5.view .notice_view_container .list_btn:hover { background-color: #1a1c1e; color: #fff; }

    .img_list_container .img_list li a:hover .thumb .img img { transform: scale(1.1); }

    .sub_05_5 .swipe_sect .slide_box .img_box a:hover .img:before {background-color: #0e2e56; opacity: 0.7}

    .sub_03 .swipe_sect .slide_box .img_box a:hover .img:before {background-color: #0e2e56; opacity: 0.7}

    .sub_05 .more_btn:hover { background-color: #1daadb; }

    .page_bot_btn > *:hover {background-color: #0e2e56; color: #fff}

    .sub_08_4 .online_list .list_top .list_tab_wrap a:hover {font-weight: 700; color: #0e2e56;}

    .sub_08_4 .online_list .list li a:hover {background-color: #f9f9f9}

    .my_btn_box .btn:hover {background-color: #1a1c1e; color: #fff}

    .sub_08_6 .event_list .list a:hover .img {transform: scale(1.1)}

    .app_info_com .out_btn:hover { color: #1a1c1e; border-bottom: 1px solid #1a1c1e; }

    .join_sect .info_btn_wrap .info_btn.edit:hover { background-color: #5f6062; }
    .join_sect .info_btn_wrap .info_btn.cancel:hover { background-color: #cecbcb; border: 1px solid transparent; }

    .login_sect .login_btn:hover a { background-color: #1daadb; }

    .login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn:hover { background-color: #1a1c1e; }
    .login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn:hover i { color: #fff; }
	.login_sect .btm_join_wrap .quick_join_btn_wrap .quick_join_btn:hover img {filter: invert(1) brightness(5);}

    .sub09 .img_box .txt_box .btn:hover { background-color: var(--blue); color: #fff; border: 1px solid #0e2e56; }
    .sub09 .img_box .txt_box .btn:hover .icon { width: 30px; height: 30px; background: url("../../inc/img/sub/kakao_icon_wh.svg")center/contain no-repeat }

    .tit_box .view_btn:hover .arr { transform: translateX(10px); }

    .app_info_com .app_form .overlap_btn:hover { background-color: var(--blue); }

}


/* 애니메이션 */
[data-value='fade-in'] {
	filter: opacity(0);
}
[data-value='fade-in'].active {
	animation-name: fade-in;
	animation-duration: 0.8s;
	animation-delay: var(--delay);
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes fade-in {
	100% {
		filter: opacity(1);
	}
}
[data-value='fade-up'] {
	filter: opacity(0);
	transform: translateY(4rem);
}
[data-value='fade-up'].active {
	animation-name: fade-up;
	animation-duration: 0.8s;
	animation-delay: var(--delay);
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes fade-up {
	100% {
		filter: opacity(1);
		transform: translateY(0);
	}
}
[data-value='fade-down'] {
	filter: opacity(0);
	transform: translateY(-4rem);
}
[data-value='fade-down'].active {
	animation-name: fade-down;
	animation-duration: 0.8s;
	animation-delay: var(--delay);
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes fade-down {
	100% {
		filter: opacity(1);
		transform: translateY(0);
	}
}
[data-value='fade-right'] {
	filter: opacity(0);
	transform: translateX(-4rem);
}
[data-value='fade-right'].active {
	animation-name: fade-right;
	animation-duration: 0.8s;
	animation-delay: var(--delay);
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes fade-right {
	100% {
		filter: opacity(1);
		transform: translateX(0);
	}
}
[data-value='fade-left'] {
	filter: opacity(0);
	transform: translateX(4rem);
}
[data-value='fade-left'].active {
	animation-name: fade-left;
	animation-duration: 0.8s;
	animation-delay: var(--delay);
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes fade-left {
	100% {
		filter: opacity(1);
		transform: translateX(0);
	}
}