@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ************************ 셋팅 ************************ */
:root {
	--base1:#3655A4;
	--base2:#80B711;
	--base3:#F97400;
	--base4:#223F8B;
	--base5:#7D3711;
	--border:#DADBED;
	--border1:#e5e5e5;
	--red:#F33E3E;
	--yellow:#FFD900;
	--pink:#FF008C;
	--sky:#00C8FF;
	--purple:#51228B;
	--gray1:#F5F5F5;
	--gray2:#F0F0F0;
	--gray3:#A2A5A0;
	--c1:#616E8E;
	--bg1:#F3F6FE;
	--777:#777;
	--brown:#7D3711;
	--orange:#ff9900;


	--bgcGray1:rgba(24, 36, 70, 0.10);
	--bgcGray2:rgba(85, 85, 85, 0.15);
	--bgcGray3:#ccc;

	/* --subgray:#666; */
	/* --amethyst:#cc2666; */
	/* --lightGray:#ececec; */
	/* --bgcGray3:rgba(0, 0, 0, 0.15); */
	/* --bgcGray4:rgba(0, 0, 0, 0.03); */
	/* --bgcGray5:rgba(255, 255, 255, 0.20); */
	/* --bgcGray6:rgba(0, 0, 0, 0.20); */
	/* --bgcGray7:rgba(0, 0, 0, 0.3); */
	/* --bgcGray8:rgba(255, 255, 255, 0.30); */

	--f_Pretendard:'Pretendard';
	--textRotate:rotate(0.03deg);

	--fs12:1.2rem;
	--fs13:1.3rem;
	--fs14:1.4rem;
	--fs15:1.5rem;
	--fs16:1.6rem;
	--fs17:1.7rem;
	--fs18:1.8rem;
	--fs19:1.9rem;
	--fs20:2rem;
	--fs21:2.1rem;
	--fs22:2.2rem;
	--fs23:2.3rem;
	--fs24:2.4rem;
	--fs25:2.5rem;
	--fs26:2.6rem;
	--fs28:2.8rem;
	--fs30:3.0rem;
	--fs32:3.2rem;
	--fs33:3.3rem;
	--fs35:3.5rem;
	--fs38:3.8rem;
	--fs40:4rem;
	--fs45:4.5rem;
	--fs50:5rem;
	--fs55:5.5rem;
	--fs60:6rem;
	--fs70:7rem;
	--fs80:8rem;



	--ani:all .3s;
}
@media (max-width: 1200px) {
	:root {

		--fs12:1.2rem;
		--fs13:1.3rem;
		--fs14:1.4rem;
		--fs15:1.5rem;
		--fs16:1.6rem;
		--fs17:1.7rem;
		--fs18:1.8rem;
		--fs19:1.9rem;
		--fs20:2rem;
		--fs21:2rem;
		--fs22:2rem;
		--fs23:2.1rem;
		--fs24:2.2rem;
		--fs25:2.3rem;
		--fs26:2.4rem;
		--fs28:2.6rem;
		--fs30:2.8rem;
		--fs32:3rem;
		--fs35:3.2rem;
		--fs38:3.3rem;
		--fs40:3.6rem;
		--fs45:4rem;
		--fs50:4.5rem;
		--fs55:5rem;
		--fs60:5.5rem;
		--fs70:6rem;
		--fs80:7rem;

	}
}

@media (max-width: 767px) {
	:root {
		--fs12:1.6rem;
		--fs13:1.6rem;
		--fs14:1.6rem;
		--fs15:1.6rem;
		--fs16:1.6rem;
		--fs17:1.8rem;
		--fs18:1.8rem;
		--fs19:1.9rem;
		--fs20:2rem;
		--fs21:2rem;
		--fs22:2.1rem;
		--fs23:2.1rem;
		--fs24:2.2rem;
		--fs25:2.2rem;
		--fs26:2.3rem;
		--fs28:2.4rem;
		--fs30:2.5rem;
		--fs32:2.7rem;
		--fs35:2.8rem;
		--fs38:2.9rem;
		--fs40:3rem;
		--fs45:3.2rem;
		--fs50:3.5rem;
		--fs55:4rem;
		--fs60:4.5rem;
		--fs70:5rem;
		--fs80:5.5rem;

	}
}
.c_red {color:var(--red) !important;}
.c_blue {color:var(--base1) !important;}
.c_orange {color:var(--orange) !important;}
.c_green {color:var(--base2) !important;}
.c_purple {color:var(--purple) !important;}


