/* 2024-02-04 수정 - 정 */

.unit-form {position:relative;}
.unit-form span {position: absolute;top: 50%;right: 15px;transform: translate(0%, -50%);}

li.sct_noitem {width:100%; line-height:500px}




@media ( max-width: 1024px ) {
	.table-list > ul > li.title {display:none;}
	
	#sod_frm {flex-direction:column; padding:0px 0px;margin: 0px 0px 30px 0px;}
	#sod_frm .od_prd_list {width:100%;}
	#sod_frm .od_form_wr  {width:100%;margin-top: 30px;}
	
	#pin-list > ul {display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 1rem;}
	#pin-list > ul > li:not(.title){display: flex;flex-direction: column;border: 1px solid #daecff;border-radius: 10px;padding: 20px 20px;background-color: #f5f7f9;gap: 10px;}
	#pin-list > ul > li > div:nth-child(1) {display:none}
	#pin-list > ul > li > div.pin-inifo-wr {display:flex; flex-direction:column;width:100%;}
	#pin-list > ul > li > div.pin-inifo-wr > div.pin-inifo > ul {gap: 15px;}
	#pin-list > ul > li > div.pin-inifo-wr > div.pin-inifo > ul > li:first-child {font-size:16px; font-weight:600;}

	#pin-list > ul > li > div.pin-inifo-wr > div.pin-inifo > ul > li:not(:first-child) {display:flex;justify-content: space-between;}
	#pin-list > ul > li > div:nth-child(n+3) {width:100%;display: flex;justify-content: space-between;}
	#pin-list > ul > li > div:nth-child(n+3) > * {}
	#pin-list > ul > li.empty_li > div {display: block;}
	
	#order-list > ul > li.title {display:none;} 
	#order-list > ul > li:not(:first-child) > div:nth-child(1) {flex-direction:column}
	#order-list > ul > li:not(:first-child) > div:nth-child(1) > div.sod_img {display:none}
	#order-list > ul > li:not(:first-child) > div:nth-child(1) > div.sod_info {width:100%}
	#order-list > ul > li:not(:first-child) > div:nth-child(1) > div.sod_info > div.sod_opt > ul > li {flex-direction:column; padding: 15px 15px 10px 15px;}
	#order-list > ul > li:not(:first-child) > div:nth-child(1) > div.sod_info > div.sod_opt > ul > li > div {position:relative; width:100% !important;border-bottom:1px solid #ddd; justify-content: space-between;display: flex;line-height: 24px;align-items: center;flex-direction: row;font-size:14px; font-weight:600;padding: 5px 0;}
	#order-list > ul > li:not(:first-child) > div:nth-child(1) > div.sod_info > div.sod_opt > ul > li > div:last-child {border-bottom:none}
	#order-list > ul > li:not(:first-child) > div:nth-child(1) > div.sod_info > div.sod_opt > ul > li > div > label {font-size:14px; font-weight:600}
	#order-list > ul > li:not(:first-child) > div:nth-child(1) > div.sod_info > div.sod_head > a {padding-left: 10px;}
	
	.sod_opt li .opt_info > .opt_name {flex-direction:column;align-items: start;}
	.sod_opt li .opt_info .opt_halin > span {font-size:16px; font-weight:600}
	
	
}

