*{
	/*font-family: 'Noto Sans KR', 'Monaco', 'NanumGothic', sans-serif;*/
	font-family:'Pretendard';
    
}


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

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


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

	position:relative; /*가로스크롤 문제관련 중요*/
	
	/*overflow-x:hidden;*/
	
	
	
	
	/*******  overflow-x:hidden;  가로스크롤 문제관련 중요, position:fixed가 안먹힘?*/ 

}


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

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

.col_left_banner{
	/*background:#f0f0f0;*/
	background:#F7F8FA !important;
}

.col_right_banner{
	/*background:#f0f0f0;*/
	background:#F7F8FA !important;
}

/*
.col_left_banner{
	
	background:transparent !important;
	
}
.col_right_banner{
	background:transparent !important;
	
}
*/
.row_container{
	/*width:100%; 이거쓰니까 부트스트랩 그리드 시스템에서 좌우여백이 안맞음  */
	


	margin-top:10px;					/* need when #entire_top_container {position:fixed}  not exist */

	/*margin-top:220px !important; */	/* need when #entire_top_container {position:fixed} exist */
	background:white !important;	
}

#entire_top_container{
	/*position:fixed; */


	top:0px;
	left:0px;
	width:100%;
	height:192px;
	z-index:1000;
}




.col_sub_main_contents_neo{

	/*background:#F7F8FA;*/
	
}
div.main_contents_inner{
	
	max-width:1300px;  /* org-2025-0905:1260px*/	
	margin:10px auto !important;
}



/* https://www.colorzilla.com/ko/gradient-editor/ */

/*
.logo_container{
	
	background:white !important;
	
}
*/

@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;
	background:white;
}


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


.btn-outline-lightgray{
	border:#CED4DA 1px solid;
	color:#737373;
}
.btn-lightgray{
	border:#CED4DA 1px solid;
	color:#737373;
}
.btn-outline-lightgray:hover{
	background:#737373;
	color:white;
}

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


.fwxb{
	font-weight:bold !important;
}

.fwx100{
	font-weight:100 !important;
}
.fwx200{
	font-weight:200 !important;
}
.fwx300{
	font-weight:300 !important;
}
.fwx400{
	font-weight:400 !important;
}
.fwx500{
	font-weight:500 !important;
}
.fwx600{
	font-weight:600 !important;
}
.fwx700{
	font-weight:700 !important;
}
.fwx800{
	font-weight:800 !important;
}
.fwx900{
	font-weight:900 !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{
	max-width:600px;
}

.wxp_100{
	width:100% !important;
}
.wxp_90{
	width:90% !important;
}
.wxp_80{
	width:80% !important;
}

.w-100{/* bootstrap v5 */
	width:100% !important
}

/* 요소의 높이설정 */

.hx_common{
	height:38px;
}


.hx_common2{
	height:34px;
}

.hx_ta_common{
	height:120px !important;
}

.hx_50{
	height:50px !important;
}
.hx_60{
	height:60px !important;
}
.hx_70{
	height:70px !important;
}
.hx_80{
	height:80px !important;
}
.hx_90{
	height:90px !important;
}
.hx_100{
	height:100px !important;
}
.hx_110{
	height:110px !important;
}
.hx_120{
	height:120px !important;
}
.hx_150{
	height:150px !important;
}
.hx_170{
	height:170px !important;
}
.hx_200{
	height:200px !important;
}

.hx_500{
	height:500px !important;
}

.hx_100vh{
	height:100vh !important;
}

.cursor_pointer{
	cursor:pointer;
}

.bgx_purple{
	background:purple !important;
}

.bgx_royalblue{
	background:royalblue !important;
}

.bgx_orangered{
	background:orangered !important;
}

.bgx_crimson{
	background:crimson !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;
}


.tx_white{
	color:white !important;
}

.lnx_height11{
	line-height:1.1em;
}
.lnx_height12{
	line-height:1.2em;
}
.lnx_height13{
	line-height:1.3em;
}
.lnx_height14{
	line-height:1.4em;
}
.lnx_height15{
	line-height:1.5em;
}
.lnx_height17{
	line-height:1.7em;
}
.lnx_height20{
	line-height:2em;
}
.lnx_height25{
	line-height:2.5em;
}
.lnx_height30{
	line-height:3em;
}

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


.brx3{
	border-radius:5px !important;
}
.brx5{
	border-radius:5px !important;
}
.brx7{
	border-radius:5px !important;
}
.brx8{
	border-radius:5px !important;
}
.brx9{
	border-radius:5px !important;
}
.brx10{
	border-radius:10px !important;
}

.brx12{
	border-radius:12px !important;
}
.brx15{
	border-radius:15px !important;
}
.brx17{
	border-radius:17px !important;
}
.brx20{
	border-radius:20px !important;
}


.labelx_common{
	width: auto;
    height:22px;
    padding: 4px 8px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 13px !important;
    line-height: 22px;
    background: #F6F6F6;
    border-radius: 5px;
    border: 1px solid #000;
	
}

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

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

.labelx_forestgreen{
	padding:5px 10px;background:forestgreen;color:white;border-radius:15px;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_lightgray_slim{
	padding:2px 3px;background:rgba(128, 128, 128, 0.15);border:lightgray 1px solid;border-radius:3px;font-weight:bold;
}
.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;
}

.btnx_white{
	background:white;
}
.btnx_darknavy{
	background:#0B2B5C;
	color:white;
	box-shadow:1px 1px 1px gray;
	margin-left:10px;
}

.btnx_darknavy:hover{
	background:#0B2B5C !important;
	color:white !important;
}
/*
기본 bootstrap 규칙 무시
.btn:hover {
    color: #212529;
    text-decoration: none;
}
*/


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



















#btnSitemapOpener{
	display:none;
	cursor:pointer;
}


.top_container{
	
	background:white !important;
	color:black !important;
	border-bottom:#dedede 1px solid;
	overflow-x:hidden;
	box-sizing:border-box;
	height:48px;
	
}


.logo_container{
	height:100px;
	background:white !important;
	border-bottom:#dedede 1px solid;
}



@media(max-width:1400px) {
	/*
	.main_nav_container{
		display:none;
	}
	*/
	
	
	#entire_top_container{
		height:100px !important;
	}

	

	#btnSitemapOpener{
		display:inline-block;
	}

	.logo_container{
		/*display:flex !important;*/
		display:none;
	}

	.top_container{

		display:none !important;
	}
}




.card{
	border:none !important;
}
.card-header{
	padding-top:10px !important;
	padding-bottom:10px !important;
	border-bottom:#cecece 1px solid !important;
	background:white !important;
	font-size:1.2em;
	font-weight:bold;
}
.btn_close_cardbody{
	visibility:hidden;
}



.all_border{
	border:#cecece 1px solid;
	border-radius:5px;
	padding-top:10px;
	margin-top:20px;
	margin-bottom:20px;
}

a#link_goto_home span{
	
}

#span_view_count_neo{

}

.div_page_title{
	height:50px;
	border-left:forestgreen 10px solid;
	padding-left:0px;
}
.div_page_title > p{
	
	padding-left:10px;
	padding-top:5px;
	height:50px;
	border-left:darkcyan 5px inset;
	
	
}

#frmSearch .form-control{
	border-bottom:forestgreen 2px solid;
}

.span_icon_inner .icon_text{
	/*color:white !important;*/
}