@charset "utf-8";

/********************************************* global *********************************************/
ol, ul, li {list-style:none;}		/*목록 뷸릿 없애기 초기화*/
/* *********************************************************************************************************************************** */

/***************** 공통버튼 ********************/
/* Button Reset */
#dgcWrap_power .button,
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
#dgcWrap_power .button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
#dgcWrap_power .button.large { height:29px; background-position:left -30px; }
#dgcWrap_power .button.xLarge { height:35px; background-position:left -65px; }
#dgcWrap_power .button.small { height:18px; background-position:left -107px; }
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
#dgcWrap_power .button.large a,
#dgcWrap_power .button.large button,
#dgcWrap_power .button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
#dgcWrap_power .button.xLarge a,
#dgcWrap_power .button.xLarge button,
#dgcWrap_power .button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
#dgcWrap_power .button.small a,
#dgcWrap_power .button.small button,
#dgcWrap_power .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
#dgcWrap_power .button *:hover,
#dgcWrap_power .button *:active,
#dgcWrap_power .button *:focus{ color:#690;}
#dgcWrap_power .button.green,
#dgcWrap_power .button.green a,
#dgcWrap_power .button.green button,
#dgcWrap_power .button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
#dgcWrap_power .button.green *:hover,
#dgcWrap_power .button.green *:active,
#dgcWrap_power .button.green *:focus{ color:#ff0;}
#dgcWrap_power .button.black,
#dgcWrap_power .button.black a,
#dgcWrap_power .button.black button,
#dgcWrap_power .button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
#dgcWrap_power .button.black *:hover,
#dgcWrap_power .button.black *:active,
#dgcWrap_power .button.black *:focus{ color:#ff0;}
#dgcWrap_power .button.red,
#dgcWrap_power .button.red a,
#dgcWrap_power .button.red button,
#dgcWrap_power .button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
#dgcWrap_power .button.red *:hover,
#dgcWrap_power .button.red *:active,
#dgcWrap_power .button.red *:focus{ color:#ff0;}
#dgcWrap_power .button.blue,
#dgcWrap_power .button.blue a,
#dgcWrap_power .button.blue button,
#dgcWrap_power .button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
#dgcWrap_power .button.blue *:hover,
#dgcWrap_power .button.blue *:active,
#dgcWrap_power .button.blue *:focus{ color:#ff0;}
#dgcWrap_power .button.white,
#dgcWrap_power .button.white a,
#dgcWrap_power .button.white button,
#dgcWrap_power .button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
#dgcWrap_power .button.white *:hover,
#dgcWrap_power .button.white *:active,
#dgcWrap_power .button.white *:focus{ color:#333;}

/* Button Text Strong */
#dgcWrap_power .button.strong * { font-weight:bold !important;}

/***************** common ********************/
#dgcWrap_power {float:left; width:100%; *zoom:1; }
#dgcWrap_power:after { display: block; clear: both; content: "";}

