@charset "UTF-8";
#header { display:none;}
#content { max-width:none;padding:0}
h1.logo { padding:6px 0;text-align:center;}
.selectBox { width:100%;max-width:234px; }
.selectBox,
.inputBox { margin-bottom:7px}
.selectBox select,
.inputBox input[type="text"] { width:100%;height:35px;padding:5px 13px;border:1px solid #dcdcdc;font-size:13px; }

.mapWrap { width:100%;height:100%}
.mapWrap .sample { width:100%;height:100%;}

.moLogo,
.btnMoDrop,
.btnMapClose { display:none; }
.btnDrop { position:absolute;top:50%;left:410px;z-index:500;margin-top:-26px; }
.btnDrop a { overflow:hidden;display:inline-block;width:52px;height:50px;background-color:#029372;background-image:url(/images/map/icon_arrow.png);background-repeat:no-repeat;background-position:55% 100%;border-top-right-radius:50%;border-bottom-right-radius:50%;text-indent:-999px;-webkit-box-shadow:3px 1px 8px 1px rgba(0,0,0,0.3);-moz-box-shadow:3px 1px 8px 1px rgba(0,0,0,0.3);box-shadow:3px 1px 8px 1px rgba(0,0,0,0.3); }

#searchOption { overflow-y:auto;position:fixed;top:0;left:0;width:420px;height:100%;margin-bottom:10px;background-color:#fff;border-right-style:solid;border-right-width:10px;border-color:#029372;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-box-shadow:3px 1px 8px 0px rgba(0,0,0,0.3);
-moz-box-shadow:3px 1px 8px 0px rgba(0,0,0,0.3);
box-shadow:3px 1px 8px 0px rgba(0,0,0,0.3);z-index:200;}
.navLeft { padding:10px 16px 20px; }
.navLeft ul { background-color:#fff;font-size:0; }
.navLeft ul li { display:inline-block;width:30.33333%;margin:0 1.5%;font-size:14px; }
.navLeft ul li a { display:block;width:100%;height:90px;padding-bottom:13px;border:1px solid #5aa796;background-color:#fff;color:#459483;font-size:17px;text-align:center;}
.navLeft ul li a span { display:block;padding-top:58px;background-repeat:no-repeat;background-position:50% 12px; }
.navLeft ul li a:hover,
.navLeft ul li a:focus,
.navLeft ul li .active { color:#fff;background-color:#5aa796;-webkit-transition:background-color 0.3s;transition:background-color 0.3s; }
.navLeft ul li a:hover span,
.navLeft ul li a:focus span,
.navLeft ul li .active span { color:#fff; }
.navLeft ul li .itemSearch span { background-image:url(/images/map/icon_search.png); }
.navLeft ul li .itemSearch:hover span,
.navLeft ul li .itemSearch:focus span,
.navLeft ul li .itemSearch.active span { background-image:url(/images/map/icon_search_on.png);}
.navLeft ul li .farmlandInfo span { background-image:url(/images/map/icon_info.png); }
.navLeft ul li .farmlandInfo:hover span,
.navLeft ul li .farmlandInfo:focus span,
.navLeft ul li .farmlandInfo.active span { background-image:url(/images/map/icon_info_on.png); }
.navLeft ul li .chartSearch span { background-image:url(/images/map/icon_chart.png); }
.navLeft ul li .chartSearch:hover span,
.navLeft ul li .chartSearch:focus span,
.navLeft ul li .chartSearch.active span { background-image:url(/images/map/icon_chart_on.png); }

/* 검색 옵션 */
.mapSearchWrap { -webkit-transition:0.4s;transition:0.4s;transform:translateX(-100%); }

.searchCon { display:none; }
.searchCon .titBox { position:relative;padding:23px 18px;border-top:1px solid #029372;border-bottom:1px solid #b2d3cb}
.searchCon .titBox .tit { color:#029372;font-weight:500;font-size:22px}
.btnRefresh { display:inline-block;position:absolute;top:50%;right:15px;width:90px;height:33px;margin-top:-16px;padding-left:22px;background:#819490;color:#fefefe;font-size:15px;text-align:center;border-radius:30px}
.btnRefresh .iconRefresh { display:inline-block;position:absolute;top:8px;left:13px;width:15px;height:17px;background:url(/images/map/icon_refresh.png) 0 0 no-repeat}
.btnRefresh .iconRefresh.on { -webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:2s;transition:2s}

.tickSH .btnRefresh { right:75px;}
.btnSHcondition { display:inline-block;position:absolute;top:19px;right:15px;width:30px;height:33px;background:#fff;}
.btnSHcondition .iconCondition { display:inline-block;position:absolute;top:8px;right:35px;width:15px;height:17px;background:url(/images/board/btn_jisaSearchOn.gif) 0 0 no-repeat;}
.btnSHcondition .iconCondition.on { -webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:2s;transition:2s}

.searchCon .labelWrap { position:absolute;top:0;left:0;width:27.778%;height:100%;padding-top:7px;color:#000;font-weight:300;font-size:15px;text-align:center;line-height:20px}
.searchCon .labelWrap p { line-height:20px}
.searchCon .selectGroup { margin:0 15px;padding:24px 0;border-bottom:1px solid #dcdcdc; }
.searchCon .selectGroup > ul > li { position:relative;padding-left:27.778%; }
.mapBtn { padding-top:3px;padding-right:17px;text-align:right}
.mapBtn .btn { display:inline-block;min-width:118px;height:40px;padding:0 15px;border:1px solid #029372;background:#fff;color:#008c6c;font-size:16px;text-align:center; }
.searchCon .formGroup { position:relative;margin:0 15px;padding:23px 12px 16px 27.778%;border-bottom:1px solid #dcdcdc}
.searchCon .formGroup > .labelWrap { padding-top:48px; }
.inputGroup .inputBox { position:relative;width:100%;max-width:245px;padding-left:65px; }
.inputGroup .inputBox label,
.inputGroup .inputBox p.label { display:inline-block;position:absolute;top:0;left:0;width:65px;padding-top:9px;color:#000;font-weight:300;font-size:15px;text-align:left; }
.mapSearch { padding-top:20px;padding-bottom:43px;text-align:center}
.mapSearch .btn { display:inline-block;width:158px;height:48px;background:#029372;background-position:35% 62%;background-image:url(/images/content/btn_match_search.png);background-repeat:no-repeat;color:#fff;font-size:16px;padding-left:22px;}

.radioGroup { position:relative;margin:0 15px;padding:23px 0 7px 27.778%; }
.radioGroup .labelWrap { padding-top:32px}
.radioBox { position:relative;}
.radioBox input[type="radio"] { overflow:hidden;position:absolute !important;top:0;left:-9999px;height:1px;width:1px;border:0; }
.radioBox label { display:inline-block;float:left;width:118px;height:43px;padding-top:15px;border:1px solid #dcdcdc;border-left:none;color:#000;font-weight:300;font-size:15px;text-align:center;cursor:pointer}
.radioBox label:nth-of-type(1) { border-left:1px solid #dcdcdc}
.radioBox input[type="radio"]:checked + label { background:#e6f6f3;color:#098a64;border:1px solid #99cfc1}
.radioBox input[type="radio"]:checked + label span { display:inline-block;position:relative}
.radioBox input[type="radio"]:checked + label span:after { content:'';position:absolute;top:100%;left:0;width:100%;height:1px;margin-top:4px;background:#029372}

.beonji { position:relative;margin:0 15px;padding-left:27.778%;padding-bottom:16px;border-bottom:1px solid #dcdcdc}
.beonji .inputBox input { width:109px}
.beonji .inputBox .hypen { display:inline-block;padding:0 2px}

.resultWrap { padding:37px 6%; }
.resultWrap .totalTit { padding-bottom:16px;color:#040404;font-weight:500;font-size:18px}
.filter { display:block;position:relative;overflow:hidden}
.filter:after { content:'';position:absolute;bottom:0;left:192px;width:100%;height:1px;background:#029372}
.filter li { float:left;width:96px;height:40px;border-top:1px solid #bdbdbd;border-bottom:1px solid #029372;}
.filter li a { display:block;padding-top:14px;color:#666767;font-size:17px;text-align:center}
.filter .first { border-left:1px solid #bdbdbd;}
.filter .second { border-right:1px solid #bdbdbd;}
.filter li.active { border:1px solid #029372;border-bottom:1px solid #fff;background:#eff7f6}
.filter li.active a { color:#029372 }

.resultConWrap { clear:both;}
.resultConWrap .resultConTit { padding:15px 0;border-top:1px solid #b4b4b4;border-bottom:1px solid #dcdcdc;background:#fafafa;color:#000;font-weight:300;font-size:16px;text-align:center}
.resultCon > li { position:relative;padding:20px 24px 25px 42px;border-bottom:1px solid #dcdcdc}
.resultCon .numWrap { position:absolute;top:16px;left:0;width:44px;height:55px;background:url(/images/map/icon_location.png) 0 0 no-repeat;}
.resultCon .numWrap span { display:inline-block;width:27px;height:27px;margin-top:6px;margin-left:8px;padding-top:5px;border-radius:50%;background:#fff;color:#723dbb;font-weight:500;font-size:18px;text-align:center;}
.resultCon .resultBox li { float:left;padding:0 12px;color:#000;font-weight:300;font-size:15px}
.resultCon .resultBox li.top { font-weight:500;font-size:18px}
.resultCon .resultBox .category { border-right:1px solid #dcdcdc}
.resultCon .resultBox li.addr { clear:both;margin-bottom:8px;padding-top:12px;line-height:1.4; }
.resultCon .resultBox .other,
.resultCon .resultBox .jimog { margin-bottom:14px;border-left:1px solid #dcdcdc}
.resultCon .resultBox .jimog { clear:both;border-left:none}
.resultCon .resultBox li.date { clear:both;}
.resultCon .resultBox li.date .deadline { color:#d12222;font-weight:400}
.resultCon .resultBox li.status { border-left:1px solid #dcdcdc;letter-spacing:-1px}
.resultCon .resultBox li.status .btn_view_status { display:inline-block;position:relative}
.resultCon .resultBox li.status .btn_view_status:after { content:'';position:absolute;top:100%;left:0;width:100%;height:2px;margin-top:6px;background:#bcbcbc}
.applyArchive { position:absolute;top:20px;right:15px}

.resultCon.info { border-top:1px solid #dcdcdc}
.resultCon.info > li { padding-bottom:16px}
.resultCon.info .resultBox li.addr { padding-top:0}
.btnDetail { text-align:right}
.btnDetail .btn { display:inline-block;width:95px;height:34px;padding-top:8px;padding-left:15px;border:1px solid #dcdcdc;background-color:#fff;background-image: url(/images/map/icon_view.png);background-position:10px 10px;background-repeat:no-repeat;color:#313131;font-size:14px;text-align:center}

.radioGroup2 { position:relative;margin:0 15px;padding-top:27px;padding-bottom:20px;padding-left:25px;border-bottom:1px solid #dcdcdc;color:#000;font-size:15px;font-weight:300}
.radioGroup2 input { position:absolute !important;left:-9999px;height:1px;width:1px;border:0;overflow:hidden;}
.radioGroup2 label { display:inline-block;height:16px;padding-left:23px;background-image:url(/images/map/icon_radio.png);background-position:0 50%;background-repeat:no-repeat;line-height:16px;cursor:pointer}
.radioGroup2 label:last-child { margin-left:50px}
.radioGroup2 input:checked + label { background-image:url(/images/map/icon_radio_checked.png)}

#chartSearch .searchCon .selectGroup { padding:15px 0}
#chartSearch .mapSearch { padding-bottom:25px}
.tblWrap { margin:0 15px;padding-bottom:20px}
.unitBox span { display:block;padding-bottom:5px;padding-right:5px;text-align:right;font-size:15px;font-weight:300}
.unitBox span.on { }
.tblWrap .table { width:100%;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.tblWrap .table th { padding:16px 0}
.tblWrap .table thead th:nth-child(2):after { content:none}
.tblWrap .table thead th:nth-child(2) { border-right:1px solid #dcdcdc}
.tblWrap .table tbody td:nth-child(2) { border-right:1px solid #dcdcdc}
.tblWrap .table td { padding:10px 0;text-align:center}
.tblWrap .table td .color { display:inline-block;width:30px;height:30px;border-radius:50%}
.tblWrap .table td .color1 { background-color:#003E00; }
.tblWrap .table td .color2 { background-color:#1B6200; }
.tblWrap .table td .color3 { background-color:#3F8600; }
.tblWrap .table td .color4 { background-color:#63AA00; }
.tblWrap .table td .color5 { background-color:#87CE00; }
.tblWrap .table td .color6 { background-color:#ABF200; }
.tblWrap .table td .color7 { background-color:#CFFF24; }
.tblWrap .table td .color8 { background-color:#F3FF48; }
.tblWrap .table td .color9 { background-color:#FFFF7E; }
.tblWrap .table td .color10 { background-color:#FFFFC6; }
.tblWrap .table td .color11 { background-color:#EAEAEA; }

.mapSearchWrap.active { -webkit-transform:translateX(0);transform:translateX(0);z-index:1000;
-webkit-transition:transform 0.7s;transition:transform 0.7s}
.mapSearchWrap.active .searchCon { display:block;/*max-width:none;max-height:none;width:390px;opacity:1;*/}

body.on .btnDrop { left:0; }
body.on .btnDrop a { background-position:65% 0; }
body.on #searchOption { width:10px}
body.on .mapSearchWrap { display:none; }


.btnPop { display:none;position:absolute;top:0;right:0;width:190px;height:110px;padding-top:45px;background:#fff;border:1px solid #dcdcdc;text-align:center;-webkit-box-shadow:-4px 6px 10px -1px rgba(0,0,0,0.25);
-moz-box-shadow:-4px 6px 10px -1px rgba(0,0,0,0.25);
box-shadow:-4px 6px 10px -1px rgba(0,0,0,0.25);}
.btnPop .close { display:inline-block;position:absolute;top:15px;right:15px}
.btnPop ul { display:inline-block}
.btnPop ul li { float:left;}
.btnApply { display:inline-block;width:65px;height:40px;padding-top:13px;background:#2e7062;color:#fff;font-weight:300;font-size:15px;text-align:center;}
.btnArchive { display:inline-block;left;width:65px;height:40px;padding-top:13px;background:#888888;color:#fff;font-weight:300;font-size:15px;text-align:center}
.btnApply:hover, .btnArchive:hover { color:#fff; }

/* 매물 상세 팝업 */
.mapConPopup { position:relative;padding-bottom:19px;display:none;}
.mapConPopup .resultCon { position:relative;width:380px;padding:20px 15px;border:1px solid #d9d9d9;background:#fff;-webkit-box-shadow:3px 6px 4px 0px rgba(0,0,0,0.28);-moz-box-shadow:3px 3px 4px 0px rgba(0,0,0,0.28);box-shadow:3px 3px 4px 0px rgba(0,0,0,0.28);}
/*.mapConPopup .resultCon:after { content:url(/images/map/icon_arrow_bottomw.png);position:absolute;top:100%;left:140px}*/
.mapConPopup .resultCon p #lblPnuAddr { display: block;padding-right:30px;font-size:16px; }
.mapConPopup .resultCon .close { position:absolute;top:18px;right:15px}
.mapConPopup .resultBox { padding:0 15px;padding-bottom:15px}
.mapConPopup .resultBox .category,
.mapConPopup .resultBox .number { color:#000;font-weight:400;font-size:16px}
.mapConPopup .resultBox .number a { text-decoration:underline}
.mapConPopup .resultBox .category { font-weight:500}
.mapConPopup .resultBox li.addr { width:100%;margin-bottom:0;margin-top:12px;padding-bottom:13px;border-top:1px solid #d9d9d9}

.mapConPopup .resultKind { border-top:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;height:41px;}
.mapConPopup .resultKind ul li { float:left;padding:0 10px;min-width:97px;display:inline-block;height:29px;border:1px solid #b5bcc7;background:#fff;text-align:center;line-height:30px;margin:10px 1px 0 0;border-bottom:0;font-size:14px;cursor:pointer;}
.mapConPopup .resultKind ul li.active { margin:5px 1px 0 0;height:35px;padding-top:5px;background:#cfe5fa;font-weight:500;}

.mapConPopup table.lblresultData { width:100%;margin-top:5px;font-size:13px;}
.mapConPopup table.lblresultData thead th { border:1px solid #b4b4b4;height:30px;font-weight:500;}
.mapConPopup table.lblresultData tbody th { width:40%;border:1px solid #b4b4b4;height:30px;font-weight:400;}
.mapConPopup table.lblresultData tbody td { width:60%;border:1px solid #b4b4b4;height:30px;padding-left:10px}
.mapConPopup table.hide { display:none;}

.mapConPopup .applyArchive { display:block;position:relative;top:auto;right:auto;padding:15px 20px 20px;text-align:center}
.mapConPopup .applyArchive ul { float:right}
.mapConPopup .applyArchive ul li { float:left}
.mapConPopup .btnDetail { float:left}
.mapConPopup .btnDetail .btn { height:40px;padding-top:12px;background-position:10px 14px }
.mapConPopup .btnApplyPop { display:inline-block;width:65px;height:40px;padding-top:13px;background:#2e7062;color:#fff;font-weight:300;font-size:15px;text-align:center;}
.mapConPopup .applyArchive .btnCansel,
.mapConPopup .applyArchive .btnApply { display:none;float:left;width:80px;height:40px;background:#029372;padding-top:13px; color:#fff;font-size:15px;text-align:center}
.mapConPopup .applyArchive .btnApply { background:#2e7062}
.hopePrice { display:none;position:relative;padding-bottom:15px;padding-left:104px; }
.hopePrice .labelWrap { position:absolute;top:0;left:0;width:104px;padding-top:15px;color:#151515;font-size:15px;text-align:center}
.hopePrice .inputBox { position:relative;width:100%;padding-right:30px}
.hopePrice .inputBox input { text-align:right}
.hopePrice .inputBox > span { display:inline-block;position:absolute;top:0;right:10px;padding-top:15px;color:#000;font-weight:300;font-size:15px}

.mapConPopup.active .applyArchive { background:#f2f2f2}
.mapConPopup.active .resultCon:after { content:url(/images/map/icon_arrow_bottomg..png);}
.mapConPopup.active .btnDetail { display:none}
.mapConPopup.active .applyArchive .btnArchive,
.mapConPopup.active .applyArchive .btnApplyPop { display:none}
.mapConPopup.active .applyArchive > ul { float:none;display:inline-block}
.mapConPopup.active .applyArchive .btnCansel,
.mapConPopup.active .applyArchive .btnApply { display:block}
.mapConPopup.active .applyArchive .btnApply { width:80px}

/* 상세보기 */
.detailView { position:relative;width:810px;border:1px solid #d9d9d9;-webkit-box-shadow:3px 6px 4px 0px rgba(0,0,0,0.28);-moz-box-shadow:3px 3px 4px 0px rgba(0,0,0,0.28);box-shadow:3px 3px 4px 0px rgba(0,0,0,0.28);}
.detailView .viewTit { position:relative;padding:0 20px;background:#fafafa;border-bottom:1px solid #d9d9d9;}
.detailView .viewTit h4 { padding:15px 0;padding-left:20px;background:url(/images/map/icon_tit.png) 0 15px no-repeat;color:#000;font-weight:500;font-size:16px}
.detailView .viewTit .close { display:inline-block;position:absolute;top:13px;right:20px}
.detailView .viewWrap { padding:23px 30px}
.detailView .filter a { font-size:15px}
.detailView .caution { padding-top:24px;padding-bottom:12px;color:#ce1111;font-size:15px;text-align:right;}
.detailView .viewWrap .table { border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:none}
.detailView .viewWrap .table ul li { position:relative;float:left;width:50%; padding-left:130px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.detailView .viewWrap .table ul li .label { position:absolute;top:0;left:0;width:130px;height:100%;padding-top:15px;border-right:1px solid #dcdcdc;text-align:center;background:#fafafa;color:#000;font-weight:300;font-size:15px}
.detailView .viewWrap .table ul li .infoText { padding:12px 17px;line-height:20px;font-size:15px}
.detailView .viewWrap .table ul li.address { float:none;width:100%}

/* 우측 상단 버튼 */
#spaceMap_toggle { position:absolute;z-index:100;top:5px;right:5px;margin:2px;}
#spaceMap_toggle > a { display:block;float:left;width:50px;height:26px;background:#d8e6fd;border:1px solid #32405b;border-radius:3px;color:#1f1f1f;font-weight:500;font-size:12px;text-align:center;line-height:26px;}
#spaceMap_toggle a.first { border-right:none}
#spaceMap_toggle > a.active { background:#32405b;color:#fff;}

#guideline_toggle { position:absolute;z-index:100;top:5px;right:112px;margin:2px;}
#guideline_toggle > a { display:block;float:left;width:60px;height:26px;background:rgba(255,255,255,0.9);border:1px solid #dcdcdc;border-radius:3px;color:#000;font-weight:500;font-size:12px;text-align:center;line-height:26px;}
#guideline_toggle > a.active { color:#029372;border-color:#029372}

#spaceIcon_toggle { position:absolute;z-index:100;top:5px;right:239px;}
#spaceIcon_toggle div { float:left;width:35px;height:26px;}
#spaceIcon_toggle div.toolbar_clear { }
#spaceIcon_toggle div.toolbar_dist { }
#spaceIcon_toggle > a { display:block;float:left;margin:2px;width:60px;height:26px;background:rgba(255,255,255,0.9);border:1px solid #dcdcdc;border-radius:3px;color:#000;font-weight:500;font-size:12px;text-align:center;line-height:26px;}
#spaceIcon_toggle > a.active { color:#029372;border-color:#029372}

/* loading */
#firstPageLoading { position:absolute;top:0;width:100%;height:100%;text-align:center;z-index:200;}
#fboPageLoading { display:none;position:absolute;width:100%;height:100%;text-align:center;z-index:200;}
#flndPageLoading { display:none;position:absolute;width:100%;height:100%;text-align:center;}
#statPageLoading { display:none;position:absolute;width:100%;height:100%;text-align:center;}

/* 우선순위별 신청상태 팝업 */
.popup_view_status { display:none;min-width:310px;position:absolute;top:0;left:0;padding:20px 12px 5px 12px;border:1px solid #999797;background-color:#fff;z-index:10;box-shadow:0px 3px 12px 2px rgba(56,56,56,0.4);-webkit-box-shadow:0px 3px 12px 2px rgba(56,56,56,0.4);-moz-box-shadow:0px 3px 12px 2px rgba(56,56,56,0.4);-ma-box-shadow:0px 3px 12px 2px rgba(56,56,56,0.4);}
.popup_view_status .view_top { position:relative;padding:3px 0;padding-bottom:15px;text-align:center;} 
.popup_view_status .view_top h3 { display:inline-block;margin:0;padding:0;background:none;color:#000;font-weight:700;font-size:18px}
.popup_view_status .view_top .btn_close { position:absolute;top:0;right:12px;display:inline-block;float:right;}
.popup_view_status .view_status_table tr th { padding:14px 0;}
.popup_view_status .view_status_table tr td { padding:14px 0;text-align:center;line-height:20px}
.popup_view_status .view_status_table { border-bottom:none;}

@media all and (max-width:1023px) {
    .btnDrop { display:none; }
    .moLogo { display:block;position:fixed;top:0;left:0;width:100%;margin:0 auto;padding-top:3px;padding-bottom:14px;background-color:#fff;text-align:center;z-index:110; }
    h1.logo { padding:3px 0 14px; }
    .logo { padding-top:7px;padding-bottom:10px; }
    .logo img,
    .moLogo img { width:220px; }
    .btnMoDrop { display:block;position:fixed;top:0;left:0;text-align:center;z-index:200;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
    .btnMoDrop button { overflow:hidden;display:inline-block;width:55px;height:52px;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#fff;background-image:url(/images/map/icon_hamburger_lg.png);background-repeat:no-repeat;background-position:50% 50%;background-size:22px auto;text-indent:-999px; }
    .navLeft { padding:15px 3% 17px; }
    .navLeft ul li a { height:45px;padding:0;background-image:none;font-size:14px;line-height:45px; }
    .navLeft ul li a span { display:inline-block;height:100%;padding-top:0;padding-left:26px;background-repeat:no-repeat;background-position:0 50%;background-size:auto 20px; }
    .navLeft ul li a:hover span,
    .navLeft ul li a:focus span,
    .navLeft ul li .itemSearch span { background-image:url(/images/map/icon_search.png); }
    .navLeft ul li .itemSearch:hover span,
    .navLeft ul li .itemSearch:focus span,
    .navLeft ul li .itemSearch.active span { background-image:url(/images/map/icon_search_on.png);}
    .navLeft ul li .farmlandInfo span { background-image:url(/images/map/icon_info.png); }
    .navLeft ul li .farmlandInfo:hover span,
    .navLeft ul li .farmlandInfo:focus span,
    .navLeft ul li .farmlandInfo.active span { background-image:url(/images/map/icon_info_on.png); }
    .navLeft ul li .chartSearch span { background-image:url(/images/map/icon_chart.png); }
    .navLeft ul li .chartSearch:hover span,
    .navLeft ul li .chartSearch:focus span,
    .navLeft ul li .chartSearch.active span { background-image:url(/images/map/icon_chart_on.png); }

    #searchOption { /*display:none;*/width:100%;border:none;border-right-width:thin;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;background:transparent;transform:translateX(-100%);transition:0.3s; }
    .searchCon .titBox { padding:18px; }
    .searchCon .titBox .tit { font-size:1.214em; }
    .searchCon .selectGroup { margin:0 6%;padding:12px 0; }
    .searchCon .formGroup { margin:0 6%;;padding:12px 12px 8px 27.778%; }
    .searchCon .formGroup > .labelWrap { top:50%;height:auto;padding-top:0;transform:translateY(-50%); }
    .mapBtn { padding-right:0; }
    .mapSearch { margin-top:20px;padding:0 6%; }
    .mapSearch .btn { width:100%;padding-left:0;background-image:none; }
    .radioGroup { margin:0 6%; }
    .radioBox label { width:50%; }
    .beonji { margin:0 6%; }
    .beonji .inputBox { font-size:0; }
    .beonji .inputBox input { display:inline-block;width:47%;font-size:14px;vertical-align:top; }
    .beonji .inputBox .hypen { margin-top:10px;font-size:14px;vertical-align:top; }
    .radioGroup2 label:last-child { margin-left:10px; }
    .resultCon .resultBox li { padding:0 6px; }
    .tblWrap,
    .radioGroup2 { margin:0 6%; }

    h1.logo,
    .navLeft,
    .mapSearchWrap { display:none; }
    body.on h1.logo,
    body.on .navLeft,
    body.on .mapSearchWrap { display:block; }
    body.on #searchOption { max-width:420px;width:100%;box-shadow:3px 1px 8px 0px rgba(0,0,0,0.3);background:#fff;transform:translateX(0); }
    body.on .mapSearchWrap { display:block; }
    body.on .btnMapClose { display:block;position:absolute;top:0;left:0;width:45px;text-align:center;z-index:999; }
    .btnMapClose button { display:block;width:100%;height:100%;padding:15px 12px;background:#fff; }

    .popup_view_status { z-index:210; }
    .mapConPopup .resultCon { width:100%; }
    
    #spaceIcon_toggle,
    #guideline_toggle { top:55px;right:3%; }
    #spaceIcon_toggle { margin-right:134px; }
    
    .mapConPopup { max-width:345px;padding-bottom:19px;display:none;left: 50% !important;transform: translateX(-50%);width: 95% !important; }
}