@charset "UTF-8";
/* Font Import */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* CSS Reset */
html,body{width:100%;height: 100%;margin: 0;padding: 0;}
html{overflow-y:scroll;}
body{font-size:13px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,input,select,button{font-family: "Nanum Gothic", sans-serif;color:#000;line-height:1.5}
img,fieldset,iframe{border:0 none}

input,select,button{vertical-align:middle}
img{vertical-align:top}
cite,em,address{font-style:normal}
em{font-weight:bold}
label{display:inline-block;position:relative;cursor:pointer}
button{background:none;border:0 none;cursor:pointer}
a{color:#444;text-decoration:none}
a:hover,a:focus{color:inherit;text-decoration:none;cursor: pointer;}
a:active{color:inherit;text-decoration:none}
hr{display:none}
legend{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0}  /* For Screen Reader */
textarea{overflow-x:hidden;overflow-y:auto;resize:none}
table{border-collapse:collapse;border-spacing:0}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/
section,article,aside,hgroup,header,footer,nav,figure,figcaption,time,mark,canvas,video,audio,details,summary{display:block}
address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}
ol, ul, dl{list-style:none}

/* Common */
.blind{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:0 none;font-size:0;line-height:0;text-indent:100%;white-space:nowrap} /* For Screen Reader */
.indent {text-indent: -9999px !important}

caption.blind{display:table-caption;visibility:hidden;position:static;text-indent:0}
.hide{display:none}
.bold{font-weight:bold}
mark,.mark{padding:2px 1px 1px;font-weight:bold;color:#fff;background-color:#6dcbd3}
.ellipsis{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}

/* IR 기법 */
.ir {width:0; height:0; text-indent:-9999px; position:absolute; left:0; top:0; overflow:hidden;font-size:0; line-height:0; }


/* footer */
footer {width:100%; margin:0 50px; clear:both; height:100px; border-top:1px solid #ddd; padding-top:20px; font-size: 12px;}
footer .bold {color:#333;}



/*hyphen*/
.hyphenline {display: inline-block;width:10px;height: 10px;background: url(../images/com/lnb_2deth_gray.png) center 7px no-repeat; text-indent: -9999px;padding-right: 5px}

/* 페이징 S ------------------------- */
.paging{clear:both;position:relative; text-align:center;   margin-top:25px; margin-bottom:17px;}
.paging .ctrl{border:1px solid #cfcfcf; width:37px; height:19px; margin-bottom:2px; line-height:38px; display:inline-block; vertical-align:middle;}
.paging .ctrl.first{
    background:url('../images/com/paging_first.png') no-repeat 50% 50%;
    background-size:12px 13px;
    -moz-background-size:12px 13px;
    -o-background-size:12px 13px;
    -webkit-background-size:12px 13px;
}
.paging .ctrl.next{
    background:url('../images/com/paging_next.png') no-repeat 50% 50%;
    background-size:12px 13px;
    -moz-background-size:12px 13px;
    -o-background-size:12px 13px;
    -webkit-background-size:12px 13px;
}
.paging .ctrl.back{margin-left:-1px;
    background:url('../images/com/paging_back.png') no-repeat 50% 50%;
    background-size:12px 13px;
    -moz-background-size:12px 13px;
    -o-background-size:12px 13px;
    -webkit-background-size:12px 13px;
}
.paging .ctrl.last{margin-left:-1px;
    background:url('../images/com/paging_last.png') no-repeat 50% 50%;
    background-size:12px 13px;
    -moz-background-size:12px 13px;
    -o-background-size:12px 13px;
    -webkit-background-size:12px 13px;
}
.paging .numbers{color:#333; font-weight:600; font-size:13px; display:inline-block; height:38px; line-height:38px; vertical-align:middle; margin:0 20px;}
.paging .numbers .hero{color:#a73b35;}



.bdnone {border:none !important;}


/*margin*/
.mgt20  {margin-top:20px !important;}
.mgt30  {margin-top:30px !important;}
.mgrl20  {margin:0 20px!important;}

/*padding*/
.pdt10  {padding-top:10px !important;}
.pdt20  {padding-top:20px !important;}
.pdb20  {padding-bottom:20px !important;}

/*width*/
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w300 {width:300px !important;}

/*버튼*/
.btn_red {background: #a73b35;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	    border: 0;
	    font-size: 14px;
	    color: #fff;
	    letter-spacing: -1px;
	    text-align: center;
	    cursor: pointer;
	    display: inline-block;font-weight: 600}
.btn_red:hover { color:#fff; background:#8c322d; }
.btn_gray {background: #a3a3a3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0;
font-size: 12px;
color: #fff;
letter-spacing: -1px;
text-align: center;
cursor: pointer;
display: inline-block;}
.small {padding: 6px 18px 7px 18px;}
.btn_crud {float:right;margin-bottom: 20px;}  

/*input*/
.input_txt input {border: 1px solid #ddd;padding:5px;}

/*float*/
.fr {float:right !important;}
.fl {float:left !important;}

/*txtcolor*/
.txtred {color: #a73b35 !important;font-size: 12px;font-weight: 600}
.txtgray {color: #757576 !important;font-size: 11px;}