@import url('../css/page_style.css');
@import url('../css/bbs_style.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* basic layout */
#wrap {width:100%; min-width:1100px; overflow:hidden}
#top {width:100%;}
#header {width:100%; height:151px}
#container {width:100%; overflow:hidden}
#footer {width:100%; background:#777777; clear:both}

.header_inner{width:1100px; margin:0 auto; position:relative}
.contents{width:1101px; margin:0 auto;}
.sb{display:block}
.s_ib{display:inline-block; _display:block; *display:block; *zoom:1}
.small_sth img{height:15px}
.align img, .align a{vertical-align:middle}

/* 스크롤메뉴 */
.scroll_menu{top:207px}
.Fixed {position: fixed !important; top:90px !important;}


/* 이미지 외각 라인만들기 */
.img_line img{padding:5px; border:1px solid #dcdcdc}

/* 메인메뉴 칸가르기 */
.gnb table {}
.gnb table td{text-align:center; width:auto}

/* 더보기 버튼*/
.more{padding-right:15px; background:url('../img/more_ico_01.gif') right 5px no-repeat}

/* 페이징정렬*/
.page  { text-align:center; }
.page div { font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important; }
.page span {display:inline-block;}


.ranking_table table{width:100%}
.member_img img{border-radius:100%}

.animate{overflow:hidden}
.animate img{display: block;transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1); image-rendering: -webkit-optimize-contrast;}
.animate:hover img{transition-duration: .3s;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.roll_area{}
.roll_area table{border-collapse:collapse;}
.roll_area .col{border:1px solid #e4e4e4}

/*크롬과 익스플로러 이미지 1px차이 때문*/
@media screen and (-webkit-min-device-pixel-ratio: 0)
{.onepx{margin-bottom:1px}}

@media screen and (-webkit-min-device-pixel-ratio: 0){.kkk{padding-top:0px}}
.kkk{padding-top:3px}

@media screen and (-webkit-min-device-pixel-ratio: 0){.kkk{padding-top:0px}}
.kkkk{padding-top:3px}

.bbs_float_area table{width:0%}
.bbs_float_area table td .rows_float{margin-left:15px; float:left}
.bbs_float_area table td:first-child .rows_float{margin-left:0}

/* input style--------------------------------------------------------------------------*/

.input_style input[type=text],.input_style input[type=file],.input_style input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}

.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}
.input_style_inquiry select {font-weight:bold; padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-size:14px; font-family:'돋움'; background:#f0f6ff; border:1px solid #cccccc}


.input_style textarea{
border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}


/*폰트 style-----------------------------------------------------------------------------*/

.font_11 { font-size:11px; letter-spacing:-1px; }
.font_12 { font-size:12px; }
.font_13 { font-size:13px; }
.font_14 { font-size:14px; }
.font_15 { font-size:15px; }
.font_16 { font-size:16px; }
.font_17 { font-size:17px; }
.font_18 { font-size:18px; }
.font_19 { font-size:19px; }
.font_20 { font-size:20px; }
.font_21 { font-size:21px; }
.font_22 { font-size:22px; }
.font_23 { font-size:23px; }
.font_24 { font-size:24px; }
.font_25 { font-size:25px; }

.font_dotum{font-family:'돋움',Dotum,'맑은 고딕','굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}

/*폰트 style------------------------------------------------------------------------------*/

/* 미니홈이 없는 아이콘을 흑백으로 처리하기 위함 */
img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* 전체보기메뉴 */
.allview_layer{width:100%; border-collapse: collapse;}
.allview_layer .cell{ border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; vertical-align:top}
.allview_layer .cell_col{background:#fafafa; border:1px solid #dcdcdc; border-bottom:0 none !important; padding:30px 0 30px 30px}
.allview_layer .cell_inner{}
.allview_layer .cell_inner table{table-layout:fixed}
.allview_layer .cell_inner td{font-size:15px; font-weight:bold; height:30px; font-family:'맑은 고딕'; letter-spacing:-1px; vertical-align: top; }
.allview_layer .cell_inner td a{color:#000}
.allview_layer .sub_cell_inner{margin-top:10px}
.allview_layer .sub_cell_inner table{width:100%; table-layout:fixed}
.allview_layer .sub_cell_inner td{font-size:14px; font-weight:normal; height:26px; font-family:'맑은 고딕'; letter-spacing:-1px}
.allview_layer .sub_cell_inner td a{color:#666666}

/* 검색창 */
.div_cate{position:absolute; top:0; z-index:10005; width:100%; display:none; background:url('../img/search_bg.png') right top  repeat}
.div_cate_inner{width:1100px; margin:130px auto 0 auto}
.modal_close {position:absolute; right:36px;top:-50px; cursor:pointer}
.sharp{font-size:23px; font-family:'맑은 고딕'; font-weight:bold; color:#fff; letter-spacing:-0.5px; margin-right:7px}
.sharp a{color:#fff}

/* rows 카운트*/
.count_area{position:absolute; z-index:1000; top:10px; right:10px}
.count_area .count_bg01{width:4px; height:23px; background:url('../img/rows_ico_bg_01.png') 0 0 no-repeat}
.count_area .count_bg02{font-family:verdana; height:23px; line-height:23px; padding:0 8px 0 5px; text-align:center; overflow:hidden; background:url('../img/rows_ico_bg_03.png') right 0 repeat-x; color:#fff}
.count_area .count_bg03{width:4px; height:23px; background:url('../img/rows_ico_bg_02.png') 0 0 no-repeat}
.count_area .count_bg04{font-family:verdana; height:23px; line-height:23px; padding:0 5px 0 8px; text-align:center; overflow:hidden; background:url('../img/rows_ico_bg_03.png') left 0 repeat-x; color:#fff}

/* 메인 탭메뉴 */
.main_tab_off, .main_tab_on{text-align:center; display:inline-block; *display:inline; *zoom:1;}
.main_tab_off .in_tap1, .main_tab_on .in_tap1{font-family:'맑은 고딕'; text-align:center; display:inline-block; *display:inline; *zoom:1; font-size:14px; letter-spacing:-1px; font-weight:bold; height:33px; line-height:33px; padding-left:15px}
.main_tab_on .in_tap1 a{color:#fff; background:none}
.main_tab_off .in_tap1 a{color:#888888; background:none}
.main_tab_on .in_tap1{background:url('../img/category_tab_bg_03.png') left 0 repeat-x;}
.main_tab_on .in_tap2{background:url('../img/category_tab_bg_04.png') left 0 repeat-x; position:relative; z-index:1000}

/* best 시공사례 rows디자인 */
.area_1 td:first-child .output_main_best_area{margin-left:0 !important; margin-bottom:20px;}
.output_main_best_area {width:350px; float:left; margin-left:25px; position:relative; }
.output_main_best_area .on{display:none;}
.output_main_best_area .scrap_btn a{background:#999999; width:155px; height:45px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.output_main_best_area:hover .on {display:block;}
.output_main_best_area:hover .scrap_on {bottom:70px !important;}
.output_main_best_area:hover .shadow {position:absolute; bottom:1px; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%; }

/* 서브옵션 rows디자인 */
.sub_option_rows{position:relative;}
.sub_option_rows .title{position:absolute; bottom:20px; left:20px; right:20px; z-index:100; letter-spacing:-1px; text-align:left}
.sub_option_rows .shadow {position:absolute; bottom:1px; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%; }

/* 
.area_1 td:first-child .output_main_best_area{margin-left:0 !important}
.output_main_best_area{width:352px; height:343px; position:relative; float:left; margin-left:22px; }
.output_main_best_area:hover .output_main_best{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_main_best { width:352px; position:relative; clear:both; overflow:hidden; margin-bottom:20px;}
.output_main_best .thumb{position:relative; height:230px; overflow:hidden; }
.output_main_best:hover {}
.output_main_best:hover .info {bottom:0px;}
.output_main_best .info {position:absolute; bottom:-56px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_best .info .wrap {padding:8px 12px;}
*/

.best_construction .thumb{position:relative}
.best_construction .inner_hidden{display:none}
.best_construction .thumb:hover .inner_hidden{display:block; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:url('../img/title_bg_02.png') 0 0 repeat; cursor:pointer}
.best_construction .thumb:hover .count_area{display:none}

.best_partner .thumb{position:relative}
.best_partner .inner_hidden{display:none}
.best_partner .thumb:hover .inner_hidden{display:block; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:url('../img/title_bg_02.png') 0 0 repeat; cursor:pointer}
.best_partner .thumb:hover .count_area{display:none}


/* 추천 인테리어 rows디자인 */
.area_2 td:first-child .output_main_pick_02:first-child{margin-left:0}
.output_main_pick_01 {width:540px; position:relative; text-align:left;}
.output_main_pick_01 .thumb{}
.output_main_pick_01 .shadow {position:absolute; bottom:0; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%;}

/*
.output_main_pick_02 {width:260px; position:relative; clear:both; overflow:hidden; margin-left:20px; margin-bottom:20px; text-align:left;}
.output_main_pick_02 .thumb{position:relative; height:260px; overflow:hidden; }
.output_main_pick_02:hover {}
.output_main_pick_02:hover .info {bottom:0px;}
.output_main_pick_02 .info {position:absolute; bottom:-53px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_pick_02 .info .wrap {padding:8px 15px 0 15px;}
*/

.output_main_pick_02 {width:260px; position:relative; clear:both; overflow:hidden; margin-left:20px; margin-bottom:20px; text-align:left;}
.output_main_pick_02 .thumb{position:relative; height:260px; overflow:hidden; }
.output_main_pick_02 .on{display:none;}
.output_main_pick_02 .scrap_btn a{background:#999999; width:120px; height:35px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.output_main_pick_02:hover .on{display:block; }
.output_main_pick_02 .title{height:21px; overflow:hidden; letter-spacing:-1px; font-weight:bold; position:absolute; bottom:10px; left:10px; z-index:1; color:#fff;}
.output_main_pick_02:hover .title{bottom:55px !important;}
.output_main_pick_02 .shadow {position:absolute; bottom:0; display:block; height:100px; background:url('../img/bg_70p.png') repeat; width:100%;}


/* 인테리어 시공리뷰  */
.area_3 td:first-child .output_main_review_area{margin-left:0 !important}
.output_main_review_area{width:260px; position:relative; float:left; margin-left:20px; }
.output_main_review_area .btbg{display:none}
.output_main_review_area:hover .btbg{position:absolute; width:100%; bottom:-27px; display:block}
.output_main_review_area:hover .btbg .bg{width:100%; display:block; height:27px; bottom:0; background:url('../img/rows_btbg.png') 50% bottom no-repeat}
.output_main_review_area:hover .info_bottom{background:#555555}
.output_main_review_area:hover .info_bottom .title a{color:#fff}
.output_main_review_area:hover .info_bottom .comment a{color:#b9b9ba}
.output_main_review_area:hover .info_bottom .point{border-bottom:1px solid #666}
.output_main_review_area:hover .info_bottom .point .txt, .output_main_review_area:hover .info_bottom .point .num{color:#fff}
.output_main_review_area:hover .info_bottom .user_date{color:#a8a8a9}
.output_main_review {width:260px; position:relative; clear:both; }
.output_main_review .thumb{position:relative; height:210px; overflow:hidden; }
.output_main_review:hover {}
.output_main_review:hover .info {bottom:0px;}
.output_main_review .info {position:absolute; bottom:-53px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_main_review .info .wrap {padding:12px;}
.output_main_review .info_bottom{padding:15px 20px 25px 20px; background:#fafafa}
.output_main_review .info_bottom .title{letter-spacing:-0.5px; text-align:left}
.output_main_review .info_bottom .title a{color:#000000}
.output_main_review .info_bottom .comment{letter-spacing:-0.5px; height:36px}
.output_main_review .info_bottom .comment a{color:#888888}
.output_main_review .info_bottom .point{padding-bottom:10px; border-bottom:1px solid #eaeaea }
.output_main_review .info_bottom .point .txt{vertical-align:middle; letter-spacing:-0.5px; color:#000}
.output_main_review .info_bottom .point .num{vertical-align:middle; letter-spacing:0.2px; color:#666666}
.output_main_review .info_bottom .user_date{color:#888888}
.output_main_review .shadow {position:absolute; bottom:0; display:block; height:100px; width:100%;}

/* 하단 게시판 오버 */
.main_tab2 {overflow:hidden; position:absolute; top:-3px; right:3px; font-size:0; color:#dcdcdc}
.main_tab_line2 {font-size:11px; font-weight:normal; color:#dcdcdc;}
.main_tab_off2 a{font-family:'맑은 고딕'; color:#666; height:25px; line-height:25px; border:1px solid #F3F5F9; background:#F3F5F9; padding:0 5px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}
.main_tab_on2 a{font-family:'맑은 고딕'; color:#333333; height:25px; line-height:25px; border:1px solid #999999; background:#fff; padding:0 5px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}
.main_bbs_lastest{margin-top:20px}

.main_tab_off3 a{font-family:'맑은 고딕'; color:#666; height:25px; line-height:25px; border:1px solid #fff; background:#fff; padding:0 13px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}
.main_tab_on3 a{font-family:'맑은 고딕'; color:#333333; height:25px; line-height:25px; border:1px solid #999999; background:#fff; padding:0 13px; display:inline-block; text-align:center; cursor:pointer; letter-spacing:-0.5px; font-size:14px; font-weight:bold}

/* 미니홈 수정, 기본페이지 타이틀 부분 */
.mini_tit {position:absolute; top:20px; right:0px}
.mini_tit_01{padding:0 0 0 17px;  line-height:35px; height:35px; float:left; font-size:11px; background:url('../img/mini_tit_bg_01.gif') left 0 repeat-x;}
.mini_tit_02{width:16px; line-height:20px; height:35px; float:left; background:url('../img/mini_tit_bg_02.gif') 0 0 repeat-x;}
.mini_tit span{display:inline-block; *zoom:1; _display:inline}


/*도로명주소 선택란을위한 CSS*/
#road_address_select table {width:98%;}
#road_address_select table td {padding:5px; line-height:none;}
#road_address_select table td a {color:#666;}
#road_address_select table td a:hover {color:#333;}

div.addText {display:none;}

/* 시공사례 찜하기 버튼 */
.detail_scrap_01{position:absolute; right:0; bottom:30px}
.detail_scrap_01 a, .detail_scrap_01 span{display:block; width:107px; height:51px; line-height:51px; text-align:center; border:1px solid #505050}
.detail_scrap_01 a img, .detail_scrap_01 span img{padding-top:16px}

/* 스타일제안 찜하기 버튼 */
.btn_etc{position:absolute; right:0; bottom:30px}
.detail_scrap_02 a, .detail_scrap_02 span{display:block; width:117px; height:58px; line-height:58px; text-align:center; border:1px solid #505050}
.detail_scrap_02 a img, .detail_scrap_02 span img{padding-top:20px}

/* 상세 스크롤 기본위치 선점 - js 소스 영향을 주기위한 소스 */
.scrollfixed {position:fixed !important; top:75px;}

/* 통합검색 스크롤 기본위치 선점 - js 소스 영향을 주기위한 소스 */
.all_sch_scrollfixed {width:230px; position:fixed !important; top:120px; z-index:9999}


.detail_tab {display:block; border-right:1px solid #cccccc; width:150px; height:32px; padding-top:15px; text-align:center;}
.end {border:none !important;}
.detail_today {display:inline-block; width:90px;background:url('../img/title_detail_today.gif') left no-repeat; border-right:1px solid #cccccc; text-align:right; padding-right:15px; margin-right:10px;}
.detail_total {display:inline-block; width:90px;background:url('../img/title_detail_total.gif') left no-repeat; text-align:right;}


/* 현재위치 */
.locate{color:#666; padding:30px 0 13px 23px; background:url('../img/home_ico.gif') 0 30px no-repeat}
.locate2{color:#666; padding:0 0 13px 23px; background:url('../img/home_ico.gif') 0 0 no-repeat}

/* 서브리스트 */
.theme_search_cate table{width:100%; border-collapse: collapse; }
.theme_search_cate .tab_col{border:1px solid #dcdcdc; border-bottom:0 none; text-align:center; letter-spacing:-1px; font-weight:bold; height:50px; background:#717171}
.theme_search_cate .tab2{border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; letter-spacing:-1px; font-weight:bold; height:50px; background:#717171}
.theme_search_cate .tab_col a{height:50px; line-height:50px; display:block; color:#fff}
.theme_search_cate .selected{background:#fff !important; }
.theme_search_cate .selected a{color:#000 !important;}
.theme_search_cate .group_name{font-size:15px; letter-spacing:-0.5px; font-weight:bold; height:38px; line-height:38px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#f3f5f9}


/*타입*/
.theme_list table{}
.theme_list .group_name span{padding-left:40px; background: url('../img/type_ico.png') 10px 2px no-repeat; }
.theme_list .group_name_inner{border:1px solid #dcdcdc; padding:10px 20px; line-height:24px; letter-spacing:-1px; background:#fff; overflow:hidden}
.theme_list .group_sub{font-size:14px; letter-spacing:-1px;}
.theme_list select{width:100%; padding:5px; border:1px solid #ccc; height:28px; line-height:28px; font-family:'굴림'; font-weight:bold}


/*지역*/
.theme_list_02 {width:100%; border-collapse: collapse;}
/*.theme_list_02 .group_name span{padding-left:40px; background: url('../img/locate_ico.png') 20px 0 no-repeat;}*/
.theme_list_02 .group_name span{padding-left:40px; background: url('../img/type_ico.png') 10px 2px no-repeat; font-family:'맑은 고딕'}
.theme_list_02 .group_sub select{width:100%; padding:5px; border:1px solid #ccc; height:28px; line-height:28px; font-family:'굴림'; font-weight:bold}

/*예산 가격*/
.theme_list_03 table{width:100%; border-collapse: collapse;}
.theme_list_03 .group_name span{padding-left:40px; background: url('../img/price_ico.png') 18px 4px no-repeat;}
.theme_list_03 .group_sub{font-size:14px; letter-spacing:-1px}

/*평형*/
.theme_list_04 table{width:100%; border-collapse: collapse;}
.theme_list_04 .group_name span{padding-left:40px; background: url('../img/pyung_ico.png') 18px 4px no-repeat;}
.theme_list_04 .group_sub{font-size:14px; letter-spacing:-1px}

/* 확장 */
.theme_list_05 table{width:100%; border-collapse: collapse;}
.theme_list_05 .group_name span{padding-left:40px; background: url('../img/extend_ico.png') 18px 4px no-repeat;}
.theme_list_05 .group_sub{font-size:14px; letter-spacing:-1px}

/* 창호 */
.theme_list_06 table{width:100%; border-collapse: collapse;}
.theme_list_06 .group_name span{padding-left:40px; background: url('../img/window_ico.png') 18px 3px no-repeat;}
.theme_list_06 .group_sub{font-size:14px; letter-spacing:-1px}

/* 스타일 */
.theme_list_07 table{width:100%; border-collapse: collapse;}
.theme_list_07 .group_name span{padding-left:40px; background: url('../img/style_ico.png') 15px 4px no-repeat;}
.theme_list_07 .group_sub{font-size:14px; letter-spacing:-1px}

/* 컬러 */
.theme_list_08 table{width:100%; border-collapse: collapse;}
.theme_list_08 .group_name span{padding-left:40px; background: url('../img/color_ico.png') 18px 0 no-repeat;}
.theme_list_08 .group_sub{font-size:14px; letter-spacing:-1px}

/* 색상선택 */
.menu_pick_color{border:1px solid #fff; margin-bottom:3px;}


.partner #touchSlider { width:100%; height:230px; margin:0 auto; position:relative; overflow:hidden;  }
.partner #touchSlider ul { width:100%; height:230px; position:absolute; top:0; left:0; overflow:hidden; }
.partner #touchSlider ul li { width:100%; height:230px; float:left;}

.construction #touchSlider { width:100%; height:525px; margin:0 auto; position:relative; overflow:hidden;  }
.construction #touchSlider ul { width:100%; height:525px; position:absolute; top:0; left:0; overflow:hidden; }
.construction #touchSlider ul li { width:100%; height:525px; float:left;}

.interior #touchSlider { width:100%; height:310px; margin:0 auto; position:relative; overflow:hidden;  }
.interior #touchSlider ul { width:100%; height:310px; position:absolute; top:0; left:0; overflow:hidden; }
.interior #touchSlider ul li { width:100%; height:310px; float:left;}

.touchSlider_btn_area {overflow:hidden; }
.touchSlider_btn_area button {display:block; width:26px; height:26px; background:#cccccc ; }
.touchSlider_btn_area button.btn_prev {display:inline-block; margin-right:10px; }
.touchSlider_btn_area button.btn_next {display:inline-block; margin-left:10px; }
.touchSlider_btn_area .btn_page { display:inline-block; width:15px; height:15px; margin:0 3px; text-indent:-9999px; background:url('../img/page_off.png') 0 0 no-repeat; outline:none}
.touchSlider_btn_area .btn_page.on {background:url('../img/page_on.png') 0 0 no-repeat}


/* 파트너 리스트 디자인 */
.sub_list_partner	{padding:28px 0 28px 10px; background:#fff; border-bottom:1px solid #eaeaea; position:relative}
.sub_list_partner .on{display:none;}
.sub_list_partner:hover .on{display:block; background:#fafafa}
.sub_list_partner .thumb{position:relative}
.sub_list_partner .btn{background:#f3f5f9}
.sub_list_partner .bg{padding:10px 20px; background:#fafafa; letter-spacing:-0.5px; color:#333}
.sub_list_partner .info{display:none}
.sub_list_partner:hover{background:#fafafa}
.sub_list_partner:hover .sth_ico{display:none}
.sub_list_partner:hover .bg{background:#fff}
.sub_list_partner:hover .btn{background:#fff}
.sub_list_partner:hover .info{display:block; width:100%; height:60px; position:absolute; bottom:0px; left:0px; background:url('../img/bg_70p.png') repeat; text-align:left; color:#92a1b0;}
.sub_list_partner .scrap_btn a{background:#999999; width:160px; height:45px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer;}

/* 파트너스2 리스트 디자인 */
.area_1 td:first-child .output_sub_partner_area{margin-left:0px !important}
.output_sub_partner_area {width:400px; height:570px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_partner_area .on{display:none;}
.output_sub_partner_area .thumb{width:400px; height:400px;}
.output_sub_partner_area:hover {background:#fafafa;}
.output_sub_partner_area:hover .on{display:block; background:#fafafa}
.output_sub_partner_area:hover .option_icon{display:none;}
.output_sub_partner_area:hover .info{display:block; position:absolute; bottom:0px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%; height:100px;}
.output_sub_partner_area .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_partner_area .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_partner_area .scrap_btn a{background:#999999; width:180px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.output_sub_partner_area .info {display:none;}

/*
.output_sub_partner_area{width:390px; height:530px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_partner_area:hover .output_sub_partner{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_partner { width:390px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_partner .thumb{position:relative; height:390px; overflow:hidden; }
.output_sub_partner .sth_ico{position:absolute; bottom:10px; left:10px; z-index:1000}
.output_sub_partner:hover {}
.output_sub_partner:hover .info {bottom:0px;}
.output_sub_partner:hover .sth_ico{display:none}
.output_sub_partner .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_partner .info .wrap {padding:10px 12px 20px 12px;}
*/



/* 시공사례 리스트 디자인 */
.area_1 td:first-child .output_sub_cont_area{margin-left:0px !important}
.output_sub_cont_area {width:260px; height:430px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_cont_area .on{display:none;}
.output_sub_cont_area .thumb{width:260px; height:260px;}
.output_sub_cont_area:hover {background:#fafafa;}
.output_sub_cont_area:hover .on{display:block; background:#fafafa}
.output_sub_cont_area:hover .option_icon{display:none;}
.output_sub_cont_area .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_cont_area .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_cont_area .scrap_btn a{background:#999999; width:110px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }

/*
.output_sub_cont_area{width:253px; height:427px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_cont_area:hover .output_sub_cont{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_cont { width:253px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_cont .thumb{position:relative; height:253px; overflow:hidden; }
.output_sub_cont .sth_ico{position:absolute; bottom:10px; left:10px; z-index:1000}
.output_sub_cont:hover {}
.output_sub_cont:hover .info {bottom:0px;}
.output_sub_cont:hover .sth_ico{display:none}
.output_sub_cont .info {position:absolute; bottom:-58px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_cont .info .wrap  {padding:10px 12px }
*/

/* 시공사례 리스트 디자인2 */
.area_1 td:first-child .output_sub_cont_area2{margin-left:0px !important}
.output_sub_cont_area2 {width:400px; height:570px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_cont_area2 .on{display:none;}
.output_sub_cont_area2 .thumb{width:400px; height:400px;}
.output_sub_cont_area2:hover {background:#fafafa;}
.output_sub_cont_area2:hover .on{display:block; background:#fafafa}
.output_sub_cont_area2:hover .option_icon{display:none;}
.output_sub_cont_area2 .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_cont_area2 .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_cont_area2 .scrap_btn a{background:#999999; width:180px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }

/*
.output_sub_cont_area2{width:390px; height:557px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_cont_area2:hover .output_sub_cont2{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_cont2 { width:390px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_cont2 .thumb{position:relative; height:390px; overflow:hidden; }
.output_sub_cont2:hover {}
.output_sub_cont2:hover .info {bottom:0px;}
.output_sub_cont2:hover .sth_ico{display:none}
.output_sub_cont2 .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_cont2 .info .wrap {padding:10px 12px 20px 12px;}
*/

/* 인테리어 리스트 디자인 */
.area_1 td:first-child .output_sub_inte_area{margin-left:5px !important}
.output_sub_inte_area{width:390px; height:270px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_inte_area:hover .output_sub_inte{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_inte { width:390px; position:relative; clear:both; overflow:hidden; margin-bottom:20px;}
.output_sub_inte .thumb{position:relative; height:270px; overflow:hidden; }
.output_sub_inte:hover {}
.output_sub_inte:hover .info {bottom:0px;}
.output_sub_inte .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_80p.png') 0 0 repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_inte .info .wrap {padding:20px;}

.output_sub_interior{width:380px; float:left; padding-left:20px; padding-top:20px}
.output_sub_interior .info {position:absolute; bottom:0; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_interior .info .wrap {padding:20px;}
.output_sub_interior .thumb{position:relative}
.output_sub_interior .inner_hidden{display:none}
.output_sub_interior .thumb:hover .inner_hidden{display:block; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:url('../img/title_bg_02.png') 0 0 repeat; cursor:pointer}
.output_sub_interior .thumb:hover .count_area{display:none}
.output_sub_interior .thumb:hover .info{display:none}


/* 인테리어 리스트 디자인2 */
.area_1 td:first-child .output_sub_inte_area2{margin-left:0px !important}
.output_sub_inte_area2 {width:260px; height:400px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_inte_area2 .on{display:none;}
.output_sub_inte_area2 .thumb{width:260px; height:250px;}
.output_sub_inte_area2:hover {background:#fafafa;}
.output_sub_inte_area2:hover .on{display:block; background:#fafafa}
.output_sub_inte_area2:hover .option_icon{display:none;}
.output_sub_inte_area2 .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_inte_area2 .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_inte_area2 .scrap_btn a{background:#999999; width:110px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }

/*
.area_1 td:first-child .output_sub_inte_area2{margin-left:5px !important}
.output_sub_inte_area2{width:253px; height:400px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_inte_area2:hover .output_sub_inte2{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_inte2 { width:253px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_inte2 .thumb{position:relative; height:253px; overflow:hidden; }
.output_sub_inte2 .sth_ico{position:absolute; bottom:10px; left:10px; z-index:1000}
.output_sub_inte2:hover {}
.output_sub_inte2:hover .info {bottom:0px;}
.output_sub_inte2:hover .sth_ico{display:none}
.output_sub_inte2 .info {position:absolute; bottom:-58px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_inte2 .info .wrap  {padding:10px 12px }
*/

/* 인테리어 리스트 디자인3 */
.area_1 td:first-child .output_sub_inte_area3{margin-left:0px !important}
.output_sub_inte_area3 {width:400px; height:540px; position:relative; float:left; margin-left:20px; margin-bottom:20px;}
.output_sub_inte_area3 .on{display:none;}
.output_sub_inte_area3 .thumb{width:400px; height:400px;}
.output_sub_inte_area3:hover {background:#fafafa;}
.output_sub_inte_area3:hover .on{display:block; background:#fafafa}
.output_sub_inte_area3:hover .option_icon{display:none;}
.output_sub_inte_area3 .count{position:absolute; top:10px; right:10px; z-index:1; display:block; background:url('../img/rows_ico_bg_03.png'); color:#FFFFFF; padding:3px 8px 5px 8px; border-radius:5px;}
.output_sub_inte_area3 .option_icon{position:absolute; bottom:10px; left:10px; z-index:1;}
.output_sub_inte_area3 .scrap_btn a{background:#999999; width:180px; height:40px; text-align:center; display:block; display:flex; justify-content:center; align-items:center; cursor:pointer; }

/*
.output_sub_inte_area3{width:390px; height:530px; position:relative; float:left; margin-left:10px; margin-bottom:20px}
.output_sub_inte_area3:hover .output_sub_inte3{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_sub_inte3 { width:390px; position:absolute;top:-10px; left:-10px; padding:10px; background:#fff }
.output_sub_inte3 .thumb{position:relative; height:390px; overflow:hidden; }
.output_sub_inte3:hover {}
.output_sub_inte3:hover .info {bottom:0px;}
.output_sub_inte3:hover .sth_ico{display:none}
.output_sub_inte3 .info {position:absolute; bottom:-68px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_sub_inte3 .info .wrap {padding:10px 12px 20px 12px;}
*/

/* 파트너상세 미리보기 이미지 썸네일 간격 및 정렬 */
.partner_thumb table{width:0% !important}
.partner_thumb td:first-child{padding-left:0}
.partner_thumb td{text-align:left !important; padding-left:10px}

/* 시공사례 미리보기 이미지 썸네일 간격 및 정렬 */
.construct_thumb table{width:0% !important}
.construct_thumb tr:first-child td{padding-top:0}
.construct_thumb td{text-align:left !important; padding-left:20px; padding-top:20px; vertical-align:top}

/* 인테리어스타일 미리보기 이미지 썸네일 간격 및 정렬 */
.style_thumb{padding-top:28px}
.style_thumb table{width:0% !important}
.style_thumb td:first-child{padding-left:0}
.style_thumb td{text-align:left !important; padding-left:23px}

/* 상세 시공사례 리스트 디자인 */
.detail_area_1 td:first-child .output_detail_cont_area{}
.output_detail_cont_area{width:240px; height:414px; position:relative; margin-bottom:20px}
.output_detail_cont_area:hover .output_detail_cont{position:absolute; top:-10px; left:-10px; padding:10px; background:#fafafa}
.output_detail_cont { width:240px; position:relative; clear:both; overflow:hidden; margin-bottom:20px;}
.output_detail_cont .thumb{position:relative; height:240px; overflow:hidden; }
.output_detail_cont:hover {}
.output_detail_cont:hover .info {bottom:0px;}
.output_detail_cont .info {position:absolute; bottom:-50px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.output_detail_cont .info .wrap {padding:15px;}

/* 시공사례 상세페이지 시공사례 리스트 디자인 */
.detail_area_2 td:first-child .output_detail_cont2{margin-left:0}
.output_detail_cont2{position:relative; float:left; margin-left:10px; overflow:hidden; z-index:100}
.output_detail_cont2 .mask{display:none}
.output_detail_cont2:hover .mask{display:block; width:100%; height:100%; position:absolute; background:url('../img/bg_50p_plus.png') 0 0 no-repeat;}

/* 상세페이지 탭 */
.detail_tabb{width:100%; border-collapse: collapse; table-layout:fixed}
.detail_tabb td{border:1px solid #c6c6c6; border-bottom:2px solid #333; letter-spacing:-0.5px; color:#333; background:#fafafa}
.detail_tabb .active{ background:#fafafa}
.area_fixed{margin-top:54px}

/* 상세페이지 컨텐츠 표 */
.detail .info_chart .header{font-family:'맑은 고딕'; font-size:21px; letter-spacing:-1px; color:#000; text-align:left; padding-bottom:15px}
.detail .info_chart .tit{width:60px; font-family:'맑은 고딕'; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.detail .info_chart .tit2{width:99px; font-family:'맑은 고딕'; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.detail .info_chart .substance{font-family:'맑은 고딕'; text-align:left; line-height:24px; letter-spacing:-1px; color:#666}
.detail .info_chart .line{background:url('../img/chart_line.gif') 0 12px repeat-x; height:25px}

/* 등록페이지 폼차트 */
.add_form .info_chart{width:100%; border-collapse: collapse; border:1px solid #dcdfe5}

.add_form .info_chart .header{font-size:21px; letter-spacing:-1px; color:#000; text-align:left; padding-bottom:15px}
.add_form .info_chart .tit{width:125px; vertical-align:top;  border:1px solid #dfe2e7; border-right:0 none; border-left:0 none;  font-size:12px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding:15px 0 15px 20px; background:#f4faff}
.add_form .info_chart .tit2{font-size:15px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.add_form .info_chart .substance{border:1px solid #dfe2e7; border-right:0 none; border-left:0 none; text-align:left; padding:10px}
.add_form .info_chart .line{background:url('../img/chart_line.gif') 0 12px repeat-x; height:25px}
.add_form .info_chart .hphone{}
.add_form .info_chart .input_phone{width:40px; padding-left:10px}
.add_form .info_chart .substance img { vertical-align:middle;}


.add_form .theme_chart{width:100%; border-top:1px solid #dcdfe5; table-layout:fixed}
.add_form .theme_chart .theme_tit{width:125px; font-weight:bold; color:#666; vertical-align:top;  font-size:12px; text-align:left; line-height:24px;  padding:10px 0 10px 20px; background:#f4faff}
.add_form .theme_chart .theme{text-align:left; padding:7px 10px; }

/* 상세페이지 프린트 컨텐츠 표 */
.print_form .info_chart .header{font-size:21px; letter-spacing:-1px; color:#000; text-align:left; padding-bottom:15px}
.print_form .info_chart .tit{width:60px;  vertical-align: top; font-size:15px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.print_form .info_chart .tit2{font-size:15px; text-align:left; line-height:24px; color:#000; letter-spacing:-0.5px; padding-left:9px; background:url('../img/chart_ico_01.gif') 0 12px no-repeat}
.print_form .info_chart .substance{font-size:15px; padding-left:20px; text-align:left; line-height:24px; letter-spacing:-1px; color:#666}
.print_form .info_chart .line{background:url('../img/chart_line.gif') 0 12px repeat-x; height:25px}
.print_form .info_chart .form_locate{font-size:15px; font-family:'맑은 고딕'}

/* 댓글 인풋 */
.reply_input input[type="text"], .reply_input input[type="password"]{color:#000; font-size:15px; letter-spacing:-0.5px; height:28px; line-height:27px; border:0 none}
.reply_input textarea{color:#000; font-size:15px; letter-spacing:-0.5px; width:100%; height:130px; resize:none; border:0 none}

/* 업체등록시 업체선택 라인삭제 */
.upche_list tr:first-child td .dot_line{background:none !important}

/* 마이페이지*/
.mypage_ico img{width:38px}
.mypage_area .zzim_list{float:left; margin-left:20px; margin-top:20px}
.mypage_area td:first-child .zzim_list{margin-left:0}

/* 문의하기 테이블 */
.inquiry_view_form{width:100%; table-layout:fixed; border-collapse:collapse;}
.inquiry_view_form .tit{width:105px; color:#333; padding:15px; vertical-align:top; text-align:left; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #eaeaea}
.inquiry_view_form .substance{padding:10px 15px; vertical-align:top; line-height:22px; text-align:left; border-bottom:1px solid #eaeaea; word-break:break-all;}

/* 미니홈 테이블 */
.minihome_view_form{width:100%; border-collapse:collapse;}
.minihome_view_form .tit{width:105px; color:#333; padding:0 15px; height:55px; text-align:left; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #eaeaea}
.minihome_view_form .substance{padding:10px 15px; line-height:22px; text-align:left; border-bottom:1px solid #eaeaea}

/* 회원가입,수정 디자인 및 인풋스타일 */
.resister .title, .resister .substence{border:1px solid #dedee0}
.resister .title{color: #6b6b6b;width: 130px; height:46px; padding-left: 10px;background: #f9f9f9; text-align:left; font-weight:normal}
.resister .substence{padding:8px; background:#fff}
.resister .substence input[type=text], input[type=file], input[type=password]{border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}
.resister .substence select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}
.resister .substence textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px; width:93%;}
.resister .substence label{vertical-align:middle}
.resister .substence .basic{width:100%; table-layout:fixed}
.resister .substence .basic .bunya{height:21px}
.resister .substence .basic .bunya label{vertical-align:middle}
.resister .guide_txt{font-size:11px; letter-spacing:-1px; font-family:'돋움'}


/* 실명인증 */
.real_name{border:1px solid #b8b8b8; padding:30px; background:#e7edf3; border-top:3px solid #000; margin-top:30px;}
.real_article{overflow:hidden}
.real_article .fw{width:100% !important}
.real_article .fwfix{width:665px !important}
.real_article .real_tit{width:100px; font-size:14px; letter-spacing:-1px; color:#000; font-weight:bold; font-family:'돋움'}
.real_article li{float:left}
.real_article li ul{width:100%}
.real_article li ul li{width:335px; float:left;}
.real_article .ipin_chk, .real_article .cp_chk{margin:0 35px}
.real_article .ipin_chk dt, .real_article .cp_chk dt{margin-bottom:15px; text-align:left}
.real_article .ipin_chk .txt, .real_article .cp_chk .txt{font-family:'돋움'; font-size:11px; letter-spacing:-1px; line-height:18px; color:#6f7e95; margin-bottom:20px; text-align:left}
.real_article .ipin_chk .chk_btn, .real_article .cp_chk .chk_btn{display:block; cursor:pointer; }

.ranking_sel select{width:100%; padding: 10px;}
.admin_tool span{display:inline-block; vertical-align:middle; margin:0 0 3px 3px}

/* 외부 html 파일 검색창 */
.search_form_sub{width:100%; border-collapse:collapse; table-layout:fixed}
.search_form_sub .tit{width:125px; height:49px; text-align:left; padding-left:10px; font-weight:bold; color:#333; border:1px solid #ededed; border-left:0 none !important; background:#fbfbfd}
.search_form_sub .substance{padding:10px; border:1px solid #ededed; border-right:0 none !important;}
.search_form_sub .group_tab{width:100%; table-layout:fixed; border-collapse: collapse;}
.search_form_sub .group_name{height:38px; text-align:center; font-weight:bold; border:1px solid #e7e7e7}
.search_form_sub .inner_td td{line-height:22px; }
.search_form_sub .inner_td .group_sub{font-family:'굴림' !important}

/* 파트너 리스트 디자인2 */
.sub_list_partner2{padding:28px 0 28px 10px; background:#fff; border-bottom:1px solid #eaeaea}
.sub_list_partner2 .thumb{position:relative}
.sub_list_partner2 .btn{background:#f3f5f9}
.sub_list_partner2 .bg{padding:10px 20px; background:#fafafa; letter-spacing:-0.5px; color:#333}
.sub_list_partner2 .info{display:none}
.sub_list_partner2:hover{background:#fafafa}
.sub_list_partner2:hover .bg{background:#fff}
.sub_list_partner2:hover .btn{background:#fff}
.sub_list_partner2:hover .info{display:block; width:100%; position:absolute; bottom:0px; left:0px; background:url('../img/bg_70p.png') repeat; text-align:left; color:#92a1b0;}

/* 쿠폰리스트 영역 */
.product_list_area td:first-child .product_list {margin-left:0}
.product_list{float:left; margin-bottom:50px; margin-left:16px}
.product_list_area td{text-align:left !important}
.product_list .thumb{position:relative}

/* 물방울지도 카테고리 */
.categorylist table{border-collapse: collapse;}
.categorylist .tab_col{border:1px solid #b6b6b6; background:#FDFDFD }


.inquiry_form{border-collapse: collapse; width:100%}
.inquiry_form .tit{width:180px; padding-left:20px; background:#f4faff; height:70px; letter-spacing:-1px; text-align:left; border-bottom:1px solid #eaeaea;}
.inquiry_form .substance{background:#fff; padding:15px; border-bottom:1px solid #eaeaea}
.inquiry_form .substance input[type=text], .inquiry_form .substance input[type=file], .inquiry_form .substance input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:38px; line-height:37px; font-size:17px; font-family:'맑은 고딕'; letter-spacing:-0.5px}
.inquiry_form .substance select {padding:5px; border:1px solid #bdbdc0; height:37px; line-height:37px; font-size:17px; font-family:'맑은 고딕'; letter-spacing:-0.5px}
.inquiry_form .substance textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px; font-size:17px; font-family:'맑은 고딕';}


/* 통합검색 */
.stab_off{background:url('../img/all_search_tabbg.gif') left 0 repeat; text-align:center; cursor:pointer; border:1px solid #515151; letter-spacing:-1px; }
.stab_off a{display:block; height:48px; line-height:48px; color:#fff}
.stab_on{background:#fff;  height:48px;  text-align:center; cursor:pointer; border:1px solid #515151; border-bottom:1px solid #fff; letter-spacing:-1px; font-weight:bold}
.stab_on a{display:block; height:48px; line-height:48px; color:#333}

.all_search_list td:first-child .all_search_rows{margin-left:0 !important;}
.all_search_list .all_search_rows{float:left; margin-left:10px; margin-bottom:20px}

.all_search_list td:first-child .all_saerch_rows2{margin-left:0 !important;}
.all_search_list .all_saerch_rows2{float:left; margin-left:10px;}

.all_search_list td:first-child .all_saerch_rows4{margin-left:0 !important;}
.all_search_list .all_saerch_rows4{float:left; margin-left:15px;}

.all_search_list .all_search_rows3{}
.all_search_list .all_search_rows3 table tr:first-child td div{border-top:0 none !important}

/* 스페셜정보 검색결과 rows */
.all_search_list .pay_spec .inner_hidden{display:none}
.all_search_list .pay_spec .thumb:hover .inner_hidden{display:block; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:url('../img/title_bg_02.png') 0 0 repeat; cursor:pointer}


/* 시공사례 검색결과 rows */
.all_search_list td:first-child .all_search_rows5{margin-left:0 !important;}
.all_search_list .all_search_rows5{float:left; margin-left:15px; margin-bottom:20px}
.all_search_list .all_search_rows5{}
.all_search_list .all_search_rows5:hover {}
.all_search_list .all_search_rows5:hover .info {bottom:0px;}
.all_search_list .all_search_rows5 .info {position:absolute; bottom:-47px; left:0px; background:url('../img/bg_70p.png') repeat; width:100%;  text-align:left; color:#92a1b0; }
.all_search_list .all_search_rows5 .info .wrap {padding:10px 12px;}

.all_search_list td:first-child .all_search_rows6{margin-left:0 !important;}
.all_search_list .all_search_rows6{float:left; margin-left:10px; margin-bottom:10px}
.all_search_list .all_search_rows6 .inner_hidden{display:none}
.all_search_list .all_search_rows6 .thumb:hover .info{display:none}
.all_search_list .all_search_rows6 .thumb:hover .inner_hidden{display:block; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:url('../img/title_bg_02.png') 0 0 repeat; cursor:pointer}


.img_tab img {float:left;}
.box_un {border-bottom:1px solid #dbdbdb; padding:90px 0 50px 0;}
.btn_tab_top {background:#3e434d; color:#FFFFFF; padding:10px 20px; border-radius:5px; }


/* 서브페이지 동영상 리스트 출력부분에 사용됨*/
.rows_margin .row_margin_left { margin-left:20px; }
.rows_margin table tr td:first-child .row_margin_left { margin-left:0px !important; }


/* sns 회원가입 약관동의 부분*/
.join_td_01 { height:70px; padding-left:20px; color:#333333; letter-spacing:-1px;}
.join_td_02 { border-left:1px solid #e7e7e7; width:130px; text-align:center; }
.join_td_03 { border-left:1px solid #e7e7e7; width:130px; text-align:center; color:#000000;}
.join_box { display:none; border-top:1px solid #e7e7e7; background:#fafafa; padding:30px; }
.join_box_01 { overflow-y:scroll; height:300px; padding:10px; border:1px solid #d7d7d7; background-color:#fdfdfd; color:#7e7e7e; line-height:160%; }


/* 상세 sns 이미지 */
.detail_sns_img img { width:32px; display:inline-block;}

/* main 견적문의 카운트 */
.main_count_inquiry_table td {
    text-align: center;
    vertical-align: top;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 10px 5px;
}
.main_count_inquiry_table .count_number{font-size:45px; letter-spacing:-1px; color:#fff; font-weight:bold; text-shadow: 1px 1px 4px rgba(0,0,0,0.5); }
.main_count_inquiry_table .count_number span { font-size:50px!important; }
.main_count_inquiry_table .count_text{font-size:19px; letter-spacing:-1px; color:#fff; line-height:1.6; text-shadow: 1px 1px 4px rgba(0,0,0,0.5);font-family: 'Noto Sans KR', sans-serif!important; }

/* 비슷한 스타일의 시공사례 */
.similar_product_list_area td{}

/* 견적문의 상세보기 셀렉트 */
.input_style_inquiry01 select {padding:5px; border:1px solid #bdbdc0; width:200px; height:35px; line-height:24px; font-size:12px; font-family:'돋움'; background:#f0f6ff; border:1px solid #cccccc}

/* 파일첨부 인풋박스 패딩제거 */
.inquiry_form .substance input[type=file], .resister .substence input[type=file]{
	padding-left:0 !important;
}

/* 오늘본 정보 */
.all_today_area td:first-child .product_list {margin-left:0}
.all_today_area .product_list{float:left; margin-bottom:50px; margin-left:20px}
.all_today_area td{text-align:left !important}
.all_today_area .product_list .thumb{position:relative}


/* 메인 카테고리 */

.category_box {  
	width:350px;
	height:480px;
	display:inline-block;
    position: relative;
	border-radius: 8px;
}
.category_box p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-family: 'Noto Sans KR', sans-serif!important;
    line-height: 45px;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 150px;
    height: 45px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 225px;
    left: 100px;
}
.category_box:hover p { background: rgba(124,197,116,0.7); } 
/*.category_box:hover { background-size:110%; }*/
.category_1 {  
	background:url('../img/category_1.jpg') center no-repeat;
}
.category_2 {  
	background:url('../img/category_2.jpg') center no-repeat;
}
.category_3 {  
	background:url('../img/category_3.jpg') center no-repeat;

}

/* 메인비주얼 */
.main_slider { position:relative; }
.mainvisual_tbox { 
	height:217px; 
	position: absolute; 
	z-index: 999; 
	top: 145px; 
}
.mainvisual_title { 
    text-align: center;
    padding:78px 0 12px 0;
    position: relative;
}
.mainvisual_title img,mainvisual_title p { display:inline-block; }
.mainvisual_title img {
    display: inline-block;
    position: absolute;
    left: 48px;
    top: 90px;
    width: 5%;
}
.mainvisual_title p { 
	color:#fff; 
	font-size:43px; 
	font-family: 'Noto Sans KR', sans-serif!important;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5); 
}
.mainvisual_title p span { font-weight:bold; }

.mainvisual_text { 
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-family: 'Noto Sans KR', sans-serif!important;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5); 
	padding: 17px 0;
}
.mainvisual_text span { font-weight:bold; }
.mainvisual_text span::after {
    content: '';
    position: absolute;
    width: 4.5px;
    height: 4.5px;
    background: #fffc00;
    border-radius: 50px;
    margin-left: -14px;
    margin-top: -4px;
}
.onlineform_gobtn {
    width: 255px;
    height: 65px;
	padding-right:30px;
    /*background: url(../img/finger_icon.png) 200px 16px #f15544 no-repeat;*/
    /*background:#f15544;*/
	background: linear-gradient(to right, #e22b17, #f15544);
	display: inline-block;
    text-align: center;
    line-height: 65px;
    color: #fffcfc;
    font-size: 21px;
    margin: 0 392.5px;	
	font-family: 'Noto Sans KR', sans-serif!important;
	position: relative;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	transition: all 0.3s;
}


.onlineform_gobtn:hover { background: linear-gradient(to right, #e42f1c, #e42f1c); box-shadow:none;  }
.onlineform_gobtn span { position:absolute;top:17px; left:200px; }





.custom-btn {
    width: 185px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #000;
    font-weight: normal;
    background: transparent;
    transition: all 0.3s ease;
    position: relative;
    float: left;
}
/* btn-6 */
.btn-6 {
	/*background: linear-gradient(to right, #e41f08, #f15544);*/
	background: #76ce74;
    color: #fff;
    line-height: 65px;
    padding: 0;
    border: none;
    width: 32%;
    height: 65px;	
	margin-left: 34%;
	border-radius: 6px;
}
.btn-6:hover { /*background: linear-gradient(to right, #f15544, #e41f08);*/ background: #76ce74;}
.btn-6 a { position: relative;display: block; width: 100%; height: 100%; }
.btn-6 a p {
	margin-left:-10px;	
	color: #fff; 
	text-align:center;    
	font-size: 21px;
    font-family: 'Noto Sans KR', sans-serif!important;
}
.btn-6 a span { position:absolute;top:18px; }
.btn-6:before, .btn-6:after {position: absolute; content: ""; height: 0%; width: 2px; background: #fff;}
.btn-6:before {right: 0; top: 0; transition: all 500ms ease;}
.btn-6:after {left: 0; bottom: 0; transition: all 500ms ease;}

.btn-6:hover:before {transition: all 500ms ease; height: 100%;}
.btn-6:hover:after {transition: all 500ms ease; height: 100%;}
.btn-6 a:before, .btn-6 a:after {position: absolute; content: ""; background: #fff;}
.btn-6 a:before {left: 0; top: 0; width: 0%; height: 2px; transition: all 500ms ease;}
.btn-6 a:after {right: 0; bottom: 0; width: 0%; height: 2px; transition: all 500ms ease;}
.btn-6 a:hover:before {width: 100%;}
.btn-6 a:hover:after {width: 100%;}

.btn-6 a span img { padding-left: 10px; }

@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*.slides > li > img,.flexslider { border-radius: 8px; }*/

.border_radius_3,.border_radius_3 > .thumb  > a > ul > li > img { border-radius: 8px; }
.border_radius_1,.border_radius_1 > .thumb  > a > ul > li > img { border-radius:8px 0 0 8px!important; } 
.border_radius_2,.border_radius_2 > .thumb  > a > ul > li > img { border-radius:8px 8px 0 0!important; } 
.mypage_topinfo li { padding-left:7px; position:relative; }
.mypage_topinfo li::before { content:''; width:1px; height:1px; background:#6c6c6c; position:absolute; top:10px; left:0;  }

/*유료결제 물음표설명*/
.option_img_margin tr td a img { width:130px; height:auto; }
.option_textinfo ul li { padding-left:4px;     position: relative; }
.option_textinfo ul li::before { content:""; width:1px; height:1px; border-radius:50px; background:#333; position:absolute; top:10px; left:0; }