.sch_02 .sch_02@CHARSET "UTF-8";
/*********************************************************************** 
 * author      [����ϻ����]
 * Copyright(c) 2017 by (��)�̾���. All rights reserved.
 *
 * ����Ͻ� ����ȭ�� CSS
 * 
 * since  2017/05/01
 * author Written By JYJ [choyjd@eco.co.kr��      
 
 * �̾����� ����ڷ��� ���� �ܺ� ������ �����մϴ�.
**********************************************************************/
/*mainȭ��*/
body {
	overflow-x: hidden;
	overflow-y: auto;
}

html {
	overflow-x: hidden;
	overflow-y: auto;
}
/*****************************************************************/
/* 1.��ʿ���
/*****************************************************************/

/*위로가기 버튼*/
.scrollToTop {
	position: fixed;
	bottom: 1200px;
	right: 10px;
	width: 70px;
	height: 70px;
	background: url(../img/00_common/button-arrow.png) no-repeat !important;
	background-size: 70px 70px !important;
	border: 1px solid #898989;
	border-radius: 50%;
}

/* A.���ι�� �̹����κ� */
.spot{position:relative;height:300px; background:#f5f5f5;}
.banner{overflow: hidden;width: 100%; background: #FFFFFF;}
.banner>.ban_02{
	position: relative;
    margin: 0 auto;
    width: 1200px;
}
.banner>.ban_02>.main_slide_frame img{cursor: pointer;}
.main_slide_frame { position: relative; overflow: hidden;}
.main_slide_frame:after { clear:both; content: ""; display: block;}
.banner_wrapper { text-align:center; float: left; position: relative;}
.pop_x {cursor: pointer;}

/* B. ���ι�� ����¡ �� ��������ȭ��ǥ */
.btn_wrap{width:1200px; margin:0 auto;}
.month_paging{position:absolute; bottom:15px; width:1200px;text-align:center;}
.month_paging>li{display:inline-block; padding: 0 5px;}
.month_paging input{
	margin:2px 0 ;width:10px;height:10px;
	background:#ffffff; font-family:'Nanum Gothic', sans-serif;
	font-size:14px; font-weight:600;border-radius:5px;
	color: transparent;
	}
.month_paging input.season_on{
	opacity:.7
	}
.btn_prev_next{margin: 0 auto;width: 100%;position: absolute;top: calc(50% - 30px);z-index: 99;}

.btn_sp_prev{    
	position: absolute;
	top: 50%;
	width: 80px;
    height: 80px;
    left: 20px;
    float: left;
    background: url(../img/02_main/arrow-main-left.png) no-repeat !important;
	background-size: 80px 80px !important;    
    z-index: 99;
  }
.btn_sp_next{
	width: 24px;
	position: absolute;
	top: 50%;
	width: 80px;
    height: 80px;
    right: 20px;
    float: right;
    background: url(../img/02_main/arrow-main-right.png) no-repeat !important;
    background-size: 80px 80px !important;
    z-index: 99;
 }
 
.btn_prev_next input:focus{outline: none;}
/*****************************************************************/
/* 2.��� Ŭ���� ��Ÿ���� ī�������� 
/*****************************************************************/
/* A.���ι�� �̹����κ�*/
.banner_pop{
	display:none;
	z-index: 300;position:absolute;top:300px;
	width: 100%; height:446px;
	background: #464646;
}
.banner_pop_cont{position:relative;margin:0 auto;width:1200px;height:446px;}
.banner_pop_img{margin:auto;padding-top:20px; width: 400px; height:400px;overflow: hidden}
.banner_pop_paging{
	position: relative;top: -228px;
	margin:0 auto;width: 505px
}
.banner_pop_paging>img{opacity: 0.8}
.banner_pop_paging>img:hover:not(.disabled){opacity: 1}
.banner_pop_paging>img:first-of-type{float:left}
.banner_pop_paging>img:last-of-type{float:right}
.pop_x{position: absolute;top:15px;right:20px;opacity: 0.8;cursor: pointer;}
.pop_x:hover{opacity: 1}
.btn_pop_detail{position: absolute;top:380px;right:200px;cursor: pointer;}
.btn_pop_detail:hover {
	background: url("../img/02_main/button-detail-on.png");
}
.btn_pop_detail:hover {
	background: url("../img/02_main/button-detail-on.png");
}
.pop_arrow{position: absolute;top: -16px;left: 49.3%;}

.banner_pop_frame {	position: relative;	margin: 0 auto; margin-top: 20px; width: 400px; height: 400px; }
.banner_pop_frame img{ width: 400px; height: 400px;	}

.card_arrow { cursor: pointer; }
.card_arrow.disabled { opacity: 0.2; }
div.banner_month {
	width: 1200px;
	margin: 0 auto;
	height: 50px;
	padding-bottom: 20px;
}
div.banner_month ul{
	text-align: center;
	height: 50px;
	margin-left: 41.5%;
}
div.banner_month ul:after{
	clear: both;
	content: "";
	display: block;
}
div.banner_month ul li {
	margin-right: 11px;
    float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 10px;
    vertical-align: middle;
    color: #7e7e7e;
    cursor: pointer;
    overflow: hidden;
    font-size: 13px;
	background:#e2e2e2;
}
div.banner_month ul li:hover,
div.banner_month ul li.on{
	background: #898989;
	color:#fff;
}
/*�����϶� ����*/
div.banner_month ul li.season:hover,
div.banner_month ul li.season.on{
	background:5673b7;
}
div.banner_month ul li div {
	display: talbe-cell;
	vertical-align: middle;
	cursor: pointer;	
}

.banner_stub {
	display: none;
}
/*****************************************************************/
/* 3.�˻� �� ���ͺκ�(main_search.jsp)
/*****************************************************************/
.search_index{
	font-family:'Nanum Gothic', sans-serif;
	background: #e8e8e8;
	height: 115px;
}
.sch_01{width:100%;height:65px;}
.sch_01>.sch_01_cont{
	position: relative; margin:0 auto;
	width:770px;height:65px;box-sizing:border-box;
	}
.sch_01>.sch_01_cont>input{
	position:absolute;top:20px;left:0;width:100%;
	height:37px;border: none; text-indent:10px; font-size:18px;
	outline: none;
	}
.sch_01>.sch_01_cont>.icon_search{position:absolute;top:20px;right:0;height:38px;}/*������ ������*/
.sch_01>.sch_01_cont>.icon_x{position:absolute;right:20px;top:15px;opacity:0;}/*x ������*/

.sch_01>.sch_01_cont>.box_search_cont{
	position:absolute;left:80px;height:50px;
	line-height:50px;color:#ffffff;font-size:14px
	}
.sch_01>.sch_01_cont>.box_search_cont>span{
	margin-right:5px;padding:10px 50px 10px 17px;
	border-radius:6px;font-weight:600;
}
.sch_01>.sch_01_cont>.box_search_cont>span:nth-child(4n+1){
	background:url(../img/02_main/x2-on.png) no-repeat 88% 50 
	}
.sch_01>.sch_01_cont>.box_search_cont>span:nth-child(4n+2){
	background:url(../img/02_main/x2-on.png) no-repeat 88% 50%, #9bcddc;
	}
.sch_01>.sch_01_cont>.box_search_cont>span:nth-child(4n+3){
	background:url(../img/02_main/x2-on.png) no-repeat 88% 50%, #919bc3;
	}
.sch_01>.sch_01_cont>.box_search_cont>span:nth-child(4n){
	background:url(../img/02_main/x2-on.png) no-repeat 88% 50%, #e1aaaf;
	}
.sch_02{
	position: relative;width:100%;height:50px;
	
	}
.sch_02>.sch_02_cont{
	margin:0 auto; width:1202px;height:50px;
	box-sizing:border-box;
	}
.sch_02>.sch_02_cont>div{   /*���Ͱ� ��Ȱ���϶� */
	float:left;height:50px;text-indent:42px;
	line-height:49px; font-size:14px; font-weight:bold;
	border-right:1px solid rgb(220, 220, 220);opacity:0.7;
	}
.sch_02>.sch_02_cont>div.filter_active{opcity:1}/*���Ͱ� Ȱ��ȭ�϶� Ŭ������(�Ʒ�����)*/
.sch_02>.sch_02_cont>div.filter_active:after {
        content: "";
        display: block;
        width: 54px;
        border-bottom: 4px solid #F4792B;
        margin: -3px 13px;
      }	

.sch_02>.sch_02_cont>div:nth-of-type(1){
	width:160px;
	background:url(../img/02_main/icon-filter1-on.png) no-repeat 13px 17px,
	url(../img/02_main/tri2.png) no-repeat 90% 50%;}
.sch_02>.sch_02_cont>div:nth-of-type(1).filter_active{
	background:url(../img/02_main/icon-filter1-on.png) no-repeat 13px 17px,
	url(../img/02_main/tri2.png) no-repeat 90% 50%;
	}
	
.sch_02>.sch_02_cont>div:nth-of-type(2){
	width:160px;
	background:url(../img/02_main/icon-filter1-on.png) no-repeat 13px 17px,
	url(../img/02_main/tri2.png) no-repeat 90% 50%;}
.sch_02>.sch_02_cont>div:nth-of-type(2).filter_active{
	background:url(../img/02_main/icon-filter1-on.png) no-repeat 13px 17px,
	url(../img/02_main/tri2.png) no-repeat 90% 50%;
	}	
	
.sch_02>.sch_02_cont>div#selSchooleGubun{
		width:140px;
		background:url(../img/02_main/icon-filter2-on.png) no-repeat 13px 17px,
		url(../img/02_main/tri2.png) no-repeat 90% 50%
		}

.sch_02>.sch_02_cont>div#selSchooleYearNSub{
		width:145px;
		background:url(../img/02_main/icon-filter3-on.png) no-repeat 13px 17px,
		url(../img/02_main/tri2.png) no-repeat 90% 50%
		}

