@charset "utf-8";


/* now */
@keyframes bgrota {
	0% { background-position: 0% 50%; filter: brightness(1)}
    50% { background-position: 100% 50%; filter: brightness(1.1)}
    100% { background-position: 0% 50%; filter: brightness(1)}
}
.now{}
.now .now_bg{margin-top: 90px; background: url(/images/sub/now_bg.webp) no-repeat center center / cover; padding: 100px 0;}
.now .now_bg .inner{}
.now .now_bg .inner .top_box{display: flex; box-shadow: 2px 8px 16px rgba(0,0,0,0.1);}
.now .now_bg .inner .top_box .l_cont{background: rgba(255,255,255,0.9); width: calc(100% - 640px); padding: 100px 120px; display: flex; flex-direction: column; justify-content: space-between;}
.now .now_bg .inner .top_box .l_cont .m_txt{}
.now .now_bg .inner .top_box .l_cont .m_txt h3{word-break: keep-all;}
.now .now_bg .inner .top_box .l_cont .m_txt h3 span{word-break: keep-all;}
.now .now_bg .inner .top_box .l_cont .price{color: #ff0075;}
.now .now_bg .inner .top_box .l_cont .price h4{font-size: 30px; margin-bottom: 5px;}
.now .now_bg .inner .top_box .l_cont .price h3{font-size: 54px;}
.now .now_bg .inner .top_box .r_cont{width: 640px; background-color: #000;}
.now .now_bg .inner .top_box .r_cont .img{}
.now .now_bg .inner .top_box .r_cont .img img{max-width: 100%;}
.now .now_bg .inner .line_box{background-color: #ff0075; box-shadow: 2px 8px 16px rgba(0,0,0,0.1); padding: 20px 0;}
.now .now_bg .inner .line_box .img{margin-right: 20px;}
.now .now_bg .inner .line_box .img img{max-width: 100%;}
.now .now_bg .inner .bottom_box{margin-top: 20px; display: flex; gap:12px;}
.now .now_bg .inner .bottom_box li{box-shadow: 2px 8px 16px rgba(0,0,0,0.1); width: 100%; background-color: #fff; padding: 35px 30px; display: flex; gap:15px; align-items: center;}
.now .now_bg .inner .bottom_box li .icon{}
.now .now_bg .inner .bottom_box li .icon img{max-width: 50px;}
.now .now_bg .inner .bottom_box li .txt{}
.now .now_bg .inner .bottom_box li .txt h4{font-size: 22px; font-weight: 400; color: #444444; margin-bottom: 8px;}
.now .now_bg .inner .bottom_box li .txt h3{font-size: 28px; color: #ff0075;}

@media all and (max-width:1400px){
	.now .now_bg .inner .top_box .l_cont{padding: 80px 80px; width: calc(100% - 560px);}	
	.now .now_bg .inner .top_box .r_cont{width: 560px;}
	.now .now_bg .inner .bottom_box li{padding: 30px 25px; gap:15px;}
	.now .now_bg .inner .bottom_box li .txt h4{font-size: 21px;}
	.now .now_bg .inner .bottom_box li .txt h3{font-size: 26px;}
	.now .now_bg .inner .bottom_box li .icon img{max-width: 48px;}

}
@media all and (max-width:1280px){
	.now .now_bg{padding: 90px 0;}
	.now .now_bg .inner .top_box .l_cont{padding: 80px 60px; width: calc(100% - 40vw);}	
	.now .now_bg .inner .top_box .l_cont .price h4{font-size: 26px;}
	.now .now_bg .inner .top_box .l_cont .price h3{font-size: 48px;}
	.now .now_bg .inner .line_box{padding: 18px 0;}
	.now .now_bg .inner .line_box .img{margin-right: 18px;}
	.now .now_bg .inner .line_box .img img{max-width: 220px;}
	.now .now_bg .inner .top_box .r_cont{width: 40vw; height: 540px;}
	.now .now_bg .inner .top_box .r_cont .img{height: 100%;}
	.now .now_bg .inner .top_box .r_cont .img img{width: 100%; height: 100%; object-fit: cover; max-width: auto;}
	.now .now_bg .inner .bottom_box li{padding: 30px 15px 30px 30px; gap:13px;}
	.now .now_bg .inner .bottom_box li .txt h4{font-size: 20px;}
	.now .now_bg .inner .bottom_box li .txt h3{font-size: 25px;}
	.now .now_bg .inner .bottom_box li .icon img{max-width: 46px;}
}
@media all and (max-width:1024px){
	.now .now_bg{padding: 110px 0 80px; margin-top: 65px;}
	.now .now_bg .inner .top_box .l_cont{padding: 60px 50px;}
	.now .now_bg .inner .top_box .l_cont .price h4{font-size: 24px;}
	.now .now_bg .inner .top_box .l_cont .price h3{font-size: 40px;}
	.now .now_bg .inner .top_box .l_cont .m_txt h3 span{word-break: keep-all; display: block;}
	.now .now_bg .inner .line_box .img img{max-width: 210px;}
	.now .now_bg .inner .top_box .r_cont{height: 480px;}
	.now .now_bg .inner .bottom_box li{padding: 25px 8px 25px 15px; gap:12px;}
	.now .now_bg .inner .bottom_box li .txt h4{font-size: 18px; margin-bottom: 3px;}
	.now .now_bg .inner .bottom_box li .txt h3{font-size: 24px;}
	.now .now_bg .inner .bottom_box li .icon img{max-width: 44px;}
}
@media all and (max-width:768px){
	.now .now_bg{padding: 100px 0 70px; margin-top: 59px;}
	.now .now_bg .inner .top_box{flex-direction: column;}
	.now .now_bg .inner .top_box .l_cont{width: 100%; padding: 40px; gap:50px;}
	.now .now_bg .inner .top_box .l_cont .price h4{font-size: 22px;}
	.now .now_bg .inner .top_box .l_cont .price h3{font-size: 36px;}
	.now .now_bg .inner .line_box{padding: 15px 0;}
	.now .now_bg .inner .line_box .img{margin-right: 15px;}
	.now .now_bg .inner .line_box .img img{max-width: 200px;}
	.now .now_bg .inner .top_box .r_cont{width: 100%; height: 60vw;}
	.now .now_bg .inner .bottom_box{margin-top: 15px; flex-direction: column}
	.now .now_bg .inner .bottom_box li{flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 10px;}
}
@media all and (max-width:500px){
	.now .now_bg{padding: 90px 0 60px;}
	.now .now_bg .inner .top_box .l_cont{width: 100%; padding: 30px; gap:35px;}
	.now .now_bg .inner .top_box .l_cont .price h4{font-size: 20px;}
	.now .now_bg .inner .top_box .l_cont .price h3{font-size: 32px;}
	.now .now_bg .inner .line_box .img img{max-width: 180px;}
	.now .now_bg .inner .bottom_box li .txt h4{font-size: 16px; margin-bottom: 3px;}
	.now .now_bg .inner .bottom_box li .txt h3{font-size: 24px;}
}

.now .section{text-align: center; padding: 120px 0;}
.now .section .inner{}
.now .section .inner .m_txt{margin-bottom: 80px;}
.now .section .inner .pd_list{display: flex; justify-content: center; gap:70px 20px; flex-wrap: wrap;}
.now .section .inner .pd_list li{border-radius: 20px;position: relative; padding: 50px 30px; max-width: 560px; width: 100%; display: flex; flex-direction: column;}
.now .section .inner .pd_list li::after{
	content: ''; width: 92px; height: 92px; background: url(/images/main/pd_pop.webp) no-repeat center center / cover; display: block; position: absolute; right: 30px; top: -40px;
}
.now .section .inner .pd_list li::before{
	content: "";
    position: absolute;
    inset: 0;
    padding: 5px; /* 보더 두께 */
    border-radius: inherit;
    background: linear-gradient(90deg, #ff0075, #ef31c4, #f2777f);
	 background-size: 200% 200%;
    -webkit-mask: 
        linear-gradient(white 0 0) content-box, 
        linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	pointer-events: none;
	animation: bgrota 2s linear infinite;
}
.now .section .inner .pd_list li .top{text-align: left;}
.now .section .inner .pd_list li .top .logo{margin-bottom: 20px;}
.now .section .inner .pd_list li .top .logo img{max-width: 100%;}
.now .section .inner .pd_list li .top .title{}
.now .section .inner .pd_list li .top .title h4{font-size: 28px; font-weight: 300; color: #222222; margin-bottom: 5px;}
.now .section .inner .pd_list li .top .title h3{font-size: 30px; color: #222222;}
.now .section .inner .pd_list li .top .img{margin: 20px 0; text-align: center;}
.now .section .inner .pd_list li .top .img img{max-width: 100%;}
.now .section .inner .pd_list li .top .price_box{ display: grid; grid-template-columns: 80px auto; margin-top: 30px; max-width: 400px; margin-left: auto; margin-right: auto;}
.now .section .inner .pd_list li .top .price_box .l_cont{font-size: 18px; color: #222; font-weight: 500; margin-top: auto; text-align: left; line-height: 1.5em;}
.now .section .inner .pd_list li .top .price_box .r_cont{text-align: right;}
.now .section .inner .pd_list li .top .price_box .r_cont .discount{font-size: 20px; font-weight: 300; color: #666; text-decoration: line-through; margin-bottom: 5px;}
.now .section .inner .pd_list li .top .price{font-size: 40px; font-weight: 500; color: #222;}
.now .section .inner .pd_list li .top .price span{font-weight: 700; color: #ff0075;}
.now .section .inner .pd_list li .bottom{ padding-top: 30px; border-top: 1px solid #dddddd; margin-top: 30px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.now .section .inner .pd_list li .bottom p{font-size: 17px; color: #222; position: relative; line-height: 1.6em; font-weight: 300; padding-left: 26px; text-align: left;}
.now .section .inner .pd_list li .bottom p span{color: #ff0175; font-weight: 500;}
/*.now .section .inner .pd_list li .bottom p::before{content: '·'; margin-right: 5px;}*/
.now .section .inner .pd_list li .bottom p::before{content: '';position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(/images/main/flag.webp) no-repeat center center / 16px; width: 16px; aspect-ratio: 1 / 1; display: block;}
.now .section .inner .pd_list li .bottom .btn_box{margin-top: 30px; display: flex; gap:10px;}
.now .section .inner .pd_list li .bottom .btn_box a{display: block; width: 100%;}
.now .section .inner .pd_list li .bottom .btn_box a.btn{line-height: 50px; text-align: center; font-size: 18px; font-weight: 600; border-radius: 6px;}
.now .section .inner .pd_list li .bottom .btn_box a.btn.btn1{border: 1px solid #ff0075; color: #ff0075;}
.now .section .inner .pd_list li .bottom .btn_box a.btn.btn2{background-color: #ff0075; color: #fff;}

@media all and (max-width:1280px){
	.now .section{padding: 100px 0;}
	.now .section .inner .pd_list li{padding: 45px 25px;}
	.now .section .inner .pd_list li::after{width: 78px; height: 78px;}
	.now .section .inner .pd_list li .top .title h4{font-size: 25px;}
	.now .section .inner .pd_list li .top .title h3{font-size: 28px;}
	.now .section .inner .pd_list li .top .price{font-size: 36px;}
	.now .section .inner .pd_list li .bottom .btn_box a.btn{line-height: 46px; font-size: 16px;}
}
@media all and (max-width:1024px){
	.now .section{padding: 90px 0;}
	.now .section .inner .pd_list li{padding: 40px 25px;}
	.now .section .inner .pd_list li .top .price{font-size: 32px;}
}
@media all and (max-width:768px){
	.now .section{padding: 80px 0;}
	.now .section .inner .m_txt{margin-bottom: 60px;}
	.now .section .inner .m_txt h3 span{display: block;}
	.now .section .inner .pd_list{flex-direction: column; align-items: center; gap:60px;}
	.now .section .inner .pd_list li{padding: 35px 25px; max-width: 80vw;}
	.now .section .inner .pd_list li::before{padding: 3px;}
	.now .section .inner .pd_list li::after{top: -24px; width: 66px; height: 66px; right: 15px;}
	.now .section .inner .pd_list li .top .price_box{max-width: 100%; margin-top: 25px;}
	.now .section .inner .pd_list li .top .price_box .l_cont{font-size: 16px;}
	.now .section .inner .pd_list li .top .price_box .r_cont .discount{font-size: 18px; margin-bottom: 3px;}
	.now .section .inner .pd_list li .top .img img{max-height: 64px;}
	.now .section .inner .pd_list li .top .title h4{font-size: 22px;}
	.now .section .inner .pd_list li .top .title h3{font-size: 25px;}
	.now .section .inner .pd_list li .top .price{font-size: 28px;}
	.now .section .inner .pd_list li .bottom .btn_box a.btn{line-height: 42px; font-size: 15px;}
	.now .section .inner .pd_list li .bottom{padding-top: 20px; margin-top: 20px;}
	.now .section .inner .pd_list li .bottom .btn_box{gap:6px;}
	.now .section .inner .pd_list li .bottom p{padding-left: 22px;}
	.now .section .inner .pd_list li .bottom p::before{width: 15px; background-size: 15px;}
}
@media all and (max-width:500px){
	.now .section{padding: 70px 0;}
	.now .section .inner .m_txt{margin-bottom: 50px;}
	.now .section .inner .pd_list li{padding: 30px 25px;max-width: 83vw;}
	.now .section .inner .pd_list li .top .logo img{max-height: 23px;}
	.now .section .inner .pd_list li .top .title h4{font-size: 19px;}
	.now .section .inner .pd_list li .top .title h3{font-size: 21px;}
	.now .section .inner .pd_list li .top .img img{max-height: 51px;}
	.now .section .inner .pd_list li .top .price{font-size: 25px;}
	.now .section .inner .pd_list li .bottom .btn_box a.btn{line-height: 38px;}
	.now .section .inner .pd_list li .bottom p{font-size: 15px;}
}


/* internet */
.internet{}
.internet .inner{}
.internet .inner .select_box{}
.internet .inner .select_box .box{}
.internet .inner .select_box .box + .box{margin-top: 60px;}
.internet .inner .select_box .box .tit{display: flex; align-items: center; gap:25px; margin-bottom: 35px;}
.internet .inner .select_box .box .tit h3{font-size: 24px; color: #000;}
.internet .inner .select_box .box .tit .check_box{display: flex; align-items: center; gap:8px;}
.internet .inner .select_box .box .tit .check_box input{}
.internet .inner .select_box .box .tit .check_box label{font-size: 17px; font-weight: 500; color: #000000;}
.internet .inner .select_box .box .cont1{}
.internet .inner .select_box .box .cont1 li{position: relative; text-align: center; padding: 20px; border: 1px solid #dddddd; border-radius: 6px; width: 352px; margin-right: 10px; cursor: pointer;}
.internet .inner .select_box .box .cont1 li.on{background-color: #fcf8fa; border: 1px solid #ff0075;}
.internet .inner .select_box .box .cont1 li .check{position: absolute; opacity: 0; z-index: -999;}
.internet .inner .select_box .box .cont1 li .check input{}
.internet .inner .select_box .box .cont1 li .img{text-align: center;}
.internet .inner .select_box .box .cont1.select2 li .img{filter: grayscale(1); transition: .2s;}
.internet .inner .select_box .box .cont1.select2 li.on .img{filter: grayscale(0);}
.internet .inner .select_box .box .cont1 li .img img{max-width: 100%; margin-left: auto; margin-right: auto;}
.internet .inner .select_box .box .cont1 li p{font-size: 18px; font-weight: 600; color: #000000; margin-top: 20px;}
.internet .inner .select_box .box .cont1 li.on p{color: #ff0678;}

.internet .inner .select_box .box .cont2{}
.internet .inner .select_box .box .cont2 li{position: relative; padding: 40px; border: 1px solid #dddddd; border-radius: 6px; width: 352px; margin-right: 10px; cursor: pointer;}
.internet .inner .select_box .box .cont2 li.on{background-color: #fcf8fa; border: 1px solid #ff0075;}
.internet .inner .select_box .box .cont2 li .check{position:absolute; opacity: 0; z-index: -999;}
.internet .inner .select_box .box .cont2 li .check .input{}
.internet .inner .select_box .box .cont2 li .title{}
.internet .inner .select_box .box .cont2 li .title h4{font-size: 18px; font-weight: 600; color: #222222; margin-bottom: 15px;}
.internet .inner .select_box .box .cont2 li .title h3{font-size: 30px; font-weight: 600; color: #000000;}
.internet .inner .select_box .box .cont2 li .title h3 span{font-weight: 500; font-size: 24px;}
.internet .inner .select_box .box .cont2 li p{font-size: 18px; color: #666666; margin-top: 30px; word-break: keep-all;}
.internet .inner .select_box .box .cont2 li .price{font-size: 24px; font-weight: 600; color: #000000; margin-top: 25px;}
.internet .inner .select_box .box .cont2 li.on .price{color: #ff0075}
.internet .inner .select_box .box .cont2 li .price span{font-size: 20px;}

.internet .inner .select_box .box .cont3{display: flex; gap:10px; align-items: center;}
.internet .inner .select_box .box .cont3 li{position: relative; padding: 25px; border: 1px solid #dddddd; border-radius: 6px; width: 352px; cursor: pointer; text-align: center;}
.internet .inner .select_box .box .cont3 li.on{background-color: #fcf8fa; border: 1px solid #ff0075;}
.internet .inner .select_box .box .cont3 li .check{position:absolute; opacity: 0; z-index: -999;}
.internet .inner .select_box .box .cont3 li .check input{}
.internet .inner .select_box .box .cont3 li p{font-size: 18px; font-weight: 600; color: #737373;}
.internet .inner .select_box .box .cont3 li.on p{color: #ff0075;}
.internet .inner .select_box .slick-arrow{width: 36px; height: 36px; box-shadow: 1px 3px 6px rgba(0,0,0,0.1); border-radius: 100%; background-color: transparent; text-indent: -9999px; background-size: contain; z-index: 99;}
.internet .inner .select_box .slick-arrow.slick-disabled{display: none !important;}
.internet .inner .select_box .slick-prev{background-image: url(/images/sub/internet_prev.webp); left: -18px;}
.internet .inner .select_box .slick-next{background-image: url(/images/sub/internet_next.webp); right: -18px;}

.internet_quick{background-color: #fafafa; position: fixed; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; z-index: 101; justify-content: center; padding: 25px 0 ; box-shadow: 2px -6px 16px rgba(0,0,0,0.075);}
.internet_quick .l_cont{width: 300px; margin-right: 100px;}
.internet_quick .l_cont .dl_box{}
.internet_quick .l_cont .dl_box dl{display: flex; justify-content: space-between; color: #000; align-items: center;}
.internet_quick .l_cont .dl_box dl + dl{margin-top: 8px;}
.internet_quick .l_cont .dl_box dl.on{color: #ff0075;}
.internet_quick .l_cont .dl_box dl dt{text-align: left; font-size: 18px; font-weight: 700;}
.internet_quick .l_cont .dl_box dl dd{text-align: right; font-size: 24px; font-weight: 700; position: relative;}
.internet_quick .l_cont .dl_box dl.on dd{position: relative;}
.internet_quick .l_cont .dl_box dl.on dd::after{content: ''; width: 128px; height: 33px; background: url(/images/sub/quick_info.webp) no-repeat center center / contain; display: block; position: absolute; top: -33px;}
.internet_quick .l_cont .dl_box dl dd button{position: absolute; right: -38px; top: 50%; transform: translateY(-50%);}
.internet_quick .l_cont .dl_box dl dd button p{position: absolute; background-color: #fcf8fa; border: 1px solid #ddd; font-size: 14px; color: #666; width: 430px; font-family: 'Pretendard', sans-serif; background-color: #fff; line-height: 24px; left: 50%; transform: translateX(-50%); top: -36px; opacity: 0; transition: .2s; z-index: -1; visibility: hidden; pointer-events: none;}
.internet_quick .l_cont .dl_box dl dd button p.on{opacity: 1; z-index: 2; visibility: visible; pointer-events: auto;}
.internet_quick .c_cont{padding-right: 40px;}
.internet_quick .c_cont h3{font-size: 19px; color: #222222; margin-bottom: 10px;}
.internet_quick .c_cont .cont{ display: flex; align-items: center;}
.internet_quick .c_cont input[type = text]{font-size: 15px; font-weight: 500; border: 1px solid #cecece; border-radius: 4px; background: transparent; padding: 0 20px; line-height: 42px; font-family: 'Pretendard', sans-serif;}
.internet_quick .c_cont .agree{margin-left: 12px; display: flex; align-items: center;}
.internet_quick .c_cont .agree input[type = checkbox]{width: 13px; height: 13px; border: 1px solid #9c9c9c; background: transparent;}
.internet_quick .c_cont .agree p{font-size: 13px; font-weight: 500; color: #666666; margin-left: 10px;}
.internet_quick .c_cont .agree p a{font-size: 12px; font-weight: 600; color: #222; border-bottom: 1px solid #222222;}
.internet_quick .r_cont{}
.internet_quick .r_cont .c_btn{margin-top: 0;}

@media all and (max-width:1024px){
	.internet .inner .select_box .box + .box{margin-top: 50px;}
	.internet .inner .select_box .box .tit{margin-bottom: 25px; gap:22px;}
	.internet .inner .select_box .box .tit .check_box{gap:7px}
	.internet .inner .select_box .box .tit h3{font-size: 22px;}
	.internet .inner .select_box .box .tit .check_box label{font-size: 15px;}
	.internet .inner .select_box .box .cont1 li{width: 240px;}
	.internet .inner .select_box .box .cont1 li .img img{max-height: 32px;}
	.internet .inner .select_box .box .cont1 li p{font-size: 16px; margin-top: 14px;}
	.internet .inner .select_box .box .cont2 li{padding: 20px; width: 240px;}
	.internet .inner .select_box .box .cont2 li .title h4{font-size: 16px; margin-bottom: 12px;}
	.internet .inner .select_box .box .cont2 li .title h3{font-size: 24px;}
	.internet .inner .select_box .box .cont2 li .title h3 span{font-size: 20px;}
	.internet .inner .select_box .box .cont2 li p{font-size: 16px; margin-top: 15px;}
	.internet .inner .select_box .box .cont2 li .price{font-size: 20px; margin-top: 15px;}
	.internet .inner .select_box .box .cont2 li .price span{font-size: 17px;}
	.internet .inner .select_box .box .cont3 li{padding: 16px; width: 240px;}
	.internet .inner .select_box .box .cont3 li p{font-size: 16px;}
	.internet_quick .l_cont{width: 240px; margin-right: 50px;}
	.internet_quick .l_cont .dl_box dl dt{font-size: 16px;}
	.internet_quick .l_cont .dl_box dl dd{font-size: 20px;}
	.internet_quick .l_cont .dl_box dl.on dd::after{width: 117px; right: 0;}
	.internet_quick .l_cont .dl_box dl dd button{right: -30px;}
	.internet_quick .l_cont .dl_box dl dd button img{max-width: 20px;}
	.internet_quick .c_cont{padding-right: 20px;}
	.internet_quick .c_cont h3{font-size: 17px; margin-bottom: 8px;}
	.internet_quick .c_cont input[type = text]{line-height: 36px; padding: 0 15px; max-width: 180px;}
}
@media all and (max-width:768px){
	.internet .inner .select_box .box + .box{margin-top: 45px;}
	.internet .inner .select_box .box .tit{margin-bottom: 20px; gap:18px;}
	.internet .inner .select_box .box .tit h3{font-size: 20px;}
	.internet .inner .select_box .box .tit .check_box{gap:6px}
	.internet .inner .select_box .box .tit .check_box label{font-size: 14px;}
	.internet .inner .select_box .box .cont1 li{width: 180px; padding: 15px;}
	.internet .inner .select_box .box .cont1 li .img img{max-height: 27px;}
	.internet .inner .select_box .box .cont1 li p{font-size: 15px; margin-top: 12px;}
	.internet .inner .select_box .box .cont2 li{width: 180px; padding: 15px;}
	.internet .inner .select_box .box .cont2 li .title h4{font-size: 15px; margin-bottom: 8px;}
	.internet .inner .select_box .box .cont2 li .title h3{font-size: 22px;}
	.internet .inner .select_box .box .cont2 li .title h3 span{font-size: 18px;}
	.internet .inner .select_box .box .cont2 li p{font-size: 15px; margin-top: 12px;}
	.internet .inner .select_box .box .cont2 li .price{font-size: 18px; margin-top: 12px;}
	.internet .inner .select_box .box .cont2 li .price span{font-size: 15px;}
	.internet .inner .select_box .box .cont3 li{width: 100%;}
	.internet_quick{flex-wrap: wrap; padding: 15px 0;}
	.internet_quick .l_cont{width: 100%; margin-right: 40px; margin-left: 20px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
	.internet_quick .l_cont .dl_box dl dt{font-size: 15px;}
	.internet_quick .l_cont .dl_box dl dd{font-size: 18px;}
	.internet_quick .l_cont .dl_box dl dd button img{max-width: 18px;}
	.internet_quick .l_cont .dl_box dl dd button{right: -24px;}
	.internet_quick .l_cont .dl_box dl.on dd::after{width: 108px;}
	.internet_quick .l_cont .dl_box dl dd button p{left: auto; transform: translateX(0); right: 0;}
	.internet .inner .select_box .box .cont3 li{padding: 14px;}
	.internet .inner .select_box .box .cont3 li p{font-size: 15px;}
	.internet_quick .c_cont{width: calc(100% - 140px); padding-left: 20px;}
	.internet_quick .c_cont h3{display: none;}
	.internet_quick .r_cont{padding-right: 20px;}
}
@media all and (max-width:500px){
	.internet .inner .select_box .box + .box{margin-top: 40px;}
	.internet .inner .select_box .box .tit{margin-bottom: 15px; gap:15px;}
	.internet .inner .select_box .box .tit .check_box{gap:5px}
	.internet .inner .select_box .box .tit h3{font-size: 18px;}
	.internet .inner .select_box .box .tit .check_box label{font-size: 13px;}
	.internet_quick .l_cont{margin-bottom: 12px; padding-bottom: 12px;}
	.internet .inner .select_box .box .cont1 li{width: calc(100vw / 2 - 10px - 20px); padding: 12px;}
	.internet .inner .select_box .box .cont1 li .img img{max-height: 25px;}
	.internet .inner .select_box .box .cont2 li{width: calc(100vw / 2 - 10px - 20px); padding: 12px;}
	.internet_quick .l_cont .dl_box dl dt{font-size: 14px;}
	.internet_quick .l_cont .dl_box dl dd{font-size: 17px;}
	.internet_quick .l_cont .dl_box dl.on dd::after{width: 104px;}
	.internet .inner .select_box .box .cont2 li .title h3{font-size: 20px;}
	.internet .inner .select_box .box .cont2 li .title h3 span{font-size: 16px;}
	.internet .inner .select_box .box .cont2 li .price{font-size: 16px; margin-top: 10px;}
	.internet .inner .select_box .box .cont2 li .price span{font-size: 14px;}
	.internet .inner .select_box .box .cont2 li p{font-size: 14px; margin-top: 10px;}
	.internet .inner .select_box .box .cont3 li{padding: 12px;}
	.internet_quick .c_cont .cont{flex-direction: column; align-items: flex-start;}
	.internet_quick .c_cont input[type = text]{width: 100%; max-width: 100%;}
	.internet_quick .c_cont .agree{margin-left: 0; margin-top: 6px;}
	.internet_quick .c_cont .agree p{margin-left: 5px;}
	.internet_quick .c_cont .agree p br{display: none;}
}

.now_form{max-width: 640px; width: 100%; padding: 20px;}
.now_form{}
.now_form .title{text-align: center;}
.now_form .title h3{font-size: 20px; color: #000; word-break: keep-all;}
.now_form .title p{font-size: 16px; color: #666; margin-top: 5px; word-break: keep-all; line-height: 1.5em;}
.now_form .form{background-color: #f8f8f8; padding: 20px; margin-top: 20px;}
.now_form .form .box{display: flex; align-items: center;}
.now_form .form .box + .box{margin-top: 15px;}
.now_form .form .box .l_cont{width: 120px;}
.now_form .form .box .l_cont h3{color: #000; font-size: 16px; font-weight: 500;}
.now_form .form .box .r_cont{width: calc(100% - 120px);}
.now_form .form .box .r_cont.wr_subject{color: #ff0075; font-weight: 700; font-size: 18px; line-height: 1.5em; word-break: keep-all;}
.now_form .form .box .r_cont input{border: 1px solid #ccc; padding: 10px; width: 100%; font-family: 'Pretendard', sans-serif; font-size: 15px;}
.now_form .privacy{width: 100%; margin-top: 10px;}
.now_form .privacy textarea{width: 100%; font-family: 'Pretendard', sans-serif; font-size: 14px; color: #666; resize: none; padding: 8px; border:1px solid #ddd; line-height: 1.5em;}
.now_form .chk_agree{display: flex; align-items: center; font-size: 15px; gap:5px; margin-top: 12px;}
.now_form button{background-color: #ff0075; color: #fff; font-family: 'Pretendard', sans-serif; font-size: 17px; font-weight: 700; line-height: 48px; padding: 0 30px; margin-top: 30px;}

@media all and (max-width:1280px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}
@media all and (max-width:500px){
	.now_form .form .box .l_cont{width: 90px;}
	.now_form .form .box .l_cont h3{font-size: 15px;}
	.now_form .form .box .r_cont{width: calc(100% - 90px);}
	.now_form .form .box .r_cont.wr_subject{font-size: 17px;}
	.now_form .form .box .r_cont input{padding: 8px;}
	.now_form button{font-size: 16px;}
}


.layer_bg{position: fixed; z-index: -10; width: 100%; height: 100%; top: 0; left: 0; display: block; background: rgba(0,0,0,0.5); pointer-events: none; opacity: 0;}
.layer_bg.on{z-index: 998; pointer-events: auto; opacity: 1;}
.now_form_layer{max-width: 520px; width: 100%; padding: 0px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -10; background-color: #fff; border: 1px solid #ccc; pointer-events: none; opacity: 0;}
.now_form_layer.on{z-index: 999; pointer-events: auto; opacity: 1;}
.now_form_layer .title{text-align: center; border-bottom: 1px solid #eee; position: relative; padding: 15px 0;}
.now_form_layer .title h3{font-size: 20px; color: #000; word-break: keep-all;}
.now_form_layer .title .close{position: absolute; top: 50%; left: 20px; transform: translateY(-50%); cursor: pointer;}
.now_form_layer .title .close i{font-size: 22px; color: #000; font-weight: 600;}
.now_form_layer .form{padding: 30px;}
.now_form_layer .form .txt{text-align: center;}
.now_form_layer .form .txt .color1{color: #5171ff;}
.now_form_layer .form .txt .color2{color: #ff0075; margin-left: 5px;}
.now_form_layer .form .txt span{font-size: 20px; font-weight: 600;}
.now_form_layer .form .txt h3{color: #222; font-size: 20px; margin-top: 5px;}
.now_form_layer .form .cont{display: flex; justify-content: center; margin: 30px 0;}
.now_form_layer .form .cont li{text-align: center; width: 150px;}
.now_form_layer .form .cont li:nth-child(1){border-right: 1px solid #eee;}
.now_form_layer .form .cont li:nth-child(2){}
.now_form_layer .form .cont li .icon{margin-bottom: 10px;}
.now_form_layer .form .cont li h3{color: #222; font-size: 18px;}
.now_form_layer .form .cont li:nth-child(1) h3{color:#ff0075 }
.now_form_layer .form .cont li:nth-child(2) h3{color: #5171ff;}
.now_form_layer .form .cont li p{color: #333; font-size: 17px; margin-top: 5px; font-weight: 700;}
.now_form_layer .form .box + .box{margin-top: 15px;}
.now_form_layer .form .box .r_cont{width:100%;}
.now_form_layer .form .box .r_cont.wr_subject{color: #ff0075; font-weight: 700; font-size: 18px; line-height: 1.5em; word-break: keep-all;}
.now_form_layer .form .box .r_cont input{border: 1px solid #ccc; padding: 10px; width: 100%; font-family: 'Pretendard', sans-serif; font-size: 15px;}
.now_form_layer .privacy{width: 100%; margin-top: 10px;}
.now_form_layer .privacy textarea{width: 100%; font-family: 'Pretendard', sans-serif; font-size: 14px; color: #666; resize: none; padding: 8px; border:1px solid #ddd; line-height: 1.5em;}
.now_form_layer .chk_agree{display: flex; align-items: center; font-size: 15px; gap:5px; margin-top: 12px;}
.now_form_layer button{background-color: #ff0075; color: #fff; font-family: 'Pretendard', sans-serif; font-size: 17px; font-weight: 700; line-height: 48px; padding: 0 30px; margin-top: 30px;}

@media all and (max-width:1280px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}
@media all and (max-width:500px){
	.now_form_layer{height: 100vh;}
	.now_form_layer .form{padding: 25px 15px;}
	.now_form_layer .form .box .l_cont{width: 90px;}
	.now_form_layer .form .box .l_cont h3{font-size: 15px;}
	.now_form_layer .form .box .r_cont.wr_subject{font-size: 17px;}
	.now_form_layer .form .box .r_cont input{padding: 8px;}
	.now_form_layer button{font-size: 16px;}
}