* {padding: 0; margin: 0; border:0;}
input:focus {outline:none;}
a { text-decoration:none }
a:hover{text-decoration:none;}
li { list-style: none;}
.sec_wrap select { -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none;}
:root {
    --lg-point-color: #FD312E;
}

/* °øÅë */
.sec_wrap {max-width: 750px; margin: 0 auto;}
.sec_wrap .secinner {width: 100%; padding: 0 16px; box-sizing: border-box;}
.sec_wrap .secinner + .secinner {padding-top: 40px;}
.sec_wrap .flex {display: flex;}
.sec_wrap .flexcol {display: flex; flex-direction: column;}
.sec_wrap .sec {width: 100%; padding: 40px 0; box-sizing: border-box;}
.sec_wrap .sec img {width: 100%; display: block;}
.sec_wrap h2 {font-weight: normal;}
.sec_wrap .sectit {font-family: 'noto-B'; font-size: 20px; letter-spacing: -0.8px; line-height: 1.5; padding-bottom: 20px;}
.sec_wrap .bold {font-family: 'noto-B';}
.sec_wrap .medium {font-family: 'noto-M';}
.sec_wrap .blue {color: #0D6DE3;}
.sec_wrap .full {width: 100%;}

/* sec1 */
.sec_wrap .sec1 {width: 100%; height: 550px; background: #1A1A1A; position: relative; overflow: hidden;}
.sec_wrap .sec1 .tit_wrap {width: 100%; height: 100%; position: absolute; top: 0; left: 0; gap: 120px; padding: 45px 16px 0; box-sizing: border-box; z-index: 1;  background: rgb(26, 26, 26,0.7);}
.sec_wrap .sec1  .logo_wrap {gap: 8px; align-items: center; justify-content: space-between;}
.sec_wrap .sec1  .logo_wrap span img {width: 100%; display: block;}
.sec_wrap .sec1  .logo_wrap span:nth-child(1) {width: 114px; display: block;}
.sec_wrap .sec1  .logo_wrap span:nth-child(2) {width: 58px; display: block;}
.sec_wrap .sec1 .txt_wrap > * {text-align: center; color: #fff; line-height: 1.5;}
.sec_wrap .sec1 .txt_wrap em {font-family: 'noto-R'; font-size: 18px; letter-spacing: -0.45px;}
.sec_wrap .sec1 .txt_wrap h2 {font-family: 'noto-B'; font-size: 32px; letter-spacing: -1.28px; margin-top: 6px;}
.sec_wrap .sec1 .txt_wrap p {font-family: 'noto-R'; font-size: 14px; margin-top: 12px;}
.sec_wrap .sec1 h2 {font-family: 'noto-B'; font-weight: normal; color: #FFF; font-size: 32px; text-align: center;}
.sec_wrap .sec1 p {font-family: 'noto-R'; color: #FFF; font-size: 14px; text-align: center; margin-top: 12px;}
.sec_wrap .sec1 .obj_wrap {width: 100%; box-sizing: border-box; justify-content: center; box-sizing: border-box; padding: 0 16px;}
.sec_wrap .sec1 .obj_wrap ul {width: 100%; gap: 8px; justify-content: center;}
.sec_wrap .sec1 .obj_wrap ul li img {width: 100%; height: 100%; object-fit: cover;}
.sec1 .obj_wrap .sli li {width: 209px; height: 1943px; animation: roll 35s linear infinite;}
.sec1 .obj_wrap .sli li:nth-child(1) {background: url('//image5.compuzone.co.kr/img/images/lg_subscribe/sli_mo_01.png') center center /contain repeat-y;}
.sec1 .obj_wrap .sli li:nth-child(2) {height: 2117px; animation: roll 35s linear infinite reverse; background: url('//image5.compuzone.co.kr/img/images/lg_subscribe/sli_mo_02.png') center center/contain repeat-y;}
.sec1 .obj_wrap .sli li:nth-child(3) {background: url('//image5.compuzone.co.kr/img/images/lg_subscribe/sli_mo_03.png') center center /contain repeat-y;}
@keyframes roll {
0% {background-position: 0 3500px;}
100% {background-position: 0 bottom; }
}

/* sec2*/
.sec_wrap .sec2 h3 {font-weight: normal; text-align: center;}
.sec_wrap .sec2 .cont1 p {width: 100%; font-family: 'noto-R'; color: #3a3a3a; font-size: 14px; text-align: left; letter-spacing: -0.35px;}
.sec_wrap .sec2 .cont1 {background: #F9F9F9; padding: 16px 20px; border-radius: 15px; box-sizing: border-box;}
.sec_wrap .sec2 .cont1 ul {gap: 25px;}
.sec_wrap .sec2 .cont1 ul li{align-items: center; gap: 12px; width: 100%; position: relative;}
.sec_wrap .sec2 .cont1 ul li::after {content: ''; width: 100%; height: 1px; background: #D8D8D8; position: absolute; bottom: -12px; left: 0;}
.sec_wrap .sec2 .cont1 ul li:last-child::after {display: none;}

.cont_inner {padding: 20px 0 24px;}
.cont_inner:first-child {padding-top: 0;}
.cont_inner:last-child {padding-bottom: 0;}
.cont_inner + .cont_inner {border-top: 1px solid #D8D8D8;}
.cont_inner .cont_tit {font-family: 'noto-M'; font-size: 16px; letter-spacing: -0.4px; line-height: 1.5; text-align: center; padding-bottom: 16px;}

.cont_inner.rental .box_list {display: flex; justify-content: space-between; gap: 8px;}
.cont_inner.rental .box_list>li {display: flex; flex-direction: column; gap: 4px;}
.cont_inner.rental .box_list .img_box {border-radius: 5px; overflow: hidden;}
.cont_inner.rental .txt_box {display: flex; flex-direction: column; align-items: center;}
.cont_inner.rental .txt_box > * {line-height: 1.5; text-align: center;}
.cont_inner.rental .txt_box > p {font-family: 'noto-M'; font-size: 14px; letter-spacing: -0.35px;}
.cont_inner.rental .txt_box > span {font-size: 12px; letter-spacing: -0.3px;}
.cont_inner.rental .txt_box > span > em {font-family: 'spoqa B'; font-size: 16px; letter-spacing: -0.4px; color: var(--lg-point-color);}

.cont_inner.benefit .box_list {display: flex; flex-direction: column; gap: 16px;}
.cont_inner.benefit .box_list>li {display: flex; gap: 12px; justify-content: space-between; align-items: center;}
.cont_inner.benefit .box_list>li:nth-child(even) {flex-direction: row-reverse;}
.cont_inner.benefit .box_list>li>div {width: calc(50% - 6px);}
.cont_inner.benefit .txt_box * {line-height: 1.5;}
.cont_inner.benefit .txt_box > p {font-family: 'noto-M'; margin-bottom: 4px;}
.cont_inner.benefit .txt_box > .txt p {color: #6C6C6C; font-size: 13px;}
.cont_inner.benefit .txt_box > .txt span {display: block; font-size: 12px; color: #949494; padding-top: 4px;}

.cont_inner .box_wrap {gap: 12px;}
.sec_wrap .sec2 .cont1 ul li span {width: 90px;}
.sec_wrap .sec2 .cont2 > .flexcol {align-items: center; margin-top: 20px; gap: 12px;}
.sec_wrap .sec2 .cont2 .box {width: 100%; border-radius: 15px; overflow: hidden;}
.sec_wrap .sec2 .cont2 .box > p {font-family: 'noto-B'; color: #FFF; font-size: 18px; padding: 12px 20px; box-sizing: border-box; background: #6C6C6C;}
.sec_wrap .sec2 .cont2 .box:nth-child(2) > p {background: var(--lg-point-color);}
.sec_wrap .sec2 .cont2 .box ul {width: 100%; padding: 12px 20px; gap: 8px; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 0px 0px 15px 15px;}
.sec_wrap .sec2 .cont2 .box ul li {font-family: 'noto-R'; color: #6C6C6C; font-size: 14px;}
.sec_wrap .sec2 .cont2 .box ul li p{font-size: 13px;}
.sec_wrap .box ul li{position: relative; padding-left: 6px; box-sizing: border-box;}
.sec_wrap .box ul li::after{content: '¡¤';  position: absolute; top: -2px; left: 0;}

/* sec3*/
.sec_wrap .sec3 {background: #1a1a1a; height: 493px;}
.sec_wrap .sec3 .secinner {height: 100%; gap: 20px; align-items: center; position: relative; justify-content: space-between;}
.sec_wrap .sec3 .tit_wrap p {font-family: 'noto-R'; color: #FFF; font-size: 14px; text-align: center;}
.sec_wrap .sec3 .tit_wrap h3 {font-family: 'noto-B'; color: #FFF; font-size: 20px; font-weight: normal; text-align: center;}
.sec_wrap .sec3 .obj_wrap {width: 328px; position: absolute; top: 70px; left: 50%; transform: translateX(-50%);}
.sec_wrap .sec3 .obj_wrap span{width: 148px; position: absolute; top: 0; left: 0; box-shadow: -6px 3px 20px #0000004D; border-radius: 10px;}
.sec_wrap .sec3 .obj_wrap span:nth-child(2) {left: 60px; z-index: 1;}
.sec_wrap .sec3 .obj_wrap span:nth-child(3) {left: 120px; z-index: 2;}
.sec_wrap .sec3 .obj_wrap span:nth-child(4) {left: 180px; z-index: 3;}
.sec_wrap .sec3 p {font-family: 'noto-R'; color: #949494; font-size: 14px; text-align: center;}
.sec_wrap .sec3 a {width: 100%; height: 48px; line-height: 48px; display: block; font-family: 'noto-M'; color: #fff; font-size: 16px; text-align: center; background: var(--lg-point-color); border-radius: 5px; padding: 0 50px; box-sizing: border-box; margin-top: 20px;} 

/* sec4 */
.sec_wrap .sec4 {background: #3A3A3A;}
.sec_wrap .sec4 .notice p {font-family: 'noto-M'; color: #fff; font-size: 16px;}
.sec_wrap .sec4 .notice ul {gap: 8px; margin-top: 16px;}
.sec_wrap .sec4 .notice ul li {font-size: 13px; font-family: 'noto-R'; color: #FFFFFF; letter-spacing: -0.35px;}
.sec_wrap .sec4 .notice ul li p{font-size: 13px; font-family: 'noto-R'; color: #FFFFFF; box-sizing: border-box; margin-top: 4px; letter-spacing: -0.35px;}

/* sec5*/
.sec_wrap .sec5 .secinner {padding: 0;}
.sec_wrap .sec5 .tab {overflow-x: auto; overflow-y: hidden; width: 100%; box-sizing: border-box; padding: 0 16px;}
.sec_wrap .sec5 .tab::-webkit-scrollbar {display: none;}
.sec_wrap .sec5 .tab ul {display: flex; width: max-content; margin-right: 16px; position: relative;}
.sec5 .tab ul li {display: block; width: auto;}
.sec5 .tab ul li a{display: block; width: fit-content; height: 40px; text-align: center; padding: 0 15px; font-size: 14px; line-height: 40px; color: #3a3a3a; border-radius: 20px; border: 1px solid #d8d8d8; box-sizing: border-box; white-space: nowrap; margin-right: 6px;}
.sec5 .tab ul li:last-child a {margin: 0;}
.sec_wrap .sec5 .tab ul li.on a{background:#1A1A1A; color:#fff; }
.sec_wrap .sec5 .tabcont {width: calc(100% - 32px); margin: 0 auto; box-sizing: border-box; margin-top: 12px;}
.sec_wrap .sec5 .tabcont ul {width: 100%; gap: 12px;}
.sec_wrap .sec5 .tabcont ul li {justify-content: space-between; gap: 12px;}
.sec_wrap .sec5 .tabcont ul li a span {width: 110px; height: 110px; display: block; position: relative; border-radius: 10px; overflow: hidden;}
.sec_wrap .sec5 .tabcont ul li a span::before{content: ''; width: 100%; height: 100%; position: absolute; top:0; left: 0; background:rgb(0, 0, 0,0.02);}
.sec_wrap .sec5 .tabcont ul li .prod_info {width:calc(100% - 112px);}
.sec_wrap .sec5 .tabcont ul li a .prod_name {width: 100%; height: 40px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.sec_wrap .sec5 .tabcont .btn_wrap{width: 100%; justify-content: space-between; gap: 8px;}
.sec_wrap .sec5 .tabcont .btn_wrap a {width: 50%; height: 32px; line-height: 32px; text-align: center; font-family:'noto-R';  color: #3A3A3A; font-size: 14px; border-radius: 5px; background: #fff; border: 1px solid #3A3A3A; box-sizing: border-box;}
.sec_wrap .sec5 .tabcont .btn_wrap a:nth-child(2) {border: 1px solid #D8D8D8;}
.sec_wrap .sec5 .prod_price {display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 8px;}
.sec_wrap .sec5 .prod_price > p {line-height: 1.5;}
.sec_wrap .sec5 .prod_price > p > em {font-size: 14px; font-family: 'spoqa B'; letter-spacing: -0.35px; padding-left: 4px;}
.sec_wrap .sec5 .prod_price > span {color: #949494;}

/* Æ˾÷ */
.sec_wrap .popup_Modal * {box-sizing: border-box;}
.sec_wrap .popup_Modal .gap20 {gap: 20px;}
.sec_wrap .popup_Modal .gap12 {gap: 12px;}
.sec_wrap .popup_Modal .gap8 {gap: 8px;}
.sec_wrap .popup_Modal .gap4 {gap: 4px;}
.sec_wrap .popup_Modal .align_center {align-items: center;}
.sec_wrap .popup_Modal .popup_inner {padding: 0;}
.sec_wrap .popup_Modal .popup_inner .popup_con {padding: 0 16px 152px; box-sizing: border-box; min-height: calc(85dvh - 80px);}
.sec_wrap .popup_Modal .popup_tit {border: none; padding: 20px 0 0;}
.sec_wrap .popup_Modal .popup_tit a.close_X {top: 20px; right: 16px;}
.sec_wrap .popup_Modal .popup_tit a.back {top: 20px; left: 16px;}
.sec_wrap .popup_Modal select option[value=""][disabled] {display: none;}
.sec_wrap .popup_Modal select:required:invalid {color: #949494;}
.sec_wrap .popup_Modal .mcpz_select_box select{overflow: hidden; text-overflow: ellipsis; word-break: break-all; padding: 0 40px 0 16px; font-size: 14px; color: #3a3a3a; line-height: inherit; border-radius: 5px;}
.sec_wrap .popup_Modal .mcpz_input_phone {gap: 4px;}
.sec_wrap .popup_Modal .mcpz_input_phone .mcpz_input_box:after {display: none;}
.sec_wrap .popup_Modal .mcpz_input_phone .mcpz_input_box {margin: unset;}
.sec_wrap .popup_Modal .mcpz_input_phone .mcpz_select_box, .mcpz_input_phone .mcpz_input_box {width: 33%}
.sec_wrap .popup_Modal .mcpz_input_box input {box-sizing: border-box; padding: 0 16px; font-size: 14px; color: #3a3a3a; border-radius: 5px;}
.sec_wrap .popup_Modal .gray_box {margin-top: 0; position: relative; padding: 12px 16px; margin-bottom: 0px; background: #F9F9F9; border-radius: 5px;}
.sec_wrap .popup_Modal .gray_box a.close_X {display: block; width: 16px; height: 16px; background:  url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg) center center / contain no-repeat;position: absolute; top: 12px; right: 12px;}
.sec_wrap .popup_Modal .gray_box .flex {align-items: center; gap: 4px;margin-top: 4px;}
.sec_wrap .popup_Modal .gray_box .ntRB12 {color: #666;}
.sec_wrap .popup_Modal .gray_box p {width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.sec_wrap .popup_Modal .popup_dot p {font-size: 14px; padding-left: 8px;}
.sec_wrap .popup_Modal .popup_dot p::before {background: #949494;}
.sec_wrap .popup_Modal .mcpz_select_box:before {right: 12px;}
.sec_wrap .popup_Modal .check_box li, .sec_wrap .popup_Modal .bottom_box li {justify-content: space-between; align-items: center;}
.sec_wrap .popup_Modal .check_box li a{display: block; width: 20px; height: 20px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg) center center / contain no-repeat;}
.sec_wrap .popup_Modal .bottom_box {position: fixed; bottom: 0; left: 0; width: 100%; padding: 16px; background: #fff; border-radius: 20px 20px 0 0; box-shadow:  0px -5px 10px #00000014;}
.sec_wrap .popup_Modal .square_btn {width: 100%; height: 50px; border-radius: 10px; background-color: #1A1A1A; display: flex; justify-content: center; align-items: center; color: #fff; font-family: 'noto-M'; letter-spacing: -0.4px;}
.sec_wrap .agree_pop {background: transparent;}
.sec_wrap .agree_pop .popup_inner .popup_con {padding: 0 16px; font-size: 14px;}
.sec_wrap .lg_info_pop .popup_tit a.back {top: 12px; width: 24px; height: 24px;}
.sec_wrap .lg_info_pop .popup_tit {height: 48px; align-items: center;  justify-content: flex-start; padding: 0 16px 0 52px; margin: 0; text-align: left; }
.sec_wrap .lg_info_pop .popup_tit h2 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.sec_wrap .lg_info_pop .popup_inner {border-radius: 0;}
.sec_wrap .lg_info_pop .popup_inner .popup_con {min-height: calc(100dvh - 48px); padding: 0 16px 40px;}
.sec_wrap .lg_info_pop .detail_area3_popup1{position: static;}
.sec_wrap .lg_info_pop .detail_area3_popup1 .detail_area3_inner {padding: 0; height: auto; position: static; margin-top: 40px;}
.sec_wrap .lg_info_pop  .detail_area2 .pr_detail_info_div {max-height: auto; overflow: unset;}
.sec_wrap .lg_info_pop .detail_area2 .pr_detail_info_div span {display: block;}

.share_chk:checked + i {border: none;  background: url('//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png') center center/contain no-repeat;}
.sec_wrap .popup_Modal .price {font-family: 'spoqa B'; font-size: 18px;}
.sec_wrap .popup_Modal .btn_wrap {padding: 16px; position: absolute; left: 0; bottom: 0; width: 100%;}