.clear-after:after{clear:both; content:""; display:table;}
.clear-before:before{clear:both; content:""; display:table;}
.pull-left{float:left;}
.pull-right{float:right;}
.pull-over{overflow:hidden;}

.item-container{width:100%; position:relative; padding-bottom:100px;}

.item-container h2.item-title{
	width:100%;
	height:60px;
	line-height:60px;
	font-family:"Nanum Gothic";
	text-align:left;
	display:block;	
	font-size:22px;
	letter-spacing:-1px;
	color:#333;
	border-bottom:2px solid #474747;
}

.item-container .item-info{
	width:100%;
	height:180px;
	margin-top:15px;
	padding-bottom:15px;
	border-bottom:2px solid #474747;
	position:relative;	
}

.item-container .item-info .play-sample{
	width:306px;
	height:161px;
	position:relative;
	background:url(/_skin/tpl_skin/images/item/sample.png) no-repeat;
}

.item-container .item-info .play-sample a{
	width:302px;
	height:157px;
	position:absolute;	
	text-indent:-9999px;
	border:2px solid #CCC;
}

.item-container .item-info .play-sample a:hover{	
	border:2px solid #da391d;		
}

.item-container .item-info .item-table{
	width:50%;
	height:165px;
	margin-left:30px;
	position:relative;	
}

.item-container .item-info .item-table .item-info-more{
	width:100%;
	margin-top:14px;
}

.item-container .item-info .item-table .item-info-more .item-row{
	width:100%;
	padding:7px 0;
	border-bottom:1px solid #afafaf;
	line-height:24px;
	overflow:hidden;
}
.item-container .item-info .item-table .item-info-more .item-row.not-border{
	border-bottom:none;
}

.item-container .item-info .item-table .item-info-more .item-row .item-cell{
	font-size:13px;
	font-weight:bold;
	font-family:dotum;
	color:#333;
	position:relative;
	letter-spacing:-0.039em;
}

.item-container .item-info .item-table .item-info-more a.all-degree{
	width:84px;
	height:22px;
	line-height:22px;
	color:#FFF;
	font-family:"Nanum Gothic";
	text-align:center;
	font-weight:bold;
	background:#848484;
	font-size:12px;
	display:inline-block;
	margin-left:10px;
}

.item-container .item-info .item-table .item-info-more a.all-degree:hover{
	text-decoration:none;
}
.item-container .item-info .item-table .item-info-more .item-row:after{
	content:'';
	display:table;
	clear:both;
}
.item-container .item-info .item-table .item-info-more .item-row .item-cell.th,
.item-container .item-info .item-table .item-info-more .item-row .item-cell.td{
	float:left;
}

.item-container .item-info .item-table .item-info-more .item-row .item-cell.th{
	width:30%;
	text-indent:15px;	
	background: #ffffff;
}

.item-container .item-info .item-table .item-info-more .item-row .item-cell.th span{
	color:#afafaf;
	font-size:11px;
	font-weight:bold;	
	text-align:left;
	width:35px;
	height:35px;
	position:absolute;
	display:inline-block;
	right:0;
}

.item-container .item-info .item-table .item-info-more .item-row .item-cell.td{
	width:70%;
	overflow:hidden;
}

.item-container .item-info .item-table .item-info-more .item-row .item-cell.th.l,
.item-container .item-info .item-table .item-info-more .item-row .item-cell.td.l{
	border:none;
}

.item-container .item-info .item-table .item-info-more .item-row .item-cell.td.l{
	color:#d11605;
}

.item-container .item-ch-list{
	position:relative;
	width:100%;	
}

.item-container .item-ch-list h3.list-title{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:left;
	color:#333;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;	
	font-family:"Nanum Gothic";
}

.item-container .item-ch-list .item-tab-section{
	width:100%;
	position:relative;	
	border:1px solid #afafaf;	
}

.item-container .item-ch-list .item-tab-section .item-in{
	position:relative;
	width:93%;
	margin:25px auto;
}

.item-container .item-ch-list .item-tab-section .item-in .cat-title{
	position:relative;
	width:100%;
	height:40px;		
}

.item-container .item-ch-list .item-tab-section .item-in .cat-title li{
	position:relative;
	height:40px;
	line-height:40px;
	text-align:center;	
	float:left;
}

