.cautionList > .obj_popup { width: 100%; height: 100%; }
.cautionList > .popup > header { background: #777; }
.cautionList > .popup > header > .nowSt { width: 85%; }
.cautionList > .popup > header > .nowSt > div { color: white; }
.cautionList > .popup > header > a.close { color: white; }

.cautionList > .popup > section > article { padding:15px 20px 20px; }

.cautionList .cautionListWrap { width: 100%; }
.cautionList .cautionListWrap > .conArea { height: 100%; }
.cautionList .cautionListWrap > .conArea > .topArea { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #999; }
.cautionList .cautionListWrap > .conArea > .topArea > .btn{font-size:12px; padding:10px 15px; background:#404d5e; color:#fff; line-height:1; border-radius:5px; display:flex; align-items:center;}

.cautionList .cautionListWrap > .conArea > .topArea > .btns > span { font-size:13px; color:#999; /* position:absolute; right:0px; bottom:39px; width:89px; */}
.cautionList .cautionListWrap > .conArea > .topArea > .cards { top:-13px;right:15px;font-size:0px;z-index: 10;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p { display:inline-block;background: #999;padding:5px 0px 7px;width:40px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p > span { font-size:12px;line-height:22px;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p > b { display:block;line-height:16px;text-align:center;display:block;font-size:14px;font-weight: 800;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p > b::before { content:attr(data-cnt); }
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p.y { background: #ffcb2a;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p.r { background: #fa3457;}

.cautionList .cautionListWrap > .conArea > .cautionListArea{overflow-y:auto; height: calc(100% - (55.2px + 66px));}
.cautionList .cautionListWrap > .conArea .cautionList > li{padding:10px 0; border-bottom: 1px solid #ddd;}
.cautionList .cautionListWrap > .conArea .cautionList > li > div{display:flex; justify-content:space-between; align-items:center;}
.cautionList .cautionListWrap > .conArea .cautionList > li + li{ /*border-top:1px solid #ddd;*/ border-bottom: 1px solid #ddd;}
.cautionList .cautionListWrap > .conArea .cautionList > li .dapsub1{display:flex;}
.cautionList .cautionListWrap > .conArea .cautionList > li .cntBox{width:48px; text-align:center; font-size:23px;}
.cautionList .cautionListWrap > .conArea .cautionList > li .txtBox > span{line-height:1.2; display:block;}
.cautionList .cautionListWrap > .conArea .cautionList > li .txtBox > span.t{font-size:15px; font-weight:bold;}
.cautionList .cautionListWrap > .conArea .cautionList > li .txtBox > span.c{color:#999; font-size:13px; margin-top:3px;}
.cautionList .cautionListWrap > .conArea .cautionList > li.end {color: #999; }
.cautionList .cautionListWrap > .conArea .cautionList > li.end > .dap1 > .dapsub1 > .txtBox > .t { text-decoration: line-through; }

.cautionList .cautionListWrap > .conArea .cautionList > li > div > a.btn { font-size: 12px; padding: 10px 15px; line-height: 1.2; font-weight: bold; border-radius: 5px; display: flex; align-items: center; display: inline-block; }
.cautionList .cautionListWrap > .conArea .cautionList > li > div > a.btn.gray_bg { background: #999; color: #fff; }

.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2{margin-top:10px; display:none; position:relative; padding-left:45px;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2::before{content: "\e981"; display:inline-block; font-size:20px; font-family:xeicon; position:absolute; left:20px; top:0;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox{width:100%; border: 1px solid rgba(0,0,0,0); background: #eee; font-size: 13px; overflow: hidden; border-radius: 5px;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox > input{width: 100%; line-height: 38px; height: 38px; padding: 0px 10px; font-size: 13px; background: transparent; letter-spacing: normal; outline: none;}

.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox.btn{display:flex; align-items:center;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox.btn > a{margin-right:5px; padding:7px 15px;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox.btn > a.btn.black_bg { background: #404d5e; color: #fff; }
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .txtBox{font-size:13px;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .txtBox > span{color:#bbb; font-size:11px; display:block;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .tabRadio { margin:15px 0 5px; align-items: center; }
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .tabRadio > .radioBox > input + label { color: #fff; background: #bbb; display: inline-block; font-size: 12px; font-weight: 600; padding: 3px 10px; height: auto; margin: 0px; border: none; border-radius: 0px; line-height: 1.5; cursor: pointer; }
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .tabRadio > .radioBox > input:checked + label { background: #404d5e; }

.cautionList .cautionListWrap .paging_wrap { text-align: center; padding:30px 0 0; }

.cautionList .cautionListWrap .paging_wrap > a { display: inline-block; line-height: 34px; height: 34px; min-width: 30px; font-size: 14px; cursor: pointer; text-align: center; vertical-align: middle; margin: 0px 0px; padding: 0px 5px; background: #fff; border: 1px solid #d1d1d1; color: #48535f; }
.cautionList .cautionListWrap .paging_wrap > a.on { color: #fff; font-weight: 400; background: #404d5e; border: 1px solid rgba(0, 0, 0, 0.1); }


/* 경고장 팝업영역 설정 */
.cautionPop {display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity; }
.cautionPop > .popup {position:fixed;top:50%;left:50%;width:90%; padding:0px; height:auto;background:#fff;
	-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	 -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
	 z-index:999;display:block;}
.cautionPop > .popup.width_600{max-width:600px; max-height: 80%; overflow: hidden; overflow-y: scroll;}
.cautionPop > .popup.width_600::-webkit-scrollbar { display: none; }

.cautionPop > .popup > header { padding: 0px 10px; }
.cautionPop > .popup > header h1 { font-size:22px; font-weight:600; color:#333; letter-spacing: -0.5px;}
.cautionPop > .popup > header h1 > span { font-size:16px;margin-left:7px; }
.cautionPop > .popup > header h1.type2{line-height:1; display: flex; flex-direction: column; justify-content: center;}
.cautionPop > .popup > header h1.type2 > span{color:#999; display:block; margin:5px 0px 0px; font-size:13px; padding-left:3px;}
.cautionPop > .popup > header .close {font-size:30px; display:inline-block; width:20px; height:30px; line-height:30px; text-align:center; cursor:pointer; color:#333; }

.cautionPop > .popup > header .nowSt{margin:0px; padding:0px; background:transparent; color:#101010; width: 90%; }
.cautionPop > .popup > header .nowSt > .t{font-size: 20px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; }
.cautionPop > .popup > header .nowSt > .t > span{color:#999; font-size: 13px; margin-left: 10px; font-weight: 400;}
.cautionPop > .popup > header .nowSt > .s > span,
.cautionPop > .popup > header .nowSt > .s > span{margin-left: 5px;}

.cautionList > .popup > section > article { padding: 10px 10px 10px; }

.cautionList .cautionListWrap { width: 100%; }
.cautionList .cautionListWrap > .conArea { height: 100%; }
.cautionList .cautionListWrap > .conArea > .topArea { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #999; }
.cautionList .cautionListWrap > .conArea > .topArea > .btn{font-size:12px; padding:10px 15px; background:#404d5e; color:#fff; line-height:1; border-radius:5px; display:flex; align-items:center;}

.cautionList .cautionListWrap > .conArea > .topArea > .btns > span { font-size:13px; color:#999; /* position:absolute; right:0px; bottom:39px; width:89px; */}
.cautionList .cautionListWrap > .conArea > .topArea > .cards { top:-13px;right:15px;font-size:0px;z-index: 10;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p { display:inline-block;background: #999;padding:5px 0px 7px;width:40px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p > span { font-size:12px;line-height:22px;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p > b { display:block;line-height:16px;text-align:center;display:block;font-size:14px;font-weight: 800;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p > b::before { content:attr(data-cnt); }
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p.y { background: #ffcb2a;}
.cautionList .cautionListWrap > .conArea > .topArea > .cards > p.r { background: #fa3457;}

.cautionList .cautionListWrap > .conArea > .cautionListArea{overflow-y:auto; height: calc(100% - (55.2px + 66px));}
.cautionList .cautionListWrap > .conArea .cautionList > li{padding:10px 0; border-bottom: 1px solid #ddd;}
.cautionList .cautionListWrap > .conArea .cautionList > li > div{display:flex; justify-content:space-between; align-items:center;}
.cautionList .cautionListWrap > .conArea .cautionList > li + li{ /*border-top:1px solid #ddd;*/ border-bottom: 1px solid #ddd;}
.cautionList .cautionListWrap > .conArea .cautionList > li .dapsub1{display:flex;}
.cautionList .cautionListWrap > .conArea .cautionList > li .cntBox{width:40px; text-align:center; font-size:23px;}
.cautionList .cautionListWrap > .conArea .cautionList > li .txtBox > span{line-height:1.2; display:block;}
.cautionList .cautionListWrap > .conArea .cautionList > li .txtBox > span.t{font-size:15px; font-weight:bold;}
.cautionList .cautionListWrap > .conArea .cautionList > li .txtBox > span.c{color:#999; font-size:13px; margin-top:3px;}
.cautionList .cautionListWrap > .conArea .cautionList > li.end {color: #999; }
.cautionList .cautionListWrap > .conArea .cautionList > li.end > .dap1 > .dapsub1 > .txtBox > .t { text-decoration: line-through; }

.cautionList .cautionListWrap > .conArea .cautionList > li > div > a.btn { font-size: 12px; padding: 10px 15px; line-height: 1.2; font-weight: bold; border-radius: 5px; display: flex; align-items: center; display: inline-block; }
.cautionList .cautionListWrap > .conArea .cautionList > li > div > a.btn.gray_bg { background: #999; color: #fff; }

.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2{margin-top:10px; display:none; position:relative; padding-left:45px;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2::before{content: "\e981"; display:inline-block; font-size:20px; font-family:xeicon; position:absolute; left:20px; top:0;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox{width:99%; border: 1px solid rgba(0,0,0,0); background: #eee; font-size: 13px; overflow: hidden; border-radius: 5px; padding: 0px; }
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox > input{width: 100%; line-height: 38px; height: 38px; padding: 0px 10px; font-size: 13px; background: transparent; letter-spacing: normal; outline: none;}

.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox.btn{display:flex; align-items:center;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox.btn > a{margin-right:5px; padding:7px 15px;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .inputBox.btn > a.btn.black_bg { background: #404d5e; color: #fff; }
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .txtBox{font-size:13px;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .txtBox > span{color:#bbb; font-size:11px; display:block;}
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .tabRadio { margin:15px 0 5px; align-items: center; }
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .tabRadio > .radioBox > input + label { color: #fff; background: #bbb; display: inline-block; font-size: 12px; font-weight: 600; padding: 3px 10px; height: auto; margin: 0px; border: none; border-radius: 0px; line-height: 1.5; cursor: pointer; }
.cautionList .cautionListWrap > .conArea .cautionList > li > .dap2 > .tabRadio > .radioBox > input:checked + label { background: #404d5e; }

.cautionList .cautionListWrap .paging_wrap { text-align: center; padding:10px 0 0; }

.cautionList .cautionListWrap .paging_wrap > a { display: inline-block; line-height: 34px; height: 34px; min-width: 30px; font-size: 14px; cursor: pointer; text-align: center; vertical-align: middle; margin: 0px 0px; padding: 0px 5px; background: #fff; border: 1px solid #d1d1d1; color: #48535f; }
.cautionList .cautionListWrap .paging_wrap > a.on { color: #fff; font-weight: 400; background: #404d5e; border: 1px solid rgba(0, 0, 0, 0.1); }