@charset "utf-8";

.pagecommon{position:relative;padding-bottom:50px;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'Pretendard'}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .tit{margin-bottom:100px;line-height:1.3;text-align:center}
.pagecommon .tit span{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0;font-family:'Poppins'}
.pagecommon .tit p{font-size:35px;font-weight:700;color:#111}
.pagecommon .tit div{width:80%;margin:0 auto;padding:55px 0;border-radius:10px;font-size:18px;color:#111;line-height:1.7;background:#fff}
.pagecommon .tit img{position:relative;z-index:-1;margin-top:-80px;border-radius:10px}
.move .box{position:relative;padding:0 !important;font-weight:400 !important;color:#777 !important}
.move .box+.box{margin-top:150px}
.move .box:before{position:absolute;content:'';top:21px;left:0;width:100%;height:1px;background:#e1e1e1}
.move .box .s_tit{position:relative;display:inline-flex;align-items:center;gap:15px;margin-bottom:50px;padding-right:30px;font-size:25px;font-weight:700;color:#111;background:#fff}
.move .box .s_tit span{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50px;font-size:13px;font-weight:700;color:#fff;letter-spacing:0;background:var(--primary);font-family:'Poppins'}
.move .step{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.move .step p{margin-top:20px;line-height:1.5}
.move .step li{position:relative;padding:30px;border-radius:10px;font-weight:700;color:#111;text-align:center;background:#f2f2f2}
.move .step li span{position:absolute;top:0;left:0;padding:5px 13px;border-radius:10px 0;font-size:13px;color:#fff;background:#1e2327}
.move .ser{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}
.move .ser li{padding:30px;border-radius:10px;background:#f2f2f2}
.move .ser div{margin-top:30px}
.move .ser p{font-size:18px;font-weight:700;color:#111}
.move .work{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.move .work li{padding:30px;border:1px solid #e1e1e1;border-radius:10px;text-align:center}
.move .work li span{display:flex;justify-content:center;width:100px;margin:0 auto;padding:10px;border-radius:50px;font-size:13px;font-weight:700;color:var(--primary);letter-spacing:0;background:#006df33b;font-family:'Poppins'}
.move .work li div p{margin:15px 0 8px;font-size:17px;font-weight:700;color:#111}
.move .ser_box{margin-top:150px;padding:80px;border-radius:20px;background:#f2f2f2}
.move .ser_tit{color:#111;font-weight:500;text-align:center}
.move .ser_tit p{font-size:35px;font-weight:700;color:var(--primary)}
.move .top_list{margin-top:50px}
.move .top_list div{font-size:15px}
.move .ser_box .info{position:relative;width:100%;padding:40px 30px;border-radius:10px;background:#fff}
.move .ser_box .info p{font-size:17px;font-weight:500;color:#111}
.move .ser_box .info b{font-size:20px;font-weight:700;color:var(--primary)}
.move .ser_box .info>span{position:absolute;top:-20px;left:50%;display:flex;align-items:center;justify-content:center;padding:10px 25px;border-radius:50px;font-size:13px;font-weight:700;color:#fff;letter-spacing:0;background:#1e2327;transform:translateX(-50%);font-family:'Poppins'}
.move .ser_box .info div span{display:block;margin-top:10px;font-size:13px;color:#aaa}
.move .ser_box .info>div{margin-top:15px;padding-top:10px;border-top:1px solid #e1e1e1}
.move .ser_box .merit{width:100%;border-top:1px dashed #fff;border-radius:10px;text-align:center;padding:20px;color:#fff;background:var(--primary)}
.move .ser_box .merit ul{display:flex;justify-content:center}
.move .ser_box .merit li+li{position:relative;margin-left:10px;padding-left:10px}
.move .ser_box .merit li+li:before{position:absolute;content:'';top:50%;left:0;width:3px;height:3px;border-radius:50px;background:#fff;transform:translateY(-50%)}
.move .special{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.move .special li{display:flex;flex-wrap:wrap;align-content:space-between;height:300px;padding:40px;border-radius:10px;line-height:1.5;color:#fff}
.move .special li span{display:block;width:100%;font-size:13px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
.move .special li p{margin-bottom:10px;font-size:20px;font-weight:700}
.move .ser_txt li{display:flex;align-items:center;gap:35px;padding:30px 40px;border-radius:10px;border:1px solid #e1e1e1;background:#f2f2f2}
.move .ser_txt li+li{margin-top:10px}
.move .ser_txt li p{font-size:20px;font-weight:700;color:#111}
.move .s_tit em{font-style:normal;font-size:13px;color:#aaa}
.move .move_ai{display:block;margin:0 auto 50px}
.move .ser_box .cost{position:relative;margin-top:30px !important;padding-top:30px !important;border-top:none !important;text-align:center}
.move .ser_box .cost:before{position:absolute;content:'';top:0;left:50%;width:55px;height:4px;border-radius:50px;background:var(--primary);transform:translateX(-50%)}
.move .ser_box .cost div{position:relative}
.move .ser_box .cost div ul{display:flex;justify-content:center;gap:10px;align-items:center}
.move .ser_box .cost div p{font-size:25px;font-weight:700;color:var(--primary)}
.move .ser_box .cost div ul li{padding:5px 15px;border-radius:50px;font-weight:700;color:var(--primary);background:#006df33b}

/*가정이사*/
#p45 .work{grid-template-columns:repeat(4,1fr)}
#p45 .person{display:flex;justify-content:center;gap:10px}
#p45 .person li{padding:10px 30px;border-radius:50px;color:#fff;background:#1e2327}
#p45 .check{display:flex;gap:100px}
#p45 .check img{border-radius:10px}
#p45 .check ul{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;align-content:center}
#p45 .check ul li{display:flex;align-items:center;gap:20px;border-radius:5px;padding:15px 20px;font-weight:600;color:#111;font-weight:500;background:#f2f2f2}
#p45 .check ul li svg{color:var(--primary)}
#p45 .top_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:100px;text-align:center}
#p45 .ser_box .info{height:390px}

/*사무실 이사*/
#p46 .ser{grid-template-columns:repeat(2,1fr)}
#p46 .step{grid-template-columns:repeat(5,1fr)}
#p46 .special li:nth-child(1){background:url(/sh_page/img/p46_img01.jpg)}
#p46 .special li:nth-child(2){background:url(/sh_page/img/p46_img02.jpg)}
#p46 .special li:nth-child(3){background:url(/sh_page/img/p46_img03.jpg)}
#p46 .ntc{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#p46 .ntc>li{display:flex;align-items:center;padding:35px;border:1px solid #e1e1e1;border-left:5px solid var(--primary)}
#p46 .ntc div{width:180px;margin-right:30px;padding-right:30px;border-right:1px dashed #e1e1e1;font-size:18px;font-weight:700;color:#111;text-align:center}
#p46 .ntc div svg{color:#c00}
#p46 .ntc>li ul li{display:flex;gap:10px;color:#111}
#p46 .ntc>li ul svg{width:15px;color:#111}

/*원룸이사*/
#p47 .work{grid-template-columns:repeat(4,1fr)}
#p47 .ser{grid-template-columns:repeat(2,1fr)}
#p47 .person{display:flex;justify-content:center;gap:10px}
#p47 .person li{padding:10px 30px;border-radius:50px;color:#fff;background:#1e2327}
#p47 .special li:nth-child(1){background:url(/sh_page/img/p47_img01.jpg)}
#p47 .special li:nth-child(2){background:url(/sh_page/img/p47_img02.jpg)}
#p47 .special li:nth-child(3){background:url(/sh_page/img/p47_img03.jpg)}
#p47 .special li:nth-child(4){background:url(/sh_page/img/p47_img04.jpg)}
#p47 .special li:nth-child(5){background:url(/sh_page/img/p47_img05.jpg)}
#p47 .special li:nth-child(6){background:url(/sh_page/img/p47_img06.jpg)}
#p47 .top_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
#p47 .top_list>li:nth-child(n+4){margin-top:30px}
#p47 .ser_box .info{position:relative;height:565px}
#p47 .top_list .cost{position:absolute;bottom:50px;left:50%;width:100%;transform:translateX(-50%)}

/*청소서비스*/
#p48 .ser_tit{width:100%;margin-top:0}
#p48 .ser_tit span{display:block;text-align:center}
#p48 .ser_tit p{text-align:center}
#p48 .ser_box{padding:0;background:none}
#p48 .ser_box .top_list> li{display:block}
#p48 .ser_box .info{height:235px;padding:40px 20px 20px;font-size:15px;background:#006df31f}
#p48 .ser_box .info b{display:inline-block;margin-bottom:5px}
#p48 .ser_box .info p{margin-bottom:10px;line-height:1.5;;white-space:pre-line}
#p48 .ser_box .merit{border-left:none;border-top:1px dashed #fff}
#p48 .ser_box .top_list>li+li{margin-top:0}
#p48 .top_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
#p48 table{width:100%}
#p48 table thead th{color:var(--primary);background:#fff}
#p48 table th{border-bottom:1px solid rgba(255,255,255,.3)}
#p48 table td{border-bottom:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3)}
#p48 .clean_list{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:50px;padding:50px;border-radius:10px;font-size:14px;text-align:left;color:#777;background:#f2f2f2}
#p48 .clean_list dl{line-height:1.6}
#p48 .clean_list dt{position:relative;margin-bottom:8px;padding-left:10px;font-weight:700;color:#111}
#p48 .clean_list dt:before{position:absolute;content:'';top:3px;left:0;width:3px;height:15px;background:var(--primary)}
#p48 .clean_list dd{color:#aaa}

/*보관이사*/
#p49 .step{grid-template-columns:repeat(4,1fr)}
#p49 .no{display:flex;align-items:center;justify-content:space-between}
#p49 .no ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#p49 .no li{display:flex;gap:20px;padding:20px;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;color:#111}
#p49 .no li svg{color:#c00}
#p49 .no p{margin-top:20px;font-size:13px;color:#aaa;text-align:right}

/*에어컨설치*/
#p50 .air_type{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-bottom:100px;text-align:center}
#p50 .air_type li{padding:50px;border:5px solid #e1e1e1;border-top:5px solid var(--primary)}
#p50 .air_type li p{font-size:25px;font-weight:700;color:#111}
#p50 .air_type img{display:block;margin:70px auto}
#p50 .air_cost{display:flex;justify-content:space-between}
#p50 .cost_tit p{font-size:35px;;font-weight:700;color:#111;line-height:1.3}
#p50 .cost_tit div{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;padding:10px;border:1px solid #e1e1e1;border-radius:50px;font-size:20px;font-weight:700;color:#111;letter-spacing:0;background:#f2f2f2;font-family:'Poppins'}
#p50 .cost_tit div span{display:flex;color:var(--primary)}
#p50 .tbl_area{width:65%}
#p50 .tbl_area table{width:100%;border-top:3px solid var(--primary);text-align:center}
#p50 .tbl_area div+div{margin-top:50px}
#p50 table tr>*{padding:20px}
#p50 table thead th{border-left:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);color:var(--primary);background:#006df33b}
#p50 table td{border-bottom:1px solid #e1e1e1}
#p50 table td:first-child{font-weight:600;color:#111;background:#f2f2f2}
#p50 table td+td{border-left:1px solid #e1e1e1}
#p50 table span{font-weight:700;color:var(--primary)}

/*체크리스트*/
#p52 table{width:100%;border-top:3px solid var(--primary);font-size:17px}
#p52 table thead th{padding:20px;color:var(--primary);background:#006df33b}
#p52 table tbody th{border-bottom:1px solid #e1e1e1;color:#111;background:#f2f2f2}
#p52 table tbody .t_weight{border-left:1px solid #e1e1e1}
#p52 table tr>*{padding:10px}
#p52 table td{padding:20px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#p52 table td label{margin-left:5px;cursor:pointer}
#p52 table td:last-child{text-align:center}

/* calendar */
.top_btn{text-align:right}
.top_btn .sh_btn{padding:10px 15px;border-radius:4px;background:#06d774;font-weight:600;font-size:15px;color:#fff}
#mara_cal{margin:0;padding:0;padding-top:30px}
#mara_cal .title{padding:20px 0 20px 0;font-size:22px;color:#333;text-align:center;font-family:'notokr-bold'}
#mara_cal .title a{display:inline-block;padding:0 15px}
#mara_cal .explain{margin-bottom:10px;padding:10px;border:1px solid #ebebeb;background:#fafafa;line-height:1.6em;text-align:center;font-family:'notokr-regular'}
#mara_cal table{width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #555}
#mara_cal table caption{overflow:hidden;font-size:0;line-height:0}
#mara_cal th{padding:10px 0;font-weight:normal;font-size:15px;line-height:1.6em;color:#333;text-align:center;background:#fff;font-family:'notokr-bold'}
#mara_cal th.red{color:#c00}
#mara_cal th.blue{color:#4285c8}
#mara_cal td{position:relative;padding:5px;height:120px;border:1px solid #e6e6e6;font-size:14px;color:#666;vertical-align:top;font-family:'notokr-regular'}
#mara_cal td .mo_btn{display:none}
#mara_cal td.gray{color:#999}
#mara_cal td.null{background:#fafafa}
#mara_cal td p{margin:0;padding:0;line-height:1.6em}
#mara_cal td .lunar{margin:0 5%;padding:10px 0;border-radius:10px;background:var(--primary);font-weight:500;font-size:15px;text-align:center;color:#fff;font-family:'Pretendard'}
#mara_cal td .title_day{padding:0 0 5px}
#mara_cal td .title_dayred{padding:0 0 5px;color:#ff0000}
#mara_cal td .title_dayblue{padding:0 0 5px;color:#06F}
#mara_cal td .day{font-weight:normal;padding:0 0 5px 0;font-family:'notokr-medium'}
#mara_cal td span.open{color:#70820D}
#mara_cal td span.close{color:#ccc}
.rm_grid_19{width:14%}
.rm_grid_3{width:15%}

#mypage_list #mara_cal td .auto_finish{display:block;width:96%;margin:0 2%;padding:10px 0;border-radius:10px;border:none;background:var(--primary);font-weight:500;font-size:15px;text-align:center;color:#fff;font-family:'Pretendard'}
#mypage_list #mara_cal td .end{background:var(--color-neutral-40)}
#mypage_list #mara_cal td .cancel{width:22px;border:none;border-radius:3px;background:var(--point);font-size:12px;line-height:22px;color:#fff;vertical-align:top}
#mypage_list #mara_cal td .list{margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed #e6e6e6}
#mypage_list #mara_cal td .list:nth-last-of-type(1){border-bottom:none}
#mypage_list .prd_color{font-family:'notokr-bold'}
#mypage_list .prd_color0{color:#FF6347}
#mypage_list .prd_color1{color:#20B2AA}
#mypage_list .prd_color2{color:#BA55D3}
#mypage_list .prd_color3{color:#4682B4}
#mypage_list .prd_color4{color:#F08080}
#mypage_list .prd_color5{color:#32CD32}
#mypage_list .prd_color6{color:#FFD700}
#mypage_list .prd_color7{color:#6A5ACD}
#mypage_list .prd_color8{color:#8B4513}
#mypage_list .prd_color9{color:#00FFFF}

/*마이페이지*/
.mypage{position:relative;padding-bottom:50px;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'Pretendard'}
.mypage section+section{margin-top:50px}
.mypage h3{margin-bottom:20px;font-size:30px;color:var(--primary);font-family:'Pretendard'}
.mypage caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0)}
.mypage .more_btn{display:table;width:150px;margin:30px auto 0;border-radius:50px;text-align:center;color:#fff;line-height:50px;background:#111}
.myinfo table td{text-align:left}

/*나의정보*/
.mypage table{width:100%;border-top:1px solid #111;text-align:center}
.mypage table tr>*{padding:13px;word-break:keep-all}
.mypage table th{font-weight:600;color:#111;background:#f2f2f2}
.mypage table tr>*{border-bottom:1px solid #e1e1e1}
.mypage table th+th{border-left:1px solid #e1e1e1}
.mypage table td+td{border-left:1px solid #e1e1e1}
.notice .tit{width:80%}
.m_ver{display:none}

/*적립금내역*/
.myorder .tabs{display:flex;margin:80px 0 30px}
.myorder .tabs li+li{margin-left:-1px}
.myorder .tabs li a{display:inline-block;border:1px solid var(--primary);border-bottom:none;padding:5px 25px;font-size:17px;font-weight:500;color:var(--primary)}
.myorder .tabs li .on{font-weight:700;color:#fff;background:var(--primary)}
.myorder .search{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:50px;padding:30px 40px;border-radius:3px;background:#f2f2f2}
.myorder .search input, .myorder form select{box-shadow:none;font-family:'Pretendard'}
.myorder .no_data{text-align:center}
.myorder .move_date{width:100px}
.myorder .move_ser{width:50%}
.myorder button{background:#111}
.myorder .order_btn{width:50%;height:38px;border:none;border-radius:50px;font-weight:700;color:#fff;font-family:'Pretendard'}
.myorder .reset{display:flex;align-items:center;justify-content:center;color:#fff;background:#aaa}
.myorder form div{display:flex;align-items:center;gap:5px;width:100%}

/* 적립금결제 */
.mypage .pay_box{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;align-items:initial}
.mypage .pay_box input[type='radio']{display:none}
.mypage .pay_box label{width:100%;padding:25px 30px;display:block;border:1px solid #e1e1e1;border-radius:6px;font-size:15px;cursor:pointer;text-align:center;border-radius:0 0 7px 7px;background:#fff;font-family:'notokr-medium'}
.mypage .pay_box input[type='radio']:checked + label{border:1px solid var(--primary);transition:all 0.2s;color:var(--primary);font-family:'notokr-bold'}
.mypage .pay_box input[type='text']{width:85%;height:30px;margin:-5px 0;padding:0 20px 0 12px;border:1px solid #e1e1e1;border-radius:2px;font-size:15px;color:#777}
.mypage .pay_box .amount_box{width:initial;flex-direction:column;border-radius:7px;gap:0}
.mypage .pay_box .amount_box p{display:flex;justify-content:center;align-items:center;width:100%;height:50px;border-radius:7px 7px 0 0;cursor:pointer;color:#fff;background:#888;font-family:'notokr-medium'}
.mypage .pay_box .amount_box .amount_sub{justify-content:center;position:relative}
.mypage .pay_box .amount_box .amount_sub .amount_top{position:absolute;width:100%;height:100%;background-color:transparent;z-index:10}
.mypage .pay_box .amount_box.hover > p,.mypage .pay_box .amount_box.checked > p {background: var(--primary);transition:all 0.2s}
.mypage .pay_box input[type=text]:focus{-webkit-box-shadow:none;box-shadow:none;border:1px solid #e1e1e1 !important}
.mypage .btn-submit{display:block;margin:30px auto 0;border:none;padding:14px 50px;border-radius:4px;font-size:15px;cursor:pointer;transition:all 0.2s;background-color:#333;color:#fff;font-family:'notokr-medium'}
@media (max-width:1024px){
.mypage .pay_box{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:480px){
.mypage .pay_box{gap:10px}
.mypage .pay_box label{padding:25px 15px}
}
@media (hover:hover) {
.amount_box.hover > p {background: var(--primary)}
.amount_box.hover label{border:1px solid var(--primary);color:var(--primary);transition: all 0.3s;font-family:'notokr-bold'}
}

/*나의 오더내역*/
.order_info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.order_info h3{margin-bottom:0}
.order_info div{display:flex;position:relative;align-items:center}
.order_info div .no_open{display:none;position:absolute;top:0;right:0;font-weight:bold;line-height: 36px;color:#A52A2A}
.order_info div span{display:flex;align-items:center;gap:5px;margin-left:15px;font-weight:700;color:#111}
.order_info div span em{display:flex;width:30px;height:30px;border-radius:50px;justify-content:center;align-items:center;font-style:normal;color:#fff;background:#FFA500}
.order_info p{padding:8px 20px;border:2px solid #e1e1e1;font-weight:700;color:#111}
.mypage .count_tbl{margin-bottom:20px;}
.mypage .excel_btn{margin-bottom:10px;text-align:right}
.mypage .excel_btn a{padding:10px 15px}
#cmt_area{display:none}
/* 카톡 랜딩페이지 */
#p63 .top{display:flex;justify-content:center;gap:70px}
#p63 .pl{white-space:pre-line}
#p63  p > .blue{color:var(--primary);font-weight:700}
#p63 .icon_tit{display:flex;align-items:center;margin:80px 0 50px;gap:20px}
#p63 .icon_tit p{font-size:18px;color:#222;font-weight:700}
#p63 .top .top_tbox{margin-top:100px}
#p63 .top .top_tbox p{font-size:18px;color:#222;font-weight:700}
#p63 .top .top_tbox p .kakao_b{margin-right:10px}
#p63 .top .top_tbox p > .name{font-size:25px}
#p63 .top .top_tbox .s_top_tbox p{margin-top:80px;font-size:16px}
#p63 .top .top_tbox .s_top_tbox .line{position:relative;}
#p63 .top .top_tbox .s_top_tbox .line::before{content:"";display:inline-block;position:absolute;top:13px;left:0;width:100%;height:11px;background-color:rgba(0,109,243,0.3)}
#p63 .middle .in_middle{display:grid;grid-template-columns:repeat(2,1fr);gap:80px}
#p63 .middle .in_middle li{display:flex;flex-direction:column;align-items:center;position:relative}
#p63 .middle .in_middle li:nth-child(odd)::after{content:url(/sh_page/img/p63_icon03.png);position:absolute;top:50%;right:-60px;width:45px;height:45px;border-radius:50%;background-color:var(--primary);text-align:center;line-height:45px}
#p63 .middle .in_middle li b{padding:10px 20px;border-radius:50px;color:#fff;font-size:13px;font-weight:700;background-color:var(--primary);font-family:'poppins'}
#p63 .middle .in_middle li p{padding:15px 0 25px;color:#222;font-size:16px}
#p63 .middle .m_box{display:flex;align-items:center;padding:35px;margin-top:30px;border:1px solid #e1e1e1;border-left:5px solid var(--primary)}
#p63 .middle .m_box .left{display:flex;flex-direction:column;justify-content:center;align-items:center;width:21%;padding-right:35px;border-right: 1px dashed #e1e1e1;gap:15px}
#p63 .middle .m_box .left > .center{text-align:center;font-size:16px;color:#222;font-weight:700}
#p63 .middle .m_box > .m_inbox{padding-left:35px}
#p63 .middle .m_box > .m_inbox li{position:relative;margin-left:20px}
#p63 .middle .m_box > .m_inbox li::before{content:"";display:inline-block;position:absolute;top:10px;left:-20px;width:5px;height:5px;border-radius:50%;background-color:var(--primary)}
#p63 .bottom .bottom_imgbox{display:flex;justify-content:center;gap:120px}
#p63 .bottom .bottom_imgbox .b_right{margin-top:120px}
#p63 .bottom .bottom_imgbox .b_right .t_box{margin-bottom:40px;}
#p63 .bottom .bottom_imgbox .b_right .t_box strong{font-size:25px;color:var(--primary);font-weight:700}
#p63 .bottom .bottom_imgbox .b_right .t_box p{margin-top:20px;font-size:18px;color:#222}
#p63 .bottom .b_btn{display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px;gap:20px;}
#p63 .bottom .b_btn li {display:flex;align-items:center;justify-content:center;padding:20px 0;border-radius:15px;background-color:#050548}
#p63 .bottom .b_btn .btn_02{background-color:#f7e409}
#p63 .bottom .b_btn .btn_02 a{color:#381e1f}
#p63 .bottom .b_btn .btn_02 i{color:#381e1f}
#p63 .bottom .b_btn li a{color:#89c4fa;font-weight:700}
#p63 .bottom .b_btn li img{margin-right:25px}
#p63 .bottom .b_btn li i{margin-left:15px;color:#89c4fa}

/* 영업 파트너 입점 안내 */
#p72 {color:#222}
#p72 .tit .s_tit{margin-top:26px;line-height:1.6;font-size:17px;font-weight:500;color:#444}
#p72 .pl{white-space:pre-line}
#p72 .cont{margin-bottom:100px}
#p72 .cont_tit{position:relative;display:flex;align-items:center;margin-bottom:40px;gap:20px}
#p72 .cont_tit>div{position:absolute;right:0;width:65%;height:1px;background:#e1e1e1}
#p72 .cont_tit p{font-size:28px;color:#222;font-weight:700}
#p72 .i_wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-left:40px}
#p72 .i_wrap .i_box{display:flex;flex-wrap:wrap}
#p72 .i_wrap .i_box .i_txt{width:calc(100%/2);padding:40px;line-height:1.6;font-size:16px}
#p72 .i_wrap .i_box .i_txt span{display:block;margin-bottom:10px;font-size:20px;font-weight:700}
#p72 .i_wrap .i_box .i_txt span:before{content:'';display:inline-block;width:7px;height:7px;margin:-5px 16px 0 6px;vertical-align:middle;background:var(--primary);border-radius:100%;}
#p72 .blue_box{margin-bottom:50px;padding:30px 20px;border-radius:20px;background:#f9f9f9}
#p72 .blue_tit{display:inline-block;margin-bottom:20px;padding:10px 40px;border-radius:10px;text-align:center;font-size:18px;font-weight:700;color:#fff;background:var(--primary)}
#p72 .cont .list{padding:0 10px;font-size:16px;font-weight:700}
#p72 .cont .list b{display:inline-block;width:36px;margin-right:20px;padding:0 8px;border-radius:100%;text-align:center;line-height:36px;font-size:15px;font-weight:700;color:var(--primary);background:#e5f0fe;font-family:'poppins'}
#p72 .cont .list strong{width:calc(100% - 30px)}
#p72 .cont .list ul .li{margin-bottom:8px;font-weight:700}
#p72 .cont .list ul li{display:flex;align-items:center;margin-bottom:14px;font-weight:500}
#p72 .cont .list ul span{display:inline-block;width:50px;margin-right:20px;padding:0;border-radius:10px;text-align:center;line-height:30px;font-size:13px;font-weight:700;color:#fff;background:#050548}
#p72 .cont .list .l_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px;padding:20px;border:1px dashed #e1e1e1;border-radius:20px;text-align:center;background:#fff}
#p72 .cont .list .l_box01 p{display:block;margin-bottom:20px;border-radius:10px;text-align:center;line-height:40px;font-weight:700;color:var(--primary);background:#e5f0fe}
#p72 .cont .list .l_box01 img{box-shadow:0px 2px 7px 0px #e1e1e1}
#p72 .cont .cont_dis{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:30px}
#p72 .cont .cont_dis .dis_box{border: 1px dashed #e1e1e1;border-top:0;border-radius:20px}
#p72 .cont .cont_dis .dis_box ul li b{width:30px;line-height:30px;font-size:13px;font-weight:500;color:#fff;background:#333}
#p72 .cont .cont_dis .blue_tit{width:100%;border-radius:20px 20px 0 0}
#p72 .cont .cont_dis .list{padding:0 10%}
#p72 .alert{margin-top:60px;padding:24px 45px;border-radius:20px;font-size:15px;font-weight:500;color:#444;background:#fff5e9}
#p72 .alert span{display:block;margin-bottom:10px;font-size:20px;font-weight:700}
#p72 .bottom .b_btn{display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px;gap:20px;}
#p72 .bottom .b_btn li {display:flex;align-items:center;justify-content:center;padding:20px 0;border-radius:15px;background-color:#050548}
#p72 .bottom .b_btn .btn_02{background-color:#c9e1ff}
#p72 .bottom .b_btn .btn_02 a{color:var(--primary)}
#p72 .bottom .b_btn .btn_02 i{color:var(--primary)}
#p72 .bottom .b_btn li a{color:#fff;font-weight:700}
#p72 .bottom .b_btn li img{margin-right:25px}
#p72 .bottom .b_btn li i{margin-left:15px;color:#fff}


/* 영업회원 마이페이지 공통 */
.mypage .state_tit{padding:5px 10px;border-radius:30px;color:#fff}
.mypage .state_1{background:#51b507}
.mypage .state_2{background:#bb1212}
.mypage .state_3{background:#ff721e}
.mypage .state_4{background:#999}
.mypage .state_5{background:#f3b700}
.copy_btn{padding:4px 10px;border-radius:50px;text-align:center;border:none;color:#fff;background:var(--primary)}
.mypage .price_box{display:flex;gap:50px;padding:30px 50px;margin-bottom:40px;border-radius:20px;color:#fff;background:#1e2327}
.mypage .price_area{width:40%}
.mypage .price_area ul{display:flex;gap:30px;flex-direction:column}
.mypage .price_area ul li{display:flex;justify-content:space-between}
.mypage .view_form{display:flex;flex-direction:column;gap:22px}
.mypage .view_form button{border:none;margin-left:10px;padding:10px 20px;border-radius:30px;color:#fff;background:var(--primary)}

/* 영업회원 접수현황 */
.sales_order .price_search{display:flex;gap:5px;flex-direction:column;justify-content:space-between;width:30%}
.sales_order .price_area{width:35%}
.sales_order .price_state .state_tit{padding:3px 20px 3px 40px;margin-right:5px}
.sales_order .price_state ul{gap:10px !important}
.sales_order .price_state .price_total_box{margin-top:20px;padding-top:20px;border-top:1px solid #888}

/* 반응형 [s] */
@media (max-width:1280px){
#p72 .i_wrap{gap:10px;margin-left:0}
#p72 .i_wrap .i_box .i_txt{padding:40px 0 40px 20px}
#p72 .i_wrap .i_box img{width:240px}
#p72 .cont .list .l_box{justify-content:center;row-gap:50px}
#p72 .cont .pc img{width:100%}
}
@media (max-width:1024px){
.pagecommon{font-size:14px}
.pagecommon .tit span{display:none}
.pagecommon .tit p{display:none}
.pagecommon .tit div{padding:40px 0;font-size:16px}
.pagecommon .tit img{width:100%}
.move .box+.box{margin-top:100px}
.move .box .s_tit{margin-bottom:25px;font-size:20px}
.move .work{grid-template-columns:repeat(3,1fr)}
.move .work li span{width:80px;padding:3px;font-size:11px}
.move .special{grid-template-columns:repeat(2,1fr)}
.move .special li{height:235px;background-position:center !important}
.move .special li p{font-size:18px}
.move .ser_box{margin-top:50px;padding:50px 30px 30px}
.move .ser_txt li p{font-size:18px}
.move .step{grid-template-columns:repeat(4,1fr)}
.move .ser_tit p{font-size:25px}

#p45 .check img{display:none}
#p45 .check ul{grid-template-columns:repeat(4,1fr);gap:25px}
#p45 .top_list{grid-template-columns:repeat(1,1fr);gap:45px;margin-top:50px}
#p45 .ser_box .info{height:auto}
#p45 .person{flex-wrap:wrap}
#p47 .top_list{grid-template-columns:repeat(2,1fr)}
#p47 .ser_box .info{padding:30px 20px}
#p47 .top_list>li:nth-child(n+3){margin-top:30px}
#p47 .ser_box .info:not(.high){height:500px}
#p48 .top_list{grid-template-columns:repeat(2,1fr)}
#p48 .ser_box .info{height:auto}
#p48 .ser_box .info p{white-space:normal}
#p48 .ser_box .top_list> li:nth-child(n+3){margin-top:20px}
#p48 .clean_list{grid-template-columns:repeat(3,1fr)}
#p49 .no{display:block}
#p49 .no img{display:block;margin:0 auto;padding-bottom:50px}
#p50 .air_type img{width:100%}
#p50 .cost_tit p{font-size:30px}
#p52{margin-top:30px}
#p52 .tit{display:none}
#p52 table{font-size:16px}
#p52 table tr>*{padding:5px}
#p52 table thead th{padding:10px}
#p52 table td{padding:10px}

#mara_cal th{font-size:14px}
#mara_cal td{font-size:12px}

.mypage{font-size:15px}
.mypage *{word-break:keep-all}
.mypage h3{margin-bottom:10px;font-size:25px}
.mypage table tr>*{padding:10px}
.mypage .frm_input{width:150px}
.mypage .search{padding:20px}

#p63 .bottom .bottom_imgbox{align-items:center;gap:40px}
#p63 .bottom .bottom_imgbox .b_right{margin-top:0;text-align:center}
#p63 .bottom .bottom_imgbox .b_right .t_box{text-align:center}
#p63 .bottom .bottom_imgbox .b_left > img{display:block;width:90%;margin:0 auto}
#p63 .bottom .bottom_imgbox .b_right img{width:80%}

#p72 .i_wrap{grid-template-columns:repeat(1, 1fr);gap:30px}
#p72 .i_wrap .i_box{justify-content: space-evenly;}
#p72 .i_wrap .i_box .i_txt{padding:30px 20px 0}
#p72 .cont .list .r_box img{width:100%}
#p72 .cont .list .l_box img{width:100%}

.mypage .price_box{flex-direction:column;padding:25px !important;gap:20px !important}
.mypage  .price_area{width:100%}
.sales_order .price_search{width:100%;flex-direction:row}
}
@media (max-width:900px){
#p63 .top{flex-direction:column;align-items:center;gap:50px}
#p63 .top > img{width:60%}
#p63 .top .top_tbox{margin-top:0}
#p63 .top .top_tbox .s_top_tbox p{margin-top:30px}

#p72 .cont{margin-bottom:90px}
#p72 .cont_tit p{font-size:25px}
#p72 .cont .list .l_box{padding:20px 14px}
}
@media (max-width:820px){
#p63 .middle .in_middle{grid-template-columns:repeat(1,1fr)}
#p63 .middle .in_middle li:nth-child(odd)::after{display:none;}
#p63 .middle .m_box .left{width:40%;margin-right:20px;padding:20px 20px 20px 0}
#p63 .icon_tit{margin:60px 0 40px}

}
@media (max-width:768px){
.pagecommon{padding:0 10px 50px}
.pagecommon .pl{white-space:normal}
.pagecommon .tit{margin-bottom:55px}
.pagecommon .tit div{width:90%}
.move .ser{grid-template-columns:repeat(2,1fr)}
.move .ser img{width:80px}
.move .ser p{font-size:16px}
.move .box+.box{margin-top:70px}
.move .box .s_tit{font-size:18px}
.move .box .s_tit span{width:40px;height:40px}
.move .special li{height:220px;padding:30px}
.move .special li p{margin-bottom:5px;font-size:16px}
.move .ser_txt li p{font-size:16px}
.move .step{grid-template-columns:repeat(2,1fr) !important}
.move .ser_box .info b{font-size:18px}

#p45 .check ul{grid-template-columns:repeat(2,1fr);gap:10px;width:100%}
#p45 .work{grid-template-columns:repeat(2,1fr)}
#p46 .step{grid-template-columns:repeat(2,1fr)}
#p46 .ntc{grid-template-columns:repeat(1,1fr);gap:10px}
#p46 .ntc div{font-size:16px}
#p47 .work{grid-template-columns:repeat(2,1fr)}
#p47 .top_list{grid-template-columns:repeat(1,1fr);gap:50px}
#p47 .top_list>li:nth-child(n+4){margin-top:0}
#p47 .ser_box .info{height:auto}
#p47 .top_list .cost{position:relative;left:unset;bottom:unset;transform:none}
#p47 .top_list>li:nth-child(n+3){margin-top:0}
#p47 .ser_box .info:not(.high){height:auto}
#p48 .clean_list{grid-template-columns:repeat(2,1fr)}
#p50 .cost_tit{text-align:center}
#p50 .cost_tit p{font-size:25px}
#p50 .air_cost{display:block}
#p50 .air_type{gap:20px;grid-template-columns:repeat(1,1fr)}
#p50 .air_type li{padding:35px}
#p50 .air_type img{width:300px;margin:30px auto 20px}
#p50 .cost_tit div{display:inline-flex;padding:10px 25px}
#p50 .tbl_area{width:100%;margin-top:30px}
#p52 table{font-size:15px}

#mara_cal .title{font-size:20px}
#mara_cal td{height:90px}

.mypage{padding:30px 10px}
.mypage .frm_input{width:100%}
.myorder .search{flex-flow:column}
.myorder .order_btn{height:50px}

.go_link{display:grid !important;grid-template-columns:repeat(3,1fr);margin-bottom:25px;gap:5px}
.go_link a{display:block;height:100%;padding:10px;border-radius:5px;font-weight:700;text-align:center;background:#f2f2f2}
.go_link a.on{color:#fff;background:var(--primary)}

#sh_bo_v .go_link,#sh_bo_w .go_link{margin:25px 10px}
#sh_bo_v .go_link,#sh_bo_w .go_link a{font-size:14px}

#p63 .middle .m_box > .m_inbox{padding-left:20px}
#p63 .bottom .bottom_imgbox{flex-direction:column}
#p63 .bottom .bottom_imgbox .b_right {display:flex;flex-direction:row-reverse;align-items:center;gap:50px}
#p63 .bottom .bottom_imgbox .b_right img{width:200px}
#p63 .bottom .bottom_imgbox .b_right .t_box{margin-bottom:25px;gap:12px}

#p72 .cont{margin-bottom:70px}
#p72 .cont .list .l_box{row-gap:40px}
#p72 .cont_tit{margin-bottom:34px}
#p72 .cont_tit p{font-size:22px}
#p72 .i_wrap .i_box .i_txt span{font-size:18px}
#p72 .alert{margin-top:40px;padding:20px 30px}
#p72 .alert span{font-size:18px}

.mypage .price_box{flex-direction:column}
.mypage .withdraw_box{display:flex;align-items:center;gap:10px}
.sales_order .price_search{flex-direction:column;margin-bottom:0;gap:10px}
.mypage .price_area ul,.sales_order .price_area ul{gap:15px}
}

@media (max-width:590px){
#p63 .icon_tit{margin:50px 0 30px}
#p63 .middle .m_box{flex-direction:column}
#p63 .middle .m_box > .m_inbox{padding-left:0}
#p63 .middle .m_box .left{width:100%;margin-right:0;border-right:0}
#p63 .middle .m_box .left > .center{white-space:normal;word-break:keep-all}
#p63 .bottom .bottom_imgbox .b_right {flex-direction:column;gap:10px}
#p63 .bottom .b_btn{grid-template-columns:repeat(1,1fr)}

#p72 .cont .cont_dis{grid-template-columns:repeat(1,1fr)}
#p72 .bottom .b_btn{grid-template-columns:repeat(1,1fr)}
}

@media (max-width:480px){
.pagecommon .tit div{width:100%}
.pagecommon .tit img{margin-top:0}

.move .move_ai{width:70%}
.move .ser{grid-template-columns:repeat(1,1fr) !important;gap:10px}
.move .special{grid-template-columns:repeat(1,1fr)}
.move .special li{height:170px}
.move .ser_txt li{display:block;padding:30px;text-align:center}
.move .ser_txt div{margin-top:10px}
.move .work{grid-template-columns:repeat(1,1fr);gap:10px}
.move .work li{padding:20px}
.move .work li div p{font-size:16px}
.move .ser_box{padding:50px 20px 20px;border-radius:10px}
.move .ser_tit p{font-size:22px}
.move .ser_box .info b{font-size:18px}
.move .ser_box .info p{font-size:15px}
.move .ser_box .info>span{padding:5px 20px}
.move .ser_box .merit{padding:10px}
.move .ser_box .cost div p{font-size:20px}

#p45 .check ul{grid-template-columns:repeat(1,1fr)}
#p45 .ser_box .info{padding:30px 20px}
#p46 .ser{grid-template-columns:repeat(1,1fr);gap:10px}
#p46 .ntc>li{display:block}
#p46 .ntc div{width:100%;margin-bottom:15px;margin-right:0;padding-right:0;border-right:none}
#p48 .top_list{grid-template-columns:repeat(1,1fr);gap:40px}
#p48 .ser_box .top_list> li:nth-child(n+3){margin-top:0}
#p48 .clean_list{padding:30px;grid-template-columns:repeat(1,1fr)}
#p49 .no img{width:100%}
#p49 .no ul{display:block}
#p49 .no ul li+li{margin-top:5px}
#p50 .cost_tit p{font-size:20px}
#p50 .air_type{margin-bottom:50px}
#p50 .air_type li p{font-size:22px}
#p50 .tbl_area div{overflow-x:scroll}
#p52 .tbl_area{overflow-x:scroll}

#mara_cal th{font-size:13px}
#mara_cal td{height:60px;padding:3px;font-size:11px;letter-spacing:-1px}
#mara_cal td .mo_btn{display:block;height:28px;border-radius:3px;border:1px solid #aaa;font-size:11px;line-height:26px;text-align:center;background-color:#f2f2f2}
#mara_cal td .subject{display:none}
.pc_ver{display:none}
.m_ver{display:block}

.mypage{font-size:14px}
.mypage h3{font-size:20px}
.mypage .tbl_area{overflow-x:scroll}
.myorder .tabs{margin:30px 0 10px}
.myorder .tabs li a{font-size:15px}
.myorder .search{padding:0;background:none}
.myorder .order_btn{height:40px}

.order_info{display:block}
.order_info div .no_open{display:block}
.order_info h3{margin-bottom:0}
.order_info div span{margin-left:5px}
.order_info p{margin-top:10px;border:none;color:#111;background:#e4f0ff}

.order_list li{display:flex;align-items:center;padding:20px;border:1px solid #e1e1e1;border-top:2px solid var(--primary)}
.order_list .move_day{text-align:center}
.order_list .move_day span{color:var(--point);background:#ffe1d5}
.order_list .move_day p{font-weight:700;color:var(--point)}
.order_list .cus_info{margin-left:20px;padding-left:20px;border-left:1px dashed #e1e1e1}
.order_list .move_type{display:inline-flex;align-items:center;gap:5px;padding:3px 15px;border-radius:50px;font-size:12px;font-weight:700;background:#f2f2f2}
.order_list .move_type p{color:#111}
.order_list .border_box{display:inline-flex;padding:0 10px;border-radius:50px;font-size:12px;font-weight:700}
.order_list .priv{display:flex;padding:5px 0;font-weight:700;color:#111}
.order_list .priv p+p{position:relative;margin-left:8px;padding-left:8px}
.order_list .priv p+p:after{position:absolute;content:'';top:8px;left:0;width:1px;height:10px;background:#e1e1e1}
.order_list .location{font-size:13px}
.order_list .blue{color:var(--primary);background:#cce2fd}
.order_list .call{display:flex;justify-content:center;margin-top:10px;padding:5px;border:1px solid #e1e1e1;border-radius:50px;background:#f2f2f2}
.order_list .call svg{width:20px;color:var(--primary)}
.order_list .box{border:none;background:#888;font-size:11px}
.order_list .box2{background:#A52A2A}

#mypage_list #mara_cal td .auto_finish{padding:5px 0;border-radius:3px;font-size:12px}
.mypage .tbl_area td:last-child{white-space:nowrap}

#mara_cal td .lunar{padding:3px 0;border-radius:3px;font-size:12px}


#p63 .icon_tit > img{width: 50px}
#p63 .top .top_tbox{text-align:center}
#p63 .top .top_tbox p .kakao_b{width:70%}
#p63 .middle .in_middle{gap:50px}
#p63 .middle .in_middle li > img{width:70%}
#p63 .bottom .bottom_imgbox .b_left > img{width:70%}
#p63 .bottom .b_btn li img{width:50px}

#p72{text-align:center;line-height:1.7}
#p72 .cont{margin-bottom:60px}
#p72 .cont_tit{gap:10px;margin-bottom:12px}
#p72 .cont_tit p{font-size:18px}
#p72 .i_wrap .i_box .i_txt{width:100%;padding:12px 20px 0}
#p72 .i_wrap .i_box img{width:210px}
#p72 .alert{padding:16px 18px;border-radius:12px;line-height:1.7;text-align:left}
#p72 .alert p{word-break:break-all}
#p72 .alert span{font-size:17px}
#p72 .blue_box{padding:0 0 10px}
#p72 .blue_tit{width:100%;margin-bottom:14px;padding:8px 30px;border-radius:20px 20px 0 0;font-size:16px;font-weight:600}
#p72 .cont .list{font-size:16px}
#p72 .cont .list ul li{margin-bottom:12px;text-align:left;font-size:15px}
#p72 .cont .list b{width:30px;margin-right:10px;padding:0 6px;line-height:30px;font-size:13px}
#p72 .cont .list ul span{width:42px;margin-right:10px;padding:0 8px;line-height:30px;font-size:13px}
#p72 .cont .list .l_box01 p{line-height:36px}
#p72 .cont .list .l_box01 img{width:100%}

#p72 .cont .cont_dis .list{padding:0 10px}
#p72 .bottom .b_btn li img{width:50px}


}
@media (max-width:380px){
#p50 .air_type img{width:100%}

#p63 .top{gap:20px}
#p63 .top .top_tbox .s_top_tbox p{margin-top:15px;font-size:15px}
#p72 .cont{margin-bottom:50px}
#p72 .cont .list ul li{margin-bottom:8px}
#p72 .cont .list .l_box{margin-bottom:40px}
#p72 .cont_tit{margin-bottom:16px}
#p72 .alert{margin-top:30px}
}

/* kt-텔레콤 랜딩페이지 */
#Kt-landing .landing{width:100%;overflow:hidden}
#Kt-landing .sc-inner{width:min(1360px, calc(100% - 80px));margin:0 auto}
#Kt-landing .section{padding:120px 0}
#Kt-landing .sound-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

#Kt-landing .hero{padding:100px 0;background:var(--red)}
#Kt-landing .hero__inner{min-height:600px;display:grid;grid-template-columns:540px 1fr;align-items:center;gap:20px}
#Kt-landing .hero__copy{display:flex;flex-direction:column;align-items:flex-start}
#Kt-landing .hero__eyebrow{margin:0 0 28px;color:#fff;font-family:"Gmarket Sans", sans-serif;font-size:26px;line-height:1.6}
#Kt-landing .hero__title{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:"Gmarket Sans", sans-serif;font-size:56px;font-weight:500;line-height:1.4;letter-spacing:-2.2px;color:#fff}
#Kt-landing .hero__brand{min-width:222px;height:79px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;border-radius:70px;background:#fff;color:var(--red);font-size:24px;font-weight:700;letter-spacing:-1px}
#Kt-landing .hero__title strong{flex-basis:100%;color:#000;font-size:60px;font-weight:700}
#Kt-landing .hero__desc{margin:16px 0 52px;color:#fff;font-size:20px;font-weight:600;line-height:1.6}
#Kt-landing .hero__visual{width:100%;height:600px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
#Kt-landing .hero__visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
#Kt-landing .cm-btn{border:0;display:flex;align-items:center;justify-content:center;width:100%;height:84px;padding:0 20px;border-radius:20px;font-size:24px;font-weight:700;transition:transform .2s, opacity .2s}
#Kt-landing .cm-btn:hover{transform:translateY(-2px)}
#Kt-landing .btn--white{background:#fff;color:#000}
#Kt-landing .btn--black{background:#000;color:#fff}

#Kt-landing .section-heading{margin-bottom:40px;text-align:center}
#Kt-landing .section-heading__eyebrow{margin:0 0 16px;color:#ff6268;font-size:20px;font-weight:700;line-height:1.6}
#Kt-landing .section-heading h2{margin:0;font-size:40px;line-height:1.6}
#Kt-landing .section-heading h2 span{color:var(--red-dark)}
#Kt-landing .section-heading__desc{margin:16px 0 0;color:var(--body);font-size:18px;line-height:1.5}
#Kt-landing .section-heading--left{text-align:left}

#Kt-landing .recommend-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}
#Kt-landing .recommend-card{min-height:164px;padding:12px 40px;display:flex;align-items:center;gap:20px;border-radius:20px;background:var(--gray)}
#Kt-landing .recommend-card > div{flex:1}
#Kt-landing .recommend-card h3{margin:0 0 8px;font-size:20px;line-height:1.6}
#Kt-landing .recommend-card p{margin:0;color:var(--body);font-size:18px;line-height:1.5}

#Kt-landing .benefits{background:var(--gray)}
#Kt-landing .benefit-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}
#Kt-landing .benefit-card{min-height:432px;padding:25px 40px;display:flex;flex-direction:column;align-items:center;border-radius:20px;border:1px solid #E4E4E7;background:#fff;text-align:center}
#Kt-landing .badge{padding:12px 16px;border-radius:50px;background:var(--red);color:#fff;font-size:16px;font-weight:700}
#Kt-landing .benefit-card h3{margin:16px 0 6px;font-size:24px;line-height:1.55}
#Kt-landing .benefit-card h3 em{color:var(--red-dark);font-style:normal}
#Kt-landing .benefit-card p{margin:0;color:var(--body);font-size:18px;line-height:1.5}
#Kt-landing .benefit-card__image{width:160px;height:160px;margin-top:auto;object-fit:contain}
#Kt-landing .continued-benefits{margin-top:80px}
#Kt-landing .continued-benefits > h3{margin:0 0 28px;font-size:32px;line-height:1.6}
#Kt-landing .check-grid{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:28px;row-gap:28px}
#Kt-landing .check-item{display:flex;gap:10px}
#Kt-landing .check-item svg{margin-top:2px;stroke-width:3px}
#Kt-landing .check-item b{font-size:20px;line-height:1.6}
#Kt-landing .check-item p{margin:4px 0 0;color:var(--body);font-size:16px;line-height:1.5}
#Kt-landing .benefit-heading{text-align:center}
#Kt-landing .benefit-cta{margin-top:80px;display:flex;flex-direction:column;align-items:center}
#Kt-landing .benefit-cta .cm-btn{height:86px;border-radius:50px}
#Kt-landing .benefit-cta__bubble{position:relative;z-index:1;margin:0 0 10px;padding:10px 18px;border-radius:999px;background:#ff6268;color:#fff;font-size:15px;font-weight:600;line-height:1.5;text-align:center}
#Kt-landing .benefit-cta__bubble::after{content:"";position:absolute;left:50%;bottom:-8px;width:0;height:0;border-top:9px solid #ff6268;border-right:9px solid transparent;border-left:9px solid transparent;transform:translateX(-50%)}
#Kt-landing .notice{margin:16px 0 0;color:#71717a;font-size:14px;line-height:1.6}

#Kt-landing .security{position:relative;background:linear-gradient(145deg, #050505, #27272a);color:#fff}
#Kt-landing .security>.sc-inner{position:relative;z-index:1}
#Kt-landing .security-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
#Kt-landing .security-heading .section-heading{flex:1}
#Kt-landing .security-heading__camera{flex:0 0 auto;width:210px;height:140px;object-fit:contain}
#Kt-landing .section-heading--dark .section-heading__desc{color:#d4d4d8}
#Kt-landing .security-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}
#Kt-landing .security-card{overflow:hidden;border-radius:20px;background:#3F3F46}
#Kt-landing .security-card__copy{padding:28px 20px;background:#52525B;text-align:center}
#Kt-landing .security-card__image{display:block;width:calc(100% - 40px);margin:20px;aspect-ratio:269 / 264;border-radius:20px;object-fit:cover}
#Kt-landing .security-card h3{margin:0 0 8px;font-size:20px}
#Kt-landing .security-card p{margin:0;color:#fff;font-size:14px;line-height:1.5}

#Kt-landing .products{background:var(--gray)}
#Kt-landing .product-links{margin-bottom:100px;display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}
#Kt-landing .product-links button{height:84px;padding:0 28px;display:flex;align-items:center;justify-content:center;gap:8px;border:3px solid #000;border-radius:16px;cursor:pointer;background:#fff;font-size:24px}
#Kt-landing .product-links button b{font-weight:700}
#Kt-landing .product-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
#Kt-landing .product-card{position:relative;overflow:hidden;border-radius:20px;background:#111}
#Kt-landing .product-card::after{content:"";position:absolute;z-index:1;inset:45% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.88) 48%,#000 72%);pointer-events:none}
#Kt-landing .product-card img{display:block;width:100%;height:auto;border-radius:20px}
#Kt-landing .product-card__content{position:absolute;z-index:2;left:40px;right:40px;bottom:32px;color:#fff}
#Kt-landing .product-card__content h3{margin:0;font-size:32px;font-weight:700;line-height:1.5}
#Kt-landing .product-card__content p{margin:4px 0 0;color:#fff;font-size:20px;line-height:1.5}

#Kt-landing .inquiry__heading{margin-bottom:40px}
#Kt-landing .inquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
#Kt-landing .inquiry-info{width:730px}
#Kt-landing .inquiry-banner{position:relative;min-height:500px;padding:40px;display:flex;align-items:flex-end;overflow:hidden;border-radius:20px;background:#333 url("/sh_page/img/kt-telecop/footer_background.png") center right/cover no-repeat;color:#fff}
#Kt-landing .inquiry-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, #ef3136 0%, #ef3136 20%, rgba(239,49,54,.94) 30%, rgba(239,49,54,0) 70%)}
#Kt-landing .inquiry-banner__copy{position:relative;z-index:1;width:72%}
#Kt-landing .inquiry-banner__eyebrow{margin:0 0 14px;font-size:16px;font-weight:600;line-height:1.5}
#Kt-landing .inquiry-banner h3{margin:0 0 14px;font-size:36px;line-height:1.45;letter-spacing:-1.4px}
#Kt-landing .inquiry-banner__desc{margin:0;font-size:16px;line-height:1.6}
#Kt-landing .contact-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
#Kt-landing .contact-card{padding:22px 35px;border:1px solid var(--line);border-radius:20px}
#Kt-landing .contact-card h3{margin:0 0 20px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:20px}
#Kt-landing .contact-card h3 strong{color:var(--red-dark)}
#Kt-landing .contact-icon{width:60px;height:60px;object-fit:contain}
#Kt-landing .contact-card dl{margin:0}
#Kt-landing .contact-card dl div{display:flex;gap:20px;margin:8px 0;font-size:18px}
#Kt-landing .contact-card dt{width:90px;color:var(--body)}
#Kt-landing .contact-card dd{margin:0;font-weight:600}
#Kt-landing .contact-card a{display:block;height:100%}
#Kt-landing .inquiry-form{display:flex;flex-direction:column;gap:20px}
#Kt-landing .product-radios{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}
#Kt-landing .product-radios label{height:60px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid #a1a1aa;border-radius:12px;color:#a1a1aa;font-size:16px;font-weight:600;cursor:pointer}
#Kt-landing .product-radios label.is-active{border-color:var(--red-dark);color:var(--red-dark)}
#Kt-landing .product-radios input, #Kt-landing .agreement input{position:absolute;opacity:0;pointer-events:none}
#Kt-landing .product-radios label > span{position:relative;width:20px;height:20px;border:1px solid currentColor;border-radius:50%}
#Kt-landing .product-radios label > span:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:currentColor;border-radius:50%;transform:translate(-50%, -50%);transition:transform}
#Kt-landing .product-radios label.is-active > span{border:6px solid var(--red-dark)}
#Kt-landing .product-radios label.is-active > span:after{background:#fff}
#Kt-landing .form-fields{display:flex;flex-direction:column;gap:20px}
#Kt-landing .form-field{position:relative;display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:600}
#Kt-landing .form-field.adress:after{position:absolute;bottom:15px;right:20px;width:20px;height:20px;opacity:.5;content:'';background:url('/sh_page/img/kt-telecop/search.png');background-size:cover}
#Kt-landing .form-field.service:after{position:absolute;bottom:15px;right:20px;width:20px;height:20px;opacity:.5;content:'';background:url('/sh_page/img/kt-telecop/date.png');background-size:cover}
#Kt-landing .form-field input{width:100%;height:52px;padding:0 12px;border:1px solid #a1a1aa;border-radius:8px;outline:none;font-weight:400}
#Kt-landing .form-field input:focus{border-color:var(--red-dark);box-shadow:0 0 0 3px rgba(250,76,83,.1)}
#Kt-landing .input-button{display:flex;gap:12px}
#Kt-landing .input-button + .input-button{margin-top:8px}
#Kt-landing .input-button button{flex:0 0 87px;border:1px solid #a1a1aa;border-radius:12px;background:#fff;color:#71717a;font-weight:600}
#Kt-landing .agreements{padding:16px 20px;background:#f4f4f5}
#Kt-landing .agreement-head{display:flex;align-items:center;justify-content:space-between}
#Kt-landing .agreement{display:flex;align-items:center;gap:10px;min-height:32px;color:#a1a1aa;font-size:16px;line-height:1.5;cursor:pointer;transition:color .2s}
#Kt-landing .agreement.is-checked{color:#52525b}
#Kt-landing .agreement.is-checked svg{color:#0f3395}
#Kt-landing .agreement--all{color:#18181b;font-size:18px}
#Kt-landing .agreement input{position:absolute;width:1px;height:1px;opacity:0}
#Kt-landing .check-icon{position:relative;flex:0 0 20px;width:20px;height:20px}
#Kt-landing .agreement--all .check-icon{width:28px;height:28px;border:2px solid #a1a1aa;border-radius:4px;color:#aaa;background:#fff}
#Kt-landing #agreeAll:checked + .check-icon{color:#0f3395}
#Kt-landing .agreement-details{display:flex;flex-direction:column;gap:8px;margin-top:8px}
#Kt-landing .js-toggle-agreements{position:relative;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .2s}
#Kt-landing .js-toggle-agreements.is-closed{transform:rotate(180deg)}

@media (max-width:1024px) {
#Kt-landing .sc-inner{width:min(100% - 40px, 900px)}
#Kt-landing .section{padding:80px 0}
#Kt-landing .hero{min-height:auto;padding:70px 0}
#Kt-landing .hero__inner{grid-template-columns:1fr}
#Kt-landing .hero__visual{height:420px}
#Kt-landing .recommend-grid, #Kt-landing .inquiry-layout{grid-template-columns:1fr}
#Kt-landing .security-grid{grid-template-columns:repeat(2, 1fr)}
#Kt-landing .inquiry-info{width:100%}
}

@media (max-width:768px) {
#Kt-landing .benefit-cards{grid-template-columns:repeat(2, 1fr)}
#Kt-landing .benefit-cards .benefit-card:nth-child(3){grid-column:1 / -1}
#Kt-landing .product-card__content h3{font-size:28px}
#Kt-landing .product-card__content p{font-size:18px}
#Kt-landing .product-links{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
#Kt-landing .product-links button{font-size:20px}
#Kt-landing .cm-btn{height:75px;font-size:20px}
}

@media (max-width:600px) {
#Kt-landing .sc-inner{width:calc(100% - 40px)}
#Kt-landing .section{padding:60px 0}
#Kt-landing .hero{padding:20px 0 40px}
#Kt-landing .hero__inner{min-height:0;gap:20px}
#Kt-landing .hero__eyebrow{margin-bottom:20px;font-size:16px}
#Kt-landing .hero__title{gap:8px 12px;font-size:26px;letter-spacing:-1px}
#Kt-landing .hero__brand{min-width:122px;width:122px;height:40px;padding:0 16px;font-size:14px}
#Kt-landing .hero__brand img{width:100%}
#Kt-landing .hero__title strong{font-size:26px}
#Kt-landing .hero__desc{margin:20px 0;font-size:16px;line-height:1.5}
#Kt-landing .hero__desc br{display:none}
#Kt-landing .hero .cm-btn{height:56px;border-radius:12px;font-size:18px}
#Kt-landing .hero__visual{height:251px}

#Kt-landing .section-heading{margin-bottom:40px}
#Kt-landing .section-heading__eyebrow{margin-bottom:8px;font-size:16px;line-height:1.5}
#Kt-landing .section-heading h2{font-size:24px;line-height:1.6}
#Kt-landing .section-heading__desc{margin-top:8px;font-size:16px}

#Kt-landing .recommend-grid{gap:20px}
#Kt-landing .recommend-card{min-height:142px;padding:20px 16px 20px 20px;gap:12px}
#Kt-landing .recommend-card h3{font-size:18px;line-height:1.5}
#Kt-landing .recommend-card p{font-size:16px}
#Kt-landing .icon-placeholder{flex-basis:80px;width:80px;height:80px}

#Kt-landing .benefit-cards{grid-template-columns:1fr;gap:20px}
#Kt-landing .benefit-card{min-height:auto;padding:24px 20px}
#Kt-landing .benefit-card h3{font-size:22px}
#Kt-landing .benefit-card p{font-size:16px}
#Kt-landing .benefit-card__image{width:100px;height:100px;margin-top:12px}
#Kt-landing .continued-benefits{margin-top:60px}
#Kt-landing .continued-benefits > h3{margin-bottom:24px;font-size:22px}
#Kt-landing .check-grid{grid-template-columns:1fr;row-gap:24px}
#Kt-landing .check-item b{font-size:18px}
#Kt-landing .benefit-cta{margin-top:40px}
#Kt-landing .benefit-cta .cm-btn{height:60px;border-radius:12px;font-size:18px}
#Kt-landing .benefit-cta__bubble{margin-bottom:8px;padding:7px 12px;font-size:12px}
#Kt-landing .notice{text-align:left}

#Kt-landing .security-grid{grid-template-columns:1fr;gap:20px}
#Kt-landing .security-heading{gap:12px;align-items:center}
#Kt-landing .security-heading .section-heading{margin-bottom:40px}
#Kt-landing .security-heading__camera{display:none}
#Kt-landing .security-card__copy{min-height:118px;padding:20px}
#Kt-landing .security-card__image{aspect-ratio:295 / 264;margin:20px;width:calc(100% - 40px);border-radius:12px}

#Kt-landing .product-links button{justify-content:center;height:60px}
#Kt-landing .product-grid{grid-template-columns:1fr;gap:20px}
#Kt-landing .product-card, #Kt-landing .product-card img{border-radius:12px}
#Kt-landing .product-card__content{left:20px;right:20px;bottom:20px}
#Kt-landing .product-card__content h3{font-size:20px}
#Kt-landing .product-card__content p{font-size:14px}

#Kt-landing .inquiry-layout{gap:40px}
#Kt-landing .inquiry-banner{min-height:359px;padding:20px;align-items:flex-end;background-position:62% center}
#Kt-landing .inquiry-banner__copy{width:88%}
#Kt-landing .inquiry-banner__eyebrow{margin-bottom:8px;font-size:14px}
#Kt-landing .inquiry-banner h3{margin-bottom:10px;font-size:26px;letter-spacing:-1px}
#Kt-landing .inquiry-banner__desc{font-size:13px}
#Kt-landing .contact-grid{grid-template-columns:1fr}
#Kt-landing .contact-card{min-height:154px;padding:21px}
#Kt-landing .contact-card dl div{font-size:16px}
#Kt-landing .contact-icon{width:40px;height:40px}
#Kt-landing .product-radios{grid-template-columns:1fr}
#Kt-landing .agreement{align-items:flex-start;font-size:14px;word-break:break-all}
#Kt-landing .agreement--all .check-icon{display:flex;align-items:center;justify-content:center}
#Kt-landing .check-icon svg{width:20px;height:20px}

#Kt-landing .cm-btn{height:65px;font-size:18px}
}

/*인터넷 상담*/
#internet-landing .sc-inner{position:relative;width:min(1360px, calc(100% - 48px));margin:0 auto}
#internet-landing .section{overflow:hidden}
#internet-landing .pc-only{display:block}
#internet-landing .mo-only{display:none}

#internet-landing .hero{position:relative;min-height:750px;overflow:hidden;color:#fff;background:#477eff url("/sh_page/img/internet-join/main_bg.png") center / cover no-repeat}
#internet-landing .hero__inner{position:relative;display:flex;align-items:center;min-height:750px}
#internet-landing .hero__copy{position:relative;z-index:2;width:620px}
#internet-landing .hero__headings{display:grid;gap:8px}
#internet-landing .eyebrow{font-family:var(--display-font);font-size:28px;font-weight:700;line-height:1.6;letter-spacing:-.5px}
#internet-landing .hero h1{font-family:var(--display-font);font-size:clamp(44px, 2.92vw, 56px);line-height:1.4;letter-spacing:-.5px}
#internet-landing .hero h1 strong{color:#fff36b;font-weight:700}
#internet-landing .hero__description{margin-top:24px;font-size:20px;line-height:1.5;letter-spacing:-.5px}
#internet-landing .primary-button{width:100%;height:80px;margin-top:48px;border:0;border-radius:50px;color:#2160f8;background:#fff;font-family:var(--display-font);font-size:28px;font-weight:700;cursor:pointer;box-shadow:0 12px 30px rgba(26, 63, 143, .18);transition:transform .2s, box-shadow .2s}
#internet-landing .primary-button:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(26, 63, 143, .24)}
#internet-landing .hero-visual{position:absolute;z-index:1;top:125px;right:0;width:690px;height:464px}
#internet-landing .hero-visual img{display:block;width:100%;height:100%;object-fit:contain}

#internet-landing .benefits{min-height:1180px;padding:120px 0;background:#f0f0f0}
#internet-landing .benefits__inner{display:grid;grid-template-columns:460px 840px;gap:60px;align-items:center}
#internet-landing .section-copy h2, #internet-landing .section-header h2, #internet-landing .carriers h2, #internet-landing .consultation h2{font-family:var(--display-font);font-size:44px;line-height:1.4;letter-spacing:-.5px;white-space:normal}
#internet-landing .headline-accent{color:var(--blue-deep);background:linear-gradient(to top, var(--headline-bar) 0 10px, transparent 10px) 0 0 / 100% 100% no-repeat;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
#internet-landing .headline-accent--light{color:var(--blue-light)}
#internet-landing .section-copy__description{display:grid;gap:16px;margin-top:24px;font-size:20px;line-height:1.6;letter-spacing:-.5px}
#internet-landing .section-copy__description strong{color:#1955f8;line-height:1.5}
#internet-landing .benefit-grid{display:grid;grid-template-columns:repeat(2, 400px);gap:40px}
#internet-landing .benefit-card{min-height:390px;padding:40px;border:1px solid #e3e6ed;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(31, 45, 75, .06)}
#internet-landing .benefit-card:nth-child(even){transform:translateY(60px)}
#internet-landing .benefit-card__icon{display:block;width:140px;height:140px;margin-bottom:28px;object-fit:contain}
#internet-landing .benefit-card h3{font-size:24px;line-height:1.6;letter-spacing:-.5px}
#internet-landing .benefit-card p{margin-top:12px;color:var(--muted);font-size:18px;line-height:1.5;letter-spacing:-.5px}

#internet-landing .section--dark{min-height:1121px;padding:120px 0;color:#fff;background:linear-gradient(180deg, #000 0%, #0a2263 100%)}
#internet-landing .section-header{text-align:center}
#internet-landing .section-header h2{font-size:44px}
#internet-landing .section-header p{margin-top:24px;color:var(--link);font-size:20px;line-height:1.6}
#internet-landing .section-header strong{display:block;margin-top:8px;color:#2563ff;font-size:20px;line-height:1.5}
#internet-landing .section-header--light p{color:#E4E4E7}
#internet-landing .section-header--light strong{color:#E4E4E7}
#internet-landing .mo-review-copy{display:none}
#internet-landing .comparison-boxes{position:relative;display:flex;justify-content:center;align-items:center;margin-top:60px}
#internet-landing .compare-card{position:relative;flex:none;border-radius:20px}
#internet-landing .compare-card h3{font-family:var(--display-font);font-size:24px;line-height:1.6;text-align:center;white-space:nowrap}
#internet-landing .compare-card li{display:flex;align-items:center;min-height:65px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.25);font-size:20px;line-height:1.6;white-space:nowrap}
#internet-landing .compare-card--normal{width:440px;padding:40px;border-radius:20px 0 0 20px;color:#f2f2f4;background:#565760}
#internet-landing .compare-card--normal h3{color:#fff;margin-bottom:24px}
#internet-landing .compare-card--normal li{justify-content:center}
#internet-landing .compare-card--point{width:520px;min-height:569px;padding:40px 0 0;color:#fff;background:linear-gradient(160deg, #39b5e9 0%, #2459d9 46%, #1648d1 100%);box-shadow:0 24px 60px rgba(17, 70, 211, .34)}
#internet-landing .compare-card--point h3{margin-bottom:24px;font-size:32px;line-height:1.6}
#internet-landing .compare-card--point li{padding-left:114px}
#internet-landing .compare-card--point li strong{font-weight:700}
#internet-landing .compare-card--point li span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:8px;border-radius:50%;color:#1c59fa;background:#fff;font-weight:800}
#internet-landing .compare-card--point li span svg{width:20px;stroke-width:3px}
#internet-landing .saving{display:grid;place-items:center;min-height:99px;margin-top:0;color:#3ce8ef;font-family:var(--body-font);font-size:36px;line-height:1.6}
#internet-landing .versus{position:absolute;top:45px;left:50%;z-index:3;width:72px;margin:0 -36px;color:#fff;font-family:var(--body-font);font-size:50px;font-weight:700;line-height:1.6;text-align:center;text-shadow:0 0 16px rgba(255,255,255,.65);transform:translateX(-50%)}
#internet-landing .custom-badge{position:absolute;top:-75px;right:-35px;display:grid;place-items:center;width:160px;height:160px;border-radius:50%;color:#111;background:#efffff;font-family:var(--display-font);font-size:24px;font-weight:700;line-height:1.3;text-align:center}

#internet-landing .carriers{min-height:476px;padding:102px 0 88px;background:#f4f4f5}
#internet-landing .carriers__inner{text-align:center}
#internet-landing .carriers h2{font-size:44px}
#internet-landing .carrier-list{margin-top:24px}
#internet-landing .carrier-track{display:flex;justify-content:center;gap:48px}
#internet-landing .carrier-logo{display:grid;place-items:center;width:204px;height:88px;border-radius:44px;background:#fff}
#internet-landing .carrier-logo img{display:block;width:120px;height:48px;object-fit:contain}

#internet-landing .reviews{position:relative;padding:120px 0;background:#fff}
#internet-landing .reviews .inner{position:relative}
#internet-landing .review-deco{position:absolute;z-index:0;pointer-events:none}
#internet-landing .review-deco--left{top:48px;left:100px;width:153px;height:auto}
#internet-landing .review-deco--right{top:71px;right:76px;width:182px;height:auto}
#internet-landing .reviews .section-header, #internet-landing .review-grid{position:relative;z-index:1}
#internet-landing .tag-list{margin-top:24px}
#internet-landing .tag-track{display:flex;justify-content:center;gap:24px}
#internet-landing .tag-list span{flex:none;padding:8px 20px;border:2px solid var(--blue-deep);border-radius:30px;color:var(--blue-deep);background:#fff;font-weight:700;font-size:20px;line-height:1.6}
#internet-landing .marquee-clone{display:none}
#internet-landing .review-grid{width:100%;margin-top:60px;overflow:hidden}
#internet-landing .review-group{display:flex;gap:40px;width:max-content;animation:review-slide linear infinite}
@keyframes review-slide{to{transform:translateX(var(--review-distance))}}
#internet-landing .review-card{flex:0 0 392px;overflow:hidden;border:1px solid #e3e7ee;border-radius:24px;background:#fff}
#internet-landing .review-card__image{display:block;width:calc(100% - 72px);height:233px;margin:36px;border-radius:18px;object-fit:cover}
#internet-landing .review-card__body{display:grid;gap:20px;padding:0 36px 36px}
#internet-landing .review-card__meta, #internet-landing .review-card__info, #internet-landing .review-card__result{display:flex;justify-content:space-between;align-items:center}
#internet-landing .review-card__meta > span:first-child{padding:4px 12px;border-radius:4px;font-weight:700;color:#2461f6;background:#edf3ff;font-size:16px;line-height:1.5}
#internet-landing .stars{display:inline-flex;align-items:center;gap:2px}
#internet-landing .stars img{display:block;width:24px;height:24px;object-fit:contain}
#internet-landing .review-card blockquote{margin:0;color:#343b49;font-size:16px;line-height:1.5}
#internet-landing .review-card__info{padding-top:18px;border-top:1px solid var(--line);color:#7b8290;font-size:16px;line-height:1.5}
#internet-landing .review-card__info span+span{font-weight:700;color:var(--ink)}
#internet-landing .review-card__result{min-height:45px;font-size:20px;font-weight:700;line-height:1.6}
#internet-landing .review-card__result span{width:50%;font-size:18px;line-height:1.2;word-break:keep-all}
#internet-landing .review-card__result strong{color:#2461f6;font-family:var(--display-font);font-size:28px;font-weight:700;line-height:1.6}

#internet-landing .consultation{min-height:1278px;padding:120px 0;background:var(--sky)}
#internet-landing .consultation__header{position:relative;display:flex;justify-content:space-between}
#internet-landing .consultation__header p{margin-top:16px;color:#41516a;font-size:20px;line-height:1.6}
#internet-landing .consultation__image{align-self:center;width:412px;height:200px;object-fit:contain}
#internet-landing .consultation__content{display:grid;grid-template-columns:540px 760px;gap:60px;margin-top:40px}
#internet-landing .steps{align-self:center}
#internet-landing .steps li{min-height:136px;padding:24px 0;border-bottom:1px solid #cfd9e4}
#internet-landing .steps span{display:block;color:#075dff;font-size:18px;font-weight:700;line-height:1.5}
#internet-landing .steps h3{margin-top:0;font-size:20px;font-weight:700;line-height:1.6}
#internet-landing .steps p{margin-top:8px;color:#58677c;font-size:16px;line-height:1.5}
#internet-landing .consult-form{overflow:hidden;border-radius:24px;background:#fff}
#internet-landing .consult-form__title{display:flex;align-items:center;gap:28px;min-height:86px;padding:20px 40px;color:#fff;background:var(--ink)}
#internet-landing .consult-form__title strong{font-family:var(--body-font);font-size:24px;line-height:1.6}
#internet-landing .consult-form__title span{font-size:18px;line-height:1.5}
#internet-landing .consult-form__body{display:grid;gap:32px;width:700px;padding:20px 40px 40px}
#internet-landing fieldset{margin:0;padding:0;border:0}
#internet-landing legend{position:unset;text-indent:unset;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.6}
#internet-landing .choice-grid{display:grid;gap:16px}
#internet-landing .choice-grid input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
#internet-landing .choice-grid--2{grid-template-columns:repeat(2, 1fr);gap:20px}
#internet-landing .choice-grid--3{grid-template-columns:repeat(3, 1fr)}
#internet-landing .choice-grid--4{grid-template-columns:repeat(4, 1fr)}
#internet-landing .choice-grid label{display:grid;place-items:center;min-width:0;height:60px;padding:8px 14px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;font-size:18px;line-height:1.5;cursor:pointer;transition:border .2s, color .2s, background .2s}
#internet-landing .choice-grid label:hover, #internet-landing .choice-grid input[type="radio"]:checked+label{border:2px solid #2f70ff;color:#1c5df5;background:#f4f8ff;font-weight:700}
#internet-landing .choice-grid--4 img{display:block;width:90px;max-width:100%;height:32px;object-fit:contain}
#internet-landing .form-help{display:flex;gap:40px;margin-top:12px;padding:12px 20px;border-radius:10px;color:#6a7280;background:#f5f6f8;font-size:16px;line-height:24px}
#internet-landing .form-help strong{flex:none;color:#343b47}
#internet-landing .form-submit-row{display:grid;grid-template-columns:1fr;gap:16px}
#internet-landing .agreement{display:flex;align-items:center;gap:8px;color:#606876;font-size:14px;cursor:pointer}
#internet-landing .agreement input{width:20px;height:20px;accent-color:#2464fb}
#internet-landing .submit-button{height:60px;border:0;border-radius:12px;color:#fff;background:#2464fb;font-size:20px;font-weight:800;cursor:pointer}
#internet-landing .form-message{min-height:0;color:#2464fb;font-size:14px;text-align:center}

#internet-landing .bottom-cta{position:sticky;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:min(1360px, calc(100% - 48px));min-height:123px;margin:-123px auto 0;padding:20px 160px;border-radius:24px 24px 0 0;color:#fff;background:linear-gradient(100deg, #4777fa, #1955f8)}
#internet-landing .bottom-cta div{display:grid}
#internet-landing .bottom-cta span{font-size:20px;line-height:1.6}
#internet-landing .bottom-cta strong{font-family:var(--display-font);font-size:36px}
#internet-landing .bottom-cta button{width:400px;height:62px;border:0;border-radius:50px;border:2px solid #fff;color:#fff;background:none;font-size:20px;font-weight:800;cursor:pointer}
#internet-landing .tel-button{position:fixed;z-index:20;right:20px;bottom:20px;display:none;width:52px;height:52px;border:0;border-radius:50%;color:#fff;background:#006ef3;font-size:23px;cursor:pointer;box-shadow:0 8px 22px rgba(0, 68, 170, .24)}


@media (max-width:1200px) and (min-width:768px) {
#internet-landing .benefits__inner{grid-template-columns:1fr}
#internet-landing .benefit-grid{justify-content:center}
#internet-landing .consultation__content{grid-template-columns:.8fr 1.2fr}
}

@media (max-width:768px) {
#internet-landing .sc-inner{width:calc(100% - 40px)}
#internet-landing .pc-only{display:none}
#internet-landing .mo-only{display:block}
#internet-landing .hero{min-height:auto}
#internet-landing .hero__inner{position:relative;display:block;min-height:auto;padding:20px 0 80px}
#internet-landing .hero__copy{width:100%;text-align:center}
#internet-landing .hero__headings{gap:5px;text-align:left}
#internet-landing .eyebrow{font-size:16px;line-height:1.5}
#internet-landing .hero h1{font-size:26px;line-height:1.4}
#internet-landing .hero__description{margin-top:12px;font-size:16px;line-height:1.5;text-align:left}
#internet-landing .primary-button{position:absolute;z-index:3;left:0;bottom:20px;height:56px;margin:0;border-radius:12px;font-size:18px}
#internet-landing .hero-visual{position:static;width:300px;height:200px;margin:30px auto}

#internet-landing .benefits{min-height:1132px;padding:60px 0}
#internet-landing .benefits__inner{display:block}
#internet-landing .section-copy h2, #internet-landing .section-header h2, #internet-landing .carriers h2, #internet-landing .consultation h2{font-size:24px;line-height:1.4}
#internet-landing .section-copy__description{gap:8px;margin-top:16px;font-size:16px;line-height:1.5}
#internet-landing .benefit-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}
#internet-landing .benefit-card{display:grid;grid-template-columns:92px 1fr;align-items:center;grid-template-rows:auto 1fr;column-gap:20px;min-height:174px;padding:20px;border-radius:18px}
#internet-landing .benefit-card:nth-child(even){transform:none}
#internet-landing .benefit-card__icon{grid-row:1 / 3;width:92px;height:92px;margin:0}
#internet-landing .benefit-card h3{align-self:end;font-size:18px;line-height:1.5}
#internet-landing .benefit-card p{align-self:start;margin-top:8px;font-size:16px;line-height:1.5}

#internet-landing .section--dark{min-height:1270px;padding:60px 0}
#internet-landing .section-header p{margin-top:16px;font-size:18px;line-height:1.5}
#internet-landing .section-header strong{margin-top:8px;font-size:18px;line-height:1.5}
#internet-landing .comparison-boxes{display:grid;justify-content:normal;gap:0;margin-top:40px}
#internet-landing .compare-card--normal, #internet-landing .compare-card--point{width:100%;min-height:0;border-radius:20px}
#internet-landing .compare-card--normal{padding:20px}
#internet-landing .compare-card--point{position:relative;padding:20px 0 0}
#internet-landing .compare-card h3{margin-bottom:20px;font-size:20px;line-height:1.6}
#internet-landing .compare-card--point h3{margin-bottom:20px;font-size:24px;line-height:1.6}
#internet-landing .compare-card li{min-height:57px;padding:16px 10px;font-size:16px;line-height:1.5}
#internet-landing .compare-card--point li{min-height:60px;padding:16px 20px;font-size:18px;line-height:1.5}
#internet-landing .compare-card--point li::before{flex:none;width:22px;height:22px;font-size:14px}
#internet-landing .saving{min-height:79px;margin-top:0;border-radius:0 0 20px 20px;font-size:24px;line-height:1.6}
#internet-landing .versus{position:unset;margin:0 auto;transform:none}
#internet-landing .custom-badge{top:-45px;right:15px;width:88px;height:88px;font-size:15px;line-height:1.3}

#internet-landing .carriers{min-height:316px;padding:60px 0}
#internet-landing .carrier-list{width:100vw;margin-top:40px;margin-left:calc(50% - 50vw);overflow:hidden}
#internet-landing .carrier-track{--marquee-start:-53.5px;--marquee-shift:10px;justify-content:flex-start;width:max-content;gap:20px;padding-left:0;animation:mobile-marquee 10s linear infinite;will-change:transform}
#internet-landing .carrier-logo{flex:none;width:134px;height:60px;border:1px solid #d5d8de;border-radius:30px}
#internet-landing .carrier-logo img{width:90px;height:36px}

#internet-landing .reviews{padding:60px 0}
#internet-landing .reviews .section-header p{margin-top:16px}
#internet-landing .pc-review-copy{display:none}
#internet-landing .mo-review-copy{display:block;font-size:18px;line-height:1.5}
#internet-landing .tag-list{width:100vw;margin-top:24px;margin-left:calc(50% - 50vw);overflow:hidden}
#internet-landing .tag-track{--marquee-start:0px;--marquee-shift:8px;justify-content:flex-start;width:max-content;gap:16px;animation:mobile-marquee 12s linear infinite;will-change:transform}
#internet-landing .tag-list span{padding:10px 14px;font-size:14px;line-height:1.4}
#internet-landing .carrier-logo.marquee-clone{display:grid}
#internet-landing .tag-list .marquee-clone{display:inline-block}
#internet-landing .review-deco--left{top:0px;left:-18px;width:74px}
#internet-landing .review-deco--right{top:33px;right:-13px;width:88px}
#internet-landing .review-grid{overflow:visible}
#internet-landing .review-group{flex-direction:column;width:100%;gap:16px;animation:none;transform:none}
#internet-landing .review-group .review-card:nth-child(n+4){display:none}
#internet-landing .review-group .review-card{width:100%}
#internet-landing .review-group .review-card[aria-hidden="true"]{display:none}
#internet-landing .review-card{flex:0;border-radius:20px}
#internet-landing .review-card__image{width:calc(100% - 40px);height:250px;margin:20px;border-radius:14px}
#internet-landing .review-card__body{gap:16px;padding:0 20px 24px}
#internet-landing .stars img{width:20px;height:20px}
#internet-landing .review-card blockquote{margin:0;font-size:16px;line-height:1.5}
#internet-landing .review-card__result{font-size:16px}
#internet-landing .review-card__result span{font-size:16px}
#internet-landing .review-card__result strong{font-size:21px}

#internet-landing .consultation{padding:60px 0 0}
#internet-landing .comparison .headline-accent,
#internet-landing .consultation .headline-accent{background:none}
#internet-landing .consultation__header p{margin-top:16px;font-size:18px;line-height:1.5}
#internet-landing .consultation__image{position:absolute;top:0;right:0;width:120px;height:120px;object-fit:contain;margin-top:-10px}
#internet-landing .consultation__content{display:block;margin-top:40px}
#internet-landing .steps{padding-left:0}
#internet-landing .steps li{min-height:124px;padding:20px 0}
#internet-landing .steps span{font-size:16px;line-height:1.5}
#internet-landing .steps h3{font-size:18px;line-height:1.5}
#internet-landing .steps p{margin-top:4px;font-size:16px;line-height:1.5}
#internet-landing .consult-form{margin-top:24px;border-radius:18px}
#internet-landing .consult-form__title{display:grid;gap:2px;min-height:78px;padding:16px 20px}
#internet-landing .consult-form__title strong{font-size:18px;line-height:1.5}
#internet-landing .consult-form__title span{font-size:14px;line-height:1.5}
#internet-landing .consult-form__body{width:100%;gap:24px;padding:24px 20px}
#internet-landing legend{font-size:16px;line-height:1.5}
#internet-landing .choice-grid{gap:8px}
#internet-landing .choice-grid--2{gap:8px}
#internet-landing .choice-grid--3{grid-template-columns:repeat(2, 1fr)}
#internet-landing .choice-grid--3 .choice:nth-child(3){grid-column:1 / -1}
#internet-landing .choice-grid--4{grid-template-columns:repeat(2, 1fr)}
#internet-landing .choice-grid label{height:52px;padding:6px 8px;border-radius:10px;font-size:16px;line-height:1.5}
#internet-landing .form-help{display:block;margin-top:8px;padding:10px 12px;line-height:1.5}
#internet-landing .form-help strong{display:block;margin-bottom:4px}
#internet-landing .agreement{font-size:12px}
#internet-landing .submit-button{height:56px}
#internet-landing .bottom-cta{display:none}
#internet-landing .tel-button{display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
#internet-landing .tel-button.is-visible{opacity:1;pointer-events:auto}
#internet-landing .tel-button svg{fill:#fff;stroke-width:0}
}

@keyframes mobile-marquee {
from{transform:translateX(var(--marquee-start, 0px))}
to{transform:translateX(calc(-50% - var(--marquee-shift, 8px) + var(--marquee-start, 0px)))}
}

#internet{max-width:760px;margin:50px auto}
#internet .tit{margin-bottom:40px}
#internet .l_tit{font-weight:700;font-size:18px;color:#222}

#internet .tit_txt{margin-bottom:50px;padding:24px 40px;border-radius:12px;background:#fff5e9;color:#222}
#internet .tit_txt span{font-weight:800}
#internet .tit_txt span.blue{color:var(--primary)}

#internet .chk_area{display:flex;margin:10px 0 50px;gap:5px;flex-wrap:wrap}
#internet .chk_area li{flex:1 1 150px}
#internet .chk_area input{display:none}
#internet .chk_area label{display:block;padding:20px;border-radius:7px;border:1px solid #e1e1e1;font-weight:500;font-size:16px;text-align:center;color:#666;cursor:pointer}
#internet .chk_area .kt img{width:28px}
#internet .chk_area .sk label{padding:15.5px}
#internet .chk_area .sk img{width:48px}
#internet .chk_area .lg img{width:84px}
#internet .chk_area input:checked + label{border-color:var(--primary);color:var(--primary);background:#e4f2ff}
#internet .chk_info{margin:-40px 0 50px;padding:24px 40px;border-radius:12px;background:#f2f2f2;color:#555}
#internet .chk_info dt{font-weight:800}
#internet .submit_btn{display:block;width:100%;border:none;border-radius:12px;background:var(--blue-deep);font-weight:800;font-size:18px;line-height:60px;color:#fff}

#internet #step2{display:none;position:fixed;inset:0;z-index:9999;width:100%;height:100%;padding:24px;background:rgba(0,0,0,.65)}
#internet #step2 .cont_area{position:absolute;top:50%;left:50%;width:500px;max-width:calc(100% - 48px);max-height:calc(100dvh - 48px);padding:36px 40px 40px;overflow-y:auto;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.25);transform:translate(-50%,-50%)}
#internet #step2 .cont_area .close{position:absolute;top:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent}
#internet #step2 .cont_area .close svg{width:35px;height:35px;color:var(--ink);stroke-width:1.8}
#internet #step2 .popup_head{margin-bottom:24px;text-align:center}
#internet #step2 .popup_head img{display:block;width:76px;height:76px;margin:0 auto 14px;object-fit:contain}
#internet #step2 .popup_head h2{margin:0;color:var(--ink);font-size:24px;font-weight:700;line-height:1.5;letter-spacing:-.5px;font-family:var(--body-font)}
#internet #step2 .popup_head p{margin:6px 0 0;color:#3F3F46;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.4px}
#internet #step2 .cont_area>div{position:relative;margin-bottom:16px}
#internet #step2 .cont_area>div>label{display:block;margin:0 0 8px;color:var(--ink);font-size:16px;font-weight:700;line-height:1.5}
#internet #step2 .cont_area>div>svg{position:absolute;right:14px;bottom:14px;width:20px;height:20px;color:#71717a;pointer-events:none}
#internet #step2 .sh_input{width:100%;height:48px;padding:0 14px;border:1px solid #d4d4d8;border-radius:8px;color:var(--ink);background:#fff;font-size:16px;font-weight:400;outline:none}
#internet #step2 .sh_input::placeholder{color:#a1a1aa}
#internet #step2 .sh_input:focus{border-color:#1955f8;box-shadow:0 0 0 3px rgba(25,85,248,.1)}
#internet #step2 input[name="internet_addr"],#internet #step2 input[name="internet_date"]{padding-right:44px;cursor:pointer}
#internet #step2 .btn_area{display:flex;gap:8px;margin-bottom:8px}
#internet #step2 .btn_area:last-child{margin-bottom:0}
#internet #step2 .btn_area input{min-width:0;flex:1}
#internet #step2 .btn_area button{flex:0 0 76px;height:48px;padding:0;border:1px solid #d4d4d8;border-radius:8px;color:#52525b;background:#fff;font-size:18px;font-weight:600;line-height:1}
#internet #step2 .btn_area button:hover{border-color:#1955f8;color:#1955f8}
#internet #step2 .btn_area button.off{border-color:#d4d4d8;color:#71717a;background:#fff}
#internet #step2 .agr{margin:20px 0;padding:14px 16px;border-radius:8px;color:#52525b;background:#f4f4f5}
#internet #step2 .agr input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#internet #step2 .agr label{display:flex;align-items:center;gap:8px;margin:0;color:#71717a;font-size:14px;font-weight:400;line-height:1.5;cursor:pointer}
#internet #step2 .agr .check-icon{display:flex;flex:0 0 18px;align-items:center;justify-content:center;width:18px;height:18px;color:#a1a1aa}
#internet #step2 .agr .check-icon svg{width:18px;height:18px;stroke-width:3}
#internet #step2 .agr input:checked+.check-icon{color:#1955f8}
#internet #step2 .agr label>span:not(.check-icon){margin-left:-4px;color:#1955f8;font-weight:700}
#internet #step2 .all_chk{position:relative;display:flex;align-items:center;min-height:28px;padding-right:32px}
#internet #step2 .all_chk label{color:#18181b;font-size:14px;font-weight:700}
#internet #step2 .all_chk .check-icon{flex-basis:22px;width:22px;height:22px;border:1px solid #a1a1aa;border-radius:4px;color:#a1a1aa;background:#fff}
#internet #step2 .all_chk .check-icon svg{width:17px;height:17px}
#internet #step2 .all_chk input:checked+.check-icon{border-color:#1955f8;color:#1955f8}
#internet #step2 .all_chk button{position:absolute;top:50%;right:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;background:transparent;text-decoration:none;transform:translateY(-50%)}
#internet #step2 .all_chk button:first-of-type{display:flex}
#internet #step2 .all_chk button:last-of-type{display:none}
#internet #step2 .all_chk button svg{width:20px;height:20px;color:#52525b}
#internet #step2 .agr_area{display:none;margin:8px 0 0}
#internet #step2 .agr_area>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}
#internet #step2 .agr_area label{flex:1;min-width:0}
#internet #step2 .agr_area button{flex:0 0 auto;padding:2px 0;border:0;color:#71717a;font-size:11px}
#internet #step2 .agr_area button:hover{border-color:#1955f8;color:#1955f8}
#internet #step2 .submit_btn:hover{background:#1249db}
@media (max-width: 1024px){
#internet .tit span{display:block}
#internet .tit p{display:block;font-size:26px}
}
@media (max-width:768px){
#internet #step2{padding:12px}
#internet #step2 .cont_area{top:20px;width:343px;max-width:calc(100% - 24px);max-height:calc(100dvh - 150px);padding:24px 20px 20px;border-radius:16px;transform:translateX(-50%)}
#internet #step2 .cont_area .close{top:14px;right:14px}
#internet #step2 .cont_area .close svg{width:20px;height:20px}
#internet #step2 .popup_head{margin-bottom:18px}
#internet #step2 .popup_head img{width:64px;height:64px;margin-bottom:10px}
#internet #step2 .popup_head h2{font-size:20px}
#internet #step2 .popup_head p{max-width:260px;margin:4px auto 0}
#internet #step2 .cont_area>div{margin-bottom:12px}
#internet #step2 input[name="internet_addr"],#internet #step2 input[name="internet_date"]{padding-right:40px}
#internet #step2 .cont_area>div>svg{right:12px;bottom:12px;width:18px;height:18px}
#internet #step2 .btn_area{gap:6px;margin-bottom:6px}
#internet #step2 .btn_area button{flex-basis:62px;height:44px}
#internet #step2 .agr{margin:16px 0;padding:12px}
#internet #step2 .agr label{gap:6px;word-break:keep-all}
#internet #step2 .agr .check-icon{flex-basis:16px;width:16px;height:16px}
#internet #step2 .agr .check-icon svg{width:16px;height:16px}
#internet #step2 .all_chk .check-icon{flex-basis:20px;width:20px;height:20px}
#internet #step2 .all_chk .check-icon svg{width:15px;height:15px}
#internet #step2 .agr_area>div{gap:6px}
#internet #step2 .agr_area button{font-size:10px}
}

/* 가맹점 입찰오더 */
.my_bid .skip_btn{padding:5px 10px;border-radius:3px;border:none;background-color:#333;color:#fff}
.my_bid .assign_btn{background-color:var(--primary)}
.my_bid .bid_cal_wrap{-webkit-tap-highlight-color:transparent !important}
.my_bid .bid_cal_box{display:none;z-index:101;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:480px;border-radius:5px;border:1px solid #e1e1e1;background:#fff}
.my_bid .bid_cal_box .date{justify-content:center}
.my_bid .bid_cal_box button{background:none;border:none}
.my_bid .bid_cal_box .cal{display:initial;width:100%}
.my_bid .bid_cal_box .cal .cal_tit{padding:10px 15px;border-bottom:5px solid #f3f3f3;color:#444}
.my_bid .bid_cal_box .cal .cal_text{border-bottom:none;border-top:5px solid #f3f3f3;position:relative}
.my_bid .bid_cal_box .cal .cal_text li{position:relative}
.my_bid .bid_cal_box .cal .cal_text span{margin-left:18px}
.my_bid .bid_cal_box .cal .cal_text li span:before{position:absolute;content:'';top:10px;left:19px;width:5px;height:5px;border-radius:100%;background:var(--primary)}
.my_bid .bid_cal_box .cal .prev{left:0}
.my_bid .bid_cal_box .cal .next{right:0}
.my_bid .bid_cal_box .cal .date_reset{position:absolute;top:12px;right:25px;border-radius:5px;padding:2px 10px;background:#333;color:#fff}
.my_bid .bid_cal_box .cal .date_reset svg{width:20px}
.my_bid .bid_cal_box .cal .close{width:90%;padding:12px 0;border-radius:5px;margin:0 auto 20px;display:block;background-color:var(--primary);color:#fff}
.my_bid .bid_cal_box .cal .date_btn svg{color:#bbb}
.my_bid .bid_cal_box .cal .date_box{display:flex;gap:10px;justify-content:center;align-items:center}
.my_bid .bid_cal_box .cal .date_box button{margin-top:4px}
.my_bid .bid_cal_box .cal .date_box svg{width:18px;color:#555}
.my_bid .bid_cal_box .cal .date{margin-top:15px;font-weight:700;font-size:16px;color:#333;text-align:center}
.my_bid .bid_cal_box .cal table{width:100%;padding:10px 5px}
.my_bid .bid_cal_box .cal table th{width:14.28%;color:#333}
.my_bid .bid_cal_box .cal table td{padding:9px;text-align:center;color:#dedede}
.my_bid .bid_cal_box .cal table td .day{min-width:20px}
.my_bid .bid_cal_box .cal table td button{display:block;width:30px;height:30px;margin:0 auto;border:none;background:none;color:#333}
.my_bid .bid_cal_box .cal table td button.blue{color:#00f}
.my_bid .bid_cal_box .cal table td button.red{color:#f00}
.my_bid .bid_cal_box .cal table td button.lunar{border-radius:100%;position:relative}
.my_bid .bid_cal_box .cal table td button.lunar:before{position:absolute;content:'';width:6px;height:6px;top:-4px;right:-4px;border-radius:100%;background:var(--primary)}
.my_bid .bid_cal_box .cal table td button.bid_sel{border-radius:100%;background:#ff3e3e;color:#fff}
.my_bid .bid_cal_box .cal table td button.on{border-radius:100%;background:#f00;color:#fff}
.my_bid .bid_cal_box table{border-top:none}
.my_bid .bid_cal_box table thead th{border:none !important;background:none}
.my_bid .bid_cal_box table tr td{border:none !important}
.my_bid .bid_search{display:flex;margin-bottom:15px;align-items:center;gap:5px;width:fit-content}
.my_bid .bid_search .bid_text{position:absolute;right:0}
.my_bid .bid_search .bid_text b{color:var(--primary)}
.my_bid .bid_wrap{padding:5px 15px;border-radius:5px;border:1px solid #e1e1e1;cursor:pointer;background:#fff}
.my_bid .bid_wrap #date{display:flex;gap:5px;align-items:center}
.my_bid .bid_wrap #date img{width:20px}
.my_bid .bid_area_wrap .bid_area_box{z-index:100;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:10px;overflow:hidden;background:#fff;color:#222}
.my_bid .bid_area_wrap .bid_area_box .bid_area_ul{display:flex;height:calc(100% - 50px)}
.my_bid .bid_area_wrap .bid_area_box ul{display:flex;width:200px !important;height:500px;overflow-y:scroll;flex-direction:column}
.my_bid .bid_area_wrap .bid_area_box ul li{display:flex;justify-content:space-between;align-items:center;padding:15px;width:100%;min-width:140px}
.my_bid .bid_area_wrap .bid_area_box ul li svg{width:15px}
.my_bid .bid_area_wrap .bid_area_box ul li .icon-circle-down{position:relative;width:24px;height:24px}
.my_bid .bid_area_wrap .bid_area_box ul li .icon-circle-down svg{position:absolute;top:0;left:0;width:24px !important;color:#c1c1c1}
.my_bid .bid_area_wrap .bid_area_box ul li .icon-circle-down svg:last-child{height:17px;top:4px}
.my_bid .bid_area_wrap .bid_area_box ul li+li{border-top:1px solid #e1e1e1}
.my_bid .bid_area_wrap .bid_area_box .back_btn{display:none;position:absolute;left:20px;top:15px;border:none;background:none;color:#333}
.my_bid .bid_area_wrap .bid_area_box .back_btn svg{width:22px}
.my_bid .bid_area_wrap .bid_area_box .close{width:100%;height:50px;border:none;background:var(--primary);color:#fff}
.my_bid .bid_area_wrap .area_sel{background:#EAF4FE;color:var(--primary)}
.my_bid .bid_area_wrap .bid_area_sub_list li.area_sub_sel{color:var(--primary);background:#EAF4FE}
.my_bid .bid_area_wrap .bid_area_sub_list li.area_sub_sel .icon-circle-down svg{background:var(--primary);color:var(--primary);border-radius:100%}
.my_bid .bid_area_wrap .bid_area_sub_list li.area_sub_sel .icon-circle-down svg:last-child{color:#fff}
/* 입찰완료 이미지 */
.my_bid tr.bid_done{background:rgba(218, 218, 218, 0.6) url("/sh_page/img/bid_end.png") no-repeat center;background-size:50px auto}
.my_bid tr.bid_done td{pointer-events:none;opacity:.3}
.my_bid .order_list li{position:relative}
.my_bid .order_list li div.m_bid_done{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(218, 218, 218, 0.6) url("/sh_page/img/bid_end.png") no-repeat center}
.bid_bg{display:none;z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .7)}

/* 마감설정 - KWON */
.app-deadline-cal .app-btn-notice{display:none;padding:20px}
.app-deadline-cal .app-btn-notice a{display:block;padding:10px;border:1px solid var(--primary);border-radius:8px;font-size:18px;font-weight:700;color:var(--primary); text-align:center}
.app-deadline-cal .tbl-scroll{overflow-x:auto}

@media (max-width:768px){
.my_bid .bid_cal_wrap{width:100%}
}
@media (max-width:480px){
.my_bid .bid_search .bid_text{right:10px}
.my_bid .bid_cal_box{width:100%}
.my_bid .bid_cal_box .cal{width:100%;margin:0 auto}
.my_bid .bid_area_wrap .bid_area_box{width:100%;height:100%;border-radius:0;padding-top:50px}
/* .my_bid .bid_area_wrap .bid_area_box .bid_area_ul{display:initial} */
.my_bid .bid_area_wrap .bid_area_box ul{height:100%}
.my_bid .bid_area_wrap .bid_area_box .bid_area_sub_list{width:100%}
.my_bid .bid_area_wrap .bid_area_box .bid_area_sub_list ul{width:100% !important}
.my_bid .bid_area_wrap .bid_area_box .back_btn{display:block}
.my_bid .bid_area_wrap .bid_area_box .close{position:fixed;bottom:0;z-index:100}
}

/* 참여형 오더알림 renew */
@media (max-width:768px){
#appMybid{line-height:1.6;letter-spacing:-.5px;font-family:'Pretendard'}    
#appMybid, #appMybid #close_calendar, #appMybid #mara_cal{padding:0}    
#appMybid #mara_cal .title{font-size:18px;font-weight:700;font-family:'Pretendard'}
#appMybid #mara_cal table{border-top:1px solid #ddd}
#appMybid #mara_cal th{padding:5px 0;border:none;border-bottom:1px solid #ddd;color:#000}
#appMybid #mara_cal td{border:none;border-bottom:1px solid #ddd;border-left:1px solid #ddd; text-align: left;color:#000}
#appMybid #mara_cal td:first-child{border-left:none}
#appMybid #mara_cal td.null{background:var(--color-neutral-10)}
#appMybid #mara_cal th.red{color:var(--color-red-100)}
#appMybid #mara_cal th.blue{color:var(--primary)}
#appMybid #mara_cal td strong{font-weight:500}
#appMybid #mara_cal .box{display:block;margin:0 auto;font-size:11px;font-weight:600;padding:4px 2px}

/* 마감설정 renew */
.app-deadline-cal{padding:0;line-height:1.6;letter-spacing:-.5px;font-family:'Pretendard'}
.app-deadline-cal .app-btn-notice{display:block}
.app-deadline-cal .cancel_date{color:var(--color-neutral-50)}
.app-deadline-cal #mara_cal{padding:0}
.app-deadline-cal #mara_cal .title{font-size:18px;font-weight:700;font-family:'Pretendard'}
.app-deadline-cal #mara_cal table{border-top:1px solid #ddd}
.app-deadline-cal #mara_cal th{padding:5px 0;border:none;border-bottom:1px solid #ddd;color:#000}
.app-deadline-cal #mara_cal td{border:none;border-bottom:1px solid #ddd;border-left:1px solid #ddd; text-align: left;color:#000}
.app-deadline-cal #mara_cal td:first-child{border-left:none}
.app-deadline-cal #mara_cal td.null{background:var(--color-neutral-10)}
.app-deadline-cal #mara_cal th.red{color:var(--color-red-100)}
.app-deadline-cal #mara_cal th.blue{color:var(--primary)}
.app-deadline-cal #mara_cal td strong{font-weight:500}
#mypage_list.app-deadline-cal #mara_cal .auto_finish{display:block;margin:0 auto;font-size:11px;font-weight:600;padding:4px 2px}
}

/* 오더확인 renew */
#appOrderCheck .order_info .app-btn-point-charge{display:none}
#appOrderCheck .app-order-search{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding:20px;background:#f2f2f2}
#appOrderCheck .app-order-search .cm-input{height:53px;padding:12px;border-radius:4px;border:1px solid var(--color-neutral-30);box-shadow:none;font-size:15px;font-weight:600;color:var(--color-neutral-50)}
#appOrderCheck .app-order-search .cm-input:focus{border-color:#aaa!important;outline:none}
#appOrderCheck .app-order-search .cm-select{cursor:pointer;width:20%;padding:0 30px 0 12px;-webkit-appearance:none;appearance:none;background:url(/sh_img/app/select_arr.png) calc(100% - 12px) center no-repeat #fff}
#appOrderCheck .app-order-search .cm-select:focus{border-color:#aaa;outline:none}
#appOrderCheck .app-order-search .cm-input-date {width:100%;height:53px;padding-left:42px}
#appOrderCheck .app-order-search .cm-search-wrap{overflow:hidden;display:flex;align-items:center;width:50%;height:53px;border-radius:4px;border:1px solid var(--color-neutral-30);background:#fff}
#appOrderCheck .app-order-search .cm-search-wrap input{width:70%;height:100%;padding-left:12px;border:none;font-size:15px;font-weight:600;color:var(--color-neutral-50)}
#appOrderCheck .app-order-search .cm-search-wrap input:focus{border:none!important;box-shadow:none}    
#appOrderCheck .app-order-search .cm-search-wrap button{width:30%;height:100%;padding:12px;font-size:15px;font-weight:600;color:#fff;background:#111}
#appOrderCheck .app-order-search .cm-search-wrap button svg{display:none;width:22px;height:22px}
#appOrderCheck .app-order-search .app-data-wrap{display:flex;align-items:center;gap:5px}
#appOrderCheck .app-order-search .app-date {flex:1;position:relative}
#appOrderCheck .app-order-search .app-date::before {content:"";position:absolute;left:12px;top:50%;z-index:1;transform:translateY(-50%);width:22px;height:22px;background:url('/sh_img/app/calendar.png') no-repeat center;background-size: contain;pointer-events: none}
#appOrderCheck .app-order-search .app-btn-wrap{display:flex;gap:8px}
#appOrderCheck .app-order-search .btn-search{flex:1;height:53px;padding:10px;border-radius:4px;font-size:16px;font-weight:700;color:#fff;background:#111}
#appOrderCheck .app-order-search .btn-reset{flex:1;height:53px;padding:10px;border-radius:4px;font-size:16px;font-weight:700;color:#fff;background:#aaa}
#appOrderCheck .order-card-list{display:none}
#appOrderCheck .app-btn-point-charge{align-items:center;gap:8px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:600;color:#fff}
#appOrderCheck .app-btn-point-charge svg{width:20px;height:20px}    
@media(max-width:768px){
#appOrderCheck .pc_ver{display:none}
#appOrderCheck .m_ver{display:block}
#appOrderCheck .app-order-search{flex-direction:column;padding:0;background:none}
#appOrderCheck .app-order-search .cm-select{width:100%}
#appOrderCheck .app-order-search .cm-search-wrap{width:100%}
#appOrderCheck .app-order-search .cm-search-wrap input{width:calc(100% - 46px)}    
#appOrderCheck .app-order-search .cm-search-wrap button{width:auto;height:100%;padding:12px;color:#000;background:none}
#appOrderCheck .app-order-search .cm-search-wrap button span{display:none}
#appOrderCheck .app-order-search .cm-search-wrap button svg{display:block} 
#appOrderCheck .app-order-search .btn-reset{width:100%;color:var(--color-neutral-40);background:var(--color-neutral-20)}
#appOrderCheck .app-order-search .btn-search{color:var(--primary);border:1px solid var(--primary);background:#fff}
#appOrderCheck{min-height:calc(100vh - 140px);padding:20px;line-height:1.6;letter-spacing:-.5px;background:var(--color-neutral-10)}
#appOrderCheck .order_info{border-radius:16px;background:linear-gradient(90deg, #70B0FF 0%, #006DF3 100%);}
#appOrderCheck .order_info h3{display:block;font-size:16px;font-weight:600;color:#fff}
#appOrderCheck .order_info > div{ flex-direction:column;align-items: flex-start;padding:20px 20px 0}
#appOrderCheck .order_info > div span{font-size:30px;font-weight:600;line-height:1.4;color:#fff}           
#appOrderCheck .order_info > div span:after{content:"원";font-size:22px}
#appOrderCheck .order_info > div span em{display:none}
#appOrderCheck .order_info > p{padding:0 20px 20px;font-size:16px;font-weight:600;color:#fff;background:none}
#appOrderCheck .order_info .app-btn-point-charge{display:flex}
#appOrderCheck .order-card-list {display:block}
#appOrderCheck .order-card-list ul{display:flex;flex-direction:column;gap:12px}
#appOrderCheck .order-card{border:none;border-radius:8px;background:#fff}
#appOrderCheck .order-card-hd{display:flex;align-items:center;padding:15px 12px;border-bottom:1px solid var(--color-neutral-30)}
#appOrderCheck .order-card-moveday{font-size:18px;font-weight:600;color:#000}
#appOrderCheck .order-card-state-wrap{position:relative;margin-left:auto}
#appOrderCheck .order-card-state-wrap button{display:flex;align-items:center;gap:2px;height:34px;padding:0 12px;border-radius:20px;font-size:16px;font-weight:600}
#appOrderCheck .order-card-state-wrap button svg{width:16px;height:16px}
#appOrderCheck .order-card-state-wrap .primary{background:var(--primary)}
#appOrderCheck .order-card-state-wrap .purple{background:#9747FF}
#appOrderCheck .order-card-state-wrap .black{background:#000}
#appOrderCheck .order-card-state-select{display:none;flex-direction:column;gap:10px;position:absolute;right:0;padding:10px;border:1px solid var(--color-neutral-40); font-size:16px;font-weight:600;color:#000; background:#F4F4F5}
#appOrderCheck .order-card-state-select p{display:flex;align-items:center}
#appOrderCheck .order-card-state-wrap.open .order-card-state-select{display:flex;}
#appOrderCheck .order-card-cont{padding:16px}
#appOrderCheck .order-card-tags{display:flex;gap:12px;margin-bottom:12px}
#appOrderCheck .order-card-tags span{padding:4px 8px;border-radius:8px;font-size:16px;font-weight:700;color:var(--primary); background:#DFEDFB}
#appOrderCheck .order-card-tags span.pyeong{color:#CF7C00;background:#FFF4DD} 
#appOrderCheck .order-card-info > a{display:flex;flex-direction:column;gap:12px;line-height:1.5}    
#appOrderCheck .order-card-info > dl{margin:12px 0}
#appOrderCheck .order-card-info dl{display:flex;font-size:18px;color:var(--color-neutral-80)}    
#appOrderCheck .order-card-info dl dt{width:80px;font-weight:700;}
#appOrderCheck .order-card-info dl dd{width:calc(100% - 80px)}    
#appOrderCheck .order-card-info dl dd.call{display:flex;gap:12px}
#appOrderCheck .order-card-info dl dd.call a{color:var(--primary)}
#appOrderCheck .order-card-empty{padding:30px 12px;text-align:center}
#appOrderCheck .order_list{display:none}
#appOrderCheck .order_info{display:block}
#appOrderCheck .order_info div .no_open{display:block}
#appOrderCheck .order_info h3{margin-bottom:0}
#appOrderCheck .order_info div span{margin-left:0}
#appOrderCheck .order_info p{margin-top:10px;border:none}
}    

/* 오더확인 - 뷰 renew */
#appOrderView .app-order-cont .bo_ul li{display:flex}
#appOrderView .order-card-state-wrap{display:none}
#appOrderView .app-btn-area{display:none}
@media(max-width:768px){ 
#appOrderView{min-height:calc(100vh - 140px);padding:20px;line-height:1.6;letter-spacing:-.5px;background:var(--color-neutral-10)}
#appOrderView .app-order-cont{display:block;margin:0;border-radius:8px;border:none;font-size: 15px;letter-spacing: -.5px;line-height: 1.6;font-family:'Pretendard'}
#appOrderView .app-order-cont .tit{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;border:none;border-radius:8px 8px 0 0;border-bottom:1px solid var(--color-neutral-30);font-size: 18px;font-weight: 600;color: #000;background:#fff;font-family:'Pretendard'}
#appOrderView .app-order-cont .bo_ul{display:flex; flex-direction:column;gap:8px;padding:16px;background:#fff}
#appOrderView .app-order-cont .bo_ul li{display:flex;padding:0!important;font-size: 18px;color: var(--color-neutral-80)}
#appOrderView .app-order-cont .bo_ul li span{flex-shrink:0;width:120px;min-width:unset;display:unset;height:auto; margin:0;border:none;font-size: 18px;font-weight:700;color:var(--color-neutral-80);text-align:left;line-height: unset;background:none;font-family:'Pretendard'}
#appOrderView .app-order-cont .bo_ul li:last-child{border:none}
#appOrderView .state-btns{display:none}
#appOrderView .app-order-cont .state-btns{flex-wrap:wrap;gap:4px}
#appOrderView .app-order-cont .state-btns button{height:34px;padding:0 12px;border-radius:20px;font-size:15px;font-weight:600;background:var(--color-neutral-40)}
#appOrderView .app-order-cont .state-btns button.box2{background:var(--primary)}
#appOrderView .app-order-cont .call{color:var(--primary)}
#appOrderView .app-order-cont table th{ color:var(--color-neutral-80);font-family:'Pretendard'}
#appOrderView .app-order-cont table td{text-align:left}
#appOrderView #sh_bo_v .btn_area{padding:16px}
#appOrderView .order-card-state-wrap{display:block;position:relative}
#appOrderView .order-card-state-wrap button{display:flex;align-items:center;gap:2px;height:34px;padding:0 12px;border-radius:20px;font-size:16px;font-weight:600}
#appOrderView .order-card-state-wrap button svg{width:16px;height:16px}
#appOrderView .order-card-state-wrap .primary{background:var(--primary)}
#appOrderView .order-card-state-wrap .purple{background:#9747FF}
#appOrderView .order-card-state-wrap .black{background:#000}
#appOrderView .order-card-state-select{display:none;flex-direction:column;gap:10px;position:absolute;right:0;padding:10px;border:1px solid var(--color-neutral-40); font-size:16px;font-weight:600;color:#000; background:#F4F4F5}
#appOrderView .order-card-state-select p{display:flex;align-items:center}
#appOrderView .order-card-state-wrap.open .order-card-state-select{display:flex;}    
#appOrderView table {border-top:none}
#appOrderView .app-tbl-wrap{border-radius:0 0 8px 8px;background:#fff}
#appOrderView .btn_area.list{display:none}
#appOrderView #sh_bo_w{padding:0}
#appOrderView .memo_mo{display:block;width:100%}
#appOrderView .memo_mo td{display:block;width:100%;padding:0 16px 8px;border:none}
#appOrderView .memo_mo textarea{width:100%;border-radius:4px;border:1px solid var(--color-neutral-30);font-size:16px;background:var(--color-neutral-10)}
#appOrderView .btn_area.pc{display:none}
#appOrderView .copyorder.pc{display:none}
#appOrderView .app-btn-area{display:flex;flex-direction:column;gap:10px;padding:20px 0}
#appOrderView .app-btn-area button{display:block;padding:10px;height:50px;border:1px solid var(--primary);border-radius:8px;font-size:18px;font-weight:700;color:var(--primary);text-align:center;background:#fff}
#appOrderView .app-btn-area .btn-submit{display:block;width:100%;height:50px;padding:10px;margin:0;border-radius:8px;font-size:18px;font-weight:400;color:#fff;text-align:center;background:var(--primary)}
}

/* 참여형 오더 renew */
#appBidorder .order-card-list{display:none}
@media(max-width:768px){ 
#appBidorder .pc_ver{display:none}
#appBidorder{min-height:calc(100vh - 140px);padding:12px 20px;line-height:1.6;letter-spacing:-.5px;background:var(--color-neutral-10)}
#appBidorder .order-card-list {display:block;}
#appBidorder .order-card-list ul{display:flex;flex-direction:column;gap:12px}
#appBidorder .order-card{overflow:hidden;position:relative;border:none;border-radius:8px;background:#fff}
#appBidorder .order-card-hd{display:flex;align-items:center;padding:15px 12px;border-bottom:1px solid var(--color-neutral-30)}
#appBidorder .order-card-moveday{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#000}
#appBidorder .order-card-moveday p{font-size:12px;color:var(--color-neutral-50)}
#appBidorder .order-card-call{margin-left:auto;padding:4px 8px;border-radius:8px;border:1px solid var(--color-neutral-50);font-size:16px;font-weight:700;color:var(--color-neutral-60)}
#appBidorder .order-card-cont{padding:16px}
#appBidorder .order-card-tags{display:flex;gap:12px;margin-bottom:12px}
#appBidorder .order-card-tags span{padding:4px 8px;border-radius:8px;font-size:16px;font-weight:700;color:var(--primary); background:#DFEDFB}
#appBidorder .order-card-tags span.pyeong{color:#CF7C00;background:#FFF4DD} 
#appBidorder .order-card-tags span.floor{color:#A23FC1;background:#F6DAFF}     
#appBidorder .order-card-move-route{display:flex;align-items:center;gap:5px;font-size:20px;font-weight:700;color:#000;line-height:1.4}
#appBidorder .order-card-move-route svg{flex-shrink:0}
#appBidorder .order-card-info > a{display:flex;flex-direction:column;gap:12px;line-height:1.5;color:var(--color-neutral-50)}    
#appBidorder .order-card-info > dl{margin:12px 0}
#appBidorder .order-card-info dl{display:flex;gap:12px;font-size:18px;color:var(--color-neutral-80)}    
#appBidorder .order-card-info dl dt{width:80px;font-weight:700;white-space: nowrap;}
#appBidorder .order-card-info dl dd{width:calc(100% - 80px)}    
#appBidorder .order-card-info dl dd.price, #appBidorder .order-card-info dl dd.limit span{font-weight:700;color:var(--primary)}
#appBidorder .order-card-info .rfrc{width:100%;padding:12px;overflow:scroll;border-radius:4px;border:1px solid var(--color-neutral-40);font-size:16px;background:var(--color-neutral-10)}
#appBidorder .order-card-btns{display:flex;gap:12px;margin-top:12px}
#appBidorder .order-card-btns button{flex:1;border-radius:5px;height:46px;font-size:18px;font-weight:700}
#appBidorder .order-card-btns .btn-bid-skip{color:#FF3E3E;background:#FFE6E6}
#appBidorder .order-card-btns .btn-bid-submit{border:1px solid var(--primary);color:var(--primary);background:none}
#appBidorder .order-card-btns .btn-bid-end{color:var(--color-neutral-40);background:var(--color-neutral-20)}
#appBidorder .order-card-bid-end{position:absolute;inset: 0;background:url('/sh_img/app/bid_end.png') center no-repeat rgb(209,209,212,.6);background-size:160px}
#appBidorder .order-card-empty{padding:30px 12px;text-align:center}
}

/* 참여형 오더 - 뷰 renew */
@media(max-width:768px){ /*임시  */
#appBidView{min-height:calc(100vh - 140px);padding:20px;line-height:1.6;letter-spacing:-.5px;background:var(--color-neutral-10)}
#appBidView .app-bid-cont{display:block;margin:0;border-radius:8px;border:none;font-size: 15px;letter-spacing: -.5px;line-height: 1.6;background:#fff;font-family:'Pretendard'}
#appBidView .app-bid-cont h3{padding:15px 12px;border:none;border-bottom:1px solid var(--color-neutral-30);font-size: 18px;font-weight: 600;color: #000;background:none;font-family:'Pretendard'}
#appBidView .app-bid-cont table{border:none;padding-bottom:16px}
#appBidView .app-bid-cont table th{padding:8px 16px;border:none;background:none;font-size:18px;font-weight:700;text-align:left;color:var(--color-neutral-80);white-space:nowrap;vertical-align:baseline}
#appBidView .app-bid-cont table td{padding:8px 16px 8px 0;border:none;font-size:18px;color:var(--color-neutral-80);white-space:normal}
#appBidView .app-bid-btns{display:flex;gap:8px}
#appBidView .app-bid-btns button{flex:1;border-radius:5px;height:46px;font-size:18px;font-weight:700}
#appBidView .app-bid-btns .btn-bid-skip{color:#FF3E3E;background:#FFE6E6}
#appBidView .app-bid-btns .btn-bid-submit{border:1px solid var(--primary);color:var(--primary);background:none}
#appBidView .app-bid-btns .btn-bid-end{color:var(--color-neutral-40);background:var(--color-neutral-20)}
}

/* 적립금내역 renew */
#appPoint .app-point{display:none}        
#appPoint .app-point-summary{display:flex;gap:8px}
#appPoint .app-point-summary dl{flex:1;padding:16px;border-radius:16px;font-weight:600;color:#fff}
#appPoint .app-point-summary dl.total{background: linear-gradient(90deg, #FFCA71 0%, #F79D06 100%)}
#appPoint .app-point-summary dl.remain{background: linear-gradient(90deg, #70B0FF 0%, #006DF3 100%)}
#appPoint .app-point-summary dl dt{font-size:16px;}
#appPoint .app-point-summary dl dd {font-size:18px;font-weight:700}
#appPoint .app-point-summary dl dd span{font-size:13px;font-weight:600}
#appPoint .app-point-used{display:flex;align-items:center;margin:12px 0 20px;color:#000}
#appPoint .app-point-used dt{font-size:16px;font-weight:400}
#appPoint .app-point-used dd {margin-left:auto;font-size:18px;font-weight:700}
#appPoint .app-point-used dd span{font-size:13px;font-weight:600}
#appPoint .app-point-search{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
#appPoint .app-point-search .cm-input{height:53px;padding:12px;border-radius:4px;border:1px solid var(--color-neutral-30);box-shadow:none;font-size:15px;font-weight:600;color:var(--color-neutral-50)}
#appPoint .app-point-search .cm-input:focus{border-color:#aaa!important;outline:none}
#appPoint .app-point-search .cm-input-date{width:100%;padding-left:42px}
#appPoint .app-point-search .cm-input-date.end{padding-left:0}
#appPoint .app-point-search .app-data-wrap{display:flex;align-items:center;gap:5px}
#appPoint .app-point-search .app-date {flex:1;position:relative}
#appPoint .app-point-search .app-date::before {content:"";position:absolute;left:12px;top:50%;z-index:1;transform:translateY(-50%);width:22px;height:22px;background:url('/sh_img/app/calendar.png') no-repeat center;background-size: contain;pointer-events: none}
#appPoint .app-point-search .app-btn-wrap{display:flex;gap:8px}
#appPoint .app-point-search .app-btn-wrap *{flex:1}
#appPoint .app-point-search .app-date-sch{height: 53px;border-radius:4px;font-size:16px;font-weight:700;color:var(--primary);border:1px solid var(--primary);line-height:53px;text-align:center;background:#fff}    
#appPoint .app-point-search .app-date-reset{height: 53px;border-radius:4px;font-size:16px;font-weight:700;color:var(--color-neutral-40);line-height:53px;text-align:center;background:var(--color-neutral-20);}    
#appPoint .app-point-search .point-filter{display:flex;gap:12px;margin-top:12px}
#appPoint .app-point-search .point-filter a{flex:1;height:48px;border-radius:8px;font-size:18px;color:#000;line-height:48px;text-align:center;background:#fff}
#appPoint .app-point-search .point-filter a.on{color:#fff;background:var(--primary)}
#appPoint .point-card-list ul{display:flex;flex-direction:column;gap:10px}
#appPoint .point-card{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border-radius:8px;color:var(--color-neutral-80);background:#fff}
#appPoint .point-card-icon img{width:26px}
#appPoint .point-card-cont{width:60%}    
#appPoint .point-card-cont p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;font-size:16px;font-weight:600;}
#appPoint .point-card-cont span{font-size:14px;font-weight:600;color:var(--color-neutral-40)}    
#appPoint .point-card-price{white-space: nowrap;margin-left:auto;font-size:16px;font-weight:400}
#appPoint .point-card-price.plus{font-weight:700;color:var(--primary)}
@media(max-width:768px){ 
#appPoint{min-height:calc(100vh - 140px);padding:20px;line-height:1.6;letter-spacing:-.5px;background: var(--color-neutral-10);}
#appPoint .app-point{display:block}
#appPoint .myorder{display:none}
#appPoint.pg_page, #appPoint.pg_current{border:none;background-color:unset}
#appPoint.pg_current{background:var(--primary)}
#appPoint.pg_page:hover{background:none}
}

/* 적립금충전 renew */
#appPointPay .app-pay-cont .amount_box .pay-ck{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid var(--color-neutral-40);border-radius:50%;color:var(--color-neutral-40)}
#appPointPay .app-pay-cont .amount_box .pay-ck svg{width:20px;height:20px;margin:auto}
@media(max-width:768px){ 
#appPointPay{min-height:calc(100vh - 140px);padding:20px;line-height:1.6;letter-spacing:-.5px;background:var(--color-neutral-10)}
#appPointPay .app-pay-cont{letter-spacing: -.5px;line-height: 1.6; font-family:'Pretendard'}
#appPointPay .app-pay-cont h3{display:none}
#appPointPay .app-pay-cont .pay_box{display:flex; flex-direction:column;gap:8px}
#appPointPay .app-pay-cont .pay_box label{padding:0;border:none;font-size:16px;font-weight:400;color:var(--color-neutral-50);text-align:left;font-family:'Pretendard'}
#appPointPay .app-pay-cont .amount_box{display:block;position:relative;padding:12px 50px 12px 16px;border-radius:8px;border:1px solid var(--color-neutral-30);background:#fff;}
#appPointPay .app-pay-cont .amount_box.hover{border-color:var(--primary)}
#appPointPay .app-pay-cont .amount_box p{display:block;height:auto;font-size:18px;font-weight:600;text-align:left;color:var(--color-neutral-80);background:none;font-family:'Pretendard'}
#appPointPay .app-pay-cont .amount_box .pay-ck{display:flex}    
#appPointPay .app-pay-cont .amount_box.hover .pay-ck{border-color:var(--primary);color:#fff;background:var(--primary)}    
#appPointPay .app-pay-cont .pay_box .amount_sub{display:block}
#appPointPay .app-pay-cont .pay_box input[type='text']{margin-right:5px;border: 1px solid var(--color-neutral-30)}
}

/* 나의정보 renew */
#appMypage .app-mypage {display:none}
#appMypage .app-mypage-hd{display:flex;align-items:center}
#appMypage .app-mypage-hd dl {display:flex;align-items:center;gap:12px;font-size:16px;color:#000}
#appMypage .app-mypage-hd dl dt img{width:40px}
#appMypage .app-mypage-hd dl dd p{font-size:18px;font-weight:700}
#appMypage .app-mypage-hd a{margin-left:auto}
#appMypage .app-mypage-point{display:flex;align-items:center;padding:16px;margin:20px 0;border-radius:16px;background: linear-gradient(90deg, #70B0FF 0%, #006DF3 100%);}
#appMypage .app-mypage-point dl {font-size:16px;color:#fff}
#appMypage .app-mypage-point dl dd{font-size:22px;font-weight:700}
#appMypage .app-mypage-point dl dd span{font-size:13px;font-weight:600}
#appMypage .app-mypage-point a{margin-left:auto;height:40px;padding:0 10px;border-radius:5px;font-weight:700;color:var(--primary);line-height:40px;background:#fff}
#appMypage .app-mypage-info{display:flex;flex-direction:column;gap:20px}    
#appMypage .app-mypage-info dl{display:flex}
#appMypage .app-mypage-info dl dt{flex-shrink:0;width:75px;font-size:16px;font-weight:700;color:#000}
#appMypage .app-mypage-info dl dd{margin-left:auto;font-size:18px;color:var(--color-neutral-80)}
#appMypage .app-mypage-info .detail-toggle-wrap{flex:1;display:flex;align-items:flex-start;justify-content: flex-end;gap:4px}    
#appMypage .app-mypage-info .detail-toggle-prv{text-align:right}
#appMypage .app-mypage-info .detail-toggle-cont{display:none;line-height:1.5;text-align:right}
#appMypage .app-mypage-info .detail-toggle-icon{flex-shrink:0}
#appMypage .app-mypage-info .detail-toggle-wrap.active .detail-toggle-prv{display:none}
#appMypage .app-mypage-info .detail-toggle-wrap.active .detail-toggle-cont{display:block}
#appMypage .app-mypage-info .detail-toggle-wrap.active .detail-toggle-icon{transform:scale(-1)}
#appMypage .app-mypage-info .ps{display:flex;gap:4px;padding:8px;border-radius:8px;border:1px solid var(--color-neutral-20);font-size:14px;font-weight:600;color:#000;background:#fff}
#appMypage .app-mypage-info .ps svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}
#appMypage .app-mypage-notice{padding:16px;margin-top:20px;border-radius:8px;background:#fff}
#appMypage .app-mypage-notice .tit{display:flex;align-items:center;margin-bottom:8px;font-size:20px;font-weight:700;color:#000}
#appMypage .app-mypage-notice .tit a{margin-left:auto;font-size:14px;font-weight:400;color:var(--color-neutral-60)}
#appMypage .app-mypage-notice ul li+li{margin-top:8px}
#appMypage .app-mypage-notice ul li a{display:flex;align-items:center;font-size:18px;font-weight:400}
#appMypage .app-mypage-notice ul li a p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;width:calc(100% - 85px)}
#appMypage .app-mypage-notice ul li a span{margin-left:auto;font-size:14px;font-weight:400;color:var(--color-neutral-60)}
@media(max-width:768px){ 
#appMypage{min-height:calc(100vh - 140px);padding:20px;line-height:1.6;letter-spacing:-.5px;background: var(--color-neutral-10);}
#appMypage .app-mypage {display:block}
#appMypage .mypage_wrap{display:none}
}


.new_page{width:664px;margin:0 auto;color:#000;letter-spacing:-0.5px}
.new_page .s_tit{font-weight:700;font-size:13px;color:var(--primary);text-align:center}
.new_page h2{margin:5px 0 25px;font-weight:700;font-size:30px;text-align:center}
.new_page .s_txt{margin-bottom:40px;font-size:15px;text-align:center}
.new_page h3{position:relative;margin-bottom:20px;padding-left:20px;font-weight:700;font-size:20px;color:#27272a}
.new_page h3:before{position:absolute;top:0;left:0;width:7px;height:100%;background:var(--primary);content:""}
.new_page h3.close{margin-top:100px}
.new_page h3.close:before{background:#D4D4D8}
.new_page .list li{margin-bottom:30px}
.new_page .list a{display:flex;gap:20px}
.new_page .list a>div{width:calc(50% - 10px)}
.new_page .list .img img{width:100%}
.new_page .list .img .no_img{line-height:125px;background:#F4F4F5;font-weight:600;font-size:16px;text-align:center}
.new_page .list .cont{display:flex;flex-wrap:wrap;align-content:center}
.new_page .list .cont .suj{width:100%;margin-bottom:10px;font-weight:700;font-size:16px;color:#27272a}
.new_page .list .cont .date{width:100%;font-size:14px;color:#27272a}
.new_page .content img{max-width:100%}
.new_page .join_btn{display:block;width:60%;margin:40px auto 0;border-radius:100px;background:#090949;font-weight:700;font-size:17px;line-height:50px;color:#fff;text-align:center}
.new_page .join_btn svg{vertical-align:sub}
@media (max-width:768px){
.new_page{width:100%;padding:20px}
}
@media (max-width:480px){
.new_page h2{margin:5px 0 25px;font-weight:700;font-size:32px;text-align:center}
.new_page .s_txt{font-size:13px}
.new_page .list a{display:block}
.new_page .list a>div{width:100%}
.new_page .list .cont{margin-top:10px}
}