@charset "utf-8";
.wrap-wrapper{margin:0 auto;position:relative;z-index:1;}
.box{float:left;position:relative;overflow:hidden;}
.box23{width:370px;padding-bottom:35px;padding-left:45px;}
.box24{width:301px;height:241px;background: #fff;}
.first_box23{padding-left:0;}
.last_box24{width:296px}
.box24 .in_boxB{border-right:1px solid #ddd;border-top:1px solid #ddd;}
.in_box{position:relative;z-index:1;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.wrap_widget{padding:50px 0 20px 0;}
.widget_box_h2{padding:0 0 35px 0;}
.widget_box_h2C{padding:0 0 20px 0;position:relative;}
.wrap_title{display:table;}
.has_line{display:table-cell;height:1px;position:relative;vertical-align:middle;width:50%;}
.has_lineC{width:100%;}
.in_line{height:1px;border-top:1px solid #ddd;display:block;position:relative;top:1px;width:100%;}
.has_line_h2{display:table-cell; white-space:pre;padding:0 10px;margin:0;font-size:16px;font-weight:600;color:#333;}
.widget_box_h2 p{margin:0;padding-top:10px;text-align:center;height:18px;overflow: hidden;}
.widget_box_h2B .has_line_h2{padding:0;}
.widget_box_h2C .has_line_h2{padding:0 5px 0 5px;font-size:15px;}
.widget_box_h2B p{text-align:left;}
.widget_box_h2C p{text-align:left;padding-left:5px;}
.middle_widgetA{padding-bottom:30px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.middle_widgetB{padding-bottom:30px;}

/* 풋터 */
.in_middle_widgetC{border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding:0;}

.foot_boxC .in_boxB{padding:35px 15px 0 15px;}
.middle_widgetC{padding:50px 0;}
.h2_more{line-height:18px;font-size:16px;padding:0 0 0 5px;display:inline-block;position:absolute;right:0;background:#fff;top:1px;color:#bbb;transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;}
.h2_more:hover{color:#222;}
/* 배너형 */
.foot_boxD .in_box,
.foot_boxD .inner_box{width:100%;height:100%;}
.foot_boxD .widget_box{width:533px;height:240px;text-align:center;left:50%;margin-left:-266px;position:absolute;}
.foot_boxD .widget_box_h2{position:absolute;left:20px;z-index:2;width:85%;padding:0;}
.foot_boxD .widget_box_h2 h2{position:relative;margin:0;}
.foot_boxD .widget_box_h2 img{transition:all 600ms;-webkit-transition:all 600ms;-moz-transition:all 600ms;-o-transition:all 600ms;-ms-transition:all 600ms;}
.foot_boxD .widget_box_h2 img.on{position:absolute;left:-110%;top:0;transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;}
.in_boxB:hover .widget_box_h2 img.on{left:0%;}
.in_boxB:hover .widget_box_h2 img.off{opacity:0.0;filter:alpha(opacity=00);}
.box_top_h2{top:20px;}
.box_top_h2 h2{padding:0;margin:0;}
.box_bottom_h2{bottom:20px;}
.box_over_a{position:relative;display:inline-block;width:100%;height:100%;}
.box_over_a img{position:absolute;}
.box_over_a img.on_box_img{left:0;top:0;width:100%;height:100%;}
.over_box_img{opacity:0.0;filter:alpha(opacity=00);transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;}
.box_over_a:hover .over_box_img{opacity:1;filter:alpha(opacity=100);}
.box_over_a img{vertical-align:middle;}
.in_box_bottom_hide{display:none;}

img.filter_img {
	 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 3.5+ */
	 filter:gray;/* IE6-9 */
	 -webkit-filter:grayscale(1);/* Google Chrome & Safari 6+ */
	 -webkit-filter:grayscale(100%);/* Chrome 19+ & Safari 6+ */
	 -moz-filter:grayscale(100%);
	 -webkit-transition:all .6s ease;/* Fade to color for Chrome and Safari */
	 -ms-transition:all .6s ease;
	 transition:all .6s ease;
}

.in_boxB:hover img.filter_img {
	filter:none;
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
}

/* 목록 */
.box_list{margin:0;padding:0;list-style:none;}
.box_list li{position:relative;border-top:1px solid #ddd;width:100%;}
.box_list li a{display:table-cell;vertical-align:middle;height:100%;font-size:14px;padding-left:60px;}
.box_list li a i{position:absolute;font-size:24px;line-height:28px;top:50%;margin-top:-14px;left:20px;}
.box_list li.first_box_list{border:0;}
.box_list3 li,
.box_list3 li a{height:79px;}
.box_list3 li.first_box_list{padding-top:1px}
.box_list4 li,
.box_list4 li a{height:59px;}
.box_list4 li.first_box_list{padding-top:1px}
.box_list5 li,
.box_list5 li a{height:47px;}
.box_list5 li.first_box_list{padding-top:1px}
.box_list5 li{line-height:16px;}
.box_list strong{color:#ff9600}
@media screen and (max-width:1220px){
.box23{width:320px;padding-left:20px}
.first_box23{padding-left:0;}
.box24{width:251px;}
.last_box24{width:246px}
.xe .ImgTitle_DW_li9,
.xe .owl-small .owl-controls .owl-nav .owl-prev,
.xe .owl-small .owl-controls .owl-nav .owl-next{display:none !important;}
.xe .WrapWidget_showroomA .ImgTitle_DW li .ImgTitle_DW_Div {padding: 9px 0 10px 0;}
.xe .WrapWidget_showroomA .widgetThumb {padding: 0 0 9px 0;}
.xe .owl-small .slide_title {padding: 18px 0 18px 0;}
.middle_widgetC td.time{display:none;}
}
@media screen and (max-width:1020px){
.none_mobile{display:none;}
.middle_widgetB{padding:0 10px 30px 10px;}
.box23{width:50%;padding-left:0}
.box24{width:50%;}
.in_box{padding:0 10px;}
.xe .ImgTitle_DW_li9{display:block;}
.xe .WrapWidget_showroomA .ImgTitle_DW li .ImgTitle_DW_Div {padding: 9px 0 9px 0;}
.xe .WrapWidget_showroomA .widgetThumb {padding: 0 0 12px 0;}
.xe .owl-small .slide_title {padding: 19px 0 18px 0;}
.middle_widgetC td.time{display:inline-block;}
}
@media screen and (max-width:768px){
.foot_boxD .widget_box_h2 img.off {display:none;}
.foot_boxD .widget_box_h2 img.on {
    position:relative;
    left: 0%;}
img.filter_img {
	filter:none;
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
}
}
@media screen and (max-width:533px){
.middle_widgetC{padding:30px 10px;}
.middle_widgetB{padding-bottom:10px;}
.in_middle_widgetC{border-right:1px solid #ddd;}
.box24 .in_boxB{border-right:0;border-top:1px solid #ddd;}
.box24{width:100%;}
}
@media screen and (max-width:375px){
.box23{width:100%;}

}