body { margin:0px; padding:0px; color:#333; font-size:14px; }
body.h100 { height:100vh; }

.hidd-- { visibility:hidden; }
.dupl-check- { color:red; display:inline-block; }

.m0 { margin:0px; }
.pd10 { padding:0 10px; }

.pc-c { display:block; }
tr.pc-c { display:table-row; }
thead.pc-c { display:table-row-group; }
colgroup.pc-c { display:table-column-group; }
col.pc-c { display:table-column; }
th.pc-c, td.pc-c { display:table-cell; }
span.pc-c { display:inline-block; }

.mobile-c { display:none !important; }
thead.mobile-c { display:none !important; }
tr.mobile-c { display:none !important; }
colgroup.mobile-c { display:none !important; }
col.mobile-c { display:none !important; }
th.mobile-c, td.mobile-c { display:none !important; }
span.mobile-c { display:none !important; }

.top-select-search- { margin-left:-5px; }
.top-select-search- > div { width:25%; float:left; }
.top-select-search- > div > div { margin-left:5px; }
.top-select-search- > div > div > select { width:100%; box-sizing:border-box; }


.main-top > div { position:relative; overflow:hidden; }
.main-top > div.pc-c > div { float:left; }
.main-top > div.pc-c > div:nth-child(n+2) > div { margin-left:10px; }
.main-top > div.pc-c > div.main_banner { width:50%; min-height:87px; background:blue; }
.main-top > div.pc-c > div.area- { width:25%; text-align:center; }
.main-top > div.pc-c > div.area- > div { border:1px solid #ddd; box-sizing:border-box; overflow:hidden; padding:5px; }
.main-top > div.pc-c > div.area- > div > div { float:left; width:16.666666%; line-height:25px; }
.main-top > div.pc-c > div.login- { width:25%; }
.main-top > div.pc-c > div.login- .login-btn- { position:relative; }
.main-top > div.pc-c > div.login- .login-btn-.not-sns-login- > div { display:table; }
.main-top > div.pc-c > div.login- .login-btn-.not-sns-login- > div a { display:table-cell; width:33%; text-align:center; }
.main-top > div.pc-c > div.login- > div { border:1px solid #ddd; background:#f5f5f5; box-sizing:border-box; height:87px; }
.main-top > div.pc-c > div.login- div.btn- { margin:10px; margin-bottom:0px; line-height:20px; border:1px solid #ddd; background:#fff; text-align:center; }
.main-top > div.pc-c > div.login- div.click- { padding:10px; font-size:13px; }
.main-top > div.pc-c > div.login- div.sns- { position:absolute; top:0px; right:10px; }
.main-top > div.pc-c > div.login- div.sns- > i { text-align:Center; border:none; margin:0px; padding:0px; font-size:25px; }
.main-top > div.pc-c > div.login- .login-info- { display:grid; grid-template-rows:30% 70%; background:#fff; }
.main-top > div.pc-c > div.login- .login-info- > div { line-height:1.3; box-sizing:border-box; padding:10px 0 5px 0; margin:0 10px; }
.main-top > div.pc-c > div.login- .login-info- > div h4 { margin:0px; color:var(--txt-color); }
.main-top > div.pc-c > div.login- .login-info- > div > a { display:block; }
.main-top > div.pc-c > div.login- .login-info- > div > a > span { color:var(--txt-color); }
.main-top > div.pc-c > div.login- .login-info- > div:first-child { display:grid; grid-template-columns:repeat(1, 1fr); }
.main-top > div.pc-c > div.login- .login-info- > div:last-child { display:grid; grid-template-columns:repeat(3, 1fr); }
.main-top > div.pc-c > div.login- .login-info- > div:last-child span { font-weight:bold; }

.top-mini- { display:table; width:100%; margin-top:20px; }
.top-mini- > div { display:table-cell; vertical-align:bottom; }
.top-mini- > div:last-child { text-align:right; }

.print-body- { width:760px; margin:0 auto; }
.print-comment- { background-color:#f9f9f9; padding:20px; position:relative; }

/*지도*/
.map-big-- { position:absolute !important; top:0px; left:0px; border:none !important; width:100% !important; height:100vh !important; z-index:100 !important; }
.map-big-btn { position:absolute; right:10px; z-index:101; }
.map-input { border:1px solid #ddd; border-radius:10px; height:30px; line-height:30px; }
.map-search- { position:absolute; left:10px; top:8px; z-index:101; }
.marker-window- { display:grid; grid-template-columns:1fr 120px; width:300px; padding:10px; font: 13px 'Malgun Gothic', '돋움', dotum, sans-serif; }
.marker-window- > div:last-child { padding:0 10px; text-align:center; }
.marker-window- > div > div { line-height:20px; }
.marker-window- .employ-logo-text { overflow:hidden; width:100px; height:50px; line-height:50px; }
.marker-window- .company-name-- { font-weight:bold; font-size:16px; line-height:30px; }
.marker-window- .btn-- { margin-top:5px; border:1px solid #ddd; background:#fff; border-radius:5px; }

/*에디터*/
.note-modal-backdrop { background:none !important; z-index:0 !important; }

.need-check { border-bottom:1px solid #ddd; padding-bottom:10px; line-height:1.5; }
.need-check span.click- { position:absolute; display:inline-block; right:35px !important; cursor:pointer; color:#2976b7; font-weight:bold; }
.need-check span.chk- { position:absolute; display:inline-block; right:10px !important; }
.need-check span.red- { color:#ff3333; }
.need-content { overflow-y:scroll; height:120px; border:1px solid #ddd; padding:10px; margin:6px 0; }

.wrap { margin:0 auto; }
.page_wrap { overflow:hidden; position:relative; margin-bottom:10px; box-sizing:border-box; }

.btn-homepage-- { background-color:#555 !important; color:#fff; border:1px solid #555 !important; text-align:center; }
.btn-mobile-- { border:1px solid #ddd !important; text-align:center; }
.btn-admin-- { border:1px solid #ddd !important; text-align:center; }
.btn-buy-- { background-color:#3366cc !important; color:#fff; border:1px solid #3366cc !important; text-align:center; }

.page_wrap > .left- { float:left; width:220px; }
.page_wrap > .center- { margin-left:220px; position:relative; }
.page_wrap > .center- h1 { font-size:22px; margin:0px; margin-bottom:10px; }
.page_wrap > .right- { float:right; width:220px }
.left-menu- { width:200px; padding:0px; border:1px solid #ddd; border-top:none; }
.page-wrap- > .right- .left-menu- { padding:0 0px 0 20px; }
.left-menu- > h2 { border-bottom:2px solid #000; text-align:center; margin:0px; padding:15px 0; font-family:'Nanum Gothic'; }
.left-menu- > .box- {  }
.left-menu- > .box- > div { background:#fff; line-height:2.5; padding:5px 10px; }
.left-menu- > .box- > div div.part- { line-height:1; margin-bottom:10px; }
.left-menu- > .box- > div div.part- span { font-weight:bold; }
.left-menu- > .box- > h3 { background:#f4f6f7; border:1px solid #ddd; border-left:none; border-right:none; margin:0px; padding:10px; }
.left-menu- > .box- > div a { color:#777; }
.left-menu- > .box- > div a.on { color:var(--txt-color); font-weight:bold; }
.left-menu- > .box- span.on { color:var(--txt-color); }

div.moblie-menu- { display:relative; position:fixed; width:95%; height:100vh; top:0px; right:0px; background:#fff; z-index:100; }
div.moblie-menu- > div:first-child { padding:10px; }
div.moblie-menu- > div > div { line-height:2; }
div.moblie-menu- h3 { margin:0px; font-size:18px; }
div.moblie-menu- .top-- { border-bottom:1px solid #ddd; overflow:hidden; background:var(--bg-color); }
div.moblie-menu- .top-- > div { line-height:2; position:relative; }
div.moblie-menu- .top-- > div:first-child { position:relative; text-align:right; top:-5px; right:10px; }
div.moblie-menu- .top-- > div:first-child div.head-- { position:absolute; top:3px; left:10px; color:#fff; font-size:16px; font-weight:bold; }
div.moblie-menu- .top-- > div:first-child i { margin-left:10px; font-size:20px; color:#fff; }
div.moblie-menu- .top-- > div:first-child i.um-close { position:relative; font-size:18px; top:1px; }
div.moblie-menu- .btn-top- { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:10px; margin-top:10px; }
div.moblie-menu- .btn-top-.w3- { grid-template-columns:repeat(3, 1fr); }
div.moblie-menu- .btn-top- button { width:100%; border:none; background:#fff; color:var(--txt-color); font-weight:bold; line-height:35px; border-radius:5px; font-size:15px; }
div.moblie-menu- .btn-top- button.on { color:#fff; background:var(--bg-color); border:1px solid #fff; }
div.moblie-menu- .center- { display:grid; height:100vh; grid-template-columns:110px 1fr; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
div.moblie-menu- .center- > div { padding:10px; padding-bottom:120px; }
div.moblie-menu- .center- > div:first-child { background:#fafafa; box-sizing:border-box; border-right:1px solid #ddd; }
div.moblie-menu- .center- > div:first-child > div { font-size:16px; line-height:2.5; cursor:pointer; }
div.moblie-menu- .center- > div:first-child > div.on { color:var(--txt-color); font-weight:bold; }
div.moblie-menu- .center- > div:last-child { padding-left:10px; overflow-y:auto; }
div.moblie-menu- .center- > div:last-child > div { display:none; }
div.moblie-menu- .center- > div:last-child > div.on { display:block; }
div.moblie-menu- .center- > div:last-child > div > div { margin-top:5px; border:1px solid #ddd; padding:10px; max-height:200px; background:#fafafa; overflow-y:auto; }
div.moblie-menu- .center- > div:last-child > div > div.on { display:block; }
div.moblie-menu- .center- > div:last-child > div > h3 { font-size:16px; margin-top:20px; cursor:pointer; }
div.moblie-menu- .center- > div:last-child > div > h3:first-child { margin-top:0px; }
div.moblie-menu- .center- > div:last-child > div > div > a.on { color:var(--txt-color); font-weight:bold; }

.main_banner img { max-width:100%; }

.body- { margin-top:30px; position:relative; }

.bottom-box- {  }
.bottom-box- > div { float:left; width:25%; }

.my-list- colgroup col:nth-child(1) { width:60px; }
.my-list- colgroup col:nth-child(2) { width:auto; }
.my-list- colgroup col:nth-child(n+3) { display:table-column; }
.my-list- tr th:nth-child(n+2) { display:table-cell; }
.my-list- tr td:nth-child(n+2) { display:table-cell; }

h2.view-title- { margin-bottom:50px; font-family:'Noto Sans KR', sans-serif !important; font-size:26px; margin-top:40px; }
h2.view-title- span { color:#ca3a2a; }
h2.tit- span { font-size:15px; color:#ca3a2a; }

.detail-table- {  }
.detail-table- colgroup col:nth-child(1) { width:200px; }

.login-page- { overflow:hidden; text-align: center; margin: 0 auto; margin-top: 50px; position: relative; max-width: 350px; padding: 0 10px; }
.login-page- input[type=text],
.login-page- input[type=password] { line-height:45px; height:45px; border:1px solid #ddd; padding:0 10px; box-sizing:border-box; }
.login-page- img { display:inline-block; text-align:center; margin:0 auto; }
.login-page- .sns- { font-size: 15px; }
.login-page- button.submit- { line-height:40px; font-size:20px; }
.login-page- .login-btn- a { font-size: 15px; }
.login-page- .login-btn- a::after { content: 'Ι'; font-weight: normal; color: #999; padding: 0 10px; }
.login-page- .login-btn- a:last-child::after { content: ''; padding:0px; }
.login-page- .login-btn- { border-bottom:1px solid #ddd; padding-bottom:20px; }


.id_pw_find_page_ { text-align:center; margin:0 auto; margin-top:50px; position:relative; width:350px; }
.id_pw_find_page_ .idpw_div_ { display:none; }
.id_pw_find_page_ .idpw_div_.on { display:block; }
.id_pw_find_page_ .txt_ { color:#777; padding:10px 0; }
.id_pw_find_page_ .logo_ { padding:10px 0; }
.id_pw_find_page_ .tab_ { overflow:hidden; margin-top:10px; display:grid; grid-template-columns:1fr 1fr; }
.id_pw_find_page_ .tab_ > div { text-align:center; cursor:pointer; }
.id_pw_find_page_ .tab_ div > div { border:1px solid #ddd; position:relative; height:40px; line-height:40px; margin-left:-1px; z-index:1; }
.id_pw_find_page_ .tab_ div:first-child > div { margin-left:0px; }
.id_pw_find_page_ .tab_ div.on > div { font-weight:bold; background:var(--bg-color); border:1px solid var(--border-color); color:#fff; z-index:2; }
.id_pw_find_page_ .input_ { overflow:hidden; text-align:right; width:100%; line-height:45px; }
.id_pw_find_page_ .input_ span { position:relative; display:inline-block; width:60px; text-align:left; font-size:15px; }
.id_pw_find_page_ .input_ input[type=text] { border:1px solid #ddd; height:40px; line-height:40px; padding:0 10px; font-size:15px; box-sizing:border-box; width:290px; }
.id_pw_find_page_ .btn_ input { margin-top:10px; width:100%; font-size:15px; border:1px solid #ddd; box-sizing:border-box; color:#fff; line-height:42px; }
.id_pw_find_page_ .copyright_ { border-top:1px solid #ddd; margin-top:20px; padding-top:10px; }


.copyright-menu- { font-size:15px; margin-top:30px !important; padding:10px 10px; line-height:1.8; background:var(--bg-color); overflow:hidden; }
.copyright-menu- a { margin-right:20px; color:#fff; float:none; }

.copyright- { background-color:#f5f5f5; overflow:hidden; padding:10px 0; }
.copyright- > div { overflow:hidden; padding:0px 0; }
.copyright- > div > div { float:left; text-align:center; margin:0 auto; }
.copyright- > div > div > h3 { margin:0px; margin-bottom:8px; font-size:20px; }
.copyright- > div > div.copyright-- { text-align:left; line-height:1.5; }

.service_box1-.shop- .etc- { display:grid; grid-template-columns:repeat(2, 1fr); position:relative; }
.service_box1-.shop- .etc- > div { overflow:hidden; height:20px; line-height:20px; }

.service_guide_popup_ { position:absolute; border:1px solid var(--txt2-color); left:0px; top:0px; z-index:101; background:#fff; top:-9999px; }
.service_guide_popup_ div.btn-- { position:absolute; right:10px; top:12px; color:#fff; cursor:pointer; }
.service_guide_popup_ div.table- { display:table; padding:5px 10px; }
.service_guide_popup_ div.title- { width:100%; }
.service_guide_popup_ h3 { background:var(--txt-color); margin:0px; padding:10px; border-bottom:1px solid var(--txt2-color); color:#fff; }
.service_guide_popup_ div.tr- { display:table-row; }
.service_guide_popup_ div.tr- > div { display:table-cell; padding:5px; }


/*구인구직 css*/

/*구인구직 css*/


@media (max-width: 800px) {
	body { font-size:15px; }
	.mobile_pd0 { padding:0 10px; }
	.mobile_pdt0 { padding:10px 10px 0 10px; }
	.dupl-check- { display:block; }

	.btn-list- { top:5px; right:10px; position:absolute; font-size:25px; }
	.btn-list-.on > i { color:var(--txt-color); }
	.box-info-- { line-height:1.8; }

	.pc-c { display:none !important; }
	thead.pc-c { display:none !important; }
	tr.pc-c { display:none !important; }
	colgroup.pc-c { display:none !important; }
	col.pc-c { display:none !important; }
	th.pc-c, td.pc-c { display:none !important; }
	span.pc-c { display:none !important; }

	.mobile-c { display:block !important; }
	thead.mobile-c { display:table-row-group !important; }
	tr.mobile-c { display:table-row !important; }
	.mobile-inline- { display:block !important; }
	colgroup.mobile-c { display:table-column-group !important; }
	col.mobile-c { display:table-column !important; }
	th.mobile-c, td.mobile-c { display:table-cell !important; }
	span.mobile-c { display:inline-block !important; }

	.mobile-check-block- { overflow:hidden; }
	.mobile-check-block- label { float:left; display:inline-block; width:50%; }

	div.top-menu1- { min-height:50px; }
	div.top-menu1- div.right-- { font-size:25px; }
	div.top-menu1- i { font-size:25px; }
	div.main_banner { margin-bottom:10px; }

	.wrap { width:100% !important; }
	.wrap > div { padding:0 10px; }
	#daum-post-layer > p { height:100vh !important; }
	#daum-post-layer > p > i { right:-25px !important; position:absolute; }
	#daum-post-layer > div { top:0px; width:95% !important; height:100vh; }

	.detail-table- colgroup col:nth-child(1) { width:30%; }

	.my-list- colgroup col:nth-child(n+3) { display:none }
	.my-list- colgroup col:nth-child(1) { width:15%; }
	.my-list- colgroup col:nth-child(2) { width:85%; }
	.my-list- .mobile-c { line-height:1.8; }
	.my-list- .mobile-c .solution-write-price-- { line-height:1.2; }
	.my-list- tr th:nth-child(n+3) { display:none }
	.my-list- tr td:nth-child(n+3) { display:none }

	.page_wrap > .left- { display:none; }
	.page_wrap > .center- { margin-left:0px; }

	.paging a { color:#000; border:1px solid #ddd; height:23px; line-height:23px; width:23px; display:inline-block; }

	.copyright- { overflow:hidden; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
	.copyright- > div > div:first-child { text-align:left; }
	.copyright- > div > div > h3 { font-size:18px; margin-bottom:0px; }
	.copyright- > div > div:nth-child(1) .callcenter-- { margin:0px; font-size:20px; color:#3366cc; }
	.copyright- > div > div:last-child .account-- { margin:0px; font-size:20px; color:#3366cc; }
	.copyright- > div > div.copyright-- { padding:0 10px !important; }

	.copyright-content- { background-color:#f5f5f5; padding:20px; }
	.copyright-content- h3 { margin:0px; }

	.copyright-menu- a { margin-right:20px; color:#fff; float:left; font-size:18px; }

	/*서비스*/
	.service_box1- > div .photo- { width:auto !important; height:50px !important; line-height:auto !important; }
	.service_box1- > div .photo- img { max-width:100% !important; max-height:100% !important; }
}


@media print {
	.no-print- { display:none; }
}