@charset "UTF-8"; 

/********************************
 메인페이지 - 헤더 설정
 *******************************/
#top_layout {z-index:2;}
.mainHead .logo a:before {background-image:url(../images/main/main_logo.png);}
.mainHead .nav_pcbox {border-bottom:0;}
.mainHead .nav_pcbox nav .tm_dep01 > li > .tm_tit01 {color:#fff;}
.mainHead .view_pc a,
.mainHead .view_pc button {background:rgba(255,255,255,0.2);}


/*모바일메뉴 버튼*/
.mainHead .view_m.menu_mbtn {background:rgba(255,255,255,0.2);}


/********************************
 section01
 *******************************/
.section01 {overflow:hidden; position:relative; display:block; margin-top:-160px; padding-top:160px; height:1200px;}
.section01 .inner {z-index:1;}

 
/*메인이미지*/
.mainImg {position:absolute; left:0; right:0; top:0; width:100%;}
.main_img {overflow:hidden;}
.main_img li {position:relative; width:100%; height:1200px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.main_img li.list01 {background-image:url(../images/main/main_img01.jpg);}



/*메인이미지 문구*/
.main_tbox {position:relative; display:block; margin:100px auto 50px; text-align:center;}
.main_tbox li {display:block;}
.main_tbox li p {display:inline-block; font-family:'OneMobile'; font-size:6.0rem; color:#fff; text-align:left; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */ opacity:0; transform:translateY(50px); transition:1000ms opacity, 1000ms transform;}
.main_tbox li p.twotxt {padding:0 170px 70px 0;}
.main_tbox li p .break {display:block; font-family:'SCD'; font-size:2.4rem;}


.main_tbox li.slick-current p, 
.main_tbox li.slick-active p {opacity:1; transform:translateY(0); transition-delay:1000ms;}



 
/* media query */
@media screen and (max-width:1520px){
}

@media screen and (max-width:1240px){
	.section01 {height:1000px;}
	
	.main_img li {height:1000px;}
	
	.main_tbox {margin:40px auto 20px;}
	.main_tbox li p {font-size:5.0rem;}
	.main_tbox li p img {width:250px;}
}

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

@media screen and (max-width:1024px){
	.section01 {height:950px;}
	
	.main_img li {height:950px;}
}

@media screen and (max-width:920px){
	.section01 {height:850px;}
	
	.main_img li {height:850px; background-position:left 44% center;}
	
	.main_tbox {margin:20px auto;}
	
	.main_tbox li p.twotxt {padding:40px 120px 50px 40px; line-height:1.4;}
	.main_tbox li p .break {font-size:2.0rem;}
	.main_tbox li p img {width:220px;}
}

@media screen and (max-width:767px){ 
	.section01 {height:750px;}
	
	.main_img li {height:750px;}
	
	.main_tbox li p {font-size:4.0rem;}
	.main_tbox li p.twotxt {padding:40px 100px 40px 20px;}
}

@media screen and (max-width:640px){
	.section01 {height:700px;}
	
	.main_img li {height:700px;}
	
	.main_tbox li p {font-size:3.4rem;}
	.main_tbox li p.twotxt {padding:20px 80px 50px; text-align:center;}
	.main_tbox li p .break {font-size:1.7rem;}
}

@media screen and (max-width:480px){
	.main_img li {background-position:left 67% center;}
	
	.main_tbox {padding:0 20px;}
	.main_tbox li p img {width:200px;}
	.main_tbox li p.twotxt {padding:20px 30px 50px; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.8);}
}
 


 /*검색창*/
.search_box {position:relative; display:block; width:100%;}
.search_box form {position:relative; margin:0 auto; width:68%;}
.search_box .searchInner {position:relative;}
.search_box .srch_txt {position:relative; display:flex; align-items:center; border-radius:150px; background:rgba(255,255,255,0.92);}

.search_box .srchSelect {padding:0 30px 0 12px; margin-left:50px; width:270px; height:150px; border:none; background:url(../images/main/select_Marrow.png) right 11px center no-repeat; color:#222; font-weight:500; font-size:2.0rem;}
.search_box .srch_txt input {position:relative; padding:0 140px 0 20px; width:calc(100% - 270px); height:150px; line-height:40px; border-radius:0 150px 150px 0; border:none; font-weight:500; color:#555; background:none; font-size:2.0rem;}
.search_box .srch_txt input:-webkit-autofill {background:rgba(255,255,255,0.9);}

.search_box .btn_sch {position:absolute; right:20px; top:20px; width:100px; height:100px; background-color:#6c6294; border-radius:50px;}
.search_box .btn_sch:before {content:''; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; width:51px; height:51px; background:url(../images/main/icon_search.png) 0 0 no-repeat; background-size:100%;}

/*스크롤다운*/
.scrolldown {margin-top:50px; color:#fff; text-align:center; animation:tong 1.2s ease-in-out infinite alternate;}
.scrolldown i {display:inline-block; width:27px; height:39px; background:url(../images/main/icon_scroll.png) 0 0 no-repeat;}


@keyframes tong {
	0% {transform:translate(0, -3px);}
	25% {transform:translate(0, 2px);}
	50% {transform:translate(0, -3px);}
	100% {transform:translate(0, 2px);}
}


 /* media query */
@media screen and (max-width:1520px){
	.search_box form {width:76%;}
	
}

@media screen and (max-width:1240px){
	.search_box form {padding:0 40px; width:100%;}
}

@media screen and (max-width:1024px){
	.search_box .srchSelect {height:120px; font-size:1.8rem; background-position:right 6px center;}
	.search_box .srch_txt input {padding:0 120px 0 20px; height:120px; font-size:1.8rem;}
	.search_box .btn_sch {width:80px; height:80px;}
	.search_box .btn_sch:before {margin:-20px 0 0 -20px; width:41px; height:41px;}
}

@media screen and (max-width:920px){
	.search_box .srchSelect {display:none;}
	.search_box .srch_txt input {padding:0 120px 0 50px; width:100%;}
}

@media screen and (max-width:767px){
	.search_box form {padding:0 20px;}
}

@media screen and (max-width:640px){
	.search_box .srch_txt input {padding:0 90px 0 30px; height:100px; font-size:1.5rem;}
	.search_box .btn_sch {width:60px; height:60px;}
	.search_box .btn_sch:before {margin:-15px 0 0 -15px; width:31px; height:31px;}
}

@media screen and (max-width:480px){
	.search_box .srch_txt input {padding:0 80px 0 20px; height:80px;}
	.search_box .btn_sch {right:10px; top:10px;}
}





/********************************
 section02
 *******************************/

/*공지사항 / 팝업존 레이아웃*/ 
.section02 {position:relative;}
.section02 .inner {display:flex; flex-wrap:wrap; justify-content:space-between; gap:50px; padding:150px 0 0;}
.section02 .inner .item {transition:.3s; min-height:450px;}
.section02 .inner .item.left {width:calc(58% - 34px);}
.section02 .inner .item.right {width:calc(42% - 16px);}
 
 
 
 
/* media query */
@media screen and (max-width:1800px){
	.section02 {padding:0 20px;}
}

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

@media screen and (max-width:1400px){
	.section02 .inner {gap:30px;}
	.section02 .inner .item.left {width:calc(58% - 19px);}
	.section02 .inner .item.right {width:calc(42% - 11px);}
}

@media screen and (max-width:1024px){
	.section02:before {width:100%; border-radius:0;}
	.section02 .inner {flex-direction:column; padding:50px 0 0;}
	.section02 .inner .item {min-height:inherit;}
	.section02 .inner .item.left {width:100%;}
	.section02 .inner .item.right {width:100%;}
	
	
}

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

@media screen and (max-width:767px){
	.section02 .inner {padding:40px 0 0; gap:20px;}
}

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

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



 
/*공지사항*/ 
.mainBoard {position:relative; width:100%;}
.mainBoard .tit {font-size:4.0rem; font-family:'SBAggro';}

.mainBoard .noticeList {display:block; margin-left:-21px;}
.mainBoard .noticeList li {position:relative; display:inline-block; float:left; padding:20px 1px 1px 20px; width:33.3333%;}
.mainBoard .noticeList li a {overflow:hidden; display:block; padding:35px 30px 30px; min-height:294px; border:1px solid #dee1e2; background-color:#fff; border-radius:30px; color:#333;}
.mainBoard .noticeList li a:hover {text-decoration:none;}
.mainBoard .noticeList li a:hover,
.mainBoard .noticeList li a:active,
.mainBoard .noticeList li a:focus {border-color:#333;}
.mainBoard .noticeList li a .tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.5; font-size:2.1rem; font-family:'OneMobile'; color:#262626; height:63px; margin:15px 0 10px;}
.mainBoard .noticeList li a .tit .new {position:absolute; right:30px; top:45px; display:inline-block; width:23px; height:23px; line-height:26px; font-size:1.2rem; background-color:#d93024; border-radius:12px 12px 12px 0; color:#fff; text-align:center;}

.mainBoard .noticeList li a .txt {overflow:hidden; height:116px; margin-bottom:30px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.mainBoard .noticeList li a .date {position:relative; display:block; padding-left:25px; font-weight:500; color:#666;}
.mainBoard .noticeList li a .date:before {content:''; position:absolute; left:0; top:7px; width:16px; height:16px; background:url(../images/main/icon_date.png) 0 0 no-repeat;}



.mainBoard .listNone {display:flex; align-items:center; justify-content:center; margin-top:20px; padding:0; width:100%; min-height:360px; background-color:#fff; border:1px solid #ddd; border-radius:30px; text-align:center;}



/*컨트롤버튼*/
.noticeCtrl {display:flex; position:absolute; right:0; top:0;}
.noticeCtrl dl {display:flex;}
.noticeCtrl dd {position:relative; display:inline-block; margin-right:10px;}
.noticeCtrl dd a {position:relative; display:block; width:65px; height:65px; border-radius:50%; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
.noticeCtrl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-8px 0 0 -9px; width:18px; height:18px; background:url(../images/main/main_ctrl.svg) 0 0 no-repeat; background-size:auto 100px;}
.noticeCtrl dd a.ctrl_prev:before {background-position:-9px -41px;}
.noticeCtrl dd a.ctrl_stop:before {background-position:-108px -41px;}
.noticeCtrl dd a.ctrl_next:before {background-position:-40px -41px;}
.noticeCtrl dd a.ctrl_play:before {background-position:-140px -41px;}

.noticeCtrl a.more {display:inline-block; position:relative; padding:0 60px 0 30px; height:65px; line-height:65px; background-color:#fff; border:1px solid #ddd; border-radius:50px; font-weight:500; box-sizing:border-box;}
.noticeCtrl a.more:before {content:''; position:absolute; right:25px; top:calc(50% - 2px); width:25px; height:6px; background:url(../images/main/main_ctrl.svg) -171px -47px no-repeat; background-size:auto 100px;}



/* media query */
@media screen and (max-width:1800px){
}

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

@media screen and (max-width:1200px){
	.mainBoard .tit {font-size:3.6rem;}
	
	.mainBoard .noticeList li {width:50%;}
	.mainBoard .noticeList li:nth-child(3) {display:none;}
	
	.noticeCtrl dd a {width:55px; height:55px;}
	.noticeCtrl a.more {padding:0 50px 0 20px; height:55px; line-height:55px;}
	.noticeCtrl a.more:before {right:20px;}
}

@media screen and (max-width:1024px){
	.mainBoard .noticeList li {padding:20px 2px 1px 20px; width:33.3333%;}
	.mainBoard .noticeList li:nth-child(3) {display:block;}
	.mainBoard .noticeList li a {min-height:inherit;}
	
	.noticeCtrl dd a {width:45px; height:45px;}
	.noticeCtrl dd a:before {margin:-7px 0 0 -7px; width:14px; height:16px; background-size:auto 80px;}
	.noticeCtrl dd a.ctrl_prev:before {background-position:-7px -32px;}
	.noticeCtrl dd a.ctrl_stop:before {background-position:-86px -32px;}
	.noticeCtrl dd a.ctrl_next:before {background-position:-32px -32px;}
	.noticeCtrl dd a.ctrl_play:before {background-position:-112px -32px;}
	
	.noticeCtrl a.more {height:45px; line-height:45px;}
	.noticeCtrl a.more:before {top:calc(50% - 1px); width:20px; height:5px; background-position:-137px -38px; background-size:auto 80px;}
	
	.mainBoard .listNone {margin-top:10px; padding:50px 10px; min-height:inherit;}
}

@media screen and (max-width:920px){
	.mainBoard .noticeList li {width:50%;}
	.mainBoard .noticeList li:nth-child(3) {display:none;}
}

@media screen and (max-width:767px){
	.mainBoard .tit {font-size:3.0rem;}
	
	.mainBoard .noticeList li a .tit .new {right:25px; top:40px;}
	
	.mainBoard .noticeList li {width:100%;}
	.mainBoard .noticeList li:nth-child(3) {display:block;}
	.mainBoard .noticeList li a {padding:15px 25px 20px;}
	.mainBoard .noticeList li a .tit {padding-right:30px; font-size:1.8rem; height:inherit; -webkit-line-clamp:1;}
	.mainBoard .noticeList li a .txt {margin-bottom:10px; height:inherit; -webkit-line-clamp:2;}
	.mainBoard .noticeList li a .date:before {top:5px;}
	
	.noticeCtrl dd a {width:40px; height:40px;}
	.noticeCtrl dd a:before {margin:-7px 0 0 -6px; width:12px; height:14px; background-size:auto 60px;}
	.noticeCtrl dd a.ctrl_prev:before {background-position:-5px -23px;}
	.noticeCtrl dd a.ctrl_stop:before {background-position:-64px -23px;}
	.noticeCtrl dd a.ctrl_next:before {background-position:-23px -23px;}
	.noticeCtrl dd a.ctrl_play:before {background-position:-83px -23px;}
	
	.noticeCtrl a.more {padding:0; width:40px; height:40px; line-height:40px;}
	.noticeCtrl a.more span {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
	.noticeCtrl a.more:before {right:calc(50% - 8px); top:calc(50% - 7px); width:16px; height:14px; background-position:-42px -23px; background-size:auto 60px;}
}

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

@media screen and (max-width:480px){
	.mainBoard .noticeList li a .tit .new {right:20px; top:25px;}
	
	.noticeCtrl {top:2px;}
	.noticeCtrl dd {margin-right:5px;}
}



/* 팝업존 */
.mainPopup {position:relative;}
.mainPopup .slider {display:block; position:relative; height:450px; border-radius:30px; overflow:hidden; background-color:#f9f9f9;}
.mainPopup li > a {overflow:hidden; display:block; position:relative; height:450px; background-color:#f9f9f9;}
.mainPopup li > a img {display:block; width:100%; height:100%;}

.mainPopup .control {position:absolute; bottom:0; right:0; padding:0 10px; background:rgba(0,0,0,.5); border-radius:25px 0 30px 0; z-index:30;}
.mainPopup .control > dl {}
.mainPopup .control > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.mainPopup .control > dl dd .ctrl_cont,
.mainPopup .control > dl dd a {position:relative; display:block; width:40px; height:50px; box-sizing:border-box;}
.mainPopup .control > dl dd:last-child a {border-right:0;}
.mainPopup .control > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-9px 0 0 -7px; width:14px; height:18px; background:url(../images/main/main_ctrl.svg) 0 0 no-repeat; background-size:auto 80px;}
.mainPopup .control > dl dd a.ctrl_prev:before {background-position:-7px -58px;}
.mainPopup .control > dl dd a.ctrl_stop:before {background-position:-86px -58px;}
.mainPopup .control > dl dd a.ctrl_next:before {background-position:-33px -58px;}
.mainPopup .control > dl dd a.ctrl_play:before {background-position:-113px -58px;}

.mainPopup .control > dl dd span.ctrl_cont {display:inline-flex; width:70px; justify-content:center; align-items:center; line-height:39px; color:rgba(255,255,255,0.8); font-weight:600; font-size:1.6rem;}
.mainPopup .control > dl dd span.ctrl_cont strong {padding-right:3px; font-weight:600; color:#fff;}
.mainPopup .control > dl dd span.ctrl_cont .dash {padding:0 3px;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.mainPopup .slider,
	.mainPopup li > a {height:600px;}
}

@media screen and (max-width:920px){
	.mainPopup .slider,
	.mainPopup li > a {height:550px;}
	
}

@media screen and (max-width:767px){
	.mainPopup .slider,
	.mainPopup li > a {height:450px;}
	
	.mainPopup .control > dl dd .ctrl_cont,
	.mainPopup .control > dl dd a {height:40px;}	
}

@media screen and (max-width:640px){
	.mainPopup .slider {height:350px;}
	.mainPopup li > a {height:350px}
}

@media screen and (max-width:480px){
	.mainPopup .slider {height:280px;}
	.mainPopup li > a {height:280px;}
}

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







/********************************
 section03
 *******************************/

.section03 {position:relative; padding:150px 0;}

.TopTitle {position:relative; display:block; margin:0 auto; font-family:'SBAggro'; font-size:4.0rem; color:#333; line-height:1.2;}


/*책리스트*/
.collection_box {margin-top:100px;}
.collection_list {margin-left:-40px;}
.collection_item {display:inline-block; float:left; padding:2px 40px;}
.collection_item a {position:relative; display:block; color:#fff;}
.collection_item a:before {content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:70%; border-radius:0 0 30px 30px;}
.collection_item:nth-child(odd) a:before {background-color:#6760b7;}
.collection_item:nth-child(even) a:before {background-color:#24907d;}

.collection_item a:hover,
.collection_item a:focus,
.collection_item a:active {text-decoration:none;}

.collection_img {position:relative; margin:0 auto; width:210px; height:310px;}
.collection_img .tag_new {position:absolute; top:30px; right:-20px; width:60px; height:60px; line-height:59px; background-color:#FF5E00; color:#fff; font-weight:500; border-radius:50%; text-align:center;}

.collection_tbox {padding:30px 50px;}
.collection_tbox .collection_title {overflow:hidden; display:block; position:relative; height:58px; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.collection_tbox .collection_publish {position:relative; margin-top:10px;}


/*리스트없을떄*/
.collection_box.noList {margin-top:50px;}
.collection_box.noList .collection_list {margin-left:0; width:100%;}
.collection_box.noList .slick-list.draggable .slick-track {width:100% !important;}
.collection_box.noList .collection_item {display:block; float:none; padding:50px 10px; width:100% !important; border:1px solid #ddd; border-radius:30px; text-align:center;}



/*컨트롤*/
.collection_arrow {display:flex; position:absolute; right:0; top:-5px;}
.collection_arrow:before {content:''; position:absolute; right:350px; top:50%; width:310%; height:1px; background-color:#ddd; z-index:-1;}
.collection_arrow dl {display:flex;}
.collection_arrow dd {position:relative; display:inline-block; margin-right:10px;}
.collection_arrow dd a {position:relative; display:block; width:60px; height:60px; border-radius:50%; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
.collection_arrow dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-8px 0 0 -9px; width:18px; height:18px; background:url(../images/main/main_ctrl.svg) 0 0 no-repeat; background-size:auto 100px;}
.collection_arrow dd a.prev_btn:before {background-position:-9px -41px;}
.collection_arrow dd a.stop_btn:before {background-position:-108px -41px;}
.collection_arrow dd a.next_btn:before {background-position:-40px -41px;}
.collection_arrow dd a.play_btn:before {background-position:-140px -41px;}

.collection_arrow a.more {display:inline-block; position:relative; padding:0 60px 0 30px; height:60px; line-height:60px; background-color:#fff; border:1px solid #ddd; border-radius:50px; font-weight:500; box-sizing:border-box;}
.collection_arrow a.more:before {content:''; position:absolute; right:25px; top:calc(50% - 2px); width:25px; height:6px; background:url(../images/main/main_ctrl.svg) -171px -47px no-repeat; background-size:auto 100px;}
.collection_box.noList .collection_arrow,
.collection_box.noList .collection_arrow:before {display:none;}




/* media query */
@media screen and (max-width:1800px){
	.section03 .inner {padding:0 20px;}
	.TopTitle {left:20px;}
	
	/*책리스트*/
	.collection_list {margin-left:-30px;}
	.collection_item {padding:2px 30px;}


	/*컨트롤*/
	.collection_arrow {right:20px;}
}

@media screen and (max-width:1520px){
	/*책리스트*/
	.collection_tbox {padding:30px 30px;}
	
	/*컨트롤*/
	.collection_arrow:before {width:225%;}

}

@media screen and (max-width:1380px){
	.section03 {padding:120px 0;}
	
	.TopTitle:before {width:50%;}

	/*책리스트*/
	.collection_list {margin-left:-20px;}
	.collection_item {padding:2px 20px;}
	
	.collection_img {width:180px; height:266px;}
	
	
	/*컨트롤*/
	.collection_arrow:before {width:185%;}
}

@media screen and (max-width:1200px){
	.TopTitle {font-size:3.6rem;}
	

	/*컨트롤*/
	.collection_arrow dd a {width:55px; height:55px;}
	.collection_arrow a.more {padding:0 50px 0 20px; height:55px; line-height:55px;}
	.collection_arrow a.more:before {right:20px;}
}

@media screen and (max-width:1024px){
	.TopTitle:before {right:285px; width:45%;}
	
	/*컨트롤*/
	.collection_arrow {top:-1px;}
	.collection_arrow:before {right:285px;}
	.collection_arrow dd a {width:45px; height:45px;}
	.collection_arrow dd a:before {margin:-8px 0 0 -7px; width:14px; height:16px; background-size:auto 80px;}
	.collection_arrow dd a.prev_btn:before {background-position:-7px -32px;}
	.collection_arrow dd a.stop_btn:before {background-position:-86px -32px;}
	.collection_arrow dd a.next_btn:before {background-position:-32px -32px;}
	.collection_arrow dd a.play_btn:before {background-position:-112px -32px;}
	
	.collection_arrow a.more {height:45px; line-height:45px;}
	.collection_arrow a.more:before {top:calc(50% - 1px); width:20px; height:5px; background-position:-137px -38px; background-size:auto 80px;}
}

@media screen and (max-width:920px){
	.section03 {padding:100px 0 120px;}
	
	.TopTitle {position:relative; left:inherit; top:inherit; font-size:3.2rem; text-align:center;}
	.TopTitle:before {display:none;}
	
	/*컨트롤*/
	.collection_arrow {top:60px;}
	.collection_arrow:before {display:none;}
}

@media screen and (max-width:767px){	
	/*책리스트*/
	.collection_tbox {padding:20px 20px 30px;}
	.collection_tbox .collection_title {height:51px;}
	

	/*컨트롤*/
	.collection_arrow dd {margin-right:5px;}
	.collection_arrow dd a {width:40px; height:40px;}
	.collection_arrow dd a:before {margin:-7px 0 0 -6px; width:12px; height:14px; background-size:auto 60px;}
	.collection_arrow dd a.prev_btn:before {background-position:-5px -23px;}
	.collection_arrow dd a.stop_btn:before {background-position:-64px -23px;}
	.collection_arrow dd a.next_btn:before {background-position:-23px -23px;}
	.collection_arrow dd a.play_btn:before {background-position:-83px -23px;}
	
	.collection_arrow a.more {padding:0; width:40px; height:40px; line-height:40px;}
	.collection_arrow a.more span {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
	.collection_arrow a.more:before {right:calc(50% - 8px); top:calc(50% - 7px); width:16px; height:14px; background-position:-42px -23px; background-size:auto 60px;}
}

@media screen and (max-width:640px){
	/*책리스트*/
	.collection_tbox {padding:20px 30px 30px;}
	.collection_img {width:210px; height:310px;}
}

@media screen and (max-width:480px){
	.section03 {padding:80px 0 100px;}
	
	.TopTitle {text-align:center;}
	
	
	/*책리스트*/
	.collection_tbox {padding:20px 20px 30px;}
	.collection_img {width:180px; height:266px;}
	

	/*컨트롤*/
	.collection_arrow {right:calc(50% - 87px);}
}


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