@charset "utf-8";
@import url(reset.css);

body{
	-webkit-font-smoothing: antialiased;
}

/* header */
#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	height: 55px;
	line-height: 55px;
	background:#fff;
}
#header.color{
	background:#003f93;
}
#header.gray{
	background:#f4f6f8;
}
#header.color button{
	background:transparent;
	color:#fff;
	position:absolute;
	left:20px;
	padding:0;
}
#header.color button i{
	padding-right:5px;
}
#header .logo{
	font-size: 16px;
	font-weight: 400;
	padding-left:20px;
	text-align:left;
	line-height:55px;
}
#header .logo img {
	height: 20px;
	vertical-align: middle;
}
#header .subtitle {
	font-size: 16px;
	font-weight: 500;
	color: #111;
	line-height:55px;
	padding-left:55px;
}
#header .subtitle.left{
	padding-left:20px;
}
#header.color .subtitle{
	color:#fff;
}
#header .subtitle.shop,
#header .logo.shop{
	text-align:center;
	padding-left:0;
}
#header .menuBtn {
	position: absolute;
	left: 20px;
}
#header .alarm {
	position: absolute;
	right: 55px;
}
#header .rightBtn {
	position: absolute;
	right: 20px;
}
#header p span{
	width:18px;
	height:18px;
	line-height:18px;
	background:#36b1ff;
	color:#fff;
	font-weight:500;
	font-size:10px;
	border-radius:100%;
	position:absolute;
	top:10px;
	right:-7px;
	text-align:center;
}
#header p span.none{
	background:#aaa;
}
#header .submenuBtn {
	position: absolute;
	left: 55px;
}
.menuBtn img, .rightBtn img, .submenuBtn img, .logoutBtn2 img,
.alarm img{
	width: 24px;
	vertical-align:middle;
}

/* 네비게이션 */
.navigation{
	width:100%;
	min-height:100%;
	position:absolute;
	left:0; top:0;
	box-sizing:border-box;
	background: none;
	z-index:9999;
	display:none;
}
.navigation .navigationBg {
	min-width:100%;
	position: fixed;
	left: 0;
	top: 0;
	min-height:100vh;
	max-height:100%;
	z-index:1;
	background: rgba(0,0,0,0.6);
}
.navigation .lnb{
	width:280px;
	height:100vh;
	background:#f4f6f8;
	box-shadow:1px 3px 20px rgba(0,0,0,.50);
	z-index: 9998;
	position:fixed;
	overflow:scroll;
	top:0;
	left:0;
}
.slider_header{
	position:relative;
	box-sizing:border-box;
	text-align:center;
}
.slider_header > .settingBtn {
	position:absolute;
	background-image:url(../images/setting2.png) no-repeat;
	background-size:20px;
	background-position: center center;
	background-color:#eee;
	width:30px;
	height:30px;
	padding:0;
	right:15px;
	top:15px;
}
.slider_header .btn-group-left,
.slider_header .btn-group-right{
	padding:10px;
}
.slider_header .btn-group-left:after,
.slider_header .btn-group-right:after{
	content:'';
	display: block;
	clear:both;
}
.slider_header .btn-group-right{
	position:absolute;
	top:0;
	right:0;
}
.slider_header .btn-group-left button{
	float:left;
}
.slider_header .btn-group-right button{
	float:right;
	padding:10px;
}
.slider_header button{
	width:34px;
	height:34px;
	border-radius:100%;
	transition: 0.3s;
	background:#f4f6f8;
	position:relative;
	padding:0;
	display:inline-block;
}
.slider_header button:active{
	background:#e0e4e9;
}
.slider_header button:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	top:50%;
	left:50%;
	position:absolute;
	margin-top:-10px;
	margin-left:-10px;
}
.slider_header .closeBtn:before{
	background:url(../images/nav-closeB.png);
	background-size:20px;
}
.slider_header .logoutBtn:before{
	background:url(../images/logout.png);
	background-size:20px;
}
.slider_header .alarmBtn:before{
	background:url(../images/alarm.png);
	background-size:20px;
}
.slider_header .settingBtn:before{
	background:url(../images/setting2.png);
	background-size:20px;
}
.slider_header .settingBtn:active{
	background:#eee;
}
.lnb .menu {
	margin-bottom:10px;
	padding:0 10px;
}
.lnb .menu > li{
	cursor: pointer;
	text-align:left;
	padding:0px 5px 5px 5px;
	border-radius:10px;
	background:#fff;
	margin-bottom:5px;
}
.lnb .menu li .menu_tit{
	display:block;
	font-size: 1.4rem;
	line-height:36px;
	color:#222;
	padding-left:10px;
	position:relative;
	font-weight:600;
	padding-top:5px;
}
.lnb .menu li .menu_tit span {
	font-size:1.4rem;
	display: inline-block;
	text-align: right;
	position:absolute;
	top:-3px;
	right:15px;
}
.lnb .menu li ul{
	background:#fff;
	text-align:center;
}
.lnb .menu li ul li{
	font-size:1.2rem;
	cursor: pointer;
	padding-left:10px;
	position:relative;
}
.lnb .menu li ul li a{
	color:#6b7684;
	line-height:36px;
	display:inline-block;
	width:100%;
	font-size:1.4rem;
	text-align:left;
}
.lnb .menu li ul li a i{
	position:absolute;
	line-height:40px;
	right:10px;
	top:50%;
	margin-top:-20px;
	font-size:1.2rem;
	color:#d9dde3;
}
.navi_close{
	position:absolute;
	top:15px;
	right:15px;
	background:url(../images/closeB3.png)no-repeat;
	height:30px;
	z-index:9999;
	font-size:0;
	width:30px;
	background-color:#fff;
	border-radius:7px;
}
.lnb .menu-con-box{
	position: relative;
	padding: 15px;
}
.lnb .menu-con-box .my-info-box .profile{
	width:50px;
	height:50px;
	left:0;
}
.lnb .menu-con-box .my-info-box .info-name{
	display: block;
	padding-left:60px;
	padding-top:5px;
	vertical-align: top;
	color:#222;
}
.lnb .menu-con-box .my-info-box .profile .img-box{
	width:50px;
	height:50px;
}
.lnb .menu-con-box .my-info-box .info-name .name{
	color:#222;
	font-size:1.6rem;
	text-align: left;
}
.lnb .menu-con-box .my-info-box .info-name .txt{
	color:#999;
	font-size:1.2rem;
	margin-top:5px;
	text-align:left;
	font-weight: 400;
	word-break: break-all;
}
.lnb .menu-con-box .edit{
	font-size:1.2rem;
	background:#edf1f5;
	border-radius:15px;
	position:absolute;
	top:50%;
	right:0;
	height:30px;
	margin-top:-15px;
	width:30px;
	color:#8c9eaf;
	text-align:center;
	line-height:30px;
	font-weight: 500;
	transition: 0.3s;
}
.lnb .menu-con-box .edit:active{
	background:#e4ebf1;
}
.lnb .lnb-company-info{
	padding: 15px;
	color:#b2b7bd;
	line-height:1.3;
}
.lnb .lnb-company-info strong{
	color:#919ba7;
	margin-bottom:5px;
	display: block;
}
.lnb .lnb-company-info a{
	color:#919ba7 !important;
	line-height:20px;
}

/* 고정 bottom */
.fixingMenu {
	width: 100%;
	min-width: 280px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 60px;
	z-index: 100;
	border-top:1px solid #e8e8e8;
	padding:0;
	margin:0;
}
.fixingMenu ul {
	display:flex;
	width: 100%;
	text-align: center;
}
.fixingMenu ul li {
	width: 20%;
	vertical-align: top;
	padding:0;
	position:relative;
}
.fixingMenu ul li a{
	display:block;
	padding:5px;
	color:#222 !important;
}
.fixingMenu ul li a:hover{
	color:#222;
}
.fixingMenu ul li a > img {
	width: 22px;
	margin: 4px 0 6px;
}
.fixingMenu ul li a span {
	display: block;
	font-size: 1rem;
}
.bottom-qr-box{
	width:50px;
	height:50px;
	margin:0 auto;
	border-radius:100%;
	background:#36b1ff;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);
}
.bottom-qr-box img{
	position:absolute;
	width: 24px;
	top:50%;
	margin-top:0 !important;
	margin-left:-12px !important;
	transform:translateY(-50%);
}

/*================================== main layout ===================================*/
/* main layout */
.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 60px 0;
	margin-top: 55px;
	background:#f4f6f8;
}
.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 60px 0;
	margin-top: 55px;
	background:#f4f6f8;
}
/* 프로필 영역 */
.my-info-box {
	width:100%;
	position: relative;
	font-weight:700;
	min-height:60px;
}
.my-info-box .info-name{
	width:calc(100% - 30px);
	font-size:2.4rem;
	display:inline-block;
	letter-spacing: -0.05rem;
}
.my-info-box .info-name .name{
	font-size:2.2rem;
}
.my-info-box .info-name .txt{
	font-size:2.2rem;
	margin-bottom:0;
}
.my-info-box .profile{
	width: 60px;
	height: 60px;
	position: absolute;
	display: block;
	top:0;
	right:0;
}
.my-info-box .profile .img-box {
	width: 60px;
	height: 60px;
	overflow: hidden;
	position: relative;
	display: block;
	border-radius: 24px;
}
.my-info-box .profile .img-box::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
}
.my-info-box .profile .img-box img{
	width: 100%;
	position: absolute;
	left: -100%;
	right: -100%;
	top: -100%;
	bottom: -100%;
	margin: auto;
	min-height: 100%;
	min-width: 100%;
}
/* // 프로필 영역 */

.daily-header{
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	position:relative;
	min-height:50px;
}
.daily-header .btn_prev{
	position:absolute;
	top:50%;
	left:15px;
	width:30px;
	height:30px;
	border-radius:100%;
	background:#f4f6f8;
	margin-top:-15px;
	display: block;
	transition: 0.3s;
}
.daily-header .btn_prev::before{
	background:url(../images/calendar-ico.png);
	background-size:30px;
	content:'';
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:15px;
	height:15px;
	transition: 0.3s;
}
.daily-header .btn_next{
	position:absolute;
	top:50%;
	right:15px;
	width:30px;
	height:30px;
	border-radius:100%;
	background:#f4f6f8;
	margin-top:-15px;
	display: block;
	transition: 0.3s;
}
.daily-header .btn_next::before{
	background:url(../images/calendar-ico.png);
	background-size:30px;
	background-position: -15px 0;
	content:'';
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:15px;
	height:15px;
}
.daily-header .btn_prev:active,
.daily-header .btn_next:active{
	background:#eef2f5;
}
.daily-header .title{
	text-align:center;
	font-size:1.6rem;
	font-weight:700;
}
.daily-body{
	padding:10px 15px;
}
.daily-calculate-table{
	width:100%;
	font-size:1.4rem;
}
.daily-calculate-table th{
	text-align:left;
	color:#b5b5b6;
	font-weight:500;
	font-size:1.3rem;
	height:24px;
}
.daily-calculate-table td{
	text-align:right;
	font-size:1.3rem;
	font-weight:800;
}
.daily-calculate-table .total th{
	font-size:1.6rem;
	height:28px;
}
.daily-calculate-table .total td{
	font-size:2rem;
	height:28px;
}
.daily-calculate-table .small th,
.daily-calculate-table .small td{
	padding-top:3px;
}
.con-box{
	position:relative;
	padding:20px;
}
.con-box.white{
	background:#fff;
}
.con-box.gray{
	background:#f6f8fa;
}
.con-box-top{
	position:relative;
	padding:20px 20px 0;
}
.con-box-bottom{
	position:relative;
	padding:0px 20px 20px;
}
.con-box-color{
	position:relative;
	padding:20px;
	background:#001b45;
}
.con-box-color .main-con-box{
	box-shadow: none;
}

