@font-face {
    font-family: 'Ria';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

#content{max-width:700px;margin:0 auto;}
#content .ct_img{cursor: pointer;}
#content .ct_img img{width:100%;}

/*실시간 고객 신청현황*/
.s_tbl_box{width:100%;padding:50px 0;background:#eee;}
.s_tbl_box .s_subtitle{width:100%;text-align:center;font-size:26px;display:flex;gap:10px;align-items:center;justify-content: center;}
.s_tbl_box h2{width:100%;text-align:center;font-size:34px;padding:15px 0 0 0;margin:0;font-family: 'Ria';color:#0A6ECD;}

.s_tbl{width:95%;margin:20px auto;}
.s_tbl .s_dt_c{
width:100%;
border:1px solid #ddd;
background:#fff;
padding:20px 10px;
border-radius:5px;
display:grid;
gap:10px;
grid-template-columns: 25% 15% auto 17%;
margin:10px 0;
font-size:16px;
text-align:center;
align-items: center;
letter-spacing:-1px
}
.s_tbl .s_dt_c p span.ns{background:red;color:#fff;padding:3px 8px;border-radius:5px;font-size:14px;}
.s_tbl .s_dt_c p span.ok{background:#0A6ECD;color:#fff;padding:3px 8px;border-radius:5px;font-size:14px;}

/*사은품*/
.s_item_list{background:url('/image/bg.jpg');padding:50px 0;background-position:center;background-size:cover;}

.s_item_list h2{color:#fff;font-size:42px;text-align:center;font-family: 'Ria';margin-bottom:20px;}
.s_item_list h2 b{
	background:linear-gradient(to top, red 50%, transparent 50%);
	width:fit-content;
}


.item_g{width:80%;margin:20px auto;background:#FF8C0A;color:#fff;border-radius:50px;font-size:28px;text-align:center;padding:20px 0;}
.item_ex{color:#fff;display:block;padding:0 0 50px 0;text-align:center;font-size:20px;}
.s_item{width:100%;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:20px 30px;box-sizing:border-box;}

.s_item_box{border-radius:10px;overflow:hidden;}
.s_item_img{width:100%;overflow:hidden;}
.s_item_img img{width:100%;}
.s_item_txt{
width:100%;
background:linear-gradient(20deg,#1E3269,#0064FF);
color:#fff;
padding:15px 0;
text-align:center;
font-weight:bold;
font-size:22px;
font-family: 'Ria';
}

/*파트 영역*/
.s_part{width:100%;padding:50px 0;background:linear-gradient(50deg,#288CFF,#0064FF);color:#fff;text-align:center;font-family: 'Ria';}
.s_part_h1{font-size:44px;font-weight:bold;padding:30px 0 5px 0;font-family: 'Ria';border-top:1px dotted #ddd;margin-top:30px;}
.s_part_h1 b{color:yellow;}

.s_part span{font-size:16px;}

.s_part_title{font-size:44px;font-weight:bold;}
.s_part_title b{
animation: move-and-change 1s infinite alternate;
padding:0 10px;
border-radius:10px;
}

@keyframes move-and-change {
  from {
    transform: translateX(0);
    background-color: blue;
  }
  to {
    transform: translateX(100px);
    background-color: red;
  }
}

/*리뷰 리스트*/
.s_review{width:100%;padding:30px;background:#eee;box-sizing:border-box;display:grid;gap:20px;}

.s_rv_box{
width:100%;
border-radius:20px;
background:#fff;
padding:20px;
box-sizing:border-box;
display:grid;gap:30px;
grid-template-columns: 200px auto;
box-shadow: 1px 5px 10px #ddd;
}

.s_rv_img{width:200px;height:150px;background:#000;border-radius:10px;overflow:hidden;}
.s_rv_img img{width:100%;}

.s_text span.s_st{font-size:16px;color:#FFCD00;}
.s_text span.s_name{margin-left:5px;font-size:14px;font-weight:bold;}
.s_text p.s_rvtxt{font-size:16px;}
.s_text p.s_rvtxt b{background: linear-gradient(to top, yellow 50%, transparent 50%);}

/*혜택 가이드*/
.s_nextguide_wrap{background:url('/image/bg2.jpg');background-position:center;background-size:cover;padding:70px 20px;box-sizing:border-box;}
.s_nextguide_wrap h2{
font-size:46px;
font-weight:bold;
text-align:center;
color:#fff;
font-family: 'Ria';
margin-bottom:50px;
text-shadow: 2px 7px 1px #4a5157;
}

.s_nextguide_wrap h2 b{
color:yellow;
background: linear-gradient(to top, #FC5230 50%, transparent 50%);
}

.s_nextguide{color:#000;display:grid;gap:20px;grid-template-columns: 1fr 1fr;align-items: stretch;}
.s_nextguide .s_next_box{
border:2px solid #0f548b;
border-radius:10px;
padding:25px 15px;
background:#ededed;
width:100%;
height:100%;
}
.s_nextguide .s_next_box h5{padding:0;margin:0;font-size:14px;margin-bottom:10px;color:#fff;font-weight:400;background:#000;display:inline-block;padding:2px 5px;border-radius:8px 0 8px 0;}
.s_nextguide .s_next_box p{font-size:30px;font-weight:bold;padding:0 !important;margin:0 0 10px 0 !important;line-height:40px;font-family: 'Ria';}
.s_nextguide .s_next_box p b{color:#fc5230;display:block;}
.s_nextguide .s_next_box span{font-size:18px;font-family: 'Paperozi';font-weight:600;line-height:25px;}

.s_nextguide_imgwrap{width:100%;}
.s_nextguide_imgwrap img{width:100%;}

/*상담문의*/
.s_input{width:100%;padding:50px 0;}
.s_input .s_subtitle{width:100%;text-align:center;font-size:24px;margin-top:10px;}
.s_input .s_subtitle b{background: linear-gradient(to top, yellow 50%, transparent 50%);}
.s_input h3{width:100%;text-align:center;font-size:34px;padding:0;margin:0;font-family: 'Ria';color:#0A6ECD;}

.s_input .guide{
width:480px;
background:#0A6ECD;
border-radius:10px;
padding:15px 10px;
margin:20px auto;
display:grid;
gap:40px;
grid-template-columns:150px auto;
align-items: center;
justify-content: center;
box-sizing:border-box;

}
.s_input .guide h4{background:#000;color:#fff;border-radius:10px;padding:10px;text-align:center;font-size:20px;}

.s_input .guide ul{padding:0;margin:0;list-style:none;}
.s_input .guide li{color:#fff;font-size:20px;padding:2px 10px;position:relative;}
.s_input .guide li::before{
content:'';
width:6px;
height:6px;
background:#fff;
border-radius:50%;
position:absolute;
top:50%;
left:-10px;
}
.s_input .guide li b{color:yellow;}

#s_write{width:100%;display:grid;gap:20px;background:#fafafa;border-radius:10px;padding:30px;box-sizing:border-box;}
#s_write input{border:1px solid #ddd;padding:15px;font-size:16px;box-sizing:border-box;width:100%;}
#s_write select{border:1px solid #ddd;padding:15px;font-size:16px;background:#fff;}

.s_phone{width:100%;display:grid;gap:20px;grid-template-columns: 1fr 1fr 1fr;}
.checkbox{display:flex;gap:5px;justify-content: flex-start;align-items: center;}
.checkbox input{width:18px !important;padding:0 !important;margin:0;}
.checkbox label{font-size:14px;}
#s_submit{background:#000;color:#fff;border-radius:10px;border:0;font-weight:bold;}

/*풋터*/
#footer{width:100%;padding:50px 0;background:#000;color:#a0a0a0;}

.ft_box{max-width:700px;margin:0 auto;text-align:center;font-size:14px;font-family: 'Paperozi';font-weight:600;line-height:25px;}

/*남은 시간 css*/
.countdown-box {
  background: #4b2e1d; /* 갈색 배경 */
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}

.end_time {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.time-block {
  background: #000;
  color: #fff;
  padding: 5px 8px;
  border-radius: 3px;
  font-size: 22px;
  min-width: 28px;
  text-align: center;
}


@media(max-width:768px){
.s_tbl .s_dt_c{font-size:14px;}

.s_item_list h2{font-size:38px;}
.item_g{font-size:22px;padding:15px 0;}
.item_ex{font-size:16px;}
.s_item_txt{font-size:15px;}

.s_part_title{font-size:26px;padding:0 20px;}
.s_part_h1{font-size:26px;}

.s_tbl_box .s_subtitle{font-size:24px;}
.s_tbl_box h2{font-size:28px;}

.s_nextguide{gap:5px;}

.s_nextguide .s_next_box{margin:20px 0;padding:15px;}
.s_nextguide .s_next_box p{margin:0 !important;}

.s_input h3{font-size:28px;}
.s_input .s_subtitle{font-size:22px;width:100%;padding:0 20px;}

.s_nextguide_wrap{padding:70px 10px;}
.s_nextguide_wrap h2{margin-bottom:30px;font-size:40px;}

.s_tbl{width:95%;margin:20px auto;}
.s_tbl table{font-size:14px;}

.s_item{gap:10px;padding:10px;}

.s_review{padding:50px 10px;}

.s_rv_box{
gap:20px;
grid-template-columns: 100px auto;
align-items: start;
padding:10px;
}

.s_rv_img{width:100px;height:100px;margin-top:10px;}
.s_rv_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.s_text{padding:0;}

.s_nextguide .s_next_box p{font-size:18px;line-height:27px;}
.s_nextguide .s_next_box span{font-size:16px;}

.s_input .guide{width:95%;display:block;}
.s_input .guide ul{padding:0;margin:20px;list-style:none;}
.s_input .guide li{font-size:18px;}

.item_ex{padding:0 0 20px 0;}

#s_write{width:95%;margin:0 auto;}

#s_write input{font-size:14px;}
#s_write select{font-size:14px;}

.so_ss{font-size:14px;}

.s_tbl .s_dt_c p span.ns{background:red;color:#fff;padding:3px 8px;border-radius:5px;font-size:12px;}
.s_tbl .s_dt_c p span.ok{background:#0A6ECD;color:#fff;padding:3px 8px;border-radius:5px;font-size:12px;}
}

@media(max-width:386px){

	.s_item_list h2{font-size:32px;}
	.s_part_title{font-size:21px}
	.s_part_h1{font-size:21px;}
	.s_part span{font-size:12px;}

	.s_nextguide_wrap h2{font-size:32px;}
	.s_nextguide .s_next_box{padding:15px 10px;}
	.s_nextguide .s_next_box p{font-size:16px;}

	.s_nextguide{gap:5px;}

	.s_nextguide .s_next_box span{font-size:14px;}

	.s_text p.s_rvtxt{font-size:14px;}
	.s_rv_box{gap:10px;}

	.s_tbl .s_dt_c{padding:10px 5px;font-size:12px;gap:5px;}
	.s_tbl .s_dt_c p span.ns{padding:3px;font-size:12px;}
	.s_tbl .s_dt_c p span.ok{font-size:12px;padding:3px;}
}