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

@import 'base.css';
@import 'common.css';
@import 'input.css';

body {background-color:#f5f5f5}
#login_wrap {width:100%;min-width:1240px;min-height:768px;background:url("/image/login/bg01.jpg") no-repeat center top;background-size:contain;padding-top:150px}
.login_all {clear:both;width:630px;min-height:430px;margin:0 auto;}

.login_all header {display:inline-block;width:100%;text-align:center;}
.login_all header .login_title {display:inline-block;font-size:21px;font-weight:600;color:#fff;padding:14px 0 0 4px;letter-spacing:-0.075em}

.login_all .middle_area {float:left;width:100%;margin-top:24px;}
.middle_area .middle_left {float:left;width:340px;height:334px;background-color:#fff;border-radius:5px;padding:29px 24px 0 24px}
.middle_area .middle_right {float:left;width:280px;height:334px;background-color:#479de6;border-radius:5px;margin-left:10px;padding:20px}

/*로그인영역*/
.middle_title {float:left;font-size:20px;color:#333;width:100%;font-weight:600;letter-spacing:-0.025em}
.login_frm {float:left;width:100%;margin-top:22px}
.login_frm li {float:left;width:100%;margin-bottom:9px}
.login_frm li input[type="text"], .login_frm li input[type="password"] {width:100%;height:40px;}
.login_frm li .btn_login {margin-top:4px;display:inline-block;width:100%;height:42px;background-color:#479de6;color:#fff;text-align:center;padding:12px 15px 13px 15px;font-size:16px;border-radius:5px;letter-spacing:-0.05em;font-weight:600}
.login_frm li .btn_login:hover, .login_frm li .btn_login:active, .login_frm li .btn_login:visited {color:#fff}
.join_area {float:left;width:100%;border-top:1px solid #e4e4e4;margin-top:16px;padding-top:17px;text-align:center}
.join_area a {display:inline-block;font-weight:600;color:#333}

/*배너영역*/
.bnr_area {float:left;width:100%;}
.bnr_area li {float:left;width:115px;height:95px;margin-bottom:10px}
.bnr_area li a {float:left;width:115px;height:95px;text-align:center;padding-top:66px;color:#fff;font-size:15px;letter-spacing:-0.025em;border-radius:5px;font-weight:600}
.bnr_01 {background:#358edb url("/image/login/bnr_ico1.png") no-repeat center 14px}
.bnr_02 {background:#358edb url("/image/login/bnr_ico2.png") no-repeat center 14px}
.bnr_03 {background:#358edb url("/image/login/bnr_ico3.png") no-repeat center 14px}
.bnr_04 {background:#358edb url("/image/login/bnr_ico4.png") no-repeat center 14px}

.cs_center {float:left;width:100%;margin-top:13px;padding:0 6px 0 6px}
.cs_center .cs_time {float:left;width:100%;text-align:center;color:#aeff00;font-weight:600;letter-spacing:-0.025em;border-bottom:1px solid #73b4ec;padding-bottom:10px}
.cs_title {font-size:15px;color:#fff}
.cs_desc {display:inline-block;padding:1px 0 0 5px}
.cs_center dl {float:left;width:50%;padding-top:12px}
.cs_center dl dt {float:left;width:100%;text-align:center;color:#fff;font-weight:600}
.cs_center dl dd {float:left;width:100%;text-align:center;color:#aeff00;font-size:15px;font-weight:600;padding-top:5px}
.cs_center .cs_work {border-right:1px solid #73b4ec}

.login_all footer {clear:both;width:100%;text-align:center;padding-top:18px;color:#b4b4b4;}

.chk_agr {width:100%;vertical-align:middle;margin-top:10px}
.chk_agr input, .chk_agr_all input {vertical-align:middle}
.chk_agr_all {width:100%;text-align:center;border-top:1px solid #dedede;margin-top:10px;padding-top:18px}

.bullet_a {background:url("/image/contents/ico_bullet_a.png")no-repeat 0 2px;padding-left:21px; font-size:13px !important}
.bullet_a_td {background:url("/image/contents/ico_bullet_a.png")no-repeat 0 1px;padding-left:21px; font-size:13px !important}
.bullet_b {background:url("/image/contents/ico_bullet_b.png")no-repeat 0 2px;padding-left:21px; font-size:13px !important}
.button_area {width:100%;display:inline-block;text-align:right;}

input, button {outline: none;}