@charset "utf-8";

.search_bg {background: url(../images/main/main_banner.jpg) no-repeat center top; width: 100%; position: relative; height: 340px; margin-bottom: 50px;}

.search_bg .search_wrap {height: 340px; position: relative; padding-top: 25px; /*z-index: 100;*/}
.search_bg .search_wrap h3 {float: left; font-size: 17px; cursor: pointer; width: 150px; padding: 15px; margin-right: 2px; background: #ededed; color: #8a8a8a; font-weight: normal; text-align: center;}
.search_bg .search_wrap h3.active {background: #2567cf; color: #fff;}
.search_bg .search_wrap .search-box {position: absolute; top: 73px; left: 0; width: 100%;}
.search_bg .search_wrap .main-search2 .search-box {z-index: 101;}

.search_bg .main_search {float: left; }
.search_bg .main_search p {color: #fff;}
.search_bg .main_search form select {background: #fff; border: none; height: 50px; width: 90px; float: left;}
.search_bg .main_search input[type=text] {background: #fff; border: 1px solid #d2d2d2; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .2); font-size: 15px; height: 62px; width: 94%; float: left; padding-left: 30px;}
.search_bg .main_search a {display: block; float: left; width: 6%; height: 62px; padding-top: 12px; background: #2567cf; text-align: center;}

.search_bg .main-search2 {float: left;}
.search_bg .main-search2 dl {float: left; width: 100%; padding: 15px 15px 6px 15px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .2); border: 1px solid #d2d2d2; background: #fff; position: relative;}
.search_bg .main-search2 dl dt {float: left; width: 12%; padding-left: 15px; color: #000; font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.search_bg .main-search2 dl dd {float: left; width: 35%; padding-right: 25px; padding-bottom: 11px;}
.search_bg .main-search2 dl dd input {background: #fff; border: 1px solid #bbb; height: 45px; width: 100%; padding: 5px 10px; font-size: 15px; color: #555;}
.search_bg .main-search2 dl dd.short-box input {width: 46.5%; display: inline-block;}
.search_bg .main-search2 dl dd select {background: #fff; border: 1px solid #bbb; height: 45px; width: 100%; padding: 5px 10px; font-size: 15px; color: #555;}
.search_bg .main-search2 dl dd span {font-size: 13px;}
.search_bg .main-search2 dl dd span.text-error {color: #ff3600;}
.search_bg .main-search2 .search_btn {position: absolute; bottom: 0; right: 0;}
.search_bg .main-search2 .search_btn button {width: 62px; height: 62px; background: #2567cf; border: none;}

.search_bg .new-book {position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .6); z-index: 100;}
.search_bg .new-book .container {position: relative;}
.search_bg .new-book h3 {float: left; color: #fff; font-size: 20px; background: #000; text-align: center; padding: 20px;}
.search_bg .new-book .bx-viewport {width: auto !important;}
.search_bg .new-book ul {float: left; width: 70% !important;}
.search_bg .new-book ul li {padding: 20px 0 0 20px;}
.search_bg .new-book ul li a {color: #e1e1e1; font-size: 16px; font-weight: bold;}
.search_bg .new-book .new-book-btn {position: absolute; top: 10px; right: 20px;}
.search_bg .new-book .new-book-btn div {float: left;}
.search_bg .new-book .new-book-btn a {display: inline-block; text-align: center; padding-top: 8px; margin-right: 5px; width: 40px; height: 40px; border: 1px solid #d2d2d2; background: #131313; float: left;}

#main .main-bottom {float: left; width: 100%;}
#main h3 {font-size: 20px; color: #000; border-bottom: 3px solid #2567cf; display: inline-block; padding-bottom: 10px;}

#main .main-board {width: 49%; margin-right: 1%; float: left; position: relative; }
#main .main-board ul {border-top: 1px solid #dfdfdf; margin-top: 5px; padding-top: 20px; float: left; width: 100%;}
#main .main-board ul li {background: url(../images/main/text_blit.png) no-repeat left 11px; padding-left: 10px; font-size: 14px; color: #626262; float: left; width: 100%; padding-bottom: 10px;}
#main .main-board ul li a {font-size: 14px; color: #626262;}
#main .main-board ul li span {float: right;}
#main .main-board .more-btn {position: absolute; top: 7px; right: 15px;}

#main .main-ebook {width: 49%; margin-left: 1%; float: left; position: relative; }
#main .main-ebook .ebook-wrap {padding: 40px 30px 15px; position: relative; width: 100%; float: left; background: #e8e8e8; margin-top: 5px;}
#main .main-ebook .ebook-wrap ul li {float: left; width: 30%;}
#main .main-ebook .ebook-wrap ul li a {display: block; width: 100%; height: 100%; font-size: 13px; color: #737373; text-align: center;}
#main .main-ebook .ebook-wrap ul li img {width: 100%; height: 185px;}
#main .main-ebook .ebook-wrap ul li span {padding: 0 20px; display: block;}
#main .main-ebook .main-ebook-btn {position: relative;}
#main .main-ebook .main-ebook-btn .main-ebook-pager {position: absolute; top: 20px; right: 30px;}
#main .main-ebook .main-ebook-btn .bx-pager { height: 10px; }
#main .main-ebook .main-ebook-btn .bx-pager.bx-default-pager .bx-pager-item {display:inline-block;}
#main .main-ebook .main-ebook-btn .bx-pager.bx-default-pager a {text-indent: -9999px; display: inline-block; width: 10px; height: 10px; background: #acacac; border-radius: 20px; display: inline-block; margin: 0 5px; }
#main .main-ebook .main-ebook-btn .bx-pager.bx-default-pager a.active {background: #2567cf;}
#main .main-ebook .main-ebook-btn .main-ebook-prev {position: absolute; top: 120px; left: -3px;} 
#main .main-ebook .main-ebook-btn .main-ebook-prev i {font-size: 25px; color: #888;}
#main .main-ebook .main-ebook-btn .main-ebook-next {position: absolute; top: 120px; right: -3px;} 
#main .main-ebook .main-ebook-btn .main-ebook-next i {font-size: 25px; color: #888;}
#main .main-ebook .more-btn {position: absolute; top: 7px; right: 15px;}

#main .main-banner {float: left; width: 100%; margin-top: 40px;}
#main .main-banner div {float: left; width: 25%; height: 180px; padding: 20px 15px;}
#main .main-banner div h3 {font-size: 20px; color: #000; border: none;}
#main .main-banner div h3 a {color: #000;}
#main .main-banner .banner1 {background: #333c65;}
#main .main-banner .banner1 h3 a {color: #e8e8e8;}
#main .main-banner .banner1 .time {color: #f8d76d; font-size: 20px; font-weight: bold; padding-top: 0;}
#main .main-banner .banner1 p {color: #e8e8e8; font-size: 15px; letter-spacing: -1px; padding-top: 20px;}
#main .main-banner .banner2 {background: #e8e8e8;}
#main .main-banner .banner2 .tit {font-size: 20px; color: #333c65; font-weight: bold; padding-top: 0;}
#main .main-banner .banner2 p {color: #000; font-size: 15px; letter-spacing: -1px; padding-top: 20px;}
#main .main-banner .banner3 {background: url(../images/main/icon_001.png) no-repeat 80% 80% #f8d76d; padding: 20px 30px;}
#main .main-banner .banner3 p {padding-top: 10px;}
#main .main-banner .banner3 p a {font-size: 15px; color: #3b3b3b; border-bottom: 1px solid #3b3b3b; padding-bottom: 3px}
#main .main-banner .banner4 {background: url(../images/main/icon_002.png) no-repeat 80% 80% #30b86f; padding: 20px 30px;}
#main .main-banner .banner4 p {padding-top: 10px;}
#main .main-banner .banner4 p a {font-size: 15px; color: #3b3b3b; border-bottom: 1px solid #3b3b3b; padding-bottom: 3px}

#main .main-site {float: left; width: 100%; margin: 40px 0;}
#main .main-site ul {margin-top: 10px;}
#main .main-site ul li {float: left; width: 33%; margin-right: 0.5%;}
#main .main-site ul li:last-child {margin-right: 0;}
#main .main-site ul li a {display: block; width: 100%; padding: 15px; border: 1px solid #000; font-size: 16px; color: #555; text-align: center;}




/*
#main .main_hot {display: none; width: 50%; float: right; height: 300px; position: relative; margin-top: 50px;}
#main .main_hot ul li {position: absolute; top: 0; right: 0;}
#main .main_hot .hotBtn { position:absolute; top:0px; right:0px;  }
#main .main_hot .hotBtn p { float:left; margin-left:1px; }
#main .main_hot .hotBtn p i {display: inline-block; width: 33px; height: 33px; text-align: center; background: rgba(0, 0, 0, .5); font-size: 24px; color: #fff; }
#main .main_hot .hotBtn .startHot i {font-size: 20px; padding-top: 2px;}

#main .main_ebook {clear: both; width: 100%; float: left; margin: 45px 0; position: relative;}
#main .main_ebook h3 {font-size: 24px; font-weight: bold; color: #000; margin: 0; padding-left: 40px;}
#main .main_ebook ul {width: 100%; padding: 20px 0 20px 40px;}
#main .main_ebook ul li {float: left; text-align: center; position: relative; margin-right: 25px;} 
#main .main_ebook ul li a {display: block; color: #000;}
#main .main_ebook ul li img {width: 210px; height: 280px; border: 1px solid #dadada; margin-bottom: 15px;}
#main .main_ebook ul li p {position: absolute; top: 0; left: 0; display: none; width: 210px; height: 280px; padding-top: 125px; background: rgba(0, 102, 153, .9);}
#main .main_ebook ul li p span {display: inline-block; width: 100px; height: 34px; padding-top: 5px; border: 1px solid #fff; color: #fff; text-align: center;}
#main .main_ebook .more {position: absolute; top: 0px; right: 40px;}
#main .main_ebook .more a {font-size: 14px; color: #888;}
#main .main_ebook .more a i {font-size: 20px; vertical-align: middle;}
#main .main_ebook div table {width: 100%; border-top: 1px solid #777; margin-top: 15px;}
#main .main_ebook div table th {font-size: 18px; font-weight: bold; text-align: center; padding: 15px; background: #f1f5f6; border-bottom: 1px solid #777;}
#main .main_ebook div table td {font-size: 16px; padding: 15px 30px; border-bottom: 1px solid #e3e3e3;}
#main .main_ebook div table td a {color: #000; font-weight: bold;}

#main .main_board {width: 495px; float: left; background: #f1f5f6; height: 210px; padding: 10px 30px; position: relative; margin-bottom: 60px;}
#main .main_board h3 {float: left; font-size: 18px; color: #555; font-weight: bold; cursor: pointer; padding: 0 0 0 15px; background: url(../images/main/s_line.jpg) no-repeat left 4px;}
#main .main_board div:last-child h3 {background: none;}
#main .main_board h3 span {background: url(../images/main/s_line.jpg) no-repeat right 4px; padding-right: 15px;}
#main .main_board h3:hover, #main .main_board h3.active {color: #000; border-bottom: 3px solid #39f; text-decoration: none; padding-bottom: 15px;}
#main .main_board ul {position: absolute; top: 60px; left: 0px; padding: 30px 30px 0 30px; width: 100%;}
#main .main_board ul li {float: left; padding-bottom: 18px; line-height: 130%; width: 100%;}
#main .main_board ul li a {color: #000;font-size:16px;}
#main .main_board ul li span {float: right; color: #666;}
#main .main_board .more {position: absolute; top: 20px; right: 15px;}
#main .main_board .more a {font-size: 30px; color: #888;}

#main .main_banner {width: 495px; float: right; background: #a7c6e2; height: 210px; padding: 40px 20px; margin-bottom: 60px;}
#main .main_banner ul li {float: left; width: 25%; text-align: center;}
#main .main_banner ul li a {font-size: 16px; color: #000;}
#main .main_banner ul li a img {padding-bottom: 20px;}

*/

/* 모바일*/

@media (max-width: 999px) {

	.search_bg {background: url(../images/main/main_mb_banner.jpg) no-repeat center top; background-size: cover; width: 100%; height: auto; margin-bottom: 0;}
	.search_bg .search_wrap {padding: 10px 0; height: auto;}
	.search_bg .search_wrap h3 {width: 100px;}
	.search_bg .search_wrap .search-box {top: 58px;}

	.search_bg .main_search {float: left;}
	.search_bg .main_search h3.active {margin-bottom: 150px;}
	.search_bg .main_search input[type=text] {width: 80%;}
	.search_bg .main_search a {width: 20%;}

	.search_bg .main-search2 h3.active {margin-bottom: 500px;}
	.search_bg .main-search2 dl {padding: 15px 15px 50px 15px; box-shadow: none; }
	.search_bg .main-search2 dl dt {width: 30%; padding-left: 10px; font-size: 16px; font-weight: bold; padding-bottom: 10px;}
	.search_bg .main-search2 dl dd {width: 70%; padding-right: 0; padding-bottom: 10px;}
	.search_bg .main-search2 dl dd input {height: 35px;}
	.search_bg .main-search2 dl dd.short-box input {width: 45%;}
	.search_bg .main-search2 dl dd select {height: 35px;}
	.search_bg .main-search2 .search_btn button {width: 50px; height: 50px;}
	.search_bg .main-search2 .search_btn button img {width: 100%;}

	.search_bg .new-book {height: 40px;}
	.search_bg .new-book h3 {font-weight: normal; font-size: 14px; background: none; padding: 12px 0 0 0;}
	.search_bg .new-book ul li {padding: 10px 0 0 10px;}
	.search_bg .new-book ul li a {font-size: 14px; font-weight: normal;}
	.search_bg .new-book .new-book-btn {top: 8px; right: 10px;}
	.search_bg .new-book .new-book-btn a {padding-top: 0px; margin-right: 3px; width: 25px; height: 25px;}

	#main.container {padding: 0;}
	#main .main-bottom {float: left; width: 100%; margin-top: 40px;}
	#main h3 {font-size: 20px; margin: 0 15px;}

	#main .main-board {width: 100%; margin-right: 0; padding: 0 15px;}
	#main .main-board h3 {margin: 0;}
	#main .main-board .more-btn {right: 20px;}

	#main .main-ebook {width: 100%; margin-left: 0%; margin-top: 20px;}
	#main .main-ebook .ebook-wrap {padding: 30px 25px 10px}
	#main .main-ebook .ebook-wrap ul li img {height: 140px;}
	#main .main-ebook .ebook-wrap ul li span {padding: 0;}
	#main .main-ebook .main-ebook-btn .main-ebook-pager {position: absolute; top: 15px; right: 25px;}
	#main .main-ebook .main-ebook-btn .main-ebook-prev {position: absolute; top: 80px; left: -6px;} 
	#main .main-ebook .main-ebook-btn .main-ebook-next {position: absolute; top: 80px; right: -6px;} 
	#main .main-ebook .main-ebook-btn .main-ebook-next i {font-size: 25px; color: #888;}
	#main .main-ebook .more-btn {right: 20px;}

	#main .main-banner {margin-top: 0; border-top: 1px solid #bbb;}
	#main .main-banner div {width: 50%; height: 180px; padding: 20px 10px;}
	#main .main-banner div h3 {font-size: 18px;}
	#main .main-banner .banner1 .time {font-size: 18px;}
	#main .main-banner .banner1 p {padding-top: 10px;}
	#main .main-banner .banner2 .tit {font-size: 18px;}
	#main .main-banner .banner2 p {padding-top: 10px;}
	#main .main-banner .banner3 {padding: 15px 30px;}
	#main .main-banner .banner4 {padding: 15px 30px;}
	
	#main .main-site {margin: 20px 0;}
	#main .main-site ul {margin-top: 10px; padding: 0 15px;}
	#main .main-site ul li {float: left; width: 100%; margin-right: 0; margin-bottom: 10px;}
	#main .main-site ul li a {padding: 10px;}



}


@media (max-width: 450px) {
}