@charset "utf-8";

.con_box1{width:100%; height:auto; box-sizing:border-box; padding-left:6.4%; padding-right:6.4%; position:relative; z-index:2;}
.con_box1::after{content:""; display:block; width:0; height:0; clear:both;}
.con_box2{width:100%; height:auto; box-sizing:border-box; position:relative; z-index:1;}
.con_box2::after{content:""; display:block; width:0; height:0; clear:both;}

#visual{width:100%; height:auto; overflow:hidden; position:relative;}
#visual .mainVisual{width:100%; height:auto; position:relative; z-index:1;}
#visual .mainVisual .visualBox{width:100%; height:auto;}
#visual .mainVisual .visualItem{width:100%; height:auto; position:relative;}
#visual .mainVisual .visualItem .visualTitleBg{width:100%; height:auto; box-sizing:border-box; position:absolute; top:5.837%; left:0; z-index:2;}
#visual .mainVisual .visualItem .visualTitleBox{text-align:center;}
#visual .mainVisual .visualItem .visualTitleBox .visualTitle{width:100%; height:auto; position:relative; opacity:0; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px);}
#visual .mainVisual .visualItem .visualTitleBox .visualTitle > span{display:inline-block; vertical-align:top; font-size:0.766em; font-weight:400; letter-spacing:-1.3px; line-height:1; color:#ff5900;}
#visual .mainVisual .visualItem .visualTitleBox .visualTitle > .title{width:100%; height:auto; box-sizing:border-box; margin-top:1.971%;}
#visual .mainVisual .visualItem .visualTitleBox .text{width:100%; height:auto; box-sizing:border-box; margin-top:3.411%; opacity:0; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px)}
#visual .mainVisual .visualItem.swiper-slide-active .visualTitleBox .visualTitle{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
#visual .mainVisual .visualItem.swiper-slide-active .visualTitleBox .text{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:.2s; animation-delay:.2s;}
#visual .visualPager{display:inline-block; position:absolute; width:auto; bottom:5%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); font-size:0; z-index:5;}
#visual .visualPager .swiper-pagination-bullet{vertical-align:top; width:10px; height:10px; background:#fff; opacity:1; margin:8px 6.5px; box-sizing:border-box;}
#visual .visualPager .swiper-pagination-bullet-active{width:27.5px; height:27.5px; margin:0 6.5px; border:5px solid #f17431; background:transparent;}

@-webkit-keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}

.pop{width:100%; height:100%; max-width:750px; background:rgba(0,0,0,.7); overflow-y:scroll; position:fixed; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); text-align:center; z-index:10000; box-sizing:border-box;}
.pop div.pop_sec{width:90%; height:auto; margin:0 auto; margin-top:2%;}
.pop p{text-align:right; padding-bottom:1%;}
.pop p img{cursor:pointer; width:8%;}
.pop div div.popup_box{width:100%; height:auto; overflow:hidden;}
.pop div .text_pop{display:block; width:100%; height:auto; box-sizing:border-box; padding:10px 2%; text-align:center;  background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.3); border:4px solid #447fcd; margin-bottom:10px;}
.pop div .text_pop .pop_text{font-size:15px; font-weight:700; letter-spacing:-0.25px; color:#444; text-align:center; line-height:1.5;  word-break:keep-all;}
.pop div div.popup_box a{display:block; width:100%;}
.pop div div.popup_box img{width:100%;}
.pop div div.popup_box .bx-wrapper{margin:0; padding:0; border:0; box-shadow:none; background:none;}
.pop div div.popup_box .bx-wrapper .bx-pager, .pop div div.popup_box .bx-wrapper .bx-controls-auto{bottom:5px;}
.pop div div.popup_box ul.popup_slider{width:100%; height:auto; box-sizing:border-box; font-size:0; position:relative;}
.pop div div.popup_box ul.popup_slider li{width:100%; height:auto; box-sizing:border-box;}
.pop div div.popup_box ul.popup_slider li:first-child{position:relative; z-index:2;}
@media (max-width: 350px) and (orientation: portrait) {
.pop div .text_pop .pop_text{font-size:13px !important;}
.pop div .text_pop .pop_text span{font-size:13px !important;}
}
.pop .pop_close{width:100%; height:30px; overflow:hidden; box-sizing:border-box; padding:7px 5px; text-align:left; background-color:#000; clear:both;}
.pop .pop_close input[type="checkbox"]{display:inline-block; vertical-align:top; width:16px; height:16px; box-sizing:border-box; margin:0 3px 0 0;}
.pop .pop_close label, .pop .pop_close button{display:inline-block; vertical-align:top; line-height:16px; font-size:14px; font-weight:400; letter-spacing:-0.25px; color:#fff;}
.pop .pop_close label{margin-right:5px;}
.pop .pop_close button{border:0; padding:0; background:none;}