@charset "utf-8";
/*
    Layout.css
*/


/*** Container ***/
#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_after{ margin-top:-190px;}
.login_after .intro_img {width:168px}*/
.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; }

/*포인트 적립/사용 아코디언*/
.pt-section { padding-top: 25px; font-size: 16px; }
.pt-section + .pt-section { padding-top: 10px; }

.pt-section__title-row { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #111; padding-bottom: 10px; margin-bottom: 4px; }
.pt-section__title { font-size: 14px; font-weight: 700; margin: 0; }
.pt-section__filter select { border: 1px solid #ddd; border-radius: 4px; font-size: 13px; padding: 4px 6px; color: #333; background: #fff; }
.pt-section__filter select + select { margin-left: 4px; }

.pt-total-row { display: flex; align-items: center; justify-content: space-between; min-height: 50px; border-bottom: 1px solid #ddd; color: #666; }
.pt-total-row__amount { color: #111; font-size: 16px; font-weight: 400; }

.pt-accordion__item { border-bottom: 1px solid #ddd; }

.pt-accordion__head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 50px; padding: 0; background: none; border: 0; cursor: pointer; font: inherit; text-align: left; color: #666; }
.pt-accordion__label { flex: 1; }
.pt-accordion__amount { font-size: 16px; color: #111; font-weight: 400; }
.pt-accordion__amount--minus { color: #ff5c6d; }

.pt-accordion__arrow-wrap { flex: 0 0 38px; align-self: stretch; border-left: 1px solid #ddd; background: url(/assets/images/common/ico_arrow_down.png) center no-repeat; background-size: 10px; transition: transform .2s ease; }
.pt-accordion__item.is-open .pt-accordion__arrow-wrap { transform: rotate(180deg); border-left: 0; border-right: 1px solid #ddd; }

.pt-accordion__body { height: 0; overflow: hidden; transition: height .2s ease; background: #f5f5f5; }
.pt-accordion__item.is-open .pt-accordion__body { height: auto; }
.pt-accordion__item.is-open .pt-accordion__body--tall { height: 320px; }

.pt-accordion__body-inner { height: auto; box-sizing: border-box; padding: 10px 14px; display: flex; flex-direction: column; justify-content: center; }
.pt-accordion__body--tall .pt-accordion__body-inner { height: 320px; justify-content: flex-start; }

.pt-accordion__guide { font-size: 13px; line-height: 160%; color: #797979; padding-bottom: 12px; }

.pt-accordion__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid #ddd; line-height: 20px; }
.pt-accordion__row:last-child { border-bottom: 0; }
.pt-accordion__row-desc { color: #111; font-size: 14px; }
.pt-accordion__row-amount { color: #888; font-size: 14px; white-space: nowrap; text-align: right; }
.pt-accordion__row-amount em { font-style: normal; font-weight: 400; color: #ff5c6d; }

/*이용안내*/
.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;
 }
  /* 20.02.17 khj 추가 */
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; }

/* 20.03.26 khj추가 */
.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);
}
/* 20.05.14 */
/* 상점제휴상세 */
.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: #fafafa; padding: 18px 15px; }*/
.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; }

/* 21.11.09 메뉴추가 */
.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;
}

/* 20.05.15 khj추가 */
/* 상점제휴상세 */
.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; }

/* 20.05.18 khj 추가 */
.intro { position: relative; }
/*.top_txt { padding-top: 20px; }*/
.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;
}
/* 221109 */
.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;
}

/* 22.11.29 - yj - 해상도 문제 해결 */
.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);} 
}
/* 22.11.29 수정 - yj - 상품상세 new */
.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;}
/*.giude_arera.giude_fix{padding: 0 15px;}*/

/* 22.11.30 수정 - yj - 회원정보 UI 깨짐 이슈 해결 */
.member_join li input[type="radio"] { visibility: hidden; }
.member_join.info li dl dd { text-align: right; }

/* 22.11.30 수정 - yj - 쿠폰 교환 UI 깨짐 이슈 해결 */
.txt_box input[type="submit"] { border: 0;  }
.txt_box.coupon_box input[type="text"] {margin-right: 0px; text-align: center;}
/* 22.12.20 수정 - yj - 이용약관 셀렉트박스 */
.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;}
/* 23.01.09 수정 - yj*/
.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;
}

