@import "./font.css";

html * {
    font-size: 12px;
    font-family: 돋움, Dotum, 굴림, Gulim, AppleGothic, sans-serif;
}

body {
    height: 100%;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

ul, li, ol, dl, dd {
    list-style-type: none;
    margin-bottom: 0px;
}

*:focus {
    outline: none;
}

a {
    outline: none;
    select-dummy: expression(this.hideFocus=true);
}

input, select {
    vertical-align: middle;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0 0 4px;
    margin-top: 1px \9;
    line-height: normal;
}

.form-group {
    margin-bottom: 0;
}
#head-container {
    height: 65px;
    text-align: center;
    background: url("//www.info21c.net/v4/assets/image/common/H_back.gif") repeat-x;
    font-size: 12px;
    font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;
}

#head-container a {
    text-decoration: none;
    color: #333;
}

#head-container .head-content {
    width: 990px;
    margin: 0 auto;
    text-align: left;
}

#head-container .head-content .logo {
    float: left;
    width: 300px;
    margin-top: 19px;
}

#head-container .head-content .search {
    float: left;
    width: 690px;
}

#head-container .head-content .search #finderFrm {
    float: left;
    width: 345px;
    padding-top: 15px;
}

#head-container .head-content .search #finderFrm .input-box {
    height: 34px;
    background: url("//www.info21c.net/v4/assets/image/common/H_searchback.gif") no-repeat;
    text-align: left;
    color: #555;
}

#head-container .head-content .search #finderFrm .input-box #findStr {
    float: left;
    border: 0;
    width: 180px;
    margin-left: 90px;
    margin-top: 8px;
}

#head-container .head-content .search #finderFrm .input-box .btn-search {
    float: right;
}

#head-container .head-content .search .quick-menu {
    display: inline;
    padding-top: 15px;
    padding-right: 0px;
    float: right !important;
}

#head-container .head-content .search .quick-menu li {
    float: left;
}

#head-container .head-content .search .top_logout {
    width: 49px;
    background: url('//www.info21c.net/v4/assets/image/button/btn_board.gif') 0 -157px no-repeat;
    overflow: hidden;
    padding-top: 17px;
    float: right;
    height: 0px !important;
}

#main-menu {
    background: url("//www.info21c.net/v4/assets/image/common/M_back.gif") repeat-x;
    height: 97px;
    text-align: center;
}

#main-menu .side1 {
    width: 183px;
    height: 54px;
    float: left;
    text-align: left;
}

#main-menu .menus {
    width: 990px;
    height: 54px;
    margin: 0 auto;
}

#main-menu .side2 {
    position: absolute;
    margin-left: 990px;
}

#main-menu .smback {
    height: 33px;
    background: url("//www.info21c.net/v4/assets/image/common/M_smback.gif") no-repeat;
    text-align: center;
    padding-top: 7px;
    clear: both;
}

#main-menu .back1 {
    float: left;
    width: 61px;
    height: 54px;
    background: url("//www.info21c.net/v4/assets/image/common/M_imgleft.gif") no-repeat;
}

#main-menu .back2 {
    float: left;
    width: 50px;
    height: 54px;
    background: url("//www.info21c.net/v4/assets/image/common/M_imgright.gif") no-repeat;
}

#main-menu ul {
    float: left;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 0;
}

#main-menu li.menu {
    display: inline;
    white-space: nowrap;
    margin-left: 0;
}

#main-menu li.menu > a {
    overflow: hidden;
    padding-top: 54px;
    float: left;
    height: 0;
}

#main-menu li.menu .menu01 {
    width: 85px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img01.gif") no-repeat top;
}

#main-menu li.menu ol.sub01 {
    left: 45px;
}

#main-menu li.menu .menu02 {
    width: 79px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img02.gif") no-repeat top;
}

#main-menu li.menu ol.sub02 {
    left: 100px;
}

#main-menu li.menu .menu03 {
    width: 78px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img03.gif") no-repeat top;
}

#main-menu li.menu ol.sub03 {
    left: 100px;
}

#main-menu li.menu .menu04 {
    width: 115px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img04.gif") no-repeat top;
}

#main-menu li.menu ol.sub04 {
    left: 220px;
}

#main-menu li.menu .menu05 {
    width: 90px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img05.gif") no-repeat top;
}

#main-menu li.menu ol.sub05 {
    left: 145px;
}

#main-menu li.menu .menu06 {
    width: 78px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img06.gif") no-repeat top;
}

#main-menu li.menu ol.sub06 {
    left: 430px;
}

#main-menu li.menu .menu07 {
    width: 79px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img07.gif") no-repeat top;
}

#main-menu li.menu ol.sub07 {
    left: 315px;
}

#main-menu li.menu .menu10 {
    width: 79px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img10.gif") no-repeat top;
}

#main-menu li.menu ol.sub10 {
    left: 425px;
}

