/* Default colors */
:root {
    /* Color styles */
    --color-primary-100: rgba(224, 231, 255, 1);
    --color-primary-500: rgba(97, 95, 255, 1);
    --color-primary-600: rgba(79, 57, 246, 1);
    --color-primary-700: rgba(67, 45, 215, 1);
    --color-primary-50: rgba(238, 242, 255, 1);
    
    --color-slate-900: rgba(15, 23, 43, 1);
    --color-slate-700: rgba(49, 65, 88, 1);
    --color-slate-500: rgba(98, 116, 142, 1);
    --color-slate-400: rgba(144, 161, 185, 1);
    --color-slate-300: rgba(202, 213, 226, 1);
    --color-slate-200: rgba(226, 232, 240, 1);
    --color-slate-100: rgba(241, 245, 249, 1);
    --color-slate-50: rgba(248, 250, 252, 1);
    --color-white: rgba(255, 255, 255, 1);
    --color-orange-500: rgba(255, 105, 0, 1);
    --color-rose-600: rgba(236, 0, 63, 1);
    --color-teal-600: rgba(0, 150, 137, 1);
    --color-yellow-400: rgba(255, 185, 0, 1);
    --color-pink-500: rgba(246, 51, 154, 1);
    --bg-gray-100: rgba(243, 244, 246, 1);
    --bg-gray-50: rgba(249, 250, 251, 1);
    --border-button-color: rgba(209, 213, 220, 1);
    --border-line-color: rgba(226, 232, 240, 1);

    --scrollbarColor: rgba(97, 95, 255, 1);

    /* Text-size styles */
    --text-90: 5.625rem;
    --text-60: 3.75rem;
    --text-54: 3.125rem;
    --text-50: 3.375rem;
    --text-48: 3rem;
    --text-40: 2.5rem;
    --text-36: 2.25rem;
    --text-30: 1.875rem;
    --text-28: 1.75rem;
    --text-26: 1.625rem;
    --text-24: 1.5rem;
    --text-20: 1.25rem;
    --text-18: 1.125rem;
    --text-16: 1rem;
    --text-15: 0.9375rem;
    --text-14: 0.875rem;
    --text-12: 0.75rem;
}

