@charset "utf-8";
/*========================================================================================================================
	File Name		: /[Root]/subrsc/css/login.css
--------------------------------------------------------------------------------------------------------------------------
	Service Name	: 로그인
	Description		: 대표 관리자 및 교육훈련기관용 학점인정 신청 시스템
	Create Date		: 2012년 11월 02일
	Author			: 유재인
--------------------------------------------------------------------------------------------------------------------------
	History			: [2012.11.02] [유재인]	- 페이지 생성 및 로그인 페이지 스타일
=========================================================================================================================*/

@import url('reset.css');
@import url('common.css');

/* Layout */
#wrap	{ width:100%; height:100%; text-align:center; background:#fcf8f8; }
#bxLogin	{ position:relative; width:950px; height:513px; margin:0 auto; text-align:left; background:url(/subrsc/img/login/bg_0_1_01.jpg) no-repeat left top; }
#bxLogo	{ position:absolute; left:0px; top:32px; }
#bxVisual		{ position:absolute; left:365px; top:121px; width:441px; height:106px; overflow:hidden; }
#bxVisual img	{ display:block; }
#bxLoginForm			{ position:absolute; left:391px; top:301px; width:403px; height:53px; }
#bxLoginForm dl			{ display:inline-block; }
#bxLoginForm dd			{ height:24px; padding-bottom:5px; }
#bxLoginForm dd strong	{ display:inline-block; width:59px; padding-left:8px; color:#949494; background:url(/subrsc/img/common/dot_gray_3x3_01.gif) no-repeat 0px 4px; }
#bxLoginForm dd input	{ display:inline-block; width:140px; height:22px; padding:0px; border:1px solid #dbdbdb; }
#bxLoginBtn		{ position:absolute; left:213px; top:0px; width:190px; height:54px; }
#bxLoginBtn a	{ margin-left:3px; }
#bxFindBtn	{ position:absolute; left:458px; top:363px; width:198px; height:20px; }
#bxCopyright	{ position:absolute; left:364px; top:448px; color:#ababab; font-size:11px; line-height:1.3em; }
#bxCopyright .copyright	{ margin-top:5px; font-size:10px; }


/* 로그인 화면 */
#admin_index {margin:0 auto; width:950px; text-align:left; background:url('/subrsc/img/login/bg_login_visual.jpg') no-repeat center top;}
#admin_index h1 {padding-top:30px; font-size:0; line-height:0;}
#admin_index #bxCopyright	{ position:static; }

/* 비주얼 */
.visual {text-align:right; padding-bottom:77px;}
.visual p {padding-top:16px; padding-right:20px;}

/* 로그인 컨텐츠 */
.admin_login_box {background:url('/subrsc/img/login/bg_login_t_line.gif') no-repeat left top;}
.admin_login_box h2 {padding:16px 0 45px 15px; font-size:0; line-height:0;}
.admin_login_cnts {padding-bottom:41px; background:url('/subrsc/img/login/bg_login_f_line.gif') no-repeat left bottom;}

/* 푸터 */
#footer {padding-top:14px;}
#footer address {padding-bottom:7px;}

/* common*/
h3 {margin-bottom:11px; font-size:0; line-height:0; width:384px;}


a.btn_back {text-decoration:none; display:inline-block; vertical-align:middle;}


