@charset "utf-8";

/* inte/gallery_list.asp start */
/*  갤러리 리스트 검색  */	
.mjgall_search {margin:0 0 15px 0; border:1px #CCC solid}
.mjgall_search .mjbtn_btn_0007 {width:76px;height:21px;background-position: 0 -375px}  /* 검색하기 */

/*  썸네일 리스트 	
.mjgall-box {overflow:hidden;display:inline-block;float:left;width:24.9%;height:193px;text-align:center;margin-bottom:20px;}
.mjgall-box .picimg { width:126px; height:82px}
.mjgall-box ul {width:132px;border:1px #dedede solid;}		
.mjgall-box li {margin:3px;font-size:11px;}
.mjgall-box li.bgcol {padding:4px 0;background:#eee; font-weight:bold; text-align:center}*/

/* 종류별 출력부분*/
.kind_cata{margin:8px 0;position:relative}	
.catasmal a {color:#6b6b6b; margin:0 5px;}
.catasmal select{vertical-align:middle;}


/* /prg/inte/default_01_BCT01.asp     start */
/*  탭카테고리  */	
.tab_menu01{display:inline-block; width:100%;background:url(/images/bg_tab.gif) repeat-x 0 bottom; position:relative;}
.tab_menu01 span {position:absolute; right:10px; top:5px}
.tab_menu01 li{float:left;margin-right:-1px;margin-bottom:0px;border:1px solid #c5c9cf;border-bottom:0px solid #979797; font-size:14px;font-weight:bold;color:#333; letter-spacing:-1px; background:#f9f9f9; background:url('/images/bg_tab01.jpg') repeat-x 0}
.tab_menu01 li a{display:block;padding:10px 28px 10px 28px;color:#666;text-decoration:none;}
/*.tab_menu01 li a:hover{background:#f4f4f4;color:#333}*/
.tab_menu01 li.selected{border-top:2px solid #4f5b76;border-right:2px solid #4f5b76;border-bottom:0px solid #fff;border-left:2px solid #4f5b76;background:#328ed2}
.tab_menu01 li.selected a.noback { background:#4f5b76;color:#fff;font-weight:bold;letter-spacing:-1px}	

.tab_menu06{display:inline-block; width:100%;background:url(/images/bg_tab.gif) repeat-x 0 bottom; position:relative;}
.tab_menu06 span {position:absolute; right:10px; top:12px}
.tab_menu06 li{_display:inline;float:left;margin-right:-1px;margin-bottom:px;border:1px solid #c5c9cf; border-left:1px #979797 solid;border-bottom:0px solid #979797;color:#333; background:#f9f9f9; list-style:none; background:url('/showdeco/images/add/bg_tab01.jpg') repeat-x 0}
.tab_menu06 li a{display:block;padding:9px 28px 9px 28px;color:#666;text-decoration:none;}
.tab_menu06 li a:hover{background:#f4f4f4;color:#333}
.tab_menu06 li.selected{border-top:1px solid #979797;border-right:1px solid #979797;border-bottom:1px solid #fff;border-left:1px solid #979797;background:#fff;}
.tab_menu06 li.selected a.noback { background:#FFF;color:#333;font-weight:bold;letter-spacing:-1px}

/* 주소 / 면적 레이어
.pop_address {position:relative}
.pop_address p {padding:12px;background:#f6f6f6;color:#333; font-size:14px; font-weight:bold; border-bottom:1px #2a2d36 solid}*/
.est_address {background:url(/images/address01.png) no-repeat;}
.est_address_tit {width:186px; height:14px;background-position: 0 -75px}       /* 정확한주소지를 입력해 주셔야 합니다. */
.est_address_tit_1 {width:176px; height:14px;background-position: 0 -150px}       /* 정확한 면적을 입력해 주셔야 합니다. */
.est_address_btn {display:inline-block;width:82px; height:26px;background-position: 0 -100px}  /*확인완료 버튼*/ 

/* 견적의뢰폼 세로테이블*/
.mjinte_tbl01 {width:100%;margin:0;border:1px solid #e0e0e0;border-bottom:none;}
.mjinte_tbl01 th {width:160px;height:34px; background:#fbfbfd;border-right:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:5px; color:#2d3340; text-align:center; font-weight:bold}
.mjinte_tbl01 td {width:75%;border-bottom:1px solid #e9e9e9;color:#333;}

/*  시공항목입력 테이블*/
.mjinte_tbl02 {width:100%;margin:0;border:1px solid #e9e9e9;border-bottom:none;}
.mjinte_tbl02 th {width:140px; height:34px; background:#f6f6f6;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-bottom:5px;color:#333;}
.mjinte_tbl02 td {width:75%;border-bottom:1px solid #e9e9e9;color:#333;}

/*  예문보기*/
.inteSample {background:#f6f6f6; border:1px #e9e9e9 solid}
.inteSample .texBox {margin:5px; background:#FFF; border:1px #e9e9e9 solid; clear:both}
.inteSample dl {margin:10px;border-bottom:1px #c4c3c3 dotted}
.inteSample dt {margin-left:5px;float:left;font-weight:bold; color:#333}
.inteSample dd {margin:5px 0 5px 60px; font-size:11px; color:#333}
.inteSample ul {margin:10px;border-bottom:1px #c4c3c3 dotted}
.inteSample li.fontcol {margin-left:5px;font-weight:bold; color:#333}
.inteSample li {margin:5px 0; font-size:11px; color:#333}

/*  주거배너 */
.home_banner {position:relative; width:100%;margin:10px 0;background:#ede7de;border:1px #bebebe solid}
.home_banner .home_left {height:59px;background:url(/images/banner/service_home_left01.jpg) no-repeat 0}
.home_banner .home_right {position:absolute; top:0;right:0; width:108px;height:59px;background:url(/images/banner/service_home_right.jpg) no-repeat 0}

/*  오피스 배너 */
.office_banner {position:relative; width:100%;margin:10px 0;background:#e4e8ed;border:1px #cec2d9 solid}
.office_banner .office_left {height:59px;background:url(/images/banner/service_office_left01.jpg) no-repeat 0}
.office_banner .office_right {position:absolute; top:0;right:0;width:248px;height:59px;background:url(/images/banner/service_office_right01.jpg) no-repeat 0}

/*  이용도움말 */
.service_help {border:1px #ccc solid;}
.service_help .backcol { height:40px;background:#f7f7f7}
.service_help h3 { display:block;height:17px; margin:10px 0 6px 10px;background:url(/images/banner/showdeco_tip_title.jpg) no-repeat;}
.service_help ul {margin:15px 10px 15px 15px}
.service_help li {line-height:25px; font-size:11px;color:#868686; letter-spacing:-1px}
.service_help li span { display:inline-block;width:185px; font-weight:bold;font-size:12px;color:#717171}

/*  주거/상업 실시간리스트 */
.real_movEst {margin:0; }
.real_movEst:after {display:block; content:'';clear:both}
.real_movEst .real_left {float:left;width:180px; height:248px; background:url(/images/banner/real_img01.jpg) no-repeat}
.real_movEst .real_right {margin:0 0 0 190px;}
.real_movEst table {width:99%}
.real_movEst .tit01 {padding-left:10px;text-align:left}
.real_movEst th {height:25px;border-top:0px solid #c2c2c2;border-bottom:1px solid #c2c2c2;margin-bottom:5px; background:#fafafa;color:#8d8d8d;font-weight:normal; font-size:11px}
.real_movEst td {height:22px;border-bottom:1px solid #f2f2f2;color:#9c9c9c; font-size:11px; text-align:center}

.real_pop {position:relative}
.real_pop .inte_account {position:}

 /* 팝업 인테리어 실시간현황  리스트 */
.mjinte_real table {width:100%}
.mjinte_real th {height:28px;border-top:1px solid #514646;border-bottom:1px solid #514646; font-size:12px;font-weight:bold; background:#786a6a; color:#ededed;}
.mjinte_real td {height:28px;border-bottom:1px solid #e9e9e9;color:#9c9c9c;font-size:12px;word-spacing:-1px;}
.mjlist_real .mjinte_tit {color:#696969;text-align:left}
.mjinte_real a {color:#333; text-decoration:none}
.mjinte_real a:hover{color:#d32525; text-decoration:underline}

.mjline {padding:2px;border-top:1px #CCC solid; margin:5px 0 5px 0;} /* div 안 라인 긋기 */



.intePop .innerBox {/*margin:10px*/ border-bottom:2px #333 solid}
.intePop .innerBox:after {display:block; content:""; clear:both}
.intePop .left02 {float:left; width:150px; height:520px; background:#f6f6f6;border-right:1px #e7e9ec solid}
.intePop .right02 {float:right;width:77%;/*border:1px #e7e9ec solid*/}
.intePop .left02 .tit_sel{background:#f1f2f4;border-bottom:1px solid #e7e9ec;line-height:34px; color:#5b656f; font-weight:bold; text-align:center}/*셀렉트박스*/
.intePop li a {display:block; width:150px; height:38px}
.intePop a.leftmenu01_off {background:url(/images/popup/cus_pop_left_menu01.gif) no-repeat} /*인테리어 항목 메뉴 */
.intePop a.leftmenu01_on {background:url(/images/popup/cus_pop_left_menu01_1.gif) no-repeat}
.intePop a.leftmenu02_off {background:url(/images/popup/cus_pop_left_menu02.gif) no-repeat}
.intePop a.leftmenu02_on {background:url(/images/popup/cus_pop_left_menu02_1.gif) no-repeat}
.intePop a.leftmenu03_off {background:url(/images/popup/cus_pop_left_menu03.gif) no-repeat}
.intePop a.leftmenu03_on {background:url(/images/popup/cus_pop_left_menu03_1.gif) no-repeat}
.intePop a.leftmenu04_off {background:url(/images/popup/cus_pop_left_menu04.gif) no-repeat}
.intePop a.leftmenu04_on {background:url(/images/popup/cus_pop_left_menu04_1.gif) no-repeat}
.intePop a.leftmenu05_off {background:url(/images/popup/cus_pop_left_menu05.gif) no-repeat}
.intePop a.leftmenu05_on {background:url(/images/popup/cus_pop_left_menu05_1.gif) no-repeat}
.intePop a.leftmenu06_off {background:url(/images/popup/cus_pop_left_menu06.gif) no-repeat}
.intePop a.leftmenu06_on {background:url(/images/popup/cus_pop_left_menu06_1.gif) no-repeat}
.intePop a.leftmenu07_off {background:url(/images/popup/cus_pop_left_menu07.gif) no-repeat}
.intePop a.leftmenu07_on {background:url(/images/popup/cus_pop_left_menu07_1.gif) no-repeat}
.intePop a.leftmenu08_off {background:url(/images/popup/cus_pop_left_menu08.gif) no-repeat}
.intePop a.leftmenu08_on {background:url(/images/popup/cus_pop_left_menu08_1.gif) no-repeat}

.intePop a.leftmenu09_off {background:url(/images/popup/cus_pop_left_menu09.gif) no-repeat} /*인테리어 이용안내 메뉴 */
.intePop a.leftmenu09_on {background:url(/images/popup/cus_pop_left_menu09_1.gif) no-repeat}
.intePop a.leftmenu10_off {background:url(/images/popup/cus_pop_left_menu10.gif) no-repeat}
.intePop a.leftmenu10_on {background:url(/images/popup/cus_pop_left_menu10_1.gif) no-repeat}
.intePop a.leftmenu11_off {background:url(/images/popup/cus_pop_left_menu11.gif) no-repeat}
.intePop a.leftmenu11_on {background:url(/images/popup/cus_pop_left_menu11_1.gif) no-repeat}
.intePop a.leftmenu12_off {background:url(/images/popup/cus_pop_left_menu12.gif) no-repeat}
.intePop a.leftmenu12_on {background:url(/images/popup/cus_pop_left_menu12_1.gif) no-repeat}

.pop_guide {margin:15px 0 30px 0}
.pop_guide li {margin:5px 15px 5px 0}
.pop_guide .poptit_01 {height:24px;margin-bottom:10px;background:url(/images/popup/cus_title_42.gif) no-repeat 0 0; border-bottom:1px #C00 solid}/*인테리어 이용안내 메뉴타이틀 */
.pop_guide .poptit_02 {height:24px;margin-bottom:10px;background:url(/images/popup/cus_title_43.gif) no-repeat 0 0; border-bottom:1px #C00 solid}
.pop_guide .poptit_03 {height:24px;margin-bottom:10px;background:url(/images/popup/cus_title_44.gif) no-repeat 0 0; border-bottom:1px #C00 solid}
.pop_guide .poptit_04 {height:24px;margin-bottom:10px;background:url(/images/popup/cus_title_45.gif) no-repeat 0 0; border-bottom:1px #C00 solid}
.pop_guide .poptit_05 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title01.gif) no-repeat 0 0; border-bottom:1px #aaa solid}/*인테리어 항목 타이틀 */
.pop_guide .poptit_06 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title02.gif) no-repeat 0 0; border-bottom:1px #aaa solid}
.pop_guide .poptit_07 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title03.gif) no-repeat 0 0; border-bottom:1px #aaa solid}
.pop_guide .poptit_08 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title04.gif) no-repeat 0 0; border-bottom:1px #aaa solid}
.pop_guide .poptit_09 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title05.gif) no-repeat 0 0; border-bottom:1px #aaa solid}
.pop_guide .poptit_10 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title06.gif) no-repeat 0 0; border-bottom:1px #aaa solid}
.pop_guide .poptit_11 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title07.gif) no-repeat 0 0; border-bottom:1px #aaa solid}
.pop_guide .poptit_12 {height:27px;margin-bottom:10px;background:#e9e9e9 url(/images/popup/cus_pop_top_title08.gif) no-repeat 0 0; border-bottom:1px #aaa solid}
.pop_guide .guide_tit {margin:20px 15px 0 0;padding:5px;background:#f6f6f6;font-weight:bold; letter-spacing:-1px}

/* /prg/inte/default_01_BCT01.asp     END */


/* inte/gallery_detail.asp start */

/*  인테리어 사진&업체정보  % 컨텐츠 2단 레이아웃  */ 
.mjgall_lay {overflow:hidden;margin:0; vertical-align:top}
.mjgall_lay:after{content:''; display:block; clear:both}
.mjgall-left  {overflow:hidden;float:left;margin:0;width:339px; vertical-align:top;/* background:#f9f9f9;*/}
.mjgall-right {margin:0 auto 0 345px;vertical-align:top;} 

/*  SMS 문자  % 컨텐츠 2단 레이아웃  */ 
.sms_lay {overflow:hidden;margin:20px 0 0 0; vertical-align:top; border:1px #c9c9c9 solid; background:#f8f8f8;}
.sms_lay:after{content:''; display:block; clear:both}
.sms-left {display:block;float:left;margin:0;width:299px; height:200px; border-right:1px #c9c9c9 solid;vertical-align:top; background:#f1f1f1;}
.sms-left01 {display:block;float:left;margin:0;width:299px; height:333px; border-right:1px #c9c9c9 solid;vertical-align:top; background:#f1f1f1;}
.sms-right {margin:0 auto 0 301px;}
.sms-left span {display:inline-block;width:127px; height:110px;margin:0 0 0 10px;background:url(/images/bg_sms.gif) no-repeat; vertical-align:top}
.sms-left01 span {display:inline-block;width:127px; height:110px;margin:0 0 0 10px;background:url(/images/bg_sms.gif) no-repeat; vertical-align:top}
.inte_info {margin:10px 0 0 10px}                        
.inte_info li {margin:6px 0;padding:0;/*font-size:11px;*/}	
.inte_info li label {margin:0 10px 0 0; vertical-align: middle;}
.inte_info li p {margin:5px 0 5px 50px; letter-spacing:-1; font-size:11px}
.inte_smsbanner {display:block;height:111px;margin:10px 0 0 0;background:url(/images/sms_banner_cooper.jpg) no-repeat center}

/*  시공정보 썸네일 */			
.bthum {padding:0px;text-align:center;}
.bthum .expImg {padding:0px; background:#555;}
.sthum {margin-top:8px;}
.sthum span {margin:2px 0 0 0 ; padding:0px;background:#555;display:inline-block; vertical-align:top;}
.sthum span img {vertical-align:top; border:1px #555 solid;}

/*  시공정보 */
.infocom {margin:0 0 0 8px; padding:3px 0 3px 10px; color:#676767;vertical-align:top; background:#fbfbfb; border-top:1px #e7e7e7 solid; border-bottom:1px #e7e7e7 dotted;}
.infocom li {margin:10px 0;padding:0;font-size:11px;}	
.infocom li img {margin-right:10px;vertical-align:middle;}			
.infocom span {margin:5px 5px 5px 0; font-weight:bold; font-size:11px; vertical-align: middle;}

.infocom1 {margin:0 0 0 5px; padding:5px 0 5px 10px; color:#676767;vertical-align:top; background:#fff;border-bottom:1px #e7e7e7 solid}
.infocom1 li {margin:5px 0;padding:0;}		
.infocom1 span {margin:5px 8px 5px 0; font-weight:normal; vertical-align: middle;}

.design_vote dt{padding:8px;border-top:1px #e7e7e7 solid; border-bottom:1px #e7e7e7 dotted; font-weight:bold;}		
.design_vote dd {margin:5px 0; font-size:11px}
.Telbox {margin:0 0 0 8px; padding:0; vertical-align:top; background:#f1ede5; border:1px #e9e4d9 solid}
.Teltitle {margin:0; padding:7px; color:#585858; font-weight:bold; background:#f1ede5; border-bottom:1px #e9e4d9 solid}			
.Telnum {margin:0;padding:0 0 0 0px;background:#fbf7f1;}			
.Telnum span {margin:5px 0 5px 10px; display:inline-block; vertical-align:middle; background:#fbf7f1}			
.Telnum li {margin:7px 0 5px 0; font-size:11px;}

.contxt {margin-top:10px;padding:15px;border:1px #d7d7d7 solid; background:#f6f6f6;}
.contxt li {padding:0; position:relative;}		
.contxt li a {position:absolute; right:25px; top:5px; font-size:11px; text-decoration:underline;}

.comMark {width:186px;}
.comMark li {margin:18px 0;padding:0; text-align:center;}		

/*  다음/이전 갤러리리스트  */	
.smalist {padding:8px; margin-top:15px;border:1px #d7d7d7 solid; }
.smalist li {padding:0; position:relative; font-size:11px; border-bottom:1px #CCC dotted;}		
.smalist li span {position:absolute; right:15px; top:5px; font-size:11px;}			
.smalist li.noline {margin-top:3px;border-bottom:none;}
.btnlst {margin-top:5px;text-align:right;}

.thumbnail_out {cursor:pointer; border:3px solid #fff;}
.thumbnail_over {cursor:pointer; border:3px solid #ff0000;}

.galley-title-box {background:#f7f7f7; border-top:2px solid #c2c2c2;border-bottom:1px solid #c2c2c2; border-left:0; border-right:0;margin-bottom:10px;}
.galley-title-box div {padding:10px 0 10px 12px;font-weight:bold;color:#4f4f4f; font-size:1.2em;}
.galley-title-box div span {margin:right:15px;color:#ff5a00;}


/*  정보 탭카테고리  */	
.tab_menu04{display:inline-block; width:100%;background:url(/images/bg_tab.gif) repeat-x 0 bottom; position:relative;}
/*.tab_menu02 span {position:absolute; right:10px; top:5px}*/
.tab_menu04 li{float:left;width:150px;margin-right:-1px;margin-bottom:0; text-align:center;border:1px solid #c5c9cf; border-left:1px #979797 solid;border-bottom:0px solid #979797;color:#333; background:#f9f9f9; list-style:none;}
.tab_menu04 li a{display:block;padding:9px 28px 9px 28px;color:#666;text-decoration:none;}
.tab_menu04 li a:hover{background:#f4f4f4;color:#333}
.tab_menu04 li.selected{border-top:1px solid #979797;border-right:1px solid #979797;border-bottom:1px solid #fff;border-left:1px solid #979797;background:#fff;}
.tab_menu04 li.selected a.noback { background:#FFF;color:#333;font-weight:bold;letter-spacing:-1px}	

/* 댓글리스트*/
.mjreply_list {margin-top:8px; border-top:2px #333 solid}
.mjreply_list table {width:100%}
.mjreply_list td {border-bottom:1px solid #e5e5e5;line-height:25px;color:#9c9c9c;text-align:center; word-spacing:-3px;}
.mjreply_list .mjlist_tit {color:#333;text-align:left}
.mjreply_list .mjlist_mark12 {display:inline-block;width:65px;height:14px;background-position:0 -125px;vertical-align:middle}
.mjreply_list .mjlist_mark13 {display:inline-block;width:65px;height:14px;background-position:0 -150px;vertical-align:middle}
.mjreply_list .mjlist_mark14 {display:inline-block;width:65px;height:14px;background-position:0 -175px;vertical-align:middle}
.mjreply_list .mjlist_mark15 {display:inline-block;width:65px;height:14px;background-position:0 -200px;vertical-align:middle}
.mjreply_list .mjlist_mark16 {display:inline-block;width:65px;height:14px;background-position:0 -225px;vertical-align:middle}

.mjcont_box {margin:15px 0 0 0; border:1px #d7d7d7 solid; background:#f6f6f6}
.mjcont_box .txt {margin:15px;line-height:1.5; font-size:12px}
.mjcont_box p {position:relative;}
.mjcont_box a {position:absolute; top:0; right:0; text-decoration:underline}

/*  갤러리 썸네일 리스트 */	
.kinbox {margin:18px 0 33px 0;border:1px #d1d1d1 solid}
.title_line {margin:0 8px 10px 8px;padding:8px;border-bottom:1px #e2e2e2 solid; font-weight:bold}
.mjgall_box {float:left;width:15%;margin:0 0 10px 9px}
.mjgall_box:after {content:''; display:block; clear:both}
.mjgall_box .picimg {width:78px; height:55px; border:1px #999 solid}
.mjgall_box ul {width:84px;}		
.mjgall_box li {margin:3px;font-size:11px;}