.item-container .item-ch-list .item-tab-section .item-in .cat-title li a{
	font-weight:bold;
	font-size:16px;
	font-family:"Nanum Gothic";
	letter-spacing:-1px;
	color:#838485;
	border:2px solid #CCC;
	display:block;
}

.item-container .item-ch-list .item-tab-section .item-in .cat-title li a:hover,
.item-container .item-ch-list .item-tab-section .item-in .cat-title li a.selected{	
	color:#404141;
	text-decoration:none;
	border:2px solid #404141;
}

.item-container .item-ch-list .item-tab-section .item-in .item-top{
	width:100%;
	position:relative;
	border-bottom:1px solid #5e5e5e;	
	padding-top: 10px;
    height: 60px;
}

.item-container .item-ch-list .item-tab-section .service-year{	
	position:relative;	
	display:none;
}

.item-container .item-ch-list .item-tab-section .service-year.selected{
	display:block;
}

.item-container .item-ch-list .item-tab-section .service-year li{	
	height:40px;
	line-height:40px;
	width:50px;
	position:relative;	
}

.item-container .item-ch-list .item-tab-section .service-year li span{
	position:absolute;
	left:-8px;	
	line-height:40px;
	font-size:13px;
	font-weight:bold;
	color:#afafaf;
	font-family:"Nanum Gothic";
	
}

.item-container .item-ch-list .item-tab-section .service-year li a{
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#afafaf;
	font-family:"Nanum Gothic";
}

.item-container .item-ch-list .item-tab-section .service-year li a:hover,
.item-container .item-ch-list .item-tab-section .service-year li a.selected{
	color:#1350ab;
	text-decoration:none;
}

.item-top .service-subject{
	margin-top:4px;	
}

.item-top .service-subject .drop-sjh{
	display:none;
}

.item-top .service-subject .drop-sjh.selected{
	display:block;
}

.item-top .service-subject .dropdown-menu li{
	float:none;
}

.item-top .service-subject .dropdown-menu > li > a {
	font-size:14px;
}

.item-container .item-ch-list .item-tab-section .item-view{
	display:none;	
}

.item-container .item-ch-list .item-tab-section .item-view.selected{
	display:block;
}

.item-container .item-ch-list .item-tab-section .item-in .tb-list-section{
	position:relative;
	margin:30px 0;
	display:none;
}

.item-container .item-ch-list .item-tab-section .item-in .tb-list-section.selected{
	display:block;
}

.tb-list-section h4.type-title{
	color:#333;
	font-family:"Nanum Gothic";
	font-weight:bold;
	font-size:17px;
	letter-spacing:-1px;
}

.tb-list-section .type-tb-list{
	margin:10px 0 30px 0;
}

.item-in table.list-table{
	width:100%;
	border:1px solid #afafaf;
	border-collapse:collapse;
}

.item-in table.list-table th,.item-in table.list-table td{
	border:1px solid #afafaf;
	height:35px;
}

.item-in table.list-table th{
	text-align:center;
	background:#EEE;
	font-size:14px;
}

.item-in table.list-table td{
	font-size:13px;
	text-align:center;
	padding:3px 0;
}

.item-in table.list-table td.text-left{
	text-align:left;	
	padding:3px 10px;
}

.item-in table.list-table td span.old-p{
	font-size:11px;	
	text-decoration: line-through
}

.item-in table.list-table td span.dis-p{
	font-size:12px;
	color:#F00;	
}

.item-in table.list-table td input[type="checkbox"]{
	margin-top:2px;
}

.item-in table.list-table td .smaple-btn{
	width:60px;
	height:20px;
	line-height:20px;
	display:inline-block;
	background:#CCC;
	position:relative;
	margin-left:20px;
	text-align:center;	
}

.item-in table.list-table td .smaple-btn a{
	color:#333;
	font-weight:bold;
}

.type-tb-list h5.tb-title{
	color:#333;
	height:30px;
	line-height:40px;
	font-family:"Nanum Gothic";	
	font-size:13px;	
	letter-spacing:-1px;
}

.order-info{		
	position:fixed;
	width:100%;	
	height:70px;	
	left:0;
	bottom:0;
	z-index:98;	
}

.order-info .info-price{
	position:relative;	
	height:80px;
	left:50%;	
	background:#383838;
	border-radius:15px;
	display:none;
}

