@charset "utf-8";


.popupInBox.memberpopup1{width:1200px !important}
.popupInBox.memberpopup2{width:800px !important;}
.popupInBox.memberpopup3{width:800px !important;}
.popupInBox.memberpopup4{width:600px !important;}
.btnType2{border: 1px solid #e3e3e3;background-color: #FFFFFF;border-radius: 3px;cursor: pointer;margin: 0;margin-right: 3px;}

.table-boxbo table{width:100%;}
.table-boxbo tr:first-of-type {border-top:1px solid #e3e3e3}
.table-boxbo tr {border-bottom:1px solid #e3e3e3}
.table-boxbo tr th + td,.table-boxbo tr td + th{border-left:1px solid #e3e3e3;}
.table-boxbo th {height:48px;font-size:14px;border-right:1px solid #e3e3e3; padding:10px 7px; line-height:20px; background-color:#F5F5F5; color:#222; font-size:14px; text-align:center; font-weight:400;}
.table-boxbo th:last-of-type {border-right:none;}
.table-boxbo td {border:none;height:48px;font-size:13px;letter-spacing:1px;border-right:1px solid #e3e3e3; padding:10px 7px; line-height:20px; box-sizing:border-box; font-size:13px; color:#666666; text-align:center;}
.table-boxbo td:last-of-type {border-right:none;}
.table-boxbo td:first-of-type {border-left:none;}
.table-boxbo .overflow{width:380px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.table-boxbo button.search{}

.table-box2bo table{width:100%; border-top:2px solid #e3e3e3;}
.table-box2bo tr{border-bottom:1px solid #e3e3e3}
.table-box2bo th{width:160px;height:48px;font-size:14px;border-right:1px solid #e3e3e3; padding:10px 7px; line-height:20px; background-color:#F5F5F5; color:#222; font-size:14px; text-align:center; font-weight:400;}
.table-box2bo th.inc{position:relative;}
.table-box2bo th.inc:after {content: "*";position: absolute;top: 3px;left: 5px;font-size: 12px;color: #FF0000;font-weight: 700;}
.table-box2bo th:last-of-type {border-right:none;}
.table-box2bo td{border:none;height:48px;font-size:13px;letter-spacing:1px;border-right:1px solid #e3e3e3; padding:10px 10px; line-height:20px; box-sizing:border-box; font-size:13px; color:#666666; text-align:left;}
.table-box2bo td:last-of-type {border-right:none;}
.table-box2bo td:first-of-type {border-left:none;}
.table-box2bo tr th + td,.table-box2bo tr td + th{border-left:1px solid #e3e3e3 !important;}
.table-box2bo td input{width:100%;}
.table-box2bo td .datebox{display:flex;flex-direction: row;align-items: center;}
.table-box2bo td .datebox input{display:flex;flex-shrink: 0;width: 48%;background: url(../images/calendar.png)no-repeat right 10px center;}
.table-box2bo td .datebox span{display:flex;flex-grow: 1;margin:0 5px}
.table-box2bo .inBtn {display:flex;margin-bottom:20px; flex-direction:row; justify-content:center; align-items:center; margin-top:25px;}
.table-box2bo .inBtn button {width:100px; height:32px; border:1px solid #3aa9ab; background-color:#FFFFFF; color:#3aa9ab; cursor:pointer;}
.table-box2bo .inBtn button:hover {background-color:#3aa9ab; color:#FFFFFF;}
.table-box2bo .inBtn button:focus {background-color:#3aa9ab; color:#FFFFFF;}
.table-box2bo .no-br{border-right:none;}

.BtnTb {display:flex;justify-content: center;}
.BtnTb button {white-space:nowrap;border:1px solid #e3e3e3; background-color:#FFFFFF; border-radius:3px; cursor:pointer; margin:0; margin-right:3px;padding:2px 10px }
.BtnTb button:last-of-type {margin-right:0;}
.BtnTb button.chk {border-color: #585A70;background-color: #585A70; color:#FFFFFF;}
.BtnTb button.com {border-color:#3aa9ab; background-color:#3aa9ab; color:#FFFFFF;}
.BtnTb button.no {border-color:#C02B3C; background-color:#C02B3C; color:#FFFFFF;}
.BtnTb button:hover {border:1px solid #e3e3e3; background-color:#e3e3e3;}

.paging-table {position:relative; text-align:center; width:100%; }
.paging-table ul {height:30px; margin:0px auto; text-align:center; }
.paging-table ul li{box-sizing:border-box; color:#222; cursor:pointer; display:inline-block; width:30px; height:30px; line-height:28px; text-align:center;}
.paging-table ul li a {color:#222; display:block; border:1px solid #ddd; width:30px; height:30px; line-height:28px;vertical-align:middle}
.paging-table ul li a i{line-height:28px;}
.paging-table ul li a.on, .paging-table ul li a:hover { color:#f00; font-weight:400;}

.table-top{display: flex;justify-content:space-between;padding:10px 0;box-sizing:border-box}
.table-top.right{justify-content: flex-end;}
.table-radio{display: flex;flex-direction: row;justify-content: space-between;}
.table-radio .TBCbox{display: flex;flex-direction: row;margin-right: 15px;justify-content: center;align-items:center;}
.table-radio .TBCbox label{margin-left: 5px;}
.table-radio span{padding: 8px 10px;vertical-align: -5px;}
.table-radio input[type=text]{height:30px;background: url(../images/calendar.png)no-repeat right 10px center;}
.table-radio select{width:150px; height:40px; border:1px solid #e3e3e3; outline:none; padding:0 15px 0 10px; appearance:auto;}


.table-radio2{display:block;}
.table-radio2:after{content:"";display:block;clear:both;}
.table-radio2 input{width:30px !important;float:left;}
.table-radio2 label{width:auto;float:left;}

.btntab{display: flex;justify-content: flex-end;width:240px;}
.btntab ul{display: flex;flex-direction: row;}
.btntab ul li a{display:block;padding:3px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.btntab ul li:last-of-type a{border-right:1px solid #ddd;}
.btntab ul li a.on{background-color:#3aa9ab;color:#fff}

.datemonth{display: flex;flex-direction: row;justify-content: space-between;}
.datemonth a{display: flex;justify-content: center;align-items:center;}
.datemonth a i{color:#999;font-size:28px;}
.datemonth span{display: flex;justify-content: center;align-items:center;margin:0 15px;}

.table-search{display: flex;flex-direction: row;justify-content: flex-start;width:200px;border-radius:3px;height:30px;position:relative;border:1px solid #E1E3E9;}
.table-search input{border:none;outline:none;width:170px;height:100%;padding-left:5px;}
.table-search a{width:30px;display:flex;justify-content: center;align-items:center;}
.table-bottom{width:100%;text-align:right;}
.table-bottom.center{width:100%;text-align:center;padding:10px 0 0;}
.table-bottom button{display:inline-block;border-color: #777;background-color: #777;color: #FFFFFF;border-radius: 3px;cursor: pointer;margin: 0;margin-right: 3px;padding: 2px 10px;}

.pcTabInItem.appline{height:400px;}
.pcTabInItem.statsline{height:380px;}

.textCol.set1{color:#999999}
.textCol.set2{color:#141d85}
.textCol.set3{color:#01b2b5}
.textCol.set4{color:#ba172a}



.report-div{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;width:1210px;}
.popup-report{display:inline-block;width:400px;height:auto;background-color:#f9f9f9; font-size:16px; min-height:250px;}
.popup-report img {width:100%;}
.popup-report .report-top{width:100%;background-color:#6794dc;color:#fff;height:40px;padding:10px 0;text-align:center;font-size:18px;box-sizing:border-box;}
.popup-report .report-in{width:100%;height:auto;padding:0px; text-align:center;box-sizing:border-box;font-size:15px;}
.popup-report .report-in img{width:100%;height:auto;}
.popup-report .report-bottom{background-color:#eee;padding:5px 10px 3px;width:100%;box-sizing:border-box;}
.popup-report .report-bottom:after{content:"";display:block;clear:both}
.popup-report .bn-report{background-color:#33cbcc;border-color:#33cbcc; color:#fff;}
.popup-report .report-close:first-of-type{display:block;font-size: 14px; color: #555555; line-height: 30px;text-align:center;float:left;}
.popup-report .report-close:last-of-type{display:block;font-size: 14px; color: #555555; line-height: 30px;text-align:center;float:right;}
.popup-report figure{width:100%;height:auto;}
.popup-report figure a{display:block;width:100%;height:auto;}
.popup-report figure a img{width:100% !important;height:auto !important;}
.table-list{min-height:600px;}

.NOTIFY_POP{border:none !important;}
.table.dataTable thead th{display:none;}

.table-box2bo td .popupEmail input{width:26%;}
.table-box2bo td .popupEmail span{width:5%;height:33px;vertical-align: -5px;}
.table-box2bo td .popupEmail .selectboxs{width:40%;border:1px solid #ddd;display:inline-block; margin-left:0px;border-radius:3px;}
.mpIpList{position:relative;padding-top: 25px;}
.mpIpList.inct:before {content:"* 항목은 필수 입력 항목입니다."; display:block; font-size:12px; position:absolute; top:0; right:0; color:#FF0000;}
.mpIpList .mpIpTitle.inc{position:relative;padding-left:15px}
.mpIpList .mpIpTitle.inc:after {content: "*";position: absolute;top: 3px;left: 5px;font-size: 12px;color: #FF0000;font-weight: 700;}

.bank-box{padding:15px 20px;background-color:#f5f5f5;border-radius:5px;}
.bank-box li{padding:20px 10px;}
.bank-box li span{display:block;}
.bank-box li span.titleBank{margin-bottom:15px;color:#666666;font-size:14px;}
.bank-box li span i{display:inline-block;margin-right:5px;font-size:16px;color:#333;margin-bottom:5px;}
.bank-box li span b{display:inline-block;margin-right:5px;font-size:16px;color:#333;margin-bottom:5px;}

.SetList .stItemIn span.me{background-color: #1acfd2;color: #fff;border: 3px solid #3aa9ab;line-height: 40px;
}
@media (max-width:760px) {
	.popup-report {max-width:100%;width:100%;}
	.popup-report img {max-width:100%; height:auto !important;}
	.SetList .stItemIn span.me {line-height:1.2;}
}
.adPCBox.radio{display:flex;}
.adPCBox.radio .ADradio-box{position:relative;display:flex;flex: 1 1 25%;}
.adPCBox.radio .ADradio-box input{position:absolute;opacity:0;margin-top:0;cursor:pointer;width:100%;height:80px;}
.adPCBox.radio .ADradio-box label{width:100%;height:80px;cursor:pointer;border:2px solid #ddd;box-sizing:border-box;}
.adPCBox.radio .ADradio-box label img{width:100%;height:100%;}
.adPCBox.radio .ADradio-box input:checked + label{border:3px solid #c0c0c0;box-sizing:border-box;}

.QAbox{width:100%;height:auto;min-height:300px; max-height:350px; overflow:auto;}
.QAbox .Qbox{border-bottom:1px solid #ddd;width:100%;height:auto;display:flex;padding:15px 30px;}
.QAbox .Qbox > div{width:25%; text-align:center;}
.QAbox .Qbox > div span{display:block;width:100px;background-color:#dce0e3;text-align:center;border-radius:15px;padding:5px 0;}
.QAbox .Qbox > p{width:75%;font-size:13px;font-weight:600;color:#333;line-height:26px;text-align:left;}

.QAbox .Abox{width:100%;height:auto;display:flex;padding:15px 30px;}
.QAbox .Abox > div{width:25%; text-align:center;}
.QAbox .Abox > div span{display:block;width:100px;background-color:#413f3d;text-align:center;border-radius:15px;padding:5px 0;color:#fff}
.QAbox .Abox #QNAV_ANSWER {display:block; width:75%;}
.QAbox .Abox p{width:100%;font-size:13px;font-weight:400;color:#666;line-height:26px;text-align:left;}

.shortCut{display:flex; justify-content: center; align-items: center;position:fixed; top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:9998;}
.shortCut-box{width:900px;height:auto;padding:30px;box-sizing:border-box; z-index:1;}
.cutClose {position:absolute; display:block; top:25px; right:25px; width:40px; height:40px; z-index:2; cursor:pointer;}
.cutClose:after {content:""; display:block; width:2px; height:24px; background-color:#ffffff; position:absolute; top:calc(50% - 12px); left:calc(50% - 1px); transform:rotate(45deg);}
.cutClose:before {content:""; display:block; width:2px; height:24px; background-color:#ffffff; position:absolute; top:calc(50% - 12px); left:calc(50% - 1px); transform:rotate(-45deg);}
.help,.same {display:block; margin-left:10px; font-size:12px; line-height:16px; padding:2px 5px; color:#FFFFFF; background-color:#454545; border-radius:3px;}
.help:hover,.help:active,.help:visited,.same:hover,.same:active,.same:visited {color:#FFFFFF;}
.cut-title{width:100%;padding-bottom:30px;}
.cut-title h5{font-size:30px;text-align:center;color:#fff;margin-bottom:15px;font-weight:600;}
.cut-title span{display:block;font-size:18px;text-align:center;color:#fff}
.cut-content{width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.cut-content > li {display: flex;flex: 1 1 21%;margin:2%;height:175px;}
.cut-content > li a{display:block;width:100%;height:100%;box-shadow:inset 1px 3px 7px -1px #91b8b3;background:linear-gradient(to bottom, #57c5c7 5%, #3aa9ab 100%);background-color:#768d87;border-radius:15px;border:1px solid #566963;display:inline-block;cursor:pointer;text-decoration:none;}
.cut-content > li a:hover {	background:linear-gradient(to bottom, #3aa9ab 5%, #57c5c7 100%);background-color:#3aa9ab;}
.cut-content > li a:active {position:relative;top:1px;}
.cut-content > li a span{display:block;font-size:30px;color:#fff;text-align:center;width:100%;line-height:170px;text-shadow:1px 3px 5px #2b665e;font-weight:bold;}


@media (max-width:960px) {

	.shortCut{display:flex;justify-content: center; align-items: center;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.8);z-index:9998;}
	.shortCut-box{width:calc(100% - 40px);height:auto;padding:30px;box-sizing:border-box;}
	.cutClose {position:absolute; display:block; top:15px; right:15px; width:30px; height:30px; z-index:9999;}
	.cutClose:after {content:""; display:block; width:2px; height:24px; background-color:#ffffff; position:absolute; top:calc(50% - 12px); left:calc(50% - 1px); transform:rotate(45deg);}
	.cutClose:before {content:""; display:block; width:2px; height:24px; background-color:#ffffff; position:absolute; top:calc(50% - 12px); left:calc(50% - 1px); transform:rotate(-45deg);}

	.cut-title{width:100%;padding-bottom:30px;}
	.cut-title h5{font-size:24px;text-align:center;color:#fff;margin-bottom:15px;font-weight:600;}
	.cut-title span{display:block;font-size:18px;text-align:center;color:#fff}
	.cut-content{width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.cut-content > li {display: flex;flex: 1 1 21%;margin:2%;height:120px;min-width:90px}
	.cut-content > li a{display:block;width:100%;height:100%;box-shadow:inset 1px 3px 7px -1px #91b8b3;background:linear-gradient(to bottom, #57c5c7 5%, #3aa9ab 100%);background-color:#768d87;border-radius:15px;border:1px solid #566963;display:inline-block;cursor:pointer;text-decoration:none;}
	.cut-content > li a:hover {	background:linear-gradient(to bottom, #3aa9ab 5%, #57c5c7 100%);background-color:#3aa9ab;}
	.cut-content > li a:active {position:relative;top:1px;}
	.cut-content > li a span{display:block;font-size:24px;color:#fff;text-align:center;width:100%;line-height:120px;text-shadow:1px 3px 5px #2b665e;font-weight:bold;}

}
@media (max-height:500px){
	.shortCut-box{width:100%;height:auto;padding:30px;box-sizing:border-box;}
	.cut-content{width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.cut-content > li {display: flex;flex: 1 1 23%;margin:1%;height:90px;min-width:80px}
	.cut-content > li a span{line-height:90px;}
		
}



.TTBox {display:none; position:fixed; top:20px; left:450px; width:350px; background-color:#f0f0f0; box-shadow:10px 10px 30px rgba(0,0,0,0.15);}
.TTBox.on {display:block;}
.ttbTitle {display:flex; justify-content:space-between; align-items:center; background-color:#000000; padding:10px;}
.ttbTitle strong {font-size:14px; line-height:20px; color:#FFFFFF;}
.ttbTitle .closed {display:block; width:20px; height:20px; position:relative;}
.ttbTitle .closed:after {content:""; display:block; width:2px; height:14px; background-color:#FFFFFF; position:absolute; top:calc(50% - 7px); left:calc(50% - 1px); transform:rotate(45deg);}
.ttbTitle .closed:before {content:""; display:block; width:2px; height:14px; background-color:#FFFFFF; position:absolute; top:calc(50% - 7px); left:calc(50% - 1px); transform:rotate(-45deg);}
.ttinBox {padding:15px;}
.TTBox p {font-size:16px; line-height:1.3; margin-bottom:8px; padding-left:25px; position:relative; word-break:keep-all;}
.TTBox p span {position:absolute; top:2px; left:0; display:flex; justify-content:center; align-items:center; width:15px; height:15px; font-size:10px; color:#FFFFFF; background-color:#000000; border-radius:15px;}
.hjframe .hjbox1 span {top:2px; left:0; display:flex; justify-content:center; align-items:center; width:15px; height:15px; font-size:10px; color:#FFFFFF; background-color:#000000; border-radius:15px;}
.TTBox p:last-of-type {margin-bottom:0;}

@media (max-width:960px) {
	.TTBox {display:none; position:fixed; top:20px; left:320px; width:250px; background-color:#f0f0f0; box-shadow:10px 10px 30px rgba(0,0,0,0.15);}
	.ttbTitle {padding:8px;}
	.ttbTitle strong {font-size:12px;}
	.ttbTitle .closed {width:20px; height:20px;}
	.ttinBox {padding:12px;}
	.TTBox p {font-size:14px; line-height:1.2; margin-bottom:5px; padding-left:18px;}
	.TTBox p span {width:15px; height:15px; font-size:10px; border-radius:15px;}
	.TTBox p:last-of-type {margin-bottom:0;}
}

@media (max-width:500px){
	.TTBox {display:none; position:fixed; top:300px; left:10px; width:280px; background-color:#f0f0f0; box-shadow:10px 10px 30px rgba(0,0,0,0.15);}
}