.glide__slide{
    text-align: center;
    overflow: hidden;
}
.glide__slide img{
    height:420px;

}
.sliderArea{
    position: relative;
}
.sliderArea .sliderBackImg{
}

.sliderArea .sliderContent{
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
.sliderArea .sliderContent .contentBox{
    box-sizing: border-box;
    padding:70px;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:65px;
    width:1000px;
    height:250px;
    border:3px solid #630006;
    color:#630006;
    text-align: center;
}

.sliderArea .sliderContent .contentBox h1{
    font-size:60px;
}

.sliderArea .sliderContent .contentBox p{
    font-size:20px;
}

.sliderArea .sliderContent .contentArea{
    width:800px;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
}
.sliderArea .sliderContent .leftArea{
    display: inline-block;
    padding:30px;
    box-sizing: border-box;
    color: #630006;
}
.sliderArea .sliderContent .leftArea p{
    font-size:54px;
}
.sliderArea .sliderContent .leftArea h1{
    font-size:54px;
}
.sliderArea .sliderContent .leftArea span{
    display: inline-block;
    font-size:20px;
    padding-bottom:2px;
    border-bottom:2px solid #630006;
}
.sliderArea .sliderContent .rightArea{
    display: inline-block;
    vertical-align: top;
    margin-left:50px;
    position: relative;
    top:-70px;
}

.productCard{
    position: relative;
    cursor:pointer;
    float:left;
    text-align: center;
    width:235px;
    height:325px;
    box-sizing: border-box;
    border:1px solid #ccc;
    padding-left:15px;
    padding-right:15px;
    margin-right:15px;
    margin-bottom:30px;
}
.productCard .productTags{
    position: absolute;
    left:-1px;
    top:-1px;
}
.productCard:hover{
    border:1px solid rgb(150,0,0);
}
.productCard .productImage{
    text-align: center;
}
.productCard .productImage img{
    width:180px;
    height:180px;
}
/*.productCard .productTags{
    height:25px;
    margin-top:10px;
    margin-bottom:15px;
    text-align: center;
}*/
.productCard .productTags .productTag{
    text-align: center;
    padding:2px 5px;
    font-size:12px;
    color:rgb(150,0,0);
    border:1px solid rgb(150,0,0);
    background-color: white;
}

.productCard .productName{
    color:black;
    height:35px;
    font-size:14px;
    margin-bottom:15px;
    font-weight: bold;
}

.productCard .productCost{
    color:red;
    font-size:13px;
}

.etcArea{
    margin-bottom:50px;
}

.etcArea .buttonArea{
    display: inline-block;
}
.etcArea .buttonArea button{
    width:160px;
    height:100px;
    border:1px solid #ffeb79;
    background-color: #FFFBDD;
    color:black;
    margin:0;
    float:left;
    font-size:16px;
    transition: 0.3s;
    margin:5px;
    margin-top:0px;
    margin-bottom:10px;
}
.etcArea .buttonArea button:hover{

    color: rgb(255, 74, 43);
}
/*.etcArea .buttonArea .group:first-child button{
    border-bottom:0;
}
.etcArea .buttonArea a:first-child button{
    border-right:0;
}*/
.etcArea .buttonArea .group img{
    width:40px;
    height:40px;
    vertical-align: middle;
    margin-right:10px;

}

.etcArea .noticeArea{
    vertical-align: top;
    display: inline-block;
    margin-left:10px;
}
.etcArea .noticeArea .noticeTable{
    border-top:1px solid #ffeb79;
    font-size:14px;
    border-collapse: collapse;
    width: 645px;
}
.etcArea .noticeArea .noticeTable a{
    color:black;
    display: inline-block;
    overflow: hidden;
    width:365px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.etcArea .noticeArea .noticeTable a:hover{
    color:black;
    text-decoration: underline;
    font-weight: bold;
}
.etcArea .noticeArea .noticeTable thead tr th,
.etcArea .noticeArea .noticeTable tbody tr td{
    text-align: center;
    height:50px;
    border-bottom:1px solid #ffeb79;
}
.etcArea .noticeArea .noticeTable thead tr th{
    border-bottom:1px solid #ffeb79;
}
.etcArea .noticeArea .noticeTable thead tr th{
    background-color: #FFFBDD;

}



.title{
    margin-top:60px;
    text-align: center;
    margin-bottom:30px;
}
.title span{
    font-size:24px;
}


/* Box */

.main-box{
    width:1000px;
    height:500px;
}

.main-box .left-box{
    display: inline-block;
    float:left;
    width:500px;
    height:500px;
}
.main-box .left-box img {
    width:500px;
    height:500px;
}

.main-box .right-box{
    display: inline-block;
    float:left;
    width:500px;
    height:500px;
}

.main-box .right-box .video-box{
    width:500px;
    height:250px;
}

.main-box .right-box .list-box{
    width:500px;
    height:250px;
}
.main-box .right-box .list-box .text-area{
    display: inline-block;
    float:left;
    width:250px;
    height:250px;
    padding:20px;
    padding-left:30px;
    box-sizing: border-box;
}
.main-box .right-box .list-box .text-area .list-title{
    font-size:14px;
    font-weight: bold;
    padding-bottom:20px;
}
.main-box .right-box .list-box .text-area p{
    height:140px;
    overflow: hidden;
    font-size:14px;
}
.main-box .right-box .list-box .text-area span.date{
    font-size:12px;
}
.main-box .right-box .list-box .image-area{
    float:left;
    width:250px;
    height:250px;
}
.main-box .right-box .list-box .image-area img{
    width:250px;
    height:250px;
}








.slider-back{
}

.slider{
    width:100%;
    text-align: left;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

.slider .slider-container{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 400px;
}

.slider .slider-container .slides{
    cursor: move;
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 400px;
}

.slider .slider-container .slides .slide{
    height:400px;
}
.slider .slider-container .slides .slide .slide-content{
    color:white;
    text-align: center;
}
.slider .slider-container .slides .slide .slide-content img{

}

.slider .slide-arrow {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;

    height:68px;
    cursor: pointer;
    background: url('../js/img/arrow.png') no-repeat;
    overflow: hidden;
}
.slider .slide-arrow.left { background-position: -3px -19px; }
.slider .slide-arrow.right { background-position: -63px -19px; }
.slider .slide-arrow.left:hover { background-position: -3px -19px; }
.slider .slide-arrow.right:hover { background-position: -63px -19px; }

.mainBannerImage{
    text-align: center;

}

.mainBannerImage img{
    height:400px;
}