@charset "UTF-8";
@import URL("common.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");		/* 180921 버전업 갱신 */
@import url("/static/css/font-awesome-4.7.0/css/font-awesome.css");

body{font-size:12px;-webkit-touch-callout:none;}
.selectLine th, .selectLine td{background:#e1d9d9 !important;}
table{border-collapse:collapse;border-spacing: 0;table-layout:fixed}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}blockquote, q { quotes: "" "";}
td{white-space:normal;text-overflow:ellipsis;word-break:break-all;background:#fff;}
hr{display: block;margin:0.5em auto;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #dedede;}
input[type=text],input[type=file],input[type=password],input[type=tel],input[type=number], .ipTxt  {font-size:0.9rem;vertical-align:middle;border:1px solid #aaa;height:35px;line-height:35px;border-radius:3px;padding:0 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
select{font-weight:normal;font-size:0.8rem;height:35px;border-radius:3px;border:1px solid #aaa;padding:3px;vertical-align:middle;}
input[type=file] {border-radius:4px !important;vertical-align:middle;border:1px solid #aaa;font-size:0.8rem;}
a, .ease{transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
a:hover, .ease:hover{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
a:link    {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#000;}
a:hover   {text-decoration:none; color:#000;}
textarea{padding:5px;border-radius:4px;font-size:0.8rem;line-height:1.8;}
.guideLine{font-size:10px;color:#999;padding:0 5px;}
.inp_type01{padding:5px;height:14px;border:1px solid #999;}
.sel_type01{height:26px;border:1px solid #999;}

.btnstyle_orange, .btnStyle1, .btnStyle2, .btnStyle3, .btnStyle4, .btnStyle5, .btnStyleTaxType, .btnStyle02Upper, .btnstyle_big, .btnstyle_big2, .btnDel, .btnStyleMin01, .btnStyleMin02, .btnStyleMin03, .btnStyleMin04, .btnStyleMin05, .btnStyle06, .btnStyle01, .btnStyle02, .btnStyle03, .btnStyle04, .btnStyle05, .btnSearch, .btnStyleMins01, .btnStyleMins02, .btnStyleMins03, .btnStyleMins04, .btnStyleMins05{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.btnstyle_orange:hover, .btnStyle1:hover, .btnStyle2:hover, .btnStyle3:hover, .btnStyle4:hover, .btnStyle5:hover, .btnstyle_big:hover, .btnstyle_big2:hover, .btnDel:hover, .btnStyleMin01:hover, .btnStyleMin02:hover, .btnStyleMin03:hover, .btnStyleMin04:hover, .btnStyleMin05:hover, .btnStyle06:hover, .btnStyle01:hover, .btnStyle02:hover, .btnStyle03:hover, .btnStyle04:hover, .btnStyle05:hover, .btnStyle06:hover, .btnSearch:hover, .btnStyleMins01:hover, .btnStyleMins02:hover, .btnStyleMins03:hover, .btnStyleMins04:hover, .btnStyleMins05:hover{background:#4e54d3 !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:1px solid #4e54d3;text-decoration:none !important;}
.btnStyleTaxType:hover, .btnStyle02Upper:hover{background:#4e54d3 !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:2px solid #4e54d3;text-decoration:none !important;}
.btnStyleMin03:hover i{color:#fff !important}

/* 528fea    598284 */
.btnStyle01{display:inline-block;height:29px;line-height:29px;background:#444c63;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}
.btnStyle3 {display:inline-block;height:29px;line-height:29px;background:#444c63;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}

/*
.btnStyle02{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
.btnStyle04{display:inline-block;height:29px;line-height:29px;background:#596cd3;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #789ceb;border-radius:4px;vertical-align:middle;}
.btnSearch{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 30px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
*/

.btnStyle02{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle5 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
.btnStyle04{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
.btnStyle02Upper{display:inline-block;height:29px;line-height:28px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#596cd3 !important;border:2px solid #596cd3;border-radius:4px;vertical-align:middle;}

.btnStyle03{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle7 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnstyle1 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle4 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle6 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}

.btnstyle_orange {display:inline-block;height:29px;line-height:29px;background:#596cd3;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #789ceb;border-radius:4px;vertical-align:middle;}

.btnStyle05{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnStyle06{display:inline-block;height:29px;line-height:29px;background:#ff7e7e;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #ff7e7e;border-radius:4px;vertical-align:middle;}


.btnSearch{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
.btnSearch i{padding-top:7px;font-size:14px;}
.btnStyleMin01{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#999 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMin02{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
.btnStyleMin03{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMin04{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#366ec3 !important;border:1px solid #366ec3;border-radius:4px;vertical-align:middle;}
.btnStyleMin05{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnPgMCtr{position:absolute;bottom:10px;right:8px;}
.btnStyleTaxType{display:inline-block;height:51px;line-height:50px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#596cd3 !important;border:2px solid #596cd3;border-radius:4px;vertical-align:middle;}

.btnStyleMins01{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#999 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMins02{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#7191d5 !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}
.btnStyleMins03{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMins04{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#7191d5 !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}
.btnStyleMins05{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnStyleMins06{display:inline-block;height:25px;line-height:25px;background:#7191d5;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#fff !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}

/* 130603_버튼 스타일추가 */
.btnstyle_big {display:inline-block;height:31px;line-height:31px;background:#fff;padding:0 30px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
.btnstyle_big:hover {text-decoration:none;}
.btnstyle_big img{vertical-align:middle;}

.btnstyle_big2{display:inline-block;height:31px;line-height:31px;background:#fff;padding:0 30px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#596cd3 !important;border:1px solid #596cd3;border-radius:4px;vertical-align:middle;}
.btnstyle_big2:hover {text-decoration:none;}
.btnstyle_big2 img{vertical-align:middle;}


.btnPlus{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0px;text-align:center;font-size:20px !important;font-weight:normal;color:#528fea !important;border:2px solid #528fea;border-radius:4px;vertical-align:middle;}
.btnMinus{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0px;text-align:center;font-size:20px !important;font-weight:normal;color:#ff7e7e !important;border:2px solid #ff7e7e;border-radius:4px;vertical-align:middle;}
.btnDel{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0 5px;text-align:center;font-size:15px !important;font-weight:normal;color:#ff8585 !important;border:2px solid #ff8585;border-radius:4px;vertical-align:middle;}
.disabled{background:#ddd !important;color:#888 !important;}


input.date, input.expenddate{width:80px;color:#666;font-size:0.8rem;vertical-align:middle;text-align:center;}
input.crdrIp{width:130px !important;background:#fff url('/static/img/bul/bul_carendar.png') no-repeat 95% 50%;text-align:left !important;}
input.srchIp{background:#fff url('/static/img/bul/bul_glass.png') no-repeat 95% 50%;text-align:left !important;}
.btnStyleBig01{display:inline-block;height:30px;line-height:30px;background:#444c63;padding:0 20px;text-align:center;font-size:0.9rem;font-weight:bold;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}
.bgWt{background:#fff !important;}

.pagenate{text-align:center;margin:20px auto;height:30px;line-height:30px;clear:both;}
.pagenate a{padding:5px 8px;text-align:center;font-size:0.9rem;color:#333;border:1px solid #ddd;font-weight:bold;}
.pagenate a:hover{background:#fff;color:#f72f2c;border:1px solid #f72f2c;}
.pagenate a.now{background:#f72f2c;color:#fff;border:1px solid #f72f2c}

.paginate{text-align:center;margin:20px auto;height:30px;line-height:30px;clear:both;}
.paginate a{padding:5px 8px;text-align:center;font-size:0.9rem;color:#333;border:1px solid #ddd;font-weight:bold;}
.paginate a:hover{background:#fff;color:#5063be;border:1px solid #5063be;}
.paginate a.on{background:#5063be;color:#fff;border:1px solid #5063be}

.pointNum{display:inline-block;width:54px;height:54px;background:#5063be;border-radius:10px;text-align:center;font-size:10px;line-height:18px;color:#fff;padding-top:6px;padding-left:3px;position:relative;top:10px;margin-right:10px;box-sizing:border-box;}
.pointNum strong{font-weight:bold;font-size:30px;}
.gotoTop{display:block;width:36px;height:36px;text-align:center;padding-top:6px;background:#5063be;color:#fff !important;position:fixed;bottom:20px;right:20px;z-index:999;}

/* 레이아웃 시작 */
html{background:#fff;}
.wrap{width:100%;margin:0 auto;background:#fff;}
.header{width:100%;height:45px;text-align:center;position:fixed;overflow:hidden;z-index:800;background:#fff;top:0;}
.header a{height:45px !important;}
.header h1{line-height:45px;text-align:center;font-size:15px;color:#080808;font-weight:bold;}
.header .logo{width:auto;display:block;padding-top:12px;margin:0 auto;position:absolute;top:0px;left:10px;}
.header .logo img{height:25px;}
.header .top_btn{width:28px;display:block;position:absolute;color:#495057;font-size:16px;}
.header .reg{width:75px;display:block;position:absolute;color:#495057;font-size:16px;top:13px;right:8px;text-align:right;}
.header .menu{left:5px;padding-top:5px;}
.header .menu i{color:#596cd3;top:9px;position:relative;}
.header .home{top:9px;left:35px;padding-top:5px;}
.header .pc{top:0;left:5px;padding-top:5px;}
.header .pc i{color:#596cd3;position:relative;top:9px;}
.header .log{position:absolute;top:0;right:5px;padding-top:5px;}
.header .log i{color:#596cd3;position:relative;top:9px;}
.msgCount{font-size:10px;font-weight:bold;padding:1px 5px !important;background:#f20;border-radius:1000px;position:absolute;top:-10px;right:-8px;color:#fff;line-height:1 !important;}

.globalFooter{display:none;position:fixed;height:55px;width:100%;bottom:0;left:0;right:0;z-index:8100;background:#fff;box-shadow:0 -1px 5px rgba(0, 0, 0, 0.1);transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.globalFixedMenu a{display:block;width:20%;float:left;height:55px;text-align:center;color:#666;font-weight:normal;padding-top:10px;font-size:0.6rem}
.globalFixedMenu a i{font-size:18px;display:block;text-align:center;margin-bottom:5px}
.globalFixedMenu a.more{font-size:16px;padding-top:20px;}
.globalFixedMenu a.morefalse{font-size:16px;padding-top:20px;}
.globalFixedMenu a.on{color:#596cd3;}

.container{padding:0;margin:0;position:relative;top:45px;}
.contents{height:calc(100% - 100px);}
.txt_red {color:red !important; font-weight:bold !important;font-size:0.8rem;}
.asideWrap{width:100%;height:calc(100%);position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:8999;display:none;background:#fff;padding:0px;overflow-y:scroll}

.ctrCounsel{position:fixed;bottom:70px;left:0;width:calc(100% - 20px);margin:0 10px;background:#596cd3;color:#fff;text-align:center;border-radius:1000px;overflow:hidden;box-shadow:0px 15px 8px -9px rgba(0,0,0,0.25);}
.ctrCounsel a{width:40px;height:40px;display:block;background:#596cd3;color:#fff;text-align:center;padding-top:8px;border-radius:1000px;float:left;}
.ctrCounsel .ctrCounselTxt{display:block;float:left;width:calc(100% - 50px);height:40px;line-height:40px;text-align:left;font-size:0.9rem}

#floatMenuCircle {display:none;}
#overlayBlock {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.3;}
#overlayBlock.show {display: block;}
#overlayBlockTop {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.7;z-index:99;}
#overlayBlockTop.show {display: block;}
.alwaysOn img {vertical-align: middle;}
/*
#floatMenuCircle {}
.alwaysOn{}
.alwaysOn:hover{}

.subCircle{}
.subCircle:hover{}
.alwaysmenuOn{}
*/
.stPoint{background:#596cd3 !important}
.subCircle {display:none;bottom:0;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;
position: fixed; text-align: center; width: 100px; height: 30px; line-height: 1; color:#fff !important;background:#333;border-radius:1000px;padding:8px 10px 0;}
.subCircle:last-child {opacity: 1;}
.subCircle img {vertical-align: middle;}
.subCircle.show {opacity: 1;}
.subCircle:nth-child(3).show {display:block;bottom: 200px;left:10px;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.subCircle:nth-child(2).show {display:block;bottom: 160px;left:10px;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.subCircle:nth-child(1).show {display:block;bottom: 120px;left:10px;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}


.globalTab{clear:both;height:35px;background:#fff;margin-bottom:5px;}
.globalTab a{display:block;float:left;height:35px;text-align:center;padding-top:10px;font-size:0.9rem;color:#aaa;font-weight:normal;}
.globalTab a.on{border-bottom:2px solid #596cd3;color:#596cd3;font-weight:bold;}

.tabbtn {clear:both;height:42px;background:#fff;}
.tabbtn ul{height:42px;}
.tabbtn ul:after{display:block;clear:both;content:'';}
.tabbtn li{display:block;float:left;height:42px;text-align:center;padding-top:13px;font-size:0.9rem;color:#aaa;}
.tabbtn li a  {color:#aaa; display:block}
.tabbtn li.on {border-bottom:2px solid #596cd3;color:#596cd3}
.tabbtn li.on a  {color:#596cd3;font-weight:bold;}

.subTabbtn  {height:39px; _zoom:1;margin:15px 10px 15px;clear:both;}
.subTabbtn ul{height:38px;overflow:hidden;}
.subTabbtn li{float:left; height:34px;background:#fff;text-align:center;border:1px solid #dedede;box-sizing:border-box;border-collapse:collapse;}
.subTabbtn li:first-child{margin-left:0 !important;border-radius:100px 0 0 100px;}
.subTabbtn li:last-child{margin-right:0 !important;border-radius:0 100px 100px 0;}
.subTabbtn li:hover{background:#eee;}
.subTabbtn li span  {color:#555; font-size:0.9rem; font-weight:normal;letter-spacing:-1px;display:block;height:34px;padding:10px 15px 0px;text-decoration:none;}
.subTabbtn li a  {color:#555; font-size:0.9rem; font-weight:normal;letter-spacing:-1px;display:block;height:34px;padding:10px 15px 0px;text-decoration:none;}
.subTabbtn li.on {border:1px solid #596cd3;background:#fff;}
.subTabbtn li.on:hover{background:#fff}
.subTabbtn li.on span  {color:#596cd3; font-size:0.9rem; font-weight:normal;height:38px;padding:10px 15px 0px;}
.subTabbtn li.on a  {color:#596cd3; font-size:0.9rem; font-weight:normal;height:38px;padding:10px 15px 0px;}

/*
.subTabbtn  {height:39px; _zoom:1;margin:20px 10px;clear:both;}
.subTabbtn ul{height:38px;overflow:hidden;}
.subTabbtn li{float:left; height:34px;background:#fff;text-align:center;border:1px solid #eee;box-sizing:border-box;border-collapse:collapse;border-radius:100px;margin-right:2%;}
.subTabbtn li:first-child{margin-left:0 !important;}
.subTabbtn li:last-child{margin-right:0 !important;}
.subTabbtn li:hover{background:#eee;}
.subTabbtn li span  {color:#555; font-size:0.9rem; font-weight:normal;letter-spacing:-1px;display:block;height:34px;padding:10px 15px 0px;text-decoration:none;}
.subTabbtn li a  {color:#555; font-size:0.9rem; font-weight:normal;letter-spacing:-1px;display:block;height:34px;padding:10px 15px 0px;text-decoration:none;}
.subTabbtn li.on {border:1px solid #596cd3;background:#fff;}
.subTabbtn li.on:hover{background:#fff}
.subTabbtn li.on span  {color:#596cd3; font-size:0.9rem; font-weight:normal;height:38px;padding:10px 15px 0px;}
.subTabbtn li.on a  {color:#596cd3; font-size:0.9rem; font-weight:normal;height:38px;padding:10px 15px 0px;}
*/

.tabbtnTop {clear:both;height:35px;background:#fff;}
.tabbtnTop ul{height:35px;overflow:hidden;}
.tabbtnTop li{display:block;float:left;height:35px;text-align:center;padding-top:10px;font-size:0.9rem;color:#aaa;font-weight:bold;}
.tabbtnTop li a  {color:#aaa; }
.tabbtnTop li.on {border-top:1px solid #596cd3;color:#596cd3}
.tabbtnTop li.on a  {color:#596cd3;}

.tabTiles {clear:both;background:#fff;}
.tabTiles ul{overflow:hidden;}
.tabTiles li{display:block;float:left;height:50px;text-align:center;padding-top:10px;font-size:0.8rem;color:#aaa;font-weight:normal;line-height:1.5;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.tabTiles li:first-child{height:40px;}
.tabTiles li:nth-child(3n+1){border-right:0 !important}
.tabTiles li a  {color:#aaa;display:block;}
.tabTiles li a strong{font-weight:bold;}
.tabTiles li.on {background:#596cd3;color:#fff;}
.tabTiles li.on a  {color:#fff;}

.tabFaq {clear:both;background:#fff;border-top:1px solid #dedede !important}
.tabFaq ul{overflow:hidden;}
.tabFaq li{display:block;float:left;height:40px;text-align:center;padding-top:10px;font-size:0.8rem;color:#aaa;font-weight:normal;line-height:1.5;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.tabFaq li:nth-child(3n+3){border-right:0 !important}
.tabFaq li a  {color:#aaa;display:block;}
.tabFaq li a strong{font-weight:bold;}
.tabFaq li.on {background:#596cd3;color:#fff;}
.tabFaq li.on a  {color:#fff;}

.faqListWrap{padding:0px }
.faqListWrap .faqList{text-align:left;border:0 !important;padding: 0 !important;margin:0 !important}
.faqListWrap .faqList:first-child{border-top:0;}
.faqListWrap .faqList dt.faqQuest{font-size:0.8rem;color:#000;cursor:pointer;padding:25px 25px 25px 10px !important;background:#fff;border-bottom:1px solid #eee;position:relative;font-weight:bold;}
.faqListWrap .faqList dt.faqQuest:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f067' !important; font-family: 'FontAwesome';color:#999 !important;font-size:0.8rem !important;}
.faqListWrap .faqList dt.subOpen:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f068' !important; font-family: 'FontAwesome';color:#999 !important;}
.faqListWrap .faqList dt.faqQuest span{font-weight:bold;color:#004a30}
.faqListWrap .faqList dd.faqAnswer{display:none;width:100%;border-bottom:1px solid #eee;font-size:0.8rem;line-height:1.7;background:#f9f9f9;color:#000;}
.faqListWrap .faqList dd.faqAnswer .innWrap{padding:20px 15px 20px 15px;}
.ui-accordion-header-icon{display:none;}

.col-1{width:100% !important;}
.col-2{width:50% !important;}
.col-3{width:33.3% !important;}
.col-4{width:25% !important;}
.col-5{width:20% !important;}

.searchWrap{padding:10px;text-align:left !important;}
.searchFormDiv{width:85%;display:inline-block;height:37px;background:#fff;border-radius:4px;border:1px solid #ccc;position:relative;text-align:left;} /*  #4e80ee   */
.searchFormDiv:after{ display:block;width:20px;height:20px;position:absolute;top: 10px; left: 2px; content: '\f002'; font-family: 'FontAwesome'; font-size: 14px; text-align: center; color: #bbb;font-weight:normal !important;}
.searchFormDiv .form-control{width:90%;height:35px;line-height:35px;border:1px solid transparent !important;padding:0 5px 0 25px;font-size:0.9rem;}
.searchFormDiv .form-control:hover, .searchFormDiv .form-control:focus{background:none !important;border:1px solid transparent !important;}
.searchFormDiv .searchMore{width:25px;height:25px;display:inline-block;text-align:center;padding-top:5px;position:absolute;top:1px;right:3px;}
.searchFormDiv .searchMoreWrap{width:100%;background:#fff;display:none;position:absolute;top:30px;right:0;z-index:2;box-shadow:0 1px 4px #999;border-radius:4px;}
.searchFormDiv .searchMoreWrap .innerWrap{padding:10px;border:1px solid #dedede;border-radius:4px;}
.searchFormDiv .searchMoreWrap .innerWrap table{width:100%;}
.searchWrap .btnSearch{margin-left:5px;height:37px;line-height:37px;}

.searchMoreWrap .msgListUl{max-height:215px;overflow:auto !important;}
.msgListUl{border-top:1px solid #eee;margin:5px auto;background:#fff;}
.msgListUl li{position:relative;padding:20px 10px;border-bottom:1px solid #eee;}
.msgListUl li:hover{background:#f8f9ff;}
.msgListUl li .bookName{font-size:13px;color:#000;padding:3px 0;margin-bottom:8px;font-weight:bold;}
.msgListUl li .name{font-size:13px;color:#000;}
.msgListUl li .mail{font-size:13px;color:#666;}
.msgListUl li .msg{font-size:13px;color:#999;margin-top:8px;}
.msgListUl li .ctrBtns{position:absolute;top:15px;right:10px;}
.msgListUl li .ctrBtns a{font-size:21px;color:#ccc;}
.msgListUl li .ctrBtns a:hover .fa-check-circle{color:#01bd8b}
.msgListUl li .ctrBtns a:hover .fa-ban{color:#ff8585}

.searchMoreWrap .msgListUl li .mail{font-size:12px;color:#999;margin-top:8px;}
.searchMoreWrap .msgListUl li .msg{font-size:12px;color:#666;}
.msgListUl li .ctrBtns a .fa-share-square{font-size:18px;color:#999;}
.msgListUl li .ctrBtns a:hover .fa-share-square{color:#01bd8b}

.mwin_layer {position: absolute;_position: absolute;top: 0;left: 0;z-index: 9000;width: 100%;height: 100%}
.mwin_layer .bg_new{position:fixed;_position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;opacity: .5;filter:alpha(opacity=50)}
.mw_defalut{position:absolute;z-index:999999;-moz-box-shadow: 0px 10px 21px #000;-webkit-box-shadow: 0px 10px 21px #000;box-shadow: 0px 10px 21px #000;}
.mw_defalut .mw_title{height:48px;text-align:left;overflow:hidden;position:relative;background:#596cd3;} /* url('/static/img/comm/bg_header.png') repeat-x 0 0 */
.mw_defalut .mw_title .title{font-size:16px;color:#fff;font-weight:normal !important;line-height:48px;padding-left:15px;}
.mw_defalut .mw_title .close_layer{width:16px;height:16px;display:block;position:absolute;top:15px;right:10px;}
.mw_defalut .mw_ctWrap{padding:20px 10px 15px 10px;background:#fff;}
.mw_defalut .mw_ctWrap .pagenate{margin-bottom:0 !important;}
.mw_defalut .mw_ctWrap .mw_contents{padding:0 !important}
.mw_defalut .mw_contents{padding:20px 20px 15px 20px;background:#fff;}



.globalBody{padding-bottom:55px;}
.linkTxt{color:#596cd3 !important}
.linkTxt:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}

.numBlue, .positive{color:#596cd3;}
.numRed, .negative{color:#f86c6c;}
.neither{color:#857bff;}   /* #01bd75 */
.ordinary{color:#01bd8b}

.cateChangeUl{height:calc(100vh - 150px);overflow:auto}
.cateChangeUl li{padding:20px 8px;text-align:left;cursor:pointer;font-size:0.8rem;border:1px solid #eee;margin-top:-1px;}
.cateChangeUl li:first-child{margin-top:0;}
.cateChangeUl .depth2{padding-left:15px;font-size:0.9rem;color:#999;}
.cateChangeUl .depth2:before{content:' - ';}
.cateChangeUl .depth3{padding:7px 0 7px 35px;font-size:0.8rem;color:#999;}
.cateChangeUl .depth3:before{content:' └ ';}

.listTypeA__Wrap{padding:0;margin-top:5px}
.listTypeA__Wrap .listTypeA__titleDl{overflow:hidden;min-height:50px;background:#fff;border-top:1px solid #ddd;}
.listTypeA__Wrap .listTypeA__titleDl dt{width:35%;float:left;min-height:50px;font-size:0.8rem;text-align:left;padding:20px 0 20px 20px;position:relative;font-weight:bold;}
.listTypeA__Wrap .listTypeA__titleDl dt:before{position:absolute;width:8px;min-height:8px;top:21px;left:8px;display:block !important;content:'';}
.listTypeA__Wrap .listTypeA__titleDl dt.pst:before{background:#4fc3f7;}
.listTypeA__Wrap .listTypeA__titleDl dt.ngt:before{background:#ff8a65;}
.listTypeA__Wrap .listTypeA__titleDl dt.net:before{background:#857bff;}
.listTypeA__Wrap .listTypeA__titleDl dd{width:65%;float:left;min-height:50px;text-align:right;padding:20px 15px 20px 0;font-size:0.9rem;font-weight:bold;}

.listTypeA__subDl{overflow:hidden;min-height:38px;background:#fafafa;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-top:-1px;}
.listTypeA__subDl dt{width:40%;float:left;min-height:38px;font-size:0.9rem;text-align:left;padding:13px 0 0 12px;position:relative;}
.listTypeA__subDl dt:before{content:' · ';}
.listTypeA__subDl dd{width:60%;float:left;min-height:38px;text-align:right;padding:13px 15px 0 0;font-size:0.9rem;}

.listTypeA__detailDl{overflow:hidden;min-height:34px;background:#fff;padding:1vh 0;}
.listTypeA__detailDl dt{width:62%;float:left;min-height:34px;font-size:0.9rem;text-align:left;padding:10px 0 0 18px;position:relative;}
.listTypeA__detailDl dd{width:38%;float:left;min-height:34px;text-align:right;padding:10px 15px 0 0;font-size:0.9rem;}

.listTypeA__detailList{overflow:hidden;padding:2.5vh 0;background:#fff;position:relative;}
.listTypeA__detailList .f_lt{width:62%;height:100%;float:left;}
.listTypeA__detailList .f_rt{width:38%;height:100%;float:left;}
.listTypeA__detailList .title{font-size:0.8rem;text-align:left;padding:5px 5px 5px 18px;color:#000;}
.listTypeA__detailList .info{font-size:0.8rem;text-align:left;padding:5px 5px 5px 18px;color:#888;}
.listTypeA__detailList .money{text-align:right;font-size:0.9rem;padding:5px 15px 5px 5px;color:#000;}
.listTypeA__detailList .linkTxt{display:block;text-align:right;padding:5px 15px 5px 5px;font-size:0.8rem;position:relative;color:#596cd3}
.listTypeA__detailList .linkTxt:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}

.listTypeA__toggleList{background:#fff;padding:0px 15px;}
.listTypeA__toggleList .summToggleWrap{padding:10px 8px;}
.listTypeA__toggleList .summToggleWrap dt{overflow:hidden;}
.listTypeA__toggleList .summToggleWrap .title{width:40%;float:left;font-size:0.8rem;padding-top:4px;}
.listTypeA__toggleList .summToggleWrap .num{width:60%;float:left;text-align:right;}
.listTypeA__toggleList .summToggleWrap .num strong{font-size:0.9rem;font-weight:bold;}
.listTypeA__toggleList .summToggleWrap .num span{font-size:0.8rem;padding-left:5px;}
.listTypeA__toggleList .summToggleWrap dd{display:none;}
.listTypeA__toggleList .summToggleWrap .ddInWrap{padding:15px 8px 10px}
.listTypeA__toggleList .summToggleWrap .ddInWrap .ddInObj{padding:3px 0;}
.listTypeA__toggleList .summToggleWrap .ddInWrap .title{width:40%;float:left;font-size:0.8rem;}
.listTypeA__toggleList .summToggleWrap .ddInWrap .num{width:60%;float:left;font-size:0.8rem;}


.listTypeB__Wrap{padding:0;border-top:1px solid #ddd;margin-top:5px}
.listTypeB__Wrap .listTypeB__totalDl{overflow:hidden;min-height:50px;background:#fff;border-bottom:1px solid #ddd}
.listTypeB__Wrap .listTypeB__totalDl dt{width:30%;float:left;min-height:50px;font-size:0.9rem;text-align:left;padding:19px 0 0 20px;position:relative;font-weight:bold;}
.listTypeB__Wrap .listTypeB__totalDl dt:before{position:absolute;width:8px;min-height:8px;top:21px;left:8px;display:block !important;content:'';}
.listTypeB__Wrap .listTypeB__totalDl dt.pst:before{background:#596cd3;}
.listTypeB__Wrap .listTypeB__totalDl dt.ngt:before{background:#f86c6c;}
.listTypeB__Wrap .listTypeB__totalDl dt.net:before{background:#857bff;}
.listTypeB__Wrap .listTypeB__totalDl dt.odi:before{background:#01bd8b;}
.listTypeB__Wrap .listTypeB__totalDl dd{width:70%;float:left;min-height:50px;text-align:right;padding:19px 20px 0 0;font-size:0.9rem;font-weight:bold;}

.listTypeB__Wrap .listTypeB__titleDl{overflow:hidden;min-height:50px;background:#fff;}
.listTypeB__Wrap .listTypeB__titleDl dt{width:30%;float:left;min-height:50px;font-size:0.9rem;text-align:left;padding:19px 0 0 20px;position:relative;font-weight:bold;}
.listTypeB__Wrap .listTypeB__titleDl dt:before{position:absolute;width:8px;min-height:8px;top:21px;left:8px;display:block !important;content:'';}
.listTypeB__Wrap .listTypeB__titleDl dt.pst:before{background:#596cd3;}
.listTypeB__Wrap .listTypeB__titleDl dt.ngt:before{background:#f86c6c;}
.listTypeB__Wrap .listTypeB__titleDl dt.net:before{background:#857bff;}
.listTypeB__Wrap .listTypeB__titleDl dd{width:70%;float:left;min-height:50px;text-align:right;padding:19px 20px 0 0;font-size:0.9rem;font-weight:bold;}

.listTypeB__subDl{overflow:hidden;min-height:35px;background:#fff;padding:10px;}
.listTypeB__subDl.last{border-bottom:1px solid #ddd;padding-bottom:20px;}
.listTypeB__subDl dt{width:40%;float:left;font-size:0.9rem;text-align:left;padding:0 0 0 10px;position:relative;}
.listTypeB__subDl dt:before{content:' · ';}
.listTypeB__subDl dd{width:60%;float:left;text-align:right;padding:0 10px 0 0;font-size:0.9rem;}


.listTypeB__detailDl{overflow:hidden;min-height:34px;background:#fff;}
.listTypeB__detailDl dt{width:30%;float:left;min-height:34px;font-size:0.9rem;text-align:left;padding:10px 0 0 22px;position:relative;}
.listTypeB__detailDl dd{width:70%;float:left;min-height:34px;text-align:right;padding:10px 15px 0 0;font-size:0.9rem;}


.listTypeC__Wrap .listTypeC__title{overflow:hidden;background:#fff;padding:20px 15px 10px 10px;border-bottom:1px solid #eee;}
.listTypeC__Wrap .listTypeC__title .listTypeC__titleDl dt{width:20%;float:left;font-size:0.9rem;text-align:left;position:relative;font-weight:bold;}
.listTypeC__Wrap .listTypeC__title .listTypeC__titleDl dt:before{position:absolute;width:8px;min-height:8px;top:21px;left:8px;display:block !important;content:'';}
.listTypeC__Wrap .listTypeC__title .listTypeC__titleDl dt.pst:before{background:#4fc3f7;}
.listTypeC__Wrap .listTypeC__title .listTypeC__titleDl dt.ngt:before{background:#ff8a65;}
.listTypeC__Wrap .listTypeC__title .listTypeC__titleDl dt.net:before{background:#857bff;}
.listTypeC__Wrap .listTypeC__title .listTypeC__titleDl dd{width:80%;float:left;text-align:right;font-size:0.9rem;font-weight:bold;}
.listTypeC__Wrap .listTypeC__title .listTypeC__sub{width:40%;float:left;padding:13px 0 0;}
.listTypeC__Wrap .listTypeC__title .listTypeC__sub dt{width:30%;float:left;font-size:0.8rem;text-align:left;position:relative;color:#666;line-height:1.8;clear:both;}
.listTypeC__Wrap .listTypeC__title .listTypeC__sub dd{width:70%;float:left;text-align:right;font-size:0.8rem;color:#666;line-height:1.8;}
.listTypeC__Wrap .listTypeC__title .listTypeC__aside{width:60%;min-height:60px;float:right;text-align:right;position:relative;}
.listTypeC__Wrap .listTypeC__title .listTypeC__aside .btnBudget{position:absolute;bottom:35px;right:0px;display:inline-block;text-decoration:underline;font-size:0.8rem}
.listTypeC__Wrap .listTypeC__title .listTypeC__aside .btnLeftOver{position:absolute;bottom:10px;right:0px;display:inline-block;font-size:0.9rem}


.listTypeD__Wrap{background:#fff;}
.listTypeD__Wrap h3{font-size:0.9rem;text-align:left;padding:5px 0;position:relative;z-index:2;}
.listTypeD__Wrap h3 span{background:#fff;position:relative;z-index:2;padding:0 15px 0 0px;}
.listTypeD__Wrap h3:after{display:block;width:100%;height:1px;background:#d6e5ff;position:absolute;top:42%;left:0;right:0;content:'';z-index:1}
.listTypeD__Wrap .summToggleWrap{padding:10px 15px;}
.listTypeD__Wrap .summToggleWrap dt{overflow:hidden;}
.listTypeD__Wrap .summToggleWrap .title{width:40%;float:left;font-size:0.8rem;}
.listTypeD__Wrap .summToggleWrap .num{width:60%;float:left;text-align:right;}
.listTypeD__Wrap .summToggleWrap .num strong{font-size:0.9rem;font-weight:bold;}
.listTypeD__Wrap .summToggleWrap .num span{font-size:0.8rem;padding-left:5px;}
.listTypeD__Wrap .summToggleWrap .num i{font-size:20px;position:relative;top:3px;}
.listTypeD__Wrap .summToggleWrap dd{display:none;}
.listTypeD__Wrap .summToggleWrap .ddInWrap{padding:15px 15px 10px}
.listTypeD__Wrap .summToggleWrap .ddInWrap .ddInObj{padding:10px 0;}
.listTypeD__Wrap .summToggleWrap .ddInWrap .title{width:60%;float:left;font-size:0.8rem;}
.listTypeD__Wrap .summToggleWrap .ddInWrap .num{width:40%;float:left;font-size:0.8rem;}

.listTypeE__Wrap{overflow:hidden;background:#fff;padding:20px 15px 20px 10px;border-bottom:1px solid #eee;}
.listTypeE__Wrap .listTypeE__title {width:70%;float:left;text-align:left;position:relative;line-height:1.6;padding:0 15px;}
.listTypeE__Wrap .listTypeE__title .name{font-size:0.9rem;font-weight:bold;color:#000;padding-top:12px;}
.listTypeE__Wrap .listTypeE__title .pay{font-size:0.9rem;color:#000;}
.listTypeE__Wrap .listTypeE__title .pay span{font-size:0.8rem;color:#999;}
.listTypeE__Wrap .listTypeE__btns{width:30%;float:left;text-align:right;font-size:0.9rem;font-weight:bold;padding:0 10px 0 0;}

.listTypeF__Wrap{overflow:hidden;background:#fff;padding:0;}
.listTypeF__Wrap .title{text-align:left;padding:8px 0 5px 0;font-weight:normal;font-size:13px;margin-top:0px;}
.listTypeF__Wrap .listTypeF__titleDl {padding:10px 0;overflow:hidden;}
.listTypeF__Wrap .listTypeF__titleDl dt {float:left;width:25%;text-align:left;padding-top:1px;font-size:11px;height:18px;}
.listTypeF__Wrap .listTypeF__titleDl dd.money{float:left;width:28%;text-align:right;font-size:0.9rem;padding-top:1px;font-weight:bold;height:18px;}
.listTypeF__Wrap .listTypeF__titleDl dd.graph {float:left;width:47%;text-align:left;overflow: hidden;height:18px;}
.listTypeF__Wrap .listTypeF__titleDl dd.graph .graphDivTypeNum{width:70%;}




.monthSelect{width:100%;left:0;position:absolute;top:40px;padding:10px;background:#fff;border:1px solid #dedede;border-radius:8px;z-index:999;overflow:hidden;display:none;}
.monthSelect span{width:14.6%;margin:1%; float:left; display:block;padding:8px 0px;text-align:center;background:#fafafa;}
.monthSelect span:hover{background:#fff;color:#f20 !important;}
.monthSelect span:nth-child(7n+1){clear:both;}
.monthSelect .yearSelect{padding:3px 0;text-align:center;}
/*
.summToggleWrap{}
*/
.artNum{padding:2px 5px;text-align:center;background:#f20;color:#fff;border-radius:1000px;position:relative;left:5px;font-size:0.8rem;font-weight:bold;text-decoration:none;}
.listNew{padding:2px 4px 2px 4px !important;text-align:center;background:#f20;color:#fff !important;border-radius:1000px;position:relative;left:5px;font-size:0.6rem !important;font-weight:bold;text-decoration:none;}

.graphDiv{width:75%;height:20px;background-color:#e9ecef;text-align:left;display:inline-block;vertical-align:middle;}
.graphOn{height:20px;background-color:#596cd3;}
.graphNum{display:inline-block;width:13%;vertical-align:middle;padding-left:5px;font-size:10px;text-align:right;}

/* 180806 그래프 형식 추가 */
.graphDivTypeNum{width:80%;height:12px;background-color:#e9ecef;text-align:left;display:inline-block;vertical-align:middle;border-radius:1000px;}
.graphDivTypeNum .graphOn{height:12px;background-color:#596cd3;position:relative;border-radius:1000px;}
.graphDivTypeNum .graphOn .graphNum{padding-left:5px;font-size:10px;position:absolute;top:5px;right:-50px;display:block;width:50px;text-align:left;color:#3860b6}



.writeForm__Wrap{background:#fff;height:calc(100vh - 100px);overflow:auto;position:relative;}
.writeTb{width:100%;}
.writeTb th{height:50px;padding:5px 0 5px 5px;font-size:0.8rem;text-align:left;background:none;}
.writeTb td{height:50px;padding:5px;font-size:0.9rem;background:none;}
.writeForm__Wrap .btnBlock{position:absolute;bottom:0;left:0;right:0;display:block;height:45px;padding-top:18px;font-size:0.9rem;text-align:center;color:#fff;background:#596cd3}
.btnBlock{display:block;height:45px;padding-top:18px;font-size:0.9rem;text-align:center;color:#fff !important;background:#596cd3}

.listTb{width:100%;}
.listTb td{padding:25px 0px;font-size:0.8rem;background:#fff;border-bottom:1px solid #dedede;text-align:center;line-height:1.5;}
.listTb td.linkTd{font-size:0.9rem}
.listTb td .name{font-size:0.9rem;color:#000}
.listTb td .type{font-size:0.8rem;padding-top:3px;color:#999;letter-spacing:-1px;}
.listTb td.linkTd i{font-size:0.8rem}
.listTb td .fa-camera{color:#aaa;}
.listTb td .fa-camera.on{color:#596cd3;}
/*
.listTb td.linkTd:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}
*/
.labelBox{padding:5px 3px;border-radius:4px;letter-spacing:-1px;display:block;width:80%;margin:0 auto;}
.labelBox.bgNo{background:#fff;border:1px solid #ff8a65;color:#ff8a65}
.labelBox.bg01{background:#fff;border:1px solid #ddd;}
.labelBox.bg02{background:#7094ee;border:1px solid #7094ee;color:#fff !important}

.assetList dl{clear:both;}
.assetList dl dt{background:#f5f5f5;color:#555;font-weight:bold;text-align:left;padding:15px 10px;font-size:0.9rem;border-bottom:1px solid #eee;}
.assetList dl dd{position:relative;border-bottom:1px solid #eee;padding:25px 25px 25px 20px;box-sizing:border-box;font-size:0.8rem;line-height:1.5;background:#fff;}
.assetList dl dd .setting{z-index:999;position:absolute;top:50%;margin-top:-13px;right:10px;width:26px;height:26px;text-align:center;line-height:26px;display:block;font-size:13px;color:#999;}
/*
.assetList dl dd:after{position:absolute;top:40%;right:20px;display:inline-block;content: '\f105'; font-family: 'FontAwesome'; font-size: 13px;font-weight:normal !important;margin-left:3px;}
*/
.btnBlockFlat{display:block;width:80%;height:45px;margin:20px auto;padding-top:15px;font-size:0.9rem;text-align:center;color:#fff !important;background:#596cd3;box-shadow:0px 10px 8px -9px rgba(0,0,0,0.5);}
.btnBlockFlatDark{display:block;width:80%;height:45px;margin:20px auto;padding-top:15px;font-size:0.9rem;text-align:center;color:#fff !important;background:#3d4c70;box-shadow:0px 10px 8px -9px rgba(0,0,0,0.5);}
.btnBlockFlatMin{display:block;width:80%;height:45px;margin:10px auto;padding-top:15px;font-size:0.9rem;text-align:center;color:#fff !important;background:#596cd3;box-shadow:0px 10px 8px -9px rgba(0,0,0,0.5);}


.assetHideList dl dt{background:#f5f5f5;color:#555;font-weight:bold;text-align:left;padding:15px 10px;font-size:0.9rem;border-bottom:1px solid #eee;}
.assetHideList dl dd{position:relative;border-bottom:1px solid #eee;padding:22px 10px 15px 20px;box-sizing:border-box;font-size:0.8rem;line-height:1.5;background:#fff;}


.searchMonth{padding:0px;background:#fff;overflow:hidden;margin:0 auto;}
.searchMonth .choiceMonth{width:70%;height:40px;font-size:1.3rem;font-weight:normal;text-align:center;padding-top:9px;line-height:13px;text-transform:uppercase;color:#555;font-family:tahoma !important;float:left;}
.searchMonth .choiceMonth span{font-size:11px;color:#999;}
.searchMonth .choiceYear{width:70%;height:40px;font-size:1.1rem;font-weight:normal;text-align:center;padding-top:9px;line-height:13px;text-transform:uppercase;color:#555;font-family:tahoma !important;float:left;}
.searchMonth .ctrDatabtns{position:relative;margin-top:5px;}
.searchMonth .ctrDatabtns:after{content:'';display:block;clear:both;}
.searchMonth .ctrDatabtns .btn{width:15%;display:block;height:40px;line-height:40px;font-size:0.8rem;background:#fff;float:left;margin-left:-1px;text-align:center}
.searchMonth .ctrDatabtns .btn i{position:relative;top:5px;}
.searchMonth .ctrDatabtns .btn.first{margin-left:0;}


/* 이미지체크박스 */
.imgChkBox{display:inline-block;position:relative;height:26px;}
.imgChkBox .imgChkBoxInput{position:absolute;top:0px;left:0px;width:22px;height:26px;visibility:hidden;}
.imgChkBox .imgChkBoxLabel{display:inline-block;cursor:pointer;height:26px;line-height:26px;padding-left:25px;font-size:0.8rem;background:url('/static/img/comm/bg_checkbox_off.png') no-repeat 0 3px;}
.imgChkBox .lbOn{background:url('/static/img/comm/bg_checkbox_on.png') no-repeat 0 3px;}

/* 뷰타입 체크박스 */
.imgChkView{display:inline-block;position:relative;height:29px;background:none;padding:0 8px 0px 5px;border:1px solid transparent;border-radius:4px;vertical-align:middle;}
.imgChkView:hover{border:1px solid #87a8ff;background:#fff;}
.imgChkView .imgChkBoxInput{position:absolute;top:0px;left:0px;width:20px;height:29px;visibility:hidden;}
.imgChkView .imgChkBoxTypeView{display:block;cursor:pointer;height:29px;line-height:29px;padding-left:19px;font-size:12px;font-weight:normal;color:#555;background:url('/static/img/btn/btn_viewtoggleOff.png') no-repeat 0px 7px;}
.imgChkView .viewOn{background:url('/static/img/btn/btn_viewtoggleOn.png') no-repeat 0px 7px;}
.imgChkView.disabled{border:1px solid #eee !important;background:#f5f5f5 !important;color:#999 !important;cursor:not-allowed !important;}


.picUpdiv img{max-width:98%;margin:0 auto;}

.totalObj{background:#fff;}
.totalObj.on{border-top:2px solid #596cd3}
.totalObj label{color:#fff;font-size:0.8rem;padding:2px 3px;border-radius:4px;}
.totalObj label.positive{background:#4fc3f7}
.totalObj label.negative{background:#ff8a65}
.totalObj label.neither{background:#857bff}
.totalObj span{font-size:0.8rem;color:#666;}

.totalObjType2{background:#f5f5f5;height:50px;overflow:hidden;}
.totalObjType2.on{background:#fff}
.totalObjType2 label{color:#fff;font-size:0.9rem;padding:3px 5px;border-radius:4px;}
.totalObjType2 label.ordinary{color:#999;}
.totalObjType2.on label.ordinary{color:#000;font-weight:bold;}
.totalObjType2.on span{color:#000;}
.totalObjType2 label.positive{background:#4fc3f7}
.totalObjType2 label.negative{background:#ff8a65}
.totalObjType2 label.neither{background:#857bff}
.totalObjType2 span{font-size:0.8rem;color:#999;}

.alertObj{display:block;padding:10px 0;text-align:center;font-size:0.8rem;color:#fff;}
.alertObj.positive{background:#4fc3f7;}
.alertObj.negative{background:#ff8a65;}
.alertObj.neither{background:#857bff;}
.alertObj.ordinary{background:#01bd8b}


.msgDefalut{padding:100px 0;text-align:center;color:#999;font-size:0.9rem;background:#fff;border-radius:8px;border:1px solid #eee;margin:20px;}
.certListWrap{border:1px solid #ddd;background:#fff;margin:20px;}
.certListBlock{padding:15px 20px;border-top:1px solid #ddd;background:url(/m5/img/ico/cert2.png) no-repeat 95% 50%;cursor:pointer;}

.certListBlock:first-child{border-top:0;}
.certListBlock li{font-size:0.8rem;color:#666;text-align:left;line-height:1.1;}
.certListBlock .name{font-size:0.9rem;font-weight:bold;color:#000;padding:5px 0;}

.listSummWrap{margin:0px auto 0px;background:#fff;padding:5px 0 0;}
.listSummWrap ul{overflow:hidden;}
.listSummWrap ul li{width:33.3%;float:left;text-align:center;padding:3px 0;line-height:1.8;}
.listSummWrap ul li:last-child{width:33.4%;}
.listSummWrap ul li.num{font-size:0.9rem;}

.dayBlock{overflow:hidden;padding:0px 12px 0px 5px;border-bottom:1px solid #dedede;font-size:0.8rem;background:#f2f2ff;}
.dayBlock .date{width:25%;float:left;font-weight:bold;}
.dayBlock .summ{width:75%;float:left;text-align:right;font-weight:bold;}
.dayBlock .summ .negative{margin-left:5px;}

.w30p{width:30% !important;}

.weekBlock{overflow:hidden;padding:10px 5px;border-bottom:1px solid #dedede;font-size:0.8rem;background:#f2f2ff;}
.weekBlock .date{width:20%;float:left;}
.weekBlock .summ{width:80%;float:left;text-align:right;}

.budgetBlock{overflow:hidden;padding:15px 5px;border-bottom:1px solid #dedede;font-size:0.8rem;}
.budgetBlock .date{width:50%;float:left;text-align:right;padding-right:10px;}
.budgetBlock .summ{width:50%;float:left;text-align:left;padding-left:10px;}

.titleBlock{overflow:hidden;padding:15px 5px;border-bottom:1px solid #eaeaea;font-size:0.9rem;background:#f5f5f5;font-weight:bold;}
.menuBlock{padding:15px 20px;border-bottom:1px solid #eaeaea;background:#fff;position:relative;cursor:pointer;}
.menuBlock:after{display:block; position:absolute;top: 50%; right: 15px; margin-top:-9px;width: 18px; height: 18px; content: '\f105'; font-family: 'FontAwesome'; font-size: 0.8rem; text-align: center; color: #666;line-height: 17px;}

.noticeBlock{padding:25px 15px;border-bottom:1px solid #eaeaea;background:#fff;position:relative;cursor:pointer;}
.noticeBlock:after{display:block; position:absolute;top: 50%; right: 15px; margin-top:-9px;width: 18px; height: 18px; content: '\f105'; font-family: 'FontAwesome'; font-size: 0.8rem; text-align: center; color: #666;line-height: 17px;}
.noticeBlock span{font-size:0.8rem;padding-right:3px;color:#596cd3}

.infoTxt{padding:15px;text-align:left;line-height:1.5;font-size:0.8rem;color:#777;}

.introBLock{padding:20px 15px;background:#fff;min-height:calc(100vh - 100px)}
.introBLock .title{font-size:0.9rem;font-weight:bold;text-align:left;padding:10px 0 20px 0;}
.introBLock .introTxt{position:relative;font-size:0.9rem;line-height:1.5;padding:5px 10px;}
.introBLock .introTxt:before{position:absolute;top:5px;left:2px;display:block;content:'· ';}


.imgSect{text-align:center;}
.imgSect img{max-width:95%;margin:0 auto;border:1px solid #eee;}

.listTyleBoard__ul{background:#fff;overflow:hidden;}
.listTyleBoard__ul li{padding:20px 15px 20px 15px;overflow:hidden;border-bottom:1px solid #eee;cursor:pointer;}
.listTyleBoard__ul li .cate{width:15%;float:left;text-align:left;}
.listTyleBoard__ul li .title{width:70%;float:left;text-align:left;}
.listTyleBoard__ul li .status{width:15%;float:left;text-align:right;}
.listTyleBoard__ul li .status .statOk{border:1px solid #596cd3;border-radius:4px;padding:5px;color:#596cd3;font-size:0.8rem;}
.listTyleBoard__ul li .status .statWait{border:1px solid #999;border-radius:4px;padding:5px;color:#666;font-size:0.8rem;}

.calendarWrap{background:#fff;}
.cldrSummWrap{overflow:hidden;padding:8px 8px 8px 10px;border-radius:8px;margin-bottom:10px;}

.cldrHeaderTb{width:100%;table-layout:fixed;}
.cldrHeaderTb thead th{font-size:0.8rem;color:#555;line-height:18px;padding:5px 0;text-align:center;border:1px solid #eee;background:#f0f5f9;font-weight:bold;}

.cldrBodyTb{width:100%;table-layout:fixed;}
.cldrBodyTb thead td{border:1px solid #eee;border-bottom:1px solid #fff;border-top:1px solid transparent;padding:5px;text-align:right;font-size:0.8rem;}
.cldrBodyTb tbody td{height:50px;border:1px solid #eee;border-top:1px solid #fff;padding:0 5px 5px;vertical-align:top;font-size:0.8rem;}
.cldrBodyTb tbody td .numObj{display:block;padding:2px 0 0;text-align:right;}
.cldrBodyTb tfoot td{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px;background:#f2f2ff;font-size:0.8rem;}
.cldrBodyTb tfoot td:first-child{border-left:1px solid #eee;}
.cldrBodyTb tfoot td:last-child{border-right:1px solid #eee;}
.calendarWrap .first{border-left:0 !important;}
.calendarWrap .last{border-right:0 !important;}
.calendarWrap .sun{color:#ea484c !important;}
.calendarWrap .sat{color:#4a86ff !important;}
.calendarWrap .other{color:#ccc !important;}

.csQWrap{margin:25px 8px 5px;padding:20px 0 10px;text-align:center;background:#fff;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);}
.csQWrap a{display:inline-block;width:40%;line-height:1.9;font-size:0.9rem;font-weight:bold;}
.csQWrap a img{width:60%;}


.graphWrap{margin:8px 0px 50px;background:#fff;}
.graphWrap h3{font-size:0.9rem;font-weight:bold;text-align:left;padding:10px 10px 0;}
.graphWrap .graphArea{overflow:hidden;padding:20px 10px;}

.graphWrapA{margin:8px auto 25px;background:#fff;}
.graphWrapA .graphArea{overflow:hidden;padding:12px;}
.graphWrapA .graphArea .linkTxt{font-size:0.8rem;}
.graphTypeA{overflow:hidden;}
.graphTypeA .title{text-align:left;padding:8px 0 0 0;}
.graphTypeA .graphTypeA__obj{float:left;}
.graphTypeA .graphTypeA__obj_head{height:25px;text-align:center;font-size:0.8rem;line-height:25px;min-width:50px;margin-left:-35px;}
.graphTypeA .graphTypeA__obj_body{height:30px;}

.graphSummUl{overflow:hidden;margin:0 auto}
.graphSummUl li{float:left;font-size:0.8rem;text-align:center;padding:8px 0;line-height:1.8}
.bd_trans{border:1px solid transparent !important;background:none !important;}
.bgGr01{background:#e57373;color:#e57373}
.bgGr02{background:#81c784;color:#81c784}
.bgGr03{background:#ffb74d;color:#ffb74d}
.bgGr04{background:#64b5f6;color:#64b5f6}
.bgGr05{background:#616161;color:#616161}
.bgGr06{background:#ba68c8;color:#ba68c8}
.bgGr07{background:#7986cb;color:#7986cb}
.bgGr08{background:#596cd3;color:#596cd3}
.bgGr09{background:#01bd8b;color:#01bd8b}




.txtRed{color:#f20 !important;}

.bt1{border-top:1px solid #eaeaea;}
.setListBlock{padding:18px 15px;border-bottom:1px solid #eaeaea;background:#fff;position:relative;cursor:pointer;}
.setListBlock:after{display:block; position:absolute;top: 50%; right: 15px; margin-top:-9px;width: 18px; height: 18px; content: '\f105'; font-family: 'FontAwesome'; font-size: 0.8rem; text-align: center; color: #666;line-height: 17px;}
.setListBlock .name{font-size:0.9rem;font-weight:bold;color:#000;padding:3px 0;}
.setListBlock .name span{font-size:0.8rem;color:#555;font-weight:normal;}
.setListBlock .mail{font-size:0.9rem;color:#888;padding:3px 0;}
.setListBlock .menu{font-size:0.9rem;font-weight:normal;color:#000;padding:3px 0;}


.infoBlockWrap{text-align:left;background:#fff;padding:20px 15px 20px 10px;}
.infoBlockWrap dl{overflow:hidden;}
.infoBlockWrap dl dt{width:25%;float:left;font-size:0.8rem;font-weight:bold;color:#333;text-align:left;height:35px;line-height:35px;padding-left:10px;letter-spacing:-1px;margin:5px 0;}
.infoBlockWrap dl dd{width:75%;float:left;font-size:0.9rem;font-weight:normal;height:35px;line-height:35px;color:#666;text-align:left;position:relative;margin:5px 0;}
.infoBlockWrap dl dd .btnStyle03, .infoBlockWrap dl dd .btnStyle04{float:right;margin-top:4px;}
.infoBlockWrap dl dd .btnStyleMin03, .infoBlockWrap dl dd .btnStyleMin04{float:right;margin-top:5px;}
.infoBlockWrap dl dd input[type=text], .infoBlockWrap dl dd input[type=password]{height:30px !important;line-height:30px !important;font-size:0.8rem !important;vertical-align:middle;}
.infoBlockWrap dl dd select{height:30px;vertical-align:middle;}
.infoBlockWrap dl dd .linkTxt{font-size:0.9rem;}
.ctrAccount img{vertical-align:middle;position:relative;top:-2px;}


.addBookDl{overflow:hidden;padding:10px 15px 10px 10px;border:1px solid #dedede;margin:20px;border-radius:20px;background:#fff;box-shadow:0px 10px 8px -9px rgba(0,0,0,0.1);}
.addBookDl dt{width:80%;float:left;text-align:left;padding-left:10px;}
.addBookDl dd{width:20%;float:left;font-size:0.9rem;font-weight:normal;color:#666;text-align:left;position:relative;padding-top:11px}


.bookChangeWrap{text-align:left;background:#fff;border-top:1px solid #dedede;height:100%;padding-bottom:100px;}
.bookChangeWrap dl{overflow:hidden;padding:10px 15px 10px 10px;border:1px solid #dedede;margin:20px;border-radius:20px;background:#fff;box-shadow:0px 10px 8px -9px rgba(0,0,0,0.1);}
.bookChangeWrap dl dt{width:80%;float:left;text-align:left;padding-left:10px;}
.bookChangeWrap dl dt .subScript{font-size:0.8rem !important;color:#888;line-height:1.5;}
.bookChangeWrap dl dt .name{font-size:0.9rem;font-weight:bold;color:#000;line-height:1.5;}
.bookChangeWrap dl dd{width:20%;float:left;font-size:0.9rem;font-weight:normal;color:#666;text-align:left;position:relative;padding-top:11px}
.bookChangeWrap dl dd i{font-size:1.5rem !important;color:#596cd3;}


.certRegWrap{padding:20px 15px;background:#fff;}
.certRegWrap .certNotice{position:relative;}
.certRegWrap .certNotice:before{display:block;width:1px;height:82%;background:#ddd;border-radius:1000px;content:'';top:25px;left:5px;overflow:hidden;position:absolute;}
.certRegWrap .txtObjWrap{position:relative;padding:15px 10px 15px 20px;}
.certRegWrap .txtObjWrap:before{display:block;width:12px;height:12px;background:#596cd3;border-radius:1000px;content:'';top:20px;left:0px;overflow:hidden;position:absolute;}
.certRegWrap .mdTxt{font-size:0.9rem;font-weight:bold;line-height:1.8;}
.certRegWrap .mdTxt strong{color:#06f;}
.certRegWrap .smTxt{font-size:0.7;font-weight:normal;color:#999;line-height:1.8;}
.certRegWrap .txtObjBox{padding:5px 0px;overflow:hidden;}
.certRegWrap .txtObjBox input{height:32px;line-height:32px;}

.srtArticle input[type=text], .srtArticle input[type=password]{height:29px;line-height:29px;font-size:0.8rem !important;}
.srtArticle .ui-state-default, .srtArticle .ui-widget-content .ui-state-default, .srtArticle .ui-widget-header .ui-state-default{border:1px solid #dedede;background:#fff !important;margin-top:-1px !important;}
.srtArticle .ui-state-default{overflow:hidden;}
.srtArticle .ui-state-default input{border:1px solid #f3f3f3}
.srtArticle .ui-state-default .sortPin{width:7%;float:left;height:50px;text-align:center;padding-top:18px;}
.srtArticle .ui-state-default .text{width:63%;float:left;height:50px;padding-top:11px;}
.srtArticle .ui-state-default .textHalf{width:31.5%;float:left;height:50px;padding-top:11px;text-align:center;}
.srtArticle .ui-state-default .btns{width:30%;float:left;height:50px;padding-top:15px;text-align:right;padding-right:5px;}

.addState{background:#f8f9ff !important;border:1px solid #dedede;border-top:0 !important;overflow:hidden;}
.addState .sortPin{width:7%;float:left;height:50px;text-align:center;padding-top:18px;}
.addState .text{width:63%;float:left;height:50px;padding-top:11px;}
.addState .textHalf{width:31.5%;float:left;height:50px;padding-top:11px;}
.addState .btns{width:30%;float:left;height:50px;padding-top:15px;text-align:right;padding-right:5px;}


/* -------------------------------- 

Stretchy Nav style - common to:
 - basic navigation
 - add-content navigation
 - edit-content navigation

-------------------------------- */
.cd-stretchy-nav {
display:none !important; /* 190228_스트레치메뉴 사용안함 */
	transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
  position: fixed;
  z-index: 100;
  bottom: 25px;
  right: 5%;
  pointer-events: none;
}
.cd-stretchy-nav .stretchy-nav-bg {
  /* this is the stretching navigation background */
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  background: #596cd3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: height 0.2s, box-shadow 0.2s;
  -moz-transition: height 0.2s, box-shadow 0.2s;
  transition: height 0.2s, box-shadow 0.2s;
}
.cd-stretchy-nav.nav-is-visible {
  pointer-events: auto;
}
.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg {
  height: 100%;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.cd-nav-trigger {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  /* replace text with image */
  overflow: hidden;
  white-space: nowrap;
  color: transparent !important;
  pointer-events: auto;
}
.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {
  /* this is the hamburger icon */
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #ffffff;
}
.cd-nav-trigger span {
  /* middle line of the hamburger icon */
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-nav-trigger span::after, .cd-nav-trigger span::before {
  /* top and bottom lines of the hamburger icon */
  content: '';
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}
.cd-nav-trigger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover ~ .stretchy-nav-bg {
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}
.nav-is-visible .cd-nav-trigger span {
  background-color: transparent;
}
.nav-is-visible .cd-nav-trigger span::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-is-visible .cd-nav-trigger span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-stretchy-nav ul {
  position: relative;
  z-index: 2;
  padding: 10px 0 50px;
  visibility: hidden;
  -webkit-transition: visibility 0.3s;
  -moz-transition: visibility 0.3s;
  transition: visibility 0.3s;
  text-align: right;
}
.cd-stretchy-nav ul a {
  position: relative;
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0 calc(1em + 50px) 0 1em;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8rem;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.cd-stretchy-nav ul a::after {
  /* navigation item icons */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  right: 18px;
  top: 19%;
  opacity: .6;
  font-size:15px;
}
.cd-stretchy-nav ul a.bt1{border-top:0 !important}
.cd-stretchy-nav ul a.bt1::after {content: '\f019'; font-family: 'FontAwesome';
  }
.cd-stretchy-nav ul a.bt2::after {content: '\f044'; font-family: 'FontAwesome';
  }
.cd-stretchy-nav ul a.bt3::after {content: '\f030'; font-family: 'FontAwesome';
  }


.cd-stretchy-nav ul a::before {
  /* line visible next to the active navigation item */
  content: '';
  position: absolute;
  width: 3px;
  height: 16px;
  top: 50%;
  right: 50px;
  -webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
  -moz-transform: translateX(3px) translateY(-50%) scaleY(0);
  -ms-transform: translateX(3px) translateY(-50%) scaleY(0);
  -o-transform: translateX(3px) translateY(-50%) scaleY(0);
  transform: translateX(3px) translateY(-50%) scaleY(0);
  background-color: rgba(255, 255, 255, 0.5);
}
.cd-stretchy-nav ul li:first-of-type a::after {
  /* change custom icon using image sprites */
  background-position: -32px 0;
}
.cd-stretchy-nav ul li:nth-of-type(2) a::after {
  background-position: -64px 0;
}
.cd-stretchy-nav ul li:nth-of-type(3) a::after {
  background-position: -48px 0;
}
.cd-stretchy-nav ul li:nth-of-type(4) a::after {
  background-position: 0 0;
}
.cd-stretchy-nav ul li:nth-of-type(5) a::after {
  background-position: -16px 0;
}
.cd-stretchy-nav ul span {
  /* navigation item labels */
  display: block;
  opacity: 0;
  -webkit-transform: translateX(-25px);
  -moz-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  -o-transform: translateX(-25px);
  transform: translateX(-25px);
}

.cd-stretchy-nav.nav-is-visible ul {
  visibility: visible;
}
.cd-stretchy-nav.nav-is-visible ul a::after {
  /* navigation item icons */
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  -webkit-animation: scaleIn 0.15s backwards;
  -moz-animation: scaleIn 0.15s backwards;
  animation: scaleIn 0.15s backwards;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-stretchy-nav.nav-is-visible ul a.active {
  color: #ffffff;
}
.cd-stretchy-nav.nav-is-visible ul a.active::after {
  opacity: 1;
}
.cd-stretchy-nav.nav-is-visible ul a.active::before {
  -webkit-transform: translateX(3px) translateY(-50%) scaleY(1);
  -moz-transform: translateX(3px) translateY(-50%) scaleY(1);
  -ms-transform: translateX(3px) translateY(-50%) scaleY(1);
  -o-transform: translateX(3px) translateY(-50%) scaleY(1);
  transform: translateX(3px) translateY(-50%) scaleY(1);
  -webkit-transition: -webkit-transform 0.15s 0.3s;
  -moz-transition: -moz-transform 0.15s 0.3s;
  transition: transform 0.15s 0.3s;
}
.cd-stretchy-nav.nav-is-visible ul span {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: slideIn 0.15s backwards;
  -moz-animation: slideIn 0.15s backwards;
  animation: slideIn 0.15s backwards;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
  text-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover {
  color: #ffffff;
}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover::after {
  opacity: 1;
}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover span {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px);
}
.cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after,
.cd-stretchy-nav.nav-is-visible ul li:first-of-type span {
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) span {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) span {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) span {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) span {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}


.dgnSelectDepWrap{width:100%;display:inline-block;vertical-align:middle;position:relative;height:33px;}
.dgnSelectDep {position:relative;height:31px;border:1px solid transparent;box-sizing:border-box;border-radius:4px;}
.dgnSelectDep .dgnDepSctIp{width:100%;height:30px;border:1px solid transparent;padding-right:20px;line-height:30px;box-sizing:border-box;font-size:11px !important;text-align:left;background:none;} /* background:url('/static/img/bul/bul_select.png') no-repeat 98% 50%; */
.dgnSelectDep .dgnDepSctIp.alert{color:#01bd8b !important;font-weight:bold;}
.dgnSelectDep .dgnDepSctIp:hover{background:#fff;}
.dgnSelectDep .dgnDepDefault{word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;padding-left:5px;padding-right:20px;line-height:31px;box-sizing:border-box;background:url('/static/img/bul/bul_select.png') no-repeat 95% 50%;font-size:0.8rem !important;text-align:left;}
.dgnSelectDep > ul {display:none;position:absolute;top:32px;left:-1px;width:100%;height:auto;border:1px solid #eee;box-sizing:border-box;background:#fff;z-index:11;text-align:left;}
.dgnSelectDep > ul li{padding:8px 0px 8px 8px;background:#fff;box-sizing:border-box;font-size:11px !important;cursor:pointer;position:relative;}
.dgnSelectDep > ul li:hover,
.dgnSelectDep > ul li:focus,
.dgnSelectDep > ul li.selected {background:#679dee;color:#fff !important;}
/*
.dgnSelectDep > ul li:first-child a:hover,
.dgnSelectDep > ul li:first-child a:focus,
.dgnSelectDep > ul li:first-child a.selected {}
*/
.dgnSelectDep .newReg{border-bottom:1px solid #eee;margin-bottom:5px;text-align:center;font-weight:normal;}
.dgnSelectDep .newReg:hover{background:#f1f1f1 !important;color:#000 !important;}
.dgnSelectDep  .secDepthUl{display:none;position:absolute;top:0px;right:-252px;width:100%;height:215px;border:1px solid #eee;box-sizing:border-box;background:#fff;z-index:11;text-align:left;}
.dgnSelectDep  .secDepthUl li{color:#000 !important;position:relative;width:auto !important;}
.dgnSelectDep  .secDepthUl li:hover{color:#fff !important;}

.dgnSelectDep  .trdDepthUl{display:none;position:absolute;top:0px;left:auto;width:100%;height:215px;border:1px solid #eee;box-sizing:border-box;background:#fff;z-index:11;text-align:left;}
.dgnSelectDep  .trdDepthUl li{color:#000 !important;}
.dgnSelectDep  .trdDepthUl li:hover{color:#fff !important;}

.tagHandler{width:100%;position:relative}
.tagHandler ul.tagHandlerContainer{border-radius:7px;border:1px solid transparent !important;overflow:hidden;min-height:30px;cursor:text;font-family:arial,helvetica,sans-serif;padding:0 0;margin:0}
.tagHandler ul.tagHandlerContainer li{display:block;float:left;margin:5px 5px 0 0}
.jqueryUiTagItem{cursor:pointer}
.tagHandler ul.tagHandlerContainer li.tagItem{background-color:#70bbfd;color:#FFF;padding:3px 8px;cursor:url('../images/tag_remove.cur'),pointer;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;font-size:12px;white-space:nowrap;display:inline-block;height:25px !important;line-height:17px;margin:3px 5px 0 0 !important;}
.tagHandler ul.tagHandlerContainer li.tagItem:hover{background-color:#008afb}
.tagHandler ul.tagHandlerContainer li.tagInput{margin:0px !important;width:65px;padding:3px 0}
.tagHandler ul.tagHandlerContainer input.tagInputField{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #aaa;width:inherit;height:25px; background-color:#FFF;color:#666;font-size:12px}
.tagHandler div.tagLoader{position:absolute;right:-24px;top:12px;display:none;background:url('../images/loader.gif') center center no-repeat;width:16px;height:18px;cursor:default}
.tagHandler div.tagUpdate{position:absolute;right:-24px;top:14px;background:url('../images/tag_update.png') center center no-repeat;width:16px;height:16px;cursor:pointer}

.commTable{width:100%;border-top:1px solid #666 !important;border-bottom:1px solid #666;margin:0 auto;}
.commTable caption{display:none;}
.commTable thead th{padding:5px 0;font-weight:normal;font-size:11px;line-height:1.5;white-space:normal;letter-spacing:0px;text-align:center;color:#333;background:#fff;border:1px solid #dedede;}
.commTable thead tr:first-child th{border-top:0 !important;}
.commTable tbody th{padding:5px 0;font-weight:normal;font-size:12px;line-height:1.5;white-space:normal;text-align:center;border:1px solid #dedede;}
.commTable tbody td{background:#fff !important;padding:5px 0;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;text-align:center;border:1px solid #dedede;}
.commTable tbody td a{font-size:12px;font-weight:normal;}
.commTable tbody td a:hover{color:#06f;}
.commTable tfoot th{padding:8px 0;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;letter-spacing:-1px;text-align:center;color:#333;background:#fafafa;border:1px solid #eee;}




.listMinTb{width:100%;}
.listMinTb .noCateLine th, .listMinTb .noCateLine td{background:#f1f1f1}
.listMinTb td{padding:18px 0px;font-size:0.8rem;background:#fff;border-bottom:1px solid #dedede;text-align:center;line-height:1.5;} /* 190312 수정 */
.listMinTb td.linkTd{font-size:0.9rem}
.listMinTb td .name{font-size:0.95rem}
.listMinTb td .type{font-size:0.8rem;padding-top:4px;}
.listMinTb td.linkTd i{font-size:0.8rem}
.listMinTb td .fa-camera{color:#aaa;}
.listMinTb td .fa-camera.on{color:#596cd3;}
/*
.listMinTb td.linkTd:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}
*/

/* 190313_C안용 임시 클래스 */
.listMinCTb{width:100%;}
.listMinCTb .noCateLine th, .listMinCTb .noCateLine td{background:#f1f1f1 !important}
.listMinCTb td{padding:13px 0px 10px;font-size:0.8rem;background:#fff;border-bottom:1px solid #dedede;text-align:center;line-height:1.5;} /* 190312 수정 */
.listMinCTb td.linkTd{font-size:0.9rem}
.listMinCTb td .name{font-size:0.95rem;margin-top:5px;}
.listMinCTb td .money{font-size:1.0rem}
.listMinCTb td .cateName{font-size:10px;font-weight:bold;border-radius:4px;padding:3px 3px;border:1px solid #999;}
.listMinCTb td .cateName.positive{border:1px solid #596cd3;color:#596cd3 !important;}
.listMinCTb td .cateName.negative{border:1px solid #f86c6c;color:#f86c6c !important;}
.listMinCTb td .cateName.neither{border:1px solid #01bd8b;color:#01bd8b !important;}
.listMinCTb .neither{color:#000 !important;}
.listMinCTb td .guideLine{font-size:8px !important;padding:0 2px !important}
.listMinCTb td .aside{font-size:11px;color:#999;}
.listMinCTb td .aside img{height:13px}
.listMinCTb td .type{font-size:0.8rem;padding-top:4px;}
.listMinCTb td.linkTd i{font-size:0.8rem}
.listMinCTb td .fa-camera{color:#aaa;}
.listMinCTb td .fa-camera.on{color:#596cd3;}
.memoTd i{color:#999; font-size: 16px;font-weight:bold !important;margin-top:1px}
.memoTd.on i{color:#596cd3; font-size: 16px;font-weight:bold !important;}
/* 190313_C안용 임시 클래스 */

.loadWrap{position:relative;}
.loadWrap .bg{background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;display:block;z-index:999999999}
.loadWrap .loadIco{width:56px;height:56px;position:fixed;top:50%;left:50%;margin-top:-28px;margin-left:-28px;z-index:9999999999}
@keyframes lds-rolling { 0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
@-webkit-keyframes lds-rolling {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
.lds-rolling {position: relative;}
.lds-rolling div, .lds-rolling div:after {position: absolute;width: 160px;height: 160px;border: 20px solid #7a80ff;border-top-color: transparent;border-radius: 50%;}
.lds-rolling div {-webkit-animation: lds-rolling 1s linear infinite;animation: lds-rolling 1s linear infinite;top: 100px;left: 100px;}
.lds-rolling div:after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.lds-rolling {width: 56px !important;height: 56px !important;-webkit-transform: translate(-28px, -28px) scale(0.28) translate(28px, 28px);transform: translate(-28px, -28px) scale(0.28) translate(28px, 28px);}





.listMenuWrap{margin:0px auto 0px;background:#fafaf8;padding:0;border-bottom:1px solid #dedede;}
.listMenuWrap ul{overflow:hidden;padding:7px 10px;}
.listMenuWrap ul li{width:50%;float:left;text-align:center;padding:4px 0 0;line-height:1.5;}
.listMenuWrap ul li:last-child{width:50%;}
.listMenuWrap ul li.num{font-size:0.9rem;}

.listMenuWrap .totalObjType2{background:#fafaf8;height:45px;overflow:hidden;border:1px solid transparent}
.listMenuWrap .totalObjType2.on{background:#fff;border:1px solid #596cd3;color:#596cd3;box-shadow:0 8px 10px -7px rgba(0, 0, 0, 0.2);border-radius:8px;}
.listMenuWrap .totalObjType2 label{color:#999;font-size:12px;padding:3px 5px 0;border-radius:4px;}
.listMenuWrap .totalObjType2 label i{font-size:13px;}
.listMenuWrap .totalObjType2 label.ordinary{color:#999;}
.listMenuWrap .totalObjType2.on label{color:#596cd3 !important;font-weight:bold;}
.listMenuWrap .totalObjType2.on span{color:#000;}
.listMenuWrap .totalObjType2 label.positive{background:#4fc3f7}
.listMenuWrap .totalObjType2 label.negative{background:#ff8a65}
.listMenuWrap .totalObjType2 label.neither{background:#857bff}
.listMenuWrap .totalObjType2 span{font-size:0.8rem;color:#999;}

.choiceObjTab > li { width: 25%}
.choiceObjTab > li > a { color: #666; padding: 10px 0 10px 0; display: block; background: #fff; text-align: center; text-decoration: none; font-size: 0.8rem; line-height: 1.5; border-bottom: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.choiceObjTab > li.active > a { border-bottom: 2px solid #596cd3; color: #596cd3; }



/* 180921_사이드메뉴 추가 */
.asideMenuWrap{width:100%;height:calc(100%);position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:8999;display:none;background:rgba(0, 0, 0, 0.5);padding:0px;overflow-y:scroll}
.asideMenuWrap .innHeader{width:100%;height:45px;text-align:center;position:relative;overflow:hidden;z-index:8999;background:#fff;top:0;border-bottom:1px solid #dedede;}
.asideMenuWrap .innHeader h1{line-height:45px;text-align:left;font-size:15px;color:#080808;font-weight:bold;}
.asideMenuWrap .innHeader .bookTitle{width:52%;margin-left:40px;margin-top:7px;text-align:center;font-size:15px;color:#000;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f1f1f1;border-radius:1000px;line-height:32px;padding:0 5px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);}
.asideMenuWrap .innHeader .top_btn{width:28px;display:block;position:absolute;color:#495057;font-size:16px;}
.asideMenuWrap .innHeader .reg{width:75px;display:block;position:absolute;color:#495057;font-size:16px;top:13px;right:8px;text-align:right;}
.asideMenuWrap .innHeader .menu{top:0;left:5px;padding-top:5px;height:45px !important;}
.asideMenuWrap .innHeader .menu i{position:relative;top:9px;}
.asideMenuWrap .innHeader .menu .fa-angle-left{color:#596cd3 !important}
.asideMenuWrap .innHeader .pc{top:9px;left:30px;padding-top:5px;}
.asideMenuWrap .innHeader .log{position:absolute;top:0;right:5px;padding-top:5px;height:45px !important;}
.asideMenuWrap .innHeader .log i{position:relative;top:9px;}
.asideMenuWrap .innHeader .chatCount{position:relative;}
.asideMenuWrap .innHeader .chatCount .msgCount{font-size:10px;font-weight:bold;padding:2px 5px;background:#f20;border-radius:1000px;position:absolute;top:-7px;right:-5px;color:#fff;}
.asideMenuWrap .asideMenuBody{width:100%;height:calc(100%);position:fixed;top:0px;bottom:0px;left:0px;z-index:8999;background:#fff;padding:0px;overflow:hidden;box-shadow:0 10px 10px rgba(0,0,0,0.5)}

.mui-fixed{z-index:9999 !important;}
.mui-fixed > div:nth-child(2){width:100%;}

.asideMenuWrapBox .innHeader{width:100%;height:45px;text-align:center;position:relative;overflow:hidden;z-index:8999;background:#fff;top:0;border-bottom:1px solid #dedede;}
.asideMenuWrapBox .innHeader h1{line-height:45px;text-align:left;font-size:15px;color:#080808;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.asideMenuWrapBox .innHeader .bookTitle{width:52%;margin-left:40px;margin-top:7px;text-align:center;font-size:15px;color:#000;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f1f1f1;border-radius:1000px;line-height:32px;padding:0 5px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);}
.asideMenuWrapBox .innHeader .top_btn{width:28px;display:block;position:absolute;color:#495057;font-size:16px;}
.asideMenuWrapBox .innHeader .reg{width:75px;display:block;position:absolute;color:#495057;font-size:16px;top:13px;right:8px;text-align:right;}
.asideMenuWrapBox .innHeader .menu{top:0;left:5px;padding-top:5px;height:45px !important;}
.asideMenuWrapBox .innHeader .menu i{position:relative;top:9px;}
.asideMenuWrapBox .innHeader .menu .fa-angle-left{color:#596cd3 !important}
.asideMenuWrapBox .innHeader .pc{top:9px;left:30px;padding-top:5px;}
.asideMenuWrapBox .innHeader .log{position:absolute;top:0;right:5px;padding-top:5px;height:45px !important;}
.asideMenuWrapBox .innHeader .log i{position: relative;top:9px;}
.asideMenuWrapBox .innHeader .chatCount{position:relative;}
.asideMenuWrapBox .innHeader .chatCount .msgCount{font-size:10px;font-weight:bold;padding:2px 5px;background:#f20;border-radius:1000px;position:absolute;top:-7px;right:-5px;color:#fff;}
.asideMenuWrapBox .asideMenuBody{width:100%;height:calc(100%);position:fixed;top:0px;bottom:0px;left:0px;z-index:8999;background:#fff;padding:0px;overflow:hidden;box-shadow:0 10px 10px rgba(0,0,0,0.5)}


.asideSlideWrap{height:calc(100% - 190px);overflow:auto !important;}
.asideToggleMenu dt{padding:20px 15px;font-size:16px;color:#000;text-align:left;position:relative;border-bottom:1px solid #eee;cursor:pointer;}
.asideToggleMenu dt i{font-size:18px;color:#596cd3 !important;display:inline-block;width:30px;text-align:center;}
.asideToggleMenu dt .tip{position:absolute;top:50%;right:10px;margin-top:-6px;}
.asideToggleMenu dd{/*display:none;*/border-bottom:1px solid #eee;background:#f8f9fa;}
.asideToggleMenu .on{color:#596cd3 !important;font-weight:bold;}
.asideToggleMenu dd ul{padding:0 0;}
.asideToggleMenu dd ul li{padding:20px 0 20px 42px;font-size:14px;color:#000;text-align:left;border-bottom:1px solid #eee;}
.asideToggleMenu dd ul li:last-child{border-bottom:0}

.asideMyInfo{height:70px;padding:8px 8px;overflow:hidden;background-color:#596cd3;background-image:url(/m5/img/bg_sideBar.png);background-size:cover;position:relative;}
.asideMyInfo:after{content: '\f054'; font-family: 'FontAwesome'; font-size: 12px;color:#fff;font-weight:normal !important;position:absolute;top:50%;right:8px;margin-top:-15px;}
.asideMyInfo .myName{font-size:14px;font-weight:bold;padding:5px 0 8px;color:#fff;margin-left:6px}
.asideMyInfo .altBtns{font-size:11px;color:#fff;position:absolute;bottom:10px;right:8px;}
.asideMyInfo .altBtns .ctfAlt{margin-left:5px;font-size:10px;padding:3px 4px;border:1px solid #fff;border-radius:4px;font-weight:bold}
.asideMyInfo .date{font-size:11px;color:#fff;line-height:1.4;}

.asideHalfMenu{height:90px;overflow:hidden;background-color:#596cd3;position:relative;}
.asideHalfMenu .halfMenu{width:50%;float:left;height:90px;padding:15px 8px 0;cursor:pointer;}
.asideHalfMenu .halfMenu:nth-child(2){background:#4247aa}
.asideHalfMenu .halfMenu .menuName{font-size:16px;font-weight:bold;padding:8px 0;color:#fff;position:relative;}
.asideHalfMenu .halfMenu .menuName i{font-size:16px;font-weight:bold;color:#fff;}
.asideHalfMenu .halfMenu .menuName:after{content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;color:#fff;font-weight:normal !important;margin-top:-5px;margin-left:5px}
.asideHalfMenu .halfMenu .script{height:28px;font-size:11px;color:#fff;text-align:left;overflow:hidden;padding-right:10px;position:relative;padding-top:10px;}
.asideHalfMenu .halfMenu .altTxt{position:absolute;top:7px;right:0;font-size:11px;padding:3px 4px;border:1px solid #fff;border-radius:4px;font-weight:bold;color:#fff;}

.asideBottom{height:55px;overflow:hidden;border-top:1px solid #dedede;border-bottom:1px solid #dedede;} 
.asideBottom a{width:50%;display:block;height:55px;float:left;text-align:center;font-size:15px;color:#000;line-height:55px;border-right:1px solid #dedede;}
.asideBottom a:last-child{border-right:0;}
.asideBottom .callCenter{color:#596cd3 !important}
.asideBottom .logout{color:#f86c6c !important;}


/* 180927 그래프타입 추가 */
.graphTypeB{overflow:hidden;}
.graphTypeB .title{text-align:left;padding:8px 0 0 0;}
.graphTypeB .graphTypeB__obj{float:left;}
.graphTypeB .graphTypeB__obj_head{height:25px;text-align:center;font-size:0.8rem;line-height:25px;min-width:50px;margin-left:-35px;}
.graphTypeB .graphTypeB__obj_body{height:30px;}


.graphTypeC{width:90%;height:20px;background-color:#e9ecef;text-align:left;display:inline-block;vertical-align:middle;position:relative;}
.graphTypeC .title{text-align:left;padding:8px 0 0 0;}
.graphTypeC:after{content:'';clear:both;display:block;}
.graphTypeC .graphTypeC__obj_body{height:20px;background-color:#596cd3;position:relative;}
.graphTypeC .graphNum{padding-left:5px;font-size:10px;position:absolute;top:5px;right:-50px;display:block;width:50px;text-align:left;color:#3860b6;z-index:100}

/* 180927 아이폰그래프 컬러 */
.bgZero{border-left:1px solid #c9c6cd;}
.bgFull{background:#e57373 !important;}
.bgFull .graphNum{color:#e57373 !important;font-weight:bold;}
.bgiGr01{background:#007aff;color:#007aff}
.bgiGr02{background:#56c9ff;color:#56c9ff}
.bgiGr03{background:#fe9603;color:#fe9603}
.bgiGr04{background:#c9c6cd;color:#c9c6cd}

.bgsGr01{background:#596cd3 !important;color:#596cd3}
.bgsGr02{background:#f86c6c !important;color:#f86c6c}
.bgsGr03{background:#857bff !important;color:#857bff}
.bgsGr04{background:#01bd8b !important;color:#01bd8b;position:relative;}
.bgsGr05{background:#eb5858 !important;position:relative;}
.bgsNum01{color:#596cd3;font-weight:bold;}
.bgsNum02{color:#f86c6c;font-weight:bold;}
.bgsNum04{color:#01bd8b;font-weight:bold;}
.bgsNum05{color:#eb5858;font-weight:bold;}
.bgsGr04:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/static/img/grp/stripes.png") 0 0 repeat;border-radius: 4px 4px 0 0;}
.bgsGr05:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/static/img/grp/stripes.png") 0 0 repeat;border-radius: 4px 4px 0 0;}
.bgsGr0{background:#e9ecef;position:relative;}


.limitLine{position:absolute;top:0;left:0;height:20px;border-right:3px solid #ffb74d;z-index:99;}
.limitBg01{background:#f86c6c !important;}
.limitBg02{background:#ffb74d !important;}
.limitBg03{background:#81c784 !important;}

/* 180927 애니메이션그래프  */
.grpProgWrap{width:100%;}
.grpProgInnerWrap{padding:10px 50px 10px 10px;}
.grpProgress {padding: 0px;background: rgba(0, 0, 0, 0.1);border-radius:0 6px 6px 0;}
.grpProgress .progress-bar {position: relative;height: 16px;border-radius:0 4px 4px 0;-webkit-transition: 0.4s linear;-moz-transition: 0.4s linear;-o-transition: 0.4s linear;transition: 0.4s linear;-webkit-transition-property: width, background-color;-moz-transition-property: width, background-color;-o-transition-property: width, background-color;transition-property: width, background-color;-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);}
.grpProgress .progress-bar:before, .grpProgress .progress-bar:after {content: '';position: absolute;top: 0;left: 0;right: 0;}
.grpProgress .progress-bar:before {bottom: 0;background: url("/static/img/grp/stripes.png") 0 0 repeat;border-radius: 4px 4px 0 0;}
.grpProgress .progress-bar:after {z-index: 2;bottom: 45%;border-radius: 4px;background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));}
.grpProgress .graphNum{padding-left:5px;font-size:10px;position:absolute;top:3px;right:-50px;display:block;width:50px;text-align:left;color:#3860b6}
.grp5 > .progress-bar {width: 5%;background-color: #f63a0f;}
.grp25 > .progress-bar {width: 25%;background-color: #f27011;}
.grp50 > .progress-bar {width: 50%;background-color: #f2b01e;}
.grp75 >  .progress-bar {width: 75%;background-color: #f2d31b;}
.grp100 >  .progress-bar {width: 100%;background-color: #86e01e;}


/* 180928 그래프타입 확정본 추가 */
.graphTypeD{overflow:hidden;position:relative;}
.graphTypeD .graphTypeD__obj{float:left;}
.graphTypeD .graphTypeD__obj_head{height:30px;text-align:center;font-size:0.9rem;line-height:30px;}
.graphTypeD .graphTypeD__obj_body{height:60px;}



/* 180928_각주 써클 아이콘 네모박스로 강제 변환 */
.fa-circle.positive{color:#596cd3;background:#596cd3;font-size:13px}
.fa-circle.negative{color:#f86c6c;background:#f86c6c;font-size:13px}
.fa-circle.neither{color:#857bff;background:#857bff;font-size:13px}
.fa-circle.ordinary{color:#01bd8b;background:#01bd8b;font-size:13px}

.commentWrap{padding:15px 0 15px;text-align:center;border:1px solid #eee;border-radius:4px;margin:10px 10px;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.08) !important;}
.commentWrap i{font-size:50px;margin:10px auto 5px;}
.commentWrap i.gold{color:#FDD24E}
.commentWrap i.heart{color:#F45B69}
.commentWrap .title{font-size:16px;font-weight:bold;line-height:1.8;}
.commentWrap .txt{font-size:12px;line-height:1.5;}




/* 190220 그래프디자인 수정 */
.graphTypeE{padding:10px;border:1px solid #dedede;border-radius:6px;margin:0px auto;box-shadow:rgba(0, 0, 0, 0.08) 0px 4px 10px 0px}
.graphTypeE .txtNote{padding:5px 0 5px 5px;text-align:left;line-height:1.5;}
.graphTypeE .txtNote .txt{font-size:11px;}
.graphTypeE .txtNote .num{font-weight:bold;font-size:13px;}

.graphTypeE .incaseGrp{box-shadow:0 3px 20px 0 rgba(66,0,235,.1)!important;border-radius:1000px;height:18px;position:relative;background:#e9ecef}
.graphTypeE .incaseGrp .dashLine{position:absolute;top:0;left:0;height:18px;border-right:1px dashed #fff;z-index:99;}
.graphTypeE .incaseGrp .incomeDiv{background:linear-gradient(to left,#4400eb 0%,#44e7f5 100%);height:18px;float:left;}
.graphTypeE .incaseGrp .surplusDiv{background:#7d7fff;height:18px;float:left;position:relative;}
.graphTypeE .incaseGrp .surplusDiv:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;border-radius:1000px;}
.graphTypeE .incaseGrp .spendDiv{background:linear-gradient(to left,#f53c79 0%,#f0a907 100%);height:18px;float:left;}
.graphTypeE .incaseGrp .lossDiv{background:#F45B69;height:18px;float:left;position:relative;}
.graphTypeE .incaseGrp .lossDiv:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;border-radius:1000px;}

.graphTypeE .incaseGrp2{height:20px;position:relative;}
.graphTypeE .incaseGrp2 .dashLine{position:absolute;top:0;left:0;height:20px;border-right:1px dashed #fff;z-index:99;}
.graphTypeE .incaseGrp2 .incomeDiv{background:#6164f6;height:20px;float:left;}
.graphTypeE .incaseGrp2 .surplusDiv{background:#7d7fff;height:20px;float:left;position:relative;}
.graphTypeE .incaseGrp2 .surplusDiv:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;}
.graphTypeE .incaseGrp2 .spendDiv{background:#4346ae;height:20px;float:left;}
.graphTypeE .incaseGrp2 .lossDiv{background:#1e218c;height:20px;float:left;position:relative;}
.graphTypeE .incaseGrp2 .lossDiv:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;}

.graphTypeE .title{font-size:0.9rem;text-align:left;padding:5px 0;position:relative;z-index:2;}
.graphTypeE .title span{background:#fff;position:relative;z-index:2;padding:0 15px 0 0px;font-weight:bold;}
.graphTypeE .title:after{display:block;width:100%;height:1px;background:#d6e5ff;position:absolute;top:42%;left:0;right:0;content:'';z-index:1}
/* //190220 그래프디자인 수정 */


.listTypeGage__Wrap{overflow:hidden;background:#fff;padding:0;}
.listTypeGage__Wrap .title{text-align:left;padding:8px 0 5px 0;font-weight:normal;font-size:13px;margin-top:0px;}
.listTypeGage__Wrap .title .percent{font-size:11px;font-weight:normal;margin-left:10px;color:#000}
.listTypeGage__Wrap .graphWrap{margin:8px 0px 50px;background:#fff;}
.listTypeGage__Wrap .graphWrap h3{font-size:0.9rem;font-weight:bold;text-align:left;padding:10px 10px 0;}
.listTypeGage__Wrap .graphWrap .graphArea{overflow:hidden;padding:20px 10px;}

.listTypeGage__Wrap .graphTypeGage{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;width:100%;height:8px;background-image:linear-gradient(90deg,#45b8a9 0%,#13c684 25%,#77dc4b 50%,#fdac21 75%,#f4612f 100%);position:relative;border-radius:8px;margin-top:8px;}
.listTypeGage__Wrap .graphTypeGage .gageLine{width:18px;height:18px;position:absolute;top:-5px;margin-left:-9px;border:1px solid #ccc;box-shadow:0 7px 10px -7px rgba(0, 0, 0, 0.9);border-radius:10000px;background:#fff;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

.listTypeGage__Wrap .gageTip{width:100%;height:25px;position:relative;margin-top:8px;overflow:hidden;padding:5px 0;}
.listTypeGage__Wrap .gageTip .safety{width:30px;height:15px;position:absolute;left:0;margin-left:-0px;color:#45b8a9;font-weight:bold;}
.listTypeGage__Wrap .gageTip .normal{width:30px;height:15px;position:absolute;left:50%;margin-left:-15px;color:#000;}
.listTypeGage__Wrap .gageTip .danger{width:30px;height:15px;position:absolute;left:100%;margin-left:-25px;color:#f4612f;font-weight:bold;}



.sectionGraph__Wrap{overflow:hidden;background:#fff;padding:20px 15px;border:1px solid #eee;margin-top:-1px;}
.sectionGraph__Wrap:first-child{margin-top:0 !important;}
.sectionGraph__Wrap .title{text-align:left;padding:8px 0 5px 0;font-weight:normal;font-size:13px;margin-top:0px;margin-bottom:30px;}
.sectionGraph__Wrap .title .percent{font-size:15px;font-weight:normal;margin-left:10px;color:#000}
.sectionGraph__Wrap  .limitTxt{width:100%;height:15px;position:relative;}
.sectionGraph__Wrap  .limitTxt .tipTxt{position:absolute;width:30px;height:15px;top:10px;color:#888;font-size:11px;margin-left:-15px;}

.sectionGraph__Wrap .graphTypeGage{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;width:100%;height:8px;position:relative;border-radius:8px;margin-top:8px;}
.sectionGraph__Wrap .graphTypeGage .gageLine{width:18px;height:18px;position:absolute;top:-5px;margin-left:-9px;border:1px solid #ccc;box-shadow:0 7px 10px -7px rgba(0, 0, 0, 0.9);border-radius:10000px;background:#fff;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.sectionGraph__Wrap .graphTypeGage .gageLine .percent{position:absolute;top:-35px;background:#666;padding:5px;width:55px;text-align:center;margin-left:-20px;color:#fff;border-radius:4px;}
.sectionGraph__Wrap .graphTypeGage .gageLine .percent:after{width:1px;height:1px;overflow:hidden;display:block;content:'';transform:rotate(45deg);border-top:4px solid transparent;border-left:4px solid transparent;border-right:4px solid #666;border-bottom:4px solid #666;position:absolute;left:50%;margin-left:-4px}

.sectionGraph__Wrap .graphTypeGage .gageLine .zero.percent{margin-left:0px;}
.sectionGraph__Wrap .graphTypeGage .gageLine .zero.percent:after{width:1px;height:1px;overflow:hidden;display:block;content:'';transform:rotate(45deg);border-top:4px solid transparent;border-left:4px solid transparent;border-right:4px solid #666;border-bottom:4px solid #666;position:absolute;left:12%;margin-left:-4px}

.sectionGraph__Wrap .graphTypeGage .gageLine .hundred.percent{margin-left:-40px;}
.sectionGraph__Wrap .graphTypeGage .gageLine .hundred.percent:after{width:1px;height:1px;overflow:hidden;display:block;content:'';transform:rotate(45deg);border-top:4px solid transparent;border-left:4px solid transparent;border-right:4px solid #666;border-bottom:4px solid #666;position:absolute;left:85%;margin-left:-4px}

.sectionGraph__Wrap .graphTypeGage .safety{display:block;width:33.3%;height:8px;float:left;text-align:center;background:linear-gradient(to right,#67d69c 0%,#67d69c 50%,#f0a907 100%);border-radius:8px 0 0 8px;}
.sectionGraph__Wrap .graphTypeGage .normal{display:block;width:33.4%;height:8px;float:left;text-align:center;background:#f0a907;}
.sectionGraph__Wrap .graphTypeGage .danger{display:block;width:33.3%;height:8px;float:left;text-align:center;background:linear-gradient(to left,#f53c79 0%,#f53c79 30%,#f0a907 100%);border-radius:0 8px 8px 0;}

.sectionGraph__Wrap .gageTip{width:100%;height:25px;position:relative;margin-top:5px;overflow:hidden;}
.sectionGraph__Wrap .gageTip .safety{display:block;width:33.3%;height:25px;color:#666;float:left;text-align:center;line-height:25px;}
.sectionGraph__Wrap .gageTip .normal{display:block;width:33.4%;height:25px;color:#666;float:left;text-align:center;line-height:25px;}
.sectionGraph__Wrap .gageTip .danger{display:block;width:33.3%;height:25px;color:#666;float:left;text-align:center;line-height:25px;}


/* 181005 자산관리 내용 추가 */
.assetNotice{padding:80px 10px;text-align:center;color:#000;}
.assetNotice .alert{font-size:1.0rem;color:#596cd3;padding:10px 0;font-weight:bold}
.assetNotice .note{font-size:12px;margin:20px auto 50px;}


/* 181008_자산 자동수집 */
.assetAutoList .title{background:#f5f5f5;color:#555;font-weight:bold;text-align:left;padding:8px 10px;font-size:11px;border-bottom:1px solid #eee;}
.assetAutoList .btnListWrap{overflow:hidden;margin-bottom:20px;}
.assetAutoList .btnBankChoice{margin:1%;width:23%;background:#fff;padding:8px 0 0px;height:32px;float:left;display:inline-block;text-align:center;font-size:11px;font-weight:normal;color:#333 !important;border:1px solid #ccc;border-radius:4px;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.assetAutoList .btnBankChoice:hover{background:#4e54d3 !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:1px solid #4e54d3;}
.assetAutoList .btnBankSelected{background:#528fea;}
.assetAutoList .btncardChoice{margin:1%;width:23%;background:#fff;padding:7px 0 6px;height:32px;float:left;display:inline-block;text-align:center;font-size:11px;font-weight:normal;color:#333 !important;border:1px solid #ccc;border-radius:4px;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.assetAutoList .btncardChoice:hover{background:#4e54d3 !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:1px solid #4e54d3;}
.assetAutoList .btncardSelected{background:#528fea;}

.btnBankChoice{position:relative;}
.btnStockChoice{position:relative;}
.btncardChoice{position:relative;}
.btnSelectedCheck{width:100%;height:100%;position:absolute;top:0;left:0;right:100%;bottom:100%;text-align:center;border-radius:2px;}
.btnSelectedCheck img{position:relative;z-index:999;margin-top:3px;}
.btnSelectedCheck .bgBlock{width:100%;height:100%;position:absolute;top:0;left:0;right:100%;bottom:100%;background:#000;opacity:0.6;z-index:10;border-radius:2px;}


.btnBlockFlat{display:block;width:80%;height:45px;margin:20px auto;padding-top:15px;font-size:0.9rem;text-align:center;color:#fff !important;background:#596cd3;border-radius:8px}
.btnBlockFlatDark{display:block;width:80%;height:45px;margin:20px auto;padding-top:15px;font-size:0.9rem;text-align:center;color:#fff !important;background:#3d4c70;border-radius:8px}
.btnBlockFlatMin{display:block;width:80%;height:45px;margin:10px auto;padding-top:15px;font-size:0.9rem;text-align:center;color:#fff !important;background:#596cd3;border-radius:8px}

.listTypeTb{width:100%;border:1px solid #dedede;}
.listTypeTb td{padding:10px 0;font-size:11px;background:#fff;border:1px solid #dedede;text-align:center;line-height:1.5;}

.assetSelectList dl dt{background:#f5f5f5;color:#555;font-weight:bold;text-align:left;padding:15px 10px;font-size:0.9rem;border-bottom:1px solid #eee;}
.assetSelectList dl dd{position:relative;border-bottom:1px solid #eee;padding:25px 25px 25px 20px;box-sizing:border-box;font-size:11px;line-height:1.5;background:#fff;}
.assetSelectList dl dd .name{font-size:13px;font-weight:bold;}
/*
.assetSelectList dl dd:after{position:absolute;top:40%;right:20px;display:inline-block;content: '\f105'; font-family: 'FontAwesome'; font-size: 13px;font-weight:normal !important;margin-left:3px;}
*/
.assetSelectList dl dd:after{position:absolute;top:35%;right:20px;display:inline-block;content: '\f058'; font-family: 'FontAwesome'; font-size: 24px;font-weight:normal !important;margin-left:3px;color:#ddd;}
.assetSelectList dl dd.choice:after{position:absolute;top:35%;right:20px;display:inline-block;content: '\f058'; font-family: 'FontAwesome'; font-size: 24px;font-weight:normal !important;margin-left:3px;color:#596cd3;}

/* 181008 채팅추가 */
.chatLink{position:relative;width:22px;height:22px;display:inline-block;margin-right:20px;}
.chatLink .alNum{position:absolute;top:-7px;right:-10px;padding:3px 5px;font-size:10px;color:#fff;font-weight:bold;background:#f20;border-radius:1000px;}
.link_text .alNum{padding:2px 5px;font-size:10px;color:#fff;font-weight:bold;background:#f20;border-radius:1000px;}

.chatWrap .header{background:#233242;height:45px;position:relative;overflow:visible !important;}
.chatWrap .header a{height:28px !important}
.chatWrap .header .title{font-size:15px;font-weight:bold;color:#fff;text-align:left;padding:12px 0 0 12px;line-height:1 !important;}
.chatWrap .header .title .bookName{font-size:13px;}
.chatWrap .header .btnClose{position:absolute;top:10px;right:8px;color:#fff;}
.chatWrap .chatBody{height:calc(100vh - 235px);background:#fff;margin:20px 10px 0;overflow:auto !Important;}	
.chatWrap .chatBody .date{text-align:center;padding:10px 0;color:#bcc9cf;font-size:15px;margin:10px auto;position:relative;}
.chatWrap .chatBody .date span{background:#fff;padding:0 20px;position:relative;z-index:1;}
.chatWrap .chatBody .date:after{position:absolute;top:50%;left:0;right:0;content:'';display:block;width:100%;height:1px;border-bottom:1px dashed #e5edf1;z-index:0;}
.chatWrap .chatBody .chatSection{clear:both;margin:10px auto;}
.chatWrap .chatBody .chatSection.send{float:right;margin-left:40px;margin-right:15px;}
.chatWrap .chatBody .chatSection.send .text{background:#596cd3;color:#fff;position:relative;}


.chatWrap .chatBody .chatSection.receive{float:left;margin-left:15px;margin-right:40px;}
.chatWrap .chatBody .chatSection .name{color:#666a85;font-size:12px;font-weight:bold;padding:8px 0;}
.chatWrap .chatBody .chatSection .text{font-size:13px;line-height:1.7;color:#000;background:#f6f8f9;padding:10px;border-radius:8px;display:inline-block;position:relative;}
.chatWrap .chatBody .chatSection .time{font-size:10px;color:#999;padding:8px 0;}
.chatWrap .chatBody .chatSection .file{text-align:right;padding-right:10px;position:relative;}
.chatWrap .chatBody .chatSection .file i{color:#999;font-size:13px;}
.chatWrap .chatBody .chatSection.send .file p{background:#596cd3;color:#fff;padding:10px;border-radius:8px;}

.chatWrap .chatBody .chatSection.send i{background:#596cd3;color:#fff;}
.chatWrap .chatBody .chatSection.receive .file p{color:#999;background:#f6f8f9;padding:10px;border-radius:8px;}
.chatWrap .chatBody .chatSection .file a{margin-top:10px;font-size:11px;text-decoration:underline;color:#f20;}
.chatWrap .chatBody .chatSection.send .file{text-align:right;padding-right:10px;line-height:1.7;}
.chatWrap .chatBody .chatSection.receive .file{text-align:left;padding-left:10px;line-height:1.7;}
.chatWrap .chatBody .chatSection .file p{position:relative;}

.chatWrap .chatBody .chatSection .view{position:absolute;bottom:3px;right:-13px;left:auto;color:#f20;font-size:11px;font-weight:bold;}
.chatWrap .chatBody .chatSection.send .view{position:absolute;bottom:3px;left:-13px;right:auto;color:#f20;font-size:11px;font-weight:bold;}
.chatWrap .chatBody .chatSection.send .file p .view{position:absolute;bottom:3px;left:-13px;right:auto;color:#f20;font-size:11px;font-weight:bold;}
.chatWrap .chatBody .chatSection.receive .file p .view{position:absolute;bottom:3px;right:-13px;left:auto;color:#f20;font-size:11px;font-weight:bold;}

.chatWrap .chatBody .clear{clear:both;}
.chatWrap .chatSendArea{clear:both;margin:0 10px;background:#fff;overflow:hidden;border-top:1px solid #eee;padding:10px;}
.chatWrap .chatSendArea .chatBox {width:90%;width:75%;float:left}
.chatWrap .chatSendArea .chatBox textarea{width:100%;border:0 !important;padding:12px;height:90px;overflow:auto !important;font-size:13px;color:#000;line-height:1.5;}
.chatWrap .chatSendArea .chatBox .aside{padding:3px 10px;}
.chatWrap .chatSendArea .chatBox .aside a i{color:#666;font-size:16px;}
.chatWrap .chatSendArea .btnSet{width:25%;float:right;}
.chatWrap .chatSendArea .btnSend{width:90px;height:90px;border:1px solid transparent;background:#596cd3;color:#fff;float:right;}

/* 180816 채팅 참여자 목록보기 추가 */
.chatWrap .header .chatJoinList{position:absolute;top:45px;left:0;display:none;background:#fff;border:1px solid #ddd;z-index:999999;color:#999 !important;font-size:11px;text-align:left;box-shadow:0 7px 10px -7px rgba(0, 0, 0, .5);}
.chatWrap .header .chatJoinList > div{min-width:90px;max-height:365px;overflow:auto !important;padding:10px 20px 10px 10px;}
.chatWrap .header .chatJoinList .nameList{min-width:90px;padding:8px 15px 8px 20px;font-size:14px;color:#444 !important;text-align:left;position:relative;}
.chatWrap .header .chatJoinList .nameList:first-child{margin-top:8px;}
.chatWrap .header .chatJoinList .nameList:after{display:block !important;position:absolute;top:8px;left:3px;content: '\f2bd'; font-family: 'FontAwesome';color:#cdcdcd !important;}
.chatWrap .header .chatListView{margin-right:5px;border:1px solid transparent}
.chatWrap .header .chatListView i{font-size:14px;color:#888;}
.chatWrap .header .chatListView span{padding:0 3px;font-size:12px;color:#555;font-family:'Nanum Gothic','맑은 고딕',malgun gothic,dotum,AppleGothic,sans-serif !important;}
.chatWrap .header .chatListView:hover i, .chatWrap .header .chatListView:hover span{color:#fff !important;}

/* 181010_직접입력 디자인 수정 */
.agreeBtn{display:block;height:35px;line-height:35px;text-align:center;border:1px solid #596cd3;background:#fff;color:#596cd3 !important;font-size:13px;border-radius:1000px;}
.newJoinForm{padding:0 20px;}
.newJoinForm li{padding:5px 0;position:relative;}
.newJoinForm li:after{display:block;content:'';clear:both;}
.newJoinForm li label{font-size:0.9rem;text-align:left;display:block;margin:0 auto 5px;}
.newJoinForm li input{background:#fff;width:100%;height:40px;line-height:40px;}

.regTradeUl .imgChkView{display:block;border:1px solid #aaa;height:40px;padding:5px 8px 0px 5px;}
.regTradeUl .imgChkView label{text-align:center;font-size:0.9rem;}
.regTradeUl .tagHandler ul.tagHandlerContainer li.tagItem{margin-top:8px !important;}
.regTradeUl .tagHandler ul.tagHandlerContainer input.tagInputField{height:35px;vertical-align:middle;}

/* 181008_분류설정 재디자인 // 1010 추가 수정 */
.newCateList{position:relative;margin-top:20px;}
.newCateList:after{display:block;content:'';clear:both;}
.newCateList .btnStyle03, .newCateList .btnStyle04 {width:48%;float:left;height:42px;text-align:center;line-height:42px;margin:1%;display:block;font-size:0.9rem;overflow:hidden;}
.newCateList .btnStyleMins03 {height:36px;text-align:center;line-height:36px;margin:1%;display:block;font-size:0.8rem !important;}
.newCateList .choice{background:#4e54d3 !important;color:#fff !important;}
.newCateList .on{background:#4e54d3 !important;color:#fff !important;}
.newCateList .subList{display:none;}
.newCateList .subList{clear:both;padding:15px 8px;background:#f3f3f3;margin:5px auto;border-radius:8px;overflow:hidden;}
.newCateList .subList li{width:31.3%;float:left;text-align:center;line-height:28px;margin:1%;}
.newCateList .subList li span{display:block;}
.newCateList .subTxtList{display:none;}
.newCateList .subTxtList{clear:both;padding:8px 8px;background:#f3f3f3;margin:5px auto;border-radius:8px;overflow:hidden;}
.newCateList .subTxtList li{text-align:left;line-height:1.1;margin:1%;padding:20px 10px;font-size:0.9rem;background:#fff;}
.newCateList .subTxtList li .ctrTxtList{margin-top:5px;text-align:right;overflow:hidden;}
.newCateList .subTxtList li span{display:block;width:32%;margin:0 1% 0 0;float:left;}


/* 181010_이달의현황 펼침메뉴 적용 */
.listTypeB__Wrap .ddInWrap{width:100%;clear:both;background:#f5f5f5;}
.listTypeB__Wrap .ddInWrap .inpd{padding:10px 20px 10px 30px;}
.listTypeB__Wrap .ddInWrap .ddInObj{padding:8px 0;}
.listTypeB__Wrap .ddInWrap .title{width:40%;float:left;font-size:0.8rem;}
.listTypeB__Wrap .ddInWrap .num{width:60%;float:right;font-size:0.8rem;text-align:right;}


/* 181116_회원가입 디자인변경 적용 */
.joinInWrap{padding:20px;border-radius:10px;background:#fff;box-shadow:0 5px 5px 0 rgba(0, 0, 0, .06);}
.accForm{margin-bottom:20px;}
.accForm input, .accForm label{display:block}
.accForm label{color:#999;position:absolute;font-size:0.9rem;font-weight:400;transition:all .2s;height:40px;line-height:40px;cursor:pointer;}
.accForm input{margin-top:10px;height:40px;line-height:40px;padding:0 3px;font-size:1.1rem;font-weight:bold;}
.accForm .formInput{background-color:transparent;border-top:none;border-left:none;border-right:none;border-bottom:2px solid #eee;width:100%;color:#888;border-radius:0 !important;}
.accForm input:hover{border-radius:0 !important;background:#fff;border-top:none !important;border-left:none !important;border-right:none !important;border-bottom:2px solid #596cd3 !important;}
.accForm input:focus{border-radius:0 !important;background:#fff;outline:none;color:#596cd3;border-top:none !important;border-left:none !important;border-right:none !important;border-bottom:2px solid #596cd3 !important;-webkit-transition:border-bottom .5s;-moz-transition:border-bottom .5s;-ms-transition:border-bottom .5s;-o-transition:border-bottom .5s;transition:border-bottom .5s}
.accForm .active{transform:translateY(-60%);font-size:0.7rem;color:#000;}


/* 181211_카드통장 목록 수정 */
.myBookCardList li{line-height:38px !important}
.myBookCardList li:first-child{padding:0;top:45px}

/* 181213_대출상세입력 추가, 보더없는 테이블 형식 */
.noBdrTb{width:100%;border:0;margin:0 auto;}
.noBdrTb caption{display:none;}
.noBdrTb tbody td{padding:0;height:42px;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;background:transparent !important;}

.ctrLoanDetail{padding:15px;}
.ctrLoanDetail .noBdrTb{width:100%;border:0;margin:0 auto;}
.ctrLoanDetail .noBdrTb caption{display:none;}
.ctrLoanDetail .noBdrTb tbody th{padding:0;height:42px;font-weight:normal;font-size:12px;line-height:1.5;white-space:normal;background:transparent !important;}
.ctrLoanDetail .noBdrTb tbody td{padding:0;height:42px;font-weight:normal;font-size:12px;line-height:1.5;white-space:normal;background:transparent !important;}

.tabCateInSection{height:calc(100vh - 140px);overflow:auto}

/* 190117_자동조회 추가 */
.scrapList dl dt{background:#f5f5f5;color:#555;font-weight:bold;text-align:left;padding:15px 10px;font-size:0.9rem;border-bottom:1px solid #eee;}
.scrapList dl dd{position:relative;border-bottom:1px solid #eee;padding:25px 25px 25px 35px;box-sizing:border-box;font-size:0.8rem;line-height:1.5;background:#fff;}
.scrapList dl dd .msg{z-index:999;position:absolute;top:50%;margin-top:-30px;right:10px;width:26px;height:26px;text-align:center;line-height:26px;display:block;font-size:13px;color:#999;}
.scrapList dl dd .notice{padding:8px;border:1px solid #ddd;border-radius:1000px;background:#fff;text-align:center;transform:translateY(10px);}
.scrapList dl dd .fa-ckbox{position:absolute;top:50%;left:10px;margin-top:-10px;}

/* 190214_사진 아이콘 추가 */
.icoPhoto{font-size:16px;display:block;height:30px;padding-top:4px;}
.icoPhoto.on i{color:#596cd3 !important}
.icoPhotoInput{position:absolute;left:-99999px;}


.memoOn{position:relative;}
.memoOn:after{display:block;content:'\f15c'; font-family: 'FontAwesome';color:#596cd3 !important; font-size: 14px;font-weight:normal !important;position:absolute;top:0px;right:3px;} /* 190312 수정 */


/* 190306_리뉴얼 디자인 적용 */
.infoPieSection:first-child{margin-top:10px !important}
.infoPieSection{padding:5px;background:#fff;border-radius:10px;margin:20px auto;box-shadow:rgba(0, 0, 0, 0.08) 0px 4px 10px 0px;overflow:hidden;}
.infoPieSection .listTypeA__titleDl{overflow:hidden;min-height:50px;}
.infoPieSection .listTypeA__titleDl dt{width:35%;float:left;min-height:50px;font-size:0.8rem;text-align:left;padding:22px 0 0 20px;position:relative;font-weight:bold;}
.infoPieSection .listTypeA__titleDl dt:before{position:absolute;width:8px;min-height:8px;top:25px;left:8px;display:block !important;content:'';}
.infoPieSection .listTypeA__titleDl dt.pst:before{background:#4fc3f7;}
.infoPieSection .listTypeA__titleDl dt.ngt:before{background:#ff8a65;}
.infoPieSection .listTypeA__titleDl dt.net:before{background:#857bff;}
.infoPieSection .listTypeA__titleDl dd{width:65%;float:left;min-height:50px;text-align:right;padding:20px 15px 20px 0;font-size:1.1rem;font-weight:bold;}
.infoPieSection .linkTxtA{display:block;text-align:right;font-size:0.8rem;position:relative;color:#596cd3;position:relative;top:-5px;}
.infoPieSection .linkTxtA:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}

.infoPieSection .listTypeA__subDl{overflow:hidden;min-height:38px;background:#fafafa;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.infoPieSection .listTypeA__subDl dt{width:40%;float:left;min-height:38px;font-size:0.8rem;text-align:left;padding:13px 0 0 12px;position:relative;}
.infoPieSection .listTypeA__subDl dt:before{content:'';}
.infoPieSection .listTypeA__subDl dd{width:60%;float:left;min-height:38px;text-align:right;padding:13px 15px 0 0;font-size:0.8rem;font-weight:bold;letter-spacing:0;}

.infoPieSection .listTypeA__detailDl{overflow:hidden;min-height:34px;background:#fff;padding:1vh 0;}
.infoPieSection .listTypeA__detailDl dt{width:62%;float:left;min-height:34px;font-size:0.9rem;text-align:left;padding:10px 0 0 18px;position:relative;}
.infoPieSection .listTypeA__detailDl dd{width:38%;float:left;min-height:34px;text-align:right;padding:10px 15px 0 0;font-size:0.9rem;}

.infoPieSection .listTypeA__detailList{overflow:hidden;padding:2.5vh 0;background:#fff;position:relative;border-bottom:1px solid #eee;}
.infoPieSection .listTypeA__detailList .f_lt{width:62%;height:100%;float:left;}
.infoPieSection .listTypeA__detailList .f_rt{width:38%;height:100%;float:left;}
.infoPieSection .listTypeA__detailList .title{font-size:0.8rem;text-align:left;padding:5px;color:#000;}
.infoPieSection .listTypeA__detailList .info{font-size:0.8rem;text-align:left;padding:5px;color:#888;}
.infoPieSection .listTypeA__detailList .money{text-align:right;font-size:0.8rem;padding:5px 15px 5px 5px;color:#000;}
.infoPieSection .listTypeA__detailList .linkTxt{display:block;text-align:right;padding:5px 15px 5px 5px;font-size:0.8rem;position:relative;color:#596cd3}
.infoPieSection .listTypeA__detailList .linkTxt:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}

/* 190307_리뉴얼 디자인 적용_자산부채리포트 */
.reportWrap .reportSect{padding:20px 10px;border-bottom:1px solid #dedede;}
.reportWrap .reportSect:first-child{border-top:1px solid #dedede;}
.reportWrap .reportSect h2{font-size:13px;font-weight:bold;color:#596cd3;padding-bottom:15px}
.reportSect .reportList{padding:10px;}
.reportSect .reportList:after{display:block;content:'';clear:both;}
.reportSect .reportList dt{font-size:13px;width:40%;float:left;clear:both;text-align:left;min-height:25px;line-height:1.5;}
.reportSect .reportList dd{font-size:13px;width:60%;float:left;text-align:right;min-height:25px;line-height:1.5;}
.reportSect .reportList .highlight{color:#596cd3;font-weight:bold;}
.reportSect .reportList dd.highlight{font-size:15px;}

.reportGraphWrap{height:150px;margin:20px auto 30px;padding:0 10px;}
.reportGraphWrap .descript{width:20%;float:left;height:100%;position:relative;}
.reportGraphWrap .descript li{position:absolute;text-align:left;font-size:11px;color:#7b7b7b;}
.reportGraphWrap .descript li:nth-child(1){bottom:0;}
.reportGraphWrap .descript li:nth-child(2){bottom:30%}
.reportGraphWrap .descript li:nth-child(3){bottom:70%;}
.reportGraphWrap .descript li:nth-child(4){bottom:100%;}
.reportGraphWrap .graphSect{width:80%;float:left;height:100%;padding:0 5px 0 5px;}
.reportGraphWrap .graphBody{width:20%;float:left;text-align:center;position:relative;height:150px;}
.reportGraphWrap .graphBody .title{width:100%;position:absolute;bottom:-25px;text-align:center;}
.reportGraphWrap .graphBody .graph{width:14px;height:100%;background:#afb0c9;position:absolute;bottom:0;left:50%;margin-left:-7px;}
.reportGraphWrap .graphBody.now .title{color:#596cd3;font-weight:bold;}
.reportGraphWrap .graphBody.now .graph{background:#596cd3;}
.reportGraphWrap .graphBody.nowM .title{color:#f56a76;font-weight:bold;}
.reportGraphWrap .graphBody.nowM .graph{background:#f56a76;}

.statementTb{width:100%;table-layout:fixed;border-top:2px solid #333;}
.statementTb tbody th{border-bottom:1px solid #eee;padding:15px 0px;font-size:11px;text-align:left;font-weight:bold;}
.statementTb tbody td{border-bottom:1px solid #eee;padding:15px 0px;font-size:11px;text-align:right;}

.memoWrap{text-align:left;}
.memoWrap .title{padding:8px 0;font-weight:bold;}
.memoWrap .title i{color:#70bbfd}
.memoInTagWrap{border-radius:8px;border:1px solid #dedede;padding:8px;min-height:30px}

/* 190311_장부선택 공지추가 */
.noticeWrap{width:100%;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:999;}
.noticeWrap dl{border-top:1px solid #dedede;padding:15px;cursor:pointer;}
.noticeWrap dl dt{position:relative;font-size:15px;font-weight:bold;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;vertical-align:middle;}
.noticeWrap dl dt .noticeIco{font-size:11px;border:1px solid #596cd3;border-radius:1000px;padding:5px;color:#596cd3;vertical-align:middle;}
.noticeWrap dl dt i{color:#596cd3;}
.noticeWrap dl dd{color:#666;font-size:13px;font-weight:normal;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;}

/* 190401_이미지미리보기 추가 */
.imgPreviewLayer{display:none;width:100%;height:calc(100% - 108px);position:fixed;top:0;left:0;right:0;background:rgba(0, 0, 0, 0.5);overflow:auto;z-index:9999999999;}

/* 190408 성공모바일 추가 */

.asideHalfMain{height:90px;overflow:hidden;background-color:#596cd3;position:relative;}
.asideHalfMain .halfMenu{width:50%;float:left;height:90px;padding:12px 8px 0;cursor:pointer;}
.asideHalfMain .halfMenu:nth-child(2){background:#3f51b5}
.asideHalfMain .halfMenu .menuName{font-size:16px;font-weight:bold;padding:8px 0;color:#fff;position:relative;}
.asideHalfMain .halfMenu .menuName i{font-size:16px;font-weight:bold;color:#fff;}
.asideHalfMain .halfMenu .menuName:after{content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;color:#fff;font-weight:normal !important;margin-top:-5px;margin-left:5px}
.asideHalfMain .halfMenu .script{height:35px;font-size:11px;color:#fff;text-align:left;overflow:hidden;padding-right:10px;position:relative;padding-top:15px;}
.asideHalfMain .halfMenu .altTxt{position:absolute;top:10px;right:0;font-size:11px;padding:3px 4px;border:1px solid #fff;border-radius:4px;font-weight:bold;color:#fff;}


.notifyWrap{height:50px;font-size:13px;background:#fff;position:relative;}
.notifyWrap:before{content: '\f0f3'; font-family: 'FontAwesome'; font-size: 1.2rem;color:#06f;position:absolute;top:15px;left:12px;}
.notifyWrap ul{width:100%;height:50px;overflow:hidden;padding-left:35px;text-align:left;}
.notifyWrap ul li{max-width:90% !important;height:50px !important;line-height:50px !important;font-size:12px !important;text-align:left !important;font-weight:normal !important;color:#555 !important;}
.notifyWrap ul li strong{background:none !important;color:#555 !important;padding:0 !important;font-size:12px !important;}

.listSummMainWrap{margin:0 auto 10px;background:#f4f4f4;}
.listSummMainWrap ul{overflow:hidden;padding:15px 5px;}
.listSummMainWrap ul li{width:31.3%;float:left;text-align:center;padding:8px 0 10px;line-height:1;margin-right:2%;}
.listSummMainWrap ul li:first-child{margin-left:1% !important;}
.listSummMainWrap ul li:last-child{width:31.3%;margin-right:0 !important;}
.listSummMainWrap ul li.num{font-size:0.9rem;}

.listSummMainWrap .totalObjTypeMain{background:#fff;border:1px solid #596cd3;color:#596cd3;box-shadow:0 8px 10px -7px rgba(0, 0, 0, 0.2);border-radius:8px;}
.listSummMainWrap .totalObjTypeMain label{display:block;color:#596cd3 !important;font-weight:bold;font-size:0.8rem;padding:3px 5px;border-radius:4px;text-align:left;}
.listSummMainWrap .totalObjTypeMain label i{font-size:1.0rem;}
.listSummMainWrap .totalObjTypeMain span{font-size:0.8rem;color:#000;}
.listSummMainWrap .totalObjTypeMain p{font-size:0.9rem;color:#000;font-weight:bold;margin:0;padding:0;letter-spacing:0;margin-top:5px;}

.mainCtrBoardWrap .msgCountIco{font-size:0.9rem;font-weight:bold;padding:3px 6px;background:#f20;border-radius:1000px;color:#fff;overflow:hidden;position:absolute;top:0px;left:50%;margin-left:20px;}
.msgCntIco{font-size:0.7rem;font-weight:bold;padding:2px 3px;background:#f20;border-radius:1000px;color:#fff;overflow:hidden;position:absolute;top:-12px;right:0;letter-spacing:0;}

.mainCtrBoardWrap{max-width:900px;margin:0 auto;padding:55px 25px 0;}
.mainCtrBoardWrap .ctrButton{display:block;width:33.3%;text-align:center;float:left;margin-bottom:50px;position:relative;}
.mainCtrBoardWrap .ctrButton:after{position:absolute;top:62px;left:50%;margin-left:-30px;width:60px;height:1px;border-top:1px solid #ddd;display:block;content:'';}
.mainCtrBoardWrap .ctrButton:nth-child(3n+2){width:33.4%}
.mainCtrBoardWrap .ctrButton i{font-size:3rem;margin-bottom:0;padding:5px 0 ;color:#6468b1}
.mainCtrBoardWrap .ctrButton p{padding-top:5px;line-height:2;font-size:1.0rem;font-weight:bold;}

.photoFrame{clear:both;border-radius:8px;border:1px solid #ddd;width:100%;height:220px;overflow:hidden;margin:10px auto 5px;text-align:center;position:relative;background:#f4f4f4;cursor:pointer;}
.photoFrame img{width:100%;height:100%;}
.photoFrame .noImage{font-size:1.0rem;color:#999;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-102px;}
.photoFrame .noImage i{font-size:5.0rem;margin-bottom:10px;color:#bbb;}


.swipTabs  {_zoom:1;margin:0 auto;clear:both;overflow:hidden;background:#fafaf8;border-bottom:1px solid #dedede;padding:10px;}
.swipTabs li{float:left;background:#fafaf8;text-align:center;border:1px solid transparent;box-sizing:border-box;height:35px;line-height:35px;font-size:0.8rem;color:#999;}
.swipTabs li.active{background:#fff;border:1px solid #596cd3;border-radius:8px;box-shadow:0 8px 10px -7px rgba(0, 0, 0, 0.2);color:#596cd3 !important;font-weight:bold;}


.swipTabsContainer {overflow: hidden; }
.swipTabsContainer .swiper-slide { background:#fff;box-sizing:border-box;}

.meterTb{width:100%;border-top:2px solid #666 !important;border-bottom:1px solid #e4e4e4;}
.meterTb caption{display:none;}
.meterTb thead th{background:#fff;font-weight:bold;font-size:0.8rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:15px 0;}
.meterTb tbody th{background:#fff;font-weight:normal;font-size:0.8rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:15px 0;}
.meterTb tbody td{background:#fff;padding:15px 0;font-weight:normal;font-size:0.85rem;line-height:1.5;white-space:normal;text-align:center;border:1px solid #e4e4e4;vertical-align:top;}
.meterTb tbody td.writeTd{background:#f3faff;color:#000;font-weight:bold;}
.meterTb tbody td.justBefore{background:#d6eeff !important;}

.swipTabsContainer .overFix{overflow:auto;height:calc(100vh - 242px);}


.searchChat{text-align:left !important;}
.searchBox{background:#fff;width:100%;padding:10px;}
.searchBox:after{display:block;clear:both;content:'';}
.ipSearchInn{width:85%;float:left;}
.btnSearchInn{display:block;width:35px;height:35px;float:right;line-height:35px;text-align:center;font-size:1.0rem;border:1px solid #596cd3;border-radius:10px;background:#fff;}

.chkLabel{position:relative;}
.chkLabel:after{content: '\f14a'; font-family: 'FontAwesome'; font-size: 1.3rem;color:#ccc;position:absolute;top:20px;left:8px;}
.chkLabel.on:after{content: '\f14a'; font-family: 'FontAwesome'; font-size: 1.3rem;color:#596cd3;position:absolute;top:20px;left:8px;}
.chkLabel input{position:absolute;left:-9999999px;}

.viewControl{border-radius:4px;padding:5px 10px;;border:1px solid #ddd;background:#fff;overflow:hidden;}
.viewControl dt{width:80%;height:30px;float:left;text-align:left;line-height:30px;font-size:0.75;font-weight:bold;}
.viewControl dd{width:20%;height:30px;float:left;text-align:right;line-height:30px;}


.todayReportWrap .todayObj{height:90px;padding:5px;background:#fff;border-radius:10px;margin:20px auto 25px;box-shadow:rgba(0, 0, 0, 0.08) 0px 4px 10px 0px;overflow:hidden;position:relative;}
.todayReportWrap .todayObj h2{position:absolute;top:15px;left:0px;padding:3px 0 3px 20px;font-size:15px;font-weight:bold;}
.todayReportWrap .todayObj:nth-child(1) h2{border-left:2px solid #567ede;color:#1d1e3a;}
.todayReportWrap .todayObj:nth-child(2) h2{border-left:2px solid #4ac18e;color:#4ac18e;}
.todayReportWrap .todayObj:nth-child(3) h2{border-left:2px solid #ff9797;color:#ea553d;}
.todayReportWrap .todayObj .compared{color:#99abb4;font-size:11px;position:absolute;bottom:15px;left:22px;text-align:right;}
.todayReportWrap .todayObj .compared .fa-caret-up{color:#75a4eb;}
.todayReportWrap .todayObj .compared .fa-caret-down{color:#ff6060;}
.todayReportWrap .todayObj .compared span{color:#000;font-size:11px;}
.todayReportWrap .todayObj dl{position:absolute;bottom:15px;right:30px;}
.todayReportWrap .todayObj dl dt{color:#99abb4;font-size:11px;text-align:right;margin-bottom:5px;}
.todayReportWrap .todayObj dl dd{color:#455a64;font-size:24px;text-align:right;}

.todayGraphSearch{background:#fff;height:40px;padding:8px 20px;text-align:center;overflow:hidden;position:relative;}
.todayGraphSearch h2{position:absolute;top:7px;left:0px;padding:4px 0 3px 20px;font-size:15px;border-left:2px solid #567ede;color:#1d1e3a;}

.todayGraphWrap{margin:20px auto;}
.todayGraphWrap .todayGraphBody{width:49%;background:#fff;padding:20px;overflow:hidden;}
.todayGraphWrap .todayGraphBody:nth-child(1){float:left;}
.todayGraphWrap .todayGraphBody:nth-child(2){float:right;}

.halfSlideWrap{margin:10px auto;}
.halfSlideWrap:after{display:block;clear:both;content:'';}
.halfSlideWrap .fixedSect{width:50%;float:left;height:300px;box-sizing:border-box;padding:0 !important;margin:0 !important}
.halfSlideWrap .slideSect{width:50%;float:left;min-height:300px;overflow:auto !important;box-sizing:border-box;padding:0 !important;margin:0 !important;position:relative;}

.dataTb{width:100%;box-sizing:border-box;}
.dataTb caption{display:none;}
.dataTb thead th{background:#f4f4f4;font-weight:bold;font-size:0.75rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:10px 0;}
.dataTb tbody th{background:#fff;font-weight:normal;font-size:0.75rem;line-height:1.2;white-space:normal;text-align:left;border:1px solid #e4e4e4;color:#000;padding:0 0 0 5px;height:70px;}
.dataTb tbody td{background:#fff;padding:0;height:70px;font-weight:normal;font-size:0.85rem;line-height:1.5;white-space:normal;border:1px solid #e4e4e4;vertical-align:middle;}
.dataTb tbody td.point{background:#f3faff;color:#000;font-weight:bold;}
.dataTb .total{background:#fafafa !important;font-weight:bold;}

.dataMinTb{width:100%;box-sizing:border-box;}
.dataMinTb caption{display:none;}
.dataMinTb thead th{background:#f4f4f4;font-weight:bold;font-size:0.75rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:10px 0;}
.dataMinTb tbody th{background:#fff;font-weight:normal;font-size:0.75rem;line-height:1.2;white-space:nowrap;text-align:left;border:1px solid #e4e4e4;color:#000;padding:0 0 0 5px;height:45px;}
.dataMinTb tbody td{background:#fff;padding:0;height:45px;font-weight:normal;font-size:0.85rem;line-height:1.5;white-space:normal;border:1px solid #e4e4e4;vertical-align:middle;}
.dataMinTb tbody td.point{background:#f3faff;color:#000;font-weight:bold;}
.dataMinTb .total{background:#fafafa !important;font-weight:bold;}

.helpTipDiv{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}
.helpTipDiv .innerTip{position:absolute;color:#fff;top:200px;left:50%;margin-left:-40px;text-align:center;}
.helpTipDiv .fa-hand-point-up{font-size:2.0rem;}
.helpTipDiv .fa-arrows-alt-h{font-size:2.0rem;}
.helpTipDiv p{font-size:0.7rem;}

.helpTipDiv{animation-name: tip-fade-out;animation-duration: 0.5s;animation-timing-function: ease-in;animation-iteration-count:once;animation-delay: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes tip-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes tip-fade-out{0%{opacity:1}100%{opacity:0}}

.infoPieSection.now{border:1px solid #596cd3 !important}

.readonly{background:#ccc !important;color:#777 !important}

input[type="date"].date-slider::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  color: transparent;
  background: transparent;
}

/* 190416 로그인css 병합 */
.logBox{padding:20px 40px;width:100%;background:#fff;position:relative}
/*
.logBox:after{content:'';display:block;width:100%;height:6px;background: -webkit-linear-gradient(left,  rgb(89,108,211) 0%, rgb(6,183,221) 50% , rgb(89,108,211) 100%);position:absolute;top:0;left:0;right:0;}
*/
.logBox .logLogo{padding:110px 0 50px;text-align:center;font-size:30px;}
.logBox .logLogo p{font-size:0.9rem;color:#888;padding:12px 0 0;}
.logBox .logInput{width:100%;border:1px solid #dbdbdb;color:#596cd3;margin:5px auto;padding:10px 18px;font-size:18px !important;height:45px;border-radius:50px;box-shadow:0 1px 3px 0 rgba(0, 0, 0, .06);outline:0;}
.logBox .logInput:focus{border:1px solid #596cd3;color:#596cd3;font-weight:bold;box-shadow:3px 5px 10px 0px rgba(0, 0, 0, 0.2);text-align:center;}
.logBox .logInput::-webkit-input-placeholder {font-size: 12px;text-align:left;}
.logBtn {width:100%;margin:15px auto 5px;display:block;background:#596cd3; height:48px;line-height:48px;text-decoration:none;color:#fff !important; font-size:1.0rem !important; font-weight:bold;border:0px;border-radius:50px;box-shadow:0 1px 3px 0 rgba(0, 0, 0, .06);}
.norBtn {width:100%;margin:5px auto;display:block;background:#596cd3; height:48px;line-height:48px;text-decoration:none;color:#333 !important; font-size:1.0rem !important; font-weight:bold;border:0px;border-radius:50px;box-shadow:0 1px 3px 0 rgba(0, 0, 0, .06);}

.logBtnsDiv{overflow:hidden;}
.logBtnsDiv .logBtns{text-align:center;display:inline-block;width:49.5%;height:45px;float:left;line-height:40px;text-decoration:none;margin-top:3px;background:#fff;color:#000 !important; font-size:12px !important; vertical-align:middle;font-weight:bold;border:1px solid #ddd;}
.logBtnsDiv .logBtns:nth-child(2n+2){margin-left:1%;margin-right:0;}
.logBtnsDiv .logBtns:hover{color:#596cd3 !important;}
.logBtnsDiv .logBtns img{vertical-align:middle;margin-top:-2px;}
.logAside{text-align:right;font-size:13px;font-weight:bold;overflow:hidden;margin-top:15px;line-height:26px;font-size:0.7rem;}

.easyJoinBgWrap{height:100%;position:relative}
/*
.easyJoinBgWrap:after{content:'';display:block;width:100%;height:6px;background: -webkit-linear-gradient(left,  rgb(78,84,200) 0%, rgb(6,183,221) 50% , rgb(78,84,200) 100%);position:absolute;top:0;left:0;right:0;}
*/
.easyJoinBgWrap .logLogo{padding-top:20px;margin:0px auto 20px;}

.easyJoinBgWrap h2.areaTitle{overflow:hidden;font-size:12px;font-weight:normal;color:#333;text-align:left;padding:0px 0px 4px 0px;margin-bottom:3px;}
.easyJoinBgWrap h2.areaTitle .f_lt{padding-top:8px;}
.easyJoinBgWrap h2.areaTitle .f_rt{padding-top:5px;}
.easyJoinWrap{width:100%;margin:0 auto;padding:25px 10px;font-size:12px;}

.easyJoinWrap .imgChkBox2{display:inline-block;position:relative;height:26px;}
.easyJoinWrap .imgChkBox2 .imgChkBoxInput{position:absolute;top:0px;right:0px;width:22px;height:26px;visibility:hidden;}
.easyJoinWrap .imgChkBox2 .imgChkBoxLabel{display:inline-block;cursor:pointer;height:26px;line-height:26px;padding-right:25px;font-size:12px;background:url('/static/img/comm/bg_checkbox_off.png') no-repeat 100% 3px;}
.easyJoinWrap .imgChkBox2 .lbOn{background:url('/static/img/comm/bg_checkbox_on.png') no-repeat 100% 3px;}

.joinBtnWrap{margin:20px auto;padding:0 10px 10px;}
.joinBtnWrap:after{clear:both;display:block;content:'';}
.easyJoinBgWrap .cFmBtn {width:49%;float:left;display:block;background:#596cd3; height:48px;line-height:48px;text-decoration:none;color:#fff !important; font-size:13px !important; vertical-align:middle;font-weight:bold;border:0px;text-align:center;border-radius:50px;box-shadow:0 3px 5px 0 rgba(0, 0, 0, .4);}
.easyJoinBgWrap .cFmBtn:hover {background:#ff6060;box-shadow:0px 0px 10px #ddd;}
.easyJoinBgWrap .cancelBtn {width:49%;float:left;margin-right:2%;display:block;background:#fff; height:48px;line-height:48px;text-decoration:none;color:#666 !important; font-size:13px !important; vertical-align:middle;font-weight:bold;border:0px;border:1px solid #ddd;text-align:center;border-radius:50px;box-shadow:0 3px 5px 0 rgba(0, 0, 0, .1);}
.easyJoinBgWrap .cancelBtn:hover {background:#ff6060;box-shadow:0px 0px 10px #ddd;}

.easyJoinBgWrap .logInput{width:100%;height:44px;line-height:44px;border:1px solid #eee;color:#555;font-size:13px !important;margin:0px auto;padding:0 10px;font-weight:normal;}
.easyJoinBgWrap .accTable01{width:100%;border-top:3px solid #4a7ed5;border-bottom:1px solid #4a7ed5;margin:0 auto;}
.easyJoinBgWrap .accTable01 tbody th{text-align:left;padding:8px 0 8px 6px;font-weight:bold;font-size:13px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;}
.easyJoinBgWrap .accTable01 tbody td{padding:4px 0;font-weight:bold;font-size:13px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;}
.easyJoinBgWrap .accTable01 tbody td.date{font-size:11px;font-family:"tahoma";color:#999;font-weight:normal;}
.easyJoinBgWrap .accTable01 tfoot th{padding:4px 0;font-weight:bold;font-size:16px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;color:#f30;background:#fefefe;}
.easyJoinBgWrap .accTable01 tfoot td{padding:4px 0;font-weight:bold;font-size:12px;line-height:1.5;border-bottom:1px solid #e9e9e9;white-space:normal;background:#fdfdfd;color:#333;}

.subScriptOk{font-size:12px;color:#06f;font-weight:bold;padding:3px 10px;border:1px solid #06f;border-radius:100px;}
.subScriptBad{font-size:12px;color:#f20;font-weight:bold;padding:3px 10px;border:1px solid #f20;border-radius:100px;}

.agCodeSelect{width:100%;height:40px;line-height:40px;border:1px solid #ddd;color:#555;font-size:15px !important;font-weight:normal;background:#fff;border-radius:10px;}
.joinRootDiv{padding:0px;margin:10px auto 0;}
.joinRootDiv ul{overflow:hidden;}
.joinRootDiv ul li{width:50%;float:left;text-align:left;box-sizing:border-box;padding:4px;}

.join_ok{text-align:center;padding:20px 0 0px;font-family:'nanum gothic','malgun gothic',dotum;}
.join_ok h3{font-size:17px !important;font-weight:normal;margin-bottom:30px;letter-spacing:-1px;word-spacing:1px;text-align:center;}
.join_ok h3 strong{color:#f22;}
.join_ok .ok_depth01{font-size:15px;margin:40px auto 50px;}
.join_ok .ok_depth02{font-size:13px;line-height:30px;width:100%;margin:20px auto;}
.join_ok .ok_hover{overflow:hidden;padding:20px 10px;font-size:14px;font-weight:normal;letter-spacing:-1px;border:1px solid #ddd;border-radius:9px;}
.join_ok .ok_hover:hover{border:1px solid #06f !important;}


/* 190419 테스트용 버튼 메뉴 */
.componentWrap{width:100%;position:fixed;bottom:55px;}
.component {position: relative;background: rgba(0,0,0,0.05);}
.component > h2 {position: absolute;overflow: hidden;	width: 100%;	text-align: center;	text-transform: uppercase;	white-space: nowrap;	font-weight: 300;	font-style: italic;	font-size: 12em;	opacity: 0.1;	cursor: default;}
.cn-button {box-sizing:border-box;	position: absolute;	top: 80%;	left: 50%;	z-index: 11;	margin-top: -2.5em;	margin-left: -2.5em;	padding-top: 0em;	width: 5em;	height: 5em;	border: 2px solid #fff;	border-radius: 50%;	background: linear-gradient(120deg , #377bcb 0%, #4636c4 50%, #7e42c4 100%);	color: #fff;	text-align: center;	font-weight: 700;	font-size: 1.5em;	text-transform: uppercase; cursor: pointer;	-webkit-backface-visibility: hidden;box-shadow:0 3px 15px -3px rgba(78, 84, 200, 1);}
.cn-button i{font-size:0.9rem !important;}
.bgNewBL{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);}
.csstransforms .cn-wrapper {	position: absolute;	top: 100%;	left: 50%;	z-index: 10;	margin-top: -15em;	margin-left: -15em;	width: 30em;	height: 30em;	border-radius: 50%;	background: transparent;	opacity: 0;	-webkit-transition: all .3s ease 0.3s;	-moz-transition: all .3s ease 0.3s;	transition: all .3s ease 0.3s;-webkit-transform: scale(0.1);	-ms-transform: scale(0.1);	-moz-transform: scale(0.1);	transform: scale(0.1);	pointer-events: none;	overflow: hidden;}
/*cover to prevent extra space of anchors from being clickable*/
.csstransforms .cn-wrapper:after{  content:".";  display:block;  font-size:2em;  width:6.2em;  height:6.2em;  position: absolute;  left: 50%;  margin-left: -3.1em;  top:50%;  margin-top: -3.1em;  border-radius: 50%;  z-index:10;  color: transparent;}
.csstransforms .opened-nav {background:rgba(255, 255, 255, 0.2);	border-radius: 50%;	opacity: 1;	-webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	transition: all .3s ease;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);	pointer-events: auto;}
.csstransforms .cn-wrapper li {	position: absolute;	top: 50%;	left: 50%;	overflow: hidden;	margin-top: -20em;	margin-left: -20em;	width: 20em;	height: 20em;	font-size: 1.5em;	-webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	transition: all .3s ease;	-webkit-transform: rotate(76deg) skew(60deg);	-moz-transform: rotate(76deg) skew(60deg);	-ms-transform: rotate(76deg) skew(60deg);	transform: rotate(76deg) skew(60deg);	-webkit-transform-origin: 100% 100%;	-moz-transform-origin: 100% 100%;	transform-origin: 100% 100%;	pointer-events: none;}
.csstransforms .cn-wrapper li a {	position: absolute;	right: -7.25em;	bottom: -7.25em;	display: block;	width: 14.5em;	height: 14.5em;	border-radius: 50%;	background: #fff;	background: -webkit-radial-gradient(transparent 35%, #fff 35%);	background: -moz-radial-gradient(transparent 35%, #fff 35%);	background: radial-gradient(transparent 35%, #fff 35%);	color: #596cd3;	text-align: center;	text-decoration: none;	font-size: 1.2em;	line-height: 2;	-webkit-transform: skew(-60deg) rotate(-75deg) scale(1);	-moz-transform: skew(-60deg) rotate(-75deg) scale(1);	-ms-transform: skew(-60deg) rotate(-75deg) scale(1);	transform: skew(-60deg) rotate(-75deg) scale(1);	-webkit-backface-visibility: hidden;	backface-visibility: hidden;	pointer-events: auto;}
.csstransforms .cn-wrapper li a span {	position: relative;	top: 0.6em;line-height:1.1;	display: block;	font-size: .6em;	font-weight: 700;	text-transform: uppercase;}
.csstransforms .cn-wrapper li a span i{font-size:1.5rem !important;padding-bottom:10px !important;}
.csstransforms .cn-wrapper li a:hover,
.csstransforms .cn-wrapper li a:active,
.csstransforms .cn-wrapper li a:focus {	color:#fff; background: -webkit-radial-gradient(transparent 35%, #596cd3 35%);	background: -moz-radial-gradient(transparent 35%, #596cd3 35%);	background: radial-gradient(transparent 35%, #596cd3 35%);}
.csstransforms .cn-wrapper li a:focus {    position: fixed; /* fix the displacement bug in webkit browsers when using tab key */}
.csstransforms .opened-nav li {	-webkit-transition: all .3s ease .3s;	-moz-transition: all .3s ease .3s;	transition: all .3s ease .3s;}
.csstransforms .opened-nav li:first-child {	-webkit-transform: rotate(-20deg) skew(60deg);	-moz-transform: rotate(-20deg) skew(60deg);	-ms-transform: rotate(-20deg) skew(60deg);	transform: rotate(-20deg) skew(60deg);}
.csstransforms .opened-nav li:nth-child(2) {	-webkit-transform: rotate(12deg) skew(60deg);	-moz-transform: rotate(12deg) skew(60deg);	-ms-transform: rotate(12deg) skew(60deg);	transform: rotate(12deg) skew(60deg);}
.csstransforms .opened-nav  li:nth-child(3) {	-webkit-transform: rotate(44deg) skew(60deg);	-moz-transform: rotate(44deg) skew(60deg);	-ms-transform: rotate(44deg) skew(60deg);	transform: rotate(44deg) skew(60deg);}
.csstransforms .opened-nav li:nth-child(4) {	-webkit-transform: rotate(76deg) skew(60deg);	-moz-transform: rotate(76deg) skew(60deg);	-ms-transform: rotate(76deg) skew(60deg);	transform: rotate(76deg) skew(60deg);}
.csstransforms .opened-nav li:nth-child(5) {	-webkit-transform: rotate(108deg) skew(60deg);	-moz-transform: rotate(108deg) skew(60deg);	-ms-transform: rotate(108deg) skew(60deg);	transform: rotate(108deg) skew(60deg);}
.csstransforms .opened-nav li:nth-child(6) {	-webkit-transform: rotate(140deg) skew(60deg);	-moz-transform: rotate(140deg) skew(60deg);	-ms-transform: rotate(140deg) skew(60deg);	transform: rotate(140deg) skew(60deg);}
.csstransforms .opened-nav li:nth-child(7) {	-webkit-transform: rotate(172deg) skew(60deg);	-moz-transform: rotate(172deg) skew(60deg);	-ms-transform: rotate(172deg) skew(60deg);	transform: rotate(172deg) skew(60deg);}
.no-csstransforms .cn-wrapper {	overflow: hidden;	margin: 10em auto;	padding: .5em;	text-align: center;}
.no-csstransforms .cn-wrapper ul {	display: inline-block;}
.no-csstransforms .cn-wrapper li {	float: left;	width: 5em;	height: 5em;	background-color: #fff;	text-align: center;	font-size: 1em;	line-height: 5em;}
.no-csstransforms .cn-wrapper li a {	display: block;	width: 100%;	height: 100%;	color: inherit;	text-decoration: none;}
.no-csstransforms .cn-wrapper li a:hover,
.no-csstransforms .cn-wrapper li a:active,
.no-csstransforms .cn-wrapper li a:focus {	background-color: #f8f8f8;}
.no-csstransforms .cn-wrapper li.active a{	background-color: #6F325C;	color: #fff;}
.no-csstransforms .cn-button {	display: none;}


/* 190517 추가작업 */
.noDataPic{width:50%;margin:0 auto 20px;}
.noDataPic i{font-size:4.0rem;color:#999}

/* 처음사용자용 안내 */
.firstSetForm{padding:0 20px;}
.firstSetForm li{padding:5px 0 10px;position:relative;}
.firstSetForm li:after{display:block;content:'';clear:both;}
.firstSetForm li label.title{font-size:0.9rem;text-align:left;display:block;margin:0 auto 10px;}
.firstSetForm li label.fa-rdiobox{display:inline-block;padding:7px;font-size:0.8rem;border:1px solid #dedede;border-radius:4px;text-align:center;}
.firstSetForm li label.fa-rdiobox span:before{top:8px;left:5px;}
.firstSetForm li label.fa-rdiobox span:after{top:14px;left:11px;}
.firstSetForm li label.fa-rdiobox:last-child{margin-right:0;}
.firstSetForm li label.fa-rdiobox span{vertical-align:middle;}
.firstSetForm li input[type=text], .firstSetForm li input[type=number]{background:#f9f9f9;width:100%;height:40px;line-height:40px;}
.inputSodukCode{cursor:pointer;min-height:56px;display:block;width:48%;float:left;padding:20px 5px 8px;line-height:1.2;text-align:center;margin:1%;font-size:0.8rem;border:1px solid #dedede;border-radius:4px;vertical-align:middle;}

@media only screen and (max-width: 620px) {
	.no-csstransforms li {		width: 4em;		height: 4em;		line-height: 4em;	}
}

@media only screen and (max-width: 500px) {
	.no-ccstransforms .cn-wrapper {		padding: .5em;	}

	.no-csstransforms .cn-wrapper li {		width: 4em;		height: 4em;		font-size: .9em;		line-height: 4em;	}
}

@media only screen and (max-width: 480px) {
	.csstransforms .cn-wrapper {		font-size: 1.0em;	}

	.cn-button {		font-size: 1em;	}
}

@media only screen and (max-width:420px) {
	.no-csstransforms .cn-wrapper li {		width: 100%;		height: 3em;		line-height: 3em;	}
}
/* //190419 테스트용 버튼 메뉴 */

/* iPhone 5- */
@media
only screen and (device-aspect-ratio: 2/3) {
	
}

/* iPhone 5+ */
@media
only screen and (device-aspect-ratio: 40/71) {

}

/* Mobile Device */
@media screen and (max-width : 321px) {
	
}

/* Mobile Device */
@media screen and (max-width : 767px) {
	
}

/* Tablet Device */
@media screen and (min-width : 768px) and (max-width : 991px) {
	
}

/* Desktop Device */
@media screen and (min-width : 992px) {

}

/* iphone x */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
}

/* iPhone XR */
@media only screen 
    and (min-device-width: 414px) 
    and (min-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) { 
	
}

.myBookRemainList li:first-child{padding:0}

/* iPhone 5- */
@media
only screen and (device-aspect-ratio: 2/3) {
	
}

/* iPhone 5+ */
@media
only screen and (device-aspect-ratio: 40/71) {

}

/* Mobile Device */
@media screen and (max-width : 321px) {
	
}

/* Mobile Device */
@media screen and (max-width : 767px) {
	
}

/* Tablet Device */
@media screen and (min-width : 768px) and (max-width : 991px) {
	
}

/* Desktop Device */
@media screen and (min-width : 992px) {

}

/* iphone x */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
}

/* iPhone XR */
@media only screen 
    and (min-device-width: 414px) 
    and (min-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) { 
	
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@ ↑ ↑ ↑ ↑   레이아웃용CSS  ↑ ↑ ↑ ↑@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@ ↓ ↓ ↓ ↓   각종 효과 분리  ↓ ↓ ↓ ↓ @@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* @@@@@@@@@@@@@@ 애니메이션 효과 // 별도관리 블럭 @@@@@@@@@@@@@@ */

.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) both}
.tracking-in-expand2{-webkit-animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) 0.2s both;animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) 0.2s both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}


.fade-in{-webkit-animation:fade-in 1.2s ease-in 0.8s both;animation:fade-in 1.2s ease-in 0.8s both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom .8s 1.5s both;animation:wobble-hor-bottom .8s 1.5s both}
@-webkit-keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}


/* 마우스 오버시 로테이트 애니메이션 // 마우스오버시 addClass rotate-center 처리, 아웃시 removeClass */
.rotate-center{animation:rotate-center .3s ease-in-out forwards}
.rotate-center-reverse{animation:rotate-center-reverse .3s ease-in-out forwards}
@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes rotate-center-reverse{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}

/* 마우스 오버시 우측이동 애니메이션   // 마우스오버시 addClass rotate-right 처리, 아웃시 removeClass*/
.slide-right{animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) forwards}
.slide-right-reverse{animation:slide-right-reverse .5s cubic-bezier(.25,.46,.45,.94) forwards}
@keyframes slide-right{0%{transform:translateX(0)}100%{transform:translateX(20px)}}
@keyframes slide-right-reverse{0%{transform:translateX(20px)}100%{transform:translateX(0)}}


/* 마우스 오버시 스케일업 */
.scale-up-center {-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes scale-up-center {0% {-webkit-transform: scale(0.5);transform: scale(0.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@keyframes scale-up-center {0% {-webkit-transform: scale(0.5);transform: scale(0.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}

/* 마우스 오버시 젤로효과 */
.jello-horizontal{animation:jello-horizontal .5s forwards}
@keyframes jello-horizontal{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}

/* 마우스 오버시 바운스효과 */
.bounce-bottom{animation:bounce-bottom .9s forwards}
@keyframes bounce-bottom{0%{transform:translateY(45px);animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(24px);animation-timing-function:ease-in}65%{transform:translateY(12px);animation-timing-function:ease-in}82%{transform:translateY(6px);animation-timing-function:ease-in}93%{transform:translateY(4px);animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0);animation-timing-function:ease-out}100%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}}

/* 마우스 오버시 펄스 */
.pulsate-bck{animation:pulsate-bck .5s ease-in-out infinite forwards}
@keyframes pulsate-bck{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}

.heartbeat{animation:heartbeat 1.5s ease-in-out infinite forwards}
@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}

.rotate-scale-down{animation:rotate-scale-down .55s linear forwards}
@keyframes rotate-scale-down{0%{transform:scale(1) rotateZ(0)}50%{transform:scale(.5) rotateZ(180deg)}100%{transform:scale(1) rotateZ(360deg)}}

.rotate-vert-center{animation:rotate-vert-center .3s cubic-bezier(.455,.03,.515,.955) both}
@keyframes rotate-vert-center{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}

.tracking-in-expand-fwd{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

/* 테스트용_마우스 오버시 오른쪽에서 왼쪽으로 배경색 슬라이드 // 적용시 기존 영역 안에 span 으로 추가하여 class 삽입*/
.slide-test{position:relative;z-index:2;}
.slide-test:after{content: '';position: absolute;background:rgba(255,255,255,0.1);width: 0;height: 100%;right: 0;top: 0;transition: width 0.3s ease;z-index:-1;}
.slide-test:hover:after{width: 100%;}

.slide-test2{position:relative;z-index:2;}
.slide-test2:after{content: '';position: absolute;background:rgba(96,139,238,0.2);width: 0;height: 100%;right: 0;top: 0;transition: width 0.3s ease;z-index:-1;border-radius:1000px;}
.slide-test2:hover:after{width: 100%;}

/* 190517_그라디언트 코너 */
.roundGradientBorder{border: double 4px transparent;border-radius: 80px;background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);background-origin: border-box;background-clip: content-box, border-box;}

/* 버튼 클릭시 클릭 효과부여 // 적용시 기존 버튼 class 에 rippleripple 만 추가 */
.rippleripple {position: relative;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;text-decoration: none;overflow: hidden;cursor: pointer;}
.rippleripple:after {content: "";background:rgba(255,255,255,0.3);display: block;position: absolute;padding-top: 300%;padding-left: 350%;margin-left: -20px !important;margin-top: -120%;opacity: 0;transition: all 0.8s}
.rippleripple:active:after {padding: 0;margin: 0;opacity: 1;transition: 0s}


/* 라인박스버튼 애니메이션추가 */
/* 사용 예)   // lineBoxBtn 안의 스타일은 변경 가능 // 마우스 오버시 사방형 라인생성 애니메이션
<a href="#" class="lineBoxBtn">
	애니메이션 버튼입니다.
	<span class="t"></span>
	<span class="r"></span>
	<span class="b"></span>
	<span class="l"></span>
</a>
*/
.lineBoxBtn{position:relative;padding:20px 50px;display:inline-block;} 
.lineBoxBtn span.t { position:absolute; display:block; width:0; height:5px; top:0; left:0;background: rgb(0,134,244);background: -moz-linear-gradient(left,  rgb(0,134,244) 0%, rgb(25,170,106) 100%);background: -webkit-linear-gradient(left,  rgb(0,134,244) 0%,rgb(25,170,106) 100%);background: linear-gradient(to right,  rgb(0,134,244) 0%,rgb(25,170,106) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086f4', endColorstr='#19aa6a',GradientType=1 );}
.lineBoxBtn span.r { position:absolute; display:block; width:5px; height:0; top:0; right:0;background: rgb(25,170,106);background: -moz-linear-gradient(top,  rgb(25,170,106) 0%, rgb(250,156,71) 100%);background: -webkit-linear-gradient(top,  rgb(25,170,106) 0%,rgb(250,156,71) 100%);background: linear-gradient(to bottom,  rgb(25,170,106) 0%,rgb(250,156,71) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19aa6a', endColorstr='#fa9c47',GradientType=0 );}
.lineBoxBtn span.b { position:absolute; display:block; width:0; height:5px; bottom:0; right:0;background: rgb(206,70,137);background: -moz-linear-gradient(left,  rgb(206,70,137) 0%, rgb(250,156,71) 100%);background: -webkit-linear-gradient(left,  rgb(206,70,137) 0%,rgb(250,156,71) 100%);background: linear-gradient(to right,  rgb(206,70,137) 0%,rgb(250,156,71) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4689', endColorstr='#fa9c47',GradientType=1 );}
.lineBoxBtn span.l { position:absolute; display:block; width:5px; height:0; bottom:0; left:0;background: rgb(4,133,243);background: -moz-linear-gradient(top,  rgb(4,133,243) 0%, rgb(206,70,137) 100%);background: -webkit-linear-gradient(top,  rgb(4,133,243) 0%,rgb(206,70,137) 100%);background: linear-gradient(to bottom,  rgb(4,133,243) 0%,rgb(206,70,137) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0485f3', endColorstr='#ce4689',GradientType=0 );}
.lineBoxBtn:hover > span.t, .lineBoxBtn:focus > span.t { width:0; height:5px;animation-name: span-t;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-t {0% { width:0;}100% { width:100%;}}
.lineBoxBtn:hover > span.r, .lineBoxBtn:focus > span.r { width:5px; height:0;animation-name: span-r;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-r {0% { height:0;}100% { height:100%;}}
.lineBoxBtn:hover > span.b, .lineBoxBtn:focus > span.b {width:0; height:5px;animation-name: span-b;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-b {0% { width:0;}100% { width:100%;}}
.lineBoxBtn:hover > span.l, .lineBoxBtn:focus > span.l { width:5px; height:0;animation-name: span-l;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-l {0% { height:0;}100% { height:100%;}}

.lineBoxWhtBtn{position:relative;display:inline-block;z-index:5} 
.lineBoxWhtBtn span.t { position:absolute; display:block; width:0; height:2px; top:0; left:0;background: #fff;z-index:5}
.lineBoxWhtBtn span.r { position:absolute; display:block; width:2px; height:0; top:0; right:0;background:#fff;z-index:5}
.lineBoxWhtBtn span.b { position:absolute; display:block; width:0; height:2px; bottom:0; right:0;background:#fff;z-index:5}
.lineBoxWhtBtn span.l { position:absolute; display:block; width:2px; height:0; bottom:0; left:0;background:#fff;z-index:5}
.lineBoxWhtBtn:hover > span.t, .lineBoxWhtBtn:focus > span.t { width:0; height:2px;animation-name: span-t;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-t {0% { width:0;}100% { width:100%;}}
.lineBoxWhtBtn:hover > span.r, .lineBoxBtn:focus > span.r { width:2px; height:0;animation-name: span-r;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-r {0% { height:0;}100% { height:100%;}}
.lineBoxWhtBtn:hover > span.b, .lineBoxBtn:focus > span.b {width:0; height:2px;animation-name: span-b;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-b {0% { width:0;}100% { width:100%;}}
.lineBoxWhtBtn:hover > span.l, .lineBoxBtn:focus > span.l { width:2px; height:0;animation-name: span-l;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-l {0% { height:0;}100% { height:100%;}}

/* 포인트강조 */
/* 시선집중 시키고 싶은 영역에 적용, 우측 상단에 반짝이는 붉은점 생성
	<div class="notifyAction"><span class="ani_heartbit"></span><span class="notiPoint"></span></div> 형식으로 사용
*/
.notifyAction {position: relative;right: -8px;top: -10px;}
.notifyAction .ani_heartbit {animation-name: ani_heartbit;animation-duration: 1s;animation-timing-function: ease-out;animation-iteration-count:infinite;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
border: 5px solid #f00000;border-radius: 70px;height: 25px;position: absolute;right: -4px;top: -20px;width: 25px;	z-index: 10;}
.notifyAction .notiPoint {background-color: #f00000;border-radius: 1000px;height: 5px;position: absolute;	right: 6px;top: -10px;width: 5px;}
@keyframes ani_heartbit {0% {opacity: 0;transform: scale(0);}25% {opacity: 0.1;transform: scale(0.1);}50% {opacity: 0.3;transform: scale(0.5);}75% {opacity: 0.5;transform: scale(0.8);}100% {opacity: 0;transform: scale(1);}}

/* CSS 스위치 */
/* <label class="switchBtn"><input type="checkbox" checked=""><span class="switchBtn-indicator"></span></label> */
.switchBtn {position:relative;top:-2px;font-weight: 300;letter-spacing: 0;margin-bottom: 0;line-height: 29px;cursor: pointer;white-space: nowrap;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn input {display: none;}
.switchBtn-indicator {position: relative;display: inline-block;width: 35px;height: 10px;background: #e3e4e5;border-radius: 20px;vertical-align: middle;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn input:checked ~ .switchBtn-indicator {background: #528fea;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}/* CDEAFD    // after 398bf7*/
.switchBtn input:checked ~ .switchBtn-indicator::after {background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;left: calc(100% - 18px);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn-indicator::after {content: '';display: block;position: absolute;left: 0px;width: 20px;height: 20px;cursor: inherit;background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

.switchBtnMin {position:relative;top:-2px;font-weight: 300;letter-spacing: 0;margin-bottom: 0;line-height: 29px;cursor: pointer;white-space: nowrap;transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}
.switchBtnMin input {display: none;}
.switchBtnMin-indicator {position: relative;display: inline-block;width: 26px;height: 6px;background: #e3e4e5;border-radius: 20px;vertical-align: middle;transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.switchBtnMin input:checked ~ .switchBtnMin-indicator {background: #528fea;transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}/* CDEAFD    // after 398bf7*/
.switchBtnMin input:checked ~ .switchBtnMin-indicator::after {background: #fff;border-radius: 50%;top: -4px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;left: calc(100% - 15px);transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.switchBtnMin-indicator::after {content: '';display: block;position: absolute;left: 0px;width: 15px;height: 15px;cursor: inherit;background: #fff;border-radius: 50%;top: -4px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}



/* @@@@@@@@@@@@@@ // 애니메이션 효과   @@@@@@@@@@@@@@ */



/* @@@@@@@@@@@@@@ 폰트어썸 효과 @@@@@@@@@@@@@@ */

/* 폰트어썸 Checkbox */
/* <label class="fa-ckbox"><input type="checkbox"><span>Adidas</span></label> */
.fa-ckbox { font-weight: normal; position: relative; display: inline-block; line-height: 18px;cursor:pointer;height:18px;}
.fa-ckbox span { padding-left: 6px;}
.fa-ckbox span:empty { float: left;}
.fa-ckbox span:before, .fa-ckbox span:after { line-height: 18px; position: absolute;}
.fa-ckbox span:before { content: ''; width: 16px; height: 16px; background-color: #fff; border: 1px solid #adb5bd; border-radius: 2px; top: 1px; left: 0;}
.fa-ckbox span:after { top: 1px; left: 0; width: 18px; height: 18px; content: '\f00c'; font-family: 'FontAwesome'; font-size: 9px; text-align: center; color: #fff; background-color: #5063be; line-height: 17px; border-radius: 2px; display: none;}
.fa-ckbox input[type='checkbox'] { opacity: 0; margin: 0 5px 0 0;}
.fa-ckbox input[type='checkbox']:checked + span:after { display: block;}
.fa-ckbox input[type='checkbox'][disabled] + span,
.fa-ckbox input[type='checkbox'][disabled] + span:before,
.fa-ckbox input[type='checkbox'][disabled] + span:after { background:#dedede;}

/* 폰트어썸 Radio Box */
/* <label class="fa-rdiobox"><input name="rdio" type="radio"><span>Radio Unchecked</span></label> */
.fa-rdiobox {font-weight: normal;position: relative;display: inline-block;line-height: 18px;cursor:pointer;}
.fa-rdiobox span {padding-left: 6px;}
.fa-rdiobox span:before, .fa-rdiobox span:after {line-height: 18px; position: absolute;}
.fa-rdiobox span:before { content: ''; width: 16px; height: 16px; background-color: #fff; border: 1px solid #adb5bd; border-radius: 50px; top: 2px; left: 0;}
.fa-rdiobox span:after { content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50px; top: 8px; left: 6px; display: none;}
.fa-rdiobox input[type='radio'] { opacity: 0; margin: 0 2px 0 0;}
.fa-rdiobox input[type='radio']:checked + span:before { border-color: transparent; background-color: #5063be;}
.fa-rdiobox input[type='radio']:checked + span:after {  display: block;}
.fa-rdiobox input[type='radio'][disabled] + span,
.fa-rdiobox input[type='radio'][disabled] + span:before,
.fa-rdiobox input[type='radio'][disabled] + span:after {  opacity: .75;}

/* @@@@@@@@@@@@@@ // 폰트어썸 효과  @@@@@@@@@@@@@@ */