@charset "utf-8";

@font-face {
  font-family: 'NanumGothic';
  src: url('font/NanumGothic.eot');
  src: url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('font/NanumGothic.woff') format('woff'), /* ie 제외한 나머지 */
       url('font/NanumGothic.ttf') format('truetype'),
       url('font/NanumGothic.svg#NanumGothic') format('svg'); /*모바일브라우져를 위해서*/
  font-weight: normal;
  font-style: normal;
}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,blockquote{padding:0;margin:0;font:normal 14px NanumGothic;color:#777}
ul,ol,dl{list-style:none}
a:link,a:hover,a:visited,a:active{text-decoration:none; color:#777}
hr, .off{display:none}
img{border:0}
a{display:block}
button{border:0;background:#fff}

/* layout */
#main{width:990px; margin:0 auto; position:relative; padding-top:110px}
#footer{position:relative; top:70px;left:0px; border-top:1px solid #ddd; overflow:hidden}
#footer{width:990px; margin:0 auto; padding-top:20px;}
.address{width:990px; padding:30px 0 0;}

#footer1{position:relative; top:330px;left:0px; border-top:1px solid #ddd; overflow:hidden}
#footer1{width:990px; margin:0 auto; padding-top:20px;}
.address{width:990px; padding:30px 0 0;}


/* ********* header ********* */
#header{height:102px; border-bottom:4px solid #0092d1; width:100%; position:absolute; top:0; left:0; z-index:5}
.top .logo{float:left; width:175px; height:45px; margin-top:40px; font-size:0; color:transparent;}
.top{width:990px; margin:0 auto; border-bottom:4px solid #004f9c; height:102px; position:relative}
.top h1{float:left; width:175px; height:45px; margin-top:33px; font-size:0; color:transparent; background:url(../images/logo.jpg) no-repeat}
.top .btn_box{position:absolute; top:8px; left:0;}
.top .btn_box button{width:100px; color:#fff; border:1px solid #535353; padding:4px 10px; font-size:11px; background:url(../images/logo_sitemap.jpg) no-repeat 5px center #535353}
.top .btn_box button:first-child{background:#eee; color:#555;}

.top .menu {position:absolute; top:51px; left:300px;}
.top .menu li{position:relative; float:left;}
.top .menu li a{display:block; text-align:center; padding:15px 30px 17px; color:#000; font:bold 16px NanumGothic;}
.top .menu li.service a{padding:15px 0 17px 17px;}
.top .menu li:hover a{color:#004f9c; background:url(images/point_bue.jpg) no-repeat center bottom}
.top .menu li ul.dep2{display:none; position:absolute; top:51px; left:0; z-index:5; width:170px; color:transparent; background:#fff; border-top:1px solid #ddd}
.top .menu ul.dep2 li{float:none;}
.top .menu ul.dep2 li a{color:#777; background:none; border:1px solid #ddd; border-width:0 1px 1px 1px; font:normal 12px NanumGothic; text-align:left; padding:10px 0 10px 15px}
.top u.menu ul.dep2 li:hover a{background-color:#0099dc; color:#fff; border:1px solid #0099dc; border-width:0 1px 1px 1px}


/* ******* main ******* */
#main .silde_banner{position:relative; height:370px; overflow:hidden}
p.banner{font-size:0; color:transparent; height:95px; background:url(../images/banner.jpg) no-repeat}
ul.banner_list{overflow:hidden; margin-top:30px}
ul.banner_list li{float:left; width:247px}
ul.banner_list li:first-child{width:249px}
ul.banner_list li a{display:block; text-align:center; border-left:1px solid #ccc; font-size:0; color:transparent; line-height:0}
ul.banner_list li:first-child a{border-left:0}

ul.banner_wrap{position:relative; top:0; left:0}
ul.banner_wrap li{float:left}

ul.icon {position:absolute; left:0; bottom:20px}
ul.icon li{float:left; font-size:0; color:transparent; width:18px; height:14px; cursor:pointer}
ul.icon li.play{background:url(../images/icon_play.jpg) no-repeat;}
ul.icon li.stop{background:url(../images/icon_stop.jpg) no-repeat;}
ul.icon li.on{background:url(../images/icon_selected.jpg) no-repeat;width:44px}
ul.icon li{background:url(../images/icon_unselected.jpg) no-repeat;}


/* bord */
#subPageCont .title li{overflow:hidden; margin-top:20px}
#subPageCont .title li{float:left; width:316px; padding-left:20px}
#subPageCont .title li:first-child{padding-left:0;width:652px}
#subPageCont .title li h3{border-bottom:2px solid; font:bold 14px NanumGothic; padding:7px 0 10px;}
#subPageCont .title li h3.text_orange{border-top-color:#535353; color:#535353}
#subPageCont .title li h3.text_blue2{border-top-color:#004f9c; color:#004f9c}

#subPageCont #listContainer{overflow:hidden; height:400px; float:left}
#subPageCont #listContainer{position:absolute; left:0; top:860px}
#subPageCont #listTable {margin-top:30px; clear: both; width:640px }

#subPageCont #listTable th {border-bottom: 1px solid #707580; font-size: 13px; font-weight: bold; line-height: 35px;}
#subPageCont #listTable td { font-size: 13px; color:#898989; border-bottom: 1px solid #efefef; text-align: center; padding:10px 0;}
#subPageCont #listTable tr:last-child td {border-bottom: 1px solid #707580;}

#subPageCont #listTable td.tableContent {text-align: left; padding-left: 10px; }
#subPageCont #listTable td.tableContent a {color:#898989; display:inline-block; max-width:380px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}

#subPageCont .bord2{overflow:hidden; height:360px; float:right}
#subPageCont .bord2{position:absolute; right:0; top:865px}
#subPageCont .bord2 #listTable1 {margin-top:30px; clear: both; width:320px }
#subPageCont .bord2 #listTable1 th {border-bottom: 1px solid #707580; font-size: 13px; font-weight: bold; line-height: 35px;}
#subPageCont .bord2 #listTable1 td {font-size: 12px; color:#898989; border-bottom: 1px solid #efefef; text-align: center; padding:8px 0;}
#subPageCont .bord2 #listTable1 tr:last-child td {border-bottom: 1px solid #707580;}

#subPageCont .bord2 #listTable1 td.tableContent {text-align: left; padding-left: 10px; }
#subPageCont .bord2 #listTable1 td.tableContent a {color:#898989; display:inline-block; max-width:380px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}




.cyber_link{overflow:hidden; height:90px; background:#004f9c}
.cyber_link1{position:relative; width:990px; float:left;}
.cyber_link1 h2{color:#fff100;font-weight:bold; font-size:20px; width:640px; height:90px; text-align:center; line-height:100px}
.cyber_link1 ul{position:absolute; right:0; top:0}
.cyber_link1 ul li{float:left; width:105px;}
.cyber_link1 ul li a{display:block; border-left:1px solid #3372b0; height:90px; font-size:12px; text-align:center; line-height:130px; color:#fff}
.cyber_link1 ul li.quick_01 a{background:url(../images/quick_01.jpg) no-repeat center 15px;}
.cyber_link1 ul li.quick_02 a{background:url(../images/quick_02.jpg) no-repeat center 15px;}
.cyber_link1 ul li.quick_03 a{background:url(../images/quick_03.jpg) no-repeat center 15px;}
.cyber_link1 ul li.quick_04 a{background:url(../images/quick_04.jpg) no-repeat center 15px;}
.cyber_link1 ul li.quick_05 a{background:url(../images/quick_02.jpg) no-repeat center 15px;}
.cyber_link1 ul li.quick_06 a{background:url(../images/quick_03.jpg) no-repeat center 15px;}
.cyber_link1 ul li.quick_07 a{background:url(../images/quick_04.jpg) no-repeat center 15px;}

#main ul.info{overflow:hidden; margin-top:40px}
#main ul.info li{float:left; width:316px; padding-left:20px}
#main ul.info li:first-child{padding-left:0;width:318px}
#main ul.info li h3{border-top:2px solid; font:bold 14px NanumGothic; padding:7px 0 10px;}
#main ul.info li h3.text_orange{border-top-color:#e76200; color:#e76200}
#main ul.info li h3.text_blue1{border-top-color:#0092d1; color:#0092d1}
#main ul.info li h3.text_blue2{border-top-color:#004f9c; color:#004f9c}
#main ul.info li a img{width:100%}

/* quick menu */
.quick_menu{position:absolute; top:130px; left:1010px; text-align:center;width:105px}
.quick_menu h2{background:#f0f0f0; border:1px solid #bbb;border-bottom:0; font:bold 11px NanumGothic; padding:6px 0 5px; color:#000}
.quick_menu .quick01{background:#004f9c; border:1px solid #004f9c;}
.quick_menu .quick01 li{color:#fff; font-size:25px; padding:8px 0}
.quick_menu .quick01 li.first{border-bottom:1px solid #3372b0; font-size:12px; line-height:17px; }
.quick_menu .quick01 li span{background:#e76200; padding:0 2px; margin:0 1px; color:#fff}
.quick_menu .quick01 li span.font10{font-size:12px;background:none}
.quick_menu .quick01 li p{color:#fff; font-size:12px; padding-top:8px; line-height:14px}
.quick_menu .quick01 li p span.font_10{font-size:10px; background:none}
.quick_menu .quick02{background:#fff}
.quick_menu .quick02 li{border:1px solid #ddd; border-width:0 1px 1px 1px;}
.quick_menu .quick02 li.qu01{background:url(../images/icon01.jpg) no-repeat center 13px;}
.quick_menu .quick02 li.qu02{background:url(../images/icon02.jpg) no-repeat center 13px;}
.quick_menu .quick02 li.qu03{background:url(../images/icon03.jpg) no-repeat center 13px;}
.quick_menu .quick02 li.qu04{background:url(../images/icon04.jpg) no-repeat center 13px;}
.quick_menu .quick02 li a{display:block; padding:35px 0 10px;font-size:11px}
.quick_menu .quick02 li.qu05 a{padding:10px 0;}
.quick_menu .quick02 li a:hover{color:#e76200; font-weight:bold}
.quick_menu .quick02 li.qu05 a strong{color:#004f9c; font:bold 14px NanumGothic}
.quick_menu button.close2{background:url(../images/icon_close2.jpg) 0 -1px; width:23px;height:22px; border:0; font-size:0; color:transparent; float:left}



/* ******* footer ******* */
.over{ overflow:hidden; margin-bottom:20px;}
ul.go_list{float:left; border:1px solid #9ebcd9; border-radius:15px; display:inline-block}
ul.go_list li{float:left;margin:4px 0}
ul.go_list li a{display:inline-block; padding:0 10px; border-left:1px solid #9ebcd9; color:#004f9c; font:bold 11px/11px NanumGothic;}
ul.tel{float:right; border-radius:15px; overflow:hidden}
ul.tel li{float:left;background:#004f9c;padding:5px 6px; font:normal 11px NanumGothic; color:#fff}
ul.tel li a{font:normal 11px NanumGothic; color:#fff; border-left:1px solid #fff;padding:0 10px}
ul.tel li:first-child{background:#e86201 url(../images/icon_tell.jpg) no-repeat 10px center;padding-left:30px;font-weight:bold}

ul.addr{float:left;}
ul.addr li{font:normal 11px NanumGothic;padding:2px 0}
ul.addr li.paddL20{padding-left:23px}
ul.addr li.last{padding:6px 0}

.marginT20:after{display:block; content:""; clear:both}