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

.stit {display:inline-block; margin: 15px 0; vertical-align:bottom; font-size:14px; color:#3E5FAC;}
.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:1000px; display:inline-block; font-family:'Nanum Gothic';}
.smart_monthcontit {width:1000px; height:28px; display:inline-block;}
#smart_monthconbtn {width:140px; padding:7px; float:right; border:1px solid #3E5FAC; text-align:center; font-weight:bold; line-height:1.3em; color:#3E5FAC; text-decoration:none; display:block; background-color: #3E5FAC; color: #fff;}
.smart_monthconbox {width:420px;}
.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; margin-left: 15px; float:left;}
.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:1000px; font-family:'Nanum Gothic';}
.smart_safetybox {width:1000px; 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:1000px; display:inline-block; font-family:'Nanum Gothic'; width:178px; height:124px;}
.smart_allcontab {
	display: flex;
	width: 1000px;
	height: 37px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	font-family: 'Nanum Gothic';
	text-align: center;
}
.smart_allcontab li {
	flex: 1; /* 탭 균등 분할 */
	height: 37px;
	line-height: 37px;
	text-align: center;
	letter-spacing: -0.1em;
	cursor: pointer;
	background-color: #f9f9f9;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: none;
	position: relative;
	z-index: 0;
}
/* 첫 번째 탭은 border-left 제거 */
.smart_allcontab li:last-child {
	border-right: 1px solid #ccc;
}
.smart_allcontab li a {
	color: #646464;
	text-decoration: none;
	display: block;
	width: 100%;
}
.smart_allcontab li.smart_allcontab_On {
	background-color: #fff;
	font-weight: bold;
	color: #000;
	border-top: 2px solid #333;
	border-bottom: none;
	z-index: 1;
}
.smart_allcontab li.smart_allcontab_On a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.smart_allconbox {width:1000px; display:inline-block;}
.smart_allconlist {width:125px;}
.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:1000px; 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:100%; height:43px; display:inline-block;}
.smart_monthbar.full {width:100%; height:43px; display:grid; grid-template-columns: repeat(12, 1fr);}
.smart_monthbar li {float:left; width:82px; height:43px; line-height:3.2em; text-align:center; font-size:13px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.smart_monthbar.full li {width:auto;}
.smart_monthbar li {border-left:1px solid #ccc;}
.smart_monthbar li.Pointb {border-left:1px solid #ccc; border-right:0px solid #ccc; background-color:#fff;}
.smart_monthbar li:last-child {border-right:1px solid #ccc;}
.smart_month_cic {text-decoration:none; background-color:var(--color-primary) !important; font-weight:bold; color:#333;}

#smartplan_btn {display:inline-block; width:156px; height:25px; border:1px solid #3E5FAC; color:#3E5FAC; line-height:2em; text-indent:30px; text-decoration:none; font-weight:bold; background:url('../images/icon/btn_greenbg.jpg?v=0003') no-repeat top right; border-radius: 8px;}


table.smartconTable {width:100%; 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:#F5F7FB; font-weight:bold;}
table.smartconTable tbody tr td {padding:12px;}
table.smartconTable tbody tr td.ColspanTd {padding:10px 0;}
.smartconmain {width:980px; display: flex; justify-content: center;}
.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:980px; display: flex; justify-content: center;}
.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:1000px; /*border-top:2px solid #555;*/ padding:20px 0; }
/* .smartplanwrap {width:800px;  padding:20px 0; } */
.smartplan_tab {width:983px; height:43px; display:inline-block; border:1px solid #ccc;}
.smartplan_tab li {float:left; width:491px; 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:486px; height:43px; text-decoration:none; background-color:var(--color-point); font-weight:bold; color:#fff;}
.smartplan_month_cicU {display:inline-block; width:486px; height:43px; text-decoration:none; background-color:var(--color-point); font-weight:bold; color:#fff;}

.smartplan_monthbar {width:990px; height:43px; display:inline-block;  margin:0;
	padding: 0;}
.smartplan_monthbar li {float:left; width:81px; height:43px; line-height:3.2em; text-align:center; font-size:14px; border-top: solid 1px #ccc; border-bottom:1px solid #ccc;  margin-top: -2px;
	padding: 0; }
.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:#F5F7FB; font-weight:bold; color:#3E5FAC;}

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

/*2016-06-28 스마트교실 인덱스*/
.smartindex_flashbox {width:100%; display:flex; border-top:2px solid #000; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.smartindex_flashbox li {padding:20px;width:50%;}
.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:50%;margin-top:-30px; left:50%;margin-left:-20px; z-index:999;}
.smartindex_flash dt {width:100%; height:auto; border:1px solid #ccc;}
.smartindex_flash dd {width:100%; height:16px; overflow:hidden; text-align:center; margin-top:15px;}

.smartindex_conwrap {width:100%;}
.smartindex_conbox {width:100%; display:flex; border-top:2px solid #000; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.smartindex_conbox li {margin-left:18px;flex:1;}
.smartindex_mouseover {display:inline-block; width:100%; 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 {position:relative; margin:20px;}
.smartindex_con dt {width:100%; height:120px; border:1px solid #ccc;}
.smartindex_con dd {text-align:center; margin-top:15px;}

.smartindex_insungwrap {width:48%; 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:48%; 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:130px;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:14px;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:#3E5FAC;letter-spacing:-1px;
	padding:0 20px;background-color:#ffffff;
}
.smartplan-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 20px 0;
}

.smartplan-divider::before,
.smartplan-divider::after {
	content: "";
	flex: 1;
	height: 2px;
	background-color: #2a5bc6; /* 원하는 파란색 */
}

.smartplan-divider span {
	color: #2a5bc6;
	font-size: 14px;
	white-space: nowrap;
}


.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:30px;font-family: "NanumSquareRoundB";font-size:12px;color:#3E5FAC;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #3E5FAC;
}
.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 #3E5FAC;background-color:#3E5FAC;
}
.smartplan_befibtn2 {
	width:100px;height:30px;font-family: "NanumSquareRoundB";font-size:12px;color:#3E5FAC;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #3E5FAC;
}
.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 #3E5FAC;background-color:#3E5FAC;
}
.smartplan_befibtn3 {
	width:100px;height:30px;font-family: "NanumSquareRoundB";font-size:12px;color:#3E5FAC;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #3E5FAC;
}
.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 #3E5FAC;background-color:#3E5FAC;
}
.smartplan_befibtn4 {
	width:100px;height:30px;font-family: "NanumSquareRoundB";font-size:12px;color:#3E5FAC;
	letter-spacing:-1px;text-align:center;margin:0 auto;line-height:29px;
	border-radius:14px;border:1px solid #3E5FAC;
}
.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 #3E5FAC;background-color:#3E5FAC;
}