/* font 압축 woff -> https://transfonter.org/ */

/* 같은 폰트 weight 다를 경우 추가 방법: 예시 */
/* @font-face { 
    font-family: 'Noto Sans KR'; 
    font-style: normal; 
    font-weight: 700; 
    src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'), 
    url(../fonts/NotoSansKR-Bold.woff) format('woff'), 
    url(../fonts/NotoSansKR-Bold.otf) format('opentype'); 
} 

@font-face { 
    font-family: 'Noto Sans KR'; 
    font-style: normal; 
    font-weight: 900; 
    src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'), 
    url(../fonts/NotoSansKR-Black.woff) format('woff'), 
    url(../fonts/NotoSansKR-Black.otf) format('opentype');
}
출처: https://hongpage.kr/94 [홍페이지 HONGPAGE:티스토리] */




@font-face {
	font-family: 'MaplestoryLight';
	src: url('../../fonts/MaplestoryOTFLight.woff2') format('woff2'),
	url('../../fonts/MaplestoryOTFLight.woff') format('woff'), url('../../fonts/MaplestoryOTFLight.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
/* @font-face {
	font-family: 'MaplestoryBold';
	src: url('../../fonts/MaplestoryOTFBold.otf') format('opentype');
} */


/* @font-face {
	font-family: 'NanumGothicCoding';
	src: url('../../fonts/NanumGothicCoding.woff') format('woff'), url('../../fonts/NanumGothicCoding.ttf') format('truetype');
	font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-display: swap;
} */




/* @font-face {
	font-family: 'NanumGothicCodingD2';
	src: url('../../fonts/D2Coding-Ver1.3.2-20180524-ligature.ttf') format('truetype'), url('../../fonts/D2CodingBold-Ver1.3.2-20180524-ligature.ttf') format('truetype');	
} */



/* Nanum Gothic 사용안함!(231113) */
/* new(231113) - woff 추가 - 방식 잘못되었는데, 수정 안 한 상태임(font-family는 같게 해서 font-face(src 등 포함)는 각각 추가해야함)*/
/* => 이걸로 할 경우 윈도우pc 폰트 두께 변경되어서 - 사용 안 함 */
/* @font-face {
	font-family: 'Nanum Gothic';
	src: url('../../fonts/NanumGothic.woff2') format('woff2'), url('../../fonts/NanumGothic.woff') format('woff'), url('../../fonts/NanumGothic.ttf') format('truetype'), url('../../fonts/NanumGothicBold.woff2') format('woff2'), url('../../fonts/NanumGothicBold.woff') format('woff'), url('../../fonts/NanumGothicBold.ttf') format('truetype'), url('../../fonts/NanumGothicExtraBold.woff2') format('woff2'), url('../../fonts/NanumGothicExtraBold.woff') format('woff'), url('../../fonts/NanumGothicExtraBold.ttf') format('truetype');
	font-display: swap;
} */


/* origin - woff 추가 전 */
/* @font-face {
	font-family: 'Nanum Gothic';
	src: url('../../fonts/NanumGothic.ttf') format('truetype'), url('../../fonts/NanumGothicBold.ttf') format('truetype'), url('../../fonts/NanumGothicExtraBold.ttf') format('truetype');
	font-display: swap;
} */






/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
	font-family: 'Noto Sans KR', sans-serif;
}

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); */
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700); */



#content #toc-container {
    overflow-y: auto;
	max-height:510px;
	margin-top: 26px;
}


/* gmd-block 아래에 froala editor 글 들어옴*/
/* 230627 font-size 변경 */
.gmd-block {
	padding-top: 15px;
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 400;
	color: #000000;
	line-height: 1.8;
	word-break:break-all;
	overflow: hidden;
	white-space: normal;
}

#toc .gmd-block {
	font-size: 17px !important;
}

#toc-container strong{
	font-size: 17px !important;
}

@media (max-width: 768px){
	.gmd-block {
		font-size: 16px !important;
	}

	#toc .gmd-block {
		font-size: 16px !important;
	}

	#toc-container strong{
		font-size: 16px !important;
	}

	.gmd-block .pStyle_comment1{
		font-size: 16px;
	}

	.gmd-block .pStyle_comment2{
		font-size: 16px;
	}
}





.gmd-block.noPermission{
	position: relative;
}

.gmd-block.noPermission:after  {
	position: absolute;
    bottom: 0;
	left: 0;

	width: 100%;
	height: 120px;
	z-index: 7;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	content:'';
}



/* 
h1,h2,h1.gmd-block,h2.gmd-block {
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;
	font-weight: 600 !important;
	line-height: 1.4;
}


h3,h4,h5,h6,h7,h3.gmd-block,h4.gmd-block,h5.gmd-block,h6.gmd-block,h7.gmd-block {
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;
    font-weight: normal;
} */

.gmd-block b {
	font-weight: 700;
}



.gmd-block #isPasted{
	/* font-family: "sans-serif" !important; */
	/* font-size: 17px !important; */
	/* font-weight: 400 !important; */
}

.gmd-block h3, .gmd-block h4, .gmd-block h5, .gmd-block h6, .gmd-block h7{
	/* font-family: 'Nanum Gothic', 'sans-serif' !important; */
	font-weight: 600 !important;
	/* font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important; */
}

@media (max-width: 976px) {
	#content #toc-container {
		/* margin-top: 10px !important; */
		/* height:320px; */
		/* border: 1px solid #e3e3e3; */
		/* border-radius: 4px; */
	}
}

/* body {counter-reset: h3;}
  .gmd-block h2, .fr-view h2{counter-reset: h3}
  .gmd-block h3, .fr-view h3 {counter-reset: h4}
  .gmd-block h4, .fr-view h4 {counter-reset: h5}
  .gmd-block h5, .fr-view h5 {counter-reset: h6}
  .gmd-block h6, .fr-view h6 {counter-reset: h7}  */


  /* body {counter-reset: h3;}  로 되어있어서 h2 숫자 리셋 안 되었음 */
  body {counter-reset: h2;}
  .gmd-block .h2_div{counter-reset: h3}
  .gmd-block .h3_div{counter-reset: h4}
  .gmd-block .h4_div{counter-reset: h5}
  .gmd-block .h5_div{counter-reset: h6}
  .gmd-block .h6_div{counter-reset: h7} 
  .gmd-block .h7_div{counter-reset: h8} 

  /* .gmd-block h2:before {
	counter-increment: h2; 
	content: "0" counter(h2) ". ";
  } */



	#body .gmd-block .h3_div.gt_Zero:before{
		font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
		counter-increment: h3; 
		display: inline-block;
		content: counter(h3) "";
		color: #FFFFFF;
		background-color: #004e82;

		font-size: 22px;
		line-height: 30px;
		width: 30px;
		height: 30px;

		font-weight: 600;
		margin-top: 7px;
		margin-bottom: 7px;

		margin-right: 7px;
		padding: 0px 0px 0px 0px !important;
		text-align: center;

	}


	/* 동그라미 헤더 */
	#body .gmd-block .h4_div.gt_Zero:before{
		font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	  counter-increment: h4; 
	  content: counter(h4) "";

	  color: white;
	  background-color: #007898;
	  border-radius: 50%;
	  margin-right: 7px !important;

	  font-size: 18px;
	  /* line-height: 1.4; */
	  line-height: 28px;
	  width: 28px;
	  height: 28px;
	  font-weight: 600;
	  margin-top: 7px;
	  margin-bottom: 7px;
	  margin-right: 7px;
	  padding: 0px 0px 0px 0px !important;
	  text-align: center;
	}



	#body .gmd-block .h5_div.gt_Zero:before{
	  counter-increment: h5; 
	  content: counter(h5) "\) ";
	  margin-right: 5px;

	  color: #54acd2;
	  font-size: 18px  !important;
	  line-height: 21px;
	  font-weight: 700  !important;
	  margin-top: 7px;
	  margin-bottom: 7px;
	}

  	#body .gmd-block .h6_div.gt_Zero:before{
	  counter-increment: h6; 
	  margin-right: 5px; 
	  content: "\(" counter(h6) "\) ";

	  color: #7ecef4;
	  font-size: 18px  !important;
	  line-height: 21px;
	  font-weight: 700  !important;
	  margin-top: 7px;
	  margin-bottom: 7px;
	  margin-left: 0px;
	}
  	#body .gmd-block .h7_div.gt_Zero:before{
	  counter-increment: h7; 
	  content: counter(h7, upper-alpha) ". ";
	  color: #2c82c9;
	  font-size: 17px !important;
	  line-height: 20px;
	  font-weight: 700 !important;
	  padding: 3px 5px;
	  margin-top: 2px;
	  margin-bottom: 2px;
	  margin-left: 0px;
	}



	#body .gmd-block .h3_div.li_OnlyOne:before{
		font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
		display: inline-block;
		content: "\«"; 
		color: #FFFFFF;
		background-color: #004e82;
		font-size: 22px;
		line-height: 27px;
		width: 30px;
		height: 30px;
		font-weight: 700;
		margin-top: 7px;
		margin-bottom: 7px;
		margin-right: 7px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}


	#body .gmd-block .h4_div.li_OnlyOne:before{
		content: "\«"; 
		font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
		display: inline-block;
		font-size: 20px !important;
		/* line-height: 1.4; */
		line-height: 28px;
		font-weight: 700 !important;
		color: #2969b0;
		margin-top: 5px;
		margin-right: 5px;
	}

	#body .gmd-block .h5_div.li_OnlyOne:before{
		content: "\«"; 
		font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
		display: inline-block;
		color: #54acd2;
		font-size: 18px !important;
		/* line-height: 1.4; */
		line-height: 21px;
		font-weight: 600 !important;
		margin-top: 4px;
		margin-right: 5px;
	}

	#body .gmd-block .h6_div.li_OnlyOne:before{
		content: "\«"; 
		font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
		display: inline-block;
		color: #7ecef4;
		font-size: 18px !important;
		/* line-height: 1.4; */
		line-height: 21px;
		font-weight: 600 !important;
		margin-top: 4px;
		margin-right: 5px;
	}

	#body .gmd-block .h7_div.li_OnlyOne:before{
		content: "\«"; 
		font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
		color: #2c82c9;
		font-size: 17px !important;
		/* line-height: 1.4; */
		line-height: 20px;
		font-weight: 600 !important;
		margin-top: 2px;
		margin-left: 1px;
		margin-right: 6px;
	}





	#body .gmd-block .h2_div:before, #body .gmd-block .h3_div.gt_Zero:before, #body .gmd-block .h4_div.gt_Zero:before, #body .gmd-block .h5_div.gt_Zero:before, #body .gmd-block .h7_div.gt_Zero:before{
		width: 30px;
		/* padding-right: 5px; */
		margin-right: 0px;
	}
	#body .gmd-block .h3_div.gt_Zero:before{
		width: 30px;
		margin-right: 7px;
	}

	#body .gmd-block .h5_div.gt_Zero:before{
		width: 20px;
		margin-right: 3px;
	}
	#body .gmd-block .h6_div.gt_Zero:before{
		width: 28px;
		margin-right: 0px;
	}
	#body .gmd-block .h7_div.gt_Zero:before{
		width: 32px;
		margin-right: 0px;
	}


	#body .gmd-block .h5_div.gt_Zero.gt_Ten:before{
		width: 34px;
	}
	#body .gmd-block .h6_div.gt_Zero.gt_Ten:before{
		width: 44px;
	}

  /* .gmd-block table h3 {counter-reset: h4}
  .gmd-block table h4 {counter-reset: h5}
  .gmd-block table h5 {counter-reset: h6}
  .gmd-block table h3:before {counter-increment: h3; content: counter(h3) ". "}
  .gmd-block table h4:before {counter-increment: h4; content: counter(h4) "\) "}
  .gmd-block table h5:before {counter-increment: h5; content: "\(" counter(h5) "\) "} */

  /* table 헤더 count 하지 않기 */
  /* #body .gmd-block table .h2_div:before, #body .gmd-block table .h3_div:before, #body .gmd-block table .h4_div:before, #body .gmd-block table .h5_div:before, #body .gmd-block table .h6_div:before, #body .gmd-block table .h7_div:before{
	   content: ""; 
	   counter-increment: none 
	}  */


 /* .gmd-block table h3:before, .gmd-block table h4:before, .gmd-block table h5:before, .gmd-block h3.nocount:before, .gmd-block h4.nocount:before, .gmd-block h5.nocount:before, .gmd-block h6.nocount:before, .gmd-block h7.nocount:before .gmd-block table h3:before, .gmd-block table h4:before, .gmd-block table h5:before{ content: ""; counter-increment: none }  */

  


/* .well {
	background-color: #fff;
}
.label {
	padding: 0px 8px 0px 8px !important;
	font-weight: 400 !important;
	vertical-align: middle !important;
	font-size: 12px;
	color: #3a87ad !important;
	
} */
    
