body,th,td,input,select,textarea,button{font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif} .wrapH{min-height:calc(100vh - 80px);padding:0 0 50px 0} @media(min-width:1260px){ .wrapH{min-height:calc(100vh - 120px)} } .popInputLayer{position:fixed;top:115px;left:10px;right:10px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4);z-index:10000 !important} @media(min-width:1260px){ .popInputLayer{position:absolute;top:150px;left:50%;width:660px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4);margin:0 0 0 -330px} } .popInputLayer.popScore{width:calc(100% - 40px);margin:0 20px !important} .popInputLayer .popTitle{position:relative;height:45px;background:#4c4c4c;border-radius:5px 5px 0 0} .popInputLayer .popTitle h3{line-height:45px;font-size:17px;font-weight:600;color:#fff;padding:0 0 0 20px;margin:0} .popInputLayer .popTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/bn_close.png) 50% 50% no-repeat;opacity:0.4;cursor:pointer} .popInputLayer .popTitle .btnClose:hover{opacity:0.8} .popInputLayer .popCon{padding:30px} .popInputLayer .popConTit{border-bottom:solid 2px #333;margin:0 0 20px 0;padding:0 0 10px 0} .popInputLayer .popConTit h3{font-size:17px;margin:0} .popInputLayer .popConTit .subject{color:#535bfb;font-size:20px;font-weight:600} .popInputLayer .popConTit .kind{display:inline-block;margin:0 0 0 5px} .popInputLayer .popConTit .date{display:inline-block;font-size:13px;margin:0 0 0 20px} .popInputLayer .popScoreTit{display:table;width:100%;border-bottom:solid 2px #333;text-align:center;padding:0 0 10px 0} .popInputLayer .popScoreTit h3{display:inline-block;font-size:17px;background:#f5f7f9;border-radius:30px;margin:0;padding:8px 20px} .popInputLayer .popScoreTit .subject{color:#438cff;font-size:20px;font-weight:600} .popInputLayer .popScoreTit .kind{display:inline-block;margin:0 0 0 5px} .popInputLayer .popScoreTitR{float:right;margin-top:10px;font-weight:600; font-size:16px} .popInputLayer .nameShBox{text-align:center} .popInputLayer .inputText{width:100%;height:35px;border:solid 1px #b8b9ba;font-size:14px;color:#000;border-radius:2px;padding:0 10px;vertical-align:middle} .popInputLayer .inputText.date{width:150px;padding:5px 10px;font-size:13px} .popInputLayer .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8} .popInputLayer .wNameSH{width:200px} .popInputLayer .btnNameSH{min-width:70px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;border-radius:2px;font-size:14px;color:#fff;font-weight:600;margin:0;cursor:pointer} .popInputLayer .btnNameSH:hover{background:#5A6A7A;border-color:#506171} .popInputLayer .btnNameSH:before{display:inline-block;width:14px;height:15px;content:"";background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0} .popInputLayer .nameResultTableScroll{max-height:200px;overflow-y:auto} .popInputLayer .nameResultTable{width:100%;border-top:solid 1px #ddd;margin:20px 0 20px 0} .popInputLayer .nameResultTable th{border-bottom:solid 1px #eee;padding:10px 0} .popInputLayer .nameResultTable td{border-bottom:solid 1px #eee;padding:10px 0} .popInputLayer .nameResultTable .saintNm{font-size:16px;font-weight:600} .popInputLayer .nameResultTable .info{display: block;font-size: 14px;letter-spacing: 0px} .popInputLayer .nameResultTable .dpt{font-size: 13px;color:#3574ff} .popInputLayer .nameResultTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin: 0 5px 3px 5px;vertical-align:middle} .popInputLayer .nameResultTable td.tdBtn{text-align:right} .popInputLayer .nameResultTable .tit{font-size:15px;font-weight:600;padding-top:10px;padding-bottom:10px} .popInputLayer .nameResultTable .btnNameSave{min-width: 50px;height:30px;line-height:28px;background:#fff;border:solid 1px #535bfb;color:#535bfb;font-size: 14px;font-weight:600;padding: 0 10px;border-radius:30px;cursor:pointer} .popInputLayer .nameShResultBox{background:#f6f9fd;padding:20px 30px} .popInputLayer .nameShResultTable th{height:30px;font-size:14px;padding:0 20px 5px 0} .popInputLayer .nameShResultTable td{font-size:14px;padding:0 0 5px 0} .popInputLayer .nameShResultTable .tdName{padding:0 0 10px 0} .popInputLayer .nameShResultTable .name{font-size:20px;color:#111;font-weight:600} .popInputLayer .nameShResultTable .score{font-size:20px;font-weight:600;color:#535bfb} .popInputLayer .nameShResultTable .statePass{display:inline-block;height:25px;line-height:25px;background:#6f8aff;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:0 15px;margin:0 0 0 10px} .popInputLayer .nameShResultTable .tit{font-size:12px;color:#555} .popInputLayer .nameShResultTable .scoreS{display:inline-block;font-size:16px;color:#111;font-weight:600;margin:0 20px 0 0} .popInputLayer .nameShResultTable .wState{width:200px} .popInputLayer .popFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 30px 0} .popInputLayer .popFoot .btnDefault{width:120px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;font-size:14px;color:#fff;font-weight:600;font-weight:600;border-radius:2px} .popInputLayer .popFoot .btnDefault:hover{background:#5A6A7A;border-color:#506171} .popInputLayer .popFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:600;font-weight:600;border-radius:2px;cursor:pointer} .popInputLayer .popFoot .btnNormal:hover{background:#FAFAFA} .popInputLayer .popFoot .btnScore{min-width:150px;display:inline-block;color:#fff;font-size:13px;font-weight:600;text-align:center;background:#00c577;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:2px 10px 0 10px} .popInputLayer .popFoot .btnScore:before{display:inline-block;content:"";width:19px;height:20px;background:url(/images/ico_view_file_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 0 0} .popInputLayer .popFoot .btnPrimary{min-width:120px;height:35px;line-height:33px;background:#535bfb;border:solid 1px #353de2;font-size:14px;color:#fff;font-weight:600;font-weight:600;border-radius:2px;padding:0 10px} .popInputLayer .popFoot .btnPrimary:hover{background:#353de2;border-color:#353de2} .popInputLayer .popFoot .btnInit{min-width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #fab5b5;font-size:14px;color:#ff5757;font-weight:600;font-weight:600;border-radius:2px;padding:0 10px} .popInputLayer .popFoot.userV .btnNormal{height:45px;line-height:45px} .popInputLayer .popFoot.userV .btnPrimary{height:45px;line-height:45px} .popInputLayer .selMajor{display:inline-block;vertical-align:middle} .popInputLayer .selMajor div.dhxcombo_dhx_skyblue{width:480px !important} .popInputLayer .selMajor input.dhxcombo_input{width:460px !important} .popInputLayer .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px} .popInputLayer div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px} .popInputLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none} .popInputLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat} .popInputLayer .personTab{padding:5px 0 15px 0 !important; border:1px solid #c5c5c5; border-radius:5px} .popInputLayer .personTab ul{display:table;width:calc(100% - 8px);border-bottom:1px solid #e8e8e8;border: none;background: none;margin:0 0 10px 5px !important} .popInputLayer .personTab li{display:table-cell;width:33%;font-size:15px;text-align:center;background:#f8f8f8;border-right:1px solid #e8e8e8;padding:10px 0;font-weight:600} .popInputLayer .personTab li a{color:#666} .popInputLayer .personTab li a:focus{outline:none} .popInputLayer .personTab li.ui-state-active{background:#fff} .popInputLayer .personTab li.ui-state-active a{color:#266AD0} .popInputLayer .personTab .ui-tabs-panel{text-align:center;padding:20px 0} .popInputLayer .personTab .tabsIn{text-align:left !important;padding:0 15px} .popInputLayer .personTab .tabsIn table{width:100%} .popInputLayer .personTab .tabsIn table td{height:40px} .popInputLayer .personTab .inputSrh{width:45%;height:35px;line-height:34px;border:1px solid #D8D8D8;font-size:15px;padding:0 5px} .popInputLayer .personTab .otherSel{margin:0 0 10px 0} .popInputLayer .inputRadio{display:none} .popInputLayer .inputRadio + label{font-size:14px;color:#333;font-weight:500;margin:3px 20px 3px 0;cursor:pointer} .popInputLayer .inputRadio + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .popInputLayer .inputRadio:checked + label{color:#535bfb} .popInputLayer .inputRadio:checked + label:before{border:solid 5px #535bfb;box-sizing: border-box} .popInputLayer .inputRadio:disabled + label{opacity:0.6;cursor:default} .popInputLayer .inputRadio:disabled + label:before{background:#eee} .popInputLayer .inputRadio:disabled:checked + label{color:#333} .popInputLayer .inputRadio:disabled:checked + label:before{background:#fff;border:solid 5px #a4a5a7} .footer{border-top:1px solid #F0F0F0;padding:20px 0} .footer .in{max-width:1400px;display:flex;flex-direction:column;justify-content:center;margin:0 auto} .footer .logo{width:30px;height:30px;background:url(/images/logo_churchofgod.png) 0 0 no-repeat;background-size:30px auto;opacity:0.3;margin:0 0 5px 0} .footer .copy{color:#969696;font-size:12px;line-height:1.2} @media(min-width:768px){ .footer .in{width:90%} } @media(min-width:1260px){ .footer{padding:40px 0} .footer .logo{width:48px;height:48px;background-size:48px auto} } .visualIdx{margin-left:auto;margin-right:auto} .visualIdxIn{max-width:1400px;background:url(/images/img_visual_idx.jpg) center no-repeat;background-size:cover;color:#fff;padding-top:120px;padding-left:20px;padding-bottom:20px;margin:0 auto} .visualIdxMsg h3{font-size:15px;margin:0 0 5px 0} .visualIdxMsg .msg{font-size:24px;letter-spacing:-0.5px;line-height:1.2;font-weight:700} .visualIdxMsg .msg br{display:none} .wrapIdx{margin-left:auto;margin-right:auto;padding:30px 20px} @media(min-width:768px){ .visualIdx{width:90%} .visualIdxIn{border-radius:20px;padding-top:180px} .wrapIdx{width:90%} } @media(min-width:1260px){ .visualIdxIn{padding-top:340px;padding-left:40px;padding-bottom:40px} .visualIdxMsg h3{font-size:24px;margin:0 0 10px 0} .visualIdxMsg .msg{font-size:52px} .visualIdxMsg .msg br{display:inline-block} .wrapIdx{max-width:1400px;padding:50px 0} } .mainIdxDiv{display:flex;flex-wrap:wrap-reverse;justify-content:space-between;max-width:1600px;margin:0 auto} .mainIdxDivL{width:100%} .mainIdxDivR{width:100%;margin:0 0 20px 0} @media(min-width:1260px){ .mainIdxDiv{flex-wrap:nowrap} .mainIdxDivL{flex:1;padding:0 50px 0 0} .mainIdxDivR{flex:1} } .calendarIdx{font-size:18px;height:450px} .calendarIdx .dhx_cal_container{height:100%} .calendarIdx .dhx_cal_container table{width:100%} .calendarIdx .calDate{position:relative;display:flex;align-items:end;justify-content: space-between;gap:2px} .calendarIdx .dhx_cal_navline div{top:inherit} .calendarIdx .dhx_cal_navline .dhx_cal_date{position:relative !important;font-size:18px;font-weight:600;text-align:left;font-family:"Pretendard Variable", Pretendard} .calendarIdx .dhx_cal_prev_button, .calendarIdx .dhx_cal_next_button{flex-shrink:0;position:relative;left:inherit;right:inherit !important;display:inline-block;width:30px;height:30px;border:solid 1px #ddd;border-radius:50%} /* .calendarIdx .dhx_cal_prev_button.disabled, */ /* .calendarIdx .dhx_cal_next_button.disabled{opacity:0.2;cursor:default} */ .calendarIdx .dhx_cal_prev_button{background:url(/images/ico_cal_prev@2x.png) 50% 50% no-repeat;background-size:8px auto} .calendarIdx .dhx_cal_next_button{background:url(/images/ico_cal_next@2x.png) 50% 50% no-repeat;background-size:8px auto} .calDate .off{pointer-events:none;opacity:.3} .calendarIdx .dhx_cal_today_button{position:relative;left:inherit;right:inherit;width:auto;color:#000;font-size:14px;font-weight:500;border:solid 1px #ddd;border-radius:40px;padding:0 10px} .calendarIdx .dhx_cal_today_button:hover{text-decoration:none} .calendarIdx .dhx_cal_header{width:100% !important;top:50px !important;height:30px !important;border:none;border-top:solid 1px #333;border-bottom:solid 1px #ccc} .calendarIdx .dhx_cal_data{margin-right:auto;border:solid 1px transparent;height:100% !important} .calendarIdx .dhx_cal_data td:first-child .dhx_month_head{color:#F36A6A} .calendarIdx .dhx_scale_bar{height:30px !important;font-size:15px;font-family:"Pretendard Variable";font-weight:500;color:#121212;text-align:center;border-left:solid 1px transparent} .calendarIdx .dhx_scale_bar:first-child{color:#F36A6A} .calendarIdx .dhx_month_head{height:52px !important;text-align:left;font-size:13px;font-family:inter;color:#444;border-right:none;padding:3px 5px;border-bottom:solid 1px #eee} .calendarIdx td:last-of-type .dhx_month_head{border-right:none} .calendarIdx .dhx_month_body{display:none} .calendarIdx .dhx_now .dhx_month_head{background-color:#E9F0FF} .calendarIdx .dhx_cal_event_clear{height:auto;text-align:center;padding:0 5px;margin:0;overflow:initial} .calendarIdx .cal_memo{background:url(/images/schedule/ico_cal_daymemo@2x.png) no-repeat;background-size:13px auto;height:18px;width:15px;display:inline-block;position:absolute;top:-17px;right:3px} .calendarIdx .preach{width:calc(100% + 16px);height:35px;display:block;margin:5px 0 0 -5px} .calendarIdx .cal_walk{background:url(/images/schedule/sheep_walk.png) 50% 0 no-repeat;background-size:27px auto, auto auto} .calendarIdx .cal_run{background:url(/images/schedule/sheep_run.png) 50% 0 no-repeat;background-size:27px auto, auto auto} .calendarIdx .cal_jump{background:url(/images/schedule/sheep_jump.png) 50% 0 no-repeat;background-size:27px auto, auto auto} .calendarIdx .cal_fly{background:url(/images/schedule/sheep_flying.png) 50% 0 no-repeat;background-size:27px auto, auto auto} @media(min-width:1260px){ .calendarIdx{height:664px} .calendarIdx .dhx_cal_header{top:50px !important;height:40px !important} .calendarIdx .dhx_scale_bar{height:40px !important;padding-top:5px} .calendarIdx .dhx_month_head{height:70px !important;font-size:15px;padding:10px} .calendarIdx .dhx_cal_event_clear{margin-top:10px} .calendarIdx .cal_memo{top:-22px} .calendarIdx .dhx_cal_navline .dhx_cal_date{font-size:24px} } .calendarIdx .contentsIn{position:relative} @media(min-width:1260px){ .calendarIdx .contentsIn .calMsg{top:55px;font-size:16px} } .btnCalendarAreaWrap{position:relative;margin-top:-40px} .btnCalendarAreaWrap.monthLong{margin-top:10px} .calMsgExplain{font-size:15px;margin:0 0 10px 0} .btnCalendarArea{display:flex;gap:10px;height:45px;margin:0 0 0 0} .btnCalendarArea .btnCalMore{flex:1;background:#e9ebf5;border-radius:15px;color:#000;font-size:16px;font-weight:500;padding:0 15px} .btnCalendarArea .btnDayReport{flex:1;background:#0C1438;border-radius:15px;color:#fff;font-size:16px;font-weight:500;padding:0 15px} @media(min-width:1260px){ .btnCalendarAreaWrap{margin-top:-104px} .btnCalendarAreaWrap.monthLong{margin-top:-15px} .btnCalendarArea{width:400px;height:50px;margin:20px auto 0 auto} .btnCalendarArea .btnCalMore{border-radius:30px} .btnCalendarArea .btnDayReport{border-radius:30px} } .mainIdxTitle{display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:solid 1px #333;margin:30px 0 0 0} .mainIdxTitle h3{font-size:18px;font-weight:600;margin:0} .mainIdxTitle .btnMore{width:30px;height:30px;background:url(/images/ico_more_idx@2x.png) right 50% no-repeat;background-size:9px auto} .mainIdxCon .noContent{font-size:15px;font-weight:400;color:#777;padding:12px 0} .mainIdxCon dl{border-bottom:solid 1px #eee;padding:12px 0;margin:0} .mainIdxCon dt{font-size:16px;font-weight:500;color:#333;letter-spacing:-0.5px;cursor:pointer} .mainIdxCon dd{font-size:13px;color:#999;margin-top:3px} .mainIdxCon .new{width:15px;vertical-align:middle;margin:0 0 2px 2px} .mainIdxCon .must,.mainIdxCon .good{margin-right:3px;padding:1px 5px;border-radius:3px;font-size:1.2rem;vertical-align:middle;letter-spacing:-0.5px;display:inline-block} .mainIdxCon .must{color:#0076FF;background:rgba(0,118,255,0.1)} .mainIdxCon .good{color:#00A048;background:rgba(0,160,72,0.1)} .mainIdxCon .replyNum{display:inline-block;color:#f13347;font-size:14px;font-weight:600;margin:0 2px} .mainIdxCon .replyNum:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:15px auto;vertical-align:middle;margin:0 3px 2px 0} @media(min-width:768px){ .mainIdxCon dl{display:flex;justify-content:space-between;align-items:center} .mainIdxCon dt{font-size:17px;flex:1} .mainIdxCon dd{font-size:14px;margin-top:0} .mainIdxCon .must,.mainIdxCon .good{margin-right:10px;padding:3px 8px} } @media(min-width:1024px){ .mainIdxTitle{padding:0 0 10px 0;margin-top:40px} .mainIdxTitle h3{font-size:24px} .mainIdxTitle:first-child{margin-top:0} .mainIdxCon dl{padding:15px 0} } .oftenIdx{margin-top:50px;margin-bottom:20px} .oftenIdxTitle h3{font-size:18px;font-weight:600;margin:0} .oftenIdxTitle .explain{font-size:14px;color:#777;margin:10px 0 0 0} .oftenIdxCon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:20px 0 0 0} .oftenIdxCon .item{width:100%;border-radius:10px;text-align:left;background-position:calc(100% - 20px) 20px;background-repeat:no-repeat;background-size:50px auto;padding:30px 20px;cursor:pointer} .oftenIdxCon .item .warnMsg{display:block;background:#fff url(/images/ico_warn_index@2x.png) 20px 20px no-repeat;background-size:20px auto;border-radius:10px;box-shadow:5px 5px 5px rgba(0,0,0,0.15);font-size:14px;font-weight:500;color:#ed5b59;letter-spacing:-0.5px;padding:20px 20px 20px 50px;margin:20px 0 0 0} .oftenIdxCon .item h4{font-size:18px;margin:0 0 5px 0} .oftenIdxCon .item .explain{font-size:13px;opacity:.8} .oftenIdxCon .item.btnJoin{background-color:#e3eaff;color:#043ba6;background-image:url(/images/ico_join.png)} .oftenIdxCon .item.btnFinish{background-color:#F7EEE1;color:#7E4B00;background-image:url(/images/ico_finish.png)} .oftenIdxCon .item.btnSurvey{position: relative;background-color:#F0F7E1;color:#425F05;background-image:url(/images/ico_survey.png)} .oftenIdxCon .item.btnSurvey.onGoing{display:none} .oftenIdxCon .item.btnSurvey .onGoingMsg{position:absolute;bottom:40px;left:40px;font-size:50px;font-weight:600;color:#f46464} .oftenIdxCon .item.btnSurveyOnGoing{position: relative;background-color:#F0F7E1;color:#425F05;background-image:url(/images/ico_survey.png)} .oftenIdxCon .item.btnSurveyOnGoing .onGoingMsg{position:absolute;top:8px;left:20px;font-weight:600;color:#f46464} .oftenIdxOnGoing{display:block;padding:0 20px 0;margin:20px 0} @media(min-width:1260px){ .oftenIdx{margin-top:80px} .oftenIdxTitle h3{font-size:24px} .oftenIdxTitle .explain{font-size:15px;margin:10px 0 0 0} .oftenIdxCon{flex:1;flex-wrap:nowrap;margin:35px 0 0 0;gap:20px} .oftenIdxCon .item{min-height:250px;border-radius:30px;background-position:calc(100% - 40px) calc(100% - 40px);background-size:80px auto;padding:40px} .oftenIdxCon .item h4{font-size:20px;font-weight:600} .oftenIdxCon .item .explain{font-size:15px} .oftenIdxCon .item.btnSurvey{display:block;background-color:#F0F7E1;color:#425F05;background-image:url(/images/ico_survey.png)} .oftenIdxCon .item.btnSurvey.onGoing{display:block} .oftenIdxOnGoing{display:none;padding:0 20px 0;margin:20px 0} } .oftenIdxCon .stateMsg{margin:20px 0 0 0;position:relative} .oftenIdxCon .stateMsg .state{display:flex;align-items:center;gap:10px;margin:0 0 8px 0} .oftenIdxCon .stateMsg .stateIng{height:29px;line-height:28px;background:#008412;border-radius:28px;color:#fff;font-size:16px;font-weight:500;padding:0 10px} .oftenIdxCon .stateMsg .stateCancel{height:29px;line-height:28px;background:#FB2A30;border-radius:28px;color:#fff;font-size:16px;font-weight:500;padding:0 10px} .oftenIdxCon .stateMsg .btnReason{background-color:transparent;background-image:url(/images/ico_state_reason_down@2x.png);background-position:right 50%;background-repeat:no-repeat;background-size:auto 5px;font-size:13px;color:#FD5156;font-weight:600;padding:0 12px 0 0} .oftenIdxCon .stateMsg .btnReason.on{background-image:url(/images/ico_state_reason_up@2x.png)} .oftenIdxCon .stateMsg .msg{font-size:15px;color:#666} .oftenIdxCon .reasonMsg{background:#fff;border-radius:8px;box-shadow:0 5px 5px rgba(0,0,0,0.2);color:#333;font-size:14px;font-weight:500;padding:20px;position:absolute;top:38px;z-index:1} .oftenIdxCon .reasonTit{font-weight:600;margin:0 0 2px 0} .ruleIdxIn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:1600px;margin:0 auto} .ruleIdx .item{width:100%;padding:20px;background:#f5f5f7;border-radius:10px;color:#2d3b5a;cursor:pointer} .ruleIdx .item h4{margin:0 0 6px 0;background:url(/images/ico_more_idx@2x.png) right 50% no-repeat;background-size:9px auto} .ruleIdx .item .explain{font-size:13px;opacity:.8} @media(min-width:1260px){ .ruleIdx{margin:0 0 40px 0} .ruleIdxIn{flex-wrap:nowrap;gap:20px} .ruleIdx .item{flex:1;padding:40px;border-radius:25px} .ruleIdx .item h4{font-size:20px;font-weight:600;margin:0 0 10px 0;padding-right:22px} .ruleIdx .item .explain{font-size:15px} } .infoIndex{background:#f6f7f9;text-align:center;padding:20px 15px;margin:30px 0 0 0} .infoTableIndex{display:inline-block;width:100%} .infoTableIndex th{width:100px;font-size:14px;color:#000;text-align:left;letter-spacing:-0.5px;padding:0 20px 0 0} .infoTableIndex th:before{display:inline-block;content:"";width:3px;height:3px;background:#4995ec;vertical-align:middle;margin:0 5px 3px 0} .infoTableIndex td{font-size:16px;color:#333;text-align:left} .infoTableIndex td .name{color:#2895f3} @media(min-width:768px){ .infoIndex{padding:30px 15px;margin:60px 0} .infoTableIndex{width:auto} .infoTableIndex th{width:auto;height:35px;font-size:16px} .infoTableIndex td{font-size:18px} } .infoTable{width:100%} .infoTable tr.trMission{display:none} .infoTable tr.trOther{display:none} .infoTable td{padding:0 0 3px 0} .infoTable td .inputSh{width:calc(100% - 90px);height: 32px;border: solid 1px #ddd;border-right: none;font-size: 13px;color: #000;padding: 0 5px} .infoTable td .inputSh:disabled{background: #fafafa;border-color: #ddd} .infoTable td .btnSh{min-width: 90px;height: 32px;line-height: 28px;background: #6c6f73;font-size: 13px;color: #fff;font-weight: bold;text-align: center;border: none} .infoTable td .inputText:disabled{background: #fafafa;border-color: #ddd} .infoTable td .inputTextArea:disabled{background: #fafafa;border-color: #ddd} .infoTable td .w100{margin:0 2px 0 0} .infoTable td .wYearP{width: 125px} .infoTable td .wMonthP{width: 70px} @media(min-width:768px){ .infoTable{width:100%} } .btnAreaIndex{margin:30px 0 0 0} .btnAreaCell{position:relative;border-top:solid 10px #f6f7f9;text-align:center;padding:40px 15px} .btnAreaCell:before{display:none;position:absolute;top:0;left:0;content:"";width:1px;height:275px;background:rgba(206,206,206,0.5)} .btnAreaCell:first-child:before{display:none} .btnAreaCell h3{font-size:24px;font-weight:600;letter-spacing:-1px;margin:0} .btnAreaCell .visual{height:155px;margin:10px 0 0 0} .btnAreaCell .explain{font-size:15px;letter-spacing:-0.5px} .btnAreaCell .date{color:#9c9c9c;letter-spacing:0} .btnAreaCell .warnMsg{width:240px;font-size:13px;color:#ed5b59;letter-spacing:-0.5px;text-align:left;margin:15px auto 0 auto} .btnAreaCell.caseJoin .visual{background:url(/images/ico_join@2x.png) center 55px no-repeat;background-size:63px auto} .btnAreaCell.caseJoin .explain{color:#4995ec} .btnAreaCell.caseFinish .visual{background:url(/images/ico_finish@2x.png) center 55px no-repeat;background-size:64px auto} .btnAreaCell.caseFinish .explain{color:#00b252} .btnAreaCell.caseSurvey .visual{background:url(/images/ico_survey@2x.png) center 55px no-repeat;background-size:53px auto} .btnAreaCell.caseSurvey .explain{color:#766df6} .btnAreaCell .btnJoin{width:240px;height:48px;background:#fff url(/images/ico_arrow_join@2x.png) 200px 50% no-repeat;background-size:21px auto;border:solid 1px #4995ec;border-radius:3px;font-size:18px;font-weight:600;letter-spacing:-0.5px;color:#4995ec;text-align:left;padding:2px 50px 0 20px} .btnAreaCell .btnJoin:hover{background:#4995ec url(/images/ico_arrow_w@2x.png) 200px 50% no-repeat;background-size:21px auto;color:#fff} .btnAreaCell .btnJoin.warn:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/ico_warn_index@2x.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle;margin:0 5px 3px 0} .btnAreaCell .btnFinish{width:240px;height:48px;background:#fff url(/images/ico_arrow_finish@2x.png) 200px 50% no-repeat;background-size:21px auto;border:solid 1px #00b252;border-radius:3px;font-size:18px;font-weight:600;letter-spacing:-0.5px;color:#00b252;text-align:left;padding:2px 50px 0 20px} .btnAreaCell .btnFinish:hover{background:#00b252 url(/images/ico_arrow_w@2x.png) 200px 50% no-repeat;background-size:21px auto;color:#fff} .btnAreaCell .btnSurvey{width:240px;height:48px;background:#fff url(/images/ico_arrow_survey@2x.png) 200px 50% no-repeat;background-size:21px auto;border:solid 1px #766df6;border-radius:3px;font-size:18px;font-weight:600;letter-spacing:-0.5px;color:#766df6;text-align:left;padding:2px 50px 0 20px} .btnAreaCell .btnSurvey:hover{background:#766df6 url(/images/ico_arrow_w@2x.png) 200px 50% no-repeat;background-size:21px auto;color:#fff} .btnSearchS{width:32px;height:32px;background:#438cff url(/images/ico_search_w@2x.png) 50% 50% no-repeat;background-size:14px auto;text-indent:-9999px;padding:0 10px} @media(min-width:768px){ .btnAreaIndex{display:table;width:1120px;margin:60px auto 0 auto} .btnAreaCell{display:table-cell;width:33.3%;vertical-align:top;border-top:none;padding:0} .btnAreaCell:before{display:block} .btnAreaCell h3{font-size:30px} .btnAreaCell .visual{margin:15px 0 0 0} .btnAreaCell .btnJoin{height:57px} .btnAreaCell .btnFinish{height:57px} .btnAreaCell .btnSurvey{height:57px} } .joinWrap{margin:0 auto;padding:40px 0 0 0} .joinTitle{margin:0 0 20px 15px} .joinTitle h2{font-size:21px;color:#000;font-weight:600;letter-spacing:-1px;margin:0} @media(min-width:768px){ .joinWrap{width:1230px;padding:40px 15px} .joinTitle{margin-left:0} .joinTitle h2{font-size:34px} } .joinStep{margin:0 0 30px 15px} .joinStep .btnStep{background: none;border:0;position:relative;width:calc(25% - 10px);height:62px;margin:0 -2px} .joinStep .btnStep.third{width:calc(33% - 10px)} .joinStep .btnStep.center{width:25%} .joinStep .btnStep.third.center{width:33.3%} .joinStep .btnStep span.a{color:#666;text-decoration:none;position:relative;z-index:10;font-size:12px;letter-spacing:-0.5px} .joinStep .btnStep .sbj{display:inline-block;font-size:14px;font-weight:600;line-height:1.0} .joinStep .btnStep::before, .joinStep .btnStep::after{background:#fff;border-radius:2px;content:'';display:block;position:absolute;left:0;right:0;transition:all 1s;height:31px} .joinStep .btnStep::before{box-shadow:0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px -1px 0 #ddd;-webkit-transform:skew(45deg);transform:skew(35deg);top:0;border-right:1px solid #dbdfe5} .joinStep .btnStep::after{box-shadow:0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px 0px 0 #ddd, 0px 1px 0 #ddd;-webkit-transform:skew(-45deg);transform:skew(-35deg);bottom:0;border-right:1px solid #dbdfe5} .joinStep .btnStep .box{display:inline-block;background-color:#fff;height:62px;width:40px;position:absolute;left:-18px;top:0;z-index:1;border-left:1px solid #dbdfe5} .joinStep .btnStep .box.right{display:inline-block;background-color:#fff;position:absolute;right:-15px;left:auto;top:-1px;height:64px;z-index:1;border-top:1px solid #dbdfe5;border-bottom:1px solid #dbdfe5;border-left:none} .joinStep .btnStep:last-child{width:calc(25% - 5px)} .joinStep .btnStep.third:last-child{width:calc(33.3% - 5px)} .joinStep .btnStep.step-on span.a{text-decoration: none;position: relative;z-index: 10;color: #ffffff} .joinStep .btnStep.step-on span.a:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #fff;border-radius:50%;background:url(/images/ico_step_arrow.png) 50% 50% no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0} .joinStep .btnStep.step-on::before{box-shadow: 0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px -1px 0 #4995ec;background:#4995ec;border-radius: 2px;content: '';display: block;position: absolute;left: 0;right: 0;transition: all 1s} .joinStep .btnStep.step-on::after {box-shadow: 0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px 0px 0 #4995ec, 0px 1px 0 #4995ec;background:#4995ec;border-radius: 2px;content: '';display: block;position: absolute;left: 0;right: 0;transition: all 1s} .joinStep .btnStep.step-on .box{display: inline-block;height:64px;top:-1px;background-color:#4995ec;border-left: 1px solid #4995ec} .joinStep .btnStep.step-on .box.right{display: inline-block;background-color:#4995ec;border-top: 1px solid #4995ec;border-bottom: 1px solid #4995ec;border-right: 1px solid #4995ec} .joinStep .btnStep.step-finish span.a:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #d8d8d8;border-radius:50%;background:url(/images/ico_step_arrow_finish.png) 50% 50% no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0} .joinStep .btnStep.step-finish::before{background:#f6f7f9} .joinStep .btnStep.step-finish::after{background:#f6f7f9} .joinStep .btnStep.step-finish .box{display:inline-block;background-color:#f6f7f9} .joinStep .btnStep.step-finish .box.right{display:inline-block;background-color:#f6f7f9} @media(min-width:768px){ .joinStep{margin:0 0 30px 20px} .joinStep .btnStep{height:102px} .joinStep .btnStep span.a{font-size:22px} .joinStep .btnStep br{display:none} .joinStep .btnStep .sbj{display:inline-block;font-size:22px;position:inherit;top:inherit} .joinStep .btnStep::before, .joinStep .btnStep::after{height:51px} .joinStep .btnStep .box{height:102px;top:0} .joinStep .btnStep .box.right{height:104px;right:-18px;border-right:1px solid #dbdfe5} .joinStep .btnStep:last-child{width:calc(25% - 10px)} .joinStep .btnStep.step-on span.a:before{width:37px;height:37px;background-size:auto} .joinStep .btnStep.step-on .box{height:104px} .joinStep .btnStep.step-finish span.a:before{width:37px;height:37px;background-size:auto} } @media(max-width:350px){ .joinStep .btnStep span.a{font-size:11px} .joinStep .btnStep .sbj{font-size:12px} } .joinConTitle{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:20px;border-bottom:solid 1px #d8d8d8} .joinConTitle h3{font-size:18px;color:#000;font-weight:600;margin:0} .joinConTitle .must{color:#ed5b59;font-size:14px} .joinConTitle .must:before{display:inline-block;content:"";width:5px;height:5px;background:#ed5b59;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .joinConMiddle{padding:10px 15px;border-bottom:solid 1px #f0f0f0} .joinConMiddleCla{padding:20px 15px} .joinWrap .agreeChk{display:none} .joinWrap .agreeChk + label{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.5px;cursor:pointer;text-indent:-28px;padding:20px 0 5px 28px} .joinWrap .agreeChk + label:before{display:inline-block;content:"";border:solid 1px #e0e0e0;width:19px;height:19px;vertical-align:middle;margin:0 7px 3px 0} .joinWrap .agreeChk:checked + label:before{border:none;background:#2895f3 url(/images/ico_chk_w@2x.png) 50% 50% no-repeat;background-size:13px auto} .joinWrap .agreeAll{border-bottom:solid 1px #f0f0f0} .joinWrap .agreeAll label{color:#000;font-weight:600;padding-top:0;padding-bottom:5px} .joinWrap .clauseArea{width:100%;height:150px;border:solid 1px #e8e8e8;background:#f6f7f9;resize:none;font-size:13px;color:#4c4c4c;line-height:1.8;padding:15px 15px;overflow-y:auto} @media(min-width:768px){ .joinCon{border:solid 1px #e5e5e5} .joinConTitle{height:70px} .joinConTitle h3{font-size:21px} .joinConTitle .msgR{top:25px;right:30px} .joinConMiddle{padding:40px;border-bottom:none} .joinConMiddleCla{padding:40px} .joinWrap .agreeChk + label{font-size:15px} .joinWrap .clauseArea{height:200px;padding:20px 30px} } .joinFoot{text-align:center;margin:30px 0 0 0} .joinFoot .btnNormal{width:130px;height:43px;background:#fff;border:solid 1px #d9d9d9;font-size:16px;color:#5e5e5e;margin:0 2px} .joinFoot .btnPrimary{width:130px;height:43px;background:#2895f3;font-size:16px;color:#fff;margin:0 2px} .joinFoot2{text-align:center;margin:30px 0 0 0;padding:0 15px} .joinFoot2 .btnFinal{width:100%;max-width:600px;height:45px;background:#00b252;font-size:16px;color:#fff;font-weight:600} .joinFoot2 .warnMsg{font-size:15px;color:#ed5b59;margin:20px 0 0 0} .joinFoot2 .warnMsg:before{display:inline-block;content:"!";width:20px;height:20px;line-height:20px;border:solid 1px #ed5b59;border-radius:50%;color:#ed5b59;vertical-align:middle;margin:0 5px 4px 0} @media(min-width:768px){ .joinFoot{margin:30px 0 0 0} .joinFoot .btnNormal{width:170px;height:50px} .joinFoot .btnPrimary{width:170px;height:50px} .joinFoot2{margin:50px 0 0 0} .joinFoot2 .btnFinal{height:60px;font-size:20px} } .joinConMsg{background:#f5f9fc;border-bottom:solid 1px #e3f1f5;font-size:14px;color:#637d88;letter-spacing:-0.5px;padding:15px 15px 12px 15px} .joinConMsg .date{display:block;color:#4995ec;letter-spacing:0;margin:10px 0 0 0} @media(min-width:768px){ .joinConMsg{padding:15px 30px 12px 30px} .joinConMsg .date{display:inline-block;margin:0 0 0 10px} } .joinFinishWrap{text-align:center;background:url(/images/ico_finish_b@2x.png) center 0 no-repeat;background-size:100px auto;padding:100px 15px 0 15px;margin:50px 0 30px 0} .joinFinishWrap h3{font-size:24px;color:#4995ec;line-height:1.5;letter-spacing:-1px;margin:0 0 15px 0} .joinFinishWrap .explain{font-size:14px;color:#333;line-height:1.5;letter-spacing:-1px} @media(min-width:768px){ .joinFinishWrap{padding:100px 0 0 0;margin:110px 0 70px 0} .joinFinishWrap h3{font-size:42px;margin:0 0 20px 0} .joinFinishWrap .explain{font-size:19px} } .joinTable{width:100%} .joinTable th{width:110px;height:40px;font-size:14px;color:#666667;letter-spacing:-0.5px;padding:5px 5px 5px 22px} .joinTable th .must{display:inline-block;width:5px;height:5px;background:#ed5b59;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .joinTable td{font-size:14px;color:#333;position:relative;padding:5px 0} .joinTable td.tdPhoto{width:100px;vertical-align:top;padding:0;position:relative} .joinTable td .dvPhoto{width:100px;height:135px;background-size:100px auto;background-repeat:no-repeat;background-position:50% 50%;margin:12px 0 0 0;position:absolute;right:0} .joinTable td .photoBorder{position:absolute;top:13px;right:0;width:100px;height:134px;border:solid 1px rgba(0,0,0,0.15)} .joinTable tr.lineTop th{border-top:solid 1px #f0f0f0} .joinTable tr.lineTop td{border-top:solid 1px #f0f0f0} .joinTable tr.padTop th, .joinTable tr.padTop td{padding-top:15px} .joinTable tr.padBot th, .joinTable tr.padBot td{padding-bottom:15px} .joinTable tr.padBotS th, .joinTable tr.padBotS td{padding-bottom:15px} .joinTable tr.vTop th{vertical-align:top;padding-top:12px} .joinTable tr.padTop.vTop th{padding-top:30px} .joinTable .inputText{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 10px} .joinTable .inputTextG{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 10px} .joinTable .inputSelect{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 5px} .joinTable .inputSelectG{width:100%;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 5px} .joinTable .inputDate{width:150px;height:35px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:0 5px} .joinTable .inputArea{width:100%;height:80px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:10px;resize:none} .joinTable .inputTextArea{width:100%;height:60px;border:solid 1px #e1e1e1;color:#000;font-size:14px;padding:10px;resize:none} .joinTable td .wPhone1{width:calc(25% - 14px)} .joinTable td .wPhone1::placeholder{font-size:12px} .joinTable td .wPhone2{width:calc(25%)} .joinTable td .wMail{width:calc(50% - 12px)} .joinTable td .wMailSel{width:100%;margin:5px 0 0 0} .joinTable .grade{width:calc(25%);padding-right:10px} .joinTable .wCommon{width:240px} .joinTable .wYear{width:120px} .joinTable .wDay{width:100px} .joinTable .wPhone{width:120px} .joinTable .wMail1{width:150px} .joinTable .wMail2{width:300px} .joinTable .wLong{width:797px} .joinTable .inputRadio{display:none} .joinTable .inputRadio + label{font-size:14px;color:#333;font-weight:normal;margin:3px 20px 3px 0;cursor:pointer} .joinTable .inputRadio + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .joinTable .inputRadio:checked + label{color:#4995ec} .joinTable .inputRadio:checked + label:before{border:solid 5px #4995ec;box-sizing: border-box} .joinTable .inputRadio:disabled + label{opacity:0.6;cursor:default} .joinTable .inputRadio:disabled + label:before{background:#eee} .joinTable .inputRadio:disabled:checked + label{color:#333} .joinTable .inputRadio:disabled:checked + label:before{background:#fff;border:solid 5px #a4a5a7} .joinTable .currentBg th, .joinTable .currentBg td{background:#fdf9e9} .joinTable td .btnR{position:absolute;top:0;right:20px} .joinTable .btnSH{width:42px;height:44px;text-indent:-9999px;background:url(/images/ico_sh_b@2x.png) 50% 50% no-repeat;background-size:20px auto;opacity:0.7;cursor:pointer;position:absolute;right:0;bottom:3px} .joinTable td .btnGuide{height:24px;line-height:22px;font-size:13px;color:#666;background:#ffff;border:solid 1px #e0e6e8;padding:0 5px} .joinTable td .btnGuide:before{display:inline-block;content:"?";width:15px;height:15px;line-height:15px;background:#c5c5c5;border-radius:50%;color:#fff;vertical-align:middle;margin:0 5px 3px 0} .iubaStCon .inputChk{display:none} .iubaStCon .inputChk + label{margin:0 15px 0 0;font-size:13px;font-weight:600;cursor:pointer;color: #828282;line-height: 23px} .iubaStCon .inputChk + label:before{display:inline-block;content:"";width:18px;height:18px;border:solid 2px #edeef1;/*border-radius:2px;*/vertical-align: bottom;margin: 0 6px 2px 0} .iubaStCon .inputChk:checked + label{color:#2366FF} .iubaStCon .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF} .iubaStCon .targetBox{display:block;font-weight:600;font-size:14px;text-align:center;background:#e7eff9;border:solid 1px #dbe8f9;padding:8px 0;margin:0 0 10px 0} .iubaStCon .targetBox .inputChk + label{color:#333} .iubaStCon .targetBox .inputChk + label:before{border:solid 1px #888;border-radius:2px} .iubaStCon .targetBox .inputChk:checked + label{color:#2366ff} .iubaStCon .targetBox .inputChk:checked + label:before{border:solid 1px #2366ff} .iubaStCon .topTit em{display:inline-block;min-width:80px;font-size:15px;color:#438cff;font-weight:600;padding:0 20px 0 0} @media(min-width:768px){ .joinTable th{width:170px;font-weight:400;font-size:16px;padding:5px 0 5px 20px} .joinTable td{font-weight:400;font-size:16px} .joinTable tr.padTop th, .joinTable tr.padTop td{padding-top:30px} .joinTable tr.padBot th, .joinTable tr.padBot td{padding-bottom:30px} .joinTable .grade{width:auto} .joinTable .inputText{height:42px;font-size:15px} .joinTable .inputTextG{height:42px;font-size:15px} .joinTable .inputSelect{height:42px;font-size:15px} .joinTable .inputSelectG{height:42px;font-size:15px} .joinTable .inputDate{height:42px;font-size:15px;padding:9px 5px} .joinTable .inputArea{height:100px;font-size:15px} .joinTable td .wPhone1{width:calc(25% - 10px)} .joinTable td .wPhone2{width:calc(25% - 20px)} .joinTable td .wPhone1::placeholder{font-size:14px} .joinTable td .wMail{width:calc(33% - 10px)} .joinTable td .wMailSel{width:calc(33% - 6px);margin:0} .joinTable td .wYear{width:100px;margin:0 5px 0 0} .joinTable td .wMonth{width:80px} .joinTable td .inputMPadCell{display:inline-block;margin:0} .joinTable tr.vTop{align-items:flex-start} .joinTable tr.vTop th{padding-top:15px} .iubaStCon .topTit em{min-width:95px} } .fraListWrap{max-width:1100px;margin:0 auto;padding:30px 15px} .fraListTitle{text-align:center} .fraListTitle h2{font-size:25px;font-weight:600;margin:0} .fraListTop{text-align:center;margin:20px 0 40px 0;position:relative} .fraListTop .listSearch{display:inline-block;width:100%;max-width:230px;position:relative} .fraListTop .inputSearch{width:100%;height:46px;border:none;border-bottom:solid 1px #1e1e1e;font-size:15px;padding:0} .fraListTop .btnSH{position:absolute;top:0;right:0;width:36px;height:46px;background:url(/images/ico_top_search@2x.png) right 50% no-repeat;background-size:17px auto;text-indent:-9999px;cursor:pointer;outline:none} .fraListTop .inputLang{width:100px;height:36px;/*background:url(/images/ico_arrow_sel_g.png) calc(100% - 10px) 50% no-repeat;*/border:solid 1px #888;border-radius:20px;font-size:13px;font-weight:500;color:#000;padding:0 8px 0 8px;margin:5px 10px 0 0;cursor:pointer} .fraListTop .btnChkR{display:block;margin:20px 0 0 0} .fraListTop .inputChk{display:none} .fraListTop .inputChk + label{margin:0 15px 0 0;font-size:13px;font-weight:600;cursor:pointer;color: #000;line-height: 23px} .fraListTop .inputChk + label:before{display:inline-block;content:"";width:18px;height:18px;border:solid 1px #bcbdc0;border-radius:2px;vertical-align: bottom;margin: 0 6px 2px 0} .fraListTop .inputChk:checked + label{color:#2366FF} .fraListTop .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF} @media(min-width:768px){ .fraListTop .btnChkR{position:absolute;bottom:0;right:0;margin:0} } .fraListTable{width:100%} .fraListTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;border-bottom:solid 1px #f5f5f5;padding:8px 0 8px 0} .fraListTable td{color:#777;font-size:14px;padding:0 5px 0 0;letter-spacing:-0.5px} .fraListTable td.num{width:70px;text-align:center;vertical-align:top;align-self:flex-start} .fraListTable td.num .must{color:red} .fraListTable td.num .rec{padding:1px 5px;border-radius:3px;font-size:1.2rem;vertical-align:middle;letter-spacing:-0.5px;display:inline-block;color:#00A048;background:rgba(0,160,72,0.1)} .fraListTable td.subject{width:calc(100% - 70px);color:#000;font-size:17px;line-height:1.3;font-weight:500;text-align:left;margin:0 0 5px 0;padding-left:0;cursor:pointer} .fraListTable td.subject:hover{color:#2895f3} .fraListTable td.subject a{color:#000} .fraListTable td.kind{color:#5776ff} .fraListTable td.name{margin:0 0 0 70px} .fraListTable td.club{color:#000} .fraListTable td.hit{margin:0 0 0 7px} .fraListTable td.hit:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0} .fraListTable .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:600;margin:0 2px} .fraListTable .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 -1px 4px 0} .fraListTable tr.recomm{background:#fbfbfb;border-bottom:solid 1px #e6e6e6} .status{display:inline-block;min-width:60px;border:none;border-radius:15px;font-size:12px;font-weight:600;padding:2px 10px;overflow:hidden;vertical-align:middle;text-align:center;margin:0 5px 0 0} .status.writing{background:#c7c6c6;color:#fff} .status.notAnswer{background:#E0E8FC;color:#3769FF} .status.complete{min-width:auto;background:#fff;color:#666;padding:2px 0} .completeDt{font-size:12px} @media(min-width:768px){ .fraListWrap{padding:60px 15px} .fraListTitle h2{font-size:46px} .fraListTable{border-top:solid 1px #e6e6e6;margin-top:20px} .fraListTable tr{display:table-row;width:100%;padding:0} .fraListTable td{height:50px;padding:0} .fraListTable td.num{vertical-align:middle} .fraListTable td.num .rec{padding:3px 8px} .fraListTable td.subject{width:auto;text-align:left;margin:0;padding-left:5px} .fraListTable td.name{margin:0;min-width:80px} .fraListTable td.date{margin:0;width:100px} .fraListTable td.hit{width:60px;margin:0} .fraListTable .replyNum{font-weight:500} } .counselTable{width:100%} .counselTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;border-bottom:solid 1px #f5f5f5;padding:8px 0 8px 30px;position:relative} .counselTable td{color:#777;font-size:15px;line-height:1.1;padding:0 5px 0 0;letter-spacing:-0.5px} .counselTable td.num{width:35px;text-align:center;vertical-align:top;position:absolute;top:8px;left:0} .counselTable td.num .must{color:red} .counselTable td.num .rec{display:inline-block;height:18px;line-height:18px;max-width:25px;background:#6cbd3c;border-radius:2px;color:#fff;font-size:11px;padding:0 2px;overflow:hidden;vertical-align:middle;letter-spacing:-1px} .counselTable td.subject{width:calc(100% - 35px);color:#000;font-size:16px;line-height:1.3;font-weight:500;text-align:left;margin:0 0 5px 0;padding-left:0;cursor:pointer} .counselTable td.subject:hover{color:#2895f3} .counselTable td.subject a{color:#000} .counselTable td.name:after{display:inline-block;content:"";width:1px;height:10px;background:#ddd;margin:0 0 0 10px} .counselTable td.club{color:#000} .counselTable td.hit:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0} .counselTable .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:600;margin:0 2px} .counselTable .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 -1px 4px 0} .counselTable tr.recomm{background:#fbfbfb;border-bottom:solid 1px #e6e6e6} .counselTable td.kind{color:#5776ff} .counselTable td.date{font-size:14px;letter-spacing:0;margin:0 5px 0 0} .counselTable td.answer br{display:none} @media(min-width:768px){ .counselTable{border-top:solid 1px #e6e6e6;margin-top:20px} .counselTable tr{display:table-row;width:100%} .counselTable td{height:50px;padding:0} .counselTable td.num{position:inherit;top:inherit;left:inherit;vertical-align:middle} .counselTable td.num .rec{padding:0 3px 0 2px} .counselTable td.kind{width:150px} .counselTable td.subject{width:auto;text-align:left;margin:0} .counselTable td.name{width:120px;margin:0} .counselTable td.name:after{display:none} .counselTable td.date{width:150px;margin:0} .counselTable td.hit{width:60px} .counselTable td.date{margin:0} .counselTable td.answer{width:110px;margin:0} .counselTable td.answer br{display:inline-block} .counselTable .replyNum{font-weight:500} } .inqListWrap{max-width:1250px;margin:0 auto;padding:30px 15px} .btnCounselWrite{width:75%;height:45px;background:#438cff;border-radius:30px;color:#fff;font-weight:500;padding:2px 20px 0 20px;margin:10px 0 0 0} .btnCounselWrite:before{display:inline-block;content:"";width:15px;height:17px;background:url(/images/ico_start.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 4px 0} @media(min-width:768px){ .inqListWrap{padding:60px 15px} .btnCounselWrite{width:auto;font-size:17px;margin-top:0} } .noticeListWrap{max-width:1100px;margin:0 auto;padding:30px 15px} .noticeListTitle{text-align:center} .noticeListTitle h2{font-size:25px;font-weight:600;margin:0;padding:0 0 0 15px} .noticeListTop{text-align:center;margin:20px 0 20px 0} .noticeListTop .listSearch{display:inline-block;width:100%;max-width:350px;position:relative} .noticeListTop .inputSearch{width:100%;height:46px;border:none;border-bottom:solid 1px #1e1e1e;font-size:16px;padding:0} .noticeListTop .btnSH{position:absolute;top:0;right:0;width:36px;height:46px;background:url(/images/ico_top_search@2x.png) right 50% no-repeat;background-size:17px auto;text-indent:-9999px;cursor:pointer;outline:none} .noticeListTop .inputLang{width:100px;height:36px;border:solid 1px #5776ff;border-radius:20px;font-size:13px;font-weight:600;color:#000;padding:0 5px 0 5px;margin:5px 10px 0 0;cursor:pointer} @media(min-width:768px){ .noticeListTop{margin:20px 0 40px 0} } .noticeListTable{width:100%} .noticeListTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;border-bottom:solid 1px #f5f5f5;padding:8px 0 8px 0} .noticeListTable td{color:#999;font-size:14px;padding:0 5px 0 0;letter-spacing:-0.5px} .noticeListTable td.num{width:70px;text-align:center;vertical-align:top;align-self:flex-start} .noticeListTable td.num .must{padding:1px 5px;border-radius:3px;font-size:1.2rem;vertical-align:middle;letter-spacing:-0.5px;display:inline-block;color:#0076FF;background:rgba(0,118,255,0.1)} .noticeListTable td.num .rec{display:inline-block;height:18px;line-height:18px;max-width:25px;background:#6cbd3c;border-radius:2px;color:#fff;font-size:11px;padding:0 2px;overflow:hidden;vertical-align:middle;letter-spacing:-1px} .noticeListTable td.subject{width:calc(100% - 70px);color:#000;font-size:17px;line-height:1.3;font-weight:500;text-align:left;margin:0 0 1px 0;padding-left:0;cursor:pointer} .noticeListTable td.subject:hover{color:#2895f3} .noticeListTable td.subject a{color:#000} .noticeListTable td.kind{color:#5776ff} .noticeListTable td.name{margin:0 0 0 70px} .noticeListTable td.hit:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0} .noticeListTable td.date{margin:0 0 0 70px} .noticeListTable .replyNum{display:inline-block;color:#f13347;font-size:13px;font-weight:600;margin:0 2px} .noticeListTable .replyNum:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_reply@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 3px 2px 0} .noticeListTable tr.recomm{background:#fbfbfb;border-bottom:solid 1px #e6e6e6} @media(min-width:768px){ .noticeListWrap{padding:60px 15px} .noticeListTitle h2{font-size:46px} .noticeListTable{margin-top:20px;border-top:solid 1px #e6e6e6} .noticeListTable tr{display:table-row;width:100%} .noticeListTable td{height:50px;text-align:center;padding:0} .noticeListTable td.num{vertical-align:middle} .noticeListTable td.num .rec{padding:0 3px 0 2px} .noticeListTable td.num .must{padding:3px 8px} .noticeListTable td.subject{width:auto;text-align:left;margin:0;padding-left:5px} .noticeListTable td.name{margin:0} .noticeListTable td.date{margin:0} .noticeListTable td.hit{width:60px} .noticeListTable .replyNum{font-weight:500} } .paginate{clear:both;max-width:775px;margin:10px auto 0 auto;padding:0 20px 40px 20px;text-align:center;zoom:1;position:relative} .paginate a{display:inline-block;_position:relative;width:34px;padding:0;border-radius:34px;color:#666;font-size:14px;font-weight:500;line-height:34px;text-decoration:none} .paginate a:hover,.paginate a:focus,.paginate a:active{background:#F5F5F5} .paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;width:34px;padding:0;background:#eee;border-radius:34px;color:#2895f3;font-size:14px;font-weight:600;line-height:34px;text-decoration:none !important} .paginate a:hover,.paginate a:focus,.paginate a:active{cursor:pointer;color:#595AE3} .paginate a.pre,.paginate a.next{display:inline-block;position:relative;width:34px;height:34px;vertical-align:middle;margin:0 0 2px 0;text-indent:-9999px} .paginate a.pre{background:url(/images/ico_prev@2x.png) 0 50% no-repeat;background-size:7px auto;margin:0 0 2px 0;position:absolute;top:0;left:20px} .paginate a.next{background:url(/images/ico_next@2x.png) right 50% no-repeat;background-size:7px auto;margin:0 0 2px 0;position:absolute;top:0;right:20px} .paginate a.disabled{opacity:0.3} @media(min-width:768px){ .paginate{padding-bottom:50px;margin-top:20px} .paginate a.pre{position:static} .paginate a.next{position:static} } .listBtn{text-align:center} .listBtn .btnWrite{display:inline-block;min-width:110px;height:40px;line-height:38px;border:solid 1px #2895f3;border-radius:22px;color:#2895f3;font-size:14px;font-weight:600} .listBtn .btnWrite:hover{text-decoration:none} @media(min-width:768px){ .listBtn .btnWrite{min-width:140px;height:50px;line-height:48px;font-size:15px;border-radius:50px} } .myListWrap{max-width:900px;margin:0 auto;padding:30px 15px} .myListTitle{text-align:center;margin:0 0 20px 0} .myListTitle h2{font-size:25px;font-weight:600;margin:0;padding:0 0 0 15px} @media(min-width:768px){ .myListWrap{padding:60px 15px} .myListTitle{margin-bottom:40px} .myListTitle h2{font-size:46px} } .myListBox{border:solid 1px #e3e3e3;border-radius:15px;padding:20px;margin:0 0 20px 0} .myListInfo{display:flex;flex-direction:column;gap:20px} .myListInfoL .thum{width:80px;height:80px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;position:relative;margin:0 auto} .myListInfoL .thum:after{display:inline-block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:solid 1px rgba(0,0,0,0.05);border-radius:50%} .myListInfoL .thum.thumF{background-image:url(/images/img_state_young_f.jpg)} .myListInfoL .thum.thumM{background-image:url(/images/img_state_young_m.jpg)} .myListInfoR{flex:1} .myListInfoItem{display:flex;flex-wrap:wrap;width:100%} .myListInfoItem dl{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;padding:0 0 5px 0;margin:0} .myListCont.modify .myListInfoItem dl{align-items:center} .myListInfoItem dl.dlMarginTop{margin-top:15px} .myListInfoItem dt{min-width:100px;font-size:15px;font-weight:600;letter-spacing:-0.5px;position:relative;padding:0 5px 0 0} .myListInfoItem dt:before{display:none;content:"";width:3px;height:3px;background:#000;line-height:1.1;border-radius:50%;position:absolute;top:8px;left:0;opacity:0.6} .myListInfoItem dd{font-size:15px;line-height:1.1} .myListInfoItem .inputText{height:30px;border:solid 1px #ddd;border-radius:3px;padding:0 5px} .myListInfoItem .inputSelect{width:100%;height:30px;border:solid 1px #ddd;border-radius:3px;padding:0 5px} .myListInfoItem .wYear{width:100px} .myListInfoItem .wMonth{width:80px} .myListInfoItem .wMax{width:calc(100vw - 145px)} .myListInfoItem .wUniversity{width:calc(100vw - 145px)} .myListInfoItem .chkGraduated{display:none} .myListInfoItem .chkGraduated + label{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.5px;cursor:pointer;text-indent:-28px;padding:20px 0 5px 28px} .myListInfoItem .chkGraduated + label:before{display:inline-block;content:"";border:solid 1px #e0e0e0;width:19px;height:19px;vertical-align:middle;margin:0 7px 3px 0} .myListInfoItem .chkGraduated:checked + label:before{border:none;background:#2895f3 url(/images/ico_chk_w@2x.png) 50% 50% no-repeat;background-size:13px auto} @media(min-width:768px){ .myListBox{padding:30px} .myListInfo{flex-direction:row;align-items:center;gap:40px} .myListInfoL .thum{width:150px;height:150px;margin:0} .myListInfoItem dl{width:50%;padding:0 5px 10px 0} .myListInfoItem dl.dlLong{width:100%} .myListInfoItem dl.dlMarginTop{margin-top:15px} .myListInfoItem dl.dlPhoneNo{margin-top:15px} .myListInfoItem dt{min-width:105px;font-size:17px;padding-left:10px;word-break:keep-all} .myListInfoItem dt:before{display:inline-block;top:10px} .myListInfoItem dd{font-size:17px} .myListInfoItem .wYear{width:100px} .myListInfoItem .wMonth{width:95px} .myListInfoItem .wMax{width:200px} .myListInfoItem .wUniversity{width:473px} } .myListCont{font-size:15px} .myListInfoLast{color:gray;margin:0 0 5px 0;padding:0 0 0 26px;position:relative} .myListInfoLast:before{display:inline-block;content:"";width:14px;height:15px;background:url(/images/ico_daily.png) 0 0 no-repeat;position:absolute;top:1px;left:2px;opacity:0.7} .myListInfoWarn{color:#f92a26;background:url(/images/ico_warn_index@2x.png) 0 25% no-repeat;background-size:18px auto;padding:0 0 0 26px} .myListCont .btnArea{display:flex;justify-content:center;gap:5px;text-align:center;padding:30px 0;max-width:400px;margin:0 auto} .myListCont .btnArea button{flex:1;max-width:50%} .myListCont .btnPrimary{height:45px;background:#438cff;border-radius:30px;color:#fff;font-weight:500;padding:2px 20px 0 20px;margin:0} .myListCont .btnPrimary:before{display:inline-block;content:"";width:15px;height:17px;background:url(/images/ico_start.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 4px 0} .myListCont .btnDefault{height:45px;background:#fff;border-radius:30px;color:#000;border:solid 1px #ddd;font-weight:500;padding:2px 20px 0 20px;margin:0} @media(min-width:768px){ .myListCont{font-size:16px} .myListCont .btnArea{padding:40px 0} } .myListInfoPsnBox .agreeTitle{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;margin:40px 0 15px 0} .myListInfoPsnBox .agreeTitle h3{font-size:20px;font-weight:600;margin:0} .myListInfoPsnBox .agreeChkArea .inputRadio + label{font-size:17px;margin-right:0} .myListInfoPsnBox .agreeChkArea .inputRadio + label:before{width:20px;height:20px} .myListInfoPsnBox .agreeList{height:128px;background:#f9f9f9;line-height:19px;font-size:13px;overflow-y:auto;padding:15px 20px} .myListInfoPsnBox .agreeList li{text-indent: -6px;font-size: 14px;padding: 0 0 5px 10px;color: #4c4c4c} .myListInfoPsnBox .agreeList li:before{display: inline-block;font-weight: bold;margin: 0 3px 0 0} .myListInfoPsnBox .agreeList .li1:before{content: "1."} .myListInfoPsnBox .agreeList .li2:before{content: "2."} .myListInfoPsnBox .agreeList .li3:before{content: "3."} .myListInfoPsnBox .agreeList .li4:before{content: "4."} .myListInfoPsnBox .agreeList li .type{font-weight:600} .myListInfoPsnBox .agreeList li .point{color: #fa3a3a} .myListInfoPsnBox .inputRadio{display:none} .myListInfoPsnBox .inputRadio + label{display:inline-block;font-size:14px;color:#000;font-weight:600;letter-spacing:-1px;margin:0 10px 0 0;cursor:pointer} .myListInfoPsnBox .inputRadio + label:before{box-sizing:border-box;display:inline-block;content:"";width:17px;height:17px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .myListInfoPsnBox .inputRadio:checked + label{color:#438cFF} .myListInfoPsnBox .inputRadio:checked + label:before{width:17px;height:17px;border:solid 5px #438cFF} .myListInfoPsnBox .inputRadio:disabled + label{opacity:0.5;cursor:default} @media(min-width:768px){ .myListInfoPsnBox .agreeTitle h3{font-size:24px} .myListInfoPsnBox .agreeList{font-size: 15px} } .myUpdateCont{padding:0 0 40px 0} .myUpdateBox{border:solid 1px #e3e3e3;border-radius:15px;text-align:center;padding:30px 30px 50px 30px;margin:0 0 20px 0} .myUpdateBox .tit{font-size:16px;font-weight:600;color:#000;margin:0 0 5px 0} .myUpdateBox .icoUpdate{display:inline-block;content:"";width:80px;height:80px;background-color:#fafafa;background-position:50% 50%;background-repeat:no-repeat;background-size:45px auto;border-radius:50%;position:relative;margin:0 0 20px 0} .myUpdateBox .icoUpdate:after{display:inline-block;content:"";width:80px;height:80px;border:solid 1px rgba(0,0,0,0.05);border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0} .myUpdateCont.update .icoUpdate{background-image:url(/images/ico_info_update.png)} .myUpdateCont.finish .icoUpdate{background-image:url(/images/ico_info_finish.png)} .myUpdateBox h3{font-size:23px;letter-spacing:-0.5px;font-weight:600;line-height:1.5;margin:0 0 10px 0;word-break: keep-all} .myUpdateBox h3 .point{color:#438cff} .myUpdateBox h3 .red{color:#f92a26} .myUpdateBox .explain{font-size:16px;word-break: keep-all} .myUpdateBtn{margin:30px 0 0 0} .myUpdateBtn button{width:100%;height:45px;border-radius:10px;font-size:18px;color:#fff;font-weight:600;line-height:18px;margin:5px 0} .myUpdateBtn .btnFinish{background:#fff;color:#f93d3d} .myUpdateBtn .btnUpdate{background:#438cff} .myUpdateBtn .btnN{background:#fff;color:#333} .myUpdateBtn .btnY{background:#f7605d} @media(min-width:768px){ .myUpdateBtn{display:flex;justify-content:center;flex-direction:row-reverse;gap:3px} .myUpdateBtn button{max-width:200px;margin:0 2px} .myUpdateBtn .btnFinish{background:#fff;border:solid 1px #f9b0b0;color:#f93d3d} .myUpdateBtn .btnN{border:solid 1px #c9c9c9} } .supportWrap{max-width:860px;margin:30px auto 30px auto;padding:0 15px} .supportTitle{text-align:center;margin:0 0 30px 0} .supportTitle h2{font-size:25px;font-weight:600;margin:0;padding:0 0 0 15px} .supportTitle .explain{text-align:left;font-size:16px;margin:20px 0 0 0} @media(min-width:768px){ .supportWrap{margin:60px auto 60px auto;padding:0 20px} .supportTitle{margin-bottom:40px} .supportTitle h2{font-size:46px} .supportTitle .explain{text-align:center} } .inqBox{border-top:solid 1px #e6e6e6} .inqBox dl{clear:both;width:100%;border-bottom:solid 1px #e6e6e6;padding:30px 0;margin:0} .inqBox dl:last-child{border-bottom:none} .inqBox dl dt{width:250px;font-size:16px;color:#000;font-weight:500;vertical-align:top} .inqBox dl dd{vertical-align:top;padding:15px 0 0 0} .inqBox dl dd .site{display:inline-block;background:url(/images/ico_trans_b.png) right 4px no-repeat;font-size:16px;color:#097AFF;padding:0 20px 0 0;margin:0 0 0 40px} .inqBox .icoInq1{display:inline-block;width:30px;height:30px;background:#EEEDED url(/images/ico_inq1.png) 50% 50% no-repeat;background-size:15px auto;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .inqBox .icoInq2{display:inline-block;width:30px;height:30px;background:#EEEDED url(/images/ico_inq2.png) 50% 50% no-repeat;background-size:16px auto;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .inqBox dl h4{display:inline-block;width:calc(100% - 80px);vertical-align:middle;font-weight:600} .inqBox .personTable{margin:0 0 0 40px} .inqBox .personTable th{min-width:70px;font-size:14px;font-weight:500;color:#000;text-align:left;padding:0 0 8px 0} .inqBox .personTable th .kind{display:inline-block;color:#0076FF;font-size:13px;background:rgba(0,118,255,0.1);border-radius:30px;padding:3px 8px} .inqBox .personTable td{font-size:16px;color:#000;padding:0 0 8px 20px} .inqBox .personTable td strong{font-weight:600} .inqBox .personTable td.name{color:#097AFF;font-weight:500} .inqBox .personTable td .dot{display:inline-block;width:3px;height:3px;background:#097AFF;border-radius:50%;vertical-align:middle;margin:0 2px 3px 2px} .inqBox .supLine{border-top:solid 1px #E4E5E7;margin:20px 0 30px 0} @media(min-width:768px){ .inqBox dl{display:flex;align-items:start} .inqBox dl:last-child{border-bottom:solid 1px #e6e6e6} .inqBox dl dd{padding-left:0} .inqBox dl dd .site{font-size:18px;margin-left:0} .inqBox .icoInq1{width:45px;height:45px;background-size:auto;margin-right:15px} .inqBox .icoInq2{width:45px;height:45px;background-size:auto;margin-right:15px} .inqBox .personTable{margin:0} .inqBox .personTable td{font-size:17px} } .fraConWrap{max-width:775px;margin:0 auto;padding:30px 20px} @media(min-width:768px){ .fraConWrap{padding:30px 20px 50px 20px} } .fraConTitle{margin:0 0 30px 0} .fraConTitle .depthTop{font-size:16px;color:#2895f3} .fraConTitle h3{font-size:26px;color:#222;line-height:1.4;letter-spacing:-2px;margin:5px 0 0 0} .fraConTitle .infoUnder{font-size:15px;color:#999;padding:10px 0 0 0;position:relative} .fraConTitle .infoUnder .bar{color:#eee;margin:0 5px;display:inline-block} .fraConTitle .infoUnder .cnt{display:inline-block} .fraConTitle .infoUnder .cnt:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0} .fraConTitle .infoUnderR{position:absolute;top:0;right:0} .fraConTitle h4.fileHead{color:#000;font-size:20px;font-weight:600;margin:30px 0 10px 0;padding:0 0 0 12px;position:relative} .fraConTitle h4.fileHead:before{display:inline-block;content:"";width:5px;height:5px;background:#000;border-radius:50%;position:absolute;top:7px;left:0} .fraArticle{font-size:17px;color:#141414;line-height:1.8;letter-spacing:-0.5px;word-break:break-all} .fraArticle.editCon{margin:40px 0 60px 0} @media(min-width:768px){ .fraConTitle{margin:0 0 40px 0} .fraConTitle .depthTop{font-size:17px} .fraConTitle h3{font-size:38px;letter-spacing:-2px} .fraArticle{font-size:18px;color:#333} } .fraConTitle .btnList{min-width:60px;height:30px;border:solid 1px #dbdfe6;background:#fff;font-size:13px;color:#777777;padding:0 5px;margin:0 0 0 5px;cursor:pointer} .fraConTitle .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_detail_list.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0} .fraConTitle .btnFinish{min-width:100px;height:30px;font-size:13px;font-weight:600;background:#438cff;border:solid 1px #3a7be0;color:#fff;padding:0 10px;margin:0 0 0 5px;cursor:pointer} .fraConTitle .btnFinish.ok{opacity:0.5;cursor:default} .fraConTitle .btnFinish.ok:before{display:inline-block;content:"";width:10px;height:8px;background:url(/images/ico_check_att.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0} .fraConTitle .btnFinish.ok em{font-size:10px;margin:0 0 0 5px} .fraConFoot{text-align:center;margin:20px 0 0 0} .fraConFoot .btnBack{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:15px;color:#333;font-weight:500;background:#fff;border:solid 1px #c9c9c9;border-radius:22px;padding:0 10px;cursor:pointer} .fraConFoot .btnBack:before{display:inline-block;content:"";width:13px;height:10px;background:url(/images/ico_back@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 5px 2px 0} .fraConFoot .btnDelete{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:15px;color:#616161;font-weight:500;background:#fff;border:solid 1px #cfcfcf;border-radius:22px;padding:0 10px;cursor:pointer} .fraConFoot .btnModify{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:15px;color:#616161;font-weight:500;background:#fff;border:solid 1px #cfcfcf;border-radius:22px;padding:0 10px;cursor:pointer} .fraConFoot .btnSave{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:15px;color:#fff;font-weight:500;background:#438cff;border:solid 1px #438cff;border-radius:22px;padding:0 10px;cursor:pointer} .fraConFoot button{margin:0 2px} .fraConFoot button:nth-first-child(1){margin:0} @media(min-width:768px){ .fraConFoot{margin:30px 0 0 0} .fraConFoot .btnBack{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} .fraConFoot .btnDelete{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} .fraConFoot .btnModify{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} .fraConFoot .btnSave{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} } .writeUserTable{width:100%;border-top:solid 2px #454c59;border-bottom:solid 1px #b5b5b5;margin:0} .writeUserTable tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center;padding:8px 0 8px 0} .writeUserTable th{width:100%;font-size:16px;color:#333;font-weight:600;padding:0 0 5px 0} .writeUserTable td{width:100%} .writeUserTable .btnClubSH{height:32px;background:#838996;border:solid 1px #707683;border-radius:2px;font-size:14px;color:#fff;font-weight:600;padding:0 10px} .writeUserTable .btnClubSH:before{display:inline-block;content:"";width:14px;height:15px;background:url(/images/ico_search_w@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 5px 0 0} .writeUserTable .inputRadio{display:none} .writeUserTable .inputRadio + label{display:inline-block;font-size:16px;color:#333;font-weight:600;margin:0 20px 0 0;cursor:pointer} .writeUserTable .inputRadio + label:before{display:inline-block;content:"";width:14px;height:14px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .writeUserTable .inputRadio:checked + label{color:#496AEA} .writeUserTable .inputRadio:checked + label:before{width:14px;height:14px;border:solid 5px #2366FF} .writeUserTable .inputRadio:disabled + label{opacity:0.5;cursor:default} .writeUserTable .inputChk{display:none} .writeUserTable .inputChk + label{display:inline-block;font-size:16px;font-weight:500;letter-spacing:-0.5px;margin:0 15px 0 0;cursor:pointer} .writeUserTable .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 5px 2px 0} .writeUserTable .inputChk:checked + label{color:#2366FF} .writeUserTable .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF} .writeUserTable .inputChk:disabled + label{opacity:0.5;cursor:default} .writeUserTable .inputChk.marNone + label{margin:0 5px 0 0} @media(min-width:768px){ .writeUserTable tr{display:table-row;width:100%} .writeUserTable th{width:120px;background:#f3f3f3;border-top:solid 1px #e2e2e2;border-left:solid 1px #e2e2e2;border-right:solid 1px #e2e2e2;text-align:right;font-size:13px;padding:5px 15px 5px 5px} .writeUserTable th.th2{text-align:right;padding-right:15px} .writeUserTable td{width:auto;height:40px;border-top:solid 1px #e2e2e2;padding:5px 20px 5px 15px} } .editCon img{max-width:100%} .contentReplyBg{background:#fff;padding:15px 0 0 0} .contentReply{max-width:775px;margin:0 auto 0 auto;padding:0 20px 0 20px} .contentReplyTit{height:30px;margin:0 0 5px 0} .contentReplyTit .total{color:#5776ff;font-size:18px;font-weight:500} .contentReplyTit .total:before{display:inline-block;content:"";width:22px;height:22px;background:url(/images/ico_con_reply@2x.png) 0 0 no-repeat;background-size:22px auto;vertical-align:middle;margin:0 5px 3px 0} .replyWrite{background:#fff;border:solid 1px #bdbdbd;/*border-bottom:solid 1px #e4e4e4*/border-bottom:none} .replyWrite .nickname{font-size:13px;color:#222;padding:15px 15px 10px 15px;margin:0} .replyWrite textarea{width:100%;height:55px;font-size:16px;color:#222;line-height:1.5;padding:10px;resize:none} .replyWriteBox{height:42px;border:solid 1px #bdbdbd;border-top:solid 1px #E4E5E7;background:#fff;position:relative;margin:0 0 30px 0} .replyWriteBox .btnArea{position:absolute;right:0} .replyWriteBox .btnArea .number{display:inline-block;font-size:13px;color:#999;line-height:40px;padding:0 0 0 10px} .replyWriteBox .inputNote{position:absolute;top:6px;right:100px} .replyWriteBox .inputNote .inputChk + label:before{margin:0 5px 3px 0} .replyWriteBox .btnReply{min-width:100px;height:42px;background:#438cff;color:#fff;font-size:13px;padding:0 10px;margin:-1px -1px 0 5px;cursor:pointer} .replyWriteBox .btnReply:hover{background:#3a7be0} .msgViewArea{text-align:left;margin:0 0 20px 0} .msgViewArea .inputChk + label{padding:0} .msgViewArea .inputChk.msgView + label{height:30px;line-height:28px;background:#fff;border:solid 1px #e0e0e0;border-radius:2px;font-size:12px;text-indent:0;margin:0;padding:0 10px} @media(min-width:768px){ .contentReplyBg{padding-top:30px} .replyWrite textarea{height:70px;padding:15px} .replyWriteBox .btnArea .number{padding:0 0 0 15px} } .replyList dl{border-bottom:solid 1px #e2e2e2;letter-spacing:-0.5px;margin:13px 0 0 0;padding:0 0 10px 0} .replyList dt{font-size:15px;padding:0 0 5px 0;font-weight:400;position:relative} .replyList dt .btnRead{position:absolute;right:0;cursor:pointer} .replyList dt .name{display:inline-block;color:#444;font-weight:600} .replyList dt .date{display:inline-block;font-size:14px;color:#999;margin:0 6px 0 6px} .replyList .btnDel{width:12px;height:12px;background:transparent url(/images/ico_del_s@2x.png) 50% 50% no-repeat;background-size:9px auto;cursor:pointer;vertical-align:middle;text-indent:-9999px;margin:0 0 2px 0} .replyList .kindNote{display:inline-block;height:22px;line-height:22px;background:#5776ff;border-radius:2px;font-size:12px;font-weight:600;color:#fff;padding:0 5px} .replyList dd{font-size:16px;color:#000;line-height:1.5} .replyList .replayBtnArea{padding:5px 0 7px 0;position:relative} .replyList .replayBtnArea .btnR{position:absolute;top:5px;right:0} .replyList .btnReply{height:23px;padding:0 7px;font-size:12px;line-height:15px;background:#fff;border:solid 1px #e0e0e0;color:#000;cursor:pointer} .replyList .btnReply em{font-weight:600} .replyList .btnModifyS{width:20px;height:20px;background:#fff url(/images/ico_modify.png) 50% 50% no-repeat;border:solid 1px #cfcfcf;border-radius:2px;text-indent:-9999px} .replyList .btnSaveS{height:23px;padding:0 10px;font-size:12px;font-weight:600;line-height:18px;background:#5776ff;border:solid 1px #5776ff;color:#fff;cursor:pointer} .replyList .btnCancelS{height:23px;padding:0 10px;font-size:12px;font-weight:600;line-height:18px;background:#fff;border:solid 1px #e0e0e0;color:#000;cursor:pointer} .replyList .inputArea{border:solid 1px #bdbdbd;padding:10px;color:#000} .replay2depView{border-top:solid 1px #dfdfdf;padding:0 25px} .replay2depView dl{border-bottom:none;border-top:solid 1px #dcdcdc;background:url(/images/ico_replay2dep.png) 0 17px no-repeat;padding:14px 35px 8px 27px;margin:0} .replay2depView dl:first-child{border-top:none} .replay2dep{background:#f3f3f3} .replay2depWrite{border-top:solid 1px #dcdcdc;background:url(/images/ico_replay2dep.png) 25px 20px no-repeat;padding:14px 22px 0 52px} .replay2depWriteIn{border:1px solid #b3b3b3;border-bottom:1px solid #ededed;background:#fff} .replay2depWrite textarea{width:100%;height:70px;font-size:14px;color:#000;resize:none;padding:15px} .replay2depWrite .number{display:block;font-size:13px;color:#999;text-align:right} .replay2depWriteBox{padding:0 22px 14px 52px} .replay2depWriteBox .btnArea{display:block;height:40px;background:#fff;border:1px solid #b3b3b3;border-top:none;position:relative} .replay2depWriteBox .btnArea .number{font-size:13px;color:#999;line-height:40px;padding:0 0 0 15px} .replay2depWriteBox .btnReplyUp{position:absolute;top:0;right:0;min-width:90px;height:39px;color:#2565d0;font-size:14px;font-weight:600;background:#fff;border-left:solid 1px #ededed;border-right:solid 1px transparent;border-top:solid 1px transparent;border-bottom:solid 1px transparent;cursor:pointer} .replay2depFold{display:block;height:30px;line-height:30px;border-top:1px solid #dcdcdc;text-align:center;font-size:11px;color:#999;cursor:pointer} .replay2depFold:after{display:inline-block;content:"";width:9px;height:5px;background:url(/images/ico_reply_up.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 5px} .replay2depFold:hover{color:#000} .file-down{background:#f9f9f9;border-radius:10px;padding:20px 20px 0 20px;margin:20px 0 0 0} .file-down a{display:block;min-height:15px;background:url(/images/ico_file@2x.png) 0 0 no-repeat;background-size:15px auto;font-size:15px;color:#000;padding:0 0 0 25px} .fraWriteWrap{max-width:775px;margin:0 auto;padding:20px 15px} .fraWriteTitle{text-align:center;margin:0 0 30px 0} .fraWriteTitle h3{font-size:28px;color:#222;font-weight:600;letter-spacing:-1px} .fraWriteTitle .explain{font-size:15px;color:#a2a2a2;line-height:1.5;margin:5px 0 0 0} @media(min-width:768px){ .fraWriteTitle h3{font-size:38px;font-weight:400} .fraWriteTitle .explain{margin:10px 0 0 0} } .inqWriteWrap{max-width:835px;margin:0 auto;padding:20px 15px} .fraWriteCon .writeRow{margin:0 0 10px 0} .fraWriteCon .inputText{width:100%;height:38px;font-size:14px;color:#000;background:#fff;border:solid 1px #d9d9d9;padding:0 10px} .fraWriteCon .inputText:disabled{background:#f1f1f1} .fraWriteCon .inputSelect{width:100%;height:38px;font-size:14px;color:#000;background:#fff;border:solid 1px #d9d9d9;padding:0 5px} .fraWriteCon .inputSelect:disabled{background:#f1f1f1} .fraWriteCon .inputArea{width:100%;height:300px;border:solid 1px #d9d9d9;font-size:14px;color:#000;padding:10px;resize:none} .fraWriteBtn{text-align:center;margin:20px 0 30px 0} .fraWriteBtn .btnBack{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#616161;font-weight:600;background:#fff;border:solid 1px #cfcfcf;border-radius:22px;padding:0 10px;cursor:pointer} .fraWriteBtn .btnBack:before{display:inline-block;content:"";width:13px;height:10px;background:url(/images/ico_back@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 5px 2px 0} .fraWriteBtn .btnBack:hover{text-decoration:none} .fraWriteBtn .btnDelete{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#616161;font-weight:600;background:#fff;border:solid 1px #cfcfcf;border-radius:22px;padding:0 10px;cursor:pointer} .fraWriteBtn .btnOk{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:13px;color:#fff;font-weight:600;background:#4296f6;border:solid 1px #4296f6;border-radius:22px;padding:0 10px;cursor:pointer} .fraWriteBtn button{margin:0 2px} .fraWriteBtn button:nth-first-child(1){margin:0} @media(min-width:768px){ .fraWriteBtn .btnBack{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} .fraWriteBtn .btnDelete{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} .fraWriteBtn .btnOk{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} } .noticeConWrap{max-width:775px;margin:0 auto;padding:30px 20px} @media(min-width:768px){ .noticeConWrap{padding:30px 20px 50px 20px} } .noticeConTitle{margin:0 0 30px 0} .noticeConTitle .depthTop{font-size:16px;color:#2895f3} .noticeConTitle h3{font-size:26px;color:#222;line-height:1.4;letter-spacing:-2px;margin:5px 0 0 0} .noticeConTitle .infoUnder{font-size:15px;color:#999;letter-spacing:-0.5px;padding:10px 0 0 0} .noticeConTitle .infoUnder .cnt{display:inline-block} .noticeConTitle .infoUnder .cnt:before{display:inline-block;content:"";width:10px;height:11px;background:url(/images/ico_hit@2x.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 3px 2px 0} .noticeConTitle .bar{display:inline-block;color:#eee;margin:0 5px} .noticeArticle{font-size:17px;color:#141414;line-height:1.8;letter-spacing:-0.5px;word-break:break-all} @media(min-width:768px){ .noticeConTitle{margin:0 0 50px 0} .noticeConTitle .depthTop{font-size:17px} .noticeConTitle h3{font-size:38px;letter-spacing:-2px} .noticeConTitle .infoUnder{padding-top:15px} .noticeArticle{font-size:18px;color:#333} } .noticeConFoot{text-align:center;margin:20px 0 0 0} .noticeConFoot .btnBack{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:15px;color:#333;font-weight:500;background:#fff;border:solid 1px #c9c9c9;border-radius:22px;padding:0 10px;cursor:pointer} .noticeConFoot .btnBack:before{display:inline-block;content:"";width:13px;height:10px;background:url(/images/ico_back@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 5px 2px 0} .noticeConFoot .btnDelete{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:15px;color:#616161;font-weight:500;background:#fff;border:solid 1px #cfcfcf;border-radius:22px;padding:0 10px;cursor:pointer} .noticeConFoot .btnModify{display:inline-block;min-width:80px;height:40px;line-height:38px;font-size:15px;color:#fff;font-weight:500;background:#5776ff;border:solid 1px #5776ff;border-radius:22px;padding:0 10px;cursor:pointer} @media(min-width:768px){ .noticeConFoot{margin:30px 0 0 0} .noticeConFoot .btnBack{min-width:120px;height:50px;line-height:48px;font-size:17px;border-radius:10px} .noticeConFoot .btnDelete{min-width:140px;height:50px;line-height:48px;font-size:17px;border-radius:10px} .noticeConFoot .btnModify{min-width:140px;height:50px;line-height:48px;font-size:17px;border-radius:10px} } .commonTitTop{background:#fff;border-bottom:solid 1px #e5e5e5;padding:20px 12px 15px 12px;position:relative} .commonTitTop h3{font-size:20px;color:#000;line-height:1.1;text-align:left;font-weight:600;letter-spacing:-0.5px;padding:0 30px} .commonTitTop .btnBack{width:40px;height:40px;background:transparent url(/images/ico_comm_back@2x.png) 50% 50% no-repeat;background-size:12px auto} .commonTitTop .btnL{position:absolute;top:10px;left:2px} .commonTitTop .btnMnR{position:absolute;top:12px;right:15px} .univerModal .modal-dialog{margin:10px auto} .univerModal .modal-content{border-radius:0} .univerModal .modal-header{padding:11px 15px;background:#438cff;border-bottom:solid 1px #2c74e5;position:relative} .univerModal .close{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;margin:0} .univerModal h5{color:#fff;font-size:15px} .univerModal h3{font-size:13px;font-weight:600;padding:15px 0 5px 0} .univerModal h3:first-child{padding-top:0} .univerModal h3{margin:0} .univerModal .explain{clear:both;font-size:13px;line-height:1.5;color:#555;padding:0 0 5px 0} .univerModal .explain.marTop{margin:10px 0 0 0} .univerModal .point{color:#fa3a3a} .univerModal .inputSh{width: calc(100% - 90px);height:35px;border:solid 1px #ddd;border-right:none;font-size:13px;color:#000;padding:0 5px} .univerModal .inputSh.half{max-width:250px} .univerModal .inputSh:disabled{background:#fafafa;border-color:#ddd} .univerModal .btnSh{min-width: 90px;height:35px;line-height:35px;background:#6c6f73;font-size:13px;color:#fff;font-weight:600;text-align:center} .univerModal .btnSh:hover{background:#56585b} .univerModal .resultBox{background:#f9f9f9;padding:15px 0 5px 0;margin:5px 0 0 0} .univerModal .resultBox h3{padding:0 10px 5px 10px} .univerModal .resultBoxAll{max-height:300px;overflow-y:scroll;background:#f9f9f9;padding:10px 10px 5px 10px;margin:5px 0 0 0} .univerModal .resultList li{font-size:13px;color:#555;line-height:1.3;cursor:pointer;margin:0;border-top:solid 1px #eae9e9;padding:10px} .univerModal .resultList li:first-child{border-top:none} .univerModal .resultList li .result{font-size:13px;color:#438cff;font-weight:600} .univerModal .resultList li .arrow{display:inline-block;width:10px;height:8px;background:url(/images/ico_arrow_path2@2x.png) 50% 0 no-repeat;background-size:5px auto;vertical-align:middle;margin:0 0 3px 0} .univerModal .resultList li:hover{color:#438cff} .univerModal .resultNot{display:block;text-align:center;color:#666;padding:15px} .univerModal .inputText{width:100%;height:35px;background:#fff;border:solid 1px #ddd;font-size:13px;color:#000;padding:0 5px} .univerModal .inputText.lifeNo{width:200px} .univerModal .modal-footer{background:#f2f2f2;border-top:solid 1px #e6e8ea;text-align:center} .univerModal .modal-footer .btnPrimary{min-width:30%;height:35px;background:#438cff;color:#fff;font-size:14px;font-weight:600;padding:0 5px} .univerModal .modal-footer .btnPrimary:hover{background:#256cdb} .univerModal .univBtn{width:100%;text-align:center;margin:15px 0 0 0} .univerModal .btnClose{background: #fdfdfd;border: solid 1px #c5c5c5;min-width: 100px;height: 35px;padding: 0 10px;color: #717171;font-size: 14px;font-weight: bold} .univerModal .btnClose:hover{background:#ebebeb} @media(min-width:700px){ .univerModal .resultBoxAll{height:450px} } /*임원진 회장용 > 모바일용*/ .manageLstWrap{margin:0 auto;padding:30px 0} .manageLstWrap.baptismWide{max-width:1200px} .manageLstWrap.memberWide{max-width:1200px} .manageLstWrap.clubWide{max-width:1000px} .manageLstWrap .description{font-size:13px;/*color:#666*/;padding:0 15px;font-weight:normal;color:#4e99e0;display:flex;flex-direction:column;margin:0 0 -5px 0} .manageLstTitle{text-align:center} .manageLstTitle h2{font-size:25px;font-weight:600;margin:0} .manageLst{width:100%;padding:10px 15px} .manageLst .warning{color:#0095ff;font-size:15px;font-weight:normal;margin:10px 0 0 0} .manageLst .card{min-height:120px;border-radius:15px;background:#f2f6fd;padding:15px 20px;position:relative;margin:15px 0 0 0 } .manageLst .card .title{display:flex;justify-content:space-between} .manageLst .card .title .name{display:flex;flex-direction:column;max-width:calc(100% - 50px);word-break:keep-all} .manageLst .card .clubNm{font-size:20px;font-weight:600} .manageLst .card .collegeNm{font-size:14px} .manageLst .card .step{font-size:14px} .manageLst .card button.btnDetail{padding:2px 8px;border-radius:30px;border:solid 1px #c4dced;color:#0095ff;background:#fff;position:absolute;right:15px;bottom:15px;font-size:13px;font-weight:500} .manageLst dd{font-size: 15px;color:#777777;font-weight:400;margin:20px 0 0 0} .manageLst dl{font-size: 15px;color:#000;padding: 0 0 0 1px} @media(min-width:700px){ .manageLstWrap{padding:60px 15px} .manageLstTitle h2{font-size:46px} } .memberLst{width:100%;padding:10px 15px} @media(min-width:700px){ .memberLst{padding:10px 0} } .clubDetailBox h3{border-bottom:solid 1px #bbb;margin:20px 0 0 0;padding:0 0 10px 0} .clubDetailBox dl{display:flex;align-items:stretch;margin:0} .clubDetailBox dl:last-child dt, .clubDetailBox dl:last-child dd{border-bottom:solid 1px #bbb} .clubDetailBox dt{flex-shrink:0;width:120px;background:#e2edf9;border-bottom:solid 1px #d2d2d2;letter-spacing:-0.5px;font-weight:600;text-align:right;padding:5px 10px 5px 10px} .clubDetailBox dd{flex:1;letter-spacing:-0.5px;color:#000;font-size:16px;border-bottom:solid 1px #eee;border-left:solid 1px #eee;margin:0;padding:5px 10px 5px 10px} @media(min-width:700px){ .clubDetailBox dt{width:200px;padding:5px 15px 5px 15px} .clubDetailBox dd{padding:5px 15px 5px 15px} } .dayListWrap{margin:0 auto;padding:30px 0} .dayListTitle{text-align:center} .dayListTitle h2{font-size:25px;font-weight:600;margin:0} @media(min-width:700px){ .dayListWrap{padding:60px 15px} .dayListTitle h2{font-size:46px} } .fruitListBox{display:flex;flex-direction:column;gap:5px;background:#438cff;border-radius:5px;padding:15px} .fruitListBox .select2.select2-container{width:100% !important} .fruitListBox .select2-container .select2-selection--single{border:none} .fruitListBox .select2-container .select2-selection--single .select2-selection__rendered{display:inline-block;color:#000;font-weight:500} @media(min-width:700px){ .fruitListBox{flex-direction:row} .fruitListBox .select2.select2-container{max-width:250px} } .memListBox{display:flex;flex-direction:column;gap:5px;background:#333;border-radius:5px;padding:5px} .memListBox .select2.select2-container{width:100% !important} .memListBox .select2-container .select2-selection--single{border:none;height:40px} .memListBox .select2-container .select2-selection--single .select2-selection__rendered{display:inline-block;color:#000;font-weight:500;padding-top:6px} @media(min-width:700px){ .memListBox{flex-direction:row} .memListBox .select2.select2-container{width:250px} } .searchClub{background:#438cff;border-radius:5px;padding:15px} .baptismLst{width:100%;padding:30px 15px 10px 15px} .baptismLst .searchClub select{font-size:13px} .baptismLst .searchTerm{display:flex;justify-content:space-between;align-items:end;margin:10px 0 0 0;padding:0 0 0 3px} .baptismLst .listTab .group button {min-width: 35px;height: 32px;line-height: 1.1;background: #f9fafc;border: solid 1px #dddddd;font-size: 13px;color: #878b8e;padding: 0 5px;margin: 0 -3px;vertical-align: bottom;letter-spacing: -0.5px} .baptismLst .listTab .group button.on {background: #fff;color: #4e99e0;border: 1px solid #4e99e0;position: relative} .baptismLst .listTab .group button:first-child {border-radius: 0} .baptismLst .listTab .group button:last-child {border-radius: 0} @media(min-width:700px){ .baptismLst{padding:30px 0 10px 0} } .smSaintTableScroll{overflow: scroll;overflow-y: hidden;border:solid 1px #c7c7c7;margin:0 15px} .tableHeader {background: #fff} .smInstTable {width: 100%;background: #eee} .smInstTable th.thKind{padding:0 5px;min-width:75px} .smInstTable th {height: 30px;background:#e2edf9;border-bottom: solid 1px #c8d4db;color: #000;font-size: 13px;font-weight:600;text-align: center;letter-spacing: -1px;line-height: 1.1;padding: 1px 0 0 0;width: 85px;max-width: 85px;min-width: 35px} .smInstTable th.lineL{border-left: solid 1px #c8d4db} .smInstTable th.name {position:sticky;/* will-change:transform;*/transition: all 0ms ease-in-out;z-index: 1;left: 0px;background:#e2edf9 url(/images/bg_time.gif) right 0 repeat-y;padding-left:15px;text-align:left;width:130px;min-width:130px;white-space:nowrap;word-break: break-word} .smInstTable th.team{min-width:50px} .smInstTable th.thBaptismDt{min-width:110px} .smInstTable th.thCollege{min-width:110px} .smInstTable th.thGuide{min-width:110px} .smInstTable th.church{min-width:100px} .smInstTable th.cPos{min-width:80px} .smInstTable th.iPos{min-width:80px} .smInstTable th .explain{color:gray;font-weight:400} .smInstTable tr.firstTop td {border-top: 1px solid #d2d2d2} .smInstTable td.name {position: sticky;transition: all 0ms ease-in-out;z-index: 1;left: 0px;background: #e2edf9 url(/images/bg_time.gif) right 0 repeat-y;font-weight: bold;font-size: 13px;color: #000;letter-spacing: -0.5px;text-align: left;line-height: 1;padding: 10px 5px 10px 15px;width: 130px;min-width: 130px;word-break: break-word;vertical-align: top} .smInstTable td.sumH{position: sticky;transition: all 0ms ease-in-out;z-index: 1;left: 0px;background: #e2edf9 url(/images/bg_time.gif) right 0 repeat-y;font-weight: normal;font-size: 13px;color: #ff6363;letter-spacing: -0.5px;text-align: left;line-height: 1;padding: 10px 5px 10px 15px;width: 130px;min-width: 130px;word-break: break-word;vertical-align: top} .smInstTable .sum{color: #ff6363;font-weight:normal;background:#fdfdef;border-top:solid 1px #bfbfbf;border-bottom:solid 1px #bfbfbf} .smInstTable td .nameCell {margin: 0 0 5px 0} .smInstTable td .life {color:gray;font-weight:normal;font-size:12px} .smInstTable td {height:35px;background:#fff;border-top:1px solid #f5f5f5;font-size:13px;font-weight:600;color:#000;text-align:center;line-height:1.0;padding:10px 2px;word-break:keep-all} .smInstTable th.cnt{width:110px;max-width:110px} .smInstTable th.gb{width: 25px;max-width: 25px;min-width: 25px} .smInstTable td.lineL {border-left: solid 1px #e8e8e8} @media(min-width:700px){ .smSaintTableScroll{margin:0 auto} } .qnaChoiceWrap{margin:0 auto;max-width:780px} .qnaChoiceWrapIn{width:100%;padding:30px 15px 10px 15px} .qnaChoiceBox{border-radius:8px;padding:30px 30px 30px 30px;margin:0 0 10px 0;cursor:pointer} .qnaChoiceBox.myBox{background:url(/images/bg_inquiry_my@2x.jpg) 50% 50% no-repeat;background-size:100% auto} .qnaChoiceBox.requestBox{background:url(/images/bg_inquiry_instead@2x.jpg) 50% 50% no-repeat;background-size:100% auto} .qnaChoiceBox h3{font-size:18px;color:#fff;font-weight:600;margin:0 0 10px 0} .qnaChoiceBox .explain{font-size:14px;color:#979ca6} .qnaChoiceBox .btnArea{margin:20px 0 0 0} .qnaChoiceBox .btnInqury{background:transparent url(/images/ico_arrow_inquiry@2x.png) right 50% no-repeat;background-size:auto 15px;color:#fff;font-weight:600;font-size:15px;line-height:1.1;border-radius:8px;padding:0 30px 0 0;cursor:pointer} @media screen and (min-width:1024px) { .qnaChoiceWrapIn{display:flex;padding:70px 5px 10px 5px} .qnaChoiceBox{flex:1;min-height:220px;padding:45px 30px 45px 30px;margin:0 5px} .qnaChoiceBox.myBox{background-size:100% 100%} .qnaChoiceBox.insteadBox{background-size:100% 100%} .qnaChoiceBox h3{font-size:20px} .qnaChoiceBox .btnArea{margin:30px 0 0 0} .qnaChoiceBox .btnInqury{font-size:16px} } .inqWriteWrap .fileTable{display:flex;justify-content:space-between;border:solid 1px #d9d9d9;margin:5px 0} .inqWriteWrap .fileTable .fileArea{margin:0} .inqWriteWrap .fileTable .btnFile{height:38px;background:#f3f3f3;border:solid 1px #d9d9d9;border-radius:0;padding:0 15px;margin:-1px 0 -1px -1px} .inqWriteWrap .fileTable .btnFile:hover{border-color:#2366FF;color:#2366FF} .inqWriteWrap .fileTable .btnDel{width:38px;height:38px;background:#fff url(/images/ico_x_red@2x.png) no-repeat 50% 50%;border:solid 1px #ced1d3;border-left:none;background-size:10px auto;margin:-1px -1px -1px 0} .inqWriteWrap .fileTable .btnAdd{width:38px;height:38px;background:#fbfbfb url(/images/ico_plus_b.png) no-repeat 50% 50%;background-size:auto;border:solid 1px #ced1d3;opacity:0.5;margin:-1px -1px -1px 0} .inqWriteWrap .fileTable .btnAdd:hover{border:solid 1px #ced1d3;opacity:1} .fileArea{margin:0 0 4px 0;position:relative;display:flex;align-items:center} .fileArea .fileInput{display:none} .fileArea .btnFile{background: #efefef;border: solid 1px #515151;color: #000;border-radius: 3px;padding: 1px 5px;min-width:50px} .fileArea .fileName{padding:0 0 0 7px} .iubaRWrap .graduationTd{display:none} .itemBoxPs{padding: 20px} .itemBoxPs h3{display: inline-block;font-size: 15px;color: #000;font-weight: bold;margin: 0 0 15px 0;line-height: 10px;letter-spacing: -0.8px} .itemBoxPs .inputChk{display: none} .itemBoxPs .inputChk + label{font-size: 14px;padding-top: 0;float: right} .itemBoxPs .inputChk + label{display: inline-block;height: 21px;background: url(/images/ico_radio_ck.png) 0 0 no-repeat;background-size: 19px auto;padding: 1px 0 0 25px;cursor: pointer;font-weight: bold} .itemBoxPs .inputChk:checked + label{background: url(/images/ico-work-finish1-on.png) 0 0 no-repeat;background-size: 21px auto;color:#05c272} .itemBoxPs .box{background: #f9f9f9;padding: 13px 28px;border: solid 1px #f9f9f9;height: 128px;overflow-y: auto;line-height: 19px;font-size: 13px} .itemBoxPs .box li{text-indent: -6px;font-size: 13px;padding: 0 0 5px 10px;color: #4c4c4c} .itemBoxPs .box li:before{display: inline-block;font-weight: bold;margin: 0 3px 0 0} .itemBoxPs .box .li1:before{content: "1."} .itemBoxPs .box .li2:before{content: "2."} .itemBoxPs .box .li3:before{content: "3."} .itemBoxPs .box .li4:before{content: "4."} .itemBoxPs .box li .type{font-weight: bold} .itemBoxPs .box li .point{color: #fa3a3a} .itemBoxPs .box li .inputRadio{display:none} .itemBoxPs .box li .inputRadio + label{display:inline-block;font-size:14px;color:#000;font-weight:600;letter-spacing:-1px;margin:0 10px 0 0;cursor:pointer} .itemBoxPs .box li .inputRadio + label:before{box-sizing:border-box;display:inline-block;content:"";width:17px;height:17px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .itemBoxPs .box li .inputRadio:checked + label{color:#438cFF} .itemBoxPs .box li .inputRadio:checked + label:before{width:17px;height:17px;border:solid 5px #438cFF} .itemBoxPs .box li .inputRadio:disabled + label{opacity:0.5;cursor:default} .acctListWrap{max-width:700px;margin:0 auto;padding:30px 15px} .acctListTitle{text-align:center} .acctListTitle h2{font-size:25px;font-weight:600;margin:0} .acctListWrap .inputDate{width:100%;height:32px;background:transparent;font-size:19px;color:#333;font-weight:600;font-family:arial !important;text-align:left;margin:0;padding:0;position:absolute;top:2px;left:0;padding:0 0 0 30px} .acctListWrap .dateBox{width:110px;height:30px;position:relative;margin:0 5px} .acctListWrap .dateBox:before{display:inline-block;content:"";width:30px;height:30px;background:url(/images/ico_daily.png) 50% 50% no-repeat;border-radius:50%;position:absolute;top:0;left:0} .acctListWrap .calendar{display:flex;justify-content:center;margin:0 0 30px 0} .acctListWrap .calendar .prev_cal{opacity:1;background:url(/images/ico_cal_prev@2x.png) 50% 50% no-repeat;width:30px;height:30px;background-size:8px;border-radius:50%;border:solid 1px #bbb} .acctListWrap .calendar .prev_cal.off{opacity:0.3;cursor:default;pointer-events:none} .acctListWrap .calendar .next_cal{opacity:1;background:url(/images/ico_cal_next@2x.png) 50% 50% no-repeat;width:30px;height:30px;background-size:8px;border-radius:50%;border:solid 1px #bbb} .acctListWrap .calendar .next_cal.off{opacity:0.3;cursor:default;pointer-events:none} .acctList .selectGb{min-width:100px;height:36px;border:solid 1px #ccc;border-radius:5px;font-size:15px;font-weight:500;color:#000;padding:0 15px 0 5px;cursor:pointer} .acctList .searchWrap{display:flex;flex-direction:column-reverse} .acctList .searchWrapL{display:flex;flex-direction:row} /* .acctList .searchWrapR{display:flex;flex-direction:row} */ .acctList button.btnNew, .btnNewRemain{min-width:100px;min-height:36px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;background:#333b58;padding:3px 8px;margin:0 0 0 5px} .acctList button.btnNew:before, .btnNewRemain:before{display: inline-block;content: "";width: 20px;height: 20px;background: url(/images/ico_write.svg) center no-repeat;background-size: 14px auto;vertical-align: middle;margin: 0 5px 3px 0} .acctList button.btnReport{max-width:90px;max-height:30px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;background:#438cff;margin:0 5px 0 0;padding:3px 8px} .acctList button.btnCancel{max-width:90px;max-height:30px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;background:#ff4343;margin:0 5px 0 0;padding:3px 8px} .acctList .reportInfo{text-align:center;color:#868686;font-size:13px} .acctList .reportInfo .confirmDt{cursor:pointer} .acctListTop{text-align:center;margin:20px 0;position:relative} .acctListTop .listSearch{display:inline-block;width:100%;max-width:230px;position:relative} .acctListTop .inputSearch{width:100%;height:46px;border:none;border-bottom:solid 1px #1e1e1e;font-size:15px;padding:0} .acctListTop .btnSH{position:absolute;top:0;right:0;width:36px;height:46px;background:url(/images/ico_top_search@2x.png) right 50% no-repeat;background-size:17px auto;text-indent:-9999px;cursor:pointer;outline:none} .acctListTop .btnChkR{display:block;margin:20px 0 0 0} .acctListTop .inputChk{display:none} .acctListTop .inputChk + label{margin:0 15px 0 0;font-size:13px;font-weight:600;cursor:pointer;color: #000;line-height: 23px} .acctListTop .inputChk + label:before{display:inline-block;content:"";width:18px;height:18px;border:solid 1px #bcbdc0;border-radius:2px;vertical-align: bottom;margin: 0 6px 2px 0} .acctListTop .inputChk:checked + label{color:#2366FF} .acctListTop .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF} .acctList .approvTable{width:100%;border:solid 1px #cbcbcb;margin:0 auto 10px auto} .acctList .approvTable td{height:35px;border-right:solid 1px #cbcbcb;text-align:center;vertical-align:middle;padding:2px 0 !important} /* .acctList .approvTable td:last-child{border-right:none} */ .acctList .approvTable th{height:30px;width:25%;background:#f6f6f6;border-bottom:solid 1px #e4e5e7;border-right:solid 1px #cbcbcb;border-top:none;font-size:13px;text-align:center} .acctList .approvTable th:last-child{border-right:none} .acctList .approvTable th.thKind{width:auto;font-size:14px;border-bottom:none} .acctTotalTable{width:100%;border:solid 1px #efefef;margin:10px 0 0 0} .acctTotalTable th{text-align:center;font-size:14px;padding:8px 0 8px 0;border:solid 1px #efefef;background:#f3f3f3} .acctTotalTable th.totalIn{color:#000;width:calc(100% / 3);background:#f5f5f5} .acctTotalTable th.totalOut{color:#000;width:calc(100% / 3);background:#f5f5f5} .acctTotalTable th.totalBal{color:#000;width:calc(100% / 3);background:#f5f5f5} .acctTotalTable th.total{color:#000} .acctTotalTable td{text-align:center;font-size:20px;padding:10px 0 10px 0;border:solid 1px #efefef;font-weight:600} .acctTotalTable td.totalIn{color:#2366ff} .acctTotalTable td.totalOut{color:#fc5656} .acctListTable{width:100%;border-top:solid 1px #e6e6e6;margin-top:10px} .acctListTable tr{vertical-align:middle;padding:8px 0 8px 0} .acctListTable th{height:30px;border-bottom:solid 1px #e6e6e6;text-align:center;letter-spacing:-0.5px} .acctListTable th.num{width:50px} .acctListTable th.date{width:80px} .acctListTable th.money{text-align:right;padding-right:20px} .acctListTable th.acctGb{text-align:left;padding:0 10px;min-width:80px} .acctListTable td.acctGb{text-align:left;padding:0 10px;color:#333;font-weight:600} .acctListTable td{border-bottom:solid 1px #f5f5f5;color:#777;font-size:14px;padding:5px 5px 5px 0;letter-spacing:-0.5px} .acctListTable td.num{width:50px;text-align:center} .acctListTable td.date{width:80px;text-align:center} .acctListTable td.money{text-align:right;font-weight:500;padding-right:20px} .acctListTable td.btnArrow{background:url(/images/ico_arrow_dep_bottom@2x.png) no-repeat 50% 50%;background-size:12px auto;width:50px;height:100%} .acctListTable .btnWrap{margin:0 0 20px 0} .acctListTable .btnWrap button{display:inline-block;color:#616161;font-weight:600;background:#fff;border:solid 1px #cfcfcf;padding:0 10px;cursor:pointer;min-width:90px;height:38px;font-size:13px;border-radius:10px} .acctListTable td.detail dl{margin-left:70px;color:#000} .acctListTable td.detail .info{display:flex;color:#b5b5b5;justify-content:end;margin:0} .acctListTable td.detail .info dt{font-weight:600} .acctListTable td.detail .info dd{margin-right:10px} .acctListTable td.detail{padding:10px 0 0 0} .acctListTable td.detail .file{cursor:pointer} .acctListTable .btnFile{background:url(/images/ico_file@2x.png) no-repeat 50% 50%;background-size:17px auto;width:20px;height:20px} @media(min-width:768px){ .acctListTop .btnChkR{position:absolute;bottom:0;right:0;margin:0} .acctListWrap{padding:60px 15px} .acctList .approvTable{margin:10px auto 0 auto} .acctList .searchWrap{display:flex;flex-direction:row;justify-content:space-between;align-items:end} .acctListTitle h2{font-size:46px} .acctListWrap .calendar{margin-top:20px} .acctListTable tr{width:100%;padding:0} .acctListTable th{height:40px} .acctListTable td{height:50px;padding:0} .acctListTable td.detail dl{margin-left:115px} .acctListTable td.money{width:150px} .acctListTable td.inputName{width:120px} .acctList .approvTable{width:300px} } .acctWriteWrap{max-width:700px;margin:0 auto;padding:30px 15px} .acctWriteTitle{text-align:center} .acctWriteTitle h2{font-size:25px;font-weight:600;margin:0} .acctWriteBox{border: solid 1px #e3e3e3;border-radius: 15px;padding: 20px;margin:20px 0} .acctWriteBox .inputRadio + label{font-size:18px;color:#333;font-weight:500;margin:3px 20px 3px 0;cursor:pointer} .acctWriteBox .inputRadio + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0} .acctWriteBox .inputRadio:checked + label{color:#535bfb} .acctWriteBox .inputRadio:checked + label:before{border:solid 5px #535bfb;box-sizing: border-box} .acctWriteBox .inputRadio:disabled + label{opacity:0.6;cursor:default} .acctWriteBox .inputRadio:disabled + label:before{background:#eee} .acctWriteBox .inputRadio:disabled:checked + label{color:#333} .acctWriteBox .inputRadio:disabled:checked + label:before{background:#fff;border:solid 5px #a4a5a7} .acctWriteBox .inputText{height: 30px;border: solid 1px #ddd;border-radius: 3px;padding: 0 5px;width:100%;font-size:16px;font-weight:500} .acctWriteBox .inputMoney{width:120px;text-align:right;padding:0 5px} .acctWriteBox .inputMoney::-webkit-outer-spin-button, .acctWriteBox .inputMoney::-webkit-inner-spin-button{-webkit-appearance:none} .acctWriteBox .item{margin:20px 0;display:flex;align-items:center} .acctWriteBox .item .title{margin:0 10px 0 0;font-weight:600;font-size:17px;min-width:100px;word-break:keep-all} .acctWriteBox .item .input{width:100%} .acctWriteBox .selectGb{min-width:100px;height:30px;border:solid 1px #ddd;border-radius:3px;font-size:16px;font-weight:500;color:#000;padding:0 15px 0 5px;cursor:pointer} .acctWriteBox .inputDate{width:100%;height:30px;background:transparent;font-size:16px;color:#333;font-family:arial !important;font-weight:600;text-align:left;margin:0;padding:0;position:absolute;top:0;left:0;padding:0 0 0 38px} .acctWriteBox .dateBox{width:100%;height:30px;position:relative} .acctWriteBox .dateBox:before{display:inline-block;content:"";width:30px;height:30px;background:url(/images/ico_daily.png) 50% 50% no-repeat;border:solid 1px #bbb;border-radius:50%;position:absolute;top:0;left:0} .acctWriteBtn{display:flex;justify-content:center;gap:5px;text-align:center;padding:30px 0;max-width:400px;margin:0 auto} .acctWriteBtn button{flex:1;max-width:50%} .acctWriteBtn .btnPrimary{height:45px;background:#438cff;border-radius:30px;color:#fff;font-weight:500;padding:2px 20px 0 20px;margin:0} .acctWriteBtn .btnPrimary:before{display:inline-block;content:"";width:15px;height:17px;background:url(/images/ico_start.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 4px 0} .acctWriteBtn .btnDefault{height:45px;background:#fff;border-radius:30px;color:#000;border:solid 1px #ddd;font-weight:500;padding:2px 20px 0 20px;margin:0} .acctWriteBtn .btnDelete:before{display:inline-block;content:"";width:15px;height:17px;background:url(/images/ico_del.png) 50% 50% no-repeat;vertical-align:middle;margin:0 5px 4px 0} .acctWriteBtn .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_detail_list.png) 50% 50% no-repeat;vertical-align:middle;margin:0 5px 4px 0} .acctWriteBox .fileTable{display:flex;justify-content:space-between;border:solid 1px #ddd;border-radius:0 3px 3px 0} .acctWriteBox .fileTable .fileArea{margin:0} .acctWriteBox .fileTable .btnFile{height:30px;background:#f3f3f3;border:solid 1px #ddd;border-radius:3px 0 0 3px;padding:0 15px;margin:-1px 0 -1px -1px;font-size:14px;font-weight:500;color:#666} .acctWriteBox .fileTable .btnFile:hover{border-color:#2366FF;color:#2366FF} .acctWriteBox .fileTable .btnDel{width:38px;height:30px;background:#fff url(/images/ico_x_red@2x.png) no-repeat 50% 50%;border:solid 1px #ddd;border-left:none;background-size:10px auto;margin:-1px -1px -1px 0;border-radius:0 3px 3px 0} .acctWriteBox .fileTable .btnAdd{width:38px;height:30px;background:#fbfbfb url(/images/ico_plus_b.png) no-repeat 50% 50%;background-size:auto;border:solid 1px #ced1d3;opacity:0.5;margin:-1px -1px -1px 0} .acctWriteBox .fileTable .btnAdd:hover{border:solid 1px #ced1d3;opacity:1} .acctWriteBox .fileName{font-size:15px;font-weight:500} @media(min-width:768px){ .acctWriteWrap{padding:60px 15px} .acctWriteTitle h2{font-size:46px} } .accountModalBg{display:none;background:#00000099;width:100%;height:100vh;position:fixed;top:0;z-index:2} .accountLayer{position:relative;top:calc(50% - 125px)} .accountLayer .guide{position:relative;background:#fff;margin:0 10px;border-radius:20px;padding:20px 40px 30px 40px} .accountLayer .guide .btnClose{position:absolute;top:15px;right:15px;width:40px;height:40px;background:url(/images/ico_nav_close@2x.png) 50% 50% no-repeat;background-size:18px auto;border:none;opacity:0.7;cursor:pointer} .accountLayer .guide .btnClose:hover{opacity:1} .accountLayer .title{font-size:20px;text-align:center;font-weight:600;/*border-bottom:solid 1px #f1efef;*/padding:0 0 10px 0;margin:15px 0 0 0;word-breaK:keep-all} .accountLayer .ex{font-size:16px;color:#a5a5a5;font-weight:400;padding:5px 0 10px 0} .accountLayer .inputText{height: 30px;border:solid 1px #ddd;border-radius: 3px;padding: 0 5px;width:100%;font-size:16px;font-weight:500} .accountLayer .inputMoney{width:100%;padding:0 5px} .accountLayer .inputMoney::-webkit-outer-spin-button, .accountLayer .inputMoney::-webkit-inner-spin-button{-webkit-appearance:none} .accountLayer .btnPrimary{height:38px;background:#438cff;border-radius:3px;color:#fff;font-weight:500;padding:2px 20px 0 20px;margin:0;min-width:120px} .accountLayer .btnPrimary:before{display:inline-block;content:"";width:15px;height:17px;background:url(/images/ico_start.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 4px 0} @media(min-width:768px){ .accountLayer .guide{width:490px;margin:0 auto} }