@charset "utf-8";
/* uracle pjt-team */
@import "color.css";
@import "font.css";
@import "morpheus-reset.min.css";

/*
	CSS order:
	1. clear/display/position/z-index/overflow/float
	2. width/height
	3. margin/padding
	4. color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
	5. etc
	6. border/background
 */
 
html{font-size:62.5%;} /* rem 기준 폰트 사이즈 */
body{position:relative;min-height:100%;color:#444444;font-family: "NotoSansCJKkr", sans-serif;background: #ffffff;}
*{word-break:break-word;color:#444444;font-size:1.5rem;font-family: "NotoSansCJKkr", sans-serif;line-height:1.2;font-weight:normal;}

/* SIZE */
.w10p{width:10% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w90p{width:90% !important;}
.w100p{width:100% !important;}
.h10p{height:10% !important;}
.h20p{height:20% !important;}
.h30p{height:30% !important;}
.h40p{height:40% !important;}
.h50p{height:50% !important;}
.h60p{height:60% !important;}
.h70p{height:70% !important;}
.h80p{height:80% !important;}
.h90p{height:90% !important;}
/*.h100p{height:100% !important;}*/

.w-auto{width: auto !important;}

.pt0{padding-top: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pt10{padding-top: 1rem !important;}
.mt0{margin-top: 0 !important;}
.mt10{margin-top: 1rem !important;}
.mt20{margin-top: 2rem !important;}
.mt30{margin-top:3rem !important;}
.mt50{margin-top: 5rem !important;}
.mb0{margin-bottom: 0 !important;}

.wide{margin-left: -2.4rem;margin-right: -2.4rem;}

.scrollX{margin:0 -2.4rem;padding:0 2.4rem;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.mblock{font: inherit; color: inherit;}

.bg-y{background:#FFD300 !important;}
.bg-w{background:#fff !important;}
.bg-g{background-color: #f7f7f7 !important;}

.line-top{border-top: 1px solid #e5e5e5;}
.line-btm{border-bottom: 1px solid #d7d7d7;}
.under-line{text-decoration: underline !important;vertical-align: baseline;}
.noborder{border: none !important}

/*===  FONT ===*/
strong{vertical-align:baseline;}
.iht{font-size: inherit;font-weight: inherit;vertical-align: baseline;}
/*기본 regular / 500 medium / 700 bold */
.medium{font-weight:500 !important;}
/*.bold{font-weight:700 !important; }*/
/*기본적으로 NotoSansCJKkr 사용하고 있으나 card나 숫자만 단독으로 사용하는 경우 일부 Open Sans 사용하고있으니 참고 해주시기 바랍니다*/
.openfont{font-family: "Open sans" !important;font-weight:bold;}
.italic{font-style: italic !important;}
.kbfont{font-family:"KB" !important;}
/*color*/
.title, .black{color:#000000 !important;}
.subcolor, .gray{color:#666666 !important;}
.subcolor2, .lightgray{color:#999999 !important;}
.danger, .error, .guide, .red{color:#f53e50 !important;}
.info, .success, .blue{color:#1755da !important;}
.basic{color:#FFD300 !important;}
.basicsub{color:#FF612D !important;}
.gray-4{color: #444!important;}
.green{color:#00c658 !important;}
.yellow{color:#ffc40e !important;}

/*size*/
.type-kb{color:#000000;font-size:2rem;font-family:"KB";line-height: 2.6rem;}
.type-h1{color:#000000;font-size:2.6rem;font-weight:700;line-height:3.8rem;}
.type-h2{color:#444444;font-size:2.2rem;line-height:3rem;}
.type-h3{color:#000000;font-size:2rem;font-weight:700;line-height:2.6rem;}
button.type-h3{display:block;width:100%;text-align:left;}
.type-h4{color:#000000;font-size:1.8rem;font-weight:700;}
.type-h5{color:#000000;font-size:1.6rem;font-weight:700;line-height:2.2rem;}
.type-h6{color:#000000;font-size:1.5rem;font-weight:700;}
.type-default{color:#444444;font-size:1.5rem;line-height:2.2rem;}
.type-h7{color:#666666;font-size:1.3rem;line-height:1.8rem;}
.type-pay{color:#000000;font-size:1.4rem;font-weight:700;line-height:2rem;}
.type-status{color:#777;font-size:1.4rem;font-weight:700;line-height:1.4rem;}
.type-point{color:#ff612d;font-size:1.4rem;font-weight:700;line-height:1.4rem;}
.highlight{z-index:1;position:relative;color:#000000;font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:top;background-image: linear-gradient(to right, transparent 50%, #FFD300 50%);background-origin: 0;background-size: 200% 50%;background-repeat: repeat-x;background-position: 0 100%;background-position: -100% 100%;}
.sub{color:#666666;font-size:1.5rem;line-height:1.5rem;}
.sub-txt-gray{color: #666;font-size: 1.4rem;line-height: 1.43;}
.s-txt{font-size: 1.3rem;color: #000;}

.fs14{font-size: 1.4rem !important;}
.fs16{font-size: 1.6rem !important;}
.fs20{font-size: 2rem !important;}

.tag-wrap{font-size:0;margin: 0 -.6rem -1rem 0;}
.tag{display:inline-block;height:2.6rem;margin: 0 .6rem 1rem 0;padding:0 1.4rem;color:#666666;font-size:1.2rem;font-weight:700;line-height:2.6rem;background-color:#f1f1f1;border-radius:1.5rem;}
.tag.red{color: #666666 !important;background: #ffe0d7;}
/*.tag + .tag{margin-left:.6rem;}*/
.recom{display:inline-block;width:4.6rem;height:4.6rem;color:#000000;font-size:1.3rem;font-weight:700;text-align:center;line-height:4.6rem;border-radius:2.3rem;background-color:#FFD300}
.badge{display:inline-block;height:2rem;padding:0 1rem;color:#FF612D;font-size:1.2rem;font-weight:700;line-height:1.8rem;border-radius:1.5rem;border:1px solid #FF612D;}

.txt-blind{position:absolute;overflow:hidden;border:0;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);}

.tip-recom{min-height:2.6rem; margin-top:3rem; padding-left:3.6rem; font-size:1.4rem; color:#000; line-height:2rem; background:url(../img/common/ic-ic-second-info.svg) no-repeat 0 0;}
.txt-help{min-height:2.6rem; margin-top:3rem; padding-left:3.6rem; color:#666; line-height:2.2rem; background:url(../img/common/ic-ic-additional-type-2.svg) no-repeat 0 0;}
.ic-ttl{display: block;padding-left: 3.2rem;line-height: 2.6rem;font-size: 1.6rem;font-weight: bold;color: #000;}
.ic-txt{display: block;padding-left: 3.6rem;line-height: 1.47;}
.ic-ttl.noti, .ic-txt.noti{background: url(../img/common/ic-ic-second-info-exclamation.svg) no-repeat left top;background-size: 2.6rem auto;}
.ic-txt.noti{background-position: left top -.2rem;}
.ic-ttl.check{background: url(../img/common/ic-ic-second-check.svg) no-repeat 0 0;}

.state{display:inline-block !important; padding:0 1rem; height:2.6rem; line-height:2.6rem; color:#fff; font-size:1.4rem; font-weight:700; border-radius:1.4rem; background:#ddd; }
.state.state-green{background:#00c658;}
.state.state-yellow{background:#ffc40e;}
.state.state-red{background:#f53e50;}
.total-txt{font-size: 1.4rem;}

.d-day{display:inline-block; position:absolute; top:2rem; right:2rem; min-width:5.6rem; padding:0 0.6rem; text-align:center; color:#444; font-size:1.2rem; font-weight:700; line-height:1.8rem; border:1px solid #444; border-radius:1rem 1rem;}
.warning .d-day{min-width:5rem; font-family: "Open sans" !important; color:#ff612d; border-color:#ff612d;}
.complete .d-day{color:#fff; font-weight:500; border-color:#868686; background-color:#868686;}


/*===  TEMPLATE LAYOUT ===*/
body, .wrapper{height:100%;}
/*header*/
header{position:relative;z-index:1;width:100%;min-height:5.6rem;padding:0 5.4rem;}
header h1{color:#000000;font-family:"KB";font-size:2rem;line-height:5.6rem;text-align: center;}
.header h1.logo{text-align: left;font-size: 0;text-indent: -999rem;background: url('../img/main/img-logo-tit.svg')no-repeat left center;background-size:6.6rem auto;}
header .btn-head{position:absolute;bottom:0;width:5.4rem;height:5.6rem;font-size:0;text-indent:-999rem;}
.btn-head.back{background:url('../img/common/ic-ic-tit-back.svg') no-repeat;background-size:3rem auto;}
.btn-head.close{background:url('../img/common/ic-ic-tit-close.svg') no-repeat;background-size:3rem auto;}
.btn-head.alarm{background:url('../img/common/ic-ic-tit-alarm.svg') no-repeat;background-size:3rem auto;}
.btn-head.menu{background:url('../img/common/ic-ic-tit-menu.svg') no-repeat;background-size:3rem auto;}
.btn-head.share{background:url('../img/common/ic-ic-tit-share.svg') no-repeat;background-size:3rem auto;}
.btn-head.input{background:url('../img/common/btn-ic-management-mg-d-l.svg') no-repeat;background-size:3rem auto;}
.btn-head.timeline{background:url('../img/common/ic-ic-tit-chat-nodata.svg') no-repeat;background-size:3rem auto;}

.btn-head .badge{position: absolute;right: 2rem;top: 1.2rem;min-width: 1.4rem;height: 1.4rem;padding: 0 .2rem;color: #ffffff;font-size: 1.2rem;font-family: "Open sans" !important;font-weight:bold;text-indent: 0;line-height:1.4rem;text-align: center;vertical-align: middle;border-radius: .7rem;background-color: #ff612d;}
.btn-head.alarm .badge{min-width: 0;width: .6rem;height: .6rem;font-size: 0;text-indent: -999rem;border-radius: .3rem;}

.btn-head:first-child{left:0;background-position:right center;}
header h1 + .btn-head{right:5.4rem;width:5rem;background-position:left center !important;}
.btn-head:last-child{left:initial;right:0;background-position:left center !important;}

/*footer*/
footer{position:relative;z-index:1;width:100%;}
.nav-foot{width:100%;height:9rem;display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;padding-bottom:2rem;box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.08);background:#fff;}
.btn-foot{position: relative;display:block;width: 100%;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;color:#666666;font-size: 1.2rem;font-weight:500;}
.btn-foot.selected{font-weight:500;color:#FFD300;}
.btn-foot:before{content:'';display:block;width:100%;height:3rem;margin-bottom:.6rem;}
.btn-foot.home:before{background:url('../img/common/ic-ic-menu-home-disa.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot.myhealth:before{background:url('../img/common/ic-ic-menu-my-disa.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot.program:before{background:url('../img/common/ic-ic-menu-program-disa.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot.benefits:before{background:url('../img/common/ic-ic-menu-reward-disa.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot.home.selected:before{background:url('../img/common/ic-ic-menu-home-acti.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot.myhealth.selected:before{background:url('../img/common/ic-ic-menu-my-acti.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot.program.selected:before{background:url('../img/common/ic-ic-menu-program-acti.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot.benefits.selected:before{background:url('../img/common/ic-ic-menu-reward-acti.svg') no-repeat center center;background-size:auto 100%;}
.btn-foot .badge{position: absolute;top:-.5rem;left:calc(50% + 1.2rem);min-width: 1.6rem;height: 1.6rem;padding: 0 .1rem;color: #ffffff;font-family: 'Open Sans';font-weight: 700;line-height: 1.4rem;background: #ff612d;}


.footer > .btn-wrap:only-child{padding:2rem 2.4rem 3rem;}

.wrapper {width: 100%;height: 100%;position: relative;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;display:-ms-flexbox;-ms-flex-direction: column;}
.wrapper > * {position:relative;}
.content-wrap{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex: 1;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;display:-ms-flexbox;-ms-flex-direction: column;position:relative;z-index:1;}
.content-wrap > *{display: block;}
.content{position:relative;height:100%;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;padding:2rem 2.4rem 3rem;}
.wrapper.usefloat .content:after{content:'';display:block;width:100%;height:6rem;}
.content-wrap > .scrollBox{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex: 1;height:100% !important;}
.scrollBox {overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-x:hidden;}
.scrollBox > .vbox{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;display:-ms-flexbox;-ms-flex-direction: column;}
/*.content > *{display: block;}*/

.content .fullbox{min-height:100%;margin:0 -2.4rem;padding-top:2.4rem;}
.content .fullbox > .swiper > .swiper-wrapper > .swiper-slide{overflow:hidden;padding:0 2.4rem;}
.content .cal-wrap + .fullbox{min-height:calc(100% - 2.6rem - 6rem);/*padding-top: 0;*/}

.swiper-autoheight{min-height: 100%;}
.swiper-autoheight > .swiper-wrapper{min-height: 100%;}
/*.swiper-autoheight .swiper-slide{border: 1px solid red;}*/
/*.usefloat .content .cal-wrap + .fullbox{min-height:calc(100% - 2.6rem - 6rem);}*/

/*safe-area*/
header{padding-top: constant(safe-area-inset-top) !important; padding-top: env(safe-area-inset-top) !important;min-height:calc(5.6rem + constant(safe-area-inset-top));min-height:calc(5.6rem + env(safe-area-inset-top));}
footer{padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important;}
/*footer없는 경우*/
.content-wrap:last-child{padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important;} 

/*sticky 위치 조정*/
.sticky.fixed{position:fixed;left:0;right:0;top:5.6rem;padding:1rem 2.4rem;background:#fff;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode: both;-webkit-animation-name: slideDown;animation-name: slideDown;}
@-webkit-keyframes slideDown {from {top: 0;} to {top: 5.6rem;}}
@keyframes slideDown {from {top: 0;} to {top: 5.6rem;}}

/*===  POPUP LAYOUT ===*/
.popup-wrap{display: none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;}
.popup-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);}
.popup{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-pack:end;-webkit-box-align:end;-moz-box-pack:end;-moz-box-align:end;box-pack:end;box-align:end;}
.popup .popup-box{position:relative;display:block;width:100%;padding:2.4rem;background:#fff;border-top-left-radius:3rem;border-top-right-radius:3rem;}
.popup .pop-body{min-height:13.8rem;}
.popup .type-default{color:#000;}

.popup.popup-mid{-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;padding:0 3rem;text-align:center;}
.popup.popup-mid .popup-box{padding:3rem 2.6rem 2rem;border-radius:1.6rem;}
.popup.popup-mid .pop-body{width:100%;min-height:5.2rem;text-align:center;color:#000000;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;}
.popup.popup-mid .pop-body > *{display:block;line-height:2.6rem;}
.popup.popup-mid .pop-body .bold{font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:top;}
.popup.popup-mid .pop-body .sub{margin-top:1.2rem;}
.popup.popup-mid .pop-body + .pop-foot{margin-top:2rem;}

.popup-btm .pop-body{min-height: 10rem;max-height: calc(100vh - 18rem);overflow-x:hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;margin: 0 -2.4rem;padding: 0 2.4rem;}

.pop-head{min-height:2.6rem;padding-bottom:1rem;}
.pop-head .title{padding-right: 2.5rem;color:#222;font-size:1.6rem;line-height:2.2rem;font-weight:700;}
.pop-head .btn-close{position:absolute;right:0;top:0;width:5rem;height:5rem;font-size:0;text-indent:-999rem;background:url('../img/common/btn-ic-pop-close.svg') no-repeat left bottom;background-size:2.6rem auto;}
.pop-head .cal-wrap{padding-left: 0;padding-bottom: .3rem;text-align: left;}

.popup .btn-txt{height:4.4rem;box-shadow:none;}
.popup .btn-txt.gray{background-color:#eee;}
.popup.popup-btm .btn-txt{height:5.6rem;}

.pop-body.wide{padding: 0 2.4rem;}
.pop-body .select-button:first-child{margin-top: 2rem;}
.pop-body .cal-wrap + .fullbox{padding-top:2.4rem;}

.cal-wrap{position:relative;padding:0 2.6rem;font-size:0;text-align:center;}
.cal-wrap > *{display:inline-block;}
.cal-wrap .date{margin:0 2rem;color:#000;font-size:1.6rem;}
.cal-wrap .btn-cal{width:2.6rem;height:2.6rem;font-size:0;text-indent:-999rem;}
.cal-wrap .btn-cal:after{content:none;}
.btn-cal.prev{background:url('../img/common/btn-ic-arrow-con-prev.svg') no-repeat center center;background-size:100% auto;}
.btn-cal.next{background:url('../img/common/btn-ic-arrow-con-next.svg') no-repeat center center;background-size:100% auto;}
.btn-cal.prev:disabled{background:url('../img/common/btn-ic-arrow-con-prev-dim.svg') no-repeat center center;background-size:100% auto;}
.btn-cal.next:disabled{background:url('../img/common/btn-ic-arrow-con-next-dim.svg') no-repeat center center;background-size:100% auto;}
.cal-wrap .btn-showcal{position:absolute;right:0;top:0;width:3rem;height:3rem;font-size:0;text-indent:-999rem;background:url('../img/common/ic-con-calendar.svg') no-repeat center center;background-size:100% auto;}


/*===  BOX LAYOUT ===*/
.box{padding:2rem 2.4rem;}
.img-box > img{width: 100%;}
.icon-routine{width:3.6rem;height: 3.6rem;font-size: 3.6rem;line-height: 1;font-weight: 700;}

/*nodata*/
.nodata{width:100%;height:16rem;padding-top:10.3rem;color:#999;font-size:1.3rem;text-align:center;background:#f7f7f7 url(../img/content/info-none.svg)no-repeat center 4.3rem;background-size:5.2rem;border-radius:1.4rem;}
.nodata.type-img{background-image: url(../img/content/info-none-image.svg);}
.nodata-txt{padding:5rem 0;text-align: center;}

/*라운드 라인박스 ; 챠트  사용*/
.rnd-linebox{padding:3rem 2rem 2.4rem;text-align:center;border-radius:1.4rem;border:1px solid #ccc;}

/*라운드 쉐도우박스 */
.card-shadow {padding:2rem;border:1px solid transparent;border-radius:1.4rem;-webkit-box-shadow:0 .2rem 1.1rem 0 rgba(0, 0, 0, 0.16);box-shadow:0 .2rem 1.1rem 0 rgba(0, 0, 0, 0.16);}

/*라운드 박스 ; 숫자 등의 알림에서 사용*/
.roundbox{min-height:5.8rem;background:#fff8d9;border:1px solid #ffed94;border-radius:1.4rem;padding:2rem;text-align:center;}
.roundbox.no-bor{border:0;}
.roundbox.type-gray{background:#f7f7f7;}

/*.roundbox > *{display:block;}*/
.roundbox .data{display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width: 100%;padding:0 1.5rem;font-size:1.6rem;font-weight:700;text-align:center;}
.roundbox .data + .data{position:relative;}
.roundbox .data + .data:before{content:'';position:absolute;left:0;top:50%;width:1px;height:3rem;margin-top:-1.5rem;background:#cccccc;}
.roundbox .subtitle{color:#777;font-size:1.4rem;font-weight:700;text-align:left;}
.roundbox .data .subtitle{margin-bottom:1rem;font-weight: normal;text-align:center;}
.roundbox .data .openfont{font-size:2rem;font-weight:700;}
.roundbox .subtitle + .openfont{font-size: 1.8rem;}
.roundbox .subtitle.flex ~ .data{-webkit-box-flex:initial;-moz-box-flex:initial;box-flex:initial;}
.roundbox .subtitle + .data{padding-left: 0;}
.roundbox .data:first-child{padding-left:0;}
.roundbox .data:last-child{padding-right: 0;}
.roundbox .subtitle ~ .data{width: auto;}
.roundbox .data .right{margin: 0 -.8rem;}

.roundbox.type02{padding:0;}
.roundbox.type02 .data{padding:2rem 1rem;}
.roundbox.type02 .data:last-child{width: auto;min-width:7.5rem;-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0;flex-grow:0;border-left: 1px dotted #e5e5e5;}
.roundbox.type02 .data:last-child:before{content: none;}

.roundbox > .topdata{display:inline-block;width:100%;}
.roundbox > .topdata *{margin:0 .2rem;color:#666;vertical-align:baseline;}
.roundbox > .topdata .openfont{color:#000;font-size:2.2rem;}
.roundbox > .topdata + div,
.roundbox > div + .topdata{margin-top:1.2rem;}

.roundbox .subdata{position:relative;padding:0 .8rem;color:#444444;font-size:1.6rem;}
.roundbox .subdata + .subdata:before{content:'';position:absolute;left:0;top:50%;width:1px;height:1.2rem;margin-top:-.6rem;margin-left:-.3rem;background:#cccccc;}

.round-graybox{padding:1.6rem 2rem;border-radius: 1rem;background-color: #f7f7f7;}
.round-graybox li{width:100%;display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.round-graybox li > *{display:block;}
.round-graybox .title{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;color:#666 !important;font-size:1.5rem;line-height:2.6rem;}
.round-graybox .data{color:#000;font-size:1.5rem;line-height:2.6rem;}
.round-graybox button.data{font-weight:700; text-decoration:underline;}

/*section*/
.section{padding:0 2.4rem 6rem}
.section + .section{padding-top:6rem;border-top:8px solid #f1f1f1;}
.line-section{position: relative;padding-top: 5rem;padding-bottom: 4rem;}
.line-section + .line-section{margin-top: .8rem;}
.line-section + .line-section::before{content: '';display: block;position: absolute;width: calc(100% + 4.8rem);top: -.8rem;left: -2.4rem;height: .8rem;background-color: #f1f1f1;}
.line-section .type-h6{margin-bottom: 2rem;}
.line-section .type-h6 + .tbl-info,
.line-section .type-h6 + .tbl-wrap .tbl-info{margin-top: -1.5rem;}
.line-section .type-h6 + .tbl-info.type-short,
.line-section .type-h6 + .tbl-wrap .tbl-info.type-short{margin-top: -.8rem;}
.line-section > .ipt-wrap + .btn-select{margin-top: 3rem;}
.line-section .btn-next{padding-right: 2.3rem;font-weight: 500;font-size: 1.5rem;}
.line-section.top{padding-top: 0;padding-bottom: 4rem;}
.line-section.top .tbl-info td{font-weight: 700;}
.line-section.top-s{padding-top: 0;padding-bottom: 2rem;}

/*말풍선*/
.bubble{position: relative;display:inline-block;}
.bubble.type01{width:auto;min-width:10rem;height:auto;margin-bottom:1rem;padding:.8rem 1rem;color:#ff612d;font-size:1.3rem;font-weight:700;text-align:center;background:#fff;border:1px solid #ff612d;box-shadow: 0 2px 1.2rem 0 rgba(0, 0, 0, 0.2);border-radius:1.4rem;}
.bubble.type01:after{content:'';position:absolute;left:2rem;bottom:0;width:3rem;height:.75rem;background:#fff;}
.bubble.type01 .bubble-arrow{position: absolute;bottom: -.5rem;left: 2.5rem;width:1rem;height:1rem;-webkit-transform: rotate(45deg);background:#fff;border:1px solid #ff612d;box-shadow:0 2px 1.2rem 0 rgba(0, 0, 0, 0.2) ;}
.bubble.type02{width:auto;height:auto;min-height:5.6rem;margin-right:1rem;padding:1rem 1.8rem;color:#444;font-size:1.4rem;background:#fff;border:1px solid #ccc;box-shadow: 0 2px 1.2rem 0 rgba(0, 0, 0, 0.2);border-radius:3rem;}
.bubble.type02:after{content:'';position:absolute;right:0;top:50%;width:1.8rem;height:1.4rem;margin-top:-.7rem;background:#fff;}
.bubble.type02 .bubble-arrow{position: absolute;right: -.5rem;top:50%;width:1rem;height:1rem;margin-top:-.5rem;-webkit-transform: rotate(-45deg);background:#fff;border:1px solid #ccc;box-shadow:0 2px 1.2rem 0 rgba(0, 0, 0, 0.2) ;}

/*===  FORM LAYOUT ===*/
.select-button{overflow:hidden;position:relative;width:100%;height:5rem;}
.select-button + .select-button{margin-top: 1.6rem;}
.select-button input{position:absolute;width:1px;height:1px;}
.select-button label{position:relative;display:block;width:100%;height:100%;color:#000000;font-size:1.6rem;line-height:5rem;text-align:center;border-radius:2.5rem;background-color:#fff;border:1px solid #cccccc;}
.select-button input:checked + label{border:none;background:#FFD300 url('../img/common/btn-ic-btn-check.svg') no-repeat right 2rem center;background-size:3rem auto;}

.select-button.small{display:inline-block; width:auto; height:2.8rem;}
.select-button.small + .select-button.small{margin-top:0; margin-left:0.4rem;}
.select-button.small input{position:absolute;width:1px;height:1px;}
.select-button.small label{display:inline-block; width:auto; height:100%; min-width:6.4rem; color:#666; font-size:1.4rem; font-weight:700; line-height:2.6rem; text-align:center; border-radius:2.2rem; background-color:#fff; border:1px solid #cccc;}
.select-button.small input:checked + label{color:#000; border:1px solid #ffd300; background:#ffd300;}

/*placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999999;font-weight: 400;font-size: 1.6rem;}
.ipt-line-box{overflow: hidden;border: 1px solid #cccccc;border-radius: 1rem;}
.ipt-line-box label{display: block;padding: 0 1.4rem;margin-top: 1.5rem;color:#666666;font-size: 1.3rem;font-weight: 700;}
.ipt-line-box label *{color:#000000;font-size: 1.3rem;font-weight: 700;}
.ipt-line-box:focus-within{border-color: #000000;}
.ipt-line-box .ipt-item{min-height: 4.5rem;position: relative;display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.ipt-line-box .ipt-item > *{display:block;/*color:#000;font-size:1.6rem;font-weight:700*/;}
.ipt-line-box .ipt-item input{outline: none;padding: 0 1.4rem;width: 100%;padding-right: 5rem;font-size:1.6rem;line-height:1.8;text-align: left;color: #000000;font-weight:normal;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ipt-line-box .ipt-item input[type="number"]{font-family: 'Open Sans'; font-size:1.7rem;}
.ipt-line-box .ipt-item .btn-input{width: 100%;height:4.5rem;text-align: center;color: #999999;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:1.6rem;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ipt-line-box .ipt-item .btn-input.is-val{color:#000;}
.ipt-line-box .ipt-item .ipt-unit{padding:0 1rem;font-size: 1.6rem;}
.ipt-line-box .ipt-item .ipt-unit:last-child{padding-right:1.4rem;}
.ipt-line-box .ipt-item .btn-ipt-delete{position: absolute;top:50%;right: 1.2rem;width: 2.6rem;height: 2.6rem;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: url(../img/common/btn-inputbox-close.svg) no-repeat;background-size: 100% auto;}
.ipt-item .btn-isearch{margin:0 1.4rem 0 1rem;}

.ipt-line-box label.fl-l ~ .ipt-item{clear: both;}
.ipt-line-box .fl-l , .ipt-line-box .fl-r{margin-top:1.5rem;color:#666666;font-size: 1.3rem;font-weight: 700;}
.ipt-line-box .fl-r{padding-right:1.4rem;}
.ipt-line-box .fl-r .black{font-size: inherit;font-weight: inherit;}
.ipt-line-box .btn-infomation{margin-top: .8rem;margin-left:-1.1rem;}
.ipt-line-box .btn-rnd{margin:0 1.4rem 0 1rem;}

.ipt-line-box.disabled, .ipt-line-box.readonly{background-color: #e9e9e9;border-color: #d9d9d9;}
.ipt-line-box.disabled label,  .ipt-line-box.readonly label{color: #999;}
.ipt-line-box.disabled .fl-l, .ipt-line-box.disabled .fl-r, .ipt-line-box.disabled .black{color: #999 !important;}
.ipt-line-box.disabled .ipt-unit{color: #999;}
.ipt-line-box.disabled .ipt-item input, .ipt-line-box.readonly .ipt-item input{background-color: #e9e9e9;}
.ipt-line-box input:disabled{color: #999;}
.ipt-line-box.disabled .btn-ipt-delete, .ipt-line-box.readonly .btn-ipt-delete{display:none !important;}
.ipt-line-box.disabled .btn-ipt-delete.show, .ipt-line-box.readonly .btn-ipt-delete.show{display: block !important;}
.ipt-line-box.disabled .btn-isearch{background-image: url('../img/common/ic-ic-search-type-2-dim.svg');}

.ipt-line-box.readonly .btn-ipt-delete + button{display:none !important;}

.ipt-wrap .error-txt{display: none;margin-top: 1rem;padding: 0 1.4rem;font-size: 1.3rem;color: #f53e50;}
.ipt-wrap.error .error-txt{display: block;}
.ipt-wrap.error .ipt-line-box{border-color: #f53e50;}

.ipt-line-box + .ipt-line-box{margin-top:.8rem;}

.ipt-form-wrap > * + *{margin-top: 2rem;}
.ipt-form-inner > * + *{margin-top: 1rem;}

/* input underline type */
.ipt-underline{margin-top:0.8rem; border-bottom:1px solid #ccc;}
.ipt-underline .ipt-item{position: relative;display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.ipt-underline .ipt-item input{outline: none;padding: 1.3rem 1.4rem;width: 100%;padding-right: 5rem;font-size:1.6rem;text-align: left;color: #000000;font-weight:normal;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ipt-underline .ipt-item .ipt-unit{display:block; padding:0 1rem;font-weight: 700;font-size: 1.6rem;}
.ipt-underline .ipt-item .ipt-unit:last-child{padding-right:1.4rem;}


/* Textarea */
.ipt-line-box.textarea{padding:1.3rem 1.4rem; width:100%;}
.ipt-line-box.textarea textarea{outline:none; width:100%; font-size:1.6rem; text-align:left; color:#000; font-weight:normal; border:0;}


/* Select Button */
.btn-select{position: relative;width: 100%;;padding: 1.5rem 1.4rem 1.3rem;border: 1px solid #cccccc;border-radius: 1rem;text-align: left;}
.btn-select::after{content: '';position: absolute;bottom: .8rem;right: 1.2rem;width: 2.6rem;height: 2.6rem;background: url(../img/common/ic-select-drop.svg) no-repeat;background-size: 100% auto;}
.btn-select.type-calendar::after{background-image: url(../img/common/ic-select-calendar.svg);}
.btn-select .btn-select-ttl{display: block;font-size: 1.3rem;color: #666666;font-weight: bold;}
.btn-select .btn-select-val{display: block;padding-right: 2.5rem;color: #999999;font-size:1.6rem;}
.btn-select-ttl + .btn-select-val{margin-top: 1.3rem;}
.btn-select.is-val .btn-select-val{color: #000000;}
.btn-select-small{position: relative;display: inline-block;min-width: 8.1rem;line-height: 2.6rem;padding-right: 3.6rem;color: #444444;font-size: 1.6rem;font-weight: bold;text-align: left;}
.btn-select-small::after{content: '';position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 2.6rem;height: 2.6rem;background: url(../img/common/ic-select-drop-small.svg) no-repeat;background-size: 100% auto;}
.btn-select:disabled, .btn-select.readonly{background-color: #e9e9e9;border-color: #d7d7d7;}
.btn-select:disabled *, .btn-select.readonly .btn-select-ttl{color: #999 !important;}
.btn-select:disabled::after{background: url(../img/common/btn-ic-arrow-drop-type-2.svg) no-repeat;background-size: 100% auto;}
.btn-select.type-calendar:disabled::after{background-image: url(../img/common/ic-con-input-calendar.svg);}
.btn-select.readonly::after, .btn-select.type-calendar.readonly::after{content:none;}
.btn-select:focus{border-color: #000;}

/*check & radio*/
.ipt-chk, .ipt-rdo{position:relative;padding:.6rem 0;padding-left:2.6rem;text-align:left;min-height: 3.4rem;}
.ipt-chk input[type="checkbox"], 
.ipt-rdo input[type="radio"]{position:absolute;left:0;top:.3rem;width:2.6rem;height:2.6rem;background:url(../img/common/btn-checkbox01.svg) no-repeat;background-size:100% auto;-webkit-transition:.3s background;transition:.3s background;}
.ipt-rdo input[type="radio"]{background-image:url(../img/common/btn-radio.svg);}
.ipt-chk.type02 input[type="checkbox"]{width: 3rem;height: 3rem;background-image: url(../img/common/btn-checkbox02.svg);}
.ipt-chk input[type="checkbox"] + label,
.ipt-rdo input[type="radio"] + label{display: inline-block;margin-left: .8rem;;color: #000;line-height:1.47;}
.ipt-chk input[type="checkbox"]:checked{background-image:url(../img/common/btn-checkbox-active01.svg);}
.ipt-chk.type02 input[type="checkbox"]:checked{background-image: url(../img/common/btn-checkbox-active02.svg);}
.ipt-rdo input[type="radio"]:checked{background-image:url(../img/common/btn-radio-active.svg);}
.ipt-chk input[type="checkbox"]:disabled{background-image:url(../img/common/btn-checkbox-dis01.svg);}
.ipt-chk input[type="checkbox"]:checked:disabled{background-image:url(../img/common/btn-checkbox-dis01.svg);}
.ipt-rdo input[type="radio"]:disabled{background-image:url(../img/common/btn-radio-dis.svg);}
.ipt-rdo input[type="radio"]:checked:disabled{background-image:url(../img/common/btn-radio-dis.svg);}
.ipt-chk input[type="checkbox"]:disabled + label,
.ipt-chk input[type="radio"]:disabled + label{color:#999999;}
/*switch*/
.ipt-switch input{position:relative;width:4rem;height:1.6rem;background-color:#eee;border-radius:1.1rem;}
.ipt-switch input::after{content:'';position:absolute;top:50%;margin-top:-1.1rem;left:0;width:2.2rem;height:2.2rem;border-radius:50%;background-color:#cccccc;-webkit-transition:all .3s;transition:all .3s;}
.ipt-switch input:checked::after{background-color:#FFD300;left:calc(100% - 2.2rem);}

/*week select*/
.day-select-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.day-select-box .day-select-item{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;}
.day-select-box .day-select-item > label{position: relative;display: inline-block;width: 100%;line-height: 4rem;text-align: center;font-size: 1.6rem;}
.day-select-box .day-select-item > input:checked + label::after{content:'';position: absolute;top: 50%;left: 50%;width: 3.2rem;height: 3.2rem;border-radius: 50%;border: 1.5px solid #ffd300;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/*===  BUTTON LAYOUT ===*/
button{background:transparent;}
.btn-wrap{position: relative;display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.btn-wrap *{display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:100%;}
.btn-wrap * + *{margin-left: .6rem;}
.btn-wrap.block{text-align: center;}
.btn-wrap.block *{display:inline-block;width:auto;}

.btn-txt{height:5.6rem;padding:0 2rem;color:#1d1c19;font-size:1.6rem;font-weight:700;background-color:#FFD300;border-radius:2.6rem;}
.btn-wrap.block .btn-txt{min-width:13.5rem;}
.btn-wrap.block .btn-txt.small{min-width: inherit;}
.btn-txt.point{height:5.2rem;box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);}
.btn-txt.gray{background-color:#eeeeee;}
.btn-txt.dgray{background-color: #444;color: #fff !important;}
.btn-txt:active{color:#816c0d;background-color:#cca800;}
.btn-txt.gray:active{color:#989898 !important;background-color:#bebebe;}
.btn-txt.dgray:active{color: #fff !important;background-color: #444;opacity: .7;}
.btn-txt:disabled{cursor:initial;box-shadow:none;color:#999999 !important;background-color:#c9c9c9;}
.btn-txt.line{height:5.2rem;border: 1px solid #000;background: transparent;}
.btn-txt.line:active{color:rgba(0, 0, 0, .2); !important;background-color:rgba(0, 0, 0, .2);;border-color: rgba(0, 0, 0, .2);;}
.btn-txt.sub{min-width:13.5rem;height:5rem;border-radius:2.5rem;box-shadow:none;}
.btn-txt.search{background-image:url('../img/common/ic-ic-search.svg');background-repeat:no-repeat;background-position:right 3rem center;background-size:3rem auto;}
.btn-txt.small{height: 3.6rem;font-weight: 500;}
.btn-txt.btn-modify{min-width:0; width:2.6rem; height:2.6rem; padding:0; border-radius:0; background:url(../img/common/ic-ic-card-etc-modify.svg) no-repeat center center;}
.btn-txt.btn-delete{min-width:0; width:2.6rem; height:2.6rem; padding:0; border-radius:0; background:url(../img/common/ic-ic-card-etc-delete.svg) no-repeat center center;}

.block .btn-sub{min-width: 13.5rem;}
.btn-sub{height:4rem;padding:0 2.4rem;color:#000000;font-size:1.4rem;line-height:1.6rem;background:#fff;border-radius:3.1rem;border:1px solid #000000;}
.btn-sub.small{height:2.8rem;min-width: 0;padding: 0 1.3rem;color: #666666;font-size:1.3rem;border-color:#cccccc;}
.subtitle-form .btn-sub{min-width:0;}
.btn-sub.point{color:#000000;background-color:#FFD300;border-color:#FFD300;}
.btn-sub.yellow{border-color: #ffd300;font-size: 1.5rem;color: #444 !important;border-width: 2px;}
.btn-sub:active{color:#7e7e7e;background-color:#cccccc;border-color:#a3a3a3;}
.btn-sub.point:active{color:#816c0d;background-color:#cca800;border-color:#cca800;}
.btn-sub:disabled{cursor:initial;box-shadow:none;color:#999999 !important;background-color:#ccc;border-color: #ccc;}

.btn-rnd{height:2.8rem;padding:0 1.3rem;color:#666666;font-size:1.3rem;border-radius: 1.4rem;border:1px solid #ccc;}

.btn-next{min-height:2.6rem;padding-right:3.2rem;color:#666;font-size:1.4rem;font-weight:700;line-height:2.6rem;background:url('../img/common/btn-ic-arrow-s-more.svg') no-repeat right center;background-size:2.6rem auto;}
.btn-next02{padding: .5rem 1.5rem;padding-right: 2.7rem;;border: 1px solid #ccc;border-radius: 1.4rem;font-size: 1.3rem;color: #666;background: url(../img/common/btn-ic-arrow-more-s-gray.svg) no-repeat right .7rem center;}

.btn-setting{width: 2.6rem;height: 2.6rem;background: url(../img/common/ic-ic-setting.svg) no-repeat center center;background-size: 2.6rem auto;}

button.next{position:relative;padding-right:2.6rem;}
button.next:after{content:'';position:absolute;right:0;top:50%;width:2.6rem;height:2.6rem;margin-top:-1.3rem;background:url('../img/common/btn-ic-arrow-more.svg') no-repeat center center;background-size:100% auto;}
button.btn-txt.next:after{right: 3rem;}

.btn-infomation{display:inline-block;width:2.6rem;height:2.6rem;font-size:0;text-indent:-999rem;background:url('../img/common/ic-ic-additional.svg') no-repeat center center;background-size:100% auto;}
.btn-isearch{width:2.6rem;height:2.6rem;font-size:0;text-indent:-999rem;background:url('../img/common/ic-ic-search-type-2.svg') no-repeat center center;background-size:100% auto;}

.btn-help{display:inline-block; margin:0.8rem 0; }
.btn-help > span{display:inline-block; min-height: 3rem;padding-right:3rem; color:#666; font-size:1.3rem; font-weight:700; line-height:2.6rem; background:url(../img/common/ic-ic-additional.svg) no-repeat center right;}

/*shadow 버튼*/
.btn-list{position:relative;display: block;width:100%;min-height:14rem;padding:2rem 2.4rem;text-align:left;background:#fff;box-shadow: 0 .2rem 1rem 0 rgba(0, 0, 0, 0.16);border-radius: 1.4rem;}
.btn-list span{display:block;}
.btn-list .type-status + *{margin-top:1rem;}
.btn-list .thumbnail img {width:100%; max-width:100%; object-fit:cover;}
.btn-list .type-h5 + .type-h7{margin-top:1rem;}
.btn-list .type-h7 + .type-pay{margin-top: 1rem;}
.btn-list .tag-wrap{margin-top:1.6rem;}
.btn-list .tag-pay{margin-top:1rem;}
.btn-list .type-h7.time {padding-left:2.8rem; font-size:1.4rem; background:url(../img/content/ic-icon-aid-schedule.svg)no-repeat left center; background-size:2.2rem auto;line-height: 2.2rem;}
/*상단이미지형*/
.btn-list .top-image{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:16.2rem;}
.btn-list .top-image img{position:absolute;width:100%;height:100%;object-fit: cover;border-top-left-radius: 1.4rem;border-top-right-radius: 1.4rem;}
.btn-list .top-image em{position:absolute;z-index: 1;top:2rem;left:2rem;color:#fff;font-size:1.4rem;font-weight:700;}
.btn-list .top-image + *{margin-top:16.2rem;}
/*좌측이미지형*/
.btn-list span.listimg-box{min-height:10rem;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:justify;-moz-box-pack:center;-moz-box-align:justify;box-pack:center;box-align:justify;}
.btn-list .thumbnail{position:absolute;left:2rem;top:2rem;width:10rem;height:10rem;border-radius:5rem;border:1px solid #efefef;overflow: hidden;}
.btn-list .thumbnail ~ *{margin-left: 12.4rem;}
.btn-list .reservation{position:relative;height:5rem;margin:1rem -2.4rem -2rem;padding:1.6rem 0 0 7.2rem;color:#000;font-size:1.3rem;line-height:1.8rem;background:#f7f7f7;border-bottom-left-radius: 1.4rem;border-bottom-right-radius: 1.4rem;}
.btn-list .reservation strong{color:#000;font-size:1.3rem;line-height:1.8rem;}
.btn-list .reservation:before{content: '';position:absolute;left:2rem;top:50%;width:3rem;height:3rem;margin-top:-1.5rem;border-radius:1.5rem;background:#fff;}
/*미션형*/
.btn-list .mission{min-height:17.2rem;margin:-2rem -2.4rem;padding:3rem 3.6rem;}
.btn-list .mission .type-status{font-weight:normal;}
.btn-list .mission .type-status + .type-h3{margin-top:1.6rem;}
.btn-list .mission .type-h3 + .type-point{margin-top:.9rem;}

/*===  TAB LAYOUT ===*/
.tab{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.tab *{display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;background:transparent;}
.tab * + *{margin-left:.6rem;}

.tab.round .btn-tab{width: 100%;height:5.2rem;color:#000000;font-size:1.6rem;}
.tab.round .btn-tab.selected{font-weight:700;border-radius:2.6rem;background:#fff;}
.tab.line .btn-tab{height: 5.2rem;color:#666666;font-size:1.6rem;border-bottom:3px solid #e7e7e7}
.tab.line * + *{margin-left: 0;}
.tab.line .btn-tab.selected{color:#000000;font-weight:700;border-color:#000000;}
.tab.rndrect .btn-tab{height:4rem;padding:0 3rem;color:#666666;font-size:1.6rem;font-weight:700;background:#fff;border-radius:2.2rem;border:1px solid #cccccc;}
.scrollX .tab.rndrect .btn-tab{min-width:9rem;}
.tab.rndrect .btn-tab.selected{color:#fff;border-color:#1d1c19;background:#1d1c19}
.tab.rndrect .btn-tab.small{min-width:7.6rem;height:3.4rem;padding:0 1.2rem;font-size:1.5rem;}
.tab.pd-tb{padding-top: 2rem;padding-bottom: 2rem;}

.content > .tab_wrap:first-child{padding-top: 0;}
.content > .tab.line:first-child{margin: -2rem -2.4rem 0;}
.content > .scrollX:first-child > .tab{margin-top: -2rem;}

.tab_wrap, .scrollX {padding-top:2rem;padding-bottom:2rem;}
.scrollX .tab{-webkit-box-pack:start;-webkit-box-align:start;-moz-box-pack:start;-moz-box-align:start;box-pack:start;box-align:start;}
.scrollX .tab *{-webkit-box-flex:initial;-moz-box-flex:initial;box-flex:initial;}
.scrollX .tab * + *{margin-left:.6rem;}
.scrollX .tab:after{content:'';display:block;width:2.4rem;height:4rem;}

.scrollX.type2{margin-bottom:1rem; padding-top:0; padding-bottom:0;}
.scrollX.type2 .tab.rndrect{padding:1rem 0;}
.scrollX.type2 .tab.rndrect .btn-tab.small{min-width:0; padding:0 2rem;}

.swiper .scrollX{overflow-x: initial;overflow-y: initial;-webkit-overflow-scrolling: initial;}
.swiper .scrollX .tab{margin-right:2.4rem;}
.swiper .scrollX .tab:after{content:none;}
.swiper .scrollX .tab.rndrect .btn-tab{width:auto !important;}

.tab_wrap .tab.rndrect .btn-tab.small{min-width: 0;}

/*===  LIST LAYOUT ===*/
.list-dot li{position:relative;padding-left: 1.4rem;}
.list-dot li:before{content:'';position:absolute;left:0;top:.7rem;width:.4rem;height:.4rem;border-radius:.2rem;background:#000;}
.list-dot li + li{margin-top:1.6rem;}

.list-num li{position:relative;padding-left: 3.4rem;color:#fff;font-size:1.5rem;line-height:2.2rem;}
.list-num li .number{position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;color:#000;font-size:1.4rem;font-family:'Open Sans';font-weight:700;font-style:italic;text-align:center;line-height:2.2rem;border-radius:1.1rem;background:#fff;}
.list-num li + li{margin-top:2rem;}

.list-shadow-box li{overflow: hidden;border-radius: 1.4rem;background-color: #fff;-webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.16);box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.16);}
.list-shadow-box li + li{margin-top: 2rem;}
.list-shadow-box li > button{width: 100%;text-align: left;}

.thumbnail-card-box{position: relative;padding: 2rem;display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.thumbnail-card-box > *{display: block;}
.thumbnail-card-box .thumbnail-card-info{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: block;}

.thumbnail-card-box .thumbnail-img-box + .thumbnail-card-info{margin-left: 2.4rem;margin-top: 1rem;}
.thumbnail-card-box .thumbnail-card-info > *{display: block;}
.thumbnail-card-info .sub-ttl{font-size: 1.4rem;color: #999;font-weight: bold;}
.thumbnail-card-info .main-ttl{padding-right: 6rem;font-size: 1.6rem;font-weight: bold;color: #222;line-height: 1.38;word-break: keep-all;word-wrap: break-word;}
.thumbnail-card-info:last-child .main-ttl{padding-right: 0;}
.thumbnail-card-info .sub-ttl + .main-ttl{margin-top: .8rem;}
.thumbnail-card-info .num-txt{margin-top: 1rem;font-size: 1.4rem;}
.thumbnail-card-box.cc{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.thumbnail-card-box.cc .thumbnail-card-info{margin-top: 0;}
.list-shadow-box .thumbnail-card-info .sub-ttl{font-size: 1.4rem;}
.ic-noit-box{display: block;padding: 1.6rem 2rem;background-color: #f7f7f7;}
.ic-noit-box .ic-alarm{position: relative;font-size: 1.3rem;line-height: 1.38;color: #000;padding-left: 5.6rem;}
.ic-noit-box .ic-alarm::before{content: '';position: absolute;top: 50%;left: 0;width: 4rem;height: 4rem;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color: #fff;}
.list-shadow-box .thumbnail-card-box + .ic-noit-box{margin-top: -1rem;}

.list-white-box li + li{margin-top: 1.6rem;}
.list-white-box li > button{width: 100%;text-align: left;}
.list-white-box .thumbnail-card-box{padding: 2rem 1.6rem;}

/*thumbnail*/
.thumbnail-img-box{position: relative; display: inline-block;}
.thumbnail-img-box .thumbnail { position: relative; display: block; width: 100%; padding-top: 100%; overflow: hidden; border-radius: .9rem;  background: #d8d8d8 url(../img/common/img-noimg-circle.svg) no-repeat center center; background-size: 100% auto;  }
.thumbnail-img-box.type-circle{width: 10rem; border-radius: 50%;}
.thumbnail-img-box.type-circle .thumbnail{ background: url(../img/common/img-noimg-circle.svg) no-repeat center center; background-size: 100% auto;  border-radius: 50%;}
.thumbnail-img-box .thumbnail img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; background-color: #fff; }
.thumbnail-img-box .recom{position: absolute;top: -2rem;left: -1.5rem;display: block;}
/* 직사각형 비율 */
.thumbnail-img-box.type-rect{width: 100%;}
.thumbnail-img-box.type-rect .thumbnail{border-radius: 0;padding-top: 63.4%;background-image: url(../img/common/img-noimg-rectangle.svg);}

.list-data{position:relative;}
.list-data > ul > li{padding:1.4rem 0; border-bottom:1px solid #d7d7d7;}
.list-data > ul > li:first-child{border-top:1px solid #d7d7d7;}
.list-data .unit{text-align:right;}
.list-data .title{display:block; margin-bottom:1rem; font-size:1.4rem; color:#666 !important; font-weight:700;}
.list-data .value{font-size:1.6rem; color:#000; font-weight:normal;}

.list-data.type2 .flex{font-size:1.4rem;}
.list-data.type2 .flex.result{text-align:right;}

.list-data.noline > ul > li{position:relative; padding:1rem 0; border:0;}
.list-data.noline > ul > li:after{content:""; display:block; clear:both;}
.list-data.noline .hbox{width:100%;}
.list-data.noline .key{min-width:8rem; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; text-align:left; font-size: 1.6rem; color:#000;}
.list-data.noline .value{text-align:right;}
.list-data.noline button.hbox{position:relative; display:block; padding-right:3.2rem;}
.list-data.noline button.hbox .key{float:left; }
.list-data.noline button.hbox .value{float:right; font-size:1.4rem; color:#666;}

/* category */
.category-list li {}
.category-list li .tit {font-size:1.6rem; color:#000; line-height:1.47;}
.category-list li button.next,
.category-list li .ipt-switch-item{position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; padding:1rem 0;}

/*===  TABLE LAYOUT ===*/
.tbl-wrap{}
.tbl{width:100%;}
.tbl thead th{padding:1rem .3rem;height:4.8rem;color:#000;font-size:1.4rem;}
.tbl tbody tr *{height:4.8rem;padding:0 .4rem;color:#444;text-align:left;border-top: 1px solid #d7d7d7;}
.tbl tbody tr > *:first-child{padding-left:1rem;}
.tbl tbody tr:first-child *{border-top:1px solid #3c3c3c;}
.tbl tbody tr.sub *{height:3.7rem;padding-top:.4rem;color:#999;vertical-align:top;border-top: none;}
.tbl tbody tr.sub > *:first-child{padding-left:1.6rem;}
.tbl tbody tr.sub + tr.sub *{padding-top:.8rem;}
.tbl tbody td{padding:1rem .3rem;text-align: center;font-size: 1.4rem;}

/*정보성 테이블*/
.tbl-info{width: 100%;}
.tbl-info *{word-break: keep-all;word-wrap: break-word;}
.tbl-info th{padding-right: .5rem;padding-top:1.5rem;padding-bottom: 1.5rem;line-height: 1.14;text-align: left;font-size: 1.4rem;}
.tbl-info td{padding-top:1.5rem;padding-bottom: 1.5rem;text-align: right;}
.tbl-info tr td:last-child{padding-left: .5rem;}
.tbl-info td, .tbl-info td .openfont{font-size: 1.6rem;color: #000;font-weight: 700;}
.tbl-info td *{font-size: inherit;color: inherit;vertical-align: baseline;}
.tbl-info .va-t{vertical-align: top;}
.tbl-info.type-short th, .tbl-info.type-short td{padding-top: .8rem;padding-bottom: .8rem;}
.tbl-info.type-short td{font-weight: 400;}
.tbl-info .price{font-size: 1.8rem;}
.tbl-info .price.point{font-size: 2.4rem;font-weight: bold;}
.tbl-info .sub-txt{font-size: 1.4rem;color: #444;}
.tbl-info td .type-h4{font-size: 1.8rem;}

/* 상단 테이블 정보 */
.top-wide-box{padding: 3rem 2.4rem 2rem;margin-top: -1rem;margin-left: -2.4rem;margin-right: -2.4rem;background-color:#fff8d9;}
.top-wide-box > .tbl-wrap{margin-top: -1rem;}
.top-wide-box > .tbl-wrap .tbl-info td{font-weight: 700;}

/* calendar */
.calendar-wrap .calendar-tbl{position:relative;width: 100%;table-layout: fixed;}
.calendar-wrap *{font-size:1.2rem;color:#000;text-align:center;}
.calendar-wrap thead{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.calendar-wrap thead th{padding:1rem .5rem;font-size:1.3rem;color:#999;}
.calendar-wrap td{vertical-align:middle;padding:.4rem .2rem;}
.calendar-wrap td button{position: relative;width:100%;height:4rem;}
.calendar-wrap td button .date{position: relative;display: block;width: 100%;line-height: 3.6rem;}
.calendar-wrap td button .date::before{content: '';position: absolute;top: 50%;left: 50%;width: 3.6rem;height: 3.6rem;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;z-index: -1;}
.calendar-wrap td button:disabled .date{color: #ccc;}
.calendar-wrap td button:enabled:active .date,
.calendar-wrap td button.selected .date{font-weight: 700;}
.calendar-wrap td button:enabled:active .date::before,
.calendar-wrap td button.selected .date::before{border: 1px solid #000;}
.calendar-wrap td button.today .date::before{background-color: #ffd300;}
.calendar-wrap td button .calendar-mark{position: absolute;bottom: .2rem;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display: inline-block;margin-top: -.5rem;width: .4rem;height: .4rem;background-color: red;border-radius: 50%;}
/* small calender */
.calendar-wrap.type-small{padding: 1.1rem 0;border: 1px solid #ccc;border-radius: 1.4rem;}
.calendar-wrap.type-small thead{border: 0;}

/*===  SWIPER LAYOUT ===*/
.swiper-pagination-bullet{width:.5rem !important;height:.5rem !important;margin:0 .3rem !important;border-radius:.2rem !important;background:rgba(0,0,0, .2) !important;opacity: 1 !important;}
.swiper-pagination-bullet-active{width:2.2rem !important;background:#000 !important;}

/* 눈금 swiper scroll */
.measure-wrapper{overflow: hidden;position: relative;}
.measure-wrapper:before{content: '';z-index: 2;position: absolute;left: -1rem;top:0;width: 6rem;height: 100%;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.measure-wrapper:after{content: '';z-index: 2;position: absolute;right: -1rem;top:0;width: 6rem;height: 100%;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.measure-swiper::before{content: '';position: absolute;width: .6rem;height: .6rem;border-radius: .3rem;background-color: #ffd300;top: 0%;left: 50%;transform: translate(-50%, -0%);}
.measure-swiper::after{content: '';position: absolute;top: 10%;left: 50%;width: .2rem;height: 3.2rem;background-color: #ffd300;transform: translate(-50%,-0%);z-index: 9;border-radius: .1rem;}
.measure-swiper .swiper-slide {padding: 2.6rem 0 3rem;height: 3rem;width: 0.1rem;}
.measure-swiper .bar{display: block;position: absolute;top: 20%;left: 50%;width: 0.1rem;height: 1.6rem;background-color: #999999;transform: translate(-50%, 0%);}
.measure-swiper .bar.point{height: 2.4rem;}
.measure-swiper .txt{position: absolute; bottom: 0rem;left: 50%;margin-left: -1.5rem;width: 3rem;color: #999999;font-size: 1.4rem;text-align: center;}
.measure-wrapper .info-txt-area{color: #000;font-size: 3rem;font-family: 'Open Sans';font-weight:bold;text-align: center;}

/*===  CHART LAYOUT ===*/
/*PIE형 // canvas 활용*/
/*.pie-chart{overflow:hidden;box-sizing:border-box;position:relative; width: 220px; margin-right:52px; margin-top: 6px; float: left}
.pie-chart *{box-sizing:border-box;}
.pie-chart .graph{position:relative; margin:0 auto; width:220px; height:170px;}
.pie-chart .graph canvas{position:absolute; top:50%; left:50%; margin:-195px 0 0 -220px}
.pie-chart .graph .bg{transform:rotate(29deg) scale(0.5)}
.pie-chart .graph .line{transform:rotate(151deg) scale(0.5)}
.pie-chart .info{position:absolute; top:33px; left:50%; transform:translateX(-50%); padding-top:38px; width:154px; height:154px; border-radius:100%; text-align:center}
.graph_div .info .num{margin-top:10px; font-weight:500; font-size:28px; line-height:32px; color:#2a204e;font-size: 18px;}
.pie-chart .info .num span{display:inline-block; font-weight:700; font-size:40px; vertical-align:baseline}*/

/*CHART*/
#canvas{transform:rotate(29deg) scale(0.5)}
.graph_div{position:relative; width: 220px; margin: 3rem auto;}
.graph_div .graph{position:relative; margin:0 auto; width:220px; height:170px;}
.graph_div .graph canvas{position:absolute; top:50%; left:50%; margin:-195px 0 0 -220px}
.graph_div .graph #canvas{transform:rotate(29deg) scale(0.5)}
.graph_div .graph #canvas_line{transform:rotate(151deg) scale(0.5)}
.score{position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);}
.number{color: #000;font-family: 'Open sans';font-size: 5.2rem; font-weight: 700;}
.unit{color: #666;font-size: 2rem; }

/*progress bar*/
.progressbar { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 .9rem; height: 2rem; background-color: #e5e5e5; border-radius: 1rem; overflow:hidden;}
.progressbar .bar { position: absolute; left: 0; top: 0; height: 100%;border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;background-color: #ffd300; }
.progressbar.over .bar{background-color: #ff612d;border-radius: 1rem;}

/*chart.js*/
.chart-box canvas{width: 100% !important;}
/*.chart-box{position:relative;}
.chart-box.useline{position:relative;}
.chart-box.useline canvas{position:relative;z-index: 2;}
.chart-box.useline:after{z-index:1;content:'';position:absolute;top:0;right:1px;width:1px;height:calc(100% - 2.8rem);background-color:#d7d7d7;}
.doughnut-text{display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;position:absolute;width:13rem;height:13rem;top:3.5rem;left:50%;margin-left:-6.5rem;}
.doughnut-text p{color:#666;font-size: 1.4rem;text-align:center;}
.doughnut-text .openfont{display:block;margin:.6rem 0;font-size:2.6rem;}*/

/*/tooltip*/
/*#chartjs-tooltip{z-index:10;margin-left:1rem;margin-top: -1.2rem;padding:.8rem;border-radius:.6rem;background:rgba(0,0,0, .8);}
#chartjs-tooltip:after{content:'';position:absolute;width: 0;left:-.5rem;top:50%;margin-top:-.5rem;height: 0;border-style: solid;border-width: .5rem 1rem .5rem 0;border-color: transparent rgba(0,0,0, .8) transparent transparent;}
#chartjs-tooltip tr > *{color:#fff;font-size:1.2rem;line-height:1.4rem;text-align:left;}*/

/*=== MEDIA QUERYS ===*/
/*갤럭시폴드 클로즈형*/
@media only screen and (max-width:319px){
html{font-size: 56.3%;}
/*캘린더*/
.cal-wrap{padding:0;}
.cal-wrap .date{margin: 0 1rem;}
.cal-wrap.meals{padding-right: 2.6rem;text-align: left;}
.tab.rndrect .btn-tab.small{min-width: 0;}
/*round-box*/
.smblock{display: block !important;}
.smblock .data {padding:1rem 0;text-align: right;}
.smblock .data:first-child{padding-top: 0 !important;}
.smblock .data:last-child{padding-bottom: 0 !important;}
.smblock .data + .data:before{top: 0;margin-top: 0;width: 100%;height: 1px;}
.smblock .data > .subtitle, .smblock .data > .subtitle ~ *{display: inline-block;text-align: right;}
.smblock .data .subtitle{float: left;margin-bottom: 0;}
.roundbox .data .right{margin: 0;}

.roundbox.type02{padding:2rem;}
.roundbox.type02 .data{padding:1rem 0;}
.roundbox.type02 .data:last-child{border-left: none;}
.roundbox.type02 .data:last-child:before{content:'';}

/*thumbnail card*/
.thumbnail-card-box{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.thumbnail-card-box .thumbnail-img-box + .thumbnail-card-info{margin-left: 0;margin-top: 1rem !important;}
.thumbnail-card-box.cc{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

}
/*갤럭시폴드 오픈형*/
@media only screen and (min-width:717px) and (orientation:portrait ){
}