hr {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
    
/* 
#body div.titleAndBookmark{
	display: flex;
	justify-content: space-between;
} */


/* .titleAndBookmark .bookmark_not, .titleAndBookmark .bookmark_checked{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 5px;
	color: #F4C708;
	font-size: 20px;
}

.titleAndBookmark .bookmark_not:hover, .titleAndBookmark .bookmark_checked:hover{
	cursor: pointer;
	font-size: 20px;
} */

/* #body #title {
	color: #666;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	font-weight: 500 !important;
} */
/* 
.titleAndBookmark{
	margin-top: 15px;
	margin-bottom: 10px;
} */

/* #body h1#title {
	font-size: 26px;
	color: black;
	font-weight: 600 !important;
	margin-top: 10px !important;
	margin-bottom: 10px;
	vertical-align: middle; 
	word-break: break-all;
} */

#body .typeButton{
	vertical-align: middle; 
	border: 1px solid #4883B6;
	color: #4883B6;
	font-weight: 500;
	border-radius: 80px 80px 80px 80px;
	padding: 3px 7px;
	font-size: 12px;
	margin: 0px;
	height: auto;
}



#body .categories {
	display: block;
	color: #999999;
	font-size: 1em;
	font-weight: 500;
}

/* #body #categories .category_one, #body #categories .topic_one{
	font-family: 'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',arial,sans-serif!important;
} */

#body .topics {
	display: block;
	color: #999999;
	font-size: 1em;
	font-weight: 500;
}


#body .categories a:hover, #body .topics a:hover{
	cursor: pointer;
}

.categoriesSpan{

}

/* 
#body #date {
	float: right;
	color: #B4B4B4;
	white-space: pre-wrap;
	margin-bottom: 15px;
	font-size: 12px;
} */

/* #body #date + hr {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: none;
} */

/* #body .label {
	background-color: white;
	border: 1px solid #4582B8;
}

#body .label.cateLabel{
	line-height: 1.42857143;
} */

/* #body .label.cateLabel.bookLabel{
	border: 1px solid #4BADB3;
	color: #4BADB3 !important;
} */

/* #body .label.cateLabel.topicLabel{
	border: 1px solid #91C496;
	color: #91C496 !important;
} */

#body #toc-container {
	padding: 0;
	/* position: sticky;
	top: 10px; */
}

/* 추가함(21.12.23 */

#body #toc-container.fixed, #content #toc-container.fixed {
	padding: 0;
	position: fixed;
	top: 0;
	bottom: auto;
	overflow-y: auto;
	max-height:510px;
	/* width: 242.5px; */
	/* width: 25%; */
}

/* #body #toc-container.fixed div.well{
	margin: 20px 20px 0px 0px;
    border: 0px;
} */
/* 
@media (min-width: 880px){
	#content #toc-container{
		max-height: 100%;
	}
	#body #toc-container.fixed, #content #toc-container.fixed {
		margin-top: 0px;
	}
} */
@media (min-width: 993px){
	#content #toc-container{
		max-height: 100%;
	}
	#body #toc-container.fixed, #content #toc-container.fixed {
		/* padding: 0;
		position: fixed;
		top: 0;
		bottom: auto;
		overflow-y: auto;
		height: 98%; */
		margin-top: 0px;
	}
}

#body #text-container {
	padding: 0;
}

#body #toc-container hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

#body #toc-container div.well {
	/* margin: 20px 20px 0px 0px; */
	margin: 0px;
	border: 0px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

#body #text-container div.well {
	margin: 15px 0px 0px 20px;
}

#body #text-container .dateDiv{
	height: 20px;
}

#body #text-container .history{
	margin-top: 30px;
	margin-bottom: 30px;
}
#body #text-container .history .versionText_div{
	margin-bottom: 10px;
}

#body #text-container .history div.well{
	margin: 0px 0px 0px 0px !important;
}

#body #toc-container div.well strong {
	font-weight: 500;	
}

#body #text {
	word-wrap: break-word;
}

#body #authors {
	padding: 10px 0px 0px 0px;
}

#body #authors > .author > h5 {
	/* color: #666; */
	font-weight: 500;
}

#body #authors > .author > .well {
	min-height: 180px;
}

#body #authors .well .label-info {
	border: 1px solid #3a87ad;
	
}

#body #authors .well p {
	margin-bottom: 10px;
}

#body #authors > .author > .well > div > a > span > img {
	width: 90px;
}

#body #reference {
	padding: 20px 0px 0px 0px;
}

#toc > div > a, #history > a {
	/* color: #828282; */
}

.tab-content hr {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
}







/* 

.gmd-toc2 {
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 0px;
	font-weight: 500 !important;

	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;

	color: #333333 !important;
	display: flex;
}

.gmd-toc2:before {
	content: "\«"; 
	display: inline-block;
	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	font-size: 16px;
	line-height: 16px;
	margin-right: 5px;
	margin-top: 4px;
}


.gmd-toc2:first-child{
	margin-top: 5px;
}

.gmd-toc3 {
	display: block;
	margin-bottom: 3px;
	padding-left: 15px;
	font-weight: 500 !important;
}

.gmd-toc4 {
	display: block;
	padding-left: 30px;
	font-weight: 400 !important;
}

.gmd-toc5 {
	display: block;
	padding-left: 45px;
	font-weight: 400 !important;
}

.gmd-toc6 {
	display: block;
	padding-left: 60px;
	font-weight: 400 !important;
}

.gmd-toc7 {
	display: block;
	padding-left: 75px;
	font-weight: 300 !important;
}

.gmd-toc3, .gmd-toc4, .gmd-toc5, .gmd-toc6, .gmd-toc7{
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;;
	margin-bottom: 3px;
} */


.margintop0 {
    margin-top: 4px !important;
    
}






.gmd-block {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}


.gmd-reference {
	line-height: inherit;
}










#body #histories {
	margin-top: 10px;
}

#body .history h5 {
	display: inline-block;
	margin-left: 5px;
}

#body .history .selectVersion h5 {
	font-weight: 400;
	cursor: default;
}

#body .history .selectVersion:hover {
	color: #337ab7;;
	text-decoration: none;
}

/* #text img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
} */

/* .tableWrap {
	overflow-x: auto;
	margin-bottom: 15px;
} */

/* .tableWrap li {
	line-height: 20px;
	font-size: 12px !important;
} */


/* @media (max-width: 604px) {
	.tableWrap {
		border: 1px solid #ddd;
	}

	.table-bordered {
		border: 0;
	}

	.table-bordered td, .table-bordered th {
		padding: 3px !important;
	}

	.table-bordered tr:not(:first-child) {
		font-size: 90%;
	}

	.gmd-block .table-bordered li {
		line-height: 20px;
	}
} */

/* .gmd-block .table-bordered {
	min-width: 500px;
	border-collapse: separate;
	word-wrap: break-word;
	border-spacing: 0;
	border-radius: 3px;
	moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 18px;
} */

/* .table-bordered th {
	vertical-align: middle !important;
} */

/* .table-bordered tr td:last-child, .table-bordered tr th:last-child {
	border-right: 0;
} */

/* .table-bordered tr:last-child td {
	border-bottom: 0;
} */

/* .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th {
	border-top: 0;
	border-left: 0;
} */

/* #text-container pre {
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	background: none;
} */

/* div.col-md-3 {
	font-size: 16px !important;
	margin-bottom: 8px;
} */
/* #text-container .table-bordered th {
	text-align: center;
	background-color: #f9f9f9;
} */

/* .table-bordered tr:nth-child(odd) td {
	background-color: #f9f9f9;
} */

/* .table-bordered tr:nth-child(even) td {
	background-color: #f5f5f5;
} */

.table-bordered td p {
	margin: 0;
}

/* .table-bordered tr:hover td, .table-bordered tr:hover th {
	background-color: #f5f5f5 !important;
} */

#toc-container hr {
	border-top: 1px solid #ccc;
	border-bottom: none;
}

#toc .label {
	padding-bottom: 0.2em;
	background-color: #5C8AE6 !important;
	border-radius: 0.5em !important;
}

.gmd-toc-reference {
	margin-left: 2px;
	vertical-align: middle;
	color: #333333;
	font-weight: 400;
	/* 230627 font-size 변경 */
	font-size: 16px;
}

.reference {
    margin-top: 80px;
    /* width: 100%; */
    /* font-size: 22px; */
    /* color: #5a5a5a; */
/* border-bottom: 1px solid #000; */
	padding-bottom: 2px;
}

.gmd-reference li {
	/* line-height: 15px; */
}

.gmd-reference:not(.with_ol_reference) > li:first-child {
	margin-top: 15px;
}

/* -----origin ----- */
/* #toc_link {
	position: fixed;
	display: none;
	bottom: -20px;
	right: 40px;
	z-index: 10;
}

#toc_link a:hover {
	text-decoration: none;
}

#toc_link .well {
	padding: 10px 10px 8px 10px;
	color: #555;
	background-color: #fff;
	border-radius: 4px 4px 0px 0px;
} */

/* #toc_link {
	position: fixed;
	display: none;
	bottom: 0px;
	right: 30px;
	z-index: 10;
}

#toc_link a:hover {
	text-decoration: none;
}

#toc_link .well {
	padding: 15px 10px 15px 10px;
	text-align: center;
	color: #fff;
	background-color: #2969B0;
	width: 60px;
	height: 60px;
	line-height: 28px;
	border-radius: 50%;
	font-weight: 500;
}

#toc_link .well strong{
	font-weight: 600;
} */

/* ---pc화면 버튼: start--- */
/* #pc_modeBtn{
	position: fixed;
	bottom: 0px;
	right: 95px;
    z-index: 10;
    margin-bottom: 20px;

    color: #333333;
}

#pc_modeBtn:hover {
    text-decoration: none;
    cursor: pointer;
}

#pc_modeBtn:hover .btn_text{
    background-color: #A845A4;
    color: #ffffff;
}

#pc_modeBtn .btn_text {
    padding: 10px 10px 12px 10px;
    text-align: center;
    vertical-align: middle;
	width: 60px;
	height: 60px;
	border-radius: 50%;
    font-weight: 500;
    background-color: rgb(171, 88, 168);
    color: #ffffff;
}

#pc_modeBtn .btn_text{
    font-weight: 600;
}

#pc_modeBtn.on{
    right: 60px;
	font-size: 250%;
	margin-bottom: 40px;

}
#pc_modeBtn.on .btn_text {
    padding: 20px 30px 70px 30px;
    width: 100%;
    border-radius: 10px;
} */
/* ---pc화면 버튼: end--- */


.btn-warning, .btn-warning:hover, .btn-warning:active {
	float: right;
	background-color: #474b56 !important;
	border-color: #474b56 !important;
}

@media (max-width: 992px) {
	#body #toc-container div.well, #body #text-container div.well {
		margin: 0px 0px 0px 0px;
	}
}





.toc_header{
	color: #335496;
	/* margin-bottom: 3px;
    padding-left: 12px; */
	font-weight: 300 !important;
	font-size: 16px !important;
}


h2.toc_header{
	font-size: 16px !important;
	font-weight: 500 !important;
	/* margin-top: 5px;
    margin-bottom: 5px;
	padding-left: 0px; */
	/* font-size: 16px;
	line-height: 1.8;
	word-break: break-all;
	white-space: normal; */
}







.marginhh {
	margin-bottom: 1px;
}








/* #__reference {
	display: inline-block;
	color: #90DCE0;
	font-family: 'Nanum Gothic', 'sans-serif' !important;
	font-weight: 600 !important;
	border: 1px solid #dbdbdb;
    margin-top: 80px;
	font-size: 16px;
	padding: 5px 10px;
	margin-bottom: 5px;
} */

#__reference {
	color: #333333;
	/* font-family: 'Nanum Gothic', 'sans-serif' !important; */
    margin-top: 80px;
    width: 100%;
	/* font-size: 16px; */
	/* font-weight: 600 !important; */
	/* border-bottom: 1px solid black; */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	/* 230627 font-size 변경 */
	font-size: 16px;
}

#__reference #referenceSpan{
	display: block;
	width: 100%;
	/* 230627 font-size 변경 */
	font-size: 18px;
	font-weight: 700 !important;
	border-bottom: 1px solid black;
	margin-bottom: 15px;
}

#__reference li:first-child {
	margin-top: 0px;
}


.gmd-reference li{
	/* 230627 font-size 변경 */
	/* font-size: 14px; */
	
	/* line-height: 22px; */
	
	/* font-weight: 300; */
	/* color: #808080; */
}

@media (max-width: 768px){
	/* 230627 font-size 변경 */
	#__reference {
		font-size: 14px;
	}

	/* 230627 font-size 변경 */
	#__reference #referenceSpan{
		font-size: 16px;
	}
}


/* =============paragraphStyle =============== */
.gmd-block .pStyle_box_h1{
	color: #f37934;
	font-weight: 700 !important;
	vertical-align: top;
}

.gmd-block .pStyle_box_h2{
	color: #fba026;
	font-weight: 600 !important;
	vertical-align: top;
}

.gmd-block .pStyle_box2_h1{
	color: #c4315d;
	font-weight: 700 !important;
	vertical-align: top;
}

.gmd-block .pStyle_box2_h2{
	color: #f06b93;
	font-weight: 600 !important;
	vertical-align: top;
}

.gmd-block .pStyle_table_h1{
	color: #414141;
	font-weight: 700 !important;
	vertical-align: top;
}

