@charset "utf-8";

/*폰트*/
.font-weight-bold{font-weight:600 !important;}
.fs-12{font-size:12px !important;}
.fs-13{font-size:13px !important;}
.fs-14{font-size:14px !important;}

.clear{clear:both}

/*정렬*/
.text-right{text-align:right !important;;}
.text-center{text-align:center !important;;}
.text-left{text-align:left !important;;}

/*줄바꿈*/
.m-br { display: none; }
.p-br { display: block; }
@media (max-width: 767px) {
	.m-br { display: block; }
	.p-br { display: none; }
}
.border-top{border-top:2px solid #757575}
.blind{opacity:0;width:0;height:0;display:none;}

/*모바일 pc 보이고 숨기고 */
.mobile__itemView{ display: none;}
.pc__itemView{ display: block;}
.pc__inline{ display: inline;}
@media (max-width: 767px) {
.mobile__itemView{ display: block;}
.pc__itemView{ display: none;}
.pc__inline{ display: none;}
}

/*텍스트 컬러*/
.tcolor_red{color:#d6533d !important;}
.tcolor_blue{color:#2a60bb !important;}
.tcolor_blue2{color:#265add !important;}
.tcolor_gray{color: #929292 !important;}
.tcolor_green{color: #079c12 !important;}
.tcolor_orange{color: #ec6d30 !important;}

/*라벨색상*/
.label{padding:0 10px;font-size:.9rem;font-weight:400;}
.label.radius{border-radius:10px;}
.label.label_rad{background-color:#df322e;color:#fff;}
.label.label_blue2{background-color:#5caeb0;color:#fff;}
.label.label_blue{background-color:#e3eaff;color:#747885;}
.label.label_orange{background-color: #f9d5c4;color: #616161;}
.label.label_yellow{background-color:#f7edb6;color: #616161;}
.label.label_green{background-color: #d1f1d6;color: #616161;}
.label.label_gray{background-color: #eaeaea;color: #616161;}
.label.label_sky{background-color: #c7eeef;color: #616161;}



/*폰트굵기*/
.fontW-400{font-weight:400 !important;}
.fontS-2{font-size:1.3rem !important;}
.fontS-3{font-size:1.5rem !important;}

/*여백*/
.padding-0{padding:0 !important;}
.margin-0{margin:0 !important;}
@media (max-width: 767px) {
	.padding-m0{padding:0 !important;}
	.margin-m0{margin:0 !important;}
}
.mgl-10{margin-left:10px !important;}
.pdl-20{padding-left:20px !important;}.pdr-10{padding-right:10px !important;}.pdr-20{padding-right:20px !important;}
.mgt-0{margin-top:0px !important;}.mgt-5{margin-top:5px !important;}.mgt-10{margin-top:10px !important;}.mgt-15{margin-top:15px !important;}.mgt-20{margin-top:20px !important;}.mgt-30{margin-top:30px !important;}.mgt-40{margin-top:40px !important;}.mgt-50{margin-top:50px !important;}.mgt-60{margin-top:60px !important;}.mgt-70{margin-top:70px !important;}.mgt-80{margin-top:80px !important;}.mgt-90{margin-top:90px !important;}.mgt-100{margin-top:100px !important;}
.mgb-10{margin-bottom:10px !important;}.mgb-15{margin-bottom:15px !important;}.mgb-20{margin-bottom:20px !important;}.mgb-30{margin-bottom:30px !important;}.mgb-40{margin-bottom:40px !important;}.mgb-50{margin-bottom:50px !important;}.mgb-60{margin-bottom:60px !important;}.mgb-70{margin-bottom:70px !important;}.mgb-80{margin-bottom:80px !important;}.mgb-90{margin-bottom:90px !important;}.mgb-100{margin-bottom:100px !important;}
.pdt-10{padding-top:10px !important;}.pdt-15{padding-top:15px !important;}.pdt-20{padding-top:20px !important;}.pdt-30{padding-top:30px !important;}.pdt-40{padding-top:40px !important;}.pdt-50{padding-top:50px !important;}.pdt-60{padding-top:60px !important;}.pdt-70{padding-top:70px !important;}.pdt-80{padding-top:80px !important;}.pdt-90{padding-top:90px !important;}.pdt-100{padding-top:100px !important;}
.pdb-10{padding-bottom:10px !important;}.pdb-15{padding-bottom:15px !important;}.pdb-20{padding-bottom:20px !important;}.pdb-30{padding-bottom:30px !important;}.pdb-40{padding-bottom:40px !important;}.pdb-50{padding-bottom:50px !important;}.pdb-60{padding-bottom:60px !important;}.pdb-70{padding-bottom:70px !important;}.pdb-80{padding-bottom:80px !important;}.pdb-90{padding-bottom:90px !important;}.pdb-100{padding-bottom:100px !important;}


/* 상태버튼 */
.btn_state{color:#fff;font-size:12px;font-weight:400;padding:3px 10px;vertical-align:middle;border-radius:3px;}
.btn_state.request{background-color:#548235;}
.btn_state.request_gray{background-color:#ddd;color:#000;}
.btn_state.waiting{background-color:#ffc000;color: #634a00;}
.btn_state.reject{background-color:#d20000;}
.btn_state.complete{background-color:#2b6ecc;}


/*회원단계*/
.member_state{color:#fff;font-size:12px;font-weight:400;padding:1px 15px 2px 5px;vertical-align:middle;}
.member_state .ti-angle-right{vertical-align:middle;}
.member_state.step01{background-color:#d20000;cursor:pointer;}
.member_state.step02{background-color:#548235;}
.member_state.step03{background-color:#ffc000;color: #634a00;}
.member_state.step04{background-color:#293163;}

/*버튼스타일*/
.btn{display:inline-block;color:#32415e;text-align:center;padding:6px 10px;width:136px;font-weight:normal;cursor: pointer;font-size:1.1rem;}
.btn.btn-small{padding:6px; width:135px;font-size:1rem;}
.btn.btn-small-xs{padding:3px 15px; width:auto;font-size:.9rem;}
.btn.btn-innerSearch{padding:6px; width:auto;min-width:70px;font-size:1rem;margin-bottom:5px;}
.btn.btn-wauto{padding:6px 20px; width:auto;}
.btn.btn-top{padding:10px !important;}
.btn.btn-purpleD{background-color:#48475c;color:#fff;}
.btn.btn-purpleB{background-color:#3a3884;color:#fff;}
.btn.btn-purpleN{background-color:#32415e;color:#fff;}
.btn.btn-red{background-color:#cc4f45;color: #fff;}
.btn.btn-blue{background-color:#2990c5;color:#fff;}
.btn.btn-green{background-color:#2cc76e;color:#fff;}
.btn.btn-indigo{background-color:#2f5597;color:#fff;}
.btn.btn-deepgreen{background-color: #29965d;color: #fff;}
.btn.btn-white{background-color:#fff;color:#000;border:1px solid #c5c5c5;}
.btn.btn-gray{background-color:#ddd;color:#868686;border:1px solid #c5c5c5;cursor:default;}
.btn.btn-white img{vertical-align:middle;}
.btn-shortcuts{display:inline-block;color:#fff;background-color:#2990c5;text-align:center;padding:2px 10px;width:auto;font-weight:normal;cursor: pointer;font-size:13px;}/*회원팝업 바로가기버튼*/

.btn-{border:1px solid #d65452;color:#d65452;background-color:#fff;}
.btn-warning{border:1px solid #d65452;color:#d65452;background-color:#fff;}
.btn-cancel{border:1px solid #d65452;color:#d65452;background-color:#fff;}
.btn-default{border:1px solid #2f435b;background-color:#fff;}
.btn-search{background-color:#293162;color:#fff;height:65px;width:100px;}

.downloadBtn{display:inline-block;width:45px;height:45px;border-radius:100%;background-color:#2c2d33;padding:0;color: #fff;font-size: 20px;}
.downloadBtn img{max-width:100%;}

.noticeBtn{display:inline-block;width:auto;border-radius:25px;background-color: #2990c5;padding:0 10px;color: #fff;font-weight:300;font-size:.9rem;}

.btn.btn-pdf{border:1px solid #ddd;font-size:.9rem;border-radius:5px;padding:3px 10px;width:auto;}
.btn.btn-pdf i{display:inline-block;background-color:#2cc76e;color:#fff;font-style:normal;border-radius:3px;padding:0 5px;font-size:.8rem;margin-right:5px;}
.btn.btn-pdf i.fa-angle-down{padding:2px 5px 0;}
.btn.btn-more{position:relative;border:1px solid #ddd;font-size:.9rem;border-radius:5px;padding:3px 30px 3px 10px;width:auto;}
.btn.btn-more:after{position:absolute;content:"\e65f";top:2px;right:7px;font-family: 'themify';}
.btn.btn-more.active{}

/*input 스타일*/
input[readonly] { background-color:#efefef;}
.form-input{background-color:#fff;color:#000;border:1px solid #c5c5c5;padding:5px;}
input.form-input[disabled] {background-color:#efefef;}
.form-select{background-color:#fff;color:#000;border:1px solid #c5c5c5;padding:5px ;}
.selectBox{position:relative;display:inline-block;vertical-align: top;}
.selectBox:after {position: absolute;top: 15px;right: 12px;display: block;content: "\e64b";font-family: 'themify';color: #000;}
.search-select{background-color:#fff;color:#000;border:1px solid #c5c5c5;padding:13px 35px 10px 12px;height:50px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
.textarea-input{width:100%;height:100px;background-color:#fff;color:#000;border:1px solid #c5c5c5;padding:5px;}

.subTab .tool.multieR .selectBox .search-select{padding:0 35px 0 12px;height:35px;}	 /*복수장비등록*/
.subTab .tool.multieR .selectBox:after {top: 7px;right: 10px;}

input::placeholder {color: #c3c3c3;font-weight:400;}
textarea::placeholder {color: #c3c3c3;font-weight:400;}
input::-webkit-input-placeholder {color: #c3c3c3;font-weight:400;}
input:-ms-input-placeholder {color: #c3c3c3;font-weight:400;}
textarea::-webkit-input-placeholder {color: #c3c3c3;font-weight:400;}
textarea:-ms-input-placeholder {color: #c3c3c3;font-weight:400;}


/* 체크박스 */
input[type="checkbox"]{width: 17px;height: 17px;}
input[type="checkbox"]:before {position: relative;display: block;width: 17px;height: 17px;border: 1px solid #fff;content: "";background: #FFF;}
input[type="checkbox"]:after {position: relative;display: block;left: 1px;top: -18px;width: 15px;height: 15px;border: 1px solid #ababab;content: "";background-color: #fff;}
input[type="checkbox"]:checked:after {content: "\e64c";	font-family: 'themify';color: #fff;background-color:#293162;border-color: #293162 ;}
input[type="checkbox"]:disabled:after {-webkit-filter: opacity(0.4);}

/* 메인팝업의 체크박스 크기줄임 */
.modalpopup .bot input[type="checkbox"]{width: 15px;height: 15px;}
.modalpopup .bot input[type="checkbox"]:before{width: 15px;height: 15px;}
.modalpopup .bot input[type="checkbox"]:after{top: -16px;width: 13px;height: 13px;}
.modalpopup .bot input[type="checkbox"]:checked:after {font-size:.8rem;}

