.container {
    width: 96%;
    margin: 0px auto;
}


.pointmall_visual{width:100%; position:relative; margin-top:-4%;}
.pointmall_visual img{
  width:100%;
  height:auto;
  display:block;
}


.pointmall_visual .btn_group_mobile {
    position: absolute;
    bottom: 10%;
    left: 8.2%;
    width: 37%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 1.5vw, 11px); /* ¡ç À̰͸¸ ¼öÁ¤ */
}

.pointmall_visual .btn_mypoint,
.pointmall_visual .btn_use_info,
.pointmall_visual .btn_regulations{
    position:relative;
    width:100%;
}

.pointmall_visual .btn_use_info a,
.pointmall_visual .btn_mypoint a,
.pointmall_visual .btn_regulations a {
    display: inline-flex;
    align-items: center;
    gap: clamp(6px, 1.5vw, 11px);
    width: 100%;
    height: clamp(36px, 8vw, 58px);        /* ¡ç »óÇÑ °íÁ¤ */
    padding: 0 clamp(10px, 3.5vw, 25px);
    background-color: #4a4a4a;
    color: #fff;
    font-size: clamp(11px, 3vw, 22px);     /* ¡ç »óÇÑ °íÁ¤ */
    text-decoration: none;
    border-radius: clamp(4px, 1vw, 7px);
}

.pointmall_visual .btn_regulations a{
    background-color:#666;
}

.pointmall_visual .btn_use_info a{
    background-color:#4a4a4a;
}


.pointmall_visual .btn_use_info a .material-symbols-outlined,
.pointmall_visual .btn_mypoint a .material-symbols-outlined,
.pointmall_visual .btn_regulations a .material-symbols-outlined {
    font-size: clamp(16px, 4vw, 29px);     /* ¡ç »óÇÑ °íÁ¤ */
    font-weight: 400;
    margin-left: clamp(2px, 1vw, 7px);
    min-width: clamp(16px, 4.5vw, 32px);
    visibility: hidden;
}

.pointmall_visual .btn_use_info a .material-symbols-outlined.loaded,
.pointmall_visual .btn_mypoint a .material-symbols-outlined.loaded,
.pointmall_visual .btn_regulations a .material-symbols-outlined.loaded{
    visibility:visible;
}

#pointmallWraper{width:100%; overflow:hidden;}

#pointmallWraper h4{width:100%; margin-top:10%; font-family:'Noto Sans KR', sans-serif !important; padding-bottom:8%;}

#pointmallWraper ul{overflow:hidden; background:#fff; border:1px solid #c2c2c2; border-top:none; box-sizing:border-box;}
#pointmallWraper ul.nth1{border-top:1px solid #c2c2c2;}
#pointmallWraper ul li{float:left; width:50%; border-left:1px solid #c2c2c2; box-sizing:border-box; position:relative; padding-bottom:6%;}
#pointmallWraper ul li:nth-child(odd){border-left:none;}
#pointmallWraper ul li .proImg{width:84%; margin:0px auto; margin-top:8%;}
#pointmallWraper ul li .title{width:96%; height:8vw; color:#464646; text-align:center; margin:0px auto; margin-top:4%; font-size:3.5vw; font-weight:600; line-height:4vw;}
#pointmallWraper ul li .sale_plat{width:15%; height:auto; position:absolute; top:75%; right:2%;}
#pointmallWraper ul li .priceBox{width:84%; height:12vw; border:1px solid #d7d7d7; box-sizing:border-box; margin:0px auto; margin-top:2%;}
#pointmallWraper ul li .priceBox > div{width:40%; height:100%; background:#2c316e; float:left; box-sizing:border-box; font-weight:bold; text-align:center;}
#pointmallWraper ul li .priceBox > div:nth-child(2){width:60%; background:#ffffff;}
#pointmallWraper ul li .priceBox > div > p{color:#fff; margin-top:2vw; font-size:3vw;}
#pointmallWraper ul li .priceBox > div > p.point{color:#ed1c24; margin-top:3.5vw; font-size:3.8vw;}
#pointmallWraper ul li .detailBtn{width:50%; margin:0px auto; margin-top:8%;}

 /****** ·Î±×ÀÎ ******/
#pointmallWraper .pw_research{float:right; background:#898989; padding:1% 3%; color:#fff; font-size:3vw; font-weight:500; font-family:'Noto Sans KR', sans-serif !important; margin-top:6%; margin-right:10%; overflow:hidden;}
#pointmallWraper .login_box{width:80%; margin:0px auto; margin-top:2%; overflow:hidden;}
#pointmallWraper .login_box input{border:1px solid #e4e4ea; height:12vw; border-radius:2vw; background:none; -webkit-appearance:none; box-sizing:border-box; padding-left:4%;}
#pointmallWraper .btn_box{width:60%; margin:0px auto; margin-top:10%; overflow:hidden;}
#pointmallWraper .btn_box > div{float:left; width:49%;}
#pointmallWraper .btn_box > div:last-child{margin-left:2%;}


 /****** Æ÷ÀÎÆ®³»¿ª ******/
