@charset "utf-8";

body.login{background:#f7f7f7 url(/images/cms/login/bg_body.jpg) center bottom no-repeat;background-size:cover;overflow:hidden;}
body.login h1{position:absolute;right:40px;top:20px;}

.loginWrap{position:absolute;top:210px;left:50%;margin-left:-175px;width:350px;padding:35px;text-align:center;background-color:rgba(41,49,92,0.32);border-radius:15px;border:1px solid rgba(255,255,255,0.5);box-shadow:0 8px 15px rgba(36,48,89,0.5);box-sizing:border-box;font-family: 'Binggrae';}
.loginWrap h2{font-size:20px;color:#fff;font-weight:600;margin-bottom:30px;font-family: 'Binggrae';}
.loginWrap span{font-size:0.9em;color:#fff;}
.loginWrap form input[type='text'],
.loginWrap form input[type='password']{width:100%;height:40px;padding:0 20px 0 35px;color:#fff;border:1px #fff solid;border-radius:20px;background-color:rgba(255,255,255,0.15) !important;box-sizing:border-box; position:relative; font-size:16px;font-family:'Malgun Gothic','sans-serif','Dotum';}

.loginWrap div[class^="input-"] input:-webkit-autofill{-webkit-box-shadow: 0 0 0 30px rgba(255,255,255,0.15) inset ; -webkit-text-fill-color: #fff;}
.loginWrap div[class^="input-"] input:-webkit-autofill,
.loginWrap div[class^="input-"] input:-webkit-autofill:hover,
.loginWrap div[class^="input-"] input:-webkit-autofill:focus,
.loginWrap div[class^="input-"] input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

.loginWrap .input-id,
.loginWrap .input-pw{position:relative;margin-bottom:8px;}
.loginWrap .input-id:after,
.loginWrap .input-pw:after{display:block;content:'';width:16px;height:17px; position:absolute;left:15px;top:50%;margin-top:-9px;z-index:10;}
.loginWrap .input-id:after{background:url(/images/cms/login/id_icon.png) center center no-repeat;}
.loginWrap .input-pw:after{background:url(/images/cms/login/pwd_icon.png) center center no-repeat;}
.loginWrap form input[type='submit']{width:100%;height:40px;font-size:1.05em;font-weight:bold;color:#fff;text-align:center;background:#3e3d55;border-radius:20px;border:none;font-family: 'Binggrae';}
.loginWrap form input::placeholder{color:#fff;font-size:14px;}
.loginWrap .id-save{text-align:center;font-size:12px;color:#fff;padding:15px 0; line-height:14px;}
.loginWrap .id-save input{border:none;}
.loginWrap .guide{font-size:12px;color:#fff;text-align:center; white-space:nowrap;margin-left:-8px;}
.loginWrap .guide2{font-size:12px;color:red;font-weight:600; margin-top:20px;}

.login .obj{position:absolute;}
.login .obj img{max-width:100%;}
.login .cloud1{left:60%;top:80px;opacity:0.7;opacity:0;animation:cloudMotion1 90s infinite;}
.login .cloud2{left:30%;top:40px;opacity:0.7;animation:cloudMotion2 70s infinite;}
.login .cloud3{left:10%;top:40px;opacity:0.7;animation:cloudMotion3 90s infinite;}
.login .char1{left:calc(50% + 190px);bottom:280px;opacity:0.7;animation:charMotion 3s infinite;}
.login .char2{left:calc(50% + 300px);bottom:135px;opacity:0.6;animation:charMotion 3s 1s infinite;}
.login .mark{left:calc(50% - 860px);bottom:546px;opacity:0.3;animation:markMotion 10s infinite;}
.login .butterfly{left:calc(50% - 660px);bottom:90px;opacity:0.6;animation:butterflyMotion 3s infinite;width:220px;}


@keyframes cloudMotion1{
	0 {left:60%;}
	40% {}
	50% { opacity:0.7;}
	84% { left:-20%; opacity:0;}
	85% { left:70%; opacity:0;}
	100% { left:60%; opacity:0.7;}
}
@keyframes cloudMotion2{
	0 {left:30%;}
	45% {opacity:0.7; }
	60% { left:-30%; opacity:0;}
	61% { left:65%; opacity:0;}
	80% { left:40%; opacity:0.7;}
	100% { left:30%;}
}
@keyframes cloudMotion3{
	0 {left:10%;}
	20% {opacity:0.7;}
	30% { left:-35%;opacity:0.5;}
	31% { left:-35%;opacity:0;}
	42% { left:50%;opacity:0;}
	52% { opacity:0.7;}
	100% { left:10%;}
}
@keyframes charMotion{
	0 {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(0px);}
}
@keyframes markMotion{
	0 {}
	40% {opacity:0.3}
	50% {opacity:0}
	65% {opacity:0}
	80% {opacity:0.3}
	100% {}
}
@keyframes butterflyMotion{
	0 {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(0px);}
}


/* Login 20200716 */
/* 로그인 변경 후 아래꺼 주석
.loginWrap{position:absolute;top:200px;left:50%;margin-left:-345px;width:690px;padding:40px 90px;text-align:center;background:#fff;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,0.2);box-sizing:border-box;}
.loginWrap h1{font-size:2.5em;font-weight:bold;color:#777;letter-spacing:-1px;margin-bottom:10px;}
.loginWrap h1 b{color:#219e2b;}
.loginWrap span{font-size:0.9em;color:#aaa;}
.loginWrap form{display:block;padding:20px 50px;}
.loginWrap form input[type='text'],
.loginWrap form input[type='password']{margin-bottom:10px;width:100%;height:53px;padding:0 20px 0 35px;color:#222;border:1px #e6e8e8 solid;border-radius:5px;box-sizing:border-box;}
.loginWrap form input[type='text']{background:#eaeaea url(/images/cms/dashboard/login_icon.png) 15px center no-repeat;}
.loginWrap form input[type='password']{background:#eaeaea url(/images/cms/dashboard/pwd_icon.png) 15px center no-repeat;}
.loginWrap form input[type='submit']{width:100%;height:53px;font-size:1.05em;font-weight:bold;color:#fff;text-align:center;background:#009c42;border:1px #009c42 solid;border-radius:5px;}
.loginWrap form input::placeholder{color:#555;font-size:14px;}
.loginWrap form > div{display:block;margin-top:10px;text-align:left;font-size:14px;color:#555;}
.loginWrap > p{padding:20px 0;border-top:1px solid #d7d9d9;font-size:14px;color:#555;}
*/

/* 로그인 변경 예정 */
/* .loginWrap{position:absolute;top:200px;left:50%;margin-left:-345px;width:690px;padding:40px 90px;text-align:center;background:#fff;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,0.2);box-sizing:border-box;}
.login-header{position:fixed;top:0;left:0;right:0; padding:10px 30px;height:45px; background-color:rgba(0,0,0,0.3);}
.login-header h1{position:absolute;right:40px;top:10px;}
.login-header h1 img{height:45px;}
.login-header h2{position:absolute;left:40px;top:10px;line-height:45px;font-size:22px;letter-spacing:-1px;color:#fff;}
.loginWrap span{font-size:0.9em;color:#aaa;}
.loginWrap form{display:block;padding:50px 50px 20px;}
.loginWrap form input[type='text'],
.loginWrap form input[type='password']{margin-bottom:10px;width:100%;height:53px;padding:0 20px 0 35px;color:#222;border:none;border-radius:5px;box-sizing:border-box;font-size:16px;}
.loginWrap form input[type='text']{background:#fff url(/images/cms/dashboard/login_icon.png) 15px center no-repeat;}
.loginWrap form input[type='password']{background:#fff url(/images/cms/dashboard/pwd_icon.png) 15px center no-repeat;}
.loginWrap form input[type='submit']{width:100%;height:53px;font-size:1.05em;font-weight:bold;color:#fff;text-align:center;background-color:#5e7373;border:none;border-radius:5px;}
.loginWrap form input[type='submit']:hover{background-color:#455555;}
.loginWrap form input::placeholder{color:#555;font-size:14px;}
.loginWrap form input[type='text'],
.loginWrap form input[type='password'],
.loginWrap form input[type='submit']{box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.loginWrap form > div{display:block;margin-top:10px;text-align:left;font-size:16px;color:#222;}
.loginWrap > p{padding:20px 0;border-top:1px solid #d7d9d9;font-size:16px;color:#222; line-height:1.5em;} */
/* //Login 20200716 */

/* List */
.thumbImg{display:block;position:relative;text-align:center;background:#eaeaea /*url(/images/cms/noimage.png) center center*/;border:1px #ddd solid;vertical-align:middle;}
.thumbImg img{max-width:100%;max-height:100%;vertical-align:middle;}
.thumbImg.add{text-indent:-9999em;background:#fff url(/images/cms/noimage_add.png) center center;}
.thumbList{display:block;}
.thumbList > li{position:relative;display:block;float:left;margin:0 20px 20px 0;width:200px;}
.thumbList > li .thumbImg{margin-bottom:10px;width:200px;height:150px;line-height:150px;}
.thumbList > li .thumbImg + *{margin-top:15px;}
.thumbList > li .desc{height:60px;text-align:center;}
.thumbList > li .subject{display:block;margin-bottom:5px;font-size:14px;font-weight:bold;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.thumbList > li .btnArea{margin-top:10px;}
.thumbList > li .btnArea img{height:13px;}
table.list td .thumbImg{width:100%;height:50px;line-height:50px;background-size:auto 200px;}

.layoutTypeList{display:block;}
.layoutTypeList:after{display:block;content:'';clear:both;}
.layoutTypeList li{display:block;float:left;margin-right:10px;width:120px;text-align:center;}
.layoutTypeList li .thumbImg{display:block;margin:0 auto;width:100px;height:100px;text-indent:-9999px;background-image:url(/images/cms/img_templateType.png);background-repeat:no-repeat;background-size:auto 100%;}
.layoutTypeList li .thumbImg.type1{background-position: 0 0;}
.layoutTypeList li .thumbImg.type2{background-position:-100px 0;}
.layoutTypeList li .thumbImg.type3{background-position:-200px 0;}

.thumbList.template > li{margin:0 20px 30px 0;width:160px;}
.thumbList.template > li .thumbImg{width:160px;height:120px;line-height:120px;}
.thumbList.template > li .thumbImg.add{background:#fff url(/images/cms/noimage_add.png) center center;background-size:200px auto;}
.thumbList.template > li .desc.add{font-size:11px;text-indent:0;text-align:left;line-height:160%;}

.editorBox{position:relative;overflow:hidden;}
.editorBox .editorTemplate{position:absolute;top:0;bottom:0;right:-122px;width:120px;background:rgba(255,255,255,0.8);border:1px #ccc solid;box-sizing:border-box;z-index:1;box-shadow:0 -2px 4px rgba(0,0,0,0.1);transition-duration:0.3s;}
.editorBox .editorTemplate:after{display:block;content:'템플릿 >';position:absolute;top:50%;right:80px;margin-top:-15px;width:60px;height:30px;line-height:30px;text-align:right;opacity:0;transition-duration:0.3s;}
.editorBox .editorTemplate:hover:after{right:135px;opacity:1;}
.editorBox .editorTemplate .btn_templateToggle{display:block;position:absolute;top:50%;right:120px;margin-top:-25px;width:9px;height:50px;text-indent:-9999em;background:#9c9c9c url(/images/cms/btn_asideToggle.png) no-repeat center center;z-index:10;}
.editorBox .editorTemplate.active{right:0;}
.editorBox .editorTemplate.active:hover:after{display:none;}
.editorBox .editorTemplate > ul{display:block;position:absolute;top:0;left:0;bottom:0;right:0;overflow-y:auto;}
.editorBox .editorTemplate > ul > li{display:block;margin:10px auto;width:60px;}
.editorBox .editorTemplate > ul > li > a{display:block;}
.editorBox .editorTemplate > ul > li > a > img{width:60px;height:60px;}

.inputText > td > input::placeholder{color:#c8c8c8;}

#modal_contentForm.modalWrap{margin-left:-550px;width:1100px;}


/* 대쉬보드 20200716 */
.dashboard{padding:30px;min-height:770px;font-size:15px;/*letter-spacing:-1px;*/font-family: 'Binggrae';}
.dashboard .divGroup{margin:-10px;clear:both;}
.dashboard .divGroup:after{display:block;content:'';clear:both;}
.dashboard .divGroup > div{padding:10px;}
.dashboard .dbItem{min-height:150px;border:1px #ddd solid;/*border-top:1px #636363 solid;*/}
.dashboard .dbTitle{padding:0 20px;height:40px;line-height:40px;background:#1c9fad/*rgba(59,128,224,0.09);*//*#f1f2f4*/;box-sizing:border-box;margin:-1px -1px 0 -1px;}
.dashboard .dbTitle h5{display:inline;font-size:17px;font-family: 'Binggrae';color:#fff;}
.dashboard .dbTitle a{float:right;}
.dashboard .dbTitle a.btn_refresh{display:inline-block;margin-top:10px;width:25px;height:20px;text-indent:-9999px;background:url(/images/cms/dashboard/icon_refresh.png) no-repeat center;}
.dashboard .dbTitle a.btn_more{display:inline-block;margin-top:10px;width:25px;height:20px;text-indent:-9999px;background:url(/images/cms/dashboard/icon_more.png) no-repeat center;}
.dashboard .dbContent{padding:15px 20px;box-sizing:border-box;overflow-y:auto;background:#fff;}
.dashboard .dbContent .tableBox{position:relative;margin:0;}
.dashboard .dbContent .tableBox:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background:#fff;z-index:1;}
.dashboard .dbContent .tableBox table{font-size:15px;border-left:0px none;border-top:1px #3e3e3e solid;}
.dashboard .dbContent .tableBox table th,
.dashboard .dbContent .tableBox table td{padding:8px 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family: 'Binggrae'; font-size:14px;}
.dashboard .dbContent .tableBox table td.red{color:#e12304;}
.dashboard .dbContent .tableBox table td.blue{color:#1867d5;}
.dashboard .dbContent .tableBox table.list tbody th,
.dashboard .dbContent .tableBox table.list thead{background:none;}
.dashboard.system{padding:30px;background:#fff;}/* 20200820 수정 */
.dashboard div.left{position:absolute;left:30px;width:360px;}
.dashboard div.left .dbItem{margin-bottom:20px;}
.dashboard div.left .dbTitle{margin:0 20px;padding:0;background:none;border-bottom:1px #e0e0e0 solid;}
.dashboard .right{margin-left:380px;}/* 20200820 수정 */
.dashboard ul.tabBar{display:block;margin-bottom:20px;border-top:1px #ddd solid;border-left:1px #ddd solid;}
.dashboard ul.tabBar:after{display:block;content:'';clear:both;}
.dashboard ul.tabBar > li{display:block;float:left;width:14.2857%;border-bottom:1px #ddd solid;border-right:1px #ddd solid;box-sizing:border-box;}
.dashboard ul.tabBar > li > a{display:block;height:38px;line-height:38px;text-align:center;background:#f6fafe;}
.dashboard ul.tabBar > li.active > a{color:#fff;background:#007d8b;margin:-1px;line-height:40px;height:40px;}

.c3-chart-arc.c3-target text{display:none !important;}
.highcharts-map-navigation{display:none !important;}

.dashboard.system .dbItem1 .dbContent{position:relative;padding:15px 0;}/* 20200820 수정 */
.dashboard.system .dbItem1 .dbContent:after{display:block;content:'';position:absolute;top:15px;bottom:15px;left:50%;border-right:1px #d4d4d4 solid;}
.dashboard.system .dbItem1 .dbContent p{font-size:12px;text-align:center;}
.dashboard.system .dbItem1 .dbContent em{display:inline-block;width:10px;height:10px;background:#dee2e6;vertical-align:middle;}
.dashboard.system .dbItem1 .dbContent .chartWrap{position:relative;}
.dashboard.system .dbItem1 .dbContent .chartWrap b{display:block;position:absolute;top:50%;left:0;right:0;margin-top:-18px;font-size:20px;line-height:30px;text-align:center;z-index:1;}
.dashboard.system .dbItem1 .dbContent .chartWrap > div{margin:0 auto;width:120px;height:150px;}
.dashboard.system .dbItem1 .dbContent .chartWrap1 b{/*color:#219d5a;*/color:#f98e93;}
.dashboard.system .dbItem1 .dbContent .chartWrap2 b{color:#fccb00;}
.dashboard.system .dbItem1 .divGroup{margin:0;}
.dashboard.system .dbItem1 .divGroup > div{padding:10px 20px;}

.dashboard.system .dbItem2 .dbContent ul{display:block;margin:0 5px;}
.dashboard.system .dbItem2 .dbContent ul li{display:block;position:relative;margin:10px 0;padding-left:9px;}
.dashboard.system .dbItem2 .dbContent ul li:after{display:block;content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:#333;}
.dashboard.system .dbItem3 .dbContent .chartWrap3 > div{height:160px;}
.dashboard.system .dbItem3 .dbContent .chartWrap3 path.c3-bar-0{stroke:#3b80e0 !important;fill:#3b80e0 !important;}
.dashboard.system .dbItem3 .dbContent .chartWrap3 path.c3-bar-1{stroke:#5abe88 !important;fill:#5abe88 !important;}
.dashboard.system .dbItem3 .dbContent .chartWrap3 path.c3-bar-2{stroke:#e8b71a !important;fill:#e8b71a !important;}
.dashboard.system .dbItem3 .dbContent .chartWrap3 path.c3-bar-3{stroke:#f46800 !important;fill:#f46800 !important;}
.dashboard.system .dbItem3 .dbContent .chartWrap3 text.c3-text,
.dashboard.system .dbItem3 .dbContent .chartWrap3 .c3-axis-x text > tspan{font-size:12px !important;fill:#333 !important;}
.dashboard.system .dbItem4 .dbContent ul{display:block;position:relative;margin:0 5px;height:260px;}
.dashboard.system .dbItem4 .dbContent ul li{display:block;position:relative;float:left;padding:0 10px;width:60%;height:52px;line-height:52px;text-align:right;border-bottom:1px #eee solid;border-right:1px #eee solid;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;}
.dashboard.system .dbItem4 .dbContent ul li.even{width:40%;border-right:none;}
.dashboard.system .dbItem4 .dbContent ul:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background:#fff;z-index:1;}
.dashboard.system .dbItem4 .dbContent ul:before{display:block;content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;z-index:1;}
.dashboard.system .dbItem4 .dbContent ul li .title{display:block;position:absolute;top:0;left:10px;right:60px;color:#555;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dashboard.system .dbItem4 .dbContent ul li .title.icon1{padding-left:30px;background:url(/images/cms/dashboard/icon_sns1.png) no-repeat left center;}
.dashboard.system .dbItem4 .dbContent ul li .title.icon2{padding-left:30px;background:url(/images/cms/dashboard/icon_sns2.png) no-repeat left center;}
.dashboard.system .dbItem4 .dbContent ul li .title.icon3{padding-left:30px;background:url(/images/cms/dashboard/icon_sns3.png) no-repeat left center;}
.dashboard.system .dbItem4 .dbContent ul li .title.icon4{padding-left:30px;background:url(/images/cms/dashboard/icon_sns4.png) no-repeat left center;}
.dashboard.system .dbItem4 .dbContent ul li .title.icon5{padding-left:30px;background:url(/images/cms/dashboard/icon_sns5.png) no-repeat left center;}
.dashboard.system .dbItem4 .dbContent ul li .title.iconPrint{padding-left:30px;background:url(/images/cms/dashboard/icon_print.png) no-repeat left center;}

.dashboard.system .dbItem4 .dbContent ul li .num{font-size:16px;font-weight:600;}

.dashboard.system .dbItem4-1 .dbContent ul{position:relative;display:flex;box-sizing:border-box;padding:10px 0;}
.dashboard.system .dbItem4-1 .dbContent ul li{position:relative;padding:10px 10px;width:8%;text-align:center;box-sizing:border-box;}
.dashboard.system .dbItem4-1 .dbContent ul li.even{width:12%;}
.dashboard.system .dbItem4-1 .dbContent ul li + li{border-left:1px #eee solid;}
.dashboard.system .dbItem4-1 .dbContent ul li .title{display:block; color:#555; min-height:30px; line-height:30px; margin-bottom:10px;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title{display:flex;justify-content:center;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title:before{display:inline-block;width:30px;height:30px;content:''; margin-right:5px; vertocal-align:middle;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title.icon1:before{background:url(/images/cms/dashboard/icon_sns1.png) no-repeat left center;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title.icon2:before{background:url(/images/cms/dashboard/icon_sns2.png) no-repeat left center;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title.icon3:before{background:url(/images/cms/dashboard/icon_sns3.png) no-repeat left center;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title.icon4:before{background:url(/images/cms/dashboard/icon_sns4.png) no-repeat left center;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title.icon5:before{background:url(/images/cms/dashboard/icon_sns5.png) no-repeat left center;}
.dashboard.system .dbItem4-1 .dbContent ul li.even .title.iconPrint:before{background:url(/images/cms/dashboard/icon_print.png) no-repeat left center;}
.dashboard.system .dbItem4-1 .dbContent ul li .num{font-size:18px;font-weight:600;}

.dashboard.system .dbItem8 .dbContent ul{display:block;position:relative;}
.dashboard.system .dbItem8 .dbContent ul:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;z-index:1;}
.dashboard.system .dbItem8 .dbContent ul li{display:block;padding:10px 0 10px 5px;font-size:15px;border-bottom:1px #e0e0e0 solid;background-size:auto 50% !important;}
.dashboard.system .dbItem8 .dbContent ul li b{font-size:19px;}
/* .dashboard.system .dbItem8 .dbContent ul li.item1{background:url(/images/cms/dashboard/icon_status1.png) no-repeat 5px center;} */
.dashboard.system .dbItem8 .dbContent ul li.item1 b{color:#196bdd;}
/* .dashboard.system .dbItem8 .dbContent ul li.item2{background:url(/images/cms/dashboard/icon_status2.png) no-repeat 5px center;} */
.dashboard.system .dbItem8 .dbContent ul li.item2 b{color:#0db058;}
/* .dashboard.system .dbItem8 .dbContent ul li.item3{background:url(/images/cms/dashboard/icon_status3.png) no-repeat 5px center;} */
.dashboard.system .dbItem8 .dbContent ul li.item3 b{color:#ff6d00;}

.genderChart{position:relative;}
.genderChart:after{display:block;content:'';clear:both;}
.genderChart > div{position:absolute;top:0;bottom:0;padding:30px 0;width:50%;box-sizing:border-box;}
.genderChart > div .gauge{position:absolute;top:30px;bottom:30px;left:10px;right:10px;background:#f3f3f3;/*border-bottom:1px #ccc solid;*/}
.genderChart > div .gauge:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;}
.genderChart > div .gauge:before{display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:#fff;z-index:3;}
.genderChart > div .gauge > .bar{position:absolute;bottom:0;left:0;right:0;height:0;transition-duration:0.5s;z-index:1;}
.genderChart > div .value{position:absolute;top:0;left:50%;margin-left:-25px;width:50px;line-height:20px;text-align:center;border-radius:10px;}
.genderChart > div .label{position:absolute;bottom:0;left:0;right:0;line-height:30px;text-align:center;}
.genderChart > div.man{left:0;}
.genderChart > div.man .value{color:#ff5988;border:1px #ff5988 solid;}
.genderChart > div.man .gauge:after{background:url(/images/cms/dashboard/img_genderMask_man.png) no-repeat center;background-size:100% 100%;}
.genderChart > div.man .gauge > .bar{background:#ff5988/*#2fc4cb*/;}
.genderChart > div.woman{right:0;}
.genderChart > div.woman .value{color:#46a1ff;border:1px #46a1ff solid;}
.genderChart > div.woman .gauge:after{background:url(/images/cms/dashboard/img_genderMask_woman.png) no-repeat center;background-size:100% 100%;}
.genderChart > div.woman .gauge > .bar{background:#46a1ff/*#f46800*/;}

.dashboard.status .dbItem2 .dbContent{padding-top:15px;}
.dashboard.status .dbItem3 .dbContent{padding-top:15px;}
.dashboard.status .dbItem3 .dbContent ul.tabBar{position:relative;border:0px none;}
.dashboard.status .dbItem3 .dbContent ul.tabBar:before{display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:#fff;z-index:1;}
.dashboard.status .dbItem3 .dbContent ul.tabBar:after{display:block;content:'';clear:both;}
.dashboard.status .dbItem3 .dbContent ul.tabBar > li{position:relative;padding:0 15px;width:auto;border:0px none;}
.dashboard.status .dbItem3 .dbContent ul.tabBar > li:before{display:block;content:'';position:absolute;top:4px;bottom:4px;left:0;border-left:1px #ccc solid;}
.dashboard.status .dbItem3 .dbContent ul.tabBar > li > a{position:relative;height:auto;color:#343434;line-height:inherit;background:none;}
.dashboard.status .dbItem3 .dbContent ul.tabBar > li.active > a{font-weight:bold;color:#1c9fad;}
.dashboard.status .dbItem3 .dbContent ul.tabBar > li.active > a:after{display:block;content:'';position:absolute;bottom:-5px;left:0;right:-2px;border-bottom:2px #1c9fad solid;}
.dashboard.status .dbItem3 .dbContent text.c3-text,
.dashboard.status .dbItem3 .dbContent .c3-axis-y text > tspan,
.dashboard.status .dbItem3 .dbContent .c3-axis-x text > tspan{font-size:12px;fill:#000 !important;}
.dashboard.status .dbItem4 .dbContent{padding-top:15px;}
.dashboard.status .dbItem4 .dbContent text.c3-text,
.dashboard.status .dbItem4 .dbContent .c3-axis-y text > tspan,
.dashboard.status .dbItem4 .dbContent .c3-axis-x text > tspan{font-size:11px;fill:#000 !important;}
.dashboard.status .dbItem5 .dbContent ul{display:block;position:relative;margin-top:40px;font-size:14px;}
.dashboard.status .dbItem5 .dbContent ul:after{display:block;content:'';clear:both;}
.dashboard.status .dbItem5 .dbContent ul:before{display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:#fff;z-index:1;}
.dashboard.status .dbItem5 .dbContent ul > li{display:block;position:relative;float:left;width:16.6666%;text-align:center;}
.dashboard.status .dbItem5 .dbContent ul > li:before{display:block;content:'';position:absolute;top:10px;left:0;height:110px;border-left:1px #e3e3e3 solid;}
.dashboard.status .dbItem5 .dbContent ul > li .value{display:block;margin:0 auto 15px;width:90px;height:90px;font-size:16px;color:#fff;line-height:90px;text-align:center;border-radius:50%;}
/*.dashboard.status .dbItem5 .dbContent ul > li.even .value{background:#219e2b;}*/
.dashboard.status .dbItem5 .dbContent ul > li:nth-child(1) .value{background-color:#becb2f;}
.dashboard.status .dbItem5 .dbContent ul > li:nth-child(2) .value{background-color:#f1913c;}
.dashboard.status .dbItem5 .dbContent ul > li:nth-child(3) .value{background-color:#62de8e;}
.dashboard.status .dbItem5 .dbContent ul > li:nth-child(4) .value{background-color:#2fc4cb;}
.dashboard.status .dbItem5 .dbContent ul > li:nth-child(5) .value{background-color:#a6a9f4;}
.dashboard.status .dbItem5 .dbContent ul > li:nth-child(6) .value{background-color:#eface5;}
/* //대쉬보드 20200716 */

/* 메인 대쉬보드 */
.bottomQuick{padding:20px 0;}
.bottomQuick .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.bottomQuick .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.bottomQuick .slick-list:focus{outline:none;}
.bottomQuick .slick-list.dragging{cursor:pointer;}
.bottomQuick .slick-slider .slick-track,
.bottomQuick .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.bottomQuick .slick-track{position:relative;top:0;left:0;display:block;}
.bottomQuick .slick-track:before,.slick-track:after{display:table;content:'';}
.bottomQuick .slick-track:after{clear:both;}
.bottomQuick .slick-loading .slick-track{visibility:hidden;}
.bottomQuick .slick-slide{display:none;float:left;height:100%;min-height:1px;box-sizing:border-box;border:solid 1px #d7d7d7;margin:10px;}
.bottomQuick .slick-slide img{display:block;width:100%;}
.bottomQuick .slick-slide.slick-loading img{display:none;}
.bottomQuick .slick-initialized .slick-slide{display:block;}
.bottomQuick .slick-loading .slick-slide{visibility:hidden;}
.bottomQuick .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.bottomQuick .slick-arrow.slick-hidden{display:none;}
.bottomQuick .slick-prev{position:absolute;top:50%;left:0;margin-top:-25px;width:50px;height:50px;text-indent:-9999px;background:#fff url(/images/cms/button/btn_slick_prev.png) no-repeat center;z-index:1;}
.bottomQuick .slick-next{position:absolute;top:50%;right:0;margin-top:-25px;width:50px;height:50px;text-indent:-9999px;background:#fff url(/images/cms/button/btn_slick_next.png) no-repeat center;z-index:1;}
.bottomQuick .slick-dots{display:block;position:absolute;bottom:10px;left:0;right:0;text-align:center;}
.bottomQuick .slick-dots li{display:inline-block;}
.bottomQuick .slick-dots li button{display:inline-block;margin:0 5px;width:15px;height:15px;background:none;border:1px #111 solid;text-indent:-9999em;border-radius:50%;}
.bottomQuick .slick-dots li.slick-active button{background:#111;}
/* .bottomQuick ul{}
.bottomQuick ul:after{display:block;content:'';clear:both;}
.bottomQuick ul li{display:block;float:left;margin:3px 10px 3px 0;border:1px solid #d7d7d7;background:#eaf1fd;}
.bottomQuick ul li a{display:table;width:155px;height:70px;text-align:center;font-size:14px;letter-spacing:-1px;}
.bottomQuick ul li a span{display:table-cell;vertical-align:middle;}
 */
/* 메인 상단gnb 20200820 */
#topGnbNew{float:left;padding-right:130px;margin-left:50px;margin-right:350px;font-family:'Nanum Gothic'; font-family: 'Binggrae';}
#topGnbNew a{font-weight:bold;}
#topGnbNew > ul:after{display:block;content:'';clear:both;}
#topGnbNew > ul > li{display:block;float:left;position:relative;width:150px;box-sizing:border-box;}
#topGnbNew > ul > li > a{display:block;position:relative;line-height:50px;color:#fff;text-align:center;font-weight:bold; font-size:19px;white-space:nowrap;height:50px;}
#topGnbNew > ul > li > a:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-5px;height:10px;border-right:1px solid #fff;}
#topGnbNew > ul > li:last-child > a:after{display:none;}
#topGnbNew > ul > li > ul{display:none;position:absolute;left:0;right:0;top:50px;padding:10px;background:#fff;border:1px solid #007d8b;border-top:0px none;}
#topGnbNew > ul > li.active > a{background:#006772;}
#topGnbNew > ul > li.active > ul{display:block;}
#topGnbNew > ul > li > ul > li{position:relative;}
#topGnbNew > ul > li > ul > li > a{display:block;padding:12px 15px 12px 5px;font-size:15px;border-bottom:1px #d7d7d7 solid;letter-spacing:-.5px;font-weight:normal;cursor:pointer;}
#topGnbNew > ul > li > ul > li.hasNav > a{background:url(/images/cms/infoLink_bullet.png) no-repeat 95% center;}
#topGnbNew > ul > li > ul > li > a:hover{color:#007d8b;font-weight:bold;}
#topGnbNew > ul > li > ul > li:last-child > a{border-bottom:0px none;}
#topGnbNew > ul > li > ul > li.active > a{font-weight:bold;color:#007d8b;}
#topGnbNew > ul > li > ul > li > ul{display:none;position:absolute;right:-210px;top:-1px;padding:0 10px;width:200px;background:#fff;border:1px solid #006772;box-sizing:border-box;}
#topGnbNew > ul > li > ul > li.active > ul{display:block;}
#topGnbNew > ul > li > ul > li > ul > li > a{display:block;padding:12px 10px;border-bottom:1px #d7d7d7 solid;font-size:14px;letter-spacing:-.5px;}
#topGnbNew > ul > li > ul > li > ul > li > a:hover{color:#007d8b;font-weight:bold;}
#topGnbNew > ul > li > ul > li > ul > li:last-child > a{border-bottom:0px none;}
#topGnbNew > ul > li > ul > li > ul > li.active > a{font-weight:bold;}

@media all and (max-width:1620px){
	#topGnbNew{margin-right:10%;margin-left:3%;}
	#topGnbNew > ul > li{width:150px;}
	#topGnbNew > ul > li > a{font-size:17px;}
	#topGnbNew > ul > li > ul > li > a {font-size:14px;}
}

.chartWrap table{width:inherit !important;}
.chartWrap .c3-tooltip .name{text-align:left;}

/* calender 20200923 */
.calendarTop{margin-bottom:20px;padding:10px;min-height:48px;font-size:12px;background:#f7f7f5;border:1px solid #ddd;box-sizing:border-box;}
.calendarTop:after{display:block;content:'';clear:both;}
.calendarTop h4{font-size:16px;color:#222;line-height:160%;}
.calendarTop h4 b{color:#4577e0;}
.calendarTop .desc{float:right;margin:3px 0;font-size:12px;color:#555;line-height:160%;}
.calendarBox{margin-bottom:20px;}
.calendarBox table{width:100%;font-size:12px;table-layout:fixed;border-top:1px #387ec6 solid;border-left:1px #d7d7d7 solid;}
.calendarBox table th,
.calendarBox table td{padding:5px;text-align:center;border-bottom:1px #d7d7d7 solid;border-right:1px #d7d7d7 solid;box-sizing:border-box;}
.calendarBox table th{background:#f7f7f5;font-weight:bold;color:#333;}
.calendarBox table td{height:100px;vertical-align:top;}
.calendarBox table td .day{display:block;margin:2px;text-align:left;}
.calendarBox table .sun{color:#ea002e;}
.calendarBox table .sat{color:#4577e0;}
.calendarBox table td .num{display:block;padding:5px;font-size:16px;color:#4577e0;}
.calendarBox table td .num b{color:#ea002e;}
.calendarBox table td .num:hover{text-decoration:underline;}
.calendarBox table td .end{display:block;margin:10px 5%;padding:5px;width:auto;font-size:13px;color:#ddd;font-weight:bold;background:#888;}
.calendarBox table td .end.full{color:#fff;background:#ff8000;}
.calendarBox table td .end.late{color:#fff;background:#ac00c7;}
.calendarBox table td .close{display:block;padding:5px;font-size:16px;color:#999;}

/* calender 20201008 */
.calendarBox .timeSelect{padding:5px 15px;text-align:left;}
.calendarBox .btnCalSet{display:inline-block;vertical-align:middle;color:#1070d4;text-decoration:underline;}
.calendarTop .monthMove{display:inline-block;vertical-align:middle;margin:0 30px;}
.calendarTop .monthMove a{display:inline-block;vertical-align:middle;font-size:14px;}
.calendarTop .monthMove .current{display:inline-block;vertical-align:middle;margin:0 8px;font-size:16px;color:#4577e0;font-weight:bold;}
.modalWrap .calNumSet{padding:20px 80px 50px;}
.modalWrap .calNumSet .date{display:block;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;font-size:22px;color:#2870b9;text-align:center;letter-spacing:-1px;}
.modalWrap .calNumSet > div{position:relative;padding-left:80px;}
.modalWrap .calNumSet .time{display:block;position:absolute;left:0;top:50%;margin-top:-20px;line-height:20px;font-size:20px;font-weight:bold;}
.modalWrap .calNumSet p{position:relative;margin:5px 0;padding-left:110px;}
.modalWrap .calNumSet p span{display:block;position:absolute;left:0;width:95px;}
.groutSet{margin-bottom:20px;line-height:26px;}
.groutSet li{padding:8px 0;border-bottom:1px dotted #d7d7d7;font-size:13px;}
.alreadySet .date{display:block;margin-bottom:10px;font-size:20px;text-align:center;color:#2870b9;}
.alreadySet ul li{line-height:26px;}
.alreadySet ul li .time{display:inline-block;vertical-align:middle;font-size:15px;}

/* articleCheckList2 20230522*/
.articleChecklist2 .pop-title{text-align: left; padding: 20px 0 0 0;}
.articleChecklist2 .pop-title .char{left: inherit; right: 15px; bottom: -25px; z-index: 0;}
.articleChecklist2 .pop-title .char img{width: 99px;}
.articleChecklist2 .pop-title span{border-bottom: 0;}
.articleChecklist2 .pop-title span::after{display: none;}

.articleChecklist2 .pop-body{position: relative; z-index: 1;margin-top:20px;}
.atc-checklist2 .row{background-color:#e4f5f3;padding:12px 20px;line-height:25px;font-size:16px;color:#333;height:200px;overflow-y: auto;}
.atc-checklist2 .row2{background-color:#e4f5f3;padding:12px 20px;line-height:25px;font-size:14px;color:#333;}
.atc-checklist2 .row p{float:left;width:calc(100% - 80px);font-weight:600;}

.atc-checklist2 .row p,
.atc-checklist2 .row2 p{float: none; width: 100%; font-size: 14px;letter-spacing: -1px; line-height: 23px;}
.atc-checklist2 .row2 p{font-size: 13px;}
.atc-checklist2 .row2 .txt-red{color: #DD0000;}

.atc-checklist2 + .atc-checklist2{margin-top: 10px;}

.atc-checklist-box{margin-top: 10px; padding-top: 10px; border-top: 1px solid #D7D7D7;}
.atc-checklist-box table{margin-top: 5px;}
.atc-checklist-box table tbody th{border-radius: 10px 0 0 10px; background-color: #4a9f97; color: #fff; line-height: 20px; font-weight: normal;}
.atc-checklist-box table tbody td{ padding: 0;}
.atc-checklist-box table tbody td textarea{border: 0; width: 100%; height: 54px; border-radius: 0 10px 10px 0;}

/* 선거정보링크 테이블 테두리*/
table.form2{border-top:1px #636363 solid;border-left:1px #636363 solid;border-right:1px #636363 solid;}
.infomation-table-right {border-right:1px #636363 solid !important;}