/* BASIC css start */
#contentWrapper .tit-page-2{width:1420px; margin:0 auto}
#coupon-zone .couponTopBanner { padding-top:45px }
#coupon-zone .couponTopBanner img { width:100% }

.tit-page-2 h2{
    font-size: 36px;
    color: #000;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 60px; 
    padding-top:75px }

.tit-page-2 h2 span  { color:#999; font-size:11px; font-weight:normal; }

#coupon-zone .couponTopBox {
    position: relative;
    padding: 110px 0 0;
    text-align: center;}
    

.welcome{}

.cp_title{
    text-align:center;
    font-size: 30px;
    font-weight: 500;
    color: #000000;
    line-height: 1.6;
    padding-bottom: 70px;
}

.cp_title.name{padding-top:70px}
.cp_title.name em{font-size:32px; font-weight:600}
.welcome ul{
    width: 1260px;
    margin: auto;
    display: flex;
    justify-content: space-between;}
.welcome ul li{
    width: 300px;
    background: #F6F6F6;
    border-radius: 15.13px;
    padding: 50px 0;}
    
.welcome ul li a{display: block;}
.welcome ul li a img{padding-bottom: 40px;}
.welcome ul li a p{}
.welcome ul li a p.tit1{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #000;
    line-height: 1;
    margin-bottom: 10px;}
.welcome ul li a p.tit2{
    color: #6A6A6A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.5px;}
.welcome ul li a p.bold{}


#coupon-zone .coupon-memberbox { display:none;height:110px; margin-top:10px; padding:48px 20px 45px 47px; border:1px solid #000; }
#coupon-zone .coupon-memberbox:after { clear: both; content: ""; display: block; }
#coupon-zone .coupon-memberbox .m-level { float:left; width:427px; padding-top:5px; text-align:left; }
#coupon-zone .coupon-memberbox .m-level .ico { float:left; display:inline-block; margin-right:20px; font-family:"Malgun Gothic"; font-size:13px; font-weight:bold; text-align:center; }
#coupon-zone .coupon-memberbox .m-level strong { float:left; color:#000; font-size:18px; font-weight:bold; line-height:26px; margin-top: 7px; }
#coupon-zone .coupon-memberbox .m-level p { clear:both; padding-top:27px; color:#888; }
#coupon-zone .coupon-memberbox .m-info { float:right; }
#coupon-zone .coupon-memberbox .m-info:after { clear: both; content: ""; display: block; }
#coupon-zone .coupon-memberbox .m-info li { float:left; width:150px; border-left:1px solid #e2e2e2; text-align:center; }
#coupon-zone .coupon-memberbox .m-info li:first-child { border-left:0; }
#coupon-zone .coupon-memberbox .m-info li dl {}
#coupon-zone .coupon-memberbox .m-info li dl dt { padding-top:16px; color:#999; font-weight:bold; }
#coupon-zone .coupon-memberbox .m-info li dl dd { padding:25px 0 30px; color:#000; font-size:18px; font-weight:bold; }
#coupon-zone .coupon-memberbox .m-info li dl dd a { color:#000; font-size:18px; font-weight:bold; }

.membershipBenfit {background: #F6F6F6;text-align: center}
.membershipBenfit img{width:100%}
#coupon-zone .coupon-memberbox-none { clear: both; padding:70px 0 0px; font-size:18px; color:#000; text-align:center; }
#coupon-zone .coupon-memberbox-none a {
    display: inline-block;
    width: 300px;
    height: 72px;
    line-height: 72px;
    color: #fff;
    font-size: 16px;
    background: #000;
    font-weight: 400;}
    
#coupon-zone .all-down { text-align:center; }
#coupon-zone .all-down strong { color:#000; font-size:18px; font-weight:normal }
#coupon-zone .all-down .btn-coupon-all {
    display: inline-block;
    width: 300px;
    height: 72px;
    line-height: 72px;
    color: #fff;
    font-size: 16px;
    background: #000;
    font-weight: 400;}
    
#coupon-zone .all-down .btn-coupon-all img{
    width: 24px;
    margin-left: 10px;
    margin-top: -3px;}

