/* ¿©¹é */
.w100 {width:100% !important;}
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pb0 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}



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


/* ¿ÀÇǽº & ¼îÇθô ÄÁÅ×ÀÌ³Ê */
.contents_wrap {position:relative; width:100%; background:#f2f2f2;}
.contents_wrap * {box-sizing:border-box;}
.contents_wrap .contents_top {position:relative; padding:50px 15px 40px; width:100%; box-sizing:border-box; background:#fff; margin-bottom:20px;}

.contents_wrap .contents_top .area_sysmessage {margin-bottom:0;}
.contents_wrap .contents_top .write_form .row {padding:0; padding-top:30px;}

/* ÀýÂ÷ */
.step_process {position:relative; overflow:hidden; padding-bottom:30px; width:100%; text-align:center; line-height:1; font-size:0; background:#fff;}
.step_process .step {position:relative; display:inline-block; vertical-align:top; width:33.3%;}
.step_process .step .count {margin-bottom:10px; font-size:12px; color:#a5a5a5;}
.step_process .step .tit {font-style:normal; font-size:14px; 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:#385583;}
.step_process .step.on .tit {color:#2a2a2a;}
.step_process .step:after {position:absolute; top:50%; margin-top:-5px; right:-3px; content:""; width:6px; height:10px; background:url("/libs/images/mobile/icon_process_step.png") center no-repeat; background-size:6px;}
.step_process .step:last-child:after {display:none;}



/* »ó´Ü ¼³¸í ¸Þ¼¼Áö */
.area_sysmessage {position:relative; width:100%; margin:auto; border:1px solid #e3e3e3; font-size:0; margin-bottom:40px; background:#fff;}
.area_sysmessage .area_icon, .area_sysmessage .list {display:inline-block; vertical-align:middle;}
.area_sysmessage .area_icon {position:absolute; left:0; top:0; background:#f9f9f9; width:70px; height:100%; text-align:center;}
.area_sysmessage .area_icon .icon {position:absolute; top:50%; left:0; right:0; width:50px; height:50px;  margin:auto; margin-top:-25px; font-size:0; border-radius:50px; background:#fff; box-shadow:5px 5px 5px rgba(165,165,165,0.1);}							 
.area_sysmessage .area_icon .icon img {position:absolute; width:21px; height:21px; left:0; right:0; margin:auto; top:50%; margin-top:-10px;}
.area_sysmessage .list {width:100%; padding:18px 20px 18px 90px;}
.area_sysmessage .list li {position:relative; word-break:keep-all; font-size:12px; color:#2a2a2a; line-height:17px; display:block; margin-bottom:4px; 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;}



/* ¼îÇθô */
.shop_contents {position:relative; width:100%; color:#2a2a2a;}
.shop_contents * {box-sizing:border-box;}
.shop_contents .pr_price {color:#2a2a2a;}
.shop_contents .pr_pv {color:#385583;}
.shop_contents .pr_total {color:#000; font-weight:bold;}

/* Àå¹Ù±¸´Ï */
.shop_contents .list_cart {position:relative; width:100%; background:#fff; padding:30px 20px; margin-bottom:20px;}
.shop_contents .list_cart .item {position:relative; overflow:hidden; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e3e3e3;}
.shop_contents .list_cart .item:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.shop_contents .list_cart .item .row {position:relative; width:100%; overflow:hidden; margin-bottom:10px;}
.shop_contents .list_cart .item .row .thumb_wrap, .shop_contents .list_cart .item .row .title_wrap {position:relative; display:inline-block; float:left;}
.shop_contents .list_cart .item .row .thumb_wrap {width:75px; height:75px; border:1px solid #eee;}
.shop_contents .list_cart .item .row .thumb_wrap img {width:100%; height:100%;}
.shop_contents .list_cart .item .row .title_wrap {width:calc(100% - 75px);  padding-left:15px; font-size:14px;}
.shop_contents .list_cart .item .row .title_wrap .title, .shop_contents .table_list .title_wrap .title {position:relative; line-height:19px; width:calc(100% - 30px); margin-bottom:10px;}
.shop_contents .list_cart .item .row .title_wrap .packagename, .shop_contents .table_list .title_wrap .packagename {position:relative; line-height:19px; width:calc(100% - 30px); margin-bottom:10px; font-weight:bold; color:#000;}
.shop_contents .list_cart .item .row .title_wrap .purchaseitems, .shop_contents .table_list .title_wrap .purchaseitems {color:darkgreen; margin:5px 0; font-size:13px;}

.shop_contents .list_cart .item .row .title_wrap .area_price, .shop_contents .table_list .title_wrap .area_price {width:100%; overflow:hidden;}
.shop_contents .list_cart .item .row .title_wrap .area_price .pr_price, .shop_contents .list_cart .item .row .title_wrap .area_price .pr_pv,
.shop_contents .table_list .title_wrap .area_price .pr_price, .shop_contents .table_list .title_wrap .area_price .pr_pv{display:inline-block; vertical-align:bottom;}
.shop_contents .list_cart .item .row .title_wrap .area_price .pr_price, .shop_contents .table_list .title_wrap .area_price .pr_price {font-weight:bold; margin-right:5px;}
.shop_contents .list_cart .item .row .title_wrap .area_price .pr_pv, .shop_contents .table_list .title_wrap .area_price .pr_pv {color:#385583; margin-right:5px;}
.shop_contents .list_cart .item .row .title_wrap .area_price .pr_pv2, .shop_contents .table_list .title_wrap .area_price .pr_pv2 {color:#20b7ca;}
.shop_contents .list_cart .item .row .title_wrap .btn_cart_del {position:absolute; top:0; right:0; width:25px; height:25px;}
.shop_contents .list_cart .item .row .title_wrap .btn_cart_del img {width:100%;}
.shop_contents .list_cart .item .row .amount {float:left; margin:0; margin-right:5px;}
.shop_contents .list_cart .item .row .amount .textQuantity {width:35px; height:40px; text-align:center; border-color:#ccc; border-left:0; border-right:0; font-size:14px; font-weight:normal;}
.shop_contents .list_cart .item .row .amount .quantity {width:30px; height:40px;}
.shop_contents .list_cart .item .row .amount .quantity.addnum {background:url("/libs/images/mobile/icon_quantity_addnum.png") center no-repeat #fff; background-size:14px; border-left:0; border-right:1px solid #ccc; border-color:#ccc;}
.shop_contents .list_cart .item .row .amount .quantity.decnum {background:url("/libs/images/mobile/icon_quantity_decnum.png") center no-repeat #fff; background-size:14px; border-right:0; border-left:1px solid #ccc; border-color:#ccc;}
.shop_contents .list_cart .item .row .pr_total {float:right; font-size:16px; font-weight:bold; line-height:40px; color:#385583;}
.shop_contents .list_cart .item .row:last-child {padding-bottom:0px; margin-bottom:0;}
.shop_contents .list_cart .blank {padding:100px 0; text-align:center; font-size:14px; color:#777;}
.shop_contents .shop_total {background:#fff; text-align:center; width:calc(100% - 40px); margin:auto; padding:20px 10px; font-size:0;}
.shop_contents .shop_total .list {display:block; vertical-align:middle; margin-bottom:10px; font-size:16px;}
.shop_contents .shop_total .list:last-child {margin-bottom:0;}
.shop_contents .shop_footer {position:relative; width:100%; text-align:center; padding:30px 20px 50px; font-size:0;}
.shop_contents .shop_footer li {display:inline-block; vertical-align:top;}
.shop_contents .shop_footer li .btn_bottom {width:100%; padding:0;}
.shop_contents .shop_footer li:nth-child(1) {width:calc(30% - 10px); margin-right:5px;}
.shop_contents .shop_footer li:nth-child(2) {width:35%; margin-right:5px;}
.shop_contents .shop_footer li:nth-child(3) {width:35%;}
.imp {font-size:14px; color:#1b2476 !important;}
p.imp {margin-top:10px;}
span.imp, label.imp {margin-left:10px; display:inline-block;}



/* °øÅëÀÔ·ÂÆû */
.write_form {position:relative; width:100%;}
.write_form * {box-sizing:border-box; vertical-align:middle;}
.write_form .row {position:relative; width:100%; background:#fff; margin-bottom:10px; padding:30px 20px;}
.write_form .area_title {display:block; margin-bottom:30px; line-height:1; font-size:16px; font-weight:bold;}
.write_form .row .section {position:relative; width:100%; overflow:hidden; margin-bottom:30px;}
.write_form .row .section .title {display:block; font-size:14px; line-height:1; font-weight:bold; margin-bottom:10px;}
.write_form .row .section .cont {position:relative; width:100%; overflow:hidden; color:#424242;}
.write_form .row .section .cont .half {display:inline-block; width:50%; float:left;}
.write_form .row .section .cont .half select {width:100%;}
.write_form .row .section .cont .half:first-child select {border-right:0;}
.write_form .row .section .cont .text_common.card {width:70px; border-right:0; float:left;}
.write_form .row .section .cont .text_common.card:last-child {border-right:1px solid #ccc;}
.write_form .row .section .date_select_btn {float:right; font-size:0; width:85px}
.write_form .row .section:last-child {margin-bottom:0;}
.write_form .array_list {width:100%; overflow:hidden; font-size:0;}
.write_form .btn_list {display:block; position:relative; padding:0; margin-bottom:10px; }
.write_form .btn_list * {display:inline-block; vertical-align:middle;}
.form_txt {display:inline-block; vertical-align:middle; margin:0 8px;}
.array_list li {display:block; vertical-align:middle; margin-bottom:5px;}
.array_list li label {font-size:14px; cursor:pointer;}
.array_list li input[type='radio'] {cursor:pointer; margin-right:8px;}
.array_list li:last-child {margin-bottom:0;}
.array_list2 {font-size:0;}
.array_list2 li {display:inline-block; vertical-align:middle; margin-right:20px;}
.array_list2 li input[type='radio'] {display:inline-block; margin-right:5px;}
.array_list2 li label {font-size:14px; cursor:pointer;}
.array_list2 li:last-child {margin-bottom:0;}






/* ÁÖ¹®Çϱâ */
.write_form .area_mobilecard {position:relative; width:100%; padding:10px; background:#f9f9f9;}
.write_form .area_mobilecard > div {position:relative; width:100%; margin-bottom:20px; }
.write_form .area_mobilecard > div:last-child {margin-bottom:0;}
.write_form .area_mobilecard .mobilecard_input {display:block; width:100%; vertical-align:bottom; margin-bottom:5px;}
.write_form .area_mobilecard .mobilecard_input .text_common {width:calc(60% - 20px); margin-right:10px;}
.write_form .area_mobilecard .mobilecard_input .btn_common {margin-right:10px; margin-left:0;}
.write_form .area_mobilecard .mobilecard_input .btn_common:last-child {margin-right:0;}
.write_form .area_mobilecard .mobilecard_result {display:block; width:100%; vertical-align:bottom;}
.write_form .area_mobilecard .mobilecard_result .tit {margin-right:5px;}
.write_form .area_mobilecard .mobilecard_result .result {color:#777;}
.write_form .text_mobilecard {width:120px; height:30px; line-height:26px; font-size:14px; margin-right:10px; border-bottom:2px solid #777; background:transparent; text-align:right; padding:0 0px;}
.write_form #cashbill_info {width:100%; padding:15px; background:#fff; border:1px solid #e3e3e3; margin-top:10px;}
.write_form #cashbill_info .array_list2 {margin-bottom:10px;}
.write_form input[name='card_period1'], .write_form input[name='card_period2'], .write_form input[name='card_password'] {width:40px;}
.write_form select {min-width:100px; height:40px; border:1px solid #ccc; font-size:14px; padding:0px 40px 0px 10px;}



/* ¸®½ºÆ® */
.area_detail {position:relative; width:100%; padding:30px 15px; background:#fff;}
.table_list {width:100%; border-collapse:collapse; border-top:2px solid #2a2a2a;}
.table_list tr th {background:#f6f6f6;}			   
.table_list tr th, .table_list tr td {border:1px solid #ededed; text-align:center; padding:15px 10px; font-size:14px;}
.table_list tr th:first-child, .table_list tr td:first-child {border-left:0;}
.table_list tr th:last-child, .table_list tr td:last-child {border-right:0;}
.table_list.sub {border-top:0;}
.table_list.sub tr th {background:#fff;}
.table_list.sub tr th, .table_list.sub tr td {font-size:13px;}


/* input text */
.text_form {position:relative; transition:.3s; border:0; vertical-align:middle; font-family: "Pretendard", sans-serif;}
.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:100%;}
.text_common.addr:first-child {margin-bottom:5px;}
.text_common.textarea {width:100%; height:90px; padding:10px; line-height:22px; resize:none;}
.text_common.card {width:60px; text-align:center;}
.text_common.count {width:40px; text-align:center;}
.text_number {width:50px; height:40px; border:1px solid #ccc; text-align:center; font-size:14px;}
select {cursor:pointer; -webkit-appearance: none; -moz-appearance: none;appearance:none; background:url("/libs/images/web/icon_select_arrow.png") calc(100% - 10px) center no-repeat; padding:0px 35px 0px 10px;}
select::-ms-expand { display: none;}
select:focus {outline:none;}



/* datepicker */
.datepicker {display:inline-block; font-size:0;}
.datepicker .form_txt {font-size:12px; width:24px; margin:0; text-align:center;}
.datepicker .text_form {width:calc(50% - 12px); background:url("/libs/images/mobile/icon_date.png") calc(100% - 10px) center no-repeat; background-size:18px;}




/* input btn */
.btn_area {position:relative; overflow:hidden; width:100%; text-align:center; background:#fff;}
.btn_common {text-align:center; padding:0 12px; height:40px; line-height:40px; 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; width:15px; top:-1px;}
.btn_common span {margin-left:5px; font-size:14px; line-height:40px;}
.btn_common.search {width:100%;}
.btn_common.prev, .btn_common.next {width:40px; height:40px; font-size:0; background-size:8px !important;}
.btn_common.prev {background:url("/libs/images/mobile/icon_prev.png") center no-repeat;}
.btn_common.next {background:url("/libs/images/mobile/icon_next.png") center no-repeat; margin-left:5px;}
.btn_bottom {display:inline-block; padding:0 30px; height:40px; line-height:40px; font-size:14px;}
.text_common + .btn_common {margin-left:5px;}
.btn_main {background:#385583; color:#fff;}
.btn_sub {border:1px solid #385583; background:#fff; color:#385583;}
.btn_other {border:1px solid #b9b9b9; background:#fff; color:#424242;}



/* ¶óµð¿À¹öÆ° */
/* ¸¶ÀÌ¿ÀÇǽº ³¯Â¥¼±Åà */
.date_select {position:relative; overflow:hidden; display:inline-block; vertical-align:top; float:left; width:calc(100% - 95px); max-width:360px;}
.date_select .item {display:inline-block; float:left; width:25%;}
.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:13px; color:#385583; height:40px; line-height:40px; background:#fff; border:1px solid #385583; border-right:0;}
.date_select .item input[type='radio']:checked + label {background:#385583; color:#fff;}
.date_select .item:last-child input[type='radio'] + label {border-right:1px solid #385583;} 


/* ¸¶Àϸ®Áö¸®Æ÷Æ® */
.mileage_price {background:#fff; padding:15px; 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:16px;}
.mileage_price span {margin-right:10px;}
.mileage_price em {font-weight:bold; color:#db1b1b;}


/* °èº¸µµ */
.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:50%; margin-bottom:15px;}
.area_maplist .option_list {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.area_maplist .option_list .datepicker {margin-bottom:10px;}
.area_maplist .bottom {position:relative; }
.area_maplist .bottom .bottom_in {padding-left:24px; padding-top:10px;}


/* üũ¹Ú½º */
.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:24px; 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: 50%; margin-top:-8px; width: 14px; height: 14px; 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 #385583; border-color:#385583;} 
.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;}

/* ´ë½Ãº¸µå */
.area_dashboard {position:relative; width:100%; border-radius:20px; padding:30px 20px; box-sizing:border-box;}
.area_dashboard * {box-sizing:border-box;}
.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:21px; letter-spacing:-1px; font-weight:700; width:calc(100% - 90px);}
.area_dashboard .db_title .btn_date {transition:.2s; width:30px; border-radius:0 !important; height:40px; border:0; 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:12px;}
.area_dashboard .db_title .btn_date.next {background:url("/libs/midas/skin/basic/images/btn_dashboard_next.png") center no-repeat; background-size:12px;}
.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 .box {position:relative; border:1px solid #e3e3e3; padding:20px; font-size:16px; background:#fff; border-radius:7px;  width:100%; margin-bottom:15px;}
.area_dashboard .box .btn {border-radius:50px; background:#385583; color:#fff; font-size:12px; height:24px; line-height:25px; 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.pv {padding:5px 20px;}
.area_dashboard .box.profile {text-align:center;}
.area_dashboard .box.profile .group {margin-bottom:15px; text-align:center; }
.area_dashboard .box.profile .icon, .area_dashboard .box.profile .cont {display:block; vertical-align:middle;}
.area_dashboard .box.profile .icon {width:50px; height:50px;margin:auto; margin-bottom:8px; padding:8px; border-radius:50px; background:#f2f5f8;}
.area_dashboard .box.profile .icon img {width:100%; height:100%;}
.area_dashboard .box.profile .cont {width:100%;  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:18px; color:#000;}
.area_dashboard .box.profile .cont .btn {margin-top:8px;}
.area_dashboard .box.profile table th, .area_dashboard .box.profile table td {height:24px; 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:40px; font-size:14px; 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:16px; position:relative; top:3px;}
.area_dashboard .box.direct .area_title {margin-bottom:10px;}
.area_dashboard .box .table_wrap {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:6px 5px; font-size:12px; text-align:center; border-right:1px solid #e3e7eb;}
.area_dashboard .box .table2 thead th {height:36px;}
.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 .table_wrap {overflow-x:auto;}
.area_dashboard .box .table_wrap .table2 {width:640px;}
.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; width:calc(50% - 5px); margin-right:5px; display:inline-block; text-align:center;}
.area_dashboard .box.link a {display:table; height:60px; 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:inline-block; vertical-align:middle;}
.area_dashboard .box.link span {font-weight:bold; font-size:15px;}
.area_dashboard .box.link img {margin-right:10px; width:30px;}
.area_dashboard .box.link:last-child {margin-right:0;}
.area_dashboard .row:last-child {margin-bottom:0;}