Code - chominsoo4245/mjon

/* 버튼 및 인풋 타입 */ select {border: 1px solid #e5e5e5;vertical-align: middle;font-weight: 300;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;} select.selType1 {height: 34px;padding:0 25px 0 10px;border: 1px solid #d5d5d5;border-radius: 3px;background-image: url(/publish/images/select_search2.png);background-repeat: no-repeat;background-position: right 5px top 50%;color: #777;} /* .area_tabs */ select.selType2 {height: 36px; align-self: center; width: 125px; color: #666; background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 92% center; padding-left: 12px; box-sizing: border-box; border-radius: 3px; border: 1px solid #ccc;margin-left: 2px; font-size: 16px;} .list_selType1:focus {outline: none;} select.list_selType1 {background-color: transparent; border: none; width: 100%; padding: 0 15px; background-image: url(/publish/images/mem/list_select.png);background-repeat: no-repeat;background-position: right 0 top 50%; font-size: 18px; color: #222; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;} input {border: 0;vertical-align: middle;box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; } input:focus {outline: none;} input::placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;} input:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;} input[type="text"] {padding: 0 10px; border-radius: 3px;font-size: 16px;} input[type="text"].readonly::placeholder {color: #222 !important;} input[type="text"].readonly:-ms-input-placeholder {color: #222 !important;} input[type="text"].inputLight::placeholder {color: #a6a6a6 !important;} input[type="text"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;} input[type="password"] {padding: 0 10px; border-radius: 3px;font-size: 16px;} input[type="password"].inputLight::placeholder {color: #a6a6a6 !important;} input[type="password"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;} /* 비밀번호 css 변경 */ input[type="checkbox"] {width: 16px; height: 16px; border: 1px solid #d6d8da;} input[type="radio"] {margin-top: 2px; margin-right: 3px;} input[type="radio"]+label {margin-right: 18px;font-size:16px;vertical-align: middle;} input[type="radio"].radio_big {margin:0;width:16px;height:16px;} /* input[type="radio"]+label, input[type="checkbox"]+label {vertical-align: middle;} */ textarea {width: 100%;font-size: 16px;padding: 15px; box-sizing: border-box;color: #666;font-weight: 300;font-family: 'Noto Sans KR', sans-serif;} textarea::-webkit-scrollbar {width:7px;} textarea::-webkit-scrollbar-thumb {background: #c3c6c7; border-radius: 3px;} textarea::-webkit-scrollbar-thumb:active {background: 6#808080;} textarea::placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;} textarea:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;} .center_btn_wrap {margin:30px 0 0;text-align:center;} /* button type */ .btnType {text-align: center;font-size: 16px;border-radius: 5px;} .btnType:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);} .btnType1 {background-color: #eea301;color: #fff;height: 36px;padding: 0 14px;} .btnType1:hover {background-color:#f8bd0e ;} .btnType2 {background-color: #002c9a !important; color: #fff !important; height: 36px; padding: 0 6px;} .btnType2:hover {background-color:#002788;} .btnType3 {background-color: #fff; color: #002c9a;height: 36px;padding: 0 6px;border: 1px solid #002c9a;} .btnType3:hover {border: 1px solid #002788;color: #002788;} .btnType4 {background-color: #8e8e8e; color: #fff;width: 90px; height: 26px;padding-right: 10px; border-radius: 13px;font-size: 14px;background-image: url(/publish/images/arrow1.png);background-repeat: no-repeat;background-position:86% center;vertical-align: inherit;} .btnType4:hover {background-color:#a3a3a3;} .btnType5 {background-color: #fff; color: #002c9a;height: 28px;padding: 0 7px;border: 1px solid #002c9a;} .btnType5:hover {border: 1px solid #002788;color: #002788;} .btnType6 {background-color: #e8f0ff !important;height: 40px;padding: 0 16px;border: 1px solid #b1c6ee !important; font-weight: 400;} .btnType6:hover {border: 1px solid #97b1e1;} .btnType7 {background-color: #fff;width: 100%; max-width: 190px; height: 40px;border: 1px solid #b1b1b1;font-weight: 300;} .btnType7:hover {border: 1px solid #a3a3a3;} .btnType8 {background-color: #fbc72b;max-width: 190px;height: 40px;font-weight: 300;} .btnType8:hover {background-color:#f8bd0e;} .btnType9 {background-color: #6a6c72 !important;max-width: 93px;height: 40px;font-weight: 300;color: #fff !important;} .btnType9:hover {background-color:#56585e ;} .btnType10 {background-color: #fff;height: 50px;border: 1px solid #002c9a; color: #002c9a;font-size: 20px;} .btnType10:hover {border: 1px solid #002788;color: #002788;} .btnType11 {background-color: #002c9a;height:50px;color: #fff;font-size: 20px;} .btnType11:hover {background-color: #002788;color: #fff;} .btnType12 {background-color: #fff; height: 32px;border: 1px solid #b1b1b1;font-weight: 300;font-size: 14px;} .btnType12:hover {border: 1px solid #a3a3a3;} .btnType13 {color: #fff;height: 32px;font-weight: 300;font-size: 14px;} .btnType13.c1 {background-color: #2a57c8;border: 1px solid #2a57c8;} .btnType13.c2 {background-color: #0b96d0;border: 1px solid #0b96d0;} .btnType13.c3 {background-color: #129738;border: 1px solid #129738;} .btnType14 {background-color: #fff; height: 36px; padding: 0 10px; border: 1px solid #b9b9b9;border-radius: 5px;font-size: 14px;font-weight: 400;color: #555;letter-spacing: -1px;} .btnType14:hover {border: 1px solid #b1b1b1;} .btnType15{border: 1px solid #d5d5d5;border-radius: 5px; background-color: #fff;height: 32px;width: 80px;margin-right: 2px;} .btnType15:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);} .btnType16 {background-color: #002c9a; height: 50px; padding: 0 39px; color: #fff;font-size: 18px;} .btnType17 {background-color: #999 !important; width: 144px; height: 50px;color: #fff !important;font-size: 18px; } .btnType18 {background-color: #fff; color: #002c9a; width: 145px; height: 50px; border: 1px solid #002c9a; font-size: 18px;} .btnType18:hover {border: 1px solid #002788;color: #002788;} .btnType19{border: 1px solid #d5d5d5;border-radius: 5px; background-color: #fff;height: 50px;padding: 0 16px; margin-right: 2px;} .btnType20{border: 1px solid #d5d5d5; height: 28px; width: 70px; font-size: 14px; font-weight: 400; color: #555; line-height: 1.5; margin:3px 0 0 0;} .btnType21 {height:36px;padding:0 14px;color:#222;background-color:#f8bd0e;} .btnType21:hover {background-color:#eea301;} .btnType22 {height:28px;padding:0 12px;font-size:14px;color:#222;background-color:#f8bd0e; font-weight:500;} .btnType22:hover {background-color:#eea301;} .btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/ .btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /*재사용 버튼 추가*/ /* 기타 반복 사용 */ /* 기타 버튼 타입 */ button.excel_btn {border: 1px solid #129738 !important; color: #129738;} button.excel_btn:hover {border: 1px solid #09862d;color: #09862d;} button.print_btn {border: 1px solid #b1b1b1; color: #555;} button.pdf_btn {border: 1px solid #e40000 !important; color: #e40000;} button.txt_btn {border: 1px solid #53a6da !important; color: #53a6da; } button.txt_btn i {background-image: url(/publish/images/content/txt_img.png); width: 15px; height: 17px; margin: 0 3px 1px 0;} /*아이폰에서 버튼 텍스트가 파란색으로 나와서 추가 231024*/ button, html [type="button"] {-webkit-appearance: none;} /* 기타 버튼 타입 아이콘 */ i.remove_img {background-image: url(/publish/images/content/remove_icon.png);width: 10px;height: 2px;margin: 0 3px 1px 0;} i.add_img {background-image: url(/publish/images/content/add_icon.png);width: 10px;height: 10px;margin: 0 3px 1px 0;} i.print_img {background-image: url(/publish/images/content/print_icon.png);width: 15px;height: 15px;margin: 0 3px 1px 0;} i.pdf_img {background-image: url(/publish/images/content/pdf_icon.png);width: 18px;height:20px;margin: 0 3px 1px 0;} i.uproad {background-image: url(/publish/images/content/excel_get.png); width: 21px; height: 18px;} i.downroad {background-image: url(/publish/images/content/excel_down.png); width: 21px; height: 18px;}