body {
  overflow-x: hidden;
}

#dimodePage { display: inline-block; position: relative; width: 100%;}
#dimodePage .page-content { }
#dimodePage .page-actions { padding: 30px 0; text-align: right; }
#dimodePage .dimode-theme { position: relative; }
#dimodePage .dimode-sort { position: relative;  }  /*----김정란이 적용 20240911  display: flex; flex-wrap: wrap;---*/
#dimodePage .dimode-component { position: relative; }
#dimodePage .dimode-component .dimode-unit[data-type=widget] { display: none; }
#dimodePage .dimode-component .component-wing { background: #eee; width: 300%; height: 100%; position: absolute; top: 0; left: -100%; }


/*-----------------------------------김정란이 적용 5열 7열 ------------------------------------*/

.valign{display: flex;flex-direction: column;justify-content: center;align-items: center; text-align: center;}
.valign_c{display: flex;flex-direction: column;justify-content: center;align-items: center; text-align: center;}
.valign_r{display: flex;    justify-content: flex-start;    align-items: center;    text-align: right;    flex-direction: row-reverse;    flex-wrap: nowrap; padding-right: 2.1vw;}
.valign_l{    display: flex;    justify-content: flex-end;    align-items: center;    text-align: left;    flex-direction: row-reverse;    flex-wrap: nowrap; padding-left: 2.1vw;}

.ti_1{padding-left: 1.0rem; text-indent:-1.0rem ; } /*인라인블럭에 적용됨ex) p */
.ti_2{padding-left: 2.0rem; text-indent:-2.0rem ; }
.ti_3{padding-left: 3.0rem; text-indent:-3.0rem ; }
.ti_4{padding-left: 4.0rem; text-indent:-4.0rem ; }

.carousel-inner>.item> img{margin: 0 auto; width:100%;}
.direct-popup .manager .dragger{font-size: 14px;}

#dimodePage #componentStyleModal table th{font-size: 14px;}
#dimodePage .style-check{font-size: 14px;}
#dimodePage label{font-size: 14px;}
#dimodePage label{font-size: 14px;}
.dimode-modal .left-area .category .each-category{font-size: 14px;}
.modal-footer{font-size: 14px;}
.year td{text-align: left;}
#slideEditor .slide_title{font-size: 14px;}

#boardSettingForm{	font-size: 13px !important}
blockquote{font-size:unset;}

	/* PC (해상도 1024px)
	html, body { font-size:16px;}        CMS홈페이지 관리자>설정>기본설정에서 각각적용함 */



	/*폰트사이즈 */
	.font-5xl{ font-size:2.75rem; }
	.font-4xl{ font-size:2.2rem; }/* title1*/
	.font-3xl{ font-size:1.8rem; }
	.font-2xl{ font-size:1.5rem; }
	.font-xl{ font-size:1.3rem; }
	.font-l{ font-size:1.2rem; }
	.font-m{font-size:1.1rem; }/*본문*/
	.font-d{font-size:1rem; }/*본문*/
	.font-s{font-size:0.9rem; }
	.font-xs{font-size:0.8rem; }
	.font-2xs{font-size:0.7rem;} 

	.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 { width: 20%; }
	.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; }



	/*유튜브 영상 처리 start*/
	.Video_Box{width:100%;} 
	.embed-youtube { position: relative; width: 100%; height: 0; padding-bottom: 56.25%;	}
	.embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;

	} /*유튜브 영상 처리end*/




	#directPopup .video-container video{    max-width: 900px;} /*mp4영상*/
	.video-container video{  } /*mp4영상*/
/*와이드 컴포턴트 s*/
.dimode-component-WIDE{width: 100vw; margin-left: calc(-50vw + 50%); background-color: #f9f9f9;  }

/*와이드 컴포턴트 e*/

	@media(max-width:1023px) {/* 타블렛 가로형 sm*/
	html, body { font-size:16px; }
	#directPopup .video-container video{    max-width: 100% !important;    width: 100% !important;}/*mp4영상*/
	.video-container video{    max-width: 100% !important;    width: 100% !important;}/*mp4영상*/
	.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 { width: calc( 100% / 5 ); }
	.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: calc( 100% / 7 ); }


	}
	@media(max-width:767px) {/* 타블렛 세로형 xs */

 html, body { font-size:15px; }
 #directPopup .video-container video{    max-width: 100% !important;    width: 100% !important;}/*mp4영상*/
 .video-container video{    max-width: 100% !important;    width: 100% !important;}/*mp4영상*/

 .font-5xl{ font-size:2.2rem; }
 .font-l{ font-size:1.2rem;  }
 .font-s{font-size:1rem; }
 .font-xs{font-size:1rem; }
 .font-2xs{font-size:0.9rem; } 

 .content >.container{/*padding-right:0px; padding-left: 0px;*/}/*이거이거 확인해야함 스크롤이 생기기도함*/ 

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{}

	 .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 { width: calc( 100% / 2 ); }
	 .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: calc( 100% /4 ); }
	 .Video_Box{max-width:100%;}
 }
	@media(max-width:467px) { /*모바일*/
 html, body { font-size:14px; }
 #directPopup .video-container video{    max-width: 100% !important;    width: 100% !important;}/*mp4영상*/
 .video-container video{    max-width: 100% !important;    width: 100% !important;}/*mp4영상*/
 .font-s{font-size:1rem; }
 .font-xs{font-size:1rem; }
 .font-2xs{font-size:1rem; } 

	 .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 { width: 100%; }
	 .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 100%; }
	}