@charset "utf-8";

.red {color:red;}
.blue {color: blue;}
.green {color:#008149;}
h2 {margin:3% 1%; font-size:25px;}
h2 p {font-size:40px;}
h2 em {font-style:normal; font-weight:normal}
.subtxt {margin:0 2% 3%; color:#505050; font-size:19px;}
.subtxt2 {margin:0 2% 3%; color:#505050; font-size:19px; text-align:center;}
.date {margin:0 1% 3%; border-bottom:1px solid #ddd; padding-bottom:10px;}
.date:after {content:''; display:block; clear:both;}
.date em {display:block; float:left; font-style:normal; font-size:13px; color:#999; margin-top:10px;}
.date .abc {float:right; display:block; width:69px;}

.cont {display: block; margin:1em 2.5% 1.5em; text-align: justify; word-break: break-all; font-size:18px; color:black; line-height:1.6;}
.mgt {position:relative; z-index:-1; margin-top:-100px;}
.cont2 {font-size:25px;}
.15 {font-size:30px;}
.ac {text-align:center;}

.form-preset {padding:0;}
.form-preset table {background:#f4f4f4; border:10px solid #f4f4f4;}
.form-preset.white table {background:#fff; border:10px solid #fff;}
.form-preset.pink {border:20px solid #eb1078}
.form-preset.pink table {background:#fff; border:10px solid #fff;}
.form-preset.pink .btnac {background:#eb1078; margin-top:20px;}
.form-preset table>tbody>tr>th {text-align:center;}
.form-preset table>tbody>tr>td {padding:5px 10px;}
.form-preset table>tbody>tr>td label {color:#666; font-size:15px;}
.form-preset input[type=radio], .form-preset input[type=checkbox] {vertical-align:middle;}
.btnac {text-align:center;}
.btnac a {display:inline-block; margin:25px 0; width:70%;}
.rdo label {display:inline-block; font-size:12px; margin:0 5px 3px 0;}

.form-presetM table>tbody>tr>th {text-align:left;}
.form-presetM .form-control {height:50px;}

.formArea {border:20px solid #206cb6; border-top:0; text-align:center;}
.formArea:after {content:''; display:block; clear:both;}
.formArea ul {padding-top:30px; text-align:left;}
.formArea ul li {margin-bottom:5px;}
.formArea ul li b {display:inline-block; width:20%; text-align:center;}
.formArea .btna {display:inline-block; width:35%; margin:20px 0;}
.formArea .form-control {padding:6px;}

.form2 {background:#fafafa; padding:20px 0; text-align:center;}
.form2>p {margin-bottom:10px; font-size:19px;}
.form2 .form-control {width:20%;}

#view-app {padding-bottom:155px;}
#footLayer {position:fixed; bottom:0; left:50%; width:680px; margin-left:-340px;}
#footLayer .formCont {position:absolute; bottom:20px; right:10px; text-align:right;}
#footLayer .formCont p {display:inline-block;}
#footLayer .formCont input[type=text] {display:inline-block; padding:3px; border:0; width:100%; height:27px; border-radius:5px; vertical-align:middle;}
#footLayer .formCont .w2 input[type=text] {width:30%;}
#footLayer .formCont .w2 select {display:inline-block; width:28%; padding:5px; border:0; height:27px;vertical-align:middle;}
#footLayer .formCont .w1 {width:14%;}
#footLayer .formCont .w2 {width:44%; text-align:left;}
#footLayer .w3 {display:block; width:22%; position:absolute; top:55px; right:17px;}

.arLayer {position:fixed; top:50px; right:10px; z-index:10;}

.contLayer {position:relative;}
.contLayer .layerTxt {position:absolute; top:69%; left:2%; width:96%; text-align:center;}
.contLayer .layerTxt .btnL {display:inline-block; width:40%;}
.contLayer .layerTxt .contL {display:none; text-align:left; position:absolute; top:90px; right:0px; padding:20px 160px 20px 20px; background:#fff url(../img/layer_bg.png) right bottom no-repeat;}
.contLayer .layerTxt .contL em {display:inline-block; font-style:normal; background:#fffd7f;}

@media screen and (max-width:414px) {
h2 {margin:3% 5%; font-size:20px;}
h2 p {font-size:28px;}
.subtxt {margin:0 3% 3%;}
.cont {font-size:18px;}
#view-app {padding-bottom:82px;}
#footLayer {left:0; width:100%; margin-left:0;}
#footLayer .formCont {bottom:8px;}
#footLayer .w3 {width:20%; top:30px;}
#footLayer .w2 {width:46%; text-align:right;}
#footLayer .w2 select {font-size:10px;}

.contLayer .layerTxt .contL {top:49px; padding:20px; background-size:150px;}
.contLayer .layerTxt .contL .mpd {display:block; padding-right:80px;}

.form-preset table>tbody>tr>td label {min-width:11%; font-size:13px;}
}

#view-app {padding-bottom: 0 !important;}
#footLayer {display: none;}

.db_box {
  background: #211a1e;
  padding: 10px;
}

.db_box td {
  font-family: "맑은 고딕";
  font-size: 16px;
  line-height: 24px;
  padding: 3px 0;
  color: #FFF;
  font-weight: bold;
}

#db_box {
  background: url(http://wecyd.com/biz/lotto/m03/db_bg.png) repeat-y;
  background-size: 100%;
  padding: 10px 30px;
}
select{background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:27%; height:40px; padding:0 10px; box-sizing:border-box; border-radius:5px; border:1px solid #ccc;}
.inp{-webkit-appearance: none; -moz-appearance: none; appearance: none; width:85%; height:40px; padding:0 10px; box-sizing:border-box; border-radius:5px; border:1px solid #ccc;}
.inp_tel{-webkit-appearance: none; -moz-appearance: none; appearance: none; width:27%; height:40px; padding:0 10px; box-sizing:border-box; border-radius:5px; border:1px solid #ccc;}

.container_wrap{display:table; width:85%;}
  .container{display:table-cell; width:50%; border:1px solid #ddd; border-radius: 5px; padding:5px 0; text-align:center;}
    .container input[type="radio"]{width:0; height:0;}
      .check{background:#004c93; color:#fff;}
.db_bt {text-align: center;margin: 15px auto;}
.db_bt img {width: 80%; margin:0 auto;}
.db_name{font-size: 12px;}
.agree {font-size: 10px;color: #333;font-family: '맑은고딕';padding: 5px 0 5px 0;}

/* input */
.input_text_wrap{position:relative; width:80%; display:inline-block; font-size:16px; margin:5px 0px;}
  .input_text_wrap label input{width:100%; padding:10px 15px !important; color:#000; border:2px solid #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
  .input_text_wrap label input:focus{border:2px solid #1a73e8;}
    .input_text_wrap label input:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
    .input_text_wrap label input:focus + span{color:#1a73e8;}
  .input_text_wrap label span{color:#999; position:absolute; top:22%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.75) translateY(-25px); transform:scale(0.75) translateY(-25px); transform-origin:left bottom;}

/* tel-select */
.select_wrap{text-align:center; width:80%; display:inline-block;}
  .select_wrap .input_select_wrap{width:30%; float:left; position:relative; margin: 10px 0px;}
    .select_wrap .input_select_wrap select{width:100%; padding:10px 15px; background:none; color:#000; border:2px solid #ddd; border-radius:4px;}
      .select_wrap .input_select_wrap select:-ms-expand{display:none;}
      .select_wrap .input_select_wrap select:focus{border:2px solid #1a73e8; outline:none;}
      .select_wrap .input_select_wrap:after{content:""; position:absolute; z-index:-1; right:10px; top:35%; width:5px; height:5px; border:solid #ccc; border-width:0 0 2px 2px; display:inline-block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
  .select_wrap .input_text_wrap{width:30%;}

/* tel-input */
.input_tel_wrap{position:relative; width:30%; display:inline-block; font-size:16px; margin:10px 0px;}
  .input_tel_wrap label input{width:100%; padding:10px 15px !important; color:#000; border:2px solid #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
  .input_tel_wrap label input:focus{border:2px solid #1a73e8;}
    .input_tel_wrap label input:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
    .input_tel_wrap label input:focus + span{color:#1a73e8;}
  .input_tel_wrap label span{color:#999;width:85%; position:absolute; top:22%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.75) translateY(-25px); transform:scale(0.75) translateY(-25px); transform-origin:left bottom;}
  .input_tel_wrap:first-child{margin: 10px 35px 10px 0px;}
  .input_tel_wrap:last-child{float:right;}

/* radio */
.container_wrap {width: 100%; margin: 5px 0px; display: flex;}
.container {width: 50%; border: 2px solid #ddd; color:#999; border-radius: 5px; padding: 12px 0; text-align: center; display:inline-table;}
.container input{border: 1px solid #e2e2e2; width: 100%; height: 40px;  margin-top: 10px; font-size: 14px; background: #f3f3f3; font-weight: bold;}
.container input[type="radio"] {width: 0; height: 0;}
.check {background: #2646d2; color: #fff;}

.font{font-size:15px;}



/* check_box */
  .checkbox_wrap{font-size:11px; color:#666; font-weight:bold; display:inline-block; margin:0px 4px;}
    .checkbox{display:inline-block; margin-bottom:5px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
      .checkbox:last-child{margin-bottom:0;}
      .checkbox input[type=checkbox]{opacity:0; display:inline-block; width:16px; height:16px; margin:0;}
    .check_mark{border-radius:3px; position:absolute; top:5%; left:0; width:14px; height:14px; background:#fff; border:2px solid #ccc;}
      .check_mark:after{content:""; position:absolute; display:none;}
    .checkbox input:checked ~ .check_mark:after{display:block;}
    .checkbox .check_mark:after{left:3px; top:-3px; width:4px; height:9px; border:solid #666; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
    .checkbox input:checked ~ .check_mark{border:2px solid #666;}

.copy_info_wrap{padding:10px; background:#eee; text-align:left; font-weight:bold; letter-spacing:-2.5; margin:10px;}
.copy_info{padding:10px; background:#fff; border:1px solid #ddd;}
  .copy_info input{width:40%; padding:3px 0; border:1px solid #ddd; margin-right:2px; text-align:center;}
  .copy_info div{margin-top:3px;}
  .copy_info div input{width:30%;}


.video_style > video {
width:100%;
}

@media screen and (max-width:400px){
  .font{font-size:12px;}
  .video_style > iframe {width:100%; height:100px;}
}


	/* 룰렛부분 시작*/
	.userCounter {
		height: 135px;
		font-size: 1.2em;
		line-height: 1.3;
		background: #eee;
		text-align: center;
		padding: 0px 0px;
		letter-spacing: -0.05em;
		position: relative;
		z-index: 999;
	}

	.count_title {
		color: #eee;
		font-weight: 400;
		background: #222;
		padding: 8px 0px;
		font-size: 1.3rem;
	}

	.count_contents {
		width: 53%;
		margin: 7px auto;
	}

	.count_bt_txt {
		color: #222;
		font-size: 1.5rem;
		font-weight: 500;
		display: inline-block;
		margin-top: 40px;
	}

	@media screen and (max-width:500px) {
		.userCounter {
			height: 120px;
			font-size: 1.2em;
			line-height: 1.3;
			background: #eee;
			text-align: center;
			padding: 0px 0px;
			letter-spacing: -0.05em;
			position: relative;
			z-index: 999;
		}

		.count_title {
			color: #eee;
			font-weight: 400;
			background: #222;
			padding: 8px 0px;
			font-size: 1rem;
		}

		.count_contents {
			width: 64%;
			margin: 7px auto;
		}

		.count_bt_txt {
			color: #222;
			font-size: 1rem;
			font-weight: 500;
			display: inline-block;
			margin-top: 38px;
		}
	}

	@media screen and (max-width:400px) {
		.userCounter {
			height: 120px;
			font-size: 1.2em;
			line-height: 1.3;
			background: #eee;
			text-align: center;
			padding: 0px 0px;
			letter-spacing: -0.05em;
			position: relative;
			z-index: 999;
		}

		.count_title {
			color: #eee;
			font-weight: 400;
			background: #222;
			padding: 8px 0px;
			font-size: 1rem;
		}

		.count_contents {
			width: 63%;
			margin: 7px auto;
		}

		.count_bt_txt {
			color: #222;
			font-size: 0.9rem;
			font-weight: 500;
			display: inline-block;
			margin-top: 42px;
		}
	}

	@media screen and (max-width:330px) {
		.userCounter {
			height: 105px;
			font-size: 1.2em;
			line-height: 1.3;
			background: #eee;
			text-align: center;
			padding: 0px 0px;
			letter-spacing: -0.05em;
			position: relative;
			z-index: 999;
		}

		.count_title {
			color: #eee;
			font-weight: 400;
			background: #222;
			padding: 8px 0px;
			font-size: 0.9rem;
		}

		.count_contents {
			width: 65%;
			margin: 7px auto;
		}

		.count_bt_txt {
			color: #222;
			font-size: 0.8rem;
			font-weight: 500;
			display: inline-block;
			margin-top: 37px;
		}
	}
	/* 룰렛부분 끝*/


/* 실시간부분 */
.mark_01 {
  background: #ffff8b;
  color: red;
}

.bg_change {
  background: red;
  animation-name: border;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes border {
  0% {
    background: #947a3d;
  }

  50% {
    background: #0d0d0d;
  }

  100% {
    background: #947a3d;
  }
}
/*vticker*/
.vticker_wrap {
  height: 165px !important;
  top: 0 !important;
  margin-top: 0px;
  border: 0px solid #5897e6;
  overflow: hidden;
}

  .vticker_wrap .vticker {
    width: 100%;
    background: #fff;
  }

    .vticker_wrap .vticker li {
      width: 100% !important;
      height: 54px;
      text-align: left;
      background: #f9f9f9;
      border-bottom: 1px solid #eee;
      font-size: 16.8px;
      font-weight: bold;
    }

      .vticker_wrap .vticker li:first-child {
        background: #fff2c4;
      }

      .vticker_wrap .vticker li span {
        margin: 10px 0 !important;
        padding: 0 4%;
        display: inline-block;
      }

      .vticker_wrap .vticker li .relist {
        padding-right: 4%;
        border-right: 3px solid #ccc;
      }

      .vticker_wrap .vticker li .mark {
        background: none;
        color: #f43636;
        padding: 3px 2.5% 0 5% !important;
        border-radius: 2px;
        border: 0px solid #fc5100;
        font-weight: bold;
      }

    .vticker_wrap .vticker li {
      height: 54px;
      font-size: 18.9px;
      padding: 0px 5% !important;
      letter-spacing: -1.5px;
    }

.c_wrap {
  margin: 0 auto;
  padding: 20px 0px;
  text-align: center;
  background-color: #111;
}

.c_t {
  display: inline-block;
  font-size: 1.5em;
  color: #fff;
  letter-spacing: -1px;
  line-height: 1.3;
}

  .c_t .live-t {
    font-size: 0.65em;
    color: red;
    display: inline-block;
  }

.counsel_nu {
  display: inline-block;
  width: 38px;
  text-align: right;
}

  .counsel_nu .list {
    border-bottom: 3px solid red;
    display: inline-block;
    width: 100%;
  }

    .counsel_nu .list .list_inner {
      margin: -2px auto;
      overflow: hidden;
    }

      .counsel_nu .list .list_inner li {
        font-size: 1.5em;
        text-align: center;
        line-height: 1.3;
        padding: 0;
        margin: 0;
        display: table;
        table-layout: fixed;
        float: none;
        color: red;
        font-weight: bold;
      }

        .counsel_nu .list .list_inner li span {
          display: table-cell;
        }

          .counsel_nu .list .list_inner li span.text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }

.end {
  font-weight: bold;
  animation: bling 1s linear infinite;
}

@keyframes bling {
  0% {
    color: #e50c0c;
  }

  30% {
    color: #e50c0c;
  }

  31% {
    color: #ffd800;
  }

  70% {
    color: #ffd800;
  }

  71% {
    color: #e50c0c;
  }

  100% {
    color: #e50c0c;
  }
}

.vticker_li {
  margin: 0px;
  padding: 0 5%;
}

@media (max-width:767px) {
  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 19px;
    padding: 0px 2.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li .mark {
      padding: 3px 2.5% 0 5%;
    }

  .vticker_li {
    margin: 0px;
    padding: 0 5%;
  }
}

@media (max-width:700px) {
  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 19px;
    padding: 0px 2.5% !important;
    letter-spacing: -1.5px;
  }
}

@media (max-width:650px) {
  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 18px;
    padding: 0px 2.5% !important;
    letter-spacing: -1.5px;
  }
}

@media (max-width:600px) {

  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 17px;
    padding: 0px 2.5% !important;
    letter-spacing: -1.5px;
  }
}

@media (max-width:550px) {
  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 15px;
    padding: 0px 3% !important;
    letter-spacing: -1.5px;
  }
}

@media (max-width:500px) {
  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 15px;
    padding: 0px 3% !important;
    letter-spacing: -1.5px;
  }
}

@media (max-width:495px) {
  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 13px;
    padding: 0px 2.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li span {
      margin: 10px 0 !important;
      padding: 0 7%;
      display: inline-block;
    }
}

@media (max-width:450px) {
  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 14px;
    padding: 0px 2.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li span {
      margin: 10px 0 !important;
      padding: 0 4.2%;
      display: inline-block;
    }
}

@media (max-width:420px) {
  .vticker_wrap {
    height: 145px !important;
  }

    .vticker_wrap .vticker li span {
      margin: 10px 0;
      padding: 0 5%;
      display: inline-block;
    }

    .vticker_wrap .vticker li .relist {
      padding: 0 5%;
      border-right: 1px solid #ccc;
    }

    .vticker_wrap .vticker li {
      height: 48px;
      font-size: 13px;
      padding: 0 2.5% !important;
      letter-spacing: -1.5px;
    }

      .vticker_wrap .vticker li .mark {
        padding: 3px 2.5% 0 5%;
      }

  .vticker_li {
    margin: 0px;
    padding: 0 5%;
  }
}

@media (max-width:400px) {
  .vticker_wrap .vticker li span {
    margin: 10px 0;
    padding: 0 3%;
    display: inline-block;
  }

  .vticker_wrap .vticker li .relist {
    padding: 0 3%;
    border-right: 1px solid #ccc;
  }

  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 12.5px;
    padding: 0px 1.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li .mark {
      padding: 3px 1.5% 0 3%;
    }

  .vticker_li {
    margin: 0px;
    padding: 0 3%;
  }

  .c_t {
    display: inline-block;
    font-size: 1.3em;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.3;
  }
}

@media (max-width:375px) {
  .vticker_wrap .vticker li span {
    margin: 10px 0;
    padding: 0 4%;
    display: inline-block;
  }

  .vticker_wrap .vticker li .relist {
    padding: 0 5%;
    border-right: 1px solid #ccc;
  }

  .vticker_wrap .vticker li {
    margin: 0 auto;
    height: 48px;
    font-size: 12.4px;
    padding: 0px 1.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li .mark {
      padding: 3px 1.5% 0 3%;
    }

  .vticker_li {
    margin: 0px;
    padding: 0 3%;
  }
}

@media (max-width:360px) {
  .vticker_wrap .vticker li span {
    margin: 10px 0;
    padding: 0 5%;
    display: inline-block;
  }

  .vticker_wrap .vticker li .relist {
    padding: 0 5%;
    border-right: 1px solid #ccc;
  }

  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 12px;
    padding: 0px 1.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li .mark {
      padding: 3px 1.5% 0 3%;
    }

  .vticker_li {
    margin: 0px;
    padding: 0 3%;
  }
}

@media (max-width:320px) {
  .vticker_wrap .vticker li span {
    margin: 10px 0;
    padding: 0 6%;
    display: inline-block;
  }

  .vticker_wrap .vticker li .relist {
    padding: 0 3%;
    border-right: 1px solid #ccc;
  }

  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 10.8px;
    padding: 0px 1.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li .mark {
      padding: 3px 1.5% 0 3%;
    }

  .vticker_li {
    margin: 0px;
    padding: 0 3%;
  }

  .c_t {
    display: inline-block;
    font-size: 1.5em;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.3;
  }
}

@media (max-width:300px) {
  .vticker_wrap .vticker li span {
    margin: 10px 0;
    padding: 0;
    display: inline-block;
  }

  .vticker_wrap .vticker li .relist {
    padding: 0 0%;
    border-right: 1px solid #ccc;
  }

  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 10px;
    padding: 0px !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li .mark {
      padding: 3px 0;
    }

  .vticker_li {
    margin: 0px;
    padding: 0;
  }

  .c_t {
    display: inline-block;
    font-size: 0.8975em;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.3;
  }
}

/*실시간부분끝*/