/* Layout */
.line-con-box > li{
	position: relative;
	background: #fff;
	border-radius:10px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	border:1px solid #eaebec;
	overflow:hidden;
	padding:10px;
}
.line-con-box > li + li{
	margin-top:5px;
}
.main-con-box{
	position: relative;
	background: #fff;
	border-radius:20px;
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.04);
	overflow:hidden;
}
.main-con-box.p20{
	padding:20px;
}
.main-con-box + .main-con-box{
	margin-top:10px;
}
.main-con-box h3{
	width:auto;
	font-size:1.4rem;
	vertical-align: middle;
	line-height: 30px;
	font-weight:600;
}
.main-con-box h3 .reset{
	background:#f7f7f7;
	border-radius:100%;
	height:22px;
	line-height:22px;
	width:22px;
	vertical-align:middle;
	padding:0;
	margin-left:3px;
}
.main-con-box h3 .reset i{
	font-size:1.3rem;
	color:#c2c2c7;
	vertical-align:middle;
	line-height:20px;
}
.box-tit{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 15px;
	line-height: 30px;
	vertical-align: middle;
}
.box-tit h3{
	line-height:30px;
}
.box-tit .more{
	margin-left:auto;
	color:#999;
	display: block;
	position:relative;
	padding-right:15px;
	font-size:1.3rem;
}
.box-tit .more:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	background:url(../images/more-ico.png);
	background-size:10px;
	margin-top:-5px;
	width:10px;
	height:10px;
}


/* 박스 내 컨텐츠 */
.main-con-box .box-tit{
	padding: 10px 15px 0 15px;;
}

/* 어두운 배경 있는 버전 */
.con-box-color .box-tit {
	padding:0 0 15px 5px;

}
.con-box-color .box-tit h3{
	color:#fff;
	font-size:1.6rem;
}
.con-box-color .box-tit .more{
	color:#fff;
}
.board-list{
	margin-bottom:5px;
	padding:0 15px;
}
.board-list li{
	border-top:1px solid #e8e8e8;
}
.board-list li .txt{
	width: calc(100% - 110px);
	height: 18px;
	line-height:18px;
	display: -webkit-box;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.board-list li .price{
	margin-left:auto;
	font-weight:600;
}
.board-list li .date{
	margin-left:auto;
	color:#999999;
}
.board-list li a{
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	padding:15px 0;
	font-size:1.4rem;
}
.board-list li:first-child{
	border-top:0;
}
.inquiry-box{
	position: relative;
	padding:5px 10px;
}
.inquiry-box .txt{
	width:calc(100% - 70px);
	display: -webkit-box;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	margin-bottom:3px;
	font-size:1.4rem;
}
.inquiry-box .txt span{
	font-weight:600;
	color:#003f93;
	padding-right:5px;
	line-height:18px;
	vertical-align: top;
}
.inquiry-box .date4{
	position:absolute;
	right:0;
}
.list-content .status,
.inquiry-box .status{
	border-radius: 5px;
	position:relative;
	text-align: left;
	padding-left:30px;
	height:30px;
	width:66px;
	line-height:30px;
	background:#e6ecf1;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
	color:#a1aab3;
	font-size:1.3rem;

}
.list-content .status::before,
.inquiry-box .status::before{
	content:'';
	display: block;
	position:absolute;
	background:url(../images/small-check-ico.png);
	background-size:10px;
	width:10px;
	height:10px;
	left:10px;
	top:50%;
	margin-top:-5px;
}
.list-content .status.on,
.inquiry-box .status.on{
	border-radius: 5px;
	position:relative;
	text-align: left;
	padding-left:30px;
	height:30px;
	width:66px;
	line-height:30px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
	font-size:1.3rem;
	background:#4bb6fa;
	color:#fff;
}
.list-content .status.on::before,
.inquiry-box .status.on::before{
	content:'';
	display: block;
	position:absolute;
	width:10px;
	height:10px;
	left:10px;
	top:50%;
	margin-top:-5px;
	background:url(../images/small-check-ico-on.png);
	background-size:10px;
}

/* wallet */
.sub-content .board-list li a .date2{
	font-size:1.2rem;
	margin-bottom:5px;
	color:#999;
}
.inquiry-box .dayico{
	font-size:1.2rem;
	color:#999;
	padding-left:18px;
	position: relative;
	line-height:20px;
}
.inquiry-box .dayico::before{
	position:absolute;
	top:50%;
	left:0;
	background:url(../images/clock-ico.png);
	width:12px;
	height:12px;
	background-size:12px;
	margin-top:-6px;
	content:'';
}
.board-list.ver2 li a{
	display: block;
}
.board-list li a .line{
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
}
.main-con-box + .main-con-box{
	margin-top:15px;
}
.board-list li a .date3{
	font-size:1.2rem;
	color:#999;
	line-height:1.5;
}

/* 공지사항 */
.main-notice{
	width:100%;
	margin:20px 0;
	color:#fff;
}
.main-notice a{
	position:relative;
	width:100%;
	font-size:1.4rem;
	vertical-align:middle;
	display: block;
}
.main-notice a .tit{
	color:#fff;
	opacity: 0.7;
	width:60px;
	font-weight:500;
	letter-spacing:-0.08rem;
	display:inline-block;
	height: 18px;
}
.main-notice a .txt{
	position:absolute;
	top:50%;
	margin-top:-9px;
	left:60px;
	width:calc(100% - 140px);
	height:18px;
	display: -webkit-box;
	overflow: hidden;
	vertical-align:middle;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	color:#fff;
}
.main-notice a .date{
	position:absolute;
	font-weight:300;
	top:50%;
	height:18px;
	margin-top:-9px;
	right:0;
}

/* 배너 */
.main-banner{
	position: relative;
	width:100%;
	border-radius:16px;
	overflow:hidden;
}
.main-banner img{
	display: block;
	width: 100%;
}
.main-banner .banner-slider{
	width:100%;
}
.main-banner .swiper-pagination{
	position:absolute;
	text-align:center;
}
.main-banner .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	background: rgba(255,255,255,1);
	opacity: .5;
}
.main-banner .swiper-pagination-bullet-active {
	background: rgba(255,255,255,1);
	opacity: 1;
	border-radius: 15px;
	letter-spacing: -0.08rem;
}

/* 서비스 바로가기 */
.quick-menu-list{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	margin-top:10px;
}
.quick-menu-list li{
	width:49%;
}
.quick-menu-list li + li{
	margin-left:2%;
}
.quick-menu-list li a{
	display: block;
	cursor: pointer;
}
.quick-menu-list li a .menu-ico{
	position:relative;
	margin:0 auto;
	width:70px;
	height:70px;
	margin-top:5px;
}
.quick-menu-list li a .menu-ico:before{
	content:'';
	width:70px;
	height:70px;
	position:absolute;
	display: block;
	top:50%;
	left:50%;
	margin-top:-35px;
	margin-left:-35px;
	background-image:url(../images/main-service-ico.png);
	background-repeat: no-repeat;
	background-size:140px;
	background-position: 0 0;
}
.quick-menu-list li a div.menu-ico.ver2::before{
	background-position:-70px 0;
}
.quick-menu-list li a h4{
	text-align:center;
	font-weight:500;
	font-size:1.6rem;
	margin:0 0 15px;
	color:#222;
}

/*====================================================================================================*/

/* 상단 2차 tab */
.tabFixed {
	position: fixed;
	top: 55px;
	left: 0;
	z-index: 100;
	background: #fff;
	width: 100%;
}
.tab_wrap {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.tab_wrap li {
	display: inline-block;
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.tab_wrap li a {
	font-weight: 400;
	font-size: 14px;
	line-height: 39px;
	display: block;
	position: relative;
	color:#888b92;
	border-bottom:1px solid #eee;
}
.tab_wrap .tab02 a {
	background:#fff;
	color:#000;
	border-bottom:1px solid #000;
}
.tab_wrap li a.active span {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 9px;
	display: block;
	width: 15px;
	line-height: 15px;
	height: 15px;
	background: #18c9ba;
	border-radius: 8px;
	color: #fff;
}


/*카드 계좌관리*/
.simpleEdit {
	margin: 30px 0 0 25px;
}
.simpleEdit .txt1 {
	margin-top: 5px;
	letter-spacing: -0.05rem;
}
.arrow {
	border: solid #555;
	border-width: 0 1px 1px 0;
	vertical-align: middle;
	display: inline-block;
	padding: 3px;
}
.arrow.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.bgTit {
	width: 100%;
	background: #edf1f5;
	color: #8c9eaf;
	border-top: 1px solid #e3e7eb;
	border-bottom: 1px solid #e3e7eb;
	font-size: 1.5rem;
	padding-left: 20px;
	font-weight: 400;
	position: relative;
	height: 40px;
	line-height: 40px;
}
.bgTit span.guide_txt{
	font-size:11px;
	color:#607a93;
	vertical-align: middle;
	color: #003f93;
}
.bgTit button {
	font-size: 11px;
	color: #333;
	border-radius: 0px;
	position: absolute;
	top: 0;
	right: 0;
	height: 38px;
	line-height: 38px;
	padding-left: 15px;
	font-weight: 500;
}
.bgTit button i {
	padding: 0 5px 0px;
}
.mypage-info + .bgTit{
	border-top:0;
}

/* 안내문구 */
.guidF {
	position: relative;
	margin: 15px 20px;
	color: #232732;
}
.guidF i {
	color:#aaa;
}
.guidF strong {
	display: inline-block;
	padding-left:5px;
	font-size: 13px;
}
.guidF-list{
	margin-top:5px;
}
.guidF-list li {
	position: relative;
	padding-left: 15px;
	padding-bottom: 2px;
	letter-spacing: -0.05rem;
	line-height: 1.3;
	word-break: keep-all;
	color: #666;
}
.guidF-list li:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background: #aab9bb;
	top: 6px;
	left: 5px;
	box-sizing: none;
}

/*이용내역 없을 때*/
.listNone {
	text-align: center;
	line-height: 46px;
	color: #a7a8aa;
}
.listNone .noneMark {
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	max-width: 80px;
	width: 100px;
}
.listNone span {
	font-size: 1.2rem;
}
.no_result{
	width:100%;
	min-height:100px;
	text-align: center;
	color: #222;
	font-size: 1.4rem;
	padding:30px 0;
}
.ico_wrap {
	position: relative;
	display: block;
	width: 81px;
	height: 81px;
	margin: auto;
	background-color: #e8ecef;
	border-radius: 50%;
	margin-bottom: 25px;
}
.ico_wrap .ico_point:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 22px;
	background: url(../images/ico_point.png);
	transform: translate(-50%,-50%);
}
.no_result p{
	color:#999;
}

/* 이용내역 small tab */
.tab_wrap.ver02 {
	width: 100%;
	height: 36px;
	text-align: center;
	overflow: hidden;
	background: #fff;
	border-bottom: none;
}
.tab_wrap.ver02 li {
	display: inline-block;
	margin-right: 15px;
	float: left;
	width: auto;
}
.tab_wrap.ver02 li a {
	color: #aaa;
	font-size: 13px;
	line-height: 34px;
}
.tab_wrap.ver02 .tab02 a {
	color: #000;
	font-weight: 900;
	background: none;
}

