/* 기본 영역 */
#Contents{width: 100%; height:100%; max-width: 768px; min-width: 320px; display: block; margin: 0 auto;}
.container{position: relative; box-sizing:border-box;  max-width: 768px;min-width: 320px; display: block; border:0; padding:0; margin: 0 auto;}
/*.container ul li{margin:0 0 -0.3px 0;}*/

.img_ct {text-align: center;}

.rolling_bg {background: url('../images/2307_07.jpg') no-repeat 100% ; background-position: center; padding:0 0 6.8% 0;}

.phone_bg {background: url('../images/2307_15.jpg') no-repeat; background-size: 100%;background-position: center;}

/* Footer */
.foot_info{display: block; padding:6% 7% 30%; background: #333333; color: #afafaf; font-size: 0.95em; font-weight: 200; line-height: 1.8em; text-decoration: none; align-items:flex-end; justify-content:space-between; letter-spacing: -0.03em;}
.foot_info a {color: #ffffff; font-size: 1em; font-weight: 400; line-height: 4em; text-decoration: none; letter-spacing: -0.03em;}
.foot_info .foot_partline {padding-left:2.8%; padding-right:2.8%;}

.btn_right {width:768px; margin: 0 auto; position: fixed; bottom:405px; z-index:10 }
.btn_right ul {width:100%;}
.btn_right ul li {width:23.047%; position: absolute; right:0; text-align:right;}
.btn_right a {display: block;}
.btn_right img {width:auto;}
.btn_right_01{z-index: 11;}
.btn_right_02{z-index: 12;}


.tvLink{position:relative;}
.tvLink a{display:block;width:48%;height:9%;position:absolute;left:27%;bottom:8.5%;}
/*.video{width:100%;position:absolute;left:0;bottom:25.803%;display:flex;justify-content:center;}*/
.video .iframeBox{width:85.027%;height:0;position:relative;padding-top:56.25%;}
.video .iframeBox + .iframeBox{margin-left:7.143%;}
.video .iframeBox iframe{position:absolute;left:0;top:0;width:100%;height:100%;}

.linkHalf{position:relative;}
.linkHalf a{position:absolute;top:0;width:50%;height:100%;cursor:pointer;}
.linkHalf a:nth-of-type(1){left:0;}
.linkHalf a:last-child{right:0;}


@media (max-width: 768px) {
	.btn_right ul > li {position: fixed; bottom:14%; right:0px; width:22%;}
	.btn_right img {width:100%;}
}

#bottomFix {width:100%; max-width:768px; min-width: 320px; height: 142px; z-index: 1000; position: fixed; bottom:0px; display:block; background: rgba(0, 0, 0, 0.8);  justify-content: space-between;align-items: center; border-top: 1px; border-color:#626262; border-top:1px solid #626262; 
box-shadow: 0px 0px 200px rgba(0, 0, 0, 0.9); webkit-box-shadow:0px 0px 150px rgba(0, 0, 0, 0.9); backdrop-filter: blur(5px);}
#bottomFix .bFix_area{ max-width:768px; padding:1.5% 0px 0px 1.5%; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start; position: relative; }
#bottomFix .bFix_area div{ width:100%; display: block; position: relative;  justify-content: space-between;align-items: center; }

#bottomFix .bFix_area .line_02{ position: absolute; top:100%; left:10px; width:60%;}

#bottomFix .bFix_area input, #bottomFix .bFix_area select{background: #fff; border:1px solid #6f6f6f; color: #000; margin:4px 2px; width:100%; padding:5px; height:2.1rem; font-size: 14px;}
#bottomFix .bFix_area input, #bottomFix .bFix_area select option{color: #000;}

#bottomFix .bFix_area .input_01 {width:25%;}
#bottomFix .bFix_area .input_02 {width:25%;}
#bottomFix .bFix_area label{color: #fff; margin: 0;font-size: 12px; line-height: 1;}
#bottomFix .bFix_area a{color: #fff; text-decoration: underline; font-size:12px; margin-left:35px; line-height: 1; margin:0;}
#bottomFix .bFix_area a.btn_apply img{width:20.5%; position:absolute; top:-12px; right:0px; border-top:1px solid #ff5191;}
#bottomFix .bFix_area select{background:#fff url('../common/select_arrow_01.png') no-repeat 95%; background-size: 15px 13px; width:25%;}
#bottomFix .checkArea{margin:14px 5px 0 0px; }
#bottomFix .checkArea label{padding: 2px 0 0 27px; height: 20px;  }
#bottomFix input:-webkit-autofill, #bottomFix input:-webkit-autofill:hover, #bottomFix input:-webkit-autofill:focus, #bottomFix input:-webkit-autofill:active { -webkit-text-fill-color: #000000!important;}

#bottomFix input::-webkit-input-placeholder, #bottomFix textarea::-webkit-input-placeholder { color:#000; }

#popfrm.hide{display:none;}
#popfrm{max-width:500px;width:100%;position:fixed;top:50px;left:50%;transform:translateX(-50%);z-index:1001;}
#popfrm .popCont{margin:0 auto;position:relative;}
#popfrm .popCont .popTop{background:#fff;font-size:30px;font-weight:900;color:#000;letter-spacing:0;}
#popfrm .popCont .popTop .txt{padding:10px 10px 10px 14px;font-family:'Pretendard';font-weight:900;display:flex;align-items:center;justify-content:space-between;}
#popfrm .popCont .popTop .txt span{color:#ff39a0;letter-spacing:-0.03em;}
#popfrm .popCont .popTop .txt i{font-style:italic;}
#popfrm .popCont .popTop .popImg img{width:100%;}
#popfrm .popCont .popInfo{border:3px solid #000000;background:#fff;padding-top:20px;}
#popfrm .popCont .blind{position:absolute;left:-99999999em;}
#popfrm .popCont .input{width:87.435%;height:3.75rem;border:2px solid #18110e;margin:0 6.385%;text-align:center;font-size:1.625rem;font-family:'Pretendard';letter-spacing:-0.06em;padding:0 10px;}
#popfrm .popCont .input:focus{outline:none;}
#popfrm .popCont .input:focus::placeholder{color:transparent;} 
#popfrm .popCont .input#tel1{margin-top:-2px;}
#popfrm .popCont .line_02{position:absolute;top:5px;width:87.435%;left:50%;transform:translateX(-50%);display: flex;justify-content: space-between;}
#popfrm .popCont .line_02 .checkArea{display:flex;align-items:center;}
#popfrm .popCont .line_02 .checkArea input{width:11px;height:11px;border:2px solid #18110e;opacity:1;top:auto;bottom:50px;left:20px;appearance:auto;border-radius:0;position:static;margin:0;}
#popfrm .popCont .line_02 .checkArea label{width:190px;position:static;bottom:108px;left:20px;padding-left:0;opacity:0;}
#popfrm .popCont .line_02 a{height:22px;position:static;right:22px;bottom:92px;opacity:0;}
#popfrm .popCont .btn_apply{width: 65%;height: 44%;left: 17.5%;bottom: 17%;}
#popfrm .popCont .pop_bottom{position:relative;max-width:388px;margin:0 auto;}
#popfrm .popCont .popClose{background:none;border:0;}
#dDay {animation: blinkColor 1s infinite;}
@keyframes blinkColor {
  0%   { color: #ff39a0; }
  50%  { color: #000; }
  100% { color: #ff39a0; }
}



#form1 .form1Cont{margin:0 auto;position:relative;background:#232323;text-align:center;}
#form1 .form1Cont .blind{position:absolute;left:-99999999em;}
#form1 .form1Cont .input{width:72.266%;height:73px;border:2px solid #000000;border-radius:10px;margin:0 5px;text-align:center;font-size:32px;font-family:'Pretendard';letter-spacing:-0.06em;padding:0 10px;font-weight:400;}
#form1 .form1Cont .input:focus{outline:none;}
#form1 .form1Cont .input:focus::placeholder{color:transparent;} 
#form1 .form1Cont .input#tel1{margin-top:10px;}
#form1 .form1Cont .line_02{width:72.266%;position:absolute;top:4.11%;left:50%;transform:translateX(-50%);display: flex;justify-content: space-between;padding-left:10px;}
#form1 .form1Cont .line_02 .checkArea{display:flex;align-items:center;}
#form1 .form1Cont .line_02 .checkArea input{width:15px;height:15px;border:0;opacity:1;top:4px;left:0;appearance:auto;border-radius:0;position:absolute;margin:0;}
#form1 .form1Cont .line_02 .checkArea label{width:190px;position:static;bottom:108px;left:20px;padding-left:0;opacity:0;}
#form1 .form1Cont .line_02 a{height:22px;position:static;right:22px;bottom:92px;opacity:0;}
#form1 .form1Cont .btn_apply{width:41%;height:33%;left:29.5%;bottom:33%;}

.form1_bottom{position:relative;}

@media (max-width: 768px) {
	#bottomFix {height: 18.6vw; }
	#bottomFix .bFix_area .line_02 {top:90%;}
    #bottomFix .bFix_area .input_01 {width:20%;}
    #bottomFix .bFix_area .input_02 {width:24%;}
    #bottomFix .bFix_area a.btn_apply img{width:20.9%; top:-7px;}

	#popfrm{width:85%;top:3.9113428944vw;}
	#popfrm .popCont .line_02{top:4%;}
}

@media (max-width: 460px) {
#popfrm .popCont .popTop{font-size:5vw;}
#popfrm .popCont .popTop .txt{padding:8.5px 8px;}
#popfrm .popCont .line_02{top:0.9vw;}
#popfrm .popCont .input{font-size:5.65217vw;height:13.043vw;display:flex;align-items:center;justify-content:center;}
#popfrm .popCont .popClose{width:12px;top:10px;}
}

@media (max-width: 420px) {
#popfrm .popCont .line_02 .checkArea input {bottom:25.3vw;left:18px;} 
#popfrm .popCont .line_02 .checkArea label{bottom:25.3vw;}
#popfrm .popCont .line_02 a{bottom:21.3vw;}
}

/*.video {position: relative; padding:0 0 56.25% 0; height:0; margin:0px}*/

.video{background:#f1f1f1;padding-top:1px;margin-top:-1px;font-size:0;}
.video_01 iframe {
  width: 49.9% !important;
  height: 100% !important;
  display: inline-block;
  top:0;
  left:0;
  position: absolute;
}
.video_02 iframe {
  width: 49.9% !important;
  height: 100% !important;
  border:0;
  display: inline-block;
  top:0;
  left: 50.1%;
  position: absolute;
}

.videoBox{width:100%;height:auto;position:relative;padding-top:150.325%;margin:0 auto;}
.videoBox iframe{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:15px; touch-action: pan-y;}
.swiping iframe{pointer-events: none; }



.gif_btn{float:left; width:50%; }

.flow_banner {overflow: hidden; display: flex; max-width: 3325px;}
.flow_banner .list {display: flex; }
.flow_banner .list > li {width:155px; padding:0 20px 0 0;}


@keyframes flowRolling {
    0% {
        transform: translat eX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes flowRolling_02 {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 반응형 스타일 */
@media (max-width: 768px) {
    .flow_banner .list > li {width:155px; padding:0 20px 0 0;}
}
@media (max-width:736px) { /*iphone6(s)+,7+,8+*/
    .flow_banner .list > li {width:155px; padding:0 20px 0 0;}
}
@media (max-width:640px) {
    .flow_banner .list > li {width:155px; padding:0 20px 0 0;}
}
@media (max-width:600px) { /*600x960 G pad8.3*/
    .flow_banner .list > li {width:145px; padding:0 19px 0 0;}
}
@media (max-width:480px) {
    .flow_banner .list > li {width:119px; padding:0 14px 0 0;}
}
@media (max-width:414px) { /*414x640 iPhone 6/7/8 Plue*/
    .flow_banner .list > li {width:101px; padding:0 11px 0 0;}
}
@media (max-width:400px) { /*400x640 galaxy note1*/
    .flow_banner .list > li {width:100px; padding:0 9px 0 0;}
}
@media (max-width:384px) { /*384x640 optimus g,view, nexus4*/
    .flow_banner .list > li {width:96px; padding:0 8px 0 0;}
}
@media (max-width:375px) { /*375x667 iphone6(s),7,8*/
    .flow_banner .list > li {width:95px; padding:0 6px 0 0;}
}
@media all and (max-width:360px) { /*360x640 galaxy s8, s8+*/
    .flow_banner .list > li {width:92px; padding:0 5px 0 0;}
}
@media all and (max-width:320px) { /*320x568 iphone5, SE / 320x480 iphone 4*/
    .flow_banner .list > li {width:82px; padding:0 3px 0 0;}
}


.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


.Slides_BF {position: relative; margin: 0 auto; top: 0px; left: 0px; width:622px; height: 424px;}
.Slides_BF_Container {position: absolute; left: 0px; top: 0px; width: 622px; height: 424px; overflow: hidden;}

.Slides_BF_arrowleft {width:23px;height:44px;top:0px;left:-50px;}
.Slides_BF_arrowright {width:23px;height:44px;top:0px;right:-50px;}
.Slides_BF_arrow {position:absolute;top:0;left:0;width:100%;height:100%;}


.Slides_BF.Slides_BF1{width:100%;height:578px;}
.Slides_BF.Slides_BF1 .Slides_BF_Container{width:100%;height:578px;}
.Slides_BF.Slides_BF1 .Slides_BF_arrowleft{left:25px;margin-top:-80px;border:1px solid red;}
.Slides_BF.Slides_BF1 .Slides_BF_arrowright{right:25px;margin-top:-80px;border:1px solid red;}


.swiper-button-next{width:23px !important;height:44px !important;position:absolute;right:25px !important;top:195px !important;background:url('../images/slide_next_w.png')no-repeat !important;margin-top:0 !important;z-index:99;}
.swiper-button-prev{width:23px !important;height:44px !important;position:absolute;left:25px !important;top:195px !important;background:url('../images/slide_prev_w.png')no-repeat !important;margin-top:0 !important;z-index:99;}


.top {font-size:0;height:auto !important;}
.top .swiper-wrapper, .top .swiper-slide {height: auto;}
.top .swiper-slide img {width:100%;height:auto;display: block;}

.review {font-size:0;height:auto !important;}
.review .swiper-wrapper, .review .swiper-slide {height: auto;}
.review .swiper-slide {width: 377px;margin:0 25px;}
.review .swiper-slide img {width:100%;height:auto;display: block;}

.video {font-size:0;}
.video .swiper-slide {width: 465px;margin:0 47px;}
.video .swiper-wrapper, .video .swiper-slide {height: auto;}
.video .swiper-slide img {width:100%;height:auto;display: block;}


@media (max-width: 501px) {
	.btn_right ul > li {bottom:12%;}

}

@media screen and (max-width: 767px){

.Slides_BF_arrowleft {width:2.9986962190vw;height:5.7366362451vw;left:-6.5189048240vw;}
.Slides_BF_arrowright {width:2.9986962190vw;height:5.7366362451vw;right:-6.5189048240vw;}

#form1 .form1Cont .line_02 .checkArea input{width:1.953125vw;height:1.953125vw;top:0.5208333333vw;}
#form1 .form1Cont .line_02{top:1.1718750000vw;padding-left:1.3020833333vw;}
#form1 .form1Cont .input{height:9.5052083333vw;border-radius:1.3020833333vw;font-size:4.1666666667vw;}

.review .swiper-slide{width:49.0885416667vw;margin:0 3.2552083333vw;}
.video .swiper-slide {width: 60.546875vw;margin:0 3.0598958333vw;}


.swiper-button-next{width:2.9986962190vw !important;height:5.7366362451vw !important;right:3.2552083333vw !important;top:25.390625vw !important;background-size:2.9986962190vw auto !important;}
.swiper-button-prev{width:2.9986962190vw !important;height:5.7366362451vw !important;left:3.2552083333vw !important;top:25.390625vw !important;background-size:2.9986962190vw auto !important;}

}

@media screen and (max-width: 501px){
.Slides_BF_arrowleft {width:20px;height:38.3px;left:-50px;}
.Slides_BF_arrowright {width:20px;height:38.3px;right:-50px;}

#bottomFix .bFix_area{padding:1% 0 0 1.5%;}
#bottomFix .checkArea{margin:4px 5px 0 0;}

.swiper-button-next{width:16px !important;height:31px !important;right:10px !important;background-size:16px auto !important;}
.swiper-button-prev{width:16px !important;height:31px !important;left:10px !important;background-size:16px auto !important;}
}


@media screen and (max-width: 480px){
.swiper-button-next{width:12px !important;height:23px !important;right:10px !important;background-size:12px auto !important;}
.swiper-button-prev{width:12px !important;height:23px !important;left:10px !important;background-size:12px auto !important;}
}