#main-menu li.menu .menu08 {
    width: 89px;
    background: url("//www.info21c.net/v4/assets/image/common/M_img08.gif") no-repeat top;
}

#main-menu li.menu ol.sub11 {
    left: 245px;
}

/*NewTop*/
#main-menu li.menu .NMenu01 {
    width: 87px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img01.gif?var=1") no-repeat top;
}

#main-menu li.menu .NMenu02 {
    width: 80px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img02.gif?var=1") no-repeat top;
}

#main-menu li.menu .NMenu03 {
    width: 84px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img03.gif?var=1") no-repeat top;
}

#main-menu li.menu .NMenu04 {
    width: 93px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img04.gif?var=1") no-repeat top;
}

#main-menu li.menu .NMenu05 {
    width: 82px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img05.gif?var=1") no-repeat top;
}

#main-menu li.menu .NMenu06 {
    width: 87px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img06.gif?var=1") no-repeat top;
}

#main-menu li.menu .NMenu07 {
    width: 88px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img07.gif?var=1") no-repeat top;
}

#main-menu li.menu .NMenu08 {
    width: 92px;
    background: url("//www.info21c.net/v4/assets/image/common/NM_img08.gif?var=1") no-repeat top;
}

/*2019-10 수정메뉴*/
#main-menu li.menu .N1Menu01 {
    width: 96px;
    background: url("//www.info21c.net/v4/assets/image/common/N1M_img01.gif") no-repeat top;
}

#main-menu li.menu .N1Menu02 {
    width: 91px;
    background: url("//www.info21c.net/v4/assets/image/common/N1M_img02.gif") no-repeat top;
}

#main-menu li.menu .N1Menu03 {
    width: 98px;
    background: url("//www.info21c.net/v4/assets/image/common/N1M_img03.gif") no-repeat top;
}

#main-menu li.menu .N1Menu04 {
    width: 109px;
    background: url("//www.info21c.net/v4/assets/image/common/N1M_img04.gif") no-repeat top;
}

#main-menu li.menu .N1Menu05 {
    width: 84px;
    background: url("//www.info21c.net/v4/assets/image/common/N1M_img05.gif") no-repeat top;
}

#main-menu li.menu .N1Menu06 {
    width: 97px;
    background: url("//www.info21c.net/v4/assets/image/common/N1M_img06.gif") no-repeat top;
}

#main-menu li.menu .N1Menu07 {
    width: 118px;
    background: url("//www.info21c.net/v4/assets/image/common/N1M_img07.gif") no-repeat top;
}

/*2021-06 수정메뉴*/
#main-menu li.menu .N2Menu01 {
    width: 89px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img01.gif") no-repeat top;
}
#main-menu li.menu .N2Menu02 {
    width: 83px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img02.gif") no-repeat top;
}
#main-menu li.menu .N2Menu03 {
    width: 80px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img03.gif") no-repeat top;
}
#main-menu li.menu .N2Menu04 {
    width: 92px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img04.gif") no-repeat top;
}
#main-menu li.menu .N2Menu05 {
    width: 78px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img05.gif") no-repeat top;
}
#main-menu li.menu .N2Menu06 {
    width: 82px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img06.gif") no-repeat top;
}
#main-menu li.menu .N2Menu07 {
    width: 93px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img07.gif") no-repeat top;
}
#main-menu li.menu .N2Menu08 {
    width: 96px;
    background: url("//www.info21c.net/v4/assets/image/common/N2M_img08.gif") no-repeat top;
}
		
#main-menu li.menu ol.sub08 {
    left: 180px;
}

#main-menu li.menu ol {
    position: absolute;
    float: left;
    top: 54px;
    visibility: hidden;
    padding: 0;
    margin: 0;
}

#main-menu li.menu ol li {
    display: inline;
    /* 입찰정보 */
    /* 낙찰정보 */
    /* 파워분석 */
    /* 실시간맞춤정보 */
    /* 개인서류함 */
    /* 입찰교육 */
    /* 커뮤니티 */
    /* 고객센터 */
    /*공동도급*/
}

#main-menu li.menu ol li a {
    overflow: hidden;
    padding-top: 27px;
    float: left;
    height: 0px !important;
    text-indent: -10000em;
}

#main-menu li.menu ol li .sm_a01 {
	width: 52px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a01.gif") no-repeat top;
}
#main-menu li.menu ol li .sm_a01_01 {
	width: 64px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a01_.gif?ver=1") no-repeat top;
}

