@charset "utf-8";

/* Main CSS
 * --------------------------------------- */
 #header .header_m{ position: fixed; top: 0px;z-index:13}
#wn01{min-height:562px !important; max-height:620px !important}
#wn02{min-height:650px !important; max-height:650px !important}

/*타이틀*/
.tit_point{padding:65px 0 25px;text-align:center; font-weight:bold; font-size:2.0rem}
.tit_point:before{content:".";display:block;margin:0px auto 10px; width:6px;height:8px;background: url(../img/common/bg_icon.png) no-repeat -15.5px 0;background-size:60px auto; font-size:0; color:#fff}
.contain_wn{ position:relative;text-align:center; }
/* ABOUT US */
.ui_img img{width:100%; }
.about_visualArea{ position: relative; height:100%; overflow:hidden;}
.about_visualArea .about_visual_list li{width:100%}
.about_visualArea .about_visual_list li div.ui_img {width:100%;
	-webkit-transition: all 10s; /* Safari */
	-ms-transition: all 10s;
	-o-transition: all 10s;
	transition: all 10s;
	-webkit-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
}
.about_visualArea .about_visual_list li div.ui_img img, .about_visualArea .about_visual_list li div.about_visual_txt {
	-webkit-transition: all 2s; /* Safari */
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
	opacity: 0;
}
.about_visualArea .about_visual_list li.on div.ui_img{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	-o-transform:scale(1.15);
	transform:scale(1.15);
}
.about_visualArea .about_visual_list li.on div.ui_img img, .about_visualArea .about_visual_list li.on div.about_visual_txt {opacity: 1;}

@media (min-height:812px){
	.about_visualArea .about_visual_list li div.ui_img {
	-webkit-transform:scale(1.65);
	-ms-transform:scale(1.65);
	-o-transform:scale(1.65);
	transform:scale(1.65);
	}
	.about_visualArea .about_visual_list li.on div.ui_img{
	-webkit-transform:scale(1.55);
	-ms-transform:scale(1.55);
	-o-transform:scale(1.55);
	transform:scale(1.55);
	}
}
.about_visualArea .about_visual_list {position: absolute;left:0 ; top:0; width:100% }
.about_visual_list .about_visual_txt{ position:absolute; top:53%; left:50%; margin:-148px 0 0 -140px;  width:280px; height:280px;  text-align:center; }
.about_visual_list .about_visual_txt.wh{color:#fff; border:3px solid rgba(255,255,255,0.6)}
.about_visual_list .about_visual_txt.bl{color:#000; border:3px solid rgba(0, 0, 0 ,0.3)}
.about_visual_list .about_visual_txt .tit{font-size:3.3rem; line-height:33px; padding:90px 0 25px; font-weight:bold; letter-spacing:3px}
.about_visual_list .about_visual_txt .txt{font-size:1.4rem; line-height:18px; font-weight:300;}
.about_slide_btn{ position:absolute; bottom:20px; left:50%; margin-left:-55px;  width:128px ; height:28px; }
.about_slide_btn .indi{text-align:center;}
.about_slide_btn .move_btn{display:inline-block;margin:0 10px; background:#fff; width:18px; height:18px; border-radius:18px; font-size:0; line-height:0}
.about_slide_btn .move_btn.on{background:#69819f; }

.brand_wrap{position:relative; overflow: hidden;}
.brand_slide_list{width:100%; }
.brand_slide_list{ width:100%;white-space: nowrap; width: 100%;}
.brand_slide_list li{display:inline-block}
.brand_slide_list li.on{ box-shadow: 0px 0px 20px rgba(0, 0, 0 ,0.3);z-index:9}
.brand_slide_list li img{width:100%; vertical-align:middle}
.brand_slide_list li.on .dim{display:none}
.brand_slide_txt {position:relative; z-index: 10; left:8%; width:84%; height:160px; margin:-30px 0 40px; padding:30px 0 ; text-align:center; font-size: 1.2rem; background:#fff; box-shadow: 0px 0px 20px rgba(0, 0, 0 ,0.15);}
.brand_slide_txt >div {left:0; width: 100%;}
.brand_slide_txt .brand_txt{padding:10px 0 ;}

.brand_slide_banner {overflow: hidden; position: relative;width:100%; min-height:70px ;}
.brand_slide_banner li{position: absolute; width:100%;height:70px ;background: url(../img/main/bg_brand_banner01_m.jpg) no-repeat; background-size: 100% auto }
.brand_slide_banner li .brand_txt{ position:absolute; left:0;margin:20px 0 0 100px; vertical-align:middle;text-align:left; font-size:1.3rem;line-height:18px; color:#000}
.brand_slide_btn{z-index:12; }
.brand_slide_btn .prev{ cursor: pointer;position: absolute; z-index: 8; top: 50%; margin-top:-25px;left:0;  display:inline-block; height:25px; width:25px; border:none; background: url(../img/common/btn_prev.png) no-repeat 0 0; background-size:24.5px}
.brand_slide_btn .next{ cursor: pointer;position: absolute; z-index: 8; top: 50%; margin-top:-25px;right:0; display:inline-block; height:25px;  width:25px; border:none; background: url(../img/common/btn_next.png) no-repeat 0 0; background-size:24.5px}

/* VALUES */
.contain_values{width:100%;background: url(../img/main/bg_vlaues.gif) no-repeat center bottom; background-size:960px; }
.values_slide .tit{display:block; font-size:1.8rem; font-weight:bold; text-transform: uppercase;}
.values_slide .tit:after{content:".";display:block;margin:10px auto 10px; width:20px;height:2px;background:#00ad68; font-size:0; color:#fff}
.values_slide .txt{ font-size:1.6rem; }