@charset "utf-8";
@media (max-width: 1800px) {
	/* 메인 공통 */
	.main-prev, .main-next { width: 30px; height: 30px; background-size: 6px; }

	/* 메인 */
	.sec1-swp { margin: 0; }
	.sec1 .main-prev { left: -10px; top: 50%; transform: translateY(-50%);}
	.sec1 .main-next { right: -10px; top: 50%; transform: translateY(-50%);}
	.sec1-swiper { padding: 30px 10px;}
}
@media (max-width: 1400px) {
    body, input, textarea, select, button, table {font-size:14px; font-weight: 400; }	

    :root{
		--font-size56 : 34px;
		--font-size48 : 32px;
		--font-size40 : 28px;
		--font-size36 : 24px;
		--font-size34 : 23px;
		--font-size32 : 22px;
		--font-size30 : 21px;
		--font-size28 : 20px;
		--font-size26 : 19px;
		--font-size24 : 18px;
		--font-size22 : 17px;
		--font-size20 : 16px;
		--font-size18 : 15px;
	}

    /* header */
	#header { top: -121px; }
	.hd-top .links { gap: 10px; }
	.hd-top .links a { font-size: 12px; height: 30px; padding-left: 8px; }
    .sitelogo img { height: 35px; }
    #gnb>ul>li>a { font-size: 16px; }
	#gnb .submenu .left { padding-right: 20px; }
	#gnb .submenu .left ul { gap: 15px; }
	#gnb .submenu .left ul>li { width: calc(100%/3 - 10px);}
	#gnb .submenu .left .links a { padding-left: 10px; }
	#gnb .submenu .left .links a::before { width: 3px; height: 3px; top: 13px; }
	.mobile-navigation .group { margin-bottom: 50px; } 
	.mobile-navigation .group h4 { padding-left: 12px; }
	.mobile-navigation .group h4::before { width: 4px; height: 4px; top: 8px; }
	.mobile-navigation .group ul { gap: 12px; }
	.mobile-navigation .group ul>li { width: calc(100%/4 - 9px);}
	.healthpromotion .mobile-navigation .group ul>li { width: calc(100%/4 - 9px);}

    /* footer */
	.ft-top .top { padding: 14px 0;}
	.ft-top .top ul { gap: 10px 24px; flex-wrap: wrap;}
	.ft-top .top ul li { gap: 6px; }
	.ft-top .top ul li::after { display: none; }
	.ft-top .top ul li img { height: 16px; }
	.ft-top .btm { padding: 14px 0;}
	.ft-top .btm .links { gap: 10px 16px; flex-wrap: wrap;}
	.ft-top .btm .links a::after { display: none; }
	.ft-btm .top { padding: 15px 0;}
	.ft-btm .mid { padding: 20px 0;}
	.ft-btm .mid ul li>a { margin-bottom: 15px; }
	.ft-sub a { margin-bottom: 8px; }
	.familysite .toggle-button { padding: 0 15px; border-radius: 4px; font-size: 13px; }
	.familysite .toggle-layer { border-radius: 4px; padding: 5px 0; text-align: left; }
	.familysite .toggle-layer a { font-size: 13px; }
	.ft-text { margin-bottom: 20px; }
	.ft-text span { margin-bottom: 7px; padding-right: 20px; }
	.ft-text span::after { display: none; }
	.ft-text span strong { padding-right: 8px; }
	.ft-text span.fz { font-size: 13px; padding-right: 12px; }
	.cpr { font-size: 12px; }
	.cpr span { padding-right: 15px; }
	.cpr span::after { display: none; }
	.ft-ars h5 { font-size: 14px; }
	.ft-ars h3 { margin-bottom: 20px; }
	.ft-sns { gap: 5px; }
	.ft-sns a img { height: 30px; }
	.scroll-top { position: fixed; z-index: 999; top: auto; right: 15px; bottom: 15px; height: 40px; width: 40px; text-indent: -9999em; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
	.scroll-top::before { top: 14px; }
	.quick { top: auto; transform: none; right: 15px; bottom: 65px; text-align: right; width: 108px; }
	.quick-btn { width: 40px; height: 40px; margin-bottom: 0;}
	.quick-btn img { height: 17px; }
	.quick .list { bottom: calc(100% );}
	.quick .list a { padding-left: 15px; gap: 7px; margin-bottom: 5px; height: 40px; }
	.quick .list span { font-size: 13px; padding-top: 0; }

    /* visual */
	.main-visual { height: 55vh; }
	.main-visual .items { height: 48vh; }
    .main-visual .item { height: 48vh; }
	.main-visual .caption { top: 35%; }
	.main-visual .caption h2 { font-size: 42px; }
	.main-visual .caption .chk p { padding-left: 19px; }
	.main-visual .caption .chk p::before { width: 14px; height: 14px; top: 6px; }
	.main-visual .slick-dots { bottom: 28%; }
	.main-visual .slick-dots li { margin: 0 5px;}
	.main-visual .slick-dots li button { width: 8px; height: 8px; }
	.main-visual .slick-dots li.slick-active button { width: 32px; }
	.main-visual .reserve { max-width: calc(100% - 60px); position: relative; bottom: auto; right: auto; border-radius: 5px; padding: 0 15px; height: 14vh; margin: auto; top: -7vh; }
	.main-visual .reserve img { height: 60px; }
	.main-visual .reserve .info .txtbox { padding: 0 15px;}
	.main-visual .reserve .info .btns { width: 100px; }
	.main-visual .reserve .info .btns a { height: 40px; border-radius: 4px; margin-bottom: 5px; }

	/* 메인 퀵메뉴 */
	.main-quick { margin-top: 30px; }
	.main-quick .inbox { height: 80px; border-radius: 5px; }
	.main-quick .inbox .tt { width: 80px; }
	.main-quick .inbox .long { padding-left: 15px; }
	.main-quick .inbox .info h5 { font-size: 14px; }
	.main-quick .inbox .links a { padding: 0 20px; gap: 8px; }
	.main-quick .inbox .links a::after { width: 1px; height: 15px; }
	.main-quick .inbox .links a img { height: 28px; }

	/* 메인 공통 */
	.main-pd { padding: 70px 0; }
	.main-titbox { margin-bottom: 30px; }
	.main-view { border-radius: 4px; padding: 12px 20px; border-radius: 4px; }

	/* 메인 */
	.sec1 { padding-top: 100px; }
	.sec1-swiper { padding: 30px 10px;}
	.sec1-swiper .item a { border-radius: 5px; padding: 25px 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);}
	.sec1-swiper .item a::before { border-radius: 5px; }
	.sec1-swiper .item .num { margin-bottom: 25px; }
	.sec1-swiper .item img { height: 40px; }
	.sec1-swiper .item .tt { margin: 20px 0;}
	.sec2 { padding-top: 70px; }
	.sec2-tab { gap: 5px; flex-wrap: wrap;}
	.sec2-tab li a { border-radius: 4px; padding: 0 15px;}
	.sec2-swiper .item .fx { margin: 20px 0 12px; font-size: 12px; gap: 16px; }
	.sec2-swiper .item .fx .ctr::after { height: 10px; right: -9px; }
	.sec2-btbox .btns { gap: 5px; margin-right: 20px; }
	.sec3-wrap { gap: 12px; }
	.sec3-wrap .item { width: calc(100%/4 - 9px); }
	.sec3-wrap .item a { border-radius: 5px; }
	.sec3-wrap .item .back { border-radius: 5px; }
	.sec3-wrap .item .back .txt { margin: 15px 0 20px;}
	.sec3-wrap .item .back .view { width: 35px; height: 35px; }
	.sec3-symbol { bottom: -200px; height: 160px; }
	.sec4-top { margin-bottom: 70px; }
	.sec4-top::before { display: none; }
	.sec4-top-wrap { gap: 15px; }
	.sec4-top-wrap .col { width: calc(100%/3 - 10px); border-radius: 5px; }
	.sec4-top-wrap .col a { padding: 25px 15px;}
	.sec4-top-wrap .col::after { border-radius: 5px; }
	.sec4-top-wrap .col h3 { margin-bottom: 25px; }
	.sec4-top-wrap .col .view { width: 35px; height: 35px; }
	.sec4-top-wrap .col img { height: 38px; }
	.sec4-top-wrap .col.jt { text-align: center; }
	.sec4-btm-wrap { gap: 12px; }
	.sec4-btm-wrap .item { width: calc(100%/4 - 9px); }
	.sec4-btm-wrap .item::after { border-radius: 5px; }
	.sec4-btm-wrap .item a { padding: 25px 15px; border-radius: 5px; min-height: 275px;}
	.sec4-btm-wrap .item::after { border-radius: 5px; }
	.sec4-btm-wrap .item .txt { margin: 15px 0;}
	.sec4-btm-wrap .item .hash { gap: 5px; margin-bottom: 60px; }
	.sec4-btm-wrap .item .hash span { padding: 4px 6px; font-size: 12px; }
	.sec4-btm-wrap .item .icon { height: 90px; }
	.sec5-flex .video-wrapper .video-container { border-radius: 5px; }
	.sec5-flex .info { padding-left: 20px; }
	.sec5-flex .info .col .thumb { margin-right: 15px; width: 120px; }
	.sec5-flex .info .col .thumb>div { border-radius: 5px; }
	.sec5-flex .info .col .txtbox .hash span { font-size: 12px; }
	.sec5-flex .info .col .txtbox .tt { margin: 5px 0;}
	.sec6-flex { top: -50%;}
	.sec6-flex .info { width: 50%; padding-right: 30px; }
	.sec6-btns { margin: 30px 0 20px; gap: 5px; }

	.sec6-img .img { border-radius: 5px; }
	.sec6-flex .image { width: 50%; margin-right: 0; border-radius: 5px; }

	/* sub */
	.sub-visual { height: 280px; }
	.path-wrap { margin: 15px 0 30px; padding: 0 15px;}
	.path-wrap .inner { gap: 18px; flex-wrap: wrap;}
	.path-wrap .home a { width: 16px; height: 16px; }
	.path-wrap .part::before { width: 3px; height: 3px; left: -10px; }
	.path-wrap .part > a { font-size: 14px; padding-right: 23px; }
	.path-wrap .part > a:after { width: 16px; height: 16px; background-size: 7px; margin-top: -8px; }
	.path-wrap .part ul { border-radius: 5px; top: 25px; }
	.path-wrap .part ul li a { padding: 4px 15px;}
	.path-wrap .part ul li a:hover,
	.path-wrap .part ul li.active a { padding-left: 18px; }
	.lnb-wrap { width: 100%; padding: 0; border-radius: 0; margin-bottom: 0; }
	.lnb ul { gap: 0; }
	.lnb ul li { flex: 1;}
	.lnb ul li a { height: 50px; white-space: nowrap; font-size: 15px; width: 100%; border-radius: 0; }
	.sub-title { margin-bottom: 30px; }
	.real-cont { padding: 70px 0 100px;}
	.real-cont2 { padding-bottom: 0; }
	.sub-quick { padding: 30px 0;}
	.sub-quick .contain { gap: 10px; }
	.sub-quick .item { width: calc(100%/2 - 5px);}
	.sub-quick .item a { padding: 25px 15px; border-radius: 5px; }
	.sub-quick .item a img { height: 120px; }
	.sub-quick .item .txt { margin: 15px 0 20px;}
	.sub-quick .item .view { border-radius: 4px; height: 40px; padding: 0 20px;}

	/* 검색 */
	.board-search { margin-bottom: 25px; }
	.board-search .total-page { font-size: 14px; line-height: 44px;}
	.board-search .cate select.input { height: 44px; padding: 0 15px; padding-right: 55px; background: #fff url(/images/sub/board-select.png) right 15px center no-repeat;}
	.board-search .search input.input { height: 44px; width: 300px; padding: 6px 16px; padding-right: 44px; }
	.board-search .search .btn { width: 44px; height: 44px; background-size: 18px; }

	/* 공통 */
	.noti-txt { margin-bottom: 10px; font-size: 13px; gap: 5px; font-weight: 500; color: #121212; }
	.noti-txt img { height: 13px; }
	.sub-txtbox { margin-bottom: 50px; }
	.sub-txtbox h4 { margin-bottom: 18px; }
	.subtxt.mg { margin-bottom: 12px; }
	.sub-flex { margin-top: 90px; }
	.sub-flex.mg { margin-bottom: 40px; }
	.sub-flex .group { padding: 40px 0;}
	.sub-flex .group.bd { padding-bottom: 40px; }
	.sub-flex .group .title { width: 25%; }
	.sub-flex .group .contents { width: 75%; }
	.sub-flex .group.block .title { width: 100%; margin-bottom: 20px; }
	.sub-flex .group .contents .video-container { border-radius: 5px; }
	.sub-tbl tr th { padding: 15px 10px; line-height: 1.6em;}
	.sub-tbl tr td { padding: 13px 10px; line-height: 1.6em; }
	.sub-tbl tr td.left { padding-left: 10px; text-align: left; }
	.sub-tbl tr td.left2 { padding-left: 10px; }
	.sub-tbl.pd tr th { padding: 15px 10px;}
	.sub-tbl.pd tr th.left { padding-left: 10px; }
	.sub-tbl.fz tr td { padding-left: 10px; }
	.sub-tbl.pd tr td { padding: 13px 10px;}
	.sub-tbl.pd tr td.left2 { padding-left: 10px; }
	.sub-tbl tr td .dot { width: 10px; height: 10px; top: 1px; }
	.sub-tbl-wrap.height { height: 400px; }
	.chk-txt { margin-top: 12px; padding-left: 18px; }
	.chk-txt::before { width: 14px; height: 14px; }
	.subtab-wrap { padding: 40px 0;}
	.subtab-wrap ul { justify-content: center; border: none; gap: 8px; flex-wrap: wrap;}
	.subtab-wrap ul li { flex: none; width: auto;}
	.subtab-wrap ul li a { padding: 10px 15px; border: 1px solid #ddd;}
	.subtab-wrap ul li a::after { display: none; }
	.subtab-wrap ul li.active a,
	.subtab-wrap ul li a:hover { color: #fff; border-color: var(--color-primary); background: var(--color-primary);}

	/* 진료 목표 */
	.purpose .item { margin-bottom: 40px;}
	.purpose .item .icon { width: 100px; height: 100px; margin-right: 15px; }
	.purpose .item .icon img { height: 50px; }
	.purpose .item .info h4 { margin-bottom: 7px; }

	/* 진료 분야 */
	.cl-field h5 { margin-bottom: 16px; }

	/* 진료과/의료진 */
	.doctor-group { margin-bottom: 90px; }
	.doctor-list { gap: 10px; }
	.doctor-list .item { width: calc(100%/2 - 5px); border-radius: 5px; padding: 15px;}
	.doctor-list .item .thumb { margin-right: 15px; width: 120px; }
	.doctor-list .item .info .fx { margin-bottom: 25px; gap: 15px; }
	.doctor-list .item .info .fx .subject::before { height: 12px; left: -8px; }
	.doctor-list .item .info .field { padding: 4px 8px; font-size: 12px; border-radius: 4px; }
	.doctor-list .item .schedule { margin: 30px 0;}
	.doctor-list .item .schedule h5 { font-size: 14px; padding-left: 22px; margin-bottom:7px; }
	.doctor-list .item .schedule h5::before { width: 18px; height: 18px; top: 1px; }
	.doctor-tbl tr td .on { width: 10px; height: 10px; top: 0; }
	.doctor-list .item .links a { height: 44px; border-radius: 4px; }
	.doctor-tbl.pd tr th { padding: 15px 10px; line-height: 1.6em; }
	.doctor-tbl.pd tr td { padding: 15px 10px; line-height: 1.6em; }
	.doctor-tbl.pd tr td.left { padding-left: 10px; }

	/* 진료 목표 체크리스트 (단일열) */
	.check-list .item { padding: 10px; gap: 5px; border-radius: 4px; margin-bottom: 8px; }
	.check-list .item span { padding-left: 18px; }
	.check-list .item span::before { width: 12px; height: 12px; top: 5px; }

	/* 테이블 내 불릿 리스트 */
	.dot-list { padding: 5px 0;}
	.dot-list.pd { padding: 0; }
	.dot-list.mg { margin-bottom: 12px; }
	.dot-list li { padding-left: 10px; }
	.dot-list li::before { width: 3px; height: 3px; }
	.dot-list.fz li { margin-bottom: 3px; }
	.dot-list.fz li::before { top: 11px; }
	.dot-list.fz li span { font-size: 14px; }

	/* 의료진 상세 페이지 */
	.dv-hero { padding-top: 40px; background-position: 35% center; min-height: 38vh;}
	.dv-profile { max-width: 400px;}
	.dv-name-sep { display: none; }
	.dv-msg { margin-bottom: 15px; }
	.dv-hline { margin-bottom: 15px; }
	.dv-field-box { margin-bottom: 20px; }
	.dv-field-label img { width: 18px; height: 18px; }
	.dv-btn-list, .dv-btn-reserve { height: 44px; border-radius: 4px; }
	.dv-info { padding: 0 30px; }

	/* ===== 진료지원부 ===== */

	/* 비전&미션 */
	.vision-mission .vm-item { padding: 0 15px;}
	.vision-mission .vm-item img { height: 45px; }
	.vision-mission .vm-label { margin: 20px 0 15px;}

	/* 핵심가치 */
	.core-value { gap: 12px; }
	.core-value .cv-item { gap: 12px; }
	.core-value .cv-img { height: 150px; border-radius: 5px; }
	.core-value .cv-img::after { border-radius: 5px; }

	/* 예약안내 */
	.rs-call { padding: 25px 15px; border-radius: 5px; }
	.rs-call .left .info { padding-left: 12px; }
	.rs-call .left img { height: 55px; }
	.rs-call .left .info strong{ margin-bottom: 5px; }
	.rs-call .left .info strong span { font-size: 14px; }
	.rs-call .right .info { padding-left: 10px; }
	.rs-call .right .info strong { font-size: 14px; margin-bottom: 6px; }
	.rs-call .right .info p { font-size: 13px; }
	.rs-guide-bold { gap: 15px 10px;}
	.rs-guide-links { margin-top: 15px; }
	.rs-guide-wrap { margin-top: 15px; gap: 12px; }
	.rs-guide-wrap .col { width: calc(100%/3 - 8px); border-radius: 5px; }
	.rs-guide-wrap .col a { padding: 30px 15px;}
	.rs-guide-wrap .col img { height: 50px; }
	.rs-guide-wrap .col .tt { margin: 12px 0 15px;}
	.rs-guide-wrap .col .txt { margin-bottom: 12px; }
	.rs-guide-wrap .col .txt br { display: none; }

	/* 예약하기 */
	.rs-flex .left { padding-right: 20px; }
	.rs-flex .rs-group { margin-bottom: 40px; }
	.rs-flex .rs-group h4 { margin-bottom: 15px; }
	.rs-flex .rs-group h4.bd { padding-bottom: 12px; }
	.rs-flex .rs-group .input { border-radius: 4px; }
	.rs-choice-btn-wrap { gap: 6px; }
	.rs-choice-btn-wrap .rs-btn { width: auto; height: 44px; border-radius: 4px; padding: 0 20px;}
	.healthpromotion .rs-choice-btn-wrap { gap: 6px; }
	.healthpromotion .rs-choice-btn-wrap .rs-btn { width: auto;}
	.rs-doctor-choice .item { padding: 25px 15px; border-radius: 4px; margin-bottom: 5px; }
	.rs-doctor-choice .item::after { border-radius: 4px; }
	.rs-doctor-choice .item .info .name { margin-bottom: 9px; }
	.rs-doctor-choice .item button { width: 24px; height: 24px; }
	.rs-choice-result { border-radius: 4px; padding: 5px 15px;}
	.rs-choice-result li { padding: 15px 0;}
	.rs-choice-btn-wrap .rs-choice-btn { height: 44px; border-radius: 4px; }

	/* 진료일시 선택 */
	.rs-tit-fx { margin-bottom: 15px; }
	.rs-cal-status { gap: 10px 15px;}
	.rs-cal-status span { padding-left: 14px; }
	.rs-cal-status span::before { width: 9px; height: 9px; top: 3px; }
	.rs-calendar { padding: 25px 15px; border-radius: 4px; }

	/* 동의 및 본인인증 */
	.agree_box .privacy_wrap { padding: 15px; font-size: 14px; }

	/* 본인인증 */
	.verificate { gap: 10px; }
	.verificate .item { width: calc(100%/2 - 5px);}
	.verificate .item a { border-radius: 5px; padding: 30px 10px;}
	.verificate .item img { height: 55px; }

	/* 예약내역 */ 
	.rs-complete { border-radius: 4px; padding: 0 15px;}
	.rs-complete li { padding: 15px 0;}

	/* 절차 공통 */
	.step-wrap::before { top: 46px; }
	.step-wrap .item .step { margin: 15px 0 10px;}
	.step-wrap .item img { height: 90px; }
	.step-wrap .item .txt { font-size: 12px; }

	/* 입퇴원 */
	.adm-faq>li	{ margin-bottom: 8px; border-radius: 4px; }
	.adm-faq>li .tit a { padding: 18px 15px;}
	.adm-faq>li .tit a::after { right: 15px; top: 24px; }
	.adm-faq>li .cnt { padding: 20px 15px; padding-top: 0; }
	.adm-process { gap: 40px 30px; }
	.adm-process .item { width: calc(100%/3 - 20px); }
	.adm-process .item::after { width: 10px; height: 16px; right: -21px; top: 76px; }
	.adm-process .item img { border-radius: 5px; }
	.adm-process .item .txtbox { padding: 20px 0; padding-bottom: 0; }
	.adm-process .item .tt { margin-bottom: 10px; }
	.adm-visit { gap: 10px; }
	.adm-visit .col { width: calc(100%/2 - 5px); border-radius: 5px; padding: 25px 10px;}

	/* 퇴행성신경질환센터 */
	.neuro-graph { padding: 30px 15px; border-radius: 5px; margin-bottom: 15px; }
	.neuro-graph>img { width: 60%; }
	.neuro-graph .info { padding-left: 20px; }
	.neuro-graph .info .tt { font-size: 12px; }
	.neuro-graph .info .in { margin-top: 10px; }
	.neuro-graph .info .in .txt { font-size: 12px; font-weight: 500; }

	/* 병상생활지원서비스 */
	.serv-life .item { margin-bottom: 40px; }
	.serv-life .item img { border-radius: 5px; }
	.serv-life .item .info { padding-left: 20px; }
	.serv-life .item .info .tt { margin-bottom: 10px; }

	/* 갤러리 공통 */
	.gallery-list { padding-top: 0; }

	/* 임상영양서비스 */
	.nutri { margin-bottom: 40px; }
	.nutri .col { margin-bottom: 10px; padding: 25px 15px; border-radius: 5px; }
	.nutri .col .tit { margin-bottom: 10px; }
	.nutri .col .tit .num { font-size: 12px; margin-right: 8px; width: 24px; height: 24px; }

	/* 오시는 길 */
	.map-wrap { margin-bottom: 120px; }
	.lct { border-radius: 10px; padding: 40px 15px; bottom: -80px; }
	.lct img { height: 40px; }
	.lct-notes { gap: 10px; }
	.lct-note { align-items: flex-start; gap: 5px; }
	.lct-note .ico { width: 14px; height: 14px; margin-top: 3px; }
	.lct-note .txt { padding-top: 0;}

	/* 병원사용 설명서 */
	.guide-depth2 { gap: 6px; }
	.guide-depth2 li a { width: auto; height: 40px; padding: 0 20px;}
	.guide-depth3 { gap: 10px 24px; margin-bottom: 30px; }

	/* 주차안내 */
	.park-img { padding: 30px 10px; border-radius: 5px; }
	.park-total { margin: 30px 0 20px; gap: 12px; }
	.park-total img { height: 45px; }
	.park-info li { padding: 18px 10px;}
	.park-info li .txt { margin-bottom: 8px; }
	.park-info li .tit span { font-size: 13px; padding-left: 3px; }

	/* 층별안내 공통 */
	.floor { flex-direction: column-reverse;}
	.floor .tab { width: 100%; display: flex; margin-right: 0; border-radius: 5px; margin-top: 30px; }
	.floor .tab li { flex: 1;}
	.floor .tab li a { height: 60px; border: none; }
	.floor .info { width: 100%; }
	.floor .info h3 { font-size: 42px; margin-bottom: 22px; }
	.floor .info .area { border-radius: 5px; padding: 25px 15px; flex-direction: column-reverse; text-align: center; justify-content: center; align-items: center; gap: 20px 0;}
	.floor .info .area ul { width: 100%; padding-right: 0; display: flex; gap: 10px 20px; flex-wrap: wrap; text-align: left; }
	.floor .info .area ul li { margin-bottom: 0; }
	.floor .info .area ul li .num { width: 24px; height: 24px; margin-right: 8px; font-size: 12px; }
	.floor .info .area ul li .txt { padding-top: 0; }
	.floor .info .area ul li .txt br { display: none; }

	/* 비급여수가조회 */
	.uninsure-date { margin-bottom: 12px; gap: 4px; font-size: 12px; }
	.uninsure-date img { height: 12px; }

	/* 증명서 발급 */
	.download-btn-wrap { gap: 6px; }
	.download-btn-wrap a { width: calc(100%/3 - 4px); padding: 12px 10px; border-radius: 4px; gap: 10px; }
	.download-btn-wrap a img { height: 12px; }
	.download-btn { padding: 12px 10px; border-radius: 4px; padding-right: 30px; }
	.download-btn::after { width: 12px; height: 12px; right: 10px; }
	.certi-info-txt { margin-bottom: 15px; }

	/* 면회신청 */
	.visit-guide { gap: 12px; }
	.visit-guide .item { border-radius: 5px; padding: 25px 15px; }
	.visit-guide .item .subtxt { margin: 15px 0 10px;}
	.visit-guide .item img { height: 60px; }
	.visit-check-txt { margin-bottom: 15px; }

	/* 채용절차 */
	.recruit-process { gap: 30px 12px;}
	.recruit-process .col { width: calc(100%/4 - 9px); padding: 15px 5px;}
	.recruit-process .col .link { text-align: left; margin-top: 12px; }
	.recruit-process .col .link a { width: auto;}

	/* 고객의 소리 */
	.voice-info { margin-bottom: 60px; }
	.voice-info .top { margin-bottom: 30px; }
	.voice-info .btm { gap: 10px; }
	.voice-info .btm .col {width: calc( 100%/2 - 5px); }
	.voice-info .btm .col a { padding: 25px 15px; border-radius: 5px; }
	.voice-info .btm .col a::after { right: 15px; width: 35px; height: 35px; }

	/* 자원봉사안내 */
	.volunteer-step { gap: 50px; }
	.volunteer-step .item::after { width: 26px; height: 4px; right: -38px; top: 50px; }
	.volunteer-step .item .step { margin-bottom: 10px; }
	.volunteer-step .item img { height: 55px; }
	.volunteer-step .item .tt { margin-top: 12px; }

	/* 사회공헌 */
	.contri-vision { max-width: 100%; gap: 0; }
	.contri-vision-box { padding: 20px; width: 100%; }
	.contri-vision-circles { gap: 20px; }
	.cv-circle { width: 180px; height: 180px; }
	.cv-dashed-oval { display: none; }
	.contri-vision-txt { line-height: 1.5em; margin-top: 15px; }
	.contri-slogan { gap: 12px; }
	.contri-slogan .item { width: calc(100%/3 - 8px); }
	.contri-slogan .item .img { border-radius: 5px; }
	.contri-slogan .item .img::before { border-radius: 5px; }
	.contri-link a { padding: 12px 0;}
	.contri-big { border-radius: 5px; }
	.contri-big .download-btn { right: 12px; bottom: 12px; }

	/* 후원 */
	.donate-campaign h4 { padding-bottom: 12px; margin-bottom: 12px; }
	.donate-campaign .col { margin-bottom: 30px; }
	.donate-campaign .col p { margin-bottom: 8px; }
	.donate-group { margin-bottom: 50px; }
	.donate-link { margin-top: 15px; }
	.donate-account { padding: 25px 15px; border-radius: 5px; }
	.donate-account h4 { margin-bottom: 15px;}
	.donate-info { gap: 10px; }
	.donate-info .col { width: calc(100%/2 - 5px); padding: 15px; border-radius: 5px; }
	.donate-info .col .info .txt { margin: 7px 0 14px;}
	.donate-info .col .info .fx .download-btn { padding-top: 11px; padding-bottom: 11px; }

	/* 사회공헌/후원 */
	.partner { margin-bottom: 50px; }
	.partner h3 { margin-bottom: 15px; }
	.op-wrap { gap: 10px; }
	.op-wrap .item { width: 160px; }

	/* 병원소개/미션 */
	.it-bg { padding: 70px 0;}
	.it-bg p { margin-top: 15px; }
	.it-sec1 { padding-top: 70px; }
	.mission { gap: 60px; margin-bottom: 50px; }
	.mission .col .ctr { width: 90px; height: 36px; }
	.mission .col .icon { margin: 15px 0; }
	.mission .col .icon img { height: 60px; }
	.it-certi { gap: 12px; }
	.it-certi-item .thumb { border-radius: 4px; margin-bottom: 11px; }
	.it-certi-item .thumb::after { border-radius: 4px; }
	.it-medical .image .thumb { margin-bottom: 11px; }
	.it-medical .it-certi-item { margin-right: 20px; }
	.it-field { margin-bottom: 50px; }
	.it-field h3 { margin-bottom: 10px; }
	.it-pd-txt { padding-bottom: 18px; margin-bottom: 18px; }
	.it-care-wrap .it-txt-item { padding: 5px 12px; border-radius: 5px; }
	.it-care-item { border-radius: 5px; }
	.it-care-item img { height: 75px; }
	.it-care-item .tt { margin-top: 15px; }
	.it-care-flex { gap: 10px; }
	.it-care-flex .col { width: calc(100%/2 - 5px);}
	
	/* 병원장 인사말 */
	.gt::before { width: 100%; left: 0; border-radius: 0; }
	.gt .big { font-size: 150px; bottom: -30px; }
	.gt img { height: 280px; }

	/* 연혁 */
	.hst .dot-wrap { left: calc(50% - 10px);}
	.hst .dot { width: 20px; height: 20px; }
	.hst .dot::before { width: 24px; height: 24px; }
	@keyframes ripples { 
		0% { width: 20px; height: 20px; opacity: 1; } 
		100% { width: 36px; height: 36px; opacity: 0; } 
	}
	.hst .left h3 { margin-bottom: 50px; }
	.hst .left ul li { margin-bottom: 30px; }
	.hst .left ul li.active strong { font-size: 48px; padding-right: 10px; }
	.hst .right { padding-left: 30px; }
	.hst .right .method { padding-bottom: 15px; margin-bottom: 20px; }
	.hst .right .group { margin-bottom: 90px; }
	.hst .right .inbox { margin-bottom: 50px; }
	.hst .right .inbox .year { width: 70px; }
	.hst .right .inbox .flex ul li { margin-bottom: 12px; }
	.hst .right .inbox .flex ul li .month { padding-left: 10px; }
	.hst .right .inbox .flex ul li .month::before { width: 3px; height: 3px; top: 10px; }
	.hst .right .inbox .img { margin-top: 15px; }
	.hst .right .inbox .img img { border-radius: 5px; }
	
	/* 재단소개 */
	.found { padding: 40px 15px; border-radius: 5px; margin-bottom: 10px; }
	.found h5 { font-size: 14px; }
	.found h3 { margin: 15px 0 10px;}
	.found .chk { row-gap: 8px; column-gap: 30px; grid-template-rows: repeat(3,fit-content(100%)); grid-template-columns: repeat(2,fit-content(100%));}
	.found .chk p { padding-left: 18px; }
	.found .chk p::before { width: 12px; height: 12px; top: 4px; }
	.found-logo {gap: 15px; }

	/* 협력병원/기관 공통 */
	.op-list { gap: 8px; }
	.op-list .item { width: calc(100%/4 - 6px); border-radius: 4px; }
	.op-list .item::after { border-radius: 4px;}

	/* 개인검진 */
	.individual-txt { margin-bottom: 20px; }

	/* 공단검진 */
	.insurance-method { padding: 25px 15px; border-radius: 5px; }
	.insurance-method .info { padding-left: 15px; }
	.insurance-method img { height: 60px; }

	/* 암검진 */
	.cancer .col { margin-bottom: 50px; }
	.cancer .circle-wrap { gap: 60px; }
	.cancer .circle-wrap .circle { width: 120px; height: 120px; }
	.cancer .circle-wrap .circle::after { width: 26px; height: 4px; right: -42px; }
	.cancer .circle-wrap .circle.pt::before { font-size: 12px; right: -44px; }
	.cancer .circle-wrap .circle.plus::after { width: 15px; height: 15px; right: -38px; }
	.cancer .circle-wrap .circle span { font-size: 12px; word-break: break-all; text-align: center; line-height: 1.2em; }
	.cancer-chk { line-height: 1.6em; padding-left: 16px; }
	.cancer-chk::before  { width: 12px; height: 12px; top: 5px; }

	/* 예약하기 */
	.health-rs-choice { padding: 25px 15px; border-radius: 4px; }
	.health-rs-choice.pd { padding: 25px 15px;}
	.health-rs-choice.pd .tt { width: 120px; }
	.health-rs-choice.pd .subtxt::after { right: 0; width: 12px; height: 8px; }
	.health-rs-choice .tit { margin-bottom: 20px; }
	.health-rs-choice .col { margin-bottom: 30px; }
	.health-rs-choice .col .subtxt { margin-bottom: 10px; }
	.health-rs-choice .col .item-fx { gap: 10px 30px; }
	.health-rs-choice .col .item-fx .item { width: auto;}
	.health-rs-choice .col .item-fx .item .checkbox label:before { width: 18px; height: 18px; border-radius: 2px; }
	.health-drug-flex .input { height: 44px; }
	.healthpromotion .board-form .input { height: 44px; }
	.healthpromotion .board-form .flex { gap: 10px; }
	.healthpromotion .board-form .flex a { padding: 0 20px; border-radius: 4px; height: 44px; }

    /* 20260909 수정사항 - 의료사회복지서비스 */
    .social-img-wrap { gap: 40px 12px;}
    .social-img-wrap .item { width: calc(100%/4 - 9px); }
    .social-img-wrap .item img { border-radius: 5px; }
    .social-img-wrap .item .tt { margin-top: 10px; }
}
/* Landscape tablet */
@media (max-width: 1024px) {
	/* header */
	#header { width: 100%; top: 0; border-radius: 0; background: #fff; }
	#gnb {display: none;}
	#header .contain:after {content: none;}
	.list-icon { display: inline-block; position: absolute; right: 30px; bottom: 19px;}
	.hd-mid { height: 60px; }
	.sitelogo { position: relative; left: auto; top: auto; transform: none;}
	.sitelogo img { height: 32px; }
	.hd-swiper { display: none; }
	.hd-btm { border: none; }
	.list-icon.on { right: 40px;}

    /* footer */
    #footer .contain { display: block; text-align: center; }
	.ft-btm .top {  border-bottom: 1px solid #ddd;}
	.ft-top .top ul { gap: 0 18px;}
	.ft-top .top ul li { line-height: 1.7em; }
	.ft-top .btm .links { gap: 0 15px;}
	.ft-top .btm .links a { line-height: 1.7em; }
	.ft-btm .mid { display: none; }
	.ft-btm .btm { display: block; }
	.ft-text { margin-bottom: 10px; }
	.ft-ars { text-align: center; margin-top: 20px; }
	.ft-ars h5 { margin-bottom: 8px; }
	.ft-ars h3 { margin-bottom: 15px; }
	.ft-sns  { justify-content: center;}
    
    /* visual */
	.main-visual { height: 45vh; }
	.main-visual .items { height: 38vh; }
    .main-visual .item { height: 38vh; }
	.main-visual .caption { top: 35%; }
	.main-visual .caption h2 { font-size: 28px; }
	.main-visual .slick-dots { bottom: 33%; }
	.main-visual .caption .chk p::before { top: 5px; }

	/* 메인 퀵메뉴 */
	.main-quick .inbox { height: auto; display: block; }
	.main-quick .inbox .tt { width: 100%; padding: 15px 10px;}
	.main-quick .inbox .long { width: 100%; padding: 15px 0px; text-align: center; display: block; }
	.main-quick .inbox .links { justify-content: center; margin-top: 20px; flex-wrap: wrap; gap: 10px 0;}
	.main-quick .inbox .links a { padding: 0 12px; gap: 6px; }
	.main-quick .inbox .links a::after { width: 1px; height: 12px; }
	.main-quick .inbox .links a img { height: 20px; }

	/* 메인 */
	.sec4-btm-wrap { gap: 10px; flex-wrap: wrap; }
	.sec4-btm-wrap .item { width: calc(100%/2 - 5px); }
	.sec4-btm-wrap .item .txt br { display: none; }

	/* 공통 */
	.sub-flex .group { display: block; }
	.sub-flex .group .title { width: 100%; margin-bottom: 25px; }
	.sub-flex .group .contents { width: 100%; }

	/* 예약하기 */
	.rs-flex { display: block; }
	.rs-flex .left { width: 100%; padding-right: 0; }
	.rs-flex .right { width: 100%; position: relative; top: auto; margin-top: 40px; }

    /* 찾아오시는 길 */
    .root_daum_roughmap .wrap_map {height:300px !important;}

	/* board */
	.input {padding:5px 14px; height:40px;}
	textarea.input {padding:12px 14px;}
    .status-search .info dl dd.fx .item .ui-datepicker-trigger { height: 40px; width: 40px; }

	/* 검색 */
	.board-search .search input.input {width:240px;}

    .board-list colgroup col {width:auto !important;}
    .board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:15px;}
    .board-list table tbody td.subject { padding-left: 10px;}
    .board-list .label { font-size: 12px; line-height: 1em; padding: 5px 8px;}
    .board-list .down { width: 14px; height: 18px; background-size: contain;}

    .form-agree { margin: 30px 0 0 0;}
	.form-agree h3 {font-size:16px; margin-bottom: 12px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

    .board-form table th { font-size: 14px; }
    .board-form table td { font-size: 14px; padding: 15px }
	.board-form .item-fx .item.fx { gap: 10px 15px;}
	.board-form .item-fx .item.fx .input { max-width:70px;}
    .board-form .input { height: 40px; }
    .captcha-wrap { height: 40px; }

	.board-white table {font-size:15px;}

	.board-form table {font-size:15px !important;}

	.files-upload-text .upfiles-alt {font-size:14px;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

    .gallery-list ul { gap: 35px 12px; }
    .gallery-list ul li { width: calc(100%/3 - 8px); }
	.gallery-list ul li .thumb { border-radius: 5px; }
	.gallery-list ul li .thumb::after { border-radius: 5px; }
	.gallery-list ul li .date { font-size: 12px; margin: 15px 0 8px;}

    .faq .tit {font-size:15px;}
	.faq .tit a {padding:9px 60px 9px 12px;}
	.faq .tit a:after {top:14px;}
	.faq .q {flex:0 0 32px; width:32px; height:32px; font-size:16px; line-height:32px;}
	.faq .cnt {padding:18px 25px 18px 60px; font-size: 14px; }

    .calendar-head h3 {font-size:24px; margin:0 30px;}
	.calendar table th {font-size:15px;}
	.calendar table td { font-size:14px;}

	.board-prev-next {font-size:14px;}

	.btn-pack.medium {height:40px; padding:0 16px; font-size:15px; line-height:38px;}
	.btn-pack.large {min-width:140px; height:50px; font-size:18px; line-height:48px;}
    .btn-pack.zip-bt { height: 44px; font-size: 14px; line-height: 42px; min-width: 100px ;}

	.store-search {padding:22px 5%;}
	.store-search .map-area {width:280px;}
	.store-search .map-img .local {padding:0 10px; font-size:13px; line-height:22px;}

	.news-list ul { gap: 35px 12px; }
    .news-list ul li { width: calc(100%/3 - 8px); }
	.news-list ul li .thumb { border-radius: 5px; }
	.news-list ul li .thumb::after { border-radius: 5px; }
	.news-list ul li .thumb .new-ico { left: 5px; top: 5px; width: 32px; height: 32px; font-size: 10px; }
	.news-list ul li .date { font-size: 12px; margin: 14px 0 6px;}
	.news-list ul li .hash { margin-top: 25px; gap: 5px; }
	.news-list ul li .hash span { font-size: 12px; padding: 5px 7px; border-radius: 2px; }

	.facility-list ul { gap: 35px 12px;}
	.facility-list ul li { width: calc(100%/3 - 8px);}
	.facility-list ul li .thumb { border-radius: 4px; }
	.facility-list ul li .thumb::after { border-radius: 4px; }
	.facility-list ul li .tit { margin-top: 12px; }
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* 메인 공통 */
	.main-titbox { position: relative; z-index: 1; }
	.main-titbox.fx>:first-child { width: 100%; }

	/* 메인 */
	.sec2-tab { justify-content: center;}
	.sec3-wrap { gap: 6px; }
	.sec3-wrap .item { width: calc(100%/3 - 4px);}
	.sec4-top-wrap { gap: 12px; }
	.sec4-top-wrap .col { width: calc(100%/2 - 6px);}
	.sec5-flex { display: block; }
	.sec5-flex .video-wrapper { width: 100%; }
	.sec5-flex .info { width: 100%; padding-left: 0; margin-top: 20px; }
	.sec5-flex .info .col .thumb { width: 90px; }
	.sec5-flex .info .col .txtbox .date { font-size: 12px; }
	.sec6-flex { flex-direction: column-reverse; top: 0; margin-top: 40px; }
	.sec6-flex .info { width: 100%; top: 0; text-align: left; padding-right: 0; padding-top: 30px; }
	.sec6-flex .image { width: 100%; }
	.sec6-btns { margin: 15px 0 10px;}

	/* sub */
	.sub-quick .item { width: 100%; }

	/* 검사 종류 */
	.kind-img-wrap { gap: 10px; }
	.kind-img-wrap.mg { margin: 25px 0 20px;}
	.kind-img-wrap .item { width: calc(100%/2 - 5px); border-radius: 5px; }
	.kind-img-wrap .item .tt { left: 15px; bottom: 10px; }
	.kind-img-wrap .item .tt span { font-size: 12px; margin-top: 5px; }

	/* 진료과/의료진 */
	.doctor-list .item { width: 100%; }
	.doctor-list .item .thumb { width: 100px; }
	.doctor-list .item .info .fx { flex-wrap: wrap; gap: 8px;}
	.doctor-list .item .info .fx .subject::before { display: none; }

	/* 진료 목표 체크리스트 (단일열) */
	.check-list.flex { gap: 8px;}
	.check-list.flex .item { width: calc(100%/2 - 4px); }

	/* 예약하기 */
	.rs-process-num { margin-bottom: 60px; width: 100%; flex-wrap: wrap; gap: 6px; }
	.rs-process-num::before { display: none;}
	.rs-process-num .item { width: 100%; display: flex; align-items: center; height: 45px; border: 1px solid var(--color-primary); padding: 0 10px; border-radius: 5px;  color: var(--color-primary);}
	.rs-process-num .item .dot { display: none; }
	.rs-process-num .item .num { margin: 0; margin-right: 8px; width: 30px; height: 30px; border-radius: 36px; border: 1px solid var(--color-primary); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 12px; }
	.rs-process-num .item .tit { flex: 1 1 auto; min-width: 0; width: 1%; text-align: left;}
	.rs-process-num .item.active { background: var(--color-primary); color: #fff; }
	.rs-process-num .item.active .num { background: #fff; color: var(--color-primary);}
	.rs-process-num-wrap.space .item { width: 100%; }

	/* 퇴행성신경질환센터 */
	.neuro-graph { display: block; text-align: center;}
	.neuro-graph>img { width: 100%; }
	.neuro-graph .info { padding-left: 0; margin-top: 30px; text-align: left; width: 100%; }

	/* 진료협력 폼 */
	.rs-form { padding: 0 15px; border-radius: 5px; }
	.rs-form .item { padding: 15px 0;}
	.rs-form .item .tt { margin-bottom: 10px; }
	.rs-form .item .txt .input { border-radius: 4px; }
	.rs-form .item .item-fx { gap: 10px 24px;}
	.rs-form .item .item-fx .box { font-size: 14px; }

	/* 진료협력 접수완료 */
	.complete-wrap { margin-bottom: 40px; }
	.complete-wrap img { height: 120px; }
	.complete-wrap h3 { margin: 25px 0 15px;}

	/* 의료사회복지서비스 - 서비스 내용 */
	.serv-welfare-img { overflow: auto;}
	.serv-welfare-img .wrap { width: 900px; }
	.serv-welfare-img img { width: 100%; }

	/* 병상생활지원서비스 */
	.serv-life .item img { width: 50%; }

	/* 면회신청 */
	.visit-guide { gap: 10px; }
	.visit-guide .item { flex: none; width: calc(100%/2 - 5px);}

	/* 채용절차 */
	.recruit-process { gap: 30px 9px;}
	.recruit-process .col { width: calc(100%/3 - 6px);}
	.recruit-process .col .tt br { display: none; }

	/* 고객의 소리 */
	.voice-info .btm .col { width: 100%; }
	.voice-info .btm .col a  { padding-right: 50px; }

	/* 후원 */
	.donate-info .col { width: 100%; }

	/* 병원소개/미션 */
	.it-certi { gap: 8px; }
	.it-certi-item { width: 150px;}
	.it-certi-item .thumb .txt { font-size: 13px; }
	.it-medical { display: block; }
	.it-medical .image { width: 100%; margin-top: 30px; }
	.it-care-wrap .it-top { gap: 12px; }
	.it-care-wrap .it-top::after { width: 76%; }
	.it-care-wrap .it-btm { gap: 12px; }

	/* 연혁 */
	.hst { display: block; }
	.hst>div { width: 100%;}
	.hst .left { padding-right: 0; background: #fff; z-index: 11; top: 90px; padding: 20px 0;}
	.hst .left h3 { display: none; }
	.hst .left ul { display: flex; align-items: center; }
	.hst .left ul li { margin-bottom: 0; width: calc(100%/3); text-align: center; font-weight: 600; }
	.hst .left ul li strong { font-weight: 600; display: block; padding-right: 0; margin-bottom: 10px;}
	.hst .left ul li.active {font-size: var(--font-size24);}
	.hst .left ul li.active strong { font-size: var(--font-size40);}
	.hst .right { padding-left: 0; }
	.hst .track { display: none; }
	.hst .dot-wrap { display: none; }

	/* HI */
	.ci-big { border-radius: 5px; }
	.ci-link .download-btn { padding-top: 13px; padding-bottom: 12px; }

	/* 예약하기 */
	.health-day-flex { flex-wrap: wrap;}
	.health-day-flex .item { width: 100%; }
	.health-day-flex .item .day { width: 120px; }
	.health-time-flex .item.flex .select { margin-left: 10px; }
	.health-time-flex .item.flex select { height: 44px; }
	.button-flex button { height: 44px; border-radius: 4px; }
	.health-time-flex { display: block; }
	.health-time-flex .item.flex { width: 100%; margin-top: 15px; }
	.health-time-flex .item.flex .select span { padding: 0 8px;}
	.health-wt { max-width: 100%;}
	.health-process-step { margin-bottom: 35px; }

    /* 20260909 수정사항 - 의료사회복지서비스 */
    .social-img-wrap { gap: 35px 10px;}
    .social-img-wrap .item { width: calc(100%/2 - 5px);}
}

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	:root{
		--font-size56 : 28px;
		--font-size48 : 24px;
		--font-size40 : 23px;
		--font-size36 : 22px;
		--font-size34 : 20px;
		--font-size32 : 20px;
		--font-size30 : 20px;
		--font-size28 : 19px;
		--font-size26 : 18px;
		--font-size24 : 17px;
		--font-size22 : 16px;
		--font-size20 : 15px;
		--font-size18 : 14px;
	}

    /* header */
    #header { height: 60px; }
    #header .contain { padding-left: 15px; padding-right: 15px;}
	.hd-top { display: none; }
    .sitelogo img { height: 28px; }
	.list-icon { right: 15px; }
	.list-icon.on { right: 25px;}
	.mobile-navigation .group ul { gap: 20px 8px; padding-top: 20px; margin-top: 15px; }
	.mobile-navigation .group ul>li { width: calc(100%/2 - 4px);}
	.mobile-navigation .group .links a { padding-left: 10px; }
	.mobile-navigation .group .links a::before { width: 3px; height: 3px; top: 12px; }
	.healthpromotion .mobile-navigation .group ul>li { width: calc(100%/2 - 4px);}

	#contArea {padding-left: 15px; padding-right: 15px;}
	.contain {padding-left: 15px; padding-right: 15px;}
    .contain2 { padding-left: 15px; padding-right: 15px;}
	.real-cont {min-height: 200px; padding-bottom: 40px;}

	/* footer */
    #footer .contain { padding-left: 15px; padding-right: 15px; }

    /* visual */
	.main-visual { height: 150vw; }
	.main-visual .items { height: auto; }
    .main-visual .item { height: 150vw; }
	.main-visual .slick-slide { height: 150vw; }
	.main-visual .caption { top: 25%; text-align: center; }
    .main-visual .caption h4 { text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
	.main-visual .caption h2 { font-size: 24px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
	.main-visual .slick-dots { bottom: 20px; text-align: center; padding-left: 15px; padding-right: 15px; }
	.main-visual .reserve {position: absolute; max-width: calc(100% - 30px); height: auto; bottom: 0; left: 0; right: 0; margin: auto; top: auto; padding: 15px; bottom: 60px; align-items: flex-start;}
	.main-visual .reserve img { height: 50px; }
	.main-visual .reserve .info { display: block; }
	.main-visual .reserve .info .txtbox { width: 100%; padding-left: 15px; }
	.main-visual .reserve .info .txtbox .txt { display: none; }
	.main-visual .reserve .info .btns { display: flex; gap: 5px; margin-top: 10px; padding-left: 15px; }
	.main-visual .reserve .info .btns a { padding: 0 20px; }
	.main-visual .caption .chk { display: flex; justify-content: center; flex-direction: column; align-items: center;}
	.main-visual .caption .chk p { text-align: left; }

	/* 메인 공통 */
	.main-pd { padding: 50px 0; }

	/* 메인 */
	.sec1 { padding-top: 70px; }
	.sec2 { padding-top: 50px; }
	.sec3-wrap { gap: 10px; }
	.sec3-wrap .item { width: calc(100%/2 - 5px);}
	.sec3-wrap .item .back .tt { margin-bottom: 15px; }
	.sec3-wrap .item .back .txt { display: none; }
	.sec3-symbol { bottom: -120px; height: 100px; }
	.sec4-top { margin-bottom: 50px; }
	.sec4-top-wrap .col { width: 100%; }
	.sec4-top-wrap .col.title { margin-bottom: 15px; }
	.sec4-top-wrap .col.jt { margin-top: 25px; }
	.sec4-btm-wrap .item { width: 100%; }
	.sec4-btm-wrap .item a { min-height: auto;}

	/* sub */
	.sub-visual { height: 190px; }
	.path-wrap { margin: 15px 0 30px; padding: 0 15px;}
	.path-wrap .inner { gap: 10px 18px; flex-wrap: wrap;}
	.path-wrap .home a { width: 13px; height: 13px; position: relative; top: -1px; overflow: unset;}
	.path-wrap .home a::after { content: ""; position: absolute; right: -10px; top: 0; bottom: 0; margin: auto; width: 3px; height: 3px; border-radius: 5px; background: #ccc; }
	.path-wrap .part::before { width: 3px; height: 3px; left: -10px; display: none; }
	.path-wrap .part::after { content: ""; position: absolute; right: -10px; top: 0; bottom: 0; margin: auto; width: 3px; height: 3px; border-radius: 5px; background: #ccc; }
	.path-wrap .part:last-child::after { display: none; }
	.path-wrap .part:last-child { flex: 0 0 auto; width: max-content; }
	.path-wrap .part > a { font-size: 12px; padding-right: 23px; }
	.path-wrap .part > a:after { width: 14px; height: 14px; background-size: 6px; margin-top: -8px; }
	.path-wrap .part ul { border-radius: 5px; top: 25px; right: auto; left: 0; min-width: 0; width: max-content; max-width: calc(100vw - 30px); white-space: normal; word-break: keep-all; }
	.path-wrap .part ul li a { padding: 4px 12px; font-size: 12px; }
	.path-wrap .part ul li a:hover,
	.path-wrap .part ul li.active a { padding-left: 12px; }
	.lnb ul li a { padding: 0 15px; }
	.sub-title { margin-bottom: 30px; }
	.real-cont { padding: 50px 0 70px;}
	.real-cont2 { padding-bottom: 0; }
	.sub-quick .item a img { height: 90px; }
	.sub-quick .item .tt { font-size: 18px; margin-bottom: 20px;}
	.sub-quick .item .txt { display: none; }

	/* 공통 */
	.sub-flex { margin-top: 60px; }

	/* 진료 목표 */
	.purpose .item { margin-bottom: 40px;}
	.purpose .item .icon { width: 70px; height: 70px; margin-right: 10px; }
	.purpose .item .icon img { height: 35px; }
	.purpose .item .info h4 { margin-bottom: 7px; }

	/* 검사종류 */
	.kind-img-wrap .item { width: 100%; }

	/* 진료과/의료진 */
	.doctor-group { margin-bottom: 60px; }

	/* 진료 목표 체크리스트 (단일열) */
	.check-list .item span::before { top: 4px; }
	.check-list.flex .item { width: 100%; }

	/* 테이블 내 불릿 리스트 */
	.dot-list.fz li span { font-size: 12px; }
	
	/* 의료진 상세 페이지 */
	.dv-hero { min-height: 28vh; background-position: 40% center;}
	.dv-info { padding: 0 15px; }
	.dv-sub { gap: 30px; }
	.dv-sub .sub-group { gap: 10px; }
	.dv-press .item { padding: 0; height: 58px; }
	.dv-press .item .ico { width: 30px; height: 30px; }

	/* 핵심가치 */
	.core-value { flex-wrap:wrap;  gap: 30px 10px;}
	.core-value .cv-item { flex: none; width: 100%;}

	/* 조직도 박스 */
	.org-box { border-radius: 5px; padding: 40px 15px;}

	/* 예약안내 */
	.rs-guide-wrap .col { width: 100%; }

	/* 예약내역 */
	.rs-complete li { display: block; }
	.rs-complete li .txt { margin-top: 10px; }

	/* 절차 공통 */
	.step-wrap { gap: 35px 10px;}
	.step-wrap::before { display: none; }
	.step-wrap .item { width: calc(100%/2 - 5px); }

	/* 입퇴원 */
	.adm-process .item { width: 100%; }
	.adm-process .item img { width: 100%; }
	.adm-process .item::after { left: 0; right: 0; margin: auto; top: auto; transform: rotate(90deg); bottom: -30px; }
	.adm-visit .col { width: 100%; }

	/* sub2 공통 */
	.sub2-img-wrap { gap: 10px; }
	.sub2-img-wrap .item { width: 100%; border-radius: 5px; }
	.sub2-img-wrap .item .tt { left: 15px; bottom: 12px; }

	/* 언어치료 */
	.speech-wrap { gap: 10px; }
	.speech-wrap .item { flex: none; padding: 25px 10px; border-radius: 4px; width: 100%; }

	/* 병상생활지원서비스 */
	.serv-life .item { display: block; }
	.serv-life .item img { width: 100%; }
	.serv-life .item .info { width: 100%; padding-left: 0; padding-top: 20px; }

	/* 지역사회 자원연계 */
	.serv-social .box { margin-bottom: 30px; }

    /* 오시는 길 */
	.map-wrap { margin-bottom: 0; }
	.root_daum_roughmap .wrap_map {height:250px !important;}
	.lct { position: relative; left: auto; bottom: auto; margin: 40px 0 0;}
	.lct-label { min-width: 85px;}
	.lct-badge { min-width: 80px; font-size: 13px; }
	.lct-row { gap: 12px; }

	/* 주차안내 */
	.park-img { overflow: auto;}
	.park-img .wrap { width: 640px; }
	.park-img img { width: 100%; }
	.park-info { flex-wrap: wrap;}
	.park-info li { width: 100%; flex: none; border-bottom: 1px solid #ddd; border-right: none; }

	/* 증명서 발급 */
	.certi-txt li { display: block; }
	.certi-txt li .txt { margin-top: 5px; }
	.certi-notice { margin-top: 20px; gap: 15px; border-radius: 5px; padding: 20px 15px; align-items: flex-start;}
	.certi-notice-icon { width: 60px; height: 60px; }
	.certi-notice-list { gap: 7px;}
	.certi-notice-list li { padding-left: 10px; }
	.certi-notice-list li::before { width: 3px; height: 3px; }
	.download-btn-wrap a { width: 100%; }

	/* 면회신청 */
	.visit-guide .item .subtxt { min-height: 60px; font-size: 13px; }

	/* 채용절차 */
	.recruit-process { gap: 30px 10px;}
	.recruit-process .col { width: calc(100%/2 - 5px);}
	.recruit-process .col .tt br { display: none; }

	/* 고객의 소리 */
	.voice-info { margin-bottom: 40px; }
	.voice-info .top .right { gap: 10px; flex-wrap: wrap; width: 100%; }
	.voice-info .top .right .box { width: 100%; padding: 15px; border-radius: 5px; min-width: 100%;}

	/* 자원봉사안내 */
	.volunteer-step { justify-content: center;}
	.volunteer-step .item { width: calc(100%/2 - 25px); }
	.volunteer-step .item::after { display: none; }

	/* 사회공헌 */
	.contri-vision-box { padding: 0; border-radius: 0; background: none; }
	.contri-vision-circles { flex-wrap: wrap; justify-content: center; gap: 0 20px;}
	.cv-circle { width: 140px; height: 140px; }
	.contri-slogan { gap: 35px 10px;}
	.contri-slogan .item { width: 100%; }
	.contri-slogan .item .img { border-radius: 5px; }
	.contri-slogan .item .img::before { border-radius: 5px; }

	/* 사회공헌/후원 */
	.op-wrap { gap: 10px; }
	.op-wrap .item { width: 150px; }

	/* 병원소개/미션 */
	.it-bg { padding: 50px 0; background-position: 75% center;}
	.it-bg p { margin-top: 15px; }
	.it-sec1 { padding-top: 50px; }
	.mission { gap: 30px; }
	.it-diagram { overflow: auto;}
	.it-diagram .wrap { width: 640px; }
	.it-diagram img { width: 100%; }
	.it-care-wrap .it-top::after { display: none; }
	.it-care-wrap .it-top { flex-wrap: wrap;}
	.it-care-wrap .it-top .it-care-item { width: calc(100%/2 - 6px); flex: none;}
	.it-care-wrap .it-btm { margin-top: 0; }
	.it-care-wrap .it-btm::before { display: none; }
	.it-care-wrap .it-btm { gap: 0; flex-wrap: wrap; }
	.it-care-wrap .it-btm .it-txt-item { width: 100%; flex: none; }
	.it-care-wrap .it-btm .it-txt-item:first-child li:last-child { border-bottom: 1px dashed #ddd;}
	.it-care-wrap .it-btm .it-txt-item:nth-child(2) li:last-child { border-bottom: 1px dashed #ddd;}
	.it-care-wrap .it-btm .it-txt-item:last-child li:last-child { border: none; }

	/* 병원장 인사말 */
	.gt { padding: 30px 0;}
	.gt img { height: 180px; position: relative; bottom: -30px; }
	.gt .big { font-size: 90px; bottom: -45px; left: 0; }
	.gt .info { padding-top: 30px; font-size: 22px; font-weight: 600; }

	/* 연혁 */
	.hst .left { top: 60px; }

	/* HI */
	.ci .ci-group .flex .img { width: 100%; border-radius: 5px; }
	.ci-big2 { border-radius: 5px; }

	/* 재단소개 */
	.found .chk { row-gap: 8px; column-gap: 30px; grid-template-rows: repeat(6,fit-content(100%)); grid-template-columns: repeat(1,fit-content(100%));}
	.found-logo { flex-wrap: wrap; gap: 10px; }
	.found-logo .img { width: calc(100%/2 - 5px);}

	/* 협력병원/기관 공통 */
	.op-list { gap: 6px; }
	.op-list .item { width: calc(100%/2 - 3px); border-radius: 4px; }
	.op-list .item::after { border-radius: 4px;}

	/* 일반 건강검진 */
	.general-list li .tt { width: 110px; }
	.general-list li .txt span { font-size: 12px; }
	.general-list.wt li { display: block; }
	.general-list.wt li .tt { width: 100%; padding-right: 0; }
	.general-list.wt li .txt { width: 100%; }

	/* 암검진 */
	.cancer .circle-wrap .circle { width: 100%; border-radius: 5px; height: auto; padding: 25px 15px;}
	.cancer .circle-wrap .circle::after { top: auto; bottom: -32px; transform: rotate(90deg); left: 0; right: 0; margin: auto; }
	.cancer .circle-wrap .circle.pt::after { top: auto; bottom: -40px;}
	.cancer .circle-wrap .circle.pt::before {font-size: 12px; right: 0; left: 0; margin: auto; transform: none; top: auto; bottom: -25px; text-align: center; }
	.cancer .circle-wrap .circle.plus::after { left: 0; right: 0; bottom: -37px; }

	/* 예약하기 */
	.health-rs-choice.pd { display: block; }
	.health-rs-choice.pd .tt { width: 100%; }
	.health-rs-choice.pd .subtxt { width: 100%; margin-top: 10px; }
	.health-rs-choice.pd .subtxt::after { top: -35px; }

	/* board */
	.input {font-size:14px; padding:0 10px; height:38px;}
	select.input {padding-right:26px; background-image:url("/images/bbs/select_x2.png"); background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.board-search {display:flex; flex-direction:column; margin-bottom:10px;}
	.board-search .total-page {order:3; float:none; font-size:13px;}
	.board-search .cate {float:none; order:1; margin-left:0; margin-bottom:5px;}
	.board-search .cate .input {display:block; width:100%;}
	.board-search .search {float:none; order:2; display:flex;}
	.board-search .search .input {flex:1 1 auto; min-width:0; width:1%;}

	.radiobox input:checked + label:before {background-image:url("/images/bbs/radiobox_x2.png"); background-size:8px auto;}
	.checkbox input:checked + label:before {background-image:url("/images/bbs/checkbox_x2.png"); background-size:11px auto;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.board-white table {display:block; border-top:0; border-bottom:0; font-size:14px;}
	
	.board-white table tbody {display:block;}
	.board-white table tr {display:block; padding:12px 0;}
	.board-white table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-white table td {display:block; border:0; padding:0;}
	.board-white .editor {padding:0; margin-top:-12px;}
	.board-white .item {margin:3px 12px 3px 0;}
	.board-white #user_name {max-width:100% !important;}
	.board-white + .buttons {margin-top:30px;}

	.board-form table { border-bottom: none; }
	.board-form table tbody {display:block;}
    .board-form table colgroup col {width: 100% !important; margin-bottom: 10px;}
	.board-form table tr {display:block; }
	.board-form table th {display:block; border:0; text-align:left; padding:0; font-size:15px; background:none; height: auto; margin-top: 24px; margin-bottom: 5px; }
    .board-form table th.pd { padding-top: 24px;}

	.file-fx { display: block; }
	.files-upload { width: 100%; }
	.file-fx .resume-btn { margin-top: 10px; }

	.board-form table td {display:block; border:0; padding:0;}
	.board-form + .buttons {margin-top:30px;}
    .board-form input#past_8, input#technic_9, input#sample_type_5, input#cell_type_5, input#blood_1 { width: 200px !important;}
    .clr-txt { font-size: 13px;}
    .clr-span { padding-left: 0;}
    .board-form tr th.bg { background: transparent;}
    .board-form tr td.fw { text-align: left; margin-bottom: 10px; font-size: 14px; color: #00316d;}
    .board-form .sel-fx select { width: 100%; }
    .board-form .input { font-size: 14px; }
    .board-form .item-pd { padding: 0; }

	.form-agree { margin-bottom: 30px; }
	.form-agree h3 {font-size:16px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

	.board-view-tit h3 {font-size:17px;}
	.board-view-info {font-size:12px;}

	.board-prev-next dl {padding:10px 6px;}
	.board-prev-next dt {width:70px}

	.rs-calendar { padding: 25px 0;}
	.calendar-head h3 {font-size:18px; margin:0 0;}
	.calendar-head .cal-btn {width:34px; height:34px; background-size:9px auto;}
	.calendar table th {padding:6px 4px; font-size:14px;}
	.calendar table td {height:60px; font-size:12px;}
	.calendar ul li {padding-left:0; margin-bottom:6px;}
	.calendar ul li:before {display:none;}
	.calendar .cal-date { height: 32px; width: 32px; }
	.calendar .cal-date:after { bottom: 4px; }

	.buttons {margin:15px 0;}

	.btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;}
	.btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;}
	.btn-pack.large {min-width:120px; height:42px; padding:0 18px; font-size:15px; line-height:40px;}
	.btn-pack.xlarge {min-width:120px; height:50px; padding:0 12px; font-size:14px; line-height:48px;}
	.btn-pack.comment {width:80px; height:32px; font-size:14px;}

    .btn-pack.ctbt { min-width: 120px; height: 42px; font-size: 15px; line-height: 40px;}

	.paginate {margin-top:20px;}
	.paginate a,  
	.paginate strong{margin:0 1px;width:30px;height:30px;font-size:14px;line-height:30px;}  
	.paginate a.direction {margin:0; background-size:11px;}
	.paginate a.direction.first {background-image:url("/images/bbs/btn_first_x2.png");}
	.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev_x2.png"); margin-right:14px;}
	.paginate a.direction.next {background-image:url("/images/bbs/btn_next_x2.png"); margin-left:14px;}
	.paginate a.direction.last {background-image:url("/images/bbs/btn_last_x2.png");}

	.comment-area {margin-top:37px;}
	.comment-total {font-size:14px; margin-bottom:12px;}
	.comment-write {position:relative; padding:10px;}
	.comment-write .byte {position:absolute; bottom:15px; left:12px; font-size:12px;}
	.comment-write .write {display:block;}
	.comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0;}
	.comment-write .write .btn {text-align:right; margin-top:6px;}
	.comment-item {padding:17px 4px;}
	.comment-item.comment-reply {padding-left:25px; background-image:url("/images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px;}
	.comment-info {font-size:14px;}
	.comment-info .name {margin-right:5px;}

	.faq .tit a {padding:7px 0 7px 5px;}
	.faq .tit a:after {display:none;}
	.faq .q {flex:0 0 26px; width:26px; height:26px; font-size:14px; line-height:26px; margin-right:10px;}
	.faq .cnt {padding:15px 7px; padding-left: 5px; }
	.faq .cnt .a { width: 26px; height: 26px; font-size: 14px; margin-right: 10px; line-height: 26px;}
	.faq .cnt .txt { padding-top: 0; }
    
	.comment-info .date {font-size:11px;}
	.comment-ctr {font-size:12px;}
	.comment-ctr .bar {vertical-align:middle; margin:-.2em 4px 0;}
	.comment-txt {font-size:14px;}
	.comment-link {font-size:13px;}
	.comment-input {padding:10px;}
	.comment-input textarea {height:48px;}

	.board-password {padding:30px 20px;} 

    .form-agree .scroll-box { padding: 15px;}

	.gallery-list { padding: 0 0 40px;}
    .gallery-list ul { gap: 35px 10px;}
    .gallery-list ul li { width: calc(100%/2 - 5px);}
    .gallery-list ul li .tit { font-size: 15px; }

	.news-list ul { gap: 35px 10px; }
    .news-list ul li { width: calc(100%/2 - 5px); }

    .product-list ul li { width: 50%;}

	.store-search {padding:0; border-radius: 0; }
	.store-search .search-area h3 {font-size:16px; padding:15px 25px; margin-bottom:20px; background:#f4f4f4;}
	.store-search .search-area dl {display:block; padding:0 15px; margin:20px 0;}
	.store-search .search-area dl dt {width:auto; margin-bottom:6px; font-size:15px;}
	.store-search .search-area dl dd {width:auto;}
	.store-search .search-area input.input {width:calc(100% - 74px); margin-right:4px;}
	.store-search .search-area select.input {width:calc(50% - 39px); margin-right:4px;}
	.store-search .search-area .btn-pack.medium {width:70px;}

	.facility-list ul { gap: 35px 10px;}
	.facility-list ul li { width: calc(100%/2 - 5px);}
} 
@media (max-width: 420px) {
	/* 의료진 상세 페이지 */
	.dv-hero { min-height: 28vh; background-position: 47% center;}
}