@charset "utf-8";


@font-face {font-family:NG;src:url('/common/css/NanumGothic.eot');src:url('/common/css/NanumGothic.woff') format('woff')}
@font-face {font-family:NGB;src:url('/common/css/NanumGothicBold.eot');src:url('/common/css/NanumGothicBold.woff') format('woff')}
@font-face {font-family:NGEB;src:url('/common/css/NanumGothicExtraBold.eot');src:url('/common/css/NanumGothicExtraBold.woff') format('woff')}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
ol, ul{ list-style:none;}
img {border:none; }
a {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}


/* layout */
body {background:#fff url(/images/workplan/bg_header.gif) repeat-x 0 0; width:100%; font-size:12px; color:#333}
#wrap {width:100%; margin:0 auto; position:relative;}
#header {width:100%; margin:0 auto;}
#subContent:after, #mainContent:after {content:""; clear:both; display:block;}

/* header */
#header {}
#header .top {height:102px; width:100%; margin:0 auto; position:relative}
#header .top:after{ content:""; display:block; clear:both; }
#header h1 {margin-top:34px}
#header h1 .logo_2017 {background:url(/images/workplan/logo_top.gif) no-repeat 0 40%; width:155px; height:49px; display:block; overflow:hidden; font-size:0;}
#header h1 .logo a {background:url(/images/workplan/logo_top.gif) no-repeat 0 40%; width:155px; height:49px; display:block; overflow:hidden; font-size:0;}
#header h1 .tlt {display:block; height:49px; margin:0 20px; color:#336fb5; font-size:20px; line-height:49px}
#header .sns {position:absolute; width:396px; right:0; bottom:0}
#header .sns li {float:left}

/* header gnb */
#header_gnb_2017 {width:100%; height:50px; margin-top:10px; background:#fff}
#header_gnb {width:1100px; margin:0 auto;}
#header_gnb:after {content: ""; clear:both; display:block;}
#header_gnb {height:60px; }
#header_gnb li {float:left; width:219px; background:url(/images/workplan/bar_topMnDivision.gif) no-repeat 100% 50%; text-align:center}
#header_gnb li a {height:60px; display:block; color:#fff; padding:0 30px; line-height:60px; font-size:24px; font-weight: bold; letter-spacing:-1px}
#header_gnb li a:hover {color: #33ccff} 
#header_gnb li.active a {color: #33ccff} 

/* //header gnb */
/* //header */

#mainContent {width:1100px; margin:0 auto;}
.mainVis {width:1100px; height:383px; background:url(/images/workplan/visual_main.jpg) no-repeat 0 0; font-size:0; overflow:hidden;}
.mainLft01 {width:657px; height:124px; background:url(/images/workplan/main_left01.gif) no-repeat 0 0; font-size:0; overflow:hidden;}
.infographic {width:443px; height:346px; background:url(/images/workplan/main_right01.gif) no-repeat 0 0; font-size:0; overflow:hidden;}
.infographic ul {margin-top:70px; margin-left:29px}
.infographic ul li {margin-bottom:12px}


#subContent {width:1100px; margin:30px auto;}
#subContent h1 {width:1100px; margin-bottom:20px; border-bottom:1px solid #a7abae}
#subContent h1 {font-size:24px; color:#333; padding-bottom:10px}

#subContent_2017 {width:100%; margin:0px auto;}
#subContent_2017 h1 {width:100%; margin-bottom:20px; border-bottom:1px solid #a7abae}
#subContent_2017 h1 {font-size:24px; color:#333; padding-bottom:10px}
/* tab style */
.tab_sy1 {border-bottom:1px solid #a7abae; margin:20px 0; font-size:16px}
.tab_sy1 li {float:left; background:url(/images/workplan/tab_sy.gif) no-repeat 0 0; padding-left:30px; margin-bottom:-1px}
.tab_sy1 li a {display: block; background: url(/images/workplan/tab_sy.gif) no-repeat 100% 0; color:#666; font-weight:bold; text-align:center; line-height:35px; padding-right:30px;}
.tab_sy1 li a:hover {color:#0079c6}
.tab_sy1 li.on {background-position:0 100%}
.tab_sy1 li.on a {background-position:100% 100%; color:#0079c6}
/* //tab style */


/* float div 정의 */
.floatDiv{ *zoom: 1;}
.floatDiv:after{ content: ""; clear: both; display: block;}

.fl{ float: left;}
.fr{ float: right;}


.bgNone {background: none !important;}
.mt6 {margin-top:6px !important;}