/*여백있는 bottom 버튼*/
.bottom-btn {
	position: fixed;
	clear: both;
	left: 0;
	bottom: 0;
	text-align: center;
	padding:10px 10px;
	width: 100%;
	background:#fff;
}
.bottom-btn.bx-gr{
	box-shadow: -1px -2px 10px 0px rgb(0 0 0 / 10%), -4px -1px 6px 4px rgb(255 255 255 / 17%);
}
.bottom-btn.gray{
	background:#f6f8fa;
}
.bottom-tit{
	font-size:15px;
	font-weight:500;
	text-align:left;
	margin:10px 0 20px;
}
.bottom-tit span{
	float:right;
	color:#003f93;
	font-size:16px;
	font-weight:600;
}
.bottom-btn button {
	opacity: 1;
	width: 100%;
	background-image: linear-gradient(165deg, #003f93 0%, #4a1986 100%);
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 46px;
	float: left;
	border-radius:24px;
	border:1px solid #003f93 ;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1), -4px -1px 6px 4px rgba(255,255,255,0.17);
}
.bottom-btn button.left {
	width: 49.2%;
	background: #fff;
	color: #888 !important;
	border: 1px solid #ddd;
}
.bottom-btn button.left.w100,
.bottom-btn button.right.w100{
	width: 100%;
	margin-left:0;
}
.bottom-btn button.left + button{
	margin-left:1.6%;
}
.bottom-btn button.right {
	width: 49%;
	color:#fff;
}
.bottom-btn button.left.gray {
	background: #888b92;
	color: #fff !important;
	border: 1px solid #888b92;
}
.basicInput2 {
	box-sizing: border-box;
	padding: 0 20px;
}
.login-content .bottom-btn{
	background:transparent;
}

.input-box {
	position: relative;
	text-align: left;
	color: #222;
}
.input-box + .input-box{
	margin-top:5px;
}

.gray-guide-box,
.guide_txt {
	color: #666;
	line-height: 17px;
	text-align: left;
	word-break: keep-all;
}
.gray-guide-box i,
.guide_txt i{
	color: #b4bac7;
	padding-right:3px;
}
.inputButton {
	background: none;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 40px;
	padding: 0 10px;
	border: none;
	font-size: 12px;
	font-weight: 900;
}

/*input 제목*/
.group-tit{
	font-size:1.5rem;
	font-weight:600;
	color:#003f93;
	margin-bottom:15px;
}
.input-tit {
	font-size: 1.4rem;
	font-weight: 500;
	text-align: left;
	color: #222;
	margin-bottom:10px;
	position: relative;
}
.input-tit + .input-box{
	margin-top:10px;
}
.input-box + .system-txt{
	margin-top:10px;
}
.system-txt{
	font-size:1.2rem;
	color:#0059b9;
}
.input-tit span {
	color: #888;
	padding-left: 5px;
	font-weight: 400;
	font-size: 12px;
}
.orderSheet-info .strong {
	color: #003f93;
	font-weight:500;
}
.txt3 + .small-recipt{
	margin-top:5px;
}

/* 추가 삭제 버튼*/
.input-tit .add-btn{
	background:#66a9ff;
	position:absolute;
	top:0;
	right:60px;
	font-size:1.2rem;
	height:24px;
	line-height:24px;
	margin-left:3px;
	width:55px;
	color:#fff;
	border-radius:4px;
	padding:0;
}
.input-tit button span{
	color:#fff;
	padding:0 5px 0 0;
	font-size:1rem;
}
.input-tit .delete-btn{
	background:#6c757d;
	position:absolute;
	top:0;
	right:0;
	font-size:1.2rem;
	height:24px;
	line-height:24px;
	margin-left:3px;
	width:55px;
	color:#fff;
	border-radius:4px;
	padding:0;
}
.input-tit .file-btn{
	background:#66a9ff;
	position:absolute;
	top:0;
	right:0;
	font-size:1.2rem;
	height:24px;
	line-height:24px;
	margin-left:3px;
	width:90px;
	color:#fff;
	border-radius:4px;
	padding:0;
}

/*첨부파일*/
.file-upload{
	width: calc(100% - 85px);
	display:inline-block;
	border-radius:4px;
	background:#fff;
	border:1px solid #ddd;
	position:relative;
}
.file-upload input[type="file"] {  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.file-upload input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.file-upload label {
	display: inline-block;
	padding: .5em .75em;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}
.file-upload button.delete{
	color:#999;
	background:transparent;
	position:absolute;
	right:0;
	width:40px;
	height:38px;
	line-height:38px;
}

/* named upload */
.file-upload .upload-name {
	width:calc(100% - 40px);
	display: inline-block;
	padding: 5px 10px;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #ffffff;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height:38px;
}
.form-box label.inp-btn{
	font-size: 12px;
	line-height:38px;
	padding:0;
	font-weight: 500;
	background: #ffffff;
	outline: none;
	position:absolute;
	top:0;
	right:0;
	border: 1px solid #ddd;
	border-radius:4px;
	text-align: center;
	width:80px;
	color:#222;
}

/* 상점 이미지 섬네일 */
.shop-img-box{
	width:100%;
	border:1px solid rgba(0,0,0,0.05);
	min-height:100px;
	max-height:360px;
	background:#e9ecef;
	position:relative;
	border-radius:4px;
	overflow: hidden;
	margin-bottom:10px;
}
.shop-img-box::before{
	position:absolute;
	content:'';
	display: block;
	width:40px;
	height:40px;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	background:url(../images/store_no_images.png);
	background-size:40px;
}
.thumbnail-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
}
.thumbnail {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}
.thumbnail img {
	position: absolute;
	top:0;
	left: 0;
}
.thumbnail .centered  {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
}
.thumbnail .centered img {
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
	width: 100%;
	max-width: none;
	height: auto;
}
.thumbnail img.landscape {
	width: auto;
	max-width: none;
	height: 100%;
}

/*버튼스타일*/
.fullBtn { /* 포인트 색상 */
	display: inline-block;
	background-image: linear-gradient(165deg, #003f93 0%, #4a1986 100%);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1), -4px -1px 6px 4px rgba(255,255,255,0.17);
	width: 100%;
	line-height: 42px;
	color: #fff !important;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	border-radius:21px;
}
.fullBtn span.cartCount{
	border-radius:50%;
	background:#fff;
	color:#003f93;
	display:inline-block;
	height:23px;
	width:23px;
	vertical-align:middle;
	line-height:23px;
	margin-right:10px;
	font-size:13px;
	font-weight:500;
}
.fullBtn2 {/* 흰 배경 회색 라인 */
	display: inline-block;
	width: 100%;
	line-height: 38px;
	color: #999;
	background: #fff;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	border:1px solid #ddd;
	padding: 0;
	border-radius:21px;
	transition: 0.3s;

}
.fullBtn2:active{
	background:rgba(0,0,0,0.02);
}
.fullBtn3 { /* 포인트 색상 라인 */
	display: inline-block;
	background: #fff;
	width: 100%;
	line-height: 42px;
	border:1px solid #003f93;
	color: #003f93 !important;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	border-radius:21px;
	transition: 0.3s;
}
.fullBtn3:active{
	background:rgba(0,63,147,0.05);
}
.fullBtn4 {/* 회색 버튼 */
	display: inline-block;
	width: 100%;
	line-height: 38px;
	color: #fff;
	background: #6c757d;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	border:1px solid #6c757d;
	padding: 0;
	border-radius:21px;
	transition: 0.3s;
}
.fullBtn4:active {
	background: #696d77;
}
.more-btn {
	margin:0 auto;
	display: block;
	width: 130px;
	line-height: 38px;
	color: #888b92;
	background: #fff;
	font-size: 1.4rem;
	border-radius: 6px;
	text-align: center;
	border:1px solid #ddd;
	transition: 0.3s;
}
.more-btn:active{
	margin:0 auto;
	display: block;
	width: 130px;
	line-height: 38px;
	color: #888b92;
	background: rgba(0,0,0,0.02);
	font-size: 1.4rem;
	border-radius: 6px;
	text-align: center;
	border:1px solid #ddd;
}
.more-btn i{
	font-size:10px;
	padding-left:5px;
	vertical-align:middle;
}


/* container 배경 */
.type_gray {
	min-height: -webkit-calc(100vh - 55px);
	min-height: calc(100vh - 55px);
	background: #f4f6f8; /*f2f4f7*/
}
.type_white {
	min-height: -webkit-calc(100vh - 55px);
	min-height: calc(100vh - 55px);
	background: #fff;
}

/* 결제비밀번호설정 */
.passwordForm {
	text-align: center;
	padding-top: 10vh;
	letter-spacing: -0.5px;
}
.passwordForm h1 {
	font-size: 20px;
	font-weight: 700;
	color: #212429;
}
.passwordForm h2 {
	margin: 12px 0;
	font-size: 13px;
	font-weight: 500;
	color: #868f96;
}
.passwordForm input {
	height: 40px;
	width: 40px;
	margin: 10px 2px;
	text-align: center;
	border-radius: 0;
	color: #232732;
	font-size: 12px;
	background: none;
	border: none;
	border-bottom: 3px solid #232732;
}
.fixedBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.fixedBottom p {
	font-size: 11px;
	color: #888;
	line-height: 1.2;
	text-align: center;
	padding: 20px 10px;
}
.fixedBottom .bottomBtn button {
	width: 100%;
	letter-spacing: 1px;
	background:#18c9ba;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	border: none;
	line-height: 55px;
}
.keyboardF {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding:20px;
	background:#003f93;
}
.keyboardF:after{
	content:'';
	display: block;
	clear: both;
}
.keyboardF li {
	float: left;
	width: 33.3%;
	line-height: 8.5vh;
	color: #fff;
	font-weight: 500;
	font-size: 1.6rem;
}
.keyboardF li button{
	background:transparent;
	color:#fff;
	width: 70px;
	height:70px;
	border-radius: 15px;
	transition: 0.3s;
}
.keyboardF li button:active{
	background:#001d43;
}
.keyboardF li:nth-child(10n) {
	font-size: 12px;
}
.keyboardF li:nth-child(3n) {
	border-right: none;
}
.paymentBg h1 {
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	padding: 50px 0;
}
.paymentBg h1 i {
	display: block;
	font-size: 60px;
	margin-bottom: 10px;
}

/* 가맹점앱 결제금액입력 */
.paymentPay {
	margin: 15px 15px 10px;
}
.paymentPay li {
	position: relative;
	text-align: left;
}
.bgInput {
	background: #eff0f4;
	height: 40px;
	width: 100%;
	border: none;
	margin: 15px 0 0;
	padding: 0 30px;
	font-size: 17px;
	font-weight: 700;
	box-sizing: border-box;
	text-align: right;
}
.bgInput + span {
	display: block;
	position: absolute;
	right: 8px;
	bottom: 12px;
	font-size: 17px;
	font-weight: 700;
}
.inputP {
	color: #888;
	text-align: left;
	padding: 10px 5px;
}
.inputP span {
	display: inline-block;
	float: right;
}

/* 결제결과이미지 */
.order-img {
	text-align:center;
	padding-top:40px;
}
.order-img i{
	font-size:56px;
	color:#003f93;
}
.order-img .order-title {
	padding-top: 10px;
	padding-bottom: 15px;
	font-weight:600;
	font-size: 2.4rem;
	line-height:1.5;
}
.order-img .order-title{
	font-size:2.4rem;
	line-height:1.2;
	font-weight:700;
}
.order-img p span{
	font-size:1.6rem;
	font-weight:400;
}
.order-img .order-txt{
	font-size:1.6rem;
	color:#666;
	font-weight:400;
	padding-bottom:10px;
	text-align:center;
}

/* 결제결과테이블 */
.result-info {
	width: 100%;
	padding:10px;
	font-size: 13px;
	color: #222;
	margin: 20px 0 0;
}
.result-info thead th,
.result-info thead td {
	padding-top: 20px;
}
.result-info th {
	width: 120px;
	text-align: left;
	padding: 8px 0;
	color: #888;
	font-weight: 400;
}
.result-info tr:first-child {
	padding-top: 20px;
}
.result-info td {
	text-align: right;
	padding: 8px 0;
}
.result-info tfoot th,
.result-info tfoot td {
	padding-bottom: 20px;
}
.result-info td strong {
	font-size: 16px;
}

/* 마이페이지 */
.myInfo {
	position:relative;
	width: 100%;
}
.myInfo h3 {
	color:#fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}
.myInfo span {
	display: inline-block;
	font-size: 14px;
	color: #888b92;
	font-weight: 200;
	line-height: 1.8;
}
.myInfo button.edit{
	position:absolute;
	top:50%;
	right:20px;
	background:#f1f2f9;
	color:#888b92;
	line-height:30px;
	border-radius:15px;
	margin-top:-15px;
	padding:0 15px;
}
.mypage-info{
	color:#999;
	width:100%;
	font-size:14px;
}
.mypage-info tr{
	border-bottom:1px solid #eeeff1;
}
.mypage-info th{
	text-align:left;
	line-height:3;
	padding-left:20px;
	font-weight:400;
}
.mypage-info td{
	text-align:right;
	padding-right:20px;
	color:#232732;
	font-weight:300;
}
.my-edit-btn{
	border-radius:6px;
	color:#888b92;
	border:1px solid #ddd;
	background:#fff;
	font-weight:400;
	font-size:12px;
	padding:6px 10px;
	margin-left:8px;
}
.my-edit-btn:active{
	background:rgba(0,0,0,0.05);
}
.color-btn{
	color:#888b92 !important;
	padding:10px;
	text-align:center;
	display:block;
	font-weight:400;
	text-decoration:underline !important;
}
.color-btn i{
	font-size:10px;
	padding-left:5px;
}

/* 계좌관리 */
.accountW {
	padding: 0 20px;
	background: #fff;
}
.accountW:after {
	content: "";
	display: block;
	clear: both;
}
.accountW p {
	text-align: center;
	line-height: 1.5;
	padding: 20px 0px 10px;
	word-break: keep-all;
}
.accountW p strong {
	text-align: left;
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #232732;
}
.accountHistory li {
	border-bottom: 1px solid #eee;
	padding: 12px 0 10px;
}
.accountHistory li a {
	display: inline-block;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	padding: 5px 0;
	vertical-align: middle;
}
.accountHistory li a strong {
	display: inline-block;
	font-weight: 500;
	font-size: 13px;
	color: #444;
	margin-bottom: 7px;
	line-height: 1.2;
}
.accountHistory li a span {
	display: inline-block;
	font-size: 12px;
	color: #888;
}
.accountHistory li a span.boxTxt {
	margin-left: 6px;
	border: 1px solid #ccc;
	padding: 2px 4px;
	margin-right: 5px;
	font-size: 10px;
	letter-spacing: -0.5px;
	background: #fff;
}
.accountHistory li button {
	background: none;
	vertical-align: middle;
	height: 24px;
	width: 24px;
}
.accountHistory li button img {
	width: 10px;
}

/* 알림 */
.push_list {
	width: 100%;
}
.push_list .show_detail {
	padding: 15px 20px;
	border-top: 1px solid #e8e8e8;
	position: relative;
}
.push_list .show_detail.new{
	background:#e7f9f8;
}
.push_list .show_detail:last-child {
	border-bottom: none;
}
.push_list .show_detail a {
	cursor: pointer;
	position: relative;
}
.push_list .show_detail a p {
	font-size: 1.4rem;
	color: #666;
	font-weight: 400;
	line-height: 1.5;
	word-break: keep-all;
	margin-top:5px;
}
.push_list .show_detail a h6 {
	color: #999;
	font-size: 1.2rem;
	font-weight: 400;
}


/* 새로운 PUSH */
.push-box{
	width:100%;
	position:relative;
	padding:20px;
}
.push-more-box{
	display:none;
}
.push-box .time{
	text-align:right;
	color:#999;
	margin-bottom:5px;
}
.push-box .time .new{
	width:4px;
	height:4px;
	border-radius:100%;
	display: inline-block;
	background:#ff7979;
	margin-left:5px;
	vertical-align: super;
}
.push-box .tit{
	width:calc(100% - 90px);
	font-size:1.4rem;
	line-height:1.5;
	margin-bottom: 4px;
	font-weight: 500;
	font-size: 1.4rem;
}
.push-box .tit.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.push-box .txt{
	font-size:1.4rem;
	line-height:1.5;
	margin-bottom: 4px;
	font-weight: 400;
	width: 100%;
	font-size: 1.4rem;
	color:#666;
}
.push-box .txt.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.push-more-btn{
	height:36px;
	line-height:36px;
	border:none;
	padding:0;
	display:block;
	width:100%;
	background:#f8fafb;
	border-top:1px solid #eaebec;
}
.push-more-btn i{
	line-height:36px;
	padding:0;
	font-size:1.3rem;
	color:#97a5b3;
	text-align: center;
}


/*알림 목록,관리*/
.pushHistory {
	width: 100%;
}
.pushHistory li {
	padding: 15px 20px;
	position: relative;
	background: #fff;
	min-height:55px;
}
.pushHistory li.pushNew {
	background: #f6f7f9;
	border-bottom: 1px solid #f3f3f3;
}
.pushHistory li.withdrawal{
	border-top:1px solid #eaebec;
	border-bottom:1px solid #eaebec;
	background:#f8fafb;
	padding:0;
	color:#97a5b3;
}
.pushHistory li.withdrawal a{
	display: block;
	padding:15px 20px;
}
.pushHistory li.withdrawal .tit strong {
	display: block;
	font-weight: 500;
	font-size: 1.4rem;
	color: #97a5b3;
	line-height: 25px;
}
.pushHistory li .tit{
	display: inline-block;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	vertical-align: middle;
}
.pushHistory li .tit strong {
	display: block;
	font-weight: 500;
	font-size: 1.4rem;
	color: #222;
	line-height: 25px;
}
.pushHistory li .tit span {
	display: inline-block;
	font-size: 12px;
	color: #888b92;
	word-break: keep-all;
	line-height: 1.3;
	margin-top:5px;
}
.pushHistory li button {
	background: none;
	text-align: center;
	vertical-align: bottom;
	height: 24px;
	width: 20px;
	position: absolute;
	right: 15px;
	bottom: 18px;
}
.pushHistory li button img {
	width: 12px;
}
.pushHistory li .pushDate {
	color: #a2a5af;
	font-size: 10px;
	font-weight: 300;
	position: absolute;
	right: 18px;
	top: 18px;
}
.pushHistory li.pushTit{
	padding:15px 20px 5px;
}
.pushHistory li.pushTit > h2 {
	font-size: 1.6rem;
	font-weight: 500;
	padding: 10px 0 6px;
}
.pushHistory li.pushTit > h2 > span {
	float: right;
	padding-right: 10px;
}
.pushHistory li.pushTit > span {
	font-size: 1.2rem;
	display: block;
	line-height: 1.3;
	color: #aaa;
}
.agree_box {
	width: 50px;
	height: 25px;
	position: absolute;
	right: 14px;
	top: 15px;
}
.agree_box i{
	line-height:25px;
	text-align:right;
	position:absolute;
	right:15px;
	top:0;
	color:#aaa;
}
.agree_box input[type=checkbox] {
	display: none;
}
.agree_box input[type=checkbox] + label {
	margin-bottom: 0;
	display: inline-block;
	cursor: pointer;
	width: 50px;
	min-height: 23px;
	background: url('../images/amount_off.png') left center/40px no-repeat;
}
.agree_box input[type=checkbox]:checked + label {
	background-image: url('../images/amount_on.png');
}




/* 검색조건설정 */
.search_wrap {
	padding: 10px 15px;
	box-sizing: border-box;
	text-align: center;
}
.search-box {
	padding: 0 5px;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
}
#SearchDiv {
	line-height: 40px;
	box-sizing: border-box;
	background: #f6f6f6;
	border-top:1px solid#eeeff1;
	border-bottom:1px solid #eeeff1;
	padding: 0 15px;
	text-align: left;
}
#SearchDiv:after {
	content: "";
	display: block;
	clear: both;
}

#SearchDiv .trans_msg {
	color: #666;
	display: inline-block;
	font-size: 12px;
	width: -webkit-calc(100% - 83px); /* for Chrome, Safari */
	width: calc(100% - 83px);
}
#SearchDiv .trans_msg input {
	vertical-align: top;
	line-height: 40px;
	background: #f1f1f1;
}
#SearchDiv span{
	color:#666;
}
#SearchDiv button {
	float: right;
	font-size: 11px;
	line-height: 40px;
	display: inline-block;
	color: #666;
	font-weight: 700;
	padding: 0;
	background: none;
}
#SearchDiv button i {
	font-size: 11px;
	color: #999;
	line-height: 40px;
}

