@charset "utf-8";

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

/* ************************ 셋팅 ************************ */
:root {
	--red:#f00;
	--primary:#00B3FF;
	--secondary:#424E5A;
	--darkGray:#283A54;
	--sky:#40B4E5;
	--gray:#AEB6B9;
	--gray2:#a9a9a9;
	--bgcGray1:#e5e5e5;
	--bgcGray2:rgba(0, 0, 0, 0.10);
	--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);
	--fontSize1:6.4rem;
	--fontSize2:4rem;
	--fontSize3:2.2rem;
	--fontSize4:1.8rem;
	--fontSize5:1.6rem;
	--fontSize6:1.4rem;
	--fontSize7:30rem;
	--fontSize8:10rem;
	--fontSize9:3.2rem;
	--fontSize10:3.6rem;
	--fontSize11:2.4rem;
	--fontSize12:8rem;
	--fontSize13:4.8rem;
	--fontSize14:2rem;
	--fontSize15:3.4rem;
	--fontSize16:2.6rem;
	--fontSize17:4.2rem;
	--fontSize18:3rem;
	--fontSize19:1.8rem;
	--fontSize20:5.8rem;
	--fontSize21:3.3rem;
	--fontSize22:4rem;
	--fontSize23:1.5rem;
	--fontSize24:2.1rem;
	--ani:all .3s;
}
@media (max-width: 1024px) {
	:root {
		--fontSize1:5rem;
		--fontSize2:3.6rem;
		--fontSize3:2rem;
		--fontSize4:1.7rem;
		--fontSize5:1.5rem;
		--fontSize6:1.4rem;
		--fontSize7:20rem;
		--fontSize8:7rem;
		--fontSize9:2.6rem;
		--fontSize10:3rem;
		--fontSize11:2.2rem;
		--fontSize12:6rem;
		--fontSize13:4rem;
		--fontSize14:1.8rem;
		--fontSize15:2.8rem;
		--fontSize16:2.4rem;
	}
}

@media (max-width: 767px) {
	:root {
		--fontSize1:3.6rem;
		--fontSize2:2.7rem;
		--fontSize3:1.7rem;
		--fontSize4:1.5rem;
		--fontSize5:1.4rem;
		--fontSize6:1.3rem;
		--fontSize7:14rem;
		--fontSize8:4.4rem;
		--fontSize9:2.3rem;
		--fontSize10:2.4rem;
		--fontSize11:1.8rem;
		--fontSize12:4rem;
		--fontSize13:3rem;
		--fontSize14:1.5rem;
		--fontSize15:2.2rem;
		--fontSize16:2rem;
		--fontSize17:2.6rem;
		--fontSize18:2.2rem;
		--fontSize24:1.6rem;
	}
}

html {font-size:0.625rem;}
html body {font-family:var(--f_Pretendard), sans-serif; font-size:var(--fontSize4); font-weight:400; line-height:1.6; color:#3d3d3d; word-break:keep-all; overflow-x:hidden;}

.c_red {color:var(--red) !important;}
.c_primary {color:var(--primary) !important;}
.c_secondary {color:var(--secondary) !important;}
.c_darkGray {color:var(--darkGray) !important;}
.c_sky {color:var(--sky) !important;}
.c_gray {color:var(--gray) !important;}

.bgc_red {background-color:var(--red) !important;}
.bgc_primary {background-color:var(--primary) !important;}
.bgc_secondary {background-color:var(--secondary) !important;}
.bgc_darkGray {background-color:var(--darkGray) !important;}
.bgc_sky {background-color:var(--sky) !important;}
.bgc_gray {background-color:var(--gray) !important;}

.f_Pretendard {font-family:var(--f_Pretendard) !important;}

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 {word-break: keep-all; overflow-wrap: break-word; line-break: strict; white-space: normal;}

body pre {
	font-family:var(--f_Pretendard), sans-serif;font-size:1.4rem; 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:1.6rem;}

/* 폼 */
form {}
form legend {margin:0 0 20px; padding:0 0 10px; font-size:2.1rem; border-bottom:1px solid var(--border2); line-height:1; font-weight:700;}

button {cursor:pointer; background:none; padding:0; transition:var(--ani);}
label {color:#333; font-size:1.4rem;}

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

/* 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;
}
body input[type="radio" i] {margin:0 5px 0 0; outline:0;}
body input[type="radio"]:focus {outline:0;}

body select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */
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; /* 화살표 없애기 */
	min-height:30px; height:40px; border-radius:7px; color:#000; font-size:1.4rem;
	padding:0 38px 0 7px; border:1px solid var(--bgcGray3); cursor:pointer;
	background:#fff calc(100% - 15px) 50% /auto no-repeat;
	background-image:url(/images/icon/selectArrow.svg);

}
body textarea {padding:10px; font-size:1.4rem; line-height:1.4; min-height:120px; border:1px solid var(--bgcGray3);resize:none !important; width:100%; border-radius:7px;}
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 7px; min-height:40px; line-height:38px; font-size:1.4rem; border-radius:7px; 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;}

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

