@charset "utf-8";

.floatRight{float:right;}
.floatLeft{float:left;}
.dw_section .in_section{padding:30px 0;}
.w50{width:50%;}
.w45{width:45%;}
/* 첫번째 섹션 */
.top_banner{position:relative;}
.top_banner img{width:100%;vertical-align:middle;}
.box_top_banner{position:absolute;width:48%;z-index:1;opacity: 0}
.box11_banner{left:26%;top:0;}
.box12_banner{left:0;top:26%;}
.box13_banner{right:0;top:26%;}
.box14_banner{left:26%;bottom:0;}
.banner_widget{z-index:4;}
.box_top_banner:hover{z-index:3;}
.absolute_h2{position:absolute;width:100%;text-align:center;font-size:17px;font-weight:600;color:#111;margin:0;padding:0;left:0;top:20%;}
.absolute_h2:after,
.absolute_h2:before{content:"";position:absolute;bottom:-20px;left:50%;width:15px;margin-left:-7px;height:1px;background:#333;}
.absolute_h2:after,
.absolute_h2:before{
	-webkit-transition: none .5s ease .1s;
	-ms-transition: none .5s ease .1s;
    transition: none .5s ease .1s;
    -webkit-transition-property: transform,top,bottom,left,opacity;
	-ms-transition-property: transform,top,bottom,left,opacity;
    transition-property: transform,top,bottom,left,opacity;
}
.box_top_banner:hover h2:before{
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}


.absolute_box{height:64px;position:absolute;top:50%;margin-top:-32px;width:100%;}
.section1 .section_left *{color:#fff ! important}
.list_w .in_title{background-image:url(../img/list_w.gif)}
.section1 .wrap_widgetDW_A {padding:0px 45px 0 35px;}
.section1 .in_line {height:1px;border-top:1px solid #ddd;}
.section1 .wrap_bg_h2{padding:80px 0 40px 0px;}
.banner_widget .box_img{display:none;}
.m532_on{display:none;padding-top:10px;}

.relative_box h2{margin:12px;padding:0;font-weight:400;font-size:34px;line-height:42px;font-family: Nanumsquareb, sans-serif;text-align:center}
.relative_box{padding:40px 0 0 0;}
.relative_box .p_line{display:table;position:relative;width:200px;margin:0 auto;}
.relative_box .p_line div{display:table-cell;}
.relative_box div img{max-width:32px;z-index:2;position:relative;padding:0 5px;}

.section_more{margin-top:30px;display:inline-block;font-size:13px !important;padding:8px 10px 7px 10px;line-height:20px;border:1px solid #666;color:#666;text-transform:uppercase;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;}
.section_more i{position:relative;top:1px;padding-left:1px;}
.active .fadeInLeft{
	-webkit-animation: BoxRightAnim1 0.8s ease-in-out 0.6s both;
	-moz-animation: BoxRightAnim1 0.8s ease-in-out 0.6s both;
	-o-animation: BoxRightAnim1 0.8s ease-in-out 0.6s both;
	-ms-animation: BoxRightAnim1 0.8s ease-in-out 0.6s both;
	animation: BoxRightAnim1 0.8s ease-in-out 0.6s both;
}
.active .fadeInRight{
	-webkit-animation: BoxRightAnim2 0.8s ease-in-out 0.8s both;
	-moz-animation: BoxRightAnim2 0.8s ease-in-out 0.8s both;
	-o-animation: BoxRightAnim2 0.8s ease-in-out 0.8s both;
	-ms-animation: BoxRightAnim2 0.8s ease-in-out 0.8s both;
	animation: BoxRightAnim2 0.8s ease-in-out 0.8s both;
}
.active .fadeInUp{
	-webkit-animation: BoxRightAnim4 0.8s ease-in-out 0.7s both;
	-moz-animation: BoxRightAnim4 0.8s ease-in-out 0.7s both;
	-o-animation: BoxRightAnim4 0.8s ease-in-out 0.7s both;
	-ms-animation: BoxRightAnim4 0.8s ease-in-out 0.7s both;
	animation: BoxRightAnim4 0.8s ease-in-out 0.7s both;
}
.active .fadeInDown{
	-webkit-animation: BoxRightAnim3 0.8s ease-in-out 0.5s both;
	-moz-animation: BoxRightAnim3 0.8s ease-in-out 0.5s both;
	-o-animation: BoxRightAnim3 0.8s ease-in-out 0.5s both;
	-ms-animation: BoxRightAnim3 0.8s ease-in-out 0.5s both;
	animation: BoxRightAnim3 0.8s ease-in-out 0.5s both;
}
@-webkit-keyframes BoxRightAnim1{
	0%{ left: -1%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes BoxRightAnim2{
	0%{ right: -1%; opacity: 0; }
	100%{ right: 0%; opacity: 1; }
}
@-webkit-keyframes BoxRightAnim3{
	0%{ top: -1%; opacity: 0; }
	100%{ top: 0%; opacity: 1; }
}
@-webkit-keyframes BoxRightAnim4{
	0%{ bottom: -1%; opacity: 0; }
	100%{ bottom: 0%; opacity: 1; }
}

@-moz-keyframes BoxRightAnim1{
	0%{ left: -1%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes BoxRightAnim2{
	0%{ right: -1%; opacity: 0; }
	100%{ right: 0%; opacity: 1; }
}
@-moz-keyframes BoxRightAnim3{
	0%{ top: -1%; opacity: 0; }
	100%{ top: 0%; opacity: 1; }
}
@-moz-keyframes BoxRightAnim4{
	0%{ bottom: -1%; opacity: 0; }
	100%{ bottom: 0%; opacity: 1; }
}

@-o-keyframes BoxRightAnim1{
	0%{ left: -1%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes BoxRightAnim2{
	0%{ right: -1%; opacity: 0; }
	100%{ right: 0%; opacity: 1; }
}
@-o-keyframes BoxRightAnim3{
	0%{ top: -1%; opacity: 0; }
	100%{ top: 0%; opacity: 1; }
}
@-o-keyframes BoxRightAnim4{
	0%{ bottom: -1%; opacity: 0; }
	100%{ bottom: 0%; opacity: 1; }
}

@-ms-keyframes BoxRightAnim1{
	0%{ left: -1%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes BoxRightAnim2{
	0%{ right: -1%; opacity: 0; }
	100%{ right: 0%; opacity: 1; }
}
@-ms-keyframes BoxRightAnim3{
	0%{ top: -1%; opacity: 0; }
	100%{ top: 0%; opacity: 1; }
}
@-ms-keyframes BoxRightAnim4{
	0%{ bottom: -1%; opacity: 0; }
	100%{ bottom: 0%; opacity: 1; }
}

@keyframes BoxRightAnim1{
	0%{ left: -1%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes BoxRightAnim2{
	0%{ right: -1%; opacity: 0; }
	100%{ right: 0%; opacity: 1; }
}
@keyframes BoxRightAnim3{
	0%{ top: -1%; opacity: 0; }
	100%{ top: 0%; opacity: 1; }
}
@keyframes BoxRightAnim4{
	0%{ bottom: -1%; opacity: 0; }
	100%{ bottom: 0%; opacity: 1; }
}

/* 두번째 블럭 */
.section-top{
position:relative;
background-position:center 50%;
background-repeat:no-repeat;
background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#fff;display:table;width:100%;min-height:200px;}
.in-section-top{display:table-cell;vertical-align:middle;}
.wrap_bg_h2 h2{margin:12px;padding:0;font-weight:400;font-size:34px;line-height:42px;font-family: Nanumsquareb, sans-serif;}
.foot_relative_box{margin:10px;padding:0;font-weight:400;font-size:18px;line-height:28px;}
.section-top h5{margin:5px;padding:0;font-weight:400;font-size:16px;}
.section-arrow:after{content:"";display:block;clear:both;position:absolute;width:0;height:0;bottom:0;left:50%;margin-left:-16px;border:16px solid transparent;border-bottom-color:#fff;}
.section-top,
.section-top a{color:#fff;}
.wrap_bg_h2{padding:50px 0px;text-align:center;}
.wrap_bg_h2 .p_line{display:table;position:relative;width:200px;margin:0 auto;}
.wrap_bg_h2 .p_line div{display:table-cell;}
.wrap_bg_h2 div img{max-width:32px;z-index:2;position:relative;padding:0 5px;}
.bg_h2 span{padding:0 15px;position:relative;display:inline-block;}
.p_line .h2_line{display:table-cell;height:1px;overflow:hidden;position:relative;vertical-align:middle;width:50%;}
.in_line {height:1px;border-top:1px solid #fff;display:block;position:relative;top:-1px;width:100%;}
.section{
position:relative;
background-position:50% 50%;
background-repeat:no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/* 지도 */
.wrap_map iframe{width:100% !important;height:500px !important;vertical-align:middle;}

/* 하단 위젯 */
.m-box{width:25%;float:left;}
.in-m-box{margin:10px;}
.in-m-box img{width:100%;}
.box_absolute{position:absolute;left:0;right:0;top:0;bottom:0;}
.box-border{padding:23px 18px 0 18px;border:1px solid #ddd;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition: all .4s;transition: all .4s;-moz-transition: all .4s;}
.box-border:hover{border: 1px solid #111;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);}
.widget_box{margin:0;position:relative;z-index:1;}
.widget_box_h2{position:relative;z-index:3;width:100%;}
.widget_box_h2 h2{position: relative;font-size:18px;margin:0;padding:11px 0px 25px 0px;font-weight:600;line-height:24px;height:24px;overflow:hidden;display:block;}
.m-box h2{text-align:center;}
.m-box h2:after,
.m-box h2:before{content:"";position:absolute;bottom:6px;left:50%;width:15px;margin-left:-7px;height:1px;background:#333;}
.m-box h2:after,
.m-box h2:before{
	-webkit-transition: none .5s ease .1s;
	-ms-transition: none .5s ease .1s;
    transition: none .5s ease .1s;
    -webkit-transition-property: transform,top,bottom,left,opacity;
	-ms-transition-property: transform,top,bottom,left,opacity;
    transition-property: transform,top,bottom,left,opacity;
}
.m-box:hover h2:before{
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.section5 .wrap_widgetDW_A {padding:10px 0px 0 0px;}
.wrap_box_banner{position:relative;overflow:hidden;}
.wrap_box_banner img{width:100%;vertical-align:middle;}
.wrap-box-owl .owl-controls{position:absolute;top:10px;width:100%;}
.wrap-box-owl .owl-controls .owl-nav{display:none;}
.wrap-box-owl .owl-controls .owl-dots{height:22px;text-align:center;padding-bottom: 10px;} 
.wrap-box-owl .owl-controls .owl-dots .owl-dot{display:inline-block;padding:3px;}
.wrap-box-owl .owl-controls .owl-dots span{display:inline-block;width:20px;height:5px;background:#eee;-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);}

.foot-m-box{text-align:center;}
.foot-m-box .section_more{margin-top:10px;}
.box_banner{position:absolute;width:100%;}
.box_foot_banner{bottom:0;}

@media screen and (max-width:1280px){
.normal_dw_4{display:none}
.box-border {padding: 15px 18px 0 18px;}
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:1023px){
.dw_section{max-width:820px;margin:0 auto;}
.w50,
.w45{width:100%;}
.m-box{width:50%}
.wrar-m-box{max-width:600px;margin:0 auto;}
.normal_dw_4{display:block}
.m-box .widgetTable_DW_list td.time{display:none;}
}
@media screen and (max-width:819px){
}

@media screen and (max-width:768px){


}
@media screen and (max-width:767px){


}
@media screen and (max-width:570px){
.normal_dw_4{display:none}
}
@media screen and (max-width:533px){
.in-m-box {margin:5px;}
}
@media screen and (max-width:532px){
.banner_widget .box_img,
.m532_on{display:block;}
.banner_widget .box_bg,
.banner_widget h2,
.banner_widget div{display:none;}
.section1 .wrap_widgetDW_A {padding:0px 10px 0 10px;}
.section1 .wrap_bg_h2 {padding:40px 0 0 0;}
.relative_box h2,
.wrap_bg_h2 h2{font-size:28px;}
.foot_relative_box{margin:10px 0;font-size:15px;}
.wrap_bg_h2{padding:30px 0;}
}
@media screen and (max-width:480px){
.widget_box_h2 h2{padding-bottom:15px;}
}

@media screen and (max-width:450px){
.normal_dw_3{display:none}
}

@media screen and (max-width:380px){
.m-box{width:100%}
.widget_box_banner .bg_box_banner{display:none;}
.widget_box_banner .box-border{position:relative;padding-bottom:15px}
.normal_dw_3,
.normal_dw_4{display:block}
.widget_box_h2 h2{padding-bottom:25px;}
}