#dgcWrap {width:98%;float:left; margin:10px 0 0 10px;}
.bold1 {font-weight:bold; color:#626262; line-height:20px;}
.bold2 {font-size:18px; font-weight:bold; color:#000; line-height:20px;}
.week tr th {border-top:2px solid #e4e4e4;}
.bold_red {color:red; font-weight:bold;}
.bold_blue {color:blue; font-weight:bold;}
.bold_blue2 {color:#515e66; font-weight:bold; vertical-align:middle;}
.red {color:red;}
.txt_right {text-align:right;}
.title {margin:10px 0; text-align:left; font-family:  "굴림", Gulim, "돋움", Dotum; font-size:13px; font-weight:bold; color:#4d4d4d;} /* 제목 */
.title img {vertical-align:middle; margin-right:3px;}

.back_bg {background:#f2f2f2;}
.back_bg2 {background:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.back_bg3 {background:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

input {vertical-align:middle; background-color:#fff;  font-family:Malgun Gothic, dotum; font-size:12px; height:18px; padding-left:0px;}
.pension_input input {border:1px solid #dadada;}
select {vertical-align:middle; font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border:1px #cccccc solid; height:18px;}


.button_group {
	text-align:right !important;
	padding-top:13px !important;
	border:none !important;
}

.paging_group {
	text-align:center !important;
	padding-top:13px !important;
	border:none !important;
}

.paging_group strong.active { color:#FF0000; }

.clear {clear:both; }


/* build_estimate */
caption, legend {visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
#build_estimate {padding:10px; *zoom:1;}
#build_estimate * {font-fa mily:'Nanum Gothic'}
#build_estimate:after {display:block; clear:both; content:"";}

.btn {display: inline-block; padding: 1px 12px; margin-bottom:0; font-size: 14px; line-height: ; text-align:center; white-space:nowrap; vertical-align: middle; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; }

#build_estimate .left_area {float:left; width:27%; }
#build_estimate .left_area .buildCost,
#build_estimate .left_area .options {margin-right:5px;}
#build_estimate .left_area .buildCost {vertical-align:middle; height:100px; border:5px solid #b7b7b7; padding:20px 4px; }
#build_estimate .left_area .buildCost > p {padding:4px 0; text-align:center;}
#build_estimate .left_area .costTitle {margin-top:10px; font-size:16px; font-weight:bold; }
#build_estimate .left_area .amount {font-family:tahoma; font-size:24px; font-weight:bold; color:#e83838; }
#build_estimate .left_area .space {font-family:tahoma;}

#build_estimate .left_area .option_area {margin:10px 5px 0 0;}
#build_estimate .left_area .option_area dt {height:33px; margin-top:3px; line-height:33px; text-align:center; font-weight:bold; color:#fff; background:#525f43; cursor:pointer;}
#build_estimate .left_area .option_area dd {display: none; padding:10px 5px; border:1px solid #b7b7b7; border-top:1px solid #525f43;}
#build_estimate .left_area .option_area dd li {padding:2px 0; }
#build_estimate .left_area .option_area input[type="button"] {border:0; cursor:pointer;}
#build_estimate .left_area .option_area dd.default {display: block;}



#build_estimate .right_area {float:right; width:73%;}
#build_estimate .cost_detail,
#build_estimate .bn_area,
#build_estimate .view_area {margin-left:5px;}

#build_estimate .cost_detail {}
#build_estimate .cost_detail table { width:100%; height:150px; border:1px solid #b7b7b7; border-collapse:collapse; table-layout:fixed;}
#build_estimate .cost_detail tr th,
#build_estimate .cost_detail tr td {border:1px solid #ddd; text-align:center;}
#build_estimate .cost_detail tr th {background:#f6f6f6;}
#build_estimate .cost_detail tr td {}

#build_estimate .bn_area {position:relative;  margin-top:10px; padding:14px; vertical-align:middle; background:#604c3f; color:#fff;}
#build_estimate .bn_area > div {width:60%; line-height:20px;}
#build_estimate .bn_area > .popup_space_open {display:block; position:absolute; right:10px; top:50%; margin-top:-19px; width:160px; height:38px; line-height:34px; text-align:center; background:#ffc600; color:#4a3c33; font-weight:bold; border:0; cursor:pointer; letter-spacing:-1px; border-radius:3px;}

#build_estimate .view_area {margin-top:10px; padding:10px; border:1px solid #b7b7b7;  }
#build_estimate .view_area .viewimg {min-height:480px; margin:0 auto; padding:10px; border: 1px solid #aaa; text-align:center; vertical-align:middle;}
#build_estimate .view_area .reference { margin:10px auto 0; padding:10px; border: 1px solid #aaa; line-height:20px; background:#f5f5f5;}

#build_estimate .title {font-size:24px; vertical-align:bottom;}


/*레이어팝업 - 자재상세보기 */
.opt_tip  {width:350px; height:176px; padding:4px; border:1px solid #b3b3b3; background:#f3f3f3;}
.opt_tip .tip_title {position:relative; height:28px; padding:0 10px; border:1px solid #aaa; line-height:30px; color:#444; background:#fff;}
.opt_tip .tip_title > a {display:inline-block; position:absolute; right:10px; top:50%; margin-top:-10px; padding:0 8px;height:20px; line-height:20px; background:#666; color:#fff; }
.opt_tip .tip_con {margin-top:4px;padding:10px; border:1px solid #aaa;  color:#666; background:#fff; *zoom:1; }
.opt_tip .tip_con:after {display:block; clear:both; content:"";}
.opt_tip .tip_con .tip_img {float:left; width:112px; height:84px; padding:4px; margin:0 8px 8px 0; border:1px solid #ccc; background:#fff;}
.opt_tip .tip_con .tip_img img {}
.opt_tip .tip_con .tip_desc {float:right; width:198px; height:120px; letter-spacing:0; overflow-y:scroll;}

/* 레이어팝업 - 다른평수보기 */
.popup_space { display:none; width:598px; background:#fff; padding-bottom:10px; }
.popup_space .popbox1 {position:relative; padding:0 10px; height:40px; line-height:40px; background:#353535; font-size:16px; font-weight:bold; color:#ffffff;  }
.popup_space .popup_space_close.btn {position:absolute; height:24px; line-height:22px; right:20px; top:50%; margin-top:-12px;}
.popup_space .popbox2 {padding:0 10px; margin:10px 20px; height:38px; line-height:40px; background:#ffffff; font-size:13px; font-weight:bold; color:#cc3a3a; border:1px solid #a7a7a7; }
.popup_space .popup_table {height:436px; overflow-y:scroll; border:1px solid #aaa; border-left:0; border-right:0; padding-top:10px; background:#f3f3f3}
.popup_space table {width:560px; margin:0 20px 10px 20px; /*height:400px;*/ border-collapse:collapse; table-layout:fixed; background:#fff;}
.popup_space table th,
.popup_space table td {border:1px solid #aaa; padding:10px; text-align:center;}
.popup_space table th {background:#fafafa;}
.popup_space table td {height:89px; padding:5px; overflow:hidden;}
.popup_space table td img {width:auto; height: 79px;}
.popup_space table td a {display:inline-block; padding:6px 10px; background:#c04b4b; color:#fff; border-radius:3px;}

/*레이어팝업 - 옵션자세히보기*/
#divView {position:absolute; display:none; background-color:#ffffff; border:solid 2px #d0d0d0; width:350px; height:150px; padding:10px; }

/* 레프트 메뉴 숨김 - 작업완료 후 삭제 
#ndcss_left {display:none;}
#ndcss_container {width:100%;}
#contents {width:100%;}
*/

/* paging */
.paging {margin-top:15px; text-align:center;}
.paging strong,
.paging a {display:inline-block; width:24px; height:24px; line-height:24px; color:#444; border:1px solid #999; border-radius:3px; cursor:pointer;}
.paging strong {color:#222; border-color:#666; background:#eee;}
.paging a:hover {color:#444 !important; border-color:#666;}