@charset "utf-8";
/*2016-05-09 신규생성된 파일 입니다*/

.stit {display:inline-block; margin-left:10px; margin-top:32px; vertical-align:bottom; font-size:12px; color:#f74f0e;}
.smart_infowrap {width:800px; font-family:'Nanum Gothic'; }
	.smart_infolist {width:800px; }
		.smart_infolist li {float:left; width:195px; height:62px; margin-right:5px; font-size:18px; font-weight:bold; text-align:center; overflow:hidden; background:url('../images/smart/smart_tabBg_off.png') no-repeat top left; line-height:2.8em;}
			.smart_infolist li a {color:#fff; text-decoration:none;}
		.smart_infolist li.smart_infolist_On {width:195px; height:62px; background:url('../images/smart/smart_tabBg_on.png') no-repeat top left;}
			.smart_infolist li.smart_infolist_On img {display:none;}

	.smartU_infolist {width:800px;}
		.smartU_infolist li {float:left; width:397px; height:60px; font-size:18px; font-weight:bold; text-align:center; overflow:hidden; background:url('../images/smart/smartU_tabBg_off.png') no-repeat top left; line-height:2.8em;}
			.smartU_infolist li a {color:#fff; text-decoration:none;}
		.smartU_infolist li.smartU_infolist_On {width:397px; height:60px; background:url('../images/smart/smartU_tabBg_on.png') no-repeat top left;}
			.smartU_infolist li.smartU_infolist_On img {display:none;}

	.smart_infobox {width:738px; padding:30px 30px 20px; display:inline-block; border:1px solid #ccc; background-color:#fff; margin-top:10px; position:relative;}
		.smart_closebtn {position:absolute; z-index:999; top:10px; right:10px; cursor:pointer;}
		#smart_infobtn {margin-top:10px; min-width:140px; padding:7px; float:right; border:1px solid #f25334; text-align:center; font-weight:bold; line-height:1.3em; color:#f25334; text-decoration:none; display:block;}


.smart_monthconwrap {width:800px; display:inline-block; font-family:'Nanum Gothic';}
	.smart_monthcontit {width:800px; height:28px; display:inline-block;}
		#smart_monthconbtn {width:140px; padding:7px; float:right; border:1px solid #00ba88; text-align:center; font-weight:bold; line-height:1.3em; color:#00ba88; text-decoration:none; display:block;}
	.smart_monthconbox {width:386px;}
		.smart_monthcon {width:240px; height:208px; border:1px solid #ccc; float:left;}
			.smart_monthcon dt {position:relative; width:240px; height:166px; text-align:center;}
				.smart_monthcon_play {position:absolute; top:63px; left:100px; z-index:999;}
			.smart_monthcon dd {text-align:center; width:240px; height:40px; line-height:3.4em; border-top:1px solid #ccc; overflow:hidden;}
		.smart_monthconlist {width:134px; height:210px; float:right;}
			.smart_monthconlist li {position:relative; width:134px; height:30px;}
				.smart_monthconlist li a {display:block; width:134px; height:30px; line-height:2.0em; font-size:14px; color:#6d6d6d; background:url('../images/smart/smart_menuBg_off.png') no-repeat top left; text-indent:10px; text-decoration:none;}
			.smart_monthconlist li.smart_monthconlist_On {width:134px; height:30px;}
				.smart_monthconlist li a.smart_monthconlist_On {width:134px; height:30px; background:url('../images/smart/smart_menuBg_on.png') no-repeat top left;color:#fff; text-decoration:none; font-weight:bold;}
				.smart_monthconicon {position:absolute; top:6px; right:15px; z-index:999;}

.smart_safetywrap {width:800px; font-family:'Nanum Gothic';}
	.smart_safetybox {width:800px; display:inline-block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0;}
		.smart_safetybox li {float:left; margin:0 10px;}
	.smart_safetylist {width:180px; height:170px; text-align:center;}
		.smart_safetylist dt {position:relative; border:1px solid #ccc;}
			.smart_safety_play {position:absolute; top:50px; left:74px; z-index:999;}
		.smart_safetylist dd {margin-top:5px; width:180px; height:40px; overflow:hidden;}

.smart_allconwrap {width:800px; display:inline-block; font-family:'Nanum Gothic'; width:178px; height:124px;}
	.smart_allcontab {width:800px; height:37px; background:url('../images/smart/smart_bg.jpg') repeat-x top left; margin-bottom:30px; text-align:center;}
		.smart_allcontab li {float:left; width:100px; height:37px; line-height:3.2em; letter-spacing:-0.1em; cursor:pointer;}
			.smart_allcontab li a {color:#646464; text-decoration:none;}
		.smart_allcontab li.smart_allcontab_On {background:url('../images/smart/smart_bgon.jpg') repeat-x top left;}
			.smart_allcontab li.smart_allcontab_On a {color:#000; font-weight:bold; text-decoration:none;}
	.smart_allconbox {width:800px; display:inline-block;}
		.smart_allconlist {width:800px;}
			.smart_allconlist li {float:left; margin-bottom:30px; margin-right:8px;}
				.smart_allconlist li a {text-decoration:none;}
				.smart_allcon {width:152px; height:208px; text-align:center;}
					.smart_allcon dt {width:150px; height:150px; border:1px solid #ccc;}
					.smart_allcon dd {width:152px; height:70px; margin-top:5px; overflow:hidden;}
	.smartU_allcontit {width:800px; height:35px; border-bottom:1px solid #ccc; display:inline-block; margin-bottom:20px;}
	
/*2016-06-01*/
.smart_flashconwrap {width:800px; display:inline-block; font-family:'Nanum Gothic';}
	.smartU_flashcontit {width:800px; height:35px; display:inline-block;}
		.smart_flashcontab {width:800px; text-align:center; border:1px solid #ccc; display:inline-block;margin-bottom:30px;}
			.smart_flashcontab li {width:99px; height:40px; float:left;}
				.smart_flashcontab li.NL {border-left:1px solid #ccc;}
				.smart_flashcontab li.TL {border-left:1px solid #ccc; border-top:1px solid #ccc;}
				.smart_flashcontab li.NT {border-top:1px solid #ccc;}
					.smart_flashcontab a.smart_tabbox {display:inline-block; width:99px; height:40px; line-height:3.4em; text-decoration:none;}
						.smart_flashcontab a.smart_tabbox.tabChoice {background-color:#00ba88; font-weight:bold; color:#fff;}
/*2016-06-01*/

table.smartviewTable {width:800px; border-top:1px solid #000; border-bottom:1px solid #ccc;}
	table.smartviewTable thead tr {border-bottom:1px solid #ccc;}
		table.smartviewTable thead tr th {background-color:#f4f4f4; padding:20px; text-align:left; font-weight:bold; font-size:14px;}
			#smartview_btn {width:104px; height:18px; padding:5px 7px; display:block; background-color:#000; text-align:center; color:#fff; text-decoration:none; float:right; font-size:12px;}
	table.smartviewTable tbody tr {border-top:1px solid #000;}
	table.smartviewTable tbody tr.bdn {border-top:none;}
		table.smartviewTable tbody tr th {background-color:#f4f4f4; padding:20px; text-align:center; font-weight:bold; font-size:14px;}
		table.smartviewTable tbody tr td {padding:20px;}
		table.smartviewTable tbody tr td.smartviewtaC {border:none; padding:50px 0;}
			.smartview_conbox {width:500px; height:380px; border:1px solid #ccc; margin:0 auto; text-align:center;}
					.smartview_conbox dt {position:relative; width:500px; height:330px;}
						.smartview_play {position:absolute; top:135px; left:220px; z-index:999;}
					.smartview_conbox dd {width:500px; height:50px; line-height:3.8em; overflow:hidden; text-align:center;}
			.smartview_conlist {width:800px; margin-top:70px; background:url('../images/smart/smartview_bg.jpg') no-repeat top center;}
				.smartview_conlist li {width:154px; height:200px; margin:0 auto; display:inline-block;  }
					.smartview_contit {width:154px; height:25px; line-height:2.2em; text-align:center; color:#2a8f02; font-weight:bold; background:url('../images/smart/smart_viewbg1.png') no-repeat top center;}
					.smartview_con {width:144px; height:150px; margin:25px 5px 0;}
						.smartview_con dt {position:relative; width:144px; height:100px;}
							.smartview_con_play {position:absolute; top:35px; left:57px; z-index:999;}
						.smartview_con dd {margin-top:10px; width:144px; height:35px; overflow:hidden;}

			table.smartplanTable {width:800px;}
				table.smartplanTable tbody tr {border-bottom:1px solid #ccc;}
					table.smartplanTable tbody tr th {padding:10px 20px; background-color:#f4f4f4; text-align:center; font-weight:bold;}
					table.smartplanTable tbody tr td {padding:10px 20px; text-align:left;}
						.smartplan_thum {width:116px; height:142px; border:1px solid #ccc; text-align:center;}
							.smartplan_thum dt {width:96px; height:80px; padding:10px;}
							.smartplan_thum dd {width:106px; height:32px; padding:5px; overflow:hidden; letter-spacing:-0.8px;}


/*2016-06-01 스마트인성*/
.smart_monthbar {width:800px; height:43px; display:inline-block;}
	.smart_monthbar li {float:left; width:65px; height:43px; line-height:3.2em; text-align:center; font-size:14px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
		.smart_monthbar li {border-left:1px solid #ccc;}
		.smart_monthbar li.Pointb {border-left:1px solid #ccc; border-right:0px solid #ccc; background-color:#f3f3f3;}
		.smart_monthbar li:last-child {border-right:1px solid #ccc;}
			.smart_month_cic {text-decoration:none; background-color:#0bb486 !important; font-weight:bold; color:#fff;}

#smartplan_btn {display:inline-block; width:156px; height:25px; border:1px solid #0bb486; color:#0bb486; line-height:2.4em; text-indent:30px; text-decoration:none; font-weight:bold; background:url('../images/icon/btn_greenbg.jpg') no-repeat top right;}


table.smartconTable {width:800px; font-family:'Nanum Gothic';}
	table.smartconTable tbody tr {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px;}
	table.smartconTable tbody tr.ColspanTr {border:none;}
		table.smartconTable tbody tr th {padding:12px 0; background-color:#f3f3f3; font-weight:bold;}
		table.smartconTable tbody tr td {padding:12px;}
		table.smartconTable tbody tr td.ColspanTd {padding:10px 0 60px;}
			.smartconmain {width:800px;}
				.smartconmain dt {float:left; border:1px solid #ccc; text-align:center; margin-left:25px; width:302px; height:202px;}
				.smartconmain dd {float:left; width:450px; height:202px; overflow:hidden; margin-left:20px;}
					.smartconmain_tit {display:inline-block; width:100%; height:33px; line-height:2.4em; text-indent:20px; font-size:14px; background-color:#f3f3f3; font-weight:bold;}
					.smartconmain_txt {font-size:13px; margin-top:10px; margin-left:20px;}

			.smartconsubbox {width:800px;}
				.smartconsubbox li {float:left; margin:15px 4px;}
					.smartconsub {width:190px; height:235px; text-align:center; font-size:12px;}
						.smartconsub dt {width:188px; height:212px; border:1px solid #ccc;}
						.smartconsub dd {margin-top:8px; width:190px; height:16px; overflow:hidden;}

/*2016-06-01 스마트계획안*/
.smartplanwrap {width:800px; /*border-top:2px solid #555;*/ padding:20px 0;}
.smartplan_tab {width:791px; height:43px; display:inline-block; border:1px solid #ccc;}
	.smartplan_tab li {float:left; width:395px; height:43px; line-height:3.2em; text-align:center; font-size:14px;}
		.smartplan_tab li.Lastrl {border-right:1px solid #ccc;}
			.smartplan_month_cicY {display:inline-block; width:395px; height:43px; text-decoration:none; background-color:#ff5e00; font-weight:bold; color:#fff;}
			.smartplan_month_cicU {display:inline-block; width:395px; height:43px; text-decoration:none; background-color:#3fb1a2; font-weight:bold; color:#fff;}

.smartplan_monthbar {width:800px; height:43px; display:inline-block;}
	.smartplan_monthbar li {float:left; width:65px; height:43px; line-height:3.2em; text-align:center; font-size:14px; border-top:0px solid #ccc; border-bottom:1px solid #ccc; }
		.smartplan_monthbar li.Pointl {border-left:1px solid #ccc; border-right:0px solid #ccc;}
		.smartplan_monthbar li:last-child {border-right:1px solid #ccc;}
			.smartplan_month_cic {display:inline-block; width:65px; height:43px; text-decoration:none; background-color:#fbf8d4; font-weight:bold; color:#ff2400;}

.smartplan_infobox {}
	.smartplan_info {}
		.smartplan_info li {float:left;}

/*2016-06-28 스마트교실 인덱스*/
.smartindex_flashbox {width:798px; display:inline-block; border-top:2px solid #000; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
	.smartindex_flashbox li {float:left; padding:20px;}
	.smartindex_flashbox li.LineL {border-left:1px solid #ccc;}
		.smartindex_flash_tit {font-size:16px; font-weight:bold;}
		.smartindex_flash {margin-top:10px; position:relative; }
			.smartindex_flash_play {position:absolute; top:65px; left:155px; z-index:999;}
			.smartindex_flash dt {width:356px; height:188px; border:1px solid #ccc;}
			.smartindex_flash dd {width:358px; height:16px; overflow:hidden; text-align:center; margin-top:15px;}

.smartindex_conwrap {width:800px;}
	.smartindex_conbox {width:798px; display:inline-block; border-top:2px solid #000; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
		.smartindex_conbox li {float:left; margin-left:18px;}
			.smartindex_mouseover {display:inline-block; width:177px; height:122px; position:absolute; top:1px; left:1px; z-index:9999; background-color:rgba(0, 0, 0, 0.7); text-align:center;}
				.smartindex_mouseover_tit {color:#fff; font-weight:bold; line-height:9.8em;}
			.smartindex_con {width:177px; position:relative; margin:20px 0;}
				.smartindex_con dt {width:175px; height:120px; border:1px solid #ccc;}
				.smartindex_con dd {text-align:center; margin-top:15px;}

.smartindex_insungwrap {width:390px; border-top:2px solid #000; padding-top:20px; display:inline-block;}
	.smartindex_insung {width:390px; display:inline-block; position:relative;}
		.smartindex_insung dt {float:left; border:1px solid #ccc;}
			.smartindex_insung_mouseover {display:block; width:178px; height:22px; position:absolute; bottom:0; background-color:rgba(0, 0, 0, 0.7); text-align:center;}
			.smartindex_insung_tit {color:#fff;}
				.smartindex_insung_tit {color:#fff;}
		.smartindex_insung dd {width:185px; margin-left:20px; float:left;}
			.smartindex_insung_list {width:183px; border:1px solid #ccc; display:inline-block;}
				.smartindex_insung_list li {float:left; width:91px; height:60px; text-align:center; line-height:5.2em; cursor:pointer;}
					.smartindex_insung_list li.smartindex_insung_list_On {background-color:#555; color:#fff; font-weight:bold;}
					.smartindex_insung_list li.lineL {border-left:1px solid #ccc;}
					.smartindex_insung_list li.lineB {border-bottom:1px solid #ccc;}
					.smartindex_insung_list li.lineR {border-right:1px solid #ccc;}
					.smartindex_insung_list li.lineT {border-top:1px solid #ccc;}

.smartindex_wonwrap {width:390px; border-top:2px solid #000; padding-top:20px; display:inline-block;}
	.smartindex_wonbox {width:390px; display:inline-block;}
		.smartindex_wontab {width:390px; height:30px; background:url('../images/smart/smartin_wonline.jpg') repeat-x top left;}
			.smartindex_wontab li {width:128px; height:28px; background-color:#f5f5f5; float:left; text-align:center; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#000; line-height:2.4em; cursor:pointer;}
			.smartindex_wontab li.smartindex_wontab_On {height:29px; background-color:#fff; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
		.smartindex_wonlist {width:390px; margin-top:10px;}
			.smartindex_wonlist li {float:left; position:relative; width:118px; height:88px; border:1px solid #ccc;}
				.smartindex_wonlist_mouseover {display:block; width:118px; height:20px; position:absolute; bottom:0; background-color:rgba(0, 0, 0, 0.7); text-align:center;}
					.smartindex_wonlist_tit {color:#fff;}

.smartindex_btnbox {width:800px; display:inline-block;}


/*2016-07-01 스마트교실 이용안내 팝업*/
.smartInfo_popupWrap {width:1024px; height:500px; position:fixed; top:27%; left:23.1%; z-index:100000;}
	.smartInfo_Close {position:absolute; top:-40px; right:140px; z-index:100000;}
	.smartInfo_popupbox {width:1024px; height:500px; display:inline-block;}
		.smartInfo_popup_arrL {position:absolute; top:170px; left:50px; z-index:100002; cursor:pointer;}
		.smartInfo_popup_arrR {position:absolute; top:170px; right:50px; z-index:100002; cursor:pointer;}
		.smartInfo_popup_cr01 {position:absolute; bottom:0; left:45px; z-index:100001;}
		.smartInfo_popup_cr02 {position:absolute; bottom:0; right:1px; z-index:100001;}
		.smartInfo_popup {width:780px; height:500px; margin:0 auto; position:relative;}
			.smartInfo_popup_lavel {position:absolute; left:20px; z-index:100001;}
			.smartInfo_btn {position:absolute; display:block; right:70px; bottom:100px; z-index:100001;}
			.smartInfo_popup_bl {position:absolute; z-index:100001; cursor:pointer; bottom:20px; left:42%;}
				.smartInfo_popup_bl li {float:left; margin:0 2px;}
					.smartInfo_popup_bl li.blOn {}


/*220503 스마트 회원 전용*/
.smartplan_tlt {
	font-family: "NanumSquareRoundB";font-size:38px;color:#000000;
	letter-spacing:-1px;text-align:center;padding-top:32px;
}
.smartplan_befibox1 {
	margin-top:46px;text-align:center;padding:0 30px 7px 30px;
	border-radius:10px;border:1px solid #d7d7d7;
}
.smartplan_befibox2 {
	margin-top:60px;text-align:center;padding:0 30px 7px 30px;
	border-radius:10px;border:1px solid #d7d7d7;
}
.smartplan_befibox3 {
	width:310px;margin-top:60px;text-align:center;padding:0 30px 7px 30px;
	border-radius:10px;border:1px solid #d7d7d7;float:left;
}
.smartplan_befitlt {
	width:64px;height:55px;margin:0 auto;margin-top:-19px;
	font-family: "NanumSquareRoundB";font-size:18px;color:#ffffff;text-align:center;
	letter-spacing:-1px;line-height:22px;border-radius:8px 8px 32px 32px;padding-top:15px;
}
.smartplan_befistlt {
	font-family: "NanumSquareRoundB";font-size:22px;color:#000000;letter-spacing:-1px;margin:21px 0 28px 0;
}
.smartplan_beficonts {}
.smartplan_beficonts dt {text-align:center;margin-bottom:36px;}
.smartplan_beficonts dt span {
	display:inline-block;font-family: "NanumSquareRoundR";font-size:15px;color:#ee6a00;letter-spacing:-1px;
	padding:0 20px;background-color:#ffffff;
}
.smartplan_beficonts dd {display:inline-block;margin:0 7px;}
.smartplan_beficonts dd:first-child {margin-left:0;}
.smartplan_beficonts dd:last-child {margin-right:0;}
.smartplan_befibtnall {display:inline-block;text-align:center;margin-bottom:50px;}
.smartplan_befibtnall:hover {text-decoration:none;}
.smartplan_befitxt {
	font-family: "NanumSquareRoundB";font-size:14px;color:#000000;
	letter-spacing:-1px;
}
.smartplan_befiimg {margin:8px 0 18px 0;}
.smartplan_befiimg img {border-radius:8px;}
.smartplan_befibtn1 {
	width:100px;height:28px;font-family: "NanumSquareRoundB";font-size:12px;color:#6925ff;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #a278ff;
}
.smartplan_befibtnall:hover .smartplan_befibtn1 {
	color:#ffffff;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #a278ff;background-color:#a278ff;
}
.smartplan_befibtn2 {
	width:100px;height:28px;font-family: "NanumSquareRoundB";font-size:12px;color:#008ba3;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #00bcdd;
}
.smartplan_befibtnall:hover .smartplan_befibtn2 {
	color:#ffffff;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #00bcdd;background-color:#00bcdd;
}
.smartplan_befibtn3 {
	width:100px;height:28px;font-family: "NanumSquareRoundB";font-size:12px;color:#f1648f;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #ff90b2;
}
.smartplan_befibtnall:hover .smartplan_befibtn3 {
	color:#ffffff;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #ff90b2;background-color:#ff90b2;
}
.smartplan_befibtn4 {
	width:100px;height:28px;font-family: "NanumSquareRoundB";font-size:12px;color:#159600;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #61c933;
}
.smartplan_befibtnall:hover .smartplan_befibtn4 {
	color:#ffffff;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #61c933;background-color:#61c933;
}