.col-md-12-5{
    width: 12.5%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.panel-shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    min-width: 40%;
    border-radius: 5px;
}

.section1 {width:100%; margin-top: 25px;}

.main-text-h1{
	font-family:'pretendard', sans-serif;
	font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    color: #252525;
    letter-spacing: -1px;
}

.main-text-subtitle{
	font-family:'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	color: #919191;
}

.main-text-tit {font-size: 15px; font-weight: 700; color: #151515}
.main-text-issuelist a {color: #414141;}
.panel-main-color{border-color:#d8dae0 !important;}

.main-notice-tabs > li {
    float: left;
}

.main-notice-tabs > li:first-child{
    border-right: solid 1px #d8dae0;
}

.main-notice-tabs a{
	font-size: 16px;
    font-weight: 500;
    color: #898989;
	padding: 0   !important;
}

.main-notice-tabs .active a{
	color: #151515;
	background-color: transparent;
}

.btn-round {
	font-family:'Noto Sans KR', sans-serif;
	width: 130px;
	height: 40px;
	border-radius: 20px;
	border: 2px solid #2a82df;
	background-color: #FFF;
	color: #2a82df;
	text-align: center;
	line-height: 34px;
	font-size: 15px;
	font-weight: 400;
	margin-top: 12px;
}

#main-carousel {margin-bottom: 25px;}
#main-carousel .flex {justify-content: space-between;}
.carousel-indicators {bottom: -10px !important;}
.carousel-indicators li {
    background-color: #ddd !important;
    background-color: #ddd !important;
    border: 1px solid #ddd !important;
}

.carousel-indicators .active {
    background-color: #777 !important;
}

.btn_banner {
	position: absolute;
	z-index: 9999;
	width:60px;
	top: 50%;
	margin-top: -25px;
	line-height: 65px;
	text-align: center;
	cursor: pointer;

}



#slideRight {
	right: 0px;
	border-radius: 30px 0px 0px 30px;
	padding-right:10px;
}

#slideLeft {
	border-radius: 0px 30px 30px 0px;
	padding-left:10px;
}

.cycle-slider-item{
	display:none;
}

/*메인 슬라이드*/
#main_visual_area {width:753px;  margin-right:52px; }
#main_visual_area .main_visual {width: 100%; height: 295px; align-items: flex-start; justify-content: space-between;}
#main_visual_area .main_visual .visual_text {padding-top: 20px;}
#main_visual_area .main_visual .visual_text .t1 {font-size: 40px; font-weight: bold; line-height: 50px; color: #252525; letter-spacing: -1px;}
#main_visual_area .main_visual .visual_text .t2 {font-size: 16px; font-weight: 300; line-height: 40px; color: #565656;}
#main_visual_area .visual_label {
	display:inline-block;
	font-size: 13px;
	font-family:'Roboto','Noto Sans KR', sans-serif;
	padding: 5px 10px 4px 10px;
	color: #757985;
	border-radius: 4px;
	border: 1px solid #d8dae0;
	margin-bottom: 8px;
}
#main_visual_area .main_visual .visual_btn {
	display:block;
	width: 130px;
	height: 40px;
	border-radius: 20px;
	border: 2px solid #2a82df;
	color: #2a82df;
	text-align: center;
	line-height: 36px;
	font-size: 15px;
	font-weight: 400;
	margin-top: 10px;
	font-family:'Roboto','Noto Sans KR', sans-serif;
	}

#main_visual_area .issue_area {
	width: 100%;
	height: 56px;
	border: 1px solid #d8dae0;
	border-radius: 6px;
	padding-left: 22px;
	padding-top:4px;
	margin-bottom: 24px;
	}
#main_visual_area .issue_area .tit {font-size: 18px; font-weight: 500; color: #151515; margin-right: 10px; font-family:'Roboto','Noto Sans KR', sans-serif;}
#main_visual_area .issue_area .issue_list a {color: #414141; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 15px;}

/*공지사항/건설뉴스*/
#main_visual_area .notice_area {align-items: flex-start; justify-content: space-between; height:189px;}
#main_visual_area .notice_area .main_notice {width:500px; position:relative;}

