@charset 'utf-8';

/* 메인 */
div#contents { margin-top: 10px; margin-bottom:20px; }
div#contents * { font-size:14px; font-family:'Nanum Gothic', 'Dotum'; box-sizing: border-box; }
div#contents div.innerWrap { width:1000px; margin:0 auto; padding-bottom:50px; }
div#contents div.innerWrap div.visual { height:154px; margin-bottom:15px; border:1px solid #e8e8e8; background:url('/images/directory/headBanner.jpg') no-repeat; text-indent:-1000px; overflow:hidden; position:relative; }
div#contents div.innerWrap div.visual button { position: absolute; width: 145px; height: 37px; top: 90px; left: 50%; margin-left: -72px; text-align: center; border: 5px solid #fff; border-radius: 20px; background-color: #0069b3; color: #fff; font-family: 'S-Core';}

/* 검색 */
div#contents div.innerWrap div.search { text-align: center; margin-bottom: 35px; padding-top: 15px; border: 1px solid #ececec; }
div#contents div.innerWrap div.search div.selectbox { display: inline-block; vertical-align: middle; margin: 0 4px; border:1px solid #DDD; border-radius: 42px; height:42px; line-height:40px; padding:0 20px; text-align:left; position:relative; background:#F7F7F7 url('/images/directory/selectArrow.svg') no-repeat right 10px center / auto 30%;  }
div#contents div.innerWrap div.search div.selectbox.area { width: 160px; }
div#contents div.innerWrap div.search div.selectbox.inccomplex { width: 295px; }
div#contents div.innerWrap div.search div.selectbox div.selected { color: #555; font-size: 14px; cursor: pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div#contents div.innerWrap div.search div.selectbox ul { display:none; position:absolute; background-color:#F7F7F7; border:1px solid #DDD; width:calc(100% + 2px); max-height:300px; overflow-y:auto;  left:-1px; border-radius:0 0 0 21px; padding:10px 20px; line-height:20px; border-top:0; }
div#contents div.innerWrap div.search div.selectbox ul a { display:block; padding:5px 0; }
div#contents div.innerWrap div.search div.selectbox ul a:hover { text-decoration: underline; }
div#contents div.innerWrap div.search div.selectbox.active { border-radius:21px 21px 0 0 ; }
div#contents div.innerWrap div.search div.selectbox.active ul { display:block; z-index: 100; }

div#contents div.innerWrap div.search div.select { margin-bottom: 20px; }
div#contents div.innerWrap div.search div.select div.searchBox { display: inline-block; vertical-align: middle; margin: 0 4px; }
div#contents div.innerWrap div.search div.select div.searchBox input { display:block; width:340px; background-color:#F7F7F7; border:1px solid #DDD; border-radius: 42px; height:42px; line-height:40px; padding:0 10px; }
div#contents div.innerWrap div.search div.select div.control { display: inline-block; vertical-align: middle; }
div#contents div.innerWrap div.search div.select div.control button { display:block; width:90px; border:0; background:#0168b7 url('/images/market/ico.search_FFFFFF.svg') no-repeat center / auto 50%; color:#FFF; height:42px; border-radius: 42px; }
div#contents div.innerWrap div.search div.select div.control button span { display:none; }

/* 단어 수두룩 박스 */
div#contents div.innerWrap div.search div.searchBtn { padding:10px 0 10px 12px; background-color:#f8f8f8; }
div#contents div.innerWrap div.search div.searchBtn:after { content: ''; display: block; clear: both; }
div#contents div.innerWrap div.search div.searchBtn > div { float:left; }
div#contents div.innerWrap div.search div.searchBtn > div.all { width:64px; height:64px; margin-right: 7px; text-align:center; background-color: #fff; border: 1px solid #dddddd; }
div#contents div.innerWrap div.search div.searchBtn > div.kor { width:910px; margin-bottom: 6px; }
div#contents div.innerWrap div.search div.searchBtn > div.eng { width:910px; }
div#contents div.innerWrap div.search div.searchBtn > div ul li { float:left; width:29px; height:29px; text-align:center; margin-right:6px; }
div#contents div.innerWrap div.search div.searchBtn > div ul li button { width:100%; height:100%; color:#333; font-size: 18px; background-color: #fff; border: 1px solid #dddddd; }
div#contents div.innerWrap div.search div.searchBtn > div ul li button.selected { border: 1px solid #0069b3; }
div#contents div.innerWrap div.search div.searchBtn > div.eng ul li button { font-size: 14px; }
div#contents div.innerWrap div.search div.searchBtn > div.all button { width:100%; height:100%; color:#333; font-size: 14px; background-color: #fff;}
div#contents div.innerWrap div.search div.searchBtn > div.kor span { float:left; color:#333; display:block; height:21px; padding-top:4px; }

