@charset "utf-8";


/* --------------------------------------------
 * Common
/* ------------------------------------------ */
#wrap {position:relative; width:100%; min-width:1280px; height:100%; z-index:1}
#wrap.main .vg_img {position:absolute; top:0; left:0; width:100%; height:100%; min-height:947px; background-image:url('../images/main/visual.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; z-index:2}
#wrap.main .vg_img > i {display:block; width:100%; height:100%; background:url('../images/sub/bg_pattern.png') repeat 0 0; z-index:3}

#topWrap {position:relative; width:100%; height:35px; text-align:right; /*background-color: rgba(15,78,135,0.7);*/ z-index:10}
#topWrap .inner {position:relative; width:1280px; height:100%; margin:0 auto; text-align:right; line-height:34px; font-size:12px; font-family:'Nanum'}
#topWrap .inner .txt {float:left; width:1280px; text-align:right; color:#fff;}
#topWrap .inner .txt > div > span {font-family:'NanumBold'; color:#fff}
#topWrap .inner .btnLogin {float:right; position:relative; display:block; width:58px; height:34px; color:#b6cbff; /*background:url('../images/common/btnL.gif') no-repeat 0 5px*/}
#topWrap .inner .btnLogin span {display:block; position:absolute; top:0; right:0; width:100%; text-align:center; cursor:pointer}
#topWrap .ver {letter-spacing:-1px; font-size:11px; font-family:"돋움", Dotum; color:#d4d4d4 !important;}

/*
#topWrap > div {width:135px; height:100%; margin:0 auto}
#topWrap > div a {overflow:hidden; display:block; height:100%; float:left; text-align:center; text-indent:-9999em; background:url('../images/common/top_wrap.jpg') no-repeat 0 0}
#topWrap > div a.link01 {width:50px; background-position:0 0}
#topWrap > div a.link01.on {background-position:-50px 0}
#topWrap > div a.link02 {width:85px; background-position:-100px 0}
#topWrap > div a.link02.on {background-position:-185px 0}
*/

/* --------------------------------------------
 * KORUS  
/* ------------------------------------------ */
#container_korus {position:relative; width:100%; margin:0 auto; z-index:5}
#container_korus > h1 {position:relative; overflow:hidden; width:1280px; height:70px; margin:0 auto; text-align:center; line-height:70px; font-size:21px; font-family:'NanumBold'; color:#fff; z-index:10}
#container_korus > h1 span {display:inline-block; font-size:30px}
/*
#container_korus .content {position:relative; width:1230px; min-height:805px; padding:30px 25px; margin:0 auto; background-color:#fff; z-index:10}
#container_korus .content .linkMenu {position:absolute; top:70px; left:-100px; width:60px}
.linkMenu li {width:60px; height:60px; margin:0 0 4px 0}
.linkMenu li a, .linkMenu li span {display:block; padding:0; font-size:14px; font-family:'NanumBold'; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}
.linkMenu li a {width:58px; height:58px; background-color:rgba(255, 255, 255, .2); border:1px solid #fff}
.linkMenu li a.on, .linkMenu li a:hover {background-color:#005aab; border-color:#005aab}
.linkMenu li a span {width:50px; height:50px; margin:4px; line-height:50px; text-align:center}
.linkMenu li a span.alarm_war {background-color:#ec1409}
*/


/* --------------------------------------------
 * 대민지원 
/* ------------------------------------------ */
#header {position:relative; width:100%; font-family:'NanumBold'; background-color:#fff; z-index:5}
#header h1.logo {position:absolute; top:5px; left:2px; margin:0; padding:0; line-height:26px; font-size:26px}
#header h1.logo img {vertical-align:top}