/*20230616 추가*/
#SearchDiv button span {
	font-size: 12px;
	padding-left: 3px;
	line-height: 40px;
	font-family: "Pretendard", sans-serif;
	font-weight: 500;
	color: #999;
}
#Searchfrm {
	text-align: center;
	padding: 0;
}
.inputForm .txt1 {
	padding: 15px 0 8px;
	width: auto;
	font-weight: 400;
	font-size: 1.4rem;
	color: #222;
	text-align: left;
}
.inputForm .txt2 {
	position: relative;
	text-align: left;
}
.inputForm .txt2 input,
.inputForm .txt2 select{
	display: inline-block;
	background:#f6f6f6;
	border-radius:8px;
	border:0;
}
.term_search {
	width:100%;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 5px;
}
.term_search:after{
	display:block;
	clear:both;
	content:'';
}
.term_search li {
	float:left;
	font-weight: 300;
	text-align: center;
	width:19%;
	margin-right:1%;
	font-size: 12px;
	margin-top:0 !important;
}
.term_search li button{
	width:100%;
	line-height:25px;
	border-radius:4px;
	font-weight:400;
	color:rgba(35,39,50,0.7);
	background:#edeff1;
	transition: 0.3s;
}
/*.term_search li button:active{*/
/*	background:rgba(0,63,147,0.1);*/
/*	color:rgba(35,39,50,1);*/
/*}*/
.term_search li:last-child {
	margin-right: 0;
	width:20%;
}
.date-wrap{
	margin-top:10px;
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.date-wrap input{
	width:48%;
	text-align:left;
}
.date-wrap span{
	display:inline-block;
	width:4%;
}
/* 20240129 ios 날짜 검색 영역 수정 */
.search-date-box{
	background:#fff;
	border:1px solid #e8e8e8;
	display: flex;
	width:100%;
	border-radius:4px;
	justify-content: space-between;
	align-items: flex-start;
}
.search-date-box .date-input{
	width:48%;
}
.search-date-box p{
	width:4%;
	line-height:38px;
	text-align: center;
}
.date-input input[type="date"]{
	position:relative;
	padding:0 30px 0 10px;
	background:url(../images/calendar-ico2.png) no-repeat right 10px center / 16px auto;
	width:100%;
	line-height:40px;
	height:40px;
	display:inline-block;
	text-align: left !important;
	color:#222;
	font-size:1.4rem;
	vertical-align: middle;
	border:0;
	-webkit-appearance:none; /* 화살표 없애기 for chrome*/
	-moz-appearance:none; /* 화살표 없애기 for firefox*/
	appearance:none /* 화살표 없애기 공통*/
}
.date-input input[type="date"]::-webkit-clear-button,
.date-input input[type="date"]::-webkit-inner-spin-button{display:none;}
.date-input input[type="date"]::-webkit-calendar-picker-indicator{
	position:absolute;
	left:10px;
	top:10px;
	width:100%;
	height:100%;
	background:transparent;
	color:transparent;
	cursor:pointer;
}
.date-input input[type="date"]::before{
	content: attr(data-placeholder);
	width:100%;
}
.date-input input[type="date"]:valid::before{
	display:none;
}
.date-input input[date-placeholder]::before{
	font-size:1.4rem;
	padding-left:16px;
}


/* 검색버튼 */
.tr_wrap {
	margin: 20px 0 0px;
}
.tr_wrap button {
	width: 49%;
	line-height: 28px;
	font-weight: 500;
}
.BlueBtn_m {
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
	box-sizing: border-box;
}
.BlueBtn_mline {
	color: #444;
	background: none;
	border: 1px solid #828282;
	box-sizing: border-box;
}

/* filter */
.filter input[type=radio] {
	display: none;
}
.filter input[type=radio] + label,
.filter input[type=radio] + label {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	padding: 8px 15px;
	margin-right: 3px;
	color: #666;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	letter-spacing: -0.3px;
	font-size: 1.3rem;
}
.filter input[type=checkbox]:checked + label,
.filter input[type=radio]:checked + label {
	background: #36b1ff;
	color: #fff;
	border: 1px solid #36b1ff;
}

/* 내역 리스트 */
h3.totalTit {
	font-size: 12px;
	color: #444;
	font-weight: 400;
	padding: 10px 20px;
	position: Relative;
	background: #fff;
}
h3.totalTit span{
	font-weight:600;
	color: #003f93;
}
.mypay_tbmenu {
	width: 100%;
	box-sizing: border-box;
	background:#fff;
}
.mypay_tbmenu > li{
	padding:15px 20px;
	border-bottom: 1px solid #eee;
}
.mypay_tbmenu li .history-info {
	position: relative;
	height: 60px;
}
.history-info .date {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	color: #888;
}
.history-info .title {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #222;
	font-size: 1.4rem;
}
.history-info .store {
	position: absolute;
	bottom: 23px;
	left: 0;
	font-size: 1.3rem;
	color: #999;
}
.history-info .price {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #003f93;
	font-weight: 400;
	font-size: 1.4rem;
}
.history-info .price strong {
	margin-right: 3px;
	font-weight: 600;
	font-size: 1.6rem;
}
.history-info .price.cancel {
	color: #d05353;
}
.history-info .price.due,
.history-info .price.hold{
	color: #222;
}
.history-info .status {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.1rem;
	font-weight:500;
	height:20px;
	line-height:20px;
	padding:0 5px;
	border-radius:4px;
}
.history-info .status.success{
	background:#e1f1ff;
	color:#5c7cb1;
}
.history-info .status.cancel,
.history-info .status.hold{
	background:#ffe3e3;
	color:#d05353;
}
.history-info .status.due{
	background:#dcf4e0;
	color:#599d64;
}
/* 공지사항 */
.notice-wrap .c_notice {
	border-bottom: solid 1px #e1e1e1;
}
.notice-wrap .c_notice-question {
	position: relative;
	cursor:pointer;
	background:#fff;
}
.notice-wrap .c_notice-question .acc-tit{
	font-size: 13px;
	font-weight: 350;
	padding: 20px;
	line-height: 1;
	display: table;
	table-layout: fixed;
	width: 100%;

}
.notice-wrap .c_notice-question .acc-tit.on .txt{
	font-weight:600;
	color:#003f93;
}
.notice-wrap .c_notice-question .acc-tit > *{
	display: table-cell;
	vertical-align: middle;
}
.notice-wrap .c_notice-question .acc-tit .txt{
	padding-right: 40px;
	font-size:1.4rem;
	line-height: 1.5;
}
.notice-wrap .c_notice-question .acc-tit .txt span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.notice-wrap .c_notice-question .acc-tit .txt span.date{
	font-size:12px;
	color:#888b92;
	padding-top:5px;
}
.notice-wrap .c_notice-question .acc-tit .txt span.category{
	font-size:12px;
	color:#888b92;
	display: block;
	padding-bottom:5px;
}
.notice-wrap .c_notice-answer {
	border-top: solid 1px #e1e1e1;
	background-color: #f6f6f6;
	display: none;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 0;
	padding: 15px 20px;
	text-align: left;
	word-break: keep-all;
}
.notice-wrap .c_notice-answer > *{
	vertical-align: top;
	display: table-cell;
}
.notice-wrap .c_notice-answer img{
	width:100%;
	padding:10px 0;
}
.notice-wrap .c_notice-expanded {
	transition: all .3s ease-in-out;
}
.notice-wrap .c_notice-toggle {
	background: transparent;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	height: 8px;
	width: 8px;
	transition: all .3s ease-in-out;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
}
.notice-wrap .c_notice-toggle_open {
	-moz-transform: rotate(-224deg);
	-ms-transform: rotate(-224deg);
	-webkit-transform: rotate(-224deg);
	transform: rotate(-224deg);
}

/* FAQ */
/* FAQ 검색 */
.search-input-box{
	background:#f7f7f7;
	border:1px solid #e8e8e8;
	padding:10px 15px;
	box-sizing: border-box;
}
.search-input-box .text-box{
	display:inline-block;
	width: calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
}
.search-input-box .text-box input{
	font-size:1.4rem;
	padding:0 10px;
	border-radius:4px;
}
.search-input-box .btn{
	width:65px;
	display:inline-block;
	padding:0;
	margin:0;
	box-sizing: border-box;
	background:#222;
	border-radius:0;
	float:right;
	border-radius:4px;
}
.search-input-box .btn input{
	font-size:1.4rem;
	background:#222;
	height:38px;
	line-height:38px;
	border:none;
	border-radius:0;
	color:#fff;
	padding:0;
}
.notice-wrap .c_notice-answer em.ico{
	padding-right:5px;
	font-weight:700;
	color:#97a4ff;
}
.notice-wrap .c_notice-question .acc-tit .txt em.ico{
	padding-right:5px;
	font-weight:700;
	color:#18c9ba;
}

/* FAQ 카테고리 */
.faq-category-slide{
	padding:0 10px;
	background:#fff;
	border-bottom:1px solid #e8e8e8;
}
.faq-category-slide li {
	position: relative;
	display: inline-block;
	width: auto;
}
.faq-category-slide li a.on::after{
	content: '';
	display: block;
	width:40px;
	height:2px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-20px;
	background:#222;
}
.faq-category-slide li:last-child:after{
	width:0;
	height:0;
}
.faq-category-slide li a {
	display: block;
	padding: 0 15px;
	font-size: 1.4rem;
	color: #999;
	height: 46px;
	line-height: 46px;
	transition: 0.3s;
}
.faq-category-slide li a.on {
	color: #222;
	font-weight: 700;
}
.faq-category-slide li a:active {
	color:#000;
}

/* 공지사항 */
.noticeWrap {
	width: 100%;
	word-break: keep-all;
	background:#fff;
}
.notice_list li{
	width: 100%;
	position: relative;
	border-top: 1px solid #eee;
}
.notice_list li.new{
	background:#f8f9fa;
}
.notice_list li:last-child{
	border-bottom:1px solid #eee;
}
.noticeWrap .notice_list li.new .txt .tit,
.noticeWrap .notice_list li.new .txt .date{
	color:#003f93;
	font-weight:600;
}
.noticeWrap .notice_list a {
	cursor: pointer;
	display: block;
}
.noticeWrap .notice_list .txt {
	font-size: 1.4rem;
	color: #222;
	font-weight: 400;
	line-height: 1.3 !important;
	padding: 20px;
}
.noticeWrap .notice_list .txt .tit{
	font-size:1.4rem;
	display: block;
	color:#222;
	width: calc(100% - 50px);
	display: -webkit-box;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.noticeWrap .notice_list .txt .date{
	font-size:1.2rem;
	display: block;
	color:#999;
	margin-top:5px;
}
.noticeWrap .notice_list .txt .category{
	font-size: 1.2rem;
	color: #888b92;
	display: block;
	padding-bottom: 5px;
}
.noticeWrap .notice_list span.ico {
	top: 50%;
	right: 20px;
	margin-top:-8px;
	position: absolute;
	vertical-align: top;
	font-size: 1.2rem;
	font-weight: bold;
	color: #aaa;
	line-height:16px;
}

/* bottom-wrap 게시판 상세 다운로드 버튼*/
.bottom-wrap {
	position: fixed;
	clear: both;
	left: 0;
	bottom: 0;
	text-align: center;
	padding:0;
	width: 100%;
	background:#fff;
	max-height:165px;
	overflow-y: scroll;
}
.bottom-wrap .file-wrap{
	width:100%;
}
.bottom-wrap .file-wrap li{
	width:100%;
	position: relative;
	border-top:1px solid #e8e8e8;
}
.bottom-wrap .file-wrap li a{
	display: block;
	cursor: pointer;
	transition: 0.3s;
	background:#f3f3f3;
}
.bottom-wrap .file-wrap li .file-txt{
	font-size:1.4rem;
	color:#666;
	font-weight:500;
	text-align:center;
	padding:10px 15px;
}
.bottom-wrap .file-wrap li .file-txt .file-tit{
	font-size:1.2rem;
	display: block;
	text-align: left;
	margin-bottom:3px;
	width: calc(100% - 50px);
	display: -webkit-box;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.bottom-wrap .file-wrap li .file-txt .capacity{
	display: block;
	font-size:1.1rem;
	color:#999;
	text-align: left;
}
.bottom-wrap .file-wrap li .file-txt .ico{
	font-size:1.6rem;
	line-height:20px;
	color:#aaa;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-10px;
}

/* 게시판 수정 */
.board-btn-wrap{
	padding:15px 0;
	text-align:right;
}
.board-btn-wrap button{
	padding:8px 15px;
	display: inline-block;
	font-size:1.3rem;
	color:#fff;
	background:#6c757d;
	border-radius:4px;
	margin-left:5px;
	font-weight:500;
}
.board-btn-wrap button.edit{
	border:1px solid #d4e0e9;
	color:#707c89;
	background:#d4e0e9;
}
/* 토글 */
.toggle {
	background: transparent;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	height: 8px;
	width: 8px;
	transition: all .3s ease-in-out;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
}
.toggle_open {
	-moz-transform: rotate(-224deg);
	-ms-transform: rotate(-224deg);
	-webkit-transform: rotate(-224deg);
	transform: rotate(-224deg);
}

/* 1:1문의 */
.noticeWrap .notice_list li.question {
	border-bottom: 1px solid #e8e8e8;
	padding: 20px;
}
.noticeWrap .notice_list .list-content {
	position: relative;
}
.noticeWrap .notice_list .list-content span {
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	font-size: 12px;
	padding: 5px 10px;
	background: #aaacb7;
	color: #fff;
	font-weight: 500;
	float: right;
	/*display: inline;*/
}
.noticeWrap .notice_list .list-content span.wait {
	background: #18c9ba;
	border: 1px solid #18c9ba;
	color: #fff;
}

.noticeWrap .notice_list .list-content span.delete {
	border:1px solid #bbb;
	color:#222;
	background:#fff;
	margin-right: 70px;
}

.noticeWrap .notice_list .list-content h4 {
	font-size: 14px;
	width: 80%;
	color: #222;
	font-weight: 400;
	word-break: keep-all;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
}
.noticeWrap .notice_list .list-content > p {
	font-size: 12px;
	padding-top: 5px;
	color: #999;
}
.boardHeadline {
	padding: 20px;
	border-bottom: 1px solid #eee;
	max-height: 100px;
}
.boardHeadline .boardDate {
	color: #999;
	margin-top: 10px;
	font-size:1.2rem;
}
.boardHeadline .boardTitle {
	font-size: 1.5rem;
	word-break: break-all;
}
.boardDetail {
	padding: 20px;
	font-size: 1.4rem;
	line-height: 1.7;
	color: #666;
	word-break: break-all;
	white-space: normal;
	background:#fff;
	height:calc(100vh - 320px);
	height: -webkit-calc(100vh - 320px);
	overflow-y: scroll;
}
.boardDetail.terms {
	overflow-y: auto;
	height:auto;
}
.boardDetail .tit{
	font-size:1.1rem;
	border:1px solid #e8e8e8;
	background:rgba(0,63,147,0.1);
	color:#222;
	padding:0 6px;
	border-radius:4px;
	display:inline-block;
	margin-right:3px;
	vertical-align: top;
}
.boardDetail .txt{
	width:calc(100% - 40px);
	display:inline-block;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: left;
	color: #222;
	line-height:1.4;
}

/* 답변 */
.reply {
	width: 100%;
	padding: 20px;
	border-bottom:1px solid #e8e8e8;
}
.reply h3 {
	font-size: 14px;
}
.reply h3 span {
	font-size: 11px;
	border-radius: 15px;
	border: 1px solid #aaa;
	color: #232732;
	padding: 0px 7px;
	margin-right: 5px;
}
.reply .date {
	font-size: 12px;
	color: #222;
}
.reply .date span{
	color:#aaa;
	padding-right:10px;
}
.reply > div.date
.reply p.reply-content {
	font-size: 12px;
	line-height: 1.7;
	margin-top: 10px;
	word-break: break-all;
}

/* 이용약관 */
.dropSearch{
	padding: 0;
}
.dropSearch select {
	width: 100%;
	border: none;
	padding: 5px 10px 5px 20px;
	border-bottom: 1px solid #ddd;
	background: #fff;
	color: #222 !important;
	border-radius: 0;
}

/* 회사정보 */
.compaybox {
	padding: 20px;
}
.compaybox h2.bold {
	font-size: 1.4rem;
	padding-bottom: 10px;
	color: #222;
	font-weight: 500;
}
.compaybox table {
	vertical-align: top;
	line-height: 1.4;
	width: 100%;
	font-size: 13px;
}
.compaybox table tr {
	border: 1px solid #dfdfdf;
}
.compaybox table th {
	width: 120px;
	background: #efefef;
	padding: 10px 5px 10px 10px;
	border-right: 1px solid #dfdfdf;
	font-weight: 400;
}
.compaybox table td {
	background: #fff;
	padding: 10px 5px 10px 10px;
	word-break: keep-all;
	font-weight:400;
	color:#666;
}
.compaybox p {
	padding-top: 15px;
	line-height: 20px;
	font-size: 13px;
	color: #999;
}

/* 회원가입 */
.join-title {
	width: 100%;
	padding: 1.5rem;
	position:relative;
}
.join-title h2 {
	line-height: 30px;
	font-size: 2.4rem;
	font-weight: 600;
	color: #000;
}
.join-title p{
	font-size:1.4rem;
	padding-top:5px;
	line-height:1.4;
	font-weight:300;
}
ol.join-process {
	text-align: center;
	padding:1.5rem 1.5rem 0 0;
	position: absolute;
	right: 0;
	top: 0;
}
ol.join-process li {
	display: inline-block;
	padding: 0 5px;
	position: relative;
	width: auto;
	min-width: auto;
}
ol.join-process li span {
	background: #bbc1c5;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #ffffff;
	line-height: 1;
	font-size: 0px;
	font-weight: 700;
	width: 6px;
	height: 6px;
	display: inline-block;
	line-height: 20px;
}
ol.join-process li.on span {
	background: #36b1ff;
	width: 24px;
	height: 24px;
	display: inline-block;
	line-height: 24px;
	font-size: 12px;
}
.join-terms-wrap{
	padding:1.5rem;
}
.join-terms-wrap .all-terms-check {
	text-align: left;
	word-break: keep-all;
	margin-bottom:2rem;
}
.join-terms-wrap .all-terms-check .check_box input[type=checkbox] {
	display: none;
}
.join-terms-wrap .all-terms-check .check_box input[type=checkbox] + label {
	width:100%;
	font-size: 1.5rem;
	border-radius:6px;
	text-align: left;
	display: block;
	cursor: pointer;
	padding: 1.5rem 1.5rem 1.5rem 5rem;
	line-height:1.5;
	background: url(../images/i_check_off.png) 15px /23px no-repeat;
	background-color:#fff;
	font-weight: 500;
	border:1px solid #dee2e6;
	color:#888b92;
}
.join-terms-wrap .all-terms-check .check_box input[type=checkbox]:checked + label {
	background-image: url(../images/i_check_on.png);
	background-color:#fff;
	border:1px solid #222;
	box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%), -4px -1px 6px 4px rgb(255 255 255 / 17%);
	color:#000;
}
.join-terms-wrap .check_agree {
	margin: 15px 0;
	line-height:2.5rem;
	display: block;
	position:relative;
}
.join-terms-wrap .check_agree input[type=checkbox] {
	display: none;
}
.join-terms-wrap .check_agree button{
	background: transparent;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
}
.join-terms-wrap .check_agree input[type=checkbox] + label {
	text-align: left;
	font-weight: normal;
	display: block;
	width:calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	cursor: pointer;
	padding-left: 30px;
	line-height:20px;
	background: url(../images/small-check-off.png) left/20px no-repeat;
	font-weight: 500;
}
.join-terms-wrap .check_agree input[type=checkbox] + label span.small-guide {
	display: block;
	font-weight: 300;
	color: #666;
	font-size: 12px;
}
.join-terms-wrap .check_agree input[type=checkbox]:checked + label {
	background-image: url(../images/small-check-on.png);
}
.article_text {
	line-height: 18px;
	margin-bottom:20px;
	color:#666;
	word-wrap: break-word;
}
.terms-wrap h3{
	font-size:1.6rem;
	margin-bottom:10px;
	font-weight:500;
	color:#222;
	text-align:center;
}
.terms-wrap h4{
	font-size:1.4rem;
	margin-bottom:10px;
	font-weight:500;
	color:#222;
}
.terms-wrap h5{
	font-size:1.4rem;
	margin-bottom:10px;
	color:#222;
}
.form-box input.box-input.button{
	width:calc(100% - 85px);
}
.form-box button.check-btn{
	border:1px solid #ddd;
	background:#e8eef3;
	color:#999;
	position:absolute;
	top:0;
	right:0;
	width:80px;
	height:40px;
	font-size:1.3rem;
	border-radius:4px;
	transition: 0.1s;
}
.form-box button.check-btn:active{
	background:#e2e8ec;
}
.join-complete-box{
	padding:1.5rem;
	text-align:center;
}
.join-complete-box img{
	width:70px;
	padding-top:8rem;
}
.join-complete-box h5{
	font-size:2.2rem;
	padding:2rem 0 0.75rem;
	font-weight:700;
}
.join-complete-box p{
	font-size:1.4rem;
	line-height:1.5;
	color:#666;
}
.join-complete-box p span{
	display:block;
}
/*// 2023-04-18 회원가입*/

/* 비밀번호 변경안내 */
.pw-info-box{
	width:100%;
	display:table;
}
.pw-info-box .pw-img{
	display: table-cell;
	width: 50px;
	vertical-align: top;
	padding-top:5px;
}
.pw-info-box .pw-img em{
	width: 50px;
	height: 50px;
	background:url(../images/pass_ico1.png) no-repeat;
	display: inline-block;
	background-size: cover;
}
.pw-info-box .pw-txt{
	display: table-cell;
	padding: 0 0 0 15px;
	width: auto;
	vertical-align: middle;
	text-align: left;
	vertical-align: middle;
}
.pw-info-box .pw-txt h3{
	font-size:1.8rem;
	font-weight:700;
}
.pw-info-box .pw-txt p.tit{
	font-size:1.5rem;
	color:#000;
	word-break: keep-all;
	margin-top:0.5rem;
	line-height:1.4;
	font-weight:300;
}
.pw-info-txt{
	border-radius:8px;
	background:#ebeff3;
	color:#666;
	padding:15px;
	margin-top:2rem;
	font-size:1.4rem;
	line-height:1.5;
	word-break: keep-all;
}
.pw-info-box .pw-txt .color,
.pw-info-txt p .color{
	color:#003f93;
}


/* 로그인 */
.login-content {
	width: 100%;
	padding:0 20px 50px;
	background:#f6f8fa;
	min-height: -webkit-calc(100vh - 0px);
	min-height: calc(100vh - 0px);
}
.login_logo {
	width: 100%;
	padding: 80px 20px 30px;
	text-align: center;
}
.login_logo img {
	width: 120px;
	text-align: center;
}
.main-con-box .login_logo{
	padding:10px 0 20px;
}
.login_formli .form-group{
	margin-bottom:10px;
}
.login_formli li i {
	position: absolute;
	top: 50%;
	margin-top:-7px;
	left: 12px;
	color: #bbc2c8;
	font-size: 14px;
}
.login_formli input{
	padding-left:35px;
	margin-top:0;
	border-radius:25px;
	background:transparent !important;
	border:1px solid #bec6d3;
	font-weight:200;
	font-size:14px;
}
.password_search {
	font-size: 14px;
	width: 100%;
	text-align: center;
	margin: 20px 0 10px;
	font-weight: 500;
	color: #000;
}
.password_search:after {
	display:block;
	clear:both;
	content:'';
}
.password_search li {
	float:left;
	width: 50%;
	border-right: 1px solid #aaa;
}
.password_search li + li{
	margin-top:0 !important;
}
.password_search li a {
	font-weight:300;
}
.password_search li:last-child {
	border-right: none;
}
.login-btn{
	width: 100%;
	padding: 20px 0 0;
	text-align: center;
}
.login-btn button{
	display: inline-block;
	background: #003f93;
	box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 8%), -4px -1px 6px 4px rgb(255 255 255 / 8%);
	width: 100%;
	line-height: 42px;
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	border-radius: 21px;
	text-align: center;
}
.login-btn a.join{
	display: inline-block;
	width: 100%;
	line-height: 38px;
	color: #003f93;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	border-radius: 20px;
	text-align: center;
	margin-top: 10px;
	border:1px solid #003f93;
	padding: 0;
}
.login-btn a.join:active{
	background:rgba(0,0,0,0.02);
}
.join_btn {
	width: 100%;
	padding: 20px 0 0;
	text-align: center;
}

/* 로그인비밀번호찾기 */
.findBtn {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #888;
	margin-top:20px;
}
.findBtn a {
	color: #003f93 !important;
	margin-left: 10px;
}

/* 환불신청 */
.serviceInfo {
	padding: 20px 20px 10px;
}
.serviceInfo h2 {
	font-size: 16px;
	margin-bottom: 8px;
	letter-spacing: -0.5px;
}
.serviceInfo h2 img {
	width: 20px;
	vertical-align: middle;
	margin-right: 5px;
}
.serviceInfo p {
	line-height: 17px;
	color: #666;
	word-break: keep-all;
}
.serviceInfo .donwnBox li {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	background: #f3f3f3;
}
.serviceInfo .donwnBox li:first-child {
	margin-top: 15px;
}
.serviceInfo .donwnBox li a {
	text-decoration: none;
	color: #232732;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	display: block;
	padding: 20px;
}
.serviceInfo .donwIcon {
	position: absolute;
	top: 16px;
	right: 15px;
	width: 10px;
}
.serviceInfo .donwIcon img {
	width: 20px;
	float: right;
}
.serviceInfo .infoList li {
	line-height: 20px;
}
.serviceInfo .infoList li::before {
	content: "";
	width: 3px;
	height: 3px;
	display: inline-block;
	margin-bottom: 3px;
	border-radius: 50%;
	margin-right: 3px;
	background-color: #bbb;
}
.serviceInfo p.csInfo {
	background: #f3f3f3;
	border: 1px solid #eee;
	padding: 10px 15px;
	margin-top: 20px;
	border-radius: 8px;
	line-height: 20px;
}


/* 내역 상세 table */
.orderSheet-info-wrap{
	padding:0;
}
.ordersheet-tit{
	font-size:1.4rem;
	font-weight:500;
	background:#f8fafb;
	color:#97a5b3;
	border-bottom:1px solid #eaebec;
	padding:10px 15px;
}
table.orderSheet-info {
	width: 100%;
	font-size: 1.2rem;
	color: #222;
	margin: 10px 0;
}
table.orderSheet-info th {
	width: 115px;
	text-align: left;
	padding: 8px 0 8px 20px;
	font-weight: 400;
	color:#999;
}
table.orderSheet-info td {
	text-align: right;
	padding: 8px 20px 8px 0;
}
table.orderSheet-info td strong {
	font-size: 1.4rem;
}

table.orderSheet-info td button {
	margin-left: 7px;
	border-radius: 4px;
	padding: 6px 8px;
	font-size: 12px;
}
table.orderSheet-info th span.line{
	position:relative;
	padding-left:20px;
	font-size:1.3rem;
}
table.orderSheet-info th span.line:before{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border: solid #e8e8e8;
	border-width: 0 0 2px 2px;
	content: '';
}
table.orderSheet-info tr.datail td,
table.orderSheet-info tr.datail th{
	font-size:1.2rem;
}
table.orderSheet-info tfoot td,
table.orderSheet-info tfoot th{
	padding:15px 20px;
}
table.orderSheet-info tfoot th.tit{
	font-weight:500;
	font-size:1.6rem;
	color:#222;
}
table.orderSheet-info tfoot td.total{
	font-weight:500;
	font-size:1.6rem;
}
table.orderSheet-info tfoot td.total{
	font-weight:500;
	font-size:1.6rem;
}
.order-btn-box{
	width:100%;
	text-align:right;
}
.order-btn-box .order-cancel-btn{
	width:90px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	background:#da2a4d;
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
	margin-top:20px;
	transition: 0.3s;
}
.order-btn-box .order-cancel-btn:active{
	background:#b31938;
}

/* 결제내역 정산내역 상단 */
.mypayWrap {
	padding: 20px;
	color:#001b45;
	background:#001b45;
}
.mypayWrap.color{
	background:#003f93;
}
.mypayWrap .card-number{
	margin-top:10px;
	letter-spacing:0;
	font-weight:300;
	font-size:1.4rem;
	color:rgba(255,255,255,0.9);
	text-align:left;
}
.mypayWrap h3.payTitle {
	font-size: 1.6rem;
	text-align:left;
	color:#fff;
}
.mypayWrap h3.payTitle span{
	font-size:12px;
	padding-left:5px;
	color:#888b92;
	font-weight:300;
}
.mypayWrap .card-number {
	margin-top: 7px;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 12px;
	color: rgba(255,255,255,0.9);
}
.coin-box{
	margin-top:10px;
	background:rgba(0,0,0,0.2);
	padding:10px 15px;
	border-bottom-left-radius:14px;
	border-bottom-right-radius:14px;
}
.coin-box .amount{
	float:right;
}
p.payNumber {
	text-align: right;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #fff;
	position: relative;
	margin-top:5px;
}
p.payNumber span.unit{
	padding-left:3px;
	font-size:20px;
	font-weight:400;
}
.mypayWrap .payNumber .charge-btn {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -17px;
	height: 34px;
	line-height: 34px;
	border-radius: 18px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 1.4rem;
	width: 80px;
	text-align: center;
	font-weight: 500;
	transition: 0.3s;
}
.mypayWrap .payNumber .charge-btn:active{
	background: rgba(0,0,0,0.5);
}
p.payNumber button {
	font-size:1.4rem;
	background: rgba(0,0,0,0.1);
	width: 30px;
	height: 30px;
	line-height: 16px;
	vertical-align: middle;
	border-radius: 100%;
	margin-left:5px;
	transition: 0.3s;
}
p.payNumber button img {
	width: 16px;
}
p.payNumber button:active{
	background: rgba(0,0,0,0.2);
}
.point-card{
	position:relative;
	border-radius:10px;
	width:100%;
	background-color:#1cbfb7;
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 9%);
}
.mypayWrap .small-recipt th {
	width: 150px;
	text-align: left;
	padding: 4px 0;
	color: #888;
	font-weight: 400;
}
.mypayWrap .small-recipt td {
	text-align: right;
	padding: 4px 0;
	color:#fff;
}
.mypayWrap .small-recipt td .amount{
	font-size:1.4rem;
	font-weight:500;
}
.mypayWrap .small-recipt td .amount i{
	margin-left:10px;
	vertical-align: revert;
	font-size:1.2rem;
}
.mypayWrap .small-recipt span{
	position:relative;
	padding-left:15px;
	font-size:1.4rem;
	line-height: 1;
	color:#fff;
}
.mypayWrap .small-recipt .tit:before{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 6px;
	height: 5px;
	border: solid rgba(255,255,255,0.5);
	border-width: 0 0 1px 1px;
	content: '';
}
.search-wrap{
	display: flex;
	padding:3px;
	background:#f7f7f7;
	border:1px solid #e8e8e8;
	margin-top:5px;
}
.search-wrap input{
	width:calc(100% - 143px);
	border-radius: 4px;
	margin:0 3px;
	font-size:1.4rem;
}
.search-wrap button{
	width:40px;
	background: transparent;
	color:#666;
	border-radius: 4px;
}
.search-wrap button:active{
	background: rgba(0,0,0,0.03);
}
.search-wrap button.search{
	width:100px;
	font-size:1.2rem;
	background: transparent;
}
.search-wrap button.search:active{
	background: rgba(0,0,0,0.03);
}
.small-recipt {
	width: 100%;
	font-size: 12px;
	margin-top:10px;
}
.small-recipt th {
	width: 120px;
	text-align: left;
	padding: 4px 0;
	color: #888;
	font-weight: 400;
}
.small-recipt td {
	text-align: right;
	padding: 4px 0;
}
.small-recipt td .amount{
	font-size:1.4rem;
	font-weight:500;
}
.small-recipt td .amount i{
	margin-left:10px;
	vertical-align: revert;
	font-size:1.2rem;
}
.small-recipt span{
	position:relative;
	padding-left:15px;
	font-size:1.4rem;
	line-height: 1;
}
.small-recipt .tit:before{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 6px;
	height: 5px;
	border: solid #fff;
	border-width: 0 0 1px 1px;
	content: '';
}
.small-recipt td strong{
	color:#18c9ba;
	font-size:14px;
}