.gmd-block .pStyle_table_h2{
	color: #898989;
	font-weight: 600 !important;
	vertical-align: top;
}
.gmd-block td.cellStyle_th1{
	background-color: #D4EDF8;
	font-size: 15px;
	font-weight: 700 !important;
	text-align: center;
	vertical-align: top;
	padding: 10px;
}

.gmd-block td.cellStyle_th2{
	background-color: #EBF4F9;
	font-weight: 600;
	text-align: center;
	vertical-align: top;
	padding: 8px;
}

.gmd-block td.cellStyle_in_th1{
	background-color: #E6E6E6;
	font-weight: 700 !important;
	text-align: center;
	vertical-align: top;
	padding: 10px;
}

.gmd-block td.cellStyle_in_th2{
	background-color: #f4f4f4;
	font-weight: 600 !important;
	text-align: center;
	vertical-align: top;
	padding: 8px;
}

.gmd-block td.cellStyle_side_th1{
	background-color: #ffffff;
	font-weight: 700 !important;
	vertical-align: top;
	padding-right: 7px;
	padding-left: 7px;
}

.gmd-block td.cellStyle_side_th2{
	background-color: #f4f4f4;
	font-weight: 600 !important;
	text-indent: 10px;
	vertical-align: top;
	padding-right: 7px;
	padding-left: 7px;
}


.gmd-block .table-bordered.tdOne{
	border: none;
	border-collapse: separate; 
}

/* 박스 스타일 적용하지 않은 - 셀 1개인 박스 */
.table-bordered.tdOne>tbody>tr>td.td_box, .table-bordered.tdOne>tfoot>tr>td.td_box, .table-bordered.tdOne>thead>tr>td.td_box{
	/* background-color: #fffafb; */
	vertical-align: top;
	padding: 10px 15px;
	border: none;
	border: 2px solid #dbdbdb !important;
	border-radius: 10px;
	border-collapse: separate; 
}


.table-bordered.tdOne>tbody>tr>td.cellStyle_box1, .table-bordered.tdOne>tfoot>tr>td.cellStyle_box1, .table-bordered.tdOne>thead>tr>td.cellStyle_box1{
/* .table-bordered.tdOne>tbody>tr>td, .table-bordered.tdOne>tbody>tr>th, .table-bordered.tdOne>tfoot>tr>td, .table-bordered.tdOne>tfoot>tr>th, .table-bordered.tdOne>thead>tr>td, .table-bordered.tdOne>thead>tr>th{ */
	background-color: rgb(255, 252, 242);
	/* background-color: #fffafb; */
	vertical-align: top;
	padding: 10px 15px;
	border: none;
	border: 2px solid #e17807 !important;
	/* border: 2px solid #dd6686 !important; */
	
	border-radius: 10px;
	border-collapse: separate; 
}


/* @@주의 박스(빨간색)@@ --- 폰트 색상은 #c4315d */ 
.table-bordered.tdOne>tbody>tr>td.cellStyle_box2, .table-bordered.tdOne>tfoot>tr>td.cellStyle_box2, .table-bordered.tdOne>thead>tr>td.cellStyle_box2{
	background-color: #fffafb;
	vertical-align: top;
	padding: 10px 15px;
	border: none;
	border: 2px solid #dd6686 !important;
	border-radius: 10px;
	border-collapse: separate; 
}
	

.gmd-block .tdOne td.cellStyle_box1{
	/* background-color: red; */

	/* background-color: rgb(255, 252, 242); */
	/* font-weight: 300; */
	/* text-align: center; */
	/* vertical-align: top;
	padding: 10px; */
	/* border: 2px solid #dbdbdb; */
	/* border-radius: 20px; */
	/* overflow:hidden; */
}

/* .gmd-block .tdOne tr:first-child td.cellStyle_box1:first-child { border-top-left-radius: 10px; }
.gmd-block .tdOne tr:first-child td.cellStyle_box1:last-child { border-top-right-radius: 10px; }

.gmd-block .tdOne tr:last-child td.cellStyle_box1:first-child { border-bottom-left-radius: 10px; }
.gmd-block .tdOne tr:last-child td.cellStyle_box1:last-child { border-bottom-right-radius: 10px; }

.gmd-block .tdOne tr:first-child td.cellStyle_box1 { border-top-style: solid; }
.gmd-block .tdOne tr td.cellStyle_box1:first-child { border-left-style: solid; }
 */



/* .gmd-block .pStyle_side_th2{
	
}
.gmd-block .pStyle_side_th3{
	
} */
/* .gmd-block .pStyle_box1{
	border-style: none;
	background-color: rgb(255, 252, 242);
} */
/* .gmd-block .pStyle_box2{
	
} */
.gmd-block .pStyle_picture_title{
	color: #a38f84;
	/* font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important; */
	font-weight: 600 !important;
	margin: 0;
}
.gmd-block .pStyle_picture_title:before{
	content: '≅ 그림. ';
	/* font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important; */
	color: #a38f84;
	font-weight: 600 !important;
	margin: 0;
}
.gmd-block .pStyle_table_title{
	color: #00a885;
	/* font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important; */
	font-weight: 600 !important;
	margin: 0;
}

.gmd-block .pStyle_table_title:before{
	/* font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important; */
	content: '≡ 표. ';
	color: #00a885;
	font-weight: 600 !important;
	margin: 0;
}

.gmd-block .pStyle_table_caption{
	/* font-family: 'Nanum Gothic', 'sans-serif' !important; */
	font-size: 14px;
	font-weight: 500 !important;
	color: #898989;
}
/* 인라인 스타일로 추가 */
.gmd-block span.inlineStyle_footnote_1{
	vertical-align: super; 
	font-size: 75%; 
	color: #2969b0; 
	font-weight: 600 !important;
}

.gmd-block h2 span.inlineStyle_footnote_1, .gmd-block h3 span.inlineStyle_footnote_1, .gmd-block h4 span.inlineStyle_footnote_1, .gmd-block h5 span.inlineStyle_footnote_1, .gmd-block h6 span.inlineStyle_footnote_1, .gmd-block h7 span.inlineStyle_footnote_1{
	vertical-align: top;
	font-size: 75%; 
	color: #2969b0; 
	font-weight: 600 !important;
}

.gmd-block .h7_div span.inlineStyle_footnote_1{
	color: white; 
}

.gmd-block .pStyle_footnote_2{
	color: #2969b0;
	font-size: 14px;
	line-height: 1.8;
	font-weight: 500 !important;
	margin: 0;
}
.gmd-block span.inlineStyle_rf, .inlineStyle_rf{
	padding: 2px;
	color: #ffffff;
	font-size: 14px;
	background-color: rgb(243, 121, 52);
	font-weight: 600 !important;
	margin: 0;
}

/* .gmd-block .pStyle_rf:before{
	content: '» 참조. ';
	color: #ffffff;
	background-color: rgb(243, 121, 52);
	font-weight: 500;
	margin: 0;
	margin-block-start: 0;
    margin-block-end: 0;
} */
.gmd-block span.inlineStyle_cf{
	padding: 2px;
	font-size: 14px;
	color: #ffffff;
	background-color: rgb(250, 197, 28);
	font-weight: 600 !important;
	margin: 0;
}
.gmd-block span.inlineStyle_ex{
	padding: 2px;
	font-size: 14px;
	color: #ffffff;
	background-color: rgb(41, 105, 176);
	font-weight: 600 !important;
	margin: 0;
}
.gmd-block span.inlineStyle_mc{
	padding: 2px;
	font-size: 14px;
	color: #ffffff;
	background-color: rgb(26, 188, 156);
	font-weight: 600 !important;
	margin: 0;
}
.gmd-block span.inlineStyle_mi{
	padding: 2px;
	font-size: 14px;
	color: #ffffff;
	background-color: rgb(147, 101, 184);
	font-weight: 600 !important;
	margin: 0;
}
.gmd-block span.inlineStyle_comment{
	font-family: 'MaplestoryLight';
	color: #D14841;
    font-weight: 500;
    font-style: italic;
}



.gmd-block .pStyle_comment1{
	font-family: 'MaplestoryLight';
	font-style: italic;
	/* 230627 font-size 변경 */
	/* font-size: 16px; */
	line-height: 29px;
	color: #414141;
}
.gmd-block td .pStyle_comment1{
	font-size: 15px;
}

.gmd-block .pStyle_comment2{
	font-family: 'MaplestoryLight';
	font-style: italic;
	/* 230627 font-size 변경 */
	/* font-size: 16px; */
	line-height: 29px;
	font-weight: 500 !important;
	padding: 3px 10px;
	margin: 0px;
	color: #5e35b1;
	border-left: solid 2px #5E35B1;
}

.gmd-block td .pStyle_comment2{
	/* 230627 font-size 변경 */
	/* font-size: 15px; */
}
.gmd-block .pStyle_comment2, .gmd-block .pStyle_comment1:before {content: "\= "; }



/* =============froala editor ================ */



  
.gmd-block ul,
.gmd-block ol,
ul.fr-tag,
ol.fr-tag {
	/* padding-left: 18px;   */


	/* padding-left: 25px; */
	/* margin-left: -18px; */
}

/* 리스트 인덴트 줄이기 */
/* .fr-element ul, .fr-element ol {
	margin-left: -18px;
} */


/* 리스트 인덴트 줄이기 */
.gmd-block ul {
	margin-left: -18px;
	margin-bottom: 0px;
}

.gmd-block ol {
	margin-left: -18px;
	margin-bottom: 0px;
}


.gmd-block td{
	vertical-align: top;
	padding-left: 7px;
	padding-right: 7px;
	/* font-family: 'NanumGothicCoding', 'Nanum Gothic', 'sans-serif' !important; */
	/* font-family: 'Nanum Gothic', sans-serif !important; */
	font-weight: 400;
	font-size: 15px;
	line-height: 1.8;
}

.gmd-block td ul, .gmd-block td ol {
	/* margin-left: -18px; */
	margin-left: -22px;
	padding-inline-start: 40px;
	margin-bottom: 0px;
}




  
.gmd-block p,
p.fr-tag {
	/* margin: 0 0 10px; */
	/* margin: 0 0 0px; */
}

/* p 아래 마진 삭제 */
.gmd-block p{
	margin-bottom: 0px;
}




#body .gmd-block .h2_div, #body .gmd-block .h3_div, #body .gmd-block .h4_div, #body .gmd-block .h5_div, #body .gmd-block .h6_div, #body .gmd-block .h7_div{
	display: flex;
	/* vertical-align: middle; */
	/* align-items: center; */
	width: 100%;
}


#body .gmd-block .h2_div{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	border-bottom: 2px solid #dbdbdb;
}

#body .gmd-block h2,
#body h2.fr-command {
	/* width: 100%; */
	/* font-family: 'Apple SD Gothic Neo', 'Nanum Gothic', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important; */
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;

	/* font-family: 'MaplestoryLight' !important; */
	display: inline-block;
	vertical-align: middle;
	color: #000000;
	font-size: 28px !important;
	margin-top: 7px !important;
	padding-top: 13px;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom: 7px;
	border: none;

	position: relative;
	bottom: 0;
	margin-bottom: -2px !important;
	border-bottom: 2px solid #455BB7;
	/* border-bottom: 2px solid red; */

}

/* --new(230105)-- */
/* #body .gmd-block h2:before,
#body h2.fr-command:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	z-index: 1;
	background-color: rgb(179, 2, 2);
  } */

/* --new(230105)-- */
/* #body .gmd-block .h2_div:after,
#body h2.fr-command:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	height: 1px;
	z-index: 0;
	width: 100%;
	max-width: 100%;
	background-color: #333;
  } */






/* #body .gmd-block h2,
#body h2.fr-command {
	width: 100%;
	vertical-align: middle;
	color: #475577;
	background-color: #E6EBF1;
	font-size: 26px !important;
	font-weight: 700 !important;
	margin-top: 7px !important;
	margin-bottom: 7px !important;;
	padding: 10px 10px;
	padding-left: 0px;
	border: none;
}


#body .gmd-block .h2_div:before{
	content: "\00a0\« "; 
	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	background-color: #E6EBF1;
	font-size: 26px !important;
	font-weight: 700 !important;
	margin-top: 7px !important;
	margin-bottom: 7px !important;
	color: #cb5659;
} */


/* #body .gmd-block h2 sup, 
#body h2.fr-command sup{
	top: 7px;
}

#body .gmd-block h3 sup,
#body h3.fr-command sup{
	top: 10px;
}

#body .gmd-block h4 sup, #body .gmd-block h5 sup, #body .gmd-block h6 sup, #body .gmd-block h7 sup,
#body h4.fr-command sup, #body h5.fr-command sup, #body h6.fr-command sup, #body h7.fr-command sup{
	top: 4px;
} */

#body .gmd-block h7 sup a, #body h7.fr-command sup a{
	color: white;
}

#body .gmd-block h3,
#body h3.fr-command {
	width: 100%;
	/* font-weight: 600 !important; */
	vertical-align: middle;
	color: #333333;
	/* color: rgb(41, 105, 176); */
	/* color: #333333; */

