.subTit {margin:40px 0 10px;padding: 0 0 0 25px;font-weight: normal;color: #000;font-size: 28px;line-height: 30px;font-weight: 700;background: url('/image/common/subTit.png') 0 10px no-repeat;}
.boldTit {margin:40px 0 10px;font-weight: normal;color: #000;font-size: 22px;line-height: 22px;font-weight: 600;}

.subTit:first-child,
.boldTit:first-child {margin-top: 0 !important;}

/* 개인정보취급방침 */
div.privacy {font-size: 18px;line-height: 1.7;word-break: keep-all;}
div.privacy dd, div.privacy p{font-size: 18px;}

/* 개인정보 취급방침 */
div.rule p, dl.rule, dl.rule dl, dl.rule dt, dl.rule dd {margin: 0;padding: 0;}

dl.rule {padding-top: 20px;}
dl.rule > dt {padding-top: 20px;}

ul.navi, ul.navi li, ul.navi a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.navi {margin: 40px auto 0;padding: 15px 40px 20px;background-color: #eef4ff;box-sizing:border-box;}
ul.navi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.navi li {float: left;width: 50%;margin-top: 5px;box-sizing:border-box;}
ul.navi li:nth-child(odd) {clear: both;}

ul.navi a {display: inline-block;vertical-align: top;font-size: 18px;}
ul.navi a:hover {text-decoration: underline;}

#wrap:not(.main) .gnb > li.on,
#wrap:not(.main) .gnb > li:hover{
	background-color: transparent;
}
#wrap:not(.main) .gnb > li:hover > a,
#wrap:not(.main) .gnb > li.on > a{
	color: #fff;
}
#wrap:not(.main) .gnb > li > a span:before{
	display: none;
}
#wrap:not(.main) .gnb > li.on .sub-gnb{
	display: block;
}
#wrap:not(.main) .sub-gnb{
	position: static;
	top: auto;
	left: auto;
	width: calc((100% + 60px));
	margin: 0 -30px;
	padding: 15px 0;
	background-color: #6f81b7;
}
#wrap:not(.main) .sub-gnb > li > a{
	padding: 0;
	border-bottom: 0;
	font-size: 16px;
	color: #acacac;
	line-height: 1.8;
}
#wrap:not(.main) .sub-gnb > li:hover > a,
#wrap:not(.main) .sub-gnb > li.on > a{
	color: #fff;
	font-weight: 500;
}

.titArea{
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 50px;
	border-bottom: 2px solid #cccccc;
}
.pageTit{
	display: inline-block;
	margin: 0;
	padding: 5px 0 5px 45px;
	background-repeat: no-repeat;
	background-position: 0 center;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.05em;
	color: #0c1a44;
	vertical-align: middle;
}
.sub01 .pageTit{
	background-image: url('/image/sub/ic_sub01.png');
}
.sub02 .pageTit{
	background-image: url('/image/sub/ic_sub02.png');
}
.sub03 .pageTit{
	background-image: url('/image/sub/ic_sub03.png');
}
.sub04 .pageTit{
	background-image: url('/image/sub/ic_sub04.png');
}
.sub05 .pageTit{
	background-image: url('/image/sub/ic_sub05.png');
}
.pagePath{
	margin: 0;
	float: right;
}
.pagePath dt{
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	clip: rect(0 0 0 0);
}
.pagePath dd{
	margin: 0;
	padding: 0;
}
.pagePath ul{
	margin: 12px 0;
	padding: 0;
}
.pagePath li{
	display: inline-block;
	font-size: 16px;
	letter-spacing: -0.05em;
	color: #565656;
	vertical-align: middle;
}
.pagePath li + li:before{
	display: inline-block;
	content: '> ';
	clear: both;
	margin-right: 2px;
}
.titArea + .sub-tit-wrap{
	margin-top: 0;
}
.sub-tit-wrap{
	margin-top: 40px;
}
.sub-tit-wrap:after{
	display: block;
	content: '';
	clear: both;
}
.sub-tit-wrap .btn{
	float: right;
}
.sub-tit-wrap .subTit_bl{
	display: inline-block;
	vertical-align: middle;
}

/* 컨텐츠 영역 */
div.contents {width: 100%;min-height: 825px;padding: 20px 45px 70px;box-sizing: border-box;}

div.withMenu {display: grid;grid-template-columns: 240px 1fr;column-gap:40px;}