/* form-box */
.form-box{
	width:100%;
	padding:20px;
}
.form-box.white{
	background:#fff;
}
.form-group{
	margin-bottom:20px;
}
.form-box ul li:last-child .form-group{
	margin-bottom:0;
}
.form-box ul li .col2{
	width:100%;
}
.form-box ul li .col2::after{
	display: block;
	clear: both;
	content:'';
}
.form-box ul li .col2 > *{
	width:49%;
	margin-right:2%;
	float: left;
}
.form-box ul li .col2 select:last-child{
	margin-right:0;
}

/* 결제금액 입력 */
.form-box .money-box{
	border:1px solid #bbb;
	background:#fff;
	border-radius:4px;
	padding:0;
	margin:0;
	width:100%;
	position:relative;
}
.form-box .money-box input{
	height: 40px;
	color:#222;
	font-weight:700;
	font-size:15px;
	padding:5px 40px 5px 10px;
	width:100%;
	display:inline-block;
	margin:0;
	background:#fff;
	border:0;
	text-align:right;
}
.form-box .money-box button.del{
	position:absolute;
	right:5px;
	background: transparent;
	line-height:38px;
	color:#ced2db;
	font-size:16px;
	transition: 0.3s;
}
.form-box .money-box button.del:active{
	color:#bbc0cc;
}