/* 배너 (일단 숨김처리) */
div#contents div.innerWrap div.banner { margin-bottom:20px; display: none; }
div#contents div.innerWrap div.banner div.header { position: relative; width: 210px; height: 42px; margin-bottom: 9px; background: url('/images/directory/bannerTitle.png') no-repeat center; }
div#contents div.innerWrap div.banner div.header span { display: block; float: left; }
div#contents div.innerWrap div.banner div.header span.best { font-size: 18px; color: #fff; padding: 8px 0 8px 19px; font-family: 'S-Core'; font-weight: 500; }
div#contents div.innerWrap div.banner div.header span.title { padding: 10px 0; margin-left: 18px; font-size: 15px; letter-spacing: -0.03em; font-family: 'S-Core'; }
div#contents div.innerWrap div.banner div.content ul li { float:left; width:320px; height:101px; border:1px solid #d8d8d8; margin-right:20px; }
div#contents div.innerWrap div.banner div.content ul li:last-child { margin-right: 0; }
div#contents div.innerWrap div.banner div.content ul li a.emptyAd { display:block; height:101px; background:url('/images/common/registAd.png') no-repeat center; }
div#contents div.innerWrap div.banner div.content ul li a.emptyAd span { display:none; }
div#contents div.innerWrap div.banner div.content ul li.last { margin-right:0px; }

/* 리스트 */
div#contents div.innerWrap div.corpList div.header { margin-bottom:10px; }
div#contents div.innerWrap div.corpList div.header div.title { font-size: 14px; color: #555; }
div#contents div.innerWrap div.corpList div.header div.title span.count { display: inline-block; padding: 5px 10px; margin: 0 5px; background-color: #0069b3; color: #fff; font-size: 14px; font-weight: bold; border-radius: 15px; letter-spacing: -0.02em; }

div#contents div.innerWrap div.corpList div.content table.list { width:100%; table-layout:fixed; }
div#contents div.innerWrap div.corpList div.content table.list thead tr th { height: 55px; border-top: 1px solid #ececec; border-left: 1px solid #ececec; background-color: #0069b3; color: #fff; }
div#contents div.innerWrap div.corpList div.content table.list thead tr th:first-child { border-left: 0; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td { padding:15px 10px; height:40px; border:1px solid #ececec; border-top:0px; border-left:0px; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.empty { text-align:center; padding:20px 0px; border-right:none;}
div#contents div.innerWrap div.corpList div.content table.list tbody tr.even td { background-color:#f8f8f8; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.comName { padding-left:10px; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.centerArray { text-align:center; white-space:normal; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.area span {  }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.area span.area { display: inline-block; width: 72px; padding: 4px 0; font-weight: bold; text-align: center; color: #fff; border-radius: 12px; background-color: #999; margin-bottom: 4px; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.area span.place { display: block; letter-spacing: -0.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.comName { text-align: center; }
div#contents div.innerWrap div.corpList div.content table.list tbody tr td.last { white-space:normal; border-right:none; }

/** 페이지 **/
div#contents div.page table { margin: 0 auto; margin-top: 45px; }
div#contents div.page table td {  }
div#contents div.page table td a { display: block; float: left; width: 37px; height: 34px; padding: 8px 0; font-weight: bold; border: 1px solid #cccccc; color: #666; text-align: center; }
div#contents div.page table td a:hover { text-decoration: none; background-color: #f8f8f8; }
div#contents div.page table td.devFirstPage a { border-right: 0; background:url('/images/directory/pageFirst.png') center no-repeat #f8f8f8; }
div#contents div.page table td.devFirstPage a span { visibility:hidden; }
div#contents div.page table td.devPrevPage a { margin-right:10px; border:1px solid #ccc;background:url('/images/directory/pagePrev.png') center no-repeat #f8f8f8; }
div#contents div.page table td.devPrevPage a span { visibility:hidden; }
div#contents div.page table td.devNextPage a { margin-left:10px; border:1px solid #ccc;background:url('/images/directory/pageNext.png') center no-repeat #f8f8f8; }
div#contents div.page table td.devNextPage a span { visibility:hidden; }
div#contents div.page table td.devLastPage a { border-left: 0; background:url('/images/directory/pageLast.png') center no-repeat #f8f8f8; }
div#contents div.page table td.devLastPage a span { visibility:hidden; }
div#contents div.page table td.devListPage a { border-left: 0; }
div#contents div.page table td.devStartPage a { border-left: 1px solid #ccc; }
div#contents div.page table td.devNowPage a { background-color: #666; color: #fff; }