@charset "utf-8";

/* 넓이 */
.W10{width: 10% !important;} .W20{width: 20% !important;} .W30{width: 30% !important;} .W40{width: 40% !important;} .W50{width: 50% !important;}
.W60{width: 60% !important;} .W70{width: 70% !important;} .W80{width: 80% !important;} .W90{width: 90% !important;} .W100{width: 100% !important;}
.W25{width: 25% !important;} .W75{width: 75% !important;}
.W97{width: 97% !important;} .W98{width: 98% !important;} .W99{width: 99% !important;}
.wd100{width: 100px !important;}
.wd200{width: 200px !important;}

.w80{width: 80px !important;}
.w100{width: 100px !important;}
.w200{width: 200px !important;}

/* 높이 */
.ht50{height: 50px;}
.ht100{height: 100px;}

/* 폰트컬러 */
.fc1{color: #23A41A;} .fc2{color: #A566FF;} .fc3{color: #24A6BD;}
.fc4{color: #e1701f;} .fc5{color: #4374D9;} .fc6{color: #FF5A5A;}
.fc7{color: #586381;} .fc8{color: #ff8cff;} .fc9{color: #820041;}
.fc10{color: #007bea;}

.fcB1{color: #23A41A; font-weight: bold;} .fcB2{color: #A566FF; font-weight: bold;} .fcB3{color: #24A6BD; font-weight: bold;}
.fcB4{color: #e1701f; font-weight: bold;} .fcB5{color: #4374D9; font-weight: bold;} .fcB6{color: #FF5A5A; font-weight: bold;}
.fcB7{color: #586381; font-weight: bold;} .fcB8{color: #ff8cff; font-weight: bold;} .fcB9{color: #820041; font-weight: bold;}
.fcB10{color: #007bea; font-weight: bold;}


/* 백그라운드컬러 */
.bg01{background: #000;}
.bg02{background: #b8b8b8;}

/* 폰트사이즈 */
.fsem1{font-size: 1em !important;}
.fsem15{font-size: 1.5em !important;}
.fsem2{font-size: 2em !important;}
.fsem25{font-size: 2.5em !important;}
.fsem3{font-size: 3em !important;}
.fsem4{font-size: 4em !important;}
.fsem5{font-size: 5em !important;}

.fs_a {font-size: 1.5em;}
.fs_b {font-size: 1.2em;}
.fs_c {font-size: 2em;}
.fs_e {font-size: 5em;}

.fs_1 {font-size: 1em !important;}
.fs_08 {font-size: 0.8em !important;}
.fs_07 {font-size: 0.7em !important;}
.fs_06 {font-size: 0.6em !important;}
.fs_05 {font-size: 0.5em !important;}

/* 정렬 */
.tal{text-align: left !important;}
.tac{text-align: center !important;}
.tar{text-align: right !important;}

.floatl{float: left;}
.floatr{float: right;}
.fclear{clear: both;}

.tal{text-align: left !important;}
.tac{text-align: center !important;}
.tar{text-align: right !important;}

.vam{vertical-align: middle !important;}
.vat{vertical-align: top !important;}
.vab{vertical-align: bottom !important;}
.vas { vertical-align: sub !important;}
.vasp { vertical-align: super !important;}

.pstr{position: relative;}
.psta{position: absolute;}
.pstf{position: fixed;}


/* 마진 */
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px !important;}
.mgt20{margin-top: 20px !important;}
.mgt30{margin-top: 30px !important;}
.mgt40{margin-top: 40px !important;}
.mgt50{margin-top: 50px !important;}
.mgt100{margin-top: 100px !important;}
.mgt150{margin-top: 150px !important;}
.mgt200{margin-top: 200px !important;}
.mgt220{margin-top: 220px !important;}
.mgt300{margin-top: 300px !important;}
.mgt400{margin-top: 400px !important;}
.mgt500{margin-top: 500px !important;}

.mgb10{margin-bottom: 10px !important;}
.mgb20{margin-bottom: 20px !important;}
.mgb30{margin-bottom: 30px !important;}
.mgb40{margin-bottom: 40px !important;}
.mgb50{margin-bottom: 50px !important;}
.mgb100{margin-bottom: 100px !important;}

.mgr05{margin-right: 5px !important;}
.mgr10{margin-right: 10px !important;}
.mgr20{margin-right: 20px !important;}
.mgr30{margin-right: 30px !important;}


/*패딩*/
.pd10{padding: 10px !important;}
.pd20{padding: 20px !important;}
.pdb100{padding-bottom: 100px !important;}
.pdl20{padding-left: 20px;}


.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* 커서 포인터 */
.cp{cursor: pointer;}


/* 라디오 */
.rdoWrap{ vertical-align: middle;}
.rdoWrap input[type=radio]{width: 18px; height: 18px; vertical-align: sub;}

/* 버튼 */
.btn1 { display:inline-block; padding:5px 15px; background:#ffffff; color:#5fafaf; border-radius:5px; border:1px solid #5fafaf; cursor: pointer; font-size: 1.3em; font-weight : bold;}
.btn1:hover { text-transform:uppercase; background-color:#5fafaf; color:#fff; border:1px solid #5fafaf; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.btn1dk { display:inline-block; padding:5px 15px; background:#5fafaf; color:#fff; border-radius:5px; border:1px solid #5fafaf; cursor: pointer; font-size: 1.3em;}
.btn1dk:hover { text-transform:uppercase; background-color:transparent; color:#5fafaf; border:1px solid #5fafaf; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight : bold;}

.btn2 { display:inline-block; padding:5px 15px; background:#ffffff; color:#858585; border-radius:5px; border:1px solid #858585; cursor: pointer; font-size: 1.3em; font-weight : bold;}
.btn2:hover { text-transform:uppercase; background-color:#858585; color:#fff; border:1px solid #858585; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.btn2dk { display:inline-block; padding:5px 15px; background:#858585; color:#fff; border-radius:5px; border:1px solid #858585; cursor: pointer; font-size: 1.3em;}
.btn2dk:hover { text-transform:uppercase; background-color:transparent; color:#858585; border:1px solid #858585; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight : bold;}

.btn3 { display:inline-block; padding:5px 15px; background:#ffffff; color:#5fafaf; border-radius:5px; border:1px solid #5fafaf; cursor: pointer; font-size: 1.3em; font-weight : bold;}
.btn3:hover { text-transform:uppercase; background-color:#5fafaf; color:#fff; border:1px solid #5fafaf; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.btn3dk { display:inline-block; padding:5px 15px; background:#5fafaf; color:#fff; border-radius:5px; border:1px solid #5fafaf; cursor: pointer; font-size: 1.3em;}
.btn3dk:hover { text-transform:uppercase; background-color:transparent; color:#5fafaf; border:1px solid #5fafaf; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight : bold;}

.btnDel { display:inline-block; padding:5px 15px; background:#aa0000; color:#fff; border-radius:5px; border:1px solid #aa0000; cursor: pointer; font-size: 1.3em;}
.btnDel:hover { text-transform:uppercase; background-color:transparent; color:#aa0000; border:1px solid #aa0000; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight : bold;}
.btnImp { display:inline-block; padding:5px 15px; background:#d26900; color:#fff; border-radius:5px; border:1px solid #d26900; cursor: pointer; font-size: 1.3em;}
.btnImp:hover { text-transform:uppercase; background-color:transparent; color:#d26900; border:1px solid #d26900; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight : bold;}

.btnReg { display:inline-block; padding:5px 15px; background:#5fafaf; color:#fff; border-radius:1px; border:1px solid #5fafaf; cursor: pointer; font-size: 1em;}
.btnReg:hover { text-transform:uppercase; background-color:transparent; color:#5fafaf; border:1px solid #5fafaf; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight : bold;}



/*레이어 팝업*/
.fade { background: #464646; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .94; z-index: 10000;}
.popup_block{ background: #fff; padding: 20px; border: 20px solid #ddd; width: 490px;
			float: left; font-size: 16px; position: fixed; top: 30%; left: 35%; z-index: 10;
			-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
			-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}


/* 레이어 팝업 */
.layerDiv{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.layerDiv .fade {background-color: rgba( 30, 30, 30, 0.5 ); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.layerDiv .pop_contWrap{padding: 20px; background: none; margin-top: 60px;}
.layerDiv .pop_contWrap .pop_header {height: 40px; background: #e7a907; color: #fff; padding: 20px 0 0 0; position: relative; border-radius: 5px 7px 0 0;}
.layerDiv .pop_contWrap .pop_header .pop_title {font-size: 1.5em; color: #fff; margin-left: 20px;}
.layerDiv .pop_contWrap .pop_header .closeBtn{font-size: 1.5em; position: absolute; right: 20px; top: 20px; color: #fff; cursor: pointer;}
.layerDiv .pop_contWrap .pop_cont {margin: 0 auto; background: #fff; padding: 0 20px 20px 20px; max-height: 350px; overflow: auto; border: 1px solid #000000; border-bottom: 0;}/*border-radius: 0 0 5px 5px; */
.layerDiv .pop_contWrap .pop_cont .title{margin-top: 20px; min-height: 18px; padding-left: 12px;}
.layerDiv .pop_contWrap .pop_cont .title span{font-size: 1.3em; font-weight: 600; color: #e7a907;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail {width: 100%; clear: both; border: 1px solid #e5e5e5; border-radius: 5px; box-sizing: border-box;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table{width: 100%; border: 0; border-collapse: collapse;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;
	font-weight: 500; font-size: 1.1em; text-align: center; padding: 3px 10px; box-sizing: border-box; background: #ededed;
	height: 28px !important;
}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;
	font-weight: 400; font-size: 1.05em; text-align: left; padding: 3px 10px; box-sizing: border-box; line-height: 1.5em;
	height: 28px !important;
}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table th:first-child{border-left:0 !important;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table td:last-child{border-right:0 !important;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table tr:last-child th{border-bottom:0 !important;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table tr:last-child td{border-bottom:0 !important;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table tr:first-child th:first-child{border-radius: 5px 0 0 0;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table tr:first-child td:last-child{border-radius: 0 5px 0 0;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table tr:last-child th:first-child{border-radius: 0 0 0 5px;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table tr:last-child td:last-child{border-radius: 0 0 5px 0;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table th .star{margin-left: 5px; padding-top: 5px; color: #e7a907; vertical-align: sub;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table input[type=text] { width: 100%; font-size: 1em;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table input[type=password] { width: 100%; font-size: 1em;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table select { width: 100%; font-size: 1em;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table textarea { width: 100%; outline: none; overflow: visible; box-sizing: border-box; border: 1px solid #cacaca; border-radius:5px; padding: 10px; resize: vertical;}
.layerDiv .pop_contWrap .pop_cont .tbl_detail table input::placeholder {font-size:1em;}
.layerDiv .pop_contWrap .pop_cont .btnArea{width: 100%; margin: 0; clear: both; padding: 10px 0;}
.layerDiv .pop_contWrap .pop_cont .btnArea .title{float: left !important; margin-top: 0;}
.layerDiv .pop_contWrap .pop_cont .btnArea .btnDiv{float: right;}

.layerDiv .pop_contWrap .pop_footer{background: #fff; text-align: right; border: 1px solid #000000; border-top: 1px solid #ddd !important; padding: 10px;}
.layerDiv .pop_contWrap .pop_footer a{font-size: 1.1em; margin-left: 10px;}
.layerDiv .pop_contWrap .pop_footer a:hover{color: #024f57; text-decoration: underline;}


.layerDiv .pop_contWrap .line{width: 100%; height: 14px; clear: both; border-bottom: 1px solid #e5e5e5;}