#coupon-zone .coupon-codebox { clear: both; padding:35px 0 35px 300px; margin:20px 0; background:#f8f8f8; }
#coupon-zone .coupon-codebox .input-text { width:280px; height:22px; line-height:24px; padding:0 5px; margin-left:5px; }
#coupon-zone .coupon-codebox .sc-btn-insert { display:inline-block; height:23px; line-height:26px; padding:0 19px; color:#fff; background:#000; font-size:12px; }
#coupon-zone .coupon-codebox p { padding-top:13px; font-size:11px; color:#656565; }
#coupon-zone .couponWrap { position:relative;}


/* 기본 쿠폰 공통 */
#coupon-zone .couponWrap .coupon-list { width:1180px; margin:0 auto; padding:50px 0 0; position: relative; }
#coupon-zone .couponWrap .coupon-list ul { 
    display: flex
;
    flex-wrap: nowrap;
    gap: 20px;
    margin-bottom: 20px; }
#coupon-zone .couponWrap .coupon-list ul li {
    box-sizing: border-box;
    width: 380px;
    background: #fff;}
#coupon-zone .couponWrap .coupon-list ul li .c-image { display:block; border:1px solid #cecece; border-radius:10px; width: 266px; height: 180px; }
#coupon-zone .couponWrap .coupon-list ul li .c-image img { width: 100%;  height: 100%; border-radius: 10px; }
#coupon-zone .couponWrap .coupon-list ul li .c-info {
    position: relative;
    width: 100%;
    min-height: 190px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    justify-content: space-between;}
#coupon-zone .couponWrap .coupon-list ul li .c-info:before { display:none;position:absolute; top:-1px; right:90px; width:10px; height:10px; border-radius:0 0 10px 10px; border:1px solid #cecece; border-top:0; background:#fff; content:'' }
#coupon-zone .couponWrap .coupon-list ul li .c-info:after {display:none; position:absolute; bottom:-1px; right:90px; width:10px; height:10px; border-radius:10px 10px 0 0; border:1px solid #cecece; border-bottom:0; background:#fff; content:'' }
#coupon-zone .couponWrap .coupon-list ul li .c-data {
    width: 240px;
    padding: 25px 30px;
    border-radius: 15px;
    background: #5A793D;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;}
#coupon-zone .couponWrap .coupon-list ul li p {font-size: 13px; color: #E0E2E5; word-break:break-all; }
#coupon-zone .couponWrap .coupon-list ul li p a { color:#999;; }
#coupon-zone .couponWrap .coupon-list ul li p.c-name {
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px;}

#coupon-zone .couponWrap .coupon-list ul li p.c-name em{letter-spacing: -3px;}
#coupon-zone .couponWrap .coupon-list ul li p.c-explain { display:none; padding:0 10px 10px; line-height:22px; }
#coupon-zone .couponWrap .coupon-list ul li p.c-price { 
    padding-bottom: 10px;
    padding-top: 0;
    font-size: 16px;
    color: #ff3a34;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#coupon-zone .couponWrap .coupon-list ul li p.c-price .fc-blue {color:#3b6ce9;}
#coupon-zone .couponWrap .coupon-list ul li p.c-txt { 
    white-space: nowrap; padding-top:0; line-height:18px;
    margin-bottom: 0;
    margin-top: auto; }

#coupon-zone .couponWrap .coupon-list ul li .couponRight { position:absolute; top:0; bottom:0; right:0; width:90px; height:100%; text-align:center; background:#2fb8bd }
#coupon-zone .couponWrap .coupon-list ul li .couponRight .couponLogo { padding-top:35px }
#coupon-zone .couponWrap .coupon-list ul li .couponRight .couponLogo img { width:30px }
#coupon-zone .couponWrap .coupon-list ul li .couponRight .couponTxt { margin-top:30px; padding:0; font-size:16px; color:#fff; transform:rotate(-90deg) }

