/* BASIC css start */
/**/
#content{width:100%}
.w1100{width:100%;margin:0 auto;float:none}


.page-head{background:#F8F8F8;text-align:center}
.page-head .title { padding-top:62px; }
.page-head .title .-icon { display:inline-block; vertical-align:top; font-size:20px; line-height:1em; background-color:#f6ee99; color:#000; padding:8px 15px; border-radius:80px; }
.page-head .title h1{margin-top:15px; font-size:35px;color:#424242;line-height:1em;font-weight:600}
.page-head .title p{font-size:16px;color:#111;letter-spacing:-0.03em;margin:30px auto 50px}
.page-head ul{display:flex; align-items:center; justify-content:center;}
.page-head ul li{font-size:14px;color:#767676;border:1px solid #C9C9C9;border-radius:14px 14px 0 0;line-height:45px;width: calc(33.3333% - 1px); margin-left: -1px;border-bottom:0;cursor:pointer;background:#fff;transition:all 0.3s;white-space:nowrap;}
.page-head ul li.selected,
.page-head ul li:hover{background:#767676;border-color:#767676;color:#fff}
.page-body { text-align:center;}
.mb30{margin-bottom:30px}



/* ¹öÆ° °øÅë */
.more_view2{display:inline-block;border:1px solid #767676;border-radius:50px;width:100%; max-width:487px;line-height:55px;height:55px;font-size:14px;color:#767676;letter-spacing:-0.03em;text-align:center;font-weight:600;position:relative;overflow:hidden;transition:all 0.3s}
.more_view2 span{display:inline-block;vertical-align:middle;font-size:14px;padding-right:14px;background:url('/design/happyprinc/wib/img/be_arrow.svg')no-repeat center right;transition: all 0.3s ease;}
.more_view2::before{content: ""; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: #767676;  transition: all 0.3s ease;  transform: translate3d(-102%, 0, 0); border-radius: 100px;z-index:-1}
.more_view2:hover::before{transform: translate3d(0%, 0, 0);}
.more_view2:hover{color:#fff !important;border-color:#767676 !important;background:transparent !important}
.more_view2:hover span{color:#fff !important;background:url('/design/happyprinc/wib/img/be_arrow2.svg')no-repeat center right}

/* À¯ÀÇ»çÇ× °øÅë */
.txt_list{border-top:0px solid #212121;padding:27px 30px;text-align:left;margin-top:40px;border-bottom:0px solid #c9c9c9}
.txt_list p{font-size:20px; color:#212121;font-weight:500;letter-spacing:-0.03em;margin-bottom:10px}
.txt_list dl { margin:0 0 10px; }
.txt_list dl dt { font-weight:bold; }
.txt_list dl dd {font-size:13px;color:#767676;font-weight:400;letter-spacing:-0.03em;margin-top:5px}
.txt_list dl dd:before{content:"-";display:inline-block;margin-right:8px;vertical-align:middle}
.txt_list dl dd span {font-weight:500;color:#767676;}

.txt_list li{font-size:13px;color:#767676;font-weight:400;letter-spacing:-0.03em;margin-top:9px}
.txt_list li:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#E8A58F;margin-right:8px;vertical-align:middle}
.txt_list li span {font-weight:500;color:#767676;}


/* °øÅë */
.page-cont { padding-top:20px; display:none; }
.page-cont.selected { display:block; }
.page-cont .box { display:flex; align-items:flex-start; justify-content:center; flex-direction: column; margin:0 0 20px; }

.page-cont .sub_tit{font-size:15px;color:#767676;letter-spacing:-0.03em;line-height:1.5em; padding:0 10px; }
.page-cont .main_tit{font-size:22px;color:#212121;letter-spacing:-0.03em;font-weight:600;line-height:1em;}

.page-cont .box:first-child { padding-bottom:20px; border-bottom:1px solid #c9c9c9 }
.page-cont .box .coupon_box { margin:50px 30px; }
.page-cont .box .coupon_box .coupon { margin:50px 0 20px; }
.page-cont .box .coupon_box ul.coupon {display:flex; align-items:flex-start; justify-content:center; flex-direction: column;}
.page-cont .box .coupon_box ul.coupon li { margin:0 0 30px; }
.page-cont .box .coupon_box .more_view2 { margin:0 0 10px; }
.page-cont .box .coupon_box img { max-width:100%; }


/*½Å±Ôȸ¿øÇýÅÃ*/
#NEWBIE .-app .coupon { position:relative; }
#NEWBIE .-app .coupon:after {
    content:"APP"; width:45px; height:45px; line-height:45px; border-radius:50%; background-color:#f6ee99; color:#000; font-size:14px; font-weight:700;
    position:absolute; left:-20px; top:-32px;
}


/*¸â¹ö½±*/
#MEMBER { padding-top:60px; }
.page-table{max-width:700px; margin:60px auto 0; }
.page-table table { width:100%; }
.page-table table thead { display:none; }
.page-table table th{background:#F9F9F9;border-top:1px solid #C9C9C9;font-size:15px;color:#212121;letter-spacing:-0.03em;font-weight:500}
.page-table table th span{font-size:13px;color:#767676;display:block;}
.page-table table th{padding:22px 0}

.page-table table td{padding:25px 0}
.page-table table td{border:1px solid #C9C9C9;color:#767676;font-size:16px}
.page-table table tr td:first-child{border-left:0}
.page-table table tr td:last-child{border-right:0}

.page-table table tr td .level { }
.page-table table tr td .level .-icon { display:inline-block; vertical-align:top; background-color:#f6ee99; color:#000; padding:4px 10px; border-radius:20px; margin:0 0 5px; }

.page-table table tr td .level p { color:#000; font-weight:bold; font-size:20px; position:relative; margin:0 0 5px; }
.page-table table tr td .level strong { color:#212121; font-weight:600; font-size:18px; }
.page-table table tr td .level .amount { color:#767676; font-size:14px; margin:15px 0 0; }
.page-table table tr td ul { text-align:left; padding:0 10px; }
.page-table table tr td ul,
.page-table table tr td ul * {font-size:13px; }
.page-table table tr td ul li { margin:0 0 10px; position:relative; padding-left:15px; }
.page-table table tr td ul li:before { content:"-"; position:absolute; left:0; top:1px; }
.page-table table tr td ul li span { display:block; font-size:12px; }
.page-table table tr td ul li strong { color:#000; }


@media screen and (max-width: 359px) {
    .page-table table tr td ul,
    .page-table table tr td ul * {font-size:12px; }
    .page-table table tr td ul li span { font-size:11px; }
}


/* BASIC css end */