@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@charset "utf-8";

/* --------------------------------------------
 * Reset
/* ------------------------------------------ */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-y:scroll;scrollbar-3dLight-Color:#333;scrollbar-arrow-color:#777;scrollbar-base-color:#333;scrollbar-Face-Color:#fff;scrollbar-Track-Color:#333;scrollbar-DarkShadow-Color:#333;scrollbar-Highlight-Color:#333;scrollbar-Shadow-Color:#fff}

html, body {
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
	zoom: 1;
}

body{font-family:'Lato','NotoSansKR','Rajdhani',sans-serif;font-weight:400; letter-spacing: -0.75px;font-size:12px;color:#000}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0;list-style:none}
b, h1, h2, h3, h4, h5, h6, strong{font-weight:normal}
fieldset{border:0}
a{font-style:normal;text-decoration:none;color:#000}
caption{font-size:0;height:0;line-height:0;visibility:hidden;width:0}
.checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
a:focus{outline:none !important}
button img{vertical-align:middle}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
img, video{border:0;vertical-align:top}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all}
input, select{vertical-align:middle}
label{cursor:pointer}
.blind, caption, hr, legend{position:absolute;top:-9999px;font-size:0;line-height:0}
.hide_text{position:absolute;display:inline-block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;text-indent:-9999em}
address, em, i{font-style:normal;font-weight:normal}
td, th{vertical-align:middle}
input, select, textarea{font-family:'Lato','NotoSansKR','Rajdhani',sans-serif;font-size:12px;position:relative;zoom:1}
.placeholderText{display:none}
embed{display:none}
.bgGray { background: #f2f3f4; }
.blink {
    animation: blinker 2s linear infinite;
}
@keyframes blinker { 50% {opacity:0;} }
/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#3d4d63;border:0}

/* --------------------------------------------
 * grid
/* ------------------------------------------ */
[class*="sec_"]{width:100%;overflow:hidden}
[class*="sec_"]:after{display:block;clear:both;content:''}

.widInner{position:relative;width:1190px;margin:auto}

.row_12,
.row_5{margin-left:-10px;margin-right:-10px}
.row_12:after,
.row_5:after,
.widInner:after{display:block;clear:both;content:''}

[class*="col_"]{float:left;padding:0 10px}

.row_5 .col_1{width:20%}
.row_5 .col_2{width:40%}
.row_5 .col_3{width:60%}
.row_5 .col_4{width:80%}
.row_5 .col_5{width:100%}

.row_12 .col_1{width:8.33333333%}
.row_12 .col_2{width:16.66666667%}
.row_12 .col_3{width:25%}
.row_12 .col_4{width:33.33333333%}
.row_12 .col_5{width:41.66666667%}
.row_12 .col_6{width:50%}
.row_12 .col_7{width:58.33333333%}
.row_12 .col_8{width:66.66666667%}
.row_12 .col_9{width:75%}
.row_12 .col_10{width:83.33333333%}
.row_12 .col_11{width:91.66666667%}
.row_12 .col_12{width:100%}

/* --------------------------------------------
 * box
/* ------------------------------------------ */
.box_st1 {
	border: 1px solid #ddd;
	margin:0 10px;
	position: relative;
    border-radius: 2px;
	box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);
	-o-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1);
}
.box_st1 h2.box_tit {
	position: relative;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: #333;
	padding: 15px 20px;
}

.box_st1 .resultBox p{
	font-size:14px;
    padding:10px 0;
    border-bottom: 1px solid #ddd;
}

.box_st1 .resultBox > span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:14px;
}

.mn_rollPhoto h2.box_tit img{width:142px;}
.mn_broadcasting h2.box_tit img{width:143px;}
 
