@charset "utf-8";


/* font-face */
@font-face {
	font-family:NanumGothic; src:url(../font/NanumGothic.ttf); font-style:normal; font-weight:normal;
}
@font-face {
	font-family:NanumGothic; src:url(../font/NanumGothic.eot); font-style:normal; font-weight:normal;
}
@font-face {
	font-family:NanumGothic; src:url(../font/NanumGothic.woff); font-style:normal; font-weight:normal;
}

/* common */
body {height:100%; font-family:'NanumGothic','Malgun Gothic',Dotum, Gulim, ; font-size:13px; color:#333; line-height:16px; background:#ececec repeat; padding:0; margin:0;}
html{overflow:auto; overflow-x:auto; /*height:100%;*/}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0; padding: 0; font-family:'NanumGothic','Malgun Gothic',Dotum, Gulim, ; font-size: 13px; color:#555;}
p{line-height:1.5em; margin:0; padding:0;}
abbr,acronym,fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul,dl {list-style:none;}
table{border-spacing:0; border-collapse:collapse;}
legend {display:none;}
input, textarea {vertical-align:middle;}
input.type-image {border: 0 none;}
input.type-text, textarea {margin:3px 0; border:1px solid #d2d2dc; background:#fff; padding:5px;}
select.file {float:left; width:350px; height:50px; margin:3px; border:1px solid #c8c8ca; color:#555; background:#fff;}
select{padding:3px; font-family:NanumGothic; font-size:13px; vertical-align:middle; color:#555;}
img {vertical-align:middle;}
	
a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
table{border-collapse:collapse;}
caption {display:none;}

input[type=text].datepicker {width:85px;}
input[type=text].ac {text-align:center; }
input[type=text].ar {text-align:right; }
input[type=checkbox] {vertical-align:-2px; }
input[type=radio] {vertical-align:-3px; }

/* etc */
button.ui-datepicker-trigger {border:none; *vertical-align:middle; cursor:pointer; background:none; margin-left:-3px;}

#accessibility, .skip, legend{text-indent:-1000px; font-size:0; line-height:0; position:absolute; left:-1000px; visibility:none;}
hr{display:none;}

/* width */
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w45 { width:45px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w65 { width:65px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w95 { width:95px;}
.w100 { width:100px;}
.w105 { width:105px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w135 { width:135px;}
.w140 { width:140px;}
.w145 { width:145px;}
.w150 { width:150px;}
.w155 { width:155px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w195 { width:195px;}
.w200 { width:200px;}
.w207 { width:207px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px;}
.w260 { width:260px;}
.w270 { width:270px;}
.w280 { width:280px;}
.w290 { width:290px;}
.w300 { width:300px;}
.w305 { width:305px;}
.w310 { width:310px;}
.w320 { width:320px;}
.w330 { width:330px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w360 { width:360px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w390 { width:390px;}
.w400 { width:400px;}
.w410 { width:410px;}
.w420 { width:420px;}
.w430 { width:430px;}
.w440 { width:430px;}
.w450 { width:450px;}
.w460 { width:460px;}
.w465 { width:465px;}
.w470 { width:470px;}
.w480 { width:480px;}
.w490 { width:490px;}
.w500 { width:500px;}
.w510 { width:510px;}
.w515 { width:515px;}
.w520 { width:520px;}
.w530 { width:530px;}
.w540 { width:540px;}
.w550 { width:550px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w710 { width:710px;}
.w750 { width:750px;}
.w760 { width:760px;}
.w767 { width:767px;}
.w780 { width:780px;}
.w800 { width:800px;}
.w820 { width:820px;}
.w830 { width:830px;}
.w850 { width:850px;}
.w900 { width:900px;}
.w950 { width:950px;}
.w98p { width:98%;}
.w99p { width:99%;}
.w100p { width:100%;}
.ato {width:auto;}

/* margin */
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt32 {margin-top:32px;}
.mt40 {margin-top:40px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

.pr10 {padding-right:10px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}


.fLeft {float:left;}
.fRight {float:right;}

.clear {clear:both;}

/* align */
.ct {margin-left:auto; margin-right:auto;}
.ar {text-align:right;}
.am {vertical-align:middle;}
.ac {text-align:center;}
.al {text-align:left;}
.at {vertical-align:top;}
.dp {display:inline;}

.oflow {overflow:hidden;}
.displayNone {display:none;}

/* button */
.btnC {text-align:center;} 
.btnR {text-align:right;}

/* 커서 */
.cursor{cursor:pointer;}



/* 조회 */
.btn_inqry {display:inline-block; height:29px; margin-right:1px; margin-left:1px; padding-left:1px; font-family:"NanumGothic"; font-size:13px; color:#fff; line-height:25px; text-align:center; background:url(../images/img_com/button_bg.gif) no-repeat left -128px;}
.btn_inqry a{display:block; height:29px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -128px; text-decoration:none;}
.btn_inqry a:hover{display:block; height:29px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -383px; text-decoration:none;}


/* 상하단 - 일반, 기타 */
.btn_gen {display:inline-block; height:25px; margin-right:1px; margin-left:1px; padding-left:1px; font-family:"NanumGothic"; font-size:12px; color:#fff; line-height:22px; letter-spacing:-1px; text-align:center; background:url(../images/img_com/button_bg.gif) no-repeat left -5px;}
.btn_gen a{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -5px; text-decoration:none;}
.btn_gen a:hover{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -260px; text-decoration:none;}

/* 상하단 - 신청, 엑셀다운로드 */
.btn_blue {display:inline-block; height:25px; margin-right:1px; margin-left:1px; padding-left:1px; font-family:"NanumGothic"; font-size:12px; color:#fff; line-height:22px; letter-spacing:-1px; text-align:center; background:url(../images/img_com/button_bg.gif) no-repeat left -46px;}
.btn_blue a{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -46px; text-decoration:none;}
.btn_blue a:hover{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -301px; text-decoration:none;}

.btn_green {display:inline-block; height:25px; margin-right:1px; margin-left:1px; padding-left:1px; font-family:"NanumGothic"; font-size:12px; color:#fff; line-height:22px; letter-spacing:-1px; text-align:center; background:url(../images/img_com/button_bg.gif) no-repeat left -87px;}
.btn_green a{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -87px; text-decoration:none;}
.btn_green a:hover{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -342px; text-decoration:none;}

.btn_red {display:inline-block; height:25px; margin-right:1px; margin-left:1px; padding-left:1px; font-family:"NanumGothic"; font-size:12px; color:#fff; line-height:22px; letter-spacing:-1px; text-align:center; background:url(../images/img_com/button_bg.gif) no-repeat left -207px;}
.btn_red a{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -207px; text-decoration:none;}
.btn_red a:hover{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -461px; text-decoration:none;}

.btn_inqry2 {display:inline-block; height:25px; margin-right:1px; margin-left:1px; padding-left:1px; font-family:"NanumGothic"; font-size:12px; color:#fff; line-height:22px; letter-spacing:-1px; text-align:center; background:url(../images/img_com/button_bg.gif) no-repeat left -128px;}
.btn_inqry2 a{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -128px; text-decoration:none;}
.btn_inqry2 a:hover{display:block; height:24px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -383px; text-decoration:none;}

/* 그리드내 버튼 */
.btn_grid {display:inline-block; height:22px; margin-right:1px; margin-left:1px; padding-left:1px; font-size:11px; color:#fff; line-height:20px; text-align:center; letter-spacing:-1px; background:url(../images/img_com/button_bg.gif) no-repeat left -172px;}
.btn_grid a{display:block; height:22px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -172px; text-decoration:none;}
.btn_grid a:hover{display:block; height:22px; padding-top:1px; padding-right:2px; color:#fff; background:url(../images/img_com/button_bg.gif) no-repeat right -427px; text-decoration:none;}

.btn_grid_1 {display:inline-block; height:22px; margin-right:1px; margin-left:1px; padding-left:1px; font-size:11px; color:#444; line-height:21px; text-align:center; letter-spacing:-1px; background:url(../images/img_com/button_bg.gif) no-repeat left -207px;}
.btn_grid_1 a{display:block; height:22px; padding-top:1px; padding-right:2px; color:#444; background:url(../images/img_com/button_bg.gif) no-repeat right -207px; text-decoration:none;}
.btn_grid_1 a:hover{display:block; height:22px; padding-top:1px; padding-right:2px; color:#444; background:url(../images/img_com/button_bg.gif) no-repeat right -461px; text-decoration:none;}

/* 그리드위버튼 */
.btn_gtBlue {display:inline-block; height:22px; margin-right:1px; margin-left:1px; border:1px solid #4171ad; border-radius:2px; font-family:NanumGothic; font-size:11px; color:#fff; letter-spacing:-1px; text-align:center; background:#578ec0;}
.btn_gtBlue a{display:block; height:18px; padding:4px 10px 0 10px; color:#fff; background:#578ec0; text-decoration:none;}
.btn_gtBlue a:hover{display:block; height:18px; color:#fff; background:#3a71a3; text-decoration:none;}

.btn_gtGray {display:inline-block; height:22px; margin-right:1px; margin-left:1px; border:1px solid #63636c; border-radius:2px; font-family:NanumGothic; font-size:11px; color:#fff; letter-spacing:-1px; text-align:center; background:#7b7e8f;}
.btn_gtGray a{display:block; height:18px; padding:4px 10px 0 10px; color:#fff; background:#7b7e8f; text-decoration:none;}
.btn_gtGray a:hover{display:block; height:18px; color:#fff; background:#56596a; text-decoration:none;}

.btn_gtGray_1 {display:inline-block; height:18px; margin-right:1px; margin-left:1px; border:1px solid #63636c; border-radius:2px; font-family:NanumGothic; font-size:11px; color:#fff; letter-spacing:-1px; text-align:center; background:#7b7e8f;}
.btn_gtGray_1 a{display:block; height:14px; padding:1px 10px 3px 10px; color:#fff; background:#7b7e8f; text-decoration:none;}
.btn_gtGray_1 a:hover{display:block; height:14px; color:#fff; background:#56596a; text-decoration:none;}

/* error page */
.error {overflow:hidden; width:650px; height:400px; margin:200px auto; background:url(../images/img_com/img_error.gif) no-repeat;}
.error ul{margin-left:152px;}
.error li{font-family:NanumGothic; font-size:25px; line-height:30px;}
.error li.txt01{color:#2196cc;}
.error li.txt02{color:#333;}
.error .line{margin:45px 0 20px 0; border-top:1px solid #ccc;}
.error p{font-family:NanumGothic; font-size:12px; color:#575a5c; text-align:center;}

/*개발자 추가 start */
/* 지도 */
.dpCount{width:100%; height:100%;text-align:center; padding-top:2px; color:#060c23;font-weight:bold;}

.infoMaker{font-family:NanumGothic; color:#58627d; font-weight:bold; padding:5px 10px; border-radius: 8px; border: 1px solid rgb(207, 207, 207); background-color: rgb(255, 255, 255);}
.infoMaker p.txt01{color:#ea0e47;}
.infoMaker p.txt02{color:#183fd0;}
.infoMakerSkew{border-width: 20px 10px 0px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; margin: 0px; padding: 0px; transform-origin: right bottom; border-image: none; left: 60px; width: 0px; height: 0px; bottom: -13px; position: absolute; box-sizing: content-box !important; pointer-events: none; transform: skewX(0deg);}
/* .infoMakerSkew{height:20px; background:url(../images/img_main/marker01_bottom.png) no-repeat left bottom;} */

.microMaker{width:130px; border: 2px solid rgb(236, 236, 236); background-color: #ffffff;}
.microMakerSkew{border-width: 0px 10px 20px; border-style: solid; border-color: rgb(255, 255, 255) transparent; margin: 0px; padding: 0px; transform-origin: right bottom; border-image: none; left: 60px; width: 0px; height: 0px; bottom: 38px; position: absolute; box-sizing: content-box !important; pointer-events: none; transform: skewX(0deg);}

.soilMaker{border-radius: 5px;height: 40px; font-family: NanumGothic; font-size: 12px; font-weight: bold;border:1px solid rgb(236, 236, 236); background-color:rgba(234, 191, 121, 1); width:130px;}
.soilMakerSkew{border-width: 0px 10px 8px 15px; border-style: solid; border-color: rgba(234, 191, 121, 1) transparent; left: -15px; bottom: 16px; position: absolute;}
/*개발자 추가 end */

/* 마커창 타입02 */
.marker02{overflow:hidden; /*position:absolute;*/ left:155px; top:500px; width:165px; height:52px;}
.marker02.top{padding:13px 10px 10px 10px; background:url(../images/img_main/marker02_top.png) no-repeat left top;}
.marker02.bottom{padding:8px 10px 15px 10px; background:url(../images/img_main/marker02_bottom.png) no-repeat left top;}
.marker02.left{padding:8px 8px 15px 17px; background:url(../images/img_main/marker02_left.png) no-repeat left top;}
.marker02.right{padding:8px 14px 15px 11px; background:url(../images/img_main/marker02_right.png) no-repeat left top;}
.marker02 .wind{float:left; width:40px; padding-top:30px; font-family:NanumGothic; font-size:12px; color:#008fc9; font-weight:bold; text-align:center;}
.marker02 .wind.northeast{background:url(../images/img_main/sign_southwest.png) no-repeat center 10px;}
.marker02 .wind.northwest{background:url(../images/img_main/sign_southeast.png) no-repeat center 10px;}
.marker02 .wind.southeast{background:url(../images/img_main/sign_northwest.png) no-repeat center 8px;}
.marker02 .wind.southwest{background:url(../images/img_main/sign_northeast.png) no-repeat center 8px;}
.marker02 .wind.east{background:url(../images/img_main/sign_west.png) no-repeat center 8px;}
.marker02 .wind.west{background:url(../images/img_main/sign_east.png) no-repeat center 10px;}
.marker02 .wind.south{background:url(../images/img_main/sign_north.png) no-repeat center 8px;}
.marker02 .wind.north{background:url(../images/img_main/sign_south.png) no-repeat center 10px;}
.marker02 ul{float:left; width:90px; margin-left:7px;}
.marker02 li{font-family:NanumGothic; font-size:12px; color:#58627d; font-weight:bold;}
.marker02 .frost{float:left; width:25px; padding:30px 7px 5px 8px; border-left:1px solid #5c5f68; font-family:NanumGothic; font-size:12px; font-weight:bold; text-align:center;}
.marker02 .frost.green{color:#1dae00; background:url(../images/img_main/frost_green.png) no-repeat center top;}
.marker02 .frost.yellow{color:#ff8400; background:url(../images/img_main/frost_yellow.png) no-repeat center top;}
.marker02 .frost.red{color:#ff0000; background:url(../images/img_main/frost_red.png) no-repeat center top;}


/* 마커창 타입01 */
.marker01_bottom{/*position:absolute;*/ left:155px; top:70px; width:137px;}
.marker01_bottom ul{padding:10px 5px 0 5px; background:url(../images/img_main/marker01_bottom.png) no-repeat left top;}
.marker01_bottom li{font-family:NanumGothic; font-size:12px; color:#58627d; font-weight:bold;}
.marker01_bottom li.txt01{color:#ea0e47;}
.marker01_bottom li.txt02{color:#183fd0;}
.marker01_bottom .bottom{height:20px; background:url(../images/img_main/marker01_bottom.png) no-repeat left bottom;}

.marker01_top{position:absolute; left:300px; top:70px; width:137px;}
.marker01_top ul{padding:15px 10px 0 10px; background:url(../images/img_main/marker01_top.png) no-repeat left top;}
.marker01_top li{font-family:NanumGothic; font-size:12px; color:#58627d; font-weight:bold;}
.marker01_top li.txt01{color:#ea0e47;}
.marker01_top li.txt02{color:#183fd0;}
.marker01_top .bottom{height:12px; background:url(../images/img_main/marker01_top.png) no-repeat left bottom;}

.marker01_left{position:absolute; left:450px; top:70px; width:142px;}
.marker01_left ul{padding:10px 10px 0 15px; background:url(../images/img_main/marker01_left.png) no-repeat left top;}
.marker01_left li{font-family:NanumGothic; font-size:12px; color:#58627d; font-weight:bold;}
.marker01_left li.txt01{color:#ea0e47;}
.marker01_left li.txt02{color:#183fd0;}
.marker01_left .bottom{height:12px; background:url(../images/img_main/marker01_left.png) no-repeat left bottom;}

.marker01_right{position:absolute; left:600px; top:70px; width:142px;}
.marker01_right ul{padding:10px 15px 0 10px; background:url(../images/img_main/marker01_right.png) no-repeat left top;}
.marker01_right li{font-family:NanumGothic; font-size:12px; color:#58627d; font-weight:bold;}
.marker01_right li.txt01{color:#ea0e47;}
.marker01_right li.txt02{color:#183fd0;}
.marker01_right .bottom{height:12px; background:url(../images/img_main/marker01_right.png) no-repeat left bottom;}


