@charset "euc-kr";
/* //////////////////////¸¶Àϸ®Áö °øÅë////////////////////// */
.mileage_wrap *, .mileage_join_wrap *{color:#222; line-height:1; box-sizing:border-box;}

.top_title{padding:10px 0 30px; text-align:center;}
.top_title strong{position:relative; font-size:30px; font-weight:700; color:#222;}
.top_title strong:before{content:''; position:absolute; left:-52px; top:4px; width:36px; height:31px; background-repeat:no-repeat; background-position:0 0;}
.top_title p{margin:12px 0 18px; font-size:20px; color:#616161;}
.top_title > span{font-size:14px; color:#888;}

.tbl{width:100%;}
.tbl th{height:38px; background:#008649; border:1px solid #008649; font-size:13px; color:#fff; text-align:center;}
.tbl tbody td{padding:10px 0; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; font-size:13px; color:#555; line-height:16px; text-align:center;}
.tbl tbody td:first-child{border-left:1px solid #c9c9c9;}
.tbl tbody td.txt_l{padding-left:20px; padding-right:20px; text-align:left;}
.tbl tbody .no_data td{padding:50px 0;}
.tbl_type_02{width:100%; border-top:1px solid #006637; border-right:1px solid #cdcdcd;}
.tbl_type_02 th{padding:0 15px; background:#e3e3e3; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; font-size:14px; line-height:42px; text-align:left;}
.tbl_type_02 th:before{content:'*'; display:inline-block; margin-right:5px; color:#ff0000;}
.tbl_type_02 td{padding:7px 20px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd;}
.tbl_type_02 td .txt{display:inline-block; margin-left:5px; font-size:13px; color:#555; line-height:28px;}
.tbl_type_02 td .txt strong{font-weight:700; color:#333;}
.btn_type_01{display:inline-block; padding:0 10px; background:#7a7a7a; font-size:13px; font-weight:700; color:#fff; line-height:32px;}
.btn_type_01:after{content:''; display:inline-block; width:4px; height:6px; margin:13px 0 0 5px; background:url(/_Img/Content/mileage/icon_arrow02.png) no-repeat 0 0; vertical-align:top;}
.btn_type_02{display:block; width:153px; margin:0 auto; background:#393939; border:none; border-radius:5px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:43px;}
.btn_type_03{display:inline-block; height:28px; padding:0 10px; border:1px solid #888; background:#fff; font-size:13px; font-weight:700; color:#333; line-height:27px; vertical-align:middle;}
.guide_txt{margin-top:40px; padding:15px 20px; background:#f0f0f0;}
.guide_txt p{margin-bottom:8px; font-size:14px; color:#454545;}
.guide_txt li{padding:3px 0; font-size:13px; color:#777; line-height:15px;}
.ui-widget-header .ui-icon{background-image: url(/_Img/Content/ui-icons_444444_256x240.png);}

.btn_wrap{overflow:hidden; padding:20px 8px 0;}
/* .btn_wrap button:focus{outline:0;} */
.btn_wrap a, .btn_wrap button{float:left; width:50%; padding:0 5px; border:none; background:transparent; text-align:center;}
.btn_wrap a span, .btn_wrap button span{display:block; font-size:16px; font-weight:700; color:#fff; line-height:56px;}

/* //////////////////////¸¶ÀÌÆäÀÌÁö////////////////////// */
/* ¸¶Àϸ®Áö */
.mileage_wrap .paging a span, .mileage_wrap .paging a{box-sizing:content-box;}

.mileage_wrap .tit{margin-bottom:17px; font-size:15px; color:#454545;}
.mileage_wrap .tit strong{font-size:17px; font-weight:700; color:#222;}
.mileage_wrap .tab_type_01{margin:50px 0 30px;}
.mileage_wrap .tab_type_01 ul{overflow:hidden;}
.mileage_wrap .tab_type_01 li{float:left; width:calc(100% / 4); background:#f4f4f4; border-bottom:2px solid #14812d; text-align:center; cursor:pointer;}
.mileage_wrap .tab_type_01 li span{font-size:15px; color:#555; line-height:39px;}
.mileage_wrap .tab_type_01 li.on{background:#fff; border:2px solid #14812d; border-bottom:none;}
.mileage_wrap .tab_type_01 li.on span{font-weight:700; color:#222;}
.mileage_wrap .tab_conts .cont{display:none;}
.mileage_wrap .tab_conts .cont:nth-of-type(1){display:block;}
.mileage_wrap .tbl.row tbody tr:first-child th{border-bottom:1px solid #fff;}
.mileage_wrap .tbl.row tbody tr:first-child td{border-top:1px solid #c9c9c9;}
.mileage_wrap .tbl + .tit{margin-top:30px;}

/* ³» ¸¶Àϸ®Áö */
.my_mileage{}
.my_mileage:after{content:''; display:block; clear:both;}
.my_mileage .total{float:left; width:280px; margin-top:42px; padding-left:60px; background:url(/_Img/Content/mileage/icon_mileage.png) no-repeat 0 15px;}
.my_mileage .total dt{font-size:21px; line-height:32px;}
.my_mileage .total dt strong{font-weight:700;}
.my_mileage .total dt span{font-weight:400; color:#f7650d;}
.my_mileage .total dd{margin-top:10px; font-size:18px;}
.my_mileage .total dd strong{font-size:38px; font-weight:900;}
.my_mileage .detail{position:relative; float:right; width:460px; padding-top:42px;}
.my_mileage .detail:after{content:''; display:block; clear:both;}
.my_mileage .detail .btn_type_01{position:absolute; right:0; top:0; cursor:pointer;}
.my_mileage .detail dl{float:left; width:calc(100% / 3); height:119px; border:1px solid #c9c9c9; text-align:center;}
.my_mileage .detail dl + dl{border-left:none;}
.my_mileage .detail dt{display:table; width:100%;}
.my_mileage .detail dt .txt{display:table-cell; height:70px; font-size:14px; vertical-align:middle;}
.my_mileage .detail dt .txt em{display:block; margin-top:5px; font-size:12px; color:#777;}
.my_mileage .detail dt i{display:inline-block; width:15px; line-height:15px; margin-left:3px; font-size:11px; font-weight:700; color:#fff; background:#9f9f9f; border-radius:50%; vertical-align:top; cursor:pointer;}
.my_mileage .detail .tip{display:none; position:absolute; top:0; width:180px; padding:8px 5px 8px 10px; background:#fff; font-size:12px; color:#555; line-height:16px; border:1px solid #929292; text-align:left; box-shadow: 3px 4px 3px 0px rgba(0, 0, 0, 0.1);}
.my_mileage .detail .tip:after{content:''; position:absolute; right:30%; bottom:-7px; width:12px; height:7px; background:url(/_Img/Content/mileage/icon_arrow01.png) no-repeat 0 0;}
.my_mileage .detail .tip span{color:#f7650d;}
.my_mileage .detail .over .tip{display:block;}
.my_mileage .detail dl:nth-of-type(1) .tip{left:16px;}
.my_mileage .detail dl:nth-of-type(2) .tip{left:160px;}
.my_mileage .detail dl:nth-of-type(3) .tip{left:320px;}
.my_mileage .detail dd{font-size:19px;}
.my_mileage .detail dd strong{font-weight:900;}

.search_date{position:relative; margin-bottom:20px; padding:20px 55px; background:#e5e5e5;}
.search_date dl{height:26px; font-size:0;}
.search_date dt{display:inline-block; font-size:14px; line-height:26px; vertical-align:top;}
.search_date dd{display:inline-block; margin-left:15px; vertical-align:top;}
.search_date dd button{background:#fff; width:73px; height:26px; border:1px solid #c9c9c9; font-size:13px; color:#656565; line-height:26px;}
.search_date dd button:nth-child(2){border-left:none; border-right:none;}
.search_date dd button.active{color:#222; font-weight:700; border:1px solid #434343;}
.search_date .calendar span{position:relative; display:inline-block; min-width:20px; font-size:16px; color:#454545; text-align:center;}
.search_date .calendar input{width:118px; height:26px; border:1px solid #c9c9c9; font-size:12px; padding:0 10px;}
.search_date .calendar .ui-datepicker-trigger{position:absolute; right:9px; top:6px;}
.search_date .btn_search{position:absolute; right:55px; top:20px; width:56px; height:26px; background:#393939; border:none; font-size:14px; font-weight:700; color:#fff; line-height:26px; text-align:center;}

/* ³ªÀÇ ¿¬°£ ÀÌ¿ë ½ÇÀû */
.layer_mileage_wrap{position:relative; width:800px; /* height:596px; 20200219¼öÁ¤ */ background:#fff; border:1px solid #717171; display:none;}
.layer_mileage_wrap .btn_layer_close{position:absolute; right:24px; top:13px; width:30px; height:30px; background:url(/_Img/Content/mileage/icon_close.png) no-repeat center center; text-indent:-9999px;}
.layer_mileage_wrap .title{padding:20px 30px; font-size:18px; font-weight:700; color:#222; border-bottom:1px solid #cdcdcd;}
.layer_mileage_cont{position:relative; padding:30px 30px 40px;}
.layer_mileage_cont .tit{margin-bottom:20px; font-size:18px; color:#222;}
.layer_mileage_cont .select_wrap{position:absolute; right:30px; top:30px; width:132px; border:1px solid #c9c9c9;}
.layer_mileage_cont .select_wrap select{width:100%; padding:6px 10px 5px; border:none;}
.layer_mileage_cont .txt_info{position:relative; margin:30px 0 15px; font-size:14px; color:#656565;}
.layer_mileage_cont .txt_info .btn_type_01{position:absolute; right:0; top:-10px;}

/* ¸¶Àϸ®Áö °¡ÀÔ */
.mileage_join_wrap .top_title{padding-top:20px;}
.mileage_join_wrap .top_title strong:before{background-image:url(/_Img/Content/mileage/icon_mileage03.png);}
.mileage_join_wrap .top_title strong span{color:#0d7d27;}

.mileage_join_wrap .mileage_guide{padding:0 20px 35px; border:1px solid #c9c9c9; text-align:center;}
.mileage_join_wrap .mileage_guide dl{overflow:hidden;}
.mileage_join_wrap .mileage_guide dt{display:block; padding:30px 0 20px; font-size:21px; font-weight:700; text-align:left;}
.mileage_join_wrap .mileage_guide dd{float:left; width:50%; padding-right:5px;}
.mileage_join_wrap .mileage_guide dd + dd{padding:0 0 0 5px;}
.mileage_join_wrap .mileage_guide dd span{display:block; padding:22px 0; background:#f1f1f1; font-size:15px; color:#555; line-height:28px;}
.mileage_join_wrap .mileage_guide table{width:100%; margin-top:10px;}
.mileage_join_wrap .mileage_guide table thead th{background:#008649; font-size:15px; font-weight:700; color:#fff; line-height:30px; text-align:center;}
.mileage_join_wrap .mileage_guide table tbody th{border-bottom:1px solid #e5e5e5; background:#e5e5e5; font-size:13px; font-weight:700; color:#333; line-height:30px; text-align:center;}
.mileage_join_wrap .mileage_guide table tbody tr:first-child th{border-color:#d3d3d3;}
.mileage_join_wrap .mileage_guide table tbody td{padding:10px 0; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; font-weight:700; color:#555; line-height:20px; text-align:center;}
.mileage_join_wrap .mileage_guide .btn_go{display:inline-block; margin-top:25px; padding:0 15px; border:1px solid #c9c9c9; font-size:13px; font-weight:700; color:#777; line-height:37px;}
.mileage_join_wrap .mileage_guide .btn_go:after{content:''; display:inline-block; width:4px; height:8px; margin-left:10px; background:url(/_Img/Content/mileage/icon_arrow03.png) no-repeat 0 0;}

.mileage_join_wrap .mileage_agree .tit{padding:30px 0 15px 10px; font-size:18px; font-weight:700;}
.mileage_join_wrap .mileage_agree .terms_box{overflow-y:scroll; height:260px; padding:20px; border:1px solid #e7e7e7; font-size:14px; color:#888; line-height:25px;}

.mileage_join_wrap .btn_wrap button span{background:#969696;}
.mileage_join_wrap .btn_wrap button.btn_join span{background:#008649;}

/* ¸¶Àϸ®Áö °¡ÀԾȳ» Æ˾÷ */
.layer_mileage_join{width:480px; height:auto;}
.layer_mileage_join .layer_mileage_cont{padding:20px 30px 60px;}
.layer_mileage_join .tit_join{font-size:15px; color:#555; line-height:33px;}
.layer_mileage_join .tit_join span{color:#008045;}
.layer_mileage_join .tit_join span em{font-size:26px; font-weight:700;}
.layer_mileage_join .tit_join_top{text-align:center;}
.layer_mileage_join .tit_join_top p{font-size:18px; font-weight:700; color:#222; line-height:26px;}
.layer_mileage_join .tit_info{display:block; margin-top:10px; font-size:14px; color:#888;}
.layer_mileage_join .btn_wrap{overflow:hidden; margin-top:20px;}
.layer_mileage_join .btn_wrap a{display:block;float:none; margin:0 auto; background:#7d7d7d; font-size:16px; font-weight:700; color:#fff; line-height:50px; text-align:center;}
.layer_mileage_join .btn_wrap .btn_join{background:#008045;}
.layer_mileage_join .today{position:absolute; right:30px; bottom:20px;}
.layer_mileage_join .today input{position:relative; top:3px;}
.layer_mileage_join .today label{display:inline-block; font-size:13px; color:#454545;}

/* ¸¶Àϸ®Áö ¼±¹°Çϱâ */
.mileage_gift .tab_type_01{margin:35px 0 0;}
.mileage_gift .tab_type_01 ul{position:relative;}
.mileage_gift .tab_type_01 ul:after{content:''; position:absolute; right:0; bottom:0; width:40%; border-bottom:2px solid #14812d;}
.mileage_gift .tab_type_01 li{width:30%;}
.mileage_gift .tab_type_01 li span em{display:inline-block; width:21px; height:21px; margin:10px 0 0 5px; background:#f7650d; border-radius:50%; font-size:13px; font-weight:700; color:#fff; line-height:20px; vertical-align:top;}

.mileage_gift .my_mileage{height:206px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;}
.mileage_gift .gift_box{float:right; width:400px; margin-top:42px;}
.mileage_gift .gift_box dl{padding:0 22px; border:1px solid #cdcdcd; font-size:0;}
.mileage_gift .gift_box dt, .mileage_gift .gift_box dd{display:inline-block; width:50%; font-size:17px; line-height:64px;}
.mileage_gift .gift_box dd{text-align:right;}
.mileage_gift .gift_box dd strong{font-size:19px; font-weight:700;}
.mileage_gift .gift_box .btn_type_01{width:100%; margin-top:10px; background:#393939; font-size:18px; line-height:47px; text-align:center; cursor:pointer;}
.mileage_gift .gift_box .btn_type_01:after{margin:21px 0 0 10px;}

.mileage_gift .gift_box.none dl{margin-top:30px;}
.mileage_gift .gift_box.none .btn_type_01{display:none;}

.mileage_gift .cont .total{margin:25px 0 15px; font-size:14px;}
.mileage_gift .cont .total strong{font-size:18px; font-weight:900; color:#008649;}

.layer_mileage_gift .tit{margin-bottom:15px;}
.layer_mileage_gift .txt_check{position:absolute; right:30px; top:30px; font-size:13px; color:#333;}
.layer_mileage_gift .txt_check em{color:#ff0000;}
.layer_mileage_gift input{width:202px; height:28px; padding:0 10px; border:1px solid #cdcdcd;}
.layer_mileage_gift input.ipt_number{text-align:right;}
.layer_mileage_gift .btn_type_02{margin-top:20px;}
.layer_mileage_gift .btn_type_02 + .tbl_type_02{margin-top:35px;}
.layer_mileage_gift .btn_type_02.btn_gift{background:#fa7f10;}

/* //////////////////////°í°´¼¾ÅÍ////////////////////// */
/* ¸¶Àϸ®Áö °¡ÀÔ ¾È³» */
.customer_mileage_box *{line-height:1; letter-spacing:-0.02em; box-sizing:border-box;}
.customer_mileage_box .top_title strong:before{background-image:url(/_Img/Content/mileage/icon_mileage02.png);}
.customer_mileage_box .top_title strong span{color:#296edc;}

.customer_mileage_box h4{display:inline-block; width:104px; margin-top:40px; font-size:17px; border:1px solid #296edc; font-weight:700; color:#296edc; line-height:36px; text-align:center;}
.customer_mileage_box h5{display:block; margin:25px 0 5px; font-size:16px; font-weight:700; color:#333;}
.customer_mileage_box .txt,
.customer_mileage_box .list_type_dl dt,
.customer_mileage_box .list_type_dl dd,
.customer_mileage_box .list_type_01 li,
.customer_mileage_box .list_type_02 li,
.customer_mileage_box .list_type_02 li p{font-size:14px; color:#656565; line-height:28px;}
.customer_mileage_box .list_type_02 li{position:relative; padding-left:10px;}
.customer_mileage_box .list_type_02 li:before{content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#656565;}
.customer_mileage_box .list_type_02 li.txt_red{color:#e60012;}
.customer_mileage_box .list_type_02 li.txt_red:before{background:#e60012;}
.customer_mileage_box .list_type_02 table{width:100%; margin:10px 0 15px;}
.customer_mileage_box .list_type_02 table thead th{background:#656565; font-size:14px; font-weight:700; color:#fff; line-height:30px; text-align:center;}
.customer_mileage_box .list_type_02 table tbody th{border-bottom:1px solid #9a9a9a; background:#9a9a9a; font-size:13px; font-weight:700; color:#fff; line-height:30px; text-align:center;}
.customer_mileage_box .list_type_02 table tbody tr:first-child th{border-color:#d3d3d3;}
.customer_mileage_box .list_type_02 table tbody td{padding:10px 0; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; font-weight:700; color:#555; line-height:20px; text-align:center;}
.customer_mileage_box .list_type_dl{margin-top:10px; padding-left:15px; font-size:0;}
.customer_mileage_box .list_type_dl dt{display:inline-block; width:75px; font-weight:700; color:#454545; vertical-align:top;}
.customer_mileage_box .list_type_dl dd{display:inline-block; width:605px;}
.customer_mileage_box .list_type_dl a{display:block; width:140px; margin:3px 0 10px; border:1px solid #c9c9c9; font-size:13px; line-height:30px; text-align:center;}
.customer_mileage_box .list_type_dl a:after{content:''; display:inline-block; width:7px; height:9px; margin-left:5px; background:url(/_Img/Content/mileage/icon_download.png) no-repeat 0 0; vertical-align:middle;}

.customer_mileage_box .tab_type_01{margin-bottom:20px;}
.customer_mileage_box .tab_type_01 ul{overflow:hidden;}
.customer_mileage_box .tab_type_01 li{float:left; width:33.33333%; background:#f8f8f8; border-top:1px solid #dae1e5; border-right:1px solid #dae1e5; border-bottom:2px solid #2c4162; text-align:center; cursor:pointer;}
.customer_mileage_box .tab_type_01 li:first-child{border-left:1px solid #dae1e5;}
.customer_mileage_box .tab_type_01 li span{font-size:14px; color:#555; line-height:39px;}
.customer_mileage_box .tab_type_01 li.on{background:#fff; border:2px solid #2c4162; border-bottom:none;}
.customer_mileage_box .tab_type_01 li.on span{font-weight:700; color:#333;}

.customer_mileage_box .tab_type_01.fixed{position:fixed; left:50%; top:0; width:740px; margin-left:-260px; z-index:1;}
.customer_mileage_box .tab_type_01.fixed + .tab_section{margin-top:62px;}

.customer_mileage_box .tab_section{border:1px solid #e7e7e7; padding:0 20px 46px 20px;}

.customer_mileage_box .btn_wrap a span{background:#656565;}
.customer_mileage_box .btn_wrap a.btn_join span{background:#296edc;}