

.right-ttl:before {
	content: '';
	display: inline-block;
	background: url(/img/icons1.png) no-repeat;
	background-position: -123px -82px;
	width: 10px;
	height: 8px;
	margin-right: 6px;
	position: relative;
	top: -1px;	
}
.right-ttl.black:before { background-position: -133px -82px; }
.right-ttl.green:before { background-position: -143px -82px; }
.right-ttl {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: bold; 
	margin-bottom: 7px;
}

#main {
	width: 100%;
	float: left;
	padding: 0 15px;	
}

#main .tabs .btns li { font-size: 15px; padding: 10px 30px; text-align: center; }

.container {
	width: 1250px;
	margin: 0 auto;
	padding-top: 15px; 
	position: relative; 
}

#ezHelpChatdiv { 
	position: fixed; 
//	left: -120px; 
	right: -15px; 
} 

.column-bottom {
	float: left;
	width: 100%;
	margin-top: 14px;
	margin-bottom: 20px;
}

.column-left { float: left; width: 250px; }
.column-center { float: left; width: 720px; 	margin-left: 15px; }
.column-right { float: right; width: 250px; }

.column-left .block { display: inline-block; float: left; width: 100%; border: solid 1px #ccc; margin-bottom: 15px; font-size: 15px; }
.column-right .block { display: inline-block; float: left; width: 100%; border: solid 1px #ccc; margin-bottom: 15px; font-size: 15px; }

.block h2 { font-size: 16px; margin-bottom: 10px; }

.partner { margin-bottom: 15px; border: solid 1px #ddd; height: 283px; overflow: hidden; }

.banner-top-wrap { position: relative; }

#banner-top { 
	width: 100%;
	height: 283px;
	padding: 0;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
#banner-top a,
#banner-top a img { 
	display: inline-block; 
	width: 100%; 
	height: 283px; 
	vertical-align: top; 
	outline: none; 
}

.swiper-pagination { top: 5px; height: 40px; padding-left: 9px; text-align: left; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: auto; bottom: auto; padding-right: 30px; }
.swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; border-radius: 0; background: #ccc; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
.swiper-pagination-bullet-active { background: #fff100; }

.banner-center { float: left; width: 100%; margin-bottom: 15px; }
.banner-center .partner-ad { float: left; width: 100%; }
.banner-center a:first-child { margin-left: 0; }
.banner-center a { float: left; margin-left: 14px; }
.banner-center a:hover { opacity: 0.85; }

.dummy {
	display: inline-block; 
	width: 100%;
	margin-bottom: 15px; 
	background: #fff; 
	padding: 15px; 
}

.dummy1 {
	margin-top: 15px;
	background: #fff;
	height: 300px;
	padding: 7px 10px;
}

.dummy2 {
	margin-top: 15px;
	background: #fff;
	height: 100px;
	padding: 7px 10px;
}

.dummy3 { 
	background: #fff;
	height: 100px;
	margin-top: 15px;
	padding: 7px 10px;
}

.kakao { 
	color: #000; 
	background: #f7e000; 
	display: inline-block; 
	width: 100%;
	text-align: center;
	height: 43px;
	margin-bottom: 15px; 
	padding-top: 10px; 
	padding-left: 48px; 
	position: relative; 
	font-size: 15px; 
}
.kakao i { 
	background: url(/img/login/social_button.png) no-repeat -48px center; 
	width: 48px; 
	height: 43px;
	position: absolute; 
	left: 0px; 
	top: 0px; 
} 

/* -------------------------------------------------------------------------------------
	공지사항
------------------------------------------------------------------------------------- */

.main-notice { 
	float: left;
	width: 100%;
	height: 230px;
	font-size: 14px; 
	margin-bottom: 5px; 		
	border-top: none; 
	margin-bottom: 15px; 
	padding-top: 15px; 
}
.main-notice .tab-cont { 
	padding-top: 4px;
	padding-bottom: 12px; 
	height: 170px;
	min-height: 156px;	
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc; 
	border-bottom: solid 1px #ccc;
}

.icon-notice {
	content: ''; 
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -371px -376px; 
	width: 40px; 
	height: 16px; 
	position: relative; 
	top: 3px; 
	margin-right: 7px; 
	float: left; 
}

.tbl-notice-list { width: 100%; margin-top: 11px; } 
.tbl-notice-list td { 
	position: relative; 
	vertical-align: top; 
}

.tbl-notice-list td .ellipsis { width: auto; } 

.tbl-notice-list tr.notice td { font-weight: 600; color: #144CB2; } 
.tbl-notice-list tr.notice td a { color: #144CB2; } 
.tbl-notice-list td.subject { padding: 2px 0; }
.tbl-notice-list td.subject .ellipsis { display: inline-block; max-width: 560px; }
.tbl-notice-list td .icon-new {
	display: inline-block;
	background: url(/img/icons1.png) no-repeat -210px -319px;
	width: 11px;
	height: 11px;
	top: 6px; 
	margin-left: 7px; 
	position: absolute;

}
.tbl-notice-list td.subject { }
.tbl-notice-list td.subject { padding-left: 30px; } 
.tbl-notice-list tr:hover td.subject:before { opacity: 1; }
.tbl-notice-list td.subject:before {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -279px -14px; 
	width: 6px; 
	height: 9px; 
	position: absolute; 
	top: 7px; 
	left: 15px; 
	opacity: 0.1; 	
}
.tbl-notice-list td.subject .cate { color: #777; margin-right: 10px; }
.tbl-notice-list td.dt { text-align: center; color: #777; }

.tbl-notice-list td a { color: #111; }
.tbl-notice-list td a:hover { text-decoration: underline; }

/* -------------------------------------------------------------------------------------
	이벤트
------------------------------------------------------------------------------------- */

.tbl-event-list tr:hover td.subject:before { opacity: 1; }
.tbl-event-list td.subject .ellipsis { display: inline-block; max-width: 600px; }
.tbl-event-list tr:hover td.cate:before { opacity: 1; }
.tbl-event-list td.dt { text-align: right; padding-right: 20px; }
.tbl-event-list td.subject { padding-left: 30px; } 
.tbl-event-list td.subject:before {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -279px -14px; 
	width: 6px; 
	height: 9px; 
	position: absolute; 
	top: 7px; 
	left: 15px; 
	opacity: 0.1; 	
}

/* -------------------------------------------------------------------------------------
	뉴스
------------------------------------------------------------------------------------- */

.tbl-news-list tr:hover td.subject:before { opacity: 1; }
.tbl-news-list td.subject .ellipsis { display: inline-block; max-width: 570px; }
.tbl-news-list tr:hover td.cate:before { opacity: 1; }
.tbl-news-list td.subject { padding-left: 30px; } 
.tbl-news-list td.subject:before {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -279px -14px; 
	width: 6px; 
	height: 9px; 
	position: absolute; 
	top: 7px; 
	left: 15px; 
	opacity: 0.1; 	
}

/* -------------------------------------------------------------------------------------
	무료회원가입혜택
------------------------------------------------------------------------------------- */

.tbl-register { 
	width: 100%; 
	border-top: solid 1px #ccc;	
	border-right: solid 1px #ccc;	
}
.tbl-register td { 
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: 127px;	
	text-align: center;
	position: relative;
	padding-left: 80px; 
}

.register_event { 
	float: left;
	width: 100%; 
	margin-top: 15px; 
	font-size: 18px; 
}
.register_event .v-ttl { margin-bottom: 10px; }
.icon-register {
	display: inline-block; 
	background: url(/img/main/register.png) no-repeat -16px -1px;
	width: 70px;
	height: 100px;
	position: absolute;
	left: 20px;
	top: 20px; 
}
.icon-register.register1 { background-position: -16px -1px; }
.icon-register.register2 { background-position: -106px -1px; }
.icon-register.register3 { background-position: -200px -1px; }
.icon-register.register4 { background-position: -289px -1px; }

.register_event .free-tx { font-size: 22px; margin-top: 15px; }

/* -------------------------------------------------------------------------------------
	입찰분석 프로그램
------------------------------------------------------------------------------------- */

.program { 
	float: left;
	width: 100%; 
	margin-top: 20px;	
	margin-bottom: 15px; 
}
.tbl-program { 
	width: 100%; 
	border-top: solid 1px #ccc;	
	border-right: solid 1px #ccc;	
}
.tbl-program td { 
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: 120px;	
	text-align: center;
}

/* -------------------------------------------------------------------------------------
	사이트 링크
------------------------------------------------------------------------------------- */

.block.site-links { border: 0; }
.site-links {
	margin-bottom: 15px; 	
	padding: 15px; 
	background: #f4f4f4; 
	float: left;
}
.site-links select { width: 100%; font-size: 15px; height: 38px; margin-bottom: 10px; padding-left: 10px; }
.site-links select:last-child { margin-bottom: 0; }

/* -------------------------------------------------------------------------------------
	뷰어 다운로드
------------------------------------------------------------------------------------- */

.block.viewer-down { margin-bottom: 0; }
.viewer-down {
	padding: 15px; 
	float: left;
	width: 100%; 
}

.viewer-down h2 { text-align: center; }
.viewer-box { padding-top: 5px; text-align: center; }
.viewer-box a { margin-left: 10px; }
.viewer-box a:first-child { margin-left: 0; }

.viewer {
	content: '';
	display: inline-block;
	background: url(/img/viewer.png) no-repeat;
	width: 32px;
	height: 32px;
}
.viewer.hwp { background-position: -4px -6px; }
.viewer.pdf { background-position: -38px -7px; }
.viewer.doc { background-position: -76px -6px; }
.viewer.xls { background-position: -116px -6px; }
.viewer.ppt { background-position: -156px -6px; }


/* -------------------------------------------------------------------------------------
	낙찰목록
------------------------------------------------------------------------------------- */

#main .scs-list { font-size: 14px; } 
#main .tbl-bid-list tr > td.winnrNm a { color: #111; } 
#main .tbl-bid-list tr > td.subject a { color: #111; } 
#main .tbl-bid-list tr.cancel-bid td a { text-decoration: none; }
#main .tbl-bid-list tr.cancel-bid td a:hover { text-decoration: underline; }

/* -------------------------------------------------------------------------------------
	입찰공고
------------------------------------------------------------------------------------- */

#main .bid-list {
	background: #fff; 
	padding: 0; 
	float: left;  
	width: 100%; 
	font-size: 14px;	 
}
   
#main #bid-all { display: inherit; } 

#main .bid-list .tabs .tab-cont { 
	padding: 15px 0; 
	border-left: solid 1px #ccc; 
	border-right: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
}

#main #bid-list-items { margin-top: 0; }

#main .tbl-bid-list { border-top: none; border-bottom: none; }
#main .tbl-bid-list td { padding: 1px 0; border-bottom: none; border-left: none; } 
#main .tbl-bid-list td.dt { color: #777; }
#main .tbl-bid-list td.subject { padding-left: 30px; }
#main .tbl-bid-list td.subject .ellipsis { display: inline-block; max-width: 500px; }
#main .tbl-bid-list tr:hover td.subject:before { opacity: 1; }
#main .tbl-bid-list td.subject:before {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -279px -14px; 
	width: 6px; 
	height: 9px; 
	position: absolute; 
	top: 7px; 
	left: 15px; 
	opacity: 0.1; 	
}
#main .tbl-bid-list tr:hover td.winnrNm .ellipsis { }
#main .tbl-bid-list tr:last-child td { border-bottom: none; } 
#main .tbl-bid-list tr.loading td { padding: 20px 20px; } 
#main .tbl-bid-list tr td:last-child { border-right: none; }
#main .tbl-bid-list tr:hover td { background: #fff; }
#main .tbl-bid-list tr.loading td .tx { 
	font-size: 18px; 
	padding-right: 20px;
	position: relative;
	top: 6px;
}

#main .tbl-bid-list td.rgn {  }
#main .tbl-bid-list td.dt { 
	text-align: center; 
	font: 14px/22px 'segoe-ui_normal','Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Helvetica Neue','BBAlpha Sans','S60 Sans', Arial, sans-serif;  
}


/* -------------------------------------------------------------------------------------
	고객센터
------------------------------------------------------------------------------------- */

.block.cscenter { border: 0; } 
.block li.cscenter {
	position: relative; 
	height: 144px;
	background: #fff; 
	border: solid 1px #ccc; 
	font-size: 15px; 
	color: #111; 	
	padding: 14px 16px; 	
}
.block li.cscenter:after {
	content: '';
	display: inline-block;
	background: url(/img/icons1.png) no-repeat -285px -743px; 
	width: 44px; 
	height: 44px;
	position: absolute; 
	top: 6px; 
	right: 15px;
}
.block li.cscenter .title { font-size: 1.17em; color: #111; }
.block li.cscenter .cs-tel { font-size: 26px; 	font-family: 'Nanum Gothic'; font-weight: 700; color: #164A9B; margin: 15px 0; }
.block li.cscenter .time { font-size: 14px; line-height: 145%; }


/* -------------------------------------------------------------------------------------
	광고
------------------------------------------------------------------------------------- */

.banners {
	float: left;
	width: 100%; 
}

.banners ul {	
	margin-bottom: 15px; 
}
.banners li { margin-bottom: 15px; vertical-align: top; }
.banners li.tx {
	padding: 15px;
}

.block.right-links { border: 0; }
.right-links { }

.block li.btn:first-child { border-top: solid 1px #ccc; }
.block li.btn { 
	padding: 24px 0; 
	text-align: center; 
	background: url(/img/main/guide-bg.png) repeat;	
	border: solid 1px #ccc; 
	border-top: 0;
	font-size: 15px; 
	position: relative; 	
	height: 71px; 
}
.block li.btn a { 
	display: inline-block; 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%; 
	height: 71px; 
	text-decoration: none; 	
	color: #333; 
	text-align: left; 
	padding-left: 80px; 
	padding-top: 14px; 
	font-weight: 600; 
}
.block li.btn a i.icons1 { position: absolute; width: 46px; height: 47px; top: 15px; left: 19px; }
.block li.btn a i.ico-calendar { background-position: -81px -746px; }
.block li.btn a i.ico-fav { background-position: -234px -745px; }
.block li.btn a i.ico-bid-analysis { background-position: -183px -746px; }
.block li.btn a i.ico-fav-co-scs { background-position: -332px -745px; width: 48px;}
.block li.btn a i.ico-help { background-position: -30px -748px; }
.block li.btn a .tx { color: #777; font-size: 13px; margin-top: 1px; font-weight: normal; }
.block li.btn a:hover { color: #1A4CA0; opacity: 0.8; }

.block li.remote-support { background: #f4f4f4; border: 0; }

.block.btn-guide-popup { background: #f4f4f4; border: 0; }
.block.beginner-guide { text-align: center; border: 0; }

.program-guide h2 { margin-bottom: 0; }
.program-guide { padding: 15px 0; text-align: center; }

.block li.btn[disabled] { opacity: 0.5; }
.block li.btn[disabled] a:hover { opacity: 1; color: #333; cursor: default; }

/* --------------------------------------------------------------------------
	Slick Slider
-------------------------------------------------------------------------- */ 

.slick-slider img { outline: none; }
.slick-slider div { outline: none; }

.slick-arrow {
	position: absolute; 
	font-size: 0;
	z-index: 1;
	background: transparent;
	border: 0;	
	top: 0px;	
	height: 100%;
	padding: 0 10px; 
	outline: none; 
	opacity: 0;		
}
.slick-slider:hover .slick-arrow { opacity: 0.05; }
.slick-slider:hover .slick-arrow:before { display: inline-block; }
.slick-slider:hover .slick-arrow:hover { opacity: 0.3; }
.slick-arrow:before {
	content: '';
	width: 64px;
	height: 128px;	
	display: inline-block;
}
.slick-prev { left: 0px; }
.slick-prev:before {	background: url(/jquery/slick-1.8.1/prev-arrow.png) no-repeat left top; }

.slick-next { right: 0px; }
.slick-next:before {	background: url(/jquery/slick-1.8.1/next-arrow.png) no-repeat left top;	 }

.main-slick-dots { 
	position: absolute;
    top: 0px; 	
	right: 0px;
    display: block;
    padding: 10px 7px;
    margin: 0;
    list-style: none;
    text-align: right;
}

.main-slick-dots li {
    position: relative;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	margin-bottom: 5px; 
}

.main-slick-dots li.slick-active button { background: #2672ec; } 

.main-slick-dots li button {
    font-size: 0;
    line-height: 0;
	background: #ccc;
    display: block;
    width: 13px;
    height: 13px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	border-radius: 50%; 
}

.startup a:hover img { opacity: 0.9; }