@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;}
input {padding:10px;}

/* 타이머 */
.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 1.5s 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;}

input {text-align: center; margin:0 !important;}
select {text-align: center; margin:0 !important;}

.db_inbox input {text-align: center; margin:0 !important;}
.db_inbox select {text-align: center; margin:0 !important;}

.db_inbox2 input,
.db_inbox2 select {text-align: center;}

.db_inbox2 select,
.db_inbox select{cursor: pointer;}

.topCont {background:#000; width:100%;}
.fixWrap {position:fixed;width:100%;height:88px;background:#fff;z-index:1001;}
.fixWrap2 {position:fixed;width:100%;height:150px;background:#282828;z-index:992;bottom: 0;}
.timer{position:absolute;left:420px;top:10px;width:220px;height:70px;}
.swfWrap img {position:absolute;top:329px;left:304px;width:312px;height:236px;background:#000;z-index:1;}
.youtubeWrap {position:absolute;width:508px;height:298px;padding-bottom:72px;background:url(../images/bg_youtube.png) no-repeat 100% 100%;z-index:1;}

div.inbox{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/170515/db_input_bg.png) no-repeat right top;
background-size:272px 494px; z-index:993;}

div.inbox2{position:fixed;width:300px !important;bottom:162px;right:50px;margin-left:0;height:500px;background:url(//cdn.weaversmind.com/edu/img/190118/db_bg.png) no-repeat right top;
background-size:300px 500px; z-index:993;}

div.inbox3{position:fixed;width:476px !important;bottom:0px;left:763px;margin-left:0;height:150px;z-index:993;}

div.inbox4{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190315/db_input_bg.png) no-repeat right top;
background-size:272px 494px; z-index:993;}

div.inbox5{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190315/db_input_bg_A.png) no-repeat right top;
background-size:272px 494px; z-index:993;}

div.inbox6{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190315/db_input_bg_B.png) no-repeat right top;
background-size:272px 494px; z-index:993;}

div.inbox7{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190315/db_input_bg_C.png) no-repeat right top;
background-size:272px 494px; z-index:993;}

div.inbox8{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190315/db_input_bg_D.png) no-repeat right top;
background-size:272px 494px; z-index:993;}

div.inbox9{position:fixed;width:500px !important;bottom:140px;right:10px;margin-left:0;height:600px;background:url(//cdn.weaversmind.com/edu/img/190417/db_input_bg.png) no-repeat right top;
background-size:500px 600px; z-index:993;}

div.inbox10{position:fixed;bottom:0px;right:0px;z-index:993;}

div.inbox11{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190804/db_input_bg2.png) no-repeat right top;
background-size:272px 494px; z-index:1111;}

div.inbox12{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190819/db_input_bg2.png) no-repeat right top;
background-size:272px 494px; z-index:1111;}

div.inbox13{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/190918/db_input.jpg) no-repeat right top;
background-size:272px 494px; z-index:1111;}

div.inbox14{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/191108/db_input_bg.png) no-repeat right top;
background-size:272px 494px; z-index:1111;}

div.inbox15{position:fixed;width:1920px!important;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/191205/db_input.png) no-repeat bottom;z-index:1111;}

div.inbox16{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/200218/db_input_bg3.png) no-repeat right top;
background-size:272px 494px; z-index:1111;}

div.inbox17{position:fixed;width:272px !important;bottom:162px;right:50px;margin-left:0;height:494px;background:url(//cdn.weaversmind.com/edu/img/200306/db_input_bg3.png) no-repeat right top;
background-size:272px 494px; z-index:1111;}
div.inbox17_2{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:98px;z-index:1111;}
div.inbox17_3{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:398px;background:url(//cdn.weaversmind.com/edu/img/211021/db2.png) no-repeat bottom;z-index:1111;}

div.inbox18{position:fixed;width:1920px!important;bottom:0px;left:0px;margin-left:0;height:80px;background:url(//cdn.weaversmind.com/edu/img/200424/db_bg.jpg) no-repeat bottom;z-index:1111;}

div.inbox19{position:fixed;width:1920px!important;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200605/db_bottom.gif) no-repeat bottom;z-index:1111;}

div.inbox20{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db.gif) no-repeat bottom;z-index:1111;}

div.inbox20_1{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_1we.gif) no-repeat bottom;z-index:1111;}

div.inbox20_2{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_200m.gif) no-repeat bottom;z-index:1111;}

div.inbox20_3{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_62388.gif) no-repeat bottom;z-index:1111;}

