/**
* File Name : web_layout.css
* Description : 紐⑤컮�� 硫붿씤 �ㅽ��쇱떆��
*/
@charset "utf-8";
@import url('../css/SpoqaHanSansNeo.css');
@import url('../css/Score_Font.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 


/* Layout */
html, body {padding:0; margin:0; width:100%; box-sizing: border-box; 
font-family: 'Spoqa Han Sans Neo', 'S-Core','Nanum Gothic', 'Malgun Gothic','dotum',' sans-serif', 'Lato', 'Helvetica'; text-decoration:none;}
#wrap {position:relative; width:100%; margin: 0 auto; }


/* Link */
a { text-decoration:none; }
a:link a:visited {color:#000;text-decoration:none;}
a:hover, a:active {color:#000;text-decoration:none;}


/* header */
#mheader {width:100%; height:54px; position:relative;  }  
.topList {height:54px; margin:0 auto; padding:15px 0;}
.topList .hbmenu {float:left; height:24px; width:10%; }
.topList .hbmenu .menubt {padding-left:12px; cursor:pointer; }
.topList .mlogo {float:left; height:24px; width:80%; text-align:center; display:block; padding-top:3px;}
.topList .mcall {float:right; height:24px; text-align:right; width:10%;}
.topList .mcall .callnum {padding-right:12px;  }


#mloginBox {width:100%; height:auto; background:#751bfe;  clear:both; position:relative;}  
.logBox {width:100%; height:42px; margin:0 auto; list-style:none; }
.logBox .lv_master {float:left; width:40%; line-height:42px; padding-left:12px;  color:#FFF; font-size:0.875em; font-weight:500; letter-spacing:-.5px; display:inline-block; }
.logBox .lv_master a {color:#FFF; text-decoration:none;}
.logBox .outloginbt {float:right; height:42px; list-style: none; padding-right: 10px; display:inline-block;}
.logBox .outloginbt li {float:left; padding-left:12px; color:#FFF; line-height:42px;  font-size:12px; font-weight:500; letter-spacing:-.5px; display:inline-block;}
.logBox .outloginbt li:last-child {float:right; padding-left:12px; color:#FFF; line-height:42px; text-align:right;  font-size:12px; font-weight:500; display:inline-block;}
.logBox .outloginbt li a {color:#FFF; font-weight:500;}
.logBox .outloginbt li a:hover {color:#FFF; font-weight:500;}

#srmnbox {width:100%; height:80px; background:#15052e; clear:both; position:relative;}  
.srmninList {list-style: none; padding-top:5px;   margin: 0 auto; }
.srmninList li {float:left; display:inline-block; width:25%; text-align:center; border:0; cursor:pointer;}




/* Mobile Content */
#mobile_content {width:100%; height:auto;  position:relative; clear:both; }
.section_wtbox {margin-bottom:20px; padding:10px; border-radius:4px; border:1px solid #ddd; background:#fff; }
.section_wtbox {
 box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.pdspace-20 {padding:20px 10px; display:flex; clear:both; position:relative }

/* dangchum ys */
#dangchum_info {width:100%; height:auto;  background:#fff; position:relative; clear:both; }
.turnlotto_date {width:100%; background:#ebeaf4; padding:0 10px; height:50px; border-bottom:1px solid #cecdda; font-size:15px; font-weight:600; font-family: 'S-Core', }
.turn_in {width:100%; list-style:none; height:46px; margin:0 auto;}
.turn_in li {float:left; width:10%; line-height:50px; text-align:center;}
.turn_in li:nth-child(2) {float:left; width:80%; line-height:50px; text-align:center; }
.turn_in li:last-child {float:right; width:10%; line-height:50px;text-align:center; }

.turn_in .num_rarrow {padding-left:10px; }
.turn_in .num_titdate {font-weight:600; font-size:13px; letter-spacing:-0.05em;  font-family:'S-Core'   }
.turn_in .num_larrow { padding-right:10px;}

.turnball_box {width:100%; height:100px; margin:0 auto; padding:22px 0 0 0; clear:both;}
.turnball {width:100%; padding:0; text-align:center; margin:0 auto; height:30px; list-style:none; }
.turnball li {float:none; display:inline-block; width:30px; height:30px;  text-align:center; border:0; margin-right:4px; }
.turnball li:nth-child(7){ float:none; display:inline-block; width:20px; height:20px;  text-align:center; border:0; margin-right:0; }
.turnball li:last-child{ float:none; display:inline-block; width:30px; height:30px;  text-align:center; border:0; margin-right:0; }
.turnball .ballplus { float:none; display:inline-block;  margin-top:12px;  }
.turnball_intext {width:100%;  line-height:40px; text-align:center; font-size:14px; font-weight:500; font-family:'S-Core'; letter-spacing:-0.05em; }

/* turn lotto info */
.turnlotto_result {width:100%; height:auto; padding:0 10px;  margin:0 auto; background:#fff; position:relative; }
.turnlotto_result table {width:100%; border-collapse: collapse; }
.turnlotto_result table th {padding:6px; color:#49435f; border:1px solid #d5d3dc; font-size:13px; text-align:center; font-weight:500;}
.turnlotto_result table td {padding:8px; color:#6a6a6a; border:1px solid #d5d3dc; font-size:13px; text-align:center; }
.turnlotto_result bold_blackfont {color:#000; font-weight:500!important; }
.turnlotto_result .rdnum_yellow {
  display:block; 
  width:20px; 
  height:20px; 
  border:0; 
  background:#dec146; 
  border-radius:100%;
  line-height:20px; 
  margin: 0 auto; 
  font-size:12px; 
  color:#fff;
  text-align:center;
  font-weight:500; 
  letter-spacing:-.5px;
 }
.turnlotto_result .rdnum_grey {
  display:block; 
  width:20px; 
  height:20px; 
  border:0; 
  background:#c0c0c0; 
  border-radius:100%; 
  line-height:20px; 
  margin: 0 auto; 
  font-size:12px; 
  color:#fff; 
  text-align:center;
  font-weight:500; 
  letter-spacing:-.5px;
}
.turnlotto_result .rdnum_brown {
  display:block; 
  width:20px; 
  height:20px; 
  border:0; 
  background:#bba67e;
  border-radius:100%;
  line-height:20px; 
  margin: 0 auto; 
  font-size:12px; 
  color:#fff; 
  text-align:center; 
  font-weight:500; 
  letter-spacing:-.5px;
}
.turnlotto_result .rdnum_sky {
  display:block; 
  width:20px; 
  height:20px; 
  border:0; 
  background:#a6bccc;
  border-radius:100%; 
  line-height:20px; 
  margin: 0 auto; 
  font-size:12px; 
  color:#fff; 
  text-align:center; 
  font-weight:500;
  letter-spacing:-.5px;
} 



/* johab data */
.turn_johab {width:100%; height:auto; background:#fff; padding:20px 10px 0 10px;  position:relative; clear:both;}
.result_tit { height:40px; background:#3b1f6b; line-height:40px; font-size:14px; text-align:center; font-weight:500; color:#fff;  font-family:'S-Core';}
.johab_data {width:100%; height:auto; margin:0 auto; }
.johab_data table { border-collapse: collapse; }
.johab_data table th {padding:6px; color:#333; border:1px solid #d5d3dc; font-size:15px; text-align:center; font-weight:500;}
.johab_data table td {padding:6px; color:#6a6a6a; border:1px solid #d5d3dc; font-size:15px; text-align:center; }
.johab_data .rank_red { color:#1b1bb0; font-size:18px; font-weight:600; font-family:'S-Core';}


/* slider  */
#mslider {width:100%; margin:0 auto; height:auto; clear:both; background:#000; position:relative; }
.ysreview_hdt {width:100%; background:#1a152d; font-weight:600; font-size:14px; color:#fff000; line-height:40px; height:40px; display:block; font-family:'S-Core';}
.slider-service {width:100%; height:auto; text-align:center; }
.slider-service img {width:100%; }
.sldider_black_bg {width:100%; height:auto; padding:15px 0; background:#1a152d;}
.ysreview_tit {width:100%; font-weight:500; font-size:14px; color:#fff; line-height:24px; display:block;}
.ysreview_data {width:100%; font-weight:500; font-size:11px; color:#fff; font-weight:400; line-height:16px;  font-family:'S-Core'; display:block;}



/* bigdata banner */
.bigdata_bg { width:100%; margin: 0 auto; padding:30px 0; text-align:center; height:auto; background:url('../img/main/visual_img_bg.png')center no-repeat; background-size:cover;}
.bigdata_img {width:100%; display:block; text-align:center;}

@media(max-width:360px){
 .bigdata_img img {width:100%; display:block; text-align:center;}
}



/* johab award  */
.johab_award_list {width:100%; padding:0; margin:0 auto; clear:both; position:relative;}
.johab_award_tit { background:#945c26; line-height:40px; font-size:14px; text-align:center; font-weight:600; color:#fff; font-family:'S-Core';}
.johab_award_data {width:100%; list-style:none; height:auto; }
.johab_award_data li {float:left; width:50%; padding:15px 0; border:1px solid #d5d3dc;   color:#333; font-size:15px; text-align:center; font-weight:500;} 
.johab_award_data li:last-child {float:right; width:50%; padding:15px 0; border-left:none; color:#333; font-size:15px; text-align:center; font-weight:500;}
.johab_award_data .redwin_data {font-weight:600; color:#ed2251; font-size:18px;}



/* johab form */
.johabform {width:100%; margin:0 auto; height:240px; padding:30px 0 40px 0; clear:both; background:url('../img/main/johab_form_bg.png')no-repeat center; background-size:cover; position:relative;}
.johabform_desc {width:100%; line-height:1.3;  color:#fff; font-size:13px; text-align:center; font-weight:500;font-family:'S-Core'; letter-spacing:-.5px; }
.johabform_title {width:100%; line-height:28px;  color:#00d8ff; font-size:16px; text-align:center; font-weight:600; font-family:'S-Core'; }

.formlist {list-style:none; width:76%; height:auto; margin:0 auto;  padding-top:10px; position:relative;}
.formlist li {float:left; width:100%; text-align:left; padding:0 0 10px 0; line-height:20px; display:block; }
.phone_num {
  width:100%;
  background:#fff; 
  color:#333; 
  height:36px; 
  padding:0 20px; 
  border:0; 
  border-radius:36px;
  line-height:34px; 
  font-size:14px; 
  text-align:left; 
  font-weight:600!important;
  display:block; 
}
.phone_num::-webkit-input-placeholder {color: #c3c3c3; font-weight:500;}
.phone_num:-ms-input-placeholder {color: #c3c3c3; font-weight:500;}

.agreeLine { width:300px; height:30px; text-align:center;  margin:0 auto; clear:both;  position:relative; }
.agreeLine li {float:none; width:auto; text-align:center; display:inline-block;}
.agreeLine li:last-child {float:none; width:auto; text-align:center; display:inline-block;}

.use_chkbox {float:left; margin-top:10px;}
.use_chkbox input[id="cb1"] + label {width: 16px; height: 16px; background-color: #fff;	border: 1px solid #bcbcbc; cursor: pointer; }
.use_chkbox input[id="cb1"]:checked + label {background: #472ec9;  }
.use_chkbox input[id="cb1"] {display: none;}
.useFont {float:left; margin-bottom:8px; padding:0 5px;   font-size:11px; font-weight:500; color:#fff;  font-family:'S-Core';}
.useFont a {color:#fff;}

.johabform_btn {width:100%; height:38px; line-height:40px; text-align:center; display:inline-block; border:0; font-size:14px; border-radius:38px; background:#5f25c0; color:#fff; font-weight:600; font-family:'S-Core';}
.johabform_btn a {color:#fff; text-decoration:none;}
.johabform_btn a:hover {color:#fff; text-decoration:none; }
.johabform_btn:a {color:#fff; text-decoration:none;}
.johabform_btn:hover {color:#fff;text-decoration:none; }


/* board in */
.board_inner {width:100%; margin:0 auto; height:auto; padding:0 10px 0 10px ; clear:both; position:relative;}
#tabs{ width: 100%; height:auto; padding:0; list-style: none; overflow: hidden;}
#tabs li {float: left; width:50%;  }
#tabs li:last-child {float: right; width:50%;  }

/* tabs link */
#tabs a{ 
  position: relative;
  width:100%; 
  height:40px;
  border-radius:0;
  background: #dedce4;
  float: left;
  text-decoration: none;
  text-align:center;
  font-size:13px;
  line-height:40px; 
  color: #9c98b3;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{ /*background: #fff;*/}
#tabs a:focus{ /*outline: 0;*/}
#tabs a::after{ z-index: 1;  background: #fff; }

/* tabs content */
#tabs #current a,
#tabs #current a::after{  background:#2e3355; color:#fff; }

/* tabs content */
#bdtab_content {width:100%; padding:20px 10px; background: #fff; position: relative;	}
.board_data {list-style:none; display:inline-block;  }
.board_data li {float:left; width:100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:13px; color:#333; line-height:24px; font-weight:400; display:inline-block;}
.board_data li a {color:#333;}
.board_data li a:hover {color:#472ec9;}


/* banner img  */
.mainbn_in {width:100%; height:auto; position:relative; clear:both;}
.mbn01 {display:flex; width:100%; margin:0 auto; justify-content:center; align-items:center; background:#807261;}
.mbn01 li {float:left; width:60%; display:inline-block;}
.mbn01 li:last-child {float:right; width:40%; height:96px;  display:inline-block;}
.mbn01 .mbn01_Font {display:block; font-size:11.8px; line-height:18px; padding:30px 10px 0 0; font-weight:500; color:#e4d5c2; font-family:'S-Core';  letter-spacing:-.06em;  }

.mbn02 {width:100%; margin:0 auto; text-align:center; padding:20px 0; background:url('../img/main/mbn02_bg.png')center; background-size:cover;}
.mbn03 {width:100%; text-align:center; padding:0;}
.mbn04 {width:100%; display:block; background:#eee8f2; text-align:center; margin:0 auto; padding:0 10px; margin-top:20px; clear:both; }

@media(max-width:360px) {
 .mbn03 img {width:100%; display:block; text-align:center; }
 .mbn04 img {width:100%; display:block;  text-align:center; }
}



/* footer */
#ftwrap {width:100%; height:auto;  clear:both; position:relative; }
.footmn_in {list-style:none; height:35px; margin:0 auto; background:#f3f3f3; }
.footmn_in li {float:left; width:33.333333%; height:35px;  font-size:1rem;  border:1px solid #e9e9e9;  border-right:none; color:#444; line-height:34px; text-align:center; display:inline; }
.footmn_in li a {font-weight:400; color:#666;  }
.footmn_in li a:hover {font-weight:500; color:#333;}

.ftcopy {width:100%; padding:20px 10px; display:block; line-height:1.4;  font-size:.86em; font-weight:400; text-align:center; color:#444;  font-family:'S-Core'; }
.ftlogo {width:100%; height:auto; text-align:center; }
.ftlogo h2 {display:block; height:30px; text-align:center; font-size:1.4rem; font-weight:600; color:#333; font-family:'S-Core';  }
.ftlogo span {display:block; text-align:center; font-size:.9rem; font-weight:500; line-height:1.5; color:#333; font-family:'S-Core'; letter-spacing:-0.05em;  }
.copyinfo {display:block;  font-size:.7em; line-height:20px; color:#666; font-weight:400; }
.ordinance {width:100%; margin:0 auto; background:#3e3e3e; padding:30px 20px; color:#b1b1b1; font-size:7.5px; line-height:1.5; text-align:center; letter-spacing:-0.05em;  font-family:'S-Core'; clear:both; position:relative; }