.member-box input[type="text"],
.member-box input[type="password"] { transition:all 0.3s; height:60px; padding:0 25px; width:100%; max-width:600px; font-size:16px; color:#333; font-weight:400; border:1px solid #dbdbdb; outline:none; background:#fff; border-radius:60px; }
.member-box input[type="text"]:focus,
.member-box input[type="password"]:focus { border:1px solid #000;}
.member-box select { width:100%; height:60px; line-height:60px; padding:0 25px 0 25px; font-size:16px; color:#333; font-weight:300; border:1px solid #dbdbdb; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:10px; background:#f8f8f8 url(/img/sub/icon_select_down.png) right center no-repeat; }
.member-box select::-ms-expand { display:none; }
.member-box textarea { transition:all 0.3s; width:100%; height:175px; line-height:1.6; padding:25px; font-size:16px; color:#333; font-weight:300; border:1px solid #dbdbdb; outline:none; background:#fff; border-radius:30px; }
.member-box textarea:focus { border:1px solid #000;}
.member-box .selectric-sel_box { max-width:600px; width:100%; }
.member-box .selectric-sel_box * { color:#333 }
.member-box .selectric-items li.selected { color:var(--mainColor); }
.member-box .selectric { border:1px solid #dbdbdb; }
.member-box .selectric-open .selectric-items { border:1px solid #000; }
.member-box .selectric-open .selectric { border:none; }
.member-box .selectric-items { padding-bottom:20px; }
.member-box .selectric-above .selectric-items { padding-top:20px; padding-bottom:58px; }
.member-box .selectric-sel02 { display:inline-block; vertical-align:middle; width:155px; }
.member-box .selectric-sel03 { display:inline-block; vertical-align:middle; width:252px; }
.member-box ::placeholder { color:#666; opacity:1; font-weight:200; }
.member-box .file-box { position:relative; }
.member-box .ipcont:not(:last-child) { margin-right:10px; }
.member-box .ipcont { position:relative; display:flex; }
.member-box .ipcont .upload-name { padding:0 25px; font-size:16px; color:#999; max-width:360px; width:100%; }
.member-box .ipcont .upload-name.on { padding:4px 0 4px 55px; color:#333; background:url(/img/sub/file_icon.png) 20px center no-repeat; }
.member-box .ipcont .file { margin:0 0 0 10px !important; cursor:pointer; }
.member-box .ipcont .file .link { width:154px; }
.member-box .ipcont .file input{display:none}
.member-box .ch { position:relative; }
.member-box .ch input[type="checkbox"],
.member-box .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:4px; top:8px; z-index:-1 }
.member-box .ch input[type="checkbox"] + span { position:relative; padding:0 0 0 35px; font-weight:400; font-size:16px; line-height:1.3; display:inline-block; color:#333; min-height:25px; cursor:pointer; }
.member-box .ch input[type="checkbox"] + span:before  { content:''; display:block; width:25px; height:25px; vertical-align:middle; background:#fff; border:1px solid #dbdbdb; border-radius:25px; position:absolute; left:0; top:-4px; }
.member-box .ch input[type="checkbox"]:checked + span:before { background:var(--mainColor) url(/img/sub/ch_on.png) center center no-repeat; border:1px solid var(--mainColor); }
.member-box .ch a { display:inline-block; margin-left:15px; font-size:15px; color:#111; font-weight:700; }
.member-box .ch strong { color:var(--mainColor); font-weight:500; }
@media screen and (max-width:1024px){
	.member-box .selectric-items { padding-bottom:20px; }
	.member-box .selectric-above .selectric-items { padding-top:20px; padding-bottom:50px; }
	.member-box .selectric-sel01 { max-width:100%; }
	.member-box .selectric-sel02 { width:calc(40% - 55px); }
	.member-box .selectric-sel03 { width:calc(40% - 55px); }
    .member-box input[type="text"],
    .member-box input[type="password"] { height:52px; }
    .member-box select { height:52px; line-height:52px; padding:0 10px; }
	.member-box .code-box .ip-code #kcaptcha_image { width:150px !important; height:52px; }
	.member-box .code-box .ip-code input { width:calc(100% - 52px - 150px - 20px)}
	.member-box .code-box .ip-code .btn_refresh { width:52px; height:52px; }
	.member-box .code-box .ip-code .btn_refresh:hover:before,
	.member-box .code-box .ip-code .btn_refresh:before { background:url(/img/sub/refresh_icon_on.svg) center no-repeat; background-size:14px auto }
	.member-box .ch input[type="checkbox"] + span { padding:0 0 0 30px; min-height:20px; }
	.member-box .ch input[type="checkbox"] + span:before { width:20px; height:20px; top:-2px; }
}
@media screen and (max-width:640px){
	.member-box .selectric-items { padding-bottom:18px; }
	.member-box .selectric-above .selectric-items { padding-top:18px; padding-bottom:43px; }
	.member-box .selectric-sel02 { width:calc(40% - 45px); }
	.member-box .selectric-sel03 { width:100%; margin-top:5px; }
    .member-box input[type="text"],
    .member-box input[type="password"] { height:45px; }
	.member-box input.ip03 { width:calc((100% - 22px) / 2); }
    .member-box textarea { height:160px; }
	.member-box .code-box .ip-code .btn_refresh { width:45px; height:45px; }
	.member-box .code-box .ip-code #kcaptcha_image { width:130px !important; height:45px; }
	.member-box .code-box .ip-code input { width:calc(100% - 45px - 130px - 20px) }
}

.member-box .loginBox { margin:-150px 0; background:url(/img/sub/loginBox_bg.jpg) no-repeat center / cover;   }
.member-box .loginBox .box { position:relative; margin:0 auto; padding:150px 0; max-width:1400px; display:flex; }
.member-box .loginBox .box > div { width:700px; }
.member-box .loginBox .imgbox { transition:all 0.3s; width:100%; position:relative; overflow:hidden; }
.member-box .loginBox .imgbox:before { content:""; display:block; padding-bottom:106.3%; }
.member-box .loginBox .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:30px; }
.member-box .loginBox .info-box { padding:80px 100px 0 100px; border-radius:30px; background:#fff;}
.member-box .loginBox .info-box .txt-1 { font-size:30px; color:#111; font-weight:600; line-height:1.5; }
.member-box .loginBox .info-box .txt-2 { margin-top:10px; font-size:18px; color:#333; font-weight:400; line-height:1.5; }
.member-box .loginBox .info-box .ipbox { margin-top:30px; }
.member-box .loginBox .info-box .ipbox li:not(:last-child) { margin-bottom:15px; }
.member-box .loginBox .info-box .ipbox .btnbox { margin-top:20px; }
.member-box .loginBox .info-box .btnbox button,
.member-box .loginBox .info-box .btnbox a { width:100%; }
.member-box .loginBox .info-box .info-btn { margin-top:20px; }
.member-box .loginBox .info-box .info-btn ul { display:flex; justify-content:flex-end;}
.member-box .loginBox .info-box .info-btn ul li:not(:last-child) { padding-right:20px; margin-right:20px; }
.member-box .loginBox .info-box .info-btn ul li { position:relative; }
.member-box .loginBox .info-box .info-btn ul li:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd; }
.member-box .loginBox .info-box .info-btn ul li a { font-size:16px; color:#666; font-weight:400; line-height:1.3; }
.member-box .loginBox .info-box .join { margin-top:40px; }
.member-box .loginBox .info-box .join .txt { font-size:18px; color:#333; font-weight:500; line-height:1.3; }
.member-box .loginBox .info-box .join .btnbox { margin-top:20px; }
.member-box .loginBox .info-box .id-btn .btnbox { margin-top:65px; }
.member-box .loginBox .login .info-box .btnbox button span.circle,
.member-box .loginBox .login .info-box .btnbox a span.circle { transition:all 0.4s !important;}
.member-box .loginBox .id .info-box .ipbox { margin-top:60px; }
.member-box .loginBox .box .txt_b { position:absolute; left:-60px; bottom:180px; z-index:2; opacity:1; }
.member-box .loginBox .box .txt_b span { display:inline-block; transform:rotate(-90deg); font-family:var(--mainFont); font-size:16px; color:#000; font-weight:600; line-height:1.3; opacity:0.08; }
@media screen and (max-width:1440px){
    .member-box .loginBox { margin:-120px 0; }
	.member-box .loginBox .box { padding:120px 20px; }
	.member-box .loginBox .info-box { padding:60px 80px 0 80px; }
	.member-box .loginBox .info-box .txt-1 { font-size:26px; }
	.member-box .loginBox .info-box .ipbox { margin-top:25px; }
	.member-box .loginBox .info-box .ipbox li:not(:last-child) { margin-bottom:10px; }
	.member-box .loginBox .info-box .info-btn { margin-top:18px; }
	.member-box .loginBox .info-box .join { margin-top:30px; }
	.member-box .loginBox .info-box .join .txt { font-size:17px; }
	.member-box .loginBox .box .txt_b { right:20px; top:95px; left:unset; bottom:unset; display:flex; justify-content:flex-end; }
	.member-box .loginBox .box .txt_b span { transform:rotate(0);}
}
@media screen and (max-width:1280px){
	.member-box .loginBox .box { padding:100px 20px; }
	.member-box .loginBox .info-box { padding:40px 60px 0 60px; }
	.member-box .loginBox .info-box .txt-1 { font-size:22px; }
	.member-box .loginBox .info-box .txt-1 br { display:none }
	.member-box .loginBox .info-box .txt-1 span.m_br { display:block }
	.member-box .loginBox .info-box .txt-2 { font-size:16px; }
	.member-box .loginBox .info-box .ipbox { margin-top:20px; }
	.member-box .loginBox .info-box .info-btn { margin-top:15px; }
	.member-box .loginBox .info-box .join { margin-top:25px; }
	.member-box .loginBox .info-box .join .txt { font-size:16px; }
	.member-box .loginBox .info-box .ipbox .btnbox,
	.member-box .loginBox .info-box .join .btnbox { margin-top:15px; }
	.member-box .loginBox .id .info-box .ipbox,
	.member-box .loginBox .info-box .id-btn .btnbox { margin-top:40px; }
	.member-box .loginBox .box .txt_b { top:75px; }
}
@media screen and (max-width:1024px){
    .member-box .loginBox { margin:-90px 0; }
	.member-box .loginBox .box { padding:80px 20px; }
	.member-box .loginBox .imgbox { display:none }
	.member-box .loginBox .info-box { max-width:560px; padding:50px 40px; margin:0 auto; border-radius:15px;  }
	.member-box .loginBox .info-box .txt-1 { font-size:18px; }
	.member-box .loginBox .info-box .txt-2 { margin-top:5px; font-size:15px; }
	.member-box .loginBox .info-box .ipbox { margin-top:20px; }
	.member-box .loginBox .info-box .ipbox li:not(:last-child) { margin-bottom:5px; }
	.member-box .loginBox .info-box .info-btn ul li a { font-size:15px; }
	.member-box .loginBox .info-box .info-btn { margin-top:12px; }
	.member-box .loginBox .info-box .join { margin-top:20px; }
	.member-box .loginBox .box .txt_b { right:unset; top:55px; left:50%; transform:translateX(-50%); justify-content:center; }
}
@media screen and (max-width:640px){
    .member-box .loginBox { margin:-60px 0; }
	.member-box .loginBox .box { padding:60px 20px; }
	.member-box .loginBox .info-box { padding:40px 20px; }
	.member-box .loginBox .info-box .txt-1 { font-size:18px; }
	.member-box .loginBox .box .txt_b { right:20px; top:35px; left:unset; transform:translateX(0); justify-content:flex-end; }
}


/* animation */
.member-box .loginBox .box > div { opacity:0 }
.member-box .loginBox.subOn .box .info-box { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.member-box .loginBox.subOn .box .imgbox { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.member-box .loginBox.subOn .box .info-box { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
}


.member-box .join-box .topbox { padding:38px 40px; border-radius:60px; border:1px solid #ddd; display:flex; align-items:center; transition:all 0.3s; }
.member-box .join-box .topbox.on {  border:1px solid var(--mainColor); box-shadow:0px 0px 30px 0px rgba(0, 92, 205, 0.10); }
.member-box .join-box .topbox .ch { margin-top:7px; }
.member-box .join-box .topbox .txt { font-size:20px; color:#111; font-weight:500; line-height:1.3; margin:-5px 0 0 5px; }
.member-box .join-box .policy-box { margin-top:30px; border:1px solid #ddd; border-radius:30px; padding:60px; }
.member-box .join-box .policy-box .box:not(:last-child) { margin-bottom:50px; }
.member-box .join-box .policy-box .box .tit { padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.1); color:#111; font-size:24px; font-weight:700; line-height:1.3; }
.member-box .join-box .policy-box .box .ch { margin-top:30px; }
.member-box .join-box .policy-box .box .sbox { margin-top:20px; padding:25px 10px 25px 25px; border-radius:20px; border:1px solid #dbdbdb; width:100%; background:#f5f5f5 }
.member-box .join-box .policy-box .box .sbox .scroll { height:170px; overflow:auto; padding-right:15px; }
@media screen and (max-width:1280px){
	.member-box .join-box .topbox { padding:30px 35px; }
	.member-box .join-box .topbox .txt { font-size:18px; margin:-5px 0 0 5px; }
	.member-box .join-box .policy-box { margin-top:25px; padding:40px; }
	.member-box .join-box .policy-box .box:not(:last-child) { margin-bottom:40px; }
	.member-box .join-box .policy-box .box .tit { font-size:20px; }
	.member-box .join-box .policy-box .box .sbox { margin-top:15px; padding:20px 10px 20px 20px;}
	.member-box .join-box .policy-box .box .sbox .scroll { height:150px; }
}
@media screen and (max-width:1024px){
	.member-box .join-box .topbox { padding:20px 25px; }
	.member-box .join-box .topbox .ch { margin-top:2px; }
	.member-box .join-box .topbox .txt { font-size:16px; margin:-5px 0 0 0px; }
	.member-box .join-box .policy-box { margin-top:20px; padding:20px; border-radius:15px; }
	.member-box .join-box .policy-box .box:not(:last-child) { margin-bottom:40px; }
	.member-box .join-box .policy-box .box .tit { padding-bottom:15px; font-size:18px; }
	.member-box .join-box .policy-box .box .ch { margin-top:20px; }
	.member-box .join-box .policy-box .box .sbox { margin-top:12px; padding:15px 10px 15px 15px; border-radius:10px; }
	.member-box .join-box .policy-box .box .sbox .scroll { height:130px; }
}

/* animation */
.member-box .join-box { opacity:0 }
.member-box .join-box.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }




.member-box .join-box .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.member-box .join-box .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:3px; }
.member-box .join-box .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { height:3px; }
.member-box .join-box .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#aaa; width:3px; border-radius:3px; opacity:1 }
.member-box .join-box .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.member-box .join-box .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.member-box .join-box .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.member-box .join-box .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#aaa; border-radius:3px; opacity:1 }


.member-box .complete-box { padding:115px 20px; border-radius:30px; border:1px solid #e0e0e0; background:#fff; }
.member-box .complete-box .icon { margin:0 auto; width:150px; height:150px; border-radius:150px; background:#ebf1f8; display:flex; align-items:center; justify-content:center; }
.member-box .complete-box .txtbox { margin-top:60px; text-align:center; }
.member-box .complete-box .txtbox .txt-1 { font-size:40px; color:#111; font-weight:700; line-height:1.3; }
.member-box .complete-box .txtbox .txt-2 { margin-top:20px; font-size:18px; color:#333; font-weight:400; line-height:1.5; }
@media screen and (max-width:1024px){
	.member-box .complete-box { padding:100px 20px; border-radius:15px; }
	.member-box .complete-box .icon { width:120px; height:120px; }
	.member-box .complete-box .icon img { width:46px; }
	.member-box .complete-box .txtbox { margin-top:40px; }
	.member-box .complete-box .txtbox .txt-1 { font-size:28px; }
	.member-box .complete-box .txtbox .txt-2 { margin-top:15px; font-size:17px; }
}
@media screen and (max-width:640px){
	.member-box .complete-box { padding:50px 20px; }
	.member-box .complete-box .icon { width:90px; height:90px; }
	.member-box .complete-box .icon img { width:36px; }
	.member-box .complete-box .txtbox { margin-top:30px; }
	.member-box .complete-box .txtbox .txt-1 { font-size:20px; }
	.member-box .complete-box .txtbox .txt-2 { margin-top:12px; font-size:16px; }
}

/* animation */
.member-box .complete-box { opacity:0 }
.member-box .complete-box.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }

.mypage-box .tabmenu { position:sticky; top:0; z-index:5; margin-top:0; margin-bottom:100px; }
.mypage-box .subTitle-box { margin-bottom:60px; }
@media screen and (max-width:1024px){
	.mypage-box .tabmenu { margin-bottom:60px }
	.mypage-box .subTitle-box { margin-bottom:40px; }
}
@media screen and (max-width:64px){
	.mypage-box .tabmenu { margin-bottom:40px }
	.mypage-box .subTitle-box { margin-bottom:20px; }
}



.mypage-box .listbox { margin-top:60px; border-bottom:1px solid #e0e0e0; }
.mypage-box .listbox .top { border-top:2px solid #000; display:flex; height:100px; background:#eee; }
.mypage-box .listbox .top > span { position:relative; display:flex; align-items:center; justify-content:center; height:100%; font-size:20px; font-weight:600; color:#111; line-height:1.3; }
.mypage-box .listbox .top > span:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#ccc; }
.mypage-box .listbox .top > span:first-child:before  { display:none; }
.mypage-box .listbox .list li { border-top:1px solid #e0e0e0; display:flex; transition:all 0.3s; width:100%; }
.mypage-box .listbox .list li.re { position:relative; border-top:none }
.mypage-box .listbox .list li.re:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-image:linear-gradient(to right, #ddd 50%, transparent 50%); background-position:0 0, 6px 6px; background-size:6px 1px; }
.mypage-box .listbox .list li > a { display:flex; width:100%; }
.mypage-box .listbox .list li .col { padding:0 10px; text-align:center; height:100px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:400; color:#666; line-height:1.3; }
.mypage-box .listbox .list li .col .f { margin:0 auto; display:inline-block; padding:10px 0; width:96px; text-align:center; border-radius:30px; font-size:16px; font-weight:500; color:#fff; background:#666 }
.mypage-box .listbox .list li .col .ef { margin:0 auto; display:inline-block; padding:10px 0; width:96px; text-align:center; border-radius:30px; font-size:16px; font-weight:500; color:#333; background:#fff; border:1px solid #ddd; border-radius:40px; }
.mypage-box .listbox .list li .col .bc { margin:0 auto; display:inline-block; padding:10px 0; width:96px; text-align:center; border-radius:30px; font-size:16px; font-weight:500; color:var(--mainColor); background:#fff; border:1px solid var(--mainColor); border-radius:40px; }
.mypage-box .listbox .list li .col .p { margin:0 auto; display:inline-block; padding:10px 0; width:96px; text-align:center; border-radius:30px; font-size:16px; font-weight:500; color:#fff; background:var(--mainColor); }
.mypage-box .listbox .list li .col .fc { font-size:16px; font-weight:500; color:#ed2f2a; }
.mypage-box .listbox .list li .col .rebox { display:block; padding-left:20px; background:url(/img/sub/icon_re.png) left 4px no-repeat;  }
.mypage-box .listbox .list li .col-2,
.mypage-box .listbox .list li .col-3 ,
.mypage-box .listbox .list li .col-4 { font-size:17px; color:#222; }
.mypage-box .listbox .list li .col-4 { text-align:left; justify-content:flex-start; }
.mypage-box .listbox .list li:hover { background:#f5f5f5; }
.mypage-box .listbox .col-1 { width:135px; }
.mypage-box .listbox .col-2, 
.mypage-box .listbox .col-3,
.mypage-box .listbox .col-5,
.mypage-box .listbox .col-6,
.mypage-box .listbox .col-7 { width:205px; }
.mypage-box .listbox .col-4 { width:calc(100% - 135px - (205px * 5)); }
.mypage-box .listbox .col-e1 { width:135px; }
.mypage-box .listbox .col-e3, 
.mypage-box .listbox .col-e4 { width:435px; }
.mypage-box .listbox .col-e5 { width:235px; }
.mypage-box .listbox .col-e2 { width:calc(100% - 135px - 235px - (435px * 2)); }
.mypage-box .ex-list.listbox .col-e2 { width:calc(100% - 135px - 235px - 435px); }
@media screen and (max-width:1520px){
	.mypage-box .listbox .col-1 { width:100px; }
	.mypage-box .listbox .col-2, 
	.mypage-box .listbox .col-3,
	.mypage-box .listbox .col-5,
	.mypage-box .listbox .col-6,
	.mypage-box .listbox .col-7 { width:160px; }
	.mypage-box .listbox .col-4 { width:calc(100% - 100px - (160px * 5)); }
	.mypage-box .listbox .col-e1 { width:100px; }
	.mypage-box .listbox .col-e3, 
	.mypage-box .listbox .col-e4 { width:320px; }
	.mypage-box .listbox .col-e5 { width:140px; }
	.mypage-box .listbox .col-e2 { width:calc(100% - 100px - 140px - (320px * 2)); }
	.mypage-box .ex-list.listbox .col-e2 { width:calc(100% - 100px - 140px - 320px); }
}
@media screen and (max-width:1280px){
	.mypage-box .listbox .top { height:80px; }
	.mypage-box .listbox .top > span { font-size:19px; }
	.mypage-box .listbox .top > span:before { height:15px; }
	.mypage-box .listbox .list li .col { padding:0 10px; height:80px; font-size:16px; }
	.mypage-box .listbox .list li .col .p,
	.mypage-box .listbox .list li .col .f,
	.mypage-box .listbox .list li .col .ef,
	.mypage-box .listbox .list li .col .bc {padding:8px 0; width:80px; font-size:14px; }
	.mypage-box .listbox .list li .col .fc { font-size:14px; }
	.mypage-box .listbox .col-1 { width:80px; }
	.mypage-box .listbox .col-2, 
	.mypage-box .listbox .col-3,
	.mypage-box .listbox .col-5,
	.mypage-box .listbox .col-6,
	.mypage-box .listbox .col-7 { width:140px; }
	.mypage-box .listbox .col-4 { width:calc(100% - 80px - (140px * 5)); }
	.mypage-box .listbox .col-e1 { width:80px; }
	.mypage-box .listbox .col-e3, 
	.mypage-box .listbox .col-e4 { width:280px; }
	.mypage-box .listbox .col-e5 { width:120px; }
	.mypage-box .listbox .col-e2 { width:calc(100% - 80px - 120px - (280px * 2)); }
	.mypage-box .ex-list.listbox .col-e2 { width:calc(100% - 80px - 120px - 280px); }
}
@media screen and (max-width:1024px){
	.mypage-box .listbox { margin-top:40px; }
	.mypage-box .listbox .top { height:70px; }
	.mypage-box .listbox .top > span { font-size:18px; }
	.mypage-box .listbox .top > span:before { height:12px; }
	.mypage-box .listbox .top > span:nth-child(2):before  { display:none; }
	.mypage-box .listbox .list li .col { padding:0 10px; height:70px; font-size:15px; }
	.mypage-box .listbox .list li .col .p,
	.mypage-box .listbox .list li .col .f,
	.mypage-box .listbox .list li .col .ef,
	.mypage-box .listbox .list li .col .bc { padding:8px 0; width:70px; font-size:13px; }
	.mypage-box .listbox .list li .col .fc { font-size:13px; }
	.mypage-box .listbox .col-1,
	.mypage-box .listbox .col-6,
	.mypage-box .listbox .col-7 { display:none !important }
	.mypage-box .listbox .col-2, 
	.mypage-box .listbox .col-3,
	.mypage-box .listbox .col-5 { width:140px; }
	.mypage-box .listbox .col-4 { width:calc(100% - (140px * 3)); }
	.mypage-box .listbox .col-e1 { display:none !important }
	.mypage-box .listbox .col-e3, 
	.mypage-box .listbox .col-e4 { width:250px; }
	.mypage-box .listbox .col-e5 { width:100px; }
	.mypage-box .listbox .col-e2 { width:calc(100% - 100px - (250px * 2)); }
	.mypage-box .ex-list.listbox .col-e2 { width:calc(100% - 100px - 250px); }
}
@media screen and (max-width:860px){
	.mypage-box .listbox .top { height:70px; }
	.mypage-box .listbox .top > span { font-size:17px; }
	.mypage-box .listbox .top > span:before { height:12px; }
	.mypage-box .listbox .col-2, 
	.mypage-box .listbox .col-3 { width:140px; }
	.mypage-box .listbox .col-5 { width:100px; }
	.mypage-box .listbox .col-4 { width:calc(100% - 100px - (140px * 2)); }
	.mypage-box .listbox .col-e3, 
	.mypage-box .listbox .col-e4 { width:190px; }
	.mypage-box .listbox .col-e5 { width:100px; }
	.mypage-box .listbox .col-e2 { width:calc(100% - 100px - (190px * 2)); }
	.mypage-box .ex-list.listbox .col-e2 { width:calc(100% - 100px - 190px); }
}
@media screen and (max-width:640px){
	.mypage-box .listbox { margin-top:20px; }
	.mypage-box .listbox .top { height:60px; }
	.mypage-box .listbox .top > span { font-size:16px; }
	.mypage-box .listbox .list li .col { padding:0 5px; height:65px; font-size:14px; }
	.mypage-box .listbox .list li .col .p,
	.mypage-box .listbox .list li .col .f,
	.mypage-box .listbox .list li .col .ef,
	.mypage-box .listbox .list li .col .bc { padding:6px 0; width:60px; font-size:12px; }
	.mypage-box .listbox .list li .col .fc { font-size:12px; }
	.mypage-box .listbox .col-3 { display:none !important }
	.mypage-box .listbox .col-2 { width:110px; }
	.mypage-box .listbox .col-5 { width:76px; }
	.mypage-box .listbox .col-4 { width:calc(100% - 76px - 110px); }
	.mypage-box .listbox .col-e3, 
	.mypage-box .listbox .col-e4 { width:120px; }
	.mypage-box .listbox .col-e5 { width:80px; }
	.mypage-box .listbox .col-e2 { width:calc(100% - 80px - (120px * 2)); }
	.mypage-box .ex-list.listbox .col-e2 { width:calc(100% - 80px - 120px); }
}
@media screen and (max-width:480px){
	.mypage-box .listbox .col-e3, 
	.mypage-box .listbox .col-e4 { width:90px; }
	.mypage-box .listbox .col-e5 { width:80px; }
	.mypage-box .listbox .col-e2 { width:calc(100% - 80px - (90px * 2)); }
	.mypage-box .ex-list.listbox .col-e2 { width:calc(100% - 80px - 90px); }
}