.tabs {width: 100%;}
.tabs>li {float:left;}
.tabs>li>a {display: block;}
.tabs>li.on .tab_contents {width:100%; position:absolute;}
.tabs>li.on .board_list {height:160px;}
.tabs>li.on .board_list ul {padding-right: 10px;}
.tabs .tab_contents {height:0; overflow:hidden;}
.board_tab>li {width:80px; padding-left: 15px;}
.board_tab>li:first-child {padding-left:0; padding-right: 15px; background: url(/images/info21c/main/board_tab_line.png) no-repeat 77px 3px;}
.board_tab>li>a {font-size: 16px; font-weight: 500; color: #898989; font-family:'Roboto','Noto Sans KR', sans-serif;}
.board_tab .on>a {color: #151515;}
.board_tab>li.on .tab_contents {left:0; top:30px;}
.board_tab>li.on .tab_contents.anal_edu {left:530px; top:auto;width:220px;}


.news_board {line-height: 19px; margin-top: 10px;}
.board_list a>span, .board_list b {color: #606060; font-size: 14px; font-family:'Roboto','Noto Sans KR', sans-serif;}
.board_list a>span:hover {color: #000; text-decoration: underline;}
.board_list .float-r {font-weight: bold; color: #484848;}
.board_list a>span.list_txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 420px; display: inline-block; }

.main_notice {padding-right: 10px;}

.board_list {line-height: 18px; margin-top: 8px;}
.news_board {line-height: 20px;}
.board_list li {background: url(/images/info21c/main/bu_square.png) no-repeat 0 7px; padding-left: 10px;}
.info-notice {background: #f7f8fa; padding: 10px 10px 3px !important;}
.info-notice li {background: none; padding-left: 0; line-height: 18px;}
.info-notice span {color: #000 !important;}
.info-notice font {color: #2a82df; font-family:'Roboto','Noto Sans KR', sans-serif;}

#main_visual_area .main_banner_tab {width: 220px; }
#main_visual_area .main_banner_tab .edu2 {
	border: 1px solid #d8dae0;
	border-radius: 10px;
	padding: 16px;
	background: #f7f8fa;
	}
#main_visual_area .main_banner_tab .edu2 ul {line-height: 22px; padding-top: 10px;}

#main_visual_area .main_banner_tab2 {width: 240px;margin-top:2px;}
#main_visual_area .main_banner_tab2 .edu3 {
	border: 1px solid #d8dae0;
	border-radius: 10px;
	padding: 22px 0 8px 23px;
	background: #f7f8fa;
	}
#main_visual_area .main_banner_tab2 .edu3 ul {line-height: 22px; padding-top: 14px;height:109px;}

.section1 > .pos-relative {align-items: flex-start !important;}
/*로그아웃*/
#main_menu {width: 400px;}
#main_menu .login_box .panel {width: 100%; border: 1px solid #d2d6e0; border-radius: 6px; background: #f7f8fa; margin-bottom: 10px;}
#main_menu .login_box .button {width: 100%; height:65px; border: 0; background: #87898f; border-radius: 6px; color: #fff; font-size: 18px; margin-bottom: 12px; font-family:'Roboto','Noto Sans KR', sans-serif;}
#main_menu .login_box .link_area a {color: #6e6e6e; font-weight: 500; font-size: 13px; font-family:'Roboto','Noto Sans KR', sans-serif;}
#main_menu .login_box .link_area img {margin-top: -4px;}
#main_menu .login_box .panel-footer li{
	width:24.5%;
	text-align: center;
	border-left: 1px solid #d2d6e0;
}

#main_menu .login_box .panel-footer li:first-child{
	border-left: none;
}

#main_menu .login_finaldate{
	position:absolute;
	right:10px;
	top:35px;
	z-index:10;
	opacity: 0.9;
}
/*로그인*/
#main_menu .pos-relative {position: relative;}
#main_menu .pos-relative p {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 13px; margin-bottom: 0;}
#main_menu .pos-relative .btn_logout {position: absolute; top: 15px; right: 15px;}
#main_menu .pos-relative .btn_logout button {
	border-radius: 20px;
	padding: 5px 13px;
	font-family:'Roboto','Noto Sans KR', sans-serif;
	background: #555;
	border: 0;
	font-size: 12px;
	}
#main_menu .pos-relative .member_name h4 {font-size: 24px; font-family:'pretendard', sans-serif; font-weight: bold; margin: 7px 0 10px 0;}
#main_menu .pos-relative .member_name h4 small {font-size: 16px; font-family:'pretendard', sans-serif;}
#main_menu .pos-relative .panel_text {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 13px; letter-spacing: -0.5px;}
#main_menu .pos-relative .panel_text .text-danger {font-family:'Roboto','Noto Sans KR', sans-serif; font-weight: bold; margin-left: 5px;}
#main_menu .pos-relative hr {margin: 10px 0; border-top: 1px solid #dfe5ec;}
#main_menu .panel_text .btn {font-family:'Noto Sans KR', sans-serif; font-size: 11px; margin-left: 2px; border: 0; padding: 3px 6px; border-radius: 4px;}
#main_menu .panel_text .btn_panel01 {background: #86b5ec;}
#main_menu .panel_text .btn_panel02 {background: #9c7fee;}
#main_menu .panel_text .btn_panel03 {background: #05c3a7;}

/*오른족 메뉴*/
#main_menu .main_banner {margin-bottom: 15px;}
#main_menu .main_banner1 {margin: 10px 0;}
#main_menu .main_link_menu {align-items: flex-start; justify-content: space-between;}
#main_menu .main_menu_title {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 14px; margin-bottom: 2px; font-weight: bold; margin-bottom: 5px}

#main_menu .main_menu_banner {width: 193px;}
#main_menu .main_menu_banner ul {width: 100%; border: 1px solid #2a82df; border-radius: 6px; padding: 0 13px; margin: 0; background: #f7f8fa; margin-bottom: 7px;}
#main_menu .main_menu_banner li {padding: 14px 0;}
#main_menu .main_menu_banner li:first-child {border-bottom: 1px solid #cfd3da;}
#main_menu .main_menu_banner a li {color: #555; font-family:'Noto Sans KR', sans-serif; font-size: 13px;}
#main_menu .main_menu_banner a li img {margin-bottom: 5px;width:18%;}
#main_menu .main_menu_banner a li span {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 13px;}
#main_menu .main_menu_banner a li span b {font-size: 15px; font-weight: 700; font-family:'Roboto','Noto Sans KR', sans-serif;}

#main_menu .comp_series { background-color:#fff;border: none;padding: 0!important;position: relative;}
#main_menu .comp_series:before { background-color: #fff;bottom: 0;content: "";left: -50vw;position: absolute;right: -50vw;top: 0 }
#main_menu .comp_series ul { -webkit-box-pack: center;-ms-flex-pack: center;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 13px;justify-content: center }
#main_menu  .comp_series li {position: relative;width: 33.3333333333% }
#main_menu  .comp_series li a {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 12px 0 14px }
#main_menu  .comp_series li:first-child:before { height: 1px;left: -100vw;right: -100vw }
#main_menu  .comp_series li:after,.comp_series li:first-child:before { background-color: #ebeef2;bottom: 0;content: "";position: absolute }
#main_menu  .comp_series li:after {left: 0; top: 0; width: 1px }
#main_menu  .comp_series li i,.comp_series li:nth-child(3n+1):after {display: none}

/* new_투찰율보기 */
#main_menu2 { width: 400px;margin: 0 auto;font-family: 'Roboto', 'Noto Sans KR', sans-serif; }
/* 2열 × 4줄 그리드 스타일 */
#main_menu2 .main_menu_list2 ul { display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;border: 1px solid #D2D6E0;border-radius: 6px;padding: 6px 18px;list-style: none;margin: 0;box-sizing: border-box;background: #fff;gap: 3px 0; /* 세로 간격 */ }
/* 각 항목 (2열 균등 분할) */
#main_menu2 .main_menu_list2 li { width: calc(50% - 8px);border-bottom: 1px solid #eee;padding-bottom: 5px;line-height: 1.5;font-size: 13px;color: #777;box-sizing: border-box; }
/* 마지막 줄 (7,8번째) 경계선 제거 */
#main_menu2 .main_menu_list2 li:nth-last-child(-n+2) { border-bottom: none;padding-bottom: 0; }
/* 링크 스타일 */
#main_menu2 .main_menu_list2 a {text-decoration: none;color: #777;display: flex;align-items: center; justify-content: space-between;transition: color 0.2s ease; font-family: 'Roboto', 'Noto Sans KR', sans-serif; }
/* 볼드 강조 */
#main_menu2 .main_menu_list2 b { font-weight: 700;color: #333;font-size: 13px;font-family: 'Roboto', 'Noto Sans KR', sans-serif;  }
/* 파란색 강조 */
#main_menu2 .main_menu_list2 b.blue {color: #1C6FD4;font-family: 'Roboto', 'Noto Sans KR', sans-serif; }
/* Hover 효과 */
#main_menu2 .main_menu_list2 li:hover a {color: #1C6FD4;font-family: 'Roboto', 'Noto Sans KR', sans-serif; }
/* 아이콘 스타일 (옵션) */
#main_menu2 .main_menu_list2 i {font-size: 20px;color: #ea3030;margin-left: 5px;vertical-align: middle; }
/* 화살표 아이콘  */
#main_menu2 .main_menu_list2 a::after {
  content: ""; display: inline-block;
  width: 14px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m9.542 9.002-3.535 3.536-.707-.707L8.13 9 5.3 6.172l.707-.707L9.543 9l-.001.002Z' fill='%23777'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 6px;
}

