@charset "UTF-8";
@font-face { font-family: 'NanumSquareRound'; src: url("/css/fonts/NanumSquareRoundL.woff2") format("truetype"); font-weight: 100; }

@font-face { font-family: 'NanumSquareRound'; src: url("/css/fonts/NanumSquareRoundR.woff2") format("truetype"); font-weight: normal; }

@font-face { font-family: 'NanumSquareRound'; src: url("/css/fonts/NanumSquareRoundB.woff2") format("truetype"); font-weight: bold; }

@font-face { font-family: 'NanumSquareRound'; src: url("/css/fonts/NanumSquareRoundEB.woff2") format("truetype"); font-weight: 800; }

@font-face { font-family: 'NanumSquareNeo'; src: url("/css/fonts/NanumSquareNeoTTF-aLt.woff2") format("truetype"); font-weight: 100; }

@font-face { font-family: 'NanumSquareNeo'; src: url("/css/fonts/NanumSquareNeoTTF-bRg.woff2") format("truetype"); font-weight: normal; }

@font-face { font-family: 'NanumSquareNeo'; src: url("/css/fonts/NanumSquareNeoTTF-cBd.woff2") format("truetype"); font-weight: bold; }

@font-face { font-family: 'NanumSquareNeo'; src: url("/css/fonts/NanumSquareNeoTTF-dEb.woff2") format("truetype"); font-weight: 800; }

@font-face { font-family: 'NanumSquareNeo'; src: url("/css/fonts/NanumSquareNeoTTF-eHv.woff2") format("truetype"); font-weight: 900; }

@font-face { font-family: 'Binggrae'; src: url("/css/fonts/Binggrae-Bold.woff2") format("truetype"); }

@font-face { font-family: 'esamanru'; src: url("/css/fonts/esamanru Medium.woff2") format("truetype"); }

.head_bg { display: block; width: 100%; height: 100px; background-color: #4D8DE7; }

#mypage { display: block; width: 100%; height: 100%;padding-bottom: 120px; background: url('/images/newsub/pattern_bg.png') no-repeat, rgba(77, 141, 231, 0.1); background-position: top center; background-repeat: no-repeat; background-size: contain;}

/* #wrapper { background-color: #fff; font-family: 'NanumSquareNeo',sans-serif; } */

.page_head_wrap { display: block; width: 100%; max-width: 1400px; height: 457px; margin: 0 auto 52px; }

.page_head_wrap .page_navi_box { display: flex; width: auto; height: auto; padding-top: 118px; justify-content: flex-start; align-items: center; margin-bottom: 38px; }

.page_head_wrap .page_navi_box > li { display: flex; width: auto; height: auto; font-size: 15px; font-weight: 300; justify-content: flex-start; align-items: center; }

.page_head_wrap .page_navi_box > li.home { position: relative; }

.page_head_wrap .page_navi_box > li.home span { overflow: hidden; position: absolute; display: inline-block; border: 0; width: 1px; height: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); z-index: -1; }

.page_head_wrap .page_navi_box > li.home:before { content: ''; background-image: url("/images/sub/home.png"); background-repeat: no-repeat; background-size: auto; background-position: center; width: 20px; height: 20px; }

.page_head_wrap .page_navi_box > li:after { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("/images/sub/navi_arrow.png"); background-position: center; background-repeat: no-repeat; background-size: auto; }

.page_head_wrap .page_navi_box > li:last-child:after { display: none; }

