@font-face {
    font-family:'NotoSansBold';
    src:url('../com/font/NotoSans-Bold.eot');
    src:url('../com/font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'), url('../com/font/NotoSans-Bold.woff') format('woff'), url('../com/font/NotoSans-Bold.ttf') format('truetype');
    /* font-weight:bold;
    font-style:normal;  */
}
@font-face {
    font-family:'NotoSansMedium';
    src:url('../com/font/NotoSans-Medium.eot');
    src:url('../com/font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'), url('../com/font/NotoSans-Medium.woff') format('woff'), url('../com/font/NotoSans-Medium.ttf') format('truetype');
   /*  font-weight:normal; */
    font-style:normal; 
	
}
@font-face {
    font-family:'NotoSansRegular';
    src:url('../com/font/NotoSans-Regular.eot');
    src:url('../com/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'), url('../com/font/NotoSans-Regular.woff') format('woff'), url('../com/font/NotoSans-Regular.ttf') format('truetype');
   /*  font-weight:bold; */
    font-style:normal; 
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;background: transparent;}
/* {margin: 0;padding: 0;border: 0;outline: 0;vertical-align:initial;background: transparent;} vertical-align:initial이 들어가있으면 테이블깨짐현상 발생으로 삭제*/
/* h1, h2, h3, h4, h5, h6 ,b, th, strong, b{margin:0px;padding:0px; font-weight:bold; font-family:"MalgunGothic" !important;} */
/* h1, h2, h3, h4, h5, h6 ,b, th, strong, b{margin:0px;padding:0px; font-weight:bold; font-family:"NanumBarunGothic" !important;} */
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { ime-mode: active; resize:none; font:inherit; overflow-y:auto; }
body,html{width:100%;height:100%;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none;}
a {text-decoration:none; border:0px; color:#000;}
a:hover{text-decoration:none; border:0px; color:#5783b4;}
button{display:inline-block;border:none;background-color:transparent;cursor:pointer;}
input,button,a,select,option{border:0px; }
/* div, p, span, li, table td , dd , a { word-break: break-all; font-family:'MalgunGothic','Nanum','Dotum', sans-serif; font-size:14px; letter-spacing:-1px;} */
/* div, p, span, li, table td , dd , a { word-break: break-all; font-family:'NanumBarunGothic','MalgunGothic','Nanum', sans-serif; font-size:14px; letter-spacing:-1px;} */
div, p, span, li, table td , dd , a { word-break: break-all; font-family:'NotoSansBold','NotoSansMedium','NotoSansRegular', sans-serif; letter-spacing:0px;}
input[type="checkbox"]{border:none !important;}/* for lte IE10 */
input[type="radio"]{border:none !important;}/* for lte IE10 */
input[type="text"]{ime-mode: active;}
a:focus{outline:1px;}
a:focus{border:1px dotted #000;}

div{position: relative;}


.mr1{margin-right: 1px;}
.mr2{margin-right: 2px;}
.mr3{margin-right: 3px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}

.ml1{margin-left: 1px;}
.ml2{margin-left: 2px;}
.ml3{margin-left: 3px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}

.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}

.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt6{margin-top: 6px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}

/* 맨 바깥 몸체 레이아웃 */
.wrapperDiv{
	position:relative; 
	width:100%; 
	height:100%;
	min-width:1200px;
	/* 	  background:#f1f3f7; */
}
.headerDiv {
	z-index:3;
	position:relative;	
	height:50px;
	width:1200px; 
	background:#fff;
	margin: 0 auto;
	padding-top: 20px;
}
.headerLineDiv{
	z-index:3;
	position:relative; 
	height:20px;
	width:1200px;
	border-bottom: #162f55 2px solid;
	margin: 0 auto;	
}
.bodyDiv{
	z-index:2;
	position:relative; 
	/* height:calc(100% - 172px); */
	height:680px;
	overflow:auto;
	overflow-x:hidden;
	width:1200px; 
	margin:0 auto; 
	background:#fff;
}
.footerDiv {
	clear: both;
	z-index:3;
	position:relative; 
	height:100px;
	width:1180px;
	margin:0 auto; 
	background:#162f55;
	padding: 0px 10px;
}

/* header 내부 */
.header_logo_l{
	position:absolute;
	top:15px;
	left: 0px; 
}
.header_title{
	font-family: NotoSansBold, sans-serif;
	font-size: 30px;
	color: #000;
	text-align: center;
}
.header_logo_r{
	position:absolute;
	top:20px;
	right: 0px; 
}

/* body 내부 */
/* 왼쪽 */
.leftDiv{
	float: left;
	width: calc(50% - 10px);
	height: calc(100% - 40px);
	margin-top :20px;
	border: #ccc 1px solid;
	margin-left: 10px;
}

.leftInnerDiv{
	position:relative;
	width: calc(100% - 40px);
	margin: 20px;
}

/* 왼쪽 */
/* 타이틀 */
h2 .subject{
	font-family:NotoSansBold;
}
h2 .subject span{
	font-family:NotoSansMedium;
	font-size:15px;
	display:inline-block;	
	vertical-align: top;
	padding-top:4px;	
}
/* 타이틀의 각 이미지 지정 */
.h2_1{
	background:url(../../images/stm/bg_tit1.gif) no-repeat 0px 7px;
}
.h2_2{
	background:url(../../images/stm/bg_tit2.gif) no-repeat 0px 7px;
}
.leftDiv h2{	
	padding-left:35px; 
	padding-top:2px; 
	/* height:28px; */	
	color:#ce0000; 
	font-size:22px;
	font-family:NotoSansBold;	
}
.law{
	color: #2e6ac5;
	font-family:NotoSansMedium;
	font-size: 15px;
	margin-left: 5px;
}
/* 죄측영역 버튼 */
.leftBtn{
    float: right;
    border: 3px #d0701a solid;
    border-radius: 10px;
    font-family: NotoSansBold;
    font-size: 16px;
    color: #a95205;
    background-color: #fff;
    width: 136px;
    height: 36px;
}
/* 죄측영역 버튼 */
.stmGidBtn{
	float:right;
	border: 3px #d0701a solid;
	border-radius:10px;
	font-family:NotoSansBold;
	font-size: 16px;
	color: #a95205;
	background-color: #fff;
	/* width: 116px; 3개 일때*/
	width: 110px;
	height: 36px; 
}

.leftBtn:hover{
	background-color: #f6eee7;	
}

/* 정기변동 안내 ul li */
.li_01 > li{	
	font-size:18px;
	font-family:NotoSansBold;
	color:#000; 
	padding-left:20px;
	background: url(../../images/stm/bullet.gif) no-repeat 0px 6px;
	margin-bottom: 10px;
}
.li_01 > li:first-child{	
	margin-top: 0px;
}

.li_01 > li .day{	
	color:#ce0000;
}
.li_01 > li .dow2{
	font-size: 12px;
	padding-top: 4px;
}

.li_01 > li li{	
	/* line-height: 30px; */
	margin-top: 10px;
}

.li_01 .txtCBlue{
	font-size: 19px;
	color: #2e6ac5;
}

.leftLineDiv{
	clear: both;
	border-top: #ccc 1px solid;
	margin-top: 40px;	
	height: 20px;
}

/* 고지거부 안내 ul li */
.li_02 > li{
	font-size:17px;
	font-family:NotoSansBold;
	color:#000; 
	padding-left:20px;
	background: url(../../images/stm/bullet.gif) no-repeat 0px 6px;
	margin-top: 10px;
}
.li_02 > li:first-child{	
	margin-top: 0px;
}

.li_02 > li .day{	
	color:#ce0000;
}

.li_02 > li li{
	font-family:NotoSansBold;
	font-size:17px;
	color: #222;
	line-height: 28px;
}

.leftInnerDiv_1{
	margin-top:15px;
	margin-bottom:10px;
	font-size:14px;
	color:#a95205;
	font-family:NotoSansMedium;	
	background:rgb(245,241,235);
	width:calc(100% - 40px);
	padding:10px 20px 10px 20px;
	line-height: 15px;
}

/* 오른쪽 */
.rightDiv{
	float: left;
	width: calc(50% - 33px);
	height: calc(100% - 40px);
	margin-top :20px;
	margin-left: 20px;
	/* border: #ccc 1px solid; */
}

.rightInnerDiv{
	position:relative;
	width: calc(100% - 0px);
	/* margin: 20px; */
}

/* 신고안내 */
.rightInnerDiv_1{
	clear: both;
	margin-top: 30px;
	padding: 10px 10px;
	width:calc(100% - 22px);	
	border: #ccc 1px solid;
	font-family: NotoSansMedium;
	font-size: 18px;
	color: #222;
	line-height: 30px;
}
.rightInnerDiv_1 .bold{
	font-family: NotoSansBold;
	font-size: 20px;
	color: #2e6ac5;
}
.rightInnerDiv_1 li{
	font-family: NotoSansMedium;
	font-size: 17px;
	line-height: 30px;	
}
.rightInnerDiv_1 .bold2{
	font-family: NotoSansBold;
	font-size: 17px;
	color: #2e6ac5;
}

.rightInnerDiv_2{
	margin-top:5px;
	font-family: NotoSansRegular;
	font-size: 20px;
	color: #222;
	background:rgb(224,247,248);	
	/* background:rgb(245,241,235) url(../../images/stm/icon2.png) no-repeat 15px 15px; */
	width:calc(100% - 40px); /* 442 */
	padding:5px 20px 5px 20px;
	line-height: 30px;
}
.rightInnerDiv_2_1{
	font-family:NotoSansMedium;
	background:url(../../images/stm/icon2.png) no-repeat 0px 5px;
	padding:0px 0px 0px 50px;
	/* padding-left: 30px; */
	/* margin-top: 10px; */
	color: #1e4af5;
}
.rightInnerDiv_2_2{
	/* background:url(../../images/stm/icon2.png) no-repeat 0px 0px;
	padding:0px 0px 0px 50px; */
	padding-left: 50px;
	margin-top: 10px;
	font-family: NotoSansRegular;
	line-height: 30px;
	font-size: 16px;
	font-family: NotoSansRegular;
}
.rightInnerDiv_2_3{
	font-family:NotoSansRegular;	
	margin-top: 10px;
	color: rgb(47,99,19);
	font-size: 19px;
	padding-left: 15px;
}
.rightInnerDiv_3_1{
	margin-top: 5px;
	border: #ccc 1px solid;
	text-align: center;
	
}
.rightInnerDiv_3_btn{
	width: 30%;
	border: 3px #d0701a solid;
	border-radius:10px;
	font-family:NotoSansBold;
	font-size: 17px;
	color: #a95205;
	background-color: #fff;
	padding: 5px 7px;
	margin: 0 auto;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* 로그인 */
.btnLogin{
	background-color: #2e6ac5;
	font-family:NotoSansBold;
	font-size: 30px;
	color: #fff;
	border-radius: 10px;
	border: #2e6ac5 1px solid;
	box-shadow: 0px 5px #1652ac;
	width: 100%;
	height: 70px; 	
}
.btnLogin:hover{
	background-color: #1652ac;
	border: #1652ac 1px solid;		
}

/* 우측 로그인 아래 버튼 */
.rightInnerDiv_5{
	margin-top:17px;
	width: 100%;	
	text-align: center;
	vertical-align: middle;
	display: table;
	padding: 0px;
}

.rightBtn{	
	font-family:NotoSansMedium;
	font-size: 17px;
	color: #1951a7;
	border: 3px #3971c6 solid;
	border-radius:10px;
	background-color: #fff;
	text-align: center;
	vertical-align: bottom;	
	display: table-cell;
	width: 175px;
	height: 74px;
	cursor: pointer;
}

.rightBtn:hover{
	color: #fff	
}

.rightInnerDiv_5 .btn1{
	background:#fff url(../../images/stm/btn_bg1.png) no-repeat center 10px;;	
}
.rightInnerDiv_5 .btn1:hover{
	background:#3971c6 url(../../images/stm/btn_bg1_over.png) no-repeat center 10px;;	
}

.rightInnerDiv_5 .btn2{
	background:#fff url(../../images/stm/btn_bg2.png) no-repeat center 10px;;	
}
.rightInnerDiv_5 .btn2:hover{
	background:#3971c6 url(../../images/stm/btn_bg2_over.png) no-repeat center 10px;;	
}

.rightInnerDiv_5 .btn3{
	background:#fff url(../../images/stm/btn_bg7.png) no-repeat center 10px;;	
}
.rightInnerDiv_5 .btn3:hover{
	background:#3971c6 url(../../images/stm/btn_bg7_over.png) no-repeat center 10px;;	
}

.dow{
	font-family:NotoSansMedium;
	font-size:12px;
	display:inline-block;	
	vertical-align: top;
	/* padding-top:3px; */	
	padding-top:4px;	
}
.dow1{
	font-family:NotoSansMedium;
	font-size:12px;
	display:inline-block;	
	vertical-align: top;
	padding-top:8px;	
}
.dow3{
	font-family:NotoSansMedium;
	font-size:12px;
	display:inline-block;	
	vertical-align: top;
	padding-top:7px;	
}
.dow2{
	font-family:NotoSansMedium;
	font-size:11px;
	display:inline-block;	
	vertical-align: top;
	padding-top:3px;	
}


/* 오른쪽 */
/* 서버상태 */
.stat{	
	background-color: #f4f4f4;
	width:calc(100% - 40px);
	height: 170px;
	padding: 20px;	
}
.stat h2{
	font-family: NotoSansBold;
	font-size: 18px;
	color: #222;
}
.statCycle{
	margin-top:10px;
	width: calc(100% - 90px);	
	text-align: center;
	vertical-align: middle;
	display: table;
	padding: 0px 45px ;
}
.statCycle .cycle{	
	width: 120px;
	height: 120px;
	border-radius: 60px;
	font-family: NotoSansMedium;
	font-size: 22px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.statCycle span{
	width: 30px;
	height:1px;
	display: block;	
}
.stat .green{
	background-color: #009551;
}
.stat .yellow{
	background-color: #ea9d35;
}
.stat .red{
	background-color: #ee2c35;
}
.stat .non{
	background-color: #b3b3b3;
	color: #e3e3e3;
}

/* footer */
.footerBtn{	
	font-family:NotoSansMedium;
	font-size: 16px;
	color: #fff;
	border: 1px #5c6e88 solid;	
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 279px;
	height: 60px;
	float: left;
	margin-top: 20px;
}

.footerDiv .footerBtn{
	margin-left: 20px;
}
.footerDiv .footerBtn:first-child{
	margin-left: 0px;
}
.footerDiv .footerBtn:last-child{
	width: 280px;
	margin-top: 0px;
	height: 90px;
	border: none;
	background-color: #081c3c;
	font-family: NotoSansBold;
	font-size: 20px;
}

.footerDiv .btn1{
	padding-left :40px;	
	background:url(../../images/stm/btn_bg5.png) no-repeat 52px 20px;	
}
.footerDiv .btn1:hover{
	background:#fff url(../../images/stm/btn_bg5_over.png) no-repeat 52px 20px;
	color:#162f55;
}
.footerDiv .btn2{
	padding-left :40px;	
	background:url(../../images/stm/btn_bg5.png) no-repeat 83px center;	
}
.footerDiv .btn2:hover{
	background:#fff url(../../images/stm/btn_bg5_over.png) no-repeat 83px center;
	color:#162f55;
}
.footerDiv .btn3{
	padding-left :40px;	
	background:url(../../images/stm/btn_bg6.png) no-repeat 66px center;	
}
.footerDiv .btn3:hover{
	background:#fff url(../../images/stm/btn_bg6_over.png) no-repeat 66px center;
	color:#162f55;
}

.footerDiv .btn4{
	padding-top: 10px;	
}
.footerBtn .spn1{
	font-family: NotoSansMedium;
	font-size: 16px;
	color: #fff;
}
.footerBtn .spn2{
	font-family: NotoSansBold;
	font-size: 24px;
	color: #ffbe67;
	letter-spacing: 2px;
}
.footerBtn .spn3{
	font-family: NotoSansBold;
	font-size: 14px;
	color: #fff;
	letter-spacing: 2px;
}

/* 2023.09.19. khg 당구장 리스트 */
.ul_referenceMark {
	list-style-type: none;	/* 기본 목록 마커 제거*/
	margin: 5px 0px;
}
/* 마커설정 */
.ul_referenceMark li::before {
	content: "\203B \2009";	/* 목록 앞에 ※ 추가 */
}
/* 들여쓰기 설정*/
.ul_referenceMark li {
	list-style-position: inside;	/* 들여쓰기 */
    word-break: keep-all;	/* 단어 기준으로 줄 바꿈*/
    text-indent: -15px;		/* 텍스트 시작 위치 */
    font-family: 'NotoSansMedium'
}
.btn_videoInfo {
	width: 150px;
    height: 40px;
    font-size: 20px;
    border: 3px #d0701a solid;
    border-radius: 10px;
    font-family: NotoSansBold;
    color: #a95205;
    background-color: #fff;
    width: 136px;
    height: 40px;
}
#span_videoInfo {
	background:url(../../images/stm/ico_guide_09_on_1.png);
	background-size: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    margin-right: 5px;	
}
