/**************************************************************************
메인이미지 : 
**************************************************************************/
.dep3 { float:left; width:100%; height:250px; background:url("/images2/main/main_banner_1.jpg") repeat-x; margin-bottom: 40px; }
.main-img-area { margin:0 auto; width:1200px; height:200px; margin-top: 25px; }
.main-img-area .main-txt-area { float:left; width:870px; height:200px; margin-top: 0px; }
.main-img-area .main-txt-area .main-txt { float:left; width:870px; height:140px; color:#FFF; font-size:22px; font-family:'NanumSquare', sans-serif; line-height: 160%; }
.main-img-area .main-txt-area .accrue-data { float:left; width:870px; height:36px; }
.btn_more { display:inline-block; width:180px; height:50px; color:#FFF; text-align: center; font-size:18px; line-height:50px; border:1px solid #FFF; border-radius: 25px; }
.btn_more:hover { background-color: #FFF; color:#000; }

/* 누적거래실적 */
.style-accrue { display:inline-block; width:450px; height:50px; color:#FFFFFF; font-weight: 900; text-align: center; font-size:22px; line-height:50px; background-color: rgba(0, 0, 0, 0.7) }

/* 로그인 */
.main-img-area .login-box-area { float:left; width:330px; height:200px; background-color: #FFFFFF; }
.main-img-area .login-box-area .login-box { float:left; width:290px; height:180px; margin-top: 20px; margin-left: 20px; }
.main-img-area .login-box-area .login-box .input-area1 { float:left; width:290px; height:86px; }
.main-img-area .login-box-area .login-box .input-area1 .input-area2 { float:left; width:180px; height:86px; }
.main-img-area .login-box-area .login-box .input-area1 .input-area3 { float:left; width:110px; height:86px; }
.input-id { width:165px; height:36px; color:#333333; font-size:15px; border: 1px #b8b8b8 solid; background-color:#FFF; padding-left:5px; text-align:left; border-radius: 6px; margin-bottom: 4px; }
.input-pwd { width:165px; height:36px; color:#333333; font-size:15px; border: 1px #b8b8b8 solid; background-color:#FFF; padding-left:5px; text-align:left; border-radius: 6px; }

/* 로그인 버튼 */
.btn-login { 
    display:inline-block; 
    width:110px; 
    height:84px; 
    color:#FFF; 
    text-align: center; 
    font-size:16px; 
    line-height:84px; 
    background: #000000;
    border-radius: 6px; 
    }
.btn-login:hover { 
    color:#FFF; 
    background: #3d3d3d;
    }

.save-area { float:left; width:290px; height:35px; } /* 사업자번호 저장 */
.save-area .checkbox { float:left; width:17px; height:35px; padding-top: 3px; }
.save-area .save-txt1 { float:left; width:120px; height:33px; color:#666; font-size:13px; padding-top: 5px; }
.save-area .save-txt2 { float:left; width:150px; height:33px; color:#666; font-size:13px; padding-top: 5px; text-align: right; }
.save-area .save-txt2 a:link { color:#666; font-size:13px; text-decoration:underline; }
.save-area .save-txt2 a:visited { color:#666; font-size:13px; text-decoration:underline; }
.save-area .save-txt2 a:hover { color:#000; font-size:13px; text-decoration:underline; }
.login-btn-area { float:left; width:290px; height:34px; text-align: center; } /* 하단버튼 영역 */

/* 인증서로그인 버튼 */
.btn-login1 { 
    display:inline-block; 
    width:100px; 
    height:34px; 
    color:#FFF; 
    text-align: center; 
    font-size:13px; 
    line-height:34px; 
    background: #000000;
    border-radius: 6px; 
    margin-right: 5px;
    }
.btn-login1:hover { 
    color:#FFF; 
    background: #3d3d3d;
    }

/* 인증서갱신 버튼 */
.btn-login2 { 
    display:inline-block; 
    width:86px; 
    height:34px; 
    color:#5e5e5e; 
    text-align: center; 
    font-size:13px; 
    line-height:34px; 
    background: #FFF;
    border-radius: 6px; 
    margin-right: 5px;
    border: 1px #b8b8b8 solid;
    }
.btn-login2:hover { 
    color:#000; 
    background: #ececec;
    }

/* 인증서발급 버튼 */
.btn-login3 { 
    display:inline-block; 
    width:86px; 
    height:34px; 
    color:#5e5e5e; 
    text-align: center; 
    font-size:13px; 
    line-height:34px; 
    background: #FFF;
    border-radius: 6px; 
    border: 1px #b8b8b8 solid;
    }
.btn-login3:hover { 
    color:#000; 
    background: #ececec;
    }

/**************************************************************************
본문내용 : 
**************************************************************************/
.container { margin:0 auto; width:1200px; min-height:100px; }

/* 공고 */
.gonggo_area2 { margin:0 auto; width:1200px; min-height:60px; padding-top: 40px; }
.tb_gonggo2 { width:1200px; border-collapse:collapse; border-spacing:0; margin-bottom: 40px; }
.tb_gonggo2 tr.topline { border-top:1px solid #666666; border-bottom:1px solid #bfbfbf; background-color: #fbfbfb; }
.tb_gonggo2 tr.bottomline { border-bottom:1px solid #bfbfbf; }
.tb_gonggo2 td { padding:10px 10px 10px 10px; height:32px; line-height:150%; color:#333; font-size:16px; text-align:center; border-bottom:1px solid #e4e4e4; letter-spacing: -1px; }
.tb_gonggo2 td.first { border-bottom:0px; color:#000; font-weight: bold; font-family:'NanumSquare', sans-serif; font-size:17px; }
.tb_gonggo2 td.last { border-bottom:0px }
.tb_gonggo2 td.left { text-align: left; }
.tb_gonggo2 td.right { text-align: right; }
.tb_gonggo2 td a:link { color:#000; font-size:15px; text-decoration:none; }
.tb_gonggo2 td a:visited { color:#000; font-size:15px; text-decoration:none; }
.tb_gonggo2 td a:hover { color:#000; font-size:15px; text-decoration:none; }

.icon_bid { display:inline-block; width:55px; height:30px; background-color:#7a001e; color:#FFF; font-size:14px; line-height: 30px; border:1px solid #7a001e; border-radius: 3px; }
.icon_price { display:inline-block; width:55px; height:30px; background-color:#00147a; color:#FFF; font-size:14px; line-height: 30px; border:1px solid #00147a; border-radius: 3px; }
.mgr36 { margin-right: 36px; }
table tr:hover { background-color: #f1f1f1; }

/**************************************************************************
공지사항 & 고객센터 영역 : 
**************************************************************************/
.dep7 { float:left; width:1200px; height:250px; background-color: #FFFFFF; margin-bottom: 40px; }
.dep7-1 { float:left; width:582px; height:250px; background-color: #FFFFFF; border:1px solid #858585; border-radius: 12px; }
.dep7-1-tit-area { float:left; width:524px; height:60px; margin-top: 30px; margin-left: 30px; }
.dep7-1-tit { float:left; width:489px; height:60px; color:#000000; font-size:34px; font-family:'NanumSquare', sans-serif; font-weight: bold; }
.dep7-1-tit-more { float:left; width:35px; height:60px; }

.dep7-1-tb-area { float:left; width:524px; min-height:60px; margin-left: 30px; }
.tb-notice { width:100%; border-collapse:collapse; border-spacing:0; }
.tb-notice td { padding:0px 0px 0px 0px; height:34px; line-height:150%; color:#5c5c5c; text-align:left; border-bottom:0px solid #dddddd; }
.tb-notice td.bullet { color:#666; font-size:6px; font-family: Arial, Helvetica, sans-serif; }
.tb-notice td.date { color:#666; font-size:13px; text-align: right; letter-spacing: -1px; }
.tb-notice td a:link { color:#333; font-size:14px; letter-spacing: -1px; text-decoration:none; }
.tb-notice td a:visited { color:#333; font-size:14px; text-decoration:none; }
.tb-notice td a:hover { color:#000; font-size:14px; text-decoration:none; }

/* 고객센터 */
.dep7-2 { float:right; width:580px; height:250px; background-color: #FFFFFF; border:2px solid #000000; border-radius: 12px; }
.dep7-2-tit1 { float:left; width:524px; height:45px; margin-top: 30px; margin-left: 30px; color:#000000; font-size:34px; font-family:'NanumSquare', sans-serif; font-weight: bold; }
.dep7-2-tit1-1 { font-family:'NanumSquare', sans-serif; font-weight: 900; }
.dep7-2-tit2 { float:left; width:524px; height:45px; margin-left: 30px; color:#737373; font-size:18px; font-family:'NanumSquare', sans-serif; font-weight: bold; }
.dep7-2-icon { float:left; width:580px; height:100px;  }


/**************************************************************************
로그인후 : 
**************************************************************************/

.container-login-after { margin:0 auto; width:1200px; height:1130px; background:url("/images2/main/container-login-bg.png") repeat-y; }
.container-left { float:left; width:850px; min-height:380px; margin-top: 30px; margin-right: 60px; }

/* 탭 */
.main-tap-area1 { float:left; width:850px; height:50px; }
.main-tap-area2 { float:left; width:850px; height:50px; }
.main-tap-area3 { float:left; width:850px; height:50px; }
.main-tap-area4 { float:left; width:850px; height:50px; }

.main-tap1-on { 
    display:inline-block; 
    width:213px; 
    height:50px; 
    font-family:'NanumSquare', sans-serif;
    color:#ffffff; 
    text-align: center; 
    font-size:18px; 
    font-weight: bold;
    line-height:50px; 
    background: #003675;
    border-radius: 6px 0 0 6px; 
    }

.main-tap2-on { 
    display:inline-block; 
    width:212px; 
    height:50px; 
    font-family:'NanumSquare', sans-serif;
    color:#ffffff; 
    text-align: center; 
    font-size:18px; 
    font-weight: bold;
    line-height:50px; 
    background: #003675;
    }

.main-tap3-on { 
    display:inline-block; 
    width:212px; 
    height:50px; 
    font-family:'NanumSquare', sans-serif;
    color:#ffffff; 
    text-align: center; 
    font-size:18px; 
    font-weight: bold;
    line-height:50px; 
    background: #003675;
    }

.main-tap4-on { 
    display:inline-block; 
    width:213px; 
    height:50px; 
    font-family:'NanumSquare', sans-serif;
    color:#ffffff; 
    text-align: center; 
    font-size:18px; 
    font-weight: bold;
    line-height:50px; 
    background: #003675;
    border-radius: 0 6px 6px 0; 
    }

.main-tap1-off { 
    display:inline-block; 
    width:210px; 
    height:48px; 
    font-family:'NanumSquare', sans-serif;
    color:#737373; 
    text-align: center; 
    font-size:18px; 
    line-height:48px; 
    background: #FFF;
    border-top: 1px #c5c5c5 solid; 
    border-right: 1px #c5c5c5 solid; 
    border-bottom: 1px #c5c5c5 solid; 
    border-left: 1px #c5c5c5 solid;
    border-radius: 6px 0 0 6px; 
    }
.main-tap1-off:hover { 
    color:#000; 
    text-decoration: underline;
    }

.main-tap2-off { 
    display:inline-block; 
    width:210px; 
    height:48px; 
    font-family:'NanumSquare', sans-serif;
    color:#737373; 
    text-align: center; 
    font-size:18px; 
    line-height:48px; 
    background: #FFF;
    border-top: 1px #c5c5c5 solid; 
    border-right: 1px #c5c5c5 solid; 
    border-bottom: 1px #c5c5c5 solid; 
    border-left: 1px #FFFFFF solid;
    }
.main-tap2-off:hover { 
    color:#000; 
    text-decoration: underline;
    }

.main-tap3-off { 
    display:inline-block; 
    width:210px; 
    height:48px; 
    font-family:'NanumSquare', sans-serif;
    color:#737373; 
    text-align: center; 
    font-size:18px; 
    line-height:48px; 
    background: #FFF;
    border-top: 1px #c5c5c5 solid; 
    border-right: 1px #c5c5c5 solid; 
    border-bottom: 1px #c5c5c5 solid; 
    border-left: 1px #FFFFFF solid;
    }
.main-tap3-off:hover { 
    color:#000; 
    text-decoration: underline;
    }

.main-tap4-off { 
    display:inline-block; 
    width:210px; 
    height:48px; 
    font-family:'NanumSquare', sans-serif;
    color:#737373; 
    text-align: center; 
    font-size:18px; 
    line-height:48px; 
    background: #FFF;
    border-top: 1px #c5c5c5 solid; 
    border-right: 1px #c5c5c5 solid; 
    border-bottom: 1px #c5c5c5 solid; 
    border-left: 1px #FFFFFF solid;
    border-radius: 0 6px 6px 0; 
    }
.main-tap4-off:hover { 
    color:#000; 
    text-decoration: underline;
    }

/* 공고 */
.gonggo4-area { float:left; width:850px; margin-top: 30px; margin-bottom: 40px; }
.tb_gonggo4 { width:850px; border-collapse:collapse; border-spacing:0; }
.tb_gonggo4 tr.topline { border-top:1px solid #666666; border-bottom:1px solid #bfbfbf; background-color: #fbfbfb; }
.tb_gonggo4 tr.bottomline { border-bottom:1px solid #bfbfbf; }
.tb_gonggo4 td { padding:10px 10px 10px 10px; height:32px; line-height:150%; color:#333; font-size:15px; text-align:center; border-bottom:1px solid #e4e4e4; letter-spacing: -1px; }
.tb_gonggo4 td.first { border-bottom:0px; color:#000; font-weight: bold; font-family:'NanumSquare', sans-serif; font-size:17px; }
.tb_gonggo4 td.last { border-bottom:0px }
.tb_gonggo4 td.left { text-align: left; }
.tb_gonggo4 td.right { text-align: right; }
.tb_gonggo4 td a:link { color:#000; font-size:15px; letter-spacing: -1px; text-decoration:none; }
.tb_gonggo4 td a:visited { color:#000; font-size:15px; letter-spacing: -1px; text-decoration:none; }
.tb_gonggo4 td a:hover { color:#000; font-size:15px; letter-spacing: -1px; text-decoration:none; }

.container-right { float:left; width:290px; min-height:380px; margin-top: 30px; }
.container-right-tit { float:left; width:290px; height:40px; color:#000; font-weight: 800; font-family:'NanumSquare', sans-serif; font-size:24px; }

/* 구매기관 바로가기 */

/* select 기본 스타일 */
select {
    width: 290px;
    padding: 10px;
    font-size: 16px;
    border: 2px solid #000000;
    border-radius: 5px;
    background-color: white;
    color: #333;
    appearance: none; /* 브라우저 기본 스타일 제거 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg'); /* 드롭다운 화살표 커스텀 */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px;
}

/* select 요소의 컨테이너에 화살표 추가 */
.select-container {
    position: relative;
    display: inline-block;
    width: 290px;
    margin-bottom: 40px;
}

/* 화살표를 select 박스 옆에 배치 */
.select-container::after {
    content: '\25BC'; /* 아래 화살표 기호 */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: #000000;
}

/* select 박스가 포커스될 때 스타일 */
select:focus {
    border-color: #454545;
    outline: none;
    box-shadow: 0 0 5px rgba(68, 68, 68, 0.5);
}

/* 옵션 스타일 */
option {
    padding: 10px;
}

/* 내정보 */
.container-right-my { float:left; width:290px; color:#737373; font-size:16px; line-height: 160%; margin-bottom: 10px; }
.container-right-icon-bg { float:left; width:290px; height:240px; background:url("/images2/main/container-right-icon-bg.png"); margin-bottom: 40px; }

/* 공지사항 */
.container-right-tit-area { float:left; width:290px; height:40px; }
.container-right-tit1 { float:left; width:265px; height:40px; color:#000; font-weight: 800; font-family:'NanumSquare', sans-serif; font-size:24px; }
.container-right-notice-more { float:left; width:25px; height:40px; }
.container-right-notice { float:left; width:290px; color:#737373; font-size:14px; line-height: 180%; margin-bottom: 40px; }
.container-right-notice a:link { color:#737373; font-size:14px; letter-spacing: -1px; text-decoration:none; }
.container-right-notice a:visited { color:#737373; font-size:14px; letter-spacing: -1px; text-decoration:none; }
.container-right-notice a:hover { color:#000; font-size:14px; letter-spacing: -1px; text-decoration:underline; }

/* 스타빌 고객센터 */
.container-right-number { float:left; width:290px; height:40px; color:#000; font-weight: 800; font-family:'NanumSquare', sans-serif; font-size:36px; margin-top: -5px; margin-bottom: 10px; }
.container-right-time { float:left; width:290px; color:#737373; font-size:16px; margin-bottom: 20px; }
.container-right-icon1 { float:left; width:290px; height:100px; margin-bottom: 10px; }

/**************************************************************************
구매기관 바로가기 : 
**************************************************************************/
.buyer-bg { float:left; width:100%; background-color: #f8f8f8; padding-bottom: 15px; }
.buyer-area { margin:0 auto; width:1200px; min-height:250px; margin-top: 40px; }
.buyer-tit { float:left; width:1200px; height:40px; color:#000; font-weight: 800; font-family:'NanumSquare', sans-serif; font-size:24px; }
.buyer-logo { float:left; width:1200px; margin-bottom: 10px; }
.buyer-logo img { margin-bottom: 10px; }