/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st */
.table_st .bgGray{background:#f5f6fa}
.table_st .lt{text-align:left !important; padding-right: 0;}
.table_st .rt{text-align:right !important; padding-left: 0;}

/* table_st1 */
.table_st1{}
.table_st1 thead td,
.table_st1 thead th{text-align:center;font-size:12px;line-height:24px;font-weight:500;color:#aaa;padding:5px 10px; border-bottom:1px solid #ddd; white-space:nowrap;}
.table_st1 tbody td,
.table_st1 tbody th{text-align:center;font-size:12px;line-height:24px;font-weight:400;letter-spacing:-0.05em;color:#333;padding: 8px 8px;}

/* table_st2 */
.table_st2{}
.table_st2 td,
.table_st2 th{border-bottom:1px solid #ddd; }
.table_st2 td:first-child,
.table_st2 th:first-child{padding-left:15px !important;}
.table_st2 td:last-child,
.table_st2 th:last-child{padding-right:20px !important;}
.table_st2 thead td,
.table_st2 thead th{text-align:center;font-size:13px;line-height:21px;font-weight:500;color:#acacac;padding:5px 10px;background:#fff}
.table_st2 tbody td,
.table_st2 tbody th{text-align:center;font-size:13px;line-height:24px;font-weight:500;letter-spacing:-0.025em;color:#555;padding:10px 10px 10px}
.table_st2 tbody tr:last-child td,
.table_st2 tbody tr:last-child th{border-bottom:0}

/* table_st3 */
.table_st3 {
	border-top: 2px solid #555;
}
.table_st3 th {
	font-size: 14px;
	line-height: 24px;
	padding: 12px 10px;
	color: #333;
	font-weight: 600;
	text-align:center;
	border-bottom:1px solid #000;
}
.table_st3 td {
	font-size: 14px;
	line-height: 22px;
	padding: 17px 10px 16px;
	color: #999;
	font-weight: 400;
	border-top: 1px solid #f0f0f0;
	text-align:center;
}
.table_st3 td.data{font-size:12px;}
.table_st3 tr.focus td {
	background: #fafafa;
}
.table_st3 td.num .icon {
	width: 14px; height: 26px;
	display: inline-block;
	background: url(/_img/icon_focus3.png) no-repeat;
	font-size: 0;
	text-indent: -999999em;
	overflow: hidden;
}
.table_st3 td.title a {
	display: inline-block;
	border-bottom: 1px solid transparent;
	color: #333;
}
.table_st3 td.title a:hover {
	border-color: #333;
}
.table_st3 td.data {
	letter-spacing: 0;
}
.table_st3 tr:first-child td {
	border-top: 1px solid #ddd;
}

/* table_st4 */
.table_st4 {

	border-bottom: 1px solid #777;
}
.table_st4 th {
	font-size: 14px;
	line-height: 24px;
	padding: 12px 20px;
	color: #333;
	font-weight: 600;
	text-align:center;
}
.table_st4 td {
	font-size: 16px;
	line-height: 26px;
	padding: 17px 20px 16px;
	color: #999;
	font-weight: 400;
	border-top: 1px solid #f0f0f0;
	text-align:center;
}
.table_st4 tr:first-child td {
	border-top: 2px solid #555;
}
.table_st4 td.tit {
	color: #555;
}

/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1{position:relative;padding: 4px 0 8px;}
.checksWrap_st1 .checks{position:relative;}
.checksWrap_st1 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:16px;height:16px;-webkit-appearance:none}
.checksWrap_st1 label{background:url("/_img/check1_off.png") 0 0 no-repeat #fff;display:inline-block;position:relative;top:0;left:0;height:16px;line-height:16px;font-size:12px;color:#a3a3a3;padding:0 0 0 20px;z-index:10}
.checksWrap_st1 label.on{background:url("/_img/check1_on.png") 0 0 no-repeat #fff}

/* checksWrap_st2 */
.checksWrap_st2{position:relative;}
.checksWrap_st2 .checks{position:relative;}
.checksWrap_st2 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:24px;height:24px;-webkit-appearance:none}
.checksWrap_st2 label{background:url("/_img/check2_off.png") 0 0 no-repeat;display:inline-block;position:relative;top:0;left:0;height:24px;line-height:24px;font-size:14px;color:#999;padding:0 0 0 30px;z-index:10}
.checksWrap_st2 label.on{background:url("/_img/check2_on.png") 0 0 no-repeat}

/* checkbox st3 */
.checksWrap_st3{position:relative;border-bottom:1px solid #e1e1e1}
.checksWrap_st3 .checks{height:60px;position:relative}
.checksWrap_st3 .checks input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:60px;height:60px;-webkit-appearance:none}
.checksWrap_st3 .checks label{background:url("/_img/check3_off.png") 0 0 no-repeat #fff;display:block;position:relative;top:0;right:0;height:60px;line-height:26px;font-size:14px;color:#555;padding:17px 0 17px 80px;z-index:10}
.checksWrap_st3 .checks label.on{background:url("/_img/check4_on.png") 0 0 no-repeat #fff}
.checksWrap_st3 .checks label strong{color:#e95247}
.checksWrap_st3 .checks label span{color:#aaa}

/* --------------------------------------------
 * input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1{position:relative; margin-bottom: 6px;}
.inputWrap_st1:before{content:'';display:inline-block;width:30px;height:40px;background:url("/_img/icon_input_login.png") no-repeat;position:absolute;top:0;left:1px;z-index:10}
.inputWrap_st1.upw:before{background-position:-30px 0}
.inputWrap_st1 input{display:block;width:100%;height:40px;line-height:18px;font-size:12px;background:#ffffff;border:1px solid #e1e1e1;border-radius:2px;padding:10px 10px 10px 30px;color:#333;letter-spacing:-0.05em}
.inputWrap_st1 input:focus,
.inputWrap_st1 input:hover{background:#f6f6f6}

/* inputWrap_st2 */
.inputWrap_st2 {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}
.inputWrap_st2 .input_tit {
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 14px;
	white-space: nowrap;
	color: #555;
	letter-spacing: 0.5px;
	font-weight: 600;
	z-index: 10;
}
.inputWrap_st2 .input_tit strong {
	color: #1665c8;
}
.inputWrap_st2 input {
	width: 100%;
	height: 84px;
	padding: 32px 30px 6px;
	font-size: 16px;
	color: #333;
	letter-spacing: 0.025em;
	line-height: 46px;
}
.inputWrap_st2 input:focus,
.inputWrap_st2 input:hover {
	background: #fafafa;
}

/* inputWrap_st2.icon */
.inputWrap_st2.icon:before {
	content: '';
	width: 84px; height: 84px;
	display: inline-block;
	background: url(/_img/input_icon170314.png) no-repeat;
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
}
.inputWrap_st2.icon.uid:before { background-position: 0 0; }
.inputWrap_st2.icon.upw:before { background-position: -84px 0; }
.inputWrap_st2.icon.upw2:before { background-position: -168px 0; }
.inputWrap_st2.icon.phone:before { background-position: -252px 0; }
.inputWrap_st2.icon.email:before { background-position: -336px 0; }
.inputWrap_st2.icon.nick:before { background-position: -420px 0; }

.inputWrap_st2.icon input {
	padding-left: 84px; font-size:13px;
}
.inputWrap_st2.icon .input_tit {
	left: 84px;
}
.inputWrap_st2 button {
	width: 100px; height: 40px;
	display: inline-block;
	text-align: center;
	background: #918d7b;
	color: #fff;
	font-size: 13px;
	border-radius: 2em;
	position: absolute;
	top: 52%; right: 20px;
	margin-top: -21px;
	z-index: 12;
}
.inputWrap_st2 .error {
	width: 100%; height: 40px;
	background: #e95247;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 40px;
}

/* --------------------------------------------
 * textarea
/* ------------------------------------------ */
.textareaWrap_st1 {

}
.textareaWrap_st1 textarea {
	display: block;
	width: 100%;
	height: 220px;
	font-size: 14px;
	line-height: 20px;
	background: #ffffff;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	padding: 14px 12px 14px 20px;
	color: #000000;
	letter-spacing: -0.05em;
	resize: none;
}
/* --------------------------------------------
 * select
/* ------------------------------------------ */
.selectWrap_st1{position:relative;width:100%;height:27px;border:1px solid #ddd;background:#fff;z-index:8}
.selectWrap_st1 .btn_selected{height:25px;line-height:25px;display:block;overflow:hidden;position:relative;padding:0 28px 0 10px;font-size:12px;color:#555;white-space:nowrap;background:#fff}
.selectWrap_st1 .btn_selected:after{content:'';display:block;position:absolute;top:0;right:0;width:28px;height:28px;background:url("/_img/select_arr.png") no-repeat -1px -1px}
.selectWrap_st1 .select_list{min-width:100%;max-height:160px;position:absolute;top:100%;right:0;border:1px solid #ddd;z-index:100;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none}
.selectWrap_st1 .select_list li a{display:block;line-height:32px;text-align:left;padding:0 20px 0 10px;white-space:nowrap;background:#fff;color:#666;font-size:12px;cursor:pointer;letter-spacing:-0.025em}
.selectWrap_st1 .select_list li a:focus,
.selectWrap_st1 .select_list li a:hover,
.selectWrap_st1 .select_list li.active a{background:#fafafa;color:#e95247}

/* --------------------------------------------
 * pagination
/* ------------------------------------------ */
.pagination{}
.pagination ul{text-align:center}
.pagination li{display:inline-block}
.pagination li a{width:34px;height:34px;line-height:32px;text-align:center;display:inline-block;font-size:13px;color:#999;border:1px solid #ddd;background:#fff}
.pagination li a:hover{background:#fafafa}
.pagination li.active a,
.pagination li.active a:hover{background:#454545;border-color:#454545;color:#fff;cursor:default}
.pagination li a.page_arr{background:url("/_img/pagination_arr.png") no-repeat}
.pagination li a.page_arr.page_first{background-position:0 0}
.pagination li a.page_arr.page_prev{background-position:-32px 0;margin-right:10px}
.pagination li a.page_arr.page_next{background-position:-64px 0;margin-left:10px}
.pagination li a.page_arr.page_last{background-position:-96px 0}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999999999999;
	overflow: hidden;
}
.layerPopup.open {
	display: block;
}
.layerPopup .bg_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000;
	background:rgba(0,0,0,0.6);
	opacity:0.6;
	filter: alpha(opacity=60);
	z-index: 999;
}
.layerPopup .layerBody .close {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
}
.layerPopup .layerBody .close span {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("/_img/icon_x.png") no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -7000000em;
	vertical-align: middle;
}
.layerPopup .layerBody {
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	z-index: 9999;
}
.layerPopup .layerBody h2.tit {
	color: #fff;
	line-height: 80px;
	height: 80px;
	font-size: 24px;
	letter-spacing: -0.05em;
	background: #262626;
	text-align: center;
}
.layerPopup .layerBody .contPop {
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	overflow-y: auto;
}

/* layerView */
.layerView .layerBody {
	width: 960px;
	height: 100%;
	top: 0;
	padding-top: 80px;
	position: fixed;
}
.layerView .layerBody .fixTop {
	width: 960px;
	height: 80px;
	border-bottom: 1px solid #dedede;
	position: fixed;
	top: 0;
	left: 50%;
}
.layerView .layerBody .fixTop ul.left {
	float: left;
}
.layerView .layerBody .fixTop ul.right {
	float: right;
}
.layerView .layerBody .fixTop ul li {
	height: 80px;
	line-height: 80px;
	float: left;
}
.layerView .layerBody .fixTop ul.left li {
	border-right: 1px solid #dedede;
}
.layerView .layerBody .fixTop ul.right li {
	background: #000;
}
.layerView .layerBody .fixTop ul li a {
	display: block;
	text-indent: initial;
	width: 80px;
	height: 80px;
	position: initial;
	background: none;
	line-height: 80px;
	text-align: center;
}
.layerView .layerBody .fixTop ul.left li a:hover {
	background: #f1f1f1;
}
.layerView .layerBody .fixTop ul li a span {
	width: 29px;
	height: 23px;
	display: inline-block;
	background: url("/_img/layerView_icon.png") no-repeat;
	text-indent: -999999em;
	vertical-align: middle;
}
.layerView .layerBody .fixTop ul li a.top span {
	background-position: 0 0;
}
.layerView .layerBody .fixTop ul li a.prev span {
	background-position: -29px 0;
}
.layerView .layerBody .fixTop ul li a.next span {
	background-position: -58px 0;
}
.layerView .layerBody .fixTop ul li a.close span {
	background-position: -87px 0;
}
.layerView .layerBody .contPop {
	height: 100%;
	min-height: initial;
}
.layerView .view_con .view_con_txt {
	font-size: 15px !important;
	line-height: 25px !important;
	color: #555 !important;
	word-break: keep-all !important;
}
.layerView .view_con .view_con_txt img {
	max-width: 100% !important;
}


/* --------------------------------------------
 * OwlCarousel2
/* ------------------------------------------ */
.owl-theme .owl-nav {
}
.owl-theme .owl-nav [class*='owl-'] {
	width: 55px; height: 55px;
	display: inline-block;
	overflow: hidden;
	text-indent: -99999em;
	background: #2a2a2a;
	position: absolute;
	top: 0;
}
.owl-theme .owl-nav .owl-prev {
	background-position: 0 0;
	/*border-right: 1px solid #ddd;*/
	left: 0;
}
.owl-theme .owl-nav .owl-next {
	background-position: -74px 0;
	/*border-left: 1px solid #ddd;*/
	right: 0;
}

.owl-theme .owl-dots{height:8px;margin-top:25px;text-align:right;-webkit-tap-highlight-color:transparent;display: none !important;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:0 0 0 10px;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;background:url("/_img/roll_controls.png") no-repeat -38px 0;-webkit-background-size:46px 8px;-moz-background-size:46px 8px;-o-background-size:46px 8px;background-size:46px 8px}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background-position:-25px 0}
.rollWrap a.button{width:8px;height:8px;margin:0 0 0 6px;text-indent:-9999em;overflow:hidden;display:inline-block;background:url("/_img/roll_controls.png") no-repeat;-webkit-background-size:46px 8px;-moz-background-size:46px 8px;-o-background-size:46px 8px;background-size:46px 8px}
.rollWrap a.button.play{background-position:0 0}
.rollWrap a.button.stop{background-position:-12px 0}

.table_st2 .rank{ text-indent: 0;margin-right:20px;float:left; color:#fff;width:48px; height:33px; display:inline-block; text-align:center; line-height:33px; font-weight:600; font-size:14px;}
.table_st2 .rank01,.table_st2 .rank02,.table_st2 .rank03,.table_st2 .rank04,.table_st2 .rank05{
	background: url(/_img/award.png) no-repeat 50% 50%;
    font-size: 13px; 
    line-height: 34px;
	height:35px;
    color: #2a2a2a;
}
.font_red{color:#ff4700;}

.main_visual_area ul.autoplay button{display:none !important;}



/* ---- stats.js ---- */
.count-particles{
    
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
    display: inline-block;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 285px;
  background-color: #b61924;
  background-image: url(../_img/sec12_bg.png);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#particles-js2{
  width: 100%;
  height: 285px;
  background-image: url(../_img/lotto_sec1_bg3.png);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;

}
#particles-js span{display: inline-block; color:#fff; }

.video_lotto {width:100%; height:285px;background:url(../_img/gif_moving2.gif); background-size:cover; z-index: 10; display: inline-block; overflow: hidden; }
.video_lotto #videobcg{position: relative;left: 0;top:0; height:100%;overflow: hidden;z-index: -1000;overflow: hidden;display: inline-block; padding:0; }
.video_tit {color:#fff;display:inline-block; z-index:10000;top: 5px;font-size: 18px; letter-spacing: -0.6px; margin-top:30px;text-align:center; }
.video_tit p{font-size:18px; width:100%; }
.video_tit span{font-size:48px; margin-top:10px; color:#ffdd3b;display:inline-block; font-weight:700; margin-bottom:15px; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.5);  }
.video_tit h2{font-size:15px; }
.video_tit .vidio_txt{display:inline-block; font-size: 0.8em;color: #fff;font-weight: 400; line-height: 28px; width:100%;}
.video_tit .vidio_txt strong{font-weight:600;}

.visual_banner_sec3 {width:100%; height:auto; background-image: url(../_img/lotto_sec5_bg.png); background-size:cover;letter-spacing:-0.6px; }
.visual_banner_sec3 span{display: inline-block; color:#fff; font-size: 2.2em;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.5); 
    text-align: center; width: 100%; margin-top: 30px; font-weight:400; margin-bottom:32px; letter-spacing:-0.75px; line-height:45px; }
.visual_banner_sec3 span strong{font-weight:800;color:#ff4141;}
.visual_banner_sec3 p { text-align:center; color:#fff; font-size:14px; margin-bottom:17px; line-height: 25px; letter-spacing:-0.06px; }
.visual_banner_sec3 p strong{font-size:18px; color:#ffb931; font-weight:600;}
.visual_banner_sec3 p .font-bold{font-weight:600;}
.visual_banner_sec3 p em{background:rgba(255,255,255,0.2); color:#fff; padding:5px; font-size:16px; }
.TAC{text-align:center;}
.eng{font-family:'Poppins','Lato','Noto Sans KR','Rajdhani',sans-serif;}
.listTable{
    font-size: 14px;
	width:100%; margin-top:30px; float:left; 
	letter-spacing:-0.5px;
	
}
.listTable tr th{
    padding:10px 0;
    color:#333;
    border-bottom: 1px solid #eee;
	font-weight:500;
}
.listTable thead tr th{font-weight:400; background:#0062df; color:#fff;}
.listTable tbody tr th:nth-of-type(2){text-align:left; padding-left:10px;}
.listTable tbody tr:hover{background:#f5faff}
.listTable tr td{
    text-align: center;
    border-bottom: 1px solid #eee;
    background: #fdfdfd;
}
.listTable tr:nth-child(even) td, .listTable li tr:nth-child(even){
    background:#f6f6f6;
}
.listTable td.subj, .listTable li{
    text-align: left;
    padding: 15px 30px;
}
.listTable td.noCont{
    height: 150px;
    line-height: 150px;
}
.listTable th:first-child,
.listTable td:first-child{
    padding-left:20px;
}
.listTable th:last-child,
.listTable td:last-child{
    padding-right:20px;
}
.listTable tr th .font_s {
    font-size: 14px;
    display: inline-block;
    margin: 3px;
    color: #aaa;
}
.listTable tr th .font_red{font-weight:600; letter-spacing:0;}
.classBox .joinbtn{float:right; margin:15px 0 45px;}
.classBox .joinbtn .movebtn{
    float: right;
    background: #223983;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 500;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    width: 153px;
    padding-left: 34px;
    border-radius: 30px;
    position: relative;
}
.classBox .joinbtn .movebtn img {top:19px; position:absolute; margin-left:15px; }
span.ico {
    font-size: 13px;
    padding: 2px 7px;
    display: inline-block;
    margin: 0 3px;
}
span.recom {background:#eee; color:#888;border:1px solid #ccc}
span.discount{border:1px solid red; color:red;}
.checks input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:16px;height:16px;-webkit-appearance:none}
.checks label{background:url("../_img/check2_off.png") 0 0 no-repeat transparent;display:inline-block;position:relative;top:0;left:0;height:24px;line-height:24px;font-size:14px;color:#797979;padding:0 0 0 30px;}
.checks label.on{background:url("../_img/check2_on.png") 0 0 no-repeat transparent;}
.totop {
    width: 50px;
    height: 50px;
    line-height: 65px;
    font-size: 11px;
    text-align: center;
    position: fixed;
    right: 10px;
    bottom: 70px;
    background: url(../_img/toparrow.png) center center #000;
    background-size: 100%;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
	 border-radius: 50px;
	 display:none;
	 z-index:2;
	 opacity:0.8;
}
/* --------------------------------------------
 * radio
/* ------------------------------------------ */
/* radioBtn */
.radioBtn{height:20px;line-height:20px;display:inline-block;position:relative;overflow:hidden; vertical-align:middle;}
.radioBtn input[type="radio"]{position:absolute;z-index:-10;width:20px;height:20px;background:transparent; left:0; top:0;}
.radioBtn label{padding-left:20px}
.radioBtn label:before{content:'';display:inline-block;background:#fff; width:20px;height:20px;border:1px solid #ccc;border-radius:50%;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
.radioBtn label:focus:before, .radioBtn label:hover:before{border-color:2px solid #f94c4c}
.radioBtn label.on:before{
	border: 2px solid;
    content: "\2713";
    text-align: center;
    font-weight: bold;
    line-height: 15px;
    color: #f94c4c;
}



.customerList { padding:10px; box-sizing:border-box; font-size:14px;}
.customerList table { border-top:2px solid #000; }
.customerList table tr td { line-height:50px; text-align:center; border-bottom:1px solid #ddd; font-size:13px; }
.customerList table tr td:nth-child(1) { text-align:left; padding:0 5px; width:175px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customerList table tr th { background:#f4f4f4; line-height:50px; }
.customerList table tr td input {  font-size:14px; padding:10px; margin:5px; width:99%; }
.customerList table tr td textarea { font-size:14px;  width:99%; padding:10px; margin:5px; height:150px; resize:none; }
.customerList .btnArea { text-align:center; margin: 40px 0 0 0;}
.customerList .btnArea a { color:#fff; background: #dda02c; font-size: 14px; cursor: pointer; padding:10px 25px; }
.customerList .writeBtn { text-align:right; margin: 0 0 10px 0;}
.customerList .writeBtn a { width:70px; padding:5px 10px; font-size:13px; margin:0 0 10px 0; }
.customerList .cstView tr td { padding:0 10px; }
.customerList .cstView tr td:nth-child(2) { line-height:20px; text-align:left; }
.customerList .cstView tr:nth-child(2) td:nth-child(2),.customerList .cstView tr:last-child td:nth-child(2) { height:140px; padding:10px; vertical-align:top; }
.customerList .cstView tr:nth-child(2) td:nth-child(2) div,.customerList .cstView tr:last-child td:nth-child(2) div { height:140px; overflow-y:scroll; }


/*paging*/
.paging { margin:20px 0; text-align:center; }
.paging ul { display:inline-block; }
.paging ul:after { content:''; display:table; clear:both; }
.paging ul li { float:left; background:#eee; font-size:12px; width:30px; height:30px; line-height:30px; text-align:center; margin:2px; cursor:pointer;}
.paging ul li:hover,.paging ul li.active { background:#000; color:#fff; transition:0.3s; }
.paging ul li:hover a,.paging ul li.active a { color:#fff; }
.paging ul li.prev,.paging ul li.next { width:50px; }
.paging ul li a { display:block; }