@charset "utf-8";



/* 레이아웃 기본공통영역  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html {
	/* 반응형 폰트사이즈 */
	font-size:62.5%;
	
	/* 모바일 웹폰트 크기 자동조정 문제 */
	-webkit-text-size-adjust:none; /* 크롬/사파리/오페라 신버전 */
	-moz-text-size-adjust:none; /* 파이어폭스 */
	-ms-text-size-adjust:none; /* 익스 */
	-o-text-size-adjust:none; /* 오페라 구버전 */
	text-size-adjust:none;
}
@media screen and (max-width: 1024px) {
	html {font-size:60%;}
}
@media screen and (max-width: 481px) { 
	html {font-size:57%;}
}

body {
	/* 반응형일때 최소넓이 */
	min-width:270px;
	
	/* 기본 폰트 사이즈 */
	font-size:1.5rem;
	} 
#wrap {overflow:hidden;}

/* PC-모바일 반응형 화면출력여부  */
.pcOnly {}
.mobOnly {display:none;}

@media screen and (max-width: 1025px) {
	.pcOnly {display:none !important;}
	.mobOnly {display:block;}
	table .mobOnly {display:none;}
}

@media screen and (max-width: 769px) {
	table .mobOnly {display:block;}
}


/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.innerUser {max-width:1500px; margin:0 auto; padding:0 5rem;}
@media screen and (max-width: 769px){
	.innerUser { padding:0 2rem;}
}

/* 상단영역 (Header) */
#headerUser {position:relative; display:flex; align-items:center; z-index:999;}
.headerWrap {display:flex; flex-direction:column; width:100%;}
.headerWrap > div > .innerUser {display:flex; justify-content:space-between; align-items:center;}

