@charset "UTF-8";

.blind, .hide{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.contents .cont_page{ min-height:430px;margin-bottom: 50px;}

/* input */
.inpTy1{display:inline-block;width: 100%;}
.inpTy1 > input{width:100%;padding:0 15px;background-color: #fff; border:1px solid #ddd;height:36px;border-radius:4px;color: #000;}
.inpTy1 > input::placeholder {color: #676767;}
.inpTy1 > textarea{width:100%;height:150px;padding:15px;background-color: #fff; border:1px solid #ddd;border-radius:4px;color: #000;}
.inpTy1 > select{width:100%;padding-left:15px;background-color: #fff; border:1px solid #ddd;height:36px;border-radius:4px;color: #000;-webkit-appearance:none;padding-right:30px;background: #fff url(../images/common/icn_select.png) no-repeat right 15px top 50%;}
.inpTy1.h100 > textarea{height: 100px;}

.inpTy1 > input[type="text"]:disabled{background-color:#f0f0f0;color:#666;cursor: default;}
.inpTy1 > input[type="password"]:disabled{background-color:#f0f0f0;color:#666;cursor: default;}
.inpTy1 > select:disabled{background-color:#f0f0f0;color:#666;cursor: default;}

.radiTy1{vertical-align: middle;}
.chckTy1{vertical-align: middle;}
.radiTy1 > *{vertical-align: middle;}
.chckTy1 > *{vertical-align: middle;}
.radiTy1, .chckTy1{position: relative;display: inline-block;font-size: 0;}

.radiTy1 input[type="radio"]{position: absolute;left:2px;top:2px;width:16px;height:16px;-webkit-appearance:none;appearance:none;margin-left: 0 !important;}
.chckTy1 input[type="checkbox"] {position: absolute;left:2px;top:2px;width:14px;height:14px;-webkit-appearance:none;appearance:none;margin-left: 0 !important;}

.radiTy1 input[type="radio"] + label{position:relative;display:inline-block;padding-left:26px;height: 20px;font-size:14px; cursor: pointer;line-height: 1.3;}
.chckTy1 input[type="checkbox"] + label{position:relative;display:inline-block;padding-left:26px;height: 20px;font-size:14px; cursor: pointer;line-height: 1.3;}

.radiTy1 input[type="radio"] + label:before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border:1px solid #999;background-color:#fff;border-radius:50%;}
.chckTy1 input[type="checkbox"] + label:before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border:1px solid #999;background-color:#fff;}

.radiTy1 input[type="radio"] + label:after{content:"";position:absolute;top:6px;left:4px;width:8px;height:8px;border-radius: 50%;}
.chckTy1 input[type="checkbox"] + label:after{content:"";position:absolute;top:4px;left:2px;width:12px;height:12px;}

.radiTy1 input[type="radio"]:checked + label:before{border-color: #377fd5;}
.chckTy1 input[type="checkbox"]:checked  + label:before{border-color: #377fd5;}

.radiTy1 input[type="radio"]:checked + label:after{background-color:#377fd5;border-color: #377fd5;}
.chckTy1 input[type="checkbox"]:checked  + label:after{background:url(../images/common/icn_check.png) 50% 50% no-repeat;background-size: 12px;}

.radiTy1 input[type="radio"]:disabled + label:before{background-color:#ddd;}
.chckTy1 input[type="checkbox"]:disabled  + label:before{background-color:#ddd;}

.radiTy1 input[type="radio"]:disabled + label{cursor: default;}
.chckTy1 input[type="checkbox"]:disabled  + label{cursor: default;}

.chckTy1 label{color:#000;line-height: 22px;}
.radiTy1 label{color:#000;line-height: 22px;}
.chckTy1 + .chckTy1{margin-left: 30px;}
.radiTy1 + .radiTy1{margin-left: 30px;}

/* 단 나누기*/
.itemCol{display:table;table-layout: fixed;width: 100%;}
.itemCol{display:table;width: 100%;}
.itemCol > * {display:table-cell;vertical-align: middle;}
.itemCol > *.txR{text-align: right;}
.itemCol.gap > *{padding-right:10px;box-sizing: content-box;}

.inpWp > *{margin-left:9px;}
.inpWp > *:first-child{margin-left: 0;}
/* */
.fc_bk{color:#000 !important;}
.fc_red{color:#df2d1f !important}
.fc_grn{color:#0c8f89}
.fc_gry{color:#888}
.fc_blue{color:#0e15ad}
.fc_blue2{color:#191971 !important}
.fc_blue3{color:#267ada !important}
.w50{width:50px;}
.w70{width:70px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w300{width:300px;}
.w320{width:350px;}
.w350{width:350px;}
.w30p{width:30%;}
.w33p{width:33.334%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w80p{width:80%;}
.w70p{width:70%;}
.w100p{width:100%;}
.mL0{margin-left: 0px !important;}
.mL10{margin-left: 10px;}
.mL20{margin-left: 20px;}
.mT0{margin-top: 0 !important;}
.mT5{margin-top: 5px !important;}
.mT10{margin-top: 10px !important;}
.mT20{margin-top: 20px !important;}
.mT30{margin-top: 30px !important;}
.mT40{margin-top: 40px !important;}
.mT50{margin-top: 50px !important;}
.mT60{margin-top: 60px !important;}
.mT70{margin-top: 70px !important;}
.mT100{margin-top: 100px !important;}
.mT300{margin-top: 300px !important;}
.mT430{margin-top: 430px !important;}
.mB10{margin-bottom: 10px;}
.txL{text-align: left;}
.txR{text-align:right;}
.txC{text-align:center;}
.fl{float: left;}
.fr{float: right;}
.cursor{cursor: pointer;}
.byte{color: #888;text-align: right;margin-top: 10px;font-size: 13px;}
.bold{font-weight: 600;}

/* 아이콘 버튼*/
.icn_attach{display: inline-block;width:20px;height: 20px; background: url(../images/content/icn_attach.png) no-repeat 50% 50%;vertical-align: middle;}
.icn_print{display: inline-block;width:20px;height: 20px; background: url(../images/content/icn_print.png) no-repeat 50% 50%;vertical-align: middle;}

/* table */
[class^="tblTy"] .ess::before{content:"* ";color: red;margin-left:-10px;}
[class^="tblTy"] .vt{vertical-align: top;}
[class^="tblTy"] .txL{text-align: left;}
[class^="tblTy"] .txR{text-align:right;}
[class^="tblTy"] th{color: #000;}
[class^="tblTy"] .sort{position: relative;cursor: pointer;}
[class^="tblTy"] .sort > i{display:inline-block; position: absolute;top:50%;right:5px;width:8px;height: 18px; background: url(../images/common/icn_tbl_sort.png) no-repeat right 0 top 50% ;transform:translateY(-50%);}
[class^="tblTy"] [class^="btnTy"]{padding:5px 10px;min-width: 70px;font-size: 13px;}
[class^="tblTy"] .hype{display: inline-block; line-height: 30px;padding: 0 5px;vertical-align: top;}
[class^="tblTy"] .unit{display: inline-block;vertical-align: middle;margin-right: 20px;margin-left: 5px;}
.no_data{color: #999;text-align: center;padding: 30px 0}

.tblTy1{width:100%;table-layout:fixed;margin-top:10px;border-top:2px solid #2e346e}
.tblTy1 td, .tblTy1 th{height:46px;padding:5px 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;color:#000}
.tblTy1 th{text-align: left;padding-left: 20px;background-color:#f1f6fa;border-right: 1px solid #ddd;color: #000;font-weight:600;}
.tblTy1 th.vt{padding-top: 20px;}

.tblTy2{width:100%;table-layout:fixed;margin-top:10px; border-top:2px solid #2e346e}
.tblTy2 td{height:46px;padding:5px 20px;border: 1px solid #ddd;border-right:none;text-align: center; vertical-align: middle;color:#000}
.tblTy2 th{height:46px;padding:5px 20px;border: 1px solid #ddd;border-right:none;text-align: center; vertical-align: middle;color:#000; background-color:#f1f6fa;font-weight:600;}
.tblTy2 tr td:first-child, .tblTy2 tr th:first-child{border-left: none;}
td .txt_attch{display: inline-block;}
td .txt_link{color:#0e15ad}
.tblTy2 th.bg{background-color: #e0ecf8;}

.tblTy2 tbody th{background-color: #fff;}
.tblTy2 .bor{border: 1px solid #ddd !important;}

.scollTbl{height: 461px;margin-top: -1px; overflow-y: auto;}
.scollTbl .tblTy2{margin-top: 0;border-top: 0;}
.scollTbl::-webkit-scrollbar{width:17px;}
.scollTbl::-webkit-scrollbar-track {background-color:transparent;}
.scollTbl::-webkit-scrollbar-thumb {background:rgb(0,0,0, 0.5); border-radius:5px;}

.tbl_wp{margin-top: 20px;}
.tbl_wp .infotxt2{text-align: right;color: #000;}
.tbl_wp .infotxt{text-align: right;color: #888;}
.tbl_wp .info{color: #888;margin-top: 10px;}

.tblTy2 .tblExp .icn_exp{display:inline-block;width:36px;height:36px;background: url(../images/content/icn_expanded.png) no-repeat 50% 50%;cursor: pointer;}
.tblTy2 .tblSub{display: none;}
.tblTy2 .tblExp.on .icn_exp{ background: url(../images/content/icn_collapsed.png) no-repeat 50% 50%;}
.tblTy2 .tblExp.on + .tblSub{display: table-row;}
.tblTy2 .tblSub > td{padding: 0;}
.tblTy2 .tblSub .tblTy2{border-top: none;margin-top: 0;}
.tblTy2 .tblSub .tblTy2 tr:first-child td{border-top:none;}
.tblTy2 .tblSub .tblTy2 tr:only-child td{border-bottom:none;}
.tblTy2 .tblSub .tblTy2 tr:last-child td{border-bottom: none;}


.tbl_scroll{height:362px; overflow:auto;}
.tbl_scroll::-webkit-scrollbar{width:5px;}
.tbl_scroll::-webkit-scrollbar-track {background-color:transparent;}
.tbl_scroll::-webkit-scrollbar-thumb {background:rgb(0,0,0, 0.5); border-radius:5px;}
.cont_page > .tbl_wp:first-child{margin-top: 0;}

.tbl_search{position: relative; background-color: #f2f4f7;padding:15px 100px 15px 50px;border-radius: 10px;overflow: hidden;}
.tbl_search > table{width:100%;table-layout: fixed;}
.tbl_search td{padding:5px 50px 5px 0;text-align: left;white-space: nowrap;}
.tbl_search th{padding:5px 10px 5px 0; text-align: left;white-space: nowrap;color:#000;padding-right:10px;font-weight: 500;}
.tbl_search .hype{vertical-align: top;line-height: 36px;text-align: center;}

.tbl_search .search_btn{position: absolute;top:50%;right:50px; text-align: right;padding-right: 0;transform: translateY(-50%);}
.tbl_search .search_btn .btnTy2{display:inline-block;padding:5px 16px;width:100px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#0e55ad;border-color:#0e55ad;}
.tbl_search .search_btn .btnTy2lin2{display:inline-block;padding:5px 16px;width:100px;height:85px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#0e55ad;border-color:#0e55ad;}

/* attack file */
.file_attch .file_btn{position:relative;display:inline-block; width:70px;height:37px;vertical-align: middle;}
.file_attch > *{vertical-align: middle;}
.file_attch .file_btn > input{position:absolute;left: 0;right:0;z-index: 1; border:none;opacity:0;}
.file_attch .file_btn > label{position:absolute;left: 0;z-index: 2; display:inline-block;line-height:36px;min-width:70px;color: #000;background-color:#eee;border:1px solid #ddd;border-radius:4px;text-align: center;}
.file_attch .file_txt{display:inline-block;margin-left:10px;}
.file_attch .icn_del{position:relative;display:inline-block;width:20px;height:20px;cursor: pointer;background: url(../images/common/icn_close.png) no-repeat 50% 50%; background-position-y: 7px;}


.file_regi > *{vertical-align: middle;}
.file_regi .file_txt{display:inline-block;margin-left:10px;}
.file_regi .icn_del{position:relative;display:inline-block;width:20px;height:20px;cursor: pointer;background: url(../images/content/icn_filedel.png) no-repeat 50% 50%;}

/*
.file_attch .icn_del:before{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:16px;transform:rotate(135deg);background-color:#666;}
.file_attch .icn_del:after{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:16px;transform:rotate(45deg);background-color:#666;}
*/


/* button */
[class^="btnTy"] > span{display: inline-block;vertical-align: top;line-height: 1.4;}
[class^="btnTy"] > img{vertical-align: top;}
a[class^="btnTy"] > span{padding:4px 0;}
/* 큰버튼 */
.btnTy1{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#666;border-color: #666;}
.btnTy2{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#0e55ad;border-color:#0e55ad;}
.btnTy2del{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#ad0e0e;border-color:#ad0e0e;}

/* 작은 버튼 */
.btnTy3{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#0e55ad;border-color: #0e55ad;font-size: 14px;}
.btnTy4{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#eee;border-color: #ddd;color: #000;font-size: 14px;}
.btnTy5{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#666;border-color: #666;font-size: 14px;}
.btnTy6{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#001a55;border-color: #001a55;font-size: 14px;}
.btnTy7{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#0c8f89;border-color: #0c8f89;font-size: 14px;}
.btnTy10{display:inline-block;padding:5px 16px;min-width:76px;height:36px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#969696;border-color: #969696;font-size: 14px;}

.btnTy3min{display:inline-block;padding:5px 16px;min-width:76px;height:30px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#0e55ad;border-color: #0e55ad;font-size: 14px;}
.btnTy4min{display:inline-block;padding:5px 16px;min-width:76px;height:30px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#eee;border-color: #ddd;color: #000;font-size: 14px;}
.btnTy5min{display:inline-block;padding:5px 16px;min-width:76px;height:30px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#666;border-color: #666;font-size: 14px;}
.btnTy6min{display:inline-block;padding:5px 16px;min-width:76px;height:30px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#001a55;border-color: #001a55;font-size: 14px;}
.btnTy7min{display:inline-block;padding:5px 16px;min-width:76px;height:30px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#0c8f89;border-color: #0c8f89;font-size: 14px;}
.btnTy10min{display:inline-block;padding:5px 5px;min-width:76px;height:30px;font-size:14px;border-radius:4px;color: #fff;border-width: 1px;border-style: solid;background-color:#969696;border-color: #969696;font-size: 14px;}

[class^="btnTy"]:disabled{opacity: 0.4;}

a.btnTy_txt{position: relative; display: inline-block; color:#001a55;line-height: 1.8;}
a.btnTy_txt:after{content: "";position: absolute;left:0;bottom: 0; height: 1px;width: 100%;background-color: #001a55;}

a.btnTy_txt2{position: relative; display: inline-block; color:#2379d9;line-height: 1.8;}
a.btnTy_txt2:after{content: "";position: absolute;left:0;bottom: 0; height: 1px;width: 100%;background-color: #2379d9;}

.btn_wp{text-align:center;margin:20px 0 30px;overflow:hidden;}
.btn_wpbor{text-align:center;margin:20px 0 30px;padding-top:10px;overflow:hidden;border-top: 1px solid #ddd;}
.btn_wpinner{text-align:center;margin:20px 0 0;overflow:hidden;}
.btn_wptop{text-align:center;margin:0 0 10px;overflow:hidden;}
.btn_wp [class^="btnTy"]{margin:0 5px;}
.btn_wp .fl{float: left;}
.btn_wp .fl [class^="btnTy"]:first-child{margin-left: 0;}
.btn_wp .fr [class^="btnTy"]:last-child{margin-right: 0;}
.btn_wp [class^="btnTy"] + [class^="btnTy"]{margin-left: 5px;}

/* 즐겨찾기 체크 */
.layout_cont .favoriteCheck{display: inline-block;vertical-align: top;}
.layout_cont .favoriteCheck input[type="checkbox"] {display:none; -webkit-appearance:none;appearance:none;margin-left: 0 !important;}
.layout_cont .favoriteCheck input[type="checkbox"] + label{position:relative;display:inline-block;width:23px;height:23px;cursor: pointer;background-image:url(../images/common/check_favorite.png);background-position: 0 -23px; background-repeat: no-repeat;}
.layout_cont .favoriteCheck input[type="checkbox"] + label:before{content:none;}
.layout_cont .favoriteCheck input[type="checkbox"] + label::after{content:none;}
.layout_cont .favoriteCheck input[type="checkbox"]:checked  + label{background-position:0 0;}

.layout_cont .cont_tit{/*max-width: 1590px;margin: 0 auto;*/padding: 30px 0 20px;overflow: hidden;}
.layout_cont .cont_tit h3{float:left;}
.layout_cont .cont_tit h3 > *{vertical-align: top;}
.layout_cont .cont_tit h3 > .tit{line-height:23px;font-size:20px;margin-left: 5px;color:#000;font-weight:500;}
.layout_cont .cont_tit h3 > .subtit{display: inline-block;margin-left:10px;margin-top:7px; font-size:14px;color:#676767;font-weight: 500;}
.layout_cont .cont_tit h3 > .btn_manual{display: inline-block;width:100px;height: 29px; margin-left:10px;background: url(../images/content/btn_manual.png) no-repeat 0 0;}
.layout_cont .cont_tit .location{float: right;}
.layout_cont .cont_tit .location li{position:relative;display:inline-block;padding-right:5px;font-size:14px;}
.layout_cont .cont_tit .location li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;background:url(../images/common/icn_location.png) no-repeat 50% 50% ;}
.layout_cont .cont_tit .location li:first-child:before{content: none;}

/* 컨텐츠 영역*/
.layout_cont .cont_page{ min-height:800px;padding-bottom: 50px;min-width:1100px}

/* 지식자료실 */
.book_cover li{display:inline-block;width:103px;height:148px; margin-right: 10px;vertical-align: top;}
.book_cover li > img{width:103px;height:148px;display: block;border:1px solid #ddd;cursor: pointer;box-sizing: border-box;}
.book_cover li.base {border-style:dotted}
.book_cover li.on > img{border:2px solid #191971;}

/* 레이어 팝업 */
.lypop{display:none;/*visibility: hidden;opacity: 0;*/position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0, 0, 0, 0.5);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1000 ;}
/*.lypop.show{visibility:visible;opacity:1; }*/
.lypop_wp{position:absolute;top:100px;left:50%;width:600px;margin:0 auto;transform:translateX(-50%);border-radius: 8px;overflow: hidden;}
.lypop_wp.top30{top:30px;/*transform:translateX(-50%);*/}
.lypop_wp.topCen{top:50%;transform:translate(-50%,-50%);}
.lypop_content{background-color:#fff; height: 100%; display: flex; flex-direction: column;
}
.lypop_title{position:relative;height:52px;background-color:#001a55;}
.lypop_title > strong{display:block;font-size:20px;color:#fff;font-weight:500;padding:15px 30px;}
.lypop_close{position:absolute;top:5px;right:10px;width:40px;height:40px;cursor: pointer;}
.lypop_close::before{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:18px;transform:rotate(135deg);background-color:#fff ;}
.lypop_close::after{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:18px;transform:rotate(45deg);background-color:#fff ;}
.lypop_wp.min{width:400px;}
.lypop_wp.mid{width:800px;}
.lypop_wp.big{width:900px; height: 600px;}
.lypop_wp.max{width:1200px;}
.lypop_ct{padding:30px; flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden;}
.lypop_ct.posr{position: relative;}
.lypop_ct > .stit{display: block; margin-top: 30px;margin-bottom: 10px;font-weight: 500;color:#000}
.lypop_ct > .stit:first-child{margin-top: 0;}
.lypop_content .btn_wp{text-align: center;margin-bottom: 0;}
.lypop_ct .modal_txt{text-align: center;color: #000;line-height: 1.5;}
.lypop_ct .tbl_search{padding: 15px 100px 15px 30px; flex-shrink: 0;}
.lypop_ct .tbl_search .search_btn{right:20px}
.lypop_ct .tbl_search .search_btn button{width: 76px;}
.lypop_ct .tbl_search .search_btn .btnTy2lin2{width: 100px;}
.lypop_ct .inpTy1 > textarea{transform:rotate(-0.02deg);}
.lypop_scoll{height: 500px;overflow-y:auto;}
/*
.lypop_scoll::-webkit-scrollbar{width:5px;}
.lypop_scoll::-webkit-scrollbar-track {background-color:transparent;}
.lypop_scoll::-webkit-scrollbar-thumb {background:rgb(0,0,0, 0.5); border-radius:5px;}
*/

/* 모달 */
.modal .lypop_wp{width:300px;background-color: #fff;}
.modal .lypop_wp .lypop_ct{display:table;width: 100%;table-layout: fixed;min-height: 100px; padding:20px;}
.modal .lypop_content .btn_wp{margin-top: 0; margin-bottom: 20px;}

/* ui datepicker */
.datapicker .inpTy1.date {position:relative;display:inline-block;width:130px;padding-right:0;border:1px solid #ddd;height:36px;border-radius:4px;background-color: #fff;vertical-align: middle;}
.datapicker .inpTy1.date > input{width:100%;padding: 0 30px 0 15px;height: 34px;line-height: 34px;border:none;vertical-align: top;background-color: #fff;border-radius: 4px;color: #000;}
.datapicker .inpTy1.date > input:read-only{background-color: #ddd;}
.datapicker .inpTy1.date > input:disabled{background-color: #ddd;}
.datapicker .inpTy1.date >img{cursor: pointer;position: absolute;right: 10px;}
.datapicker .hype{vertical-align: top;line-height: 36px;}

.datapicker{display: inline-block;vertical-align: middle;}
.ui-datepicker {display: none;width:230px;font-size: 14px;z-index: 3000 !important;padding: 10px;border: 1px solid #888;background-color: #fff;box-sizing: border-box; margin-left: -75px}
.ui-datepicker thead th {padding: 5px 0;color: #999;font-size: 15px;font-weight: 400;text-align: center;border:0}
.ui-datepicker tbody td {width: 28px;height: 28px;padding: 2px 0;font-size: 13px;text-align: center; border: 0}
.ui-datepicker tbody td > a {display: block;width: 28px;height: 28px;margin: 0 auto;color: #666;font-size: 13px;line-height: 25px}
.ui-datepicker tbody td.ui-datepicker-week-end > a {color: #ff3710}
.ui-datepicker-header {position: relative;padding: 0 10px 10px}
.ui-datepicker-header a {display: inline-block;overflow: hidden;position: absolute;top: .5rem;width: 20px;height: 20px;color: transparent;text-indent: 100%;white-space: nowrap;background-repeat: no-repeat;background-position: center;background-size: auto 100%;cursor: pointer}
.ui-datepicker-header .ui-datepicker-prev {left: 0;background-image: url(../images/common/icon_arrow.png); transform: rotate(180deg)}
.ui-datepicker-header .ui-datepicker-next {right: 0;background-image: url(../images/common/icon_arrow.png)}
.ui-datepicker-title {padding: 5px 0;text-align: center}
.ui-datepicker-title span {color: #222;font-size: 16px}
.ui-datepicker tbody td > a.ui-state-active {border-radius: 50%;color: #fff;background-color: #3a465c}
.ui-state-disabled,.ui-datepicker-other-month {color: #aaa}
.ui-monthpicker .ui-datepicker-calendar td {padding: 0;border: 1px solid #ddd}
.ui-datepicker tbody td > a.ui-state-highlight {color: #000}
.ui-datepicker tbody td > a.ui-state-highlight.ui-state-active {color: #fff}
select.ui-datepicker-year,select.ui-datepicker-month {vertical-align: top;margin: 0 3px;padding: 5px 7px;border: 0;border: 1px solid #ccc;color: #333;font-size: 14px;background-color: transparent}
.ui-datepicker-year table{width: 100%;}
.ui-datepicker-month table{width: 100%;}
.ui-monthpicker-trigger {cursor: pointer; position: absolute; right: 10px;}
.ui-datepicker .ui-datepicker-calendar{width: 100%;}

/* 말줄임 */
.elips{text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.elips2{text-overflow:ellipsis;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* sort_wp */
.sort_wp{margin:30px 0 10px;}
.total_count{display:inline-block; margin-left:10px;font-size: 16px;line-height: 36px;color:#000;vertical-align: middle;}
.total_count em{padding-left:5px;color: #df2d1f;}
.total_sub .num2{padding-left:5px;color: #0e15ad;}
.total_sub em{padding-left:5px;color: #df2d1f;}
.total_sub{display:inline-block;color:#000;font-size: 14px;vertical-align: middle;}
.total_sub strong{display: inline-block; font-weight: 500;}
.icn_sticker{display: inline-block;line-height: 30px;height:30px;font-weight:500;padding:0 10px;margin-left: 10px;background-color: #eee;color:#666 ; border-radius: 4px;}
.sort_wp .cont_stit{display: inline-block;font-size: 16px;color:#333;font-weight: 600;}
.cont_stit{margin-bottom:10px;font-size: 16px;color:#333;font-weight: 600;}

.sort_btn > li{position: relative; display:inline-block;margin: 0 10px; color:#000;line-height:30px;font-weight:600; cursor:pointer;}
.sort_btn > li.on{color: #0e55ad;}
.sort_btn > li.on::after{content: "";position: absolute;left: 0;bottom:0;height:1px;width: 100%;background-color: #0e55ad;}
.sort_wp + .tbl_wp{margin-top: 0;}

/* 지식 자료 공유 목록 */
.knowledge_slide{height:300px;padding:10px 20px 10px 30px;border-radius: 20px;overflow: hidden;background-color:#eee;}
.knowledge_slide{position:relative;}
.knowledge_slide .inner_list{margin-left:300px;}
.knowledge_slide .inner_list .swiper-wrapper{width:100%;}
.knowledge_slide .inner_list .swiper-slide{position:relative;padding:10px;}
.knowledge_slide .inner_list .swiper-slide >  div{padding:30px 20px;height:260px;background-color:#fff;border-radius:15px;overflow: hidden; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.knowledge_slide .inner_list .swiper-slide [class^=icn]{display: inline-block;width:44px;height: 44px;background-position: 0 0 ;background-repeat: no-repeat;background-image: url(../images/content/icon_knowledge.png);}
.knowledge_slide .inner_list .swiper-slide .icn2{background-position: 0 -44px;}
.knowledge_slide .inner_list .swiper-slide .icn3{background-position: 0 -88px;}
.knowledge_slide .inner_list .swiper-slide .icn4{background-position: 0 -132px;}
.knowledge_slide .inner_list .swiper-slide .icn5{background-position: 0 -174px;}
.knowledge_slide .inner_list .swiper-slide .tit{display: block;margin:20px 0; color:#000;font-size: 18px;}
.knowledge_slide .inner_list .swiper-slide .txt{height:40px; line-height: 1.4;color:#000}
.knowledge_slide .inner_list .swiper-slide .whence{display: block; margin-top: 20px;}
.knowledge_slide .inner_list .swiper-slide .count{font-size: 16px;}
.knowledge_slide .inner_list .swiper-slide .count + button{margin-top: 20px;}
.knowledge_slide .inner_list .swiper-slide .slide_lst{height:102px;overflow: hidden;}
.knowledge_slide .inner_list .swiper-slide .slide_lst > li{max-width: 180px;}
.knowledge_slide .inner_desc .lst > li{text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}

.tag{display: inline-block;max-width: 180px;padding:5px 15px;border-radius: 30px;margin-bottom: 5px;color:#000;border:1px solid #ddd; text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.tag::before{content: "#";}
.tag.on{color:#0e55ad;border-color: #0e55ad;}

.knowledge_slide .inner_list_nav{width:80px;font-size:0;margin-top: -50px;margin-left:215px;}
.knowledge_slide .inner_list_nav img{display: block;}
.knowledge_slide .inner_list_nav > span{position:relative;display:inline-block; cursor: pointer;border:1px solid #ddd; padding:10px; background-color: #fff;}
.knowledge_slide .inner_list_nav > span:first-child{border-right: none;}
.knowledge_slide .inner_list_nav > span:first-child:after{content: "";position: absolute;top:50%;right: 0;margin-top: -5px; height:10px;width:1px;background-color: #ddd;}
.knowledge_slide .inner_list_nav > span:last-child{border-left: none;}

.knowledge_slide .inner_desc{position:absolute; top:30px; left:30px;width:200px;color:#000;}
.knowledge_slide .inner_desc .tit{display:block;margin-bottom: 20px; font-size:20px;}
.knowledge_slide .inner_desc .slide_lst > li{display: inline-block; border:1px solid #ddd; padding:5px 10px;border-radius: 30px;margin-bottom: 5px;background-color: #fff; cursor: pointer;}
.knowledge_slide .inner_desc .slide_lst > li.on{color:#0e55ad;border-color: #0e55ad;}
.knowledge_slide .inner_desc .lst > li{margin-bottom:10px;padding-left: 10px;text-indent: -10px;line-height: 1.3;}
.knowledge_slide .inner_desc .lst > li:before{content:"· "}
.knowledge_slide .inner_desc .cont{width:280px;height:145px;overflow: hidden;}
.knowledge_slide .inner_desc .cont .txt{height:80px;line-height:1.4; overflow: hidden;margin-bottom:10px;}

/* 지식 자료 공유 - 목록 리스트*/
.knowing_lst{border-top: 2px solid #202986;}
.knowing_lst > ul{display:grid;grid-template-columns: 1fr 1fr;}
.knowing_lst > ul > li{ padding:20px 0;margin:0 20px;border-bottom: 1px solid #ddd;}
.knowing_lst .knowing_lst_item{display: table;table-layout: fixed;width: 100%;}
.knowing_lst .knowing_lst_item > li {display: table-cell;vertical-align: top;position: relative;}
.knowing_lst .knowing_lst_item > .thum{width:150px;}
.knowing_lst .knowing_lst_item > .thum > img{border:1px solid #ddd; display: block;width:130px;height: 188px;}
.knowing_lst .knowing_lst_item > .btn{width:110px;vertical-align: middle;}
.knowing_lst .knowing_lst_item > .btn button{width: 100%;padding:5px 0;margin:10px 0 0;}
.knowing_lst .knowing_lst_item > .btn button:first-child{margin-top: 0;}
.knowing_lst .knowing_lst_item > .knowing_cont{padding-right: 20px;}

.knowing_lst .knowing_cont .txt{margin-top: 15px; line-height: 1.5;}
.knowing_lst .knowing_cont .etc{position: absolute;bottom: 0;left: 0;}
.knowing_lst .knowing_cont .info{margin-top: 20px;}
.knowing_lst .knowing_cont .info .day{position: relative; padding-left: 10px;margin-left: 10px;}
.knowing_lst .knowing_cont .info .day::before{content: "";position: absolute;left: 0;top:5px;height: 12px;width: 1px;background-color: #ddd;}
.knowing_lst .knowing_cont .icon{margin-top:15px;}
.knowing_lst .knowing_cont .icon > span{margin-right:10px;}

.knowing_cont .tit{display:block;font-size:18px;color: #000;font-weight: 600;height: 74px;line-height: 1.4;overflow: hidden;}
.knowing_cont .icon{margin-top: 20px;}
.knowing_cont [class^="icn_"]{display: inline-block; padding:0 15px 0 35px;height:30px;line-height:30px;margin-right:5px; border: 1px solid #ddd; background-image: url(../images/content/icn_view.png); background-position: 0 0;background-repeat: no-repeat;border-radius:30px;}
.knowing_cont .icn_view{background-position: 5px 0;}
.knowing_cont .icn_like{background-position: 5px -32px;}
.knowing_cont .icn_quest{background-position: 5px -60px;}

/* 지식 자료 공유  - 상세*/
.knowing_detail{padding:20px 0;border:1px solid #ddd;border-left: 0;border-right: 0;}
.knowing_detail .knowing_view_item{display: table;table-layout: fixed;width: 100%;}
.knowing_detail .knowing_view_item > li {display: table-cell;vertical-align:top;position: relative;}
.knowing_detail .knowing_view_item > .thum{width:150px;}
.knowing_detail .knowing_view_item > .thum > img{border:1px solid #ddd; display: block;width:150px;height:215px;}
.knowing_detail .knowing_view_item > .info{width:310px;}
.knowing_detail .knowing_cont{padding-left:20px;}
.knowing_detail .knowing_cont > .btn{margin-top:75px;}
.knowing_detail .knowing_cont > .btn button{margin:0 10px 0 0;}

.share_btn_wp  > *{display:inline-block;width:40px;height:40px;margin-right: 10px; border:1px solid #ddd; border-radius: 40px;background-image: url(../images/content/icon_share.png);background-repeat: no-repeat;background-position: 0 0;vertical-align: top;}
.share_btn_wp .btn_like{background-position: 0 0;}
.share_btn_wp  > .btn_like.on,
.share_btn_wp  > .btn_like:hover{background-position: 0 -40px; background-color: #2e346e;}
.share_btn_wp  > .btn_bookmark{background-position: -39px 0;}
.share_btn_wp  > .btn_bookmark.on,
.share_btn_wp  > .btn_bookmark:hover{background-position: -39px -40px; background-color: #2e346e;}
.share_btn_wp  > .btn_share{background-position: -80px 0; }

.knowing_detail .info .authorship{margin-top: 15px;}
.knowing_detail .info .authorship > li{padding:5px 0;}
.knowing_detail .info .authorship .tit{display: inline-block;width:90px;font-weight: 500;}
.knowing_detail .info .authorship .tit:before{content: "· ";}
.knowing_detail .info .authorship .txt{display: inline-block;}
.knowing_detailTxt > .txt{padding: 30px 20px;line-height: 24px;}
.knowing_detailTxt .tag > li{border: 1px solid #d3d3d6;padding:5px 10px;border-radius: 30px;color: #333;}

.knowing_quest {display: table;width: 100%;table-layout: fixed;padding:40px 30px;background-color: #f3f4f8;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}
.knowing_quest > *{display: table-cell;vertical-align: top;}
.knowing_quest dt{width:90px;font-size: 18px; color: #000;}
.knowing_quest dd{position: relative;}
.knowing_quest dd > .inpTy1{width:calc(100% - 100px);}
.knowing_quest dd > .inpTy1 > textarea{height:70px;}
.knowing_quest dd > button{position: absolute;top:0;right: 0; width:90px;height:70px;}
.knowing_quest_wp .name{display: block; font-size: 16px; color: #000;font-weight: 500;}
.knowing_quest_wp .comment_txt{margin-top: 15px;line-height: 1.5; }
.knowing_comment{display: table;width: 100%;table-layout: fixed;padding: 30px;border-bottom: 1px solid #ddd;}
.knowing_comment dt{display: table-cell;width:75px;font-size: 16px;color: #000;}
.knowing_comment dd{display: table-cell;}
.knowing_quest_wp .day{width: 145px; color:#999;text-align: right;}
.knowing_quest_wp .day .btn_del{position: relative;display: inline-block;color:#999;margin-top:5px;line-height: 1.6;}
.knowing_quest_wp .day .btn_del:after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;background-color:#666;}
.knowing_comment_plz{color: #999;text-align: center;padding:130px 0 110px;background: url(../images/content/bg_nodata.png) no-repeat 50% 50px;}

.comment_sympathy{margin-top: 20px;}
.comment_sympathy > *{display: inline-block;padding:0 15px 0 35px;height: 30px;line-height: 28px;margin-right: 10px;border: 1px solid #ddd;border-radius: 30px;}
.comment_sympathy .btn_sympathy{background: url(../images/content/btn_sympathy.png) no-repeat 5px 0;}
.comment_sympathy .btn_sympathy.on{background-position: 5px -30px;}
.comment_sympathy .total_comment{background: url(../images/content/icn_comment.png) no-repeat 5px 0;}

.knowing_comment_lst{border-bottom: 1px solid #ddd;background-color: #f3f4f8;}
.knowing_comment_lst > li{position: relative; margin-left:120px;padding:20px 30px 20px 20px;border-top: 1px solid #ddd; }
.knowing_comment_lst > li:first-child{border-top: none;}
.knowing_comment_lst > li::after{content: ""; position: absolute;top:25px;left:-10px;width:8px;height:6px; border-width:0 0 2px 2px;border-style:solid;border-color: #000;}
.knowing_comment_lst .comment_regist{position: relative; border: 1px solid #ddd;padding:20px;border-radius:5px;margin-right:100px;background-color: #fff;}
.knowing_comment_lst .comment_regist button{position: absolute;right: -100px;top: 0;}
.knowing_comment_lst .comment_regist textarea{width:100%; border: none;margin-top: 10px;}
.knowing_comment_lst .day{vertical-align: top;}

/* table sort tab  */
.sprt_tab{margin-top: 30px;}
.sprt_tab > ul{font-size: 0;}
.sprt_tab li{display: inline-block;border:1px solid #ddd; border-right: none;}
.sprt_tab li:last-child{border-right:1px solid #ddd;}
.sprt_tab li > a{display:inline-block;font-size:16px;font-weight: 500;min-width:175px;padding:13px 10px; color:#000;text-align: center;}
.sprt_tab li.on{background-color:#202986;border-color: #202986;}
.sprt_tab li.on > a{color: #fff;}

/* pagenation */
.pagination{margin-top:20px;height:25px;text-align:center;}
.pagination > a{display:inline-block;width:31px;height:25px;line-height:25px;margin:0 2px;vertical-align:top;}
.pagination span{font-family:"Roboto", sans-serif;line-height: 25px;}
.pagination > a.on, .pagination > a:hover{color:#377fd5;font-weight: 600;}
.pagination .page{background-image:url('../images/content/bg_pageination.png');background-repeat:no-repeat;}
.pagination .first{background-position:0 0; width:20px;}
.pagination .pre{background-position: 0 -25px; width:20px;}
.pagination .next{background-position:-6px -50px; width:22px;}
.pagination .end{background-position:-7px -75px; width:18px;}

.itemCol2{display: flex;justify-content: space-between;}
.itemCol3{display: flex;justify-content: space-between;align-items:flex-end;}
.itemCol3 .cont_stit{margin-bottom: 0;}
.itemCol3 .unit{vertical-align: bottom;color: #888;}
[class^="itemCol"].bor{border-bottom: 1px solid #000;padding-bottom: 10px;}

/* mypage */
.mypage_top > a {display: block;}
.mypage_top .itemCol > li{padding: 0 10px;}
.mypage_top .itemCol > li:first-child{padding-left: 0;}
.mypage_top .itemCol > li:last-child{padding-right: 0;}
.mypage_top .item{height:185px;border: 1px solid #ddd;border-radius: 15px;box-sizing: border-box;}
.mypage_top .on .item{background: #2291a6; color: #fff;}
.mypage_top .on .item dt {color: #fff;}
.mypage_top .item dt{width:100%; padding:20px 25% 10px 30%; font-size:18px;color:#000;font-weight: 600;text-align: center;display: table; line-height: 40px; position: relative;}
.mypage_top .item dd{position:relative;padding:10px 30px 20px 30px;text-align: center;width: 100%;}
.mypage_top .item dt:before{content: "";position: absolute; left:30px; width:40px;height: 40px;background-image: url(../images/content/icn_mypage.png);background-repeat: no-repeat;}
.mypage_top .on .item dt:before{background-image: url(../images/content/icn_mypage_on.png);}
.mypage_top .item.icn1 dt:before{background-position: 0 0;}
.mypage_top .item.icn2 dt:before{background-position: 0 -40px;}
.mypage_top .item.icn3 dt:before{background-position: 0 -80px;}
.mypage_top .item.icn4 dt:before{background-position: 0 -120px;}
.mypage_top .item.icn5 dt:before{background-position: 0 -160px;}
.mypage_top .item strong{font-weight: 500;}
/* .mypage_top .item.icn1 strong{display: block;padding-bottom: 5px; font-size: 16px; */

.mypage_top .item {color:#000;font-weight: 500;}
.mypage_top .on .item .num {padding-right:3px;color:#ffef6a}
.mypage_top .item .num{padding-right:3px;color:#0e55ad}
.mypage_top .item .num.big{font-size: 40px;}
.mypage_top .item .totalnum{padding-right:2px;}
.mypage_top .item .txt{text-align: right;font-size:20px;}
.mypage_top .item .lst > li{display: flex;justify-content: space-between; text-align: left;padding: 3px 0;}
.mypage_top .item .lst strong{color: #333;}
.mypage_top .on .item .lst strong {color: #fff;}

.mypaage_edu{margin-top: 30px; border-radius:15px; background: linear-gradient(90deg, rgba(46,52,110,1) 0%, rgba(34,148,168,1) 100%);}
.mypaage_edu .itemCol {display: flex; justify-content: space-between; padding: 20px;}
.mypaage_edu .itemCol li{display: flex; justify-content: space-between; width: 100%; margin-right: 20px; padding:20px 40px; color:#000; font-size: 18px; border-radius: 15px; box-shadow: 1px 1px 5px rgb(0,0,0, 0.2);background-color: #fff;}
.mypaage_edu .item:last-child {margin-right: 0;}
.mypaage_edu .tit{font-weight: 500;}
.mypaage_edu .tit:before{content:"· ";}
.mypaage_edu .num{color: #0e55ad;padding-right:3px;}

.mypage_contents {display: none;}
.mypage_contents.on {display: block;}
.mypage_contents .i-contents .contents {display: none;}
.mypage_contents .i-contents .contents.on {display: block;}

/* grid  progress*/
.progressbar{position:relative;height: 100%; background-color: #ddd;border-radius: 4px;overflow: hidden;}
.progressbar > .bar{position: absolute;left:0;display: inline-block;height: 100%;background-color:#00dca7;}
.progressbar > .num{position: absolute;top:0;left:0;text-align: center;display: block; width:100%;height:36px;line-height: 36px; color:#000;font-size: 14px;}

.progressbar_wp > li{padding:2px 0;height: 50%;}
.progressbarItem{display: grid;grid-template-columns: 50px auto 120px;}
.progressbarItem > .fc1{color:#2379d9;font-weight: 400;text-align: left;}
.progressbarItem > .fc2{color:#d62829;font-weight: 400;text-align: left;}
.progressbarItem > .num{padding-left:10px;}
.progressbarItem > .num .per{color:#888;}
.progressbarItem > .num .per{color:#888;}
.progressbar > .bar2{position: absolute;left:0;display: inline-block;height: 100%;background:linear-gradient(90deg, rgba(109,133,225,1) 0%, rgba(109,168,237,1) 50%, rgba(20,179,209,1) 100%);}
.progressbar > .bar3{position: absolute;left:0;display: inline-block;height: 100%;background:linear-gradient(90deg, rgba(222,81,82,1) 0%, rgba(223,113,75,1) 50%, rgba(242,175,135,1) 100%);}

/* 탭 */
.tabs_wp{}
.tabs{position:relative;overflow:hidden;font-size: 0;}
.tabs li{display:inline-block;border:1px solid #ddd;border-left: 0;}
.tabs li:first-child{border-left:1px solid #ddd ;}
.tabs>li> a{display:inline-block;font-size:16px;font-weight: 500;min-width:175px;padding:13px 10px; color:#000;text-align: center;}
.tabs>li.on > a{background-color:#202986;border-color: #202986;color:#fff}
.tabs_ct{padding-top:20px}
.tabs_item{display:none;}
.tabs>li:only-child.on{color:#111;}

/* 스텝 */
.step_wp{border:1px solid #ddd;}
.step{display:flex;height: 80px;}
.step > li{position: relative;width:100%;padding:20px;text-align: center;border-left:1px solid #ddd;text-align: center;}
.step > li:after{content:"";position: absolute;top:50%;right:-5px;width:10px;height:10px;margin-top:-5px;background-color: #fff;transform: rotate(45deg);border-color: #ddd;border-style: solid;border-width:1px 1px  0 0 ;z-index:2;}
.step > li:last-child{border-right: none;}
.step > li:last-child:after{content:none;}
.step > li span{color:#000;}
.step > li strong{display:block;font-size:18px;margin-top: 5px;font-weight:500;color: #000;}
.step > li.on span{color:#fff}
.step > li.on strong{color: #fff;}
.step > li.on{background-color:#2c4276;}
.step > li.on:after{background-color:#2c4276;border-color: #2c4276;}
.step > li:nth-child(2).on{background-color:#295984;}
.step > li:nth-child(2).on:after{background-color:#295984;border-color: #295984;}
.step > li:nth-child(3).on{background-color:#257d9a;}
.step > li:nth-child(3).on:after{background-color:#257d9a;border-color: #257d9a;}
.step > li:nth-child(4).on{background-color:#2290a6;}
.step > li:nth-child(4).on:after{background-color:#2290a6;border-color: #2290a6;}

.btn_help{width:15px;height:15px;display: inline-block;background: url(../images/content/btn_help.png) no-repeat 50% 50%;vertical-align: middle;margin-left:8px;}
.btn_modi{width:15px;height:15px;display: inline-block;margin-right:5px;background: url(../images/content/btn_modi.png) no-repeat 50% 50%;vertical-align: middle;margin-left:8px;}
.icn_edu_ess{display: inline-block;line-height: 30px;height:30px;font-weight:500;padding:0 10px 0 24px;background:#eee url(../images/content/icn_ess.png) no-repeat 10px 50%;border-radius: 4px;}
.icn_edu_choice{display: inline-block;line-height: 30px;height:30px;font-weight:500;padding:0 10px 0 24px;background:#eee url(../images/content/icn_ess.png) no-repeat 10px 50%;border-radius: 4px;}
.icn_mark{background-image:url(../images/content/icn_mark.png);background-repeat:no-repeat;background-position:100% 0;}

/* 교육 수료현황*/
.adu_completion .itemCol > li{vertical-align: top;padding:0 10px;}
.adu_completion .itemCol > li:first-child{padding-left: 0;}
.adu_completion .itemCol > li:last-child{padding-right: 0;}
.adu_completion .item{display: table;table-layout: fixed;width:100%;height:160px;padding:15px;text-align: center;background: url(../images/content/bg_edu_completion.png) no-repeat 0 0; background-size: 100%;}
.adu_completion .item > div{display: table-cell;vertical-align: middle;background-color: #fff;}
.adu_completion .item .tit{font-size:16px;font-weight:600;color: #000;}
.adu_completion .item .count{color: #000;font-size:16px;margin:15px 0 10px;}
.adu_completion .item .num{font-size:26px;font-weight: 600;}

/* 단*/
.section{display: grid;grid-template-columns: 320px auto;gap:20px;}
.section5{display: grid;grid-template-columns: auto auto;gap:20px;}
.section51{display: grid;grid-template-columns: auto 40%;gap:20px;} /*2023변경*/
.section3{display: grid;grid-template-columns: auto auto auto;gap:20px;}
.section37{display: grid;grid-template-columns: 30% auto;gap:20px;}

.border_box{border:1px solid #ddd; padding:20px;vertical-align: top;}
.itemCol .cont_stit{margin-bottom: 0;display: inline-block;vertical-align:middle;}
.itemCol .btnTy_txt2{margin-top: 10px;}

.collps_box{border-top: 2px solid #2e346e;}
.collps_box dt{padding:10px;text-align: center;color: #000;background-color:#f4f4f4; border-bottom: 1px solid #ddd;cursor: pointer;}
.collps_box dt > span{display: inline-block;padding-right: 20px;background: url(../images/content/icn_collps01.png) no-repeat 100% 50%;}
.collps_box.on dt > span{background: url(../images/content/icn_collps02.png) no-repeat 100% 50%;}
.collps_box dd{display: none; border-bottom: 1px solid #ddd;}
.collps_box.on dd{display:block;}

.tblTy3 th{background-color:#f1f6fb;font-weight: 500;}
.tblTy3 td{padding: 20px;color: #000;line-height: 1.5;}

/* 교육 */
.edu_research_choice > li{position: relative; display:inline-block;width: 400px;height: 103px;margin-right: 10px; padding: 30px 0 0 100px; border:1px solid #ddd;}
.edu_research_choice > li.icn1{background: url(../images/content/icn_edu_research1.png) no-repeat 20px 50%;}
.edu_research_choice > li.icn2{background: url(../images/content/icn_edu_research2.png) no-repeat 20px 50%;}
.edu_research_choice > li .tit{font-size:16px;color:#000;line-height: 18px;}
.edu_research_choice > li .use{display: inline-block;padding: 3px 10px;height:18px; margin-left: 10px; font-size:10px;color:#fff;height:18px;background-color: #2290a7;border-radius: 4px;vertical-align: top;}
.edu_research_choice > li .txt{margin-top: 10px;}
.edu_research_choice > li .setting{position: absolute;top:50%;right:30px;margin-top: -15px; display: inline-block;width:30px;height: 30px; background: url(../images/content/btn_edu_stting.png) no-repeat 50% 50%;}

.edu_research_choice > li.doing .tit{color: #666;}
.edu_research_choice > li.doing .txt{color: #999;}
.edu_research_choice > li.icn1.doing{background: url(../images/content/icn_edu_research1_disabled.png) no-repeat 20px 50%;}
.edu_research_choice > li.icn2.doing{background: url(../images/content/icn_edu_research2_disabled.png) no-repeat 20px 50%;}

.edu_participate{height:237px;margin-top:30px;padding:40px 70px;background:#f6f8ff url(../images/content/bg_edu_participate1.png) no-repeat 100% 50%;}
.edu_participate.end{background:#f6f8ff url(../images/content/bg_edu_participate2.png) no-repeat 100% 50%;}
.edu_participate .tit{font-size: 16px;color:#0e55ad}
.edu_participate .txt{color: #000;margin-top: 10px;}
.edu_participate .txt > li{padding:3px 0;}
.edu_participate .btn{height:36px;width: 200px;margin:20px 10px 0 0;font-size: 16px;font-weight: 600; color: #fff;background: linear-gradient(90deg, rgba(109,133,255,1) 0%, rgba(109,168,237,1) 50%, rgba(20,179,209,1) 100%);border-radius: 36px;}
.edu_participate .btn > span{vertical-align: top;}
.edu_participate .btn:disabled{background: linear-gradient(90deg, rgba(170,170,170,1) 0%, rgba(194,194,194,1) 50%, rgba(194,194,194,1) 100%);cursor: default;}

.edu_process{padding:3px; background:linear-gradient(to bottom, rgba(39,108,144,1), rgba(125,178,190,1));border-radius: 10px;}
.edu_process .edu_process_inner{display: flex;width: 100%;padding: 25px;text-align: left; background-color: #fff;border-radius: 10px;align-items: center;}
.edu_process h4{padding-left: 20px;line-height:1.5;font-size: 16px;color: #000;font-weight: 600;}
.edu_process .icn_state{display: inline-block; color: #fff;min-width:60px;text-align: center; padding: 5px 10px; background-color:#387a99;border-radius: 5px;}
.edu_process .icn_state.bg1{background-color: #7bb0bd;}
.edu_process .icn_state.bg2{background-color: #676767;}
.edu_process .icn_state.bg3{background-color: #666;}
.edu_process .icn_state.bg4{background-color: #ddd;}

.edu_tbl{width: 100%;table-layout: fixed;}
.edu_tbl td, .edu_tbl th{padding:20px;height:75px;border-bottom: 1px solid #ddd;color: #000;}
.edu_tbl th{color: #286d91;}
.edu_tbl th .icn_chck{padding-left: 20px; background: url(../images/content/icn_edu_th.png) no-repeat 0 50%;}
.edu_tbl .cont{line-height: 1.7;}
.edu_tbl .vt{vertical-align: top;}

.survey_visual .survey_visual_tit{margin-top:50px; font-size: 26px; font-weight: 700;}
/* 만족도 관리 */
.edu_total{display:grid; width:100%;margin-top: 30px;gap:10px; grid-template-columns: 1fr 1fr 30% 30%; color: #000;font-size: 16px;}
.edu_total > li{ padding:20px;border:1px solid #ddd; border-radius: 20px;}
.edu_total > li > *{display: inline-block;}
.edu_total .tit{font-weight: 600;line-height: 36px;}
.edu_total .tit:before{content: "· ";}
.edu_total .num{line-height: 36px;}
.edu_total .item{display: flex;justify-content: space-between;}

.edu_chart{display:grid; gap:10px; grid-template-columns: 1fr 2fr;margin-top: 30px;}
.edu_chart > div{position: relative; border:1px solid #ddd; border-radius: 20px;}
.edu_chart .tit{color: #000;font-size: 16px;position: absolute;top:30px;left: 30px;font-weight: 600;}

/* 만족도 수정*/
.edu_satisfied{display: grid;grid-template-columns: 1fr 1fr;gap:20px 20px; padding:20px;background-color: #f7f7f7; border: 1px solid #ddd;border-left:0;border-right: 0;}
.edu_satisfied > div{ padding: 30px;background-color: #fff;border: 1px solid #ddd; border-radius: 20px;}
.edu_question{display: inline-block;padding: 0 20px; line-height: 28px;color:#fff;font-weight: 700; background: linear-gradient(90deg, rgba(109,133,255,1) 0%, rgba(109,168,237,1) 50%, rgba(20,179,209,1) 100%); border-radius: 28px;}
.edu_qust_tit{margin-top: 5px;}
.edu_qust_tit > input{padding-left: 0;padding-right: 0;font-weight: 600;font-size: 16px;border: none;border-bottom: 2px solid #3e75cb;color:#000;border-radius: 0;}
.edu_qust_lst{margin-top: 20px;}
.edu_qust_lst > .item{display: flex;justify-content:space-between;justify-content: center;align-items: center;margin:10px 0;}
.edu_qust_lst > .item > .tit{width: 45px;text-align: right;padding-right:15px;color: #000;font-weight: 600;}

.edu_mng_tit{padding:3px; background:linear-gradient(to bottom, rgba(39,108,144,1), rgba(125,178,190,1));border-radius: 10px;}
.edu_mng_tit .edu_mng_tit_inner{padding: 25px;text-align: left; background-color: #fff;border-radius: 10px;}
.edu_mng_tit h4{line-height:1.5;font-size: 16px;color: #000;font-weight: 600;}
.edu_mng_lst{margin-top: 10px;}
.edu_mng_lst li{display: inline-block;}
.edu_mng_lst li > *{display: inline-block;}
.edu_mng_lst li > .tit{position: relative;padding-right: 10px; color: #286d91;}
.edu_mng_lst li > .tit:after{content: ""; position: absolute;top:50%;margin-top: -5px; right:0;width: 1px;height:12px;background-color: #999;}
.edu_mng_lst li > .txt{padding-right: 50px;padding-left: 20px;color: #000;}

.edu_satisfSurvey{position: relative; display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-top: 30px;}
.edu_satisfSurvey > div{height: 290px;}
.edu_satisfSurvey .tit{font-size: 16px;color: #000;font-weight: 600;}

.chart_certif{position: relative; border: 1px solid #ddd;}
.chart_certif .tit{display: block;text-align: center;position: absolute;top:30px;left: 0;width: 100%;}

.edu_satisfSurvey .dim{position: absolute;top:0;left: 0;right: 0;bottom: 0;display: flex;text-align: center;justify-content: center;align-items: center;font-size: 16px;color: #fff; background-color: rgb(0,0,0, 0.8);}

.chart_submission {position: relative; height: 290px;padding:20px 30px}
.chart_submission > .btnTy6{position: absolute;right:30px;top:20px}
.chart_submission > .tit{line-height: 36px;}
.chart_submission{border: 1px solid #ddd;}

.submission_wp{position: relative; height: 10px;margin-top:50px;background-color:#dddd;}
.submission_wp .bar{position: absolute;top:0;left: 0;height: 10px; background-color: #295c86;}
.submission_wp .bar2{position: absolute;top:0;right: 0;height: 10px; background-color: #dd1c3e;}
.submission_wp .bar::after{content: "";position:absolute;top:-21px; right: 0;left:0;width:100%;height: 21px;background: url(../images/content/bg_chart_persoan.png) no-repeat 100% 0;}
.submission_wp .bar2::after{content: "";position:absolute;top:-21px; right: 0;left:0;width:100%;height: 21px;background: url(../images/content/bg_chart_persoan2.png) no-repeat 0 0;}
.submission_txt{margin-top: 15px;display: flex;justify-content: space-between;}
.submission_txt > span{color: #000;}
.submission_txt .per{color: #666;}

.survey_result{position: relative; display: flex;justify-content: space-between;align-items: center; padding:0 30px;margin-top:20px;height: 92px;background-color: #ddd;}

.chart_score{position: relative; border: 1px solid #ddd;padding:30px;}
.chart_score .tit{display: block; text-align: center;color: #000;font-weight: 600;}
.chart_score .total{text-align: right;color: #286d91;margin-top: 10px;}
.chart_score .progressbar_wp{margin-top: 5px;}
.chart_score .progressbar_wp > li{padding:8px 0}
.chart_score .progressbar{border-radius: 0;}
.chart_score .progressbarItem{grid-template-columns:40px auto 50px}
.chart_score .progressbarItem > strong{font-weight: 600;color: #000;}
.chart_score .progressbarItem > .num{text-align: right;padding-left: 0;color: #000;}
.chart_score .info{color:#999;margin-top: 10px;font-size: 12px;}

.chartBox{border:1px solid #ddd;position: relative;background-color: #fff;}
.bgbox{background-color: #f2f2f2;padding: 30px;}
.bgbox2{background-color: #fff;border-radius: 10px;position: relative;}

/* 현황판 예술인 지원 */
.dash_artist_tbl{margin-top:40px;display: grid;grid-template-columns: auto 435px;gap: 20px;}
.dash_artist_tbl .bgbox{margin-top: 18px;}
.dash_artist_lst{padding:25px 30px;margin-top:20px; background-color: #fff;border-radius: 10px;}
.dash_artist_lst > li{padding:7px 0;display: flex;justify-content: space-between;color: #000;}
.dash_artist_lst > li .num .fc_blue{color:#2378d9;}
.dash_artist_lst > li .tit{font-weight:600;}
.dash_artist_lst > li .tit::before{content:"· ";}
.thinTbl td, .thinTbl th{height: 32px;}

.dash_artist_Tabs{display: grid;grid-template-columns: repeat(8, 1fr);border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.dash_artist_Tabs > li{text-align: center;font-size: 16px;color: #000;background-color: #eaf4f6;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.dash_artist_Tabs > li > a{display:block ;padding:15px 10px;font-weight: 600;}
.dash_artist_Tabs > li.on{margin: -1px; background-color:#0e56ad;color: #fff;border-color:#0c8f89;z-index: 1;}
.dash_artist_Tabs .tit{display: block;font-weight: 600;}
.dash_artist_Tabs .num{display: block;margin-top:7px;}

.tit_box{margin: 20px 0 10px;display: flex;justify-content: space-between;align-items: end;}
.tit_box.bor{border-bottom: 1px solid #000;padding-bottom: 10px;}
.cont_stit2{display: inline-block;font-size: 16px;color: #333;font-weight: 600;}
.cont_stit3{display: inline-block;font-size: 16px;font-weight: 600;background: linear-gradient(to right, #2e346e, #2292a6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cont_stit2.big{font-size: 20px;}
.tit_box .info{font-size: 12px;vertical-align: bottom;}

.dash_artist_wp .inner_list_nav {
position: absolute;
    top: 190px;
    right: 0;
    width: 70px;
    font-size: 0;
}

.dash_artist_wp .inner_list_nav > span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 7px;
    background-color: #fff;
}

.tit_box .unit1 { /*margin-right: 80px;*/ }

/* 숫자 */
.num .fc_red,
.num .fc_blue3{font-weight: 700;letter-spacing: -0.5px;}

.info_lst {margin-top: 20px;}
.info_lst > li{padding: 5px 0 0;}
.info_lst > li::before{content:"· ";}

/** 지역문화예산 */
.dash_culture{display: grid;grid-template-columns:minmax(100px, auto) 700px;gap: 20px;margin-top: 20px;}
.dash_culture .item1{position: relative;}
.dash_culture .item1 .btn{position: absolute;bottom: 0;width: 100%; display: flex;justify-content: space-between;}
.dash_culture .item1 .btn > button{width: 100%;height: 30px; background-color: #356aa0;color: #fff;text-align: center;}
.dash_culture .item1 .btn > button:nth-child(2){border: 1px solid #fff;border-top: 0;border-bottom: 0;}

.dash_culture .item1 .btn2{position: absolute;top:10px;width: 100%;text-align: center;}
.dash_culture .item1 .btn2 > button{margin: 0 5px;}

.dash_culture .item1 .select{position: absolute;top:10px;right:10px;width:200px;}

.dash_culture .item2{padding: 20px 30px;background-color:#f9f0e5;}
.dash_culture_item1{margin-top: 10px; border-radius: 10px;padding:20px 20px 20px 120px;background:#fff url(../images/content/icn_dash_culture01.png) no-repeat 30px 50%;}
.dash_culture_item1 .total .tit{color: #000;font-weight: 500;}
.dash_culture_item1 .total .num{font-size:18px;color: #000;text-align: center;}
.dash_culture_item1 .total .num > span{font-size:38px;}
.dash_culture_item1 .detail{ width:120px;height: 70px;padding: 15px 0;background-color: #f2f4f7;text-align: center;color: #000;}
.dash_culture_item1 .detail .tit{font-weight: 500;}
.dash_culture_item1 .detail .num{font-size:18px;margin-top: 5px;}

/* 문화관광 국고보조금  전체 */
.dash_culture_tourism{margin-top: 20px;}
.dash_culture_gov{display: grid;grid-template-columns:minmax(100px, 1.5fr) minmax(100px, 1fr) 370px;gap: 20px;}
.dash_culture_gov .tit_box{height:36px;}
.dash_culture_gov .item2 .chartBox{height:290px}

/* 문화관광 국고보조금 지역*/
.dash_culture_gov2{display: grid;grid-template-columns:minmax(100px, 1.5fr)  1fr 1fr;gap: 20px;margin-top:-10px;}

.dash_culture_tabs_wp{display: grid;grid-template-columns: 90px auto;border: 1px solid #ddd;}
.dash_culture_tabs{position:relative;overflow:hidden;font-size: 0;}
.dash_culture_tabs li{display:inline-block;width: 100%;height: 71px; border-top:1px solid #fff;}
.dash_culture_tabs li:first-child{border-top-width:0;}
.dash_culture_tabs > li > a{display:flex;width: 100%;height:100%;justify-content:center;align-items:center;line-height: 1.5; font-size:14px;font-weight: 500;padding:15px 10px; color:#000;text-align: center;background-color: #dddddd;}
.dash_culture_tabs > li:first-child > a{height: 72px;}
.dash_culture_tabs > li.on > a{background-color:#3B74CD;border-color: #3B74CD;color:#fff}
.dash_culture_tabs_ct{position: relative; display: grid; grid-template-columns: auto;}
.dash_culture_tabs_txt{position: absolute;bottom:20px;left:30px;right:30px;display: grid;gap: 10px;grid-template-columns: 1fr 1fr;color: #000;}
.dash_culture_tabs_txt > p{background-color: #f2f4f7;padding: 5px;text-align: center;color: #000;}
.dash_culture_tabs_txt > p .fc_blue3{font-size: 18px;font-weight: 600;padding: 0 0 0 5px;}
.dash_culture_tabs_txt > p .fc_grn{color:#2290a7;font-size: 18px;font-weight: 600;padding: 0 0 0 5px;}
.dash_culture_tabs_txt.total{display: inline-block;top:50px;left: 100px;right: auto;bottom: auto;}
.dash_culture_tabs_txt.total > p{background-color:#fff;}

.chartLegend{display: flex; position: absolute;left:10px;right:20px;bottom:20px;padding:0;justify-content: space-around;line-height: 14px; align-items: center;text-align: center;font-size: 12px;color: #000;vertical-align: top;}
.chartLegend i{width:14px;height: 14px;display: inline-block;border-radius: 14px;margin-left: 10px;vertical-align: bottom;}
.chartLegendTotal{position: absolute;font-size:16px;color: #000;text-align: center;width: 100%;}

/* 문화관광 지방자치단체 사업비 => 내역사업, 보조사업 */
.dash_culture_biz1 {display: flex;height:70px;justify-content:center;background-color: #f2f4f7;border:1px solid #ddd;}
.dash_culture_biz1 > li{width: 50%; text-align: center;font-weight: 500; margin-top: 8px;}
.dash_culture_biz1 > li:first-child{border-right: 1px solid #ddd; height: 80%;}
.dash_culture_biz1 > li .num > span{font-size: 18px;}
.dash_culture_biz1 > li .tit{display: block;margin-bottom:15px; font-weight: 500;color: #000;}

/* 문화관광 국고보조금 사업수 */
.dash_culture_biz {display: flex;height:120px;padding: 20px;justify-content:center;align-items: center;border:1px solid #ddd;}
.dash_culture_biz > li{width: 50%;height:100%;padding: 10px 0; text-align: center;font-weight: 500;}
.dash_culture_biz > li:first-child{border-right: 1px solid #ddd;}
.dash_culture_biz > li .num > span{font-size: 18px;}
.dash_culture_biz > li .tit{display: block;margin-bottom:15px; font-weight: 500;color: #000;}

.dash_culture_biz2 {height:132px;padding:50px;text-align: right; background: url(../images/content/icn_dash_culture04.png) no-repeat 50px 50%;border: 1px solid #ddd;border-bottom: none;color: #000;}
.dash_culture_biz2 .num > span{font-size:26px;}

/* 문화관광 국고보조금 집행율 */
.dash_culture_rate{height: 120px; text-align: center;padding:10px 30px 20px;}
.dash_culture_rate .rate{font-size: 38px;margin-bottom:10px;}
.dash_culture_rate .graph{position: relative;width: 100%;height: 10px; background-color: #ddd;border-radius: 3px;overflow: hidden;}
.dash_culture_rate .graph .bar{position: absolute;left: 0;top: 0;height: 100%;background-color:#267ada;border-radius: 3px;}
.dash_culture_rate .infotxt{margin-top: 10px;color: #000;line-height: 1.5;}

/* 집행액 */
.dash_culture_budget{margin-top:60px;}
.dash_culture_treasury{margin-top:60px;}
.dash_culture_business{margin-top:60px;}
.dash_culture_indepen{margin-top:60px;}

/* 국고보조금 부문별 */
.dash_culture_part{padding:20px;background: url(../images/content/bg_dash_culture_part.png) repeat 50% 50%;}
.dash_culture_part .tit{display:block;height:47px;padding: 15px 0 ;text-align: center;font-weight: 500; font-size: 16px;color: #fff;background: linear-gradient(180deg, rgba(44,83,158,1) 0%, rgba(24,50,105,1) 50%);}
.dash_culture_part .stit{display: inline-block;font-size: 13px;color: #000;padding:7px 10px;height: 30px; font-weight: 500; border: 1px solid #ddd;background-color:#f6f6f6;border-radius: 5px;}
.dash_culture_part .num{color: #000;font-size:18px; line-height: 30px;}
.dash_culture_part > ul{display: grid; grid-template-columns:  repeat(6, 1fr) ;gap: 10px;}
.dash_culture_part > ul > li{background-color: #fff;transition: all 0.1s;}
.dash_culture_part > ul > li > ul{padding: 20px;}
.dash_culture_part > ul > li > ul > li{padding: 10px 0;display: flex;justify-content: space-between;}
.dash_culture_part .dash_culture_rate{height: 100%;}
.dash_culture_part .dash_culture_rate .tit{background: none;color: #000;}
.dash_culture_part > ul > li:hover{transform: scale(105%);}
.dash_culture_part > ul > li:last-child{transform:none;}
.dash_culture_part > ul > li:hover ul{background-color: #f2f4f7;}

/* 국고보조금 1인당 환산액 */
.dash_culture_year{display: grid;grid-template-columns:minmax(100px, 4fr) 1fr; gap: 20px;margin-top: 40px;}
.dash_culture_person{padding:60px 40px;height:calc( 100% - 50px)}
.dash_culture_person_item{display: flex;justify-content: space-around;color: #000;justify-items: center;align-items: center;font-size: 18px;}
.dash_culture_person_item .num > span{font-size:38px;}
.dash_culture_person_item .ecol{width: 40px;text-align: center;}
.dash_culture_person .prepare{border:1px solid #ddd; border-radius: 5px;padding:5px 10px;color: #000;float: right;margin-top: -10px;}
.dash_culture_person .prepare .fc_blue3{font-weight: 700;}
.dash_culture_person .tit{color: #000;padding-bottom: 10px;padding-left: 5px;}

.dash_culture_person1{padding:60px 40px;height:calc( 100% - 65px)}
.dash_culture_person1 .prepare{border:1px solid #ddd; border-radius: 5px;padding:5px 10px;color: #000;float: right;margin-top: -10px;}
.dash_culture_person1 .prepare .fc_blue3{font-weight: 700;}
.dash_culture_person1 .tit{color: #000;padding-bottom: 10px;padding-left: 5px;}

.dash_culture_sequel{display: grid;grid-template-columns:minmax(100px, 4fr) 1fr; gap: 20px;margin-top: 40px;}
.chartBox.sequel{padding:70px 30px 30px;height: 393px;}
.sequel_chart{position: relative;text-align: center;display: flex;justify-content: space-around;}
.sequel_chart::after{content: ""; position: absolute;left:0; bottom:24px;height: 1px;background-color: #aaa;width: 100%;}
.sequel_chart > li{display: inline-block;text-align: center;}
.sequel_chart > li .tit{display: block;padding-top: 5px;font-weight: 600;color: #333;}
.sequel_chart .graph{position: relative; width: 70px;height: 250px;display: inline-block; background-color: #ddd;text-align: center;}
.sequel_chart .graph .bar{position: absolute;bottom:0;left:5px; width: 60px; background-color:#267ada;}
.sequel_chart .graph .bar2{position: absolute;bottom: 0;left:5px;width: 60px;background-color: #d72887;}
.sequel_chart .graph .per{position: absolute;bottom: 10px;left:0;color: #fff;width: 100%;text-align: center;font-size:16px;font-weight: 600;}


/* 행사 및 축제 */
.dash_culture_holiday{display: grid;grid-template-columns:160px minmax(100px, auto) ;margin-top: 60px;height: 257px;}
.dash_culture_holiday .item1{background-color: #dddddd;text-align: center;padding:80px 0 0;text-align: center;}
.dash_culture_holiday .item1 > strong{display: block; padding-bottom:80px;background: url(../images/content/icn_dash_culture02.png) no-repeat 50% 100%;}
.dash_culture_holiday .item2{padding:30px 50px;border:1px solid #ddd}

.dash_culHoliday_txt{display: grid;grid-template-columns:repeat(3, 1fr);gap:30px;}
.dash_culHoliday_txt li strong{display:block;height: 47px;padding:15px;font-weight: 500; background-color: #276c8f;color: #fff;text-align: center;font-size: 16px;}
.dash_culHoliday_txt li .num{display: flex;align-items: center;justify-content: center; height:127px;text-align: center;color: #000;border: 1px solid #ddd;}
.dash_culHoliday_txt li .num .fc_blue3{font-size:36px;}
.dash_culHoliday_txt li .num .unit{margin-top: 20px;font-size: 18px;}
.dash_culture_holiday .info{margin: 10px 0 0 0px;}

/** 지역문화 지수 */
/* 지역문화 지수 지도 */
.dash_indi_status{margin-top:0;}
.dash_indi_status .item2{padding-top: 10px;}
.dash_indi_map{display: grid;grid-template-columns: minmax(100px, auto) 600px; grid-template-rows:296px 250px; gap: 20px;}
.dash_indi_map .item1{grid-row: 1/3;}
.dash_indi_map .item1 .chartBox{margin-top: -1px;}
.dash_indi_map .tit_box{margin-top: 0;}
.dash_indi_map .chartBox .btn2{position: absolute; top: 10px;width: 100%;text-align: center;}
.dash_indi_map .chartBox .btn2 button + button{margin-left: 10px;}

.dash_indi_status .item3{padding:25px 30px 20px 30px }
.dash_indi_status .item3 .dash_indi_year{padding: 5px 0 0 0;}
.dash_indi_status .item3 .dash_indi_year .chartBox{margin-top: 5px;}

.dash_indi_map .chart_lst{margin-right: 30px;margin-top:8px;}
.chart_lst{width: 100%;}
.chart_lst > li{display: flex;justify-content: space-between;width: 100%;padding: 10px 0;color: #000;}
.chart_lst .tit{display: inline-block;color: #000;font-weight:500;}
.chart_lst .tit::before{content: "· ";}

.dash_indi_year{width: 100%;margin-right: 30px;color: #000;}
.dash_indi_yearSel{align-items: center;margin-top: 10px;}
.dash_indi_yearSel li{width: 100px;}
.dash_indi_yearSel .unit{width: 10px;}

.dash_indi_class{background-color: #f2f2f2;padding: 20px;margin-top: 20px;}
.dash_indi_class ul{display: grid;grid-template-columns: repeat(4, minmax(100px, 100%));gap: 20px;}
.dash_indi_class ul > li{width: 100%;}
.dash_indi_class .tit{display: block;padding: 8px;height: 36px;background-color: #4e6e7e;color: #fff;font-size: 16px;font-weight: 500;text-align: center;}

.infotxt_icon{padding-left: 20px;margin-left: 10px; background: url(../images/content/btn_info.png) no-repeat 0 50% ;}

/* 지수 시뮬레이터 */
.dash_indi_simulator{margin-top:20px;}
.dash_indi_simchaild{margin-top: 40px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.dash_indi_simchaild_legend{position: absolute;bottom:20px;right: 20px;}
.dash_indi_simchaild_legend > li{padding:5px 20px;color: #000;margin-top:5px;text-align: center;}
.tbl_search_box{display: block; padding: 10px; background-color: #ebf2fc;}
.tbl_search_box .renking{display: inline-block;margin-left: 10px;font-weight: 500;color: #000;vertical-align: middle;}

/* 유사기관 */
.dash_indi_similar{margin-top: 40px;}
.dash_indi_similar .standard_txt{display: inline-block; background-color: #ebf2fc;padding:8px 20px;font-size: 16px;color: #000;font-weight: 600;}
.dash_indi_standard{display: grid;grid-template-columns: repeat(3, 1fr); gap: 20px;margin-top: 10px;}
.dash_indi_standard .item{border:1px solid #ddd;padding:30px;padding-top: 0;}
.dash_indi_standard .standard_num{text-align: center;margin: 20px 0 10px;color: #000;}

/* 지역문화지수*/
.dash_indi_develop{margin-top: 30px;}

/* 문화시설 이용현황 */
.dash_facility{position: relative;}
.dash_facility .upper_txt{position: absolute;top:10px;right:0}
.dash_facility .upper_txt .info{vertical-align: bottom;}
.dash_facility .tit_box{margin-top: 0;}
.dash_facility .whence{font-size: 12px;margin-top: 20px;text-align: right;}
.dash_facility_chart{margin-top: 10px;display:grid;grid-template-columns: minmax(100px, auto) 430px;gap: 20px; min-height: 500px;}
.dash_facility_chart > div{background-color:#fff;border-radius: 5px;}

.dash_facility_chart .item2{padding:20px 10px 20px 20px}
.dash_facility_chart .inner_item{margin-top:10px;overflow: auto;height: 500px;}
.dash_facility_chart .inner_item > li{display: flex;padding:10px;margin:10px 10px 10px 0;border: 1px solid #ddd;justify-content: center;align-items: center;border-radius: 5px;}
.dash_facility_chart .inner_item .stit{color:#000;font-size: 18px;display: block;width:140px;font-weight: 500;padding-right: 10px;}
.dash_facility_chart .item_graph > li{display: grid;grid-template-columns:45px 96px 45px;padding: 5px 0;line-height: 20px;}

.dash_facility_chart .item_graph .tit{font-weight: 400;}
.dash_facility_chart .graph_wp{position:relative; background-color: #ddd;width: 96px;height:20px;overflow: hidden;}
.dash_facility_chart .graph_wp .bar{display: block; position: absolute;top:0;left:0;height:20px;background-color: #2290a7;}
.dash_facility_chart .graph_wp .bar2{display: block;position: absolute;top:0;left:0;height:20px;background-color: #d0324d;}
.dash_facility_chart .graph_bg{position: absolute;top:0;left:0;width: 100%; height:20px;background: url(../images/content/bg_dash_facility.png) no-repeat 0 0;}
.dash_facility_chart .inner_item .num{text-align:right;}

/* 데이터 맵*/
.dash_data_map{display: grid;grid-template-columns: 380px minmax(100px, auto);gap: 20px;background-color:#f8f0e5;padding:20px}
.dash_data_map .item1{background-color: #fff;border-radius: 4px;padding:20px;border: 1px solid #ddd;border-radius: 5px;}
.dash_data_map .item2 .chartBox{border-radius: 5px;}
.dash_data_map .tit_box{margin-top: 0;}
.dash_data_map_lst{margin-top: 10px;height: 440px;overflow: auto;}
.dash_data_map_lst li{padding:5px 10px;}
.dash_data_map_lst > li > a{font-size: 16px;color: #000;}

/* 지능형무인계수 */
.dash_intelligent{margin-top: 30px;}

/* 문화 도시*/
.dash_culture_city{border:1px solid #ddd; padding:40px 20px ;padding-top: 0;margin-top: 20px;}
.dash_culture_city .item{margin-top: 40px;padding-top: 20px;border-top: 1px solid #ddd;}
.dash_culture_city .item:first-child{margin-top: 0;padding-top: 0;border: none;}

/* 지역문화프로그램*/
.dash_culture_porogram{display: grid;grid-template-columns:minmax(100px, auto) 600px;gap: 20px;height: 667px;margin-top: 20px;}
.dash_culture_porogram .item2{background-color:#f9f0e5;padding: 30px;}
.dash_culture_porogram .item1 .btn2{position: absolute;top:10px;width: 100%;text-align: center;}
.dash_culture_porogram .item1 .btn2 button + button{margin-left: 10px;}

.dash_porog_fame{padding:10px 10px 30px;margin-top:20px;background-color: #fff;overflow: hidden;border-radius: 5px;}
.dash_porog_fame .tit_box{margin-left: 20px;}
.dash_porog_fame .lst{margin-top: 10px;font-size: 0;}
.dash_porog_fame li{ display: inline-block; width: 50%;padding:5px 20px;font-size: 14px;color: #000;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.dash_porog_fame li:nth-child(2n-1){border-right: 1px solid #999;}

.dash_porog_fameTotal{padding:30px;background-color: #fff;border-radius: 5px;}
.dash_porog_fameTotal .tit_box{margin: 0;}
.dash_porog_fameTotal .lst{position: relative; margin-left:226px;padding:45px 20px; background-color:#f2f4f7;border-radius: 5px;}
.dash_porog_fameTotal .lst:before{content:"";position: absolute;left:-170px;top:50%;margin-top: -34px; display: block; width:98px;height: 68px;background: url(../images/content/icn_chart_local1.png) no-repeat 50% 50%;}
.dash_porog_fameTotal li{padding:8px 0;color: #000;font-size:20px;text-align: center;}
.dash_porog_fameTotal li .num .fc_blue3{font-size: 26px;}
.dash_porog_fameTotal li .tit{color:#000;font-weight:600;}

.dash_porog_fameClass{margin-top:20px;}
.dash_porog_fameClass ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.dash_porog_fameClass li{padding:20px;border-radius: 5px;background-color: #fff;}
.dash_porog_fameClass .tit{display: block;background-color:#f2f4f7;padding: 10px;text-align: center;color: #000;font-weight: 600; border-radius: 3px;}
.dash_porog_fameClass .tit > span{padding-left:30px; background-position: 0 50%;background-repeat: no-repeat;}
.dash_porog_fameClass .num{padding:35px 0;text-align: center; color: #000;}
.dash_porog_fameClass .num > span{font-size: 26px;}
.dash_porog_fameClass .icn1{background-image:url(../images/content/icn_chart_local2.png);}
.dash_porog_fameClass .icn2{background-image:url(../images/content/icn_chart_local3.png);}
.dash_porog_fameClass .icn3{background-image:url(../images/content/icn_chart_local4.png);}

.scrollTxt{overflow:auto; max-height:200px;line-height: 1.5;}
.prev{display:inline-block; width:35px;text-align: center;}
.next{display:inline-block; width:35px;text-align: center;}

.online_chart {display: grid;grid-template-columns:1fr 2.3fr 3fr;gap: 20px;}
.online_chart > div{position:relative;background-color: #f8f0e5;padding:20px;height: 282px;}
.online_chart > div .tit{text-align: center;display:block;margin-bottom: 10px;font-size: 16px;color: #000;font-weight: 600;}
.online_chart > div .chartBox{border: none;background-color: #fff;}
.online_chart > .item1 .chartBox{border-radius:10px;height: 206px;overflow: hidden;}
.online_chart > .item1 .chartLegend{bottom: 30px;justify-content: none;display: block;}
.online_chart > .item1 .chartLegend > li{padding: 3px 0;}
.online_chart > .item2 .tit{margin-top: -65px;}

.online_chart > .item2 .chartLegend{bottom: 35px;}
.online_chart > .item2 .itemCol{position: relative;border-radius:10px;background-color: #fff;border-radius: 10px;margin-top: 30px;}
.online_chart > .item2 .itemCol > li{height: 206px;position: relative;width: 50%;}
.online_chart > .item2 .itemCol:after{content: "";position: absolute;top:20px;left:50%;width: 1px;height:146px;background-color: #ddd;}

.online_chart > .item3 .total{width:100%;display: table; background-color: #fff;padding:15px;color: #000;border-radius: 10px;align-items: center;font-size: 16px;color: #000;}
.online_chart > .item3 .total > *{vertical-align: middle;display: table-cell;}
.online_chart > .item3 .total > .tit{text-align: left;}
.online_chart > .item3 .total .num{vertical-align: middle;}

.online_chart > .item3 .compl{display: table;padding:15px;width: 80%;font-size: 16px;color: #000;float: right;}
.online_chart > .item3 .compl > *{vertical-align: middle;display: table-cell;text-align: left;}
.online_chart > .item3 .compl .tit{width:200px;padding-left: 30px;line-height: 25px; background: url(../images/content/icn_online.png) no-repeat 0 50%;}
.online_chart > .item3 .compl .num{text-align: right;}
.online_chart .flag{display: inline-block; padding:3px 7px;height: 22px; border-radius: 5px;background-color: #6099d0;color: #fff;font-size: 12px;}
.online_chart .flag.error{background-color: #666;}

.online_submission{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;padding:20px;text-align: center;background-color: #fff;border-radius: 10px;margin-top: 10px;}
.online_submission > li{padding: 65px 0 0;background-position: 50% 10px;background-repeat: no-repeat;}
.online_submission > li > .tit{display: block;margin-bottom: 4px; font-size: 14px;}
.online_submission > li > .num{display: block;color: #000;font-size: 16px;}
.online_submission > li > .flag{margin-top: 7px;}
.online_submission > li.icn1{background-image: url(../images/content/icn_online1.png);}
.online_submission > li.icn2{background-image: url(../images/content/icn_online2.png);}
.online_submission > li.icn3{background-image: url(../images/content/icn_online3.png);}
.online_submission > li.icn4{background-image: url(../images/content/icn_online4.png);}


/* 현황판 - 설명영역 */
.btn_help_area{
	display: inline-block;
	width:80px;
	height: 29px;
	margin-left:10px;
	background: url(../images/content/btn_sta_help.png) no-repeat 0 0;
}

.btn_help_area.on{
	background: url(../images/content/btn_sta_help_on.png) no-repeat 0 0;
}

.sta_parent {
	position: relative;
}
.sta_dim1 {
	display:none;
	position: absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0, 0, 0, 0.5);
	transition:all .3s ease;
/* 	overflow: hidden;	 	 */
	overflow: auto;
	font-size: 1.3em;
	line-height: 2em;
/* 	border: 3px solid #ff0000; */
}
.sta_dim1 > span{
	color: rgb(255, 255, 255);
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
/* 	font-size: 30px; */
/* 	overflow: inherit; */
	white-space: pre-wrap;
	max-width: 75%;
	max-height: 65%;
	width: 100%;
	height: 100%;
}

.load_area {
	display:none;
	position: absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0, 0, 0, 0.5);
	transition:all .3s ease;
	overflow: auto;
	font-size: 1.3em;
	line-height: 2em;
}

.sta_dim {
	display:none;
	position: absolute;
	width:100%;
	height:100%;
	z-index:1000;
	/*background-color:rgba(0, 0, 0, 0.5);*/
	transition:all .3s ease;
	overflow: auto;
	font-size: 1.3em;
	line-height: 2em;
	border-top: 5px solid yellow;
	border-bottom:5px solid yellow;
	border-left:5px solid yellow;
	border-right:5px solid yellow;
}
.sta_dim > span{
	color: rgb(255, 255, 255);
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
	white-space: pre-wrap;
	max-width: 75%;
	max-height: 65%;
	width: 100%;
	height: 100%;
}

/* 이미지 제작용 */
/*
.sta_dim {
	display:none;
	position: absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0, 0, 0, 0);
	transition:all .3s ease;
	overflow: hidden;
	font-size: 1.3em;
	line-height: 2em;
	border: 7px dashed #ff0000;
}
 */
 #mainNowInst {
    cursor: pointer;
    width: 100%;
    height: 35px;
    padding: 8px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border: 0px solid #CCCDD4;
    border-radius: 8px;
    color: #66697d;
    -webkit-appearance: none;
    background: #fff url(../images/common/icn_arr.png) no-repeat right 10px top 50%;
}

img {vertical-align: top;}
.w16p {width: 16%;}
.w49p {width: 49%;}
.w83p {width: 83%;}
.w100{width:100px;}
.font_color_red {color:#eb1c3c; }
.important {background: #f7f7f7;}
a[class^="btnTy"] > span {position: relative; top: -2px;}
.subsidy_situation_wrap {width: 100%; min-width: 1280px; padding-bottom: 45px;}
.sprt_tab.online .tabs li:first-child.on {border-left: 1px solid #202986;}
[class^="btnTy"] > span {font-weight: 500;}
.btn_wp.noMg {margin: 0; display: flex;}
.inpTy1 > textarea:disabled {background-color: #f0f0f0;}
.lypop .inpTy1 > textarea {height: 130px;}
.lypop .fileList .listBox {height: 85px;}
.lypop_title.admin {background-color: #064674;}
.datapicker.aside {display: flex;}
.tbl_search td.narrow {padding-right: 20px;}
tr.nonExposure {background-color: #f7f7f7;}
.fc_blue4{color:#2290a7;}
.fc_green{color:#28a722;}
.fc_navy{color:#013964;}
.mL5{margin-left: 5px;}
.mL15{margin-left: 15px;}
.mB0{margin-bottom: 0px !important;}
.pR10 {padding-right: 10px !important;}
.pL15 {padding-left: 15px;}
.pL0 {padding-left: 0px !important;}
.bdL {border-left: 1px solid #ddd !important;}
.tblBc{background-color: #f1f6fa;}
.btnTyFlat {font-size: 12px; color: #000; padding: 4px 13px 5px; background: #eee; border-radius: 5px; border: 1px solid #ddd;}
.btnTyFlat.navy {color: #fff; background: #001a55; padding: 4px 8px 5px; border: 1px solid #001a55;}

/* 팝업창 - 휴면계정안내/로그인연장 */
.popUp_wp {position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; text-align: center; display: none;}
.popUp_wp.extend_login {display: none;}
.popUp_wp .popBg {background: #000; opacity: 50%; width: 100%; height: 100%;}
.popUp_wp .inner_box {width: 400px; background: #fff; padding: 40px 50px; border: 1px solid #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.popUp_wp .inner_box > h3 {font-size: 24px; color: #2e346e; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.popUp_wp .inner_box > p {font-size: 14px; color: #000; line-height: 24px; margin: 35px 0 ;}
.popUp_wp .inner_box > button {display: block; width: 300px; height: 50px; background: #0e55ad; font-size: 16px; color: #fff; }
.popUp_wp .extend_login_btn_wp {display: flex; justify-content: space-between;}
.popUp_wp .extend_login_btn_wp > button {width: 145px; height: 50px; color: #fff; font-size: 16px; background: #0e55ad;}
.popUp_wp .extend_login_btn_wp .logOut_btn {background: #666;}
/* 팝업창 - 개인정보변경/기관조회 */
.lypop.organization .lypop_txt {font-size: 14px; color:#000; line-height: 24px; text-align: center; margin: 45px 0;}
.lypop.organization .lypop_txt a {color: #0e55ad;}
.lypop.organization .lypop_txt a:hover {text-decoration: underline;}
/* 팝업창 - 개인정보변경/기관조회 검색결과*/
.lypop.organization .tbl_wp {margin-top: 30px;}
.lypop.organization .tbl_search th {padding-right: 30px;}
.lypop.organization .tblTy2 th {padding:0;}
.lypop.organization .tblTy2 tbody tr {cursor: pointer;}
.lypop.organization .tblTy2 tbody tr.on {background: #f7f7f7;}
/* 팝업창 - 개인정보변경/계정정보 */
.lypop.PI .modal_txt {line-height: 24px;}
/* 팝업창 - 개인정보변경/계정정보변경 */
.lypop.chg .modal_txt {line-height: 24px;}
.lypop.chg .modal_txt2 {margin: 15px 0 20px; text-align: center; color:#000;}
/* 팝업창 - 개인정보변경/비밀번호변경 */
.lypop.chgPw .pop_tit {color: #000;}
.lypop.chgPw .pop_tit h4 {font-size: 20px; text-align: center; font-weight: 400;}
.lypop.chgPw .pop_tit p {font-size: 14px; margin: 20px 0 10px;}
.lypop.chgPw .pop_chgPw {width: 300px;}
.lypop.chgPw .tblTy1 th {padding: 0 0 0 10px; }
.lypop.chgPw .tblTy1 th label {position: relative; top: -10px;}
.lypop.chgPw .tblTy1 tr.first th label {top: 0px;}
.lypop.chgPw .tblTy1 tr.first td {padding: 5px 0 5px 10px; }
.lypop.chgPw .tblTy1 td {padding: 5px 0 10px 10px; }
.lypop.chgPw .tblTy1 td .guide_txt {font-size: 12px; color: #999; position: relative; top: 4px; letter-spacing: -0.25px;}

/* 통합검색 / 검색결과 카테고리 탭 */
.subsidy_situation_wrap .result_wrap b {color:#eb1c3c;}
.result_wrap .description {display: block; color: #000; font-size: 14px; margin: 30px 0 10px;}
.result_category {width: 100%; min-width: 1220px; height: 55px; display: flex; justify-content: space-between; align-items: center;}
.result_category .tabs {background-color: #fff; text-align: center; width: 100%; height: 100%; border: 1px solid #ddd; border-right: none;}
.result_category .tabs:last-child {border-right: 1px solid #ddd;}
.result_category .tabs.on {background-color: #272c62; border: 1px solid #272c62;}
.result_category .tabs > a {color: #000; font-size: 16px; display: block; width: 100%; height: 100%; line-height: 53px;}
.result_category .tabs.on > a {color: #fff; }
.result_wrap .result_num {display: flex; justify-content: space-between; align-items: center; margin: 30px 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.result_wrap .result_num p {font-size: 22px; text-align: center; color: #000; }
/* 통합검색 / 조회결과 // 제목 */
.result_wrap .tabContents {width: 100%; min-width: 1220px; margin-bottom: 30px; overflow: hidden;}
.result_wrap .tabContents_top {display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; background: #eef3fa; align-items: center;}
.result_wrap .tabContents_top .tabContents_tit {padding: 20px 30px; font-size: 20px; font-weight: 500; color: #000;}
.result_wrap .tabContents_top .btnTy5 {padding: 8px 16px; font-size: 14px; margin-right: 30px;}
/* 통합검색 / 조회결과 // 리스트 */
.result_wrap .tabContents_list > li {padding: 20px 30px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;}
.result_wrap .tabContents_list > li:nth-child(5) {border-bottom: none;}
.result_wrap .tabContents_list > li:nth-child(6) {border-top: 1px solid #ddd;}
.result_wrap .tabContents_list > li:last-child {border-bottom: none;}
.result_wrap .tabContents_list > li .btnTy2 {border-radius: 0px;}
.result_wrap .tabContents_list_txt {width: 90%;}
.result_wrap .tabContents_list_txt > h4 {font-size: 18px; color: #000; font-weight: 500; margin-bottom: 5px;}
.result_wrap .tabContents:nth-child(1) .tabContents_list_txt > h4 {margin-bottom: 20px;}
.result_wrap .tabContents_list_txt > p {font-size: 14px; color: #666;}
.result_wrap .tabContents_file > img {position: relative; top: 4px;}
.result_wrap .tabContents_file > span {margin: 0 10px 0 8px;}
.result_wrap .tabContents_file .preView_btn {width: 68px; height: 34px; border: 1px solid #ddd; background: #eee; color: #000; font-size: 14px;}
.result_wrap .tabContents:nth-child(2) .tabContents_list_txt .write span:first-child::after {content: ""; display: inline-block; width: 1px; height: 10px; background: #666; margin: 0 7px;}
.result_wrap .tabContents:nth-child(2) .tabContents_list_txt > p {margin: 17px 0;}
.result_wrap .tabContents:nth-child(3) .tabContents_list_txt .notice > span:first-child::after {content: ""; display: inline-block; width: 1px; height: 10px; background: #666; margin: 0 7px;}
.result_wrap .tabContents:nth-child(3) .tabContents_list_txt .notice {margin-top: 18px;}
.result_wrap .tabContents .btnTy2 {padding: 8px 16px; font-size: 14px;}
/* 통합검색 / top 버튼 */
.fix_top {display: none; width: 50px; height: 50px; border: 1px solid #ddd; background: #fff url(../images/content/img_top_arrow.png) center no-repeat; text-align: center; position: fixed; bottom: 50px; right: 50%; transform: translateX(989px);}
.fix_top img {position: relative; top: 13px;}

@media screen and (max-width:2020px){
    .fix_top {right: 50px; transform: translateX(0);}
}

/* 로그인페이지 - 로그인 */
.login_wp {display: flex; justify-content: center; align-items: center; height: 100vh; text-align: center; }
.login_wp {background: url(../images/content/img_loginBg.png); background-repeat: no-repeat; background-position: center;}
.login_wp .login_form {width: 500px; padding: 70px 50px; background: #fff; border-radius: 20px; box-shadow: 10px 10px 18px rgba(0,0,0,30%);  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.login_wp .log_tit, .confirmPW_tit {font-size: 30px; color: #2e346e; margin: 25px 0;}
.login_wp .log_txt, .confirmPW_txt {font-size: 14px; color: #000; line-height: 24px; margin-bottom: 35px; letter-spacing: -0.25px;}
.login_wp .log_id, .login_wp .log_pass, .confirmPW_wp .confirmPW_inp {width: 400px; height: 50px; border: 1px solid #ddd; background: #fff; padding-left: 20px; box-sizing: border-box; display: block; margin: 0 auto 10px;}
.login_wp .log_id::placeholder,
.login_wp .log_pass::placeholder {font-size: 14px; color: #676767; line-height: 48px;}
.login_wp .saveID_wp {text-align: left; margin-bottom: 40px;}
.login_wp .saveID_wp input[id="saveID"] ~ label::before {top: 2px; border: 1px solid #ddd; }
.login_wp .saveID_wp input[id="saveID"]:checked ~ label::before { border-color: #377fd5;}
.login_wp .saveID_wp input[id="saveID"]:checked ~ label::after {top: 5px;}
.login_wp .log-btn {width: 100%; height: 50px; background-color: #0e55ad; color: #fff; font-size: 16px; cursor: pointer;}
.log_btn_wrap {display: flex; justify-content: center;}
.log_btn_wrap.login {justify-content: space-between; margin-top: 15px;}
.log_btn_wrap > a {font-size: 14px; color: #666;}
.log_btn_wrap > a:hover {color: #000; font-weight: 500;}
.logIn_footer {width: 100%; background: #666; position: absolute; bottom: 0; left: 0;}
.logIn_footer p {line-height: 30px; color: #fff; font-size: 12px;}
/* 로그인페이지 - 휴면계정안내 */
.login_wp.dormant .login_form {padding: 70px 0;}
.dormant_wp .dormant_tit {margin-bottom: 20px;}
.dormant_wp .dormant_txt {margin-bottom: 25px;}
.dormant_wp .dormant_txt_2 {margin: 33px 0; letter-spacing: -0.25px;}
.dormant_wp .dormant_notice {width: 400px; height: 80px; background: #f8f8f8; font-size: 14px; line-height: 24px; padding-left: 30px; text-align: left; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; color: #000;}
.log_btn_wrap > button {width: 195px; height: 50px; border: none; font-size: 16px; border-radius: 0px;}
.log_btn_wrap .btnTy5.disagree {background: #666; margin-right: 10px;}
.log_btn_wrap .btnTy5.agree {background: #0e55ad;}
/* 로그인페이지 - 아이디변경안내 */
.chg_ID_wp .chg_ID_enter {display: flex; margin-bottom: 30px;}
.chg_ID_wp .log_txt.chg_ID {margin-bottom: 25px;}
.chg_ID_wp .chg_ID_enter > input.chg_ID {width: 290px; margin-right: 10px; margin-bottom: 0;}
.chg_ID_wp .chg_ID_enter .duplicate_check {width: 100px; height: 50px; background: #8f8f8f; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 16px;}
.chg_ID_wp .log-btn.agree {font-size: 16px; font-weight: 300; margin-bottom: 0;}
/* 로그인페이지 - 비밀번호변경안내 / 메인 - 비밀번호 찾기 */
.chg_PW_wp .chg_PW_txt, .confirmPW .confirmPW_tit {margin-bottom: 25px;}
.confirmPW_wp {width: 400px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.chg_PW_wp .regExp_txt {display: flex; font-size: 14px; color: #666; margin-bottom: 20px;}
.chg_PW_wp .log_pass.chg_PW, .confirmPW_wp .confirmPW_inp {margin-bottom: 30px;}
.chg_PW_wp {position: relative;}
.chg_PW_wp .agreement {position: absolute; bottom: 96px; right: 20px; color: #1fafe6; display: none;}
.chg_PW_wp .agreement.on {display: block;}
.chg_PW_wp .agreement > img {width: 12px; height: 8px;}
.chg_PW_wp .disagreement {position: absolute; bottom: 96px; right: 20px; color: #eb1d3c; display: none;}
.chg_PW_wp .disagreement.on {display: block;}
.chg_PW_wp .disagreement > img {width: 12px; height: 8px;}
/* 로그인페이지 - 아이디/비밀번호찾기 */
.find_IdPw_wp .find_IdPw_tab {display: flex; }
.find_IdPw_wp .find_IdPw_tab > li {width: 200px; border-bottom: 1px solid #ddd; color: #999; font-size: 14px; padding: 12px 0 13px;}
.find_IdPw_wp .find_IdPw_tab > li.on { color: #000; border-bottom: 3px solid #0e55ad;}
.find_IdPw_wp .find_IdPw_contents > li { display: none;}
.find_IdPw_wp .find_IdPw_contents > li.on { display: block;}
.find_IdPw_wp .find_IdPw_contents > li > p { margin: 40px 0; color: #000;}
.find_IdPw_wp .find_IdPw_contents > li > input { margin-bottom: 30px;}
.find_IdPw_wp .find_IdPw_contents .self_certification {width: 100%; height: 50px; background: #0e55ad; border: none; border-radius: 0; font-size: 16px; color: #fff;}
.find_IdPw_wp .logBtn_wp {display: flex;}
/* 로그인페이지 - 아이디찾기/결과 */
.find_id_result_wp {display: none;}
.find_id_result_wp.on {display: block;}
.find_id_result_wp .find_id_result_txt {margin: 40px 0; color: #000;}
.find_id_result_wp .find_id_result {width: 400px; height: 50px; border: 1px solid #ddd; margin-bottom: 30px; line-height: 48px; color: #2e346e;}
/* 로그인페이지 - 아이디찾기/결과없음 */
.find_id_noResult_wp {display: none;}
.find_id_noResult_wp.on {display: block;}
.find_id_noResult_wp > img {margin: 40px 0 30px;}
.find_id_noResult_wp .find_id_noResult {color: #999; margin-bottom: 40px;}
/* 로그인페이지 - 비밀번호찾기 결과 */
.find_pw_result {display: none;}
.find_pw_result.on {display: block;}
.chg_PW_wp .find_pw_result_txt {margin: 30px 0; color: #000;}
.chg_PW_wp .agreement2 {bottom: 97px;}
.chg_PW_wp .disagreement2 {bottom: 97px;}

/* 회원가입페이지 - 약관동의 */
.joinUs_wp {display: flex; justify-content: center; text-align: center; flex-direction: column; height: 100vh;}
.joinUs_wp.first {/*height: auto;*/}
.joinUs_wp .gauge {width: 90px; height: 5px; background: #ddd; margin: 0 auto 40px; position: relative;}
.joinUs_wp.first .gauge {margin: 70px auto 40px;}
.joinUs_wp .gauge > span {display: inline-block; width: 30px; height: 100%; background: #2e346e; position: absolute; top: 0; left: 0;}
.joinUs_wp .join_tit {font-size: 30px; font-weight: bold; color: #2e346e; margin-bottom: 20px;}
.joinUs_wp .join_txt {font-size: 14px;  color: #000; margin-bottom: 40px;}
.joinUs_wp .must_check {width: 800px; margin: 0 auto;}
.joinUs_wp .join_notice {width: 100%; border: 1px solid #ddd; text-align: left; margin-bottom: 20px;}
.joinUs_wp .join_notice:last-child {margin-bottom: 40px;}
.joinUs_wp .join_notice .join_notice_top {height: 50px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd;}
.joinUs_wp .join_notice .join_notice_top .subtitle {font-size: 14px; font-weight: 400; color: #000; padding-left: 20px;}
.joinUs_wp .join_notice .join_notice_top .form_control {color: #000; padding-right: 20px;}
.joinUs_wp .join_notice .detail {height: 150px; overflow: auto; color: #000; font-size: 13px; padding: 20px; background: #f8f8f8;}
.joinUs_wp .join_notice .detail .tit {font-size: 15px;}
.joinUs_wp .join_notice .detail > p {line-height: 25px;}
.joinUs_wp .join_notice .detail > p > a {color: #1fafe6;}
.joinUs_wp .join_notice .detail > span {line-height: 18px; color: #aaa; font-size: 11px;}
.joinUs_wp .form_control.checkall {font-size: 14px; color: #000;}
.joinUs_wp .check_btn_wp {margin: 40px 0 70px; display: flex; justify-content: center;}
.joinUs_wp .check_btn_wp > button {width: 195px; height: 50px; font-size: 16px; color: #fff;}
.joinUs_wp .check_btn_wp > a {width: 195px; height: 50px; font-size: 16px; color: #fff; line-height: 50px;}
.joinUs_wp .check_btn_wp .check_no {margin-right: 10px; background: #666;}
.joinUs_wp .check_btn_wp .check_ok {background: #0e55ad;}
.joinUs_wp input[type="checkbox"] ~ label::before {top: 3px; border: 1px solid #ddd;}
.joinUs_wp input[type="checkbox"]:checked ~ label::after {top: 5px;}
.joinUs_wp .joinUs_footer {width: 100%; background: #666; }
.joinUs_wp .joinUs_footer p {line-height: 30px; color: #fff; font-size: 12px;}
/* 회원가입페이지 - 정보입력 */
.joinUs_wp.second .gauge > span {width: 60px;}
.joinUs_wp .tblTy1.member_infor {width: 900px; border-top: 2px solid #2e346e; margin: 40px auto 0;}
.joinUs_wp .tblTy1 .form_control {height: 55px; font-size: 14px;}
.joinUs_wp .tblTy1 .form_control > th {height: 100%; letter-spacing: -0.25px;}
.joinUs_wp .tblTy1 .form_control > th.userPosition {padding-right: 0;}
.joinUs_wp .tblTy1 .form_control > td {height: 100%; text-align: left; padding-left:10px; }
.joinUs_wp .tblTy1 .form_control > td > input {background-color: #fff; border:1px solid #ddd; width: 310px; height:36px; padding-left: 10px; margin-right: 10px;}
.joinUs_wp .tblTy1 .form_control > td > input::placeholder {color: #676767;}
.joinUs_wp .tblTy1 .form_control > td > input#userOrganization {background: #f0f0f0;}
.joinUs_wp .tblTy1 .form_control > td > input.shot {width: 210px;}
.joinUs_wp .tblTy1 .form_control > td > input.email {width: 150px;}
.joinUs_wp .tblTy1 .form_control > td > input#auto_email {margin-left: 10px;}
.joinUs_wp .tblTy1 .form_control > td #email_sel {width: 150px; height: 36px; border: 1px solid #ddd; padding: 0 20px; appearance:none; background: url(../images/content/img_v_arrow.png) 85% no-repeat;}
.joinUs_wp .tblTy1 .form_control > td .join_btn {display: inline-block; width: 80px; height: 36px; background: #666; color: #fff; font-size: 14px; text-align: center; line-height: 36px;}
/* 회원가입페이지 - 가입완료 */
.joinUs_wp.last .gauge > span {width: 90px;}
.joinUs_wp .completion_img {margin: 44px 0;}
.joinUs_wp.last .join_txt {font-size: 20px; color: #000;}
.joinUs_wp .joinUS_notice {width: 700px; margin: 40px auto; background: #f8f8f8; text-align: left; color: #000; font-size: 14px; line-height: 24px; padding: 15px 30px;}
.joinUs_wp .go_main {display: block; width: 400px; height: 50px; line-height: 50px; background-color: #0e55ad; color: #fff; margin:0 auto 105px; font-size: 16px;}

/* 계정정보 - 개인정보변경 */
.cont_page.mypage .btn_wp {text-align: right;}
.cont_page.mypage .tbl_tit {font-size: 20px; margin: 30px 0 20px; color: #000; font-weight: 500;}
.cont_page.mypage .tblTy2 th {height: 50px;}
.cont_page.mypage .tblTy2 td {height: 50px;}
/* 계정정보 - 개인정보변경/수정 */
.cont_page.mypage .inpTy1.w180 {width: 180px; margin-right: 10px;}
.cont_page.mypage .inpTy1.w300 {width: 300px;}
#chgOrganization {background-color: #f5f5f5;}
#chgPhone, #userNm, #instNm {background-color: #f5f5f5;}


/* 이용안내 / 시스템소개 */
/* .notice_wp .tblTy2 td a,.inquiry_board_wp .tblTy2 td a {text-decoration: none;}
.notice_wp .tblTy2 td a:hover,.inquiry_board_wp .tblTy2 td a:hover {text-decoration: underline;} */
/* .cont_tit .txt {color: #999; font-size: 14px; font-weight: 300;} */
.sistem_visual {min-width: 1220px; height: 280px; color: #fff; padding: 60px 0 0 70px; background: url(../images/content/img_sistemBg.png) no-repeat center; background-size: cover; position: relative;}
.sistem_visual h2 {font-size: 30px; margin-bottom: 30px;}
.sistem_visual p {font-size: 20px; line-height: 30px;}
.sistem_visual p span {color: #7de2f9;}
.sistem_visual img {position: absolute; top: 28px; right: 85px;}

.function_wp {margin: 50px 0; padding: 0 25px;}
.function_wp h4 {font-size: 18px; color: #333; margin-bottom: 20px;}
.function_wp .function_list {display: flex; flex-wrap: wrap;}
.function_box {width: 32%; border: 1px solid #cecece; border-radius: 10px; overflow: hidden; margin: 0 2% 30px 0; height: 250px;}
.function_box:nth-child(3), .function_box:nth-child(6) { margin-right: 0;}
.function_box .tit_wrap {display: flex; justify-content: space-between; align-items: center; padding: 22px 20px; background: #e4e4e4 url(../images/content/img_light_bg.png) no-repeat; background-size: cover;}
.function_box .tit_wrap .tit h5 {font-size: 16px; color: #333; margin-bottom: 8px;}
.function_box .tit_wrap .tit h5 span {color: #0075bb; }
.function_box .tit_wrap .tit p {font-size: 14px; color: #666;}
.function_box .context {padding: 15px 17px 20px 20px;}
.function_box .context p {color: #666; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; margin-bottom: 35px;}
.function_box .context .icn_wrap {display: flex; justify-content: space-around; align-items: center;}
.function_box .context .icn_wrap .right {position: relative; left: 77px;}
.function_box .context .icn_wrap span {color: #676767; font-size: 12px; width: 150px; text-align: center; position: relative; top: -10px; left: -4px;}
.function_box .context .icn_wrap span::after {content: ""; display: block; background: url(../images/content/img_right_arrow.png) no-repeat; position: absolute; top: 12px; left: 4px; width: 100%; height: 100%;}

.manual {display: flex; justify-content: space-between; align-items: center; padding: 7px 70px; margin-bottom: 50px; background: url(../images/content/img_sistemBg_02.png) no-repeat; background-size: cover;}
.manual .tit p {font-size: 14px; color: #000; }
.manual .tit h4 {font-size: 20px; color: #0e55ad; margin-top: 8px;}
.manual .download {display: flex; align-items: center;}
.manual .download a {font-size: 16px; color: #fff; display: inline-block; width: 250px; height: 50px; margin-right: 80px; line-height: 50px; text-align: center; background: url(../images/content/img_btn_down.png) no-repeat;}
.manual .download a img {margin-left: 5px; position: relative; top: 15px;}

.FAQ {margin-bottom: 50px;}
.FAQ h4 {font-size: 18px; color: #333; padding: 0 0 15px 30px; border-bottom: 2px solid #202986;}
.FAQ_list {font-size: 16px; color: #333;}
.FAQ_list .question {display: flex; align-items: center; padding: 20px 0 20px 50px; border-bottom: 1px solid #ddd;}
.FAQ_list .question .arrow {width: 18px; height: 10px; background: url(../images/content/icn_downward_arrow.png) no-repeat; margin-right: 50px;}
.FAQ_list li.on .question .arrow {background: url(../images/content/icn_upward_arrow.png) no-repeat;}
.FAQ_list .question .txt {cursor: pointer;}
.FAQ_list .question .txt:hover {color: #000; text-decoration: underline;}
.FAQ_list .question .txt > span {margin-right: 7px; color: #0e55ad;}
.FAQ_list .answer {background: #f4f4f4; padding: 20px 0 20px 120px; border-bottom: 1px solid #ddd; display: none;}
.FAQ_list li.on .answer {display: block;}
.FAQ_list .answer span {margin-right: 7px; color: #0e55ad;}

/* 이용안내 / 공지사항 */
.fileList {border: 1px solid #ddd; height: 160px; overflow: auto;}
.noPd {padding: 0 !important;}
.noPd > li {padding: 5px 20px;}
.noPd > li.checkBox {padding-left: 0px;}
.borderlessTXT {width: 100%; padding: 15px; background: #fff; color: #000; line-height: 1.7; overflow: auto; min-height: 200px;}
.borderlessTXT.re {min-height: 120px; padding: 10px 0; height: 200px; overflow: auto;}

/* 이용안내 / 문의게시판 */
.sprt_tab.wide > ul {display: flex; justify-content: space-between; align-items: center;}
.sprt_tab.wide li {width: 100%; height: 47px; text-align: center; border-right: none;}
.sprt_tab.wide li:last-child {border-right: 1px solid #ddd;}
.sprt_tab.wide li > a {padding: 0px; line-height: 45px; width: 100%;}
.mR8 {margin-right: 8px;}
.top2 {position: relative; top: 2px;}
/* 이용안내 / 문의게시판 / 수정페이지에서만 보여야 하는 버튼 */
.inquiry_board_wp .btn_wp .modify {display: none;}
.removeThStyle {background-color: #fff !important; border-right: none !important;}
.fileUploadBtn {width: 52px; height: 26px; background-image: linear-gradient(#fefefe, #e6e6e6); margin: 0 4px 0 0; color: #333; font-weight: bold; text-decoration: none; border: 1px solid #b7b7b7; border-radius: 4px; padding: 2px 12px; cursor: pointer;}

/* 이용안내 / 설문조사 */
.survey_list_wp {padding: 0 20px; display: flex; flex-wrap: wrap; align-items: center; min-width: 1180px; margin-top: 20px;}
.survey_list {width: 23.875%;; margin:0 1.5% 20px 0; background: url(../images/content/bg_surveyList_01.png) no-repeat; background-size: 100% 100%; padding: 30px 20px;}
.survey_list.completed {background: url(../images/content/bg_surveyList_02.png) no-repeat; background-size: 100% 100%; }
.survey_list.close {background: url(../images/content/bg_surveyList_03.png) no-repeat; background-size: 100% 100%; }
.survey_list:nth-child(4),.survey_list:nth-child(8) {margin-right: 0;}
.survey_list span {color: #fff; position: relative; top: -11px;}
.survey_list span img {margin-right: 10px; position: relative; top: 10px;}
.survey_list h5 {height: 48px; color: #fdf878; font-size: 16px; line-height: 24px; margin: 25px 0; overflow: hidden;}
.survey_list.close h5 {color: #ddd;}
.survey_list p {font-size: 14px; color: #e8e8e8;line-height: 20px;}
.survey_list a {margin-top: 43px; display: block; width: 100%; height: 36px; font-weight: 500; color: #333; line-height: 34px; text-align: center; border: 1px solid #bdbcbd; border-radius: 5px; background: linear-gradient(0deg, rgba(222,222,222,1) 0%, rgba(253,253,253,1) 40%, rgba(255,255,255,1) 100%);}
.survey_list.completed a {background: linear-gradient(0deg, rgba(45,58,113,1) 0%, rgba(43,78,126,1) 62%, rgba(39,104,142,1) 100%); color: #fff; border: 1px solid #245c7d;}
.survey_list.close a {background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%); color: #565656; border: 1px solid #aeaeae;}
.noList {text-align: center; margin-top: 100px; display: none;}
.noList > p {margin-top: 20px; color: #999; font-size: 14px;}
.noList.on {text-align: center; display: block;}
.survey_wp .pagination.hide {display: none;}

.general_survey_wp {background: #eef3f9; padding-bottom: 30px;}
.survey_visual {background: url(../images/content/bg_survey.png) no-repeat; background-size: cover; padding: 40px 0; text-align: center; line-height: 1;}
.survey_visual h3 {font-size: 22px; color: #fdf878; }
.survey_visual p {font-size: 14px; color: #fff; line-height: 20px; margin: 27px 0 37px 0;}
.survey_visual span {display: inline-block; font-size: 14px; color: #666; padding: 10px 16px; border-radius: 10px; background: #fff;}
.general_survey_wp .list {margin: 30px auto 20px; width: 800px;}
.general_survey_wp .list > li {background: #fff; border: 1px solid #ddd; display: flex; flex-direction: column; padding: 30px 40px; margin-bottom: 30px;}
.general_survey_wp .sign {display: block; text-align: center;}
.general_survey_wp .radiTy1 + .radiTy1 {margin-left: 0;}
.general_survey_wp .context {font-size: 16px; color: #000; margin-bottom: 20px; line-height: 26px;}
.general_survey_wp .ess::before {content:"* "; color: red; position: relative; top: 4px; margin-left: -10px;}
.general_survey_wp .radiTy1 input[type="radio"] + label::before {top: 4px;}
.general_survey_wp .radiTy1 input[type="radio"] + label::after {top: 8px;}
.general_survey_wp .list .radiTy1,.general_survey_wp .chckTy1 {margin-bottom: 15px;}
.general_survey_wp .list .inpTy1 {margin-bottom: 0px; border-bottom: 2px solid #4186d7;}
.general_survey_wp .inpTy1 input[type="text"] {padding: 0 0 10px 20px; border: none; height: auto;}
.general_survey_wp .chckTy1 + .chckTy1 {margin-left: 0;}
.general_survey_wp .chckTy1 input[type="checkbox"] + label:before {top: 4px;}
.general_survey_wp .chckTy1 input[type="checkbox"] + label:after {top: 6px;}
.general_survey_wp .sideAlign {display: flex;}
.general_survey_wp .sideAlign .inpTy1 {position: relative; top: 3px;}
.general_survey_wp .sideAlign input[type="text"] {padding-bottom: 8px;}
.general_survey_wp .pop_cancellation {display: none;}

.survey_results_wp {background: #eef3f9; padding: 50px 210px;}
.survey_results_wp .survey_results_tit {margin-bottom: 30px;}
.survey_results_wp .survey_results_list {margin-top: 10px;}
.survey_results_wp .tblTy1 {border-top: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.survey_results_wp .tblTy1 th {border-right: none;}
.survey_results_wp .tblTy1 td {background: #fff;}
.survey_results_wp .tblTy1 .tit {text-align: center; color: #0e55ad; font-size: 18px; font-weight: 600;}
.survey_results_wp .logo {padding-left: 12px;}
.survey_results_list > li {background: #fff; padding: 30px 40px; margin-bottom: 30px; border: 1px solid #ddd;}
.survey_results_list .ess::before {content:"* "; color: red; position: relative; top: 4px; margin-left: -10px;}
.survey_results_list .viewAnswers {display: flex; margin-top: 10px; border-bottom: 2px solid #4186d7; padding-bottom: 7px;}
.survey_results_list .viewAnswers input::placeholder {color: #676767;}
.survey_results_list .context {font-size: 16px; color: #000; font-weight: 600;}
.survey_results_list .textList {margin-top: 20px;}
.survey_results_list .textList > li {margin-bottom: 10px;}
.survey_results_list .textList .text {margin-bottom: 10px; color: #000;}
.survey_results_list .textList > li .graph {display: inline-block; width: 85%; height: 15px; background: #eee; margin-right: 15px;}
.survey_results_list .textList > li .graph > span {display: inline-block; height: 100%; background: linear-gradient(90deg, rgba(109,133,225,1) 0%, rgba(109,168,237,1) 51%, rgba(20,179,209,1) 100%);}
.survey_results_list .textList > li:nth-child(1) .graph > span {width: 87%;}
.survey_results_list .textList > li:nth-child(2) .graph > span {width: 40%;}
.survey_results_list .textList > li:nth-child(3) .graph > span {width: 64%;}
.survey_results_list .textList > li:nth-child(4) .graph > span {width: 24%;}
.survey_results_list .textList > li:nth-child(5) .graph > span {width: 8%;}
.survey_results_list .textList > li .percentage {width: 15%; color: #666; font-size: 12px; position: relative; top: -3px;}
.survey_results_list .textList > li > button {margin-top: 20px;}
.survey_results_list button {height: 30px;}
.survey_results_wp .btn_wp {margin-bottom: 0;}
.lypop.answers .lypop_ct .txt {height: 460px; overflow: auto;}
.lypop.answers .modal_txt {text-align: left; line-height: 24px; padding: 5px 20px;}
.lypop.answers .back_gray {background: #f2f4f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.survey_register_wp .sort2 .inpTy1 {display: flex;}
.survey_register_wp .sort2 .inpTy1 .min {width: 80px;}
.survey_register_wp .sort2 .inpTy1 .location {position: relative; top: 10px;}
.survey_register_wp .tbl_tit {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px;}
.survey_register_wp .tbl_tit h5 { font-size: 16px; color: #333;}
.survey_register_wp .tbl_tit .btn_wp {margin: 0;}
.survey_register_wp .tbl_tit .btn_wp .btnTy1 {margin: 0;}
.survey_register_wp .tbl_tit .btn_wp .btnTy1 img {position: relative; top: 3px; margin-right: 5px;}
.survey_register_wp .tbl_tit .public {display: none; width: 116px;}
.survey_register_wp .tbl_tit .public.on {display: inline-block;}
.survey_register_wp .tbl_tit .nondisclosure {display: none; width: 116px;}
.survey_register_wp .tbl_tit .nondisclosure.on {display: inline-block;}
.survey_register_wp .tbl_wp .no_data {font-size: 14px; color: #999; padding: 80px 0;}
.survey_register_wp .tbl_wp .no_data img {position: relative; top: 4px; margin-right: 5px;}
.survey_register_wp .tbl_wp .radiTy1 input[type="radio"] + label:before {top: 2px;}
.survey_register_wp .tbl_wp .radiTy1 input[type="radio"] + label:after {top: 8px;}
.survey_register_wp .tbl_wp .tblTy2 tr td:last-child {border-left: none;}
.survey_register_wp [class^="tblTy"] .no_data {color: #999;}

.manageSurveyItems_wp {display: flex; justify-content: space-between; min-height: 850px;}
.manageSurveyItems_wp .chckTy1 input[type="checkbox"] {display: none;}
.manageSurveyItems_wp .box {width: 50%; min-height: 100%; padding: 30px;}
.manageSurveyItems_wp .leftBox {background: #f8f8f8;}
.manageSurveyItems_wp .rightBox {background: #eef3f9;}
.manageSurveyItems_wp .box h5 {color: #267ada; font-size: 16px; font-weight: 600; position: relative; top: -5px; margin-bottom: 10px;}
.manageSurveyItems_wp .box h5 img {margin-right: 5px; position: relative; top: 5px;}
.question_contents {padding: 10px 0 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.question_contents strong {color: #333; font-size: 14px;}
.question_contents .q_contents_input {width: 100%; height: 80px; padding: 15px; border-radius: 5px; border: 1px solid #ddd; background: #fff; margin: 10px 0;}
.question_type {display: flex; justify-content: space-between; margin-bottom: 20px;}
.question_type .btnTy2 > img {margin-right: 5px;}
.question_type_wp .list .radiTy1.sideAlign {display: flex;}
.question_type_wp .list .radio::before {top: 10px;}
.question_type_wp .radiTy1 input[type="radio"] + label:before {top: 10px;}
.question_type_wp .radiTy1 input[type="radio"] + label:after {top: 14px;}
.question_type_wp .list > li {margin-bottom: 10px;}
.question_type_wp .sign {text-align: right; padding-top: 10px;}

.manageSurveyItems_wp .initialize {height: 160px; background: #fff; border: 1px solid #ddd; border-radius: 5px; display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 20px;}
.manageSurveyItems_wp .itemManagement > li {background: #fff; border-radius: 5px; padding: 10px 20px 76px 20px; margin-bottom: 20px;}
.manageSurveyItems_wp .btn_wp [class^="btnTy"] {margin: 0;}
.manageSurveyItems_wp .satisfaction > li {margin-bottom: 10px;}
.manageSurveyItems_wp .satisfaction > li > div {display: flex; padding-left: 50px; position: relative;}
.manageSurveyItems_wp .satisfaction > li > div > span {position: absolute; top: 10px; left: 0;}
.manageSurveyItems_wp .satisfaction > li > div .num {display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #377fd5; color: #fff; text-align: center; font-size: 14px; line-height: 19px;}
.manageSurveyItems_wp .satisfaction > li > div > input {border: 1px solid #ddd; border-radius: 5px; background: #fff; min-width: 100%; padding: 10px 15px;}
.manageSurveyItems_wp .satisfaction > li .chckTy1 {margin-top: 10px;}
.manageSurveyItems_wp .chckTy1 {width: 100%;}
.manageSurveyItems_wp .chckTy1 input[type="checkbox"] + label:before {top: 4px;}
.manageSurveyItems_wp .chckTy1 input[type="checkbox"] + label:after {top: 6px;}
.manageSurveyItems_wp .rightBox .question_contents .tit {display: flex; justify-content: space-between; align-items: center;}
/* 첨부파일 */
.fileList .top {background: #f5f5f5; width: 100%; line-height: 30px; text-align: center; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;}
.fileList .top > div {line-height: 30px; text-align: center; }
.fileList .top .fileName {border-right: 1px solid #ddd;}
.fileList .fileName {width: 100%; outline: none;}
.fileList [placeholder]:empty:before {display: block; content: attr(placeholder); color: #676767;}
.fileList .listBox .fileName {text-align: left; padding-left: 10px;}
.fileList .chckTy1 {width: 40px;}
.fileList .fileCapacity {width: 150px; text-align: center;}
.fileList .listBox {overflow: auto; min-height: 90px;}
.fileList .listBox > li {display: flex; justify-content: space-between; line-height: 30px; text-align: center;}
.fileList .bot {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #ddd; padding: 5px 10px;}
.fileList .bot .upload .btnTy2 {line-height: 22px;}
.fileList .chckTy1 input[type="checkbox"] + label {left: 4px;}
.fileList input {display: none;}
.fileList .listBox {position: relative;}
.fileList .listBox > li > p {cursor: pointer;}
/* 업로드되는 파일이 없을때는 안보임 */
.fileList.up .listBox .form_control.chckTy1,
.fileList.up .listBox .fileName,
.fileList.up .listBox .fileCapacity {display: none;}
/* 업로드되는 파일이 있으면 listBox에 class 'on'이 붙고 화면에 리스트 보임 */
.fileList.up .listBox.on .form_control.chckTy1,
.fileList.up .listBox.on .fileName,
.fileList.up .listBox.on .fileCapacity {display: flex; align-items: center; justify-content: center;}
.fileList.up .listBox.on .fileName {justify-content: flex-start;}
/* 업로드되는 파일이 없으면 보임. */
.fileList.up .listBox .guide_txt {display: block; position: absolute; top: 50%; left: 49%; transform: translate(-50%,-50%); color: #999;}
/* 업로드되는 파일이 있으면 안보임 */
.fileList.up .listBox.on .guide_txt {display: none;}

/* 통계분석 */
.cont_page {position: relative;}
.dataBox_wp {width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); display: none; z-index: 100;}
.dataBox_wp.on {display: flex; justify-content: flex-end;}
.dataBox_wp .dataBox {width: 383px; height: 100%; padding: 40px 30px 30px; background: #f7f7f7; border: 1px solid #ddd; overflow: auto;}
.dataBox_wp .dataBox_top {display: flex; justify-content: space-between; align-items: center;}
.dataBox_wp .dataBox_top > span {margin-right: 8px;}
.dataBox_wp .dataBox_top > span > img {margin-right: 8px;}
.dataBox_wp .dataBox > h4 {display: flex; justify-content: space-between; align-items: center; margin: 20px 0 30px;}
.dataBox_wp .dataBox > h4 > strong {font-size: 20px;}
.dataBox_wp .dataBox .data_list .list {display: flex; justify-content: space-between; align-items: center; padding: 20px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 16px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,7%);}
.dataBox_wp .dataBox .data_list .list:last-child {margin-bottom: 70px;}
.dataBox_wp .dataBox .data_list .list .location {color: #0e55ad; margin-bottom: 5px; font-weight: 600; display: flex;}
.dataBox_wp .dataBox .data_list .list .location li:before{content:">"; display:inline-block; width:10px; height:10px; margin-left: 5px;}
.dataBox_wp .dataBox .data_list .list .location li:first-child:before{content: none;}
.dataBox_wp .dataBox .data_list .list p {line-height: 24px; }
.dataBox_wp .dataBox .btnTy_wide {width: 100%; background: #0e55ad; text-align: center; padding: 15px 0; color: #fff; font-size: 14px; font-weight: 500; border-radius: 5px;}
/* 통계분석_왼쪽 서체/용도 분류 박스 */
.writtenForm_wp {display: flex; margin-top: 30px;}
.typeface {width: 430px; min-width: 430px; padding: 29px; border: 1px solid #ddd; margin-right: 20px;}
.typeface .grandTitle_wp {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.typeface .grandTitle_top {display: flex; justify-content: space-between; align-items: center;}
.typeface .grandTitle_top .btn_wp {margin: 0; position: relative; top: -10px;}
.typeface a {display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.typeface h5 {font-size: 18px; color: #333; margin-bottom: 20px;}
.typeface li {border: 1px solid #ddd; border-radius: 16px; height: 66px; margin-bottom: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,7%); transition: all 0.1s;}
.typeface li:hover {box-shadow: 2px 2px 5px rgba(0,0,0,20%);}
.typeface .content_wp {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.typeface .content {display: flex; flex-wrap: wrap;}
.typeface .content li {width: 66px; margin-right: 8px;}
.typeface .content li:nth-child(5) {margin-right: 0;}
.typeface .context_wp {margin-bottom: 20px;}
.typeface .context {display: flex; flex-wrap: wrap;}
.typeface .context li {width: 180px; margin-right: 10px;}
.typeface .context li:nth-child(2),.typeface .context li:nth-child(4) {margin-right: 0;}
.typeface .reference {border: 1px solid #ddd; border-radius: 16px; height: 66px; box-shadow: 2px 2px 5px rgba(0,0,0,7%); transition: all 0.1s;}
.typeface .reference:hover {box-shadow: 2px 2px 5px rgba(0,0,0,20%);}
/* 통계분석_오른쪽 보고서 양식 박스 */
.writtenForm_write {width: 100%;}
.writtenForm_write .writtenForm {min-width: 770px; border: 1px solid #ddd;}
.writtenForm_write .writtenForm .title {background: #202986; padding: 10px 20px; display: flex; align-items: center;}
.writtenForm_write .writtenForm .title label {color: #fff; font-size: 18px; min-width: 85px; margin-right: 15px; letter-spacing: -0.5px;}
.writtenForm_write .writtenForm .title input {color: #000; font-size: 16px; width: 100%; padding: 14px 10px;}
.writtenForm_write .writtenForm .context_wp {padding: 30px 20px 30px 30px;}
.writtenForm_write .writtenForm .context {display: flex; align-items: center; margin-bottom: 10px; position: relative;}
.writtenForm_write .writtenForm .context:last-child {margin-bottom: 0;}
.writtenForm_write .writtenForm .context > label {width: 80px; text-align: center;}
.writtenForm_write .writtenForm .context > input {width: 100%; border: 1px solid #ddd; font-size: 16px; padding: 12px 20px; margin-left: 10px;}
.writtenForm_write .writtenForm .context .menu {position: absolute; top: 50%; right: 60px; transform: translateY(-50%);}
.writtenForm_write .writtenForm .context .close {margin-left: 20px;}


.writtenForm_write .btn_wp {margin: 10px 0 0;}

/* 온라인조사 */
.sprt_tab.online {margin-top: 0;}
.online_wp .tbl_search {margin-top: 30px;}
.online_wp .btn_wp {margin-top: 30px;}
.chartBox_wp {display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center;}
.chartBox_wp > li {margin-bottom: 10px;}
.chartBox_wp > li .side {display: flex; justify-content: space-between;}
.chartBox_wp > li .side .context {border-right: none;}
.chartBox_wp > li .side .context:last-child {border-right: 1px solid #ddd;}
.chartBox_wp > li > h5 {color: #fff; background: #276c8f; border: 1px solid #276c8f; font-size: 16px; font-weight: 500; padding: 15px 0;}
.chartBox_wp > li .context {width: 100%; height: 123px; background: #fff; border: 1px solid #ddd; border-top: none; display: flex; flex-direction: column; align-items: center;justify-content: center;}
.chartBox_wp > li .range {font-size: 16px; margin-bottom: 8px;}
.chartBox_wp > li .num {font-size: 26px;}
.graph_list_wp {display: flex; justify-content: space-between;}
.graph_list_wp .graph_list {width: 100%; border: 1px solid #ddd; border-right: none; background: #fff; padding: 30px 20px;}
.graph_list_wp .graph_list:last-child {border-right: 1px solid #ddd;}
.graph_list_wp .graph_list h5 {color: #000; font-size: 14px;}
.graph_list_wp .graph_list .graph_box {background: #ee958f; height: 260px; margin-top: 20px;}

.indicator_wp {min-width: 320px; line-height: 1;}
.indicator_wp h4 {font-size: 16px; color: #333;}
.indicator_wp .indicator_box {border: 1px solid #ddd; margin-top: 10px;}
.indicator_wp .indicator_box_top {display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; background: #f1f6fb;}
.indicator_wp .indicator_box_top > span {font-size: 18px;}
.indicator_wp .state {display: flex;}
.indicator_wp .state > li {margin-left: 10px; position: relative; top: -3px; font-size: 12px;}
.indicator_wp .state > li > img {margin-right: 5px; position: relative; top:4px; }
.indicator_wp .indicator_box_list {border-top: 1px solid #ddd; height: 300px;}
.indicator_wp .indicator_box_list > li { padding: 8px 18px; background: #fff; color: #646464; cursor: pointer;}
.indicator_wp .indicator_box_list > li.on { padding: 8px 18px; background: #378cc0; color: #fff;}
.indicator_wp .indicator_box_list > li > span {display: inline-block; width: 14px; height: 14px; margin-right: 5px; position: relative; top: 1px;}
.indicator_wp .indicator_box_list > li > span.temporaryStorage {background: url(../images/content/img_circle_gray.png) no-repeat; background-size: cover;}
.indicator_wp .indicator_box_list > li > span.modify {background: url(../images/content/img_circle_red.png) no-repeat; background-size: cover;}
.indicator_wp .indicator_box_list > li > span.submit {background: url(../images/content/img_circle_green.png) no-repeat; background-size: cover;}
.indicator_wp .indicator_box_list > li > span.approval {background: url(../images/content/img_circle_approval.png) no-repeat; background-size: cover;}

/* 관리자 로그인 */
.manager_login_wp {height: 100vh; background: #eee; display: flex; justify-content: center; align-items: center;}
.manager_login_wp .center {width: 1092px; display: flex; justify-content: space-between;}
.manager_login_wp .logIn_box > h2 {display: flex; justify-content: space-between; align-items: center; font-size: 30px; color: #023c69;}
.manager_login_wp .logInBox_mid {display: flex; margin: 30px 0 10px;}
.manager_login_wp .logInBox_mid .log_inp {width: 100%; margin-right: 10px;}
.manager_login_wp .logInBox_mid .log_inp > input {display: block; height: 50px; padding-left: 20px; border: 1px solid #ddd;}
.manager_login_wp .logInBox_mid .log_inp > input:first-child {margin-bottom: 10px;}
.manager_login_wp .logInBox_mid .managerLog-btn {width: 120px; height: 110px; background: #023c69; font-size: 16px; color: #fff; font-weight: 500;}
.manager_login_wp .chckTy1 label {color: #666;}
.manager_login_wp .chckTy1 input[type="checkbox"] {display: none;}
.manager_login_wp .chckTy1 input[type="checkbox"] + label:before {top: 3px; border-color: #d4d4d4;}
.manager_login_wp .chckTy1 input[type="checkbox"]:checked + label:before {border-color: #377fd5;}
.manager_login_wp .chckTy1 input[type="checkbox"] + label:after {top: 5px;}
.manager_login_wp .log_txt {margin-top: 10px;}
.manager_login_wp .logIn_footer {background: #727272; text-align: center;}
.manager_login_wp .logIn_footer p {font-size: 12px; color: #fff; line-height: 50px; font-weight: 400;}
/* 관리자 로그인_팝업 */
.lypop.manager .lypop_wp.min {border-radius: 0;}
.lypop.manager .lypop_title {background: #eee; text-align: center; height: 60px;}
.lypop.manager .lypop_title strong {color: #023c69; font-size: 24px; font-weight: bold;}
.lypop.manager .lypop_ct {border: 1px solid #ddd; border-top: none; padding: 30px;}
.lypop.manager .lypop_ct .modal_txt {border-bottom: 1px solid #ddd; padding: 10px 0 40px; margin-bottom: 30px;}
.lypop.manager .btn_wp .btnTy {font-size: 16px; width: 100%; height: 50px; background: #023c69; border-radius: 5px; color: #fff; margin: 0;}

/* 관리자 운영관리 */
.tbSubTit {display: flex; justify-content: space-between; align-items: center;}
.tbSubTit > p {font-size: 16px; font-weight: 600; color: #333;}
.tbSubTit .ess::before{content:"* ";color: red;margin-left:-10px;}
.three .radiTy1 + .radiTy1 {margin-left: 20px;}
.lypop_ct .radiTy1 input[type="radio"] + label:before {top: 4px;}
.lypop_ct .radiTy1 input[type="radio"] + label:after {top: 8px;}
.lypop_ct .fileList.up {margin-top: 10px;}
.pop_style {display: flex; margin-top: 10px;}
.pop_style > li {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 20px;}
.pop_style > li > label > img {width: 200px; height: 200px;}
.tblTy1 td.blank {padding: 10px 20px;}
[class^="btnTy"].absL {position: absolute; left: 25px;}
[class^="btnTy"].absR {position: absolute; right: 25px;}
[class^="btnTy"].exposure , [class^="btnTy"].non_exposure , [class^="btnTy"].recommend , [class^="btnTy"].recommendedExclude {display: none;}
[class^="btnTy"].exposure.on , [class^="btnTy"].non_exposure.on ,[class^="btnTy"].recommend.on , [class^="btnTy"].recommendedExclude.on {display: block;}
.lypop.admin .lypop_wp {position: absolute; top: 50%; transform: translate(-50%,-50%);}
.lypop_wp.popStyle {width: 500px; height: 500px; background-repeat: no-repeat; background-size: cover; border-radius: 8px 8px 0 0; overflow: inherit;}
.lypop_wp.popStyle.theme1 {padding:140px 20px 25px;background:url(../images/content/img_pop_style1.png);}
.lypop_wp.popStyle.theme2 {padding:70px 20px 25px;background:url(../images/content/img_pop_style2.png);}
.lypop_wp.popStyle.theme3 {padding:60px 17px 16px;background:url(../images/content/img_pop_style3.png);}
.lypop_wp.popStyle.theme4 {padding:140px 20px 25px;background:url(../images/content/bg_pop_theme_01.png);}
.lypop_wp.popStyle.theme5 {padding:140px 20px 25px;background:url(../images/content/bg_pop_theme_02.png);}
.lypop_wp.popStyle.theme6 {padding:140px 20px 25px;background:url(../images/content/bg_pop_theme_03.png);}
.lypop_wp.popStyle.theme7 {padding:140px 20px 25px;background:url(../images/content/bg_pop_theme_04.png);}
.lypop_wp.popStyle.theme8 {padding:140px 20px 25px;background:url(../images/content/bg_pop_theme_05.png);}
.lypop_wp.popStyle.theme9 {padding:140px 20px 25px;background:url(../images/content/bg_pop_theme_06.png);}
.lypop_wp.popStyle.theme10 {padding:140px 20px 25px;background:url(../images/content/bg_pop_theme_07.png);}
.lypop_wp.popStyle .lypop_content {width: 100%; height: 100%; background: none; border-radius: 5px;}
.lypop_wp.popStyle.theme1 .lypop_content {background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.lypop_wp.popStyle.theme2 .lypop_content {background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.lypop_wp.popStyle.theme3 .lypop_content {background: #fff; border: 1px solid #ddd;}
.lypop_ct.popStyle {width: 500px; height: 45px; background: #fff; border-radius: 0 0 8px 8px; position: absolute; top: 499px; left: 50%; transform: translateX(-50%); display: flex; /*justify-content: space-between;*/ align-items: center;}
.lypop_ct.popStyle .check_pop {padding: 0 26px 0 0; font-weight: 600;}
.lypop_ct.popStyle .check_pop::before {content: ""; position: absolute; left: 100px; top: 2px;}
.lypop_ct.popStyle .check_pop::after {content: ""; position: absolute; left: 102px; top: 3px;}
.lypop_ct.popStyle .btnTy_txt {font-weight: 600;}
.lypop_ct.popStyle .btnTy_txt::after {content: ""; position: absolute; height: 0;}
.lypop_ct.popStyle .btnTy_txt.popStyle_close {left: 25px;}
.cont_stit.pi {margin-bottom: -15px;}
.cont_wp .cont {margin-bottom: 50px;}
.tblTy2.admin td a {text-decoration: none; display: block; width: 100%; height: 100%; line-height: 35px;}
.lypop.popUp_save {z-index: 99999;}
.tblListLine.on {background: #f0f0f0;}
.lypop.admin.details .detail_view {overflow: auto; height: 300px;}
div[contenteditable] {outline: none; border: 1px solid #ddd; border-radius: 4px; padding: 15px;}
.lypop_wp.maximum {width: 1014px;}
.lypop.popStyle {z-index: 9999;}
.complexity {display: flex; align-items: center;}
.inpTy1.small {width: auto; }
#inquiry_period {width: 80px;}
.tbl_wp.line10 {height: 460px; overflow-y: scroll; margin-top: 0;}
.tbl_wp.line10 .tblTy2 {margin-top: -1px; border-top: none;}
.tbl_wp.line10::-webkit-scrollbar{width:5px;}
.tbl_wp.line10::-webkit-scrollbar-track {background-color:transparent;}
.tbl_wp.line10::-webkit-scrollbar-thumb {background:rgb(0,0,0, 0.5); border-radius:5px;}
.tbl_wi {width: 100%; white-space:nowrap; overflow-x:scroll; }
.tbl_wp.admin {margin-top: 0;}
.tblTy1 .like > span {margin-right: 25px;}
.tblTy1 .like > span::after {content: ""; display: inline-block; width: 1px; height: 12px; background: #555; position: relative; left: 17px; top: 1px;}
.tblTy1 .like > span:last-child:after {display: none;}
.tblTy1 .thum {border-right: 1px solid #ddd; padding: 10px; position: relative;}
.tblTy1 .thum > img {width: 150px; height: auto; border: 1px solid #ddd; position: absolute; top: 10px;}
.tblTy1 .knowledge_context {height: 214px; overflow: auto; }
.tblTy1 td.text_wp {padding: 5px 0 5px 20px;}
.lypop_wp.large {width: 1000px;}
.lypop.details .btn_wp {display: flex; justify-content: center;}
.tblTy2.admin td.recommendNum {padding: 0;}
.tblTy2.admin td.recommendNum > a {font-weight: 500; display: block; width: 100%; height: 100%; cursor: pointer; line-height: 44px;}
.datapicker.inquiry {display: none;}
.datapicker.inquiry.on {display: inline-block;}
.curDe {cursor: default;}
.details_knowledge_btnWp {position: absolute;bottom: 70px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center;}
.details_knowledge_btnWp > button {width: 100px;}
.fileList.Inquiry {padding: 5px 15px; background-color: #f0f0f0; border-radius: 4px; height: 80px; overflow: auto; transform: rotate(-0.02deg);}
.fileList.Inquiry .fileName > a {line-height: 1.5; text-decoration: none;}
.lypop .inpTy1 > textarea.question {height: 100px;}
.lypop .inpTy1 > textarea.answer {height: 90px;}
.lypop .inpTy1 > textarea.high {height: 300px;}
.rot0 {transform: rotate(0) !important;}

/* footer 개인정보처리방침/이용약관 */
.terms_wp .terms_top {background: #f7f7f7; text-align: center; position: relative;}
.terms_wp .terms_top > img {position: absolute; left: 100px; top: 50%; transform: translateY(-50%);}
.terms_wp .terms_top > h2 {line-height: 80px; font-size: 25px;}
.terms_wp .center {width: 800px; margin: 0 auto;}
.terms_wp .version_wp {margin: 50px 0; display: flex; justify-content: flex-end;}
.terms_wp .version_wp .inpTy1 {width: 200px;}
.terms_wp .context {line-height: 2; font-size: 13px;}
.terms_wp .context .sub_txt {font-size: 11px; color: #aaa;}
.terms_wp .context > a {color: #2c76d1;}
.terms_wp .context > b { font-size: 18px;}

.priv_title {
	color: #333;
	font-weight: 700;
	margin-bottom: 50px;
}

.priv_con_title {
	font-size: 22px;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}

.priv_con {
    font-size: 0;
    margin-bottom: 20px;
    padding: 12px 15px;
    border: 1px solid #d9d9d9;
}


.priv_con li {
    display: inline-block;
    width: 50%;
    font-size: 12px;
    padding-right: 15px;
    margin-bottom: 5px;
    line-height: 150%;

}

.priv_ico {
    padding: 8px 0 8px 38px;
    display: inline-block;
    position: relative;
}

.priv_ico::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 3px;
    background: url(../images/content/privacy/priv_s_ico1.png) no-repeat center;
    background-size: 100%;
}

.priv_ico1::before {
    background-image: url(../images/content/privacy/priv_s_ico1.png);
}

.priv_ico2::before {
    background-image: url(../images/content/privacy/priv_s_ico2.png);
}

.priv_ico3::before {
    background-image: url(../images/content/privacy/priv_s_ico3.png);
}

.priv_ico4::before {
    background-image: url(../images/content/privacy/priv_s_ico4.png);
}

.priv_ico5::before {
    background-image: url(../images/content/privacy/priv_s_ico5.png);
}

.priv_ico6::before {
    background-image: url(../images/content/privacy/priv_s_ico6.png);
}

.priv_ico7::before {
    background-image: url(../images/content/privacy/priv_s_ico7.png);
}

.priv_ico8::before {
    background-image: url(../images/content/privacy/priv_s_ico8.png);
}

.priv_ico9::before {
    background-image: url(../images/content/privacy/priv_s_ico9.png);
}

.priv_ico10::before {
    background-image: url(../images/content/privacy/priv_s_ico10.png);
}

.priv_ico11::before {
    background-image: url(../images/content/privacy/priv_s_ico11.png);
}

.priv_ico12::before {
    background-image: url(../images/content/privacy/priv_s_ico12.png);
}

.priv_ico13::before {
    background-image: url(../images/content/privacy/priv_s_ico13.png);
}

.priv_ico14::before {
    background-image: url(../images/content/privacy/priv_s_ico14.png);
}



/* 관리자 알림발송 */
.inpTy1.tell {width: 130px;}
.tbl_search .pR5 {padding: 5px 5px 5px 0;}
.tbl_search .pR20 {padding: 5px 20px 5px 0;}
.tell_category {flex: 1; display: flex; flex-direction: column; min-height: 0; }
.tell_category > li {display: none;}
.tell_category > li.on { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.tbl_wp.pop {margin-top: 0; max-height: 320px; overflow-y: auto; }
.tbl_wp.line5 {height: 231px; overflow-y: scroll;}
.tbl_wp.line5::-webkit-scrollbar{width:5px;}
.tbl_wp.line5::-webkit-scrollbar-track {background-color:transparent;}
.tbl_wp.line5::-webkit-scrollbar-thumb {background:rgb(0,0,0, 0.5); border-radius:5px;}
.lypop .tbl_wp.line5 {height: 231px; overflow: auto; margin-top: 0;}
.lypop .tbl_wp.line5 .tblTy2 {margin-top: -1px; border-top: none;}
.total_count.pop {margin: 15px 0 -5px 5px; font-size: 15px; flex-shrink: 0;}
.tblTy2.head th {border-bottom: none;}
.tblTy2.body {margin-top: 0px; border-top: none;}
#codeID {border: 1px solid #ddd; padding: 5px 7px; position: relative; top: -2px;}
input:disabled {background: #f7f7f7;}
label[for="codeID"] {position: relative; top: -1px;}
.lypop.temp .sub_txt {font-size: 13px; margin-top: 5px; color: #999;}
#temp_txt, #temp_note {transform:rotate(0.1deg)}
#temp_note {height: 80px;}
.criteria {position: relative;}
.criteria .byte {position: absolute; bottom: 10px; right: 10px; font-size: 12px;}
.codeID {display: inline-block; min-width: 100px; height: auto; padding: 5px 7px; border: 1px solid #ddd; background: #f7f7f7;}
.btnTy4.low {height: 35px;}
.tblTy2 .bTn {border-top: 0;}
.tblTy1 td.bBn {border-bottom: none; position: relative;}
.tblTy1 td.bBn .resend {position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.tblTy1 .dispatchTxt {display: block; width: 690px; height: 250px; border-top: none; padding: 0;}
.tblTy1 .dispatchTxt textarea {width: 100%; height: 100%; padding: 10px 20px; overflow: auto; border: none;}
.readonly {width: 100%; height: 100%; padding: 10px 20px; overflow: auto; border: none;}

.cont_page.tell .tellBox_wp {display: flex; justify-content: space-between; align-items: center; margin: 30px 0;}
.cont_page.tell .tellBox {width: 23.770491%; height: 210px; border-radius: 6px; box-shadow: inset  0px 0px 8px 4px rgba(153,153,153,0.4); padding: 20px;}
.cont_page.tell .tellBox .tit {line-height: 30px; margin-bottom: 10px; font-size: 16px; color: #333; text-align: center; font-weight: 600;}
.cont_page.tell .tellBox:nth-child(1) .tit {background: url(../images/content/icn_total.png) no-repeat right 10px center / contain;}
.cont_page.tell .tellBox:nth-child(2) .tit {background: url(../images/content/icn_kakaotalk.png) no-repeat right 10px center / contain;}
.cont_page.tell .tellBox:nth-child(3) .tit {background: url(../images/content/icn_bubble.png) no-repeat right 10px center / contain;}
.cont_page.tell .tellBox:nth-child(4) .tit {background: url(../images/content/icn_letter.png) no-repeat right 10px center / contain;}
.cont_page.tell .tellBox .contxt {border-top: 1px solid #ddd; padding: 10px;}
.cont_page.tell .tellBox .contxt > li {margin-top: 10px; display: flex; justify-content: space-between; align-items: center; color: #000;}
.cont_page.tell .tellBox .contxt > li .rectangle {font-size: 13px; width: 58px; height: 30px; border-radius: 5px; background: #ddd; text-align: center; line-height: 30px; font-weight: 600;}
.cont_page.tell .tellBox .contxt > li.success .rectangle {background: #63a1ff; color: #fff;}
.cont_page.tell .tellBox .contxt > li.failed .rectangle {background: #f55c5c; color: #fff;}
.cont_page.tell .tellBox .contxt > li .num {font-size: 18px; font-weight: 700;}
.cont_page.tell .tellBox .contxt > li.success .num {color: #267ada; }
.cont_page.tell .tellBox .contxt > li.failed .num {color: #d72928;}
.cont_page.tell .sell_wp {width: 120px; margin-top: 10px; margin-bottom: 10px;}
.cont_page.tell .smsEmail {display: none;}
.cont_page.tell .smsEmail.on {display: flex;}
.cont_page.tell .sms_wp .lBox, .cont_page.tell .mail_wp .lBox {width: 500px; height: 760px; background: #ddd; padding: 30px;}
.cont_page.tell .lBoxTit {font-size: 16px; color: #333; font-weight: 600; text-align: center; margin-bottom: 5px; position: relative; top: -7px;}
.cont_page.tell .lBoxTit img {position: relative; top: -4px;}
.cont_page.tell .sms_wp .lBox .phone_wp {height: 100%; background: url(../images/content/img_phone.png) no-repeat center top 0px / 350px 670px; position: relative;}
.cont_page.tell .sms_wp .lBox .phone_wp .phone {width: 313px; height: 522px; background: #fff; border: 1px solid #a8a8a8; position: absolute; top: 74px; left: 63px; font-weight: 600;}
.cont_page.tell .sms_wp .lBox .phone .top {height: 470px; position: relative;}
.cont_page.tell .sms_wp .lBox .phone .top > textarea {display: block; width: 100%; height: 100%; padding: 15px; border: none; font-size: 14px; color: #333; line-height: 24px;}
.cont_page.tell .sms_wp .lBox .phone .top > span {position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); font-size: 13px;}
.cont_page.tell .sms_wp .lBox .phone .mid,
.cont_page.tell .mail_wp .lBox .writing_wp .mid {background: #bbb; height: 50px; padding: 7px 10px;}
.cont_page.tell .sms_wp .lBox .phone .mid .inpTy1,
.cont_page.tell .mail_wp .lBox .writing_wp .mid .inpTy1 {display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: #000;}
.cont_page.tell .sms_wp .lBox .phone .mid .inpTy1 label,
.cont_page.tell .mail_wp .lBox .writing_wp .mid .inpTy1 label {margin: 0 12px;}
.cont_page.tell .sms_wp .lBox .phone .bot {height: 145px; background: #ddd; padding: 15px;}
.cont_page.tell .mail_wp .lBox .writing_wp .bot {height: 97px; background: #ddd; padding: 15px;}
.cont_page.tell .radiTy1 input[type="radio"] {border-radius: 50%;}
.cont_page.tell .reservTime_wp .datapicker {margin: 13px 0 5px 10px;}
.cont_page.tell .reservTime_wp .datapicker .inpTy1.date {width: 140px;}
.cont_page.tell .reservTime_wp .reservTime {width: 68px;}
.cont_page.tell .reservTime_wp .inpTy1 label {color: #000;}
.cont_page.tell .mail_wp .reservTime_wp .inpTy1 {display: flex; align-items: center;}
.cont_page.tell .radiTy1 + .radiTy1 {margin-left: 15px;}
.cont_page.tell .sms_wp .rBox, .cont_page.tell .mail_wp .rBox {width: calc(100% - 500px); height: 760px; background: #eef3f9;}
.cont_page.tell .datapicker .inpTy1.date > input {width: 140px;}
.cont_page.tell .datapicker .inpTy1.date > input[type="text"]:disabled {background: #f7f7f7; color: #999;}
.cont_page.tell .datapicker .inpTy1.date > img {top: 0;}
.cont_page.tell .inpTy1 > select:disabled {background: #f7f7f7;}
.cont_page.tell .total_count {font-size: 14px; color: #333; margin-left: 0;}
.cont_page.tell .sms_wp .sort_wp, .cont_page.tell .mail_wp .sort_wp {margin: 0;}

.cont_page.tell .sms_wp .rBox,
.cont_page.tell .mail_wp .rBox {padding: 30px;}
.cont_page.tell .sms_wp .rBox .recipient,
.cont_page.tell .mail_wp .rBox .recipient {margin-bottom: 40px;}
.cont_page.tell .sms_wp .rBox h5,
.cont_page.tell .mail_wp .rBox h5 {font-size: 16px; font-weight: 600; color: #333; text-align: left; margin: 0; position: relative; top: -7px;}
.cont_page.tell .sms_wp .rBox h5 img,
.cont_page.tell .mail_wp .rBox h5 img {position: relative; top: -3px;}
.cont_page.tell .sms_wp .rBox .contxt,
.cont_page.tell .mail_wp .rBox .contxt {margin-top: 5px; border-top: 2px solid #2e346e; background: #fff; padding: 15px 26px 20px;}
.cont_page.tell .sms_wp .rBox .list,
.cont_page.tell .mail_wp .rBox .list {width: 100%; height: 580px; overflow: auto; background: #efefef; border: 1px solid #ddd; padding: 15px; margin-top: 15px; font-size: 13px; color: #666;}
.cont_page.tell .sms_wp .rBox .list > div,
.cont_page.tell .mail_wp .rBox .list > div {margin-bottom: 10px; font-weight: 600;}
.cont_page.tell .sms_wp .rBox .list > div > span,
.cont_page.tell .mail_wp .rBox .list > div > span {margin-left: 50px;}
.cont_page.tell .sms_wp .rBox .list > div > span:first-child,
.cont_page.tell .mail_wp .rBox .list > div > span:first-child {margin-left: 0;}
.cont_page.tell .sms_wp .rBox .list > div > a,
.cont_page.tell .mail_wp .rBox .list > div > a {margin-left: 7px; display: inline-block; width: 11px; height: 11px; background: url(../images/content/icn_close_tell.png);}
.cont_page.tell .sms_wp .rBox .list .group,
.cont_page.tell .mail_wp .rBox .list .group {color: #267ada;}

.cont_page.tell .sms_wp .rBox .template {color: #333;}
.cont_page.tell .sms_wp .rBox .template select {width: 120px; margin-left: 20px;}

.template_slide_wp {position: relative; padding: 0 32px;}
.cont_page.tell .sms_wp .rBox .template_slide {margin: 10px 0; overflow: hidden; position: relative;}
.cont_page.tell .sms_wp .rBox .template_slide ul {margin-left: 0px;}

.cont_page.tell .sms_wp .rBox .template_slide ul > li {font-size: 13px;}
.cont_page.tell .sms_wp .rBox .template_slide ul > li .tit {padding-left: 8px;}
.cont_page.tell .sms_wp .rBox .template_slide ul > li .txt_wp {border: 1px solid #ddd; margin-top: 10px; cursor: pointer;}
.cont_page.tell .sms_wp .rBox .template_slide ul > li.on .txt_wp {border: 1px solid #267ada;}
.cont_page.tell .sms_wp .rBox .template_slide ul > li .txt_wp .txt {height: 160px; padding: 15px; line-height: 22px;}
.cont_page.tell .sms_wp .rBox .template_slide ul > li .bot {display: block; line-height: 35px; text-align: center; background: #efefef;}
.cont_page.tell .sms_wp .rBox .template .btnTy1 > img {position: relative; top: 1px;}

.cont_page.tell .mail_wp .lBoxTit {text-align: left;}
.cont_page.tell .mail_wp .writing_wp {border: 1px solid #a8a8a8; height: 670px; margin-top: -2px;}
.cont_page.tell .mail_wp .writing_wp .top .tit {height: 46px; padding: 5px 8px 5px 12px; background: #0e55ad; color: #fff;}
.cont_page.tell .mail_wp .writing_wp .top .tit .mailTit {font-size: 13px;}
.cont_page.tell .mail_wp .writing_wp .top .tit > input {height: 100%; width: 340px; border-radius: 5px; padding: 10px 15px; margin-left: 15px;}
.cont_page.tell .mail_wp .writing_wp .top .context {height: 575px;}
.cont_page.tell .mail_wp .writing_wp .top .context textarea {width: 100%; height: 100%; border: none; line-height: 24px; padding: 20px; overflow: auto;}

.cont_page.tell .mail_wp .rBox .template .contxt_tbl {background: #fff; margin-top: 10px;}
.cont_page.tell .mail_wp .rBox .template .contxt_tbl .btnTy1 {margin: 12px 26px 20px;}
.cont_page.tell .mail_wp .rBox .template .contxt_tbl .btnTy1 > img {position: relative; top: 1px;}
.cont_page.tell .mail_wp .rBox .template .tbl_wp,.cont_page.tell .mail_wp .rBox .template .tbl_wp .tblTy2 {margin-top: 0;}
.cont_page.tell .mail_wp .rBox .template .tbl_wp.line5 .tblTy2 {border-top: none;}
.cont_page.tell .mail_wp .rBox .template .tbl_wp tr th {border-bottom: none;}
.cont_page.tell .mail_wp .rBox .template .tbl_wp .tblTy2 td,
.cont_page.tell .mail_wp .rBox .template .tbl_wp .tblTy2 td a {color: #000; font-size: 14px;}
.cont_page.tell .mail_wp .rBox .template .tblListLine {cursor: pointer;}
.cont_page.tell .mail_wp .rBox .template .tblListLine.on {background: #efefef;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none; left: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: none; right: 0;}

/* 현황판 - 여가활동실태 */
.leisureCont .subTxt {margin: 30px 0 10px;}
.leisureCont .subTxt > span::before {content: "*"; display: inline-block; position: relative; top: 2px; left: -2px;}
.leisure_wp {display: flex; justify-content: space-between; align-items: center;}
.leisure_wp .leisureBox {min-width: 32.3%; border: 1px solid #ddd;}
.leisureBox .top {height: 340px; border-bottom: 1px solid #ddd; padding: 30px;}
.leisureBox .top .tit {margin-bottom: 30px; position: relative;}
.leisureBox .top .tit > strong {font-size: 16px; color: #333;}
.leisureBox .top .tit > div {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 90px; height: 32px; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;}
.leisureBox .top .tit > div .dayBtn {display: inline-block; width: 50%; height: 100%; background: #fff; color: #666; line-height: 30px; text-align: center; cursor: pointer; font-size: 12px;}
.leisureBox .top .tit > div .dayBtn.on {background: #2290a7; color: #fff; border: 1px solid #2290a7;}
.leisureBox .top .graph_wp > strong {text-align: center; color: #333; font-size: 24px; display: block; margin-bottom: 20px;}
.leisureBox .top .graph_wp .graph {width: 300px; height: 10px; margin: 0 auto 30px; display: flex; background: #eaeaea;}
.leisureBox .top .graph_wp .graph .bar {display: inline-block; height: 100%;}
.leisureBox .top .graph_wp .graph .bar:nth-child(1) {background: #8064a2;}
.leisureBox .top .graph_wp .graph .bar:nth-child(2) {background: #58b957;}
.leisureBox .top .graph_wp .graph .bar:nth-child(3) {background: #ffc000;}
.leisureBox .top .graph_wp .graph .bar:nth-child(4) {background: #dc4e19;}
.leisureBox .top .graph_wp .graph .bar:nth-child(5) {background: #5c8ec1;}
.leisureBox .top .graph_wp .graph .bar:nth-child(6) {background: #948a54;}
.leisureBox .top .graph_wp .graph .bar:nth-child(7) {background: #fe892a;}
.leisureBox .top .graph_wp .graph_txt > div {display: flex; justify-content: space-between; width: 240px; margin: 0 auto; font-size: 12px; color: #000; line-height: 1.7;}
.leisureBox .top .graph_wp .graph_txt .barColor {display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px;}
.leisureBox .top .graph_wp .graph_txt > div:nth-child(1) .barColor {background: #8064a2;}
.leisureBox .top .graph_wp .graph_txt > div:nth-child(2) .barColor {background: #58b957;}
.leisureBox .top .graph_wp .graph_txt > div:nth-child(3) .barColor {background: #ffc000;}
.leisureBox .top .graph_wp .graph_txt > div:nth-child(4) .barColor {background: #dc4e19;}
.leisureBox .top .graph_wp .graph_txt > div:nth-child(5) .barColor {background: #5c8ec1;}
.leisureBox .top .graph_wp .graph_txt > div:nth-child(6) .barColor {background: #948a54;}
.leisureBox .top .graph_wp .graph_txt > div:nth-child(7) .barColor {background: #fe892a;}

.leisureBox .bot {height: 350px; padding: 30px; background: #f9f0e5;}
.leisureBox .bot .center {position: relative;}
.leisureBox .center > span.txR {display: block;}
.leisureBox .bot .t-menu {margin-top: 10px;}
.leisureBox .bot .t-menu li {background: #ddd; border-bottom: 1px solid #f9f0e5; width: 80px; height: 53px;}
.leisureBox .bot .t-menu li a {display: block; width: 100%; height: 100%; line-height: 52px; text-align: center; font-size: 14px; color: #000;}
.leisureBox .bot .t-menu li.on {background: #fff;}
.leisureBox .bot .t-menu li.on a {color: #c33c00;}
.leisureBox .bot .t-contents {position: absolute; top: 26.8px; left: 80px; background: #fff; width:calc( 100% - 80px ); height: calc( 100% - 28px);}
.leisureBox .bot .t-contents > div {display: none; padding: 7px 20px 7px 12px;}
.leisureBox .bot .t-contents > div.on {display: block;}
.leisureBox .bot .t-contents > div > div {line-height: 35px; border-bottom: 1px solid #f4f4f4; padding-left: 10px; display: flex; justify-content: space-between;}
.leisureBox .bot .t-contents > div > div:nth-child(7) {border-bottom: none;}

.populationCont .subTxt { display: flex; justify-content: space-between; align-items: end; margin: 40px 0 10px;}
.populationCont .subTxt h4 {font-size: 16px; color: #333;}
.populationCont .subTxt > div {display: flex; align-items: end;}
.populationTab {position: relative;}
.populationTab .t-menu > li {background: #f4f4f4; border: 1px solid #ddd; width: 248px; height: 165px; margin-bottom: 1px;}
.populationTab .t-menu > li > a {display: flex; flex-direction: column; height: 100%; padding: 30px 20px;}
.populationTab .t-menu > li > a > strong {font-size: 26px; color: #000; margin: 3px 0 15px;}
.populationTab .t-menu > li > a .man {color: #0660cb;}
.populationTab .t-menu > li > a .man::after {content: ""; display: inline-block; width: 1px; height: 13px; background: #999; margin: 0 10px; position: relative; top: 1px;}
.populationTab .t-menu > li.on { background: #eaf4f6; border-right: none;}
.populationTab .t-menu > li.on > a > strong {color: #c30000;}
.populationTab .t-contents {position: absolute; top: 0; left: 248px; background: #eaf4f6; width: calc(100% - 248px); height: 497px; padding: 30px; border: 1px solid #ddd; border-left: none;}
.populationTab .t-contents .chart {height: 100%; background: #fff; border: 1px solid #ddd; display: none; text-align: center;}
.populationTab .t-contents .chart.on {display: block;}


/* 현황판 - 문화특화지역 */
.cultureArea_wp .btnTy4 {margin: 20px 0 10px;}
.cultureArea {width: 100%; height: 720px; border: 1px solid #ddd; display: flex; margin-bottom: 30px;}
.cultureArea .lBox {width: 170px; height: 100%; background: #ddd; padding: 30px;}
.cultureArea .lBox li {margin-bottom: 15px;}
.cultureArea .lBox li a {display: block; color: #000;}
.cultureArea .lBox li.on a {color:#2290a7; font-weight: 600;}
.cultureArea .rBox {width: calc(100% - 170px); height: 100%; position: relative; background: #fff;}
.cultureArea .rBox .txtBox {position: absolute; top: 50px; left: 50px; width: 240px; color: #000; z-index: 2;}
.cultureArea .rBox .txtBox > h4 {font-size: 20px; margin-bottom: 16px;}
.cultureArea .rBox .txtBox > p {font-size: 14px; line-height: 1.6;}
.cultureArea .rBox .map_wp {width: calc(100% - 447px); height: 100%;}
.cultureArea .rBox .map_wp.Area {display: none;}
.cultureArea .rBox .map_wp img{position: relative; top: 60%; left: 60%; transform: translate(-50%,-50%);}
.cultureArea .rBox .map_wp.Area img {top: 50%; left: 50%;}
.cultureArea .rBox .graph_wp {position: absolute; top: 30PX; right: 20PX;}
.cultureArea .rBox .graph_wp h5 {font-size: 17px; color: #333;}
.cultureArea .rBox .graph_wp .graphBox {width:416PX; height: 100px; border: 1px solid #ddd; border-radius: 5px; background: #fff;}
.cultureArea .rBox .graph_wp .graphBox > a {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 30px;}
.cultureArea .rBox .graph_wp .graphBox .tit {line-height: 1.4; font-size: 18px; color: #333; font-weight: 600;}
.cultureArea .rBox .graph_wp .graphBox.nationwide .graph > div {display: flex; justify-content: end; margin-bottom: 10px;}
.cultureArea .rBox .graph_wp .graphBox.nationwide .graph > div:last-child {margin-bottom: 0;}
.cultureArea .rBox .graph_wp .graphBox.nationwide .graph > div > ul {display: flex; justify-content: space-between; width: 96px;}
.cultureArea .rBox .graph_wp .graphBox.nationwide .graph > div > ul li {width: 6px; height: 20px; border-radius: 2.5px; background: #ddd;}

.cultureArea .rBox .graph_wp .graphBox.Area > a {flex-direction: column; align-items: flex-start; padding: 20px;}
.cultureArea .rBox .graph_wp .graphBox.Area .tit {margin-bottom: 2px;}
.cultureArea .rBox .graph_wp .graphBox.Area .subTxt {margin-bottom: 13px;}
.cultureArea .rBox .graph_wp .graphBox.Area .graph {display: flex;}
.cultureArea .rBox .graph_wp .graphBox.Area .graph .entire {position: relative; background: #ddd; width: 330px; height: 10px; border-radius: 2.5px;}
.cultureArea .rBox .graph_wp .graphBox.Area .graph .entire .percentage {height: 100%; border-radius: 2.5px;}
.cultureArea .rBox .graph_wp .graphBox.Area .graph .num {position: relative; top: -3px;}
.cultureArea .rBox .graph_wp .boxWp.Area {display: none;}
.cultureArea .rBox .graph_wp .boxWp > li {margin-bottom: 32px; position: relative;}
.cultureArea .rBox .graph_wp .boxWp > li:last-child {margin-bottom: 0px;}
.cultureArea .rBox .graph_wp .boxWp > li:first-child {margin-top: 32px;}
.cultureArea .rBox .graph_wp .boxWp > li > span {position: absolute; top: -22px; right: 0;}
.cultureArea .rBox .graph_wp .box1 .graphBox .graph > div > ul li.on {background: #2290a7;}
.cultureArea .rBox .graph_wp .box1 .graphBox.on {background: #f5f9ff;}
.cultureArea .rBox .graph_wp .box2 .graphBox .graph > div > ul li.on {background: #d0324d;}
.cultureArea .rBox .graph_wp .box2 .graphBox.on {background: #fff6f8;}
.cultureArea .rBox .graph_wp .box3 .graphBox .graph > div > ul li.on {background: #28a722;}
.cultureArea .rBox .graph_wp .box3 .graphBox.on {background: #eff9ee;}
.cultureArea .rBox .graph_wp .box4 .graphBox .graph > div > ul li.on {background: #013964;}
.cultureArea .rBox .graph_wp .box4 .graphBox.on {background: #f5f7f9;}
.cultureArea .rBox .graph_wp .box5 .graphBox .graph > div > ul li.on {background: #ff8040;}
.cultureArea .rBox .graph_wp .box5 .graphBox.on {background: #ffefbf;}
.cultureArea .rBox .graph_wp .boxWp .graphBox .graph > div {display: flex; justify-content: space-between; align-items: center;}
.cultureArea .rBox .graph_wp .boxWp .graphBox.nationwide .graph .num {width: 80px; text-align: right;}
.detailed_status_wp > .itemCol {margin: 40px 0 10px;}
.detailed_status_wp > .tbl_wp {margin-top: 0;}
.detailed_status_wp .contxt {background: #f9f0e5; padding: 30px 50px 30px 30px; color: #000;line-height: 1.8; }
.detailed_status_wp .contxt h5 {font-size: 16px; margin-bottom: 20px;}
.detailed_status_wp .contxt h5 > span {font-size: 14px; color: #999; font-weight: 500;}
.detailed_status_wp .contxt .cont_wp {display: flex; flex-wrap: wrap; position: relative;}
.detailed_status_wp .contxt .cont_wp .cont span {display: block;}
.detailed_status_wp .contxt .cont_wp .cont {margin: 0 auto 0px 0;}
.detailed_status_wp .contxt .cont_wp .cont:nth-child(1)::after {content: ""; display: inline-block; width: 2px; height: 140px; background: #d8cec2; position: absolute; top: 0; left: 35%;}
.detailed_status_wp .contxt .cont_wp .cont:nth-child(2)::after {content: ""; display: inline-block; width: 2px; height: 140px; background: #d8cec2; position: absolute; top: 0; left: 66%;}
@media screen and (max-width:1350px){
    .detailed_status_wp .contxt .cont_wp .cont:nth-child(1)::after {left: 38%;}
    .detailed_status_wp .contxt .cont_wp .cont:nth-child(2)::after {left: 64%;}
}
.detailed_status_wp .contxt .cont_wp .cont:nth-child(3) {margin-right: 0;}
.detailed_status_wp .contxt .cont_wp .cont .tbl_wp {width: 352px; margin-top: 15px;}
.detailed_status_wp .contxt .cont_wp .cont .tbl_wp td {background: #fff;}
.detailed_status_wp > div .itemCol {margin-bottom: 20px;}
.box_detailed.box3 .contxt_wp {display: flex; flex-wrap: wrap;}
.box_detailed.box3 .contxt_wp .contxt {/*width: 49.3%;*/ width: 19%; margin-bottom: 20px;}
/*.box_detailed.box3 .contxt_wp .contxt:nth-child(2n) {margin-left: 1.4%;}*/
.box_detailed.box3 .contxt_wp .contxt:nth-child(1n) {margin-left: 0.5%; margin-right: 0.5%;}

.cultureArea_wp .detailed_status_wp .btnTy4 {margin: 0;}
.graphBox .chgTxt {display: block;}
.cultureArea .rBox .graph_wp .graphBox.none > a {display: block;}
.graphBox.none {display: none;}
.cultureArea .rBox .graph_wp .box3 .graphBox.none.on {display: block; background: #fff;}
.graphBox.none .subTxt {margin-top: 10px; font-size: 13px; color: #999;}
.graphBox.none .subTxt::before {content: ""; display: inline-block; width: 14px; height: 14px; background: url(../images/content/icn_warning.png) no-repeat; position: relative; top: 2px; margin-right: 5px;}
.detailed_status_wp .box_detailed {display: none;}
.detailed_status_wp .box_detailed {display: none;}
.detailed_status_wp .box_detailed.on {display: block;}

/* 현황판 - 지역문화종합 */
.result_category.synthesis {margin-bottom: 10px;}
.cont_page.synthesis .map_wp {margin: 20px 0 50px; display: flex; justify-content: space-between;}
.cont_page.synthesis .map_wp .lBox {width: calc(100% - 720px); min-height: 500px; border: 1px solid #ddd; position: relative;}
.cont_page.synthesis .map_wp .lBox.high {min-height: 625px;}
.cont_page.synthesis .map_wp .lBox .btn2 {position: absolute; top: 10px; left: 10px; width: 100%; text-align: center;}
.cont_page.synthesis .map_wp .lBox .btn2 button {margin-left: 10px;}
.cont_page.synthesis .map_wp .lBox img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cont_page.synthesis .map_wp .rBox {width: 700px; min-height: 500px; background: #eaf4f6; padding: 30px;}
.cont_page.synthesis .tabContents.tourist .map_wp .rBox, .cont_page.synthesis .tabContents.artist .map_wp .rBox {padding-top: 39px;}
.cont_page.synthesis .map_wp .rBox.high {min-height: 625px;}
.cont_page.synthesis .map_wp .paragraph {border: 1px solid #ddd;}
.cont_page.synthesis .map_wp .rBox > ul {display: flex; justify-content: space-between;}
.cont_page.synthesis .map_wp .rBox > ul li {width: calc(100% / 2 - 10px);}
.cont_page.synthesis .map_wp .rBox > ul li .paragraph {display: block; padding: 27px 21px 22px; margin-top: 27px; border: 1px solid #ddd;}
.cont_page.synthesis .map_wp .rBox > ul li .paragraph .previousYear {width: 100%; height: 40px; flex-direction: row; margin-top: 27px;}
.cont_page.synthesis .paragraph {width: 100%; padding: 21px; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 5px; margin-bottom: 30px;}
.cont_page.synthesis .paragraph .contxt {display: flex; align-items: center; color: #000; font-weight: 600;padding-left: 20px;}
.cont_page.synthesis .paragraph .contxt > img {margin-right: 30px;}
.cont_page.synthesis .paragraph .contxt > .Num {font-size: 38px;}
.cont_page.synthesis .paragraph .contxt > span {display: flex; align-items: center;}
.cont_page.synthesis .paragraph .contxt .num {font-size: 26px;}
.cont_page.synthesis .paragraph .num .unit, .cont_page.synthesis .averageAge .unit {font-size: 14px; color: #000; margin-left: 3px;}
.cont_page.synthesis .box_wp .paragraph .contxt {flex-direction: column; align-items: flex-start;}
.cont_page.synthesis .previousYear {background: #f2f4f7; font-size: 14px; color: #000; width: 160px; height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.5; font-weight: 600; border-radius: 5px;}
.cont_page.synthesis .previousYear .num {font-size: 18px;}
.cont_page.synthesis .subTxt {display: flex; justify-content: space-between; align-items:end; margin-bottom: 10px;}
.cont_page.synthesis .subTxt h4 {color: #333; font-size: 16px;}
.cont_page.synthesis .subTxt h4 span {font-size: 14px; color: #666; font-weight: 400;}
.cont_page.synthesis .subTxt > div {display: flex; align-items: flex-end; font-size: 13px; color: #666;}
.cont_page.synthesis .subTxt > div.selBox {align-items: center;}
.cont_page.synthesis .subTxt .sources {font-weight: 600;}
.cont_page.synthesis .box_wp {display: flex; flex-wrap: wrap;}
.cont_page.synthesis .box_wp > li {width: calc(100% / 2 - 10px); margin-right: 20px; margin-bottom: 10px; overflow: hidden;}
.cont_page.synthesis .box_wp > li:nth-child(2n) {margin-right: 0;}
.cont_page.synthesis .box_wp.possession > li {width: 100%; margin: 0;}
.cont_page.synthesis .box_wp > li .box {border: 1px solid #ddd; background: #fff; padding: 26px 30px; border-radius: 5px;}
.cont_page.synthesis .box_wp > li .box .paragraph {padding: 0; height: 70px;}
.cont_page.synthesis .box_wp .graphTit {font-size: 13px; color: #333;}
.cont_page.synthesis .map_wp .graphTit {font-size: 14px; color: #333;}
.cont_page.synthesis .box_wp > li .box .graph {width: 100%; height: 214px; border: 1px solid #ddd; position: relative; margin-top: 5px;}
.cont_page.synthesis .box_wp > li .box .graph.high {height: 326px;}
.cont_page.synthesis .graph_area {height: 342px; width:100%; border: 1px solid #ddd; background: #fff; position: relative; overflow: hidden;}
.cont_page.synthesis .graph_area.high {height: 365px;}
.cont_page.synthesis .graph_area.min {height: 240px;}
.cont_page.synthesis .graph_area img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cont_page.synthesis .box_wp > li .box .graph > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cont_page.synthesis .tabContents {display: none;}
.cont_page.synthesis .tabContents.on {display: block;}
.cont_page.synthesis .tbl_search {display: none;}
.cont_page.synthesis .tbl_search.on {display: block;}
.cont_page.synthesis .tabContents.facility .box_wp > li {width: calc(100% / 3 - 13.333333px); margin-right: 20px;}
.cont_page.synthesis .box_wp > li.w100p {width: 100%; margin-right: 0;}
.cont_page.synthesis .tabContents.facility .box_wp > li:nth-child(3n) {margin-right: 0;}
.cont_page.synthesis .tabContents.facility .box_wp .paragraph {flex-direction: column; border: 1px solid #ddd; border-radius: 5px;}
.cont_page.synthesis .tabContents.facility .box_wp .paragraph .contxt {flex-direction: row; align-items: center;}
.cont_page.synthesis .tabContents.facility .box_wp .previousYear {flex-direction: row; width: 100%; height: 40px; margin-top: 28px;}

.cont_page.synthesis .box_wp4 {display: flex; flex-wrap: wrap;}
.cont_page.synthesis .tabContents.facility .box_wp4 > li {width: calc(100% / 4 - 15px); margin-right: 20px;}
.cont_page.synthesis .tabContents.facility .box_wp4 > li:nth-child(4n) {margin-right: 0;}
.cont_page.synthesis .tabContents.facility .box_wp4 .paragraph {flex-direction: column; border: 1px solid #ddd; border-radius: 5px;}
.cont_page.synthesis .tabContents.facility .box_wp4 .paragraph .contxt {flex-direction: row; align-items: center;}
.cont_page.synthesis .tabContents.facility .box_wp4 .previousYear {flex-direction: row; width: 100%; height: 40px; margin-top: 28px;}

.cont_page.synthesis .tabContents.tourist .rBox .tourist_category {border-top: 2px solid #2e346e; margin-top: 10px; color: #000; font-size: 12px; font-weight: 600;}
.cont_page.synthesis .tabContents.tourist .rBox .tourist_category > li {display: flex; padding: 9px 20px; border-bottom: 1px solid #ddd; line-height: 1.5;}
.cont_page.synthesis .tabContents.artist .contxt {display: flex; border-top: 2px solid #2e346e; font-size: 18px; color: #267ada; padding: 40px 30px 0; font-weight: 600;}
.cont_page.synthesis .tabContents.artist .contxt > div {text-align: center; line-height: 1.5;}
.cont_page.synthesis .tabContents.artist .map_wp .rBox .averageAge {position: relative; top: 10px;}
.cont_page.synthesis .tourist .box_wp > li:nth-child(2n) {margin-right: 20px;}
.cont_page.synthesis .tourist .box_wp > li:last-child {margin-right: 0px;}
.cont_page.synthesis .tabContents .table_wp {min-height: 521px; background: #fff; border-radius: 5px; padding: 20px; border: 1px solid #ddd;}
.cont_page.synthesis .tabContents .table_wp .bot {display: flex; justify-content: space-between; margin-top: 40px;}
.cont_page.synthesis .tabContents .table_wp .bot > div {width: calc(100% / 2 - 15px);}
.cont_page.synthesis .tabContents .table_wp .bot .byRegion {width: calc(100% - 270px);}
.cont_page.synthesis .tabContents .table_wp .bot .byVisitor {width: 250px;}
.cont_page.synthesis .tabContents.voucher .voucherBox {display: flex; height: 100%;}
.cont_page.synthesis .tabContents.voucher .voucherBox .amountUsed_wp {width: 280px;}
.cont_page.synthesis .tabContents.voucher .voucherBox .amountUsed_wp > ul {border: 1px solid #ddd; border-right: none;}
.cont_page.synthesis .tabContents.voucher .voucherBox .utilizationRate {width: calc(100% - 280px);}
.cont_page.synthesis .tabContents.voucher .voucherBox .graphTit {margin-bottom: 7px; display: inline-block;}
.cont_page.synthesis .tabContents.voucher .voucherBox .box {padding: 15px; line-height: 1.7; height: 240px; font-size: 13px; font-weight: 600; color: #333;}
.cont_page.synthesis .tabContents.voucher .voucherBox .box li {display: flex; flex-direction: column; }
.cont_page.synthesis .tabContents.voucher .voucherBox .box li:first-child {margin-bottom: 10px;}
.cont_page.synthesis .tabContents.voucher .voucherBox .box .graph {width: 100%; height: 15px; background: #eee; margin-top: 8px; position: relative;}
.cont_page.synthesis .tabContents.voucher .voucherBox .box .graph.allocationAmount {background: linear-gradient(90deg, rgba(34,144,167,1) 0%, rgba(83,176,195,1) 51%, rgba(54,183,210,1) 100%);}
.cont_page.synthesis .tabContents.voucher .voucherBox .percentage {display: inline-block; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, rgba(109,133,225,1) 0%, rgba(109,168,237,1) 51%, rgba(20,179,209,1) 100%);}
.cont_page.synthesis .aLine tr td > span {width: 120px;}
.cont_page.synthesis .aLine tr {background: #f1f6fb;}
.cont_page.synthesis .aLine tr:nth-child(2n) {background: #fff;}
.cont_page.synthesis .aLine td {display: flex; justify-content: space-between; align-items: center; padding: 0 40px;}
.cont_page.synthesis .aLine td:first-child {border-top: none;}
.cont_page.synthesis .tabContents.voucher .aLine td {padding: 0 80px;}
.cont_page.synthesis .aLine tr .variation {display: flex; align-items: center; justify-content: space-between; padding: 0 23px;}
.tblTy2.flatTbl td, .tblTy2.flatTbl th {height: 28px; font-size: 12px; font-weight: 600;}
.cont_page.synthesis .entire .map_wp .paragraph {padding: 70px 21px;}
.cont_page.synthesis .entire .map_wp .rBox > ul li .paragraph {padding: 69px 21px; margin-bottom: 0;}
.cont_page.synthesis .map_wp .lBox .inpTy1 > select {position: absolute; top: 10px; right: 10px; width: 25%;}
.lypop.tourist .variation {display: flex; justify-content: space-between; align-items: center; padding: 0 30px;}
.dash_indi_map .item1 .chartBox .inpTy1 > select {position: absolute; top: 10px; right: 10px; width: 25%;}

/* 로그인 CapsLock 메시지 */
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 2px solid #000000;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	margin-left: -10px;
}

@import url('../font/pretendard/pretendard.css');

body, html, select, input, textarea, a, button, pre {letter-spacing:-0.4px;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
input::placeholder {font-size:14px;}
a, a:link {text-decoration:none;}

.ellips2 {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ellips3 {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.fix_top {border-color:#cbcbcb;}

/* btn_more */
.btn_movie {position:relative;height:50px;margin:0;padding:0 52px 0 20px;font-size:16px;font-weight:500;color:#fff;border-radius:25px;background:#333;}
.btn_movie * {line-height:16px;}
.btn_movie:after {content:"";position:absolute;top:13px;right:16px;display:inline-block;width:24px;height:24px;background:url(../images/common/icon_arrow.svg) no-repeat center center;}

.btn_category {position:relative;height:50px;margin-left:10px;padding:0 65px 0 20px;font-size:16px;font-weight:500;color:#fff;border-radius:25px;background:#333;}
.btn_category * {line-height:16px;}
.btn_category:after {content:"";position:absolute;top:8px;right:16px;width:32px;height:32px;background:url(../images/common/icon_cgr.svg) no-repeat center center;}
.btn_category.close:after {background:url(../images/common/icon_close_01.svg) no-repeat center center;}

.submain.olap {overflow:hidden;padding-bottom:40px;}
.submain.olap .head_wrap:after {z-index:1;content:"";position:absolute;bottom:0;right:52px;width:500px;height:250px;background:url(../images/olap/img_olap_01.png) no-repeat bottom right;}
.contents_head {max-width:1450px;margin:0 auto;}
.head_wrap {position:relative;margin-top:50px;padding-bottom:50px;}
.head_wrap * {z-index:2;}
.head_wrap h2 {font-size:30px;line-height:30px;color:#333;}
.head_wrap p {margin-top:14px;font-size:16px;line-height:24px;color:#333;}
.head_wrap .btn_movie {margin-top:45px;}

.search_wrap {position:relative;padding:50px 0 40px;text-align:center;background:#f8f8f8;}
.search_wrap fieldset {display:inline-block;width:800px;margin:0 auto;padding:0;border:2px solid #666;border-radius:25px;}
.search_wrap fieldset * {vertical-align:middle;}
.search_wrap fieldset legend, .search_wrap fieldset button span {display:none;}
.search_wrap fieldset input {display:inline-block;width:calc(100% - 70px);height:46px;padding-right:10px;font-size:16px;border:none;background:transparent;}
.search_wrap fieldset input::placeholder {font-size:16px;color:#888;}
.search_wrap fieldset button {display:inline-block;width:32px;height:32px;border:none;background:url(../images/common/icon_search_2.svg) no-repeat center center;}

.recommend_word {position:relative;width:950px;margin:20px auto 0;padding-left:90px;text-align:left;font-size:16px;line-height:35px;}
.recommend_word:before {content:"추천 검색어";position:absolute;left:0;top:0;width:90px;height:20px;font-weight:600;color:#333;}
.recommend_word a {display:inline-block;margin-left:30px;color:#666;}

.category_pop {display:none;position:absolute;left:50%;top:120px;transform:translate(-50%, 0);z-index:10;overflow:hidden;width:1020px;padding:45px 0 40px 10px;border:2px solid #cbcbcb;border-radius:15px;background:#fff;}
.category_pop.show {display:block;}
.category_pop > div {float:left;width:170px;min-height:200px;margin-left:30px;text-align:left;}
.category_pop > div.h_vari {height:300px;}
.category_pop > div.w_vari {width:250px;}
.category_pop > div h4 {font-size:16px;font-weight:600;color:#333;}
.category_pop > div ul {margin-top:12px;}
.category_pop > div ul li {padding:6px 0}
.category_pop > div ul li a:hover {color:#164dca;text-decoration:underline;}

.olap .list_wrap {overflow:hidden;max-width:1450px;margin:0 auto;padding:72px 0 20px;}
.olap .list_wrap h3 {font-size:18px;line-height:18px;color:#333;}
.olap .data_topic + .list_wrap {border-top:2px solid #ccc;}
.olap .list_wrap .title_wrap {position:relative;margin-top:0;}
.olap .list_wrap .data_wrap {overflow:hidden;margin-left:-30px;padding-top:10px;}
.olap .list_wrap .title_wrap .selectwrap {position:absolute;top:-10px;right:0;}
.title_wrap .selectwrap .inpTy1 + .inpTy1 {margin-left:6px;}
.title_wrap .selectwrap .inpTy1 > select {height:40px;border-color:#cbcbcb;}

.databoard {float:left;position:relative;width:260px;height:340px;margin:0 30px 30px 0;padding:29px 30px;border:1px solid #cbcbcb;border-radius:10px;}
.databoard > em {position:absolute;top:-11px;left:8px;font-size:0;text-indent:-9999px;}
.databoard > em:after {z-index:1;content:"";display:block;width:31px;height:33px;background:url(../images/common/icon_tag_fav.png) no-repeat 0 0;}
.databoard > span.std, .databoard > span.unstd {display:inline-block;width:22px;height:22px;margin-right:3px;font-size:12px;line-height:22px;font-weight:400;text-align:center;color:#555;border-radius:15px;background:#ccc}
.databoard > span.std {color:#fff;background:#333}
.databoard > span[class^="type"] {display:inline-block;padding:4px 10px;font-size:12px;line-height:14px;font-weight:400;text-align:center;color:#fff;border-radius:15px;}
.databoard > span.type1 {background:#8e6cd0;} /* purple */
.databoard > span.type2 {background:#f95a79;} /* pink */
.databoard > span.type3 {background:#3cc56d;} /* green */
.databoard > span.type4 {background:#ff7e00;} /* orange */
.databoard > span.type5 {background:#00c4e0;} /* turkey blue */
.databoard > span.type6 {background:#5ecbb0;} /* green2 */
.databoard > span.type7 {background:#5c74d8;} /* blue */
.databoard > span.type8 {background:#899597;} /* grey */
.databoard h4 {overflow:hidden;height:100px;margin-top:26px;font-size:24px;line-height:32px;color:#333;}
.databoard p {margin-top:10px;font-size:14px;line-height:22px;color:#666;}
.databoard p.ellips3 {overflow:hidden;height:65px;}
.databoard .tagwrap {overflow:hidden;height:45px;margin-top:20px;line-height:22px;}
.databoard .tagwrap span {display:inline-block;margin-right:8px;}
.databoard .btn_info {position:absolute;top:15px;right:16px;}
.databoard .btn_info span {display:none;font-size:0;text-indent:-9999px;}
.databoard .btn_info:after {content:"";position:absolute;top:13px;right:16px;display:inline-block;width:24px;height:24px;background:url(../images/common/icon_info_01.svg) no-repeat center center;}
.databoard > img {
	width: 198px; 
	height: auto;
  	aspect-ratio: 1 / 1;
  	object-fit: cover;
}

.data_topic {overflow:hidden;margin:0 auto;}
.data_topic .list_wrap {float:left;padding-top:50px;}
.data_topic .list_wrap.topic + .list_wrap {margin-left:30px;}
.data_topic .list_wrap.topic, .data_topic .list_wrap.topic .title_wrap {margin-left:0;}

/* swiper */
.submainswiper {width:266px;height:340px;margin:19px 0 11px 30px;border-radius:15px;background:#666;}
.submainswiper .swiper-slide {
  padding:30px;
  text-align:left;
  font-size:18px;
  background:#666;
  box-sizing:border-box;
  /* Center slide text vertically */
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.submainswiper .swiper-slide:before {content:"";position:absolute;right:0;bottom:80px;width:80px;height:120px;background-image:url(../images/main/icon_topic_01.png);background-repeat:no-repeat;background-position:bottom right;}
.submainswiper .swiper-slide.slide1:before {background-image:url(../images/main/icon_topic_01.png)}
.submainswiper .swiper-slide > div {margin-top:47px;color:#f9f9f9;}
.submainswiper .swiper-slide > div h4 {font-size:24px;line-height:33px;font-weight:700;}
.submainswiper .swiper-slide > div span {display:block;margin-top:13px;font-size:14px;line-height:16px;font-weight:400;}
.submainswiper .swiper-pagination {top:30px;left:30px}
.submainswiper .swiper-pagination-fraction {display:inline-block;width:44px;height:22px;text-align:center;font-size:12px;line-height:22px;font-weight:400;color:#333;border-radius:15px;background:#fff;}
.submainswiper .swiper-pagination-current {font-weight:600;}
.submainswiper .swiper-slide > a {position:absolute;left:30px;bottom:30px;display:inline-block;width:200px;padding:0 40px;text-align:center;font-size:16px;line-height:38px;font-weight:500;color:#fff;border:1px solid #fff;border-radius:20px;background:#666;}

.submain.olap .pagination {margin-top:30px;height:auto}
.submain.olap .pagination > a {width:40px;height:40px;color:#ccc;vertical-align:middle;background-color:#f8f8f8;}
.submain.olap .pagination > a.on, .submain.olap .pagination > a:hover {color:#333;}
.submain.olap .pagination span {line-height:40px;}
.submain.olap .pagination .page {background-position:center center;background-repeat:no-repeat;}
.submain.olap .pagination .pre {background-image:url(../images/common/icon_arrow_r_01.svg);transform:rotate(180deg);}
.submain.olap .pagination .first {background-image:url(../images/common/icon_arrow_last_01.svg);transform:rotate(180deg);}
.submain.olap .pagination .next {background-image:url(../images/common/icon_arrow_r_01.svg);}
.submain.olap .pagination .end {background-image:url(../images/common/icon_arrow_last_01.svg);}









/* 20231212 kjh :add sub style */

/* content header */
.layout_cont .cont_tit {position:relative;margin:48px 0 30px;padding:0;}
.layout_cont .cont_tit h3 {float:none;}
.layout_cont .cont_tit h3 > .tit {margin:0 5px;line-height:30px;font-size:30px;font-weight:700;color:#333;}
.layout_cont .cont_tit h3 > * {margin-top:0 !important;line-height:1;vertical-align:middle;}
.btn_help_area {width:78px;height:28px;margin-left:3px;}
.layout_cont .cont_tit h3 > .btn_manual {width:128px;height:28px;margin-left:3px;}
.layout_cont .cont_tit p {margin-top:18px;font-size:14px;font-weight:500;color:#676767;}
.layout_cont .favoriteCheck input[type="checkbox"] + label {width:28px;height:28px;background-image:url(../images/common/check_favorite.png);background-position:0 -30px;background-repeat:no-repeat;}

.layout_cont .cont_tit .location {float:none;position:absolute;top:7px;right:0;}
.layout_cont .cont_tit .location li {color:#888;}
.layout_cont .cont_tit .location li:last-child {color:#333;}

/*
.btn_helpinfo {position:relative;margin-left:20px;padding-right:20px;font-size:14px;line-height:16px;font-weight:600;color:#666;}
.btn_helpinfo:after {position:absolute;right:0;top:0;content:"";display:inline-block;width:16px;height:16px;background:url(../images/common/icon_helpinfo.svg) no-repeat 0 0;}
.btn_helpinfo.on:after {background:url(../images/common/icon_close.svg) no-repeat 0 0;}
.btn_dnmanual {position:relative;margin-left:10px;padding-right:20px;font-size:14px;line-height:16px;font-weight:600;color:#666;}
.btn_dnmanual:after {position:absolute;right:0;top:0;content:"";display:inline-block;width:16px;height:16px;background:url(../images/common/icon_download.svg) no-repeat 0 0;}
*/


.cont_page.synthesis .map_wp .lBox.high, .cont_page.synthesis .map_wp .rBox.high {min-height:700px;}
.layout_cont .cont_page .map_wp .lBox {width:calc(100% - 820px);}
.layout_cont .cont_page .map_wp .rBox {width:800px;}
.layout_cont .cont_page .culturecont .map_wp .lBox {width:calc(100% - 900px);min-height:750px;}
.layout_cont .cont_page .culturecont .map_wp .rBox {width:880px;}

.dash_culture {grid-template-columns:minmax(100px, auto) 780px;}
.dash_culture_porogram {grid-template-columns:minmax(100px, auto) 780px;}
.dash_culture_porogram .item2 {background-color:#f8f8f8;}
.dash_culture .chartBox + .tbl_wp, .dash_culture .chartBox + .tbl_wp > .tblTy2:first-child {margin-top:0;}
.tit_box + .sta_parent > div:first-child {margin-top:0;}
.cont_page.synthesis .tabContents.tourist .map_wp .rBox, .cont_page.synthesis .tabContents.artist .map_wp .rBox {padding-top:30px;}
.cont_stit2 {font-size:18px;line-height:26px;color:#666;}
.populationTab .t-menu > li {border-top:none;margin-bottom:0;}
.populationTab .t-menu > li:first-child {border-top:1px solid #ddd;}

.cont_page .tabContents div.box_wp.col2 > ul {width:100%;display:flex;flex-wrap:wrap;}
.cont_page .tabContents div.box_wp.col2 > ul li {width:calc(100% / 2 - 10px) !important;margin-right:20px;}
.cont_page .tabContents div.box_wp.col2 > ul li:last-child {margin-right:0 !important;}
.cont_page .box_wp + .box_wp {margin-top:50px;}

.lBox.high .inpTy1 {display:inline;}

.subTxt + *, .btns.top + * {margin-top:10px;}
.subTxt h4, .cont_page.synthesis .subTxt h4, .populationCont .subTxt h4 {display:inline-block;font-size:18px;line-height:26px;color:#666;}
.leisureBox .top .tit > strong {color:#666;}

.info, .tit_box .info {font-size:13px;font-weight:400;color:#333;}
.cont_page.synthesis .subTxt .sources {margin:-3px 0 3px;font-weight:400;color:#333;}
span.refr {display:inline-block;width:100%;padding:7px 3px 3px;text-align:right;font-size:13px;line-height:14px;font-weight:400;color:#333;}
.rside span.refr {width:auto;}

.subTxt .rside {float:right;display:inline-block !important;text-align:right;}
.rside * {display:inline-block;/*width:auto*/;vertical-align:middle;}
.subTxt .rside button {margin-left:5px;}
.btns.right {text-align:right;}
.btns button {margin-left:5px;}
.btnTy3 {background-color:#164dca;border-color:#164dca;}

.scrollwrap.axis_x {overflow-x:auto;}
.scrollwrap.axis_x table {white-space:nowrap;}

/* design modify */
.tbl_search .search_btn {right:32px;}
.cont_page.synthesis .map_wp .rBox {height:100%;background:#f8f8f8;}
.dash_culture .item2 {padding:30px 30px 0px 30px;background-color:#f8f8f8;}
.item1.chartBox + .item2 > .tit_box:first-child {margin-top:0;}
.detailed_status_wp .contxt {padding:20px;border:1px solid #ccc;background:#fff;}
.detailed_status_wp .contxt .cont_wp .cont::after {width:1px;background:#ddd;}
.cultureArea .rBox .graph_wp .box5 .graphBox.on {background:#fffaeb;}
.dash_culture_part {border:1px solid #ccc;background:#f8f8f8;}
.dash_culture_part .tit {height:42px;padding:12px 0;background:#666;}
.cont_page.synthesis .map_wp h5.graphTit {font-size:16px;color:#666;}
.result_category .tabs.on {background-color:#164dca;border-color:#164dca;}
.dash_culHoliday_txt li .num .unit {margin:10px 0 0 3px;} /* 지방자치단치예산 */
.dash_culture_holiday .info {text-align:right;} /* 지방자치단치예산 */
/* 지역문화지수 */
.dash_indi_status {padding-bottom:60px;}
.dash_indi_map {grid-template-columns:minmax(100px, auto) 800px;grid-template-rows:324px 324px;}
.dash_indi_status .item2, .dash_indi_status .item3 {height:100%;padding-top:30px;}
/* rowspan 경우 다음 행 세로라인 없어지는 오류 수정 */
.tblTy2 th, .tblTy2 td {border-left:none;border-right:1px solid #ddd;}
.tblTy2 tr td:last-child, .tblTy2 tr th:last-child {border-left:1px solid #ddd;border-right:none;}
/* 팝업 스타일 수정 */
.lypop_ct .itemCol3 + * {margin-top:10px}
.lypop_ct .btn_wp {margin:20px 0 10px;}
/* 테이블 세로가로 전체 스크롤 추가(10행 기준) */
.tbl_wp.scrollxy {overflow-y:scroll;height:574px;}
.tbl_wp.scrollxy .tblTy2 {margin-top:0}
.tbl_wp.scrollxy::-webkit-scrollbar{width:5px;height:5px;}
.tbl_wp.scrollxy::-webkit-scrollbar-track {background-color:transparent;}
.tbl_wp.scrollxy::-webkit-scrollbar-thumb {background:rgb(0,0,0, 0.5);border-radius:5px;}

.sta_dim {top:0;left:0;right:0;bottom:0;}


/* 지방자치단체예산 */
.dash_culHoliday_txt li strong {height:42px;padding:12px;background-color:#666;}
.dash_culture_part > ul > li:hover ul {background-color:#dedede;}
.btnTy6 {background-color:#164dca;border-color:#164dca}
.btnTyFlat {padding:6px 12px 6px;font-size:13px;line-height:13px;color:#666;border:1px solid #cbcbcb;border-radius:16px;background:#fff;}
.btnTyFlat > span {line-height:1;}

.detailed_status_wp > div .itemCol {margin-bottom:0;}
.detailed_status_wp > div .itemCol + * {margin-top:5px;}

.chartwrap + .chartwrap {margin-top:30px;}
.cont_page .chartwrap .subTxt {margin-bottom:0;}

.inpTy1 > select {font-size:15px;line-height:24px;}

.tbl_search {margin-bottom:20px;padding:15px 120px 15px 40px;border-radius:0;background-color:#f8f8f8;}
.tbl_search .search_btn .btnTy2 {width:80px;height:40px;font-size:14px;line-height:16px;background-color:#333;border-color:#333;}

.cont_page.synthesis .map_wp .lBox {border:1px solid #cbcbcb;}
.cont_page.synthesis .map_wp .lBox .btn2.lfunc {/*left:10px;width:40%;*/text-align:center;}
.cont_page.synthesis .map_wp .lBox .btn2.lfunc.left {left:20px;width:auto;text-align:left;}
.cont_page.synthesis .map_wp .lBox .btn2.lfunc button {margin:0 5px 0 0;}
.cont_page .map_wp .btn2.center {position:absolute;top:10px;left:10px;width:100%;text-align:center;}
.cont_page .map_wp .btn2.center button {margin-left:10px;}
.dash_culture .item1 .select.rfunc {width:35% !important;text-align:right;}
.dash_culture .item1 .select.rfunc .inpTy1 {width:auto;margin-left:3px;}
.dash_culture .item1 .select.rfunc .inpTy1 > select {position:relative;top:0;width:auto;}

.btn.chartfunc {position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;}
.btn.chartfunc > button {width:100%;height:34px;background-color:#164dca;color:#fff;text-align:center;}
.btn.chartfunc > button:nth-child(2) {border:1px solid #fff;border-top:0;border-bottom:0;}
.map_wp .item1 .btn > button, .dash_culture .item1 .btn > button {height:34px;background-color:#164dca;}
.item1 .btn2 > .btnTy3 {background-color:#4e5259;border-color:#4e5259;}
.item1 .btn2 > .btnTy7 {background-color:#3778d9;border-color:#3778d9;}


.flexwrap {display:flex;flex-direction:row;align-items:center;justify-content:center;}
.flexwrap.end {display:flex;justify-content:space-between;align-items:end;}

.tal {text-align:left !important;}
.tar {text-align:right !important;}
.h100p {height:100%;}

.mapcontainer {height:100%;}
.mapcontainer.type1 {padding:50px 0 0;}
.mapcontainer.type2 {padding:50px 0 35px;}

/* 지역종합정보 */
.container {padding:30px 0;}
.totalinfo {max-width:1450px;margin:0 auto;}
.title_wrap {position:relative;min-height:32px;margin-top:20px;text-align:right;}
.rowwrap + .title_wrap, .regiontotal .title_wrap {margin-top:50px;}
.title_wrap h3, .title_wrap h4 {position:absolute;top:0;left:0;display:inline-block;font-size:18px;line-height:38px;color:#333;}
.title_wrap h4.f24 {font-size:24px;}
.regiontotal .title_wrap h4 {font-size:24px;}
.title_wrap h4 span {display:inline-block;margin-left:8px;font-size:16px;line-height:18px;}
.title_wrap .rside {display:inline-block;text-align:right;}
.title_wrap .rside button {margin-left:2px;}
/*
.title_wrap:first-child {margin-top:20px;}
*/
.title_wrap + * {margin-top:10px;}
.title_wrap + .data_wrap {margin-top:10px;}
.container > .title_wrap:first-child, div[class^="col"] .title_wrap {margin-top:50px;} /*종합현황판 도움말*/
.btnTy3, .btnTy4, .btnTy5, .btnTy6, .btnTy7, .btnTy10 {height:32px;}

.summary_wrap {position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;/*align-items:end;*/} /*종합현황판 도움말*/
.summary_wrap .col1_2 {/*width:calc(100% / 2 - 15px);*/display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;/*border-top:1.5px solid #ccc;border-left:1.5px solid #ccc;*/ width: 100%;}
.summary {/*width:calc(100% / 3);*/padding:30px 30px 25px;border:1.5px solid #ccc;/*border-left:none;border-top:none;*/text-align:center; width: 12%;}
.summary h4 {position:relative;font-size:14px;line-height:16px;color:#666;}
.summary h4::after {content:"";display:block;margin:0px auto;width:48px;height:48px;margin:10px auto 12px;background-repeat:no-repeat;background-position:0 0;}
/*.summary_wrap .col1_2:nth-child(1) .summary:nth-child(1) h4::after {background-image:url(../images/content/icon_sumr_01.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(2) h4::after {background-image:url(../images/content/icon_sumr_02.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(3) h4::after {background-image:url(../images/content/icon_sumr_03.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(4) h4::after {background-image:url(../images/content/icon_sumr_04.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(5) h4::after {background-image:url(../images/content/icon_sumr_05.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(6) h4::after {background-image:url(../images/content/icon_sumr_06.png);}
.summary_wrap .col1_2:nth-child(2) .summary:nth-child(1) h4::after {background-image:url(../images/content/icon_sumr_07.png);}
.summary_wrap .col1_2:nth-child(2) .summary:nth-child(2) h4::after {background-image:url(../images/content/icon_sumr_08.png);}
.summary_wrap .col1_2:nth-child(2) .summary:nth-child(3) h4::after {background-image:url(../images/content/icon_sumr_09.png);}
.summary_wrap .col1_2:nth-child(2) .summary:nth-child(4) h4::after {background-image:url(../images/content/icon_sumr_10.png);}
.summary_wrap .col1_2:nth-child(2) .summary:nth-child(5) h4::after {background-image:url(../images/content/icon_sumr_11.png);}
.summary_wrap .col1_2:nth-child(2) .summary:nth-child(6) h4::after {background-image:url(../images/content/icon_sumr_12.png);}*/
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(1) h4::after {background-image:url(../images/content/icon_sumr_04.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(2) h4::after {background-image:url(../images/content/icon_sumr_06.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(3) h4::after {background-image:url(../images/content/icon_sumr_10.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(4) h4::after {background-image:url(../images/content/icon_sumr_11.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(5) h4::after {background-image:url(../images/content/icon_sumr_12.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(6) h4::after {background-image:url(../images/content/icon_sumr_01.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(7) h4::after {background-image:url(../images/content/icon_sumr_02.png);}
.summary_wrap .col1_2:nth-child(1) .summary:nth-child(8) h4::after {background-image:url(../images/content/icon_sumr_07.png);}


.summary p {display:inline-block;margin-top:5px;font-size:16px;line-height:18px;color:#333;font-weight:700;}
.summary p em {display:inline-block;margin-right:3px;/*font-size:24px;*/font-size:20px;line-height:26px;}

.title_wrap + .box_wrap {border:1px solid #ccc;}
.box_wrap {position:relative;margin-top:10px;padding:35px;border:1px solid #ccc;}
.rowwrap {/*margin-top:50px;*/display:flex;justify-content:space-between;}  /*종합현황판 도움말*/
.rowwrap:first-child {margin-top:0;}
.box_wrap .rowwrap + .rowwrap {margin-top:30px;}
.boardwrap {width:100%;}
.boardwrap.brd1 {border:1px solid #ccc;}

.rowwrap .col2_3 {width:calc(100% / 3 * 2 - 20px);height:100%;}
.rowwrap .col1_3 {width:calc(100% / 3 - 10px);height:100%;}
.rowwrap .col1_2 {width:calc(100% / 2 - 15px);}
.box_wrap .rowwrap .col1_3 {width:calc(100% / 3 - 20px);}
.box_wrap .rowwrap .col2_3 {width:calc(100% / 3 * 2 - 10px);}
.title_wrap + .box_wrap .rowwrap + .rowwrap {margin-top:40px;padding-top:40px;border-top:1.5px solid #ccc;}

.rowwrap .col2_3 .headwrap {width:100%;display:flex;justify-content:space-between;align-items:end;}
.rowwrap .col2_3 .headwrap .headinfo {width:calc(100% / 2 - 15px);}

.headinfo {width:100%;display:flex;justify-content:space-between;align-items:end;}
.headinfo h4 {font-size:14px;line-height:16px;color:#666;}
.headinfo p {display:inline-block;margin-top:5px;font-size:16px;line-height:18px;color:#333;font-weight:700;}
.headinfo p + p {margin-left:20px;}
.headinfo p em {display:inline-block;margin-right:3px;font-size:24px;line-height:26px;}
.headinfo p span + em {margin-left:8px;}
.headinfo .rside {float:right;display:inline-block;}
.headinfo .rside button {display:block;margin-bottom:10px;text-align:left;}
.headinfo .rside button:last-child {margin:0;}

.tablewrap .headinfo {align-items:center;}
.tablewrap .headinfo h4 {font-size:18px;line-height:20px;}
.tablewrap table {width:100%;margin-top:20px;border-top:2px solid #ccc;border-bottom:1px solid #ccc;}
.tablewrap table th, .tablewrap table td {padding:17px;font-size:14px;line-height:16px;font-weight:600;color:#333;text-align:center;border-top:1px solid #ccc;}

.scrolly table{overflow:hidden;width:100%;border-top:1px solid #ccc;}
.scrolly table colgroup {display:none;}
.scrolly table thead{float:left;width:100%;}
.scrolly table thead tr{display:table;width:100%;}
.scrolly table tbody{float:left;width:100%;height:316px;overflow-y:auto;overflow-x:hidden;}
.scrolly table tbody tr{display:table;width:100%;}
.scrolly table tbody tr:last-child{border-bottom:none;}
.scrolly table th, .scrolly table td {width:50%;}

.btn_arr_r {position:relative;width:95px;padding-right:10px;font-size:14px;line-height:16px;color:#666;}
.btn_arr_r::before {content:"";position:absolute;top:0;right:0;width:16px;height:16px;background:url(../images/common/icon_arr_r.svg) no-repeat 0 0;}
.graph_wrap {position:relative;min-height:400px;padding:15px;border:1px solid #ccc;}
.graph_wrap > h4 {z-index:10;position:absolute;top:17px;left:20px;width:80%;height:16px;font-size:14px;line-height:16px;color:#888;}
.graph_wrap > h4 .drction {display:inline-block;margin-left:5px;font-size:13px;line-height:15px;color:#7287da;font-weight:600;}
.headwrap + .graph_wrap, .headinfo + .graph_wrap {margin-top:14px;}

.devergion .box_wrap {height:100%;} /* 지역개발 */
.devergion .tablewrap + .tablewrap {margin-top:54px;}
.graph_wrap.type2 {min-height:350px;} /* 문화예산, 문화시설, 문화재  */
/* 문화특화지역 */
.culturespcl .boardwrap {padding:30px;display:flex;flex-direction:row;justify-content:space-between;}
.culturespcl .col3_5 {/*width:calc(100% / 5 * 3 - 15px);*/ width: 49%;}
.culturespcl .col2_5 {/*width:calc(100% / 5 * 2 - 15px);*/ width: 49%;}
.culturespcl .col3_5 .tablewrap {/*width:calc(100% / 3 - 15px);*/ width: 100%;}
.culturespcl .col2_5 .tablewrap {/*width:calc(100% / 2 - 15px);*/ width: 100%;}

/* 데이터현황 */
.datamenu {margin-top:15px;padding:30px;border:1px solid #ccc;display:flex;justify-content:space-between;}
.datamenu > h4 {width:calc(100% / 7 - 30px);font-size:16px;line-height:18px;}
.datamenu > ul {width:100%;display:flex;justify-content:space-between;}
.datamenu > ul > li {width:calc(100% / 6 - 20px);padding:2px 20px;font-size:16px;line-height:18px;font-weight:600;border-left:1px solid #ececec;}
.datamenu > ul > li ul {padding:10px 0 0;}
.datamenu > ul > li ul li {padding:6px 0;font-size:14px;line-height:16px;font-weight:500;}
.datamenu a:hover, .datamenu a.on {color:#164dca;text-decoration:underline;}

.data_status .chartBox {border-top:none;}
.data_status .chartBox {display:flex;justify-content:space-between;}
.data_status .chartBox .col1_2 {padding:10px;position:relative;width:calc(100% / 2);}
.data_status .chartBox .col1_2:nth-child(2) {padding-left:20px;border-left:1px solid #ececec;}
.data_status .chartBox .col1_2 h4 {z-index:10;position:absolute;top:20px;left:20px;width:80%;height:16px;font-size:14px;line-height:16px;color:#888;}


/* 지역문화시설 */
.cont_page .map_wp.sizetype2 .rBox ul {display:flex;justify-content:space-around;}
.cont_page .map_wp.sizetype2 .rBox ul li .paragraph {display:block;padding:27px 21px 22px;margin-top:27px;border:1px solid #ddd;}
.cont_page .map_wp.sizetype2 .rBox ul li .paragraph .previousYear {width:100%;height:40px;flex-direction:row;margin-top:27px;}

.cont_page .map_wp.sizetype2 .lBox {width:calc(100% - 820px);}
.cont_page .map_wp.sizetype2 .rBox {width:800px;}
.cont_page .map_wp.sizetype2 .paragraph .contxt {padding:0 10px;justify-content:space-between;}
.cont_page .map_wp.sizetype2 .paragraph .contxt img {width:20%;margin-right:0;}
.cont_page .map_wp.sizetype2 .paragraph .contxt .num {font-size:22px;}

.cont_page .map_wp .rBox .list_colwrap {padding:15px;border:1px solid #ddd;border-radius:3px;background:#fff;}
.cont_page .map_wp .rBox .list_colwrap + .list_colwrap {margin-top:10px;}
.cont_page .map_wp .rBox ul.col3 li {width:calc(100% / 3 - 15px);}
.cont_page.synthesis .tabContents.facility .box_wp .paragraph {margin-bottom:0}



.map_container {height:100%;}
.functype2 {padding:50px 0 40px;}


/* 휴양/관광/여가시설 */
.tabContents.type2 .rBox.high > .subTxt {margin:0 0 10px;}
.tabContents.type2 .rBox.high > .paragraph {display:block;margin-bottom:0;}
.tabContents.type2 .paragraph .contxt {width:55%;text-align:right;}
.tabContents.type2 .paragraph .contxt img {margin-right:20px;}
.tabContents.type2 .paragraph .contxt .Num, .tabContents.type2 .paragraph .contxt .num {display:block;width:55%;text-align:right;cursor:pointer;}
.tabContents.type2 .map_wp .rBox ul li .paragraph {padding:22px 21px 16px}
.tabContents.type2 ul .paragraph .contxt {width:100%;}
.tabContents.type2 ul .paragraph .contxt .Num, .tabContents.type2 ul .paragraph .contxt .num {width:62%;}
.tabContents.type2 .map_wp .rBox ul li {margin-top:25px;}
.cont_page .listwrap {width:45%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.cont_page ul .listwrap {width:100%;margin-top:20px;}
.cont_page .tabContents.type2 .paragraph .listwrap li {width:100%;height:35px;margin:2px 0;padding:4px 0;text-align:center;font-size:14px;font-weight:600;line-height:1.5;color:#000;border-radius:5px;background:#f2f4f7;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.cont_page .listwrap li span:nth-child(1) {width:40%;text-align:left;}
.cont_page .listwrap li span:nth-child(2) {width:40%;text-align:right;font-size:18px;font-weight:600;color:#267ada;}
.cont_page .listwrap li span.nodata {text-align:center;font-weight:400;color:#bbb;}

/* 문화특화지역 */
.cultureArea.special {height:780px;margin-top:20px;border:0;}
.cultureArea.special .rBox {width:100%;}
.cultureArea.special .rBox .subTxt {position:relative;margin:0 0 15px;}
.cultureArea.special .rBox p.subTxt {margin:0 !important;}
.cultureArea.special .rBox .txtBox > h4 {font-size:17px;margin-bottom:15px;}
.cultureArea.special .graph_wp .boxWp li .refr {position:absolute;top:-26px;right:3px;width:60%;text-align:right;font-size:13px;}
.cultureArea.special .rBox .graph_wp {top:0;right:0;width:700px;height:780px;padding:20px;background:#f8f8f8;}
.cultureArea.special .rBox .txtBox {top:65px;left:60px;width:210px;padding:15px;}
.cultureArea.special .rBox .txtBox:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;background:#000;opacity:0.1;}
.cultureArea.special .rBox .txtBox > h4 span {display:inline-block;margin:0 0 10px;}
.cultureArea.special .rBox .map_wp {position:relative;width:calc(100% - 720px);padding:50px 0 35px;border:1px solid #ddd;}
.cultureArea.special .rBox .graph_wp .graphBox {width:100%;height:96px;border:1px solid #ddd;}
.cultureArea.special .rBox .graph_wp .graphBox .tit {font-size:14px;}
.cultureArea.special .rBox .graph_wp .graphBox > a {padding:18px 30px;}
.cultureArea.special .rBox .graph_wp .graphBox.nodata > a {padding-left:0;padding-right:0;}
.graphBox.nodata {padding:35px 30px;display:flex;justify-content:space-between;}
.graphBox.nodata > * {display:inline-block;}
.graphBox.nodata .subTxt {margin-top:10px;font-size:13px;color:#999;}
.graphBox.nodata .subTxt::before {content:"";display:inline-block;position:relative;top:2px;width:14px;height:14px;margin-right:5px;background:url(../images/content/icn_warning.png) no-repeat;}

.groupwrap {margin-top:20px;padding:20px 15px;border:1px solid #eee;border-radius:5px;background:#fff;}
.groupwrap + .boxWp {margin-top:40px;}
.cultureArea.special .rBox .graph_wp .boxWp li {position:relative;margin:35px 0 0}
.cultureArea.special .rBox .subTxt + ul > li:first-child {margin-top:0;}
.detailed_status_wp .box_detailed .title_wrap h4 span {font-size:18px;}
.cultureArea.special .graphBox .chgTxt {margin-bottom:5px;}
.detailed_status_wp .contxt .cont.nodata {font-size:14px;color:#999;}

/* 예술인/예술단체현황 */
.tabhead {position:relative;z-index:2;}
.tabhead ul {display:inline-block;overflow:hidden;vertical-align:middle;border-left:1px solid #ddd;border-radius:5px 0 0;}
.tabhead ul li {float:left;border:1px solid #ccc;border-left:none;border-radius:5px 5px 0 0;background:#eee;}
.tabhead ul li a {display:block;padding:10px 18px;text-align:center;font-size:15px;font-weight:600;line-height:16px;color:#333;}
.tabhead ul li.on {border-bottom-color:#fff;background:#fff;}
.tabhead ul li.on a {color:#277cc7;}
.tabhead .rside {display:block;position:absolute;right:3px;bottom:8px;width:auto;}
.tabcont {z-index:1;display:none;margin-top:-1px;padding:10px;border:1px solid #ddd;background:#fff;}
.tabcont.on {display:block;}
.cont_page .tabContents .tabcont .table_wp {padding:10px;border:none;}

.cont_page .tblTy2.pd5 th, .cont_page .tblTy2.pd5 td {padding:0 5px;}
.cont_page .tblTy2.tar td {text-align:right;}

.cont_page .tabContents.artist.ver2 .map_wp .rBox {padding:30px;}
.cont_page .tabContents.artist.ver2 .map_wp .rBox .averageAge {top:0;width:calc(100% / 2 - 10px);}
.cont_page .tabContents.artist.ver2 .table_wp {min-height:auto;}
.cont_page .tabContents.artist.ver2 .table_wp .bot {margin-top:20px;}
.cont_page .tabContents.artist.ver2 .contxt {padding:30px 20px;justify-content:space-between;}
.cont_page .tabContents.artist.ver2 .avrgage {width:150px;}
.cont_page .tabContents.artist.ver2 .avrgage p {text-align:right;font-size:14px}
.cont_page .tabContents.artist.ver2 .avrgage p * {margin-left:3px;color:#000;}
.cont_page .tabContents.artist.ver2 .avrgage p em {font-size:26px;color:#267ada;font-weight:600;}
.cont_page .tabContents.artist.ver2 .tblTy2 {background:#fff;}

/* 웹진 */
.webzine .title_wrap {width:1000px;margin:0 auto;padding-bottom:60px;text-align:center;border-bottom:1px solid #666;}
.webzine .title_wrap h4 {position:relative;font-size:32px;line-height:34px;font-weight:700;color:#333;}
.webzine_container {margin:50px 0 80px;text-align:center;}
.list_wrap.type1 {margin:20px auto;}
.list_wrap.type1 ul {border-bottom:1px solid #999;}
.list_wrap.type1 li {position:relative;margin:25px 0;padding:25px 0 0 20px;border-top:1px solid #999}
.list_wrap.type1 li a {font-size:18px;line-height:16px;font-weight:700;color:#333;}
.list_wrap.type1 li a:hover {color:#164dca;text-decoration:underline;}
.list_wrap.type1 li span {display:block;margin-top:20px;font-size:16px;line-height:16px;font-weight:400;color:#666;}
.webzine .list_wrap {margin:100px 0 50px;}

.move_list {width:1000px;margin:20px auto;}
.move_list ul {border-bottom:1px solid #999;}
.move_list li {overflow:hidden;position:relative;margin:25px 0;padding:25px 0 0 20px;border-top:1px solid #999;}
.move_list li * {float:left;font-size:16px;line-height:16px;font-weight:400;color:#333;}
.move_list li span {display:inline-block;width:100px;}
.move_list li p {display:inline-block;width:calc(100% - 100px);}
.move_list li a:hover {color:#164dca;text-decoration:underline;}
.webzine .btn_wp {margin-top:50px;}
.webzine .btnTy1 {min-width:115px;height:48px;font-size:16px;border-radius:8px;}

/* 클립 */
.list_wrap.type2 {width:1450px;margin:20px auto;}
.list_wrap.type2 ul {overflow:hidden;}
.list_wrap.type2 li {position:relative;float:left;width:215px;margin:0 0 55px 30px;}
.list_wrap.type2 li:nth-child(6n+1) {margin-left:0;}
.list_wrap.type2 li a {font-size:16px;line-height:26px;font-weight:600;color:#66697D;}
.list_wrap.type2 li a:hover {color:#164dca;text-decoration:underline;}
.list_wrap.type2 li img {width:215px;height:382px;border:1px solid #ddd;border-radius:8px;object-fit:cover;}
.list_wrap.type2 li span {margin-top:12px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; height: 55px;}


.btnwrap {text-align:center;}
.btnwrap.topside {text-align:right;}
.btnwrap.topside + * {margin-top:15px;}
.btn_viewmore {position:relative;padding:10px 70px 10px 20px;font-size:16px;line-height:26px;font-weight:600;color:#66697D;border:1px solid #999BA9;border-radius:8px;}
.btn_viewmore:after {content:"";position:absolute;top:10px;right:10px;width:24px;height:24px;background:url(../images/common/icon_more_02.svg) no-repeat center center;}
.btn_utube {position:relative;padding:5px 10px 5px 38px;font-size:16px;line-height:26px;font-weight:600;color:#333;}
.btn_utube:before {content:"";position:absolute;top:0;left:0;width:32px;height:32px;background:url(../images/common/icon_utube.svg) no-repeat center center;}

/* 마이페이지 */
.mypage_top .item dt {padding:20px 30px 10px;}
.mypage_top .item dt:before {display:inline-block;position:relative;top:-2px;left:auto;vertical-align:middle;}
.mypage_top .item dt span {display:inline-block;margin-left:15px;vertical-align:middle;}

/* 시스템소개 */
.system_wpap {padding-top:5px;}
.systemintro .title_wrap {margin-top:45px;}
.systemintro .title_wrap h4 {font-size:24px;line-height:38px;}
.keyvisual {position:relative;min-width:1220px;height:260px;padding:98px  0 0 50px;background:#f8f8f8}
.keyvisual:before {content:"";position:absolute;top:47px;left:50px;width:137px;height:24px;background:url(../images/common/logo.png) no-repeat 0 0;background-size:100%}
.keyvisual:after {content:"";position:absolute;bottom:-10px;right:50px;width:500px;height:248px;background:url(../images/content/img_system_visual.png) no-repeat center center;}
.keyvisual h3 {font-size:32px;font-weight:700;color:#164dca;}
.keyvisual p {width:760px;margin-top:10px;font-size:16px;line-height:24px;font-weight:500;color:#333;}
.keyvisual em {font-weight:700;color:#164dca;}
.func_wrap {position:relative;margin-top:30px;}
.func_wrap:before {content:"";display:block;width:1140px;height:490px;margin:0 auto;background:url(../images/content/img_system_01.png) no-repeat center center;}
.download_wrap {position:relative;height:120px;margin:100px 0 92px;padding:30px 150px 0 40px;font-size:16px;line-height:26px;font-weight:600;color:#fff;border-radius:8px;background:#164dca;box-shadow:0 4px 8px 2px rgb(56, 56, 56, 0.16);}
.download_wrap em {display:inline-block;margin-top:5px;font-size:24px;font-weight:700;}
.download_wrap a {position:absolute;bottom:30px;right:40px;font-size:14px;line-height:28px;font-weight:600;}
.download_wrap a span {position:relative;display:block;padding-right:60px;}
.download_wrap a:after {content:"";position:absolute;top:-18px;right:10px;width:38px;height:38px;background:url(../images/content/icon_down_01.png) no-repeat center center;}

.sitemap_wrap {overflow:hidden;margin-top:47px;padding:0 30px;background:#fff;height:100%;display:flex;flex-direction:row;}
.sitemap_wrap > div {float:left;width:calc(100% / 5);}
.sitemap_wrap > div h4 + div {margin-top:30px;padding:20px 30px 10px;text-align:left;height:100%;border-left:1px solid #ebebeb;}
.sitemap_wrap > div h4, .sitemap_wrap > div h5 {font-size:16px;font-weight:600;color:#000;}
.sitemap_wrap > div h4 {position:relative;display:inline-block;margin-left:30px;padding-right:18px;}
.sitemap_wrap > div h4 span {display:inline-block;line-height:25px;border-bottom:1px solid #000;}
.sitemap_wrap > div h4:before {content:"";position:absolute;top:7px;right:0;width:8px;height:14px;background:url(../images/common/icon_arrow_02.png) no-repeat center center;}
.sitemap_wrap > div h5 {margin-top:40px;color:#333;}
.sitemap_wrap > div h5:first-child {margin-top:0;}
.sitemap_wrap > div ul {margin-top:12px;}
.sitemap_wrap > div ul li {padding:6px 0}
.sitemap_wrap > div ul li a {font-size:14px;color:#666;}
.sitemap_wrap > div a:hover {color:#164dca;text-decoration:underline;}

/* 보고서 작성 도움말 */
.useguide {position:absolute;top:0;left:0;bottom:0;right:0;font-size:24px;line-height:54px;color:#fff;}
.useguide:before {z-index:1;content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.8}
.useguide > button {z-index:4;position:absolute;top:15px;right:15px;width:42px;height:42px;border-radius:25px;background:#fff;}
.useguide > button span {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);}
.useguide > button:before {content:"";position:absolute;top:13px;left:13px;width:18px;height:18px;background:url(../images/common/icon_close_02.png) no-repeat center center;}
.guide_wrap {display:none;z-index:2;position:absolute;top:0;left:0;bottom:0;right:0;}
.guide_wrap.show {display:block;}
.guide_wrap.step1 {padding:190px 0 0 590px;}
.guide_wrap.step2 {padding:70px 0 0 590px;}
.guide_wrap.step3 {padding:220px 0 0 590px;}
.guide_wrap.step4 {padding:216px 0 0 590px;}
.guide_wrap:before, .guide_wrap > span:before, .guide_wrap > span:after {z-index:3;content:"";position:absolute;background-repeat:no-repeat;background-position:0 0;}
.guide_wrap.step1:before {top:72px;left:30px;width:279px;height:36px;background-image:url(../images/content/img_useinfo_1_01.png)}
.guide_wrap.step2:before {top:72px;left:30px;width:369px;height:66px;background-image:url(../images/content/img_useinfo_2_01.png)}
.guide_wrap.step3 > span:before {top:83px;left:466px;width:889px;height:35px;background-image:url(../images/content/img_useinfo_3_01.png);}
.guide_wrap.step3 > span:after {z-index:4;top:83px;right:5px;width:500px;height:35px;background-image:url(../images/content/img_useinfo_3_01.png);background-position:right 0;}
.guide_wrap.step4 > span:before {bottom:55px;left:450px;width:909px;height:36px;background-image:url(../images/content/img_useinfo_4_01.png);}
.guide_wrap.step4 > span:after {z-index:4;bottom:55px;right:5px;width:500px;height:36px;background-image:url(../images/content/img_useinfo_4_01.png);background-position:right 0;}

.guide_wrap:after {z-index:3;content:"";position:absolute;background-repeat:no-repeat;background-position:center center;}
.guide_wrap.step1:after {top:128px;left:163px;width:394px;height:97px;background-image:url(../images/content/img_useinfo_1_02.png);}
.guide_wrap.step2:after {top:90px;left:400px;width:157px;height:16px;background-image:url(../images/content/img_useinfo_2_02.png);}
.guide_wrap.step3:after {top:120px;left:510px;width:47px;height:130px;background-image:url(../images/content/img_useinfo_3_02.png);}
.guide_wrap.step4:after {top:235px;left:505px;width:47px;height:861px;background-image:url(../images/content/img_useinfo_4_02.png);}

.guide_wrap h4 {font-size:40px;font-weight:300;color:#ffff00;}
.guide_wrap p {margin:10px 0 0 36px;font-weight:200;color:#ffff00;}
.guide_wrap ul {margin:16px 0 0 62px;font-weight:200;color:#fff;}
.guide_wrap ul li {position:relative;margin-top:25px;text-indent:-26px;line-height:40px;}
.guide_wrap.step3 ul li:nth-child(2):before {content:"";position:absolute;top:5px;left:0;width:33px;height:33px;background:url(../images/content/img_useinfo_3_03.png) no-repeat center center;}
.guide_wrap.step3 ul li:nth-child(3):before {content:"";position:absolute;top:5px;left:0;width:33px;height:33px;background:url(../images/content/img_useinfo_3_04.png) no-repeat center center;}
.guide_wrap.step3 ul li span {display:inline-block;margin-left:70px;}
.guide_wrap .btn_wrap {margin-top:35px;padding-left:530px;}
.guide_wrap.step2 .btn_wrap {padding-left:475px;}
.guide_wrap.step3 .btn_wrap {padding-left:506px;}
.guide_wrap.step4 .btn_wrap {padding-left:455px;}
.guide_wrap .btn_wrap button {position:relative;height:60px;margin-left:20px;padding:0 50px 0 30px;font-size:24px;line-height:26px;font-weight:400;color:#000;border-radius:10px;background:#ffff00;}
.guide_wrap .btn_wrap button.pview {padding:0 30px 0 50px;}
.guide_wrap .btn_wrap button:before {content:"";position:absolute;top:21px;right:25px;width:10px;height:18px;background:url(../images/common/icon_arrow_01.png) no-repeat center center;}
.guide_wrap .btn_wrap button.pview:before {content:"";position:absolute;top:21px;left:25px;width:18px;height:18px;transform:rotate(180deg);background:url(../images/common/icon_arrow_01.png) no-repeat center center;}
.guide_wrap .btn_wrap button.close:before {content:"";position:absolute;top:21px;right:25px;width:18px;height:18px;background:url(../images/common/icon_close_02.png) no-repeat center center;}


/* 레이어 팝업 */
.layerpop {display:none;overflow:hidden;z-index:100;position:absolute;top:0;padding:40px;border-radius:10px;box-shadow:0 3px 20px 3px rgb(56, 56, 56, 0.4);background:#fff;}
.layerpop.normtype {top:18.5%;left:50%;margin:0 auto;transform:translate(-50%, -50%);}
.layerpop.infotype01 {width:400px;padding:25px;}
.layerpop_title {position:relative;min-height:20px;margin-bottom:20px;border-radius:10px 10px 0 0;background:#fff;}
.layerpop.infotype01 .layerpop_title {position:relative;min-height:20px;margin-bottom:15px;border-radius:10px 10px 0 0;background:#fff;}
.layerpop_title h3 {display:block;padding-bottom:20px;text-align:left;font-size:24px;line-height:22px;font-weight:700;color:#373f57;border-bottom:1px solid #ccc;}
.layerpop_title button.btn_close_01 {position:absolute;top:0;right:0;padding:0 28px 0 0;font-size:16px;line-height:18px;font-weight:700;color:#373f57;}
.layerpop_title button.btn_close_01:before {content:"";position:absolute;top:0;right:0;width:20px;height:20px;background:url(../images/common/icon_close_03.png) no-repeat center center;}
.layerpop_content {position:relative;font-size:14px;line-height:20px;font-weight:500;color:#373f57;border-radius:0 0 10px 10px;background:#fff;}
.layerpop.infotype01 .layerpop_content {width:100%;height:200px;}
.layerpop_title button.btn_close_02 {position:absolute;top:0;right:0;padding:0 28px 0 0;font-size:16px;line-height:18px;font-weight:700;color:#373f57;border-radius:10px;}
.layerpop_title button.btn_close_02:before {content:"";position:absolute;top:0;right:0;width:18px;height:18px;background:url(../images/common/icon_close_02.png) no-repeat center center;filter:invert(100%) sepia(100%) saturate(31%) hue-rotate(224deg) brightness(150%) contrast(111%)}
.layerpop_title button.btn_close_02 span {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);}
/* scrollbar */
.scrollY {overflow-y:auto;padding-right:8px;}
.scrollY::-webkit-scrollbar {position:absolute;top:0;right:0;width:4px;}
.scrollY::-webkit-scrollbar-thumb {background:rgba(200, 200, 200, 1);border-radius:5px;}
.scrollY::-webkit-scrollbar-track {background:rgba(250, 250, 250, 0);}

button.date_reset {width: 120px; color: #fff; height: 34px; display: inline-flex; align-items: center; justify-content: center; background-color: #8b8b8b; border-radius: 3px;}

button.date_reset::before {content:''; display: inline-block; background: url(../images/content/refresh.svg)no-repeat; filter: invert(100%); width: 16px; height: 16px;margin-right: 8px;}

.fileuploder_wrap label {
    display: inline-flex;
    align-items: center;
    padding: 5px 16px;
    min-width: 76px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
    color: #000;
    background-color: #eee;

}

.fileuploder_wrap input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.btn_wp_between {display: flex; align-items: center; justify-content: space-between; width: 100%;}

.upload_guide {color: #666;}

.width_auto {width:auto!important;}
.minw_180 {min-width: 180px;}
.display_ib {display: inline-block;}
body .inpTy1 > .w50{width:50px;}
body .inpTy1 > .w70{width:70px;}
body .inpTy1 > .w80{width:80px;}
body .inpTy1 > .w100{width:100px;}
body .inpTy1 > .w120{width:120px;}
body .inpTy1 > .w150{width:150px;}
body .inpTy1 > .w180{width:180px;}
body .inpTy1 > .w200{width:200px;}
body .inpTy1 > .w300{width:300px;}
body .inpTy1 > .w320{width:350px;}
body .inpTy1 > .w350{width:350px;}
body .inpTy1 > .w30p{width:30%;}
body .inpTy1 > .w33p{width:33.334%;}
body .inpTy1 > .w40p{width:40%;}
body .inpTy1 > .w50p{width:50%;}
body .inpTy1 > .w80p{width:80%;}
body .inpTy1 > .w70p{width:70%;}
body .inpTy1 > .w100p{width:100%;}
.h100 {height:100px;}
.h150 {height:100px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h360 {height:360px;}
.inpTy1 > span {}
.survey_register_wp .tbl_wp .radiTy1 input[type="radio"] + label:before {top: 2px;}
.survey_register_wp .tbl_wp .radiTy1 input[type="radio"] + label::after {top: 6px;}


.file_upload_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.file_upload_wrap .file-upload-btn {
    display: inline-flex;
    align-items: center;
    padding: 5px 16px;
    min-width: 76px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
    color: #000;
    background-color: #eee;
}

.file_upload_wrap .file-upload-btn:hover,
.file_upload_wrap .file-upload-btn:focus {
    background-color: #333;
    color: #fff;

}

.file_upload_wrap .file-name {
    font-size: 14px;
    color: #333;
}

.file_upload_wrap .remove-file-btn {
    padding: 4px 8px;
    background-color: transparent;
    color: #000;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.file_upload_wrap .remove-file-btn:hover,
.file_upload_wrap .remove-file-btn:focus {
    background-color: transparent;
    background-color: #333;
    color: #fff;
}

.file_upload_wrap .file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}


div.img_wrap {width:100%; position: relative; margin:10px 0; overflow: hidden;}
div.img_wrap img {height:100%;}


.statistics_total {display: flex;  border:1px solid #ddd; border-radius:20px; align-items: center; justify-content: center;}
.statistics_total .sending_type {width:25%; text-align: center; padding:35px 0; background-color: #f8f8f8;}
.statistics_total .sending_type > span {display: inline-flex; align-items: center; justify-content: center;}
.statistics_total .sending_type > span img {width: 55px; margin-right:15px;}
.statistics_total .sending_type > span span {font-size:18px; color:#000; font-weight:700;}

.statistics_total .sending_content {width: 75%;}
.statistics_total .sending_content .sending_list {display: flex; align-items: center; justify-content: center;}
.statistics_total .sending_content .sending_list li {width:33.3%; text-align: center;}
.statistics_total .sending_content .sending_list li + li {border-left:1px solid #ddd;}
.statistics_total .sending_content .sending_list li em {display: block; font-size:30px; font-weight:700; margin-bottom: 15px;}
.statistics_total .sending_content .sending_list li span {display: inline-flex; align-items: center; justify-content: center; height:28px; padding:0 10px; border-radius:20px;}
.statistics_total .sending_content .sending_list li span img {width: 18px; margin-right:5px;}

.statistics_total .sending_content .sending_list li.sending_total img {filter: invert(23%) sepia(6%) saturate(35%) hue-rotate(314deg) brightness(99%) contrast(86%);}
.statistics_total .sending_content .sending_list li.sending_success img {filter: invert(40%) sepia(47%) saturate(1369%) hue-rotate(182deg) brightness(93%) contrast(96%);}
.statistics_total .sending_content .sending_list li.sending_fail img {filter: invert(35%) sepia(64%) saturate(2722%) hue-rotate(341deg) brightness(83%) contrast(103%);}

.statistics_total .sending_content .sending_list li.sending_total {color: #000;}
.statistics_total .sending_content .sending_list li.sending_success {color: #267ada;}
.statistics_total .sending_content .sending_list li.sending_fail {color: #d72928;}

.statistics_total .sending_content .sending_list li.sending_total span {background-color: rgba(0,0,0,0.1);}
.statistics_total .sending_content .sending_list li.sending_success span {background-color: rgba(38,122,218,0.1);}
.statistics_total .sending_content .sending_list li.sending_fail span {background-color: rgba(215,41,40,0.1);}


.lypop_wp.lypop_sending_history {top:100px; width: 1200px;}
.lypop_wp.lypop_sending_history .tblTy2 tbody th {background-color: #f1f6fa; font-size: 18px; text-align: left;}
.lypop_wp.lypop_sending_history .tblTy2 tbody td {text-align: left; font-size:18px;}
.lypop_wp.lypop_sending_history .tblTy2 tbody td .message_cont {height:270px; overflow-y: scroll; overflow-x: hidden;}
.lypop_wp.lypop_sending_history .tblTy2 tbody td .message_cont pre {overflow: hidden;}


/* 통계분석 */
.submain.olap.statistics2025 .head_wrap:after {display: none;}
.submain.olap.statistics2025 .list_wrap .data_wrap {padding-top:10px;}
.submain.olap.statistics2025 .contents_head {display: flex; align-items: center; justify-content: space-between; margin:50px auto;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data {width: 860px; position: relative;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data {width: 100%; height:auto; background-color: transparent; box-shadow: none; border:none; border-radius: 0; padding:0 1px;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide {background-color: transparent; padding:0; padding-top:10px;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide .databoard {float: none; margin:0; margin:1px; background-color: #f8f8f8; height:180px; width:100%;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .swiper-button-next {width: 42px; height: 42px; right: -21px; background: none;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .swiper-button-prev { width: 42px; height: 42px; left: -21px; background: none; transform: rotate(180deg);}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .swiper-button-next::after {display: none;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .swiper-button-prev::after {display: none;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .swiper-button-next:before {
    content:'';
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border:1px solid rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.8) url(../images/2024/slide_navigation_arrow.svg) no-repeat center center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
}

.submain.olap.statistics2025 .contents_head .popular_statistics_data .swiper-button-prev:before {
    content:'';
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border:1px solid rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.8) url(../images/2024/slide_navigation_arrow.svg) no-repeat center center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
}

.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide .databoard > em::after {width:30px; height: 32px;}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide:nth-child(1) .databoard > em::after {content:'1'; background: url(../images/common/icon_ranking1.png);}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide:nth-child(2) .databoard > em::after {content:'2'; background: url(../images/common/icon_ranking2.png);}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide:nth-child(3) .databoard > em::after {content:'3'; background: url(../images/common/icon_ranking3.png);}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide:nth-child(4) .databoard > em::after {content:'4'; background: url(../images/common/icon_ranking4.png);}
.submain.olap.statistics2025 .contents_head .popular_statistics_data .statistics_data .swiper-slide:nth-child(5) .databoard > em::after {content:'5'; background: url(../images/common/icon_ranking5.png);}