div.colArea {display: grid;grid-template-columns:490px 1fr;column-gap:35px;}
div.colArea:after {display: none;}
div.colArea > div.col {box-sizing:border-box;}

/* 타이틀 관련 */
.subTit_bl {position: relative;margin: 40px 0 10px;padding-left: 20px;background: url('/image/subTit_bl.png') left 8px no-repeat;font-weight: normal;color: #1b4a99;font-size: 23px;line-height: 35px;font-weight: 500;}
.pointTit {position: relative;margin: 40px 0 10px;font-weight: normal;color: #1b4a99;font-size: 23px;line-height: 35px;font-weight: 500;}
.boldTit {margin: 30px 0 5px;color: #212324;font-size: 20px;line-height: 30px;font-weight: normal;font-weight: 500;}

.subTit_bl:first-child,
.pointTit:first-child,
.boldTit:first-child,
.subTit_bl:first-child + * {margin-top: 0;}

.pointTit img {display: inline-block;vertical-align: top;margin-right: 8px;}

.subTit_bl.fl + .fr {margin-top: 40px;}

.clear{clear:both}
.fcRed {color: #db2d2d !important;}
.fcBlue {color: #0768C9 !important;}


/* 테이블 관련 */
table .bdLeft {border-left: 1px solid #c3c6ce !important;}

table.tblDef > * > tr > *,
table.inputTbl > * > tr > * {border-bottom: 1px solid #c3c6ce;/*background-color: #fff;*/vertical-align: middle;}

table.tblDef > * > tr > th,
table.inputTbl > * > tr > th,
table .bg {background-color: #f0f2f6;color: #272727;font-weight: 500;}
table .bg2{
	background-color: #dee6f5 !important;
}
table .pd10{
	padding:10px !important;
	line-height:150% !important;
}
table.tblDef {border-top: 2px solid #7783a7;}
table.tblDef > * > tr > * {padding: 10px;text-align: center;}
table.tblDef > thead > tr > * {background-color: #f0f2f6;}

table.inputTbl {border-top: 2px solid #7783a7;table-layout: fixed;}
table.inputTbl > * > tr > * {height: 40px;padding: 5px 10px;line-height: 1.2;}
table.inputTbl + table.inputTbl{
	border-top: 0;
}

table.border > * > tr > * {border-left: 1px solid #c3c6ce;}
table.border > * > tr > *:first-child {border-left: 0 none !important;}


table.list > * > tr > * {padding: 5px;font-size: .8em;line-height: 1.2;height: 30px;border-left: 1px solid #ccc;}
table.list > * > tr > *:first-child {border-left: 0 none;}

table.list span.btn {display: block;text-align: center;}
table.list a {text-decoration: none;}

table.al > * > tr > td {text-align: left;}

table .util,
table .sort {text-align: center !important;}
table .util > a,
table .sort > a {margin-left: 3px;}
table .util > a:first-child,
table .sort > a:first-child {margin-left: 0;}

/* 수련병원 */
.infoBox.new-info-box{
	padding: 55px 20px;
	border: 0;
}
.new-info-box .pointTit{
	font-size: 23px;
	font-weight: 500;
	text-align: center;
}
div.formArea .agree-con{
	padding: 30px 0;
	text-align: center;
}
div.formArea .agree-con input[type="checkbox"]{
	display: inline-block;
	float: none;
	margin-top: 5px;
	vertical-align: top;
}
div.formArea .agree-con label{
	display: inline-block;
	float: none;
	font-size: 16px;
	letter-spacing: -0.05em;
	line-height: 1.8;
	vertical-align: middle;
}

.box-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.box-list:after{
	display: block;
	content: '';
	clear: both;
}
.box-list li{
	float: left;
}
.box-list.n4 li{
	width: calc((100% - 41px)/4);
	margin-left: 10px;
	border: 1px solid #dae3ee;
	border-radius: 10px;
	box-sizing: border-box;
}
.box-list.n4 li:first-child{
	margin-left: 0;
}
.training-list{
	margin-top: 100px;
}
.training-list li{
	background-repeat: no-repeat;
	background-position: right 45px bottom 45px;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.training-list li:nth-child(1){
	background-image: url('/image/sub/bg_training04.png');
}
.training-list li:nth-child(1):hover{
	background-color: #effafc;
	border-color: #288a9a;
}
.training-list li:nth-child(2){
	background-image: url('/image/sub/bg_training01.png');
}
.training-list li:nth-child(2):hover{
	background-color: #f4f4ff;
	border-color: #282b9a;
}
.training-list li:nth-child(3){
	background-image: url('/image/sub/bg_training02.png');
}
.training-list li:nth-child(3):hover{
	background-color: #fbf1ff;
	border-color: #a84ec6;
}

.training-list li:nth-child(4){
	background-image: url('/image/sub/bg_training03.png');
}
.training-list li:nth-child(4):hover{
	background-color: #F5DDFF;
	border-color: #a84ec6;
}

.training-list li > a{
	display: block;
	padding: 60px 30px 50px;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.05em;
}
.training-list .tit{
	display: block;
	margin-bottom: 20px;
	font-size: 36px;
	font-weight: 500;
}
.training-list .state{
	display: block;
	position: relative;
	padding-left: 15px;
	margin-top: 50px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
.training-list .state:before{
	display: block;
	content: '';
	clear: both;
	position: absolute;
	top: 3px;
	left: 0;
	width: 3px;
	height: 40px;
}
.training-list li:nth-child(1) .state:before{
	background-color: #288a9a;
}
.training-list li:nth-child(2) .state:before{
	background-color: #282b9a;
}
.training-list li:nth-child(3) .state:before{
	background-color: #a84ec6;
}
.training-list li:nth-child(4) .state:before{
	background-color: #a84ec6;
}
.certificate-wrap{
	margin-top: 35px;
	border-top: 2px solid #7783a7;
	border-bottom: 1px solid #c3c6ce;
}
.certificate-wrap .tit{
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #c3c6ce;
	font-size: 18px;
	font-weight: 500;
	color: #2d417f;
	letter-spacing: -0.05em;
	line-height: 1.2;
	text-align: center;
}
.certificate-conbox{
	padding: 35px 35px 65px;
	color: #272727;
}
.certificate-conbox .list-type li + li{
	margin-top: 25px;
}
.list-type{
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-type li{
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.05em;
}
.list-type-dot li:before{
	display: block;
	content: '';
	clear: both;
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #7c9dff;
	border-radius: 50%;
}
div.formArea .certificate-conbox .agree-con{
	padding: 40px 0;
}
.certificate-sign{
	text-align: right;
}
.certificate-sign input[type="text"]{
	width: 210px;
	font-size: 16px;
}
.certificate-wrap .btn .btnArr{
	min-width: 190px !important;
}
.line-box{
	margin: 25px 0;
	padding: 20px;
	border: 1px solid #a4afd7;
	border-radius: 10px 10px 30px 10px;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 1.3;
	color: #3e5193;
	text-align: center;
}
.line-box2{
	margin: 25px 0;
	padding: 20px;
	border: 1px solid #343D69;
	border-radius: 10px 10px 10px 10px;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 1.3;
	color: #ffffff;
	text-align: left;
	background:#636FB1;
}

.line-box3{
	margin: 25px 0;
	padding: 20px;
	border: 1px solid #AE0000;
	border-radius: 10px 10px 10px 10px;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 1.3;
	color: #ffffff;
	text-align: left;
	background:#FF6A6A;
}
.top-btn-wrap a{
	height: 33px;
	padding: 8px 20px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
}
.cate-wrap{
	margin-bottom: 80px;
	text-align: center;
}
.cate-wrap.type2 > a,
.cate-wrap.type2 .checkbox-group{
	height: 145px;
}
.cate-wrap:after{
	display: block;
	content: '';
	clear: both;
}
.cate-wrap > a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	float: left;
	width: calc((100% - 97px)/10);
	height: 70px;
	margin-left: 12px;
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	font-size: 17px;
	line-height: 1.2;
	color: #111111;
	text-align: center;
	box-sizing: border-box;
}
.cate-wrap > a:first-child{
	margin-left: 0;
}
.cate-wrap > a strong,
.cate-wrap .checkbox-group input + label strong{
	display: block;
	margin-bottom: 3px;
	font-weight: 600;
}
.cate-wrap > a.on{
	background-color: #3e5193;
	border-color: #3e5193;
	color: #fff;
}
.cate-wrap .checkbox-group{
	float: left;
	width: calc((100% - 97px)/9);
	height: 90px;
	margin-left: 12px;
}
.cate-wrap .checkbox-group:first-child{
	margin-left: 0;
}
.cate-wrap .checkbox-group input{
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	clip: rect(0,0,0,0);
	border: 0;
}
.cate-wrap .checkbox-group input + label{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 17px;
	line-height: 1.2;
	color: #111111;
	text-align: center;
	cursor: pointer;
}
.cate-wrap .checkbox-group input:checked + label{
	background-color: #3e5193;
	border-color: #3e5193;
	color: #fff;
}

/* popup */
.popupWrap.pop-hospital{
	min-width: 1000px;
}
.popupWrap.pop-hospital .scrollArea{
	height: 250px;
	padding-right: 10px;
}
.popupWrap.pop-hospital .scrollArea::-webkit-scrollbar{
	overflow: hidden;
	width: 7px;
}
.popupWrap.pop-hospital .scrollArea::-webkit-scrollbar-track{
	background-color: #dddddd;
}
.popupWrap.pop-hospital .scrollArea::-webkit-scrollbar-thumb{
	background-color: #3e5193;
	background-clip: padding-box;
}
.pop-tab-wrap{
	margin-bottom: 30px;
}
.pop-tab-menu{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 64px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pop-tab-menu *{
	box-sizing: border-box;
}
.pop-tab-menu:before{
	display: block;
	content: '';
	clear: both;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 2px;
	background-color: #2e55a2;
}
.pop-tab-menu:after{
	display: block;
	content: '';
	clear: both;
}
.pop-tab-menu li{
	position: relative;
	z-index: 1;
	float: left;
	width: 250px;
	height: 100%;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-bottom: 2px solid #2e55a2;
}
.pop-tab-menu li.on{
	border: 2px solid #2e55a2;
	border-bottom: 2px solid #fff;
}
.pop-tab-menu li > a{
	display: block;
	padding: 19px 20px;
	height: 100%;
	font-size: 20px;
	font-weight: 500;
	color: #959595;
	letter-spacing: -0.075em;
	line-height: 1.2;
	text-align: center;
	box-sizing: border-box;
}
.pop-tab-menu li.on > a{
	color: #2e55a2;
}
.popupWrap .cate-wrap{
	margin-bottom: 25px;
}
.popupWrap .cate-wrap > a,
.popupWrap .cate-wrap .checkbox-group input + label{
	height: 70px;
	font-size: 12px;
}
.pop-search-wrap{
	text-align: center;
}
.pop-search-wrap *{
	display: inline-block;
}
.pop-search-wrap{
	margin: 40px ;
}
.pop-search-wrap select{
	width: 80px;
	height: 30px;
}
.pop-search-wrap input[type="text"]{
	width: 175px;
	height: 30px;
	margin: 0 4px;
}
.pop-search-wrap .btn{
	padding: 0 20px;
	height: 30px;
	border-radius: 2px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	line-height: 1;
}
.pop-search-wrap .btn.btn-search{
	background-color: #169d95;
	color: #fff;
	line-height: 1;
}
.pop-search-wrap .btn.btn-reset{
	margin-left: 4px;
	background-color: #fff;
	border: 1px solid #169d95;
	color: #169d95;
}

div.formArea .btnArea input[type="button"],
div.formArea .btnArea input[type="submit"]{
	min-width: 160px;
}

.popupWrap.pop-hospital .btnArea{
	margin-top: 40px;
}
.popupWrap.pop-hospital .sub-tit-wrap{
	margin-bottom: 10px;
}
.popupWrap.pop-hospital .subTit_bl{
	background-position: left 11px;
}
.popupWrap.pop-hospital table th,
.popupWrap.pop-hospital table td{
	word-break: keep-all;
}

.pop-btn-wrap{
	float: right;
	margin-top: -5px !important;
}
.pop-btn-wrap a{
	display: inline-block;
	min-width: 130px;
	padding: 12px 0 15px;
	border: 1px solid #8657bb;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 500;
	color: #8657bb;
	letter-spacing: -0.05em;
	line-height: 1;
	text-align: center;
}
.pop-btn-wrap a + a{
	margin-left: 3px;
}
.pop-btn-wrap a.on{
	background-color: #8657bb;
	color: #fff;
}

/* 연수교육 신청 */
.btn.col2ea {display: grid;grid-template-columns: repeat(2, 1fr);gap:20px 25px;}
.btn.col2ea + .formArea {margin-top: 40px;}

.infoBox {margin-bottom: 20px;padding: 40px;background-color: #f2f4fb;border-radius: 10px 10px 50px 10px}
.infoBox p.fwBold {font-size: 20px;line-height: 30px;}
.infoBox + .btn{display: block;}
div.btnArea{display: block;}
table.tblDef.list .btn a{
	height: auto;
	padding: 5px 10px;
	line-height: 1.2;
}
table.tblDef.list td.btn{
	display: table-cell;
}

/* 팝업 > 수정 */
#popupModify {width: 1000px;}

/* 팝업 > 등록 */
#popupUpload {}
#popupUpload .popupTitArea {overflow: hidden;background-color: #0d72bc;}
#popupUpload .popupTitArea > * {width: 50%;box-sizing: border-box;}
#popupUpload .popupTitArea h1 {float: left;background-color: transparent;}
#popupUpload .popupTitArea .note {float: right;padding: 20px 0;color: #fff;font-family: 'NotoSansKR Light', sans-serif;font-size: 15px;line-height: 25px;}
#popupUpload .inputTbl a {text-decoration: none;}


.noteBox {padding: 35px 30px;background-color: #faf3ed !important;color: #000;font-weight: 600;}
.infoBox {padding: 5px 15px;background-color: #ecf1f9 !important;color: #000;border:1px solid #677DA9;}
.infoBox br{line-height:70%;}/*김영환 추가*/


.wtHolder {
	overflow: auto;
}
.wtHolder::-webkit-scrollbar {
	width: 7px;
}
.wtHolder::-webkit-scrollbar-thumb {
	background-color: #043669;
	border-radius: 10px;
}
.wtHolder::-webkit-scrollbar-track {
	background-color: #C0C0C0;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}
.fcRed_bg {color: #ffffff !important;background: #EA8080 !important;}
.fcBlue_bg {color: #ffffff !important;background: #3F9BF8 !important;}
.fcGray_bg {color: #000000 !important;background: #F2F2F2 !important;}
.fcDark_bg {color: #ffffff !important;background: #A1A1A1 !important;}

.admin_Tab a{text-decoration: none;}
.admin_Tab .on{text-decoration: underline;color:yellow !important;text-decoration-color:yellow;text-decoration-thickness: 3px;}

/* 회원가입::회원가입 안내 */
.sub-conbox{
	font-size: 17px;
	line-height: 1.7;
	letter-spacing: -0.05em;
}
.bg-conbox{
	padding: 50px;
	background-color: #f2f4fb;
	border-radius: 10px 10px 50px 10px;
	box-sizing: border-box;
}
.join-intro .bg-conbox{
	background-repeat: no-repeat;
	background-position: right 50px bottom 50px;
	background-image: url('../image/sub/bg_join_intro.png');
}
.join-info{
	padding: 0;
	margin: 0;
	margin-top: 55px;
}
.join-info li{
	display: inline-block;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 center;
	font-weight: 500;
	color: #1b4a99;
	line-height: 1.7;
	letter-spacing: -0.05em;
}
.join-info li + li{
	margin-left: 40px;
}
.join-info .tel{
	background-image: url('../image/sub/ic_tel.png');
}
.join-info .mail{
	background-image: url('../image/sub/ic_mail.png');
}
.join-intro p{
	margin: 0;
}

.join-intro .btn{
	display: block;
	margin-top: 40px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.05em;
	text-align: center;
}
.join-intro .btnDef{
	min-width: initial;
	height: auto;
	padding: 25px 65px 25px 80px;
	line-height: 1.4;
}
.join-intro .btnDef img{
	margin-top: -3px;
	margin-left: 25px;
	vertical-align: middle;
}

/* 회원가입::로그인 */
.loginArea .btn{
	display: block;
}

/* 회원가입::아이디/ 비밀번호 찾기 */
.findArea label + input[type="radio"]{
	margin-left: 10px;
}
.findArea input[type="radio"]{
	margin-top: -13px;
	vertical-align: middle;
}
.findArea select{
	border-radius: 0 !important;
}
.findArea .btn{
	display: block;
}
.findArea .select2-container .select2-selection--single{
	width: 100%;
	height: 55px;
	border: 1px solid #ccc;
	border-radius: 0;
	line-height: 55px;
	box-sizing: border-box;
}
.findArea .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 55px;
	padding-top: 0;
}
.findArea .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* popup */
div.popupWrap{
	height: auto;
}
.popupWrap .inputTbl td{
	padding: 10px;
	box-sizing: border-box;
}
div.popupWrap .btnArea{
	padding: 10px 0;
}
div.bbsUtil:has(.modify) .list,
div.bbsUtil:has(input[type="submit"]) .list{
	float: left;
}
#popupJury{
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: auto !important;
}

/* login */
.login {
	min-width: 1420px;

}
.loginWrap {
	position: relative;
	padding-top: 100px;
	background: no-repeat url('../image/sub/login_bg.png')left top / cover;
	box-sizing: border-box;
}
.login h1 {
	margin: 0;
	text-align: center;
}

.login .headUtil {
	position: absolute;
	top: 30px;
	right: 130px;
}

.login .headUtil a {
	display: block;
	padding: 15px 15px 16px 45px;
	border-radius: 10px;
	color: #fff;
	background: #161616 no-repeat url('../image/sub/login_ico1.png') 13px center;
}

.loginList {
	padding: 90px 0 0;
	text-align: center;
	font-size: 0;
	margin: 0;
	list-style: none;
}

.loginList li {
	display: inline-block;
	vertical-align: top;
	margin-left: 45px;
}

.loginList li:first-child {
	margin-left: 0;
}

.loginList a {
	display: block;
	width: 311px;
	padding: 220px 0 89px;
	border-radius: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: left top;
}

.loginList a span {
	font-size: 28px;
	line-height: 37px;
	color: #fff;
	font-family: 'Pretendard-Medium', sans-serif;
}

.loginList a:hover span {
	font-size: 32px;
	font-family: 'Pretendard-Bold', sans-serif;
}

.loginList li:nth-child(1) a {
	background-image: url('../image/sub/login_list01.png');
}

.loginList li:nth-child(1) a:hover {
	background-image: url('../image/sub/login_list01_on.png');
}

.loginList li:nth-child(1) a:hover span {
	color: #1e9cdc;
}

.loginList li:nth-child(2) a {
	background-image: url('../image/sub/login_list02.png');
}

.loginList li:nth-child(2) a:hover {
	background-image: url('../image/sub/login_list02_on.png');
}

.loginList li:nth-child(2) a:hover span {
	color: #283782;
}


.research_div{
	border-radius:10px 10px 10px 10px !important;border:1px solid #535353;padding:3px;width:95%;min-height:280px;
}
.research_div dt{
	font-weight:bold;font-size:20px;padding-bottom:10px !important;
}
.ml_22{margin-left:22px !important;}





.split-container {
	display: flex;
	width: 100%;
	min-height: 720px;
	height: 720px;
	position: relative;
	user-select: none;
}
.split-left {
	width: 65%; /* 초기 비율 */
	height: 100%;
	overflow-y: auto;
	padding-right: 15px;
	box-sizing: border-box;
}
.split-right {
	flex: 1;
	height: 100%;
	overflow-y: auto;
	padding-left: 15px;
	box-sizing: border-box;
}
.split-drag-bar {
	width: 6px;
	background: #e2e8f0;
	cursor: col-resize;
	transition: background 0.2s;
	position: relative;
	border-radius: 3px;
}
.split-drag-bar:hover, .split-drag-bar.active {
	background: #3b82f6;
}

/* ── 2. 등급 선택 버블 스타일 ── */
.grade-group {
	display: flex;
	justify-content: center;
	gap: 6px;
}
.grade-label {
	display: block;
	flex: 1;
}
/* 스타일이 먹히도록 라디오 버튼을 숨기되 구조는 유지 */
.grade-label input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.grade-btn {
	display: block;
	text-align: center;
	padding: 10px 0;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	color: #64748b;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 13px;
}
.grade-label input[type="radio"]:not(:disabled) + .grade-btn:hover {
	background: #f1f5f9;
	border-color: #94a3b8;
	color: #334155;
}

/* 클릭(체크) 시 색상 활성화 */
.grade-label input[type="radio"]:checked + .grade-btn.btn-A { background: #ef4444; border-color: #ef4444; color: #fff; box-shadow: 0 2px 4px rgba(239,68,68,0.3); }
.grade-label input[type="radio"]:checked + .grade-btn.btn-B { background: #f59e0b; border-color: #f59e0b; color: #fff; box-shadow: 0 2px 4px rgba(245,158,11,0.3); }
.grade-label input[type="radio"]:checked + .grade-btn.btn-C { background: #10b981; border-color: #10b981; color: #fff; box-shadow: 0 2px 4px rgba(16,185,129,0.3); }
.grade-label input[type="radio"]:checked + .grade-btn.btn-D { background: #6b7280; border-color: #6b7280; color: #fff; box-shadow: 0 2px 4px rgba(107,114,128,0.3); }

/* 미신청 분과 비활성화 스타일 */
.grade-label input[type="radio"]:disabled + .grade-btn {
	background: #f1f5f9;
	border-color: #e2e8f0;
	color: #cbd5e1;
	cursor: not-allowed;
}
.split-left .formArea {
	transform: scale(0.8);      /* 💡 0.8 = 80% 크기로 축소 (0.75, 0.85 등 조절 가능) */
	transform-origin: top left;  /* 축소 기준점을 좌측 상단으로 고정 */
	width: 125%;                 /* ⚠️ 중요: 80%로 축소된 만큼 가로 폭을 늘려주어야 여백이 안 생깁니다 (100 / 0.8) */
}



.admin-list-wrapper {
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
}

/* 공통 로우 베이스 (와꾸 고정의 핵심) */
.row-base {
	display: flex;
	align-items: center;
	padding: 16px 4px;
	box-sizing: border-box;
}

/* 상단 타이틀 헤더 */
.admin-top-header {
	background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
	color: #ffffff;
	border-radius: 8px 8px 0 0;
	font-size: 13px;
	font-weight: 700;
	border: 1px solid #0f172a;
}

/* 본문 데이터 로우 */
.admin-list-row {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-top: none; 
	transition: background-color 0.15s ease;
}
.admin-list-row:last-child {
	border-radius: 0 0 8px 8px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.admin-list-row:hover {
	background-color: #f8fafc;
}

/* 💡 심사 완료된 로우 스타일 (연한 회색 배경으로 구별) */
.admin-list-row.is-completed {
	background-color: #f8fafc;
}
.admin-list-row.is-completed:hover {
	background-color: #f1f5f9;
}

/* 📐 상단 마스터 변수를 주입받아 칼정렬되는 개별 칸들 */
.cell-no { 
	width: var(--no-width); 
	text-align: center; 
	flex-shrink: 0;
}
.cell-name { 
	width: var(--name-width); 
	text-align: left; 
	font-size: 15px; 
	font-weight: 700; 
	color: #1e293b; 
	padding-left: 10px;
	box-sizing: border-box;
	flex-shrink: 0;
}
.cell-departs { 
	flex-grow: 1; /* 남은 빈 공간을 유연하게 자동 채움 */
	display: flex; 
	gap: 6px; 
	padding: 0 15px;
	box-sizing: border-box;
}
.cell-action { 
	width: var(--action-width); 
	text-align: center; 
	flex-shrink: 0;
}
.cell-date {
	width: var(--date-width);
	text-align: center;
	flex-shrink: 0;
}

/* 헤더 전용 텍스트 명도 조절 */
.header-text { color: #94a3b8; }
.admin-top-header .cell-name { color: #ffffff; }

/* 분과 개별 블록 (역시 상단 마스터 변수로 제어) */
.dept-status-block {
	width: var(--dept-box-width); 
	text-align: center;
	padding: 7px 0;
	font-size: 11.5px;
	font-weight: 500;
	color: #94a3b8;
	background-color: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	box-sizing: border-box;
}

/* 활성화 상태 (다크네이비 그라데이션) */
.dept-status-block.is-active {
	color: #ffffff;
	font-weight: 600;
	background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
	border-color: #1e3a8a;
	box-shadow: 0 2px 4px rgba(15, 23, 42, 0.1);
}

/* 기본 심사 버튼 (미완료 상태 - 파란색) */
.btn-navy-submit {
	width: 100%;
	background: #2563eb;
	color: #ffffff !important;
	border: 1px solid #1d4ed8;
	padding: 6px 0;
	font-size: 12px;
	font-weight: 700;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.15s ease;
}
.btn-navy-submit:hover {
	background: #1d4ed8;
	border-color: #1e40af;
}

/* 💡 심사 완료 버튼 스타일 (차분한 회색) */
.btn-navy-submit.is-done {
	background: #64748b;
	border-color: #475569;
}
.btn-navy-submit.is-done:hover {
	background: #475569;
	border-color: #334155;
}