/*half radio*/
.group-radio{
	margin-top:10px ;
	width: 100%;
}
.half-radio {
	position: relative;
}
.half-radio + div{
	margin-top:10px;
}
.half-radio input[type=radio] {
	display: none;
}
.half-radio input[type=radio] + label {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	font-weight:300;
	line-height: 20px;
}
.half-radio .label-circle:before {
	width: 20px;
	height: 20px;
	border: 5px solid #ced2db;
	background-color: #fff;
	box-sizing:border-box;
}
.group-radio input[type=radio]:checked + .label-circle:after {
	width: 20px;
	height: 20px;
	box-sizing:border-box;
	border: 5px solid #003f93;
}
.half-radio .label-circle:before, .half-radio .label-circle:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
}

/* 라디오버튼 우측 정렬 */
span.half-radio{
	display:inline-block;
	margin-bottom:10px;
}
span.half-radio input[type=radio] + label{
	display:inline-block;
}
.half-radio .label-circle:before {
	width: 20px;
	height: 20px;
	border: 5px solid #ced2db;
	background-color: #fff;
	box-sizing:border-box;
}
.group-radio input[type=radio]:checked + .label-circle:after {
	width: 20px;
	height: 20px;
	box-sizing:border-box;
	border: 5px solid #36b1ff;
}
.half-radio .label-circle:before, .half-radio .label-circle:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-10px;
	bottom: 0;
	left: 0;
	border-radius: 50%;
}