/* 23. 04. 03 - yj - 모바일쿠폰 상점 - 비활성화 */
.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);
}

/* 24.06.25 리뉴얼 */
.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;
}
/* 더보기 링크 > 버튼, 리뉴얼시 필요없어서 지워버림 */
/* .setting_area > ul > li a:after {
    content:'';
    display:block;
    width:12px;
    height:21px;
    background:url(/assets/images/common/ico_arrow.png) no-repeat;
    background-size:12px;
    position:absolute;
    right:15px;
    top:17px;
} */
.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;
}

/* 탈퇴 화면 fix */
.leave_wrap{
    min-height: 100vh;
}
.login_box.leave{
    position: static;
}

/* iOS 대응 */
.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;
}

/* banner */
.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;
}

/* 캠페인 이벤트 모달 관련 260701 */
#pop_campaign .pop_banner_wrap {
    max-width: 440px;
}
#pop_campaign .pop_banner_wrap .banner_area a {
    border-radius:12px 12px 0 0;
}
#pop_campaign .banner_area a img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
    width: 100%;
}
#pop_campaign .btn_more {
    margin-top: 0px;
    border-radius: 0 0 12px 12px !important;
}
body:has(#pop_campaign.on) {
    overflow: hidden;
}

/* 260703 메인페이지 리뉴얼 (쿠팡파트너스) - main-coupang_view.html */
.rn-top_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rn-title_wrap{
    display: flex;
    align-items: center;
    gap: 6px;
}
.rn-title_logo{
    width: 20px;
    height: 20px;
    display: block;
}
.rn-section_title{
    font-size: 14px;
    font-weight: 600;
    color: #888;
}
.rn-bell_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #111;
}
.rn-bell_btn svg{
    width: 22px;
    height: 22px;
}
.rn-point_card{
    padding: 18px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #5FC24A 0%, #3E9E2D 100%);
    color: #fff;
}
.rn-point_card_title{
    font-size: 13px;
    font-weight: 400;
    opacity: .9;
    margin-bottom: 2px;
}
.rn-point_card_num{
    font-size: 25px;
    font-weight: 800;
}
.rn-point_card_num span{
    font-size: 17px;
    font-weight: 700;
}
.rn-point_card_btns{
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.rn-point_card_btns a{
    width: 50%;
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.18);
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}
.rn-coupang_card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 8px 20px;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.rn-coupang_banner{
    align-self: stretch;
    height: 33px;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}
.rn-coupang_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
}
.rn-coupang_desc{
    display: inline-block;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    color: #53A93A;
    /* background-color: rgba(83, 169, 58, 0.1); */
    padding: 4px 0;
    border-radius: 20px;
}
.rn-coupang_info_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #bbb;
}
.rn-coupang_info_btn svg{
    width: 18px;
    height: 18px;
}
/* 아이프레임 자체 폰트/여백을 못 건드리므로(cross-origin) 0.75배로 축소 후,
   폭은 100/0.75=133.33%로 보정해 시각적으로는 100% 폭을 유지 → 배너 높이만 37px→33px로 줄어드는 효과 */
.rn-coupang_banner iframe{
    display: block;
    width: 133.33%;
    height: 44px;
    border: none;
    transform: scale(0.75);
    transform-origin: top left;
}

