/* common */

.nav-tabs {
    border-bottom: none;
}

.plus {
    position: absolute;
    top: 0;
    right: 0;
}

    .plus:hover {
        opacity: 0.8;
        transition: 0.3s all ease;
    }

.box {
    display: inline-block;
    position: relative;
    opacity: 0;
    top: 50px;
}

#main-slider{position:relative; overflow:hidden;}
#main-slider .mainBG{height: 940px;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;
flex-direction: row;justify-content: center;align-items: flex-end;padding: 0 0 60px;}
#main-slider .mainBG .PhotoSD{}
#main-slider .mainBG .PhotoSD .PhotoM{height: 695px;position: relative;background-size: contain;background-position: center;
background-origin: border-box;background-repeat: no-repeat;background-color: #fff;}
#main-slider .mainBG .PhotoSD .contentSlideWrapper .contentSlide a{box-shadow: 5px 0px 20px;}
#main-slider .mainBG .PhotoSD .PhotoM .PhotoT{position: absolute;bottom: 0;width: 100%;padding: 20px 0;background-color: rgba(0,0,0,.7);}
#main-slider .mainBG .PhotoSD .PhotoM .PhotoT h5{font-size: 24px;display: inline-block;margin: 0;padding: 10px;}
#main-slider .mainBG .PhotoSD .PhotoM .PhotoT h5:nth-child(1){color:#CAD1EA;}
#main-slider .mainBG .PhotoSD .PhotoM .PhotoT h5:nth-child(2){color:#646464;}
#main-slider .PhotoPBTN{font-size: 5vw;color: #fff;position: absolute;top: 50%;transform: translate(0,-50%);left: 5vw; z-index:1;}
#main-slider .PhotoNBTN{font-size: 5vw;color: #fff;position: absolute;top: 50%;transform: translate(0,-50%);right: 5vw; z-index:1;}
/*main1*/
#main-1{background-color:#374B84;}
#main-1 .main1M{display: flex;flex-direction: row;justify-content: space-between;align-items: center; margin: 20px 0;}
#main-1 .main1M .main1R,
#main-1 .main1M .main1C,
#main-1 .main1M .main1L{display:inline-block; float:left;}
#main-1 .main1M .main1R{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#main-1 .main1M .main1R .mainRIMG{width: 32px;height: 32px;display: inline-block;float: left; background-size:cover; background-position:center;}
#main-1 .main1M .main1R span{display: inline-block;padding: 0 15px;font-size: 24px;float: left;color: #fff;font-weight: bold;letter-spacing: 1px;}
#main-1 .main1M .main1C{width: 40%;}
#main-1 .main1M .main1C .main1CT{color: #fff;margin: 0;font-size: 20px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#main-1 .main1M .main1C .main1CT h5,
#main-1 .main1M .main1C .main1CT h6{font-size: 18px;margin: 0;display: inline-block; float:left;}
#main-1 .main1M .main1C .main1CT .mainCIMG{width: 30px;height: 30px;background-position: center;background-size: cover;display: inline-block;
float: left;background-color: #fff;border-radius: 50%;}
#main-1 .main1M .main1L{width:30%;}
#main-1 .main1M .main1L .search-bar{display:inline-block;float:left; width:100%;}
#main-1 .main1M .main1L .search-bar form{border: 1px solid #D9D9D9;border-radius: 20px;display: inline-block;float: left;overflow: hidden; width:100%;}
#main-1 .main1M .main1L .search-bar form #selectbox{cursor: pointer;background-color: #C3C9DA;padding: 10px;width: 20%;border: transparent;
color: #fff;float: left;font-size: 20px;max-height: 44px;}
#main-1 .main1M .main1L .search-bar form #keyword{border: none;padding: 10px 20px;display: inline-block;float: left;
width: 60%;font-size: 17px;outline: none;}
#main-1 .main1M .main1L .search-bar form .search-btn{cursor: pointer;background-color: #C3C9DA;padding: 8px;
width: 20%;border: transparent;color: #fff;float: left;font-size: 20px;max-height: 44px;}
#main-2{padding: 105px 0;}
#main-2 .main2R .main2RM,
#main-2 .main2C .main2CM,
#main-2 .main2L .main2LM{padding: 15px 10px;border-bottom: 1px solid #000;margin: 0 0 20px;}
#main-2 .main2R .main2RM .main2RT,
#main-2 .main2C .main2CM .main2CT,
#main-2 .main2L .main2LM .main2LT{display: flex;align-items: center;justify-content: space-between;}
#main-2 .main2R .main2RM .main2RT .mainRIMG1,
#main-2 .main2C .main2CM .main2CT .mainCIMG1,
#main-2 .main2L .main2LM .main2LT .mainLIMG1{display: flex; align-items: center;}
#main-2 .main2R .main2RM .main2RT .mainRIMG1 div,
#main-2 .main2C .main2CM .main2CT .mainCIMG1 div,
#main-2 .main2L .main2LM .main2LT .mainLIMG1 div{height: 35px;width: 40px;display: inline-block;float: left;background-size: cover;background-position: center;}
#main-2 .main2R .main2RM .main2RT .mainRIMG1 h1,
#main-2 .main2C .main2CM .main2CT .mainCIMG1 h1,
#main-2 .main2L .main2LM .main2LT .mainLIMG1 h1{display: inline-block;margin: 0 15px;font-size: 24px;color: #000; text-decoration:none;}
#main-2 .main2R .main2RM .main2RT .mainRIMG2,
#main-2 .main2C .main2CM .main2CT .mainCIMG2,
#main-2 .main2L .main2LM .main2LT .mainLIMG2{height: 35px;width: 40px;display: inline-block;float: right;background-size: cover;background-position: center;}
#main-2 .main2R ul a li,
#main-2 .main2C ul a li,
#main-2 .main2L ul a li{display: inline-block; width: 100%; font-size:15px; line-height: 2;}
#main-2 .main2R ul a li span:nth-child(1),
#main-2 .main2C ul a li span:nth-child(1),
#main-2 .main2L ul a li span:nth-child(1){float: left;color: #000;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 80%;}
#main-2 .main2R ul a li span:nth-child(2),
#main-2 .main2C ul a li span:nth-child(2),
#main-2 .main2L ul a li span:nth-child(2){float:right;color:#384C85;}

