/* 기본 영역 */
#Contents{width: 100%; height:100%; max-width: 1080px; min-width: 320px; display: block; margin: 0 auto;}
.container{position: relative; box-sizing:border-box;  max-width: 1080px;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:2vw 2.3vw 18%; background: #333333; color: #afafaf; font-size: 1.2em; 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: 1.3em; 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:1080px; margin: 0 auto; position: fixed; bottom:420px;left:50%;transform:translateX(-50%); z-index:10 }
.btn_right ul {width:100%;}
.btn_right ul li {width:18.5%; 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;}

.logoTarget{position:absolute;left:0;top:0;width:15vw;height:6vw;}

@media (max-width: 1080px) {
.btn_right{left:auto;right:0;transform:none;}

}

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

	.foot_info{padding:6% 7% 30%;font-size:0.95em;}
	.foot_info a {font-size: 1em;}



}

#bottomFix {width:100%; max-width:1080px; min-width: 320px; height: 116px; 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:1080px; padding:10px 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:1.5%; 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{position:absolute; top:-10px; 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; }

@media (max-width: 640px) {
	#bottomFix {height: 22vw; }
	#bottomFix .bFix_area{padding-top:1.5%;}
	#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:24.3%; top:-7px;}
}

.video {position: relative; padding:0 0 49.9% 0; height:0; margin:0px}
.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;
}

.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: 1080px; height: 846px; overflow: hidden;}
.Slides_BF_Container {position: absolute; left: 0px; top: 0px; width: 1080px; height: 846px; overflow: hidden;}
.Slides_BF_arrowleft {width:58px;height:58px;top:3.24vw !important;left:30px;}
.Slides_BF_arrowright {width:58px;height:58px;top:3.24vw !important;right:30px;}
.Slides_BF_arrow {position:absolute;top:0;left:0;width:100%;height:100%;}


@media (max-width: 501px) {
.Slides_BF_arrowleft {top:2vw !important;}
.Slides_BF_arrowright {top:2vw !important;}
}

#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;text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
#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; }
}

@media (max-width: 768px) {
#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;}
}