/* ���� */
.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:#f4f4f4;}
.contents_wrap * {box-sizing:border-box;}
.contents_wrap .contents_top {position:relative; padding:5px 15px 25px; overflow:hidden; width:100%; box-sizing:border-box; background:#fff; margin-bottom:20px;}
.contents_wrap .contents_top .step_process {width:calc(100% + 40px); left:-20px;}
.contents_wrap .contents_top .area_sysmessage {margin-bottom:0;}
.contents_wrap .contents_top .write_form .article {padding:0; padding-top:10px;}
.contents_wrap .contents_top .write_form .article:last-child {margin-bottom:0;}

/* 절차 */
.step_process {position:relative; overflow:hidden; width:100%; text-align:center; line-height:1; font-size:0; background:#fff;padding: 0px; margin-bottom: 2px;}
.step_process .step {position:relative; display:inline-block; vertical-align:top; width:33.3%;}
.step_process .step .count {margin-bottom:10px; font-size:14px; 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:#f1c52b;}
.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_pv {color:#087cf7;font-weight:bold;}
.shop_contents .pr_total {color:#fd0505; font-weight:bold;}

/* ���ٱ��� */
.shop_contents .list_cart {position:relative; width:100%; background:#fff; padding:0px 0px; margin-bottom:10px;}
.shop_contents .list_cart .item {position:relative; overflow:hidden; width:100%; padding:5px; border-bottom:1px solid #e3e3e3;background-color: #ffff; }
.shop_contents .list_cart .item:last-child {margin-bottom:0; padding-bottom:20; 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:120px; height:120px; border:1px solid #eee; border-radius: 8px;}
.shop_contents .list_cart .item .row .thumb_wrap img {width:100%; height:100%;}
.shop_contents .list_cart .item .row .thumb_wrap input[type='checkbox'] {position:absolute; top:5px; left:5px;}
.shop_contents .list_cart .item .row .title_wrap {width:calc(100% - 120px);  padding-left:15px; font-size:14px;}
.shop_contents .list_cart .item .row .title_wrap .title {position:relative; line-height:19px; width:calc(100% - 30px); margin-bottom:10px; font-weight: bold;}
.shop_contents .list_cart .item .row .title_wrap .pr_brand {color:#666; font-size:1.2rem; margin-bottom:6px; display:block;}
.shop_contents .list_cart .item .row .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 {display:inline-block; vertical-align:bottom;}
.shop_contents .list_cart .item .row .title_wrap .area_price .pr_price {font-weight:bold; margin-right:5px;color: #fd0505;}
.shop_contents .list_cart .item .row .title_wrap .area_price .pr_pv {color:#24a3e5;}

.shop_contents .list_cart .item .row .title_wrap .area_price .fm-price {font-weight: bold; color: #555;}
.shop_contents .list_cart .item .row .title_wrap .area_price .fc-price {font-weight: bold; color: blue;}
.shop_contents .list_cart .item .row .title_wrap .area_price .ff-price {font-weight: bold; color: red;}
.shop_contents .list_cart .item .row .title_wrap .area_price .fp-fontPv {font-weight: bold; color: #24a3e5;}

.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: none; margin:0; margin-right:5px; border: 0px solid #e1e1e1;width: auto; height: 30px;}
.shop_contents .list_cart .item .row .amount .textQuantity {width:40px; height:35px; 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:35px;}
.shop_contents .list_cart .item .row .amount .quantity.addnum {background:url("/libs/images/mobile/icon_quantity_addnum.png?v.1") center no-repeat #fff; background-size:10px; 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?v.1") center no-repeat #fff; background-size:10px; 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:#fd0505}
.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; margin:auto; padding:5px 0px; font-size:0;}
.shop_contents .shop_total .list {display:inline-block; vertical-align:middle; margin-right:20px; font-size:16px;}
.shop_contents .shop_total .list:last-child {margin-right: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:#f92424 !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;}
.write_form .article {position:relative; width:100%; background:#fff; margin-bottom:0px; padding:10px 0px;}
.write_form .area_title {display:none; margin-top: 50px; margin-bottom:30px; line-height:1; font-size:1.2rem; font-weight:bold;}
.write_form .article .section {position:relative; width:100%; overflow:hidden; margin-bottom:10px;background-color: #f4f4f4; padding: 10px 10px 5px; border-radius: 8px;}
.write_form .article .section .title {display:block; font-size:1.0rem; line-height:1; font-weight:bold; margin-bottom:0px; padding: 5px 0px 10px;}
.write_form .article .section .cont {position:relative; font-size:1.0rem; overflow:hidden; color:#424242;}
.write_form .article .section .cont.datepicker {font-size:0;}
.write_form .article .section .cont .half {display:inline-block; width:50%; float:left;}
.write_form .article .section .cont .half select {width:100%;}
.write_form .article .section .cont .half:first-child select {border-right:0; border-radius:8px 0px 0px 8px;}
.write_form .article .section .cont .half:last-child select {border-radius:0px 8px 8px 0px;}
.write_form .article .section .cont .text_common.card {width:70px; border-right:0; float:left;}
.write_form .article .section .cont .text_common.card:last-child {border-right:1px solid #ccc;}
.write_form .article .section .cont .point_balance {display:inline-block; letter-spacing:1px; line-height:10px; height:20px; margin-right:5px; width:100%;font-weight: bold;}
.write_form .article .section .date_select_btn {float:right; font-size:0; width:85px}
.write_form .article .section .input_wrap {display:inline-block;}
.write_form .article .section .input_wrap .text_form {padding-right:50px;}
.write_form .article .section .input_wrap + .btn_common {margin-left:5px;}
.write_form .article .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 {height:40px; border:1px solid #ccc; font-size:14px; padding-left:10px; width: 65%;}



/* ����Ʈ */
.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:30px; line-height:30px; border-radius:6px; border:1px solid #dfdfdf; font-size:1.0rem; 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 {background:url("../../images/common/icon_select_arrow.png") calc(100% - 15px) center no-repeat #fff; background-size:9px; border-radius:8px; border:0; height:45px; padding:0px 40px 0px 15px;}
.select.network {background:url("../../images/common/icon_swap.png?ver=1.3") calc(100% - 15px) no-repeat #fff; width:100%;  background-size:21px;}
select {cursor:pointer; -webkit-appearance: none; -moz-appearance: none;appearance:none; border-radius:8px; background:url("../../images/common/icon_select_arrow.png") calc(100% - 15px) center no-repeat #fff; background-size:9px; padding:0px 30px 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("../../images/mobile/icon_date.png?v=1") calc(100% - 10px) center no-repeat; background-size:18px;background-color: white;}




/* input btn */
.btn_area {position:relative; overflow:hidden; width:100%; text-align:center; }
.btn_common {text-align:center; padding:0 12px; height:35px; line-height:35px; 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%; height: 40px;}
.btn_common.prev, .btn_common.next {border:1px solid #ccc; border-radius:0; width:40px; height:40px; font-size:0; background-size:8px !important;}
.btn_common.prev {background:url("../../images/mobile/icon_prev.png?v=1") center no-repeat;background-color: white;}
.btn_common.next {background:url("../../images/mobile/icon_next.png?v=1") center no-repeat; margin-left:5px;background-color: white;}
.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:#f1c52b; color:#060606;}
.btn_sub {background:#999999; color:#fff;}
.btn_other {background:#32db92; color:#060606;}




.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:#333; height:40px; line-height:40px; background:#fff; border:1px solid #333; border-right:0;}
.date_select .item input[type='radio']:checked + label {background:#333; color:#fff;}
.date_select .item:last-child input[type='radio'] + label {border-right:1px solid #333;}


/* ���ϸ�������Ʈ */
.mileage_price {background:#fff; background:#fff; 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;}