@charset "utf-8";
/************************************************ 
Version : 어문규범통합검색시스템 1.0
Date : 2017-04-04
*************************************************/

html,body{width:100%;height:100%;min-height:100%;}
body,object,iframe,
h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
form,fieldset,legend,a,textarea,input,select,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;outline:0;box-sizing:border-box;-webkit-appearance:none;/*<- 크롬에서 체크박스 체크안됨*/outline:0;
	word-break:break-all; font-size:14px;color:#555;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

/* Typography */
body {font-family:"nanum","나눔고딕","돋움","dotum","tahoma","sans-serif"; color:#333}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:inherit;}
b{font-weight:bold;}
strong{font-weight:normal;font-family:"나눔고딕","nanumb";} 
hr{display:none;box-sizing:content-box;height:0;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
abbr, acronym, img, button{border:0;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub, sup{line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
@media screen and (-webkit-min-device-pixel-ratio:0) { sup{top:0;font-size:13px;} }
span,em{vertical-align:top;}

/* List */
ul, ol, li{list-style:none;}

/* Table */
table{border-collapse: collapse;empty-cells:show;border-spacing:0;}
.ie7 table {border-collapse:collapse;}
table caption, fieldset legend{overflow:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0;text-indent:-9999999px;}

/* Hidden */
#skipToContent {display:block;overflow:hidden;position:absolute;top:0;left:0;z-index:9999;width:100%;height:1px;margin-top:-1px;background-color:#3875c1;font-size:14px;font-weight:bold;line-height:1;text-align:center;color:#fff;}
#skipToContent a:focus,
#skipToContent a:active {margin-top:0; height:auto; padding:10px 0px;}
.hidden {overflow:hidden;position:absolute;z-index:-1;width:0;height:0;font-size:0;line-height:0;}
.none{display:none !important;}

/* Text overflow with ellipsis (줄임말) */
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:120%;}
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:120%;}

/* 영역을 벗어나는 텍스트 줄 바꿈 처리(예:긴 URL) */
.break{word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}

/* Forms */
button, input[type="reset"], input[type="button"], input[type="submit"] {line-height:normal;border:none;font-family:'nanum', sans-serif;background:transparent;}
textarea {vertical-align:top;border:solid 1px #ccc;background:#fff;width:100%;font-family:'nanum';line-height:1.5;padding:10px;}
select {padding:5px 5px 3px;border-radius:0;font-size:14px;font-family:"nanum","나눔고딕","돋움","dotum","tahoma","sans-serif";
	color:#666;border:1px solid #ccc;background:url(../../images/bg/bg_select.png) no-repeat right 0;}
select::-ms-expand {display:none;}
.ie9 select {padding-right:5px !important;background:none !important;}
/*input[type="text"]::-ms-clear {display:none !important;}*/ /*검색창 x 표시 없애는 기능*/
input[type="text"],
input[type="password"],
input[type="tel"] {line-height:normal;border:1px solid #e5e5e5;border-radius:0;-webkit-appearance:none;background:#fff;text-indent:10px;outline:none;
	font-family:"nanum","나눔고딕","돋움","dotum","tahoma","sans-serif"; color:#555}
input[type="radio"] {width:20px;height:20px;margin:0 4px 0 0;line-height:normal;appearance:ridio;-webkit-appearance: radio;-moz-appearance:radio;vertical-align:top;border:0;}
input[type="radio"] + label { display:inline-block;vertical-align:top;line-height:normal;}

/* input[type="checkbox"] {display:inline-block;position:relative;cursor:pointer;width:14px;height:14px;margin:4px 6px 0 0;}20180827 수정 */
input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}/* 실제 체크박스는 화면에서 숨김 */

input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; }
input[type="checkbox"] + label:before {content: ' ';display:inline-block;width:13px;height:13px;line-height:13px;margin:1px 6px 0 0;
	text-align:center;vertical-align:middle;border:1px solid #ccc;}/* 가짜 체크박스 */
input[type="checkbox"]:checked + label:before {border-color: #aaa;background:url(../../images/bg/btn_check.png) no-repeat center center;}

input[type="checkbox"] + div label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-left:-20px; }
input[type="checkbox"] + div label:before {content: ' ';display:inline-block;width:13px;height:13px;line-height:13px;margin:1px 6px 0 0;
	text-align:center;vertical-align:middle;border:1px solid #ccc;}/* 가짜 체크박스 */
input[type="checkbox"]:checked + div label:before {border-color: #aaa;background:url(../../images/bg/btn_check.png) no-repeat center center;}

/* 체크박스를 체크했을때 */ /*content: '\2714';  체크표시 유니코드 사용 color: #999; */

/* h2, h3, h4 Bullet */
h2.subTit {margin:34px 0 25px;line-height:1.4;font-weight:bold;font-size:23px;color:#333;}
h3.subTit {line-height:1.4;padding-left:17px;font-family:"nanumb";font-size:17px;color:#333;background:url('../../images/bg/bul_circleRed.png') no-repeat 0 center;}
h3.subTit2 {line-height:1.4;padding-left:10px;padding-bottom:10px;font-family:"nanumb";font-size:17px;color:#333;}

/* Link */
a:link{text-decoration:none;}
a:focus{outline:0;}
a:active,a:hover{outline:0;text-decoration:none;}
a:visited{text-decoration:underline;}
a.link {display:inline-block;text-decoration:underline;color:#009acb !important;} 
a.link:active,a.link:hover {color:#009acb !important;} 

/* Forms */
select {font-family:"nanumb";font-size:14px;color:#666;border:solid 1px #ccc;height:29px;padding:3px 5px 5px 8px;
	background:url(../../images/bg/bg_select.png) no-repeat right 0;vertical-align: top;}
input[type="text"],  input[type="password"] {font-size:14px;border:solid 1px #ccc;color:#777;background:#fff;height:29px;padding:3px 5px 5px 8px;box-sizing:border-box;vertical-align: top;}

/* Button */
.btn_add {display:inline-block;text-indent:-5000px;width:31px;height:29px;background:#aaa url(../../images/bg/btn_add.png) no-repeat center;vertical-align:middle;}
.btn_add:hover {background:#888 url(../../images/bg/btn_add.png) no-repeat center;}
.btn_delete {display:inline-block;text-indent:-5000px;width:31px;height:29px;background:#aaa url(../../images/bg/btn_delete.png) no-repeat center;vertical-align:middle;}
.btn_delete:hover {background:#888 url(../../images/bg/btn_delete.png) no-repeat center;}
.btn_detail {display:inline-block;height:29px;background:#aaa;padding:0 15px;font-size:14px;color:#ffffff;text-align:center;line-height:29px;vertical-align:middle;}
.btn_detail:hover {background:#888;}
.btn_search {display:inline-block;padding:5px;margin:0 auto;text-align:center;width:140px;height:29px;.line-height:28px;font-size:14px;background:#555;color:#fff;}
.btn_search:hover {background:#444;}
.btnViewR {float:right;display:inline-block;height:24px;padding:0 15px;line-height:150%;font-size:13px;color:#666;vertical-align:middle;text-align:center;border:1px solid #666;
	border-radius:2px;}
.btnViewR:hover {text-decoration:underline;}
.group:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.btnView {display:inline-block;height:24px;padding:0 15px;line-height:160%;font-size:13px;color:#666;vertical-align:middle !important;text-align:center;border:1px solid #666;
	border-radius:2px;font-family:"nanumb";text-decoration:none !important;}
.btnView:hover {text-decoration:underline !important;color:#666 !important;}
.btnView_b {display:inline-block;height:24px;padding:0 15px 0 32px;line-height:160%;font-size:13px;color:#009acb;vertical-align:middle !important;text-align:center;border:1px solid #009acb;
	border-radius:2px;font-family:"nanumb";text-decoration:none !important;background:url(../../images/btn/btn_ex.png) no-repeat 15px center;}
.btnView_b2 {display:inline-block;height:24px;padding:0 15px 0 15px;line-height:160%;font-size:13px;color:#009acb;vertical-align:middle !important;text-align:center;border:1px solid #009acb;
	border-radius:2px;font-family:"nanumb";text-decoration:none !important;}	
.btnList {display:inline-block;min-width:140px;height:38px;line-height:36px;font-size:15px;font-family:"nanumb";color:#fff;border-radius:2px;text-align:center;
	background:#009acb;}
.btnList:hover {background:#0092c1;}

/*font */
.font_color_sblue {color:#6a8eb6 !important;}/*20190131*/
.font_color_sgray {color:#888 !important;}/*20190131*/
.font_bold {font-weight:bold;}
.wd_20 {width:20px !important;}/*20190131*/
.wd_590 {width:590px !important;}
.wf95 {width:95% !important;}/*20190131*/
.display_IB{display:inline-block !important;}/*20190131*/
.mt1 {margin-top:1px !important;}/*20190131*/
.mt2 {margin-top:2px !important;}/*20190131*/
.mt3 {margin-top:3px !important;}/*20190131*/
.mt4 {margin-top:4px !important;}/*20190131*/

/* 20180827 수정 */
.btnIcon {float:left;display:inline-block;width:14px;height:14px;line-height:135% !important;font-size:11px !important;color:#666;vertical-align:top !important;text-align:center;border:1px solid #666;
	border-radius:2px;font-family:"돋움";}
.bgEx {background:url('../../images/btn/btn_ex_new.png') no-repeat;border-radius:0 !important;border:none;}
.bgEx_open {background:url('../../images/btn/btn_ex_new.png') no-repeat -20px 0;border-radius:0 !important;border:none;}

.wf100 {width:100% !important;}
.wd-100p {width:100% !important;}

/* Margin */  
.m0 {margin:0px !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}

.ml2 {margin-left:2px !important;
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active; }
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml15 {margin-left:15px !important;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml22 {margin-left:22px !important;}
.ml50 {margin-left:20px !important;}

.mr2 {margin-right:2px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr7 {margin-right:7px !important;}

/* Padding */  
.pall0 {padding:0px !important;}
.pall20 {padding:20px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt23 {padding-top:23px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}

.pb0 {padding-bottom:0px !important;}
.pb20 {padding-bottom:20px !important;}

.pl20 {padding-left:20px !important;}

/* border */  
.bT {border-top:none !important;}

/* Text */  
.ta_c {text-align:center !important;}
.ta_l {text-align:left !important;}
.ta_m {text-align:middle !important;}
.vta_t {vertical-align:top !important;}
.vta_m {vertical-align:middle !important;}

/* Font Color */
.colorRd {color:#f33d30 !important;}
.colorBK {color:#333 !important;}
.colorGy {color:#999 !important;}
.colorBu {color:#009acb !important;}

/* -------------------------------------------------------------------------------
	Font
 ------------------------------------------------------------------------------- */ 
.fBold {font-family:'nanumb' !important;}/* font bold */
@font-face{font-family:'nanum';
src:url(./font/NanumGothic-Regular.eot);src:local(※),url(./font/NanumGothic-Regular.woff) format('woff')
}
@font-face{font-family:'nanumb';
font-weight: bold;
src:url(./font/NanumGothic-Bold.eot);src:local(※),url(./font/NanumGothic-Bold.woff) format('woff')
}
@font-face {font-family:'NanumMyeongjo';
src: url('./font/NanumMyeongjo.eot');src:local(※),url('./font/NanumMyeongjo.woff') format('woff');
}
@font-face {font-family: 'NanumMyeongjoB';
src: url('./font/NanumMyeongjoBold.eot');src:local(※),url('./font/NanumMyeongjoBold.woff') format('woff');
}