@charset "utf-8";

@font-face {font-family: 'NanumGothic';
src:url('font/NanumGothic.eot');  src:url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), 	url('font/NanumGothic.woff') format('woff'),  url('font/NanumGothic.ttf') format('truetype'); font-weight:normal;}

@font-face {font-family: 'NanumGothicBold';
src:url('font/NanumGothicBold.eot');  src:url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), 	url('font/NanumGothicBold.woff') format('woff'),  url('font/NanumGothicBold.ttf') format('truetype'); font-weight:normal;}

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
htm, body {
	width: 100%;
	height: 100%;
	font-size: 12px;
	color:#666;
	font-family:'Dotum','tahoma,arial,sans-serif,verdana,helvetica';
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
em {font-style: normal;}
.soundOnly{display:block;position:absolute;top:-9999px;text-indent:-9999em;}

a{text-decoration: none; color:#666;}
a:hover{color:#1d60ae;}


/* clear */
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

/* 폰트 설정 */
.bold{font-weight:bold;}
.lighter{font-weight:lighter;}
h1 {font-size:30px; line-height:10px;}
h2 {font-size:26px; line-height:10px;}
h3 {font-size:22px; line-height:10px;}
h4 {font-size:18px; line-height:10px;}
h5 {font-size:14px; line-height:20px;}
h6 {font-size:10px; line-height:10px;}
h1 small {font-size:28px; line-height:10px;}
h2 small {font-size:24px; line-height:10px;}
h3 small {font-size:20px; line-height:10px;}
h4 small {font-size:16px; line-height:20px;}
h5 small {font-size:12px; line-height:15px;}
h6 small {font-size:11px; line-height:15px;}

/* 폰트 색상 */
.lblue {color:#2a539e !important;}
.darkblue {color:#01518f !important;}
.mdblue {color:#4a6088 !important;}
.nblue {color:#526485 !important;}
.black {color:#000000 !important;}
.white {color:#ffffff !important;}
.gray {color:#666666 !important;}
.red {color: #e34e14 !important; }
.table_t1 {color:#161a25;}

/* letter-spacing */
.lt_2 {letter-spacing:1.65em;}
.lt_25 {letter-spacing:1.58em;}
.lt_3 {letter-spacing:0.7em;}
.lt_35 {letter-spacing:0.4em;}
.lt_4 {letter-spacing:0.3em;}
.lt_45 {letter-spacing:0.5em;}
.lt_5 {letter-spacing:0.1em;}


/* span 설정 */
#out_wrap {width:100%; position:relative; background:#eeeeee;}
.hidden{position:absolute; left:-9999em; top:-9999em;}
[class*="span"] {float: left;min-height: 1px;}
.container {width:1030px; margin: 0 auto;}
.spanmenu1 {width:174px;}
.spansub1 {width:800px;}
.span18 {width:860px;}
.span17 {width:840px;}
.sapn16 {width:760px;}
.span15 {width:740px;}
.span14 {width:660px;}
.span13 {width:640px;}
.span12 {width:560px;}
.span11 {width:540px;}
.span10 {width:500px;}
.span9 {width:460px;}
.span8 {width:440px;}
.span7 {width:360px;}
.span6 {width:340px;}
.span5 {width:260px;}
.span4 {width:240px;}
.span3 {width:160px;}
.span2 {width:140px;}
.span1 {width:60px;}
.span0 {width:40px;}

/* offset */
.offset12 {margin-left: 980px;}
.offset11 {margin-left: 900px;}
.offset10 {margin-left: 820px;}
.offset9 {margin-left: 740px;}
.ml120 {margin-left:120px;}
.offset8 {margin-left: 50px;}
.offset7 {margin-left: 45px;}
.offset6 {margin-left: 40px;}
.offset5 {margin-left: 35px;}
.offset4 {margin-left: 30px;}
.offset3 {margin-left: 25px;}
.offset2 {margin-left: 15px;}
.offset1 {margin-left: 10px;}
.offset0 {margin-left: 5px;}

/* top */
.top20 {margin-top:85px;}
.top10 {margin-top:55px;}
.top9 {margin-top:50px;}
.top8 {margin-top:45px;}
.top7 {margin-top:40px;}
.top6 {margin-top:35px;}
.top5 {margin-top:30px;}
.top4 {margin-top:25px;}
.top3 {margin-top:20px;}
.top2 {margin-top:15px;}
.top1 {margin-top:10px;}
.top0 {margin-top:5px;}
.top-1 {margin-top:-5px;}

/* top */
.ml10{margin-left:10px}



/*border*/
.bt0{border-top:0 !important;}
.br0{border-right:0 !important;}
.bb0{border-bottom:0 !important;}
.bl0{border-left:0 !important;}


/* hidden 적용 */
#accessibility  {position:fixed !important;top:0;left:0;width:100%;text-align:center;z-index:9999;}
#accessibility  h1{position:absolute;top:0;left:-9999px;height:1px; width:1px; overflow:hidden;font-size:0;text-align:left; line-height:0;z-index:-99;}
#accessibility  a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;}
#accessibility  a:focus,
#accessibility  a:active {height:auto;width:100%;padding:5px;margin-bottom:10px;background:#ae7dbe;position:absolute; top:0;left:0;z-index:9999;}
.hidden,legend {position:absolute; left:-9999px;top:-9999px;overflow:hidden; height:0; width:0; font-size:0; visibility:hidden; text-align:left;}
caption {height:0; width:0; font-size:0; position:absolute; top:-9999em; left:-9999em; text-align:left; line-height:0}
.none{display:none !important;}


/* header */
/*#header {width:100%; height:95px; background:url(../images/common/bg_top1.gif) repeat-x 0 0;}*/

#header {width:100%; height:95px; background:url(../images/common/bg_top1.gif) repeat-x 0 0 #ffffff; border-bottom:1px solid #d9d9d9;}
#header_container {position: relative; width:1160px; height:95px; margin: 0 auto; background:url(../images/common/bg_top2.gif) repeat-x 0 0;}
#logo {position:relative; top:17px; width:285px; height:65px;}
#top_nav {position: absolute; top: 12px; right: 0px; width:300px; height: 15px; font-family:'NanumGothic'; font-size:13px}
ul.top_list {float: right; padding-top: 5px; padding-right: 20px;}
ul.top_list li {float: left; background: url(../images/top_list_bg.gif) left center no-repeat; width:70px; text-align: center;}
ul.top_list li:first-child{background:none;}
ul.top_list li a {font-size: 11px; color:#7f7f7f;}
ul.top_list li a:hover {color:#4077b6}

/* TopMenu */
#nav {position: absolute; top:50px; right:0px; display:block;  width:530px; height:84px;}
#nav .topmenu{height:50px; display:block; overflow: hidden;}
#nav .topmenu > li.first{background:none;}
/* 메뉴 개발자 센터 추가 38px에서 16px 수정 - 2015.11.25 정재윤 */
#nav .topmenu > li {float:left; width:100px; padding:0px 16px 0; background:url(../images/common/menu_line.gif) no-repeat 0 0; text-align:center}
#nav .topmenu > li > a{color:#202020; font:700 19px 'NanumGothicBold'; }
#nav .topmenu > li > a:hover{color:#1d60ae;}

#nav .topsub{position: absolute; top:30px; display:block; background:url(../images/top_sub_pointer.png) no-repeat 60px 0px; }
#nav .point1{background-position:35px 0;}
#nav .point2{background-position:60px 0;}
/* 메뉴 개발자 센터 추가 290px에서 175px 수정 - 2015.11.25 정재윤 */
#nav .point3{background-position:270px 0}
/* 메뉴 개발자 센터 추가 290px에서 175px 수정 - 2015.11.25 정재윤 */
#nav .point4{background-position:180px 0}

#nav .pointer1{background:url(../images/top_sub_pointer.png) no-repeat 145px 0px;}
#nav .pointer2{background:url(../images/top_sub_pointer.png) no-repeat 55px 0px;}
#nav .pointer3{background:url(../images/top_sub_pointer.png) no-repeat 290px 0px;}
#nav .topsub li{display:inline-block; margin:6px 0 0 -15px; height:22px; padding:7px 15px 0 15px;  background:#34639a; border-radius:4px;}
#nav .topsub li a{color:#FFF; font:600 13px 'NanumGothicBold'; }
#nav .topsub li a:hover{color:#ffd05e;}

/* content */
/*#content_wrap {width: 100%; margin:0 auto; display:inline-block; background-color:#eff2f5;}*/
#content_wrap {width: 100%; margin:45px auto 55px; display:inline-block;}
.index_top_banner {display:none !important;}

/* site link */
#site_link {width: 1020px; height:40px; margin-left:auto; margin-right:auto; padding: 0px 0 20px 0;}
#site_link h5 {line-height:40px;}

/* footer */
#footer {width:100%; background:url(../images/common/footer_bg.gif) repeat-x 0 0; }
#footer_container {width:1030px; height:126px; margin: 0px auto;}
#footer_container .footer_top{overflow:hidden; }
#footer_container .footer_top .footer_left {float:left; height:27px; padding-top:14px;}
#footer_container .footer_top .footer_left li{float:left;font-family:'NanumGothicBold'; background:url(../images/common/footer_line.gif) no-repeat left center;padding:0 15px; height:15px;}
#footer_container .footer_top .footer_left li:first-child{background:none;  padding-left:0;}
#footer_container .footer_top .footer_left li a{font-size:13px; color:#555;}
#footer_container .footer_top .footer_left li a:hover{color:#555;}
#footer_container .footer_top .footer_left li a.point{color:#004f80; font-weight:bold;}
#footer_container .footer_top .footer_left li a.point:hover{color:#004f80;}
#footer_container .footer_top .footer_right{float:right;padding-top:8px;}
#footer_container .footer_top .footer_right select{height:25px; line-height:24px;font-family:'NanumGothic';  float:left; font-size:13px;}
#footer_container .footer_top .footer_right a{background-color:#909090; color:#fff; font-size:13px;font-family:'NanumGothic'; width:50px; height:25px; text-align:center; float:left;
display:inline-block; height:25px; line-height:24px;}
#footer_container .footer_add{position:relative; width:1030px; height:85px;font-family:'NanumGothic';}
#footer_container .footer_add .foot_logo{position:absolute;  top:25px; left:0;}
#footer_container .footer_add address{position:absolute; top:25px;left: 200px; font-style:normal;}
#footer_container .footer_add .copyrignt{position:absolute; top:40px;left: 200px; margin-top: 15px}
#footer_container .footer_add .webAccess{position:absolute; right:0; top:10px}

/*
#footer_logo {float:left; width:140px; padding-left:24px;}
#footer_right {float:left}
#footer_right ul {padding:3px 0 20px;}
#footer_right ul li {float: left; padding: 0px 8px 0; color:#7b7b7b;  border-right: 1px solid #7b7b7b;}
#footer_right ul li:first-child {float: left; padding-left: 0px;}
#footer_right ul li:last-child {float: left; border-right:none;}
#footer_right ul li a {color:#646464; font-size:9px;}
#footer_right ul li a strong{color:#34639a;}
#footer_right select { float:left; background:#FFF; width:120px; height:20px; color:#525252; font:500 12px 'dotum'; letter-spacing:-1px;}
#footer_right .copyrignt{ font-size:11px; color:#a0a1a3; padding:0px 0 0 0}
#footer_right .copyrignt em{display:block; color:#a0a1a3; font:500 10px 'Verdana'; padding-top:5px;}
#footer_container .webAccess{text-align:right; padding-right:5px;}*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#footer {width:100%; height:10px;background-image:none;}
	#footer_container {width:950px; height:70px; margin: 0px auto; padding-top:30px;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	#footer {width:100%; height:10px;background-image:none;}
	#footer_container {width:950px; height:70px; margin: 0px auto;padding-top:30px;}
}


/*메인스타일*/
.mainContainer {width:1100px; margin:0 auto; }
.main_Search{width:1100px; height:45px; margin-bottom:10px;}
.main_Search .searchBox{margin:0 auto; width:1100px;}
.main_Search .word_search{float:left; border:4px solid #056baa; width:965px; height:35px; line-height:34px; font-size: 20px;}
.main_Search .btn_search{float:left; display:inline-block;font-size:0;line-height:0;text-indent:-9999px;
background:url(../images/main/btn_search.gif) no-repeat 0 0;border:0;cursor:pointer;vertical-align:middle; width:122px; height:45px;}

/*메인 분야별, 서비스 유형별*/
.main_Icon{width:680px; height:177px;overflow:hidden; margin-bottom:20px;}
.main_Icon .leftIcon{ width:656px; height:177px; float:left; background:url(../images/main/bg_link1.png) repeat-x 0 0;}
.main_Icon .rightIcon{ width:374px; height:177px;float:left;background:url(../images/main/bg_link3.png) repeat-x 0 0; }
.main_Icon p{font-family:NanumGothicBold; color:#fff; text-align:center; font-size:18px; height:54px; line-height:42px;}
.main_Icon ul {padding:10px 20px 0; height:75px;}
.main_Icon ul li:first-child{margin-left:0 !important; }
.main_Icon ul li{float:left;height:75px;}
.main_Icon ul li a{display:block;}
.main_Icon ul li img{display:block; margin:0 auto;  -webkit-filter: drop-shadow(3px 3px 5px); filter: drop-shadow(3px 3px 5px #0e5b77)}
.main_Icon ul li span{font-family:NanumGothicBold; font-size:14px; color:#fff; text-align:center;display:block; margin-top:7px;}
.main_Icon ul li span:hover {color:#fcc464;}
.main_Icon ul li span.data_num {background:#ffffff;width:44px;height:15px;color:#056baa;font-family:Dotum;font-size:12px;border-radius:20px;line-height:17px;font-weight:bold;margin:0 auto;margin-top:6px;}
.main_Icon ul li span.gcolor {color:#0e83a0 !important;}
.main_Icon ul li span.data_num:hover {background:#fcc464;}
.main_Icon .leftIcon ul li{margin-left:20px;width:70px;}
.main_Icon .rightIcon ul li{margin-left:18px;width:70px;}

/*메인 인기데이터 170925*/
.FAV_DATABOX {width:1030px; height:250px; font-family:NanumGothicBold; margin-bottom:20px}
.FAV_DATABOX p.title{font-size:18px; color:#313131; margin-bottom:10px}
.fav_databox {width:680px; height:250px; font-family:NanumGothicBold; margin-bottom:20px}
.fav_databox p.title{font-size:18px; color:#313131; margin-bottom:10px}
.main_favdata {float:left; width:320px; height:220px; margin-right:19px;}
.main_favdata ul {margin:0 auto; }
.main_favdata ul li {padding:9px 0px; border-bottom:1px dashed #d6d6d6;width:295px;margin-left:25px;}
.main_favdata ul li a {color:#312c2c;}
.main_favdata ul li.pd_top {padding:15px 0 9px 0px;}
.main_favdata ul li.dotline_none {border:none;}
.main_favdata ul.file_data {height:176px;box-shadow:2px 2px 3px #e0e0e0;background-color:#fff;}
.main_favdata ul.file_data li {float:left;font-size:14px; }
.main_favdata ul.open_api_data {height:176px;box-shadow:2px 2px 3px #e0e0e0;background-color:#fff;}
.main_favdata ul.open_api_data li {float:left;font-size:14px;}
.main_favdata p {line-height:45px;}
.main_favdata p.title_filedata {width:275px;height:44px;padding-left:45px; color:#ffffff;background:url(../images/icon_ntit_01.png) 15px center  no-repeat #5280a2;font-size:16px;}
.main_favdata p.title_openapi {width:275px;height:44px; padding-left:45px; color:#ffffff;background:url(../images/icon_ntit_02.png) 8px center  no-repeat #5280a2;font-size:16px;}

.recommend_data {width:1030px; height:40px; font-family:NanumGothicBold; margin-bottom:20px; font-size:16px;  line-height:40px;}
.recommend_data p.title {font-size:18px; color:#313131; margin-bottom:10px; float:left; margin-right:17px;}
.recommend_data ul li {float:left; font-size:14px;}
.recommend_data ul li.recom_titl01 {width:80px; height:40px;color:#ffffff; padding-left:45px; background:url(../images/icon_ntit_01.png) 15px center  no-repeat #5280a2;}
.recommend_data ul li.recom_titl02 {width:80px; height:40px;color:#ffffff; padding-left:45px; background:url(../images/icon_ntit_02.png) 8px center  no-repeat #5280a2;}
.recommend_data ul li.recom_titl03 {width:80px; height:40px;color:#ffffff; padding-left:45px; background:url(../images/icon_ntit_03.png) 18px center  no-repeat #5280a2;}
.recommend_data ul li.recom_titl04 {width:80px; height:40px;color:#ffffff; padding-left:45px; background:url(../images/icon_ntit_04.png) 12px center  no-repeat #5280a2;}
.recommend_data ul li.recom_con01{box-shadow:2px 3px 3px #e0e0e0;background-color:#fff;width:81.5%; padding:0 23px; font-size:14px;}

/*메인 자주쓰는메뉴*/
.main_Menubox{width:1030px; height:206px; font-family:NanumGothicBold; margin-bottom:20px}
.main_Menubox p.title{font-size:18px; color:#313131; margin-bottom:10px}
.main_Menubox ul{overflow:hidden; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; }
.main_Menubox ul li{width:20%; float:left;background-color:#fff;display:block;}
.main_Menubox ul li.m1{border-top:5px solid #2b61a2;}
.main_Menubox ul li.m2{border-top:5px solid #4073ac;}
.main_Menubox ul li.m3{border-top:5px solid #40a1a9}
.main_Menubox ul li.m4{border-top:5px solid #139bcb}
.main_Menubox ul li.m5{border-top:5px solid #5172d6}
.main_Menubox ul li a{height:174px; display:block; border-right:1px solid #d9d9d9;}
.main_Menubox ul li span{color:#313131; display:block; text-align:center; font-size:16px; padding:25px 0 30px;}
.main_Menubox ul li img{display:block; margin:0 auto;}

/*메인 데이터*/
.main_Data_P{overflow:hidden; width:670px; height:720px; float: left;}
.main_Data_P p.title{font-size:18px; color:#313131; margin-bottom:10px;font-family:NanumGothicBold;}
.main_Data_P .main_data{float:left; width:660px; height:240px; position:relative; margin-right:24px}
.main_Data_P .main_data ul li{float:left; width:200px; margin-left:20px; height:150px; background-color:#fff; border-top:1px solid #d9d9d9; display:block;}
.main_Data_P .main_data ul li a{display:block;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;height:109px; border-bottom:1px solid #d9d9d9;}
.main_Data_P .main_data ul li a img{width:200px; height:150px;}
.main_Data_P .main_data ul li a p.type{width: 200px; height: 20px; margin-top: 2px; border-radius: 4px; background: #A6A6A6; color: #fff; font: 13px 'NanumGothicBold'; display: flex; align-items: center; justify-content:center;}
.main_Data_P .main_data ul li a p.serviceNm{width: 200px; height: 20px; margin-top: 3px; border-radius: 4px; background: #747474; color: #fff; font: 13px 'NanumGothicBold'; display: flex; align-items: center; justify-content:center;}
.main_Data_P .main_data ul li:first-child{margin-left:0px;}
.main_Data_P .main_data ul li span{font-family:NanumGothicBold; font-size:14px; display:block; text-align:center; margin-top:15px; color:#202020;}

/*메인 공지사항*/
.main_Notice_P{overflow:hidden;}
.main_Notice_P p.title{font-size:18px; color:#313131; margin-bottom:10px;font-family:NanumGothicBold;}
.main_Notice_P .main_notice{float:left; position:relative; width: 100%;}
.main_Notice_P .main_notice .notice_box{ background-color:#fff; padding:10px 10px; border:1px solid #d9d9d9;}
.main_Notice_P .main_notice ul li:first-child{border-top:0;}
.main_Notice_P .main_notice ul li{background:url(../images/main/main_notice.png) no-repeat left center; padding-left:8px; border-top:1px dashed #dedfe0; height:30px; line-height:30px;}
.main_Notice_P .main_notice ul li a{font-family:NanumGothic; font-size:14px; color:#4d4d4d;}
.main_Notice_P .more{position:absolute; right:5px; top:6px}

/*메인 공통코드 및 기준정보*/
.main_Code_P{overflow:hidden;}
.main_Code_P p.title{font-size:18px; color:#313131; margin-bottom:10px;font-family:NanumGothicBold;}
.main_Code_P .main_code{float:left; position:relative; width: 100%;}
.main_Code_P .main_code .main_box{ background-color:#fff; padding:10px 10px; border:1px solid #d9d9d9;}
.main_Code_P .main_code ul li:first-child{border-top:0;}
.main_Code_P .main_code ul li{background:url(../images/main/main_notice.png) no-repeat left center; padding-left:8px; border-top:1px dashed #dedfe0; height:30px; line-height:30px;}
.main_Code_P .main_code ul li a{font-family:NanumGothic; font-size:14px; color:#4d4d4d;}

.mainVisual{display:block; overflow:hidden; text-align:center;}
.mainVisual p img{height:310px;}
.mainVisual ol{display:inline-block; height:17px; margin-top:12px; }
.mainVisual ol li{display:inline; padding-right:4px;}

#mainCont{ width:100%; display:inline-block; margin-top:20px;}
#mainCont h2{position:relative; height:24px; font: 600 17px 'NanumGothicBold'; padding:14px 0 0 18px;}

.box1{float:left; width:332px; display:block;   border-radius:2px; background:#9fc7f4; /*background:#8bb6e7;*/}  
.box1 > h2{color:#2d5c92;}
.box1 > h2 em {position:absolute; top:20px; left:295px;}
.box1 > h2 em a{color:#555;  font:500 11px 'Tahoma';}

.box1 dl{width:300px; display:inline-block; overflow:hidden; margin:4px 0 5px 18px; border-top:1px solid #b9d3f1;}
.box1 dl dt{color:#333;  font:500 13px 'NanumGothicBold'; padding:17px 0 4px 100px}
.box1 dl dt em{color:#FFF; padding:1px 4px; margin-right:3px;}
.box1 dl dd{display:block; color:#525860;  font:500 11px 'NanumGothic'; padding-top:5px; margin-left:100px; } 

.win01 {background:url(../images/main_winner_img01.png) no-repeat 10px center; height:62px;}
.win02 {background:url(../images/main_winner_img02.png) no-repeat 10px center; height:63px;}
.win03 {background:url(../images/chuseok_social.png) no-repeat 5px center; height:135px;}

.win01 dt em{background:#FD5F00; border-radius:2px; }
.win02 dt em{background:#5D98DC; border-radius:2px;}
.win03 dt em{background:#FD5F00; border-radius:2px; }

.box2{float:left;  width:300px;  display:inline-block; border-radius:2px; background:#34639a; margin:0 10px;}
.box2 > h2 a{color:#FFF;}
.box2  img{float:left; padding-left:10px;}
.box2  span{float:right; width:125px; color:#FFF; font:500 11px 'NanumGothic'; padding:15px 15px 0 0 ; line-height:150%; word-wrap: break-word;}

.box3{float:left; width:280px;}
	/* FAQ */
	.faq{position:relative; width:280px; height:86px; border-radius:2px; background:#FFF;}
	.faq p{float:left; background:#9cc88b; width:141px;} 
	.faq p img{padding:12px 0 9px 30px} 
	.faq strong a{float:left; width:75px; /*color:#9cc88b;*/ color:#72A15F;  font: 600 22px 'NanumGothicBold'; padding:21px 27px 21px 35px;  text-align:center;}
	/* Q&A */
	.qna{width:280px; height:86px; border-radius:2px; background:#FFF; margin-top:11px;}
	.qna p{float:left; background:#a6c5e8; width:141px;}
	.qna p img{padding:12px 0 9px 30px} 
	.qna strong a{float:left;  width:75px; /*color:#a6c5e8;*/ color:#2b86e4;  font: 600 24px 'NanumGothicBold'; padding:21px 5px 21px 15px;  text-align:center;}
	.faq strong span, .qna strong span{display:block; color:#6a6a6a; font: 500 12px 'NanumGothic'; text-align:center; padding-top:2px; }

/* 메인하단게시판영역 */
#noticeArea{float:left; width:100%; margin-top:12px;}
.noticeBox{width:404px; float:left; border-radius:2px; background:#FFF; border:1px solid #d0d3d7; padding:20px 25px 20px 30px;}
.noticeBox h3{display:inline-block; position:relative;  margin-bottom:4px;}
.noticeBox h3 span{float:left; color:#000; font: 600 16px 'NanumGothicBold' }
.noticeBox h3 a{position:absolute; top:0; left:365px; background:#e0e5eb; width:38px; height:13px; border-radius:2px; text-align:center; padding-bottom:3px;}
.noticeBox h3 a{color:#6a6a6a; font:500 11px 'Tahoma'; }
.noticeBox h3 a:hover{background:#a6c5e8; color:#FFF; }

.noticeBox ul{width:402px; border-top:1px solid #d0d0d0; }
.noticeBox li{display:inline-block; width:100%;  background:url(../images/bullet_gray.png) no-repeat 0 center; border-bottom:1px solid #d0d0d0; padding:5px 0;}
.noticeBox li strong{float:left; font-weight:normal; padding:2px 0 0 5px;}
.noticeBox li em{float:right; color:#888; font: 500 11px 'Tahoma'}

.lastData li{background:none; padding:5px 0 5px 0px}
.lastData li strong{padding-left:0px}
.lastData li span{display:block;  float:left; width:15px; height:13px; margin-right:3px; border-radius:2px; background:#69778b; color:#FFF; text-align:center; font:normal 11px 'tahoma',ng;}

/*팝업스타일 */
#popup {width:94.5%; background:#FFF; border-radius:3px; margin:8px; padding:0px 15px 20px; box-shadow:0px 1px 1px #bbb; -webkit-box-shadow:0px 1px 1px #bbb; -moz-box-shadow:0px 1px 1px #bbb; }
#popup h4{color:#2f76ac; font:700 18px 'NanumGothicBold'; letter-spacing:-1px; margin:5px 0 15px; border-bottom:1px solid #6195d0; background:url(../images/h4_title_img.png) no-repeat 5px center; padding:12px 0 15px 40px; }
#popup .popbox{display:block; overflow:hidden; border:1px solid #d0d0d0; border-radius:3px; padding:5px 15px 10px; background:#f4f6f9}
#popup .lt ul{width:100%; border-top:1px solid #d0d0d0; }
#popup .lt li{display:inline-block; width:100%;  background:url(../images/bullet_gray.png) no-repeat 0 center; border-bottom:1px solid #d0d0d0; padding:5px 0; font:600 12px 'tahoma','NanumGothicBold';}
#popup .lt li strong{float:left; font-weight:normal; padding:2px 0 0 5px;}
#popup .number li{display:inline-block; background:none; padding:5px 0 5px 0px}
#popup .number li strong{float:left; padding:0 3px 3px 0}
#popup .number li span{float:left; width:15px; height:15px; margin-right:3px; border-radius:2px; background:#69778b; color:#FFF; text-align:center; font:normal 11px 'tahoma',ng;}  

#popup .table {width:100%; border-collapse:collapse; border-style: outset; }
.poptb {font:600 12px 'tahoma','NanumGothicBold'; border-top:1px solid #5e6673;}
.poptb th {min-width:40px;text-align:center;color:#FFF;padding:8px;background:#6195d0}
.poptb th:first-child{border-bottom-left-radius:3px;}
.poptb th:last-child{border-bottom-right-radius:3px; border-right:none;}
.poptb td {min-width:50px;padding:3px 20px;text-align:left;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.poptb td:last-child {border-right:none;}
#popup .btnWrap{margin-top:5px;}   
#popup .txtbox{width:97.5%; padding:6px ; text-align:center; background:#f3f3f3; border-radius:3px; margin-top:5px}
#popup .txtbox textarea{width:99%; height:70px; }
#popup .ex_lb{display:block; color:#6195d0; font:600 13px 'NanumGothicBold'; border-radius:3px; margin:15px 0 5px 0px; padding:4px 0 0 8px; border-top:1px solid #e3eaf1; background:url(../images/bullet_gray.png) no-repeat 0 7px; }

/* 공통코드 및 기준정보 */
.codeInfoIcon {width:355px; height:445px; float:left; background-color:#fff; border:1px solid #d9d9d9;}
.codeInfoIcon p.title {width:355px; height:31px; padding-top:13px; color:#ffffff; background:#5280a2; font-size:16px; font-family:NanumGothicBold; text-align:center;}