div.inbox20_4{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_allfree.gif) no-repeat bottom;z-index:1111;}

div.inbox20_5{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_chuchun.gif) no-repeat bottom;z-index:1111;}

div.inbox20_6{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_ipad2.gif) no-repeat bottom;z-index:1111;}

div.inbox20_7{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_74998_2.gif) no-repeat bottom;z-index:1111;}

div.inbox20_8{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:140px;background:url(//cdn.weaversmind.com/edu/img/200818/db_ipad_button.gif) no-repeat bottom;z-index:1111;}

div.inbox20_9{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/201207/db_78650.gif) no-repeat bottom;z-index:1111;}

div.inbox21{position:fixed;width:1920px!important;bottom:0px;left:0px;margin-left:0;height:190px;background:url(//cdn.weaversmind.com/edu/img/200818/db_input2.png) no-repeat bottom;z-index:1111;}

div.inbox22{position:fixed;width:1920px!important;bottom:0px;left:0px;margin-left:0;height:190px;background:url(//cdn.weaversmind.com/edu/img/200507/db_bottom.png) no-repeat bottom;z-index:1111;}

div.inbox23{position:fixed;width:1920px!important;bottom:0px;left:0px;margin-left:0;height:190px;background:url(//cdn.weaversmind.com/edu/img/200818/db_input_1year.png) no-repeat bottom;z-index:1111;}

div.inbox24{position:fixed;width:1920px!important;bottom:0px;left:0px;margin-left:0;height:190px;background:url(//cdn.weaversmind.com/edu/img/200818/db_input_dan1.png) no-repeat bottom;z-index:1111;}

div.inbox25{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:150px;background:url(//cdn.weaversmind.com/edu/img/200818/db_ipad_bubble.png) no-repeat bottom;z-index:1111;}

div.inbox26{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:150px;background:url(//cdn.weaversmind.com/edu/img/200818/db_ipad_in.png) no-repeat bottom;z-index:1111;}

div.inbox27{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/200818/db_11.gif) no-repeat bottom;z-index:1111;}

div.inbox28{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/201105/db_input_bg2.jpg) no-repeat bottom;z-index:1111;}
div.inbox28_1{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:160px;background:url(//cdn.weaversmind.com/edu/img/201105/db_input_bg4.png) no-repeat bottom;z-index:1111;}

div.inbox29{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:#000;z-index:1111;}
div.inbox29_1{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:130px;z-index:1111;}

div.inbox30{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/201126/db_74998.gif) no-repeat bottom;z-index:1111;}

div.inbox31{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:200px;background:url(//cdn.weaversmind.com/edu/img/201222/db_input.png) no-repeat bottom;z-index:1111;}

div.inbox32{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/210105/db_input.png) no-repeat bottom;z-index:1111;}

div.inbox33{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/210105/db_input2.png) no-repeat bottom;z-index:1111;}

div.inbox34{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:150px;background:url(//cdn.weaversmind.com/edu/img/210105/db_input4.png) no-repeat bottom;z-index:1111;}

div.inbox35{position:fixed;width:100%;bottom:0px;left:0px;margin-left:0;height:100px;background:url(//cdn.weaversmind.com/edu/img/210121/db_input.jpg) no-repeat bottom;z-index:1111;}


.sbox_r_pos {position:absolute;left:-340px; top:600px;}

/*popup*/

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
}

table ul li {
	list-style: initial;
}

h1, h2, h3, h4, h5 {
    margin-top: 0;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-right: 1px solid #ddd;
}

.agree {margin:0 !important;}
    input:focus {
        outline: none;
        border: none;
    }



img {
	    display: block;
}
input {
  text-align: start;
}

input::placeholder {
  color: #8D8D8D !important;
  opacity: 1 !important; /* 중요: 브라우저 기본 투명도를 제거하여 색상을 선명하게 함 */
  text-align: start;
  font-size:14px;
}

 @keyframes backgroundShrink {
            0% {
                background-size: 100% 100%;
            }
            100% {
                background-size: 0 100%;
            }
        }