ul.li_line {width:100%; display:inline-block; color:#888; line-height:18px;}
ul.li_line li {padding-left:8px; background:url('/subrsc/img/login/bg_haipun.gif') no-repeat left 8px; color:#888;}

dl.label_01 {float:left; width:294px;}
dl.label_01 dt {background:url('/subrsc/img/login/bul_bg_gray01.gif') no-repeat left 11px; color: #666666; float: left; font-size: 13px; font-weight: bold; letter-spacing: -1px; margin-bottom: 5px; padding-left: 8px; padding-top: 6px; width: 96px;}
dl.label_01 dd {float: left; width: 180px;}
dl.label_01 dd .txt {background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #6B91CA; font-size: 12px; height: 20px; line-height: 20px; margin-right: 5px;}

dl.label_02 {float:left; width:294px;}
dl.label_02 dt {background:url('/subrsc/img/login/bul_bg_gray01.gif') no-repeat left 11px; color: #666666; float: left; font-size: 13px; font-weight: bold; letter-spacing: -1px; margin-bottom: 5px; padding-left: 8px; padding-top: 6px; width: 96px;}
dl.label_02 dd {float: left; margin-bottom: 5px; width: 180px;}
dl.label_02 dd input {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; float: left; font-size: 12px; height: 22px; line-height: 22px; margin-right: 5px;}

.mb17 {margin-bottom:17px;}

/* 교육훈련기관용 학점인정 신청 시스템 */
.admin_login_cnts .login_admin01 { overflow:hidden; background:url('/subrsc/img/login/bg_dot_line.gif') repeat-y 474px top;}
.admin_login_cnts .ex_code_sch { position:relative; float:left; width:380px; padding:25px 36px 20px 54px; padding-left:54px;}
.admin_login_cnts .ex_code_sch dl dt {float:left; padding:6px 10px 0 8px; color:#666; font-size:13px; font-weight:bold; letter-spacing:-1px; background:url('/subrsc/img/login/bul_bg_gray01.gif') no-repeat left 11px;}
.admin_login_cnts .ex_code_sch dl dd {float:left; width:250px;}
.admin_login_cnts .ex_code_sch dl dd input {vertical-align:middle;}
.admin_login_cnts .ex_code_sch dl dd .txt {height:20px; font-size:12px; border:2px solid #6b91ca; background:#fff; line-height:20px; margin-right:5px;}
.admin_login_cnts .ex_code_sch ul {width:100%; padding-top:37px; display:inline-block; color:#888; line-height:18px;}
.admin_login_cnts .ex_code_sch ul li {padding-left:8px; background:url('/subrsc/img/login/bg_haipun.gif') no-repeat left 8px;}
.admin_login_cnts .ex_code_sch ul li span {color:#197aba;}

.admin_login_cnts .login_box01 {float:left; width:400px; padding-top:17px; margin-left:36px;}
.admin_login_cnts .login_box01 dl {float:left; width:304px;}
.admin_login_cnts .login_box01 dl dt {float:left; width:106px; padding-top:6px; padding-left:8px; margin-bottom:5px; color:#666; font-size:13px; font-weight:bold; letter-spacing:-1px;
background:url('/subrsc/img/login/bul_bg_gray01.gif') no-repeat left 11px;}
.admin_login_cnts .login_box01 dl dd {float:left; width:185px; margin-bottom:5px;}
.admin_login_cnts .login_box01 dl dd .txt {float:left; height:20px; font-size:12px; border:1px solid #ccc; background:#fff; line-height:22px; margin-right:5px;}
.admin_login_cnts .login_box01 ul {width:100%; padding-top:25px; display:inline-block; color:#888; line-height:18px;}
.admin_login_cnts .login_box01 ul li {padding-left:8px; background:url('/subrsc/img/login/bg_haipun.gif') no-repeat left 8px; letter-spacing:-1px;}
*:first-child+html .admin_login_cnts .login_box01 ul {padding-top:33px;}

.admin_login_cnts .login_box01 .IU_bxSubBtn	{ padding-left:19px; padding-top:25px; text-align:center; }

.admin_login_cnts .btn {
    display: inline-block; /* block에서 inline-block으로 변경 */
    vertical-align: middle; /* 버튼끼리 높이가 다를 경우 정렬 유지 */
    width: 100%;
    height: 35px;
    text-align: center;
    font-family: 'NotoKrM';
    background: #047fc4;
    line-height: 35px;
    margin: 0 5px; /* 버튼 사이의 간격을 위해 추가 권장 */

    color: #fff;            /* 글자 색상을 흰색으로 */
    text-decoration: none;  /* 링크일 경우 밑줄 제거 */
    font-size: 16px;       /* 기본보다 조금 더 크게 설정 */
    font-weight: bold;
}


/* 학습자 온라인 학습 설계 */
.online_plan {float:left; width:380px; padding:0px 36px 30px 54px; padding-left:54px; background:url('/subrsc/img/login/bg_dot_line.gif') repeat-y right top;}
.online_plan2 {float:left; width:380px; padding:0px 36px 45px 54px; padding-left:54px; background:url('/subrsc/img/login/bg_dot_line.gif') repeat-y right top;}

/* 온라인 신청, 접수 */
.admin_login_cnts .online_request {float:left; width:399px; padding:0px 41px 55px 35px; background:url('/subrsc/img/login/bg_dot_line.gif') repeat-y right top;}
.admin_login_cnts .online_request h4 {padding-bottom:10px; padding-top:1px;}
.admin_login_cnts .online_request .table_style01 {border-top:solid 2px #3480ab; text-align:center;}
.admin_login_cnts .online_request .table_style01 th {background:#ebf0f2; color:#4b6f84; font-weight:bold; padding:9px 0 6px 0;}
.admin_login_cnts .online_request .table_style01 th.line {border-right:solid 1px #3480ab;}
.admin_login_cnts .online_request .table_style01 td {background:#fff; color:#888; font-weight:normal; padding:6px 0 4px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:130%;}
.admin_login_cnts .online_request .table_style01 td.left {text-align:left; padding-left:9px; border-right:solid 1px #ccc;}
.admin_login_cnts .online_request .txt_01 {display:block; padding-top:9px; color:#db5244;}

.admin_login_cnts .login_box02 {float:left; width:400px; padding-top:0px; margin-left:36px;}
.admin_login_cnts .login_box02 .sec_01 {position:relative; padding-bottom:32px;}
.admin_login_cnts .login_box02 .sec_01 div {position:absolute; top:16px; left:88px;}
.admin_login_cnts .login_box02 ul.li_line {margin-bottom:14px;}
.admin_login_cnts .login_box02 ul.li_line li {color:#888;}
.admin_login_cnts .login_box02 .sec_02 {overflow:hidden; padding-bottom:16px;}
.admin_login_cnts .login_box02 .sec_03 {overflow:hidden; padding-bottom:8px;}
.admin_login_cnts .login_box02 .btn {padding-left:37px;}
.admin_login_cnts .login_box02 .btn a {margin-right:10px; float:left;}

/* 평가인정 평가자용 시스템 */
.sistem_info {float:left; width:380px; padding:0px 41px 20px 54px; background:url('/subrsc/img/login/bg_dot_line.gif') repeat-y right top;}
.sistem_info .txt_sistem {line-height:160%; padding-bottom:80px; color:#888;}
dl.radio-box {width:100%; overflow:hidden; float:none; padding-bottom:6px; *padding-bottom:9px;}
dl.radio-box ul li {float:left; padding-right:5px; padding-top:7px; *padding-top:2px;}
dl.radio-box ul li input { vertical-align:middle; margin-right:3px; margin-top:-2px;}
dl.radio-box dd {width:250px;}
.btn2 {padding-left:55px;}
a.btn_cen {display:block; text-align:center;}

/* 기관임시코드조회 */
#bxLayCode						{ display:none; position:absolute; left:25px; top:0px; width:406px; height:194px; padding:20px 21px 0 21px; border-top:3px solid #4161a4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; background-color:#fff; }
#bxLayCode a.close				{ display:block; position:absolute; left:100%; top:-3px; margin-left:-20px; cursor:pointer; }
#bxLayCode .list				{ margin-top:20px; overflow-y:scroll; }
#bxLayCode .list table			{ color:#666; width:100%; }
#bxLayCode .list .l				{ text-align:left; }
#bxLayCode .list th				{ border-top:3px solid #4d6cb6; border-bottom:1px solid #4d6cb6; padding:9px 0 10px 0; background:#fff url(/subrsc/img/bbs/bg_th_line.gif) no-repeat right top; }
#bxLayCode .list th.e			{ background:none; }
#bxLayCode .list td				{ padding:10px 0 7px 0; border-bottom:1px solid #ccc; text-align:center; }
#bxLayCode .list td input.chk	{ width:13px; height:13px; }
#bxLayCode .list td.none		{ padding:20px 0; text-align:center; }
#bxLayCode .list tr				{ cursor:pointer; }
#bxLayCode .list tr:hover td	{ color:#fff; background-color:#4d6cb6; }

/*로그인02*/
#wrap02 {width:100%; height:100%;  background:url('/subrsc/img/login02/bg_line.gif') repeat-x; }
#wrap02 #login02 {width:1920px; height:463px; margin:0 auto; position:relative; background:url('/subrsc/img/login02/bg_main.gif') no-repeat;}
#wrap02 #login02 h1 {position:absolute;left:590px; top:120px;}
#wrap02 #login02 .login02_box {position:absolute;left:590px; top:170px;}
#wrap02 #login02 .login02_box h2 {position:absolute;left:30px; top:30px;}
#wrap02 #login02 .login02_box p {position:absolute;left:585px; top:30px;}
#wrap02 #login02 .login02_input {position:absolute;left:953px; top:320px;}
#wrap02 #login02 .login02_input dl {overflow:hidden; margin-bottom:10px;  }
#wrap02 #login02 .login02_input dl dt {float:left; padding-top:3px; }
#wrap02 #login02 .login02_input dl dd {float:left;}
#wrap02 #login02 .login02_input p.login_btn {position:absolute;left:270px; top:0;}
#wrap02 #login02 .login02_input p.btn_tub {}
#wrap02 #login02 .login02_input p.btn_tub a {padding-right:20px; }
#wrap02 #login02 .login02_footer {position:absolute;left:585px; top:480px; }


/* 2015.11.23 Add */
.realNameWrap {width:842px; margin:0 auto; padding:30px 0 30px 0;}
.realNameWrap h3 { margin-bottom:10px; }
.realNameWrap dl dt {float:left; padding:6px 10px 0 8px; color:#666; font-size:13px; font-weight:bold; letter-spacing:-1px; background:url('/subrsc/img/login/bul_bg_gray01.gif') no-repeat left 11px;}
.realNameWrap dl dd {float:left; margin-right:30px;}
.realNameWrap dl dd:last-child {margin-right:0;}
.realNameWrap dl dd input {vertical-align:middle;}
.realNameWrap dl dd .txt {height:20px; font-size:12px; border:2px solid #6b91ca; background:#fff; line-height:20px; margin-right:5px;}
.realNameWrap .notice {clear:both; margin:30px 0 0 0;}

/* 20180417 Add */
.agree_mask { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 0; position: absolute; left: 0; top: 0; }
.agree_wrap { width: 730px; margin: 0 auto; background: #fff; padding: 50px 50px 50px 50px; }
.agree_scroll { overflow-y: auto; height: 100%; }
.important_text { font-size: 14px; color: #000; font-weight: bold; text-decoration: underline; }
.agree_title { color: #000; font-weight: bold; text-align: center; margin-bottom: 20px; }

.agreeCh { overflow:hidden; text-align:right; margin:10px 0 30px 0; border-top: 1px solid #eee; padding-top: 10px;  }
.agreeCh label { font-weight:bold; }

.point02 { padding:0 0 0 15px; text-align:justify; line-height:19px; margin-top: 10px; }
.point02 span { margin:0 0 0 -15px; }

.tb_type01 { overflow:hidden;  border-top:1px solid #3480ab;  }
.tb_type01 table { width:100%; text-align:center; }
.tb_type01 table caption { display: none!important; }
.tb_type01 thead th { background:#ebf0f2; padding-top:6px; padding-bottom:5px;border-top:1px solid #3480ab; border-left:1px solid #3480ab; color:#4b6f84; font-weight: bold; }
.tb_type01 thead td { background:#ebf0f2; padding-top:6px; padding-bottom:5px; border-top:1px solid #3480ab; color:#4b6f84;}
.tb_type01 th,
.tb_type01 td {line-height:18px; color:#404040; }
.tb_type01 tbody th,
.tb_type01 tbody td { border-left:1px solid #e4e4e4; border-bottom:1px solid #d0d0d0; padding:6px 5px 5px 5px; height:auto; }
.tb_type01 tbody tr:first-child th,
.tb_type01 tbody tr:first-child td {border-top:1px solid #d0d0d0;}
.tb_type01 thead tr th:last-child,
.tb_type01 thead tr td:last-child,
.tb_type01 tbody tr th:last-child,
.tb_type01 tbody tr td:last-child { border-right:0; }
.tb_type01 table .first {border-left:0}
.agree_body { margin-bottom: 30px; }
.agree_layer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; }

.bottom .btnC{ text-align:center; }

h3.blt {
    margin-top: 20px;
    margin-bottom: 0!important;
    line-height: normal;
    padding-left: 15px;
    padding-bottom: 9px;
    color: #4d6cb6;
    font-size: 12px;
    font-weight: bold;
    width: auto;
    background: url(../../subrsc/img/common/dot_blt_01.gif) no-repeat left 2px;
}

/* 20180417 Add - end */
/* 2018.05.29 Add
   2018.06.15 폰트크기를 기본으로 변경 */
.agree_info { color:#404040; line-height:18px; margin:0 0 14px 0; text-align:justify; }


.sysLoginBox .btn {display:block;text-align:center;font-family: 'NotoKrM';background:#1EA590;line-height:54px;}
.sysLoginBox .btn {color:#fff;font-family: 'NotoKrM';font-weight: bold;font-size: 16px;}

/*2025.12.16 관리자 시스템 2차 메일인증 팝업*/
/* 공통 dim */
.popup_dim {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 900;
}

/* 팝업 박스 */
.email_popup {
	position: fixed;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 420px;
	background: #e6f0f3;
	border: 1px solid #7f9db9;
	z-index: 1000;
	font-size: 13px;
}

/* 헤더 */
.popup_header {
	background: #cfe3ea;
	padding: 8px 10px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 바디 */
.popup_body {
	padding: 15px;
}

/* 한 줄 row */
.popup_body .row {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	gap: 8px; /* input / 버튼 간격 */
}

/* 라벨 */
.popup_body label {
	width: 70px;
	flex-shrink: 0;
}

/* input 공통 */
.popup_body input[type="text"] {
	height: 30px;
	padding: 4px 6px;
	border: 1px solid #7f9db9;
	background: #fff;
	box-sizing: border-box;
	flex: 1;  /* ⭐ 균등 핵심 */
}

/* 버튼 공통 */
.popup_body button {
	height: 30px;
	padding: 0 10px;
	border: 1px solid #7f9db9;
	background: #f5f5f5;
	cursor: pointer;
	white-space: nowrap;
}

/* 인증번호 줄 - 입력칸 조금 짧게 */
.auth_row input {
	flex: 0 0 120px;
}

/* 인증확인 버튼은 나머지 채우기 */
.auth_row button {
	flex: 1;
}