@charset "utf-8";

/********************************************* global *********************************************/
ol, ul, li {list-style:none;}		/*목록 뷸릿 없애기 초기화*/
* {font-size:12px;}

.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.cen {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.pd_l30 {padding-left:30px !important;}
.mg_l10m {margin-left:-10px !important;}
.essential {font-weight:bold; color:red;}
/* *********************************************************************************************************************************** */

/***************** 공통버튼 ********************/
/* Button Reset */
#interior_estimate .button,
#interior_estimate .button a,
#interior_estimate .button button,
#interior_estimate .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;}
#interior_estimate .button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
#interior_estimate .button a,
#interior_estimate .button button,
#interior_estimate .button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
#interior_estimate .button.large { height:29px; background-position:left -30px; }
#interior_estimate .button.xLarge { height:35px; background-position:left -65px; }
#interior_estimate .button.small { height:18px; background-position:left -107px; }
#interior_estimate .button a,
#interior_estimate .button button,
#interior_estimate .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
#interior_estimate .button.large a,
#interior_estimate .button.large button,
#interior_estimate .button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
#interior_estimate .button.xLarge a,
#interior_estimate .button.xLarge button,
#interior_estimate .button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
#interior_estimate .button.small a,
#interior_estimate .button.small button,
#interior_estimate .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
#interior_estimate .button *:hover,
#interior_estimate .button *:active,
#interior_estimate .button *:focus{ color:#690;}
#interior_estimate .button.green,
#interior_estimate .button.green a,
#interior_estimate .button.green button,
#interior_estimate .button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
#interior_estimate .button.green *:hover,
#interior_estimate .button.green *:active,
#interior_estimate .button.green *:focus{ color:#ff0;}
#interior_estimate .button.black,
#interior_estimate .button.black a,
#interior_estimate .button.black button,
#interior_estimate .button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
#interior_estimate .button.black *:hover,
#interior_estimate .button.black *:active,
#interior_estimate .button.black *:focus{ color:#ff0;}
#interior_estimate .button.red,
#interior_estimate .button.red a,
#interior_estimate .button.red button,
#interior_estimate .button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
#interior_estimate .button.red *:hover,
#interior_estimate .button.red *:active,
#interior_estimate .button.red *:focus{ color:#ff0;}
#interior_estimate .button.blue,
#interior_estimate .button.blue a,
#interior_estimate .button.blue button,
#interior_estimate .button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
#interior_estimate .button.blue *:hover,
#interior_estimate .button.blue *:active,
#interior_estimate .button.blue *:focus{ color:#ff0;}
#interior_estimate .button.white,
#interior_estimate .button.white a,
#interior_estimate .button.white button,
#interior_estimate .button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
#interior_estimate .button.white *:hover,
#interior_estimate .button.white *:active,
#interior_estimate .button.white *:focus{ color:#333;}

/* Button Text Strong */
#interior_estimate .button.strong * { font-weight:bold !important;}

/* 주소 */
#interior_estimate .address p {margin-top:4px; *zoom:1;}
#interior_estimate .address p:after {display:block; clear:both; content:"";}
#interior_estimate .address p input[type="text"] {float:left;}
#interior_estimate .address .zip_code {display:inline-block; width:100px; height:24px; line-height:24px; text-align:center; letter-spacing:-1px; font-size:12px; color:#fff !important; background:#666; vertical-align:middle; cursor:pointer;}
#interior_estimate .address .zip_code:hover {background:#444;}
#interior_estimate .address .zip_code2 {display:inline-block; width:100px; height:24px; line-height:24px; text-align:center; letter-spacing:-1px; font-size:12px; color:#fff !important; background:#666; vertical-align:middle; cursor:pointer;}
#interior_estimate .address .zip_code2:hover {background:#444;}

/***************** common ********************/
#interior_estimate {float:left; width:100%; *zoom:1; }
#interior_estimate:after { display: block; clear: both; content: "";}

#interior_estimate_wrap {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;}
.point_blue {color:#2786d7;}
.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; padding-bottom:2px;}
.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; margin-left:3px;}