/* 화살표 아이콘 (1번째, 3번째 항목만) */
#main_menu2 .main_menu_list2 li:nth-child(1) a::after,
#main_menu2 .main_menu_list2 li:nth-child(3) a::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m9.542 9.002-3.535 3.536-.707-.707L8.13 9 5.3 6.172l.707-.707L9.543 9l-.001.002Z' fill='%231C6FD4'/%3E%3C/svg%3E");
}
/* 화살표 아이콘 (2번째, 4번째 항목만) */
#main_menu2 .main_menu_list2 li:nth-child(2) a::after,
#main_menu2 .main_menu_list2 li:nth-child(4) a::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m9.542 9.002-3.535 3.536-.707-.707L8.13 9 5.3 6.172l.707-.707L9.543 9l-.001.002Z' fill='%23000'/%3E%3C/svg%3E");
}

/* 반응형 옵션 (모바일에서는 1열로 변경하고 싶을 때 사용) */
@media(max-width:400px){
  #main_menu2 { width:100%; }
  #main_menu2 .main_menu_list2 li { width:100%; }
}

/*new_배너*/
#main_menu2 .main_menu_banner2 {width: 400px;height: 171px;flex-shrink: 0;fill: #F7F8FA;}
#main_menu2 .main_menu_banner2 ul {display:inline-flex;align-items: flex-start;gap: 12px;border: 1px solid #2A82DF;border-radius: 6px;background: #F7F8FA;}/*align-items: stretch;align-items: center;padding: 0 10px;*/
#main_menu2 .main_menu_banner2 li {list-style: none;border-right: 1px solid #D2D6E0 !important;display: flex;flex-direction: column; align-items: center; justify-content: center;gap:3px;padding:19px 0 18px 0;text-align:center;} /*padding:24px 0;상하좌우 균일 여백 */
#main_menu2 .main_menu_banner2 li:last-child {border-right: none;}
#main_menu2 > div.main_menu_banner2 > ul > a:nth-child(1) > li{width:132px;padding-left:2px;}
#main_menu2 > div.main_menu_banner2 > ul > a:nth-child(2) > li{width:124px !important;padding-right:4px;}
#main_menu2 > div.main_menu_banner2 > ul > a:nth-child(3) > li{padding-right:10px;}
#main_menu2 .main_menu_banner2 a li {color: #555;font-family: 'Noto Sans KR', sans-serif;font-size: 13px;align-items: center;justify-content: center; }
#main_menu2 .main_menu_banner2 a li span { font-family: 'Roboto', 'Noto Sans KR', sans-serif;font-size: 13px;color:#727272;line-height:20px;margin-top:4px;}
#main_menu2 .main_menu_banner2 a li span b {font-family: 'Roboto', 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 600;color:#121212;letter-sapcing:-0.03em;}
/* 아이콘 공통 (선택) */
#main_menu2 .main_menu_banner2 .icon-wrap{width:70px; height:70px;background:#fff; border-radius:50px;display:flex; align-items:center; justify-content:center;margin:0 auto;}
#main_menu2 .main_menu_banner2 .txt1{font-family: 'Roboto', 'Noto Sans KR', sans-serif;font-size: 16px;font-weight: 700;color:#1C6FD4;letter-sapcing:-0.06em;line-height:18px;}
#main_menu2 .main_menu_banner2 .txt2{font-family: 'Roboto', 'Noto Sans KR', sans-serif;font-size: 16px;font-weight: 700;color:#ea194a;letter-sapcing:-0.06em;line-height:20px;}