/* 	
	font-size: 22px;
	line-height: 32px !important;

	margin-top: 7px !important;
	margin-bottom: 7px !important;
	padding: 5px 0px 5px 0px; */

	
	font-size: 22px;
	/* line-height: 1.4; */
	line-height: 30px !important;
	vertical-align: middle;
	margin-top: 7px !important;
	margin-bottom: 7px !important;
	padding: 0px 0px 0px 0px;
	/* padding: 5px 0px 5px 0px; */



	/* background-color: #EFEFEF; */
	/* border-bottom: 1px solid #2969b0; */
}

/* #body .gmd-block h3:before,
#body h3.fr-command:before {
	counter-increment: h3; 
	display: inline-block;
	content: counter(h3) "";
	color: #FFFFFF;
	background-color: #004e82;
	font-size: 22px;
	line-height: 24px;
	height: 32px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 7px;
	padding: 3px 7px;
}

#body .gmd-block .li_OnlyOne h3:before,
#body .li_OnlyOne h3.fr-command:before {
	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	display: inline-block;
	content: "\«"; 
	color: #FFFFFF;
	background-color: #004e82;
	font-size: 22px;
	line-height: 24px;
	height: 30px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 7px;
	padding: 1px 7px 2px 7px;
} */

/* #body .gmd-block h3,
#body h3.fr-command {
	width: 100%;
	vertical-align: middle;
	color: #2969b0;
	font-size: 24px;
	line-height: 32px !important;
	font-weight: 700;
	margin-top: 7px !important;
	margin-bottom: 7px !important;
	padding: 5px 10px 5px 10px;
	background-color: #EFEFEF;
} */

#body .gmd-block h4,
#body h4.fr-command {
	width: 100%;
	vertical-align: middle;
	font-size: 20px;
	/* line-height: 1.4; */
	line-height: 28px !important;
	color: #007898;
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}

#body .gmd-block h5,
#body h5.fr-command {
	/* font-weight: 600 !important; */
	width: 100%;
	/* display: flex; */
	vertical-align: middle;
	/* align-items: center;  */

	color: #54acd2;
	font-size: 18px;
	/* line-height: 1.4; */
	line-height: 21px !important;
	/* font-weight: 500; */
	margin-top: 7px !important;
	margin-bottom: 7px !important;

	/* padding: 3px 5px 3px 0px; */
}

#body .gmd-block h6,
#body h6.fr-command {
	/* font-weight: 600 !important; */
	width: 100%;
	/* display: flex; */
	vertical-align: middle;
	/* align-items: center;  */

	color: #7ecef4;
	font-size: 18px;
	/* line-height: 1.4; */
	line-height: 21px !important;
	/* font-weight: 500; */
	margin-top: 7px !important;
	margin-bottom: 7px !important;

	/* padding: 3px 5px 3px 0px; */
}

#body .gmd-block h7,
#body h7.fr-command {
	/* font-weight: 600 !important; */
	width: 100%;
	/* display: flex !important; */
	vertical-align: middle;
	/* align-items: center;  */

	color: #2c82c9;
	/* display:inline-block; */
	/* color: #ffffff; */
	/* width: 100%; */
	/* background-color: rgb(44, 130, 201); */
	font-size: 17px;
	/* line-height: 1.4; */
	line-height: 20px !important;
	/* font-weight: 500; */
	padding: 3px 5px;
	padding-left: 0px;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}











.gmd-block p strong, .gmd-block strong{
	font-weight: 700 !important;
}

.gmd-block p[data-f-id] { display: none}


.gmd-block img {
    position: relative;
	/* max-width: calc(100% - 1px); */
	max-width: 99%;
 }
    .gmd-block img.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top; }
      .gmd-block img.fr-dib.fr-fil {
        margin-left: 0;
        text-align: left; }
      .gmd-block img.fr-dib.fr-fir {
        margin-right: 0;
        text-align: right; }
    .gmd-block img.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
	  max-width: calc(100% - (2 * 5px)); 
	}
      .gmd-block img.fr-dii.fr-fil {
        float: left;
        margin: 5px 5px 5px 0;
        max-width: calc(100% - 5px); }
      .gmd-block img.fr-dii.fr-fir {
        float: right;
        margin: 5px 0 5px 5px;
		max-width: calc(100% - 5px); }
		

#body table td {
	word-break:break-all;
	overflow: hidden;
	white-space: normal;
}






@media (max-width: 650px) {
	.table-container{
		width: 600px;
	}
}

@media (max-width: 480px) {
	/* .gmd-block table {
		word-break: break-all;
		word-wrap: break-word;
	} */

	#body .tab-content .toc-container{
		margin: 0px;
	}

	#content #toc-container {
		margin-top: 10px !important;
		max-height:350px;
		/* border: 1px solid #e3e3e3; */
		border-radius: 4px;
	}
	

	#body #toc-container div.well {
		margin-top: 0px;
		padding: 10px 10px 10px 10px;
	}

	#body #toc-container div.well .gmd-toc{
		padding-top: 0px;
		margin-bottom: 0px;
	}




}

.fr-box.fr-basic .fr-element.fr-view td, .gmd-block td{
    vertical-align: top;
    padding-left: 7px;
    padding-right: 7px;
}



/* 모바일 또는 테블릿에서 table 가로 스크롤 추가 --*/
@media screen and (max-width: 765px) and  (min-width: 300px){
	#text-container #text .table-container, .gmd-block .table-container{
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	#text-container #text .wrapContainer, .gmd-block .wrapContainer{
	/* #text-container #text .wrapContainer, #text-container #text .table-bordered, .gmd-block .wrapContainer{ */
	/* #text-container #text .table-bordered { */
		width: 600px;
	}

	table.wrapContainer table.wrapContainer{
        width: 570px;
	}
	
	/* 표안에 표 */
	#text-container #text .wrapContainer .wrapContainer, .gmd-block .wrapContainer .wrapContainer, #text-container #text .wrapContainer .wrapContainer .wrapContainer, .gmd-block .wrapContainer .wrapContainer .wrapContainer{ 
		width: 100%;
	}


	table.wrapContainer td {
        word-break: break-all;
        overflow: hidden;
        white-space: normal;
    }
}


/* .gmd-block{
	font-family: "sans-serif";
	font-weight: 400;
} */

.well{
	border: none;
	box-shadow: none;
}


.well2 {
    /* background-color: #fff !important; */
}
.well.well2 {
    /* min-height: 20px !important;
    padding: 19px !important;
    margin-bottom: 20px !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%) !important; */
}

#body #authors > .author > .well.well2{
	min-height: 180px !important;
}

#histories>div{
	margin-bottom: 50px;
	margin-top: 20px;
}

#versionCount {
	color: #E7B53E;
}

.versionHeader{
	margin-top: 8px;
	margin-bottom: 8px;
}
/* 
.versionText_div{
	height: 23px;
}
.versionText{
	font-size: 12px;
	width: 90px;
	padding: 2px 3px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 0px;
} */
/* 
.originUpdate{
	color: #8E67A5;
	border: 1px solid #8E67A5;
}

.majorUpdate{
	color: #DD960F;
	border: 1px solid #DD960F;
}

.minorUpdate{
	color: #74B58D;
	border: 1px solid #74B58D;
} */


/* #date.versionDate{
    color: #B4B4B4 !important;
} */
/* .versionDate_hr{
	border-color: white !important;
} */



.nav-tabs {
	border-bottom: none;
}

.nav-tabs>li, .nav-tabs>li:hover {
    float: left;
    margin-bottom: -1px;
}

.other_contents_list .nav-tabs>li, .other_contents_list .nav-tabs>li:hover {
	margin-bottom: 0px;
}

.nav-tabs>li>a{
	/* color: #000000;
	font-weight: 600;
	line-height: 1.42857143; */
}

.nav-tabs>li>a:hover, .nav>li>a:focus, .nav>li>a:hover{
	/* border-color: white;
	text-decoration: none;
	background-color: white;

	color: #455BB7; */
	outline: 0; 
	/* 이 부분 때문에 창 흔들렸음 */
}



.other_contents_list #pagination{
	font-family: "Roboto", "Spoqa Han Sans", "Noto Sans KR";

}

/* 
.other_contents_list .nav-tabs>li>a:hover{
	color: #114f79;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{
	color: #455BB7;
	border: none;
	border-bottom: 3px solid #455BB7;
	margin-bottom: 0px;
}

.nav-tabs>li.active>a:hover{
	cursor: pointer;
	color: #455BB7;
	border: none;
	border-bottom: 3px solid #455BB7;
	margin-bottom: 0px;
} */









#text-container.pc_mode table{
    width: 100%;
    max-width: 2000px !important;
}

p.published_text{
	margin-bottom: 0px;
	color: #B4B4B4;
	font-size: 12px;
}




/* ---------------- 콘텐츠 하단 관련콘텐츠/최신콘텐츠/인기콘텐츠: start ------------------ */

.other_contents_list{
	margin-top:40px;
}

/* .other_contents_list .positionRelative{
	border-top: 1px solid #dbdbdb;
} */

.other_contents_list .nav-tabs>li>a{
	/* font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;

	font-weight: 600;
	padding: 10px 15px 10px 15px; */
}

.other_contents_list .nav-tabs>li.active>a{
	/* font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;

	font-weight: 600;
	padding: 10px 15px 10px 15px;
	color: #114f79;
	border-bottom: 3px solid #114f79; */

}

.other_contents_list .nav-tabs>li:hover{
	margin-bottom: 0px;
}
#categories2 .categoriesSpan{
	/* color: #337ab7; */
	/* padding: 3px; */
}
#categories2 .categoriesSpan:first-child{
	padding-left: 0px;
}
#categories2 .categoriesSpan:hover{
	text-decoration: underline;
	cursor: pointer;
}

#categories2 .categoriesSpan.selected {
	padding: 3px;
    background-color: #ddd;
}

#categories2 .categoriesSpan.level_1, .categoriesSpan.currentContent{
	color: #333333;
}

#categories2 .categoriesSpan.level_1:hover, .categoriesSpan.currentContent:hover{
	cursor: default;
	text-decoration: none;
}

.currentContentSpan{
	color: red;
}

.other_contents_list .tab-pane{
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.other_contents_list ol, .other_contents_list ul{
	margin-bottom: 0px;
}

.other_contents_list #categories2{
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dbdbdb;
}




.other_contents_list .content_list_ul{
	padding-top: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	/* font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important; */
	
}
.other_contents_list .content_list_ul li{
	/* padding-top: 5px;
	padding-bottom: 5px; */
	/* margin-bottom:5px; */

}
.other_contents_list .content_list_ul li:last-child{
	margin-bottom:0px;
}
.other_contents_list .content_list_ul li:hover{

	/* padding-top: 3px;
	padding-bottom: 3px; */

}


/* .other_contents_list ol.content_list_ul {
	counter-reset: circle-counter;
	list-style: none;
	height: 100%;
}

.other_contents_list ol.content_list_ul li {
	counter-increment: circle-counter;
	display: flex;
	align-items: flex-start;
}

.other_contents_list ol.content_list_ul li::before {
	content: counter(circle-counter);
	background-color: #6498c6;

	border-radius: 50%;
	display: inline-block;
	color: white;
	text-align: center;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
 */



.other_contents_list ul.content_list_ul {
	list-style: none;
	height: 100%;
}

.other_contents_list ul.content_list_ul li {
	display: flex;
	align-items: center;   /* <---- NEW    */

}

/* .other_contents_list ul.content_list_ul li::before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: white;
	border-color: #27A4FC;
	border-width: 3px;
	border-style: solid;
	border-radius: 50%;
	margin-right: 10px;

}

.other_contents_list ol.content_list_ul li:hover::before {
	background-color: #114f79;
}
.other_contents_list ul.content_list_ul li:hover::before {
	border-color: #114f79;
} */




.other_contents_list .content_list_ul li::before {
	/* vertical-align: text-top; */
	/* vertical-align: -50%; */
	/* top: -15px; */
}


.other_contents_list .content_list_ul a{
	/* vertical-align: top; */
	/* margin-top: -5px; */
	/* display: inline-block; */

	/* padding-top: 5px;
	padding-bottom: 5px; */
	width: calc(100% - 30px);
	height: 100%;
	color: #333333;

}


.other_contents_list .content_list_ul a:not(.currentContent):hover{
	color: #337ab7;
	background-color: #f1faff;
	cursor: pointer;
}

.other_contents_list .content_list_ul a.currentContent{
	font-weight: 600;
}


/* .other_contents_list .content_list_ul a span.currentContentSpan{
	color: white;
    border: 1px solid red;
	background-color: red;
	padding: 2px 2px;
	font-weight: 500;
	font-size: 12px;

}
.other_contents_list .content_list_ul a span.public_0{
	color: white;
	border: 1px solid #308a66;
	background-color: #308a66;

	padding: 2px 2px;
	font-weight: 500;
	font-size: 12px;
}
.other_contents_list .content_list_ul a span.public_5{
	color: white;
    border: 1px solid #C9C9C9;
	background-color: #C9C9C9;
	padding: 2px 2px;
	font-weight: 500;
	font-size: 12px;

}

.other_contents_list .content_list_ul a span.public_10{
	color: white;
    border: 1px solid #F4C708;
	background-color: #F4C708;
	padding: 2px 2px;
	font-weight: 500;
	font-size: 12px;
} */