#main-3{background-color:#1F2333;}
#main-3 .main3{padding: 45px 0 0;display: inline-flex;width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
#main-3 .main3 a{width: calc(100%/4 - 57px);display: inline-block;}
#main-3 .main3 > a{padding:0 0 25px;}
#main-3 .main3 .main3T{padding:0 0 25px;width: 100%;}
#main-3 .main3 .main3T a{display:inline-block;}
#main-3 .main3 .main3T .main3TM{display: flex; align-items: center;}
#main-3 .main3 .main3T .main3TM div{width: 46px;height: 46px;float: left;display: inline-block;}
#main-3 .main3 .main3T .main3TM h1{margin: 0;font-size: 30px;color: #fff;float: left;display: inline-block; padding:10px;}
#main-3 .main3 .galleryM{padding: 0;}
#main-3 .main3 .galleryM .galleryIMG{height:215px; background-position:center; background-repeat:no-repeat; border:1px solid #fff; background-size:contain; background-color:#fff;}
#main-3 .main3 .galleryM .galleryT{color:#fff; padding: 5px;}
#main-3 .main3 .galleryM .galleryT h1{margin: 0;line-height: 2;font-size: 20px;float: left;width:100%;}
#main-3 .main3 .galleryM .galleryT h1 span:nth-child(1){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 85%;float:left;}
#main-3 .main3 .galleryM .galleryT h5,
#main-3 .main3 .galleryM .galleryT h6{margin: 0;font-size: 17px;line-height: 1.5;display: inline-block;width: 100%;}



.view-more {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    background: transparent;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
    font-weight: 100;
}

.view-more:hover:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

.view-more:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}