/* 링크 전체 클릭 영역화 (선택) */
#main_menu2 .main_menu_banner2 a{  display:block; width:100%; height:100%;text-decoration:none; color:inherit;}
#main_menu2 .main_menu_banner2 a li {color: #555;font-family: 'Noto Sans KR', sans-serif;font-size: 13px;align-items: center;justify-content: center; }
#main_menu2 .main_menu_banner2 a li span { font-family: 'Roboto', 'Noto Sans KR', sans-serif;font-size: 13px;color:#727272;letter-spacing:-0.03em;}
#main_menu2 .main_menu_banner2 a li span b {font-family: 'Roboto', 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 500;color:#121212;letter-spacing:-0.03em;}

#main_menu .main_menu_list {width: 193px;}
#main_menu .main_menu_list > ul {width: 100%; border: 1px solid #d8dae0; border-radius: 10px; padding: 12px 18px; margin: 0;}
#main_menu .main_menu_list > ul > li {width:100%; border-bottom: 1px solid #d8dae0; line-height: 32px; color: #7a7a7a; font-size: 13px;}
#main_menu .main_menu_list > ul > li:last-child {border-bottom: 0;}
#main_menu .main_menu_list a {color: #7a7a7a; font-size: 13px; font-family:'Roboto','Noto Sans KR', sans-serif;}
#main_menu .main_menu_list b {font-weight: 700; color: #333; font-size: 13px; font-family:'Roboto','Noto Sans KR', sans-serif;}
#main_menu .main_menu_list i {font-size: 21px; color: #ea3030; position: relative; top: 4px;}

