.main-banner hgroup img { width: 100px; }
.main-banner hgroup h2 { font-size: 60px; }
.main-banner hgroup h3 { font-size: 32px; }
.main-banner .main-banner__slide .slick-track { padding: 0; }
.scroll { bottom: 50px; }
.main-info h2 { font-size: 34px; }
.main-info p { font-size: 20px; }
.main-ceo .main-ceo__bg { border-radius: 0 50px 50px 0; }
.main-ceo .main-ceo__right { padding-left: 30px; }
.main-ceo .main-ceo__left { padding: 80px 0; }
.main-ceo .main-ceo__left h2 { font-size: 30px; }
.main-ceo .main-ceo__left p { font-size: 20px; }
.main-ad { padding: 100px 0 100px; }
.main-ad h6 { font-size: 20px; }
.main-ad h2 { font-size: 40px; }
.main-middle-banner h2 { font-size: 36px; }
.main-doctor .main-doctor__cards { flex-direction: column; gap: 10px; }
.main-doctor .main-doctor__cards a { width: 100%; margin: 0; }
.main-bottom a { flex: 1; }
.main-bottom a:first-child { margin-right: 0; font-size: 46px; }

@media all and (max-width: 1024px){
 .main-banner hgroup h2 { font-size: 42px; }
 .main-banner hgroup h3 { font-size: 24px; }
 .main-info { padding: 100px 0; }
 .main-info h2 { font-size: 28px; }
 .main-info p { font-size: 20px; margin-top: 20px; }
 .main-info figure { margin-top: 30px; }
 .main-ceo .main-ceo__left { flex: 1; }
 .main-ceo .main-ceo__bg { width: calc(50% - 30px); }
 .main-ceo .main-ceo__left h2 { font-size: 26px; }
 .main-ceo .main-ceo__left h4,
 .main-ceo .main-ceo__left p { font-size: 18px; }
 .btn-common { width: 222px; height: 48px; }
 .btn-common p { font-size: 16px; }
 .main-ceo .main-ceo__right > p { font-size: 18px; }
 .main-ad h2 { font-size: 34px; }
 .main-ad__btn button { width: 50px; height: 50px; }
 .main-middle-banner::before,
 .main-middle-banner::after { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-size: 45% auto; }
 .main-middle-banner::before { background-position: bottom left; }
 .main-middle-banner::after { background-position: top right; }
 .main-middle-banner h2 { font-size: 30px; }
 .main-doctor h3 { font-size: 30px; }
 .main-doctor .main-doctor__wiz figure,
 .main-doctor .main-doctor__match figure { width: 160px; }
 .main-bottom { padding: 100px 0; }
 .main-bottom .inner { flex-direction: column; gap: 50px; text-align: center; }
 .main-bottom a:first-child { font-size: 40px; }
 }

