* {margin:0; padding:0;box-sizing:border-box;}
ul li {list-style:none;}
/*.clearfix:after{content:'';display:block; clear:both;}*/

body {
	
	background:#fff !important;overflow-x:hidden;
	box-sizing:border-box;
}


html,body{
	/*height:calc(100% - 48px);*/
	
	position:relative;/* 가로스크롤 문제관련 중요*/
	overflow-x:hidden;/* 가로스크롤 문제관련 중요*/ 

}

a{
	color:black;
	text-decoration:none;
}
a:hover{
	text-decoration:none !important;
}

a.white{
	color:white !important;
	text-decoration:none;
}

.material-symbols-outlined{
	visibility:hidden;
}

.round-white-border{
	border:white 1px solid;
	padding:2px 6px;
	border-radius:15px;
}
.pointer{
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#main_wrapper{
	min-height:calc(100vh - 395px); /* min-height: calc(100% - 20px); */
	background:#f0f0f0;
	position:relative;
}
.row_container{
	margin-top:50px;
}
.row_container div{

	/*text-align:center;*/

}
.col_left_banner{
	background:#f0f0f0;
}

.col_right_banner{
	background:#f0f0f0;
}
@media(max-width:992px){
	/*
	.col_left_banner{
		display:none;
	}

	.col_right_banner{
		display:none;
	}
	*/
	
}
/* 
https://getbootstrap.com/docs/4.6/utilities/display/#hiding-elements 
https://getbootstrap.com/docs/4.6/getting-started/introduction/
https://getbootstrap.com/docs/4.6/layout/grid/
*/

.main_board_list{
	width:100%;
	
}
.main_board_list th,.main_board_list td{
	
	text-align:left !important;
}
/*
.table-condensed tr{
	height:18px !important;
}
*/
.table-condensed th,.table-condensed td{
	padding:5px !important;
}
.section_title span{
	vertical-align:middle;
}

.col_main_contents{
	background:white;
	margin-bottom:20px;
	
}
.col_sub_main_contents{
	background:white;
	margin-bottom:20px;
	margin-top:20px;
}

.col_sub_main_contents{
	margin-left:10px;
	margin-right:10px;
}



.page_title{
	border-left:gray 10px solid;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:30px;
}

.section_title{
	/*border-left:#cecece 10px dotted;*/
	/*padding-left:20px;*/
	margin-top:40px;
	margin-bottom:10px;
}




#footer_copyright{
	padding-top:10px;
	background:#607d8b;
	color:white;
	/*height:138px;*/

	flex-grow:1;
}

#footer_company{
	display:flex;
	height:40px;
	align-items:center;/* align contents vertical-center  */
	margin:10px auto;
}


#page_footer{
	
	width:100%;
	height: 200px; /* 60px */	
	text-align:center;
	border-top:rgb(194, 193, 193) 1px solid;
	box-sizing:border-box;

	display:flex;
	flex-direction:column;
	
}

#mainVisualContent{
	max-width:1350px;width:auto;margin:40px auto;
}

@media(max-width:992px){
/*
	.td-m-hidden {
		display: none;
	  }
*/
	.sz-m-hidden{
		display:none;
	}
	#mainVisualContent{
		margin-top:0px;
	}
	.row_container{
		margin-top:0px;
	}
}


 @media screen and (max-width:1200px) {/* md ~ lg */
    .td-m-hidden {
      display: none;
    }
  }

   @media screen and (max-width:800px) {
    .td-s-hidden {
      display: none;
    }
  }




/*
input type="text" class="form-control" 요소내부에 버튼 배치하기
*/
.sz-btn-inner {
	position: absolute;
	/*
	width: 90px;
	height: 38px;
	*/
	bottom: 0;
	right: 15px;
	margin: auto 0;
	border-radius: 3px;
}




.far.circle{
	width:50px;
	height:50px;
	border-radius:50%;
	background:darkgray;
	color:white;
	vertical-align:middle;
	text-align:center;
	padding-top:14px;
	border:#cecece 1px solid;
}


.section_ttl_img{
	width:28px;
}


.gme_icon{
	width:24px;
	cursor:pointer;
}

/* div select 요소의 폭설정으로 한라인에 여러요소 배치가능 */
.wx_30{
	width:30px;
}
.wx_40{
	width:40px;
}
.wx_50{
	width:50px;
}
.wx_60{
	width:60px;
}
.wx_70{
	width:70px;
}
.wx_80{
	width:80px;
}
.wx_90{
	width:90px;
}
.wx_100{
	width:100px;
}
.wx_120{
	width:120px;
}	
.wx_130{
	width:130px;
}	
.wx_140{
	width:140px;
}	
.wx_150{
	width:150px;
}
.wx_160{
	width:160px;
}
.wx_170{
	width:170px;
}
.wx_180{
	width:180px;
}
.wx_190{
	width:190px;
}
.wx_200{
	width:200px;
}

/* 요소의 높이설정 */

.hx_common{
	height:38px;
}

.labelx_orangered{
	padding:3px 5px;background:orangered;color:white;border-radius:3px;opacity:0.8;
}

.labelx_royalblue{
	padding:3px 5px;background:royalblue;color:white;border-radius:3px;opacity:0.8;
}

.checkx_orangered{
	cursor:pointer;
	padding:5px 5px;background:#cecece;color:black;border-radius:3px;opacity:0.8;height:38px;margin-left:2px;margin-right:2px;
}

.checkx_royalblue{
	cursor:pointer;
	padding:5px 5px;background:#cecece;color:black;border-radius:3px;opacity:0.8;height:38px;margin-left:2px;margin-right:2px;
}

.checkx_orangered.chkon{
	background:orangered;color:white;opacity:0.8;
}

.checkx_royalblue.chkon{
	background:royalblue;color:white;opacity:0.8;
}


.item_ttl{font-weight:bold;
	border-right:gray 1px solid;
}
.item_row{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#efefef 1px solid;

}




.btnx:hover{
	background:#FFF5EE;
	border:orange 2px solid;
}

.btnx{
	height:38px;
	background:#F0F8FF;
	border:#1E90FF 2px solid;
	padding:5px;
	border-radius:5px;
}

.btn_close_cardbody{
	cursor:pointer;
	font-size:1.4em;
	color:darkgray;
	
}
.btn_close_cardbody:hover{
	color:blue;
}


.inner_inline{
	line-height:42px; /* important : prevent overlap multi-line when small-width */
}

.inner_inline *{
	display:inline-block;
	
}
.inner_inline .xbtn{
	margin-top:-5px;
}


.table_text_center th, .table_text_center td{
	text-align:center;
}

.table_basic_border{
	border-top:black 2px solid;
	border-bottom:gray 1px solid;
}


/* html> 폭이 작은화면에서 줄바꿀 시작부분에 <span class='span_xbr'></span> 
추가 
필요없을듯

<span class="d-block d-sm-none"></span> 로 가능

*/
.span_xbr{
	display:none;
}
@media(max-width:600px){
	.span_xbr{
		display:block;
	}
}

.text_slanted{
	font-style:italic;
}
.text_red{
	color:red;
}
.text_blue{
	color:blue;
}

/* kakao-map 에 표시되는 카테고리 장소 마커의 배경및 테두리 스타일 */
img[role=presentation][src$=svg]{
	background:white !important;
	padding:0px 2px 0px 2px !important;
	border:#cecece 1px solid !important;
	border-radius:5px;
}

.bb_white{
	border-bottom:white 3px double;
}