#coupon-zone .couponWrap .coupon-list ul li .btn-down { border-radius: 15px;position:absolute; top:0; bottom:0; right:0; width:80px; height:100%; text-align:center; background:#fff }
#coupon-zone .couponWrap .coupon-list ul li .btn-down a,
#coupon-zone .couponWrap .coupon-list ul li .btn-down span { display:block; height:100%; font-size:26px; color:#fff; line-height:7; vertical-align:top }
#coupon-zone .couponWrap .coupon-list ul li .btn-down span { font-size:16px; 
    display: inline-block;
    transform: rotate(-90deg);
    width: 195px;
    transform-origin: 0 0;
    height: 80px;
    position: absolute;
    top: 100%;
    left: 0;
    bottom: 0;
    line-height: 80px;}
/*
#coupon-zone .couponWrap .coupon-list ul li .btn-down span a i { line-height:23px; vertical-align:top }
#coupon-zone .couponWrap .coupon-list ul li .btn-down span.bg-none {background-image:none !important;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down.btn-auto span { font-size:16px; color:#fff; }
#coupon-zone .couponWrap .coupon-list ul li .btn-down span .num {display:inline-block; margin-left:3px; font-weight:normal; letter-spacing:0;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span .num em {font-weight:bold;}
*/


#coupon-zone .couponWrap .coupon-list ul li.sc-style1{}
#coupon-zone .couponWrap .coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style1 .btn-down { background:#5A793D }
#coupon-zone .couponWrap .coupon-list ul li.sc-style1 .btn-down i { color: #fff; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style1 p.c-price { color :#fff }


#coupon-zone .couponWrap .coupon-list ul li.sc-style2{}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .c-info{}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .c-info .c-data{background:#000;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .c-info .btn-down {background:#000;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .c-info .btn-down a{}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .c-info .btn-down a span{}
    
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-auto span { color:#fff; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p > span { color: #FE5F57; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p a { color:#999; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-down { background:#FE5F57; border:0; color:#fff;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-down span a { color:#fff; }
/* #coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white.png') no-repeat center right; } */
#coupon-zone .couponWrap .coupon-list ul li.sc-style2.sc-reserve .btn-down { background:#ff5d58; color:#fff; }

#coupon-zone .couponWrap .coupon-list ul li.sc-style3{}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .c-info {border-color:#000; border-radius:10px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 p.c-price {color:#eb3697;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .btn-down { background:#fff2f9; border-color:#000; border-radius:10px; border-top:2px dotted #000; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .btn-down span a { color:#eb3697; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink.png') no-repeat center right; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve p.c-price {color:#18b776;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve .btn-down { background:#eefff7; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve .btn-down span a {color:#000;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green.png') no-repeat center right; }


#coupon-zone .couponWrap .coupon-list ul li p.c-item { padding-top:0; }
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info {position: relative;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-img {width: 70px; height: 70px; position: absolute; top: 15px; left: 15px; border-radius:100%; overflow: hidden;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-img img {width: 100%; height: 100%;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data {text-align: right; padding:0 15px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data p.c-name {width: auto; margin: 0; padding-right: 0; padding-left: 70px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data p.c-price {padding-right: 0; padding-left: 70px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data .c-txt {margin-top: 15px; padding: 0; width: auto;  }

.notice-toggle {
    width: 707px;
    margin: 50px auto 0;
}

.notice-header {
    color: #6A6A6A;
    font-weight: 600;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 149px;
    margin: auto;
    padding: 4px 0 14px 10px;
    border-bottom: 1px solid #E0E2E5;
    line-height: 1;
}

.notice-header .arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #6A6A6A;
    border-bottom: 2px solid #6A6A6A;
    transform: rotate(-45deg);
    transition: transform 0.3s;
    visibility: visible;
    margin-right: 15px;
    margin-top: 4px;
}
.notice-header.active .arrow {
  transform: rotate(135deg); /* 화살표 위로 */
}

.notice-content {
    display: none;
    background: #fff;
    color: #6A6A6A;
    font-size: 14px;
    line-height: 1.6;
    padding: 12px 0;
    margin-top: 38px;
    margin-bottom: 144px;
}

.notice-content p{}
.notice-content p:before{
    content: "·";
    margin-right: 10px;
    color: #000;
    font-size: 1.1em;
    line-height: 1;}
/* BASIC css end */