/* ---------------- 콘텐츠 하단 관련콘텐츠/최신콘텐츠/인기콘텐츠: end ------------------ */


.refSup {
	position: relative;
    font-size: 75%;
    line-height: 0;
	vertical-align: baseline;
	top: -0.5em;

}

.refStart {
	position: relative;
    font-size: 75%;
    line-height: 0;
	vertical-align: baseline;
	top: -0.5em;

}

ul.gmd-reference, ol.gmd-reference {
    margin-left: -18px;
    margin-bottom: 0px;
}

.gmd-reference li>p{
	margin-bottom: 0px;
}







.gmd-block table {
	margin-top: 10px;
	margin-bottom: 10px;
}
.gmd-block .table-container{
	margin-top: 10px;
	margin-bottom: 10px;
}
.gmd-block .table-container table{
	margin-top: 0px;
	margin-bottom: 0px;
}




/* 이미지 팝업 + 확대/축소*/

.gmd-block img.fr-fic:hover {cursor: pointer; outline: 1px dashed #999;}

.img-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 10000;}
.img-popup.active {visibility: visible; opacity: 1;}
/* .container .img-popup .popup-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px;} */
.img-popup .popup-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* .container .img-popup .popup-inner > img {display: block; width: 700px; margin: 0 auto;} */
.img-popup .popup-inner > img {display: block; margin: 0 auto;}


/* .container .img-popup .close-btn {display: flex; position: absolute; top: 10px; left: 50%;  transform: translateX(-50%); width: 50px; height: 50px; border-radius: 50%; background-color: #1eb9b2; justify-content: center; align-items: center; color: #fff; font-size: 30px;} */
.img-popup button.close-btn {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	display: flex; position: absolute; top: 30px; right: 30px; width: 50px; height: 50px; border-radius: 50%; background-color: #1eb9b2; justify-content: center; align-items: center; color: #fff; font-size: 30px;
}

.img-popup .close-btn:hover{
	background-color: #007898;
}

.img-popup .imgResizeButtons button{
	background-color: white;
	width: 50px;
	height: 50px;
}

.img-popup .imgResizeButtons button i{
	width: 100%; 
	height: 100%;
}

a.close-btn:hover{
	text-decoration: none;
}

.img-popup .imgResizeButtons {display: flex; display: -webkit-flex; display: -ms-flexbox; position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; justify-content: center; color: #333333; font-size: 30px;}














.bottomBanner{
	width: 100%;
}

.bottomBanner a {
	width: 100%;
}

.bottomBanner a img {
	width: 100%;
}

ul.bannerInContent{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 0px; 
	overflow: hidden;
	height: 186px;     
}

.bannerInContent li.banner_li{
	display: none;
	transition: 0.3s ease;
	opacity: 0;
	
	width: 100%;
	list-style: none;
	background-color: #e0f2f3;
	/* border: 1px solid #09818a; */
	border-radius: 10px;
	height: 185px;     
}

@keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  @keyframes fade-out {
    from {
      opacity: 1;
  
    }
    to {
      opacity: 0;
    }
  }
  

.bannerInContent li.banner_li.on{
	display: block;
    opacity: 1;
	transition: 1.5s;
	animation: fade-in 1.5s;
    animation-fill-mode: forwards;
}

.bannerInContent li.banner_li a.banner_li_a{
	width: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	height: 185px;     
}


.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
	/* width: 24%; */
	width: 185px;
	/* height: 185px;      */
	margin-left: 6%;

}


.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
	width: calc(100% - 16% - 185px);
	margin-right: 10%;
	padding: 0px 20px;
	/* height: 185px;      */
}


.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
	/* width: 100%; */
	width: 185px;
	padding: 10px;
}

.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
	/* font-size: 30px; */
	font-size: 23px;
	font-weight: 700;
	/* font-family: 'Apple SD Gothic Neo', 'Nanum Gothic', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important; */
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;

	color: #333333;
}

.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_subTitle{
	font-size: 16px;
	font-weight: 600;
	/* font-family: 'Apple SD Gothic Neo', 'Nanum Gothic', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important; */
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;

	color: #828282;
	margin-bottom: 10px;
}


.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_content{
	color: #333333;
	font-size: 12px;
	/* font-family: 'Apple SD Gothic Neo', 'Nanum Gothic', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important; */
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', arial, sans-serif !important;

	display: -webkit-box;              /* flexbox 비슷하게 작동 */
    -webkit-line-clamp: 2;             /* 최대 2줄까지만 표시 */
	line-clamp: 2;
    -webkit-box-orient: vertical;      /* 세로로 배치 */
    overflow: hidden;                  /* 넘치는 내용 숨김 */
    text-overflow: ellipsis;           /* 넘치는 텍스트는 ... 처리 */

}


.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
	display: inline-block;
	/* float: right; */
	/* display: flex;
	justify-content: center;
	width: 50%; */

	background-color: #127d83;
	color: white;
	border-radius: 10px;
	text-align: center;
	font-size: 16px;
	padding: 5px 0px;
	width: 50%;
	vertical-align: middle;
	margin-top: 10px;
}
.bannerInContent li.banner_li a.banner_li_a:hover{
	background-color: #d3eaeb;
	border-radius: 10px;
}
.bannerInContent li.banner_li a.banner_li_a:hover .banner_noImgDiv .banner_button{
	background-color: #052324;
}


@media (max-width: 1200px){
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 185px;
		margin-left: 3%;
	
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 10% - 185px);
		margin-right: 7%;
		padding: 0px 0px;
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		width: 185px;
		padding: 10px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 20px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		font-size: 14px;
	}
}

@media (max-width: 991px){
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 185px;
		margin-left: 6%;
	
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 16% - 185px);
		margin-right: 10%;
		padding: 0px 20px;
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		width: 185px;
		padding: 10px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 23px;
	}
}



@media (max-width: 870px){
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 185px;
		margin-left: 3%;
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 10% - 185px);
		margin-right: 7%;
		padding: 0px 0px;
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		width: 185px;
		padding: 10px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 20px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		font-size: 14px;
	}
}

@media (max-width: 746px){
	ul.bannerInContent{
		height: 195px;     
	}
	.bannerInContent li.banner_li{
		height: 195px;     
	}
	.bannerInContent li.banner_li a.banner_li_a{
		height: 195px;     
	}
	
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 18px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_subTitle{
		font-size: 14px;
	}

}


@media (max-width: 660px){
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 185px;
		margin-left: 0%;
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 7% - 185px);
		margin-right: 7%;
		padding: 0px 0px;
	}

	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		width: 185px;
		padding: 10px;
	}
	ul.bannerInContent{
		height: 210px;     
	}
	.bannerInContent li.banner_li{
		height: 210px;     
	}
	.bannerInContent li.banner_li a.banner_li_a{
		height: 210px;     
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		font-size: 14px;
		margin-top: 5px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 20px;
	}
}

@media (max-width: 540px){
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_content{
		display: none;
	}

	ul.bannerInContent{
		height: 190px;     
	}
	.bannerInContent li.banner_li{
		height: 190px;     
	}
	.bannerInContent li.banner_li a.banner_li_a{
		height: 190px;     
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 165px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 10% - 165px);
		margin-right: 7%;
		padding: 0px 0px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		width: 165px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		width: 100%;
		font-size: 12px;
		padding: 4px 0px;
		margin-top: 0px;

	}
}

@media (max-width: 490px){
	ul.bannerInContent{
		height: 180px;     
	}
	.bannerInContent li.banner_li{
		height: 180px;     
	}
	.bannerInContent li.banner_li a.banner_li_a{
		height: 180px;     
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 140px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 10% - 140px);
		margin-right: 7%;
		padding: 0px 0px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		width: 140px;
		padding:0px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 16px;
		/* font-size: 20px; */
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_subTitle{
		font-size: 14px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		width: 100%;
		font-size: 12px;
		padding: 4px 0px;
	}
}

@media (max-width: 420px){
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 120px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 10% - 120px);
		margin-right: 7%;
		padding: 0px 0px;
	}
	.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		width: 120px;
		padding:0px;
	}
}


.paywall{
	position: relative;
    padding: 50px 0px 50px 0px;
    letter-spacing: -0.5px;
    color: #303038;
    text-align: center;
}

.paywall_text{

}

.paywall_title{
	display: block;
    font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}

.paywall_desc{
	margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0.75;
}

.paywall_btn{
	width: 100%;
	position: relative;
    /* max-width: 600px; */
    margin: 0 0;
}

.paywall_btn button{
	text-align: center;
	font-weight: 600;
	width: 100%;
	overflow: hidden;
    position: relative;
    /* display: flex; */
    min-height: 52px;
    margin-top: 50px;
    padding: 14px 18px 13px 20px;
    font-size: 16px;
    /* -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between; */
    line-height: 19px;
    color: rgba(255, 255, 255, 0.9);
	border-radius: 6px;
	border: none;
    box-sizing: border-box;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 17%);
	/* background-image: linear-gradient(280deg, #bb964a 51%, #d5b679); */
	background-image: linear-gradient(280deg, #455BB7 51%, #7b8edc);
	/* background-image: linear-gradient(280deg, #bb964a 51%, #d5b679); */

}



/* body{
	height: 100%;
	overflow: auto;
}

body.stop-scrolling{
	height: 100%;
	overflow: hidden;
} */



.gmd-block ol li::marker, .fr-view ol li::marker{
    font-family: "Roboto", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding", "Pretendard-Regular", sans-serif, Arial, "Courier New", monospace !important;
}

/* .versionText {
	display: inline;
}

.now_content{
	display: inline;
	background-color: red;
	color: white;
	font-weight: 500;
	font-size: 12px;
	padding: 2px 3px;
	margin-left: 5px;
}

 */









/* cls 문제 수정(로딩하면서 콘텐츠 내용 아래로 밀리는 경우) - 콘텐츠 화면 카테고리, 개정이력 부분: start */
/* 1) PC: 카테고리 */
.cateAndTopicFlexInContent{
	height: 22px;
	min-height: 22px;
	line-height: 22px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;

	overflow: hidden;
    width: 100%;
}

.cateAndTopicFlexInContent.open{
    height: 100%;
    min-height: 22px;
}




.cateAndTopicFlexInContent .cateAndTopicInContent{
	width: calc(100% - 88px - 5px);
}
.cateAndTopicFlexInContent .cateAndTopicInContent.no_viewMore{
	width: 100%;
}
/* 
.cateAndTopicFlexInContent .foldInContent, .cateAndTopicFlexInContent .foldInContent.active{
    width: 88px;
	margin-left: 5px;
	text-align: center;
}
.cateAndTopicFlexInContent .foldInContent i{
	font-size: 17px !important;
	transition: transform 300ms ease-in-out;
}
.cateAndTopicFlexInContent .foldInContent.active i{
	transform: rotate(180deg);
}
.cateAndTopicFlexInContent .foldInContent:hover{
	cursor: pointer;
} */



.cateAndTopicFlexInContent #categories .categories, .cateAndTopicFlexInContent #categories .topics, #categories2 .cateAndTopic{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	/* margin-top: 5px; */
}
/* .cateAndTopicFlexInContent #categories .cateAndTopic:first-child, #categories2 .cateAndTopic:first-child{
	margin-top: 0px;
}
.cateAndTopicFlexInContent #categories .categories .label, .cateAndTopicFlexInContent #categories .topics .label, #categories2 .label{
	margin-right: 7px;
	margin-top: 1px;
} */

.cateAndTopicFlexInContent #dil{
	/* margin-right: 5px;
	margin-left: 5px; */
	/* color: #999999; */
}
#categories2 #dil{
	/* margin-right: 0px;
	margin-left: 0px; */
	/* color: #999999; */
}
/* #body .cateAndTopicFlexInContent .categories.cateAndTopic, #body .cateAndTopicFlexInContent .topics.cateAndTopic{
	color: #337ab7;

} */
/* 
.cateAndTopicFlexInContent .cateAndTopic .categoriesSpan{
	color: #337ab7;
	line-height: 1.5;
}
#categories2 .categoriesSpan{
	line-height: 1.7;

} */


.cateAndTopicFlexInContent .cateAndTopic .categoriesSpan:hover{
	text-decoration: underline;
	cursor: pointer;
}









/* 2) PC: 개정이력 */
/* #body #text .versionInContent.history .well.well2 {
	height: 122px;
	min-height: 122px !important;
}
#body #text .versionInContent.history .well.well2.open {
	height: 100%;
	min-height: 122px !important;
}

#body #text .history .well.well2 .changelog{
	height: 40px;
	min-height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;

	overflow: hidden;
    width: 100%;
}

#body #text .history .well.well2.open .changelog{
	height: 100%;
	min-height: 40px;
} */

#body #text .history .well.well2 .changelog .changelog_content{
	width: calc(100% - 40px - 5px);
}

#body #text .history .well.well2 .changelog .changelog_content .published_text{
	margin-top: 3px;
}

#body #text .history .well.well2 .changelog .changelog_content.no_viewMore{
	width: 100%;
}
#body #text .history .well.well2 .changelog .viewMore{
	width: 40px;
	margin-left: 5px;
	text-align: center;
}

