@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Noto+Sans+KR:400,700&display=swap');
.youtube_wrap { position:relative; padding-bottom:56.25%; height:0px; display: block; }
.youtube_wrap iframe { position: absolute; top: 0px; left: 0px; width:100%; height:100%; }
.clear:after, .clear:before { display: block; content: ""; clear: both; } 
.nomargin { margin: 0 !important; }

.time_body {background-color: #c4e4df; width: 100%; padding-top: 20px; padding-bottom: 20px;}
.time_sale_title {font-family: "Roboto", "Noto Sans KR"; font-size: 25px; font-weight: 700;  letter-spacing: -1; color: #222222; background: 
        linear-gradient(135deg,#c4e4df 100%, #fff 0) 0 80%/4px 10px repeat-x; width: 450px; padding-top:10px;}
.section_time {width: 800px; background-color: #fff; padding: 10;}
.section_time .section_prd .time_box {list-style: none; font-family: "Roboto", "Noto Sans KR"; letter-spacing: -1; color: #222222; border: 1px solid #ccc; padding-left: 10%; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;}
.section_time .section_prd .time_box .price {font-size: 19px; width: 100%; }
.section_time .section_prd .time_box .price_left {text-align: left; width: 30%; color: #808080;}
.section_time .section_prd .time_box .price_right {text-align: right; width: 50%; text-decoration-line: line-through; color: #808080;}
.section_time .section_prd .time_box .price_time_left {text-align: left; width: 30%; color: #424242; font-size: 25px; font-weight: 700;}
.section_time .section_prd .time_box .price_time_right {text-align: right; width: 50%; color: #424242; font-size: 25px; font-weight: 700;}

strong { font-weight: 700; }
.section_time .section_prd .number { margin: 0; padding: 0; list-style: none; background-color: #829f9b; color: #fff; text-align: center;  padding: 5; width: 8%; font-family: "Roboto", "Noto Sans KR"; font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.section_time .section_prd .title {list-style: none; font-family: "Roboto", "Noto Sans KR"; font-size: 18px; font-weight: 700; padding-left: 10px; width: 85%; letter-spacing: -1; color: #222222; text-align: left;}

.section_time .section_prd { margin-bottom: 10px; margin-top: 30px; width: 90%;} /* 전체사이즈 */
.section_time .section_prd ul { margin: 0; padding: 0; list-style: none; }
.section_time .section_prd ul:after { clear: both; display: block; content: ""; }
.section_time .section_prd ul li { margin: 0; padding: 0; list-style: none; width: 49%; margin-right: 2%; float: left; }
.section_time .section_prd ul li:last-child { margin-right: 0; }

.section_time .section_prd .p2_prd_img_wrap { width: 100%; position: relative; box-sizing: border-box; margin-bottom: 10px; display: block; border: 1px solid #ddd; box-sizing: border-box; }
.section_time .section_prd .p2_prd_img_wrap img { width: 100%; max-width: 100%; }
.section_time .section_prd .p2_prd_img_wrap .sale {background-color: #c4e4df; font-family: "Roboto", "Noto Sans KR"; letter-spacing: -1; font-size: 40px; padding: 10px; color: #05250f; font-weight: 700; right: 0px; bottom: 0; position: absolute;}
.section_time .section_prd .p2_prd_img_wrap .sample {background-color: #ffdd69; color: #8e6e00; font-family: "Roboto", "Noto Sans KR"; letter-spacing: -1; font-size: 20px; padding: 10px;  font-weight: 700; right: 0px; top: 0; position: absolute;}
.section_time .section_prd .p2_prd_img_wrap .ddang {background-color: #ffba69; color: #9d5705; font-family: "Roboto", "Noto Sans KR"; letter-spacing: -1; font-size: 20px; padding: 10px;  font-weight: 700; right: 0px; top: 0; position: absolute;}
.section_time .section_prd .p2_prd_img_wrap .soldout {background-color: #000; color: #fff; font-family: "Roboto", "Noto Sans KR"; letter-spacing: -1; font-size: 20px; padding: 0px;  font-weight: 700; position: absolute; left: 50%; transform: translateX(-50%); top: 0%; width: 100%; height: 100%; opacity: 0.5;}

.section_time .section_prd .p2_prd_title { width: 100%; margin: 0 auto 6px auto; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: block; display: -webkit-box; /*line-height: 16px;*/ overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.071em; word-break: break-all; font-family: "Roboto", "Noto Sans KR"; font-size: 12px; }
.section_time .section_prd .p2_btn_buy_wrap { display: block; width: 70%; margin: 0 auto 16px auto; }
.section_time .section_prd .p2_btn_buy_wrap:after { clear: both; display: block; }
.section_time .section_prd .p2_btn_buy_wrap a { display: block; width: 100%; padding: 10px 0; text-align: center; box-sizing: border-box; border-radius: 2px; }
.section_time .section_prd .p2_btn_buy_wrap a:hover { text-decoration: none; }
.section_time .section_prd .p2_btn_buy_wrap a.p2_prd_btn_buy_benefit { border: 1px solid #107aea; color: #fff; background-color: #05250f;}
.section_time .section_prd .p2_btn_buy_wrap a.p2_prd_btn_buy_benefit:hover { border-color: #4073dc; background-color: #054b1b; color: #fff; }
.section_time .section_prd .p2_prd_price_wrap { display: block; vertical-align: middle; margin-bottom: 3px; }
.section_time .section_prd .p2_prd_price_wrap .p2_prd_price { font-weight: 700; font-size: 12px; vertical-align: middle; }
.section_time .section_prd .p2_prd_price_wrap .p2_won { font-size: 12px; vertical-align: middle; }
.section_time .section_prd .p2_label_price { margin-right: 4px; color: #107aea; font-size: 11px; border: 1px solid #107aea; display: inline-block; height: 1em; line-height: 1em; letter-spacing: -1px; padding: 3px 6px; vertical-align: middle; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }
.section_time .section_prd .p2_label_price_sub { margin-right: 4px; color: #808080; font-size: 11px; border: 1px solid #808080; display: inline-block; height: 1em; line-height: 1em; letter-spacing: -1px; padding: 3px 6px; vertical-align: middle; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }
.section_time .section_prd .p2_label_price_market { margin-right: 4px; color: #808080; font-size: 11px; border: 1px solid #808080; display: inline-block; height: 1em; line-height: 1em; letter-spacing: -1px; padding: 3px 6px; vertical-align: middle; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }

.time_notice {width: 820px; background-color: #404040; padding: 10px; color: #6c6c6c; font-family: "Roboto", "Noto Sans KR"; font-size: 12px; letter-spacing: -1;}
.time_notice .text1 {padding-left: 10px; float: left; display: block; font-weight: 700;  letter-spacing: -1; width: 50px;}
.time_notice .text2 {margin-left:70px;}

/* 타이머 관련 */
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);

html .main #content,
body .main #content {
  margin: 0 auto;
  min-height: 24px;
  position: relative;
  text-align: center;
  background-color: #05250f;
  padding: 20px;
}
html .main #content .title,
body .main #content .title {
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 4rem;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
html .main #content .title span,
body .main #content .title span {
  font-size: 2rem;
  cursor: pointer;
}
html .main #content .title:hover,
body .main #content .title:hover {
  -webkit-animation: MISSION-HOVER 1.5s infinite;
  animation: MISSION-HOVER 1.5s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
@-webkit-keyframes MISSION-HOVER {
  0%, 100% {
    font-size: 4rem;
    color: white;
  }
  50% {
    color: #bffcff;
    letter-spacing: 5px;
    text-shadow: 0px 0px 30px #bffcff;
  }
}
html .main #content p,
body .main #content p {
  color: #e6dbae;
  font-family: "Quicksand", sans-serif;
  font-size: 1.5rem;
  margin: 0 auto;
  padding: 0;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
html .main #content p:last-child,
body .main #content p:last-child {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 3em auto;
  padding: 0;
  letter-spacing: 0.1rem;
}
html .main #content p:last-child > a,
body .main #content p:last-child > a {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease-in;
}
html .main #content p:last-child > a:hover,
body .main #content p:last-child > a:hover {
  color: #fff;
}
html .main #content section,
body .main #content section {
  color: #fff;
  margin: 0 auto;
  line-height: 24px;
  font-size: 1rem;
  font-weight: 700;
}
html .main #content section ul,
body .main #content section ul {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
}
html .main #content section ul li,
body .main #content section ul li {
  display: inline-block;
  margin-right: 2rem;
  width: 4rem; /* 시간 가로 길이 */
}
html .main #content section .timenumbers,
body .main #content section .timenumbers {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  line-height: 2rem;
  margin: 0 auto;
  text-align: center;
}
html .main #content section p.timedescription,
body .main #content section p.timedescription {
  font-size: 0.5rem;
  font-variant: small-caps;
  line-height: 1.5rem;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 0px;
}

/* 지난 판매 상품 */
.time_history_top {font-family: "Roboto", "Noto Sans KR"; text-align: center; text-decoration: underline; text-decoration-color: #000; text-decoration-thickness: 4px; font-weight: 400; font-size: 25px; text-underline-position: under; padding-top:50px;}

.time_history {position: relative; left:50%; transform: translateX(-50%); padding: 10px; font-family: "Roboto", "Noto Sans KR"; font-size: 12px; letter-spacing: -1; border-bottom: 1px solid #dadada; height: 100px; width: 600px;}
.time_history .img {width: 100px; background-color: #424242; float: left; height: 100px;}
.time_history .img img {width: 100px; height: 100px;}
.time_history .title {float: left; width: 60%; padding: 10px; font-size: 17px; text-align: left;}
.time_history .title .end{background-color: #939393; width: 100px; color: #fff; margin-top: 10px; text-align: center;}
.time_history .sale {background-color: #dadada; width: 50px; float: left; height: auto; text-align: center; padding: 25px;}
.time_history .sale .text1 {font-size: 14px; display: block; color: #565656;}
.time_history .sale .text2 {font-size: 25px; font-weight: 700; color: #565656;}

.time_history_more {position: relative; left:50%; transform: translateX(-50%); padding: 10px; font-family: "Roboto", "Noto Sans KR"; font-size: 12px; letter-spacing: -1; width: 600px; text-align: center; background-color: #f4f4f4; margin-top: 20px; border: 1px solid #dadada;}