@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');


/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#dsbid_2212_wrap { overflow: hidden; min-width: 1200px; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#dsbid_2212_header { min-width: 1200px; width: 100%; left: 0; top: 0; }
#dsbid_2212_container { overflow: hidden; position: relative; min-width: 1200px; margin: 0 auto; }
#dsbid_2212_footer { overflow: hidden; min-width: 1200px; position: relative; margin-top:30px; padding: 45px 0; background-color: #1d1d1d; }


/* HEADER */
#dsbid_2212_header > .dsbid_2212_head { position: relative; width:1200px; margin:0 auto; }
#dsbid_2212_header > .dsbid_2212_head h1 { margin: 0; padding: 0; line-height: 0; }

#dsbid_2212_header > .dsbid_2212_head .dsbid_2212_lnb { position: absolute; right: 0; top: 35px; }
#dsbid_2212_header > .dsbid_2212_head .dsbid_2212_lnb ul { margin:0; padding:0; }
#dsbid_2212_header > .dsbid_2212_head .dsbid_2212_lnb li { cursor: pointer; list-style:none; float:left; margin-left:22px; padding-left:26px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#dsbid_2212_header > .dsbid_2212_head .dsbid_2212_lnb li.bookmark { background:url("/images/dsbid_2212/lnb_book.png") no-repeat left; }
#dsbid_2212_header > .dsbid_2212_head .dsbid_2212_lnb li.home { background:url("/images/dsbid_2212/lnb_home.png") no-repeat left; }
#dsbid_2212_header > .dsbid_2212_head .dsbid_2212_lnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#dsbid_2212_header > .dsbid_2212_gnb { background-color: #07558f; }
#dsbid_2212_header > .dsbid_2212_gnb ul { width: 1200px; margin: 0 auto; padding: 0; font-size: 0; }
#dsbid_2212_header > .dsbid_2212_gnb li { display: inline-block; vertical-align: top; width: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#dsbid_2212_header > .dsbid_2212_gnb a,
#dsbid_2212_header > .dsbid_2212_gnb a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 50px; color: #f3f9fe; letter-spacing: 0; text-align: center; }
#dsbid_2212_header > .dsbid_2212_gnb:after { content:""; display:block; clear:both; }
#dsbid_2212_header > .dsbid_2212_gnb ul li:hover {
	background-color:#94a9ff;
	transition-duration:0.5s;
}
#dsbid_2212_header > .dsbid_2212_gnb ul li .submenu li {
	line-height:50px;
	border-bottom: 1px solid #1c5c80;
	background-color: rgba(1,41,69,0.9);
}
#dsbid_2212_header > .dsbid_2212_gnb ul li .submenu {
	height:0;
	overflow: hidden;
	position:absolute;
	z-index:9999999;
}
#dsbid_2212_header > .dsbid_2212_gnb ul li .submenu li {
	display:block;
}
#dsbid_2212_header > .dsbid_2212_gnb ul li:hover .submenu {
	height:250px; /*서브메뉴 li한개의 높이 50*5*/
	transition-duration:1s;
	width: 150px;
}
#dsbid_2212_header > .dsbid_2212_gnb ul li .submenu li a {
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 50px;
	color: #f3f9fe;
	letter-spacing: 0;
	text-align: center;
}