@media (min-width:1600px) and (max-width:1699px) {
}
@media (min-width:1500px) and (max-width:1599px) {
    #main-5 #main5 .PhotoP{left: 0%;}
    #main-5 #main5 .PhotoN{right: 0%;}
}
@media (min-width:1200px) and (max-width:1499px) {
    #main-slider .mainBG .PhotoSD .PhotoM{height:560px;}
    #main-2{padding:60px 0;}
    #main-2 .main2M{height:550px;}
    #main-2 .main2M .main2T{top: 8%;}
    #main-2 .main2M .main2IMGF{}
    #main-2 .main2R ul a li span:nth-child(1), 
    #main-2 .main2C ul a li span:nth-child(1), 
    #main-2 .main2L ul a li span:nth-child(1){width: 75%;}
    #main-3 .main3R a h1{font-size:42px;}
    #main-3 .main3R a h2{font-size:36px;}
    #main-3 .main3 .galleryM .galleryIMG{height: 165px;}
    #main-5 #main5 .PhotoP{left: 0%;}
    #main-5 #main5 .PhotoN{right: 0%;}
}

@media (min-width:993px) and (max-width:1199px) {
    #main-slider .mainBG{height:700px;}
    #main-slider .mainBG .PhotoSD .PhotoM{height:495px;}
    #main-2{padding:60px 0;}
    #main-2 .main2M{height:460px;}
    #main-2 .main2M .main2T{top: 8%;}
    #main-2 .main2M .main2T h1{font-size:44px;}
    #main-2 .main2M .main2LIVE{height:90px; width:90px; background-size:cover;}
    #main-2 .main2M .main2SP{height:90px; width:90px; background-size:cover;}
    #main-2 .main2R,
    #main-2 .main2C{width:50%;}
    #main-2 .main2L{width:100%;}
    #main-2 .main2M .main2IMGF{}
    #main-3 .main3 a{width: calc(100%/3 - 25px);}
    #main-3 .main3 .galleryM .galleryIMG{height: 195px;}
    #main-3 .main3R a h1{font-size:38px;}
    #main-3 .main3R a h2{font-size:32px;}
    #main-3 .main3L{width:78%;}
    #main-3 .main3L .main3SM .main3TM .main3T h1{font-size:28px;}
    #main-3 .main3L .main3SM .main3TM .main3T h5{font-size:24px;}
    #main-3 .main3L .main3SM .main3TM .main3BTN{font-size:24px;}
    #main-4{height:670px;}
    #main-4 .main4M{padding: 80px 0 0;}
    #main-4 .main4M .main4T h1,
    #main-4 .main4M .main4T h2{font-size:42px;}
    #main-4 .main4SM .main4SIMG{height:160px;}
    #main-4 .main4SM .main4SIMG::before{background-size:100%;}
    #main-4 .main4SM .main4SIMG .main4ST{font-size:20px;}
    #main-4 .main4SM .main4DATA a .main4TOP{font-size:20px;}
    #main-5 .main5T h1{font-size:42px;}
    #main-5 .main5T h2{font-size:38px;}
    #main-5 #main5 .PhotoP{left: 0%;}
    #main-5 #main5 .PhotoN{right: 0%;}

}