.pointmall_visual{width:100%; height:979px; background:url("https://www.palmtour.co.kr/images/pointmall/main_rew/visual.jpg") top center no-repeat; position:relative;}
.pointmall_visual .btn_mypoint{position:absolute; top:100px; right:0px;}
.pointmall_visual .btn_use_info{position:absolute; top:40px; right:0px;}
.pointmall_tapmenu{width:100%; height:110px; background:url(https://www.palmtour.co.kr/images/pointmall/main_rew/menu_bg.jpg) top center repeat-x; overflow:hidden; position:absolute; top:1505px; z-index:100;}
.pointmall_tapmenu ul li{float:left; width:121px; height:110px; border-right:1px solid var(--color-slate-500); border-left:1px solid var(--color-slate-900); text-align:center; box-sizing:border-box;}
.pointmall_tapmenu ul li:first-child{border-left:none;}
.pointmall_tapmenu ul li:last-child{border-right:none;}
.pointmall_tapmenu ul li img{margin-top:15px;}


.product_section{padding-top:80px;}

#pointmallWraper{width:1110px; margin:0px auto;}
#pointmallWraper_pop{width:100%; margin:0px auto;}


/* ===== ÇöÀç À§Ä¡ (sub_status_t) ===== */
#sub_status_t{font-size:var(--text-40); text-align:center; color:var(--color-slate-700); padding:60px 0 0;}
#sub_status_t .present{color:var(--color-primary-500); font-weight:bold;}


/* ===== »óÇ° ÄÁÅ×ÀÌ³Ê ===== */
#pointmallWraper .productContainer{padding-bottom:80px; overflow:hidden;}
#pointmallWraper .productContainer.borBotNone{border-bottom:0px;}
#pointmallWraper .productContainer h4{text-align:center; clear:both; margin-top:80px; margin-bottom:30px;}
#pointmallWraper .productContainer ul{overflow:hidden; background:var(--color-white); border:1px solid var(--border-line-color); box-sizing:border-box;}
#pointmallWraper .productContainer ul li{border-left:1px solid var(--border-line-color); width:25%; height:445px; float:left; position:relative; box-sizing:border-box;}
#pointmallWraper .productContainer ul > li:first-child{margin-left:0px;}
#pointmallWraper .productContainer ul li .proImg{width:220px; height:194px; margin:0px auto; margin-top:30px;}
#pointmallWraper .productContainer ul li .title{width:220px; height:50px; color:var(--color-slate-700); text-align:center; margin:0px auto; margin-top:10px; font-size:var(--text-16); font-weight:600; line-height:20px;}
#pointmallWraper .productContainer ul li .sale_plat{width:34px; height:26px; position:absolute; top:285px; right:15px;}
#pointmallWraper .productContainer ul li .priceBox{width:220px; height:70px; border:1px solid var(--border-line-color); box-sizing:border-box; margin:0px auto; margin-top:10px;}
#pointmallWraper .productContainer ul li .priceBox > div{width:50%; height:100%; float:left; box-sizing:border-box; font-size:var(--text-14); font-weight:bold; color:var(--color-primary-700); text-align:center; padding-top:10px;}
#pointmallWraper .productContainer ul li .priceBox > div:nth-child(1){background:var(--color-primary-700); color:var(--color-white);}
#pointmallWraper .productContainer ul li .priceBox > div > p{margin-top:5px;}
#pointmallWraper .productContainer ul li .priceBox > div > p.point{font-size:var(--text-18); color:var(--color-pink-500); margin-top:12px;}
#pointmallWraper .productContainer ul li .priceBox > div > p.cash{color:var(--color-primary-700);}
#pointmallWraper .productContainer ul li .detailBtn{width:101px; margin:0px auto; margin-top:20px;}

#pointmallWraper_pop .productContainer{padding-bottom:80px; overflow:hidden;}
#pointmallWraper_pop .productContainer.borBotNone{border-bottom:0px;}
#pointmallWraper_pop .productContainer h4{text-align:center; clear:both; margin-top:80px; margin-bottom:30px;}
#pointmallWraper_pop .productContainer ul{overflow:hidden; background:var(--color-white); border:1px solid var(--border-line-color); box-sizing:border-box;}
#pointmallWraper_pop .productContainer ul li{border-left:1px solid var(--border-line-color); width:25%; height:445px; float:left; position:relative; box-sizing:border-box;}
#pointmallWraper_pop .productContainer ul > li:first-child{margin-left:0px;}
#pointmallWraper_pop .productContainer ul li .proImg{width:220px; height:194px; margin:0px auto; margin-top:30px;}
#pointmallWraper_pop .productContainer ul li .title{width:220px; height:50px; color:var(--color-slate-700); text-align:center; margin:0px auto; margin-top:10px; font-size:var(--text-16); font-weight:600; line-height:20px;}
#pointmallWraper_pop .productContainer ul li .sale_plat{width:34px; height:26px; position:absolute; top:285px; right:15px;}
#pointmallWraper_pop .productContainer ul li .priceBox{width:220px; height:70px; border:1px solid var(--border-line-color); box-sizing:border-box; margin:0px auto; margin-top:10px;}
#pointmallWraper_pop .productContainer ul li .priceBox > div{width:50%; height:100%; float:left; box-sizing:border-box; font-size:var(--text-14); font-weight:bold; color:var(--color-primary-700); text-align:center; padding-top:10px;}
#pointmallWraper_pop .productContainer ul li .priceBox > div:nth-child(1){background:var(--color-primary-700); color:var(--color-white);}
#pointmallWraper_pop .productContainer ul li .priceBox > div > p{margin-top:5px;}
#pointmallWraper_pop .productContainer ul li .priceBox > div > p.point{font-size:var(--text-18); color:var(--color-pink-500); margin-top:12px;}
#pointmallWraper_pop .productContainer ul li .priceBox > div > p.cash{color:var(--color-primary-700);}
#pointmallWraper_pop .productContainer ul li .detailBtn{width:101px; margin:0px auto; margin-top:20px;}


/************* Á¦Ç°»ó¼¼ Æ˾÷ ½ÃÀÛ ******************/
#loginmodal{background:var(--color-white);}
#loginmodal #wrapper{width:840px; margin:0px auto; padding-bottom:30px;}
#loginmodal #wrapper h2{height:46px; background:var(--color-slate-700); font-size:var(--text-18); color:var(--color-white); font-weight:800; padding-left:20px; line-height:45px;}
#loginmodal #wrapper h2 span{float:right; margin:10px 10px 0 0; cursor:pointer;}
#loginmodal #wrapper .pointmall_tab{width:100%; height:45px; border-bottom:2px solid var(--color-slate-500); background:var(--color-white);}
#loginmodal #wrapper .pointmall_tab ul{margin-top:30px;}
#loginmodal #wrapper .pointmall_tab ul li{width:50%; float:left; font-size:var(--text-20); color:var(--color-slate-700); text-align:center; line-height:45px; font-weight:bold; cursor:pointer;}
#loginmodal #wrapper .pointmall_tab ul li.on{background:var(--color-slate-500); color:var(--color-white);}

#loginmodal #wrapper #proCon{width:838px; margin:0px auto; margin-top:50px; border:1px solid var(--border-line-color);}
#loginmodal #wrapper #proCon .title{border-bottom:8px solid var(--border-line-color); padding-bottom:10px; width:820px; text-align:center; margin:0px auto; margin-top:15px; color:var(--color-slate-900); font-size:var(--text-16); font-weight:bold;}
#loginmodal #wrapper #proCon .proBox h5{color:var(--color-slate-700); font-size:50px; font-weight:600; text-align:center; font-family:"Nanum Myeongjo", serif !important; line-height:50px; margin-top:50px;}
#loginmodal #wrapper #proCon .proBox h5 p{color:var(--color-slate-400); font-size:var(--text-20); font-weight:600; text-align:center;}
#loginmodal #wrapper #proCon .proBox .price_box{width:80%; height:100px; border:1px solid var(--border-line-color); border-left:none; margin:0px auto; margin-top:50px; position:relative;}
#loginmodal #wrapper #proCon .proBox .price_box .view_sale_plat{width:88px; height:88px; position:absolute; top:-110px; right:0px;}
#loginmodal #wrapper #proCon .proBox .price_box li{width:50%; height:100%; float:left; text-align:center; box-sizing:border-box; font-size:var(--text-18); padding-top:16px; border-left:1px solid var(--border-line-color);}
#loginmodal #wrapper #proCon .proBox .price_box li:nth-child(1){background:var(--color-primary-700);}
#loginmodal #wrapper #proCon .proBox .price_box li p{font-size:var(--text-30); color:var(--color-white); font-weight:bold; margin-top:15px;}
#loginmodal #wrapper #proCon .proBox .price_box li p.point{color:var(--color-rose-600); background:var(--color-white);}
#loginmodal #wrapper #proCon .proBox .price_box li p.cash{color:var(--color-primary-700);}
#loginmodal #wrapper #proCon .proBox img{width:820px; margin:0px auto; margin-top:60px;}
#loginmodal #wrapper #proCon .proBox .set_products{width:820px; margin:0px auto; margin-top:60px; overflow:hidden;}
#loginmodal #wrapper #proCon .proBox .set_products ul{margin-top:1px; overflow:hidden;}
#loginmodal #wrapper #proCon .proBox .set_products ul li{width:406px; float:left; margin-left:1px; cursor:pointer;}
#loginmodal #wrapper #proCon .proBox .set_products ul li:first-child{margin-left:none;}

#loginmodal #wrapper #applyBox{width:838px; margin:0px auto; margin-top:30px; position:relative;}
#loginmodal #wrapper #applyBox ul.view_apply_tab{width:100%; overflow:hidden;}
#loginmodal #wrapper #applyBox ul.view_apply_tab > li{width:25%; float:left; overflow:hidden;}
#loginmodal #wrapper #applyBox .applyCon{overflow:hidden; width:100%;}
#loginmodal #wrapper #applyBox .applyCon h6{font-size:var(--text-18); color:var(--color-slate-700); font-weight:600; margin-top:20px; text-align:left;}
#loginmodal #wrapper #applyBox .applyCon .apply{overflow:hidden; width:100%; margin-top:10px; border-top:2px solid var(--border-line-color);}
#loginmodal #wrapper #applyBox .applyCon .apply tbody{background:var(--color-white);}
#loginmodal #wrapper #applyBox .applyCon .apply tbody th{background:var(--color-slate-100); color:var(--color-slate-500); font-size:var(--text-15); padding:10px; text-align:right; border-bottom:1px solid var(--border-line-color);}
#loginmodal #wrapper #applyBox .applyCon .apply tbody td{color:var(--color-slate-500); font-size:var(--text-16); padding:10px; text-align:left; border-bottom:1px solid var(--border-line-color);}
#loginmodal #wrapper #applyBox .applyCon .apply tbody td span{color:var(--color-rose-600); font-size:var(--text-14); margin-left:10px;}
#loginmodal #wrapper #applyBox .applyCon .apply tbody td input{border:1px solid var(--color-slate-300); height:40px; color:var(--color-slate-500); font-size:var(--text-16); padding-left:10px;}
#loginmodal #wrapper #applyBox .applyCon .apply tbody td textarea{border:1px solid var(--color-slate-300); color:var(--color-slate-500); font-size:var(--text-16); padding:10px;}

#loginmodal #wrapper #applyBox .applyCon .btn_point{width:410px; height:60px; margin:0px auto; margin-top:30px; background:var(--color-rose-600); text-align:center; font-size:var(--text-20); color:var(--color-white); font-weight:bold; line-height:60px;}
#loginmodal #wrapper #applyBox .applyCon .btn_cash{width:410px; height:60px; margin:0px auto; margin-top:30px; background:var(--color-primary-700); text-align:center; font-size:var(--text-20); color:var(--color-white); font-weight:bold; line-height:60px;}

/** modal window styles **/
#lean_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; background:var(--color-slate-900); display:none;}

#loginmodal {width:860px; height:87%; margin-top:0px; padding:18px; background:var(--color-white);}
/************* Á¦Ç°»ó¼¼ Æ˾÷ ³¡ ******************/


/************* ·Î±×ÀÎ ½ÃÀÛ ******************/
#pointmallWraper .login_box{width:700px; margin:0px auto; margin-top:80px; overflow:hidden;}
#pointmallWraper .login_box .input_box{width:620px; margin:0px auto; margin-top:40px; overflow:hidden;}
#pointmallWraper .login_box .input_box ul{overflow:hidden; margin-top:5px;}
#pointmallWraper .login_box .input_box ul li{float:left; font-size:var(--text-16); color:var(--color-slate-400); font-family:'NotoSansKR-Medium', sans-serif !important; line-height:64px;}
#pointmallWraper .login_box .input_box ul li:first-child{width:90px;}
#pointmallWraper .login_box .input_box ul li:last-child{width:530px;}
#pointmallWraper .login_box .input_box ul li:last-child input{height:65px; border:1px solid var(--border-line-color); box-sizing:border-box; border-radius:5px; font-family:'NotoSansKR-Light', sans-serif !important; font-size:var(--text-20); color:var(--color-slate-400); padding-left:15px;}
#pointmallWraper .login_box .input_box .pw_research{float:right; background:var(--color-slate-400); padding:5px 10px; color:var(--color-white); font-size:var(--text-15); font-family:'NotoSansKR-Medium', sans-serif !important; margin-top:10px; overflow:hidden;}
#pointmallWraper .login_box .btn_box{width:360px; margin:0px auto; margin-top:40px; overflow:hidden;}
#pointmallWraper .login_box .btn_box a{float:left; margin-left:10px;}
#pointmallWraper .login_box .btn_box a:first-child{margin-left:0px;}

/************* ·Î±×ÀÎ Æ˾÷ ******************/
#pointmallWraper_pop .login_box{width:700px; margin:0px auto; margin-top:80px; overflow:hidden;}
#pointmallWraper_pop .login_box .input_box{width:620px; margin:0px auto; margin-top:40px; overflow:hidden;}
#pointmallWraper_pop .login_box .input_box ul{overflow:hidden; margin-top:5px;}
#pointmallWraper_pop .login_box .input_box ul li{float:left; font-size:var(--text-16); color:var(--color-slate-400); font-family:'NotoSansKR-Medium', sans-serif !important; line-height:64px;}
#pointmallWraper_pop .login_box .input_box ul li:first-child{width:90px;}
#pointmallWraper_pop .login_box .input_box ul li:last-child{width:530px;}
#pointmallWraper_pop .login_box .input_box ul li:last-child input{height:65px; border:1px solid var(--border-line-color); box-sizing:border-box; border-radius:5px; font-family:'NotoSansKR-Light', sans-serif !important; font-size:var(--text-20); color:var(--color-slate-400); padding-left:15px;}
#pointmallWraper_pop .login_box .input_box .pw_research{float:right; background:var(--color-slate-400); padding:5px 10px; color:var(--color-white); font-size:var(--text-15); font-family:'NotoSansKR-Medium', sans-serif !important; margin-top:10px; overflow:hidden;}
#pointmallWraper_pop .login_box .btn_box{width:360px; margin:0px auto; margin-top:40px; overflow:hidden;}
#pointmallWraper_pop .login_box .btn_box a{float:left; margin-left:10px;}
#pointmallWraper_pop .login_box .btn_box a:first-child{margin-left:0px;}
/************* ·Î±×ÀÎ ³¡ ******************/


/************* ¸¶ÀÌÆäÀÌÁö ½ÃÀÛ ******************/
#pointmallWraper .total_line{width:100%; height:3px; background:var(--color-slate-500); margin-top:50px;}
#pointmallWraper .total_point_box{width:100%; height:80px; background:var(--color-slate-200); line-height:80px; text-align:center; color:var(--color-slate-500); font-size:var(--text-26); margin-top:1px; font-family:'NotoSansKR-Regular', sans-serif !important;}
#pointmallWraper .total_point_box span{font-size:var(--text-36); font-weight:bolder; color:var(--color-primary-500); font-family:'NotoSansKR-Medium', sans-serif !important;}

#pointmallWraper .title_box{margin-top:60px; height:30px; position:relative;}
#pointmallWraper .title_box h3{line-height:0px; height:1px; background:var(--color-slate-400);}
#pointmallWraper .title_box h3 span{font-size:var(--text-24); font-weight:bold; background:var(--color-white); padding-right:10px; font-family:'NotoSansKR-Medium', sans-serif !important;}

#pointmallWraper .point_list{width:100%; overflow:hidden;}
#pointmallWraper .point_list thead{background:var(--color-slate-500); height:40px; overflow:hidden;}
#pointmallWraper .point_list thead th{color:var(--color-white); font-size:var(--text-15); font-family:'NotoSansKR-Medium', sans-serif !important; line-height:40px; border-right:1px solid var(--border-line-color);}
#pointmallWraper .point_list thead th:last-child{border-right:0px;}
#pointmallWraper .point_list tbody td{color:var(--color-slate-500); font-size:var(--text-15); font-family:'NotoSansKR-Regular', sans-serif !important; line-height:40px; border-right:1px solid var(--border-line-color); border-bottom:1px solid var(--border-line-color); text-align:center;}
#pointmallWraper .point_list tbody td:last-child{border-right:0px;}

#pointmallWraper .point_use_box{width:100%; overflow:hidden;}
#pointmallWraper .point_use_box > div{margin-top:30px; padding-bottom:30px; border-bottom:1px dotted var(--color-slate-500); overflow:hidden;}
#pointmallWraper .point_use_box > div:first-child{margin-top:10px;}
#pointmallWraper .point_use_box > div .fir_box{width:355px; float:left; margin-left:20px;}
#pointmallWraper .point_use_box > div .fir_box .pro_img{float:left; width:105px; height:95px;}
#pointmallWraper .point_use_box > div .fir_box .pro_img img{width:100%;}
#pointmallWraper .point_use_box > div .fir_box .pro_txt{float:left; width:230px; height:95px; position:relative; margin-left:20px;}
#pointmallWraper .point_use_box > div .fir_box .pro_txt .title{color:var(--color-slate-500); font-size:var(--text-16); font-family:'NotoSansKR-Medium', sans-serif !important;}
#pointmallWraper .point_use_box > div .fir_box .pro_txt .title p{color:var(--color-slate-400); font-size:var(--text-14); font-family:'NotoSansKR-Regular', sans-serif !important;}
#pointmallWraper .point_use_box > div .fir_box .pro_txt .price{position:absolute; color:var(--color-rose-600); font-size:var(--text-18); font-family:'NotoSansKR-Medium', sans-serif !important; left:0px; bottom:0px;}
#pointmallWraper .point_use_box > div .table_box{float:right; width:700px; border:1px solid var(--border-line-color); border-bottom:none; box-sizing:border-box; margin-right:20px;}
#pointmallWraper .point_use_box > div .table_box tbody th{color:var(--color-slate-500); font-size:var(--text-14); font-family:'NotoSansKR-Regular', sans-serif !important; background:var(--color-slate-100); border-bottom:1px solid var(--border-line-color); padding:5px 0;}
#pointmallWraper .point_use_box > div .table_box tbody td{color:var(--color-slate-500); font-size:var(--text-14); font-family:'NotoSansKR-Regular', sans-serif !important; background:var(--color-white); border-bottom:1px solid var(--border-line-color); padding:5px 0px 5px 10px;}
/************* ¸¶ÀÌÆäÀÌÁö ³¡ ******************/