.@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald|Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);



html { overflow-y:scroll;}
body{margin:0;padding:0; font-family:ng, 'NanumGothic', 'Malgun Gothic' !important; font-weight:300; line-height:1.6; -webkit-font-smoothing: antialiased !important;text-rendering: optimizelegibility;}
img{border: 0;}
.s_content{position:relative; width:100%; min-height:100%; }
/*상단*/
.s_top{position: relative;width:100%; height: 158px;}
.s_top_area_wrap{position: relative;width: 100%; background-color:#323232;}
.s_top_area{position:relative; width:980px; margin: 0 auto; height: 120px; }
.top_logo{ position:absolute; top:50px; left:5px; }
/*상단메뉴*/
.top_menu{ position:absolute; top:0px; right:10px; height: 53px; border-top:3px solid #f27398;}
.top_menu ul{list-style:none;margin:0;zoom:1; float:left; padding:5px 0;}
.top_menu ul:after{content:"";display:block;clear:both}
.top_menu li{float:left;list-style:none;padding-left:2px;position:relative;white-space:nowrap}
.top_menu li.first{padding:0;background:none}
.top_menu li a{float:left;padding:0 10px 0 0; color:#d0cece; white-space:nowrap;text-decoration:none; font-size:11px;font-family: Dotum, Tahoma;}
.top_menu li a:hover,
.top_menu li a:active,
.top_menu li a:focus{ color:#fff;}
.top_menu li.active a{font-weight:bold;color:#666;}

/*메인메뉴1.4*/
.gnb{position:absolute; top:60px;  right:0px; margin:0; padding:0; white-space:nowrap;z-index:91; }
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;float:left; display: block; margin: 0 12px; font-size:17px; letter-spacing:-0.08em;}
.gnb li.first{padding:0;background:none}
.gnb li a{float:left; text-decoration: none; color:#fff; padding: 5px 5px 10px; white-space:nowrap;}
.gnb li a:hover{ color:#f27398; border-bottom:2px solid #f27398;}

/*메뉴오버시 메뉴박스*/
.gnb ul ul{display:none;position:absolute;left:0;top:35px;padding:5px 0;background:#f27398; border:0px solid #ddd; border-top:2px solid #f27398;*z-index:91; margin: 0; width:140px; }
.gnb li li{float:none;background:none;padding:0 5px;left:0;border-bottom:0px solid #ddd;text-decoration: none;margin: 0; font-size:13px !important; letter-spacing:0;}
.gnb li li a{float:left;display:block;padding:7px 15px !important;background:none !important;height:auto;font-weight:normal !important;text-decoration: none;white-space:nowrap; width:100px;}
.gnb li li a:hover,
.gnb li li.active a{color:#f27398; border:0px solid #3cc2ce; background-color:#fff !important;}

.menulist{position:relative;float:right; width: 100%;}

/*공지사항_검색창*/
.s_top_bottom{width:100%; height:38px; bottom:0; left:0; margin: 0; position:relative;  border-bottom:1px solid #cfcfcf; z-index: 10; *z-index: -1;}
.s_info_search{position:relative;  width: 970px; margin: 0 auto; padding:7px 0px 0px 0px;}
.s_info_search .info1{float: left; background:url(../img/n_icon.jpg) no-repeat; width: 78px; height:21px; color: #fff; text-align: center; font-size:11px;  margin-top:2px; }
.s_info_search .info{float: left; width: 500px; padding:2px 0 0;}
.s_info_search .search{position:absolute; top:3px; right:0; width:246px; height:24px;}
.s_info_search .search .iText{position:relative;line-height:27px; border:0px; background:transparent; margin-left:0px; height:20px; width:200px; border:1px solid #cfcfcf; color: #323232; float:left; }
.s_info_search .search .submit{position:absolute;height:24px;width:44px; right:0px; top:0px; border:0px;}

/*본문*/
.s_body_area{position: relative; width: 980px; margin: 0 auto;*z-index: -1;}
.content_slider{position:relative; z-index: 1;*z-index: -1; padding: 0 10px; width: 960px; margin: 0 auto;}
.content_main{position:relative; padding-left:10px; padding-bottom:10px; width: 960px; margin: 0 auto;/*1.1*/overflow:hidden;}
.content_main:after{content:"";display:block;clear:both;}
.content2{position:relative; padding-bottom:10px; padding-top:20px; width: 970px; margin: 0 auto;/*1.1*/overflow:hidden; min-height:700px;}
.content2:after{content:"";display:block;clear:both;}
/*.content_image{position:relative; border-bottom:2px solid #d8d8d8; width:960px; margin: 0 auto; height:170px; z-index: 1;*z-index: -1;}
.content_image2{position:relative; border-bottom:2px solid #d8d8d8; width:750px; height:170px; z-index: 1;*z-index: -1;}*/

.content_box{position:relative; width: 960px; height:222px; background:url(../img/box_bg.jpg) no-repeat; /*background-color:#f4f4f4;*/}
.content_box:after{content:"";display:block;clear:both;}
/*
.content_box1{width:289px; height: 197px; padding:10px; float: left; background:url(../img/main_box_01.png) no-repeat; overflow:hidden;}
.content_box1 p{*padding-top: 10px;}
.content_box2{ width:646px; height: 217px; float:right;}
.banner_box1{width:388px; height: 131px; padding:10px 5px; float:left; background:url(../img/main_box_02.png) no-repeat; margin-right: 6px; overflow:hidden;}
.banner_box1 p{*padding-top: 10px;}
.banner_box2{width:232px; height: 131px; padding:10px 5px; float:left; background:url(../img/main_box_03.png) no-repeat; overflow:hidden;}
.banner_box2 p{*padding-top: 10px;}
.logo_box{width:646px; height: 66px; padding:10px 10px 0; clear:both; background:url(../img/main_box_04.png) no-repeat; overflow:hidden;}
*/
.content_box1{width:290px; height:222px; padding-left:10px; float: left; overflow:hidden;}
/*.content_box1 p{*padding-top:10px;}*/
.content_box1 h4 a {text-decoration:none; color:#484e53; line-height:1.2; font-family:Nanum Gothic, 돋움; font-size:16px; letter-spacing:-0.1em; float:left; margin-right:10px; margin-left:3px;}
.content_box1 h4 a:hover {color:#1ab5c3;}
.content_box1 a.more{text-decoration:none; color:#8e8e8e; line-height:1.2; border:1px solid #dbdbdb; padding:3px 6px; background-color:#fff;  font-size:12px; letter-spacing:-0.1em; }


/* 메인 탭부분_  주요사업실적+공지사항 */
.content_box1 table a { text-decoration:none; color:#7b7c7c;}
.content_box1 table.tab_box {margin-top:15px;}
.content_box1 table.tab_box table tr.tabMenu td {color:#7b7c7c; border-bottom:1px solid #dbdbdb; }
.content_box1 table.tab_box table td.tab { border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; text-align:center;}
.content_box1 table.tab_box table td.tab_last {border-right:1px solid #dbdbdb;}
.content_box1 table.tab_box table td.tab a{display:block;height:27px;line-height:27px;}
.content_box1 table.tab_box table td.tab a:hover { background:url(../img/tab_bg.jpg) repeat-x; color:#fff; }
.content_box1 table.tab_box table td.more { }

mainshow {
	z-index:10
}

#top_layer01 {
	position:absolute;
	z-index:1;
}
#top_layer02 {
	position:absolute;
	visibility: hidden;
	z-index:2;
}


.content_box2{ width:650px; height: 222px; float:right;}
.banner_box1{width:650px; height: 156px; float:left; overflow:hidden;}
.banner_box1 ul li{display:inline-block; list-style:none; padding:17px 37px 0px 37px; }
.banner_box1 ul li a.BigmenuImg1 {display:block; width:69px; height:69px; background:url(../img/mainBig_menu01.jpg) no-repeat; background-position:0px 0px; overflow:hidden; }
.banner_box1 ul li a.BigmenuImg1:hover {background:url(../img/mainBig_menu01.jpg) no-repeat; background-position:0px -69px; }
.banner_box1 ul li a.BigmenuImg2 {display:block; width:69px; height:69px; background:url(../img/mainBig_menu02.jpg) no-repeat; background-position:0px 0px; overflow:hidden; }
.banner_box1 ul li a.BigmenuImg2:hover {background:url(../img/mainBig_menu02.jpg) no-repeat; background-position:0px -69px; }
.banner_box1 ul li a.BigmenuImg3 {display:block; width:69px; height:69px; background:url(../img/mainBig_menu03.jpg) no-repeat; background-position:0px 0px; overflow:hidden; }
.banner_box1 ul li a.BigmenuImg3:hover {background:url(../img/mainBig_menu03.jpg) no-repeat; background-position:0px -69px; }
.banner_box1 ul li a.BigmenuImg4 {display:block; width:69px; height:69px; background:url(../img/mainBig_menu04.jpg) no-repeat; background-position:0px 0px; overflow:hidden; }
.banner_box1 ul li a.BigmenuImg4:hover {background:url(../img/mainBig_menu04.jpg) no-repeat; background-position:0px -69px; }
.banner_box1 ul li h4 {width:69px; text-align:center;}
.banner_box1 ul li h4 a {font-size:14px; color:#484e53; text-decoration:none; }
.banner_box1 ul li h4 a:hover {color:#1ab5c3;}

.logo_box{width:640px; height:56px; padding:10px 0 0 10px; clear:both; overflow:hidden;}



/*왼쪽+본문*/
.content_side_left{position:relative; float:left; width:190px; *z-index:-1; margin:0; padding:0; margin-bottom:7px;}
/*.content_side_left h3{ font-size:13px; color: #333; font-weight:bold; border-bottom:1px solid #d7d7d7;padding-bottom: 10px;}*/
.center_content{position:relative; float:right; min-height:580px !important; width:750px; padding-bottom:10px; *z-index:-1; }
.center_content:after{content:"";display:block;clear:both}
/*.content_side_banner_left{padding-top:0; padding-bottom:20px; clear:left;}*/
/*세로형 2차메뉴*/
.content_side_left h2{display:block; height:45px; padding-top:42px; padding-bottom:35px; margin:0; background-color:#f2769a; text-align:center;}
.content_side_left h2 a{font-size:25px; font-weight:600; text-decoration:none; color:#fff; letter-spacing:-1px;}
.locNav {padding:0;width:100%;margin:0;list-style:none; border-bottom:2px solid #f2769a; font-size:15px !important;}
.locNav li{padding:0; display:inline;}
.locNav li a{display:inline-block; background-color:#f8f8f8;border-top:1px dotted #acacac;color:#818080;position:relative;z-index:80;text-decoration:none;width:165px; height:31px; padding:10px 0px 5px 25px; }
.locNav li a:hover,
.locNav li.active a{color:#f2769a; background-color:#e7e7e7;}
.locNav li .patch{padding-bottom: 0;}
.locNav li ul{position:relative;width:100%;padding:0;margin:0;overflow:hidden;color:#818181; background-color:#fff; }
.locNav li ul li{position:relative;top:-1px;width:100%;display:block; ;border-top:1px dotted #e2e2e2;}
.locNav li li a{color: #818181 !important; border:none;background:none !important;}
.locNav li li a:hover{background:#FF372C; color:#000 !important;}
.locNav li.active li.active a{color: #f2769a !important; background:#CCCCCC;}

/* 현재위치 */
.sub_title{position:relative; clear: both;}
.sub_title2{position:relative; height:54px; color:#4e4d4d; font-size:32px;.locNav li li a
font-weight:600; letter-spacing:0; background-color:#f3f2f2; margin-bottom:10px; padding:35px 20px 31px 30px;}
.sub_location { position: absolute; color:#999; height:22px; right:15px; top:82px;  }
.subtitle2_small { position: absolute; color:#999898; font-weight:bold; font-size:13px; height:32px; left:29px; top:79px;  }
.sub_location ul { float:right; margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_location li { float:left; padding:0px;}
.sub_location li:last-child {background:none;  }
.sub_location a { color:#999; text-decoration:none; padding:5px 6px; font-size: 11px; }
.sub_location a:hover { color:#999;}

/*하단*/
.bottom_deco{position:absolute; width:960px;top:-5px;left:0;}
.bottom_deco_bottom{position:absolute; width: 960px;bottom:-6px; left:0;}
.bottom_info_wrap{position:relative; width:100%; padding:15px 0 15px 0; background-color:#a1a1a1; border-top:8px solid #cdcdcd; }
.bottom_info{padding:27px 0;font-family:Dotum,sans-serif; position:relative; width: 960px; margin: 0 auto; }
.bottom_info:after{content:"";display:block;clear:both;}
.bottom_info .logo{position:relative; float:left; padding-left:20px; top:10px;}
.bottom_info .logo a{ color:#fff; text-decoration:none; font-weight:bold; font-size:14px;}
.bottom_info .copyright{position:relative; float:left;color:#fff; font-size:11px; padding:0 0 0 35px; line-height:15px;}
.bottom_info .copyright ul{list-style:none;margin:0;zoom:1; padding:0;}
.bottom_info .copyright ul:after{content:"";display:block;clear:both}
.bottom_info .copyright li{float:left;list-style:none;position:relative;white-space:nowrap}
.bottom_info .copyright li.first{padding:0;background:none}
.bottom_info .copyright li a{float:left;padding:0 10px 5px 0; color:#fff; white-space:nowrap;text-decoration:none;font-weight:bold;}
.bottom_info .copyright li a:hover,
.bottom_info .copyright li a:active,
.bottom_info .copyright li a:focus{ color:#fff;}
.bottom_info .copyright li.active a{font-weight:bold;color:#fff;}


/* --------------- WEB-외부컨텐츠 ------------ */
/* WEB-공통 */
.contents01 {width:750px; color:#494949;}
.alignCenter {text-align:center;}
.floatRight {float:right;}

.txtBold {font-weight:bold;}

.colorBule1 {color:#2f8bce;}
.colorskyBule {color:#029d9e;}
.colorGrayBlue {color:#73818f;}

.bgSkyblue {background-color:#edf5fc;}

.arrowSquare {font-size:11px; color:#3480ce;}

.mgL28 {margin-left:28px;}
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgT30 {margin-top:30px;}

.pdT10 td{padding-top:10px;}
.pdT30 td{padding-top:30px;}
.pdBt12 {padding-bottom:12px;}

.blueLine {border-top:2px solid #28628d;}
.skyblueLine {border-top:2px solid #65cccd;}
.blueLineBottom {border-bottom:1px solid #28628d;}
.skyblueLineBottom {border-bottom:1px solid #65cccd;}


.subContent_stit01, .subContent_stit02, .subContent_stit03
{font-weight:bold; font-size:15px; padding-left:24px; background:url(../img/sub_arrow_sskyblue01.jpg) no-repeat; background-position:0 2px;}
.subContent_stit02
{background:url(../img/sub_arrow_sblue01.jpg) no-repeat; background-position:0 2px;}
.subContent_stit03
{background:url(../img/sub_arrow_sskyblue01.jpg) no-repeat; background-position:0 2px;}

.subContent_sstit02 { background:url(../img/sub_arrow_sskyblue02.jpg) no-repeat; background-position:top left;
padding-top:3px; font-weight:bold;}

.subTable1 {margin-left:28px; margin-top:5px;}
.subTable1 tr.first td {font-weight:bold; background-color:#f6f6f6;}
.subTable1 tr.first td.wh {background-color:#fff; font-weight:normal;}
.subTable1 tr td {padding:5px 0px 3px 15px; border-bottom:1px solid #e2e0e0; border-right:1px solid #e2e0e0;}
.subTable1 tr td.fst { border-left:1px solid #e2e0e0;}


.subTable2 {margin-left:28px; margin-top:5px;}
.subTable2 tr.first td {font-weight:bold; background-color:#f6f6f6;}
.subTable2 tr td {padding:6px 0px 5px 0px; border-bottom:1px solid #e2e0e0; border-right:1px solid #e2e0e0;}
.subTable2 tr td.fst {border-left:1px solid #e2e0e0; width:130px;}

.subTable3 {margin-top:5px; width:100%}
.subTable3 tr.first td {font-weight:bold; background-color:#f6f6f6;}
.subTable3 tr.first td.wh {background-color:#fff; font-weight:normal;}
.subTable3 tr td {padding:7px 0px 7px 15px; border-bottom:1px solid #e2e0e0; border-right:1px solid #e2e0e0;}
.subTable3 tr td.fst {padding:0px; text-align:center; border-left:1px solid #e2e0e0;}
.subTable3 tr td.fst2 {text-align:center; border-left:1px solid #e2e0e0;}

.subTable4 {margin-top:5px; width:100%}
.subTable4 tr.first td {font-weight:bold; background-color:#f6f6f6;}
.subTable4 tr.first td.wh {background-color:#fff; font-weight:normal;}
.subTable4 tr td {padding:5px 8px; border-bottom:1px solid #e2e0e0; border-right:1px solid #e2e0e0;}
.subTable4 tr td.fst {text-align:center; border-left:1px solid #e2e0e0;}
.subTable4 tr td.blu {background-color:#f7fdfd;}
.subTable4 tr td.grayblu {background-color:#f5f8f8;}
.subTable4 tr td.tLeft {text-align:left; padding-left:12px;}

ul.subUl {padding:0px 0px 0px 15px;}
ul.subUl li {list-style-type:none;list-style-image:url("../img/bl_normal.gif");}

ul.subUl2 {padding:0px 0px 0px 3px;}
ul.subUl2 li {list-style-type:none;}

.skyBluetxt { font-weight:bold; color:#47c7ca;}


/* 회사개요 */
.summ_img {text-align:center;}


/* 찾아오시는길 */
.contents01 .map {text-align:center;}
.contents01 .mapCon {}

.busTitle td { font-size:14px; font-weight:bold; height:30px; padding-bottom:7px; border-bottom:2px solid #28628d; }
.bus { background-color:#f4f4f4; letter-spacing:-1px;}
.bus .busCol { text-align:center; font-weight:bold;width:40px; padding:20px 20px 10px 20px; border-bottom:1px solid #d8d9dc; border-right:1px solid #d8d9dc;}
.bus .busCont { padding:20px; border-bottom:1px solid #d8d9dc; }
.bus .bus_s	tr td { border-bottom:1px dashed #ccc; padding:5px 5px;}
.bus .bus_s	tr td.last { border:0px; }


/* 정보시스템감리 */
.subCon {width:98%;} 

.contents01 dl, dt, dd {padding:0px; margin:0px;}
.contents01 dt {color:#187bc3; font-size:14px;}
.contents01 dl {margin:18px 10px 10px 10px;}
.contents01 dd img {padding-top:15px;}

/* ISP감리 */
dl dt.plusTit {background:url("../img/sub_arrow_plusSky.gif") no-repeat; background-position:0px 6px; padding-left:15px; font-weight:bold;}




/* --------------- WEB-외부컨텐츠 끝 ------------ */
.contents01 .mapCon .mapTxt{display:none;}
.contents01 .mapCon .subContent_stit02{display:none;}
.contents01 .mapCon .blueLine{display:none;}