/*상단 검색바 / 비주얼 / 퀵메뉴*/
.main_sch_area {background: var(--key-color); padding: 15px 0; box-shadow: inset 0px 5px 7px 2px rgba(0,0,0,0.2), 0px 5px 9px 2px rgba(0,0,0,0.2); position: relative; z-index: 2}
.main_sch_area .inner_container {display: grid; grid-template-columns: auto 1fr auto; gap: 0 40px}
.main_sch_area .symbol {width: 89px}
.main_sch_area .main_sch_wrap {align-self: center; background: var(--white); height: 50px; border-radius: 50px; display: grid; grid-template-columns: auto 1fr}
.main_sch_area .main_sch_wrap .link_main {width: 110px; background: var(--black); text-align: center; border-radius: 50px 0 0 50px; color: var(--white); display: flex; align-items: center; justify-content: center}
.main_sch_area .main_sch_wrap .link_main:hover {background: var(--key-color2); transition: all .2s}
.main_sch_area .main_sch_wrap form {width: 100%; height: 100%; position: relative}
.main_sch_area .main_sch_wrap input[type="text"] {width: 100%; height: 100%; border: none; border-radius: 0 50px 50px 0; font-size: 19px; padding: 0 70px 0 15px}
.main_sch_area .main_sch_wrap input[type="text"]::placeholder {color: var(--placeholder)}
.main_sch_area .main_sch_wrap input[type="text"]::-webkit-input-placeholder {color: var(--placeholder)}
.main_sch_area .main_sch_wrap input[type="text"]::-moz-placeholder {color: var(--placeholder)}
.main_sch_area .main_sch_wrap input[type="text"]::-ms-input-placeholder {color: var(--placeholder)}
/*.main_sch_area .main_sch_wrap input[type="text"]:focus {border: none!important}*/
.main_sch_area .main_sch_wrap button {position: absolute; right: 0; top: 0; width: 70px; height: 100%; background: var(--white); border: none; border-radius: 0 50px 50px 0; font-size: 0}
.main_sch_area .main_sch_wrap button::after {content: ''; width: 27px; height: 27px; display: block; background: var(--font); position: relative; left: 10px}
.main_sch_area .main_sch_wrap button:hover::after {background: var(--key-color2); transition: all .2s}
.main_sch_area .main_tel {min-width: 282px}
.main_sch_area .main_tel p:nth-child(2) {padding-top: 5px}
.main_sch_area .main_tel p + p {color: var(--white)}

