body,h1,h2 { padding:0; margin:0; font-size: 12px;font-family: "Malgun Gothic", arial, Tahoma, sans-serif;}
img { border:none;}
a { text-decoration:none; color:#000;}

#con { padding:10px 8px;}
h1 { font-family: "맑은 고딕"; font-size:23px; line-height:28px; font-weight:bold; padding:10px 0;}
h2 { font-family: "맑은 고딕"; font-size:16px; line-height:24px; font-weight:bold; padding:0 0 10px 0; color:#06C; border-bottom:1px solid #dedede;}
.date { font-family: "맑은 고딕"; font-size:14px; text-align:right; padding:10px 0; color:#666;}
.body_txt { line-height: 28px; font-size: 16px; font-family: "맑은 고딕"; color: #333333; letter-spacing: -0.5px; text-align:justify; word-break:break-all; padding:10px 0;}
.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; }
.agree{font-size:10px; color:#333; font-family: '맑은고딕'; padding:0;}
@media screen and (max-width:480px){
	.agree{display:block;}
}
input[type=text], input[type=tel], select { font-size: 14px; border: 1px solid #bdbdbd; margin: 0px; background-color: #fff; color: #000; height: 44px; }
input::placeholder { color: #666; letter-spacing: -0.5px; font-size: 16px; padding-left: 10px; }

.viewport {
	margin: 0px auto; width: 100%; overflow: hidden; padding-top: 4%; padding-bottom: 4%; -webkit-transform: translateZ(0); position:relative;
}

.flipsnap {
	width: 300%;
}
.flipsnap::after {
	height: 0px; clear: both; display: block; content: "";
}
@media screen and (max-width:480px)
{
	.mod-header h1 {
		padding-bottom: 10px; font-size: 34px;
	}
	.mod-header nav ul {
		font-size: 18px;
	}
	.main {
		width: 300px;
	}
	.demo {
		position: relative;
	}
	.github-ribbon {
		display: none;
	}
}
#wecyd_AdBox00kU{ position: fixed;    width: 300px;    height: 150px;    top: 50%;    left: 50%;    margin-left: -150px;    margin-top: -50px;    background-color: #f1f1f1;    color: #000;    font-size: 15px;    z-index: 99;    border-radius: 10px;    box-shadow: 3px 3px 3px #000;    background:#ededed; display:none;}#wecyd_AdBox00kU #adList{ height: 100px; display:table;}#wecyd_AdBox00kU #adList .thumb{ width: 75px;    height: 77px;    margin:13px 0px 0px 20px;}#wecyd_AdBox00kU #adList .thumb img{ width:75px; height:77px; border-radius: 4px;}#wecyd_AdBox00kU #adList .summary{    -webkit-box-sizing: border-box;    box-sizing: border-box; display:table-cell; width: 190px;    height: 100px; vertical-align:middle;    padding:15px 0px 0px 10px;}#wecyd_AdBox00kU #adList .summary .title{ width: 190px;    height: 25px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}#wecyd_AdBox00kU #adList .summary .title a{ color: #000;    font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}#wecyd_AdBox00kU #adList .summary .txt{ width: 190px;    height: 50px;    text-align: left; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}#wecyd_AdBox00kU #adList .summary .txt a{ color: #000;    font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}#wecyd_AdBox00kU .pop_btn{ width: 300px;    height: 40px;    font-size: 15px;    font-weight: bold;}#wecyd_AdBox00kU .pop_btn .close_txt{ width: 150px;    height: 40px;    text-align: right;    vertical-align: middle;    display: table-cell;    padding-right: 5px;}#wecyd_AdBox00kU .pop_btn .view_txt{ width: 150px;    height: 40px;    text-align: left;    vertical-align: middle;    display: table-cell;}#wecyd_AdBox00kU .pop_btn .view_txt a{ text-decoration: none;    color: #FFFFFF;}
#circle {position:fixed; bottom:0; max-width:640px; z-index:1;}

/*mobile*/
.bottom-type1 {margin-top: -20px !important;}
.bottom-line-bottom {margin-bottom: 40px !important;}
/*web*/
.bottom2 {margin-top: -40px !important;}
.bottom-ad1 {padding: 15px 0px !important;}
.bottom-ad2 {margin-bottom: 0px !important;padding: 1px 0px !important;}
.bottom-ad2 .tit {margin-bottom: 15px !important;}