.order-info .info-price .order-price{
	line-height:80px;	
	font-weight:bold;
	font-size:20px;
	font-family:"Nanum Gothic";
	text-align:right;
	letter-spacing:-1px;		
	margin-right:40px;		
}

#order_info{
	width:100% !important;
}

.order-info .info-price .order-price .op1{	
	color:#d9d9d9;	
}

.order-info .info-price .order-price .op2{
	color:#f74c4c;
	margin-right:20px;
}

#order_btns .a-btn,
.order-info .info-price .order-price .a-btn{
	width:110px;
	height:28px;
	line-height:28px;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	text-align:center;	
	color:#FFF;
}

#order_btns .a-btn:hover,
.order-info .info-price .order-price .a-btn:hover{
	text-decoration:none;
}

#order_btns .a-btn.btn-buy,
.order-info .info-price .order-price .a-btn.btn-buy{
	background:#f74c4c;
}

#order_btns .a-btn.btn-cart,
.order-info .info-price .order-price .a-btn.btn-cart{
	background:#848484;
}

#order_btns .a-btn.btn-free,
.order-info .info-price .order-price .a-btn.btn-free{
	background:#1d7ada;
}


/*bootstrap drop button [시작]*/
/*css 만 따로 가지고옴*/
.item-top .service-subject .drop-sjh button.dropdown-toggle{
	background:#f74c4c;
	border-radius:0;	
	color: white;
	display: inline-block;
    margin: 0;
    font-weight: normal;
    font-family: inherit;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
	border: 1px solid #333;
    white-space: nowrap;
    text-transform: none;
    width : 162px;
    height : 35px;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

.item-top .service-subject .drop-sjh button.dropdown-toggle .caret{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.item-top .service-subject .drop-sjh .dropdown-menu{
	position: absolute;
    top: 50px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: white;
    border: 1px solid #cccccc;    
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.item-top .service-subject .drop-sjh.open > .dropdown-menu {
    display: block;
}

.item-top .service-subject .drop-sjh .dropdown-menu li{
	box-sizing: border-box;
}

.item-top .service-subject .drop-sjh .dropdown-menu li a{
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
    box-sizing: border-box;
	background: transparent;
}
/*bootstrap drop button [종료]*/

/*도서 팝업 [시작]*/
.pop-detail {
	position: fixed;
	z-index: 99;
	width: 550px;
	height: 564px;
	top:50%;
	left:50%;
	margin-left:-275px;
	margin-top:-282px;
	display: none;
}
.pop-detail .pop-title {
	background-color: #353C4A;
	height: 40px;
	padding: 10px 20px;
	position: relative;	
}
.pop-detail .pop-title h1 {
	color: #FFF;
	font-size: 14px;
}
.pop-detail .pop-title .pop-close {
	position: absolute;
	right: 20px;
	top: 14px;
}
.pop-detail .book-info2 {
	background: url('/_skin/public/images/professor/book_bg.png');
	padding: 20px;
}
.pop-detail .book-info2 .d-info {
	width: 100%;
}
.pop-detail .book-info2 .b-info p > span {
	padding-right: 20px;
}
.book-pop .book-detail-info {
	height: 500px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	border: 2px solid #353C4A;
	background: #FFF;
}
.book-review-wrap {
	background-color: #FFF;
	padding: 20px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.book-review {
	background-color: #F4F4F4;
	padding: 15px 20px 15px 20px;
}

.b-photo {
	float: left;
	width: 124px;
	height: 168px;
}
.b-photo img {
	width: 124px;
	height: 168px;
}
.b-info {
	float: left;
	margin-left: 26px;
	width: 330px;
	padding-top: 8px;
}
.b-info p {
	color: #BCBCBC;
	font-size: 13px;
}
.b-info p.subject {
	color: #CABB93;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
.b-info p span.write {
	color: #FFF;
}
.b-info p a.book-detail {
	display: block;
	color: #707B89;
	line-height: 23px;
	font-weight: bold;
	width: 100px;
	height: 25px;
	background-color: #292E35;
	border: 2px solid #707B89;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
	letter-spacing: -1px;
}
.b-info p span.price {
	color: #ED3D56;
	margin-left: 5px;
}

/*도서 팝업 [종료]*/