/* 기본 영역 */
#Contents{max-width: 1920px; min-width: 320px; display: block;}


/* pc 영역 */


.web {display: block; }
.mob {display: none;}

.container_pc {position: relative; box-sizing:border-box;  width: 1920px; display: block; border:0; padding:0; margin: 0 auto; text-align: center;}
.m_block{display: block; margin: 0 auto; }



.pcpc { width: 760px; margin: 0 auto;}


.pop_num {display:block;position:fixed;top:0;left:50%;width:491px;height:56px;z-index:1500;transform:translateX(-50%);overflow:hidden; border-bottom-left-radius: 33px; border-bottom-right-radius: 33px;}
@media screen and (max-width: 768px) {
	.pop_num {width:100%;height:auto;}
}

.con_bg_01 {background: url('../images/pc/230403_PClanding_02.jpg') no-repeat 100% ; background-position: center; height: 942px;}
.con_bg_01 .btn {margin: 767px 0 0 591px; width: 738px; height: 92px;}

.con_bg_02 {background: url('../images/pc/230403_PClanding_05.jpg') no-repeat 100% ; background-position: center; height: 2607px;}
.con_bg_02 .btn_02 {margin: 2335px 0 0 378px; width: 1168px; height: 101px;}

.rolling_bg_pc {background: url('../images/pc/230403_PClanding_04.jpg') no-repeat ; height: 246px; padding: 147px 0 0 78px;}

