@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url('/fonts/NotoSansKR-Light.woff2') format('woff2'),url('/fonts/NotoSansKR-Light.woff') format('woff'),url('/fonts/NotoSansKR-Light.otf') format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url('/fonts/NotoSansKR-Regular.woff2') format('woff2'),url('/fonts/NotoSansKR-Regular.woff') format('woff'),url('/fonts/NotoSansKR-Regular.otf') format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url('/fonts/NotoSansKR-Medium.woff2') format('woff2'),url('/fonts/NotoSansKR-Medium.woff') format('woff'),url('/fonts/NotoSansKR-Medium.otf') format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url('/fonts/NotoSansKR-Bold.woff2') format('woff2'),url('/fonts/NotoSansKR-Bold.woff') format('woff'),url('/fonts/NotoSansKR-Bold.otf') format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url('/fonts/NotoSansKR-Black.woff2') format('woff2'),url('/fonts/NotoSansKR-Black.woff') format('woff'),url('/fonts/NotoSansKR-Black.otf') format('opentype');}

body {font-family: 'Noto Sans KR', sans-serif;color:#3d3839;min-width:320px; font-size:12px; line-height: 1;}
input{border:none; outline: none;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

/*부트 reset*/
select  {color:#3d3839;}
a {text-decoration:none;}
a:not([href]):not([tabindex]) {text-decoration:none;}
p { margin-top: 0; margin-bottom: 0;}
ol, ul, dl {margin-top: 0; margin-bottom: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0;line-height: 1.1 !important; }
h1, h2, h3, h4, h5, h6 { margin-top: 0;margin-bottom: 0; }
dd {margin-bottom: 0;}

*{
   -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font: normal 12px/1em;
}

.blue {background-color:#317174 !important;color:#fff !important; }
.red {background-color:#ff7900 !important;color:#fff !important;}
.Sblue {color:#317174 !important; }
.Sred {color:#ff7900 !important; }
.Syellow  {color:#e0d500 !important; }
.Sgray  {color:#888 !important; }

/*메인*/
#header{width:100%;  padding:0 20px; position:fixed;background:#fff;height:55px;line-height:55px; top:0; left:0; z-index:1000; }
#header .logo {font-size:16px;font-weight:500;color:#111;padding:0 58px; text-align:center;}
#header .logo img { width:120px;margin:0 auto;display:block;padding-top:15px;}
.menuBtn {position:absolute; left:20px;}
.cameraBtn {position:absolute;right:20px; }
.submenuBtn{position:absolute; left:55px;}
/*.menuBtn img, .cameraBtn img, .submenuBtn img {width:18px;}*/
.menuBtn img, .cameraBtn img, .submenuBtn img, .logoutBtn2 img {width:18px;}
.logoutBtn2{position:absolute; right:53px;}

.contant  { width:100%;background:#f3f3f3; min-height: -webkit-calc(100vh - 107px); min-height: calc(100vh - 107px); margin-top:55px;}
.user {font-size:17px; font-weight:400;line-height:23px !important;letter-spacing:-.5px;color:#494949; padding:20px 20px 0; background:#fff; position:relative; }
.user:after {content: "";display: block;clear: both;}
.user > p {display:inline-block;}
.user div > h1 {color:#317174;font-size:22px;font-weight:900;margin:10px 0 18px;display:inline-block;}
.user div > ul {text-align:center;float:right;margin-top:12px;}
.user div > ul li {width:auto;display:inline-block;}
.user div > ul li:nth-child(2){margin-left:-5px;}
.user div > ul li a {display:block;line-height:12px;padding:0 8px;width:100%;font-weight:700; font-size:14px;color:#303030; border-right:1px solid rgba(0,0,0,.2);}
.user div > ul li:last-child > a {border-right:none;}

.amountDisplay {font-size:11px; text-align:left;word-break:keep-all;display:inline-block;vertical-align:bottom; margin-left:11px; position:absolute; top:0px; right:0px; padding:20px 20px 0;}
.amountDisplay label{color:#868686;display:inline-block;width:100%;margin:0;}
.amountDisplay label span {font-size:0;}
.amountDisplay input[type=checkbox] { display:none; }
.amountDisplay input[type=checkbox] + label { text-align:left;font-weight:normal;display: inline-block; cursor: pointer;  background: url('/img/front/amount_off.png') left center/38px no-repeat; }
.amountDisplay input[type=checkbox]:checked + label { background-image: url('/img/front/amount_on.png'); }

/*메인카드슬라이드*/
.cardWrap2 {width:100%; padding-top:10px;}
.bgDarkGreen{background:#317174;}
.cardWrap2 .swiper-container { width: 100%;padding-left:15%;padding-right:15%; height: 100%;padding-bottom:20px;}
.cardWrap2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
.cardWrap2 .swiper-pagination-bullet { width:7px; height:7px;background: #fff; border:1px solid #fff; opacity: .8;}
.cardWrap2 .swiper-pagination-bullet-active { background: #fff;opacity: 1;width:17px;border-radius:15px;}
.cardWrap2 .swiper-slide-wrap{opacity:0.5;width:100%;max-width:420px; padding-top:63%; margin: 0 auto; box-sizing:border-box;transition: .3s all ease-in-out; border-radius:15px; position:relative; clear:both;}
.cardWrap2 .swiper-slide.swiper-slide-active .swiper-slide-wrap  {opacity:1;}
.cardWrap2 .swiper-slide-wrap .cardName{position:absolute; top:7%; left:5%; color:#fff; font-size:14px; font-weight:600; text-align:middle;}
.cardWrap2 .swiper-slide-wrap .cardName span{font-size:10px; background:#fff; padding:2px 5px; color:#222; margin-right:5px; border-radius:25px; text-align:middle; letter-spacing:-0.05rem;}
.cardWrap2 .swiper-slide-wrap .cardPoint{position:absolute; bottom:22%; right:7%; color:#fff18d; font-size:22px; font-weight:700; }
.cardWrap2 .swiper-slide-wrap .cardNumber{position:absolute; bottom:10%; right:7%; font-size:12px; color:#fff; opacity:0.8;}
.cardWrap2 .swiper-slide-wrap .cardMark{position:absolute; top:0; right:5%; width:40px; background:url(/img/front/cardMark.png) no-repeat; height: 40px; color:#fff; line-height:30px; background-size:100%; font-weight:500; font-size:13px; letter-spacing:-0.05rem}
.cardWrap2 .swiper-slide {box-sizing:border-box; text-align: center;width:100%;padding:10px 0; } 

/*카드,계좌스킨*/
.cardEmoney{background:url(/img/front/cardImg.png)no-repeat;  background-size:100%;}
.cardAdd{background:url(/img/front/addImg.png)no-repeat;  background-size:100%;}
.cardSkin1{background:url(/img/front/cardImg1.png)no-repeat;  background-size:100%;}
.cardSkin2{background:url(/img/front/cardImg2.png)no-repeat;  background-size:100%;}
.cardSkin3{background:url(/img/front/cardImg3.png)no-repeat;  background-size:100%;}
.cardSkin4{background:url(/img/front/cardImg4.png)no-repeat;  background-size:100%;}
.cardSkin5{background:url(/img/front/cardImg5.png)no-repeat;  background-size:100%;}
.cardSkin6{background:url(/img/front/cardImg6.png)no-repeat;  background-size:100%;}
.cardSkin7{background:url(/img/front/cardImg7.png)no-repeat;  background-size:100%;}
.cardSkin8{background:url(/img/front/cardImg8.png)no-repeat;  background-size:100%;}
.cardSkin9{background:url(/img/front/cardImg9.png)no-repeat;  background-size:100%;}
.accountSkin1{background:url(/img/front/accountImg1.png)no-repeat;  background-size:100%;}
.accountSkin2{background:url(/img/front/accountImg2.png)no-repeat;  background-size:100%;}
.accountSkin3{background:url(/img/front/accountImg3.png)no-repeat;  background-size:100%;}
.accountSkin4{background:url(/img/front/accountImg4.png)no-repeat;  background-size:100%;}
.accountSkin5{background:url(/img/front/accountImg5.png)no-repeat;  background-size:100%;}
.accountSkin6{background:url(/img/front/accountImg6.png)no-repeat;  background-size:100%;}

/*카드설정팝업*/
.popInput{text-align:center; box-sizing:border-box; padding:0;}
.popInput .txt2 input {margin-top: 0px; height: 38px; border: none; border-bottom: 1px solid #ddd; width:100%;}
.popInput .txt2 {margin-bottom: 12px; position: relative; text-align: left; font-size: 14px; overflow: hidden; color: #222; font-weight: 500;}
.cardGuide {clear:both;display:none; text-align:center;}
.cardGuide p {padding: 8px 0 0;word-break:keep-all;font-size:12px; line-height:1.3;}
.cardGuide button {background:#333; color:#fff; font-size:14px; padding:8px 15px;margin-top:20px; width:100%; line-height:25px;}

.payWrap {padding:20px 20px 10px;box-shadow:4px 1px 15px rgba(0,0,0,.2);margin:0 auto;background-image: linear-gradient(120deg, #317174 0%, #93d3d8 100%);border-radius:10px;overflow:hidden;}
.payWrap .cardName {color:rgba(255,255,255,.7);line-height:1.5;}
.payWrap .cardName img {width:65px;opacity:.8;}
.payWrap h1 {color:#fff; font-size:20px;text-align:right;font-weight:700;margin-top:50px;}
.payWrap h1 strong {display:inline-block;font-weight:700; font-size:24px;margin-right:5px;}
.payWrap .cardNum {font-size:11px; color:#434756; letter-spacing:2px;margin:10px 0 5px;text-align:right;}

.cardBtnWrap{padding:22px 0 15px;max-width:400px; margin: 0 auto;}
.cardBtnWrap:after {content: "";display: block;clear: both;} 
.cardBtnWrap li {width:50%; float:left; color:#fff; }
.cardBtnWrap li:first-child {border-right:1px solid rgba(255,255,255,0.3);}
.cardBtnWrap li a {display:block; width:100%;text-align:center;color:#fff;font-weight:400; letter-spacing:-0.5px;}
.cardBtnWrap li a img {height:15px; width:auto;margin-right:5px;}

.menu3 {text-align:center; padding:15px 20px 60px 15px;max-width:400px; margin: 0 auto;}
.menu3 li {width:62%;height:80px; margin-bottom:10px;background:#fff;float:left;overflow:hidden; display:inline-block;position:relative;box-shadow: 2px 3px 7px rgba(0,0,0,.09);border-radius: 10px;}
.menu3 li:nth-child( 2 ) { width:36%;height:170px;float:right;}
.menu3:after {content: "";display: block;clear: both;}
.menu3 li a {display:block; text-align:left; font-weight:500; color:#161616;font-size:14px;}
.menu3 li a img {position:absolute; right:10px; bottom:-10px;width:60px;}
.menu3 li:nth-child( 2 )  a img {left:17px;}
.menu3 li a span {padding:20px 0 20px 15px;line-height:1.2;display:inline-block;}

.contant > .bottomMenu {width:100%;position:absolute;  bottom:0px; left:0;}
.fixingMenu {width:100%;min-width:320px;background:#fff;position:fixed;left:0;bottom:0;height:52px;box-shadow:0px -2px 5px rgba(0,0,0,.08);z-index:999;}
.fixingMenu ul {text-align:center; width:100%;padding:0 5px;}
.fixingMenu ul li {display:inline-block; width:24%;vertical-align:top;padding:5px 0;}
.fixingMenu ul li a {display:block;}
.fixingMenu ul li a img {width:22px;margin:4px 0;}
.fixingMenu ul li a span {display:block;color:#444; font-size:10px;letter-spacing:-0.6px;font-weight:400;}

/*media*/
	@media screen and (max-width: 320px) { /*iPhone 5/SE*/
		.contant .user {font-size: 14px;line-height: 20px !important; padding: 5px 20px 0;}
		.amountDisplay{padding:5px 20px 0;}
		.contant .user div > h1 {margin: 7px 0 13px;}
		.payWrap h1 {  margin-top: 20px;}
		.cardBtnWrap {padding: 15px 0 13px;}
		.menu3 li {height:65px; }
		.menu3 li:nth-child( 2 ) { height:140px;}
		.menu3 li a span { padding: 15px 0 15px 15px;}
		.menu3 li a { font-size: 12px;}	
	  } 
	@media all and (width:360px) { /*galaxy S5*/ 
		.payWrap h1 {  margin-top: 40px;}
		.menu3 li {height:70px; }
		.menu3 li:nth-child( 2 ) { height:150px;}
		.menu3 li a span { padding: 15px 0 15px 15px;}
	}
	@media screen and (min-width: 375px) {/*iPhone 6/7/8*/
	
	 } 
	@media screen and (min-width: 411px) {/*Pixel 2 , iPhone 6/7/8 plus*/
		.payWrap h1 {  margin-top: 70px;}
		.payWrap h1 strong { font-size: 28px;}
		.cardBtnWrap { padding: 30px 0 20px;}
		.menu3 li {height:90px; }
		.menu3 li:nth-child( 2 ) { height:190px;}
		.menu3 li a img { width: 70px;}
	 } 
	@media screen and (min-height: 812px) { /*Pixel 2 XL , iPhone X*/
		.contant .user {   padding: 40px 20px 20px;}
		.amountDisplay{padding:40px 20px 20px;}
		.contant .user div > h1 {  font-size: 24px;}
		.contant .cardWrap { padding: 40px 20px 7px;}
		.menu3 li {height:95px; }
		.menu3 li:nth-child( 2 ) { width:34%;height:200px;}

		
	 }
	@media screen and (min-width: 768px){ /*iPad*/
		.cardWrap2 .swiper-slide-wrap{ height:260px; padding:0 !important; }
				
	  }
	 @media screen and (min-width: 1024px){ /*iPad Pro , web*/
	
	  }




/*삼지메뉴*/
	.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; min-height:100vh;background:#eee;box-shadow:1px 3px 20px rgba(0,0,0,.50);z-index: 9998;position:fixed;top:0;left:0; height:100vh; overflow:scroll;}
	.slider_header{ position:relative;  box-sizing:border-box;background: #589094;padding:25px 0 15px;text-align:center;}
	.slider_header > .logoutBtn {position:absolute; background:none; width:17px;padding:0;right:15px; top:12px;}
	.slider_header > .logoutBtn img {width:100%;}
	.slider_header > .settingBtn {position:absolute; background:none; width:17px;padding:0;right:40px; top:12px;}
	.slider_header > .settingBtn img {width:100%;}
	.slider_header > .infoImg {display:inline-block;width:55px;margin-left:10px;vertical-align:top;}
	.slider_header > .infoW {display:inline-block; width :-webkit-calc(100% - 88px); /* for Chrome, Safari */width:calc(100% - 88px);margin:0 10px;text-align:left;} 
	.slider_header > .infoW h3 {font-size:16px; font-weight:500; color:#fff;line-height:1.6;padding:10px 0 4px 0;}
	.slider_header > .infoW span {display:inline-block; font-size:12px; color:rgba(255,255,255,.7);font-weight:400;line-height:1.8;}
	.slider_header > .sliderPay {background-color: rgba(255,255,255,.12);margin:15px 10px 0;padding:0px 10px;border-radius:8px;text-align:left;}
	.slider_header > .sliderPay:after {content: "";display: block;clear: both;}
	.slider_header > .sliderPay p {display:inline-block;line-height:36px;letter-spacing:-.5px;color:#fff;}
	.slider_header > .sliderPay strong {font-weight:700;margin-right:6px;}
	.slider_header > .sliderPay ul {text-align:center;float:right;}
	.slider_header > .sliderPay ul li {width:30px; display:inline-block;}
	.slider_header > .sliderPay ul li a {display:block;line-height:36px;font-weight:700; font-size:12px;color:#fff;}
	.slider_header > .closeBtn {position:absolute; background:none; width:17px;padding:0;right:65px; top:12px;}
	.slider_header > .closeBtn img {width:100%;}
	.lnb .menu {margin-bottom:10px;background:#fff;}
	.lnb .menu li{cursor: pointer;text-align:left;}
	.lnb .menu li a.menu_tit{display:block; font-size: 13px; line-height:50px;color:#222;padding-left:20px; position:relative;}
	.lnb .menu li a.menu_tit:hover {  text-decoration:none;font-weight:700; }
	.lnb .menu li a.menu_tit span {font-size:14px;display: inline-block; text-align: right;position:absolute;top:-3px;right:15px; }
	.lnb .menu li a.menu_tit span i {-webkit-transition: 3s, -webkit-transform 3s;transition: 3s, transform 3s;}
	.lnb .menu li ul{display: none; background:#f9f9f9;border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;text-align:center;}
	.lnb .menu li ul li{font-size:12px;cursor: pointer; padding-left:20px; }
	.lnb .menu li ul li a{color:#000;line-height:48px;display:inline-block; width:100%;}
	.lnb .menu li ul li a:hover {text-decoration:none; color:#000;font-weight:500;}
	.navi_close{position:absolute; top:15px; right:15px; background:url(/img/front/closeB3.png)no-repeat; height:30px; z-index:9999; font-size:0; width:30px; background-color:#fff; border-radius:7px;}


/*sub */
.container{ width:100%; box-sizing: border-box;background:#fff;padding:0; padding-bottom:60px; margin-top:55px;}
.container.type_g{background:#f3f3f3; min-height: -webkit-calc(100vh - 107px); min-height: calc(100vh - 107px);}
.containerTit {font-size:16px;text-align:left;font-weight: 700;padding:5px 0;letter-spacing: -0.5px;color:#222;position:relative;}
.containerTit span {vertical-align: top; line-height: 12px !important; position: absolute;  right: 0px;top: 5px;}
.containerTit.ver02 {color:#317174;font-size:13px; margin-top:8px;}
.containerTit.ver02 img {height:15px;width:auto;margin-right:5px;}
.padding {margin:0 20px;}
.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);}
.pMark { display:inline-block;background:#317174; color:#fff !important;border-radius:50%;font-size:10px !important; font-weight:500 !important; width:15px; height:14px;line-height:10px !important;margin-left:4px;text-align:center;vertical-align:middle;}
.bgGray {min-height:10px; background:#f1f1f1;}
.bgTit {width:100%; background:#317174; color:#fff; font-size:13px; padding: 12px 0 12px 20px;}

.bgTit button{float:right; font-size:11px; padding:14px 5px 12px 13px; margin-top:-12px;  background:#111; color:#fff; border-radius:0px;}
.bgTit button i{padding:0 5px 0px;}
.tab_wrap {width:100%; height:50px;text-align:center;overflow:hidden;background:#fff;border-bottom:1px solid #eee; }
.tab_wrap li{display: inline-block; float:left; width:33.333%;box-sizing:border-box;opacity:1;}
.tab_wrap li a{color: #808080; font-weight:500;font-size:14px; line-height:49px;display:block;}
.tab_wrap .tab02 a{box-shadow:none;color: #333;font-weight:700;background: url(/img/front/tabBg.png) no-repeat bottom center;}

.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{box-shadow:none;color: #317174;font-weight:900;}

.sub_content .tab_wrap li.tab_half{width:50%;}

.blueBtn{ padding: 12px 30px; margin-top:20px; letter-spacing: -.5px;background: #317174;color: #fff;  font-size: 13px;border-radius: 35px;outline: none; border: none;}
.rightB { border-radius:4px;float:right;font-weight:500;padding:3px 10px;background:#317174;color:#fff;}
.listB {float:right; font-size:14px; font-weight:700;background:#fff;}
.listB span {margin-left:5px;}


/*이용내역*/
.historyW{width:100%; box-sizing:border-box; margin:5px 0;}
.historyW .listNone { text-align: center; line-height: 46px; color: #a7a8aa;}
.historyW .listNone .noneMark {width: 20%; display: block; margin: 0 auto; padding-top: 20px; max-width: 80px;}
.historyW .listNone span{font-size:14px; }

/*페이*/
.user img.eLogo {width:45%;max-width:200px;margin-bottom:15px;display:inline-block;}
.shadowForm {position:relative;margin:20px;padding:15px 15px;border-radius:15px;background:#fff; border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);overflow:hidden;}
.shadowForm.bgGreen {background-image: linear-gradient(120deg, #317174 0%, #93d3d8 100%);border: none;}
.shadowForm.bgGreen a {color:#fff;}
.shadowForm.dep2 {display:inline-block;min-width:42%;margin-right:0;}
.shadowForm.dep2 + .shadowForm.dep2 {margin-left:0;margin-right:20px;float:right;}
.backBg { background-image: linear-gradient(165deg, #317174 0%, #589094 100%);padding:20px 0 100px 0;}
.backBg + .shadowForm {margin-top:-100px;padding:15px 15px 8px;}
.backBg + .point-box {margin-top:-100px;  box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);}
.backBg p { color:#fff; font-size:16px;text-align:center;line-height:1.2; padding-bottom:15px;}
.shadowForm .basicF {display: block; text-align: left; font-weight: 500; color: #161616; font-size: 14px;}
.shadowForm .basicF span {line-height:1.3;}
.shadowForm .basicF strong {float:right;font-size:18px;letter-spacing:-.3px}
.payForm { letter-spacing: -.5px;position:relative;margin: 0 auto;max-width:400px;}
.payForm span {font-weight: 400; color: #666; font-size: 14px;}
.payForm strong {display: block;font-size:16px; font-weight: 500;line-height: 50px;word-break: keep-all;border-bottom:1px solid #eeeef4;}
.payForm strong > span {color:#222;font-size: 23px; margin-right:2px;font-weight: 900;}
.payForm .pointT{font-size:14px; font-weight:500; color:#222; margin-right:5px;}

.payForm .radiusBtn {text-align:center;padding:0 3px;background:#317174; position:absolute; right:0;top:23px; border-radius:20px;}
.payForm .radiusBtn li {width:auto;display:inline-block;}
.payForm .radiusBtn li a {display:block;line-height:12px;margin:10px 0;padding:0 5px;width:100%;font-weight:500; font-size:13px;color:#fff; border-right:1px solid rgba(255,255,255,.2);}
.payForm .radiusBtn li:nth-child(2){margin-left:-4px;}
.payForm .radiusBtn li:last-child > a {border-right:none;}
.payForm .cardBarcode {border-bottom:1px solid #eeeef4;padding:10px 0;text-align: center;}
.payForm .cardBarcode img {width:90%;}
.payForm .cardNum {  font-size: 11px; color: #434756; letter-spacing: 3px;  margin: 10px 0 20px;  }
.payForm .btn2{text-align:center;}
.payForm .btn2 li {width:32%;display:inline-block; border-right:1px solid rgba(0,0,0,0.1);}
.payForm .btn2 li:last-child {border-right:none;}
.payForm .btn2 li a {display:block; width:100%;text-align:center;color:#888;font-weight:400;font-size:11px; letter-spacing:-0.5px;}
.payForm .btn2 li a img {height:14px; width:auto;margin-right:5px;}
.guidF {text-align:left; margin:15px 20px;padding:9px 10px; background:#eaf2f3;border:1px solid #eaefef;color:#666; border-radius:8px;font-weight:500;}
.guidF2 {margin:15px 20px;padding:9px 10px; color:#666; border-radius:8px;font-weight:500; background: #fff; box-shadow: 0 2px 3px 0 rgba(0,0,0,.09); }
.guidF span {vertical-align:middle; margin-left:3px;word-break:keep-all;}
.basicInput + .guidF {margin-top:0;}
.payForm .amount {width:50%; float:left;padding:5px 0;}
.payForm .amount li {color:#666;padding:5px 0; font-size:12px;font-weight:500;}
.payForm .amount li.price {letter-spacing:-1px;font-size:14px;text-align:right; padding-right:8px;}
.payForm .amount li.price span{color:#222;font-weight:700; font-size:16px;}

.payForm.ver02 {transform: rotate(90deg);-webkit-transform: rotate(90deg);margin-top:32vh;}
.countdown.ver02 {text-align:center;margin-top:30px;}

.basicBtn {position:fixed;clear: both;position:fixed; left:0;bottom:0;height: 52px;text-align: center;cursor: pointer;  border-radius: 0;width:100%;}
.basicBtn2 {position:fixed;clear: both;position:fixed; left:0;bottom:0;height: 52px;text-align: center;cursor: pointer;  border-radius: 0;width:100%;}
.basicBtn button{ opacity:1; width:100%;letter-spacing:1px;background:#317174;color: #fff; font-size:14px;font-weight:500;outline: none; border:none;line-height:50px;float:left;}
.basicBtn button:hover {opacity:0.9}
.basicBtn button.left {width:50%;background:#fff;color:#888; border-top:1px solid #ddd;}
.basicBtn button.right {width:50%; border-top:1px solid #317174;}
.basicBtn button.offBtn{ letter-spacing:0; background:#bfc0c5;}
.basicInput  {text-align:center; box-sizing: border-box; padding: 10px 20px;}
.shadowForm + .basicInput , .guidF + .basicInput {padding:0px 20px;}
.basicInput .txt1{padding: 15px 0 8px; width:auto; font-weight:700; font-size:13px; color:#222;text-align:left;position:relative;overflow:hidden;}
.basicInput .txt2{margin-bottom: 12px; position:relative;text-align:left; font-size:15px;overflow:hidden;color:#222;font-weight:500;}
.basicInput .txt2 i {margin-left:5px;font-size:28px; color:#f5c42a; vertical-align:middle;}
.basicInput .txt2 select {width:100%; padding:0 8px;height:40px; border:1px solid #ddd; background:url(/img/front/select-arrow.png) no-repeat 97% 50%;  }
.basicInput .txt2 input {width:100%; padding:0 5px;height:45px; border:none;border-bottom:2px solid #317174;background:#fff;border-radius:0;outline:none;}
.basicInput .txt2 input.moneyInput{font-size:24px; font-weight:500; text-align:right; height:60px;}
.basicInput .txt2 input[type=radio] { display:none; }
.basicInput .txt2 input[type=radio] + label{ font-size:12px;text-align:center;font-weight:500;display: inline-block; cursor: pointer; padding:10px 15px; color:#333;background:#fff; border-radius:10px;margin:10px 2px 0px 0;border:1px solid #ddd; }
.basicInput .txt2 input[type=radio]:checked + label { background:#317174; color:#fff;border:1px solid #317174; }
.basicInput .txt2 textarea {border:none;width:100%; font-size:13px;min-height:93px; line-height: 31px;  padding: 5px 10px;
  background-image:
    linear-gradient(to right, white 0px, transparent 0px),
    linear-gradient(to left, white 0px, transparent 0px),
    repeating-linear-gradient(#f5f5f5, #f5f5f5 30px, #ddd 30px, #ddd 31px, #f5f5f5 31px);background-color:#f5f5f5;color:#222;}

.guide_txt {clear:both;color: ##434756;  font-size: 13px; line-height:17px;text-align:left; font-weight:500;padding:10px 0 7px;word-break:keep-all;}
.guide_txt2 { font-size:13px;text-align:left;  line-height:1.6;  color:#317174;word-break:keep-all; padding:10px 0;}
.inputButton{background:none;position:absolute; bottom:0; right:0;height:40px;padding:0 10px;border:none;font-size:12px;font-weight:900;}
.basicInput.ver02 .txt2 input {  width: 100%; padding: 0 8px;height: 40px; border: 1px solid #ddd;font-size:12px; background: #fff;}
.basicInput .txt2 input.payInput {text-align:right; font-weight:700;}
.basicInput .txt2 input.font { font-size: 24px; }
.basicInput.ver02 .txt2 input.lineInput{height:45px; border:none; font-size:24px; font-weight:500; border-bottom:2px solid #317174;}
.basicInput .txt3{font-size:16px; font-weight:600; text-align:left; color:#222; margin-top:20px; margin-bottom:5px;}

.search_wrap {padding:20px; box-sizing:border-box;text-align:center;}
#SearchDiv{box-sizing:border-box; background:#f1f1f1; border-radius:8px;margin-top:10px;padding:0 10px;text-align:left;}
#SearchDiv:after {content: "";display: block;clear: both;}
#SearchDiv .trans_msg{color:#666; display:inline-block; font-size:11px;line-height:34px;}
.search_wrap > form .basicInput  {padding: 5px;}
.tr_wrap {margin:15px 0;}
.BlueBtn_m{height: 32px; color: #fff; background-color: #444; width: 30%;font-size:12px;margin:0 0.5%; }
.BlueBtn_mline{color: #666; border:1px solid #aaa;height: 32px;  width: 30%; background: none; font-size:12px; margin:0 0.5%; }
.term_search {display:inline-block; float:right;text-align:center;padding:5px 0; }
.term_search dd{display:inline-block; background:#fff;border:1px solid #ddd; padding:5px 7px;font-weight:500;color:#222; font-size:11px; margin-left:3px;border-radius:4px;}
.term_search dd.on { background: #317174; border: 1px solid #317174; color: #fff; }
.mypay_tbmenu {width: 100%;box-sizing: border-box;margin:5px 0;}
.mypay_tbmenu .data_none { height:auto;color:#888; text-align:center; padding:84px 0; font-size:12px; }
.mypay_tbmenu  li ul {border-bottom:1px solid #eee;position:relative; height:80px;}
.mypay_tbmenu  li ul li span{color:#aaa; margin-right:5px;font-weight:500; font-size:12px;}
.mypay_tbmenu th {height:6vh; font-size:1.1em; font-weight:500; color:#444}
.mypay_tbmenu .data_term {position:absolute; top:10px;left:5px;font-size:12px;color:#888;}
.mypay_tbmenu .division {position:absolute; bottom:13px;left:5px;color:#444;font-size:14px;letter-spacing: -0.5px;}
.mypay_tbmenu .store{position:absolute; bottom:35px;left:5px; font-size:14px;  color:#888; }
.mypay_tbmenu .search_pay {position:absolute; bottom:12px;right:5px;color:#2c3444; font-weight:400; font-size:13px;letter-spacing:-0.5px;}
.mypay_tbmenu .search_pay strong {margin-right:3px; font-weight:700; font-size:16px;}
.mypay_tbmenu .search_pay.payPlus {color:#317174;}
.mypay_tbmenu .search_pay.payCancel {color:#bbb;}
.mypay_tbmenu .division2{position:absolute; top:15px;right:5px;font-size:12px; color:#999;}
.mypay_tbmenu .textRed{color:#fff; font-weight:500; background:#ff1a5b; padding:4px 7px; font-size:11px; border-radius:14px; }
.mypay_tbmenu .textBlack{color:#fff; font-weight:500; background:#222; padding:4px 7px; font-size:11px; border-radius:14px; }
.mypay_tbmenu .textBlue{color:#fff; font-weight:500; background:#1479cf; padding:4px 7px; font-size:11px; border-radius:14px; }
.mypay_tbmenu .division2 span{color:#222; font-weight:500; background:#eee; padding:4px 5px; font-size:10px; border-radius:5px; margin-left:5px;}
.mypay_tbmenu .division2 strong {font-weight:500;margin-right:3px;}
.mypay_tbmenu .division2 button {font-weight:500; font-size:11px; color:#000;margin-left:5px; background:#f1f1f1;border-radius:4px; padding:3px 7px;vertical-align:bottom;}
.mypay_tbmenu .coin_kinds { position: absolute; top: 13px;  right: 10px;}

.giftBtn{width:100%;}


.term_search.ver02 {float:none;width:100%;padding:0;margin-bottom:20px;padding:0;border:1px solid #ddd;border-radius:8px;overflow:hidden;}
.term_search.ver02 dd{margin:0; border:none;border-right:1px solid #ddd;padding:9px 0;display:inline-block;width:20%;float:left;letter-spacing:-.5px;border-radius:0px;}	
.term_search.ver02 dd:last-child {border-right:none;}
.term_search.ver02 dd:hover {color:#000;font-weight:500;}
.term_search.ver02:after {content: "";display: block;clear: both;}
.userId {text-align:center;font-size:25px;padding-top:20px;font-weight:500;}
.userId strong {display:block; padding:20px;font-size:16px;font-weight:700;}
.userId span {display:block;padding-top:10px;color:#888;font-size:13px;font-weight:400;}
.containerTit .divisionWrap {text-align:center; padding:0;border:1px solid #ddd;border-radius:8px;background:#fff; position:absolute; top:3px; right:10px;}
.containerTit .divisionWrap dd{display:inline-block;  font-weight:400;border-right:1px solid #ddd;padding:5px 7px; font-size:11px; float:left;letter-spacing:-.5px;}
.containerTit .divisionWrap dd:last-child {border-right:none;}
.containerTit .divisionWrap dd:hover {color:#000;font-weight:500;}
.containerTit .divisionWrap:after {content: "";display: block;clear: both;}

/*페이메인배경변경*/
.type_gray{ min-height: -webkit-calc(100vh - 55px);min-height: calc(100vh - 55px);background: #eff0f4;}
.point-box{background:#fff;margin-bottom:15px;margin:0 20px;text-align:left;cursor: pointer;border-radius: 15px;  box-shadow: 0px 2px 3px 0px rgba(0,0,0,.1), -4px -1px 6px 4px rgba(255,255,255,0.17);overflow: hidden;}
.point-menu{margin-top:5px; max-width:400px; margin:0 auto;}
.point-menu > li{ color:#333;display:inline-block; width:100%; vertical-align:middle;  border-bottom:1px solid #eeeef4;}
.point-menu > li:last-child{margin-top:5px; border-bottom:0;}
.point-menu li a.menu_tit{display:block; font-size:12px;color:#333;font-weight:500; position:relative;padding:10px 0;}
.point-menu li a.menu_tit:hover {  text-decoration:none;font-weight:700; color:#000;}
.point-menu li a.menu_tit img {width:25px; margin:0 10px 0 20px;}
.point-menu li a.menu_tit p {font-size:14px;display: inline-block; text-align: right;position:absolute;top:-4px;right:15px; vertical-align:center; padding-top:18px; color:#aaa;}
.point-menu li strong{color:#111; margin-right:3px;}
.point-menu li a.menu_tit p span{margin-right:5px;}
.point-menu li a.menu_tit span i {-webkit-transition: 3s, -webkit-transform 3s;transition: 3s, transform 3s;}
/*.point-menu li ul{display: none; border-top:1px solid #f0f0f0;text-align:left; }
.point-menu li ul li{font-size:12px;cursor: pointer; font-weight:500; height:30px; background:#f7f7f7;padding-left:25px; line-height:30px; color:#aaa;}
.point-menu li ul span{float:right; padding-right:20px; color:#aaa;}
*/
.point-menu li ul{display: none; border-top:1px solid #F0F0F0;text-align:left; }
.point-menu li ul li{width:100%; display:block; font-size:12px;cursor: pointer; font-weight:500; height:30px; background:#f7f7f7;padding-left:25px; line-height:30px; color:#aaa; overflow:hidden; }
.point-menu li ul li p{display:inline-block; float:left; text-align:left;}
.point-menu li ul span{float:right;  display:inline-block; text-align:right; padding-right:20px; color:#aaa; }
.pb20{padding:0 0 20px 0;}

/*카드 계좌관리*/
.simpleEdit{margin:30px 0 0 25px;}
.simpleEdit .txt1{margin-top:5px; letter-spacing:-0.05rem;}
.cardEdit{background:#fff; border:1px solid #bbb; border-radius:15px;padding:5px 7px; color:#666; float:right; font-size:10px;}
.cardName3{font-size:14px;color:#222; line-height:20px; max-width:150px;min-width:150px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; font-weight:500; display:inline-block; padding-top:-2px;}
.cardInfo {text-align:left;position:relative; max-width:420px; margin:0 auto; margin-top:12px;}
.cardWrap2 .swiper-pagination-bullet { width:7px; height:7px;background: #fff; border:1px solid #fff; opacity: .8;}
.cardWrap2 .swiper-pagination-bullet-active { background: #fff;opacity: 1;width:17px;border-radius:15px; letter-spacing:-0.08rem;}

/*카드정보수정*/
.cardDelete{width:100%; border-top:1px solid #ccc; margin-top:20px;}
.cardDelete a{text-align:right; margin-top:12px; color:#317174; font-weight:600; display:block;}

/*결제*/
.paymentBg  {background:#317174; margin:0;padding:1px 0px 20px;}
.paymentBg > .shadowForm {background:none;box-shadow:none; border:none;padding:10px 10px;}
.paymentBg > .shadowForm .basicF.ver02 {color:#fff;font-size:16px;} 
.paymentForm {text-align:center;position:relative;margin:-25px 20px 20px;background:#fff;padding:15px 0 0;border-radius:10px;border: 1px solid rgba(0,0,0,.03); box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);overflow:hidden;}
.paymentReset {display:inline-block;vertical-align:middle;margin-left:10px;}
.paymentReset img {width:22px; display:block;margin:0 auto;margin-bottom:4px;}
.qrImg {display:block; width:40%; max-width:160px;margin:30px auto 30px;clear: both;}
.barcodeImg {display:block; width:70%;max-width:300px; min-height:50px;margin:75px auto 50px;clear: both;}
.countdown {font-size:12px;color:#444;margin-bottom:20px;}
.paymentBtn {margin:15px 0;height: 38px;font-weight:500; font-size: 12px;width:40%;max-width:200px;min-width:116px;}
.paymentBtn.left {background:#fff; border:1px solid #ccc;color:#333;}
.paymentBtn.right {background:#317174; border:1px solid #317174;color:#fff;}
.paymentGuide { padding: 20px 0 0; word-break: keep-all; font-size: 12px;  line-height: 1.3;text-align:center;}
.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;font-size:17px;font-weight:700; padding:0 10px;box-sizing:border-box; }*/
.bgInput {background:#eff0f4;height:60px;width:100%;border:none;margin:15px 0 0;font-size:24px;font-weight:700; padding:0 30px;box-sizing:border-box; text-align:right;}
.bgInput + span {display:block; position:absolute;right:8px; bottom:20px;font-size:17px;font-weight:700;}
.inputP {color:#888;text-align:left;padding:10px 5px;}
.inputP span {display:inline-block; float:right;}
.keyboardF {width:100%;}
.keyboardF li {float:left; width:33.3%; line-height:8.5vh;color:#555;font-size:16px;font-weight:500; border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.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;}
table.orderSheet-info {width:100%;font-size:13px; color:#222;margin:10px 0;}
table.orderSheet-info th {width:120px; text-align:left;padding:10px 15px;font-weight:700;letter-spacing:-0.5px;}
table.orderSheet-info td {text-align:right;padding:10px 15px;}
table.orderSheet-info td strong {color:#317174; font-size:18px;}
.paymentForm .zoomB{padding:0 15px;}
.paymentForm .zoomB a {display:block; width:100%;text-align:right;color:#888;font-weight:400;font-size:11px; letter-spacing:-0.5px;}
.paymentForm .zoomB a img {height:14px; width:auto;margin-right:5px;}

.payMethodForm{position:relative;margin:0 20px 10px 20px; padding:15px 15px;border-radius:15px; border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);overflow:hidden;}
.payMethodForm:first-child{margin-top:20px;}
.payMethodForm img{width:34px; text-align:middle; margin-right:10px;}
.payMethodForm a{font-size:16px; color:#fff; font-weight:500; position:relative; display:block; }
.payMethodForm a span{float:right; position:absolute; top:6px; right:0;}
.bgOrange{background:#ff7e08;}
.bgGreen{background:#327275;}
.bgBrown{background:#533030;}
.bgNavy{background:#1f203c;}
.basicInput .mtNone{margin-top:0;}

/*QR결제*/
.adminBg {background:#317174;padding:30px 20px 35px;}
.adminForm { position: relative; margin:0px 15px 20px;cursor:pointer;background: #fff;border-radius: 4px;box-shadow: 0px 2px 3px 0px rgba(0,0,0,.1), -4px -1px 6px 4px rgba(255,255,255,0.17);overflow: hidden;}
.adminBg + .adminForm, .tab_wrap + .adminForm{margin-top:-25px;}
.paymentQr, .paymentBarcode {text-align:center;}
.paymentQr h1, .paymentBarcode h1{font-size:14px; margin:20px 0;font-weight:700;}
.qrImg {display:block; width:40%; max-width:160px;margin:30px auto 30px;clear: both;}
.countdown {font-size:12px;color:#444;margin-bottom:20px; margin-top:20px;}
.paymentReset {display:inline-block;vertical-align:middle;margin-left:14px;}
.paymentReset img {width:24px; display:block;margin:0 auto;margin-bottom:4px;}
.paymentBtn {margin:15px 0;height: 38px;font-weight:500; font-size: 12px;width:40%;max-width:200px;min-width:116px;}
.paymentBtn.left {background:#fff; border:1px solid #ccc;color:#333;}
.paymentBtn.right {background:#317174; border:1px solid #317174;color:#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:#317174;outline:none;font-size:18px; background:none;border:none; border-bottom:3px solid #317174; padding:0; -webkit-text-size-adjust:none;}
.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: #317174; color: #fff;font-size: 15px;font-weight:500;outline: none;border: none;line-height: 52px;}
.keyboardF {width:100%;max-width:500px; margin:0 auto;text-align:center;}
.keyboardF li {float:left; width:33.3%;background:#f8f9fb; line-height:9vh;color:#464646;font-weight:700;font-size:18px; border-top:1px solid #eee;border-right:1px solid #eee;}
.keyboardF li:nth-child(10n) {font-size:12px;}
.keyboardF li:nth-child(3n) {border-right:none;}
.pass_warning { font-size: 13px; text-align: center; color: #d64e4e; margin-top: 20px; line-height: 1.5; letter-spacing: -0.05rem; }
.pass_warning span { display: block; }

/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		.passwordForm input {
			font-size: 10px;
		}
	}
}

}
/* Safari 9.0+ */
_::-webkit-:not(:root:root), .passwordForm input {
	font-size: 10px;
}
/* Safari 9 */
@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
	.passwordForm input {
		font-size: 10px;
	}
}
/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .passwordForm input {
	font-size: 10px;
}
/* Safari 6.1+ (non-iOS) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		_:-webkit-full-screen, .passwordForm input {
			font-size: 10px;
		}
	}
}


/*마이페이지*/
.myInfo  {margin: 20px 20px 10px;padding: 9px 10px;background: #317174;  border-radius:9px;}
.myInfo > .infoImg {display:inline-block;width:55px;margin-left:10px;vertical-align:top;}
.myInfo > .infoW {display:inline-block; width :-webkit-calc(100% - 88px); /* for Chrome, Safari */width:calc(100% - 88px);margin:0 10px;text-align:left;} 
.myInfo > .infoW h3 {font-size:16px; font-weight:500; color:#fff;line-height:1.6;padding:10px 0 4px 0;}
.myInfo > .infoW span {display:inline-block; font-size:12px; color:rgba(255,255,255,.7);font-weight:400;line-height:1.8;}
.dropSearch {padding:25px 20px;}
.dropSearch select {width:100%; height:36px;padding: 0px 10px;border: 1px solid #ddd;color: #222; border-radius: 8px; font-weight: 500; background:url(/img/front/select-arrow.png) no-repeat 97% 50%;}
.dropSearch.ver02 {padding:0;}
.dropSearch.ver02 select {width:50%;border:none;outline:none; border-bottom:1px solid #ddd; background:#fff; color:#444 !important;border-radius:0; background:url(/img/front/select-arrow.png) no-repeat 97% 50%; }
.dropSearch.ver02 select + select {float:right;}

/*계좌관리*/
.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:#222;}
.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%;}
a.fullBtn {display:inline-block; background: #317174;  width:100%;margin:20px 0;line-height:42px;color:#fff !important;font-size:14px;font-weight:500; border-radius:3px;text-align:center; }
.accountHistory {width:100%;background:#fff; color:#444 !important;}
/*11-10 일 계좌 관리 CSS 추가*/
.accountHistory li {padding:15px; margin-bottom:10px; border-radius:10px; position:relative; background:#f1f1f3;}
.accountHistory li:last-child {border:none;}
.accountHistory li a {display:inline-block; width :-webkit-calc(100% - 30px); width:calc(100% - 30px);padding:5px 0;vertical-align:middle;}
.accountHistory li strong {display:block;font-weight:500; font-size:13px;color:#444;margin-bottom:7px;line-height:1.2; }
.accountHistory li strong > span{font-size:10px; border-radius:6px; background:#317174; color:#fff;padding:3px 5px; margin-right:5px; letter-spacing:-0.05rem; font-weight:500;}
.accountHistory li span {display:inline-block; font-size:12px; color:#888;}
.accountHistory li .accountEdit {position:absolute; top:12px; right:12px;}
.accountHistory li .accountEdit button{ border-radius:5px; font-size:10px; padding:5px 6px; font-weight:500;}
.accountHistory li .accountEdit .left{color:#fff;   background:#a1a4a8; border:1px solid #a1a4a8;}
.accountHistory li .accountEdit .right{color:#333;  border:1px solid #bbb; background:#fff; }
/*.accountHistory li {border-bottom:1px solid #eee;padding:12px 0 10px;}*/
/*.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;}*/
/*.accountHistory li span.boxTxt {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;}*/



/*공지사항 */
.noticeWrap { width: 100%; margin-bottom:54px;word-break:keep-all;}
.notice_list {width: 100%; }
.notice_list .show_detail a {text-decoration:none;cursor:pointer;position:relative;width:100%;display: block;}
.notice_list .show_detail a h4{font-size:13px; color:#222;font-weight:400;line-height:1.3 !important;border-bottom:1px solid #eee;padding:28px 35px 20px 20px; word-break:break-all;}
.notice_list .show_detail a img {display:block;position:absolute; right:20px;top:50%;height:13px; margin-top:-6px;}
.notice_list .show_detail a h6 {position:absolute; top:12px; left:20px;width:300px;color:#888;font-size:11px;font-weight:400;}
.notice_list .show_detail a span{position:absolute; top:12px; left:20px;}
.notice_list .show_detail .hide{display:none; }
.notice_list .show_detail #ShowDetail p{padding:20px 15px;background:#fbfbfb; font-size:11px; line-height:1.6; color:#444; border-bottom:1px solid #eee; word-break:break-all;} 
.notice_list .show_detail #ShowDetail p span{font-weight:500; display:block;}
.notice_list .show_detail #ShowDetail img {width:100%;height:auto;margin-top:10px;}

/*문의하기*/
.check_info {font-size:12px; text-align:left;word-break:keep-all; letter-spacing:-1px;  margin-top:30px;}
.check_info > .check_box:not(:first-child) {margin-left:13px;}
.check_info .check_box label{line-height:16px;color:#333;margin-bottom:0;}
.check_info .check_box input[type=checkbox] { display:none; }
.check_info .check_box input[type=checkbox] + label { text-align:left;font-weight:normal;display: inline-block; cursor: pointer; padding:0 0 0 20px; background: url(/img/front/i_check_off.png) left/16px no-repeat;  font-weight:500;}
.check_info .check_box input[type=checkbox]:checked + label { background-image: url(/img/front/i_check_on.png);}
.article_text{line-height:18px;}

/*이용약관*/
.check_agree{margin:15px; display:block; }
.check_agree label{line-height:18px;color:#333;margin-bottom:0; font-size:15px;}
.check_agree input[type=checkbox] { display:none; }
.check_agree input[type=checkbox] + label { text-align:left;font-weight:normal;display: inline-block; cursor: pointer; padding-left: 20px; background: url(/img/front/i_check_off.png) left/16px no-repeat;  font-weight:500;}
.check_agree input[type=checkbox]:checked + label { background-image: url(/img/front/i_check_on.png);}
.check_agree strong{float:right; margin-top:5px; color:#888;}

/*알림 목록,관리*/
.pushHistory {width:100%;}
.pushHistory li {padding:12px 20px;position:relative;background:#fff; }
.pushHistory li.pushNew {background:#f6f7f9;border-bottom:1px solid #f3f3f3;}
.pushHistory li a {display:inline-block; width :-webkit-calc(100% - 50px); width:calc(100% - 50px);padding:5px 0;vertical-align:middle;}
.pushHistory li a strong {display:inline-block;font-weight:700; font-size:12px;color:#111;margin-bottom:8px;line-height:1.2;}
.pushHistory li a span {display:inline-block; font-size:11px; color:#4f5159; word-break:keep-all;line-height:1.2;}
.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 > h1{font-size:18px;font-weight:400; color:#111; padding:10px 0 6px;}
.pushHistory li.pushTit > h1 > span {float:right; padding-right:10px;}
.pushHistory li.pushTit > span {font-size:11px;display:block;line-height:1.3;color:#aaa;}
.agree_box {width:50px; height:25px;position:absolute; right:14px; bottom:15px;}
.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('/img/front/amount_off.png') left center/40px no-repeat;  }
.agree_box input[type=checkbox]:checked + label { background-image: url('/img/front/amount_on.png'); }

/*알림관리*/
.pushHistory .check_box{margin-right:5px;}
.pushHistory .check_box input[type=checkbox]{display:none;}
.pushHistory .check_box input[type="checkbox"] + label { display:inline-block; background: url(/img/front/i_check_off.png) left/16px no-repeat; height:17px; width:17px;}
.pushHistory .check_box input[type="checkbox"]:checked + label {background-image: url(/img/front/i_check_on.png);}
.pushHistory .check_box label span{font-size:0;}
.pushHistory .check_box a{float:left;}
.check_select{position:relative; padding:12px 20px;}
.check_select span input{width:75px;margin-top:10px; border-radius:3px; height:34px; border:1px solid #ddd;} 
.check_select span input:first-child{background-color:#317174;border:none; color:#fff; margin-right:2px;}

/*알림관리2*/
.pushWrap { width: 100%; word-break:keep-all;}
.push_list {width: 100%; }
.push_list .show_detail{padding-top:15px; border-bottom:1px solid #eee; position:relative;}
.push_list .show_detail:last-child{border-bottom:none;}
.push_list .show_detail a {text-decoration:none;cursor:pointer;position:relative;}
.push_list .show_detail a h4{font-size:13px; color:#222;font-weight:400;line-height:1.3 !important; padding-bottom:15px; padding-left:40px; word-break:keep-all;}
.push_list .show_detail a h4 strong{margin-right:5px; color:#317174;}
.push_list .show_detail a h6 {position:absolute; top:0px; left:0px;width:300px;color:#888;font-size:11px;font-weight:400;}
.push_list .show_detail .hide{display:none; }
.push_list .show_detail #ShowDetail p{padding:20px 30px;background:#fbfbfb; font-size:11px; line-height:1.6; color:#444; }
.push_list .show_detail #ShowDetail p span{font-weight:500; display:block;}
.push_list .show_detail #ShowDetail img {width:100%;height:auto;margin-top:10px;}
.push_list .show_detail .check_box {margin-right:5px; margin-left:20px;}
.push_list .show_detail .check_box input[type=checkbox]{display:none;}
.push_list .show_detail .check_box input[type="checkbox"] + label { display:inline-block; background: url(/img/front/i_check_off.png) left/16px no-repeat; height:17px; width:17px;}
.push_list .show_detail .check_box input[type="checkbox"]:checked + label {background-image: url(/img/front/i_check_on.png);}
.push_list .show_detail .check_box a{float:left;}
.push_list .show_detail button {background:none; text-align:center;vertical-align:bottom;position:absolute; right:15px;top:15px;}
.push_list .show_detail button img{width:12px;}
.pushDetail{ background:#fbfbfb;border-top:1px solid #eee;}

/*출금신청*/
.p_left{text-align:left;}
.inputStyle1{width:100%; background: none; box-shadow: none; height:42px; color:#222; text-indent:12px;border-radius:2px;border:1px solid #ddd; text-align:left;} 
.inputStyle1[type=radio] { display:none; }
.inputStyle1[type=radio] + label{ font-size:12px;text-align:center; text-align:left; font-weight:500;display: inline-block; cursor: pointer; padding:10px 15px; color:#333;background:#fff; border-radius:5px;margin:5px 2px 10px 0;border:1px solid #ddd; }
.inputStyle1[type=radio]:checked + label { background:#317174; color:#fff;border:1px solid #317174; }
.textRed{color:#eb651e;}
.accountInput{width:100%;border:1px solid #ddd; margin-top:7px; padding:0 6px;vertical-align:top;height:40px; background:#fff; font-size:12px;}

/*환불신청*/
.serviceInfo{padding:20px; }
.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:#222; 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;}

/*이벤트 베너*/
.eventBanner {width:100%; max-height:500px; margin-bottom:10px;}
.eventBanner img {width:100%;}

/*이벤트배너상세(20201126추가)*/
.eventHeadline{padding:15px; border-bottom:1px solid #eee;}
.eventHeadline .eventDate{color:#888; margin-bottom:10px;}
.eventHeadline .eventTitle{font-size:16px; word-break:break-all;}
.eventDetail{padding:15px; font-size: 12px; line-height: 1.7; color: #444; word-break:break-all;}

/*카드등록*/
.cardScan_wrap {width:100%;height:100%;padding-top:50px;}
.cardScan_wrap .cardScan {width:90%; padding-bottom:50%; margin:0 auto; background: url(/img/front/cardScan.png) no-repeat center center; background-size: 100% 100%; max-width:500px;}
.cardGuide2{text-align:center; font-size:14px; margin:30px 0; font-weight:500;}
.cardInfoB_wrap{position:fixed;clear: both;position:fixed; left:0;bottom:40px;text-align: center;cursor: pointer;  border-radius: 0;width:100%;}
.cardInfoB{ background:#eee; width:160px; margin:0 auto; line-height:40px; border-radius:20px;font-size:13px; color:#333; font-weight:500;}

.basicInput select{width:100%;border:1px solid #ddd; margin-top:7px; padding:0 6px;vertical-align:top;height:40px; margin-bottom:12px; background:#fff;}
.txt4{background:#fff;height:42px;  border:1px solid #ddd;margin-bottom:10px;overflow:hidden; box-sizing:border-box;text-align:center;}
.txt4 input{border:none; width:100%;height:40px;  border:none;padding:0 6px; outline:none;}

.basicInput .input_half{float:left; width:49%; margin-right:1%;}
.basicInput .input_fullbox{clear:both;}
.basicInput label{ padding: 15px 0 8px; width: auto; font-weight: 700; font-size: 13px; color: #222; text-align: left; position: relative; overflow: hidden; display:block; margin-bottom:0;}
.basicInput select.cardSelect{margin-top:0; background:url(/img/front/select-arrow.png) no-repeat 97% 50%;}

.giftInfo{background:#ec661c; color:#fff;  text-align:left; border-radius:5px; font-size:12px;}
.giftInfo a{color:#fff; text-decoration:none; padding:12px; display:block;}
.giftInfo span{float:right;}

.sign_wrap{width:90%; margin:30px auto; background:#fbfbfb; border:1px solid #eee; padding-bottom:60%; }

/*계좌등록*/
.agree_wrap{width:100%; padding: 0 20px;}
.agree_list .show_detail{padding-top:15px;  border-bottom:1px solid #eee; position:relative;}
.agree_list .show_detail button{float:right; border-radius:5px; background:#fff; color:#317174; padding:5px 7px; font-size:10px; border:1px solid #317174; font-weight:500;}
.agree_list .show_detail:last-child{border-bottom:none;}
.agree_list .show_detail .hide{display:none; }
.agreeDetail{ background:#f9f9f9; border-top:1px solid #eee; clear:both; }
.agree_list .show_detail #ShowDetail p{font-size:12px; line-height:1.6; color:#444; padding:15px;}
.agree_list .show_detail .check_box {margin-right:5px; text-align:middle; margin-bottom:10px; display:inline-block; }
.agree_list .show_detail .check_box input[type=checkbox]{display:none;}
.agree_list .show_detail .check_box input[type="checkbox"] + label { display:inline-block; background: url(/img/front/i_check_off.png) left/16px no-repeat; padding-left:20px; font-size:12px; font-weight:500; letter-spacing:-0.05rem; line-height:20px; cursor: pointer;}
.agree_list .show_detail .check_box input[type="checkbox"]:checked + label {background-image: url(/img/front/i_check_on.png); }
a.fullBtn2{display:inline-block; width:100%;line-height:42px;color:#317174 !important;font-size:14px;font-weight:500; border-radius:3px;text-align:center; border:1px solid #317174; margin-top:10px;}


/*계좌정보수정*/
.confirm_text{position:relative; margin-bottom: 12px; text-align:left;overflow:hidden;color:#888;font-weight:500; background:#f3f3f3; padding:15px; border-radius:5px; margin-top:6px; }
.accountBtn{position:absolute; top:7px; right:5px; font-size:11px; padding:8px; background:#fff; border:1px solid #b2b8b8; font-weight:500;}

/*가맹자사업*/
.join_wrap {width:100%; padding: 0 20px;max-width:500px;margin:0 auto; margin-bottom:20px; }
.Explanation_box  {text-align:center; line-height:1.3; font-size:12px;color:#444; letter-spacing:-1px;padding:0 0 20px;}
.Explanation_box h1 {font-size:16px;font-weight:700;color:#222;margin-bottom:10px;}

/*가맹자사업약관*/
.infoTitle{color:#317174;}


/*로딩화면*/
.type_orange{min-height: -webkit-calc(100vh - 0px);min-height: calc(100vh - 0px);background: #eb651e;}
.loader-container {width: 200px; height: 200px; color: white; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-right: -50%; 
  transform: translate(-50%, -50%);   border: 5px solid #eb651e;   border-radius: 50%;   -webkit-animation: borderScale 1.3s infinite ease-in-out;   animation: borderScale 1.3s infinite ease-in-out; }
.loading_tit{padding:70px 20px; text-align:center; color:#fff;}
.loading_tit h2{opacity:0.9; margin-bottom:12px; font-size:15px;}
.loading_tit p{ font-size:22px; font-weight:500; letter-spacing:-0.04rem;}
.loadingImg {width:65px; font-weight:500; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}

@-webkit-keyframes borderScale {
  0% {
    border: 3px solid white;
  }
  50% {
    border: 25px solid #eb651e;
  }
  100% {
     border: 3px solid white;
  }
}

@keyframes borderScale {
  0% {
   border: 3px solid white;
  }
  50% {
    border: 25px solid #eb651e;
  }
  100% {
    border: 3px solid white;
  }
}

/*선물내역페이지*/
.giftBtn{width:100%;padding:10px;text-align:center;clear:both;}
.giftBtn button{ opacity:1; width:100%;background:#317174;color: #fff;font-weight:700; font-size:14px;margin-bottom:15px;outline: none;line-height:40px;}
.giftBtn button.refuseBtn {width:49%;background:#AAA;border:1px solid #AAA; }
.giftBtn button.acceptBtn {width:49%; background:#333;}
table.orderSheet-info td button{ margin-left: 7px; border-radius: 4px; padding: 3px 5px; font-size: 11px;}

/*P TO P결제방법선택*/
.ptopWrap{width:100%;background:#eff0f4; min-height: -webkit-calc(100vh - 56px); min-height: calc(100vh - 56px); padding:20px; }
.shadowForm2 {position:relative; border-radius:15px;background:#fff; border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);overflow:hidden; margin-bottom:20px;}
.shadowForm2 .ptopIcon{position:absolute; bottom:15px; right:15px; width:65px; display:block;}
.ptopWrap .shadowForm2 a{color:#222; text-decoration:none; display:block;}
.ptopWrap .shadowForm2 h3{padding:20px 0 10px 20px; font-size:18px; font-weight:700; letter-spacing:-0.03em;}
.ptopWrap .shadowForm2 p{padding-left:20px ;font-size:12px; color:#888; padding-bottom:80px; display:block; letter-spacing:-0.03em;}
.ptopWrap .shadowForm2 span{position:absolute; bottom:30px; left:20px; font-size:16px; color:#666; font-weight:500;}

/*error 페이지*/
#notfound { position: relative; height: 100vh;background-color: #fff;}
#notfound .notfound {width:100%;position:absolute;left:0; top:50%; margin-top:-170px;text-align: center; padding:0 20px;}
.notfound .notfound-404 {}
.notfound .notfound-404 h1 {color: #eb651e;font-size:1rem;}
.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;}
.notfound p { word-break:keep-all; color: #444;font-size: 13px; margin-top: 50px;margin-bottom: 30px;line-height:1.4 !important;}
.notfound p strong {font-weight:500; font-size:16px;line-height:1.6 !important;}
.notfound a {font-size: 13px; text-decoration: none; text-transform: uppercase;background: transparent; color: #c9c9c9;border: 1px solid #c9c9c9;display: inline-block; padding: 8px 30px;font-weight: 400;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;}
.notfound a.homeB {background:#eb651e; color:#fff;border:1px solid #eb651e;}
.notfound a:hover {color: #eb651e;border-color: #eb651e;}
.notfound a.homeB:hover {color:rgba(255,255,255,0.7);}


/*회원가입*/
.login_logo {width:100%; padding:10vh 0 6vh;text-align:center;}
.login_logo img {width:30%;max-width:150px;min-width:120px;}
.login_logo p {margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 18px;color: #222;letter-spacing: -.3px;}
.login_wrap {width:100%;padding:0 20px;max-width:500px;margin:0 auto;}
.login_form {width:100%;}
.login_form .login_formli li {position: relative;margin-bottom: 15px;}
.login_form .login_formli li input {font-size:13px;border:1px solid #ddd;color: #333;  font-weight: 400;height: 42px;text-indent: 30px;width: 100%; border-radius:2px; }
.login_form .login_formli li i { position: absolute;top: 15px; left: 12px;color: #333; font-size: 14px;}
.password_search {font-size:12px;width:100%;text-align:center;margin:5px 0 20px;}
.password_search li {display:inline-block; width:40%;max-width:140px;border-right:1px solid #ddd;}
.password_search li:last-child {border-right:none;}
.password_search a {color: #444; display:block; text-decoration: none;letter-spacing:-0.5px;}

/* 체크 아이콘 */
.check_info {font-size:12px; text-align:left;word-break:keep-all; letter-spacing:-1px; }
.check_info > .check_box:not(:first-child) {margin-left:13px;}
.check_box label{line-height:16px;color:#333;margin-bottom:0;}

/*버튼*/
.join_btn {width:100%;padding:20px 0;text-align:center;clear:both;}
.join_btn button{ opacity:1; width:100%;letter-spacing:-.3px;background:#317174;color: #fff;font-weight:700; font-size:14px;margin-bottom:15px;border:1px solid #317174;outline: none;line-height:44px;}
.join_btn button:hover {opacity:0.9}
.join_btn > :not(:first-child) {margin-bottom: 0;background:#fff; color:#317174; border:1px solid #ccc;}
.join_btn button.left {width:49%;background:#AAA;border:1px solid #AAA; }
.join_btn button.right {width:49%;}
.joinB {display:block;color:#444;margin:10px 0; text-align:center;padding-top:18px;border-top:1px solid #ddd;}
.joinB span {display:block; font-weight:400;}
.joinB strong {line-height:40px;vertical-align:middle;font-size:15px;font-weight:900;}
.joinB img {display:inline-block;width:15px;vertical-align:middle;margin-left:7px;line-height:40px;}
.join_btn button.bigB {width:49%;line-height:84px;}

/*회원가입*/
.tab_wrap2 {width:100%; text-align:center;background:#fff; margin:0 auto; max-width:500px;}
.tab_wrap2 ul{ margin-bottom:15px; display:block; width:100%; height:50px;border:1px solid #eee;}
.tab_wrap2 li{display: inline-block; float:left; width:50%;box-sizing:border-box;opacity:1; }
.tab_wrap2 li a{color: #808080; font-weight:500;font-size:14px; line-height:49px;display:block;}
.tab_wrap2 .tab_on{background:#317174; color: #fff;font-weight:700;}
.tab_wrap2 .tab_on a{color:#fff;}
.tab_wrap2 .tab_off{color:#000; }
.join_info{background:#f5f5f5; width:100%; height:40px; text-align:center; line-height:40px; color:#666; margin-bottom:30px; float:left;}
.join_wrap h3{font-size:18px; color:#317174; font-weight:600;}
.join_info_title{ margin-bottom:20px; margin-top:30px; display:block; border-bottom:1px solid #ddd; padding-bottom:15px;}
.join_wrap {width:100%; padding: 0 20px;max-width:500px;margin:0 auto; margin-bottom:20px; }
.Explanation_box  {text-align:center; line-height:1.3; font-size:12px;color:#444; letter-spacing:-1px;padding:0 0 20px;}
.Explanation_box h1 {font-size:16px;font-weight:700;color:#222;margin-bottom:10px;}
.join_box ul li{ position: relative; margin-bottom: 15px;color: #333;background:#fff;border-radius:0px;overflow:hidden;}
.join_box ul li label {font-weight:700; color:#222; }
.join_box ul li input{width:100%; background: none; box-shadow: none; height:42px; color:#222; text-indent:12px;border-radius:2px;border:1px solid #ddd; margin-top:7px;} 
.join_box ul li input[type=radio] { display:none; }
.join_box ul li input[type=radio] + label{ font-size:12px;text-align:center;font-weight:500;display: inline-block; cursor: pointer; padding:10px 15px; color:#333;background:#fff; border-radius:5px;margin:7px 2px 10px 0;border:1px solid #ddd; }
.join_box ul li input[type=radio]:checked + label { background:#317174; color:#fff;border:1px solid #317174; }
.sub_btn {position:absolute; bottom:0; right:0;height:42px;padding:0 10px;border:none;font-size:12px;font-weight:900;}
.login_bgGray {min-height:10px; background:#f1f1f1; max-width:500px; width:100%; margin:0 auto;}
.accountW2:after {content: "";display: block;clear: both;}
.accountW2 p {text-align:center;line-height:1.5;padding:20px 0px 10px;word-break:keep-all;}
.accountW2 p strong {text-align:left;display:block;font-size:16px; font-weight:700;color:#222;}
.accountW2 input{width:100%; margin-top:7px; padding:0 6px;vertical-align:top;height:40px; border:1px solid #ddd;}
.accountW2 select {width:100%;border:1px solid #ddd; margin-top:7px; padding:0 10px;vertical-align:top;height:40px; background:url(/img/front/select-arrow.png) no-repeat 97% 50%; }
a.fullBtn {display:inline-block; background: #317174;  width:100%;margin:20px 0;line-height:42px;color:#fff !important;font-size:14px;font-weight:500; border-radius:3px;text-align:center; }
.account_info{line-height:18px;}
.guidF3 {padding:9px 10px; background:#eaf2f3;color:#666; border-radius:8px;font-weight:500; word-break:keep-all; text-align:left;}

/*회원가입약관추가*/
.terms_box {  position: relative;overflow: auto;margin:8px 0 16px;height: 80px; padding: 10px;  border: 1px solid #dadada; background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.terms_box .article h3 {font-size:13px;color:#222;}
.terms_box .article h4 {font-size:12px; margin:5px 0;}
.terms_box .article h5 {font-size:11px; padding:0 5px;color:#666;font-weight: 700;}
.terms_box .article p.article_text {padding:2px 7px;font-size:11px;color:#666;line-height:1.2;}
.check_info.tit {font-size: 16px;}
.check_info.tit label {font-weight:500;color:#000;}
.Explanation_box.ver02 {font-size:13px; color:#222;word-break:keep-all;text-align:left;}
.check_guide {font-size:12px; padding:15px 22px;line-height:1.4;border-bottom:1px solid #ddd;margin-bottom:20px;}

/*로그인안내*/
.infoF{margin:15px 0px;padding:9px 10px; background:#eaf2f3;border:1px solid #eaefef; border-radius:8px;font-weight:500; display: block; text-align:center;}
.infoF a{color:#66787a;}

/*로그인비밀번호찾기*/
.findBtn{background:#f5f5f5; width:100%; height:40px; text-align:center; line-height:40px; border-radius:8px; color:#888; }
.findBtn a{color:#333;margin-left:10px;}

/*증빙서류안내*/
.evidence_box{text-align:left; line-height:1.3; font-size:12px;color:#444; letter-spacing:-1px;padding:0 0 20px; background-color:#f5f5f5; padding:20px;border-radius:8px;}
.evidence_box h1{font-size:16px; margin-bottom:10px;}
.evidence_box p{line-height:20px;}
.evidence_box p span{font-size:14px; display:inline-block; margin-bottom:5px; font-weight:500;}

/*modal - 2021.01.22 수정 kdh */
.modal-content{border-radius:0; border:none;}
.modal-header{background:#f5f5f5; position:relative; border-radius:0;}
.modal-header .close{position:absolute; top:15px; right:15px;}
.modal-title{font-size:15px; text-align:center; width:100%; padding-top:5px;}
.modal-body p { line-height: 20px; word-break: keep-all; text-align: center; letter-spacing: -0.05rem; }
.modal-body p strong{ color: #317174; display:block; margin-bottom:10px; }
.modal-body-btn{width:100%; background:#317174; height:40px; color:#fff; margin-top:20px; font-weight:600; font-size:14px; border-radius:0px; }

/*팝업*/
.popupBg{background:rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; height: 100%; outline: 0; }
.popupBox{top: 50%; margin:-92px auto 0 auto; position:relative; width:auto;   max-width:500px;}
.normal_btn button { opacity: 1; width: 100%; letter-spacing: 1px; background: #317174; color: #fff; font-size: 15px; outline: none; border: none; line-height: 44px; margin-top:15px;}
.normal_btn .left{ line-height: 44px; width: 49%; background: #9a9aa0; float: left;}
.normal_btn .right{ line-height: 44px; width: 49%; float: right;}
.modal-info-p{font-size:14px; text-align:center; margin:10px; line-height:20px;}
.modal-info-p strong{font-size:20px; margin:5px 0;display:block; color:#317174; }
.popupContent {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 94%; pointer-events: auto; background-color: #fff; background-clip: padding-box; outline: 0; padding:1rem; margin:0 3%; }

/*splash css 추가 - 2020.07.30 kdh*/
/*#splash { height:100vh;   background-image: linear-gradient(120deg, #317174 0%, #589094 100%);text-align:center;position:relative;}
#splash > div {height:58px;position:absolute; top:50%; left:0;margin-top:-40px;width:100%; animation:fadeIn ease 5s; -webkit-animation:fadeIn ease 5s; -moz-animation: fadeIn ease 5s; -o-animation: fadeIn ease 5s;}
#splash .splashLogo {width:120px;margin-top:15px;}
#splash h1 {font-size:15px;color:#fff;letter-spacing:-.3px;}
#splash > img {width:100%;position:absolute; bottom:0;left:50%; transform:translateX(-50%); }
@media screen and (min-width: 600px){*/ /*iPad*/
	/*#splash > img {display:none;}
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}*/


/*main*/
.container2 {padding:0;}
.container2.type_gray2 {min-height:-webkit-calc(100vh - 52px); min-height:calc(100vh - 52px);background: #f7f7f7;position:relative;}
.blue {background-color:#317174 !important;color:#fff !important;border-color:#317174 !important; }
.Sblue {color:#317174 !important; }
.redTxt {color:#ff0000 !important;}
h1.shopmainTit{font-size:14px;color:#222; font-weight:700; padding:16px 20px 13px;position:Relative;}
.location {padding:0px 20px;line-height:32px; font-size:11px;background:#fff;border-bottom:1px solid #efefef;border-top:1px solid #efefef;color:#777;}
.location span {vertical-align:middle;}
.location img {width:15px;margin-right:3px;}
.location button {float:right;background:none;font-weight:700;padding:0;color:#555;}
.location button .arrow {margin:0 2px; vertical-align:middle;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);border: solid #555;  border-width: 0 1px 1px 0; display: inline-block;  padding:2px;}

.topBanner {text-align:center;} 
.topBanner.blue{background:#317174;}
.shopBanner {width:100%; max-width:500px;} 

.searchShop{ position:relative;margin:20px;font-size:11px;}
.searchShop input, .searchShop button {outline: none;background: none;vertical-align:middle;}
.searchShop input {width :-webkit-calc(100% - 80px); width:calc(100% - 80px);height: 44px;background:#fff; border:none;padding-left:15px;border-radius:35px; border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09); font-size:15px;}
.searchShop button.searchIcon {border:none;position: absolute;top:10px;right: 90px;cursor: pointer;padding:2px;}
.searchShop button.searchIcon img {width:18px;}
.searchShop button.searchKind {height: 44px;background-color:#fff;border-radius:35px;min-width:70px;float:right;  margin-left:2px;padding:0 10px;font-weight:500;border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);}

.shopMenu {width:100%; text-align:center;padding: 10px 20px;}
.shopMenu li {width:31%; display:inline-block;padding:4vw 0 2.5vw; background:#fff;border-radius:10px;margin-right:2%; border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);vertical-align:top;}
.shopMenu li:last-child {margin-right:0;}
.shopMenu li a {display:block;color:#222; font-weight:700;font-size:13px;}
.shopMenu li a span {display:block;color:#bbb;letter-spacing:1px;font-size:10px;font-weight:300;margin:5px 0 8px;}
.shopMenu li a img {width:40%;max-width:60px;}

/*검색 카테고리*/
.seacrhCategory{width:100%; text-align:center; margin:0 0 10px 0; background:#fff; border: 1px solid rgba(0,0,0,.03); box-shadow: 0 2px 3px 0 rgba(0,0,0,.09); padding:2%;}
.seacrhCategory li{width:19%; display:inline-block;  margin:0 auto; padding-bottom:10px; padding-top:5px;}
.seacrhCategory li a{text-align:center; font-size:12px; color:#222; font-weight:500; letter-spacing:-1px;}
.seacrhCategory li a img{width:40%; max-width:60px;}
.seacrhCategory li a span{display:block; margin-top:8px;}

.bestItem {width:100%;margin-bottom:10px;padding-left:20px;}
.bestItem .swiper-container { width: 100%; height: 100%;padding-bottom:10px;padding-right:40px;}
.bestItem .swiper-slide { text-align: center;padding:0;border-radius:10px; overflow:hidden; background:#fff;
      /* Center slide text vertically */
      display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);}
.bestItem .swiper-slide a {width:100%;display:inline-block;display: -webkit-box;text-align:left; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.bestItem .swiper-slide a h4{color: #111;font-size:11px;font-weight: 500; overflow: hidden; margin:6px 6px 0px;}
.bestItem .swiper-slide a h5 { color: #999;font-size: 10px;font-weight: 400;margin:2px 6px 0px;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.bestItem .swiper-slide a h6{color: #343434;font-size:10px;font-weight:400; overflow: hidden;  margin:6px 6px 8px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.bestImg {width: 100%;height: 20vw;line-height: 0; display: inline-block;vertical-align: top;overflow: hidden; position: relative;border-bottom:1px solid #efefef;}
.bestImg img{width:100%;border: none; position: absolute;left: -100%;right: -100%;top: -100%; bottom: -100%; margin: auto; min-height: 100%;  min-width: 100%;}


.listWrap{width:100%; box-sizing: border-box; overflow: hidden; padding:0 20px; margin-bottom:52px;}
.listWrap li{width:100%; box-sizing: border-box; position:relative;margin-bottom:20px; border-radius:10px;overflow:hidden;background:#fff; border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);}
.listWrap li a {display:block;width:100%;text-decoration:none;}
.listWrap li a .listWrap_tit {font-size:14px;color:#333;text-align:left; padding:10px;}
.listWrap li a .listWrap_tit .listWrap_name {display:inline-block;font-weight:900;width :-webkit-calc(100% - 100px); width:calc(100% - 100px);}
.listWrap li a .listWrap_tit .listWrap_Kinds {display:inline-block;max-width:95px;color:#999;font-size:11px; float:right;text-align:right;letter-spacing:-1px;overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.listWrap li a .listWrap_info {color:#333; text-align:left; padding: 0 10px;font-size:11px;line-height:15px;word-break:keep-all;}
.listWrap li a strong  { display:inline-block; width:100%; text-align:right;padding:0 10px 15px;}
.listWrap li a > .location {border:none;padding:0 10px;}
.wrapImg{ width:100%; height:44vw;max-height:380px; line-height: 0;display:inline-block; border-bottom:1px solid #eee; overflow:hidden;position:relative;}
.wrapImg img{width:100%;border:none; position:absolute; left:-100%; right:-100%;top:-100%;bottom:-100%; margin: auto; min-height:100%;min-width:100%;}
/*메인끝*/

/*위치변경, 필터검색, QR검색*/
.searchBox {background:#fff; }
.searchBox:after {content: "";display: block;clear: both;}
.searchBox p {text-align:center;line-height:1.5;padding:20px 20px 10px;word-break:keep-all;}
.searchBox p strong {text-align:left;display:block;font-size:16px; font-weight:700;color:#222;}
a.searchBoxBtn {display:inline-block;  width :-webkit-calc(100% - 40px); width:calc(100% - 40px);margin:20px;line-height:42px;color:#444;font-size:13px;font-weight:500; border:1px solid #ddd; border-radius:3px;text-align:center; }
a.searchBoxBtn img {width:13.2px;margin-right:5px;vertical-align:middle;}

.locationWrap {padding:0 20px;}
.locationWrap input{width:100%; margin-top:5px; padding:0 6px;vertical-align:top;height:36px; border:1px solid #ddd;}
.locationWrap input:-moz-read-only { background-color: #f2f2f2 }/* For Firefox */
.locationWrap input:read-only { background-color: #f2f2f2 }
.locationWrap button {width:100px; background:#fff; font-size:11px;height:36px;border:1px solid #ddd;font-weight:700;margin:5px 0 0 5px; }
.locationHistory {width:100%;}
.locationHistory li {border-bottom:1px solid #eee;padding:12px 20px 10px;}
.locationHistory li a {display:inline-block; width :-webkit-calc(100% - 30px); width:calc(100% - 30px);padding:5px 0;vertical-align:middle;}
.locationHistory li a strong {display:inline-block;font-weight:500; font-size:13px;color:#444;margin-bottom:7px;line-height:1.2;}
.locationHistory li a span {display:inline-block; font-size:12px; color:#888;}
.locationHistory li a span.boxTxt {border:1px solid #ccc;padding:2px 4px; margin-right:5px;font-size:10px;letter-spacing:-0.5px;}
.locationHistory li button {background:none; vertical-align:middle;height:24px;width:24px;}
.locationHistory li button img{width:10px;}

.qrBox {width:100%;height:100%;padding:50px 0;border-bottom:1px solid #f0f0f0;}
.qrBox .qrScan {width:60%; padding-bottom:60%; margin:0 auto; background: url(/img/front/qrScan.png) no-repeat center center; background-size: 100% 100%;}
.qrText{text-align:center; margin-top:20px; line-height:18px;}

.filterWrap {margin:0 20px;border-top:1px solid #efefef;padding:10px 0;}
p + .filterWrap {border-top:none;}
.filterTit {font-size: 14px;color: #444; letter-spacing: -0.3px; margin:12px 0; font-weight: 700;}
.filterWrap select {border-radius:17px; padding:0 35px 0 14px; margin: 0 1px 8px;border:1px solid #ddd; background:url(/img/front/select-arrow.png) no-repeat 95% 50%;  color:#666;outline:none;}
#filterC input[type=checkbox], #filterC input[type=radio] { display:none; }
#filterC input[type=checkbox] + label, #filterC input[type=radio] + label{display: inline-block;text-align:center; cursor: pointer; padding:9px 14px;margin: 0 1px 8px;color:#666;background:#fff; border:1px solid #ddd;border-radius:17px;letter-spacing: -0.3px; }
#filterC input[type=checkbox]:checked + label, #filterC input[type=radio]:checked + label { background:#317174; color:#fff; border:1px solid #317174; }

/*주변가맹점*/
.mapWrap { background-position: 50% 50%; background-size: cover;height: 135px; border-bottom:1px solid #efefef;}
.mapWrap a {display:block; width:100%; height:100%;}
.filterWrap.ver02 {text-align:center;margin:0 10px;}
.filterWrap.ver02 > #filterC input[type=checkbox] + label { margin: 4px 1px;}
.searchShop + h1.shopmainTit{ padding:7px 20px 15px;}
.termSearch {text-align:center; padding:0;border:1px solid #ddd;border-radius:8px;background:#fff; position:absolute; top:3px; right:10px;}
.termSearch dd{display:inline-block;  font-weight:400;border-right:1px solid #ddd;padding:5px 7px; font-size:11px; float:left;letter-spacing:-.5px;}
.termSearch dd:last-child {border-right:none;}
.termSearch dd:hover {color:#000;font-weight:500;}
.termSearch:after {content: "";display: block;clear: both;}

/*가맹점리스트*/
.shopList { clear:both;}
.detailList{width:100%;background:#fff;}
.detailList > li { padding:15px 20px 10px;border-bottom:1px solid #efefef;position:relative;}
.detailList > li a {display:inline-block;width:100%;}
.detailList .Information {display:inline-block; width :-webkit-calc(100% - 98px); /* for Chrome, Safari */width:calc(100% - 98px); margin-right:10px;vertical-align:middle;}
.detailList h4 {font-size:14px; color:#222; font-weight:700; letter-spacing:-0.5px;margin-bottom:5px;position:relative;}
.detailList h4 span.listN {margin-right:3px;}
.detailList h4 span.listName {margin-right:5px;}
.detailList h4 span.listKind {font-weight:400;display:inline-block;  margin-right: 5px;font-size:12px; color:#888;}
.detailList h4 strong {display:inline-block;padding:1px 3px; font-size:10px; background: #eaf2f3; font-weight:500; color:#317174;margin:0 3px;}
.detailList h4 strong img { width:12px;height:auto;border:none; vertical-align:middle;display:inline-block; margin-right:3px;}
.detailList .txt.ellp1 {line-height:20px;overflow: hidden; display: block;text-overflow: ellipsis;  white-space: nowrap;font-size:12px; color: #444; }
.detailList .list_img {width:85px; height:82px;border-radius:12px;display:inline-block; border:1px solid #ddd; vertical-align:middle;overflow:hidden;position:relative;} 
.detailList .list_img img {width:100%;border:none; position:absolute; left:-100%; right:-100%;top:-100%;bottom:-100%; margin: auto; min-height:100%;min-width:100%;}
.tagArea {display: block; background:#fff;margin-top: 5px;}
.tagArea .tag { display: inline-block; background: #eef1f3; font-size: 12px;  color: #666;  height: 18px;margin-bottom: 5px;margin-right:5px; padding: 0 3px;line-height: 16px; vertical-align: top;}

/*가맹점상세*/
.shopDetail {position:relative; background:#fff;border-bottom:1px solid #e2e5e8;}
.shopDetail .detail_visTop {position:absolute; z-index:999;top:0; left:0; width:100%;background-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);}
.shopDetail .detail_visTop a {display:inline-block; width:62px; height:52px;line-height:50px;text-align:center;}
.shopDetail .detail_visTop img {width:22px;cursor:pointer;}
.shopDetail > .wrapImg{ width:100%; height:60vw;}
.shopDetail h4 {text-align:left;font-size:17px;  color:#222; font-weight:700; padding:17px 15px 10px;position:relative;}
.shopDetail h4 span {font-weight:400; display:inline-block; margin-left:5px; font-size:12px;color:#888;}
.shopDetail .desc { text-align:left;font-size:12px;color:#888; padding:8px 15px;word-break:keep-all; line-height:1.3;}
.shopDetail > a.searchBoxBtn {color: #317174;border: 1px solid #317174;}
.btnWrap {text-align:center;margin:15px 15px;}
.btnWrap > a.searchBoxBtn {color:#555 !important;font-weight:400;}
a.searchBoxBtn.left {margin:0; width:48%; }
a.searchBoxBtn.right {margin:0;width:48%;}
.txt.ellp2 { text-align:left;  display: block; padding:0 15px;  color:#317174;font-weight:500;word-break:keep-all; font-size:12px;line-height:1.2;}
.txt.ellp3 {  color:#333;font-weight:700;font-size:14px;}
.favoritesWrap { position:absolute; top:10px; right:15px; cursor:pointer;}
.favoritesWrap input[type=checkbox] { display:none; }
.favoritesWrap input[type=checkbox] + label { display: inline-block; cursor: pointer;font-size:24px;padding:3px;color:#317174; font: normal normal normal 24px/1 FontAwesome;}
.favoritesWrap input[type=checkbox] + label:before {content: "\f006";color:#317174;}
.favoritesWrap input[type=checkbox]:checked + label:before {content: "\f005"}

.shopDetailInfo{ margin-top:10px;background:#fff;border-top:1px solid #e2e5e8;border-bottom:1px solid #e2e5e8;}
.partnerArea {font-size:13px; padding:15px; font-weight:400;border-bottom:1px solid #efefef;}
.partnerArea img {height:20px; width:auto;vertical-align:middle;}
.detailWrap {padding:5px 20px;}
.detailWrap ul {clear:both;padding:10px 0;}
.detailWrap ul li {display:inline-block;}
.detailWrap ul .icon {vertical-align:top; margin-right:8px;}
.detailWrap ul .icon img {width:14px;vertical-align:top;}
.detailWrap ul .txt {vertical-align:top;width :-webkit-calc(100% - 25px); /* for Chrome, Safari */width:calc(100% - 25px);line-height:1.2;font-size:12px;word-break:keep-all;  }
.detailWrap ul .txt strong {display:inline-block;font-weight:400; margin-bottom:5px;}
.detailWrap ul .txt span {display:inline-block; font-size:11px; color:#888;}
.detailWrap ul .txt span.boxTxt {border:1px solid #ccc;padding:2px 4px; margin-right:5px;font-size:10px;letter-spacing:-0.5px;}
.tagArea.detailTag { padding:20px 20px;border-top:1px solid #e2e5e8;margin-top:10px;}
.tagArea.detailTag h4 {margin-bottom:12px;font-weight:700; font-size:16px;}


/*가맹점css*/

/*메인*/
.user2 { line-height:23px !important;letter-spacing:-.5px;padding:10px 20px; background:#fff;}
.user2:after {content: "";display: block;clear: both;}
.user2 a {display:inline-block;width:auto;float:right;line-height:23px;padding:0 10px;font-weight:700; font-size:12px;color:#303030;}
.amountDisplay2 {font-size:11px; text-align:left;word-break:keep-all;display:inline-block;vertical-align:bottom;}
.amountDisplay2 label{color:#868686;display:block;width:100%;margin:0;}
.amountDisplay2 label span {display:inline-block;margin-left:41px; letter-spacing:-.5px;}
.amountDisplay2 input[type=checkbox] { display:none; }
.amountDisplay2 input[type=checkbox] + label { text-align:left;font-weight:normal;display: inline-block; cursor: pointer;  background: url('/img/front/amount_off.png') left center/38px no-repeat; }
.amountDisplay2 input[type=checkbox]:checked + label { background-image: url('/img/front/amount_on.png'); }
.searchShop2{ position:relative;margin:20px 20px;margin-top:-25px;font-size:11px;}
.searchShop2 input, .searchShop button {outline: none;background: none;vertical-align:middle;}
.searchShop2 input {width:100%;height: 48px;background:#fff; border:none;padding-left:15px;border-radius:4px; border: 1px solid rgba(0,0,0,.03);box-shadow: 0 2px 3px 0 rgba(0,0,0,.09); }
.searchShop2 button.searchIcon {border:none;position: absolute;top:14px;right: 20px;cursor: pointer;padding:2px; background:#fff;}
.searchShop2 button.searchIcon img {width:18px;}
.notice {text-decoration:none;display:block;font-size:14px;padding:2vh 0 1vh;color:rgba(255,255,255,.7);line-height:26px;overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.notice strong{color:#fff;font-weight: 700;}
.notice span {font-weight: 400;font-size:12px;margin-left:5px;}
.adminBg h1 { font-size: 20px;color: #fff;font-weight: 700;padding-bottom:10px;}
.adminBg h1.shopName {text-align:center;}
.adminBg h1 strong {font-weight: 700;}
.adminBg h1 span {display:inline-block; margin-left:10px;font-size:13px; color:rgba(255,255,255,0.7);font-weight:400;}
.container .menu {padding:0 20px;}
.container .menu > li{background:#fff;margin-bottom:15px;padding: 16px 25px;text-align:left;cursor: pointer;border-radius: 4px;  box-shadow: 0px 2px 3px 0px rgba(0,0,0,.1), -4px -1px 6px 4px rgba(255,255,255,0.17);overflow: hidden;}
.container .menu li a.menu_tit{display:block; line-height:45px;font-size:15px;color:#333;font-weight:500; position:relative;}
.container .menu li a.menu_tit:hover {  text-decoration:none;font-weight:700; color:#000;}
.container .menu li a.menu_tit img {width:34px; margin-right:15px;}
.container .menu li a.menu_tit span {font-size:17px;display: inline-block; text-align: right;position:absolute;top:0;right:0px; }
.container .menu li a.menu_tit span i {-webkit-transition: 3s, -webkit-transform 3s;transition: 3s, transform 3s;}
.container .menu li ul{display: none; margin-top:10px;border-top:1px solid #f0f0f0;text-align:center;}
.container .menu li ul li{font-size:13px;cursor: pointer; font-weight:500; }
.container .menu li ul li a{color:#333;line-height:45px;display:inline-block; width:100%; text-align:left;}
.container .menu li ul li a:hover {text-decoration:none; color:#000;}

/*확인이전버튼*/
.bottomBtn2 {width:100%; position:fixed; bottom:0;letter-spacing:-0.5px; height:50px; font-size: 14px; cursor: pointer; font-weight: 500;}
.bottomBtn2.left {width:50%; left:0;border-top: 1px solid #ddd;background:#fff;}
.bottomBtn2.right {width:50%; left:50%;border-top: 1px solid #317174;}

/*결제내역*/
.adminBg + .adminForm, .keeper_tab_wrap + .adminForm{margin-top:-25px;}
.keeper_tab_wrap {width:100%; background:#317174;padding:25px 0px 40px; text-align:center;overflow:hidden;}
.keeper_tab_wrap li{display: inline-block; float:left; width:25%;box-sizing:border-box;position:relative; color:#fff;}
.keeper_tab_wrap li a{letter-spacing:-0.5px;font-size: 16px;color: rgba(255,255,255,.5);font-weight: 700;line-height:1.35; font-weight:600;display:block;}
.keeper_tab_wrap li a span {display:inline-block;text-align:center;width:15px; height:14px;position:absolute; top:-5px;right:8px;font-size:10px;font-weight:700; color:#317174; background:#fff;border-radius:50%;}
.keeper_tab_wrap .tab02 a{color:#fff;}
.shopPoint{display:block; margin-top:7px; text-align:right; color:#317174;}
.mypay_tbmenu2 {width: 100%;box-sizing: border-box; }
.mypay_tbmenu2 .data_none { height:auto;color:#888; text-align:center; padding:80px 0; border:1px solid #ddd;}
.mypay_tbmenu2 li ul {border-bottom:1px solid #eee;position:relative; height:62px;}
.mypay_tbmenu2 .coin_kinds { position:absolute; top:12px;left:15px;font-size:13px; color:#222; font-weight:500;}
.mypay_tbmenu2 .coin_kinds span { color:#777; font-size:11px; margin-left:5px;font-weight:400;}
.mypay_tbmenu2 .data_term {position:absolute; bottom:12px;left:15px;color:#888;font-size:11px;}
.mypay_tbmenu2 .division {position:absolute; top:10px;right:15px; color:#222; font-weight:700; }
.mypay_tbmenu2 .search_pay {position:absolute; bottom:12px;right:15px;color:#222;font-size:13px; font-weight:700; }
.mypay_tbmenu2 .name{position:absolute; top:12px;right:15px; color:#999;}


/*검색조건설정*/
.adminForm h1.shopmainTit{font-size:14px;color:#222; font-weight:700; padding:15px 12px;position:Relative;}
.adminForm h1.shopmainTit span.date {float:right;font-size:10px;color:#888;font-weight:500;line-height:17px;}
.inputForm .txt1{padding: 15px 0 8px; width:auto;font-weight:700; font-size:13px; color:#222;text-align:left;}
.inputForm .txt2{position:relative;text-align:left;}
/*.inputForm .txt2 select {background:url(../../img/front/select-arrow.png) no-repeat 97% 50%; border:1px solid #ddd; height:32px; padding:0 5px;width: 100%;}*/
.inputForm .txt2 input {background-color:#fff;border:1px solid #ddd; height:32px;padding:0 5px;width: 100%; }
.search_wrap2 #SearchDiv{box-sizing:border-box; padding: 0 15px; margin:0; background:#fff;}
.search_wrap2 #SearchDiv:after {content: "";display: block;clear: both;}
.search_wrap2 #SearchDiv .trans_msg{color:#666; display:inline-block; font-size:12px;  width :-webkit-calc(100% - 100px); /* for Chrome, Safari */width:calc(100% - 100px);}
.search_wrap2 #SearchDiv .trans_msg input {border:none;vertical-align:top;width:100%; padding:0; margin:0;height:40px;line-height:40px;}
.search_wrap2 #SearchDiv button {float:right;font-size:11px; line-height:40px;display:inline-block;color:#222; font-weight:700;padding:0;background:none;}
.search_wrap2 #SearchDiv button i{font-size:14px;margin-left:3px;}
.search_wrap2 #Searchfrm {text-align:center;padding: 0 15px;}

.term_search2 {display:inline-block;vertical-align:middle}
.term_search2 dd{display:inline-block;font-weight:400;text-align:center;border-radius:8px;border:1px solid #ccc; padding:6px 6px;margin:0 2px; font-size:10px;}
.term_search2 dd:first-child {margin-left:5px;}
.tr_wrap button {width: 48%;line-height: 28px;font-weight:500;}

/*로딩화면*/
.loading_Wrap{width:100%;  position:relative; min-height: -webkit-calc(100vh - 107px); min-height: calc(100vh - 107px);}
.loadingInfo{position:absolute; top:50%;  width:100%; margin-top:-60px;}
.loadingImage{width:15%; max-width:100px; margin:0 auto; display:block;}
.loadingInfo p{font-size:12px; color:#999; font-weight:400; letter-spacing:-0.05rem; text-align:center; margin-top:10px; }

/* Footer */
.footer {font-size:10px;margin:20px 15px;padding:10px 5px;line-height:1.4;color:#555;bottom:0;position:absolute;}
.footer address {margin-bottom:0;}
.footer ul li > span {margin-right:6px;margin-left:2px;color:#888;}
.footer ul li {display:inline-block;vertical-align:top;}

/* input readonly */
.readOnly{background:#f3f3f3 !important;}

/* QR, P2P */
.payInfo{background:#fff; position:fixed; bottom:0; clear: both; width: 100%; min-width:320px; left:0; border-radius:30px 30px 0 0;}


/*출금하기*/
.tab_wrap3{width:100%; text-align:center;background:#fff; margin:0 auto; }
.tab_wrap3 ul{ margin-bottom:15px; display:block; width:100%; height:50px; }
.tab_wrap3 li{display: inline-block; float:left; width:50%;box-sizing:border-box;opacity:1; }
.tab_wrap3 li a{color: #808080; font-weight:500;font-size:14px; line-height:49px;display:block; }
.tab_wrap3 .tab_on{background:#fff; color: #000;font-weight:700; border-bottom:3px solid #317174;}
.tab_wrap3 .tab_on a{color:#000;}
.tab_wrap3 .tab_off{color:#000; border-bottom:3px solid #ddd;}

.sendUser{border-radius:7px; padding:15px; margin-top:10px; text-align:left; font-size:16px; font-weight:500; border:1px solid #bbb; position:relative; color:#222; margin-bottom:10px;}
.sendUser span{display:block; font-size:12px; color:#999; margin-top:7px; font-weight:400;}
.sendUser i{position:absolute; right:15px; top:30px;}
.sendUser a{text-decoration:none; color:#222;}

.bgTit2{width:100%; background:#f7f7f7; color:#222; font-size:15px; padding: 13px 0 13px 20px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-weight:600; margin-top:30px;}

.heightScroll{height:200px; overflow-y: scroll;}
.accountW .accountHistory .listA{width: -webkit-calc(100% - 60px); width: calc(100% - 60px);}
.accountW .accountHistory input[type="radio"] {display:none;}
.accountW .accountHistory input[type="radio"] + label {display:inline-block; width:19px; height:19px;vertical-align:middle; background:url(../../img/front/check_radio_sheet.png) left top no-repeat; cursor:pointer; margin-left:20px;}
.accountW .accountHistory input[type="radio"]:checked + label {background:url(../../img/front/check_radio_sheet.png) -19px top no-repeat; }
.guideText{display:inline-block; font-size:11px; margin-left:3px; color:#999; font-weight:400;}


/*서비스이용안내*/
.noticeWrap .notice_list a.serviceList{text-decoration: none; cursor: pointer; position: relative; width: 100%; display: block;}
.noticeWrap .notice_list a.serviceList h4{font-size: 16px; color: #222; font-weight: 400; line-height: 1.3 !important; border-bottom: 1px solid #eee; padding: 20px;}
.noticeWrap .notice_list a.serviceList span{top:38%; right:20px; position:absolute; vertical-align:top; font-size:16px; font-weight:bold; color:#333;} 
.serviceWrap{margin:15px;}
.serviceWrap .serviceTitle{font-size:20px; margin:30px 0 10px 0; font-weight:600; letter-spacing:-0.05rem;}
.serviceWrap .serviceP{font-size:14px; line-height:20px; margin-bottom:30px; letter-spacing:-0.05rem;}
.serviceWrap h4{background:#317174; color:#fff; padding:10px 0 10px 15px; font-size:15px; letter-spacing:-0.05rem;}
.serviceWrap .servicePoint li{padding:15px; font-size:13px; letter-spacing:-0.05rem; line-height:16px;}
.serviceWrap ul li strong{display:inline-block;margin-bottom:7px;}
.serviceWrap ul{margin-bottom:30px;}
.serviceTitle2{padding-top:30px; font-weight:600; color:#317174; border-top:1px solid #ddd; margin-bottom:15px;  letter-spacing:-0.05rem;}
.serviceTitle3{font-size:15px; padding-bottom:10px; display:inline-block;}
.serviceWay li{position:relative; padding-left:10px; line-height:18px;  letter-spacing:-0.03rem;}
.service_icon{position:absolute; top:9px; left:0; width:2px; height:2px; background:#666; border-radius:100%;}
.serviceCall{background:#f3f3f3; width:100%;padding:25px;}
.serviceCall p{text-align:center; line-height:18px; font-size:12px; color:#666; letter-spacing:-0.05rem;}
.serviceCall p strong{font-weight:600; color:#000; margin-right:5px; font-size:14px; display:block; margin-top:8px;}
.serviceCall p span{color:#317174; margin-left:5px;}

/* 이벤트 게시판 */
.eventDetail p img{width:100% !important;}

/* 키패드 */
.keyboardF li:active{background-color: #e9ecf3;}

/* 내계좌인출 - 2021.01.13 kdh*/
.wrap-accordion p.accordion-title { position: relative; color: #888; font-weight: 500; font-size: 14px; padding-bottom: 10px; cursor: pointer; letter-spacing: -0.05rem; }
.wrap-accordion p.accordion-title:after { content: ''; background: transparent; border-bottom: 1px solid #888; border-left: 1px solid #888; 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: 40%; right: 5px; margin-top: -7px; }
.wrap-accordion p.on:after { margin-top: -2px; border-color: #888; -moz-transform: rotate(-224deg); -ms-transform: rotate(-224deg); -webkit-transform: rotate(-224deg); transform: rotate(-224deg); }
.wrap-accordion .point-input-wrap { border: none; display: none; background: #fafafa; border-radius: 10px; border: 1px solid #e8e8e8; }
.wrap-accordion + .inp-wrap-group { text-align: left; margin-bottom: 50px; }
.point-input-wrap ul { text-align: left; }
.point-input-wrap ul li { width: 100%; display: block; font-size: 12px; cursor: pointer; font-weight: 500; height: 30px; padding-left: 15px; line-height: 30px; color: #888; border-bottom: 1px solid #e8e8e8; overflow: hidden; }
.point-input-wrap ul li p { display: inline-block; float: left; text-align: left; }
.point-input-wrap ul li span { float: right; display: inline-block; text-align: right; padding-right: 15px; color: #aaa; }
.point-input-wrap ul li span strong { color: #000; margin-right: 3px; }

/* 이용내역, 출금내역 상세 모달 우측정렬 */
.detail_right{text-align:right !important;}

/*20210125 input 수정사항 > 충전, 내계좌인출, 타인송금*/
.sendP { width: 100%; position: relative; height: 47px; font-size: 22px; border-bottom: 2px solid #317174; margin-bottom: 10px; }
.sendP-input { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); text-align: right; position: absolute; height: 45px; outline: none; border: none; top: 0; left: 0; font-size: 24px; font-weight: 500; color: #000; }
.sendP-btn { position: absolute; top: 50%; border-radius: 50%; right: 0; font-size: 12px; width: 20px; background: url(/img/front/closeB5.png) center center no-repeat; background-color: #d6dade; height: 20px; margin-top: -10px; font-size: 0; outline: none; }

/*20210128 수정사항*/
.full { padding-bottom: 162px; }
.full-bottom { position: fixed; left: 0; bottom: 52px; z-index: 999; }

/*20210204 TIP*/
.guidF { position: relative; }
.guidF strong { display: inline-block; margin: 3px 0px 8px 2px; color: #222; font-size: 13px; }
.guidF-list li { position: relative; color: #5e777b; padding-left: 15px; padding-bottom: 2px; letter-spacing: -0.05rem; line-height: 1.3; word-break: keep-all; }
.w110 li { width: -webkit-calc(100% - 70px); width: calc(100% - 70px); }
.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 { color: #317174; vertical-align: unset !important; margin-left: 0; font-weight: 600; }
.guidF-btn { position: absolute; border-radius: 5px; font-size: 12px; font-weight: 500; padding: 5px 7px 6px 7px; background: #317174; color: #fff; right: 10px; bottom: 8px; letter-spacing: -0.05rem; }

/*20210215 추가 > 가맹점F 결제내역 조회기간*/
.term_search2 dd.on { background: #317174; border: 1px solid #317174; color: #fff; }

/*20210216 추가 > 최근 보낸 계좌 삭제 버튼*/
.listA-delete-btn { float: right; background: #fff; border: 1px solid #bbb; padding: 5px 7px; border-radius: 4px; font-size: 11px; }
.accountHistory li span { padding-top: 5px; }

/*20210304 추가 > 가맹점F 결제내역 검색조건 화살표 이미지 수정(크롬 기본값으로)*/
.inputForm .txt2 select { border: 1px solid #ddd; height: 32px; padding: 0 5px; width: 100%; -moz-appearance: auto; /* Firefox */ -webkit-appearance: auto; /* Safari and Chrome */ appearance: auto; background-color: #fff; }

/*20210308 추가 > 가맹점F 결제내역 지급완료 > 안내문구 추가*/
.guidG { padding:0 !important; background:#eff0f4 !important; }