.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; }

/***************** 메인노출 ********************/
/* 리스트 */
#interior_estimate_main .list { margin:4px;}
#interior_estimate_main .list table{ width:100%; border-collapse:collapse; font-family:'Nanum Gothic Coding'; border-top:2px solid #2da0ce; margin:14px 0 4px 0;}
#interior_estimate_main .list table th { background:#fcfcfc; border-bottom:solid 1px #ccc; height:30px; padding:0 10px 0 10px; text-align:center;/* border-right:none; */}
#interior_estimate_main .list table td { background:#fff; border-bottom:dotted 1px #ccc; height:30px; padding:0 10px 0 10px; text-align:center;/* border-right:none; */}

#interior_estimate_main .possible {background:#2862a8 !important; display:block; padding-top:4px; border-radius:2px; font-size:11px; color:#fff; height:17px; text-align:center;}
#interior_estimate_main .stand_by {background:#7f7f7f !important; display:block; padding-top:4px; border-radius:2px; font-size:11px; color:#fff; height:17px; text-align:center;}
#interior_estimate_main .impossible {background:#ec4e53 !important; display:block; padding-top:4px; border-radius:2px; font-size:11px; color:#fff; height:17px; text-align:center;}

#interior_estimate_main .list_title {width:100%; height:24px; display:inline-block; padding-bottom:10px;}
#interior_estimate_main .list_title1 {height:24px; font-weight:bold; font-size:14px; line-height:8px;/*padding:10px 10px 6px 0;*/ padding-top:5px; padding-bottom:5px; margin-top:5px; display:block;  float:left; font-family:'Nanum Gothic Coding'; letter-spacing:-1px;}
#interior_estimate_main .more {display:inline-block; width:45px; height:13px; margin: 4px 0 0 20px; padding:2px; border-radius:4px; font-size:11px; border:1px solid #2da0ce; text-align:center; color:#2da0ce;}

/**/
#interior_estimate_main .list .list_area {width:100%; height:30px;}

/* 탭 */
#interior_estimate_main .list .list_tab {margin:5px 0 0 0; font-family:'Nanum Gothic Coding'; width:81%; float:left; border-bottom:1px solid #cccccc;}
#interior_estimate_main .list .list_tab ul {*zoom:1;}
#interior_estimate_main .list .list_tab ul:after {display:block; clear:both; content:"";}
#interior_estimate_main .list .list_tab li {float:left; overflow:hidden; border-top-left-radius:3px; border-top-right-radius:3px; margin-left:1px; margin-bottom:-1px;}
#interior_estimate_main .list .list_tab a {display:block; width:60px; height:33px; line-height:33px; text-align:center; font-size:12px; color:#454545 !important; 
background:#eee; cursor:pointer; overflow:hidden; border:solid 1px #ccc; /*border-right:none;*/}
/*#interior_estimate_main .list .list_tab a.last{border-right:solid 1px #cbcbcb;}*/
#interior_estimate_main .list .list_tab a:hover{background:#e1e1e1;}
#interior_estimate_main .list .list_tab .on {background:#2da0ce !important; border:solid 1px #2da0ce; margin-top:0; color:#fff !important; font-weight:bold}

/* 견적신청버튼 */
#interior_estimate_main .list .estimate_btn {display:inline-block; margin:5px 0; float:right; width:73px; height:32px; line-height:32px; text-align:center; font-size:12px; font-weight:bold; color:#ffe505 !important;
background:#d71515; cursor:pointer; overflow:hidden; border-radius:2px; border:solid 1px #d71515;}
#interior_estimate_main .list .estimate_btn:hover{background:#c61313}

/*페이징*/
#interior_estimate_main .pagination {clear:both; width:100%; text-align:center; margin-top: 15px;}


