@charset 'utf-8';

.contents_cont.main {padding: 0;}
.main_sec {width: 100%; margin: 0 auto; color:#fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.inner_cont.main {max-width: 1300px; margin: 0 auto;}
.main_sec.start {height: 624px; padding:100px 20px 50px; padding-bottom:0; background-image:url(../img/contents/top.png),linear-gradient(rgba(20,22,41,0.8), rgba(255,255,255, 0)), url(../img/contents/bg_01.jpg); background-position: 50% 50%; background-size: 404px 409px,cover, cover;}
.btn_common.main {width: 164px;}
.btn_common.main a {color:#fff; font-size: 24px;}
.main_sec.start h2 {font-size: 60px;}
.main_sec.start p {font-size: 36px;}

/* 공지사항 */
.main_sec.notice { padding:30px 20px;}
.main_sec.notice p:first-child { width:calc(100% - 120px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_sec.notice p:last-child { width:100px; padding-left: 20px; white-space: nowrap; text-align: right;}

/* Today's Market 마켓 */
.main_sec.market {height: 718px; padding:50px 20px; padding-bottom:0; background-image: linear-gradient(rgba(20,22,41,0.8), rgba(255,255,255, 0)), url(../img/contents/bg_02.jpg);}

.table_box.main {width: 100%; height:525px; max-height:unset; padding:16px 0 0; border-radius: 10px; background-color: var(--bg_active); margin: 0; }
.main_table {width: 100%; margin-top: 16px; border-collapse: collapse;}
.main_table th {text-align: left;}
.main_table thead tr {background-color: var(--bg_inactive);}
.main_table th, .main_table td {height: 42px; padding:0 10px; text-align: center;}
.main_table td {border-bottom: 1px solid var(--line);}
.main_table tr:last-child td {border-bottom: none;}
.main_purchase {display: block; width:56px; height: 26px; margin: 0 auto;background-color: var(--main); border-radius: 5px; line-height: 26px; text-align: center;}

/* 하단 banner */
.main_sec.banner {padding:50px 20px; }
.main_sec.banner img {width:100%; max-width: 500px; margin-top: 0; object-fit: contain;}

@media (max-width:800px){
  .main_sec.start {background-size: 284px 294px,cover, cover; background-position:50% 50%; }
  .btn_common.main a {color:#fff; font-size: 18px;}
  .main_sec.start h2 {font-size: 24px;}
  .main_sec.start p {font-size: 18px;}
}
@media (max-width:499px){
  .main_sec.start {background-position: 50% 90%, 50% 50%, 50% 50%; }
  .main_sec.banner img {height: 90px;}
  .main_sec.banner .inner_cont.main {flex-direction: column;}
}