@media ( max-width: 768px ) {	
	.table-list > ul > li.title {display:none;}
	
	#sod_bsk_list #mod_option_frm {width:100%}
	#sod_v_info {display:none}
	#purchase-list > ul {gap:15px;}
	#purchase-list > ul > li {flex-direction: column;border: 1px solid #dfdfdf;padding: 10px 0 0px 0;border-radius: 7px;overflow: hidden;}
	#purchase-list > ul > li > div {width:100% !important; display: flex; justify-content: space-between;}
	#purchase-list > ul > li > div > span:first-child {padding:0px 15px}
	#purchase-list > ul > li > div > span:last-child {padding:0px 10px 0px 0px}
	#purchase-list > ul > li > div:nth-child(1) {padding:0px 0px 15px 0px}
	#purchase-list > ul > li > div:nth-child(n + 2) {background-color:#f1f1f1;border-bottom: 1px solid #ddd;}
	#purchase-list > ul > li > div:nth-child(7) {justify-content: space-between;align-items: center;padding-bottom: 10px;border-bottom: none;}
	#purchase-list > ul > li > div:nth-child(7) label {margin-right:7px;margin-top: 5px;}
	
	#smb_my_ov {display:flex;flex-direction: column;}
	#smb_my_ov .my_info dt {width: 8em;}
	#smb_my_ov .my_info dd {width: calc(100% - 8em);}
	
	/*.pg_wrap strong, .pg_wrap a {width:33px; height:33px}*/
	

}
@media ( max-width:480px ) {
	#sod_frm section {padding:10px;}
	
	#pin-list > ul {display: grid;grid-template-columns: 1fr ;grid-column-gap: 1rem;}
	
	#sod_fin_tot ul {
		grid-template-columns: none;
		grid-template-rows: 1fr 1fr 1fr;
		padding: 0px 15px;
	}
	#sod_fin_tot li {
		border-left: none;
		border-top: 1px solid #ddd;;
	}
	.form-box-wr .line-wr dt {width: 6em;}
	.form-box-wr .line-wr dd {width: calc(100% - 6em)}

}
		
		
		
		
		
		
		#main_bn {
            width: 100%;
            height: 400px;
			margin: 0;
            background-color: #ddd;
			}
        /* mainV */

		.db {
			display: block;
		}
		.dib {
			display: inline-block;
		}




        .push_bubbles_bg {
			position: relative;
            width: 1200px;
            margin: 0 auto;
			z-index: 1;
        }
        .push_bubbles_bg .innersize {
            position: relative;
            width: 100%;
			transform: none;	
            height: 343px;
            border-radius: 0 60px 60px 0;
            background-color: #fff;
        }
        /* push_bubbles_bg */

        .push_bubbles {
            position: relative;
            width: 100%;
			margin: 0;
            z-index: 5;
			box-shadow: 0px 10px 20px rgba(0,0,0,0.03);
        }
        .push_bubbles ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 1000px;
			margin: 0 auto;
			padding: 10px 0;
        }
        .push_bubbles li {
            width: auto;
            cursor: pointer;
			padding: 20px 10px 30px;
			border-radius: 20px;
			transition: all 0.2s;
        }

        .push_bubbles li.active {
            background-color: #f8c750;
        }
		.push_bubbles li.active .icon_circle {
			background-color: #fff;
            box-shadow: inset -2px -4px 4px rgba(0,0,0,0.2);
		}

        .push_bubbles .text {
            margin-top: 10px;
            font-size: 16px;
            font-weight: normal;
            text-align: center;
            color: #666;
			transition: all 0.2s;
        }
        .push_bubbles li.active .text {
            font-weight: 600;
            color: #fff;
        }
        /* active */

        .push_bubbles .icon_circle {
            position: relative;
            width: 82px;
            height: 82px;
            margin: 0 auto;
            border-radius: 10%;
            background-color:  #fff;
            box-shadow: 0 0 9px rgba(0,0,0,0.1);
        }
        .push_bubbles .icon_circle img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 75%;
        }
		.push_bubbles li:nth-child(n+5) {
			margin-top: 0;
		}
        /* push_bubbles */

        .personal_box {
            position: relative;
            display: block;
			/*수정*/        
            width: 1200px;
            margin: 0 auto;
        }

        .personal_box.can_see {
            display: none;
        }
        /* can_see */

        .personal_box_bg {
            position: relative;
            width: 100%;
            transform: translate(51%, -310px);
            height: 270px;
            padding: 40px 30px;
            border-radius: 0 0 0 30px;
            border-bottom: 1px solid #ddd;
        }

        .personal_box .innersize {
            position: relative;
            display: flex;
            justify-content: flex-start;
            width: 536px;
            margin-left: auto;
            margin-top: 0;
            padding-top: 30px;
			z-index: 5;
        }

        .personal_box .left {
            position: relative;
            width: 50%;
            padding-right: 20px;
            border-right: 2px dashed #f1f1f1;
            text-align: right;
        }
        .personal_box .left .t1 {
            padding-top: 20px;
            padding-bottom: 30px;
            font-size: 24px;
            letter-spacing: -0.07rem;
            border-bottom: 2px dashed #f1f1f1;
        }
        .personal_box .left .t1 span {
            font-size: 26px;
            font-weight: 700;
        }
        .personal_box .left .t2 {
            display: flex;
            justify-content: flex-end;
            margin-top: 20px;
            padding-bottom: 40px;
        }
        .personal_box .left .t2 a {
            margin-left: 10px;
            font-size: 14px;
        }

        .personal_box .right {
            width: 50%;
            padding: 0 30px;
            text-align: center;
        }
        .personal_box .right .service {
            margin: 50px 0 40px;
            font-size: 16px;
            word-break: keep-all;
        }
        .personal_box .right a {
            padding: 5px 60px 8px;
            border-radius: 30px;
            background: #666;
            color: #fff;
        }
        /* personal_box :e  */



		/* before-login :s */
		#before-login {
			display: none;
			padding: 40px 0;
			background: #fafafa;
		}
		#before-login.not-login {
			display: block;
		}
		#before-login .dx {
			display: flex;
		}
		#before-login .innersize.dx {
			justify-content: space-between;
		}
		#before-login .f20 {
			margin-bottom: 20px;
			color: #666;
			text-align:center;
		}
		#before-login .cards {
			justify-content: space-between;
			gap: 30px;
		}
		#before-login .card {
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 220px;
			height: 220px;
			padding: 35px 30px;
			border-radius: 30px;
			font-size: 18px;
			color: #fff;
			text-align: center;
			box-shadow: inset 0 7px 12px rgba(0,0,0,0.15);
		}
		#before-login .card-n1 {
			background: #5897ff;
		}
		#before-login .card-n2 {
			background: #6bb4ff;
		}
		#before-login .card-n3 {
			background: #134cab;
		}
		#before-login li.card-n1::before,
		#before-login li.card-n2::before,
		#before-login li.card-n3::before {
			content: '';
			clear: both;
			display: block;
			width: 100%;
			max-width: 100px;
			height: 100px;
			margin-bottom: 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
		}
		#before-login li.card-n1::before {
			background-image: url('/theme/unifun/images/card-n1.png');
		}#before-login li.card-n2::before {
			background-image: url('/theme/unifun/images/card-n2.png');
		}
		#before-login li.card-n3::before {
			background-image: url('/theme/unifun/images/card-n3.png');
		}
		#before-login .right {
			width:35%;
			padding: 30px;
			background: #fff;
			border-radius: 30px;
			border: 1px solid #ededed;
		}
		#before-login .top {
			padding-bottom: 20px;
			border-bottom: 1px solid #ededed;
		}
		#before-login .top .t1 {
			font-size: 20px;
			color: #999;
		}
		#before-login .fwb {
			font-weight: 600;
			color: #333
		}

		#before-login .bottom {
			padding-top: 24px;
		}
		#before-login .go-login {
			display: block;
			margin-bottom: 20px;
			padding: 0 148px;
			text-align: center;
			background: #134caa;
			color: #fff;
			font-size: 20px;
			border-radius: 60px;
			line-height: 48px;
		}

		#before-login .losts {
			justify-content: center;
		}
		#before-login .losts .f14 {
			margin: 0 20px;
			color: #666;
			font-size: 14px;
		}
		/* before-login :e */
		
		
		/*리뉴얼 로그인 css */
		
		
		
		
		

         {}
         .left .t1 {
            position: relative;
            padding-top: 25px;
        }
         .left .icon {
            position: absolute;
            top: 30px;
            left: 0;
            width: 36px;
            height: 36px;
        }
         .left .icon img {
            width: 100%;
        }
         .left .t2 a {
            display: flex;
            margin-left: 20px;
			align-items: center;
        }
         .left .t2 span {
            width: 24px;
        }
         .left .t2 span img {
            width: 100%;
        }

         .right {
            text-align: right;
        }
         .right .top {
            /*margin-bottom: 30px;*/
            /* padding-top: 25px; */
            padding-top: 0;
            font-size: 24px;
        }

         .right .bottom {}
         .right .bottom .cash {}
         .right .bottom .money {
            margin-bottom: 20px;
			/* text-align: center; */
			font-size: 14px;
        }
         .right .bottom .money .money_cound {
            font-size: 30px;
            font-weight: 800;
        }
         .right .bottom .charge {
            padding: 6px 0 9px;
            text-align: center;
            color: var(--point_color);
            border: 2px solid var(--point_color);
            border-radius: 30px;
            background-color: #fff;
			word-break: keep-all;
			/* margin: 15px; */
			display: block;
			width: 100%;
			font-size: 14px;
        }
		.util-arr {
			width: 16px;
			height: 16px;
		}
		.util-arr img {
			width: 100%;
		}
		.login-box .top .f14 {
			margin-top: 10px;
		}
        /* personal_box.login_box  */


		.products .tit-lin {
			display: none;
		}
		.products .tit-lin.active {
			display: block;
		}
		.more-pds-wrap {
			display: flex;
			justify-content: center;
		}
		.products .more-pds {
			text-align: right;
			color: #666;
			font-size: 18px;
		}

        .products .pd_tit {
			width: 100%;
			height: 100%;
			background: radial-gradient(circle, #f8c750 0%, #f2d48c 40%, rgb(248 199 80) 60%, rgba(127, 83, 253, 0) 0100%);
			text-align: center;
        }
        .products .pd_tit .innersize {
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
            width: 1200px;
            margin: 140px auto 0;
			padding-bottom: 25px;
			overflow: hidden;
		}

        .products .pd_tit .top {}
        .products .pd_tit .pd_blue {
            font-size: 15px;
            color: #fff;
			padding-top: 25px;
        }
        .products .pd_tit .pd_t1 {
			position: relative;
            font-size: 30px;
            font-weight: 500;
            color: #fff;
			line-height: 58px;
			overflow: hidden;
        }
		.products .prt_btn .pd_t1::after,
		.products .dst_btn .pd_t1::after,
		.products .mat_btn .pd_t1::after,
		.products .fad_btn .pd_t1::after,
		.products .drk_btn .pd_t1::after,
		.products .bey_btn .pd_t1::after,
		.products .car_btn .pd_t1::after,
		.products .snk_btn .pd_t1::after,
		.products .cue_btn .pd_t1::after,
		.products .lig_btn .pd_t1::after,
		.products .hol_btn .pd_t1::after,
		.products .cons_btn .pd_t1::after {
			content: "";
			clear: both;
			position: absolute;
			bottom: -35px;
			right: 420px;
			display: block;
			width: 100px;
			height: 100px;
			background-repeat: no-repeat;
			background-size: 460px 400px;
			background-image: url("/theme/unifun/images/W-icons.png");
		}

		.products .prt_btn .pd_t1::after {
			background-position: 0 0;
		}
		
		.products .dst_btn .pd_t1::after {
			background-position: -120px 0;
		}
		.products .mat_btn .pd_t1::after {
			background-position: -260px 20px;
		}
		.products .fad_btn .pd_t1::after {
			background-position: -360px 0;
		}
		.products .drk_btn .pd_t1::after {
			background-position: -120px -132px;
		}
		.products .bey_btn .pd_t1::after {
			background-position: 0 -140px;
		}
		.products .car_btn .pd_t1::after {
			background-position: -240px -140px;
		}
		.products .snk_btn .pd_t1::after {
			background-position: -360px -140px;
		}
		.products .cue_btn .pd_t1::after {
			background-position: 0 -300px;
		}
		.products .lig_btn .pd_t1::after {
			background-position: -130px -300px;
		}
		.products .hol_btn .pd_t1::after {
			right: 400px;
			background-position: -240px -300px;
		}
		.products .cons_btn .pd_t1::after {
			background-position: -360px -290px;
		}
        .products .pd_more {
			font-size: 16px;
            font-weight: 600;
            color: #fff;
        }

		.products .pd_bg {
			position: absolute;
			top: -15px;
			left: 95px;
			width: 190px;
			height: 180px;
			background-image: url("/theme/unifun/images/crown_white.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}


		/* pd-search-wrap :s */
		.products .dx {
			display: flex;
			margin: 60px 0  40px;
		}
		#btn_bln {
			width: 10%;
			margin-left: 30px;
			border-radius: 60px;
			line-height: 52px;
			text-align: center;
			color: #fff;
			background-color: #134cab;
			cursor: pointer;
		}
		.products .pd-search-wrap {
			position: relative;
			width: 100%;
			height: 52px;
			border: 1px solid #c9c9c9;
			border-radius: 60px;
			background-color: #fff;
		}
		.products .search-input {
			width: 94%;
			margin-left: 20px;
			line-height: 50px;
			font-size: 16px;
			border: none;
		}
		.products .search-icon {
			position: absolute;
			top: 50%;
			right: 20px;
			transform: translateY(-50%);
			width: 24px;
			height: 24px;
			background-image: url("/theme/unifun/images/search-btn.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: transparent;
			border: none;
		}
		/* pd-search-wrap :e */

        .products .cards {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .products .cards li {
            width: 256px;
            height: 280px;
            margin-bottom: 60px;
            border: 1px solid #ddd;
            border-radius: 20px;
        }

        .products .cards li:hover {
            border: 1px solid var(--main_color);
            box-shadow: 0 0 17px rgba(0,0,0,0.07);
        }
        /* hover */

        .products .cards li:first-child {
            opacity: 0;
            visibility: hidden;
        }
        .products .cards li a {
            display: inline-block;
            padding: 30px 17px;
        }

        .products .cards .img {
            display: block;
            width: 220px;
            height: 133px;
            margin-bottom: 15px;
            background-color: #ddd;
            border-radius: 13px;
        }
        .products .cards .img img {
            width: 100%;
        }
        
        .products .cards .coupon_name {
            display: block;
            font-size: 16px;
        }

        .products .cards .bottom {
            display: flex;
            justify-content: space-between;
            align-items: end;
            margin-top: 20px;
        }
        .products .cards .bottom .coupon_price {
            font-size: 22px;
            font-weight: 700;
            color: #333;
        }
        .products .cards .bottom .buy {
            /* display: flex; */
            font-size: 15px;
        }

        .products .cards .bottom .arr_right2 {
            display: inline-block;
            width: 24px;
            height: 24px;
        }
        .products .cards .bottom .arr_right2 img {
            width: 100%;
        }
        /* products */

        /*.section3 {
            width: 100%;
            margin-top: 60px;
            padding: 80px 0;
            background-color: #f1f1f1;
        }
        .section3 .innersize {
            display: flex;
            justify-content: space-between;
            width: 1200px;
            margin: 0 auto;
        }

         .section3 .sec3_card {
            position: relative;
            width: 47%;
            height: 380px;
            padding: 30px;
            border-radius: 10px;
            background-color: #fff;
            overflow: hidden;
        }

        .section3 .notice {}

        .section3 .top {
            padding-bottom: 10px;
            border-bottom: 2px solid #c6c6c6;
        }
        .section3 .top .t1 {
            font-size: 16px;
            color: var(--main_color);
        }
        .section3 .top .text {
            display: flex;
            justify-content: space-between;
            align-items: end;
        }
        .section3 .top .t2 {
            font-size: 24px;
            font-weight: 700;
            color: #333;
        }
        .section3 .top .t3 {
            margin-right: 20px;
        }
        .section3 .top .t3 a {
            font-size: 15px;
            font-weight: 600;
        }

        .section3 .bottom {
            display: flex;
            flex-direction: column;
            margin-top: 23px;
        }
        .section3 .bottom li {
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin-bottom: 12px;
            padding-right: 20px;
        }
        .section3 .bottom .texts {
            display: flex;
            width: 80%;
            color: #333;
            letter-spacing: -0.6px;
        }
        .section3 .bottom .sound_icon {
            width: 24px;
            height: 24px;
            margin-right: 7px;
        }
        .section3 .bottom .sound_icon img {
            width: 100%;
            opacity: 0.8;
        }
        .section3 .bottom .texts a {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: break-all;
        }
        .section3 .bottom .texts a,
        .section3 .bottom .texts a .red {
            font-size: 16px;
        }
        .section3 .bottom .date {
            width: 15%;
            font-size: 13px;
            color: #aaa;
            text-align: right;
        }

		.section3 .bottom .texts .board_title {
			width: 80%;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
		}

        .section3 .qna {}

        .section3 .bg_text {
            position: absolute;
            bottom: -15px;
            right: -20px;
            font-size: 120px;
            color: rgba(26, 185, 255, 0.1);
            pointer-events: none;
        }*/
        /* section3 */
		.uni_item_list {display:block; width:1200px; margin:0 auto;}
		/*.cards2 {width: calc(92%/1); justify-content: flex-start !important;} */

    .cards2 {
        display: flex;
        flex-wrap: wrap;
		width: 100%;
        justify-content: flex-start;
		
		margin-top:45px;
    }

    .cards2 li {
        width: 280px;
        height: 280px;
        margin-bottom: 60px;
		margin-left: 10px;
		margin-right: 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
    }

    .cards2 li:hover {
        border: 1px solid var(--main_color);
        box-shadow: 0 0 17px rgba(0, 0, 0, 0.07);
    }

    /* hover */

    /*.cards2 li:first-child {
        opacity: 0;
        visibility: hidden;
    }*/

    .cards2 li a {
        display: inline-block;
		width: 100%;
        padding: 30px 20px;
    }

    .cards2 .img {
        display: block;
        width: 100%;
        height: 133px;
        margin-bottom: 15px;
        /* background-color: #ddd;*/
        border-radius: 13px;
        overflow: hidden;
    }

    .cards2 .img img {
        width: 100%;
        height: 100%;
		object-fit: contain;
    }

    .cards2 .coupon_name {
        display: block;
        font-size: 16px;
    }

    .cards2 .bottom {
        display: flex;
        justify-content: space-between;
        align-items: end;
        margin-top: 20px;
    }

    .cards2 .bottom .coupon_price {
        font-size: 22px;
        font-weight: 700;
        color: #333;
    }

    .cards2 .bottom .buy {
		display: flex;
		align-items: center;
        font-size: 15px;
		opacity: 0.7;
    }

    .cards2 .bottom .arr_right2 {
        display: inline-block;
        width: 24px;
        height: 24px;
    }

    .cards2 .bottom .arr_right2 img {
        width: 100%;
        height: auto;
    }


	/* #boards :s */
	#boards {
		margin-top: 50px;
		padding: 70px 0 90px;
		background-color: #fff;
	}
	#boards .innersize {}

	#boards .st-board {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	#boards .ix-board {
		margin: 0 22px;
		font-weight: 600;
		font-size: 26px;
		color: #999;
		cursor: pointer;
	}
	#boards .ix-board.active {
		color: #5B2FD8;
	}


	#boards .st-wrap {
		display: none;
	}
	#boards .st-wrap.active {
		display: grid;
		grid-template-columns: repeat(3, calc(33% - 10px));
		gap: 20px;
	}
	#boards .st-wrap li {
		width: 100%;
		border-radius: 20px;
		background-color: #fff;
		cursor: pointer;
	}
	/*#boards .st-wrap li:nth-child(2),
	#boards .st-wrap li:nth-child(5) {
		margin: 0 60px;
	}*/
	#boards .st-wrap .img {
		position: relative;
		width: 100%;
		height: 200px;
		border-radius: 20px 20px 0 0;
		overflow: hidden;
	}
	#boards .st-wrap .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#boards .st-wrap .img .date {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 0;
		padding: 0 20px;
		background: rgba(0,0,0,0.6);
	}
	#boards .st-wrap .img .fcW {
		color: #fff;
		line-height: 28px;
	}

	#boards .st-wrap .text {
		padding: 20px;
	}
	#boards .st-wrap .text .f18 {
		display: block;
		margin-bottom: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; 
	}
	#boards .st-wrap .text .f14 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #666;
  }
	#boards .blue {
		color: #9173e5;
	}
	#boards .fwm {
		font-weight: 600;
	}
	/* #boards :e */


	/* board-pop :s */
	#board-pop {
		position: fixed;
		top: -100%;
		left: 50%;
		transform: translateX(-50%);
		width: 45%;
		height: 87%;
		background: #fff;
		border: 1px solid #ededed;
		border-radius: 25px;
		padding: 40px 30px 30px;
		z-index: 1003;
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s;
	}
	#board-pop.active {
		opacity: 1;
		visibility: visible;
		top: 7%;
	}
	#board-pop .pop_btnC {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -30px;
		width: 60px;
		height: 60px;
		border: 1px solid #ededed;
		border-radius: 50%;
		background-color: #f6f6f6;
		z-index: 1004;
		cursor: pointer;
		transition: all 0.3s;
	}
	#board-pop .close_line {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2px;
		height: 38px;
		background: #333;
		border-radius: 60px;
		transition: all 0.2s;
	}
	#board-pop .cl_l1 {
		transform:translate(-50%, -50%) rotate(45deg);
	}
	#board-pop .cl_l2 {
		transform:translate(-50%, -50%) rotate(-45deg);
	}
	#board-pop .pop_btnC:hover {
		background-color: #333;
		border: none;
	}
	#board-pop .pop_btnC:hover .close_line {
		background: #fff;
	}
	#board-pop .pop_btnC:hover .cl_l1 {
		transform:translate(-50%, -50%) rotate(-45deg);
	}
	#board-pop .pop_btnC:hover .cl_l2 {
		transform:translate(-50%, -50%) rotate(45deg);
	}

	#board-pop .pop-tit {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
		padding: 0 20px;
		background: #f6f6f6;
		border-radius: 10px;
		line-height: 80px;
	}
	#board-pop .pop-tit .fwm {
		width: 80%;
		font-weight: 600;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; 
	}
	#board-pop .pop-right {
		font-size: 16px;
		color: #999;
	}
	#board-pop .board-date {
		margin-right: 10px;
	}
	#board-pop .board-writer {}

	#board-pop .pop-details {
		height: 520px;
		overflow-y: scroll;
	}
	#board-pop .pop-details::-webkit-scrollbar {
		width: 5px;
	}
	#board-pop .pop-details::-webkit-scrollbar-thumb {
		background: rgba(149, 51, 194, 0.3);
		border-radius: 60px;
	}
	#board-pop .pop-details::-webkit-scrollbar-track {
		background: transparent;
	}
	#board-pop .pop-img {
		width: 100%;
		height: 260px;
		margin-bottom: 30px;
		/* border-radius: 20px; */
		overflow: hidden;
	}
	#board-pop .pop-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#board-pop .pop-details .f18 {
		line-height: 1.8rem;
	}

	#board-pop .pop-btn {
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: space-between;
		gap: 40px;
		width: calc(100% - 60px);
		max-width: 1080px;
	}
	#board-pop .move-board {
		width: 100%;
		line-height: 60px;
		border-radius: 10px;
		font-size: 20px;
		text-align: center;
	}
	#board-pop .board-prev {
		background-color: #fff;
		border: 1px solid #cfcfcf;
	}
	#board-pop .board-list {
		background-color: #8F4B92;
		color: #fff;
	}
	#board-pop .board-next {
		background-color: #333;
		color: #fff;
	}
	/* board-pop :e */


	/* pop-bg :s */
	#pop-bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.6);
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s;
	}
	#pop-bg.active {
		opacity: 1;
		visibility: visible;
	}
	/* pop-bg :e */




	@media (min-width:240px) and (max-width:768px) {


		.products .pd_tit .innersize {width:100%;}

		.cards2 li {
			width: 100% !important;
			height: 100% !important;
			margin-bottom: 0px !important;
			margin-left: 0px !important;
			border: 1px solid #ddd;
			border-radius: 20px;
			position: relative;
			overflow: hidden;
		}


		.cards2 {   
			width: 100%;
			display: grid !important;
			grid-template-columns: repeat(2, calc(50% - 5px));
			margin-top: 25px !important;
			/* justify-content: center !important; */
			gap: 10px !important;
		}

		.cards2 .img {
			display: block;
			width: 100% !important;
			height: auto !important;
			margin-bottom: 15px;
			/* background-color: #ddd; */
			border-radius: 13px;
			overflow: hidden;
		}
		.cards2 .bottom {
			flex-direction: column;
			align-items: inherit !important;
			margin-top: 0;
		}

		.cards2 .coupon_name {
			font-size: 0.9rem !important;
		}

		.section3 {
			padding: 40px 0;
		}

		.cards2 .bottom .coupon_price {
			font-size: 1rem !important;
		}

		.cards2 .bottom .buy {
			margin-top: 10px;
			font-size: 0.8rem !important;
		}

		.cards2 .bottom .arr_right2 {
			width: 18px !important;
			height: 18px !important;
		}

		.cards2 li a {
			width: 100%;
			padding: 20px 20px;
		}



	}


	@media (min-width: 769px) and (max-width: 1240px) {
		/*.section3 .innersize {
			flex-direction: column;
			align-items: center;
			width: 100% !important;
			padding: 0 20px;
		}
		.section3 .sec3_card {
			width: 100%;
		}
        .section3 .notice {
            margin-bottom: 30px;
        }*/
		
		.personal_box {
			width: 100%;
		}

		.products .pd_tit .innersize {
			width: 100%;
		}

	}

	@media (max-width: 1160px) {
		.personal_box_bg {
			height: 470px;
			border-left: 1px solid #ddd;
		}
		.push_bubbles_bg .innersize {
			width: 104%;
		}
		/* .push_bubbles_bg */

		.personal_box {
			width: 100%;
		}

		.personal_box .innersize {
			flex-direction: column;
			margin-top: -790px;
			align-items: flex-end;
		}

		.personal_box .left {
			width: 60%;
		}
		.personal_box .right {
			display: flex;
			flex-direction: column;
			width: 60%;
		}
		.personal_box .right a {
			margin: 40px 0 30px;
			order: -1;
		}
		.personal_box .right .service {
			margin: 0;
		}
		/* .personal_box */

		.personal_box .left {
			border-right: none;
			border-bottom: 2px dashed #f1f1f1 ;
		}
		/* .push_bubbles */
		}
	
	@media (max-width: 1024px) {

		.push_bubbles ul {
			margin-left: 30px;
		}
		.personal_box.can_see {}
		.personal_box_bg {
			transform: translate(63%, -310px);
			height: 460px;
			border-left: 1px solid #ddd;
		}

		
		.section3 .innersize {
			flex-direction: column;
			align-items: center;
			width: 100% !important;
			padding: 0 20px;
		}
		.section3 .sec3_card {
			width: 100%;
		}
        .section3 .notice {
            margin-bottom: 30px;
        }

		/* .products */

	}



	@media (min-width: 240px) and (max-width: 768px) {
		.right .bottom .money .money_cound {
			font-size: 24px;
		}

		#main_bn {
			height: 200px;
		}
		/* mainV */

		.personal_box_bg {
			display: none;
		}
		/* .personal_box_bg */

		.personal_box {
			display: none;
		}
		/* personal_box */

		.push_bubbles_bg .innersize {
			transform: none;
			height: 100px;
			border-radius: 0;
		}
		/* .push_bubbles_bg */

		.push_bubbles {
			width: 100%;
			overflow-x: hidden;
		}

		.push_bubbles::-webkit-scrollbar {
			display: none;
		}
		/* webkit-scrollbar-thumb */

		.push_bubbles ul {
			width: 100%;
			flex-wrap: nowrap;
			margin-left: 0;
			padding: 10px 20px;
			overflow-x: scroll;
			margin-bottom: 25px;
		}
		.push_bubbles ul li:last-child {
			/* margin-right: 0; */
		}
		.push_bubbles li {
			padding: 15px 10px 10px;
		}

		.push_bubbles li.active .text {
			font-size: 1rem;
		}


		.push_bubbles .text {
			font-size: 13px;
			word-break: keep-all;
		}
		.push_bubbles .icon_circle {
			width: 48px;
			height: 48px;
		}

		.push_bubbles li.active .text {
			font-size: 13px;
		}
		/* .push_bubbles */

		.m_search {
			width: 90%;
		}
		/* m_search */


		/* #before-login :s */
		#before-login {
			padding: 20px 20px;
		}
		#before-login .innersize.dx {
			flex-direction: column;
			gap: 30px;
			width: 100%;
		}
		#before-login .cards {
			flex-direction: row;
			align-items: center;
		}
		#before-login .card {
			width: 50%;
		}
		#before-login .right {
		    width:100%;
			display: block;
			padding: 20px;
			border-radius: 20px;
			order: -1;
		}
		#before-login .top .t1 {
			font-size: 20px;
		}
		#before-login .go-login {
			margin-bottom: 10px;
			padding: 0;
			line-height: 38px;
			font-size: 16px;
		}
		#before-login .losts .f14 {
			margin: 0 10px;
			font-size: 12px !important;
		}
		#before-login .bottom {
			padding-top: 20px;
			display:block;
			/* text-align: center; */
		}
		#before-login .f20 {
			font-size: 18px !important;
		}
		#before-login .cards {
			gap: 10px;
		}
		#before-login .card {
			height: 150px;
			padding: 0;
			border-radius: 10px;
		}
		#before-login li.card-n1::before,
		#before-login li.card-n2::before,
		#before-login li.card-n3::before {
			max-width: 48px;
			height: 48px;
			margin-bottom: 10px;
		}
		#before-login .card .fcW {
			font-size: 14px;
		}
		/* #before-login :e */

		.products .prt_btn .pd_t1::after,
		.products .dst_btn .pd_t1::after,
		.products .mat_btn .pd_t1::after,
		.products .fad_btn .pd_t1::after,
		.products .drk_btn .pd_t1::after,
		.products .bey_btn .pd_t1::after,
		.products .car_btn .pd_t1::after,
		.products .snk_btn .pd_t1::after,
		.products .cue_btn .pd_t1::after,
		.products .lig_btn .pd_t1::after,
		.products .hol_btn .pd_t1::after,
		.products .cons_btn .pd_t1::after {
			bottom: -10px;
			right: 80px;
			width: 48px;
			height: 48px;
			background-size: 230px 200px;
		}
		.products .dst_btn .pd_t1::after {
			background-position: -60px 0;
		}
		.products .mat_btn .pd_t1::after {
			bottom: 0;
			background-position: -120px 20px;
		}
		.products .fad_btn .pd_t1::after {
			background-position: -180px 0;
		}
		.products .drk_btn .pd_t1::after {
			background-position: -60px -60px;
		}
		.products .bey_btn .pd_t1::after {
			background-position: 0px -70px;
		}
		.products .car_btn .pd_t1::after {
			background-position: -120px -70px;
		}
		.products .snk_btn .pd_t1::after {
			background-position: -180px -80px;
		}
		.products .cue_btn .pd_t1::after {
			background-position: 0 -150px;
		}
		.products .lig_btn .pd_t1::after {
			background-position: -60px -150px;
		}
		.products .hol_btn .pd_t1::after {
			background-position: -120px -150px;
		}
		.products .cons_btn .pd_t1::after {
			background-position: -180px -150px;
		}
		.products {
			margin-top: 0;
		}
		.products .innersize {
			width: 100%;
		}
		.products .dx {
			margin: 30px 0  20px;
			padding: 0 20px;
		}
		.products .pd-search-wrap {
			height: 48px;
		}
		#btn_bln {
			width: 25%;
			margin-left: 10px;
			line-height: 48px;
			font-size: 14px !important;
		}
		.products .search-input {
			width: 78%;
			line-height: 46px;
		}
		.products .search-icon {
			width: 20px;
			height: 20px;
		}
		.products .pd_tit .pd_t1 {
			font-size: 20px;
			line-height: 48px;
		}

		.products .pd_bg {
			top: 0;
			left: 70px;
			width: 125px;
			height: 120px;
		}

		.products .pd_tit .pd_blue {
			padding-top: 15px;
			font-size: 0.8rem;
		}

		.products .pd_tit .pd_more span {
			font-size: 0.8rem;
		}
		.products .more-pds {
			margin-top: 25px;
			text-align: center;
			font-size: 15px;
		}
		/* products */


		/*.section3 .sec3_card {
			height: 300px;
			padding: 20px;
		}

		.section3 .bg_text {
			font-size: 4rem;
		}

		.section3 .bottom .date {
			width: 16%;
			text-align: right;
			font-size: 0.7rem;
		}

		.section3 .bottom .texts a, .section3 .bottom .texts a .red {
			font-size: 0.8rem;
		}

		.section3 .bottom li:nth-child(n+5) {
			display: none;
		}

		.section3 .top .t1 {
			font-size: 0.7rem;
		}

		.section3 .top .t2 {
			font-size: 1rem;
		}

		.section3 .top .t3 a {
			font-size: 0.7rem;
		} */
		/* section3 */

		.notice li.empty_li {
			font-size: 0.8rem;
		}
		/* notice */


		.personal_box.can_see {display:none}
		/* personal_box */

		.uni_item_list {
			display: block !important;
			width: 100% !important;
			margin: 0 auto !important;
			padding: 0 20px;
		}
		.more-pds-wrap {
			padding: 0 20px;
		}

		.cards2 {
			width: 100%;
		}

		.cards2 li {
			margin-right: 0 !important;
		}


	/* #boards :s */
	#boards {
		margin-top: 40px;
		padding: 40px 0 70px;
	}
	#boards .innersize {
		width: 100%;
		padding: 0 20px;
	}
	#boards .ix-board {
		margin: 0 15px;
		font-size: 20px;
	}
	#boards .st-wrap.active {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	#boards .st-wrap li {
		width: 100%;
		border-radius: 0;
	}
	#boards .st-wrap li:nth-child(2),
	#boards .st-wrap li:nth-child(5) {
		margin: 0;
	}
	#boards .st-wrap li:nth-child(n+7) {
		display: none;
	}
	#boards .st-wrap .img {
		display: none;
		height: 120px;
	}
	#boards .st-wrap .text {
		padding: 15px;
	}
	#boards .st-wrap .text .f18 {
		margin-bottom: 5px;
		font-size: 15px !important;
	}
	#boards .st-wrap .text .f14 {
		font-size: 13px !important;
	}
	/* #boards :e */

	}