@charset "utf-8";
/* Bluewave Web Standard Team KKS 140711, LSJ 140711 */

@font-face{font-family:NBG;src:url(/font/NanumBarunGothic.eot);src:local(※),url(/font/NanumBarunGothic.woff) format('woff')}
/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔바른고딕',NanumBarunGothic,'돋움',dotum,sans-serif;font-size:1em;color:#555;-webkit-text-size-adjust:none}
body{font-size:.75em;line-height:1.8em;word-break:break-all;overflow-x:hidden}
img,fieldset,iframe,button{border:0}
img{vertical-align:top}
li{list-style:none}
em,address{font-style:normal}
input,select,button{vertical-align:middle}

/* Common Add */
caption,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{position:static}
input[type=text],input[type=password]{height:14px;padding:6px 2px;border:1px solid #ccc;vertical-align:middle;-webkit-border-radius:1px;-webkit-appearance:none}

/* input[type=text].readonly{border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4} */
/* input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{border:1px solid #acc7ef;background:#f5f8fd} */
input[type=file]{width:99.5%;height:26px;margin:0;padding:0;background-color:#fff}
input[type=radio]{*width:13px;*height:13px}
select{height:28px;padding:/*\**/4px 0;border:1px solid #ccc;vertical-align:middle}/* IE8 핵 사용 */
:root select{padding:0}
textarea{width:98.2%;padding:5px;border:1px solid #d2d2d2}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;zoom:1}
hr{display:none}
.hfix{height:100%; overflow-y:hidden;}

/* aline */
.fl{float:left}
.fr{float:right}
.of_h{overflow:hidden}
.pr{position:relative}
.db{display:block}
.di_b{display:inline-block !important}
.dn_mbi,.dn_mbi_v3,.dn_v3,.din_mbi,.dbn_mbi{display:none}
.dbn_mbi_v2{display:none !important}
.dn_v2,.dn_v4{display:inline !important;padding:0 !important}
.overflow_h{overflow:hidden;zoom:1}
.tx_ellipsis{display:inline-block;overflow:hidden;width:95%;white-space:nowrap;text-overflow:ellipsis}
.tspace{letter-spacing:-1px}
.tspace_v2{letter-spacing:-2px}  
.hspace{line-height:1.5em}
.fs11{font-size:.92em}
.fs14{font-size:1.167em}
.vt{vertical-align:top}
.vb{vertical-align:bottom}
.vm{vertical-align:middle}
.cb{clear:both}
.bn{background:none !important}
.ft_dotum{font-family:'돋움',dotum}

/* link */

a:link,a:visited{color:#596171;text-decoration:none}
a:active,a:hover,a:focus{color:#596171;text-decoration:none}

/* Skip Navigation */
/*
#u_skip{position:absolute;top:0;left:0;z-index:500;width:100%;height:0}
#u_skip dl,#u_skip dt,#u_skip dd{height:0}
#u_skip a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;font-weight:bold;color:#000;text-align:center;white-space:nowrap}
#u_skip a:hover,#u_skip a:focus,#u_skip a:active{z-index:1000;width:100%;height:auto;padding:10px 0;background:#2cb084;color:#fff}
*/

#u_skip{position:absolute;top:0;left:0;z-index:200;width:100%}
#u_skip a{display:block;position:absolute;top:-50px;left:0;z-index:200;width:100%;padding:10px 0;background:#2cb084;color:#fff;text-align:center;font-weight:bold;text-decoration:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none}

#u_skip a{-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}  

.layer_pop2 { border:solid 1px #2384e2; background:#ffffff; z-index:705; position:absolute; top:3px; left:40px; height:235px; display:none; }
.layer_pop2 .lay_title { padding:0 10px; font-family:dotum; color:#000; height:33px; line-height:33px; border-bottom:solid 1px #bfbfbf; }
.layer_pop2 .close { background:url(/images/btn/layer_close.png); width:20px; height:20px; position:absolute; right:5px; top:7px; cursor:pointer; }
.layer_pop2 .lay_cont { padding:5px 10px; color:#3d3d3d; }
.layer_pop2 .lay_cont li { height:20px; line-height:20px; }
.layer_pop2 .lay_cont span { display:inline-block; height:10px; width:18px; }
.layer_pop2 .lay_cont .posi {line-height:22px; height:22px; vertical-align:top; }
.layer_pop2 .lay_cont .icon_posi { display:inline-block; height:22px; width:25px;   }
.layer_pop2 .lay_cont .first { background:#ff4a2c; margin-right:5px; }
.layer_pop2 .lay_cont .second { background:#fe8aa8; margin-right:5px; }
.layer_pop2 .lay_cont .third { background:#ffbe0e; margin-right:5px; }
.layer_pop2 .lay_cont .fourth { background:#01baff; margin-right:5px; }
.layer_pop2 .lay_cont .fifth { background:#01a40d; margin-right:5px; }
.layer_pop2 .lay_cont .safety { background:#01a40d; margin-right:5px; }
.layer_pop2 .lay_cont .flood1 { background:#ff4a2c; margin-right:5px; }
.layer_pop2 .lay_cont .flood2 { background:#ff6157; margin-right:5px; }
.layer_pop2 .lay_cont .flood3 { background:#f0938d; margin-right:5px; }
.layer_pop2 .lay_cont .flood4 { background:#f5c348; margin-right:5px; }
.layer_pop2 .lay_cont .flood5 { background:#a3c392; margin-right:5px; }

.layer_pop2 .close { background:url(/images/btn/layer_close.png); width:20px; height:20px; position:absolute; right:5px; top:7px; cursor:pointer; }

.layer_pop2 .selCom { height:195px; width:381px; color:#000;  }
/* .layer_pop2 .selCom ul:first-child { border:solid 1px #c3c3c3;  } */
.layer_pop2 .selCom ul { float:left; overflow-y:hidden; overflow-x:hidden; border:solid 1px #c3c3c3; border-left:solid 1px #656565; }
.layer_pop2 .selCom ul select { width:125px; height:195px;font-size:10pt; }
/* .layer_pop2 .selCom li { height:20px; padding:0 5px; width:100%; line-height:20px; } */
/* .layer_pop2 .selCom li:hover { height:20px; background:#4e9aec; color:#fff; } */

/* 범례설명 닫기 */
#btn_rmk_close { vertical-align:middle; position:absolute; left:900px; top:8px; width:12px; z-index:500; }
.open_rmk { cursor:pointer; margin-left:230px; }

/* 청와대 지시사항 */
.safe_value{display:block;background:url(/img/sp_footer.png)no-repeat 0}