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

body {
	overflow-y:hidden; 
	
	/* overflow-y:hidden; 중요- 세로 스크롤바2개 방지시필요, position:fixed가 안먹힘 */
	
	
	background:#fff !important;overflow-x:hidden;
	box-sizing:border-box;
}


html,body{
	/*height:calc(100% - 48px);*/

	position:relative;/* 가로스크롤 문제관련 중요*/
	overflow-x:hidden;/* 가로스크롤 문제관련 중요*/ 

}

.middot{
	display:inline-block;
	padding-left:4px;
	padding-right:2px;
}

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;
}




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

	display:flex;
	flex-direction:column;
	padding-left:20px;
	
}


@media(max-width:992px){
	#page_footer{
		height: 380px; /* 60px */	
	}
}


#footer_company{
	font-weight:bold;
	display:flex;
	height:57px;
	align-items:center;/* align contents vertical-center  */
	margin:10px auto -5px auto;
}




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

	flex-grow:1;

	background:white;    /*lavender;*/
	color:#737373 !important;
	
	text-align:left;


}
#footer_copyright_container{
	/*border-top:LightSteelBlue 1px solid;*/
}



#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;
}


.fsx1e{
	font-size:1em !important;
}
.fsx11e{
	font-size:1.1em !important;
}
.fsx12e{
	font-size:1.2em !important;
}
.fsx13e{
	font-size:1.3em !important;
}
.fsx14e{
	font-size:1.4em !important;
}
.fsx15e{
	font-size:1.5em !important;
}
.fsx20e{
	font-size:2em !important;
}

.fsx9{
	font-size:9pt !important;
}
.fsx10{
	font-size:10pt !important;
}
.fsx11{
	font-size:11pt !important;
}
.fsx12{
	font-size:12pt !important;
}
.fsx13{
	font-size:13pt !important;
}
.fsx14{
	font-size:14pt !important;
}
.fsx15{
	font-size:15pt !important;
}
.fsx16{
	font-size:16pt !important;
}
.fsx20{
	font-size:20pt !important;
}

.opx1{
	opacity:0.1;
}
.opx2{
	opacity:0.2;
}
.opx3{
	opacity:0.3;
}
.opx4{
	opacity:0.4;
}
.opx5{
	opacity:0.5;
}
.opx6{
	opacity:0.6;
}
.opx7{
	opacity:0.7;
}
.opx8{
	opacity:0.8;
}
.opx9{
	opacity:0.9;
}
.opx10{
	opacity:1;
}




/* 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_125{
	width:125px;
}
.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;
}
.wx_250{
	width:250px;
}
.wx_300{
	width:300px;
}
.wx_310{
	width:310px;
}
.wx_320{
	width:320px;
}

.wx_350{
	width:350px;
}
.wx_400{
	width:400px;
}
.wx_450{
	width:450px;
}
.wx_500{
	width:500px;
}

/* 요소의 높이설정 */

.hx_common{
	height:38px;
}

.hx_ta_common{
	height:120px !important;
}
.hx_100{
	height:100px !important;
}
.hx_80{
	height:80px !important;
}

.bgx_purple{
	background:purple !important;
}

.bgx_royalblue{
	background:royalblue !important;
}

.bgx_darkslategray{
	background:darkslategray !important;
}
.bgx_brown{
	background:brown !important;
}

.bgx_indigo{
	background:indigo !important;
}

.bgx_teal{
	background:teal !important;
}

.bgx_orange{
	background:orange !important;
}

.bgx_bluegray{
	background:#455a64 !important;
}

.bgx_white{
	background:white !important;
}
.bgx_darknavy{
	background:#0B2B5C;
}


.cursor_pointer{
	cursor:pointer;
}

.bx_radius5{
	border-radius:5px !important;
}

.bx_radius10{
	border-radius:10px !important;
}

.bx_radius12{
	border-radius:12px !important;
}

.bx_radius15{
	border-radius:15px !important;
}
.bx_radius17{
	border-radius:17px !important;
}
.bx_radius20{
	border-radius:20px !important;
}


.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;
}

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

/* round label box --------------------------- */
.labelx1_lightgray{
	padding:5px 10px;background:lightgray;color:white;border-radius:10px;opacity:0.8;
}
.labelx1_gray{
	padding:5px 10px;background:gray;color:white;border-radius:15px;opacity:0.8;
}
.labelx1_orangered{
	padding:5px 10px;background:orangered;color:white;border-radius:15px;opacity:0.8;
}
.labelx1_royalblue{
	padding:5px 10px;background:royalblue;color:white;border-radius:15px;opacity:0.8;
}
.labelx1_forestgreen{
	padding:5px 10px;background:forestgreen;color:white;border-radius:15px;opacity:0.8;
}


.labelx2_lightgray{
	padding:5px 10px;background:rgba(128, 128, 128, 0.15);border:lightgray 1px solid;border-radius:10px;
}
.labelx2_gray{
	padding:5px 10px;background:rgba(128, 128, 128, 0.15);border:gray 1px solid;color:gray;border-radius:15px;
}
.labelx2_orangered{
	padding:5px 10px;background:rgba(254, 69, 0, 0.15);border:orangered 1px solid;color:orangered;border-radius:15px;
}
.labelx2_royalblue{
	padding:5px 10px;background:rgba(65, 105, 225, 0.15);border:royalblue 1px solid;color:royalblue;border-radius:15px;
}
.labelx2_forestgreen{
	padding:5px 10px;background:rgba(34, 138, 34, 0.15);border:forestgreen 1px solid;color:forestgreen;border-radius:15px;
}


.labelx3_lightgray{
	padding:5px 10px;background:white;border:lightgray 1px solid;border-radius:10px;
}
.labelx3_gray{
	padding:5px 10px;background:white;border:gray 1px solid;color:gray;border-radius:15px;
}
.labelx3_orangered{
	padding:5px 10px;background:white;border:orangered 1px solid;color:orangered;border-radius:15px;
}
.labelx3_royalblue{
	padding:5px 10px;background:white;border:royalblue 1px solid;color:royalblue;border-radius:15px;
}
.labelx3_forestgreen{
	padding:5px 10px;background:white;border:forestgreen 1px solid;color:forestgreen;border-radius:15px;
}
/* round label box --------------------------- */

.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;
}

.label_ttl{
	font-weight:400;
}

.label_ttl::before{
	content:'√';/* ㅱ Σ Ξ  ψ Θ〉『』 ∫ ː ∮ ∬ √∇ v ⅴ ∨ ╊ ● ▶ ▷ ■ ▽ ▼ ▣ ▤ ▥*/
	font-weight:900;
	 
	/* 

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f199"; 



	>  f107(angle-down), f078(chevron-down), f14b(pen-square), f13a(chevron-circle-down), f58e(vert-dot6), f7a5(vert-double-line), 
	  f52c(hor-double-line), f199(mail-envelop), f56b(feather), f142(vert dot) , f471(dna), f528(dice-2), f6d1(dice-d6), f108(desktop)
	  f1c0(database), f1b2(cube), f05b(crosshair), f565(crop), f0c5(copy), f563(cookie), f066(compress)
	  f086(comments), f27a(rect-comments), f0db(columns), f24d(clone), f46c(clipboard-check), f328(clipboard)
	  f054(chevron-right)
	  f138(chevron-circle-right),
	  f14a(check-square)
	  f00c(check), f140(bullseye)
	  f853(border-style), f850(border-none), f84c(border-all)
	  f518(book-open), f0e7(bolt)

	*/
	
	padding-right:10px;
	color:gray;
}