html {font-size:0.625rem;}
html body {font-family:var(--f_Pretendard), sans-serif; font-size:var(--fs18); font-weight:400; line-height:1.6; color:#555; word-break:keep-all; overflow-x:hidden;}
html body img {max-width:100%; height:auto; }
a {text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important; transition:var(--ani);color:inherit;}
a:link, a:visited, a:hover, a:active {text-decoration:none; color:inherit;}



body pre {
	font-family:var(--f_Pretendard), sans-serif;font-size:var(--fs18); line-height:2; color:#666;
	margin: 0; padding: 0;
	word-break: keep-all;
	overflow: hidden;
	word-wrap: break-word;
	white-space: pre-wrap; /* CSS3*/
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-all; /* Internet Explorer 5.5+ */
}
body pre strong {padding:0 0 10px; color:#000; font-size:var(--fs16);}

/* 폼 */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* autofill 스타일 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

body input[type="checkbox"] {}
body input[type="checkbox" i] {}
body input[type="checkbox"]:focus {outline:0;}

body input[type="radio"] {
	vertical-align: middle;
	line-height:40px;
	position:absolute;
	opacity:0;
}
body input[type="radio" i] {margin:0 5px 0 0; outline:0;}
body input[type="radio"]:focus {outline:0;}

/* Firefox */
body input[type=number] {-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none; margin: 0;
}
input[type="number"]{
  -moz-appearance: textfield;
}

body input {}

body select option {color:inherit;}
body select [selected] {color:inherit;}
body select :selected {color:inherit;}
body select ::selected {color:inherit;}
body select {
	-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */
	padding:0 38px 0 20px; height:50px; border:1px solid #ccc; cursor:pointer;
	background:#fff calc(100% - 13px) 50% /auto no-repeat; max-width:100%;
	background-image:url(/images/common/selectArrow.svg);

}

body textarea {padding:12px 20px; min-height:120px; border:1px solid var(--bgcGray3); resize:none !important; width:100%;}
body label {vertical-align:middle; margin:0;}
body input[type="text"],
body input[type="password"],
body input[type=number] {color:#000; max-width:100%; min-width:40px; padding:0 20px; height:50px; border:1px solid var(--bgcGray3);}
body input[readonly] {background-color:var(--lightGray) !important;}
body input[readonly].no_access {background-color:#f9f9f9; border:1px solid var(--bgcGray3); color:#555; cursor:not-allowed;}
body input[readonly]:focus {outline:none; border:1px solid var(--bgcGray3);}
body button {cursor:pointer; background:transparent; padding:0; transition:var(--ani); border: none;}

body input[type="file"] {width:100%;}

body input[type='date']{
	position: relative; font-size:1.4rem; min-width:85px;
	padding:0 30px 0 20px; border:1px solid var(--bgcGray3); min-height:40px; height:50px; 
	background:#fff calc(100% - 13px) center /17px no-repeat ;
	background-image:url(/images/icon/cal.svg);
}
body input[type='date']::-webkit-calendar-picker-indicator {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: transparent; color: transparent; cursor: pointer;
}
body input[type='date']::before {
  content: attr(placeholder);
  width: 100%;
  height: 100%;
}
body input[type='date']:valid::before {
  display: none;
}


/* 버튼 */
.btn {border:2px solid transparent; padding:0; font-size:var(--fs16);}
.mobile {display:none;}



/* ***** 페이징 ***** */
.page_box {text-align:center; position:relative;}
.pagination {
	margin:50px 0 0; justify-content:center;
	--bs-pagination-font-size:var(--fs16);
}
.pagination span {}
.pagination>li>a.active {background:var(--base1) !important; color:#fff;}
.pagination>li>a, .pagination>li>span {
	padding:0;display:flex; align-items:center; justify-content:center;
	color:#666; width:42px; height:47px; border:1px solid var(--border1);
}
.pagination .prev {margin-right:30px;}
.pagination .next {margin-left:30px;}
.pagination li {margin-left:-1px;}

.pagination>li>a:focus, .pagination>li>span:focus, .pagination>li>span:hover {
	color:#666;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	color:#fff; background-color:var(--blue);border-color:var(--border);
}

.lnb .cover {background:rgba(0,0,0,.5); position:absolute; left:0; top:0; right:0; bottom:0;}
.lnb.intro {background-image:url(/images/common/bg-intro.webp);}
.lnb.dev {background-image:url(/images/common/bg-dev.WEBP);}
.lnb.people {background-image:url(/images/common/bg-people.WEBP);}
.lnb.medicheck {background-image:url(/images/common/bg-medicheck.WEBP);}
.lnb.hdl {background-image:url(/images/common/bg-hdl.WEBP);}
.lnb.contact {background-image:url(/images/common/bg-contact.WEBP);}


.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipsis2 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ellipsis3 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	text-overflow:ellipsis;
}


.box:before,
.box:after {content:''; display:block; clear:both;}


/*** 전체메뉴팝업::일산21세기병원 ***/
.popAllMenu {z-index:9999; position:fixed; top:0; right:0; width:100%; height:100%; display:flex; justify-content:flex-end; align-items:center; color:#fff; background: #000; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); opacity:0; visibility:hidden; transition:opacity .4s ease, visibility .4s ease;}

.popAllMenu.on {opacity:1; visibility:visible;}
.popAllMenu.on .popContent {transform:translateX(0); opacity:1;}
.popAllMenu.off {opacity:0; visibility:hidden;}
.popAllMenu.off .popContent {transform:translateX(50px); opacity:0;}

.popAllMenu .popContent .close {
	z-index:999; position:absolute; top:50px; right:50px; text-indent:-9999px; width:50px; height:50px; border-radius:8px; border:2px solid rgba(255,255,255,.3); background:url(../images/common/i_colose.png) no-repeat center/50%; cursor:pointer;
}
.popAllMenu .popContent .close:hover {border:2px solid #fff;}

.popAllMenu .popContent {position:relative; 
	width:85%; height:100%; background:var(--base4); transform:translateX(50px); opacity:0; transition:transform .5s ease .2s, opacity .5s ease .2s; padding:100px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: 100px;
}
.popAllMenu .popContent .etc {display:flex; justify-content: space-between; width: 100%; font-size:var(--fs15); opacity:.3;}
.popAllMenu .popContent .etc div {display:flex; gap:10px;}
.popAllMenu .popContent .wrap ul>li>a {font-weight:700; font-size:var(--fs32); display:block;}

.popAllMenu .popContent .wrap {width:100%;}
.popAllMenu .popContent .wrap ul>li>ul>li>a {display: inline-block; color:rgba(255,255,255,.4); font-size:var(--fs18); font-weight:400; transition: transform 0.3s ease, color 0.5s ease; margin-bottom: 5px;}
.popAllMenu .popContent .wrap ul>li>ul>li>a:hover {color:#fff;transform:translateX(10px);}

.popAllMenu .popContent .wrap ul {display:flex; justify-content: space-between;}
.popAllMenu .popContent .wrap ul>li {position:relative;}
.popAllMenu .popContent .wrap ul>li:before {position:absolute; content:""; width:1px; height:100%; background:rgba(255,255,255,.08); left:-50px;}
.popAllMenu .popContent .wrap ul>li:nth-child(1):before {content:none;}
.popAllMenu .popContent .wrap ul>li>ul {display:inline-block; margin-top:40px;}
.popAllMenu .popContent .wrap ul>li>ul>li>ul {margin-top:0;}
.popAllMenu .popContent .wrap ul>li>ul>li.on>a {color:#fff; border-bottom:1px solid #fff;}

.popAllMenu .popContent .wrap .toggle-submenu {position:relative; color:#fff; padding-left:20px;}
.popAllMenu .popContent .wrap .toggle-submenu:hover {transform:translateX(0px);}
.popAllMenu .popContent .wrap .toggle-submenu:before {content: ""; position: absolute; left: 0px; top: 9px; width: 12px; height: 8px; background:url(/images/common/gnb-arrow.svg) no-repeat left; transition: all 0.3s; filter: invert(1);}
.popAllMenu .popContent .wrap .active-sub .toggle-submenu:before {transform: rotate(-180deg);}
.popAllMenu .popContent .wrap .has-sub {padding:8px 0;}
.popAllMenu .popContent .wrap ul>li>ul>li:before {content:none;}



/*** 이메일무단수집거부팝업::일산21세기병원 ***/
.emailPopup {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:700px; padding:50px !important; background-color:#fff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.5); z-index:99999; border-radius:1.5rem; text-align:left; }
.emailPopOverlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
.emailPopup a.closeBtn {position:absolute; right:25px; top:20px; font-weight:800; font-size:18px;}
.emailPopup .txt {display:flex; align-items:flex-start; gap:30px;word-break:keep-all;}
.emailPopup .txt img {max-width:100px;}
.emailPopup .txt dl dt {font-size:20px; font-weight:800;}
.emailPopup ul {margin-top:30px; text-align:left; border:1px solid var(--border1); padding:30px; background:#f5f5f5;}
.emailPopup ul li {padding-left:15px; position:relative;}
.emailPopup ul li+li {margin-top:5px;}
.emailPopup ul li:before {content:""; position:absolute; display:block; width:4px; height:4px; border-radius:50%; background:#666; top:12px; left:0;}


/* ************************ 데스크탑 (1205~) ************************ */
@media screen and (min-width: 1200px), print {

	/* 공통 */
	.mobile {display:none !important;}
	body .w1600 {width:1600px; margin:0 auto; max-width:100%;}
	body .w1400 {width:1400px; margin:0 auto; max-width:100%;}


	/* 헤더 */
	header {z-index:9999; position:absolute; width:100%; height:100px;}
	header h1.logo img {height:40px;}
	header .head {position:absolute; top:0; height: 100px; /*display:flex; align-items: center; justify-content: space-between;*/ width: 100%; padding:0 100px !important;}
	header .head .logo {position:absolute; z-index:9999; left:100px; top:35px;}
	header .head aside {position:absolute; z-index:9999; right:100px; top:35px;}
	.headerH {height:100px;}


	/* gnb */
	nav.pc {height:100px; position:relative; margin:0 auto; overflow:hidden; background:#fff;}
	nav.pc .gnb {position:relative; top:0; width: 100%; height:100%; display:flex; justify-content: center; z-index:9998; padding-left: 100px;}
	nav.pc .gnb>ul {height:100px; display:flex; gap:5vw;}
	nav.pc .gnb>ul>li {position:relative;}
	nav.pc .gnb>ul>li.on:before {width:5px; height:15px; background:url(../images/common/i-sup.svg)center /100% no-repeat; left:-10px; top:35px; content:''; display:block; position:absolute;}
	nav.pc .gnb>ul>li>a {display:block; height:100px; padding:35px 0; color:#000; font-weight:700; font-size:20px;}
	nav.pc .gnb>ul>li.on>a,
	nav.pc .gnb>ul>li>a:hover {color:var(--base1);}
	nav.pc .gnb>ul>li>ul {padding:30px 0 25px; position:absolute;}
	nav.pc .gnb>ul>li>ul>li {padding:0 0 13px;}
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; color:#000; border-bottom:1px solid transparent; white-space:nowrap; font-size:var(--fs17); font-weight:500;}
	nav.pc .gnb>ul>li>ul>li a:hover,
	nav.pc .gnb>ul>li>ul>li.on a {color:var(--base1); border-color:inherit;}
	
	nav.pc .gnb .sub-depth li a {color:#666 !important; border:none !important;}
	
	nav.pc .navbg {width:100%; position:absolute; left:0; top:0;}
	nav.pc .navbg .dep1 {height:100px; border-bottom:1px solid var(--border2);}
	nav.pc .navbg .dep2 {}

	nav.pc .gnb .toggle-submenu {position:relative;}
	nav.pc .gnb .toggle-submenu:before {content:""; position:absolute; left:-20px; top:9px; width:12px; height:8px; background:url(/images/common/gnb-arrow.svg) no-repeat left; transition: all 0.3s;}

	nav.pc .gnb .active-sub .toggle-submenu:before {transform: rotate(-180deg);}

	nav.pc .gnb	.sub-depth {display: none;}

	nav.pc .gnb	.sub-depth li a {position:relative; padding-left:15px; color:#666;}
	nav.pc .gnb	.sub-depth li a:before {position:absolute; content:""; width:5px; height:5px; background:#ccc; border-radius:100px; left:0; top:10px;}
	nav.pc .gnb	.sub-depth li a:hover {border-bottom:1px solid #fff;}
	nav.pc .gnb	.sub-depth li a:hover:before {background:var(--base1); transition:.3s;}


	nav.pc .gnb .gnb_info {position: absolute; left: 0px; top: 100px; width:440px; height:100%; background:var(--base1); color:#fff; border-left:30px solid var(--base2); display:flex; justify-content: center; padding-top:60px;}
	nav.pc .gnb .gnb_info dl dt {display:flex; gap:20px;}
	nav.pc .gnb .gnb_info dl dt h3 {line-height:1; font-size:var(--fs17); font-weight:600;}
	nav.pc .gnb .gnb_info dl dt.gnb-call {border-bottom:1px solid rgba(218,219,237,0.2); padding-bottom:30px;}
	nav.pc .gnb .gnb_info dl dt.gnb-call p {font-size:var(--fs32); font-weight:700;}

	nav.pc .gnb .gnb_info dl dt.gnb-clock {padding-top:30px;}
	nav.pc .gnb .gnb_info dl dt.gnb-clock h3 {padding-bottom:5px;}
	nav.pc .gnb .gnb_info dl dt.gnb-clock p {display:flex; gap:10px; font-size:var(--fs15);}
	nav.pc .gnb .gnb_info dl dt.gnb-clock p span {width:90px;}


	aside {display:flex !important; gap:20px;}
	aside a.allView {display: inline-block; width:32px; height:32px; background:url(../images/common/menu.svg) no-repeat;}
	
	aside a.login {display: inline-block; width:32px; height:32px; background:url(../images/common/login.svg) no-repeat;}
	
	aside a.logout {display: inline-block; width:32px; height:32px; background:url(../images/common/logout.svg) no-repeat;}
	
	aside .langWrap {position:relative;}
	
	aside a.lang {display: inline-block; width:32px; height:32px; background:url(../images/common/lang.svg) no-repeat; transition:.3s;}
	
	
	.langWrap {position: relative; display: inline-block;}
	.langWrap ul { position: absolute; top: 40px; right: -35px; background: #fff; border: 1px solid #ccc; border-radius: 8px; padding: 0; margin: 0; list-style: none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease; z-index: 100; overflow:hidden;}
	.langWrap ul li+li {border-top:1px solid #ccc;}
	.langWrap ul li a {width:100%; display:inline-block; padding:10px 20px; font-size:var(--fs14); font-weight:600; color:var(--base1);}
	.langWrap ul li a:hover {color:#fff; background:var(--base1);}
	.langWrap.active ul {opacity: 1; visibility: visible; pointer-events: auto;}

	/*서브메뉴*/
	.sub-visual {position:relative; height:370px; background:#F1F2F7; border-radius:0 0 0 120px;}

	.sub-visual:before {position:absolute; top:15px; left:270px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-left.svg) no-repeat;}
	.sub-visual:after {position:absolute; top:70px; right:370px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-right.svg) no-repeat right bottom;}

	/* .sub-visual.intro .sub-visual-wrap {padding-top:100px;} */
		
	.sub-visual-wrap {width:100%; height:100%; margin:0 auto; padding-top:55px;}
	.sub-visual-text {height:100%; position:relative; z-index:2; display:flex; flex-direction: column; align-items: center; justify-content: center;}
	.sub-visual-text h2 {font-size:32px; font-weight:800; text-align:center; color:#000; margin:0;}
	.sub-visual-text p {margin-top:8px; color:#757B8E;}

	.lnb {position:absolute; z-index:998; top:315px; left:0; width:100%; height:55px;}
	.lnb .lnb-wrap {position:relative; height:100%; max-width:1600px; margin:0 auto; font-weight:600;}
	.lnb .lnb-wrap>* {float:left;}
	.lnb>ul {}
	.lnb>ul>li {float:left; border-left:1px solid rgba(255,255,255,0.2);}
	.lnb>ul>li.dep-2 {border-right:1px solid rgba(255,255,255,0.2);}
	.lnb>ul>li.dep-3 {border-left:0; border-right:1px solid rgba(255,255,255,0.2);}
	.lnb>ul>li>a {}

	.lnb>ul>li.menu {position:relative;}
	.lnb>ul>li.menu>a {position:relative; padding:0 60px 0 20px; display:block; line-height:55px; border-radius:20px 20px 0 0; color:var(--base1); font-size:var(--fontSize18); background:#fff;}
	.lnb>ul>li.menu>a:before {position:absolute; content:""; right:20px; top:25px; background:url(../images/common/mainBtnArrow.svg) no-repeat; width: 16px; height:10px; background-size:13px; transition: all 0.5s;}
	.lnb>ul>li.menu:hover>a:before {transform:rotate(180deg);}
	.lnb>ul>li.home>a:before {content:none;}

	.lnb>ul>li.home {width: 55px; border-radius:20px 20px 0 20px; background:#3655A4 url(../images/common/home.svg) no-repeat center;}
	.lnb>ul>li.home>a {display: block; height: 55px; font-size:var(--fontSize14); border-top: 0; border-bottom: 0; background:none;}


	.lnb>ul>li.menu ul {display:none; width:100%; position:absolute; left:0; top:55px; background:#fff; border-radius:20px; box-shadow: 12px 9px 40px 0px var(--bgcGray1); overflow:hidden;}
	.lnb>ul>li.menu ul li {font-size:16px;}
	.lnb>ul>li.menu ul li+li {}
	.lnb>ul>li.menu ul li a {display:block; padding:0 20px; line-height:44px; font-size:var(--fontSize15);}
	.lnb>ul>li.menu ul li a:hover {background:#f9f9f9; color:var(--base);}
	.lnb>ul>li.menu ul li.on a {color:var(--base1);}
	.lnb>ul>li.menu:hover ul {display:block;}


	.lnb.fixOn {position:fixed !important; width:100%; z-index:1000 !important; top:0 !important; background:#fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px -3px, rgba(0, 0, 0, 0.05) 0px 4px 8px -2px;}



	.sub-content ul {display:flex; justify-content: space-between; align-items: center; padding:100px 0 110px 0; margin:0;}
	.sub-content ul li h3 {font-size:var(--fs32); color:#000; font-weight:800; margin:0;}
	.sub-content ul li h4 {font-size:var(--fs40); color:#000; font-weight:800;}
	.sub-content ul li {display:flex; align-items: center; gap:10px;}
	.sub-content ul li span {position:relative; font-size:var(--fs14); color:#666;}
	.sub-content ul li span.home {color:#333;}
	.sub-content ul li i {display:inline-block; background:url(/images/common/lnb_arrow.png) no-repeat center; width:9px; height:14px;}
	.sub-content ul li span:last-child {color:var(--base1);}


	/*컨텐츠*/
	body .contents {display:block !important; padding-bottom:130px;}
	body .contents-wrap {}


	/* 하단 */
	footer {background:#fff;}
	footer .footerWrap {padding:50px 100px; position:relative; display:flex; justify-content: space-between;}

	footer .footerWrap ul li {color:#777; font-size:16px;}
	footer .footerWrap ul li span {padding-left:20px;}
	footer .footerWrap ul li span:nth-child(1) {padding-left:0;}
	footer .footerWrap .copy {font-size:var(--fs14); display:flex; margin-top:10px; gap:10px;}

	footer .footerWrap .logoWrap {display:flex; gap:30px; align-items: center;}
	footer .footerWrap .logoWrap span {position:relative; line-height:1;}
	footer .footerWrap .logoWrap span+span {padding-left:20px;}
	footer .footerWrap .logoWrap span+span:before {position:absolute; content:""; height:16px; width:1px; background:#ccc; left:9px; top:3px;}
	footer .footerWrap .logoWrap h3 {font-size:var(--fs17); font-weight:600; color:#000; margin-bottom:10px;}

	footer .footerWrap .left {display:flex; gap:20px;}

	footer .footerWrap .right {display: flex; align-items: center; gap: 20px; color:var(--c1); font-size:var(--fs16); font-weight:600;}
	footer .footerWrap .right .f-site {position:relative; width:245px;}
	footer .footerWrap .right .f-site > a {display:block; position:relative; color:var(--c1); font-size:var(--fs16); background:var(--bg1); border:1px solid #ddd; height:50px; line-height:50px; padding:0 20px; white-space:nowrap; border-radius:10px;}
	footer .footerWrap .right .f-site ul {z-index:99; position:absolute; bottom:100%; width:100%; border:1px solid #e5e5e5; font-size:14px; overflow:hidden; border-radius:10px; margin-bottom:10px;}
	footer .footerWrap .right .f-site ul li a {display:block; background:#fff; padding:12px 20px;}
	footer .footerWrap .right .f-site ul li a:hover {background:var(--base1); color:#fff;}
	footer .footerWrap .right .f-site ul li+li a {border-top:1px solid #e5e5e5;}
	footer .footerWrap .right .f-site > a .arrow-updown {position:absolute; right:20px; top:45%; transition:all 0.3s; width:10px; height:5px; background:url(/images/common/f-site-arrow.png) no-repeat center/cover;}
	footer .footerWrap .right .f-site > a .arrow-updown.on {transform:rotate(180deg);}
	footer .footerWrap .right .f-site a:last-child {margin-right:0;}
	footer .footerWrap .right .f-site a:last-child:after {display:none;}


	/*하단::일산21세기병원::이달의휴진일*/
	footer .foot-info {padding:50px 100px; display:grid; grid-template-columns:auto auto auto; justify-content: space-between; border-top:1px solid var(--border);}
	footer .foot-info h3 {display:flex; align-items: center; gap:10px; font-size:var(--fs32); font-weight:700; color:#000;}
	footer .foot-info>div {display:flex; gap:20px; align-items: flex-start;}
	footer .foot-info .close h3 span {color:#F50000;}
	footer .foot-info .close ul {display:grid; grid-template-columns:repeat(3,1fr); gap:5px;}
	footer .foot-info .close ul li {display:flex; align-items: center; justify-content: center; gap:5px; padding:10px; border-radius:10px; background:var(--c1); color:#fff; font-size:var(--fs22); font-weight:700;}
	footer .foot-info .close ul li span {font-size:var(--fs16); font-weight:500;}
	footer .foot-info .hours ul li {position:relative; color:#000; padding-left:15px; font-weight:600;}
	footer .foot-info .hours ul li span {position: relative; display:inline-block; width:70px; text-align: justify;}
	footer .foot-info .hours ul li:before {position:absolute; content:""; width:5px; height:5px; background:#D9D9D9; border-radius:100px; top:10px; left:0;}
	footer .foot-info .hours p {background:var(--base2); padding:13px 20px; border-radius:10px; display:flex; align-items: center; gap:10px; color:#fff; font-weight:600; font-size:var(--fs16);}
	footer .foot-info .call h3 span {color:var(--base1);}


	/*하단::일산21세기병원::개인정보처리방침*/
	footer .topWrap {display:flex; justify-content: space-between; align-items: center; background:var(--base1);}
	footer .topWrap ol {padding-right:100px;}
	footer .topWrap ol li a {display:flex; gap:10px; align-items: center; color:#fff; font-size:var(--fs14);}
	footer .topWrap ul {padding-left:100px; display:flex; color:#fff;}
	footer .topWrap ul li {position:relative;}
	footer .topWrap ul li:before {position:absolute; content:""; background:rgba(255,255,255,.4); height:10px; width:1px; left:0px; top:30px;}
	footer .topWrap ul li:nth-child(1):before {content:none;}
	footer .topWrap ul li:nth-child(1) a {padding-left:0;}
	footer .topWrap ul li a {padding:20px 50px; display:inline-block; height:100%;}
	
	/*하단::일산21세기병원::한국소비자만족지수1위*/
	footer .bottomWrap {background:var(--bg1);}
	footer .bottomWrap ul {display:grid; grid-template-columns:repeat(6,1fr); padding:20px 100px;}
	footer .bottomWrap ul li {display:flex; gap:10px; align-items: center; color:var(--777); font-size:var(--fs14); font-weight:600; line-height:1.2;}



	aside.side-wrap {display:flex; position:relative; z-index:9999; gap:20px;}
	.navWrap {display:flex; align-items: center; justify-content: space-between;}

	/*퀵메뉴::일산21세기병원*/
	.quick-menu {position: fixed; right:0; top:250px; z-index:996;}
	.quick-menu ul li {width:80px; font-size:var(--fs15); color:#fff; background:#173A94; border-radius:10px 0 0 10px;}
	.quick-menu ul li a {width:100%; display:flex; gap:10px; flex-direction: column; align-items: center; line-height:1.2; padding:20px 0; text-align:center;}
	.quick-menu ul li:nth-child(2) {background:#4E9903;}
	.quick-menu ul li:nth-child(3) {background:#EF9C27;}
	.quick-menu ul li:nth-child(4) {background:#E84D1E;}

}

/* ************************ (~1755) ************************ */
@media (max-width: 1755px) {
	
	/*하단::일산21세기병원::이달의휴진일*/
	footer .foot-info {grid-template-columns: auto auto; gap: 25px; justify-content: start;}
	.foot-info > div:first-child {grid-column: 1 / -1;}
	
	/*푸터*/
	footer .footerWrap {flex-direction: column; gap:30px;}
	
}

/* ************************ 테블릿 (~1199) ************************ */
@media screen and (max-width: 1199px) {

	/*공통*/
	.pc {display:none !important;}
	.mobile {display:block;}

	/*헤더*/
	.headerH {height:60px;}
	header {z-index:999; width:100%; left:0; top:0;height:60px; position:absolute;}
	header .head {z-index:100; position:absolute; left:0; top:0; width:100%; height:60px; /*overflow:hidden;*/ line-height:1; box-shadow:0 3px 3px 3px rgba(0,0,0,.1); background:#fff;}
	header .head .gnbView {display:block !important; position:absolute; display:table; right:0; top:0; width:60px; height:60px; text-align:center; background:url(/images/common/i-menu.png) no-repeat 50%; background-size:35%;}
	header h1 {padding-left:20px !important; height:100%; display:flex; align-items:center;}
	/* header .head h1 a {height:100%; display:flex; align-items:center;} */
	header h1 a img {height:40px;}

	.moLogo {position:absolute; z-index:999; left:20px; top:10px;}
	.moLogo a img {height: 35px; padding-top: 5px;}

	/*gnb*/
	header nav.mobile {z-index:9999; position:fixed; visibility:hidden; top:0; width:80%; overflow:hidden; background-color:#fff;}
	header nav.mobile[data-arrow='left'] {left:0;}
	header nav.mobile[data-arrow='right'] {left:100%;}
	header nav.mobile .closeWrap {z-index:1; position:relative; height:60px; background-color:#fff; color:#000; box-shadow:0 3px 5px rgba(0,0,0,.1);}
	header nav.mobile .closeWrap .gnbClose {display:block; float:right; width:60px; height:100%; background:url(/images/common/i-close.png) 50% 50% no-repeat; background-size:25%; /*border-left:1px solid #e0e0e0;*/}
	header nav.mobile .closeWrap aside {display:flex; float:left; height:100%; align-items:center; gap:15px;}
	header nav.mobile .closeWrap aside a {position:relative;}
	header nav.mobile .closeWrap aside a.on:after {content:""; display:block; width:100%; height:2px; background:var(--primary); position:absolute; bottom:-2px;}
	header nav.mobile .closeWrap aside a.on {color:var(--primary); font-weight:700;}
	header nav.mobile .closeWrap a.home {width:60px; height:60px; display:inline-block; background-size: 20px !important; line-height:60px; text-align:center; font-size:var(--fs13); color:#000; background: url(/images/common/mo_home.svg) no-repeat 50%;  font-size: 0;}


	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	header nav.mobile .gnb>ul>li ul>li.has-sub>a {position:relative;}
	
	header nav.mobile .gnb>ul>li ul>li.has-sub>a:before {content: ""; position: absolute; right: 20px; top: 19px; width: 12px; height: 8px; background: url(/images/common/gnb-arrow.svg) no-repeat left;}
	
	header nav.mobile .gnb>ul>li ul>li.active-sub>a:before {transform: rotate(-180deg);}
	

	header nav.mobile .gnb {overflow-y: auto;}
	header nav.mobile .gnb>ul>li>a {display:block; padding:15px 20px; border-bottom:1px solid #ddd; background:#fff; letter-spacing:-.5px; font-weight:500; transition:var(--ani); font-size:var(--fs18); color:var(--base4); font-weight:700;}
	header nav.mobile .gnb>ul>li>a:hover {background:#f7f7f7;}
	header nav.mobile .gnb>ul>li.on>a {background:var(--base4); color:#fff;}
	header nav.mobile .gnb>ul>li ul{border-bottom:5px solid #eee}
	header nav.mobile .gnb>ul>li ul.sub-depth li {background:#f3f3f3; padding-left:13px;}
	header nav.mobile .gnb>ul>li ul.sub-depth>li>a {position:relative;}
	header nav.mobile .gnb>ul>li ul.sub-depth>li>a:before {position:absolute; left:10px; top:20px; content:""; width:4px; height:4px; border-radius:100px; background:#c7c7c7;}
	
	header nav.mobile .gnb>ul>li ul>li {}
	header nav.mobile .gnb>ul>li ul>li>a {display:block; padding:13px 20px; font-size:var(--fs18); color:#979797; letter-spacing:-.5px; border-top:1px dotted #ddd; font-weight:500;}
	header nav.mobile .gnb>ul>li ul>li>a br {display:none;}
	header nav.mobile .gnb>ul>li ul>li>ul>li.on a {color:var(--primary);}
	/*header nav.mobile .gnb>ul>li ul>li>a:hover {background-color:#f5f5f5;}*/
	header nav.mobile .gnb>ul>li ul>li.on>a {color:var(--base4); font-weight:700;}

	header nav.mobile .gnb>ul>li.on ol>li>a {position:relative; width:100%; display:inline-block; background:#eee; padding:8px 20px; padding-left:30px; font-size: 14px; color:#858585;}
	header nav.mobile .gnb>ul>li.on ol>li>a:before {position: absolute; content: ""; left: 20px; top: 16px; width: 3px; height: 3px; border-radius: 100px; background: #c2c2c2;}
	header nav.mobile .gnb>ul>li.on ol>li>a:hover {color:#555;}

	header .head aside {position:absolute; z-index:9999; right:51px; top:15px;}
	aside {display:flex !important; gap:5px;}
	aside a.allView {display:none;}
	aside a.login {display: inline-block; width:32px; height:32px; background:url(../images/common/login.svg) no-repeat; background-size: 28px;}
	aside .langWrap {position:relative;}
	aside a.lang {display: inline-block; width:32px; height:32px; background:url(../images/common/lang.svg) no-repeat; transition:.3s; background-size: 28px;}
	
	.langWrap {position: relative; display: inline-block;}
	.langWrap ul { position: absolute; top: 40px; right: -35px; background: #fff; border: 1px solid #ccc; border-radius: 8px; padding: 0; margin: 0; list-style: none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease; z-index: 100; overflow:hidden;}
	.langWrap ul li+li {border-top:1px solid #ccc;}
	.langWrap ul li a {width:100%; display:inline-block; padding:10px 20px; font-size:var(--fs14); font-weight:600; color:var(--base1);}
	.langWrap ul li a:hover {color:#fff; background:var(--base1);}
	.langWrap.active ul {opacity: 1; visibility: visible; pointer-events: auto;}

	/*서브메뉴*/
	.lnbBg {height:200px; color:#fff; background:url(/images/common/lnb_bg.jpg) bottom;}
	.lnbBg .tit-txt {display:flex; justify-content:center; align-items:center; height:200px; flex-direction:column; text-align:center;}

	.lnbBg .mobile {font-size:var(--fs30); font-weight:700; display: flex; align-items: center; justify-content: center; height: 100%; gap:30px;}
	.lnbBg .mobile div img {width:57px;}
	.lnbBg .mobile div:first-child img {margin-top:82px;}
	.lnbBg .mobile div:last-child img {margin-top:89px;}

	.sub-content ul {display:flex; justify-content: space-between; align-items: center; padding:50px 20px 0 20px;}
	.sub-content ul li h3 {font-size:var(--fs28); font-weight:700; color:#000;}
	.sub-content ul li h4 {font-size:var(--fs40); color:#000; font-weight:800;}
	.sub-content ul li {display:flex; align-items: center; gap:10px;}
	.sub-content ul li span {position:relative; font-size:var(--fs14); color:#666;}
	.sub-content ul li span.home {color:#333;}
	.sub-content ul li i {display:inline-block; background:url(/images/common/lnb_arrow.png) no-repeat center; width:9px; height:14px;}

	.sub-visual {position:relative; height:220px; background:#F1F2F7; border-radius:0 0 0 120px;}

	.sub-visual:before {position:absolute; top:-65px; left:30px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-left.svg) no-repeat; background-size: 270px;}
	.sub-visual:after {position:absolute; top:20px; right:30px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-right.svg) no-repeat right bottom; background-size: 270px;}

	.sub-visual-wrap {width:100%; height:100%; margin:0 auto; padding-top:0px;}
	.sub-visual-text {height:100%; position:relative; z-index:2; display:flex; flex-direction: column; align-items: center; justify-content: center;}
	.sub-visual-text h2 {font-size:32px; font-weight:800; text-align:center; color:#000;}
	.sub-visual-text p {margin-top:8px; color:#757B8E;}


	/*컨텐츠*/
	body .contents {padding:30px 30px 80px 30px; display:block !important;}
	body .contents-wrap {}
	/*body .w1600 {padding:0 30px;}*/

	/* 하단 */
	footer {background:#F8F9FB; border-top:1px solid var(--line);}
	footer .footerWrap {padding:50px; position:relative; display:flex; justify-content: space-between; flex-direction: column;}
	footer .footerWrap .logoWrap {display:flex; gap:30px; align-items: center;}
	footer .footerWrap .logoWrap span {position:relative; line-height:1;}
	footer .footerWrap .logoWrap span+span {padding-left:20px;}
	footer .footerWrap .logoWrap span+span:before {position:absolute; content:""; height:16px; width:1px; background:#ccc; left:9px; top:3px;}
	footer .footerWrap .logoWrap h3 {font-size: var(--fs17); font-weight: 600; color: #000; margin-top: 10px;}
	footer .footerWrap .left ul li {margin-top:10px; font-size:var(--fs16);}
	footer .footerWrap .left ul li span {display:block;}
	footer .footerWrap .left ul li p {font-weight:700; font-size:var(--fs16);}
	footer .footerWrap .right {display: flex; flex-direction: column; justify-content: space-between; margin-top:20px;}
	footer .footerWrap .right .copy {text-align:left; font-size:var(--fs16); font-weight:300; color:#666; margin-top:15px;}
	

	footer .footerWrap .right {color:var(--c1); font-size:var(--fs16); font-weight:600;}
	footer .footerWrap .right .f-site {position:relative; width:100%;}
	footer .footerWrap .right .f-site > a {display:inline-block; width:90%; position:relative; color:var(--c1); font-size:var(--fs16); font-weight:500; background-color:#fff; border:1px solid #ddd; height:50px; line-height:50px; padding:0 20px; white-space:nowrap; border-radius:10px; margin-top:10px;}
	footer .footerWrap .right .f-site ul {z-index:99; position:absolute; bottom:100%; width:100%; border:1px solid #e5e5e5; font-size:14px; overflow:hidden; border-radius:10px;}
	footer .footerWrap .right .f-site ul li a {display:block; background:#fff; padding:12px 20px;}
	footer .footerWrap .right .f-site ul li a:hover {background:var(--base1); color:#fff;}
	footer .footerWrap .right .f-site ul li+li a {border-top:1px solid #e5e5e5;}
	footer .footerWrap .right .f-site > a .arrow-updown {position:absolute; right:20px; top:42%; transition:all 0.3s; width:14px; height:9px; background:url(/images/common/f-site-arrow.png) no-repeat center/cover;}
	footer .footerWrap .right .f-site > a .arrow-updown.on {transform:rotate(180deg);}
	footer .footerWrap .right .f-site a:last-child {margin-right:0;}
	footer .footerWrap .right .f-site a:last-child:after {display:none;}
	
	footer .bottomWrap {background:var(--bg1);}
	footer .bottomWrap ul {display:grid; grid-template-columns:repeat(
	3,1fr); padding:20px 100px; gap:20px;}
	footer .bottomWrap ul li {display:flex; gap:10px; align-items: center; color:var(--777); font-size:var(--fs14); font-weight:600; line-height:1.2;}
	
	
	/*하단::일산21세기병원::이달의휴진일*/
	footer .foot-info {padding:50px; display:grid; grid-template-columns: auto; gap: 10px; justify-content: space-between; border-top:1px solid var(--border);}
	footer .foot-info h3 {display:flex; align-items: center; gap:10px; font-size:var(--fs25); font-weight:700; color:#000;}
	footer .foot-info>div {display:flex; gap:20px; align-items: flex-start;}
	footer .foot-info .close h3 span {color:#F50000;}
	footer .foot-info .close ul {display:grid; grid-template-columns:repeat(3,1fr); gap:5px;}
	footer .foot-info .close ul li {display:flex; align-items: center; justify-content: center; gap:5px; padding:10px; border-radius:10px; background:var(--c1); color:#fff; font-size:var(--fs22); font-weight:700; line-height:1;}
	footer .foot-info .close ul li span {font-size:var(--fs16); font-weight:500;}
	footer .foot-info .hours ul li {position:relative; color:#000; padding-left:15px; font-weight:600;}
	footer .foot-info .hours ul li:before {position:absolute; content:""; width:5px; height:5px; background:#D9D9D9; border-radius:100px; top:10px; left:0;}
	footer .foot-info .hours p {height:100%; background:var(--base2); padding:12px 20px; border-radius:10px; display:flex; align-items: center; gap:10px; color:#fff; font-weight:600; font-size:var(--fs16);}
	footer .foot-info .call h3 span {color:var(--base1);}
	
	
	/*하단::일산21세기병원::개인정보처리방침*/
	footer .topWrap {display:flex; justify-content: space-between; align-items: center; background:var(--base1);}
	footer .topWrap ol {padding-right:100px;}
	footer .topWrap ol li a {display:flex; gap:10px; align-items: center; color:#fff; font-size:var(--fs14);}
	footer .topWrap ul {padding-left:50px; display:flex; color:#fff;}
	footer .topWrap ul li {position:relative; text-align: center;}
	footer .topWrap ul li:before {position:absolute; content:""; background:rgba(255,255,255,.4); height:10px; width:1px; left:0px; top:30px;}
	footer .topWrap ul li:nth-child(1):before {content:none;}
	footer .topWrap ul li:nth-child(1) a {padding-left:0;}
	footer .topWrap ul li a {padding:20px 50px; display:inline-block; height:100%;}
	
	
	/*하단::일산21세기병원::한국소비자만족지수1위*/
	footer .bottomWrap {background:var(--bg1); margin-bottom:90px;}
	footer .bottomWrap ul {display:grid; grid-template-columns:repeat(6,1fr); padding:20px 50px;}
	footer .bottomWrap ul li {display:flex; gap:10px; align-items: center; color:var(--777); font-size:var(--fs14); font-weight:600; line-height:1.2;}	
	
	/*퀵메뉴::일산21세기병원*/
	.quick-menu {position: fixed; right:0; top:250px; z-index:996;}
	.quick-menu ul li {width:80px; font-size:var(--fs15); color:#fff; background:#173A94; border-radius:10px 0 0 10px;}
	.quick-menu ul li a {width:100%; display:flex; gap:10px; flex-direction: column; align-items: center; line-height:1.2; padding:20px 0; text-align:center;}
	.quick-menu ul li:nth-child(2) {background:#4E9903;}
	.quick-menu ul li:nth-child(3) {background:#EF9C27;}
	.quick-menu ul li:nth-child(4) {background:#E84D1E;}
	
	/*퀵메뉴::일산21세기병원*/
	.quick-menu {width:100%; top: auto; bottom:0;}
	.quick-menu ul {display:flex;}
	.quick-menu ul li {width:100%; border-radius:0;}
	.quick-menu ul li a br {display:none;}
	


}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	html body {font-size:var(--fs15); line-height:1.4;}

	.mobileNone {display:none !important;}

	/* 폼 */
	body select {padding:0 30px 0 10px; height:44px;}
	body textarea {padding:10px; height:44px;}
	body input[type="text"], body input[type="password"], body input[type=number] {
		padding:0 10px; height:44px;
	}
	header .head h1 a img {height:25px;}


	/*서브메뉴*/
	.lnb {}
	.lnb .lnbTit {padding:55px 0 40px;}
	.lnb .lnbMenuWrap {padding:16px 0;}
	.lnb .lnbNavi span {font-size:var(--fs13);}
	.lnb .lnbNavi span.home {padding:0 0 0 18px;background-size:13px;}

	.sub-visual h2 {font-size:var(--fs40);}
	.sub-visual {height:170px; border-radius:0;}
	.sub-visual:before {position:absolute; top:-65px; left:30px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-left.svg) no-repeat; background-size: 200px;}
	.sub-visual:after {position:absolute; top:20px; right:30px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-right.svg) no-repeat right bottom; background-size: 200px;}

	.sub-content ul {align-items: flex-start; flex-direction: column; gap: 5px;}
	.sub-content ul li span {font-size:14px;}


	/*컨텐츠*/
	body .contents {padding:50px 20px 60px 20px;}
	body .contents-wrap {}
	

	/* 하단 */
	footer {font-size:var(--fs14);}
	footer .footerInfo p.copy {padding:14px 0 0;}
	footer .footerWrap {padding:20px;}
	footer .footerWrap .right .top {grid-template-columns:auto auto;}
	footer .footerWrap .right .f-site > a {width:100%; margin-top:5px;}
	footer .footerWrap .left ul li {font-size:14px;}
	footer .footerWrap .left ul li p {font-size:14px;}
	footer .footerWrap .left img {height:60px;}

	/*정보::일산21세기병원*/
	footer .foot-info {padding:20px; gap:20px;}
	footer .foot-info>div {flex-direction: column; gap: 5px;}
	footer .foot-info>div i img {width:20px;}
	footer .bottomWrap ul {grid-template-columns: repeat(2, 1fr); padding: 20px;}
	footer .bottomWrap ul li {font-size:13px;}
	footer .topWrap {padding:20px; display: inline-block; width: 100%;}
	footer .topWrap ul {padding-left:0px; display:grid; grid-template-columns:repeat(4,1fr); gap: 10px;}
	footer .topWrap ul li:before {content:none;}
	footer .topWrap ol {display:none;}
	footer .topWrap ul li a {padding:0; font-size:14px;}
	footer .footerWrap .right {margin-top:0;}
	
	
	
	/*이메일무단수집거부팝업::일산21세기병원*/
	.emailPopup {width:95%; padding:20px !important;}
	.emailPopup .txt img {max-width:70px;}
	.emailPopup .txt {flex-direction:column; gap:10px;}
	.emailPopup ul {padding:10px 20px; margin-top:10px;}
}


/* ************************ 모바일 (0~425) ************************ */
@media screen and (max-width: 425px) {
		
	.sub-visual:before {position:absolute; top:-35px; left:0px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-left.svg) no-repeat; background-size: 120px;}
	.sub-visual:after {position:absolute; top:15px; right:10px; z-index:1; content:""; width:100%; height:100%; background:url(../images/common/lnb-bg-right.svg) no-repeat right bottom; background-size: 100px;}
	
	
	
}