/* common */
section .sc-title { margin-bottom:  1rem; display: flex; align-items: center; justify-content: space-between;}
section .sc-title .mainTitle { font-size: 1.8rem; font-weight: 700; line-height: 1.4;}

.lottoResult-area .lottoResult-header { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; align-items: flex-start}
.lottoResult-area .lottoResult-header .title_wrap .lotto-num { font-size: 1.8rem; font-weight: 700; word-spacing: 1px;}
.lottoResult-area .lottoResult-header .title_wrap .lotto-date { font-size: 1.6rem; font-weight: 400; color: #999; margin-top: 0.8rem;}
.lottoResult-area .lottoResult-header .lottoNum-btn { display: flex; gap: 1rem; align-items: flex-start;}
.lottoResult-area .lottoResult-header .lottoNum-btn button { width: 2.4rem; aspect-ratio: 1/1;}
.lottoResult-area .lottoResult-header .lottoNum-btn button img { width: 100%;}
.lottoResult-area .lottoResult-header .lottoNum-btn button.disabled { opacity: 0.4;}

.lottoResult-area .lottoResult-header .typeWrap .typeSel { width: 10rem; border-radius: 100px; height: auto; padding: 0.8rem 0;}
.lottoResult-area .lottoResult-header .typeWrap .typeSel > a { font-size: 1.4rem; width: 100%; padding: 0 1.4rem;}
.lottoResult-area .lottoResult-header .typeWrap .typeSel > a img { width: 1.2rem; flex-shrink: 0; transition: all 0.2s;}
.lottoResult-area .lottoResult-header .typeWrap .typeSel > a.active img { transform: rotate(180deg);}
.lottoResult-area .lottoResult-header .typeWrap .typeOption { max-height: 15rem; padding: 0 1rem;}
.lottoResult-area .lottoResult-header .typeWrap .typeOption a { padding: 0.8rem 0; font-size: 1.4rem;}

.lottoResult-area .btn-moreResult { margin-top: 2rem;}

.lotto-result-numbers { display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.lotto-result-numbers .lotto-result-number { border-radius: 100%; flex: 1; min-width: 0; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 600; color: #fff;}
.lotto-result-numbers .lotto-result-number.ball-1 { background-color: #e08f00;}
.lotto-result-numbers .lotto-result-number.ball-10 { background-color: #0063cc;}
.lotto-result-numbers .lotto-result-number.ball-20 { background-color: #d8314f;}
.lotto-result-numbers .lotto-result-number.ball-30 { background-color: #6e7382;}
.lotto-result-numbers .lotto-result-number.ball-40 { background-color: #2c9e44;}
.lotto-result-numbers .lotto-bonus-plus { font-size: 2.4rem; font-weight: 600; color: #aaa; margin: 0 0.6rem;}



/* search_area 검색창 공통 */
.search_area { flex-shrink: 0;}
.search_area > form { display: flex; flex-direction: column; gap: 1rem;}
.search_area .btn-search { margin-top: 1.6rem;}

.typeWrap { display: flex; align-items: center; gap: 1rem;}
.typeWrap .typeSel { background-color: #fff; border: 1px solid #ddd; flex: 1; min-width: 0; border-radius: 1rem; box-sizing: border-box; position: relative; height: 4.5rem;}
.typeWrap .typeSel > a { font-size: 1.6rem; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 2rem; height: 100%;}
.typeWrap .typeSel > a img { width: 1.2rem; flex-shrink: 0; transition: all 0.2s;}
.typeWrap .typeSel > a.active img { transform: rotate(180deg);}
.typeWrap .typeOption { display: none; flex-direction: column; position: absolute; top: calc(100% + 0.6rem); left: -1px; right: -1px; background-color: #fff; border: 1px solid #ccc; border-radius: 1rem; z-index: 10; max-height: 20rem; overflow-y: auto; padding: 0 1.5rem;}
.typeWrap .typeOption a { padding: 1.2rem 0; font-size: 1.6rem; text-align: center; width: 100%;}
.typeWrap .typeOption a:not(:last-child) {border-bottom: 1px solid #eee;}
.typeWrap .typeOption a.active { color: var(--brand-color);}
.typeWrap .typeSel.open {}


.alertMessage { color: #999; font-size: 1.8rem; font-weight: 300; margin-top: 8rem; text-align: center;}
.btn-disabled { background-color: #ededed !important; color: #aaa !important;}
.btn-s1 { background-color: var(--brand-color); color: #fff; text-align: center; border-radius: 0.8rem; display: block; padding: 1.6rem 0; width: 100%; font-size: 1.6rem; flex: 1; min-width: 0;} 
.bottom-button { margin-top: 4rem;}


/* home.php */
.homeWrap .container { display: flex; flex-direction: column; gap: 2rem;}
.homeWrap section.sc-button .button-list { display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.homeWrap section.sc-button .button-item { display: flex; flex-direction: column; align-items: center; gap: 1.6rem; width: 9rem;}
.homeWrap section.sc-button .button-item p { text-align: center; font-size: 1.5rem; font-weight: 500; text-wrap: nowrap;}




/* subpage */
.subpage-title { font-size: 1.8rem; font-weight: 700; margin-bottom: 2rem;}

.subpage-list { display: flex; flex-direction: column; gap: 1.8rem;}
.subpage-list .list-item { background-color: #f4f5f7; border-radius: 1rem; padding: 2.4rem 1.8rem;}
.subpage-list .list-item .item-title { font-size: 1.6rem; font-weight: 600;}
.subpage-list .list-item .item-desc { font-size: 1.4rem; color: #999; line-height: 1.4; margin-top: 1rem;}
.subpage-list .list-item .item-desc strong{ font-size: inherit; margin-bottom: 4px; display: inline-block; color: #444; line-height: 1.3;}


.result-list { display: flex; flex-direction: column; position: relative; flex: 1; min-height: 0;}
.result-item { padding: 2rem 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;}
.result-item:not(:last-child) { border-bottom: 1px solid #ccc;}
.result-item .title_wrap { flex: 1; min-width: 0;}
.result-item .store { font-size: 1.7rem; line-height: 1.4; font-weight: 700;}
.result-item .address { font-size: 1.5rem; color: #aaa; margin-top: 0.6rem; font-weight: 300; line-height: 1.3;}

/* draw_result.php */
.drawResultWrap .lotto_reward_list { margin-top: 3rem; display: flex; flex-direction: column; gap: 2rem;}
.drawResultWrap .lotto_reward_item .rank_title { font-size: 1.7rem; font-weight: 600;}
.drawResultWrap .lotto_reward_item .text_box { display: flex; flex-direction: column; gap: 0.8rem; margin-top: 1rem;}
.drawResultWrap .lotto_reward_item .text_box p { font-size: 1.5rem; font-weight: 300; color: #666; line-height: 1.2;}
.drawResultWrap .sc-resultSearch { margin-top: 4rem;}
.drawResultWrap .sc-resultSearch .dash { font-size: 2rem; color: #666;}

/* random_numbers.php */
.randomNumWrap main > .container { height: 100%;}
.randomNumWrap .sc-title { margin-bottom: 1.6rem;}
.randomNumWrap .lotto_random { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 4rem; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none;}
.randomNumWrap .lotto_random::-webkit-scrollbar { display: none;}
.randomNumWrap .lotton_wrap { display: flex; flex-direction: column; gap: 4rem;}
.randomNumWrap .lottoResult-area { display: flex; flex-direction: column;}
.randomNumWrap .lottoResult-area .lotto-result-numbers { padding: 1.6rem 0;}
.randomNumWrap .lottoResult-area .lotto-result-numbers:first-child { padding: 0 0 1.6rem;}
.randomNumWrap .lottoResult-area .lotto-result-numbers:not(:last-child) { border-bottom: 1px solid #eee;}
.randomNumWrap .lotto-result-numbers .btn-delete { width: 2rem; aspect-ratio: 1/1; flex-shrink: 0; margin-right: 0.4rem;}
.randomNumWrap .bottom-button { margin-top: 1rem;}

/* winner_store.php */
.winnerStoreWrap .search_area { padding: 0 0 2rem;}
.winnerStoreWrap .result-item .label_list { display: flex; align-items: center; gap: 0.4rem;}
.winnerStoreWrap .result-item .label_item { background: #f1fcf6; border: 1px solid var(--brand-color); color: var(--brand-color); font-size: 1.4rem; border-radius: 0.4rem; padding: 0.4rem 0.8rem;}


/* included_numbers.php */
.lotto_setting { flex: 1; min-height: 0;}
.lotto_setting .text_box { display: flex; flex-direction: column; gap: 0.4rem;}
.lotto_setting .text_box p { font-size: 1.4rem; color: #999; line-height: 1.3;}
.select_numbers { display: grid; grid-template-columns: repeat(8, 1fr); gap: 0.8rem; margin-top: 2rem;}
.select_numbers button { font-size: 1.4rem; border-radius: 100%; border: 1px solid #cecece; flex: 1; min-width: 0; aspect-ratio: 1/1; }
.select_numbers button.selected { background: var(--brand-color); color: #fff; border: 1px solid var(--brand-color);}
.sc-createNum { margin-top: 4rem;}
.sc-createNum .num_box { border: 1px solid #ccc; border-radius: 1rem; padding: 1rem; display: flex; align-items: center; justify-content: space-between;}
.sc-createNum .num_box button { width: 2.4rem; aspect-ratio: 1/1;}
.sc-createNum .num_box button.disabled { opacity: 0.4;}
.sc-createNum .num_box .create_num { font-size: 1.8rem; color: #666;}

/* my_numbers.php */
.myNumWrap .my_numbers { flex: 1; min-height: 0;}
.myNumWrap .my_numbers .number-input-wrap { display: flex; align-items: center; gap: 1rem;}
.myNumWrap .my_numbers .number-input-wrap .number-input{ flex: 1; min-width: 0; border: 1px solid #ccc; border-radius: 0.5rem; height: 6rem; font-size: 1.8rem; text-align: center; }
.myNumWrap .my_numbers .win_status { margin-top: 6rem;}
.myNumWrap .my_numbers .win_status p { text-align: center; line-height: 1.3; color: #ccc; font-size: 1.6rem; margin-bottom: .4rem;}
.myNumWrap .my_numbers .win_status h5 { text-align: center; line-height: 1.3; font-size: 1.8rem; font-weight: 500; margin-bottom: 2rem;}
.myNumWrap .my_numbers .win_status .lotto-result-number.is-disabled { background-color: #ededed; color: #bbb;}

/* pagination */
.pagination { display: flex; align-items: center; justify-content: center; gap: 0.6rem; margin-top: 4rem;}
.pagination .page-link.current { color: #fff; font-weight: 700; background-color: var(--brand-color);}
.pagination .page-link { color: #666; font-size: 1.8rem; width: 3rem; aspect-ratio: 1/1; background-color: #ededed; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.pagination .page-btn { width: 3rem; aspect-ratio: 1/1; border-radius: 100%;}
.pagination .page-btn img {width: 100%;}