@charset "utf-8";
@import url('iconfont/intaefont/style.css');
@import url('iconfont/shinhan-iconfont/style.css');


html.scrollDisable{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}
body{margin:0;padding:0;font-size:0;}


/*____________________________ Layout ____________________________*/
#page-wrapper{position:relative;width:100%;margin:0 auto;overflow:hidden;font-size:15px;font-weight:400;line-height:1.5em;background:#fff;color:#2B353F;}
#wrapper{width:100%;margin:0;padding:0;overflow:hidden;}
#wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#wrapper > .flexCenter{}
#container{position:relative;padding:0px;min-height:400px;}
#container:after{display:block;visibility:hidden;clear:both;content:""}
#footer{width:100%;position:relative;overflow:hidden;font-size:14px;}
#footer #fmenu{background:#CDD2DC;color:#515C6F;font-weight:500;height:38px;display:flex;align-items:center;justify-content:center;}
#footer #fmenu a:not(:first-child):before{content:'';display:inline-block;width:1px;height:10px;background:#515C6F;margin:0 0.5em;}
#footer .copyright{padding:20px 25px;background:#E4E7EE;color:#515C6F;}
#footer .copyright h6{font-weight:600;}
#footer .copyright .ul-flex{margin-top:10px;}
#footer .copyright .ul-flex li{display:flex;align-items:center;}
#footer .copyright .ul-flex li .label{color:#9CA0A8;width:150px}
#footer .copyright .bottom{margin-top:15px;padding-top:15px;border-top:1px solid #CDD2DC;text-align:center;}
#footer .copyright .bottom .tel{color:#7082EA;display:inline-flex;align-items:center;justify-content:center;}
#footer .copyright .bottom .tel:before{content:'\e9b2';font-family:'intaefont';font-size:13px;}