#main-menu li.menu ol li .sm_a02 {
	width: 52px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a02.gif") no-repeat top;
}
#main-menu li.menu ol li .sm_a02_01 {
	width: 64px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a02_.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_a03 {
	width: 52px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a03.gif") no-repeat top;
}
#main-menu li.menu ol li .sm_a03_01 {
	width: 64px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a03_.gif?ver=1") no-repeat top;
}
#main-menu li.menu ol li .sm_a04 {
	width: 80px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a04.gif") no-repeat top;
}
#main-menu li.menu ol li .sm_a04_01 {
	width: 73px;
	background: url("//www.info21c.net/v4/assets/image/common/M_sm_a04_.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_b01 {
    width: 52px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_b01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_b02 {
    width: 52px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_b02.gif") no-repeat top;
}


#main-menu li.menu ol li .sm_b03 {
    width: 52px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_b03.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_b04 {
    width: 75px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_b04.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_b05 {
    width: 80px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_a04.gif") no-repeat top;
}

/*new구매낙찰*/
#main-menu li.menu ol li .sm_b06 {
    width: 78px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_b03_.gif?ver=1') no-repeat top;
}

#main-menu li.menu ol li .sm_c01 {
    width: 75px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_c01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_c02 {
    width: 85px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_c02.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_c02_01 {
    width: 94px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_c02_01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_c03 {
    width: 95px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_c03.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_c03_01 {
    width: 106px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_c03_01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_c04 {
    width: 54px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_c04_.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_c05_01 {
    width: 94px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_c05_01.gif') no-repeat top;
}


#main-menu li.menu ol li .sm_h01 {
    width: 61px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_h01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_h02 {
    width: 61px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_h02.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_h03 {
    width: 61px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_h03.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_h04 {
    width: 145px;
    margin-right: 10px;
    background: url("//www.info21c.net/v4/assets/image/common/D_menu.gif?var=1") no-repeat top;
}

#main-menu li.menu ol li .sm_d01 {
    width: 61px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_d02 {
    width: 61px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d02.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_d03 {
    width: 52px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d03.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_d04 {
    width: 52px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d04.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_d05 {
    width: 75px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d05.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_d06 {
    width: 75px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d06.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_d07 {
    width: 43px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d07.gif") no-repeat top;
}

/*new입찰서류함*/
#main-menu li.menu ol li .sm_d08 {
    width: 61px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d08_.gif") no-repeat top;
}

/*new낙찰서류함*/
#main-menu li.menu ol li .sm_d09 {
    width: 61px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_d09_.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_e01 {
    width: 65px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_e01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_e02 {
    width: 85px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_e02.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_e03 {
    width: 62px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_e03.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_e04 {
    width: 100px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_e04.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_e05 {
    width: 56px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_e05.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_f01 {
    width: 75px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_f01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_f02 {
    width: 75px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_f02.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_f03 {
    width: 52px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_f03.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_f04 {
    width: 75px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_f04.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_f05 {
    width: 67px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_f05.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_g01 {
    width: 62px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_g01.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_g02 {
    width: 62px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_g02.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_g03 {
    width: 50px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_g03_.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_g04 {
    width: 72px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_g04.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_g05 {
    width: 85px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_g05.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_g06 {
    width: 70px;
    background: url("//www.info21c.net/v4/assets/image/common/M_sm_g06.gif") no-repeat top;
}

#main-menu li.menu ol li .sm_g12 {
    width: 34px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_g12.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_g13 {
    width: 66px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_g13.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_g14 {
    width: 66px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_g14.gif') no-repeat top;
}

/*공지사항*/
#main-menu li.menu ol li .sm_g15 {
    width: 66px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_g15.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_f10 {
    width: 121px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_g10.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_f11 {
    width: 95px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_g11.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_j01 {
    width: 86px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_j01.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_j02 {
    width: 55px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_j02.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_j03 {
    width: 53px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_j03.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_j04 {
    width: 55px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_j04.gif') no-repeat top;
}

/*입찰자료실*/
#main-menu li.menu ol li .sm_r01 {
    width: 80px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_r01.gif') no-repeat top;
}
#main-menu li.menu ol li .sm_r02 {
    width: 80px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_r02.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_r03 {
    width: 57px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_r03.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_r04 {
    width: 56px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_r04.gif') no-repeat top;
}

#main-menu li.menu ol li .sm_r05 {
    width: 56px;
    background: url('//www.info21c.net/v4/assets/image/common/M_sm_r05.gif') no-repeat top;
}

.main-contents-box{
    width:990px;
    margin:0 auto;
}


/* //main-menu */
.footer {
    margin-top: 40px;
}

.footer ul.footer-menu {
    height: 35px;
    background-color: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding-top: 8px;
}

.footer ul.footer-menu li {
    font-size: 12px;
    margin-right: 15px;
    margin-top: 5px;
    display: inline;
}

.footer ul.footer-menu li a {
    color: #555;
    text-decoration: none;
}

.footer ul.footer-menu li a:hover {
    color: #4275ca;
}

.footer .copyright {
    color: #777;
    line-height: 17px;
    text-align: center;
    font-size: 11px;
    font-family: 돋움;
    margin-top: 20px;
}

.textCut { 	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap; }
@media print {
    a[href]:after {
        content: "" !important;
    }
}