@charset "utf-8";

.bg_section{height:250px;position:relative;z-index:2;background-position: center 0;
    background-repeat: no-repeat;
   background-attachment: fixed;background-image:url(../img/sub1.jpg)}
.bg_section_bottom{background:none;height:120px;}
.wrap_bg_h2{position: absolute;
    top:185px;
    width: 100%;height:65px;}
.bg_h2{
position:relative;
display:none;
    color: #fff;
    font-size: 74px;
    font-weight: 800;
    text-align: right;
    line-height: 1em;
   }
.wrap_bg_h2_center{ top:110px;}
.on .bg_h2
{	display:block;
    -webkit-animation: fromRightAnim34 1.2s ease-in-out .3s both;
    -moz-animation: fromRightAnim34 1.2s ease-in-out .3s both;
    -o-animation: fromRightAnim34 1.2s ease-in-out .3s both;
    -ms-animation: fromRightAnim34 1.2s ease-in-out .3s both;
    animation: fromRightAnim34 1.2s ease-in-out .3s both;
}
@-webkit-keyframes fromRightAnim34{
	0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1;}
}

@-moz-keyframes fromRightAnim34{
		0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1;}
}

@-o-keyframes fromRightAnim34{
		0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1;}
}

@-ms-keyframes fromRightAnim34{
		0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1;}
}

@keyframes fromRightAnim34{
		0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1;}
}

.in_section{padding:80px 0;}
.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;}