#pointmallWraper .total_point_box{background:#e1e1e1; height:12vw; line-height:12vw; text-align:center; color:#58595b; font-size:4.5vw; border-top:2px solid #58595b; margin-top:6%; font-family:'Noto Sans KR', sans-serif !important;}
#pointmallWraper .total_point_box span{font-weight:bold;}
#pointmallWraper .point_use_box{margin-top:4%; width:100%;}
#pointmallWraper .point_use_box > div{overflow:hidden; border-bottom:1px dotted #cccccc; margin-top:5%; padding-bottom:5%;}
#pointmallWraper .point_use_box > div:first-child{margin-top:0px;}
#pointmallWraper .point_use_box > div > ul{overflow:hidden; border:none;}
#pointmallWraper .point_use_box > div > ul li{float:left; border:none; padding-bottom:0px;}
#pointmallWraper .point_use_box > div > ul li:first-child{width:22%;}
#pointmallWraper .point_use_box > div > ul li:first-child img{width:100%;}
#pointmallWraper .point_use_box > div > ul li:last-child{width:78%; back1ground:red}
#pointmallWraper .point_use_box > div > ul li .pro_title{color:#636363; font-size:3.5vw; text-align:left; margin-left:4%; font-family:'Noto Sans KR', sans-serif !important;}
#pointmallWraper .point_use_box > div > ul li .pro_title span{color:#9d9d9d; font-size:3vw; display:block; text-align:left;}
#pointmallWraper .point_use_box > div > ul li .use_point{color:#e5004f; font-size:4.2vw; text-align:left; margin-left:4%; margin-top:6%; font-family:'Noto Sans KR', sans-serif !important;}
#pointmallWraper .point_use_box > div .second_con{width:100%; overflow:hidden; margin-top:2%;}
#pointmallWraper .point_use_box > div .second_con tbody th{text-align:center; color:#636363; font-size:2.6vw; font-family:'Noto Sans KR', sans-serif !important; font-weight:bold; padding:1.5% 0; background:#efefef; border-bottom:1px solid #e1e1e1;}
#pointmallWraper .point_use_box > div .second_con tbody tr:last-child th{border-bottom:none;}
#pointmallWraper .point_use_box > div .second_con tbody td{text-align:left; color:#636363; font-size:2.6vw; font-family:'Noto Sans KR', sans-serif !important; padding:1.5%; border-bottom:1px solid #e1e1e1;}
#pointmallWraper .point_use_box > div .second_con tbody tr:last-child td{border-bottom:none;}


 /****** ºä ******/
#pointmallWraper .mall_view{width:80%; margin:0px auto;}
#pointmallWraper .mall_view h5{width:100%; margin:0px auto; margin-top:4%; font-size:4.5vw; color:#464646; font-weight:600; text-align:center; line-height:6.5vw;}
#pointmallWraper .mall_view .priceBox{width:100%; height:17vw; border:1px solid #d7d7d7; border-left:none; box-sizing:border-box; margin:0px auto; margin-top:2%; position:relative;}
#pointmallWraper .mall_view .priceBox .sale_plat{width:13%; height:auto; position:absolute; top:-30%; right:-5%;}
#pointmallWraper .mall_view .priceBox > div{width:50%; height:100%; background:#fff; float:left; box-sizing:border-box; font-weight:bold; text-align:center; font-size:3vw; padding:3vw; border-left:1px solid #e1e1e1;}
#pointmallWraper .mall_view .priceBox > div > p{color:#fff; margin-top:2vw; font-size:4vw;}
#pointmallWraper .mall_view .priceBox > div > p.point{color:#ed1c24; font-size:5vw;}
#pointmallWraper .mall_view .priceBox > div > p.cash{color:#2c316e; font-size:5vw;}

#pointmallWraper .mall_pro_view{width:100%;}
#pointmallWraper .mall_pro_view .title{width:100%; background:#464646; padding:2% 0; text-align:center; margin-top:8%; color:#fff; font-size:4vw; font-weight:bold;}
#pointmallWraper .mall_pro_view .set_products{width:100%; margin:0px auto; margin-top:8%; overflow:hidden; padding-bottom:8%;}
#pointmallWraper .mall_pro_view .set_products ul{overflow:hidden;}
#pointmallWraper .mall_pro_view .set_products ul li{width:50%; height:39vw; float:left; cursor:pointer;}
#pointmallWraper .mall_pro_view .set_products ul li:first-child{margin-left:none;}