/* 쿠팡 파트너스 안내 모달 (하단 시트, main-coupang_view.html 전용) */
.rn-cp_info_sheet{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
    max-height: 82vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 20px 20px 0 0;
}
.rn-cp_info_head{
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.rn-cp_info_handle{
    width: 36px;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    margin: 12px auto;
}
.rn-cp_info_head_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 20px;
}
.rn-cp_info_head_left{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.rn-cp_info_title{
    font-size: 16px;
    font-weight: 700;
    color: #191919;
    flex-shrink: 0;
}
.rn-cp_info_badge{
    font-size: 12px;
    font-weight: 700;
    color: #53A93A;
    background: rgba(83, 169, 58, 0.1);
    border-radius: 10px;
    padding: 3px 8px;
    flex-shrink: 0;
}
.rn-cp_info_close{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f0f0f0;
    color: #888;
    flex-shrink: 0;
}
.rn-cp_info_close svg{
    width: 12px;
    height: 12px;
}
.rn-cp_info_body{
    padding: 16px 20px 4px;
    box-sizing: border-box;
}
.rn-cp_info_pills{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 18px;
}
.rn-cp_info_pill{
    font-size: 12px;
    font-weight: 600;
    color: #666;
    background: #F2F2F2;
    border-radius: 12px;
    padding: 6px 10px;
    white-space: nowrap;
}
.rn-cp_info_pill.green{
    color: #53A93A;
    background: rgba(83, 169, 58, 0.1);
}
.rn-cp_info_pill.orange{
    color: #E08600;
    background: #FFF6E6;
}
.rn-cp_info_section{
    margin-bottom: 16px;
}
.rn-cp_info_section_title{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #191919;
    margin-bottom: 8px;
}
.rn-cp_info_section_ico{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #53A93A;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}
.rn-cp_info_list{
    font-size: 13px;
    color: #191919;
    line-height: 1.7;
    margin: 0;
    padding-left: 0;
}
.rn-cp_info_list li{
    position: relative;
    padding-left: 14px;
}
.rn-cp_info_list li::before{
    content: "-";
    position: absolute;
    left: 2px;
}
.rn-cp_info_divider{
    height: 1px;
    background: #eee;
    margin: 14px 0;
}
.rn-cp_info_btn_area{
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #fff;
    padding: 12px 20px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #eee;
    box-sizing: border-box;
}
.rn-cp_info_confirm_btn{
    display: block;
    width: 100%;
    padding: 14px;
    background: #53A93A;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
}
/* 쿠팡 검색 자체 UI 시안 (main-coupang_view_2.html 전용, 승인용 목업 — 실제 검색/제휴 이동 로직 미연결) */
.rn-coupang_search_row{
    display: flex;
    align-items: center;
    gap: 8px;
}
.rn-coupang_logo_badge{
    flex-shrink: 0;
    height: 16px;
    width: auto;
    display: block;
}
.rn-coupang_search_box{
    flex: 1;
    min-width: 0;
    height: 34px;
    background: #f5f5f5;
    border-radius: 17px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rn-coupang_search_input{
    flex: 1;
    min-width: 0;
    border: none;
    background: none;
    outline: none;
    padding: 0;
    font-size: 12px;
    font-family: inherit;
    color: #191919;
}
.rn-coupang_search_input::placeholder{
    color: #999;
}
.rn-coupang_reward_txt{
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 600;
    color: #3E9E2D;
    border-radius: 10px;
    padding: 2px 2px;
    margin-left: 8px;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    transition: opacity 0.2s ease, max-width 0.2s ease, margin-left 0.2s ease, padding 0.2s ease;
}
.rn-coupang_search_input:focus ~ .rn-coupang_reward_txt{
    opacity: 0;
    max-width: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
.rn-free_point_wrap{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 4px;
}
.rn-free_point_card{
    flex: 1 1 0;
    min-height: 0;
    max-height: 150px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 0 18px;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #eee;
    text-align: left;
}
.rn-free_point_icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
    /* background-color: #F5F5F5; */
}
.rn-free_point_icon img{
    width: 46px;
    height: 46px;
    object-fit: contain;
}
.rn-free_point_texts{
    flex: 1;
    min-width: 0;
}
.rn-free_point_name{
    font-size: 14px;
    font-weight: 700;
    word-break: keep-all;
}
.rn-free_point_desc{
    font-size: 12px;
    font-weight: 400;
    color: #888;
    margin-top: 2px;
    word-break: keep-all;
}
.rn-free_point_arrow{
    flex: none;
    color: #ccc;
    font-size: 22px;
    line-height: 1;
}
/* 260710 : 화면 높이가 낮으면 세로 리스트 대신 기존 가로 3분할 방식으로 전환
   (@media (max-height)는 키보드가 뜰 때 순간적으로 줄어든 실제 뷰포트 값에도 그대로 반응해버려서,
   main_view.php가 페이지 로드 시점에 1회만 판단해서 붙이는 .is-short-screen 클래스로 대체함) */
#container.rn-coupang_page.is-short-screen .rn-free_point_wrap{
    flex-direction: row;
    gap: 6px;
}
#container.rn-coupang_page.is-short-screen .rn-free_point_card{
    flex-direction: column;
    max-height: none;
    justify-content: center;
    gap: 0;
    padding: 20px 8px;
    text-align: center;
    min-height:130px;
}
#container.rn-coupang_page.is-short-screen .rn-free_point_icon{
    margin-bottom: 10px;
}
#container.rn-coupang_page.is-short-screen .rn-free_point_texts{
    flex: none;
}
#container.rn-coupang_page.is-short-screen .rn-free_point_arrow{
    display: none;
}
.rn-nav_point svg path{
    fill: #53A93A;
}
.rn-nav_coupon svg path{
    fill: #4682F0;
}
.rn-nav_event svg path{
    fill: #FF7A9C;
}
.footer_button_wrap a.rn-nav_point,
.footer_button_wrap a.rn-nav_coupon,
.footer_button_wrap a.rn-nav_event,
.footer_button_wrap a.rn-nav_more{
    opacity: 1;
}
.footer_button_wrap a.rn-nav_point p{
    color: #53A93A;
    font-weight: 700;
}
.rn-ad_banner{
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(64px + env(safe-area-inset-bottom));
    height: 50px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EFEFEF;
    border-top: 1px solid #ddd;
    z-index: 100;
}
.rn-ad_banner span{
    font-size: 12px;
    font-weight: 400;
    color: #999;
}
.rel_wrap.free-point{
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}
.rel_wrap.free-point .rn-section_title{ flex: none; }

