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

table td {font-size:0.9rem !important;}    
table td input {padding:3px 10px 3px 10px !important; vertical-align: middle;}
table td select{padding:3px 10px 3px 10px !important; vertical-align: middle;}

/* 공지사항 */
.notice_box{width:100%; min-height: 300px; border: solid 1px #ececec; box-sizing: border-box; background: #fff; border-radius: 0px 0px 10px 10px;} /* 20201103 수정 */
.notice_box .notice_tit_box{width: 100%; height: 50px; background: #9064f3; color: #fff; font-size:1.25rem; border-radius: 10px 10px 0 0;} /* 20201103 수정 */
.notice_box .notice_tit_box span{padding: 18px 0 0 30px; font-weight: 600; display: inline-block;}
.notice_box>ul{padding: 17px 30px;}
.notice_box>ul li{line-height: 28px; position: relative;}
.notice_box>ul li a:before{content: ''; width: 3px; height: 3px; background: #555555; margin-right: 8px; border-radius: 50%; display: inline-block; vertical-align:middle;}
.notice_box>ul li .date {position: absolute; top: 0; right: 0;}
.notice_box .on a:before{display: none;}
.notice_box .on a{background: url("../images/main/icon_notice_on.png") no-repeat 0 5px; padding-left: 85px; display: inline-block;}
.notice_box .on dt{font-size:1.083rem; color: #713de6; font-weight: 600;}
.notice_box .on{line-height: 24px; border-bottom: solid 1px #ececec; padding: 7px 0; margin-bottom: 5px;}
.login_tit{background: url("../images/main/login_tit.png") no-repeat center top; font-size: 0; width: 100%; height:46px; margin-top: -1px;}

/* 로그인 */
.login_box{width: 100%; height: 318px;background: url("../images/main/login_box_bg.jpg") no-repeat top center; border: solid 1px #ccd8e4; box-sizing: border-box; border-radius: 30px 0 30px 0;}
.login_input_box{padding: 20px 40px;}

.login_box .email_login {position: relative; margin-bottom: 10px}
.login_box .email_login:after {content: ""; display: block; width: 13px; height: 15px;  background-repeat: no-repeat; position: absolute; top: 50%;left: 15px;margin-top: -9px;}
.login_box .email_login input {width: 100%; height:50px; padding: 4px 41px;border: 1px solid #dedfe0;border-radius: 5px; -webkit-appearance: none;-moz-appearance: none; appearance: none;}
.login_box .email_login input:hover, .login .email_login input:focus {border: 1px solid #9972f4;}
.login_box .email_login input:hover::placeholder, .login .email_login input:focus::placeholder {color: rgb(141, 144, 150);}
.login_box .email_login input::placeholder {position: absolute; top: 50%;left: 15px;margin-top: -9px;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.login_box .email_login:after {content: ""; display: block; width: 22px; height: 25px; background: url("../images/main/ico_id_group.png") no-repeat 0 0; position: absolute; top: 42%; left: 15px;}
.login_box .pwd:after {content: ""; display: block; width: 20px; height: 27px; background: url("../images/main/ico_ps_group.png") no-repeat 0 0; position: absolute; top: 42%;  left: 15px;}
.id_ps_box li{ display: inline-block;}
.id_ps_box a{color: #4365a5;}
.id_ps_box a:hover{color: #9064f3;}

.login_box .btn {position:relative; z-index: 0; overflow:hidden; width: 100%; height: 48px;margin-top: 28px; background:#0f244d; font-size: 1.067rem; font-weight:600;  color: #fff; border-radius: 3px;}
.login_box .btn:before {position: absolute; left:0; display: block; width: 100%; height: 1px; top: -1px; background: #9064f3 !important; content: ""; z-index: -1; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.login_box .btn:hover:before,.login .btn:focus:before {background: #9064f3 !important; height: 55px;}

/* 온라인접수 */
.online_application{width: 100%; border-radius: 10px 10px; background: #fff;}
.online_tit_box{width: 100%; height:57px; background: #4877e6; border-radius: 10px 10px 0 0;}
.online_cnt{padding: 15px 25px;}

.list_info {position:relative; margin-bottom:10px; padding-top:13px; min-height:30px; text-align:right; color:#fff;}
.list_info .left {position:absolute; top:15px; left:0;}
.list_info .left ul{padding: 4px 0 0 33px;}
.list_info .left li{float: left; color: #fff; font-size:0.8333rem;}
.list_info .left .list_info_tit {font-size: 1.25rem; font-weight: 600;}
.list_info .search input{margin: 0 5px 0 0; padding: 6px; border: 1px solid #c5c5c5; line-height: 18px; background-color: #fff; box-sizing: border-box;}
.list_info .search select{margin: 0 5px 0 0; padding: 5px; border: 1px solid #c5c5c5; line-height: 18px; background-color: #fff; box-sizing: border-box;}
.list_info .search .btn_online_search{padding: 7px 20px 8px 18px; margin: 0 15px 0 0; vertical-align: middle; font-size: 12px; background: #1a326e; color: #fff;}

.ponline_ossible_cnt{width: 100%; display: inline-block; border: solid 1px #92aae5; border-radius: 5px; background: #fff; position: relative;}
.ponline_ossible_cnt ul{padding: 15px;}
.ponline_ossible_cnt ul li{display: inline-block; font-size: 0.9rem; letter-spacing: -1px;}
.ponline_ossible_cnt ul li:after {content: "I"; padding:0px 5px;}
.ponline_ossible_cnt ul li:last-child:after {content: "";}


.impossible_ossible_cnt{width: 100%; display: inline-block; border: solid 1px #8e8787; border-radius: 5px; background: #d5d2d2; position: relative;}
.impossible_ossible_cnt ul{padding: 15px;}
.impossible_ossible_cnt li{display: inline-block; font-size: 0.75rem; letter-spacing: -1px;}

.online_text_left{width: 45%; margin-right: 20px; overflow: hidden; float:left;}
.online_text_right{width: 50%; float: right;}


/* 바로가기 서비스 */
.slide-wrapper{width: 100%; background: #fff;}
.slide-wrapper ul{width: 1200px; margin: 0 auto; padding: 25px 0;}
.slide-wrapper ul li{display: inline-block; width: 19%; text-align: center;}


/* 추가 */
.login_all_wrap {overflow: hidden;}
.notice_wrap {width:60%; margin-top:25px;} /* 20201103 수정 */
/*.login_wrap {width:40%; float:right;} 20201103 삭제*/

.main_tit_text {padding-bottom:0px;} /* 20201103 수정 */
.main_tit_text p {font-size:1.3rem;  line-height: 45px;} /* 20201103 수정 */
.main_tit_text h2 {font-size:2.8rem;}
.main_tit_text h2 span {color:#7947e9;}

.online_data_wrap {padding:15px 25px;}
.online_data {position: relative; border: solid 1px #92aae5; border-radius: 5px; background: #fff; padding:20px 10px; margin-bottom:10px;}
.online_data ul {width:90%;}
.online_data ul li {display: inline-block; padding:0px 15px 0px 10px; font-size:0.9rem; vertical-align: middle;} /* 20201103 수정 */
.online_data ul li:nth-child(2) {color:#1e73f1;font-weight: 600;width: 8%;text-align: center;padding: 0px;} /* 20201103 추가 */
.data_title:after {content: "" !important;}
.online_data ul li:after {content: "I"; padding-left:20px; color:#7F7F7F;} /* 20201103 수정 */
.online_data ul li:last-child:after {content: "";}

.data_title {font-weight: 600; width:40%;}
.online_data button {position: absolute; top:0%;right:0%;  height: 100%; width:10%; background: #1e73f1 url("../images/main/icon_ponline_ossible.png") 80% 50% no-repeat; color:#fff;  border-radius: 0px 5px 5px 0px; font-size:0.9rem; padding-right:17px;}
.online_data button:hover {background: #091E7E url("../images/main/icon_ponline_ossible.png") 80% 50% no-repeat;}

.data_ing {border:1px solid #ffbb93 !important;} /* 20201103 추가 */
.data_ing button {background: #FF8842 url("../images/main/icon_impossible_ossible.png") 80% 50% no-repeat !important; cursor: default;} /* 20201103 추가 */
.data_ing ul li:nth-child(2) {color:#FF8842; font-weight: 600;} /* 20201103 추가 */

.data_end {background: #CFCFCF; color:#7E7E7E; border:1px solid #cecece !important;}
.data_end button {background: #808080 url("../images/main/icon_impossible_ossible.png") 80% 50% no-repeat !important; cursor: default;} /* 20201103 수정 */
.data_end ul li:nth-child(2) {color:#2E2E2E; font-weight: 600;} /* 20201103 추가 */


/* pageing */
.pageing                                    {text-align:center; padding-top:0px;margin-bottom:10px;}
.pageing .on                                { font-size: 13px; text-decoration: none; background-color: #2a71b9; color: #fff; }
.pageing a, .pageing strong, .pageing span {color:#555; font-size:13px; font-weight:normal; text-decoration:none; border:1px solid  #dddddd;line-height:18px; padding:4px 10px; display:inline-block; vertical-align:top; background-color: #fff; }
.pageing a:hover                            { color:#4877e6;  padding:4px 10px; border:1px solid  #dddddd;}
.pageing .pre, .pageing .next               {width:27px; line-height:13px; height:27px;display:inline-block; font-size:12px; font-weight:100; color:#555; border:0px solid #fff; }
.pageing .pre                               { background:#fff url(../images/main/wh_left_set.png) 0 0 no-repeat; padding:7px 0px 1px 0px !important; }
.pageing .next                              { background:#fff url(../images/main/wh_right_set1.png) 0 0 no-repeat; padding:7px 0 1px 0px !important; }
.pageing .pre:hover                         { border:0 none; padding:7px 0px 1px 0px !important;}
.pageing .next:hover                        { border:0 none; padding:7px 0 1px 0px !important;}
.pageing span                               {border:0; padding-left: 10px; padding-right: 5px;  }

.pageing .current_prev, .pageing .current_next { width:27px;line-height:13px; height:27px;display:inline-block; font-size:12px; font-weight:100; color:#555; border:0px solid #fff; }
.pageing .current_prev                      {background:#fff url(../images/main/wh_pagenate_set.png) 0 0 no-repeat; padding:7px 0px 1px 0px !important;}
.pageing .current_next                      {background:#fff url(../images/main/wh_pagenate_set1.png) 0 0 no-repeat; padding:7px 0 1px 0px !important;}
.pageing .current_prev:hover                            { border:0 none; padding:7px 0px 1px 0px !important;}
.pageing .current_next:hover                        { border:0 none; padding:7px 0 1px 0px !important;}


.loginArea {position: absolute; top:0px; right:0px;}
.loginArea {margin-top:14px;}
.loginArea .login {padding:3px 30px 5px 40px; border:1px solid #bfcdcd; border-radius: 100px; background:#fff url(../images/user_icon.png) 10% 50% no-repeat; cursor: pointer; float:left;}
.loginArea .login a span {font-size:1rem; font-weight: 500; color:#2454c9; padding:0px 3px 0px 0px;}
.loginArea .login a span:hover {color:#484848;}

.alarm_bell {float:right; margin-left:4px; background: url(../images/bell_icon.jpg) left no-repeat; padding:0px 0px 0px 17px;}
.alarm_bell p {}
.alarm_bell p a {background: #ff4a2d; border-radius: 100%; display: block; width:25px; height: 25px; }
.alarm_bell p a span {color:#fff !important; font-weight: 600 !important; font-size:0.8rem !important; width:15px !important; display: block; text-align: center; padding-top:3px !important; padding-left:4px !important;} 
.alarm_bell p a:hover {background: #ce1c00;}