@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* import */
@import url(member.css);
@import url(customer.css);
@import url(memo.css);
@import url(bid.css);

/*invultme*/
.pointer{cursor:pointer}
.move{cursor:move;}
label{cursor:pointer}
#progressbar .ui-progressbar-value, #progressbar1 .ui-progressbar-value, #progressbar2 .ui-progressbar-value {
	background-color: #afcef3;
}
.dot_td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor:pointer; letter-spacing:0;}


/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,pre{color:#333;font-family: '나눔고딕','NanumGothic','NanumGothicWeb','맑은 고딕','Malgun Gothic','굴림',gulim,applegothic,sans-serif !important;font-size:12px; }
img,fieldset{border:0; vertical-align:middle;}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em,address,strong,th{font-style:normal;font-weight:normal;}
input,select,textarea,option{vertical-align:middle; background:#fff; color:#666;}
select{vertical-align:middle; background:#fff; font-size:12px; border:1px solid #dedede;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
textarea{resize : none;}
hr,legend{display:none} 
caption{visibility:hidden;overflow:hidden;position:static;top:0;left:0;width:0;height:0;font-size:0;line-height:0} 

/* layout */
#wrap{display:table; width:100%;height:100%;}
#header{width:100%;height:104px; background:#fff;}
#container_980{display:table; width:980px; margin:0 auto 30px auto;padding-top:20px;}
#container{display:table; width:90%; min-width:990px; margin:0 auto 10px auto;;padding-top:20px;}
#left_con{float:left; width:200px; padding-right:10px;}
#content_770{float:left; width:770px; margin-bottom:30px;}
#content{width:980px; margin:0 auto;}
#content_90p{width:100%; margin:0 auto;}

#container_1200{display:table; width:1200px; margin:0 auto;padding:0px;}
#container_1200>div.left_con{float:left; width:270px; padding-right:10px;}
#container_1200>div.content{width:630px; margin:0 auto;padding:0px 5px;background-color:#fff;}
#container_1200>div.right_con{float:right; width:270px; padding-left:10px;background-color:#fff;}

#loginframe{position:relative; left:1px; top:5px; border:0;}
#container_1200 > div.right_con > div > div.right_login_02{padding: 13px 0px 0px 10px; height:110px; display:none;}
		.right_login_box.right_login_01{margin: 0px;width: 260px;height: 110px;padding:5px 5px; background-color:#fff; border:solid 1px #d5d5d5}
		.right_login_box .comname{color:#1769a2;font-weight:bold;font-size:18px;}
		.right_login_box .comname span{color: #1769a2; font-weight: bold;}
		.right_login_box .info{font-size: 12px; margin-top: 5px; line-height: 20px;}
		.right_login_box .info strong{color: #cb3131;}
		.right_login_box .info span{color: #1682d8;}
		.right_login_box .gbtn{font-size: 12px; margin-top: 5px;}
		
		div.success_status{margin: 5px 0px 0px 0px;border: 1px solid #d5d5d5;width: 270px;padding:0px 0px;height:83px;background:#fff;}
		div.success_status>div.subtitle{padding-top:5px;border: 0px solid #d5d5d5;width: 250px;height:15px;background:#d5d5d5;}
		div.success_status>div{padding:5px 10px;}
		
		
#container_1200>div.content>div.mainimage {width:630px;height:210px; background-size: 630px;border: 1px solid #d5d5d5;}		
		
#container_1200>div.mainBody>div.shotcut{width: 270px;height: 80px;border: 1px solid #d5d5d5;}
#container_1200>div.mainBody>div.shotcut>table{width: 100%;}
#container_1200>div.mainBody>div.shotcut>table>tbody>tr>td{padding:0px;text-align:center;width: 120px;}
#container_1200>div.mainBody>div.shotcut>table>tbody>tr>td>a{margin-top:9px;display:inline-block;width:100%;cursor: pointer;border-right:solid 1px #d5d5d5;}	
#container_1200>div.mainBody>div.shotcut>table>tbody>tr>td:last-child>a{border-right:solid 0px #d5d5d5;}	

/* text-align */
.acenter{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}
.pointer{cursor:pointer;}

/* tooltip */
[rel="tooltip"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/* 왼쪽 - 공통 */
#cs{width:200px; height:90px; }
#cs .csimg{width:200px; height:90px;}
#cs .licon_menu{width:250px; height:68px;}
#cs .licon_menu li{float:left;}

/* 카피라이트 수정 전 */
/* .bot_menu{width:100%; height:12px; padding-bottom:10px;  text-align:center;  border-bottom:1px solid #f5f5f5; margin-bottom:10px;}
.bot_menu strong{font-weight:bold; color:#999; font-size:12px;}
.bot_menu span{color:#dedede;}
.com_copyright{width:980px; height:40px; margin:0 auto; color:#999; line-height:14px; text-align:center;}
.com_copyright span{font-weight:bold; color:#333;}
.com_copyright strong{font-weight:bold; color:#004f9c;} */

/* 카피라이트 */
#copyright{width:1024px; height:156px; margin:0 auto; }
.bot_menu{width:1001px; height:15px; padding-top:15px; padding-bottom:20px; padding-left:18px; margin:0 auto;}
.bot_menu strong{font-weight:bold; color:#999;}
.com_copyright{font-size:12px; width:1024px; margin:0 auto; color:#666; line-height:17px; }
.com_copyright .copyright_contents{margin-left:17px;}
.com_copyright #copyright_img{width:120px; margin-top:5px; margin-right:10px; float:right;}

/* 서브제목 */
.sub_navi{width:985px; height:19px; padding-top:4px; padding-bottom:3px; padding-left:5px; border-bottom:1px solid #dedede; margin-bottom:10px;}
.sub_navi_bid{width:auto; height:23px; color:#999; border:1px solid #dedede; margin-bottom:5px;}
.sub_navi_bid strong{color:#3577cb;}
.sub_navi_bid .inleft{float:left; width:450px; height:19px; padding-top:4px; padding-bottom:0px; padding-left:5px; font-size:13px; color:#282828; }
.sub_navi_bid .inright{float:right; width:500px; height:19px; padding-top:2px; padding-bottom:0px; padding-right:3px; text-align:right;}
.sub_navi_770{width:770px; height:25px; margin-bottom:20px; padding-right: 10px;}
.sub_navi_770 .lrbox{float:left; width:7px; height:25px;  }
.sub_navi_770 .lrbox img{vertical-align:top; padding:0; border:0;}
.sub_navi_770 .ncenter{float:left; width:756px; height:80px;  }
.sub_navi_770 .ncenter .lbox{float:left; width:300px; height:20px; /* padding-top:20px;   */font-size:30px; padding-left:30px; font-size:25px; font-weight:600; color:#004a78; font-family:나눔스퀘어;}
.sub_navi_770 .ncenter .rbox{float:right; width:426px; height:20px; /* padding-top:35px;  */padding-bottom:5px; text-align:right; color:#999;}
.sub_navi_770 .ncenter .rbox img{vertical-align:middle;}
.sub_navi_770 .ncenter .rbox span{color:#333;}
.sub_navi_770 .ncenter .rbox strong{font-weight:bold; color:#004f9c;}
.sub_navi_90p{border-collapse:collapse; border-spacing:0; width:100%; height:25px; margin-bottom:20px; margin:0 auto;}
.sub_navi_90p .lrbox{width:7px; height:25px;}
.sub_navi_90p .lrbox img{vertical-align:top; padding:0; border:0;}
.sub_navi_90p .ncenter{width:auto; height:25px; }
.sub_navi_90p .ncenter .lbox{float:left; width:300px; height:15px; padding-top:5px; padding-bottom:40px; font-size:25px; font-weight:600; color:#004a78; font-family:나눔스퀘어; }
.sub_navi_90p .ncenter .rbox{float:right; width:456px; height:12px; padding-top:8px; padding-bottom:5px; text-align:right; color:#999;}
.sub_navi_90p .ncenter .rbox img{vertical-align:middle;}
.sub_navi_90p .ncenter .rbox span{color:#333;}
.sub_navi_90p .ncenter .rbox strong{font-weight:500; color:#004f9c;}
.sub_navi_980{width:980px; height:25px; margin-bottom:15px;}
.sub_navi_980 .lrbox{float:left; width:7px; height:25px;}
.sub_navi_980 .lrbox img{vertical-align:top; padding:0; border:0;}
.sub_navi_980 .ncenter{float:left; width:966px; height:45px; }
.sub_navi_980 .ncenter .lbox{float:left; width:300px; height:15px; padding-top:5px; padding-bottom:5px; padding-left:-10px;font-size:25px; font-weight:600; color:#004a78; font-family:나눔스퀘어;}
.sub_navi_980 .ncenter .rbox{float:right; width:456px; height:12px; padding-top:8px; padding-bottom:5px; text-align:right; color:#999;}
.sub_navi_980 .ncenter .rbox img{vertical-align:middle;}
.sub_navi_980 .ncenter .rbox span{color:#333;}
.sub_navi_980 .ncenter .rbox strong{font-weight:500; color:#004f9c;}


/* input style  */
.input_240{width:240px; height:19px; border:1px solid #ccc; color:#666;}
.input_230{width:230px; height:19px; border:1px solid #ccc; color:#666;}
.input_257{width:257px; height:17px; border:1px solid #ccc; color:#666;}
.input_480{width:480px; height:19px; border:1px solid #ccc; color:#666;}
.input_538{width:538px; height:19px; border:1px solid #ccc; color:#666;}
.input_358{width:358px; height:19px; border:1px solid #ccc; color:#666;}
.input_100{width:100px; height:17px; border:1px solid #ccc; color:#666;}
.input_120{width:120px; height:17px; border:1px solid #ccc; color:#666;}
.input_140{width:140px; height:19px; border:1px solid #ccc; color:#666;}
.input_180{width:178px; height:19px; border:1px solid #ccc; color:#666; margin-bottom:1px;}
.input_40{width:40px; height:19px; border:1px solid #ccc; color:#666;}
.input_80{width:80px; height:19px; border:1px solid #ccc; color:#666;}
.input_100{width:100px; height:18px; border:1px solid #ccc; color:#666;}
.input_40a{width:40px; height:19px; border:1px solid #ccc; color:#666; margin-bottom:3px;}
.input_88{width:88px; height:19px; border:1px solid #ccc; color:#666; margin-bottom:3px;}

/* left메뉴  */
#left_menu{display:table; width:220px; padding-bottom:20px;}
#left_menu h2{width:185px; height:50px; padding-bottom:10px; background-color: #eaf4fe; color:#296ca4; font-weight: 400; line-height: 60px; padding-left: 10px; font-size: 20px;}
#left_menu ul.sub_left{display:table; width:200px; padding-left: 20px; padding-top: 20px; font-size:15px; line-height: 40px; }
#left_menu ul.sub_left li {width:185px; border-bottom: 1px solid #ccc; margin-left: -12px; color:#606060; }
#left_menu ul.sub_left li a:hover{color: #296ca4; font-weight: 600;}
#left_menu ul.sub_left li.on{color: #296ca4!important; font-weight: 600; }



/* 경고창  */
.alert_popbox{position:fixed; left:50%; top:50%; margin-left:-160px; margin-top:-69px; display:table; width:320px;z-index: 99999999999;}
.alert_pop{float:left; width:298px; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.alert_pop .pop_tit{width:275px; height:20px; padding-top:10px; padding-bottom:8px; padding-left:15px; color:#333; font-size:14px; font-weight:400; border-bottom: 1px solid #efefef; }
.alert_pop .message_box{display:table; width:280px; padding:9px; text-align:center; font-size:12px; line-height:150%;}
.alert_pop .message_box strong{color:#004f9c;}
.alert_pop .close{float:left; width:20px;}

/* 페이징 */
.paging_box{width:100%; height:30px; text-align:center; padding:10px 0  20px 0;}
.paging_box a.on{height:12px; padding:2px 7px 3px 7px; border:1px solid #004f9c; color:#0e7dc5; font-weight: 500; }
.paging_box a.off{height:12px; padding:2px 7px 3px 7px;  border:1px solid #ccc; color:#333; }
.paging_box img{vertical-align:middle; margin-bottom:1px; }

#paging_box{width:100%; height:30px; text-align:center; padding:10px 0  20px 0;}
#paging_box a.on{height:12px; padding:2px 7px 3px 7px; border:1px solid #004f9c; color:#004f9c; color:#0e7dc5; font-weight: 500; }
#paging_box a.off{height:12px; padding:2px 7px 3px 7px;  border:1px solid #ccc; color:#333; }
#paging_box img{vertical-align:middle; margin-bottom:1px; }




/* 사이트 개선안 접수 */
.improve_popbox{position:absolute; left:50%; top:220px; margin-left:-335px; display:table; width:670px;}
.improve_pop {float:left; width:648px; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.improve_pop .pop_tit{width:625px; height:14px; padding-top:3px; padding-bottom:8px; padding-left:23px; color:#333; font-size:14px; font-weight:600; background:url("https://img.nanoomi.co.kr/renewal/common/common/pop_tit_bg.png") left no-repeat;}
.improve_pop .del_box{display:table; width:630px; padding:9px; text-align:center; font-size:12px;}
.improve_pop .del_box strong{color:#ff9900;}
.improve_pop .out_box{display:table; width:630px; padding:10px 9px 5px 9px;}
.improve_pop table{width:630px; border-collapse:collapse; border-spacing:0; line-height:125%; margin-bottom:5px;}
.improve_pop table tr{width:630px;}
.improve_pop table tr td{width:550px; padding:4px 0;}
.improve_pop table tr td img{vertical-align:middle;}
.improve_pop table tr td textarea{width:538px; height:150px; border:1px solid #ccc; background:#fff;}
.improve_pop table tr td .txtview{width:538px; height:150px; border:1px solid #ccc; background:#fff;}
.improve_pop table tr th{width:70px; font-size:12px; font-weight:bold; vertical-align:top; padding-top:5px; text-align:right; padding-right:10px;}
.improve_pop table tr td input.official{width:14px; height:14px; margin-left:3px;}
.improve_pop .memo_btn{width:630px; height:21px; padding-top:7px; padding-bottom:10px; text-align:center; border-top:1px dashed #ccc; }

/* 인쇄팝업 */
.print_popbox{position:absolute; left:50%; top:120px; margin-left:-360px; display:table; width:740px; height:auto;}
.print_pop{float:left; width:718px; height:auto; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.print_pop .pop_tit{width:695px; height:14px; padding-top:3px; padding-bottom:8px; padding-left:23px; color:#333; font-size:14px; font-weight:600; background:url("https://img.nanoomi.co.kr/renewal/common/pop_tit_bg.png") left no-repeat;}
.print_pop .print_box{width:680px; margin:9px;}
.print_pop .conbtn{width:712px; height:auto; padding:0px 0px 5px 3px; text-align:center;}

/* 인쇄결재설정 */
.approval_popbox{position:absolute; left:50%; top:220px; margin-left:-185px; display:table; width:370px;}
.approval_pop{float:left; width:348px; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.approval_pop .pop_tit{width:325px; height:14px; padding-top:3px; padding-bottom:8px; padding-left:23px; color:#333; font-size:14px; font-weight:600; background:url("https://img.nanoomi.co.kr/renewal/common/pop_tit_bg.png") left no-repeat;}
.approval_pop .approval_box{width:330px; margin:9px; text-align:center;  table-layout:fixed; font-size:12px; border-collapse:collapse; border-spacing:0; background:#fff;}
.approval_pop .approval_box tr{width:100%; height:22px;}
.approval_pop .approval_box tr.blank{width:100%; height:0px;}
.approval_pop .approval_box tr th input{width:65px; height:17px; line-height:17px; border:1px solid #ccc;}
.approval_pop .approval_box tr th.th1{border-top:1px solid #999; background:#f1f1f1; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; width:20px; height:20px;}
.approval_pop .approval_box tr th.th2{border-top:1px solid #999; background:#f1f1f1; border-right:1px solid #999; border-bottom:1px solid #999; width:auto; height:20px;}
.approval_pop .approval_box tr td{ border-right:1px solid #999; border-bottom:1px solid #999; width:auto; height:50px;}
.approval_pop .approval_box tr td.td1{border-left:1px solid #999;border-right:1px solid #999; border-bottom:1px solid #999; width:auto; height:50px;}
.approval_pop .conbtn{width:342px; height:auto; padding:0px 0px 5px 3px; text-align:center;}

/* 서비스중지업체 팝업  */
.stopservice_popbox{position:absolute; left:50%; top:250px; margin-left:-250px; display:table; width:500px;}
.stopservice_pop{float:left; width:478px; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.stopservice_pop .pop_tit{width:455px; height:14px; padding-top:3px; padding-bottom:8px; padding-left:23px; color:#333; font-size:14px; font-weight:600; background:url("https://img.nanoomi.co.kr/renewal/common/pop_tit_bg.png") left no-repeat;}
.stopservice_pop .pop_tit h4{float:left; width:477px; height:14px; padding-top:7px; padding-bottom:9px; padding-left:15px; color:#333; font-size:14px;}
.stopservice_pop .pop_tit .close{float:right; width:35px; height:30px;}
.stopservice_pop .stopservice_box{display:table; width:450px; padding:9px; text-align:center; font-size:12px; line-height:140%; color:#777;}
.stopservice_pop .stopservice_box strong{color:#cc3333;}
.stopservice_pop .stopservice_box span{font-weight:700; color:#222;}
.stopservice_pop .close{float:left; width:20px;}









/* 게시판 페이지 - 부트스트랩 */
.pagination_box1{display:table; width:100%; text-align:center;}
.pagination_box{display:table; width:990px; text-align:center;}
.pagination_box_730{display:table; width:730px; text-align:center;}
.pagination {
  margin: 10px 0 10px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:12px;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  /*border-left-width: 0;*/
}

.pagination .activePage{
	background-color: #f5f5f5;
	border: 1px solid #4891d6;
	color:#4891d6;
	font-weight:bold;
}
/*
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
  border: 1px solid #4891d6;
  color:#4891d6;
  font-weight:bold;
}
*/
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 0px 2px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 11px;
  line-height:13px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 2px 5px 2px 5px;
  font-size: 12px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f2f2f2;
  *background-color: #d6d6d6;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e8e8e8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e8e8e8);
  background-image: -o-linear-gradient(top, #f2f2f2, #e8e8e8);
  background-image: linear-gradient(to bottom, #f2f2f2, #e8e8e8);
  background-repeat: repeat-x;
  border-color: #e8e8e8 #e8e8e8 #f2f2f2;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #e8e8e8;
  *background-color: #e8e8e8;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #d6d6d6 \9;
}


/* 미확인메세지 */
.unknown_popbox{position:absolute; left:50%; top:220px; margin-left:-240px; display:table; width:480px;}
.unknown_pop{float:left; width:458px; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.unknown_pop .pop_tit{width:435px; height:14px; padding-top:3px; padding-bottom:8px; padding-left:23px; color:#333; font-size:14px; font-weight:600; background:url("https://img.nanoomi.co.kr/renewal/common/pop_tit_bg.png") left no-repeat;}
.unknown_pop .unknown_box{width:440px; margin:9px 9px 0 9px; text-align:center; font-size:12px; border-collapse:collapse; border-spacing:0; background:#fff; border-top:1px solid #ccc;}
.unknown_pop .unknown_box tr{width:100%; height:22px;}
.unknown_pop .unknown_box tr.blank{width:100%; height:0px;}
.unknown_pop .unknown_box tr th.th1{width:375px; height:21px; border-right:1px solid #ccc; background:#edf6ff;}
.unknown_pop .unknown_box tr td.td1{width:360px; height:21px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left; padding-left:15px;}
.unknown_pop .unknown_box tr th.th2{width:65px; height:21px;  border-right:1px solid #ccc; background:#edf6ff;}
.unknown_pop .unknown_box tr td.td2{width:65px; height:21px; padding-top:5px; padding-bottom:5px;  border-bottom:1px solid #ccc; border-right:0px solid #ccc; text-align:center;}
.unknown_pop .unknown_box tr td.td3 textarea{width:420px; height:50px; border:1px solid #ccc;}
.unknown_pop .unknown_box tr td.noline{border-right:0px;}
.unknown_pop .unknown_box tr td strong{color:#ff0000; font-weight:500;}
.unknown_pop .unknown_box tr th.noline{border-right:0px;}
.unknown_pop .unknown_box_body{width:440px; margin:0 9px 9px 9px; text-align:center; font-size:12px; border-collapse:collapse; border-spacing:0; background:#fff; border-top:1px solid #ccc;}
.unknown_pop .unknown_box_body tr{width:100%; height:22px;}
.unknown_pop .unknown_box_body tr.blank{width:100%; height:0px;}
.unknown_pop .unknown_box_body tr th.th1{width:375px; height:21px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#edf6ff;}
.unknown_pop .unknown_box_body tr td.td1{width:360px; height:21px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left; padding-left:14px;}
.unknown_pop .unknown_box_body tr th.th2{width:65px; height:21px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#edf6ff;}
.unknown_pop .unknown_box_body tr td.td2{width:65px; height:21px; padding-top:5px; padding-bottom:5px;  border-bottom:1px solid #ccc; border-right:0px solid #ccc; text-align:center;}
.unknown_pop .unknown_box_body tr td.td3 textarea{width:420px; height:50px; border:1px solid #ccc;}
.unknown_pop .unknown_box_body tr td.noline{border-right:0px;}
.unknown_pop .unknown_box_body tr td strong{color:#ff0000; font-weight:500;}
.unknown_pop .unknown_box_body tr th.noline{border-right:0px;}
.unknown_pop .conbtn{width:452px; height:auto; padding:0px 0px 5px 3px; text-align:center;}

/* new add css */

#wrapBody{margin:0 auto;}

/* bid_support.jsp */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");

#area{margin:0 auto;width:1024px; left: 50%;}
#top{background-color:#bdbcbc;}
#top #middle{background:url(https://img.nanoomi.co.kr/renewal/information/support/mbg.png) repeat-x;}
#top .mtxt{margin-top:-240px; margin-left: 50px; color:#c7c7c7; font-size: 16px; line-height: 25px; letter-spacing: -1px;}
#top .mtxt2{margin-left:50px; color:#faf48b; margin-top:20px; font-size:13px;}
#top #main_container{width:1024px; height:494px; font-size:12px;}
#top #middle_container{background:url(https://img.nanoomi.co.kr/renewal/information/support/f_susbimg.png) no-repeat; height: 1452px;}
#top .mtop li{padding-top:46px; padding-left:52px;}
#top .mbox {width: 684px; height: 196px; background-color: #fff; margin-left: 310px; margin-top:-220px;}
#top .mbox li {margin-left:38px;  padding-top:20px; line-height: 25px;}
#top .mbox1{width: 342px; height: 196px;border-right:1px solid #ddd;}
#top .mbox2{margin-left: 342px; margin-top:-208px;}
#top .mbox3 {width:488px; height:244px; background-color: #fff; margin-left:30px; margin-top:24px;}
#top .mbox4 {width:485px; height:244px; background-color: #fff; margin-left:518px; margin-top:-245px; line-height: 18px;}
#top .mbox5 {width:485px; height:244px; background-color: #fff; margin-left:30px; font-size:13px;}
#top .mbox6 {width:485px; height:244px; background-color: #fff; margin-left:515px; margin-top:-244px;font-size:13px;}
#top .mbox5 img{margin-left:244px;}
#top .mbox6 img{margin-left: 244px;}
#top .mbox5 .txt3{margin-left:-216px; margin-top:-224px;}
#top .mbox5 .txt4{margin-left:26px; margin-top:16px; line-height: 18px; width: 220px;}
#top .mbox6 .txt3{margin-left:-213px; margin-top:-224px;}
#top .mbox6 .txt4{margin-left:31px;  margin-top:17px;  line-height: 18px; width: 196px;}
#top .txt {margin-left:271px; margin-top:-216px;}
#top .txt1 {margin-left:270px; font-size: 13px; margin-top:21px; width:211px;}
#top .character {width:457px; height:442px; margin-top:111px; margin-left:32px; font-size: 13px;}
#top .character .tit{font-size:16px; color:#ffecaa; margin-top:9px; padding-top:20px; line-height: 25px;}
#top .character .con{ color:#fff; margin-top:5px; margin-left:20px; line-height: 20px;}
#top .advantage  {width:487px;height:416px; margin-top:-428px; margin-left:510px; font-size: 13px; border-left: 1px dotted #fff; padding-left:31px;}
#top .advantage .tit{font-size:16px; color:#ffecaa; margin-top:-11px; padding-top:33px; line-height: 25px;}
#top .advantage .con{ color:#fff; margin-top:5px; margin-left:20px; line-height: 20px;}
#top #advantage_img{margin-top:-14px;}
/* bid_support.jsp */

/* bid_calculation.jsp */
.containerBody{width:550px;}
.containerBody .title{width:100%;margin-top:80px;padding-left:25px;}
.containerBody .sub_title{width:100%;margin-top:7px;}
.containerBody .sub_title font{font-size:13px;color:#5C5C5C;font-weight:bold;letter-spacing:-1px;}
.containerBody .data_tab{width:100%;margin-top:30px;background:#0E71B0;}
.containerBody .data_tab .data_tab_title{padding-top:15px;padding-bottom:15px;}
.containerBody .data_tab font{color:#fff;font-weight:bold;letter-spacing:-1px;font-size:13px;}
.data_tab_text table{background:#fff;border:3px solid #0E71B0;width:100%;color:#333;font-size:13px;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.data_tab_text table td{padding:7px;}
.data_tab_text table td:nth-child(1){border-right:1px solid #9A9898;}
.data_tab_text table td:nth-child(2){padding-left:15px;}
.data_tab_text table td.td1,.data_tab_text table td.td2{border-bottom:1px solid #9A9898;}
.btn_div{margin-top:30px;}
.content_text{margin-top:25px;border:1px solid #9A9898;padding:15px;padding-top:25px;line-height:20px;font-size:12px;}
.content_title{color:red;font-size:13px;}
.compare_btn{padding:3px 10px 3px 10px;background:#B7B5B5;color:#fff;float:right;}
.origin_btn{padding:3px 10px 3px 10px;background:#B7B5B5;color:#fff;float:right;margin-bottom:10px;margin-top:-10px;}
.content_text_container{padding-top:45px;}
.content_text_title{padding-top:25px;padding-bottom:5px;}
.content_text_container table{background:#fff;width:100%;color:#333;}
.content_text_container table th{border-top:1px solid #B7B5B5;background:#E0EDF6;padding:7px;}
.content_text_container table td,.content_text_container table th{border-right:1px solid #B7B5B5;border-bottom:1px solid #B7B5B5;}
.content_text_container table .th,.content_text_container table .td{border-left:1px solid #B7B5B5;}
.tryout_text{margin:10px;}
.tryout_div{margin-bottom:50px;}
.content_text_container table:last-child{margin-bottom:50px;}
.content_text_container table tbody tr td{padding:10px;}
#calcuBtn:hover,.compare_btn:hover{opacity:0.7;}
/* bid_calculation.jsp */

/* new_intro.jsp */
#newIntro{font-size:13px; color:#5f5f5f; width:1024px; margin:0 auto;margin-top:20px;}
#newIntro .bar_div{height:40px;width:997px;margin:0 auto;}
#newIntro .bar_title{font-size:16px; text-align:center; border-left:1px solid #dedede;border-top:1px solid #dedede;border-bottom:1px solid #dedede; width:248px; height:28px; padding-top:10px; float:left;}
#newIntro .bar_title:last-child{border-right:1px solid #dedede;}
#newIntro .ceo_title{padding:55px; height:50px;}
#newIntro .main_title{font-size:35px; font-weight:bold; width:300px; float:left}
#newIntro .sub_title{padding-top:23px;}
#newIntro .text_line{padding-bottom:4px;}

#newIntro .ceo_div{color:#FFF; height:545px; background-image:url('https://img.nanoomi.co.kr/renewal/information/intro/co_bg_img.png'); background-repeat:no-repeat;}
#newIntro .ceo1{font-size:18px; color:#fcffc4; padding-top:97px; padding-left:57px; padding-right:398px;}
#newIntro .ceo2{padding-top:19px; padding-left:57px; padding-right:414px;}
#newIntro .ceo3{padding-top:18px; padding-right:20px;}
#newIntro .ceo_sign{text-align:right; padding-top:22px; padding-right:411px;}
#newIntro  #sign_img{padding-left:12px;}

#newIntro .logo_div{height:1095px; padding-left:55px;}
#newIntro .logo_title{font-size:18px; color:#115fb0; padding-top:10px; padding-bottom:35px;}
#newIntro #logo_img{padding-top:45px; padding-bottom:45px;}
#newIntro .subhead_title{font-size:25px; padding-top:65px; padding-bottom:45px;}
#newIntro .subhead_con1{width:484px; height:300px; float:left;}
#newIntro .subhead_con2{width:215px; height:223px; float:left; padding-left:42px; padding-right:55px;}
#newIntro .img_box{border:1px solid #dedede; width:440px; height:200px; text-align:center; margin-top:15px;}
#newIntro .img_contents1{margin-top:78px;}
#newIntro .img_contents2{margin-top:57px;}
#newIntro .line1{border:7px solid #171c61; width:200px;}
#newIntro .line2{border:7px solid #1d68ab; width:200px;}
#newIntro .line3{border:7px solid #3e3a39; width:200px;}
#newIntro .line1_con{padding-left:29px; padding-top:22px;}
#newIntro .line2_con{padding-left:46px; padding-top:22px;}
#newIntro .line3_con{padding-left:53px; padding-top:22px;}

#newIntro #info_img{padding-top:43px; padding-left:79px; padding-bottom:30px;}
#newIntro .info_title{font-size:30px; color:#171c61; padding-bottom:30px; text-align:center;}
#newIntro .info_contents{width:299px; padding-left:30px; float:left;}
#newIntro .info_subContents{height:275px;}
#newIntro .info_text1, .info_text2{margin-bottom:7px; text-align:center;}
#newIntro .info_box{width:345px; padding-bottom:5px;}
#newIntro .info_year{color:#115fb0; width:34px; height:20px; float:left; margin-right:7px;}
#newIntro .info_con{padding-bottom:5px; padding-left:41px;}
#newIntro .cert_title{font-size:18px; margin-top:480px; margin-left:55px; margin-bottom:60px;}
#newIntro .cert_img{width:154px; padding-left:77px; padding-right:7px; margin-bottom:22px;}

#newIntro .org_div{color:#FFF; background-color:#17548a; height:539px; margin-top:100px;}
#newIntro .org_subTitle{font-size:14px; color:#FFF; float:left; padding-top:23px;}
#newIntro .org_box{text-align:center; width:175px; height:188px; margin-left:24px; float:left;}
#newIntro .org_tree1{font-size:15px; color:#17548a; background-color:#FFF; ; width:176px; height:26px; text-align:center; padding-top:9px; margin-top:7px; margin-left:424px;}
#newIntro .org_tree2{font-size:15px; color:#FFF; width:184px; height:26px; border:1px solid #FFF; text-align:center; padding-top:9px; margin-top:7px; margin-bottom:24px;}
#newIntro .org_tree3{font-size:12px; padding-left:10px; padding-bottom:17px;}
#newIntro #tree_line{margin-bottom:-7px; margin-left:136px;}
#newIntro table{width:795px; height:66px; margin-left:115px; margin-bottom:-7px; border-spacing:0;border-collapse:collapse;table-layout:fixed;}
#newIntro .table_line1{width:60px; height:34px; border-bottom:1px solid #FFF;}
#newIntro .table_line2{border-right:1px solid #FFF;}
#newIntro .table_line3{border-left:1px solid #FFF;}
/* new_intro.jsp */

.circle{width:20px;height:20px; border-radius:50%;background-color:#006ebb;}

.triangle {display:inline-block; width:0; height:0; border-style:solid; border-width:6px;}
.triangle.triangledown {border-color:#fff transparent transparent transparent;}
.triangle.triangleup {border-color:transparent transparent #fff transparent;}
.triangle.triangleleft {border-color:transparent #fff transparent transparent;}
.triangle.triangleright {border-color:transparent transparent transparent #fff;margin: 4px 2px 2px 8px;}


span.btn.btnmainlink {padding: 5px 8px;font-size: 1.1em;border: solid 1px #878787;background: linear-gradient(#aaa, #aaa, #888, #888);}

span.btn.btnmainlink>a{width:100%;color:#fff;}