/***** Added *****/
@charset "utf-8";
/*

 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 * @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 */

 /*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NanumGothic/NanumGothic-Regular.eot);
  src: url(fonts/NanumGothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(fonts/NanumGothic/NanumGothic-Regular.woff2) format('woff2'),
	   url(fonts/NanumGothic/NanumGothic-Regular.woff) format('woff'),
	   url(fonts/NanumGothic/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NanumGothic/NanumGothic-Bold.eot);
  src: url(fonts/NanumGothic/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(fonts/NanumGothic/NanumGothic-Bold.woff2) format('woff2'),
	   url(fonts/NanumGothic/NanumGothic-Bold.woff) format('woff'),
	   url(fonts/NanumGothic/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(fonts/NanumGothic/NanumGothic-ExtraBold.eot);
  src: url(fonts/NanumGothic/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	   url(fonts/NanumGothic/NanumGothic-ExtraBold.woff2) format('woff2'),
	   url(fonts/NanumGothic/NanumGothic-ExtraBold.woff) format('woff'),
	   url(fonts/NanumGothic/NanumGothic-ExtraBold.ttf) format('truetype');
}
*/

/****************************************************** COMMON ******************************************************/
* {margin:0; padding:0;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {background-color:#f1f1f1; letter-spacing:-0.8pt; line-height:18px; font: normal 13px "Nanum Gothic", sans-serif; color:#333; line-height:18px; overflow-y:scroll}
header, footer {width:100%;}
section {width:100%; margin:0 !important;}
section .step {margin:20px 0;}

ul, li {list-style:none; }
ol {margin-left: 1.6em;}
p {font-size:inherit; }
#inline_block {display;inline-block !important;}
table {width:100%; font: normal 1em "Nanum Gothic" important; margin:0 auto; font-size:13px !important;}
table input {margin-bottom:10px;}

.wrap {width:92%; margin:0 auto;}
#BT_wrap {width:92%; margin:0 auto;}
.INFO_more {font-size:12px !important; color:#999; color:#8dc641;}
.banner {width:100%;}
.banner img {width:100%;}

th .BT_reg a {padding:8px 3px 8px 4px !important; background-color:#f1f1f1 !important; margin:0 !important;}/*** 공통버튼 ***/
th .BT_reg a:hover,th .BT_reg a:focus {background-color:#999 !important; color:#fff !important;}
td { line-height:1.2em }

th, td { letter-spacing:-0.1em } 
.TABLE_1col th, .TABLE_2col th {width:45px; background-color:#ddd !important; line-height:15px}


.center {text-align:center !important}

/*** 미디어쿼리 ***/
	@media (max-width:479px) {
		.min480 {display:none}
	}

	@media (min-width:480px) {
		table .min480 {display:table-cell}

	}

/*** // 미디어쿼리 ***/
a {text-decoration:none; color:#333;}
	a:focus,
	a:active,
	a.active,
	a.disabled,
	a[disabled] {text-decoration:none; outline:0; color:#000;}

.SPACE_row {margin-top:30px !important; display:block;}
	/*** 미디어쿼리 ***/
	@media (min-width:800px) {
	.SPACE_row {margin-top:50px !important; display:block;}
	}
	/*** // 미디어쿼리 ***/


/************ 풍선알림 ************/
.I_bubble_back {z-index:30000; position:fixed; top:61px; left:5px;}
.I_bubble_back img {/* width:100%;height:100%;*/ max-width:41px !important;}

.I_bubble_top {z-index:30000; position:fixed; bottom:40px; right:5px;}
.I_bubble_top img {/* width:100%;height:100%;*/max-width:41px !important;}
/************ 풍선알림 ************/

#I_bubble a {z-index:30000; position:fixed; bottom:50px; right:5px; color:#fff !important; font-weight:600; border:2px solid #fff; background-color:#8dc641; padding:6px 10px 7px 8px; 
border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px;
box-shadow:0 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4); -o-box-shadow:0 2px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.4); -ms-box-shadow:0 2px 5px rgba(0,0,0,0.4);}
	#I_bubble a:hover
	#I_bubble a:focus,
	#I_bubble a:active,
	#I_bubble a.active,,
	#I_bubble a.disabled,
	#I_bubble a[disabled] {background-color:#555; padding:4px 10px 5px 8px;}

/******* POPup - TOP *******/
#POP_TOP {width:100%; overflow:hidden; height:48px; display:block !important; background-color:#555; vertical-align:top !important; margin-bottom:15px; position:relative;}
	#POP_TOP h2 {color:#fff !important; text-align:left !important; position:absolute; left:3%; top:3%;}
	#POP_TOP .BT_close {position:absolute; right:0 !important; top:7px;}
		#POP_TOP .BT_close img {width:80%;}

/*** 어디 정의인지 추후 확인 ***/
#pop_TIT {width:100%; height:45px; background-color:#555; display:block; margin-bottom:20px; letter-spacing:0 !important;}
	#pop_TIT h1 {font-size:16px !important; color:#f1f1f1 !important; float:left !important; font-weight:600; margin:12px;}
	/**** 모달윈도우 창닫기 ****/
	#pop_TIT img {float:right; width:30px; opacity:0.8; margin:5px;}
	#pop_TIT .BT_close img:last-child {width:26px !important; margin:10px;}


/****************************************************** txt ******************************************************/
h1 {font-size:18px; line-height:20px; text-align:center; font-weight:500; color:#8dc641; letter-spacing:-1 !important; text-align:center;} /*** 각섹션 타이틀 ***/
h2 {font-size:16px; line-height:18px;}
h3 {font-size:15px; line-height:18px; text-align:center;}
.box {width:92%; margin:0 auto; text-align:center;}
.span {font-weight:normal; color:#333;}
.TXT {font-weight:normal; color:#fff !important; letter-spacing:0 !important;}

big {line-height:20px !important;}
	big a {color:#8dc641; font-weight:600; padding-bottom:2px; border-bottom:1px dashed #ccc; line-height:22px !important;}
	big a:hover
	big a:focus,
	big a:active,
	big a.active,,
	big a.disabled,
	big a[disabled] {color:#333 !important;}

	/**** txt 링크; 하이퍼링크 ***/
	big.TXT_deco a {color:#8dc641 !important; text-align:center;}
	big.TXT_deco a:hover,
	big.TXT_deco a:focus,
	big.TXT_deco a:active,
	big.TXT_deco a.active,
	big.TXT_deco a.disabled,
	big.TXT_deco a[disabled] {color:#333 !important;}

.I_green {padding:5px; margin-right:5px; color:#fff; text-align:center; background-color:#8dc641; font-size:15px !important;}
	.I_green:last-child {margin-right:10px !important;}

.TAG {margin:-10px 0 8px 0;}
	.TAG .I_gray a {padding:3px 5px 3px 3px; line-height:28px !important; border:1px solid #ccc; color:#333; text-align:center; display:inline; border-radius:10px;
	-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
	.TAG .I_gray a:hover
	.TAG .I_gray a:focus,
	.TAG .I_gray a:active,
	.TAG .I_gray a.active,,
	.TAG .I_gray a.disabled,
	.TAG .I_gray a[disabled] {background-color:#ccc; color:#fff; display:inline;}

.I-sns {width:92%;}
	.I-sns td {width:12%; margin:0 !important; background-color:#f1f1f1 !important; padding-right:2% !important;}
		.I-sns td:last-child {margin-right:0 !important;} 
		.I-sns td img {width:92%; opacity:0.8;}
			.I-sns td img:hover
			.I-sns td img:focus,
			.I-sns td img:active,
			.I-sns td img.active,,
			.I-sns td img.disabled,
			.I-sns td img[disabled] {opacity:1;}

/****************************************************** form 일반 ******************************************************/
form {width:100%; color:#333; margin:0; padding:0; line-height:17px !important;}
	form p {margin:5px 0 20px 0; letter-spacing:-0.5 !important;}

	fieldset {border:none;}
		input {font-family:inherit; font-size:14px; font-weight:normal; color:#333; cursor:pointer; vertical-align:middle; margin:5px 0; padding:10px 2%; background-color:#fff; border:1px solid #ccc;}
		input:focus {outline:none;}
		input[type="submit"] {cursor:pointer;}		
		input[type="text"] {width:92%;}/*** 상위 전체지정 padding 고려 width ***/
		input[type="radio"] {width:18px; height:18px; margin:-3px 2px 0 0;}
		input[type="checkbox"] {width:18px; height:18px; margin-top:3px !important; margin-right:5px;}
		
		textarea{width:92%; min-height:150px; padding:10px 2%;}
		select {width:100%; border:none; font-family:inherit; font-weight:normal; color:#333; cursor:pointer; vertical-align:middle; padding:9px 2%; background-color:#fff; border:1px solid #ccc;}
		input, select {letter-spacing:-0.5 !important; margin:5px 0;}

		label {font-size:13px !important; letter-spacing:-0.5 !important; font-weight:600 !important;}		

/**** 부모창 페이지 전세 상위마진 ****/
#CON_main {width:100%; margin:0 auto; padding-top:10px !important; clear:both; z-index:100}
#CON_sub { width:92%; margin:0 auto; padding-top:10px !important; clear:both; z-index:100}

/*** 흐르는 공지 ***/
#notice {width:100%; text-align:left; display:inline-block; z-index:19999; vertical-align:middle; margin-bottom:10px;}
	#notice dt {width:75%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; float:left;}
		/*** 미디어쿼리 ***/
		@media (min-width:736px) and (max-width:1280px) {
			#notice dt {width:90%; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; float:left; letter-spacing:0;}
		}
		/*** // 미디어쿼리 ***/
		#notice strong {float:left; margin-right:8px; color:#555;}
		#notice marquee {direction:left;}

	#notice dd {color:#999; text-align:right; font-size:15px; text-align:right;}
/*** // 흐르는 공지 ***/
/*** 흐르는 notice + ***/
.top_notice {font-size:14px important; line-height:14px; padding-bottom:5px !important;}

/****************** HEADER ******************/
header {position:fixed; top:0; z-index:20000; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4); -o-box-shadow:0 2px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.4); -ms-box-shadow:0 2px 5px rgba(0,0,0,0.4);}

/****************** GNB ******************/
.GNB {width:100%; height:60px; line-height:60px;}
		.GNB ul {width:96%; table-layout:fixed; display:table; list-style-type:none; margin:0 auto;}
			.GNB li {display:table-cell; vertical-align:middle !important;}
			.GNB li img {width:24px; margin-top:15px;}
			.GNB li:last-child img {width:32px; margin-top:12px; float:right;}
				.GNB h1 {text-align:center; margin-top:12px; font-size:20px !important;} 
		.GNB .logo {width:30% !important;}
			.GNB .logo img {width:100%;}
	
	/*** 미디어쿼리 ***/
	@media (min-width:600px) and (max-width:999px) {
	.GNB .logo {text-align:center;}
	.GNB .logo img {width:70%; margin-top:10px !important;}	
	}
	/*** // 미디어쿼리 ***/

	/*** 미디어쿼리 ***/
	@media (min-width:1000px) {
	.GNB .logo {text-align:center !important;}
	.GNB .logo img {width:30% !important; margin-top:10px !important;}	
	}
	/*** // 미디어쿼리 ***/


/*GNB_PAGE*/
	.GNB_PAGE {position:relative; display:block; width:100%; padding:10px 0 8px 0;  text-align:center;  }
	.GNB_PAGE span { font-size:16px; color:#ffffff; font-weight:600; }


.GAP_GNB {padding-top:100px; display:block;}
.GAP_FOOTER {padding-bottom:180px; display:block;}



/****************** LNB ******************/
.nav {width:100%; display:inline-block; text-align:center;}
			.nav li {float:left; display:inline; text-align:center; padding:0 3%;} /*** txt메뉴 사이 간격을 일률적으로 하기 위한것 ***/
			.nav li:last-child {margin-right:0;}

	/*** LNB 포탈 ***/
	.LNB {width:100%; padding:10px 0 8px 0; display:block; font-size:16px; font-weight:600; text-align:left; border-top:1px solid #ddd; position:relative;}
		.LNB button {width:44px; height:100%; position:absolute; right:0; top:0; outline:0 !important; border:0; background-color:#fff; border-left:1px solid #ddd; float:right;}
			.LNB button:focus,
			.LNB button:active,
			.LNB button.active,
			.LNB button.disabled,
			.LNB button[disabled] {background-color:#f1f1f1; border-left:1px solid #ddd;}		
 
			.LNB button img {width:70%; margin:0 auto;}


	.LNB_SUBJECT {position:relative; display:block; width:100%;  padding:10px 0 8px 0;  text-align:center; border-top:1px solid #ddd; background:#def5ca}

	.LNB_DIV { 
		margin:0 auto;
		width:80%;
		background:#fff
	} 
	.LNB_SELECT { 
		width:98%;
		margin: 0.2em;
		padding: .8em .5em; /* 여백으로 높이 설정 */ 
		font-family: inherit; /* 폰트 상속 */ 
		text-align:center;
		background: url(/img/LEDU/LNB_SELECT.jpg) no-repeat 98% 50%; /* 네이티브 화살표 대체 */ 
		border: 1px solid #ccc; 
		border-radius: 0px; /* iOS 둥근모서리 제거 */ 
		-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
		-moz-appearance: none; 
		appearance: none; 
	}




		/*** txt메뉴 색 ***/
		.LNB .nav {width:94%; margin:0 auto;}
			.LNB .nav li a {color:#333;}
			.LNB .nav li a:focus,
			.LNB .nav li a:active,
			.LNB .nav li a.active,
			.LNB .nav li a.disabled,
			.LNB .nav li a[disabled] {color:#7db433;}

	/*** LNB 서브 각섹션 ***/
	.LNB_sub {width:100%; padding:3px 0 0 0; display:block; font-size:16px; font-weight:600; text-align:left; position:relative; background-color:#8dc641;}
		.LNB_sub button {width:44px; height:100%; position:absolute; right:0; top:0; outline:0 !important; border-left:1px solid #abe063 !important; background-color:#8dc641; float:right; border:0;}
			.LNB_sub button:focus,
			.LNB_sub button:active,
			.LNB_sub button.active,
			.LNB_sub button.disabled,
			.LNB_sub button[disabled] {background-color:#7db433; border-left:1px solid #7db433;}		
 
			.LNB_sub button img {width:70%; margin:0 auto;}

		/*** txt메뉴 색 ***/
		.LNB_sub .nav {width:94%; margin:0 auto;}
			.LNB_sub .nav li a {color:#fff;}
			.LNB_sub .nav li a:focus,
			.LNB_sub .nav li a:active,
			.LNB_sub .nav li a.active,
			.LNB_sub .nav li a.disabled,
			.LNB_sub .nav li a[disabled] {color:#427201;}


		/**** 토글관련 ****/
	    .LNB_sub button {cursor:pointer; z-index:30000;}
			/*** 드롭다운 ***/
			#TOGGLE_open {display:none; width:97%; margin:0 auto; padding:2% 0 3% 3.5%; box-shadow:0 -2px 5px rgba(0,0,0,0.4); z-index:29999;}
				#TOGGLE_open h3 {text-align:left; margin-bottom:10px; color:#999 !important;}
				#TOGGLE_open h3 big {color:#999 !important; font-size:16px !important;}
					#TOGGLE_open ul {width:100%; overflow:hidden;}
						#TOGGLE_open li a {width:26%; padding:10px 2% 10px 2%; margin-right:2% !important; margin-bottom:2% !important; float:left; background: url(/img/BT_go_1.png) no-repeat; background-size:15px !important; background-position:90%; border:1px solid #ccc; font-size:14px; font-weight:600; letter-spacing:-1.5 !important;}
							#TOGGLE_open li a:hover
							#TOGGLE_open li a:focus,
							#TOGGLE_open li a:active,
							#TOGGLE_open li a.active,,
							#TOGGLE_open li a.disabled,
							#TOGGLE_open li a[disabled] {padding:15px 2% 15px 2%; background-color:#ddd !important; color:#333 !important; background: url(/img/BT_go_11.png) no-repeat !important;}
						#TOGGLE_open li a:last-child {margin-right:0; margin-bottom:3% !important;}
						#TOGGLE_open li img {width:40%; margin-left:5px;}

			#TOGGLE_footer {width:97%; margin:0 auto; padding:2% 0 3% 3.5%; box-shadow:0 -2px 5px rgba(0,0,0,0.4); z-index:29999; background-color:#fff; margin-bottom:43px;}
				#TOGGLE_footer h3 {text-align:left; margin-bottom:10px; color:#999 !important;}
				#TOGGLE_footer h3 big {color:#999 !important; font-size:16px !important;}
					#TOGGLE_footer ul {width:100%; overflow:hidden;}
						#TOGGLE_footer li a {width:26%; padding:10px 2% 10px 2%; margin-right:2% !important; margin-bottom:2% !important; float:left; background: url(/img/BT_go_1.png) no-repeat; background-size:15px !important; background-position:90%; border:1px solid #ccc; font-size:14px; font-weight:600; letter-spacing:-1.5 !important;}
							#TOGGLE_footer li a:hover
							#TOGGLE_footer li a:focus,
							#TOGGLE_footer li a:active,
							#TOGGLE_footer li a.active,,
							#TOGGLE_footer li a.disabled,
							#TOGGLE_footer li a[disabled] {padding:15px 2% 15px 2%; background-color:#ddd !important; color:#333 !important; background: url(/img/BT_go_11.png) no-repeat !important;}
						#TOGGLE_footer li a:last-child {margin-right:0; margin-bottom:3% !important;}
						#TOGGLE_footer li img {width:40%; margin-left:5px;}
			
			
/****************** // HEADER ******************/

/****************** FOOTER ******************/

	.footer_copyright { position: fixed; width: 100%;bottom:40px; padding:5px 0 auto 0; display:inline-block; background-color:#555; text-align:center}

	.footer_copyright ul {clear:both;}
		.footer_copyright li {float:left; margin:5px; display:inline;}

		.footer_copyright span {margin-bottom:50px;}
		.footer_copyright .COPYRIGHT_TXT { font-size:0.8em; color:#999; margin-top:-5px; letter-spacing:-0.2 !important;}

	.footer_copyright .BT_1 {text-align:center; display:inline-block; font-size:14px; margin-top:20px; background-color:none;} /*** 일반 공용 큰버튼 ***/
		.footer_copyright .BT_1 a {padding:10px 12px; display:inline; color:#f1f1f1; font-weight:600; border:1px solid #999;}
		.footer_copyright .BT_1 a:focus,
		.footer_copyright .BT_1 a:active,
		.footer_copyright .BT_1 a.active,
		.footer_copyright .BT_1 a.disabled,
		.footer_copyright .BT_1 a[disabled] {padding:10px 12px; background-color:#ccc; display:inline; color:#333; font-weight:600;}

	.footer_copyright .BT_2 {text-align:center; display:inline-block; font-size:1.1em; margin-top:10px; background-color:none;} /*** 일반 공용 큰버튼 ***/
	.footer_copyright .BT_2 li:after { content: '/'; color:#999; font-weight:normal; padding:20px 0 0 10px;}
		.footer_copyright .BT_2 li:last-child:after { content : ''; }
		.footer_copyright .BT_2 a {display:inline; color:#f1f1f1; font-weight:600;}
		.footer_copyright .BT_2 a:focus,
		.footer_copyright.BT_2 a:active,
		.footer_copyright .BT_2 a.active,
		.footer_copyright .BT_2 a.disabled,
		.footer_copyright .BT_2 a[disabled] {background-color:#ccc; display:inline; color:#333; font-weight:600;}









/*** 하단 붙박이 메뉴 ***/
.footer_2 {position:fixed !important; bottom:0;  width:100%; display:block; font-weight:600; text-align:center !important; background-color:#f1f1f1; box-shadow:0 -2px 5px rgba(0,0,0,0.4); z-index:20000;
-webkit-box-shadow:0 -2px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 -2px 5px rgba(0,0,0,0.4); -o-box-shadow:0 -2px 5px rgba(0,0,0,0.4); -ms-box-shadow:0 -2px 5px rgba(0,0,0,0.4);}
	.footer_2  ul {width:100%;}
		.footer_2 li {width:24.7%; display:block; float:left; text-align:center; line-height:40px; border-right:1px dashed #ddd; margin-bottom:-1px !important;}
		.footer_2 li:last-child {border-right:0 !important;}
		.footer_2 li a {color:#555;}
		.footer_2 li a:focus,
		.footer_2 li a:active,
		.footer_2 li a.active,
		.footer_2 li a.disabled,
		.footer_2 li a[disabled] {width:100%; display:block; padding-right:1px; background-color:#ffadf9 !important; color:#4e6946 !important; padding:auto 5px; display:block;}


i {padding:4px 7px 4px 3px; font-size:12px; font-weight:600; letter-spacing:-1 !important; color:#fff; background-color:#8dc641 !important; text-align:center; vertical-align:middle; display:inline; border-radius:30px;}

.footer_2 .div_5 li {width:19.7% !important;}
/****************** // FOOTER ******************/

/****************** BT ******************//*** 공통버튼 ***/
.BT_none_a {padding:8px -20px; background-color:#f1f1f1; border:1px solid #ccc; border-right:0 !important;}

.BT_reg {width:100.5% !important; display:table; font-weight:600; letter-spacing:-0.2 !important;} /*** 주로 form 안에 존재 ***/
	.BT_reg li {display:table-cell; text-align:center; margin-top:-10px;}
	.BT_reg li a {padding:8px 0; display:block; color:#fff; background-color:#8dc641; border:1px solid #8dc641; border-right:1px solid #8dc641 !important;}
	.BT_reg li a:last-child {border-right:1px solid #8dc641;}
	.BT_reg a {padding:8px; color:#333; display:inline; font-weight:600; border:1px solid #ccc; background-color:#fff;}
	.BT_reg a:focus,
	.BT_reg a:active,
	.BT_reg a.active,
	.BT_reg a.disabled,
	.BT_reg a[disabled] {padding:8px; background-color:#999; border:1px solid #fff; color:#fff; font-weight:600; display:inline;}

.BT {width:100.5% !important; display:table; font-weight:600; letter-spacing:-0.2 !important;}
	.BT li {display:table-cell; text-align:center; margin-top:-10px;}
		.BT li a {padding:8px 0; display:block; color:#fff; background-color:#8dc641; border:1px solid #8dc641; border-right:1px solid #8dc641 !important;}
		.BT li a:last-child {border-right:1px solid #8dc641;}
		.BT a:hover, .BT a:hover,.BT li a
		.BT a:focus, .BT a:focus,
		.BT a:active, .BT a:active,
		.BT a.active, .BT a.active,  
		.BT a.disabled, .BT a.disabled,
		.BT a[disabled], .BT a[disabled] {padding:8px 0; display:block; color:#fff; background-color:#999; border:1px solid #999 !important;}
		.BT li a.cancel {background-color:#ddd !important; color:#333 !important; border:1px solid #ccc; border-right:0;}
			.BT li:last-child a.cancel {border-right:1px solid #ccc !important;}

.BT2 {width:100.5% !important; display:table; font-weight:600; letter-spacing:-0.2 !important;}
	.BT2 li {display:table-cell; text-align:center; margin-top:-10px;}
		.BT2 li a {padding:8px 0; display:block; color:#fff; background-color:#864511; border:1px solid #51962b; border-right:1px solid #51962b !important;}
		.BT2 li a:last-child {border-right:1px solid #8dc641;}
		.BT2 a:hover, .BT2 a:hover,.BT2 li a
		.BT2 a:focus, .BT2 a:focus,
		.BT2 a:active, .BT2 a:active,
		.BT2 a.active, .BT2 a.active,  
		.BT2 a.disabled, .BT2 a.disabled,
		.BT2 a[disabled], .BT2 a[disabled] {padding:8px 0; display:block; color:#fff; background-color:#999; border:1px solid #999 !important;}
		.BT2 li a.cancel {background-color:#ddd !important; color:#333 !important; border:1px solid #ccc; border-right:0;}
			.BT2 li:last-child a.cancel {border-right:1px solid #ccc !important;}

.BT3 {width:100.5% !important; display:table; font-weight:600; letter-spacing:-0.2 !important;}
	.BT3 li {display:table-cell; text-align:center; margin-top:-10px;}
		.BT3 li a {padding:8px 0; display:block; color:#4e6946; background-color:#ffadf9; border:1px solid #8dc641; border-right:1px solid #8dc641 !important;}
		.BT3 li a:last-child {border-right:1px solid #8dc641;}
		.BT3 a:hover, .BT3 a:hover,.BT3 li a
		.BT3 a:focus, .BT3 a:focus,
		.BT3 a:active, .BT3 a:active,
		.BT3 a.active, .BT3 a.active,  
		.BT3 a.disabled, .BT3 a.disabled,
		.BT3 a[disabled], .BT3 a[disabled] {padding:8px 0; display:block; color:#fff; background-color:#999; border:1px solid #999 !important;}
		.BT3 li a.cancel {background-color:#ddd !important; color:#333 !important; border:1px solid #ccc; border-right:0;}
			.BT3 li:last-child a.cancel {border-right:1px solid #ccc !important;}

.BT_bar {width:100% !important; display:table; font-weight:600; margin-top:-2px;} 
	.BT_bar li {display:table-cell; text-align:center;}
		.BT_bar li a {padding:8px 0; display:block; color:#333; background-color:#ddd; border:1px solid #ccc; border-right:0;}
		.BT_bar a:hover,
		.BT_bar a:focus,
		.BT_bar a:active,
		.BT_bar a.active,
		.BT_bar a.disabled,
		.BT_bar a[disabled] {padding:8px 0; display:block; color:#fff; background-color:#999; border:1px solid #ccc; border-right:0;}

		.BT_bar li:last-child a {border-right:1px solid #ccc !important;}
		.BT_bar li:last-child a:hover,
		.BT_bar li:last-child a:focus,
		.BT_bar li:last-child a:active,
		.BT_bar li:last-childa.active,
		.BT_bar li:last-child a.disabled,
		.BT_bar li:last-child a[disabled] {border-right:1px solid #ccc !important;}

/****** BT: 페이징 ******/
/*** 미디어쿼리 ***/
	@media (min-width:640px) {
	.BT_paging {width:70%;}
	.BT_paging li {max-width:20px;}
	}
/*** // 미디어쿼리 ***/

.BT_paging {width:98% !important; margin:0 auto; display:table; font-size:12px; line-height:16px; margin-top:20px;}
	.BT_paging li {max-width:18px; display:table-cell; text-align:center;}
	.BT_paging li a {padding:4px 5px; display:block; color:#333; background-color:#f1f1f1; border-left:1px solid #ccc; text-align:center;}
	.BT_paging li:first-child a {border-left:0 !important;}
		.BT_paging li a:hover,
		.BT_paging li a:focus {color:#fff !important; background-color:#ccc; padding:3px 5px; display:block; font-weight:600; border-left:1px solid #ccc; border-right:1px solid #999; border-right:0;}
		.BT_paging li a.disabled,
		.BT_paging li a[disabled]		
		.BT_paging li a:active,
		.BT_paging li a.active {color:#fff !important; background-color:#999; padding:4px 5px; display:block; font-weight:600; border-left:1px solid #ccc; border-right:1px solid #999; border-right:0;}

.BT_icon {text-align:center; display:inline; font-size:14px;}
	.BT_icon img {width:6%; margin:5px 5px -3px 0; padding-top:-10px; opacity:0.7;}
	.BT_icon a {padding:10px 15px; display:inline; color:#333; font-weight:600; border:1px solid #ccc;}
	.BT_icon a:focus,
	.BT_icon a:active,
	.BT_icon a.active,
	.BT_icon a.disabled,
	.BT_icon a[disabled] {padding:10px 15px; background-color:#ccc; display:inline; color:#fff; font-weight:600;}

	/****************** TAB **************** 탭 일반 **/
	.TAB {width:100%; color:#555; display:block;}
		.TAB h2 {margin-top:0 !important;}
		.TAB .BT_bar {border-left:0; margin-right:-1px !important; padding:3px 0 0 !important;}
			.TAB_off {padding:12px 0; background-color:#ddd; border:1px solid #ccc; border-radius:12px 12px 0 0;}
				.TAB_on {padding:12px 0; background-color:#555; border:1px solid #555; color:#fff !important; margin-right:-1px !important; border-radius:12px 12px 0 0;}
				.TAB .con {width:99.3%; display:block;}

		/*** 미디어쿼리 ***/
		@media (min-width:600px) and (max-width:999px){
		.TAB {width:101% !important;}
			.TAB_off {margin-right:-1px !important;}
			.TAB .con {width:99.7% !important; display:block;}
		}
		/*** // 미디어쿼리 ***/

		/*** 미디어쿼리 ***/
		@media (min-width:1000px) {
		.TAB {width:100% !important;}
			.TAB_off {margin-right:-1px !important;}
			.TAB .con {width:99.85% !important; display:block;}
		}
		/*** // 미디어쿼리 ***/

	/****************** 단계메뉴 ******************/
	dl.step {width:100%; display:table; margin:0 auto; text-align:center;}
		.step dt {display:table-cell;}		
			.step dt a {color:#8dc641; background-color:#fff; letter-spacing:-1; display:block; padding:4px 0; border:2px solid #8dc641; border-radius:25px;
						-webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px;}
			.step dt a:active,
			.step dt a.active {color:#fff; background-color:#8dc641; border-radius:30px; letter-spacing:-1;}

/****************** TXT ******************/
.LIST_tit {clear:both; padding:10px 0 5px 0 !important; color:#999; font-size:14px !important;} /*** clear:both 아주 중요 ***/
	.LIST_tit span {color:#555;}

/******************** FORM *********************/
/*** 검색 set ***/
.SEARCH_set {width:100%; margin:0 auto; display:block; overflow:hidden; margin:20px 0 15px 0;}
	.SEARCH_set .SEARCH_select {width:25%; float:left;}
		.SEARCH_set .SEARCH_select select {height:37px;}
	.SEARCH_set .SEARCH_bar {width:75%; float:right;}
	.SEARCH_set .SEARCH_bar input {border-left:0 !important;}

/*** 검색 select ***/
.SEARCH_select {width:100%;}
	.SEARCH_select select {width:100%;} 

/*** 검색 바 ***/
.SEARCH_bar {height:36px; position:relative; margin-bottom:15px;}
	.SEARCH_bar li:first-child {width:100%; position:absolute; top:0; left:0;}
	.SEARCH_bar li:last-child {position:absolute; top:0; right:0;}
	.SEARCH_bar li:last-child button {background-color:#8dc641; float:right; width:37px; height:37px; border:0; opacity:0.7;}
		.SEARCH_bar button:hover,
		.SEARCH_bar button:focus,
		.SEARCH_bar button:active,
		.SEARCH_bar button:active,
		.SEARCH_bar button:disabled,
		.SEARCH_bar button:[disabled] {background-color:#999; border:0 none;}

		.SEARCH_bar button img {width:50%; margin-top:3px; z-index:10001;}

/*** SUB 검색 바 ***/
.sub_SEARCH {margin-bottom:15px;}
.sub_SEARCH input {margin-right:-2.5% !important;}

/****************** VOD ******************/
.VOD {width:100%; height:100%; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; display:block;}
	.VOD .mask {position:absolute; background-color:#fff; width:100%; height:100%; z-index:100; border-top:1px solid #ddd;}
		.VOD .mask span {margin:0 auto; position:absolute; top:34%; left:44%;}
			.VOD .mask span img {width:50px !important; opacity:0.8; margin:8% 0 0 -8px !important;}		
.VOD_TV>li {width:100%; margin-bottom:10px;}
			
			/*** 미디어쿼리 ***/
			@media (min-width:600px) {
			.VOD .mask span img {width:60px !important; opacity:0.8;} /*** 플레이 BT ***/
			.VOD_TV>li {width:100% !important; padding-bottom:20px;}
			/*** .VOD_TV>li {width:49% !important; margin-right:2%; padding-bottom:28%; float:left;}  추후, width만 변경하면 기본,2col로 변경할 수 있다. ***/
				.VOD_TV>li:last-child {margin-right:0 !important;}
			}
			/*** // 미디어쿼리 ***/

	.VOD:hover .mask, .VOD_list:focus .mask {display:none;}
	.VOD .mask img {width:100%;}
	iframe {position:absolute; width:100%; height:100%;}


/****************** vod ******************/
.vod {width:100%; height:100%; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; display:block;}
	.vod .mask {position:absolute; background-color:#fff; width:100%; height:100%; z-index:100; border-top:1px solid #ddd;}
		.vod .mask span {margin:0 auto; position:absolute; top:34%; left:44%;}
			.vod .mask span img {width:50px !important; opacity:0.8;}
	.vod:hover .mask, .vod_list:focus .mask {display:none;}
	.vod .mask img {width:100%;}
	iframe {position:absolute; width:100%; height:100%;}

.vod .BT_bar {margin-bottom:20px;}

/****************** vod tv ******************/
.VOD_TV2 {width:100%; height:100%; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; display:block; background-color:black;}
	.VOD_TV2 .mask {position:absolute; background-color:#fff; width:100%; height:100%; z-index:100; border-top:1px solid #ddd;}
		.VOD_TV2 .mask span {margin:0 auto; position:absolute; top:34%; left:44%;}
			.VOD_TV2 .mask span img {width:50px !important; opacity:0.8;}
	.VOD_TV2 .mask img {width:100%;}
	iframe {position:absolute; width:100%; height:100%;}

.VOD_TV2 .BT_bar {margin-bottom:20px;}

/****************** process (연수 > 신청안내) ******************/
.step_1 ul {width:100%;}
		.step_1 li {width:42%; float:left; margin-bottom:10px; padding-left:20px; background-color:#fff; color:#333; font-weight:600; letter-spacing:-1; display:inline; padding:6px 3%; border:2px solid #8dc641; border-radius:25px;
					-webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px;}
		.step_1 li span {color:#8dc641 !important; float:right;}
		.step_1 li:nth-child(even) {width:42%; float:right !important;}

#process {width:100%;}
	#process h2 {color:#8dc641 !important; margin-bottom:10px !important; display:block;}

.discount {width:100%; margin:20px 0 10px 0;}
	.discount th {width:42% !important; background-color:#fff !important; padding:10px !important; margin:0 !important;}
	.discount td {vertical-align:top !important;}
	.discount th h3 {margin:0 !important; text-align:left !important; color:#8dc641 !important;}
		.discount span {float:right; }
		.discount b {margin-left:10px;}


/****************** MEMBERSHIP ******************/
#MEMBERSHIP {width:100%; text-align:center; overflow:hidden;}
	#MEMBERSHIP .TABLE_wrap { /*width:92% !important;*/ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
		#MEMBERSHIP .TAB_on {background-color:#8dc641 !important; border:1px solid #8dc641;}
		#MEMBERSHIP h1 {width:100%; display:block; font-weight:600 !important; margin:20px 0 10px 0 !important;}
		#MEMBERSHIP h2 {width:100%; color:#8dc641 !important; margin:10px 0 !important; text-align:left !important;}
		#MEMBERSHIP input[type="text"], #MEMBERSHIP input[type="password"] {width:95% !important; text-align:left;}
		/*** 미디어쿼리 ***/
		@media (min-width:600px) {
		#MEMBERSHIP input[type="text"], #MEMBERSHIP input[type="password"] {width:94.6% !important; margin-left:-0.7% !important;}
		}
		/*** // 미디어쿼리 ***/

		#MEMBERSHIP select {margin-top:-11px !important; width:100%;}
			#MEMBERSHIP p {width:100%; display:inline-block; text-align:left !important; margin:5px 0 10px 0 !important;}
			#MEMBERSHIP span {width:98%; margin:0 auto; margin-bottom:15px; display:block; text-align:left !important; line-height:17px;}
				/*** #MEMBERSHIP span label {margin-bottom:-30px !important;} ***/

		#MEMBERSHIP .BT {width:100% !important; margin-top:15px !important;}
			#MEMBERSHIP .BT li {width:50% !important;}
			#MEMBERSHIP .BT li a:hover, #MEMBERSHIP .BT li a:focus {border-right:1px solid #ccc !important;}
				#MEMBERSHIP .BT img {width:7% !important; margin:0 4px -3px 0;}
		#MEMBERSHIP textarea {width:91.8%; padding:5px 4%; margin-top:-4px; display:block; height:150px; font-size:13px !important; line-height:18px; color:#333; border:1px solid #ccc; background-color:#fff; outline:0; border-radius:0; font-family: 'Nanum Gothic'; font-style: normal; overflow:auto; text-align:left;}
		#MEMBERSHIP .user_pw {width:100%; display:inline-block;}
			#MEMBERSHIP .user_pw li {width:48%; float:left; display:inline;}
				#MEMBERSHIP .user_pw li:first-child {float:left !important;}
				#MEMBERSHIP .user_pw li:last-child {float:right !important; margin-right:1px;}				
			/*** 미디어쿼리 ***/
			@media (min-width:600px) {
			#MEMBERSHIP textarea {width:90% !important;}

			#MEMBERSHIP .user_pw li {width:48.5%;}
				#MEMBERSHIP .user_pw li:first-child {margin-left:2px;}
				#MEMBERSHIP .user_pw li:last-child {margin-right:3px;}
			}
			/*** // 미디어쿼리 ***/

		/*** 학교찾기 ***/
		#MEMBERSHIP .REG_2 {width:100%; margin:15px 0 !important;}
			#MEMBERSHIP .REG_2 ul {width:100%; clear:both !important; height:45px; line-height:45px;}
				#MEMBERSHIP .REG_2 li {text-align:left;}
					#MEMBERSHIP .REG_2 li:first-child {width:19%; float:left; line-height:40px;}
					#MEMBERSHIP .REG_2 li:nth-child(2) {width:58%; float:left;}
					#MEMBERSHIP .REG_2 li:last-child {width:20%; float:right;}
				#MEMBERSHIP .REG_2 li a {background-color:#999 !important; color:#fff !important; padding:10px 7px !important;}
				#MEMBERSHIP .REG_2 li.BT_reg {line-height:37px; float:right;}				
					#MEMBERSHIP .REG_2 li input[type="text"] {width:100%; float:left; margin:0 !important;}
		/*** 미디어쿼리 ***/
		@media (min-width:600px) {
		#MEMBERSHIP .REG_2 li:first-child {width:12% !important;}
		#MEMBERSHIP .REG_2 li:nth-child(2) {width:70% !important;}
		#MEMBERSHIP .REG_2 li:last-child {width:18% !important; text-align:right;}
		#MEMBERSHIP .REG_2 li a {padding:10px 20px !important;}
		}
		/*** // 미디어쿼리 ***/
 


/**************************************** list ************************************************/
/**************************************** list ************************************************/
.LIST_box {width:92%; margin:0 auto;}

/*** 1col (섹션 메인페이지 제목든 사진) ***/
.LIST_1col {position:relative;}

	.LIST_1col img {width:100%; /*opacity:0.5;*/}
	.LIST_1col .TIT_over {font-size: 14px; line-height: 22px; margin-right: 0%; font-weight: 600; color: #fff; letter-spacing: 0 !important; position: absolute; top: 71%; left: 0%; z-index: 10005; text-shadow: 0 0 3px #000; padding: 10px 10px; width: 94.6%; background-color: rgba(0, 0, 0, 0.56);
		-webkit-text-shadow:0 0 3px #000; -moz-text-shadow:0 0 3px #000; -o-text-shadow:0 0 3px #000; -ms-text-shadow:0 0 3px #000;}

	/***.LIST_1col .img_event_1 {width:100%; background: url(/img/training/1col/MASK_black_1.png) #000 no-repeat; z-index:10000; position:absolute; top:0; left:0;}***/
	.LIST_1col .img_event_1 a {width:100%; /***background: url(/img/training/1col/MASK_black_1.png) #000 no-repeat;***/ background-color:rgba(0,0,0,0.8); z-index:10001; position:absolute; top:0; left:0;}
		.LIST_1col .img_event_1 a:hover
		.LIST_1col .img_event_1 a:focus,
		.LIST_1col .img_event_1 a:active,
		.LIST_1col .img_event_1 a.active,
		.LIST_1col .img_event_1 a.disabled,
		.LIST_1col .img_event_1 a[disabled] {width:100%; /***background: url(/img/training/1col/MASK_black_11.png) #000 no-repeat;***/ z-index:10001; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0);} 

	.LIST_1col .img_event_2 img {width:100%; opacity:0;}

	/*** 미디어쿼리 ***/
	@media (max-width:364px) {
	.LIST_1col .TIT_over {font-size: 13px;; line-height:20px !important; position:absolute; top:58% !important; left:0%; width:94% !important;}
	}

	/*** 미디어쿼리 ***/
	@media (min-width:600px) {
	.LIST_1col {width:48.5%; float:left; margin-right:3%;}
	.LIST_1col:nth-child(even) {margin-right:0 !important; float:right !important;}
	.LIST_1col .TIT_over {font-size:14px; line-height:20px !important; position:absolute; top:48% !important; left:0%;}
	}
	/*** // 미디어쿼리 ***/

	/*** 미디어쿼리 ***/
	@media (min-width:1280px) {
	.LIST_1col {width:48.5%; float:left; margin-right:3%;}
	.LIST_1col:nth-child(even) {margin-right:0 !important;}
	.LIST_1col .TIT_over {font-size:35px !important; line-height:42px !important; position:absolute; top:60% !important; left:4%;}
	}
	/*** // 미디어쿼리 ***/

/**************** LIST_1col_small (TV 상세페이지; tab_1 영상리스트) ****************/
section #LIST_1col_small {margin-top:5px !improtant;}
#LIST_1col_small {width:94%; padding:3%; background-color:#fff; display:inline-block;}
	
	#LIST_1col_small li {float:left;}
		#LIST_1col_small .photo {width:47%; margin-right:3%;}
			#LIST_1col_small .photo img {width:100%;}
		
		#LIST_1col_small .TXT {width:50%; display:inline-block; float:right;}
			#LIST_1col_small .TXT h2 {text-align:left !important; color:#8dc641 !important; margin:5px 0;}
			#LIST_1col_small b {color:#555;float:left;}
			#LIST_1col_small span {text-align:left; display:block;}
			#LIST_1col_small b:after { content: '|'; color:#999; font-weight:normal; padding:0 5px;}
				/*** #LIST_1col_small b:last-child:after { content : ''; } ***/
			#LIST_1col_small .TXT dt {width:80%; float:left;color:#555}
				#LIST_1col_small dd img {width:25px; float:right;}

	/*** 미디어쿼리 ***/
	@media (max-width:599px) {
	#LIST_1col_small .LIST_2 {display:none;}
	}
	/*** // 미디어쿼리 ***/
	
	/*** 미디어쿼리 ***/
	@media (min-width:600px) {
	#LIST_1col_small .LIST_1 {display:none;}
	}
	/*** // 미디어쿼리 ***/

/**************** LIST_1col_epilogue (TV 상세페이지; tab_2 댓글) ****************/
#EPILOGUE_write {margin-top:15px !important;}
	#EPILOGUE_write textarea {width:76%; height:60px; float:left; border-top:1px solid #ccc;} /*** common padding:5px 4%; ***/
	#EPILOGUE_write a {width:15%; height:70px; line-height:70px; margin:-72px 2px 0 0 !important; padding:0 !important; text-align:center; font-weight:600; float:right; border:1px solid #ccc;}
		#EPILOGUE_write a {background-color:#ddd;}
		#EPILOGUE_write a:hover
			#EPILOGUE_write a:focus,
			#EPILOGUE_write a:active,
			#EPILOGUE_write a.active,
			#EPILOGUE_write a.disabled,
			#EPILOGUE_write a[disabled] {background-color:#555 !important; color:#fff !important;}

#LIST_epilogue {}	
	#LIST_epilogue th {clear:both; text-align:left !important;}

/**************** 2row: 2개씩 랜덤배열 (현장연수 메인페이지) ****************/
.LIST_2row {width:100%;}
	.LIST_2row .unit {width:49%; margin-right:2%; float:left; text-align:center;}
	.LIST_2row .unit img {width:100%;}
	.LIST_2row .unit:last-child {margin-right:0;}

	.LIST_2row ul {margin-bottom:5% !important; background-color:#fff;}
		.LIST_2row .unit dl {width:85%; margin:0 auto; text-align:center; padding:7.5% 0 10% 0 !important;}
				.LIST_2row .tit {width:100%; height:40px; overflow:hidden; color:#333; font-size:16px; font-weight:600; line-height:20px; margin-bottom:2%; display:block; text-align:center; vertical-align:top !importnat;} /*** 타이틀 1 ***/
				.LIST_2row h2 {clear:both; width:100%; color:#999; display:block; text-align:center;}
				.LIST_2row h3 {clear:both; width:100%; color:#555; display:block; text-align:center;}

.LIST_2row {width:100%;}
	.LIST_2row .unit {width:49%; margin-right:2%; float:left; text-align:center;}
	.LIST_2row .unit img {width:100%;}
	.LIST_2row .unit:last-child {margin-right:0;}

		.LIST_2row .BT_bar {margin:10px 0 5px 0 !important; z-index:100 !imporatnt;}
		.LIST_2row .BT_bar li a {padding:5px 0 !important;}
		.LIST_2row .BT_reg {margin-top:-5px !important; z-index:99 !imporatnt;}

		/*** 미디어쿼리 ***/
		@media (min-width:640px) {
		.LIST_2row .BT_bar a {margin:30px 0 0 0 !important; z-index:100 !imporatnt;}
		.LIST_2row .BT_bar li a {padding:8px 0 !important;}
		.LIST_2row .BT_reg {margin-top:-5px !important; z-index:99 !imporatnt;}
		}

/***************************************** 1col_txt (글씨만 있는 가장 작은 리스트: 오른쪽 자동반은 on/off, 보완필요) ********************************/	
		/*** 미디어쿼리 ***/
		@media (max-width:420px) {
		.LIST_1col_txt {width:100%;}
			.LIST_1col_txt .keep {width:100% !important; float:left;}
			.LIST_1col_txt .hidden {display:none; clear:both; float:right; font-size:13px;}

				.LIST_1col_txt {width:100%; clear:both; border-top:2px solid #555; border-bottom:2px solid #555;}
				.LIST_1col_txt .tit {font-weight:600; height:34px; line-height:34px; background-color:#ddd; border-bottom:1px solid #999; text-align:center; display:block;}
					
					.LIST_1col_txt ul {text-align:left; border-bottom:1px solid #ccc; vertical-align:middle !important;}
					.LIST_1col_txt ul:last-child {border-bottom:0;}
							
							.LIST_1col_txt dd {line-height:17px;}

				.LIST_1col_txt .con {border-bottom:1px solid #ddd; height:63px; text-overflow:ellipsis; overflow:hidden;}
						.LIST_1col_txt .con li {padding:8px 0;}
								.LIST_1col_txt td {width:34%;}
									.LIST_1col_txt .con td {text-align:left;}

										.LIST_1col_txt .keep h3 {float:left; margin-right:10px; color:#999;}
										.LIST_1col_txt font {color:#8dc641;}
										.LIST_1col_txt .keep a {color:#333 !important;}
		}
		/*** // 미디어쿼리 ***/

		/*** 미디어쿼리 ***/
		@media (min-width:420px) {
			.LIST_1col_txt {width:100%;}
				.LIST_1col_txt .keep {width:60%;}
				.LIST_1col_txt .hidden {width:35%; float:right;}

			.LIST_1col_txt {width:100%; clear:both; border-top:2px solid #555; border-bottom:2px solid #555;}
				.LIST_1col_txt .tit {font-weight:600; background-color:#ddd; text-align:center; height:20px; display:block; padding:10px 0;}
				.LIST_1col_txt .tit table {margin-top:-2px;}
					.LIST_1col_txt ul {display:block; text-align:left;}
						.LIST_1col_txt .con {border-bottom:1px solid #ddd; height:65px; vertical-align:middle; overflow:hidden;}
							.LIST_1col_txt .con li {padding:8px 0;}
								.LIST_1col_txt .keep {float:left;}
								.LIST_1col_txt .hudden {clear:both; float:right;} 
									.LIST_1col_txt td {width:34%;}
										.LIST_1col_txt .con td {text-align:left;}

								.LIST_1col_txt .keep h3 {float:left; margin-right:10px; color:#999;}
								.LIST_1col_txt font {color:#8dc641;}
								.LIST_1col_txt .keep a {color:#333 !important;}
		}
		/*** // 미디어쿼리 ***/

.LIST_2col {width:100%;}
	.LIST_2col li {width:49%; float:left; margin-right:2%;}
	.LIST_2col li:nth-child(even) {margin-right:0 !important;}
		.LIST_2col li img {width:100%; margin-bottom:8px;}

/*** 미디어쿼리 ***/
@media (min-width:640px) {
	.LIST_2col {width:49.5% !important; float:left;}
	.LIST_2col:nth-child(odd) {margin-right:1% !important;}
}
/*** // 미디어쿼리 ***/

/***** 기본 2col; 현재는 VOD_TV.php 에만 쓰임 *****/
.LIST_2col_small {width:100%; display:inline-block !important; margin-bottom:12px; line-height:20px !important;}
		.LIST_2col_small li {width:48.5%;}
			.LIST_2col_small li:first-child {float:left;}
			.LIST_2col_small li:nth-child(2) {float:right;}
			.LIST_2col_small li img {width:100% !important;}
			.LIST_2col_small h3 {width:90%; color:#333 !important; display:block; text-align:center !important; margin-top:6px !important; padding:0 5%; line-height:17px !important;}
				.LIST_2col_small span {width:90%; color:#555; display:block; text-align:center !important; margin-top:2px; padding:0 5%; line-height:14px !important;}

/***** 기본 3col; 현재는 VOD_TV.php 에만 쓰임 *****/
.LIST_3col_small {width:100%; display:inline-block !important; margin-bottom:12px; line-height:20px !important;}
	.LIST_3col_small ul {width:100%; display:inline-block;}
		.LIST_3col_small li {width:31.3%; margin-right:3%; padding:0 !important; float:left;}
			.LIST_3col_small li:last-child {margin-right:0 !important;}
			.LIST_3col_small li img {width:100% !important;}
			.LIST_3col_small h3 {width:90%; color:#333 !important; display:block; text-align:center !important; margin-top:6px !important; line-height:17px !important;}
				.LIST_3col_small span {width:90%; color:#555; display:block; text-align:center !important; margin-top:2px; padding:0 5%; line-height:14px !important;}

/***************************************************** 슬라이드 배너 *****************************************************/
.BAN_slide {clear:both; width:100%; margin-bottom:15px;} 
	.BAN_slide img {width:100% !importnat;} /*** 적용안되서 태그에 ***/

/***************************************************** 버튼조정 *****************************************************/
.LIST_1col .BT_bar {margin-bottom:20px; border:1px solid #ccc !important; border-bottom:0 !important;}

/*** 미디어쿼리 ***/
	@media (min-width:540px) {
		.LIST_1col .BT_bar {border-right:0 !important; width:99.8% !important;}
	}
/*** // 미디어쿼리 ***/

/***************************************************** 나의 강의실 *****************************************************/
/***************************************************** 나의 강의실 *****************************************************/
.myLecture {margin:0 !important; display:block;}
	.graph {padding-bottom:70px; border-bottom:1px dashed #555 !important; margin-bottom:10px;} /*** 하단 경계점선 ***/

	.step .graph {margin:-35px 0 20px 0; border-bottom:0 !important;}
	.step .cell {margin-top:20px;}
		.step .cell th {width:70px !important; padding:4px !important;}
		.step .cell_1 th {width:90px !important; padding:4px !important;}
			#TABLE_wrap .cell h3 {color:#8dc641 !important; text-align:left !important;}

/*** 타이틀 ***/
	.graph p {width:100%; padding:10px 0; display:inline-block;}
		.graph big {font-weight:600; text-align:left !important; margin-top:0 !important; color:#8dc641 !important;}
		.graph h2 {color:#333 !important; text-align:left !important; margin:-5px 0 -10px 0 !important;}
		.graph b {clear:both; !important; padding:5px 12px 6px 10px; display:inline; border-radius:30px; color:#fff !important; text-align:center; vertical-align:middle;}
			.graph b:first-child {background-color:#8dc641;}
			.graph b:last-child {background-color:#999;}
			/*** 미디어쿼리 ***/
			@media (min-width:600px) {
			.graph big {float:left;}
			.graph h2 {float:right;}
			}
			/*** // 미디어쿼리 ***/

	/*** 진도그래프 ***/
	.graph_1-2 {clear:both; width:75%;}
		.graph_1, .graph_2 {clear:both; position:relative; width:100%; height:23px; border:1px solid #999; background-color:#fff; z-index:99; border-radius:30px;
			-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px;}
		.graph_2 {margin-top:3px;}
			.graph_1 .graph-ex_1 {width:50%; height:100%; background-color:#8dc641; position:absolute; top:0; left:0; z-index:100; vertical-align:middle; color:#fff; font-weight:600; text-align:center; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-height: 33px;}
			.graph_2 .graph-ex_2 {width:80%; height:100%; display:block; background-color:#999; position:absolute; top:0; left:0; z-index:100; vertical-align:middle; color:#fff; font-weight:600; text-align:center; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-height: 33px;}
		/*** 미디어쿼리 ***/
			@media (min-width:600px) {
			.graph_1, .graph_2 {height:33px !important;}
			}

	/*** 버튼들 ***/
	.BTs {width:100%; display:block;}
		.BTs .BT_bar {width:49.5% !important; margin:20px 0 30px 0; color:#333 !important; background-color:#ddd; float:left;}
		.BTs .BT {width:49.5% !important; margin:20px 0 30px 0; color:#333 !important; background-color:#ddd; float:right;}

/***** 신청중인 과정 *****/
.myLecture .ing {margin-top:20px !important;}
	.ing .BT_bar {margin-top:15px; margin-bottom:10px; padding-bottom:15px; border-bottom:1px dashed #555 !important;}
	.myLecture .ing big {font-weight:600; text-align:left !important; margin-top:0 !important; color:#8dc641 !important;}
	.myLecture .ing h2 {color:#333 !important; text-align:left !important; margin:5px 0 -20px 0 !important;}

	/*** 미디어쿼리 ***/
	@media (min-width:600px) {
	.myLecture .ing big {float:left;}
	.myLecture .ing h2 {float:right; margin-top:-5px;}
	}
	/*** // 미디어쿼리 ***/
	
	#term {background-color:#ddd; padding:5px; margin-top:15px; color:#333 !important;}


/******************************************************* 테이블들: 이부분 조심해야 전체 테이블이 흐뜨러지지 않음 *******************************************************/
#TABLE_wrap {width:92%; margin:0 auto; border-bottom:10px solid #f1f1f1; text-align:center !important;}
	#TABLE_wrap strong {text-align:left !important; margin:15px 0 10px 0 !important;}
	#TABLE_wrap .box {/*** background-color:#fff !important; ***/}
	#TABLE_wrap .I_green li {margin:5px; margin-left:0 !important;}
	#TABLE_wrap .BT_bar a {background-color:#fff !important; padding-left:-2px !important; margin-top:10px;}
	#TABLE_wrap .BT_bar a:hover, #TABLE_wrap .BT_bar a:focus {background-color:#999 !important; color:#fff !important;}			
 
/**** 서체관련 ****/
.TABLE_totalPoint {background-color:#8dc641 !important; color:#fff !important;}
#TABLE strong {width:100%; margin-bottom:10px;}
#TABLE strong:last-child {/*** margin-top:10px;***/}

.table_space {height:100%; background:#ebebeb}


/******************************************************* NEIS / 신청서 *******************************************************/
/******************************************************* 1col table *******************************************************/
	/********** table내 BT옆 글씨 ***********/
	/*** 미디어쿼리 ***/
	@media (max-width:639px) {
	.TABLE_1col span {margin:10px 5px 10px 0; height:40px; line-height:40px;}
	.TABLE_1col dt input {width:45%;} /**** 연수번호 폼 ****/
	}

	@media (min-width:640px) {
	.TABLE_1col span {float:left; margin:10px 5px 10px 0; height:20px; line-height:20px !important;}
	.TABLE_1col dt input {width:23.5% !important;} /**** 연수번호 폼 ****/
	}
	/*** // 미디어쿼리 ***/


/*************************************************** groupList **************************************************/
/*************************************************** 2col table **************************************************/
		/********** table 전체 width 반응형 조정: 아주 중요 ***********/
		/*********** 2col table #2 ***********/
		.TABLE_pop_2 {margin-top:-1px;}		
		/*********** // 2col table #2 ***********/
/*************************************************** // 2col table **************************************************/

/******** 테이블 (반응형을 위해 추가된 부분 = 자동 열이동) **********/
/*************************************************** Multi_col table ***************************************************/
		/*** 미디어쿼리 ***/
		@media (max-width:640px) {
		.LECTURE_multi .TABLE_pop_3 {display:none;}
		.LECTURE_multi .TABLE_pop_4 {width:100%;}
		}
		/*** // 미디어쿼리 ***/

		/*** 미디어쿼리 ***/
		@media (min-width:641px) {
		.LECTURE_multi .TABLE_pop_3 {width:100%; opacity:1;}
		.LECTURE_multi .TABLE_pop_4 {display:none;}
		}
		/*** // 미디어쿼리 ***/

	/*********** // Multi_col table ***********/

/*************************************************** 1col과 2col의 교차 table **************************************************/
		/*** 미디어쿼리 ***/
		@media (max-width:640px) {
		.TABLE_pop_5 {width:100%;}
		.TABLE_pop_6 {display:none;}
		}
		/*** // 미디어쿼리 ***/

		/*** 미디어쿼리 ***/
		@media (min-width:641px) {
		.TABLE_pop_5 {display:none;}
		.TABLE_pop_6 {width:100%;}
		}
		/*** // 미디어쿼리 ***/
/*************************************************** // 1col과 2col의 교차 table **************************************************/
	
/*************************************************** 2sec table **************************************************/
.TABLE_2sec {width:100%;}
	.TABLE_2sec .TABLE_height {background-color:#555; color:#fff; font-weight:600; text-align:center;}
	
/*************************************************** // 2sec table **************************************************/

/*************************************************** TABLE: 옆으로 여러항목: tr전체 링크가 걸리는 경우 **************************************************/


	/*** 후기 ***/
	.TABLE_row .epilogue th:first-child, .TABLE_row .epilogue td:first-child {text-align:center; width:2%;}
	.TABLE_row .epilogue th:nth-child(2), .TABLE_row .epilogue td:nth-child(2) {width:65%;}
	.TABLE_row .epilogue th:nth-child(3), .TABLE_row .epilogue td:nth-child(3) {width:16%;}
	.TABLE_row .epilogue th:last-child, .TABLE_row .epilogue td:last-child {width:17%;}

	/*** 교육청 ***/
	.TABLE_row .eduOffice th:first-child, .TABLE_row .eduOffice td:first-child {text-align:center; width:4%; line-height:14px !important;}
	.TABLE_row .eduOffice th:nth-child(2), .TABLE_row .eduOffice td:nth-child(2) {width:61%;}
	.TABLE_row .eduOffice th:nth-child(3), .TABLE_row .eduOffice td:nth-child(3) {width:10%; text-align:center;}
	.TABLE_row .eduOffice th:last-child, .TABLE_row .eduOffice td:last-child {width:25%;}

	/*** 찜하기 ***/
		/**** 연수 ****/
		.TABLE_row .save_LIST th:first-child, .TABLE_row .save_LIST td:first-child {text-align:center; width:9%; padding:0 5px !important;}
		.TABLE_row .save_LIST th:nth-child(2), .TABLE_row .save_LIST td:nth-child(2) {width:76%;}
		.TABLE_row .save_LIST th:last-child, .TABLE_row .save_LIST td:last-child {width:15%; padding:0 5px !important;}


	/*** 작은 그린아이콘 백 (COMMUNITY)***/
	.TABLE_row .poll {background-color:#f1f1f1; text-align:center !important; margin:-5px 0 -5px 0 !important;}
		.TABLE_row .I_green {padding:2px 3px 2px 2px !important; background-color:#8dc641; text-align:center; font-size:13px !important; line-height:22px !important; text-align:center; border-radius:10px;
						-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
	

/*************************************************** // TABLE: 옆으로 여러항목: tr전체 링크가 걸리는 경우 **************************************************/

	.graph-bar {padding:1% 0 !important; background-color:#fff;} 
		.graph-ex_1 {padding:1% 0 !important;}
		.graph-ex_2 {padding:1% 0 !important;}

/****************************************************************** guide (녹색바탕 상하위 이벤트, 안내) ******************************************************************/
/****** top *****/
.top_guide {margin:0 auto; padding:5px 10px; display:block; background-color:#8dc641; color:#fff; text-align:center; border-radius:15px;
			-webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;}
	.top_guide .box {color:#333 !important; border-radius:15px;
					-webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;} /**** 하부 흰색 글박스 ****/
	.top_guide .txt {margin-bottom:-10px !important; font-weight:normal !important; text-align:center !important;}

.top_guide_1 {background-color:#f1f1f1 !important; border:1px solid #8dc641 !important; padding:10px 3% !important; text-align:center !important;
			border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;}

	.top_guide b {margin:0 auto; padding-top:10px !important; font-size:13px !important;}
			.top_guide img {width:100%;}
			.top_guide h2 {color:#fff !important; letter-spacing:0 !important; display:block; margin:10px 0 20px 0 !important;} /*** underline 추가 ***/
			.top_guide h3 {color:#333 !important; padding:3px 18px !important; display:inline; background-color:#f1f1f1; border-radius:20px;
							-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;} /*** round background 추가 ***/	
			.top_guide span {width:100%; letter-spacing:-0.5; font-weight:normal; text-align:left; display:block; margin:15px 0; color:#fff !important;} /*** 가운데 정렬, 흑색333 보통글씨 ***/

				 .top_guide .BT_reg {margin:15px 0 !important; display:block;} /*** 적용안됨 ***/
				 .top_guide .BT_reg a {padding:6px 10px; display:inline; border:1px solid #f1f1f1; color:#fff; font-size:13px !important; margin-right:8px; letter-spacing:-0.5 !important; background-color:#8dc641 !important;}
					 .top_guide .BT_reg a:last-child {margin-right:0;}
					 .top_guide .BT_reg a:focus,
					 .top_guide .BT_reg a:active,	
					 .top_guide .BT_reg a.active,
					 .top_guide .BT_reg a.disabled,
					 .top_guide .BT_reg a[disabled] {padding:6px 10px; display:inline; background-color:#fff !important; color:#333; border:1px solid #f1f1f1;}

				/*** 미디어쿼리 ***/
				@media (min-width:600px) {
				.top_guide {margin:0 auto; padding:15px; display:block; background-color:#8dc641; color:#fff; font-weight:600; text-align:center; border-radius:15px;
						-webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;}
				.top_guide .BT_reg a {padding:6px 20px; margin:10px;}
					 .top_guide .BT_reg a:focus,
					 .top_guide .BT_reg a:active,
					 .top_guide .BT_reg a.active,
					 .top_guide .BT_reg a.disabled,
					 .top_guide .BT_reg a[disabled] {padding:6px 20px;}
				}
				/*** // 미디어쿼리 ***/

.top_guide_deco {width:100%; text-align:center; color:#8dc641; font-size:18px; margin-top:-5px;}

/****** bottom *****/
.bottom_guide {margin-top:10px; display:block; padding:1.5% 4% 2% 4%; background-color:#fff; color:#333; font-weight:600; border-radius:15px; border:1px solid #ccc;
			-webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;}
	.bottom_guide h1 {font-weight:600;}
	.bottom_guide h3 {color:#333 !important; padding:3px 18px !important; display:inline; background-color:#ddd; border-radius:20px; 
				-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;}
	.bottom_guide p {width:98%; margin:0 auto; padding:8px 0 15px 0 !important;}
	.bottom_guide p:last-child {margin-bottom:-5px !important;}
	.bottom_guide span {width:98%; margin:0 auto; font-weight:normal !important; display:block; margin-top:5px;}

#searchWay .box {padding-top:18px !important;}
#searchWay .box span {margin-bottom:5px;}
#searchWay h2 {margin-bottom:10px;}
#searchWay .TXT {color:#fff !important; margin-top:15px;}

	/*********** include *************/
	#study {width:100%;}
		#study .wrap {margin-top:-10px;}
		#study h2 {width:100%; color:#8dc641 !important; padding:5px 0;}
		#study span {font-size:13px !important; display:block; margin-bottom:10px;}

		#TABLE_study {width:100%; display:inline-block; padding:0 !important; background-color:#fff; border-bottom:2px solid #f1f1f1; margin-bottom:15px; position:relative;}
			#TABLE_study ul {border-bottom:2px solid #f1f1f1; padding:5px; position:relative;}
				#TABLE_study li {text-align:left !important;}
				#TABLE_study li big {color:#8dc641 !important; font-weight:600;}
					#TABLE_study li big span {font-size:13px !important;}
				#TABLE_study li.TIT {clear:both; width:70%; overflow:hidden; margin-left:17px !important; line-height:16px !important;}
				#TABLE_study li.BT_reg {width:20%; font-size:13px !important; position:absolute; top:10px !important; right:5px !important;}



	.LECTURE_book {width:100%; margin:0 !important;}
		.LECTURE_book li {width:45%; float:left; vertical-align:top;}
		.LECTURE_book li:last-child {width:50%;}
		.LECTURE_book img {width:100% !important;} /*** 기존 웹 데이타베이스에서 가져올 수도 있음 ***/
		.LECTURE_book h1 {font-size:16px !important; margin:10px 0 -10px 0; padding:0 !important; text-align:left !important;}
		.LECTURE_book b {margin-bottom:-10px !important; padding:0 !important;}
		.LECTURE_book span {margin-top:40px;}
		.INPUT_address {width:100%;}

		/*** 미디어쿼리 ***/
			@media (min-width:600px) {
			.LECTURE_book h1 {font-size:18px !important; margin:30px 0 20 0 !important; color:#8dc641;}
			.INPUT_address li {float:left; width:45% !important; margin:0 !important; display:block;}
			.INPUT_address li:first-child {width:100% !important;}
		}
		/*** // 미디어쿼리 ***/

/******************************* 부수적인 것들 ************************************/
.table_in_event {background-color:#555 !important; padding:15px 10px; color:#fff; line-height:17px;}
	.pass_list {border-top:2px solod ##8dc641; border-bottom:2px solod #8dc641;} /*** 어디 정의인지 알아내면 기입할 것 ***/

	/*** 미디어쿼리 ***/
	@media (max-width:599px) {
		.multi_forms .guide {margin:-20px 0 0 10px !important; line-height:20px !important;}
		.multi_forms .checkBox {float:right; margin:0 30px 0 0 !important;}
		#address_1 {width:100% !important;}
		#address_2 {width:100% !important;}
		.table_in_event {background-color:#555 !important; padding:15px 10px; color:#fff; line-height:17px;}
		}
	/*** // 미디어쿼리 ***/	

	/*** 미디어쿼리 ***/
	@media (min-width:600px) {
	.price input {width:96% !important;}
	.address {clear:both !important;}
	.address li {float:left;}
	#address_1 {width:40% !important; margin-right:10px;} /*** 적용안됨 ***/
	#address_2 {width:58% !important; margin-right:0;} /*** 적용안됨 ***/
	.table_in_event {background-color:#555 !important; padding:15px 10px; color:#fff; line-height:17px;}
	}
	/*** // 미디어쿼리 ***/

/*************************************** 버튼을 동반한 테이블 ***************************************/
/*************************************** 우편번호찾기, 강의 > study 등등... ***************************************/
#TABLE_wBT {background-color:#fff; padding:4%;} /*** class로 지정하면 반영이 안됨 ***/
	#TABLE_wBT thead, #TABLE_wBT tbody {margin-bottom:15px;}
	#TABLE_wBT table, #TABLE_wBT tr, #TABLE_wBT th, #TABLE_wBT td {padding:0 !important; margin:0 !important;}
		#TABLE_wBT .BT_reg {float:left; margin-top:15px;} 

		.zip {font-size:16px; color:#000; margin-right:10px; text-align:left; padding:0 !important; margin-bottom:15px; float:left;}
		#TABLE_wBT .I_green {width:40px !important; opacity:0.7; padding:2px 4px !important; float:left; border-radius:20px;
								-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;}
	
		
		#TABLE_wBT tfoot li {border-bottom:1px solid #ddd; padding:5px 0;}
			#TABLE_wBT tfoot li:first-child {border-top:1px solid #ddd; margin-top:15px;}		

		#TABLE_wBT ol li {padding-top:6px; margin:0 10px;}


/*************************************** TABLE: 전체 링크하는 것 ***************************************/
/*************************************** 학교찾기, 우편번호 등등... ***************************************/
.TABLE_link {}
	.TABLE_link td {padding-top:14px !important; padding-bottom:14px !important;}
	.TABLE_link th:first-child, .TABLE_link td:first-child {width:35%;}
	.TABLE_link th:last-child, .TABLE_link td:last-child {width:65%;}
	.TABLE_link span {color:#fff !important;}

	.TABLE_link table {margin-top:20px;}

/******* a태그 NO *******/
	/*** 테이블 전체 링크 ***/
	.TABLE_link tr td {width:100%; height:100%;}
	.TABLE_link tr:hover td,
	.TABLE_link tr:focus td,
	.TABLE_link tr.disabled td,
	.TABLE_link tr[disabled] td,	
	.TABLE_link tr:active td,
	.TABLE_link tr.active td {background-color:#eee !important; color:#000 !important;}

	/*** 테이블 전체 링크 ***/
	.TABLE_link tr td b{width:100%; height:100%;}
	.TABLE_link tr:hover td b,
	.TABLE_link tr:focus td b,
	.TABLE_link tr.disabled td b,
	.TABLE_link tr[disabled] td b,	
	.TABLE_link tr:active td b,
	.TABLE_link tr.active td b {background-color:#eee !important; color:#000 !important;}

/******* a태그 YES *******/
	/*** 테이블 전체 링크 ***/
	.TABLE_link tr td a {width:100%; height:100%;}
	.TABLE_link tr:hover td a,
	.TABLE_link tr:focus td a,
	.TABLE_link tr.disabled td a,
	.TABLE_link tr[disabled] td a,	
	.TABLE_link tr:active td a,
	.TABLE_link tr.active td a {color:#000 !important;}

/*************************************** 쿠폰관련 반응형 ***************************************/
 /*** 검색부 ***/
  .coupon h2 {margin:15px 0 !important; text-align:left important;} /*** footer_2 연결 부모창에만 해당 ***/
  .coupon ul {width:100%; float:left; display:inline-block; position:relative;}
	.coupon .SEARCH_bar {width:68%; float:left; margin-top:-5px !important;}
	.coupon .BT_reg {padding:5px !important; float:right; margin-top:-25px;}

  /*** 테이블 ***/
  .coupon tr {border-bottom:1px solid #f1f1f1;}
	.coupon th:first-child {width:10%; padding:2%;}/** 번호부 **/
	.coupon th:nth-child(2) {width:67%; padding:2%;}/** 제목부 **/
	.coupon th:last-child {width:23% !important;}/** 아이콘 부 **/

	.coupon td:first-child {width:10%; padding:2%;}/** 번호부 **/
	.coupon td:nth-child(2) {width:67%; padding:2%;}/** 제목부 **/
	.coupon td:last-child {width:23% !important;}/** 아이콘 부 **/

	/*** 작은쿠폰 디자인 ***/
	.coupon td:last-child {/* background: url(/img/BG_coupon.png)  #fff no-repeat;*/  background-size:90%;}
		.coupon td:last-child p {margin:0 auto; color:#000 !important; font-weight:600; text-align:right;}
			.coupon td:last-child p font {font-size:12px; color:#8dc641;}

	/************ 미디어쿼리 ************/
	@media (min-width:500px) and (max-width:800px) {
	/*** 검색부 ***/
	.coupon .SEARCH_bar {width:82%; float:left;}


	/*** 작은쿠폰 ***/
	.coupon td:last-child {background-size:51%;}
		.coupon td:last-child p {text-align:center;}
	}
	/************ // 미디어쿼리 ************/

	/************ 미디어쿼리 ************/
	@media (min-width:800px) {
	/*** 검색부 ***/
	.coupon .SEARCH_bar {width:90%; float:left;}
	
	/*** 작은쿠폰 ***/
	.coupon td:last-child {background-size:30%;}
		.coupon td:last-child p {text-align:center;}
	}
	/************ // 미디어쿼리 ************/

/*************************************** // 쿠폰관련 반응형 ***************************************/

/**************************************** sub 페이지들 ***************************************/
/**************************************** sub 페이지들 ***************************************/
/*** 디자인 지문페이지들 ***/
#DESIGN_txt section {width:100%; text-align:left !important; overflow:hidden;}
	#DESIGN_txt section img, #DESIGN_txt_1 section img {width:100%; margin:15px 0;}
	#DESIGN_txt strong, #DESIGN_txt_1 strong {font-size:19px !important; color:#8dc641 !important; text-align:left !important;}
	#DESIGN_txt h3, #DESIGN_txt_1 h3 {text-align:left !important; margin:10px 0 5px 0 !important;}
	#DESIGN_txt b {font-size:14px !important; color:#8dc641 !important; margin-top:10px; display:block;}
	#DESIGN_txt .pic_2col {margin-top:15px;}
		#DESIGN_txt .pic_2col img:first-child {width:52%; float:left;}
		#DESIGN_txt .pic_2col img:last-child {width:44%; float:right;}

	/*** 미디어쿼리 ***/
	@media (min-width:600px) and (max-width:999px) {
	#DESIGN_txt section {width:46%; float:left; overflow:hidden;}
	#DESIGN_txt section img {width:46% !important; float:right;}
	#DESIGN_txt_1 section img {width:50% !important; margin-right:6%; float:left;}
		#DESIGN_txt section h3, #DESIGN_txt_1 section h3 {margin:28px 0 5px 0 !important;}
	#DESIGN_txt .pic_2col img:first-child {width:46% !important; float:right; margin-bottom:15px;}
	#DESIGN_txt .pic_2col img:last-child {width:46% !important; float:right;}
	}
	/*** // 미디어쿼리 ***/

	/*** 미디어쿼리 ***/
	@media (min-width:1000px) {
	#DESIGN_txt {width:48%; float:left;}
	#DESIGN_txt_1 {width:48%; float:right;}
	#DESIGN_txt span:last-child {float:left;}	
	#DESIGN_txt .pic_2col{display:none;}
	}
	/*** // 미디어쿼리 ***/

/*** 아코디언 공통 ***/
.demo {clear:both; width:100%; text-align:left !important; margin-top:50px !important; border:0 !important;}
	.demo h2 {text-align:left; margin-bottom:10px;}
	.demo h3 {color:#8dc641 !important;}
	.demo span {font-weight:normal !important;}
	.demo big {color:#8dc641 !important; margin-right:5px; font-size:18px !important;}
	.demo b {color:#8dc641 !important; margin-right:5px;}
	.demo .TIT img {width:100%; margin:0 auto;}
	.resp-tabs-container p {padding:5px 0;}
	.resp-tabs-container {width:100%;}
	#tabInfo {display:none;}
	#horizontalTab li {display:table-cell; color:#333;}	

big {color:#000;}
em {color:#8dc641; font-size:15px; font-weight:600;}
u {margin-top:0 !important; font-size:13px !important; font-weight:600;}

/************ TV SUB: 상세 ************/
/************ TV SUB: 상세 ************/
.conDetail_TIT {width:100%;}
.conDetail_TIT h1 {text-align:left !important; color:#8dc641 !important; font-size:18px; font-weight:600 !important; margin:15px 0 10px 0;}
	.top_info {clear:both; display:inline-block; margin-top:20px;}
		.top_info i {color:#ccc; margin:0 5px;}
	.conDetail_TIT p {line-height:15px !important; margin:10px 0;}

	.conDetail_TIT .category {width:100%; padding:10px 0; margin:10px 0; display:inline-block; border-top:2px solid #ccc; border-bottom:2px solid #ccc; font-size:14px !improtant;}
		.conDetail_TIT .category b {float:left; padding:5px 0;}
		.conDetail_TIT .category .BT_reg a {float:right; padding:5px 8px !important; background-color:#fff !important;}
		.conDetail_TIT .category .BT_reg a:hover,
		.conDetail_TIT .category .BT_reg a:focus,
		.conDetail_TIT .category .BT_reg a.disabled,
		.conDetail_TIT .category .BT_reg a[disabled],	
		.conDetail_TIT .category .BT_reg a:active,
		.conDetail_TIT .category .BT_reg a.active {padding:5px 8px !important; background-color:#ddd !important; color:#333 !important; border-color:#ccc !important;}


	.conDetail_TIT .num {float:left;} 
	.conDetail_TIT .I-sns {width:62%; float:right; margin:-5px 0 20px 0;}
		.conDetail_TIT .I-sns td {padding:0 0 0 5px !important; text-align:right;}

	/**** 미디어쿼리 ****/
	@media (min-width:600px) and (max-width:999px) {
	.conDetail_TIT .I-sns {width:50%; float:right !important; display:block; margin:10px 0 15px -5px !important;}
		.conDetail_TIT .I-sns td {padding-left:10px !important;}
	}
	/**** // 미디어쿼리 ****/

	/**** 미디어쿼리 ****/
	@media (min-width:1000px) {
	.conDetail_TIT .I-sns {width:35%; text-align:left !important;}
		.conDetail_TIT .I-sns td {padding-left:20px !important;}
	}
	/**** // 미디어쿼리 ****/

/*********** 사진 라운드 3col 썸네일 (사용예:TV 인물 부분) ***********/
.people_photo li {width:33.3%; float:left; margin:-5px 0 15px 0;}
	.people_photo dt {width:75%; margin:0 auto; background:#000; overflow:hidden; border-radius:100px;}
		.people_photo img {width:100%; overflow:hidden; border-radius:100px;}
		.people_photo img:hover {opacity:0.7;}
	.people_photo dd {text-align:center; font-weight:600; display:block; margin-top:5px;}

/*********** 사진 및 소개 토글다운 클릭시 (사용예:TV 상세서브페이지 부분) ***********/
.people_info {clear:both; width:94%; padding:5% 3%; background-color:#fff; margin-top:10px; display:inline-block;}
	.people_info li {float:left;}
	/*** IMG ***/
	.people_info li {float:left;}
		.people_info li.photo {width:25%;}
		.people_info li.photo img {width:100%; overflow:hidden; border-radius:100px;
		-webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px;}
	/*** TXT ***/
	.people_info .TXT {width:70%; margin-left:5%; text-align:left !important;}
	.people_info h3 {margin-bottom:8px; text-align:left !important; color:#555}
	.people_info .TXT span {clear:both; padding-bottom:10px; border-bottom:1px dashed #ccc; display:block;}
	.people_info dt {display:block;}
	.people_info dd {clear:both; margin-left:0 !important; font-size:12px !important; color:#555}

.people_info2 {clear:both; width:94%; padding:5% 3%; background-color:#fff; margin-top:10px; display:inline-block; text-align:left;}
/*********** 2배열 사진과 함께 (예: TV>인터뷰) ***********/



/************ 현장연수 SUB: 상세 ************/
/************ 현장연수 SUB: 상세 ************/
.CON_detail .conDetail_TIT ul {width:100%; margin:20px 0 10px 0 !important;}

.CON_detail .BT_bar {margin-top:20px; background-color:#f1f1f1 !important;}/*** 최종버튼***/
.CON_detail h1 {text-align:left !important; margin:10px 0; text-align:left !important; font-weight:bolder; line-height:24px;}
.CON_detail .TXT {margin-top:10px !important; display:block; line-height:15px !important;}

/************ 미디어쿼리 ***********하위 vod와 합쳐집 ****/
@media (min-width:600px) {
.CON_detail .conDetail_TIT {width:45%; float:left;}
.CON_detail .vod {width:50%; float:right; padding-bottom:28.13% !important;}
.CON_detail .vod {margin-bottom:30px !important;}
}

/************ 연수 상세 페이지 리스트 ************/
.LIST_apply td {padding:0; margin:0 !important;}
	.BT_1col {margin:0 !important; font-weight:600;}
		.BT_1col a {height:32px; line-height:32px; background-color:#8dc641; color:#fff; margin:0 !important; display:block;}
		.BT_1col a:hover,
		.BT_1col a:focus,
		.BT_1col a:active,
		.BT_1col a.active,
		.BT_1col a.disabled,
		.BT_1col a[disabled] {height:32px; line-height:32px; background-color:#555; color:#fff; margin:0 !important; display:block;}

	/************ 미디어쿼리 ***********/
	@media (min-width:600px) {
	.LIST_apply td {padding:5px !important;}
	}
	/************ // 미디어쿼리 ***********/

.LIST_apply table {text-align:center;}
	.LIST_apply th {width:40px !important; background-color:#999 !important; color:#fff !important;}
	.LIST_apply .BT_bar {width:100%; margin:0 !important;}
		.LIST_apply .BT_bar li a {background-color:#8dc641 !important; color:#fff !important;}
			.LIST_apply .BT_bar li a:hover,
			.LIST_apply .BT_bar li a:focus,
			.LIST_apply .BT_bar li a:active,
			.LIST_apply .BT_bar li a.active,
			.LIST_apply .BT_bar li a.disabled,
			.LIST_apply .BT_bar li a[disabled] {background-color:#555 !important;}

	/*** 미디어쿼리 ***/
	@media (max-width:599px) {
	.LIST_apply .TABLE_multiCol {display:none;}
	}
	/*** // 미디어쿼리 ***/

	/*** 미디어쿼리 ***/
	@media (min-width:600px) {
	.LIST_apply .TABLE_2col {display:none;}
	.LIST_apply .TABLE_multiCol th:first-child, .LIST_apply .TABLE_multiCol td:first-child  {width:14%;}
	.LIST_apply .TABLE_multiCol th:nth-child(2), .LIST_apply .TABLE_multiCol td:nth-child(2) {width:22%;}
	.LIST_apply .TABLE_multiCol th:nth-child(3), .LIST_apply .TABLE_multiCol td:nth-child(3) {width:22%;}
	.LIST_apply .TABLE_multiCol th:nth-child(4), .LIST_apply .TABLE_multiCol td:nth-child(4) {width:22%;}
	.LIST_apply .TABLE_multiCol th:last-child, .LIST_apply .TABLE_multiCol td:last-child {width:17% !important;}
	}
	/*** // 미디어쿼리 ***/

#TABLE_multi {margin-top:20px;}
	#TABLE_multi table {margin-bottom:10px;}

.mid_notice {display:block; text-align:center; background-color:#fff; color:#333; padding:10px 8px; margin:30px 0 -10px 0 !important; font-size:14px; line-height:16px; font-weight:600; letter-spacing:-0.5 !important; border:1px solid #ccc; border-radius:15px;
			-webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;}

.mid_bar {clear:both; width:92%; padding:8px 4%; margin:15px 0 5px 0; font-size:15px !important; text-align:center; vertical-align:middle; font-weight:600; background-color:#fff; border:1px solid #ccc; display:inline-block;
border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; -o-border-radius:20px 20px 0 0; -ms-border-radius:20px 20px 0 0;}
	.mid_bar .TXT {color:#555 !important; font-size:13px !important;}
	.mid_bar strong {float:left !important; color:#333 !important;}

.mid_TIT {clear:both; width:92%; padding:5px 4%; margin:20px 0 5px 0; font-size:15px !important; text-align:center; vertical-align:middle; font-weight:600; background-color:#ccc; color:#fff; border:1px solid #ccc; border-radius:20px 20px 0 0;
		-webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; -o-border-radius:20px 20px 0 0; -ms-border-radius:20px 20px 0 0;}


/************ 고객센터 4개 탭 ************/
.COMMUNITY h2 {color:#8dc641 !important; margin:15px 0 8px 0;}
.COMMUNITY .form {margin-bottom:30px;}

	.COMMUNITY .LIST {margin-top:15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	.COMMUNITY .LIST td:first-child {text-align:center; width:10% !important;}
	.COMMUNITY .LIST td:nth-child(2) {width:20% !important; padding:2px !important; text-align:center;}
	.COMMUNITY .LIST td:last-child {width:70% !important;}


	.COMMUNITY .main_schedule {margin-top:15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	.COMMUNITY .main_schedule td {text-align:center;}

	.COMMUNITY .main_subject {margin-top:15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}


	.COMMUNITY .LIST_notice td:first-child {text-align:center; width:10% !important;}
	.COMMUNITY .LIST_notice td:nth-child(2) {width:65% !important; }
	.COMMUNITY .LIST_notice td:last-child {width:25% !important; padding:2px !important; text-align:center;}


.table_col .TIT {background-color:#555 !important; color:#fff; padding:10px 2%;}
.table_col {border-bottom:1px solid #ccc;}


/******************************************************************************** BOOK ********************************************************************************/
/******************************************************************************** BOOK ********************************************************************************/
#LIST_book {width:100%; margin-top:-15px !important;}
	#LIST_book td {padding:12px 2px 0 0 !important; margin:0 !important; background-color:#f1f1f1 !important;}
	#LIST_book tr>td:first-child {width:35%;}
	#LIST_book tr>td:last-child {width:65%; text-align:left;}
		#LIST_book td {vertical-align:top !important; border-bottom:1px dashed #ccc; padding-bottom:15px !important;}
			#LIST_book img {width:120%; margin-left:-18px !important;}
			#LIST_book h2 {text-align:left !important; color:#8dc641 !important; margin-top:15px;}
 
	/*** 미디어쿼리 ***/
	@media (min-width:600px) and (max-width:999px) {
	#LIST_book {margin-top:30px;}
	#LIST_book tr {width:48%; float:left;}
	#LIST_book tr:nth-child(even) {float:right;}
	}
	/*** // 미디어쿼리 ***/

	/*** 미디어쿼리 ***/
	@media (min-width:1000px) {
	#LIST_book tr>td:first-child {width:40%;}
	#LIST_book tr>td:last-child {width:60%; text-align:left;}
		#LIST_book tr {width:23.5% !important; float:left !important; margin-right:2%;}
		#LIST_book tr:first-child {margin-right:0 !important;}
		#LIST_book tr:last-child {margin-right:0 !important;}
		#LIST_book td {line-height:20px !important;}
	}
	/*** // 미디어쿼리 ***/

/*** 고객센터 ***/
.mid_guide {width:100%; background-color:#fff; border:1px dashed #ccc;  padding:20px 0; margin-top:20px; text-align:center; line-height:25px; border-radius:20px;
			-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;}
	.mid_guide li {width:50%; margin:0 auto; color:#8dc641 !important;}
	.mid_guide img {width:20px;}
	.mid_guide big {color:#333 !important;}

/*** BOOK : 장바구니 상세페이지 include ***/
.conDetail_TIT_BOOK {width:100%; margin-bottom:15px;}
	.conDetail_TIT_BOOK h2 {margin:10px auto !important; font-weight:600 !important; font-size:20px !important; color:#8dc641 !important;}
	.conDetail_TIT_BOOK th, .conDetail_TIT_BOOK td {background-color:#f1f1f1 !important; margin:0 !important; padding:0 !important; line-height:20px !important;}
		.conDetail_TIT_BOOK th {margin:0 !important; padding:0 !important; width:40%;}
			.conDetail_TIT_BOOK th img {width:85% !important;}
		.conDetail_TIT_BOOK td {margin-bottom:30px !important; padding:0 !important; width:60%;}

	/*** 미디어쿼리 ***/
	@media (min-width:533px) and (max-width:999px) {
		.conDetail_TIT_BOOK th {margin:0 !important; padding:0 !important; width:45% !important;}
				.conDetail_TIT_BOOK th img {width:100% !important;}
			.conDetail_TIT_BOOK td {padding-top:40px !important; width:55%; vertical-align:top !important;}

	 #TIT_BOOK_menus {width:45%; float:right; margin:-100px 0 30px 0 !important;}
		#TIT_BOOK_menus .I-sns td img {width:100%; opacity:0.8;}
	}
	/*** 미디어쿼리 ***/


	/*** 미디어쿼리 ***/
	@media (min-width:1000px) {
			.conDetail_TIT_BOOK td {padding-top:40px !important; width:30%; vertical-align:top !important;}
	 #TIT_BOOK_menus {width:25%; float:right; margin:-170px 0 30px 0 !important;}
		.I-sns td img {width:100%; opacity:0.8;}
	}
	/*** 미디어쿼리 ***/

/********************** 찜한도서 / 장바구니 / 구매목록 **********************/
#SELECT_BOOK .BUY_list h2 {color:#999 !important;}
#SELECT_BOOK .mask {width:100%; height:100%; background-color:#000;}

#SELECT_BOOK th {padding:18px 0 !important;}
	#SELECT_BOOK th:last-child, #SELECT_BOOK td:last-child {width:70%;}
#SELECT_BOOK td {vertical-align:top;}
	#SELECT_BOOK td:first-child {vertical-align:middle;}

#SELECT_BOOK h2 {color:#8dc641 !important; text-align:left !important; margin-bottom:5px; margin-top:10px;}
#SELECT_BOOK b {float:right; margin-right:1%;}

.2nd_TIT {display:none !important;}	

	#SELECT_BOOK .BT {width:33.3%;}
		#SELECT_BOOK .BT_reg {width:33.3% !important; margin-right:3%; margin-top:15px !important;}
			#SELECT_BOOK .BT_reg li {padding:2% 1% !important; text-align:right; float:left;} 
				#SELECT_BOOK .BT_reg li a {border-color:#fff !important;}
	
	#SELECT_BOOK th:first-child, #SELECT_BOOK td:first-child {width:3%; padding:0 2% 0 2.5% !important;}
	#SELECT_BOOK th:nth-child(2), #SELECT_BOOK td:nth-child(2) {width:25%;}
		#SELECT_BOOK td:nth-child(2) img {width:150% !important; margin-left:-15px !important; paddin:0 !important;}
	#SELECT_BOOK th:last-child, #SELECT_BOOK td:last-child {width:70%;}

	#SELECT_BOOK big {font-size:15px !important; color:#333 !important; font-weight:600 !important;}

	/*** 미디어쿼리 ***/
	@media (min-width:540px) {
	#SELECT_BOOK th:first-child, #SELECT_BOOK td:first-child {width:5% !important; padding-left:2% !important;}
	#SELECT_BOOK th:nth-child(2), #SELECT_BOOK td:nth-child(2) {width:25% !important;}
	#SELECT_BOOK td:nth-child(2) img {width:100% !important; margin-left:1% !important;}

	#SELECT_BOOK .BT_reg li {margin:0 auto; text-align:center !important;}
	}
	/*** // 미디어쿼리 ***/

#CANCEL_order textarea {width:100%; text-align:left !important;}
#CANCEL_order big {margin-bottom:20px; text-align:center !important;}
#CANCEL_order .TABLE_col {margin-top:20px;}
#CANCEL_order .TIT {background-color:#555 !important;}

	/****** cart > 합계 ******/
	.sum_sec th {background-color:#555 !important; color:#fff !important;}
		.sum_sec tr:last-child th {background-color:#ddd !important; color:#333 !important;}
	.sum_sec th big {color:#fff !important;}
		.sum_sec tr:last-child th big {color:#333 !important;}
	.sum_sec .BT {margin-bottom:15px;}
		.sum_sec .BT li {width:50% !important;}
		.sum_sec .BT a.cancel {background-color:#fff !important;}
		.sum_sec h1 {text-align:left !important; margin:-5px 0 10px 0 !important;}
		.sum_sec .sum b {float:left !important;}

/********************** 결제하기 **********************/
/*************** 4개 라디오버튼 ***************/
.pay_way {width:100%; text-align:left !important;}
	.pay_way li {width:44%; padding:3%; float:left; background-color:#fff;}
	.pay_way li:nth-child(3), .pay_way li:last-child {margin-top:-3%;}

	/*** 미디어쿼리 ***/
	@media (min-width:640px) {
	.pay_way {width:100%;}
		.pay_way li {width:23% !important; padding:1% !important;}
		.pay_way li:nth-child(3), .pay_way li:last-child {margin-top:0 !important;}
	}
	/*** // 미디어쿼리 ***/
/*************** // 4개 라디오버튼 ***************/

/*************** 구매 테이블 ***************/
.BUY {}
	.BUY h2 {color:#8dc641 !important; text-align:left !important; margin:5px !important; padding-top:10px;}
	.BUY span {width:100%; text-align:center !important; color:#555 !important;}
		.BUY span b {color:#333 !imporant;}
	.BUY .BT li {width:50% !important;}

	.use_POINTs input {width:100%; margin-bottom:5px;}	
	.final_info th {width:25% !important; padding:1% !important;}

	.BUY .sum th big {color:#fff !important;}
		.BUY .sum th, .BUY .sum td, .BUY .sum td big {background-color:#555 !important; color:#fff !important; text-align:center !important; font-weight:600 !important;}

	.BUY .BT li a {margin-top:20px;} /*** 반드시 a태그까지 써야함 ***/
 
	/*** 미디어쿼리 ***/
	@media (min-width:640px) {
	.use_POINTs input {width:50% !important;}
	}
	/*** // 미디어쿼리 ***/
/*************** // 구매 테이블 ***************/

.no_img {text-align:center; vertical-align:middle !important; font-size:18px; font-weight:600; color:#999 !important; letter-spacing:-0.5 !important;}

/*************** pop: 내용 상세 (예: 구매항목 상세내역) ***************/
.pop_detail h2 {text-align:left !impotant; color:#8dc641 !important;}
.pop_detail tr:last-child th {padding:10px 0 !important;}
	.pop_detail tr:last-child th, .pop_detail tr:last-child th big {background-color:#555 !important; color:#fff !important;}


/********************************************************************* PORTAL *********************************************************************/
/********************************************************************* PORTAL *********************************************************************/
/**** index 항목에 쓰이나 추후, 다른 곳에도 쓰일 수 있는 것이라 따로 일반 항목으로 구분 ***/
#index h2 {text-align:left !important; color:#333; margin:10px 0 -20px 0;}
#index .notice {margin:-30px 0 -20px 0 !important;}

.ADD_index {width:100%; text-align:center !important; background: url(/img/BG_main.jpg) no-repeat; background-size:130%; margin-top:-10px !important;}
	.ADD_index .BT_reg a {border:1px solid #8dc641 !important;}
	.ADD_index .BT_reg a:hover, .ADD_index .BT_reg a:focus {border:1px solid #f1f1f1 !important; background-color:#f1f1f1 !important; color:#333 !important;}

.ADD_index h1 {font-size:35px; font-weight:600; color:#ebff44; letter-spacing:-0.5 !important; text-align:center; padding-top:60px; text-shadow:0 0 3px #000;
	-webkit-text-shadow:0 0 3px #000; -moz-text-shadow:0 0 3px #000; -o-text-shadow:0 0 3px #000; -ms-text-shadow:0 0 3px #000;}

	#index .ADD_index h2 {clear:both; text-align:center !important; color:#fff !important; text-shadow:0 0 3px #000;
		-webkit-text-shadow:0 0 3px #000; -moz-text-shadow:0 0 3px #000; -o-text-shadow:0 0 3px #000; -ms-text-shadow:0 0 3px #000;}

		.ADD_index .inner_slideBar {width:100%; height:2px; margin:25px 30px;} /*** jq 모듈에 따라 변동될 수 있는 부분 ***/
			.ADD_index .inner_slideBar ul {width:152px; text-align:center; margin:0 auto; padding-left:2%;}
				.ADD_index .inner_slideBar li a {width:30px; height:2px; background-color:#fff; margin-right:8px; float:left;} /*** jq 모듈에 따라 변동될 수 있는 부분 ***/
					.ADD_index .inner_slideBar li a:hover,
					.ADD_index .inner_slideBar li a:focus,
					.ADD_index .inner_slideBar li a:active,
					.ADD_index .inner_slideBar li a.active,
					.ADD_index .inner_slideBar li a.disabled,
					.ADD_index .inner_slideBar li a[disabled] {width:30px; height:2px; background-color:#ebff44 !important;}
					.ADD_index .inner_slideBar li .select {width:30px; height:2px; background-color:#ebff44 !important;}

		.ADD_index .BT_reg {margin-top:50px !important; padding-bottom:40px;}
			.ADD_index .BT_reg a {padding:6px 15px !important; background-color:#8dc641; color:#fff; font-size:15px;}
				.ADD_index .BT_reg a:hover,
				.ADD_index .BT_reg a:focus,
				.ADD_index .BT_reg a:active,
				.ADD_index .BT_reg a.active,
				.ADD_index .BT_reg a.disabled,
				.ADD_index .BT_reg a[disabled] {padding:6px 15px !important; background-color:#555; color:#fff; font-size:15px;}

	/*** 미디어쿼리 ***/
	@media (min-width:640px) {
	.ADD_index {height:300px !important;}
	#index .ADD_index h1 {font-size:55px !important; padding-top:70px !important;}
	#index .ADD_index h2 {padding-top:20px !important;}	
	.ADD_index .inner_slideBar {padding-top:20px !important;}
	}
	/*** // 미디어쿼리 ***/

/****************************** 센터연락망 ******************************/
.center_call {width:100%; background-color:#ddd; border-top:1px solid #ccc; padding:15px 0;}
		.center_call li {float:left;}
			.center_call img {width:25px; margin:-15px -10px 0 10px !important;}
			.center_call h3 {color:#333;}
			.center_call h3 b {font-size:20px !important; color:#ccc !important; text-align:left; margin:0 5px;}
			.center_call h3 big {color:#333 !important; float:right !important;}

/***************************** my page: 3선 click 사이드 *****************************/
/***************************** my page: 3선 click 사이드 *****************************/
/*** top ***/
#wrap_myPage {width:100%; overflow:hidden !important;}
.top {display:block; padding:10px 0; background-color:#8dc641;}
	.top td {background-color:#8dc641; position:relative;}
		.top .member {width:200px; bottom:15px; left:0;} /*** 타이틀 ***/
			.top .member img {width:55px !important; margin-right:10px;}
			.top .member h1 {font-weight:600; color:#fff !important; text-align:left !important; float:left !important; letter-spacing:0.5 !important; border-bottom:1px solid #f1f1f1; margin-bottom:5px !important;}
			.top .member h2 {color:#fff !important;}
			.top .member .BT_reg a {position:absolute !important; left:175px !important; top:10px !important; background-color:#8dc641 !important; border:1px solid #f1f1f1 !important; color:#fff !important; padding:5px 10px !important;}

		.top .BTs {width:100px; position:absolute; top:-15px; right:-25px;}
			.top .BTs img {width:32px !important; margin-right:10px;}
			.top .BTs img:last-child {width:29px !important;}

	.top li {float:left;}

/*** 아이콘 메인메뉴 ***/
.I_menu td {border:1px solid #ccc; border-left:0 !important; text-align:center; vertical-align:top; padding:10px 0; line-height:18px !important;} /*** 이미지 중간정렬 포함 ***/
	.I_menu td:last-child {border-right:0 !important;}
	.I_menu td:hover,
	.I_menu td:focus,
	.I_menu td:active,
	.I_menu td.active,
	.I_menu td.disabled,
	.I_menu td[disabled] {background-color:#eee;}
	.I_menu img {width:38%; margin-bottom:12px;}
	.I_menu b {color:#8dc641 !important; font-size:15px !important;}

.add {padding:3% 4%; line-height:17px !important;}
	.add strong {margin:-5px 0 10px 0; padding:8px; border-bottom:1px dashed #8dc641; text-align:center !important; letter-spacing:-0.5 !important;}
	.add h3 {color:#333 !important; text-align:left !important; margin-top:5px;}
	.add span {width:95%; margin-left:5%; overflow:hidden; display:block;}

	.add .BT_reg {height:70px; position:relative;}
	.add .BT_reg a {background-color:#fff !important; color:#333 !important; position:absolute; right:0; bottom:10px; padding:0 8px 5px 8px !important;}
		.add .BT_reg img {width:20px !important; margin:0 10px -5px 0 !important;}
	/*** add_2 ***/
	.add .set .BT_reg {margin:0 !important; vertical-align:top;}
		.add .set .BT_reg a {background-color:#fff !important;}

			
/*** 섹션별 맞춤 메뉴 ***/
.set table {background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:10px 0; padding:5px 0;}

	.set td {background:transparent;}
	.set td h2 {width:60px; margin:-25px 0 0 -15px !important; text-align:left; padding:5px 15px 5px 25px; background-color:#f1f1f1; border:1px solid #ddd; color:#333 !important; border-radius:0 20px 20px 0;
					-webkit-border-radius:0 20px 20px 0; -moz-border-radius:0 20px 20px 0; -o-border-radius:0 20px 20px 0; -ms-border-radius:0 20px 20px 0;}
		.set .h2 h2 {width:180px !important;}/*** 포탈 마이페이지 로그인 ***/
		.set .h2_1 h2 {width:130px !important;} /*** 행복한 연수원 ***/ /*** 추후 페이지별로 디자인 상, width 조절될 수 있음 ***/ 
	.set td h3 {color:#8dc641 !important; margin:0 0 10px 7px; text-align:left !important;}
	.set td span a {padding:8px 10px; display:block; border-bottom:1px dashed #ccc; margin:-12px 0 12px 0 !important; line-height:18px !important;}
		.set td span a:hover,
		.set td span a:focus,
		.set td span a:active,
		.set td span a.active,
		.set td span a.disabled,
		.set td span a[disabled] {padding:8px 10px; display:block; background-color:#f1f1f1;}

		.set td span:first-child {margin-top:-10px;}
		.set em {font-size:13px !important; margin-left:30px; float:right;}

		.set .BT_reg {z-index:20000; float:right !important; margin-top:-14px !important;}
			.set .BT_reg a {padding:8px 20px !important; background-color:#f1f1f1 !important; color:#333 !important;}
				.set .BT_reg a:hover,
				.set .BT_reg a:focus,
				.set .BT_reg a:active,
				.set .BT_reg a.active,
				.set .BT_reg a.disabled,
				.set .BT_reg a[disabled] {padding:8px 20px !important; background-color:#555 !important; color:#fff !important; border:1px solid #ccc !important;}

	/*** MY-PAGE 섹션별 DISPLAY ***/
	.myPage {width:100%; overflow:hidden !important; margin-bottom:5px; line-height:16px !important;}

		#myPage_OUT .top, .add, .set, .I_menu {margin-top:-18px;}
		#myPage_IN .top, .add, .set, .I_menu {margin-top:-18px;}

		/***** 마이페이지 "로그아웃" 상태일때 *****/
		#myPage_OUT .log_in {display:none;}
			#myPage_OUT ._PORTAL .log_out .TRAINING, #myPage_OUT ._PORTAL .log_out .BOOK, #myPage_OUT ._PORTAL .log_out .TV {display:none;}
			#myPage_OUT ._TRAINING .log_out .PORTAL, #myPage_OUT ._TRAINING .log_out .BOOK, #myPage_OUT ._TRAINING .log_out .TV {display:none;}
			#myPage_OUT ._BOOK .log_out .PORTAL, #myPage_OUT ._BOOK .log_out .TRAINING, #myPage_OUT ._BOOK .log_out .TV {display:none !important;}
			#myPage_OUT ._TV .log_out .PORTAL, #myPage_OUT ._TV .log_out .TRAINING, #myPage_OUT ._TV .log_out .BOOK {display:none;}

		/***** 마이페이지 "로그인" 상태일때 *****/
		#myPage_IN  .log_out {display:none;}
			#myPage_IN ._PORTAL .log_in .TRAINING, #myPage_IN ._PORTAL .log_in .BOOK, #myPage_IN ._PORTAL .log_in .TV {display:none;}
			#myPage_IN ._TRAINING .log_in .PORTAL, #myPage_IN ._TRAINING .log_in .BOOK, #myPage_IN ._TRAINING .log_in .TV {display:none;}
			#myPage_IN ._BOOK .log_in .PORTAL, #myPage_IN ._BOOK .log_in .TRAINING, #myPage_IN ._BOOK .log_in .TV {display:none;}
			#myPage_IN ._TV .log_in .PORTAL, #myPage_IN ._TV .log_in .TRAINING, #myPage_IN ._TV .log_in .BOOK {display:none;}

		/***** 마이페이지 "설정" *****/
		.myPage_SETup .mid_bar {height:26px; line-height:26px;}
			.myPage_SETup h2 {color:#8dc641 !important; margin:15px 0 3px 0;}
				.myPage_SETup .mid_bar b {float:left;}
				.myPage_SETup .mid_bar span {color:#999; width:94px; float:right;} /*** 넓이 맞춤 ***/
				.myPage_SETup .logIn input {width:100%; margin-bottom:10px; display:block;}
				.myPage_SETup .logIn span {margin:5px 0 10px 0 !important; display:block; text-align:left !important;}
				.myPage_SETup .confirm {margin-top:20px; display:block;}
		.myPage_SETup #TABLE_wrap {margin-bottom:20px;}


		/****** on /off 스위치 *****/
		.onoffswitch {position:relative; width:94px; margin-top:0; /*** 넓이 맞춤 ***/
					-webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none;}
		.onoffswitch-checkbox {display:none;}
		.onoffswitch-label {display:block; overflow:hidden; cursor:pointer;  border:1px solid #ccc; border-radius:15px;}
		.onoffswitch-inner {display:block; width:200%; margin-left:-100%; transition:margin 0.3s ease-in 0s;}
		.onoffswitch-inner:before, .onoffswitch-inner:after {display:block; float:left; width:50%; height:25px; padding:0; line-height:25px; font-size:14px; color:#fff; font-weight:600; box-sizing:border-box;}
		.onoffswitch-inner:before {content:"ON";  padding-left:10px; background-color:#8dc641; color:#fff; text-align:left;}
		.onoffswitch-inner:after {content:"OFF"; padding-right:10px; background-color:#eee; color:#999; text-align:right;}
		.onoffswitch-switch {display:block; width:15px; height:17px; margin:5px; background:#fff; position:absolute; top:-1px; bottom:0; border:1px solid #999;
							border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;
							transition:all 0.3s ease-in 0s;}
		.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left:0;}
		.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right:2px;}

/******************************** POP (레이어팝업) ********************************/
/**** 약관 ****/
#tearms {text-align:left; display:block;}
	#tearms strong {color:#333 !important; text-align:left !important;}
	#tearms b {margin-top:10px !important; display:block;}
	#tearms p {margin-left:15px !important; display:block !important;}
			
			
/******************************** POP (레이어팝업, 전체 모드) ********************************/
.layer_pop
{
	clear:both;
	overflow:auto;
	width:100%;
	height:100%;	
	background-color:#f1f1f1;
	position:fixed;
	z-index:100000;    
	display:none;
	top:0px;
}			

/******************************** 검색 입력폼 오류 ********************************/
.search_text
{	
	width:100% !important;
	height:37px !important;
	box-sizing:border-box;
	margin:0px;
}



.DIV_PAGETITLE {width:100%;}
.DIV_PAGETITLE h1 {text-align:left !important; color:#8dc641 !important; font-size:18px; font-weight:600 !important; margin:15px 0 10px 0;}
.DIV_PAGETITLE p {line-height:15px !important; margin:10px 0;}



.form_table{margin:1em 0;font-size:12px;font-family:돋움, 굴림, Tahoma, Geneva, sans-serif; border-right:1px solid #ccc; border-left:1px solid #ccc;}

.form_table table{font-size:12px; }

.form_table input,
.form_table textarea,
.form_table select,
.form_table button{font-size:12px; margin:2px;}

.form_table>table{width:100%;border:0;border-top:2px solid #999; box-sizing:content-box}
.form_table>caption{padding:8px 0;font-weight:bold;text-align:left}

.form_table>table>thead>tr>th{padding:8px;border:0;color:#333; border-bottom:1px solid #ccc;background:#f8f8f8}
.form_table>table>tbody>tr>th{padding:8px;border:0;color:#333;border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form_table>table>tfoot>tr>th{padding:8px;border:0;color:#333;border-bottom:1px solid #ddd}
.form_table>table>tbody>tr>td{padding:8px;border:0;color:#666;border-bottom:1px solid #ddd}
.form_table>table>tfoot>tr>td{padding:8px;border:0;color:#666;border-bottom:1px solid #ddd;font-weight:bold;color:#333}


.em066 {font-size:0.66em}
.em070 {font-size:0.7em}
.em075 {font-size:0.75em}
.em080 {font-size:0.8em}
.em085 {font-size:0.85em}
.em090 {font-size:0.9em}

.red {color:red}
.yellow {color:yellow}
.green {color:green}
.blue {color:blue}
.none { display:none !important}

.underline{ text-decoration:underline;}
.normal{ font-weight:normal;}
.strong{ font-weight:bold;}
.cursor {cursor:pointer}

.reply_lv_0 {padding-left:0}
.reply_lv_1 {padding-left:10px}
.reply_lv_2 {padding-left:20px}
.reply_lv_3 {padding-left:30px}
.reply_lv_4 {padding-left:40px}

.TAB_on, .TAB_off {cursor:pointer}

.header{display:block; width:100%;  color:#555; border-left:0; margin-right:-1px; padding:3px 0 0; }
.header>p{display:block; width:100%; padding:12px 0; background-color:#555; border:1px solid #555; color:#fff; margin-right:-1px; border-radius:12px 12px 0 0; text-align:center; font-weight:bold}
 

/*** 테이블 전체 링크 / 링크있는 것 ***/

.alert_row {border:2px solid #cbab5e; background-color:#ffe3e3; padding:2em 0.5em; text-align:center;width:100%; font-size:1.75em; line-height:1.8em; font-weight:bold}

.main_lecture_tap {box-sizing:border-box; min-height:200px}

.table_board {margin-top:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

.table_board>thead>tr>th{padding:0.8em 0.2em; background-color:#def5ca;}
.table_board>tbody>tr>th{padding:0.8em 0.2em; background-color:#def5ca;}
.table_board>tbody>tr>td{padding:0.8em 0.2em; background-color:#fff;}

.table_board tr.rows_header>td {background-color:#edfcff !important; }
.table_board tr.rows_active {cursor:pointer}

.table_board .empty{background-color:#eee; padding:1px; line-height:1px}
.table_board .contentbox{min-height:180px; height:180px}

.wp05{width:5%}
.wp10{width:10%}
.wp15{width:15%}
.wp20{width:20%}
.wp25{width:25%}
.wp30{width:30%}
.wp35{width:35%}
.wp40{width:40%}
.wp45{width:45%}
.wp50{width:50%}
.wp55{width:55%}
.wp60{width:60%}
.wp65{width:65%}
.wp70{width:70%}
.wp75{width:75%}
.wp80{width:80%}
.wp85{width:85%}
.wp90{width:90%}
.wp95{width:95%}
.wp100{width:100%}