.sch_02>.sch_02_cont>div#selDetailClass{
		width:145px;
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/tri2.png) no-repeat 90% 50%
		}
	
.sch_02>.sch_02_cont>div#selTermOrUnit{
		width:145px;
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/tri2.png) no-repeat 90% 50%
		}

		.sch_02>.sch_02_cont>div#selUnificationUnit{
		width:180px;
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/tri2.png) no-repeat 90% 50%
		}
		
		
.sch_02>.sch_02_cont>div#dropdownReset{
	background:url(../img/02_main/icon-filter-reset-on.png) no-repeat 13px 15px;border-right:none;
	}


/* ���� ��Ӵٿ�ڽ� ********************/
div.dropdownbox-layer { display : none; position : absolute; height : auto; z-index  : 10; background-color: #fff; }
div>ul.dropdownbox-options {
	display: none; position: absolute; width: 100%; height: auto; overflow: auto; max-height: 282px; margin: 0; padding: 0; 
	border: 1px solid rgba(220, 220, 220, 0.5); background-color: #fcfcfc; z-index: 9; transition: max-height .5s ease-out;
}
div>ul.dropdownbox-options.opened { display: block; }
div>ul.dropdownbox-options li { height: 40px; padding: 0 10px; line-height: 40px; font-size: 12px; cursor: pointer;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
div>ul.dropdownbox-options li.selected { font-weight: bold; background-color: #f5f5f5; }
div>ul.dropdownbox-options li:hover { background-color: #f5f5f5; }
	

/*****************************************************************/
/* 3.�������ϵ��� ���ͽ� ������ å����Ʈ
/*****************************************************************/
.subject_frame {
	width: 1104px;
	z-index: 1;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
 }
.subject_box{
	display: none;
	z-index:1;position:absolute; top:51px;
	width:100%;height:245px;
	background:#e1e1e1; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.24);
}
.subject_box_cont{
	position:relative;width:1200px;
}
.subject_box_cont:after {
	content: "";
	display: block;
	clear: both;
}
.subject_box_cont>li{
	position:relative;float: left;margin-right:55px;
	height:245px; width:110px;
}
/* .subject_box_cont>li:first-of-type{margin-left:50px;} */
.subject_box_cont>li:last-child{margin-right:0;}
.subject_box_cont>li>div{
	position:absolute;bottom:20px;
}
.subject_box_cont>li img{
	max-height:165px;
	border:1px solid #c8c8c8;
	cursor: pointer;
}
.subject_box_cont>li>div>div {
	font-size: 12px;
}
.subject_box_paging{
    position: relative;
    margin: 0 auto;
    width: 1200px;
    top: -50%;
    transform: translateY(-50%);
    z-index: 0;
}
.subject_box_paging>.subject_prev{position:relative;left:0;opacity:0.7}
.subject_box_paging>.subject_prev:hover{opacity: 1}
.subject_box_paging>.subject_next{position:absolute;right:0;opacity: 0.7}
.subject_box_paging>.subject_next:hover{opacity: 1}

/*****************************************************************/
/* 4.å����Ʈ���� å�� Ŭ���ϸ� ������ �ܿ�����
/*****************************************************************/
.subject_sub_box{
	display: none;
  z-index:100;position: absolute;top:290px;
	width: 100%;height:140px;
	background:#464646;
}
.subject_sub_box_cont{
	position:relative; margin:0 auto;width:1200px;
	font-size:13px;
}
.subject_sub_box_col{
	display: inline-grid;
}
.subject_sub_box_col li{margin-left: 40px;line-height: 25px;color:#ffffff;opacity: 0.7;}
.subject_sub_box_col li:first-of-type{margin-top:5px}
.subject_sub_box_col li:hover{font-weight: bold;opacity: 1;height:25px;cursor: pointer;}
.subject_sub_box_col li>span:first-of-type{display: inline-block;margin-right: 10px;text-align: left;width: 50px;}
.subject_sub_box_col li>span:last-of-type{margin-right: 10px;width:350px;}
.subject_arrow{position: absolute;top:-8px;left:95px}/*left px�� [95,265,430,600,760,925,1090]*/

/*****************************************************************/
/* 5. book_list
/*****************************************************************/

.book_list_main{font-family:'Nanum Gothic', sans-serif}
.no_data_frame { 
	display: none;
	width: 1200px; padding: 150px 0; 
	margin:0 auto;text-align: center;
	min-height: 580px;
    border-left: 1px solid rgb(220, 220, 220);
    border-right: 1px solid rgb(220, 220, 220); }
.all_book_list{
	margin:0 auto;width:1200px;
	min-height:2460px;
	border-left:1px solid rgb(220, 220, 220);
	border-right:1px solid rgb(220, 220, 220);
	}
/* .all_book_list>li{border-bottom:1px solid #dcdcdc;} */

.favorite_list_row {
	padding:30px 40px 0 40px;
	overflow: hidden;
}
.all_book_list>li { position: relative;}
.favorite_label {
	margin-left: -14px;
	margin-bottom: 30px;
	padding: 5px 0 0 40px;
	width: 129px;
	height: 28px;
	/*color: white;*/
	font-weight: bold;
}
.all_book_list>li:nth-child(4n+1) .favorite_label {
	background: url("../img/02_main/w-icon-interest1.png") no-repeat;
}
.all_book_list>li:nth-child(4n+2) .favorite_label {
	background: url("../img/02_main/w-icon-interest2.png") no-repeat;
}
.all_book_list>li:nth-child(4n+3) .favorite_label {
	background: url("../img/02_main/w-icon-interest3.png") no-repeat;
}
.all_book_list>li:nth-child(4n+4) .favorite_label {
	background: url("../img/02_main/w-icon-interest4.png") no-repeat;
}
.favorite_paging {
	position: absolute;
    height: 40px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}
.favorite_paging span {
	display:inline-block;width: 40px; height: 40px;position:relative; cursor:pointer;line-height:40px;
}
.favorite_paging span:hover {
	background-position:40px 0; 
}
.favorite_prev {left:-20px;float: left;background: url("../img/02_main/main-favorite-arrow-prev.png");}
.favorite_next {right:-1140px;float: right;background: url("../img/02_main/main-favorite-arrow-next.png");}
.all_book_list>li>.book_list_row{
	margin: 0 32px; 
	padding:20px 0 0;
	box-sizing:border-box; 
	height:325px;
	 }
.all_book_list>li>.favorite_list_row>.book_list_row{
	position: relative;
	box-sizing:border-box; height:325px;
	overflow: hidden;
	}
.all_book_list>li>.favorite_list_row>.book_list_row:after{clear:both; display:block; content:""}
.book_list_row .book_co_wrap{
	position:relative;
	margin:0 12px;
	float:left;
	width:165px;
	height:295px;
	}


.favorite_list_row .book_list_row .book_co_wrap:nth-child(5n){margin-right:65px;}

.book_co_wrap>.book_img{ 
	cursor: pointer; 
	position:absolute;
	max-height:295px; 
	width:100%;
	box-sizing:border-box; 
	}
.book_img img{
	/* width: 160px;
	height: 240px; */
	width: 100%;
	height: 225px;
	box-shadow: 3px 3px 5px 1px rgba(6, 35, 64, 0.25);
  	border-left: 1px solid rgba(167, 169, 172, 0.1);
	border-radius: 2px;	
}
.book_img a {
	width:100%;
	display: inline-block;
}
.book_co_wrap .book_cover { /*mouseover�� e-book���� ȭ��*/
	position: absolute; width: 165px; height: 100%;
	bottom: 0; background:url(../img/02_main/button-ebook-on.png) no-repeat 50% 95%,rgba(50, 50, 50, 0.8); }
.book_co_wrap>.book_co_name{
	position:absolute;
	width:100%;height:70px;
	top:225px;padding:5px 0 0;
	font-size:14px;
	line-height:1.2;
	color:#006595;
	box-sizing:border-box;
	}
.book_list_row .book_co_wrap{
	cursor:pointer;
}
	
.book_list_row .book_co_wrap:hover span	{
	text-decoration:underline;
}
.book_co_wrap>.book_co_name span{font-wieght:300; color:#006595;font-size:16px;}
.book_co_wrap>.book_co_name>.book_co_author{font-size:14px;color:#a7a9ac;margin-top:3px}

.more_view{
	margin: 0 auto;
    padding: 30px 0; width:1200px;
    border-left:1px solid rgba(220, 220, 220, 0.5);
	border-right:1px solid rgba(220, 220, 220, 0.5);
	}
input.btn_more{
	margin:10px 0 20px 200px; width:800px;height:40px;
	font-size:;color:#232831;background:#f5f5f5;
	border:1px solid #a0a0a0; border-radius: 4px; box-sizing: border-box;
}
input.btn_more:hover{opacity:0.7}
input.btn_more:focus{outline:none;}
/*****************************************************************/
/* 6. �˻� ��ȸ ��� ǥ��
/*****************************************************************/
.search_path { width: 1170px; margin: 0 auto; padding: 30px 0 30px 30px; font-size: 18px; display: none; border-left: 1px solid rgb(220, 220, 220); border-right: 1px solid rgb(220, 220, 220); }
.search_path p { float: left; }
.search_path_bold { font-weight: bold; }
/* �� 1�� */
/* .search_mode{ 
	float: right; position: relative; right:40px; display: inline-block; width: 110px; height: 24px; 
	border-radius: 15px; border: 2px solid #232837; cursor: pointer;
}
.search_mode>span.slide_text_1 { position: relative; top:-1px; left: 20px; font-size: 12px; line-height: 100%; z-index: 10; }
.search_mode>span.slide_text_2 { position: relative; top:-1px; left: 45px; font-size: 12px; line-height: 100%; z-index: 10; }
.search_mode>div.search_mode_sub{
  position: absolute; top:-2px; left:-2px;
  width: 55px; height: 24px; background: #232837;
  border-radius: 15px; border: 2px solid #232837;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.search_mode .text_on {
	color: white;
}
.search_mode .sub_on {
    -webkit-transform: translate(55px,0);
    -moz-transform: translate(55px,0);
    -o-transform: translate(55px,0);
    -ms-transform: translate(55px,0);
    transform: translate(55px,0);
} */
/* �� 2�� */
.search_mode { 
	float: right; position: relative; right:40px; display: inline-block; cursor: pointer;
}
.search_mode li {
    position: relative;
    float: left;
    width:60px;
    text-align:center;
    margin-left: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.search_mode li.active .menu_text {
    font-weight: bold;
    color:#000;
}
.search_mode .menu_text {
    position: relative;
    display: inline-block;
    line-height: normal;
    cursor: pointer;
    color:#a0a0a0;
}
.search_mode li.active .menu_text:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #202121;
}

/*****************************************************************/
/* 7. ��õå ������
/*****************************************************************/
.represent_book { position: absolute; width: 50px; height: 70px; background: url("../img/02_main/tag-represent.png") no-repeat; background-size: 80%; }

/*****************************************************************/
/* 8. �˻�Ű���� UI
/*****************************************************************/
.tag-editor { padding:0 !important;left:0!important; top:20px!important;width:740px !important;height:37px!important }
.tag-editor li { margin: 2px 0 0 0 !important; font-size: 15px !important; }
.tag-editor .tag-editor-tag { padding-left: 10px !important; height:32px;line-height:32px;}
.tag-editor .tag-editor-delete { height: 25px !important; padding-right: 10px !important; }
/*�̺�Ʈ�˾�â*/
.black_back {
  z-index: 500;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: 'Nanum Gothic', sans-serif;
  background: rgba(0,0,0,0.3);
}

/*****************************************************************/
/* �̵������ ����ȭ���� 1200px �����϶�
/*****************************************************************/
@media screen and (max-width: 1200px){
.spot{width: 100%;height:100%;}
.banner>.ban_02{width:100%}
/* .ban_02>img:nth-of-type(1){width: 100%;} */
.banner>.ban_02>.shadow_01,.banner>.ban_02>.shadow_02{height:100%;}
.banner>.ban_02>.shadow_02{left:100%;}
.banner>.ban_02>.main_slide_frame> img { width: 922px; }
.btn_wrap{width: 90%;}
.btn_prev_next{width: 90%;bottom:55%}
.btn_prev_next>.btn_sp_prev{}
.month_paging{width: 90%;}
.sch_01>.sch_01_cont{width: 100%;box-sizing: border-box;}
.sch_01>.sch_01_cont>input{width: 90%}
.sch_02>.sch_02_cont{width: 100%}
.banner_pop{top:100%}
.banner_pop_cont{width: 100%}
.all_book_list{width: 100%;border:none;.box-sizing: border-box;}
.all_book_list>li>.book_list_row {height: 330px; }
.book_list_row>.book_co_wrap { width: 17%; height: 215px;margin: 0 1.2%;  }
.book_co_wrap>.book_img { max-height: 215px; }
.book_img img {height: 215px; }
.book_co_wrap>.book_co_name {height: 75px; top: 215px; font-size: 13px; }

.more_view{width: 100%;}
input.btn_more{width: 70%; margin: 0 auto;display: inherit;}
.btn_pop_detail{right:25px; }
.subject_box{overflow: hidden;}
.subject_box_paging{width: 99%}
.subject_sub_box{height: auto;}
.subject_sub_box_cont{width: 100%;padding-bottom: 10px;}
.tag-editor { width: 92%; }
.no_data_frame { width: 100%; }
.favorite_next {right:-940px;}
.search_path { width: 96.8%; }
}

/*****************************************************************/
/* �̵������ ����ȭ���� 1004px �����϶�
/*****************************************************************/
@media screen and (max-width: 1004px){
	.banner>.ban_02>.main_slide_frame> img { width: 904px; }
	.favorite_next {right:-918px;}
}

/*****************************************************************/
/* �̵������ ����ȭ���� 960px �����϶�
/*****************************************************************/
@media screen and (max-width: 960px){
	.banner>.ban_02>.main_slide_frame> img { width: 692px; }
	.sch_02>.sch_02_cont>div:nth-of-type(1),
	.sch_02>.sch_02_cont>div:nth-of-type(2),
	.sch_02>.sch_02_cont>div:nth-of-type(3),
	.sch_02>.sch_02_cont>div:nth-of-type(4){width: 20%;}
	.sch_02>.sch_02_cont>div:nth-of-type(5){}
	.subject_frame { width: 90%; }
	.all_book_list>li>.book_list_row{height: 295px;}
	.book_list_row>.book_co_wrap { width: 18%; height: 99%; margin: 0 1%; box-sizing:border-box; }
	.book_co_wrap>.book_img { max-height: 180px; }	
	.book_img img{height: 180px;}
	.book_co_wrap .book_cover{width: 100%;}
	.book_co_wrap>.book_co_name{height: 80px; top: 180px; font-size: 12px;}
	.book_co_wrap>.book_co_name>.book_co_author { font-size: 10px; }
	.favorite_next {right:-680px;}
	.search_path { width: 96%; }
}

/*****************************************************************/
/* �̵������ ����ȭ���� 760px �����϶�
/*****************************************************************/
@media screen and (max-width: 760px){
.book_list_row .book_co_wrap:nth-child(5n){margin-right:3%}
.all_book_list>li>.book_list_row{/*height: 100%;*/}
.book_list_row>.book_co_wrap {width:120px;margin-top:15px;margin-bottom:20px;}
}

/*****************************************************************/
/* �̵������ ����ȭ���� 450px �����϶�
/*****************************************************************/
@media screen and (max-width: 450px){
.spot{height: 150px; background-color: gray;}
.banner_pop{height: 400px}
.banner_pop_cont{height:400px}
.banner_pop_img{width: 100%;height:100%}
.banner_pop_img img{width: 80%; height: auto; margin-left: 10%;}

.banner_pop_paging{width: 98%;top:auto;bottom:19%}
.btn_prev_next>.btn_sp_prev{
	left:2%;
	width: 12px; height:28px;
	background-size:100%;
	color:rgba(0,0,0,0)
}
.btn_prev_next>.btn_sp_next{
	right:2%;
	width: 12px; height:28px;
	background-size:100%;
	color:rgba(0,0,0,0)
}
.banner>.ban_02{width: 100%}
.btn_wrap{width: 100%}
.btn_prev_next {
    width: 100%;
    bottom: 20%;
	}
.banner>.ban_02>.shadow_02,.banner>.ban_02>.shadow_01{display: none;}
.banner_pop_paging{width: 92%}
.pop_x{display: none;}
.search_index{display:none;}
/* .btn_pop_detail{right:30%;top:85%} */
.btn_pop_detail{right:24%;top:86%;width: 50%;}
.btn_pop_detail:HOVER, .btn_pop_detail:ACTIVE { background: none; }
.book_list_row{
	height:inherit;
}
.book_list_row::after{
	content: "";
	display: block;
	clear: both;}
.all_book_list>li{border-bottom: none;}
.all_book_list>li>.book_list_row { margin-top: 0; padding: 0 0 0 20px; }
.book_list_row>.book_co_wrap {
	margin-top: 15px;
	margin-right: 3%;
	width: 46%;
	height: 280px;
}
.book_co_wrap>.book_img{top:0; max-height:100%}
.book_co_wrap>.book_co_name {
   bottom: 0;
    top: inherit;
    width: 100%;
    box-sizing: border-box;
    }
.book_img img {
    
    height: auto;
}

/*����ϰ˻�ȭ��*/
.sch_01{border-bottom: 1px solid #232837}
.sch_01>.sch_01_cont>input{width: calc( 100% - 50px );}
.sch_02{border-bottom: none;height:350px;background:none;}
.sch_02>.sch_02_cont{height: auto;}
.sch_02>.sch_02_cont>div{border-right: none;border-bottom: 1px solid rgba(220, 220, 220, 0.5);}
.sch_02>.sch_02_cont>div#selGubun{
		width:100%;
		background:url(../img/02_main/icon-filter1-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow3.png) no-repeat 95% 50%,
		#f5f5f5;
}
.sch_02>.sch_02_cont>div#selGubun.filter_active{
		background:url(../img/02_main/icon-filter1-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow4.png) no-repeat 95% 50%,#fff;
		}
.sch_02>.sch_02_cont>div#selSchooleGubun{
		width:100%;
		background:url(../img/02_main/icon-filter2-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow3.png) no-repeat 95% 50%,
		#f5f5f5;
		}

.sch_02>.sch_02_cont>div#selSchooleGubun.filter_active{
		background:url(../img/02_main/icon-filter2-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow4.png) no-repeat 95% 50%,#fff;
		}
		
.sch_02>.sch_02_cont>div#selSchooleYearNSub{
		width:100%;
		background:url(../img/02_main/icon-filter3-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow3.png) no-repeat 95% 50%,
		#f5f5f5;
		}
.sch_02>.sch_02_cont>div#selSchooleYearNSub.filter_active{
		background:url(../img/02_main/icon-filter3-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow4.png) no-repeat 95% 50%,
		#fff;
		}
		
.sch_02>.sch_02_cont>div#selDetailClass{
		width:100%;
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow3.png) no-repeat 95% 50%,
		#f5f5f5;
		}
.sch_02>.sch_02_cont>div#selDetailClass.filter_active{
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow4.png) no-repeat 95% 50%,
		#ffffff;}
	
