@charset "utf-8";

@font-face {
	font-family:'NanumSquare';
	src:url('../font/NanumSquareR.eot');
	src:url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumSquareR.woff') format('woff'),
	url('../font/NanumSquareR.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.bottom_bg {margin-top: 100px;}
.well {clear: both;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.clear {clear: both;}
span.label {font-weight: normal;}
span.label-red {background: #f32d3c; color: #fff !important;}
span.label-blue {background: #0071da; color: #fff !important;}
span.label-gray {background: #737373; color: #fff !important;}
span.label-green {background: #059978; color: #fff !important;}
span.label-white {background: #f3f3f3; color: #000;  border: 1px solid #e5e5e5;}
span.label-sky {background: #c3e2ff; color: #000;}
span.label-black {background: #000; color: #fff;}
span.date {color: #06c;}

.sub_bg-top {width: 100%; background: url(../images/sub/sub_top.jpg) no-repeat center top; margin: 0 auto; height: 240px; border-bottom: 1px solid #e5e5e5; z-index: 95; position: relative;}
.sub_bg-top div h1 {text-align: center; font-size: 58px; color: #fff; font-family:'NanumSquare'; width: 100%; height: 190px; padding-top: 65px; margin: 0;}
.sub_bg-top div .sub_menu {height: 50px; float: left; width: 100%; z-index: 100;}
.sub_bg-top div .sub_menu p {float: left; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.sub_bg-top div .sub_menu p a {display: block; width: 80px; height: 50px; padding-top: 10px; font-size: 20px; color: #888; text-align: center;}
.sub_bg-top div .sub_menu ul {list-style: none; padding-left: 0px;}
.sub_bg-top div .sub_menu ul li {cursor: pointer; position:relative; float:left; height: 50px; padding: 15px 0 0 15px; width: 215px; color: #555;  border-right: 1px solid #e5e5e5;  font-size:16px; }
.sub_bg-top div.sub_menu ul li:before { content: '\f004'; font-family: "fontello"; position: absolute; top: 7px; right: 20px; font-size: 24px; color: #888;}
.sub_bg-top div.sub_menu ul li.active:before { content: '\f005';}
.sub_bg-top div.sub_menu ul li ul {display:none; padding-bottom: 20px;  position:absolute; top:49px; left:-1px; border:1px solid #e5e5e5; background:#fff; width:216px;  }
.sub_bg-top div.sub_menu ul li ul li {border-right:0px; float:none;   display:inline-block;  width:215px; height:auto; background:none; padding: 0;   }
.sub_bg-top div.sub_menu ul li ul li:before {content: none;}
.sub_bg-top div.sub_menu ul li ul li a {font-size: 16px; color: #555; display:inline-block; padding: 15px 0 0 15px;}


.contents {padding-top: 30px;}
.contents .contents {padding: 0; width: 100%;}
.txtBox {float: left; background: #f3f3f3; color: #000; width: 100%; padding: 20px 40px;}
.contents h2 {font-size: 24px; font-weight: bold; color: #000; padding-bottom: 20px; margin: 0;}
.contents h3 {font-size: 20px; color: #06c; font-weight: bold; padding-bottom: 15px; margin: 0;}
.contents h4 {font-weight: normal; color: #000; padding-bottom: 10px;}
.contents ul.bul {padding: 0;}
.contents ul.bul li {background: url(/pub/site/agri/images/sub/b_icon.jpg) no-repeat left 8px; padding: 0 0 10px 18px; font-size: 16px;}
.contents ul.bul li span {color: #06c; font-weight: bold;}
.contents p {font-size: 16px; color: #555; margin: 0; padding-bottom: 7px;}

.contents .table-responsive {width: 100%; border-top: 2px solid #767676; margin-top: 10px;}
.contents .table-responsive table {width: 100%; border-right: 1px solid #e2e2e2 !important; border-left: 2px solid #e2e2e2; margin-bottom: 15px; margin-left: -1px;}
.contents .table-responsive table thead th {font-size: 16px; color: #000; padding: 10px; font-weight: bold; background: #f8f8f8; height: 50px; text-align: center; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
.contents .table-responsive table tbody th {font-size: 16px; color: #000; padding: 10px; font-weight: bold; background: #f8f8f8; height: 50px; text-align: center; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
.contents .table-responsive table tbody td {font-size: 16px; color: #555; text-align: center; padding: 10px 15px; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; height: 50px;}
table caption {display: none;}

.contents .guide .img-group {float: left; width: 100%; margin-bottom: 50px; background: none; padding: 0;}
.contents .guide .img-group .img1 {float: left; padding-right: 15px; width: 66.5%;}
.contents .guide .img-group .img2 {padding-bottom: 15px; width: 33.5%;}
.contents .guide .img-group .img3 { width: 33.5%;}
.contents .guide h3 {border-bottom: 3px solid #2667cf; display: inline-block; color: #000; margin-bottom: 10px;}
.contents .guide p.txt {background: url(/pub/site/agri/images/sub/b_icon.jpg) no-repeat left 8px; padding: 0 0 10px 18px;}

.contents .ebook {width: 100%; float: left; position: relative; border-top: 1px solid #000;}
.contents .ebook ul {width: 100%; float: left; padding: 40px 0 10px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.contents .ebook ul li {float: left; text-align: center; position: relative;width: 25%; margin-bottom: 30px;}
.contents .ebook ul li a {display: block; color: #000;}
.contents .ebook ul li img {width: 210px; height: 280px; border: 1px solid #dadada; margin-bottom: 15px;}
.contents .ebook ul li p {position: absolute; top: 0; left: 20px; display: none; width: 210px; height: 280px; padding-top: 125px; background: rgba(0, 102, 153, .9);}
.contents .ebook ul li p span {display: inline-block; width: 100px; height: 34px; padding-top: 5px; border: 1px solid #fff; color: #fff; text-align: center;}

/*영농교육신청*/
.contents .board-edu .board_form {width: 100%; background: #f3f3f3; height: 80px; margin-bottom: 20px; float: left;}
.contents .board-edu .board_form form {float: left; margin: 20px 0 0 40px;}
.contents .board-edu .board_form form p {float: left; padding-top: 10px;}
.contents .board-edu .board_form form input[type=text] {float: left; width: 700px; height: 40px; background: #fff; border: 1px solid #ddd; padding: 5px 10px; margin-left: 30px;}
.contents .board-edu .board_form form input[type=submit] {display: block; float: left; width: 100px; height: 40px;  background: #737373; color: #fff; border: none; text-align: center; font-size: 16px; margin-left: 7px;}

.board-edu .board_txt-left {float: left; font-size: 12px; color: #000; padding-top: 20px; margin: 0;}
.board-edu .board_form-right {float: right;}
.board-edu .board_form-right select {width: 200px; height: 40px; background: #f5f5f5; border: 1px solid #e5e5e5; padding: 5px 10px;}
.board-edu .table-line {float: left; width: 100%; border-top: 1px solid #777; margin: 15px 0 20px;}
.board-edu .table-hover { width: 100%;}
.board-edu .table-hover thead th {text-align: center; padding: 15px; font-size: 18px; color: #000; font-weight: bold;}
.board-edu .table-hover tbody td {text-align: center; padding: 15px; font-size: 18px; color: #000; vertical-align: middle;}
.board-edu .table-hover tbody td a {color: #000;}
.board-edu .table-hover tbody td span.date {color: #06c;}
.board-edu .table-hover tbody td span.txt {font-size: 14px;}
.board-edu .table-hover tbody td:nth-of-type(1) {font-weight: bold; color: #888;}
.board-edu .table-hover tbody td:nth-of-type(2) {text-align: left;}
.board-edu .table-hover tbody td:nth-of-type(5) {font-size: 14px;}
.board-edu .table-hover tbody tr:last-child td { border-bottom: 1px solid #ddd;}

.edu-view .edu-topbox {border-top: 1px solid #777; width: 100%; float: left;}
.edu-view .edu-topbox .label {margin-right: 20px;}
.edu-view .edu-topbox .tit { font-size: 20px; font-weight: bold; color: #000; padding: 20px 40px; border-bottom: 1px solid #e5e5e5; width: 100%;}
.edu-view dl {float: left; width: 100%; padding: 30px 40px; margin-bottom: 25px;}
.edu-view dt {float: left; clear: both; font-size: 18px; font-weight: bold; color: #000; padding-right: 30px;}
.edu-view dd {float: left; font-size: 18px; color: #555; padding-bottom: 15px;}
.edu-view dd span {color: #0071da;}
.edu-view dd a {color: #0071da; text-decoration: underline;}
.edu-view .edu-topbox .txtBox {font-size: 18px; line-height: 200%;}
.edu-view .edu-topbox .txtBox strong {color: #0071da;}
.edu-view .edu-topbox .txtBox a {float: right; display: block; line-height: 150%; width: 140px; height: 40px; padding-top: 5px; background: #498cdf; color: #fff; text-align: center;}

.edu-view .tab {width: 100%; clear: both; position: relative;}
.edu-view .tab .tab-tit {float: left; width: 100%; border-left: 1px solid #777; margin-top: 40px;}
.edu-view .tab .tab-tit li {width: 25%; float: left; border-right: 1px solid #777; border-top: 1px solid #777; border-bottom: 1px solid #777; text-align: center; font-size: 16px;}
.edu-view .tab .tab-tit li a {display: block; width: 100%; padding: 15px; color: #000; }
.edu-view .tab .tab-tit li a:hover, .tab .tab-tit li a.active {background: #498cdf; color: #fff; text-decoration: none;}
.edu-view .tab .tabmenu {width: 100%; float: left; margin-top: 15px;}
.edu-view .tab .tabmenu .table-hover tbody td {text-align: center !important;}
.edu-view .tab #tab1 .tabLine {float: left; width: 100%; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 30px 40px;}
.edu-view .tab .tabmenu h4 {font-size: 14px;}
.edu-view .tab .tabmenu h4:before {content: '\f10c'; font-family: "fontello"; padding-right: 5px;}
.edu-view .tab .tabmenu ul li {font-size: 14px;}
.edu-view .tab .tabmenu ul li:before  {content: '\e80f'; font-family: "fontello"; padding-right: 5px;}


.edu-form {width: 100%; float: left;}
.edu-form .tit { font-size: 20px; font-weight: bold; color: #000; padding: 20px 40px; border-top: 1px solid #777; border-bottom: 1px solid #e5e5e5; width: 100%;}
.edu-form .tit span {color: #498cdf;}
.edu-form h3 {font-size: 20px; font-weight: bold; color: #000; padding: 10px 0 10px 40px;}
.edu-form table tbody td {padding: 15px; font-size: 18px; color: #000; vertical-align: middle;}
.edu-form label {font-weight: normal;}
.edu-form table tbody td input[type=text] {background: #f5f5f5; width: 350px; border: 1px solid #e5e5e5; padding: 5px 10px; }
.edu-form table tbody .number input[type=text] {width: 150px;}
.edu-form table tbody td span {color: #ff4b4b; font-size: 14px; letter-spacing: -1px;}
.edu-form table tbody tr:last-child td { border-bottom: 1px solid #ddd;}
.edu-form table tbody tr:nth-of-type(4) td {padding-top: 5px;}
.edu-form table tbody tr:nth-of-type(4) td input[type=text] {margin-top: 10px;}
.edu-form input[type=checkbox] {background: #f5f5f5; width: 30px; height: 30px; border: 1px solid #e5e5e5; vertical-align: middle; margin-left: 10px;}
.edu-form .agree-box {width: 100%;}
.edu-form .agree-box textarea {width: 100%; height: 360px; background: #f5f5f5; border: 1px solid #e5e5e5; padding: 25px 40px; line-height: 160%; margin-bottom: 20px;}
.edu-form .agree-box p {width: 100%; border-top: 1px solid #e5e5e5; padding-top: 10px; font-size: 18px;}
.edu-form .table_btn {float: none; text-align: center; margin-top: 30px;}


/*방문신청안내*/
.contents .visitGuide {width: 100%; padding-bottom: 50px;}
.contents .visitGuide01 {background: url(../images/sub/c_icon01.png) no-repeat left top;}
.contents .visitGuide02 {background: url(../images/sub/c_icon02.png) no-repeat left top;}
.contents .visitGuide03 {background: url(../images/sub/c_icon03.png) no-repeat left top;}
.contents .visitGuide .txt {padding: 20px 0 0 175px;}
.contents p.visitBtn {margin-top: 10px; display: block; width: 100%; text-align: center;}
.contents p.visitBtn a {display: inline-block; text-align: center; width: 170px; height: 40px; padding-top: 8px; color: #000; border: 1px solid #777; vertical-align: top;}
.contents p.visitBtn a:hover, .contents p.visitBtn a.active {border: none; color: #fff; background: #498bdf; text-decoration: none;}

/*수강확인증*/
.edu_responsive *{color:#000 !important;}
.edu_responsive {overflow-x:inherit;}
.edu_confirm{position: relative;min-width: inherit;position:relative;}
.contents .double_line {text-align: center;}
.contents .double_line span {border : 3px double #000;box-sizing: border-box;width:150px;text-align: center;display: inline-block;height: 40px;line-height: 40px;vertical-align: middle;font-size:17px;}
.contents .edu_confirm .title {font-size:35px;padding-top:10px;font-weight: bold;text-align: center;letter-spacing: 20px;font-family: 'Noto Serif', serif;}
.contents .edu_confirm .num {padding:0; text-align: right;font-size:20px;}
.contents .edu_confirm table {margin:0;border:4px double #000 !important;}
.contents .edu_confirm .table-responsive table *{background: none;font-size: 20px;color:#000;border-color: #000;padding: 15px 0;}
.contents .edu_confirm .table-responsive table th{letter-spacing: 1px;}
.contents .edu_confirm .table-responsive table tr:last-child td{text-align: left;padding-left: 20px;}
.contents .edu_confirm .txt {text-align: center;font-size:25px;letter-spacing: 5px;padding-top:15px;font-family: 'Noto Serif', serif;}
.contents .edu_confirm .date {padding-top:50px;font-size:23px;text-align: center;font-family: 'Noto Serif', serif;}
.contents .edu_confirm .checker {padding-top:50px;font-size:20px;text-align: right;}
.contents .edu_confirm .sign {font-size:40px;font-weight: bold;text-align: center;padding-top:50px;font-family: 'Noto Serif', serif;}
.contents .edu_confirm .sign span{z-index: 1;position: relative;display: inline-block;}
.contents .edu_confirm .sign img{margin-left:-40px;display: inline-block;z-index: 0;}
.contents .edu_confirm button {border:1px solid #555;float:right;}
/*도서검색*/
.table_wrap {border-top: 1px solid #000;}
.table_search { margin-bottom: 40px;}
.table_search tbody tr th {font-size: 18px;padding: 15px 20px;}
.table_search tbody tr td {text-align: left;}
.table_search tbody tr td input[type=text] {height: 42px; background: #f5f5f5; border: 1px solid #e5e5e5; padding: 10px;}
.table_search tbody tr td textarea {background: #f5f5f5; border: 1px solid #e5e5e5;}
.table_search tbody tr:last-child th, .table_search tbody tr:last-child td { border-bottom: 1px solid #ddd;}
.search_btn {text-align: center; margin-bottom: 30px !important;}
.search_btn button {font-size: 16px; display: inline-block; width: 140px; height: 40px; border: none; background: #498bdf; color: #fff; text-align: center;}
.search_btn a {font-size: 16px; display: inline-block; width: 140px; height: 40px; padding-top: 8px; border: none; background: #498bdf; color: #fff; text-align: center;}

.b-search {float: left; width: 100%; margin-bottom: 30px; padding: 20px 0; float: left; background: #f5f5f5; border: 1px solid #e3e3e3;}
.b-search form {float: left; margin-left: 105px;}
.b-search form select {float: left; width: 150px !important; height: 40px; background: #fff; border: 1px solid #ddd; padding: 5px 10px;}
.b-search form input[type=text] {float: left; width: 500px; height: 40px; background: #fff; border: 1px solid #ddd; padding: 5px 10px; margin-left: 7px;}
.b-search form button {display: block; float: left; width: 120px; height: 40px;  background: #888 !important; color: #fff; border: none; text-align: center; font-size: 16px; margin-left: 7px;}
.b-search form button:hover {background: #498bdf; color: #fff;}

.search_top {clear: both; width: 100%; border-top: 1px solid #000;  border-bottom: 1px solid #e2e2e2; background: #f1fcfe; padding: 20px 30px; font-size: 18px;}
.search_top span {color: #0066cc; font-weight: bold;}
.search_con {float: left; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 15px 30px;}
.search_con p strong a {color: #000; font-size: 18px; margin-bottom: 5px;}
.search_con p {font-size: 16px; color: #555;}
.search_con dl {float: left; width: 100%; padding-top: 10px;}
.search_con dl dt {width: 15%; float: left; font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.search_con dl dd {width: 85%; float: left; font-size: 16px; padding-bottom: 10px;}

.table-line {float: left; width: 100%; border-top: 2px solid #767676; margin-bottom: 20px;}
.search-table { width: 100%; border-right: 1px solid #e2e2e2}
.search-table tbody th {font-size: 16px; color: #000; text-align: center; padding: 10px; font-weight: bold; background: #f8f8f8; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
.search-table tbody td {font-size: 16px; color: #555; padding: 10px 15px; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
.contents .table-responsive .search-table {border: none; margin-top: 0;}


/*수강이력조회*/
.career {margin: 40px 0;}
.careerBox {width: 640px; height: 500px; margin: 0 auto; background: #f1f7ff; border: 1px solid #cfe4ff; padding: 45px 55px;}
.careerBox p.tit {font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 15px;}
.careerBox p.txt {font-size: 16px; color: #000; background: url(../images/sub/icon_search.png) no-repeat left center; padding-left: 120px;}
.careerBox form {border-top: 1px solid #000; margin-top: 30px; padding-top: 40px;}
.careerBox form span {width: 20%; float: left; font-size: 18px;}
.careerBox form input {width: 80%; font-size: 18px; color: #737373; padding: 5px 10px; margin-bottom: 20px; border: 1px solid #e5e5e5;}
.careerBox form p {text-align: center; padding-top: 10px;}
.careerBox form p a {display: inline-block; background: #498bdf; color: #fff; text-align: center; padding: 10px 25px;}


/*이북 콘텐츠*/
.ebook-con {float: left; width: 100%;}
.ebook-con div {float: left; width: 30%; margin: 0 50px 50px 0; height: 390px;background: #a7c6e2;}
.ebook-con div p { padding-top: 80px;  text-align: center;}
.ebook-con div:nth-of-type(4) p {padding-top: 20px;}
.ebook-con div:nth-of-type(3), .ebook-con div:nth-of-type(6) {margin-right: 0;}
.ebook-con div p a { color: #000; font-size: 26px;}
.ebook-con div p a img {padding-bottom: 25px;}
.ebook-con div ul {margin-top: 10px; padding: 0 0 0 30px;}
.ebook-con div ul li {float: left; width: 50%; background: none; padding-left: 0; padding-bottom: 5px;}
.ebook-con div ul li a {font-size: 16px; color: #000; text-decoration: underline;}
.ebook-con div ul li a:hover {color: #06c;}

@media (max-width: 999px) {

	#gnb.container {padding: 0;}
	.contents .contents {padding: 0;}


	.sub_bg-top {height: 96px; background-size: 100rem;}
	.sub_bg-top div h1 {font-size: 27px; padding-top: 3.5rem; height: auto;}
	.sub_bg-top div .sub_menu {display: none;}

	.contents .greeting .greeting_box {height: auto;}

	.bottom_bg .container {padding: 0;}

	.contents .tab-menu li a {font-size: 16px;}
	.contents .tab-menu5 {margin-bottom: 20px; float: left; height: auto;}
	.contents .tab-menu5 li {width: 50%;}


	.contents .ebook ul li {width:33.33333333%; height: 300px; padding: 0 10px;}
	.contents .ebook ul li img {width: 100%; height: 270px;}
	.contents .ebook ul li p {display: none !important;}
	.contents .ebook ul li p span {display: none !important;}

	/*영농교육신청*/
	.contents .board-edu .board_form {}
	.contents .board-edu .board_form form {margin: 0;}
	.contents .board-edu .board_form form p {display: none;}
	.contents .board-edu .board_form form input[type=text] {width: 70%; margin: 0;}
	.contents .board-edu .board_form form input[type=submit] {width: 20%;}
	.board-edu .board_txt-left {display: none;}
	.board-edu .board_form-right {width: 100%;}
	.board-edu .board_form-right select {width: 100%;}
	.board-edu .table-hover colgroup {display: none;}
	.board-edu .table-hover thead th, .board-edu .table-hover tbody td {padding: 10px !important;}
	.board-edu .table-hover tbody td span.txt {display: none;}
	.board-edu .table-hover thead th:nth-of-type(1), .board-edu .table-hover thead th:nth-of-type(3), .board-edu .table-hover thead th:nth-of-type(5),
	.board-edu .table-hover tbody td:nth-of-type(1), .board-edu .table-hover tbody td:nth-of-type(3), .board-edu .table-hover tbody td:nth-of-type(5) {display: none;}


	.edu-view .edu-topbox .tit {padding: 10px; font-size: 18px;}
	.edu-view .edu-topbox .label {margin-right: 5px;}
	.edu-view dl {padding: 10px; width: 100%; margin-bottom: 10px;}
	.edu-view dt {width: 100%;}
	.edu-view dd {width: 100%; padding-bottom: 10px;}
	.edu-view .edu-topbox .txtBox {padding: 10px; font-size: 14px;}
	.edu-view .edu-topbox .txtBox a {width: 80px; height: 30px; padding-top: 5px;}

	.edu-view .tab #tab1 .tabLine {padding: 15px 0;}

	.edu-view .tab .tab-tit {border: none; border-top: 1px solid #777; border-right: 1px solid #777;}
	.edu-view .tab .tab-tit li {width: 33.333333333%; border-bottom: 1px solid #777;}
	.edu-view .tab .tab-tit li a {padding: 10px;}
	.edu-view .tab #tab1 div {padding: 0;}
	.root_daum_roughmap {width: 100% !important;}
	.wrap_map {height: 240px !important;}

	.edu-form {width: 100%; float: left;}
	.edu-form .tit {padding: 10px; font-size: 18px;}
	.edu-form h3 {font-size: 16px; padding: 10px 0 10px 10px}
	.edu-form table tbody td:first-child {display: none;}
	.edu-form table tbody td input[type=text] {width: 100%;}
	.edu-form table tbody td input[type=button] {margin-top: 10px;}
	.edu-form input[type=checkbox] {width: 20px; margin-left: 0;}
	.edu-form label {font-weight: normal; font-size: 14px; letter-spacing: -1px;}
	.edu-form table tbody .number input[type=text] {width: 29%;}
	.edu-form table tbody td span {float: left; width: 100%; padding-top: 10px;}
	.edu-form .agree-box textarea {height: 200px; padding: 10px 20px;}

	.b-search {float: left; width: 100%; margin-bottom: 25px; padding: 10px; float: left;}
	.b-search form {float: left; margin: 0px; width: 100%;}
	.b-search form select {float: left; width: 100% !important; margin-bottom: 5px;}
	.b-search form input[type=text] {float: left; width: 75%; margin-left: 0px;}
	.b-search form button {display: block; float: right; width: 20%; margin-left: 0px;}
	.search_con {padding: 10px;}
	.search_top {padding: 10px;}
	.search_con dl dt {width: 30%;}
	.search_con dl dd {width: 70%;}
	
	/*이북 콘텐츠*/
	.ebook-con div {width: 48%; margin: 1%;}
	.ebook-con div p a {font-size: 20px;}
	.ebook-con div p img {width: 80%;}
	.ebook-con div ul {padding: 0 0 0 20px;}

	/*수강이력조회*/
	.career {margin: 40px 0;}
	.careerBox {width: 100%; height: auto; margin: 0 auto; background: #f1f7ff; border: 1px solid #cfe4ff; padding: 20px;}
	.careerBox p.tit {font-size: 20px; color: #000; font-weight: bold; text-align: center; padding-bottom: 15px;}
	.careerBox p.txt {font-size: 16px; color: #000; background: none; padding-left: 0px;}
	.careerBox form {border-top: 1px solid #000; margin-top: 30px; padding-top: 40px;}
	.careerBox form span {width: 25%; float: left; font-size: 16px;}
	.careerBox form input {width: 75%; font-size: 18px; color: #737373; padding: 5px 10px; margin-bottom: 20px; border: 1px solid #e5e5e5;}
	.careerBox form p {text-align: center; padding-top: 10px;}
	.careerBox form p a {display: inline-block; background: #498bdf; color: #fff; text-align: center; padding: 10px 25px;}




}

@media (max-width: 450px) {


	.contents .ebook ul li {width:50%; height: 315px;}
	.contents .ebook ul li img {width: 100%; height: 240px;}


}