@charset "utf-8";

/*
=================================
버튼
=================================
*/
/* Button Reset */
.button{ position:relative; overflow: visible; display:-moz-inline-stack; display:inline-block; margin-bottom:5px;/* margin:0 2px; */ padding:0; vertical-align: top;  white-space: nowrap; font-weight:400; text-decoration:none; border-radius: 3px; color:#fff; background-color:#3378c1; border:0px solid #245fa3; border-width:0 1px 1px 0; box-sizing:border-box; cursor:pointer }
a.button { margin:0 2px 2px;} 
p.button { cursor: no-drop; }

/* Button Size */
/* .button.small { height: 26px; padding:0 12px; line-height: 26px; font-size: 12px; }
.button.medium { height: 37px; padding: 0 22px; line-height:35px; font-size:13px;} 
.button.large { height: 40px; padding:0 25px; line-height:40px; font-size:15px;}  */

.button.small { height: 28px; padding:0 12px; line-height: 25px; font-size: 12px; }
.button.medium { height: 37px; padding: 0 20px; line-height:35px; font-size:13px;} 
.button.large { height: 40px; padding:0 22px; line-height:40px; font-size:14px;}



/* Button Color */
.button.search_btn01 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box; border-radius: 0px;}
.button.search_btn02 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box; border-radius: 0px;}
.button.search_btn03 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box; border-radius: 0px;}
.button.gray {border:1px solid #666; border-width:0 1px 1px 0; color:#fff; background:#666;  box-sizing:border-box; border-radius: 3px;}
.button.gray02 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box; border-radius: 3px;}
.button.white {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#444; background:#fcfcfc; border-radius: 3px;}
.button.color {border:1px solid #2c64b1; border-width:0 1px 1px 0; color:#fff; background:#3378c1;  box-sizing:border-box; border-radius: 3px;}


.button.progress_btn {border:1px solid #2a6fb7; color:#2a6fb7; background:#fff;  box-sizing:border-box; border-radius: 3px;}
.button.consult_btn {border:1px solid #78abe2; color:#4d89c8; background:#fff;  box-sizing:border-box; border-radius: 3px;}
.button.result {border:1px solid #f45656; border-width:0 1px 1px 0; color:#fff; background:#fa6565;  box-sizing:border-box; border-radius: 3px;}
.button.result_ok {border:1px solid #a268ba; border-width:0 1px 1px 0; color:#fff; background:#a974bf;  box-sizing:border-box; border-radius: 3px;}
.button.request_ok {border:1px solid #37b4b5; border-width:0 1px 1px 0; color:#fff; background:#40c1c2;  box-sizing:border-box; border-radius: 3px;}

@media (max-width: 480px) {
	
.button.search_btn02 {display: block; width: 100%; margin:5px 0 0 0;}
.button.search_btn03 {display: block; width: 100%; margin:5px 0 0 0;}
}

/* Button Hover */
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#194478;}
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#555;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #888; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #ddd; box-sizing:border-box; color:#555; text-decoration:none; background:#ededed; } 
.button.color:hover, .button.color:active, .button.color:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#194478;}
.button.search_btn01:hover, .button.search_btn01:active, .button.search_btn01:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.button.search_btn02:hover, .button.search_btn02:active, .button.search_btn02:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.button.search_btn03:hover, .button.search_btn03:active, .button.search_btn03:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#194478;}

.button.progress_btn:hover, .button.progress_btn:active, .button.progress_btn:focus { border:1px solid #3378c1; color: #16569a; box-sizing:border-box; text-decoration:none; background:#fff;} 
.button.consult_btn:hover, .button.consult_btn:active, .button.consult_btn:focus { border:1px solid #3378c1; color: #3378c1; box-sizing:border-box; text-decoration:none; background:#fff;} 
.button.result:hover, .button.result:active, .button.result:focus { border:1px solid #f45656; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#f45656;} 
.button.result_ok:hover, .button.result_ok:active, .button.result_ok:focus { border:1px solid #a268ba; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#a268ba;} 
.button.request_ok:hover, .button.request_ok:active, .button.request_ok:focus { border:1px solid #37b4b5; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#37b4b5;} 



input[type="submit"].button.icon:hover, input[type="button"].button.icon:hover,
input[type="submit"].button.icon:active, input[type="button"].button.icon:active,
input[type="submit"].button.icon:focus, input[type="button"].button.icon:focus { background-image:url(/new/kor/img/common/bul/icon_button_w.png); background-repeat:no-repeat; background-color:#194478}

input[type="submit"].button.icon.color:hover, input[type="button"].button.icon.color:hover,
input[type="submit"].button.icon.color:active, input[type="button"].button.icon.color:active,
input[type="submit"].button.icon.color:focus, input[type="button"].button.icon.color:focus { background-image:url(/new/kor/img/common/bul/icon_button_w.png); background-repeat:no-repeat;}

input[type="submit"].button.icon.white:hover, input[type="button"].button.icon.white:hover,
input[type="submit"].button.icon.white:active, input[type="button"].button.icon.white:active,
input[type="submit"].button.icon.white:focus, input[type="button"].button.icon.white:focus { background-image:url(/new/kor/img/common/bul/icon_button_b.png); background-repeat:no-repeat; background-color:#ededed}


/* icon */
.button.icon { position:relative; padding-right:35px }
.button.icon:after { position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; padding:0 5px; background:url(/new/kor/img/common/bul/icon_button_w.png) no-repeat; }
.button.icon.white:after { position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; padding:0 5px; background:url(/new/kor/img/common/bul/icon_button_b.png) no-repeat; }
.button.small:after { height:20px; margin:2px 2px 0 8px}
.button.medium:after { height:20px; margin:6px 2px 0 8px}
.button.large:after { height:20px; margin:9px 2px 0 8px}
input[type="submit"].button.icon, 
input[type="button"].button.icon { background:url(/new/kor/img/common/bul/icon_button_w.png) no-repeat #2c64b1}
input[type="submit"].button.icon.color, 
input[type="button"].button.icon.color { background-image:url(/new/kor/img/common/bul/icon_button_w.png); background-repeat:no-repeat;}
input[type="submit"].button.icon.white, 
input[type="button"].button.icon.white { background:url(/new/kor/img/common/bul/icon_button_b.png) no-repeat #f4f5f7}


/* 다운로드 */
.button.small.down:after { background-position:center -481px;}
.button.medium.down:after, 
.button.large.down:after { background-position:center -482px;}
input[type="submit"].button.icon.down, input[type="button"].button.icon.down,
input[type="submit"].button.icon.color.down, input[type="button"].button.icon.color.down,
input[type="submit"].button.icon.white.down, input[type="button"].button.icon.white.down {background-position: right -480px;}
input[type="submit"].button.medium.icon.down, input[type="button"].button.medium.icon.down,
input[type="submit"].button.medium.icon.color.down, input[type="button"].button.medium.icon.color.down,
input[type="submit"].button.medium.icon.white.down, input[type="button"].button.medium.icon.white.down {background-position: right -475px;}
input[type="submit"].button.large.icon.down, input[type="button"].button.large.icon.down,
input[type="submit"].button.large.icon.color.down, input[type="button"].button.large.icon.color.down,
input[type="submit"].button.large.icon.white.down, input[type="button"].button.large.icon.white.down {background-position: right -473px;}

/* 새창 */
.button.small.jump:after { background-position:center -433px;}
.button.medium.jump:after, 
.button.large.jump:after { background-position:center -431px;}
input[type="submit"].button.icon.jump, input[type="button"].button.icon.jump,
input[type="submit"].button.icon.color.jump, input[type="button"].button.icon.color.jump,
input[type="submit"].button.icon.white.jump, input[type="button"].button.icon.white.jump {background-position: right -432px;}
input[type="submit"].button.medium.icon.jump, input[type="button"].button.medium.icon.jump, 
input[type="submit"].button.medium.icon.color.jump, input[type="button"].button.medium.icon.color.jump,
input[type="submit"].button.medium.icon.white.jump, input[type="button"].button.medium.icon.white.jump {background-position: right -425px;}
input[type="submit"].button.large.icon.jump, input[type="button"].button.large.icon.jump,
input[type="submit"].button.large.icon.color.jump, input[type="button"].button.large.icon.color.jump,
input[type="submit"].button.large.icon.white.jump, input[type="button"].button.large.icon.white.jump {background-position: right -423px;}
a.button[title="새 창"], a.button[title="팝업"] { padding-right:30px;}



/* 추가 */
.button.small.plus:after, 
.button.medium.plus:after, 
.button.large.plus:after { background-position:center -337px;}
input[type="submit"].button.icon.plus, input[type="button"].button.icon.plus,
input[type="submit"].button.icon.color.plus, input[type="button"].button.icon.color.plus,
input[type="submit"].button.icon.white.plus, input[type="button"].button.icon.white.plus {background-position: right -432px;}
input[type="submit"].button.medium.icon.plus, input[type="button"].button.medium.icon.plus, 
input[type="submit"].button.medium.icon.color.plus, input[type="button"].button.medium.icon.color.plus,
input[type="submit"].button.medium.icon.white.plus, input[type="button"].button.medium.icon.white.plus {background-position: right -423px;}
input[type="submit"].button.large.icon.plus, input[type="button"].button.large.icon.plus,
input[type="submit"].button.large.icon.color.plus, input[type="button"].button.large.icon.color.plus,
input[type="submit"].button.large.icon.white.plus, input[type="button"].button.large.icon.white.plus {background-position: right -423px;}



/* 삭제 */
.button.small.delete:after,
.button.medium.delete:after, 
.button.large.delete:after { background-position: center -141px;}
input[type="submit"].button.icon.delete, input[type="button"].button.icon.delete,
input[type="submit"].button.icon.color.delete, input[type="button"].button.icon.color.delete, 
input[type="submit"].button.icon.white.delete, input[type="button"].button.icon.white.delete {background-position: right -139px;}
input[type="submit"].button.medium.icon.delete, input[type="button"].button.medium.icon.delete,
input[type="submit"].button.medium.icon.color.delete, input[type="button"].button.medium.icon.color.delete,
input[type="submit"].button.medium.icon.white.delete, input[type="button"].button.medium.icon.white.delete {background-position: right -134px;}
input[type="submit"].button.large.icon.delete, input[type="button"].button.large.icon.delete,
input[type="submit"].button.large.icon.color.delete, input[type="button"].button.large.icon.color.delete,
input[type="submit"].button.large.icon.white.delete, input[type="button"].button.large.icon.white.delete {background-position: right -132px;}


/* 프린트 */
.button.small.print:after,
.button.medium.print:after, 
.button.large.print:after { background-position: center -724px;}
input[type="submit"].button.icon.print, input[type="button"].button.icon.print,
input[type="submit"].button.icon.color.print, input[type="button"].button.icon.color.print, 
input[type="submit"].button.icon.white.print, input[type="button"].button.icon.white.print {background-position: right -139px;}
input[type="submit"].button.medium.icon.print, input[type="button"].button.medium.icon.print,
input[type="submit"].button.medium.icon.color.print, input[type="button"].button.medium.icon.color.print,
input[type="submit"].button.medium.icon.white.print, input[type="button"].button.medium.icon.white.print {background-position: right -134px;}
input[type="submit"].button.large.icon.print, input[type="button"].button.large.icon.print,
input[type="submit"].button.large.icon.color.print, input[type="button"].button.large.icon.color.print,
input[type="submit"].button.large.icon.white.print, input[type="button"].button.large.icon.white.print {background-position: right -132px;}



/* 텍스트가 없는 아이콘 버튼 */
.button.icon.notxt { padding-right:23px;}