@charset "utf-8";

/*Layout*/
.space{position:relative;padding: 0 0 100px 0}

/*페이지 타이틀 영역*/
.page-title{overflow:hidden;margin-bottom:30px;padding:17px 11px 14px 27px;background-color:#d2dfec;}
.page-title h3{float:left;color:#303030;font-weight:bold;font-size:20px;line-height:26px}
.page-title .btns{float:right}
.page-title .btns a{display:block;float:left;margin-left:6px}

/*Dl*/
.dl-type01 {padding:20px 0 23px  0;}
.dl-type01 > dt{padding-left:20px;margin-bottom:14px;background: url(/resources/ed/images/common/arr01.png) left  no-repeat;}
.dl-type02{border:1px solid #dddddd;border-radius: 8px;}
.dl-type02 dt{padding-left:20px;border-bottom:1px solid #dddddd;background-color:#f0f0f0;}
.dl-type02 dt p {overflow:hidden;padding:5px 10px 0 0;height:45px;font-size:17px;color:#3c3b3b;font-weight:bold}
.dl-type02 dt p span{overflow:hidden;height:35px;display:table-cell;vertical-align:middle;}
.dl-type02 .ico-wrap{display:block;height:25px;margin-bottom:9px}

/*Button*/
.btn-left{text-align:left}
.btns{text-align:center;}
a.btn-grey{display:inline-block;height:50px;line-height:50px;text-align:center;background-color:#7a7a7a;color:#fff;font-size:20px;}
a.btn-blue{display:inline-block;height:50px;line-height:50px;text-align:center;background-color:#215da4;color:#fff;font-size:20px;}
a.btn-navy{display:inline-block;height:30px;line-height:30px;text-align:center;background-color:#64768a;color:#fff;font-size:14px;}
a.btn-red{display:inline-block;height:30px;line-height:30px;text-align:center;background-color:#e47867;color:#fff;font-size:14px;}
.w1{width:110px}
.w2{width:220px}
.w3{width:300px}
.ico-wrap{background-color:#f0f0f0}

/**/
.count{padding-left:36px;margin-bottom:17px;background: url(/resources/ed/images/common/bullet01.png)24px   no-repeat;font-size:14px;color:#666666}
.count .now{font-weight:bold;color:#2b2b2b}

/*페이징*/
.paginate {text-align:center}
.paginate *{display:inline-block;margin:0 9px;height:41px;line-height:41px;vertical-align:top;font-size:15px}
.paginate a{color:#6d6c6c;}
.paginate img{vertical-align:top;margin:0;padding:0}
.paginate strong{color:#2a2a2a}
.paginate .prev{width:41px;margin: 0 24px 0 0}
.paginate .next{width:41px;margin: 0 0  0 24px}

/*detail*/
.edbox1{display:block; width:68px; height:23px; line-height:23px; border:1px solid #919191; text-align:center; font-size:11px; color:#636363; float:right;}
.edbox2{display:block; width:70px; height:25px; line-height:25px; background:#64768a; text-align:center; font-size:11px; color:#fff; float:right;}
.edbox3{display:inline-block; width:68px; height:23px; line-height:23px; border:1px solid #919191; text-align:center; font-size:11px; color:#636363;}
.edbox4{display:inline-block; width:70px; height:25px; line-height:25px; background:#777; text-align:center; font-size:11px; color:#fff;}

.filter-tab{position:absolute;top:-78px;right:11px;z-index:1}
.filter-tab ul li{float:left;width:75px;height:46px;text-align:center;margin-left:3px;}
.filter-tab ul li span{display:block; height:40px;}
.filter-tab ul li span a{display:block;line-height:40px;background-color:#fff;color:#646464;font-size:15px}
.filter-tab ul li.edbtn1 span{background: url(/resources/ed/images/sub/tab_on1.png) center bottom no-repeat;}
.filter-tab ul li.edbtn2 span{background: url(/resources/ed/images/sub/tab_on2.png) center bottom no-repeat;}
.filter-tab ul li.edbtn3 span{background: url(/resources/ed/images/sub/tab_on3.png) center bottom no-repeat;}
.filter-tab ul li.edbtn4 span{background: url(/resources/ed/images/sub/tab_on4.png) center bottom no-repeat;}
.filter-tab ul li.edbtn5 span{background: url(/resources/ed/images/sub/tab_on5.png) center bottom no-repeat;}
.filter-tab ul li.edbtn6 span{background: url(/resources/ed/images/sub/tab_on6.png) center bottom no-repeat;}
.filter-tab ul li.edbtn7 span{background: url(/resources/ed/images/sub/tab_on7.png) center bottom no-repeat;}
.filter-tab ul li:hover span{height:46px;}
.filter-tab ul li.edbtn1:hover a{background-color:#525252;color:#fff;font-weight:bold;}
.filter-tab ul li.edbtn2:hover a{background-color:#4187ca;color:#fff;font-weight:bold;}
.filter-tab ul li.edbtn3:hover a{background-color:#6da84d;color:#fff;font-weight:bold;}
.filter-tab ul li.edbtn4:hover a{background-color:#5cc2b4;color:#fff;font-weight:bold;}
.filter-tab ul li.edbtn5:hover a{background-color:#e56e6a;color:#fff;font-weight:bold;}
.filter-tab ul li.edbtn6:hover a{background-color:#f3a860;color:#fff;font-weight:bold;}
.filter-tab ul li.edbtn7:hover a{background-color:#888ada;color:#fff;font-weight:bold;}
.filter-tab ul li.on span{height:46px;}
.filter-tab ul li.on1 a{background-color:#525252;color:#fff;font-weight:bold;}
.filter-tab ul li.on2 a{background-color:#4187ca;color:#fff;font-weight:bold;}
.filter-tab ul li.on3 a{background-color:#6da84d;color:#fff;font-weight:bold;}
.filter-tab ul li.on4 a{background-color:#5cc2b4;color:#fff;font-weight:bold;}
.filter-tab ul li.on5 a{background-color:#e56e6a;color:#fff;font-weight:bold;}
.filter-tab ul li.on6 a{background-color:#f3a860;color:#fff;font-weight:bold;}
.filter-tab ul li.on7 a{background-color:#888ada;color:#fff;font-weight:bold;}
/* 타블렛 */
@media screen and (max-width : 640px) {
	.space{padding: 0 0 20px 0}
	a.btn-grey.w3 {margin-bottom:3px}
	.board-box{float:none;width:auto;padding:10px}
	.view-box{padding: 0 20px}
	.view-box img{float:none;margin:0 auto;width:200px;}
	.view-box > dl {float:none;margin:0;}
	.txt02{font-size:15px}
	.view-box > dl .btns{margin:26px 0 15px 0;text-align:center}

	a.btn-grey{height:30px;line-height:30px;font-size:17px;}
	a.btn-blue{height:30px;line-height:30px;font-size:17px;}
	.w1{width:90px}
	.w2{width:180px}
	.w3{width:180px}
	
	.filter-sel{padding: 17px 20px;margin-bottom:17px;text-align:center;background-color:#d2dfec}
	.filter-sel p{margin-bottom:20px}
	.filter-sel .sel{height:43px;}
	.filter-sel .sel select{padding-left:1%;width:99%;height:43px;}
	.fl-list01 {overflow: hidden;padding: 0 20px;}
	.fl-list01 > li {float: none;width: 100%;margin: 0 0 10px 0;}
	.fl-list01.row01 {border-bottom: 0;padding-top:13px}

	.bd-t{padding: 0 10px}
	.bd-t .btns{margin-top:10px}
	.category-box .btn-ctl {top:23px}
	.category-box .btn-ctl  a.btn-up {margin-bottom: 23px;}
}


/* 모바일 최소 사이즈 */
@media (min-width:300px) and (max-width:479px) {
	.paginate *{margin: 0 5px}
	.paginate .prev{margin: 0 15px 0 0}
	.paginate .next{margin: 0 0 0 15px}
}