@media all and (max-width:767px) {
#header { margin-bottom:0; }
.circle_box { width:30px; height:30px; }
.top_myinfo .bi-person-fill::before { line-height:30px; font-size:18px; }
.top_logo { padding:28px 0 0 0; }
.top_logo img {width: 130px !important;}
.down_arrow > i { margin-left:10px; }
.top_myinfo li { margin-top:28px; margin-top:0; }
.top_myinfo li:first-child { margin-right:17px; margin-top:0; }
.mBtn { top:28px; }
.top_myinfo { top:21px; }
.top_myinfo li > .tsub_cate { top:38px; }
.top_myinfo li > .tsub_cate > li > a { font-size:12px; }
#mheader .mNav { width:70%; }
.top_m {vertical-align: top; top: 3px;}
.top_login { top:25px; }

.memberWrap .member_skin * { font-size:13px; }
.agreeAll .check label { vertical-align:middle; font-size:15px; }
.agreeAll .check input[type="checkbox"] { vertical-align:middle; }
#agree_frm .agree_box label { font-size:14px !important; }
.agree_skin .agree_box>p input { vertical-align:middle !important; margin-top:-2px; }
.content01 { padding:20px 15px; }
.research_tit h2 { font-size:17px; }
.guide_box { padding:20px 0; }
.submenu_lay ul li { width:48%; margin-left:2%; margin-bottom:15px; }
.submenu_lay ul li:nth-child(3n+0) { margin-left:0; }
.submenu_lay ul li:nth-child(5n+0) { margin-left:0; }
.guide_box .round_num { margin-bottom:0; }
.guide_box .g_list li p { width:77%; }
.guide_box .guide_tit { font-size:18px; }
.guide_box .g_list li { font-size:13px; word-break:keep-all; }
.guide_box .guide_desk { font-size:14px; }
.findWrap .findUl { width:100%; }
.member_wrap .findWrap .findUl input { height:60px; font-size:14px; }
.member_wrap .mb_cc p { width:100%; }

.guide_box .comp_list li img { width:85px; }
.guide_box .process_list li { width:50%; font-size:13px; word-break:keep-all; }
.guide_box .process_list li:nth-child(4) { margin-bottom:50px; }
.guide_box .round_num { font-size:15px; width:60px; }
.guide_box .com_list li img { width:50px; }
.guide_box .com_list li { margin-bottom:10px; }
.guide_box .com_tit span { font-size:12px; letter-spacing:5px; }
.guide_box .com_tit { font-size:23px; margin-bottom:30px; }
.guide_box .com_desk { font-size:14px; }
.guide_box .comp_list li { margin-bottom:5%; margin-right:10px; }
.guide_box .comp_list li:nth-child(3), .guide_box .comp_list li:nth-child(5) { margin-right:0; }
.guide_box .round_list li:before { top:9px; }
.content_tit p:first-child { font-size:25px; line-height:50px; }
.content_tit p:last-child { font-size:14px; line-height:25px; word-break:keep-all; }
.comp_bg { background-position:center 15%; }
.guide_box .com_desk { margin-bottom:30px; }
.navi_lay { padding:25px 15px; }

.panel_date { font-size:13px; }
.research_subject { font-size:16px; }
.research_info dd { font-size:13px; }
.research_btn button { font-size:14px; }

.company_info_lay ul { margin-bottom:20px; }
.company_info_lay ul:last-child { float:none; }
.company_info_lay select { width: 100%; border: 1px solid #999; padding: 10px; background-position: 96% 48%; }

.company_info_lay ul > br {display:block;}
.request_li {width:100%;}

.mt28 { margin-top:0; }
.copy_lay p { text-align:center; margin:20px 0; }
.fam_logo_lay li img { width:78.5px; }
.fam_logo_lay li:nth-child(n+2)::before { margin:2px 10px; height:18px; }
.fam_logo_lay { text-align:center; margin-top:30px; }
.company_info_lay { margin-top:10px; }
.etc_fontsty { display:inline-block; }
.etc_fontsty:first-child { margin-right:2%; }
.company_info_lay ul { float:none; width:100%; }

.recom_box .recom_notice h2 span { font-size:25px; }
.recom_box .recom_notice h2 { font-size:18px; margin-bottom:15px; }
.recom_box { padding:25px 15px 125px; }
.recom_box .recom_notice p { width:100%; font-size:14px; padding-bottom:25px; }
.myinfo_reg li { width:100%; }
.myinfo_reg .recom_list > li.wide { margin:0 0 4% 0; }
.radio_area ul li { width:100%; margin-left:0 !important; }
.myinfo_reg li > h2 { margin-top:10px; }
.order_btn { margin-right:0; font-size:17px; width:220px; }

.list_btn { font-size:14px; }
.wallet_lay { font-size:30px; width:225px; height:65px; line-height:65px; }
.now_holdings h2 { font-size:19px; }
.now_holdings h2 span { font-size:26px; }
.now_holdings p { font-size:14px; }
.cashback_reg .myinfo_reg li { width:100%; margin-right:0; }
.now_holdings { padding-bottom:40px; margin-bottom:25px; }
.whoami { text-align:center; }
.whoami h2 { font-size:20px; }
.whoami h2 > span { font-size:25px; }
.whoami p { font-size:14px; }
.mypoint_lay li { width:49%; border-right:0; margin-bottom:5%; }
.grid2 .order_btn { width:140px; font-size:14px; margin-right:3%; }
.calc_input input { height:45px; }
.calc_input { font-size:25px; }
.my_money_box { padding:30px 0; }

.navi_lay { width:49%; }
.mbtn_lay a:last-child .navi_lay { width:100%; }
.navi_lay dl dd:nth-child(2) { font-size:13px; }
.main_myinfo a:nth-child(n+3) .navi_lay { margin-left:0; }
.main_myinfo a:nth-child(4) .navi_lay { margin-left:2%; }
.main_myinfo .navi_lay { margin-top:2%; }

.table--block thead { display:none; }
.table--block colgroup { display:none; } 

.common_table tbody tr:nth-child(2n+1) {background: #fff;}
.common_table tbody tr {border: 1px solid #e2e6ef; border-radius: 10px; margin-top: 20px; overflow: hidden;}
.common_table tbody td { font-size:13px; line-height:41px; border-bottom: 1px solid #e2e6ef;}
.table_thumnail img {margin: 5px 5px 5px 0;}
.table_thumnail span {line-height: 18px; display: block; padding: 10px 0;}

.table--block tr { display:block; border-top:none;}
.table--block th, .table--block td { display:block; position:relative; padding:0 !important; padding-left:32% !important; border-width:0 0 1px 0; height:auto !important; text-align:left !important;  }
.table--block td:before { display:block;  position:absolute; left:0; top:0; padding-left:12px; width:24%; text-align:left; background: #f7f7f7; height: 100%;}
.table--block td:nth-child(1):before {content:'No.';}
.table--block td:nth-child(2):before {content:'카테고리';}
.table--block td:nth-child(3):before {content:'품목';}
.table--block td:nth-child(4):before {content:'평가기간';}
.table--block td:nth-child(5):before {content:'상태';}
.table--block td:nth-child(6):before {content:'예약';}
.table--block td:last-child {border-bottom: 0;}

.table--point thead { display:none; }
.table--point colgroup { display:none; } 
.table--point tr { display:block; border-top:none;}
.table--point th, .table--point td { display:block; position:relative; padding:0 !important; padding-left:32% !important; border-width:0 0 1px 0; height:auto !important; text-align:left !important;  }
.table--point td:before { display:block;  position:absolute; left:0; top:0; padding-left:12px; width:24%; text-align:left; background: #f7f7f7; height: 100%;}
.table--point td:nth-child(1):before {content:'No.';}
.table--point td:nth-child(2):before {content:'카테고리';}
.table--point td:nth-child(3):before {content:'활동명';}
.table--point td:nth-child(4):before {content:'발생일';}
.table--point td:nth-child(5):before {content:'내역';}
.table--point td:nth-child(6):before {content:'수량';}
.table--point td:nth-child(7):before {content:'상태';}
.table--point td:last-child {border-bottom: 0;}

.table--recom thead { display:none; }
.table--recom colgroup { display:none; } 
.table--recom tr { display:block; border-top:none;}
.table--recom th, .table--recom td { display:block; position:relative; padding:0 !important; padding-left:32% !important; border-width:0 0 1px 0; height:auto !important; text-align:left !important;  }
.table--recom td:before { display:block;  position:absolute; left:0; top:0; padding-left:12px; width:24%; text-align:left; background: #f7f7f7; height: 100%;}
.table--recom td:nth-child(1):before {content:'No.';}
.table--recom td:nth-child(2):before {content:'성명';}
.table--recom td:nth-child(3):before {content:'전달 메시지';}
.table--recom td:nth-child(4):before {content:'연락처';}
.table--recom td:nth-child(5):before {content:'추천일시';}
.table--recom td:nth-child(6):before {content:'보상';}
.table--recom td:nth-child(7):before {content:'상태';}
.table--recom td:nth-child(8):before {content:'';}
.table--recom td:nth-child(8) span { text-align:center; }
.table--recom td:last-child {border-bottom: 0;}

.modal {padding:0 20px 30px 20px !important; background-size:101% !important;}
.modal > h2 { font-size:30px; line-height:40px; padding:8vw 0; margin-bottom:25px; }
.modal .recom_notice h2 { word-break:keep-all; }
.modal > h2 span { font-size:25px; }
.modal .modal_btn li a { font-size:12px; }
.modal p { font-size:13px; }
.modal .modal_agree a { font-size:16px; }
.modal .modal_agree p { font-size:11px; }
.modal .recom_notice p { padding-bottom:10px; }
.modal .modal_btn li { padding:10px; }

.memberWrap .member_skin { padding:20px 0 0 0; }
.memberWrap .formWrap { padding:35px 0; }
.memberWrap .formWrap .log_tit { font-size:35px; margin-bottom:10px; }
.memberWrap .formWrap .log_tit span { font-size:35px; display:block; }
.memberWrap .formWrap .log_subtit { font-size:14px; margin-bottom:50px; }
.memberWrap .formWrap .log_subtit:after { bottom:-25px; }
.memberWrap .formWrap .btnUl li a { font-size:16px; }
.memberWrap .formWrap .btnUl li input { font-size:16px; }
.memberWrap .formWrap .btnUl li > * { height:60px; line-height:60px; }
.memberWrap .inputUl li input { padding-left:75px !important; font-size:14px; height:60px;  }
.memberWrap .inputUl li svg { left:25px; width:25px; height:25px; }
.member_skin .member_wrap { padding:20px; }
.member_skin .member_wrap .formWrap { width:100%; margin:0; }
.member_skin .member_wrap .log_logo { width:79.5px; left:20px; top:30px; }
.member_skin .login_wrap { background-size:192%; background-position:bottom left 25%; }
.submem_cont .check_select_box .check_select_head img { width:48.5px; }

.memberWrap .jo_step { width:100%; margin-bottom:40px; }
.memberWrap .submem_cont { padding:20px; }
.memberWrap .submem_cont .check_select_box { width:100%; }
.memberWrap .submem_cont .check_select_box .check_select_head p { font-size:20px;}
.memberWrap .submem_cont .check_select_box .check_select_head span { font-size:20px; }
.memberWrap .submem_cont .check_select_box .check_select_list li span { font-size:15px; }

.join_box table.mb_tpl th { width:25%; font-size:12px; padding-left:0; word-break:keep-all; }
.join_box table.mb_tpl td.agree label { font-size:12px; }
.join_box table.mb_tpl td label { font-size:13px; }
.join_box table.mb_tpl td { font-size:13px; padding:6px 0; }
.join_box table.mb_tpl td select { font-size:13px; margin:5px 0; }
.join_box table.mb_tpl td .wide_select { width:100% !important; }
.join_box table.mb_tpl td .margin { top:6px !important; }
.join_box table.mb_tpl td .btn_join { font-size:12px; }
.join_box table.mb_tpl td p.tip, .join_box table.mb_tpl td span.tip { display:block; }
.member_wrap .btns.btn_mb input[type="submit"], .btns.btn_mb input[type="button"], .btns.btn_mb a { width:35% !important; }

.member_skin h1 strong { font-size:20px !important; margin-bottom:10px; }
.member_wrap .subtit { font-size:16px !important; }
.member_wrap .comp_icon { width:50px; height:50px; }

.tabmenu4 li:nth-child(1) { width:33.33%; border-bottom:0; }
.tabmenu4 li:nth-child(2) { width:33.33%; border-bottom:0; }
.tabmenu4 li:nth-child(3) { width:33.33%; border-bottom:0; }
.tabmenu4 li:nth-child(4) { width:50%; border-left:1px solid #ddd; }
.tabmenu4 li:nth-child(5) { width:50%; }
.tabmenu4 li a { font-size:12px; }
.common_table_lay .qna_table tbody td { font-size:13px; line-height:20px; }
.common_table_lay .qna_table tbody .answer td { font-size:11px; line-height:21px; padding:10px; }

.submenu_lay ul li > a { font-size:14px; }

.detail_point p {display: block; margin: 0;}

.company_info_lay ul > li {display: inline-block; margin-right: 2vw;}

.research_btn {padding-top: 4px;}
.tab_menu_btn.on {padding-bottom: 10px;}
.research_tit h2 {margin-bottom: 10px;}
.research_tit {margin-bottom: 30px;}

.main_myinfo .swiper-container {height: 30vw;}
.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev {transform: translateY(-50%); top: 50%;}

.no_research_sty p { font-size:19px; }

.company_info_lay ul > li { font-size:13px; }

.poll_tit { font-size:16px; }
.content01 .poll_noti { font-size:15px; line-height:26px; word-break:keep-all; }
.radio_list li { font-size:14px; margin-bottom:7px; }
.poll_btn { font-size:15px; padding:5px 55px; }
.reset_btn { font-size:13px; }
.poll_table tbody td { font-size:14px; }
.poll_table tbody td .bg_input { font-size:15px; width:50px; }
.ct_num { font-size:14px; }
.content_tit p.small_txt { font-size:14px; line-height:24px; margin-bottom:0; }
.content_tit p.big_txt { font-size:17px; }
.r_icon { width:45px; height:45px; margin-right:10px; }
.r_icon img { width:15px; }
.openpop { font-size:11px; top:-40px; left:0; right:auto; padding:2px 10px; }
.border_con { margin-bottom:25px; }
.hand_icon { background-image:none; }
.only_pc { display:none; }
.only_m { display:block; }
table.only_m { display:table; }
.poll_table thead th { font-size:14px; line-height:18px; }
#poll_pop { width:95%; /*top:4%;*/ }
#poll_pop p .big { font-size:16px; margin-bottom:5px;}
#poll_pop p { font-size:15px; }
#poll_pop h2 { margin-bottom:30px; }
.top_myinfo .res_name { font-size:12px; margin:9px 5px 0 0 !important; }
.top_myinfo .rod_btn > a { font-size:10px; }
}

@media all and (max-width:446px) {
.tab_menu_btn {width: 13vw;}
}

@media all and (max-width:362px) {
.content_tit p:first-child { font-size:23px; }
.content_tit p:last-child { font-size:13px; line-height:23px; }
.navi_lay dl dd:nth-child(1) { font-size:14px; }
.guide_box .g_list li p { width:72%; }
.memberWrap .member_skin * { font-size:11px; }
.research_btn button { font-size:13px; }
.top_login li:first-child { display:none; }
}