@charset "utf-8";
/* CSS Document */
html * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;margin:0;padding:0;}
html, body, #wrap {font-size: 13px; width:100%; height:100%;}

html {overflow-y:auto;}*/
body, a, select, input, button, textarea { color:#656d78; }
legend {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption { height:0; font-size:0; line-height:0; overflow:hidden; }
fieldset { border:0; }
li { list-style:none; }
img { vertical-align:middle; border:0; }
a, a:visited {
	position:relative;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	outline: 0;
}
a:hover,a:focus {
	color:#000;
}

.phone {color:#253a50;font-size:0.9em;}
.email {color:#5d9cec;font-size:0.9em;}
.date {color:#37bc9b;font-size:0.9em;}
.num {color:#fd5451;font-size:0.9em;}
.name {color: #4a89dc;}

/* Layout CSS */
#wrap { width:100%;height:100%; background-color: #253a50;}
/*.header {width: 100%; height: 64px; top:0; left: 0; background-color: #2d3845; padding: 8px 0;}*//*  position: fixed;  */
/* .container {padding-top:60px; width:100%; height: 100%;} */
/*padding 제거(2019-02-21)*/
/*.container {width:100%; height: 100%;}*/
/*.left_nav {float: left; width: 250px; height: 100%; background-color: #2a2d33; color: #fff;}*/
/* .left_nav:after {content: ''; display: block; width: 0; height: 0; clear: both;} */
/*.contents {margin-left: 285px; padding: 0; height: 100%; overflow-y: auto;}*/

/* Header CSS */
/*.header .logo {float: left; padding-left: 15px; width: 270px; height: 60px; line-height: 60px; background-color: #495d73; cursor: pointer;}
.header .gnb {margin-left: 40px; display: inline-block;}
.header .gnb li {display: inline-block; margin-right: 15px; line-height: 60px;}
.header .gnb li a {display: inline-block; padding: 10px 20px; border-radius: 30px; line-height: 1em; color: #fff; font-size: 14px;}
.header .gnb li a:hover {background-color: #1c2c3d;}
.header .gnb li.active a {background-color: #4a89dc; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.header .util {float: right; height: 60px; display: table;}
.header .util li{display: table-cell; vertical-align: middle; padding-left:15px; padding-right: 10px;}
.header .util li:first-child {text-align: right; margin-right:10px;}
.header .util button {border: none; display: block; width: 30px; height:30px; border-radius: 50%; background-color: #495d73; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.header .util button:hover,.header .util button:focus {background-color: #f0f0f2;}
.header .util button.user {position: relative; float: left; margin-right: 10px; background-image: url(../images/common/ic_user.png);}
.header .util button.user .msg {position: absolute; top: -5px; right: -10px; padding :0 3px; min-width: 20px; height: 20px; border-radius: 10px; line-height: 20px; color: #fff; background-color: #fd5451; font-size: 0.8em; text-align:center;}
.header .util .name {display: inline-block; margin-top: 5px; color: #ccd1d9;}
.header .util button.help {background-image: url(../images/common/ic_help.png);}
.header .util button.logout {background-image: url(../images/common/ic_logout.png);}*/

/* Login CSS */
/*#wrap.login {background: #f0f0f2 url(/afis/images/login/login_bg.gif) repeat-x 0 470px;}
.login .login_box {width: 496px; margin: 0 auto; padding:100px 60px 29px 60px; text-align: center; background: url(/afis/images/login/bg_shadow.png) no-repeat center bottom;}
.login .login_box > img {display: inline-block; margin-bottom: 20px;}
.login_cnt {padding: 15px 30px; background-color: #fff; border:1px solid #ccd1d9; border-radius: 4px; overflow: hidden;}
.login_cnt h1 {margin-top: 5px; margin-bottom: 15px; font-size: 1.3em;  color: #4a89dc;}
.login_cnt .login_input {position: relative; margin-bottom: 8px;}
.login_cnt .login_input:before {content: ""; position: absolute; display: block; width: 36px; height:36px; top:50%; left: 5px; margin-top: -18px; background-repeat: no-repeat; background-position: left center;}
.login_cnt .login_input.id:before {background-image: url(/afis/images/login/ic_id.png);}
.login_cnt .login_input.password:before {background-image: url(/afis/images/login/ic_pw.png);}
.login_cnt .login_input input {width: 100%; padding: 10px 10px 10px 45px;}
.login_cnt .button,
.login_cnt .button a {height: 40px; line-height: 40px;}
.login_cnt > a:last-child {display: inline-block; margin: 20px auto 10px;}*/

/* Login New CSS - 20241111 */
.login { display: flex; justify-content: center; align-items: center;  background-color: #d6d1cb !important;}
.login_box {  display: flex; background-color: #fff; border-radius: 1rem; border: 1px solid rgba(0,0,0,.2); overflow: hidden;}
.login_box .slogan,
.login_box .login_cnt { padding: 4rem;}
.login_box .slogan { color: #22252b; background-color: #f4f1ec;}
.login_box .slogan h1 sub { display: block; line-height: 1.5; letter-spacing: 0; color: #a3a6ac; font-size: 1rem;}
.login_box .slogan p { font-size: 1.1rem; margin: 1rem 0; letter-spacing: -0.05em;}
.login_box .slogan p strong { font-size: 1.2rem;}
.login_box .login_cnt  h2 { position: relative; padding-bottom: .3rem; margin-bottom: 1rem; text-align: center; color: #000; font-size: 1.2rem; font-weight: bold;}
.login_box .login_cnt  h2::before {content: ""; position: absolute; display: block; width:2rem; height: .2rem; background-color: #d0c6b6; bottom: 0; left: 50%; transform: translateX(-50%);}
.login_box .login_cnt  .login_input  { position: relative; margin-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0,.2);}
.login_box .login_cnt .login_input:before {content: ""; position: absolute; display: block; width: 36px; height:36px; top:50%; left: 5px; transform: translateY(-50%); background-repeat: no-repeat; background-position: left center;}
.login_box .login_cnt .login_input.id:before {background-image: url(../images/login/ic_id.png);}
.login_box .login_cnt .login_input.password:before {background-image: url(../images/login/ic_pw.png);}
.login_box .login_cnt  .login_input  input { border: none; width: 100%; font-size: 1rem; padding: .5rem 0 .5rem 3rem;}
.login_box .login_cnt  #login { display: block; margin-bottom: 1rem;}
.login_box .login_cnt  #login a { width: 100%; background-color: #22252b; text-align: center; color: #fff; padding: .5rem; font-weight: bold; border-radius: 2rem;}
.login_box .login_cnt  .addAct { display: flex; align-items: center; justify-content: space-between;}
.login_box .login_cnt  #regist { border: 1px solid #d0c6b6; padding: .3rem .5rem; border-radius: 2rem;}
.login_box .login_cnt  #regist a { display: block; color: #22252b; }