/***************** 서브 ********************/
/* 리스트 */
#interior_estimate .list { margin:4px;}
#interior_estimate .list table{width:100%; border-collapse:collapse; border-top:2px solid #2da0ce; margin:6px 0 4px 0; border-left:none;}
#interior_estimate .list table th { background:#fcfcfc; border-bottom:solid 1px #ccc; height:34px; padding:0 10px 0 10px; text-align:center;/* border-right:none; */}
#interior_estimate .list table td { background:#fff; border-bottom:dotted 1px #ccc; height:34px; padding:0 10px 0 10px; text-align:center;/* border-right:none; */}

/* 테이블 
#interior_estimate { margin-top:10px;}
#interior_estimate table{ width:100%; border-collapse:collapse;}
#interior_estimate table th { background:#eee; border:solid 1px #ccc; height:24px; padding:6px; text-align:center;}
#interior_estimate table td { border:solid 1px #ccc; height:35px; padding:7px 4px 0 7px;padding:6px;}*/

/* 테이블 */
#interior_estimate table {width:100%; border-collapse:collapse; color:#666; table-layout:fixed; border:1px solid #bbb; border-left:3px solid #2da0ce;}
#interior_estimate table * {font-size:12px;}
#interior_estimate table input[type="text"],
#interior_estimate table input[type="password"] {height:22px !important; margin-left:3px; line-height:22px !important; padding:0 5px; font-size:12px; font-family:dotum; color:#444; border:1px solid #ccc; background:#fff;}
#interior_estimate table input[type="file"]{height:24px; border:none; background:#fafafa; padding:2px 0 0 2px; -webkit-appearance: none;}
#interior_estimate table label {margin-right:15px; margin-left:3px; .margin-left:0px;}
#interior_estimate table th,
#interior_estimate table td {border:solid 1px #ccc; height:35px; padding:6px; }
#interior_estimate table th {background:#f3f9fb; border:solid 1px #ccc; height:24px; padding:6px; text-align:left; padding-left:14px;}
#interior_estimate table tr:first-child th,
#interior_estimate table tr:first-child td {border-top:0;}
#interior_estimate table textarea {width:97%; height:100px; margin-left:3px;  padding:5px; border:1px solid #ccc; background:#fff;}
#interior_estimate table img {vertical-align:middle;}
#interior_estimate table a {cursor:pointer;}
#interior_estimate table select {height:24px; vertical-align:middle;}
#interior_estimate table p {padding-bottom:5px;}

#interior_estimate .possible {background:#2862a8 !important; display:block; padding-top:3px; border-radius:2px; font-size:11px; color:#fff; height:17px; text-align:center; width:84px;}
#interior_estimate .stand_by {background:#7f7f7f !important; display:block; padding-top:3px; border-radius:2px; font-size:11px; color:#fff; height:17px; text-align:center; width:84px;}
#interior_estimate .impossible {background:#ec4e53 !important; display:block; padding-top:3px; border-radius:2px; font-size:11px; color:#fff; height:17px; text-align:center; width:84px;}

#interior_estimate .list_title {width:100%; height:30px;}
#interior_estimate .list_title1 {font-weight:bold; font-size:14px; padding:10px 0 4px 0; width:40%; display:block; float:left; letter-spacing:-1px; margin-bottom:10px;}
#interior_estimate .more {width:45px; height:7px; margin:10px 0 4px 0; padding:0px 0 6px; 0; border-radius:4px; font-size:11px; border:1px solid #e0e0e0; text-align:center; float:right; color:#858585;}

#interior_estimate .explain{float: right; line-height: 30px; color:#333;}
#interior_estimate .explain2{color:#878787; font-size:11px; letter-spacing:-1px; line-height:20px; padding-left:5px; margin-top:2px;}

