/* 버튼형 카테고리*/
.category_list { clear:both;background:#eeeeee;border-radius:5px;padding:10px;}
.categorybtn {  }
.categorybtn li { display:inline-block; text-align:center; padding:5px; background:#ddd; border-radius:3px;margin:3px;}
/* .categorybtn-auto li  { width:auto; } */
.categorybtn li a { font-size:14px; font-weight:bold; color:#000; white-space:nowrap; }
.categorybtn li a:hover { color:#4d4b45;  }
.categorybtn li.cur { background:#ffca08;}
.categorybtn li.cur a { color:#4d4b45;  }
.categorybtn .mobile { display:none; }
.categorybtn .mobile select { width:100%; height:40px; font-size:16px; font-weight:bold; }

/*콘텐츠 영역*/
/* #middle { z-index:1; max-width:1300px; margin:0 auto; position:relative; min-height:800px; padding:50px 10px; margin-top:120px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';} */
#middle { z-index:1; max-width:1300px; margin:0 auto; position:relative; min-height:800px; padding:50px 10px; margin-top:0px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';}

/*좌측 메뉴 영역*/
#middle #right-container { position:absolute; width:310px; min-height:300px; right:10px; top:50px;  /*display:none;*/ }
#middle #right-container ul.leftmenu { border:solid 1px #e6e4df;  border-top:solid 2px #f3d773; border-bottom:solid 1px #f3d773; padding:0 10px; background:#fff; }
#middle #right-container ul.leftmenu > li > ol { display:none; padding:2px 0; }
#middle #right-container ul.leftmenu > li > ol > li { font-size:13px; background:none; padding:10px 5px 0px 0px; font-weight:normal; color:#666; }
#middle #right-container ul.leftmenu > li > ol > li a { color:#666; }
#middle #right-container ul.leftmenu > li > ol > li a:hover { color:#444; font-weight:700; }
#middle #right-container ul.leftmenu > li > ol > li.cur { color:#444; font-weight:800; }
#middle #right-container ul.leftmenu > li { font-size:14px; display:block; background:url(../images/commons/icon_close.png) no-repeat 110px 18px; padding:15px 5px; font-weight:bold; border-bottom:solid 1px #e5e4df; color:#666; }
#middle #right-container ul.leftmenu > li:last-child { border-bottom:none; }
#middle #right-container ul.leftmenu > li a {  color:#666; }
#middle #right-container ul.leftmenu > li.open { background:url(../images/commons/icon_open.png) no-repeat 110px 18px; }
#middle #right-container ul.leftmenu > li.non { background:none; }
#middle #right-container ul.leftmenu > li.cur { background:url(../images/commons/icon_open.png) no-repeat 110px 18px; }
#middle #right-container ul.leftmenu > li.cur > a { color:#333; font-weight:700; }
#middle #right-container ul.leftmenu > li.cur > ol { display:block; }
#middle #right-container ul.leftmenu > li a { display:block; }

#middle #right-container ul.leftbanner > li { padding-top:20px; }
 
#right-container .news { background:#f7f6f0; border:solid 1px #e6e4df; padding:12px 9px 20px; border-radius:4px; }
#right-container .news h5 { height:32px; font-size:16px; font-weight:bold; border-bottom:solid 3px #99968a; background:url(../images/commons/icon_news.png) no-repeat 2px top; padding-left:32px; color:#4d4b45; }
#right-container .news h5 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/commons/btn_more.png) no-repeat right center; padding-right:22px; margin-top:3px; }

#right-container .news dl { margin-top:25px; }
#right-container .news dt { float:left; background:#ffca08; width:22px; height:22px; border-radius:50%; color:#584401; font-weight:bold; text-align:center; line-height:21px; margin:2px 8px 0 5px; }
#right-container .news dd.subject { font-size:14px; color:#555452; font-weight:bold; height:18px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block; }
#right-container .news dd.date { font-size:14px; color:#7a7873; }



#right-container .searchcandi { position:relative; height:308px; background:url(../images/commons/map_korea.png) #f7f6f0 no-repeat center center; border:solid 1px #e6e4df; border-radius:4px; margin-top:20px;  }
#right-container .searchcandi h5 { background:url(../images/commons/icon_map.png) no-repeat; line-height:20px; font-size:16px; font-weight:bold; padding-left:22px; margin:10px; }

/*
#right-container .searchcandi dl > dd a { font-size:12px; font-weight:bold; color:#4d4b45; background:url(../images/commons/icon_spot.png) no-repeat left center; padding:0px 0 0 12px; }
#right-container .searchcandi dl > dd a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat left center; }
#right-container .searchcandi dl > dd.right a { background:url(../images/commons/icon_spot.png) no-repeat right center; padding:0px 12px 0 0px; }
#right-container .searchcandi dl > dd.right a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat right center; }
#right-container .searchcandi dl > dd.center a {background:url(../images/commons/icon_spot.png) no-repeat center top; padding:13px 0px 0 0px; }
#right-container .searchcandi dl > dd.center a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat center top; }
#right-container .searchcandi dl > dd.bottom a { background:url(../images/commons/icon_spot.png) no-repeat center bottom; padding:0 0px 13px 0px; }
#right-container .searchcandi dl > dd.bottom a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat center bottom; }
*/
#right-container .searchcandi dl > dd a { font-size:12px; font-weight:bold; color:#4d4b45; background:url(../images/commons/icon_spot.png) no-repeat left center; padding:0px 0 0 12px; }
#right-container .searchcandi dl > dd a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat left center; }
#right-container .searchcandi dl > dd.right a { background:url(../images/commons/icon_spot.png) no-repeat right center; padding:0px 12px 0 0px; }
#right-container .searchcandi dl > dd.right a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat right center; }
#right-container .searchcandi dl > dd.center a {background:url(../images/commons/icon_spot.png) no-repeat center top; padding:13px 0px 0 0px; }
#right-container .searchcandi dl > dd.center a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat center top; }
#right-container .searchcandi dl > dd.bottom a { background:url(../images/commons/icon_spot.png) no-repeat center bottom; padding:0 0px 13px 0px; }
#right-container .searchcandi dl > dd.bottom a:hover {  background:url(../images/commons/icon_spot_over.png) no-repeat center bottom; }



#right-container .searchcandi dl > dd { position:absolute; left:50%; top:0px; display:block; }
#right-container .searchcandi dl > dd.seoul { margin: 56px 0px 0px -52px; }
#right-container .searchcandi dl > dd.kyeongi {margin: 95px 0px 0px -51px; }
#right-container .searchcandi dl > dd.kangwon {margin: 57px 0px 0px 14px; }
#right-container .searchcandi dl > dd.choongb {margin: 106px 0px 0px -23px; }
#right-container .searchcandi dl > dd.choongn {margin: 142px 0px 0px -92px; }
#right-container .searchcandi dl > dd.daejon {margin: 145px 0px 0px -31px; }
#right-container .searchcandi dl > dd.jeonb {margin: 184px 0px 0px -58px; }
#right-container .searchcandi dl > dd.jeonn {margin: 236px 0px 0px -69px; }
#right-container .searchcandi dl > dd.kyeongb {margin: 130px 0px 0px 41px; }
#right-container .searchcandi dl > dd.kyeongn {margin: 193px 0px 0px 6px; }
#right-container .searchcandi dl > dd.daegu {margin: 155px 0px 0px 30px; }
#right-container .searchcandi dl > dd.ulsan {margin: 177px 0px 0px 68px; }
#right-container .searchcandi dl > dd.pusan {margin: 195px 0px 0px 58px; }
#right-container .searchcandi dl > dd.jeju {margin: 273px 0px 0px -65px; }
#right-container .searchcandi dl > dd.incheon {margin: 70px 0px 0px -92px; }
#right-container .searchcandi dl > dd.sejong {margin: 114px 0px 0px -79px; }
#right-container .searchcandi dl > dd.kwangju {margin: 201px 0px 0px -90px; }



  
/*
#middle #left-container .leftmedia { clear:both; margin-top:25px; }
#middle #left-container .leftmedia h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px;  }
#middle #left-container .leftmedia > div { background:#f7f6f0;  }
#middle #left-container .leftmedia > div > h5 { padding:9px 9px 0px 9px; color:#4d4b45; font-size:12px; line-height:15px; height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#middle #left-container .leftmedia > div > span { display:block; color:#99968a; font-size:12px; padding:7px 9px 10px 9px;  }

#middle #left-container .leftstudy { clear:both; margin-top:30px; }
#middle #left-container .leftstudy h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px; border-bottom:solid 1px #e6e4df;   }
#middle #left-container .leftstudy ul li { padding-top:12px; }
#middle #left-container .leftstudy ul li a { color:#66635c; font-weight:bold; background:url(../images/commons/bullet_dot.png) no-repeat 5px center; padding:0 2px 0 13px; height:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important;display:block;    -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

#middle #left-container .leftpolicy { clear:both; margin-top:30px; padding-bottom:10px; border-bottom:solid 1px #e6e4df; }
#middle #left-container .leftpolicy h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px; border-bottom:solid 1px #e6e4df;   }
#middle #left-container .leftpolicy ul li { margin-top:12px; position:relative; height:56px; display:block; }
#middle #left-container .leftpolicy ul li img { position:absolute; }
#middle #left-container .leftpolicy ul li a { color:#66635c; font-weight:bold; display:block; line-height:17px; background:url(../images/commons/bullet_dot.png) no-repeat 5px center; padding:3px 1px 0 91px; height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  *display:block; }
*/

/*콘텐츠 영역*/
#middle #content-container { margin-right:330px; padding:0 0px; }

#middle #page-title {  }
/*#middle #page-title > h3 {}*/
#middle #page-title h3 {float:left; font-size:30px; font-family:'malgun gothic'; font-weight:bold; color:#4d4b45;}
#middle #page-title > h3 span{ font-size:14px; font-weight:bold; color:#7a7873; padding-left:8px; }
#middle #page-title > h3 .submenu {}
#middle #page-title > ul { display:block; max-width:1190px; margin:0 auto; text-align:right; font-size:0px; padding:0 10px;  }
#middle #page-title > ul li { display:inline-block; zoom:1; *display:inline; font-size:14px; background:url(../images/commons/line03.png) no-repeat right center; padding:18px 14px 18px 9px; color:#7a7873; font-weight:bold; }
#middle #page-title > ul li.cur { background:none; padding-right:0px; }
/* #middle #page-title {position:relative; margin-bottom:50px; border-bottom:solid 1px #fecd30;} */
#middle #page-title {position:relative;} */
#middle #page-title .bar {position:absolute; width:23px; margin-top:60px; border-bottom:solid 2px #fff;}
/*#middle #page-title .bar {position:absolute; width:24px; margin-top:60px; border-bottom:solid 1px #fff;}*/
#middle #page-title .submenu {padding:10px 0px 10px 72px; background:url(../images/recommend/title_img.gif) no-repeat left 1px;}
/*#page-title h3 {float:left; font-size:30px; font-family:'malgun gothic'; font-weight:bold; color:#4d4b45;}*/
#middle #page-title ul {float:right; background:url(../images/recommend/cur_back.gif) no-repeat left center;}
#middle #page-title ul li {display:inline-block;zoom:1;*display:inline; color:#4d4b45; font-weight:bold;}



/*콘텐츠 영역*/
#contents  { clear:both; margin:0 auto; margin-top:0px; padding:0 0px; }


.search-container {}
.search-container .search-form { clear:both;  text-align:center; background:#f7f6f0; border:solid 1px #e6e4df; padding:15px; }
.search-container .search-form .inner { display:inline-block; zoome:1; *display:inline; }
.search-container .search-form .inner > ul { display:table; }
.search-container .search-form .inner > ul > li { display:table-cell; vertical-align:top; font-size:0px; vertical-align:top; }
.search-container .search-form .inner > ul > li.input { width:270px; }
.search-container .search-form .inner > ul > li.input input{ border:solid 2px #99968a; height:34px; line-height:34px; width:100%; text-indent:10px; }
.search-container .search-form .inner > ul > li.btn { padding-left:10px; width:100px; }
.search-container .search-form .inner > ul > li.submit { vertical-align:top; }
.search-container .search-form .inner > ul > li.submit input { vertical-align:top; padding:0px; }
.search-container .search-form .inner > ul > li.select { padding-right:10px; width:140px; }
.search-container .search-form .inner > ul > li.select select { border:solid 2px #99968a; height:40px; width:100%; font-size:13px; }
.search-container .category2 { margin-top:50px; margin-bottom:20px; }

.search-container .list01 { clear:both; margin-top:60px; }
.search-container .list01 h4 { font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:solid 1px #e6e4df; }
.search-container .list01 h4 a { float:right; font-size:12px; font-weight:bold; height:17px; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:20px; margin-top:5px; }
.search-container .list01 > ul > li { clear:both; margin:25px 0; }
.search-container .list01 > ul > li .img { float:left; margin-right:10px;  }
.search-container .list01 > ul > li dl > dt { font-size:15px; font-weight:bold; height:22px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.search-container .list01 > ul > li dl > dd { font-size:14px; height:40px; line-height:22px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.search-container .list02 { clear:both; margin-top:60px; }
.search-container .list02 h4 { font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:solid 1px #e6e4df; }
.search-container .list02 h4 a { float:right; font-size:12px; font-weight:bold; height:17px; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:20px; margin-top:5px; }
.search-container .list02 > ul { padding:10px 0;} 
.search-container .list02 > ul > li { float:left; margin:10px 10px 0 0; position:relative; }
.search-container .list02 > ul > li > a >img { height:128px; width:auto !important; }
.search-container .list02 > ul > li .mov-btn > a >img { height:128px; width:auto !important; }


.btn-style01 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; } 
.btn-style01-2 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; } 
.btn-style01-3 { color:#fff; font-size:14px; font-weight:bold; background-color:#cccac4; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #bbb; } 
.btn-style02 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:32px; line-height:32px; white-space:nowrap; vertical-align:middle; } 

@media all and (max-width: 1250px) {
	#middle #right-container { display:none; }
	#middle #content-container { margin-right:0px; }
}


@media all and (max-width: 1100px) {
	#gnb-menu .inner .logo .subtitle { display:none; }
	
	#middle { min-height:0 !important; }
	#gnb-menu .inner .menu { margin-left:20px; }
}

@media all and (max-width: 930px) {
	
	#gnb-menu .inner .menu { display:none; }
	#gnb-menu .menu-subgroup { display:none !important; }
	
	#gnb-menu .inner .menu li { padding:0 7px; }
	
}

@media all and (max-width: 870px) {
	
	#footer .info .inner { display:block; }
	#footer .info .inner > li { display:block; float:left; width:50%; padding:0px }
	#footer .info .inner > li.board { display:none; }
	#footer .info .inner .media { padding-left:0px; }
	
	#footer .quick .inner .logo { display:none; }
}

@media all and (max-width: 780px) {
}

@media all and (max-width: 740px) {
	
	#gnb-menu .menu-search img { width:auto !important; height:49px; }
	#gnb-menu .menu-search .inner ul li input { height:43px; width: 450px;}
	
}

@media all and (max-width: 640px) {
	#gnb-bar .inner .sns { display:none; }
	#gnb-menu { height:65px; }
	#gnb-menu .inner .logo { top:12px; }
	#gnb-menu .inner .logo img { height:42px; width:auto !important; }
	#gnb-menu .inner .logo img.sub { height:50px; width:auto !important; }
	#gnb-menu .inner .search { top:20px; }
	#gnb-menu .inner .search img { width:23px; height:auto !important; }
	#gnb-menu .inner .search a.btn img { width:28px; height:auto !important; }
	#gnb-bar .inner .login li a { font-size:11px; line-height:30px; font-weight:normal; }
	
	#header { position:fixed !important; }
	#middle { margin-top:96px !important; padding-top:0px; }
	#contents { padding-top:20px; }
	
	#middle #page-title { background:none; border:none; padding:0px; margin-bottom:0px; }
	#middle #page-title ul { display:none; } 
	#middle #page-title > h3 { height:50px; font-size:20px; padding-top:20px; } 
	#middle #page-title > h3 span { font-weight:normal; font-size:12px; }
	#middle #page-title .submenu { background:none; padding-left:0px; }
	
	#gnb-menu .menu-search { top : 96px;}
	#gnb-menu .menu-search img { width:auto !important; height:30px; }
	#gnb-menu .menu-search .inner ul li input { height:24px; width: 250px;}
	#gnb-menu .menu-search .inner ul { padding: 15px; }
	
	#footer { padding:20px 0; }
	#footer .inner .logo { position:relative; left:0px; }
	#footer .inner .logo img { height:50px; width:auto !important; } 
	#footer .inner .info { margin-left:0px; margin-top:20px; line-height:21px; }
	#footer .inner .info li { font-size:12px; }
	
	.category2 {border-top:solid 0px #99968a; margin-bottom:30px; }
	.category2 li { display:none; }
	.category2 .mobile { display:block; }
}


@media all and (max-width: 370px) {
	
}