@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: 480px) { 
	html {font-size:57%;}
}

body {min-width:280px;} /* 반응형일때 최소넓이 */

/* PC-모바일 반응형 화면출력여부  */
.pcOnly {}
.mobOnly {display:none;}
@media screen and (max-width: 1025px) {
	.pcOnly {display:none !important;}
	.mobOnly {display:block;}
}




/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.innerUsr {max-width:1500px; margin:0 auto; padding:0 5rem;}
.innerGnb {max-width:1920px; width: 100%; margin:0 auto; padding:0 5rem;}

@media screen and (max-width: 1200px){
	.innerGnb {width:100%; padding:0 2rem;}
}

@media screen and (max-width: 1025px){
	.innerUsr {width:100%; padding:0 2rem;}
}

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

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



/* 상단영역 */
#headerUsr {position:relative; z-index:99; width:100%; height:16rem; border-bottom:1px solid rgba(255,255,255,0.2); background:transparent;}

.gnbUsr {display:flex; flex-wrap:wrap; height:9rem; justify-content:space-between; align-items:center;}
.gnbUsr h1 {display:flex; align-items:center;}
.gnbUsr h1 a {display:block; margin-right:1.5rem;}

.gnbUsr .univSite {display:flex; flex-wrap:wrap; width:60rem;}
.gnbUsr .univSite > li {margin-right:0.5rem;}
.gnbUsr .univSite > li:last-child {margin:0;}
.gnbUsr .univSite > li a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:3rem; font-size:1.4rem; font-weight:500; color:#fff; padding: 0 1.4rem; border-radius:5rem; border:1px solid #fff;}
.gnbUsr .univSite > li a.univ {border-color:#75171c; background:#75171c;}


.gnbUsr .topNaviUsr {display: flex; width: 60rem; text-align:right; gap: 1rem; justify-content: flex-end; }
.gnbUsr .topNaviUsr > a {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column; color:#fff;}
.gnbUsr .topNaviUsr > a:nth-child(2) {padding:0 1.2rem;}
.gnbUsr .topNaviUsr > a i {font-size:1.6rem;}
.gnbUsr .topNaviUsr > a span {font-size:1.2rem; margin-top:0.8rem;}
.gnbUsr .topNaviUsr .icn_youtube i, .gnbUsr .topNaviUsr .icn_instagram i { font-size: 2.6rem; transition: 0.3s; }
.gnbUsr .topNaviUsr .icn_youtube i:hover { color: #75171c; }
.gnbUsr .topNaviUsr .icn_instagram i:hover { color: #102a45; }

.menuUsrPC {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:7rem; border-top:1px solid rgba(255,255,255,0.2);}
.menuUsrPC > ul {display:grid; grid-template-columns:repeat(auto-fit, minmax(11.1111%, auto)); width:100%; height:100%; text-align:center;}
.menuUsrPC > ul li > a {position:relative; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; height:100%; font-size:1.7rem; color:#fff;}
.menuUsrPC > ul li > a:after {content:""; display:block; position:absolute; left:0; bottom:0; width:0; height:3px; background:#fff; transition:all 0.3s ease-in-out;}
.menuUsrPC > ul li > a:hover:after {width:100%;}

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

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

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

@media screen and (max-width: 1700px){
	.gnbUsr { justify-content: normal; gap: 2rem; }
	.gnbUsr h1 { flex: 1; order: -1; }
	.gnbUsr .univSite, .gnbUsr .topNaviUsr { width: auto; }
	
}

@media screen and (max-width: 1400px){
	/* 웹메뉴 상단영역*/
	#headerUsr {height:9rem;}
	
	.gnbUsr .univSite {display:none;}
	.gnbUsr .topNaviUsr {display:none;}
	
	.menuUsrPC {display:none;}
	
	/* 모바일-메뉴/닫기 영역 */
	.mobShowClose {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; width:100%; height:6rem; padding:0 2rem; background:#212121;}
	
	.hmgBtn, .hmgBtn span {display:inline-block; transition:all 0.4s; cursor:pointer;}
	.hmgBtn {position:relative; right:0; z-index:9; width:20px; height:20px; padding:0; margin:20px 0; border:none; background:none;}
	.hmgBtn span {position:absolute; right:0; height:4px; background:#fff;}
	.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; padding:0; margin:34px 0; border:none; background:none;}
	.hmgBtnClose span {position:absolute; right:0; 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;}
	
	/* 모바일-메뉴영역 */
	#mobMENU.view {display:block;}
	#mobMENU {width:50rem; min-width:320px;}
	#mobMENU .mobBoxInfo {width:100%; padding:0 4rem; background:#212121; padding-bottom: 3rem; }
	#mobMENU .mobBoxInfo .mob_login_wrap {position: relative; margin-bottom: 3rem;}
	#mobMENU .mobBoxInfo .mob_loginout .user_nm { margin-right: 1rem; color: #ffffff9c; font-size: 2.2rem; }
	#mobMENU .mobBoxInfo .mob_loginout .user_nm strong { color: #fff; }
	#mobMENU .mobBoxInfo .mob_loginout > p {font-size:1.5rem; line-height:1.4; color:#878787; margin-bottom:1.2rem; word-break:keep-all;}
	#mobMENU .mobBoxInfo .mob_loginout > p span {display:block; margin-bottom:0.5rem;}
	#mobMENU .mobBoxInfo .mob_loginout > p strong {font-size:1.6rem; color:#fff;}
	#mobMENU .mobBoxInfo .mob_loginout > div a {display:inline-flex; flex-wrap:wrap; align-items:center; font-size:2.2rem; font-weight:bold; color:#fff; margin-right:3rem;}
	#mobMENU .mobBoxInfo .mob_loginout > div a:last-child {margin:0;}
	#mobMENU .mobBoxInfo .mob_loginout > div a > span {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; width:2rem; height:2rem; margin:0.5rem 0 0 1.2rem; border-radius:50%; background:#75171c;}
	#mobMENU .mobBoxInfo .mob_loginout > div a > span i {font-size:1rem;}
	#mobMENU .mobBoxInfo .sns_link { position: absolute; right: 0; bottom: 0; display: flex; gap: 1.4rem; font-size: 2.2rem; }
	#mobMENU .mobBoxInfo .sns_link a i { color: #878787; }
	#mobMENU .mobBoxInfo .univ_link {display:flex; flex-wrap:wrap; gap: 1rem;}
	#mobMENU .mobBoxInfo .univ_link a {width:calc((100% - 1rem) / 2); flex: 1 0 48%; height:4rem; display:flex; justify-content:space-between; align-items:center; padding:0 1.5rem; border-radius:0.5rem; background: #2d2d2d;}

	#mobMENU .mobBoxInfo .univ_link a > strong {width:calc(100% - 4rem); font-size:1.4rem; font-weight:500; color:#fff; word-break:keep-all;}
	#mobMENU .mobBoxInfo .univ_link a > span {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; width:2rem; height:2rem; margin-left:2rem; padding:0.3rem 0 0 0; border-radius:50%; background:#fff;}
	#mobMENU .mobBoxInfo .univ_link a > span i {font-size:1rem;}
	#mobMENU .mobBoxInfo .univ_link a.go_univ { background: #75171c; }
	
	.menuBoxMob {position:relative; padding:3rem 4rem; background:#fff;}
	.menuBoxMob > ul > li {width:100%;}
	.menuBoxMob > ul > li > a {width:100%; height:6rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	.menuBoxMob > ul > li > a span {font-size:1.8rem; color:#212121;}
	.menuBoxMob > ul > li > a i {font-size:1.2rem; color:#74798e;}
	.menuBoxMob > ul > li > ul {padding-bottom:2.5rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	.menuBoxMob > ul > li > ul > li {width:100%;}
	.menuBoxMob > ul > li > ul > li > a {position:relative; width:100%; height:4.5rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; padding:0 1rem;}
	.menuBoxMob > ul > li > ul > li > a span {font-size:1.6rem; color:#555;}
	.menuBoxMob > ul > li > ul > li > a i {font-size:1.2rem; color:#74798e;}
	.menuBoxMob > ul > li > ul > li > a i.change {display:none;}
	.menuBoxMob > ul > li > ul > li > ul > li {width:100%;}
	.menuBoxMob > ul > li > ul > li > ul > li > a {
		position:relative; width:100%; min-height:4rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; 
		font-size:1.5rem; line-height:1.4; color:#74798e; padding:2rem 2rem 0 4rem; word-break:keep-all;
	}
	.menuBoxMob > ul > li > ul > li > ul > li > a:after {content:""; display:block; position:absolute; left:2rem; top:3rem; width:8px; height:1px; background:#74798e;}
	.menuBoxMob > ul > li > ul > li > ul > li > a:hover {color:#75171c;}
}

@media screen and (max-width: 1025px){
	#headerUsr {height:6rem;}
	
	.hmgBtnClose { margin: 20px 0; }
	
	.gnbUsr {height:100%;}
	.gnbUsr h1 a {margin-right:1rem;}
	.gnbUsr h1 a img {height:40px;}
	.gnbUsr h1 span img {height:12px;}
	
	.mobShowClose {height:6rem;}
}

@media screen and (max-width: 769px){
	#mobMENU .mobBoxInfo .mob_loginout > p { display: none; }
}

@media screen and (max-width: 481px){
	#mobMENU {width:100vw;}
	
	.menuBoxMob {background-size:80%;}
}
@media screen and (max-width: 400px){
	.gnbUsr h1 a img { height: 25px; }
	#mobMENU .mobBoxInfo .univ_link a { width: auto; height: 3rem; flex: auto; }
	#mobMENU .mobBoxInfo .univ_link a > span { width: 1.4rem; height: 1.4rem; padding: 0; }
}



/* 하단영역 */
#footerUser {position:relative; width:100%; background:#222; overflow:hidden;}
#footerUser > * {font-size:1.5rem;}
#footerUser em, #footerUser strong {font-weight:500; color:#fff;}
#footerUser .innerGnb {margin:5rem 0;}
#footerUser .fT {display:grid; grid-template-columns:290px 1fr 5rem; gap:0 3rem; margin-bottom:3rem;}
#footerUser .fT > div {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}
#footerUser .fT > div > a {position:relative; margin-left:2rem; padding-left:2rem; color:#a8acb1;}
#footerUser .fT > div > a:after {content:""; display:block; position:absolute; left:0; top:6px; width:1px; height:10px; background:#a8acb1;}
#footerUser .fT > div > a:first-child {margin:0; padding:0;}
#footerUser .fT > div > a:first-child:after {display:none;}
#footerUser .fT > div > a:hover, #footerUser .fT > div a:hover * {color:#fff;}
#footerUser .fB {display:flex; flex-wrap:wrap; justify-content:space-between;}
#footerUser .fB * {word-break:keep-all;}
#footerUser .fB > div > address {display:grid; grid-template-columns:1fr auto; gap:0.8rem 2rem; font-style:normal; color:#a8acb1; margin-bottom:3rem;}
#footerUser .fB > div > address strong {grid-column:1/end;}
#footerUser .fB > div > address p {display:grid; grid-template-columns:auto 1fr; gap:0 1.5rem;}
#footerUser .fB > div > p {letter-spacing:0; color:#a8acb1;}

.gotopBtn {
	display:flex; justify-content:center; align-items:center; 
	width:5rem; height:5rem; font-size:1.2rem; color:#fff; border-radius:1rem; border:none; background:linear-gradient(45deg, #95030b, #4f1013);
}
.gotopBtn::before {content:"\f062"; display:block; font-family:"FontAwesome"; color:#fff; font-size:1.4rem;}
.gotopBtn:hover {box-shadow:0px 1px 20px rgba(0,0,0,0.3);}

.family-site {display:flex; align-self:flex-end; position:relative;}
.family-site > button {
	display:flex; justify-content:space-between; align-items:center; width:20rem; height:5rem; padding:0 1.5rem;
	color:#fff; border-bottom:2px solid #fff; background:transparent; overflow:hidden; cursor:pointer;
}
.family-site > button > strong {font-size:1.6rem; font-weight:500;}
.family-site > button > i {font-size:1rem;}
.family-site > div {display:none; position:absolute; bottom: 100%; left:0; z-index:5; width:100%; height:14rem; background:#454545; overflow-y:scroll !important;}
.family-site > div > a {display:block; padding:1.2rem 1rem; font-size:1.4rem; color:rgba(255,255,255,0.6); border-bottom:1px dashed #707070;}
.family-site > div > a:last-child {border-bottom:0;}
.family-site > div > a:hover {background:#555;}

@media screen and (max-width: 1380px){
	#footerUser .fB > div.info {width:700px;}
	#footerUser .fB > div > address {grid-template-columns:1fr;}
	#footerUser .fB > div > address strong {grid-column:1;}
}

@media screen and (max-width: 1025px){
	#footerUser .innerGnb {margin:3rem 0;}
	#footerUser .fT {grid-template-columns:1fr 5rem;}
	#footerUser .fT > h1 {display:none;}
	#footerUser .fT > div {justify-content:flex-start;}
	#footerUser .fB {flex-direction:column;}
	#footerUser .fB > div.info {width:100%;}
	
	
	.family-site {align-self:flex-start; width:100%; margin-top:3rem;}
	.family-site > button {
		display:flex; justify-content:space-between; align-items:center; width:100%; height:5rem; padding:0 1.5rem;
		color:#fff; border-bottom:2px solid #fff; background:transparent; overflow:hidden; cursor:pointer;
	}
	.family-site > button > strong {font-size:1.6rem; font-weight:500;}
	.family-site > button > i {font-size:1rem;}
	.family-site > div {display:none; position:absolute; bottom: 100%; left:0; z-index:5; width:100%; height:14rem; background:#454545; overflow-y:scroll !important;}
	.family-site > div > a {display:block; padding:1.2rem 1rem; font-size:1.4rem; color:rgba(255,255,255,0.6); border-bottom:1px dashed #707070;}
}

@media screen and (max-width: 769px){
	#footerUser .fT > div > a {margin-left:1.2rem; padding-left:1.2rem;}
}

@media screen and (max-width: 481px){
	#footerUser .fT > div {flex-direction:column; align-items:flex-start;}
	#footerUser .fT > div > a {padding:1rem 0 0 0; margin:0;}
	#footerUser .fT > div > a:after {display:none;}
}



/* 본문 영역 */
.contUsr {display:flex; flex-wrap:wrap; justify-content:center; max-width:1500px; margin:0 auto 6rem auto; padding:9rem 5rem 0 5rem;}
.contUsr #left {width:200px; margin-right:50px;}
.contUsr #right {width:calc(100% - 250px); max-width:1150px;}

@media screen and (max-width: 1200px){
	.contUsr {padding:9rem 2rem 0 2rem;}
	.contUsr #left {display:none;}
	.contUsr #right {float:none; width:100%;}
}

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

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

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

/* 좌측메뉴 */
.leftMenu {width:100%; height:100%;}
.leftMenu p {position:relative; width:100%; font-size:2.4rem; font-weight:500; color:#222; text-align:center; word-break:keep-all; padding:0 1rem 2rem 1rem; border-bottom:3px solid #2d303d; background:#fff;}
.leftMenu p:before {content:""; display:block; position:absolute; left:0; bottom:-3px; width:40%; height:2px; background:#75171c;}

.leftMenu dl {width:100%; overflow:hidden;}
.leftMenu dl dt {width:100%;}
.leftMenu dl dt a {position:relative; display:block; font-size:1.5rem; line-height:1.5rem; font-weight:500; color:#222; padding:2rem 2.5rem 2rem 1rem; border-bottom:1px solid #ddd; background:#fff; word-break:keep-all;}
.leftMenu dl dt a:after {content:""; display:inline-block; position:absolute; right:1rem; top:25px; width:13px; height:3px; background:url('../images/common/icn_left_menu.png') no-repeat;}
.leftMenu dl dt a:hover {color:#75171c;}
.leftMenu dl dt a.on {color:#75171c;}
.leftMenu dl dd {padding:7px 0; border-bottom:1px solid #ddd; background:rgba(243,246,249,0.6);}
.leftMenu dl dd a {position:relative; display:block; padding:0.5rem 1.5rem 0.5rem 3rem; font-size:1.4rem; color:#333; word-break:keep-all;}
.leftMenu dl dd a:after {content:""; display:block; position:absolute; left:1.5rem; top:1.2rem; width:8px; height:1px; background:#333;}
.leftMenu dl dd a:hover {font-weight:bold; text-decoration:underline;}
.leftMenu dl dd a.on {font-weight:bold; text-decoration:underline;}

/* 서브이미지 */
#subVisual {position:relative; width:100%; height:34rem; margin-top:-16rem; padding-top:16rem; background:url('../images/main/bg_visual.png') center center no-repeat, linear-gradient(0deg, #555, #97abb5); background-size:cover;}
#subVisual > div {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; width:100%; height:100%;}
#subVisual > div > h2 {font-size:4rem; font-weight:bold; color:#fff; text-align:right;}
#subVisual > div > p {font-size:2rem; letter-spacing:0; color:rgba(255,255,255,0.6); margin-top:1.5rem; text-align:right; word-break:keep-all;}
#subVisual > div > p span {font-weight:bold; color:#fff;}

@media screen and (max-width: 1200px){
	#subVisual > div > h2 {font-size:3.6rem;}
	#subVisual > div > p {font-size:1.8rem;}
}

@media screen and (max-width: 1025px){
	#subVisual {height:21rem; margin-top:-6rem; padding-top:6rem;}
	#subVisual > div > h2 {font-size:3.2rem;}
}

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

@media screen and (max-width: 481px){
	#subVisual > div > h2 {font-size:3.2rem;}
	#subVisual > div > p {font-size:1.6rem;}
}


/* 타이틀/네비 */
.titleNaviNew {position:absolute; left:0; top:34rem; width:100%; height:5.5rem; border-bottom:1px solid #eee; background:#f7f8fc;}
.titleNaviNew > div > div {display:flex; flex-wrap:wrap; width:100%; align-items:center; font-size:1.5rem; color:#333; padding:1.85rem 0;}
.titleNaviNew > div > div > i {margin-right:0.5rem;}
.titleNaviNew > div > div > span {font-weight:bold; margin-left:0.5rem; color:#75171c;}

.subTitleUsr {
	display:flex; flex-wrap:wrap; align-items:center; font-size:2.8rem; color:#222; font-weight:bold; text-align:center; word-break:keep-all; 
	padding-bottom:3rem; margin-bottom:3rem; border-bottom:1px solid #ddd;
}

@media screen and (max-width: 1400px){
	.titleNaviNew {top:27rem;}
	.titleNaviNew > div {padding:0 2rem;}
}

@media screen and (max-width: 1025px){
	.titleNaviNew {top:21rem;}
	
	.subTitleUsr {font-size:2.4rem;}
}

@media screen and (max-width: 769px){
	.titleNaviNew {display:none;}
	
	.subTitleUsr {position:relative; display:flex; width:calc(100% + 4rem); font-size:2rem; margin-left:-2rem; padding:2rem; background:#f7f8fc;}
}

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



/* 로그인 */
.loginLayer {left:50%; top:50%; width:640px; max-height:650px; border-top:5px solid #75171c; background:#fff; z-index:10;}
.loginLayer > p {position:absolute; margin:-5px 0 0 600px;}
.loginLayer > p a {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; width:40px; height:40px; background:#75171c;}
.loginLayer > p a i {font-size:2.2rem; color:#fff;}
.loginLayer > div > h1 {margin-top:7rem; text-align:center; font-size:3.6rem; color:#333; font-weight:500;}
.loginLayer > div > h1 span {font-weight:bold; color:#75171c;}
.loginLayer > div > h2 {margin-top:2rem; text-align:center; font-size:1.7rem; color:#555; font-weight:normal;}
.loginLayer > div > div {width:90%; margin:50px auto 0 auto; padding-top:2rem; text-align:center; border-top:1px solid #ddd;}
.loginLayer > div div.loginBox {width:330px; margin:1rem auto 6rem auto; overflow:hidden;}
.loginLayer > div div.loginBox > div.chkType {text-align:center; margin-bottom:2rem;}
.loginLayer > div div.loginBox > div.chkType label {font-size:1.5rem; margin:0 1rem;}
.loginLayer > div div.loginBox > ul {width:100%; overflow:hidden;}
.loginLayer > div div.loginBox > ul li {margin-bottom:0.5rem; width:328px; border:1px solid #ddd;}
.loginLayer > div div.loginBox > ul li input {width:100%; height:5rem; border:none;}
.loginLayer > div div.loginBox > ul li input.lgID {background:url('../images/content/icn_id.jpg') 15px center no-repeat; padding-left:4.5rem;}
.loginLayer > div div.loginBox > ul li input.lgPW {background:url('../images/content/icn_pwd.jpg') 15px center no-repeat; padding-left:4.5rem;}
.loginLayer > div div.loginBox > div {width:330px; margin-top:1rem;}
.loginLayer > div div.loginBox > div a {display:block; width:100%; font-size:1.8rem; text-align:center; color:#fff; padding:1.5rem 0; border:none; }
.loginLayer > div div.loginBox > div a.btnLogin {background:#75171c;}
.loginLayer > div div.loginBox > div a.btnJoin {margin-top:5px; background:#333;}
.loginLayer > div div.loginBox > p {font-size:1.4rem; color:#333; margin-top:15px; word-break:keep-all;}
.loginLayer > div div.loginBox > p i {color:#d21010; margin-right:5px;}


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

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

@media screen and (max-width: 769px){
	.login_pop_inner {width:100% !important; min-width:100% !important; height:auto !important;}
	.loginLayer {width:100%; height:100%; /* min-height:500px; */ padding:0 2rem;}
	.loginLayer > p {right:10px; margin:-0.5rem 0 0 0;}
	.loginLayer > div > div {margin-top:3rem;}
	.loginLayer > div > h1 {font-size:3.2rem; word-break:keep-all;}
	.loginLayer > div > h2 {font-size:1.5rem; word-break:keep-all;}
	.loginLayer > div div.loginBox {width:80%; margin:0 auto 7rem auto;}
	.loginLayer > div div.loginBox > ul li {width:100%; box-sizing:border-box;}
	.loginLayer > div div.loginBox > div {width:100%; margin-top:1rem;}
}

@media screen and (max-width: 551px){
	.loginLayer > div div.loginBox > div.chkType label {display:block; text-align:left; margin:0.5rem 0;}
}

@media screen and (max-width: 481px){
	.loginLayer {padding:0 1.5rem;}
	.loginLayer > div > h1 {font-size:2.2rem;}
}



/* 세부공통영역  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 검색영역-검색조건이 많을 경우 */
.searchBox {display:flex; align-items:center; width:100%; margin-bottom:30px; border-radius:5px; border:1px solid #ddd; background:#fff; overflow:hidden;}
.searchBox > div.srchForm {width:calc(100% - 170px); padding:20px;}
.searchBox > div.srchForm p {margin-top:20px;}
.searchBox > div.srchForm p:first-child {margin-top:5px;}
.searchBox > div.srchForm p:after {content:""; display:block; clear:both;}
.searchBox > div.srchForm p span {position:relative; float:left; display:block; padding:0 3px;}

.searchBox label {position:absolute; top:-12px; left:8px; font-size:13px; line-height:13px; padding:0 5px; color:rgba(0,0,0,0.45); background:#fff;}
.searchBox input.floating-input, .searchBox select.floating-select {display:block; width:100%; height:40px; border-radius:3px;}
.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 #95030b;}
.searchBox input.floating-input:focus ~ label, .searchBox select.floating-select:focus ~ label {color:#95030b;}

.searchBox > div.srchForm p.dvid1 span {width:100%;}
.searchBox > div.srchForm p.dvid2 span {width:calc(100% / 2);}
.searchBox > div.srchForm p.dvid3 span {width:calc(100% / 3);}
.searchBox > div.srchForm p.dvid4 span {width:calc(100% / 4);}
.searchBox > div.srchForm p.dvid5 span {width:calc(100% / 5);}

.searchBox > div.srchForm p .divdInner {padding:0;}
.searchBox > div.srchForm p .divdInner span.divdSM {width:calc((100% / 3) * 1);}
.searchBox > div.srchForm p .divdInner span.divdLG {width:calc((100% / 3) * 2);}
.searchBox > div.srchForm p .divdInner span.divdSame {width:calc(100% / 2);}

.searchBox > div.srchForm p .divdEqual {padding:0;}
.searchBox > div.srchForm p .divdEqual span.equal {width:calc(100% / 2);}

.searchBox > div.srchForm p .divdThree {padding:0;}
.searchBox > div.srchForm p .divdThree span.equal {width:calc(100% / 3);}

.searchBox > div.srchBtn {width:170px; display:flex; justify-content:center; padding:20px 0; border-left:1px solid #e5e5e5;}
.searchBox > div.srchBtn > a {display:block; width:130px; height:45px; font-size:15px; line-height:45px; letter-spacing:0; font-weight:500; color:#fff; text-align:center; margin:0 auto; border-radius:50px; transition:0.5s ease all; background:#102a45;}
.searchBox > div.srchBtn > a:hover {background:#0b1d30;}
.searchBox > div.srchBtn > input[type="submit"],
.searchBox > div.srchBtn > input[type="button"] {
	display:block; width:130px; height:45px; font-size:15px; line-height:45px; letter-spacing:0; font-weight:500; color:#fff; text-align:center; 
	margin:0 auto; border-radius:50px; transition:0.5s ease all; background:#333; cursor:pointer;
}
.searchBox > div.srchBtn > input[type="submit"]:hover, .searchBox > div.srchBtn > input[type="button"]:hover {background:#222;}

@media screen and (max-width :1024px) {
	.searchBox {flex-direction:column;}
	.searchBox > div.srchForm {width:100%; padding:20px 10px;}
	.searchBox > div.srchBtn {width:100%; padding:10px 0; border-left:none; border-top:1px solid #e5e5e5;}
}
@media screen and (max-width :768px) {
	.searchBox > div.srchForm p {margin:0;}
	
	.searchBox > div.srchForm p.dvid3 span {width:calc(100% / 2);}
	.searchBox > div.srchForm p.dvid3 span:last-child {width:100%;}
	.searchBox > div.srchForm p.dvid4 span {width:calc(100% / 2);}
	.searchBox > div.srchForm p.dvid5 span {width:calc(100% / 2);}
	.searchBox > div.srchForm p.dvid5 span:last-child {width:100%;}
	
	.searchBox > div.srchForm p span:nth-child(1), .searchBox > div.srchForm p span:nth-child(2) {margin:0;}
	.searchBox > div.srchForm p span {margin-top:20px;}
	
	.searchBox > div.srchForm p .divdEqual {width:100% !important; margin-bottom:20px !important;}
	
	.searchBox > div.srchForm p .divdThree {width:100% !important; margin-bottom:20px !important;}
	.searchBox > div.srchForm p .divdThree span.equal {width:calc(100% / 2);}
	
	.searchBox > div.srchForm p .wide {width:100% !important;}
}
@media screen and (max-width :480px) {
	.searchBox > div.srchForm p {margin:20px 0 0 0;}
	.searchBox > div.srchForm p span {width:100% !important;}
	.searchBox > div.srchForm p span:nth-child(2) {margin:20px 0 0 0;}
	
	.searchBox > div.srchForm p .divdInner span.divdLG {margin-top:5px;}
	.searchBox > div.srchForm p .divdInner span.divdLG label {display:none;}
	
	.searchBox > div.srchForm p .divdEqual {margin-bottom:0 !important;}
	.searchBox > div.srchForm p .divdThree {margin-bottom:0 !important;}
}

/* 검색영역-검색조건이 적을 경우(게시판) */
.search {display:inline-flex; flex-wrap:wrap; width:100%; justify-content:end;}
.search > div select {width:8rem; height:4.5rem; border-radius:3px 0 0 3px;}
.search > div input {width:22rem; height:4.5rem; border-left:none; border-radius:0;}
.search > div button {display:flex; flex-direction:column; justify-content:center; align-items:center; width:6rem; height:4.5rem; color:#fff; border-radius:0 3px 3px 0; background:#102a45;}
.search > div button > i {font-size:1.6rem;}
.search > div button > span {letter-spacing:1px;}


/* 서약 */
.vow * {color:#333; word-break:keep-all;}
.vow {margin-top:3rem;}
.vow h1 {margin:4rem 0; font-size:2.4rem; font-weight:500; text-align:center;}
.vow h2 {margin:3rem 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; margin:0.8rem 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;}


/* 동의서 */
.agreement * {word-break:keep-all;}
.agreement {overflow:hidden;}
.agreement h3 {font-size:2.4rem; font-weight:bold; color:#222; margin-bottom:3rem;}
.agreement p.agree_final_text {margin-top:5rem; font-size:1.8rem; text-align:center; padding:0 2rem; word-break:keep-all;}
.agreement .agreeBox {margin-top:3rem; padding:2rem; border-radius:1rem; 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:#005aa0;}
.agreement .agreeBox > h4 strong {width:calc(100% - 3rem); padding-left:8px; font-size:1.8rem; line-height:1.1;}
.agreement .agreeBox > .agreeCont {font-size:1.6rem; color:#555; padding:2rem; border-radius:1rem; background:#f7f8fc;}
.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 > .agreeChk {margin-top:2rem;}
.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:3rem auto 0 auto; font-size:1.6rem;}
.agreement .agreeBox > .agreeChk > div span {padding:1rem 1.5rem; border-radius:3rem; background:#eaeaea;}
.agreement .agreeBox > .agreeChk > div span label {padding:0 0.5rem;}
.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;}



/* 달력 */
.calendar {width:100%; min-width:600px;}
.calendar .date-slide {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:2rem; border-bottom:3px solid #ddd;}
.calendar .date-slide > a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:2rem;}
.calendar .date-slide > a i {font-size:2rem; color:#999;}
.calendar .date-slide > div {width:calc(100% - 4rem); font-size:2rem; font-weight:bold; color:#222; text-align:center;}
.calendar table {width:100%; table-layout:fixed; overflow-x:scroll;}
.calendar table thead th {font-size:1.8rem; font-weight:bold; color:#222; padding:2rem 1rem; opacity:0.6;}
.calendar table thead th span {font-size:1.8rem; font-weight:bold; font-weight:bold;}
.calendar table .saturday {color:#2b65e5;}
.calendar table .sunday {color:#d74831;}
.calendar table tbody td {position:relative; z-index:1; vertical-align:top; padding:1.5rem 1rem;}
.calendar table tbody td p {font-family:"Poppins"; font-size:1.6rem; font-weight:bold; color:#222; text-align:center; margin-bottom:1rem;}
.calendar table tbody td ul li {text-align:center; padding:0.2rem; margin-bottom:0.5rem; border-radius:0.3rem; border:1px solid #ddd; background:#fff;}
.calendar table tbody td ul li:last-child {margin:0;}
.calendar table tbody td ul li strong {font-weight:bold; color:#222;}
.calendar table tbody td .today {position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:rgba(249,243,245,0.8);}

/* 파일리스트 */
.fileList li {padding:0.3rem 0;}



/* 문구 공통영역  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.sub-title1 {position:relative; font-size:2.2rem; font-weight:bold; color:#222; margin-bottom:2rem; word-break:keep-all;}
.sub-title2 {position:relative; font-size:2rem; font-weight:bold; color:#333; margin-bottom:2rem; padding:0 0 0 3rem; word-break:keep-all;}
.sub-title2:after {content:""; display:block; position:absolute; left:0; top:6px; width:2.2rem; height:1.4rem; background:url('../images/common/icn_title1.png') no-repeat;}
.sub-title3 {font-size:1.8rem; font-weight:500; color:#75171c; margin-bottom:1.5rem; word-break:keep-all;}

/* 안내문구(좌-우) */
.info-sect {display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem;}
.info-sect .left {width:100%; text-align:left; margin-right:1rem; font-size:1.4rem; color:#555;}
.info-sect .right {width:100%; display:inline-flex; flex-wrap:wrap; justify-content:flex-end;}

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

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

@media screen and (max-width: 769px){
	.info-sect {flex-direction:column;}
}

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

/* 중요-경고 문구 */
.warn {position:relative; font-size:1.5rem; padding:0.2rem 0 0.2rem 2rem;  word-break:keep-all;}
.warn:after {content:"\f06a"; display:block; position:absolute; left:0; top:3px; font-family:"FontAwesome"; color:#d02258;}
.warn span, .warn strong {color:#d02258;}

/* 목록 카운트 */
.count {font-size:1.5rem; color:#999; padding:0.2rem 0;}
.count strong {color:#222;}

/* 내용 리스트 */
.sub-list > li {position:relative; font-size:1.6rem; line-height:1.3; color:#555; padding:0.4rem 0 0.4rem 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.3rem 0 0.3rem 1.2rem; font-size:1.55rem; background:url('../images/btnIcn/icn_dot1.gif') 0 1rem no-repeat;}


/* 내용-순서리스트 */
.num-list > li {position:relative; font-size:1.6rem; line-height:1.3; color:#555; padding:0.4rem 0 0.4rem 2.4rem; word-break:keep-all;}
.num-list > li span.num {
	display:inline-flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-content:center; align-items:center; font-size:0.7em;text-align:center;
	position:absolute; top:0.5em; left:0; width:1.5em; height:1.5em; padding:0.2rem; border-radius:50em; border:1px solid; background:transparent;}
.num-list > li span.num:after {left:5px; top:1.5rem; width:6px; height:1px; background:#999;}
.num-list > li > ul {padding:0.5rem 0 0 0;}
.num-list > li > ul > li {padding:0.3rem 0 0.3rem 1.2rem; font-size:1.55rem; background:url('../images/btnIcn/icn_dot1.gif') 0 1rem no-repeat;}


/* 설명박스 */
.explain-box {width:100%; padding:20px; font-size:1.6rem; border:1px solid #ddd; background:#f8fafd; overflow:hidden; word-break:keep-all;}
.explain-box h3 {font-size:18px; font-weight:bold; color:#333;}
.explain-box > ul > li {position:relative; font-size:15px; line-height:1.2; color:#333; padding:0.3rem 0 0.3rem 1.5rem;}
.explain-box > ul > li:after {content:""; display:block; position:absolute; left:0; top:1.2rem; width:8px; height:1px; background:#999; word-break:keep-all;}
.explain-box > ul > li span {display:block; color:#e42612; padding-top:5px;}


/* 정의내용리스트 */
.define-list * {word-break:keep-all;}
.define-list {font-size:1.5rem; 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 {font-size:1.6rem; padding:2rem; border-radius:0.3rem; border:1px solid #ddd; background:#f7f8fc;}

/* 달력 */
.calendar {overflow:hidden;}
.calendar .calYM {width:100%; margin:0 auto 20px auto; overflow:hidden;}
.calendar .calYM > dt {float:left; width:20%;}
.calendar .calYM > dt:last-child {text-align:right;}
.calendar .calYM > dd {float:left; width:60%; text-align:center; font-size:24px; line-height:30px; font-weight:bold; color:#000;}

.calendar .calDate {height:59px; background:url('../images/img/cal_dateBg.gif') no-repeat; background-size:cover;}
.calendar .calDate {width:100%; overflow:hidden;}
.calendar .calDate > dt {float:left; width:600px;}
.calendar .calDate > dt > dl {width:100%; overflow:hidden;}
.calendar .calDate > dt > dl > dt {float:left; width:100px; padding-top:18px; font-size:14px; font-weight:500;}
.calendar .calDate > dt > dl > dt a {color:#fff;}
.calendar .calDate > dt > dl > dd {float:left; width:400px; padding-top:15px; font-size:22px; line-height:26px; color:#fff; text-align:center;}
.calendar .calDate > dd {float:left; width:180px; padding:14px 20px 0 0; text-align:right;}
.calendar .calDate > dd:first-child {padding:14px 0 0 20px; text-align:left;}

.calendar table tbody td dl {overflow:hidden;}
.calendar table tbody td dl dt.ScolorRed {padding:8px 0 8px 0; margin-top:5px; text-align:center; color:#fff; background:#d21010; border:#e4e4e4 1px solid;}
.calendar table tbody td dl dt.ScolorOrange {padding:8px 0 8px 0; margin-top:5px; text-align:center; color:#fff; background:#e74c00; border:#e4e4e4 1px solid;}
.calendar table tbody td dl dt.ScolorGreen {padding:8px 0 8px 0; margin-top:5px; text-align:center; color:#fff; background:#129b23; border:#e4e4e4 1px solid;}
.calendar table tbody td dl dt.ScolorBlue {padding:8px 0 8px 0; margin-top:5px; text-align:center; color:#fff; background:#0969b3; border:#e4e4e4 1px solid;}


/* 이력서 등...사용자 증명사진 영역 */
.resume_photo {width:120px; height:160px; text-align:center; margin:0 auto; padding:8px; border:1px solid #ddd; background:#fff;}
.resume_photo span {display:block; position:relative; width:104px; height:144px; background:#d7dce5;}
.resume_photo .fileList, .resume_photo .fileList li {width:100%; height:100%;}
.resume_photo .fileList li {position:relative; margin:0;}
.resume_photo .fileList li > img {position:absolute; width:100%; height:100%; left:0; top:0; object-fit:contain;}
.resume_photo .fileList li > a {position:absolute; right:0; top:0; line-height:1em;}

.resume_photo .photo_box > img { position:absolute; width:100%; height:100%; left:0; top:0; object-fit:contain; }



/* 테이블 내부 리스트 */
.bbsInnerListBox, .bbsInnerListBox > * {display:flex; flex-wrap:wrap; justify-content:space-between;}
.bbsInnerListBox li {width:49%; margin-top:1rem; padding:1.5rem; border-radius:0.5rem; border:1px solid #ddd; background:rgba(247,248,252,0.5);}
.bbsInnerListBox li:nth-child(1), .bbsInnerListBox li:nth-child(2) {margin-top:0;}
.bbsInnerListBox li > dl {display:flex; flex-wrap:wrap; align-items:center; width:50%; font-size:1.6rem; padding:0.5rem;}
.bbsInnerListBox li > dl dt {font-weight:500; color:#222; margin-right:1rem;}

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

@media screen and (max-width: 989px){
	.bbsInnerListBox {flex-direction:column;}
	.bbsInnerListBox li {width:100%;}
	.bbsInnerListBox li:nth-child(2) {margin-top:1rem;}
}

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

@media screen and (max-width: 479px){
	.bbsInnerListBox li > dl {width:100%;}
}



/* 테이블 내부 추가-삭제 리스트 */
.addDelBox {width:100%;}
.addDelBox li {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem; border-radius:0.5rem; border:1px solid #ddd;}
.addDelBox li:first-child {margin-top:0;}
.addDelBox li > div.form-wrap {width:calc(100% - 10rem);}
.addDelBox li > div.form-wrap > dl {padding:1.5rem; border-top:1px dashed #ccc;}
.addDelBox li > div.form-wrap > dl:first-child {border:none;}
.addDelBox li > div.form-wrap > dl dt {font-size:1.5rem; font-weight:500; color:#222; margin-bottom:1rem;}
.addDelBox li > div.add-del {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; padding:1rem; width:10rem; border-left:1px solid #ddd; background:#f7f8fc;}

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

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

@media screen and (max-width: 769px){
	.addDelBox li {flex-direction:column;}
	.addDelBox li > div.form-wrap {width:100%;}
	.addDelBox li > div.add-del {width:100%; flex-direction:row; border-top:1px solid #ddd; border-left:none;}
}

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