/* ¿©¹é */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}



/* Á¤·Ä */
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.tright {text-align:right !important;}


/* ÀýÂ÷ */
.step_process {position:relative; overflow:hidden; margin-bottom:50px; width:100%; text-align:center; line-height:1; font-size:0;}
.step_process .step {position:relative; display:inline-block; vertical-align:top; padding:0 60px;}
.step_process .step .count {margin-bottom:10px; font-size:14px; color:#a5a5a5;}
.step_process .step .tit {font-style:normal; font-size:20px; color:#424242;}
.step_process .step .count, .step_process .step .tit {display:block;}
.step_process .step.on .count, .step_process .step.on .tit {font-weight:bold;}
.step_process .step.on .count {color:#11518f;}
.step_process .step.on .tit {color:#2a2a2a;}
.step_process .step:after {position:absolute; top:50%; margin-top:-7px; right:-6px; content:""; width:9px; height:14px; background:url("/libs/images/web/icon_process_step.png") center no-repeat;}
.step_process .step:last-child:after {display:none;}



/* »ó´Ü ¼³¸í ¸Þ¼¼Áö */
.area_sysmessage {position:relative; width:100%; border:1px solid #e3e3e3; font-size:0; margin-bottom:40px;}
.area_sysmessage .area_icon, .area_sysmessage .list {display:inline-block; vertical-align:middle;}
.area_sysmessage .area_icon {background:#f9f9f9; width:216px; height:100%; padding:20px 0; text-align:center;}
.area_sysmessage .area_icon .icon {position:relative; width:80px; height:80px;  margin:auto; font-size:0; border-radius:80px; background:#fff; box-shadow:5px 5px 5px rgba(165,165,165,0.1);}							 
.area_sysmessage .area_icon .icon img {position:absolute; width:28px; left:0; right:0; margin:auto; top:50%; margin-top:-14px;}
.area_sysmessage .list {width:calc(100% - 216px); padding-left:30px;}
.area_sysmessage .list li {position:relative; word-break:keep-all; font-size:14px; color:#2a2a2a; line-height:22px; display:block; margin-bottom:6px; padding-left:12px;}
.area_sysmessage .list li:last-child {margin-bottom:0;}
.area_sysmessage .list li:before {position:absolute; left:0; top:8px; content:""; width:5px; height:5px; background:url("/libs/midas/skin/basic/images/icon_blit.png") center no-repeat;}



/* °ø¿ë ÀÔ·ÂÆû */
.table_write {width:100%; border-collapse:collapse; border-top:2px solid #333;  font-size:0;}
.table_write th, .table_write td {height:54px; padding:10px 15px; text-align:left; font-size:14px; border:1px solid #e3e3e3;}
.table_write th {background:#f9f9f9; border-left:0;}
.table_write td {color:#424242;}
.table_write tr td:last-child {border-right:0;}
.table_write .imp {font-size:14px; color:#11518f; margin-left:10px;}
.table_write .array_list {width:100%; overflow:hidden; font-size:0;}
.table_write .array_list li {display:inline-block; vertical-align:middle; margin-right:50px;}
.table_write .array_list li label {font-size:14px; cursor:pointer;}
.table_write .array_list li input[type='radio'] {cursor:pointer; margin-right:8px;}
.table_write .array_list li:last-child {margin-right:0;}
.table_write .btn_list {display:block; position:relative; margin-bottom:10px; }
.table_write .btn_list * {display:inline-block; vertical-align:middle;}
.table_write select {height:40px; border:1px solid #ccc; font-size:14px; font-family: "Pretendard", sans-serif;}
.table_write select + .btn {margin-left:10px;}
.table_write .form_txt {display:inline-block; vertical-align:middle; margin:0 8px;}
.table_write.search {border-top:0; margin-bottom:20px;}
.table_write.search th {border-left-width:1px;}
.table_write .vertical_list {width:100%; padding-top:10px;}
.table_write .vertical_list li {display:block; font-size:14px;}
.table_write .vertical_list li.imp {margin-left:0; margin-bottom:4px;}
.table_write .vertical_list li:last-child {margin-bottom:0;}
.table_write.sub {border-top:0; margin-top:40px;}
.table_write.sub th {background:#fff;}
.table_write.sub th, .table_write.sub td {font-size:14px; height:50px; color:#424242;}
.area_search_bottom {width:100%; text-align:center; margin-bottom:80px;}


/* °ø¿ë ¸®½ºÆ® */
.table_grid {width:100%; border-collapse:collapse; border-top:2px solid #333;}
.table_grid th, .table_grid td {height:50px; padding:15px; text-align:center; font-size:14px; border:1px solid #e3e3e3;}
.table_grid th {background:#f6f6f6; font-weight:bold; padding:10px 5px; height:58px;}
.table_grid td {color:#424242;}
.table_grid td a.underline {text-decoration:underline; color:#11518f;}
.table_grid select {height:40px; border:1px solid #ddd; font-size:14px;}
.table_grid.sub {border-top:0; margin-top:40px;}
.table_grid.sub th, .table_grid.sub td {font-size:14px; height:40px;}
.table_grid.sub th {background:#fff; color:#424242; height:50px;}
.table_footer {width:100%; position:relative; text-align:right; margin-top:30px;}
.table_grid_bottom {position:relative; width:100%; overflow:hidden; text-align:center; font-size:0;}
.table_grid_bottom > .btn {margin-right:5px;}
.table_grid_bottom > .btn:last-child {margin-right:0;}

/* ÆäÀÌ¡ */
.area_paging {position:relative; text-align:center; width:100%; overflow:hidden; padding-top:60px; font-size:0;}
.area_paging .page {transition:.2s; cursor:pointer; display:inline-block; vertical-align:top; color:#424242; border:1px solid #ccc; margin-right:5px; width:40px; height:40px; line-height:38px; font-size:14px;}
.area_paging .page:hover {color:#11518f; border-color:#11518f;}
.area_paging .page:last-child {margin-right:0;}
.area_paging .page.prev {background:url("/libs/images/web/icon_page_prev.png") center no-repeat;}
.area_paging .page.next {background:url("/libs/images/web/icon_page_next.png") center no-repeat;}
.area_paging .page.on {background:#11518f; border-color:#11518f; color:#fff;}
.area_paging .page.on:hover {background:#11518f;}



/* °èº¸µµ */
.area_maplist {position:relative; width:100%; padding:10px 0;}
.area_maplist .check_list {position:relative; width:100%; font-size:0; margin-bottom:5px;}
.area_maplist .check_list .check {display:inline-block; vertical-align:middle; width:160px; margin-bottom:15px;}
.area_maplist .option_list {margin-bottom:20px; padding-bottom:21px; border-bottom:1px solid #e3e3e3;}
.area_maplist .option_list .datepicker + select {margin-left:15px;}
.area_maplist .bottom * {display:inline-block; vertical-align:middle;}
.area_maplist .bottom .check, .area_maplist .bottom select {margin-right:10px;}



/* input text */

.text_form:focus {outline:none;}
.text_common {width:200px; height:40px; line-height:40px; border:1px solid #ccc; font-size:14px; padding:0 10px; vertical-align:middle;}
.text_common.addr {width:560px;}
.text_common.addr:first-child {margin-bottom:5px;}
.text_common.textarea {width:560px; height:90px; padding:10px; line-height:22px; resize:none;}
.text_common.card {width:80px; text-align:center;}
select {cursor:pointer; height:40px; border:1px solid #ddd; -webkit-appearance: none; -moz-appearance: none;appearance:none; background:url("/libs/images/web/icon_select_arrow.png") calc(100% - 10px) center no-repeat #fff; padding:0px 40px 0px 10px;}
select::-ms-expand { display: none;}
select:focus {outline:none;}

/* input btn */
.btn_common {padding:0 20px; height:40px; line-height:38px; font-size:14px; display:inline-block; vertical-align:middle;}
.btn_common span, .btn_common img {display:inline-block; vertical-align:middle; }
.btn_common img {position:relative; top:-1px;}
.btn_common span {margin-left:5px; font-size:14px; line-height:38px;}
.btn_common.search {width:160px; height:50px; line-height:50px;}
.btn_main {background:#11518f; color:#fff;}
.btn_sub {border:1px solid #11518f; background:#fff; color:#11518f;}
.btn_other {border:1px solid #b9b9b9; background:#fff; color:#424242;}
.btn_bottom {display:inline-block; width:240px; height:60px; line-height:60px; font-size:18px;}
.text_common + .btn_common {margin-left:5px;}



/* datepicker */
.datepicker {display:inline-block; vertical-align:middle; font-size:0;}
.datepicker .text_form {width:140px; border-right:0;}
.datepicker .text_form + .date {width:40px; height:40px; background:url("/libs/images/web/icon_date.png") center no-repeat; border:1px solid #ccc; border-left:0; vertical-align:middle; border-radius:0px 7px 7px 0px;}



/* üũ¹Ú½º */
.check {position:relative;}
.check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.check input[type="checkbox"] + label {color:#000; display: inline-block; position: relative; padding-left:25px; font-size:14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.check input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; text-align: center; background: #fff; border: 1px solid #ccc;} 
.check input[type="checkbox"]:checked + label:before {background:url("/libs/images/web/icon_check.png") center no-repeat #11518f; border-color:#11518f;} 
.check input[type="checkbox"]:disabled + label:before {background:#ccc; border-color:#ccc;}
.check input[type="checkbox"]:checked:disabled + label:before {background:url("/libs/images/web/icon_check.png") center no-repeat #ccc; border-color:#ccc;}




/* ¶óµð¿À¹öÆ° */
/* ¸¶ÀÌ¿ÀÇǽº ³¯Â¥¼±Åà */
.date_select {position:relative; overflow:hidden; display:inline-block; vertical-align:top;}
.date_select .item {display:inline-block; float:left;}
.date_select .item input[type='radio'] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.date_select .item input[type='radio'] + label {display:block; text-align:center; cursor:pointer; font-size:14px; color:#11518f; min-width:70px; height:40px; line-height:40px; padding:0 15px; background:#fff; border:1px solid #11518f; border-right:0;}
.date_select .item input[type='radio']:checked + label {background:#11518f; color:#fff;}
.date_select .item:last-child input[type='radio'] + label {border-right:1px solid #11518f;} 


/* ¸¶Àϸ®Áö¸®Æ÷Æ® */
.mileage_price {background:#fff; padding:25px 20px; background:#fff; border:1px solid #e3e3e3; margin-bottom:20px;}
.mileage_price span, .mileage_price em {font-style:normal; font-weight:bold; display:inline-block; vertical-align:middle; font-size:20px;}
.mileage_price span {margin-right:10px;}
.mileage_price em {font-weight:bold; color:#db1b1b;}


/* ¼ö´çÁ¶È¸ */
.bonus_issue {width:100%; background:#f9f9f9; border:1px solid #e4e4e4; text-align:right; color:#424242; font-size:14px; padding:15px 20px; margin-bottom:0px;}


/* °³ÀÎÁ¤º¸¼öÁ¤ */
.box_url {display:inline-block; width:400px; height:40px; line-height:40px; vertical-align:top; padding:0 10px; border:1px solid #ccc; margin-right:5px;}


/* ´ë½Ãº¸µå */
.area_dashboard {position:relative; width:100%; padding:60px 25px; background:#f2f5f8; border-radius:20px;}
.area_dashboard table {width:100%; border-collapse:collapse;}
.area_dashboard .db_title {position:relative; width:100%; text-align:center; margin-bottom:5px; letter-spacing:-1px;}
.area_dashboard .db_title * {display:inline-block; vertical-align:middle;}
.area_dashboard .db_title .title {font-size:32px; font-weight:700; margin:0 15px;}
.area_dashboard .db_title .btn_date {transition:.2s; width:50px; border-radius:0 !important; height:60px; border-radius:32px; background:tranparent; font-size:0;}
.area_dashboard .db_title .btn_date.prev {background:url("/libs/midas/skin/basic/images/btn_dashboard_prev.png") center no-repeat; background-size:14px;}
.area_dashboard .db_title .btn_date.next {background:url("/libs/midas/skin/basic/images/btn_dashboard_next.png") center no-repeat; background-size:14px;}
.area_dashboard .db_title .btn_date:active {opacity:.3; }
.area_dashboard .date_alert {color:#cf1717; letter-spacing:-1px; text-align:center; margin-bottom:30px;}
.area_dashboard .row {position:relative; width:100%; margin-bottom:20px; display: flex; gap: 15px;}
.area_dashboard .box {position:relative; padding:25px; font-size:14px; background:#fff; border-radius:10px; flex: 1 1 auto;}
.area_dashboard .box .btn {border-radius:50px; background:#11518f; color:#fff; font-size:13px; height:26px; line-height:27px; display:inline-block; padding:0 15px;}
.area_dashboard .box .area_title {position:relative; width:100%; overflow:hidden; margin-bottom:15px;}
.area_dashboard .box .area_title .title {float:left;}
.area_dashboard .box .area_title .btn {float:right;}

.area_dashboard .box.profile {width:200px; text-align:center;}
.area_dashboard .box.profile .group {margin-bottom:15px; padding-bottom:16px; border-bottom:1px solid #e6e6e6;}
.area_dashboard .box.profile .icon {width:100px; height:100px; margin-right:15px; padding:20px; border-radius:50px; background:#f2f5f8;}
.area_dashboard .box.profile .icon img {width:100%; height:100%;}
.area_dashboard .box.profile .icon, .area_dashboard .box.profile .cont {display:inline-block; vertical-align:middle;}
.area_dashboard .box.profile .cont {width:calc(100% - 120px); text-align:left; font-size:14px; line-height:1.45;}
.area_dashboard .box.profile .cont p {font-size:14px; color:#484d51;}
.area_dashboard .box.profile .cont p b {font-size:20px; color:#000;}
.area_dashboard .box.profile .cont .btn {margin-top:8px;}
.area_dashboard .box.profile table th, .area_dashboard .box.profile table td {height:32px; font-size:14px;}
.area_dashboard .box.profile table th {text-align:left;}
.area_dashboard .box.profile table td {text-align:right;}
.area_dashboard .box.pv table {width:100%; height:100%;}
.area_dashboard .box.pv table tr {border-bottom:1px solid #eee;}
.area_dashboard .box.pv table tr th, .area_dashboard .box.pv table tr td {height:50px; font-size:17px; text-align:left;}
.area_dashboard .box.pv table tr th {width:140px;}
.area_dashboard .box.pv table tr td {text-align:right; font-weight:bold; }
.area_dashboard .box.pv table tr:last-child {border-bottom:0;}
.area_dashboard .box.direct .group {margin-bottom:25px;}
.area_dashboard .box.direct .group:last-child {margin-bottom:0;}
.area_dashboard .box.direct .area_title .title {font-size:14px; position:relative; top:3px;}
.area_dashboard .box.direct .area_title {margin-bottom:10px;}
.area_dashboard .box.leg {width:420px; flex:none;}
.area_dashboard .box .table_wrap {height:260px; overflow-y:auto;}
.area_dashboard .box .table2 th {background:#f2f5f8;}
.area_dashboard .box .table2 tr {border-bottom:1px solid #e3e7eb;}
.area_dashboard .box .table2 th, .area_dashboard .box .table2 td {padding:7px 5px; font-size:14px; text-align:center; border-right:1px solid #e3e7eb;}
.area_dashboard .box .table2 thead th {height:40px;}
.area_dashboard .box .table2 th:last-child, .area_dashboard .box .table2 td:last-child {border-right:0;}
.area_dashboard .box .table2 td {color:#484d51;}
.area_dashboard .box.class .table2 {table-layout:fixed;}
.area_dashboard .box.class .table2 th, .area_dashboard .box.class .table2 td {padding:8px 0; width:calc((100% - 14%) / 11);}
.area_dashboard .box.class .table2 tr th:first-child, .area_dashboard .box.class .table2 tr td:first-child {width:14%;}
.area_dashboard .box.class .table2 td {font-size:12px;}
.area_dashboard .box.link {padding:0; flex:none; width:200px; text-align:center;}
.area_dashboard .box.link a {display:table; height:100%; width:100%; }
.area_dashboard .box.link a div {display:table-cell; vertical-align:middle;}
.area_dashboard .box.link span, .area_dashboard .box.link img {display:block; vertical-align:middle;}
.area_dashboard .box.link span {font-weight:bold; font-size:18px;}
.area_dashboard .box.link img {margin-right:10px; width:40px; margin:auto; margin-bottom:15px;}
@keyframes bounce {
    0%, 100% {transform:translateY(0);}
    50% {transform:translateY(-6px);}
}

.area_dashboard .box.link:hover {
    animation: bounce 0.6s infinite ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.area_dashboard .row:last-child {margin-bottom:0;}