#body #text .history .well.well2 .changelog .viewMore i{
	font-size: 17px !important;
	transition: transform 300ms ease-in-out;
}

#body #text .history .well.well2 .changelog .viewMore.active i{
	transform: rotate(180deg);
}

#body #text .history .well.well2 .changelog .viewMore:hover{
	cursor: pointer;
}




/* 3) 모바일: 카테고리 + 개정이력 */
@media (max-width: 550px){
	.cateAndTopicFlexInContent .cateAndTopicInContent{
		width: calc(100% - 40px - 5px);
	}
	.cateAndTopicFlexInContent .cateAndTopicInContent.no_viewMore{
		width: 100%;
	}
	.cateAndTopicFlexInContent .foldInContent, .cateAndTopicFlexInContent .foldInContent.active{
		width: 40px;
		margin-left: 5px;
	}

	.cateAndTopicFlexInContent .foldInContent i{
        font-size: 15px !important;
	}
	
	.cateAndTopicFlexInContent .cateAndTopic .categoriesSpan{
		line-height: 1.8;
	}
	#categories2 .categoriesSpan{
		line-height: 1.8;
	}
	.cateAndTopicFlexInContent #categories .categories .label, .cateAndTopicFlexInContent #categories .topics .label, #categories2 .label{
		margin-top: 2px;
	}
}




/* cls 문제 수정(로딩하면서 콘텐츠 내용 아래로 밀리는 경우) - 콘텐츠 화면 카테고리, 개정이력 부분: end */










/* 이미지 너비, 높이 기본값: start */


/* 이미지 너비, 높이 기본값: end */









/* TOC - 핵심포인트 길 경우 ... 처리: start */
#toc>.gmd-toc.gmd-block a{
/* .tab-content #toc-container #toc .gmd-toc.gmd-block a{ */
/* #toc.practicalBook .gmd-toc.gmd-block a{ */
    overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all; 
}


/* TOC - 핵심포인트 길 경우 ... 처리: end */





.bannerInContent#topBanner{
	margin-bottom: 10px;
}

.bannerInContent#topBanner li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
	width: 100%;
}

.bannerInContent#topBanner .sub_title{
	font-weight: 500;
	margin-bottom: 3px;
	display: flex;
	align-items: center;
}

.bannerInContent#topBanner .banner_title .em_title{
	color: rgb(42, 196, 165);
}

.banner_event{
	background-color: #333333;
	color: white;
	padding: 2px 5px;
}
.title_blue{
	/* color: #455bb7; */
}

.event_status{
	background-color: #455bb7;
	color: white;
	padding: 2px 5px;
}

@media (max-width: 700px){
	.bannerInContent#topBanner li.banner_li a.banner_li_a .banner_noImgDiv .banner_content{
		display: none;
	}
}

@media (max-width: 615px){
	.bannerInContent#topBanner .sub_title{
		display: block;
	}
	.bannerInContent#topBanner .sub_title .by_date{
		margin-top: 3px;
	}
}









/* ---여기 아래 추가해야 콘텐츠 상세페이지도 스크롤 보임 --- */
::-webkit-scrollbar-thumb { /*  스크롤 막대*/
	/* width: 3px;
	height: 3px;
	border-radius: 4px;
	background-color:#ddd;
	box-shadow: 0 0 1px rgba(255, 255, 255, .5); */
	
	/* background-color:#c0c0c0; */
	/* background-color:rgba(0, 0, 0, .5); */
	/* background-color: rgba(0, 0, 0, .5); */
	/* border: 1px solid #ccc; */

	background-color: #ddd;
    border: 4px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, .5);
}



::-webkit-scrollbar-track { /*  스크롤 막대 외부*/
	/* width: 10px;
	height: 10px; */
	/* border: 1px solid #ccc; */
	background-color: #f9f9f9;;
}












/* ------- 콘텐츠 화면 상단 배너 변경: start ---------- */
.banner_section{
	display: flex;
	margin-bottom: 20px;
}
.banner_section #topBanner_side2{
	display: none;
}
/*  topBanner_side (도서 구매인증하고 무제한 구독권 받기 배너)*/
.banner_section .topBanner_side{
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	height: 211px;
	padding: 0px;
}
.banner_section .topBanner_side #topBanner_side{
	background-color: #fae8c5;
	border-radius: 10px;
	height: 211px;
	width: 100%;
	padding: 20px;

}



.banner_section  #topBanner_side .banner_content{
	font-weight: 500;
	font-size: 14px;
}
.banner_section  #topBanner_side .banner_content .banner_content_main{
	font-family: 'MaplestoryLight';
	color: #333333;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
}
.banner_section  #topBanner_side .banner_content .banner_content_sub{
	margin-top: 10px;
	font-size: 12px;
	color: #333333;
	text-align: center;

}

.banner_section  #topBanner_side .big_font{
	font-size: 28px;
	color: #D14841;
}

.banner_section  #topBanner_side .banner_button{
	background-color: #834512;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 5px 0;
    vertical-align: middle;
    margin-top: 15px;
	font-weight: 400;
}
.banner_section #topBanner_side:hover{
	cursor: pointer;
}
.banner_section #topBanner_side:hover .banner_button{
	background-color: #333333;
	cursor: pointer;
}



.banner_section .topBanner_side #topBanner_side:not(.fixed).hide, .banner_section .topBanner_side #topBanner_side_change:not(.fixed).hide{
    animation: fade-out 1s;
    animation-fill-mode: forwards;
    display: none;
}
.banner_section .topBanner_side #topBanner_side:not(.fixed).on, .banner_section .topBanner_side #topBanner_side_change:not(.fixed).on{
    display: block;
    animation: fade-in 1s;
    animation-fill-mode: forwards;
}






/* 공식 쇼핑몰 배너 */
.banner_section #topBanner_side_change{
	width: 100%;
	display: block;
	border-radius: 10px;
	height: 211px;
	padding: 20px;
	border: 1px solid #dbdbdb;
	font-weight: 400;
	text-align: center;
}

.banner_section #topBanner_side_change .banner_content_main{
	font-family: 'MaplestoryLight';
	color: #333333;
	font-weight: 500;
	width: 100%;
}


/* .banner_section #topBanner_side_change .banner_content_main .banner_main_img{
	width: 100%;
}
.banner_section #topBanner_side_change .banner_content_main .banner_main_img img{
	width: 174px;
} */
.banner_section #topBanner_side_change .banner_content_main .banner_main_text{
	width: 100%;
	font-size: 16px;
}
.banner_section #topBanner_side_change .big_font.black{
	color: #333333;
}
.banner_section #topBanner_side_change .big_font{
	color: #455bb7;
	font-size: 20px;
}
.banner_section  #topBanner_side_change .banner_button{
	background-color: #455bb7;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 5px 0;
	vertical-align: middle;
	margin-top: 20px;
	font-weight: 400;
}
.banner_section #topBanner_side_change:hover{
	cursor: pointer;
}
.banner_section #topBanner_side_change:hover .banner_button{
	background-color: #333333;
	cursor: pointer;
}




@media (min-width: 511px) and (max-width: 921px) {
	.banner_section #topBanner_side, .banner_section #topBanner_side.fixed, .banner_section #topBanner_side.on, .banner_section #topBanner_side.hide{
		display: block !important;
		animation: none !important;
	}
	.banner_section #topBanner_side_change, .banner_section #topBanner_side_change.fixed, .banner_section #topBanner_side_change.on, .banner_section #topBanner_side_change.hide{
		display: none !important;
		animation: none !important;
	}
}






/*  topBanner_main (실전 일차진료매뉴얼 2판)*/
.banner_section #topBanner_main #topBanner{
	margin: 15px 0 10px 20px;
}

.banner_section #topBanner_main ul.bannerInContent{
	height: 211px;
}
.banner_section #topBanner_main .bannerInContent li.banner_li{
	height: 211px;
}
.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a{
	height: 210px;
}
.banner_section #topBanner_main .banner_content, .banner_section #topBanner_main .banner_button{
	font-weight: 400;
}
.banner_section #topBanner_main .bannerInContent#topBanner .sub_title{
	margin-bottom: 5px;
}
.banner_section #topBanner_main .banner_event, .event_status{
	padding: 3px 8px;
}

.bannerInContent#topBanner .banner_title .em_title{
	color: #127d83;
}

.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
	margin-right: 10%;
	padding-right: 0px;
}
#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
	font-size: 14px;
	margin-top: 10px;
}
@media (min-width: 922px) and (max-width: 1199px) {
	#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_subTitle{
		margin-bottom: 0px;
	}
}
@media (max-width: 1199px) {
	#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		margin-top: 10px;
	}
}


@media (min-width: 922px) and (max-width: 991px) {
	#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		margin-top: 10px;
	}

	/*  topBanner_side (도서 구매인증하고 무제한 구독권 받기 배너)*/
	.banner_section .topBanner_side{
		/* padding: 20px 10px;
		width: 230px; */
	}
	.banner_section .topBanner_side #topBanner_side, .banner_section .topBanner_side #topBanner_side_change{
		padding: 20px 10px;
		width: 230px;
	}
	
	.banner_section  #topBanner_side .big_font{
		font-size: 23px;
		color: #D14841;
	}


	/*  topBanner_main (실전 일차진료매뉴얼 2판)*/
	.banner_section #topBanner_main #topBanner{
		margin-left: 0px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 185px;
		margin-left: 0%;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 185px);
		margin-right: 0%;
		padding: 0 20px 0 0;
	}
}

@media (max-width: 921px) {
	.banner_section{
		display: block;
	}


	.banner_section .topBanner_side{
		display: flex;
		justify-content: space-between;
		align-items: center;

		padding: 0px;
		margin-right: 0px;
		height: 170px;
	}



	.banner_section .topBanner_side #topBanner_side{
		width: 48%;
		margin-right: 0px;
		height: 170px;
	}
	.banner_section  #topBanner_side .banner_content .banner_content_sub{
		display: none;
	}


	/* 공식 쇼핑몰 배너 */
	.banner_section #topBanner_side2{
		display: block;
		width: 48%;
		border-radius: 10px;
		/* background-color: yellow; */
		height: 170px;
		padding: 20px;
		border: 1px solid #dbdbdb;
		font-weight: 400;

		text-align: center;
	}

	.banner_section #topBanner_side2 .banner_content_main{
		/* display: flex;
		justify-content: space-between;
		align-items: center; */
		height: 80px;

		font-family: 'MaplestoryLight';
		color: #333333;
		font-weight: 500;
		width: 100%;
	}
	.banner_section #topBanner_side2 .banner_content_main .banner_main_text{
		/* width: calc(100% - 20px - 174px); */
		width: 100%;
		font-size: 16px;
	}
	.banner_section #topBanner_side2 .big_font.black{
		color: #333333;
	}
	.banner_section #topBanner_side2 .big_font{
		color: #455bb7;
		font-size: 20px;
	}
	.banner_section  #topBanner_side2 .banner_button{
		background-color: #455bb7;
		color: #fff;
		border-radius: 10px;
		text-align: center;
		padding: 5px 0;
		vertical-align: middle;
		margin-top: 15px;
		font-weight: 400;
	}
	.banner_section #topBanner_side2:hover{
		cursor: pointer;
	}
	.banner_section #topBanner_side2:hover .banner_button{
		background-color: #333333;
		cursor: pointer;
	}
	







	.banner_section #topBanner_main{
		padding: 0px;
		margin-top: 20px;
	}
	.banner_section #topBanner_main #topBanner{
		margin: 0px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 185px);
		margin-right: 5%;
		padding: 0 20px 0 0;
	}
}
@media (max-width: 700px) {
	#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 22px;
	}
	.banner_section #topBanner_main ul.bannerInContent{
		height: 195px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li{
		height: 195px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a{
		height: 195px;
	}
	#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		margin-top: 0px;
	}
}
@media (max-width: 615px) {

	.banner_section #topBanner_side2 .banner_content_main{
		font-size: 12px;
	}
	.banner_section #topBanner_side2 .banner_content_main .banner_main_text{
		font-size: 12px;
	}
	.banner_section #topBanner_side .banner_content_main{
		font-size: 14px;
	}
	.banner_section #topBanner_side2 .big_font{
		font-size: 16px;
	}
	.banner_section #topBanner_side .big_font{
		font-size: 26px;
	}
	.banner_section #topBanner_side .banner_button{
		margin-top: 21px;
	}
}

