@charset "UTF-8";

/*font*/
@font-face{
	font-family:"NotoSans-Thin";
	src:url('/common/app/fonts/NotoSans-Thin.eot');
	src:url('/common/app/fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/NotoSans-Thin.woff') format('woff'),
	url('/common/app/fonts/NotoSans-Thin.otf') format('opentype');
	url('/common/app/fonts/NotoSans-Thin.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/NotoSans-Thin.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Light";
	src:url('/common/app/fonts/NotoSans-Light.eot');
	src:url('/common/app/fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/NotoSans-Light.woff') format('woff'),
	url('/common/app/fonts/NotoSans-Light.otf') format('opentype');
	url('/common/app/fonts/NotoSans-Light.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/NotoSans-Light.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Regular";
	src:url('/common/app/fonts/NotoSans-Regular.eot');
	src:url('/common/app/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/NotoSans-Regular.woff') format('woff'),
	url('/common/app/fonts/NotoSans-Regular.otf') format('opentype');
	url('/common/app/fonts/NotoSans-Regular.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/NotoSans-Regular.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Medium";
	src:url('/common/app/fonts/NotoSans-Medium.eot');
	src:url('/common/app/fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/NotoSans-Medium.woff') format('woff'),
	url('/common/app/fonts/NotoSans-Medium.otf') format('opentype');
	url('/common/app/fonts/NotoSans-Medium.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/NotoSans-Medium.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Bold";
	src:url('/common/app/fonts/NotoSans-Bold.eot');
	src:url('/common/app/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/NotoSans-Bold.woff') format('woff'),
	url('/common/app/fonts/NotoSans-Bold.otf') format('opentype');
	url('/common/app/fonts/NotoSans-Bold.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/NotoSans-Bold.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Black";
	src:url('/common/app/fonts/NotoSans-Black.eot');
	src:url('/common/app/fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/NotoSans-Black.woff') format('woff'),
	url('/common/app/fonts/NotoSans-Black.otf') format('opentype');
	url('/common/app/fonts/NotoSans-Black.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/NotoSans-Black.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Light";
	src:url('/common/app/fonts/Montserrat-Light.eot');
	src:url('/common/app/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/Montserrat-Light.woff') format('woff'),
	url('/common/app/fonts/Montserrat-Light.otf') format('opentype');
	url('/common/app/fonts/Montserrat-Light.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/Montserrat-Light.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Regular";
	src:url('/common/app/fonts/Montserrat-Regular.eot');
	src:url('/common/app/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/Montserrat-Regular.woff') format('woff'),
	url('/common/app/fonts/Montserrat-Regular.otf') format('opentype');
	url('/common/app/fonts/Montserrat-Regular.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/Montserrat-Regular.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Medium";
	src:url('/common/app/fonts/Montserrat-Medium.eot');
	src:url('/common/app/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/Montserrat-Medium.woff') format('woff'),
	url('/common/app/fonts/Montserrat-Medium.otf') format('opentype');
	url('/common/app/fonts/Montserrat-Medium.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/Montserrat-Medium.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-SemiBold";
	src:url('/common/app/fonts/Montserrat-SemiBold.eot');
	src:url('/common/app/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/Montserrat-SemiBold.woff') format('woff'),
	url('/common/app/fonts/Montserrat-SemiBold.otf') format('opentype');
	url('/common/app/fonts/Montserrat-SemiBold.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/Montserrat-SemiBold.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-Bold";
	src:url('/common/app/fonts/Montserrat-Bold.eot');
	src:url('/common/app/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/Montserrat-Bold.woff') format('woff'),
	url('/common/app/fonts/Montserrat-Bold.otf') format('opentype');
	url('/common/app/fonts/Montserrat-Bold.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/Montserrat-Bold.woff') format('woff');
}

@font-face{
	font-family:"Montserrat-ExtraBold";
	src:url('/common/app/fonts/Montserrat-ExtraBold.eot');
	src:url('/common/app/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('/common/app/fonts/Montserrat-ExtraBold.woff') format('woff'),
	url('/common/app/fonts/Montserrat-ExtraBold.otf') format('opentype');
	url('/common/app/fonts/Montserrat-ExtraBold.ttf') format('truetype');
	src:local('?'), url('/common/app/fonts/Montserrat-ExtraBold.woff') format('woff');
}

/* 공통 */
*{margin:0; padding:0; padding-left:constant(safe-area-inset-left); padding-right:constant(safe-area-inset-right); padding-top:constant(safe-area-inset-top); padding-bottom:constant(safe-area-inset-bottom);}
html{width:100%; height:100%}
body{position:relative; font-family:'NotoSans-Regular', 'Montserrat-Light', 'Malgun Gothic', sans-serif; font-size:13px; color:#666; letter-spacing:0px; height:auto; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; font-weight:normal; /*overflow:hidden;*/}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
h1,h2,h3,h4{font-weight:normal;}
ul,ol,li{list-style:none}
fieldset{border:none; vertical-align:top;}
img{border:none; vertical-align:top; width:100%;}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#666; letter-spacing:0px; border-radius:0; font-size:16px}
input{padding:3px 10px; height:32px}
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #ccc; color:#666; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="number"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input:focus{outline:none;}
select{padding:5px; height:40px; border:1px solid #ccc; background:#fff;}
select:focus{outline:#23b8bc;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#666; font-size:16px; letter-spacing:0px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#666; outline:none;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
table th,td{font-weight:normal;}
button{outline:none; background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap; font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:normal}
div,p,span,li, a, button{box-sizing:border-box;}
pre{white-space:pre-wrap; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;}

/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}

/*본문 바로가기*/
.passGnb{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.passGnb:focus{top:0;}

/*단일 클래스*/
.blind{text-indent:-9999px; font-size:0;}
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.floatL{float:left;}
.floatR{float:right;}
.clear:after{display:block; content:""; clear:both;}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inner{position:relative; padding:0 3%; width:100%; /*height:100%;*/}
.inner.loginPage{padding-right:17px;}
.inner:after{display:block; content:""; clear:both;}
.font-msr-bold{font-family:"Montserrat-Bold" !important;}
.font-msr-light{font-family:"Montserrat-Light" !important;}
.font-noto-bold{font-family:"NotoSans-Bold" !important;}
.font-noto-light{font-family:"NotoSans-Light" !important;}
.tit-txt{font-family:"NotoSans-Bold"; color:#333; font-size:17px; line-height:22px;}
.no-border-top{border-top:0 !important;}
.no-border-bot{border-bottom:0 !important;}


/*btn*/
.btn-round{display:inline-block; height:30px; padding:0 15px; line-height:29px; font-family:"NotoSans-Black"; color:#fff; font-size:13px; text-align:center; background:#555; border-radius:15px;}
.btn-round.blue{background:#23b8bc;}
.btn-round.gray{background:#888;}
.btn-gray{display:block; height:45px; font-family:"NotoSans-Bold"; color:#fff; font-size:15px; line-height:45px; text-align:center;
 background:#555; border-radius:4px;}
.btn-gray-round{display:block; font-family:"NotoSans-Black"; color:#fff; font-size:15px; text-align:center; line-height:39px; border-radius:20px; background:#888;}
.btn-gray.h50{height:50px; line-height:49px;}
.btn-black{display:inline-block; width:100%; height:45px; text-align:center; font-family:"NotoSans-Bold"; font-size:15px; color:#fff; border-radius:5px; background:#555;}
.btn-black.h50{height:50px;}
.btn-black.gray{background:#888; border:none;}
.btn-black.gray.rec{font-family:"NotoSans-Regular"; border-radius:0;}
.btn-black.blue{color:#fff; background:#23b8bc; border:none;}
.btn-blue{display:inline-block; width:100%; height:50px; height:calc(50px + env(safe-area-inset-bottom)); padding:0 15px; font-family:"NotoSans-Bold"; color:#fff; font-size:15px; line-height:49px; text-align:center; background:#23b8bc;}
.btn-blue.fixed{position:fixed; bottom:0; left:0; z-index:2;}
.btn-blue.w50{width:50%;}
.btn-blue.h45{height:45px; line-height:44px;}
.btn-blue.r-btn{left:50%;}
.btn-blue.type2{color:#fff; background:#888;}
.btn-blue.round{font-family:"NotoSans-Black"; font-size:13px; height:30px; line-height:29px; border-radius:15px;}
.btn-blue.small-round{border-radius:5px;}
.btn-blue.small{width:auto; display:inline-block; padding:0 26px;}
.pattern-btn{display:inline-block; padding:0 25px; font-family:"NotoSans-Bold"; color:#000; font-size:13px; line-height:30px; background:url(/common/app/img/btn_pattern.png) 0 0 repeat, radial-gradient(#ffdb55, #ffd449); background-size:20px; border-radius:15px; box-shadow:2px 2px 2px #e5b93c;}
.pattern-btn2{display:block; padding:0; font-family:"NotoSans-Black"; color:#211900; font-size:15px; line-height:39px; text-align:center; background:url(/common/app/img/btn_pattern.png) 0 0 repeat, radial-gradient(#ffdb55, #ffd449); background-size:20px; border-radius:20px; box-shadow:2px 0 2px #e5b93c;}
.close-btn{display:block; position:absolute; top:0; right:calc(3% - 9px); width:29px; height:45px; background:url("/common/app/img/app_headerTop_icon2.png") no-repeat center 15px; background-size:11px 11px;}
.close-btn2{display:block; position:absolute; left:0; bottom:0; width:100%; height:50px;  font-family:"NotoSans-Bold"; color:#fff; font-size:15px; text-align:center; line-height:49px; background:#232323;}


/* style */
input.type1{box-sizing:border-box; margin-bottom:10px; width:100%; height:50px; font-family:"NotoSans-Regular"; color:#666; font-size:14px; border:1px solid #ddd;}
input.type1.regular{font-family:"NotoSans-Regular";}
input.type1.no-border{border:0;}
input.type1::placeholder{color:#999;}
input.type1.small{height:40px;}
input.type2{box-sizing:border-box; width:24.25%; height:50px; font-size:14px; border:1px solid #ddd;}
input.round-type{box-sizing:border-box; width:100%; height:40px; font-family:"NotoSans-Light"; color:#333; font-size:12px; border:1px solid #ddd; border-radius:20px;}
input.round-type::placeholder{font-family:"NotoSans-Light"; color:#999; font-size:12px;}
input:focus{border:2px solid #23b8bc;}
input[type="checkbox"]:focus{border:0;}
select{color:#333; font-size:14px; background:#fff url(/common/app/img/ico_selbox.png) right 10px center no-repeat; background-size:9px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.type1{
	box-sizing:border-box; margin-bottom:10px; width:100%; height:50px; padding:0 10px; color:#333; font-size:14px; border:1px solid #ddd;
}
select.type1.mb0{margin-bottom:0;}
textarea.type1{box-sizing:border-box; width:100%; height:260px; font-family:"NotoSans-Regular"; color:#666; font-size:14px; line-height:20px; resize:none; border:1px solid #ddd;}
textarea:focus{outline:none; border:2px solid #23b8bc;}

/* 단일 스타일 */
.info-txt.type1{margin-bottom:36px; color:#333; font-size:15px; line-height:22px;}
.info-txt.type1.mb20{margin-bottom:20px;}
.con-wrap{position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%;}
.help-noti{display:inline-block; padding-left:20px; font-family:"NotoSans-Light"; color:#f15921; font-size:12px; line-height:15px; background:url(/common/app/img/app_icon_exc.png) no-repeat left center; background-size:15px;}
.red-txt{color:#f15921 !important;}
.charge-tit{margin-bottom:15px; font-family:"NotoSans-Bold"; color:#333; font-size:17px;}
.charge-tit span{font-family:"NotoSans-Regular"; color:#888; font-size:12px;}
.input-noti{padding-left:10px; color:#666; font-size:13px; line-height:18px; text-indent:-10px;}
.input-noti-red{padding-left:22px; color:#ff5252; font-size:13px; text-align:left; line-height:18px; word-break:keep-all; background:url(/common/app/img/app_icon_exc_v2.png) no-repeat left 1px; background-size:15px;}
.extinct-txt{margin-top:8px; font-size:12px;}
.extinct-txt .f-orange{font-family:"Montserrat-Bold"; font-size:13px; color:#f15921;}
.black-bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:101;}
.pop-tit-st{margin-bottom:15px; color:#333; font-size:18px; line-height:25px;}
.pop-txt-st{font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
/*.rwTxt{position:relative; padding-left:10px}*/
/*.rwTxt span{position:absolute; top:0; left:0;}*/
.barcode-num{padding-top:9px; font-family:"Montserrat-Light"; color:#000; font-size:12px; text-align:left;}

/* wrap */
#wrap{position:relative; width:100%; overflow:hidden;}
#wrap.pop-open{height:100%; overflow:hidden;}

/* header */
#header{position:fixed; width:100%; height:45px; background:#f5f5f5; z-index:100;}
#header .basic-t{position:relative; padding:13px 0; width:100%; height:inherit; text-align:center;}
#header .prev-btn{position:absolute; top:0; left:-8px; width:26px; height:45px; background:url("/common/app/img/app_header_leftBtn.png") no-repeat center 14px; background-size:10px 18px;}
#header .goto-noti{position:absolute; top:0; right:25px; width:30px; height:45px; background:url("/common/app/img/new2/go_to_noti_btn.png") no-repeat center center; background-size:14px 16px;}
#header .goto-noti.on:after{content:''; display:block; position:absolute; right:6px; top:11px; width:4px; height:4px; background:#f15921; border-radius:2px;}
#header .gnb-btn{position:absolute; top:0; right:-5px; width:28px; height:45px; background:url("/common/app/img/app_header_gnbBtn.png") no-repeat 4px 15px; background-size:18px 14px;}
#header .set-btn{position:absolute; top:15px; left:0; width:16px; height:16px; background:url("/common/app/img/app_headerTop_icon1.png") no-repeat 0 0; background-size:16px;}
#header .close-btn{right:0;}
#header h1.tit{font-size:18px; font-family:"NotoSans-Bold"; color:#000;}
#header h1.logo{margin:auto; width:100px;}
#header h1.logo img{position:relative; top:3px;}
#header #all-menu{position:absolute; top:0; right:-100%; width:100%; z-index:102;}
#header #all-menu a{position:absolute; top:20px; right:17px; display:block; width:11px; height:11px;}
#header #all-menu div{position:absolute; top:0; left:0; width:100%; overflow-y:scroll; background:#23b8bc;}
 
/* container */
#container{padding-top:45px; padding-bottom:env(safe-area-inset-bottom);}
#container.noPd{padding:0;}
#container.gray-bg{background:#f5f5f5;}
#container.gray-bg-f8{background:#f8f8f8;}
#container.min-h{min-height:calc(100vh - 50px);}
#container.min-h-45{min-height:calc(100vh - 45px);}
#container.min-h-95{min-height:calc(100vh - 95px);}
/* #container.hasBottomBtn{padding-bottom:113px;} */
.hasBottomBtn{padding-bottom:113px !important;}

/* main */
.main-roll .swiper-pagination-bullet{width:5px; height:5px; background:#b1bbc1; opacity:1;}
.main-roll .swiper-pagination-bullet-active{background:#2b2b2b;}
.main-roll .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
.main-tit{margin-bottom:15px; padding-left:33px; font-family:"NotoSans-Thin"; font-size:20px; color:#333; line-height:25px;}
.main-tit span{font-family:"NotoSans-Bold";}

#header.main{background:#fff;}
#header.main .main-sch{position:absolute; top:0; left:-6px; width:28px; height:45px; background:url("/common/app/img/ico_sch.png") no-repeat center 16px; background-size:auto 16px;}
/* main visual */
.mainVis{position:relative; padding-bottom:56px;-webkit-transform:translate(0,0,0)}
.main-my-point{position:absolute; top:80px; left:33px; z-index:2;}
.main-my-point .mem-name{margin-bottom:12px; color:#666; font-size:13px;}
.main-my-point .mem-name span{font-family:"NotoSans-Bold";}
.main-my-point .before-login{color:#000; font-size:13px; line-height:18px;}
.main-my-point .before-login span{font-family:"NotoSans-Bold"; color:#23b8bc; text-decoration:underline;}
.main-my-point .before-login img{margin-left:5px; width:5px; height:9px; vertical-align:baseline;}
.main-my-point .mems-point{font-family:"Montserrat-Regular"; font-size:18px; color:#333;}
.main-my-point .mems-point span{font-family:"Montserrat-Bold"; font-size:36px;}
.mainVis .main-vis-roll .roll-list .txt-area{position:absolute; left:33px; top:150px; font-family:"NotoSans-Thin"; color:#333; font-size:20px; line-height:26px;}
.mainVis .main-vis-roll .roll-list .txt-area .mont-font{font-family:"Montserrat-Light";}
.mainVis .main-vis-roll .roll-list .txt-area .bold-font{font-family:"NotoSans-Bold";}
.mainVis .main-vis-roll .roll-list .txt-area .goto-eve{display:block; width:90px; height:38px; margin-top:20px; font-family:"NotoSans-Black"; color:#fff; font-size:14px; text-align:center; line-height:37px; background:#23b8bc; border-radius:19px;}
.mainVis .swiper-container-horizontal>.swiper-pagination-bullets{top:129px; bottom:initial; padding-left:33px; text-align:left;}
.today-coupon{/*padding-top:56px;*/ /*background:#f8f8f8;*/ padding-bottom:67px;}
.today-coupon .list-wrap{padding:0 calc(3% - 1px);}
.today-coupon .list-wrap .list{position:relative; height:111px; padding:25px 20px 20px; margin-bottom:14px; background:url(/common/app/img/main_coupon_bg.png) center top no-repeat; background-size:100% 100%;}
.today-coupon .list-wrap .list .store-tag{display:block; position:absolute; top:0; left:20px; padding:0 5px; font-family:"NotoSans-Bold"; color:#fff; font-size:9px; line-height:15px; background:#23b8bc;}
.today-coupon .list-wrap .list .tit{margin-bottom:13px; font-family:"NotoSans-Regular"; color:#000; font-size:16px; line-height:21px;}
.today-coupon .list-wrap .list .txt{font-family:"NotoSans-Light"; color:#888; font-size:10px;}
.today-coupon .list-wrap .list .down-btn{position:absolute; right:8.5%; top:47%; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:translate(0,-50%); width:22px; height:19px; background:url(/common/app/img/main_download_icon.png) 0 0 no-repeat; background-size:22px 19px;}
.today-coupon .list-wrap .list:last-child{margin-bottom:19px;}
.today-coupon .btn-area{text-align:center;}
.today-coupon .btn-area .view-more{padding-right:11px; font-family:"NotoSans-Bold"; color:#000; font-size:12px; background:url(/common/app/img/view_more_arr.png) right center no-repeat; background-size:6px 10px;}
.today-event{/*padding-top:67px;*/ /*background:#f8f8f8;*/}
.today-event .main-eve-roll{/*overflow:visible;*/ padding-bottom:110px;}
.today-event .main-eve-roll .roll-list{padding:0 3%;}
.today-event .main-eve-roll .roll-list .txt-area{position:relative; padding:24px 17px 19px; background:#fff; border:1px solid #e8e8e8; border-top:0;}
.today-event .main-eve-roll .roll-list .txt-area .store-tag{position:absolute; top:-10px; left:20px; height:20px; padding:0 12px; color:#333; font-size:12px; line-height:17px; background:#fff; border:1px solid #000;}
.today-event .main-eve-roll .roll-list .txt-area .tit{margin-bottom:8px; font-family:"NotoSans-Medium"; color:#000; font-size:16px; line-height:21px;}
.today-event .main-eve-roll .roll-list .txt-area .txt{font-family:"Montserrat-Regular"; color:#666; font-size:12px;}
.today-event .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
.today-event .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:90px;}
.main-q-btn{position:fixed; bottom:0; width:100%; height:55px; height:calc(55px + env(safe-area-inset-bottom)); /*padding:0 3%;*/ overflow:hidden; z-index:5;}
.main-q-btn > div{width:94%; height:55px; height:calc(55px + env(safe-area-inset-bottom)); margin:0 auto; background:#555; border-radius:10px 10px 0 0;}
.main-q-btn a{position:relative; display:block; float:left; width:25%; height:55px; height:calc(55px + env(safe-area-inset-bottom)); padding-top:35px; font-family:"NotoSans-Medium"; color:#fff; font-size:10px; text-align:center;}
.main-q-btn a:nth-child(1){background:url(/common/app/img/main_q_btn_01.png) center 9px no-repeat; background-size:23px auto; border-radius:10px 0 0 0;}
.main-q-btn a:nth-child(2){background:url(/common/app/img/main_q_btn_02.png) center 9px no-repeat; background-size:23px auto;}
.main-q-btn a:nth-child(3){background:url(/common/app/img/main_q_btn_03.png) center 9px no-repeat; background-size:23px auto;}
.main-q-btn a:nth-child(4){background:url(/common/app/img/main_q_btn_04.png) center 9px no-repeat; background-size:23px auto; border-radius:0 10px 0 0;}
.main-q-btn a.on{background-color:#494949;}
.main-q-btn a span{display:block; position:absolute; right:27%; top:7px; width:12px; height:12px; padding-top:1px; font-family:"Montserrat-Bold"; color:#fff; font-size:9px; text-align:center; line-height:12px; background:#23b8bc; border-radius:6px;}
.bookmark-btn{/*transition:bottom 0.8s ease;*/ display:block; position:fixed; bottom:70px; bottom:calc(70px + env(safe-area-inset-bottom)); right:3%; width:43px; height:43px; border-radius:22px; background:rgba(0,0,0,0.7); /*background-size:18px 17px;*/ z-index:100;}
/*.bookmark-btn.on{bottom:0;}*/
.bookmark-btn img{position:absolute; bottom:13px; right:13px; width:18px; height:17px;}
.existing-pop{display:none; position:fixed; top:0; z-index:101; width:100%; height:100%; /*background:rgba(0, 0, 0, 0.7);*/}
.existing-pop .ly-pop{position:fixed; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%); width:94%; padding-bottom:50px; margin:0 3%; text-align:center; background:#fff;}
.existing-pop .ly-pop .ly-cont {/*height:372px;*/ overflow-y:auto;} 
.existing-pop .ly-pop .close-btn2{left:50%; width:50%;}
.existing-pop .ly-pop .close-btn2.no-view{left:0; background:#555;}
.existing-pop.access-pop .ly-pop .close-btn2{left:0; width:100%;}

/* 위치기반팝업 테스트 20190515 박재성 */
/*
.existing-pop2{display:none; position:fixed; top:0; z-index:101; width:100%; height:100%;}
.existing-pop2 .ly-pop{position:fixed; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%); width:94%; padding-bottom:50px; margin:0 3%; text-align:center; background:#fff;}
.existing-pop2 .ly-pop .ly-cont{height:372px; overflow-y:auto;}
.existing-pop2 .ly-pop .close-btn2{left:50%; width:50%;}
.existing-pop2 .ly-pop .close-btn2.no-view{left:0; background:#555;}
.existing-pop2.access-pop .ly-pop .close-btn2{left:0; width:100%;}
*/

.main-pop-roll {/*height:372px;*/} 
.main-pop-roll .swiper-pagination{bottom:20px;}
.main-pop-roll .swiper-pagination-bullet{background:transparent; border:1px solid #000;}
.main-pop-roll .swiper-pagination-bullet-active{background:#000;}
.main-pop-roll .roll-list {width:100%;/* height:372px;*/ overflow-y:auto;} 
.main-pop-roll .roll-list .txt-popup{padding:40px 2%; word-break:keep-all;}
.main-pop-roll .roll-list .txt-popup .tit-txt{margin-bottom:20px;}
.main-pop-roll .roll-list .txt-popup .txt1{margin-bottom:20px; font-size:13px; line-height:18px;}
.main-pop-roll .roll-list .txt-popup .txt2{color:#000; font-size:13px; line-height:22px;}
.main-pop-roll .roll-list .txt-popup .txt2 span{font-size:15px; font-family:"NotoSans-Medium";}
.main-pop-roll .roll-list .txt-popup .input-noti{margin-bottom:20px; font-family:"NotoSans-Light"; color:#888;}
/*.access-pop .ly-cont{padding:44px 20px 25px;}
.access-pop .con-list{margin-top:27px; padding-top:26px; text-align:left; background:url(/common/app/img/dashed_border.jpg) 0 0 repeat-x; background-size:7px 1px;}
.access-pop .con-list .list{margin-bottom:18px; color:#666; font-size:13px; line-height:18px;}
.access-pop .con-list .list:last-child{margin-bottom:0;}
.access-pop .con-list .list .tit{margin-bottom:8px; font-family:"NotoSans-Bold"; color:#333; font-size:15px;}
.access-pop .con-list .list .txt{font-family:"NotoSans-Light"; font-size:13px;}
.access-pop .con-list .list .txt span{color:#333;}*/

/* intro */
.intro-wrap{width:100%; background:#7f8d8d;}
.intro-wrap .intro-roll{height:100%;}
.intro-wrap .intro-roll .txt-area{position:absolute; top:0; width:100%; color:#fff; text-align:center;}
.intro-wrap .intro-roll .txt-area .txt-wrap{position:absolute; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%;}
.intro-wrap .intro-roll .txt-area .txt-wrap .tit{margin-bottom:10px; font-family:"NotoSans-Bold"; font-size:22px; line-height:29px;}
.intro-wrap .intro-roll .txt-area .txt-wrap .txt{font-family:"NotoSans-Light"; font-size:13px; line-height:18px;}
.intro-wrap .intro-roll .img-area{position:absolute; bottom:50px; left:0; width:100%; height:336px; text-align:center;}
/*.intro-wrap .intro-roll .img-area p{position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:auto; height:100%;}*/
.intro-wrap .intro-roll .img-area p{height:100%;}
.intro-wrap .intro-roll .img-area p img{width:auto; height:100%;}
.intro-wrap .swiper-container-horizontal>.swiper-pagination-bullets{bottom:initial;}
.intro-wrap .swiper-pagination-bullet{width:5px; height:5px; background:#fff; opacity:0.4;}
.intro-wrap .swiper-pagination-bullet-active{opacity:1;}
.intro-wrap .swiper-button-next{right:15px; width:14px; height:26px; background:url(/common/app/img/intro_next_btn.png) 0 0 no-repeat; background-size:auto 26px;}
.intro-wrap .swiper-button-prev{left:15px; width:14px; height:26px; background:url(/common/app/img/intro_prev_btn.png) 0 0 no-repeat; background-size:auto 26px;}
.intro-wrap.on .intro-roll .txt-area{padding-top:115px;}
.intro-wrap.on .swiper-container-horizontal>.swiper-pagination-bullets{top:235px;}
.intro-wrap + a{z-index:10;}

/* layer popup */
.lyPop-wrap{display:none; position:fixed; top:0; z-index:101; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.lyPop-wrap:before{content:""; display:inline-block; width:1px; height:100%; min-height:100%; margin-right:-5px; vertical-align:middle; opacity:0;}
.lyPop-wrap .ly-pop{position:absolute; top:100%; width:100%; height:100%; background:#fff;}
.lyPop-wrap .ly-pop .ly-head{position:relative; padding:13px 3%; height:45px; text-align:center; background:#f5f5f5;}
.lyPop-wrap .ly-pop .ly-head .tit{font-size:16px; color:#000; font-family:"NotoSans-Bold";}
.lyPop-wrap .ly-pop .tit{color:#222; letter-spacing:-1px;}
.lyPop-wrap .ly-pop .ly-cont{position:relative; overflow-y:auto; padding:40px 3%; /*height:525px;*/ /*height: calc(100% - 45px);*/ background:#fff; -webkit-overflow-scrolling:touch;}
.lyPop-wrap2{display:none; position:fixed; top:0; z-index:101; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.lyPop-wrap2 .ly-pop{position:fixed; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%); width:94%; padding-bottom:50px; margin:0 3%; text-align:center; background:#fff;}
/* 팝업 리스트 스타일 */
.pop-list-wrap{}
.pop-list-wrap .list{margin-bottom:25px;}
.pop-list-wrap .list .tit-txt{margin-bottom:14px; line-height:17px;}
.pop-list-wrap .list .txt{font-size:15px; line-height:20px;}
.pop-list-wrap .list .txt-small{margin-top:15px; padding-left:10px; font-size:13px; line-height:18px; text-indent:-10px;}
.pop-list-wrap .list li{position:relative; margin-bottom:13px; padding-left:13px; font-size:15px; line-height:20px;}
.pop-list-wrap .list li:before{content:''; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:#333;}

/* 로딩 바 */
.loading-wrap{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:200;}
.loading-wrap .load-img{position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:60px; height:60px; background:url(/common/app/img/loading_bg_120.png) 0 0 no-repeat; background-size:60px 60px;}
.loading-wrap .load-img p{position:absolute; left:50%; top:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:33px; height:33px;}

/* 즐겨찾기 */
.q-menu-area .result-num{padding:5px 0 40px 30px; color:#1c9296; font-size:13px;}
.q-menu-area .result-num span{font-family:"NotoSans-Bold";}
.q-menu-area .result-menu{padding:20px 0 0 30px; /*height:calc(100vh - 203px);*/ background:#f0f0f0;}
.q-menu-area .result-menu a{display:block; margin-bottom:10px; padding-left:40px; line-height:30px; color:#333; font-size:15px;}
.q-menu-area .result-menu a:last-child{margin-bottom:0;}
.q-menu-area .result-menu a.m01{background:url(/common/app/img/all_menu_sub_01.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m02{background:url(/common/app/img/all_menu_sub_02.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m03{background:url(/common/app/img/all_menu_sub_03.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m04{background:url(/common/app/img/all_menu_sub_04.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m05{background:url(/common/app/img/all_menu_sub_05.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m06{background:url(/common/app/img/all_menu_sub_06.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m07{background:url(/common/app/img/all_menu_sub_07.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m08{background:url(/common/app/img/all_menu_sub_08.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m09{background:url(/common/app/img/all_menu_sub_09.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m10{background:url(/common/app/img/all_menu_sub_10.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m11{background:url(/common/app/img/all_menu_sub_11.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m12{background:url(/common/app/img/all_menu_sub_12.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m13{background:url(/common/app/img/all_menu_sub_13.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m14{background:url(/common/app/img/all_menu_sub_14.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m15{background:url(/common/app/img/all_menu_sub_15.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m16{background:url(/common/app/img/all_menu_sub_16.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m17{background:url(/common/app/img/all_menu_sub_17.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m18{background:url(/common/app/img/all_menu_sub_18.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m19{background:url(/common/app/img/all_menu_sub_19.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m20{background:url(/common/app/img/all_menu_sub_20.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m21{background:url(/common/app/img/all_menu_sub_21.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m22{background:url(/common/app/img/all_menu_sub_22.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m23{background:url(/common/app/img/all_menu_sub_23.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m24{background:url(/common/app/img/all_menu_sub_24.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m25{background:url(/common/app/img/all_menu_sub_25.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m26{background:url(/common/app/img/all_menu_sub_26.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m27{background:url(/common/app/img/all_menu_sub_27.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m28{background:url(/common/app/img/all_menu_sub_28.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m29{background:url(/common/app/img/all_menu_sub_29.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m30{background:url(/common/app/img/all_menu_sub_30.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m31{background:url(/common/app/img/all_menu_sub_31.png) left center no-repeat; background-size:30px;}
.q-menu-area .result-menu a.m32{background:url(/common/app/img/all_menu_sub_32.png) left center no-repeat; background-size:30px;}
.bookmark{/*transition:bottom 0.8s ease;*/ position:fixed; top:100%; left:0; width:100%; /*height:100vh;*/ background:#23b8bc; z-index:102; overflow:hidden;}
/*.bookmark.on{bottom:0;}*/
.bookmark .before-set{position:absolute; left:45px; top:37%; font-family:"NotoSans-Thin"; font-size:20px; color:#fff; line-height:30px;}
.bookmark .after-set .my-bmark-list a{display:block; margin-bottom:10px;}
.bookmark .after-set .my-bmark-list a:last-child{margin-bottom:0;}
.bookmark .btn-area{position:absolute; right:3%; bottom:40px; width:110px; z-index:0; text-align:right; /*padding-right:3%;*/ box-sizing:border-box;}
.bookmark:after{content:''; display:block; position:absolute; bottom:61px; width:80%; height:1px; right:126px; background:rgba(255,255,255,0.3);}
.bookmark .btn-area .bmark-btn{display:inline-block; width:43px; height:43px;}
.bookmark .btn-area .bmark-btn.set{margin-right:7px; background:url(/common/app/img/bookmark_set_btn.png) 0 0 no-repeat; background-size:43px 43px;}
.bookmark .btn-area .bmark-btn.close{background:url(/common/app/img/bookmark_close_btn.png) 0 0 no-repeat; background-size:43px 43px;}
.bookmark .q-menu-area .result-menu{height:auto; padding:45px 0 0 45px; background:transparent;}
.bookmark .q-menu-area .result-menu a{color:#fff;}
#bmark-edit-pop{z-index:103;}
#bmark-edit-pop .ly-cont{position:fixed; width:100%; /*height:calc(100vh - 95px);*/ padding:0; overflow-y:hidden;}
#bmark-edit-pop .edit-pop .max-num{padding:40px 3% 30px; font-size:13px;}
#bmark-edit-pop .edit-area{position:relative;}
#bmark-edit-pop .edit-area .all-menu-li{position:relative; padding:30px 0 0; /*height:calc(100vh - 178px);*/ background:#f5f5f5; overflow-y:auto;}
#bmark-edit-pop .edit-area .all-menu-li .list{padding:0 3% 30px 3%; border-bottom:1px solid #e8e8e8;}
#bmark-edit-pop .edit-area .all-menu-li .list .tit{margin:30px 0 15px; font-family:"NotoSans-Bold"; font-size:15px; color:#333;}
#bmark-edit-pop .edit-area .all-menu-li .list:first-child .tit{margin-top:0;}
#bmark-edit-pop .edit-area .all-menu-li .list a{display:block; margin-bottom:15px; color:#999; font-size:13px;}
#bmark-edit-pop .edit-area .all-menu-li .list a:last-child{margin-bottom:0;}
#bmark-edit-pop .edit-area .all-menu-li .list a.on{color:#333}
#bmark-edit-pop .edit-area .all-menu-li .list:last-child{padding:0 3% 30px 3%; padding-bottom:calc(30px + env(safe-area-inset-bottom));}
#bmark-edit-pop .edit-area .my-bmark-area{position:absolute; top:0; right:0; width:60%; height:100%; padding:0 3%; background:#fff;}
#bmark-edit-pop .edit-area .my-bmark-area .top-area{margin-bottom:20px; overflow:hidden;}
#bmark-edit-pop .edit-area .my-bmark-area .top-area .tit{float:left; font-family:"NotoSans-Bold"; font-size:17px; color:#23b8bc;}
#bmark-edit-pop .edit-area .my-bmark-area .top-area .num{float:right; font-family:"Montserrat-Light"; color:#23b8bc; font-size:14px;}
#bmark-edit-pop .edit-area .my-bmark-area .top-area .num span{font-family:"Montserrat-Bold";}
#bmark-edit-pop .edit-area .my-bmark-area .menu-li-area span{display:block; margin-bottom:10px;}
#bmark-edit-pop .edit-area .my-bmark-area .menu-li-area span:last-child{margin-bottom:0;}
#bmark-edit-pop .edit-area .my-bmark-area .menu-li-area span label{font-size:15px;}
#bmark-edit-pop .edit-area .my-bmark-area .menu-li-area .list-wrap a{display:block; margin-bottom:10px; padding-left:26px; color:#333; font-size:15px; line-height:16px; background:url(/common/app/img/app_check2.png) 0 0 no-repeat; background-size:18px 16px;}
#bmark-edit-pop .edit-area .my-bmark-area .menu-li-area .list-wrap a.on{background:url(/common/app/img/app_check2_on.png) 0 0 no-repeat; background-size:18px 16px;}
#bmark-edit-pop .edit-area .my-bmark-area .menu-li-area .list-wrap a:last-child{margin-bottom:0px;}
#bmark-edit-pop .edit-area .my-bmark-area .menu-li-area .no-list{color:#23b8bc; line-height:21px;}
#bmark-edit-pop .edit-area .my-bmark-area .after-edit{position:absolute; bottom:0; right:0; width:100%; padding:15px; /*padding-bottom:45px;*/ padding-bottom:calc(15px + env(safe-area-inset-bottom));}
#bmark-edit-pop .edit-area .my-bmark-area .after-edit .txt{margin-bottom:15px; font-size:13px;}
#bmark-edit-pop .edit-area .my-bmark-area .after-edit a{display:block; width:32%; height:25px; float:left; margin-right:1%; border-radius:4px;}
#bmark-edit-pop .edit-area .my-bmark-area .after-edit a:nth-child(1){background:#555 url(/common/app/img/move_top_btn.png) center center no-repeat; background-size:14px 7px;}
#bmark-edit-pop .edit-area .my-bmark-area .after-edit a:nth-child(2){background:#555 url(/common/app/img/move_bottom_btn.png) center center no-repeat; background-size:13px 7px;}
#bmark-edit-pop .edit-area .my-bmark-area .after-edit a:nth-child(3){width:33%; margin-right:0; background:#555 url(/common/app/img/del_btn.png) center center no-repeat; background-size:11px 14px;}

.icon-exc{display:inline-block; padding-left:22px; font-size:13px; color:#f15921; line-height:18px; text-align:left; background:url("/common/app/img/app_icon_exc.png") no-repeat 0 1px; background-size:15px 15px;}
.icon-exc-v2{display:inline-block; padding-left:22px; font-size:13px; color:#f15921; line-height:18px; text-align:left; word-break:keep-all; background:url("/common/app/img/app_icon_exc_v2.png") no-repeat 0 1px; background-size:15px 15px;}
.icon-sett{display:inline-block; padding-left:22px; font-size:13px; color:#666; line-height:18px; text-align:left; background:url("/common/app/img/app_headerTop_icon3.png") no-repeat 0 0; background-size:15px 15px;}
.list-line-cont li{padding:10px 3%; border-bottom:1px solid #e8e8e8;}
.list-line-cont li:first-child{border-top:1px solid #e8e8e8;}
.list-line-cont li a{display:block; width:100%; height:100%; line-height:30px; background:url("/common/app/img/icon_grayArrow1628_v2.png") no-repeat right center; background-size:8px 14px;}
.list-line-cont li .icon-txt{display:inline-block; padding-left:40px; height:30px; font-size:15px; color:#333;}
.list-line-cont li:nth-child(1) .icon-txt{background:url("/common/app/img/mynh_listIcon1.gif") no-repeat 0 0; background-size:30px 30px;}
.list-line-cont li:nth-child(2) .icon-txt{background:url("/common/app/img/mynh_listIcon2.gif") no-repeat 0 0; background-size:30px 30px;}
.list-line-cont li:nth-child(3) .icon-txt{background:url("/common/app/img/mynh_listIcon3.gif") no-repeat 0 0; background-size:30px 30px;}
.list-line-cont li:nth-child(4) .icon-txt{background:url("/common/app/img/mynh_listIcon4.gif") no-repeat 0 0; background-size:30px 30px;}
.list-line-cont li:nth-child(5) .icon-txt{background:url("/common/app/img/mynh_listIcon5.gif") no-repeat 0 0; background-size:30px 30px;}
.list-cont{margin-top:30px; border-top:1px solid #e8e8e8; text-align:left;}
.list-cont.mt20{margin-top:20px; border-top:1px solid #e8e8e8; text-align:left;}
.list-cont li{padding:15px 0; border-bottom:1px solid #e8e8e8;}
.list-cont li .name.tit-txt{float:left; width:60%; line-height:17px;}
.list-cont li .point{float:right; width:40%; font-family:"Montserrat-Bold"; color:#333; font-size:17px; text-align:right;}
.list-cont li .point span{font-family:"Montserrat-Regular";}
.list-cont li .date{float:left; width:60%; color:#888; font-size:14px;}
.list-cont li .used-state{float:right; width:40%; color:#888; text-align:right;}
.list-cont.no-data li{border-bottom:0;}
.list-cont li .no-data{margin:15px 0; padding:100px 0 0 0; text-align:center; height:80px; font-size:15px; color:#333; background:url("/common/app/img/ico_nodata.gif") no-repeat center 0; background-size:80px 80px;}

/* 인풋 지우기 버튼 */
.input-area-x{position:relative;}
.input-area-x input{padding-right:28px;}
.input-area-x .input-x-btn{display:none; position:absolute; right:10px; top:20px; width:10px; height:10px;}
.input-area-x .sch-btn{position:absolute; right:10px; top:7px; width:24px; height:34px; text-align:center; /*border:1px solid red;*/}
.input-area-x .sch-btn img{display:inline-block; position:relative; top:10px; width:15px;}
.input-area-x .sch-btn.has-bg{right:19px; top:9px;}
/*.input-area-x .sch-btn.has-bg img{display:inline-block; position:relative; top:10px; width:15px;}*/
.input-area-x.type1 .input-x-btn{right:35px;}
.input-area-x.type2 .input-x-btn{right:25px;}
.input-area-x.type3 .input-x-btn{right:20px; top:14px;}
.input-area-x.has-bg .input-x-btn{right:48px; top:21px;}

/* 전체검색 */
.all-sch{padding-top:85px; height:100vh; background:#fff;}
.all-sch .sch-area .input-area{position:relative;}
.all-sch .sch-area .input-area input{
	height:55px; padding:0 0 3px 24px; border:0;
	background:url(/common/app/img/sch_bg_01.png), url(/common/app/img/sch_bg_02.png), url(/common/app/img/sch_bg_03.png); 
	background-repeat:no-repeat, no-repeat, repeat-x; 
	background-position:left center, right center, 0 0; 
	background-size:auto 55px, auto 55px, auto 55px;
}
.all-sch .main-menu{margin-top:30px;}
.all-sch .main-menu .m-menu-wrap{padding-left:30px;}
.all-sch .main-menu .tit{margin-bottom:25px; font-family:"NotoSans-Medium"; color:#333; font-size:20px;}
.all-sch .main-menu .tag{margin-bottom:15px; font-family:"NotoSans-Light"; color:rgba(0,0,0,0.7); font-size:15px;}

/* tab 탭 */
.tab-area{padding:25px 0 0 3%; height:52px; text-align:center; background:#f5f5f5; overflow:hidden;}
.tab-area div a{display:inline-block; margin-left:-3px; padding:0 15px 12px; width:auto; font-family:"NotoSans-Bold"; color:#333; font-size:13px; opacity:0.5;}
.tab-area div a.on{position:relative; opacity:1; border-bottom:2px solid #23b8bc;}
.tab-area.sup{padding:20px 0 0 3%;}
.tab-area.sup div a{padding-top:5px;}
.tab-area.sup div a span{position:relative; top:-9px;}

.tab-area2{overflow:hidden;}
.tab-area2 a{display:block; float:left; width:50%; height:50px; font-family:"NotoSans-Bold"; color:#969696; font-size:15px; text-align:center; line-height:49px; border-bottom:1px solid #000; background:#e3e3e3;}
.tab-area2 a.on{color:#000; border:1px solid #000; border-bottom:none; background:#fff;}

/* 아코디언 콘텐츠 */
.fold-info a{position:relative; display:block; width:100%; height:50px; padding:0 15px; font-family:"NotoSans-Bold"; color:#fff; font-size:15px; line-height:49px; background:#555;}
.fold-info a img{position:absolute; top:20px; right:15px; width:18px; transition:all 0.5s ease;}
.fold-info .info-con{width:100%; padding:27px 15px; background:#fff;}
.fold-info.on a img{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); transition:all 0.5s ease;}

/* 휴대폰 인증 */
.get-p-certi .p-num-input{overflow:hidden;}
.get-p-certi .p-num-input select{float:left; width:67px;}
.get-p-certi .p-num-input input{float:left; padding-right:30px; width:100%; border-left:none;}
.get-p-certi .p-num-input input:focus{border:2px solid #23b8bc;}
.get-p-certi .p-num-input .input-area-x{position:relative; display:inline-block; width:calc(100% - 67px);}
.get-p-certi .certi-n-input{display:none;}
.get-p-certi .certi-n-input .re-num-area{display:block; width:calc(100% - 70px); float:left; margin-top:0;}
.get-p-certi .certi-n-input .re-num-area input{}
.get-p-certi .certi-n-input button.gray{float:left; width:70px;}
.get-p-certi .certi-n-input .noti-area{clear:both; padding-top:5px; margin-bottom:15px;}
.get-p-certi .certi-n-input .noti-area p{margin-bottom:10px;}
.get-p-certi .certi-n-input .noti-area p:last-child{margin-bottom:0;}
.get-p-certi .btn-yellow{display:none;}

/* 인증번호 입력 */
.re-num-area{display:none; position:relative; margin-top:10px;}
.re-num-area input{padding-right:65px; font-family:"NotoSans-Light"; color:#333; font-size:14px;}
.re-num-area .time{position:absolute; right:10px; top:19px; padding-right:16px; font-family:"NotoSans-Bold"; color:#888; font-size:13px; background:url(/common/app/img/ico_clock.png) right center no-repeat; background-size:13px;}

/* 핀번호, 비밀번호 입력 */
.pin-input{height:16px;}
.pin-input p{position:relative; display:inline-block; width:15px; height:15px; margin-right:9px; vertical-align:middle; line-height:14px;}
.pin-input p.on{background:#23b8bc; border-radius:18px; text-indent:-9999px; font-size:0;}
.pin-input p.ing{font-family:"NotoSans-Bold"; color:#000; font-size:15px;}
.pin-input p:last-child{margin-right:0;}

/* 목록 스타일 */
.txt-list.type1{text-align:left;}
.txt-list.type1 li{margin-bottom:22px; padding-left:13px; font-size:15px; line-height:20px; word-break:keep-all; background:url(/common/app/img/list_bullet_icon.jpg) left 8px no-repeat; background-size:3px;}
.txt-list.type1 li:last-child{margin-bottom:0;}
.txt-list.type1.no-dot li{margin-bottom:15px; padding-left:17px; text-indent:-17px; background:none;}
.txt-list.type1.no-dot li span{color:#333;}

/* 체크박스 */
.chk-type1{margin-right:28px;}
.chk-type1:last-child{margin-right:0;}
.chk-type1 input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom:0; padding-right:2px; width:16px; height:16px; background:url(/common/app/img/app_check2.png) 0 0 no-repeat; background-size:auto 16px; border:none;}
.chk-type1 input[type="checkbox"]:checked{background:url(/common/app/img/app_check2_on.png) 0 0 no-repeat; background-size:auto 16px;}
.chk-type1 label{padding-left:8px; color:#333; font-size:13px;}

/* 라디오박스 */
.rad-type1{margin-right:28px;}
.rad-type1:last-child{margin-right:0;}
.rad-type1 input[type="radio"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom:0; padding-right:2px; width:18px; height:18px; background:url(/common/app/img/app_radio_check.png) 0 0 no-repeat; background-size:auto 18px; border:none;}
.rad-type1 input[type="radio"]:checked{background:url(/common/app/img/app_radio_check_on.png) 0 0 no-repeat; background-size:auto 18px;}
.rad-type1 label{padding-left:8px; color:#333; font-size:15px;}

/* 선택 버튼 */
.cho-two-btn{margin-bottom:15px; overflow:hidden; border:1px solid #555; border-radius:4px;}
.cho-two-btn a{display:block; float:left; width:50%; height:50px; font-family:"NotoSans-Bold"; color:#333; font-size:15px; line-height:49px; text-align:center; background:#fff;}
.cho-two-btn a:first-child.on{border-radius:0 4px 4px 0;}
.cho-two-btn a:last-child.on{border-radius:4px 0 0 4px;}
.cho-two-btn a.on{color:#fff; background:#555; border-radius:3px;}
.cho-two-btn.opt1 a{width:100%;}

/* alert Pop */
.alert-wrap{display:none; position:fixed; top:0; z-index:1000; width:100%; height:100%; background:rgba(255,255,255,0.7);}
.alert-wrap .alertPop{position:absolute; top:0; left:0; width:100%; background:#23b8bc;}
.alert-wrap .alertCont{text-align:left; padding:15px 3%;}
.alert-wrap .alertCont .alertTit{position:relative; padding-left:30px; font-family:"NotoSans-Light"; font-size:12px; color:#fff; line-height:18px;}
.alert-wrap .alertCont .alertTit:before{content:""; display:block; width:15px; height:15px; background:url("/common/app/img/ico_alert_noti.png") no-repeat 0 0; background-size:15px; position:absolute; top:3px; left:0;}
.alert-wrap .alertCont .alertTit .tit{font-size:14px;}
.alert-wrap .alertCont .alertTit .boldTxt{font-family:"NotoSans-Bold";}
.alert-wrap .alertClose{width:100%; border-top:1px solid #fff; text-align:right; padding:15px 3%;}
.alert-wrap .alertClose a{color:#fff; font-size:13px; font-family:"NotoSans-Bold"; display:inline-block; margin-left:15px;}

/* 토글버튼 */
.toggle-btn{display:inline-block; padding-right:5px; width:69px; height:28px; font-family:"NotoSans-Black"; color:rgba(0,0,0,0.6); font-size:13px; text-align:right; line-height:27px; background:url(/common/app/img/toggle_btn.png) 0 0 no-repeat; background-size:69px 28px;}
.toggle-btn.on{padding:0 0 0 10px; color:#fff; text-align:left; background:url(/common/app/img/toggle_btn_on.png) 0 0 no-repeat; background-size:69px 28px;}

/* 에러페이지 */
.error-con{padding:45px 0; text-align:center;}
.error-con .pop-txt-st{padding-top:97px; background:url(/common/app/img/ico_nodata.gif) center top no-repeat; background-size:80px;}
.error-con .red-txt{margin:28px 0 20px;}
.p-error{position:relative; height:100%;}
.p-error .p-error-txt{width:100%; text-align:center; position:absolute; top:47%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); /*padding:40px 0;*/}
.p-error .p-error-txt .tit{margin-bottom:10px; padding-top:96px; font-family:"NotoSans-Bold"; color:#333; font-size:19px; line-height:25px; background:url(/common/app/img/ico_nodata_no_bd.png) center top no-repeat; background-size:80px;}
.p-error .p-error-txt .txt{font-size:13px; line-height:19px;}
.p-error .p-error-txt .txt p{margin-bottom:10px;}
.p-error .p-error-txt .txt p:last-child{margin-bottom:0;}
.p-error .inquiry-top{background:none;}

/* no-result 결과없음 */
.no-result p{padding-top:100px; color:#333; font-size:15px; text-align:center; background:url(/common/app/img/ico_nodata.gif) center top no-repeat; background-size:80px;}

/* 상단 아이콘 회색 배경 */
.top-gray-area{padding:40px 0 15px; text-align:center; background:#f5f5f5;}
.top-gray-area .txt{padding-top:100px; color:#333; font-size:15px; line-height:22px;}
.top-gray-area .plz-chk{margin-top:35px; font-family:"NotoSans-Bold"; color:#333; font-size:15px;}
.border-ico{text-align:center; padding-top:60px;}
.border-ico .txt{padding-top:100px; color:#333; font-size:15px; background:url(/common/app/img/ico_moggozi.png) center 0 no-repeat; background-size:80px;}

.info-item li{width:100%; color:#333; background:#fff; border-bottom:1px solid #e8e8e8;}
.info-item li:first-child{border-top:1px solid #e8e8e8;}
.info-item li:last-child{border-bottom:0;}
.info-item li.no-border-bt{border-bottom:0;}
.info-item li .tcell{display:table; width:100%;}
.info-item li .tcell div{display:table-cell; padding:18px 0; vertical-align:middle;}
.info-item li .tcell div:nth-child(1){min-width:78px; padding-left:3%; word-break:keep-all;}
.info-item li .tcell div:nth-child(1) span{padding-left:2px; color:#ff5252; vertical-align:middle;}
.info-item li .tcell div:nth-child(2){min-width:50px; padding-right:3%; color:#666; text-align:right; line-height:22px;}
/* .info-item li .tcell.on div:nth-child(2) p{transform: rotate(180deg);} */
.info-item li .tcell a.arr_icon{display:inline-block; width:15px; height:11px; vertical-align:middle;}
.info-item + .noti-area{padding:15px 3%; border-top:1px solid #d8d8d8;}
.info-item + .noti-area.red{border-top:0;}
.info-item + .noti-area.red p{color:#ff5252; text-indent:-16px; padding-left:16px;}

/* 약관 동의 */
.total-m-agree .info-item > li{background:#fff;}
.total-m-agree .info-item > li.border-d8{border-bottom:1px solid #d8d8d8;}
.total-m-agree .info-item > li .tcell a{font-family:"NotoSans-Black"; color:#999; font-size:13px;}
.total-m-agree .info-item > li .tcell a.on{color:#333;}
.total-m-agree .info-item > li .tcell span{display:block;}
.total-m-agree .info-item > li .tcell span input{display:inline-block; vertical-align:middle;}
.total-m-agree .info-item > li .tcell span label{display:inline-block; vertical-align:middle; width:80%; line-height:18px;}
.total-m-agree .info-item > li .accor-con, .total-m-agree .info-item > li .accor-con2{padding:20px 3% 15px; background:#ddd;}
.total-m-agree .info-item > li .accor-con div, .total-m-agree .info-item > li .accor-con2 div{margin-bottom:10px;}
.total-m-agree .info-item > li .accor-con div:last-child, .total-m-agree .info-item > li .accor-con2 div:last-child{margin-bottom:0}
.total-m-agree .info-item > li .accor-con div .tit, .total-m-agree .info-item > li .accor-con2 div .tit{margin:15px 0 7px; color:#333; font-size:13px;}
.total-m-agree .info-item > li .accor-con div .tit:nth-child(1), .total-m-agree .info-item > li .accor-con2 div .tit:nth-child(1){margin-top:0;}
.total-m-agree .info-item > li .accor-con div .txt, .total-m-agree .info-item > li .accor-con2 div .txt{font-family:"NotoSans-Light"; font-size:13px; line-height:18px;}
.total-m-agree .info-item > li .accor-con div ul li, .total-m-agree .info-item > li .accor-con2 div ul li{margin-bottom:4px; padding-left:8px; font-family:"NotoSans-Light"; font-size:13px; line-height:18px; text-indent:-8px;}
.total-m-agree .info-item > li .accor-con div ul li:last-child, .total-m-agree .info-item > li .accor-con2 div ul li:last-child{margin-bottom:0;}

/* 충전,전환 방법 */
.charge-w .chrge-term{margin-bottom:40px;}
.charge-w .chrge-term:last-child{margin-bottom:0;}
.charge-w .charge-point .point-input{position:relative;}
.charge-w .charge-point .point-input input{padding-right:30px;}
.charge-w .charge-point .point-input p{position:absolute; right:10px; top:18px; color:#333; font-size:15px;}
.charge-w .charge-expect .expect-point{font-family:"Montserrat-Regular"; color:#666; font-size:24px; text-align:right;}
.charge-w .charge-expect .expect-point span{font-family:"Montserrat-Bold"; font-size:32px;}
.charge-w .auto-charge-info{margin-bottom:24px;}
.charge-w .auto-charge-info .tit{margin-bottom:9px; color:#333; font-size:15px;}
.charge-w .auto-charge-info .txt{font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.charge-w .cho-point .point-table{overflow:hidden; border:1px solid #333;}
.charge-w .cho-point .point-table a{display:block; float:left; width:25%; height:50px; font-family:"Montserrat-Regular"; color:#333; font-size:14px; text-align:center; line-height:49px; border-right:1px solid #333;}
.charge-w .cho-point .point-table a:last-child{border-right:none;}
.charge-w .cho-point .point-table a.on{color:#fff; background:#333;}
.charge-w .last-cg-date{margin-bottom:25px; font-size:14px;}

.cell-list{display:table; width:100%; padding:15px 3%; background:#fff; border-bottom:1px solid #e8e8e8;}
.cell-list:nth-of-type(1){border-top:1px solid #e8e8e8;}
.cell-list div{display:table-cell;}
.cell-list .right{text-align:right; font-family:"Montserrat-Regular";}
.cell-list .right span{font-family:"Montserrat-Bold";}

/* 은행 선택 */
.cho-bank{margin-top:10px;}
.cho-bank .tit{margin:10px 0; color:#333; font-size:15px;}
.cho-bank button{margin-top:5px;}
.cho-bank button.authorized{display:none;}
.cho-bank .bank-cho-btn{display:block; height:50px; padding-left:10px; color:#333; font-size:13px; line-height:49px; background:#fff url(/common/app/img/ico_selbox.png) right 10px center no-repeat; background-size:9px; border:1px solid #ddd;}

/*  비활성화  */
.authorized .bank-cho-btn{pointer-events: none; color:#999; background:#e2e2e2 url(/common/app/img/ico_selbox_nonactive.png) right 10px center no-repeat; background-size:9px;}
.authorized input{font-family:"NotoSans-Light"; color:#999; background:#e2e2e2; pointer-events:none;}
.authorized input[value]{display:block;}
.authorized button.get-certi{display:none;}
.authorized button.authorized{display:block;}
.authorized select{color:#999; pointer-events:none; background:#e2e2e2 url(/common/app/img/ico_selbox_nonactive.png) right 10px center no-repeat; background-size:9px;}

/* 첨부파일 */
.file-attach-area{overflow:hidden; margin-top:30px;}
.file-attach-area a{display:inline-block; float:left; margin:0 3px 5px 0; padding:5px 10px; font-family:"NotoSans-Light"; font-size:13px; color:#222; border:1px solid #000; border-radius:50px; background:#fff; letter-spacing:-1px; line-height:13px;}
.file-attach-area a span{display:inline-block; padding-left:20px; background:url("/common/app/img/attachArea_clip.png") no-repeat 0 0;}


/* 메인개편2 */
#header.main{background:#9fd5fb;}
#header.main.main-new{background:#fff;}
#header .gnb-btn{position:absolute; top:0; right:-5px; width:28px; height:45px; background:url("/common/app/img/new2/app_header_gnbBtn.png") no-repeat 4px 15px; background-size:18px 14px;}
#header h1.logo img{position:relative; top:0;}