.container{width:100%;position:relative;padding:25px;}
.container:after{display:block;visibility:hidden;clear:both;content:""}
.container.bg{background:#F5F6F8;}
.container.nopadding{padding:0;}


/*____________________________ 공통 ____________________________*/
h1{font-size:1.55em;font-weight:500;line-height:1.5em;}
h2{font-size:1.4em;font-weight:500;line-height:1.5em;}
h3{font-size:1.32em;font-weight:500;line-height:1.5em;}
h4{font-size:1.15em;font-weight:600;line-height:1.5em;}
h5{font-size:1.03em;font-weight:600;line-height:1.5em}
h6{font-size:1em;font-weight:500;line-height:1.5em}
.h1{font-size:1.4em;font-weight:500;}
.h2{font-size:1.24em;font-weight:500;}
.h3{font-size:1.2em;font-weight:500;}
.h4{font-size:1.1em;font-weight:400;}
.h5{font-size:1.02em;font-weight:600;}
.h6{font-size:0.95em;font-weight:400;line-height:1.5em;}


/* fontColor */
.color-blue{color:#7082EA;}
/*.color-yellow{color:#fff600;}
.color-red{color:#f24141;}
.color-black{color:#252525;}
.color-gray{color:#727272;}
.color-green{color:#5dcc8e;}
.color-pointColor{color:#ff3333;}*/

.bored{border:1px solid red;}
form{padding:0;margin:0;width:100%;}
img{max-width:100%;}
p{word-break:keep-all;}
p.small{font-size:0.95em;}


/* btnSet */
.btnSet{position:relative;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:20px}
.btnSet:after{display:block;visibility:hidden;clear:both;content:""}
.btnSet .btnSubmit,
.btnSet .btnOk,
.btnSet .btnCancel{flex:1;font-weight:500;height:50px;text-align:center;color:#fff;background:#5B7083;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;cursor:pointer;border-radius:6px;}
.btnSet .btnSubmit, .btnSet .btnOk{background:#4386F7;}
.btnSet .btnSubmit:hover .btnSet .btnOk:hover{background:#2E72E5;}


/* btn */
.btn.blue{background:#4386F7;}
.btn.purple{background:#7082EA;}
.btn.outline{background:#fff;color:#7082EA;border:1px solid #7082EA;}
.btn.round{border-radius:30px;}


.section-title{font-size:22px;font-weight:800;margin-bottom:0.8em;}




/*______________________________ header _______________________________*/
#header-main{width:100%;}
#header-main .logo{position:absolute;top:20px;left:25px;z-index:3;}
#header-main .logo img{width:115px;}
#header-main .logo p{font-size:30px;color:#3A84E7;font-family:'Spoqa Han Sans Neo', sans-serif;font-weight:800;letter-spacing:-0.06em;line-height:1.5em;}
#header-main .home{position:absolute;top:22px;right:60px;z-index:3;font-size:0;cursor:pointer;}
#header-main .home:before{content:'\e908';font-family:'shinhan-iconfont';font-size:22px;color:#fff;width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;}
#header-main .mainNavOpenner{position:absolute;top:22px;right:20px;z-index:3;font-size:0;cursor:pointer;}
#header-main .mainNavOpenner:before{content:'\e907';font-family:'shinhan-iconfont';font-size:20px;color:#fff;width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;}
#header-sub .mainNavOpenner{font-size:0;margin-left:auto;cursor:pointer;}
#header-sub .mainNavOpenner:before{content:'\e907';font-family:'shinhan-iconfont';font-size:18px;width:36px;height:38px;display:inline-flex;align-items:center;justify-content:center;}

#mainNav{position:fixed;top:0;right:-100%;z-index:9;width:100%;height:100%;background:#F5F6F8;padding:35px 25px;}
#mainNav .mainNavCloser{position:absolute;top:25px;right:25px;z-index:3;font-size:0;cursor:pointer;}
#mainNav .mainNavCloser:before{content:'\e906';font-family:'shinhan-iconfont';font-size:24px;}
#mainNav .page-header{font-size:27px;font-weight:200;line-height:1.4em;}
#mainNav .page-header b{font-weight:700;}
#mainNav .page-body{margin-top:30px;}
#mainNav .gn{font-size:14px;font-weight:normal;padding-bottom:30px;border-bottom:1px solid #E3E3E3;width:100%;display:flex;align-items:center;justify-content:center;}
#mainNav .gn li:not(:first-child){margin-left:50px;}
#mainNav .gn li a{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#mainNav .gn .icon-notice:before{content:'';width:30px;height:34px;background:url('../img/icon/icon-notice.png') no-repeat;background-size:100%;margin-bottom:5px;}
#mainNav .gn .icon-info:before{content:'';width:30px;height:33px;background:url('../img/icon/icon-info.png') no-repeat;background-size:100%;margin-bottom:5px;}
#mainNav .gn .icon-qna:before{content:'';width:30px;height:29px;background:url('../img/icon/icon-qna.png') no-repeat;background-size:100%;margin-bottom:5px;}

#mainNav .menu{margin-top:25px;}
#mainNav .menu li{margin-bottom:15px;}
#mainNav .menu li a{display:flex;align-items:center;height:50px;font-size:17px;}
#mainNav .menu li a .thin{font-weight:200;margin-left:5px;}
#mainNav .menu li a:before{content:'';width:45px;margin-right:10px;}
#mainNav .menu li a.icon-dessert:before{height:100%;background:url('../img/icon/icon-dessert-mini.svg') no-repeat;background-size:100%;}
#mainNav .menu li a.icon-beauty:before{height:100%;background:url('../img/icon/icon-beauty-mini.svg') no-repeat;background-size:100%;}
#mainNav .menu li a.icon-watching:before{height:100%;background:url('../img/icon/icon-watching-mini.svg') no-repeat;background-size:100%;}
#mainNav .menu li a.icon-audiobook:before{height:100%;background:url('../img/icon/icon-audiobook-mini.svg') no-repeat;background-size:100%;}
#mainNav .menu li a.icon-music:before{height:100%;background:url('../img/icon/icon-music-mini.svg') no-repeat;background-size:100%;}
#mainNav .menu li a:after{margin-left:auto;content:'\e902';font-family:'shinhan-iconfont';font-size:15px;color:#7C7F82;}

#header-sub{position:fixed;top:0;left:0;z-index:6;width:100%;height:50px;padding:0 10px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid rgba(71,78,103,0.15);}
#header-sub .header-title{display:inline-block;word-break:keep-all;font-size:19px;font-weight:400;line-height:1em;}
#header-sub .history-back{font-size:0;margin-right:auto;cursor:pointer;}
#header-sub .history-back:before{content:'\e900';font-family:'intaefont';font-size:18px;width:28px;height:38px;display:inline-flex;align-items:center;justify-content:center;}
#header-sub .home{position:absolute;top:5px;right:46px;z-index:3;font-size:0;cursor:pointer;}
#header-sub .home:before{content:'\e908';font-family:'shinhan-iconfont';font-size:21px;width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;}
#header-sub .subNavOpenner{font-size:0;margin-left:auto;cursor:pointer;}
#header-sub .subNavOpenner:before{content:'\e907';font-family:'shinhan-iconfont';font-size:18px;width:36px;height:38px;display:inline-flex;align-items:center;justify-content:center;}
#subNav{position:fixed;top:0;right:-100%;z-index:9;width:100%;height:100%;background:#F5F6F8;padding:35px 25px;}
#subNav .subNavCloser{position:absolute;top:25px;right:25px;z-index:3;font-size:0;cursor:pointer;}
#subNav .subNavCloser:before{content:'\e906';font-family:'shinhan-iconfont';font-size:24px;}
#subNav .page-header{font-size:27px;font-weight:200;line-height:1.4em;}
#subNav .page-header b{font-weight:700;}
#subNav .page-body{margin-top:40px;}
#subNav .menu .menu-header{display:flex;align-items:center;justify-content:center;}
#subNav .menu .menu-header .sub-title{font-size:21px;line-height:16px;}
#subNav .menu .menu-header .sub-title small{font-size:11px;}
#subNav .menu .menu-header .link{font-size:14px;font-weight:600;color:#6884EF;margin-left:auto;}
#subNav .menu .menu-header .link:after{content:'\e904';font-family:'shinhan-iconfont';font-size:12px;font-weight:normal;margin-left:7px;}
#subNav .menu ul{width:100%;margin-top:20px;}
#subNav .menu li{margin-bottom:17px;}
#subNav .menu li a{display:flex;align-items:center;height:54px;padding:0 15px;background:#fff;border-radius:3px;box-shadow:0 8px 15px #E1E5EB;font-size:15px;}
#subNav .menu li a .thin{font-weight:200;margin-left:5px;}
#subNav .menu li a:before{content:'';margin-right:10px;}
#subNav .menu li a.icon-mypick:before{width:31px;height:21px;background:url('../img/icon/icon-mypick.png') no-repeat;background-size:100%;}
#subNav .menu li a.icon-plus:before{width:31px;height:21px;background:url('../img/icon/icon-plus.png') no-repeat;background-size:100%;}
#subNav .menu li a.icon-lifeCare:before{width:28px;height:28px;background:url('../img/icon/icon-lifecare.png') no-repeat;background-size:100%;}
#subNav .menu li a.icon-myCoupon:before{width:31px;height:21px;background:url('../img/icon/icon-myCoupon.png') no-repeat;background-size:100%;}
#subNav .menu li a:after{margin-left:auto;content:'\e904';font-family:'shinhan-iconfont';font-size:14px;color:#7C7F82;}

#subNav .gn{margin-top:40px;padding-top:20px;border-top:1px solid #E3E3E3;width:100%;}
#subNav .gn li a{font-size:14px;font-weight:500;display:flex;align-items:center;padding:12px 0;}
#subNav .gn .icon-notice:before{content:'';width:28px;height:32px;background:url('../img/icon/icon-notice.png') no-repeat;background-size:100%;margin-right:12px;}
#subNav .gn .icon-info:before{content:'';width:28px;height:31px;background:url('../img/icon/icon-info.png') no-repeat;background-size:100%;margin-right:12px;}
#subNav .gn .icon-qna:before{content:'';width:28px;height:27px;background:url('../img/icon/icon-qna.png') no-repeat;background-size:100%;margin-right:12px;}
#subNav .gn li a:after{margin-left:auto;content:'\e902';font-family:'shinhan-iconfont';font-size:15px;color:#7C7F82;}




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> main >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#main{}
#main ul.pick-pack{}
#main .pick-pack:after{display:block;visibility:hidden;clear:both;content:""}
#main .pick-pack li{float:left;position:relative;font-size:15px;font-weight:500;width:calc(50% - 7px);height:125px;padding-bottom:10px;border-radius:8px;background:#fff;margin-bottom:14px;box-shadow:0 8px 15px #E1E5EB;
	display:inline-flex;align-items:center;justify-content:center;text-align:center;}
#main .pick-pack li:nth-child(2n){margin-left:14px;}
#main .pick-pack li:before{content:'미가입';position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:400;color:#fff;height:18px;padding:0 6px;background:#B1B4B7;border-radius:10px;}
#main .pick-pack li.live:before{content:'이용중';background:#4386F7;}
#main .pick-pack li.not{padding:0;}
#main .pick-pack li.not:before{content:'준비중';background:#FE5F8C;width:54px;border-radius:3px;top:50%;left:50%;margin-left:-27px;margin-top:-20px;}

#main .pick-pack li [class^='icon-']{text-align:center;line-height:1em;}
#main .pick-pack li [class^='icon-']:before{content:'';display:block;height:46px;margin:0 auto 7px auto;}
#main .pick-pack li .icon-dessert:before{width:44px;background:url('../img/icon/icon-dessert.png') no-repeat;background-size:100%;}
#main .pick-pack li .icon-beauty:before{width:40px;background:url('../img/icon/icon-beauty.png') no-repeat;background-size:100%;}
#main .pick-pack li .icon-watching:before{width:59px;background:url('../img/icon/icon-watching.png') no-repeat;background-size:100%;}
#main .pick-pack li .icon-music:before{width:30px;background:url('../img/icon/icon-music.png') no-repeat;background-size:100%;}
#main .pick-pack li .icon-audiobook:before{width:57px;background:url('../img/icon/icon-audiobook.png') no-repeat;background-size:100%;}
#main .pick-pack li .thin{font-weight:200;margin-left:5px;}
#main .pick-pack li .detail-view{position:absolute;bottom:0;left:0;background:#B1B4B7;height:28px;color:#fff;width:100%;font-size:13px;font-weight:400;line-height:1em;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
#main .pick-pack li .detail-view:after{content:'\e90d';font-family:'intaeFont';font-size:9px;margin-left:6px;}

#main .pick-pack li.live .icon-dessert:before{background-image:url('../img/icon/icon-dessert-live.png');}
#main .pick-pack li.live .icon-beauty:before{background-image:url('../img/icon/icon-beauty-live.png');}
#main .pick-pack li.live .icon-watching:before{background-image:url('../img/icon/icon-watching-live.png');}
#main .pick-pack li.live .icon-music:before{background-image:url('../img/icon/icon-music-live.png');}
#main .pick-pack li.live .icon-audiobook:before{background-image:url('../img/icon/icon-audiobook-live.png');}
#main .pick-pack li.live .detail-view{background:#7082EA;}

#main .promotion{font-size:15px;font-weight:600;height:80px;border-radius:8px;background:#fff;margin-bottom:14px;box-shadow:0 8px 15px #E1E5EB;padding:0 20px;display:flex;align-items:center;}
#main .promotion:before{content:'';display:inline-block;width:45px;height:49px;background:url('../img/icon/icon-promotion.png') no-repeat;background-size:100%;margin-right:15px}
#main .promotion .detail-view{margin-left:auto;height:34px;background:#7082EA;color:#fff;padding:0 15px;font-size:13px;font-weight:500;line-height:1em;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;}
#main .promotion .detail-view:after{content:'\e919';font-family:'intaeFont';font-size:9px;margin-left:6px;}

#main .promotion2{font-size:15px;font-weight:600;height:80px;border-radius:8px;background:#fff;margin-bottom:14px;box-shadow:0 8px 15px #E1E5EB;padding:0 20px;display:flex;align-items:center;}
#main .promotion2:before{content:'';display:inline-block;width:45px;height:49px;background:url('../img/icon/event2.png') no-repeat;background-size:100%;margin-right:15px}
#main .promotion2 .detail-view{margin-left:auto;height:34px;background:#EE6D8C;color:#fff;padding:0 15px;font-size:13px;font-weight:500;line-height:1em;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;}
#main .promotion2 .detail-view:after{content:'\e919';font-family:'intaeFont';font-size:9px;margin-left:6px;}

#main .event-list li{position:relative;overflow:hidden;font-size:18px;font-weight:600;min-height:90px;border-radius:8px;background:#fff;margin-bottom:14px;box-shadow:0 8px 15px #E1E5EB;padding:0 20px;
	background-repeat:no-repeat;background-position:right center;background-size:auto 100%;display:flex;align-items:center;}
#main .event-list li .thumb{position:absolute;top:0;right:0;z-index:2;max-height:100%;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> sub >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#sub{margin-top:50px;min-height:500px}
.top-visual + #sub{margin-top:0;min-height:auto}
.top-visual img{width:100%;}

.help-msg{font-size:14px;line-height:1.6em;}
hr{width:100%;height:0;border-top:1px solid #E3E3E3;}

.couponPack{align-items:center;justify-content:center;justify-content:space-between;align-items:stretch;padding-bottom:50px;}
.couponPack li{position:relative;display:inline-flex;flex-direction:column;padding:10px 15px 15px 15px;background:#fff;border-radius:3px;box-shadow:0 8px 15px #E1E5EB;font-size:12px;line-height:1.2em;font-weight:600;}

@media (max-width: 768px) {
	.couponPack{display:flex;}
}

.couponPack li:not(:nth-child(3n)){margin-right:12px;}
.couponPack li .title{margin-top:10px;text-align:center;font-size:11px;}
.couponPack li .title .thin{display:block;font-weight:200;}
.couponPack li:after{content:'';width:100%;height:6px;/*background:#6884EF;*/position:absolute;bottom:0;left:0;z-index:2;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.mypick .coupon-list{font-size:0;}
.mypick .coupon-list:after{display:block;visibility:hidden;clear:both;content:""}
.mypick .coupon-list li{float:left;position:relative;display:inline-block;width:33.33%;background:url('../img/coupon-box.png') center/cover;margin-bottom:10px;}
.mypick .coupon-list li:before{display:block;content:'';padding-top:126%}
.mypick .coupon-list li.active{background-image:url('../img/coupon-box-active.png');}
.mypick .coupon-list li.hide:after{content:'';display:block;position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;background:url('../img/coupon-box-cover.png') center/cover;}
.mypick .coupon-list li .con{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;text-align:center;font-size:14px;line-height:1.3em;}
.mypick .coupon-list li .con .thumb{height:44px;margin:15px auto 7px auto;display:inline-flex;align-items:center;justify-content:center;}
.mypick .coupon-list li .con img{max-height:100%;max-width:62px;}
.mypick .coupon-list li .con .brand{font-size:10px;margin-bottom:5px;}
.mypick .coupon-list li .con .subject{display:block;height:2em;display:flex;align-items:center;justify-content:center;}
.mypick .coupon-list li .con .date{font-size:10px;margin-top:6px;}

.plus .coupon-list{font-size:0;background:#E8EFFE;border-radius:8px;padding:20px 0;}
.plus .coupon-list:after{display:block;visibility:hidden;clear:both;content:""}
.plus .coupon-list li{float:left;position:relative;width:50%;text-align:center;}
.plus .coupon-list li a{font-size:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;}
.plus .coupon-list li a:before{content:'';width:76px;height:76px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;}
.plus .coupon-list li a.cart:before{background-image:url('../img/icon/icon-cart.png');background-size:40px 34px;margin-bottom:15px;}
.plus .coupon-list li a.market:before{background-image:url('../img/icon/icon-market.png');background-size:33px 34px;margin-bottom:15px;}
.plus .coupon-list li a.npay:before{background-image:url('../img/icon/icon-npay.png');background-size:30px 29px;margin-bottom:15px;}


.myCoupon .coupon-list{}
.myCoupon .coupon-list li{display:flex;align-items:center;}
.myCoupon .coupon-list li:not(:last-child){margin-bottom:25px;}
.myCoupon .coupon-list li .thumb{display:inline-flex;align-items:center;justify-content:center;margin-right:15px;width:68px;height:68px;border-radius:50%;overflow:hidden;border:1px solid #D2D2D2}
.myCoupon .coupon-list li .thumb img{max-width:48px;max-height:48px;}
.myCoupon .coupon-list li .con{flex:1;display:inline-flex;align-items:flex-start;flex-direction:column;font-size:14px;line-height:1.3em;}
.myCoupon .coupon-list li .con .tag{display:inline-flex;align-items:center;justify-content:center;font-size:9px;padding:0.1em 0.6em 0 0.6em;height:1.8em;border-radius:10px;background:#4386F7;color:#fff;margin-bottom:5px;}
.myCoupon .coupon-list li .con .brand{font-weight:200;}
.myCoupon .coupon-list li .con .subject{font-size:15px;font-weight:500;}
.myCoupon .coupon-list li .con .date{font-size:11px;font-weight:200;color:#5C6679;}





#couponView{}
#couponView header{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:17px;line-height:1.2em;margin-top:15px;margin-bottom:25px;}
#couponView header img{max-width:92px;max-height:70px;margin-bottom:15px;}
#couponView header .date{font-size:0.85em;font-weight:300;color:#5C6679}
#couponView .barCode{max-width:190px;margin:0 auto 25px auto;}
#couponView .btn{margin-top:15px;height:40px;font-size:14px;background:transparent;color:#7082EA;border:1px solid #7082EA;border-radius:20px;}
#couponView .codeNum{}
#couponView .codeNum li{margin:0 auto;width:200px;display:flex;align-items:center;justify-content:center;padding:5px 0;font-size:13px;font-weight:200;}
#couponView .codeNum li .cp-copy{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 10px;font-size:11px;color:#fff;background:#6884EF;border-radius:15px;}


.slide-toggle-wraper{width:100%;}
.slide-toggle-wraper .slide-toggle-list{width:100%;}
.slide-toggle-wraper .slide-toggle-list .slide-opener{width:100%;background:#fff;font-size:15px;font-weight:bold;padding:15px 30px 15px 20px;border-bottom:1px solid rgba(0,0,0,0.1);cursor:pointer;position:relative;}
.slide-toggle-wraper .slide-toggle-list .slide-opener .date{color:#515C6F;font-size:12px;font-weight:400;}
.slide-toggle-wraper .slide-toggle-list .slide-opener:after{content:'\e91b';font-family:'intaeFont';font-size:14px;color:#BEBEBE;font-weight:normal;position:absolute;top:0;right:10px;z-index:2;width:40px;height:100%;
	display:inline-flex;align-items:center;justify-content:center;}
.slide-toggle-wraper .slide-toggle-list.open .slide-opener:after{content:'\e91a';}
.slide-toggle-wraper .slide-toggle-list .slideCon{display:none;font-size:13px;line-height:1.6em;position:relative;z-index:2;padding:18px 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
.slide-toggle-wraper .slide-toggle-list:not(:first-child) .slide-opener{border-top:0;}

#faq.slide-toggle-wraper .slide-toggle-list .slide-opener:before{content:'Q';font-family:'Spoqa Han Sans Neo', sans-serif;font-weight:800;font-size:13px;color:#fff;background:#6884EF;border-radius:50%;width:22px;height:22px;
	display:inline-flex;align-items:center;justify-content:center;margin-right:5px;}
#faq.slide-toggle-wraper .slide-toggle-list .slideCon{position:relative;display:block;padding-left:52px;}
#faq.slide-toggle-wraper .slide-toggle-list .slideCon:not(.open){display:none;}
#faq.slide-toggle-wraper .slide-toggle-list .slideCon:before{content:'A';font-family:'Spoqa Han Sans Neo', sans-serif;font-weight:800;font-size:13px;color:#fff;background:#E34998;border-radius:50%;width:22px;height:22px;
	display:inline-flex;align-items:center;justify-content:center;margin-right:7px;position:absolute;top:20px;left:20px;}






.checkbox_group{font-size:16px;font-weight:600;color:#4B8FF0;margin-top:50px;padding:20px;background:#fff;border-radius:3px;box-shadow:0 8px 15px #E1E5EB}
.checkbox_group li{display:flex;align-items:center;margin-top:15px;font-size:13px;font-weight:400;color:#2B353F;}
.checkbox_group li a.detail-view{margin-left:auto;font-size:12px;}
.checkbox_group li a.detail-view:after{content:'\e919';font-family:'intaeFont';font-size:10px;margin-left:6px;}



/*─────────────── LAYER POPUP ───────────────*/
* {transition:filter;}
.mfp-bg.my-mfp-popup {background:rgba(0,0,0,0.8);}
.mfp-wrap{overflow-y:auto;}
.mfp-wrap:not(.my-mfp-popup) ~ *:not(.datepicker-container) {filter:blur(3px);}
.mfp-wrap:not(.my-mfp-view) .mfp-container{padding:0 15px;}
.mfp-wrap.my-mfp-view .mfp-container{padding:0;}
.mfp-wrap.my-mfp-view .mfp-container .layerPopup{margin:0 auto;background:#fff;padding-bottom:80px;}
.mfp-wrap.my-mfp-view button.mfp-close:before{color:#000;}

.mfp-wrap .mfp-content{position:relative;margin:0;width:auto;max-width:100%;}
button.mfp-close{position:fixed;right:5px;top:10px;z-index:999;text-align:center;font-size:0px;transition:all .2s ease-in-out;}
button.mfp-close:before{content:'\e911';font-family:'intaeFont';font-size:17px;color:#fff;font-weight:normal;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
button.mfp-close:hover, .button.mfp-close:focus{opacity:1;}
.mfp-wrap.mfp-close-btn-in button.mfp-close{position:absolute;top:0;right:0;opacity:0.9;}
.mfp-wrap.mfp-close-btn-in button.mfp-close:before{content:'\4c';font-size:15px;color:#fff;padding-bottom:0.1em;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
.mfp-wrap.mfp-close-btn-in button.mfp-close:hover, .mfp-wrap.mfp-close-btn-in .button.mfp-close:focus{opacity:1;}

.mfp-container .mfp-arrow{position:fixed;opacity:0.65;margin:0;top:50%;margin-top:-20px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;transition:all .15s ease-in-out;}
.mfp-container .mfp-arrow.mfp-arrow-left{left:0;}
.mfp-container .mfp-arrow.mfp-arrow-right{right:0;}
.mfp-container .mfp-arrow:active{margin-top:-20px;}
.mfp-container .mfp-arrow:hover{opacity:1;}
.mfp-container .mfp-arrow:before{content:'';font-family:'intaeFont';font-size:30px;color:#fff;display:inline-block;transition:all 0.4s cubic-bezier(0.1, 0.25, 0, 1.8);text-shadow:0 4px 2px rgba(0,0,0,0.2);}
.mfp-container .mfp-arrow.mfp-arrow-left:before{content:'\e90c';margin-left:-10px;}
.mfp-container .mfp-arrow.mfp-arrow-right:before{content:'\e90d';margin-right:-10px;}
.mfp-container .mfp-arrow.mfp-arrow-left:hover:before{margin-left:-25px;}
.mfp-container .mfp-arrow.mfp-arrow-right:hover:before{margin-right:-25px;}

.layerPopup{color:#1b1b1b;margin:60px auto;width:auto;min-width:360px;font-size:15px;font-weight:400;}
.layerPopup .pop-title{position:relative;z-index:4;width:100%;height:54px;padding:0 25px;font-size:17px;font-weight:600;display:flex;align-items:center;background:#000;color:#fff;border-top-left-radius:6px;border-top-right-radius:6px;}
.layerPopup .pop-title + .popcon-wrapper{border-top-left-radius:0;border-top-right-radius:0;}
.layerPopup .popcon-wrapper{padding:32px 25px;position:relative;font-size:16px;line-height:1.6em;background-color:#fff;border-radius:16px;box-shadow:0 5px 7px rgba(0,0,0,0.1);}
.layerPopup .popcon-wrapper .flex-min{min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;}

.layerPopup .btnSet{position:relative;margin-top:0;z-index:3;width:100%;display:flex;align-items:center;justify-content:center;}
.layerPopup .btnSet:before{content:'';position:absolute;top:-16px;left:0;display:block;width:100%;height:16px;background:#fff;}
.layerPopup .btnSet [class*='btn']{border-radius:0;}
.layerPopup .popcon-wrapper + .btnSet [class*='btn']:first-child{border-bottom-left-radius:16px;}
.layerPopup .popcon-wrapper + .btnSet [class*='btn']:last-child{border-bottom-right-radius:16px;}

.layerPopup img + .popcon-wrapper{border-radius:0;}
.layerPopup img + .popcon-wrapper + .btnSet [class*='btn']{border-radius:0 !important;}

.layerPopup .btnSet.fixed{position:fixed;bottom:0;left:0;width:100%;}


#pop-barCode.layerPopup{}
#pop-barCode button.mfp-close{position:absolute;right:0px;}
#pop-barCode button.mfp-close:before{content:'\e911';font-family:'intaeFont';font-size:17px;color:#000;font-weight:normal;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
#pop-barCode button.mfp-close:hover, .button.mfp-close:focus{opacity:1;}
#pop-barCode.layerPopup .popcon-wrapper{width:100%;height:100%;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.layerPopup .barCode-view{width:100%;height:100%;font-size:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.layerPopup .barCode-view .brand{max-width:50px;margin-bottom:10px;}
.layerPopup .barCode-view .subject{font-weight:600;}
.layerPopup .barCode-view .date{font-weight:400;color:rgba(0,0,0,0.6);}
.layerPopup .barCode-view .barCode-img{margin-top:10px;}


/* PC일때 */
@media screen and (min-width:790px) {
	#page-wrapper{max-width:780px;margin:0 auto;z-index:9;}
	#page-hidden{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;}
	#mainNav-wrap{position:fixed;top:0;left:50%;width:100%;height:100%;max-width:780px;margin-left:-390px;z-index:0;overflow:hidden;}
	#mainNav{position:absolute;top:0;right:-100%;z-index:12;}
	#header-sub{width:100%;max-width:780px;left:50%;margin-left:-390px;border-left:1px solid rgba(71,78,103,0.15);border-right:1px solid rgba(71,78,103,0.15);}
	#subNav-wrap{position:fixed;top:0;left:50%;width:100%;height:100%;max-width:780px;margin-left:-390px;z-index:0;overflow:hidden;}
	#subNav{position:absolute;top:0;right:-100%;z-index:12;}
	.mainNavOpenner:before{font-size:19px !important;}
	.subNavOpenner:before{font-size:19px !important;}
	
	
	#pop-barCode.layerPopup .popcon-wrapper{min-width:600px;}
}

@media screen and (min-width:500px) {
		
	.mypick .coupon-list li .con{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:14px;line-height:1.3em;}
	.mypick .coupon-list li .con .thumb{height:auto;margin:0px auto 12px auto;display:inline-flex;align-items:center;justify-content:center;}
	.mypick .coupon-list li .con img{max-height:60px;max-width:87px;}
	.mypick .coupon-list li .con .brand{font-size:11px;margin-bottom:5px;}
	.mypick .coupon-list li .con .subject{display:block;font-size:15px;font-weight:500;height:2em;display:flex;align-items:center;justify-content:center;}
	.mypick .coupon-list li .con .date{font-size:11px;margin-top:6px;color:rgba(53,57,69,0.6);}
	
	.myCoupon .coupon-list{margin-top:20px;}
	.myCoupon .coupon-list li:not(:last-child){margin-bottom:35px;}
	.myCoupon .coupon-list li .thumb{width:84px;height:84px;}
	.myCoupon .coupon-list li .thumb img{max-width:62px;max-height:62px;}
	.myCoupon .coupon-list li .con{font-size:14px;line-height:1.5em;}
	.myCoupon .coupon-list li .con .tag{font-size:10px;padding:0.1em 0.6em 0 0.6em;height:1.8em;}
	.myCoupon .coupon-list li .con .brand{font-weight:200;}
	.myCoupon .coupon-list li .con .subject{font-size:16px;font-weight:600;}
	.myCoupon .coupon-list li .con .date{font-size:11px;font-weight:200;color:#5C6679;}	
}

@media screen and (max-width:600px) {
	#pop-barCode.layerPopup{position:fixed;top:0;left:0;padding:50px 20px;width:100%;height:100%;max-width:460px;margin:0;}
	#pop-barCode button.mfp-close{right:24px;top:auto;bottom:50px;}
	.layerPopup .barCode-view{width:100%;height:100%;font-size:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg);}
}