.headerTop {width:100%; background:#323232; overflow:hidden;}
.headerTop .univGo a {position:relative; display:block; padding:1.2rem 2rem; background:#39528f; color:#fff; font-weight:600;}
.headerTop .univGo a:before {content:""; position:absolute; top:0; right:100%; width:30vw; height:100%; background:#39528f;}
.headerTop .univGo a:after {content:""; position:absolute; top:0; left:100%; width:20px; height:100%; background: linear-gradient(70deg, #39528f 50%, #323232 0%);}
.headerTop .univGo a i {margin-left:0.8rem; font-size:1rem; vertical-align:middle;}
.headerTop .gnbNavi {display:flex; justify-content:flex-end; gap:3rem;}
.headerTop .gnbNavi .userInfo {display:flex; gap:3rem;}
.headerTop .gnbNavi .userInfo > * {position:relative; color:#fff;}
.headerTop .gnbNavi .userInfo > *::after {position:absolute; content:""; top:50%; right:-1.5rem; transform:translate(-50%, -50%);width:1px; height:8px; background:#fff; opacity:0.8;}
.headerTop .gnbNavi .userInfo > *:last-child::after {display:none;}
.headerTop .gnbNavi .userInfo i {margin-right:0.8rem; vertical-align:middle; font-size:1rem;}
 
.headerBottom {padding:1.5rem 0;}
.headerBottom h1 a{display:flex; gap:10px;}
.headerBottom h1 a img {height:35px;}
.headerBottom h1 a span {margin-bottom:4px; color:#003366; font-size:23px; white-space:nowrap;}
.headerBottom .mainMenu{display:flex; gap:4rem;}
.headerBottom .mainMenu > li a {font-size:1.8rem; font-weight:600;}
.headerBottom .mainMenu > li a:hover {color:#008fd5;}


/* 모바일-햄버거메뉴 */
.hmgBtn {display:none;}

/* 모바일-메뉴선택시 배경 */
.coverBG {display:none; position:fixed; width:100vw; height:100vh; top:0; left:0; margin:0; background:rgba(0,0,0,0.6);}

/* 모바일-메뉴영역 */
#menuMOB {display:none; position:fixed; top:0; right:0; z-index:20; width:100vw; height:100vh; font-size:1.6rem; background:#e6eff8; overflow-y:scroll; -ms-overflow-style:none;}
#menuMOB::-webkit-scrollbar {display:none;} 

@media screen and (max-width: 1400px){
	.headerBottom .mainMenu{gap:3rem;}
	.headerBottom .mainMenu > li a {font-size:1.6rem;}
}

@media screen and (max-width: 1200px){
	.headerTop {display:none;}	
	.headerBottom {padding:0;}
	.headerBottom .mainMenu{display:none;}
	
	.mobShowClose {display:flex; justify-content:space-between; align-items:center; width:100%; height:60px; padding:0 3rem; background:linear-gradient(45deg, #39528f, #012967);}
	
	.mobUnivGo {display:flex; align-items:center; gap:1rem; color:#fff; font-weight:600;}
	.mobUnivGo:hover {color:#fff;}
	.mobUnivGo i {font-size:1rem;}
	
	/* 모바일-햄버거메뉴 */
	.hmgBtn, .hmgBtn span {display:inline-block; transition:all 0.4s; cursor:pointer;}
	.hmgBtn {position:relative; right:0; z-index:10; width:20px; height:20px; padding:0; margin:20px 0; border:none; background:none;}
	.hmgBtn span {position:absolute; right:0; height:4px; background:#222;}
	.hmgBtn span.bar-one {top:0; width:10px;}
	.hmgBtn span.bar-two {top:8px; width:100%;}
	.hmgBtn span.bar-three {top:16px; width:100%;}
	
	.hmgBtnClose, .hmgBtnView span {display:inline-block; transition:all 0.4s; cursor:pointer;}
	.hmgBtnClose {position:relative; width:20px; height:20px; margin:20px 0; padding:0;}
	.hmgBtnClose span {position:absolute; right:0; z-index:99; height:4px; background:#fff;}
	.hmgBtnClose span.bar-one {top:0; width:100%; transform:translateY(8px) rotate(-45deg);}
	.hmgBtnClose span.bar-two {top:8px; width:0; opacity:0;}
	.hmgBtnClose span.bar-three {top:16px; width:100%; transform:translateY(-8px) rotate(45deg);}
	
	/* 모바일-메뉴선택시 배경 */
	.coverBG.view {display:block;}
	
	/* 모바일-메뉴영역 */
	#menuMOB.view {display: flex; flex-direction: column;}
	#menuMOB {width:48rem; min-width:270px;}
	#menuMOB .mobBoxInfo {width:100%; padding:3rem;}
	#menuMOB .mobBoxInfo .mob_loginout > p {line-height:1.4; color:#555; margin-bottom:2rem; word-break:keep-all;}
	#menuMOB .mobBoxInfo .mob_loginout > p span {display:inline-block;}
	#menuMOB .mobBoxInfo .mob_loginout > p strong {color:#222; font-size:2rem;}
	#menuMOB .mobBoxInfo .mob_loginout .loginOut_btn {display:flex; gap:3rem;}
	#menuMOB .mobBoxInfo .mob_loginout .loginOut_btn > a {
		display:flex; justify-content:space-between; align-items:center; width:100%; font-weight:500; color:#fff; 
		padding:1.2rem 2.2rem; border-radius:50em; background:linear-gradient(90deg, #25aae1, #4481eb);
	}
	#menuMOB .mobBoxInfo .mob_loginout .loginOut_btn > a:nth-child(2) {background:linear-gradient(45deg, #39528f, #012967);}
	#menuMOB .mobBoxInfo .mob_loginout .loginOut_btn > a i {font-size:1.4rem; color:#fff;}
	
	.menuBoxMob {position:relative; flex: 1; padding:2rem 3rem; background:#fff;}
	.menuBoxMob > ul > li > a {height:7rem; display:flex; justify-content:space-between; align-items:center; padding:0 1rem; border-bottom:1px solid #e5e5e5; font-weight:500;}
	.menuBoxMob > ul > li > a i {font-size:1.2rem; color:#74798e;}
	.menuBoxMob > ul > li > ul {padding:1rem; border-bottom:1px solid #e5e5e5; background:#fbfbfb;}
	.menuBoxMob > ul > li > ul > li > a {height:4rem; display:flex; align-items:center; padding:0 1rem; font-size:1.5rem;}
	.menuBoxMob > ul > li > ul > li > a i {font-size:1.2rem; color:#74798e;}
	.menuBoxMob > ul > li > ul > li > ul > li a {width:100%; display:block; font-size:1.5rem; color:#555; padding:1rem 2rem;}
}

@media screen and (max-width: 769px){
	#headerUser {height:6rem; border-right:none; border-bottom:1px solid #e5e5e5;}
	.headerBottom h1 a {gap:0.5rem;}
	.headerBottom h1 a img {height:3rem;}
	.headerBottom h1 a span {margin-top:1px; font-size:1.7rem;}
	
	#menuMOB {width:80vw;}
}

@media screen and (max-width: 481px){
	.headerBottom h1 a img {height:2rem;}
	.headerBottom h1 a span {font-size:1.2rem;}
	
	.mobShowClose {padding:0 2rem;}
	
	#menuMOB {width:100vw;}
	#menuMOB .mobBoxInfo {padding:2rem;}
	.menuBoxMob {padding:1rem 2rem 10rem;}
	.menuBoxMob > ul > li > a {height:5rem;}
	
	#menuMOB .mobBoxInfo .mob_loginout > p {margin-bottom:1.5rem;} 
	#menuMOB .mobBoxInfo .mob_loginout .loginOut_btn {gap:2rem;}
	#menuMOB .mobBoxInfo .mob_loginout .loginOut_btn > a {justify-content:center; padding:1.2rem; font-size:1.4rem;}
	#menuMOB .mobBoxInfo .mob_loginout .loginOut_btn > a i {display:none;}
}


/* 하단영역 (Footer) */
#footerUser {background:#323232;}
#footerUser * {word-break:keep-all;}

.footerTop {height:45px; border-bottom:1px solid rgba(255,255,255,0.2);}
.footerTop .innerUser {display:flex; justify-content:space-between; align-items:center; height:100%;}
.footerTop .footerMenu {display:flex; align-items:center; flex-wrap:wrap; gap:1rem 3rem;}
.footerTop .footerMenu > a {color:#adadad;}
.footerTop .footerMenu > a:first-child {color:#fff; font-size:1.6rem;}
.footerTop .family-drop-btn {
	position:relative; display:flex; justify-content:space-between; align-items:center; width:21rem; height:100%; padding:0 1.5rem; 
	border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); cursor:pointer; z-index:1;
}
.footerTop .family-drop-btn * {color:#fff; font-size:1.5rem;}
.footerTop .family-drop-list {position:absolute; bottom:100%; left:0; width:100%; height:14rem; background:#454545; overflow-y:scroll !important;}
.footerTop .family-drop-list a {display:block; padding:1.2rem 1.5rem; color:rgba(255,255,255,0.6); border-bottom:1px dashed #707070;}
.footerTop .family-drop-list a:hover {background:#555;}

.footerBottom {padding:3rem 0;}
.footerBottom .footerAddress {display:flex; flex-direction:column; gap:1.5rem;}
.footerBottom .footerAddress p {color:#e0e0e0; font-size:1.4rem;}
.footerBottom .footerAddress p:last-child {color:#adadad;}
.footerBottom .footerAddress p:last-child b {color:#fff;}

@media screen and (max-width: 769px){
	.footerTop .family-drop-btn {display:none;}
}

@media screen and (max-width: 481px){
	.footerTop {height:75px;}
	.footerTop .innerUser,
	.footerTop .footerMenu {justify-content:center;}
	.footerTop .footerMenu > a:first-child {width:100%; text-align:center;}
}


/* 콘텐츠영역 */
.contUser {position:relative; display:flex; gap:5rem; max-width:1500px; min-height:500px; margin:0 auto 7rem; padding:4rem 5rem 0; background:#fff;}
.contUser #left {width:20rem;}
.contUser #right {width:calc(100% - 25rem);}

@media screen and (max-width: 1199px){
	.contUser #left {display:none;}
	.contUser #right {width:100%; padding:0;}
}

@media screen and (max-width: 1025px){
	.contUser {min-height:auto;  margin:0 auto 5rem; padding:0 5rem;}
}

@media screen and (max-width: 769px){
	.contUser {padding:0 2rem;}
}


/* 서브비주얼 */
#subVisual {width:100%; height:15rem; background:#333; background-size:cover !important;}
#subVisual.bgMENU0001 {background:url("/static_root/images/common/title_bg_1.jpg") no-repeat center;}
#subVisual.bgMENU0002 {background:url("/static_root/images/common/title_bg_2.jpg") no-repeat center;}
#subVisual.bgMENU0003 {background:url("/static_root/images/common/title_bg_3.jpg") no-repeat center;}
#subVisual.bgMENU0004 {background:url("/static_root/images/common/title_bg_4.jpg") no-repeat center;}
#subVisual.bgMENU0005 {background:url("/static_root/images/common/title_bg_5.jpg") no-repeat center;}
#subVisual.bgMENU0006 {background:url("/static_root/images/common/title_bg_6.jpg") no-repeat center;}
#subVisual.bgMENU0007 {background:url("/static_root/images/common/title_bg_6.jpg") no-repeat center;}

#subVisual .innerUser {display:flex; justify-content:center; align-items:center; height:100%;}
#subVisual .innerUser > h2 {font-size:3.8rem; font-weight:800; color:#fff; word-break:keep-all;}

@media screen and (max-width: 769px){
	#subVisual {display:none;}	
}


/* 좌측메뉴 */
.leftMenuUser {position:relative; margin-top:-60px;}
.leftMenuUser p {
	position:relative; display:flex; justify-content:center; align-items:center; height:12rem; margin-bottom:3rem;
	background: linear-gradient(90deg, #008fd5 -30%, #002e66 70%); box-shadow:0px 0px 15px 5px rgb(20 50 106 / 20%);
	border-radius:5px 15px; overflow:hidden; color:#fff; font-size:2.2rem; font-weight:700; z-index:1;
}
.leftMenuUser p:before {
	content:""; position:absolute; width:80%; height:100%; top:0; left:0;
	background:url('/static_root/images/common/favicon.png') -50px center no-repeat; background-size:cover; opacity:0.1;
}
.leftMenuUser dl dt a {
	position:relative; display:block; padding:1.5rem; margin-bottom:6px;
	border:1px solid #e4e4e4; border-radius:0.5rem; font-size:1.6rem; font-weight:500; color:#222;
}
.leftMenuUser dl dt a:hover {border-color:#002e66; color:#002e66;}
.leftMenuUser dl dt a.on {background:#002e66; border-color:transparent; color:#fff; font-weight:600;}
 
/* 네비-타이틀 */
.titleNaviUser {display:flex; justify-content:space-between; align-items:center; gap:1.5rem; width:100%; padding-bottom:2rem; margin-bottom:3rem; border-bottom:1px dashed #bbb;}
.titleNaviUser > .innerUser {display:flex; justify-content:space-between; align-items:baseline;}
.titleNaviUser h3 {position:relative; padding:0.6rem 0 0 1.8rem; color:#222; font-size:2.6rem; font-weight:700; word-break:keep-all;}
.titleNaviUser h3:after {content:""; position:absolute; top:0; left:0; width:18px; height:18px; background:url("/static_root/images/common/icn_sub_title.png") no-repeat; background-size:contain;}
.titleNaviUser p {display:flex; align-items:center; gap:0 0.5rem; font-size:1.6rem; color:#000; font-weight:500;}
.titleNaviUser p em {display:flex; justify-content:center; align-items:center; width:2.5rem; height:2.5rem; background:rgba(0,0,0,0.1); border-radius:5rem;}
.titleNaviUser p i {font-size:1rem;}
.titleNaviUser p span {color:#0186d1; font-weight:700;}

@media screen and (max-width: 1025px){
	.titleNaviUser {position:relative; width:100%; height:auto; padding:3rem 0 2rem; background:none !important;}
	.titleNaviUser h3, .titleNaviUser p {color:#333;} 
}

@media screen and (max-width: 769px){
	.titleNaviUser {flex-direction:column; gap:1rem; padding:2.5rem 0;}
	.titleNaviUser h3 {margin:0; text-align:left;}
	.titleNaviUser h3:after {left:-3px;}
	.titleNaviUser p {font-size:1.4rem; gap:0 0.2rem;}
	.titleNaviUser p em {width:auto; height:auto; background:none;}
}

/* 문구 공통영역  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.sub-title1 {position:relative; padding:0.5rem 0 0 2rem; margin-bottom:2rem; color:#222; font-size:2.2rem; font-weight:700;}
.sub-title1::after {content:""; display:block; position:absolute; top:0; left:0; width:13px; height:15px; background: url("/static_root/images/common/icn_sub_title.png") no-repeat; background-size:contain;}
.sub-title2 {position:relative; padding:0.5rem 0 0 2rem; margin-bottom:1rem; color:#222; font-size:1.8rem; font-weight:700;}
.sub-title2::after {content:""; display:block; position:absolute; top:0; left:0; width:14px; height:15px; background: url("/static_root/images/common/icn_sub_title.png") no-repeat; background-size:contain;}
.sub-title3 {margin-bottom:1.5rem; font-size:2rem; font-weight:700; color:#222; word-break:keep-all; word-wrap:break-word;}
.sub-title3 span {display:block; margin-bottom:5px; font-size:1.6rem; font-weight:normal;}
.sub-title3 span em {color:#008fd5; font-weight:700;}
@media screen and (max-width: 769px){
	.sub-title2 {padding:0;}
	.sub-title2::after {display:none;}
}

/* 리스트 데이터 카운트 */
.info-count {color:#999; font-size:1.5rem;}
.info-count strong {color:#222;}

/* 안내문구(좌-우) */
.info-sect {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem 0.5rem; margin-bottom:1.5rem; font-size:1.5rem; font-weight:500;}
.info-sect > div {display:flex; align-items:flex-end;}
.info-sect > div:nth-child(2) {margin-left:auto;}
.info-sect .infor-srch {gap:1rem;}
.info-sect .infor-srch label {font-weight:600;}
.info-sect .infor-srch select:focus,
.info-sect .infor-srch input:focus {border-color:transparent; outline:2px solid #008fd5;}

@media screen and (max-width: 769px){
	.info-sect .infor-srch {gap:0.5rem;}
	.info-sect .infor-srch label {display:none;}
	.info-sect .infor-srch select {height:35px;}
}

/* 버튼 나누기 */
.button-dvd {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:3px; width:100%;}
.button-dvd > div {display:flex; flex-wrap:wrap; gap:3px;}

@media screen and (max-width: 400px){
	.button-dvd,
	.button-dvd > div {justify-content:flex-start; width:100%;}
}

/* 말줄임 클래스 */
.elips-01 {
	display: -webkit-box !important;
  overflow:hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.elips-02 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.elips-03 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 필수문구 */
.inReq:before {content:"*"; color:#cc0000; padding:0 3px;}

/* 강조·경고 문구 */
span.inExp {vertical-align:middle; font-size:14px;}
span.inExp:before {content:"\f06a"; font-family:"FontAwesome"; color:#cc0000; margin-right: 3px;}
span.inExp b {font-weight:600;}

/* 추신·도움 문구 */
span.inTip {vertical-align:middle; font-size:14px; font-weight:400;}
span.inTip:before {content:"\f05a"; font-family:"FontAwesome"; color:#000; margin-right: 5px;}

/* 내용 리스트 */
.sub-list > li {position:relative; font-size:1.6rem; line-height:1.4; color:#333; padding:0.5rem 0 0.5rem 2rem; word-break:keep-all;}
.sub-list > li:after {content:""; display:block; position:absolute; left:5px; top:1.5rem; width:6px; height:1px; background:#999;}
.sub-list > li > ul {padding:0.5rem 0 0 0;}
.sub-list > li > ul > li {padding:0.4rem 0 0.4rem 1.2rem; font-size:1.55rem; background:url('../images/btnIcn/icn_dot1.gif') 0 1.2rem no-repeat;}

/* 정의내용리스트 */
.define-list * {word-break:keep-all;}
.define-list {margin-top:1.5rem; padding-top:1.5rem; border-top:1px dashed #ddd; overflow:hidden;}
.define-list:first-child {margin:0; padding:0; border:none;}
.define-list > dt {font-weight:bold; color:#333;}
.define-list > dd {color:#555; margin-top:0.5rem;}
.define-list > dd strong {font-weight:500; color:#333;}

/* 박스영역 */
.boxarea * {word-break:keep-all;}
.boxarea {font-size:1.5rem; line-height:1.4; padding:2rem; border-radius:0.3rem; border:1px solid #ddd; background:#f7f8fc;}
.boxarea > h3 {font-size:1.6rem; font-weight:500; color:#222; margin-bottom:1rem;}
.boxarea > ul li {font-size:1.5rem; padding:0.2rem 0 0.2rem 2rem;}
.boxarea > ol li {font-size:1.5rem; padding:0.2rem 0;}
.boxarea > dl {display:flex; flex-direction:column; gap:7px; font-size:1.5rem; margin-top:1rem;}
.boxarea > dl:first-child {margin:0;}
.boxarea > dl dt {font-weight:500; color:#222;}
.boxarea > dl dd {line-height:1.3; padding-left:2rem; word-break:keep-all;}

/* 공통 레이아웃  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 검색영역 */
.searchBox {display:grid; grid-template-columns:1fr 150px; margin-bottom:30px; border-radius:5px; border:1px solid #ddd; background:#fff; overflow:hidden;}
.searchBox.searchWide {grid-template-columns:1fr;}
.searchBox > div.srchForm {padding:17px;}
.searchBox > div.srchForm p {display:grid; gap:17px 5px; margin-top:20px;}
.searchBox > div.srchForm p:first-child {margin-top:5px;}
.searchBox > div.srchForm p span {position:relative; display:block;}
.searchBox label {position:absolute; top:-8px; left:8px; font-size:13px; font-weight:600; line-height:13px; padding:0 5px; background:#fff;}
.searchBox input.floating-input, .searchBox select.floating-select {display:block; width:100%;}
.searchBox input.floating-input:-webkit-autofill, 
.searchBox input.floating-input:-webkit-autofill:hover, 
.searchBox input.floating-input:-webkit-autofill:focus, 
.searchBox input.floating-input:-webkit-autofill:active {
	transition:background-color 5000s ease-in-out 0.5s;
	-webkit-text-fill-color:#727272 !important;
} /*크롬 input 자동완성 배경색 제거 */
.searchBox input.floating-input:focus, .searchBox select.floating-select:focus {outline:none; border:1px solid #0074bc;}
.searchBox input.floating-input:focus ~ label, .searchBox select.floating-select:focus ~ label {color:#0074bc;}

.searchBox > div.srchForm .dvid1 {grid-template-columns:1fr;}
.searchBox > div.srchForm .dvid2 {grid-template-columns:repeat(2, 1fr);}
.searchBox > div.srchForm .dvid3 {grid-template-columns:repeat(3, 1fr);}
.searchBox > div.srchForm .dvid4 {grid-template-columns:repeat(4, 1fr);}
.searchBox > div.srchForm .dvid5 {grid-template-columns:repeat(5, 1fr);}

.searchBox > div.srchForm .divdInner {display:grid; grid-template-columns:1fr 3fr; gap:17px 5px;} /* 내부영역 간격조절-짧은경우/긴경우 */

.searchBox > div.srchForm .divdEqual {display:grid; grid-template-columns:repeat(2, 1fr); gap:17px 5px;} /* 내부영역 동일한 간격일 경우 */

.searchBox > div.srchForm .divdThree {display:grid; grid-template-columns:repeat(3, 1fr); gap:17px 5px;} /* 내부영역 동일한 간격일 경우-3개 */

.searchBox > div.srchForm .srchWord {display:grid; grid-template-columns:1fr 3fr; gap:17px 5px;} /* 검색영역 */

.searchBox > div.srchForm .divdDate {display:grid; grid-template-columns:1fr 25px 10px 1fr 25px; gap:5px; align-items:center;} /* 기간설정영역 */
.searchBox > div.srchForm .divdDate span.date {display:grid; grid-template-columns:1fr 25px; gap:3px; align-items:center;}
.searchBox > div.srchForm .divdDate span.wave {width:10px;}

.searchBox > div.srchBtn {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-left:1px solid #e5e5e5; padding:17px;}
.searchBox > div.srchBtn > a,
.searchBox > div.srchBtn > input[type="submit"] {
	display:flex; justify-content:center; align-items:center; width:100%; height:35px;
	font-weight:600; color:#fff; border-radius:50px; transition:0.5s ease all; background:#333;
}

@media screen and (max-width :1025px) {
	.searchBox {grid-template-columns:1fr;}
	.searchBox > div.srchForm {width:100%;}
	.searchBox > div.srchBtn {border-left:none; border-top:1px solid #e5e5e5;}
	.searchBox > div.srchBtn > a,
	.searchBox > div.srchBtn > input[type="submit"] {width:100%; height:40px;}
}

@media screen and (max-width :769px) {
	.searchBox > div.srchForm .dvid1 {grid-template-columns:1fr;}
	.searchBox > div.srchForm .dvid2 {grid-template-columns:1fr;}
	.searchBox > div.srchForm .dvid3 {grid-template-columns:1fr;}
	.searchBox > div.srchForm .dvid4 {grid-template-columns:1fr;}
	.searchBox > div.srchForm .dvid5 {grid-template-columns:1fr;}
}

@media screen and (max-width :481px) {
	.searchBox > div.srchForm .divdInner {grid-template-columns:1fr;}	
	.searchBox > div.srchForm .divdThree {grid-template-columns:1fr;}
	.searchBox > div.srchForm .srchWord {grid-template-columns:1fr; gap:5px 3px;}
	.searchBox > div.srchForm .srchWord span.large label {display:none;}
}

/* 검색영역-검색조건이 적을 경우(게시판) */
.search {display:flex; justify-content:flex-end; border-radius:3px; background:#fff;} /* 검색-커뮤니티 */
.search select, .search input[type="text"]{position:relative; height:4rem; text-align:left; border-radius:0; border:1px solid #ddd; overflow:hidden;}
.search select {min-width:10rem; padding:1rem 1.6rem 1rem 1rem; border-radius:3px 0 0 3px; border-right:none;}
.search input[type="text"] {width:20rem; color:#666; border-right:none;}
.search button {position:relative; width:4rem; height:4rem; vertical-align:top; border-radius:0 3px 3px 0; background:#333; cursor:pointer;}
.search button::before {content:"\f002"; font-family:'FontAwesome'; position:absolute; display:block; left:50%; top:50%; font-size:1.4rem; color:#fff; transform:translate(-50%, -50%);}

@media screen and (max-width: 769px) {
	.search {flex-direction:column; width:100%; margin:0;}
	.search select {width:100%; border-radius:3px 3px 0 0; border-right:1px solid #ddd; border-bottom:none;}
	.search input[type="text"] {width:100%; border-radius:0; border-right:1px solid #ddd; border-bottom:none;}
	.search button {width:100%; border-radius:0 0 3px 3px;}
	.search button::before {content:"검색"; font-family:'Pretendard'; font-weight:600; font-size:1.5rem; letter-spacing:0;}
}

/* 탭버튼 레이아웃 */
.user-tabBtn {display:flex; border:1px solid #ddd; background:#fff;}
.user-tabBtn > li {flex:1; border-right:1px solid #ddd;}
.user-tabBtn > li:last-child {border:none;}
.user-tabBtn > li > a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; padding:15px 8px; word-break:keep-all; font-weight:500;}
.user-tabBtn > li:hover > a, 
.user-tabBtn > li.on > a {position:relative; color:#fff; background:#012967;}
.user-tabBtn > li.on > a::before {content:""; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);
	border-bottom:6px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent;
} 

@media screen and (max-width: 769px){
	.user-tabBtn.fuse_tab {display:grid; grid-template-columns:repeat(3, 1fr);}
	.user-tabBtn.fuse_tab > li {border-bottom:1px solid #ddd;}
	.user-tabBtn.fuse_tab > li:nth-child(3n) {border-right:none;}
	.user-tabBtn.fuse_tab > li:nth-last-child(1), .user-tabBtn.fuse_tab > li:nth-last-child(2), .user-tabBtn.fuse_tab > li:nth-last-child(3) {border-bottom:none;}
}
@media screen and (max-width: 481px){
	.user-tabBtn.fuse_tab {grid-template-columns:repeat(2, 1fr);}
	.user-tabBtn.fuse_tab > li:nth-child(3n) {border-right:1px solid #ddd;}
	.user-tabBtn.fuse_tab > li:nth-child(2n) {border-right:none;}
	.user-tabBtn.fuse_tab > li:nth-last-child(3) {border-bottom:1px solid #ddd;}
}

 	
/* 텍스트 에디터 뷰어 */
.text-edit-view {border:1px solid #ddd; border-top:none; padding:1.5rem 2rem; font-size:1.6rem;}
.text-edit-view * {all:revert-layer; font:revert-layer;}

@media screen and (max-width: 1025px){
.cheditor-container .cheditor-tb-wrapper {display:none !important;}	
}
@media screen and (max-width: 769px){
	.text-edit-view {padding:1.5rem; border-left:none; border-right:none;}
}


/* 기타 레이아웃  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 서약 */
.vow * {color:#333; word-break:keep-all;}
.vow {margin-top:3rem;}
.vow h1 {margin:3rem 0; font-size:2.4rem; font-weight:500; text-align:center;}
.vow h2 {margin:2rem 0; font-size:2rem; font-weight:500; text-align:center;}
.vow h3 {padding:2rem; font-size:1.7rem; text-align:center;}
.vow p {padding:2rem; font-size:1.7rem; text-align:center;}
.vow div.userSign {display:flex; justify-content:flex-end; padding:2px 0;}
.vow div.userSign > div {font-size:1.7rem; margin-left:1rem;}
.vow div.userSign > div span, .vow div.userSign > div label, .vow div.userSign > div a {margin-left:0.5rem;}
.vow div.userSign > div span {font-style:italic; font-weight:bold;}

/* 파일양식다운-체크 */
.fileDownChk {margin-top:3rem; padding:2rem; border-radius:5px; border:1px solid #ddd; background:#f7f8fc;}
.fileDownChk * {font-size:1.5rem;}
.fileDownChk > h3 {font-size:1.6rem; font-weight:500; color:#222; margin-bottom:1rem;}
.fileDownChk > p {line-height:1.3; color:#333; padding:0.3rem 0; word-break:keep-all;}
.fileDownChk > ul, .fileDownChk > ol {margin-top:0.8rem;}
.fileDownChk > ul li {position:relative; padding:0.5rem 0 0.5rem 1.4rem;}
.fileDownChk > ul li::after {content:""; display:block; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50em; background:#315a75;}
.fileDownChk > ol li {padding:0.5rem 0;}
.fileDownChk > div {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0.8rem; margin-top:1rem;}
.fileDownChk > div > label {padding:0.8rem 2rem; margin:0; border-radius:3em; border:1px solid #ddd; background:#fff; transition:all 0.3s ease-in-out; cursor:pointer;}
.fileDownChk > div > label:hover {box-shadow:0 0 10px rgba(0,0,0,0.1);}
.fileDownChk > div > a {display:inline-flex; justify-content:center; align-items:center; gap:8px; color:#fff; padding:0.8rem 2rem; border-radius:3em; background:#3785e2;}
.fileDownChk > div > a i {font-size:1.2rem; opacity:0.8;}


/* 명지인 로그인 팝업 : 개인정보수집 및 이용 동의서 */
.loginAgreePop {word-break:keep-all;}
.loginAgreePop .loginAgreeWrap {
	position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:1000px; max-height:85vh; padding:2rem;
	border-radius:5px; background:#fff; z-index:999; overflow:hidden; transition:all 0.3s; overflow-y:auto;
}
.loginAgreePop .loginAgreeWrap .loginAgreeTit1 {margin-bottom:0.8rem; font-size:1.8rem; font-weight:800; word-break:keep-all;}
.loginAgreePop .loginAgreeWrap .loginAgreeTit2 {margin:1rem 0 0.8rem; font-size:1.8rem; font-weight:800; word-break:keep-all;}
.loginAgreePop .loginAgreeIntro {margin-bottom:1rem; padding:1.5rem; background:#eff4fb; border-radius:5px;}
.loginAgreePop .loginAgreeCont ol {padding:0.8rem 1.5rem; margin-bottom:0.5rem; border:1px solid #ddd; border-radius:5px;}
.loginAgreePop .loginAgreeCont ol > li {padding:0.5rem 0;}
.loginAgreePop .loginAgreeCont ol > li > b {padding-bottom:0.2rem; color:#222; font-weight:700;}
.loginAgreePop .loginAgreeCont ol > li > ul {padding-left:1rem;}
.loginAgreePop .loginAgreeCont ul > li {position:relative; padding:0.3rem 0 0.3rem 1.2rem;}
.loginAgreePop .loginAgreeCont ul > li:after {content:""; display:inline-block; position:absolute; left:0; top:12px; width:6px; height:1px; background:#777;}
.loginAgreePop .loginAgreeInfor {margin-bottom:0.5rem; padding:0 1.5rem; color:#d21010;}
.loginAgreePop .loginAgreeBottom {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem 2rem; padding:1.2rem; margin-bottom:1.5rem; background:#eff4fb; border-radius:5px;}
.loginAgreePop .loginAgreeBottom > p {font-weight:700;}
.loginAgreePop .loginAgreeBottom > .loginAgreeChk {display:flex; justify-content:center; align-items:center; gap:0.5rem; margin-left:auto;}

@media screen and (max-width: 1200px){
	.loginAgreePop .loginAgreeWrap {width:90vw; padding:3rem 2rem 2rem;}
	.loginAgreePop .loginAgreeWrap .loginAgreeTit1 {margin-bottom:1.5rem;}
	.loginAgreePop .loginAgreeWrap .loginAgreeTit2 {margin:2rem 0 1rem;}
	.loginAgreePop .loginAgreeIntro {margin-bottom:1.5rem; font-size:1.4rem;}
	.loginAgreePop .loginAgreeCont ol {padding:1rem; margin-bottom:1.2rem; font-size:1.4rem;}
	.loginAgreePop .loginAgreeCont ol > li {padding:0.5rem 0;}
	.loginAgreePop .loginAgreeInfor {padding:0 1rem; margin-bottom:1.5rem; font-size:1.4rem;}
	.loginAgreePop .loginAgreeBottom {padding:1rem; margin-bottom:1.5rem; font-size:1.4rem;}
	.loginAgreePop .loginAgreeBtn a {min-width:65px; height:35px; line-height:33px; margin:0;}
}

/* 정보 제공 동의 */
.agree-wrap .agree-cont {padding:2rem; border:1px solid #ddd; border-radius:0.5rem 0.5rem 0 0;}
.agree-wrap .agree-cont .agree-infor {width:100% !important; min-height:300px !important; border:none; color:#232323; line-height:1.4; word-break:keep-all;}
.agree-wrap .agree-cont .agree-infor:disabled {opacity:1;} /* ios에서 반투명하게 나오는 현상 방지 */
.agree-wrap .agree-chk {padding:2rem; background:#f8fafd; border:1px solid #ddd; border-top:none; border-radius:0 0 0.5rem 0.5rem; font-weight:600;}

@media screen and (max-width: 769px){
	.agree-wrap .agree-cont, .agree-wrap .agree-chk {padding:1.5rem;}	
}

/* 동의서 */
.agreement * {word-break:keep-all;}
.agreement {overflow:hidden;}
.agreement h1 {font-size:2.6rem; font-weight:bold; text-align:center; color:#222; margin-bottom:3rem;}
.agreement h3 {font-size:2.2rem; font-weight:bold; color:#222; margin-bottom:3rem;}
.agreement p.agree_final_text {font-size:1.8rem; text-align:center; padding:0 2rem; margin-top:5rem;}
.agreement .agreeBox {margin-top:3rem; padding:2rem; border-radius:5px; border:1px solid #ddd; background:#fff;}
.agreement .agreeBox > h4 {display:flex; align-items:center; margin-bottom:2rem;}
.agreement .agreeBox > h4 span {display:flex; justify-content:center; align-items:center; width:3rem; height:3rem; font-size:1.4rem; font-weight:bold; color:#fff; border-radius:50%; background:#0a7444;}
.agreement .agreeBox > h4 strong {width:calc(100% - 3rem); padding-left:8px; font-size:1.8rem; line-height:1.1;}
.agreement .agreeBox > p {font-size:1.5rem; margin:0.5rem 0;}

.agreement .agreeBox .agreeWrap {margin-bottom:4rem; padding-bottom:3rem; border-bottom:1px dashed #ccc;}
.agreement .agreeBox .agreeWrap.last {margin:0; padding:0; border:none;}

.agreement .agreeBox .agreeCont {font-size:1.5rem; color:#555; padding:2rem; border-radius:1rem; background:#f7f8fc;}
.agreement .agreeBox .agreeCont.bgnone {padding:0; border-radius:0; background:#fff;}
.agreement .agreeBox .agreeCont div {margin-top:2rem;}
.agreement .agreeBox .agreeCont div:first-child {margin-top:0;}
.agreement .agreeBox .agreeCont p {padding-bottom:1rem; font-weight:500; color:#222;}
.agreement .agreeBox .agreeCont p:last-child {padding:0;}
.agreement .agreeBox .agreeCont ol > li {padding:0.5rem 0;}
.agreement .agreeBox .agreeCont ol > li > ul {padding:0 0 0 1rem;}
.agreement .agreeBox .agreeCont ul > li {position:relative; padding:0.3rem 0 0.3rem 1.2rem;}
.agreement .agreeBox .agreeCont ul > li:after {content:""; display:inline-block; position:absolute; left:0; top:12px; width:6px; height:1px; background:#777;}
.agreement .agreeBox .agreeCont table {background:#fff;}

.agreement .agreeBox .agreeChk {margin-top:3rem;}
.agreement .agreeBox .agreeChk > p {font-size:1.6rem; color:#333; font-weight:500; text-align:center;}
.agreement .agreeBox .agreeChk > span {display:block; font-size:1.4rem; line-height:1.1; color:#d83318; margin-top:1rem; text-align:center;}
.agreement .agreeBox .agreeChk > div {display:flex; justify-content:center; align-items:center; margin:2rem auto 0 auto; font-size:1.6rem;}
.agreement .agreeBox .agreeChk > div span {padding:0.8rem 1.5rem; border-radius:3em; background:#eee; transition:all 0.3s ease-in-out;}
.agreement .agreeBox .agreeChk > div span:hover {box-shadow:0 0 5px rgba(0,0,0,0.1);}
.agreement .agreeBox .agreeChk > div span label {padding:0 0.5rem; margin:0; cursor:pointer;}

.agreement .todayDate {margin:4rem 0; font-size:2.4rem; text-align:center;}

.agreement .signArea {display:flex; justify-content:center; align-content:center; align-items:center; margin:0 auto; padding:1rem 0; text-align:center;}
.agreement .signArea dl {display:inline-flex; align-items:center; padding:0 5px;}
.agreement .signArea dl dt {font-size:1.8rem; margin-right:2rem;}
.agreement .signArea dl dd {font-size:2rem;}
.agreement .signArea dl dd .userNM, .practice_agreement .signArea dl dd .compNM  {font-size:2rem; line-height:1.2; font-weight:bold; color:#777; margin-right:1rem;}
.agreement .signArea dl dd .userSign {font-size:2rem; font-style:italic; font-weight:bold; margin-right:1rem;}
 
/* 만족도·설문조사 레이아웃  */
.survey-wrap {background:#fff; border-radius:15px; overflow:hidden;}
.survey-wrap * {font-size:1.6rem;}
.survey-wrap pre {font-family:'Pretendard'; line-height:1.4; white-space:pre-wrap; word-break:break-all !important;}
.survey-wrap .survey-top {display:flex; flex-direction:column; gap:20px; padding:40px 30px; background:#002e66; color:#fff;}
.survey-wrap .survey-top .survey-title {font-size:22px; font-weight:700; word-break:break-all !important;}
.survey-wrap .survey-cont {display:flex; flex-direction:column; gap:15px; padding:20px; border:1px solid #ccc; border-radius:0 0 15px 15px;}
.survey-wrap .survey-form {display:flex; flex-direction:column; gap:10px; padding:10px 0;}
.survey-wrap .survey-ques {font-weight:600;}
.survey-wrap .survey-response {display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; border-color:#ccc; font-weight:400;}
.survey-wrap .survey-response:disabled {opacity:1;} /* ios에서 반투명하게 나오는 현상 방지 */
.survey-wrap .survey-response input {margin-right:3px;}
.survey-wrap .survey-bottom {padding:30px 10px; border-top:1px dashed #ccc; font-weight:600;}

@media screen and (max-width: 769px){
	.survey-wrap .survey-top {gap:15px; padding:30px 20px;}
	.survey-wrap .survey-cont {gap:10px; padding:15px;}
	.survey-wrap .survey-bottom {padding:20px 10px;} 
}

/* 페이징 */
.listPaging {display:flex; justify-content:center; width:100%; margin-top:3rem; text-align:center;}
.listPaging a {margin:0 0.2rem; overflow:hidden;}
.listPaging a img {width:3.5rem; height:3.5rem;}
.listPaging a span {display:block; width:3.5rem; height:3.5rem; text-align:center; font-size:1.2rem; line-height:1.4rem; padding:1rem 0; border:1px solid #ddd;}
.listPaging a span:hover {color:#333; border:1px solid #333; background:#fff;}
.listPaging a span.on {color:#fff; border:1px solid #333; background:#333;}

/* 파일리스트 */
.fileList li {display:flex; align-items:center; gap:3px; padding:0.3rem 0;}
.fileList li:first-child {padding-top:5px;}