#main_menu .btn_hidden {clear:both; margin-left: 2px; display: none;}
#main_menu .main_menu_list > ul > li:hover .btn_hidden {display: block;}
#main_menu .main_menu_list > ul > li.m_hover > a:hover {color:#2a82df;font-weight:bold;}
#main_menu .btn_hidden li {
	float: left;
	margin-left: 3px;
	background: #f5f7f9;
	border: 1px solid #d2d6e0;
	border-radius: 4px;
	line-height: 18px;
	padding: 0 3px;
}
#main_menu .btn_hidden li:hover {background: #fff;}
#main_menu .btn_hidden li a {font-size: 11px;}



/*아이콘 메뉴*/
.section2 {width: 100%; height: 97px; border-top: 1px solid #eef2f9; margin-top: 20px;}
#quick_link > ul {justify-content: space-around;}
#quick_link .quicklink-item {
	position: relative;
	display: block;
	padding-top: 60px;
	font-size: 14px;
	color: #111;
	width: 120px;
	height: 80px;
	text-align: center;
	font-family:'Roboto','Noto Sans KR', sans-serif;
	}
#quick_link .quicklink-item a, #quick_link .quicklink-item span {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 14px;}
#quick_link .quicklink-item-hover{
	display: none;
	position:absolute;
	top: -30px;
	left: -30%;
	width: 170px;
	min-height: 140px;
	text-align: left;
	background: #2a82df;
	color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	border-radius: 0%;
	border-top-right-radius:  10% !important;
	border-bottom-left-radius:  10% !important;
	overflow: hidden;
	font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 14px;
}
#quick_link .quicklink-item-hover ul {padding: 16px; line-height: 26px;}
#quick_link .quicklink-item-hover li a {position:relative; right: 0; justify-content: space-between;}
#quick_link .quicklink-item-hover li a:hover {color: #92f47e;}
#quick_link .quicklink-item-hover .panel-title {
	font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 15px;
	font-weight: bold;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #74aeea;
	text-align: center;
}
#quick_link .quicklink-item-hover a {color: #fff;}
#quick_link .quicklink-item-hover .panel-body {text-align: center;}
#quick_link .quicklink-item-hover .panel-label {
	font-family:'Roboto','Noto Sans KR', sans-serif;
	font-size: 11px;
	background: #10457d;
	color: #fff;
	padding: 3px 7px;
	border-radius: 6px;
}

#quick_link .list_01 {background: url(/images/info21c/main/ico_q01.png) no-repeat center 20px;}
#quick_link .list_02 {background: url(/images/info21c/main/ico_q02.png) no-repeat center 18px;}
#quick_link .list_03 {background: url(/images/info21c/main/ico_q03.png) no-repeat center 20px;}
#quick_link .list_04 {background: url(/images/info21c/main/ico_q04.png) no-repeat center 20px;}
#quick_link .list_05 {background: url(/images/info21c/main/ico_q05.png) no-repeat center 20px;}
#quick_link .list_06 {width: 90px; background: url(/images/info21c/main/ico_q06.png) no-repeat center 28px;}

