.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: left; }
.function a { float:none;}


.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; }

/* ask */
.askbox{ margin-top: 40px; width: 100%; text-align: center; }
.askbox p{ display: inline-block; margin: 0 auto; width: auto; padding: 40px; font-size: 20px; font-weight: 700; border: 1px solid #ccc; }
.askbox div{ width: 100%; padding: 40px 0 80px; }

/* Admin */
#adminwrapper{ float: left; width: 100%; padding: 50px 0; text-align: center; letter-spacing: 0; }

#adminMenu{ margin: 0 auto; width: 70%; }
#adminMenu p{ float: left; padding: 0 0 30px; width: 100%; font-size: 16px; }
#adminMenu ul{ float: left; width: 100%; }
#adminMenu ul li{ float: left; line-height: 50px; width: 30%; margin: 3px 10px; font-size: 16px; font-weight: 300; text-align: center; }
#adminMenu ul li a{ display: block; border: 1px solid #efefef; border-radius: 3px; background: #f9f9f9; }
#adminMenu ul li a:hover{ color: #15aadb; border: 1px solid #a3def1; border-radius: 5px; }
#adminMenu ul li strong{ display: block; color: #ff4128; font-weight: 300; background: #ffffff; }
#adminMenu ul li strong:hover{ color: #db15c1; border-radius: 5px; }
#adminMenu span{ float: left; margin: 10px 0 0 10px; }
#adminMenu .btnadminbox{ float: left; width: 100%; padding: 50px 0; }


#adminMsg{ margin: 0 auto; width: 70%; text-align: center; display: none; }
#adminMsg div:first-child{ float: left; margin-bottom: 50px; width: 100%; padding: 10px 0; border: 1px solid #efefef; }
#adminMsg p{ float: left; padding: 20px 0 10px; width: 100%; font-size: 16px; }
#adminMsg p label{ margin-right: 5px; font-weight: 500; }


@media screen and (max-width:1024px) {

	#adminMenu{ width: 95%; }
	#adminMenu p{ font-size: 120%; }
	#adminMenu ul li{ width: 30%; margin: 3px 5px; font-size: 100%; }

	#adminMsg{ width: 95%; }
	#adminMsg p{ font-size: 120%; }
	#adminMsg p label{ font-size: 100%; }

	input[type="submit"]{ padding: 0 9px; height: 30px; line-height: 30px; font-size: 97%; }
	a.btn{ padding: 0 9px; height: 30px; line-height: 30px; font-size: 97%; }

}


.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;}

.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;}
.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;}
.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; }


.pagination			{ position: inherit; float: left; margin: 30px 0; width: 100%; text-align: center; font-family: 'Nanum Gothic', sans-serif; }
.pagination a		{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #666; font-size: 13px; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
.pagination a:hover	{ color: #f011de; border: 1px solid #a8a8a8; border-radius: 2.5px; }
.pagination span	{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #464e6b; background: #464e6b; }
.pagination .first	{ font-size: 0px; background: url(../img/pagination_01.png) no-repeat center; }
.pagination .prev	{ font-size: 0px; background: url(../img/pagination_02.png) no-repeat center; }
.pagination .last	{ font-size: 0px; background: url(../img/pagination_04.png) no-repeat center; }
.pagination .next	{ font-size: 0px; background: url(../img/pagination_03.png) no-repeat center; }

.btnbox { clear: both; 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%;}
	.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;}
}