/* 계좌관리 */
.accountW {
	padding: 0 20px;
	background: #fff;
}
.accountW:after {
	content: "";
	display: block;
	clear: both;
}
.accountW p {
	text-align: center;
	line-height: 1.5;
	padding: 20px 0px 10px;
	word-break: keep-all;
}
.accountW p strong {
	text-align: left;
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #232732;
}
.accountW input {
	width: 100%;
	margin-top: 7px;
	padding: 0 6px;
	vertical-align: top;
	height: 40px;
	border: 1px solid #ddd;
}
.accountW select {
	width: 100%;
	border: 1px solid #ddd;
	margin-top: 7px;
	padding: 0 6px;
	vertical-align: top;
	height: 40px;
	background: #fff;
	background: url(/img/front/select-arrow.png) no-repeat 97% 50%;
}

/* 계좌 목록 */
.box-board-list li{
	width: 100%;
	position: relative;
	background:#fff;
	border-radius:10px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	border: 1px solid #eaebec;
	overflow: hidden;
}
.box-board-list li + li{
	margin-top:10px;
}
.box-board-list li.new .txt .tit,
.box-board-list li.new .txt .date{
	color:#003f93;
	font-weight:600;
}
.box-board-list a {
	cursor: pointer;
	display: block;
}
.box-board-list .txt {
	font-size: 1.4rem;
	color: #222;
	font-weight: 400;
	line-height: 1.3 !important;
	border-bottom: 1px solid #eee;
	padding: 20px;
}
.box-board-list .txt .tit{
	font-size:1.4rem;
	display: block;
	color:#222;
	width: calc(100% - 50px);
	display: -webkit-box;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.box-board-list span.ico {
	top: 50%;
	right: 20px;
	margin-top:-8px;
	position: absolute;
	vertical-align: top;
	font-size: 1.2rem;
	font-weight: bold;
	color: #aaa;
	line-height:16px;
}
.box-board-list li.account{
	padding:15px 20px;
}
.box-board-list li.account .account-mark{
	margin-bottom:15px;
}
.box-board-list li.account .account-mark .status{
	font-size: 10px;
	border-radius: 6px;
	background: rgba(0,63,147,0.1);
	color: #7c99ab;
	padding: 3px 5px;
	margin-right: 5px;
	letter-spacing: -0.05rem;
	font-weight: 500;
}
.box-board-list li.account .account-mark .status.on{
	font-size: 10px;
	border-radius: 6px;
	background: #36b1ff;
	color: #fff;
	padding: 3px 5px;
	margin-right: 5px;
	letter-spacing: -0.05rem;
	font-weight: 500;
}
.box-board-list li.account span {
	display: inline-block;
	font-size: 12px;
	color: #888;
	padding-right: 5px;
}
.box-board-list li.account .accountEdit {
	position: absolute;
	top: 12px;
	right: 12px;
}
.box-board-list li.account .accountEdit button {
	border-radius: 5px;
	font-size: 12px;
	padding: 5px 6px;
	font-weight: 300;
	width: 40px;
}
.box-board-list li.account .accountEdit .left {
	color: #333;
	border: 1px solid #bbb;
	background: #fff;
}
.box-board-list li.account .accountEdit .right {
	color: #fff;
	background: #6c757d;
	border: 1px solid #6c757d;
}

/*체크박스 커스텀*/
.custom-checkbox{
	margin:10px 0 15px 0;
	display: block;
}
.custom-checkbox.no-label{
	display: inline-block;
	vertical-align: top;
	margin:0;
}
.custom-checkbox>input[type=checkbox]{
	display:none;
}
.custom-checkbox>input[type=checkbox] + label {
	display: inline-block;
	cursor: pointer;
	line-height: 22px;
	padding-left: 30px;
	position:relative;
	font-weight:400;
	font-size:1.4rem;
	color:#222;
}
.custom-checkbox.no-label>input[type=checkbox] + label {
	height:22px;
	line-height: 22px;
	padding-left: 22px;
}
.custom-checkbox>input[type=checkbox] + label:before,
.custom-checkbox>input[type=checkbox] + label::before{
	content:'';
	width:22px;
	height:22px;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #bbb;
	background:#fff;
	border-radius:100%;
}
.custom-checkbox>input[type=checkbox]:checked + label:before,
.custom-checkbox>input[type=checkbox]:checked + label::before{
	border:1px solid #4bb6fa;
	background-color:#4bb6fa;
}
.custom-checkbox>input[type=checkbox]:checked + label:after,
.custom-checkbox>input[type=checkbox]:checked + label::after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 10px;
	border: 2px solid #fff;
	border-left: none;
	border-top: none;
	transform: translate(7.75px,4.5px) rotate(45deg);
	-ms-transform: translate(7.75px,4.5px) rotate(45deg);
}
.custom-checkbox>input[type=checkbox]:disabled + label:before,
.custom-checkbox>input[type=checkbox]:disabled + label::before{
	border: 1px solid #ddd;
	background-color: #eee;
}