.ytu { display: inline-block; padding-left: 45px;  padding-right: 45px;  padding-bottom: 100px;  background: #ffd7e7 url("") no-repeat left center / 860px 860px;}



/* Footer */
.foot_info_pc{display: block; padding:75px 70px 169px 70px; background: #232323; color: #ffffff; font-size: 19px; font-weight: 200; line-height: 2em; text-decoration: none; align-items:flex-end; justify-content:space-between; letter-spacing: -0.03em; text-align: left;}
.foot_info_pc a {color: #ffffff; font-size: 20px; font-weight: 400; line-height: 4em; text-decoration: none; letter-spacing: -0.03em;}
.foot_info_pc .foot_partline {padding-left:20px; padding-right:20px;}


@media all and (min-width:769px) {
.frm{display:inline-block; position:relative}
.frm label{display:inline;position:relative;font-size:1rem; line-height: 1.3; padding-left:35px;text-transform:uppercase; color: #000; font-weight: normal; cursor: pointer; margin:0 10px 0 15px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.frm label:before {content:'';display:block;position:absolute;left:0;top:0;width:26px;height:26px;background:url("../common/spr_form_pc.png") no-repeat;}
.frm input[type=checkbox]:focus+label, .frm input[type=radio]:focus+label {outline:1px dotted #e0e0e0}
.frm input[type=checkbox], .frm input[type=radio]{position:absolute;left:12px;top:16px;width:1px;height:1px;opacity:0}
.frm input[type=checkbox]+label:before{background-position:0 -13px}
.frm input[type=checkbox]:checked+label:before{background-position:-26px -13px}
.frm input[type=radio]+label:before{background-position:-52px -13px}
.frm input[type=radio]:checked+label:before{background-position:-78px -13px}

#bottomFix{width:100%; max-width: 1920px; height: 85px; z-index: 1000; position: fixed; bottom:0; display:block;background: #232323;}
#bottomFix .bFix_area{width:100%; width:1400px; height: 100%; padding-left:10px;margin:0 auto; display: flex; justify-content: space-between;align-items: center;}
#bottomFix .bFix_area div{display: flex; justify-content: space-between;align-items: center;width:850px;}
#bottomFix .bFix_area h3{font-size: 1rem; font-weight: normal; color: #72b0d4; margin-right: 10px; 	font-size:16px; font-weight:300; letter-spacing:-0.0125em; word-break:keep-all; line-height: 1.4;}
#bottomFix .bFix_area .line_02{display: inline-block; position: relative; width:608px;}
#bottomFix .bFix_area input, #bottomFix .bFix_area select{background: #383838; border:1px solid #7d7d7d; color: #fff; margin:0 3px; }
#bottomFix .bFix_area input, #bottomFix .bFix_area select option{color: #fff;}
#bottomFix .bFix_area input{width:49%;}
#bottomFix .bFix_area .input_01 {width:49%;}
#bottomFix .bFix_area .input_02 {width:49%;}
#bottomFix .bFix_area label{color: #fff; margin: 0;}
#bottomFix .bFix_area a{color: #fff; text-decoration: underline; padding:0 20px 0 0;}
#bottomFix .bFix_area a.btn_apply{font-size:18px; font-weight: bold; line-height:3.7rem; color: #fff; background: #72b0d4; padding:0 35px 0 35px; text-decoration: none; display:inline-block;  text-align: center; }
#bottomFix .bFix_area a.btn_apply::before { content: '\c0c1\b2f4\c2e0\ccad\d558\ae30';}/*비용확인하기*/
#bottomFix .bFix_area select{background:#383838 url('../common/select_arrow_pc.png') no-repeat 93%; margin:0 5px;width:40%;}
#bottomFix .checkArea{margin:0;}
#bottomFix input:-webkit-autofill, #bottomFix input:-webkit-autofill:hover, #bottomFix input:-webkit-autofill:focus, #bottomFix input:-webkit-autofill:active { -webkit-text-fill-color: #fff !important;}
#bottomFix input::-webkit-input-placeholder, #bottomFix textarea::-webkit-input-placeholder { color:#fff; }
}


.flow_banner_pc {overflow: hidden; display: flex; max-width: 1763px;}
.flow_banner_pc .list_03 {display: flex;}
.flow_banner_pc .list_03 > li {width:210px; padding:0 15px 0 0;}

@keyframes flowRolling_pc {
    100%{
        transform: translateX(0);
    }
    0% {
        transform: translateX(-100%);
    }
}




/* mobile 영역 */

@media all and (max-width:768px) {
	.web {display: none;}
	.mob {display: block; max-width: 100%;
        overflow-x: hidden;}

.container {position: relative; box-sizing:border-box;  max-width: 768px; min-width: 320px; display: block; border:0; padding:0; margin: 0 auto;}
.m_block{display: block;}

.rolling_bg {background: url('../images/mo/230315_Mlanding_04.jpg') no-repeat 100% ; background-position: center;}

.ytu { display: block; margin: 0 auto ; padding-left: 20px;  padding-right: 20px;  padding-bottom: 50px;  background: #ffd7e7 url("") no-repeat center center / auto;}


/* Footer */
.foot_info{display: block; padding:8% 8% 35%; background: #232323; color: #ffffff; font-size: 0.95em; font-weight: 200; line-height: 2em; text-decoration: none; align-items:flex-end; justify-content:space-between; letter-spacing: -0.03em;}
.foot_info a {color: #ffffff; font-size: 0.98em; font-weight: 400; line-height: 4em; text-decoration: none; letter-spacing: -0.03em;}
.foot_info .foot_partline {padding-left:3.6%; padding-right:3.6%;}

#btn_top{position: fixed; right:20px; bottom:130px; z-index: 6;}

.frm{display:inline-block; position:relative}
.frm label{display:inline;position:relative;font-size:1rem; line-height: 1.3; padding-left:35px;text-transform:uppercase; color: #000; font-weight: normal; margin-right:10px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.frm label:before {content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:url("../common/spr_form.png") no-repeat;}
.frm input[type=checkbox]:focus+label, .frm input[type=radio]:focus+label {outline:1px dotted #e0e0e0}
.frm input[type=checkbox], .frm input[type=radio]{position:absolute;left:12px;top:16px;width:1px;height:1px;opacity:0}
.frm input[type=checkbox]+label:before{background-position:0 -13px}
.frm input[type=checkbox]:checked+label:before{background-position:-20px -13px}
.frm input[type=radio]+label:before{background-position:-52px -13px}
.frm input[type=radio]:checked+label:before{background-position:-78px -13px}

#bottomFix{width:100%; max-width:768px; min-width: 320px; height: 100px; z-index: 1000; position: fixed; bottom:0px; display:block; background: #232323; justify-content: space-between;align-items: center;}
#bottomFix .bFix_area{ max-width:768px; padding:10px 4px 10px 10px; 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 h3{display: none;}
#bottomFix .bFix_area .line_02{ display: inline-block; position: relative; width:100%;}

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

#bottomFix .bFix_area .input_01 {width:30%;}
#bottomFix .bFix_area .input_02 {width:35.5%;}
#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{font-size:14px;  font-weight: bold; line-height:2.1rem; color: #fff; background: #72b0d4; width:28%; text-decoration: none; position: absolute; right:5px; text-decoration: none; align-items:center;  text-align: center; margin:7px 0 0 0 ; }
#bottomFix .bFix_area a.btn_apply::before { content: '\be44\c6a9\c0c1\b2f4';}/*비용확인*/
#bottomFix .bFix_area select{background:#383838 url('../common/select_arrow_01.png') no-repeat 95%; background-size: 15px 13px; width:33%;}
#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: #fff !important;}

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

@media (max-width: 768px) {
    #bottomFix .bFix_area .input_01 {width:28%;}
    #bottomFix .bFix_area .input_02 {width:36%;}
    #bottomFix .bFix_area a.btn_apply {right:7px;}
}

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

.flow_banner_02 {overflow: hidden; display: flex; max-width: 2960px;}
.flow_banner_02 .list_02 {display: flex;}
.flow_banner_02 .list_02 > li {width:286px; padding:0 20px 0 0;}

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

/* 반응형 스타일 */
@media (max-width: 768px) {
    .flow_banner .list > li {width:286px; padding:0 20px 30px 0;}
    .flow_banner_02 .list_02 > li {width:286px; padding:0 20px 0 0;}
}
@media (max-width:736px) { /*iphone6(s)+,7+,8+*/
    .flow_banner .list > li {width:275px; padding:0 18px 28px 0;}
    .flow_banner_02 .list_02 > li {width:275px; padding:0 18px 0 0;}
}
@media (max-width:640px) {
    .flow_banner .list > li {width:240px; padding:0 16px 26px 0;}
    .flow_banner_02 .list_02 > li {width:240px; padding:0 16px 0 0;}
}
@media (max-width:600px) { /*600x960 G pad8.3*/
    .flow_banner .list > li {width:225px; padding:0 14px 24px 0;}
    .flow_banner_02 .list_02 > li {width:225px; padding:0 14px 0 0;}
}
@media (max-width:480px) {
    .flow_banner .list > li {width:180px; padding:0 10px 20px 0;}
    .flow_banner_02 .list_02 > li {width:180px; padding:0 10px 0 0;}
}
@media (max-width:414px) { /*414x640 iPhone 6/7/8 Plue*/
    .flow_banner .list > li {width:156px; padding:0 9px 19px 0;}
    .flow_banner_02 .list_02 > li {width:156px; padding:0 9px 0 0;}
}
@media (max-width:400px) { /*400x640 galaxy note1*/
    .flow_banner .list > li {width:151px; padding:0 9px 19px 0;}
    .flow_banner_02 .list_02 > li {width:151px; padding:0 9px 0 0;}
}
@media (max-width:384px) { /*384x640 optimus g,view, nexus4*/
    .flow_banner .list > li {width:145px; padding:0 6px 16px 0;}
    .flow_banner_02 .list_02 > li {width:145px; padding:0 10px 0 0;}
}
@media (max-width:375px) { /*375x667 iphone6(s),7,8*/
    .flow_banner .list > li {width:143px; padding:0 6px 16px 0;}
    .flow_banner_02 .list_02 > li {width:143px; padding:0 6px 0 0;}
}
@media all and (max-width:360px) { /*360x640 galaxy s8, s8+*/
    .flow_banner .list > li {width:286px; padding:0 6px 16px 0;}
    .flow_banner_02 .list_02 > li {width:286px; padding:0 6px 0 0;}
}
@media all and (max-width:320px) { /*320x568 iphone5, SE / 320x480 iphone 4*/
    .flow_banner .list > li {width:286px; padding:0 5px 15px 0;}
    .flow_banner_02 .list_02 > li {width:286px; padding:0 5px 0 0;}
}

}

#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;}
}