@charset "utf-8";

/* 로그인전 */
.mainSlide {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
.mainSlideWrapper {position: relative; width: 100%; height: auto; z-index: 1; display: -webkit-box; display: -moz-box; }
.mainBannerWrap {position:relative;}
.mainBannerWrap .bannerConWrap {position:relative;padding:45px 18px 0;height:240px; z-index:10;text-align:center;background:#1b1b1b url(/site002/mobile/m_inc/images/bg/bg_main_banner.png) no-repeat 0 0;background-size:cover; box-sizing: border-box;}
.mainBannerWrap .bannerEvent {padding:35px 18px 30px;height:auto; background:#1b1b1b url(/site002/mobile/m_inc/images/bg/bg_banner_event.png) no-repeat 0 0;background-size:cover;}
.mainBannerWrap .bannerConWrap.appCard {background:#1b1b1b url(/site002/mobile/m_inc/images/bg/bg_main_banner02.png) no-repeat 0 0;background-size:cover;}
.bannerConWrap .tit {font-family:ymHEB;font-size:2.4rem;color:#fff;line-height:2.9rem;}
.bannerConWrap .txt {margin-top:15px;font-size:1.5rem;color:#fff;line-height:2rem;}
.bannerConWrap .txt2 {position: absolute; top: auto; bottom:0; left:0;width:100%;}
.bannerConWrap .txt2 img {width: 100%;}
.bannerConWrap .btnWrap {margin-top:36px;font-size:0;}
.bannerConWrap .btnWrap .btn {width:100%;height:45px;font-size:1.5rem;line-height:45px;}
.mainLoginWrap {position:relative;padding:0 125px 10px 18px;}
.mainLoginWrap .txt {font-size:1.2rem;color:#666;line-height:1.9rem;}
.mainLoginWrap .btn {position:absolute;top:2px;right:18px;min-width:73px;height:34px;font-size:1.4rem;line-height:34px;}
.linkList ul {overflow:hidden;}
.linkList ul li {display:table;float:left;width:50%;padding:2px 0 0 1px;box-sizing:border-box;}
.linkList ul li:nth-child(odd) {padding-right:1px;padding-left:0;}
.linkList .fullSize {width:100%;}
.linkList ul li a {display:table-cell;position:relative;height:55px;padding:5px 20px 5px 12px;box-sizing:border-box;background:#f6f6f6;font-size:1.5rem;color:#000;vertical-align:middle;}
.linkList ul li a:before,
.linkList ul li a:after {content:"";position:absolute;top:50%;right:12px;display:block;width:1px;height:7px;margin-top:-2px;background:#666;}
.linkList ul li a:before {margin-top:-7px;transform:rotate(-45deg);}
.linkList ul li a:after {transform:rotate(45deg);}
.linkList .telList {width:100%;}
.linkList .telList a:before,
.linkList .telList a:after {content:none;}
.linkList .telList a {background:#f6f6f6 url(/site002/mobile/m_inc/images/ico/ico_main_phone.png) no-repeat right 12px center;background-size:28px;font-family:ymTB;font-size:1.7rem;}
.qnaTxtWrap {margin-top:15px;text-align:center;}
.qnaTxtWrap .callNumber {color:#666;line-height:1.5rem;}
.qnaTxtWrap .txt {margin-top:15px;font-size:1.3rem;}
.mainCardListWrap {overflow:hidden;padding:0 0 25px 18px;}
.mainCardListWrap > ul {margin-left:-10px;font-size:0;line-height:0;white-space:nowrap;}
.mainCardListWrap > ul > li {display:inline-block;margin-left:10px;}
.mainCardListWrap > ul > li:last-child {margin-right:8px;}
.mainCardListWrap > ul > li > a {display:block;width:auto;margin-right:8px;}
.mainCardListWrap .imgCardArea {width:85px;}
.mainCardListWrap .imgCardArea img {width:100%;}
.mainCardListWrap .txtArea {margin-top:10px;}
.mainCardListWrap .txtArea .tit,
.mainCardListWrap .txtArea .txt {white-space:initial;}
.mainCardListWrap .txtArea .tit {}
.mainCardListWrap .txtArea .tit > span {display:block;font-size:1.2rem;}
.mainCardListWrap .txtArea .txt {margin-top:10px;font-size:1.2rem;color:#666;line-height:1.7rem;}

/* 로그인후 */
.userInfoWrap {border-bottom:9px solid #ededed;}
.userInfoWrap .userWrap {background:#1e75d6;}
.userInfoWrap .userWrap .userInfo {position:relative;padding:18px;}
.userInfoWrap .userWrap .userInfo .tit,
.userInfoWrap .userWrap .userInfo .txt {color:#fff;}
.userInfoWrap .userWrap .userInfo .tit {font-family:ymTB;font-size:1.7rem;}
.userInfoWrap .userWrap .userInfo .tit em {font-family:ymTB;}
.userInfoWrap .userWrap .userInfo .txt {margin-top:10px;font-size:1.2rem;}
.userInfoWrap .userWrap .userInfo .btn {position:absolute;top:18px;right:18px;background:#fff;color:#333;}
.paymentList {padding:18px;border-top:1px solid #185eab;}
.paymentList:after,
.paymentList > ul:after {content:"";display:block;clear:both;}
.paymentList > ul > li {float:left;width:33.33%;text-align:center;}
.paymentList > ul > li .count {margin-top:15px;}
.paymentList > .listTit {float:left;line-height:25px;}
.paymentList > .count {float:right;}
.paymentList .listTit {font-size:1.5rem;color:#fff;}
.paymentList .count {font-size:1.6rem;color:#fff;}
.paymentList .count em {font-family:ymTB;font-size:1.7rem;}
.userInfoWrap .sectionTit.toggleCtrl {position:relative;padding-right:75px;}
.userInfoWrap .sectionTit.toggleCtrl .count {position:absolute;top:50%;right:45px;margin-top:-12px;font-size:1.5rem;color:#ff0000;line-height:25px;text-align:center;}
.userInfoWrap .sectionTit.toggleCtrl:before,
.userInfoWrap .sectionTit.toggleCtrl:after {content:"";position:absolute;top:50%;right:18px;display:block;width:2px;height:7px;margin-top:-2px;background:#000;transition:all .2s ease-in-out;}
.userInfoWrap .sectionTit.toggleCtrl:before {right:22px;transform:rotate(-45deg);}
.userInfoWrap .sectionTit.toggleCtrl:after {transform:rotate(45deg);}
.userInfoWrap .sectionTit.toggleCtrl.current {border-bottom:1px solid #d5d5d5;}
.userInfoWrap .sectionTit.toggleCtrl.current:before {transform:rotate(45deg);}
.userInfoWrap .sectionTit.toggleCtrl.current:after {transform:rotate(-45deg);}
.userNoticeList {padding:20px 18px;}
.userNoticeList > ul > li {position:relative;padding-top:15px;margin-top:15px;border-top:1px solid #e5e5e5;}
.userNoticeList > ul > li:first-child {padding-top:0;margin-top:0;border-top:0;}
.userNoticeList .txtWrap {padding-right:100px;}
.userNoticeList .txtWrap .tit {font-size:1.5rem;}
.userNoticeList .txtWrap .txt,
.userNoticeList .txtWrap .txt em {font-family:ymTB;font-size:1.7rem;color:#1e75d6;}
.userNoticeList .txtWrap .txt {margin-top:10px;}
.userNoticeList .btn {position:absolute;top:50%;right:0;margin-top:-13px;}
.userNoticeList > ul > li:nth-child(n+2) .btn {margin-top:-6px;}
.myAccountWrap {}
.myAccountWrap:nth-child(n+2) {margin-top:15px;padding-top:15px;border-top:1px solid #e5e5e5;}
.myAccountWrap .btn.blueType {height:30px;font-size:1.3rem;line-height:30px;}
.historyList {margin-top:20px;}
.historyList > li {position:relative;padding:15px 0;border-bottom:1px solid #e5e5e5;}
.historyList > li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.historyList > li:after {content:"";display:block;clear:both;}
.historyList > li > .fr {margin-top:5px;}
.historyList .titWrap {}
.historyList .titWrap:after {content:"";display:block;clear:both;}
.historyList .titWrap .tit {float:left;font-size:1.5rem;}
.historyList .titWrap .txt {float:right;font-size:1.2rem;color:#666;}
.historyList .txtWrap {}
.historyList .txtWrap > li {margin-top:10px;}
.historyList .txtWrap > li:after {content:"";display:block;clear:both;}
.historyList .txtWrap .txt {float:left;}
.historyList .txtWrap .price,
.historyList .txtWrap .priceSmallType {float:right;}
.historyList .btnWrap {margin-top:10px;text-align:right;}
.historyList .btnWrap .btn {padding:0;}
.historyList .btnWrap + .btnWrap {margin-top:5px;}
.historyList .cardWrap {margin-top:20px;}
.historyList .cardWrap > .tit {font-size:1.3rem;color:#333;}
.historyList .cardWrap select {margin-top:10px;}
.historyList .cardWrap .innerTbl {border-bottom:1px solid #e5e5e5;}
.historyList .cardWrap .innerTbl table {width:100%;}
.historyList .cardWrap .innerTbl tr th {padding-left:7px;}
.historyList .cardWrap .innerTbl tr td {padding-right:7px;}
.historyList .cardWrap .innerTbl tr th:first-child,
.historyList .cardWrap .innerTbl tr td:last-child {padding:0;}
.historyList .cardWrap .innerTbl .tit,
.historyList .cardWrap .innerTbl .txt {padding:15px 0;border-bottom:1px solid #e5e5e5;font-size:1.2rem;}
.historyList .cardWrap .innerTbl .tit {color:#333;}
.historyList .cardWrap .innerTbl .txt {color:#888;text-align:right;}
.historyList .cardWrap .innerTbl tr:last-child .tit,
.historyList .cardWrap .innerTbl tr:last-child .txt {border-bottom:0;}
.historyList .cardWrap + .txtWrap {margin-top:17px;}
.historyList > li > .tit,
.historyList > li > .fl .tit {display:inline-block;position:relative;padding-right:13px;font-size:1.5rem;color:#000;}
.historyList .txtWrap .link {position: relative; display: inline-block; padding-right: 13px;}
.historyList a.tit:after, .historyList .txtWrap .link:after {content:">";position:absolute;top:0;right:0;}
.historyList .txt {font-size:1.2rem;color:#666;}
.historyList .price {font-size:1.6rem;color:#333;}
.historyList .priceSmallType {font-size:1.3rem;color:#666;}
.historyList .noData {margin-top:20px;}
.historyList .loading,
.historyList .refresh {position:absolute;top:0;left:0;z-index:20;}
.historyList .refresh .btn {position:absolute;top:50%;left:50%;margin:-25px 0 0 -30px;}
.managementList {margin-top:20px;}
.managementList > ul:after {content:"";display:block;clear:both;}
.managementList > ul > li {position:relative;float:left;width:33.33%;box-sizing:border-box;text-align:center;}
.managementList > ul > li:nth-child(n+2) {border-left:1px solid #e5e5e5;}
.managementList.count2 > ul > li {width:50%;}
.managementList .tit {font-size:1.2rem;color:#666;}
.managementList .pointTxt {}
.managementList .count {display:inline-block;min-width:55px;height:25px;margin-top:10px;background:#f6f6f6;border-radius:12px;line-height:25px;}
.managementList .price {margin-top:5px;font-size:1.3rem;color:#666;}
.historyList .grayManagementList {margin:0 -18px;padding:0;border-bottom:1px solid #d5d5d5;background:#e5e5e5;}
.grayManagementList > ul > li {margin:0 18px;padding:15px 0;border-bottom:1px solid #d5d5d5;}
.grayManagementList > ul > li:last-child {border-bottom:0;}

.mainNoticeList {margin-top:25px;}
.mainNoticeList > li:nth-child(n+2) {margin-top:5px;}
.mainNoticeList > li > a {display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}