#pointmallWraper .view_payment_box{width:100%; position:fixed; bottom:0px; left:0px; background:#e1e1e1; border:1px solid #c2c2c2; padding:1% 0;}
#pointmallWraper .view_payment_box .payment_btn{width:98%; background:#2c316e; color:#fff; font-size:5vw; font-weight:bold; text-align:center; padding:3% 0;}

#pointmallWraper .payment_page_title{width:100%; background:#e1e1e1; border:1px solid #c2c2c2; padding:2% 0; text-align:center; font-weight:bold; color:#464646; font-size:5vw; position:relative;}
#pointmallWraper .payment_page_title .cancel{position:absolute; right:2%; top:10%; color:#464646; background:#fff; border:1px solid #c2c2c2; font-size:3vw; font-weight:bold; padding:2%;}

#pointmallWraper .result_box{background:#1ab4fa; width:98%; margin:0px auto; overflow:hidden; border-radius:3vw; padding-bottom:2%; margin-top:5%; margin-bottom:5%;}
#pointmallWraper .result_box h2{color:#fff; font-weight:bold; margin-left:2%; margin-top:4%;}
#pointmallWraper .result_box .result_con_box{width:96%; margin:0px auto; margin-top:2%; padding-bottom:2%; background:#fff; border-radius:2.5vw; overflow:hidden;}
#pointmallWraper .result_box .result_con_box ul{width:95%; margin:0px auto; margin-top:2%; border:none;}
#pointmallWraper .result_box .result_con_box ul li{width:100%; border-bottom:1px solid #cccccc; color:#000; border-left:none; font-size:3.5vw; padding:3% 0 1% 0;}
#pointmallWraper .result_box .result_con_box ul li:last-child{border-bottom:none;}
#pointmallWraper .result_box .notice{color:#fff; margin-top:4%; margin-left:2%;}
#pointmallWraper .result_box .notice span{color:#ff0000;}

#applyBox{width:100%; margin:0px auto; margin-top:8%; position:relative; box-sizing:border-box;}

#applyBox ul.view_apply_tab{width:100%; overflow:hidden;}
#applyBox ul.view_apply_tab > li{width:33.3%; float:left; overflow:hidden;}
#applyBox .applyCon{overflow:hidden; width:96%; height:auto;}
#applyBox .applyCon h6{font-size:4vw; color:#363636; font-weight:600; margin-top:6%; text-align:left;}
#applyBox .applyCon .apply{overflow:hidden; width:100%; margin-top:2%; border-top:2px solid #646464;}
#applyBox .applyCon .apply tbody{background:#fff;}
#applyBox .applyCon .apply tbody th{background:#ebebeb; color:#646464; font-size:3.5vw; padding:2%; text-align:right; border-bottom:1px solid #e1e1e1;}
#applyBox .applyCon .apply tbody td{color:#646464; font-size:3.5vw; padding:2%; text-align:left; border-bottom:1px solid #e1e1e1;}
#applyBox .applyCon .apply tbody td span{color:#ed1c24; font-size:3vw; margin-left:2%;}
#applyBox .applyCon .apply tbody td input{border:1px solid #cccccc; height:7vw; color:#646464; font-size:3.5vw; padding-left:2%;
	border-radius:0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
	-webkit-appearance:none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
	-moz-appearance:none;
	appearance: none;
}
#applyBox .applyCon .apply tbody td textarea{border:1px solid #cccccc; color:#646464; font-size:3.5vw; padding:2%;
	border-radius:0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
	-webkit-appearance:none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
	-moz-appearance:none;
	appearance: none;
}

#applyBox .applyCon .btn_point{width:50%; height:10vw; margin:0px auto; margin-top:4%; background:#ed1c24; text-align:center; font-size:4vw; color:#fff; font-weight:bold; line-height:10vw;}
#applyBox .applyCon .btn_cash{width:50%; height:10vw; margin:0px auto; margin-top:4%; background:#2c316e; text-align:center; font-size:4vw; color:#fff; font-weight:bold; line-height:10vw;}


/* Material Symbols Ç¥½Ã º¸Á¤ */
.material-symbols-outlined{
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
}

/* Ȥ½Ã ¼û±è ·ÎÁ÷ÀÌ ÀÖ´Ù¸é °­Á¦·Î º¸ÀÌ°Ô */
.material-symbols-outlined{ opacity: 1 !important; visibility: visible !important; }