@charset "utf-8";

/*
 * File       : sub.css
 * Author     : SMART GEO
 * Guideline  : -
 * Update : 2022-05-23
 *
 * Dependency : -
 *
 * SUMMARY:
 * 00) 애니메이션
 * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
 * 02) 청맥의료진 (루트)
 * 03) 진료분야 (루트)
 * 04) 시설및장비 (루트)
 * 06) 병원이용안내 (루트, 진료안내)
 */


/* **************************************** *
 * 00) 애니메이션
 * **************************************** */
@keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } }
@keyframes scroll_down { 0% { transform: translateY(20px) } 50% { transform: translateY(0px) } 100% { transform: translateY(20px) } }
@keyframes anime_1_1 { 0% { opacity: 0; transform: translateY(4000px) } 100% { opacity: 1; transform: translateX(55%) translateY(2%) perspective(1500px) rotateX(0deg) rotateY(0deg) rotateZ(360deg) } }
@keyframes anime_1_2 { 0% { opacity: 0; transform: translateY(4000px) } 100% { opacity: 1; transform: translateX(-7%) translateY(14%) perspective(1500px) rotateX(0deg) rotateY(0deg) rotateZ(360deg) } }
@keyframes anime_1_3 { 0% { opacity: 0; transform: translateY(4000px) } 100% { opacity: 1; transform: translateX(-55%) translateY(22%) perspective(1500px) rotateX(0deg) rotateY(0deg) rotateZ(352deg) } }
@keyframes backInUp { 0% { transform: translateY(1200px) scale(.7); opacity: .7 } 80% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 } }
@keyframes move_motion { 0% { padding-left: -20px; } 100% { padding-left: 20px; } }
@keyframes career_img { 0% { opacity: 0; height: 0; } to { opacity: 1; height: 100%; } }
@keyframes timeline_start { 0% { width: 0; } 100% { width: 100% } }
@keyframes career_change_anime { 0% { transform: translateY(0); opacity: 0; } 10% { transform: translateY(-3%); opacity: 1; } 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateY(-2%); } 95% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-120%); opacity: 0; } }
@keyframes count_anime { 0% { top: 40px; opacity: 0; } 10% { top: 0; opacity: 1; } 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { top: 0; } 95% { top: 10px; opacity: 1; } 100% { top: -40px; opacity: 0; } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes btn_pulse { 0% { transform: scaleX(1) } 25% { transform: scale3d(1.2, 1.2, 1.2) } 50% { transform: scaleX(1) } to { transform: scaleX(1) } }
@keyframes dash { to { stroke-dashoffset: 0; } }
@keyframes typo01-after { 0% { left: 0; width: 0; } 50% { width: 100%; } to { right: 0; width: 0; } }
@keyframes marquee_1 { 0% { left: 0; } 100% { left: -100%; } }
@keyframes marquee_2 { 0% { right: 100%; } 100% { right: 0; } }
@keyframes marquee_3 { 0% { left: -10%; } 100% { left: -110%; } }

/* **************************************** *
 * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
 * **************************************** */

/* ROOT */
#introduce_outer { position: relative; width: 100%; height: 100vh; background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_bg.png") no-repeat center center/cover; }
#introduce_outer #introduce_inner { position: relative; display: flex; flex-direction: row; height: 100%; width: 100%; align-items: center; justify-content: center; z-index: 1; }
#introduce_outer #introduce_inner .cursor { position: absolute; width: 32px; height: 32px; transform: translate(-50%, -50%); z-index: 3; pointer-events: none; background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_menu_hover_icon.svg") no-repeat center center/cover; display: none; }
#introduce_outer #introduce_inner .item { position: relative; top: 36px; width: 638px; height: 720px; cursor: none; }
#introduce_outer #introduce_inner .item.introduction { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_menu_introduction.png") no-repeat center center/cover; transform: perspective(900px) rotateY(350deg) scale(0.95); }
#introduce_outer #introduce_inner .item.philosophy { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_menu_philosophy.png") no-repeat center center/cover; margin: 0 -20px; }
#introduce_outer #introduce_inner .item.history { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_menu_history.png") no-repeat center center/cover; transform: perspective(900px) rotateY(-350deg) scale(0.95); }
#introduce_outer .marquee_outer { position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; overflow: hidden; }
#introduce_outer .marquee_outer .marquee_inner { position: relative; display: flex; width: 200%; }
#introduce_outer .marquee_outer .marquee_inner:nth-child(1) { animation: marquee_1 100s linear infinite; }
#introduce_outer .marquee_outer .marquee_inner:nth-child(2) { animation: marquee_2 90s linear infinite; margin: 20px 0; z-index: 2; pointer-events: none; }
#introduce_outer .marquee_outer .marquee_inner:nth-child(3) { animation: marquee_3 80s linear infinite; }
#introduce_outer .marquee_outer .marquee_inner .content { width: 24%; margin-right: 1%; height: 100px; }
#introduce_outer.philosophy .marquee_outer .marquee_inner:nth-child(1) .content, #introduce_outer.philosophy .marquee_outer .marquee_inner:nth-child(3) .content { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_typo_philosophy_1.png") no-repeat center center/contain; }
#introduce_outer.philosophy .marquee_outer .marquee_inner:nth-child(2) .content { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_typo_philosophy_2.png") no-repeat center center/contain; }
#introduce_outer.introduction .marquee_outer .marquee_inner:nth-child(1) .content, #introduce_outer.introduction .marquee_outer .marquee_inner:nth-child(3) .content { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_typo_introduction_1.png") no-repeat center center/contain; }
#introduce_outer.introduction .marquee_outer .marquee_inner:nth-child(2) .content { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_typo_introduction_2.png") no-repeat center center/contain; }
#introduce_outer.history .marquee_outer .marquee_inner:nth-child(1) .content, #introduce_outer.history .marquee_outer .marquee_inner:nth-child(3) .content { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_typo_history_1.png") no-repeat center center/contain; }
#introduce_outer.history .marquee_outer .marquee_inner:nth-child(2) .content { background: url("https://cheongmac.blob.core.windows.net/contents/page_1_1_typo_history_2.png") no-repeat center center/contain; }

/* 청맥인사, 청맥철학 GB */
.introduction_wrap { position: relative; text-align: center; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; user-select: none; }
.introduction_wrap:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("https://cheongmac.blob.core.windows.net/contents/page_1_2.png"); background-size: contain; z-index: 2; mix-blend-mode: multiply; }
.introduction_wrap .introduction_container { display: inline-block; max-width: 1920px; width: 100%; }
.introduction_wrap .introduction_container .introduction { position: relative; z-index: 2; }
.introduction_wrap .introduction_container .introduction .content { position: relative; text-align: left; }
.introduction_wrap .introduction_container .introduction .content .content_img { position: relative; top: 0; }
.introduction_wrap .introduction_container .introduction .content .content_img img { -webkit-user-drag: none; }
.introduction_wrap .introduction_container .introduction .content .content_txt { color: #000000; z-index: 5; }
.introduction_wrap .introduction_container .introduction .content .content_txt.po_relative { position: relative; }
.introduction_wrap .introduction_container .introduction .content .content_txt.po_absolute { position: absolute; }
.introduction_wrap .introduction_container .introduction .content .content_txt.story { text-align: left; }
.introduction_wrap .introduction_container .introduction .content .content_txt h2 { padding: 0; font-size: 86px; font-weight: bold; line-height: 1.21; color: #000000; z-index: 5; }
.introduction_wrap .introduction_container .introduction .content .content_txt h2 span { position: relative; }
.introduction_wrap .introduction_container .introduction .content .content_txt h2 span::after { content: ''; position: absolute; bottom: 8px; left: 0; width: 100%; height: 4px; background-color: #000000; }
.introduction_wrap .introduction_container .introduction .content .content_txt b { position: relative; display: inline-block; font-size: 38px; line-height: 1.25; letter-spacing: -0.025em; font-weight: bold; margin-bottom: 68px; /*white-space: pre-line;*/ }
.introduction_wrap .introduction_container .introduction .content .content_txt b::before { content: ''; position: absolute; top: -60px; left: 0; width: 36px; height: 2.5px; background-color: #000000 }
.introduction_wrap .introduction_container .introduction .content .content_txt p { font-size: 24px; line-height: 1.75; }
.introduction_wrap .introduction_container .introduction .content .content_txt .scroll_down_anime img { width: 30% }

/* 청맥인사 */
.introduction_wrap .introduction_container .introduction .content.section_1 { top: 0; left: 0; margin-top: 320px; padding: 0 60px 0 152px; }
.introduction_wrap .introduction_container .introduction .content.section_1 .content_txt h2 { position: absolute; top: -190px; left: 17%; }
.introduction_wrap .introduction_container .introduction .content.section_2 { margin-top: -26%; padding: 0 76px 0 300px; text-align: right; }
.introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine { position: relative; display: inline-block; }
.introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .content_txt.story { top: 43%; left: -16%; }
.introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .title_svg { position: absolute; left: -210px; bottom: -130px;}
.introduction_wrap .introduction_container .introduction .content.section_2 .content_txt.po_relative { display: inline-block; right: 12%; top: -64px; }
.introduction_wrap .introduction_container .introduction .content.section_2 .content_txt .scroll_down_anime { width: 100%; position: absolute; right: -34%; bottom: -60%; animation: scroll_down 1.5s ease-in-out infinite; }
.introduction_wrap .introduction_container .introduction .content.section_3 { margin: 180px 0 -40px; text-align: center; }
.introduction_wrap .introduction_container .introduction .content.section_3 .obj_combine .content_txt.story { top: -124px; left: 15%; }

/* 청맥철학 */
.introduction_wrap .introduction_container .introduction .content.section_4 { top: 0; left: 0; margin-top: 320px; padding: 0 0 0 152px; z-index: 1; }
.introduction_wrap .introduction_container .introduction .content.section_4 .content_txt h2 { position: absolute; top: -190px; left: 11%; }
.introduction_wrap .introduction_container .introduction .content.section_5 { margin-top: -380px; text-align: center; }
.introduction_wrap .introduction_container .introduction .content.section_5 .obj_combine .content_txt.story { top: -400px; right: 24%; }
.introduction_wrap .introduction_container .introduction .content.section_5 .content_txt .scroll_down_anime { width: 100%; position: absolute; right: -112%; bottom: -44%; animation: scroll_down 1.5s ease-in-out infinite; }
.introduction_wrap .introduction_container .introduction .content.section_6 { margin-top: -26%; padding: 0 76px 0 0; text-align: right; }
.introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine { position: relative; display: inline-block; }
.introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .content_txt.story { top: 43%; left: -16%; }
.introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .content_img { top: -1660px; right: -82%; }
.introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .title_svg { position: absolute; top: 860px; right: 180%; }
.introduction_wrap .introduction_container .introduction .content.section_6 .content_txt.po_relative { display: inline-block; top: 560px; right: 14%; }
.introduction_wrap .introduction_container .introduction .content.section_7 { margin-top: 22%; }
.introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine { position: relative; display: inline-block; }
.introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(2) { top: -30%; left: 28%; }
.introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(3) { top: -20px; left: 148%; }
.introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_img { top: 220px; }
.introduction_wrap .introduction_container .introduction .content.section_7 figure.exception { position: absolute; top: -16%; right: 4%; }
.introduction_wrap .introduction_container .introduction .content.section_8 { padding: 0 80px; }
.introduction_wrap .introduction_container .introduction .content.section_8 { margin: -6% 0 4%; }
.introduction_wrap .introduction_container .introduction .content.section_8 .content_txt.story { top: 0; }

/* 청맥연혁 */
.history_wrap { position: relative; text-align: center; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; user-select: none; }
.history_wrap .content { position: relative; display: flex; flex-direction: column; gap: 80px; }
.history_wrap .content .inner { margin: 0 auto; padding: 0 20px; max-width: 1320px; width: 100%; }
.history_wrap .content #careers { width: 100%;  }
.history_wrap .content #careers li { padding: 72px 0 96px; width: 100%; }
.history_wrap .content #careers li:nth-child(even) { background: #f5f5f5; }


/* **************************************** *
 * 02) 청맥의료진 (루트)
 * **************************************** */

/* ROOT (PC) */
.m_layout { display: none; }
.pc_layout { display: block; }
.pc_layout .doctors_wrap { width: 100%; height: 100vh; letter-spacing: -0.05em; }
.pc_layout .doctors_wrap img { -webkit-user-drag: none; }
.pc_layout .doctors_wrap .content_bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.pc_layout .doctors_wrap .content_bg .bg_item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: .3s; }
.pc_layout .doctors_wrap .content_bg .bg_item.item_1 { background-color: #ffffff; }
/*.pc_layout .doctors_wrap .content_bg .bg_item.item_2 { background-color: #F7F7F7; }*/
.pc_layout .doctors_wrap .content_bg .bg_item.item_3 { background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_bg.png") no-repeat center center/cover; }
.pc_layout .doctors_wrap .content_bg .bg_item.view { opacity: 1; }
.pc_layout .doctors_wrap .doctors_container { position: absolute; max-width: 1600px; width: 100%; max-height: 54vh; height: 100%; padding: 0 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.pc_layout .doctors_wrap .doctors_container .content { position: relative; height: 100%; z-index: 1; display: flex; }
.pc_layout .doctors_wrap .doctors_container .content .subject { margin-right: 40px; max-width: 460px; display: flex; flex-direction: column; justify-content: space-between; gap: 80px; color: #363636; }
.pc_layout .doctors_wrap .doctors_container .content .subject li { position: relative; cursor: pointer; }
.pc_layout .doctors_wrap .doctors_container .content .subject li div.item { position: relative; display: inline-block; padding: 1vw 20px 2.5vw 38px; opacity: .3; transition: .3s; }
.pc_layout .doctors_wrap .doctors_container .content .subject li div.item:before { content: ""; position: absolute; top: 0; left: 1px; bottom: 0; width: 2px; background: rgba(185, 185, 185, .5); }
.pc_layout .doctors_wrap .doctors_container .content .subject li div.item.current { opacity: 1; }
.pc_layout .doctors_wrap .doctors_container .content .subject li div.item.current:before { left: 0; width: 4px; background: rgba(243, 113, 40, 1) }
.pc_layout .doctors_wrap .doctors_container .content .subject li:last-child div.item { padding-bottom: 1vw; }
.pc_layout .doctors_wrap .doctors_container .content .subject .title { position: relative; display: inline-block; padding-bottom: 88px; margin-bottom: -64px; font-size: 33px; line-height: 1; font-weight: bold; z-index: 1; color: #000000; }
.pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(2) .title { padding-right: 104px; }
.pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status { position: absolute; top: 21px; right: 24px; width: 64px; height: 64px; background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_career_btn_play.svg") no-repeat center center/cover; transition: background .15s; }
.pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status .spinner { width: 64px; height: 64px; background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_career_btn_progressbar.svg") no-repeat center center/cover; animation: spin 2s linear infinite; }
.pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status.stop { background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_career_btn_pause.svg") no-repeat center center/cover; }
.pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status.stop .spinner { animation-play-state: paused; }

.pc_layout .doctors_wrap .doctors_container .content .subject .optionBox { position: relative; height: 100%; display: flex; flex-direction: column; }
.pc_layout .doctors_wrap .doctors_container .content .subject .optionBox.pointer { cursor: pointer; }
.pc_layout .doctors_wrap .doctors_container .content .subject .optionBox .doctorMatchIcon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pc_layout .doctors_wrap .doctors_container .content .subject .optionBox .doctorMatchIcon img { width: 100%; height: 100%; object-position: bottom; object-fit: contain; }
.pc_layout .doctors_wrap .doctors_container .content .subject .optionBox .singleButton { flex: 1; display: flex; align-items: end; }
.pc_layout .doctors_wrap .doctors_container .content .subject .optionBox .singleButton button { width: 100%; padding: 16px 20px; padding: 16px 20px; border-radius: 8px; background: linear-gradient(to bottom, #F57F25, #F47128); font-size: 16px; color: #FFFFFF; }
.pc_layout .doctors_wrap .doctors_container .content .subject .optionBox .singleButton button p { position: relative; animation: move_motion 0.5s infinite alternate; }

.pc_layout .doctors_wrap .doctors_container .content .subject .desc { margin-bottom: 24px; font-size: 20px; line-height: 1.7; white-space: pre-line; }
.pc_layout .doctors_wrap .doctors_container .content .subject .hashtag { display: flex; flex-wrap: wrap; column-gap: 4px; row-gap: 6px; font-size: 17px; }
.pc_layout .doctors_wrap .doctors_container .content .subject .hashtag li { display: inline-block; padding: 8px 12px; border: 1px solid #363636; border-radius: 50px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce { position: relative; flex-grow: 1; color: #000000; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item { position: absolute; width: 100%; height: 100%; display: flex; justify-content: flex-end; opacity: 0; transition: .3s; user-select: none; overflow: hidden; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view { opacity: 1; user-select: unset; z-index: 1; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item .row { display: flex; flex-direction: column; flex-grow: 1; }
.pc_layout .doctors_wrap.bk .doctors_container .content .subject { color: #ffffff; }
.pc_layout .doctors_wrap.bk .doctors_container .content .subject .title { color: #ffffff; }
.pc_layout .doctors_wrap.bk .doctors_container .content .subject .hashtag li { border: 1px solid #ffffff; }
.pc_layout .doctors_wrap.bk .doctors_container .content .introduce { color: #ffffff; }

@keyframes scrollDownCircle { 0% { transform: translateY(-12px); } 100% { transform: translateY(12px); } }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item .doctorLectures { display: flex; flex-direction: column; gap: 12px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item .doctorLectures li { padding-top: 100px; padding-bottom: 100px; position: relative; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item .scrollDownWrapper { position: absolute; right: 0; top: 0; display: flex; align-items: center; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item .scrollDownWrapper .scrollDownBox { width: 28px; height: 56px; background: transparent; border: 2px solid #FFFFFF; border-radius: 60px; position: relative; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item .scrollDownWrapper .scrollDownBox .scrollDownCircle { position: absolute; width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; inset: 0; margin: auto; animation: scrollDownCircle 1.5s ease-in-out infinite alternate; }

.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 { align-items: center; cursor: pointer; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row { align-items: center; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .title { width: 70%; margin-top: -8px; margin-bottom: 52px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .doctors { width: 90%; opacity: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .move_btn { position: relative; width: 90%; text-align: center; font-size: 24px; height: 70px; line-height: 70px; background: linear-gradient(to bottom, #F57F25, #F47128); color: #ffffff; border-radius: 10px; opacity: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .move_btn span { position: relative; animation: move_motion 0.5s infinite alternate; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .move_btn span i { position: relative; top: 2px; margin-left: 12px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row { width: 100%; height: 100%; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line { flex: 1; display: flex; margin-bottom: 20px; justify-content: center; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line:last-child { margin-bottom: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item { position: relative; display: flex; align-items: flex-end; margin-right: 20px; width: 260px; border-radius: 10px; cursor: pointer; transition: background .3s ease-in-out; overflow: hidden; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item:last-child { margin-right: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item img.character { opacity: 0; transition: opacity 1s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item .profile { display: flex; width: 100%; justify-content: space-between; background-color: #5d5d5d; color: #ffffff; transform: translateY(50px); z-index: 2; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item .profile p { padding: 10px 0 10px 14px; font-size: 19px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item .profile span { margin-left: 4px; font-size: 17px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item .profile button { width: 40px; background-color: #424242; color: #ffffff; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item .profile button i { font-size: 18px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item:hover .profile button i { font-weight: bold; color: #F57F25; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout { display: flex; flex-direction: column; justify-content: center; /*padding-left: 4%;*/ width: 100%; height: 100%; background: #FFFFFF; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top { height: 54%; margin-bottom: 8%; display: flex; flex-direction: row; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .img_slide { width: 66%; margin-right: 4%; text-align: center; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .img_slide img { position: relative; top: 1px; width: 100%; height: 100%; object-fit: cover; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .img_slide video { width: 100%; height: 100%; outline: none !important; object-fit: cover; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .img_slide .flexible_video { position: relative; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .img_slide .flexible_video:before { content: ''; position: absolute; top: 20px; left: 20px; width: 72px; height: 72px; background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_2_interview_btn_play.png") no-repeat center center/cover; opacity: 1; transition: opacity .3s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .img_slide .flexible_video.pause:before { opacity: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career { width: 30%; font-size: 18px; display: flex; flex-direction: column; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name { position: relative; display: flex; flex-direction: column; padding-bottom: 24px; margin-bottom: 24px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name::after { content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: #F47128; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name p { margin-bottom: 8px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main { display: flex; align-items: flex-start; justify-content: space-between; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main h1, .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main span { display: inline-block; line-height: 1; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main h1 strong { font-size: 32px; font-weight: bold; letter-spacing: 4px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main span { padding: 10px; font-size: 16px; letter-spacing: 0; border: 1px solid #888888; border-radius: 5px; cursor: pointer; color: #888888; display: none; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main span:hover { background-color: #888888; color: #ffffff; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .detail p { position: relative; padding-left: 16px; font-size: 17px; font-weight: normal; color: #888888; margin-bottom: 10px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .detail p:before { content: ''; position: absolute; left: 4px; top: 8px; width: 3px; height: 3px; border-radius: 3px; background-color: #888888; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .swiper-slide { display: flex; flex-direction: column; justify-content: center; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom { display: flex; justify-content: space-between; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail { width: 16%; cursor: pointer; text-align: center; transition: all .3s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail:last-child { margin-right: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail:hover { transform: translateY(-10px); }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail .person { display: none; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail .character { display: block; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail:hover .person { display: block; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail:hover .character { display: none; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail p { font-size: 17px; color: #212121; margin: 8px 0 2px 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail p strong { font-size: 19px; font-weight: bold; letter-spacing: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail span { font-size: 14px; color: #505050; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 { overflow-y: scroll; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3::-webkit-scrollbar { display: none; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images div { position: absolute; opacity: 0.65; filter: brightness(0.5); }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images .vertical_img { left: 0; top: -2%; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images .horizontal_img { right: 0; bottom: -3%; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row { position: relative; width: 100%; padding-left: 120px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .year { font-size: 72px; line-height: 1; margin-bottom: 20px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .career_list { position: relative; white-space: pre-line; font-size: 20px; font-weight: 100; line-height: 1.1; letter-spacing: 1px; margin-bottom: 12px; padding-left: 20px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .career_list:before { content: ''; position: absolute; top: 9px; left: 2px; width: 4px; height: 4px; border-radius: 4px; background-color: #ffffff; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .career_list:last-child { margin-bottom: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .career_list.lineHeightException { line-height: 1.35; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .career_list .light { font-family: "NanumSquareL", sans-serif; color: rgba(255, 255, 255, 0.8); }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar { margin-top: 20px; display: flex; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .count_box { font-size: 18px; overflow: hidden; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .count_box img { padding: 10px 4px; position: relative; top: -4px; cursor: pointer; z-index: 100; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .count_box .prev_btn { margin-right: 24px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .count_box .next_btn { margin-left: 24px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .count_box .count_now { position: relative; color: #F8642A; opacity: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .count_box .count_all { }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .more_btn { position: relative; font-size: 20px; cursor: pointer; z-index: 11; margin-left: 40px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .more_btn img { position: relative; top: -1px; width: 20px; margin-left: 6px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .additional_bar .more_btn span { position: relative; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .timeline { position: relative; margin-top: 12px; width: 100%; height: 3px; background: rgba(255, 255, 255 , .2); }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .timeline.start:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(255, 255, 255, 1); animation: timeline_start 6s forwards linear; }

/* + action */
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_1 .row .title { animation: backInUp .8s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_1 .row .doctors { animation: fadeIn .8s forwards ease-in-out; animation-delay: 1.0s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_1 .row .move_btn { animation: fadeIn .8s forwards ease-in-out; animation-delay: 1.0s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item img.character { animation: fadeIn .5s forwards ease-in-out; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item.park img.character  { animation-delay: 0.7s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item.jang img.character { animation-delay: 1.0s; }
/* .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item.k_im img.character { animation-delay: 1.3s; } */
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item.jeon img.character { animation-delay: 1.3s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item.byun img.character { animation-delay: 1.6s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item.lee img.character { animation-delay: 1.9s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item.bae img.character { animation-delay: 2.2s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item:hover img.person { z-index: 1; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item:hover img.character { z-index: 0; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_2 .row .line .doctor_item .profile { transform: translateY(0); transition: all 1s; transition-delay: 3.3s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .swiper-slide-active .career_images div { opacity: 1; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .swiper-slide-active .career_images img { animation: career_change_anime 6s forwards linear; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .swiper-slide-active .career_images .vertical_img { height: 340px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .swiper-slide-active .career_images .horizontal_img { height: 274px; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .swiper-slide-active .row { animation: career_change_anime 6s forwards linear; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .swiper-slide-active .row .year { opacity: 1; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .swiper-slide-active .row .career_list { opacity: 1; transition: opacity .5s; transition-delay: 1s; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3 .additional_bar .count_box .count_now.anime { animation: count_anime 5.9s forwards linear; }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3.stop .swiper-slide-active .career_images img { animation: unset; transform: translateY(-2%); }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3.stop .swiper-slide-active .row { animation: unset; transform: translateY(-2%); }
.pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.view.item_3.stop .additional_bar .count_box .count_now.anime { animation: unset; opacity: 1; }


/* **************************************** *
 * 03) 진료분야 (루트)
 * **************************************** */

/* ROOT */
.info_wrap {width: 100%; height: 100%; position: relative; letter-spacing: -0.02em; font-family: 'Noto Sans KR', sans-serif; display: flex; justify-content: center; align-items: center; }
.info_wrap .info_video_bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000; }
.info_wrap .info_video_bg video { width: 100vw; height: 56.25vw; min-width: 177.77vh; pointer-events: none; opacity: 0.5; }
.info_video_bg video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; min-height: 100%; min-width: 110vh; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.info_wrap .info_container { position: relative; z-index: 999; width: 1280px; }
.info_wrap .info_container .info_title { display: inline-block; width: 100%; text-align: left; }
.info_wrap .info_container .info_title p { padding: 0 35px; height: 100px; font-size: 48px; color: #ffffff; line-height: 1; }
.info_wrap .info_container ul { position: relative; }
.info_wrap .info_container li { display: inline-block; color: #fff; text-align: left; padding: 40px 35px; cursor: pointer; }
.info_wrap .info_container li:last-child {margin-bottom: 0;}
.info_wrap .info_container li a { position: relative; display: inline-block; width: 100%; }
.info_wrap .info_container li p { position: relative; font-size: 16px; border-bottom: 2px solid transparent; margin-bottom: 28px; padding: 0 4px 14px; }
.info_wrap .info_container li p::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background-color: #ffffff}
.info_wrap .info_container li h2 { padding: 0 4px; line-height: 1; font-size: 29px; font-weight: 600; width: 100%; }
.info_wrap .info_container li:nth-child(1):hover { background: rgba(0, 147, 255, 0.8); }
.info_wrap .info_container li:nth-child(2):hover { background: rgba(228, 15, 94, 0.8); }
.info_wrap .info_container li:nth-child(3):hover { background: rgba(254, 172, 13, 0.8); }
.info_wrap .info_container li:nth-child(4):hover { background: rgba(58, 178, 141, 0.8); }
.info_wrap .info_container li:nth-child(5):hover { background: rgba(251, 92, 47, 0.8); }
.info_wrap .info_container .info_play_btn { position: absolute; top: 106%; left: 50%; transform: translateX(-50%); display: inline-block; padding: 10px 40px; color: #ffffff; font-size: 16px; border: 1px solid #fff; border-radius: 50px; cursor: pointer; }
.info_wrap .info_container .info_play_btn:hover { background-color: #e05f2d; border:1px solid #e05f2d; }
.info_wrap .info_container .info_play_btn img {display: inline-block; vertical-align: top; margin-top: 2.5px; margin-left: 4px; cursor: pointer;}
.info_wrap .info_image_bg { position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; }
.info_wrap .info_image_bg .info_bg_wrap { width: 100%; height: 0; opacity: 0; transition: 1s opacity ease; background-position: center; background-size: cover; }
.info_wrap .info_image_bg .info_bg_wrap.current { opacity: 1; height: 100%; }
.info_wrap .info_image_bg .info_bg_1 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_3_1_1.png'); }
.info_wrap .info_image_bg .info_bg_2 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_3_1_2.png'); }
.info_wrap .info_image_bg .info_bg_3 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_3_1_3.png'); }
.info_wrap .info_image_bg .info_bg_4 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_3_1_4.png'); }
.info_wrap .info_image_bg .info_bg_5 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_3_1_5.png'); }
.info_video_window {position: fixed;width:800px;border:1px solid #ddd;visibility: hidden;padding:20px;opacity:0;transition: 0.3s ease;top:calc(50vh - 45vh);left:calc(50vw - 400px);background-color: #fff;z-index:99999;}
.info_video_window.show {visibility: visible; opacity:1; top:calc(50vh - 300px); border-radius: 15px;}
.info_video_window iframe {width:100%;}
.info_video_window .info_video_close_btn {position:absolute; right:0; top:-55px; font-size:40px; font-weight: 100; line-height: 40px; cursor: pointer;}
.info_back_bg { visibility: hidden; opacity:0;  position: fixed; width:100%; height:100%; left:0; bottom:0; background:rgba(0,0,0,0.9); z-index:9999;}
.info_back_bg.show {visibility: visible;  opacity:1;}
.info_wrap .info_container .arrow_box { transition: all .5s ease; position: absolute; }
.info_wrap .info_container .arrow_box.left { left: 5px; bottom: 0; }
.info_wrap .info_container .arrow_box.left.move { left: 100%; transform: translate(-100%, 0); }
.info_wrap .info_container .arrow_box.left span.arrow { display: inline-block; width: 45px; height: 45px; background: url("https://cheongmac.blob.core.windows.net/common/ic_root03_01_arrow.svg") no-repeat center center/cover; }
.info_wrap .info_container li .opa_item { position: absolute; right: 0; bottom: 0; display: inline-block; opacity: 0; transition: opacity .3s ease; transition-delay: .25s;}
.info_wrap .info_container li .target { width: 45px; height: 45px; background: url("https://cheongmac.blob.core.windows.net/common/ic_root03_01_target.svg") no-repeat center center/cover; }
.info_wrap .info_container li .title { width: 141px; height: 45px; background: url("https://cheongmac.blob.core.windows.net/common/ic_root03_01_more.svg") no-repeat center center/cover; }
.info_wrap .info_container li:hover .target, .info_wrap .info_container li:hover .title { opacity: 1; }


/* **************************************** *
 * 04) 시설및장비 (루트)
 * **************************************** */

/* ROOT */
.equipment_wrap {width: 100%; height: 100%; position: relative; letter-spacing: -0.02em; font-family: 'Noto Sans KR', sans-serif;}
.equipment_wrap .equipment_video_bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: url('https://cheongmac.blob.core.windows.net/contents/page_4_1_1.png') center center/cover no-repeat;}
.equipment_wrap .equipment_container { position: relative; text-align: center; z-index: 10; top: calc(50vh - 570px / 2); right: 0; min-width: 100%; padding: 0 50px; }
.equipment_wrap .equipment_container .equipment_title { display: inline-block; width: calc(70% + 230px); text-align: left; }
.equipment_wrap .equipment_container .equipment_title p { height: 100px; font-size: 48px; line-height: 1.2; color: #ffffff }
.equipment_wrap .equipment_container li { display: inline-block; width: 14%; vertical-align: top; color: #fff; text-align: left; padding: 40px 35px; margin: 0 35px; cursor: pointer; }
.equipment_wrap .equipment_container li:last-child {margin-bottom: 0;}
.equipment_wrap .equipment_container li a { position: relative; display: inline-block; }
.equipment_wrap .equipment_container li p { position: relative; font-size: 17px; padding-bottom: 24px; border-bottom: 2px solid transparent; margin-bottom: 30px; }
.equipment_wrap .equipment_container li p::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background-color: #ffffff}
.equipment_wrap .equipment_container li h2 { padding: 0; font-size: 18px; font-weight: 300; margin-bottom: 85px; line-height: 1.8em; }
.equipment_wrap .equipment_container li h2 b { height: 80px; font-size: 30px; font-weight: 600; display: block; line-height: 1.3em; }
.equipment_wrap .equipment_container li h2 b br { display: none }
.equipment_wrap .equipment_container li:nth-child(1):hover { background: rgba(251, 92, 47, 0.85); }
.equipment_wrap .equipment_container li:nth-child(2):hover { background: rgba(46, 184, 143, 0.85); }
.equipment_wrap .equipment_container li:nth-child(3):hover { background: rgba(251, 172, 21, 0.85); }
.equipment_wrap .equipment_container li:nth-child(4):hover { background: rgba(18, 155, 253, 0.85); }
.equipment_wrap .equipment_container li:nth-child(5):hover { background: rgba(244, 21, 98, 0.85); }
.equipment_wrap .equipment_container .equipment_play_btn { display: inline-block; margin-top: 40px; padding:10px 40px; color:#fff; font-size:16px; border:1px solid #fff; border-radius:50px;width:auto;cursor: pointer; }
.equipment_wrap .equipment_container .equipment_play_btn:hover { background-color: #e05f2d; border:1px solid #e05f2d; }
.equipment_wrap .equipment_container .equipment_play_btn img {display: inline-block; vertical-align: top; margin-top: 5.5px; margin-left: 4px; cursor: pointer;}
.equipment_wrap .equipment_image_bg { position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; }
.equipment_wrap .equipment_image_bg .equipment_bg_wrap { width: 100%; height: 0; opacity: 0; transition: 1s opacity ease; background-position: center; background-size: cover; }
.equipment_wrap .equipment_image_bg .equipment_bg_wrap.current { opacity: 1; height: 100%; }
.equipment_wrap .equipment_image_bg .equipment_bg_1 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_4_1_1.png'); }
.equipment_wrap .equipment_image_bg .equipment_bg_2 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_4_1_2.png'); }
.equipment_wrap .equipment_image_bg .equipment_bg_3 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_4_1_3.png'); }
.equipment_wrap .equipment_image_bg .equipment_bg_4 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_4_1_4.png'); }
.equipment_wrap .equipment_image_bg .equipment_bg_5 { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_4_1_5.png'); }
.equipment_video_window {position: fixed;width:800px;border:1px solid #ddd;visibility: hidden;padding:20px;opacity:0;transition: 0.3s ease;top:calc(50vh - 45vh);left:calc(50vw - 400px);background-color: #fff;z-index:99999;}
.equipment_video_window.show {visibility: visible; opacity:1; top:calc(50vh - 300px); border-radius: 15px;}
.equipment_video_window iframe {width:100%;}
.equipment_video_window .equipment_video_close_btn {position:absolute; right:0; top:-55px; font-size:40px; font-weight: 100; line-height: 40px; cursor: pointer;}
.equipment_back_bg { visibility: hidden; opacity:0;  position: fixed; width:100%; height:100%; left:0; bottom:0; background:rgba(0,0,0,0.9); z-index:9999;}
.equipment_back_bg.show {visibility: visible;  opacity:1;}
.equipment_wrap .equipment_container .arrow_box { transition: all .5s ease; position: absolute; }
.equipment_wrap .equipment_container .arrow_box.left { left: 5px; bottom: 0; }
.equipment_wrap .equipment_container .arrow_box.left.move { left: 100%; transform: translate(-100%, 0); }
.equipment_wrap .equipment_container .arrow_box.left span.arrow { display: inline-block; width: 45px; height: 45px; background: url("https://cheongmac.blob.core.windows.net/common/ic_root03_01_arrow.svg") no-repeat center center/cover; }
.equipment_wrap .equipment_container li .opa_item { position: absolute; right: 0; bottom: 0; display: inline-block; opacity: 0; transition: opacity .3s ease; transition-delay: .25s;}
.equipment_wrap .equipment_container li .target { width: 45px; height: 45px; background: url("https://cheongmac.blob.core.windows.net/common/ic_root03_01_target.svg") no-repeat center center/cover; }
.equipment_wrap .equipment_container li .title { width: 141px; height: 45px; background: url("https://cheongmac.blob.core.windows.net/common/ic_root03_01_more.svg") no-repeat center center/cover; }
.equipment_wrap .equipment_container li:hover .target, .equipment_wrap .equipment_container li:hover .title { opacity: 1; }


/* **************************************** *
 * 06) 병원이용안내 (루트, 진료안내)
 * **************************************** */

/* ROOT */
.guide_wrap { position: relative; width: 100%; height: 100vh; background: url("https://cheongmac.blob.core.windows.net/contents/page_6_1.png") no-repeat center center/cover; }
.guide_wrap .img_shadow { width: 100%; height: 100vh; background: linear-gradient(90deg, transparent 0%, rgba(101, 88, 58, .8) 60%); }
.guide_wrap .guide_container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; text-align: right; max-width: 1560px; width: 100%; padding: 0 80px; }
.guide_wrap .guide_container .title { margin-bottom: 30px; line-height: normal; color: #ffffff; letter-spacing: -1px; font-size: 55px; font-weight: bold; }
.guide_wrap .guide_container .desc { font-size: 25px; margin-bottom: 50px; line-height: normal; color: #ffffff; letter-spacing: -1px; }
.guide_wrap .guide_container ul.menu_list { float: right; }
.guide_wrap .guide_container ul.menu_list a { display: inline-block; width: 200px; height: 200px; background: rgba(0, 0, 0, .5); margin-right: 6px; margin-bottom: 6px; }
.guide_wrap .guide_container ul.menu_list a:last-child { margin-right: 0; }
.guide_wrap .guide_container ul.menu_list a:hover { background: rgba(224, 120, 74, .85); }
.guide_wrap .guide_container ul.menu_list a li { float: left; width: 100%; height: 100%; text-align: center; padding: 44px; }
.guide_wrap .guide_container ul.menu_list a li span { display: inline-block; }
.guide_wrap .guide_container ul.menu_list a li span:first-child { width: 70px; height: 70px; border-radius: 50%; background: url("https://cheongmac.blob.core.windows.net/contents/page_6_1_icons.svg") no-repeat center center/cover #ffffff; background-size: 350px 140px; }
.guide_wrap .guide_container ul.menu_list a:nth-child(1) li span:first-child { background-position: 0 0; }
.guide_wrap .guide_container ul.menu_list a:nth-child(2) li span:first-child { background-position: -70px 0; }
.guide_wrap .guide_container ul.menu_list a:nth-child(3) li span:first-child { background-position: -140px 0; }
.guide_wrap .guide_container ul.menu_list a:nth-child(4) li span:first-child { background-position: -210px 0; }
.guide_wrap .guide_container ul.menu_list a:nth-child(5) li span:first-child { background-position: -280px 0; }
.guide_wrap .guide_container ul.menu_list a:nth-child(1) li:hover span:first-child { background-position: 0 -70px; }
.guide_wrap .guide_container ul.menu_list a:nth-child(2) li:hover span:first-child { background-position: -70px -70px; }
.guide_wrap .guide_container ul.menu_list a:nth-child(3) li:hover span:first-child { background-position: -140px -70px; }
.guide_wrap .guide_container ul.menu_list a:nth-child(4) li:hover span:first-child { background-position: -210px -70px; }
.guide_wrap .guide_container ul.menu_list a:nth-child(5) li:hover span:first-child { background-position: -280px -70px; }
.guide_wrap .guide_container ul.menu_list a li span:last-child { font-size: 22px; font-weight: bold; color: #ffffff; margin-top: 10px; }

/* 진료안내 */
.information_wrap { text-align: center; letter-spacing: -0.02em; }
.information_wrap .information_container .pc_layout .outer { position: relative; display: flex; align-items: center; justify-content: center; }
.information_wrap .information_container .pc_layout .outer .inner { max-width: 1520px; width: 100%; padding: 0 100px; text-align: left; z-index: 1; }
.information_wrap .information_container .pc_layout .outer .inner .icon_asterisk { position: relative; top: -2px; width: 7px; margin-right: 2px; }
.information_wrap .information_container .pc_layout .outer.information { margin: 40px 0 80px; }
.information_wrap .information_container .pc_layout .outer.information .bg { position: absolute; bottom: 0; left: 0; }
.information_wrap .information_container .pc_layout .outer.information .inner { display: flex; justify-content: space-between; }
.information_wrap .information_container .pc_layout .outer.information .inner .exterior, .information_wrap .information_container .pc_layout .outer.information .inner .content { width: 49%; }
.information_wrap .information_container .pc_layout .outer.information .inner .content { position: relative; top: 72px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .greet { margin-bottom: 40px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .greet h1 { text-align: left; color: #232120; font-size: 34px; line-height: 1.4; font-weight: bold; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .greet h3 { text-align: left; font-size: 19px; color: #666666; margin-top: 16px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .greet h1 .holiday_chk { position: relative; display: inline-block; margin-right: 2px; color: transparent; width: 92px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .greet .notice { padding: 8px 0 9px 74px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info { padding: 32px 0; border-radius: 15px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); text-align: left; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info h1 { font-size: 24px; font-weight: bold; color: #232120; padding: 0 36px 26px; margin-bottom: 32px; border-bottom: 1px solid #C4C4C4; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info h1 img { position: relative; width: 26px; margin-right: 12px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time { margin-bottom: 20px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time h1 img { top: -2px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule { padding: 0 36px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p { font-size: 22px; letter-spacing: 0; margin-bottom: 16px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p .date { position: relative; font-weight: bold; width: 65px; padding-right: 24px; margin-right: 20px; color: #333333; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p .date:after { content: ''; position: absolute; top: 3px; left: 106px; width: 2px; height: 72%; background-color: #9a9a9a; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p .date.weekday { letter-spacing: 15px; margin-right: 6px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p .date.saturday { color: #5577CE; margin-right: 11px; letter-spacing: 11px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p .date.visit { margin-right: 29px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p.caution { margin-top: 32px; color: #444444; letter-spacing: 0; font-size: 20px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p.caution span { color: #F8642A; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number { }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list { padding: 0 36px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p { font-size: 22px; letter-spacing: 0; margin-bottom: 16px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p:first-child { font-weight: bold; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p .item { position: relative; font-weight: bold; width: 65px; padding-right: 56px; margin-right: 26px; color: #333333; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p .item:after { content: ''; position: absolute; top: 3px; left: 106px; width: 2px; height: 72%; background-color: #9a9a9a; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p .item.telephone { letter-spacing: 3px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p .item.fax { letter-spacing: 1.5px; }
.information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p.caution { margin-top: 32px; color: #444444; letter-spacing: 0; font-size: 20px; }
.information_wrap .information_container .pc_layout .outer.process { margin: 112px 0 100px; }
.information_wrap .information_container .pc_layout .outer.process .inner .title { font-size: 26px; font-weight: bold; line-height: 1; margin-bottom: 36px; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step:before { content: ''; position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); width: 98%; height: 1.5px; background-color: #C4C4C4; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item { position: relative; width: 16%; margin-right: 4%; padding: 60px 28px; text-align: center; border: 2px solid transparent; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background-color: #ffffff; cursor: pointer; transition: all .4s; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item:last-child { margin-right: 0; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item .active_icon { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); display: inline-block; width: 44px; height: 44px; background: url("https://cheongmac.blob.core.windows.net/contents/page_6_3_icon_active.svg") no-repeat center center/cover; opacity: 0; transition: opacity .4s; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item .subject { margin-top: 32px; font-size: 20px; opacity: 0; color: #868686; transition: opacity .4s; transition-delay: 1.9s; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item.active { border: 2px solid #F8642A; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item.active .active_icon { opacity: 1; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box { margin-top: 40px; width: 100%; padding: 32px 68px; height: 90px; position: relative; background-color: #F3F3F3; border: 1px solid #c4c4c4; border-radius: 15px; opacity: 0; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box span.speech_bubble_before, .information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box span.speech_bubble_after { position: absolute; bottom: 100%; width: 0; height: 0; border: solid transparent; pointer-events: none; transition: left .6s; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box span.speech_bubble_before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #c4c4c4; border-width: 16px; margin-left: -16px; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box span.speech_bubble_after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #F3F3F3; border-width: 15px; margin-left: -15px; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box.active { opacity: 1; transition: opacity 1s; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box.active p { font-size: 20px; line-height: 1; }
.information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box.active p b { font-size: 23px; font-weight: bold; margin-right: 52px; }
.information_wrap .information_container .pc_layout .outer.process.view .inner .content .process_step .item svg { width: 36%; height: 52px; stroke-dasharray: 1000; stroke-dashoffset: 1000; fill: none; stroke: #868686; animation: dash 12s ease-out forwards; transition: stroke .4s; }
.information_wrap .information_container .pc_layout .outer.process.view .inner .content .process_step .item .subject { opacity: 1; transition: color .4s; }
.information_wrap .information_container .pc_layout .outer.process.view .inner .content .process_step .item.active svg { stroke: #212121; }
.information_wrap .information_container .pc_layout .outer.process.view .inner .content .process_step .item.active .subject { color: #212121; font-weight: bold; }

/* 모바일 전용맵 적용 */
.information_wrap .information_container .m_layout .outer.telephone{ border-bottom: 1px solid #d9d9d9;}
.information_wrap .information_container .m_layout .outer .info_box.wrap{flex-wrap: wrap;}
.information_wrap .information_container .m_layout .outer .info_box.p_n{padding: 0;}
.information_wrap .information_container .m_layout .outer .info_box #m_map{width: 100%; height: 150px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.information_wrap .information_container .m_layout .outer .info_box .icon.p_20{padding: 20px 0 20px 20px;}
.information_wrap .information_container .m_layout .outer .info_box .desc.p_20{padding: 20px 20px 20px 0;}
.information_wrap .information_container .m_layout .outer .info_box .desc.p_20 p span.bold{font-size: 16px;    letter-spacing: -0.5;}
.information_wrap .information_container .m_layout .outer .info_box .desc p .bold{position: relative; font-weight: 700;color: #333333;}

@media screen and (max-width: 2040px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* ROOT */
    #introduce_outer #introduce_inner .item { width: 574px; height: 648px; }
}

@media screen and (max-width: 2000px) {

    /* **************************************** *
    * 02) 청맥의료진 (루트)
    * **************************************** */

    /* ROOT (PC) */
    .pc_layout .doctors_wrap .doctors_container { max-height: 66.6vh; }


    /* **************************************** *
     * 03) 진료분야 (루트)
     * **************************************** */

    /* ROOT */
    .info_wrap .info_container .info_title p { padding: 0 28px; height: 80px; font-size: 36px; }
    .info_wrap .info_container li { padding: 32px 28px; }
    .info_wrap .info_container li h2 { font-size: 26px; }
    .info_wrap .info_container .info_play_btn { padding: 8px 32px; font-size: 15px; }


    /* **************************************** *
     * 04) 시설및장비 (루트)
     * **************************************** */

    /* ROOT */
    .equipment_wrap .equipment_container .equipment_title { width: calc(70% + 90px); }
    .equipment_wrap .equipment_container li { margin: 0 10px; padding: 40px 20px; }
    .equipment_wrap .equipment_container li a { display: block; }
    .equipment_wrap .equipment_container li h2 b { height: 120px; }
    .equipment_wrap .equipment_container li h2 b br { display: block; }
}

@media screen and (max-width: 1824px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* ROOT */
    #introduce_outer #introduce_inner .item { width: 520px; height: 587px; }
}

@media screen and (max-width: 1768px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* 청맥철학 */
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .title_svg { right: 160%; width: 80%; }
}

@media screen and (max-width: 1660px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* ROOT */
    #introduce_outer #introduce_inner .item { width: 452px; height: 510px; }
}

@media screen and (max-width: 1600px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* 청맥인사 */
    .introduction_wrap .introduction_container .introduction .content.section_1 { margin-top: 280px; }
    .introduction_wrap .introduction_container .introduction .content.section_2 { margin-top: -36%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .title_svg { width: 50%; }

    /* 청맥철학 */
    .introduction_wrap .introduction_container .introduction .content.section_4 { margin-top: 280px; }
    .introduction_wrap .introduction_container .introduction .content.section_5 { text-align: right; padding-right: 60px; }
    .introduction_wrap .introduction_container .introduction .content.section_5 .obj_combine .content_txt.story { top: 90%; left: 10%; }
    .introduction_wrap .introduction_container .introduction .content.section_5 .content_txt .scroll_down_anime { display: none; }
    .introduction_wrap .introduction_container .introduction .content.section_6 { padding: 0 60px 0 0; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine { width: 100%; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine figure:nth-child(1) { top: 620px; right: 0; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .title_svg { top: 1560px; right: 142%; width: 30%; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .content_txt.po_relative { width: 100%; top: 320px; left: 10%; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine { left: 60px; width: 100%; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(2) { position: relative; top: 320px; left: 60px; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(3) { position: relative; top: -200px; left: 54%; }
    .introduction_wrap .introduction_container .introduction .content.section_7 figure.exception { top: 100px; right: 60px; }
    .introduction_wrap .introduction_container .introduction .content.section_8 { margin: 0 0 40px; }


    /* **************************************** *
     * 02) 청맥의료진 (루트)
     * **************************************** */

    /* ROOT (PC) */
    .pc_layout .doctors_wrap .doctors_container { top: 54%; padding: 0 180px; max-height: 70vh; }
    .pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status { width: 52px; height: 52px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status .spinner { width: 52px; height: 52px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .title { font-size: 28px; padding-bottom: 84px; margin-bottom: -68px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .desc { font-size: 18px; margin-bottom: 16px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .hashtag { font-size: 15px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .hashtag li { padding: 6px 12px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .title { width: 56%; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .doctors { width: 70%; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .move_btn { width: 70%; height: 60px; line-height: 60px; font-size: 22px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top { height: 60%; margin-bottom: 6%; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career { font-size: 17px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name { padding-bottom: 16px; margin-bottom: 16px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name::after { width: 24px; height: 2px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main h1 strong { font-size: 30px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main span { padding: 8px 10px; font-size: 16px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .detail p { font-size: 15px; margin-bottom: 8px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail p { font-size: 15px; margin: 8px 0 0 0; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail p strong { font-size: 17px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .bottom .bottom_thumbnail span { font-size: 14px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images img { width: 80%; object-fit: cover; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images .vertical_img { bottom: 42%; left: 28px; width: 240px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images .horizontal_img { bottom: -40px; right: -78px; width: 400px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .year { font-size: 65px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .career_list { font-size: 19px; }


    /* **************************************** *
     * 03) 진료분야 (루트)
    * **************************************** */

    /* ROOT */
    .info_wrap .info_container { padding: 0; width: 60%; }
    .info_wrap .info_container li { padding: 28px; }
    .info_wrap .info_container li p { padding-bottom: 8px; margin-bottom: 15px; font-size: 14px; }
    .info_wrap .info_container li h2 { font-size: 21px; }
    .info_wrap .info_container .info_title p { height: 64px; font-size: 30px; }
    .info_wrap .info_container .info_play_btn { padding: 8px 24px; font-size: 14px; }
}

@media screen and (max-width: 1440px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* ROOT */
    #introduce_outer #introduce_inner .item { width: 368px; height: 416px; }


    /* **************************************** *
     * 02) 청맥의료진 (루트)
     * **************************************** */

    /* ROOT (PC) */
    .pc_layout .doctors_wrap .doctors_container .content .subject li div.item { padding: 1vw 20px 2vw 38px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status { top: 12px; width: 46px; height: 46px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject li:nth-child(3) div.current .play_status .spinner { width: 46px; height: 46px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .title { font-size: 25px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .desc { font-size: 16px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .hashtag { font-size: 13px; }
    .pc_layout .doctors_wrap .doctors_container .content .subject .hashtag li { padding: 4px 12px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .title { width: 50%; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .doctors { width: 60%; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_1 .row .move_btn { width: 60%; height: 58px; line-height: 58px; font-size: 20px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item { width: 240px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item .profile p { font-size: 17px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .line .doctor_item .profile span { font-size: 14px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career { font-size: 16px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main h1 strong { font-size: 28px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .detail p { margin-bottom: 6px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images img { width: 70%; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images .vertical_img { bottom: 32%; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .career_images .horizontal_img { bottom: -80px; right: -116px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .year { font-size: 56px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_3 .row .career_list { font-size: 17px; margin-bottom: 8px; }


    /* **************************************** *
     * 04) 시설및장비 (루트)
     * **************************************** */

    /* ROOT */
    .equipment_wrap .equipment_container .equipment_play_btn { margin-top: 0; }


    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* 진료안내 */
    .information_wrap .information_container .pc_layout .outer.information .inner .content .greet { margin-bottom: 20px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .greet h1 { font-size: 29px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .greet h1 .holiday_chk { width: 78px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .greet h3 { font-size: 15px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info { padding: 26px 0; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info h1 { font-size: 19px; padding: 0 36px 20px; margin-bottom: 26px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info h1 img { width: 20px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p { font-size: 17px; margin-bottom: 8px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p.caution { margin-top: 20px; margin-bottom: 0; font-size: 15px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info.time .schedule p .date:after { left: 94px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p { font-size: 17px; margin-bottom: 8px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p .item:after { left: 94px; }
    .information_wrap .information_container .pc_layout .outer.information .inner .content .info.number .list p.caution { margin-top: 20px; margin-bottom: 0; }
    .information_wrap .information_container .pc_layout .outer.process .inner .title { font-size: 23px; }
    .information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item { padding: 44px 28px; }
    .information_wrap .information_container .pc_layout .outer.process .inner .content .process_step .item .subject { font-size: 18px; }
    .information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box { height: 86px;}
    .information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box.active p { font-size: 18px; }
    .information_wrap .information_container .pc_layout .outer.process .inner .content .desc_box.active p b { font-size: 20px; }
}

@media screen and (max-width: 1320px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* 청맥인사 */
    .introduction_wrap .introduction_container .introduction .content.section_1 { padding: 0 80px 0 40px; }
    .introduction_wrap .introduction_container .introduction .content.section_1 .content_txt h2 { left: 8%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 { padding: 0 20px 0 308px; margin-top: -40%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .content_txt.story { left: -21%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .content_txt.po_relative { right: 2%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .content_txt .scroll_down_anime { display: none; }
    .introduction_wrap .introduction_container .introduction .content.section_3 .obj_combine .content_txt.story { left: 7%; }


    /* **************************************** *
     * 02) 청맥의료진 (루트)
     * **************************************** */

    /* ROOT (PC) */
    .pc_layout .doctors_wrap .doctors_container { padding: 0 40px; }
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .name .main span { padding: 8px 8px; }
}

@media screen and (max-width: 1300px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* ROOT */
    .guide_wrap .img_shadow { background: linear-gradient(to top, transparent 0%, rgba(101, 88, 58, .8) 60%); }
    .guide_wrap .guide_container { text-align: center; }
    .guide_wrap .guide_container .title { font-size: 40px; }
    .guide_wrap .guide_container .desc { font-size: 25px; }
    .guide_wrap .guide_container ul.menu_list { float: unset; width: 630px; margin: 0 auto; }
    .guide_wrap .guide_container ul.menu_list a li { float: unset; }
    .guide_wrap .guide_container ul.menu_list a.mb_0 { margin-bottom: 0 !important; }
}

@media screen and (max-width: 1280px) {
    /* **************************************** *
     * 02) 청맥의료진 (루트)
     * **************************************** */

    /* ROOT (PC) */
    .pc_layout .doctors_wrap .doctors_container .content .introduce .introduce_item.item_2 .row .detail_layout .top .career .detail p { font-size: 14px; margin-bottom: 4px; }


    /* **************************************** *
     * 03) 진료분야 (루트)
     * **************************************** */

    /* ROOT */
    .info_wrap .info_container li { padding: 24px; }
    .info_wrap .info_container li p { padding-bottom: 6px; margin-bottom: 12px; font-size: 13px; }
    .info_wrap .info_container li h2 { font-size: 18px; }
    .info_wrap .info_container .info_title p { padding: 0 24px; height: 42px; font-size: 24px; }
    .info_wrap .info_container .info_play_btn { padding: 6px 16px; font-size: 13px; }



    /* **************************************** *
     * 04) 시설및장비 (루트)
     * **************************************** */

    /* ROOT */
    .equipment_wrap .equipment_container { top: calc(50vh - 900px / 2); }
}

@media screen and (max-width: 1140px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* 청맥인사, 청맥철학 GB */
    .introduction_wrap .introduction_container .introduction .content .content_txt h2 { font-size: 68px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt b { font-size: 28px; margin-bottom: 48px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt b::before { top: -40px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt p { font-size: 20px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt .scroll_down_anime { display: none; }

    /* 청맥인사 */
    .introduction_wrap .introduction_container .introduction .content.section_1 { padding: 0 80px 0 20px; margin-top: 140px; }
    .introduction_wrap .introduction_container .introduction .content.section_1 .content_txt h2 { top: -18%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .content_txt.story { left: -220px; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .content_txt.po_relative { top: 0; right: 3%; }
    .introduction_wrap .introduction_container .introduction .content.section_3 .obj_combine .content_txt.story { top: -100px; }

    /* 청맥철학 */
    .introduction_wrap .introduction_container .introduction .content.section_4 { padding: 0 14% 0 7%; margin-top: 140px; }
    .introduction_wrap .introduction_container .introduction .content.section_4 .content_txt h2 { top: -56px; left: 11%; }
    .introduction_wrap .introduction_container .introduction .content.section_5 { padding: 0; margin-right: -44px; }
    .introduction_wrap .introduction_container .introduction .content.section_5 .obj_combine .content_txt.story { top: 78%; left: 7%; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine figure:nth-child(1) { top: 440px; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .title_svg { top: 1420px; right: 129%; width: 45%;}
    .introduction_wrap .introduction_container .introduction .content.section_6 .content_txt.po_relative { top: 100px; left: 7% }
    .introduction_wrap .introduction_container .introduction .content.section_7 {  }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine { position: relative; left: 7%; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(2) { position: relative; top: 0; left: 0; margin: 220px 0; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(3) { position: relative; top: 0; left: 0; margin-bottom: 160px; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .content_img img { padding-right: 60%; }
    .introduction_wrap .introduction_container .introduction .content.section_7 figure.exception { right: 7%; padding-left: 40%; }
    .introduction_wrap .introduction_container .introduction .content.section_7 figure.exception img { right: 7%; padding-right: unset; }
    .introduction_wrap .introduction_container .introduction .content.section_8 { left: 7%; margin: 0 0 20px 0; padding: 0; }

    /* 청맥연혁 */
    .history_wrap .content { margin-bottom: 40px; gap: 24px; }
    .history_wrap .content .inner { padding: 0 24px; }
    .history_wrap .content #careers li { padding: 52px 0; }

    /* **************************************** *
     * 02) 청맥의료진 (루트)
     * **************************************** */

    /* ROOT (M) */
    .pc_layout { display: none; }
    .m_layout { display: block; letter-spacing: -0.02em; }
    .m_layout .outer { margin-top: 84px; position: relative; width: 100%; }
    .m_layout .outer .inner { padding: 24px 24px; width: 100%; overflow: hidden; }
    .m_layout .outer .inner .content { width: 100%; display: flex; flex-direction: column; }
    .m_layout .outer .inner .content .title { position: relative; }
    .m_layout .outer .inner .content .title h1 { font-size: 24px; color: #303030; margin-bottom: 16px; font-weight: bold; }
    .m_layout .outer .inner .content .title h2 { font-size: 18px; color: #000000; margin: 52px 0 20px; font-weight: bold; }
    .m_layout .outer .inner .content .title h3 { font-size: 14px; color: #707070; margin-bottom: 6px; }
    .m_layout .outer.intro { height: 100vh; }
    .m_layout .outer.intro .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .m_layout .outer.intro .bg .intro_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .5s; }
    .m_layout .outer.intro .bg .intro_bg.active { opacity: 1; }
    .m_layout .outer.intro .inner { padding: 80px 24px; height: 100%; }
    .m_layout .outer.intro .inner .content { flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; }
    .m_layout .outer.intro .inner .content .explain_box { position: relative; width: 100%; height: 63%; text-align: center; }
    .m_layout .outer.intro .inner .content .explain_box .explain { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; opacity: 0; transition: opacity .5s; }
    .m_layout .outer.intro .inner .content .explain_box .explain p { white-space: pre-line; line-height: 1.3; font-size: 20px; }
    .m_layout .outer.intro .inner .content .explain_box .explain p b { font-weight: bold; }
    .m_layout .outer.intro .inner .content .explain_box .explain.active_0 { top: unset; bottom: 0; height: 100%; }
    .m_layout .outer.intro .inner .content .explain_box .explain.active_0 img { width: 55%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
    .m_layout .outer.intro .inner .content .explain_box .explain.active_2 p { margin-top: 20%; color : #ffffff; }
    .m_layout .outer.intro .inner .content .explain_box .explain.active { opacity: 1; pointer-events: unset; }
    .m_layout .outer.intro .inner .content .menus { position: relative; width: 100%; height: 34%; }
    .m_layout .outer.intro .inner .content .menus .active_bg { position: absolute; top: 0; left: 0; width: 100%; height: 33.33%; background: linear-gradient(to bottom, #F57F25, #F47128); box-shadow: 2px 2px 10px rgba(0, 0, 0, .15); border-radius: 10px; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide { width: 100%; padding: 6px 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; cursor: pointer; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title { color: #777777; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title h1, .m_layout .outer.intro .inner .content .menus .swiper-slide .title h2 { color: #777777; margin: 0; transition: color .3s; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title h2 { font-size: 23px; margin-bottom: 14px; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title h1 { font-size: 27px; font-weight: bold; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .icon { width: 26px; height: 26px; background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_m_detail_btn.svg") no-repeat center center/cover; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide-active .title h1, .m_layout .outer.intro .inner .content .menus .swiper-slide-active .title h2 { color: #ffffff; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide-active .icon { background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_m_detail_btn_w.svg") no-repeat center center/cover; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide-next { border-bottom: 1px solid rgba(0, 0, 0, .15); }
    .m_layout .outer.doctors { margin-top: 60px; padding-top: 20px; background-color: #ffffff; }
    .m_layout .outer.doctors .inner .doctors_box .for_u { position: absolute; top: 12px; left: 12px; padding: 2px 10px; background: linear-gradient(to bottom, #FF9D4E 0%, #FF7B10 100%); color: #ffffff; border-radius: 20px; font-size: 10px; display: none; }
    .m_layout .outer.doctors .inner .doctors_box .for_u img { width: 13px; margin-right: 4px; }
    .m_layout .outer.doctors .inner .doctors_box.intro { position: relative; width: 100%; border-radius: 10px; overflow: hidden; }
    .m_layout .outer.doctors .inner .doctors_box.intro .flexible_photo img { width: 100%; max-height: 280px; object-fit: cover; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction { position: relative; padding: 18px 20px; margin-top: -40px; background-color: #f5f5f5; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .desc { display: flex; justify-content: space-between; margin-bottom: 20px; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .desc .title { width: 85%; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .desc .title h1 { font-size: 13px; color: #303030; margin-bottom: 8px; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .desc .title h1 strong { font-size: 19px; font-weight: bold; margin-right: 4px; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .desc .title p { white-space: pre-line; font-size: 16px; color: #303030; line-height: 1.3; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .desc .icon { width: 25px; height: 25px; background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_m_detail_btn.svg") no-repeat center center/cover; animation: btn_pulse 2s linear infinite; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .flexible_hashtag { font-size: 13px; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .flexible_hashtag span { font-family: "Noto Sans KR", Sans-serif; margin-right: 4px; padding: 8px 10px; display: inline-block; border: 1px solid #C4C4C4; border-radius: 20px; background-color: #ffffff; color: #707070; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .flexible_hashtag span:last-child { margin-right: 0; }
    .m_layout .outer.doctors .inner .doctors_box.detail { position: relative; width: 100%; border-radius: 10px; overflow: hidden; display: none; }
    .m_layout .outer.doctors .inner .doctors_box.detail .flexible_video video { width: 100%; max-height: 280px; object-fit: cover; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career { display: flex; flex-direction: column; margin-top: 20px; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .name { display: flex; flex-direction: column; padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid #C4C4C4; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .name p { margin-bottom: 3px; font-size: 14px; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .name .main { display: flex; align-items: flex-start; justify-content: space-between; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .name .main h1 strong { font-size: 25px; font-weight: bold; letter-spacing: 4px; margin-right: 4px; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .name .main span { padding: 5px 20px; font-size: 13px; letter-spacing: 0; border: 1px solid #C4C4C4; border-radius: 5px; cursor: pointer; color: #888888; margin-top: -6px; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .detail .desc { flex-grow: 1; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .detail .desc p { position: relative; padding-left: 12px; font-size: 16px; font-weight: normal; color: #888888; margin-bottom: 4px; }
    .m_layout .outer.doctors .inner .doctors_box.detail .career .detail .desc p:before { content: ''; position: absolute; left: 2px; top: 8px; width: 3px; height: 3px; border-radius: 3px; background-color: #888888; }
    .m_layout .outer.doctors .inner .another { margin-bottom: 52px; }
    .m_layout .outer.doctors .inner .another .swiper-container { overflow: visible; }
    .m_layout .outer.doctors .inner .another .swiper-slide { width: 130px; height: 130px; }
    .m_layout .outer.doctors .inner .another .swiper-scrollbar { bottom: -20px; height: 2px; background: #E2E2E2; z-index: 1; }
    .m_layout .outer.doctors .inner .another .swiper-scrollbar-drag { background: #FB7C19; }
    .m_layout .outer.doctors .inner .another .doctors_list .flexible_img { position: relative; border-radius: 10px; text-align: center; overflow: hidden; }
    .m_layout .outer.doctors .inner .another .doctors_list .flexible_img img { width: 100%; height: 100%; object-fit: cover; }
    .m_layout .outer.doctors .inner .another .doctors_list .flexible_img .name { position: absolute; padding: 4px 12px 2px; bottom: 0; left: 0; width: 100%; background-color: #5d5d5d; font-size: 11px; color: #ffffff; }
    .m_layout .outer.doctors .inner .another .doctors_list .flexible_img .name b { font-size: 14px; }
    .m_layout .outer.doctors .inner .mobileDoctorMatchButton { margin-bottom: 120px; padding: 16px 20px; border-radius: 8px; background: linear-gradient(to bottom, #F57F25, #F47128); font-size: 16px; color: #FFFFFF; }
    .m_layout .outer.doctors .inner .mobileDoctorMatchButton p { position: relative; display: flex; justify-content: center; align-items: center; gap: 12px; animation: move_motion 0.5s infinite alternate; }
    .m_layout .outer.career .inner .career_box { border-radius: 10px; overflow: hidden; margin-bottom: 52px; }
    .m_layout .outer.career .inner .career_box .img_area img { width: 100%; max-height: 180px; object-fit: cover; }
    .m_layout .outer.career .inner .career_box .introduction { position: relative; padding: 18px 20px; margin-top: -40px; background-color: #f5f5f5; }
    .m_layout .outer.career .inner .career_box .introduction .desc { display: flex; justify-content: space-between; margin-bottom: 20px; }
    .m_layout .outer.career .inner .career_box .introduction .desc .title { width: 85%; }
    .m_layout .outer.career .inner .career_box .introduction .desc .title h1 { font-size: 19px; color: #303030; font-weight: bold; margin-bottom: 8px; }
    .m_layout .outer.career .inner .career_box .introduction .desc .title p { white-space: pre-line; font-size: 16px; color: #303030; line-height: 1.3; }
    .m_layout .outer.career .inner .career_box .introduction .desc .icon { width: 23px; height: 23px; background: url("https://cheongmac.blob.core.windows.net/contents/page_2_1_3_m_detail_btn.svg") no-repeat center center/cover; display: none; }
    .m_layout .outer.career .inner .career_box .introduction .hashtag { font-size: 13px; }
    .m_layout .outer.career .inner .career_box .introduction .hashtag span { margin-right: 4px; padding: 8px 10px; border: 1px solid #C4C4C4; border-radius: 20px; background-color: #ffffff; color: #707070; }
    .m_layout .outer.career .inner .career_box .introduction .hashtag span:last-child { margin-right: 0; }
    .m_layout .outer.career .inner .row { position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; }
    .m_layout .outer.career .inner .row:last-child { border-bottom: none; margin-bottom: 48px; }
    .m_layout .outer.career .inner .row h1 span { margin-left: 6px; font-size: 15px; color: #a3a3a3; font-weight: normal; }
    .m_layout .outer.career .inner .row .more_btn { position: absolute; top: 4px; right: 0; color: #868686; z-index: 1; }
    .m_layout .outer.career .inner .row .more_btn i { position: relative; top: 2px; font-size: 16px; color: #F97D19; margin-left: -1px; }
    .m_layout .outer.career .inner .row .career_list p { position: relative; white-space: pre-line; padding-left: 12px; color: #5C5C5C; margin-bottom: 4px; font-size: 15px; }
    .m_layout .outer.career .inner .row .career_list p:last-child { margin-bottom: 0; }
    .m_layout .outer.career .inner .row .career_list p b { font-weight: bold; color: #212121; }
    .m_layout .outer.career .inner .row .career_list p:before { content: ''; position: absolute; top: 9px; left: 2px; width: 2px; height: 2px; border-radius: 2px; background-color: #5C5C5C; }
    .m_layout .outer.career .doctorsCareers_m { margin-bottom: 120px; }
    .m_layout .outer.career .doctorsCareers_m img { width: 100%; }

    /* **************************************** *
     * 03) 진료분야 (루트)
    * **************************************** */

    /* ROOT */
    .info_wrap .info_container { margin: 0; padding: 27% 28px 26%; width: 100%; height: 100vh; display: flex; flex-direction: column; }
    .info_wrap .info_container .info_title p { padding: 0; height: auto; }
    .info_wrap .info_container ul { display: flex; flex-direction: column; flex: 1; padding-bottom: 10%; }
    .info_wrap .info_container ul li { padding: 0; flex: 1; }
    .info_wrap .info_container li a { height: 100%; }
    .info_wrap .info_container br { display: none; }
    .info_wrap .info_container .info_play_btn { top: 90%; width: 100%; text-align: center; }


    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* 진료안내 */
    .information_wrap .information_container .m_layout .outer .inner { padding: 32px 24px; }
    .information_wrap .information_container .m_layout .outer .inner .title { text-align: left; font-size: 21px; font-weight: bold; line-height: 1; margin-bottom: 24px; }
    .information_wrap .information_container .m_layout .outer .inner .icon_asterisk { position: relative; top: -1px; width: 6px; margin-right: 2px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 { text-align: center; color: #232120; font-size: 24px; line-height: 1.4; font-weight: bold; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 .holiday_chk { position: relative; display: inline-block; margin-right: 2px; color: #5577CE; width: 64px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 .holiday_chk.active:before { right: 0; width: 0; transition: width 1.1s ease-in-out; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 .holiday_chk.active:after { animation: typo01-after 1s ease-in-out; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h3 { text-align: center; font-size: 14px; color: #666666; margin-top: 8px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet .notice { padding-left: 24px; margin-bottom: 6px; text-align: left;}
    .information_wrap .information_container .m_layout .outer.process { margin-top: -8px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .process_step { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .process_step .item { position: relative; width: 18%; padding-bottom: 18%; margin-right: 2%; border-radius: 50%; background-color: #E9E9E9; transition: all .4s; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .process_step .item:last-child { margin-right: 0; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .process_step .item .active_icon { position: absolute; top: 0; right: 0; display: inline-block; width: 18px; height: 18px; background: url("https://cheongmac.blob.core.windows.net/contents/page_6_3_icon_active.svg") no-repeat center center/cover; opacity: 0; transition: opacity .4s; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .process_step .item .subject {  position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 11px; opacity: 0; color: #868686; line-height: 1; transition: opacity .4s; transition-delay: 1.9s; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .process_step .item.active { background-color: #ffffff; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .process_step .item.active .active_icon { opacity: 1; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box { margin-top: 44px; width: 100%; padding: 20px 20px 18px; position: relative; background-color: #ffffff; border: 1px solid transparent; border-radius: 8px; box-shadow: 5px 5px 20px rgba(161, 161, 161, .2); text-align: left; opacity: 0; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box span.speech_bubble_before, .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box span.speech_bubble_after { position: absolute; bottom: 100%; width: 0; height: 0; border: solid transparent; pointer-events: none; transition: left .6s; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box span.speech_bubble_before { border-color: rgba(194, 225, 245, 0); border-bottom-color: transparent; border-width: 12px; margin-left: -12px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box span.speech_bubble_after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffffff; border-width: 11px; margin-left: -11px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active { opacity: 1; transition: opacity 1s; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p { font-size: 15px; line-height: 1.3; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p b { display: inline-block; width: 100%; font-size: 17px; font-weight: bold; margin-bottom: 12px; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: 25px; stroke-dasharray: 1000; stroke-dashoffset: 1000; fill: none; stroke: #A1A1A1; animation: dash 12s ease-out forwards; transition: all .4s; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item .subject { opacity: 1; transition: color .4s; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item.active svg { stroke: #F8642A; width: 60%; height: 33px; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item.active .subject { color: #212121; font-size: 13px; font-weight: bold; width: auto; white-space: nowrap; }
    .information_wrap .information_container .m_layout .outer .info_box { display: flex; padding: 20px; border-radius: 8px; background-color: #ffffff; box-shadow: 5px 5px 20px rgba(161, 161, 161, .2); margin-bottom: 10px; }
    .information_wrap .information_container .m_layout .outer .info_box:last-child { margin-bottom: 0; }
    .information_wrap .information_container .m_layout .outer .info_box .icon { margin-right: 20px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc { text-align: left; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p { font-size: 17px; margin-bottom: 8px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date { position: relative; font-weight: bold; padding-right: 24px; margin-right: 10px; color: #333333; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date:after { content: ''; position: absolute; top: 2px; left: 80px; width: 1px; height: 72%; background-color: #9a9a9a; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date.weekday { letter-spacing: 10.5px; margin-right: 0; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date.saturday { color: #5577CE; margin-right: 3px; letter-spacing: 7.7px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .item { position: relative; font-weight: bold; padding-right: 24px; margin-right: 10px; color: #333333; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .item:after { content: ''; position: absolute; top: 2px; left: 48px; width: 1px; height: 72%; background-color: #9a9a9a; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .item.telephone { letter-spacing: 0.9px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p.caution { margin-top: 20px; color: #444444; margin-bottom: 0; font-size: 15px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p.caution span { color: #F8642A; }
    .information_wrap .information_container .m_layout .outer.time { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
}

@media screen and (max-width: 980px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* ROOT */
    .guide_wrap .guide_container ul.menu_list { width: auto; }
}

@media screen and (max-width: 960px) {
    /* **************************************** *
     * 03) 진료분야 (루트)
     * **************************************** */

    /* ROOT */
    .info_wrap { height: unset }
    .info_wrap .info_video_bg { display: none; }
    .info_wrap .info_image_bg { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_3_1_1.png'); background-size: cover; background-position: 55% center; }
    .info_wrap .info_image_bg div { display: none; }
    .info_wrap .info_container:after { display: none; }
    .info_wrap .info_container .info_title { width: 100%; margin-bottom: 50px }
    .info_wrap .info_container li:hover { background: transparent !important; }
    .info_wrap .info_container li p { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 15px; padding-bottom: 20px; }
    .info_wrap .info_container li p:after { content: ''; position: absolute; left: 0; bottom: -1px; display: block; width: 30px; height: 2px; background: #fff; }
    .info_wrap .info_container li p::before { content: unset }
    .info_video_window {width:100%; left:0;}
    .info_video_window.show {top:30%;}
    .info_wrap .info_nav_cell p { border-bottom: unset !important;}
    .info_wrap .info_nav_cell p::after { content: unset !important;}


    /* **************************************** *
     * 04) 시설및장비 (루트)
     * **************************************** */

    /* ROOT */
    .equipment_wrap { height: unset }
    .equipment_wrap .equipment_video_bg { display: none; }
    .equipment_wrap .equipment_image_bg { background-image: url('https://cheongmac.blob.core.windows.net/contents/page_4_1_1.png'); background-size: cover; background-position: 55% center; }
    .equipment_wrap .equipment_image_bg div { display: none; }
    .equipment_wrap .equipment_container { position: relative; height: auto; top: 140px; }
    .equipment_wrap .equipment_container:after { display: none; }
    .equipment_wrap .equipment_container .equipment_title { width: 100%; margin-bottom: 50px }
    .equipment_wrap .equipment_container .equipment_title p { font-size: 36px; height: auto }
    .equipment_wrap .equipment_container .equipment_play_btn { margin-top: 0; margin-bottom: 80px; opacity: 0;}
    .equipment_wrap .equipment_container li { position: relative; width: 100%; margin: 0 0 70px 0; padding: 0; }
    .equipment_wrap .equipment_container li:hover { background: transparent !important; }
    .equipment_wrap .equipment_container li h2 { margin-bottom: 60px; }
    .equipment_wrap .equipment_container li h2 b { font-size: 31px; height: auto; line-height: unset; margin-bottom: 16px }
    .equipment_wrap .equipment_container li h2 b br { display: none; }
    .equipment_wrap .equipment_container li p { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 15px; padding-bottom: 20px; }
    .equipment_wrap .equipment_container li p:after { content: ''; position: absolute; left: 0; bottom: -1px; display: block; width: 30px; height: 2px; background: #fff; }
    .equipment_wrap .equipment_container li p::before { content: unset }
    .equipment_video_window {width:100%; left:0;}
    .equipment_video_window.show {top:30%;}
    .equipment_wrap .equipment_nav_cell p { border-bottom: unset !important;}
    .equipment_wrap .equipment_nav_cell p::after { content: unset !important;}
}

@media screen and (max-width: 860px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* ROOT */
    .guide_wrap .guide_container { padding: 20px 20px 0; }
    .guide_wrap .guide_container .title { font-size: 32px; }
    .guide_wrap .guide_container .desc { font-size: 20px; }
    .guide_wrap .guide_container ul.menu_list a { width: 31%; height: auto; margin-right: 1%; }
    .guide_wrap .guide_container ul.menu_list a li { padding: 20px 15px; }
    .guide_wrap .guide_container ul.menu_list a li span:first-child { width: 50px; height: 50px; border-radius: 50%; background: url("https://cheongmac.blob.core.windows.net/contents/page_6_1_icons.svg") no-repeat center center/cover #ffffff; background-size: 250px 100px; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(1) li span:first-child { background-position: 0 0; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(2) li span:first-child { background-position: -50px 0; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(3) li span:first-child { background-position: -100px 0; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(4) li span:first-child { background-position: -150px 0; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(5) li span:first-child { background-position: -200px 0; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(1) li:hover span:first-child { background-position: 0 -50px; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(2) li:hover span:first-child { background-position: -50px -50px; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(3) li:hover span:first-child { background-position: -100px -50px; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(4) li:hover span:first-child { background-position: -150px -50px; }
    .guide_wrap .guide_container ul.menu_list a:nth-child(5) li:hover span:first-child { background-position: -200px -50px; }
    .guide_wrap .guide_container ul.menu_list a li span:last-child { font-size: 17px; font-weight: bold; color: #ffffff; margin-top: 0; }
}

@media screen and (max-width: 768px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* 청맥인사, 청맥철학 GB */
    .introduction_wrap .introduction_container .introduction .content .content_txt.po_absolute { position: relative; }
    .introduction_wrap .introduction_container .introduction .content .content_txt h2 { font-size: 44px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt h2 span::after { bottom: 4px; height: 2px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt b { font-size: 24px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt b::before { width: 20px; height: 1.5px; }
    .introduction_wrap .introduction_container .introduction .content .content_txt p { font-size: 16px; }

    /* 청맥인사 */
    .introduction_wrap .introduction_container .introduction .content.section_1 { padding: 0 14% 0 20px; margin-top: 100px; }
    .introduction_wrap .introduction_container .introduction .content.section_2 { padding: 0 20px 0 24%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .content_txt.story { bottom: -120px; left: -22%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .title_svg { bottom: -360px; left: -22%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .content_txt.po_relative { top: 500px; bottom: unset; }
    .introduction_wrap .introduction_container .introduction .content.section_3 { margin: 560px 0 180px; }
    .introduction_wrap .introduction_container .introduction .content.section_3 .obj_combine .content_txt.story { top: 100px; }

    /* 청맥철학 */
    .introduction_wrap .introduction_container .introduction .content.section_4 { padding: 0 14% 0 20px; margin-top: 100px; }
    .introduction_wrap .introduction_container .introduction .content.section_4 .content_txt h2 { left: 7%; }
    .introduction_wrap .introduction_container .introduction .content.section_5 { margin-top: -260px; padding: 0 20px 0 24px; }
    .introduction_wrap .introduction_container .introduction .content.section_5 .obj_combine .content_img img { width: 50%; }
    .introduction_wrap .introduction_container .introduction .content.section_5 .obj_combine .content_txt.story { left: 0; }
    .introduction_wrap .introduction_container .introduction .content.section_6 { margin-top: 22%; padding: 0 24px; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .title_svg { top: 1220px; right: 137%; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine figure:nth-child(1) { top: 0; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .content_img img { width: 45%; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .content_txt.po_relative { top: -110px; left: 0; }
    .introduction_wrap .introduction_container .introduction .content.section_7 { margin-top: 0; padding: 0 24px; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine { left: 0; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(3) { margin-bottom: 120px; }
    .introduction_wrap .introduction_container .introduction .content.section_7 figure.exception { right: 20px; }
    .introduction_wrap .introduction_container .introduction .content.section_8 { left: 0; margin: 0 0 20px 0; padding: 0 24px; }
}

@media screen and (max-width: 767px) {
    /* **************************************** *
     * 02) 청맥의료진 (루트)
     * **************************************** */

    /* ROOT (M) */
    .m_layout .outer.intro .inner .content .explain_box .explain.active_0 img { width: 75%; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title h2 { font-size: 13px; margin-bottom: 6px; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title h1 { font-size: 17px; }
}

@media screen and (max-width: 600px) {
    /* **************************************** *
     * 03) 진료분야 (루트)
     * **************************************** */

    /* ROOT */


    /* **************************************** *
     * 04) 시설및장비 (루트)
     * **************************************** */

    /* ROOT */
    .equipment_wrap .equipment_container { padding: 0 30px; top: 130px; }
    .equipment_wrap .equipment_container li h2 { width: 80%; font-size: 15px; }
    .equipment_wrap .equipment_container li h2 b { font-size: 24px; margin-bottom: 12px; }
}

@media screen and (max-width: 576px) {
    /* **************************************** *
     * 01) 청맥소개 (루트, 청맥인사, 청맥철학, 청맥연혁)
     * **************************************** */

    /* 청맥인사, 청맥철학 GB */
    .introduction_wrap .introduction_container .introduction .content .content_txt h2 { font-size: 40px; }

    /* 청맥인사 */
    .introduction_wrap .introduction_container .introduction .content.section_1 .content_txt h2 { top: -60px; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .obj_combine .title_svg { bottom: -340px; width: 80%; }
    .introduction_wrap .introduction_container .introduction .content.section_2 .content_txt.po_relative { left: -22%; }

    /* 청맥철학 */
    .introduction_wrap .introduction_container .introduction .content.section_5 { margin-top: -120px; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .title_svg { top: 1290px; right: 110%; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .obj_combine .content_img img { width: 72%; }
    .introduction_wrap .introduction_container .introduction .content.section_6 .content_txt.po_relative { top: -60px; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .content_img img { padding-right: 40%; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(2) { margin: 320px 0; }
    .introduction_wrap .introduction_container .introduction .content.section_7 .obj_combine .content_txt:nth-child(3) { margin-top: -180px; }
}

@media screen and (max-width: 500px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* ROOT */
    .guide_wrap .guide_container .title { font-size: 25px; margin-bottom: 15px; line-height: 30px; }
    .guide_wrap .guide_container .desc { font-size: 18px; margin-bottom: 25px; line-height: 23px; }
    .guide_wrap .guide_container ul.menu_list a li span:last-child { font-size: 13px; font-weight: bold; color: #ffffff; margin-top: 0; }
}

@media screen and (max-width: 450px) {
    /* **************************************** *
     * 03) 진료분야 (루트)
     * **************************************** */

    /* ROOT */
    .info_wrap .info_container li p { margin-bottom: 15px; padding-bottom: 11px; }

    /* **************************************** *
     * 04) 시설및장비 (루트)
     * **************************************** */

    /* ROOT */
    .equipment_wrap .equipment_container { padding: 0 20px 20px; }
    .equipment_wrap .equipment_container li p { margin-bottom: 15px; padding-bottom: 11px; }
    .equipment_wrap .equipment_container .equipment_play_btn { padding: 6px 40px; font-size:14px;}
}

@media screen and (max-width: 410px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* 진료안내 */
    .information_wrap .information_container .m_layout .outer .inner .title { font-size: 19px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 { font-size: 22px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 .holiday_chk { width: 59px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h3 { font-size: 13px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p { font-size: 14px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p b { font-size: 16px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p { font-size: 15px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date:after { left: 75px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p.caution { font-size: 13px; }
}

@media screen and (max-width: 392px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* 진료안내 */
    .information_wrap .information_container .m_layout .outer .info_box .desc p { margin-bottom: 6px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date { padding-right: 12px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date:after { left: 64px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date.weekday { letter-spacing: 8.5px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date.saturday { letter-spacing: 5.7px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p.caution { margin-top: 12px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .item { margin-right: 4px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .item:after { left: 42px; }
}

@media screen and (max-width: 360px) {
    /* **************************************** *
     * 02) 청맥의료진 (루트)
     * **************************************** */

    /* ROOT (M) */
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title h2 { font-size: 11px; line-height: 1.5; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .title h1 { font-size: 14px; }
    .m_layout .outer.intro .inner .content .menus .swiper-slide .icon { width: 18px; height: 18px; }
    .m_layout .outer.intro .inner .content .explain_box .explain p { font-size: 13px; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .flexible_hashtag, .m_layout .outer.career .inner .career_box .introduction .hashtag { font-size: 10px; }
    .m_layout .outer.doctors .inner .doctors_box.intro .introduction .flexible_hashtag span, .m_layout .outer.career .inner .career_box .introduction .hashtag span { margin-right: 2px; padding: 6px 4px; }
    .m_layout .outer.career .inner .row .more_btn { top: -36px; }


    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* ROOT */
    .guide_wrap .guide_container ul.menu_list a li { padding: 10px 5px; }
    .guide_wrap .guide_container ul.menu_list a li span:last-child { font-size: 11px; }

    /* 진료안내 */
    .information_wrap .information_container .m_layout .outer .inner .title { font-size: 17px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p { font-size: 14px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date:after { left: 60px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p.caution { font-size: 12px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 { font-size: 20px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 .holiday_chk { width: 53px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1.notice { margin-bottom: 6px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h3 { font-size: 11px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box { padding: 16px 20px 14px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p { font-size: 12px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p b { font-size: 14px; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item.active .subject { font-size: 12px; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item.active svg { width: 52%; height: 28px; }
}

@media screen and (max-width: 350px) {
    /* **************************************** *
     * 03) 진료분야 (루트)
     * **************************************** */

    /* ROOT */
    .info_wrap .info_container .info_title p { font-size: 28px; }


    /* **************************************** *
     * 04) 시설및장비 (루트)
     * **************************************** */

    /* ROOT */
    .equipment_wrap .equipment_container { padding: 0 12px; }
    .equipment_wrap .equipment_container .equipment_title p { font-size: 28px; }
}

@media screen and (max-width: 320px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* 진료안내 */
    .information_wrap .information_container .m_layout .outer .inner .title { font-size: 15px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p { font-size: 10px; }
    .information_wrap .information_container .m_layout .outer.process .inner .content .desc_box.active p b { font-size: 12px; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item svg { width: 44%; height: 20px;}
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item.active svg { width: 46%; height: 24px; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item .subject { font-size: 10px; }
    .information_wrap .information_container .m_layout .outer.process.view .inner .content .process_step .item.active .subject { font-size: 11px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet .notice { padding-left: 24px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 { font-size: 17px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 .holiday_chk { width: 45px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1.notice { margin-bottom: 0; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h3 { font-size: 10px; }
    .information_wrap .information_container .m_layout .outer .info_box { padding: 12px; }
    .information_wrap .information_container .m_layout .outer .info_box .icon { margin-right: 10px; }
    .information_wrap .information_container .m_layout .outer .info_box .icon svg { width: 72%; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p { font-size: 12px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date:after { left: 55px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date.weekday { letter-spacing: 7.9px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p.caution { font-size: 10px; }
}

@media screen and (max-width: 280px) {
    /* **************************************** *
     * 06) 병원이용안내 (루트, 진료안내)
     * **************************************** */

    /* 진료안내 */
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 { font-size: 15px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1 .holiday_chk { width: 40px; }
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet .notice { padding-left: 30px;}
    .information_wrap .information_container .m_layout .outer.greeting .inner .content .greet h1.notice { padding-bottom: 4px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p { font-size: 10px; margin-bottom: 0; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p .date:after { left: 50px; }
    .information_wrap .information_container .m_layout .outer .info_box .desc p.caution { margin-top: 8px; }
}