@charset "utf-8";

@import url(base.css); /* reset */
@import url(common.css);/* header,footer */


/* mvisual_wrap */
.mvisual_wrap{background:url(/images/main/mvisual01.jpg) no-repeat center 131px; height:369px; border-bottom:1px solid #e0e0e0; padding-top:131px;}
.mvisual_wrap #banner_wrap { position: relative; width: 1292px; margin:auto;}

/* 메인비주얼 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:369px; top:0px; left:0px;z-index:50; padding-top:131px;}
#flickingList .cont {position:relative; overflow:hidden; top:0px; width:100%; vertical-align:top;text-align:center; }
#flickingList .layerWrap {position:relative; overflow:hidden; top:0px;width:12000px;  white-space:nowrap;  vertical-align:top;}
#flickingList .layerWrap:after{content:""; display:block; clear:both;}
#flickingList .layer {float:left; width:100%;  text-align:center; }
#flickingList .bg1 {background:url("/images/main/main_img1.jpg") no-repeat top center;height:369px;}
#flickingList .bg2 {background:url("/images/main/main_img2.jpg") no-repeat top center;height:369px;}
#flickingList .bg3 {background:url("/images/main/main_img3.jpg") no-repeat top center;height:369px;}

#flickingList .tabWrap {position:absolute;bottom:8px; left:50%; text-align:center;z-index:200;}
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:11px; height:11px; background:url("/images/main/btn_off.png") no-repeat;}
#flickingList .tabWrap li a.current {background:url("/images/main/btn_on.png") no-repeat;}
#flickingList .tabWrap li a.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/main/play.png") no-repeat;}
#flickingList .tabWrap li a.btn_stop {display:inline-block; width:20px; height:20px; background:url("/images/main/stop.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/main/play_on.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_stop  {display:inline-block; width:20px; height:20px; background:url("/images/main/stop_on.png") no-repeat;}

#flickingList .prevNext {position:absolute;top:270px; width:100%;height:75px;z-index:200;border:0px solid red;}
#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:20px; width:75px; height:75px; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:20px; width:75px; height:75px; z-index:10;}
#flickingList .v_wrap{width:1000px; margin:auto; position:relative;}
#flickingList .view{position:absolute; width:89px; top:270px; left:31px; z-index:10;}
#flickingList #mnAutoLife_layer2 .view{position:absolute; width:89px; top:300px; left:31px; z-index:10;}
#flickingList #mnAutoLife_layer3 .view{position:absolute; width:89px; top:270px; left:31px; z-index:10;}

/* contents */
.contents_wrap01{border-bottom:1px solid #e0e0e0; height:207px; margin-bottom:25px;}
.contents_wrap01 .section01{width:1000px; margin:0 auto; padding-top:25px;}
.contents_wrap01 .section01:after{content:""; display:block; clear:both;}
.contents_wrap01 .section01 .video{float:left; width:240px; margin-left:13px;}
.contents_wrap01 .section01 .video .tit{margin-bottom:18px;}
.contents_wrap01 .section01 .video .youtube{margin-left:15px;}
.contents_wrap01 .section01 .tit{padding-left:20px; background:url(/images/main/icon_leaf.gif) no-repeat; font-size:15px; font-weight:bold; color:#272727;}
.contents_wrap01 .section01 .brand{float:left}
.contents_wrap01 .section01 .brand .tit{padding-left:20px;}
.contents_wrap01 .section01 .brand ul{margin:31px 0 0 8px;}
.contents_wrap01 .section01 .brand ul:after{content:""; display:block; clear:both;}
.contents_wrap01 .section01 .brand li{width:108px; height:108px; margin-right:15px; float:left; background:url(/images/main/bg_brand.jpg) no-repeat; line-height:106px; text-align:center;}
.contents_wrap01 .section01 .brand li.jaque{line-height:22px; padding-top:22px;}
.contents_wrap01 .section01 .brand li a{font-size:16px; color:#fff; text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); font-weight:bold;  font-family:'Nanum Gothic', '나눔고딕',"돋움", Dotum, Verdana, Arial, sans-serif;}
.contents_wrap01 .section01 .brand li.cn a{font-family:'Simsun','Nanum Gothic', '나눔고딕',"돋움", Dotum, Verdana, Arial, sans-serif;}
.section02{width:1000px; margin:0 auto; height:190px;}
.section02 #banner_wrap{margin-top:20px; position:relative; background:url(/images/main/bg_best.gif) no-repeat left top;}
.section02 #banner_wrap dd{text-align:center; margin-top:10px; font-family:'Nanum Gothic', '나눔고딕',"돋움", Dotum, Verdana, Arial, sans-serif;}
#prevBtn{position:absolute; left:-20px; top:40px; z-index: 2;}
#nextBtn{position:absolute; right:-20px; top:40px; z-index: 2;}
.section02:after{content:""; display:block; clear:both;}
.section02 .tit{padding-left:20px; background:url(/images/main/icon_leaf.gif) no-repeat; font-size:14px; font-weight:bold; color:#272727; }
.section02 .notice{float:left; width:237px;  margin-left:13px;}
.section02 .notice .tit{margin-bottom:18px;}
.section02 .notice .box{margin-left:20px;}
.section02 .best{float:left; width:749px;}
.section02 .best .tit{}