@charset "utf-8";
/*
	@Css Name : button.css
	@Description : S,M,L 사이즈와 다양한 색상들의 버튼 스타일들을 정의해 놓은 양식입니다.
				-아래 스타일 코드는 되도록 수정하지 말아 주세요.
				-스타일속성 추가하고 싶으신 분은 페이지 스타일 태그에 추가하시고,
				아래 수정 정보테이블에 수정일, 수정자, 수정내용도 기재해주세요.
				범위가 넓은 스타일만 이곳에 이름 형식에 맞추어 추가해주세요.
				-이름형식 : tblPropertyUser, tdPropertyUserTextarea
	@Modification Information

	수정일		 수정자	수정내용
	-----------------------------------
	2015.11.17	이지수		최초 생성
	2015.12.08	이지수		코드정렬, Darkblue,Darkgray추가

	@author	: 터보소프트 개발본부 이지수
	@since	: 2015.12.09
*/





/* Blue button S M L */
.btnBlueS {width:80px;height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#4e87b2;margin:2px;}
.btnBlueS:hover {background-color:#363742 !important;}
.btnBlueM {width:100px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#4e87b2;margin:2px;}
.btnBlueM:hover {background-color:#363742 !important;}
.btnBlueL {width:120px;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#4e87b2;margin:2px;}
.btnBlueL:hover {background-color:#363742 !important;}

/* Darkblue button S M L */
.btnDarkblueS {width:80px;height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#00008B;margin:2px;}
.btnDarkblueS:hover {background-color:#363742 !important;}
.btnDarkblueM {width:100px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#00008B;margin:2px;}
.btnDarkblueM:hover {background-color:#363742 !important;}
.btnDarkblueL {width:120px;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#00008B;margin:2px;}
.btnDarkblueL:hover {background-color:#363742 !important;}

/* Gray button S M L */
.btnGrayS {width:80px;height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#A1A2A2;margin:2px;}
.btnGrayS:hover {background-color:#363742 !important;}
.btnGrayM {width:100px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#A1A2A2;margin:2px;}
.btnGrayM:hover {background-color:#363742 !important;}
.btnGrayL {width:120px;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#A1A2A2;margin:2px;}
.btnGrayL:hover {background-color:#363742 !important;}
.btnGrayL_new {width:151px;height:44px;line-height:40px;font-size:16px;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;background-color:#A1A2A2;}
.btnGrayL_new:hover {background-color:#363742 !important;}

/* Darkgray button S M L */
.btnDarkgrayS {width:80px;height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#5A5A5A;margin:2px;}
.btnDarkgrayS:hover {background-color:#363742 !important;}
.btnDarkgrayM {width:100px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#5A5A5A;margin:2px;}
.btnDarkgrayM:hover {background-color:#363742 !important;}
.btnDarkgrayL {width:120px;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#5A5A5A;margin:2px;}
.btnDarkgrayL:hover {background-color:#363742 !important;}

/* Red button S M L */
.btnRedS {width:80px;height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#e13d4e;margin:2px;}
.btnRedS:hover {background-color:#363742 !important;}
.btnRedM {width:100px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#e13d4e;margin:2px;}
.btnRedM:hover {background-color:#363742 !important;}
.btnRedL {width:120px;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#e13d4e;margin:2px;}
.btnRedL:hover {background-color:#363742 !important;}
.btnRedL_new {width:151px;height:44px;line-height:40px;font-size:16px;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;background-color:#ef7d65;}
.btnRedL_new:hover {background-color:#363742 !important;}
.btnRedS_new {width:106px;height:44px;line-height:40px;font-size:16px;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;background-color:#ef7d65;}
/* .btnRedL_new:hover {background-color:#ef7d65 !important;} */
.btnL_new {width:151px;height:44px;line-height:40px;font-size:16px;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;background-color:#666666;}
.btnS_new {width:106px;height:42px;line-height:40px;font-size:16px;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;background-color:#666666;border:1px solid #666666;}
.btnBlueS_new {width:106px;height:42px;line-height:40px;font-size:16px;color:#498dc1 !important;text-decoration: none !important;text-align:center;display:inline-block;background-color:#ffffff;border:1px solid #498dc1;}
/* .btnL_new:hover {background-color:#ef7d65 !important;} */
/* 2016 02 05 협약 내용 버튼 스타일 수정 */
.btnRedM_XL {width:220px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#e13d4e;margin:2px;}
.btnRedM_XL:hover {background-color:#363742 !important;}

/* Orange button S M L */
.btnOrangeS {width:68px !important;height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 15px;background-color:#ef7d65;margin:2px;}
.btnOrangeS:hover {background-color:#666666 !important;}
.btnOrangeM {width:100px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#ef7d65;margin:2px;}
.btnOrangeM:hover {background-color:#666666 !important;}
.btnOrangeL {width:120px;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#fff !important;text-decoration: none !important;text-align:center;display:inline-block;border-radius: 5px;background-color:#ef7d65;margin:2px;}
.btnOrangeL:hover {background-color:#666666 !important;}

.btnSizeSs{width: auto; height: auto; padding: 4px 7px; vertical-align: middle;line-height: 1em;}
.btnSizeSss{width: auto; height: auto; padding: 3px 6px; vertical-align: middle;line-height: 1em;}
