/* BASIC css start */
/**/
.mainCopyHd{position:relative;    min-width: 1100px;  margin-left: 170px; /* height: 160px; */  padding: 40px 160px 0px 120px;  margin-bottom: 30px;}
    
    
.mainCopyHd .mainTx {font-size: 70px;  line-height: 70px;  letter-spacing: -0.75px;  font-weight: 300;}

.mainCopyHd  .subTx{font-size: 26px;  color: #707070; font-weight: 300;  letter-spacing: 0.75px;  margin-top: 30px;  margin-left: 10px;}

.topSnsWrap {position: relative; padding: 0px 160px 40px;  text-align: right;}
.topSnsWrap a{display: inline-block;padding: 12px; -webkit-transition: opacity .3s ease;  transition: opacity .3s ease;}
.topSnsWrap a:hover{background: #f0f0f0; border-radius: 100%;}


.topSnsWrap i{font-size:24px}


/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot { position:relative; /*width:100%;*/ min-width:1100px; /*height:970px;*/ overflow:hidden ;    margin-left: 160px;}
#mainSpot #myVideo{ width: 100%; height: auto;}

/* ¸ÞÀν½¶óÀ̵å */
        .jssorb05 { position: absolute; }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { position: absolute; width: 16px;height: 16px; background: url('/design/yongsurf/wizdesign/b05.png') no-repeat; overflow: hidden; cursor: pointer;  }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


        .jssora22l, .jssora22r { display: block; position: absolute; width: 40px;  height: 58px; cursor: pointer; background: url('/design/yongsurf/wizdesign/a22.png') center center no-repeat; overflow: hidden;  }
        .jssora22l { background-position: -10px -31px;}
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
/* ½½¶óÀ̵å end */

/*ȸ»ç¼Ò°³ ¹× °øÁö»çÇ×*/
.companyInfoWrap {position: relative; width:1464px; margin:70px auto 30px auto;   overflow: hidden;padding-left: 120px;}
.companyInfoWrap :after { content:""; clear:both; display:block; }
.companyInfoWrap .leftInfo{float:left;margin-top: 20px;margin-left: 70px;}
.companyInfoWrap .infoTit {font-size: 45px;  line-height: 70px;  letter-spacing: -0.75px;  font-weight: 300;}
.companyInfoWrap .infoSubTit{font-size: 18px;  color: #707070; font-weight: 300;  letter-spacing: 0.75px;  margin-top: 30px;  margin-left: 10px;}
.companyInfoWrap .infoSubTit2{font-size: 18px;  color: #707070; font-weight: 300;  letter-spacing: 0.75px;  margin-top: 5px;  margin-left: 10px;}
.companyInfoWrap .rightInfo{float:right}


/*Ưº°»óÇ°*/
#specialWrap{position: relative;  margin-left: 160px;}
#specialWrap .item-wrap {overflow: hidden;    width: 100%;}
#specialWrap .item-wrap .item-cont {    width: 100%;}
#specialWrap .item-wrap .item-cont .item-list {padding-right: 0;  float: left;  width: 33.3%; text-align: center;}
#specialWrap .item-wrap .item-cont .item-list .thumb { width: 100%; height: auto; overflow: hidden;}
#specialWrap .item-wrap .item-cont .item-list .thumb img {width: 80%; height: auto;}
#specialWrap .item-wrap .item-cont .item-list .thumb img:hover {-webkit-transition: all 2.5s ease; 
 -moz-transition: all 2.5s ease; 
 -o-transition: all 2.5s ease; 
 transition: all 2.5s ease; 
-ms-transition: all 2.5s ease;
-webkit-transform: scale(1.3,1.3); 
 -moz-transform: scale(1.3,1.3); 
 -o-transform: scale(1.3,1.3); 
-ms-transform: scale(1.3,1.3); 
 transform: scale(1.3,1.3); 
}


#specialWrap .item-wrap .item-cont .item-list .prd-name a{font-size: 17px;  font-weight: 300;  display: block; margin-top: 15px; line-height: normal;}
#specialWrap .item-wrap .item-cont .item-list .prd-subname {font-size: 15px; color:#000000; border-top:none; text-align:center;font-weight:300; margin-top:0} 
#specialWrap .item-wrap .item-cont .item-list .prd-brandname {font-size: 17px; color:#979797; border-top:none; text-align:center;font-weight:400; margin-top:0 margin-bottom:10px}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap { margin:0 auto; position:relative; width:1100px }
.cateTit h3 { font-size: 35px;
    color: #1c1c1c;
    font-weight: 300;
    font-family: Roboto;
    /* line-height: 20px; */
    padding-bottom: 60px;
    text-align: left;
    padding-left: 1%;}



/* ½Å»óÇ° */
#newProductWrap{position: relative; background:#f0f0f0}
#newProductWrap .item-wrap{overflow: hidden;    width: 1343px; margin:0 auto;    padding: 40px 0px;}

#newProductWrap .item-wrap .item-cont { font-size:15px;  width: 100%;}
#newProductWrap .item-wrap .item-cont .item-list { padding:0 1%;  float: left;  width: 23%; text-align: center;}
#newProductWrap .item-wrap .item-cont .item-list .thumb {  width: 100%; height: auto; overflow: hidden;background: #fff !important;}
#newProductWrap .item-wrap .item-cont .item-list .thumb img {width: 100%; height: auto;opacity: 1;}


.boardArea {/* margin: 0 auto; */width: 650px;float: left;}
.boardArea .notice {padding: 0;}
.boardArea .notice ul {font-size: 20px;font-weight: bold;/* margin-bottom: 20px; */padding-bottom: 20px;border-bottom: 1px dotted #f0f0f0;}
.boardArea .notice ul span a {font-size: 20px;float: right;color: #fff;font-weight: normal;width: 28px;height: 28px;background: #3a3a3a;text-align: center;line-height: 26px;    display: inline-block;}
.boardArea .notice ul span a:hover{background:#fff; color:#3a3a3a; border:1px solid #3a3a3a; font-weight:normal; margin:-1px}
.boardArea .notice li {line-height: 24px;border-bottom:1px solid #ccc;padding: 12px 0 12px 0px;overflow: hidden;}
.boardArea .notice li i{display: inline-block;font-size: 24px;padding-right: 7px;    vertical-align: super;}
.boardArea .notice li a { font-size:18px; color:#2c2c2c; }
.boardArea .notice li span {color:#777;/* float:right; */font-size:14px;display: block;padding-left: 35px;}
.boardArea .notice a:hover { color:#000; font-weight:bold; }


.ft_banner{background:#f0f0f0;padding: 0 8.5%;}
.ft_banner img{width:100%; text-align:center}
#footer{margin-top:0 !important}



/* BASIC css end */