@charset "utf-8";
/* CSS Document */

.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}

/* 로그인 */
.Login_st {position:relative; overflow:hidden; text-align:center}
.Login_st h3.login_tit {font-size:28px; color:#000; letter-spacing:-1px; }
.Login_st p {display:block; font-size:16px; color:#555; margin:5px 0 0;}
.Login_st .loginConL {width:350px; height:130px; margin:30px auto 0; padding:50px 100px}
.Login_st .loginConL .loginFrm {position:relative; padding:0 125px 0 0}
.Login_st .loginConL .loginFrm input {float:left; border:1px solid #d7d7d7; background-color:#fff !important; color:#8e8e8e; width:99%; height:35px; margin:0 0 6px; padding-left:40px; font-size:13px; color:#666; vertical-align:middle}
.Login_st .loginConL .loginFrm .login_id {background:url('/images/org/com/ico_login_id.gif') no-repeat 15px 50%; }
.Login_st .loginConL .loginFrm .login_pw {background:url('/images/org/com/ico_login_pw.gif') no-repeat 15px 50%; }
.Login_st .loginConL .loginFrm a#loginBtn {position:absolute; right:0; top:0; width:79px; height:45px; background:#213048; color:#fff; padding-top:35px}
.Login_st .loginConL .addlink {clear:both; overflow:hidden; text-align:left;}
.Login_st .loginConL .addlink input {vertical-align:middle;}
.Login_st .loginConL .addlink label {vertical-align:middle; color:#666; margin-left:5px; font-size:12px;}
.Login_st .loginConL .btns {display:block; background:#d71b34; height:auto; text-align:center; margin:10px auto}
.Login_st .loginConL .btns a { display:block}
.Login_st .loginConL .btns span {display:inline-block; font-size:16px; line-height:18px; color:#fff; letter-spacing:-1px; padding:12px 0; margin-right:7px}
.Login_st .loginConL .btns img {vertical-align:middle;}
.Login_st .loginConL .idpw_search { position:relative; width:100%; margin:10px 0 0}
.Login_st .loginConL .idpw_search li {clear:both; background:url('/images/org/com/images/ico_search_arrow.png') no-repeat left 6px; padding-left:18px; margin-bottom:3px; color:#666; overflow:hidden; font-size:12px;}
.Login_st .loginConL .idpw_search li .txt {display:inline-block; padding:4px 0 ; float:left;}
.Login_st .loginConL .idpw_search li a { float:right; display:inline; color:#fff; background:#56554f; border:1px solid #3f3f3a; border-radius:2px; padding:2px 10px}
.Login_st .loginConL .idpw_search li img {vertical-align:middle;}
.Login_st .loginCertiL {margin:30px auto 0; padding:50px 100px}
.Login_st .loginCertiL .loginCerti {position:relative; padding:0 10px 0 0}
.Login_st .loginCertiL .loginCerti img {display:inline-block;}
.Login_st .loginCertiL .loginCerti .icon_login {margin:15px 0 20px 0;}

.infoCerti {position:relative; overflow:hidden; margin:0 100px;}

/* 통합로그인 181001 */
.subLogin .log_hdr { text-align:center; padding:10px 0 25px}
.subLogin .log_hdr p {line-height:150%}
.subLogin .log_hdr .txt1 { font-size:24px; font-weight:bold; color:#005fca; letter-spacing:-1px; margin-bottom:6px}
.subLogin .log_hdr .txt2 { font-size:15px; color:#777;}
.subLogin .log_ctn { border:1px solid #adb1c0; overflow:hidden; margin-bottom:30px}
.subLogin .log_ctn ul { padding:30px 0 40px; overflow:hidden}
.subLogin .log_ctn ul li{ float:left; position:relative; width:33.3%; text-align:center}
.subLogin .log_ctn ul li:first-child{ width:33.4%}
.subLogin .log_ctn ul li .inner{ display:block; border-left:1px solid #dee0e6; padding:0 30px}
.subLogin .log_ctn ul li:first-child .inner{ border-left:0}
.subLogin .log_ctn ul li .inner img{ margin-bottom:27px;}
.subLogin .log_ctn ul li dt{ font-size:19px; color:#000; font-weight:bold; margin-bottom:17px}
.subLogin .log_ctn ul li dd{ font-size:13.5px; line-height:150%; min-height:90px; color:#464646; word-break:keep-all}
.subLogin .log_ctn ul li .btn{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#2b4380;}
.subLogin .log_ctn ul li .btn:hover{background-color:#556eac;}
.subLogin .log_ctn ul li .btn span { color:#fff; font-size:15px}
.subLogin .log_ftr { border:1px solid #dcdcdf; background-color:#eff0f3; padding:20px 25px; overflow:hidden}
.subLogin .log_ftr dl + dl { margin-top:16px;}
.subLogin .log_ftr dt { font-size:14px; font-weight:bold; color:#252525; margin-bottom:5px}
.subLogin .log_ftr dd{ font-size:13px; color:#898989; line-height:150%; padding-left:12px; position:relative}
.subLogin .log_ftr dd:before { content:""; display:block; width:6px; height:1px; position:absolute; left:0; top:10px; background-color:#999;}

.box_st2 {width: 50% !important; height: auto; margin: 0px auto 0; padding: 50px 50px;}

/* table */
.pw_tb {width:100%; font-family:"Nanum";font-size:13px;letter-spacing:-1px; border-right: 1px solid #198ab4; border-bottom: 2px solid #405467;}
.pw_tb th { background:#405467; color:#ecf0f1; font-size:14px; font-family:"NanumBold"}
.pw_th { background:#198ab4  !important; color:#ecf0f1; font-size:14px; font-family:"NanumBold";}
.pw_tb th, .pw_tb td { padding:10px 15px; text-align:left}
.pw_tb td { padding:10px 15px; font-family:"Nanum" color:#222; font-size:13px; }
.pw_tb tr.selected { background:#dcf4ef;}
.selectedRow { background:#dcf4ef;}
.pw_tb tr.selected td {border-top:1px solid #c8ede6; border-bottom: 1px solid #93dccd;}

/* 필수 항목 */
.ess_itm {color:#f25953; padding-right:5px; padding-left:5px}

/* 버튼 */
.btn_M {zoom:1; margin:0 3px 3px 7px; font-family:"NanumBold"; font-size:13px; color:#fff !important; line-height:20px; text-align:center; border-radius:3px; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:3px 15px}
.btn_green { background-color:#26B99A; border-color:#4cae4c}
.btn_dark  { background-color:#4b5e70; border-color:#364c60; color:#e9edef !important}
.btn:hover, .btn_S:hover, .btn_M:hover {opacity:0.9}


/* 관리자 로그인 190621 */
.admin_Login_st {position:relative;overflow:hidden;text-align:center;margin-top: 30px; font-family: Nanum;}
.admin_Login_st h3.login_tit {color:#000; font-size:28px; letter-spacing:-1px;}
.admin_Login_st h3.login_tit span{color:#2e75b6;}
.admin_Login_st p.login_guide {margin:10px 0 0; color:#000; font-size:17px;}

.admin_Login_st .loginConL {position:relative;width:550px;margin: 0 auto;padding:22px 0 20px;border-top: 2px dotted #d4d4d4;/* border-top: 2px solid #6d6c6c; */}
.admin_Login_st .loginConL p{position:absolute;top:0;left:0;width:127px;font-size:15px;line-height:19px;word-break:keep-all;background:#1aa4c9;padding: 25px 6px 25px 2px;color: #fff; border-radius: 1rem;box-sizing: border-box;margin-top:22px;}
.admin_Login_st .loginConL form{padding:0 0 0 110px;}

.admin_Login_st .loginConL .loginFrm {position:relative; padding:0 61px 0 0}
.admin_Login_st .loginConL .loginFrm input {float:left;border:1px solid #d7d7d7;background-color:#fff !important;color:#8e8e8e;width: 75%;height:38px;border-radius: 1.5rem;margin: 0 0 6px 27px;padding:0 20px 0 40px;font-size:13px;color:#666;vertical-align:middle;box-sizing: border-box;}
.admin_Login_st .loginConL .loginFrm .login_id {background:url('/images/org/co/lo/ico_login_id.gif') no-repeat 15px 50%; }
.admin_Login_st .loginConL .loginFrm .login_pw {background:url('/images/org/co/lo/ico_login_pw.gif') no-repeat 15px 50%; }
.admin_Login_st .loginConL .loginFrm a#loginBtn {position:absolute;right:0;top:0;width:107px;height: 88px;background:#8e8e8e;color:#fff;line-height:83px;border-radius: 1rem;font-weight:bold;font-size:115%;box-sizing: border-box;}
.admin_Login_st .loginConL .loginFrm a#loginBtn:hover{color:#aab2bf; transition:all 0.1s;}

.admin_Login_st .homepage_admin{position:relative;width:550px;margin: 30px auto 0;padding:25px 0 35px;border-top: 2px solid #6d6c6c;}

.admin_Login_st .homepage_admin p{position:absolute;top:0;left:0;width:120px;font-size:15px; line-height:18px;word-break:keep-all;background: #2e3d4f;padding: 25px 6px 25px 2px;color: #fff; margin-top: 25px;border-radius: 1rem;box-sizing: border-box;}
.admin_Login_st .homepage_admin a{display:block;width:421px;height: 87px;margin:0 0 0 130px;background: #3166c8;color:#fff;font-size: 20px;text-align:center;line-height: 87px;font-weight: 600;border-radius: 1rem;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;box-shadow: 3px 3px 5px rgb(124 135 197 / 35%);}
.admin_Login_st .homepage_admin a:hover{/* color:#bdd3e7; *//* transition:all 0.1s; */background: #2059c3;}


/* 관리자 선택 페이지_20251201 */
.mnIntro .main_container {background: linear-gradient(to bottom, #fff, #e5f8fb); min-width: auto;}
.mnIntro .container .right_col {background: transparent;}
.mnIntro .admin_Login_st {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -53%); width: 100%; max-width: 890px; overflow: visible;}
.mnIntro .admin_Login_st h3.login_tit {font-size: 42px; color: #1E1E1E; font-weight: 700;}
.mnIntro .admin_Login_st h3.login_tit span {color: #1E1E1E;}
.mnIntro .admin_Login_st p.login_guide {font-size: 22px; color: #1E1E1E;}
.mnIntro .admin_list {display: flex; justify-content: space-between; width: 100%; margin-top: 65px;}
.mnIntro .admin_Login_st .homepage_admin {border: none; width: 47%; margin: 0; padding: 0;}
.mnIntro .admin_Login_st .homepage_admin a {display: flex; align-items: center; flex-direction: column; width: 100%; height: auto; margin: 0; padding: 37px 40px 57px; background: #eee; border: 3px solid transparent; border-radius: 35px; color: #121212; box-shadow: none;}
.mnIntro .admin_Login_st .homepage_admin a span {display: block; width: 100%;}
.mnIntro .admin_Login_st .homepage_admin a .img {position: relative; display: flex; align-items: center; justify-content: center; width: 240px; height: 240px; border-radius: 50%; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.mnIntro .admin_Login_st .homepage_admin a .img::before {content:'\e907'; font-family: 'xeicon'; position: absolute; right: 10px; bottom: -10px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; color: #fff; font-weight: 400; border-radius: 50%; background: #2D9D30; transform: rotate(-45deg); opacity: 0;}
.mnIntro .admin_Login_st .homepage_admin a .tit {line-height: 150%; margin: 36px 0 30px; font-size: 26px; font-weight: 600;}
.mnIntro .admin_Login_st .homepage_admin a .txt {line-height: 65px; background: #555959; color: #fff; border-radius: 33px; font-size: 22px; font-weight: 400;}
.mnIntro .admin_Login_st .homepage_admin a,
.mnIntro .admin_Login_st .homepage_admin a .img,
.mnIntro .admin_Login_st .homepage_admin a .img::before,
.mnIntro .admin_Login_st .homepage_admin a .tit {transition: all 0.2s;}
.mnIntro .admin_Login_st .homepage_admin a .txt {transition: all 0.1s;}
.mnIntro .admin_Login_st .homepage_admin a:hover,
.mnIntro .admin_Login_st .homepage_admin a:focus {background: #fff; border-color: #2D9D30; box-shadow: 0 0 40px rgba(49,83,134,0.4); text-decoration: none;}
.mnIntro .admin_Login_st .homepage_admin a:hover .img,
.mnIntro .admin_Login_st .homepage_admin a:focus .img {background: #EDEDED; box-shadow: none;}
.mnIntro .admin_Login_st .homepage_admin a:hover .img::before,
.mnIntro .admin_Login_st .homepage_admin a:focus .img {right: 0; bottom: 0; opacity: 1;}
.mnIntro .admin_Login_st .homepage_admin a:hover .txt,
.mnIntro .admin_Login_st .homepage_admin a:focus .txt {background: #2D9D30; font-weight: 600;}

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

	/* 통합로그인 181001 */
	.subLogin .log_ctn ul { padding:4% 0 5%;}
	.subLogin .log_ctn ul li .inner{padding:0 10%}
	.subLogin .log_ctn ul li dt{ font-size:17px;}
	.subLogin .log_ctn ul li dd{ font-size:13px;}
}

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

	/* 로그인 */
	.Login_st {width:100%;}
	.Login_st h3.login_tit {font-size:25px;}
	.Login_st .loginConL {width:100%; height:auto; padding:10%; box-sizing:border-box}
}

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

	/* 통합로그인 181001 */
	.subLogin .log_hdr {padding:0 0 15px}
	.subLogin .log_hdr p {line-height:140%}
	.subLogin .log_hdr .txt1 { font-size:22px;}
	.subLogin .log_hdr .txt2 { font-size:14px;}
	.subLogin .log_ctn ul { padding:0;}
	.subLogin .log_ctn ul li{ width:100%;}
	.subLogin .log_ctn ul li:first-child{ width:100%}
	.subLogin .log_ctn ul li .inner{border-left:0; border-top:1px solid #dee0e6; padding:5% 20% 6%}
	.subLogin .log_ctn ul li:first-child .inner{ border-top:0; padding:5% 20% 6%}
	.subLogin .log_ctn ul li dd{min-height:auto; margin-bottom:20px}
	.subLogin .log_ctn ul li .btn span {font-size:14px}

	/* 관리자 선택 페이지_20251201 */
	.mnIntro .admin_Login_st {position: relative; top: auto; left: auto; transform: none;}
	.mnIntro .admin_Login_st h3.login_tit {font-size: 30px;}
	.mnIntro .admin_Login_st p.login_guide {font-size: 20px;}
	.mnIntro .admin_list {flex-direction: column; margin-top: 30px; gap: 30px;}
	.mnIntro .admin_Login_st .homepage_admin {width: 100%;}
	.mnIntro .admin_Login_st .homepage_admin a {padding: 30px; border-radius: 25px;}
	.mnIntro .admin_Login_st .homepage_admin a .img {width: 180px; height: 180px;}
	.mnIntro .admin_Login_st .homepage_admin a .img::before {content:'\e907'; font-family: 'xeicon'; position: absolute; right: 10px; bottom: -10px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; color: #fff; font-weight: 400; border-radius: 50%; background: #2D9D30; transform: rotate(-45deg); opacity: 0;}
	.mnIntro .admin_Login_st .homepage_admin a .img img {max-width: 70%;}
	.mnIntro .admin_Login_st .homepage_admin a .tit {margin: 20px 0; font-size: 24px;}
	.mnIntro .admin_Login_st .homepage_admin a .txt {line-height: 50px; font-size: 20px;}
}

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

	/* 통합로그인 181001 */
	.subLogin .log_ctn ul li .inner{padding:8% 10% 9%}
	.subLogin .log_ctn ul li:first-child .inner{ padding:8% 10% 9%}	
	.box_st2 {width: 100% !important; padding: 50px 10px;}

	/* 관리자 로그인 190621 */
	.admin_Login_st .loginConL {width:100%;}
	.admin_Login_st .loginConL p{position:static; top:auto; left:auto; width:100%; padding:10px 0 10px; text-align:center; margin-bottom:2px;}
	.admin_Login_st .loginConL form{padding:0;}
	.admin_Login_st .loginConL .loginFrm {padding:0}
	.admin_Login_st .loginConL .loginFrm input {width:80%; box-sizing:border-box;}
	.admin_Login_st .loginConL .loginFrm a#loginBtn {width:19%; height:80px; line-height:75px; box-sizing:border-box;}

	.admin_Login_st .loginConL .loginFrm input {margin:0 0 4px 0px;}

	.admin_Login_st .homepage_admin{width:100%;}
	.admin_Login_st .homepage_admin p{position:static; top:auto; left:auto; width:100%; padding:10px 0 10px; text-align:center;}
	.admin_Login_st .homepage_admin a{display:block;width:100%;margin: 5px 0;}

}

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

	/* 로그인 */	
	.Login_st .loginConL .idpw_search li .txt { display:block; text-align:left; float:none}
	.Login_st .loginConL .idpw_search li a { float:none; display:block}

	/* 관리자 선택 페이지_20251201 */
	.mnIntro .admin_Login_st h3.login_tit {font-size: 24px;}
	.mnIntro .admin_Login_st p.login_guide {font-size: 18px;}
	.mnIntro .admin_list {gap: 20px;}
	.mnIntro .admin_Login_st .homepage_admin a {padding: 20px;}
	.mnIntro .admin_Login_st .homepage_admin a .img {width: 150px; height: 150px;}
	.mnIntro .admin_Login_st .homepage_admin a .img::before {width: 40px; height: 40px;}
	.mnIntro .admin_Login_st .homepage_admin a .tit {margin: 15px 0; font-size: 22x;}
	.mnIntro .admin_Login_st .homepage_admin a .txt {line-height: 45px; font-size: 18px;}
}