#interior_estimate .table_tab {margin:5px 0; padding-left:3px; }
#interior_estimate .table_tab ul {*zoom:1;}
#interior_estimate .table_tab ul:after {display:block; clear:both; content:"";}
#interior_estimate .table_tab li {float:left; overflow:hidden;}
#interior_estimate .table_tab a {display:block; padding:0 14px; height:30px; line-height:30px; text-align:center; font-size:11px; color:#454545 !important; 
background:#eee; cursor:pointer; overflow:hidden; border:solid 1px #fff;}
#interior_estimate .table_tab a:hover{background:#ccc;}
#interior_estimate .table_tab .on {background:#2786d7 !important; border:solid 1px #fff; margin-top:0; color:#fff !important; font-weight:bold;}

#interior_estimate .table_tab {margin:5px 0; font-family:'Nanum Gothic Coding'; float:left; border-bottom:1px solid #cccccc;}
#interior_estimate .table_tab ul {*zoom:1;}
#interior_estimate .table_tab ul:after {display:block; clear:both; content:"";}
#interior_estimate .table_tab li {float:left; overflow:hidden; border-top-left-radius:3px; border-top-right-radius:3px; margin-left:1px; margin-bottom:-1px;}
#interior_estimate .table_tab a {display:block; width:150px; height:30px; line-height:30px; text-align:center; font-size:11px; color:#454545 !important; 
background:#eee; cursor:pointer; overflow:hidden; border:solid 1px #ccc; /*border-right:none;*/ }
/*#interior_estimate_main .list .list_tab a.last{border-right:solid 1px #cbcbcb;}*/
#interior_estimate .table_tab a:hover{background:#e1e1e1;}
#interior_estimate .table_tab .on {background:#2da0ce !important; border:solid 1px #2da0ce; margin-top:0; color:#fff !important; font-weight:bold}

#interior_estimate .agree_area {overflow-y:scroll; display:block; margin-top:40px; width:96%; height:100px; border:1px solid #cccccc; padding:7px; margin-left:3px;}

/* 탭 */
#interior_estimate .list .list_tab {margin:5px 0 10px 0; font-family:'Nanum Gothic Coding'; width:82%; float:left; border-bottom:1px solid #cccccc;}
#interior_estimate .list .list_tab ul {*zoom:1;}
#interior_estimate .list .list_tab ul:after {display:block; clear:both; content:"";}
#interior_estimate .list .list_tab li {float:left; overflow:hidden; border-top-left-radius:3px; border-top-right-radius:3px; margin:3px 0 -1px 1px;}
#interior_estimate .list .list_tab a {display:block; width:80px; height:33px; line-height:33px; text-align:center; font-size:12px; color:#454545 !important; 
background:#eee; cursor:pointer; overflow:hidden; border:solid 1px #ccc; /*border-right:none;*/ }
/*#interior_estimate_main .list .list_tab a.last{border-right:solid 1px #cbcbcb;}*/
#interior_estimate .list .list_tab a:hover{background:#e1e1e1;}
#interior_estimate .list .list_tab .on {background:#2da0ce !important; border:solid 1px #2da0ce; margin-top:0; color:#fff !important; font-weight:bold}


/* 견적신청버튼 */
#interior_estimate .estimate_btn {margin:5px 0; float:right; display:block; width:88px; padding:0 10px; height:32px; line-height:32px; text-align:center; font-size:12px; font-weight:bold; color:#ffe505 !important;
background:#d71515; cursor:pointer; overflow:hidden; border-radius:2px; border:solid 1px #d71515;}
#interior_estimate .estimate_btn:hover{background:#c61313}

/*페이징*/
#interior_estimate .pagination {clear:both; width:100%; text-align:center; margin-top: 15px;}

.btn_check {text-align:center;}

/* nbsp; 태그를 대신하는 클래스명*/
#interior_estimate .mrl_5 {margin:0px 5px;}

#interior_estimate .ml_10 {margin-left:10px;}
#interior_estimate .ml_20 {margin-left:20px;}
#interior_estimate .ml_25 {margin-left:25px;}

#interior_estimate .mr_10 {margin-right:10px;}
#interior_estimate .mr_20 {margin-right:20px;}
#interior_estimate .mr_25 {margin-right:25px;}
