/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

.toppopup_wrap { position: relative; background: #2b2b2b; padding: 1.25rem 0;}
.popup_box { max-width: 62rem; margin: 0 auto;}
.popup_box .slider .item { position: relative; height: 5.5rem; padding: 0 1.5rem;}
.popup_box .slider .item a {display: flex; height: 100%; align-items: flex-start; justify-content: space-between; flex-direction: column; overflow: hidden; position: relative; z-index: 1; padding: 1rem 1.3rem 2rem; color: #fff; font-size: 19px;}
.popup_box .slider .item a::before{content: ''; position: absolute; top: 0; left: 0; transform: scale(3); transform-origin: bottom left; z-index: -1; width: calc(100% + 2px); height: 100%; background: linear-gradient(45deg, #0050c8 27%, #8349f1 77%); transition: all 0.3s ease-in-out;} 
.popup_box .slider .item:nth-child(even) a::before{transform-origin: top right;}
.popup_box .slider .item:hover a::before{transform: scale(1);}
.popup_box .control a{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 2.5rem; color: #dadada; transition: all 0.2s;}
.popup_box .control a.prev { left: calc(50% - 34rem);}
.popup_box .control a.next { right: calc(50% - 34rem);}
.popup_box .control a.prev:hover { transform:translateY(-50%) translateX(-3px); }
.popup_box .control a.next:hover { transform: translateY(-50%) translateX(3px); }
.popup_box .slider .item p { font-size: 0.95rem; font-weight: 500; overflow: hidden; color: #fff;    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-wrap: break-word; text-overflow: ellipsis; }
.popup_box .slider .item em { display: block; width: 100%; font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300;}
.popup_box .slider .item span { color: #fff; font-size: 0.75rem; position: absolute; right: 1.3rem; bottom: 0.6rem; }
.popup_box .slider .item span i {font-size: 0.9rem; display: inline-block; padding-left: 0.3rem;}
.closeCheck { position: absolute; right: calc(50% - 44rem); top: 50%; transform: translateY(-50%); color: #fff; font-size: 0.8rem;}
.closeCheck .popclose > a { display: inline-block; padding-left: 0.6rem; transition: all 0.2s;}
.closeCheck .popclose > a:hover,
.closeCheck .popclose > a:focus { color: #0050c8;}


.popclose { display: inline-flex; align-items: center; position: relative; }
.popclose input[type="checkbox"] { display: none; } 
.popclose label { cursor: pointer; display: flex;  align-items: center; } 
.popclose label i { font-size: 0.9rem; transition: color 0.3s ease, opacity 0.3s ease; color: #c0c0c0; padding-right: 0.2rem; } 
.popclose label i.ri-checkbox-circle-line { display: block;  }
.popclose label i.ri-checkbox-circle-fill { display: none;  } 
.popclose input[type="checkbox"]:checked + label .ri-checkbox-circle-line { display: none;  } 
.popclose input[type="checkbox"]:checked + label .ri-checkbox-circle-fill { display: block; color: #007bff; }

#header { position: relative; transition: all 0.3s;}
.fix #header{ position: fixed;}
.section01 {padding-top: 0;}
.fix .section01 { padding-top: 1rem;}

.menuScrollNo{overflow-y:hidden; position:fixed;}
.menuScrollNo #header{position:fixed;} 

@media (max-width: 1850px) {
    .section01 {margin-top: -0.5rem;}
}
@media (max-width: 1800px) {
    .toppopup_wrap { position: relative; background: #2b2b2b; padding: 1.25rem 0 2rem;}
    .popup_box { max-width: 100%; padding: 0 2rem;}
    .popup_box .slider .item { padding: 0 0.75rem;}
    .popup_box .slider .item a { padding: 0.9rem 1.1rem 2.1rem; } 
    .popup_box .control a{ top: 45%; }
    .popup_box .control a.prev { left: 0;}
    .popup_box .control a.next { right: 0;}
    .closeCheck { right: 1rem; top: auto; bottom: 0.5rem; transform: none;}

    
}

@media (max-width: 680px) {  
    .popup_box .slider .item { padding: 0; height: 4.6rem;} 
    .popup_box .slider .item a { padding: 0.9rem 1.1rem 1.7rem; } 
    .popup_box .slider .item p { font-size: 0.8rem; } 
    .popup_box .slider .item em { font-size: 0.7rem; } 
    .popup_box .slider .item span { font-size: 0.7rem; } 
    .popup_box .control a{ font-size: 1.5rem;}
    .popup_box .control a.prev { left: 0.3rem;}
    .popup_box .control a.next { right: 0.3rem;}

    .fix .section01 { padding-top: 2rem;}
}