/* BASIC css start */
.sub-title h4{
    margin-top: 50px;
    margin-left: 15px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px;}
    
#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: 60px 0 0;
    text-align: center;}
    

.welcome{}

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

.welcome ul{
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 16px 30px;}
    
    
.welcome ul li{background: #F6F6F6;
    border-radius: 8.72px;
    width: calc(50% - 6px);}
    
.welcome ul li a{display: block; padding: 28px;}
.welcome ul li a img{padding-bottom: 23px; max-width: 100%;}
.welcome ul li a p{}
.welcome ul li a p.tit1{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #000;
    line-height: 1;
    margin-bottom: 10px;
    word-break: keep-all;}
    
.welcome ul li a p.tit2{
    word-break: keep-all;
    color: #6A6A6A;
    font-size: 9px;
    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%; margin-top: 50px;}
#coupon-zone .coupon-memberbox-none { clear: both; padding:20px 0 60px; font-size:18px; color:#000; text-align:center; }
#coupon-zone .coupon-memberbox-none .linkBtn{
    display: flex;
    padding: 0;
    gap: 5px;}
    
#coupon-zone .coupon-memberbox-none a {
    width: 50%;
    padding: 13.5px 0px;
    border: 1px solid #9E9E9E;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 500;}
    
#coupon-zone .coupon-memberbox-none a.login {
    border: 0;
    display: block;
    color: #fff;
    font-size: 14px;
    background: #000;
    font-weight: 500;
    width: 60% !important;
    padding: 15px 0;
    margin: auto;
    line-height: 1.3;
    position: relative;}
#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: block;
    color: #fff;
    font-size: 14px;
    background: #000;
    font-weight: 500;
    width: 60%;
    padding: 15px 0;
    margin: auto;
    line-height: 1.3;
    position: relative;}
    
#coupon-zone .all-down .btn-coupon-all img{
    width: 21px;
    margin-left: 8px;
    margin-top: -2px;}

#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 { 
    margin: 0 auto;
    padding: 50px 16px 0;
    position: relative; }
#coupon-zone .couponWrap .coupon-list ul { 
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin-bottom: 10px;
    flex-direction: column;
    flex-direction: row; }
#coupon-zone .couponWrap .coupon-list ul li {
    box-sizing: border-box;
    width: calc(50% - 8px);
    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%;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    justify-content: space-between;
    flex-direction: column;}
#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 {
    padding: 20px;
    border-radius: 10px;
    background: #5A793D;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 117px;}
    
    
#coupon-zone .couponWrap .coupon-list ul li p {
    font-size: 10px;
    color: #E0E2E5;
    word-break: break-all;}
    
#coupon-zone .couponWrap .coupon-list ul li p.bottom{}
#coupon-zone .couponWrap .coupon-list ul li p.bottom span{}

#coupon-zone .couponWrap .coupon-list ul li p a { color:#999;; }
#coupon-zone .couponWrap .coupon-list ul li p.c-name {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: auto;}

#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: 10px;
    _font-size: 14px;
    color: #ff3a34;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#coupon-zone .couponWrap .coupon-list ul li p.c-price .fc-blue {color:#3b6ce9;}
#coupon-zone .couponWrap .coupon-list ul li p span.c-txt {
    white-space: nowrap;
    padding-top: 0;
    font-weight: 400;
    line-height: 1.6;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;}

#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: 10px;
    text-align: center;
    background: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px; }
#coupon-zone .couponWrap .coupon-list ul li .btn-down a,
#coupon-zone .couponWrap .coupon-list ul li .btn-down span {  color:#fff;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span { font-size:13px;}
/*
#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:not(.bottom) > 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 {
    margin: 50px auto 0;
}

.notice-header {
    background: none;
    color: #6A6A6A;
    font-weight: 600;
    font-size: 15px;
    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: 17px;
    margin-top: -5px;
}
.notice-header.active .arrow {
    margin-top: 5px;
  transform: rotate(135deg); /* È­»ìÇ¥ À§·Î */
}

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

.notice-content p{padding: 0 14px;
    display: flex;
    align-items: flex-start;}

.notice-content p em.txt{
    display: flex;}
.notice-content p em.txt:before{content:"¡¤";
    padding-right: 6px;}

.notice-content p em.dot{display:none;
    font-weight: bold;
    font-size: 2px;
    line-height: 9.3;
    vertical-align: middle;
    padding-right: 6px;
    color: #6A6A6A;}
/* BASIC css end */