.sch_02>.sch_02_cont>div#selTermOrUnit{
		width:100%;
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow3.png) no-repeat 95% 50%,
		#f5f5f5;
		}
.sch_02>.sch_02_cont>div#selTermOrUnit.filter_active{
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow4.png) no-repeat 95% 50%,
		#ffffff;}
		
.sch_02>.sch_02_cont>div#selUnificationUnit{
		width:100%;
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow3.png) no-repeat 95% 50%,
		#f5f5f5;
		}
.sch_02>.sch_02_cont>div#selUnificationUnit.filter_active{
		background:url(../img/02_main/icon-filter4-on.png) no-repeat 13px 17px,
		url(../img/02_main/m-arrow4.png) no-repeat 95% 50%,
		#ffffff;}

.sch_02>.sch_02_cont>div.resetBox{
	width: 45%; height:45px;
	background:#B44646;
	border-radius:6px;
	opacity:1; line-height: 45px;
	text-indent: 0;
	text-align: center;
	color:#fff;
	margin: 15px 2%;
}
.sch_02>.sch_02_cont>div.searchBox{
	width: 45%; height:45px;
	background:#5A5E69;
	border-radius:6px;
	opacity:1; line-height: 45px;
	text-indent: 0;
	text-align: center;
	color:#fff;
	margin: 15px 2%;
}


}
@media screen and (max-width : 360px){
	/* ����ȭ�� ���� ��õ ���� �̹��� �����̵� */
	.spot { height: 90px; }
	.banner_wrapper > img {width: 360px;}
	.banner>.ban_02>.main_slide_frame> img { width: 360px; }
	.btn_prev_next { bottom: 30%; }
	.banner_pop_img img { width: 288px; height: 288px; margin: 0 36px; }
	/* ���� ��� */
	.book_co_wrap>.book_img { max-height: 225px; }
	.favorite_next { right: -270px; }
	.all_book_list>li{border-bottom: none; margin: 0;}
	.all_book_list>li>.book_list_row { margin: 0 10px; padding: 0 0 0 12px; }
	.book_list_row>.book_co_wrap { width: 150px; height: 300px; z-index: 250; }
	.book_co_wrap>.book_img { top:0; max-height: 225px; }
	.book_img img { width: 150px; height: 225px; }
	.book_co_wrap>.book_co_name { top: 225px; font-size: 11px;}
/* 
	.all_book_list>li:nth-child(even)>.book_list_row>li:first-child { margin-left: 10px; }
 */
	 
	/* �˻� ��� ǥ�� */
	.search_path { width: 91%; font-size: 15px; }
}