@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {padding:0;margin:0;font-size:16px;color:#ced0d1;font-family:'Nanum Gothic', sans-serif;}
html {overflow-y:scroll}
ul, li {list-style:none;}
a, a:link, a:visited {/*color:#000;*/text-decoration:none;}
a:hover, a:focus, a:active {/*color:#000;*/text-decoration:none;}
img {vertical-align:middle;border:0;}
input {color:#777;text-align: center;cursor: pointer;border: 1px solid #a0aab1;outline:none}
.w_60 {width:60px;}
.w_70 {width:70px;}
.w_80 {width:80px;}
.w_90 {width:90px;}
.w_100 {width:100px;}
.w_120 {width:120px;}
.w_140 {width:140px;}
.w_160 {width:160px;}
.w_180 {width:180px;}
.w_200 {width:200px;}

/* 로그인페이지 */
#Login {background:#000;}
.login_bg {background:#29363f; height:627px;margin-top:150px;}
.login_logo {padding:240px 0;width:523px;}
.login_logo img {margin: 0 80px 0 112px;}
.login_bg .wrap {width:1100px;margin:0 auto;}
.login_logo, .login_area {float:left;}
.login_area {width:496px;height:302px;border-left:1px solid #a9afb2;margin:164px 0;padding-left:80px;font-weight:600;}
.login_area ul {width:363px;}
.area_txt {text-align:center;}

.user-input label {border-radius: 5px;height: 34px;border: 2px solid #bfc3c6;background: #29363f;padding: 17px 0;width:359px;display:block;margin-top: 20px;}
.user-input input {background: #29363f;border:none;width: 80%;text-align: center;color: #fff;}
.user-input label span {border-right: 1px solid #bfc3c6;line-height: 33px;}
.user-input .txt1 {padding: 25px 22px;}
.user-input .txt2 {padding: 25px 17px;}
#login_btn {border-radius: 5px;margin-top:20px;height: 72px;width: 363px;border: 0;background: #ce171f;font-size: 22px;font-weight: 600;letter-spacing: -0.2px;cursor:pointer;color: #fff;}
.copyright {letter-spacing:-0.5px;color:#6a7984;text-align:center;font-size:14px;margin-top:30px;clear:both;}
.copyright a {color:#6a7984;font-weight:400;}


/* 메인페이지 */
#main {background:#f4f4f4;}
#header {background:#29363f;height:120px;}
#main .top {width:1100px;margin:0 auto;}
.top div {display:inline-block;}
.top_list {float:right;padding: 45px 0;}
.top_list li {display:inline-block;padding:0 25px;}
.top_list li:first-child {border-right:1px solid #fff;}
.top_list li:last-child {padding-right:0;}
.top_list li:last-child a:hover {text-decoration:underline;}
.logo {padding: 30px 0;}
.top_list .txt1 {padding: 10px 0;font-size:14px;color:#dbdbdb;}
.top_list .txt1 span {font-weight:600;font-size:14px;color:#fff;}
.top_list img {vertical-align: middle;padding-right:5px;}

#contents {width:1100px;margin:0 auto;background:url('/images/grack/main_bg.gif') repeat-y 0;display:flex !important;display: -ms-flexbox !important;}
#contents:after{content:""; display:block; clear:both;}
.left_menu, .con_r {float:left;}

.left_menu {width:208px;border:1px solid #ccc;border-bottom:none;height:auto;background:#e0e0e0;display: block;}
.left_menu a {font-weight:600;display: block;line-height: 45px;color: #eee;}
.left_menu a img {vertical-align: middle;padding-right: 10px;}
.mn_top {color:#333;letter-spacing:5px;text-align:center;padding:29px 0;}
.mn_list {height:45px;background:#727a7f;color:#eee;padding-left:25px;}
.mn_list_action {background:#3b474f;height:45px;color:#eee;padding-left:25px;padding-right: 25px;}
.mn_list_action a {background:url('/images/grack/arrow_r.gif') no-repeat right center;}

.con_r {width:830px;margin:0 30px;padding-bottom: 100px;}
.body_block {margin-top:70px;}
.body_title {color:#333;background:url('/images/grack/point_r.gif') no-repeat left center;padding-left:20px;margin-bottom:30px;font-size:20px;font-weight: 600;}
.body_block table {border:1px solid #a0aab1;width:100%;}
.body_block td {border-right:1px solid #a0aab1;border-top:1px solid #a0aab1;text-align:center;padding:8px;color:#777;}
.body_block table tr:first-child td {border-top:0;}
.body_block td:last-child {border-right:0;}
.b_table_tit td {background:#eee;color:#333;font-size:15px;}
.b_btn td {background:#ffffff;color:#333;font-size:15px;text-align:right;}

.exeel_block table {border:1px solid #a0aab1;}
.excel_block td {border-right:1px solid #a0aab1;border-top:1px solid #a0aab1;text-align:center;padding:8px;color:#777;}

/* 버튼 */
.cls_btn_r, .cls_btn_g {border-radius: 30px;width: 89px;height: 28px;color: #fff;font-size: 15px;font-weight: 600;border-style: none;}
.cls_btn_rs, .cls_btn_gs {border-radius: 30px;width: 67px;height: 28px;color: #fff;font-size: 15px;font-weight: 600;border-style: none;}
.cls_btn_r, .cls_btn_rs {background: #ce171f;}
.cls_btn_g, .cls_btn_gs {background: #999;}

.cls_btn_ex {border-radius: 30px;width: 110px;height: 28px;color: #fff;font-size: 15px;font-weight: 600;border-style: none;}
.cls_btn_ex {background: #ce171f;}

.grackTB_L {text-align:left;color:#777;padding: 5px;}
.grackTB_C {text-align:center;color:#777;padding: 5px;}
.userCompUserNm, .userHpNo, .rackLoginPwd, .rackSmsCallBack {text-align:center;color:#777;padding: 3px 30%;}




/* 팝업 */
.circle {width:24px ;height:24px;border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-khtml-border-radius:12px;-o-border-radius:12px;background:#00a436;text-index:-9999999999999999px;}
.b_time {background:#eee;font-weight:600;color:#444;}