@charset "utf-8";

.con_box1{width:90%; height:auto; box-sizing:border-box; margin:0 auto; 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;}

/* 메인 비주얼 */

#container{width:100%; height:auto;}

#visual{width:100%; height:auto;}
#visual .visualItem{width:100%; height:auto; position:relative;}
#visual .visualItem > img{display:block; width:100%; height:auto;}
#visual .visualItem .textBox{width:100%; height:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#visual .visualItem .textBox .visualIcon{width:auto; height:110px; margin-bottom:30px;}
#visual .visualItem .textBox .visualIcon img{width:auto; height:100%;}
#visual .visualItem .textBox .inText{font-size:53px; font-weight:300; letter-spacing:-0.04em; line-height:1.3; text-align:center; margin-bottom:50px;}
#visual .visualItem .textBox .inText strong.type1{font-size:65px; font-weight:700; letter-spacing:-0.08em;}
#visual .visualItem .textBox .inText strong.type1.shadow{text-shadow:8px 8px 18px rgba(0,0,0,.44);}
#visual .visualItem .textBox .inText strong.type2{font-weight:700;}
#visual .visualItem .textBox > a{width:226px; height:65px; background-color:#313131; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; padding:0 33px; font-size:22px; font-weight:400; letter-spacing:-0.08em; color:#fff;}
#visual .visualItem .textBox > a span{font-size:0.6em; font-weight:300;}

.linkBox{width:100%; height:auto;}
.linkBox a{display:block; width:100%; height:auto;}

.pop{width:100%; max-width:750px; height:100%;  background:rgba(0,0,0,.6); overflow-y:scroll; position:fixed; top:0; left:50%; transform:translateX(-50%); text-align:center; z-index:99999;}
.pop div.pop_sec{width:90%; height:auto; margin:100px auto 0 auto;}
.pop .popup_box{width:100%; height:auto; position:relative;}
.pop .popup_box .popup_slider{width:100%; height:auto;}
.pop .popup_box .bx-wrapper{margin:0; padding:0; border:0; box-shadow:none; background:none;}
.pop .popup_box .bx-wrapper .bx-pager, .pop .popup_box .bx-wrapper .bx-controls-auto{bottom:5px;}
.pop div div img{width:100%;}
.pop div div.link_pop{position:relative;}
.pop div div.link_pop a{display:inline-block; position:absolute;}
.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;}

#mainLayerPop{width:100%; height:100%; position:fixed; top:0; left:0; z-index:106; cursor:pointer; padding-bottom:144px;}
#mainLayerPop .popBg{width:100%; height:100%; position:relative; background:rgba(0,0,0,.6);}
#mainLayerPop .inPopBox{display:block; width:90%; height:auto; position:absolute; top:125px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); text-align:right; font-size:0;}
#mainLayerPop .inPopBox a{display:block;}
#mainLayerPop .inPopBox button{display:inline-block; vertical-align:top; width:22px; height:22px; background:url("../img/main/close_btn.png") no-repeat center top; background-size:cover; margin-top:-25px;}
#mainLayerPop .inPopBox img{display:block; width:100%; height:auto;}

.animateBox{opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
.animateBox.first, .animateBox.active{-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;}
.animateBox.first.delay2, .animateBox.active.delay2{-webkit-animation-delay:.2s; animation-delay:.2s;}
.animateBox.first.delay3, .animateBox.active.delay3{-webkit-animation-delay:.4s; animation-delay:.4s;}
.animateBox.first.delay4, .animateBox.active.delay4{-webkit-animation-delay:.6s; animation-delay:.6s;}
.animateBox.first.delay5, .animateBox.active.delay5{-webkit-animation-delay:.8s; animation-delay:.8s;}

@-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);}
}

@media (max-width:750px) {
	#visual .visualItem .textBox .visualIcon{height:14.6667vw; margin-bottom:4.0000vw;}
	#visual .visualItem .textBox .inText{font-size:7.0667vw; margin-bottom:6.6667vw;}
	#visual .visualItem .textBox .inText strong.type1{font-size:8.6667vw;}
	#visual .visualItem .textBox .inText strong.type1.shadow{text-shadow:1.0667vw 1.0667vw 2.4000vw rgba(0,0,0,.44);}
	#visual .visualItem .textBox > a{width:30.1333vw; height:8.6667vw; padding:0 4.4000vw; font-size:2.9333vw;}
}