@charset "utf-8";
html, body{height:100%;}
.wrap{min-width:325px;background: #f0f2f7;}
/* header */
header {position:fixed;top:0;left:0;width:100%;background:#1d82fb;z-index:20;}
header .userInfo {display:block;width: calc(100% - 464px);position: absolute;top: 2px;right: 32px;text-align: right;}
header .userInfo .img {display: inline-block;margin-top: -3px;vertical-align: middle;}
header .userInfo .img img{width:14px; height:14px;display: block;}
header .userInfo .userText {display:inline-block;height:50px; padding-top:5px; text-align: left; width: inherit;}
header .userInfo .userName {vertical-align: middle; font-size:14px; color:#1d82fb;font-weight: 400;display:inline-block;line-height:1;}
header .userInfo .userDetail {vertical-align: middle; font-size:14px; color:rgba(102, 102, 102, 0.88);display:inline-block;line-height:1;border-left:1px solid #e6e6e6;margin-left:16px;padding-left:16px;}
header .userInfo .userAccess {vertical-align: middle; font-size:14px; color:rgba(25, 34, 59, 0.88);display:inline-block;line-height:1;border-left:1px solid #e6e6e6;margin-left:16px;padding-left:16px;}
header .userInfo .name {font-weight:500;}
header .userInfo .time {font-weight:300;}
header .userInfo .extend {font-weight:300; color:#fff;font-size:12px;padding:1px 7px;border-radius: 2px;background-color: #8399c5;margin-left:5px;}
header .userInfo .userBtn {display:inline-block; padding-left:16px;}
.btn_logout{font-size:12px; color:#ffffff; background:#1d82fb;border:0 none; width:90px; height:26px;border-radius: 2px;display:inline-block;}
.btn_logout:before {content:"";vertical-align: middle;background: url("/include/img/ico/icon-logout.png") center center no-repeat; width:14px; height:13px; background-size: contain;display: inline-block; margin-right: 6px;margin-top: -2px;}
.btn_login{font-size:12px; color:#ffffff; background:#1d82fb;border:0 none; width:90px; height:26px;border-radius: 2px;display:inline-block;}
.btn_login:before {content:"";vertical-align: middle;background: url("/include/img/ico/icon-login.png") center center no-repeat; width:12px; height:13px; background-size: contain;display: inline-block; margin-right: 6px;margin-top: -2px;}
.blind {overflow:hidden; position:absolute; top:-9999em; left:-9999em; padding:0 !important; height:0; width:0; border:none !important; background:none !important; line-height:0 !important; text-indent:-9999px;}
/* menu gnb */
.gnb{display:inline-block;vertical-align:middle;padding-top:20px;}
.gnb > li{float:left;position: relative;min-width: 155px;height:56px;padding: 0 35px;}
.gnb > li > a{display:block;min-width:100px;line-height:54px;color:#19223b;font-size:16px;text-align:center;font-weight: 500;border-bottom: 2px solid transparent;}
.gnb > li > a > .arrow:after{font-family:FontAwesome;content: "\f107";margin-left: 8px;}
.gnb > li:hover > a{border-bottom-color: #1d82fb;}
.gnb > li:hover > a .arrow:after {content: "\f106";}
.gnb > li > ul {display:none;background-color:#fff;position:absolute;left: 0;right: 0;padding: 20px 0 30px 50px;margin-right:-1px;}
.gnb > li:hover > ul {display:block;box-shadow: 0px 18px 15px 0 rgba(0, 0, 0, 0.1);}
.gnb > li li{font-size: 16px;font-weight: 400;line-height: 30px;letter-spacing: -0.32px;text-align: left;color: #19223b;}
.gnb > li li li{font-size: 14px;font-weight: 400;line-height: 30px;letter-spacing: -0.28px;text-align: left;color: #666;}
.gnb > li li li a::before{content:'· ';}
/* 추가*/
/* .gnb a:hover{color:#1d82fb;font-weight:bold;} */
.gnb ul ul li a:hover{color:#1d82fb;font-weight:bold;}
/* 추가*/
.gnb.open{content: "";box-shadow: 0px 18px 15px 0 rgba(0, 0, 0, 0.1);border-bottom: solid 1px #eeeeee;background-color: #fff;width: 100%;left: 0; top: 0; display: block;}
.gnb.open > li > ul{display:block;margin-top: 1px;box-shadow: none;}
/* .gnb.open:before{content: "";box-shadow: 0px 18px 15px 0 rgba(0, 0, 0, 0.1);border-bottom: solid 1px #eeeeee;background-color: #fff;width: 100%;left: 0;display: block;position: absolute;top: 71px;} */
.left_nav{float:left;}
.right_nav{float:right;}
.right_nav > li{position:relative;display:inline-block;text-align:center;vertical-align:middle;padding: 0 10px;width: 38px;height:38px;margin-left:20px;}
/* .right_nav > li+li {margin-left:-4px;} */
.right_nav > li > .fa{font-size:28px;margin-top: 12px;color:#0155ff;}
.right_nav > li > .fa1{font-size:28px;margin-top: 10px;color:#0155ff;}
.right_nav > li > .fa.fa-bell{font-size:25px;}
.badge {display:inline-block;vertical-align:middle;border-radius:10px;line-height:1;background-color: #f13838;font-size: 12px;font-weight: 500;letter-spacing: -0.24px;color: #fefeff;border: solid 2px #ffffff;padding: 2px 5px 3px;margin-left: 16px;margin-top: -70px;white-space:nowrap;}
.logoRight {width:calc(100% - 285px);padding-left:110px;}
/* footer main footer
.footer{width:100%;position:absolute;left:0;bottom:0;color:#a6a6a6;font-size:12px;text-align:left;padding:20px 0px;vertical-align: middle;font-weight: 400;letter-spacing: -0.4px;}
*/
/*.footer:before{display:inline-block;content:"";background: url("../images/main/footer_logo.png") no-repeat; width:146px; height:22px; background-size: contain;vertical-align: middle;margin-right: 8px;}
.footer .area_footer{width:1280px;margin:0 auto;vertical-align:top;}
.footer .area_footer:before{display:inline-block;content:"";background: url("/include/img/main/footer_logo.png") no-repeat; vertical-align:bottom;width:146px; height:22px; background-size: contain;margin-right: 8px;}
*/
/*.main .footer{left:calc(50% - 300px);}
.policy_list {display: block;margin-bottom: 5px;}
.policy_list li{font-size: 12px;font-weight: 400;letter-spacing: -0.24px;color: #888888;position: relative;display: inline-block;}
.policy_list li+li {margin-left:13px;}
.policy_list li+li::before{content:""; width:1px; height:12px; background-color: #c4c6cc; display:inline-block;position: absolute;left:-8px;top:3px;}
.policy_list .selected{color:#1d82fb;}
*/
/* footer type01 content footer
.footer.type_f01{width:100%;}
.footer.type_f01:before{position:static;display:inline-block;left:0;}
*/
/* footer main footer*/
.footer{width:100%;min-width: 1280px;max-width: 1280px;margin:auto; background:#f0f2f7;color:#666;font-size:12px;text-align:left;padding:20px 0px;vertical-align: middle;font-weight: 400;letter-spacing: -0.4px;margin-top:20px;border-top: 1px solid #eee;position: relative;}
.footer.main {padding: 5px 0 20px 6px;;margin-top:0;min-width: 1200px;}
.footer.main .btn-remote {top:-10px;}
.footer.main .center-tel-number {top:-10px;}
.footer{width:100%;min-width: 1240px; color:#666;font-size:12px;text-align:left;padding:5px 60px 20px;vertical-align: middle;font-weight: 400;letter-spacing: -0.4px;margin-top:10px;position: relative;}
.footer .area_footer{margin-right:25px;vertical-align:top}
.footer .area_footer p {text-indent: -9999px;}
.footer .area_footer:before{display:inline-block;content:"";background: url("/include/img/main/footer_logo.png")left 6px no-repeat;
vertical-align:bottom;width:160px; height:40px; background-size: contain;margin-right: 8px;}
.footer p {padding: 0;margin: 0;font-family: 'Noto Sans Kr';}
.footer .center-tel-number {position: relative;margin-right: 10px;padding-right: 20px;padding-top: 6px;border-right: 1px solid #dde1ec;}
.footer .tel-title {font-size: 14px;font-weight: 700;color: #082040;}
.footer .tel-title span {font-weight: 400;margin-left: 3px;}
.footer .tel-num {font-size: 16px;font-weight: 500;color: #7197bb;line-height: 1.2;}
.footer .btn-remote {margin-left: 16px;width: 50px;height: 50px;display: block;
position: relative;background: url(/include/img/btn/btn_remote.png) no-repeat;}
.footer .btn-remote:hover {background: url(/include/img/btn/btn_remote_over.png) no-repeat;}
/*.main .footer{left:calc(50% - 300px);}*/
.policy_list {display: block;margin-bottom: 5px;}
.policy_list li{font-size: 12px;font-weight: 400;letter-spacing: -0.24px;color: #888888;position: relative;display: inline-block;}
.policy_list li+li {margin-left:13px;}
.policy_list li+li::before{content:""; width:1px; height:12px; background-color: #c4c6cc; display:inline-block;position: absolute;left:-8px;top:3px;}
.policy_list .selected{color:#1d82fb;}
/* footer type01 content footer*/
.footer.type_f01{width:100%;}
.footer.type_f01:before{position:static;display:inline-block;left:0;}
/* layout */
/* css main container 20200609 */
.container {padding:0; margin:0; width:auto; position:relative;background:#f0f2f7;min-width:320px}
.container_main {padding:0; margin:0; width:auto; position:relative;background:#f0f2f7;min-width:320px; background: url(/include/img/bg/intro_main_new.png) no-repeat center bottom !important; width: 100% !important; height: 650px !important; }
.contain{z-index:1;margin-bottom:0%;padding-bottom:0%;transition: all .35s ease-out}
/* //css main container */
.section {position:relative; padding:0 5px;float:left;text-align:left;width:100%;}
/*modal*/
.modal-dialog {width: 100%;}
.modal-content{width:inherit;height:inherit;margin:0 auto;border-radius:0;border: 0;}
.modal-header {padding:12px 15px; height: 20px; background-color: #181f47;border:0;}
.modal-body {padding:0px;}
.modal-footer {padding:0 15px 0px;border-top:0 none;}
.modal-title{color: #ffffff;font-size: 16px;}
.modal-header .close {opacity:1;margin-top:2px;}
.ico-close-wh {background: url("/include/img/ico/ico-close-wh.png") center center no-repeat; width:23px; height:23px; background-size: contain;display: inline-block;}
.find-group {border-radius: 0px;background-color: #fff;width:100%;}
.find-group > label{color: #181f47;font-size: 14px;font-weight: 500; width:70px;vertical-align: top;line-height: 24px;}
.find-group > .input-group{display: inline-block;}
.find-group > .input-group .input{width:100%; padding-right:15px;}
.find-group > .input-group .btn{width:60px; position:absolute;right: 4px;top: 4px; font-weight:400;font-size:12px;}
/* input box */
/*.tui-grid-container input,select{height:24px !important;text-align:inherit;}*/
label{margin-bottom:0;font-weight:500;}
input{width:100%;height:40px;display:inline-block;padding:0 6px;font-size:12px;}
input.input-sm {height:24px;padding:0 10px;font-size:12px;border-radius:2px;}
input.input-lg {height:38px;padding:0 20px;font-size:16px;border-radius:2px;}
.input-group + .input-group { margin-top: 10px;}
input[type=checkbox],input[type="radio"]
{
width:18px;height:18px;margin-right:2px;
/* -ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); */
}
input[readonly],input[disabled],textarea[readonly],textarea[disabled],
select[readonly],select[disabled]{background-color:#f8f8f8; color:#111; opacity:1; -webkit-text-fill-color:inherit; cursor:default;}
/* 검색 */
.table_reaction > li{display: table; table-layout: fixed; width:100%;}
.btn_search{font-size:14px; color:#ffffff; background:#1d82fb;border:0 none; width:80px; height:30px;border-radius: 4px;}
.btn_search::before {content:"";vertical-align: middle;background: url("/include/img/ico/icon-search.png") center center no-repeat; width:15px; height:15px; background-size: contain;display: inline-block;margin-top: -2px; margin-right: 7px;}
.table_reaction > li + li{border-top: solid 1px #e6e8ec;margin-top:10px;padding-top: 10px;}
.table_reaction .th{display: table-cell; font-size: 14px; height:34px; vertical-align: middle; width:140px; }
.table_reaction .td{display: table-cell; font-size: 14px; height:34px; vertical-align: middle; color: #333;}
.list_reaction >li{display:inline-block;}
.label-wrap {margin-bottom:-15px;}
.label-group{display:inline-block;margin-right:50px;margin-bottom: 15px;}
/* select box */
select{width:100%;height:40px;padding: 0 0 0 6px;font-size:13px;}
select.input-sm {height: 24px;line-height: 24px; padding: 0 0 0 3px;font-size:12px;border-radius:2px;}
select.input-lg {height: 38px;line-height: 38px; padding: 0 0 0 9px;font-size:14px;border-radius:2px;}
.btn-group > .btn:first-child{font-size:12px;padding:8px 12px 9px}
.dropdown-menu > li > a{font-size:12px;padding:8px 20px;}
.btn-group .dropdown-toggle,.btn-group .side-toggle{width:50px;}
button.btn,a.btn,label.btn {height:50px;min-width:120px;font-size:16px;font-weight:400;display:inline-block;vertical-align:middle;text-align:center;display:inline-block;background-color:#ffffff;border:1px solid #222;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
button.btn-sm,a.btn-sm,label.btn-sm{border-radius:2px;height:24px;min-width:50px;font-size:12px;padding:2px 10px;}
button.btn-lg,a.btn-lg,label.btn-lg{height:40px;min-width:70px;font-size:14px;padding:2px 10px;}
button.btn-xlg,a.btn-xlg,label.btn-xlg{height:50px;min-width:120px;font-size:14px;padding:2px 10px;}
button.btn-m-sm,a.btn-m-sm,label.btn-m-sm{border-radius: 12px;}
button.btn-h30{height: 30px;padding: 0;min-width: 80px;font-size: 14px;}
.btn+.btn {margin-left:2px;}
.btn-sm+.btn-sm{margin-left:2px;}
.btn-lg+.btn-lg{margin-left:2px;}
.btn[disabled],.btn[disabled]:hover{background:#eee;border-color:#222;opacity:1;color:#222}
.btn:hover{background-color:#f2f2f2;border-color:#777;}
.btn.btn-clear{background-color:transparent;border:1px solid transparent;min-width: auto;font-weight: 500;padding-left: 0;color:#333;}
.btn.btn-clear:hover{background-color:transparent;border:1px solid transparent}
.btn.btn-default {color:#222;}
.btn.btn-primary{background-color:#0a3e87;color:#fff;border:1px solid #0a3e87;}
.btn.btn-primary:hover{background-color:#046be6;border:1px solid #046be6}
.btn.btn-outline-primary{background-color:#ffffff;color:#1d82fb;border:1px solid #1d82fb;}
.btn.btn-outline-primary:hover{background-color:#ffffff;color:#046be6;border:1px solid #046be6}
.btn.btn-secondary{background-color:#8399c5;color:#fff;border:1px solid #8399c5;}
.btn.btn-secondary:hover{background-color:#607bb1;border:1px solid #607bb1}
.btn.btn-outline-secondary{background-color:#ffffff;color:#8399c5;border:1px solid #8399c5;}
.btn.btn-outline-secondary:hover{background-color:#ffffff;color:#607bb1;border:1px solid #607bb1}
.btn.btn-gray{background-color:#b3b3b3;color:#fff;border:1px solid #b3b3b3;}
.btn.btn-gray:hover{background-color:#999999;border:1px solid #999999}
.btn.btn-outline-gray{background-color:#ffffff;color:#b3b3b3;border:1px solid #b3b3b3;}
.btn.btn-outline-gray:hover{background-color:#ffffff;color:#999999; border:1px solid #999999}
.btn i{margin-right:9px;font-style: normal;font-family:'FontAwesome'}
i.fas{font-style: normal;font-family:'FontAwesome'}
.btn.btn-sm i{margin-right:7px;}
.btn_area {margin-top:10px; text-align:right}
.btn_area > a + a, .btn_area > button + button, .btn_area > button + a, .btn_area > a + button {margin-left:2px}
/* search box */
.search-box{background:#fff;padding:15px 18px;margin-bottom:0px;border:1px solid rgba(54,64,74,0.08);border-radius: 4px;box-shadow: 1.7px 4.7px 12px 0 rgba(0, 0, 0, 0.12);}
.search-box > table{width:100%;}
.search-box th,td{font-size:14px;height:28px;}
/* icon */
.ico-form {vertical-align: middle;background: url("/include/img/ico/icon-form.png") center center no-repeat; width:21px; height:21px; background-size: contain;display: inline-block;margin-top: -4px;}
.ico-add {vertical-align: middle;background: url("/include/img/ico/icon-add.png") center center no-repeat; width:20px; height:20px; background-size: contain;display: inline-block;margin-top: -4px;}
.ico-edit {vertical-align: middle;background: url("/include/img/ico/icon-edit.png") center center no-repeat; width:20px; height:20px; background-size: contain;display: inline-block;margin-top: -4px;}
.ico-delet {vertical-align: middle;background: url("/include/img/ico/icon-delet.png") center center no-repeat; width:20px; height:20px; background-size: contain;display: inline-block;margin-top: -4px;}
.ico-excel {vertical-align: middle;background: url("/include/img/ico/icon-excel.png") center center no-repeat; width:20px; height:20px; background-size: contain;display: inline-block;margin-top: -4px;margin-right: 0 !important;}
.ico-search{vertical-align: middle;background: url("/include/img/ico/icon-search.png") center center no-repeat; width:15px; height:15px; background-size: contain;display: inline-block;margin-top: -4px;}
.ico-save {vertical-align: middle;background: url("/include/img/ico/icon-save.png") center center no-repeat; width:14px; height:16px; background-size: contain;display: inline-block;margin-top: -4px;}
.btn-find {color:#666;}
.btn-find::before {content:"";vertical-align: middle;background: url("/include/img/ico/main_login_icon.png") center center no-repeat; width:14px; height:18px; background-size: contain;display: inline-block;margin-top: -3px;margin-right:7px;}
.btn-find-gray {color:#666;}
.btn-find-gray::before {content:"";vertical-align: middle;background: url("/include/img/ico/icon-find.png") center center no-repeat; width:10px; height:13px; background-size: contain;display: inline-block;margin-top: -3px;margin-right:7px;}
.btn-pass {color:#666;}
.btn-pass::before {content:"";vertical-align: middle;background: url("/include/img/ico/main_pw_icon.png") center center no-repeat; width:14px; height:18px; background-size: contain;display: inline-block;margin-top: -3px;margin-right:7px;}
.btn-pass-gray {color:#666;}
.btn-pass-gray::before {content:"";vertical-align: middle;background: url("/include/img/ico/icon-pass.png") center center no-repeat; width:17px; height:12px; background-size: contain;display: inline-block;margin-top: -3px;margin-right:7px;}
.btn-member {color:#1d82fb;}
.btn-member::before{content:"";vertical-align: middle;background: url("/include/img/ico/icon-member_w.png") center center no-repeat; width:11px; height:12px; background-size: contain;display: inline-block;margin-top: -3px;margin-right:7px;}
/* etc */
.overHd {overflow:hidden;}
.overHdX {overflow-x:hidden;}
.overHdY {overflow-y:hidden;}
.mTop2 {margin-top:2px}
.mTop3 {margin-top:3px}
.mTop5 {margin-top:5px}
.mTop10 {margin-top:10px}
.mTop15 {margin-top:15px}
.mTop20 {margin-top:20px}
.mTop30 {margin-top:30px}
.mTop50 {margin-top:50px}
.mTop100 {margin-top:100px}
.mLeft2 {margin-left:2px}
.mLeft3 {margin-left:3px}
.mLeft5 {margin-left:5px}
.mLeft10 {margin-left:10px}
.mRight2 {margin-right:2px}
.mRight3 {margin-right:3px}
.mRight5 {margin-right:5px}
.mRight10 {margin-right:10px}
.mBottom2 {margin-bottom:2px}
.mBottom3 {margin-bottom:3px}
.mBottom5 {margin-bottom:5px}
.mBottom10 {margin-bottom:10px}
.pdLeft5 {padding-left:5px}
.pdLeft10 {padding-left:10px}
.pdRight5 {padding-right:5px}
.pdRight10 {padding-right:10px}
/* background color */
/* color */
/* size */
h2.h2{font-family:'Roboto';font-size:28px;font-weight:600;margin:0 0 20px;color:#181f47;}
h3.h3{font-size:14px;font-weight:600;margin:0 0 10px;}
/* display */
.clear{clear:both!important;}
.inBlock {display:inline-block;}
/* align */
.txtALeft {text-align: left;}
.txtACenter {text-align: center;}
.txtARight {text-align: right;}
.vATop {vertical-align:top}
.vABottom {vertical-align:bottom}
.vAMiddle {vertical-align:middle}
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {float:center;}
.vMiddle {position: absolute; top:50%;-ms-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.hCenter {position: absolute; left:50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
.hRelCenter {position: relative; left:50%;-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
/* div */
.dvTLine{border-top:1px solid #aaa !important;}
/* table layout */
.con{width:100%;background:#fff;padding:30px 30px 30px;margin-top:20px;border:1px solid rgba(54,64,74,0.08);border-radius: 4px;box-shadow: 1.7px 4.7px 12px 0 rgba(0, 0, 0, 0.12);}
/* table title */
.table_tit{width:100%; margin:0px 0px 5px;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.28px;
color: #888888;
}
.page_info {margin-right:20px; display:inline-block;}
.now {color:#181f47;}
.table_tit:after{display:table;clear:both;content:'';overflow:hidden;visibility:hidden;height:0;width:0;}
/* table */
table tr.tblGridCurr td{background:#ffc; cursor:pointer; border-bottom:1px solid #fc0 !important;}
.tableWrap {border-top:2px solid #000}
.tblStyleF {width:100%; border:0; border-spacing:0; table-layout:fixed; border-bottom:none}
.tblStyleF tr th, .tbl_style04 tr td {border-bottom:1px solid #ddd}
.tblStyleF th {padding:5px 5px 5px; line-height:24px; text-align:left; color:#181f47; letter-spacing:-1px; font-weight:500; background:#f2f5fa; border-bottom:1px solid #ddd;border-right:1px solid #ddd;cursor:default;}
.tblStyleF th > label {vertical-align:middle}
.tblStyleF td {padding:5px 5px 5px 5px;height:24px; line-height:24px; color:#320000; text-align:left; border-bottom:1px solid #ddd; background:#fff; word-wrap:break-word; word-break:keep-all; cursor:pointer}
.tblStyleF td p {overflow:hidden; height:24px; text-overflow:ellipsis; white-space:nowrap}
.table_area02{border:1px solid #e1e1e1; border-bottom:none;}
.table_area02 table{width:100%;}
.table_area02 table tbody th{font-size:12px; background:#f2f5fa; color:#222; padding:5px 5px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.table_area02 table tbody tr th:first-child{border-left:none}
.table_area02 table tbody td{font-size:12px; padding:4px 5px; border-bottom:1px solid #e1e1e1; background:#fff; border-left:1px solid #e1e1e1;}
.table_area02 table tbody td.td_height{padding:3px;}
/* file */
.attachfile {margin-left:-5px; display: inline-block;}
.attachfile > div {position:relative; top:0; left:0; display:inline-block; width:100px; height:100px; margin:0 0 10px 5px; *display:inline; zoom:1}
.attachfile > em {display:inline-block; max-width:80%; vertical-align:middle; padding-left:5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer}
.attachfile > em:hover {text-decoration:underline;}
.attachDel {display:inline-block; width:15px; height:15px; margin-left:4px; background:url(/include/img/common/btn/btn_attach_remove.gif) no-repeat 0 2px; vertical-align:middle; background-position:0 2px}
.attachDelAb {position:relative; top:3px; right:20px; margin-left:0; display:inline-block; width:15px; height:15px; margin-left:4px; background:url(/include/img/common/btn/btn_attach_remove.gif) no-repeat 0 2px; vertical-align:middle; background-position:0 2px}
/* paging */
.paging {margin:20px auto; text-align:center}
.paging a {display:inline-block; margin-left:11px; line-height:30px; text-align:center; vertical-align:top; font-size:11px; color:#333}
.paging > strong {display:inline-block; width:30px; height:29px; margin-left:10px; font-weight:bold; color:#fff; line-height:28px; text-align:center; background:#0a3e87; border:1px solid #1d82fb; font-size:11px;}
.paging > strong + .next {margin-left:11px}
.paging > strong + a {margin-left:8px}
.paging .prev, .paging .next, .paging .prev_first, .paging .next_last {width:30px; height:29px}
.paging .prev_first {margin-left:0; background:url(/include/img/common/btn/btn_paging_first.gif) no-repeat}
.paging .prev {margin-left:2px; background:url(/include/img/common/btn/btn_paging_prev.gif) no-repeat}
.paging .next {margin-left:13px; background:url(/include/img/common/btn/btn_paging_next.gif) no-repeat}
.paging .next_last {margin-left:2px; background:url(/include/img/common/btn/btn_paging_last.gif) no-repeat}
/* layout * 모바일 */
/* layout * PC */
/* @media all and (min-width:769px) { */
header {min-width:1280px;height:70px;background-color:#fff;box-shadow: 2.7px 7.5px 10px 0 rgba(0, 0, 0, 0.05);}
header .logo{height:70px;text-align:center;width:285px;display:inline-block;vertical-align:middle;}
header .logo a{display:inline-block;}
header .logo h1{font-size:0;color: transparent;font-weight:600;background: url("/include/img/bg/header_logo.png") no-repeat; width:auto; height:70px; background-size: contain; margin:0px auto;}
header .left_nav {display:none;}
header .right_nav {position:absolute;top:24px; right:0;}
header .btn_menu.open {background-color:#1d82fb;}
header .btn_menu.open .fa:before{content:"";background: url("/include/img/ico/ico-close-wh.png") center center no-repeat;width: 23px;height: 23px;background-size: contain;display: inline-block; margin-left: -2px;}
/* .con {min-height:700px;} */
.container {min-width:1280px;padding-top:70px;}
.container_main {min-width:1280px;padding-top:70px;}
.content{min-height:500px;padding:35px 75px 0px;}
.contain.left{margin-left:195px}
.asideLayer {display:none;}
#gnbDim {display:none;}
.table_scroll {height:201px;}
.paging.mobile {display:none;}
/* } */
@media all and (max-width:1640px) {
.right_nav .userInfo {display:none;}
}
/* navy */
.wrap.navy .left_nav > li > .fa{color:#0155ff;}
.wrap.navy .right_nav > li > .fa{color:#0155ff;}
.wrap.navy .gnb > li:hover > a {border-bottom-color:#0155ff}
.wrap.navy .path li a i.fa-home{font-weight:600;color: #0155ff;}
.wrap.navy nav .nav_1d > li > a:hover,
.wrap.navy nav .nav_1d > li.active > a{background: #0155ff;}
.wrap.navy .asideLayer .userInfo {background-color:#0155ff;}
.wrap.navy .asideLayer .asideBtn {background-color:#0155ff;}
.wrap.navy .btn.btn-primary{background:#0155ff;border:1px solid #0155ff;}
.wrap.navy .btn.btn-primary:hover{background-color:#2356dd;border:1px solid #2356dd}
.wrap.navy .btn.btn-outline-primary{color:#0155ff;border:1px solid #0155ff;}
.wrap.navy .btn.btn-outline-primary:hover{color:#2356dd;border:1px solid #2356dd}
.wrap.navy input[type=checkbox]:checked+label:before{background:#0155ff;border-color:#0155ff;}
.wrap.navy input[type="radio"]:checked+label:before{border-color:#0155ff;}
.wrap.navy input[type="radio"]:checked+label:after{background:#0155ff;}
.wrap.navy .paging .number a.active {background: #0155ff;border: 1px solid #0155ff;}
.wrap.navy .paging .number a:hover {color: #0155ff;border: 1px solid #0155ff;}
/* ocean */
.wrap.ocean .left_nav > li > .fa{color:#1d82fb;}
.wrap.ocean .right_nav > li > .fa{color:#1d82fb;}
.wrap.ocean .gnb > li:hover > a {border-bottom-color:#1d82fb}
.wrap.ocean .path li a i.fa-home{font-weight:600;color: #1d82fb;}
.wrap.ocean nav .nav_1d > li > a:hover,
.wrap.ocean nav .nav_1d > li.active > a{background: #1d82fb;}
.wrap.ocean .asideLayer .userInfo {background-color:#1d82fb;}
.wrap.ocean .asideLayer .asideBtn {background-color:#1d82fb;}
.wrap.ocean .btn.btn-primary{background:#1d82fb;border:1px solid #1d82fb;}
.wrap.ocean .btn.btn-primary:hover{background-color:#046be6;border:1px solid #046be6}
.wrap.ocean .btn.btn-outline-primary{color:#1d82fb;border:1px solid #1d82fb;}
.wrap.ocean .btn.btn-outline-primary:hover{color:#046be6;border:1px solid #046be6}
.wrap.ocean input[type=checkbox]:checked+label:before{background:#1d82fb;border-color:#1d82fb;}
.wrap.ocean input[type="radio"]:checked+label:before{border-color:#1d82fb;}
.wrap.ocean input[type="radio"]:checked+label:after{background:#1d82fb;}
.wrap.ocean .paging .number a.active {background: #1d82fb;border: 1px solid #1d82fb;}
.wrap.ocean .paging .number a:hover {color: #1d82fb;border: 1px solid #1d82fb;}
/* moblie css 20200610 */
.m_path{display:none;}
.h2.pc_tit{display:block;}
.krna_m.b_blue header{}
.krna_m.b_blue header .header_txt_03{display:none;}
.krna_m.b_blue .container{}
.krna_m.b_blue .m_logo{position:absolute;left:50%;transform:translateX(-50%);height:59px;text-align:center;display:inline-block;vertical-align:middle;}
.krna_m.b_blue .m_logo a{display:inline-block;width:100%;height:100%;}
.krna_m.b_blue .m_logo a h1{text-align:center;line-height:1;font-size:24px;margin:0 auto;}
.krna_m.b_blue .m_logo h1{text-indent:-9999em;width:166px;height:59px;background:url("/include/img/main/header_logo_m.png")no-repeat center;background-size:contain;}
.krna_m.b_blue .m_left_nav{float:left;}
.krna_m.b_blue .m_left_nav > li{padding:0 10px;height:59px;}
.krna_m.b_blue .m_left_nav > li > .fa.fa-angle-left{font-size:46px;margin-top: 2px;color:#1d82fb !important}
.krna_m.b_blue .m_left_nav > li > .fa{color:#1d82fb !important;}
.krna_m.b_blue .m_right_nav{float:right;}
.krna_m.b_blue .m_right_nav > li{ position:relative;display:inline-block;text-align:center;vertical-align:middle;padding:0 10px;width:59px;height:59px;}
.krna_m.b_blue .m_right_nav > li > .fa{color:#1d82fb !important;font-size:26px;margin-top:15px;}
.krna_m.b_blue .m_right_nav > li > .fa.fa-bell{font-size:25px;color:#1d82fb !important;margin-top:15px;}
.krna_m.b_blue .m_path{height:50px;background-color:#1d82fb;margin: 0 0px 30px;border-top:1px solid #eee;}
.krna_m.b_blue .m_path li{display:inline-block;}
.krna_m.b_blue .m_path>li+li:before{content:"";padding:0;height:50px;width:1px;background:#eee;display: inline-block;vertical-align:top;}
.krna_m.b_blue .m_path li a{display:inline-block;font-size:16px;padding:14px 15px;}
.krna_m.b_blue .m_path li.active a{color:#fff;}
.krna_m.b_blue .m_path li a i.fa-home{color:#fff;}
.krna_m.b_blue h2 {text-align: center;padding: 24px 0;font-size: 18px;font-family: 'Noto Sans Kr';color: #222;}
.krna_m.b_blue h2 > span {font-size: 18px;color: #555;font-weight: 400;}
/* econtract */
.econtract .btn_step ,.c_confirmation .btn_step{min-width:80px;height:50px;margin-top:10px;font-size:14px;color:#ffffff;background:#0a3e87;border:0 none;border-radius:2px;}
.econtract .btn_step_w ,.c_confirmation .btn_step_w{min-width:80px;height:36px;margin-top:10px;color:#1d82fb;border:1px solid #1d82fb;background-color:#ffffff;}
.econtract .btn_step_b ,.c_confirmation .btn_step_b {min-width:80px;height:36px;margin-top:10px;color:#fff;background:#1d82fb;border:1px solid #1d82fb;}
.econtract .quick_area, .c_confirmation .quick_area{text-align:center;}
.econtract .quick_area .h3{font-size:16px;font-weight:600;margin:0 0 10px;color: #181f47;}
.econtract .quick_area p{color:#888888;}
.econtract .area_time{position:absolute;top:6px;right:6px;color:#f93636;}
.econtract .area_time .time_chk{display:inline-block;padding:5px 8px;}
.econtract .area_time .time_chk em{font-style:normal;font-size:12px;}
/* .econtract.w500{width:700px;min-height:500px;margin:140px auto 260px;} */
.econtract.w500{}
.w500 .quick_area{width:500px;margin:0 auto;}
.econtract .tab_ul{}
.econtract .tab_ul .tab_li{display:none;}
.econtract .tab_ul .tab_li.on{display:block;}
.econtract .tab_ul .tab_li .contract_icon{width:100%;min-height:89.5px;margin-bottom:45.5px;}
.econtract .tab_ul .tab_li.tab01 .contract_icon {background:url("/include/img/m_contract/contract01.png")no-repeat center;background-size:contain;}
.econtract .tab_ul .tab_li.tab02 .contract_icon {background:url("/include/img/m_contract/contract02.png")no-repeat center;background-size:contain;}
.econtract .tab_ul .tab_li.tab03 .contract_icon {background:url("/include/img/m_contract/contract03.png")no-repeat center;background-size:contain;}
.econtract .tab_ul .tab_li.tab04 .contract_icon {background:url("/include/img/m_contract/contract04.png")no-repeat center;background-size:contain;}
.econtract .input_area{margin-top:24px;}
.econtract .input_area input:first-child{margin-bottom:8px;}
.econtract .input{width:100%;height:40px;}
.confirm-group {position:relative;}
.confirm-group button{min-width:80px;position:absolute;right:6px;top:6px;font-weight:400;font-size:12px;}
.econtract .tab02 .quick_area ul.agreement_area{border:1px solid #ddd;min-height:170px;margin-top:23.5px;padding-top:14.5px;padding-left:19.5px;}
.econtract .tab02 .quick_area li{text-align:left;color:#888888;font-size:13px;margin-bottom:.6em;padding-left:5px;}
.econtract .tab02 .quick_area li:before{content:'-';display:inline-block;margin-left:-5px;vertical-align:top;}
.econtract .tab02 .quick_area li p{display:inline-block;padding-left:5px;vertical-align:top;color:#666666;}
/*
.econtract .tab02 button{width:49%;box-sizing:border-box;margin:0px;}
.econtract .tab02 .td{overflow:hidden;margin-top:20px;}
.econtract .tab02 button.btn_step_w{float:left;}
.econtract .tab02 button.btn_step_b{float:right;} */
/* canvas sign */
.t_Signature{width:100%;min-height:170px;border:1px solid #ddd;margin-top:23.5px;text-align:center;position:relative;}
.t_Signature .m_note{color:#888888;display:inline-block;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.t_Signature2{width:100%;height:30vh;border:1px solid #ddd;margin-top:23.5px;text-align:center;position:relative;}
.t_Signature2 .m_note{color:#888888;display:inline-block;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
/* //canvas sign */
/* .econtract .tab03 button{width:49%;box-sizing:border-box;margin:0px;}
.econtract .tab03 .td{overflow:hidden;margin-top:20px;}
.econtract .tab03 button.btn-outline-primary{float:left;}
.econtract .tab03 button.btn-primary{float:right;} */
.Signature_area{text-align:left;position:absolute;bottom:0px;right:0px;font-size:13px;}
.Signature_area .s_name , .Signature_area .s_img{display:inline-block;margin-bottom:10px;margin-right:6px;}
.Signature_img{widtH:60px;vertical-align:bottom;}
/* canvas sign */
.m-signature-pad{top:0;left:0;margin-left:0;}
.m-signature-pad--footer{position:static;left:0;right:0;bottom:0;height:auto;}
/* @media all and(max-width:768px){
.m-signature-pad{margin:0;}
} */
/* //canvas sign */
.econtract.econ1 .label-wrap{margin-bottom:35px;}
.econtract.econ1 .label-group{width:100%;text-align:left;}
.econtract.econ1 .label-group label{font-size:16px;line-height:1;}
.econtract.econ1 label{vertical-align:bottom;}
.econtract.econ1 .label-group.others_input{overflow:hidden;}
.econtract.econ1 .label-group.others_input input[type="text"]{margin-top:15px;}
.econtract.econ2 .t_Signature{margin-top:0px;}
.btn50{width:100%;overflow:hidden;margin-top:20px;}
/*
.btn50 .btn{width:49%;box-sizing:border-box;margin:0px;}
.btn50 .btn_step_w{float:left;}
.btn50 .btn_step_b{float:right;} */
.c_confirmation{}
.h3_list_title{margin:0px 0px 20px;font-size:26px;font-weight:600;}
.c_confirmation .tabMenu{width:100%;font-family: 'Noto Sans Kr';}
.c_confirmation .tabMenu ul{display:inline-block;width:100%;font-size:0px;text-align: center;border-bottom: 2px solid #003586;cursor: pointer}
.c_confirmation .tabMenu li{display:inline-block;width:30%;max-width:200px;height:50px;line-height:50px;font-size:0px;font-weight:500;box-sizing:border-box;text-align:center;background-color:#d0def4;color: #003586;border: 1px solid #a2b9de;border-bottom: none;}
.c_confirmation .tabMenu li:nth-child(1){border-right: none;}
.c_confirmation .tabMenu li:nth-child(2){border-right: none;}
.c_confirmation .tabMenu li span{font-size:16px;font-weight:500;}
.c_confirmation .tabMenu li.on{background-color:#003586;border-color: #003586;color: #fff;}
.c_confirmation .quick_area{padding-top:19.5px;}
.c_confirmation .quick_area .tabCnt{display:none;}
.c_confirmation .quick_area .tabCnt.on{display:block;}
.c_confirmation .quick_area .tabCnt .t_Signature{min-height:340px;margin-top:0px;}
.c_confirmation .tabCnt.tab2 .t_Signature{display:inline-block;min-height:auto;border:0px;}
.c_confirmation .tabCnt.tab2 .table_scroll{}
.c_confirmation .tabCnt .btn-sm{min-width:50px;height:24px;}
.c_confirmation .btn_step{width:100px;min-height:36px;}
.c_confirmation .detail_active1, .c_confirmation .detail_active2{display:none;}
.c_confirmation .detail_active1.on, .c_confirmation .detail_active2.on{display:block;}
.c_confirmation .detailTab1_active1, .c_confirmation .detailTab1_active2{display:none;}
.c_confirmation .detailTab1_active1.on, .c_confirmation .detailTab1_active2.on{display:block;}
.c_confirmation .detailTab2_active1, .c_confirmation .detailTab2_active2{display:none;}
.c_confirmation .detailTab2_active1.on, .c_confirmation .detailTab2_active2.on{display:block;}
.c_confirmation .detailTab3_active1, .c_confirmation .detailTab3_active2{display:none;}
.c_confirmation .detailTab3_active1.on, .c_confirmation .detailTab3_active2.on{display:block;}
/* mobile main */
.wrap.mh_main{}
.wrap.mh_main > header{}
.wrap.mh_main > header .m_logo{position:absolute;left:50%;transform:translateX(-50%);height:59px;text-align:center;display:inline-block;vertical-align:middle;}
.wrap.mh_main > header .m_logo a{display:inline-block;width:100%;height:100%;}
.wrap.mh_main > header .m_logo a h1{text-align:center;line-height:1;font-size:24px;margin:0 auto;}
.wrap.mh_main > header .m_logo h1{text-indent:-9999em;width:166px;height:59px;background:url("/include/img/main/header_logo_m.png")no-repeat center;background-size:contain;}
.wrap.mh_main > header .m_left_nav{display:none;}
/* usercheck */
.area_warning{width:100%;margin-top:20px;font-size:14px;}
.area_warning p{display:block;}
.area_warning p span{display:block;white-space:pre-line;line-height: 1.5;}
/* ---------------------------------------------- */
/* 2020.07.28 새로운 디자인 퍼블리싱 작성자 : 홍순학 */
/* ---------------------------------------------- */
/* 공통 사용 시작 */
input[type="radio"]{
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
background:url('/include/img/ico/radio-on.png') no-repeat 0 0;
background-size: 20px auto;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
border-radius:0;
border:0;
}
input[type="radio"] {
background:url('/include/img/ico/radio-off.png') no-repeat 0 0;
background-size: 20px auto;
}
input[type="radio"]:checked {
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
background:url('/include/img/ico/radio-on.png') no-repeat 0 0;
background-size: 20px auto;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
border-radius:0;
border:0;
}
input[type="checkbox"]{
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
background:url('/include/img/ico/checkbox-off.png') no-repeat 0 0;
background-size: 20px auto;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
border-radius:0;
border:0;
cursor: pointer;
}
input[type="checkbox"] {
background:url('/include/img/ico/checkbox-off.png') no-repeat 0 0;
background-size: 20px auto;
}
input[type="checkbox"]:checked {
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
background:url('/include/img/ico/checkbox-on.png') no-repeat 0 0;
background-size: 20px auto;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
border-radius:0;
border:0;
cursor: pointer;
}
.a-c-c {display: flex; justify-content: center;align-items: center} /* 해당 div 안에 있는 컨텐츠 중앙 가운데 정렬 */
.t-red {color:#f20707} /* 텍스트 red color 공통 */
.t-green {color:#30b526} /* 텍스트 green color 공통 */
.t-a-bold {font-weight: bold}
.btn-bottom-body {padding: 40px 0 80px 0;text-align: center;} /* 회원가입 하단 영역 */
.pop-btn-body {padding:24px;background: #f0f2f7;}
/* div 레이아웃 */
.row { float:none ;} /* 행 관련 */
.row:after { content:""; display:block; clear:both; }
.row .col {
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}/* 열 관련 */
.row .col.w10 { width:10%; }
.row .col.w15 { width:15%; }
.row .col.w20 { width:20%; }
.row .col.w25 { width:25%; }
.row .col.w30 { width:30%; }
.row .col.w40 { width:40%; }
.row .col.w33 { width:33.3333%; }
.row .col.w50 { width:50%; }
.row .col.w60 { width:60%; }
.row .col.w70 { width:70%; }
.row .col.w75 { width:75%; }
.row .col.w80 { width:80%; }
.row .col.w90 { width:90%; }
.con-label-bg {background:#f2f5fa;padding: 10px;height: 52px;display: flex;align-items: center;font-size: 14px;} /**/
.row-b-line {border-bottom: 1px solid #ddd;}/**/
.con-input {padding: 6px;width: auto;} /**/
.pop_cont .p-title {background: #f0f2f7;height: 52px;padding: 12px; display: flex;align-items: center}
.pop_cont .p-con {padding: 6px;}
.pop_cont select {height: 40px;}
/* 제이쿼리 UI 팝업 수정 */
.ui-dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
height: 50px;
background: #03152c;
}
.ui-dialog .ui-dialog-title {
height: 50px;
font-size: 20px;
font-weight: 400;
font-family: 'Noto Sans Kr';
display: flex;
align-items: center;
}
.ui-dialog .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
background-size: 100px;width: 110px;
height: 50px;}
.ui-dialog .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-hover {background-size:100px;}
.ui-dialog .ui-dialog-titlebar-close {width: 32px;height:26px;width: 32px;}
.ui-dialog input, .ui-dialog select, .ui-dialog textarea, .ui-dialog button {font-size: 16px; line-height: inherit}
/*.ui-dialog .ui-dialog-content.ui-widget-content {padding:0;}*/
.dialogPop .title {font-weight: 700;font-size: 18px;}
.bbs-h2 > h2 {
font-weight: 700;
font-size: 18px;
margin-bottom: 16px;
letter-spacing: -1px;
}
/* 공통 사용 끝 */
/* 회원가입 줄과 행 */
.container .row .col.m-title {width:20%;background: #f0f2f7;display: flex;align-items: center;padding: 10px;height:52px;}
.container .row .col.m-con {width:30%;display: flex;justify-content: center;align-items: center;padding: 6px;}
.container .row .col.m-con > button {margin-left: 5px;height: 40px;}
.no-login-header {box-shadow: none;border-bottom: 1px solid #dce0ea;}
.container {width:auto; position:relative;background:#f0f2f7;min-width:320px;padding-top:70px;}
.contain{z-index:1;margin-bottom:0%;padding-bottom:0%;transition: all .35s ease-out}
.content{padding:0;}
.con {width:100%;background:#fff;padding:0;margin-top:0;border-top:1px solid #dce0ea;border-radius: 0;box-shadow: none;}
.top-title {width:100%; text-align:center;height:130px;font-size:15px;padding-top:20px;}
.top-title > h3 {font-size:30px;}
.member-first {width:800px;margin:auto;}
.member-first .ad-all-view {font-weight: 400;font-size: 14px;color: #0a3e87;padding: 16px 5px;display: inline-block;width: 650px;}
.member-first .ad-all-view:hover {color: #1d82fb;}
.ad-body {border: 1px solid #ddd;border-radius: 10px;padding: 0 10px 0 16px;}
.member-last {width:1000px;margin:auto;}
.member-head {display: flex;justify-content: space-between;border-bottom: 1px solid #222;font-family: 'Noto Sans KR';
font-weight: 500;font-size: 18px;line-height: 20px;margin-top: 40px;width: 100%;}
.member-head p:last-child{font-size: 16px;}
/* .member-head-com {padding: 6px;background: url(/include/img/ico/mem-icon-com.png) no-repeat left bottom;padding-left: 45px;}
.member-head-my {padding: 6px;background: url(/include/img/ico/mem-icon-human.png) no-repeat left bottom;padding-left: 40px;}*/
.member-head-com {padding: 6px;}
.member-head-my {padding: 6px;}
.check-all {padding:20px 0 20px 10px;font-size:18px;font-family: 'Noto Sans KR';font-weight:700;margin:20px 10px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.check-con {padding: 10px;font-family: 'Noto Sans KR';font-size: 14px;}
.check-con textarea {width: 100%; margin-bottom: 20px; }
.check-con > .tblStyleF td {border-bottom: none; padding: 5px 10px;cursor: auto;}
.charge-info {padding: 12px;background: #f8f3e1;border: 1px solid #e0b564;}
.charge-view {border: 1px solid #e0b564;border-top: none;}
.charge-view h4 {padding:12px 6px;text-align: center;border-bottom: 2px solid #0a3e87;color: #0a3e87;font-weight: 500;}
.charge-view .tblStyleF th,
.charge-view .tblStyleF td {padding:5px 10px}
.charge-view .tblStyleF, .charge-view .tblStyleF th, .charge-view .tblStyleF td {border-color: #c8d9f0;}
.charge-view .tblStyleF th {background:#7ca5dd;color: #fff;font-weight: 400 }
.charge-view .tblStyleF tr:nth-child(even) td {background: #f8fbff;}
/* 회원가입 약관 관련 */
.terms-item {
position: absolute;top: 50px;left: 50%; width: 1000px;
transform: translateX(-50%);
z-index:21;
display:none;
}
.terms-item > td {background:transparent;}
.terms-title {width: 1000px;height: 50px; background: #03152c;line-height: 50px;text-align: left;padding-left: 20px;border-radius: 16px 16px 0 0;position: relative;}
.terms-title h3 {
font-size: 20px;
font-weight: 500;
font-family: 'Noto Sans Kr';
color: #fff;
display: inline-block
}
.terms-con {width: 1000px;height: 500px;overflow-y: auto;background:#fff;padding:10px;}
.terms-close {width:100%;padding:16px;background:#f2f2f2;text-align:center;}
.search-close {width: 30px;height: 30px;background: url(/include/img/ico/ico-close-wh.png) no-repeat;
background-size: contain;display: inline-block;position: absolute;right: 10px;margin: 10px;}
.bg-black {/* 배경 어둡게 */
display: none;
position: fixed;
top: 0px;left: 0;bottom: 0;right: 0;
background: #000;
opacity: 0.5;
z-index: 20;
}
/* 아이디 검색 팝업 버튼 */
.box-body {padding: 12px;text-align: center;background: #f0f2f7;font-size:14px;}
.search-pop-body {display: flex;height: 52px;background: #fff url(/include/img/ico/search-pop-glass.png) 12px center no-repeat; border-radius: 25px;border: 1px solid #ddd;}
.search-pop-body input {height: 50px;margin-left: 50px;border: none;}
.btn_search{font-size:16px; color:#ffffff; background:#0a3e87;border:0 none; width:120px; height:50px;border-radius: 0px 25px 25px 0;}
.btn_search::before {content:"";vertical-align: middle;background: url("/include/img/ico/icon-search.png") center center no-repeat; width:15px; height:15px; background-size: contain;display: inline-block;margin-top: -2px; margin-right: 7px;}
.btn-search{font-size:14px; color:#ffffff; background:#0a3e87;border:none; min-width:70px; height:40px;}
.btn-search::before {content:"";vertical-align: middle;background: url("/include/img/ico/icon-search.png") center center no-repeat; width:15px; height:15px; background-size: contain;display: inline-block;margin-top: -2px; margin-right: 7px;}
.err-txt-box {padding:20px;text-align: center;}
/* 아이디 및 비밀번호 찾기 시작 */
.find-user-body {width: 1000px;margin: auto;display: flex;margin-top:80px;}
.find-user-body input::placeholder {color: #757575;}
.find-user-item {width: 500px;position: relative;}
.find-user-item:first-child {border-right: 4px solid #f0f2f7;}
.find-user-item > h2 {padding: 18px 0;text-align: center;font-family: 'Noto Sans Kr';font-size: 20px;background: #03152C;
color: #fff;font-weight: 500;}
.find-user-id .find-user-btn-body {margin-top: 75px;}
.find-user-con {background: #fff;padding: 20px;text-align: center;}
.find-user-con img {margin-bottom: 20px;height: 146px;}
.find-user-con input {margin-bottom: 5px;}
.find-user-btn-body {margin-top: 30px;}
/* 아이디 및 비밀번호 찾기 끝 */
.table-m-body {
margin-bottom: 20px;
}
/* 공지사항 팝업 */
.notice-pop {width: 400px;height: 550px;background: #fff;position: absolute;top: 100px;left: 100px;}
.notice-pop .pop-head{height: 50px;background: #03152c;padding: 0 10px;}
.notice-pop .pop-head h2 {color: #fff;font-family: 'Noto Sans Kr';font-weight: 500;line-height: 50px; display: inline-block;}
.notice-pop .pop-head button {width: 30px;height: 30px;background: url(/include/img/ico/ico-close-wh.png) no-repeat;
background-size: contain;display: inline-block;position: absolute;right: 0px;margin: 10px;}
.notice-pop .pop-content{height: 500px;}
.notice-pop .pop-bottom{height: 32px;text-align: right;padding-right: 10px;background: #e9e9e9;;padding: 6px 10px;}
.notice-pop2 {width: 520px;height: 550px;background: #fff;position: absolute;top: 100px;left: 520px;}
.notice-pop2 .pop-head{height: 50px;background: #03152c;padding: 0 10px;}
.notice-pop2 .pop-head h2 {color: #fff;font-family: 'Noto Sans Kr';font-weight: 500;line-height: 50px; display: inline-block;}
.notice-pop2 .pop-head button {width: 30px;height: 30px;background: url(/include/img/ico/ico-close-wh.png) no-repeat;
background-size: contain;display: inline-block;position: absolute;right: 0px;margin: 10px;}
.notice-pop2 .pop-content{height: 500px;}
.notice-pop2 .pop-bottom{height: 32px;text-align: right;padding-right: 10px;background: #e9e9e9;;padding: 6px 10px;}
.notice-pop3 {width: 620px;height: 650px;background: #fff;position: absolute;top: 100px;left: 520px;}
.notice-pop3 .pop-head{height: 50px;background: #03152c;padding: 0 10px;}
.notice-pop3 .pop-head h2 {color: #fff;font-family: 'Noto Sans Kr';font-weight: 610;line-height: 50px; display: inline-block;}
.notice-pop3 .pop-head button {width: 30px;height: 30px;background: url(/include/img/ico/ico-close-wh.png) no-repeat;
background-size: contain;display: inline-block;position: absolute;right: 0px;margin: 10px;}
.notice-pop3 .pop-content{height: 600px;}
.notice-pop3 .pop-bottom{height: 32px;text-align: right;padding-right: 10px;background: #e9e9e9;;padding: 6px 10px;}
.notice-pop4 {width: 520px;height: 580px;background: #fff;position: absolute;top: 100px;left: 520px;}
.notice-pop4 .pop-head{height: 50px;background: #03152c;padding: 0 10px;}
.notice-pop4 .pop-head h2 {color: #fff;font-family: 'Noto Sans Kr';font-weight: 500;line-height: 50px; display: inline-block;}
.notice-pop4 .pop-head button {width: 30px;height: 30px;background: url(/include/img/ico/ico-close-wh.png) no-repeat;
background-size: contain;display: inline-block;position: absolute;right: 0px;margin: 10px;}
.notice-pop4 .pop-content{height: 532px;}
.notice-pop4 .pop-bottom{height: 32px;text-align: right;padding-right: 10px;background: #e9e9e9;;padding: 6px 10px;}
.style0
{mso-number-format:General;
text-align:general;
vertical-align:middle;
white-space:nowrap;
mso-rotate:0;
mso-background-source:auto;
mso-pattern:auto;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"맑은 고딕", monospace;
mso-font-charset:129;
border:none;
mso-protection:locked visible;
mso-style-name:표준;
mso-style-id:0;}
.xl65
{mso-style-parent:style0;
color:black;
font-size:12.0pt;
text-align:justify;}
.xl65
{mso-style-parent:style0;
color:black;
font-size:8.0pt;
text-align:center;
border-top:1.5pt solid white;
border-right:1.0pt solid white;
border-bottom:none;
border-left:1.0pt solid white;
background:#CFD5EA;
mso-pattern:black none;
white-space:normal;}
.xl66
{mso-style-parent:style0;
color:black;
font-size:8.0pt;
text-align:center;
border-top:none;
border-right:1.0pt solid white;
border-bottom:1.0pt solid white;
border-left:1.0pt solid white;
background:#CFD5EA;
mso-pattern:black none;
white-space:normal;}
.xl67
{mso-style-parent:style0;
color:black;
font-size:8.0pt;
text-align:center;
border:1.0pt solid white;
background:#E9EBF5;
mso-pattern:black none;
white-space:normal;}
.xl68
{mso-style-parent:style0;
color:white;
font-size:10.0pt;
font-weight:700;
text-align:center;
border-top:1.0pt solid white;
border-right:none;
border-bottom:1.5pt solid white;
border-left:1.0pt solid white;
background:#4472C4;
mso-pattern:black none;
white-space:normal;}
.xl71
{mso-style-parent:style0;
color:#0070C0;
font-size:10.5pt;
font-weight:700;
text-align:justify;}
/* ---------------------------------------------- */
/* ------------ table grid 수정 편집 ---------------- */
/* ---------------------------------------------- */
th.tui-grid-cell-head {
background-color: #f2f2f2;
border-color: #e9e9e9;
border-top-width: 0px;
color: #222;
font-weight:400;
font-size:14px;
}
.tui-grid-table input {height:24px;}
.tui-grid-border-line-top {height:0;}
.tui-grid-cell .tui-grid-cell-content {padding:6px;font-size: 13px;}
.tui-grid-table tbody tr:hover td {background: rgba(255, 255, 0, 0.1);cursor: pointer;}
/* ------------ table grid 수정 편집 끝 ---------------- */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.f-address:before {content: "(우)34618 대전광역시 동구 중앙로 242 국가철도공단"}