.breadcrumb-content { padding: 5px 0; }
@media screen and (min-width: 768px) { .breadcrumb-content { padding: 7px 0; } }

.kome { margin-bottom: 20px; font-size: 11px; color: #333333; }

.expired { color: red; text-align: center; font-weight: 500; background-color: #FAE0E0; padding: 10px; }

.main370 { padding-bottom: 60px; background: url("../../../../../images/pages/f-static/campaign/370/370_bg_001s.jpg") #faf4e3; background-size: 100%; background-repeat: no-repeat; }
@media screen and (min-width: 768px) { .main370 { background: url("../../../../../images/pages/f-static/campaign/370/370_bg_001.jpg") #faf4e3; background-size: 100%; background-repeat: no-repeat; } }

.main-section_inner { width: min(100%, 1200px); margin: auto; position: relative; }
.main-section_inner .mtxt { font-size: min(3vw, 16px); margin: 20px auto; width: min(80%, 800px); line-height: 1.8; letter-spacing: 0.1em; font-weight: 500; }
@media screen and (min-width: 768px) { .main-section_inner .mtxt { text-align: center; } }
.main-section_inner .attantion { font-weight: 600; font-size: min(3.5vw, 18px); color: #AA2D30; }
.main-section_inner .limit, .main-section_inner .deco { position: absolute; }
.main-section_inner .ttlimg { margin-top: 80px; width: min(100%, 700px); margin: auto; display: block; padding-top: clamp(60px, 34.138px + 6.897vw, 110px);; }
.main-section_inner .limit { top: 11vw; width: 20%; right: 3vw; z-index: 1; }
@media screen and (min-width: 768px) { .main-section_inner .limit { top: 100px; width: 130px; right: 100px; } }
.main-section_inner .deco { width: 80%; right: 10%; top: 20px; }
@media screen and (min-width: 768px) { .main-section_inner .deco { top: 30px; width: 700px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } }
.main-section_inner .cpnbox { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 24px; padding: clamp(0.313rem, -0.114rem + 1.818vw, 1.25rem); max-width: 1200px; margin: auto; box-sizing: border-box; }
.main-section_inner .cpnbox .cpnl, .main-section_inner .cpnbox .cpnr { padding: clamp(5px, -1.818px + 1.818vw, 20px);; position: relative; }
.main-section_inner .cpnbox .cpnl img, .main-section_inner .cpnbox .cpnr img { width: 100%; }
.main-section_inner .cpnbox .cpnl .code, .main-section_inner .cpnbox .cpnr .code { position: absolute; top: 36vw; left: 50%; font-size: min(4.4vw, 21px); font-weight: 700; }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .cpnl .code, .main-section_inner .cpnbox .cpnr .code { top: 215px; left: 280px; } }
.main-section_inner .cpnbox .cpnl .copybtn, .main-section_inner .cpnbox .cpnr .copybtn { position: absolute; top: 44vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .cpnl .copybtn, .main-section_inner .cpnbox .cpnr .copybtn { top: 260px; } }
.main-section_inner .cpnbox .cpnl .copybtn .btn, .main-section_inner .cpnbox .cpnr .copybtn .btn { margin: auto; background-color: #231815; color: #ffffff; padding: 3px 10px; font-weight: 500; font-size: clamp(11px, 2vw, 13px); transition: all .3s; height: 28px; text-align: center; display: block; border-radius: 5px; letter-spacing: 0.15em; }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .cpnl .copybtn .btn, .main-section_inner .cpnbox .cpnr .copybtn .btn { width: 250px; padding: 5px 15px; height: 33px; } }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .cpnl .copybtn .btn:hover, .main-section_inner .cpnbox .cpnr .copybtn .btn:hover { background-color: #BCBCBC; color: #231815; } }
.main-section_inner .cpnbox .cpnl .copybtn .mseg, .main-section_inner .cpnbox .cpnr .copybtn .mseg { position: absolute; top: 40px; width: 190px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-color: #ffffff; font-size: 13px; color: #94775b; padding: 6px 15px 6px; border: #94775b solid 2px; text-align: center; margin-bottom: 10px; border-radius: 5px; font-weight: 600; opacity: 0; transition: opacity 0.5s ease-in-out; }
.main-section_inner .cpnbox .cpnl .copybtn .mseg.show, .main-section_inner .cpnbox .cpnr .copybtn .mseg.show { opacity: 1; }

.notice-section { margin: 50px auto; padding: 30px 20px 10px; background-color: #ffffff; border-radius: 20px; width: min(80%, 1000px); }
.notice-section .txtbox { width: min(94%, 760px); margin: auto; padding-bottom: 50px; }
.notice-section .txtbox p { font-size: clamp(13px, 2.5vw, 15px); line-height: 1.8; }
.notice-section .txtbox h3 { color: #cf433a; font-size: clamp(16px, 3vw, 18px); }