.page_head_wrap .page_title { display: block; width: auto; height: auto; font-family: 'NanumSquareRound'; font-size: 86px; font-weight: 800; line-height: 1; margin-bottom: 118px;color: #4D8DE7;}

.page_head_wrap .mypage_deth { display: flex; width: auto; height: auto; justify-content: flex-start; align-items: center; }

.page_head_wrap .mypage_deth > li { flex: 0 1 auto; width: auto; height: auto; position: relative; font-size: 32px; font-weight: 800; color: rgba(77, 141, 231, 0.2); font-family: 'NanumSquareRound';  position: relative; }
.page_head_wrap .mypage_deth > li > a {color: rgba(77, 141, 231, 0.4);}
.page_head_wrap .mypage_deth > li:after { content: '/'; display: inline-block;margin: 0 40px;vertical-align: middle; width: auto; height: auto; color: rgba(77, 141, 231, 0.2); }

.page_head_wrap .mypage_deth > li:first-child { margin-left: 0; }

.page_head_wrap .mypage_deth > li:last-child:after { display: none; }

.page_head_wrap .mypage_deth > li.current a { position: relative;color: #4D8DE7; }

.page_head_wrap .mypage_deth > li.current a:before { content: ''; display: block; width: 12px; height: 12px; background-color: #4D8DE7; border-radius: 50%; position: absolute; top: -24px; left: calc(50% - 6px);}

.my_page_content_wrap { display: block; width: 100%; max-width: 1400px; height: auto; margin: 0 auto;padding-top: 40px; justify-content: flex-start; float: none; clear: both; overflow: hidden;     font-family: 'NanumSquareNeo-Variable',sans-serif;}

.my_page_content_wrap .con_left { display: flex; width: 320px; height: auto; flex-direction: column; float: left; }

.my_page_content_wrap .con_right { display: block; width: calc(100% - 320px - 30px); height: auto; float: right; margin-left: 30px; }

.user_info_wrap { flex: 1 1 auto; display: flex; width: 100%; height: auto; justify-content: flex-start; flex-direction: column; border-radius: 10px; overflow: hidden; border-bottom: 1px solid #E0E0E0; padding-bottom: 26px; background-color: #fff; margin-bottom: 30px; }

.user_info_wrap .user_info_box { display: block; width: 100%; height: auto; background-color: #4D8DE7; padding: 60px 32px; }

.user_info_wrap .user_info_box .img_box { display: block; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto 28px; }

.user_info_wrap .user_info_box .img_box > img { display: block; width: 100%; height: 100%; object-fit: cover; }

.user_info_wrap .user_info_box .user_info { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; color: #fff; }

.user_info_wrap .user_info_box .user_info .user_name { display: block; width: 100%; height: auto; font-size: 22px; font-weight: bold; line-height: 1; margin-bottom: 12px; }

.user_info_wrap .user_info_box .user_info .user_school { display: block; width: 100%; height: auto; font-size: 14px; font-weight: bold; line-height: 1; }

.user_info_wrap .user_info_box .user_info_re { display: flex; justify-content: flex-start; align-items: center; width: 165px; height: 48px; line-height: 48px; padding: 0 20px; text-align: center; border: 2px solid #fff; border-radius: 100px; margin: 28px auto 0; color: #fff; font-size: 15px; font-weight: bold; }

.user_info_wrap .user_info_box .user_info_re:after { content: ''; display: inline-block; width: 24px; height: 24px; background-image: url("/images/sub/settings.png"); background-position: center; background-repeat: no-repeat; background-size: auto; margin-left: auto; }

.user_info_wrap .user_btn { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #E0E0E0; padding: 24px 32px; font-size: 16px; font-weight: 800;color: #444; }

.user_info_wrap .user_btn:last-child { border-bottom: 0; }

.user_info_wrap .user_btn span { display: flex; justify-content: flex-start; align-items: center; }

.user_info_wrap .user_btn span.point:after { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("/images/sub/point.png"); background-position: center; background-repeat: no-repeat; background-size: auto; margin-left: 4px; }

.user_info_wrap .user_btn span.count:after { content: '건'; display: inline-block; width: auto; height: auto; margin-left: 12px; font-size: 14px; font-weight: 400; }

.user_action_btn_list { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; width: 100%; height: auto; }

.user_action_btn_list .user_action_btn { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; border-radius: 10px; border-bottom: 1px solid #E0E0E0; background-color: #fff; padding: 26px 32px; font-size: 18px; font-weight: 800; margin-bottom: 12px;color: #444; }

.user_action_btn_list .user_action_btn:after { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("/images/sub/action_btn_icon_d.png"); background-repeat: no-repeat; background-position: center; background-size: auto; }

.user_action_btn_list .user_action_btn.current { background-color: #4D8DE7; color: #fff; }

.user_action_btn_list .user_action_btn.current:after { background-image: url("/images/sub/action_btn_icon_c.png"); }

.search_wrap {display: flex;flex-wrap: wrap; justify-content: flex-start; align-items: center;gap: 8px; border: 4px solid #fff; border-radius: 20px; padding: 36px 62px;
margin-bottom: 30px; background: #fff;}

.search_wrap .radios { display: flex; justify-content: flex-start; align-items: center; padding-left: 1px; margin-right: 10px;margin-bottom: 0;}
.search_date {margin-right: 8px;}
#mypage .search_wrap .radios > li { display: inline-block; margin-left: -1px; border-radius: 10px; }
#mypage .search_wrap .radios > li label {margin-bottom: 0;}
#mypage .search_wrap .radios > li label span {margin-right: 0;}
.search_wrap .radios > li label span {border-radius: 0;}
.search_wrap .radios > li:first-child label span { border-radius: 6px 0 0 6px; }

.search_wrap .radios > li:last-child label span { border-radius: 0 6px 6px 0; }

.search_wrap .radios > li input[type="radio"] { display: none; }

.search_wrap .radios > li input[type="radio"] + label span { display: block; width: auto; height: auto; padding: 6px 16px; background-color: #F6F6F6; border: 1px solid #CACACA; font-size: 14px; font-weight: normal; color: #757575; }

.search_wrap .radios > li input[type="radio"]:checked + label span { background-color: #4D8DE7; color: #fff; }

.search_wrap .to { display: inline-block; width: auto; height: auto; margin: 0 10px; color: rgba(96, 96, 96, 0.5); }

.search_wrap .date_input { display: block; width: 152px; height: auto; padding: 5px 12px; border: 1px solid #E2E2E2; background-color: #fff; font-size: 15px; font-weight: normal; background-image: url("/images/sub/date.png"); background-position: right 12px center; background-repeat: no-repeat; background-size: auto; color: #757575; }


.search_wrap input[type="date"]::-webkit-clear-button,
      .search_wrap input[type="date"]::-webkit-inner-spin-button { 
          display: none;
      } 
      .search_wrap  input[type="date"]::-webkit-calendar-picker-indicator { 
          background: transparent;
          z-index: 1;
      } 
      
      .search_wrap input {width: 152px;
        height: 36px;
        background: #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 3px;}

      .search_wrap input:after{
        position: absolute;
        top:50%;
        right:10px;
        content: '';
        width: 20px;
        height:22px;
      
        background: #fff url('/images/sub/sub_write_icon06.png') center center /contain;
        transform: translateY(-50%);
        z-index: 0;
      }




.search_wrap .date_input.last { margin-right: 10px; }

.search_wrap .search_input { flex: 1 1 auto; display: block; width: 205px; height: auto; padding: 5px 12px; color: #757575; border: 1px solid #E2E2E2; background-color: #fff; margin-right: 10px; }

.search_wrap .search_btn { display: inline-flex; justify-content: flex-start; align-items: center; width: auto; height: auto; padding: 6px 16px; color: #fff; background-color: #333; border-radius: 50px; font-size: 14px; font-weight: normal; }

.search_wrap .search_btn:after { content: ''; display: block; width: 16px; height: 24px; background-image: url("/images/sub/btn_icon01.png"); background-repeat: no-repeat; background-position: center; background-size: 12px; margin-left: 2px; }

.search_wrap.center_only { justify-content: center; }

.con_wrap { display: block; width: 100%; height: auto; }

.con_wrap .cont_items { display: block; width: 100%; height: auto; padding: 60px; border-radius: 20px; background-color: #fff; color: #333; margin-bottom: 30px; }

.con_wrap .cont_items .title { display: flex; justify-content: space-between; width: 100%; height: auto; text-align: left; font-size: 18px; font-weight: 800; margin-bottom: 26px; }

.con_wrap .cont_items .title .more { display: block; width: 36px; height: 36px; background-image: url("/images/sub/more.png"); background-size: auto; background-repeat: no-repeat; background-position: center; }

.con_wrap .cont_items .cont { display: block; width: 100%; height: auto; padding: 40px 10px; border: 1px solid #E0E0E0; border-left: 0; border-right: 0; }

.con_wrap .cont_items .cont span { font-size: 14px; font-weight: normal; }

.user_mileage_wrap { display: flex; width: 100%; max-width: 1400px; height: auto; margin: 0 auto; border-radius: 10px; overflow: hidden; margin-bottom: 70px; }

.user_mileage_wrap .mileage_left { display: flex; justify-content: flex-start; flex-direction: column; align-items: center; width: 650px; height: auto; padding: 80px 60px; background-color: #4D8DE7; color: #fff;}

.user_mileage_wrap .user_level_info_wrap { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; margin-bottom: 50px; }

.user_mileage_wrap .user_level_info_wrap .user_info {padding: 0;}

.user_mileage_wrap .user_level_info_wrap .user_info dt { display: block; width: auto; height: auto; font-size: 28px; font-weight: 100; }

.user_mileage_wrap .user_level_info_wrap .user_info dt b { font-weight: 800; margin-right: 6px; }

.user_mileage_wrap .user_level_info_wrap .user_info dd { display: block; width: auto; height: auto; font-size: 16px; font-weight: bold; }

.user_mileage_wrap .user_level_info_wrap .user_level {display: flex; justify-content: flex-start; align-items: center;font-size: 23px; font-weight: bold; }

.user_mileage_wrap .user_level_info_wrap .user_level .level_icon_11 {    display: inline-block;width: 52px;height: 52px;background-image: url(/images/contents/my_info_icn_11.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 14px;}

.user_mileage_wrap .user_level_info_wrap .user_level .level_icon_12 {    display: inline-block;width: 52px;height: 52px;background-image: url(/images/contents/my_info_icn_12.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 14px;}

.user_mileage_wrap .user_level_info_wrap .user_level .level_icon_13 {    display: inline-block;width: 52px;height: 52px;background-image: url(/images/contents/my_info_icn_13.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 14px;}

.user_mileage_wrap .user_level_info_wrap .user_level .level_icon_21 {    display: inline-block;width: 52px;height: 52px;background-image: url(/images/contents/my_info_icn_21.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 14px;}

.user_mileage_wrap .user_level_info_wrap .user_level .level_icon_22 {    display: inline-block;width: 52px;height: 52px;background-image: url(/images/contents/my_info_icn_22.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 14px;}

.user_mileage_wrap .user_level_info_wrap .user_level .level_icon_23 {    display: inline-block;width: 52px;height: 52px;background-image: url(/images/contents/my_info_icn_23.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 14px;}

.user_mileage_wrap .user_level_info_wrap .user_level b {display: inline-block;padding: 10px 0;font-size: 16px;font-weight: bold;border: 1px solid #fff;border-radius: 40px;margin-left: 10px;word-break: keep-all;text-align: center;width: 125px;line-height: 1.3;}

.user_mileage_wrap .next_level { flex: 1 1 auto; display: block; width: 100%; height: auto; padding: 20px 24px; background-color: #226FDB; border-radius: 10px; text-align: center; font-size: 19px; font-weight: 400; }

.user_mileage_wrap .next_level b { font-weight: bold; }

.user_mileage_wrap .next_level .help { display: inline-block; width: 24px; height: 24px; background-image: url("/images/sub/help.png"); background-repeat: no-repeat; background-position: center; background-size: auto; vertical-align: top; line-height: 1; margin: 0 2px; }

.user_mileage_wrap .mileage_right { flex: 1 1 auto; display: flex; justify-content: flex-start; flex-direction: column; align-items: center; width: calc(100% - 650px); height: auto; background-color: #fff; float: right; padding: 70px 80px; }

.user_mileage_wrap .user_point_wrap { display: flex; width: 100%; height: auto;padding: 0 ;flex-direction: column; justify-content: flex-start; color: #333; ;}

.user_mileage_wrap .user_point_wrap dt { flex: 1 1 auto; display: block; width: 100%; height: auto; font-size: 16px; font-weight: bold; margin-bottom: 10px; }

.user_mileage_wrap .user_point_wrap dd { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; font-size: 28px; font-weight: 800; margin-bottom: 50px; }

.user_mileage_wrap .user_point_wrap .now_text { flex: 0 1 auto; text-align: left; }

.user_mileage_wrap .user_point_wrap .user_point { flex: 0 1 auto; display: flex; justify-content: flex-start; align-items: center; font-size: 40px; }

.user_mileage_wrap .user_point_wrap .user_point:after { content: ''; display: inline-block; width: 46px; height: 46px; background-image: url("/images/sub/point_icon.png"); background-position: center; background-repeat: no-repeat; background-size: auto; margin-left: 4px; }

.user_mileage_wrap .point_check_wrap { flex: 1 1 auto; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: auto; }

.user_mileage_wrap .point_check_wrap dl { flex: 1 1 auto;width: auto; height: auto;padding: 0;margin-bottom: 0; text-align: center; border-right: 1px solid #CACACA; }

.user_mileage_wrap .point_check_wrap dl:last-child { border-right: 0; }

.user_mileage_wrap .point_check_wrap dt { font-size: 16px; font-weight: bold; }

.user_mileage_wrap .point_check_wrap dd { font-size: 24px; font-weight: 800; }

.user_mileage_wrap .point_check_wrap dd:after { content: 'p'; display: inline; margin-left: 10px; font-size: 16px; font-weight: 800; }

.mileage_tab_wrap { display: flex; width: 100%; height: auto; justify-content: flex-start; align-items: center; border-bottom: 2px solid #4D8DE7; margin-bottom: 40px; }

.mileage_tab_wrap li { flex: 0 1 auto; width: auto; height: auto; padding: 20px 32px; margin-right: 8px; font-size: 18px; font-weight: bold; color: #828282; text-align: center; background-color: #fff; cursor: pointer; line-height: 1; border-radius: 10px 10px 0 0; margin-bottom: -2px; }

.mileage_tab_wrap li:last-child { margin-right: 0; }

.mileage_tab_wrap li.current { background-color: transparent; color: #4D8DE7; border: 2px solid #4D8DE7; border-bottom-color: #edf3fd; }

.search_list_wrap { display: block; width: 100%; height: auto; border-radius: 20px; padding: 60px; background-color: #fff; }

.search_list_wrap table { width: 100%; height: auto; }
.search_list_wrap table thead {display: none;}
.search_list_wrap table th, .search_list_wrap table td { font-size: 16px; font-weight: normal; color: #545454; padding: 40px 2px;border-left: 0;}
.search_list_wrap table .exp {font-weight: 800;}
.search_list_wrap table .acc {font-weight: 800;color: #AFAFAF;}

.search_list_wrap table tbody tr { border-bottom: 1px solid #E0E0E0; }

.search_list_wrap table .num { text-align: left; width: 80px; }

.search_list_wrap table .datetime { text-align: left; width: 200px; }

.search_list_wrap table .cate { text-align: left; width: 100px; }

.search_list_wrap table .con { font-weight: 800; text-align: left; width: 50%; }

.search_list_wrap table .point { font-weight: 800; width: 10%; text-align: right; }

.search_list_wrap table .point.p { color: #4D8DE7; }

.search_list_wrap table .point.m { color: #E593B8; }

.search_list_wrap table .acc_point { font-weight: 900; color: #AFAFAF; width: 10%; text-align: right; }

.user_wrap { display: flex; width: 100%; max-width: 1400px; height: auto; justify-content: flex-start; align-items: center; }

.user_wrap .user_img { flex: 0 1 auto; width: 100px; height: 100px; position: relative; margin-right: 32px; }

.user_wrap .user_img > img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; overflow: hidden; }

.user_wrap .user_img .user_img_setting { display: block; width: 24px; height: 24px; position: absolute; right: -8px; bottom: 8px; z-index: 1; background-image: url("/images/sub/user_settings.png"); }

.user_wrap .text_box { flex: 0 1 auto; display: flex; width: auto; height: auto; flex-direction: column; }

.user_wrap .text_box .tit { display: block; width: auto; height: auto; font-size: 28px; font-weight: normal; margin-bottom: 18px; }

.user_wrap .text_box .tit b { font-weight: 800; }

.user_wrap .text_box .disc { display: block; width: auto; height: auto; font-size: 18px; font-weight: bold; }

input[type="radio"] { position: relative; width: 14px; height: 14px; }

input[type="radio"]:before { content: ''; display: block; width:auto; height: 16px; border-radius: 50%; overflow: hidden; background-image: url("/images/sub/radio_normal.png"); background-repeat: no-repeat; background-size: auto; background-color: #fff; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

input[type="radio"]:checked:before { background-image: url("/images/sub/radio_none.png"); }

.user_mem_info_wrap { display: flex; width: 100%; height: auto; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; gap: 20px;}

.user_mem_info_wrap h3 { display: block; width: 100%; height: auto; font-size: 24px; font-weight: 800; margin-bottom: 50px; color: #4D8DE7; }

.user_mem_info_wrap .personal_wrap { flex: 0 0 calc(50% - 10px); display: flex; flex-direction: column; background-color: #fff; border-radius: 30px; padding: 70px;}

.user_mem_info_wrap .school_wrap { flex: 0 0 calc(50% - 10px); display: flex; flex-direction: column; background-color: #fff; border-radius: 30px; padding: 70px; }

.user_mem_info_wrap .info_input_table.uinfo input, .user_mem_info_wrap .info_input_table.uinfo select { display: inline-block; width: auto; height: 36px; padding: 4px 12px; margin: 0; color: #757575; font-size: 14px; font-weight: normal; border: 1px solid #E2E2E2; }

.user_mem_info_wrap .info_input_table.uinfo select { appearance: none; -webkit-appearance: none; padding: 0; border-radius: 0 !important; background-image: url("/images/sub/select_icon.png"); background-repeat: no-repeat; background-position: right 8px top 50%; background-size: 20px; padding:4px 12px;}

.user_mem_info_wrap .info_input_table.uinfo option { border-radius: 0 !important; }

.user_mem_info_wrap .info_input_table.uinfo dl { display: flex; width: 100%; height: auto; margin-bottom: 20px;padding: 0; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; }

.user_mem_info_wrap .info_input_table.uinfo dl dt { flex: 0 1 98px; display: block; height: auto; font-size: 15px; font-weight: 800; color: #333;padding-top: 7px; }

.user_mem_info_wrap .info_input_table.uinfo dl dd { flex: 1 1 calc(100% - 98px); display: flex;gap: 4px; justify-content: flex-start; align-items: center; }
.user_mem_info_wrap .info_input_table.uinfo dl dd #search_input {width: 100%;}
.user_mem_info_wrap .info_input_table.uinfo dl dd .class {display: flex;align-items: center;margin-left: 16px;}
.user_mem_info_wrap .info_input_table.uinfo dl dd .class span {flex-shrink: 0;}
.user_mem_info_wrap .info_input_table.uinfo dl dd .class input {width: 50px;}
.user_mem_info_wrap .info_input_table.uinfo #u_name { width: 68px; }

.user_mem_info_wrap .info_input_table.uinfo #u_pw { width: 100px; }

.user_mem_info_wrap .info_input_table.uinfo #u_pw_r { width: 100px; }

.user_mem_info_wrap .info_input_table.uinfo #u_hint { width: 390px; }

.user_mem_info_wrap .info_input_table.uinfo #u_re { width: 390px; }

.user_mem_info_wrap .info_input_table.uinfo #u_male + label { margin: 0 16px 0 8px; }

.user_mem_info_wrap .info_input_table.uinfo #u_female + label { margin: 0 16px 0 8px; }

.user_mem_info_wrap .info_input_table.uinfo #u_birth { width: 118px; }

.user_mem_info_wrap .info_input_table.uinfo #u_email { width: 143px; }

.user_mem_info_wrap .info_input_table.uinfo #u_email_l { width: 140px; margin-right: 4px; }

.user_mem_info_wrap .info_input_table.uinfo #u_email_s { width: 117px; }

.user_mem_info_wrap .info_input_table.uinfo #u_phone_f { width: 87px; }

.user_mem_info_wrap .info_input_table.uinfo #u_phone_1 { width: 68px; }

.user_mem_info_wrap .info_input_table.uinfo #u_phone_2 { width: 68px; }

.user_mem_info_wrap .info_input_table.uinfo #u_code { width: 115px; background-color: #F6F6F6; }

.user_mem_info_wrap .info_input_table.uinfo #u_school { width: 95px; margin-right: 10px; }

.user_mem_info_wrap .info_input_table.uinfo #u_school_search { display: flex; align-items: center; flex: 0 0 100px; height: 36px; text-align: center; justify-content: center; padding: 4px 10px; background-color: #333; color: #fff; border-radius: 4px; font-size: 14px; font-weight: normal; }

.user_mem_info_wrap .info_input_table.uinfo #u_school_search:before { content: ''; display: inline-block; width: 14px; height: 14px; background-image: url("/images/newsub/u_search_icon.png"); background-repeat: no-repeat; background-position: center; background-size: 14px; }

.user_mem_info_wrap .info_input_table.uinfo #u_grade { width: 35px; }

.user_mem_info_wrap .info_input_table.uinfo #u_class { width: 32px; }

.user_mem_info_wrap .info_input_table.uinfo .split_wrap { flex: 0 1 auto; width: calc(100% - 98px - 16px);flex-wrap: wrap;}

.user_mem_info_wrap .info_input_table.uinfo .split { display: flex; width: 100%; margin-bottom: 4px; justify-content: flex-start; align-items: center; }

.user_mem_info_wrap .info_input_table.uinfo .split span { display: inline-block; width: 37px; height: 36px; line-height: 36px; }

.user_mem_info_wrap .info_input_table.uinfo .split_text { margin: 0 8px; }

.user_mem_info_wrap .info_input_table.uinfo .split_a { width: calc(100% - 98px - 16px); }
.user_mem_info_wrap .info_input_table.uinfo .split_wrap #passwordHint,
.user_mem_info_wrap .info_input_table.uinfo .split_wrap #passwordConsr {width: calc(100% - 37px);}

.user_mem_info_wrap .info_input_table.uinfo .bb { font-weight: 800; margin: 0 8px 0 0; }

.user_mem_info_wrap .info_input_table.uinfo .disc { display: flex; color: #4D8DE7; font-size: 14px; font-weight: normal; margin-top: 8px; }

.user_mem_info_wrap .info_input_table.uinfo .disc:before { content: '※'; display: inline-block; margin-right: 4px; }

.btn_wrap { display: flex; width: 100%; height: auto; justify-content: center; align-items: center; margin-top: 50px; }

.btn_wrap button {margin-right:10px; flex: 0 1 auto; display: block; width: auto; height: auto; padding: 10px 56px; font-size: 20px; font-weight: 800; border: 1px solid #4D8DE7; color: #4D8DE7; border-radius: 40px; background-color: #fff; }

.btn_wrap button.submit { background-color: #4D8DE7; color: #fff; }

#mypage h4 {padding: 0;font-weight: 800;} /*font-size: 24px;*/
#mypage h4::before {display: none;}

/*mypage input 스타일 수정 - 23.03.02 추가*/
#mypage .form-group {margin:0; width: 100%;}
#mypage .form-group .filebox_inputbox {display: flex;}
#mypage .form-group .filebox_inputbox .mt-1 .mb-0 {position: relative;}
#mypage .form-group .filebox_inputbox .mt-1 h4 {font-size: 14px;}
#mypage .form-group .filebox_inputbox .mt-1 h4 a:nth-child(1) {display:none;}
#mypage .form-group .filebox_inputbox .mt-1 h4 a:nth-child(2) {position: absolute; display: block; width: 35px; height: 35px; border-radius: 30px; line-height: 34px; border: 1px solid #ddd; text-align: center; background: #fff; top: 90px; left: -25px;}
#mypage .form-group .filebox_inputbox .mt-1 h4 a:nth-child(2) span {font-size: 25px;}

#mypage .form-group .filebox_inputbox img {display: block; width: 150px; height: 150px; object-fit: cover; border-radius: 50%; overflow: hidden; border: 1px solid #ddd;}

#mypage .form-group .filebox_inputbox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
#mypage .form-group .filebox_inputbox label {cursor: pointer; padding: 6px 15px; margin-left: 10px; font-size: 14px;}
/* named upload */
#mypage .form-group .filebox_inputbox .upload_photoFile {display: inline-block; height: 35px; font-size:18px; padding: 0 10px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-radius: 5px;}
/* named upload */
#mypage .form-group .filebox_inputbox .upload_imageFile {display: inline-block; height: 35px; font-size:18px; padding: 0 10px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-radius: 5px;}
/* named upload */
#mypage .form-group .filebox_inputbox .upload_thumbnailFile {display: inline-block; height: 35px; font-size:14px; padding: 0 10px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-radius: 5px; width: 74% !important;}
/* named upload */
#mypage .form-group .filebox_inputbox .upload_defaultfile {display: inline-block; height: 35px; font-size:18px; padding: 0 10px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-radius: 5px;}
#mypage .form-group .image_section {display: none;} 

/* 반응형,, */
@media (max-width: 1440px) {
  #mypage {padding: 0 15px 70px;}
  .my_page_content_wrap .con_left {width: 280px;}
  .my_page_content_wrap .con_right {width: calc(100% - 280px - 24px);margin-left: 24px;}
  .con_wrap .cont_items {padding: 40px 24px;}
  /* .search_wrap {flex-wrap: wrap;justify-content: flex-start;padding: 32px;}
  #searchKeyword {margin-left: 0;margin-top: 8px;} */
  .user_mileage_wrap .mileage_left {padding: 72px 32px;}
  .user_mileage_wrap .mileage_right {padding: 72px 32px;}
  .user_mileage_wrap .user_point_wrap {padding: 0;}
  .user_mileage_wrap .user_point_wrap dd {font-size: 26px;}
  .user_mileage_wrap .point_check_wrap dl {padding: 0;}
  .user_mileage_wrap .user_point_wrap .user_point {font-size: 32px;}

  .user_mem_info_wrap .personal_wrap,
  .user_mem_info_wrap .school_wrap {padding: 48px 32px;}
  .user_mem_info_wrap .info_input_table.uinfo dl {gap: 4px;}
  .user_mem_info_wrap .info_input_table.uinfo dl dd {flex: 0 0 100%;}
  .user_mem_info_wrap .info_input_table.uinfo .split_wrap {margin-left: 0;}
  .user_mem_info_wrap .info_input_table.uinfo .split_wrap {width: 100%;}

}

@media (max-width: 1280px) {
  .user_mileage_wrap {flex-wrap: wrap;}
  .user_mileage_wrap .mileage_left,
  .user_mileage_wrap .mileage_right {width: 100%;padding: 48px 32px;}
  .user_mileage_wrap .user_level_info_wrap {margin-bottom: 0;}
  .user_mileage_wrap .mileage_left {flex-direction: row;}
  .user_mileage_wrap .user_level_info_wrap .user_level {margin-right: auto;margin-left: 24px;}
  .user_mileage_wrap .user_level_info_wrap .user_info {margin-bottom: 0;}
  .user_mileage_wrap .user_level_info_wrap .user_level {margin-right: 24px;margin-left: auto;}
  .user_mileage_wrap .next_level {flex: 0 0 auto;width: auto;padding: 16px 24px;}
  .user_mileage_wrap .mileage_right {flex-direction: row;}
  .user_mileage_wrap .user_point_wrap dd {flex-wrap: wrap;gap: 8px;margin-bottom: 0;}
  .user_mileage_wrap .user_point_wrap .now_text {    width: 100%;}
  .user_mileage_wrap .user_point_wrap {margin-bottom: 0;}
  .user_mileage_wrap .point_check_wrap dl {margin-bottom: 0;}
}

@media (max-width: 1024px) {
  .page_head_wrap .page_title {font-size: 58px;}
  .page_head_wrap .mypage_deth > li {font-size: 24px;}
  .page_head_wrap .mypage_deth > li.current a:before {width: 10px;height: 10px;top: -15px;}
  .page_head_wrap .mypage_deth > li:after {margin: 0 24px;}
  .my_page_content_wrap .con_left {float: none;width: 100%;}
  .user_info_wrap {padding-bottom: 0;}
  .user_info_wrap .user_info_box {display: flex;justify-content: space-between;align-items: center;padding: 32px;}
  .user_info_wrap .user_info_box .img_box {flex-shrink: 0;margin: 0;}
  .user_info_wrap .user_info_box .user_info {width: auto;margin: 0 auto 0 24px;}
  .user_info_wrap .user_info_box .user_info_re {margin: 0;}
  .user_action_btn_list {flex-direction: row;flex-wrap: wrap;gap: 12px;}
  .user_action_btn_list .user_action_btn {flex: 0 0 calc(20% - 10px);margin: 0;padding: 12px;font-size: 14px;}
  .my_page_content_wrap .con_right {width: 100%;margin-left: 0;margin-top: 40px;}

  .user_mileage_wrap .mileage_left {flex-wrap: wrap;}
  .user_mileage_wrap .user_level_info_wrap {width: 100%;margin-bottom: 16px;}
  .user_mileage_wrap .next_level {width: 100%;}
  .user_mileage_wrap .mileage_right {flex-wrap: wrap;}
  .user_mileage_wrap .user_point_wrap {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid #333;}

  .search_wrap {padding: 32px 16px;flex-wrap: wrap;}
  .search_wrap .radios {width: 100%;}
  .search_wrap .search_btn {margin-right: auto;}

  .search_list_wrap {padding: 32px;}
  .search_list_wrap table th,
  .search_list_wrap table td {padding: 16px 8px;font-size: 14px;}
  .search_list_wrap table .bull_square {padding: 0 9px;line-height: 34px;font-size: 13px;}

  .user_mem_info_wrap .personal_wrap,
  .user_mem_info_wrap .school_wrap {flex: 0 0 100%;}
  
}

@media (max-width: 768px) {
  .user_action_btn_list .user_action_btn {flex: 0 0 calc(25% - 10px);}
  .user_mileage_wrap .user_level_info_wrap {flex-wrap: wrap;}
  .user_mileage_wrap .user_level_info_wrap .user_info dt {font-size: 26px;}
  .user_mileage_wrap .user_level_info_wrap .user_info dd {font-size: 15px;}
  .user_mileage_wrap .user_level_info_wrap .user_level {width: 100%;margin: 0;font-size: 18px;}
  .user_mileage_wrap .user_level_info_wrap .user_level .level_icon {width: 32px;height: 32px;}
  .user_mileage_wrap .mileage_left,
  .user_mileage_wrap .mileage_right {padding: 32px 16px;}
  .user_mileage_wrap .user_level_info_wrap .user_level b {margin-left: auto;width: 120px;font-size: 14px;}
  .user_mileage_wrap .next_level {font-size: 15px;}
  .user_mileage_wrap .user_point_wrap .now_text {font-size: 20px;}
  .user_mileage_wrap .user_point_wrap .user_point {font-size: 30px;}
  .user_mileage_wrap .user_point_wrap .user_point:after {width: 40px;height: 40px;background-size: contain;}
  .user_mileage_wrap .point_check_wrap {flex-wrap: wrap;}
  .user_mileage_wrap .point_check_wrap dl {width: 100%;height: auto;margin-bottom: 0;border-right: 0;}
  .user_mileage_wrap .point_check_wrap dl:not(:last-child) {border-bottom: 1px solid #cacaca;padding-bottom: 10px;margin-bottom: 10px;}
  .user_mem_info_wrap .info_input_table.uinfo dl dd {flex-wrap: wrap;}
  .user_mem_info_wrap .info_input_table.uinfo dl dd #search_input {width: calc(100% - 104px);}
  .user_mem_info_wrap .info_input_table.uinfo dl dd .class {margin-left: 0;} 
}

@media (max-width: 680px) {
  .page_head_wrap .page_title {font-size: 48px;}
  .page_head_wrap .mypage_deth {flex-wrap: wrap;gap: 16px 0;}
  .page_head_wrap .mypage_deth > li:after {margin: 0 14px;}
  .page_head_wrap .mypage_deth > li {font-size: 22px;}
  .page_head_wrap .mypage_deth > li:after {right: -20px;}

  .user_action_btn_list .user_action_btn {flex: 0 0 calc(50% - 10px);}
  
  .search_wrap {padding: 32px;}

  .user_info_wrap .user_info_box .img_box {width: 60px;height: 60px;}
  .user_info_wrap .user_info_box {flex-wrap: wrap;justify-content: center;gap: 10px 0;}
  .user_info_wrap .user_info_box .img_box {margin-left: auto;}

  .search_list_wrap .tbl_basic .num,
  .search_list_wrap .tbl_basic .sort,
  .search_list_wrap .tbl_basic .acc {display: none;}

  .search_list_wrap {padding: 24px 16px;}
  .search_list_wrap table th, .search_list_wrap table td {padding: 12px 8px;font-size: 12px;}
  .search_list_wrap table .bull_square {padding: 0 8px;font-size: 12px;}

  .user_mem_info_wrap .personal_wrap,
  .user_mem_info_wrap .school_wrap {padding: 32px 16px;}
  .user_mem_info_wrap h3 {margin-bottom: 24px;font-size: 22px;}
  .user_mem_info_wrap .info_input_table.uinfo input,
  .user_mem_info_wrap .info_input_table.uinfo select {font-size: 13px;}
  .user_mem_info_wrap .info_input_table.uinfo .split span {font-size: 15px;}
  .user_mem_info_wrap .info_input_table.uinfo .disc {font-size: 13px;}
  .user_mem_info_wrap .info_input_table.uinfo dl dd .wp30 {width: 28% !important;}
  .user_mem_info_wrap .info_input_table.uinfo input.wp10,
  .user_mem_info_wrap .info_input_table.uinfo select.wp10 {width: 15% !important;}
  .my_page_content_wrap .btn_wrap {flex-wrap: wrap;gap: 8px;}
  .btn_wrap button {font-size: 16px;}

  .user_wrap .user_img {flex: 0 0 80px;width: 80px;height: 80px;margin-right: 24px;}
  .user_wrap .text_box .tit {font-size: 22px;letter-spacing: -0.05em;}
  #mypage .user_wrap .text_box .tit {margin-bottom: 8px;}
  .user_wrap .text_box .disc {font-size: 14px;}
  .user_mem_info_wrap .info_input_table.uinfo input, .user_mem_info_wrap .info_input_table.uinfo select {padding: 0 8px !important;}
  .user_mem_info_wrap .info_input_table.uinfo #emailId {width: 37% !important;}
}