#nav {position:relative; width:1280px; height:40px; margin:0 auto}
.gnb {margin:0 auto; text-align:center;  font-size:0px; font-family:'NanumBold'; }
.gnb a {display:inline-block; padding:0 20px; height:40px; line-height:40px;  text-align:center; color:#333; text-decoration: none; font-size:16.5px; letter-spacing: -0.3px;}
.gnb a:hover, .gnb a.on {background-color:#074D8C; color:#fff; text-decoration:none; }
.gnb a.m04 {width:70px}

.login_area {overflow:hidden; display:block; position:absolute; top:7px; right:0; width:26px; height:27px; text-indent:-9999em;}
.login_area span {display:block; float:left; width:26px; height:27px; }
.login_area span.btn_login {margin-top:-1px; background:url('../images/common/ico_login.jpg') no-repeat 0 0}
.login_area span.btn_logout {margin-top:0; background:url('../images/common/ico_login.jpg') no-repeat -26px 0}


#container {position:relative; width:100%; margin:0 auto }
#container > h1 {position:relative; width:1280px; height:30px; margin:0 auto; text-align:center; text-indent:-9999em; z-index:10}
#container > h1 span {display:block; padding-top:30px; font-size:26px; font-family:'NanumBold'; color:#fff}
 
.svisual {position:absolute; top:-80px; left:0; width:100%; height:210px; background-image:url('../images/sub/visual.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; z-index:1}
.svisual > i {display:block; width:100%; height:100%; background:url('../images/sub/bg_pattern.png') repeat 0 0; z-index:5}


.content {position:relative; width:1260px; height:auto; min-height:600px; padding:10px; margin:0 auto; background-color:#fff; z-index:10; -webkit-box-sizing:content-box; box-sizing:content-box;}

#snb {overflow:hidden; position:absolute; top:25px; left:25px; width:210px; min-height:1px}
#snb > h1 {height:116px; margin:0; text-align:center; line-height:116px; font-size:24px; font-family:'NanumBold'; color:#fff; background:#005aab url('../images/sub/snb_h1.png') no-repeat 0 0}
.snbNavi {display:block; overflow:hidden; margin:0; min-height:100px; letter-spacing:-1px; background-color:#fff; border:1px solid #e5e5e5}
.snbNavi li {margin:0; padding:0; line-height:16px; font-size:14px; font-family:'NanumBold'; background-color:#fff; border-bottom:1px solid #e5e5e5}
.snbNavi li a {display:block; padding:13px 10px 13px 15px; margin:0; color:#4d4d4d; background-image:url('../images/sub/snb_dep1.jpg'); background-repeat:no-repeat; background-position:94% 16px}
.snbNavi li a:hover, 
.snbNavi li a:focus, 
.snbNavi li a:active, 
.snbNavi li a.on {color:#005aab; background-image:url('../images/sub/snb_dep1_on.jpg'); text-decoration:none}
.snbNavi li ul {display:none; padding:12px 0 12px 14px; border-top:1px solid #e5e5e5; background-color:#f3f3f3}
.snbNavi li ul li {border:0; margin:0 0 5px 0; font-size:13px; font-family:'Nanum'; background-color:#f3f3f3}
.snbNavi li ul li a {padding:1px 0 1px 10px; background:url('../images/sub/snb_dep2.jpg') no-repeat 0 9px; border:none}
.snbNavi li ul li a:hover, .snbNavi li ul li a:focus, .snbNavi li ul li a:active, 
.snbNavi li ul li a.on {color:#005aab; background:url('../images/sub/snb_dep2.jpg') no-repeat 0 9px}
.snbNavi li.on ul {display:block}



/* --------------------------------------------
 * 로그인
/* ------------------------------------------ */
.loginWrap {width:500px; margin:100px auto 0 auto}
.loginWrap dl {width:100%}
.loginWrap dd {padding:50px 47px 45px; font-family:'NanumBold'; border:1px solid #e5e5e5; border-top:0}
.int_login {width:374px; height:30px; padding:4px 14px; margin-bottom:7px; line-height:30px; vertical-align:middle; border:1px solid #d1d1d1}
.int_login > label {display:inline-block; width:70px; font-size:14px; color:#949494}
.int_login > input {width:80%; padding:0 !important}
.btn_login {display:block; width:100%; margin-top:15px; line-height:53px; text-align:center; font-size:16px; color:#fff; background-color:#005aab; border-top:1px solid #004c90}
.side_txt {position:relative; width:100%; margin-top:13px; font-size:11px; font-family:'돋움',Dotum; vertical-align:middle}
.side_txt > input {position:absolute; top:0; left:0; margin-right:3px}
.side_txt > label {position:relative; display:inline-block; padding-left:20px; line-height:1}

/* --------------------------------------------
 * pop
/* ------------------------------------------ */
#wrap_pop {position:relative; overflow:hidden; min-width:600px; padding:0 4px 4px; background:#005dae url('../images/sub/bg_pop.gif') no-repeat left 0;}
#wrap_pop > h1 {height:40px; margin:0 0 0 14px; line-height:40px; font-size:18px; font-family:'NanumBold'; color:#fff;}
#wrap_pop > .btn_close {position:absolute; top:11px; right:1%; display:block; width:18px; height:18px;}
#wrap_pop > .inner {position:relative; overflow:hidden; padding:17px 15px 30px; margin:0 auto; background-color:#fff;}
#wrap_pop > .inner h2 {padding-left:10px; margin-bottom:10px; line-height:20px; font-size:16px; font-family:'NanumBold'; color:#303030; background:url('../images/sub/buPop.gif') no-repeat left 4px;}

#wrap_pop2 {position:relative; overflow:hidden; min-width:600px; padding:0 4px 4px; background:#005dae url('../images/sub/bg_pop.gif') no-repeat left 0;}
#wrap_pop2>h1 {height:40px; margin:0 0 0 14px; line-height:40px; font-size:18px; font-family:'NanumBold'; color:#fff;}
#wrap_pop2 > .btn_close {position:absolute; top:11px; right:1%; display:block; width:18px; height:18px;}
#wrap_pop2 > .inner {position:relative; overflow:hidden; padding:17px 15px 20px; margin:0 auto; background-color:#fff;}


.popDiv {position:absolute; overflow:hidden; top:0px; left:0px; width:630px; padding:0 4px 4px; background:#009abd url('../images/main/bg_pop.png') no-repeat -5px -5px; z-index:100}
.popDiv > h1 {height:40px; margin:0 0 0 10px; line-height:40px; font-size:18px; font-family:'NanumBold'; color:#fff}
.popDiv > .btn_close {position:absolute; top:11px; right:1%; display:block; width:18px; height:18px}
.popDiv > .inner {position:relative; overflow:hidden; padding:17px 15px 30px; margin:0 auto; background-color:#fff}
.popDiv > .inner .tab {overflow:hidden; margin-bottom:20px}
.popDiv > .inner .tab li {float:left; width:50%; height:40px; line-height:40px; text-align:center}
.popDiv > .inner .tab li a {display:block; line-height:38px; font-size:14px; font-family:'NanumBold'; color:#303030; background-color:#f6f6f6; border:1px solid #ddd}
.popDiv > .inner .tab li.on a {color:#fff; background-color:#213152; border-color:#213152}
.popDiv > .inner h2 {padding-left:10px; margin-bottom:10px; line-height:20px; font-size:16px; font-family:'NanumBold'; color:#303030; background:url('../images/sub/buPop.gif') no-repeat left 4px;}


/*********메인 공지사항, 보도자료 리스트 현규 추가 */

.mainNoticDiv {position:absolute; overflow:hidden; top:0px; left:0px; }
.mainNoticDiv > h1 {height:40px; margin:0 0 0 10px; line-height:40px; font-size:18px; font-family:'NanumBold'; color:#fff}
.mainNoticDiv > .btn_close {position:absolute; top:11px; right:1%; display:block; width:18px; height:18px}
.mainNoticDiv > .inner {position:relative; overflow:hidden;  margin:0 auto; background-color:#fff}
.mainNoticDiv > .inner .tab {overflow:hidden; margin-bottom:20px}
.mainNoticDiv > .inner .tab li {float:left; width:50%; height:40px; line-height:40px; text-align:center}
.mainNoticDiv > .inner .tab li a {display:block; line-height:38px; font-size:14px; font-family:'NanumBold'; color:#303030; background-color:#f6f6f6; border:1px solid #ddd}
.mainNoticDiv > .inner .tab li.on a {color:#fff; background-color:#213152; border-color:#213152}
.mainNoticDiv > .inner h2 {padding-left:10px; margin-bottom:10px; line-height:20px; font-size:16px; font-family:'NanumBold'; color:#303030; background:url('../images/sub/buPop.gif') no-repeat left 4px;}


#footer { width:100%; height:50px; background-color: #fff; position:relative; z-index:5; margin-top:40px;}
#footer .foot_wrap { width:1280px; margin: 0 auto;}
#footer .f_logo { float:left;}
#footer .f_logo a { display:block; width:200px; height:50px; background: url(../images/main/f_logo.png) no-repeat center center; }
#footer .address_wrap { float:left; width:930px; padding-top:7px;}.
.address { color:#333;}
.address span {padding-left:10px; }
.copy { color:#999; }
.copy a { margin-left:10px; padding:1px; border: 1px solid #ddd; background-color:#e6e6e6;}
#footer .count_wrap { float: left; width:150px; margin-top:3px;  }
#footer .count_wrap p { color:blue; text-indent:5px; letter-spacing:1px; margin:3px 0;  font-family: 'Nanum'; background-color:#f1f1f1;}
.count_wrap { font-size:12px;}
.today { }
.today span,.total span { display:inline-block; width: 55px; color:#333; letter-spacing:0px; font-family: 'NanumBold';}
.total { }