@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/* font-family: 'Nanum Gothic', sans-serif; */
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*font-family: 'Nanum Myeongjo', serif;*/
@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);
/*font-family: 'KoPub Batang', serif;*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*font-family: 'Noto Sans KR', sans-serif;*/

/* common */
html {font-size: 62.5%;box-sizing: border-box;overflow: auto;letter-spacing: -0.01em;word-break: break-all;-webkit-text-size-adjust: 100%;}
* {margin: 0;padding: 0;font-family: inherit;font-size: inherit;box-sizing: inherit;letter-spacing: inherit;word-break: inherit;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body,th,td,input,select,textarea,button{font-size:13px;line-height:1.5;font-family:'Noto Sans KR','돋움',dotum,sans-serif;color:#333}
fieldset,img{border:0}
img{vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
input,select,textarea,button{vertical-align:middle}
input[type="number"] {-moz-appearance: textfield;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{ -webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="number"]::-ms-clear {display: none;}
button{cursor:pointer; border: none;}
a{color:#333;text-decoration:none!important}
a:hover,a:active,a:focus{color:#777773}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

/* global */
.show{display:block}
.hide{display:none}
.f_l{float:left}
.f_r{float:right}
.tbl{border-collapse:collapse;border-spacing:1px} /* 테이블 초기화 */
.ir_pm {display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:''}
.skip a{overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.skip a:hover,.skip a:active,.skip a:focus{top:0}
.jPopupArea{position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:auto; overflow-y:auto; background:rgba(100, 100, 100, 0.5); display:none; min-width:1200px; z-index:100;}
/*.jPopupArea2{position: absolute; width: 100%; top: 0; height: 100%; background: rgba(100, 100, 100, 0.5); display: none; z-index: 5 ; }*/
.jPopupArea2{position:fixed; left:0; right:0; top:0; bottom:0; height:auto; overflow-y:auto; background:rgba(100,100,100,0.5); display:none; z-index:102;}
.jPopupArea3{position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:auto; overflow-y:auto; background:rgba(100, 100, 100, 0.5); display:none; z-index:2;}
.jPopupCalendar{position:fixed;left:0;right:0;top:0;bottom:0;overflow-y:auto;background:rgba(100,100,100,0.5);display:none;z-index:100;}
body > #ui-datepicker-div{z-index:101 !important;}

/* paging */
.pageNumber {text-align:center; padding:30px 0 0 0 ; margin-left:20px;}
.pageNumber * {vertical-align:middle;}
.pageNumber span {display:inline-block; margin:0 4px;}
.pageNumber strong {display:inline-block; width:26px; height:25px; margin-right:3px; padding:0; background-color:#63a7e5; font-size:12px; color:#fff; line-height:25px; text-align:center;}
.pageNumber a {display:inline-block; width:24px; height:23px; margin-right:3px; border:1px solid #ccc; font-size:12px; color:#666; line-height:23px; text-align:center;}
.pageNumber a.first, .pageNumber a.prev, .pageNumber a.next, .pageNumber a.last {height:15px; padding-top:8px; font-size:0; line-height:0;}

.pageNumber input[type=button] {display:inline-block; width:24px; height:23px; margin-right:3px; border:1px solid #ccc; font-size:12px; color:#666; line-height:23px; text-align:center;}
.pageNumber input[type=button].first, .pageNumber input[type=button].prev, .pageNumber input[type=button].next, .pageNumber input[type=button].last {height:15px; padding-top:8px; font-size:0; line-height:0;}

.pageNumber a:hover { color:#63a7e5; font-weight:bold; }

.pageNumber input[type=button]:hover { color:#63a7e5; font-weight:bold; }