@charset "UTF-8";
/*
	author: sookyung@cj.net
	date:	 2025-12-09
	comment: 쿠폰번호 등록하기
*/
.coupon__regist--wrap {margin:0 -15px;background:#fff;}
.coupon__regist--wrap .regist__content {position:relative;padding:32px 5.5555vw 46px 5.5555vw;background:#015C3B;}
.coupon__regist--wrap .regist__content .coupon__input {width:100%;}
.coupon__regist--wrap .regist__content .coupon__input > p {text-align:center;color:#fff;font-size:20px;line-height:1.2;padding-bottom:14px;font-weight:bold;}
.coupon__regist--wrap fieldset {display:block;width:100%;} 
.coupon__regist--wrap fieldset legend {font-size:0;line-height:0;opacity:0;}
.coupon__regist--wrap fieldset input {display:block;height:48px;width:100%;line-height:48px;font-size:16px;color:#000;background:#fff;border-radius:4px;text-align:center;border:0;box-sizing:border-box;}
.coupon__regist--wrap fieldset input::placeholder {font-size:16px;color:#7c7c7c !important;}
.coupon__regist--wrap fieldset input:-ms-input-placeholder {font-size:16px;color:#7c7c7c;}
.coupon__regist--wrap fieldset input::-webkit-input-placeholder {font-size:16px;color: #7c7c7c;}
.coupon__regist--wrap fieldset .btn__regist {display:block;width:100%;height:44px;border:0;font-size:15px;color:#fff;background:#111;border-radius:4px;margin-top:14px;}	
.coupon__regist--wrap fieldset .btn__regist span {color:#fff;font-weight:bold;font-size:15px;}
.coupon__regist--wrap fieldset .btn__regist:focus {outline:0;border-color: #fff;}
.coupon__regist--wrap .evt__notice--wrap {padding:6.666vw 0 0 0;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion {text-align: center;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion a,
.coupon__regist--wrap .evt__notice--wrap .evt__accordion button {display: inline-block; position: relative;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion a > span,
.coupon__regist--wrap .evt__notice--wrap .evt__accordion button > span {display: inline-block; position: relative; font-size: 13px; color: #333; border-bottom: 1px solid #333; line-height: 18px;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion a > span::before,
.coupon__regist--wrap .evt__notice--wrap .evt__accordion button > span::before {content: ''; position: absolute; top: 50%; left: -20px; width: 16px; height: 16px; background: url(https://www.cjthemarket.com/cjom/design/event/2023/10/img_icon_info_mo2.png) no-repeat 0 0; background-size: cover; transform: translateY(-50%);}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion a > span::after,
.coupon__regist--wrap .evt__notice--wrap .evt__accordion button > span::after {content: ''; position: absolute; top: 50%; right: -17px; width: 13px; height: 7px; background: url(https://www.cjthemarket.com/cjom/design/event/2023/10/ico_arrow_mo2.png) no-repeat 0 0; background-size: cover; transform: translateY(-50%); transition: transform .3s;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .is-active a > span::after,
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .is-active button > span::after {transform: rotate(180deg) translateY(50%);}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .accordion-panel {padding: 5px 0 0 0;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion h3 {padding: 10px 0 5px 12px; font-size: 13px; font-weight: bold; text-align: left;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .notice-list {padding:0 0 0 8px;text-align: left;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .notice-list:first-child {padding-top: 15px;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .notice-list > li {position: relative; padding-left: 8px; font-size: 12px; color: #333; line-height: 20px;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .notice-list > li.none {padding-left: 0;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .notice-list > li.none::before {display: none;}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .notice-list > li::before {content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #333; transform: translateY(8px);}
.coupon__regist--wrap .evt__notice--wrap .evt__accordion .notice-list .minus::before {content: ''; position: absolute; top: 1px; left: 0; width: 4px; height: 1px; border-radius: 0 !important; background-color: #333; transform: translateY(8px);}
.coupon__regist--wrap .evt__notice--wrap.fixed .evt__accordion a,
.coupon__regist--wrap .evt__notice--wrap.fixed .evt__accordion button {pointer-events: none;}
.coupon__regist--wrap .evt__notice--wrap.fixed .evt__accordion a > span::after,
.coupon__regist--wrap .evt__notice--wrap.fixed .evt__accordion button > span::after {display: none;}
.coupon__regist--wrap .evt__notice--wrap.fixed .accordion-panel {display: block !important;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion {opacity: 0.8;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion button > span::before {background: url(https://www.cjthemarket.com/design/cjom/event/2024/06/ico_mark_white.png) no-repeat center center; background-size: contain;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion button > span {color: #fff; border-bottom: 1px solid #fff;opacity:0.9;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion .notice-list > li::before {background-color: #fff;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion li div ul li {color: #fff;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion a > span::after,
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion button > span::after {background: url(https://www.cjthemarket.com/design/cjom/event/2024/06/ico_arrow_white.png) no-repeat center center; background-size: 14px;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion li div dd {color: #fff;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion h3 {color: #fff;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion .notice-list > li {color:#fff;opacity:0.7;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion .notice-list > li::before {background-color: #fff;}
.coupon__regist--wrap .evt__notice--wrap.white .evt__accordion .notice-list .minus::before {background-color: #fff;}