/* main-coupang_view.html 전용 레이아웃 (#container.rn-coupang_page 스코프, 다른 화면 영향 없음) */
/* 260710 : 인풋(iframe) 포커스 시 기본 스크롤을 막지 않도록 overflow:hidden/고정 높이를 쓰지 않고
   min-height로만 최소 뷰포트 높이를 보장함. 콘텐츠가 넘치면(키보드가 뜨는 경우 포함) 그냥
   자연스럽게 페이지 스크롤이 생기며, 별도의 JS 포커스 감지나 스페이서 없이도 항상 스크롤 가능 */
body:has(#container.rn-coupang_page) {
    width: 100%;
    min-height: 100vh;
    /* 데스크톱 등 넓은 화면에서 모바일 앱처럼 최대 500px 폭으로 제한하고 화면 중앙에 레터박스로 띄움 */
    background-color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 화면 높이에 맞춰 내부 섹션들이 유동적으로 비율을 나눠 갖되, 넘치면 그대로 넘쳐서 스크롤됨 */
#container.rn-coupang_page {
    width: 100%;
    min-height: 100vh;
    max-width: 500px;
    margin: 0 auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}
#container.rn-coupang_page .content.main {
    flex: 1;
    min-height: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}
#container.rn-coupang_page .content.main > .top_title {
    flex: none;
}
/* 260710 : 남는 공간을 flex:1로 그대로 채우고, 광고영역(90px)+하단 툴바(64px)와 안 겹치게는
   padding-bottom으로 처리(하단에 빈 공간이 남지 않음) */
#container.rn-coupang_page .rn-content_group {
    flex: 1;
    min-height: 0;
    /* padding-bottom: calc(90px + 64px + 12px + env(safe-area-inset-bottom, 0px)); */
    padding-bottom: calc(50px + 64px + env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: zoom 0.3s ease;
}
#container.rn-coupang_page .rn-content_group > .rel_wrap {
    flex: none;
    margin-top: 16px;
}
#container.rn-coupang_page .rn-content_group > .rel_wrap:first-child {
    margin-top: 0;
}
/* 무료포인트 섹션이 남는 세로 공간을 흡수 (하단 여백 제거) */
#container.rn-coupang_page .rn-content_group > .rel_wrap.free-point{
    flex: 1;
    min-height: 0;
}
/* 648px 미만의 짧은 기기에서는 콘텐츠 그룹 전체를 zoom으로 축소 (레이아웃도 함께 재계산되어 별도 보정 불필요) */
/* @media (max-height: 648px) {
    #container.rn-coupang_page .rn-content_group {
        zoom: 0.85;
    }
} */
#container.rn-coupang_page .rn-ad_banner {
    position: static;
    flex: none;
}
#container.rn-coupang_page .footer_button_wrap {
    position: static;
    bottom: auto;
    flex: none;
    padding-bottom: env(safe-area-inset-bottom);
}
/* 알럿 팝업도 미리보기에서는 500px 폭에 맞춤 */
#pop_coupang_info .pop_area {
    max-width: 500px;
    margin: 0 auto;
}