#top_area{position:absolute; width: 1024px; margin:0 auto;}
.toptxt{float:right; margin-top:20px; color:#9d9d9d; font-size: 12px; height: 20px; }
.toptxt li{float:left; margin-left: 15px;}
.toptxt li a:link {color:#9d9d9d;}
.header_margin{margin-top: 33px; margin-left: 15px; width: 106px;}
.header_margin img{margin-top:5px;}
.main-navigation { width:630px; margin-left: 190px;  font-family: 'Noto Sans KR' ; }
.main-navigation span{font-size: 30px;  }
.main-navigation span a:hover{border-bottom: 3px solid #0063c8;}
.main-navigation li ul li { border-top: 0;  }

ul {list-style: none;padding: 0;margin: 0;z-index: 9999; }
ul li {display: block;position: relative;float: left;}
li ul { display: none;}
ul li a {display: block;padding: 0.8em;text-decoration: none;white-space: nowrap;color: #000;margin-right: 30px;font-size: 18px;margin-top:-3px;}
ul li a:hover {border-bottom: 3px solid #0063c8;}
li:hover > ul {display: block;position: absolute;}
li:hover li { float: none; }
li:hover a { background: #fff; border-bottom: 3px solid #0063c8;}
li:hover li a:hover { background: #0063c8; color:#fff; }

/* Displays second level dropdowns to the right of the first level dropdown */
ul ul ul {left: 100%;top: 0;}
/* Simple clearfix */
ul:before,ul:after {content: " "; /* 1 */ display: table; /* 2 */}
ul:after { clear: both; }

.bullet_btn{position: absolute;width: 30px;height: 10px;font-size: 12px;overflow: hidden;cursor: pointer;}
.bullet_btn div {background-color: #FFF}
.bullet_btn .av {background-color: #ffff7d}
#top_banner{display:inline-block; position: relative; margin: 0; top: 0px; left: 0px; width: 100% !important; height: 475px; overflow: hidden; visibility: hidden;}

.bidding {width:317px; height: 375px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;  background-color: transparent;}
.bidding .maintxt {font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 400; color:#525252; padding:19px 41px 0px 43px;}
.bidding .subtxt {font-size:13px; padding: 10px 43px 65px 43px; line-height: 20px;}
.bidding img {padding:0px 43px 0px 43px;}

.sub1 {position:absolute; width: 370px; height: 125px; border-right: 1px solid #d9d9d9; margin-left: 319px; margin-top: -375px;}
.sub1 .maintxt{font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 400; color:#525252; padding:20px 30px 0px 18px;}
.sub1 .subtxt {font-size:12px; color: #858585; padding: 10px 33px 65px 18px;  width: 200px; letter-spacing: -1px; line-height: 20px;}
.sub1 img { margin-top:-15px; padding-left:2px;}

.sub2 {position:absolute; width: 370px; height: 125px; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin-left: 319px; margin-top: -252px;}
.sub2 .maintxt{font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 400; color:#525252; padding:30px 30px 0px 18px; margin-top: -20px;}
.sub2 .subtxt {font-size:12px; color: #858585; padding: 10px 23px 65px 18px;  width: 200px; letter-spacing: -1px; line-height: 20px;}
.sub2 img { margin-top:-10px; padding-left:12px;}

.sub3 {position:absolute; width: 370px; height: 126px; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin-left: 319px; margin-top: -127px;}
.sub3 .maintxt{font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 400; color:#525252; padding:20px 30px 0px 18px; margin-top: -5px;}
.sub3 .subtxt {font-size:12px; color: #858585; padding: 8px 23px 65px 18px;  width: 200px; letter-spacing: -1px; line-height: 20px;}
.sub3 img { margin-top:-13px; padding-left:12px;}

.sub4 {position:absolute; width: 370px; height: 125px; border-right: 1px solid #d9d9d9; margin-left: 689px;  margin-top: -375px;}
.sub4 .maintxt{font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 400; color:#525252; padding:20px 30px 0px 30px;}
.sub4 .subtxt {font-size:12px; color: #858585; padding: 10px 0px 65px 30px;  letter-spacing: -1px; line-height: 20px;}
.sub4 .count{font-size: 12px; color:red; margin-top:-50px; margin-left:20px;}
.sub4 img {padding:0px 10px 0px 10px;margin-top:-3px;}

.notice {position:absolute; width: 370px; height: 251px; border-right: 1px solid #d9d9d9;  border-top: 1px solid #d9d9d9; margin-left: 689px;  margin-top: -252px;}
.notice .maintxt{font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 400; color:#525252; padding:20px 30px 0px 30px;}
.notice .btn {float:right; margin-top:30px; margin-right:30px;}
.notice .noticetxt {font-size:18px; color:#000; padding: 30px 43px 65px 30px;letter-spacing: -1px; line-height: 20px;}
.notice .daytxt  {font-size:12px;  margin-left:30px; color:#b9b9b9; letter-spacing: 0px; margin-top:5px;}
.notice .intxt {font-size:12px;  margin-left:30px;letter-spacing: 0px; margin-top:-49px;max-height:40px;max-width:295px;}
.notice .num {padding:20px 0px 0px 30px;}
.notice .numtxt{ font-size:11px;color:#000; margin-left:-125px; margin-top:50px; }

.ad {margin-right: -100px; margin-left:50px;}

#bidingBody.body {display:table;/* height: 2168px; */ /* font-family: 'Noto Sans KR';   */}
.top_title, .biding_title1, .biding_title2, .main_title, .outline_title2 {/* font-family: 'Noto Sans KR'; */ line-height: 70px;}
.biding_title1 {margin-bottom: 10px;}
/* 사업분야 소개 */
.company_area_div {height: 220px; margin: 0 auto;}
.top_img {margin: 0 auto;/*  width: 1920px; */ width: 100%; height: 222px; max-height: 222px; margin-top: -2px;}
.top_title {font-size: 30px; text-align: center; margin-top: -171px; color:#000;}
.top_contents {font-size: 15px; text-align: center; margin-top: 30px;color:#000; line-height: 25px;}

/* bar */
.bar_div {border-bottom: 1px solid #d7d7d7; font-size: 14px; margin: 0 auto;}
.bar_div ul {width: 948px; margin: 0 auto;}
.bar_title {width: 156px; height: 47px; text-align: center; border-left: 1px solid #d7d7d7; }
.co_bar_title {width: 235px; height: 47px; text-align: center; border-left: 1px solid #d7d7d7;}
.last_bar_title {border-right: 1px solid #d7d7d7;}
.bar_contents {margin: 0px; padding: 0px; margin-top: 14px; height: 32px; font-size: 14px;}
.bar_contents:hover {color: #427ed0;}

/* contents 전체 정렬 */
.contents_div {width: 948px;margin: 0 auto; padding-top: 61px; }
.co_contents_div {width: 948px;margin: 0 auto; padding-top: 10px; }
/* Biding 소개 */
.biding_info {width: 948px; margin: 0 auto; border: 1px solid #d7d7d7;}
.biding_title1, .biding_title2, .biding_contents1 {width: 557px; float:left; padding-left: 61px;}
.biding_title1 a, .biding_contents1 a {color: #427ed0;}
.biding_title1 {font-size: 25px; padding-top: 49px; line-height: 41px;}
.biding_title2 {font-size: 55px; color: #427ed0; font-family: '나눔스퀘어'}
.biding_contents1 {line-height: 26px; font-size: 15px; padding-top: 20px;}
.biding_contents2 {margin-left: 616px; margin-top: 42px; padding: 40px;}
.biding_contents2 .mimg {margin-top:-141px; margin-left: -10px; margin-bottom: 10px; }
.biding_contents2 .number {margin-left:-17px;}
.biding_contents2 a{float: left; margin-top: -28px; margin-left: 15px; color: #427ed0; font-size: 15px;}
.contact_number_btn {margin-left: -17px; margin-top: 24px;}
.biding_tab ul {padding-top: 60px; border-bottom: 1px solid #d7d7d7;}
.biding_tab ul li {cursor:pointer;font-size: 16px; width: 90px; height: 32px; text-align: center; padding-top: 5px; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}

/* tap 메뉴 */
.tab_title1 {margin-left: -1px; margin-right: -1px;}
.tab_title a {font-size: 16px; margin: 0 auto; margin-top: -5px; width: 65px; height: 13px; padding-top: 11px; line-height: 12px;}
.tab_title a:hover {background-color: #eee; color: #427ed0; border: 0px;}


/* 개요, 장점, 도입현황 공통 */
.main_title {font-size: 30px; margin-top: 37px; margin-bottom: 37px;}
.sub_title {font-family: 'Noto Sans KR';font-size: 20px; color: #427ed0; margin-bottom: 35px; font-weight: 400;}

/* 개요 */
.outline_graph img {margin-right: 8px;}
.outline_contents1 {text-align: center; font-size: 16px; padding-top: 43px; padding-bottom: 100px; }
.outline_img {float: left;}

.outline_contents2 {width: 948px;}
.outline_img1 {width: 159px; float: left; padding-left: 41px; padding-right: 37px;}
.outline_title1 {font-size: 15px; text-align: center; margin-top: -50px; margin-bottom: 47px;}
.outline_memo1 {font-size: 13px; text-align: center; line-height: 23px;}

.outline_contents3 {width: 854px; text-align: center; color: #000; font-size: 18px; border: 1px solid #747474; padding: 3px; margin-top: 350px; border-radius: 12px; margin-bottom: 88px; margin-left: 43px; padding-bottom: 6px;}

.outline_content4 {width: 948px;}
.outline_div {width: 248px;float: left; padding-left: 33px; padding-right: 33px; padding-top: 50px;padding-bottom:50px;}
.outline_title2 {font-size: 25px; text-align: center; margin-top: 23px;}
.outline_memo2 {font-size: 13px; text-align: center; margin-top: 9px; margin-bottom: 77px; line-height: 23px;}
.outline_memo2 a {color: #427ed0;}

/* 장점 */
.sub_title a {color: #1e4180;}
.advantage_contents {margin-bottom: 100px; line-height: 30px; font-size: 16px; font-weight:300;}
.advantage_contents a {color: #427ed0;}

/* 도입현황 */
.present_graph_div {width: 948px; height: 364px; border: 1px solid #d7d7d7; margin: 0 auto;}
.present_graph {margin-top: 68px; margin-left: 174px;}
.present_contents {float: right; margin-top: 259px; margin-right: 21px; margin-bottom: 58px;line-height: 27px; width: 95px;}

.square_div {float: left; margin-top: 7px; margin-right: 12px;}
.present_square1, .present_square2, .present_square3 {width: 1px; margin-bottom: 15px;}
.present_square1 {border: 7px solid #f4bc2f;}
.present_square2 {border: 7px solid #427ed0;}
.present_square3 {border: 7px solid #9eccdb;}

.memo_div { float: left; font-size: 12px;}

.present_content1, .present_content2, .present_content3 {font-size: 16px; margin-top: 56px; margin-left: 10px; line-height: 30px;}
.present_content1 a, .present_content2 a, .present_content3 a {font-size: 18px; color: #427ed0;}
.present_content1 div, .present_content2 div, .present_content3 div {margin-left: 20px; margin-top: -30px; width:922px;}
.present_content2 b {color: #ff3a3a;}
.present_content3 {margin-bottom: 92px;}

/* 모바일컨텐츠 */
.mobile_contents2 {margin-left: 616px; margin-top: 32px; padding: 40px;}
.mobile_contents2 .mimg {margin-top:-110px; margin-left: 30px;}
.mobile_contents2 .number {margin-left:-17px;}
.mobile_contents2 a {float: left; margin-top: -28px; margin-left: 15px; color: #427ed0; font-size: 15px;  }

/*모바일개요*/
.outline_mgraph {margin-top: 80px; margin-left: 95px;}
.outline_mcontents1 {line-height: 35px; text-align: center; margin-top:120px;}
.outline_mcontents1 a {color: #427ed0;}
.outline_mcontents3 {width: 854px; text-align: center; color: #000; font-size: 18px; border: 1px solid #747474; padding: 3px; margin-top: 80px; border-radius: 12px; margin-bottom: 88px; margin-left: 43px; padding-bottom: 6px;}
.mobile_img {margin-bottom: 20px; width: 370px; margin-top: 20px;}
.mobile_txt {width: 373px; float: right; margin-top: -370px; line-height: 30px; margin-right: 30px;}
.mobile_txt a{color: #427ed0;}
.mpresent_txt {text-align: center; padding-top: 40px; font-size: 20px; }
.mpresent_graph_div {width: 948px; height: 364px; border: 1px solid #d7d7d7; margin: 0 auto;}
.mpresent_graph {margin-top: 50px; margin-left:230px;}
.mpresent_contents {float: right; margin-top: 215px; margin-right: 20px; margin-bottom: 58px;line-height: 27px; }


/* 입찰정보연계 */
.link_contents2 {margin-left: 616px; margin-top: 32px; padding: 40px;}
.link_contents2 .mimg {margin-top:-174px; margin-left: 15px;}
.link_contents2 .number {margin-left:-17px;}
.link_contents2 a {float: left; margin-top: -28px; margin-left: 15px; color: #427ed0; font-size: 15px;  }
.link_outline_graph {margin-top: 80px; margin-left: 95px;}
.link_outline_graph img{margin-right:10px;}
.link_outline_graph li{float: left;}
.link_outline_txt {margin-top: -80px; margin-left: 75px; text-align: center;}
.link_outline_txt li{margin-right:163px;}
.link_img {margin-bottom: 20px; width: 370px; margin-top: 60px;}
.link_txt { margin-top: -300px; line-height: 30px; margin-right: 30px; margin-left:430px; font-size: 15px; color:#4a4a4a;padding-bottom:130px;}
.link_txt a{color: #427ed0; font-size:18px;}

/*전산임대솔루션*/
.solu_contents2 {margin-left: 616px; margin-top: 32px; padding: 40px;}
.solu_contents2 .mimg {margin-top:-169px; margin-left: 15px;}
.solu_contents2 .number {margin-left:-17px;}
.solu_contents2 a{float: left; margin-top: -28px; margin-left: 15px; color: #427ed0; font-size: 15px;  }
.solu_outline_graph {margin-top: 80px; margin-left: 95px;}
.solu_outline_graph img{margin-right:10px;}
.solu_outline_graph li{float: left;}
.solu_outline_txt {margin-top: -80px; margin-left: 75px;}
.solu_outline_txt li{margin-right:165px;}
.solution_state_img img{margin-left: 60px;}
.solution_state_txt {text-align: center; font-size: 14px; margin-top: 30px; margin-bottom: 110px; line-height: 20px;}
.solution_state_txt ul{margin-left: 75px;}

/*전자조달*/
.obtain_contents2 {margin-left: 616px; margin-top: 42px; padding: 40px;}
.obtain_contents2 .mimg {margin-top:-128px; }
.obtain_contents2 .number {margin-left:-17px; }
.obtain_contents2 a {float: left; margin-top: -28px; margin-left: 15px; color: #427ed0; font-size: 15px;  }
.obtain_outline_txt {margin-top: -80px; margin-left: 75px; text-align: center;}

/*교육*/
.edu_contents2 {margin-left: 616px; margin-top: 42px; padding: 40px;}
.edu_contents2 .mimg {margin-top:-158px; margin-left: -45px;  }
.edu_contents2 .number {margin-left:-17px;}
.edu_contents2 a{float: left; margin-top: -28px; margin-left: 15px; color: #427ed0; font-size: 15px;  }
.edu_outline_graph {margin-top: 80px; margin-left:220px;}
.edu_outline_graph img{margin-right:10px;}
.edu_outline_graph li{float: left;}
.edu_outline_txt {margin-top: -80px; margin-left: 58px; text-align: center;}

/*대표이사인사말*/
.ceo_mtxt {margin-top:-450px; margin-left:30px; font-size: 35px; line-height: 60px; color:#525252;}
.ceotxt{margin-top:300px; line-height: 28px;}
.ceotxt a{font-size:25px; color: #427ed0;}
.ceotxt span{font-size:20px; color: #427ed0;}
.ceosign{float: right;  padding-bottom: 60px;}
.ceosign img{padding-left:15px; margin-top:-10px;}

/*로고타입*/
.logo_mtxt{text-align: center; font-size:30px; color: #115fb0;}
.logo_mtxt_t {margin-left:180px;text-align: center; margin-top: 20px;line-height: 30px;}
.logo_top_img {margin-top: 70px; margin-left: 200px;}
.logo_mtxt_b {text-align: center; padding-top:80px; margin-left:-50px; margin-bottom: 30px;}
.s_logo{margin-left:40px; margin-top:20px;}
.s_logo_txt{float:right; margin-top: -20px; margin-right:170px;}
.sym_img1 {width: 411px; height: 200px; border:solid 1px #ccc; text-align: center; margin-top:10px;}
.sym_img1 img{margin-top:75px; }
.sym_img2 {width: 411px; height: 200px; border:solid 1px #ccc; text-align: center; margin-top:-200px;margin-left: 500px;}
.sym_img2 img{margin-top:75px; }
.s_logo_txt1{text-align: center; padding-top: 50px; line-height: 30px; font-size: 13px;}
.sym_color {margin-top: 40px; margin-bottom: 40px;}

.sym_color_blue1{width: 276px; height: 15px; background-color:  #FCB712;}
.sym_color_blue2{width: 276px; height: 15px; background-color:  #0072BB; margin-left: 340px; margin-top: -15px; }
.sym_color_blue3{width: 276px; height: 15px; background-color:  #0089D1; margin-top: -38px; margin-left: 680px;}
.sym_color_blue4{width: 276px; height: 15px; background-color:  #00ADEF;}
.sym_color_yellow{width: 276px; height: 15px; background-color:  #FCB712;}

.sym_color_red1{width: 276px; height: 15px; background-color: #F2615A; margin-left: 340px; margin-top: -15px; }
.sym_color_green1{width: 276px; height: 15px; background-color: #A6CE39; margin-top: -38px; margin-left: 680px;}

.sym_color_grey{width: 276px; height: 15px; background-color:  #3e3a39; margin-top: -38px; margin-left: 680px;}
.color{margin-top: 200px;}
.sym_color_blue{width: 276px; height: 15px; background-color:  #004987;}
.sym_txt_blue { padding-top: 20px; color: #000;}
.sym_txt_blue span {margin-left: 50px; color: #000; font-size: 12px; letter-spacing: 1px;}

.sym_color_red{width: 276px; height: 15px; background-color:  #73243d; margin-left: 340px; margin-top: -15px; }
.sym_txt_red { margin-left: 340px; padding-top: 5px; color: #000;}
.sym_txt_red span {margin-left: 41px; color: #000; font-size: 12px; letter-spacing: 1px;}

.sym_color_grey{width: 276px; height: 15px; background-color:  #3e3a39; margin-top: -38px; margin-left: 680px;}
.sym_txt_grey { margin-left: 680px; padding-top: 5px; color: #000;}
.sym_txt_grey span {margin-left: 40px; color: #000; font-size: 12px; letter-spacing: 1px;}

.sym_color_sblue{width: 276px; height: 15px; background-color:  #0a9dd1; margin-top: 40px; }
.sym_txt_sblue {padding-top: 5px; color: #000;  margin-bottom: 50px;}
.sym_txt_sblue span {margin-left: 84px; color: #000; font-size: 12px; letter-spacing: 1px;}

.sym_color_sred{width: 276px; height: 15px; background-color:  #b02a52; margin-top: -89px; margin-left: 340px; }
.sym_txt_sred {margin-left: 340px;padding-top: 5px; color: #000;  margin-bottom: 50px;}
.sym_txt_sred span {margin-left: 68px; color: #000; font-size: 12px; letter-spacing: 1px;}

/*회사소개*/
.info_mtxt {text-align: center; font-size: 50px; margin-top: -420px; color:#fff;}
.info_mtxt span {font-size:30px; color:#fff88e;}
.info_mtxt a {font-size:30px; color:#fff; }
.info_mtxt img {margin-top:25px;}
.info_con {margin-top: 150px;}
.info_con1 {width: 210px; margin-left:10px; margin-top: 40px;}
.info_tittxt {width:200px; height:53px; text-align: center; font-size:30px; color:#406bb1; border-radius: 40px; border:1px solid #ccc; padding-top: 14px; }
.info_contxt {text-align: center; margin-top: 30px; line-height: 30px; font-size: 14px;}
.info_con2 {width: 330px; margin-left:365px; margin-top: -310px;}
.info_tittxt1 {width:200px; height:53px; text-align: center; font-size:30px; color:#406bb1; border-radius: 40px; border:1px solid #ccc; padding-top: 14px; }
.info_contxt1 { margin-left:-20px;margin-top: 30px; line-height: 30px; font-size: 14px;}
.info_contxt1 a{color: #427ed0; margin-right: 10px;}
.info_con3 {width: 210px; margin-left:720px; margin-top: -490px;}
.info_tittxt2 {width:200px; height:53px; text-align: center; font-size:30px; color:#406bb1; border-radius: 40px; border:1px solid #ccc; padding-top: 14px; }
.info_contxt2 {text-align: center; margin-top: 30px; line-height: 30px; font-size: 14px;}
.certi_con {margin-top: 320px;}
.certi_con img{float: left; margin-left: 40px;  margin-bottom: 70px;}

/*조직도*/
.co_org img { margin-left: -38px;}
.ceo {margin-left: 350px; margin-top: 110px; width:200px; border: 4px solid #427ed0; padding: 10px 20px 10px 20px ;  text-align: center; color:#427ed0; }
.org1 {width: 91px; border: 1px solid #427ed0; padding: 10px 20px 10px 20px ;  text-align: center; float: left; margin-left: 17px;}
.org1_txt{position: absolute;}
.org2_txt{ width:90px; height:150px; float: left; margin-top: 160px; line-height: 30px; margin-left: 42px; text-align: center; font-size: 13px; }
.org3_txt{ width:90px; height:150px; float: left; margin-top: -90px; line-height: 30px; margin-left: 146px; text-align: center; font-size: 13px; }
.org4_txt{ width:90px; height:150px; float: left; margin-top: -150px; line-height: 30px; margin-left: 301px; text-align: center; font-size: 13px; }
.org5_txt{ width:90px; height:150px; float: left; margin-top: -150px; line-height: 30px; margin-left: 449px; text-align: center; font-size: 13px; }
.org6_txt{ width:90px; height:150px; float: left; margin-top: -150px; line-height: 30px; margin-left: 596px; text-align: center; font-size: 13px; }
.org7_txt{ width:90px; height:150px; float: left; margin-top: -150px; line-height: 30px; margin-left: 745px; text-align: center; font-size: 13px; }

#co_Body{margin-bottom:50px;}