/* BASIC css start */
.grade_cont {padding:200px 0 100px; width:100%;}
.layout_fix{width:1296px; padding:0 28px; margin:0 auto; position:relative; text-align:center;}
.heading {margin-bottom:4rem;}
.heading .tit {font-size:40px; font-family: 'FlightSans-Bold', sans-serif;}
.heading .desc{margin-top:20px; line-height:1.48; font-size:15px; color:#121212;}
.ty_grid table {width:100%; position:relative; border-top:1px solid #121212; border-collapse:separate; border-spacing:0;}
.ty_grid table tr {display:table-row; vertical-align: inherit; unicode-bidi: isolate;}
.ty_grid th {width:250px; padding:0; line-height:1.46; text-align:center; background:#f8f8f8; font-size:17px; font-weight:500; border-bottom:1px solid #dcdcdc; white-space:nowrap}
.ty_grid tr td {height:100px; padding:26px; font-weight:400; text-align:center; line-height:1.46; font-size:17px; color:#121212; position:relative; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; vertical-align:middle; word-break:keep-all;}
.ty_grid tr td[class^="grade_"] {font-size:1.75rem; font-weight:700;}
.ty_grid tr td[class^="grade_"]:before {content:""; width:52px; height:52px; background-color:transparent; background-repeat:no-repeat; background-size:contain; vertical-align:middle; display:inline-block; padding-right:5px;}
.ty_grid .grade_f:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_f.png);}
.ty_grid .grade_s:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_s.png);}
.ty_grid .grade_g:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_g.png);}
.ty_grid .grade_v:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_v.png);}
.ty_grid img[src*="coupon"] {height:130px; max-height:none;}
div.ec-base-help {padding:60px 160px 55px 70px; margin-top:80px; text-align:left; background-color:#f8f8f8; border-radius:10px;}
div.ec-base-help h3 {line-height:1; font-size:1.25rem; font-weight:600; padding-bottom:10px;}
div.ec-base-help ol {margin-top:12px; text-indent:15px;}
div.ec-base-help ol li {margin-bottom:5px; line-height:1.48; font-weight:400; color:#777; word-break:keep-all; font-size:1rem;}
div.ec-base-help ol li::before {content:'·'; margin-right:8px;}
strong{font-weight:700;}
.grade_cont1 {background-color:#fbf9ef;padding:100px 0; width:100%;}
.gridList {margin-left:-20px; display:flex; flex-wrap:wrap;}
.gridList li {padding-right:20px; margin-bottom:20px; align-self:stretch;width:32.3%;}
.gridList li:nth-child(3) {padding-right:0 !important;}
.gridList .item { padding:50px 40px; font-size:0; background-color:#fff; border-radius:10px; border:1px solid #dcdcdc;}
.gridList img{height:76px; margin-bottom:2rem;}
.gridList dt {font-size:1.375rem; font-weight:700;}
.gridList dd {margin-top:1rem; line-height:1.4; font-size:1.125rem; color:#121212;}
.grade_cont2 {padding:100px 0; width:100%;}
.join{width:100%; text-align:center; padding-bottom:150px;}
.btn_join {width:400px; font-size:1.25rem; height:64px; padding:0 30px; line-height:62px; text-align:center; color:#fff; background:#07aad6; border:1px solid #07aad6; transition:all .5s; display:inline-block; border-radius:10px;font-family: 'FlightSans-Regular', sans-serif;}
.btn_join:hover {color:#07aad6; background:#fff; }
.btn_join i{padding-left:15px;}
/* BASIC css end */

