@charset "utf-8";
.max { width:100%; }
.main { overflow:hidden; padding-top:140px;
    background: rgba(254,245,180,1);
    background: -moz-linear-gradient(-45deg, rgba(254,245,180,1) 0%, rgba(250,206,203,1) 79%, rgba(247,193,190,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(254,245,180,1)), color-stop(79%, rgba(250,206,203,1)), color-stop(100%, rgba(247,193,190,1)));
    background: -webkit-linear-gradient(-45deg, rgba(254,245,180,1) 0%, rgba(250,206,203,1) 79%, rgba(247,193,190,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(254,245,180,1) 0%, rgba(250,206,203,1) 79%, rgba(247,193,190,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(254,245,180,1) 0%, rgba(250,206,203,1) 79%, rgba(247,193,190,1) 100%);
    background: linear-gradient(135deg, rgba(254,245,180,1) 0%, rgba(250,206,203,1) 79%, rgba(247,193,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef5b4', endColorstr='#f7c1be', GradientType=1 );

}
.main .container { position:relative; z-index:1; width:100%; max-width:1296px; padding-left:8px; padding-right:8px;}
.main .container .row { margin-left:-8px; margin-right:-8px; }
.main .container .row [class*='col-'] { padding-right:8px; padding-left:8px; }
.bg { position:absolute; left:0; }
.bg.top { top:78px; }
.bg.bottom { bottom:0; }
.gradient {
    position:absolute; top:0; left:0; width:100%; height:100%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.main .bx-wrapper img { margin:0 auto; }
.main .bx-wrapper .bx-pager { display:inline-block; width:auto; right:50%; bottom:26px; z-index:95; -webkit-transform:translate(50%,0); -moz-transform:translate(50%,0); -ms-transform:translate(50%,0); -o-transform:translate(50%,0); transform:translate(50%,0); }
.bx-wrapper .bx-controls-direction a { z-index:95; width:32px; height:62px; margin-top:-31px; }
.main .bx-wrapper .bx-prev { left:50%; -moz-transform:translate(-640px, 0); -webkit-transform:translate(-640px, 0); -o-transform:translate(-640px, 0); -ms-transform:translate(-640px, 0); transform:translate(-640px, 0); background:url('../../img/main/btn_prev.png'); }
.main .bx-wrapper .bx-next { right:50%; -moz-transform:translate(640px, 0); -webkit-transform:translate(640px, 0); -o-transform:translate(640px, 0); -ms-transform:translate(640px, 0); transform:translate(640px, 0); background:url('../../img/main/btn_next.png'); }
.item-wrap [class*='article'] { position:relative; display:block; padding-bottom:108.77%; background-size:cover; }
.item-wrap [class*='article'] > div { position:absolute; bottom:28px; left:0; z-index:1; width:100%; padding-left:31px; padding-right:31px; color:#fff; }
.item-wrap [class*='article'] > div .category { letter-spacing:-0.025em; }
.item-wrap [class*='article'] > div .tit { overflow:hidden; height:58px; font-size:23px; line-height:1.3; letter-spacing:0; }
.item-wrap .article-1 { background-image:url('../../img/main/main01.jpg'); }
.item-wrap .article-2 { background-image:url('../../img/main/main02.jpg'); }
.item-wrap .article-3 { background-image:url('../../img/main/main03.jpg'); }
.item-wrap .article-4 { background-image:url('../../img/main/main04.jpg'); }
.item-wrap .article-5 { background-image:url('../../img/main/main05.jpg'); }
.item-wrap .article-6 { background-image:url('../../img/main/main06.jpg'); }
.item-wrap .article-7 { background-image:url('../../img/main/main07.jpg'); }
.item-wrap .article-8 { background-image:url('../../img/main/main08.jpg'); }
.item-wrap .article-9 { background-image:url('../../img/main/main09.jpg'); }
.item-wrap .article-10 { background-image:url('../../img/main/main10.jpg'); }
.item-wrap .article-11 { background-image:url('../../img/main/main11.jpg'); }
.item-wrap .article-12 { background-image:url('../../img/main/main12.jpg'); }

.event-wrap [class*='article'] { position:relative; display:block; padding:38px 7%; background-color:#fff; background-repeat:no-repeat; background-position:87% center; color:#000000; }
.event-wrap [class*='article'] > div { width:50%; }
.event-wrap [class*='article'] > div .category { margin-bottom:12px; }
.event-wrap [class*='article'] > div .category:after { content:''; display:block; width:24px; height:2px; background:#ec0000; margin-top:10px; }
.event-wrap [class*='article'] > div .tit { overflow:hidden; height:58px; font-size:17px; line-height:1.4; }
.event-wrap .article-1 { background-image:url('../../img/main/event01.png'); }
.event-wrap .article-2 { color:#fff; background-size: cover; background-image:url('../../img/main/event02.png'); }
.event-wrap .article-3 { background-image:url('../../img/main/event03.png'); }

/********* Media *********/
@media all and (min-width: 769px) {
    .item-wrap [class*='article']:hover .gradient { background:rgba(164,0,0,0.55); }
}
@media all and (max-width: 1440px) {
}
@media all and (max-width: 1300px) {
    .main .bx-wrapper .bx-prev { left:0; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }
    .main .bx-wrapper .bx-next { right:0; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 991px) {
    .main .bx-wrapper .bx-pager { bottom:15px; }
}
@media all and (max-width: 768px) {
    .bx-controls-direction {  display:none; }
    .item-wrap [class*='article'] > div { bottom:14px; padding-left:17px; padding-right:17px; }
    .item-wrap [class*='article'] > div .tit { height:46px; font-size:18px; }
    .bg.top { top:0; }
}
@media all and (max-width: 767px) {
    .item-wrap [class*='article'] { padding-bottom:87.65%; }
}
@media all and (max-width: 480px) {

}