/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*lnb*/
@media all and (max-width: 3200px) { 

		.lnb { background: #FFFFFF; border: 1px solid #d0d4d6; border-width: 1px 0; margin-bottom: 40px; }
		.lnb .container { padding: 0; font-size: 16px; line-height: 1.3em;  border-right:1px solid #d0d4d6 !important;height:50px;border-bottom: 1px solid #d0d4d6 !important}
		.lnb .container:after { content: ''; display: block; clear: both; }
		.lnb .container > a { display: block; float: left; width: 60px; height: 50px !important; background: url("/images/icon_homenew.png") no-repeat center; border: 1px solid #d0d4d6; border-width: 0 1px; }
		.lnb .home {  }
		.lnb .container ul { float: left; list-style:none}

		.lnb .container ul > li:first-child { float: left; width: 190px !important; position: relative; border-right:1px solid  #d0d4d6  !important;}
		.lnb .container ul > li { float: left; width: 240px !important; position: relative; border-right:1px solid  #d0d4d6  !important;}


		.lnb .container ul > li > a { 
			border:0px solid blue !important;
			height:50px !important;
			display: block; 
			font-size: 16px; 
			color: #414141; 
			font-weight:300;
			background: url("/images/icon_lnb_down.png") no-repeat right 15px center; 
			border-right: 1px solid #d0d4d6; 
			line-height: 50px; 
			padding: 0 30px 0 15px; 
			}
		.lnb .container ul > li > a:visited { height:50px !important;display: block; font-size: 16px; color: #414141; font-weight:300;padding-right: 40px; background: url("/images/icon_lnb_down.png") no-repeat right 15px center; border-right: 1px solid #d0d4d6; line-height: 50px; padding: 0 30px 0 15px; }
		.lnb .container ul > li > a.no_back {background: none;}
		.lnb .container ul > li > a.line2 {line-height: 20px; padding: 4px 30px 6px 15px; }
		.lnb .container ul > li > span { display: block; font-size: 16px; color: #333; padding-right: 30px; border-right: 1px solid #d0d4d6; line-height: 50px; padding: 0 40px 0 20px; }


		/*서브네비게이션*/
		.lnb .container ul > li ol {list-style:none;display:none; position: absolute; left: -1px; top: 50px; width: calc(100% + 1px); z-index: 5; background: #FFFFFF; -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); }
		.lnb .container ul > li ol li a { display: block; padding: 12px 20px; border: 1px solid #d0d4d6; border-top: none;font-size:16px; color:#414141 !important }
		.lnb .container ul > li ol li a:visited { display: block; padding: 12px 20px; border: 1px solid #d0d4d6; border-top: none;font-size:16px; color:#414141 !important }
		.lnb .container ul > li ol li:first-child a { border-top: 1px solid #d0d4d6; color:#414141 !important}
		.lnb .container ul > li ol li a:hover { background: #3366ff; color: #fff !important }
		.lnb .container ul > li.active > a { background: #FFFFFF url("/images/icon_lnb_up.png") no-repeat right 15px center; color: #414141;font-weight:bold }
		.lnb .container ul > li.active > a.no_back { background: none; }

}

@media all and (max-width: 520px) { 
		.lnb .container ul > li:first-child { float: left; width: 140px !important; position: relative; border-right:1px solid  #d0d4d6  !important;}
		.lnb .container ul > li { float: left; width: 170px !important; position: relative; border-right:1px solid  #d0d4d6  !important;}

}




/* 공통안내배너버튼 */
.subbannerButton1 { 
	display: inline-block;width: 220px; height: 64px;line-height: 64px; border-radius: 10px;background: #003399; margin-top: 20px;font-size:18px;font-weight:500;color:#FFF
}

.subbannerButton2 {
	margin-left:15px;display: inline-block;width: 220px; height: 64px;line-height: 64px; border-radius: 10px;background: #FFF; margin-top: 20px;font-size:18px;font-weight:500;color:#000
}

/* 우측 교육문의 고정배너 */
#gotoTopMoon {
	text-align:center;position:fixed;right:30px;bottom:100px;width:150px;border:0px solid red;backgound-color:#fff;	
}
   

/* input box */
/*select input box */
.commonInputBox100 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:99% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox90 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:89% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox80 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:79% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox70 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:69% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox60 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:59% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox50 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:49% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox30 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:29% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox20 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:19% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonInputBox10 {border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:10% !important;-webkit-appearance: none; -webkit-border-radius: 0;}
.commonSelectBox {border:1px solid #CCCCCC;height:42px;padding:4px 15px;-webkit-appearance: none; -webkit-border-radius: 0;background-color:#FFF !important;color:#000 !important}


input[type="text"]:focus {background-color: #FFF;transition: 0.5s;border:2px solid #0066cc;box-shadow: 0px 1px 8px  rgba(0, 0, 0, 0.3);}

/* checkbox  custom*/
input[type="checkbox"] { 
	width:20px;height:20px;background: url("/images/nocheck.png") no-repeat;background-size: contain;
	border:1px solid #CCC !important;   
	-webkit-appearance: none;
   -webkit-border-radius: 0;
   }
input[type="checkbox"]:checked { 
	width:20px;height:20px;background: url("/images/checked.png") no-repeat;background-size: contain;
	-webkit-appearance: none;
   -webkit-border-radius: 0;	
	}

      label[for="chk1"] {
        position: relative;
        top: -3.5px;
		font-size:16px;
		font-weight:300;
      }
      label[for="chk2"] {
        position: relative;
        top: -3.5px;
		font-size:16px;
		font-weight:300;
      }


/* checkbox  custom*/
input[type="radio"] { 
	width:20px;height:20px;background: url("/images/noselect.png") no-repeat;background-size: contain;
	border:0px solid #CCC !important;   
	-webkit-appearance: none;
   -webkit-border-radius: 0;
   }
input[type="radio"]:checked { 
	width:20px;height:20px;background: url("/images/selected.png") no-repeat;background-size: contain;
	border:0px solid #CCC !important;   
	-webkit-appearance: none;
   -webkit-border-radius: 0;	
	}

      label[for="rdo1"] {
        position: relative;
        top: -3.5px;
		font-size:16px;
		font-weight:300;
      }
      label[for="rdo2"] {
        position: relative;
        top: -3.5px;
		font-size:16px;
		font-weight:300;
      }



/* 정렬  */
.alignL {text-align:left !important}
.alignC {text-align:center !important}
.alignR {text-align:right !important}


/*bordering*/
.borderC {border:1px solid #CCC}
.borderD {border:1px solid #DDD}
.borderE {border:1px solid #EEE}

.borderCR {border:1px solid #CCC;border-radius:18px}
.borderDR{border:1px solid #DDD;border-radius:18px}
.borderER {border:1px solid #EEE;border-radius:18px}

/*img rounding */
.imground { width:100px;height:100px;border-radius:20%}


/* 마진 , 패딩*/
.marginT10 {width:100%;margin-top:10px;}
.marginT20 {width:100%;margin-top:20px;}
.marginT30 {width:100%;margin-top:30px;}
.marginB10 {width:100%;margin-bottom:10px;}
.marginB20 {width:100%;margin-bottom:20px;}
.marginB30 {width:100%;margin-bottom:30px;}
.paddingT10 {width:100%;margin-top:10px;}
.paddingT20 {width:100%;padding-top:20px;}
.paddingT30 {width:100%;padding-top:30px;}
.paddingB10 {width:100%;padding-bottom:10px;}
.paddingB20 {width:100%;padding-bottom:20px;}
.paddingB30 {width:100%;padding-bottom:30px;}


/* 볼드 */
.boldR {font-weight:700;color:#ff0000;display:inline-block;padding-right:4px}
.boldB {font-weight:700;color:#0066ff;display:inline-block;padding-right:4px}
.boldG {font-weight:700;color:#009966;display:inline-block;padding-right:4px}
.boldT {font-weight:700;color:#0f7979;display:inline-block;padding-right:4px}
.boldK {font-weight:700;color:#000000;display:inline-block;padding-right:4px}


/*컨텐츠 가로 / 세로 중간정렬 부모요소 position : relative 필요,
css에선 자식이 부모를 선택할수 없음, jquery. paraent()로 가능*/
.CenterMiddleWrap {position:relative;width:auto;}
.CenterMiddle {
	position: absolute;left: 50%;top: 50%; 
	transform: translate(-50%,-50%);text-align:center;
	}

/* auto cut str  single line*/
.autoCutstr {
    display: inline-block;
	width:calc(100% - 20px);
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space: nowrap !important; /* 줄바꿈하지않는다 - 한줄 유지*/
}

/* auto cut str  multi line*/
.autoCutstrMulti {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: 1.4 !important;
        height: 2.8em !important;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2 ;
        -webkit-box-orient: vertical;
}

/*페이징 블럭 */
.pagingDiv {width:100%;margin-top:30px;padding:20px 0;text-align:center}


 /*검색결과 */
.searchkeywordWrap {font-size:20px;width:auto;margin-top:10px;border-bottom:1px solid #EEEEEE;padding:10px 0 20px 0;text-align:center}
.keywordbold {font-weight:700;font-size:20px}
.searchresultWrap {width:auto;margin-top:10px;border-bottom:1px solid #EEEEEE;padding:10px}
.searchresult_url {width:auto;padding:8px 0;font-size:14px}
.searchresult_subject {padding:8px 0;color:#0066ff !important;font-size:18px;font-weight:500;overflow:hidden;width:90%;border:0px solid red;text-overflow:ellipsis}
.searchresult_desc {width:auto;padding:8px 0}
.searchresult_regdate {width:auto;padding:8px 0;font-size:14px}


/* 회원가입_div 스크롤박스 */
.agreeBox {
	width:100%;
	padding: 20px;
    height: 133px;
    background: #f9f9f9;
    overflow-y: scroll;
    line-height: 170%;
    color: #888;}

/* 각각항목들 박스 */
.memberTextarea {padding:15px;line-height:170%;font-size:14px;width: 100%;height: 120px; margin-top:8px;border:1px solid #EEEEEE;color: #888;}

.noresize { 
	resize: none; /* 사용자 임의 변경 불가 */
	resize: both; /* 사용자 변경이 모두 가능 */
	resize: horizontal; /* 좌우만 가능 */
	resize: vertical; /* 상하만 가능 */
  }

.formRowWrap  input:focus {
	outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}


	}

/*float*/
.float-left { float: left; }
.float-right { float: right; }

/*position*/
.por { position: relative; }
.poa { position: absolute; }

/*table resouce */
.tblLine {height:1px !important;padding:0;margin:0;background-color:#EEE}
.leftHeader {padding-left:20px;font-weight:700}
.pilsu {font-weight:700;color:red;display:inline-block;padding-left:4px;font-size:18px}

/* 안내텍스트 */
.guidetext {border:0px solid red;display: inline-block; line-height: 20px; margin-top: 8px; padding-left: 26px;
    font-size: 14px; font-weight: 400; color: #7a7a7a;background: url('/images/icon_guide.png') no-repeat 0 0;
	letter-spacing: -0.02em;background-size: auto 18px;
	}

/* 에러 및 안내텍스트 */
.errortext {
	border:0px solid red;display: inline-block;line-height: 20px;margin-top: 8px; padding-left: 26px;font-size: 13px;
    font-weight: 400;color: #f7444e;background: url('/images/icon_warn.png') no-repeat 0 0;letter-spacing: -0.04em;
    background-size: auto 18px;
}


  /*tab,  content*/
.tab-contents {width:100%;border:0px solid red !important;margin-top:30px}
.big_tab ul{overflow: hidden; width:50%;margin:0 auto;border:0px solid red}
.big_tab ul li{color:#323131 !important;width: calc(100%/2); box-sizing: border-box; float: left; list-style-type: none; border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom:1px solid #CCC; text-align: center; line-height: 50px;}/*line-height 세로정렬 */
.big_tab ul li > a {color:#323131 !important }
.big_tab ul li:last-child {border-right:1px solid  #CCC;}
.big_tab ul li.activeClass{ font-size: 16px;background-color:#EEEEEE;font-weight:700 !important}
.big_tab ul li.activeClass a{ font-size: 16px;background-color:#EEEEEE;font-weight:700 !important}

@media (max-width:680px){
	.big_tab ul li{letter-spacing:-1;font-size:13px !important;width: calc(100%/2); box-sizing: border-box; float: left; list-style-type: none; border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom:1px solid #CCC; text-align: center; line-height: 50px;}/*line-height 세로정렬 */
	.big_tab ul li.activeClass{letter-spacing:-1; font-size: 13px !important;background-color:#EEEEEE;font-weight:700 !important}
	.big_tab ul li.activeClass a{ letter-spacing:-1;font-size: 13px !important;background-color:#EEEEEE;font-weight:700 !important}
	.headingbox { font-size:20px !important;width:90% !important}
}

.big_tab ul li a:link {color:#323131; !important}
.sm_select {display: none;}
.sm_select select {width:100%; height: 40px; }

.bordertop3px {border-top:3px solid #0099ff !important}
.tab-contents > table {border-collapse:collapse; border:1px #DDD solid;margin:0 auto;}
.tab-contents  table tr {height:50px !important}
.tab-contents  table tr td {padding:10px;border:1px #DDD solid;}
.tab-contents  .boldTD {font-weight:700}
.tab-contents  .boldTDcenter {font-weight:700;text-align:center}
.tab-contents  .boldTDright {font-weight:700;text-align:right}



@media (max-width:400px){
	  .sm_select {display: block;}
	  .big_tab{display: block;}
 }




  /*tab,  content*/
.tab-contents2 {width:100%;border:0px solid red !important;margin-top:30px}
.big_tab2 ul{overflow: hidden; width:100%;margin:0 auto;border:0px solid red}
.big_tab2 ul li{width: calc(100%/4); box-sizing: border-box; float: left; list-style-type: none; border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom:1px solid #CCC; text-align: center; line-height: 50px;}/*line-height 세로정렬 */
.big_tab2 ul li:last-child {border-right:1px solid  #CCC;}
.big_tab2 ul li.activeClass{ font-size: 16px;background-color:#EEEEEE;font-weight:700 !important}
.big_tab2 ul li.activeClass a{ font-size: 16px;background-color:#EEEEEE;font-weight:700 !important}

@media (max-width:680px){
	.big_tab2 ul li{letter-spacing:-1;font-size:13px !important; box-sizing: border-box; float: left; list-style-type: none; border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom:1px solid #CCC; text-align: center;word-break:keep-all !important}/*line-height 세로정렬 */
	.big_tab2 ul li:nth-child(1) {width:23% !important}
	.big_tab2 ul li:nth-child(2) {width:34% !important}
	.big_tab2 ul li:nth-child(3) {width:23% !important}
	.big_tab2 ul li:nth-child(4) {width:20% !important}
	.big_tab2 ul li.activeClass{letter-spacing:-1; font-size: 13px !important;background-color:#EEEEEE;font-weight:700 !important}
	.big_tab2 ul li.activeClass a{ letter-spacing:-1;font-size: 13px !important;background-color:#EEEEEE;font-weight:700 !important}
	.headingbox { font-size:18px !important;width:90% !important;word-break:keep-all !important}

}


.big_tab2 ul li a:link {color:#323131;}
.sm_select2 {display: none;}
.sm_select2 select {width:100%; height: 40px; }

.bordertop3px {border-top:3px solid #0099ff !important}
.tab-contents > table {border-collapse:collapse; border:1px #DDD solid;margin:0 auto;}
.tab-contents  table tr {height:50px !important}
.tab-contents  table tr td {padding:10px;border:1px #DDD solid;}
.tab-contents  .boldTD {font-weight:700}
.tab-contents  .boldTDcenter {font-weight:700;text-align:center}
.tab-contents  .boldTDright {font-weight:700;text-align:right}


.tabTDcenter  {vertical-align:middle;text-align:center}
.tabTDleft  {vertical-align:middle;text-align:left;padding-left:15px}
.tabTDleft10  {vertical-align:middle;text-align:left;padding-left:10px}
.tabTDleftsubject { vertical-align:middle;text-align:left;padding-left:15px;font-weight:700 !important;border-bottom:1px solid #EEEEEE}
.tabTDleftdesc  {vertical-align:middle;text-align:left;padding:12px 0}
.tabTableheader {vertical-align:middle;text-align:center;font-weight:500 !important;background-color: #FFFFFF;padding:5px 0}
.tabTabledata {vertical-align:middle;text-align:center;background-color: #FFFFFF;padding:10px 0}




/*연혁-년도 */
.historyyear {
	vertical-align: middle;
	height:54px !important;
	border:2px solid:#6a6a6a !important;
	text-align:center;
	background-color:#EEEEEE;
	font-size:18px;
	font-weight:700;
	color:#000000;
	border-bottom:2px solid #0099ff !important
	}



/*sub header*/
.subHeader1depth{border:0px solid blue;color: #323131;width: auto;padding: 10px 0; border-bottom: 1px solid #EEEEEE;font-size: 28px;font-weight: 700;display:block;margin-bottom:25px}
.subHeader1depth:not(:first-child) {border:0px solid red;color: #323131;width: auto;padding: 10px 0; border-bottom: 1px solid #EEEEEE;font-size: 28px;font-weight: 700;display:block;margin-bottom:25px;margin-top:25px}
.subHeader2depthfirst {color: #323131;width: auto;padding: 15px 0; font-size: 24px;font-weight: 700;display:block;margin-top:20px;}
.subHeader2depth {color: #323131;width: auto;padding: 15px 0;margin-top:20px;font-size: 24px;font-weight: 700;display:block;margin-top:20px}
.subHeader3depth {color: #323131;width: auto; padding: 15px 0 6px 0;margin-top:0px;font-size: 18px;font-weight: 500;display:block;}

.subHeader3depthBLT1:first-child {border:0px solid red; color: #323131;width: auto; padding:5px 0 5px 35px;margin-top:0px; font-size: 18px;font-weight: 500;display:block;background: url('/images/bullet_arrow.png') no-repeat 0 0;}
.subHeader3depthBLT1 {border:0px solid red; color: #323131;width: auto; padding:5px 0 5px 35px;margin-top:20px; font-size: 18px;font-weight: 500;display:block;background: url('/images/bullet_arrow.png') no-repeat 0 0;}


.subHeader3depthBLT2 {border:0px solid red; color: #323131;width: auto; padding:5px 0 5px 35px;margin-top:0px; font-size: 18px;font-weight: 500;display:block;background: url('/images/bullet_tawon.png') no-repeat 0 0;}
.subHeader3depthBLT3 {border:0px solid red; color: #323131;width: auto; padding:5px 0 5px 35px;margin-top:0px; font-size: 18px;font-weight: 500;display:block;background: url('/images/bullet_circle.png') no-repeat 0 0;}
.subHeader3depthdotG {border:0px solid red;color: #323131;width: auto;padding:5px 0 5px 35px;margin-top:0px; font-size: 18px; font-weight: 500;display:block;background: url('/images/bullet_dotG.png') no-repeat 0 0;}
.subHeader3depthdotB {border:0px solid red;color: #323131;width: auto;padding:5px 0 5px 35px;margin-top:0px; font-size: 16px; font-weight: 300;display:block;background: url('/images/bullet_dotB.png') no-repeat 0 0;}

@media (max-width:500px){
/*.subHeader3depthdotB {border:0px solid red;color: #323131;width: auto;padding:5px 0 5px 35px;margin-top:0px; font-size: 14px; font-weight: 300;display:block;background: url('/images/bullet_dotB.png') no-repeat 0 0;}
*/
}


.noPaddingT{padding-top:0px}

/*둥글린박스*/
.radiusbox {
	line-height:170%;
	border-radius:15px;
	border:1px solid #DEDEDE;
	margin-top:10px;
	padding:15px;
	width:98%;
	font-size:16px !important;
	}

/*형광펜효과*/
.bold_red{background:linear-gradient(to top, #FF0000 50%, transparent 50%)}
.bold_orange{background:linear-gradient(to top, #FF5E00 50%, transparent 50%)}
.bold_yellow{background:linear-gradient(to top, #FFE400 50%, transparent 50%)}
.bold_green{background:linear-gradient(to top, #1DDB16 50%, transparent 50%)}
.bold_blue{background:linear-gradient(to top, #00D8FF 50%, transparent 50%)}
.bold_pink{background:linear-gradient(to top, #FF007F 50%, transparent 50%)}

/*포인트박스*/
.headingbox0 {color: #323131; margin:0 auto;width:70%;font-size:24px;font-weight:500;text-align:center;line-height:160%;padding:20px 0}

.bonmun70 {color: #323131;width:70%;text-align:left;padding:20px 0;margin:0 auto;line-height:180%}
.bonmun80 {color: #323131;width:80%;text-align:left;padding:20px 0;margin:0 auto;line-height:180%}
.bonmun90 {color: #323131;width:90%;text-align:left;padding:20px 0;margin:0 auto;line-height:180%}


/*content itembox*/
.contentItem {width:auto;border:0px solid red;padding:10px;overflow:hidden }
.contentItembox3 { float:left;width:32%;min-width:150px !important;padding:20px;margin:0 0 0 8px !important}
.contentItembox4 { float:left;width:24%;min-width:150px !important;padding:20px;margin:0 0 0 8px !important}


@media (max-width:1000px){
	  .contentItembox4 {width:32%}
	  .contentItembox4:last-child {margin-top:8px !important;border:0px solid blue}
 }

 @media (max-width:1000px){
	  .contentItembox3 {width:48%}
	  .contentItembox3:last-child {margin-top:8px !important;border:0px solid blue}
 }

@media (max-width:760px){
	  .contentItembox3 {width:47% !important}
	  .contentItembox3:last-child {margin-top:8px !important;border:0px solid blue;}
 }

@media (max-width:760px){
	  .contentItembox4 {width:47% !important}
	  .contentItembox4:nth-child(3) {margin-top:8px !important;border:0px solid blue;}
	  .contentItembox4:last-child {margin-top:8px !important;border:0px solid blue;}
 }



@media (max-width:500px){
	  .contentItembox4 {width:100% !important;margin:0 !important}
	  .contentItembox4:first-child {margin-bottom:8px !important}
	  .contentItembox3 {width:100% !important;margin:0 !important}
	  .contentItembox3:first-child {margin-bottom:8px !important}

	  .contentItem {width:auto;border:0px solid red;margin:0 auto;overflow:hidden}
}

	.processNumGWrap {text-align:center;margin-top:15px}
	.processNumG{ 
	text-align:center !important;
	padding:10px 0;
    color: #f7345e;
    background: linear-gradient(-107deg,#00cc99 0%,#006600 100%);
    transform: skewX(-10deg);
    position: relative;
    display: inline-block;
    font-size: 40px;
    line-height: 1em;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}


	/*문의하기 */
	@media (max-width:1000px){
		.contactusTBL {width:95% !important}
	}

	@media (max-width:780px){
		.leftHeader {width:33%  !important}
		.yuipTBL td {font-size:14px !important}
	}



	@media (max-width:480px){
		.mLogo {display:block !important}
 }

/* 법정교육 */
	.lawP {display:block !important}
	.bogunP {display:block !important}
	.jangP {display:block !important}
	.yoP {display:block !important}

	@media (max-width:780px){
		.lawP {display:none !important}
		.lawM {display:block !important}
	}


	@media (max-width:780px){
		.bogunP {display:none !important}
		.bogunM {display:block !important}
	}

	@media (max-width:780px){
		.jangP {display:none !important}
		.jangM {display:block !important}
	}

	@media (max-width:760px){
		.yoP {display:none !important}
		.yoM {display:block !important}
	}

.headingbox1{font-size:20px;padding:40px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
.headingbox2{font-size:20px;padding:40px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg2.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
.headingbox3{font-size:20px;padding:40px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg3.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
.headingbox4{font-size:20px;padding:40px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg4.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
.headingbox_cert{font-size:20px;padding:40px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg_cert.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
.headingbox_online{font-size:20px;padding:40px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg_online.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
.headingbox_offline{font-size:20px;padding:40px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg_offline.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}


.headingTXT {color:white !important;font-size:40px;font-weight:bold;display:inline-block;clear:both;width:100%;margin:20px 0}
.skeyword {display:inline-block;padding:5px 25px;border:1px solid #FFF;border-radius:25px;font-size:18px;font-weight:700;margin-top:8px}
.keyWrap {width:100%;margin:15px 0}

	@media (max-width:770px){
		.headingbox{font-size:18px;padding:20px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
		.headingbox2{font-size:18px;padding:20px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg2.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
		.headingbox3{font-size:18px;padding:20px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg3.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
		.headingbox4{font-size:18px;padding:20px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg4.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
		.headingbox_cert{font-size:18px;padding:20px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg_cert.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
		.headingbox_online{font-size:18px;padding:20px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg_online.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
		.headingbox_offline{font-size:18px;padding:20px;width:100%;color:white !important;text-align:center;background-image:url('/images/headingbg_offline.jpg');background-repeat:no-repeat;background-size:cover;border-radius:20px}
		.headingTXT {color:white !important;font-size:30px;font-weight:bold;display:inline-block;clear:both;width:100%;margin:20px 0}
		.skeyword {display:inline-block;padding:5px 25px;border:1px solid #FFF;border-radius:25px;font-size:18px;font-weight:700}
		.keyWrap {width:100%;margin:15px 0}
	}


	@media (max-width:600px){
		.historyTBL {width:98% !important;border:0px solid red !important;margin-bottom:20px !important}
		.historyTBLleft {width:100px !important;padding:0 !important}
		.historyTBLright {padding:0 !important}
	}

	@media (max-width:500px){
		.ceohistory {display:none}
		.ceohistoryM {display:block !important}

		.tab-contents >  table {border:0px solid red !important;margin:0 auto !important;

		.ceohistoryTD {padding:5px !important ;border:0px solid red}
		.ceohistoryTXT {font-size:14px !important}
		.ceohistoryTD .subHeader3depthdotB {font-size:14px !important}
		}