@media (max-width: 540px){
	.banner_section #topBanner_main ul.bannerInContent{
		height: 190px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li{
		height: 190px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a{
		height: 190px;
	}
}

@media (max-width: 510px) {
	#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_title{
		font-size: 18px;
	}
	.banner_section .topBanner_side{
		height: 150px;
	}
	.banner_section .topBanner_side #topBanner_side{
		height: 150px;
		margin-bottom: 0px;
	}
	.banner_section #topBanner_side .banner_content{
		margin-top: 5px;
	}
	.banner_section #topBanner_side .banner_content .banner_content_main{
		font-size: 16px;
		display: flex;
		justify-content: center;
	}
	.banner_section #topBanner_side .banner_content .banner_content_main div:first-child{
		margin-right: 7px;
	}
	.banner_section #topBanner_side .big_font{
		font-size: 25px;
	}
	.banner_section #topBanner_side .banner_button{
		/* margin-top: 10px; */
		margin-top: 30px;
	}

	.banner_section .topBanner_side{
		display: block;
		/* height: 360px; */
	}
	.banner_section .topBanner_side #topBanner_side{
		margin-bottom: 0px;
		width: 100%;
	}
	.banner_section .topBanner_side #topBanner_side2{
		display: none;
		width: 100%;
	}

	.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: 100%;
		margin-right: 20px;
		padding-right: 0px;
	}
	.bannerInContent#topBanner .sub_title{
		font-size: 12px;
	}




	.banner_section #topBanner_side_change{
		height: 150px;
		margin-bottom: 10px;
		padding: 10px 20px 20px 20px;
	}
	.banner_section #topBanner_side_change .banner_content_main .banner_main_text .banner_text{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.banner_section #topBanner_side_change .banner_content_main .banner_main_text .banner_text div:first-child{
		margin-right: 5px;
	}
	.banner_section  #topBanner_side_change .banner_button{
		margin-top: 10px;
	}
}
@media (max-width: 510px) {
	.banner_section #topBanner_main ul.bannerInContent{
		height: 180px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li{
		height: 180px;
	}
	.banner_section #topBanner_main .bannerInContent li.banner_li a.banner_li_a{
		height: 180px;
	}
}
@media (max-width: 440px) {
	#topBanner_main .bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv .banner_button{
		margin-top: 0px;
	}
}
@media (max-width: 390px) {
	.banner_section #topBanner_side .banner_content{
		margin-top: 0px;
	}
	.banner_section #topBanner_side .banner_content .banner_content_main{
		font-size: 14px;
		display: block;
	}
	.banner_section #topBanner_side .banner_button{
		margin-top: 10px;
	}
}
@media (max-width: 370px) {
	.bannerInContent#topBanner .sub_title{
		font-size: 10px;
	}
}


/* ------- 콘텐츠 화면 상단 배너 변경: end ---------- */





























  /* ============= new (250116) ================= */
.twoBanner.bannerInContent{
	margin-top: 40px;
	margin-bottom: 40px;
}


#body .titleAndBookmark{
	display: flex;
	justify-content: space-between;

	margin: 0px;
	margin-bottom: 14px;
}



.titleDiv{
	width: calc(100% - 25px - 10px);
}

#title{
	color: #111111;
	text-align: left;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 600;
	position: relative;

	margin: 0px;
}


#title .public{
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
	padding: 5px 10px;
	border-radius: 50px;
	vertical-align: 3px;
	margin-left: 6px;

	white-space: nowrap;
}


#title .public.public_0{
	background: var(--public0-color);
}
#title .public.public_5{
	background: var(--public5-color);
}
#title .public.public_10{
	background: var(--public10-color);
}
#title .public.public_15{
	background: var(--public15-color);
}


#body .titleDiv .typeButton{
	display: inline-block;
	margin-bottom: 5px;
}





.titleAndBookmark .bookmark_not, .titleAndBookmark .bookmark_checked{
	width: 25px;
	height: 25px;
	/* height: auto; */
	position: relative;
	overflow: visible;
}

.titleAndBookmark .bookmark_not svg, .titleAndBookmark .bookmark_checked svg{
	width: 25px;
	height: 25px;
}

.titleAndBookmark .bookmark_not:hover, .titleAndBookmark .bookmark_checked:hover{
	cursor: pointer;
}

#body .imgSpan{
	margin-left: 4px;
	display: inline-flex; /* 추가 */
	vertical-align: middle; /* 텍스트와 수직 정렬 */
	padding-bottom: 3px;

}
#body .imgSpan .iconText {
	background: #ee730f;
	border-radius: 50%;
	width: 26px;
	height: 26px;

	padding: 0px;

	display: inline-flex;
    justify-content: center; 
    align-items: center; 

	color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
	position: relative;
}

#body .imgSpan .iconText.UIcon {
	background: #ff069b;
}

.cateAndTopicFlexInContent{
	gap: 10px;
}

.cateAndTopicFlexInContent .cateAndTopicInContent{
	width: calc(100% - 20px - 10px);
}
.cateAndTopicFlexInContent .cateAndTopicInContent.no_viewMore{
	width: 100%;
}

.cateAndTopicFlexInContent #categories .categories{
	gap: 6px;
}
#body .cateAndTopicFlexInContent .topics.cateAndTopic{
	gap: 6px;
}
#categories2 .cateAndTopic, .cateAndTopicFlexInContent #categories .categories, .cateAndTopicFlexInContent #categories .topics{
	margin-top: 0px;
}
#categories2 .label, .cateAndTopicFlexInContent #categories .categories .label, .cateAndTopicFlexInContent #categories .topics .label{
	margin-right: 0px;
	margin-top: 0px;
}
#body .label.cateLabel{
	border-radius: 20px;
	padding: 2px 9px 2px 9px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;

	color: #ffffff;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
	position: relative;
}
#body .label.cateLabel.bookLabel{
	background: #50adb2;
}
#body .label.cateLabel.topicLabel{
	background: #76ba7e;
}

#body #categories {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 8px;
}
#body .categories .category_one{
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 400;
	position: relative;

	color: #50adb2;
}

#body .topics .topic_one{
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 400;
	position: relative;

	color: #76ba7e;
}
.cateAndTopicFlexInContent #dil, #categories2 #dil{
	margin-right: 4px;
	margin-left: 4px;
}
.dateDiv #dil, #date #dil{
	margin-right: 6px;
	margin-left: 6px;
}

.cateAndTopicFlexInContent .foldInContent, .cateAndTopicFlexInContent .foldInContent.active{
    /* width: 88px;
	margin-left: 5px; */
	text-align: center;
}
.cateAndTopicFlexInContent .foldInContent svg{
	transition: transform 300ms ease-in-out;
}
.cateAndTopicFlexInContent .foldInContent.active svg{
	transform: rotate(180deg);
}
.cateAndTopicFlexInContent .foldInContent:hover{
	cursor: pointer;
}

#content{
	display: flex;
	justify-content: space-between;
	gap: 58px;
}
#content #toc-container{
	width: 350px;
	margin-top: 0px;
	padding: 0px;
}
#content #hide-container{
	width: 350px;
	padding: 0px;
	z-index: -999999;
}
#body #text-container{
	width: calc(100% - 350px - 58px);
}
#body #text-container.col-md-12{
	width: 100%;
}

#body .well{
	background-color: var(--white-color);
}
#body #toc-container div.well{
	margin: 72px 0px 0px 0px;
	padding-top: 0px;
	padding: 0px;
}
#body #toc-container.fixed div.well{
	margin-top: 0px;
}

#body #text-container div.well{
	margin: 12px 0px 0px 0px;
	padding-top: 0px;
	padding: 0px;
}

#body .dateDiv{
	margin-bottom: 40px;
}
#body .dateDiv #date{
	color: #767676;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 400;
	position: relative;
}










/* ----- #toc ---- */

#toc-container .gmd-block {
	font-family: var(--font-family) !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 14px;

	color: #111111;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 400;
}

#toc>div>a{
	/* color: #111111; */
}
#toc>.gmd-toc.gmd-block a:hover{
	color: #767676;
}
.gmd-toc4, .gmd-toc5, .gmd-toc6, .gmd-toc7{
	color: #767676;
}
#toc>.gmd-toc.gmd-block a.gmd-toc2:hover, #toc>.gmd-toc.gmd-block a.gmd-toc3:hover{
	color: #111111;
}

#toc>.gmd-toc.gmd-block a{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.gmd-toc2 {
	background: #f6f7fa;
	border-radius: 12px;
	border-style: solid;
	border-color: transparent;
	border-width: 0px 0px 1px 0px;
	padding: 10px;
	position: relative;


	color: #111111;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 500;

	text-decoration: none;
}

.gmd-toc2:before {
	content: "\«"; 

	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	margin-right: 8px;
	line-height: 22px;


	/* 기호를 살짝 위로 올림 : inline 아닐 때*/
	display: block;
	position: relative;
	top: -1px;
	text-decoration: none; /* ::before에 밑줄 방지 */

	/* 기호를 살짝 위로 올림 : inline 인 경우*/
	/* display: inline-block; */
	/* vertical-align: 1px;*/
}

.gmd-toc2:hover::before{
	display: inline-block;
	text-decoration: none !important;

}

.gmd-toc3 {
	display: block;
	padding-left: 28px;
}

.gmd-toc4 {
	display: block;
	padding-left: 35px;
}

.gmd-toc4:before {
	content: "\•"; 
	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	margin-right: 8px;

	/* 기호를 살짝 위로 올림 : inline 아닐 때*/
	display: block;
	position: relative;
	top: -1px;
}


.gmd-toc5 {
	display: block;
	padding-left: 50px;
}
.gmd-toc5:before {
	content: "\-"; 
	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	margin-right: 8px;

	/* 기호를 살짝 위로 올림 : inline 아닐 때*/
	display: block;
	position: relative;
	top: -1px;
}

.gmd-toc6 {
	display: block;
	padding-left: 65px;
}

.gmd-toc6:before {
	content: "\•"; 
	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	margin-right: 4px;

	/* 기호를 살짝 위로 올림 : inline 아닐 때*/
	display: block;
	position: relative;
	top: -1px;
}

.gmd-toc7 {
	display: block;
	padding-left: 80px;
}
.gmd-toc7:before {
	content: "\-"; 
	font-family: "Roboto", "Spoqa Han Sans", 'Noto Sans KR', "나눔고딕코딩", "NanumGothicCoding",  "Pretendard-Regular", "sans-serif", "Arial", "Courier New", "monospace" !important;
	margin-right: 4px;

	/* 기호를 살짝 위로 올림 : inline 아닐 때*/
	display: block;
	position: relative;
	top: -1px;
}





/* 250203 */
.gmd-block ul {
	margin-left: 22px;
	margin-bottom: 0px;
	list-style: disc;
}
.gmd-block ul ul {
    list-style-type: circle;
}
.gmd-block ul ul ul {
	list-style-type: square;
}


.gmd-block ol {
	margin-left: 24px;
	margin-bottom: 0px;
	list-style-type: decimal;
}



.admin_edit_btn{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#edit{
	
}



/* ---- 개정 이력 ------ */
.histories_box{
	margin-bottom: 40px;
}

.histories_box .box_title{
	background: #ced5e9;
	border-radius: 16px 16px 0px 0px;
	padding: 12px 24px 12px 24px;
	/* height: 44px; */
	position: relative;

	display: flex;
	justify-content: space-between;
	align-items: center;
}

.histories_box .box_title .title_content{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2px;

	color: #455bb7;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 600;
	position: relative;
}

.histories_box .box_title .title_content .huge-icon{
	display: flex;
	justify-content: center;
	align-items: center;
}

.histories_box .box_title .arrow_icon{
	display: flex;
	justify-content: center;
	align-items: center;
}

.histories_box .box_content{
	border-radius: 0 0 16px 16px;
	border-style: solid;
	border-color: #ced5e9;
	border-width: 1px;
	border-top: none;
	position: relative;
}
#body #text-container #histories{
	margin: 0px;
}

#body #text-container #histories .history{
	padding: 10px 24px;
	margin: 0px;
	border-top: 1px solid #ced5e9;
	display: none;
}

#body #text-container #histories .history:first-child{
	border-top: none;
	display: block;
}

#body #text-container .histories_box.open #histories .history{
	display: block;
}
#body #text-container .histories_box .arrow_icon:hover{
	cursor: pointer;
}
#body #text-container .histories_box .arrow_icon svg {
    transition: transform 0.3s ease-in-out; /* 회전 애니메이션 */
}
#body #text-container .histories_box.open .arrow_icon svg{
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out; /* 부드러운 회전 애니메이션 */
}


#body #text-container #histories .history .versionText_div{
	border: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2px;
	margin-left: -5px;
}
.versionText{
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 600;
	
	margin-bottom: 0px;
}

.now_content{
	border-radius: 4px;
	border-style: solid;
	border-color: #f20000;
	border-width: 1px;
	padding: 1px 6px 1px 6px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;

	color: #f20000;
	text-align: left;
	font-size: 10px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
	position: relative;

	margin-left: 3px;
}




.originUpdate{
	color: #8645b7;
}

.majorUpdate{
	color: #DD960F;
}

.minorUpdate{
	color: #50adb2;
}

.historyInfo{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}
.historyInfo .dates{
	color: #767676;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 400;
	position: relative;
}

.historyInfo a.viewContent{
	all: unset;
	background: #767676;
	border-radius: 6px;
	padding: 4px 8px 4px 8px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;

	color: #ffffff;
	text-align: left;
	font-size: 11px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
	position: relative;
}

.historyInfo a.viewContent:hover{
	text-decoration: none;
	cursor: pointer;
}

/* .historyInfo .dates .date_accessed, .historyInfo .dates .created{
	width: 65px;
	display: inline-block;
} */



/* changelog 2줄 처리 */
.history .well.well2 .changelog{
	color: #111111;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 400;
	position: relative;


	height: 40px;
    min-height: 40px;

    overflow: hidden;
    width: 100%;
}

