106 lines
8.6 KiB
CSS
106 lines
8.6 KiB
CSS
/* 버튼 및 인풋 타입 */
|
|
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;}
|
|
i.refresh_img {background-image: url(/publish/images/content/refresh_icon.png);width:16px; height:18px;}
|
|
|
|
.refresh_btn {background:#999; border-radius: 5px; font-size:0; height: 36px; width: 36px;} |