/* 회원탈퇴 */
.withdrawal-info{
	padding:30px 20px 0;
	text-align:left;
}
.withdrawal-info .tit{
	font-size:1.6rem;
	font-weight:600;
	letter-spacing: -0.05rem;
}
.withdrawal-info .txt{
	font-size:1.4rem;
	color:#666;
	margin-top:10px;
}
.withdrawal-banner{
	border-radius:15px;
	overflow: hidden;
	margin-bottom:20px;
}
.withdrawal-banner img{
	width:100%;
}
.gray-guide-box{
	background:#ebeff3;
	border-radius:4px;
	padding:10px 15px;
}
.point-tit{
	font-size:1.4rem;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:20px;
	position: relative;
	font-weight:500;
	color:#222;
}
.point-tit::before{
	position: absolute;
	top:50%;
	margin-top:-7px;
	left:0;
	background:url(../images/point-ico.png);
	background-size:14px;
	width:14px;
	height:14px;
	content:'';
	display: block;
}
.guidF-list li {
	position: relative;
	padding-left: 15px;
	line-height: 1.3;
	word-break: keep-all;
	color: #666;
	margin-bottom:0 !important;
}
.guidF-list li + li{
	margin-top:5px;
}
.guidF-list li:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background: #aab9bb;
	top: 6px;
	left: 5px;
	box-sizing: none;
}
.guidF-list li span {
	vertical-align: unset !important;
	margin-left: 0;
	font-weight: 500;
}

/* splash */
.splash {
	height:100vh;
	background-color: #e3f4ff;
	text-align:center;
	position:relative;
}
.splash img {
	width:100%;
	position:fixed;
	bottom:0;
	left: 50%;
	transform: translateX(-50%);
}

/*error 페이지*/
#notfound {
	position: relative;
	height: 100vh;
	background-color: #fff;
}
#notfound .notfound {
	width: 100%;
	position: absolute;
	left: 0;
	top: 45%;
	margin-top: -170px;
	text-align: center;
	padding: 0 20px;
}
.notfound .notfound-404 h1 span {
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: 500;
	line-height: 14px !important;
}
.notfound .notfound-404 h1 strong {
	font-weight: 800;
	line-height: 100px !important;
	font-size: 80px;
	letter-spacing: 3px;
	color: #003f93;
}
.notfound p {
	word-break: keep-all;
	color: #444;
	font-size: 13px;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.4 !important;
}
.notfound p strong {
	font-weight: 500;
	font-size: 16px;
	line-height: 2.2 !important;
}
.notfound a {
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	background: transparent;
	border: 1px solid #bbb;
	display: inline-block;
	padding: 8px 30px;
	font-weight: 400;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}
.notfound a.homeB {
	background: #003f93;
	color: #fff;
	border: 1px solid #003f93;
}

/* 로딩 중 */
.loading-bg{
	background:rgba(0,0,0,0.6);
	z-index:100;
	height:100vh;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.loading-bg .loading{
	width:150px;
	height:150px;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loading-bg .loading p{
	text-align:center;
	color:#fff;
	font-size:1.4rem;
	letter-spacing:0;
	font-weight:400;
}
@keyframes ldio-h1y4npo8jzu {
	0% { opacity: 1 }
	100% { opacity: 0 }
}
.ldio-h1y4npo8jzu div {
	left: 71.25px;
	top: 45.75px;
	position: absolute;
	animation: ldio-h1y4npo8jzu linear 1s infinite;
	background: #fff;
	width: 7.5px;
	height: 13.5px;
	border-radius: 3.75px / 6.75px;
	transform-origin: 3.75px 29.25px;
}.ldio-h1y4npo8jzu div:nth-child(1) {
	 transform: rotate(0deg);
	 animation-delay: -0.9166666666666666s;
	 background: #fff;
 }.ldio-h1y4npo8jzu div:nth-child(2) {
	  transform: rotate(30deg);
	  animation-delay: -0.8333333333333334s;
	  background: #fff;
  }.ldio-h1y4npo8jzu div:nth-child(3) {
	   transform: rotate(60deg);
	   animation-delay: -0.75s;
	   background: #fff;
   }.ldio-h1y4npo8jzu div:nth-child(4) {
		transform: rotate(90deg);
		animation-delay: -0.6666666666666666s;
		background: #fff;
	}.ldio-h1y4npo8jzu div:nth-child(5) {
		 transform: rotate(120deg);
		 animation-delay: -0.5833333333333334s;
		 background: #fff;
	 }.ldio-h1y4npo8jzu div:nth-child(6) {
		  transform: rotate(150deg);
		  animation-delay: -0.5s;
		  background: #fff;
	  }.ldio-h1y4npo8jzu div:nth-child(7) {
		   transform: rotate(180deg);
		   animation-delay: -0.4166666666666667s;
		   background: #fff;
	   }.ldio-h1y4npo8jzu div:nth-child(8) {
			transform: rotate(210deg);
			animation-delay: -0.3333333333333333s;
			background: #fff;
		}.ldio-h1y4npo8jzu div:nth-child(9) {
			 transform: rotate(240deg);
			 animation-delay: -0.25s;
			 background: #fff;
		 }.ldio-h1y4npo8jzu div:nth-child(10) {
			  transform: rotate(270deg);
			  animation-delay: -0.16666666666666666s;
			  background: #fff;
		  }.ldio-h1y4npo8jzu div:nth-child(11) {
			   transform: rotate(300deg);
			   animation-delay: -0.08333333333333333s;
			   background: #fff;
		   }.ldio-h1y4npo8jzu div:nth-child(12) {
				transform: rotate(330deg);
				animation-delay: 0s;
				background: #fff;
			}
.loadingio-spinner-spinner-x2r368si0m {
	width: 150px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
}
.ldio-h1y4npo8jzu {
	width: 100%;
	height: 100%;
	margin-top:-30px;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0; /* see note above */
}
.ldio-h1y4npo8jzu div { box-sizing: content-box; }
/* generated by https://loading.io/ */


/* media */
@media screen and (max-width: 1024px) { /*iPad Pro , web*/

	.container {
		max-width: 1024px;
	}
}

@media screen and (max-width: 768px) { /*iPad*/

	.container {
		max-width: 768px;
	}

}

@media screen and (max-width: 717px) {
	.container {
		max-width: 717px;
	}
}

@media screen and (max-width: 414px) { /*iPhone 6/7/8 plus*/

}

@media screen and (max-width: 375px) { /*iPhone 6/7/8*/

}

@media screen and (min-height: 812px) { /*Pixel 2 XL , iPhone X*/

}

@media all and (max-width:360px) { /*galaxy S5*/

}

@media screen and (max-width: 320px) { /*iPhone 5/SE*/

	/* 내역조회 20230616 *모달 틀어짐 수정 */
	.term_search li {
		font-size: 11px;
	}
	.term_search li button{
		font-size:1.1rem;
	}
}

@media screen and (max-width: 280px) {

	/*로그인 화면*/
	.login_logo{
		padding: 6rem 2rem 2rem;
	}
	.menu-icon-list li a h4{
		font-size:12px;
		letter-spacing:-0.05rem;
	}

	/*메뉴*/
	.menu-con-box{
		padding:1rem 1.5rem;
	}

	/*공통*/
	.con-box{
		padding:1.5rem;
	}
	.con-box-top{
		padding:1.5rem 1.5rem 0;
	}


	/*내 정보수정*/
	.bgTit{
		padding-left:1.5rem;
	}
	.mypage-info th{
		padding-left:1.5rem;
	}
	.mypage-info td{
		padding-right:1.5rem;
	}

}

/* 결제비밀번호 동그라미 */
.password-indicator span.filled {
	background-color: #003f93;
	border:1px solid #003f93;
}
.passCircle{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #e9ecef;
	background:#e9ecef;
	margin-right: 10px;
	border-radius: 50%;
}



/* 2023-11-09 결제하기 화면 추가 */