@media all and (max-width: 768px){
 .main-banner video { width: auto; height: 100vh; }
 .main-info .inner { display: block; }
 .main-info figure { margin-top: 50px; max-width: 90%; width: auto; margin-left: auto; margin-right: auto; }
 .main-info figure img { width: 100%; }
 .main-info { padding: 80px 0; background-image: url('/assets/images/main/main_info_bg_m.png'); background-size: 100% auto; background-position: top left; }
 .main-ceo .inner { display: block; }
 .main-ceo .main-ceo__left { width: 100%; padding: 60px 0; }
 .main-ceo .main-ceo__bg { width: 96vw; z-index: -1; left: -3.90625vw; }
 .main-ceo .main-ceo__right { padding-left: 0; margin-top: 30px; }
 .main-ad h6 { font-size: 18px; }
 .main-ad h2 { font-size: 30px; }
 .main-ad .inner::before { height: 260px; border-radius: 32px 0 0 32px; bottom: -50px; }
 .main-ad .main-ad__slider { margin-top: 50px; }
 .main-ad { padding: 80px 0 50px; background-image: none; }
 .main-doctor article { padding: 0; }
 .main-doctor .main-doctor__wiz,
 .main-doctor .main-doctor__match { padding-top: 300px; }
 .main-doctor .main-doctor__wiz::before,
 .main-doctor .main-doctor__match::before { height: 300px; }
 .main-doctor .main-doctor__wiz figure,
 .main-doctor .main-doctor__match figure { position: absolute; top: 150px; left: 50%; transform: translate(-50%, -50%); }
 .main-doctor .inner { margin-top: 50px; }
 .main-doctor h3 { color: #0b2239; }
 .main-doctor p { color: #444; }
 .main-doctor .main-doctor__match .inner { justify-content: flex-end; }
 .main-page { background-image: url(/assets/images/main/main_bg_m.png); }
 .main-page::before { bottom: 0; left: 0; width: 100%; height: 10%; background-size: auto 370px; background-position: top left -100px; }
 }

@media all and (max-width: 640px){
 .main-ad .main-ad__slider .item figure img {max-height: 50px;}
 .main-banner hgroup img { width: 80px; }
 .main-banner hgroup h2 { font-size: 32px; }
 .main-banner hgroup h3 { font-size: 20px; }
 .main-banner hgroup { padding: 0 3.90625%; }
 .main-info h2 { font-size: 26px; }
 .main-ceo .main-ceo__left h2 { font-size: 24px; }
 .main-ceo .main-ceo__left h4,
 .main-ceo .main-ceo__left p { font-size: 16px; }
 .main-ceo .main-ceo__right > p { font-size: 16px; }
 .main-ceo .main-ceo__left h2 { margin-bottom: 30px; }
 .main-ad__btn button { width: 40px; height: 40px; }
 .main-ad .main-ad__slider .item figure { height: 150px; margin-bottom: 20px; }
 .main-ad__part { font-size: 14px; }
 .main-ad__name { font-size: 18px; }
 .main-ad__position { font-size: 14px; }
 .main-ad h2 { font-size: 26px; margin-top: 12px; }
 .main-ad h6 { font-size: 16px; }
 .main-ad__btn { flex-direction: column; gap: 8px; }
 .main-ad__prev { margin-right: 0; }
 .main-middle-banner { height: auto; padding: 120px 0; }
 .main-middle-banner h2 { font-size: 26px; }
 .main-doctor h3 { font-size: 24px; margin-bottom: 20px; }
 .main-doctor .inner { margin-top: 30px; display: block; }
 .main-doctor p { font-size: 16px; }
 .main-doctor .main-doctor__cards a { padding: 10px 0; font-size: 15px; }
 .main-bottom a:last-child { width: 80%; }
 }
@media all and (max-width: 425px){
 .main-banner hgroup img { width: 60px; }
 .main-banner hgroup h2 { font-size: 26px; margin-top: 18px; }
 .main-banner hgroup h3 { font-size: 16px; margin-top: 15px; }
 .main-info { padding: 60px 0; }
 .main-info h2 { font-size: 22px; }
 .main-info p { font-size: 16px; margin-top: 16px; }
 .main-info figure { margin-top: 20px; }
 .main-ceo .main-ceo__bg { border-radius: 0 32px 32px 0; }
 .main-ceo .main-ceo__left { padding: 40px 0; }
 .main-ceo .main-ceo__left h2 { font-size: 20px; margin-bottom: 24px; }
 .main-ceo .main-ceo__left h4 { margin-bottom: 12px; }
 .main-ceo .main-ceo__left h4,
 .main-ceo .main-ceo__left p { font-size: 15px; }
 .main-ceo .main-ceo__right > p { font-size: 15px; }
 .main-ceo .main-ceo__right > p br { display: none; }
 .btn-common { width: 200px; height: 45px; }
 .btn-common p { font-size: 15px; }
 .btn-common img { width: 18px; height: auto; }
 .main-ceo .main-ceo__right .btn-common { margin-top: 24px; }
 .main-ad { padding: 60px 0 32px; }
 .main-ad .inner::before { height: 230px; bottom: -32px; }
 .main-ad__name { margin-top: 8px; }
 .main-ad h2 { font-size: 22px; }
 .main-ad .main-ad__slider { margin-top: 40px; }
 .main-ad .main-ad__slider .item { margin-right: 13px; }

 .main-middle-banner h2 { font-size: 22px; }
 .main-doctor .main-doctor__cards { margin-top: 24px; }

 .main-doctor .main-doctor__wiz,
 .main-doctor .main-doctor__match { padding-top: 180px; }
 .main-doctor .main-doctor__wiz::before { height: 180px; border-radius: 0 32px 32px 0; }
 .main-doctor .main-doctor__match::before { height: 180px; border-radius: 32px 0 0 32px; }
 .main-doctor .main-doctor__wiz figure,
 .main-doctor .main-doctor__match figure { width: auto; height: 100px; top: 90px; }
 .main-doctor .main-doctor__cards a span { font-size: 15px; }
 .main-doctor h3 { font-size: 22px; margin-bottom: 16px; }
 .main-doctor p { font-size: 15px; }
 .main-doctor p br { display: none; }
 .main-bottom { padding: 80px 0; }
 .main-bottom a:first-child { font-size: 28px; }
 }
