.fl_l {float:left;}
.fl_r {float:right;}
.clear {*zoom:1;}
.clear:after {display:block; clear:both; content:' ';}

/* margin-top */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt80 {margin-top:80px;}

/* padding-left */
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}

/* input 스타일 */
input.checkbox {width:13px; height:13px; vertical-align:top;}
input.text {width:auto; height:36px; line-height:36px; padding-left:10px; outline-style:none; color:#616161; font-size:15px; border:solid 1px #ccc; border-radius:2px; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
textarea.txtarea {width:auto; padding-left:10px; outline-style:none; color:#616161; font-size:15px; border:solid 1px #ccc; border-radius:2px; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* SELECT STYLE A */
div#select_type_a {position:relative; display:inline-block; _display:inline; *display:inline; width:auto; height:36px;  border-radius:2px; background:url(../img/select_type_a.gif) 100% center no-repeat; background-color:#fff; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}  /* border:solid 1px #ccc; */
div#select_type_a label {position:absolute; font-size:15px; color:#616161; top:5px; left:7px;}
div#select_type_a select {width:100%; height:36px; min-height:36px; line-height:36px; padding:0 30px 0 0; opacity:0; filter:alpha(opacity=0); box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} 

/* SELECT STYLE B */
div.select {position:relative; z-index:3; height:36px; min-height:36px; line-height:36px; border:1px solid #ccc; background:#fff; letter-spacing:-1px; border-radius:2px;}
div.select div {display:none; position:absolute; top:36px; left:-1px; width:100%; min-width:146px; padding:6px 0; border:1px solid #44515f; background:#fff;}
div.select div a {display:block; height:30px; line-height:30px; padding:2px 0 0 8px; font-size:13px; color:#888;}
div.select div a:hover {background:#44515f; color:#fff;}
div.select > a {display:inline-block; width:100%; min-width:115px; height:30px; padding:1px 23px 0 8px; background:url('../img/select_type_a.gif') no-repeat right 5px; font-size:13px; color:#888; box-sizing:border-box;}
div.select:hover {position:relative; border:1px solid #44515f;}
div.select:hover > a {background:url('../img/select_type_a_on.gif') no-repeat right 5px; color:#44515f;}
div.select:hover > div {display:block;}

/* checkbox 스타일 */
.chk p {position:relative; margin-right:12px; display:inline-block; _display:inline; *display:inline; font-size:15px; color:#000;}
.chk p .checkbox {position:absolute; z-index:-1; top:0; left:0;}
.chk p label.on {background:#fff url('../img/check-on.png') no-repeat left top;}
.chk p label {display:block; min-height:20px; padding:0 0 0 27px; background:#fff url('../img/check-off.png') no-repeat left top;}

/* FILE STYLE A */
.file_style_a:after {display:block; clear:both; content:' ';}
.file_style_a .file_input_textbox {float:left; margin-right:5px; height:36px; min-height:36px; line-height:36px; border:solid 1px #ccc; border-radius:2px; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.file_style_a .file_input_div {float:left; position:relative; width:65px; height:36px; overflow:hidden;}
.file_style_a .file_input_button { width:65px; height:29px; line-height:29px; position:absolute; top:3px; border:0; outline-style:none; font-size:13px; background-color:#54606e; color:#fff; border-radius:2px;}
.file_style_a .file_input_hidden {font-size:45px; position:absolute; right:0px; top:3px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}  
.file_style_a .file_add {float:left; position:relative; margin-left:3px; text-align:center;}
.file_style_a .file_add a {position:absolute; top:3px; left:0; display:inline-block; width:46px; height:29px; line-height:29px; font-size:13px; background-color:#929292; color:#fff; border-radius:2px;} 

/* 프로젝트 페이징 */
.paging {margin:40px 0;vertical-align:middle;}
.paging ul {text-align:table; width:100%; font-size:0; text-align:center;}
.paging ul li {display:inline-block; padding:0 11px 0 10px; background:url('../img/project/paging_bar.gif') no-repeat left center;}
.paging ul li.first {background:none;}
.paging ul li first {background:none;}
.paging ul li a {height: 30px;line-height: 30px;vertical-align: middle; font-size:13px; color:#666; cursor: pointer;}
.paging ul li img {vertical-align: middle;}
.paging ul li a.on {color:#666; font-weight:500;}

/* 레이어 팝업 */
#mask {position:absolute; left:0; top:0; z-index:40000; background-color:#000000; display:none;}
#layerbox {display:none; z-index:50000; background:#fff; border:solid 3px #54606e; padding:0; box-sizing:border-box;}
#layerbox #layerbox_close {position:absolute; top:14px; right:20px; width:21px; height:21px; display:block; text-indent:-9999px; background:transparent url('../img/pop_close.gif') no-repeat;}
#layerbox #layerbox_close:hover {background:transparent url('../img/pop_close.gif') no-repeat; cursor:pointer;}

/* 레이어 팝업 default 스타일 */
#layerbox .default > .title {padding:12px 20px; color:#616161; font-size:18px; font-weight:500; background:#f7f7f7; border-bottom:solid 1px #cdcdcd; cursor:move;}
#layerbox .default > .content {vertical-align:top; padding:10px 20px 20px; color:#616161; font-size:14px; line-height:160%;}
#layerbox .default > .content input.text,
#layerbox .default > .content select {font-size:13px; color:#888;}


/* 레이어 팝업 버튼 */
#layerbox .button {text-align:center; padding:0 0 20px;}
#layerbox .button .lbtn {display:inline-block; _display:inline; *display:inline; text-align:center; padding:0 20px; font-size:15px; color:#fff; background:#54606e; font-weight:300; border-radius:2px; box-sizing:border-box;}
#layerbox .button .lbtn_ok { height:32px; line-height:32px;}
#layerbox .button .lbtn_gray {margin-right:5px; height:32px; line-height:32px; background:#929292;}
#layerbox .button .lbtn_cancel {width:171px; height:32px; line-height:32px;}

/*텍스트 셀렉트 방지*/
.none_text_select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* 레이어 팝업 mailContent 스타일 */		
#layerbox .mailContent .headContent{font-size: 11pt;font-weight: 500;color: #3e3a39;margin: 10px;}
#layerbox .mailContent input{width: calc(100% - 36px);padding-left: 10px;height: 30px;margin: 10px;font-size: 11pt;}
#layerbox .mailContent input::-webkit-input-placeholder {color: #b5b5b6;}
#layerbox .mailContent input::-moz-placeholder {color: #b5b5b6;}
#layerbox .mailContent input:-ms-input-placeholder {color: #b5b5b6;}
#layerbox .mailContent input:-moz-placeholder {color: #b5b5b6;}
#layerbox .mailContent textarea{width: calc(100% - 22px);padding-top:10px;padding-left: 10px;height: 153px;margin: 10px;font-size: 11pt;border-color: #a9a9a9;}
#layerbox .mailContent textarea::-webkit-input-placeholder {color: #b5b5b6;}
#layerbox .mailContent textarea::-moz-placeholder {color: #b5b5b6;}
#layerbox .mailContent textarea:-ms-input-placeholder {color: #b5b5b6;}
#layerbox .mailContent textarea:-moz-placeholder {color: #b5b5b6;}
#layerbox .lst{color:#000 !important;border-color:#000 !important}
#layerbox .lst:hover{color:#ff6700 !important;border-color:#ff6700 !important}