@charset "utf-8"; #container {position:relative; background:#fff; width:100%;}.header .title {text-align:center; font-size:20px; font-weight:700; position:relative;} .header .title a {display:inline-block; width:20px;} .header .title a img {width:100%;} .header.fix { border-bottom:1px #ddd solid;} .sub_content { padding-top:63px;} .intro {position:absolute; height:100%; width:100%; min-height:560px; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom);} .intro_box {color:#fff; position:absolute; width:100%; text-align:center;} .top_txt dl {padding-bottom:30px;color:#111;} .top_txt dl dt {display:inline-block; padding-bottom:20px;font-size: 20px; line-height: 1.3;} .top_txt dl dt strong {font-weight: 700; color: #53A93A} .top_txt dl dd {font-size:30px; color: #111; } .top_txt dl dd strong { font-weight: 700; } .into_wrap{background-color: #f9f9f9;} .intro .intro_img { position: absolute; top: calc(50% - 48.5px); left: calc(50% - 37px); width: 74px; height: 97px; } .intro .top_txt{ position: absolute; top: calc(50% + 40px); left: calc(50% - 94px); opacity: 0; } .intro .intro_img img {width:100%;} .intro > p {font-size:17px; margin-top:35px;} .login_box .login_area {text-align:center; width:100%; margin:auto; } .login_box .login_text {padding:15px 0 5px; font-size:14px; color: #888; text-align: center;} .login_box p { opacity: 0.8; } .login_box p.login_logo { opacity: 1; padding: 65px 0 10px; } .login_box .login_logo img { width: 100px; } .login_bg {background:url(/assets/images/common/login_bg.jpg) top center no-repeat; background-size:cover; height:340px; display:table; width:100%;} .login_bg dl {display:table-cell; vertical-align:middle; text-align:center;} .login_bg dl dt {width:158px; display:inline-block; padding-bottom:12px;} .login_bg dl dt img {width:100%;} .login_bg dl dd {color: rgba(255, 255, 255, 0.9); font-size:17px;} .login_bg dl dd strong {font-weight:900;} .login_form {padding:0px 45px 35px;} .login_form ul li {padding:30px 0 12px; border-bottom:1px solid #e1e1e1;} .login_form ul li input {padding-left:38px; background:#fff; border:none; padding:3px 0 3px 38px; font-size: 16px;} .login_form ul li input[type="text"] {background:url(/assets/images/common/idbg.png) no-repeat 10px center; background-size:14px;} .login_form ul li input[type="password"] {background:url(/assets/images/common/passwordbg.png) no-repeat 12px center; background-size:13px;} .id_pw_btn { text-align:center; padding-top:10px; font-size:14px; } .id_pw_btn a { color:#888;} .join_chk {padding-top:55px; text-align:center;} .join_chk dt {width:76px; height:76px; display:inline-block; margin-bottom:30px; } .join_chk dt img {width:100%;} .join_chk dd {font-size:14px; font-weight:300; padding-bottom:20px;} .join_chk dd.join_tt {font-size:20px; font-weight:400; padding-bottom:10px;} .join_text {padding:15px 50px; text-align:center; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; width:250px; margin:auto; display: flex; flex-direction: column; gap: 10px;} .join_text p {font-size:16px; display: inline-flex; flex-direction: column; align-items: center; gap: 2px;} .join_text p span {width:70px; display:inline-block; text-align:center; font-size:13px; font-weight:400; color:#888;} .login_box.space {margin-top:0px; padding: 20px 18px 0; left: 0;} .login_box.space .login_area {margin-top:20px;} .wrap_pd{ padding:20px 15px;} .member_check .input_chk { position:relative; font-size:16px; height:25px;} .member_check .all { height:43px; margin-top: 20px;} .member_check .input_chk input { position:absolute; right:3px; top:5px; } .member_check .input_chk.all label{ font-size:18px; line-height:17px; padding-bottom:20px; border-bottom:1px #ddd solid; font-weight:700; padding-top:4px;} .member_check .input_chk label{display:block;position:absolute;top:0;left:0px;z-index:10;width:100%; padding-top:3px;} .member_check .input_chk label::after{content:''; display:block;position:absolute;top:0;right:0;width:24px;height:24px; background:url(/assets/img/common/btn_check_off_new.png) no-repeat; background-size:24px; border:0;} .member_check .input_chk input:checked + label::after { background:url(/assets/img/common/btn_check_on_new.png) no-repeat; background-size:24px 24px; border:0;} .member_check .input_chk label em { color:#ff5c6d;} .member_check .terms_bx_list { margin-top:20px;} .member_check .terms_bx_list li { margin:20px 0; position:relative;} .member_check .jmc_view { height:100px; background:#f5f5f5; padding:10px; overflow:hidden; margin-top:0px; border:1px #ddd solid;} .member_check .section { color:#797979; font-size:12px; line-height:150%; padding:10px; } .btn_area { margin:20px 0;} .popup { position:fixed; width:100%; top:50%; z-index:99999; display:none; padding:0 15px; box-sizing:border-box;} .file_pop { width:100%; margin:auto; background:#fff; position:relative; margin:auto; box-sizing:border-box; z-index:99;} .dimd { position:fixed; left:0; top:0; bottom: 0; right: 0; width:100%; height:100%; background:#000; opacity:0.5; z-index:9999; display:none;} .file_pop .pop_cont {padding:25px 20px 25px;} .file_pop .pop_cont .pop_top {padding-bottom:13px; border-bottom:1px solid #ccc;} .file_pop .pop_cont .pop_top dl {display:table; width:100%; padding-bottom: 15px;} .file_pop .pop_cont .pop_top dl dt {display:table-cell; font-size:25px; line-height:30px; padding-right:10px; font-weight:700;} .file_pop .pop_cont .pop_top dl dt span {color:#ff5c6d;} .file_pop .pop_cont .pop_top dl dd {width:60px; text-align:right; display:table-cell; vertical-align:top; position:relative; top:-5px;} .file_pop .pop_cont .pop_top dl dd img {width:100%;} .pop_text {padding:15px 0 25px; color:#797979;} .pop_text dl dt {font-size:14px; padding-bottom:15px;} .pop_text dl dd {font-size:12px; padding:5px 0 5px 10px; font-weight:300; position:relative;} .pop_text dl dd:after {display:block; content:''; width:3px; height:3px; position:absolute; left:0; top:50%; margin-top:-2px; background:#a2a2a2;} .pop_btn_area {text-align:center; width:165px; margin:auto;} .pop_btn_area.btn_left{margin: 0;} .pop_close {width:27px; height:27px; position:absolute; top:-42px; right:0px;} .pop_close a {display:block;} .pop_close a img {width:100%;} .cash_pop {background:#fff; position:relative;} .cash_pop .pop_cont {padding:55px 15px 30px; text-align:center;} .cash_pop .pop_cont .up_text {padding-bottom:20px; border-bottom:1px solid #e1e1e1;} .cash_pop .pop_cont .up_text dt {width:190px; display:inline-block; padding-bottom:15px;} .cash_pop .pop_cont .up_text dt img {width:100%;} .cash_pop .pop_cont .up_text dd {font-size:14px; color:#797979; line-height:19px; padding:0 15px;} .cash_pop .pop_cont .down_text {padding:20px 0 15px; text-align:center; color:#797979;} .cash_pop .pop_cont .down_text dt {font-size:11px; font-weight:700; padding-bottom:8px;} .cash_pop .pop_cont .down_text dd {font-size:11px; text-align:left; margin-left:40px; padding:3px 0 3px 10px; position:relative;} .cash_pop .pop_cont .down_text dd:before {display:block; content:''; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; background:#a2a2a2; border-radius:50%;} .pop_close02 {display:block; width:22px; height:22px; position:absolute; top:15px; right:15px;} .pop_close02 img {width:100%;} .member_join li { position:relative; height:43px; width:100%; overflow:hidden; } .warning { margin:5px 0 10px; color:#2ecaeb; padding-left: 6em; line-height: 14px;} .warning i{ width:14px; height:14px; display:inline-block;} .warning i img { width:100%;} .error { color:#ff5c6d;} .member_join li input[type="radio"] { height:auto; width:auto; line-height:normal; position:relative; top:3px; padding-left:0px;} .member_join li dl { color:#888; display: flex; height: 100%; align-items: center;} .member_join li dl dt { font-size: 14px; font-weight: 400; min-width: 6em; height: 100%; display: flex; align-items: center;} .member_join li dl dd { text-align:center; width: calc(100% - 6em); height: 100%;} .member_join li dl dd span { padding-right:15px; display:inline-block; position:relative;} .member_join li dl dd span label { padding-left:15px;} .member_join li dl dd span label::after{content:''; display:block;position:absolute;top:11px;left:-2px; width:20px;height:20px; background:url(/assets/images/common/radio_off.png) no-repeat; background-size:20px; border:0;} .member_join li dl dd span input:checked + label::after { background:url(/assets/images/common/radio_on.png) no-repeat;; background-size:20px; border:0;} .member_join li select {width:100%; padding-left:15px; padding-right:15px; height:41px; line-height:41px; border:0px; color:#767676; background:url(/assets/images/common/select_ico.png) center right no-repeat; background-size:41px;} .id_pw ul h2 { font-size:17px; font-weight:700; padding-bottom:15px;} .id_pw ul p { color:#797979; padding:10px 0 0;} .id_pw ul:first-child { margin-bottom:30px; } .id_pw ul:first-child .btn_area { margin-bottom:30px;} .info_text { background:#fafafa; padding:10px 15px; border-bottom:1px #ddd solid; text-align: center; position:relative; line-height:18px; } .info_text:after, .info_text:before { content:''; height:0; width:0; position:absolute; left:50%; border: solid transparent; top:100%;} .info_text:after {border-color: rgba(250, 250, 250, 0); border-top-color: #fafafa; border-width: 7px; margin-left: -7px} .info_text:before {border-color: rgba(215, 215, 215, 0); border-top-color: #ddd; border-width: 8px; margin-left: -8px;} .info_text.end { color:#ff5c6d;} .login_store { padding:20px 15px 0;} .store_title { display: table; height:40px; width:100%; margin-bottom:10px; } .store_title dt { display:table-cell; height:40px; } .store_title dt img { height:40px; } .store_title dd { display:table-cell; text-align:right; vertical-align:middle;} .store_title dd span { font-weight:700; padding-right:5px;} .cash_change li { margin-top:-1px; border:1px #ddd solid; position:relative; height:43px; line-height:43px; width:100%; overflow:hidden;} .cash_change li input { width:100%; padding:10px; padding-left:0px; height:41px; line-height:41px; border:0px; } .cash_input { background:url(/assets/images/main/ico_point.png) no-repeat right center; background-size:18px; } .cash_change li dl dt { position: absolute; left:15px; top:0px; color:#767676 } .cash_change li dl dd { text-align:left; padding-left:90px; padding-right:15px; } .cash_change li dl dd span { display:block; position:absolute; right:15px; top:0px; } .cash_change li dl dd span em { color:#ff5c6d;} .cash_change .cash_point { font-size:20px;} .cash_change .cash_point em { width:15px; height:15px; display:inline-block;} .cash_change .cash_point em img { width:100%; vertical-align:middle;} .giude_arera { background:#fafafa; border-top:1px #ddd solid; padding:15px 0; position:relative; } .giude_arera dt { font-weight:700; padding-bottom:5px; } .giude_arera dd {color:#797979; padding-bottom:15px; line-height:18px; } .giude_arera dd p { line-height:18px; } .btn_giude { position:absolute; width:80px; top:20px; right:15px; } .login_store h2 { height:40px; text-align:center; margin-bottom:10px; } .login_store h2 img { height:40px;} .cash_change .id_input { padding:10px 15px; background:url(/assets/images/common/idbg.png) 15px center no-repeat; background-size:14px; padding-left:40px;} .cash_change .pw_input { padding:10px 15px; background:url(/assets/images/common/passwordbg.png) 15px center no-repeat; background-size:14px; padding-left:40px;} .store_join { text-align:center; padding-bottom:30px;} .store_join dt { color:#797979; padding-bottom:20px;} .store_join dd { width:165px; margin:auto;} .webhard_list ul:after { clear:both; display:block;} .webhard_list li { width:50%; float:left; height:110px; line-height:110px; text-align:center; border-bottom:1px #ddd solid; border-right:1px #ddd solid } .webhard_list li:nth-child(even) { border-right:0px;} .webhard_list li a { display:block;} .webhard_list li img { width:125px; vertical-align:middle;} .invitation_friend {margin-top: 20px; text-align: center;} .invitation_friend dl dt { font-size:20px; line-height:20px; } .invitation_friend dl dd { font-size:40px; font-weight: 700; } .invitation_friend .friend_img { width:290px; margin:auto; padding:20px 0;} .invitation_friend .friend_img img { width:100%;} .sns_list { width:100%;} .sns_list:after { clear:both; display:block; content:'';} .sns_list li { width:25%; float:left; height:56px; } .sns_list li a { display: block; color:#797979;} .sns_list li img{ width:55px; height:55px; } .sns_list li p { padding-bottom:10px;} .cash_make { padding-bottom:30px;} .cash_make .tap_btn li:first-child { border-left:0px;} .cash_make .tap_btn li { width:50%; float:left; height:43px; line-height:43px; background:#fbfbfb; text-align:center; border-left:1px #ddd solid; border-bottom:1px #111 solid; } .cash_make .tap_btn li a { display:block; color:#797979; font-size:15px; } .cash_make .tap_btn li.active { border-bottom:1px #fff solid; background:#fff;} .cash_make .tap_btn li.active a { color:#111; font-weight:700;} .cash_make .tap_btn:after { content:''; clear:both; display:block;} .cash_make .cash_con { display:none; padding:20px 15px; text-align:center;} .cash_make .cash_con.on { display:block !important;} .madecahs_list { padding-top:25px; font-size: 16px;} .madecahs_list ul { padding-bottom:25px;} .madecahs_list ul:last-child { padding-bottom:0;} .madecahs_list h3 { font-size:14px; font-weight:700;} .madecahs_list ul li { min-height:50px; line-height:50px; position:relative; border-bottom:1px #ddd solid; } .madecahs_list ul li.title_dl{border-bottom: 1px solid;min-height: 37px; line-height: 37px;} .madecahs_list ul li a { display:block; padding-right:0; cursor:pointer;} .madecahs_list ul li dl { display:table; width:100%;} .madecahs_list ul li dl dt { display:table-cell; color: #666;} .madecahs_list ul li dl dd { display:flex; font-size:16px; font-weight:400; justify-content: right; gap: 5px;} .madecahs_list ul li .fold_m dl dd { padding-right: 5px; } .madecahs_list ul li dl dd em { display:inline-block; width:15px; height:15px; margin-left:5px; position:relative; top:-2px;} .madecahs_list ul li dl dd em img { width:100%; vertical-align:middle; } .madecahs_list ul li dl:after { content:''; display:table-cell; width:38px; border-left:1px #ddd solid; background:url(/assets/images/common/ico_arrow_down.png) center no-repeat; background-size:10px;} .madecahs_list ul .on dl:after { transform: rotate(180deg); border-left: 0; border-right: 1px solid #ddd;} .madecahs_list ul li .not_td:after { display:none;} .madecahs_list ul li .fold_cont { padding:10px; background:#f5f5f5; line-height:180%; color:#797979; display:none; border-top:1px #ddd solid;} .madecahs_list ul li .fold_cont h4 { font-size:15px; color:#797979; padding-bottom:10px;} .madecahs_list ul li .fold_cont p { position:relative; display:table; width:100%; border-bottom:1px #ddd solid; margin-bottom:10px; padding-top:10px;} .madecahs_list ul li .fold_cont p:last-of-type{ border-bottom:0px; padding-bottom: 0;} .madecahs_list ul li .fold_cont p:first-of-type{ padding-top:0px;} .cash_list_title_dl_h3{ border-bottom: 1px solid; padding: 10px 0;} .madecahs_list ul li .fold_cont p span{ color:#111; display:table-cell; font-size: 14px;} .madecahs_list ul li .fold_cont p span em { font-weight:400; color:#ff5c6d;} .madecahs_list ul li .fold_cont p .date { text-align:right; width:80px; color:#888; font-size:14px; white-space: nowrap;} .madecahs_list ul .on .fold_cont { display:block !important;} .more_btn { margin-top:10px; text-align:center; position:relative;} .more_btn .btn_border_wr{ padding:5px 25px; text-align:center; background:#fff; border:1px #ddd solid; border-radius:90px; display:inline-block; position:relative; z-index:2; font-size: 14px;} .more_btn:before { content:''; height:1px; width:100%; background:#ddd; position:absolute; left:0; top:20px; z-index:0; } .guide_info {position:relative; border-top:1px solid #e1e1e1; text-align:center; overflow:hidden;} .guide_list {padding:30px 0 0; box-sizing:border-box; min-height:500px;} .guide_list .guide_img {padding:0 0px; text-align:center;} .guide_list .guide_img img {max-width:185px; text-align:center;} .guide_list dl {padding-top:25px;} .guide_list dl dt {font-size:38px; font-weight:700; padding-bottom:15px; line-height:38px;} .guide_list dl dd {font-size:14px; font-weight:700; line-height:20px;} .rolling_btn {text-align:center; position:fixed; bottom:25px; width:100%;} .rolling_btn span {width:10px; height:10px; display:inline-block; margin:0 3px;} .rolling_btn span.on a {background:#53A93A; border:none;} .rolling_btn span a {display:inline-block; width:100%; height:100%; text-indent:-9999px; border:1px solid #e1e1e1; border-radius:100%; cursor:pointer;} @media screen and (max-width:365px) and (min-width:220px){ .guide_list .guide_img {padding:0 0px;} .guide_list .guide_img img {max-width:150px;} .guide_list dl {padding-top:20px;} .guide_list dl dt {padding-bottom:10px;} } .cash_gift { padding-bottom:20px;} .cash_gift li { margin-top:-1px; position:relative; height:43px; line-height:43px; width:100%; overflow:hidden;} .cash_gift li input { width:100%; padding:10px 15px; height:43px; line-height:43px; border:1px #ddd solid; border-right:0;} .cash_gift li dl { width:100%; display:table; } .cash_gift li dt { display:table-cell;} .cash_gift li dd { display:table-cell; width:52px; } .cash_gift li dd a { display:block; color:#fff; text-align:center; } .cash_gift li dd .btn_seach img{ width:22px; vertical-align:middle; } .pop_area .pop_cont { background:#fff; padding:35px 30px; text-align:center; font-size:15px; line-height:150%;} .pop_area .pop_cont dl {padding-bottom: 15px;} .pop_area .pop_cont dl dt { font-size:22px; font-weight:700; padding-bottom:15px;} .pop_area .pop_cont dl dd { color:#797979;} .gift_end { width:100%; padding:0 20px;} .gift_end .pop_cont:before { content:''; display:block; padding-bottom:5px; height:45px; background:url(/assets/images/main/ico_main03.png) center top no-repeat; background-size:45px;} .gift_end .pop_cont em { color:#ff5c6d} .gift_end .pop_cont span { font-weight:700;} .notice { border-top:1px #ddd solid; padding-top:0;} .notice ul { padding-bottom:0; } .notice ul li { height:auto; line-height:150%; } .notice ul li a { padding:15px 0; padding-right:0; } .notice ul li dl dt {color:#111; font-size:16px; font-weight: 400;} .notice ul li dl:after { border-left:0;} .notice ul li .date { font-size:12px; color:#797979; } .m_leave_top {padding-top:55px; text-align:center;} .m_leave_top dt {width:120px; height:76px; display:inline-block; margin-bottom:30px; } .m_leave_top dt img {width:100%;} .m_leave_top dd {font-size:13px; font-weight:300; padding:0 20px 20px; line-height:18px; } .m_leave_top dd.join_tt {font-size:20px; font-weight:400; padding-bottom:10px;} .m_leave input[type="radio"] {height:auto; width: auto; line-height:normal; position:relative; top:3px; padding-left:0px; } .m_leave input[type="text"] { width:100%; border: 1px solid transparent; border-bottom:1px #e1e1e1 solid; padding-bottom:5px; background-color: transparent; font-size: 16px; height: 34px;} .m_leave { padding:15px 30px; } .m_leave p { margin-bottom:0px;} .m_leave span {width:100%; display:table; position:relative; height:30px; line-height:30px;} .m_leave span label { padding-left:15px; display: table-cell; text-align:left; width:100%; } .m_leave span label::after{content:''; display:block;position:absolute;top:4px;left:-2px; width:20px;height:20px; background:url(/assets/images/common/radio_off.png) no-repeat; background-size:20px; border:0;} .m_leave span input:checked + label::after { background:url(/assets/img/common/radio_on.png) no-repeat;; background-size:20px; border:0;} .clause {line-height:18px; font-size:13px; padding:0px 15px 0px; white-space:pre-line;} .clause strong {padding-bottom:5px; display:inline-block; font-size:14px;} .clause table {width:100%; border:1px solid #e1e1e1; font-size:12px; margin-top:10px;} .clause table th {background:#f1f1f1; padding:5px 0; border-right:1px solid #e1e1e1;} .clause table td {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:5px; word-spacing:-0.8px;} .login_store.space {padding:20px 0 0;} .login_store.space .btn_area {margin:20px 15px;} .login_store.space .cash_make {padding-bottom:0;} .login_store.space .cash_make .cash_con {padding:20px 15px 0;} .login_store.space .cash_make .tap_btn li {width:50%; border-left:1px solid #111; border-top:1px solid #e1e1e1;} .login_store.space .cash_make .tap_btn li:first-child {border-left: 0px;} .login_store.space .cash_make .tap_btn li.active {border-top:1px solid #111;} .login_store.space .site {padding-bottom:15px;} .login_store.space .site ul:after {clear:both; content:''; display:block;} .login_store.space .site ul li {width:25%; padding:0 2px; display:inline-block; } .login_store.space .site li input { width:100%; padding:10px; padding-left:15px; height:41px; line-height:41px; border:0px; text-align:left; color:#111; margin-top:-1px; } .login_store.space .site li input[type="radio"] { height:auto; width:auto; line-height:normal; position:relative; top:3px; padding-left:0px;} .login_store.space .site li p { text-align:center; border:1px solid #e1e1e1; border-radius:30px; font-size:13px; line-height:30px;} .login_store.space .site li p span { display:inline-block; position:relative;} .login_store.space .site li p span label { padding-left:8px; display:inline-block; } .login_store.space .site li.active p.s01 {background:#3fb101; color:#fff; border:1px solid #3fb101;} .login_store.space .site li.active p.s02 {background:#344e8b; color:#fff; border:1px solid #344e8b;} .login_store.space .site li.active p.s03 {background:#df4930; color:#fff; border:1px solid #df4930;} .login_store.space .site li.active p.s04 {background:#fbe300; color:#252525; border:1px solid #fbe300;} .login_store.space .site li p.s01 span label::after{content:''; display:block;position:absolute;top:5px;left:-2px; width:20px;height:20px; background:url(/assets/img/common/site01.png) no-repeat; background-size:20px; border:0;} .login_store.space .site li p.s01 span input:checked + label::after { background:url(/assets/img/common/site01on.png) no-repeat;; background-size:20px; border:0;} .login_store.space .site li p.s02 span label::after{content:''; display:block;position:absolute;top:5px;left:-2px; width:20px;height:20px; background:url(/assets/img/common/site02.png) no-repeat; background-size:20px; border:0;} .login_store.space .site li p.s02 span input:checked + label::after { background:url(/assets/img/common/site02on.png) no-repeat;; background-size:20px; border:0;} .login_store.space .site li p.s03 span label::after{content:''; display:block;position:absolute;top:5px;left:-2px; width:20px;height:20px; background:url(/assets/img/common/site03.png) no-repeat; background-size:20px; border:0;} .login_store.space .site li p.s03 span input:checked + label::after { background:url(/assets/img/common/site03on.png) no-repeat;; background-size:20px; border:0;} .login_store.space .site li p.s04 span label::after{content:''; display:block;position:absolute;top:5px;left:-2px; width:20px;height:20px; background:url(/assets/img/common/site04.png) no-repeat; background-size:20px; border:0;} .login_store.space .site li p.s04 span input:checked + label::after { background:url(/assets/img/common/site04on.png) no-repeat;; background-size:20px; border:0;} @media screen and (max-width:340px) and (min-width:220px){ .intro_box .intro_img {width:180px;} .login_bg { height:300px; } .login_form { padding:0px 45px 30px;} .pop_area .pop_cont dl dd br{ display:none; } } .intro .intro_img img{ opacity: 0; position: absolute; transition: all .3s ease-in-out; width: 100%; } .intro .intro_img svg{ opacity: 1; position: absolute; } .intro .intro_img svg.on,.intro .intro_img img.on{ opacity: 1; } dd.phone { position: relative; } .member_join li dl dd span.join_btn { position: static; } .btn_ct { display: inline-block; width: 100px; height: 30px; line-height: 30px; background: #000; color: #fff; position: absolute; right: 15px; top: 5px; } .txt_box { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 15px 25px; } .txt_box p.tit { font-size: 16px; font-weight: 400; color: #111; line-height: 1.3; margin: 0;} .txt_box p { color: #888; font-size: 14px; font-weight: 400; margin-top: 10px;} .txt_box form { font-size: 0; margin: 20px 0; } .txt_box input[type="text"] { border: 1px solid #ddd; background: #fff; display: inline-block; width: 20%; font-size: 17px; height: 42px; line-height: 42px; text-align: left; margin-right: 4px;} .txt_box input[type="submit"] { background-color: #53A93A; color: #fff; font-weight: 700; font-size: 16px; display: inline-block; width: 46%; height: 42px; line-height: 2px; text-align: center; border-radius: 22px;} .txt_box.coupon_box form{ display: flex; gap: 4px; align-items: center; justify-content: center; } .txt_box.coupon_box form p { display: inline; font-weight: 400; font-size: 20px; margin-top: 0; } .txt_box.coupon_box input[type="text"]{ width: calc(33.33% - 16px); } .list_top { padding: 20px 0; text-align: center; } .list_top h2 { font-size: 18px; font-weight: 700; margin-top: 20px;} .list_top > div { text-indent: -9999px; background-repeat: no-repeat; background-size: 187px; background-position: center center; width: 100%; height: 100px; display: block; } .list_top .day { background-image: url('/assets/images/sub/img_card_day.png'); } .list_top .week { background-image: url('/assets/images/sub/img_card_week.png'); } .shop_list ul { border-top: 1px solid #e1e1e1; padding: 0 15px; } .shop_list li { border-bottom: 1px solid #e1e1e1; height: 44px; box-sizing: border-box; line-height: 44px; } .shop_list li:last-child { border-bottom: 0 none; } .shop_list li dl::after { display: block; content: ''; clear: both; } .shop_list li dl dt { float: left; color: #797979; } .shop_list li dl dd { float: right; color: #444; } .shop_list li input[type="tel"] { display: inline-block; width:175px; padding:10px; padding-left:12px; height:27px; line-height:27px; text-align:center; background: #fafafa; color: #888; border: 1px solid #e1e1e1; } .shop_list .input_chk { position:relative; font-size:15px; height:44px; display: inline-block; } .shop_list .input_chk label { padding-left: 25px; } .shop_list .input_chk label::after{display: block; content: '';background:url('/assets/img/common/btn_check_off_new.png') no-repeat;background-size:24px;content: '';top: 10px; left: -5px; display: inline-block; position: absolute; width: 24px;height: 24px; } .shop_list .input_chk input:checked + label::after{background:url('/assets/img/common/btn_check_on_new.png') no-repeat 0 0;background-size:24px;} .giude_arera.pd { padding-bottom: 15px; } @media screen and (max-width:311px) and (min-width:230px){ .shop_list ul {padding-bottom: 50px;} } @media screen and (max-width:260px) and (min-width:200px){ .shop_list ul {padding-bottom: 100px;} } .shop_partner { background: #fff; padding: 18px 15px; } .brand_list ul { margin: 0 -4px; } .brand_list ul li { float: left; width: calc(33.33% - 6px); height: 120px; margin: 0 4px; margin-bottom: 8px; } .brand_list ul li a { display: block; background: #fff; border: 1px solid #e1e1e1; } .brand_list ul li .p_logo { width: 75px; height: 90px; margin: 0 auto; position: relative; } .brand_list ul li .p_logo img { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .brand_list ul li .p_tit { height: 30px; line-height: 30px; text-align: center; font-weight: 700; border-top: 1px solid #e1e1e1; } .shop_partner table tr td {padding-bottom:4px; color: #232323; font-size: 11px; font-weight: 710; } .shop_partner table tr td .main_brand_cls{ border : 1px solid #b5b5b5; padding : 9px 0 9px 0; border-radius : 16px; margin : 5px; } .agree { padding: 20px 0 20px; border-top: 1px solid #ddd; } .agree_cont.shop_list .input_chk { display: table; margin-bottom: 20px; } .agree_cont.shop_list .input_chk label { padding-left: 31px; display: table-cell; color: #111; font-size: 14px; word-break: keep-all; } .agree_cont.shop_list .input_chk label::after { top: 0; left: 0; } .agree_cont.shop_list .input_chk input { position: relative; left: 5px; top: 5px; display: table-cell; } .intro { position: relative; } .top_txt dl dt { font-weight: 400; } .top_txt dl strong { font-weight: 900; } .top_txt dd strong { font-weight: 900; } .login_box { position: fixed; bottom: calc(20px + env(safe-area-inset-bottom)); width: 100%; } body { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } .intro_con .rel_wrap{ display: flex; justify-content: center; flex-direction: column; align-items: center; } .login_box .btn_round{ height: 52px; } .login_box .btn_round.w_bg{ color: #53A93A; border: 1px solid #ddd; } .intro_con .top_txt dl{ text-align: center; } .madecahs_list h3.cash_list_title{ border-bottom: none; } .madecahs_list ul li dl.cash_list_title_dl:after{ content: none; } .cash_list_title_dl select{ transform: translateY(-5px); width: 90px; padding-left: 15px; padding-right: 15px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px #ddd solid; background: url(/assets/images/common/ico_arrow_down.png) center right no-repeat; background-size: 8px; background-position: calc(100% - 5px); border-radius: 10px; color: #111; } .cash_list_title_dl select.cash_list_month{ width: 75px; } .shop_partner ul li .p_logo.p_logo_wrap{width: 100%;max-width: 75px;} .shop_partner ul li .p_tit.p_tit_wrap{width: 100%; overflow: hidden;} @media screen and (max-width: 260px) { .brand_list ul li{width: calc(50% - 4px);} } .list_top .list_top_goods_img{width: 100%; max-width: 450px;} .shop_list_new ul,.shop_list_new li,.shop_list_new dl {width: 100%;} .shop_list_new ul {border-top: 1px solid #e1e1e1;} .shop_list_new li {border-bottom: 1px solid #e1e1e1; box-sizing: border-box; padding: 13.5px 0;} .shop_list_new li:last-child{border-bottom: 0;} .shop_list_new dl{display: flex; justify-content: space-between; align-items: center;} .shop_list_new li dl dt{color: #797979;} .shop_list_new li dl dd{color: #111;} .shop_list_new .input_chk { position:relative; font-size:15px; display: inline-block; } .shop_list_new .input_chk label { padding-left: 25px; } .shop_list_new .input_chk label::after{background:url('/assets/images/common/btn_check_off.png') no-repeat;background-size:24px;content: '';top: -3px; left: -5px; display: inline-block; position: absolute; width: 24px;height: 24px; } .shop_list_new .input_chk input:checked + label::after{background:url('/assets/images/common/btn_check_on.png') no-repeat 0 0;background-size:24px;} .shop_list_new .tel_wrap{display: flex;align-items: center;} .member_join li input[type="radio"] { visibility: hidden; } .member_join.info li dl dd { text-align: right; } .txt_box input[type="submit"] { border: 0; } .txt_box.coupon_box input[type="text"] {margin-right: 0px; text-align: center;} .prev_terms select{width: 100%; padding-left: 15px; padding-right: 15px; height: 41px; line-height: 41px; border: 0px; border: 1px #ddd solid; max-width: 580px; color: #767676; background: url(/assets/images/common/select_ico.png) center right no-repeat; background-size: 41px;} .agree{ border-top: 0; } .get_terms{ margin-top: 20px; padding: 20px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: table-cell; color: #888; line-height: 1.3; font-size: 14px; word-break: keep-all; display: block; } .pop_cer_num{ padding: 10px 0; font-size: 24px; font-weight: 700; } .pop_cer_num input[type="text"]{ border: none; text-align: center; font-size: 24px; font-weight: 700; border-bottom: 1px #ddd solid; width: 100%; padding: 10px; } .user_phone_wrap{ display: flex; } .pop_txt_warning{ font-size: 12px; color: #797979; line-height: 1.3; padding-bottom: 20px; } .mobilecoupon_list ul li.coupon_list_disable a dl dt{ position: relative; filter: contrast(0.8); } .mobilecoupon_list ul li.coupon_list_disable a dl dt::before{ position: absolute; content: "일시품절"; top: 5px; left: 20px; border: 1.5px solid #A50000; color: #A50000; background-color: rgba(255, 255, 255, 0.8); padding: 0px 3px; font-weight: 600; font-size: 16px; border-radius: 5px; } .mobilecoupon_list ul li.coupon_list_disable a{ position: relative; } .mobilecoupon_list ul li.coupon_list_disable a:before{ position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.03); } .c_m{ color: #53A93A; } .m10{ margin: 10px 0; } .content.main{ padding-top: 0; background-color: #F9F9F9; min-height: 100vh; padding-bottom: 174px; } .top_title{ height: 62px; display: block; padding: 20px 18px; } .top_title h2{ font-weight: 700; font-size: 20px; } .rel_wrap{ padding: 0 18px; } .wrap_box{ padding: 20px; background-color: #fff; border-radius: 12px; border: 1px solid #ddd; } .point_title{ font-size: 14px; font-weight: 400; margin-bottom: 2px; } .point_num{ font-size: 24px; font-weight: 400; } .point_num span{ font-weight: 800; } .point_button_wrap{ background-color: #53A93A; border-radius: 8px; overflow: hidden; display: flex; position: relative; margin-top: 10px; } .point_button_wrap a{ font-size: 16px; font-weight: 400; color: #fff; text-align: center; width: 50%; display: block; padding: 20px 0; } .point_button_wrap::after{ content: ""; position: absolute; width: 1px; height: 18px; top: calc(50% - 9px); left: calc(50% - 1px); background-color: #fff; } .main_button_wrap{ display: flex; flex-wrap: wrap; gap: 10px; } .main_button_wrap a{ width: calc(50% - 5px); padding: 20px; border-radius: 12px; background-color: #fff; overflow: hidden; display: block; max-width: 304px; } .main_button_wrap a.w100{ width: 100%; max-width: 608px; display: flex; gap: 40px; align-items: flex-end; } .main_button_wrap a.w100 .main_button_img_wrap{ width: calc(50% - 20px); } @media (min-width: 680px) { .main_button_wrap a.w100{ width: calc(50% - 5px); max-width: 304px; display: block; } .main_button_wrap a.w100 .main_button_img_wrap{ width: 100%; } } .main_button_img_wrap{ margin-bottom: 10px; width: 100%; max-width: 264px; } .main_button_img_wrap img{ width: 100%; display: block; } .main_button_txt_wrap{ font-size: 16px; font-weight: 400; line-height: 1.5; } .main_button_txt_wrap b{ font-weight: 700; } .sub_title{ font-size: 18px; font-weight: 700; } .footer_button_wrap{ border-top: 1px solid #ddd; position: fixed; bottom: calc(0px + env(safe-area-inset-bottom)); height: 64px; max-height: 64px; min-height: 64px; width: 100%; background-color: #fff; display: flex; z-index: 100; } .footer_button_wrap a{ width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0.5; height: 64px; } .footer_button_wrap a p{ margin-top: 5px; font-size: 10px; font-weight: 400; } .footer_button_wrap a.on{ opacity: 1; position: relative; } .footer_button_wrap a.on::after{ content: ""; position: absolute; top: 0px; left: calc(50% - 15px); height: 2px; width: 30px; background-color: #53A93A; z-index: 101; } .footer_button_wrap a svg path{ fill: #111; } .txt_menu_wrap{ display: flex; gap: 20px; margin-bottom: 20px; } .txt_menu_wrap a{ font-size: 18px; font-weight: 400; opacity: .4; } .txt_menu_wrap a.on{ opacity: 1; font-weight: 700; color: #53A93A; } .txt_menu_wrap a:not(:first-child){ position: relative; } .txt_menu_wrap a:not(:first-child)::after{ content: ""; position: absolute; display: block; width: 1px; height: 12px; background-color: #ddd; top: calc(50% - 6px); left: -10px; } .event_wrap{ display: flex; flex-wrap: wrap; gap: 20px; } .event_wrap a{ width: 100%; } .event_img{ border-radius: 12px; overflow: hidden; max-width: 720px; width: 100%; margin-bottom: 10px; border: 1px solid #ddd; } .event_img img{ width: 100%; } @media (min-width: 721px){ .event_wrap a{ width: calc(50% - 10px); } } .event_wrap dd{ font-size: 16px; font-weight: 700; } .event_wrap dt{ font-size: 14px; font-weight: 400; color: #888; margin-top: 5px; } .event_wrap .off{ filter: grayscale(100%); } .event_wrap .off dl{ opacity: .6; } .top_txt_wrap{ font-size: 20px; font-weight: 400; margin-bottom: 20px; line-height: 1.5; } .top_txt_wrap b{ font-weight: 700; color: #53A93A; } .top_txt_sub_wrap{ font-size: 14px; margin-top: 5px; line-height: 1.5; color: #888; } .wrap_box .top_txt_sub_wrap{ margin-top: 0; margin-bottom: 10px; font-size: 16px; color: #000; } .shop_partner{ background-color: transparent; } .shop_partner ul li a{ border: 0; background-color: transparent; } .shop_partner ul li .p_logo.p_logo_wrap{ background-color: #fff; border-radius: 12px; border: 1px solid #ddd; max-width: unset; display: flex; justify-content: center; } .shop_partner ul li .p_logo img{ max-width: 75px; } .shop_partner ul li .p_tit{ border: 0; font-size: 14px; font-weight: 400; } .wheel_button{ background-color: #53A93A; width: 90px; height: 90px; border-radius: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; border: 5px solid #fff; position: absolute; top: calc(50% - 45px); left: calc(50% - 45px); text-align: center; cursor: pointer; outline: 0; filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.08)); } .wheel_sub_txt{ font-size: 14px; color: #fff; } .wheel_txt{ font-size: 16px; font-weight: 700; color: #fff; } .wheel_wrap{ margin-top: 20px; position: relative; display: inline-block; position: relative; z-index: 2; } .wheel_wrap canvas{ background-image: url(/assets/img/new/wheel_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .wheel_wrap::after{ background-image: url(/assets/img/new/wheel_pin.png); background-size: contain; background-repeat: no-repeat; content: ''; width: 50px; height: 72px; left: calc(50% - 25px); top: -25px; position: absolute; display: block; } .wheel_wrap::before{ position: absolute; content: ''; display: block; width: 88%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: bottom; bottom: -15px; left: 50%; transform: translateX(-50%); background-image: url(/assets/img/new/wheel_shadow.png); } .shop_partner table tr td{ width: calc(33.33% - 3px); padding-bottom: 0; } .shop_partner table tr td .main_brand_cls{ margin: 0; } #main_brand tr{ display: flex; gap: 5px; } .shop_partner{ margin-top: 20px; } .shop_partner ul{ display: flex; gap: 4px 8px; flex-wrap: wrap; } .brand_list ul li{ float: unset; margin: 0; } #main_brand{ margin-bottom: 20px; } #tr2{ margin-top: 5px; } .mobilecoupon_list .list_money{ font-size: 18px; font-weight: 400; } .mobilecoupon_list .list_money span{ font-weight: 700; } .shop_partner .brand_category{ gap: 10px 4px; } .brand_category li{ padding: 10px 12px; background-color: #fff; border-radius: 18px; font-size: 14px; font-weight: 400; color: #111; border: 1px solid #ddd; } .brand_category li.brand_on{ background-color: #53A93A; color: #fff; } .shop_list_new li input[type="tel"] { display: inline-block; font-weight: 400; color: #111; padding: 0; text-align: right; border: 0; outline: 0; background-color: transparent; line-height: 1; height: auto; width: auto; max-width: 8em; } body{ background-color: #F9F9F9; } .header { height: 62px; line-height: 62px; padding: 0 18px; position:fixed; top: calc(0px + env(safe-area-inset-top)); left:0px; width:100%; z-index:9999; display: flex; background-color: #F9F9F9; } .header .title{ text-align: left; font-weight: 700; height: 62px; display: flex; align-items: center; } .header .title a{ display: flex; align-items: center; margin-right: 5px; } .mobilecoupon_list ul li a dl dt{ padding-left: 0 !important; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; background-color: #fff; width: 90px; height: 90px; } .list_top .list_top_goods_img{ border-radius: 12px; border: 1px solid #ddd; } .wheel_txt_wrap{ text-align: center; color: #111; margin-bottom: 20px; } .wheel_top_txt_sub{ font-size: 16px; font-weight: 400; } .wheel_top_txt{ margin-top: 5px; font-size: 20px; font-weight: 700; line-height: 1.3; } .wheel{ display: flex; justify-content: center; position: relative; width: 100%; } .wheel_disabled_txt_box{ position: absolute; z-index: 3; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; background-color: #fff; border-radius: 12px; padding: 10px; font-size: 16px; line-height: 1.3; border: 1px solid #ddd; filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.16)); display: none; color: #111; font-weight: 700; } .wheel.disabled .wheel_disabled_txt_box{ display: block; } .wheel.disabled .wheel_disabled_txt_box p:nth-child(2){ font-size: 14px; font-weight: 400; } .wrap_box:has(.wheel.disabled){ background-color: #dcdcdc !important; } .wheel.disabled .wheel_disabled_txt_box{ display: block; } .wheel.disabled .wheel_wrap{ filter: contrast(0.6); } .coin{ width: 80px; height: 80px; position: absolute; background-image: url(/assets/img/new/coin.png); background-size: contain; background-repeat: no-repeat; } .c01{ top: 70%; left: -4%; transform: rotate(-15deg); z-index: 3; } .c02{ top: -5%; left: 0%; transform: rotate(12deg); z-index: -1; } .c03{ top: 63%; left: 80%; transform: rotate(12deg); z-index: -1; } .mb20{ margin-bottom: 20px; } .mt20{ margin-top: 20px; } .wheel_gauge{ margin-top: 60px; } .wheel_gauge ul{ height: 20px; background-color: #fff; border-radius: 10px; display: flex; } .wheel_gauge li{ width: 20%; height: 100%; position: relative; } .wheel_gauge li:first-child{ border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .wheel_gauge li:last-child{ border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .wheel_gauge li.on{ background-color: #53A93A; } .wheel_gauge li:not(:last-child):before{ position: absolute; top: -20px; right: 0; height: 40px; width: 1px; content: ""; background-color: #ddd; } .wheel_gauge li:not(:last-child)::after{ position: absolute; top: -50px; right: -15px; height: 30px; width: 30px; content: ""; border-radius: 100%; background-color: #fff; background-image: url(/assets/img/new/wheel_money.png); background-size: 24px; background-repeat: no-repeat; background-position: center center; border: 1px solid #ddd; } .wheel_gauge li.on:not(:last-child):before{ background-color: #53A93A; } .wheel_gauge li.on:not(:last-child)::after{ border: 1px solid #53A93A; background-image: url(/assets/img/new/wheel_money_on.png); } .info_top_txt{ font-size: 18px; font-weight: 700; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #111; list-style-type: square; } .new_info li{ list-style-type: "-"; margin-left: .5em; padding-left: .5em; color: #888; line-height: 1.3; } .new_info li:not(:last-child){ margin-bottom: 5px; } .title_left{ display: flex; white-space: nowrap; } .title.wpoint{ justify-content: space-between; width: 100%; } .title p.point_num{ font-size: 18px; white-space: nowrap; } .title p.point_num span{ margin-right: 1px; } .header .title .my_cash{ display: unset; width: unset; margin: unset; } .setting_area li .btn_update { width:70px; height:25px; position:absolute; right:15px; top:14px; text-align:center;} .setting_area li .btn_update a { display:block; border:1px #ff5c6d solid; line-height:25px; color:#ff5c6d; font-size:13px; background:#fff; } .setting_area li{ font-size: 16px; font-weight: 400; color: #111; height: 50px; display: flex; align-items: center; border-bottom: 1px solid #ddd; } .setting_area li label { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } .setting_area li label::after{ content: 'OFF'; font-size: 10px; color: #666; text-indent: 5px; display: flex; align-items: center; width: 50px; height: 28px; background-color: #ddd; border-radius: 14px; border: 0; transition: background 0.3s; -webkit-transition: background 0.3s; } .setting_area li label::before{ content: ""; display: block; position: absolute; background-color: #fff; border-radius: 100%; width: 22px; height: 22px; right: 2px; transition: all 0.3s; -webkit-transition: all 0.3s; } .setting_area li input:checked + label::before{ right: 25px; } .setting_area li input[type="checkbox"] { opacity: 0; pointer-events: none; width: 0; height:0; } .setting_area li input:checked + label::after { background-color: #53A93A; content: "ON"; text-indent: 29px; color: #fff; } .setting_area > ul > li > div{ width: 100%; height: 100%; display: flex; align-items: center; } .setting_area > ul > li > div.txt_dl{ justify-content: space-between; } .setting_area > ul > li a { display: flex; width: 100%; height: 100%; align-items: center; } .section_top{ border-bottom: 1px solid; padding: 10px 0; } .section_top p{ color: #111; font-size: 14px; font-weight: 700; line-height: 1.3; } .section_top p.section_top_sub{ color: #888; font-weight: 400; font-size: 13px; margin-top: 2px; } .setting_area ul + .section_top{ margin-top: 10px; } .pop_area .pop_cont{ border-radius: 12px; } .pop_cont .gr_bg{ border-radius: 10px; } .popup { transform: translateY(-50%); } .pop_btn_2way{ display: flex; gap: 5px; } .pop_btn_2way .wd50{ background-color: #53A93A; border-radius: 10px; } .pop_btn_2way .btn_cancel { background-color: #ddd; color: #888; } .setting_area li dl{ display: flex; justify-content: space-between; align-items: center; width: 100%; } .setting_area li dt{ white-space: nowrap; } .setting_area li dd{ color: #888; } .setting_dl input[type="email"],.setting_dl input[type="text"],.setting_dl input[type="password"]{ text-align: right; font-size: 16px; color: #111; border: 0; outline: 0; background-color: transparent; max-width: 10em; white-space: wrap; } .btn_round.btn_phone_cer{ font-size: 14px; font-weight: 400; padding: 0 12px; } .btn_round.btn_phone_cer span{ text-align: center; } .full_input_wrap{ width: 100%; } .setting_dl .full_input_wrap input[type="password"]{ width: 100%; height: 100%; padding: 10px; text-align: left; max-width: 100%; } .setting_area_sub_txt{ margin-top: 10px; font-size: 13px; font-weight: 400; color: #888; line-height: 1.3; } .member_join li input[type="text"],.member_join li input[type="tel"],.member_join li input[type="email"],.member_join li input[type="password"]{ border: 0; width: 100%; height: 100%; background-color: transparent; border-bottom: 1px solid #ddd; font-size: 16px; color: #111; outline: 0; } .login_top_wrap{ display: flex; flex-direction: column; align-items: center; padding: 50px 0; position: relative; margin-bottom: 20px; } .login_top_wrap::after{ content: ""; width: 30px; height: 1px; background-color: #ddd; position: absolute; bottom: 0; left: calc(50% - 15px); } .login_logo_wrap{ width: 80px; } .login_logo_wrap img{ width: 100%; } .login_top_wrap p{ font-size: 18px; margin-top: 20px; } .box_bg_gr{ background-color: #53A93A; } .splash{ width: 100%; height: 100%; position: relative; transition: background .3s ease-in-out; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-top); } .splash.color{ background-color: #53A93A; } .splash.color .color_logo{ display: none; } .splash_img{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .splash_img img{ position: absolute; width: 74px; height: 97px; opacity: 0; transition: opacity .5s ease-in-out; } .splash_img svg{ position: absolute; width: 72px; height: 95px; opacity: 0; transition: opacity .5s ease-in-out; } .splash_img img{ z-index: 3; } .splash_img img.on,.splash_img svg.on{ opacity: 1; } .inq_input_wrap{ padding-top: 10px; } .inq_input_wrap textarea, .partnership textarea{ width: 100%; padding: 10px; background-color: #fff; border-radius: 12px; border: 1px solid #ddd; height: 15em; font-size: 16px; line-height: 1.3; resize: none; } .inq_input_top_txt{ font-size: 13x; color: #888; margin-bottom: 2px; } .inq_input_wrap input[type="text"]{ width: 100%; padding: 10px; background-color: #fff; border-radius: 12px; border: 1px solid #ddd; font-size: 16px; line-height: 1.3; } .inq_input_wrap input[type=file]{ position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } .inq_file label{ display: inline-flex; height: 42px; width: 100px; color: #fff; font-size: 16px; font-weight: 400; border-radius: 10px; justify-content: center; align-items: center; background-color: #53A93A; } .inq_file{ display: flex; gap: 10px; } .inq_file input[type="text"]{ width: calc(100% - 110px); } .inq_file input[type="text"]::placeholder{ color: #888; } .madecahs_list.inq{ padding-top: 0; border-top: 1px solid #ddd; } .madecahs_list.inq ul li dl:after{ border-left: 0; } .madecahs_list.inq ul .on dl:after{ border-right: 0; } .madecahs_list.inq dt{ line-height: 1; min-height: 50px; padding: 10px 0; display: flex; justify-content: center; flex-direction: column; } .inq_list_date{ font-size: 14px; color: #888; margin-top: 2px; } .help_slide{ width: 100%; } .help_slide .swiper-wrapper{ height: calc(100dvh - 132px); width: 100%; } .help_slide .swiper-slide{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .help_slide_img_wrap{ display: flex; flex-direction: column; align-items: center; margin-bottom: 10px; } .help_slide_img_wrap img{ width: 85%; max-width: 263px; } .help_slide_txt_wrap{ display: flex; flex-direction: column; gap: 10px; width: 223px; margin: 0 auto; } .help_slide_number{ font-size: 18px; font-weight: 700; color: #53A93A; } .help_slide_txt{ font-size: 18px; font-weight: 700; color: #111; } .help_slide_sub_txt{ font-size: 16px; font-weight: 400; color: #111; } .help_slide_sub_txt span{ color: #53A93A; } .help_slide .swiper-pagination{ bottom: -56px !important; } .help_slide .swiper-pagination .swiper-pagination-bullet{ background-color: unset; opacity: 1; border: 1px solid #ddd; } .help_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 1px solid transparent; background-color: #53A93A; } .help_slide{ --swiper-navigation-size: 20px; --swiper-theme-color: #ddd; } .help_slide .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0 !important; } .help_slide .swiper-button-next, .swiper-button-prev{ transform: translateY(30px) !important; } .member_join.partnership li dl dd{ width: 100%; } .inq_list_file{ font-size: 14px; color: #797979; line-height: 1.3; padding-top: unset !important; padding-bottom: 5px !important; } .inq_list_file a{ color: #01f; text-decoration: underline; display: inline-block !important; } .no_inq_list{ width: 100%; height: 200px; } .no_inq_list p{ font-size: 18px; height: 100%; font-weight: 700; display: flex; justify-content: center; align-items: center; } .find_id_txt_id{ margin: 10px 0; font-size: 18px; font-weight: 700; color: #111; } .find_id_sub_txt{ font-size: 14px; } .pop_inq_img{ width: 100%; display: block; } .pop_inq_img img{ max-width: 100%; max-height: calc(100dvh - 200px); } .madecahs_list ul li .fold_cont .q_wrap{ color: #111; } .a_wrap{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; color: #111; } .inq_title{ font-size: 16px; color: #797979; padding-bottom: 15px; border-bottom: unset !important; } .leave_wrap{ min-height: 100vh; } .login_box.leave{ position: static; } .wrap::before{ content: ""; height: env(safe-area-inset-top); width: 100%; position: fixed; z-index: 1; background-color: #f9f9f9; top:0; } .wrap::after{ content: ""; height: env(safe-area-inset-bottom); width: 100%; position: fixed; z-index: 1; background-color: #f9f9f9; bottom: 0; } .wrap.main::after{ background-color: #fff; } .pop_banner{ display: none; } .pop_banner.on{ display: block; } .pop_banner_wrap{ position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100% - 36px); max-width: 58.1rem; z-index: 99999; } .pop_banner .swiper-pagination{ color: #fff; font-size: 12px; top: 41px; right: 20px; bottom: unset; left: unset; width: auto; background-color: rgba(0, 0, 0, 0.1); padding: 1px 10px; border-radius: calc(1px / 0); } .banner_top_area{ display: flex; justify-content: space-between; margin-bottom: 5px; } .banner_top_area a{ font-size: 14px; color: #fff; } .banner_area a{ border-radius: 12px; overflow: hidden; display: block; } .banner_slide img{ width: 100%; } .pop_notice{ display: none; } .pop_notice.on{ display: block; } .pop_notice_wrap{ position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100% - 36px); z-index: 99999; } .pop_notice_area{ background-color: #fff; border-radius: 12px; padding: 20px; } .pop_notice_top{ font-size: 16px; font-weight: 700; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .pop_notice_inner{ max-height: 300px; overflow-y: auto; } .pop_notice_inner p{ font-size: 16px; font-weight: 400; line-height: 1.5; } .inq_title{ padding-bottom: 15px !important; }body:has(.pop_notice.on){ overflow: hidden; }