@charset "utf-8";

* {margin:0;padding:0;font-family: 'Pretendard', sans-serif;}
html {overflow-y:scroll;}
body {font:12px/18px;}
h1,h2,h3,h4,h5 {font-size:100%;}
a:link, a:hover, a:active, a:visited, a:focus {color:#848484;text-decoration:none;}
ul, ol, li {list-style:none;}
colgroup {background:none;}
input, select, textarea {vertical-align:middle;font:12px/18px;}
fieldset, img {border:0;}
img {vertical-align:top;}
td img {vertical-align:middle;}
legend, caption {visibility:hidden;width:0;font-size:0;line-height:0;text-indent:-5000px;}
address, em {font-style:normal;}
hr {display:none;}

/*popup*/
.sbox {position:absolute; left:-150px; bottom:20px; z-index:999;background:#fff;}
.scont {width:578px; height:772px; background:url(//cdn.weaversmind.com/edu/popup/bg.jpg) no-repeat top center;background-size: cover; }
.btt {line-height:1.2em; font-size:16px; width:90%; border-top:1px solid #b6b6b6; margin:0 auto; text-align:center; padding:5% 0;}
.sbtn {text-align:center}

/* 타이머 */
.timer{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);padding-left:0px;}
.timers {position: absolute;}

/* 영상 */
.video-container { position: absolute;top: 50%;left: 50%; line-height: 0; margin-bottom: 0px; }

/* db바 */
.inbox17_2_1 {position: fixed;width: 100%;bottom: 0px;left: 0px;margin-left: 0;z-index: 1111;text-align: center;}

/* 이미지 깜박이는 효과 */
.imgChange {transition: opacity 1s ease;}

.imgChanges img {transition: opacity 1s ease;}

/* 이미지 가로 1000 */
.po_relative {width:1000px; margin:0 auto;position:relative;}

/* db바 텍스트 깜박이는 효과 */
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {animation: blink-effect 1s step-end infinite;}

.po_center {position: absolute;top: 50%;left: 50%;}

/* 유의사항 */
.product_info {margin:0 auto; width:1000px;padding-top:20px;}
.product_info .product_title {font-weight:bold;font-size:24px;line-height:40px;}
.product_info .table {border-bottom:1px solid #ddd;}
.product_info .table th {font-weight:bold;font-size:20px;vertical-align:middle;background:#F3F3F3;color:#3D3D3D;text-align:center;}
.product_info .table .notice_text {font-weight:bold;font-size:16px}
.product_info .table ul {padding-left:30px;}
.product_info .table ul li {list-style-type:disc;}

/* db 입력창 */
.db_inbox {position:fixed;z-index:1111;display:none; text-align: center;}


#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

pre {
    font-weight: bold;
}