@charset "utf-8";
@import url(style.css);
@import url(basic.css);
/*2015-10-26 신규생성된 파일 입니다*/

.contentbox{
	font-family:'Nanum Gothic'
}
/*원운영 - 뉴스&이슈 리스트*/
.newsbox {width:800px; margin:20px 0; display:inline-block; }
	.newsbox li {width:800px; margin:10px 0; overflow:hidden;}
		.newslist_text {width:780px;}
		.newslist_thum {width:780px;}
			.newslist_thum dt {width:248px; height:148px; border:1px solid #c7c7c7; text-align:center; float:left; margin-right:15px;}
			.newslist_thum dd {width:515px; height:148px; float:left;}
				.newslist_title {display:block; width:100%; height:13px; padding:11px 10px; background-color:#f4f4f4; font-weight:bold; }
				.newslist_content {display:block; width:100%; padding:10px; line-height:1.2em; font-size:13px;}
				.newslist_date {display:block; width:100%; height:13px; padding:8px 10px; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; }

/*원운영 - 뉴스&이슈 상세*/
.newsview_adthum {display:block; float:right; width:288px; height:196px; border:1px solid #cdcdcd; text-align:center; margin-left:15px; margin-bottom:15px;}

/*원운영 - 부모교육, 교사교육 리스트*/
.wonmng_thumlistwrap {width:800px; display:inline-block;}
	.wonmng_thumlistbox {}
		.wonmng_thumlistbox li {float:left; width:254px; height:268px; margin:5px; border:1px solid #e4e4e4;}
			.wonmng_thumlist {}
				.wonmng_thumlist dt {width:254px; height:189px; border-bottom:1px solid #e4e4e4; text-align:center;}
				.wonmng_thumlist dd {width:235px; height:59px; padding:10px;}
					.wonmng_thumlist_title {width:225px; height:25px; vertical-align:middle; border-bottom:1px solid #e9e9e9; font-weight:bold; overflow:hidden; padding:0 5px;}
					.wonmng_thumlist_date {margin-top:7px; margin-left:5px; line-height:1.2em;}

/*원운영 - 가정발송자료*/
.home_listwrap {width:800px; border-top:2px solid #989898; border-bottom:1px solid #c7c7c7; position:relative; margin:20px 0;}
	.home_listbox {}
		.home_listbox dt {width:800px; height:30px; padding-top:8px; font-size:18px; text-align:center; font-weight:bold; border-bottom:1px solid #c7c7c7;}
		.home_listbox dd {}
			.home_list { margin:0 auto;}
				.home_list li {width:148px; height:208px; border:1px solid #c7c7c7; float:left; margin:10px 4px;text-align:center;}
					.home_thumBview {width:150px; height:160px; position:absolute; z-index:1; display:block; background-color:#000; filter:alpha(opacity=70); opacity:.7; text-align:center; color:#fff; padding-top:50px;}

/*원운영 - 행사 리스트*/
.wonevent_listwrap {width:800px; height:190px; margin-bottom:30px;}
	.wonevent_listbox {width:800px;}
		.wonevent_listbox dt.wonevent_listboxB {width:190px; height:190px; border:1px solid #c7c7c7; float:left; margin-right:10px; text-align:center;}
		.wonevent_listbox dd.wonevent_listboxT {width:600px; height:190px; margin-left:200px; border-top:3px solid #989898;}
			/*.wonevent_list {width:600px; height:190px; margin-left:200px; border-top:2px solid #989898; border-bottom:1px solid #c7c7c7;}
				.wonevent_list dt {width:600px; height:38px; padding-top:15px; font-size:18px; text-align:center; font-weight:bold; border-bottom:1px solid #c7c7c7;}
				.wonevent_list dd {width:600px; height:152px;}
					.wonevent_list_info {width:600px; height:152px;}
						.wonevent_list_title {width:600px; height:35px; border-bottom:1px solid #c7c7c7;}
							.wonevent_list_titleB {display:block; width:120px; height:24px; background-color:#efefef; text-align:center; font-weight:bold; padding-top:11px;} 
							.wonevent_list_titleN {display:block; width:460px; height:24px; overflow:hidden; padding:11px 10px 0; margin-left:115px; float:left; margin-top:-35px;}
						.wonevent_list_text {width:600px; height:100px;}
							.wonevent_list_textB {display:block; width:120px; height:60px; background-color:#efefef; text-align:center; font-weight:bold; padding-top:40px;}
							.wonevent_list_textN {display:block; width:460px; height:80px; overflow:hidden; padding:10px; margin-left:115px; line-height:1.2em; margin-top:-100px;}*/
			table.woneventTable {width:600px; height:188px; margin-top:-188px;}
				table.woneventTable thead tr {width:600px; height:55px; border-bottom:1px solid #c7c7c7;}
					table.woneventTable thead tr th {width:600px; font-size:18px; font-weight:bold; text-align:center; }
				table.woneventTable tbody tr {width:600px; border-bottom:1px solid #c7c7c7;}
					table.woneventTable tbody tr th {background-color:#efefef; text-align:center; font-weight:bold;}
					table.woneventTable tbody tr td {padding:0 10px; line-height:1.2em; overflow:hidden;}

				@media screen and (-webkit-min-device-pixel-ratio:0){
					table.woneventTable tbody tr {width:600px; height:38px; border-bottom:1px solid #c7c7c7;}
					table.woneventTable tbody tr.TW {width:600px; height:93px; border-bottom:1px solid #c7c7c7;}
					table.woneventTable tbody tr.TW2 {width:600px; height:73px; border-bottom:1px solid #c7c7c7;}
				}

.wonevent_thumlistwrap {width:800px; border-top:1px solid #c7c7c7; display:inline-block;}
	.wonevent_thumlistwrap h3 {font-size:16px; font-weight:bold; margin-bottom:10px;}
	.wonevent_thumlistbox {}
		.wonevent_thumlistbox li {float:left; width:254px; height:295px; margin:5px; border:1px solid #e4e4e4;}
			.wonevent_thumlist {}
				.wonevent_thumlist dt {width:254px; height:189px; border-bottom:1px solid #e4e4e4; text-align:center;}
				.wonevent_thumlist dd {width:235px; height:84px; padding:10px;}
					.wonevent_thumlist_title {width:225px; height:20px; font-weight:bold; overflow:hidden; padding:0 5px;}
					.wonevent_thumlist_txt {width:225px; height:30px; overflow:hidden; padding:8px 5px; border-bottom:1px solid #e9e9e9; line-height:1.2em;}
					.wonevent_thumlist_date {margin-top:7px; margin-left:5px; line-height:1.2em;}

/*원운영 - 행사 상세*/
.wonevent_thumviewwrap {width:800px; border-bottom:1px solid #c7c7c7; display:inline-block; padding-bottom:30px;}
	.wonevent_thumviewbox {}
		.wonevent_thumviewbox li {float:left; width:190px; height:278px; margin:5px 4px; border:1px solid #e4e4e4;}
			.wonevent_thumview {}
				.wonevent_thumview dt {width:190px; height:191px; border-bottom:1px solid #e4e4e4; text-align:center;}
				.wonevent_thumview dd {width:170px; height:88px; padding:8px;}
					.wonevent_thumview_title {width:160px; height:18px; font-weight:bold; overflow:hidden; padding:0 5px;}
					.wonevent_thumview_txt {width:160px; height:20px; overflow:hidden; padding:5px; border-bottom:1px solid #e9e9e9; text-indent:0px;}
					.wonevent_thumview_date {margin-top:7px; margin-left:5px; line-height:1.2em;}

/*원운영 - 기관평가 지표 리스트*/
.assess_listwrap {width:800px; height:67px; position:relative;}
	.assess_listbox {width:798px; margin:20px auto;}
		.assess_listbox li {width:133px; height:67px; float:left;}

table.assessTable_index {width:100%; table-layout:fixed; border-bottom:1px solid #c7c7c7;}
		table.assessTable_index thead tr {width:100%; height:40px; border-top:1px solid #c7c7c7; border-bottom:1px solid #fff; background-color:#f7f7f7;}
			table.assessTable_index thead th {font-weight:bold; text-align:center;}
		table.assessTable_index tbody tr {width:100%; height:40px; border-bottom:1px solid #f3f3f3;}
			table.assessTable_index tbody tr th {padding:10px; text-align:center; border-right:1px solid #f3f3f3;}
			table.assessTable_index tbody tr td {padding:10px;}
		table.assessTable_index tfoot tr {width:100%; height:40px; border-bottom:1px solid #f3f3f3; background-color:#a3a4a7;}
			table.assessTable_index tfoot tr th {padding:10px; text-align:center; border-right:1px solid #f3f3f3; font-weight:bold; color:#fff;}
			table.assessTable_index tfoot tr td {padding:10px; text-align:center; font-weight:bold; color:#fff;}

/*원운영 - 기관평가 지표 상세*/
.assess_infowrap {width:750px; border:5px solid #f7f7f7; padding:20px; margin-top:30px;}
	.assess_info_stitle {margin-bottom:30px;}
	.assess_infobox {width:750px; height:210px; margin:0 auto;}
		.assess_infobox li {width:370px; height:210px; border:1px solid #c7c7c7; float:left;}
			.assess_info {}
				.assess_info dt {width:370px; height:22px; background:url('../images/wonmanage/assess_bg.jpg')repeat top left; text-align:center; font-weight:bold; padding-top:8px; }
				.assess_info dd {width:350px; margin:10px;}
					.assess_info_text {margin-left:10px;}
					.assess_info_ex {width:350px; margin-top:10px;}
						.assess_info_title {width:350px; height:22px; display:block; text-align:center; font-weight:bold; color:#828282; background-color:#f4f4f4; padding-top:8px;}
					
/*원운영 - 기관평가 서식 리스트*/
.assess_thumviewwrap {width:800px; border-top:1px solid #c7c7c7; display:inline-block; padding:5px 0;}
	.assess_thumviewbox {}
		.assess_thumviewbox li {float:left; width:190px; height:278px; margin:5px 4px; border:1px solid #e4e4e4;}
			.assess_thumview {}
				.assess_thumview dt {width:190px; height:209px; border-bottom:1px solid #e4e4e4; text-align:center;}
				.assess_thumview dd {width:172px; height:64px; padding:0 8px;}
					.assess_thumview_title {width:170px; height:18px; font-weight:bold; overflow:hidden; padding:8px 0; border-bottom:1px solid #e9e9e9; text-indent:0px;}
					.assess_thumview_date {margin-top:7px; line-height:1.2em;}

/*원운영 - 기관평가 Q&A*/
.qna_tabwrap {width:800px; height:67px; position:relative;}
	.qna_tabbox {width:800px; margin:20px auto;}
		.qna_tabbox li {width:100px; height:67px; float:left;}

.qna_listwrap {width:800px; margin:20px 0; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
	.qna_listbox {width:800px;}
		.qna_listbox li {padding:15px 22px; border-bottom:1px solid #f3f3f3;}
		.qna_listbox li.qna_listbox_on {padding:15px 22px; border-bottom:1px solid #f3f3f3; background-color:#f3f3f3;}
			.qna_list_off {}
				.qna_list_off .qna_list_no {margin-right:20px;}
				.qna_list_off .qna_list_title {margin-left:20px;}
			.qna_list_on {}
				.qna_list_on .qna_list_no {margin-right:20px; font-weight:bold;}
				.qna_list_on .qna_list_title {margin-left:20px; font-weight:bold; color:#ff7a2d;}
				.qna_list_on .qna_list_text {display:block; padding:10px 40px; line-height:1.2em;}

/*원운영 - 체혐현장*/
.eduplace_listwrap {width:800px; height:350px; /*border-top:2px solid #989898;*/ position:relative; margin:20px 0;}
	.eduplace_listbox {width:800px;}
		.eduplace_listbox .eduplace_list_title {width:800px; height:30px; padding-top:8px; font-size:18px; text-align:center; font-weight:bold; border-bottom:1px solid #c7c7c7;}
		.eduplace_listbox .eduplace_list_thum {width:800px; height:300px;}
			.eduplace_list {width:728px; height:285px; margin:10px auto;}
				.eduplace_list li {width:352px; float:left;}
					.eduplace_view {width:352px; display:block;}
						.eduplace_view dt {width:350px; height:200px; border:1px solid #c7c7c7; text-align:center;}
						.eduplace_view dd {width:350px;}
							.eduplace_view_title {display:block; width:330px; height:15px; padding:10px; background-color:#f7f7f7; overflow:hidden; border-bottom:1px solid #c7c7c7;}
							.eduplace_view_con {display:block; width:330px; height:30px; padding:8px 10px; overflow:hidden; line-height:1.2em; border-bottom:1px solid #c7c7c7;}

.eduplacebox {width:800px; display:inline-block; border-top:1px solid #c7c7c7;}
	.eduplacebox li {width:800px; margin:10px 0; overflow:hidden;}
		.eduplacelist_text {width:780px;}
		.eduplacelist_thum {width:780px;}
			.eduplacelist_thum dt {width:248px; height:148px; border:1px solid #c7c7c7; text-align:center; float:left; margin-right:15px;}
			.eduplacelist_thum dd {width:515px; height:148px; float:left;}
				.eduplacelist_title {display:block; width:100%; height:13px; padding:11px 10px; background-color:#f4f4f4; font-weight:bold; }
				.eduplacelist_content {display:block; width:100%; height:60px; padding:10px; line-height:1.2em;}
				.eduplacelist_date {display:block; width:100%; height:13px; padding:8px 10px; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; }

/*원운영 - 자가진단 리스트 -기존
.selftest_listwrap {width:800px; margin:20px 0;}
	.selftest_listbox {width:800px;}
		.selftest_listbox li {width:390px; height:350px; margin:0 4px; position:relative; float:left;}
			.selftest_list_title {position:absolute; top:170px; left:155px;}
			.selftest_list {}
				.selftest_list dt {width:390px; height:210px;}
				.selftest_list dd {width:370px; height:120px; padding:10px; background-color:#f4f4f4;}
					.selftest_list_cursor {text-align:center;}
					.selftest_list_arrboxF {position:absolute; top:260px; left:20px;}
					.selftest_list_text {display:block; width:250px; height:70px; text-align:center; margin:10px 60px; overflow:hidden;}
						.selftest_list_stit {display:block; text-align:center; font-size:24px; font-weight:bold; letter-spacing:-0.1em;}
					.selftest_list_arrboxB {position:absolute; top:260px; right:20px;}

.selftest_infowrap {width:780px; margin:30px 10px; display:inline-block;}
	.selftest_info_title {margin-bottom:25px;}
	.selftest_info_text {}
		.selftest_info_text li {width:380px; height:170px; float:left; padding-top:10px;}
			.selftest_info_btn {margin-top:25px;}
*/
.self_test_listwrap {width:800px; margin:20px 0;}
	.self_test_listbox {width:770px; margin:0 auto;}
		.self_test_listbox li {width:380px; height:280px; float:left; margin-bottom:10px;}
			.self_test_list {width:380px; height:280px;}
				.self_test_list dt {width:380px; height:200px;}
				.self_test_list dd {width:360px; height:60px; padding:10px; background-color:#f4f4f4;}
					.self_test_list_text {display:block; text-align:center; overflow:hidden;}
						.self_test_list_stit {display:block; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-0.1em;}




/*원운영 - 자가진단 상세*/
.selftest_tabwrap {width:800px; height:67px; position:relative;}
	.selftest_tabbox {width:800px; margin:20px auto;}
		.selftest_tabbox li { height:67px; float:left;}

.selftest_viewwrap {width:800px; border-bottom:1px solid #c7c7c7; padding-bottom:30px;}

/*원운영 - 교직적성인성검사1*/
.tctest_needwrap {width:800px;}
	.tctest_needbox {width:800px; height:305px; display:inline-block;}
		.tctest_needbox li {width:260px; height:305px; position:relative; float:left; color:#828282; text-align:justify;}
			.tctest_need_icon {position:absolute; top:5px; left:80px;}
			.tctest_need_list {width:258px; height:258px; border:1px solid #ececec; margin-top:45px;}
				.tctest_need_tit {margin-top:75px; margin-left:10px;}
				.tctest_need_txt {margin:10px;}

	.tctest_comwrap {width:800px;}
		.tctest_combox {width:800px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; display:inline-block;}
			.tctest_combox li {height:40px;}
				.tctest_combox li.tctest_combox_th {width:130px; background-color:#f7f6f6; font-size:16px; color:#2192d4; font-weight:bold; text-align:center; line-height:2.5em;}
				.tctest_combox li.tctest_combox_td {text-indent:20px; line-height:3.0em;}
				.tctest_combox li.tctest_combox_tdB {text-indent:20px; font-size:16px; font-weight:bold; text-align:center; line-height:2.5em;}

	.tctest_fieldwrap {width:800px; display:inline-block;}
		.tctest_fieldlist {width:800px;}
			.tctest_fieldlist li {width:196px; height:60px; float:left; text-align:center; padding:25px 0; background:url('/images/wonmanage/tctest_bg_boxoff.jpg') repeat top left; cursor:pointer; margin-bottom:5px;}
			.tctest_fieldlist li.tctest_field_on {width:186px; height:60px; text-align:center; background:none; background-color:#4ec0ca; padding:25px 5px; color:#fff; line-height:1.4em;}
			.tctest_fieldlist li.tctest_field_tit {width:397px; height:60px; background:url('/images/wonmanage/tctest_bg_box.jpg') repeat top left;}

	.tctest_usewrap {width:800px;}
		.tctest_usebox {width:800px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; display:inline-block;}
			.tctest_usebox li {height:50px;}
				.tctest_usebox li.tctest_usebox_th {width:130px; background-color:#f7f6f6; font-size:16px; color:#2192d4; font-weight:bold; text-align:center; line-height:2.8em;}
				.tctest_usebox li.tctest_usebox_td {text-indent:20px; line-height:2.0em;}

/*원운영 - 교직적성인성검사2*/
.tctest2_needwrap {width:800px;}
	.tctest2_needbox {width:800px; height:335px; display:inline-block;}
		.tctest2_needbox li {width:800px; height:104px; position:relative; color:#828282; text-align:justify;}
			.tctest2_need_icon {position:absolute; top:10px; left:0;}
			.tctest2_need_list {width:678px; height:76px; border:1px solid #ececec; margin-left:40px; padding:15px 15px 15px 65px;}
	
	.tctest2_comwrap {width:800px;}
		.tctest2_combox {width:800px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; display:inline-block;}
			.tctest2_combox li {height:40px;}
				.tctest2_combox li.tctest2_combox_th {width:130px; background-color:#f7f6f6; font-size:16px; color:#1fbbd1; font-weight:bold; text-align:center; line-height:2.5em;}
				.tctest2_combox li.tctest2_combox_td {text-indent:20px; line-height:3.0em;}
				.tctest2_combox li.tctest2_combox_tdB {text-indent:20px; font-size:16px; font-weight:bold; text-align:center; line-height:2.5em;}

	.tctest2_fieldwrap {width:800px; display:inline-block;}
		.tctest2_fieldlist {width:800px; border-left:1px solid #ececec; border-right:1px solid #ececec;}
			.tctest2_fieldlist li {width:113px; float:left; text-align:center; font-weight:bold; padding:20px 0; background-color:#f7f7f7; border-top:1px solid #ececec;}
			.tctest2_fieldlist li.Lline {border-left:1px solid #ececec;}
			.tctest2_fieldlist li.Bline {border-bottom:1px solid #ececec;}

	.tctest2_usewrap {width:800px;}
		.tctest2_usebox {width:800px; display:inline-block;}
			.tctest2_usebox li {float:left; width:342px; text-align:center; line-height:1.4em; border:1px solid #ececec; padding:25px;}

/*원운영 - 체험학습 2017-07-05*/
.exlearn_searchWrap {width:100%; border-top:1px solid #c7c7c7; position:relative;}
	table.exlearnTable_search {width:100%;}
		table.exlearnTable_search tbody tr {border-bottom:1px solid #c7c7c7;}
			table.exlearnTable_search tbody tr th {background-color:#f4f4f4; padding:15px 20px; font-weight:bold;}
			table.exlearnTable_search tbody tr td {padding:15px 0;}
	.exlearn_searchBtn {display:block; width:170px; height:40px; background-color:#0061c5; text-align:center; cursor:pointer; color:#fff; font-weight:bold; line-height:38px; margin:0 auto;}

.exlearn_listWrap {margin-top:60px; width:800px;}
	.exlearn_list {width:800px;}
		.exlearn_list li {width:256px; height:265px; margin:5px; float:left; position:relative; border:1px solid #c7c7c7; box-sizing:border-box;}
				.exlearn_best {position:absolute; z-index:9999; top:0; left:10px; text-align:center; line-height:28px; color:#fff; font-weight:bold; width:43px; height:36px; background:url('../images/icon/icon_best_ex.png') no-repeat;}
				.exlearn_listBox {width:256px; cursor:pointer;}
					.exlearn_listBox dt {width:256px; height:190px;}
					.exlearn_listBox dd {font-weight:bold; padding:12px 10px 7px;}
						.areabox {display:inline-block; width:34px; height:17px; background-color:#838383; text-align:center; color:#fff; line-height:17px; margin-right:5px;}
						.ex_infobox {border-top:1px solid #c7c7c7; font-weight:normal; margin-top:12px; padding-top:7px;}

.exlearn_infoWrap {width:800px; display:inline-block; border-bottom:1px solid #c7c7c7; padding-bottom:30px;}
	.exlearn_infoBox {}
		.exlearn_infoBox dt {float:left; width:188px; height:140px; border:1px solid #c7c7c7; box-sizing:border-box; margin:0 20px;}
		.exlearn_infoBox dd {float:left; width:550px; height:140px; overflow:hidden;}
			.exlearn_infoTit {font-size:16px; font-weight:bold;}
			.exlearn_infoTit a.exlearn_infoBtn {color:#fff; text-decoration:none;}
				.exlearn_infoBtn {display:inline-block; width:80px; height:27px; background-color:#0061c5; text-align:center;  line-height:27px; font-size:12px; margin-left:10px;}
				
			.exlearn_infoList {margin-top:8px;}
				.exlearn_infoList li {margin-top:3px;}
					.exlearn_infoTxt {display:inline-block; width:70px;}
					.exlearn_infoTxt a.exlearn_hbtn {}
						.exlearn_hbtn {display:inline-block; width:60px; height:18px; border:1px solid #c7c7c7; text-align:center; line-height:18px; font-size:12px; margin-left:10px; font-weight:normal;}

.exlearn_viewWrap {width:800px; display:inline-block; border-bottom:1px solid #c7c7c7;}
	.exlearn_tabbox {width:800px; height:37px; background:url('../images/lecture/lecture_tab_bg.jpg') repeat-x top left;}
		.exlearn_tabbox li {float:left; width:118px; height:35px; background-color:#f4f4f4; border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7; text-align:center; line-height:2.9em;}
		.exlearn_tabbox li.First {border-left:1px solid #c7c7c7;}
		.exlearn_tabbox li.Choice {height:36px; background-color:#fff; font-weight:bold;}
		.exlearn_tabbox li a {display:inline-block; width:118px; height:35px; color:#999; text-decoration:none;}
	
	.exlearn_con {width:800px; min-height:300px; padding:30px 0;}
		.relatedP_list {}
			.relatedP_list li {width:186px; height:240px; border:1px solid #c7c7c7; float:left; margin:6px;}
				.relatedP {}
					.relatedP dt {width:186px; height:186px;}
					.relatedP dd {width:186px; height:54px; padding:8px; overflow:hidden;}
						.relatedP_payB {color:#797979; text-decoration:line-through;}
						.relatedP_payF {font-size:14px; font-weight:bold;}
						.relatedP_payS {color:#e84b3e; font-weight:bold; letter-spacing:-0.8px;}