.main_visual {display: grid; grid-template-columns: repeat(2, 50%); position: relative; z-index: 1}
.main_visual .main_quick.no_member {background: url(../img/main/main_bg_no_member.jpg) no-repeat center / cover}
.main_visual .main_quick.member {background: url(../img/main/main_viz_right_bg.png) no-repeat center / cover}
.main_visual .main_quick .greet_txt {display: block; padding-top: 2.86vw; font-size: 1.04vw}
.main_visual .main_quick .greet_txt b {font-size: 1.2vw}
.main_visual .main_quick > h2 {font-size: 1.51vw; padding-top: 2.86vw}
.main_visual .main_quick.member > h2 {padding-top: 3px}
.main_visual .main_quick .main_quick_list {display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); padding: 2.6vw 5.21vw}
.main_visual .main_quick.member .main_quick_list {padding: 1.82vw 4.17vw 2.6vw 4.17vw}
.main_visual .main_quick .main_quick_list .item {position: relative; overflow: hidden; cursor: pointer; transition: all .3s; background: var(--white); height: 8.33vw; padding: 10px; display: flex; flex-direction: column; justify-content: center; border-radius: 1.04vw; box-shadow: 0 4px 15px 0 #84accf}
.main_visual .main_quick .main_quick_list .item > h3 {font-size: 1.04vw; position: relative; z-index: 2; transition: all .6s}
.main_visual .main_quick .main_quick_list .item > h3.gmk_bold {font-size: 1.1vw}
.main_visual .main_quick .main_quick_list .item > p {transition: all .6s; padding-top: 0.52vw; font-size: 0.73vw; word-break: keep-all; color: #989898; margin:0 auto; position: relative; z-index: 2}
.main_visual .main_quick .main_quick_list .item > p.word_keep {min-height:2.6vw; width:100%}
.main_visual .main_quick .main_quick_list .item .more_btn {width: 1.56vw; height: 1.56vw; background: #dcebf6; position: relative; display: flex; align-items: center; justify-content: center; font-size: 0; border-radius: 50%}
.main_visual .main_quick .main_quick_list .item .more_btn::after {content:''; display: block; width: 0.68vw; height: 0.68vw; background: var(--key-color);}
.main_visual .main_quick .main_quick_list .item > p.tit_cap {position: relative; font-size: 0.83vw; color: var(--black); padding-top: 0.52vw; padding-bottom: 0.78vw}
.main_visual .main_quick .main_quick_list .item > p.tit_cap::after {content: ''; width: calc(100% - 15px); height: 1px; background: var(--line); display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0}
.main_visual .main_quick .main_quick_list .item > p.style2 {padding-top: 5px}
.main_visual .main_quick .main_quick_list .item .quick_form{padding-top: 1.04vw; display: flex; width: calc(100% - 15px); margin: 0 auto}
.main_visual .main_quick .main_quick_list .item .quick_form input[type="text"] {width: calc(100% - 1.25vw); border: none; background: var(--input_bg); padding: 0 0.52vw; font-size: 0.68vw}
.main_visual .main_quick .main_quick_list .item .quick_form input[type="text"]::placeholder {color: var(--placeholder2)}
.main_visual .main_quick .main_quick_list .item .quick_form input[type="text"]::-webkit-input-placeholder {color: var(--placeholder2)}
.main_visual .main_quick .main_quick_list .item .quick_form input[type="text"]::-moz-placeholder {color: var(--placeholder2)}
.main_visual .main_quick .main_quick_list .item .quick_form input[type="text"]::-ms-input-placeholder {color: var(--placeholder2)}
/* LDH 25.04.04 추가 */
.main_visual .main_quick .main_quick_list .item::before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; background: var(--key-color); transition: transform .5s}
.main_visual .main_quick .main_quick_list .item:hover > h3 {color: var(--white)}
.main_visual .main_quick .main_quick_list .item:hover > p {color: #9dbbe4}
.main_visual .main_quick .main_quick_list .item::before {transform-origin: left top; transform: scale(1, 0)}
.main_visual .main_quick .main_quick_list .item:hover::before {transform-origin: left bottom; transform: scale(1, 1)}
/* LDH 25.04.04 추가 */

/* LDH 25.04.22 메인 나의 일정 추가 */
.main_visual .main_quick .title_wrap {padding:1.56vw 4.17vw 0}
.main_visual .main_quick .title_wrap .greet_txt {display: block; font-size: 1.04vw; padding-top:0}
.main_visual .main_quick .title_wrap > div h2 {padding-top: 3px; font-size: 1.51vw}
.main_visual .main_quick .title_wrap .my_schedule {background: var(--white); padding: 0.52vw; border-radius: 0.41vw; box-shadow: 0 4px 15px 0 #84CF89}
.main_visual .main_quick .title_wrap .my_schedule li {display: flex; align-items: center; gap: 0 0.78vw; font-size: 0.83vw; font-weight: 500;}
.main_visual .main_quick .title_wrap .my_schedule li + li {padding-top: 0.26vw}
.main_visual .main_quick .title_wrap .my_schedule li h3 {color: var(--key-color); font-size: 0.83vw}
.main_visual .main_quick .title_wrap .my_schedule li button { background: #ff7f75; border: none; transition: .3s; padding: 0.26vw; margin: 0; font-size: 0.72vw; border-radius: 0.31vw; min-width: 1.82vw; color: var(--white); cursor: pointer}
.main_visual .main_quick .title_wrap .my_schedule li button:hover {background: #fd6363}

/* .schedule_list {border:1px solid var(--line4); padding:20px 15px} */
.schedule_list > div.empty { border: 1px solid var(--line4); padding: 20px 15px; color: var(--font); font-weight: 500; background: var(--white); text-align: center; display: flex; justify-content: center; }
.schedule_list > div {display: grid; grid-template-columns: 100px 1fr; gap:0 10px}
.schedule_list > div + div {margin-top: 10px}
.schedule_list > div [class*="label_"] {color: var(--white); text-align: center; border: 1px solid var(--line2); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px}
.schedule_list > div .label_non_res {background: #ef4974}
.schedule_list > div .label_res {background: #25b3b4}
.schedule_list > div > ul {border: 1px solid var(--line2); display: flex; flex-direction: column; justify-content: center; padding: 10px}
.schedule_list > div > ul li + li {color: var(--font); padding-top:5px}
/* LDH 25.04.22 메인 나의 일정 추가 */

/* LDH 25.05.16 메인 나의 진료정보 버튼 추가 및 레이아웃 변경 */
.main_shd_btn_wrap {min-height:6.04vw; display:flex; flex-direction: column; justify-content: center; gap:0.26vw 0}
.main_shd_btn_wrap .main_shd_btn {box-shadow:0 4px 15px 0 #84CF89; display: inline-flex; min-height: 2.19vw; transition: .2s ease; background: var(--key-color); border-radius: 0.52vw; color: var(--white); font-size: 0.78vw; font-weight: 700; padding: 0 1.04vw; align-items: center; gap: 0 0.42vw}
.main_shd_btn_wrap .main_shd_btn span {color: #9DE4BD; font-size: 0.63vw}
.main_shd_btn_wrap .main_shd_btn::before {content:''; display: block; width: 0.94vw; height: 0.94vw; background: var(--white); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; -webkit-mask-image: url(../img/main/icon_medi.svg)}
.main_shd_btn_wrap .main_shd_btn:hover {background: var(--key-color2)}
.main_shd_btn_wrap .main_shd_btn:hover span {color: var(--white)}
/* LDH 25.05.16 메인 나의 진료정보 버튼 추가 및 레이아웃 변경 */

.main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap {width: 1.25vw; height: 1.25vw; background: var(--key-color); position: relative;  transition: all .2s}
.main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap:hover {background: var(--key-color2)}
.main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap .submit_btn {border: none; width: 100%; height: 100%; background: transparent; font-size: 0; position: relative; z-index: 2; cursor: pointer}
.main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap::after {content: ''; position: absolute; z-index: 1; background: var(--white)}
.main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap.sch::after {width: 0.78vw; height: 0.78vw}
.main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap.tel::after {width: 0.73vw; height: 0.78vw}
.main_visual .main_quick .main_quick_list .item .quick_form.col {flex-direction: column; gap: 3px 0}
.main_visual .main_quick .main_quick_list .item .quick_form .res_btn {transition: all .2s; border:none; background: var(--key-color); color: #fff; padding: 5px 0; cursor: pointer; font-size: 0.73vw}
.main_visual .main_quick .main_quick_list .item .quick_form .res_btn:hover {background: var(--key-color2)}
.main_visual .main_quick .main_quick_list .item .quick_form .res_btn + .res_btn {background: var(--font)}
.main_visual .main_quick .main_quick_list .item .quick_form .res_btn + .res_btn:hover {background: var(--bg-gray2)}

.main_visual .main_slider, .main_visual .main_slider .main_slider_inner, .main_visual .main_slider .slick-track, .main_visual .main_slider .slick-list, .main_visual .main_slider .item, .main_visual .main_slider .item .inner {height:100%}
.main_visual .main_slider .main_slider_inner {position: relative}
.main_visual .main_slider .slick-arrow {position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); border: none; width: 22px; height: 39px; font-size: 0}
.main_visual .main_slider .slick-arrow:hover {opacity: .5; transition: all .2s}
.main_visual .main_slider .slick-arrow.slick-prev {left: 2.6vw; background: transparent url(../img/main/prev_icon.png) no-repeat center / cover}
.main_visual .main_slider .slick-arrow.slick-next {right: 2.6vw; background: transparent url(../img/main/next_icon.png) no-repeat center / cover}
.main_visual .main_slider .item .inner {display: flex; align-items: center; padding: 0 7.29vw; background-size: cover}
.main_visual .main_slider .item .inner .txt_wrap h2 {line-height: 0.8; font-size: 3.23vw}
.main_slider .item .inner .txt_wrap h2 span {font-size: 1.77vw}
.main_visual .main_slider .item .inner .txt_wrap h2 + * {padding-top: 1.3vw}
.main_visual .main_slider .item .inner .txt_wrap h3 {color: var(--white); font-size: 1.93vw}
.main_visual .main_slider .item .inner .txt_wrap p {color: var(--white); padding-top: 5px; font-size: 1.25vw}
.main_visual .main_slider .slick-dots {position: absolute; left: 0; bottom: 45px; width: 100%; display: flex !important; justify-content: center; gap: 0 10px}
.main_visual .main_slider .slick-dots li button{font-size: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--white); border: none}
.main_visual .main_slider .slick-dots li button:hover {background: var(--mid-blue); transition: all .2s}
.main_visual .main_slider .slick-dots li.slick-active button {background: var(--mid-blue)}

/* center 탭 슬라이더 */
.main_center {background: #f5f7f8; /*background: url(../img/main/main_center_bg.jpg) no-repeat center / cover */ }
.main_center .center_tab_wrap {background: var(--white); height: 350px; box-shadow: 0px 4px 9px 1px rgba(0, 0, 0, 0.2); overflow: hidden; display: grid; grid-template-columns: 350px 1fr;}
.main_center .center_tab_wrap .selection{background: url(../img/main/main_center_bg_logo.png) no-repeat center / cover; display: flex; flex-direction:column; gap: 30px 0; position: relative}
.main_center .center_tab_wrap .selection li {position: relative; cursor: pointer; transition: .2s ease; padding: 0 30px}
.main_center .center_tab_wrap .selection li a {color: var(--white)}
.main_center .center_tab_wrap .selection li::after {content: ''; display: block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 10px; height: 16px; background: var(--white); transition: all .2s}
.main_center .center_tab_wrap .selection li.select::after,
.main_center .center_tab_wrap .selection li:hover::after {background: var(--txt-hover)}
.main_center .center_tab_wrap .selection li + li:before {content: ''; width: 2px; height: 15px; background: var(--white); position: absolute; left: -23px; top: 6px}
.main_center .center_tab_wrap .selection li:hover a,
.main_center .center_tab_wrap .selection li.select a{color:var(--txt-hover)}
.main_center .center_tab_wrap .selection li a {position: relative}
.main_center .center_tab_wrap .selection li a::after {content: ''; width: 100%; height: 2px; background: var(--txt-hover); position: absolute; left: 0; bottom: -3px; opacity: 0; transition: all .2s}
.main_center .center_tab_wrap .selection li.select span::after,
.main_center .center_tab_wrap .selection li:hover span::after {opacity: 1}
.main_center .center_tab_wrap .select_area {overflow: hidden}
.main_center .center_tab_wrap .select_area .main_center_slider,
.main_center .center_tab_wrap .select_area .main_center_slider .slick-list,
.main_center .center_tab_wrap .select_area .main_center_slider .slick-list .slick-track {height: 100%}
.main_center .center_tab_wrap .select_area .main_center_slider .slick-list {padding: 5px}
.main_center .center_tab_wrap .select_area .main_center_slider .item_wrap {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px 0; margin-bottom:10px}
.main_center .center_tab_wrap .select_area .main_center_slider .item {word-break: keep-all; cursor: pointer; align-self: center; padding: 0 10px}
.main_center .center_tab_wrap .select_area .main_center_slider .item:hover .icon{background: var(--key-color2)}
.main_center .center_tab_wrap .select_area .main_center_slider .item:hover .icon span{background: var(--white)}
.main_center .center_tab_wrap .select_area .main_center_slider .item .icon {transition: all .2s; width: 87px; height: 87px; border-radius: 50%; display: block; background: var(--light-blue3); margin: 0 auto 10px; display: flex; justify-content: center; align-items: center}
.main_center .center_tab_wrap .select_area .main_center_slider .item .icon span {transition: all .2s; width: 100%; height: 100%; background: var(--key-color3); display: block}
.main_center .center_tab_wrap .select_area .main_center_slider .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); border: none; font-size: 0; background: transparent}
.main_center .center_tab_wrap .select_area .main_center_slider .slick-arrow::after {content: ''; display:block; width: 10px; height: 16px; background: var(--bg-gray3); -webkit-mask-image: url(../img/common/arrow_icon.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; transition: all .2s}
.main_center .center_tab_wrap .select_area .main_center_slider .slick-arrow:hover::after {background: var(--bg-gray)}
.main_center .center_tab_wrap .select_area .main_center_slider .slick-prev {left: 0; transform: translateY(-50%) rotate(-180deg)}
.main_center .center_tab_wrap .select_area .main_center_slider .slick-next {right: 0}

.main_center .link_box_list {display: grid;  gap: 18px;   grid-template-columns: repeat(6, 1fr);}
.main_center .link_box_list .link_box {display: flex;   flex-direction: column;   align-items: center;   padding: 30px 5px 48px;  text-align: center; border: 1px solid #D9DCDF; border-radius: 20px;   transition: all 0.3s;   background: #fff;}
.main_center .link_box_list .link_box:hover {border-color: var(--key-color); box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);}
.main_center .link_box_list .link_box .icon {margin-bottom: 25px;}
.main_center .link_box_list .link_box .icon img {object-fit: cover;  display: block;  width: 100%;  height: 100%; max-height: 120px;}
.main_center .link_box_list .link_box h3 {color: #222;  margin-bottom: 0.5em; letter-spacing: -0.02em;}
.main_center .link_box_list .link_box p {color:var(--key-color); letter-spacing: -0.02em;}
.main_center .inner_container {position: relative;}
.main_center .view_more {position: absolute;  right: 0;  top: 0;}
.main_center .view_more .plus_icon {display: block; width: 50px; border-radius: 50%;}
.main_center .view_more .plus_icon img {width: 100%; transition: 0.3s;}
.main_center .view_more:hover img {filter: brightness(1.2);}
.main_center .view_more:hover .plus_icon {box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);}

/*중간 퀵메뉴*/
.main_quick_mid {position: relative; z-index: 2}
.main_quick_mid .quick_mid_inner{background: var(--white); box-shadow: 0px 4px 9px 1px rgba(0, 0, 0, 0.2); transform: translateY(calc(-1 * (155px / 2))); height: 155px; display: grid; grid-template-columns: repeat(6, 1fr)}
.main_quick_mid .quick_mid_inner li {color: var(--font); cursor: pointer; position: relative; transition: all .2s; height: 100%}
.main_quick_mid .quick_mid_inner li a {display: block; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center}
.main_quick_mid .quick_mid_inner li:hover {transform: translateY(-10px); background: var(--light-blue2); box-shadow: 0px 7px 15px 1px rgba(0, 0, 0, 0.2)}
.main_quick_mid .quick_mid_inner li + li::after {content: ''; display: block; width: 2px; height: 35px; background: var(--line); position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: .6}
.main_quick_mid .quick_mid_inner li:hover::after,
.main_quick_mid .quick_mid_inner li:hover + li::after {opacity: 0}
.main_quick_mid .quick_mid_inner li .icon {width: 100%; height: 58px; margin: 0 auto 10px; display: block}
.main_quick_mid .quick_mid_inner li:nth-child(1) .icon {background: url(../img/main/icon_center_mid07.png) no-repeat center / 58px}/*찾아오시는 길*/
.main_quick_mid .quick_mid_inner li:nth-child(2) .icon {background: url(../img/main/icon_center_mid08.png) no-repeat center / 58px}/*주차안내*/
.main_quick_mid .quick_mid_inner li:nth-child(3) .icon {background: url(../img/main/icon_center_mid02.png) no-repeat center / 60px}/*심장박물관*/
.main_quick_mid .quick_mid_inner li:nth-child(4) .icon {background: url(../img/main/icon_center_mid04.png) no-repeat center / 42px}/*건강검진문진표 신청*/
.main_quick_mid .quick_mid_inner li:nth-child(5) .icon {background: url(../img/main/icon_center_mid05.png) no-repeat center / 61px}/*인터넷증명서 발급*/
.main_quick_mid .quick_mid_inner li:nth-child(6) .icon {background: url(../img/main/icon_center_mid06.png) no-repeat center / 42px}/*실손보험청구*/

/* icon_center_mid01.png - 힐링스페이스*/
/* icon_center_mid03.png - 360VR*/

/*메인 최신글 영역*/
.main_latest { position: relative; z-index:1; overflow: hidden;}
.main_latest .main_latest_inner {background: rgba(188, 229, 166, 0.86); position: relative}
.main_latest .main_latest_inner::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(188, 229, 166, 0.38); z-index: 1}
.main_latest .main_latest_inner .cont {position: relative; z-index: 2}
.main_latest .main_latest_inner .cont .cont_head {display: flex; justify-content: space-between; align-items: center}
.main_latest .main_latest_inner .cont .cont_head .latest_tit {padding-left: 60px}
.main_latest .main_latest_inner .cont .cont_head .latest_tit::after {content: ''; width: 49px; height: 39px; background: var(--key-color); position: absolute; left: 0; top: 10px}
.main_latest .main_latest_inner .cont .cont_head .board_tab {display: flex; gap: 0 15px} 
.main_latest .main_latest_inner .cont .cont_head .board_tab li {cursor: pointer; height: 55px; background: var(--white); border-radius: 55px; min-width: 195px; text-align: center; transition: all .2s}
.main_latest .main_latest_inner .cont .cont_head .board_tab li:hover,
.main_latest .main_latest_inner .cont .cont_head .board_tab li.select {background: var(--key-color)}
.main_latest .main_latest_inner .cont .cont_head .board_tab li:hover a,
.main_latest .main_latest_inner .cont .cont_head .board_tab li.select a {color: var(--white)} 
.main_latest .main_latest_inner .cont .cont_head .board_tab li a {padding: 0 15px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%}

.main_latest .main_latest_inner .cont .notice {padding: 35px 0 0}
.main_latest .main_latest_inner .cont .notice ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 12px}
.main_latest .main_latest_inner .cont .notice ul li {cursor: pointer; background: var(--white); min-height: 240px; border-radius: 20px; border: none; position: relative}
.main_latest .main_latest_inner .cont .notice ul li > a {display: block; width: 100%; height: 100%; padding: 25px 30px; position: relative; z-index: 2}
.main_latest .main_latest_inner .cont .notice ul li::after {content: ''; display: block; width: 29px; height: 29px; background: var(--key-color); position: absolute; right: 30px; bottom: 30px; transition: all .2s; z-index: 1}
.main_latest .main_latest_inner .cont .notice ul li:hover::after {background: var(--key-color2)}
.main_latest .main_latest_inner .cont .notice ul li .latest_tit {color: var(--black); padding: 0; word-break: keep-all; transition: all .2s}
.main_latest .main_latest_inner .cont .notice ul li .latest_tit strong {font-weight: 700}
.main_latest .main_latest_inner .cont .notice ul li:hover .latest_tit {color: var(--key-color)}
.main_latest .main_latest_inner .cont .notice ul li .latest_cont {padding-top: 10px; color: var(--font); word-break: keep-all; line-height: 1.3}
.main_latest .main_latest_inner .cont .notice ul li .latest_date {position: absolute; left: 25px; bottom: 30px; color: #aaa}
.main_latest .main_latest_inner .cont .notice ul li .latest_date::before {content: ''; display: inline-block; width: 14px; height: 14px; background: #aaa; margin-right: 4px; transform: translateY(1px)}

.main_latest .heading_area .tab_btn {display: flex; justify-content: flex-start;  align-items: center; background: #ebeff2; width: 11.875em;  height: 3.31em;  border-radius: 30px;  padding-left: 1.5em;  transition: all 0.35s; position: relative; margin-bottom: 10px;}
.main_latest .heading_area .tab_btn::after {content: "";  position: absolute; right: 1.5em;  top: 50%;   transform: translateY(-50%);   width: 1.25em; height: 1.25em; background-image: url(../img/main/arrow-right.png); background-size: cover; opacity: 0; transition: all 0.35s;}
.main_latest .heading_area .tab_btn:hover,
.main_latest .heading_area .tab_btn.on {background: var(--key-color); color: #fff;}
.main_latest .heading_area .tab_btn.on::after {opacity: 1;}
.main_latest .tab_btn_area {transform: translateY(-5px);}
.main_latest .slide_area .swiper-slide {padding: 3px;}
.main_latest .slide_area .swiper-slide > a {display: block; padding: 35px 30px; background: #fff;  border-radius: 10px; border: 1px solid #D9DCDF; width: 100%;   height: 300px; position: relative; transition: all 0.35s;}
.main_latest .slide_area .swiper-slide > a:hover {  border-color: var(--key-color); box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);}
.main_latest .inner_container {position: relative;}
.main_latest .slide_area {position: absolute;  top: 0;  left: 300px; width: 1300px; overflow: hidden;}
.main_latest .latest_hospital {color: var(--key-color);  margin-bottom: 1em;}
.main_latest .latest_tit {margin-bottom: 0.6em; line-height: 1.3em; color: #222;}
.main_latest .latest_cont {color:#626262; line-height: 1.3em;}
.main_latest .latest_date {  position: absolute; left: 35px; bottom: 30px;  color: #999999;}
.main_latest .latest_date::before {  content: '';  display: inline-block;  width: 14px;  height: 14px;  background: #999999;  margin-right: 4px; transform: translateY(2px);}
.main_latest .latest_slide_area {padding-bottom: 60px; position: relative;}
.main_latest .ctrl { left: 0; bottom: 0; }
.main_latest .slide_area .swiper-slide::after { content: '';  display: block;  width: 17px;  height: 17px;  background: var(--main-color);    position: absolute;  right: 35px;  bottom: 35px;  transition: all .2s;   z-index: 1;}
.swiper_slider_ctrl .ctrl { position: absolute;  width: 110px;    height: 35px;}
.swiper_slider_ctrl .swiper-button-next:after,
.swiper_slider_ctrl .swiper-button-prev:after {content: none;}
.swiper_slider_ctrl .swiper-button-next,
.swiper_slider_ctrl .swiper-button-prev {width: 36px;  height: 36px; top: 0; margin-top: 0;background-size: cover;}
.swiper_slider_ctrl .swiper-button-next {background-image: url(../img/main/s-arrow-right.svg);right: 0;}
.swiper_slider_ctrl .swiper-button-next:hover {background-image: url(../img/main/s-arrow-right-hover.svg);}
.swiper_slider_ctrl .swiper-button-prev {background-image: url(../img/main/s-arrow-left.svg);left: 0;}
.swiper_slider_ctrl .swiper-button-prev:hover {background-image: url(../img/main/s-arrow-left-hover.svg);}
.swiper_slider_ctrl .ctrl::after {content: "";  position: absolute;  top: 50%;  left: 50%;  transform: translateY(-50%);  width: 1px;  height: 14px;  background: #ddd;}


/*메인 유튜브*/
.main_youtube .youtube_title {display: flex; justify-content: center; align-items: center; gap: 0 40px}
.main_youtube .youtube_title .logo img{max-width: 296px}
.main_youtube .youtube_title .devide {width: 2px; height: 62px; background: rgba(0,0,0,0.2)}
.main_youtube .youtube_title .txt {color: var(--black)}
.main_youtube .youtube_latest .notice ul{display: grid; grid-template-columns: repeat(4, 1fr); gap:0 6px}
.main_youtube .youtube_latest .notice ul li > a {display: block; width: 100%; height: 100%}
.main_youtube .youtube_latest .notice ul li .youtube_thumb {display: block; height: 160px}
.main_youtube .youtube_latest .notice ul li .youtube_thumb img{border-radius: 10px; width: 100%; height: 100%}
.main_youtube .youtube_latest .notice ul li .latest_tit {font-size:16px; color: var(--black); padding-top: 15px; line-height: 1.4; height: 60px; transition: all .2s}
.main_youtube .youtube_latest .notice ul li a:hover .latest_tit {color: var(--key-color)}
.main_youtube .youtube_latest .latest_cont {font-size:15px}
.main_youtube .youtube_latest img {border-radius:10px}

@media (max-width: 1366px) {
    /*상단 검색바 / 비주얼 / 퀵메뉴*/
    .main_visual .main_quick > h2 {font-size:20px; padding-top:30px}
    .main_visual .main_quick .greet_txt {padding-top: 30px; font-size: 15px}
    .main_visual .main_quick .greet_txt b {font-size: 17px}
    .main_visual .main_quick .main_quick_list {padding: 30px 5.21vw}
    .main_visual .main_quick.member .main_quick_list {padding:10px 5.21vw 30px 5.21vw}
    .main_visual .main_quick .main_quick_list .item {height:145px}
    .main_visual .main_quick .main_quick_list .item > h3 {font-size: 13px}
    .main_visual .main_quick .main_quick_list .item > h3.gmk_bold {font-size: 13px}
    .main_visual .main_quick .main_quick_list .item > p {font-size: 13px; padding-top: 8px}
    .main_visual .main_quick .main_quick_list .item > p.tit_cap {font-size: 12px; padding-top: 4px; padding-bottom: 6px}
    .main_visual .main_quick .main_quick_list .item .quick_form {width: 100%; padding-top: 10px}
    .main_visual .main_quick .main_quick_list .item .quick_form .res_btn {font-size: 13px}
    .main_visual .main_quick .main_quick_list .item .quick_form input[type="text"] {width: calc(100% - 20px); padding: 0 2px; font-size: 11px}
    .main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap {width: 20px; height: 24px}
    .main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap.sch::after {width: 15px; height: 15px}
    .main_visual .main_quick .main_quick_list .item .quick_form .btn_wrap.tel::after {width: 14px; height: 15px}

    .main_visual .main_slider .item .inner {padding: 0 85px}
    .main_visual .main_slider .item .inner .txt_wrap h2 {font-size: 40px}
    .main_slider .item .inner .txt_wrap h2 span {font-size: 20px}
    .main_visual .main_slider .item .inner .txt_wrap h3 {padding-top: 20px; font-size: 24px}
    .main_visual .main_slider .item .inner .txt_wrap p {font-size: 16px}
    .main_visual .main_slider .slick-arrow.slick-prev {left: 30px}
    .main_visual .main_slider .slick-arrow.slick-next {right: 30px}
}

/****************** Media Query ******************/

/* laptop ~ table */
@media (max-width: 1279px) {
}

/* table ~ mobile */
@media (max-width: 1024px) {
    .schedule_list > div {grid-template-columns: 100%; gap: 10px 0}
    .schedule_list > div [class*="label_"] {padding: 5px}

    .main_center .link_box_list {grid-template-columns: repeat(3, 1fr);}
    .main_center .view_more .plus_icon {width: 30px;}
}

@media (max-width: 980px) {
    .main_visual {display: block;}
    .main_visual .main_slider, .main_visual .main_slider .main_slider_inner, .main_visual .main_slider .slick-track, .main_visual .main_slider .slick-list, .main_visual .main_slider .item, .main_visual .main_slider .item .inner {
    height: 55vw;}
}

/* mobile only */
@media (max-width: 768px) {
}