@media (min-width:768px) and (max-width:992px) {
    #main-slider .mainBG{height:600px;}
    #main-slider .mainBG .PhotoSD .PhotoM{height:395px;}
    #main-1{padding: 10px 0;}
    #main-1 .main1M{margin:10px 0;}
    #main-1 .main1M .main1L{width:5%;}
    #main-1 .main1M .main1C{width:65%;}
    #main-1 .main1M .main1R{width:25%;}
    #main-1 .main1M .main1R span{font-size:20px;}
    #main-1 .main1M .main1R .mainRIMG{width:24px; height:24px;}
    #main-1 .main1M .main1R a .QM .QIMG{width:85px; height:85px; background-size:100%;margin: 0 0 15px;}
    #main-1 .main1M .main1R a .QM h1{font-size:17px;}
    #main-2{padding:30px 0;}
    #main-2 .main2R .main2RM .main2RT .mainRIMG1 h1, 
    #main-2 .main2C .main2CM .main2CT .mainCIMG1 h1, 
    #main-2 .main2L .main2LM .main2LT .mainLIMG1 h1{font-size:20px;}
    #main-2 .main2R .main2RM .main2RT .mainRIMG1 div, 
    #main-2 .main2C .main2CM .main2CT .mainCIMG1 div, 
    #main-2 .main2L .main2LM .main2LT .mainLIMG1 div{height: 26px; width: 30px;}
    #main-2 .main2M{height:390px;}
    #main-2 .main2M .main2T{top: 8%;}
    #main-2 .main2M .main2T h1{font-size:36px;}
    #main-2 .main2M .main2T a h2{font-size:32px;}
    #main-2 .main2M .main2LIVE{height:90px; width:90px; background-size:cover;}
    #main-2 .main2M .main2SP{height:90px; width:90px; background-size:cover;}
    #main-2 .main2M .main2IMGF{background-position: center;}
    #main-3{height:100%; background-size: cover; background-position: center;}
    #main-3 .main3 a{width: calc(100%/2 - 25px);}
    #main-3 .main3 .galleryM .galleryIMG{height: 225px;}
    #main-3 .main3 .main3T .main3TM h1{font-size:24px;}
    #main-3 .main3 .main3T .main3TM div{width:30px; height:30px;background-size:cover; background-position:center;}
    #main-3 .main3R{top: 15%;}
    #main-3 .main3R a h1{font-size:32px;}
    #main-3 .main3R a h2{font-size:28px;}
    #main-3 .main3L{width:100%;margin: 190px 0 60px;}
    #main-3 .main3L .main3SM .main3TM .main3T h1{font-size:28px;}
    #main-3 .main3L .main3SM .main3TM .main3T h5{font-size:24px;}
    #main-3 .main3L .main3SM .main3TM .main3BTN{font-size:24px;}
    #main-4{height:100%;}
    #main-4 .main4M{padding: 60px 0 0;}
    #main-4 .main4M .main4T h1,
    #main-4 .main4M .main4T h2{font-size:32px;}
    #main-4 .main4SM .main4SIMG{height:160px;}
    #main-4 .main4SM .main4SIMG::before{background-size: cover;background-position: center;}
    #main-4 .main4SM .main4DATA a .main4TOP{font-size:20px;padding:20px;}
    #main-4 .main4SM .main4SIMG .main4ST,
    #main-4 .main4SM .main4DATA a .main4B h5{font-size:17px;}
    #main-4 .main4SM .main4DATA a .main4B h6{font-size:17px; padding:10px 15px;}
    #main-5 .main5T h1{font-size:32px;}
    #main-5 .main5T h2{font-size:28px;}
    #main-5 #main5 .PhotoP{left: 0%;}
    #main-5 #main5 .PhotoN{right: 0%;}
}

