.table_basic				{ width: 100%; border-top: 3px solid #333333; }
.table_basic caption		{ padding: 0 0 5px 5px; font-size: 15px; font-weight: 400; color: #333333; text-align: left; border-left: 5px solid #dddddd; font-family: 'Noto Sans KR', sans-serif; }
.table_basic th				{ padding: 10px 0; font-size: 13px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #f8f8f8; }
.table_basic th:first-child	{ border-left: 0; }
.table_basic th:last-child	{ border-right: 0; }
.table_basic td				{ padding: 10px 0; color: #666666; text-align: center; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; word-wrap: break-word; word-break: break-all; }
.table_basic td:first-child	{ border-left: 0; }
.table_basic td:last-child	{ border-right: 0; }
.table_basic a				{ font-weight: bold; }
.table_basic textarea		{ border-left: 1px solid #9f9f9f; border-top: 1px solid #9f9f9f; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table_basic .t_bg01		{ background: #fcf9fe; }
.table_basic .t_bg02		{ background: #fcfaf6; }
.table_basic .t_bg01-g		{ background: #886c9a; }
.table_basic .t_bg02-g		{ background: #b9a988 }
.table_basic select			{ height: 27px; border-left: 1px solid #9f9f9f; border-top: 1px solid #9f9f9f; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.table_basic .tleft			{ text-align: left; padding-left: 10px; }
.table_basic .th_g			{ padding: 10px 0; color: #ffffff; font-size: 13px; background: #5a5a5a; }
.table_basic .matlist					{ float:left; width: 1300px; }
.table_basic .matlist div				{ float: left; width: 800px; }
.table_basic .matlist div:nth-child(1)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(3)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(5)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(7)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(9)	{ float: left; width: 500px; }
.table_basic .matlist div b				{ display: inline-block; width: 160px; }
.table_basic .matlist_w					{ float:left; width: 1400px; }
.table_basic .matlist_w div				{ float: left; width: 900px; }
.table_basic .matlist_w div:nth-child(1)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(3)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(5)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(7)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(9)	{ float: left; width: 500px; }
.table_basic .matlist_w div b				{ display: inline-block; width: 180px; }

.th-g th				{ padding: 10px 0; color: #ffffff; font-size: 13px; border-left: 1px solid #353535; border-right: 1px solid #353535; border-bottom: 1px solid #353535; background: #5a5a5a; }
.th-g th:first-child	{ border-left: 0; }
.th-g th:last-child		{ border-right: 0; }


.thume						{ position:relative; float:left; width:100%; margin-top:20px; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.guide						{ position:relative; float:left; padding:0 15px 10px 15px; font-size:13px; padding-left: 25px; text-indent: -8px; }
.insert						{ margin:20px;}
.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert input[type="file"]	{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.insert label				{ display: inline-block; width: 20%; padding: .45em 0; text-align: center; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; color: #fff; background-color: #555; border-color: #444; border-radius: .25em; }
.insert .upload-name		{ display: inline-block; width: 70%; padding: .42em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #aaaaaa;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.function			{ float: left; width: 100%; text-align: right; }


.btn				{ display: inline-block; padding: 0 25px 0 25px; height: 40px!important; vertical-align: top; text-align: center; font-size: 14px; line-height: 40px; letter-spacing: 0; box-sizing:border-box; border: 0; cursor: pointer; font-family: 'Noto Sans KR', sans-serif; }
.btn-default		{ color: #333; border: 1px solid #dfdfdf; background: #fff; }
.btn-default:hover	{ color: #333; font-weight: 400; border: 1px solid #a4a4a4; border-bottom: 1px solid #5e5e5e; }
.btn_apply			{ color: #fff; border: 1px solid #141414; background: #141414; }
.btn_apply:hover	{ color: #fff; font-weight: 400; border: 1px solid #414141; border-bottom: 1px solid #000000; background: #414141; }


.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.pb100{padding-bottom:100px !important;}
.container-w{padding:0 15px !important;}
.list-contents{ width:920px; float:right; }
.mytotalviewbtn{color:#6e1e0e; font-weight:bold; padding-left:50px;}
.leftbox{ clear:both}
.totalviewbtn{height:45px; line-height:45px; background:url(../img/totalbtn.png) no-repeat 85% center; border:1px solid #666666; font-size:16px; padding-left:20px; width:100%; box-sizing:border-box; margin-bottom:30px; font-weight:500; cursor:pointer}
.leftnav{float:left; width:225px;}
.leftnav .leftnav-title{font-size:15px;  border-top:1px solid rgb(0,0,0); height:42px; line-height:42px; padding-left:15px; box-sizing:border-box; color:rgb(0,0,0); font-weight:bold; clear:both; margin-bottom:8px; background:url(../img/arrplus.png) no-repeat 195px center #f5f5f5; cursor:pointer}
.leftnav .pluson{ background:url(../img/arrmius.png) no-repeat 195px center #f5f5f5; }
.leftnav .localselect p{margin-bottom:10px; font-size:14px}
.leftnav .localselect p label{padding-left:10px;}
.leftnav .lastime-user-img-sbox {  height: 170px;  overflow: auto;}
.leftnav  .leftsearch{width: 225px;    height: 37px;    border: 1px solid #e5e5e5;    box-sizing: border-box;    line-height: 37px; padding-left:10px; position:relative}


.leftnav  .leftsearch input.leftseacht{ border:none; height:23px}
.leftnav  .leftsearch input.leftseachimg{position:absolute; top:10px; right:10px; cursor:pointer}
.leftnav .morebox{padding-left:15px; padding-top:18px; color:#636363; letter-spacing:0;}
.leftnav .morebox:last-child{margin-bottom:30px;  border-bottom:1px solid #cccccc;padding-bottom:20px;  }
.leftnav .morebox .morebox-t{font-weight:600; color:#2b2b2b; font-size:14px; }
.leftnav .morebox .morebox-s p{padding-bottom:20px; letter-spacing:-0.5px;}

.leftbox .edustay{border-bottom:1px solid #cccccc; padding-bottom:20px; overflow:hidden; margin-bottom:25px;}
.leftbox .edustay .tmp-check{display:block; padding-left:15px;}
.leftbox .eduday{padding-left:20px; padding-top:15px; border-bottom:1px solid #cccccc; padding-bottom:30px; margin-bottom:25px; font-size:12px;}
.leftbox .eduday .d1{text-decoration:underline; margin-right:40px;}
.leftbox .eduday .d2{margin-right:20px;}
.leftbox .eduday .d3{cursor:pointer;}
.leftbox .eduday div{margin-bottom:8px;}

.edulist .edulistbox{margin-bottom:20px;}
.edulist .listbox-list{overflow:hidden; padding:40px 0 15px; border-top:1px solid #393939}
.edulistbox:nth-child(1) .listbox-list{border-top:2px solid #393939; padding-top:20px;}
.edulist .listbox-title{ font-size:22px; color:#000; float:left; width:645px; font-weight:500  }
.edulist .listbox-stitle{line-height:160%;}
.edulist .listbox-namew{overflow:hidden; padding-top:40px }
.edulist .listbox-txtedu{ font-size:15px; margin-bottom:20px; overflow:hidden}
.edulist .eduview-detail-listbtn{overflow:hidden; border-top: 1px solid #666666;}
.edulist .eduview-detail-listbtn a{display: block; width:80px; height:30px; line-height:30px; border: 1px solid #a1a1a1; float:right; text-align:center; margin-top:10px;}
.list-contents .edulist .listbox-name ul li { height:35px; line-height:35px; width:197px;}
.list-contents .edulist .listbox-name ul li:nth-child(odd) { width:65px; margin-left:10px;}
/*.list-contents .edulist .listbox-name ul li:nth-child(2) { width:300px;}
.list-contents .edulist .listbox-name ul li:nth-child(6) { width:300px;}*/
.listbox-name-cate{border-bottom: 1px solid #d0d0d0; height: 45px;    line-height: 45px;  margin-left:10px;}
.listbox-name-cate .cate-title{color: rgba(0,0,0,1);    font-weight: 600;    padding-bottom: 5px;     padding-left: 5px;     padding-right: 5px;}
.listbox-name-cate .cate-detail{padding-left:20px;}


.list-contents .list-total-cnt{float:left;}
.list-contents .list-total-view{float:right; margin-bottom:7px; width:70px;}
.list-contents .list-total-view  li{float:left; cursor:pointer}
.list-contents .listboxw{ overflow:hidden;     margin-bottom: 100px;}
.list-contents .list-table{display:none;}
.list-contents .listboxw .listbox{float:left; border-bottom:1px solid #d8d8d8; padding:30px 35px 20px; cursor:pointer; width:100% ; box-sizing:border-box;}
.list-contents .listboxw .listbox:hover{background-color: #f0f0f0; cursor:pointer; -webkit-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}
.list-contents  .listbox-img{ float:left; width:210px; height:135px; margin-right:40px; overflow:hidden;}
.list-contents  .listbox-img img{width:100%;}
.list-contents .listbox-subt{ float:left; width:700px; color:#8d8a8a; font-size:14px; font-weight:500}
.list-contents .listbox-namew{overflow:hidden;  }
.list-contents .listbox-name{float:left; color:#333333; width:100%}
.list-contents .listbox-name ul{float:left; overflow:hidden; }
.list-contents .listbox-name ul li{float:left; margin-right:5px; border-bottom:1px solid #d0d0d0;  padding-left:5px; padding-right:5px}
.list-contents .listbox-name ul li span{ color:rgba(0,0,0,1); font-weight:600;  padding-bottom:5px; }
.list-contents .listbox-more{float:right; width:155px;}
.list-contents .listbox-more .listbox-B{text-align:center; margin-bottom:10px; margin-top:15px;}
.list-contents .listbox-more .listboxbtn{display:inline-block; width:155px; height:35px; line-height:35px; background: url(../img/sub_more.png) #fff no-repeat 130px center; color:#1057a7;padding-left:13px; font-size:12px;float:left;  border:1px solid #0052cd; box-sizing:border-box}
.list-contents .listbox-more .listboxbtn:hover{background: #1959a9 url(../img/sub_moreon.png) no-repeat 130px center; cursor:pointer;-webkit-transition: background-color 200ms linear; color:#FFF; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;}


.listbox-Div{overflow:hidden;}
.listbox-Div .listboximg-Div{float:left; width:295px; margin-right:20px;}
.listbox-Div .listboxw-Div{float:right; width:630px;}
.edulist-detail{ color:#656565; padding-left:10px;}




.mytotalviewbtn{color:#1368c8; font-weight:bold;padding:10px 0; text-align:center; display:inline-block; font-size:18px; font-weight:500; text-align:center; width:100%; border:1px solid #9a9a9a; margin-bottom:20px; box-sizing:border-box}
.leftbox{ clear:both}
.totalviewbtn{height:45px; line-height:45px; background:url(../img/totalbtn.png) no-repeat 85% center; border:1px solid #666666; font-size:16px; padding-left:20px; width:100%; box-sizing:border-box; margin-bottom:30px; font-weight:500; cursor:pointer}
.leftnav{float:left; width:240px;}
.leftnav .leftnav-title{font-size:15px;  border-top:1px solid rgb(0,0,0); height:42px; line-height:42px; padding-left:15px; box-sizing:border-box; color:rgb(0,0,0); font-weight:bold; clear:both; margin-bottom:8px; background:url(../img/arrplus.png) no-repeat 195px center #f5f5f5; cursor:pointer}
.leftnav .pluson{ background:url(../img/arrmius.png) no-repeat 195px center #f5f5f5; }
.leftnav .localselect p{margin-bottom:10px; font-size:14px}
.leftnav .localselect p label{padding-left:10px;}
.leftnav .lastime-user-img-sbox {  height: 170px;  overflow: auto;}
.leftnav  .leftsearch{width: 225px; height: 37px; border: 1px solid #e5e5e5; box-sizing: border-box; line-height: 37px; padding-left:10px; position:relative}
.leftnav  .leftsearch input.leftseacht{ border:none; height:23px}
.leftnav  .leftsearch input.leftseachimg{position:absolute; top:10px; right:10px; cursor:pointer}
.leftnav .morebox{padding-left:15px; padding-top:18px; color:#636363; letter-spacing:0;}
.leftnav .morebox:last-child{margin-bottom:30px;  border-bottom:1px solid #cccccc;padding-bottom:20px;  }
.leftnav .morebox .morebox-t{font-weight:600; color:#2b2b2b; font-size:14px; }
.leftnav .morebox .morebox-s p{padding-bottom:20px; letter-spacing:-0.5px;}












.edu-cation{text-align:right; padding-bottom:23px;} 
.edu-cation span{display:inline-block; border-bottom:1px solid #da1212; color:#da1212; margin-left:5px;}
.v-line{width:260px; height:2px; background:rgb(51,51,51); position:absolute; left:50%; margin-left:-130px; bottom:0}
#edulist .edulistbtn a{border:1px solid #dfdfdf; width:80px; height:40px; line-height:40px; text-align:center; float:right; display:block}


.eduview-contents{width:795px; float:right; margin-bottom:100px;}
.eduview-leftnav{float:left; margin-left:30px; box-sizing:border-box; width:315px;}
.eduview-Bimg{margin-bottom:30px;}
/* .eduview-Bimg img { width:315px; height:448px;} */
.eudview-simg ul li{float:left; padding:8px 5px 0 0; width:100px; height:80px;}
.eudview-simg ul li img{width:100%;}
.eudview-simg ul li:nth-child(3n){padding-right:0;}


.edu_ing {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #eb5454; border: 1px solid #eb5454; margin-right: 15px;}
.edu_after {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #5d5d5d; border: 1px solid #5d5d5d; margin-right: 15px;}
.edu_before {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #0442e8; border: 1px solid #0442e8; margin-right: 15px;}


.group-check{display:inline-block; }
.group-check label{cursor:pointer; margin-right:15px;}
.group-check input[type="checkbox"] {    display:none;}
.group-check input[type="checkbox"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../img/view_check_off.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check input[type="checkbox"]:checked + label span {    background:url(../img/view_check_on.png) no-repeat; background-size:20px}
.group-check input[type="radio"] {display:none;}
.group-check input[type="radio"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../img/view_check_on.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check ul{overflow:hidden; padding-top:20px; height:205px; overflow-y:scroll; box-sizing:border-box; }
.group-check ul li{float:left; width:25%; font-size:14px; margin-bottom:2px; }


.list-junboxw {overflow:hidden;}
.list-junboxw .list-junbox{border-bottom:1px solid #a4a4a4; width:270px; float:left; margin-right:50px; margin-bottom:50px; padding-bottom:25px; height: 570px;}
.list-junboxw .list-junbox:nth-child(3n){margin-right:0;}
.list-junboxw .list-junbox-d1{cursor:pointer; position:relative; text-align: center; height:358px; }
.list-junboxw .list-junbox-d1 img { width:270px; height:358px;}
.list-junboxw .list-junbox-d1:hover .book-cover{background:url(../img/book-over.png) no-repeat center center rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:0; left:0; z-index:2}
.list-junboxw .list-junbox-t{position:absolute; left:0; bottom:0; width:95px; height:40px; line-height:40px; background:rgba(0,0,0,0.6) ; color:rgba(255,255,255,1); z-index:1; text-align:center; font-size:16px}
.list-junboxw .list-junbox-d2{padding-bottom:15px; font-size:16px; padding-top:20px;    height: auto; line-height: inherit; text-align: left; background: #fff; border-top: 1px solid rgba(255,255,255,1); font-weight: 500; height: 40px;}
.list-junboxw .list-junbox-d3{ font-size:14px; min-height:25px}
.list-junboxw .list-junbox-btn{ text-align:center; padding-top:15px;}
.list-junboxw .list-junbox-btn a{width:105px; height:32px; line-height:32px; text-align:center; color:rgba(255,255,255,1); font-size:14px; background:#8b4e3d; display:inline-block;}
.list-junboxw .list-junbox-btn a:hover{background: #743828;    -webkit-transition: background-color 300ms linear; color:#FFF;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
.list-junbox .book-cover { background: url(../img/book-over.png) no-repeat center center rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; top: 101%; left: 0; z-index: 2; text-align: center; font-size: 15px; box-sizing: border-box}


.edu_pager li { float:left; padding:5px; }

#edulist .eduviewbtn{float:none; text-align:center; margin-top:20px}
.edu_ing {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #eb5454; border: 1px solid #eb5454; margin-right: 15px;}
.edu_after {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #5d5d5d; border: 1px solid #5d5d5d; margin-right: 15px;}
.edu_before {float: left; width: 100px; padding: 0; text-align: center; height: 30px; font-size: 16px; line-height: 27px; color: #0442e8; border: 1px solid #0442e8; margin-right: 15px;}
.enroll_ing {display:inline-block; width:105px; height:30px; line-height: 28px; background:#c42703; color:#fff;font-size:13px; text-align:center;  float:right}
.enroll_after {display:inline-block; width:105px; height:30px; line-height: 28px; background:#5e5e5e; color:#fff;font-size:13px; text-align:center;  float:right}
.enroll_before {display:inline-block; width:105px; height:30px; line-height: 28px; background:#1b60ac; color:#fff;font-size:13px; text-align:center; float:right}

@media only all and (max-width: 1024px)
{
	.list-contents { width:100%;}
	.leftnav{float:none; width:100%;}
	
	.list-junboxw{margin-top:30px;}
	.list-junboxw .list-junbox { height:auto;}
	.list-junboxw .list-junbox-d1{ height:auto;}
	.list-junboxw .list-junbox{width:100%; margin-right:0}
	.list-junboxw .list-junbox .list-junbox-d1 img{width:100%; height:100%;  max-height: inherit}
	
	.listbox-page ul{margin-bottom:50px;}
	.listbox-page ul li{width:25px; height:25px; line-height:25px; font-weight:normal; font-size:13px;}
	
	
	.eduview-leftnav { width:100%; margin-left:0;}
	.eduview-leftnav .eduview-Bimg { width:100%;}
	.eduview-leftnav .eduview-Bimg img { width:100%; height:auto;}
	
	.eduview-contents { width:100%;}
		.eduview-contents { width:100%;}
	.leftnav .leftnav-title{background-position:90% center; }
	.leftbox .edustay .tmp-check{display:inline; padding-left:0; padding-right:0px;}
	.leftbox .eduday{padding-left:5px; padding-top:0	}
	.leftbox .eduday .d2{}
	.leftbox .eduday div{float:left; width:49%;}
	.leftbox .eduday .d1{margin-right:0;}
	.leftnav .leftbox:nth-child(3){display:none;}
	.list-junboxw .list-junbox{height:auto;}
}