@charset "UTF-8";

/*-------------------------------------------------
Version : 1.1
Author : han
-------------------------------------------------*/
.main article {max-width: none;}
/* 메인 퀵 */
.main_qic_menu_w {display: flex; gap: 15px; margin-top: 50px; margin-bottom: 15px;}
.qic_box_w {display: flex; gap: 15px; width: 66.666%;}
  /* 진료예약,병원안내 */
.main_qic_appointment {background-color: #043329;}
.main_qic_appointment > ul li:nth-child(2) {border-top: 1px solid #365c54; border-bottom: 1px solid #365c54;}
.main_qic_appointment i {background-color: #295149;}
.main_qic_appointment > ul > li:first-child i img {margin-left: 6px;}
.main_qic_information {background-color: #30a16b;}
.main_qic_information > ul > li:nth-child(2) {border-top: 1px solid #59b489; border-bottom: 1px solid #59b489;}
.main_qic_information i {background-color: #4faf81;}
.main_qic_menu_w .qic_box {display: flex; flex-direction: column; padding: 50px; box-sizing: border-box; width: 100%; justify-content: space-between; gap: 35px;}
.main_qic_menu_w .qic_box h3 {font-size: 35px; color: #fff; line-height: 1; letter-spacing: -4px; font-weight: 500; box-sizing: border-box;}
.main_qic_menu_w .qic_box > ul {display: flex; flex-direction: column;}
.main_qic_menu_w .qic_box > ul > li:nth-child(2) {padding: 20px 0; margin: 20px 0; box-sizing: border-box;}
.main_qic_menu_w .qic_box .main_qic_list { display: flex; align-items: center; gap: 20px; color: #fff; position: relative;}
.main_qic_menu_w .qic_box .main_qic_btn::after {content: ""; display: block; background: url(../images/renew/ico_qic_arrow.png) no-repeat; width: 35px; height: 15px; background-size: contain;}
.main_qic_menu_w .qic_box i {min-width: 65px; height: 65px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.main_qic_menu_w .qic_box p {font-size: 26px; letter-spacing: -3px; font-weight: 500;}
.main_qic_call {display: flex; flex-direction: column; gap: 15px;}
.main_qic_call li {display: flex; align-items: center; gap: 15px; line-height: 1;}
.main_qic_call li span:last-child {font-size: 23px; font-weight: 500;}
  /* 로그인 */
.main_qic_menu_w .main_qic_login {background-color: #fff; display: flex; flex-direction: column; padding: 50px 50px 40px 50px; box-sizing: border-box; width: 100%;}
.main_qic_login > p {line-height: 1; box-sizing: border-box; font-weight: bold; font-size: 24px;}
.main_qic_login .login_qic_input {padding: 20px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.main_qic_login .main_ip_w01 {display: flex; }
.main_qic_login .main_ip_w01 .ip_w {display: flex; flex-direction: column; gap: 5px; font-size: 18px; flex: 1;}
.main_qic_login .main_ip_w01 .ip_w input {box-sizing: border-box; height: 55px; border-radius: 5px; padding: 5px 20px;}
.main_qic_login .main_ip_w01 .ip_w input::placeholder {color: #ccc;}
.main_qic_login .main_ip_w01 .btn_w {background-color: #68c71e; width: 100%; max-width: 100px;  display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.main_qic_login .main_ip_w01 .btn_w > input {color: #fff; font-size: 18px;}
.main_qic_login .login_id_save {margin-top: 7px;}
.main_qic_login .main_id_find {margin-top: 15px; display: flex; gap: 5px;} 
.main_qic_login .main_id_find li {background-color: #efefef; width: 100%; border-radius: 5px;}
.main_qic_login .main_id_find a {padding: 10px 5px; width: 100%; display: flex; justify-content: center; box-sizing: border-box; line-height: 1.2; letter-spacing: -2px; }
.main_qic_login .main_id_find span {border-bottom: 1px solid #8f8f8f;}
  /* 로그인-sns */
.main_qic_login .login_qic_sns p {margin-bottom: 13px; box-sizing: border-box; font-size: 18px; font-weight: 500; line-height: 1;}
.main_qic_login .login_qic_sns ul {display: flex; gap: 10px;}
.main_qic_login .login_qic_sns li {width: 100%; border-radius: 5px;}
.main_qic_login .login_qic_sns a {display: flex; padding: 10px; box-sizing: border-box; gap: 10px; align-items: center; font-size: 15px; line-height: 1;}
.main_qic_login .login_qic_sns i {display: flex; width: 21px; height: 21px; align-items: center; justify-content: center;}  
.login_qic_naver {background-color: #00bf18;}
.login_qic_kakao {background-color: #f8ef2b;}
.login_qic_naver a {color: #fff;}

/* 로그인 시 화면 */
.main_qic_menu_w .main_qic_login {width: 33.3333%;}
.main_qic_menu_w .main_qic_login h3 {color: #000; font-size: 35px; line-height: 1; letter-spacing: -4px; font-weight: 500; box-sizing: border-box; margin-bottom: 35px;}
.main_qic_login_txt { display: flex; box-sizing: border-box; padding: 10px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; align-items: center; gap: 10px; justify-content: space-between; flex-wrap: wrap;}
.main_qic_login_txt p {color: #000; font-size: 24px; line-height: 1; box-sizing: border-box; letter-spacing: -2.5px;}
.main_qic_login_txt strong {color: #68c71e; border-bottom: 2px solid #68c71e;}
.main_qic_login_txt a { font-size: 18px; padding: 15px 20px; box-sizing: border-box; background-color: #68c71e; color: #fff; line-height: 1;}

.main_login_link {display: flex; gap: 10px; align-items: center; justify-content: center;}
.main_login_link li {width: 100%;}
.main_login_link a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; line-height: 1.5;}
.main_login_link i {width: 90px; height: 90px; background-color: #efefef; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.main_login_link p {text-align: center; font-size: 18px;}
.main_login_link a:hover i {background-color: #68c71e; }
.main_login_link a:hover img {filter:invert(100);}
.main_login_link a:hover p {color: #68c71e;}


/* 메인 스와이퍼 */
.main_in_cover .swiper img {width: 100%; }
.main_in_cover .swiper-button-prev, .main_in_cover .swiper-button-next {display: none;}
.main_cnt_visual .swiper-pagination {position: static; transform: translateX(0); margin-top: 20px; line-height: 1; box-sizing: border-box;}
.main_cnt_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 35px; height: 12px; border-radius: 6px;}
.main_cnt_visual .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { border-radius: 100%; width: 12px; height: 12px;}
.main_cnt_visual .swiper-pagination > span:not(:last-child) {margin-right: 15px;}
.swiper_main_visual a {width: 100%; cursor: auto;}


/* 바로가기, 소식 */
  /* 바로가기 */
.img_press_link_01 {background: url(../images/renew/img_press_link_01.png) no-repeat center / cover;}
.img_press_link_02 {background: url(../images/renew/img_press_link_02.png) no-repeat center / cover;}
.img_press_link_03 {background: url(../images/renew/img_press_link_03.png) no-repeat center / cover;}
.img_press_link_04 {background: url(../images/renew/img_press_link_04.png) no-repeat center / cover;}

.main_qic_press_w {margin: 80px 0; display: flex; gap: 70px; box-sizing: border-box;}
.main_qic_press_w .main_qic_link {width: calc(100% - 740px); flex: 1 calc(100% - 740px);}
.main_qic_press_w .main_qic_link ul {display: flex; flex-wrap: wrap; gap: 15px; box-sizing: border-box; height: 100%; }
.main_qic_press_w .main_qic_link li {width: calc(50% - 7.5px);}
.main_qic_link a {padding: 30px; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.main_qic_link a:hover {box-shadow: 2px 6px 8px rgba(0, 0, 0, 0.35)}
.press_link_arrow {background: url(../images/renew/ico_press_link_arrow.png) no-repeat center; display: block; width: 12px; height: 12px; align-self: flex-end;}
.press_link_txt {display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.press_link_txt p {font-size: 23px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -2px;}


  /* 소식 */
.main_qic_press_w .main_qic_notice {width: calc(100% - 660px); flex: 1 calc(100% - 660px);}
.main_qic_notice .main_h4 {margin-bottom: 25px;}
.main_qic_notice_tab {margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.main_qic_notice_tab ul {display: flex; align-items: center;}
.main_qic_notice_tab li a {padding: 0 15px; font-size: 17px; border-right: 2px solid #d8d8d8; line-height: 1; box-sizing: border-box; position: relative;}
.main_qic_notice_tab li:first-child a {padding-left: 0;}
.main_qic_notice_tab li:last-child a {border: none;}
.main_qic_notice_tab li a.on {color: #68c71e; font-weight: 700;}
.main_qic_notice_tab li a.on:before {content: ""; width: 5px; height: 5px; display: block; border-radius: 100%; background-color: #68c71e; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); box-sizing: border-box;}
.main_qic_notice_tab li:first-child a.on:before {left: 35%;}
.main_qic_notice_btn {display: flex; align-items: center; gap: 20px;}
.main_qic_notice_btn > div {display: flex;}
  /* 소식 스와이퍼 */
.notice_swiper.swiper-container {padding: 0 10px 10px; margin: 0 -10px -10px;}
.notice_swiper > .swiper-wrapper > li { height: 280px; } 
.notice_swiper > .swiper-wrapper > li:hover {box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.25);}
.notice_box { background-color: #fff; padding: 35px; height: 100%; display: flex; flex-direction: column; gap: 20px; justify-content: space-between; box-sizing: border-box; } 
.notice_box:hover {box-shadow: inset 0 0 0 3px #68c71e;}
.notice_box > .notice { font-size: 16px; color: #000; font-weight: bold; position: relative; } 
.notice_box > .notice.new { display: flex; align-items: center; gap: 5px;} 
.notice_box > .notice.new::after {content: 'N'; border-radius: 100%; background-color: #ef903c; width: 20px; height: 20px; font-size: 10px; line-height: 1; font-weight: 700; display: flex; align-items: center; justify-content: center; color: #fff; } 
.notice_txt_box { display: flex; flex-direction: column; gap: 20px; height: 100%; } 
.notice_tit { font-size: 20px; color: #000; line-height: 1.3; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 50px; word-break: break-all; letter-spacing: -1px;} 
.notice_txt { font-size: 15px; color: #666; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all;} 
.notice_date { font-size: 14px; color: #999; line-height: 1; } 
.notice_box > .notice.announce {color: #008163;}
.notice_box > .notice.release {color: #26b170;}
.notice_box > .notice.employ {color: #01377d;}

/* 아인병원 영상 */
.main_qic_video_w {margin-top: 60px; margin-bottom: 80px;}
.main_qic_video_tit {margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
.main_h4 {font-size: 30px; font-weight: 700; line-height: 1; box-sizing: border-box;}
.main_qic_video_btn {display: flex; align-items: center; gap: 20px;} 
.main_qic_video_btn > div {display: flex;}
.plus_btn { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.main_qic_notice .plus_btn {position: relative; right: 15px;}
.swiper_prev {background: url(../images/renew/ico_new_btn_prev.png) no-repeat center; width: 9px; height: 13px; padding-right: 28px;}
.swiper_next {background: url(../images/renew/ico_new_btn_next.png) no-repeat center; width: 9px; height: 13px; border-left: 2px solid #cbcbcb; padding-left: 28px;}

.main_qic_youtube {position: relative; height: 256px;}
.main_qic_youtube img {height: 100%; object-fit: cover; width: 100%; min-height: 220px;}
.main_qic_youtube i {background: url(../images/renew/ico_youtube.png) no-repeat; position: absolute; display: block; width: 50px; height: 50px; top: 15px; right: 15px;}

.video_swiper.swiper-container {width: 100%; height: auto; overflow: hidden; box-sizing: border-box; position: relative; padding: 0 5px 10px 0; margin: 0 -5px 0 0; }
.swiper-notification { position: absolute;}
.video_list_txt { padding: 30px; box-sizing: border-box; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.2)}
.video_list_txt p {font-size: 21px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; letter-spacing: -1px; line-height: 1.3; height: 55px;}
.video_list_txt ul {margin-top: 20px; display: flex; gap: 5px;}
.video_list_txt span {padding: 10px 20px; background-color: #f0f3f5; border-radius: 20px; font-size: 14px; box-sizing: border-box; line-height: 1; max-width: 115px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.video_swiper .swiper-pagination {display: none;}
.video_swiper .swiper-pagination {position: static; transform: translateX(0); margin-top: 20px; line-height: 1; box-sizing: border-box;}
.video_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 35px; height: 12px; border-radius: 6px; background-color: #000; border: none;}
.video_swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { border-radius: 100%; width: 12px; height: 12px;}
.video_swiper .swiper-pagination > span:not(:last-child) {margin-right: 15px;}

.ft_call p {margin-bottom: 0;}
.tel_link { pointer-events: none; cursor: default;}


/* 반응형 */

@media (max-width: 1440px ) {
  /* 진료예약, 병원안내, 로그인 */
  .main_qic_menu_w .qic_box {padding: 50px 35px;}
  .main_qic_menu_w .main_qic_login {padding: 50px 35px 40px 35px;}

  /* 로그인시 화면 */
  .main_qic_login_txt p {font-size: 22px;}
  .main_qic_login_txt a {padding: 15px;}
}

@media (max-width: 1260px ) {
  /* 퀵 바로가기 */
  .main_qic_press_w {gap: 60px;}
  .main_qic_link a {padding: 25px;}
  .press_link_txt i {text-align: center;}
  .press_link_txt i img {width: 30px;}
}

@media (max-width: 1240px ) {
  /* 진료예약, 병원안내, 로그인 */
  .main_qic_menu_w .qic_box {padding: 50px 30px; gap: 30px;}
  .main_qic_menu_w .main_qic_login {padding: 50px 30px 40px 30px;}

  /* 로그인 시 화면 */
  .main_qic_menu_w .main_qic_login h3 {margin-bottom: 30px;}
  .main_qic_login_txt a {padding: 15px 10px; font-size: 16px;}
}

@media (max-width: 1160px ) {
  /* 진료예약, 병원안내, 로그인 */
  .main_qic_menu_w .qic_box {justify-content: center;}
  .main_qic_menu_w .qic_box i {width: 55px; height: 55px; min-width: 55px;}
  .main_qic_menu_w .qic_box .main_qic_list {gap: 10px;}
  .main_qic_menu_w .qic_box h3 {font-size: 32px;}
  .main_qic_menu_w .qic_box p {font-size: 24px;}
  .main_qic_menu_w .qic_box .main_qic_btn::after {width: 30px;}
  .main_qic_call li {font-size: 14px; gap: 10px;}
  .main_qic_call li span:last-child {font-size: 20px;}
  .main_qic_login .main_id_find span {font-size: 15px; letter-spacing: -2.4px;}
  .main_qic_login .login_qic_sns a {font-size: 14px; gap: 5px; padding: 10px 5px;}
  .main_qic_login .login_qic_sns ul {gap: 5px;}

  /* 로그인 시 화면 */
  .main_qic_menu_w .main_qic_login h3 {font-size: 32px;}
  .main_qic_login_txt p {font-size: 20px;}
  .main_qic_login_txt a {padding: 10px;}
  .main_login_link i {width: 70px; height: 70px;}
  .main_login_link img {width: 28px;}

  /* 퀵 바로가기 */
  .main_qic_press_w {gap: 50px;}
  .main_qic_link a {padding: 20px;}
  .press_link_txt p {font-size: 22px;}
  .press_link_txt i {min-width: 26px;}
  .press_link_txt i img {width: 26px;}
}

@media (max-width: 1024px ) {
  /* 진료예약, 병원안내, 로그인 */
  .main_qic_menu_w {margin-top: 20px; flex-wrap: wrap;}

  /* 바로가기, 소식 */
  .qic_box_w {width: 100%;}
  .main_qic_press_w {gap: 30px;}
  .main_qic_press_w .main_qic_link {width: 50%; flex: auto;}
  .main_qic_press_w .main_qic_notice {width: 50%; flex: auto;}
  .main_qic_notice_tab li a {padding: 0 10px;}
  .main_qic_notice_btn {gap: 10px;}
  .swiper_prev {padding-right: 20px;}
  .swiper_next {padding-left: 20px;}
  .notice_box {padding: 25px; gap: 15px;}
  .notice_txt_box {gap: 15px;}

  /* 로그인 시 화면 */
  .main_qic_menu_w .main_qic_login {display: block; width: 100%;}
  .main_qic_menu_w .main_qic_login h3 {margin-bottom: 20px;}
  .main_qic_login_txt {padding-top: 0; padding-bottom: 20px; margin-bottom: 20px;}

  /* 퀵 동영상 */
  .video_list_txt {padding: 20px;}
}

@media (max-width: 960px ) {
  /* 바로가기, 소식 */
  .main_qic_press_w {flex-direction: column; gap: 80px;}
  .main_qic_press_w .main_qic_link {width: 100%;}
  .main_qic_press_w .main_qic_notice {width: 100%;}
  .main_qic_press_w .main_qic_link li {height: 200px;}

  /* 퀵 동영상 */
  .main_qic_youtube {height: 100%;}
}

@media (max-width: 768px ) {
  /* 진료예약, 병원안내, 로그인 */
  .main_qic_menu_w .qic_box {gap: 20px;}
  .main_qic_press_w {flex-direction: column;}
  .main_qic_menu_w .qic_box h3 {font-size: 28px;}
  .main_qic_menu_w .qic_box p {font-size: 20px;}
  .main_qic_menu_w .qic_box i { width: 45px; height: 45px; min-width: 45px;}
  .main_qic_menu_w .qic_box i img {width: 20px;}
  .main_qic_call li {gap: 5px;}
  .main_qic_call li span:last-child {font-size: 18px;}
  .main_qic_menu_w .qic_box .main_qic_btn::after {width: 25px;}

  /* 로그인 시 화면 */
  .main_qic_menu_w .main_qic_login h3 {font-size: 28px;}
  .main_login_link p {font-size: 16px;}

  /* 소식 */
  .main_h4 {font-size: 26px;}

  .tel_link { pointer-events: auto; }
}

@media (max-width: 640px ) {
  /* 진료예약, 병원안내, 로그인 */
  .main_qic_menu_w {flex-direction: column;}
  .qic_box_w {flex-direction: column;}

  /* 스와이퍼 모바일 이미지 변경 */
  .main_cnt_visual .swiper-pagination {margin-top: 10px;}
  .main_cnt_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 25px;}
  .main_sec_01 .main_cnt_visual img.vis_pc {display: none;}
  .main_sec_01 .main_cnt_visual img.vis_mo {display: block !important; position: relative;}

  /* 아인병원 퀵 링크 */
  .main_qic_press_w {margin: 50px 0; gap: 50px;}
  .main_qic_press_w .main_qic_link ul {flex-direction: column;}
  .main_qic_press_w .main_qic_link li {width: 100%; height: 110px; background-position-y: 30%;}
  .main_qic_link a {justify-content: center;}
  .press_link_arrow {display: none;}

  /* 아인병원 소식 */
  .main_qic_notice .main_h4 {margin-bottom: 20px;}
  .main_qic_notice_tab {margin-bottom: 25px;}
  .main_qic_notice_tab li a {font-size: 16px;}
  .main_qic_notice_btn {position: absolute; right: 0; top: -43px; width: 100%;}
  .main_qic_notice_btn > div {display: block; position: relative; bottom: -155px; z-index: 2;  width: 100%; filter: brightness(100);}
  .main_qic_notice_btn > div a {width: 40px; height: 40px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.25);}
  .swiper_next {position: absolute;  border-left: none; right: -88px;}
  .swiper_prev {position: absolute; left: -18px;}
  .notice_swiper > .swiper-wrapper > li {height: 100%;}
  .notice_box {height: 200px; padding: 20px; gap: 10px;}
  .notice_tit {height: auto; font-size: 18px;}
  .notice_box > .notice {font-size: 15px;}
  .notice_box > .notice.new::after {width: 18px; height: 18px;}
  .notice_txt_box {gap: 10px;}
  .notice_txt {-webkit-line-clamp: 2;}
  .notice_swiper > .swiper-wrapper > li {box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.25);}

  /* 퀵 비디오 */
  .video_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 25px;}
  .video_swiper .swiper-pagination {display: block;}
  .main_qic_video_w {margin: 50px 0;}
  .main_qic_video_btn > div {display: none;}
  .main_qic_video_tit {margin-bottom: 25px;}
  .video_list_txt p {font-size: 19px; height: 50px;}
  .video_list_txt ul {margin-top: 15px;}
  .main_qic_youtube i {display: none;}
}

@media (max-width: 500px) {
  .main_qic_menu_w .qic_box {padding: 30px;}
  .main_qic_menu_w .main_qic_login {padding: 30px;}
}