body input[type='date']{
	position: relative; font-size:1.4rem; min-width:85px;
	padding:0 30px 0 10px; border:1px solid var(--bgcGray3); min-height:40px; line-height:36px;  border-radius:7px;
	background:#fff calc(100% - 10px) 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;
}


/* 파일박스 */
.filebox.type1 {display:flex; gap:0 !important;}
.filebox.type1 input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0; visibility:hidden;}
.filebox.type1 label {font-size:1.4rem; display: inline-block;border-radius:5px;color: #fff; text-align:center;vertical-align: middle;background-color:var(--indigo); white-space:nowrap;cursor: pointer; width:70px;height: 40px; line-height:40px;margin-left: 5px;}
.filebox.type1 .upload-name {display: inline-block;height: 40px; border-radius:5px;padding: 0 10px;vertical-align: middle;border: 1px solid var(--border1);width:calc(100% - 75px);color: #000;}
.filebox.type1 .currFile {padding:10px 0 0;}

/* 버튼 */
.btn {border:2px solid transparent; padding:0; font-size:1.6rem;}

h1,h2,h3,h4,h5,h6 {color:#000;}
/* 폰트 특성상 넣는 속성 */
/* text {transform:var(--textRotate); display:inline-block;} */
/* h3,h4,h5,h6,h7,h8,p,span,b,button,a,li,label {transform:var(--textRotate);} */

.mobile {display:none;}

/* ***** 페이징 ***** */
.page_box {text-align:center; position:relative;}
.pagination {
	margin:50px 0 0; justify-content:center;
	--bs-pagination-font-size:1.6rem;
}
.pagination span {}
.pagination>li>a, .pagination>li>span {
	padding:0;display:flex; align-items:center; justify-content:center;
	color:#666; width:40px; height:40px; border:1px solid var(--border1);
}
.pagination>li>a:focus, .pagination>li>a:hover, .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(--blue);
}

.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;}



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

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

	/* 헤더 */
	header {z-index:999; position:absolute; width:100%;}
	header .head {position: relative; top: 0; z-index: 9;}
	header .head h1 {position:absolute; left:0; top:0;}
	header .head h1 a {height:120px; display:flex; align-items:center;}
	header .head h1 img {height:50px;}
	header.on .head h1 img {display:none;}
	header .head h1 img.hover {display:none;}
	header.on .head h1 img.hover {display:block;}
	
	header .head aside {position:absolute; right:0; top:0; height:120px;}
	header .head aside a {}
	header .head aside a.lang {
		width:30px; height:100%; display:block;
		background:url(/images/icon/lang2.svg)center no-repeat;
	}
	header.on .head aside a.lang {background-image:url(/images/icon/lang.svg);}
	header aside.lang ul {display:none; position:absolute; top:80px; left:50%; transform:translate(-50%);text-align:center; background-color:#fff; border-radius:10px; box-shadow:0px 1px 10px rgba(0,0,0,.2); overflow:hidden;}
	header aside.lang:hover ul {display:block;}
	header aside.lang ul li {}
	header aside.lang ul li+li a {border-top:1px solid #e5e5e5;}
	header aside.lang ul li a {display:block; padding:10px 20px; width:100%; color:#000; font-size:11px; font-weight:500; transition:0.1s; opacity:0.7;}
	header aside.lang ul li a:hover {background:var(--primary); color:#fff; opacity:1;}
	
	.headerH {height:120px;}

	/* gnb */
	nav.pc {margin:0 auto; overflow:hidden; color:#fff; position:relative;}
	nav.pc.on {background:#fff; color:#000}
	nav.pc .gnb {position:relative; top:0; padding-right:80px;}
	nav.pc .gnb>ul {padding-right:4vw; height:120px; display:flex; gap:3vw; justify-content:end; align-items:center;}
	nav.pc .gnb>ul>li {position:relative;}
	nav.pc .gnb>ul>li>a {display:block;padding:0px 0; font-weight:600; font-size:2.2rem; position:relative;}
	nav.pc .gnb>ul>li.on>a,
	nav.pc .gnb>ul>li>a:hover {color:var(--primary);}
	nav.pc .gnb>ul>li>a:after {position:absolute; content:""; display:block; border-bottom:2px solid var(--primary); transition:width 250ms ease-out; left:auto; right:0; width:0; bottom:-1px;}
	nav.pc .gnb>ul>li>a:hover:after {width:100%; left:0; right:auto;}
	nav.pc .gnb>ul>li>ul {padding:37px 0 20px; position:absolute; gap:10px; display:flex; flex-direction:column;}
	nav.pc .gnb>ul>li>ul>li {}
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; color:#3D3D3D; white-space:nowrap;}
	nav.pc .gnb>ul>li>ul>li.on>a,
	nav.pc .gnb>ul>li>ul>li>a:hover {color:var(--primary);}
	
	nav.pc .navbg {width:100%; position:absolute; left:0; top:1px;}
	nav.pc .navbg .dep1 {}
	nav.pc .navbg .dep2 {}
	
	/*서브메뉴*/	
	.lnb {height:600px; background:center /cover no-repeat;  position:relative; border-bottom: 1px solid var(--border1);}
	.lnb .lnbWrap {}
	.lnb .lnbTit {padding:330px 0 0; font-size:var(--fontSize1); font-weight: 800; color:var(--primary); position:relative;}
	.lnb .lnbMenu {width:100%; position:absolute; left:0; top:500px; border-top: 1px solid rgba(255, 255, 255, 0.15);background:var(--bgcGray2);backdrop-filter: blur(10px);}
	.lnb .lnbMenuWrap {padding:42px 0 24px; display:flex; justify-content:space-between; }
	.lnb .lnbMenu ul {display:flex; gap:40px; }
	.lnb .lnbMenu ul li {position:relative;}
	.lnb .lnbMenu ul li+li:before {width:1px; height:13px; background:#fff; opacity:.3; position:absolute; left:-20px; top:0; display:block; content:'';}
	.lnb .lnbMenu ul li a {padding:0 0 12px; font-size:1.8rem; line-height:1; color:#fff; display:block; font-weight: 600; border-bottom:3px solid transparent;}
	.lnb .lnbMenu ul li a:hover,
	.lnb .lnbMenu ul li.on a {border-color:var(--primary);}
	.lnb .lnbMenu.fixOn {position:fixed; top:0; z-index:9; background:rgba(0,0,0,.4);}
	.lnb .lnbMenu.fixOn .lnbMenuWrap {padding:25px 0 16px;}
	.lnb .lnbMenu.fixOn ul li a {padding:0 0 5px;}
	
	.lnb .lnbNavi {padding:0 0 16px; display:flex; align-items:center;}
	.lnb .lnbNavi span {color:#fff; line-height:1; font-size:1.4rem; font-weight:500; }
	.lnb .lnbNavi span.home {padding:0 0 0 24px ; background:url(/images/icon/home.svg)0 center no-repeat;}
	.lnb .lnbNavi span+span {margin-left:10px; padding-left:16px; background:url(/images/icon/naviArrow.svg)0 center no-repeat;}
	.lnb .lnbNavi span:last-child {color:var(--primary);}
	
	/*컨텐츠*/
	body .contents {padding:150px  0; display:block !important;}
	
	/* 하단 */
	footer.d-page {padding:50px 0; background:var(--secondary); color:var(--gray); font-weight:400;}
	footer.d-page .footerWrap {position:relative;}
	footer.d-page .footerLogo {padding:0 0 40px;}
	footer.d-page .footerLogo img {}
	footer.d-page .footerInfo {}
	footer.d-page .footerInfo p {}
	footer.d-page .footerInfo .add {display:flex; gap:30px;}
	footer.d-page .footerInfo .add span {}
	footer.d-page .footerInfo p.copy {padding:20px 0 0;}
	footer.d-page .footerFamily {position:absolute; right:0; top:0;}
	footer.d-page .footerFamily>a {font-size:1.4rem; font-weight:500; width: 245px; height: 50px; line-height:48px; padding: 0px 15px; background:url(/images/icon/familyArrow.svg) calc(100% - 15px) center no-repeat; display:block;border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.15);}
	footer.d-page .footerFamily ul {display:none; margin:-1px 0 0; border-radius:5px; overflow:hidden; position:absolute; left:0; bottom:51px; width:100%; background:var(--secondary);}
	footer.d-page .footerFamily ul li {}
	footer.d-page .footerFamily ul li a {font-size:1.4rem; font-weight:500; padding:10px 15px; display:block; border: 1px solid rgba(255, 255, 255, 0.15);}
	footer.d-page .footerFamily ul li a:hover {background-color:#333;}
	
	
	
}

/* ************************ 테블릿 (~1199) ************************ */
@media screen and (max-width: 1024px) {
	
	/*공통*/
	.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; 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 .head h1 {padding-left:20px; height:100%; display:flex; align-items:center;}
	/* header .head h1 a {height:100%; display:flex; align-items:center;} */
	header .head h1 a img {height:40px;}
	header .head .lang{z-index: 2;position: absolute;top: 0;right:60px;display:Block;line-height:62px;font-size: 13px;width:40px;text-align:right;font-weight:400}
	header .head .lang img{display:none;}
	
	/*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:left; width:60px; height:100%; background:url(/images/common/icon_x2.png) 50% 50% no-repeat; background-size:30%; border-left:1px solid #e0e0e0;}
	header nav.mobile .closeWrap aside {display:flex; float:right; 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;border-right:1px solid #e0e0e0; background-size: 22px !important; line-height:60px; text-align:center; font-size:13px; color:#999; background: url(/images/common/i_home.png) no-repeat 50%;}
	.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 {}
	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);}
	header nav.mobile .gnb>ul>li>a:hover {background:#f7f7f7;}
	header nav.mobile .gnb>ul>li.on>a {background:var(--primary); color:#fff;}
	header nav.mobile .gnb>ul>li ul{border-bottom:5px solid #eee}
	header nav.mobile .gnb>ul>li ul>li {}
	header nav.mobile .gnb>ul>li ul>li>a {display:block; padding:13px 20px; font-size:15px; color:#555; letter-spacing:-.5px; border-top:1px dotted #ddd; font-weight:400;}
	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(--primary);}
	
	/*서브메뉴*/	
	.lnb {background:center /cover no-repeat;  position:relative; border-bottom: 1px solid var(--border1);}
	.lnb .lnbWrap {}
	.lnb .lnbTit {padding:85px 0 60px;font-size:var(--fontSize1);font-weight: 800; color:var(--primary); position:relative; text-align:center;}
	.lnb .lnbMenu {width:100%; border-top: 1px solid rgba(255, 255, 255, 0.15);background: rgba(0, 0, 0, 0.10);backdrop-filter: blur(10px);}
	.lnb .lnbMenuWrap {padding:20px 0; display:flex; justify-content:center; }
	.lnb .lnbNavi {display:flex; align-items:center;}
	.lnb .lnbNavi span {color:#fff; line-height:1; font-size:1.4rem; font-weight:500; }
	.lnb .lnbNavi span.home {padding:0 0 0 24px ; background:url(/images/icon/home.svg)0 center no-repeat;}
	.lnb .lnbNavi span+span {margin-left:10px; padding-left:16px; background:url(/images/icon/naviArrow.svg)0 center no-repeat;}
	.lnb .lnbNavi span:last-child {color:var(--primary);}
	
	
	/*컨텐츠*/
	body .contents {padding:80px 20px; display:block !important;}
	
	
	/* 하단 */
	footer {padding:80px 20px 40px; background:var(--secondary); color:var(--gray); font-weight:400; position:relative;}
	footer .footerWrap {}
	footer .footerLogo {padding:0 0 30px;}
	footer .footerLogo img {height:40px;}
	footer .footerInfo {}
	footer .footerInfo p {}
	footer .footerInfo .add {}
	footer .footerInfo .add span {display:block;}
	footer .footerInfo p.copy {padding:16px 0 0;}
	footer .footerFamily {position:absolute; right:0; top:0; width:100%;}
	footer .footerFamily>a {width:100%; height: 50px; line-height:48px; font-size:1.4rem; font-weight:500; padding: 0px 15px; background:url(/images/icon/familyArrow.svg) calc(100% - 15px) center no-repeat; display:block; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
	footer .footerFamily ul {display:none;}
	footer .footerFamily ul li {}
	footer .footerFamily ul li a {font-size:1.4rem; font-weight:500; padding:10px 15px; display:block; border: 1px solid rgba(255, 255, 255, 0.15);background:var(--secondary);}
	
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	body {font-size:1.5rem; line-height:1.4;}
	
	.mobileNone {display:none !important;}
	
	/* 폼 */
	select {height:44px; line-height:42px;}
	textarea {height:44px; line-height:42px;}
	input[type=text],input[type=password],input[type=number] {height:44px; line-height:42px;}
	
	header .head h1 a img {height:35px;}
	
	/*서브메뉴*/	
	.lnb {}
	.lnb .lnbTit {padding:55px 0 40px;}
	.lnb .lnbMenuWrap {padding:16px 0;}
	.lnb .lnbNavi span {font-size:1.1rem;}
	.lnb .lnbNavi span.home {padding:0 0 0 18px;background-size:13px;}
	
	
	/*컨텐츠*/
	body .contents {padding:50px 20px;}
	
	/* 하단 */
	footer {font-size:1.4rem; padding:70px 20px 35px;}
	footer .footerLogo {padding:0 0 20px;}
	footer .footerLogo img {height:35px;}
	footer .footerInfo p.copy {padding:14px 0 0;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}