/* 공통 */
.redtxt {color:#F14738!important;}
* {margin:0; padding:0; 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; border:none; box-sizing: border-box; appearance: none; }
.header {margin-bottom:60px; box-sizing: border-box;}
a, a:hover {text-decoration: none; }
table {padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td {padding:0;}

/* 로그인페이지 */
.log_wrap {width:400px; margin:80px auto 250px; overflow:hidden; font-family:'noto-R'; font-weight: normal; letter-spacing: -0.5px;}
.log_wrap_vh {height:100vh;}
.compuzone_logo {width:142px; margin:0 auto; cursor: pointer;}
.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:10px; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box; overflow:hidden;}
.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; margin-bottom:10px; background:#0D6DE3; border:1px solid #0D6DE3; border-radius:10px; font-size:18px; font-family:'noto-M'; color:#fff;}
.login_form .log_btn button.log_wbtn {margin-bottom:0; border:1px solid #D8D8D8; background:#fff; color:#3A3A3A;}
.log_check_box {display:flex; justify-content: space-between; align-items: center; width:100%; margin-top:20px;box-sizing: border-box; overflow:hidden;}
.log_check_box input[type="checkbox"] {display:none;}
.log_check_box label.log_check {display: inline-block; font-size:15px; color: #3A3A3A;}
.log_check_box input[type="checkbox"] + label.log_check > span {display: inline-block; width:24px; height:24px; margin-right:5px; vertical-align: text-bottom; 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; font-size:14px; font-family:'noto-R'; font-weight:normal; 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); position:fixed; bottom:0;}
.login_social_fix>div {width:calc(100% - 30px); }
.login_social>div {width:100%; height:52px; border-radius:10px; margin-top:10px;}
.login_social>div a {display:block; width:100%; height:100%; line-height:50px; text-align: center; font-size:18px; font-family:'noto-M'; position:relative;}
.login_social>div a span {margin-left:-20px; padding-left:50px; font-size:18px; font-family:'noto-M'; color:#3A3A3A; position:relative;}
.login_social>div a span::before {content:''; width:50px; height:50px; vertical-align:bottom; overflow: hidden; position:absolute; top:-12px; left:0;}
.login_social .so_kakao {background:#FFEA0F;}
.login_social .so_kakao span::before {background: url('//www.compuzone.co.kr/member/img/join_social_ico.gif') center right no-repeat;}
.login_social .so_naver {background:#1EC800;}
.login_social .so_naver span {color:#fff;}
.login_social .so_naver span::before {background: url('//www.compuzone.co.kr/member/img/join_social_ico.gif') center left no-repeat;}
.login_social .so_no {background:#fff; border:1px solid #D8D8D8;}
.gift_benefits {width:100%; padding:20px 30px; 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-R'; 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 span {display:block; width:105px; 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_popup {width:100%; height:100%; padding:80px 0 0; position:fixed; top:0; left:0; background: #fff; z-index:99; box-sizing: border-box;}
.sign_pop_400 {width:400px; min-height:calc(100vh - 260px); margin:0 auto;}
.sign_header {width:100%; background:#fff;}
.bene_popup .sign_pop_inner {padding:20px 0 0;}
.sign_pop_inner {width:100%; margin-top:20px;}
.sign_pop_inner>.innerbox {margin-top:20px;}

/* 팝업-필수약관 */
.sign_pop_inner table {width:100%;}
.sign_pop_inner .innerbox table {width:100%; border-collapse: separate;border-spacing: 0 10px;}
.sign_pop_inner .innerbox table th {text-align:left; font-size:15px; font-family:'noto-M'; color:#3A3A3A;}
.sign_pop_inner .innerbox .sign_input {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_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 25px; 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>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 .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>h3 span { 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 .join_data p {width:105px; margin-left:10px; font-size:13px; color:#6C6C6C; text-align: right;}
.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; background:#fff; font-size:15px; font-family:'noto-M'; color:#3A3A3A; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box;}

/*회원가입*/
.sign_wrap {width:400px; min-height:calc(100vh - 260px); margin:80px auto; overflow:hidden; font-family:'noto-R'; font-weight: normal; letter-spacing: -0.5px;}
.sign_wrap input, .sign_wrap select {position:relative;}
.sign_tit {padding-bottom:20px; border-bottom:1px solid #3A3A3A;}
.sign_tit h1 {display:inline-block; position:relative;}
.sign_tit h1 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:4px; right:-26px; text-indent: -9999px; z-index:1;}
.sign_tit h2 {display:inline-block; position:relative;}
.sign_tit 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:4px; right:-26px; text-indent: -9999px; z-index:1;}

/* 회원가입팝업 */
.login_layer_popup {width: 410px; padding: 30px; background: #fff; border: 1px solid #B4B4B4; position: fixed; top:50%; left:50%; transform:Translate(-50%, -50%); box-sizing: border-box; z-index:100;}
.login_layer_popup .layer_tit {text-align: center;}
.login_layer_popup .layer_tit h2 {margin-bottom: 20px; padding-bottom: 15px; font-weight: normal; border-bottom: 1px solid #3A3A3A;}
.login_layer_popup .layer_tit a {width: 16px; height: 16px; background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png') -350px -130px no-repeat; position: absolute; top: 20px; right:20px;}
.login_layer_popup .layer_cont {margin-top:20px; text-align: center;}
.login_layer_popup .layer_cont table {width:100%; margin-top:20px;}
.login_layer_popup .layer_cont table tr {height:30px; border-top:1px solid #e8e8e8;}
.login_layer_popup .layer_cont table tr:last-child {border-bottom:1px solid #e8e8e8;}
.login_layer_popup .layer_cont table th {background:#f9f9f9; border-right:1px solid #e8e8e8; font-size:13px; font-family:'맑은고딕'; font-weight:normal; color:#3A3A3A;}
.login_layer_popup .layer_cont table td {background:#fff; font-size:13px; font-family:'맑은고딕'; font-weight:normal; color:#3A3A3A;}

.login_layer_popup .layer_cont .gray_box { margin-top:20px; text-align: left;}
.login_layer_popup .layer_cont .gray_box .gray_box_inner {padding: 20px; background: #F9F9F9; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;}
.login_layer_popup .layer_cont .gray_box .input_box {display: flex; justify-content: space-between; margin-top:10px;}
.login_layer_popup .layer_cont .gray_box .input_box .input {display: inline-block; width:calc(100% - 100px); height: 40px; border: 1px solid #d8d8d8; border-radius: 2px; letter-spacing: -0.5px; vertical-align: middle; box-sizing: border-box; cursor: pointer; position: relative;}
.login_layer_popup .layer_cont .gray_box .input_box .input input {display: block; width: 100%; height: 100%; line-height: 38px; padding: 0 15px; outline: none; border: none; box-sizing: border-box; position: absolute; top: 0;}
.login_layer_popup .layer_cont .gray_box .input_box button {width: 90px; height: 40px; background: #3A3A3A; border-radius:2px; font-family: 'noto-M'; font-size: 15px; color: #fff;}
.login_layer_popup .layer_btn {display:flex; justify-content: space-between; width:100%; margin-top:30px; text-align: center; overflow: hidden;}
.login_layer_popup .layer_btn button {width:100%; height:50px; background: #1a1a1a; border-radius: 2px; color:#fff; outline: none;}
.login_layer_popup .layer_btn button.bt50 {width:calc(50% - 5px);}
.login_layer_popup .layer_btn button.bt50:last-child {background:#f9f9f9; color:#3A3A3A;}
/* 회원가입 본인인증 */
.sign_cont {margin-top:20px; box-sizing: border-box; }
.sign_cont .sign_cont_tit {display: flex; justify-content: space-between; align-items:center; margin-bottom:20px;}
.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: block; width:28px; height:28px; background:#D8D8D8; border-radius: 50%; font-size:small; text-align: center;}
.sign_cont .sign_cont_tit ul li span img {height:18px; padding-top:5px;}
.sign_cont .sign_cont_tit ul li.on span {background:#0D6DE3;}
.sign_choice {display: flex; justify-content: space-between; height:100%;}
.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;}
.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 .sign_line:last-child {margin-bottom: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 .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; background:#6C6C6C; border-radius:5px; font-family:'noto-M'; 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;}
.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: -7px; 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: scroll;}
.sign_form .graybox::-webkit-scrollbar{width:4px;}
.sign_form .graybox::-webkit-scrollbar-thumb{background:#d8d8d8; border-radius:2px;}
.sign_form .graybox::-webkit-scrollbar-track{background:#f9f9f9;}
.sign_form .graybox p {margin-bottom:4px; font-size:14px; color:#6C6C6C;}
.sign_btn {width:100%; padding:40px 0 0; display: flex; justify-content: space-between; box-sizing: border-box; overflow:hidden;}
.sign_btn2 {padding:10px 0 0;}
.sign_btn3 {padding:20px 0 0;}
.sign_btn a {display: block; width:100%; height:50px; line-height:50px; 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; background:#0D6DE3; border:1px solid #0D6DE3; border-radius:10px; font-size:18px; font-family:'noto-M'; color:#fff; box-sizing: border-box;}
.sign_btn50 button {width:calc(50% - 5px);}
.sign_btn button.btn_white {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;}

/* 딜러회원이란? */
.dealer_pop {width: 100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:999;}
.dealer_popup {width: 710px; height:600px; padding: 30px; background: #fff; border: 1px solid #B4B4B4; position:relative; top:50%; left:50%; transform:Translate(-50%, -50%); box-sizing: border-box; z-index:999;}
.dealer_pop .layer_tit {text-align: center; padding-bottom: 15px; border-bottom: 1px solid #3A3A3A;}
.dealer_pop .layer_tit a {width: 16px; height: 16px; background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png') -350px -130px no-repeat; position: absolute; top: 20px; right: 20px;}
.dealer_pop .dealer_pop_inner {width:100%; padding:0; }
.dealer_pop .dealer_pop_inner > ul {display:none;}
.dealer_pop .dealer_pop_inner > ul:nth-child(1) {display:block;}
.dealer_pop .dealer_pop_inner > ul > li:last-child {border-bottom:1px solid #e8e8e8;}
.dealer_pop .dealer_pop_inner > ul > li > a {display:block; width:100%; height:60px; line-height:60px; background:#fff; color:#3A3A3A; font-size:14px; font-family: 'Noto-M'; position:relative; padding:0 20px; box-sizing: border-box; border-top:1px solid #e8e8e8;}
.dealer_pop .dealer_pop_inner > ul > li:first-child > a {border-top:0; } 
.dealer_pop .dealer_pop_inner > ul > li > a::before {content:''; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_botbtn.png') center center/contain; position:absolute; top:15px; right:20px; transition:all 0.3s;}
.dealer_pop .dealer_pop_inner > ul > li.minus > a::before {transform:rotate(180deg);}
.dealer_pop .dealer_pop_inner > ul > li > a span {display:inline-block; margin-right:5px; font-family:'spoqa B'; font-size:14px; color:#1C8FED;}
.dealer_pop .dealer_pop_inner ul .innerbox {display:none; max-height:196px; padding:20px; background:#f9f9f9; border-top:1px solid #e8e8e8; box-sizing: border-box; overflow-y: auto; }
.dealer_pop .dealer_pop_inner ul .innerbox::-webkit-scrollbar{width: 4px;}
.dealer_pop .dealer_pop_inner ul .innerbox::-webkit-scrollbar-thumb{background:#D8D8D8; border-radius: 2px;}
.dealer_pop .dealer_pop_inner ul .innerbox::-webkit-scrollbar-track{background:#f9f9f9;}
.dealer_pop .dealer_pop_inner ul .innerbox p {line-height:20px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#3A3A3A;}
.dealer_pop .dealer_pop_inner ul .innerbox p.dot {margin-bottom:10px; padding-left:5px; font-family:'noto-M'; position:relative;}
.dealer_pop .dealer_pop_inner ul .innerbox p.dot:last-child {margin-bottom:0px;}
.dealer_pop .dealer_pop_inner ul .innerbox p.dot::before {content:''; width:2px; height:2px; background:#3A3A3A; position:absolute; top:9px; left:0;}
.dealer_pop .dealer_pop_inner ul .innerbox p span {display:block; margin:5px 0 0 -5px; font-size:13px; color:#6C6C6C;}

/* 회원가입완료-상단 로고 타이틀 */
.finish_tit {text-align: center;}
.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 #3A3A3A; 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 #3A3A3A; border-right:1px solid #3A3A3A; 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 #3A3A3A; border-right:1px solid #3A3A3A; 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;}
}

/* 회원혜택 자세히보기 */
.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 p:last-child {margin-bottom:0;}
.gift_notice p.dot {padding-left:7px; position:relative;}
.gift_notice p.dot::before {content:''; width:2px; height:2px; background:#6c6c6c; position:absolute; top:9px; left:0;}
.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;}

/* 한줄풋터 */
.footer {width:100%; padding:40px 0; text-align: center; border-top:1px solid #D8D8D8; box-sizing: border-box;}
.footer address {font-size:12px; font-family:'noto-R'; font-weight: normal; color:#949494; }

/* 220223 94483 씨게이트 수동배너 */
.E_seagate {position:relative; cursor: pointer;}
.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:20px; right:24px;}
.E_seagate span.seagate {display:block; width:75px; margin-bottom:5px;}
.E_seagate span.seagate img {display: block; width:100%;}
.E_seagate a b {font-family:'noto-B'; font-weight: normal;}

/* 107937 휴면 해제 및 계정 연동 프로세스 개선 요청 */
.release_box {width:100%; max-width:345px; height:180px; margin:20px auto 0; position:relative;}
.release_box span {position:absolute;}
.release_box span img {width:100%;}
.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;}
.release_box.on span:nth-child(1){opacity: 1;}
.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;}
.release_box.on span:nth-child(2){opacity: 1;}
.release_box span:nth-child(3) {width:180px; height:118px; bottom: 28px; left:0; right: 0; margin: auto;}
.release_box span:nth-child(4) {width:67px; height:67px; bottom: 57px; left:0; right: 0; margin: auto; z-index: 2;}
.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;}
.release_box.on span:nth-child(5){transform: translateY(-10px);}