/* 2027년 달력 증정 - 20261112 하유정 */
/* 공통 */
.calendar-gift {display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;color:#071637;font-family:'Pretendard','Noto Sans KR',sans-serif;text-align:left;}
.calendar-gift-img {display:block;width:95px;height:95px;flex-shrink:0;object-fit:contain;}
.calendar-gift-content {display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1;}
.calendar-gift-title {font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-0.5px;word-break:keep-all;}
.calendar-gift-subtitle {font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-0.5px;word-break:keep-all;}
.calendar-gift-desc {font-size:16px;font-weight:500;line-height:1.4;color:#df2637;}
.calendar-gift-count {font-size:16px;font-weight:500;line-height:1.4;color:#df2637;white-space:nowrap;}
.calendar-gift-count strong {font-size:20px;font-weight:700;}
.calendar-gift-stock {display:flex;align-items:center;gap:8px;min-width:0;}
.calendar-gift-mobile-wrap {display:none;}
.calendar-gift-mobile {display:none;}
#siteHeader.banner-on .menu {margin-top:20px;}
.calendar-gift-pc .calendar-gift-stock {align-items:center;}
/* PC 공통 */
@media (min-width:1024px) {
    body.banner-on .top-fixed .m-area {display:flex;align-items:center;justify-content:space-between;gap:16px;}
    body.banner-on .top-fixed .m-area .rbanbox {display:flex;align-items:center;justify-content:flex-end;width:30%;min-width:0;flex-shrink:0;}
    body.banner-on .top-fixed .m-area .rbanbox .calendar-gift {gap:10px;}
    body.banner-on .top-fixed .m-area .searchbox {min-width:0;flex:1;}
    .calendar-gift-pc .calendar-gift-img {width:120px;height:120px;margin-top:20px;}
    .calendar-gift-pc .calendar-gift-content {gap:3px;}
    .calendar-gift-pc .calendar-gift-title {font-size:27px;font-weight:800;line-height:1.2;margin-bottom:-5px;white-space:nowrap;}
    .calendar-gift-pc .calendar-gift-subtitle {font-size:19px;line-height:1.3;white-space:nowrap;}
    .calendar-gift-pc .calendar-gift-stock {gap:8px;background:#ffe9e9;padding:4px 11px;border-radius:7px;margin-top:5px;white-space:nowrap;}
    .calendar-gift-pc .calendar-gift-desc {font-size:14px;line-height:1.4;margin-top:2px;border-right:1px solid #ffa5ad;margin-right:-3px;padding-right:8px;white-space:nowrap;}
    .calendar-gift-pc .calendar-gift-count {font-size:14px;line-height:1.4;}
    .calendar-gift-pc .calendar-gift-count strong {font-size:19px;}
}
/* 넓은 PC - 1400px 이상 */
@media (min-width:1400px) {
    body.banner-on .top-fixed .m-area .rbanbox {width:30%;}
    .calendar-gift-pc .calendar-gift-img {width:120px;height:120px;}
    .calendar-gift-pc .calendar-gift-title {font-size:27px;}
    .calendar-gift-pc .calendar-gift-subtitle {font-size:19px;}
}
/* 일반 PC - 1200~1399px */
@media (min-width:1200px) and (max-width:1399px) {
    body.banner-on .top-fixed .m-area {gap:12px;}
    body.banner-on .top-fixed .m-area .rbanbox {width:26%;}
    body.banner-on .top-fixed .m-area .rbanbox .calendar-gift {gap:8px;}
    .calendar-gift-pc .calendar-gift-img {width:88px;height:88px;margin-top:10px;}
    .calendar-gift-pc .calendar-gift-title {font-size:23px;}
    .calendar-gift-pc .calendar-gift-subtitle {font-size:18px;}
    .calendar-gift-pc .calendar-gift-stock {gap:6px;padding:4px 8px;}
    .calendar-gift-pc .calendar-gift-desc {font-size:13px;padding-right:6px;}
    .calendar-gift-pc .calendar-gift-count {font-size:13px;}
    .calendar-gift-pc .calendar-gift-count strong {font-size:18px;}
}
/* 태블릿 가로 - 1024~1199px */
@media (min-width:1024px) and (max-width:1199px) {
    body.banner-on .top-fixed .m-area {gap:10px;}
    body.banner-on .top-fixed .m-area .logobox {flex:0 0 160px;width:160px;}
    body.banner-on .top-fixed .m-area .searchbox {flex:1 1 auto;width:auto;min-width:0;}
    body.banner-on .top-fixed .m-area .search-container {width:100%;max-width:100%;box-sizing:border-box;}
    body.banner-on .top-fixed .m-area .rbanbox {flex:0 0 323px;width:323px;min-width:0;}
    body.banner-on .top-fixed .m-area .rbanbox .calendar-gift {gap:8px;}
    .m-area .rbanbox .calendar-gift-pc .calendar-gift-img {width:90px;height:90px;margin-top:8px;}
    .calendar-gift-pc .calendar-gift-title {font-size:19px;margin-bottom:-3px;}
    .calendar-gift-pc .calendar-gift-subtitle {font-size:16px;}
    .calendar-gift-pc .calendar-gift-stock {gap:5px;padding:4px 7px;margin-top:3px;}
    .calendar-gift-pc .calendar-gift-desc {font-size:12px;padding-right:5px;margin-right:0;}
    .calendar-gift-pc .calendar-gift-count {font-size:12px;}
    .calendar-gift-pc .calendar-gift-count strong {font-size:16px;}
    #siteHeader.banner-on .menu {margin-top:15px;}
}
/* 태블릿 세로 및 모바일 공통 */
@media (max-width:1023px) {
    .calendar-gift-pc {display:none;}
    .calendar-gift-mobile-wrap {display:block;width:100%;margin:0 auto;padding:0 15%;background:#fcf8f8;box-sizing:border-box;}
    .calendar-gift-mobile {display:flex;width:100%;max-width:100%;min-height:120px;padding:0 28px;gap:18px;border-bottom:1px solid #ededf0;background:transparent;}
    .calendar-gift-mobile .calendar-gift-img {width:120px;height:120px;}
    .calendar-gift-mobile .calendar-gift-content {gap:5px;}
    .calendar-gift-mobile .calendar-gift-title {font-size:19px;}
    .calendar-gift-mobile .calendar-gift-desc {font-size:18px;}
    .calendar-gift-mobile .calendar-gift-count {font-size:21px;margin-top:-15px;text-align:right;}
    .calendar-gift-mobile .calendar-gift-count span {font-size:26px;}
}
/* 모바일 가로 */
@media (min-width:480px) and (max-width:767px) {
    .calendar-gift-mobile-wrap {padding:0 8%;}
    .calendar-gift-mobile {padding:0 18px;gap:15px;}
    .calendar-gift-mobile .calendar-gift-img {width:105px;height:105px;}
}
/* 모바일 세로 */
@media (min-width:360px) and (max-width:479px) {
    .calendar-gift-mobile-wrap {padding:0 10px;}
    .calendar-gift-mobile {min-height:115px;padding:10px 8px;gap:10px;}
    .calendar-gift-mobile .calendar-gift-img {width:80px;height:90px;}
    .calendar-gift-mobile .calendar-gift-content {gap:5px;}
    .calendar-gift-mobile .calendar-gift-count {margin-top:-3px;}
}
/* 작은 모바일 */
@media (max-width:359px) {
    .calendar-gift-mobile-wrap {padding:0 5px;}
    .calendar-gift-mobile {min-height:115px;padding:10px 5px;gap:6px;}
    .calendar-gift-mobile .calendar-gift-img {width:65px;height:80px;}
    .calendar-gift-mobile .calendar-gift-content {gap:5px;}
    .calendar-gift-mobile .calendar-gift-count {margin-top:-3px;}
}