@charset "utf-8";

/* s_txt */
.s_txt{}
.s_txt h3{color: var(--color1); font-size: 30px; line-height: 1.4em; letter-spacing: -0.035em; font-family: "Noto Serif KR", serif; word-spacing: -0.05em; font-weight: 600; line-height: 1.5em; word-break: keep-all;}
.s_txt h3 + p{margin-top: 25px;}
.s_txt h3 span{}
.s_txt p{color: #555; font-size: 18px; font-weight: 300; line-height: 1.7em; word-break: keep-all;}
.s_txt p + p{margin-top: 5px;}

@media all and (max-width:1400px){
	.s_txt h3{font-size: 27px;}
	.s_txt p{font-size: 17px; line-height: 1.6em;}
}
@media all and (max-width:1024px){
	.s_txt h3{font-size: 25px;}
}
@media all and (max-width:768px){
	.s_txt h3{font-size: 23px;}
	.s_txt p{font-size: 16px; line-height: 1.6em;}
}
@media all and (max-width:500px){
	.s_txt h3{font-size: 21px;}
}


/* s_tit */
.s_tit{margin-bottom: 40px;}
.s_tit h3{color: var(--color1); font-size: 30px;}

@media all and (max-width:1400px){
	.s_tit{margin-bottom: 35px;}
	.s_tit h3{font-size: 28px;}
}
@media all and (max-width:1024px){
	.s_tit{margin-bottom: 32px;}
	.s_tit h3{font-size: 26px;}
}
@media all and (max-width:768px){
	.s_tit{margin-bottom: 30px;}
	.s_tit h3{font-size: 24px;}
}
@media all and (max-width:500px){
	.s_tit{margin-bottom: 27px;}
	.s_tit h3{font-size: 22px;}
}


/* s_cont */
.s_cont{display: flex; align-items: flex-start; margin: 80px 0 100px;}
.s_cont + .s_cont{padding-top: 80px; border-top: 1px solid #d5dce8}
.s_cont + .clinic_top{padding-top: 80px; border-top: 1px solid #d5dce8}
.s_cont .l_cont{width: 25%;}
.s_cont .l_cont h3{color: var(--color1); font-size: 30px;  word-break: keep-all; line-height: 1.3em;}
.s_cont .l_cont p{color: #333; font-size: 17px; font-weight: 300; word-break: keep-all; line-height: 1.5em; margin-top: 22px;}
.s_cont .r_cont{width: 75%;}
.s_cont .r_cont .boxs{display: grid; gap:20px;}
.s_cont .r_cont .boxs.w2{grid-template-columns: repeat(2, 1fr);}
.s_cont .r_cont .boxs.w3{grid-template-columns: repeat(3, 1fr);}
.s_cont .r_cont .boxs.w4{grid-template-columns: repeat(4, 1fr);}
.s_cont .r_cont .boxs .box{background-color: #f3f6fa; aspect-ratio:16 / 9; padding: 30px 30px;}
.s_cont .r_cont .boxs.w2 .box{aspect-ratio:auto;}
.s_cont .r_cont .boxs.w4 .box{aspect-ratio:auto;}
.s_cont .r_cont .boxs .box .icon{text-align: center; margin-top: 20px;}
.s_cont .r_cont .boxs .box .icon img{max-width: 60px;}
.s_cont .r_cont .boxs .box h4{font-family: 'Noto Serif KR', serif; color: var(--color1); opacity: 0.6; font-size: 16px; font-weight: 500;}
.s_cont .r_cont .boxs .box h5{color: var(--color1); font-size: 18px; text-align: center; word-break: keep-all;}
.s_cont .r_cont .boxs .box h3{margin-top: 15px; font-size: 24px; color: var(--color1);}
.s_cont .r_cont .boxs .box p{color: var(--color1); opacity: 0.6; margin-top: 20px; font-size: 16px;}
.s_cont .r_cont > p{font-size: 16px; color: var(--color1); opacity: 0.75;}
.s_cont .r_cont > p a{color: var(--color1); text-decoration: underline; text-underline-position: under;}
.s_cont .r_cont .txt{}
.s_cont .r_cont .txt + .txt{margin-top: 80px;}
.s_cont .r_cont .txt h3{font-size: 22px; color: #000; margin-bottom: 20px;}
.s_cont .r_cont .txt p{font-size: 18px; word-break: keep-all; line-height: 1.6em; color: #000; opacity: 0.7; font-weight: 300;}
.s_cont .r_cont .txt p b{font-weight: 600;}
.s_cont .r_cont .dot{}
.s_cont .r_cont .dot li{color: #000; opacity: 0.8; font-size: 18px; position: relative; padding-left: 12px; font-weight: 300; line-height: 1.5em; word-break: keep-all;}
.s_cont .r_cont .dot li::before{content: '·'; position: absolute; left: 0; top: 0;}
.s_cont .r_cont .dot li + li{margin-top: 10px;}
.s_cont .r_cont .dot2 li{color: #000; opacity: 0.8; font-size: 18px; background-color: #e8edf5; padding: 15px 20px; font-weight: 300; word-break: keep-all; line-height: 1.5em;}
.s_cont .r_cont .dot2 li + li{margin-top: 10px;}
.s_cont .r_cont .video{margin: 30px 0;}
.s_cont .r_cont .video video{max-width: 100%;}
.s_cont .r_cont .youtube{}
.s_cont .r_cont .youtube iframe{aspect-ratio:16 / 9;}
.s_cont .r_cont .img{margin-top: 30px; border: 1px solid #eee;}
.s_cont .r_cont .img img{max-width: 100%;}
.s_cont .r_cont .img_box{}
.s_cont .r_cont .img_box.flex{display: flex; gap:20px;}
.s_cont .r_cont .img_box.flex .img{width: 100%;}
.s_cont .r_cont .img_box.flex .img img{max-width: 100%;}
.s_cont .r_cont .caption{margin-top: 15px;}
.s_cont .r_cont .caption p{font-size: 16px; color: var(--color1); opacity: 0.55; font-weight: 600; word-break: keep-all;}
.s_cont .r_cont .caption p + p{margin-top: 10px;}
.s_cont .r_cont .dl_box{margin-top: 30px; display: flex; align-items: center; gap:15px;}
.s_cont .r_cont .dl_box dl{border: 1px solid var(--color1); width: 100%; text-align: center; padding: 20px; border-radius: 50px;}
.s_cont .r_cont .dl_box dl dt{font-weight: 700; font-size: 18px; color: var(--color1); margin-bottom: 10px;}
.s_cont .r_cont .dl_box dl dd{font-size: 16px; color: var(--color1); opacity: 0.85; font-weight: 300;}
.s_cont .r_cont .precautions{}
.s_cont .r_cont .precautions .box{display: flex; padding: 40px 0;}
.s_cont .r_cont .precautions .box:first-child{padding-top: 0;}
.s_cont .r_cont .precautions .box .icon{width: 140px; text-align: center;}
.s_cont .r_cont .precautions .box .icon img{max-width: 100%;}
.s_cont .r_cont .precautions .box .txt{width: calc(100% - 140px);}
.s_cont .r_cont .precautions .box + .box{border-top: 1px solid #e1e7f2}
.s_cont .r_cont .img_list{display: grid; grid-template-columns: repeat(2, 1fr); gap:40px 25px;}
.s_cont .r_cont .img_list li{}
.s_cont .r_cont .img_list li .img{margin-bottom: 20px; margin-top: 0;}
.s_cont .r_cont .img_list li .img img{}
.s_cont .r_cont .img_list li .txt{}
.s_cont .r_cont .img_list li .txt h3{font-size: 20px; margin-bottom: 12px;}
.s_cont .r_cont .img_list li .txt p{font-size: 17px;}
.s_cont .r_cont .item_list{}
.s_cont .r_cont .item_list li{border-top: 1px solid var(--color1); padding: 40px 30px; cursor: pointer;}
.s_cont .r_cont .item_list li + li{}
.s_cont .r_cont .item_list .tit{font-size: 22px; font-weight: 700; color: var(--color1); position: relative;}
.s_cont .r_cont .item_list .tit::before{content: '+'; position: absolute; right: 0; top: 0;}
.s_cont .r_cont .item_list li.on .tit::before{content: '';}
.s_cont .r_cont .item_list .cont{display: none;}
.s_cont .r_cont .item_list li.on .cont{display: flex; gap:40px; align-items: center;}
.s_cont .r_cont .item_list li.on .tit{margin-bottom: 30px;}
.s_cont .r_cont .item_list .cont .img{width: 240px; margin-top: 0;}
.s_cont .r_cont .item_list .cont .img img{}
.s_cont .r_cont .item_list .cont .info{width: calc(100% - 240px - 40px);}
.s_cont .r_cont .item_list .cont .info dl{display: flex;}
.s_cont .r_cont .item_list .cont .info dl + dl{margin-top: 15px;}
.s_cont .r_cont .item_list .cont .info dl dt{font-size: 18px; font-weight: 700; width: 150px; color: #000;}
.s_cont .r_cont .item_list .cont .info dl dd{font-size: 18px; width: calc(100% - 150px); color: #333; word-break: keep-all; line-height: 1.4em;}
.s_cont .r_cont .checklist{counter-reset: checklist;}
.s_cont .r_cont .checklist li{background-color: #ebf0f6; font-size: 19px; color: #000; padding: 20px 30px; counter-increment: checklist; font-weight: 300;}
.s_cont .r_cont .checklist li + li{margin-top: 10px;}
.s_cont .r_cont .checklist li::before{content:counter(checklist)''; width: 30px; aspect-ratio:1 / 1; background-color: #030951; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 15px; margin-right: 12px;}

@media all and (max-width:1400px){
	.s_cont{margin: 70px 0 80px;}
	.s_cont + .s_cont{padding-top: 70px;}
	.s_cont .l_cont{width: 22%;}
	.s_cont .l_cont h3{font-size: 28px;}
	.s_cont .l_cont p{margin-top: 20px;}
	.s_cont .r_cont{width: 78%;}
	.s_cont .r_cont .boxs{gap:15px;}
	.s_cont .r_cont .boxs .box{padding: 25px;}
	.s_cont .r_cont .boxs .box h4{font-size: 15px;}
	.s_cont .r_cont .boxs .box h3{font-size: 22px; margin-top: 12px;}
	.s_cont .r_cont .boxs .box p{font-size: 15px; margin-top: 15px;}
	.s_cont .r_cont > p{font-size: 15px;}
	.s_cont .r_cont .boxs .box h5{font-size: 17px;}
	.s_cont .r_cont .txt + .txt{margin-top: 70px;}
	.s_cont .r_cont .txt h3{font-size: 21px; margin-bottom: 18px;}
	.s_cont .r_cont .txt p{font-size: 17px;}
	.s_cont .r_cont .img{margin-top: 25px;}
	.s_cont .r_cont .dl_box{margin-top: 27px; gap:12px;}
	.s_cont .r_cont .dl_box dl{padding: 18px;}
	.s_cont .r_cont .dl_box dl dt{font-size: 17px; margin-bottom: 9px;}
	.s_cont .r_cont .precautions .box{padding: 35px 0;}
	.s_cont .r_cont .precautions .box .icon{width: 120px;}
	.s_cont .r_cont .precautions .box .icon img{max-width: 56px;}
	.s_cont .r_cont .precautions .box .txt{width: calc(100% - 120px);}
	.s_cont .r_cont .img_list{gap:38px 22px;}
	.s_cont .r_cont .img_list li .img{margin-bottom: 17px;}
	.s_cont .r_cont .img_list li .txt h3{font-size: 19px;}
	.s_cont .r_cont .img_list li .txt p{font-size: 16px;}
	.s_cont .r_cont .item_list li{padding: 35px 25px;}
	.s_cont .r_cont .item_list li.on .cont{gap:30px;}
	.s_cont .r_cont .item_list li .tit{font-size: 20px;}
	.s_cont .r_cont .item_list li.on .tit{margin-bottom: 25px;}
	.s_cont .r_cont .item_list .cont .img{width: 212px;}
	.s_cont .r_cont .item_list .cont .info{width: calc(100% - 212px - 30px);}
	.s_cont .r_cont .item_list .cont .info dl dt{width: 120px; font-size: 17px;}
	.s_cont .r_cont .item_list .cont .info dl dd{width: calc(100% - 120px); font-size: 17px;}
	.s_cont .r_cont .item_list .cont .info dl + dl{margin-top: 13px;}
	.s_cont .r_cont .caption p{font-size: 15px;}
	.s_cont .r_cont .caption p + p{margin-top: 7px;}
	.s_cont .r_cont .img_box.flex{gap:17px;}
	.s_cont .r_cont .dot2 li{font-size: 17px; padding: 13px 17px;}
	.s_cont .r_cont .boxs .box .icon{margin-top: 18px;}
	.s_cont .r_cont .boxs .box .icon img{max-width: 56px;}
	.s_cont .r_cont .checklist li{font-size: 18px; padding: 17px 25px;}
	.s_cont .r_cont .checklist li + li{margin-top: 9px;}
	.s_cont .r_cont .checklist li::before{content:counter(checklist)''; width: 28px; font-size: 14px; margin-right: 10px;}
}
@media all and (max-width:1024px){
	.s_cont{margin: 60px 0 70px;}
	.s_cont + .s_cont{padding-top: 60px;}
	.s_cont .l_cont{width: 25%;}
	.s_cont .l_cont h3{font-size: 26px;}
	.s_cont .l_cont p{font-size: 16px; margin-top: 18px;}
	.s_cont .r_cont{width: 75%;}
	.s_cont .r_cont .txt h3{font-size: 20px; margin-bottom: 15px;}
	.s_cont .r_cont .boxs.w3{grid-template-columns: repeat(2, 1fr);}
	.s_cont .r_cont .boxs.w4{grid-template-columns: repeat(2, 1fr);}
	.s_cont .r_cont .boxs .box{aspect-ratio:auto;}
	.s_cont .r_cont .boxs .box h3{font-size: 20px; margin-top: 10px;}
	.s_cont .r_cont .txt + .txt{margin-top: 60px;}
	.s_cont .r_cont .dl_box{display: grid; grid-template-columns: repeat(2, 1fr);}
	.s_cont .r_cont .precautions .box{padding: 32px 0;}
	.s_cont .r_cont .precautions .box .icon{width: 110px;}
	.s_cont .r_cont .precautions .box .icon img{max-width: 52px;}
	.s_cont .r_cont .precautions .box .txt{width: calc(100% - 110px);}
	.s_cont .r_cont .img_list{gap:35px 20px;}
	.s_cont .r_cont .item_list li{padding: 30px 15px;}
	.s_cont .r_cont .item_list li.on .cont{gap:22px;}
	.s_cont .r_cont .item_list li .tit{font-size: 19px;}
	.s_cont .r_cont .item_list li.on .tit{margin-bottom: 23px;}
	.s_cont .r_cont .item_list .cont .img{width: 170px;}
	.s_cont .r_cont .item_list .cont .info{width: calc(100% - 170px - 22px);}
	.s_cont .r_cont .item_list .cont .info dl dt{width: 110px; font-size: 17px;}
	.s_cont .r_cont .item_list .cont .info dl dd{width: calc(100% - 110px); font-size: 17px;}
	.s_cont .r_cont .item_list .cont .info dl + dl{margin-top: 15px;}
	.s_cont .r_cont .img_box.flex{gap:15px;}
	.s_cont .r_cont .dot li{font-size: 17px;}
	.s_cont .r_cont .boxs .box .icon{margin-top: 16px;}
	.s_cont .r_cont .boxs .box .icon img{max-width: 52px;}
	.s_cont .r_cont .checklist li{font-size: 17px; padding: 15px 20px;}
	.s_cont .r_cont .checklist li + li{margin-top: 8px;}
	.s_cont .r_cont .checklist li::before{width: 26px; font-size: 14px; margin-right: 8px;}
}
@media all and (max-width:768px){
	.s_cont{margin: 55px 0 60px;}
	.s_cont + .s_cont{padding-top: 55px;}
	.s_cont{flex-direction: column; gap:30px;}
	.s_cont .l_cont{width: 100%;}
	.s_cont .l_cont h3{font-size: 24px;}
	.s_cont .l_cont p{margin-top: 17px;}
	.s_cont .l_cont p br{display: none;}
	.s_cont .r_cont{width: 100%;}
	.s_cont .r_cont .boxs{gap:10px;}
	.s_cont .r_cont .boxs .box{padding: 22px;}
	.s_cont .r_cont .boxs .box h3{font-size: 18px; margin-top: 9px;}
	.s_cont .r_cont > p{font-size: 14px;}
	.s_cont .r_cont .boxs .box h5{font-size: 16px;}
	.s_cont .r_cont .txt h3{font-size: 19px; margin-bottom: 11px;}
	.s_cont .r_cont .txt p{font-size: 16px; line-height: 1.5em;}
	.s_cont .r_cont .txt + .txt{margin-top: 50px;}
	.s_cont .r_cont .img{margin-top: 20px;}
	.s_cont .r_cont .precautions .box{padding: 28px 0;}
	.s_cont .r_cont .precautions .box .icon{width: 100px;}
	.s_cont .r_cont .precautions .box .icon img{max-width: 48px;}
	.s_cont .r_cont .precautions .box .txt{width: calc(100% - 100px);}
	.s_cont .r_cont .img_list{grid-template-columns: repeat(1, 1fr);}
	.s_cont .r_cont .img_list li .img{margin-bottom: 15px;}
	.s_cont .r_cont .img_list li .txt h3{font-size: 18px;}
	.s_cont .r_cont .item_list li{padding: 28px 20px;}
	.s_cont .r_cont .item_list li.on .cont{gap:28px;}
	.s_cont .r_cont .item_list li .tit{font-size: 19px;}
	.s_cont .r_cont .item_list li.on .tit{margin-bottom: 20px;}
	.s_cont .r_cont .item_list .cont .img{width: 172px;}
	.s_cont .r_cont .item_list .cont .info{width: calc(100% - 172px - 28px);}
	.s_cont .r_cont .item_list .cont .info dl dt{width: 100px; font-size: 16px;}
	.s_cont .r_cont .item_list .cont .info dl dd{width: calc(100% - 100px); font-size: 16px;}
	.s_cont .r_cont .item_list .cont .info dl + dl{margin-top: 11px;}
	.s_cont .r_cont .caption p{font-size: 14px;}
	.s_cont .r_cont .caption p + p{margin-top: 5px;}
	.s_cont .r_cont .img_box.flex{gap:13px;}
	.s_cont .r_cont .dot li{font-size: 16px;}
	.s_cont .r_cont .dot2 li{font-size: 16px; padding: 11px 14px;}
	.s_cont .r_cont .boxs .box .icon{margin-top: 15px;}
	.s_cont .r_cont .boxs .box .icon img{max-width: 48px;}
	.s_cont .r_cont .checklist li{font-size: 16px; padding: 12px 17px;}
	.s_cont .r_cont .checklist li + li{margin-top: 7px;}
	.s_cont .r_cont .checklist li::before{width: 24px; font-size: 13px; margin-right: 7px;}
}
@media all and (max-width:500px){
	.s_cont{margin: 45px 0 55px; gap:20px;}
	.s_cont + .s_cont{padding-top: 45px;}
	.s_cont .l_cont h3{font-size: 21px;}
	.s_cont .l_cont p{margin-top: 15px;}
	.s_cont .r_cont .boxs .box{padding: 20px;}
	.s_cont .r_cont .boxs .box h3{font-size: 17px;}
	.s_cont .r_cont .boxs .box p{margin-top: 12px;}
	.s_cont .r_cont .boxs .box h5{font-size: 15px;}
	.s_cont .r_cont .txt h3{font-size: 18px; margin-bottom: 10px;}
	.s_cont .r_cont .txt p br{display: none;}
	.s_cont .r_cont .dl_box{grid-template-columns: repeat(1, 1fr);}
	.s_cont .r_cont .txt + .txt{margin-top: 40px;}
	.s_cont .r_cont .precautions .box{padding: 25px 0;}
	.s_cont .r_cont .precautions .box .icon{width: 90px;}
	.s_cont .r_cont .precautions .box .icon img{max-width: 44px;}
	.s_cont .r_cont .precautions .box .txt{width: calc(100% - 90px);}
	.s_cont .r_cont .item_list li{padding: 22px 10px;}
	.s_cont .r_cont .item_list li.on .cont{gap:20px;}
	.s_cont .r_cont .item_list li .tit{font-size: 18px;}
	.s_cont .r_cont .item_list li.on .tit{margin-bottom: 17px;}
	.s_cont .r_cont .item_list .cont .img{width: 148px;}
	.s_cont .r_cont .item_list .cont .info{width: calc(100% - 148px - 20px);}
	.s_cont .r_cont .item_list .cont .info dl{flex-direction: column;}
	.s_cont .r_cont .item_list .cont .info dl dt{width: 100%; font-size: 15px; margin-bottom: 7px;}
	.s_cont .r_cont .item_list .cont .info dl dd{width: 100%; font-size: 15px;}
	.s_cont .r_cont .img_box.flex{gap:10px;}
	.s_cont .r_cont .boxs .box .icon{margin-top: 13px;}
	.s_cont .r_cont .boxs .box .icon img{max-width: 45px;}
	.s_cont .r_cont .checklist li{font-size: 15px; padding: 11px 15px;}
	.s_cont .r_cont .checklist li + li{margin-top: 7px;}
	.s_cont .r_cont .checklist li::before{width: 22px; font-size: 12px; margin-right: 6px;}
}


.tabcontent{display: none;}
.tabcontent.on{display: block;}


/* intro1 */
.intro1{}
.intro1 .inner{}
.intro1 .inner .boxs{}
.intro1 .inner .boxs .top{display: flex; align-items: center; margin-bottom: 140px;}
.intro1 .inner .boxs .top .l_cont{width: 50%; padding-right: 140px;}
.intro1 .inner .boxs .top .r_cont{width: 50%;}
.intro1 .inner .boxs .box{}
.intro1 .inner .boxs .box .img{margin-bottom: 50px;}
.intro1 .inner .boxs .box .img img{max-width: 100%;}
.intro1 .inner .boxs .box .txt{}
.intro1 .inner .boxs .box .txt h3{font-size: 36px; font-weight: 600; color: #000; margin-bottom: 30px; letter-spacing: -0.05em;}
.intro1 .inner .boxs .box .txt h3 span{color: #00a1e9}
.intro1 .inner .boxs .box .txt p{color: #000; font-size: 18px; word-break: keep-all; line-height: 1.8em; letter-spacing: -0.05em; font-weight: 300;}
.intro1 .inner .boxs .box .txt p + p{margin-top: 25px;}
.intro1 .inner .boxs .box .title{font-size: 48px; font-weight: 600; color: #000; line-height: 1.4em; margin-bottom: 50px; word-break: keep-all; letter-spacing: -0.05em;}
.intro1 .inner .boxs .box .title span{background: linear-gradient(to right, #00a1e9, #030951); -webkit-background-clip:text; color: transparent;}
.intro1 .inner .boxs .top .r_cont .box:nth-child(1){margin-bottom: 120px;}

@media all and (max-width:1400px){
	.intro1 .inner .boxs .top .l_cont{padding-right: 80px;}
	.intro1 .inner .boxs .top .r_cont .box:nth-child(1){margin-bottom: 130px;}
	.intro1 .inner .boxs .box .img{margin-bottom: 40px;}
	.intro1 .inner .boxs .box .txt h3{font-size: 33px; margin-bottom: 25px;}
	.intro1 .inner .boxs .box .title{font-size: 44px; margin-bottom: 40px;}
}
@media all and (max-width:1024px){
	.intro1 .inner .boxs .top .l_cont{padding-right: 60px;}
	.intro1 .inner .boxs .top .r_cont .box:nth-child(1){margin-bottom: 90px;}
	.intro1 .inner .boxs .box .img{margin-bottom: 35px;}
	.intro1 .inner .boxs .box .txt h3{font-size: 31px; margin-bottom: 20px;}
	.intro1 .inner .boxs .box .txt p br{display: none;}
	.intro1 .inner .boxs .box .title{font-size: 40px; margin-bottom: 35px;}
	.intro1 .inner .boxs .box .title br{display: none;}
}
@media all and (max-width:768px){
	.intro1 .inner .boxs .top{flex-direction: column-reverse; gap:80px; margin-bottom: 80px;}
	.intro1 .inner .boxs .top .l_cont{width: 100%; padding-right: 0;}
	.intro1 .inner .boxs .top .r_cont{width: 100%;}
	.intro1 .inner .boxs .box .title{font-size: 36px; margin-bottom: 30px;}
	.intro1 .inner .boxs .box .title br{display: block;}
	.intro1 .inner .boxs .box .txt h3{font-size: 28px; margin-bottom: 17px;}
	.intro1 .inner .boxs .box .txt p{font-size: 17px;}
	.intro1 .inner .boxs .top .r_cont .box:nth-child(1){margin-bottom: 60px;}
}
@media all and (max-width:500px){
	.intro1 .inner .boxs .top{gap:60px; margin-bottom: 60px;}
	.intro1 .inner .boxs .box .title{font-size: 32px; margin-bottom: 25px;}
	.intro1 .inner .boxs .box .img{margin-bottom: 30px;}
	.intro1 .inner .boxs .box .txt h3{font-size: 26px; margin-bottom: 15px;}
	.intro1 .inner .boxs .box .txt p{font-size: 16px;}
	.intro1 .inner .boxs .top .r_cont .box:nth-child(1){margin-bottom: 50px;}
}


/* smiledoctor */
.smiledoctor{background: url(/images/sub/smiledoctor_bg.webp) no-repeat center center / cover; padding-top: 100px; padding-bottom: 40px; overflow: hidden;}
.smiledoctor .inner{display: flex; align-items: center;}
.smiledoctor .inner .l_cont{width: 50%;}
.smiledoctor .inner .l_cont .txt{color: #fff;}
.smiledoctor .inner .l_cont .txt h3{font-size: 48px; font-weight: 600; margin-bottom: 40px; letter-spacing: -0.05em; word-break: keep-all; line-height: 1.3em;}
.smiledoctor .inner .l_cont .txt h3 br.mo{display: none;}
.smiledoctor .inner .l_cont .txt p{font-size: 18px; font-weight: 400; color: #ddd; word-break: keep-all; line-height: 1.5em;}
.smiledoctor .inner .l_cont .txt p b{color: #fff;}
.smiledoctor .inner .l_cont .verfi_box{margin-top: 35px; display: flex; gap:50px;}
.smiledoctor .inner .l_cont .verfi_box .verfi{text-align: center;}
.smiledoctor .inner .l_cont .verfi_box .verfi .img{}
.smiledoctor .inner .l_cont .verfi_box .verfi .img img{}
.smiledoctor .inner .l_cont .verfi_box .verfi h4{color: #fff; font-size: 18px; font-weight: 600; margin-top: 20px;}
.smiledoctor .inner .l_cont .verfi_box .verfi p{font-size: 16px; color: #fff; opacity: 0.8; margin-top: 10px;}
.smiledoctor .inner .r_cont{width: 50%; text-align: center; position: relative;}
.smiledoctor .inner .r_cont::before{content: ''; width: 80%; aspect-ratio:1 / 1; border-radius: 100%; position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #bedaf2; opacity: 0.4; mix-blend-mode: overlay;}
.smiledoctor .inner .r_cont .img{position: relative; z-index: 3;}
.smiledoctor .inner .r_cont .img img{max-width: 100%;}


@media all and (max-width:1400px){
	.smiledoctor{padding-top: 80px; padding-bottom: 35px;}
	.smiledoctor .inner .r_cont{text-align: right;}
	.smiledoctor .inner .r_cont::before{left: 63%;}
	.smiledoctor .inner .l_cont .txt h3{font-size: 44px; margin-bottom: 35px;}
	.smiledoctor .inner .l_cont .verfi_box{margin-top: 30px; gap:40px;}
	.smiledoctor .inner .l_cont .verfi_box .verfi .img img{max-height: 154px;}
	.smiledoctor .inner .l_cont .verfi_box .verfi h4{font-size: 17px; margin-top: 17px;}
	.smiledoctor .inner .r_cont .img img{width: 36vw;}
}
@media all and (max-width:1024px){
	.smiledoctor{padding-top: 70px; padding-bottom: 35px;}
	.smiledoctor .inner .l_cont{width: 60%;}
	.smiledoctor .inner .l_cont .txt h3{font-size: 40px; margin-bottom: 30px;}
	.smiledoctor .inner .l_cont .txt h3 br.mo{display: block;}
	.smiledoctor .inner .l_cont .txt p{font-size: 17px;}
	.smiledoctor .inner .l_cont .verfi_box{gap:35px;}
	.smiledoctor .inner .l_cont .verfi_box .verfi .img img{max-height: 13vw;}
	.smiledoctor .inner .l_cont .verfi_box .verfi h4{margin-top: 15px;}
	.smiledoctor .inner .l_cont .verfi_box .verfi p{font-size: 15px; margin-top: 8px;}
	.smiledoctor .inner .r_cont{width: 40%;}
	.smiledoctor .inner .r_cont::before{left: 55%; width: 100%;}
	.smiledoctor .inner .r_cont .img img{width: 33vw;}
}
@media all and (max-width:768px){
	.smiledoctor{padding-top: 65px;}
	.smiledoctor .inner{flex-direction: column; gap:60px;}
	.smiledoctor .inner .l_cont{width: 100%; text-align: center;}
	.smiledoctor .inner .l_cont .txt h3{font-size: 36px; margin-bottom: 27px;}
	.smiledoctor .inner .l_cont .txt p{max-width: 85%; margin-left: auto; margin-right: auto;}
	.smiledoctor .inner .l_cont .verfi_box{justify-content: center;}
	.smiledoctor .inner .l_cont .verfi_box .verfi .img img{max-height:21vw;}
	.smiledoctor .inner .l_cont .verfi_box .verfi h4{font-size: 16px; margin-top: 13px;}
	.smiledoctor .inner .r_cont{width: 100%; text-align: center;}
	.smiledoctor .inner .r_cont::before{left: 50%; width: 80%;}
	.smiledoctor .inner .r_cont .img img{width: 50vw;}
}
@media all and (max-width:500px){
	.smiledoctor{padding-top: 60px;}
	.smiledoctor .inner .l_cont .txt h3{font-size: 32px; margin-bottom: 25px;}
	.smiledoctor .inner .l_cont .txt p{font-size: 16px;}
	.smiledoctor .inner .l_cont .verfi_box{flex-direction: column; gap:25px;}
	.smiledoctor .inner .r_cont::before{ width: 85%;}
	.smiledoctor .inner .r_cont .img img{width: 64vw;}
	.smiledoctor .inner .l_cont .verfi_box .verfi .img img{max-height: 28vw;}
}


/* intro2 */
.intro2{}
.intro2 .bg{background-color: #f3f5fa; padding: 120px 0; margin-top: 80px;}
.intro2 .bg .inner{}
.intro2 .bg .inner .info{display: flex; gap:80px;}
.intro2 .bg .inner .info .l_cont{color: var(--color1); min-width: 200px;}
.intro2 .bg .inner .info .l_cont h4{font-size: 20px;}
.intro2 .bg .inner .info .l_cont h3{font-size: 32px; margin: 5px 0 10px;}
.intro2 .bg .inner .info .l_cont p{font-size: 18px; font-weight: 600; opacity: 0.5;}
.intro2 .bg .inner .info .c_cont{}
.intro2 .bg .inner .info .c_cont .img{}
.intro2 .bg .inner .info .c_cont .img img{max-width: 480px;}
.intro2 .bg .inner .info .r_cont{}
.intro2 .bg .inner .info .r_cont .box{}
.intro2 .bg .inner .info .r_cont .box + .box{margin-top: 40px;}
.intro2 .bg .inner .info .r_cont .box h3{color: var(--color1); font-size: 22px; margin-bottom: 15px;}
.intro2 .bg .inner .info .r_cont .box p{font-size: 17px; color: #333; padding-left: 10px; position: relative; word-break: keep-all; line-height: 1.5em;}
.intro2 .bg .inner .info .r_cont .box p::before{content: '·'; position: absolute; top: 0; left: 0;}
.intro2 .bg .inner .info .r_cont .box p + p{margin-top: 10px;}

@media all and (max-width:1400px){
	.intro2 .bg{padding: 100px 0; margin-top: 70px;}
	.intro2 .bg .inner .info{gap:50px;}
	.intro2 .bg .inner .info .l_cont{min-width: 194px;}
	.intro2 .bg .inner .info .l_cont h4{font-size: 19px;}
	.intro2 .bg .inner .info .l_cont h3{font-size: 30px;}
	.intro2 .bg .inner .info .l_cont p{font-size: 17px;}
	.intro2 .bg .inner .info .c_cont .img img{max-width: 30vw;}
	.intro2 .bg .inner .info .r_cont .box + .box{margin-top: 30px;}
	.intro2 .bg .inner .info .r_cont .box h3{font-size: 21px; margin-bottom: 13px;}
	.intro2 .bg .inner .info .r_cont .box p{font-size: 16px;}
	.intro2 .bg .inner .info .r_cont .box p + p{margin-top: 8px;}
}
@media all and (max-width:1024px){
	.intro2 .bg{padding: 90px 0; margin-top: 60px;}
	.intro2 .bg .inner .info{gap:40px;}
	.intro2 .bg .inner .info .l_cont{min-width: 186px;}
	.intro2 .bg .inner .info .l_cont h4{font-size: 18px;}
	.intro2 .bg .inner .info .l_cont h3{font-size: 28px;}
	.intro2 .bg .inner .info .l_cont p{font-size: 17px;}
}
@media all and (max-width:768px){
	.intro2 .bg{padding: 80px 0; margin-top: 55px;}
	.intro2 .bg .inner .info{flex-direction: column; gap:35px;}
	.intro2 .bg .inner .info .l_cont{width: 100%; text-align: center;}
	.intro2 .bg .inner .info .c_cont .img img{max-width: 100%;}
	.intro2 .bg .inner .info .r_cont .box + .box{margin-top: 25px;}
	.intro2 .bg .inner .info .r_cont .box h3{font-size: 19px; margin-bottom: 11px;}
	.intro2 .bg .inner .info .r_cont .box p + p{margin-top: 6px;}
}
@media all and (max-width:500px){
	.intro2 .bg{padding: 70px 0; margin-top: 50px;}
	.intro2 .bg .inner .info .l_cont h4{font-size: 17px;}
	.intro2 .bg .inner .info .l_cont h3{font-size: 25px;}
	.intro2 .bg .inner .info .l_cont p{font-size: 16px;}
}


/* intro3 */
.intro3{}
.intro3 .inquiry{margin-top: 60px; display: none; grid-template-columns: repeat(2, 1fr); gap:60px 50px;}
.intro3 .inquiry.on{display: grid;}
.intro3 .inquiry li{}
.intro3 .inquiry li .img{margin-bottom: 20px; background-color: #f8f8f8;}
.intro3 .inquiry li .img img{max-width: 100%;}
.intro3 .inquiry li .txt{}
.intro3 .inquiry li .txt h3{font-size: 24px; color: var(--color1); margin-bottom: 15px;}
.intro3 .inquiry li .txt h4{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 10px;}
.intro3 .inquiry li .txt p{font-size: 18px; color: #444; word-break: keep-all; line-height: 1.6em; width: 100%; font-weight: 300;}
.intro3 .inquiry li .txt .tag{display: flex; gap:6px; flex-wrap: wrap; margin-top: 20px;}
.intro3 .inquiry li .txt .tag li{ font-size: 15px; color: #777; border: 1px solid #ddd; padding: 6px 12px; border-radius: 20px;}

@media all and (max-width:1400px){
	.intro3 .inquiry{margin-top: 55px; gap:50px 30px;}
	.intro3 .inquiry li.fdamark::after{width: 94px; top: 27px; left: 24px;}
}
@media all and (max-width:1024px){
	.intro3 .inquiry{margin-top: 50px;}
	.intro3 .inquiry li .txt h3{font-size: 22px; margin-bottom: 13px;}
	.intro3 .inquiry li .txt h4{font-size: 19px; margin-bottom: 8px;}
	.intro3 .inquiry li .txt p{font-size: 17px;}
	.intro3 .inquiry li .txt .tag li{font-size: 14px; padding: 5px 11px;}
	.intro3 .inquiry li.fdamark::after{width: 90px; top: 26px; left: 23px;}
}
@media all and (max-width:768px){
	.intro3 .inquiry{grid-template-columns: repeat(1, 1fr);}
	.intro3 .inquiry li .img img{width: 100%;}
	.intro3 .s_txt h3 br{display: none;}
	.intro3 .inquiry li.fdamark::after{width: 84px; top: 25px; left: 22px;}
}
@media all and (max-width:500px){
	.intro3 .inquiry li .img{margin-bottom: 16px;}
	.intro3 .inquiry li .txt h3{font-size: 21px; margin-bottom: 12px;}
	.intro3 .inquiry li .txt h4{font-size: 18px; margin-bottom: 7px;}
	.intro3 .inquiry li .txt p{font-size: 16px;}
	.intro3 .inquiry li .txt .tag{gap:5px;}
	.intro3 .inquiry li .txt .tag li{font-size: 13px; padding: 5px 10px;}
	.intro3 .inquiry li.fdamark::after{width: 80px; top: 22px; left: 20px;}
}

/* tag */
.tag{display: flex; gap:6px; flex-wrap: wrap; margin-top: 20px;}
.tag li{ font-size: 15px; color: #777; border: 1px solid #ddd; padding: 6px 12px; border-radius: 20px;}

@media all and (max-width:1024px){
	.tag li{font-size: 14px; padding: 5px 11px;}
}
@media all and (max-width:500px){
	.tag{gap:5px;}
	.tag li{font-size: 13px; padding: 5px 10px;}
}


/* intro4 */
.intro4{}
.intro4 .reser_btn{}
.intro4 .reser_btn a{background: #00bf18; display: flex; justify-content: center; gap:15px; align-items: center; color: #fff; font-size: 20px; font-weight: 700; padding: 20px 0;}
.intro4 .map_box{}
.intro4 .map_box .root_daum_roughmap .wrap_controllers{display: none;}
.intro4 .map_box .root_daum_roughmap .cont .section.lst{display: none;}
.intro4 .info_box{margin: 35px 0;}
.intro4 .info_box h3{color: var(--color1); font-size: 24px;}
.intro4 .info_box p{margin-top: 10px; font-size: 18px; color: #777;}
.intro4 .btn_box{display: flex; gap:12px;}
.intro4 .btn_box .btn{font-size: 16px; font-weight: 600; line-height: 52px; padding: 0 30px 0 30px; display: block;}
.intro4 .btn_box .btn.naver{color: #fff; background: #00bf18 url(/images/main/navermap.webp) no-repeat left 20px center / 18px; padding-left: 44px; padding-right: 25px;}
.intro4 .btn_box .btn.kakao{background: #ffe700 url(/images/main/kakaomap.webp) no-repeat left 20px center / 18px; padding-left: 44px; padding-right: 25px; color: #000;}
.intro4 .btn_box .btn.tel{border: 1px solid var(--color1); color: var(--color1);}


@media all and (max-width:1400px){
	.intro4 .reser_btn a{font-size: 19px; padding: 18px 0; gap:13px;}
	.intro4 .reser_btn a img{max-width: 23px;}
	.intro4 .root_daum_roughmap .wrap_map{height: 440px !important;}
	.intro4 .info_box{margin: 25px 0;}
	.intro4 .info_box h3{font-size: 22px;}
	.intro4 .info_box p{font-size: 17px; margin-top: 8px;}
	.intro4 .btn_box .btn{line-height: 48px; font-size: 15px; padding: 0 28px;}
	.intro4 .btn_box .btn.naver{background-position: left 20px center; background-size: 16px;}
	.intro4 .btn_box .btn.kakao{background-position: left 20px center; background-size: 16px;}
}
@media all and (max-width:1024px){
	.intro4 .reser_btn a{font-size: 18px; padding: 17px 0; gap:12px;}
	.intro4 .reser_btn a img{max-width: 22px;}
	.intro4 .root_daum_roughmap .wrap_map{height: 400px !important;}
	.intro4 .info_box{margin: 22px 0;}
	.intro4 .info_box h3{font-size: 21px;}
	.intro4 .btn_box .btn{line-height: 46px; padding: 0 26px;}
}
@media all and (max-width:768px){
	.intro4 .reser_btn a{font-size: 17px; padding: 16px 0; gap:11px;}
	.intro4 .reser_btn a img{max-width: 21px;}
	.intro4 .root_daum_roughmap .wrap_map{height: 360px !important;}
	.intro4 .info_box h3{font-size: 20px;}
	.intro4 .info_box p{font-size: 16px; margin-top: 6px;}
	.intro4 .btn_box{gap:10px;}
	.intro4 .btn_box .btn{line-height: 44px; padding: 0 24px;}
	.intro4 .btn_box .btn.naver{background-position: left 22px center; background-size: 15px;}
	.intro4 .btn_box .btn.kakao{background-position: left 22px center; background-size: 15px;}
}
@media all and (max-width:500px){
	.intro4 .reser_btn a{font-size: 16px; padding: 15px 0; gap:10px;}
	.intro4 .reser_btn a img{max-width: 20px;}
	.intro4 .root_daum_roughmap .wrap_map{height: 320px !important;}
	.intro4 .info_box h3{font-size: 18px;}
	.intro4 .btn_box .btn{line-height: 42px;}
}


/* intro5 */
.intro5{}
.intro5 .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.intro5 .top .num{font-family: 'Noto Serif KR', serif; color: var(--color1); display: flex; font-size: 20px; align-items: flex-end; gap:5px; width: 50%;}
.intro5 .top .num .now{font-weight: 700; font-size: 1.75em; line-height: 1em;}
.intro5 .top .num .all{}
.intro5 .top .gague{width: 50%; height: 2px; background-color: #dae0e9; position: relative;}
.intro5 .top .gague .bar{position: absolute; height: 2px; width: 100px; background-color: var(--color1); transition: .1s;}
.intro5 .cont{}
.intro5 .cont .img{ aspect-ratio:16 / 9; width: 100%;}
.intro5 .cont .img img{width: 100%; height: 100%; object-fit: cover;}
.intro5 .cont .slick-arrow{background-color: var(--color1); font-family: 'Pretendard', sans-serif;}
.intro5 .cont .slick-arrow::before{opacity: 0.5; line-height: 1em; transition: .4s; font-weight: 200;}
.intro5 .cont .slick-arrow:hover::before{opacity: 1;}
.intro5 .cont .slick-prev{left: -20px;}
.intro5 .cont .slick-next{right: -20px;}

@media all and (max-width:1400px){
	.intro5 .top .num{font-size: 19px;}
	.intro5 .cont .slick-arrow{width: 36px; height: 36px;}
	.intro5 .cont .slick-arrow::before{font-size: 18px;}
	.intro5 .cont .slick-prev{left: 4px;}
	.intro5 .cont .slick-next{right: 4px;}
}
@media all and (max-width:1024px){
	.intro5 .top .num{font-size: 18px;}
}
@media all and (max-width:768px){
	.intro5 .top .num{font-size: 17px;}
	.intro5 .cont .slick-arrow{width: 34px; height: 34px;}
	.intro5 .cont .slick-arrow::before{font-size: 17px;}
	.intro5 .cont .slick-prev{left: 5px;}
	.intro5 .cont .slick-next{right: 5px;}
}
@media all and (max-width:500px){
	.intro5 .top .num{font-size: 16px;}
}


/* board_txt */
.board_txt{text-align: center; margin-bottom: 30px; font-size: 20px; font-weight: 600; color: #222;}



/* clinic_top */
.clinic_top{}
.clinic_top + .clinic_top{margin-top: 120px;}
.clinic_top .txt{}
.clinic_top .txt h3{color: var(--color1); font-size: 32px; margin-bottom: 25px;}
.clinic_top .txt p{font-size: 20px; color: #666; word-break: keep-all; line-height: 1.6em; font-weight: 300;}
.clinic_top .img{margin-top: 40px;}
.clinic_top .img img{width: 100%; height: 100%; object-fit: cover;}
.clinic_top .video{margin-top: 40px;}
.clinic_top .video video{width: 100%;}

@media all and (max-width:1400px){
	.clinic_top + .clinic_top{margin-top: 100px;}
	.clinic_top .txt h3{font-size: 28px; margin-bottom: 22px;}
	.clinic_top .txt p{font-size: 19px;}
	.clinic_top .img{margin-top: 35px;}
}
@media all and (max-width:1024px){
	.clinic_top + .clinic_top{margin-top: 90px;}
	.clinic_top .txt h3{font-size: 25px; margin-bottom: 20px;}
	.clinic_top .txt p{font-size: 18px;}
}
@media all and (max-width:768px){
	.clinic_top + .clinic_top{margin-top: 80px;}
	.clinic_top .txt h3{font-size: 24px;}
	.clinic_top .img{margin-top: 30px;}
	.clinic_top .img img{aspect-ratio:2 / 1; object-fit: cover;}
}
@media all and (max-width:500px){
	.clinic_top + .clinic_top{margin-top: 70px;}
	.clinic_top .txt h3{font-size: 22px; margin-bottom: 17px;}
	.clinic_top .txt p{font-size: 17px;}
	.clinic_top .img{margin-top: 25px;}
}


/* clinic_tab */
.clinic_tab{display: flex; margin: 60px 0 50px}
.clinic_tab li{width: 100%; text-align: center; font-weight: 700; font-size: 18px; color: var(--color1); opacity: 0.4; border-bottom: 1px solid #cdd3ea; line-height: 64px; cursor: pointer;}
.clinic_tab li.on{opacity: 1; border-bottom: 2px solid var(--color1);}

@media all and (max-width:1400px){
	.clinic_tab{margin: 55px 0 45px;}
	.clinic_tab li{font-size: 17px; line-height: 58px;}
}
@media all and (max-width:1024px){
	.clinic_tab{margin: 50px 0 42px;}
	.clinic_tab li{font-size: 16px; line-height: 54px;}
}
@media all and (max-width:768px){
	.clinic_tab{margin: 45px 0 38px;}
	.clinic_tab li{font-size: 16px; line-height: 50px;}
}
@media all and (max-width:500px){
	.clinic_tab{margin: 40px 0 34px;}
	.clinic_tab li{font-size: 15px; line-height: 46px;}
}


/* lr_cont */
.lr_cont{display: grid; grid-template-columns: repeat(2, 1fr); gap:50px 60px;}
.lr_cont .cont{}
.lr_cont .cont .images{margin-bottom: 20px;}
.lr_cont .cont .images img{max-width: 100%;}
.lr_cont .cont .text{}
.lr_cont .cont .text h3{font-size: 24px; color: #000; margin-bottom: 20px; word-break: keep-all;}
.lr_cont .cont .text p{font-size: 18px; word-break: keep-all; line-height: 1.6em; font-weight: 300;}

@media all and (max-width:1400px){
	.lr_cont{gap:45px 50px;}
	.lr_cont .cont .images{margin-bottom: 18px;}
	.lr_cont .cont .text h3{font-size: 22px; margin-bottom: 18px;}
	.lr_cont .cont .text p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.lr_cont{gap:40px 40px;}
	.lr_cont .cont .images{margin-bottom: 16px;}
	.lr_cont .cont .text h3{font-size: 21px; margin-bottom: 16px;}
}
@media all and (max-width:768px){
	.lr_cont{gap:55px; grid-template-columns: repeat(1, 1fr);}
	.lr_cont.mt50{margin-top: 35px !important;}
	.lr_cont .cont .text h3{font-size: 20px;}
	.lr_cont .cont .text p{font-size: 16px;}
}
@media all and (max-width:500px){
	.lr_cont{gap:50px;}
	.lr_cont .cont .images{margin-bottom: 15px;}
	.lr_cont .cont .text h3{font-size: 19px; margin-bottom: 15px;}
}


/* lr_flex */
.lr_flex{}
.lr_flex .box{display: flex; align-items: center; gap:50px;}
.lr_flex .box + .box{margin-top: 80px;}
.lr_flex .box:nth-child(even){flex-direction: row-reverse;}
.lr_flex .box .img{width: calc(50% - 25px);}
.lr_flex .box .img.flex{display: flex; gap:50px; margin-top: 30px;}
.lr_flex .box .img.flex > div{width: 100%;}
.lr_flex .box .img.flex > div p{color: var(--color2); font-size: 18px; font-weight: 600; margin-bottom: 12px;}
.lr_flex .box .img img{width: 100%;}
.lr_flex .box .img video{width: 100%;}
.lr_flex .box .txt{width: calc(50% - 25px); padding-left: 50px;}
.lr_flex .box:nth-child(even) .txt{padding-left: 0; padding-right: 50px; text-align: right;}
.lr_flex .box .txt .num{font-size: 48px; color: var(--color2); font-weight: 700;}
.lr_flex .box .txt .tit{font-size: 30px; color: #fff; font-weight: 700; margin: 20px 0 30px; word-break: keep-all; line-height: 1.4em;}
.lr_flex .box .txt.black .tit{color: #000}
.lr_flex .box .txt .text{}
.lr_flex .box .txt .text p{font-size: 18px; line-height: 1.6em; font-weight: 300; color: #ddd; word-break: keep-all;}
.lr_flex .box .txt .text p b{font-weight: 600;}
.lr_flex .box .txt.black .text p b{color: #000;}
.lr_flex .box .txt.black .text p{color: #444;}
.lr_flex .box .txt.black .text small{font-size: 0.75em; margin-top: 40px; color: #999; display: block;}
.lr_flex .box.w100{flex:100%; display: block;}
.lr_flex .box.w100 .img{width: 100%;}
.lr_flex .box.w100 .txt{width: 100%; padding-left: 0;}

@media all and (max-width:1400px){
	.lr_flex .box{gap:40px;}
	.lr_flex .box + .box{margin-top: 70px;}
	.lr_flex .box .img{width: calc(50% - 20px);}
	.lr_flex .box .txt{width: calc(50% - 20px); padding-left: 40px;}
	.lr_flex .box:nth-child(even) .txt{padding-right: 40px;}
	.lr_flex .box .txt .num{font-size: 44px;}
	.lr_flex .box .txt .tit{font-size: 27px; margin: 18px 0 27px;}
	.lr_flex .box .img.flex{gap:40px; margin-top: 27px;}
	.lr_flex .box .img.flex > div p{font-size: 17px;}
	.lr_flex .box .txt.black .text small{margin-top: 35px;}
}
@media all and (max-width:1024px){
	.lr_flex .box{gap:30px;}
	.lr_flex .box + .box{margin-top: 65px;}
	.lr_flex .box .img{width: calc(50% - 15px);}
	.lr_flex .box .txt{width: calc(50% - 15px); padding-left: 30px;}
	.lr_flex .box:nth-child(even) .txt{padding-right: 30px;}
	.lr_flex .box .txt .num{font-size: 40px;}
	.lr_flex .box .txt .tit{font-size: 25px; margin: 16px 0 24px;}
	.lr_flex .box .img.flex{gap:30px; margin-top: 25px;}
	.lr_flex .box .txt.black .text small{margin-top: 32px;}
}
@media all and (max-width:768px){
	.lr_flex .box{flex-direction: column-reverse;}
	.lr_flex .box + .box{margin-top: 55px;}
	.lr_flex .box:nth-child(even){flex-direction: column-reverse;}
	.lr_flex .box .img{width: 100%;}
	.lr_flex .box .txt{width: 100%; padding-left: 0px;}
	.lr_flex .box:nth-child(even) .txt{padding-right: 0; text-align: left;}
	.lr_flex .box .txt .num{font-size: 34px;}
	.lr_flex .box .txt .tit{font-size: 23px; margin: 14px 0 21px;}
	.lr_flex .box .txt .text p{font-size: 17px;}
	.lr_flex .box .txt .text p br{display: none;}
	.lr_flex .box .img.flex{gap:40px; margin-top: 22px; flex-direction: column;}
	.lr_flex .box .img.flex > div p{font-size: 16px;}
	.lr_flex .box .txt.black .text small{margin-top: 28px;}
}
@media all and (max-width:500px){
	.lr_flex .box + .box{margin-top: 50px;}
	.lr_flex .box .txt .num{font-size: 30px;}
	.lr_flex .box .txt .tit{font-size: 21px; margin: 12px 0 17px;}
	.lr_flex .box .txt.black .text small{margin-top: 25px;}
}


/* flex_cont */
.flex_cont{display: grid; gap:50px 50px;}
.flex_cont.w2{grid-template-columns: repeat(2, 1fr);}
.flex_cont.w3{grid-template-columns: repeat(3, 1fr); gap:50px 40px;}
.flex_cont.w4{grid-template-columns: repeat(4, 1fr); gap:50px 30px;}
.flex_cont .cont{}
.flex_cont .cont .img{margin-top: 0; margin-bottom: 20px;}
.flex_cont .cont .img img{}
.flex_cont .cont .txt{}
.flex_cont .cont .txt h4{font-size: 16px; background: var(--color1); color: #fff; font-weight: 600; margin-bottom: 15px; display: inline-block; border-radius: 6px; line-height: 34px; padding: 0 20px;}
.flex_cont .cont .txt h3{font-size: 22px; margin-bottom: 15px; color: #000; word-break: keep-all;}
.flex_cont .cont .txt p{font-size: 18px;}

@media all and (max-width:1400px){
	.flex_cont{gap:45px 40px;}
	.flex_cont.w3{gap:45px 35px;}
	.flex_cont .cont .txt h4{font-size: 15px; margin-bottom: 13px; border-radius: 5px; line-height: 32px; padding: 0 17px;}
	.flex_cont .cont .txt h3{font-size: 21px; margin-bottom: 13px;}
	.flex_cont .cont .txt p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.flex_cont{gap:40px 30px;}
	.flex_cont.w3{grid-template-columns: repeat(2, 1fr); gap:42px 30px;}
	.flex_cont .cont .txt h3{font-size: 20px;}
}
@media all and (max-width:768px){
	.flex_cont.w2{grid-template-columns: repeat(1, 1fr);}
	.flex_cont.w3{grid-template-columns: repeat(1, 1fr);}
	.flex_cont .cont .txt h4{font-size: 14px; margin-bottom: 11px; border-radius: 4px; line-height: 30px; padding: 0 14px;}
	.flex_cont .cont .txt p{font-size: 16px;}
}
@media all and (max-width:500px){
	.flex_cont .cont .txt h3{font-size: 19px; margin-bottom: 12px;}
}


/* lens1 */
.fda{margin-top: 30px; padding-top: 30px; border-top: 1px dashed #d1dbe5; display: flex; align-items: center;}
.fda .logo{width: 140px;}
.fda .logo img{max-width: 120px;}
.fda .text{width: calc(100% - 140px);}
.fda .text h3{color: var(--color1); font-size: 20px; margin-bottom: 12px;}
.fda .text ul{display: flex;}
.fda .text ul li{font-size: 17px; color: #555; font-weight: 600; line-height: 1em;}
.fda .text ul li + li{margin-left: 15px; padding-left: 15px; border-left: 1px solid #ddd;}

@media all and (max-width:1400px){
	.fda{margin-top: 27px; padding-top: 27px;}
	.fda .logo{width: 134px;}
	.fda .logo img{max-width: 120px;}
	.fda .text{width: calc(100% - 134px);}
	.fda .text h3{font-size: 19px; margin-bottom: 11px;}
	.fda .text ul li{font-size: 16px;}
	.fda .text ul li + li{margin-left: 13px; padding-left: 13px;}
}
@media all and (max-width:1024px){
	.fda{margin-top: 25px; padding-top: 25px;}
	.fda .logo{width: 124px;}
	.fda .logo img{max-width: 110px;}
	.fda .text{width: calc(100% - 124px);}
	.fda .text h3{font-size: 19px;}
	.fda .text ul li{font-size: 16px;}
}
@media all and (max-width:768px){
}
@media all and (max-width:500px){
/*	.fda{flex-direction: column; align-items: flex-start;}*/
	.fda .logo{width: 108px;}
	.fda .logo img{max-width: 95px;}
	.fda .text{width: calc(100% - 108px);}
	.fda .text h3{font-size: 18px; margin-bottom: 9px;}
}


/* smile_top */
.smile_top{text-align: center; margin-bottom: 120px;}
.smile_top.mt80{}
.smile_top .txt{}
.smile_top .txt h3{color: var(--color1); font-size: 48px; margin-bottom: 30px; line-height: 1.3em;}
.smile_top .txt h3 span{font-size: 0.75em; font-weight: 500;}
.smile_top .txt p{font-size: 22px; line-height: 1.6em; color: #333; letter-spacing: -0.05em; font-weight: 300; word-break: keep-all; word-break: keep-all;}
.smile_top .video{margin-top: 40px;}
.smile_top .video img{max-width: 100%;}
.smile_top .video video{max-width: 100%;}

@media all and (max-width:1400px){
	.smile_top{margin-bottom: 100px;}
	.smile_top.mt80{margin-top: 70px !important;}
	.smile_top .txt h3{font-size: 42px; margin-bottom: 27px;}
	.smile_top .txt p{font-size: 20px;}
	.smile_top .video{margin-top: 35px;}
}
@media all and (max-width:1024px){
	.smile_top{margin-bottom: 90px;}
	.smile_top.mt80{margin-top: 65px !important;}
	.smile_top .txt h3{font-size: 36px; margin-bottom: 25px;}
	.smile_top .txt p{font-size: 19px;}
	.smile_top .video{margin-top: 32px;}
	.smile_top .video video{max-width: 100% !important;}
}
@media all and (max-width:768px){
	.smile_top{margin-bottom: 80px;}
	.smile_top.mt80{margin-top: 60px !important;}
	.smile_top .txt h3{font-size: 32px; margin-bottom: 23px;}
	.smile_top .txt p{font-size: 18px; line-height: 1.5em; max-width: 85%; margin-left: auto; margin-right: auto;}
	.smile_top .video{margin-top: 28px;}
}
@media all and (max-width:500px){
	.smile_top{margin-bottom: 70px;}
	.smile_top.mt80{margin-top: 55px !important;}
	.smile_top .txt h3{font-size: 28px; margin-bottom: 20px;}
	.smile_top .txt p{font-size: 17px;}
	.smile_top .video{margin-top: 25px;}
}


/* smile2 */
.smile2{}
.smile2 .top_bg{background:#000 url(/images/sub/smile2_bg1.webp) no-repeat top center; padding: 120px 0 140px; position: relative;}
.smile2 .top_bg .title{ margin: 50px 0 50px; text-align: center;}
.smile2 .top_bg .title h3{color: #fff; font-size: 56px; margin-bottom: 15px;}
.smile2 .top_bg .title h4{background-color: #000; color: #fff; font-size: 36px; display: inline-block; padding: 10px 20px;}
.smile2 .top_bg .img{display: flex; justify-content: center; align-items: center;}
.smile2 .top_bg .img img{max-width: 100%;}

@media all and (max-width:1400px){
	.smile2 .top_bg{padding: 100px 0 120px;}
	.smile2 .top_bg .title{margin: 45px 0;}
	.smile2 .top_bg .title h3{font-size: 48px;}
	.smile2 .top_bg .title h4{font-size: 32px; padding: 9px 18px;}
}
@media all and (max-width:1024px){
	.smile2 .top_bg{padding: 90px 0 110px;}
	.smile2 .top_bg .title{margin: 40px 0;}
	.smile2 .top_bg .title h3{font-size: 44px;}
	.smile2 .top_bg .title h4{font-size: 30px; padding: 8px 17px;}
}
@media all and (max-width:768px){
	.smile2 .top_bg{padding: 80px 0 100px;}
	.smile2 .top_bg .title{margin: 36px 0;}
	.smile2 .top_bg .title h3{font-size: 40px;}
	.smile2 .top_bg .title h4{font-size: 28px; padding: 7px 16px;}
}
@media all and (max-width:500px){
	.smile2 .top_bg{padding: 70px 0 90px;}
	.smile2 .top_bg .title{margin: 32px 0;}
	.smile2 .top_bg .title h3{font-size: 36px;}
	.smile2 .top_bg .title h4{font-size: 25px; padding: 7px 15px;}
}


/* comparison */
.comparison{display: flex; margin-top: 50px; border-bottom: 2px solid var(--color1);}
.comparison .box{width: 100%;}
.comparison .box + .box{border-left: 1px solid #dedede;}
.comparison .box.on{}
.comparison .box dt{height: 100px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; font-weight: 700; color: #999; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.comparison .box.on dt{color: #fff; background-color: var(--color1);}
.comparison .box dd{display: flex; justify-content: center; align-items: center; text-align: center; height: 120px; border-bottom: 1px solid #dedede; flex-direction: column;}
.comparison .box.on dd{background-color: #eff7fd;}
.comparison .box dd h4{font-size: 18px; color: var(--color1); margin-bottom: 7px; word-break: keep-all;}
.comparison .box dd p{font-size: 20px; color: #000; font-weight: 300; line-height: 1.3em; word-break: keep-all;}

@media all and (max-width:1400px){
	.comparison{margin-top: 45px;}
	.comparison .box dt{font-size: 19px; height: 90px;}
	.comparison .box dd{height: 110px;}
	.comparison .box dd h4{font-size: 17px; margin-bottom: 6px;}
	.comparison .box dd p{font-size: 19px;}
}
@media all and (max-width:1024px){
	.comparison{margin-top: 42px;}
	.comparison .box dt{font-size: 18px;}
	.comparison .box dd h4{font-size: 16px; margin-bottom: 5px;}
	.comparison .box dd p{font-size: 17px;}
}
@media all and (max-width:768px){
	.comparison{margin-top: 38px; display: grid; grid-template-columns: repeat(2, 1fr);}
	.comparison .box dt{background-color: #eee; color: #555; height: 85px;}
	.comparison .box dd{height: 105px;}
	.comparison .box dd h4{font-size: 15px;}
	.comparison .box dd p{font-size: 17px;}
}
@media all and (max-width:500px){
	.comparison{margin-top: 35px;}
	.comparison .box dt{font-size: 17px; height: 75px;}
	.comparison .box dd{height: 85px;}
	.comparison .box dd h4{font-size: 14px;}
	.comparison .box dd p{font-size: 16px;}
}



/* pres1 */
.pres1{}
.pres1 .twentytwenty-container{margin-top: 30px;}
.pres1 .twentytwenty-before-label:before {
  content: "노안";
}
.pres1.pres2 .twentytwenty-before-label:before {
  content: "백내장";
}
.pres1.pres4 .twentytwenty-before-label:before {
  content: "일반 인공수정체";
}
.pres1.dise3 .twentytwenty-before-label:before {
  content: "녹내장";
}
.pres1 .twentytwenty-container.dise2-1 .twentytwenty-before-label:before {
  content: "비문증";
}
.pres1 .twentytwenty-container.dise2-2 .twentytwenty-before-label:before {
  content: "황반변성";
}
.pres1 .twentytwenty-container.dise2-3 .twentytwenty-before-label:before {
  content: "당뇨망막병증";
}
.pres1 .twentytwenty-container.dise2-5 .twentytwenty-before-label:before {
  content: "망막열공/박리";
}
.pres1 .twentytwenty-after-label:before {
  content: "정상안";
}
.pres1.pres4 .twentytwenty-after-label:before {
  content: "다초점인공수정체";
}
.pres1 .twentytwenty_txt{display: flex; margin-top: 20px;}
.pres1 .twentytwenty_txt > div{width: 50%; text-align: center; font-size: 18px; color: #000; font-weight: 600;}

@media all and (max-width:1400px){
	.pres1 .twentytwenty_txt{margin-top: 18px;}
	.pres1 .twentytwenty_txt > div{font-size: 17px;}
}
@media all and (max-width:1024px){}
@media all and (max-width:768px){
	.pres1 .twentytwenty_txt{margin-top: 15px;}
	.pres1 .twentytwenty_txt > div{font-size: 16px;}
}
@media all and (max-width:500px){}


/* character */
.character{display: flex; align-items: center; margin: 60px 0 0; gap:60px;}
.character .img{width: 700px; margin-top: 0;}
.character .img img{border: 1px solid #eee; max-width: 100%;}
.character .text{width: calc(100% - 700px - 60px);}
.character .text .box{}
.character .text .box + .box{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #dedede;}
.character .text .box h3{font-size: 20px; color: #000; margin-bottom: 8px;}
.character .text .box p{font-size: 18px; color: #333; word-break: keep-all; font-weight: 300; line-height: 1.6em;}

@media all and (max-width:1400px){
	.character{gap:45px; margin-top: 50px;}
	.character .img{width: 50%;}
	.character .text{width: calc(100% - 50% - 45px);}
	.character .text .box + .box{margin-top: 18px; padding-top: 18px;}
	.character .text .box h3{font-size: 19px; margin-bottom: 7px;}
	.character .text .box p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.character{gap:40px; margin-top: 45px;}
	.character .img{width: 50%;}
	.character .text{width: calc(100% - 50% - 40px);}
	.character .text .box + .box{margin-top: 16px; padding-top: 16px;}
}
@media all and (max-width:768px){
	.character{flex-direction: column; gap:35px; margin-top: 40px;}
	.character .img{width: 100%;}
	.character .text{width: 100%;}
	.character .text .box h3{font-size: 18px;}
}
@media all and (max-width:500px){
	.character{margin-top: 35px; gap:30px;}
	.character .text .box h3{font-size: 17px;}
	.character .text .box p{font-size: 16px;}
}

/* caption */
.caption{ margin-top: 15px; font-size: 14px; font-weight: 300; color: #555; line-height: 1.4em;}

@media all and (max-width:1400px){
	.caption{font-size: 13px; margin-top: 13px;}
}
@media all and (max-width:1024px){}
@media all and (max-width:768px){
	.caption{font-size: 12px; margin-top: 11px;}
}
@media all and (max-width:500px){}


/* devide */
.devide{margin: 80px 0; border-bottom: 1px solid #dedede;}

@media all and (max-width:1400px){
	.devide{margin: 70px 0;}
}
@media all and (max-width:1024px){
	.devide{margin: 65px 0;}
}
@media all and (max-width:768px){
	.devide{margin: 60px 0;}
}
@media all and (max-width:500px){
	.devide{margin: 50px 0;}
}


/* numList */
.numList{display: grid; grid-template-columns: repeat(3, 1fr); gap:30px;}
.numList.w4{grid-template-columns: repeat(4, 1fr);}
.numList li{background-color: #f3f5fa; padding: 30px;}
.numList.on li{background-color: #fff;}
.numList li .tit{}
.numList li .tit .num{width: 32px; aspect-ratio:1 / 1; background-color: #000; color:#fff; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; border-radius: 100%; margin-bottom: 15px;}
.numList.on li .tit .num{background-color: #32bcfd;}
.numList li .tit h3{font-size: 22px; color: #000;}
.numList li .text{margin-top: 15px;}
.numList li .text p{font-size: 18px; font-weight: 300; color: #333; line-height: 1.5em; word-break: keep-all;}

@media all and (max-width:1400px){
	.numList{gap:25px;}
	.numList li{padding: 27px;}
	.numList li .tit .num{width: 30px; font-size: 15px; margin-bottom: 13px;}
	.numList li .tit h3{font-size: 20px;}
	.numList li .text{margin-top: 12px;}
}
@media all and (max-width:1024px){
	.numList{gap:20px; grid-template-columns: repeat(2, 1fr);}
	.numList.w4{grid-template-columns: repeat(2, 1fr);}
	.numList li{padding: 25px;}
}
@media all and (max-width:768px){
	.numList{gap:15px;}
	.numList li{padding: 23px;}
	.numList li .tit .num{width: 27px; font-size: 14px; margin-bottom: 12px;}
	.numList li .tit h3{font-size: 19px;}
	.numList li .text p{font-size: 17px;}
}
@media all and (max-width:500px){
	.numList.w4{grid-template-columns: repeat(1, 1fr);}
	.numList li{padding: 20px;}
	.numList li .tit h3{font-size: 18px;}
}


/* sub_form */
.sub_form{background-color: #eaeced; padding: 120px 0;}
.sub_form .inner{}
.sub_form .inner h3{font-size: 40px; color: #000; font-weight: 600; text-align: center; word-break: keep-all; line-height: 1.4em;}
.sub_form .inner form{margin-top: 50px;}
.sub_form .inner form .input_box{display: flex; align-items: center; gap:20px; justify-content: center;}
.sub_form .inner form .input_box .input{display: flex; align-items: center;}
.sub_form .inner form .input_box .input label{font-size: 16px; color: #000; font-weight: 300; display: block;}
.sub_form .inner form .input_box .input input{border: 0px; border-bottom: 1px solid #000; background-color: transparent; line-height: 36px; margin-left: 10px; outline: none; font-size: 18px; font-weight: 300; color: #000;}
.sub_form .inner form .input_box .agree{margin-left: 30px;}
.sub_form .inner form .input_box .agree input{}
.sub_form .inner form .input_box .agree label{font-size: 16px; font-weight: 500; color: #222222; margin-left: 5px;}
.sub_form .inner form .input_box .agree label a{font-weight: 700; color: #222; text-underline-position: under; text-decoration: underline;}
.sub_form .inner form .input_box .btn{margin-left: 30px;}
.sub_form .inner form .input_box .btn button{line-height: 64px; background-color: var(--color1); color: #fff; border-radius: 10px; font-size: 20px; text-align: center; padding: 0 50px; font-family: 'Pretendard', sans-serif; font-weight: 700;}

@media all and (max-width:1400px){
	.sub_form{padding: 100px 0;}
	.sub_form .inner h3{font-size: 36px;}
	.sub_form .inner form{margin-top: 40px;}
	.sub_form .inner form .input_box .input input{font-size: 17px; max-width: 200px;}
	.sub_form .inner form .input_box .agree{margin-left: 25px;}
	.sub_form .inner form .input_box .btn{margin-left: 25px;}
	.sub_form .inner form .input_box .btn button{line-height: 58px; padding: 0 40px; font-size: 19px; border-radius: 9px;}
}
@media all and (max-width:1024px){
	.sub_form{padding: 90px 0;}
	.sub_form .inner h3{font-size: 33px;}
	.sub_form .inner form{margin-top: 36px;}
	.sub_form .inner form .input_box{flex-wrap: wrap; gap:40px 30px;}
	.sub_form .inner form .input_box .input{flex: calc(50% - 15px); width: 100%;}
	.sub_form .inner form .input_box .input label{width: 50px;}
	.sub_form .inner form .input_box .input input{width: calc(100% - 50px); max-width: 100%; margin-left: 0;}
	.sub_form .inner form .input_box .agree{margin-left: 0px;}
	.sub_form .inner form .input_box .btn{margin-left: 0;}
	.sub_form .inner form .input_box .btn button{line-height: 55px; padding: 0 36px; font-size: 18px; border-radius: 8px;}
}
@media all and (max-width:768px){
	.sub_form{padding: 80px 0;}
	.sub_form .inner{max-width: 86%; margin-left: auto; margin-right: auto;}
	.sub_form .inner h3{font-size: 30px;}
	.sub_form .inner form{margin-top: 32px;}
	.sub_form .inner form .input_box{gap:20px 25px;}
	.sub_form .inner form .input_box .input{flex: calc(50% - 12.5px); width: 100%;}
	.sub_form .inner form .input_box .input label{font-size: 15px; width: 45px;}
	.sub_form .inner form .input_box .input input{width: calc(100% - 45px); max-width: 100%;}
	.sub_form .inner form .input_box .agree{flex:100%; display: inline-flex; justify-content: center; margin: 20px 0 30px;}
	.sub_form .inner form .input_box .agree label{font-size: 15px;}
	.sub_form .inner form .input_box .btn button{line-height: 52px; padding: 0 32px; font-size: 17px; border-radius: 7px;}
}
@media all and (max-width:500px){
	.sub_form{padding: 70px 0;}
	.sub_form .inner h3{font-size: 27px;}
	.sub_form .inner form{margin-top: 28px;}
	.sub_form .inner form .input_box .input{flex: 100%;}
}


.fdamark{position: relative;}
.fdamark::after{content: ''; width: 100px; height: 69px; background: url(/images/sub/fda.webp) no-repeat center center / contain; position: absolute; top: 30px; left: 25px;}
@media all and (max-width:1400px){
	.fdamark::after{width: 94px; top: 27px; left: 24px;}
}
@media all and (max-width:1024px){
	.fdamark::after{width: 90px; top: 26px; left: 23px;}
}
@media all and (max-width:768px){
	.fdamark::after{width: 84px; top: 25px; left: 22px;}
}
@media all and (max-width:500px){
	.fdamark::after{width: 80px; top: 22px; left: 20px;}
}


/* lr_flex2 */
.lr_flex2{margin-top: 50px; display: flex;}
.lr_flex2 .l_cont{width: 50%;}
.lr_flex2 .l_cont .img{width: 100%; display: flex; justify-content: center; align-items: center; width: 100%; border: 1px solid #eee; background-color: #f8f8f8;}
.lr_flex2 .l_cont img{max-width: 100%;}
.lr_flex2 .l_cont p{text-align: center; color: #000; font-size: 24px; font-weight: 600; margin-top: 20px;}
.lr_flex2 .r_cont{padding-left: 60px; width: 50%; display: grid; grid-template-columns: repeat(2, 1fr); gap:30px 30px;}
.lr_flex2 .r_cont .box{}
.lr_flex2 .r_cont .box + .box{}
.lr_flex2 .r_cont .box .img{}
.lr_flex2 .r_cont .box .img img{max-width: 100%;}
.lr_flex2 .r_cont .box p{color: #666; font-size: 17px; font-weight: 500; margin-top: 15px; text-align: center;}

@media all and (max-width:1400px){
	.lr_flex2{margin-top: 45px;}
	.lr_flex2 .l_cont p{font-size: 22px;}
	.lr_flex2 .r_cont{padding-left: 50px; gap:25px;}
}
@media all and (max-width:1024px){
	.lr_flex2 .l_cont p{font-size: 21px;}
	.lr_flex2 .r_cont{padding-left: 45px; gap:25px;}
	.lr_flex2 .r_cont .box p{margin-top: 13px; font-size: 16px;}
}
@media all and (max-width:768px){
	.lr_flex2{margin-top: 40px;}
	.lr_flex2{flex-direction: column; gap:60px;}
	.lr_flex2 .l_cont{width: 100%;}
	.lr_flex2 .l_cont p{font-size: 20px; margin-top: 13px;}
	.lr_flex2 .r_cont{width: 100%; padding-left: 0; gap:25px 20px;}
}
@media all and (max-width:500px){
	.lr_flex2{gap:50px;}
	.lr_flex2 .l_cont p{font-size: 19px; margin-top: 12px;}
}


/* graph */
.graph{margin-top: 40px;background-color: #f3f5fa; padding: 10% 12% 10%; position: relative;}
.graph .bgs{position: absolute;padding: 5% 12% 10%; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: space-between;}
.graph .bgs .line{border-bottom: 2px dashed #c2c7d0; position: relative;}
.graph .bgs .line .num{position: absolute; left: -15px; top: 50%; transform: translate(-100%, -50%); font-size: 18px; font-weight: 600; color: #c2c7d0;}
.graph .cont{display: flex; justify-content: center; align-items: flex-end; height: 100%; gap:12%; position: relative; z-index: 2; height: 100%;}
.graph .cont .box{height: 100%; max-width: 110px; width: 100%;}
.graph .cont .box p{font-size: 20px; font-weight: 600; color: #828995; margin-bottom: 10px; text-align: center; white-space: nowrap; line-height: 1em;}
.graph .cont .box.on p{color: var(--color1);}
.graph .cont .box .bar{background-color: #8c9ca8; width: 100%; height: 0; transition: 1s; transform-origin: bottom;}
.graph.aos-animate .cont .box:nth-child(1) .bar{height:calc(40rem * 0.31);}
.graph.aos-animate .cont .box:nth-child(2) .bar{height:calc(40rem * 0.7);}
.graph.aos-animate .cont .box:nth-child(3) .bar{height:calc(40rem * 0.77);}

.graph.graph2.aos-animate .cont .box:nth-child(1) .bar{height:calc(40rem * 0.52);}
.graph.graph2.aos-animate .cont .box:nth-child(2) .bar{height:calc(40rem * 0.9);}
.graph .cont .box.on .bar{background:linear-gradient(to bottom, #0593dd, var(--color1));}
.graph .txt{position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%); text-align: center;}
.graph .txt p{color: var(--color1); font-size: 20px; font-weight: 600;}

@media all and (max-width:1400px){
	.graph{padding: 14% 12% 10%;}
	.graph .bgs{padding: 8% 14% 10%;}
	.graph .bgs .line .num{font-size: 17px;}
	.graph .cont{gap:10%;}
	.graph .cont .box p{font-size: 19px;}
	.graph .cont .box{max-width: 100px;}
	.graph .txt p{font-size: 19px;}
}
@media all and (max-width:1024px){
	.graph{padding:16% 14% 10%;}
	.graph .bgs{padding: 7% 14% 10%;}
	.graph .bgs .line .num{font-size: 16px;}
	.graph .cont{gap:8%;}
	.graph .cont .box p{font-size: 17px;}
	.graph .cont .box{max-width: 85px;}
	.graph .txt{bottom: 6%;}
	.graph .txt p{font-size: 18px;}
}
@media all and (max-width:768px){
	.graph{padding: 21% 10% 16%;}
	.graph .bgs{padding: 10% 8% 16% 17%;}
	.graph .bgs .line .num{font-size: 14px; left: -10px;}
	.graph .cont{gap:8%; padding-left: 20px;}
	.graph .cont .box p{font-size: 16px;}
	.graph .cont .box{max-width: 70px;}
	.graph .txt{bottom: 8%;}
	.graph .txt p{font-size: 17px;}
}
@media all and (max-width:500px){
	.graph{padding: 23% 10% 22%;}
	.graph .bgs{padding: 11% 8% 22% 17%;}
	.graph .bgs .line .num{font-size: 13px;}
	.graph .bgs .line{border-width: 1px;}
	.graph .cont{gap:8%; padding-left: 30px;}
	.graph .cont .box{ width: 55px;}
	.graph.graph2 .cont .box{ width: 70px;}
	.graph .txt{bottom: 6%;}
	.graph .txt p{font-size: 16px;}
}


/* circle_cont */
.circle_cont{margin-top: 40px; display: flex; gap:60px; justify-content: space-between; align-items: center;}
.circle_cont .arrow{color: var(--color1); font-size: 18px; font-family: 'SUIT', sans-serif;}
.circle_cont p{font-size: 16px; line-height: 1.5em; word-break: keep-all;}
.circle_cont .l_box{background-color: var(--color1); border-radius: 10px;aspect-ratio:1 / 1; display:flex; justify-content:center; align-items:center;  width: 18rem; height: 18rem;}
.circle_cont .l_box p{color: #fff; font-weight: 600; }
.circle_cont .c_box{display: flex; gap:10px; position: relative;}
.circle_cont .c_box .box{background-color: rgba(238, 242, 253, 0.6); display: flex; justify-content: center; align-items: center; width: 22rem; height: 18rem; padding: 0 10px; border-radius: 10px;}
.circle_cont .c_box .box p{color: var(--color1); text-align: center; font-weight: 300;}
.circle_cont .r_box{aspect-ratio:1 / 1; display:flex; justify-content:center; align-items:center; border: 1px solid var(--color1); border-radius: 10px; width: 18rem; height: 18rem;}
.circle_cont .r_box p{color: var(--color1); font-weight: 600;}

@media all and (max-width:1400px){
	.circle_cont{gap:3%;}
	.circle_cont .l_box{width: 20%; aspect-ratio:1/1; height: 14rem;}
	.circle_cont .c_box{width: 60%;}
	.circle_cont .c_box .box{width: 100%; height: 14rem;}
	.circle_cont .r_box{width: 20%; aspect-ratio:1/1; height: 14rem;}
}
@media all and (max-width:1024px){
	
}
@media all and (max-width:768px){
	
}
@media all and (max-width:500px){
	.circle_cont{flex-direction: column; align-items: center; gap:25px;}
	.circle_cont .arrow{transform: rotate(90deg);}
	.circle_cont .l_box{width: 100%; height: 12rem;}
	.circle_cont .c_box{width: 100%;}
	.circle_cont .c_box .box{height: 12rem;}
	.circle_cont .r_box{width: 100%; height: 12rem;}
}


/* color_box */
.color_box{display: flex; align-items: center; gap:8px; margin-bottom: 10px;}
.color_box .color{background-color: #dd073d; width: 40px; height: 6px; border-radius: 3px;}
.color_box h4{color: #dd073d; font-size: 18px; font-weight: 600;}

@media all and (max-width:1024px){
	.color_box .color{width: 36px; height: 5px;}
	.color_box h4{font-size: 17px;}
}


/* step */
.step{display: flex; justify-content: space-between; gap:121px; margin-top: 50px;}
.step li{width: 100%;}
.step li .imgs{text-align: center; margin-bottom: 20px;}
.step li .imgs img{max-width: 100%;}
.step li .text{text-align: center;}
.step li .text .num{background-color: var(--color1); color: #fff; display: inline-block; font-size: 16px; font-weight: 600; padding: 10px 18px; border-radius: 10px;}
.step li .text h3{font-size: 22px; color: var(--color1); margin: 20px 0;}
.step li .text p{font-size: 17px; color:#333; font-weight: 300; line-height: 1.5em; word-break: keep-all;}

@media all and (max-width:1400px){
	.step{gap:80px;}
	.step li .text .num{font-size: 15px; padding: 8px 16px;}
	.step li .text h3{font-size: 20px; margin: 18px 0;}
	.step li .text p{font-size: 16px;}
}
@media all and (max-width:1024px){
	.step{gap:60px;}
	.step li .text .num{font-size: 14px; padding: 7px 14px;}
	.step li .text h3{margin: 16px 0;}
}
@media all and (max-width:768px){
	.step{gap:40px; flex-direction: column; margin-top: 30px;}
	.step li .imgs img{max-width: 70%;}
	.step li .text h3{font-size: 19px; margin: 14px 0;}
	.step li .text p{max-width: 70%; margin-left: auto; margin-right: auto;}
}
@media all and (max-width:500px){
	.step li .text h3{font-size: 18px; margin: 12px 0;}
}


/* knowhow */
.knowhow{margin-top: 40px;}
.knowhow li{width: 100%; position: relative; max-width: 341px; margin-right: 12px; background-color: #000; cursor: pointer;}
.knowhow li::after{content: '↗'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; font-size: 24px; font-weight: 600; color: #fff; aspect-ratio:1 / 1; border: 1px solid rgba(255,255,255,0.4); width: 10rem; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.knowhow li.on{}
.knowhow li.on::after{opacity: 0;}
.knowhow li .imgs{ margin-top: 0; opacity: 0.4; transition: .4s;}
.knowhow li.on .imgs{opacity: 1;}
.knowhow li .imgs img{max-width: 100%;}
.knowhow li .text{position: absolute; bottom: 0; padding: 30px 0 50px; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; width: 100%; z-index: 2; opacity: 0; transition: .4s;}
.knowhow li.on .text{opacity: 1;}
.knowhow li .text::before{content: ''; width: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent, rgba(22, 22, 22, 0.95)); display: block; height: 100%; z-index: -1;}
.knowhow li .text h4{font-size: 17px; font-weight: 500;}
.knowhow li .text h3{margin: 15px 0; font-size: 22px;}
.knowhow li .text p{font-size: 16px; font-weight: 300; line-height: 1.5em;}

@media all and (max-width:1400px){
	.knowhow li.on::after{opacity: 1;}
	.knowhow li.on .imgs{opacity: 0.4;}
	.knowhow li.on .text{opacity: 0;}
	
	.knowhow li.slick-current::after{opacity: 0 !important;}
	.knowhow li.slick-current .imgs{opacity: 1 !important;}
	.knowhow li.slick-current .text{opacity: 1 !important;}
	
	.knowhow li::after{font-size: 20px; width: 8rem;}
}
@media all and (max-width:768px){
	.knowhow li{width: 72vw; max-width: 326px;}
	.knowhow li .text{padding: 25px 0 35px;}
	.knowhow li .text h4{font-size: 16px;}
	.knowhow li .text p{font-size: 15px; line-height: 1.4em;}
	.knowhow li .text h3{margin: 13px 0; font-size: 20px;}
}


/* cirList */
.cirList{display: flex; gap:30px; justify-content: center; margin-top: 50px; flex-wrap: wrap;}
.cirList li{width: calc(100% / 3 - 30px * 2 / 3);  display: flex; justify-content: flex-start; align-items: center; flex-direction: column; text-align: center; padding: 6rem 4rem;  position: relative; overflow: hidden; transition: .4s; background-color: #fff;}
.cirList li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2px;
  background: var(--color1);
  background-size: 300% 300%;
  clip-path: polygon(0% 100%, 2px 100%, 3px 3px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%, 0% 0%);
}

.cirList li.aos-animate::before {
  animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;
}

/* motion */
@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}

@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  25% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, 100% 0%, 0% 0%);
  }
  75% {
    -webkit-clip-path: polygon(0% 100%, 2px 100%, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 0% 100%);
  }
}

.cirList li h4{color: var(--color1); font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.cirList li p{font-size: 18px; line-height: 1.5em; font-weight: 300; color: #222; word-break: keep-all;}

@media all and (max-width:1400px){
	.cirList{margin-top: 40px; gap:25px;}
	.cirList li{padding: 5rem 3rem; width: calc(100% / 3 - 25px * 2 / 3);}
	.cirList li h4{font-size: 19px; margin-bottom: 16px;}
	.cirList li p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.cirList{margin-top: 40px; gap:20px;}
	.cirList li{padding: 4rem 2.5rem; width: calc(100% / 3 - 20px * 2 / 3);}
}
@media all and (max-width:768px){
	.cirList{margin-top: 35px;}
	.cirList li{padding: 3.5rem 2.25rem; width: calc(100% / 2 - 20px * 1 / 2); flex:auto;}
	.cirList li h4{font-size: 18px; margin-bottom: 14px;}
	.cirList li p{font-size: 16px;}
}
@media all and (max-width:500px){
	.cirList li{width: 100%;}
}


/* zeiss_img */
.zeiss_img{position: relative; margin-top: 60px;}
.zeiss_img .bg_img{}
.zeiss_img .bg_img img{max-width: 100%; filter: grayscale(1); transition: 2s; opacity: 0.3}
.zeiss_img.aos-animate .bg_img img{filter: grayscale(0); opacity: 0.7;}
.zeiss_img .cont{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; gap:80px;}
.zeiss_img .cont li{text-align: center;}
.zeiss_img .cont li .icon{}
.zeiss_img .cont li .icon img{max-width: 48px;}
.zeiss_img .cont li h3{color: #222; margin: 15px 0; font-size: 18px;}
.zeiss_img .cont li .num{color: #000; font-size: 24px; font-weight: 600;}
.zeiss_img .cont li .num span{margin-right: 5px; color: var(--color1); font-size: 2.5em; line-height: 1em;}

@media all and (max-width:1400px){
	.zeiss_img .cont li .icon img{max-width: 45px;}
	.zeiss_img .cont{gap:70px;}
	.zeiss_img .cont li h3{font-size: 17px; margin: 13px 0;}
	.zeiss_img .cont li .num{font-size: 22px;}
}
@media all and (max-width:1024px){
	.zeiss_img .cont li .icon img{max-width: 4vw;}
	.zeiss_img .cont{gap:6vw;}
	.zeiss_img .cont li h3{font-size: 1.75vw; margin: 12px 0;}
	.zeiss_img .cont li .num{font-size: 2.5vw;}
	.zeiss_img .cont li .num span{font-size: 4.5vw;}
}
@media all and (max-width:768px){
	.zeiss_img .cont{flex-wrap: wrap;}
	.zeiss_img .cont li{width: 28vw;}
	.zeiss_img .cont{gap:5vw;}
	.zeiss_img .cont li .icon img{max-width:5vw;}
	.zeiss_img .cont li h3{font-size: 2.25vw; margin: 12px 0;}
	.zeiss_img .cont li .num{font-size: 3vw;}
	.zeiss_img .cont li .num span{font-size: 5.5vw;}
}
@media all and (max-width:500px){
	.zeiss_img .cont li .icon img{max-width:6vw;}
	.zeiss_img .cont li h3{font-size: 2.75vw; margin: 10px 0;}
	.zeiss_img .cont li .num{font-size: 3.5vw;}
	.zeiss_img .cont li .num span{font-size: 6vw;}
}


/* zeissmark */
.zeissmark{background-color: #f8f8f8; padding: 30px; padding-left: 120px; text-align: center; margin-top: 90px;position: relative;}
.zeissmark::after{content: ''; width: 99px; height: 99px; background: url(/images/sub/zeissmark.webp) no-repeat center center / cover; position: absolute; left: 120px; top: 50%; transform: translateY(-50%);}
.zeissmark p{font-size: 20px; color: #222; font-weight: 500; word-break: keep-all; line-height: 1.4em;}

@media all and (max-width:1400px){
	.zeissmark{padding-left: 13vw;}
	.zeissmark::after{width: 8vw; height: 8vw; left: 3%;}
	.zeissmark p{font-size: 19px;}
}
@media all and (max-width:768px){
	.zeissmark{padding: 9vw 25px 25px;}
	.zeissmark::after{width: 12vw; height: 12vw; left: 50%; top: -6vw; transform: translate(0); transform: translateX(-50%);}
	.zeissmark p{font-size: 18px;}
}
@media all and (max-width:500px){
	.zeissmark{padding: 11vw 25px 25px;}
	.zeissmark::after{width: 14vw; height: 14vw;}
	.zeissmark p{font-size: 17px;}
}


/* banner */
.clinic_top.mt60{}
.clinic_top .banner{position: relative;}
.clinic_top .banner .pc{}
.clinic_top .banner .mo{}
.clinic_top .banner div img{max-width: 100%;}
.clinic_top .banner .txt{position: absolute; top: 50%; left: 80px; transform: translateY(-50%);}
.clinic_top .banner .txt p{color: #fff; font-size: 34px; font-weight: 700; line-height: 1.3em;}

@media all and (max-width:1400px){
	.clinic_top .banner div img{height: 300px; object-fit: cover; object-position: right center;}
	.clinic_top .banner .txt{left: 5%;}
	.clinic_top .banner .txt p{font-size: 31px;}
}
@media all and (max-width:1024px){
	.clinic_top .banner div img{height: 25vw;}
	.clinic_top .banner .txt{left: 3vw;}
	.clinic_top .banner .txt p{font-size: 3vw;}
}
@media all and (max-width:768px){
	.clinic_top.mt60{margin-top: 30px !important;}
	.clinic_top .banner div img{height: 29vw;}
	.clinic_top .banner .txt p{font-size: 3.5vw;}
}
@media all and (max-width:500px){}


/* pres2-2 */
.s_tab{display: flex; gap:15px; margin-bottom: 50px; justify-content: center; background-color: #fff; padding: 30px 0; position: sticky; top: 100px; z-index: 10;}
.s_tab li{cursor: pointer; font-size: 18px; font-weight: 600; line-height: 48px; padding: 0 30px; border-radius: 30px; border: 1px solid #ddd;}
.s_tab li.on{color: var(--color1); border-color: var(--color1);}

.pres2-2{}
.pres2-2 .l_cont{width: 50%; position: sticky; top: 160px; padding-right: 60px;}
.pres2-2 .l_cont h3{color: var(--color1); font-size: 32px; margin-bottom: 30px;}
.pres2-2 .l_cont .img{}
.pres2-2 .l_cont .img img{max-width: 100%;}
.pres2-2 .r_cont{width: 50%;}
.pres2-2 .r_cont .step2{}
.pres2-2 .r_cont .step2 li{display: flex; align-items: flex-start;}
.pres2-2 .r_cont .step2 li + li{margin-top: 30px; padding-top: 30px; border-top: 1px dashed #ddd;}
.pres2-2 .r_cont .step2 li h4{background-color: var(--color1); color: #fff; font-weight: 600; font-size: 15px; width: 80px; text-align: center; border-radius: 4px; line-height: 32px;}
.pres2-2 .r_cont .step2 li .info{padding-left: 20px; width: calc(100% - 80px);}
.pres2-2 .r_cont .step2 li .info h3{color: #000; font-size: 22px; margin-bottom: 15px; word-break: keep-all;}
.pres2-2 .r_cont .step2 li .info p{font-size: 20px; font-weight: 300; color: #444; word-break: keep-all; line-height: 1.6em;}

.tabcont{display: none;}
.tabcont.on{display: block;}
.tabcont.pres2-2.on{display: flex; align-items: flex-start;}

@media all and (max-width:1400px){
	.s_tab{gap:13px; padding: 27px 0;}
	.s_tab li{font-size: 17px; line-height: 45px; padding: 0 27px;}
	.pres2-2 .l_cont{padding-right: 55px;}
	.pres2-2 .l_cont h3{font-size: 30px; margin-bottom: 23px;}
	.pres2-2 .r_cont .step2 li + li{margin-top: 27px; padding-top: 27px;}
	.pres2-2 .r_cont .step2 li h4{width: 76px; line-height: 30px;}
	.pres2-2 .r_cont .step2 li .info{width: calc(100% - 76px);}
	.pres2-2 .r_cont .step2 li .info h3{font-size: 20px;}
	.pres2-2 .r_cont .step2 li .info p{font-size: 19px;}
}
@media all and (max-width:1024px){
	.s_tab{gap:12px; padding: 25px 0;}
	.s_tab li{font-size: 16px; line-height: 42px; padding: 0 24px;}
	.pres2-2 .l_cont{padding-right: 50px;}
	.pres2-2 .l_cont h3{font-size: 28px;}
	.pres2-2 .r_cont .step2 li + li{margin-top: 25px; padding-top: 25px;}
	.pres2-2 .r_cont .step2 li h4{width: 70px; line-height: 28px; font-size: 14px;}
	.pres2-2 .r_cont .step2 li .info{width: calc(100% - 70px);}
	.pres2-2 .r_cont .step2 li .info h3{font-size: 19px; margin-bottom: 12px;}
	.pres2-2 .r_cont .step2 li .info p{font-size: 18px; line-height: 1.5em;}
}
@media all and (max-width:768px){
	.s_tab{top: 70px; padding: 23px 0;}
	.s_tab li{font-size: 16px; line-height: 40px; padding: 0 22px;}
	.tabcont.pres2-2.on{flex-direction: column; gap:50px;}
	.pres2-2 .l_cont{width: 100%; padding-right: 0; position: static;}
	.pres2-2 .r_cont .step2 li h4{width: 64px; line-height: 26px; font-size: 13px;}
	.pres2-2 .r_cont .step2 li .info{width: calc(100% - 64px); padding-left: 15px;}
	.pres2-2 .l_cont h3{font-size: 26px; margin-bottom: 20px;}
	.pres2-2 .r_cont .step2 li .info p{font-size: 17px; line-height: 1.5em;}
	.pres2-2 .r_cont{width: 100%;}
}
@media all and (max-width:500px){
	.s_tab{top: 55px; gap:10px; padding: 21px 0;}
	.s_tab li{font-size: 15px; line-height: 38px; padding: 0 20px;}
	.pres2-2 .l_cont h3{font-size: 24px;}
	.tabcont.pres2-2.on{gap:40px;}
}