/* CONTAINER */
.dsbid_2212_container_head { background-color:#f3f6f8; }
.dsbid_2212_container_outer { width:1200px; margin:0 auto; padding:40px 0 50px; font-size:0; }


.dsbid_2212_slide { display: inline-block; vertical-align: top; width: 860px; position: relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-show:10px 10px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); }
.dsbid_2212_slide ul { margin: 0; padding: 0; }
.dsbid_2212_slide li { position: relative; list-style:none; height: 240px; line-height:0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.dsbid_2212_slide li div.emphasis { padding:15px; background:#fff; }
.dsbid_2212_slide .slogan { position:absolute; right:50px; top:50%; margin-top:-42px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 29px; line-height: 42px; color: #222222; letter-spacing: -0.5px; text-align: right; }
.dsbid_2212_slide .slogan.v1 { margin-top:-21px; }
.dsbid_2212_slide .slogan strong { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 29px; line-height: 42px; color: #cf2e0b; letter-spacing: -0.5px; }
.dsbid_2212_slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* LOGIN */
.dsbid_2212_login { display: inline-block; vertical-align: top; width: 300px; height: 240px; margin: 0 0 0 40px; padding:15px;  border:1px solid #d6d7da; background-color: #fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-show:10px 10px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); }
.dsbid_2212_login .dsbid_2212_field { margin-top:5px; }
.dsbid_2212_login .dsbid_2212_field ul { margin: 0; padding: 0; }
.dsbid_2212_login .dsbid_2212_field li { list-style: none; height: 49px; margin-top: 8px; padding-left: 46px; border-bottom: 1px solid #d8d8d8; background: url("/images/dsbid_2212/login_id.png") no-repeat left top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dsbid_2212_login .dsbid_2212_field li.pw { background: url("/images/dsbid_2212/login_pw.png") no-repeat left top; }
.dsbid_2212_login .dsbid_2212_field .input { width: 100%; height: 49px; margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 49px; color: #777777; letter-spacing: 0; border: none; background: transparent; outline: none; }
.dsbid_2212_login .dsbid_2212_field:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

.dsbid_2212_login .dsbid_2212_option { position: relative; margin: 15px 0 0 5px; font-size: 0; }
.dsbid_2212_login .dsbid_2212_option span { display: inline-block; vertical-align: middle; }
.dsbid_2212_login .dsbid_2212_option span.v1 { margin-left: 3px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 15px; color: #888888; letter-spacing: 0; }

.dsbid_2212_login .dsbid_2212_option .dsbid_2212_option_btn { position: absolute; width:65px; height: 25px; right:5px; top: 0; background-color: #919291; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dsbid_2212_login .dsbid_2212_option .dsbid_2212_option_btn a,
.dsbid_2212_login .dsbid_2212_option .dsbid_2212_option_btn a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 13px; line-height: 24px; color: #ffffff; letter-spacing: 0; text-align: center; }

.dsbid_2212_login .dsbid_2212_btn { margin: 18px 0 0; height: 45px; background-color: #07558f; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dsbid_2212_login .dsbid_2212_btn a,
.dsbid_2212_login .dsbid_2212_btn a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 45px; color: #ffffff; letter-spacing: 0; text-align: center; }

.dsbid_2212_login .dsbid_2212_login_success { position: relative; height:241px; margin:0; padding:15px; }
.dsbid_2212_login .dsbid_2212_login_success .dsbid_2212_login_success_info { display: block; margin:0 0 9px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 24px; color: #555555; letter-spacing: -1px; text-align:left; }
.dsbid_2212_login .dsbid_2212_login_success .dsbid_2212_login_success_info strong { display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #444444; letter-spacing: -1px; text-align:left; }
.dsbid_2212_login .dsbid_2212_login_success .dsbid_2212_login_success_info strong.v1 { display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #0055FA; letter-spacing: -1px; text-align:left; }
.dsbid_2212_login .dsbid_2212_login_success .dsbid_2212_login_success_info strong.v2 { display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #FE3032; letter-spacing: -1px; text-align:left; }
.dsbid_2212_login .dsbid_2212_login_success .dsbid_2212_login_success_info img { vertical-align:middle; margin-right:5px; margin-bottom:2px; }
.dsbid_2212_login .dsbid_2212_btn2 { display:inline-block;  margin:10px 0 0 20px; width:90px; height:30px; right: 0; top: 0; background-color: #07558f; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dsbid_2212_login .dsbid_2212_btn2 a,
.dsbid_2212_login .dsbid_2212_btn2 a:hover { display:block; font-family: 'Noto Sans KR', sans-serif; font-style:normal; font-weight:400; font-size:13px; line-height:30px; color: #ffffff; letter-spacing: 0; text-align: center; }
.dsbid_2212_login .dsbid_2212_btn3 { display:inline-block;  margin:0 0 0 15px; width:90px; height:30px; right: 0; top: 0; background-color: #07558f; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dsbid_2212_login .dsbid_2212_btn3 a,
.dsbid_2212_login .dsbid_2212_btn3 a:hover { display:block; font-family: 'Noto Sans KR', sans-serif; font-style:normal; font-weight:400; font-size:13px; line-height:30px; color: #ffffff; letter-spacing: 0; text-align: center; }


/* BANNER */
.dsbid_2212_banner { display: inline-block; width:865px; margin:30px 0 0; padding: 30px 0; border:1px solid #d6d7da; background-color: #fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-show:10px 10px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); }
.dsbid_2212_banner ul { margin:0; padding:0; }
.dsbid_2212_banner li { cursor: pointer; list-style:none; float: left; width: 16.6%; border-left:1px solid #dddddd; }
.dsbid_2212_banner li:first-child { border-left:none; }
.dsbid_2212_banner .dsbid_2212_icon { text-align:center; line-height:0; }
.dsbid_2212_banner .dsbid_2212_text { margin-top: 14px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #777777; letter-spacing: 0; text-align:center; }
.dsbid_2212_banner .dsbid_2212_text:hover{color:#5f0f40;font-weight:800;}
.dsbid_2212_banner:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


.dsbid_2212_container_bottom { width:1200px; margin:50px auto 0; font-size:0; }
.dsbid_2212_container_left { display:inline-block; vertical-align:top; width:860px; }
.dsbid_2212_container_right { display:inline-block; vertical-align:top; width:300px; margin: 0 0 0 40px; }


/* 배너 - 낙찰 적격심사 */
.dsbid_2212_qualification { position:absolute; display:inline-block; width:300px; height:85px; margin:30px 0 0 35px; padding:17px; border: 1px solid #d6d7da; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-show:10px 10px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); }
.dsbid_2212_qualification .dsbid_2212_qualification_info { display:inline-block; margin:0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 24px; color: #555555; letter-spacing: -1px; text-align:center; }
.dsbid_2212_qualification .dsbid_2212_qualification_info strong { display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #444444; letter-spacing: -1px; text-align:center; }
.dsbid_2212_qualification .dsbid_2212_qualification_info strong.v1 { display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #FE3032; letter-spacing: -1px; text-align:center; }
.dsbid_2212_qualification .side_icon { display:inline-block; margin:0 20px 0 35px; text-align:center; line-height:0; }
.dsbid_2212_qualification .side_icon img { height:40px; }
.dsbid_2212_qualification:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 배너 - 다수공급자계약(MAS) 및 공동도급 */
.dsbid_2212_banner_mas { display:inline-block; width:300px; height:65px; margin:30px 0 0 35px; padding:12px 0; background-repeat: no-repeat; border: 1px solid #d6d7da; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-show:10px 10px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); box-shadow:10px 10px 0 rgba(0, 0, 0, 0.03); }
.dsbid_2212_banner_mas ul { margin:0; padding:0; }
.dsbid_2212_banner_mas li { cursor: pointer; list-style:none; float:left; width:50%; border-left:1px solid #dddddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_banner_mas li:first-child { border-left:none; }
.dsbid_2212_banner_mas .side_icon { display:inline-block; margin-left:12px; margin-right:10px; text-align:center; line-height:0; }
.dsbid_2212_banner_mas .side_icon img { height:30px; }
.dsbid_2212_banner_mas .side_icon2 { display:inline-block; margin-left:32px; margin-right:10px; text-align:center; line-height:0; }
.dsbid_2212_banner_mas .side_icon2 img { height:30px; }
.dsbid_2212_banner_mas .side_info { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #444444; letter-spacing: -1px; text-align:center; }
.dsbid_2212_banner_mas:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 1순위 */
.dsbid_2212_bid { position: relative; height: 70px; background-color:#01adad; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.dsbid_2212_bid .dsbid_2212_bid_title { margin: 0 0 0 40px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 70px; color: #fffa80; letter-spacing: -1px; text-align:left; }
.dsbid_2212_bid .dsbid_2212_bid_info { position:absolute; left:180px; right:30px; top:0; bottom:0; }
.dsbid_2212_bid .dsbid_2212_bid_info ul { margin:0; padding:0; }
.dsbid_2212_bid .dsbid_2212_bid_info li { position: relative; list-style:none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 70px; color: #ffffff; letter-spacing: 0; text-align:left; }
.dsbid_2212_bid .dsbid_2212_bid_info .dsbid_2212_bid_data { position: absolute; right: 0; top: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 70px; color: #ffffff; letter-spacing: 0; text-align:left; }
.dsbid_2212_bid .dsbid_2212_bid_info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 게시판 */
.dsbid_2212_aticle { position: relative; margin:30px 0 0; }
.dsbid_2212_aticle .dsbid_2212_tab { margin: 0; }
.dsbid_2212_aticle .dsbid_2212_tab { overflow: hidden; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-left: 1px solid #d6d7da; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_aticle .dsbid_2212_tab ul { margin: 0; padding: 0; }
.dsbid_2212_aticle .dsbid_2212_tab li { list-style: none; float: left; width: 25%; text-align: center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.dsbid_2212_aticle .dsbid_2212_tab a { background-color: #f8f8f8; border-top: 1px solid #d6d7da; border-right: 1px solid #d6d7da; border-bottom: 1px solid #d6d7da; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 44px; color: #444; letter-spacing: -0.5px; text-align:center; display: block; }
.dsbid_2212_aticle .dsbid_2212_tab a:hover { background-color: #07558f; border-top: 1px solid #0078c5; border-right: 1px solid #0078c5; border-bottom: 1px solid #0078c5; color: #ffffff; }
.dsbid_2212_aticle .dsbid_2212_tab li.select { }
.dsbid_2212_aticle .dsbid_2212_tab li.select a,
.dsbid_2212_aticle .dsbid_2212_tab li.select a:hover { background-color: #0078c5; border-top: 1px solid #0078c5; border-right: 1px solid #0078c5; border-bottom: 1px solid #0078c5; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 44px; color: #fff; letter-spacing: -0.5px; text-align:center; display: block; }
.dsbid_2212_aticle .dsbid_2212_tab:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

.dsbid_2212_aticle .dsbid_2212_list { margin: 18px 20px 0; }
.dsbid_2212_aticle .dsbid_2212_list ul { margin: 0; padding: 0; }
.dsbid_2212_aticle .dsbid_2212_list li { position: relative; list-style: none; width: 100%; height: 36px; padding-left: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_aticle .dsbid_2212_list li:after { content: ""; position: absolute; width: 4px; height: 2px; left: 0; top: 18px; background-color: #454545; }
.dsbid_2212_aticle .dsbid_2212_list li .data { position: absolute; right: 0; top: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 36px; color: #666; letter-spacing: 0; text-align:right; }
.dsbid_2212_aticle .dsbid_2212_list li a,
.dsbid_2212_aticle .dsbid_2212_list li a:hover { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 36px; color: #666; letter-spacing: 0; text-align:left; display: block; }
.dsbid_2212_aticle .dsbid_2212_list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.dsbid_2212_aticle:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 배너-파트너 */
.dsbid_2212_partner{width:860px;border:1px solid #d6d7da;border-radius:5px;font-size:0;line-height:0;margin-top:40px;}
.dsbid_2212_partner img{vertical-align:bottom;padding-left:3px;}


/* 고객센터 */
.dsbid_2212_customer { height: 136px; padding: 27px 0 0 30px; background-image: url("/images/dsbid_2212/customer.png"); background-position: right top; background-repeat: no-repeat; background-color:#def2f1; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_customer .dsbid_2212_customer_title { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #077670; letter-spacing: -1px; text-align:left; }
.dsbid_2212_customer .dsbid_2212_customer_info { margin: 8px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 16px; color: #444; letter-spacing: -1px; text-align:left; }
.dsbid_2212_customer .dsbid_2212_customer_tel { margin: 20px 0 0; font-family: 'NanumSquareRound'; font-style: normal; font-weight: 800; font-size: 26px; line-height: 26px; color: #222; letter-spacing: 0; text-align:left; }


/* 배너-SIDE */
.dsbid_2212_banner_side { margin: 10px 0 0; padding:12px 0; height:90px; background-repeat: no-repeat; background-color:#f3e1e2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_banner_side ul { margin:0; padding:0; }
.dsbid_2212_banner_side li { cursor: pointer; list-style:none; float:left; width:50%; border-left:1px solid #d6c5c6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_banner_side li:first-child { border-left:none; }
.dsbid_2212_banner_side .side_icon { text-align:center; line-height:0; }
.dsbid_2212_banner_side .side_info { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 20px; color: #444444; letter-spacing: -1px; text-align:center; }
.dsbid_2212_banner_side:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 은행 */
.dsbid_2212_bank { position: relative; height: 70px; margin: 10px 0 0; border: 1px solid #d6d7da; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_bank .dsbid_2212_bank_info { margin: 10px 0 0 -130px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 24px; color: #555555; letter-spacing: -1px; text-align:center; }
.dsbid_2212_bank .dsbid_2212_bank_info strong { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #444444; letter-spacing: -1px; text-align:center; }
.dsbid_2212_bank .dsbid_2212_bank_thum { position:absolute; right:15px; top:0; line-height:0; }


/* 배너-SIDE */
.dsbid_2212_banner_side01 { }
.dsbid_2212_banner_side01 ul { margin:0; padding:0; }
.dsbid_2212_banner_side01 li { list-style:none; height: 84px; margin:10px 0 0; padding:11px 0; text-align:center; border: 1px solid #d6d7da; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dsbid_2212_banner_side01 li span { padding-left:70px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 30px; color: #444444; letter-spacing: -1px; }
.dsbid_2212_banner_side01 li.thum1 { cursor: pointer; background:url("../images/dsbid_2212/banner01.png") no-repeat; background-position:25px center; }
.dsbid_2212_banner_side01 li.thum2 { background:url("../images/dsbid_2212/banner02.png") no-repeat; background-position:25px center; }
.dsbid_2212_banner_side01 li.thum2 strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 30px; color: #FE3032; letter-spacing: -1px; text-align:center; }
.dsbid_2212_banner_side01:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}



/* SUB CONTAINER */
#dsbid_2212_sub { position: relative; width: 1200px; margin: 30px auto 0; }
#dsbid_2212_sub .dsbid_2212_sub_content { margin:0 0 0 260px; min-height:670px; }


#dsbid_2212_sub .dsbid_2212_sub_side { position:absolute; width:245px; left:0; top:0; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_title { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 68px; color: #07558f; letter-spacing: -1px; text-align:center; background-color: #edf5ff; border: 1px solid #c9deea; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list { }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list ul { margin:0; padding:0; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list li { position: relative; list-style:none; border-bottom:1px solid #d8d8d8; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list li:after { content: ""; position:absolute; width:5px; height:9px; right:15px; top:16px; background:url("/images/dsbid_2212/dot.png") no-repeat left; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list a { display:block; padding-left: 15px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 40px; color: #666666; letter-spacing: -1px; text-align:left; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list a:hover { background-color:#e6eef3; color: #07558f; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list li a.on { background-color:#c8e3f2; color: #07558f; border:1px dotted #07558f; }
#dsbid_2212_sub .dsbid_2212_sub_side .dsbid_2212_menu_list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#dsbid_2212_sub .dsbid_2212_sub_remote { height: 70px; margin: 40px 0 0; border: 1px solid #efd4d5; background-image: url("/images/dsbid_2212/icon_remote.png"); background-position:15% 52%; background-repeat: no-repeat; background-color:#f3e1e2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#dsbid_2212_sub .dsbid_2212_sub_remote a, #dsbid_2212_sub .dsbid_2212_sub_remote a:hover { display: block; padding-left:60px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 68px; color: #222222; letter-spacing: -1px; text-align:center; }

#dsbid_2212_sub .dsbid_2212_sub_customer { height:120px; margin: 10px 0 0; padding-left:60px; border: 1px solid #f8ede3; background-image: url("/images/dsbid_2212/sub_customer.png"); background-size:74px 80px;background-position:left top; background-repeat: no-repeat; background-color:#fff8ea; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#dsbid_2212_sub .dsbid_2212_sub_customer .dsbid_2212_sub_customer_title { margin: 15px 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #732255; letter-spacing: -1px; text-align:center; }
#dsbid_2212_sub .dsbid_2212_sub_customer .dsbid_2212_sub_customer_tel { margin: 10px 0 0 0; font-family: 'NanumSquareRound'; font-style: normal; font-weight: 800; font-size: 22px; line-height: 22px; color: #222222; letter-spacing: -1px; text-align:center; }
#dsbid_2212_sub .dsbid_2212_sub_customer .dsbid_2212_sub_customer_tel strong { font-family: 'NanumSquareRound'; font-style: normal; font-weight: 800; font-size: 22px; line-height: 22px; color: #FE3032; letter-spacing: -1px; text-align:center; }

.buttonQna{width:200px;height:30px;margin-top:17px;background:transparent;cursor:pointer;transition:all 0.3s ease;position:relative;display:inline-block;}
.buttonQna2{position:relative;right:10px;bottom:10px;border:none;box-shadow:none;width:170px;height:30px;line-height:30px;-webkit-perspective:230px;perspective:230px;}
.buttonQna2 span{font-weight:700;box-shadow:inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 3px 3px 3px 0px rgba(0, 0, 0, 0.1), 3px 3px 3px 0px rgba(0, 0, 0, 0.1);border:1px solid #f7e7dc;background:linear-gradient(0deg,#f7e7dc 0%, #fff 85%);display:block;position:absolute;width:170px;height:30px;border-radius:5px;margin:0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s;transition:all 0.3s;}
.buttonQna2 span:nth-child(1){color:#072ac8;margin-left:10px;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 50% -13px;-moz-transform-origin:50% 50% -13px;transform-origin:50% 50% -13px;}
.buttonQna2 span:nth-child(2){color:#240750 !important;margin-left:10px;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:50% 50% -22px;-moz-transform-origin:50% 50% -22px;transform-origin:50% 50% -22px;}
.buttonQna2 span:nth-child(2) > img{margin:0 5px 2px 0;vertical-align:middle;}
.buttonQna2:hover span:nth-child(1){margin-left:10px;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);}
.buttonQna2:hover span:nth-child(2){margin-left:10px;color:transparent;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);}

.qna_inquiry{height:70px;margin:10px 0 0;border:1px solid #d6d7da;background-image:url("/images/dsbid_2212/icon_inquiry.png");background-position:15% 52%;background-repeat:no-repeat;background-color:#fbf8ee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.qna_inquiry a, .qna_inquiry a:hover{display:block;padding-left:98px;font-family:'Noto Sans KR', sans-serif;font-style:normal;font-weight:400;font-size:17px;line-height:68px;color:#222;letter-spacing:-1px;}


#dsbid_2212_sub .dsbid_2212_sub_bank { margin: 10px 0 0; border: 1px solid #d6d7da; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#dsbid_2212_sub .dsbid_2212_sub_bank .dsbid_2212_sub_bank_thum { margin: 0; line-height:0; text-align:center; }
#dsbid_2212_sub .dsbid_2212_sub_bank .dsbid_2212_sub_bank_info { margin: 0 0 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 24px; color: #555555; letter-spacing: -1px; text-align:center; }
#dsbid_2212_sub .dsbid_2212_sub_bank .dsbid_2212_sub_bank_info strong { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #444444; letter-spacing: -1px; text-align:center; }





/* FOOTER */
#dsbid_2212_footer > .dsbid_2212_menu { width:1200px; margin:0 auto; }
#dsbid_2212_footer > .dsbid_2212_menu ul { margin: 0; padding: 0; }
#dsbid_2212_footer > .dsbid_2212_menu li { position: relative; list-style: none; float: left; margin-right: 15px; }
#dsbid_2212_footer > .dsbid_2212_menu li a, #dsbid_2212_footer > .dsbid_2212_menu li a:hover { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 40px; color: #e9e9e9; letter-spacing: 0; }
#dsbid_2212_footer > .dsbid_2212_menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#dsbid_2212_footer .dsbid_2212_copyright { position: relative; width: 1200px; margin: 10px auto 0; }
#dsbid_2212_footer .dsbid_2212_copyright ul { margin: 0; padding: 0; }
#dsbid_2212_footer .dsbid_2212_copyright li { list-style: none; float: left; margin: 0 20px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 26px; color: #999999; letter-spacing: -0.5px; }
#dsbid_2212_footer .dsbid_2212_copyright li.v1 { content:""; display:block; clear:both; /* height:0; visibility:hidden; */ }
#dsbid_2212_footer .dsbid_2212_copyright:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#dsbid_2212_footer .dsbid_2212_copyright .dsbid_2212_family { position: absolute; width: 158px; right: 0; top: -24px; }
#dsbid_2212_footer .dsbid_2212_copyright .dsbid_2212_family ul { margin: 0; padding: 0; }
#dsbid_2212_footer .dsbid_2212_copyright .dsbid_2212_family li { list-style: none; float: none; margin: 3px 0;}
#dsbid_2212_footer .dsbid_2212_copyright .dsbid_2212_family select { width: 100%; height: 25px; border: 1px solid #b4b6bb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: gulim; font-size: 12px; color: #636363; line-height: 25px; }