@media (max-width:767px) {
    .row{margin:0;}
    #main-slider .mainBG{display:block;height: 440px;padding: 0 0 30px;padding-top:28%;}
    #main-slider .mainBG .PhotoSD .PhotoM{height:255px;}
    #main-slider .mainBG .PhotoSD .PhotoM .PhotoT{padding:10px 0;}
    #main-slider .mainBG .PhotoSD .PhotoM .PhotoT h5{font-size:17px;padding:5px;}
    #main-slider .PhotoPBTN,
    #main-slider .PhotoNBTN{font-size:10vw;}
    #main-1{padding: 20px 0;}
    #main-1 .row{display:grid;}
    #main-1 .main1M{display:inline-block; margin:0;}
    #main-1 .main1M .main1L{display:none;}
    #main-1 .main1M .main1R{width:100%; grid-row:2;justify-content: center; padding:0 0 10px;}
    #main-1 .main1M .main1R span{font-size:20px;}
    #main-1 .main1M .main1R a .QM .QIMG{width: 100%; height: 55px; background-size:100%;margin: 0 0 15px;}
    #main-1 .main1M .main1R a .QM h1{font-size:17px;}
    #main-1 .main1M .main1C{width:100%;}
    #main-2{padding:20px 0;}
    #main-2 .main2R .main2RM .main2RT .mainRIMG1 h1, 
    #main-2 .main2C .main2CM .main2CT .mainCIMG1 h1, 
    #main-2 .main2L .main2LM .main2LT .mainLIMG1 h1{font-size:20px;}
    #main-2 .main2R .main2RM .main2RT .mainRIMG1 div, 
    #main-2 .main2C .main2CM .main2CT .mainCIMG1 div, 
    #main-2 .main2L .main2LM .main2LT .mainLIMG1 div{height: 26px; width: 30px;}
    #main-2 .main2R ul a li span:nth-child(1), 
    #main-2 .main2C ul a li span:nth-child(1), 
    #main-2 .main2L ul a li span:nth-child(1){width:75%;}
    #main-2 .main2M{height:265px;}
    #main-2 .main2M .main2T{top: 12%;}
    #main-2 .main2M .main2T h1{font-size:20px;}
    #main-2 .main2M .main2T a h2{font-size:16px;}
    #main-2 .main2M .main2LIVE{height:55px; width:55px; background-size:cover;}
    #main-2 .main2M .main2SP{height:55px; width:55px; background-size:cover;}
    #main-2 .main2M .main2IMGF{background-position: center; margin: 50px 0 0; height: 50%;}
    #main-2 .main2M .main2IMGF img{max-width:55px;}
    #main-3{height:100%; background-size: cover; background-position: center;}
    #main-3 .container{padding-right: 15px!important; padding-left: 15px!important;}
    #main-3 .main3R{top: 10%; margin: 0 0 0 2%;}
    #main-3 .main3 a{width: calc(100%/1);}
    #main-3 .main3 > a{padding:0 0 15px;}
    #main-3 .main3 .galleryM .galleryIMG{height: 225px;}
    #main-3 .main3 .main3T .main3TM h1{font-size:20px;}
    #main-3 .main3 .main3T .main3TM div{width:30px; height:30px;background-size:cover; background-position:center;}
    #main-3 .main3R a h1{font-size:20px;}
    #main-3 .main3R a h2{font-size:18px;}
    #main-3 .main3L{width:100%;margin: 120px 0 60px;height:100%;}
    #main-3 .main3L .main3SM{width:50%;height: 200px;}
    #main-3 .main3L .main3SM .main3TM{background-position:center;}
    #main-3 .main3L .main3SM .main3TM .main3T{top: 10%;}
    #main-3 .main3L .main3SM .main3TM .main3T h1{font-size:20px;}
    #main-3 .main3L .main3SM .main3TM .main3T h5{font-size:17px;}
    #main-3 .main3L .main3SM .main3TM .main3BTN{font-size:17px;}
    #main-4{height:100%;}
    #main-4 .main4M{padding: 60px 0 0;}
    #main-4 .main4M .main4T{margin: 0 0 0 2%;}
    #main-4 .main4M .main4T h1,
    #main-4 .main4M .main4T h2{font-size:20px;}
    #main-4 .main4M .main4T h5{font-size:17px;}
    #main-4 .main4SM{padding: 0 0 50px;}
    #main-4 .main4SM .row{margin:0;}
    #main-4 .main4SM .row > div{padding:0 0 15px;}
    #main-4 .main4SM .main4SIMG{height:160px;}
    #main-4 .main4SM .main4SIMG::before{background-size: cover;background-position: center;}
    #main-4 .main4SM .main4DATA a .main4TOP{font-size:20px;padding:20px;}
    #main-4 .main4SM .main4SIMG .main4ST,
    #main-4 .main4SM .main4DATA a .main4B h5{font-size:17px;}
    #main-4 .main4SM .main4DATA a .main4B h6{font-size:17px; padding:10px 15px;}
    #main-5{padding: 0 0 30px;}
    #main-5 .main5T{padding: 30px 0; margin: 0 0 0 2%;}
    #main-5 .main5T h1{font-size:24px;}
    #main-5 .main5T h2{font-size:20px;}
    #main-5 #main5 .PhotoP{left: 0%;}
    #main-5 #main5 .PhotoN{right: 0%;}

}

@media (max-width:320px) {
}