/* 첫번째 블럭 배너 */
.section1{min-height:780px}
.banner_ul{margin:0;padding:0;list-style:none;}
.banner_ul li{float:left;width:25%;position:relative;min-height:400px;*height:400px;}
.in_banner{padding:0 15px 15px 15px;text-align:center;}
.in_banner p{margin:45px 15px 30px 15px;position:relative;}
.in_banner p img{width:100%;vertical-align:middle;transition:all 200ms;-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms;}
.on .in_banner:hover p img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15); }
.in_banner h3{padding:0 0 10px 0;margin:0;font-size:16px;color:#313332;font-weight:600;}
.in_banner .wrap_text{font-size:14px;color:#888;line-height:24px;}
.OverBanner1{position:absolute;background:none;text-align:center;top:90%;margin-top:-25px;left:0;width:100%;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;}
.OverBanner1 i{font-size:32px;color:#fff;line-height:50px;height:50px;vertical-align:middle;}
.OverBanner1 .OverBanner_i{height:50px;width:50px;position:relative;display:inline-block;background:url(../img/black6.png);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; }
.in_banner:hover .OverBanner1{opacity:1;filter:alpha(opacity=100);top:50%;}
.in_banner p img{position:relative;

    -webkit-animation: fromRightAnim35 .0s ease-in-out .0s both;
    -moz-animation: fromRightAnim35 .0s ease-in-out .0s both;
    -o-animation: fromRightAnim35 .0s ease-in-out .0s both;
    -ms-animation: fromRightAnim35 .0s ease-in-out .0s both;
    animation: fromRightAnim35 .0s ease-in-out .0s both;
	
	-webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;

	 -webkit-transform: scale(0.78);
    -moz-transform: scale(0.78); 
    -o-transform: scale(0.78);
}

@-webkit-keyframes fromRightAnim35{

	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes fromRightAnim35{
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes fromRightAnim35{
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes fromRightAnim35{
	100%{ left: -50%; opacity: 0; }
}

@keyframes fromRightAnim35{
	100%{ left: -50%; opacity: 0; }
}


@-webkit-keyframes fromRightAnim36{
	0%{ opacity: 0; }
	100%{ left: 0%; top:0;opacity: 1;}
}

@-moz-keyframes fromRightAnim36{
	0%{ opacity: 0; }
	100%{ left: 0%; top:0;opacity: 1;}
}

@-o-keyframes fromRightAnim36{
	0%{ opacity: 0; }
	100%{ left: 0%; top:0;opacity: 1;}
}

@-ms-keyframes fromRightAnim36{
	0%{ opacity: 0; }
	100%{ left: 0%; top:0;opacity: 1;}
}

@keyframes fromRightAnim36{
	0%{ opacity: 0; }
	100%{left: 0%; top:0; opacity: 1;}
}
.on .in_banner1 p img
{	
    -webkit-animation: fromRightAnim36 .1s ease-in-out .7s both;
    -moz-animation: fromRightAnim36 .1s ease-in-out .7s both;
    -o-animation: fromRightAnim36 .1s ease-in-out .7s both;
    -ms-animation: fromRightAnim36 .1s ease-in-out .7s both;
    animation: fromRightAnim36 .1s ease-in-out .7s both;
}
.on .in_banner2 p img
{	
    -webkit-animation: fromRightAnim36 .1s ease-in-out .1s both;
    -moz-animation: fromRightAnim36 .1s ease-in-out .1s both;
    -o-animation: fromRightAnim36 .1s ease-in-out .1s both;
    -ms-animation: fromRightAnim36 .1s ease-in-out .1s both;
    animation: fromRightAnim36 .1s ease-in-out .1s both;
}
.on .in_banner3 p img
{	
    -webkit-animation: fromRightAnim36 .1s ease-in-out .3s both;
    -moz-animation: fromRightAnim36 .1s ease-in-out .3s both;
    -o-animation: fromRightAnim36 .1s ease-in-out .3s both;
    -ms-animation: fromRightAnim36 .1s ease-in-out .3s both;
    animation: fromRightAnim36 .1s ease-in-out .3s both;
}
.on .in_banner4 p img
{	
    -webkit-animation: fromRightAnim36 .1s ease-in-out .1s both;
    -moz-animation: fromRightAnim36 .1s ease-in-out .1s both;
    -o-animation: fromRightAnim36 .1s ease-in-out .1s both;
    -ms-animation: fromRightAnim36 .1s ease-in-out .1s both;
    animation: fromRightAnim36 .1s ease-in-out .1s both;
}

.on .in_banner p img{

    -webkit-transform: scale(1);
    -moz-transform: scale(1); 
    -o-transform: scale(1);
}
/*
.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;}*/

/* 사각 슬라이드 */
.section2 .in_section{padding:100px 0;}

/* 둥근 슬라이드 */
.section3,
.section3 a{color:#fff;}
.middle_widgetA .owl-round .slide_title,
.middle_widgetA .owl-round .slide_title a{color:#fff;}
.middle_widgetA .owl-round .DWcontent a{color:#ccc;}

.section3{background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;background-attachment: fixed;position:relative;}
.bg_black{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../img/black7.png)}
/* 하단 위젯 */
.section4 .in_section,
.section5 .in_section{padding:100px 0;}

@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;}
.bg_section {height:150px;}
.wrap_bg_h2 {top:auto;bottom:0;}
.bg_h2{font-size: 54px;padding-top:19px;font-weight:800;padding-right:10px;width:auto !important}
.xe .widgetGallery_POA_list .DW_POA_Gallery4 .DW_POA_Gallery_li {width: 33.3%;}
.banner_ul li {width: 50%;min-height:auto;}
.in_banner .wrap_text{height:72px;overflow:hidden;}
}
@media screen and (max-width:768px){
.section .in_section {padding:40px 0;}
.bg_section{background-attachment:scroll;}
}
@media screen and (max-width:533px){
.bg_section {height:180px;}
.bg_h2{font-size:44px;padding-top:29px;}
.xe .widgetGallery_POA_list .DW_POA_Gallery4 .DW_POA_Gallery_li {width:50%;}
.section .in_section {padding:15px 0;}
.section3 .in_section {padding:35px 0;}
.in_banner { padding: 0 35px 05px 35px !important;}
}
@media screen and (max-width:375px){
.bg_h2{font-size:34px;padding-top:36px;}
.xe .widgetGallery_POA_list .DW_POA_Gallery4 .DW_POA_Gallery_li{width:100%;}
.banner_ul li {width:100%;}
.in_banner .wrap_text{height:auto;}
}