/* 공통 */
.redtxt { color:#F14738!important; } 
* { font-family:'noto-R'; font-weight: normal; color:#3a3a3a; letter-spacing:-0.5px; } 
input::placeholder, select::placeholder { color:#949494; } 
input, select { width:100%; height:100%; padding:0 10px; background:#fff; font-size:15px; font-family:'noto-R'; color:#3a3a3a; box-sizing: border-box; appearance: none; } 

/********** 팝업 **********/
/* 팝업 헤더 공통 */
.pop_header_top { width:100%; height:50px; padding:10px 15px; text-align: center; overflow:hidden; box-sizing: border-box; position:relative; border-bottom: 1px solid #E8E8E8;} 
.header_back {width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg') center center/24px no-repeat; text-indent: -2500px; position:absolute; top: 50%; transform: translateY(-50%); left: 15px; z-index:2; } 
.pop_header_top h2 { font-size:16px; line-height: 30px; font-family: 'noto-B'; font-weight:normal; color:#3a3a3a; position:relative; } 
.pop_header_top h2 a { display:inline-block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_qna.png') center center/contain no-repeat; position:absolute; top:50%; right:-26px; text-indent: -9999px; transform:TranslateY(-50%); z-index:1; } 
/* 팝업 내용 공통 */
.sign_popup { width:100%; height:100%; position:fixed; top:0; right:-100%; background: #fff; z-index:4; transition:all 0.2s; } 
.sign_header { width:100%; background:#fff; } 
.sign_popup.on { right:0;}
.sign_popup.account_noti_pop {z-index: 102;} 
.sign_popup .sign_pop_inner { width:100%; height:calc(100% - 50px); padding:20px; position:absolute; top:50px; box-sizing:border-box; overflow-y: scroll; } 
.bene_popup .sign_pop_inner { padding:20px 0 0; } 
/* 팝업 필수약관 */
.sign_pop_inner .N_title { margin-bottom:15px; font-size:15px; font-family:'noto-B'; color:#3a3a3a; } 
.sign_pop_inner .N_content { margin-bottom:40px; font-size:13px; font-family:'noto-R'; color:#666; } 
.sign_pop_inner .N_content B { font-size:14px; font-family:'noto-M'; color:#3a3a3a; } 
.sign_pop_inner .N_content table th { font-family:'noto-M'; background:#e6e6e6; border:1px solid #ccc; } 
.sign_pop_inner .N_content table td { text-align: center; border:1px solid #ccc; padding:3px; } 
.sign_pop_inner .N_content table td.left { text-align: left; } 
/* 팝업 딜러회원이란? */
.dealer_pop .sign_pop_inner { width:100%; padding:0; } 
.dealer_pop .sign_pop_inner > ul { display:none; } 
.dealer_pop .sign_pop_inner > ul:nth-child(1) { display:block; } 
.dealer_pop .sign_pop_inner > ul > li:last-child { border-bottom:1px solid #e8e8e8; } 
.dealer_pop .sign_pop_inner > ul > li > a { display:block; width:100%; height:55px; line-height:55px; background:#fff; color:#3a3a3a; font-size:16px; font-family: 'Noto-M'; position:relative; padding:0 15px; box-sizing: border-box; border-top:1px solid #e8e8e8; } 
.dealer_pop .sign_pop_inner > ul > li:first-child > a { border-top:0; } 
.dealer_pop .sign_pop_inner > ul > li > a::before { content:''; width:2px; height:12px; background:#949494; position:absolute; top:21px; right:20px; transition:all 0.2s; } 
.dealer_pop .sign_pop_inner > ul > li > a::after { content:''; width:12px; height:2px; background:#949494; position:absolute; top:26px; right:15px; } 
.dealer_pop .sign_pop_inner > ul > li.minus > a::before { transform:rotate(90deg); } 
.dealer_pop .sign_pop_inner > ul > li.minus > a { font-family:'noto-B'; } 
.dealer_pop .sign_pop_inner > ul > li > a span { display:inline-block; width:30px; height:30px; margin-right:5px; background:url('//image5.compuzone.co.kr/img/images/login/log_dea_q.png') center center/contain no-repeat; vertical-align:middle; transition:all .2s; } 
.dealer_pop .sign_pop_inner > ul > li.minus > a span { background:url('//image5.compuzone.co.kr/img/images/login/log_dea_q2.png') center center/contain no-repeat; } 
.dealer_pop .sign_pop_inner ul .innerbox { display:none; padding:15px; background:#FCFCFC; box-sizing: border-box; } 
.dealer_pop .sign_pop_inner ul .innerbox p { line-height:21px; font-size:15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; } 
.dealer_pop .sign_pop_inner ul .innerbox p.dot { margin-bottom:10px; padding-left:5px; position:relative; } 
.dealer_pop .sign_pop_inner ul .innerbox p.dot:last-child { margin-bottom:0px; } 
.dealer_pop .sign_pop_inner ul .innerbox p.dot::before { content:''; width:2px; height:2px; background:#3A3A3A; position:absolute; top:9px; left:0; } 
.dealer_pop .sign_pop_inner ul .innerbox p span { display:block; margin-top:5px; font-size:14px; color:#949494; } 
/* 팝업 아이디/비밀번호 찾기 */
.sign_tab { display: flex; justify-content:center; width:100%; height:45px; border-radius: 35px; background:#E8E8E8; position:relative; } 
.sign_tab a { display:block; width:50%; height:45px; line-height:47px; text-align: center; font-size:17px; font-family:'noto-M'; color:#949494; position: relative; z-index:2; transition: 0.3s; } 
.sign_tab a.on { color:#fff; } 
.sign_tab .nav-indicator { width:50%; height:45px; background:#0D6DE3; border-radius:35px; position: absolute; left: 0; top: 0; transition: 0.4s; z-index: 1; } 
.sign_tab_cont { margin-top:20px; } 
.sign_tab_cont>div { display:none; } 
.sign_tab_cont>div.on { display:block; } 
.sign_tab_cont ul { overflow:hidden; } 
.sign_tab_cont ul>li { width:100%; margin-bottom:10px; padding:20px 20px 0; border:1px solid #D8D8D8; border-radius:15px; box-sizing: border-box; } 
.sign_tab_cont ul>li:last-child { margin-bottom:0; } 
.sign_tab_cont ul>li>a { display: block; margin-bottom:20px; font-size:17px; font-family:'noto-B'; color:#3a3a3a; position:relative; } 
.sign_tab_cont ul>li>P { margin-bottom:20px; font-size:17px; font-family:'noto-B'; color:#3a3a3a; text-align: center; } 
.sign_tab_cont ul>li>P span.chk { display:inline-block; width:24px; height:24px; margin-right:10px; background:url('//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png') center center/contain no-repeat; border-radius: 50%; overflow: hidden; vertical-align: -6px; } 
.sign_tab_cont ul>li>a::before { content:''; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_rightbtn.png') center center/contain no-repeat; position:absolute; right:0; transform:rotate(90deg); } 
.sign_tab_cont ul>li.minus>a::before { transform:rotate(-90deg); } 
.sign_tab_cont ul>li .innerbox { display: none; margin:0 0 20px; } 
.sign_tab_cont ul>li .sign_form { display: none; margin:0; } 
.sign_tab_cont ul>li .innerbox table { width:100%; border-collapse: separate; border-spacing: 0 10px; } 
.sign_tab_cont ul>li .innerbox table th { font-size:15px; font-family:'noto-M'; color:#3a3a3a; } 
.sign_tab_cont ul>li .innerbox .sign_input { display: flex; justify-content: space-between; } 
.sign_tab_cont ul>li .sign_check_box { display: flex; justify-content: space-between; } 
.sign_tab_cont div>ul>li .innerbox .selecbox { display: block; width:100%; height:40px; border:1px solid #d8d8d8; border-radius:5px; box-sizing: border-box; overflow:hidden; position:relative; } 
.sign_tab_cont div>ul>li .innerbox .selecbox::before { content: ''; width: 20px; height: 20px; background: url('//image5.compuzone.co.kr/img/images/product_detail22/detail_rightbtn.png') center center/contain no-repeat; transform: rotate(90deg); position: absolute; top:9px; right:5px; z-index:1; } 
.sign_tab_cont div>ul>li .innerbox .inputbox { display: block; width:100%; height:40px; border:1px solid #d8d8d8; border-radius:5px; box-sizing: border-box; overflow:hidden; } 
.sign_tab_cont div>ul>li .innerbox .inputbox33 { width:calc(33.333% - 3.333px); } 
.sign_tab_cont p.noti { margin-top:10px; font-size:13px; color:#949494; } 
.sign_tab_cont p.noti a { color:#949494; } 
.sign_tab_cont .tabinner .inputbox { display: block; width:100%; height:40px; margin-bottom:10px; border:1px solid #d8d8d8; border-radius:5px; box-sizing: border-box; overflow:hidden; } 
.sign_pop_inner>h3 { font-size:17px; font-family:'noto-M'; color:#3a3a3a; } 
.sign_pop_inner>h6 { margin-top:5px; font-size:13px; color:#949494; } 
/* 팝업안에 체크박스 */
.sign_popup .log_check_box { margin:0 0 20px 0; } 
.sign_popup .log_check_box .log_check { font-size:17px; font-family:'noto-B'; color:#3a3a3a; } 
.sign_popup .log_check_box2 .fl_left { width:100%; margin-bottom:10px; } 
.sign_popup .fl_left { width:calc(100% - 115px); margin-right:10px; } 
.sign_popup .fl_left h4 { font-size:17px; font-family:'noto-B'; color:#3a3a3a; } 
.sign_popup .join_data { width:105px; } 
.sign_popup .join_data p { font-size:13px; color:#6C6C6C; } 
.sign_popup .join_data p span { font-size:13px; color:#6C6C6C; } 
.sign_popup .innerbox .flexbox { display:flex; justify-content: space-between; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e8e8e8; } 
.sign_popup .innerbox .flexbox:last-child { padding-bottom:0px; margin-bottom:0px; border:none; } 
.sign_popup .innerbox .flexbox p { width:calc(100% - 100px); font-size:13px; color:#3a3a3a; } 
.sign_popup .innerbox .flexbox p span { display:block; margin-top:5px; font-size:15px; color:#3a3a3a; word-break: break-word; } 
.sign_popup .innerbox .flexbox button { width:90px; height:40px; line-height:42px; background:#fff; font-size:15px; font-family:'noto-M'; color:#3A3A3A; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box; } 
.sign_popup .flex { display: flex; justify-content: space-between; margin-bottom:20px; } 
.sign_popup .flex button { width:calc(50% - 5px); height:40px; line-height:42px; background:#fff; font-size:15px; font-family:'noto-M'; color:#3A3A3A; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box; } 
#pop_box.shareLyr .inner {box-sizing: border-box; text-align: left; } 
#pop_box.shareLyr .inner .cont { width:100%; min-width:270px; border-radius:20px; position:relative; } 
#pop_box.shareLyr .inner .cont .closeBtn { display: inline-block; width:30px; height:30px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png') center center/contain no-repeat; position: absolute; top:15px; right:15px; } 
#pop_box.shareLyr .layer_pop { width:auto; max-height:none; padding:0; background:none; } 
#pop_box.shareLyr .complete_btn {display: block; width: 100%; height: 52px; line-height: 50px; text-align: center; background: #0d6de3; border-radius:10px; font-size:18px; font-family:'noto-M'; font-weight:normal; color:#fff; margin-top:20px;}
.layer_pop .sale_price_inner { padding:20px 20px 25px; } 
.layer_pop .sale_price_inner .sale_detail{background: #f9f9f9;}
.layer_pop .sale_price_inner .sale_detail dl dt{color: #6c6c6c; font-size: 13px;}
.layer_pop .sale_price_inner .sale_detail dl dd{color: #6c6c6c; font-size: 13px; width: 130px; text-align: right; word-break: keep-all;}
@media (max-width:300px){
    .layer_pop .sale_price_inner .sale_detail dl dt,
    .layer_pop .sale_price_inner .sale_detail dl dd{width: 65px;}
}
.shr_sns { position: relative; padding: 20px 40px; border-bottom: 1px solid #d8d8d8; color: #3a3a3a; font-size: 20px; font-family: 'noto-B'; font-weight: normal; text-align: center; word-break: keep-all; height: auto; line-height: inherit; } 
#pop_box.shareLyr table { width:100%; margin-top:20px; text-align: center; } 
#pop_box.shareLyr table tr { height:50px; border-top:1px solid #e8e8e8; } 
#pop_box.shareLyr table tr:last-child { border-bottom:1px solid #e8e8e8; } 
#pop_box.shareLyr table th { background:#fafafa; border-right:1px solid #e8e8e8; font-size:14px; font-family:'noto-m'; font-weight:normal; color:#3a3a3a; } 
#pop_box.shareLyr table td { background:#fff; font-size:14px; font-family:'noto-R'; font-weight:normal; color:#3a3a3a; } 
#pop_box.shareLyr .pop_btn { width:100%; height:52px; margin-top:15px; border-radius:10px; overflow:hidden; } 
#pop_box.shareLyr .pop_btn a.bluebtn { display:block; width:100%; height:100%; line-height:52px; background:#0d6de3; text-align: center; font-size:18px; font-family: 'noto-M'; font-weight:normal; color:#fff; } 
.sign_pop_inner .innerbox { display: none;} 
.sign_pop_inner .innerbox table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } 
.sign_pop_inner .innerbox table th { font-size: 15px; font-family: 'noto-M'; color:#3a3a3a; text-align: left; } 
.sign_pop_inner .innerbox .sign_input { display: flex; justify-content: space-between; } 
.sign_pop_inner .sign_check_box { display: flex; justify-content: space-between; } 
.sign_pop_inner .innerbox .selecbox { display: block; width: 100%; height: 40px; border: 1px solid #d8d8d8; border-radius: 5px; box-sizing: border-box; overflow: hidden; position: relative; } 
.sign_pop_inner .innerbox .selecbox::before { content: ''; width: 20px; height: 20px; background: url('//image5.compuzone.co.kr/img/images/product_detail22/detail_rightbtn.png')
 center center/contain no-repeat; transform: rotate(90deg); position: absolute; top: 9px; right: 5px; z-index: 1; } 
.sign_pop_inner .innerbox .inputbox { display: block; width: 100%; height: 40px; border: 1px solid #d8d8d8; border-radius: 5px; box-sizing: border-box; overflow: hidden; } 
.sign_pop_inner .innerbox .inputbox33 { width: calc(33.333% - 3.333px); } 
.sign_pop_inner .graybox { width: 100%; margin-top: 10px; padding: 20px; background: #f9f9f9; border-radius: 15px; box-sizing: border-box; } 
.sign_pop_inner .graybox p { margin-bottom: 4px; padding-left: 7px; font-size: 13px; color: #949494; position: relative; } 
.sign_pop_inner .graybox p::before { content: ''; width: 2px; height: 2px; background: #949494; border-radius: 50%; position: absolute; top: 8px; left: 0; } 
/********** 팝업// **********/

/********** 로그인 **********/
.log_wrap { width:100%; min-height:670px; overflow:hidden; box-sizing: border-box; position:relative; } 
.log_wrap .log_inner{ width:100%; padding:0px 16px; box-sizing: border-box;max-width: 750px; margin: 0 auto;} 
.log_wrap img {width:100%;}
.log_wrap_vh { height:100vh; } 
/* 로그인헤더 */
.compuzone_logo { width:142px; margin:0 auto; } 
.compuzone_logo .cls-1 { fill:#2159a4; } 
.login_form { width:100%; margin-bottom:40px; box-sizing: border-box; position:relative; } 
.login_form .log_input { width:100%; height:40px; margin-bottom:8px; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box; overflow:hidden; } 
.login_form .log_wrong { margin-top:10px; } 
.login_form .log_wrong p { font-size:13px; font-family:'맑은고딕'; color:#6C6C6C; letter-spacing:-1px; } 
.login_form .log_btn { width:100%; margin-top:20px; box-sizing: border-box; overflow:hidden; } 
.login_form .log_btn button { display: block; width:100%; height:50px; background:#0D6DE3; border:1px solid #0D6DE3; border-radius:10px; font-size:16px; font-family:'noto-M'; color:#fff; } 
.login_form .log_btn button.log_wbtn { margin-bottom:0; border:1px solid #D8D8D8; background:#fff; color:#3a3a3a; } 
.login_form .log_btn button.log_gbtn { margin-bottom:0; background: var(--coF9); border: 1px solid var(--coD8); color: var(--co94);} 
.log_check_box { display:flex; justify-content: space-between; align-items: center; width:100%; margin-top:20px; box-sizing: border-box; } 
.log_check_box2 { display: block; } 
.log_check_box input[type="checkbox"] { display:none; } 
.log_check_box label.log_check { display: inline-block; height:24px; font-size:14px; color: #3A3A3A; } 
.log_check_box input[type="checkbox"] + label.log_check > span { display: inline-block; width:24px; height:24px; margin-right:5px; vertical-align: -6px; border:1px solid #D8D8D8; border-radius: 4px; box-sizing: border-box; } 
.log_check_box input[type="checkbox"]:checked + label.log_check > span { background:url('//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png') center center/contain no-repeat; border:none; } 
.log_check_box .fl_right a { display: inline-block; margin-left:20px; font-size:13px; color:#3A3A3A; position:relative; } 
.log_check_box .fl_right a::before { content:''; width:1px; height:10px; background:#D8D8D8; position:absolute; top:50%; left:-10px; transform:translateY(-50%); } 
.log_check_box .fl_right a:first-child::before { display:none; } 

.login_social { width:100%; margin-bottom:40px; } 
.login_social>div.log_so_tit { display: flex; justify-content: space-between; align-items: center; height:auto; margin:0 0 20px 0; } 
.login_social>div.log_so_tit h4 { display:inline-block; padding:0 10px; font-size:14px; color:#949494; } 
.login_social>div.log_so_tit .space { width:calc((100% - 187px) / 2); height:1px; background:#D8D8D8; } 
.login_social_fix { width:calc(100% - 30px); max-width: 750px; position:absolute; bottom:0; left: 0; right: 0; margin: 0 auto 40px;} 
.login_social_fix>div { width:calc(100% - 30px); } 
.login_social>div { width:100%; height:50px; border-radius:10px; margin-top:8px; } 
.login_social>div a { display:block; width:100%; height:100%; line-height:50px; text-align: center; font-size:16px; font-family:'noto-M'; position:relative; color: inherit;} 
.login_social>div a:active {opacity: 1;}
.login_social>div a span { margin-left:-20px; padding-left:40px; font-size:16px; font-family:'noto-M'; position:relative; } 
.login_social>div a span::before { content:''; width:28px; height:28px; overflow: hidden; position:absolute; top:50%; left:10px; transform: translateY(-50%); } 
.login_social .so_kakao { background:#FFEA0F; } 
.login_social .so_kakao span::before { background: url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_vivid_kakao_first.svg') center /contain no-repeat; } 
.login_social .so_naver { background:#1EC800; } 
.login_social .so_naver span { color:#fff; } 
.login_social .so_naver span::before { background: url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_vivid_naver_first.svg') center /contain no-repeat; } 
.login_social .so_no { background:#fff; border:1px solid #D8D8D8; } 
.login_social .so_ok { background:#0D6DE3; border:1px solid #0D6DE3;color:#fff;} 
.login_social .so_dis {background:var(--coF9); border:1px solid var(--coD8); color: var(--co94);}

.gift_benefits { width:100%; max-width: 475px; padding:20px; margin: auto; background:#fff; border:1px solid #D8D8D8; border-radius:10px; position:relative; box-sizing: border-box; } 
.gift_benefits h2 { margin-bottom:20px; text-align: center; font-size:15px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a; } 
.gift_benefits h2 a { display: inline-block; font-size: 15px; font-family: 'noto-M'; font-weight: normal; color:#3a3a3a; } 
.gift_benefits h2 a img { width: 20px; height: 20px; margin-left: -2px; vertical-align: sub; } 
.gift_benefits ul { display: flex; justify-content: space-between; align-items: top; } 
.gift_benefits ul li { width:calc(33.3333% - 6.66px); } 
.gift_benefits ul li span { display:block; text-align: center; box-sizing: border-box; } 
.gift_benefits ul li span img { width:100%; max-width:120px; } 
.gift_benefits ul li p { margin-top:10px; text-align: center; font-size:13px; font-family:'noto-R'; color:#3a3a3a; word-break: keep-all; } 
/********** 로그인// **********/

/********** 회원가입 **********/
.sign_wrap { overflow:hidden; } 
.sign_wrap input, .sign_wrap select { position:relative; } 
/* 회원가입 본인인증 */
.sign_cont { margin-top:20px; padding:0 15px; box-sizing: border-box; } 
.sign_cont>p { font-size:16px; font-family:'noto-R'; color:#3a3a3a; } 
.sign_cont .sign_cont_tit { display: flex; justify-content: space-between; align-items:center; margin-bottom:12px; } 
.sign_cont .sign_cont_tit2 { margin-top:40px; } 
.sign_cont .sign_cont_tit p { font-size:17px; font-family:'noto-B'; color:#3a3a3a; } 
.sign_cont .sign_cont_tit ul { display: flex; justify-content: space-between; } 
.sign_cont .sign_cont_tit ul li { margin-left:12px; position:relative; } 
.sign_cont .sign_cont_tit ul li::before { content:''; width:12px; height:1px; background:#d8d8d8; position:absolute; top:14px; left:-12px; } 
.sign_cont .sign_cont_tit ul li:nth-child(1):before { display: none; } 
.sign_cont .sign_cont_tit ul li span {display: flex; align-items: center; justify-content: center; width:28px; height:28px; background:#D8D8D8; border-radius: 50%; font-size:small; text-align: center; } 
.sign_cont .sign_cont_tit ul li span img {width:16px; height: 18px;}  
.sign_cont .sign_cont_tit ul li.on span { background:#0D6DE3; } 
.sign_choice { display: flex; justify-content: space-between; margin-bottom: 40px;} 
.sign_choice>div { width:calc(50% - 5px); margin:0 5px 0 0; padding:20px; text-align: center; border:1px solid #D8D8D8; border-radius: 10px; box-sizing: border-box; } 
.sign_choice>div:nth-child(2) { margin:0 0 0 5px; } 
.sign_choice>div span { width:60px; height:60px; display: block; margin:0 auto 10px; } 
.sign_choice>div span img { width:100%; display: block; margin:0 auto; } 
.sign_choice>div p { font-size:13px; color:#3A3A3A; word-break: keep-all; } 
.sign_cont .sign_line { margin-top:10px; } 
.sign_cont .sign_line h5 { font-size:13px; color:#949494; } 
/* 회원가입 정보입력폼 */
.sign_form { width:100%; } 
.sign_form .sign_line { margin-bottom:20px; } 
.sign_form.innerbox .sign_line { margin-top:0; } 
.sign_form.innerbox .sign_btn { padding:0; } 
.sign_form .sign_line.border { border-top:1px solid #D8D8D8; } 
.sign_form .sign_line h3 { margin-bottom:5px; font-size:15px; font-family:'noto-M'; color:#3a3a3a; } 
.sign_form .sign_line h5 { margin-bottom:10px; font-size:13px; color:#949494; } 
.sign_form .sign_line .error {margin-bottom:10px; font-size:13px; color:#F14738;}
.sign_form .sign_line .sign_input { display: flex; justify-content: space-between; margin-bottom:10px; } 
.sign_form .sign_line .sign_input2 { display: flex; justify-content: space-between; width:calc(100% - 95px); margin-bottom:10px; } 
.sign_form .sign_line .sign_input .selecbox { display: block; width:100%; height:40px; border:1px solid #d8d8d8; border-radius:5px; box-sizing: border-box; overflow:hidden; position:relative; } 
.sign_form .sign_line .sign_input .selecbox::before { content: ''; width: 20px; height: 20px; background: url('//image5.compuzone.co.kr/img/images/product_detail22/detail_rightbtn.png') center center/contain no-repeat; transform: rotate(90deg); position: absolute; top:9px; right:5px; z-index:1; } 
.sign_form .sign_line .sign_input .inputbox { display: block; width:100%; height:40px; border:1px solid #d8d8d8; border-radius:5px; box-sizing: border-box; overflow:hidden; } 
.sign_form .sign_line .sign_input .inputbox95 { width:calc(100% - 95px); } 
.sign_form .sign_line .sign_input .inputbox33 { width:calc(33.333% - 3.333px); } 
.sign_form .sign_line .sign_input .inputbox h6 { padding:0 34px 0 10px; line-height:40px; font-size:15px; font-family:'noto-R'; color:#3a3a3a; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; box-sizing: border-box; position:relative; } 
.sign_form .sign_line .sign_input .inputbox h6 a { display: inline-block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_delete.png') center center/contain no-repeat; position:absolute; top:7px; right:10px; } 
.sign_form .sign_line .sign_input button.confirm { width:90px; height:40px; line-height:42px; background:#6C6C6C; border-radius:5px; font-size:15px; color:#fff; } 
.sign_form .sign_check_box { display:flex; justify-content:flex-start; align-items: center; width:100%; margin-top:20px; box-sizing: border-box; } 
.sign_form .sign_check_box2 { justify-content:space-between; } 
.sign_form .sign_check_box a { display:block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/main/main2022/rightbtn.png') center center/contain no-repeat; } 
.sign_form .sign_check_box>div { margin-right:20px; } 
.sign_form .sign_check_box>div:last-child { margin-right:0; } 
.sign_form .sign_check_box input[type="checkbox"] { display:none; } 
.sign_form .sign_check_box label.sign_check { display: inline-block; height:24px; font-size:15px; color: #3A3A3A; font-family: 'noto-M';} 
.sign_form .sign_check_box label.sign_check.bold { font-family:'noto-M'; } 
.sign_form .sign_check_box input[type="checkbox"] + label.sign_check > span { display: inline-block; width:24px; height:24px; margin-right:5px; vertical-align: -6px; border:1px solid #D8D8D8; border-radius: 4px; box-sizing: border-box; } 
.sign_form .sign_check_box input[type="checkbox"]:checked + label.sign_check > span { background:url('//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png') center center/contain no-repeat; border:none; } 
.sign_form .graybox { width:100%; height:120px; margin-top:10px; padding:8px 10px; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box; overflow-y: auto; } 
.sign_form .graybox p { margin-bottom:4px; font-size:14px; color:#6C6C6C; } 
.sign_btn { width:100%; padding:40px 0; box-sizing: border-box; overflow:hidden; display: flex; justify-content: space-between; } 
.sign_btn_fix { width: calc(100% - 30px); padding: 40px 0; box-sizing: border-box; overflow: hidden; display: flex; justify-content: space-between; position: fixed; bottom: 0; background: #fff; } 
.sign_btn2 { padding:10px 0 0; } 
.sign_btn3 { padding:20px 0 0; } 
.sign_btn a { display: block; width:100%; height:50px; line-height:52px; background:#0D6DE3; border:1px solid #0D6DE3; border-radius:10px; text-align: center; font-size:18px; font-family:'noto-M'; color:#fff; box-sizing: border-box; } 
.sign_btn button { display: block; width:100%; height:50px; line-height:52px; background:#0D6DE3; border:1px solid #0D6DE3; border-radius:10px; font-size:18px; font-family:'noto-M'; color:#fff; box-sizing: border-box; } 
.sign_btn1 button { display: block; width:100%; height:50px; line-height:52px; background:#0D6DE3; border:1px solid #0D6DE3; border-radius:10px; font-size:18px; font-family:'noto-M'; color:#fff; box-sizing: border-box; } 
.sign_btn button.bt50 { width:calc(50% - 5px); } 
.sign_btn button.wbtn { background:#fff; border:1px solid #D8D8D8; color:#3a3a3a; } 
.sign_line .choice_area { overflow: hidden; margin-top:-5px; } 
.sign_line .choice_area p { display:inline-block; padding:4px 12px; margin:5px 5px 0 0; background:#EEF8FF; font-size:12px; color:#6C6C6C; border-radius:13px; box-sizing: border-box; } 
.sign_line .choice_area p a { display: inline-block; width:16px; height:16px; margin-left:2px; background:url('//image5.compuzone.co.kr/img/images/login/cho_btn.png') center center/contain no-repeat; vertical-align: sub; } 
/********** 회원가입// **********/

/********** 회원가입완료 **********/
.finish_wrap { padding:40px 15px 130px; box-sizing: border-box; } 
.finish_wrap img { width:100%; } 
/* 상단 로고 타이틀 */
.finish_wrap .logo h2 { margin-top:40px; text-align: center; font-size:20px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a; } 
/* 선물상자 애니메이션 */
.gift_box { width:100%; max-width:345px; height:180px; margin:20px auto 0; position:relative; } 
.gift_box span { position:absolute; } 
.gift_box span img { width:100%; } 
.gift_box span:nth-child(1) { width:349px; height:140px; top:54px; left:2px; transform-origin: center bottom; opacity:0; animation:giftani1 0.8s ease-in-out forwards 1s; } 
.gift_box span:nth-child(2) { width:92px; height:98px; top:-5px; left:45px; transform-origin: center bottom; opacity:0; animation:giftani2 0.8s ease-in-out forwards 1s; } 
.gift_box span:nth-child(3) { width:138px; height:95px; top:47px; left:106px; transform-origin: center bottom; opacity:0; animation:giftani3 0.8s ease-in-out forwards 1s; } 
.gift_box span:nth-child(4) { width:138px; height:53px; background:#fff; border:1px solid #1A1A1A; border-bottom:0; bottom:0px; left:110px; } 
.gift_box span:nth-child(4)::before { content:''; width:20px; height:75px; background:#0d6de3; border-left:1px solid #1A1A1A; border-right:1px solid #1A1A1A; position:absolute; top:0; left:57px; animation:giftani5 0.8s ease-in-out forwards 1s; } 
.gift_box span:nth-child(5) { width:148px; height:70px; top:20px; left:176px; transform:Translate(-70px, 60px); animation:giftani4 0.5s ease-in-out forwards 1s; } 
.gift_box span:nth-child(5)::before { content:''; width:20px; height:34px; background:#0d6de3; border-left:1px solid #1A1A1A; border-right:1px solid #1A1A1A; position:absolute; top:35px; left:62px; animation:giftani5 0.5s ease-in-out forwards 1s; } 
@keyframes giftani1 { 
 0% { opacity:0; transform:TranslateY(50px) scale(0); } 
 100% { opacity:1; transform:TranslateY(0) scale(1); } 
 }
@keyframes giftani2 { 
 0% { opacity:0; transform:Translate(50px, 100px) scale(0); } 
 100% { opacity:1; transform:Translate(0,0) scale(1); } 
 }
@keyframes giftani3 { 
 0% { opacity:0; transform:TranslateY(60px) rotate(-12deg) scale(0); } 
 100% { opacity:1; transform:TranslateY(0) rotate(0deg) scale(1); } 
 }
@keyframes giftani4 { 
 0% { transform:Translate(-70px, 60px) rotate(0); } 
 100% { transform:Translate(0, 0) rotate(30deg); } 
 }
@keyframes giftani5 { 
 0% { opacity:1; } 
 100% { opacity:0; } 
 }
/* 선물상자 애니메이션 미디어쿼리 */
@media screen and (max-width: 375px){
 .gift_box { width:100%; height:48.0000vw; position:relative; } 
 .gift_box span:nth-child(1) { width:93.0667vw; height:37.3333vw; top:14.4000vw; left:0.5333vw; transform-origin: center bottom; opacity:0; animation:giftani1 0.8s ease-in-out forwards 1s; } 
 .gift_box span:nth-child(2) { width:24.5333vw; height:26.1333vw; top:-1.3333vw; left:12.0000vw; transform-origin: center bottom; opacity:0; animation:giftani2 0.8s ease-in-out forwards 1s; } 
 .gift_box span:nth-child(3) { width:36.8000vw; height:25.3333vw; top:12.5333vw; left:28.2667vw; transform-origin: center bottom; opacity:0; animation:giftani3 0.8s ease-in-out forwards 1s; } 
 .gift_box span:nth-child(4) { width:36.8000vw; height:14.1333vw; background:#fff; border:0.2667vw solid #1A1A1A; border-bottom:0; bottom:0.0000vw; left:29.3333vw; } 
 .gift_box span:nth-child(4)::before { content:''; width:5.3333vw; height:20.0000vw; background:#0d6de3; border-left:0.2667vw solid #1A1A1A; border-right:0.2667vw solid #1A1A1A; position:absolute; top:0; left:15.2000vw; animation:giftani5 0.8s ease-in-out forwards 1s; } 
 .gift_box span:nth-child(5) { width:39.4667vw; height:18.6667vw; top:5.3333vw; left:46.9333vw; transform:Translate(-18.6667vw, 16.0000vw); animation:giftani4 0.5s ease-in-out forwards 1s; } 
 .gift_box span:nth-child(5)::before { content:''; width:5.3333vw; height:9.0667vw; background:#0d6de3; border-left:0.2667vw solid #1A1A1A; border-right:0.2667vw solid #1A1A1A; position:absolute; top:9.3333vw; left:16.5333vw; animation:giftani5 0.5s ease-in-out forwards 1s; } 
 }
/* 회원혜택 자세히보기 */
.gift_notice { width:100%; margin-top:20px; padding:20px; background:#FAFAFA; border-radius:10px; box-sizing: border-box; } 
.gift_notice p { margin-bottom:5px; font-size:13px; font-family:'noto-R'; font-weight: normal; color:#6C6C6C; } 
.gift_notice a { display:inline-block; font-size:15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; } 
.gift_notice a img { width:20px; height:20px; margin-left:-2px; vertical-align: sub; } 

/* 팝업-회원 등급별 혜택 안내 */
.bene_popup .sign_tab { width:calc(100% - 30px); margin:0 auto; } 
.bene_cont { margin-top:20px; } 
.bene_cont .pop_subtit { margin-bottom:20px; font-size:17px; font-family: 'noto-B'; font-weight:normal; color:#3a3a3a; } 
/* section1 */
.bene_cont .section1 { padding:0 15px 20px; border-bottom:8px solid #F9F9F9; } 
.bene_cont .section1 ul { overflow: hidden; } 
.bene_cont .section1 ul li { padding:10px 0; border-bottom:1px solid #D8D8D8; box-sizing: border-box; position:relative; } 
.bene_cont .section1 ul li::before { content:''; width:2px; height:2px; background:#1a1a1a; position:absolute; top:20px; left:0px; } 
.bene_cont .section1 ul li:last-child { border-bottom:0; } 
.bene_cont .section1 ul li h4 { margin-bottom:5px; padding-left:5px; font-size:15px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a; } 
.bene_cont .section1 ul li h5 { padding-left:5px; font-size:13px; font-family:'noto-R'; font-weight: normal; color:#949494; } 
.bene_cont .section1 ul li h5 a { font-size:13px; font-family:'noto-R'; font-weight: normal; color:#949494; } 
.bene_cont .section1 ul li h5 img { width:20px; height:20px; margin-left:-2px; vertical-align: sub; transform:rotate(-90deg); } 
/* section2 일반회원 딜러회원 */
.bene_cont .bene_tab_cont { padding:35px 15px 40px; border-bottom:8px solid #F9F9F9; } 
.bene_cont .bene_tab_cont .tab_change ul { display:flex; justify-content: space-between; margin-bottom:20px; } 
.bene_cont .bene_tab_cont .tab_change ul li { width:calc(33.3333% - 3.3333px); height:60px; padding:5px 0; border-radius:5px; box-sizing: border-box; overflow:hidden; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls3 { border:1px solid #FE3E2D; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls3 p { color:#FE3E2D; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls3.on { background:linear-gradient(to bottom, #FC6852, #FE3E2D); border:none; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls2 { border:1px solid #FFAB27; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls2 p { color:#FFAB27; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls2.on { background:linear-gradient(to bottom, #FFCA75, #FFAB27); border:none; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls1 { border:1px solid #9B9B9B; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls1 p { color:#9B9B9B; } 
.bene_cont .bene_tab_cont .tab_change ul li.cls1.on { background:linear-gradient(to bottom, #ccc, #9B9B9B); border:none; } 
.bene_cont .bene_tab_cont .tab_change2 ul li { width:calc(50% - 2.5px); height:60px; border-radius:5px; overflow:hidden; } 
.bene_cont .bene_tab_cont .tab_change2 ul li.cls5 { border:1px solid #1946DB; } 
.bene_cont .bene_tab_cont .tab_change2 ul li.cls5 p { color:#1946DB; } 
.bene_cont .bene_tab_cont .tab_change2 ul li.cls5.on { background:linear-gradient(to bottom, #527EFE, #1946DB); border:none; } 
.bene_cont .bene_tab_cont .tab_change2 ul li.cls4 { border:1px solid #5C3FC5; } 
.bene_cont .bene_tab_cont .tab_change2 ul li.cls4 p { color:#5C3FC5; } 
.bene_cont .bene_tab_cont .tab_change2 ul li.cls4.on { background:linear-gradient(to bottom, #7B5FE5, #5C3FC5); border:none; } 
.bene_cont .bene_tab_cont .tab_change ul li span { display:block; width:30px; height:30px; margin:0 auto; } 
.bene_cont .bene_tab_cont .tab_change ul li span:nth-child(2) { display:none; } 
.bene_cont .bene_tab_cont .tab_change ul li.on span:nth-child(1) { display:none; } 
.bene_cont .bene_tab_cont .tab_change ul li.on span:nth-child(2) { display:block; } 
.bene_cont .bene_tab_cont .tab_change ul li p { text-align:center; font-size:13px; } 
.bene_cont .bene_tab_cont .tab_change ul li.on p { color:#fff; } 
.bene_cont .bene_tab_cont .tab_change dl { display: flex; margin-bottom:10px; overflow: hidden; } 
.bene_cont .bene_tab_cont .tab_change dt { display:inline-block; width:30px; margin-right:15px; font-size:14px; font-family:'noto-M'; color:#3a3a3a; } 
.bene_cont .bene_tab_cont .tab_change dd { display:inline-block; font-size:13px; color:#6C6C6C; } 
.bene_cont .bene_tab_cont .tab_change dd p { margin-bottom:5px; } 
.bene_cont .bene_tab_cont .tab_change dd p span { display: block; font-size:13px; color:#949494; } 
.bene_cont .bene_tab_cont .tab_change dl:last-child, .bene_cont .bene_tab_cont .tab_change dd p:last-child { margin-bottom:0px; } 
/* section3 쿠폰다운로드 */
.bene_cont .section3 { padding:35px 15px 40px; } 
.bene_cont .section3 ul { overflow:hidden; } 
.bene_cont .section3 ul li { margin-bottom:10px; border-radius:10px; border:1px solid #D8D8D8; overflow:hidden; } 
.bene_cont .section3 ul li:last-child { margin-bottom:0; } 
.bene_cont .section3 ul li .coupon_flex { display: flex; justify-content: space-between; align-items: center; padding:20px; } 
.bene_cont .section3 ul li .coupon_flex p { font-size:15px; font-family:'noto-M'; color:#3a3a3a; } 
.bene_cont .section3 ul li .coupon_flex p span { display: block; margin-top:5px; } 
.bene_cont .section3 ul li .coupon_flex button { width:90px; height:40px; background:#fff; border:1px solid #D8D8D8; border-radius: 5px; font-size:15px; font-family:'noto-M'; color:#3a3a3a; } 
.bene_cont .section3 ul li .coupon_noti { padding:15px 20px; background:#F9F9F9; } 
.bene_cont .section3 ul li .coupon_noti p { font-size:13px; font-family:'noto-R'; color:#6C6C6C; } 
/* section4 안내영역 */
.bene_cont .section4 { padding:40px 15px; background:#F9F9F9; } 
.bene_cont .section4>div { margin-bottom:20px; } 
.bene_cont .section4>div h6 { margin-bottom:10px; font-size:14px; font-family:'noto-M'; color:#6C6C6C; } 
.bene_cont .section4>div p { margin-bottom:5px; padding-left:6px; font-size:13px; font-family:'noto-R'; color:#6C6C6C; position:relative; } 
.bene_cont .section4>div p::before { content:''; width:1px; height:1px; background:#6c6c6c; position:absolute; top:9px; left:0; } 
.bene_cont .section4>div:last-child, .bene_cont .section4>div p:last-child { margin-bottom:0px; } 
/********** 회원가입완료// **********/

/* 220223 94483 씨게이트 수동배너 */
.E_seagate { position:relative; } 
.E_seagate::Before { content:''; width:74px; height:40px; background:url('//image5.compuzone.co.kr/img/images/evt_2023/40323/sign_cou.png') center center/contain no-repeat; position:absolute; top:50%; right:24px; transform:translateY(-50%); } 
.E_seagate span.seagate { display:block; width:75px; margin-bottom:5px; } 
.E_seagate span.seagate img { display: block; } 
.E_seagate a b { display:block; font-family:'noto-B'; font-weight: normal;}

/* 230515 96704 딜러회원 본인인증 명의변경 프로세스 구축 요청 */
input.myP_radio[type="radio"]:checked + label.myP_radio > i {border: 1px solid #3775ff;}
input.myP_radio[type="radio"]:checked + label.myP_radio > i:before {background-color: #3775ff;}
input.myP_radio[type="radio"] + label.myP_radio > i {position: relative; display: inline-block; width: 24px; height: 24px; background: #fff; border: 1px solid #D8D8D8; 
    border-radius: 50%; cursor: pointer; vertical-align: top; margin: 0 5px 0 0; box-sizing: border-box;}
input.myP_radio[type="radio"], input.consultP_rdo[type="radio"] {display: none !important;}
input.myP_radio[type="radio"] + label.myP_radio > i:before {content: ''; position: absolute; display: inline-block; top: 4px; left: 4px; width: 14px; height: 14px; border-radius: 50%; background-color: #fff;}
.myP_radio {display: flex; align-items: center; width: 100%; height: 100%; vertical-align: middle; font-size: 16px; line-height: 18px; color: #232323; font-family: 'noto-D'; cursor: pointer;}
.transfer_btn{display: flex; flex-direction: column; gap: 10px;}
.transfer_btn02{position: fixed; bottom: 0; left: 0; right: 0; z-index: 5; padding: 15px; background: #ffffff;}
.transfer_btn button{display: block; width: 100%; height: 52px; line-height: 52px; background: #0D6DE3; border: 1px solid #0D6DE3; border-radius: 10px; font-size: 18px; font-family: 'noto-M'; color: #fff; box-sizing: border-box;}
.transfer_btn01 button:last-child{background: #ffffff; border: 1px solid #D8D8D8; color: #1A1A1A;}
.transfer_btn02 button{background: #ffffff; border: 1px solid #D8D8D8; color: #1A1A1A;}
.transfer_btn03 button{width: 156px; height: 35px; line-height: 35px; background: #1A1A1A; border: 0; font-size: 13px; font-family: 'noto-R'; border-radius: 5px; display: block; margin: auto; margin-bottom: 40px;}
.transfer_form_p{font-size: 15px; font-family: 'noto-R'; color: #1A1A1A; margin-bottom: 20px; word-break: keep-all;}
.transfer_table_wrap table{border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.transfer_table_wrap table tbody tr{border-top: 1px solid #F2F2F2;}
.transfer_table_wrap table tbody tr:last-child{border-bottom: 1px solid #F2F2F2;}
.transfer_table_wrap table tbody tr td{padding: 13px 15px; font-size: 14px; font-family: 'noto-B'; color: #3A3A3A; background: #F9F9F9; text-align: center;}
.transfer_table_wrap table tbody tr td:last-child{border-left: 1px solid #F2F2F2; background: #ffffff; font-family: 'noto-R'; text-align: left;}
.transfer_table_wrap table tbody tr td .flex_box{display: flex; align-items: center; justify-content: space-between;}
.transfer_table_wrap table tbody tr td p{width: 105px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; font-family: 'noto-R'; color: #3A3A3A;}
.transfer_table_wrap table tbody tr td button{width: 80px; height: 35px; background: #6C6C6C; border-radius: 5px; color: #ffffff; font-size: 13px; font-family: 'noto-R';}
.transfer_box{background: #F9F9F9; padding: 20px; display: flex; flex-direction: column; gap: 5px; border-radius: 10px;}
.transfer_box p{position: relative; font-size: 14px; font-family: 'noto-R'; color: #6C6C6C; padding-left: 7px;}
.transfer_box p::after{position: absolute; content: ""; top: 8px; left: 0; width: 2px; height: 2px; background: #6C6C6C;}
.transfer_content{margin-bottom: 40px;}
.transfer_content .transfer_cont{text-align: center; margin-bottom: 30px;}
.transfer_content .transfer_cont img{margin-bottom: 10px; width: 42px;}
.transfer_content .transfer_cont p{font-size: 14px; font-family: 'noto-R'; color: #6C6C6C; }
.transfer_content .transfer_box p:last-child::after{background: #F14738;}

.q_mark {display: block; background: url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_question_mark_circle_24.svg') center center/contain no-repeat; width: 24px; height: 24px; cursor: pointer;}
.info_wrap *{box-sizing: border-box;}
.info_wrap .sign_cont .sign_cont_tit{margin-bottom: 24px;}
.info_wrap .sign_cont.first_cont{padding-bottom: 20px; border-bottom: 8px solid #F9F9F9;}
.info_wrap .sign_cont{border-bottom: 8px solid #F9F9F9;}
.info_wrap button{background: #6C6C6C; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-family: 'noto-M'; color: #ffffff;}
.info_flex_box {display: flex; gap: 10px; margin-bottom: 10px; align-items: center;}
.info_flex_box > p{width: 100px; font-size: 15px; font-family: 'noto-M'; color: #3A3A3A;}
.info_flex_box > p.q_flex{display: flex; align-items: center;}
.info_flex_box > .box{display: flex; flex-direction: column; gap: 6px;}
.info_flex_box > .box p{font-size: 15px; font-family: 'noto-R'; color: #6C6C6C;}
.info_flex_box > .box button{width: 164px; height: 40px;}
p.ft_p{position: relative; font-size: 14px; font-family: 'noto-R'; color: #6C6C6C; padding-left: 7px;}
p.ft_p::after{position: absolute; content: ""; width: 2px; height: 2px; background: #6C6C6C; top: 9px; left: 0;}
.sign_form .info_flex_box .password_btn{width: 118px; height: 40px;}
.sign_form .info_flex_box .sign_input{width: calc(100% - 110px); display: flex; margin-bottom: 0px; flex-direction: column; justify-content: unset;}
.sign_form .info_flex_box .sign_input > p{font-size: 13px; color: #949494; font-family: 'noto-R'; margin-top: 10px;}
.sign_form .info_flex_box.phone_box .sign_input{flex-direction: row; gap: 5px;}
.sign_form .info_flex_box.radio_box .sign_input{width: 230px; flex-direction: row; flex-wrap: wrap; gap: 0 10px;}
.sign_form .info_flex_box.radio_box .sign_input .myP_rdo{width: 110px; padding: 5px 0;}
.sign_form .info_flex_box.radio_box .sign_input .myP_rdo label{font-size: 15px; font-family: 'noto-R'; color: #3A3A3A;}
.password_box {display: none;}
.password_box.on {display: block;}
.password_box .submit_btn{width: 90px; height: 40px; margin-left: 110px; margin-bottom: 20px;}
.addr_box .title p{width: 100px; font-size: 15px; font-family: 'noto-M'; color: #3A3A3A;}
.addr_box .cont{display: flex; flex-direction: column; gap: 10px; width: 100%;}
.addr_box .cont button{width: 90px; height: 40px;}
.addr_box .info_flex_box .sign_input{width: calc(100% - 0px);}
.sign_form .sign_check_box .txt_box{width: 100%; padding: 10px 12px; border: 1px solid #D8D8D8; border-radius: 5px;}
.sign_form .sign_check_box .txt_box p{font-size: 14px; font-family: 'noto-R'; color: #6C6C6C; word-break: keep-all;}
.sign_form .sign_check_box .txt_box a{font-size: 14px; font-family: 'noto-R'; color: #1C8FED; display: block; width: unset; height: unset; background: unset;}
.sign_form .bg_txtbox{width: 100%; padding: 20px; background: #F9F9F9; border-radius: 10px; margin-bottom: 40px;}
.sign_form .bg_txtbox p{font-size: 14px; font-family: 'noto-R'; color: #6C6C6C; padding-left: 7px; position: relative;}
.sign_form .bg_txtbox p::after{position: absolute; content: ""; width: 2px; height: 2px; background: #6c6c6c; left: 0; top: 8px;}
.info_btn{display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 40px;}
.info_btn button{width: 100%; height: 52px; background: #FFFFFF; border: 1px solid #D8D8D8; border-radius: 10px; font-size: 18px; font-family: 'noto-M'; color: #1A1A1A;}
.info_btn button:last-child{background: #0D6DE3; border: 0; color: #ffffff;}
#pop_box.shareLyr .inner .cont{min-width: 100%;}
#pop_box.shareLyr.on {display: block;}

/* 107937 휴면 해제 및 계정 연동 프로세스 개선 요청 */
.release_wrap .sign_pop_inner>p{font-size: 13px; font-family: 'noto-R'; color: #949494; margin-top: 5px;}
.release_wrap .header_login + .txt_box{margin-bottom: 20px;}
.release_wrap .header_login + .txt_box h3{font-size: 17px; font-family: 'noto-M'; color: #3a3a3a;}
.release_wrap .header_login + .txt_box p{font-size: 13px; font-family: 'noto-R'; color: #949494; margin-top: 5px;}
.release_wrap .log_check_box{justify-content: flex-end;}
.release_wrap .sign_popup .join_data{width: unset; white-space: nowrap;}
.release_wrap .log_check_box .fl_right a{margin: 0; display: block;}
.finish_wrap.release_wrap .logo p{font-size: 15px; text-align: center; margin-top: 10px;}
.finish_wrap.release_wrap .sign_btn{position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; padding: 20px 0 40px; box-sizing: border-box; width: calc(100% - 30px);}
.finish_wrap.release_wrap .release_box {width:100%; max-width:345px; height:180px; margin:20px auto 0; position:relative;}
.finish_wrap.release_wrap .release_box span {position:absolute;}
.finish_wrap.release_wrap .release_box span img {width:100%;}
.finish_wrap.release_wrap .release_box span:nth-child(1) {width:81px; height:83px; top: 0px; right: 20px; transform-origin: center bottom; opacity:0; z-index: 1; transition: all 0.8s;}
.finish_wrap.release_wrap .release_box.on span:nth-child(1){opacity: 1;}
.finish_wrap.release_wrap .release_box span:nth-child(2) {width:92px; height:98px; top:15px; left:10px; transform-origin: center bottom; opacity:0; z-index: 1; transition: all 0.8s;}
.finish_wrap.release_wrap .release_box.on span:nth-child(2){opacity: 1;}
.finish_wrap.release_wrap .release_box span:nth-child(3) {width:180px; height:118px; bottom: 28px; left:0; right: 0; margin: auto;}
.finish_wrap.release_wrap .release_box span:nth-child(4) {width:67px; height:67px; bottom: 57px; left:0; right: 0; margin: auto; z-index: 2;}
.finish_wrap.release_wrap .release_box span:nth-child(5) {width:27px; height:32px; bottom: 84px; left:0; right: 0; margin: auto; z-index: 1; transform: translateY(0); transition: all 1s;}
.finish_wrap.release_wrap .release_box.on span:nth-child(5){transform: translateY(-10px);}
/* 240430 109302 출석체크배너 */
.att_bnr {width:100%; margin-bottom:20px; border-radius: 10px; overflow: hidden;}
.att_bnr a {display: flex; justify-content: center; align-items: center; gap: 8px; width:100%; padding:16px; background:#F3FAFF; text-align: center; box-sizing: border-box; }
.att_bnr .icon {display: inline-block; padding: 3px 10px; font-size: 12px; font-family: 'spoqa M'; font-weight: bold; color: #fff; background: #0774E8; border-radius: 5px; box-sizing: border-box;}
.att_bnr p {display: flex; justify-content: center; align-items: center; color: #3A3A3A; letter-spacing: -1px;}
.att_bnr p img {width:18px; height:18px;}

@media screen and (max-width: 360px) {
    .att_bnr a {flex-direction: column; align-items: center; gap:6px;} 
}

/* 통합회원전환 프로세스 확대 및 안내 개선 요청 */
.integrated_btn02{padding-bottom: 40px;}
.integrated_wrap .txt_box{padding: 20px 15px 0;}
.integrated_wrap .txt_box p{color: #3A3A3A; font-size: 15px; font-family: 'noto-R'; margin-bottom: 6px;}
.integrated_wrap .txt_box span{color: #949494; font-size: 13px; font-family: 'noto-R';}
.integrated_wrap .sign_choice>div{width: 100%;}

/* 기존미디어쿼리 리셋 */
@media (min-width: 400px) and (max-width: 480px) { * { font-size:inherit; }  }
@media (min-width: 321px) and (max-width: 399px) { * { font-size:inherit; } }

 /* 122070 모바일 네비게이션 개선 */
.header_login {width: 100%; height: 48px; padding: 12px 16px; text-align: center; overflow: hidden;  box-sizing: border-box; position: relative; border-bottom: 1px solid #E8E8E8; margin-bottom: 20px; }
.header_login a {width: 100%; height: 100%; display: block;}
.header_login > div{width: 36px; height: 36px;}
.header_login  h2 {font-family: 'noto-B'; font-size: 16px; color: #3A3A3A;  font-weight: normal;}
.header_login  .header_back {left: 8px;}
.header_login .header_home{background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_home_24.svg) center center / 24px no-repeat; text-indent: -9999px; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); z-index: 2;} 

/* 122631 챗봇 신규 서비스 구축 - 로그인 완료 페이지 추가 */
.finish_wrap.chat_login, .log_wrap.chat_login {height: 100vh; padding: 40px 16px; position: relative; display: flex; flex-direction: column; align-items: center;}
.finish_wrap.chat_login .logo>p {margin-top: 12px; font-size: 15px; letter-spacing: -0.4px; text-align: center; font-family: 'noto-M'; color: #6c6c6c;}
.finish_wrap.chat_login .sign_btn {margin-top: auto; padding: 0;}
.chat_login form {width: 100%;}
.chat_login .login_form {margin: 40px 0;}
.chat_login input {font-size: 14px; padding: 10px 16px;}
.chat_login .log_check_box input[type="checkbox"] + label.log_check {font-family: 'noto-M';}
.chat_login .log_check_box input[type="checkbox"] + label.log_check > span {margin-right: 10px;}
.chat_login .log_check_box .fl_right a {font-size: 14px; font-family: 'noto-M';}
.chat_login .login_form .log_wrong p {font-family: 'noto-R'; letter-spacing: -0.4px;}
.chat_login .login_social>div a span {padding-left: 50px;} 

/* 118144 악성 고객 관리 리스트 및 이용 제한 기능 추가 */
.sign_wrap.notice {height: 100vh;}
.sign_wrap.notice * {box-sizing: border-box;}
.sign_inner {height: calc(100% - 50px); padding: 20px 15px; display: flex; flex-direction: column;}
.sign_wrap .inner_section {margin-top: 20px; line-height: 1.4; letter-spacing: -0.4px;}
.sign_wrap.notice h3 {font-weight: 500; font-family: 'noto-M'; word-break: keep-all;}
.sign_wrap.notice h3 > p {font-size: 17px;}
.sign_wrap.notice h3 > p + p {padding-top: 8px;}
.sign_wrap .table_box table {width: 100%; font-family: 'noto-R'; font-size: 14px; color: #1a1a1a;}
.sign_wrap .table_box tr {border-top: 1px solid #D8D8D8;}
.sign_wrap .table_box tr:last-child {border-bottom: 1px solid #D8D8D8;}
.sign_wrap .table_box th {padding: 12px; background: #F9F9F9; text-align: left; font-weight: 500; font-family: 'noto-M';}
.sign_wrap .table_box td {padding: 12px;}
.sign_wrap p + .dot_list {margin-top: 8px;}
.sign_wrap .dot_list>li {position: relative; padding-left: 8px; font-size: 14px; color: #949494;}
.sign_wrap .dot_list>li:not(:first-child) {margin-top: 4px;}
.sign_wrap .dot_list>li::before {content: ''; display: inline-block; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #949494;}
.justify_center {justify-content: center;}
.sign_wrap.notice .sign_btn {padding: 20px 0; margin-top: auto;}

/* 127872 네이버 로그인 캡차 추가 */
.log_wrap.log_wrap_vh {overflow-y: auto; min-height: 100vh;}
.log_wrap.log_wrap_vh .login_social {box-sizing: border-box;}
.log_captcha {display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 16px; background: var(--coF9); border-radius: 10px; box-sizing: border-box;}
.log_captcha *  {box-sizing: border-box;}
.log_captcha > p {margin-bottom: 12px;}
.log_captcha .captcha_box {display: flex; justify-content: space-between; gap: 12px;}
.log_captcha .img_box {width: 200px; height: 90px; border-radius: 2px; overflow: hidden; background: var(--coFF);}
.log_captcha .img_box > img {width: 100%; height: 100%;}
.log_captcha .img_box .txt {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; background: var(--co3A); width: 100%; height: 100%; text-align: center;}
.log_captcha .button_box {display: flex; flex-direction: column; gap: 4px; width: 84px;}
.log_captcha .button_box > button {display: flex; justify-content: center; align-items: center; width: 100%; height: 32px; padding: 8px; border: 1px solid var(--coD8); border-radius: 2px; text-align: center; background: var(--coFF); color: var(--co3A); font-family: 'noto-R'; font-size: 12px; cursor: pointer;}
.log_captcha .log_input {margin-bottom: 0;}

.header_login > div.compuzone_logo {width: 142px; height: auto;}
.release_wrap .login_form {margin-bottom: 20px;}
.release_wrap .log_inner .txt_box {margin-bottom: 20px;}
.release_wrap .log_captcha {margin-top: 20px;}

/* 135173 로그인 캡차 reCAPTCHA v2*/
.log_captcha.widget {display: flex; flex-direction: column; gap: 12px; background: var(--coFF); border-radius: 0; padding: 0; margin-top: 20px;}
.log_captcha.widget > p  {text-align: center;}
.log_captcha.widget .captcha_box > div {margin: 0 auto;}

.check_list {margin-top:10px;}
.sign_form .sign_line .check_list h5{margin-bottom: 4px;}
.check_list p {color: var(--co94); font-size: 13px; display: flex; gap: 4px; align-items: center;}
.check_list i {width: 12px; height: 12px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_check_disable.svg') center/contain no-repeat; display: block;}
.check_list p.on {color: var(--co1C);}
.check_list p.on i { background: url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_check.svg') center/contain no-repeat;}
.info_flex_box:has(.check_list) {align-items: flex-start;}
.info_flex_box:has(.check_list) > p {padding-top: 10px;}