/*인포21C와 함께*/
.section3 {width:100%; padding: 78px 0; background: #eef2f9;min-width:1200px;}
.main_title {
	width: 100%;
	font-size: 34px;
	font-weight: 800;
	color: #1d1d1d;
	text-align: center;
	margin: 0;
	padding-bottom: 7px;
	margin-bottom: 38px;
	}
.section3 h3 {background: url(/images/info21c/main/text_line01.png) no-repeat center 26px; font-family:'Noto Sans KR', sans-serif;}
.service_item {justify-content: space-between;}
.service_item_box {
	width: 370px;
	height: 386px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0px 0px 20px 0px #d8e1f0;
	transition: all .4s ease;
	padding: 40px;
	position: relative;
	color: #282828;
	}
.service_item_box:hover {box-shadow: 0 24px 24px -16px #c7d1e3; transform: translateY(-8px);}
.service_item_box button {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 40px;
	right: 40px;
	border: 1px solid #bbc1cd;
	border-radius: 100%;
	background: #fff;
	font-weight: 500;
	color: #909db2;
	font-family:'Roboto','Noto Sans KR', sans-serif;
	}
.service_item_box button i {font-size: 16px; position: relative; top: 2px;}
.service_item_box h4 {font-size: 28px; font-weight:600; margin: 0; margin-bottom: 13px; line-height: 36px; font-family:'Roboto','Noto Sans KR', sans-serif; cursor: pointer;}
.service_item_box .tit_text {font-size: 18px; font-weight: 300; margin-bottom: 25px; line-height: 28px; font-family:'Roboto','Noto Sans KR', sans-serif;}
.service_item_box p {font-size: 14px; margin-bottom: 0; font-family:'Roboto','Noto Sans KR', sans-serif;}
.service_item_box li {line-height: 28px; font-size: 14px; letter-spacing: -1px; font-family:'Roboto','Noto Sans KR', sans-serif;}
.service_item_box img {margin-top: -2px;}
.service_item_box hr {margin: 15px 0; border: 0; border-top: 1px solid #e6e6e6;}
.service_item_box .text_area {color: #636363; line-height: 28px;}
.service_item_box .text_area a {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 14px;}
.service_item_box .text_area b {font-size: 14px; color: #1e1e1e; font-weight: 500; font-family:'Roboto','Noto Sans KR', sans-serif;}
.service_item_box .text_area .ct_text {line-height: 24px; margin-bottom: 6px;}
.service_item_box .text_area small {font-weight: 500; color: #0084cf; font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 13px;}
.item_list01 .bxs-video {font-size: 15px; position: relative; top: 2px;}
.item_list01 .bxl-youtube {font-size: 19px; position: relative; top: 3px; color: #ea3030;}
.item_list02 .bx-support {font-size: 17px; position: relative; top: 2px; color: #2a82df;}
/*.item_list03 li {background: url(/images/info21c/main/bu_spuare.png) no-repeat 0 12px; padding-left: 10px;}*/
.item_list03 img {margin-top: -3px;}

/*인포는 역시 다릅니다*/
.section4 {width:100%; padding: 78px 0; }
.section4 .inner_wrap {position: relative;}
.section4 h3 {background: url(/images/info21c/main/text_line02.png) no-repeat 405px 26px; font-family:'Noto Sans KR', sans-serif;}
.S4_contents {width: 100%; height: 428px;}
.S4_tabs {width:100%; height: 72px; border: 1px solid #d8dae0; border-radius: 6px; overflow: hidden;}
.S4_tabs>li {width: 25%; height:100%; line-height:70px; text-align: center;}
.S4_tabs>li:hover a {color: #2a82df}
.S4_tabs>li>a {font-size: 17px; font-weight: 500; color: #484848; transition: all .3s ease; font-family:'Noto Sans KR', sans-serif;}
.S4_tabs .on {background: #2a82df; }
.S4_tabs .on>a {color: #fff; }
.S4_tabs .on:hover a {color: #fff;}
.S4_tabs>li.on .tab_contents {height:323px; left:0; top:190px;}

/*가슴뛰는낙찰*/
.section5 {width:100%; height:455px; background: url(/images/info21c/main/section5_bg.png) repeat-x bottom;}
.section5 .inner_wrap {background: url(/images/info21c/main/section5_bg2.png) no-repeat bottom right;}
.section5 h3 {background: url(/images/info21c/main/text_line03.png) no-repeat 398px 26px; font-family:'Noto Sans KR', sans-serif;}
.section5 .main_title {margin-bottom: 0;}
.section5 .title_text {text-align: center; font-size: 17px; color: #717171; margin: 10px 0 75px 0; font-family:'Roboto','Noto Sans KR', sans-serif;}
.slider {padding: 0 35px;height:300px;overflow-y: hidden;}
.slider .overlay-mask {position: absolute;z-index: 10; width:750px;height:300px;background: linear-gradient(0deg,rgb(240,241,243) 10%, transparent 70%);}
.slider:first-child {border-left: 0;}
.slider .cycle-head{font-size: 18px; font-weight: 600; color: #929292;border:none !important; font-family:'Noto Sans KR', sans-serif;}
.slider .cycle-item{font-size: 30px; font-weight: 800; color: #1c1c1c; line-height: 56px; font-family: 'Pretendard', sans-serif;border:none  !important;}

/*낙찰후기*/
.section7 {width:100%; height:190px;background: url(/images/info21c/main/section5_bg.png) repeat-x bottom;margin-top:-1px;}
.section7 .inner_wrap {position: relative;}
.section7 .bid-review{width: 100%;border: 2px solid #d8dae0;border-radius:6px;background:#fff;font-family:'Roboto','Noto Sans KR', sans-serif;}
.section7 .bid-review li{line-height: 30px; font-size: 14px; letter-spacing: -0.03em; font-family:'Roboto','Noto Sans KR', sans-serif;color:#636363;}


/*최상의 정보를 최고의 고객에게*/
.section5_1 {width:100%; height:755px; padding-top: 80px;}
.section5_1 .inner_wrap {position: relative;}
.section5_1 h3 {background: url(/images/info21c/main/text_line04.png) no-repeat center 26px; font-family:'Noto Sans KR', sans-serif;}
.section5_1 .main_title {margin-bottom: 0;}
.section5_1 .title_text {text-align: center; font-size: 17px; color: #717171; margin: 10px 0 75px 0; font-family:'Roboto','Noto Sans KR', sans-serif;}
.section5_1 .title_text1 {text-align: left; font-size: 20px; color: #1d1d1d;font-weight:600;letter-spacing:-0.04em; margin: 4px 785px 0 0; font-family:'Roboto','Noto Sans KR', sans-serif;}
.slider {padding: 0 35px;height:300px;overflow-y: hidden;}
.slider .overlay-mask {position: absolute;z-index: 10; width:750px;height:300px;background: linear-gradient(0deg,rgb(240,241,243) 10%, transparent 70%);}
.slider:first-child {border-left: 0;}
.slider .cycle-head{font-size: 18px; font-weight: 600; color: #929292;border:none !important; font-family:'Noto Sans KR', sans-serif;}
.slider .cycle-item{font-size: 30px; font-weight: 800; color: #1c1c1c; line-height: 56px; font-family: 'Pretendard', sans-serif;border:none  !important;}


/*고객센터*/
.section6 {width:100%; padding: 50px 0;background:#fafafa;margin-top:30px;}
.section6 .inner_wrap {justify-content: space-between;}
.section6 .customer_center {padding-right: 86px; border-right: 1px solid #e4e4e4;}
.section6 .customer_center h5 {font-size: 30px; color: #1d1d1d; margin: 0; margin-bottom: 8px; font-family:'Roboto','Noto Sans KR', sans-serif; cursor: pointer;}
.section6 .customer_center h5>b {font-size: 34px; font-family: 'Pretendard', sans-serif; font-weight: 900; color: #2a82df;}
.section6 .customer_center .CS_text {font-size: 14px; color: #626262; line-height: 24px; padding-bottom: 10px; font-family:'Roboto','Noto Sans KR', sans-serif;}
.section6 .customer_center .CS_text strong {font-size: 14px; font-weight: bold; color: #222; font-family:'Roboto','Noto Sans KR', sans-serif;}
.section6 .customer_center .CS_btn button {
	font-family:'Roboto','Noto Sans KR', sans-serif;
	padding: 10px 30px;
	border: 1px solid #d8dae0;
	border-radius: 50px;
	background: #fff;
	font-size: 14px;
	color: #555;
	margin-right: 7px;
	transition: all .3s ease;
	}
.section6 .customer_center .CS_btn button:hover {background: #f7f8fa;}
.section6 .customer_center .CS_btn button:nth-child(3) {border: 1px solid #2a82df; color: #2a82df}
.section6 .customer_center .CS_btn button:nth-child(3):hover {background: #eaf1fc;}

.section6 .site_link {width: 450px; }
/* .section6 .site_link span {
	float:left;
	width: 214px;
	height: 39px;
	border: 1px solid #d2d6e0;
	border-radius: 50px;
	margin-left: 7px;
	margin-top: 9px;
	}
.section6 .site_link span>a {width:100%; display:block; line-height: 37px; padding-left: 20px; position: relative; color: #343434; font-size: 14px;}
.section6 .site_link span>a::after {
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	font-family: "xeicon";
	font-size: 1.8rem;
	right: 20px;
	content: '\e942' ;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
} */
.section6 .dropdown, .section6 .btn-angle-right{
	position: relative;
	width: 220px;
	float:left;
}
.section6 .site_link button{
	font-family:'Roboto','Noto Sans KR', sans-serif;
	font-size: 14px;
	width: 214px;
	height: 39px;
	border: 1px solid #d2d6e0;
	border-radius: 50px;
	margin-left: 7px;
	margin-top: 9px;
	text-align:left;
	padding-left: 20px;
	background: #fff;
}
.section6 .btn-angle-right button {background: #f5f7f9;}
.section6 .btn-angle-right button::after {
	position: absolute;
	top: 17px;
	font-family: "xeicon";
	content: "\e93f";
	font-size: 1.8rem;
	right: 17px;
	color: #5763a0;
}
.section6 .site_link .dropdown button::after{
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	font-family: "xeicon";
	font-size: 1.8rem;
	right: 20px;
	content: '\e942' ;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.section6 .site_link .dropdown-menu{
	width: 214px;
	margin-top:3px;
	margin-left: 7px;
	max-height: 200px;
	overflow-y: auto;
}
.section6 .site_link .dropdown-menu a {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 13px;}

/*퀵메뉴*/
#sidebar-container {
	position: absolute;
	top: 0;
    right:-170px;
	width: 150px;
}

#sidebar-container .sticky-top {
	width: 90px;
}

#sidebar-container .affix{
	z-index: 1020;
	top: 10px;
}
#sidebar-container .list-group-item {border: 1px solid #d2d6e0; padding: 10px;}
#sidebar-container .list-group-item:first-child {background: #f7f7f7; padding: 26px 0; line-height: 16px;}
#sidebar-container .list-group-item:first-child a b {font-family:'pretendard', sans-serif; font-size: 14px; color: #2a82df;}
#sidebar-container .list-group-item:first-child img {margin-bottom: 7px;}
#sidebar-container .list-group-item a {font-family:'Roboto','Noto Sans KR', sans-serif;	font-size: 12px;color: #3c3c3c;letter-spacing: -1px;font-weight: 500;}
#sidebar-container .list-group-item .biz_txt1{font-family:'Roboto','Noto Sans KR', sans-serif;font-size:13px;color:#555;line-height:22px;}
#sidebar-container .list-group-item .biz_txt2{font-family:'Roboto','Noto Sans KR', sans-serif;font-size:16px;color:#0a244a;font-weight:700;line-height:16px;}
#sidebar-container .list-group-item:hover {background: #f7f7f7;}
#sidebar-container .sidebar_right {box-shadow: 0px 3px 10px 0px #f1f1f1; margin-bottom: 20px;}
#sidebar-container .up-down .btn {width: 45px;}
#sidebar-container .up-down .btn:hover, .up-down .btn:focus {background: #fff; border-color: #ccc;}

/* 메인 - 우수회원 레이어 start */
#vip-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background-color: #000; /* 배경색 지정 */
	opacity: 0.5; /* 투명도 조절 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 투명도 설정 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* ie7 투명도 설정 */
	z-index: 99999;
}
#vip_diary_layer {
	display: none;
	position: fixed;
	width: 610px;
	top: 100px;left:35%;
	background: #ffd5bd;
	z-index: 999999999;
}
.tb_wrap_vip {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #efbc9e;
	background: #fff;
	width: 100%;
}
.tb_wrap_vip > tbody > tr > th, .tb_wrap_vip > tbody > tr > td {
	padding: 15px;
}
.tb_wrap_vip th {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 13px;
	color: #fff;
	width: 50px;
	text-align: center;
}
.tb_wrap_vip td, .tb_wrap_vip td span, .tb_wrap_vip button, .tb_wrap_vip div {
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 20px;
	letter-spacing: -0.02em;
	font-size: 13px;
	font-weight: 400;
}
.eventgo {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ccc;
	width: 100%;
}
.eventgo > tbody > tr, .eventgo > tbody > tr > td {
	border: 1px solid #ccc;
}
.eventgo > tbody > tr > th {
	background: #f2e3d7;
	color: #000;
	width: 90px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
	padding: 5px 0;
	font-size: 13px;
	font-weight: 600;
}
.eventgo > tbody > tr > td {
	padding: 8px 0;
}
.eventgo > tbody > tr > td > input {
	height: 20px;
}
.btn_vipgray {
	cursor: pointer;
	background: #919191;
	color: #fff;
	padding: 6px 15px;
	font-size: 13px;
	border-radius: 5px;
}
/* 메인 - 우수회원 레이어 end */

/* 입찰리스트 start */
/* 버튼 */

.section5_1 .filter-btn {
	background-color: #fff;
	color: #333;
	border: 1px solid #d8dae0;
	border-radius: 6px;
}
.section5_1 .filter-btn:hover {
	/*background-color: #e6f0ff;
	color: #000;*/
	background-color:transparent;
	border:1px solid #d8dae0;
	color: #2a82df;
}
.section5_1 .filter-btn:focus {
	background-color:transparent;
	border:1px solid #d8dae0;
	color: #2a82df;
}
.section5_1 .filter-btn.active {
	background-color: #2a82df;
	border: 1px solid #2a82df;
	color: #fff;
}
.section5_1 .btn-group-wrapper {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 1rem;
	/*font-family:'Noto Sans KR', sans-serif;*/
}
.section5_1 .btn-group-wrapper button{font-size:13px;font-family:'Noto Sans KR', sans-serif;transition: all .3s ease;}
/* 리스트 */
.main_list {
	font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Roboto','Noto Sans KR',  'Arial', sans-serif;
	letter-spacing:0.06em;
}
.main_list > table > tbody > tr > td {
	/*max-width: 300px;   */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_list > .table-bordered > thead > tr > th, .main_list > .table-bordered > tbody > tr > th,
.main_list > .table-bordered > tfoot > tr > th, .main_list > .table-bordered > thead > tr > td,
.main_list > .table-bordered > tbody > tr > td, .main_list > .table-bordered > tfoot > tr > td {
	border: 1px solid #c8cad1;
	padding: 8px;
	color: #333;
	vertical-align: middle;
}
.main_list .table-bordered > thead > tr > th, .main_list .table-bordered > tbody > tr > th, .main_list .table-bordered > tfoot > tr > td  {
	border: 1px solid #c8cad1;
	background: #f6f7fb;
	height: 38px;
	font-weight: bold;
	color: #475379;
	text-align: center;
}
.main_list > table {
	table-layout: fixed;
	width: 100%;border-top: 1px solid #8c98b8;
}
.main_list .text-right {
	text-align: right;
}

.main_list .text-center {
	text-align: center; /* 오른쪽 정렬이면 right로 바꿔도 됨 */
}
td.text-success {
	color: #009029 !important;
}