/* 
#body .history .well.well2 {
	height: 122px;
	min-height: 122px !important;
}
#body .history .well.well2.open {
	height: 100%;
	min-height: 122px !important;
} */


#body .history .well.well2.viewMore .changelog{
	height: 100%;
	min-height: 40px;
}

.viewMoreBtn{
	color: #767676;
}










/* 하단 탭(관련/최신/인기) */
.other_contents_list .positionRelative{
	border: none;
}

.other_contents_list .nav-tabs>li>a{
	color: #111111;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
}

.other_contents_list .nav-tabs>li>a:hover{
	color: #455bb7;
	border-color: white;
	background-color: transparent;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color: #455bb7;
	border: none;
	border-bottom: 2px solid #455bb7;
	margin-bottom: 0px;
}








/* 관련 콘텐츠 */
.other_contents_list #categories2{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.other_contents_list #categories2 .categories, .other_contents_list #categories2 .topics{
	gap: 6px;
}

#categories2 #dil {
    color: #999;
}

#categories2 .categoriesSpan.selected{
	font-weight: 500;
}

.other_contents_list .content_list_ul a span.currentContentSpan{
	/* color: white;
    border: 1px solid red;
	background-color: red;
	padding: 2px 2px;
	font-weight: 500;
	font-size: 12px; */


	border-radius: 4px;
    border-style: solid;
    border-color: #f20000;
    border-width: 1px;
    padding: 2px 8px 2px 8px;
    position: relative;

    font-size: 12px;
    line-height: 140%;
    letter-spacing: -.025em;
    font-weight: 500;
    position: relative;
    margin-left: 3px;

}
.other_contents_list .content_list_ul a span.public{
	border-radius: 20px;
	padding: 2px 8px 2px 8px;
	position: relative;

	color: #ffffff;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
	position: relative;
}
.other_contents_list .content_list_ul a span.public_0{
	border: 1px solid var(--public0-color);
	background-color: var(--public0-color);
}
.other_contents_list .content_list_ul a span.public_5{
    border: 1px solid var(--public5-color);
	background-color: var(--public5-color);
}

.other_contents_list .content_list_ul a span.public_10{
    border: 1px solid var(--public10-color);
	background-color: var(--public10-color);
}

.other_contents_list .content_list_ul{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 8px;
	padding: 15px 15px 12px 15px;
}

.other_contents_list .content_list_ul li a{
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;

	color: #111111;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
}

.other_contents_list ol.content_list_ul{
	list-style: none;
}


.etc_btns{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}

#commentsInResult .commentsSwitchBtn, #commentsInResult .shareBtn{
    border: none;
    outline: none;

	background: #ffffff;
	border-radius: 12px;
	border-style: solid;
	border-color: #111111;
	border-width: 1px;
	padding: 10px 12px 10px 12px;

	display: flex;
	flex-direction: row;
	gap: 2px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;

	color: #111111;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
	position: relative;
}

.other_contents_list .tab-pane{
    border-top: 1px solid #d9d9d9;
    border-bottom: none;
}




/* 공유하기 */
.share-container {
  position: relative;
  display: inline-block;
}

.share-tooltip {
	position: absolute;
	top: calc(100% + 20px);
	left: 50%;
	transform: translateX(-50%); 

	background: #ffffff;
	border-radius: 24px;
	padding: 59px 40px 59px 40px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);

	display: flex;
	flex-direction: column;
	gap: 20px;

	z-index: 2147483641 !important;

	padding: 30px;

	width: 324px;
	box-sizing: border-box;
  }

  .share-tooltip .share_title{
	color: #111111;
	text-align: center;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 600;
  }
  .share-tooltip .share_buttons{
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	row-gap: 20px; /* 행 간 간격 설정 */

	width: 264px;
	flex-wrap: wrap;
	
  }

  
  .share-tooltip button {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	text-align: center;
	gap: 6px;
	width: 60px;

	color: #767676;
	text-align: center;
	font-size: 13px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 400;
	position: relative;
	align-self: stretch;

  }
  
  .share-icon {
	width: 40px;
	height: 40px;
  }
  
  .share-icon img {
	width: 100%;
	height: 100%;
  }
  
  .share-tooltip span {
	font-size: 14px;
	color: #333;
  }
  
  .share-tooltip button:hover span {
	color: #455bb7; 
  }




 




  /* 하단 책 배너 */
  .bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
	/* width: 80%; */
	width: auto;
	height: 165px !important;
  }


  

  /* 콘텐츠 하단 고정 버튼 */

  #fixed_buttons{
	position: fixed;
	bottom: 30px;
	right: 30px;

	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	z-index: 9999;
  }

  .black_btns{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 4px;
  }


  /* 위로가기 버튼 */
  #moveTop{  
    z-index: 2147483640 !important;

    /* position: fixed;
    bottom: 30px;
    right: 30px; */

    border-radius: 50px;
    width: 52px;
    height: 52px;
    overflow: hidden;

    fill: #FFF;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.10));
}

  /* 메모 버튼 */

#memoFixedBtn_div {
	/* position: fixed;
	bottom: 30px;
    right: 90px; */
    z-index: 2147483640 !important;
}

#memoFixedBtn_div .memoFixedBtn_a:hover {
    text-decoration: none;
    cursor: pointer;
}

#memoFixedBtn_div .btn_text {
	padding: 15px;
	background: #111111;
	border-radius: 100px;
	height: 52px;
	position: relative;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);


	color: #ffffff;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	font-weight: 500;
}


#memoFixedBtn_div .btn_text .count{
	box-sizing: border-box;

	position: absolute;
	top: -15px;
	right: 0;
	padding: 5px 12px;
	border-radius: 50px;
	background: rgb(255, 68, 68);

	min-width: 22px;
	min-height: 22px;

	color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.025em;
	font-weight: 500;
}


/* 목차 버튼 */

#toc_link {
    /* position: fixed;
    bottom: 34px;
	right: 160px; */

    display: none;

    z-index: 2147483640 !important;

	width: 52px;
	height: 52px;

	background: #111111;
	border-radius: 50px;
	flex-shrink: 0;
	/* width: 42px;
	height: 42px; */
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
	transform-origin: 0 0;

	position: relative;

	overflow: hidden;
}

#toc_link svg {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: visible;
}

#toc_link a:hover {
	text-decoration: none;
}

#toc_link .well {
	padding: 15px 10px 15px 10px;
	text-align: center;
	color: #fff;
	background-color: #2969B0;
	width: 52px;
	height: 52px;
	line-height: 28px;
	border-radius: 50%;
	font-weight: 500;
}

#toc_link .well strong{
	font-weight: 600;
}



/* pc화면 버튼 */
#pc_modeBtn {
    /* position: fixed;
    bottom: 0px;
	right: 210px; */

	width: 52px;
	height: 52px;

	position: relative;
	background: #111111;

	border-radius: 50px;
	flex-shrink: 0;
	/* width: 42px;
	height: 42px; */
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
	transform-origin: 0 0;

    z-index: 2147483640 !important;
}

#pc_modeBtn svg {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: visible;
}

#pc_modeBtn:hover {
    text-decoration: none;
    cursor: pointer;
}
/* 
#pc_modeBtn:hover .btn_text{
    background-color: #A845A4;
    color: #ffffff;
}

#pc_modeBtn .btn_text {
    padding: 10px 10px 12px 10px;
    text-align: center;
    vertical-align: middle;
	width: 60px;
	height: 60px;
	border-radius: 50%;
    font-weight: 500;
    background-color: rgb(171, 88, 168);
    color: #ffffff;
}

#pc_modeBtn .btn_text{
    font-weight: 600;
}

#pc_modeBtn.on{
    right: 60px;
	font-size: 250%;
	margin-bottom: 40px;

}
#pc_modeBtn.on .btn_text {
    padding: 20px 30px 70px 30px;
    width: 100%;
    border-radius: 10px;
} */

@media (max-width: 992px) {
	#moveTop{  
		bottom: 34px;
		right: 20px;
	}
	#memoFixedBtn_div {
		bottom: 34px;
		right: 80px;
	}


}











.tabButtonContainer{
	display: flex;
    overflow-x: auto;
    white-space: nowrap;  /* 줄바꿈 방지 */
    -webkit-overflow-scrolling: touch; /* 부드러운 스크롤 */
    scrollbar-width: none; /* Firefox에서 스크롤바 숨기기 */

	justify-content: center; 

	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
	margin-top: 20px;
}

.tabButtonContainer.overflowing{
	justify-content: flex-start;
}




.tabButtonContainer::-webkit-scrollbar {
    display: none; /* Chrome, Safari에서 스크롤바 숨기기 */
}
.tabButtonContainer .tabButton{
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;

	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 19.6px */
	letter-spacing: -0.35px;

	border-radius: 12px;

	white-space: nowrap;

	color: #767676;
	border: 1px solid #767676;
}
.tabButtonContainer .tabButton.active{
	color: #FFF;
	border: 1px solid #455BB7;
	background: #455BB7;
}

.tabTitleContainer{
	text-align: center;
	margin-bottom: 10px;
}
.tabTitleContainer.overflowing{
	text-align: left;
}

.tabTitleContainer .tabTitle{
	color: #111;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 19.6px */
	letter-spacing: -0.28px;

	margin-top: 0px;
    margin-bottom: 0px;
}

























/* 반응형 new 250124 */
ol.gmd-reference{
    list-style-type: decimal;
} 
ul.gmd-reference{
	list-style-type: disc;	
}
#pc_modeBtn .btn_text{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pc_modeBtn .btn_text i{
	font-size: 23px;
	color: white;
}

@media (max-width: 1200px) {
	#content{
		gap: 35px;
	}
	#content #toc-container, #content #hide-container{
		width: 280px;
	}
	#body #text-container{
		width: calc(100% - 280px - 35px);
	}
}
@media (max-width: 992px) {
	#content{
		flex-direction: column;
	}
	#content #toc-container{
		width: 100%;
		margin-top: 32px !important; 
	}
	#body #toc-container div.well{
		margin-top: 0px;
	}
	#content #hide-container{
		display: none;
	}
	#body #text-container{
		width: 100%;
	}

}
@media (max-width: 880px) {
	.twoBanner{
		gap: 10px;
	}
	.twoBanner .banner_column{
		width: 100%;
		/* max-height: 180px; */
	}

	.twoBanner .banner_column img{
		/* max-height: 180px; */
	}
}

@media (max-width: 660px) {
	#bottomBanner.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 30%;
		margin-left: 3%;
		margin-right: 3%;
	}
	#bottomBanner.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 30% - 3% - 3%);
	}
	#bottomBanner.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		padding: 10px;
	}
}
@media (max-width: 500px) {
	#bottomBanner.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv{
		width: 110px;
		margin-left: 30px;
		margin-right: 30px;
	}
	#bottomBanner.bannerInContent li.banner_li a.banner_li_a .banner_noImgDiv{
		width: calc(100% - 110px - 30px - 30px);
	}
	#bottomBanner.bannerInContent li.banner_li a.banner_li_a .banner_imgDiv img{
		padding: 0px;
		height: 140px !important;
	}
}









.viewContent_ref{

}

.fr-view span.inlineStyle_rf.original_rf{
    background-color: #f37934;
    color: white;
    padding: 2px 5px;
    font-size: 14px;
}

.viewContent_ref a{
	color: #333333;
	font-weight: 500;
}
.viewContent_ref .title-text{

}

.viewContent_ref .section-name{
    color: #fff;
    border: 1px solid #455bb7;
    background: #455bb7;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 14px;
    margin-right: 5px;
    font-weight: 400;
}



.viewContent_ref .section-title{
	
}




.dil3{
	margin-right: 3px;
	margin-left: 3px;
}





.imported-version-text{
	color: #50adb2;
	margin-left: 5px;
}
.imported-section-text{
	color: #fff;
    border: 1px solid #455bb7;
    background: #455bb7;
	border-radius: 12px;
	font-size: 12px;
	padding: 3px 5px;
	margin-left: 5px;
}



/* .qbookBanner{
	background-color: #8a45bc;
	height: 160px;
	border-radius: 24px;
}

.qbookBanner.twoBanner a.banner_column{
	width :100%;
	justify-content: center;
}

.qbookBanner.twoBanner a.banner_column img{
	width: 50%;
}


 */






.qbookBanner.twoBanner a.banner_column.banner_qbook_basic{
	background-color: #e0f2f3;
	border-radius: 0 24px 24px 0;

	display: flex;
	padding: 20px;
	height: 160px;
}

.qbookBanner.twoBanner a.banner_column.banner_qbook_basic .banner_imgDiv{
	width: 150px;
}

.qbookBanner.twoBanner a.banner_column.banner_qbook_basic .banner_imgDiv img{
	height: 130px;
}

.qbookBanner.twoBanner a.banner_column.banner_qbook_basic .banner_noImgDiv .banner_button {
    display: inline-block;
    background-color: #127d83;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    width: 50%;
    vertical-align: middle;
    margin-top: 10px;
}







#categories2 .categoriesSpan.level_1.inActive, .categoriesSpan.currentContent.inActive{
    color: #c9302c;
}